body 
		{			
			background: url(../img/csi-underwater.jpg) #183674 no-repeat !important;			
			background-size: 100%;
			width: 100%
			margin:0 0 -20px 0;
			padding:0;
			
			text-align: center;
			color: #000;
			font-family: verdana, Arial, helvetica, sans-serif;
			font-size: 75%;
			line-height: 1.5em;
		}
		
h1 {
	
	font-family: arial;
	color: #13a6ea;
	text-decoration: none;
	text-align: left;
	letter-spacing: 0;
	font-size: 1.4em;
}

h2 {
	font-family: arial;
	color: #006cad;
	text-decoration: none;
	text-align: left;
	letter-spacing: 0;
	font-size: 1.4em;
}

p {		
	font: Helvetica;	
	text-decoration: none;
	color: #000000;
	margin-bottom:10px;
	line-height:1.8;
}

#branding {
	
}

#main_navigation {
	padding-top: 10px;
}



#logo {
	
	width: 350px;
	height: 149px;
	background:url(../img/CSIPNGLogo.png) !important;
}		

#main_content {
	margin: 0px auto;
  text-align: left;
  width:990px;
}

#post_wrap {			
	width:990px;
	margin:30px 0 0 0;	
	
	
}


#post_wrap h3 {

	color:#B3E3FF;
	color:#FFF;
	font-size:2.2em;
	margin-top:0;
}

#post_container {
	position: relative;
	background:url(../img/bg-bluealpha2.png) !important; 		
	padding:20px 30px 10px;	
}

#post_text {
	overflow: auto;	
	width: 66%;	
}

#post_image {
	text-align: center;
	border: 1px solid;						
	width: 34%;	
}


#post_top,
#post_bottom {
	clear:both;
	font-size:0;
	line-height:0;
	height:10px;
	width:100%;
	background:url(../img/bg-footer-top2.png) no-repeat;
}
#post_bottom {
	background:url(../img/bg-footer-bot2.png) no-repeat;
}
#post_top {
	margin:10px 0 0 0;
}


ul#nav_main {
position: relative;
text-align: right;
padding-top: 22px;
padding-left: 10px ;
z-index: 3; 
}

ul#nav_main li {
	display:inline;
	font-family: Helvetica, Arial, Verdana, san-serif;
	font-size: 12px; }

ul#nav_main li a {
	color:#464A52;
	font-weight:normal; 
	text-decoration: none;
	margin-right:17px;
	padding-bottom:28px;
	display: inline-block;
	background: url(../img/nav_main_li.gif ) -2000px 100% no-repeat;
	z-index: 3;
	}

ul#nav_main li a.selected {
	background-position:50% 35px;
	color:#003F8E;
	z-index: 3;
	}
	
ul#nav_main li a:hover {
	background-position:50% 35px;
	color:#AB0101;
	z-index: 3;
	}
	
	.floatLeft {
		float: left;
	}
	.floatRight {
		float: right;
	}
	
	#site_info {
		min-height:332px;
		margin:-130px 0 0 0;
		background:url(../img/csi-underwater-bottom.png) center 100% no-repeat;
		font-size:0.90em;
		line-height:1.4em;
		clear: both;
		
	}
	
	#footer {
		padding-top: 30px;
		clear: both;
	}
	
	#footer p {
		color: #b5e5f7;
	}
	
	
.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(../img/blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(../img/blockactive.gif) center center repeat-x;
}

div#data_tab {
	width: 100%;
	
	
}

div#login_bar {
	width: 100%;
	position: relative;
	height: 36px;
	
	
}

div#menu_bar {
	position: absolute;
	background-color: none;
	width: 75%;
	height: 36px;
	margin-left: 0;
}

div#login_status { 
	position: absolute;
	text-align: right; 
	color: #000000;
	width: 25%;
	height: 36px; 
	margin-left: 75%;
	background-color: none;
	background: transparent url(../img/tab.png); 
	
}

div#login_status span { 
	color: #000000; 
	margin: 0; 
	padding: 5px 0 0 0; 
	margin-right: 10px;
	 
}

div#login_status span a,
div#login_status span a:visited,
div#login_status span a:active {
	 color: #0000FF;
	 text-decoration: none;
}

div#menu_bar a,
div#menu_bar a:visited,
div#menu_bar a:active {
	 color: #FFFFFF;
	 text-decoration: none;
}

div#menu_bar a:hover {
	color: #9dadc6;
}

div#menu_bar a {
	padding-right: 8px;	
}

/* icons for menu */

a[class ="home"] {
   padding-left: 18px;
   background: transparent url(../img/icons/house.png) no-repeat center left;
}

a[class ="query"] {
   padding-left: 18px;
   background: transparent url(../img/icons/database.png) no-repeat center left;
}

a[class ="events"] {
   padding-left: 18px;
   background: transparent url(../img/icons/table.png) no-repeat center left;
}

h2[class ="events"] {
   padding-left: 18px;
   background: transparent url(../img/icons/table.png) no-repeat center left;
}

a[class ="analytes"] {
   padding-left: 18px;
   background: transparent url(../img/icons/pill.png) no-repeat center left;
}

li[class = "sets"], a[class ="sets"] {
   padding-left: 18px;
   background: transparent url(../img/icons/world.png) no-repeat center left;
}

li[class = "day"], a[class ="day"] {
   padding-left: 18px;
   background: transparent url(../img/icons/calendar_view_day.png) no-repeat center left;
}

li[class = "report"] {
   padding-left: 18px;
   background: transparent url(../img/icons/report.png) no-repeat center left;
}

li[class = "type"] {
   padding-left: 18px;
   background: transparent url(../img/icons/tag_green.png) no-repeat center left;
}

li[class = "flow"] {
   padding-left: 18px;
   background: transparent url(../img/icons/tag_blue.png) no-repeat center left;
}

a[class ="locations"] {
   padding-left: 18px;
   background: transparent url(../img/icons/map.png) no-repeat center left;
}

a[class ="userm"] {
   padding-left: 18px;
   background: transparent url(../img/icons/user_go.png) no-repeat center left;
}

a[class ="view"] {
   padding-left: 18px;
   background: transparent url(../img/icons/zoom.png) no-repeat center left;
}

a[class ="edit"] {
   padding-left: 18px;
   background: transparent url(../img/icons/pencil.png) no-repeat center left;
}

a[class ="delete"] {
   padding-left: 18px;
   background: transparent url(../img/icons/delete.png) no-repeat center left;
}

a[class ="add"] {
   padding-left: 18px;
   background: transparent url(../img/icons/add.png) no-repeat center left;
}

a[class ="logout"] {
   padding-right: 18px;
   background: transparent url(../img/icons/key_go.png) no-repeat center right;
}

a[class ="login"] {
   padding-left: 18px;
   background: transparent url(../img/icons/key.png) no-repeat center left;
}

.dlExcel {
    background-image: url(../img/icons/excel.png) !important;
}

.iconDelete {
    background-image: url(../img/icons/delete.png) !important;
}

/*===================*/

div#data_content {
	padding-bottom: 25px;
	width: 100%;
	min-height: 600px;
	background-color: #FFFFFF;
	overflow: auto;
	
	
}

div#data_content_main {
	
	float: left;
	margin-right: -200px;
	
	color: #000000;
	
	padding: 20px 0 20 40px;
	text-align: center;
	
	
}

div#data_content_sidebar {
	width: 36%;
	float: right;
	
	color: #000000;
	padding-top: 80px;
	margin-right: 10px;
	
	
}

div#data_content_full {
	width: 100%
	color: #000000;
	padding: 30px;
}

div#data_content_home {
	width: 600px;
	color: #000000;
	padding: 30px;
	margin:0px auto;
}

div#eventsView {
	width: 320px;
	color: #000000;
	padding: 30px;
	
}


div#paging {
	position: relative;
	margin-top: -50px;
	clear:both;
}

#grid-paging {
	padding-top: 20px;
	padding-left: 10px;
	color: #000000;
	
}

#max_box {
	width: 600px;
	margin: 0px auto;
}

#centered_box {
	height: 100px;
	width: 400px;
	margin:0px auto;
}


div#centered_box h1 {
	font-size:14px;
	color:#000000;
	padding-bottom:4px;
}
div#centered_box p{padding-bottom:14px;}

div#centered_box input .input-text{
	border:1px solid #3b6e22;
	color:#666666;
	width:180px;
}

div#centered_box label{
	display:block;
	margin-bottom:10px;
	color:#555555;
}

div#centered_box label span{
	display:block;
	float:left;
	padding-right:6px;
	width:70px;
	text-align:right;
	font-weight:bold;
}
.spacer{margin-left:80px; 
	margin-bottom:10px;
	font-size:11px;
	color:#555555;
}
div#centered_box .greenbutton{
	background:url(../img/green.gif);
	padding:0px 6px;
	border:1px solid #3b6e22;
	height:24px; 
	line-height:24px;
	color:#FFFFFF;
	font-size:12px;
	margin-right:10px;
	display:inline-block;
	text-decoration:none;
}

#gradient-style
{
	font-family: Verdana, "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	
	text-align: left;
	border-collapse: collapse;
}
#gradient-style th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe url('../img/gradhead.png') repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
}
#gradient-style td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #e8edff url('../img/gradback.png') repeat-x;
}
#gradient-style tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
#gradient-style tbody tr:hover td
{
	background: #d0dafd url('../img/gradhover.png') repeat-x;
	color: #339;
}

#gradient-style a {
	text-decoration: none;
}

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(../img/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(../img/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(../img/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}


.boxbody {
	background: url(../img/sbbody-l.gif) no-repeat bottom left;	
	margin: 0;
	padding: 5px 30px 31px;
}

.boxbody p {
	color: #000000;
}

.widthlessbox {
			
			background: url(../img/sbbody-r.gif) no-repeat bottom right;
			font-size: 100%;
		}