﻿html {height:100%}
/*START NEW*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: #ecede8;
	height: 100%;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#container {
	position: relative; 
	height:100%;
	width: 100%; 
	margin: 0 auto;  
	min-height: 100%; /* this is where inheritance stops */ 
}

#header { 
	/*position: absolute;	 
	margin: 0 0 0 0px; 
	padding: 0; 
	height: 102px; 
	width: 100%; 
	min-width: 1000px;
	background: url("images/topbar_bck.jpg"); */
	
	position: fixed;	
	z-index: 1; 
	top: 0;
	margin: 0 0 0 0px; 
	padding: 0; 
	height: 102px; 
	width: 100%; 
	min-width: 1000px;
	background: url("images/topbar_bck.jpg"); 
} 

#cellfind
{
	position: absolute; 
	width: 40%;
	float: left;
	text-align: center;
}

#login
{
	position: absolute;
	width: 420px;
	height: 50px;
	left: 570px;
	background: url("images/login_bck.jpg");
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

#input
{
	position: relative;
	left: 114px;
	top: 10px;
}

.input
{
    color: #333333;
    font-size: 11px;
    background: none;
    border: none;
    width: 80px;
}

.login_btn
{
    color: #FFFFFF;
    font-size: 12px;
    background: none;
    border: #FFFFFF solid 1px;
}

#menuTop
{
	position: absolute;
	left: 500px;
	top: 71px;
}
  
#head-row 
{
	position: absolute;
	margin: 102px 0 0 0;
	padding: 0 0 0 0px;
	width: 100%;
	height: 12px;
	min-width: 1000px;
	background: url("images/smallbar_bck.jpg");
} 

#banner-row 
{
	position: absolute;
	text-align: center;
	margin: 114px 0 0 0;
	padding: 0 0 0 0px;
	width: 100%;
	height: 120px;
	min-width: 1000px;
	background: url("images/banner_bck.jpg");
} 

#main-row
{
	position: absolute;
	text-align: left;
	margin: 234px 0 0 0px;
	padding: 0 0 0 0px;
	width: 100%;
	height: 65%;
	min-width: 1000px;
	background: url("images/main_bck.gif") no-repeat center top;
}

#main-row1
{
	position: absolute;
	text-align: left;
	margin: 234px 0 0 0px;
	padding: 0 0 0 0px;
	width: 100%;
	height: 0%;
	min-width: 1000px;
	background: url("images/main_bck.gif") no-repeat center top;
}

#main-row-login
{
	position: absolute;
	text-align: left;
	margin: 114px 0 0 0px;
	padding: 0 0 0 0px;
	width: 100%;
	height: 85%;
	min-width: 1000px;
	background: url("images/main_bck.gif") no-repeat center top;
}

#main-pic
{
	float:left;
	text-align : center;
	padding: 0 0 0 0px;
	width: 36%;
	min-width: 344px;
}

#main-divider
{
	float:left;
 	padding: 0 0 0 0px;
	width: 5%;
	min-width: 25px;
}

#main-text
{
	float: left;
	text-align : left;
	padding: 0 0 0 0px;
	width: 49%;
}

#main-text-wide
{
	float: left;
	text-align : left;
	padding: 0 0 0 0px;
	width: 100%;
}

#main-text-large
{
	float: left;
	text-align : left;
	padding: 0 0 0 0px;
	width: 49%;
	font-size : medium;
	font-weight : bold;
}

#footer 
{ 
	/*position: absolute; 
	text-align: center;
	bottom: 0;  
	height: 104px; 
	width: 100%;
	min-width: 1000px; 
	background: url("images/footer_bck.jpg"); */
	
	position: fixed; 
	clear: both; 
	border: 0;
	text-align: center;
	bottom: 0;  
	height: 104px; 
	width: 100%;
	min-width: 1000px; 
	background: url("images/footer_bck.jpg"); 
}

#logos
{
	float: left;
	text-align: center;
	width: 49%;
	min-width: 500px;
}

#copyright
{
	float: right;
	text-align: center;
	width: 49%;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

#waspa
{
	position: relative;
	left: 0px;
	top: 6px;
}

a:link { color: #434343; text-decoration: none }
a:active { color: #434343; text-decoration: none }
a:visited { color: #434343; text-decoration: none }
a:hover { color: #000000; text-decoration: underline }

/*END NEW*/

.submit
{
	font: normal 12px Verdana;
	border: 1px solid #9ACC66;
	background-color: #9ACC66;
	color: white;
	width: 100px;
	height: 20px;
	cursor: hand;
}

.submitFlat
{
	font: normal 10px Verdana;
	border: 1px solid #9ACC66;
	background-color: #9ACC66;
	color: white;
	width: 80px;
	height: 15px;
	cursor: hand;
}

.submitwide
{
	font: normal 12px Verdana;
	border: 1px solid #9ACC66;
	background-color: #9ACC66;
	color: white;
	width: 150px;
	height: 20px;
	cursor: hand;
}

.submitshort
{
	font: normal 12px Verdana;
	border: 1px solid #9ACC66;
	background-color: #9ACC66;
	color: white;
	width: 80px;
	height: 20px;
	cursor: hand;
}

.pick
{
	font: normal 8px Verdana;
	border: 1px solid #9ACC66;
	background-color: #9ACC66;
	color: white;
	width: 60px;
	height: 15px;
	cursor: hand;
}

.xstooltip 
{
    visibility: hidden; 
    position: absolute; 
    top: 0;  
    left: 0; 
    z-index: 2; 
	/*filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#5C6C4B, EndColorStr=#9BCC67);*/
	background-color: #9BCC67;
    font: normal 8pt sans-serif;
    color: Black;
    padding: 3px; 
}

.xstooltipshow
{
	/*filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#5C6C4B, EndColorStr=#9BCC67);*/
	background-color: #9BCC67;
    font: normal 8pt sans-serif;
    color: Black;
    padding: 3px;
}

.menuleft
{
	background-color : #9ACC66;
	color : White;
}

.table
{
    width: 100%;
    font: bold 12px Arial;
	vertical-align: top;
}

.tableMedium
{
    width: 600;
    font: bold 12px Arial;
}

.tableLarge
{
    width: 800;
    font: bold 12px Arial;
}

.tablestandard
{
    width: 20%;
}

.tablesendsms
{
    width: 40%;
}

.tableHeading
{
	background-color: Transparent;
    font-weight: bold;
    font: bold 14px Arial;
	/*text-decoration: underline;*/
}

.textinputshort
{
	text-align : left;
	width: 80px;
	border: 1px solid gray;
	font: 12px Arial;
}

.textinput
{
	text-align : left;
	width: 150px;
	border: 1px solid gray;
	font: 12px Arial;
}

.textinputhide
{
	text-align : left;
	width: 30px;
	height: 18px;
	border: 0px;
	font: 12px Arial;
}

.textinputwide
{
	text-align : left;
	width: 300px;
	border: 1px solid gray;
	font: 12px Arial;
}

.listbox
{
	text-align : left;
	width: 150px;
	border: 1px solid gray;
	font: bold 10px Arial;
	margin-left: 0px;
}
.listboxRights
{
	text-align : left;
	width: 200px;
	border: 1px solid gray;
	font: bold 10px Arial;
	margin-left: 0px;
}
.divSplit
{
	vertical-align:top;
    border: thin;
    border-style:outset;
    border-color: #9ACC66;
}
.divHeading
{
    background-color: Transparent;
    font-weight: bold;
    font: bold 14px Arial;
    text-decoration: underline;
    width: 157px;
}
.label
{
	font: bold 12px Arial;
}

.tdLabel
{
	font: bold 12px Arial;
}

.labelnote
{
	font: italic 10px Arial;
}

.labelinfo
{
	font: italic 10px Arial;
	color: #9ACC66;
}

.labelError
{
	font: bold 10px Arial;
	font-style: italic;
	color: Red;
}

.checkbox
{
	font: bold 12px Arial;
}

.SmallLabel
{
	FONT-FAMILY: Arial;
    FONT-WEIGHT: bold;
    Font-Size: x-small;
    text-decoration : none;	
    font-weight: bold;
}

.DarkLabel
{
	background-color:#9ACC66;
	width: 100%;
}

.tdStyle
{
    background-color: #9ACC66;
}

.gridViewOld
{
	font-size:xx-small;
	Width:800px;
	margin:[0][0][0][0];
	text-align:left;
}

.gridView
{
	border-right: 2px solid white;
    border-bottom: 2px solid white;
    border-left: 2px solid white;
    border-top: 2px solid white;
    background-color:Transparent;
    padding: 4px;
    text-align:left;
    Width:100%;
    font-size:xx-small;
    color : Black;
}

.gridHeading
{
	background-color: Transparent;
    font-weight: bold;
    font: bold 10px Arial;
    text-decoration: underline;
}

.info
{
	FONT-FAMILY: Arial;
    font-size:xx-small;
    color : #9ACC66;
}

.popUpForm
{
	background-color: #D2E9BC;
}

/*INNER MENU Styles*/
ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; top:26px; left:0; background:#9ACC66; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:148px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#9ACC66}
ul.menu ul li a:hover {background-color:Silver}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {border-left:1px solid #9ACC66; padding:1px 7px 1px; font-weight:bold; background:white); width:130px}
ul.menu .menulink:hover, ul.menu .menuhover {background:#9ACC66}
ul.menu .sub {background:#d1d1d1 url(images/arrow.gif) 136px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}
/*END INNER MENU Styles*/

/*body {margin:25px; font:10px Verdana,Arial; background:#eee}*/
/*ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; top:26px; left:0; background:#9ACC66; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:148px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#9ACC66}
ul.menu ul li a:hover {background-color:#9ACC66}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {border:1px solid #aaa; padding:3px 7px 5px; font-weight:bold; background:white); width:90px}
ul.menu .menulink:hover, ul.menu .menuhover {background:#9ACC66}
ul.menu .sub {background:#d1d1d1 url(images/arrow.gif) 136px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}*/
/*ul.menu .menulink {border:1px solid #aaa; padding:3px 7px 5px; font-weight:bold; background:url(images/header.gif); width:120px}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(images/header_over.gif)}*/
