body {
   margin-left: 15px;
   margin-right: 15px;
   margin-top: 10px;
   margin-bottom: 10px;
   padding: 0;
   font-family: Verdana;
   font-size: 100%;
   background-color: #f8f8f8;
   text-align: center;
}

h1 {
   font-weight: bold;
   font-size: 110%;
   margin: 0 !important;
   padding: 0 !important;
   color: #175649;
}

h2 {
   font-weight: bold;
   font-size: 98%;
   margin-bottom: 0;
   padding-bottom: 0;
   color: #175649;
}

h3 {
   font-size: 98%;
   margin-bottom: 0;
   padding-bottom: 0;
   color: #175649;
}

h4 {
   padding-right: 0;
   padding-left: 0;
   font-size: 98%;
   padding-bottom: 0;
   margin: 0;
   color: #000000;
   padding-top: 0;
}

p {
   margin-top: 0;
   font-size: 98%;
   padding-top: 0;
}

a:link {
   color: #B74700;
}

a:visited {
   color: #914700;
}

a:hover, a:focus, a:active {
   color: #dd0000;
}


.font-small {
   font-size: 80%;
}

.fontSmallAlignRight {
   text-align: right;
   font-size: 80%;
}

.fade {
   -moz-opacity: 0.4;
}

.boldblack {
   font-weight: bold;
   color: #000000;
}

img {
   border: none;
}

table {
   border: none;
   border-collapse: collapse;
}

   table.fullwidth {
      width: 100% !important;
   }


.div-center {
   width: 100%;
   float: left;
   text-align: center;
}

.alignright {
   text-align: right;
}

.valignMiddle {
   vertical-align: middle;
}

.alignRightImg img {
   text-align: right;
}

.LeftAlignText {
   text-align: left;
}

table.tablecentered {
   border: none;
   border-collapse: collapse;
   margin: 10px auto;
}

td.nowrap {
   white-space: nowrap;
}

#span_noscript {
   font-weight: bold;
   color: #000000;
}

ul {
   font-size: 98%;
}

ol {
   font-size: 98%;
}

dl {
   font-size: 98%;
}

td {
   margin-top: 0;
   font-size: 98%;
   padding-top: 0;
}

u {
   color: #d2691e;
}


.displayinline {
   display: inline !important;
}

td.center {
   text-align: center;
}

   td.center img {
      text-align: center;
      margin: 0 auto;
   }

.displayscrollbars {
   overflow: auto;
}

.input {
   width: 99% !important;
   font-size: 100% !important;
}


.inputdropdown {
   width: 100% !important;
   font-size: 100% !important;
}

.inputListBox {
   width: 100% !important;
   font-size: 100% !important;
   height: auto;
   min-height: 140px;
}

.inputautowidth {
   width: auto !important;
   font-size: 100% !important;
}

.label {
   color: #000000;
   text-align: left;
   font-size: 100% !important;
}

.align-left {
   text-align: left !important;
}

.align-right {
   text-align: right !important;
}

.align-center {
   text-align: center !important;
}

.link-PassRecover {
   font-size: smaller;
}


.logincontrol {
   width: 100%;
}

/**********************************/


.Container {
   width: 100%;
   -moz-min-width: 1500px;
   -ms-min-width: 1500px;
   -o-min-width: 1500px;
   -webkit-min-width: 1500px;
   min-width: 1500px;
}


.Inner {
   float: left;
   width: 100%;
   text-align: left;
}


.tableheader {
   width: 99%;
   text-align: left;
   padding: 0 10px;
   margin: 0;
}

   .tableheader tr.HeaderLinks td {
      text-align: right;
   }

   .tableheader td {
      margin: 0;
      padding: 0;
   }

      .tableheader td.scottish {
         vertical-align: middle;
         text-align: right;
      }

      .tableheader td.logo {
         vertical-align: middle;
      }


.logout, .loggedUser {
   font-size: 75%;
}

#navBar {
   border-right: #93979a thin solid;
   padding: 0;
   border-top: #93979a thin solid;
   font-weight: bold;
   margin: 0;
   border-left: #93979a thin solid;
   color: #ffffff;
   line-height: 130%;
   border-bottom: #93979a thin solid;
   text-align: left;
   background-color: #93979a;
}

   #navBar a:link {
      padding-right: 0;
      padding-left: 0;
      padding-bottom: 0;
      margin: 0;
      color: #ffffff;
      padding-top: 0;
      text-decoration: none;
   }

   #navBar a:visited {
      padding-right: 0;
      padding-left: 0;
      padding-bottom: 0;
      margin: 0;
      color: #ffffff;
      padding-top: 0;
      text-decoration: none;
   }

   #navBar a:hover, #navBar a:focus, #navBar a:active {
      padding-right: 0;
      padding-left: 0;
      padding-bottom: 0;
      margin: 0;
      padding-top: 0;
      background-color: #e7a04f;
   }

#navPage {
   padding-right: 0;
   padding-left: 0;
   font-weight: bold;
   padding-bottom: 0;
   margin: 0;
   color: #ffffff;
   padding-top: 0;
   background-color: #e7a04f;
}

#navList {
   padding-right: 0;
   padding-left: 0;
   padding-bottom: 0;
   margin: 0;
   padding-top: 0;
}

   #navList ul {
      padding-right: 0;
      display: inline;
      padding-left: 0;
      padding-bottom: 0;
      margin: 0;
      cursor: default;
      padding-top: 0;
      list-style-type: none;
   }

   #navList li {
      padding-right: 0;
      display: inline;
      padding-left: 0;
      padding-bottom: 0;
      margin: 0;
      cursor: default;
      padding-top: 0;
      list-style-type: none;
   }

.heading-table {
   padding: 0 10px 10px 10px;
   margin: 0;
   background-color: #ffffff;
}

.layouttable {
   width: 100%;
   border-collapse: collapse;
   padding: 0;
   margin: 0;
   background-color: #ffffff;
}

.layouttableoffline {
   width: 96%;
   border-collapse: collapse;
   padding: 0;
   margin: 0;
   background-color: #ffffff;
}

#trail {
   margin: 0;
   padding-top: 5px;
   background-color: #ffffff;
   text-align: right;
}

   #trail a:link {
      color: #B74700;
      text-decoration: none;
   }

   #trail a:visited {
      color: #B74700;
      text-decoration: none;
   }

   #trail a:hover, #trail a:focus, #trail a:active {
      color: red;
   }

#footer {
   width: 100%;
   color: #B74700;
}

#links {
   padding: 5px 5px 5px 5px;
   margin: 0;
   color: #B74700;
   font-weight: bold;
   font-size: 90%;
   -moz-min-width: 800px;
   -ms-min-width: 800px;
   -o-min-width: 800px;
   -webkit-min-width: 800px;
   min-width: 800px;
}

   #links a:link {
      color: #B74700;
      font-weight: bold;
      text-decoration: none;
   }

   #links a:visited {
      color: #B74700;
      font-weight: bold;
      text-decoration: none;
   }

   #links a:hover, #links a:focus, #links a:active {
      color: red;
   }

#top {
   padding: 5px 5px 5px 5px;
   margin: 0;
   color: #B74700;
   font-weight: bold;
   font-size: 90%;
}

   #top a:link {
      color: #B74700;
      font-weight: bold;
      text-decoration: none;
   }

   #top a:visited {
      color: #B74700;
      font-weight: bold;
      text-decoration: none;
   }

   #top a:hover, #top a:focus, #top a:active {
      color: red;
   }


.DivMainDetails {
   float: left;
   width: 100%;
   border: none;
   text-align: left;
}


div.float {
   float: right;
   background-color: #ffffff;
   /* border: #d2691e 0.05em solid; font-size: 90%;*/
   padding: 5px 5px 5px 5px;
}

   div.float p {
      font-size: 75%;
   }

div.float2 {
   float: left;
   background-color: #ffffff;
   /*border: #d2691e 0.05em solid; font-size: 98%;*/
   padding: 5px 5px 5px 5px;
}

div.website {
   float: left;
   background-color: #ffffff;
   font-size: 98%;
}

   div.website p {
      font-size: 85%;
   }

div.floatleft {
   float: left;
   width: 100%;
}

div.floatright{
   float: right;
   text-align: right;
   width: 100%;
  
}

.floatrightformbuttons {
   float: right;
   text-align: right;
   width: 98%;
   margin:15px 12px 10px auto;
  
}

   div.floatleft table {
      margin: 0 !important;
   }

div.adminmasterheading {
   float: left;
   width: 100%;
   margin: 10px 0;
}

.halfsizeleftadmin {
   float: left;
   width: 48%;
   padding: 0;
   margin: 0 auto;
}

.halfsizerightadmin {
   float: right;
   width: 48%;
   padding: 0;
   margin: 0 auto;
}

div.contentcenter {
   float: left;
   width: 99%;
   margin: 10px auto !important;
   text-align: center;
}

   div.contentcenter table, div.contentcenter h1, div.contentcenter h2 {
      text-align: center;
   }

   div.contentcenter ul, div.contentcenter ol {
      text-align: left;
   }

.spacer {
   float: left;
   margin: 0;
   display: block;
   /*height: 5px;*/
   height: 0.3em;
   width: 100%;
}

.spacernewsletter {
   float: left;
   margin: 0;
   display: block;
   /*height: 5px;*/
   height: 1em;
   width: 100%;
}

.spacermygovtables {
   margin: 0;
   display: block;
   /*height: 5px;*/
   height: 0.5em;
   width: 100%;
}

.TableLinks {
   float: right;
   border: none;
}

   .TableLinks td {
      padding: 5px;
      margin: 0;
      vertical-align: middle;
      text-align: left;
   }

.divhalfpagefloatleft {
   float: left;
   width: 69%;
   margin: 5px auto;
}

   .divhalfpagefloatleft p {
      text-align: left;
   }



.divhalfpagefloatright {
   float: right;
   width: 30%;
   margin: 5px auto;
}


.divhalfpagefloatleftCharts {
   float: left;
   width: 150px;
   margin: 5px auto;
}

.divhalfpagefloatrightCharts {
   float: right;
   width: 88%;
   margin: 5px auto;
}

#HeaderLinks {
   vertical-align: top;
   margin: 0 0 0 0;
   padding: 0 0 5px 10px;
}

.MyLinksNoUnderline {
   text-decoration: none;
   color: #000000;
   cursor: default;
}


.divhalfpagefloatright p {
   text-align: right;
}


#tablefeedback, .tablefeedback {
   width: auto;
   margin: 0 auto;
}

   #tablefeedback td, .tablefeedback td {
      vertical-align: top;
      text-align: left;
   }

      #tablefeedback td.right, .tablefeedback td.right {
         vertical-align: top;
         text-align: right;
      }

      #tablefeedback td.vertcenter, .tablefeedback td.vertcenter {
         vertical-align: middle;
         text-align: right;
      }

      #tablefeedback td.verttopright, .tablefeedback td.verttopright {
         vertical-align: top;
         text-align: right;
      }



.message {
   font-size: 11px;
}

.messagesearch {
   margin: 10px auto;
}

.userMessage {
   font-size: 14px;
   font-weight: bold;
}

.errormessage {
   text-align: left;
   font-size: 14px;
   color: red;
}

#TableDetails td.right, .TableDetails td.right {
   vertical-align: top;
   text-align: right;
}

.txtcounter {
   font-weight: bold;
}

.txtcountermax {
   color: Red;
   font-weight: bold;
}

.txtcounterWarning {
   color: blue;
   font-weight: bold;
}

.multiline {
   width: 400px;
   font-size: 100%;
   overflow: auto;
}

.multilinefullwidth {
   width: 99%;
   font-size: 100%;
}


span.orange {
   color: #FC9E22;
}

span.chocolate {
   color: #d2691e;
}

#mydiabetesnav {
   color: #e7a04f;
   font-weight: bold;
   font-size: 90%;
   margin: 0 auto 10px auto;
}

.mydiabetesnavseparator {
   color: #e7a04f;
   font-weight: bold;
   font-size: 90%;
}

#mydiabetesnav a:link {
   color: #e7a04f;
   font-weight: bold;
   text-decoration: none;
}

#mydiabetesnav a:visited {
   color: #e7a04f;
   font-weight: bold;
   text-decoration: none;
}

#mydiabetesnav a:hover, #mydiabetesnav a:focus, #mydiabetesnav a:active {
   color: #dd0000;
}


.mydiabetesnavcurrentlink {
   font-weight: bold;
   color: #175649;
}

#mind {
   background-color: #ffefd5;
}

#body {
   background-color: #f0f8ff;
}

#life {
   background-color: #f5fffa;
}

#diabetes {
   background-color: #fff5ee;
}



#disearchlink {
   padding: 5px;
   margin: 0;
   border-left: 1px solid #b2b2b2;
   border-right: 1px solid #b2b2b2;
}

   #disearchlink img {
      border: none;
   }

#DivCharts img {
   border: none;
}

#rsslink img {
   border: none;
}

.left {
   float: left;
}

.right {
   float: right;
}

#theurl, #theheading {
   display: none;
}

#floatright {
   float: right;
}

.mydiabetes {
   font-family: Freestyle Script;
   font-size: 230%;
}

.noboldnogap {
   font-weight: normal;
   margin: 0;
}
/* news ticker ***********************************************************/
#newsticker {
   overflow: hidden;
   height: 50px;
   line-height: 140%;
   background-color: #ffffff;
   color: #000000;
}

   #newsticker a:link, #newsticker a:visited {
      color: #000000;
      font-weight: normal;
   }

   #newsticker a:hover, #newsticker a:active, #newsticker a:focus {
      color: #ff0000;
   }

   #newsticker ul {
      list-style: none;
      padding: 0;
      margin: 0;
      padding-left: 5px;
   }

   #newsticker li {
      margin-bottom: 5px;
   }

.smallnotopgap {
   font-size: 90%;
   margin-top: 0;
}
   /* DNC: to avoid splitting of the box */
   .smallnotopgap a:link {
      color: #B74700;
   }

   .smallnotopgap a:visited {
      color: #B74700;
   }

   .smallnotopgap a:hover {
      color: #dd0000;
   }

#cref_iframe {
   padding: 0;
   margin: 0;
}
/* skip to main content link ************/
#skip {
   position: absolute;
   left: -9000px;
   width: 900px;
   color: #000000;
}

a#skip:active, a#skip:focus {
   position: relative;
   left: 0;
   text-decoration: underline;
   color: #000000;
   font-weight: bold;
   background-color: #ff0000;
}

#ratepage {
   font-size: 85%;
}

#ratebutton {
   font-size: 90%;
}

.nogap {
   margin: 0;
   padding: 0;
}

.divhalfpagefloatleftwithindent {
   float: left;
   width: 69%;
   margin: 5px auto;
   padding-left: 20px;
}

.divhalfpagefloatleftwithdoubleindent {
   float: left;
   width: 69%;
   margin: 5px auto;
   padding-left: 40px;
}

/* FORSM AUTHENTICATION */

table.authentication {
   border: 1px solid #cccccc;
   border-collapse: collapse;
   -moz-min-width: 530px;
   -ms-min-width: 530px;
   -o-min-width: 530px;
   -webkit-min-width: 530px;
   min-width: 530px;
   width: auto !important;
   margin: 10px auto !important;
   color: #000000;
}

   table.authentication th, table.authentication caption {
      background-color: #E29513;
      color: #000000;
      font-weight: bold;
      white-space: nowrap;
   }

   table.authentication td {
      width: auto;
      text-align: right;
      vertical-align: top;
      border: solid 1px #dddddd;
      margin: 0;
      padding: 0 2px 0 0;
   }

      table.authentication td.internalnotes {
         width: 600px !important;
      }

      table.authentication td.donotwrap {
         white-space: nowrap;
      }

      table.authentication td.LeftAlignText {
         text-align: left;
      }


/*Password control*/
table.passwordchange {
   border: 1px solid #cccccc;
   border-collapse: collapse;
   -moz-min-width: 700px;
   -ms-min-width: 700px;
   -o-min-width: 700px;
   -webkit-min-width: 700px;
   min-width: 700px;
   width: 700px !important;
   margin: 10px auto !important;
   color: #000000;
}

   table.passwordchange th, table.passwordchange caption {
      background-color: #E29513;
      color: #000000;
      font-weight: bold;
      white-space: nowrap;
   }

   table.passwordchange td {
      width: auto;
      text-align: right;
      vertical-align: top;
      border: solid 1px #dddddd;
      margin: 0;
      padding: 0 2px 0 0;
   }

      table.passwordchange td.internalnotes {
         width: 600px !important;
      }

      table.passwordchange td.donotwrap {
         white-space: nowrap;
      }

      table.passwordchange td.LeftAlignText {
         text-align: left;
      }

table.LoginRules {
   -moz-min-width: 450px;
   -ms-min-width: 450px;
   -o-min-width: 450px;
   -webkit-min-width: 450px;
   min-width: 450px;
   border: none;
   border-collapse: collapse;
   margin: 0 auto;
}

   table.LoginRules th, table.LoginRules caption {
      background-color: #FFFFFF;
      color: #175649;
      font-weight: bold;
      text-align: left;
      white-space: nowrap;
   }

   table.LoginRules td {
      text-align: left;
      color: #000000;
      height: 1.6em;
      padding: 0;
      margin: 0;
   }

input.textEntry {
   width: 99%;
   border: 1px inset #ccc;
}


input.passwordEntry {
   float: left;
   width: 99%;
   border: 1px inset #ccc;
}

input.usernameEntry {
   float: left;
   width: 99%;
   border: 1px inset #ccc;
}

div.accountInfo {
   width: 35%;
   background-color: #DCE4F9 !important;
   border: 4px outset gray !important;
   padding: 5px 5px 5px 5px !important;
   margin-top: 20px;
   margin-left: 5px !important;
}

.failureNotification {
   font-size: 1.2em;
   color: Red;
}

.submitButton {
   text-align: right;
   padding-right: 10px;
}

/* Modal Pop-up */
.modalBackground {
   background-color: Gray;
   filter: alpha(opacity=50);
   opacity: 0.5;
}

.modalPopup {
   background-color: #ffffdd;
   border-width: 3px;
   border-style: solid;
   border-color: Gray;
   padding: 3px;
   width: 250px;
}

/* announcements */
.announcement {
   border: 1px solid #4C3C1B;
   padding: 5px;
   width: 800px;
   background-color: #FEF5CA;
}

.blockNumeric {
   font-size: 200%;
}

/* modal update progress */
.updateProgress {
   /* border-width: 1px; */ /* border-style: solid; */ /* background-color: #FFFFFF; */
   position: absolute;
   width: 180px;
   height: 65px;
}

.updateProgressMessages {
   /* border-width: 1px; */ /* border-style: solid; */ /* background-color: #FFFFFF; */
   width: 180px;
   height: 65px;
}

.divupdateprogrmessages {
   width: 100%;
   height: auto;
   text-align: center;
}

.divWaiting {
   position: absolute;
   background-color: #FAFAFA;
   z-index: 2147483647 !important;
   opacity: 0.8;
   overflow: hidden;
   text-align: center;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   padding-top: 20%;
}

.modalforprogressbar {
   z-index: 999;
   height: 100%;
   width: 100%;
   top: 0;
   background-color: darkgray;
   filter: alpha(opacity=60);
   opacity: 0.6;
   -moz-opacity: 0.8;
}
/* to be used when fixind modal poup on register page

#progressBackgroundFilter {
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    overflow:hidden;
    padding:0;
    margin:0;
    background-color:#000;
    filter:alpha(opacity=50);
    opacity:0.5;
    z-index:1000;
}

#processMessage {
    position:fixed;
    top:30%;
    left:43%;
    padding:10px;
    width:14%;
    z-index:1001;
    background-color:#fff;
    border:solid 1px #000;
}
*/


.DivIcons {
   float: left;
   width: 100%;
   height: 18px;
   margin: 4px 0;
}

.OrigData {
   font-style: italic;
   float: left;
}

.OrigDataHighlight {
   font-style: italic;
   float: left;
   color: red;
}

.RegIcons {
   border: none;
   margin: 0 2px;
}

.DivIconsUcrn {
   float: left;
   width: 100%;
   height: 18px;
   margin: 4px 0;
}

.UcrnIcons {
   border: none;
   margin: 0;
   vert-align: bottom;
}

.DivIconsUcrn .spanucrnicons {
   float: left;
   width: 16px;
   height: 18px;
}

.DivIconsUcrn .spanucrntext {
   float: left;
   white-space: nowrap;
   margin-left: 5px;
}

.audit-filter-label-wide {
   width: 180px;
   display: inline-block;
   font-size: 0.9em;
}

.audit-filter-label-narrow {
   width: 150px;
   display: inline-block;
   font-size: 0.9em;
}

.audit-filter-textbox-wide {
   width: 200px;
   display: inline-block;
}

.audit-filter-textbox-narrow {
   width: 80px;
   display: inline-block;
}

.audit-filter-dropdown {
   width: 150px;
   display: inline-block;
}

.file-content-textbox {
   width: 95%;
   height: 300px;
}


/* SECURE MESSAGING*/

.divmessageschangestatus {
   width: 500px;
   margin: 10px auto;
}

.tablemessagechangestatus {
   width: 98%;
   padding: 10px;
}

.tablemessages {
   float: left;
   width: auto;
   font-size: 85%;
   border: solid 1px #000;
   padding: 10px 10px 10px 10px;
   margin: 5px 0 10px 0;
}

   .tablemessages caption {
      color: #000000;
      font-size: 18px;
      font-weight: bold;
   }

   .tablemessages th {
      background-color: #FF8635;
      text-align: left;
      border: solid 1px #000;
      padding: 5px 10px 5px 10px;
   }

      .tablemessages th a {
         color: #000000;
      }

   .tablemessages td {
      border: solid 1px #000;
      padding: 5px 10px 5px 10px;
      -moz-min-width: 80px;
      -ms-min-width: 80px;
      -o-min-width: 80px;
      -webkit-min-width: 80px;
      min-width: 80px; /* to accommodate dates as dd MMM yyyy */
   }

      .tablemessages td.nowrap {
         white-space: nowrap;
      }

/*Table messages in pop up window*/
.tablemessagesmodal {
   text-align: left;
   width: 800px;
   font-size: 85%;
   border: solid 1px #000;
   padding: 10px 0;
   margin: 5px auto;
}

   .tablemessagesmodal caption {
      color: #000000;
      font-size: 18px;
      font-weight: bold;
   }

   .tablemessagesmodal th {
      background-color: #FF8635;
      text-align: left;
      border: solid 1px #000;
      padding: 0 10px;
   }

      .tablemessagesmodal th a {
         color: #000000;
      }

   .tablemessagesmodal td {
      border: solid 1px #000;
      padding: 0 10px;
   }

      .tablemessagesmodal td.nowrap {
         white-space: nowrap;
      }


/*table for special characters modal on pass change*/
.tablespecialcharsmodal {
   text-align: left;
   width: auto;
   font-size: 110%;
   border: solid 1px #000;
   padding: 10px 0;
   margin: 5px auto;
}

   .tablespecialcharsmodal td.nowrap {
      white-space: nowrap;
   }

   .tablespecialcharsmodal caption {
      white-space: nowrap;
      color: #000000;
      font-size: 18px;
      font-weight: bold;
   }

   .tablespecialcharsmodal th {
      background-color: #FF8635;
      text-align: left;
      border: solid 1px #000;
      padding: 0 10px;
   }

      .tablespecialcharsmodal th a {
         color: #000000;
      }

   .tablespecialcharsmodal td {
      border: solid 1px #000;
      padding: 0 10px;
      vert-align: middle !important;
   }

      .tablespecialcharsmodal td.center {
         text-align: center;
      }



.PanelModalPopup {
   display: block;
   text-align: center;
   background-color: #EBEBE4;
   border: solid 2px #000000;
   overflow: auto;
}

/*smart-phones*/
@media screen and (max-width:400px) {
   .PanelModalPopup {
      width: 90%;
   }
}

/*tablets*/

@media screen and (max-width:768px) {
   .PanelModalPopup {
      width: 700px;
      max-width: 700px;
   }
}

@media screen and (max-width: 960px) {
   .PanelModalPopup {
      width: auto;
      height: auto;
   }
}

@media screen and (max-width: 1680px) {
   .PanelModalPopup {
      width: auto;
      height: auto;
   }
}

.TitleModalPopupbackground {
   float: left;
   width: 100%;
   background-color: #F49112;
}

.TitleModalPopup {
   white-space: nowrap;
   float: left;
   margin: 0 0 0 10px;
   width: auto;
   height: 30px;
}

   .TitleModalPopup h1 {
      text-align: left;
      margin: 0;
      padding: 0;
   }

.DivmodalpopupCloseButton {
   float: right;
   width: 25px;
   height: 30px;
   background-color: inherit;
}

   .DivmodalpopupCloseButton .ImgBtnCloseModal {
      float: right;
      margin: 2px 2px 5px 0;
   }

.DivmodalpopupContent {
   text-align: center;
   width: auto !important;
   -moz-min-width: 450px;
   -ms-min-width: 450px;
   -o-min-width: 450px;
   -webkit-min-width: 450px;
   min-width: 450px;
   margin: 10px;
}

.modalfixedwidth {
   width: 410px !important;
   margin: 10px 0;
}

.DivmodalpopupContent table.authentication {
   width: 100%;
   margin: 10px 0;
}



.Divmodalpopuphistory {
   text-align: left;
   width: 96%;
   height: auto;
   /*cross-browser way to set min-height*/
   height: auto !important;
   max-height: 500px !important;
   margin: 20px auto;
}

/* Table RoleManager*/

table.rolemanager {
   border: 1px solid #010305;
   border-collapse: collapse;
   width: 99%;
}

   table.rolemanager caption {
      background-color: #E29513;
      color: #000000;
      border: solid 1px #000000;
   }


   table.rolemanager tr {
      background: #fff;
   }

   table.rolemanager td {
      border: 1px solid #010305;
      margin: 0;
      padding: 5px;
      text-align: left;
      height: auto;
      width: 33%;
   }

      table.rolemanager td.center {
         text-align: center;
      }


      table.rolemanager td table {
         border: none;
         border-collapse: collapse;
         margin: 0;
         padding: 0;
         text-align: left;
         width: 100%;
      }

         table.rolemanager td table td {
            border: none;
            text-align: left;
         }

.div-halfsize-floatleft-for-roles {
   float: left;
   margin: 0 0 0 5px;
   width: 48%;
}


.div-halfsize-floatright-for-roles {
   float: right;
   margin: 0 5px 0 0;
   width: 49%;
}

p.small {
   font-size: 11px;
   margin: 5px 15px;
}


.AccountControls {
   width: auto;
   margin: 0 auto;
}



.txtcounterWarning {
   color: #ff0000;
}

/*app offline my account*/

.myaccountpanel {
   width: 100%;
   margin: 10px 0 0 10px;
   background-color: #EFFBFB; /* #E0F8F7; */
   border: 3px solid #2E64FE;
   padding: 10px 10px 10px 10px;
   text-align: center;
   font-family: Verdana; /* tahoma; */
   font-size: medium;
   -ms-border-radius: 5px;
   border-radius: 5px; /*To make the corners rounded in IE*/
   /*-moz-border-radius: 5px; this is for mozilla*/
   /*-webkit-border-radius: 5px; chrome and other browsers*/
}


.myaccountpanelinner {
   display: inline-block;
   vertical-align: bottom;
   padding-right: 50px;
}


.myaccountaligntop {
   vertical-align: top;
}


.myaccountbutton {
   margin-top: 10px;
   width: 280px;
   height: 50px;
   background-color: #2ECCFA;
   border: 2px solid #2ECCFA;
   padding: 5px 10px 10px 5px;
   text-align: center;
   font-family: Verdana; /* tahoma; */
   font-size: medium;
   -ms-border-radius: 5px;
   border-radius: 5px; /*To make the corners rounded in IE*/
   /*-moz-border-radius: 5px; this is for mozilla*/
   /*-webkit-border-radius: 5px; chrome and other browsers*/
}





/*CONTROLS */

/*Callout*/
.customCalloutStyle div, .customCalloutStyle td {
   border: solid 1px Black;
   background-color: #FFFACD;
   color: #000000;
}

.customCalloutStyle .ajax__validatorcallout_popup_ table {
   display: none;
   border: none;
   background-color: transparent;
   padding: 0;
}

.customCalloutStyle .ajax__validatorcallout_popup_table_row {
   vertical-align: top;
   height: 100%;
   background-color: transparent;
   padding: 0;
}

.customCalloutStyle .ajax__validatorcallout_callout_cell {
   width: 20px;
   height: 100%;
   text-align: right;
   vertical-align: top;
   border: none;
   background-color: transparent;
   padding: 0;
}

.customCalloutStyle .ajax__validatorcallout_callout_table {
   height: 100%;
   border: none;
   background-color: transparent;
   padding: 0;
}

.customCalloutStyle .ajax__validatorcallout_callout_table_row {
   background-color: transparent;
   padding: 0;
}

.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell {
   padding: 8px 0 0 0;
   text-align: right;
   vertical-align: top;
   font-size: 1px;
   border: none;
   background-color: transparent;
}

   .customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv {
      font-size: 1px;
      position: relative;
      left: 1px;
      border-bottom: none;
      border-right: none;
      border-left: none;
      width: 15px;
      background-color: transparent;
      padding: 0;
   }

      .customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div {
         height: 1px;
         overflow: hidden;
         border-top: none;
         border-bottom: none;
         border-right: none;
         padding: 0;
         margin-left: auto;
      }

.customCalloutStyle .ajax__validatorcallout_error_message_cell {
   font-size: 12px;
   padding: 5px;
   border-right: none;
   border-left: none;
   width: 100%;
}

.customCalloutStyle .ajax__validatorcallout_icon_cell {
   width: 20px;
   padding: 5px;
   border-right: none;
}

.customCalloutStyle .ajax__validatorcallout_close_button_cell {
   vertical-align: top;
   padding: 0;
   text-align: right;
   border-left: none;
}

   .customCalloutStyle .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv {
      border: none;
      text-align: center;
      width: 10px;
      padding: 1px;
      cursor: pointer;
   }


/* GRIDVIEW */
.gvw {
   width: auto !important;
}

.gvwFullwidth {
   width: 100% !important;
}

.gvw, .gvwFullwidth {
   font-size: 85%;
   border: solid 1px #000;
   padding: 10px 0;
   margin: 5px 0 10px 0;
}

   .gvw th, .gvwFullwidth th {
      background-color: #FF8635;
      white-space: nowrap;
      border: solid 1px #000;
      padding: 5px 5px 5px 5px;
   }

      .gvw th a, .gvwFullwidth th a {
         color: #000000;
      }

   .gvw td, .gvwFullwidth td {
      border: solid 1px #000;
      margin: 0 !important;
      padding: 3px 5px;
   }

      .gvw td table, .gvwFullwidth td table {
         text-align: left;
         width: 100%;
      }

         .gvw td table td, .gvwFullwidth td table td {
            border: none !important;
            margin: 0 !important;
            padding: 0 !important;
         }


   .gvw .gvw-alternaterow, .gvwFullwidth .gvwFullwidth-alternaterow {
      background-color: #DBD9D9;
   }

   .gvw td.diary-nowrap, .diary-nowrap, .gvwFullwidth td.diary-nowrap {
      white-space: nowrap;
   }

   .gvw tr.gvw-pager, .gvwFullwidth tr.gvw-pager {
      width: 100%;
      border-collapse: collapse;
      margin: 0 !important;
      padding: 0 !important;
      background: none !important;
      font-size: 14px;
   }


      .gvw tr.gvw-pager td, .gvwFullwidth tr.gvw-pager td {
         text-align: center;
         background-color: #FF8635;
      }

         .gvw tr.gvw-pager td span, .gvwFullwidth tr.gvw-pager td span {
            display: block;
            width: 30px;
            text-align: center;
            margin: 0 !important;
            padding: 5px 0 !important;
            color: #ffffff;
            background-color: #084A39;
         }

      .gvw tr.gvw-pager td, .gvw tr.gvw-pager td,
      .gvwFullwidth tr.gvw-pager td, .gvwFullwidth tr.gvw-pager td {
         text-align: left;
         border-collapse: collapse;
         border: none !important;
         margin: 0 !important;
         padding: 0 !important;
      }

         .gvw tr.gvw-pager td table, .gvwFullwidth tr.gvw-pager td table {
            text-align: left;
            width: auto;
            border-collapse: collapse;
            margin: 0 0 0 10px !important;
            padding: 0 !important;
         }

            .gvw tr.gvw-pager td table td, .gvwFullwidth tr.gvw-pager td table td {
               text-align: left;
               border-collapse: collapse;
               margin: 0 !important;
               padding: 0 !important;
            }


      .gvw tr.gvw-pager a, .gvwFullwidth tr.gvw-pager a {
         text-decoration: none;
         margin: 0 5px !important;
         padding: 0 !important;
      }


/*NEWSLETTER MANAGER*/
.searchresultarea {
   display: block;
   width: 99%;
}

.tableNewsLetterManager {
   width: 100%;
   margin: 0 auto;
   padding: 0;
}

.tableNewsLetterManager   td {
   width: 50% !important;
   text-align: left;
   padding: 0 1em;
   vertical-align: top !important;
}



.specificheight {
   min-height: 290px!important;
   max-height: 290px;
   
}

.overflowauto {
   overflow-y: auto!important;
}


.notpobottomspace {
   margin: 0 auto;
   padding: 0;
}

.divmaxheightwithoverflow {
   float: left;
   width: 100%;
   max-height: 100px;
  height:auto;
   margin: 10px 0 0 0;
   overflow-y: auto!important;
}

.generalpaddingnewsletter {
   padding: 0.4em;
}

.nospaceverticalnewsletter {
   vertical-align: top !important;
   margin: 0;
   text-align: left;
}

.displayinlinenewsletter {
   display: inline;
}

.FileUploadClass input[type=file]{
   display: inline-block !important;
   width: 90% !important;
   border: solid 1px red;
}

.TxtEditor {
   min-height: 400px;
   height:auto;
   width: 99%;
   text-align: left;
}

.txtoverflow {
   overflow-y: scroll;
}
.txtfullwidth {
   width: 100%;
}

.txtwidth90 {
   width: 90%;
}

.txtwidth80 {
   width: 80%;
}

.formlabel {
   display: inline-block;
   width: auto;
   min-width: 100px;
   min-height: 20px;
   vertical-align:top;
}

   .formlabel p {
      text-align: right;
      vertical-align: middle;
   }

.txtinput {
   background-color: #d3d3d3;
   color: #000000;
   font-weight: bold;
   border: 1px inset #ccc;
   min-height: 1.5em;
   text-align: left;
   vertical-align:top;
   font-size: 110%;
}

.RecipientList {
   min-height: 65px;
   height: auto;
   width: 90%;
}

.btnnewsletter {
   font-weight:bold;
   font-size:105%;
}

.btnClear {
   color:red;
}

.modalDialognewsletter {
font-size:95%!important; 
}

.modalDialognewsletter p, .modalDialognewsletter h1, .modalDialognewsletter h2 {
   margin: 0 auto;
   padding: 0;
}

.modalDialognewsletter ul {
   text-align: left !important;
   margin: 0;
   padding: 0 0 0 0.2em;
}

.modalDialognewsletter ul li {
   
   padding-left: 0.2em;
   margin-left:0;
   position: relative;
}