body {
    background:#FFFFFF;  margin: 0px; padding: 0pt;
     }
.fontStyle{
    font: bold 11px Arial, Helvetica, sans-serif;
}

.tsrbg {
    background:url(../img/no_tsr.jpg) no-repeat center ; margin: 0px; padding: 0pt; margin-top: 10px;
    }
    
body.reports{
    background:url(../img/watermark_report_15.gif) no-repeat center ; background-color: #EFF5FF;  margin: 0px; padding: 0pt;  
    font: normal 11px Arial, Helvetica, sans-serif;    
}
#header{ background: url(../img/rps_header.jpeg); height: 65px; width:1003px;	margin-top: -1px; margin-bottom: -1px; }
#search_pad {width:360px; height:205px; border:solid 1px black; position:absolute; top:100px; left:5px; z-index:1001; background:transparent; background-color:#fdfde7; filter:alpha(opacity="90"); -moz-opacity:.9; opacity:.9}
img { border-width: 0px;}

.submit{ background:#eff5ff; color:#3076ad;  font: bold 8pt Arial; cursor: auto; border: 1px groove  #3076ad ; }
.calenderClass{ color: #FFFFFF; }

SPAN {white-space: normal;}
span.error { color: #990000; text-align: left;   }
label{ background : transparent; white-space: normal;}
label.msg { color: blue; text-align: left; font-weight: bold;}
label.dynamic { color: blue; text-align: left; }
label.headerLabel { color:#94bcd1; font: bold 10px Verdana;}
label.headerText { color:#FFFFFF ; font: bold 10px Verdana;}
.headerText { color:#FFFFFF ; font:bold 10px Verdana;background: transparent ;}
.headerMsg{color:#FFFFFF; font:bold 15px Verdana; background: transparent ; }
.prmtClose{color:#FFFFFF; font: bold 12px Arial;}
span.current { font-weight:bold; text-decoration: underline}
span.currentBlue { font-weight:bold; color:#000000; font-size:14px;}
span.notCurrentBlue { font-weight:bold; text-decoration: underline; color:#084A8C; font-size:14px;}
span.searchCurrentBlue { font-weight:bold; color:#084A8C; font-size:12px;}
span.searchNotCurrentBlue { font-weight:bold; text-decoration: underline; color:#084A8C; font-size:12px;}
span.notCurrentBlue1 { font-weight:bold; text-decoration: none; color:#084A8C; font-size:14px;}
input.currentCaption{font: bold  14px Arial; color:#084A8C; text-decoration: underline;}
input.notCurrent{color:#888888;font: bold  14px Arial;}
input.notCurrentNormal{color:#888888;font: 14px verdana;}

table.logintable{border: 1px groove #3076ad;}
table { color: #000000; border: 1px groove #89B8E8;white-space: nowrap;  font: normal  10px verdana; padding: 0px; margin: 0px; border-collapse: collapse; display: table}

table caption {background :url("../img/header_blue_dm.gif"); color:  #084A8C; text-align: left ;  vertical-align: middle;   
    border: 1px groove #89B8E8; font: bold  14px Arial; height: 20px; }
table.background {background :url("../img/header_blue_dm.gif");display:inline-table;overflow:hidden}    
table td.background{background :url("../img/header_blue_dm.gif");}
table tr.caption td.caption { background:#eff5ff; color:  #0B43A4; text-align: center;    border: 1px groove #3076ad; 
    font: bold 16px Arial;  }
table th {
    background: url("../img/header_blue_ml.gif"); color:#0B43A4; text-align: left; white-space: nowrap; vertical-align: top;
    font:  12.5px Arial, Helvetica, sans-serif;}
    
table th.noBG {background:none  !important;
    color:#0B43A4; text-align: left; white-space: nowrap; vertical-align: top;
    font:  11.5px Arial, Helvetica, sans-serif;}    
    
.spTh {
    color:#0B43A4; text-align: left; white-space: nowrap; vertical-align: top;
     font:  12.5px Arial, Helvetica, sans-serif;
}

.header{
    font:  12.5px Arial, Helvetica, sans-serif;  color:#0B43A4;
}

tr.messages { color: White; text-align: left; }
tr.innerHeader { background: #EFE2D1; text-align: center;  } 
tr.error { color: #990000; text-align: left;}
tr.odd td {   } 
tr.even td { background-color: #eff5ff ; }

tr.oddb td{ background-color: #ECE9D8; font-weight: bold; }
tr.evenb td{ background-color: #DCDEDE; font-weight: bold; }

td.nowrap { white-space: nowrap; }
.nowrap {white-space: nowrap;}
/* TABLE FOR LOGIN - background:; color: ;  */
table.login { width: 300px; margin: 0 400px 0 300px;  text-align: right; }
/* TABLE FOR SEARCH RESULTS DFC8A8*/ 
table.searchList { width: 950px; margin: 0px 0px 0px 10px; text-align: left; }
table.searchList    td { font: normal 11px Arial, Helvetica, sans-serif; empty-cells: show; }
/* TABLE FOR DISPLAY*/
table.display { width: 500px;  margin: 10px 0px 0 10px;  }
table.display td { white-space: nowrap;}
table.reports { width: 450px;  margin: 20px 0px 0 30px;  }
table.reports    td { font: normal 11.5px Arial, Helvetica, sans-serif; empty-cells: show; }


table.outerTable { 
    border: 0px;
    margin-top: -1px; margin-bottom: -1px;  padding: 0px; border-spacing: 0pt; }

ul.MB8px li{
    margin-bottom: 8px;
}

.textRedHeader{
     color: #BD1B1B;
   font-weight: bold;
    font-size: 14px; 
     font-family:  Arial, Helvetica, sans-serif;
   }

.textBlackHeader{
    color: black;
    font-weight: bold;
    font-size: 14px; 
    font-family: Arial, Helvetica, sans-serif;
}
.textBlueHeader{
    color: #3076ad;
    font-weight: bold;
    font-size: 14px; 
    font-family: Arial, Helvetica, sans-serif;
}
.textBlueNormal{
     color: #3076ad;
    font-size: 10px; 
}

.textDGrayNormal{
    color:   #9DA389 ;
    font-size: 10px; 
}

.textGreenNormal{
     color: #37B118;
    font-size: 10px; 
   }
.textGreenNormal1{
     color: #37B118;
     font-weight: bold; 
    font-size: 10px; 
   }

.textBlackNormal{
    color: black;
    font-size: 10px; 
    font-weight : normal;
}

.textBBlackNormal{
    color: black;
    font-size: 8px; 
    font-weight : normal;
}

.textBlackItalic{
    color: black;
    font-style: italic;
    font-size: 10px; 
}

.textRed{
    color: #BD1B1B;
}

.textRedNormal{
    color: #BD1B1B;
    font-size: 10px; 
}

.textRedNormal1{
    color: #BD1B1B;
    font-weight: bold;  
    font-size: 11px; 
}

.textYellowNormal1{
    color:Orange;
    font-weight: bold;  
    font-size: 11px; 
}

.textBrown{
    color: #8a6d3b;
    font-size: 11px;
}

.textGrayNormal{
    color: #E9EBEA;
    font-size: 10px; 
}

.textGraylarge{
    color: #888888;
    font-size: 14px; 
}

.textBlacklarge{
    color: #000000;
    font-size: 14px; 
    font-weight: bold;
}

.textBlackNormalArial{
    color: black;
    font-size: 14px; 
    font-family: Arial;
}

.grayBackGround{
    background-color: #E9EBEA; 
}
.yellowBackGround{
    background-color: #F2F2C7; 
}
.colGrpGreen{
    background-color:  #E9EBEA ; 
}
.colGrpRed{
    background-color: #F7D7E3  ; 
}
.colGrpOrng{
    background-color: #FFFFFF ; 
}
.inactiveBackGround{
    background-color: #E5B8B7; 
}

.whiteBackGround{
    background-color:White; 
}



.textRed{
     color: #BD1B1B;
  font-weight: bold;
    font-size: 10px; 
   }

.textBlack{
    color: black;
    font-weight: bold;
    font-size: 10px; 
}
textarea{
    font-size: 12px;
    font-family: Verdana;
}

.font12px{
    font-size:12px;
}

.histTable_Column1{width:30%;}
.histTable_Column2{width:20%;}
.histTable_Column3{width:22%;}
.remndrCRUDTable_Column1{width:10%;}
.remndrCRUDTable_Column2{width:60%;}
.remndrCRUDTable_Column3{width:20%;}
.remndrCRUDTable_Column4{width:8%;}
.prmtSeqTable_Column1{width:5%;}
.prmtSeqTable_Column2{width:10%;}
.prmtSeqTable_Column3{width:10%;}
.prmtSeqTable_Column4{width:10%;}
.prmtSeqTable_Column5{width:35%;}
.prmtSeqTable_Column6{width:10%;}
.prmtSeqTable_Column7{width:18%;}
.prmtManageSbmttlsTable Column1{width:5%}
.prmtManageSbmttlsTable Column2{width:17%;}
.prmtManageSbmttlsTable Column3{width:18%}
.prmtManageSbmttlsTable Column4{width:18%}
.prmtManageSbmttlsTable Column5{width:18%}
.prmtManageSbmttlsTable Column6{width:18%}
.prmtManageSbmttlsTable Column7{width:6%}

.col50{width:50%}


.prmtInfo_Column1{width:11%}
.prmtInfo_Column2{width:54%}
.prmtColumn{width:15%}
.prmtColumn3{width:35%}
.prmtColumn2{width:85%}
.prmtColumn1{width:10%}

.dashboard_Column1{width:30%}
.dashboard_Column2{width:40%}
.dashboard_Column3{width:50%}
.dashboard_Column4{width:35%}
.itemAction_Column{width:20%}
.itemAction_Column1{width:15%}
.itemAction_Column2{width:25%}
.itemAction_Column3{width:60%}
.itemAction_Column4{width:50%}

.itemCond_Column1{width:10%}
.itemCond_Column2{width:20%}
.itemCond_Column3{width:70%}

.cmplncItemSbmttl_Column4{width:5%}
.cmplncItemSbmttl_Column{width:20%}
.cmplncItemSbmttl_Column1{width:80%}
.cmplncItemSbmttl_Column2{width:25%}
.cmplncItemSbmttl_Column3{width:30%}

.cmplncItem_Column{width:35%}
.cmplncItem_Column1{width:15%}
.cmplncItem_Column2{width:20%}
.cmplncItem_Column3{width:15%}
.cmplncItem_Column4{width:50%}


.userRole_column1{width:35%;text-align:left;}
.userRole_column2{width:35%;text-align:left;}
.userRole_column3{width:30%;text-align:left;}

.prmtEmailList_Column1{width:8%;text-align:center;}
.prmtEmailList_Column2{width:22%;text-align:left;}
.prmtEmailList_Column3{width:70%;text-align:left;}

.generateEmail_column1{width:20%;text-align:right;}
.generateEmail_column2{width:80%;text-align:left;}

.cmplncSearch_Column00{width:14%;text-align:right;}
.cmplncSearch_Column01{width:6%;text-align:left;}
.cmplncSearch_Column02{width:6%;text-align:right;}
.cmplncSearch_Column03{width:5%;text-align:left;}
.cmplncSearch_Column04{width:12%;text-align:right;}
.cmplncSearch_Column05{width:49%;text-align:left;}

.cmplncSearch_Column_00{width:6%;text-align:right;}
.cmplncSearch_Column_01{width:6%;text-align:left;}
.cmplncSearch_Column_02{width:6%;text-align:right;}
.cmplncSearch_Column_03{width:5%;text-align:left;}
.cmplncSearch_Column_04{width:10%;text-align:right;}
.cmplncSearch_Column_05{width:35%;text-align:left;}
.cmplncSearch_Column_06{width:10%;text-align:right;}
.cmplncSearch_Column_07{width:22%;text-align:left;}

.cmplncSearch_Column1{width:10%;text-align:right;}
.cmplncSearch_Column2{width:22%;text-align:left;}
.cmplncSearch_Column3{width:12%;text-align:right;}
.cmplncSearch_Column4{width:21%;text-align:left;}
.cmplncSearch_Column5{width:12%;text-align:right;}
.cmplncSearch_Column6{width:21%;text-align:left;}

.cmplncSearch_Column10{width:55%;text-align:left;}
.cmplncSearch_Column11{width:45%;text-align:left;}

.cmplncSearch_Column20{width:13%;text-align:right;}
.cmplncSearch_Column21{width:12%;text-align:left;}
.cmplncSearch_Column22{width:22%;text-align:right;}
.cmplncSearch_Column23{width:15%;text-align:left;}
.cmplncSearch_Column24{width:38%;text-align:left;}

.cmplncSearch_ColumnRvwrs1{width:10%;text-align:right;}
.cmplncSearch_ColumnRvwrs2{width:30%;text-align:left;}
.cmplncSearch_ColumnRvwrs3{width:60%;text-align:left;}

.mailSearch_Column1{width:30%;text-align:left;}
.mailSearch_Column2{width:20%;text-align:left;}
.mailSearch_Column3{width:50%;text-align:left;}

.mailSearch_Column5{width:15%;text-align:right;}
.mailSearch_Column6{width:15%;text-align:left;}
.mailSearch_Column7{width:10%;text-align:right;}
.mailSearch_Column8{width:15%;text-align:left;}
.mailSearch_Column9{width:35%;text-align:right;}
.mailSearch_Column10{width:10%;text-align:left;}

.mailTable_Column1{width:3%;text-align:center;}
.mailTable_Column2{width:5%;text-align:left;}
.mailTable_Column3{width:9%;text-align:left;}
.mailTable_Column4{width:5%;text-align:left;}
.mailTable_Column5{width:16%;text-align:left;}
.mailTable_Column6{width:13%;text-align:left;}
.mailTable_Column7{width:16%;text-align:left;}
.mailTable_Column8{width:15%;text-align:left;}
.mailTable_Column9{width:5%;}

.columns_actnCrud1{width:25%;text-align:right;}
.columns_actnCrud2{width:25%;text-align:left;}
.columns_actnCrud3{width:25%;text-align:right;}
.columns_actnCrud4{width:25%;text-align:left;}
.columns_actnCrud8{width:13%;text-align:right;}

.column1_userPref{width:65%;text-align:right;}
.column2_userPref{width:35%;text-align:left;}

.rmndr_column1{width:0%;text-align:right;}
.rmndr_column2{width:10%;text-align:left;}
.rmndr_column3{width:64%;text-align:left;}
.rmndr_column4{width:7%;text-align:left;}
.rmndr_column5{width:13%;text-align:left;}
.rmndr_column6{width:5%;text-align:center;}

.actn_attch1{width:10%;}
.actn_attch2{width:58%;}
.actn_attch3{width:10%;}
.actn_attch4{width:10%;}
.actn_attch5{width:10%;}

.cmplncNewItem_Column{ vertical-align: top; }

.actn_Column1{width:15%}
.actn_Column2{width:30%}
.actn_Column3{width:60%}

.actnTable_Column{width:3%}
.actnTable_Column1{width:12%}
.actnTable_Column2{width:20%}
.actnTable_Column3{width:15%}
.actnTable_Column4{width:98%}
.actnTable_Column5{width:2%}

.columnCenter{vertical-align:middle;}

div.seqlistInfo {
    height: 53px;
    background : #FAE8A9;
}

div.siteInfo {
    height: 53px;
    background : #FAE8A9
}

.left{
    text-align:left;
}

.right{
    text-align:right;
}


.spCol1{width:1%}
.spCol2{width:2%}
.spCol3{width:3%}
.spCol5{width:5%}
.spCol6{width:6%}
.spCol7{width:7%}
.spCol8{width:8%}
.spCol9{width:9%}
.spCol10{width:10%}

.spCol11{width:11%}
.spCol12{width:12%}
.spCol13{width:13%}
.spCol14{width:14%}
.spCol15{width:15%}
.spCol16{width:16%}
.spCol17{width:17%}
.spCol18{width:18%}
.spCol20{width:20%}
.spCol21{width:21%}
.spCol22{width:22%}
.spCol23{width:23%}
.spCol25{width:25%}
.spCol28{width:28%}

.spCol30{width:30%}
.spCol33{width:33%}
.spCol35{width:35%}
.spCol36{width:36%}
.spCol37{width:37%}
.spCol38{width:38%}
.spCol40{width:40%}
.spCol42{width:42%}
.spCol45{width:45%}
.spCol48{width:48%}
.spCol49{width:49%}
.spCol50{width:50%}
.spCol51{width:53%}
.spCol52{width:53%}
.spCol53{width:53%}
.spCol54{width:53%}
.spCol55{width:55%}
.spCol58{width:58%}
.spCol60{width:60%}
.spCol65{width:65%}
.spCol70{width:70%}
.spCol75{width:75%}
.spCol77{width:77%}
.spCol80{width:80%}
.spCol85{width:85%}
.spCol87{width:87%}
.spCol88{width:88%}
.spCol95{width:95%}
.spCol99{width:99%}
.w300px{ width: 300px;}
.w50em{width:50em}
.w70em{width:70em}
.w80em{width:80em}
.w85em{width:85em}
.h8em{height:8em}
.h7em{height:7em}
.h5em{height:5em}

a { font-family:Arial,Helvetica;   text-decoration:none; color: #0D419A; } 

a.menu:link { color: white}
a.menu:visited { color: white}
a.menu:active { color: white}
a.menu:hover { color: white}

.itemNo{
    font-size:11px;
}
.asterisk{
    color : red; 
}

/*Notes*/
div.note {position: absolute; background:#FFFFC1; padding: 1px; z-index: 1;visibility: hidden;}



.editor {
    height: 300px;
    width: 900px;
}


.clickPopup{
    background-color:#FAFAD7;
    border:1px solid black;
    display:none;
    text-align : center;
    width:150px;
}

.pswdInfoPopUp{
    margin-left:350px;
}

.clickPopup1{
    background-color:#FAFAD7;
    border:1px solid black;
    display:none;
    text-align : center;
    width:900px;
}

.displayNone{
    display : none;
}
.displayBlock{
    display : block;
}

.visibilityHidden{
    visibility: hidden;
}
.visibilityVisible{
    visibility:visible;
}

.sttsActive{
    color:#000000;
}

.sttsInactive{
    color:#9A9A9A;
}

.collapseImage{
    background-image: url("../img/icon_less.gif"); 
    background-repeat: no-repeat; 
    background-position: right;     
    font-weight : bold;
    text-decoration : underline;
    cursor: hand;
    width:70px;
}

.expandImage{
    background-image: url("../img/icon_more.gif"); 
    background-repeat: no-repeat; 
    background-position: right;   
    font-weight : bold;
    text-decoration : underline;
    cursor: hand;
    width:60px;
}

.currentSeq{
    font-weight: bold;    
}
.textAlignLeft{
    text-align: left;  
}
.textAlignRight{
    text-align: right;  
}
.oddRow{
    background-color: #EBF2EB; 
    text-align: right; 
}
.grayRow{
    background-color: #999; 
    text-align: right;
}
.evenRow{
    background-color: #FFFFFF; 
    text-align: right;
}

.largeText{
    white-space: normal;
    font: normal  10px verdana;
    border: 0px; 
    vertical-align: middle;  
}

/* DataTable columns */
.condsDesc {
    text-align: justify;
}

td.padding4{
     padding: 4px 15px 4px 4px !important;
}

.rowTop{ vertical-align: top; }
.rowMiddle{vertical-align: middle;}
.rowBottom{ vertical-align: bottom; }
.rowHeight{ height: 15px;}
.rowPadding{ padding: 3px 3px 3px 3px;}
.rowPadding0{ padding: 0px;}
.rowM10{ margin: 20px -20px 20px 20px;}
.rowOM10{ margin: 20px 0px 0px 20px;}
.rowBPadding{ padding-bottom: 2px;}
.rowBTPadding{ padding-bottom: 3px; padding-top: 3px}
.rowLPadding{ padding:0px 0px 5px 0px;}
.thickTdBorder td{border-bottom: 2px solid #cccccc; }
.rowBgColor{ background-color: #F7D99F}
.borderRight{border-right: 1px solid #cccccc;}
.outsideBorder{
    border-bottom: 1px solid #cccccc ;
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
}


.infoImage
    { 
        background-image: url("../img/icon_info.gif"); 
        background-repeat: no-repeat; 
        overflow: hidden;  
        text-indent: 16px;
        width: 16px; 
        display: inline-block;
    }

.actnIconWidth
    {
        width:16px;
        display: inline-block;
    }

.itemCond
    {
        width:480px;
    }

.captionLabel
{
    font: bold  14px Arial;
    color: #084A8C;
}

table.dataEntryOnline { 
    background-color: #EFF5FF;
    width:50%
}

table.dataEntrySrch { 
    background-color: #C6DDFA;
    width:100%
}

table.dataEntry { 
    background-color: #EFF5FF;
    width:100%
}

td.dataEntry{
    background-color: #EFF5FF;
}

td.highlight{
    background-color:#FFFFC8;
}

tr.highlight{
    background-color:#FFFFC8;
}


.prmtInfoCaption{
	vertical-align: middle;
	background:url("../img/bg_tablehead_dark.gif") repeat;
	text-align: center;
        font: bold  14px Arial;
	color: #0B43A4;
	width: 100%;
        display: block;    
        border-left: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
        border-top: 1px solid #CCCCCC; 
}

.prmtInfo{ 
    background-color: #FAE8A9;
    color: #000000;
    border: 0px groove #3076ad;
    font: normal  10px verdana; 
}

.onlineInfo{ 
    background-color: #FFFFE6;
    color: #000000;
    border: 0px groove #3076ad;
    font: normal  10px verdana; 
}

.prmtInfoPadding{
    padding-left: 10px;
    padding-right: 10px; 
    padding-bottom:5px;
}

table th.prmtInfoTh {
    background: url("../img/bg_tablehead_light.gif");
    color:#0B43A4; text-align: left;
    white-space: nowrap;
    vertical-align: top;
    font:  12.5px Arial, Helvetica, sans-serif;
}    

table th.onlineInfoTh {
    background: url("../img/tab_lighter_center.gif");
    color:#0B43A4; text-align: left;
    white-space: nowrap;
    vertical-align: top;
    font:  12.5px Arial, Helvetica, sans-serif;
}   

span.onlineLocationHeader{
    vertical-align: middle;
    background: url("../img/tab_lighter_center.gif") repeat;
    font:  12.5px Arial, Helvetica, sans-serif;
    color: #084A8C;
    width: 100%;
    display: block;
}

.active{
    text-decoration: underline;
    font: bold 12px Arial;
    color:black;
}
.inactive{
        text-decoration: underline;
        font:12px Arial;
        color:#00009f;
}

.prmtInfoScrollBar{
     scrollbar-arrow-color:#452C05;
}

.visibilityNone{
    visibility: hidden;
}

.visibilityVisible{
    visibility: visible;
}

/*Table with no Border*/
table.internaltable 
    { 
        color: #000000; 
        border: 0px groove #3076ad; 
        font: normal  11px verdana; 
        border-collapse: collapse;
        padding-right: 3px;
        empty-cells: show;  
        white-space:normal;
    }

table.two-radios
    {
        width:85px;
        height: 30px;
        background-color: transparent;
    }
table.twoRadios
    {
        width:87px;
        height: 30px;
        background-color: transparent;
    }
table.three-radios
    {
        
        width:150px;
        height: 30px;
        background-color: transparent;
    }
table.internaltable-online 
    { 
        background-color: #EFF5FF;
        height: 100px;
        float:left;
        width:100%;
        color: #000000; 
        border: 0px groove #3076ad; 
        font: normal  10px verdana; 
        border-collapse: collapse;
        padding-right: 3px;
        empty-cells: show;  
        white-space:normal;
    }

table.tabular
    { 
        color: #000000; 
        border: 0px groove #3076ad; 
        font: normal  11px verdana; 
        border-collapse: collapse;
        padding-right: 3px;
        empty-cells: show;  
        white-space:normal;
    }
table.tabular th
    { 

        padding-right: 3px;

    }        
table.tabular td
    { 

        padding-right: 3px;

    }    
    
table.bcolor td
    { 
        border-color: rgb(182,182,182); 
    }    
  
    
table.scrollable th
{ 
    padding: 2px;
}

table.scrollable td
{ 
    padding: 2px;
}
    
table.scrolltable 
    { 
        color: #000000; 
        table-layout:  fixed;
        border: 0px groove #3076ad; 
        font: normal  11px verdana; 
        border-collapse: collapse;
        empty-cells: show;  
    }


.prblmTxt{
            border: 0px groove #3076ad; 
            font-weight : bold;
            
}
    
/*Table with no Border*/
table.internalPrtyNettable 
    { 
        border: 0px;  
    }    
table.internalHeavytable 
{ 
    color: #000000; 
    border: 0px groove #3076ad; 
    font: bold  10px Arial, Helvetica, sans-serif ; 
    empty-cells: show;  
}
table.tableWidth 
    { 
        width:50%;
    }    
/*Table Column Border*/
.tdborder td
    {
        border-bottom: 1px solid #cccccc; 
        empty-cells:show;
    }
table.spborder tr:last-child td {
    border-bottom: 0px solid;
    }
.noborder td{
        border-bottom: 0px solid;
        border-right: 0px;
    } 
 .nopadding td {
     padding: 0px !important;
 }
 td.tcolborder{
     border-bottom: 1px solid #cccccc;
 }
 
div.noborder table{
        color: #000000; 
        border: 0px groove #3076ad; 
        font: normal  10px verdana; 
        border-collapse: collapse;
        padding-right: 3px;
        empty-cells: show;  
    }     
.fieldsetTable
    {
        background-color:#C6DDFA;
    }
    
fieldset{
    border:  1px solid rgb(183,183,183);
}
/*Field Set Legend Style */
fieldset legend
    {
        color:#001B83;
        font-weight:bold
    }

/* InputText Style */
.input
    {
        position:relative; 
        bottom:2px;
        height:19px; 
        top : 2px;
        background: #FFFFFF;
        font:11px Arial, Helvetica, sans-serif ; 
    }
.input2
    {
        position:relative; 
        bottom:2px;
        height:18px; 
        top : 2px;
        background: #FFFFFF;
        font:11px Arial, Helvetica, sans-serif ; 
    }    
    
    
.input1
    {
        background: #FFFFFF;
    }
    
.inputAddress
    {
        position:relative; 
        height:19px; 
        top : 2px;
        background: #FFFFFF;
        font:11px Arial, Helvetica, sans-serif ; 
    }

.histInput
    {
        height:18px; 
        background: #FFFFFF;
        font:11px Arial, Helvetica, sans-serif ;         
    }   
.headerInput
    {
        height:13px; 
        background: #FFFFFF;
        font:11px Arial, Helvetica, sans-serif ;       
    }     
/* Error Messages */
.errorMessages
    {
         background-image: url("../img/icon_delete_small.gif");
         background-repeat: no-repeat;
         text-indent: 12px; 
         overflow: hidden;
         padding: 11px 0 0 0;
         height: 11px;
         width: 12px;
         display: inline-block; 
          /*position: absolute;
          background-color: yellow;
          border: 1px 1px 1px 1px;
          border-style: solid;
          border-color: black; */
    }
/* OutputText Font with font underline*/    
.outputTextFont
    {
        color:#001B83; 
        font-weight:normal;
        text-decoration:underline;
    }
    
.en50ShowHide{
        color:#001B83; 
        font-weight:normal;
        text-decoration:underline;
        cursor:hand;
        font-size: 11px;
}
.rvwTab{
        color:rgb(181,181,181) ;
        font-weight:normal;
        text-decoration:underline;
        cursor:hand;    
}

.rvwTabSel{
        color: Blue;
        font-weight:bold;
        text-decoration:underline;
        cursor:hand;    
}
/*  OutputText Font with font no underline*/
.outputFont    
    {
        color:#001B83; 
        font-weight:normal;
    }
/* Date style on dashboard*/
.dateStyle{
        color:#001B83; 
        font-weight:bold;
}
/* Hyper Link style */    
.anchorLink
    {
        text-decoration:underline;
        cursor: hand;
    }    
.anchorLinkRed
    {
        color: #BD1B1B; 
        text-decoration:underline;
        cursor: hand;
    }
.newAnchor {
    	cursor: hand;
}
.newAnchor:hover {
      	text-decoration:underline;
        cursor: hand;
}
.systemrelease{
        height:307x; 
        width:700px;    
}
.release{
        height:307x; 
        width:700px;
        border: 3px ActiveCaption solid;
        position : absolute;
        z-index: 100; 
        top: 25%;
        left: 25%;
}

.selectStyle{
    display:none;
    width:217px;
    position:absolute;
    margin-top:-5px;
}

.mailSrchRvwrStyle{
    display:none;
    width:217px;
    position:absolute;
    margin-top:-5px;
    margin-left:-137px;
}

.tdSrchStyle{
    display:none;
    width:200px;
    position:absolute;
    margin-top:-5px;
    margin-left:-137px;
}


.tdSrchStyle1{
    display:none;
    width:205px;
    position:absolute;
    margin-top:-1px;
    margin-left:-100px;
}

.tdNameStyle{
    display:none;
    width:50px;
    position:absolute;
    margin-top:-5px;
    margin-left:-50px;
}

.tdClassTypeNameStyle{
    display:none;
    width:70px;
    position:absolute;
    margin-top:-5px;
    margin-left:-50px;
}

.tdSourceTypeNameStyle{
    display:none;
    width:100px;
    position:absolute;
    margin-top:-5px;
    margin-left:-80px;
}

.tdCodeStyle{
    display:none;
    width:45px;
    position:absolute;
    margin-top:-3px;
    margin-left:-50px;
}

.outputStyle{
    position:absolute;
    margin-top:-4px;
    margin-left:-5px;
    color: Red;

}

.insideDiv{
    background: #AD9442; 
    width:700px;
}
.scroll{
        background: #F1EDCE; 
        overflow-x:scroll;
        height:235px; 
        width:700px;   
}

/* Div Style */    
.divStyle
    {
        color: #000000; 
        height:50px; 
        overflow-y: scroll; 
        border: 1px #7F9DB9 solid
    }
    
.divStyleNoborder{
        height:50px; 
        overflow-y: scroll;    
        overflow-x: hidden;
}
.bold
    {
        font-weight : bold;
        background : transparent ; 
    }
.italic
    {
        font-style: italic;
    }

.floatRight
    {
        float:right;
    }
.floatCenter1
    {
        position : relative;
        left : 43%;
        float : left; 
    }
/* for Buttons use only and  have a panel big enough to keep the component in center*/
.floatCenter
    {
        position : relative;
        left : 50%;
        float : left; 
    }
.floatRight-online
    {
        height: 15px;
        font-weight : bold;
        float:right;
        background : transparent; 
    }
.floatLeft-online
    {
        height: 15px;
        font-weight : bold;
        float:left;
        background : #FFFFFF; 
    }
    
.floatLeft
    {
        float:left;
    }

.selectOneMenu
    {
        height:18px;
        background: #FFFFFF;
        font:11px Arial, Helvetica, sans-serif  ;
    }
td.twoWidthBorder { border-right: 2px solid #cccccc; }
    
.dashboardLabel
    {
        position:relative;
        bottom:2px;
        color:#084A8C;
        font-weight:normal;
        font:10px Arial, Helvetica, sans-serif ;
    }
.dashboardTitle{
        position:relative;
        color:#C91C1C;
        font-weight:bold;
        font:11px Arial, Helvetica, sans-serif ;    
}
.dashboardLink{
        position:relative;
        color:#0000CC;
        font-weight:bold;
        font:11px Arial, Helvetica, sans-serif ;    
        text-decoration: underline;  
        cursor:hand; 
}
.link{
        color:#0000CC;
        font-weight:bold;
        font:13px Arial, Helvetica, sans-serif ;    
        text-decoration: underline;  
        cursor:hand;     
}
.itemStts
    {
        position:relative;
        bottom:12px;
    }
.messagePosition
    {
        position:relative;
        top:10px;
    }
.pushpinImage
    {
         background-image: url("../img/pushpin.gif");
         background-repeat: no-repeat;
         text-indent: 25px; 
         padding: 2px 0 0 0;
         height: 20px;
         display: block;        
         font: bold  12px Arial;
         white-space: nowrap;
	 color: #084A8C         
    }
.headerlabel{
         padding: 2px 0 0 0;
         display: block;        
         font: bold  11px Arial;
	 color: #084A8C    ; 
         white-space: nowrap;
}

.captionSmalllabel{
         padding: 2px 0 0 0;
         display: block;        
         font: bold  10px Arial;
	 color: #084A8C     
}

.caption11label{
         padding: 2px 0 0 0;
         display: block;        
         font: bold  11px Arial;
	 color: #084A8C     
}

/**********************SCROLLING TABLES************************/

/* For IE */

div.scrollable {
	overflow-y: auto;
        overflow-x: auto;
        border: 1px #7F9DB9 solid;
        position: relative;
        text-align: left;
}

div.horizscroll {
	overflow-y: scroll;
        overflow-x: scroll;
        border: 1px #7F9DB9 solid;
        position: relative;
}

div.scroll1{
    overflow-y: scroll;
    overflow-x: hidden;
    text-align: left;    
}

div.verscrollborder{
    overflow-y: scroll;
    overflow-x: hidden;
    border: 1px #7F9DB9 solid;
    position: relative;
    text-align: left;    
}

td.innerBorder > div.scrollable{
    border : 0px;
}

td.noDisplay > div.scrollable{
    border : 0px;
    display : none;
}

div.scrollable th  {
	border: 1px 1px 1px 1px  black;
	position: relative;
	z-index: 20;
        padding: 3px;
        white-space: nowrap;
}

div.horizscroll th  {
    border: 1px 1px 1px 1px  black;
    position: relative;
    z-index: 20;
    padding: 3px;
    white-space: nowrap;
}

div.scrollable tFoot tr{
     background: #E0E4E2 ; 
}

/* For Mozilla/NS/FF */
table.scrollable tbody {
	overflow-y: scroll;
        overflow-x: scroll;
        padding: 3px;
}

table.addr tbody {
	height: 20em;
}

table.addr tr {
	height: 1em;
}


.logintable{
    position:absolute;
}

.ellipses{
    /*overflow: hidden;
    text-overflow:ellipsis;
    white-space:nowrap; 
    display:block;*/ 
}

div.ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

span.webCmmts{
    width:200px;
}
span.funcDesc{
    width:300px;
    text-align: left;
    float: left; 
}
span.attach{
    width:200px;
}
span.attachFile{
    width:100px;
}
span.rmndr{
    width:300px;
}
.itemEllipses{
    width:200px;
}
.sbmttlEllipses{
    width:190px;
}
.sbmttl{
    width:250px;
}
.itemTransferEllipses{
    width:150px;
}
.en50Ellipses{
    width:80px;
}
.seqEllipses{
    width:150px;
}

/************ Overriding classes from fx4web Floating Div*******************************/

div.fx4web-floating {
	border-width: 2px 2px 2px 2px;
	border-color: #002D96;
	background-color:#EFF5FF;
}

div.fx4web-floating .fx4web-title {
	background: url("../img/header_blue_dm.gif") repeat;
	color: #084A8C;
	height: 14px;
}
/***************************TABBED PANELS****************************/


.myFaces_panelTabbedPane {
font: 12px Arial, sans-serif;
border-width: 0px 0px 0px 0px;
border-collapse: collapse;
border-spacing: 0px;
background-color: #FAE8A9;
}

td.myFaces_panelTabbedPane_activeHeaderCell,
td.myFaces_panelTabbedPane_inactiveHeaderCell {
	padding-right: 10px;
        
}

td.myFaces_panelTabbedPane_activeHeaderCell input,
td.myFaces_panelTabbedPane_inactiveHeaderCell input {
	padding-left: 10px;
}

td.myFaces_panelTabbedPane_pane{
    height:70px;
    border:0px;
}

/*.myFaces_panelTabbedPane_activeHeaderCell input:hover,*/
.myFaces_panelTabbedPane_inactiveHeaderCell input:hover {
	color:  #3365B7;
}
.myFaces_panelTabbedPane_activeHeaderCell,
.myFaces_panelTabbedPane_inactiveHeaderCell,
.myFaces_panelTabbedPane_activeHeaderCell input,
.myFaces_panelTabbedPane_inactiveHeaderCell input,
.myFaces_panelTabbedPane
{
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
}

.myFaces_panelTabbedPane_inactiveHeaderCell {
	/*background:url("../img/StandardTabNonCurrentRight.gif") no-repeat right top;*/
	background-color:#FAE8A9;
        border:0px;
}
.myFaces_panelTabbedPane_subHeaderCell_last{
    border:0px;
}
.myFaces_panelTabbedPane_activeHeaderCell {
	/*background:url("../img/StandardTabCurrentRight.gif") no-repeat right top;*/
}
.myFaces_panelTabbedPane_subHeaderCell_inactive{
    border:0px;
}
.myFaces_panelTabbedPane_inactiveHeaderCell input {
	/*background:url("../img/StandardTabNonCurrentLeft1.gif") no-repeat left top;*/
	background-color:#FAE8A9;
        color: #939393;
        text-decoration: underline; 
}

.myFaces_panelTabbedPane_activeHeaderCell {
	background-color: #FAE8A9;
}
.myFaces_panelTabbedPane_activeHeaderCell input {
	/*background:url("../img/StandardTabCurrentLeft1.gif") no-repeat left top;*/
	text-decoration: underline; 
	font-weight: bold;
	background-color:#FAE8A9;
        color: #3365B7;
}
/******************************** SYSTEM MESSAGE STYLES *****************************/
.msg-main{
    position : absolute;
    z-index: 100; 
    border: 1px solid black;
}
.msg-header{
    padding: 1px;
    text-indent: 3px;
    font: bold 14px Arial;
    background-color: #CA0000;
    color: white;
    overflow: hidden;
    width: 100%;

    opacity: 0.6;
}

.msg-headerRed{
    background-color: #CA0000;
}

.msg-headerBlue{
    background-color:  #245EDC ;
}

.msg-content-area{
    background-color: #F1EDCE;
    overflow-y: scroll;    
    overflow-x: hidden;
}

.msg-close-area{
    border-top: 1px solid gray;
    background-color: #F1EDCE;
    padding: 5px;
}

.messageScreenBlack{
    position: absolute;
    background: black url(../../img/blackdot.gif);
    left: 0;
    top: 0;
    z-index: 50;
    
    opacity: 0.6;
}

.messageScreenWhite{
    position: absolute;
    background: white;
    left: 0;
    top: 0;
    z-index: 50;
    
    opacity: 0.6;
}

/******************************** MISC *****************************/
.center {
        width: 100%;
}

.center1 {
        width: 50%;
}

.center2{
}
span.dottedLine{
	border-bottom: 2px solid #0B3F9A;
	width: 100%;
        display: block;
}


span.onlineCaption{
	vertical-align: middle;
	background: url("../img/tab_normal_center.gif") repeat;
        /* border: 1px groove #3076ad; */
        border: 1px 1px 1px 1px solid white;
        font: bold  14px Arial;
	color: #084A8C;
	width: 100%;
        display: block;
}

span.scrollable,
span.caption,table.caption{
	vertical-align: middle;
	background: url("../img/header_blue_dm.gif") repeat;
        /* border: 1px groove #3076ad; */
        border: 1px 1px 1px 1px solid white;
        font: bold  14px Arial;
	color: #084A8C;
	width: 100%;
        display: block;
}

div.caption {
	vertical-align: middle;
	background: url("../img/header_blue_dm.gif") repeat;
        /* border: 1px groove #3076ad; */
        border: 1px 1px 1px 1px solid white;
        font: bold  14px Arial;
	color: #084A8C;
	width: 100%;
}
span.captionMTG{
    vertical-align: middle;
	background: url("../img/header_blue_dm.gif") repeat;
        /* border: 1px groove #3076ad; */
        border: 1px 1px 1px 1px solid white;
        font: bold  14px Arial;
	color: #084A8C;
	width: 60%;
        display: block;
}
table.nobordercaption,span.nobordercaption {
	vertical-align: middle;
	background: url("../img/header_blue_dm.gif") repeat;
        font: bold  14px Arial;
	color: #084A8C;
	width: 100%;
        display: block;
}

span.shortcaption {
	vertical-align: middle;
	background: url("../img/header_blue_dm.gif") repeat;
        /* border: 1px groove #3076ad; */
        border: 1px 1px 1px 1px solid white;
	text-align: center;
        font: bold  14px Arial;
	color: #084A8C
}
span.subcaption {
	vertical-align: top;
	background: url("../img/tab_lighter_center.gif") repeat;
        /* border: 1px groove #3076ad; */
        border: 1px 1px 1px 1px solid white;
  text-align: left;
	color: #084A8C;
	width: 100%;
        display: block;
}

td.label {
    text-align: right;
}

td.mailEditlabel1 {
    text-align: right;
}
td.mailEditlabel2 {
    text-align: left;
}
td.mailEditlabel3 {
    text-align: right;
}
td.mailEditlabel4 {
    text-align: left;
}

td.labelleft {
    text-align: left;
}
td.inputCalendar {
    text-align: left;
}

div#silkscreen {
    background-color: #FFFFFF;
}

TABLE.fx4web-sloshbucket{
  border: 0px solid;
}

div.fx4web-floating ul li.fx4web-Info {
	 /*background-image: url("../img/icon_info1.gif");*/
        list-style-image: url("../img/icon_info1.gif");
}

div.fx4web-floating ul li.fx4web-Warn {
	 /*background-image: url("../img/icon_warning.gif");*/
    list-style-image: url("../img/icon_warning.gif");
}

div.fx4web-floating ul li.fx4web-Error {
         /*background-image: url("../img/icon_error.gif");*/
         list-style-image: url("../img/icon_error.gif");
}

div.fx4web-floating ul li.fx4web-Fatal {
	 /*background-image: url("../img/icon_error.gif");*/
    list-style-image: url("../img/icon_error.gif");
}

div.fx4web-floating ul li {
         background-repeat: no-repeat;
         text-indent: 20px; 
         padding: 5px 10px 5px 1px;

         /*list-style: none;  */
}

select#cmplncTp,select#cmplncTp-src{
  width:150px;
}
select#sbmttlTp,select#sbmttlTp-src{
  width:150px;
}
select#actnTp,select#actnTp-src{
  width:150px;
}
select#srvcCnt,select#srvcCnt-src{
  width:150px;
}
select#cmplncRvwr,select#cmplncRvwr-src{
  width:150px;
}
select#County,select#County-src{
  width:150px;
}
select#prtyRoles,select#prtyRoles-src{
  width:170px;
}
select#ruleTps,select#ruleTps-src{
  width:150px;
}
select#prmtStages,select#prmtStages-src{
  width:150px;
}

input#cmplncTp-add{
  background: url("../img/button_arrowrt.gif") no-repeat;
}
input#sbmttlTp-add{
  background: url("../img/button_arrowrt.gif") no-repeat;
}
input#actnTp-add{
  background: url("../img/button_arrowrt.gif") no-repeat;
}
input#cmplncRvwr-add{
  background: url("../img/button_arrowrt.gif") no-repeat;
}
input#srvcCnt-add{
  background: url("../img/button_arrowrt.gif") no-repeat;
}
input#County-add{
  background: url("../img/button_arrowrt.gif") no-repeat;
}
input#prtyRoles-add{
  background: url("../img/button_arrowrt.gif") no-repeat;
}
input#ruleTps-add{
  background: url("../img/button_arrowrt.gif") no-repeat;
}
input#prmtStages-add{
  background: url("../img/button_arrowrt.gif") no-repeat;
}
input#prmtStages-add,input#ruleTps-add,input#prtyRoles-add,input#cmplncTp-add,input#sbmttlTp-add,input#actnTp-add,input#srvcCnt-add,input#cmplncRvwr-add,input#County-add,
input#prmtStages-rem,input#ruleTps-rem,input#prtyRoles-rem,input#cmplncTp-rem,input#sbmttlTp-rem,input#actnTp-rem,input#srvcCnt-rem,input#cmplncRvwr-rem,input#County-rem,
input#ok{
  display: block;
  border-width: 0 0 0 0;
  padding: 30px 0 0 0;
  height: 16px;
  width: 40px;
  overflow: hidden;                   
}
input#prmtStages-rem{
   background: url("../img/button_arrowlt.gif") no-repeat;
}
input#ruleTps-rem{
   background: url("../img/button_arrowlt.gif") no-repeat;
}
input#cmplncTp-rem{
   background: url("../img/button_arrowlt.gif") no-repeat;
}
input#prtyRoles-rem{
   background: url("../img/button_arrowlt.gif") no-repeat;
}
input#sbmttlTp-rem{
   background: url("../img/button_arrowlt.gif") no-repeat;
}
input#actnTp-rem{
   background: url("../img/button_arrowlt.gif") no-repeat;
}
input#cmplncRvwr-rem{
   background: url("../img/button_arrowlt.gif") no-repeat;
}
input#srvcCnt-rem{
   background: url("../img/button_arrowlt.gif") no-repeat;
}
input#County-rem{
   background: url("../img/button_arrowlt.gif") no-repeat;
}

input#ok{
   background: url("../img/button_OK.gif") no-repeat;
}    


/************************** IMAGE BUTTONS **************************/
.viewImage{
	display: block;
	border-width: 0 0 0 0;
        margin-top: 5px; 
        background-image: url("../img/icon_more_text.gif");  
	height: 7px;
        width: 25px;
        text-indent: 26px; 
        cursor: hand; 
	overflow: hidden;    
}
.urlGraphic{
	display: block;
        padding:0px;
	height: 7px;
        width: 20px;
        text-indent: 20px; 
	overflow: hidden;    
}

input.width {
	width:175px;
}
/** Added by Venu for table width **/
table.maxWidth { 
        width:100%
}
.width25px
    {
        width:25px;
    }
.width35px
    {
        width:35px;
    }
    
.width50px
    {
        width:50px;
    }
.width75px
    {
        width:75px;
    }
.width100px
    {
        width:100px;
    }

.width150px
    {
        width:150px;
    }
.width300px
    {
        width:300px;
    }
.width350px
    {
        width:350px;
    }  
.btnInvisible {
    display : none;
    width : 0px;
    height : 0px;
}
/** Added by John for table width */
div.co_scroll {
    height: 60px;
    width: 700px;
    overflow:auto;
    border: 0px solid #666;
    background-color: #ffffff;
    padding: 8px;
}
div.route_scroll {
    height: 30px;
    width: 450px;
    overflow: auto;
    border: 0px solid #666;
    background-color: #ffffff;
    padding: 8px;
}
div.cond_scroll{
    height: 150px;
    width: 600px;
    overflow: auto;
    border: 0px solid #666;
    background-color: #ffffff;
    padding: 8px;
}

thead th.locked {
    z-index: 30;
    border-right: 1px solid #eeeeff;
    position: relative;
}

td.locked{
    background: #f6f6f6;
    border-right: 1px solid #ffffff;
    background-clip: padding-box;
    position: relative;
    z-index: 10;    
}

td.stnHeader{
    background: #f6f6f6;
}

thead th.alignMiddle {
    border: 1px solid #eeeeff;
    text-align:center;
}

input.textButton{
    border: none;
    background: none;
    cursor: hand;
    width: auto;
    overflow: visible;
    
}
/* Fixed hieght classes */
div.fh225{
    height:225px;
}


.vtop{
    vertical-align:top;
}


table.dynamicintrnltbl 
    { 
        color: #000000; 
        border: 0px groove #3076ad; 
        font: normal verdana; 
        font-family: verdana;
        font-style: normal;
        font-size : 10px;
        border-collapse: collapse;
        padding-right: 3px;
        empty-cells: show;  
    }

tr.alignTop {
 vertical-align: top;   
}

input.errorTxt {
    color: red;
}

input.errorTxt[readonly] {
    color: black;
}

.Required{
font: bold  12px Arial;
	color:red;
}

.Missing{
font: bold 12px Arial;
	color: #084A8C;
}

.Captured{
font: bold 12px Arial;
	color: #2BBA07;
}

.search-item{   
    border:1px solid #fff;   
    padding:3px;   
    background:#FEFAE7;   
    background-repeat:no-repeat;   
} 

/*Table with no Border*/
table.noborders 
    { 
        color: #000000; 
        border: none !important; 
        font: normal  10px verdana; 
        border-collapse: collapse;
        padding-right: 3px;
        empty-cells: show;  
        white-space:normal;
    }

/*Table Column NoBorder*/
.tdnoborder td
    {
        border: none; 
        empty-cells:show;
    }
table.outline{

    border-left:1px solid #3076ad ! important;
    border-bottom:1px solid #3076ad ! important;
    border-right:1px solid #3076ad ! important;
    border-top:1px solid #3076ad ! important;
}    

table th.condheader{
  height :20px ! important;
}

.textwrap{
  white-space: normal;
}
           
.loader {
  border: 4px solid #f3f3f3;
  border-radius: 50%;
  border-top: 5px solid #3498db;
  width: 9px;
  height: 9px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

.redCircle {
  border-radius: 50%;
  border: 5px solid  #BD1B1B;
  width: 9px;
  height: 9px;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}       

progress {
  color: #0063a6;
  font-size: .6em;
  line-height: 1.5em;
  text-indent: .5em;
  width: 15em;
  height: 1.8em;
  border: 1px solid #0063a6;
  background: #fff;
}


/* The dropdown container */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown button */
.dropbtn {
    font-size: 12px;
    border: none;
    outline: none;
    color: #5d1818;
    /*padding: 14px 16px;*/
    background-color: inherit;
    font-family: inherit; /* Important for vertical align on mobile phones */
    margin: 0; /* Important for vertical align on mobile phones */
    cursor: pointer;
}

/* Add a green background color to navbar links on hover */
/*.navbar a:hover, .dropdown:hover .dropbtn {*/
/*background-color: green;*/
/*}*/
/*.dropbtn:hover, .dropbtn:focus {*/
    /*background-color: #2980B9;*/
/*}*/

.dropup-content, .btndropup-content {
    bottom: 2vh;
}

/* Dropdown content (hidden by default) */
.dropdown-content, .dropup-content, .btndropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 12vw;
    right: 0;
    box-shadow: 3px 8px 16px 5px rgba(0,0,0,0.2);
    z-index: 1;
}

.btndropup-content, .btndropdown-content {
    display: none;
    position: absolute;
    background-color: #c5ddf9 ;
    min-width: 130px;
    z-index: 1;
    border-radius: 5px;
}

 .btndropup-content a , .btndropdown-content a{
    /*float: none;*/
    color: #0B3F9A;
     font-family: Tahoma;
     font-weight : 900;
     font-size : 11px;
    padding: 8px 12px;
    text-decoration: none;
    display: block;
    text-align: left;
    text-indent:20px;
    border-radius: 5px;
}

.btndropup-content a:hover, .btndropdown-content a:hover {
    background-color: #FAE8A9;
}

.btndropup-content a , .btndropdown-content a{
    text-indent:0px;
}

/* Links inside the dropdown */
.dropup-content a, .dropdown-content a{
    /*float: none;*/
    color: black;
    font-size: 12px;
    padding: 8px 12px;
    text-decoration: none;
    display: block;
    text-align: left;
    text-indent:20px;
}


.btndropup-content a {
    text-indent:0px;
}

.dropup-content div, .dropdown-content div, .btndropup-content div, .btndropdown-content div {
    /*float: none;*/
    color: black;
    padding: 8px 12px;
    whitespace: nowrap;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover, .dropup-content a:hover {
    background-color: #ddd;
}

/* Show the dropdown menu on hover */
/*.dropdown:hover .dropdown-content {*/
/*display: block;*/
/*}*/
.show {display:block;}

.dropdown .divider, .dropup .divider {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 1em;
    padding: 0;
}

div.optgrp {
    display: flex;
    flex-direction: row;
    font-weight: bold;
    font-size: 12px;
}
/*div.optgrp:before, div.optgrp:after{*/
    /*content: "";*/
    /*flex: 1 1;*/
    /*border-bottom: 1px solid #ccc;*/
    /*margin: 5px;*/
/*}*/

.dropup-content a.disabled, .dropdown-content a.disabled, .btndropdown-content a.disabled {
    color: grey;
    cursor: not-allowed;
    background-color: #f9f9f9;
}

body.popupMobile, html.popupMobile {
    overflow: hidden;
    height: 100%;
}