/* Benelizer Blue 0f4155 3f6770 6f8d99 9fb3bb cfd9dd */ 

p {margin: 0px; padding: 0px; line-height: 1.2em;}
ol { margin: 0px; padding: 4px 0px 4px 45px; }
ol li { margin: 0px; padding: 1px; }
ul { margin: 0px; padding: 4px 0px 4px 45px; }
ul li { margin: 0px; padding: 1px; }

@media print { 
.noprint { display: none !important; height: 0; }
.noscreen { }
.printBoxDiv { overflow: hidden; clear: both; margin: 0px 0px 0px 0px; padding: 0px; color: 333333; font-size: 1em; background-color: #FFFFFF; border: 0px; }
.printMarginStart2 {clear: both; margin: 0px; background-color: #ffffff; }
.bodyClass {margin: 0px; padding: 0px; line-height: 120%; background-color: #ffffff; color: #333333; font-size: 80%; font-family: "Noto Sans", Arial; }
.bodyWhiteClass {margin: 0px; padding: 0px; line-height: 120%; background-color: #ffffff; color: #333333; font-size: 80%; font-family: "Noto Sans", Arial; }
.bodyTClass {margin: 0px; padding: 0px; line-height: 120%; color: #333333; font-size: 80%; font-family: "Noto Sans", Arial; }
}

@media screen { 
.noprint { }
.noscreen { display: none !important; height: 0; }
.printBoxDiv { overflow: hidden; clear: both; margin: 0px 0px 10px 0px; padding: 10px; color: 333333; font-size: 1em; background-color: #FFFFFF; border: 0px solid #d1d1d1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; box-shadow: 30px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); }
.printMarginStart2 {clear: both; margin: 15px 15px 0px 15px; }
.bodyClass {margin: 0px; padding: 0px; line-height: 120%; background-color: #e7e9ec; color: #333333; font-size: 80%; font-family: "Noto Sans", Arial; }
.bodyWhiteClass {margin: 0px; padding: 0px; line-height: 120%; background-color: #ffffff; color: #333333; font-size: 80%; font-family: "Noto Sans", Arial; }
.bodyTClass {margin: 0px; padding: 0px; line-height: 120%; color: #333333; font-size: 80%; font-family: "Noto Sans", Arial; }
}


::-webkit-input-placeholder { color: #777777; font-size: 0.9em; font-style: italic; }   /* Edge */
:-ms-input-placeholder { color: #777777; font-size: 0.9em; font-style: italic; }/* Internet Explorer 10-11 */
::placeholder { color: #777777; font-size: 0.9em; font-style: italic; } 

.symshadow { border: 1px solid #d1d1d1; border-radius: 5px;  -webkit-box-shadow: 1px 1px 11px -5px rgba(0,0,0,0.75); -moz-box-shadow: 1px 1px 11px -5px rgba(0,0,0,0.75); box-shadow: 1px 1px 11px -5px rgba(0,0,0,0.75); }
.symshadow2 { -webkit-box-shadow: 1px 1px 11px -5px rgba(0,0,0,0.75); -moz-box-shadow: 1px 1px 11px -5px rgba(0,0,0,0.75); box-shadow: 1px 1px 11px -5px rgba(0,0,0,0.75); }


.labelglow { text-shadow:1px 1px 3px #ffffff, -1px 1px 3px #ffffff, -1px -1px 3px rgb(255,255,255,0.75), 1px -1px 3px #ffffff, 2px 2px 5px rgb(255,255,255,0.75), -2px 2px 5px rgb(255,255,255,0.75), -2px -2px 5px #ffffff, 2px -2px 5px rgb(255,255,255,0.75) }


/* for fast mouse over instead of tooltip white background*/
.bubble1 { position: relative; background: #ffffff; color: #333333; font-size: 0.9em; font-weight: bold; white-space: nowrap; filter: drop-shadow(3px 3px 8px #535353); text-align: left; border-radius: 3px; padding: 2px 5px 2px 5px;}
 /* triangle below text */
.bubble1:after { content: ''; position: absolute; display: block; width: 0; z-index: 1; border-style: solid; border-color: #ffffff transparent;	border-width: 10px 6px 0; bottom: -10px; left: 25px; margin-left: -6px; }

/* for fast mouse over instead of tooltip medium grey background*/
.bubble2 { position: relative; background: #e3e3e3; color: #000000; font-size: 0.9em; font-weight: bold; white-space: nowrap; filter: drop-shadow(3px 3px 8px #535353); text-align: left; border-radius: 3px; padding: 2px 5px 2px 5px;}
 /* triangle below text */
.bubble2:after { content: ''; position: absolute; display: block; width: 0; z-index: 1; border-style: solid; border-color: #e3e3e3 transparent; border-width: 10px 6px 0; bottom: -10px; left: 25px; margin-left: -6px; }

/* for fast mouse over instead of tooltip light grey background*/
.bubble3 { position: relative; background: #f6f6f6; color: #000000; font-size: 0.9em; font-weight: bold; white-space: nowrap; filter: drop-shadow(3px 3px 8px #535353); text-align: left; border-radius: 3px; padding: 2px 5px 2px 5px;}
 /* triangle below text */
.bubble3:after { content: ''; position: absolute; display: block; width: 0; z-index: 1; border-style: solid; border-color: #f6f6f6 transparent; border-width: 10px 6px 0; bottom: -10px; left: 25px; margin-left: -6px; }

/* for fast mouse over instead of tooltip white background*/
.bubble5 { position: relative; background: #ffffff; color: #535353; font-size: 1em; font-weight: normal; white-space: nowrap; filter: drop-shadow(3px 3px 8px #535353); text-align: left; border-radius: 3px; padding: 2px 5px 2px 5px;}
 /* triangle below text */
.bubble5:after { content: ''; position: absolute; display: block; width: 0; z-index: 1; border-style: solid; border-color: #ffffff transparent; border-width: 10px 6px 0; bottom: -10px; left: 25px; margin-left: -6px; }

/* for fast mouse over instead of tooltip light grey background*/
.bubble6 { position: relative; background: #f6f6f6; color: #535353; font-size: 1em; font-weight: normal; white-space: nowrap; filter: drop-shadow(3px 3px 8px #535353); text-align: left; border-radius: 3px; padding: 2px 5px 2px 5px;}
 /* triangle below text */
.bubble6:after { content: ''; position: absolute; display: block; width: 0; z-index: 1; border-style: solid; border-color: #ffffff transparent;	border-width: 10px 6px 0; bottom: -10px; left: 25px; margin-left: -6px; }

/* for fast mouse over instead of tooltip white background*/
.bubble9 { position: relative; background: #ffffff; color: #535353; font-size: 0.9em; font-weight: bold; white-space: nowrap; filter: drop-shadow(3px 3px 8px #535353); text-align: left; border-radius: 3px; padding: 2px 5px 2px 5px;}
 /* triangle below text */
.bubble9:after { content: ''; position: absolute; display: block; width: 0; z-index: 1; border-style: solid; border-color: #ffffff transparent; border-width: 10px 6px 0; bottom: -10px; left: 25px; margin-left: -6px; }


/* for fast mouse over instead of tooltip white background*/
.bubble99 { position: relative; overflow: auto; min-height: 40px; min-width: 100px; cursor: pointer; background: #ffffff; color: #535353; font-size: 0.9em; font-weight: bold; filter: drop-shadow(3px 3px 8px #535353); text-align: left; border-radius: 3px; padding: 0px; margin: 0px;}
/* triangle left of text */
/* .bubble99:after { content: ''; position: absolute; display: block; width: 0; z-index: 1; border-style: solid; border-color: transparent #ffffff transparent transparent; border-width: 6px 10px 6px 0; top: 10px; left: -1px; margin-left: -6px; }


/*  bubble for cockpit trend pop up sun and  reply pop up in heatmap */
.cbubble { position: relative; display: none;  background: #ffffff; filter: drop-shadow(2px 1px 10px #A3A3A3); width: 195px; height: 142px; border-radius: 3px; padding: 0px; }
 /* triangle below text */
.cbubble:after { content: ''; position: absolute; display: block; width: 0; z-index: 1; border-style: solid; border-color: #ffffff transparent; border-width: 36px 13px 0; bottom: -36px; left: 22%; margin-left: -13px; }


/* for fast mouse over instead of tooltip white background*/
.boubleHouter { position: absolute; display: none; z-index: 99; top: -25px; left: 6px; width: 900px; }
.boubleHeat { position: relative; float:left; max-width: 850px; background: #ffffff; color: #535353; font-size: 0.9em; font-weight: bold; filter: drop-shadow(3px 3px 8px #535353); text-align: left; border-radius: 3px; padding: 2px 5px 2px 5px;}
 /* triangle below text */
.boubleHeat:after { content: ''; position: absolute; display: block; width: 0; z-index: 1; border-style: solid; border-color: #ffffff transparent; border-width: 10px 6px 0; bottom: -10px; left: 25px; margin-left: -6px; }

/* for assesment values in projec lists */
.listCol { float:right; padding:2px; width:24px; text-align:center; font-weight:bold; color:#ffffff; border-radius:3px } 


/* Live search bar */
.searchFocused { position: relative; clear:both; background-color: #ffffff; border: 1px solid #d1d1d1; border-radius:6px; height: 30px; padding-top: 2px; box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.6);}
.searchBlurred { position: relative; clear:both; background-color: #ffffff; border: 1px solid #d1d1d1; border-radius:6px; height: 30px; padding-top: 2px; }
.sebar1 { clear: both; padding: 15px; position: relative; }
.sebar1a { clear: both; padding: 1px; position: relative; }
.sebar2 { float: left; border: 0px; height: 28px; margin: 0px 0px 0px 5px;}
.sebar3 { color: #111111; font-size:110%; height:20px; margin: 2px 0px 0px 3px; }
.sebar4 { position: relative; float: left; width: 54px; border: 0px; height: 26px; }
.sebar5 { position: absolute; z-index: 20; width: 26px; border-right: 1px solid #d1d1d1; height: 22px; padding-top: 1px; margin: 3px 0px 3px 0px; cursor: pointer; }
.sebar6 { width: 20px; height: 20px; }
.sebar7 { position: absolute; z-index: 20; left: 32px; width: 24px; height: 22px; padding: 0px; margin: 4px 0px 0px 1px; cursor: pointer; }
.sebar8 { border: 0px; width:20px; height:20px; }
.sebar9 { display: none; position: absolute; background-color: #ffffff; z-index: 10; overflow: visible; top: 27px; left:-1px; padding:0px; border-top: 0px; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; border-radius: 0px 0px 9px 9px; }
.sebar9b { display: none; position: absolute; background-color: #ffffff; z-index: 10; overflow: visible; top: 30px; left:0px; padding:0px; border-top: 0px; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; border-radius: 0px 0px 9px 9px; }
.sebar10  {overflow: auto; position: relative; margin-top: 5px; padding:10px 10px 0px 10px; border-top: 1px solid #d1d1d1; background-color: #ffffff; color: #111111; font-size:100%; line-height:150%; }
.sebar11 { float:left; width: calc(100% - 35px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: -1px; }
.seimg { height:16px; width:20px; border:0px; }



.gbox { cursor: pointer; white-space: nowrap; padding: 2px; font-size:0.85em; font-weight:normal; color:#535353; border: 1px solid #d1d1d1; border-radius: 3px; background-color:#f0f0f0; }
.gbox:hover { color: #000000; background-color: #eeeeee;  border: 1px solid #333333; }


.workLoad1 { float:left; border-top: 2px solid #666666; border-left: 2px solid #666666; }
.workLoad2 { float:left; border-right: 2px solid#666666; text-align: center; padding: 3px 0px 3px 0px; font-size: 0.97em; }
.workLoad3 { float: left;  text-align: center;  padding: 4px 0px 4px 0px; border-left: 2px solid #666666; border-top: 2px solid #666666; font-size: 0.97em;}
.workLoad4 { float: left; border-right: 2px solid #666666; text-align: center; padding: 0px 0px 0px 0px; }
.workLoad5 { float: left; border-right: 1px solid #919191; text-align: center; padding: 4px 0px 4px 0px; font-size: 0.97em; }
.workLoad6 { float: left;  border-right: 2px solid#666666; text-align: center; padding: 0px 0px 0px 0px;}
.workLoad7 { float: left;  text-align: center; padding: 4px 0px 4px 0px; font-size: 0.97em; }
.workLoad8 { float: left;  text-align: left; padding: 0px;  border-left: 2px solid #666666; border-top: 2px solid #666666;}
.workLoad8a { float: left;  text-align: left; padding: 7px 0px 7px 8px; font-size: 0.97em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.workLoad9 { float: left; border-right: 1px solid#919191; text-align: center; padding: 7px 0px 7px 0px; font-size: 0.97em; }
.workLoad10 { float: left; text-align: center; padding: 7px 0px 7px 0px; font-size: 0.97em; }
.workLoad11 { float: left;  text-align: left;  padding: 0px;  border-left: 2px solid #666666; border-top: 2px solid #666666; border-bottom: 2px solid #666666; font-size: 0.97em; font-weight: bold; }
.workLoad12 { float: left; border-right: 2px solid#666666; border-bottom: 2px solid#666666; padding: 0px 0px 0px 0px; }
.workLoad13 { float: left; border-right: 1px solid#919191; text-align:center;  padding: 7px 0px 7px 0px; font-size: 0.97em; font-weight: bold; }
.workLoad14 { float: left; border-right: 1px solid#919191; text-align:center;  padding: 7px 0px 7px 0px; font-size: 0.97em; font-weight: bold; }
.workLoad15 { float: left; text-align:center;  padding: 7px 0px 7px 0px; font-size: 0.97em; font-weight: bold; }
.workLoad16 { float: left; border-right: 1px solid#919191; text-align:center;  padding: 7px 0px 7px 0px; font-size: 0.97em;font-weight: bold; }
.workLoad17 { float: left; text-align:center;  padding: 7px 0px 7px 0px; font-size: 0.97em; font-weight: bold; }
.workLoad18 { float: left; border-right: 2px solid #666666; border-bottom: 2px solid #666666; border-right: 2px solid #666666;  padding: 0px 0px 0px 0px; }


.workLoad30 { float: left; text-align: left; border-left: 2px solid #666666; border-top: 2px solid #666666; padding: 6px 4px 0px 8px; font-size: 1em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.workLoad31 { float:left; border-top: 1px solid #d1d1d1; border-left: 2px solid #666666; }
.workLoad32 { float: left; text-align: left; border-left: 2px solid #666666; border-top: 1px solid #d1d1d1; padding: 6px 4px 0px 8px; font-size: 0.95em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.workLoad33 { float:left; text-align: center; padding: 3px 0px 3px 0px; font-size: 0.97em; }
.workLoad34 { float:left; padding: 4px 0px 3px 0px; width: 0px; border-right: 2px solid #666666; }


/* dashboard project list   */
.dbp1 { cursor: pointer;  font-size: 1.1em; color: #333333; font-weight: bold;} 
.dbp2 { overflow:hidden; border:1px solid #ffffff; min-width: 128px; height: 9px; }
.dbp3 { border: 1px solid #ffffff; height: 9px; min-width: 128px; overflow-y: hidden; }
.dbp4 { overflow:hidden; border:1px solid #ffffff; min-width: 128px; height: 9px; }
.dbp5 {float:left; width: 190px; margin: 2px; height: 37px; padding: 0px; background-color: #f6f6f6; }
.dbp6 {float: left; width: 165px; font-size: 1.1em; height: 30px; color: #333333; font-weight: bold;  text-align: center; padding: 4px 0px 0px 5px; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; } 
.dbp7 {float: right;  padding: 2px 3px 1px 0px; }
.dbp8 {float:left; width: 74px; margin: 2px; height: 37px; background-color: #f6f6f6; }
.dbp9 {float: left; width: 29px; font-size: 1.1em; color: #333333; font-weight: bold;  text-align: center; padding: 3px 0px 0px 24px; verflow: hidden;  white-space: nowrap; text-overflow: ellipsis; }
.dbp10 {clear: both; width: 63px;   font-size: 0.85em; color: #535353; font-weight: normal;  text-align: center; padding: 1px 0px 0px 5px; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; }
.dbp11 {float:left; min-width: 128px; margin: 2px; height: 37px; padding:0px; background-color: #f6f6f6; }
.dbp12 {float: left; width: 83px; text-align: center; padding: 3px 0px 0px 24px; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; }
.dbp13 {clear: both; width: 115px;   font-size: 0.85em; color: #535353; font-weight: normal;  text-align: center; padding: 1px 0px 0px 5px; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; }
.dbp14 {float:left;  width: 180px; margin: 2px; height: 35px; padding: 0px 6px 0px 4px; background-color: #f6f6f6; }
.dbp15 {float: left;  padding: 4px 0px 0px 1px; width: 24px;  height: 24px; }
.dbp16 {float: left;  cursor: default; font-size: 0.95em; color: #333333; font-weight: bold; padding: 10px 0px 0px 8px;  width: 140px;  overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; }	
.dbp16a {float: left;  cursor: default; font-size: 0.95em; color: #288791; font-weight: bold; padding: 10px 0px 0px 8px;  width: 140px;  overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; }	
.dbp16a:hover { text-decoration: none; color: #0f4155; font-weight: bold; }

.dbp16b { float: left;  cursor: default; font-size: 0.9em; color: #288791; font-weight: bold; padding: 8px 0px 0px 7px;  width: 119px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.dbp16b:hover { text-decoration: none; color: #0f4155; font-weight: bold; }

.dbp16b2 { float: left;  cursor: default; font-size: 0.9em; color: #288791; font-weight: bold; padding: 8px 0px 0px 7px;  width: 142px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.dbp16b2:hover { text-decoration: none; color: #0f4155; font-weight: bold; }

.dbp17 {position: absolute; display:none;  min-width: 250px; z-index: 9; top: -22px; left: 20px; font-size: 1em; color: #333333; }
.dbp18 {float:left; min-width: 128px; margin: 2px; font-size: 1.1em; color: #ffffff; font-weight: bold;  text-align: center; } 
.dbp19 {float:left; width: 74px; margin: 2px; height: 26px; font-size: 1.1em; color: #ffffff; font-weight: bold;  text-align: center; padding-top: 10px; }
.dbp20 {float:left;  width: 180px; margin: 2px; height: 34px; padding: 0px 6px 0px 4px; background-color: #f6f6f6; }
.dbp21 {float: left;  padding: 4px 0px 0px 1px; width: 24px;  height: 24px; }
.dbp22 {float: left;  cursor: default; font-size: 0.95em; color: #333333; font-weight: bold; padding: 10px 0px 0px 8px;  width: 140px;  overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; }
.dbp23 {float:left; min-width: 128px; margin: 2px; font-size: 1.1em; color: #ffffff; font-weight: bold;  text-align: center; }
.dbp24 {float:left; width: 74px; margin: 2px; height: 25px; font-size: 1.1em; color: #ffffff; font-weight: bold;  text-align: center; padding-top: 10px; }


.tooltip { pointer-events: none; }

.topHeader { flow: left; background-color: #0f4155; padding: 12px 20px 15px 15px; height: 48px; }
.topIcon { float: left; width: 31px; margin-left: 0px; padding: 5px 0px 5px 0px; cursor: pointer; cursor: hand; }
.topText { float: left; padding-top: 13px; overflow:hidden; cursor: pointer; cursor: hand; }
.topIconSelected { float: left; width: 31px; margin-left: 10px; padding: 5px; background-color: #288791; border: 0px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; cursor: pointer; cursor: hand; }
.topEntText { font-size: 1.3em; color: #ffffff; font-weight: normal; text-transform: uppercase; float:left; margin-right:12px; }

.ontopdiv { padding-top: 2px; background-color: #ffffff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; box-shadow: 0px 0px 50px 5px rgba(0, 0, 0, 0.7); -webkit- box-shadow: 0px 0px 50px 5px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0px 0px 50px 5px rgba(0, 0, 0, 0.7); }
.ontopdiv2 { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; box-shadow: 0px 0px 50px 5px rgba(0, 0, 0, 0.7); -webkit- box-shadow: 0px 0px 50px 5px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0px 0px 50px 5px rgba(0, 0, 0, 0.7); }

.modaleGrey { display:none; position:absolute; z-index: 5; background-color: rgba(0, 0, 0, 0.25); top: 0; left: 0; width: 100%; height: 100%; border: 0px; }
.modaleGrey2 { position:absolute; z-index: 999; background-color: rgba(0, 0, 0, 0.25); top: 0; left: 0; width: 100%; height: 450px; border: 0px; }


.alertDiv { display:none; position:fixed; z-index: 9999; background-color: rgba(0, 0, 0, 0.10); left: 0; width: 100vw; height: 100vh; border: 0px; }
.alertInDiv { margin: 0 auto; width:270px; min-height:40px; overflow:auto; padding: 15px 15px 12px 15px; border: 1px solid #535353; border-radius: 5px; background-color:#fffef0;}
.alertInDivsm { margin: 0 auto; width:230px; min-height:40px; overflow:auto; padding: 15px 5px 12px 5px; border: 1px solid #535353; border-radius: 5px; background-color:#fffef0;}
.alertInDiv2 { margin: 0 auto; color: #333333; font-size: 1em; border: 0px; text-align: center; margin-bottom: 20px;}
.alertInDiv2sm { margin: 0 auto; color: #333333; font-size: 1em; border: 0px; text-align: center; margin-bottom: 15px;}
.alertButton { margin: 0 auto; padding: 5px 0px 5px 0px; font-size: 0.85em; color: #333333; text-decoration: none; font-weight: bold; cursor: hand; cursor: pointer; background-color: #a9cfd3; text-align: center; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.alertButton:hover { color: #ffffff; background-color: #288791; text-decoration: none; }

/* genreral modal background div for pop up  */
.gInfo { display:none; position:fixed; top: 1px; z-index: 9999; background-color: rgba(0, 0, 0, 0.25); width: 100%; height: 100%; padding-top: 20px;}

/* genreral modal div for blocking input during ajax updates   100% transparant */
.modDiv { display:none; position:fixed; top: 1px; z-index: 9999; background-color: rgba(255, 255, 255, 0 ); width: 100%; height: 100%;}
.modDiv2 { position:fixed; top: 1px; z-index: 999; background-color:rgba(255, 255, 255, 0 ); height: 100%;  }

/*  genreral div for displaying throbber for ajax  */
.throbInf { display:none; position:fixed; top: 130px; left: 12px; z-index: 9999; background-color: rgba(255, 255, 255, 0.3); padding: 5px; border-radius: 8px; }
.throbInf2 { display:none; position:fixed; top: 0px; left: 0px; padding-top:120px; width: 100%; height: 100%; z-index: 9999; text-align:center; background-color: rgba(192,192,192,0.4); border-radius: 8px; }	
	
.loginLabel { float: left; width: 115px; text-align: right; padding: 15px 10px 10px 0px; font-size: 1em; color: #515151; }
.loginInput { clear: right; text-align: left; padding: 10px 0px 10px 10px; }
.loginButton { padding: 10px 20px 10px 20px; font-size: 1.2em; color: #ffffff; text-decoration: none; font-weight: normal; cursor: hand; cursor: pointer; background-color: #0f4155; text-align: center; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.loginButton:hover { color: #ffffff; background-color: #3f6770; text-decoration: none; }
.loginImage { max-width: 370px; margin: 0 auto; background-color: #0f4155; padding: 8px 0px 8px 0px; } 
.loginFrame { max-width: 370px; margin: 0 auto; padding: 0px 0px 10px 0px; background-color: #ffffff; }

.footer { clear: both; background-color: #0f4155; padding: 0px; height: 90px; }
.footerLeft { float: left; padding: 25px 0px 0px 15px; color: #e7e9ec; font-size: 0.9em; line-height: 150%; }
.footerRight { float: right; padding: 30px 25px 0px 0px; color: #e7e9ec; font-size: 0.9em; line-height: 150%; text-align: right; }

.marginStart {clear: both; margin: 0px 0px 0px 0px; }
.marginStart2 {clear: both; margin: 0px 15px 0px 15px; }
.marginStart3 {clear: both; margin: 0px 15px 0px -15px; }

.mainMenuLeftRight { background-color: #288791;}
.mainMenu { width: 1250px; margin: 0 auto; height:24px; padding: 14px 0px 10px 0px; overflow: visible; } 
.mainContainer { width: 1250px; margin: 0 auto; }
.leftContent { width: 935px; float: left; }
.rightContent { float: left; width: 270px; margin-left: 30px; padding: 5px; color: #333333; font-size: 1.05em; background-color: #ffffff; line-height: 120%; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);}

.menuItem { float: left; font-size: 1em; color: #ffffff; text-decoration: none; text-align: center; padding: 0px 15px 2px 15px; font-weight: normal; }
.menuItemSel { float: left; font-size: 1em; color: #ffffff; text-decoration: none; text-align: center; padding: 0px 15px 2px 15px; font-weight: normal; }
.menuItem a { float: left; color: #ffffff; text-decoration: none; padding-bottom: 4px; border-bottom: 2px solid #288791; font-weight: normal}
.menuItem a:hover { float: left; color: #ffffff; text-decoration: none; padding-bottom: 4px; border-bottom: 2px solid #87CDB9; font-weight: normal;}
.menuItemSel a, .menuItemSel a:hover { float: left; color: #ffffff; text-decoration: none; padding-bottom: 4px; border-bottom: 2px solid #77c1b2; font-weight:normal;}

.menudiv1 { position: absolute; z-index: 299; left: -40px; top: 58px; width: 260px; background: #0f4155; border-top: 2px solid #87CDB9; -webkit-animation: dd1move 0.1s; animation: dd1move 0.1s; } 
@-webkit-keyframes dd1move { from {height: 0px; } to {height: 35px;} }
@keyframes dd1move { from {height: 0px;} to {height: 35px;} }
.menudiv2 { position: absolute; z-index: 299; left: -40px; top: 58px; width: 260px; background: #0f4155; border-top: 2px solid #87CDB9; -webkit-animation: dd2move 0.1s; animation: dd2move 0.1s; } 
@-webkit-keyframes dd2move { from {height: 0px; } to {height: 70px;} }
@keyframes dd2move { from {height: 0px;} to {height: 70px;} }
.menudiv3 { position: absolute; z-index: 299; left: -40px; top: 58px; width: 260px; background: #0f4155; border-top: 2px solid #87CDB9; -webkit-animation: dd3move 0.2s; animation: dd3move 0.2s; } 
@-webkit-keyframes dd3move { from {height: 0px; } to {height: 200px;} }
@keyframes dd3move { from {height: 0px;} to {height: 200px;} }
.menufont { border-bottom: 1px solid #ffffff; font-size: 1.1em; color: #ffffff; padding: 16px 0px 16px 10px; cursor: hand; cursor: pointer;}
.menufont a, .menufont a:hover { color: #ffffff; text-decoration: none; } 
.menufont2 { border-bottom: 1px solid #ffffff; font-size: 1.1em; color: #fdc14f; padding: 16px 0px 16px 10px; cursor: hand; cursor: pointer;}

.menucohort { position: absolute; z-index: 990; overflow:visible; left: -360px; top: 35px; width: 500px; background: #288791; border-top: 2px solid #87cdb9; -webkit-animation: ddcmove 0.1s; animation: ddcmove 0.1s; } 
@-webkit-keyframes ddcmove { from {height: 0px; } to {height: 70px;} }
@keyframes ddcmove { from {height: 0px;} to {height: 70px;} }

.cohortItem { position:relative; color:#ffffff; padding:10px; border-bottom:1px solid #ffffff; cursor:pointer; }
.cohortClear { float:left; margin:-5px 0px 0px 15px; cursor: pointer; border-radius: 3px; background-color: #fcb123; font-size:0.9em; color:#535353; font-weight:bold; padding:4px; }
.cohortItemSel { position:relative; background-color:#0f4155; color:#ffffff; padding:10px; border-bottom:1px solid #ffffff; cursor:pointer; }
.cohortItem:hover { background-color:#0f4155; color:#ffffff; } 

.taskEditTab { border-bottom: 1px solid #d1d1d1; overflow:auto; background-color: #ffffff; color:#333333; font-size: 1em; cursor: pointer }
.taskEditTabSel { border-bottom: 1px solid #d1d1d1; overflow:auto; background-color: #f0f0f0; font-size: 1em; color:#333333; cursor: pointer }
.taskEditTab:hover { background-color:#0f4155; color:#ffffff; overflow:auto; } 
 
.taskQuestion { background-color: #ffffff; cursor: pointer; padding: 5px 5px 5px 8px; clear: both; font-size: 0.9em; font-family: "Noto Sans", Arial; color:#333333;  }
.taskQuestion:hover { background-color:#0f4155; color:#ffffff; } 

.taskBarR { position: absolute; font-size: 0.85em; border-right: 1px solid #d1d1d1; padding-top: 4px; height: 16px; overflow: hidden; text-align: center; }
.taskBarR2 { position: absolute; font-size: 0.85em; padding-top: 4px; height: 16px; overflow: hidden; text-align: center; }
.taskBarL { position: absolute; font-size: 0.85em; border-left: 1px solid #d1d1d1; padding-top: 4px; height: 16px; overflow: hidden; text-align: center; }
.taskGrid { position: absolute; height: 100%; border-right: 1px solid #d1d1d1; }
.taskGrid2 { position: absolute; height: 100%; border-left: 1px solid #d1d1d1; }

.outerSavePop { position: sticky; -webkit-sticky; top: 20px; width: 100%; height: 0px; z-index: 9999; }
.savePop { position:absolute; top:0px; animation-name: savePopBox; animation-duration: 2.5s; width: 100%; height: 0px; z-index: 99999; overflow:hidden; text-align: center; text-transform: uppercase; background-color: #87cdb9; color:#ffffff; font-size: 1.5em; }
@keyframes savePopBox { 0% {height: 0px;} 20% {height: 0px;} 30% {height: 45px;} 70% {height: 45px;} 100% {height: 0px;} }


.chartVbig { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; font-size: 1.35em; color: #333333; font-weight: bold }
.chartBig { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; font-size: 1.1em; color: #333333; font-weight: bold }
.chartNormal { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; font-size: 0.95em; color: #333333; font-weight: bold }
.chartSmall { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; font-size: 0.85em; color: #333333; font-weight: bold }
.chartVsmall { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; font-size: 0.75em; color: #333333; font-weight: bold }

.matriceFrame1 { clear: left; float: left; padding: 0px; border: 1px solid #535353; border-collapse: collapse; } 
.matriceFrame2 { float: left; padding: 0px; border: 1px solid #535353; border-collapse: collapse; } 

.barFrame1 { clear: left; float: left; padding: 0px; border: 0px; } 
.barFrame2 { float: left; padding: 0px; border: 0px; } 

.tableChart1 { 
 border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; -webkit-box-shadow: 0 0px 0px, 0px 0 0, 0px 0 0, 0 0px 0; -moz-box-shadow: 0 0px 0px, 0px 0 0, 0px 0 0, 0 0px 0; box-shadow: 0 0px 0px, 0px 0 0, 0px 0 0, 0 0px 0;
 position: relative; 
 table-layout:fixed;
 -ms-transform:rotate(270deg); /* IE 9 */
 -moz-transform:rotate(270deg); /* Firefox */
 -webkit-transform:rotate(270deg); /* Safari and Chrome */
 -o-transform:rotate(270deg); /* Opera */
}

.tableChart2 { 
 border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; -webkit-box-shadow: 0 0px 0px, 0px 0 0, 0px 0 0, 0 0px 0; -moz-box-shadow: 0 0px 0px, 0px 0 0, 0px 0 0, 0 0px 0; box-shadow: 0 0px 0px, 0px 0 0, 0px 0 0, 0 0px 0;
table-layout:fixed;
 }

 /* For drill down history */
.col1a { float: left; border-top: 1px solid #a1a1a1; border-right: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; overflow: auto; }
.col1b { width: 190px; padding-top: 4px; height: 34px; line-height: 34px; vertical-align: middle; border-bottom: 1px solid #a1a1a1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 0.9em; color: #333333; cursor: default; }
.col1c { width: 190px; height: 24px; line-height: 24px; vertical-align: middle; border-bottom: 1px solid #a1a1a1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 0.9em; color: #333333; cursor: default; }
.col1d { width: 190px; height: 24px; vertical-align: middle; border-bottom: 1px solid #a1a1a1; border-top: 1px solid #a1a1a1; }
.col1e { width: 175px; height: 24px; background-color: #f5f5f5; padding-left: 15px; line-height: 24px; vertical-align: middle; border-bottom: 1px solid #a1a1a1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 0.8em; color: #333333; cursor: default; }
.col1x { float: left; width: 166px; height: 24px; line-height: 24px; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 0.9em; color: #333333; cursor: default; }
.col1dx { float: left; width: 186px; height: 24px; line-height: 24px; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 0.9em; color: #333333; cursor: default; }
.col1y { display: none; float: right; width: 16px; padding-top: 4px; cursor: pointer; cursor: hand; }
.col1z { float: right; width: 16px; padding-top: 4px; cursor: pointer; cursor: hand; }
.col2a { float: left; border: 1px solid #a1a1a1; overflow: auto; width: 600px; }
.col2b { float: left; width: 50px; padding-top: 4px; height: 34px; line-height: 14px; border-right: 1px solid #a1a1a1; text-align: center; vertical-align: middle; border-bottom: 1px solid #a1a1a1; font-size: 0.85em; color: #333333; cursor: default; }
.col2c { float: left; width: 50px; height: 24px; line-height: 24px; border-right: 1px solid #a1a1a1; text-align: center; vertical-align: middle; border-bottom: 1px solid #a1a1a1; font-size: 0.85em; color: #333333; cursor: default; }
.col2d { clear: both; height: 24px; border-bottom: 1px solid #a1a1a1; border-right: 1px solid #a1a1a1; }
.col2e { clear: both; height: 24px; border-top: 1px solid #a1a1a1; border-bottom: 1px solid #a1a1a1; border-right: 1px solid #a1a1a1; }
.col3a { float: left; border-top: 1px solid #ffffff; }
.col3b { clear: both; width: 30px; padding: 4px 0px 0px 10px; height: 34px; border-bottom: 1px solid #ffffff; }
.col3c { clear: both; width: 30px; height: 24px; border-bottom: 1px solid #ffffff; }
.col3d { clear: both; width: 30px; height: 24px; border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff; }

.replyScore { font-size:8px; color:#ffffff; width:20px; border: 0px; border-radius: 3px; padding:1px; }

.qscorhead { border: 1px solid #ffffff; padding-top: 4px; height:17px; float: left; font-size: 1em; font-family: "Noto Sans", Arial; font-weight: bold; }
.qscor1 { border: 1px solid #ffffff; padding-top: 2px; height:17px; width: 80px; float: left; font-family: 'Lucida Console', Monaco, 'Courier New', monospace; font-size: 1em; font-weight: normal }
.qscor2 { background-color: #f0f0f0; border: 1px solid #ffffff; padding-top: 2px; height:17px; width: 80px; float: left; font-family: 'Lucida Console', Monaco, 'Courier New', monospace; font-size: 1em; font-weight: normal; }
.qtext1 { width: 80%; border: 1px solid #ffffff; padding-top: 2px; min-height: 17px; float: left; font-family: "Noto Sans", Arial; font-size: 0.9em; font-weight: normal }
.qtext2 { background-color: #f0f0f0; width: 80%; border: 1px solid #ffffff; padding-top: 2px; min-height: 17px; float: left; font-family: "Noto Sans", Arial; font-size: 0.9em; font-weight: normal }

 
.qwhead { float: left; width: 120px; overflow-y: auto; overflow-x: hidden; margin-right:5px; }
.qrow1a { float: left; width: 85px; border: 0px; }
.qrow1b { clear: both; width: 85px; height: 45px; font-size: 0.9em; border: 1px solid #ffffff; }
.qrow1c{ clear: both;  width: 85px; height: 22px; font-size: 0.9em; text-align: right; border: 1px solid #ffffff; }
.qrow1cd{ clear: both; width: 85px; height: 22px; border: 1px solid #ffffff; cursor: hand; cursor: pointer; }
.qrow1ce{ width: 75px; padding: 4px; font-size: 0.85em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.qrow1d { float: left; width: 85px; height: 21px; border: 0px;}
.qrow1e { clear: both; font-size: 0.85em; color: #777777; width: 60px; height: 21px; border: 0px;}
.qrow1f { float: left; width: 120px; overflow-y: auto; }
.qrow1g { clear: both; font-size: 0.85em; width: 120px; height: 22px; border: 1px solid #000000; }
.qrow1h { clear: both; font-size: 0.85em; width: 120px; height: 12px; border: 0px; }
 
.qrow30 { float:left; font-size:0.9em; text-align:center; height:19px; padding-top:4px; border-right:1px solid #a1a1a1; border-bottom:1px solid #a1a1a1; background-color:#dddddd; }
.qrow31 { float:left; font-size:0.9em; text-align:center; height:19px; padding-top:4px; border-right:1px solid #a1a1a1; border-bottom:1px solid #a1a1a1; background-color:#288791; color:#f0f0f0; }
.qrow32 { float:left; font-size:0.9em; text-align:center; height:19px; padding-top:4px; border-right:1px solid #a1a1a1; border-bottom:1px solid #a1a1a1; background-color:#87cdb9;; color:#f0f0f0; }
.qrow33 { float:left; font-size:1em; font-weight: bold; text-align:center; height:17px; padding-top:6px; border-right:1px solid #a1a1a1; border-bottom:1px solid #a1a1a1; background-color:#f6f6f6;; color:#288791;  }

.qulist {font-family: "Noto Sans", Arial; background-color:#f6f6f6;  font-size:12px; resize:vertical; border:1px solid#d1d1d1; border-radius:3px; padding:8px; height:80px; width:100%; overflow:auto;}


.mbardata1 { clear: left; float: left; font-size: 1.0em; color: #333333; font-weight: normal; width: 270px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.mbardata2 { float: left; overflow: auto; }
.mbardata3 { clear: left; float: left; text-align: right; font-size: 0.9em; color: #333333; font-weight: normal; height: 19px; width: 70px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.mbardata4 { float: left; text-align: right; font-size: 0.9em; color: #333333; font-weight: normal; width: 60px; }
.mbardata5 { float: left; text-align: right; padding-right: 70px; font-size: 0.9em; color: #333333; font-weight: normal; width: 60px; }
.mbardata6 { float: left; width: 70px; cursor: hand; cursor: pointer; }
.mbardata7 { padding: 20px 20px 30px 20px; }

.timeframe { border-top: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; margin: 10px; width: 890px; overflow: auto; }
.timeframed { border-top: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; margin: 10px; overflow: auto; }
.timename1 { clear: left; float: left; height: 36px; padding: 0px; border-bottom: 1px solid #d1d1d1; width: 217px; }
.timename2 { padding: 10px 0px 0px 10px; font-size: 0.9em; font-weight: bold; color: #333333; width: 202px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.timename2r { padding: 2px 0px 0px 8px; font-size: 0.85em; font-weight: bold; color: #333333; width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.timename2rs { padding: 10px 0px 0px 8px; font-size: 0.85em; font-weight: bold; color: #333333; width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.timeec1 { float: left; height: 36px; width: 24px; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; }
.timeec2 { padding-top: 10px; cursor: pointer; cursor: hand; }
.timequart1 { float: left; height: 36px; width: 80px; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; }
.timequart2 { padding-top: 5px; } 
.timebar { z-index: 5; padding-top: 2px; height:18px; font-size: 0.75em; font-weight: normal; color: #ffffff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; }
.timebar2 { z-index: 5; padding-top: 2px; height:18px; font-size: 0.75em; font-weight: normal; color: #999999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; }
.timered { color: #f87666 } 
.timecompl { color: #cfffe3 } 
.timecompl2 { color: #119953 } 
.timeinfo { display: none; position: absolute; z-index:110; left: 270px; font-size: 1em; line-height: 145%; font-weight: normal; color: #ffffff; background-color: #0f4155; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; width: 590px; overflow: auto; padding: 12px; }
.timeelement { background-color: #f8f8f8; height: 36px; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; }
.timeitext { float: left; cursor :pointer; cursor :hand; font-size: 0.85em; font-weight: normal; color: #333333; height: 26px; padding-top: 10px; text-align: right; width: 241px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-right: 1px solid #d1d1d1; } 
.timeitext2a { float: left; height: 36px; padding: 0px; width: 241px; border-right: 1px solid #d1d1d1; } 
.timeitext2b { float: left; cursor: pointer; cursor: hand; font-size: 0.85em; font-weight: normal; color: #333333; padding-top:10px; width: 208px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.timeitext2c { float:left; border-radius:50%; width:12px; height:12px; padding:0px; margin:12px 4px 0px 12px; }
.deltabar { z-index: 6; height: 8px; background-color: #0f4155; position: absolute; }
.timebar1 { padding-top: 2px; height:18px; font-size: 0.75em; font-weight: normal; color: #ffffff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.deltabar1 { height: 8px; background-color: #0f4155; }

/* time line graphs                         */
.tmg1 	{ position: absolute; z-index: 4; top: 7px; height: 16px; border: 0px; border-radius: 3px; }  
.tmg2	{ position: absolute; z-index: 5;  top: 7px; height: 16px; border: 0px; border-radius: 0px 3px 3px 0px }
.tmg3	{ position: absolute; z-index: 8; top: 14px; height: 2px; border: 0px; border-radius: 0px; }
.tmg4	{ width: 16px; position: absolute; z-index: 9;  top: 6px; height: 16px; border: 0px; }
.tmg5	{ position: absolute; z-index: 9;  top: 11px; height: 8px; border: 0px; border-radius: 2px; }
.tmg6   { position: absolute; z-index: 9;  top: 6px; height: 16px; border: 0px; }
.tmg7   { color:#ffffff; font-size: 0.85em; position: absolute; z-index: 7;   top: 7px; padding-left:6px; border: 0px; }

.tmg20  { position: relative; border-bottom: 1px solid #d1d1d1; } 
.tmg21  { position: absolute; width:100%; border-top: 2px solid #a3a3a3;  border-bottom: 1px solid #d1d1d1; z-index: 1; }
.tmg22  { position: absolute; width:100%; z-index: 1; }
.tmg23  { position: relative; border-top: 2px solid #a3a3a3; border-bottom: 1px solid #d1d1d1; } 

.lineLabel { position:absolute; font-size:0.9em; color:#333333; left:236px; width:678px; z-index:99999; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }


/* SCOR project drilldown */ 

.drillElement { float: left; padding-left: 8px; width: 70px; }
.drillSelement { float:left; width: 32px; margin-top: -1px; }
.drillName { float: left; max-width: 360px; padding: 18px 15px 0px 0px; font-size: 1.1em; color: #333333; text-transform: uppercase; } 
.drillceOn {float: left; padding-top: 18px; cursor: hand; cursor: pointer; }
.drillceOff {float: left; padding-top: 18px; cursor: hand; cursor: pointer; display: none; }
.drillce2On {float: left; padding-top: 5px; cursor: hand; cursor: pointer; }
.drillce2Off {float: left; padding-top: 5px; cursor: hand; cursor: pointer; display: none; }
.drillce2Ons {float: left; padding-top: 5px; cursor: hand; cursor: pointer; font-size: 1.1em; color: #288791; font-weight: bold; }
.drillce2Offs {float: left; padding-top: 5px; cursor: hand; cursor: pointer; display: none; font-size: 1.1em; color: #288791; font-weight: bold;}
.drillceQon {float: left; padding-top: 0px; cursor: hand; cursor: pointer; }
.drillceQoff {float: left; padding-top: 0px; cursor: hand; cursor: pointer; display: none; }
.drillOff { display: none; padding-top: 10px; }
.drillDate { float: left; padding: 0px 5px 0px 0px; width: 220px; font-size: 1.1em; color: #333333; font-weight: bold; text-transform: uppercase; } 
.drillSucImp { float: left; padding: 10px 5px 0px 0px; width: 220px; font-size: 1.1em; color: #333333; font-weight: bold; text-transform: uppercase; } 
.drillWarnText { float: left; padding: 5px 15px 0px 0px; font-size: 1.1em; color: #333333; font-weight: bold; text-transform: uppercase; } 
.drillScor { float: left; width: 220px; padding: 10px 5px 0px 0px; } 
.drillScor2 { float: left; padding: 0px 10px 0px 0px; font-size: 0.9em; color: #333333; font-weight: bold; } 
.drillQuestion { float: left; padding: 0px 15px 0px 15px; width: 195px; max-width: 220px; font-size: 0.85em; color: #333333; line-height: 115%; color: #333333; } 
.drillDateL { font-size: 0.9em; color: #333333; width: 100px; float: left; padding: 0px 0px 0px 8px; }
.drillDateR { font-size: 0.9em; color: #333333; text-align: right; width: 100px; float: right; padding: 0px 10px 0px 0px; }
.drillDivGraph1 { float: left; padding: 0px; }
.drillQgraph { float: left; padding: 0px; }
.drilltool1 { background: #0f4155; color: #ffffff; font-size: 0.85em; padding: 4px 12px 4px 12px; display: none; position: absolute; z-index: 99; top: -70px; border: 0px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; }
.drilltoolx { background: #0f4155; color: #ffffff; font-size: 0.85em; padding: 4px 12px 4px 12px; display: none; position: absolute; z-index: 99; top: -58px; border: 0px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px;}
.drillCaptions { float:left; display: none; margin: -6px 0px 0px -3px; padding: 0px; font-size:10px; color: #333333; line-height: 14px; }

.drillce2Ons:hover { color: #333333; }
.drillce2Offs:hover { color: #333333; }

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

.genHeadText { color: #333333; font-size: 1.1em; text-transform: uppercase; letter-spacing: 0.05em; }


.alertHead { width: 100%; height: 42px; background-color: #f8f8f8; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; padding: 5px 0px 0px 0px; margin: 10px 0px 0px 0px;}
.alertImg { width: 48px; float: left; }
.alertHeadText { float: left; color: #000000; font-size: 1.1em; min-height: 36px; width: 450px; padding: 5px 0px 0px 0px; text-transform: uppercase; letter-spacing: 0.05em;}
.alertBack { padding: 0px; background-color: #f8f8f8; }
.alertBlock { overflow: auto; border-collapse: collapse; padding-bottom: 10px; border-bottom: 1px solid #e0e0e0; }
.alertClear { clear: both; margin-left: 15px; }
.alertClearNone { clear: both; margin-left: 15px; display: none; }
.alertInfoPad { padding: 10px 0px 10px 10px; }
.alertNotes { float: left; cursor: hand; cursor: pointer; width: 110px; padding: 10px 0px 0px 0px; color: #333333; font-size: 1em; font-weight: normal; text-transform: uppercase; }
 
.alertResolved { color: #333333; display: none; padding: 5px; font-weight: bold; font-size: 1em; text-transform: uppercase; }
.alertBox { clear: both; width: 420px; height: 36px; padding-top: 3px; }
.alertTypeHead { float:left; color: #333333; font-size: 1.1em; text-transform: uppercase; letter-spacing: 0.05em; padding: 5px 0px 0px 10px; }
.alertTypeHead2 { float:left; color: #333333; font-size: 1.1em; text-transform: uppercase; letter-spacing: 0.05em; }
.alertFirstLine { float: left; color: #333333; font-size: 1em; font-weight: bold; padding: 3px 0px 3px 0px; }
.alertSecondLine { float: left; color: #333333; font-size: 1em; font-weight: normal; padding: 3px 0px 3px 30px; }
.alertDelayed { clear: both; width: 550px; color: #333333; font-size: 1em; padding: 10px 0px 3px 0px; }
.alertDetails { clear: both; width: 550px; color: #333333; font-size: 1em; padding: 10px 0px 3px 0px; }
.alertQuestion { clear: both; width: 470px; color: #535353; font-size: 1em; padding: 8px 0px 3px 15px; }

.alertNoteText { color: #535353; font-size: 1em; width: 400px; font-weight: normal; margin: 10px 10px 10px 0px; padding: 10px; text-transform: none; border: 1px solid #d1d1d1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }
.alertNotesBox { clear: both; padding-top: 10px; color: #333333; font-size: 1em; font-weight: bold; text-transform: uppercase; }
.alertLine { clear: both; height:5px; border-bottom: 1px solid #cccccc; }
.alertNoteButton { float: left; color: #333333; font-size: 1em; font-weight: bold; padding: 0px 0px 5px 0px; text-transform: uppercase; }
.alertNoteInput { margin: 0px 0px 0px 72px; width: 520px;}
.alertTextBox { width: 505px; height:50px; overflow: auto; } 
.alertSection { clear: both; overflow: auto; width: 585px; padding: 0px 0px 5px 0px; margin: 0px 0px 8px -15px; border-collapse: collapse; border-bottom: 1px solid #cccccc; }
.alertSection2 { clear: both; overflow: auto; width: 585px; padding: 0px 0px 5px 0px; margin: 0px 0px 8px -15px; border-bottom: 1px solid #cccccc; border-collapse: collapse; }


.headline1 { height: 50px; }
.headlineImg { float: left; margin-left: 0px; padding: 1px; background-color: none; border: 0px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px;}
.headlineTxt1 { float: left; padding: 18px 12px 0px 12px; font-size: 1.4em; color: #333333; letter-spacing: 0.15em; }
.headlineTxt2 { float: left; font-style: italic; padding: 18px 0px 0px 12px; font-size: 1.4em; color: #333333; letter-spacing: 0.1em; }
.headlineTxt3 { float: left; padding: 18px 12px 0px 12px; font-size: 1.15em; font-weight: bold; color: #333333; }
.headlineRight { float: right; padding: 5px 0px 0px 0px; font-size: 1.1em; color: #333333; line-height: 150%; }
.headlineSpacer { float: left; height: 28px; width: 3px; margin-top: 10px; border-left: 1px solid #333333; }
.headlineTxt1c { float: left; display: flex; justify-content: center; align-items: center; height: 50px; line-height: 120%; padding: 0px 0px 0px 12px; font-size: 1.4em; color: #333333; letter-spacing: 0.15em; max-width:370px; }
.headlineTxt2c { float: left; display: flex; justify-content: center; align-items: center; height: 50px; line-height: 120%; font-style: italic; padding: 0px 0px 0px 12px; font-size: 1.4em; color: #333333; letter-spacing: 0.04em; max-width: 560px; }
.headlineSpacerc { float: left; display: flex; justify-content: center; align-items: center; height: 28px; width: 3px; margin: 10px 0px 0px 10px; border-left: 1px solid #333333; }


.headline2 { height: 50px; padding: 3px 15px 0px 5px; background-color: #f8f8f8; border-bottom: 1px solid #eeeeee; }

.headline1a { height: 52px; }
.headlineTxt1a { clear: both; padding: 8px 0px 5px 12px; font-size: 1.4em; color: #333333; max-width: 450px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.headlineTxt2a { clear: both; font-style: italic; padding: 4px 0px 0px 12px; font-size: 1.25em; color: #333333; }


.headline4a { background-color: #f8f8f8; border-bottom: 1px solid #eeeeee; overflow: auto; }
.headline4b { float: left; width: 90%; padding: 10px 0px 10px 10px; font-size: 1.3em; color: #535353; text-transform: uppercase; line-height: 120%; }

.headline5 { overflow: hidden; clear: both; margin: 0px; padding: 0px; background-color: #f8f8f8; border: 0px; border-radius: 3px; }
.headlineTxt5 { float: left; padding: 20px; font-size: 1.4em; color: #333333; letter-spacing: 0.15em; text-transform: uppercase; }
.headlineRight5 { float: right; padding: 5px 20px 0px 0px; font-size: 1em; color: #333333; line-height: 120%; }

.headline6 { overflow: hidden; clear: both; margin: 0px; padding: 0px; background-color: #f8f8f8; border-bottom: 1px solid #eeeeee; }
.headlineTxt6 { float: left; padding: 10px; font-size: 1.3em; color: #333333; letter-spacing: 0.15em; line-height: 120%; max-width: 75%; text-transform: uppercase; }
.headlineRight6 { float: right; padding: 5px 0px 0px 0px; font-size: 1em; color: #333333; line-height: 120%; }

.firstLastArrow { float: left; width: 24px; margin: 12px 10px 0px 0px; }
.firstLastText { color: #717171; font-size: 0.9em; font-weight: normal; float: left; margin: 15px 20px 0px 0px; }

.clickImage { cursor: hand; cursor: pointer; padding-top: 5px; }

.spacerx {overflow: auto; clear: both; }
.spacerLine {overflow: auto; clear: both; height: 1px; border-top: 1px solid #cccccc; }
.spacerLine2 {overflow: auto; clear: both; height: 3px; border-top: 3px solid #cccccc; }

.chartToolTip { position: relative; z-index: 200; text-align: center; font-size: 1em; color: #535353; background-color:#ffffdd; padding:10px; border: 0px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px;}
.chartToolTip2 { font-size: 1em; color: #535353; background-color:#ffffdd; padding:10px; border: 0px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px;}

.muaSpacer { clear: both; border-top: 1px solid #aaaaaa; height: 2px; margin-top: 8px; } 
.contentHeadImg { float: left; }
.contentHeadText { float: left; text-align: center; width: 190px; color: #666666; font-size: 1.1em; padding: 2px 0px 0px 0px; text-transform: uppercase; letter-spacing: 0.04em;}
.contentHeadText2 { color: #666666; font-size: 1.1em; padding: 1px 0px 0px 0px; text-transform: uppercase; letter-spacing: 0.04em;}
.contentHeadImg2 { float: right; cursor: hand; cursor: pointer; }
.contentImg { float: left; padding: 4px 0px 4px 0px; cursor: hand; cursor: pointer; }
.contentImage { float: left; padding: 4px 0px 4px 0px; width: 30px; cursor: hand; cursor: pointer; }
.contentLine { color: 333333; width: 220px; float: left; font-size: 0.85em; height: 2.8em; overflow: hidden; padding: 4px 5px 0px 10px; }
.contentLine2 { color: 333333; font-size: 0.90em; overflow: hidden; padding: 6px 5px 0px 10px; margin-bottom: 5px; }
.orgInfoLeft { float: left; padding-left: 15px; font-size: 1.05em; color: #333333; line-height: 170%; }
.orgInfoLeft a { text-decoration: none; color: #288791; }
.orgInfoLeft a:hover { text-decoration: underline; color: #288791; }
.orgInfoRight{ float: right; font-size: 1.05em; color: #333333; padding-left: 40px; padding-right: 15px; line-height: 170%; }
.orgInfoRight a { text-decoration: none; color: #288791; }
.orgInfoRight a:hover { text-decoration: underline; color: #288791; }

.actlog1 { font-size: 1.05em; color: #333333; padding: 0px 10px 5px 10px; }
.actlog2{ font-size: 1.0em; color: #666666; padding: 0px 10px 10px 10px; line-height: 140%; }

.tier2dimm { color: #a1a1a1; font-style: italic; }


input, textArea, textarea, img, button, range, radioGroup, div { outline: 0;}
select, select:hover, select:focus, range:focus, range:hover { outline: 0; }
button:focus {outline: 0;}
img:focus {outline: 0;}
select:focus { outline: 0; }



input:focus, select:focus, textarea:focus, radioGroup:focus {
outline: 0; border: 1px solid #111111; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;
}

table {
border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
}

.tablePlain, .tableSmallPlain { 
 border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; -webkit-box-shadow: 0 0px 0px, 0px 0 0, 0px 0 0, 0 0px 0; -moz-box-shadow: 0 0px 0px, 0px 0 0, 0px 0 0, 0 0px 0; box-shadow: 0 0px 0px, 0px 0 0, 0px 0 0, 0 0px 0;
}
.tablePlain td {padding-right: 12px; } 


.tablePlain2 { border-collapse:collapse; border-spacing: 0px; border: 0px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; -webkit-box-shadow: 0 0px 0px, 0px 0 0, 0px 0 0, 0 0px 0; -moz-box-shadow: 0 0px 0px, 0px 0 0, 0px 0 0, 0 0px 0; box-shadow: 0 0px 0px, 0px 0 0, 0px 0 0, 0 0px 0; }
.tablePlain2 td {padding: 3px 3px 3px 15px; } 

.tablePlain4 { 
 border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; -webkit-box-shadow: 0 0px 0px, 0px 0 0, 0px 0 0, 0 0px 0; -moz-box-shadow: 0 0px 0px, 0px 0 0, 0px 0 0, 0 0px 0; box-shadow: 0 0px 0px, 0px 0 0, 0px 0 0, 0 0px 0;
 border-spacing: 0px; padding:0px; border:0px; 
}


.tdr1 { background-color: #f0f0f0; border-collapse:collapse; border-spacing: 0px; border: 1px solid #d1d1d1; font-size: 1em; font-weight: bold; height: 28px; }
.tdrx { background-color: #ffffff; border-collapse:collapse; border-spacing: 0px; border: 1px solid #d1d1d1; font-size: 1em; font-weight: normal; }
.tdrw { background-color: #ffffff; border-collapse:collapse; border-spacing: 0px; border: 0px; font-size: 1em; font-weight: normal; }

.tdright {text-align: right} 

.tableSmallPlain td {padding-right: 12px; color: #333333; font-size: 0.85em; line-height: 130%; font-weight: normal; text; text-transform: none; } 

.mapPopup { color: #535353; text-transform: uppercase; font-weight: bold; }
.mapPopup2 { color: #333333; text-transform: uppercase; font-size: 1em; font-weight: normal;}
 
.plist { margin-bottom:6px; }
 
.listChead {color: #333333; font-weight: bold; background-color: #f6f6f6; white-space: nowrap; line-height: 140%; padding: 7px 8px 7px 8px; font-size: 1em; border: 1px solid #d7d9dc; text-transform: none;} 
.listChead a {text-decoration: none; color: #333333; }
.listChead a:hover {text-decoration: none; color: #288791; }
.listChead tr:last-child td:first-child {border-radius: 0 0 0 4px;}
.listChead tr:last-child td:last-child {border-radius: 0 0 4px 0;}

.listCtext {color: #333333; font-weight: bold; font-size: 1em; text-transform: none; cursor: pointer; cursor:hand;} 
.listCtext {text-decoration: none; color: #333333; }
.listCtext a:hover {text-decoration: none; color: #288791; }


.listChead2 {color: #333333; font-weight: bold; text-align: center; background-color: #f6f6f6; padding: 7px 8px 7px 8px; font-size: 1em; border: 1px solid #d7d9dc; text-transform: none;} 
.listChead2 tr:last-child td:first-child {border-radius: 0 0 0 4px;}
.listChead2 tr:last-child td:last-child {border-radius: 0 0 4px 0;}
.listChead2 {color: #333333; font-weight: bold; text-align: center; background-color: #f6f6f6; padding: 7px 8px 7px 8px; font-size: 1em; border: 1px solid #d7d9dc; text-transform: none;} 

.listChead3 {color: #333333; text-align: center; background-color: #f6f6f6; margin: 0px; padding: 2px !important; border: 1px solid #d7d9dc; } 

.listCtable td {padding: 7px 8px 7px 8px; font-size: 1em; border: 1px solid #d7d9dc; } /* e7e9ec */
.listCtable a {text-decoration: none; color: #288791; } 
.listCtable a:hover {text-decoration: underline; color: #288791; } 
.listCtable tr:last-child td:first-child {border-radius: 0 0 0 4px;}
.listCtable tr:last-child td:last-child {border-radius: 0 0 4px 0;}

.listGtable td { padding: 7px 8px 7px 8px; font-size: 1em; border: 1px solid #d7d9dc; } /* e7e9ec */
.listGtable a { text-decoration: none; color: #288791; } 
.listGtable a:hover { text-decoration: underline; color: #288791; } 

.listEtable { padding: 5px 10px 5px 5px; font-size: 0.9em; color: #333333; border: 0px; line-height: 130%; border-collapse: collapse; } 
.listEUtable { padding: 5px 10px 5px 5px; font-size: 0.9em; vertical-align: top; white-space: nowrap; text-align: right; color: #333333; border: 0px; line-height: 130%; border-collapse: collapse; text-transform: uppercase } 
.listEHtable { padding: 10px 10px 10px 5px; font-size: 1.3em; color: #333333; border: 0px; line-height: 130%; border-collapse: collapse; text-transform: uppercase } 

.rowOdd {background-color: #ffffff; line-height: 135%; }
.rowEven {background-color: #f6f6f6; line-height: 135%; }

.rowTrans {background-color: transparent; line-height: 135%; }

.moveBarOuter { clear: both; height: 35px; padding: 10px 0; margin: 0px 0px 0px 0px; background-color: #fff; border: 0px solid #9fb3bb; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); }
.moveBarLeft { float: left; margin: 8px 0px 0px 15px; text-decoration: none; font-style: normal; font-size: 1em; color: #333333; }
.moveBarLeft a { text-decoration: none; color: #333333; }
.moveBarRight { float: right; margin: 5px 15px 0px 0px; text-align: right; font-style: normal; font-size: 1em; color: #333333; }


.tabsel1 { float: left; margin-left: -1px; padding: 9px; color: 333333; font-size: 1em; background-color: #ffffff; border-top: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; border-bottom: 1px solid #ffffff; border-top-right-radius: 7px; border-top-left-radius: 7px; } 
.tabsel { float: left; margin: 0px; padding: 9px; color: 333333; font-size: 1em; background-color: #ffffff; border-top: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; border-bottom: 1px solid #ffffff; border-top-right-radius: 7px; border-top-left-radius: 7px; } 
.tabunsel{ cursor: pointer; cursor: hand; float: left; margin: 0px; padding: 9px; color: 333333; font-size: 1em; background-color: #f6f6f6; border: 1px solid #d1d1d1; border-top-right-radius: 7px; border-top-left-radius: 7px; }
.tabunsel:hover { color: #ffffff; background-color: #288791; text-decoration: none; }
.tabgreyed { float: left; margin: 0px; padding: 9px; color: #c0c0c0; font-size: 1em; background-color: #f6f6f6; border: 1px solid #d1d1d1; border-top-right-radius: 7px; border-top-left-radius: 7px; }
.tabbox { overflow: hidden; clear: both; margin: 0px 10px 0px 0px; padding: 10px; color: 333333; font-size: 1em; background-color: #ffffff; border: 0px; border-top-left-radius: 0px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;-webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; box-shadow: 0px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12) }
.tabbox1 { overflow: hidden; clear: both; margin: 0px 0px 0px 0px; padding: 10px; color: 333333; font-size: 1em; background-color: #ffffff; border: 0px; border-top-left-radius: 0px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;-webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; box-shadow: 0px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12) }


.tabsel1icon { float: left; margin-left: -1px; padding: 6px 9px 7px 9px; color: 333333; font-size: 1em; background-color: #ffffff; border-top: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; border-bottom: 1px solid #ffffff; border-top-right-radius: 7px; border-top-left-radius: 7px; } 
.tabselicon { float: left; margin: 0px; padding: 6px 9px 7px 9px; color: 333333; font-size: 1em; background-color: #ffffff; border-top: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; border-bottom: 1px solid #ffffff; border-top-right-radius: 7px; border-top-left-radius: 7px; } 
.tabunselicon{ cursor: pointer; cursor: hand; float: left; margin: 0px; padding: 6px 9px 7px 9px; color: 333333; font-size: 1em; background-color: #f6f6f6; border: 1px solid #d1d1d1; border-top-right-radius: 7px; border-top-left-radius: 7px; }
.tabunselicon:hover { color: #ffffff; background-color: #288791; text-decoration: none; }
.tabgreyedicon { float: left; margin: 0px; padding: 6px 9px 7px 9px; color: #c0c0c0; font-size: 1em; background-color: #f6f6f6; border: 1px solid #d1d1d1; border-top-right-radius: 7px; border-top-left-radius: 7px; }



.boxDiv { overflow: visible; clear: both; margin: 0px 0px 10px 0px; padding: 10px; color: 333333; font-size: 1em; background-color: #ffffff; border: 0px; border-radius: 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12)}
.boxDivVis { overflow: visible; clear: both; margin: 0px 0px 10px 0px; padding: 10px; color: 333333; font-size: 1em; background-color: #ffffff; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; box-shadow: 0px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12)}

.iframeBorder { padding: 50px; background-color: #ffffff; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; box-shadow: 0px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12)}

.boxDiv2 { overflow: visible; clear: both; margin: 0px 0px 10px 0px; padding: 10px; color: 333333; font-size: 1em; background-color: #ffffff; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; box-shadow: 0px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12)}
.boxDiv3 { overflow: visible; clear: both; margin: 0px 0px 10px 0px; padding: 0px; background-color: #ffffff; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; box-shadow: 0px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12)}



.commandLine { overflow: auto; margin: 10px 0px 0px 0px; padding: 8px 15px 8px 0px; background-color: #ffffff; border: 0px solid #9fb3bb; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; box-shadow: 0px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12)}
.commandLineA { overflow: auto; margin: 0px; padding: 2px 15px 2px 0px; background-color: #f3f3f3; border: 0px solid #9fb3bb; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; box-shadow: 0px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12)}

.valCircle { float: left; font-size: 11px; color: #ffffff; padding-top:4px; height: 20px; width: 24px; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; } 

.stdButton {float: left; margin: 8px 0px 8px 15px; padding: 10px 10px 10px 10px; min-width: 50px; font-size: 0.85em; color: #333333; text-decoration: none; font-weight: bold; cursor: hand; cursor: pointer; background-color: #a9cfd3; text-align: center; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.stdButton:hover { color: #ffffff; background-color: #288791; text-decoration: none; }

.stdButtonGrey {float: left; margin: 8px 0px 8px 15px; padding: 10px 10px 10px 10px; min-width: 50px; font-size: 0.85em; color: #a1a1a1; text-decoration: none; font-weight: bold; background-color: #d1d1d1; text-align: center; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}


.stdButtonInv {float: left; margin: 8px 0px 8px 15px; padding: 10px 10px 10px 10px; font-size: 1em; color: #ffffff; text-decoration: none; font-weight: normal; cursor: hand; cursor: pointer; background-color: #288791; text-align: center; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.stdButtonInv:hover { color: #333333; background-color: #a9cfd3; text-decoration: none; }

.fileButton {float: left; margin: 8px 0px 8px 15px; padding: 8px 10px 10px 10px; font-size: 0.85em; color: #333333; text-decoration: none; font-weight: bold; cursor: hand; cursor: pointer; background-color: #a9cfd3; text-align: center; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.fileButton:hover { color: #ffffff; background-color: #288791; text-decoration: none; }

.smallButton {float: left; margin: 1px 10px 1px 0px; padding: 2px 10px 2px 10px; font-size: 0.85em; color: #333333; text-decoration: none; font-weight: bold; cursor: hand; cursor: pointer; background-color: #a9cfd3; text-align: center; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.smallButton:hover { color: #ffffff; background-color: #288791; text-decoration: none; }

.smallButton1 { margin: 0px; padding: 1px 5px 1px 5px; font-size: 0.8em; color: #333333; text-decoration: none; font-weight: normal; cursor: hand; cursor: pointer; background-color: #a9cfd3; text-align: center; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.smallButton1:hover { color: #ffffff; background-color: #288791; text-decoration: none; }



.fileUpButton { margin-top: -2px; padding: 2px 8px 2px 8px; font-size: 1em; color: #333333; text-decoration: none; font-weight: normal; cursor: hand; cursor: pointer; background-color: #a9cfd3; text-align: center; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.fileUpButton:hover { color: #ffffff; background-color: #288791; text-decoration: none; }
.fileUpButtong { margin-top: -2px; padding: 2px 8px 2px 8px; font-size: 1em; color: #999999; font-weight: normal; background-color: #cccccc; text-align: center; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}


.muaButton {float: left; margin: 1px 0px 10px 10px; padding: 3px 10px 3px 10px; font-size: 0.85em; color: #333333; text-decoration: none; font-weight: bold; cursor: hand; cursor: pointer; background-color: #a9cfd3; text-align: center; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.muaButton:hover { color: #ffffff; background-color: #288791; text-decoration: none; }

.muaButtonGrey {float: left; margin: 1px 0px 10px 10px; padding: 3px 10px 3px 10px; font-size: 0.85em; color: #939393; font-weight: bold; text-decoration: none; background-color: #dddddd; text-align: center; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}

.muaButtonSelected {float: left; margin: 1px 0px 10px 10px; padding: 2px 10px 3px 10px; font-size: 0.85em; color: #ffffff; text-decoration: none; font-weight: bold; cursor: hand; cursor: pointer; background-color: #288791; text-align: center; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.muaButtonSelected:hover { color: #ffffff; background-color: #288791; text-decoration: none; }

.muaButtonSelected2 {float: left; margin: 1px 0px 10px 10px; padding: 2px 10px 3px 10px; font-size: 0.85em; color: #ffffff; text-decoration: none; font-weight: bold; cursor: hand; cursor: pointer; background-color: #0f4155; text-align: center; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.muaButtonSelected2:hover { color: #ffffff; background-color: #0f4155; text-decoration: none; }

.muaButtonGrey2 {float: left; margin: 1px 0px 10px 10px; padding: 3px 10px 3px 10px; font-size: 0.85em; color: #ffffff; font-weight: bold; cursor: pointer; text-decoration: none; background-color: #919191; text-align: center; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.muaButtonGrey2:hover { color: #ffffff; background-color: #288791; text-decoration: none; }

.taskMove {float: left; height: 20px; margin: 1px 0px 1px 4px; padding: 2px 6px 0px 6px; font-size: 0.85em; color: #333333; text-decoration: none; font-weight: bold; cursor: hand; cursor: pointer; background-color: #a9cfd3; text-align: center; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.taskMove:hover { color: #ffffff; background-color: #288791; text-decoration: none; }

.taskSpan {float: left; height: 19px; min-width: 43px; margin: 1px 0px 1px 3px; padding: 3px 6px 0px 6px; font-size: 0.85em; color: #333333; text-decoration: none; font-weight: bold; cursor: hand; cursor: pointer; background-color: #eeeeee; text-align: center; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.taskSpan:hover { color: #ffffff; background-color: #288791; text-decoration: none; }
.taskSpanGreyed {float: left; height: 19px; min-width: 43px; margin: 1px 0px 1px 3px; padding: 3px 6px 0px 6px; font-size: 0.85em; color: #acacac; text-decoration: none; font-weight: bold; background-color: #eeeeee; text-align: center; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}

.taskSpanSel {float: left; height: 19px; min-width: 43px; margin: 1px 0px 1px 3px; padding: 3px 6px 0px 6px; font-size: 0.85em; color: #333333; text-decoration: none; font-weight: bold; cursor: hand; cursor: pointer; background-color: #a9cfd3; text-align: center; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.taskSpanSel:hover { color: #ffffff; background-color: #288791; text-decoration: none; }

.optionHeadline { font-size: 1.15em; color: #000000; font-weight: normal; text-transform: uppercase; letter-spacing: 0.15em; margin-bottom: 10px; padding: 0px 0px 8px 0px; width: 100%; border-bottom: 1px solid #cccccc;}

.optionButton {float: left; margin: 1px 0px 1px 15px; width: 82px; padding: 3px 10px 3px 10px; font-size: 0.85em; color: #333; text-decoration: none; font-weight: bold; cursor: hand; cursor: pointer; background-color: #a9cfd3; text-align: center; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.optionButton:hover { color: #ffffff; background-color: #288791; text-decoration: none; }

.optionButtonSelected {float: left; margin: 1px 0px 1px 15px; width: 82px; padding: 3px 10px 3px 10px; font-size: 0.85em; color: #ffffff; text-decoration: none; font-weight: bold; cursor: hand; cursor: pointer; background-color: #288791; text-align: center; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.optionButtonSelected:hover { color: #ffffff; background-color: #288791; text-decoration: none; }

.optionButtonGrey {float: left; margin: 1px 0px 1px 20px; width: 70px; padding: 3px 10px 3px 10px; font-size: 0.85em; color: #939393; text-decoration: none; font-weight: bold; background-color: #dddddd; text-align: center; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}

.dashButton {float: left; margin: 1px 0px 10px 0px; padding: 7px 6px 7px 6px; font-size: 0.85em; color: #333; text-decoration: none; font-weight: bold; cursor: hand; cursor: pointer; background-color: #a9cfd3; text-align: center; border: 0px; border-right: 1px solid #539fa7; border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -o-border-radius: 3px 0px 0px 3px;}
.dashButton:hover { color: #ffffff; background-color: #288791; text-decoration: none; }
.dashButtonSelected {float: left; margin: 1px 0px 10px 0px; padding: 7px 7px 7px 7px; font-size: 0.85em; color: #ffffff; text-decoration: none; font-weight: bold; cursor: hand; cursor: pointer; background-color: #288791; text-align: center; border: 0px; border-right: 1px solid #ffffff; border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -o-border-radius: 3px 0px 0px 3px;}
.dashButtonSelected:hover { color: #ffffff; background-color: #288791; text-decoration: none; }

.dashButtona {float: left; margin: 1px 10px 10px 0px; padding: 7px; font-size: 0.85em; color: #333; text-decoration: none; font-weight: bold; cursor: hand; cursor: pointer; background-color: #a9cfd3; text-align: center; border: 0px; border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; -o-border-radius: 0px 3px 3px 0px; }
.dashButtona:hover { color: #ffffff; background-color: #288791; text-decoration: none; }
.dashButtonaSelected {float: left; margin: 1px 10px 10px 0px; padding: 7px 6px 7px 6px; font-size: 0.85em; color: #ffffff; text-decoration: none; font-weight: bold; cursor: hand; cursor: pointer; background-color: #288791; text-align: center; border: 0px; border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; -o-border-radius: 0px 3px 3px 0px; }
.dashButtonaSelected:hover { color: #ffffff; background-color: #086771; text-decoration: none; }

.dashdiv { position: absolute; z-index: 39; display: none; overflow-y: auto; max-height: 400px; left: 10px; top: 31px; width: 200px; background: #0f4155; border-top: 1px solid #ffffff; } 
.dashfont { border-bottom: 1px solid #ffffff; font-size: 0.95em; color: #ffffff; padding: 8px 0px 8px 10px; cursor: hand; cursor: pointer;}
.dashfontSel { border-bottom: 1px solid #ffffff; font-size: 0.95em; background: #288791; color: #ffffff; padding: 8px 0px 8px 10px; }
.dashfont a, .dashfont a:hover { color: #ffffff; text-decoration: none; } 
.dashfontSel a, .dashfontSel a:hover { color: #ffffff; text-decoration: none; } 

.dashdivG { position: absolute; z-index: 39; display: none; overflow-y: auto; max-height: 400px; left: 10px; top: 31px; margin:5px 0px 0px -240px; width:350px; background: #0f4155; border-top: 1px solid #ffffff; } 
.dashfontG { border-bottom: 1px solid #ffffff; font-size: 0.90em; color: #ffffff; padding: 8px 10px 8px 10px; text-align:right;  cursor: hand; cursor: pointer;}
.dashfontSelG { border-bottom: 1px solid #ffffff; font-size: 0.90em; background: #288791; color: #ffffff; padding: 8px 10px 8px 10px;  text-align:right;  }
.dashfontG a, .dashfont a:hover { color: #ffffff; text-decoration: none; } 
.dashfontSelG a, .dashfontSel a:hover { color: #ffffff; text-decoration: none; } 



.addTaskButton { float: left; height:17px; margin: 0px; padding: 2px 5px 0px 7px; font-size: 0.8em; color: #333; text-decoration: none; font-weight: normal; cursor: hand; cursor: pointer; background-color: #a9cfd3; text-align: center; border: 0px; border-right: 1px solid #6f8d99; border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -o-border-radius: 3px 0px 0px 3px;}
.addTaskButton:hover { color: #ffffff; background-color: #288791; text-decoration: none; }

.addTaskButtona {float: left; height:18px;  margin: 0px; padding: 1px 6px 0px 4px; text-decoration: none; cursor: hand; cursor: pointer; background-color: #a9cfd3; text-align: center; border: 0px; border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; -o-border-radius: 0px 3px 3px 0px; }
.addTaskButtona:hover { color: #ffffff; background-color: #288791; text-decoration: none; }

.addTaskButtonb { float: left; height:17px; margin: 0px; padding: 2px 7px 0px 7px; font-size: 0.8em; color: #333; text-decoration: none; font-weight: normal; cursor: hand; cursor: pointer; background-color: #a9cfd3; text-align: center; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.addTaskButtonb:hover { color: #ffffff; background-color: #288791; text-decoration: none; }


.addTaskdiv { position: absolute; left: 5px; top: 19px; width:125px;  background: #0f4155; border-top: 1px solid #ffffff; } 
.addTaskfont { border-bottom: 1px solid #ffffff; font-size: 0.8em; color: #ffffff; padding: 6px 0px 6px 10px; cursor: hand; cursor: pointer;}
.addTaskfont a, .addTaskfont a:hover { color: #ffffff; text-decoration: none; } 
.


.smallGreyButton {float: left; margin: 1px 0px 1px 0px; padding: 2px 10px 2px 10px; font-size: 0.85em; color: #333; text-decoration: none; font-weight: bold; cursor: hand; cursor: pointer; background-color: #d1d1d1; text-align: center; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}

.imgButton1 { cursor: hand; cursor: pointer; background-color: #ffffff;}
.imgButton1:hover { background-color: #b7e1d5; text-decoration: none; }

 
.imgButton2 { padding:2px; cursor: hand; cursor: pointer; background-color: #a9cfd3; text-align: center; border: 0px solid #999999; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.imgButton2:hover { background-color: #288791; text-decoration: none; }


.cmdButton {float: left; margin: 5px 0px 5px 15px; padding: 6px 10px 2px 4px; font-size: 0.85em; color: #333333; text-decoration: none; font-weight: bold; cursor: hand; cursor: pointer; background-color: #a9cfd3; text-align: center; border: 0px solid #999999; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.cmdButton:hover {color: #ffffff; background-color: #288791; text-decoration: none; }
.cmdImg { border: 0px; height: 24px; width: 24px; vertical-align: middle; padding: 0px 7px 4px 3px; }

.cmdButtonSelected {float: left; margin: 5px 0px 5px 15px; padding: 6px 10px 2px 4px; font-size: 0.85em; color: #ffffff; text-decoration: none; font-weight: bold; cursor: hand; cursor: pointer; background-color:#288791; text-align: center; border: 0px solid #999999; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.cmdButtonSelected:hover {color: #ffffff; background-color: #a9cfd3; text-decoration: none; }

.cmdButtonGreyed {float: left; margin: 5px 0px 5px 15px; padding: 6px 10px 2px 4px; font-size: 0.85em; color: #939393; text-decoration: none; font-weight: bold; background-color: #dddddd; text-align: center; border: 0px solid #999999; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.cmdButton2Greyed {float: left; margin: 5px 0px 5px 15px; padding: 6px 10px 4px 4px; font-size: 0.85em; color: #939393; text-decoration: none; font-weight: bold; background-color: #dddddd; text-align: center; border: 1px solid #d1d1d1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.cmdButton3Greyed {float: left; margin: -2px 0px 0px 0px; padding: 2px 2px 0px 3px; background-color: #dddddd; text-align: center; border: 1px solid #d1d1d1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}


.cmdButtonSmall {float: left; margin: 1px 0px 2px 15px; padding: 5px 10px 4px 2px; font-size: 0.85em; color: #333333; text-decoration: none; font-weight: bold; cursor: hand; cursor: pointer; background-color: #a9cfd3; text-align: center; border: 0px solid #999999; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.cmdButtonSmall:hover {color: #ffffff; background-color: #288791; text-decoration: none; }
.cmdImgSmall { border: 0px; height: 18px; width: 18px; vertical-align: middle; padding: 0px 4px 0px 3px; }
.cmdImgSmall16 { border: 0px; height: 16px; width: 16px; vertical-align: middle; padding: 0px 6px 0px 5px; }

.cmdButtonGreySmall {float: left; margin: 2px 0px 2px 15px; padding: 4px 10px 3px 2px; font-size: 0.85em; color: #939393; text-decoration: none; font-weight: bold; cursor: hand; cursor: pointer; background-color: #dddddd; text-align: center; border: 0px solid #999999; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}

.cmdYellowButton { padding: 4px 10px 4px 10px; font-size: 0.9em; color: #333333; text-decoration: none; font-weight: bold; cursor: hand; cursor: pointer; background-color: #fdd07b; text-align: center; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.cmdYellowButton:hover {color: #ffffff; background-color: #fcb123; text-decoration: none; }



.cmdIcon {
float: left; margin: 5px 5px 5px 15px; padding: 6px 16px 6px 6px; font-size: 0.9em; color: #333333; text-decoration: none; font-weight: bold;
cursor: hand; cursor: pointer; background-color: #a9cfd3; text-align: center; border: 0px solid #999999; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }
.cmdIcon a {text-decoration: none; color: #ffffff; }
.cmdIcon:hover { color: #fff8f0; background-color: #288791; text-decoration: none; }

.imageButton { padding: 4px 4px 8px 4px; border: 0px; background-color: #a9cfd3; text-decoration: none; border: 0px solid #999999; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; }
.imageButton a { text-decoration: none; }
.imageButton:hover { text-decoration: none; background-color: #288791; }

.imageButton2 { padding: 2px 4px 6px 4px; border: 0px; background-color: #a9cfd3; text-decoration: none; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; }
.imageButton3 { padding: 1px 3px 4px 4px; border: 0px; background-color: #a9cfd3; text-decoration: none; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; }
.imageButton2 a, .imageButton3 a { text-decoration: none; }
.imageButton2:hover, .imageButton3:hover { text-decoration: none; background-color: #288791; }


.imageButton3Y { padding: 1px 3px 4px 4px; border: 0px; background-color: #fdd07b; text-decoration: none; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; }
.imageButton3Y a { text-decoration: none; }
.imageButton3Y:hover { text-decoration: none; background-color: #fcb123; }



.mapBox { border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; box-shadow: 0px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); }

.clearFilter { float: right; overflow: auto; padding: 5px 15px 0px 0px; cursor: pointer; cursor: hand; font-size: 1em; text-decoration: none; color: #288791; font-weight: normal; }
.clearFilter:hover { color: #0f4155; }


.readOnlyWarn {
clear: both;
background-color: #ffffff; text-decoration: none; font-style: bold; font-size: 1.1em; color: #fcb123; text-transform: uppercase; letter-spacing: 0.05em;
padding: 10px 0px 10px 15px; margin: 10px 0px 0px 0px; border: 0px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;
}

.OKboxStyle {
float: left; overflow: auto;
text-decoration: none; font-style: bold; font-size: 1em; color: #47af79; text-align: center;
margin: 5px 10px 0px 15px; padding: 11px 10px 11px 10px; border: 0px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;
}

.OKboxStyleSmall {
float: left; overflow: auto;
background-color: #ffffff; text-decoration: none; font-style: bold; font-size: 1em; color: #47af79; text-align: center;
margin: 5px 10px 0px 0px; padding: 2px 10px 4px 10px; border: 0px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;
}

.errBoxStyle {
clear: both; overflow: auto;
background-color: #f85142; text-decoration: none; font-style: normal; font-size: 1em; color: #ffffff; text-align: left; line-height: 140%;
margin: 10px 0px 0px 0px; padding: 8px; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; box-shadow: 0px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); 
}


.hideInput { width: 0.1px;	height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }


.warningInfo {
clear: both; overflow: auto;
background-color: #ddbc04; text-decoration: none; font-style: bold; font-size: 1em; color: #ffffff; text-align: left; line-height: 120%;
margin: 10px 0px 0px 0px; padding: 8px; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; box-shadow: 0px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); 
}

.tierInfo {
clear: both; overflow: auto; text-transform: uppercase; letter-spacing: 0.05em;
background-color: #ffffff; text-decoration: none; font-style: bold; font-size: 1.25em; color: #333333; text-align: left; line-height: 120%;
margin: 10px 0px 1px 0px; padding: 15px; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; box-shadow: 0px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); 
}

.tierInfoDetail {
clear: both; overflow: auto; 
background-color: #ffffff; text-decoration: none; font-style: bold; font-size: 0.95em; color: #333333; text-align: left; line-height: 130%;
margin: 1px 0px 0px 0px; padding: 2px 10px 2px 10px; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; box-shadow: 0px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); 
}


.singleFieldBox { margin-right: 0px; }
.fieldColumnStart { float: left;}
.nextFieldColumn { float: left; width: 10px; } 
.fieldBox { clear: both; overflow: hidden; border: 0px solid #6f8d99; background-color: #ffffff; padding: 0px 0px 5px 0px; margin: 10px 0px 0px 0px; border-collapse: collapse; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; box-shadow: 0px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); }
.fieldBox3 { clear: both; overflow: visible; border: 0px solid #6f8d99; background-color: #ffffff; padding: 0px 0px 5px 0px; margin: 10px 0px 0px 0px; border-collapse: collapse; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; box-shadow: 0px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); }
.fieldBoxHeader {color: #666666; font-size: 1.4em; background-color: #f6f6f6; margin: 0px 0px 15px 0px; padding: 18px; border-bottom: 1px solid #e7e9ec; text-transform: uppercase; letter-spacing: 0.1em; overflow: hidden;}
.fieldBoxHeader2 {color: #333333; font-size: 1.4em; background-color: #f0f0f0; margin: 0px 0px 15px 0px; padding: 18px; border: 0px; text-transform: uppercase; letter-spacing: 0.1em; overflow: hidden;}

.fieldBoxA { clear: both; overflow: auto; background-color: #ffffff; margin: 0px; padding: 0px; border-radius: 3px 3px 0px 0px; box-shadow: 0px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12); }
.fieldBoxB { clear: both; width: 100%; border-bottom: 1px solid #e7e9ec; overflow: auto; background-color: #f6f6f6; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.fieldBoxC { float: left; color: #333333; padding: 20px 0px 20px 15px; font-size: 1.4em; text-transform: uppercase; letter-spacing: 0.1em; }
.fieldBoxD { float: right; color: #333333; padding: 20px 15px 0px 0px; font-size: 1em; }
.fieldBoxE { clear: both; padding: 0px 15px 15px 15px; }


.multiLabelSelect { font-size: 1em; color: #535353; padding: 0px 0px 10px 0px; font-weight: bold; } 
.multiLabelSelectGrey { font-size: 1em; color: #999999; padding: 0px 0px 10px 0px; font-weight: bold; } 
.multiLabelSmallSelect { font-size: 1em; color: #535353; padding: 0px 0px 10px 0px; font-weight: bold; } 
.multiLabelSmallSelectGrey { font-size: 1em; color: #c3c3c3; padding: 0px 0px 10px 0px; font-weight: bold; } 
.multiSelect { clear: right; float: left; height: 17px; font-size: 0.9em; color: #333333; width: 200px; padding: 6px 0px 0px 5px; line-height: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} 
.multiSelect2 { clear: right; float: left; height: 17px; font-size: 0.9em; color: #333333; width: 350px; padding: 6px 0px 0px 5px; line-height: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} 
.multiSelect3 { clear: right; float: left; height: 17px; font-size: 0.9em; color: #333333; width: 370px; padding: 6px 0px 0px 5px; line-height: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} 
.multiSelectRO { font-size: 0.95em; color: #333333; padding: 0px 0px 3px 0px; } 
.multiChkDiv { float: left; clear: left; height: 17px; }
.multiWidth { width: 462px; height: 2px; }


.chkbox { height: 16px; width: 16px; background-color: #ffffff; border: 1px solid #333333; }
.chkbox2 { height: 16px; width: 16px; background-color: #ffffff; border: 1px solid #333333; }

.calImg, .calImg a, .calImg a:hover { border: 0px; cursor: pointer; cursor: hand; vertical-align: middle; padding-left: 8px; }

/* 1: Label + data on same line 2: Label + data on 2 lines */

.fieldPair1 { width: 462px; margin: 0px 0px 10px 0px; }
.fieldPair3 { margin: 0px 0px 5px 0px; } /* for less wide 2 column */
.fieldPair2 { margin: 0px 0px 10px 0px; } 


.fieldLabel0 { margin: 0px; padding: 0px 4px 4px 0px; font-size: 0.95em; color: #333333; }
.fieldLabel1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; width: 160px; height: 24px; line-height: 24px; text-align: right; padding: 0px 6px 0px 10px; font-size: 1em; color: #333333; }
.fieldLabel3 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; width: 160px; height: 24px; line-height: 24px; text-align: right; padding: 0px 6px 0px 0px; font-size: 1em; color: #333333; }
.fieldLabel2 { overflow: auto; text-overflow: ellipsis; margin: 0px; padding: 0px 0px 2px 0px; font-size: 1em; color: #333333; }
.fieldLabelR { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; width: 170px; height: 24px; line-height: 24px; text-align: right; padding: 0px 6px 0px 0px; font-size: 1em; color: #333333; }
.fieldLabelL { float: left; width: 240px; height: auto; line-height: 125%; text-align: left; margin: 2px 0px 8px 0px; padding: 3px 6px 5px 10px; font-size: 1em; color: #333333; background-color: #e7e9ec; border: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }

.fieldLabel1wide, .fieldLabel3wide { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; width: 250px; height: 24px; line-height: 24px; text-align: right; padding: 1px 6px 0px 0px; font-size: 1em; color: #333333; }
.fieldLabel2wide { overflow: auto; text-overflow: ellipsis; margin: 0px; padding: 0px 0px 2px 5px; font-size: 1em; color: #333333; }


.intField {  margin: 0px; padding: 2px 5px 2px 6px; vertical-align: middle;
font-size: 1em; color: #333333; background-color: #ffffff; font-weight: normal;
border: 1px solid #d1d1d1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }

.intFieldRo {  margin: 0px; padding: 2px 5px 2px 6px; vertical-align: middle; text-align:right;
font-size: 0.9em; color: #333333; background-color: #dedede; font-weight: normal;
border: 1px solid #939393; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }


.roData { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 240px; height: 24px; line-height: 24px; padding-left: 6px; font-size: 1em; color: #777777; background-color: #fafafa; border: 1px solid #d1d1d1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }
.roData2 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 24px; line-height: 24px; padding-left: 6px; font-size: 1em; color: #777777; background-color: #fafafa; border: 1px solid #d1d1d1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }
.roData3 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 24px; line-height: 24px; padding: 0px 22px 0px 6px; font-size: 1em; color: #777777; background-color: #fafafa; border: 1px solid #d1d1d1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }
.roData9 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 24px; line-height: 24px; padding: 0px 6px 0px 6px; font-size: 0.95em; color: #111111; }



.search { height: 24px; margin: 0px; padding: 0px 0px 0px 6px; vertical-align: middle; width: 130px; 
font-size: 1em; color: #333333; background-color: #ffffff; font-weight: normal;
border: 1px solid #e7e9ec; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }

.dataField { height: 24px; margin: 0px; padding: 0px 0px 0px 6px; vertical-align: middle;
font-size: 1em; color: #333333; background-color: #ffffff; font-weight: normal;
border: 1px solid #e7e9ec; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }

.dataFieldGrey { height: 24px; padding: 0px 0px 0px 6px; vertical-align: middle;
font-size: 1em; color: #c0c0c0; background-color: #ffffff; font-weight: normal;
border: 1px solid #e7e9ec; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }

.dataField2 { height: 24px; margin: 0px; padding: 0px 0px 0px 6px; vertical-align: middle;
font-size: 1em; color: #333333; background-color: #f6f6f6; font-weight: normal;
border: 1px solid #e0e2e5; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }

.dataHead1 { height: 30px; margin: 0px; padding: 0px 0px 0px 6px; vertical-align: middle;
font-size: 1.8em; color: #333333; font-weight: bold; background-color: #ffffff; 
border: 1px solid #e7e9ec; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }

.dataHead2 { height: 26px; margin: 0px; padding: 0px 0px 0px 6px; vertical-align: middle;
font-size: 1.1em; color: #333333; font-weight: bold; background-color: #ffffff; 
border: 1px solid #e7e9ec; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }


.dataFieldMulti { margin: 0px; padding: 0px 0px 0px 6px; vertical-align: middle;
font-size: 1em; color: #333333; background-color: #ffffff; font-weight: normal;
border: 1px solid #e7e9ec; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }

.dataFieldMemo { margin: 0px; font-size: 1em; color: #333333; font-family: "Noto Sans", Arial; line-height: 120%; background-color: #ffffff; font-weight: normal; padding: 6px; border: 1px solid #e7e9ec; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }

.fieldLabelMemo1 { overflow: hidden; text-overflow: ellipsis; float: left; width: 170px; height: 24px; line-height: 24px; text-align: right; padding: 1px 6px 0px 0px; font-size: 1em; color: #333333; }
.fieldLabelMemo2 { overflow: hidden; text-overflow: ellipsis; margin: 0px; padding: 0px 0px 2px 5px; font-size: 1em; color: #333333 }
.dataMemo1, .dataMemo3 { width: 232px; margin: 0px; font-size: 1em; color: #333333; font-family: "Noto Sans", Arial; line-height: 120%; background-color: #ffffff; font-weight: normal; padding: 6px; border: 1px solid #e7e9ec; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }
.dataMemo2 { width: 232px; margin: 0px; font-size: 1em; color: #333333; font-family: "Noto Sans", Arial; line-height: 120%; background-color: #ffffff; font-weight: normal; padding: 6px; border: 1px solid #e7e9ec; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }
.dataRoMemo1, .dataRoMemo3 { width: 232px; margin-left: 0px; font-size: 1em; font-family: "Noto Sans", Arial; color: #333333; line-height: 120%; background-color: #f6f6f6; font-weight: normal; padding: 6px; border: 1px solid #e7e9ec; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }
.dataRoMemo2 { width: 232px; font-size: 1em; color: #333333; font-family: "Noto Sans", Arial; line-height: 120%; background-color: #f6f6f6; font-weight: normal; padding: 6px; border: 1px solid #e7e9ec; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }

.wideFieldLabelMemo { overflow: auto; text-overflow: ellipsis; margin: 0px 0px 0px 15px; padding: 0px 0px 2px 10px; font-size: 0.95em; color: #333333; }
.wideDataMemo { width: 385px; margin: 0px 15px 0px 0px; font-size: 1em; color: #333333; font-family: "Noto Sans", Arial; line-height: 120%; background-color: #ffffff; font-weight: normal; padding: 6px; border: 1px solid #e7e9ec; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }
.wideDataRoMemo { width: 385px; margin: 0px 15px 10px 15px; font-size: 1em; font-family: "Noto Sans", Arial; color: #333333; line-height: 120%; background-color: #f6f6f6; font-weight: normal; padding: 6px; border: 1px solid #e7e9ec; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }


.movebar { font-size: 1em; color: #0a5b7a; font-weight: normal; font-family: "Noto Sans", Arial;}
.movebar a { font-size: 1em; text-decoration: none; color: #1a9baa; font-weight: normal; font-family: "Noto Sans", Arial; }
.movebar a:hover { font-size: 1em; text-decoration: none; color: #0a5b7a; font-weight: normal; font-family: "Noto Sans", Arial;}
td.movebar { vertical-align: middle; }
tr.movebar { height: 32px; }


.blueBullet { height:16px; width: 16px; background-color: #4396ba; margin: 0px 15px 0px 0px; border: 0px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; }
.redBullet { height:16px; width: 16px; background-color: #d15554; margin: 0px 15px 0px 0px; border: 0px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; }
.yellowBullet { height:16px; width: 16px; background-color: #e6b327; margin: 0px 15px 0px 0px; border: 0px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; }
.greenBullet { height:16px; width: 16px; background-color: #92cc5c; margin: 0px 15px 0px 0px; border: 0px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; }
.greyBullet { height:16px; width: 16px; background-color: #d1d1d1; margin: 0px 15px 0px 0px; border: 0px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; }

.noUser {font-size: 1.05 em; color: #f04132; font-weight: normal; font-style: italic;} 
.normal	 { font-size: 1em; color: #333333; font-weight: normal; line-height: 130%; }
.normal2	 { font-size: 1em; color: #333333; font-weight: normal;}
.bold 	 { font-size: 1em; color: #333333; font-weight: bold }
.bold2 	 { font-size: 1em; color: #535353; font-weight: bold }
.small	 { font-size: 0.9em; color: #333333; font-weight: normal }
.smallbold 	 { font-size: 0.9em; color: #333333; font-weight: bold }
.verySmall { font-size: 0.7em; color: #333333; font-weight: normal } 
.smallGrey { font-size: 0.8em; color: #8e8e8e; font-weight: normal }
.smallGrey2 { font-size: 0.9em; color: #8e8e8e; font-weight: normal }
.smallLightGrey { font-size: 0.8em; color: #a3a3a3; font-weight: normal }
.grey { font-size: 0.9em; color: #999999; font-weight: normal }
.grey2 { font-size: 1em; color: #999999; font-weight: normal }
.veryBig { font-size: 1.8em; color: #333333; font-weight: normal }
.big1	 { font-size: 1.15em; color: #333333; font-weight: normal }
.big2	 { font-size: 1.12em; color: #333333; font-weight: bold }
.white	 { font-size: 1em; color: #ffffff; font-weight: normal; }
.whiteSmall { font-size: 0.6em; color: #666666; font-weight: normal; letter-spacing: 0;}
.white2	 { font-size: 1.1em; color: #666666; font-weight: normal; background-color: none; padding: 6px 10px 6px 10px; border: 0px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; text-transform: uppercase; letter-spacing: 0.05em; }
.bigWhite	 { font-size: 1.4em; color: #ffffff; font-weight: normal }
.specialName { font-size: 1em; color: #666666; font-weight: normal }
.red 	 { font-size: 1em; color: #f04132; font-weight: normal}
.red4 	 { font-size: 0.9em; color: #f04132; font-weight: normal}
.red2	{ font-size: 1.1em; color: #ffffff; padding: 1px 8px 2px 8px; background: #f04132; font-weight: bold; border-radius: 3px; }
.red3	{ font-size: 1em; color: #ffffff; padding: 0px 5px 0px 5px; background: #f04132; font-weight: normal}
.yellow2	{ font-size: 1.1em; color: #ffffff; padding: 0px 8px 1px 6px; background: #fcb123; font-weight: bold}
.yellow3	{ font-size: 0.9em; color: #ffffff; padding: 2px 5px 2px 5px; background: #fcb123; font-weight: normal}
.yellow4	{ font-size: 1em; color: #fcb123; padding: 0px; font-weight: normal}
.yellow5	{ font-size: 0.9em; color: #111111; padding: 5px; background: #fcb123; font-weight:normal }
.green	{ font-size: 1em; color: #288791; font-weight: normal}
.green2	{ font-size: 1.1em; color: #ffffff; padding: 2px 8px 3px 8px; background: #a9cfd3; font-weight: bold; border-radius: 3px; }
.green3	{ font-size: 1em; color: #ffffff; padding: 12px; background: #87cdb9; font-weight: normal; }
.redButton { font-size: 1.1em; color: #ff5353; font-weight: bold }
.footer 	 { font-size: 1em; color: #333333; font-weight: normal }
.supportrem { font-size: 1em; color: #535353; padding-left: 26px; font-weight: normal }
.menu 	 { font-size: 1em; color: #333333; font-weight: normal }
.chartHead1 { font-size: 1em; color: #ffffff; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; border: 0px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px;}
.chartHead2 { font-size: 1.15em; color: #333333; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; border: 0px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px;}
.link, .link a { font-size: 0.9em;text-decoration: none; color: #288791; font-weight: normal; cursor: pointer; cursor: hand; } 
.link2, .link2 a { font-size: 1em;text-decoration: none; color: #288791; font-weight: normal; cursor: pointer; cursor: hand; } 
.link2b, .link2b a { font-size: 1em;text-decoration: none; color: #288791; font-weight: bold; cursor: pointer; cursor: hand; } 
.linkBig, .linkBig a { font-size: 1em; text-decoration: none; color: #288791; font-weight: bold; cursor: pointer; cursor: hand; } 
.linkVbig, .linkVbig a { font-size: 1.5em;text-decoration: none; color: #288791; font-weight: bold; cursor: pointer; cursor: hand; } 
.linkRed { font-size: 0.9em;text-decoration: none; color: #f04132; font-weight: normal; cursor: pointer; cursor: hand; } 
.link:hover { text-decoration: none; color: #00403c; font-weight: normal;}

.reportHeadline	 { font-size: 1.8em; color: #333333; font-weight: bold; margin: 25px 0px 25px 0px; }
.reportParHeadline	 { font-size: 1.1em; color: #333333; font-weight: bold ; margin: 20px 0px 10px 15px; }
.reportText { font-size: 1em; color: #333333; font-weight: normal ; margin: 0px 0px 10px 15px; line-height: 120%; }
.reportDescription	 { font-size: 0.85em; color: #919191; font-weight: normal; font-style: italic; line-height: 120%; margin: 0px 0px 10px 15px; }
.reportEditHtml 	 { padding: 0px; margin: 0px 0px 15px 15px; }
.reportSaved		 { text-decoration: none; font-style: bold; font-size: 1em; color: #47af79; text-align: left; float: left; margin: 6px 0px 0px 15px; }



.fieldLabel0 a, .fieldLabel1 a, .normal a, .bold a, .small a, .big1 a, .red a, .red2 a, .footer a, .menu a, .link a, .link2 a { text-decoration: none; color: #288791; font-weight: normal; }
.link a:hover, .link:hover, .link2 a:hover, .link2:hover { text-decoration: none; color: #0f4155; font-weight: normal; } 
.link2b a:hover, .link2b:hover { text-decoration: none; color: #0f4155; font-weight: bold; } 

.linkBig:hover { text-decoration: none; color: #086771; font-weight: bold; }
.linkVbig:hover { text-decoration: none; color: #005761; font-weight: bold; }
.linkRed:hover { text-decoration: none; color: #ffffff; background-color:#f3675b;}

.fieldLabel0 a:hover, .fieldLabel1 a:hover, .normal a:hover, .bold a:hover, .small a:hover, .big1 a:hover, .red a:hover, .red2 a:hover, .footer a:hover, .menu a:hover { text-decoration: none; color: #0f4155; font-weight: normal; }

.white a, .bigWhite a { text-decoration: none; color: #ffffff; font-weight: normal; }
.white a:hover, .bigWhite a:hover { text-decoration: underline; color: #ffffff; font-weight: normal; }


.appmdiv { clear: both; max-width: 1250px; margin: 0 auto; border-bottom: 2px solid #333333; overflow: auto; } 
.appmes { float: left; text-decoration: none; font-weight: normal; width: 80%; padding: 14px; line-height: 125%; } 
.appmes a { text-decoration: underline; color: #000000; font-weight: normal; }
.appmes a:hover { text-decoration: underline; color: #535353; font-weight: normal; }

.appmesw { float: left; text-decoration: none; font-weight: normal; width: 80%; padding: 14px; line-height: 125%; } 
.appmesw a { text-decoration: underline; color: #ffffff; font-weight: normal; }
.appmesw a:hover { text-decoration: underline; color: #d1d1d1; font-weight: normal; }



/* HTML calendar */

.yearButton {  padding:4px 0px 4px 0px;  width: 44px; background-color:#a9cfd3; color:#000000;  font-size:11px; font-weight:normal; cursor:hand; cursor:pointer;  text-align:center; border:0px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}
.yearButton:hover { color:#ffffff; background-color:#0f4155; }
.yearButtonSel {  padding:4px 0px 4px 0px;  width: 44px; background-color:#0f4155; color:#ffffff;  font-size:11px; font-weight:normal; cursor:hand; cursor:pointer;  text-align:center; border:0px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}

.monthButton {  padding:4px 0px 4px 0px;  width: 44px; background-color:#a9cfd3; color:#000000;  font-size:11px; font-weight:bold; cursor:hand; cursor:pointer;  text-align:center; border:0px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}
.monthButton:hover { color:#ffffff; background-color:#0f4155; }
.monthButtonSel {  padding:4px 0px 4px 0px;  width: 44px;  background-color:#0f4155; color:#ffffff;  font-size:11px; font-weight:bold; cursor:hand; cursor:pointer;  text-align:center; border:0px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}

.dayButton {  padding:2px 0px 2px 0px; width: 31px; background-color:#a9cfd3; color:#000000;  font-size:11px; font-weight:bold; cursor:hand; cursor:pointer;  text-align:center; border:0px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}
.dayButton:hover { color:#ffffff; background-color:#0f4155; }
.dayButtonSel {  padding:2px 0px 2px 0px; width: 31px; background-color:#0f4155; color:#ffffff;  font-size:11px; font-weight:bold; cursor:hand; cursor:pointer;  text-align:center; border:0px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}
.dayButtonBlk, .dayButtonBlkSel { padding:2px 0px 2px 0px; width: 31px; background-color:#e99999; color:#777777; font-size:11px; font-weight:bold; pointer-events:none; cursor:not-allowed; text-align:center; border:0px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}

.dayWeButton { padding:2px 0px 2px 0px; width: 31px; background-color:#fee0a7; color:#000000;  font-size:11px; font-weight:bold; cursor:hand; cursor:pointer;  text-align:center; border:0px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}
.dayWeButton:hover { color:#ffffff; background-color:#0f4155; }
.dayWeButtonSel { padding:2px 0px 2px 0px; width: 31px; background-color:#0f4155; color:#ffffff;  font-size:11px; font-weight:bold; cursor:hand; cursor:pointer;  text-align:center; border:0px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}
.dayWeButtonBlk, .dayWeButtonBlkSel { padding:2px 0px 2px 0px; width: 31px; background-color:#e99999; color:#777777; font-size:11px; font-weight:bold; pointer-events:none; cursor:not-allowed; text-align:center; border:0px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}

.dayPastButton {  padding:2px 0px 2px 0px; width: 31px; background-color:#d4e7e9; color:#000000;  font-size:11px; font-weight:bold; cursor:hand; cursor:pointer; text-align:center; border:0px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}
.dayPastButton:hover { color:#777777; background-color:#3f6777; color:#ffffff; }
.dayPastButtonSel {  padding:2px 0px 2px 0px; width: 31px; background-color:#3f6777; color:#ffffff;  font-size:11px; font-weight:bold; cursor:hand; cursor:pointer; text-align:center; border:0px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}

.dayWePastButton {  padding:2px 0px 2px 0px; width: 31px; background-color:#feefd3; color:#000000;  font-size:11px; font-weight:bold; cursor:hand; cursor:pointer; text-align:center; border:0px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}
.dayWePastButton:hover { color:#777777; background-color:#3f6777; color:#ffffff; }
.dayWePastButtonSel { padding:2px 0px 2px 0px; width: 31px; background-color:#3f6777; color:#ffffff;  font-size:11px; font-weight:bold; cursor:hand; cursor:pointer; text-align:center; border:0px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}

.dayDisabled, .dayDisabledSel { padding:2px 0px 2px 0px; width: 31px; background-color:#cfd9dd; color:#9fb3bb; font-size:11px; font-weight:bold; pointer-events:none; cursor:not-allowed; text-align:center; border:0px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}


.weeknr { margin-right: 7px; color:#999999;  width:16px;  font-size:11px; font-weight:bold; text-align:right; } 
.dayName { padding: 0px; color:#999999;  font-size:11px; font-weight:bold; text-align:center; } 

.calShortCut  {  padding:4px 8px 4px 8px; background-color:#a9cfd3; color:#000000;  font-size:11px; font-weight:bold; cursor:hand; cursor:pointer;  text-align:center; border:0px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}
.calShortCut:hover { color:#ffffff; background-color:#0f4155; }


/* Instant Tooltip Style  */
/* Add this attribute to the element that needs a tooltip:   data-tooltip="Hello"  */


[data-tooltip] {
  position: relative;
  cursor: pointer;
}
[data-tooltip]:before,
[data-tooltip]:after {
  line-height: 1;
  font-size: .9em;
  pointer-events: none;
  position: absolute;
  box-sizing: border-box;
  display: none;
  opacity: 0;
  -webkit-transform: translate(-8%, -4px);
  transform: translate(-8%, -4px);
}
[data-tooltip]:before {
  content: "";
  border: 5px solid transparent;
  bottom: 85%;
  border-bottom-width: 0;
  border-top-color: #333333;
  left: 50%; 
  z-index: 99999;
}
[data-tooltip]:after {
  content: attr(data-tooltip);
  text-align: center;
  // width: 200px;
  min-width: 70px;
  max-width: 500px;
  white-space: pre;
  // white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 11px;
  border-radius: 3px;
  background: #333333;
  color: #FFFFFF;
  bottom: calc(85% + 5px);
  left: 30%;
  z-index: 99999;
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  display: block;
  opacity: 1;
}

[data-tooltip=""]::after, [data-tooltip=""]::before {
  display: none !important;
}