html {
height:100%; 
max-height:100%; 
padding:0; 
margin:0; 
border:0; 
background:#fff; 
font-size:85%; 
font-family:Verdana;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

body {
    height:100%; 
    max-height:100%; 
    overflow:hidden; 
    padding:0; 
    margin:0; 
    border:0;
}

#head {
    position:absolute; 
    margin:0; 
    top:0; 
    left:0; 
    display:block; 
    width:100%; 
    height:108px; 
    background:white;
    font-size:4em; 
    /*z-index:5;*/ 
    padding:2px;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
}

#headX {
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 20px;
    background: white;
    font-size: 4em;
    /*z-index:5;*/
    padding: 2px;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
}

#foot {
    position: absolute;
    margin: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 20px;
    background: white;
    font-size: 0.8em;
    /*z-index: 5;*/
    text-align: right;
    color:darkslategrey;
    padding-top:4px;
    border-top-color:darkgray;
    border-top-style:solid;
    border-top-width:1px;
}

#left1, #left2, #left1Full, #left4 {
    position:absolute; 
    left:0; 
    top:110px; 
    bottom:20px; 
    width:100%; 
    font-size:1em; 
    /*z-index:4;*/ 
    padding-top:5px;
    overflow:auto;
    border-top-color:darkgray;
    border-top-style:solid;
    border-top-width:1px;
}


* html #left1, * html #left2, * html #left1Full, * html #left4 {
    height: 100%;
    top: 0;
    bottom: 0;
    border-top: 100px solid #fff;
    border-bottom: 50px solid #fff;
}

#left1 {
    left: 0;
    background: rgb(100, 150, 239);
    width: 220px;
    background: #002400; /* Old browsers */
    background: -moz-linear-gradient(top, #002400 0%, #005700 0%, #008a00 19%, #52b152 58%, #83c783 83%, #b4ddb4 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #002400 0%,#005700 0%,#008a00 19%,#52b152 58%,#83c783 83%,#b4ddb4 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #002400 0%,#005700 0%,#008a00 19%,#52b152 58%,#83c783 83%,#b4ddb4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002400', endColorstr='#b4ddb4',GradientType=0 ); /* IE6-9 */
}
#left2 {
    left: 220px;
    width:100%;
}
#left1FullX {
    position: absolute;
    left: 0;
    top: 20px;
    height: 100%;
    bottom: 0;
    background: #002400; /* Old browsers */
    background: -moz-linear-gradient(top, #002400 0%, #005700 0%, #008a00 19%, #52b152 58%, #83c783 83%, #b4ddb4 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #002400 0%,#005700 0%,#008a00 19%,#52b152 58%,#83c783 83%,#b4ddb4 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #002400 0%,#005700 0%,#008a00 19%,#52b152 58%,#83c783 83%,#b4ddb4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002400', endColorstr='#b4ddb4',GradientType=0 ); /* IE6-9 */
    /*background: rgba(159,203,244,1);
    background: -moz-linear-gradient(left, rgba(159,203,244,1) 0%, rgba(104,166,237,0.23) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(159,203,244,1)), color-stop(100%, rgba(104,166,237,0.23)));
    background: -webkit-linear-gradient(left, rgba(159,203,244,1) 0%, rgba(104,166,237,0.23) 100%);
    background: -o-linear-gradient(left, rgba(159,203,244,1) 0%, rgba(104,166,237,0.23) 100%);
    background: -ms-linear-gradient(left, rgba(159,203,244,1) 0%, rgba(104,166,237,0.23) 100%);
    background: linear-gradient(to right, rgba(159,203,244,1) 0%, rgba(104,166,237,0.23) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fcbf4', endColorstr='#68a6ed', GradientType=1 );*/
}

#left1Full {
    left: 0;
    background: #002400; /* Old browsers */
    background: -moz-linear-gradient(top, #002400 0%, #005700 0%, #008a00 19%, #52b152 58%, #83c783 83%, #b4ddb4 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #002400 0%,#005700 0%,#008a00 19%,#52b152 58%,#83c783 83%,#b4ddb4 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #002400 0%,#005700 0%,#008a00 19%,#52b152 58%,#83c783 83%,#b4ddb4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002400', endColorstr='#b4ddb4',GradientType=0 ); /* IE6-9 */
    /*background: rgba(159,203,244,1);
    background: -moz-linear-gradient(left, rgba(159,203,244,1) 0%, rgba(104,166,237,0.23) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(159,203,244,1)), color-stop(100%, rgba(104,166,237,0.23)));
    background: -webkit-linear-gradient(left, rgba(159,203,244,1) 0%, rgba(104,166,237,0.23) 100%);
    background: -o-linear-gradient(left, rgba(159,203,244,1) 0%, rgba(104,166,237,0.23) 100%);
    background: -ms-linear-gradient(left, rgba(159,203,244,1) 0%, rgba(104,166,237,0.23) 100%);
    background: linear-gradient(to right, rgba(159,203,244,1) 0%, rgba(104,166,237,0.23) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fcbf4', endColorstr='#68a6ed', GradientType=1 );*/
}


#left4 {
    left: 75%;
    background: rgb(229,218,212);
}

.inner {display:block; padding:10px 10px 10px 10px; }
.innercontent {display:block; padding:10px 10px 10px 10px; color:white }
.bold {font-size:1.5em; font-weight:bold;}


.SubMenuHeader {
    font-size:large;
}

#OuterTableCellOverlay            
{
    background-color:#f8f8f8;
	filter:alpha(opacity=85);        
	-moz-opacity:0.85;     
    opacity:.85;           
	z-index: 99999;         
	      
	position: fixed;        
	top: 0;        
	left: 0;   
    bottom:0;
    right:0;                         
}        

#InnerTableCellOverlay
{
	padding: 30px;
	z-index: 99998;
	filter: alpha(opacity=100);
	background-color:White;
	-moz-opacity: 1;
	width: 400px;
	position:relative ;
	margin-left:auto;
	margin-right:auto;
	margin-top:200px;
	text-align: center;
	font-size:x-large;
	font-weight:bold;
	display:block;
}

#moduleTitle 
{
    font-weight:bold;
    font-size:medium ;
    color:#000066;
    padding: 3px 3px 10px 3px;
    border-color:white;
    border-width:1px;
}

 .scrollbar
{
   overflow: auto; /*for horizontal and vertical scroll bars */
}

.horizontal-scrollbar
{
       overflow-x: auto; /*for horizontal scroll bar */
       overflow-y: hidden; /*for hiding vertical scroll bar */
}

 .vertical-scrollbar
{
   overflow-x: hidden; /*for hiding horizontal scroll bar*/
   overflow-y: auto; /*for vertical scroll bar*/
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	z-index:2147483600;

}

.modalPopup {
	border: 3px solid Gray;
    background-color:#ffffdd;
	padding:9px;
    z-index:1000;
    -webkit-box-shadow: 10px 10px 19px -3px rgba(0,0,0,0.55);
    -moz-box-shadow: 10px 10px 19px -3px rgba(0,0,0,0.55);
    box-shadow: 10px 10px 19px -3px rgba(0,0,0,0.55);
    border-radius: 0px 0px 18px 18px;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 18px 18px 18px 18px;
    border: 0px solid #000000;
}

.modalPopup p {
	padding: 5px;
}

.mwPopWindowTitle
{
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0px solid #000000;
    cursor: move;
    background:darkgreen;
    color: white;
    font-weight: bold;
    padding-left:10px;
    padding-right:10px;
    text-align:center;
}


.linkButton
{
	text-decoration:none;
	color: black;
	font-weight: bold;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:2px;
    padding-right:2px;
    border-width:1px;
    border-color:orange;
	
}

.loginBox {
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(143,150,179,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(143,150,179,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(143,150,179,1) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(143,150,179,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(143,150,179,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(143,150,179,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#8f96b3', GradientType=1 );
    width:600px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    -webkit-box-shadow: 10px 10px 19px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 19px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 19px 0px rgba(0,0,0,0.75);
}


.menuGrid { 
	background-color: #fff; 
	margin: 5px 0 10px 0; 
	border: 1px solid Orange;
	border-collapse:collapse;
    
}
.menuGrid td { 
	padding: 2px; 
	border: solid 1px #c1c1c1; 
	border-color:Orange;
	color: #717171;
	
}
.menuGrid th
{
	padding: 4px 2px;
	color: #fff; 
	
	background: #FF9900 top;
	border-left: solid 1px #525252;
	border-color:Orange;
	
}
.menuGrid .alt
{
    background: #F2F2F2;
}
.menuGrid .pgr { background: #424242 url(grd_pgr.png) repeat-x top; }
.menuGrid .pgr table { margin: 5px 0; }
.menuGrid .pgr td { 
	border-width: 0; 
	padding: 0 6px; 
	border-left: solid 1px #666; 
	font-weight: bold; 
	color: #fff; 
	line-height: 12px; 
 }   
.menuGrid .pgr a { color: #666; text-decoration: none; }
.menuGrid .pgr a:hover { color: #000; text-decoration: none; }

.btnmnu {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:lightgreen;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-webkit-border-top-left-radius:37px;
	-moz-border-radius-topleft:37px;
	border-top-left-radius:37px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:37px;
	-moz-border-radius-bottomright:37px;
	border-bottom-right-radius:37px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:25px;
	line-height:25px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #528ecc;
}
.btnmnu:hover {
	background:darkgreen;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}.btnmnu:active {
	position:relative;
	top:1px;
}

.combutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:27px;
	line-height:27px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
    padding-left:4px;
    padding-right:4px;
}
.combutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.combutton:active {
	position:relative;
	top:1px;
}
 
 .inputs {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #EAEAEA;
    background: -moz-linear-gradient(top, #FFF, #EAEAEA);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #FFF), color-stop(1.0, #EAEAEA));
    border: 1px solid #CACACA;
    color: #444;
    font-size: 1.2em;
    margin: 0 0 5px;
    padding: 5px 9px;
}

.inputs:focus {
    background: #FFF;
    -webkit-box-shadow: 0 0 25px #CCC;
    -moz-box-shadow: 0 0 25px #ccc;
    box-shadow: 0 0 25px #CCC;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
}

.roundedleft {
    border-radius: 18px 0px 0px 18px;
    -moz-border-radius: 18px 0px 0px 18px;
    -webkit-border-radius: 18px 0px 0px 18px;
    border: 0px solid #000000;
}

.roundedright {
    border-radius: 0px 18px 18px 0px;
    -moz-border-radius: 0px 18px 18px 0px;
    -webkit-border-radius: 0px 18px 18px 0px;
    border: 0px solid #000000;
}

.roundedall {
    border-radius: 18px 18px 18px 18px;
    -moz-border-radius: 18px 18px 18px 18px;
    -webkit-border-radius: 18px 18px 18px 18px;
    border: 0px solid #000000;
}

.haveshadow {
    -webkit-box-shadow: 10px 10px 19px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 19px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 19px 0px rgba(0,0,0,0.75);
}

.mGrid { 
	background-color: #fff; 
	margin: 5px 0 10px 0; 
	border: 1px solid darkgreen;
	border-collapse:collapse;
    
}
.mGrid td { 
	padding: 2px; 
	border: solid 1px darkgreen; 
	border-color:darkgreen ;
	color: black;
	
}
.mGrid th
{
	padding: 4px 2px;
	color: #fff; 
	
	background:  rgb(124, 202, 98) top;
	border-left: solid 1px darkgreen;
	border-color:darkgreen;
	
}

.mGrid .alt {
    background: #E4F4DF;
}
    
.mGrid .pgr { background: #424242 url(grd_pgr.png) repeat-x top; }
.mGrid .pgr table { margin: 5px 0; }
.mGrid .pgr td { 
	border-width: 0; 
	padding: 0 6px; 
	border-left: solid 1px #666; 
	font-weight: bold; 
	color: #fff; 
	line-height: 12px; 
 }   
.mGrid .pgr a { color: #666; text-decoration: none; }
.mGrid .pgr a:hover { color: #000; text-decoration: none; }

/*.btn {
    background: #15a315;
    background-image: -webkit-linear-gradient(top, #15a315, #ffffff);
    background-image: -moz-linear-gradient(top, #15a315, #ffffff);
    background-image: -ms-linear-gradient(top, #15a315, #ffffff);
    background-image: -o-linear-gradient(top, #15a315, #ffffff);
    background-image: linear-gradient(to bottom, #15a315, #ffffff);
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    font-family: Arial;
    color: black;
    font-size: 18px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn::content {
    color:black;
}*/

    .btn:hover {
        background: #9ff2a5;
        text-decoration: none;
    }

    .fieldlabel {
        font-weight:bold;
    }

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