html {height:100%; width: 100%;}

/* --- Print ---  
.noprint { display: none ; } */
.printonly { display: none; }
.greyover { position: absolute; height: 100%; width: 100%; background-color: #ffffff; z-index:5000; filter:alpha(opacity=80); opacity:.80; }               
               
div#popAlert { background:#FFF4B7; left:0px; position:absolute; width:300px; text-align:center; top:0px; z-index:5000; filter:alpha(opacity=95); opacity:.95; border: 4px solid #5645C1; border-radius: 11px; }
div#popAlert_content { color:#800000;	font-size:14px; padding:10px; font-weight: bold; }
.dropspace { border: 1px dashed #5d5d5d; background-color: #ffbfbf; opacity: 0.65;	filter: alpha(opacity=65); }
#floatdiv { position:absolute; left:0px; top:0px; padding:0px; background:#fff8dc; border:1px solid #2266AA; z-index: 10; opacity: 0.60;	filter: alpha(opacity=60); }
#floatdiv:hover { opacity: 0.99;	filter: alpha(opacity=99); }

/* --- Common Use --- */
.clear {clear:both;}
.hidden {display:none;}
.fontnormal {font-weight: normal;}
.sixth {width:15% !important;}
.fifth {width:19% !important;}
.quarter {width:23% !important;}
.percent30 {width:31% !important;}
.third {width:32% !important;}
.percent36 {width:36% !important; }
.percent40 {width:39% !important;}
.half {width:48% !important;}
.percent60 {width:58% !important;}
.twothird {width:64% !important;}
.percent70 {width:72% !important;}
.threequarter {width:75% !important;}
.percent90 {width: 90% !important;}
.full {width:100% !important;}
.wid50 { width: 50px; }
.wid60 { width: 60px; }
.wid80 { width: 80px; }
.wid100 { width: 100px; }
.wid125 { width: 125px; }
.wid150 { width: 150px; }
.centerDiv {text-align: center;}
.leftDiv {text-align: left;}
.rightDiv {text-align: right;}
.justifyDiv {text-align: justify;}
.centered {margin-left: auto; margin-right: auto;}
.right {margin-left: auto; margin-right: 0;}
.indent {margin-left: 30px;}
.outline {border: 1px solid #ccc;}
.vtop {vertical-align: top;}
.vmiddle {vertical-align: middle;}
.vbaseline {vertical-align: baseline;}
.vbottom { vertical-align: bottom; }
.pointer {cursor: pointer;}
.tight {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.thinborder {border:1px solid #FF0000;}
.overhide {overflow: hidden;}
.errtext {font-weight: bold; color: #990000;}
.oktext {font-weight: bold; color: #006400;}
.dotbottom { border-bottom: 1px dashed #C0C0C0; }
.dragable { cursor: move; }
.cleanlist { list-style: none; }
.whiteback { background-color: #FFFFFF; }
.blueback { background-color: #D5DDF4; }
.redback { background-color: #FF9B9B; }
.shadow { box-shadow: 2px 2px 4px #6c6c6c;
         /* IE 8 */	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#b4b4b4')";
      	  /* IE 5.5to7 */	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#b4b4b4');
}
.shadowsml {	box-shadow: 1px 1px 2px #6c6c6c;
         /* IE 8 */	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#b4b4b4')";
      	  /* IE 5.5to7 */	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#b4b4b4');
}
.round5 { border-radius: 5px; }

/* --- Root Element ReDef --- */
hr {border-width: 1px 0px 0px 0px; border-style: dashed none none none; border-color: Silver; height: 1px;}
a {text-decoration: none;}
a:hover {text-decoration: none;}
img {border-style: none;}
blockquote { margin: 0px 0px 0px 0px; padding:2px 2px 2px 2px;}

/* --- Dynamics --- */
.hilite {display:block; border: 1px solid #ccc; font-weight: bold; color: #191970; text-decoration: none; padding: 2px 2px 2px 2px; margin: 2px 2px 2px 2px; text-align: center }
.hilite img {margin: 0px 5px 0px 0px;}
.hilite:hover {display:block; border: 1px solid navy; color: #0000CD; background-color: #F5F5F5;} 
.dyncontent{display:none; position:relative;}
.dyncontenton{display:block; position:relative;}
.dyncontent-abs{display:none; position:absolute;}


.w-100 {width: 100% !important;}
.w-90 {width: 90% !important;}
.w-80 {width: 80% !important;}
.w-75 {width: 75% !important;}
.w-60 {width: 60% !important;}
.w-50 {width: 50% !important;}
.w-40 {width: 40% !important;}
.w-25 {width: 25% !important;}
.w-20 {width: 20% !important;}

@media (min-width:300px) {
.w-xs-100 {width: 100% !important;}
.w-xs-90 {width: 90% !important;}
.w-xs-80 {width: 80% !important;}
.w-xs-75 {width: 75% !important;}
.w-xs-60 {width: 60% !important;}
.w-xs-50 {width: 50% !important;}
.w-xs-40 {width: 40% !important;}
.w-xs-25 {width: 25% !important;}
.w-xs-20 {width: 20% !important;}
}

@media (min-width:576px) {
.w-sm-100 {width: 100% !important;}
.w-sm-90 {width: 90% !important;}
.w-sm-80 {width: 80% !important;}
.w-sm-75 {width: 75% !important;}
.w-sm-60 {width: 60% !important;}
.w-sm-50 {width: 50% !important;}
.w-sm-40 {width: 40% !important;}
.w-sm-25 {width: 25% !important;}
.w-sm-20 {width: 20% !important;}
}

@media (min-width:768px) {
.w-md-100 {width: 100% !important;}
.w-md-90 {width: 90% !important;}
.w-md-80 {width: 80% !important;}
.w-md-75 {width: 75% !important;}
.w-md-60 {width: 60% !important;}
.w-md-50 {width: 50% !important;}
.w-md-40 {width: 40% !important;}
.w-md-25 {width: 25% !important;}
.w-md-20 {width: 20% !important;}
}

@media (min-width:992px) {
.w-lg-100 {width: 100% !important;}
.w-lg-90 {width: 90% !important;}
.w-lg-80 {width: 80% !important;}
.w-lg-75 {width: 75% !important;}
.w-lg-60 {width: 60% !important;}
.w-lg-50 {width: 50% !important;}
.w-lg-40 {width: 40% !important;}
.w-lg-25 {width: 25% !important;}
.w-lg-20 {width: 20% !important;}
}

@media (min-width:1200px) {
.w-xl-100 {width: 100% !important;}
.w-xl-90 {width: 90% !important;}
.w-xl-80 {width: 80% !important;}
.w-xl-75 {width: 75% !important;}
.w-xl-60 {width: 60% !important;}
.w-xl-50 {width: 50% !important;}
.w-xl-40 {width: 40% !important;}
.w-xl-25 {width: 25% !important;}
.w-xl-20 {width: 20% !important;}
}