/***********************************************************************************************************************
Filename:			style.css
Modified By:		Geeta.J from iWorktech
Functionality:      
Brief:			Applies the css style to home and inner page template.
Update:			Updated to include csshover.htc - JHM 15Jan2009
***********************************************************************************************************************/
/*
      Applies clouds.png and font style to the inner page and home page body.
*/
body {
	background-image: url(../images/clouds.png); 
	background-repeat: repeat-x; 
	margin: 0; 
	padding: 0; 
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

p, li {
	line-height: 150%;
	}

/*
    #topLinkContainer Applies login3.png for inner Page login section
*/
#topLinkContainer {
	position: relative;
	width: 1000px;
	height: 31px;
	text-align: left;
	background-image: url(../images/login3.png);
	background-repeat: no-repeat;
}
/*
    #topLinkContainer div.login is applied for inner Page login section login div
*/
#topLinkContainer div.login{
    position: relative;
	height:25px;
	width: 215px;
	padding-top:10px;
	padding-bottom:1px;
	float:right;
	padding-right:35px;
}
/*
    #topLinkContainer div.admin is applied for inner Page admin section
*/
#topLinkContainer div.admin{
	position:relative;
	height:25px;
	width: 120px;
	padding-top:3px;
	padding-bottom:3px;
	float:left;
}
/*
    .toplink is applied for inner Page top links
*/
.topLink{
	FONT-WEIGHT: normal; 
	FONT-SIZE:12px;	
	COLOR: #FFFFFF; 
	font-family: arial;
	TEXT-DECORATION: none;
	padding-right:2px;
	
}
/*
      #loginContainer Applies login.png for Home Page login section and respective inner divs
*/
#loginContainer {
	position: relative;
	width: 1000px;
	height: 31px;
	text-align: left;
	background-image: url(../images/login.png);
	background-repeat: no-repeat;

}
#loginContainer div.login{	
        position: relative;
	height:25px;
	width: 420px;
	padding-top:5px;
	padding-bottom:10px;
	float:right;
	padding-right:20px;
}
#loginContainer div.link{
	padding-left:560px;
	padding-top:10px;
	color:white;
}
#loginContainer div.login a{
    	color:white;
}

#loginContainer div.admin{
	position:relative;
	height:25px;
	width: 120px;
	padding-top:3px;
	padding-bottom:5px;
	float:left;
}

#bannerContainer {
	width: 900px;
	height: 93px;
	margin: 0px;
	position: relative;
	padding: 0px;
	text-align: left;
	z-index: 5;
}
/*
     #logoContainer applied for header logo for Home Page and inner page
*/
#logoContainer {
	position: absolute;
	margin: 0px;
	padding: 0px;
}
/*
     #flashContainer applied for Home Page Flash image section
*/
#flashContainer {
	width: 900px;
	height: 388px;
	position: relative;
	clear: both;
	text-align: left;
	border: 1px solid #BAC0DA;
	margin-bottom: 12px;
	z-index:0;
}

#newsContainer {
	width: 900px;
	height: 150px;
	text-align: left;
	border: 1px solid #BAC0DA;
	
}
#newsContainer div.greenTab{
	position: absolute;
	z-index: 4;
	margin: 0; 	
	padding: 0; 	
	width: 529px;
}

#newsContainer menu{
	position: absolute; 
	z-index: 4;
	margin: 0; 
	padding: 0; 
	width: 529px;
}

/*
     #footerContainer applied for Home Page and inner page template's footer section.
*/
#footerContainer {
	width: 900px;
	text-align: right;
	font-family: Georgia, serif, times;
	font-size: 10.5px;
	/*text-transform: uppercase;*/
}

/*
     #nav_menu applied for main menus for Home Page and inner page divs
*/

body {
behavior: url(/csshover.htc);
}

#nav_menu {
z-index: 3;
position: relative;
float: right;
width: 706px;
height: 93px;
margin: 0;
padding: 0;
}

#nav_menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 176px;
float: right;
}

#nav_menu a, #nav_menu h4 {
font: normal 11px/16px arial, helvetica, sans-serif;
color: #003366;
display: block;
margin: 0;
padding: 2px 3px;
height: 89px;
}

#nav_menu a img {
	border: none;
}

#nav_menu h4 {
font: normal 0.7em/1.4em georgia, times, serif;
color: #000;
text-transform: uppercase;
text-align: center;
width: 169px;
height: 93px;
padding: 0;
}

#nav_menu h4 a {
	color: #000;
	font-weight: bold;
	display: block;
	height: 93px;
	background: url('../images/nav_bkd.png') no-repeat left top;
}

#nav_menu h4 a:hover {
	color: #000;
	background: url('../images/nav_bkd.png') no-repeat left top;
	background-position: 0 -93px;
}

#nav_menu a {
color: #000;
background: #fff;
text-decoration: none;
padding: 5px;
}

#nav_menu a:hover {
color: #fff;
background: #BAC0DA;
}

#nav_menu ul ul {
position: absolute;
z-index: 500;
border: solid 1px #BAC0DA;
border-bottom: none;

}

div#nav_menu ul ul {
display: none;
}

div#nav_menu ul li:hover ul
{display: block;}

<!--[if IE]>
body {
behavior: url(/csshover.htc);
font-size: 100%;
}

#nav_menu ul li {
float: left; 
width: 100%;
}

#nav_menu ul li a {
height: 1%;
} 

#nav_menu a {
font: normal 12px arial, helvetica, sans-serif;
color: #003366;
padding: 5px;
border-bottom:dotted 1px #BAC0DA;
}

#nav_menu h4 a {
font: normal 11px georgia, times, serif;
background: url('../images/nav_bkd.png') no-repeat left top;
color: #000;
display: block;
height: 93px;
width: 176px;
border: none;
padding: 70px 0 26px 0;
margin: 0;
border: none;
}

#nav_menu h4 a:hover {
background-position: 0 -93px;
}

#nav_menu h4 {
font: normal 0.7em/1.4em georgia, times, serif;
}

<![endif]-->


a {
	text-decoration: none;
	color: #304B8C;
}

a:hover {
	text-decoration: underline;
}

#otherContainer {
	background-image: url('../images/bg_green.gif');
	background-repeat: repeat-x;
	width: 373px;
	float: right;
	border-left: 1px solid #BAC0DA;
}

#otherContainer .container {
	height: 125px;
	overflow: auto;
}



#newsContainer .btnContainer
{
	padding-left:10px;
	text-align:left;
	cursor: pointer;

}

#newsContainer .btnContainerTechTraining
{
	padding-left:10px;
	text-align:left;	
}

.myTable1{
	z-index: 2;
	position: absolute; 
	width: 526px; 
	height: 150px; 
	background-color: white;
}			
.myTable2 {
	z-index: 0;
	position: absolute; 
	width: 526px; 
	height: 150px; 
	background-color: white;
}
	
.myTable1 p, .myTable2 p {
	font-size: 12px;
	margin: 0 4px 0 4px;
	padding: 10px;
}
	
.divider {
	border-bottom: 1px dotted #BAC0DA ;
}
.date {
	font-weight: bold;
	margin-right: 20px;
}

#newsContainer input {
	background-color: transparent; 
	width: 263px; 
	height: 25px; 
	border: 0; 
	color: #ffffff; 
	text-transform: uppercase; 
	font-family: georgia, serif; 
	font-size: 11px;
	vertical-align: middle; 
	padding: 0;
	margin: 0;
	text-align: left;
}

#myTable li.right {
    	width: 50%;
	float: left;
}
	
#myTable li {
    	width: 50%;
    	line-height: 150%;
    	padding: 0;
    	margin: 0;
    	list-style-type: none;
	float: left;
}	

#myTable ul {
    	padding: 0;
    	margin: 0;
    	padding: 12px;
}

.AdexUser {
	BORDER-RIGHT: #CFCFCF 1px solid; 
	BORDER-TOP: #CFCFCF 1px solid;
	FONT-WEIGHT: normal; 
	FONT-SIZE:11px;
	BORDER-LEFT: #CFCFCF 1px solid;
	WIDTH: 100px; 
	COLOR: #46454d; 
	BORDER-BOTTOM: #CFCFCF 1px solid; 
	font-family: Georgia, serif, times;
	BACKGROUND-COLOR: #ffffff; 
	TEXT-DECORATION: none;
	padding-right:2px;
	
}

.AdexButton {
	BORDER-RIGHT: #33507C 1px solid; 
	BORDER-TOP: #33507C 1px solid;
	FONT-WEIGHT: normal; 
	FONT-SIZE:11px;
	BORDER-LEFT: #33507C 1px solid;
	WIDTH: 100px; 
	HEIGHT:20px;
	COLOR: #33507C; 
	BORDER-BOTTOM: #33507C 1px solid; 
	font-family: Georgia, serif, times;
	TEXT-DECORATION: none;
	padding-right:2px;
	/*background: #2ae;*/
	 background:#33507C url('../images/LoginBtn.png') 100% 50% no-repeat; 
	
}

/*
footer
*/
#footerImg{
 	background: #fff url('../images/nelac.gif') no-repeat;

}

/*
   submenus style defined here for inner page template.
*/

#submenus{
	width:190px;
	padding-top:50px;
	padding-left:10px;
	float:left;
	max-height: 700px;
	min-height: 500px;
}

#submenus H3{
	color: #659800;
	text-transform:uppercase;
	font-family: georgia;
	font-size: 14px;
	padding-left:10px;
}

#submenus ul {
    	border-top:dotted 1px #BAC0DA ;
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: arial;
	font-size: 12px;
	/*text-transform:uppercase;
	*/
}


#submenus li {
	height:30px;
	list-style: none;
	border-bottom:dotted 1px #BAC0DA ;
        padding-top:10px;
	display: list-item;
}
/*
#submenus li.selected{
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	list-style: none;
	border-bottom:dotted 1px #BAC0DA;
    	BACKGROUND-COLOR: #f3f3f3;

}*/
#submenus li a  {
	/*background-image:url('../images/nav_up.png');
	background-repeat:no-repeat;
	display: inline-block;
	padding: 68px 0 0 0;
	*/
	width: 185px;
	height: 30px;
	text-decoration: none;
	margin: 0 0 0 0;
	color: #365293;
	padding:0px 10px;
	display: list-item;
}


#submenus li #active_menu{
   	color:#365293;
   	font-weight:bold;
	background-image:url('../images/menu_bg.png');
	background-repeat:no-repeat;
	display:list-item;
}


a.mainlevel_active-top {
 	color:#365293;
 	font-weight:bold;
} 
	
a#active_menu-top.mainlevel_current-top{
	color:#365293;
	font-weight:bold;
} 

a#active_menu.mainlevel{
	color:#365293;
	font-weight:bold;
}
	
#submenus li a:hover 
{
	/*background-image:url('../images/nav_over.png');
	background-repeat:no-repeat;
	*/
	color: #365293;
	font-weight:bold;
	font-weight:bold;
	background-image:url('../images/menu_bg.png');
	background-repeat:no-repeat;
	display:list-item;
}

/*
Outer div style for inner page template
*/
#innercontainer{
	
	width: 900px;	
	padding-top:0px;
	text-align:left;
	border: 1px solid #BAC0DA;	
	background: url('../images/leaf.jpg') 100% 0 no-repeat  ;
	height: 100%;
	background-color:white;
	background-repeat:no-repeat;
	overflow: hidden;        
	
}
/*
Main article  div style for inner page template
*/
#innerArticle{
	width: 450px;
	padding-top:30px;
	padding-right:25px;
	padding-left:25px;
	text-align:left;
	float:left;
	/*overflow: auto;
	*/
}
#innerArticle H1,#innerArticle  #adexWelcome H1{
	 font-weight: normal;
	 font-size: 34px; 
	 color: #335096;
	 font-style: normal; 
	 font-family: Georgia;

}
#innerArticle H2,#innerArticle  #adexWelcome H2{
	 font-weight: normal;
	 font-size: 24px; 
	 color: #2E2618;
	 font-style: normal; 
	 font-family: Georgia;
}
#innerArticle H3,#innerArticle  #adexWelcome H3{
      /*font-size: 12px; 
	 font-weight: normal;
	 color: #333333 ;
	 font-style: normal; 
	 font-family: arial;
	 line-height: 150%;
	 */
	 height: 19px;
	 padding: 1px 0 0 10px;
	 font-size: 12px; 
	 font-weight: bold;
	 color: #ffffff;
	 font-style: normal; 
	 font-family: georgia, serif, times;
	 line-height: 150%;
	 text-transform: uppercase;
	 background-image: url("../images/bg_green.gif");
	 border: 1px solid #658D1E;
	
}

#innerArticle H4,#innerArticle  #adexWelcome H4{
	 font-weight: bold;
	 font-size: 12px; 
	 color: #000000;
	 font-style: normal; 
	 font-family: Arial;
	 padding: 0px;
}

#innerArticle H5 {
	 font-weight: normal;
	 font-size: 16px; 
	 color: #7F6F40;
	 font-style: normal; 
	 font-family: Georgia;
	 padding: 0px;
}


/*
inner article subhead  div style for inner page template
*/
#innerArticle #subhead{
    	width: 420px;
	padding-top:10px;
	padding-right:50px;
	padding-left:0px;
	text-align:left;
	float:left;
	line-height: 150%;
}
#innerArticle #subhead #title {
 	background: url('../images/bg_green.gif') repeat;
 	font-weight: bold;
 	font-size: 12px; 
 	color: #ffffff;
 	font-style: normal; 
 	text-transform:uppercase;
	text-align:left;
	padding-left:10px;
	padding-bottom:3px;
	padding-top:3px;
	font-family: Arial;
	line-height: 150%;
}
#innerArticle #subhead  #content{
	padding-top:15px;
}
#innerArticle #subhead H3{
	font-weight: normal;
	font-size: 12px; 
	font-style: normal; 
	font-family: Arial;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 150%;
}
#innerArticle #subhead ul li{
	border-bottom:dotted 1px #BAC0DA; 
	list-style: none;
	padding: 0px 0px 0px 60px;			/*top right bottom left*/
	/*
	list-style-image: url(../images/Sediment_TissueBubble.png);
	*/
}
#innerArticle #subhead ul li.one{
	background: url('../images/ico_air.png') no-repeat;
}
#innerArticle #subhead ul li.two{
	background: url('../images/ico_oil.png') no-repeat;
}

#innerArticle #subhead ul li.three{
	background: url('../images/ico_sediment.png') no-repeat;
}

#innerArticle #subhead ul li.four{
	background: url('../images/ico_water.png') no-repeat;
}

#innerArticle #subhead ul li.five{
	background: url('../images/ico_soil.png') no-repeat;
}

#innerArticle #subhead ul li H2{
	font-weight: bold;
	font-size: 12px; 
	color: #333333 ;
	font-style: normal; 
	font-family: Arial;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 2px 0px;
	line-height: 150%;
}
#innerArticle #subhead ul li H1{
	font-size: 12px; 
	color: #333333 ;
	font-style: normal; 
	font-family: Arial;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 10px 0px;
	line-height: 150%;
}

#innerArticle .table1 {
	font-size: 11px;
	font-family: Arial;
}

#innerArticle .table1 th {
	font-weight: bold;
}


/*
right article  div style for inner page template
*/
#rightArticle{
	width: 150px;
	padding-top:230px;
	padding-right:30px;
	text-align:left;
	float:right;
	line-height: 150%;
}
#rightArticle H3{
	font-weight: bold;
	font-size: 13px; 
	color: #659832;
	font-style: normal; 
	font-family: arial;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
}
#rightArticle H1{
	font-weight: normal;
	font-size: 12px; 
	color: #659832;
	font-style: normal; 
	font-family: arial;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}
H1.banner{
	font-size: 12px; 
	font-style: normal; 
	font-family: arial;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 10px 0px;
}


#warning h1 {
        font-size: 12pt;
        color: red;
}
#warning p {
        margin-top: 10px;
        display: block;
}

div.chronoform{
background-color:white;
display:none;
}
div.chronoform a{
color:white;
}

/*
    #Applies to tables on Sampling Page
*/

.samplingTable {
	border-left: 1px solid #99BBE8; 
	border-right: 1px solid #99BBE8; 
	border-bottom: 1px solid #99BBE8; 
	font-size: 11px;
	width: 475px;
}

.samplingTable .samplingTableHeader {
	font-size: 14px; 
	color: white; 
	background-image: url(http://adex1test.alphaanalytical.com/adex/ext/images/default/panel/white-top-bottom.gif); 
	color: #335096; 
	font-weight: bold; 
	font-size: 11px;
}

.samplingTable .samplingTableHeader2 {
	background-image: url(http://adex1test.alphaanalytical.com/adex/ext/images/default/grid/grid3-hrow.gif);
	font-size: 11px;
}

.samplingTable td {
	vertical-align: top;
	border-bottom: 1px solid #cccccc;
	font-size: 10px;
}

img
{  border-style: none;
}