@charset "utf-8";
/* CSS Document */
html, body { font-size: 75%; }		

body {
	font-family:Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;
	background-image:url(../images/bbg5.jpg);
	background-repeat: no-repeat;
	}
.clear {
    clear: both;
}
#header{
	width:100%;
	color: #fff;
	padding-top:15px;
	height:50px;
	
}
.headertopleft {
 display: inline;
 float: left;
 margin-left:40px;
}
.headertopright {
 display: inline;
 float: right;
 margin-right:40px;
}

footer {
color:#666;
font-size:12px;
padding:10px 0 50px 40px;
margin-top:30px;
}
.toolname {
	font-size:24px;
	font-weight:bold;
	color:#333;
	margin-left:30px;
	float:right;
	vertical-align: baseline;
	}
	
/* Mav bar Styles */		
#nav {
	position:relative;
	margin:0 auto;
	float:left;
}
ul#navigation {
	margin:0px auto;
	position:relative;
	float:right;
}
ul#navigation li {
	display:inline;
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:0;
	float:left;
	position:relative;
	background:none;
}
ul#navigation li a {
	padding: 5px 15px 5px 15px;
	color:#FFF;	
	text-decoration:none;
	display:inline-block;
	background:none;
	-webkit-transition:color 0.2s linear, background 0.2s linear;	
	-moz-transition:color 0.2s linear, background 0.2s linear;	
	-o-transition:color 0.2s linear, background 0.2s linear;	
	transition:color 0.2s linear, background 0.2s linear;	
}
ul#navigation li a:hover {
	color:#fff;	
}

ul#navigation ul li:hover > a {
	color:#fff;
	background-color:#3881AA;
}

ul#navigation li .mousedown{
	color:#000;	
}

/* Drop-Down Navigation */
ul#navigation li:hover > ul
{
	visibility:visible;
	opacity:1;
}

ul#navigation ul, ul#navigation ul li ul {
	list-style: none;
    margin: 0;
    padding: 0;    
	visibility:hidden;
    position: absolute;
    z-index: 99999;
	width:150px;
	background:#9CC2D5;
	box-shadow:1px 1px 3px #ccc;
	opacity:0;
	-webkit-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-moz-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-o-transition:opacity 0.2s linear, visibility 0.2s linear; 
	transition:opacity 0.2s linear, visibility 0.2s linear; 	
}

ul#navigation ul {
    top: 30px;
    left: 0px;
}

ul#navigation ul li ul {
    top: 0;
    left: 181px;
}

ul#navigation ul li {
	clear:both;
	width:100%;
	border:0 none;
	border-bottom:1px dashed #3881AA;
}

ul#navigation ul li a {
	background:none;
	padding:5px 8px;
	color:#616161;	
	text-decoration:none;
	display:inline-block;
	border:0 none;
	float:left;
	clear:both;
	width:134px;
}

ul#navigation li a.first {
	border-left: 0 none;
}

ul#navigation li a.last {
	border-right: 0 none;
}
/* Search box */
.search {position: relative; float:right;}

input.search-button, input.search-button:hover, input.search-button:focus {
	background-color: #fff;
	background-image: none;
	margin-bottom:-8px;
	filter: none;
}
input.search-button input.search-button-v2, input.search-button-v2 {
    height: 14px;
    margin-top: 2px;
    min-width: 13px;
    padding: 6px 15px;
    width: 13px;
}
input.search_input {width:200px; height:20px;}

#content{  
   margin:0px 40px 40px 0px;
   padding-top:10px;
   height:auto;
}	

.whiteboard{padding:5px 0px 20px 40px}

/*Form*/
#loginformdiv { border: solid 2px #b7ddf2; background: #ADD8E6; width:400px; height:240px; -moz-border-radius:15px; -webkit-border-radius:5px; } 
#loginformdiv h2 { font-size: 20px; font-weight: bold; text-align:center; color: #333; margin-bottom: 30px; } 
#loginformdiv label { display: block; font-size:14px; font-weight: bold; color:#333; text-align: right; width: 100px; float: left;  vertical-align:  baseline;} 
#loginformdiv input { float: left; font-size: 10px; background-color: #F5F5F5; padding: 4px 2px; border: solid 1px #80764D; width: 200px; margin: 2px 0 20px 10px; -moz-border-radius:5px; -webkit-border-radius:2px; }
#loginformdiv button { clear: both; margin-left: 15px; width: 90px; height: 30px; text-align: center; color:#000; font-size: 11px; font-weight: bold; -moz-border-radius:5px; -webkit-border-radius:2px; }
.asterisk {color:red}
.editform-hr{font-size:12px; border:1px dashed #CCC; color:#fff; background-color:#FFF}
#TblGrid_list.EditTable td { vertical-align:top }
.fieldbutton { margin-left:3px; }

/*Help*/
h3 {font-size:14px}
.help { background-color:white; padding:10px 15px 40px 15px;}
.help ul li {font-size:12px; margin-bottom:6px;}
.help Ol li {font-size:12px; margin-bottom:6px;}

.ui-jqgrid .ui-jqgrid-bdiv {
  position: relative; 
  margin: 0em; 
  padding:0; 
  /*overflow: auto;*/ 
  overflow-x:hidden; 
  overflow-y:auto; 
  text-align:left;
}