.foo { } /* for the W3C validators, they like classes first */

/***** TOP BANNER AND LOGO *****/
#topBanner
{
	background-image:url(../img/Intool_banner.gif);
	background-position: left;
	background-repeat: no-repeat;	
	text-align: right;	
	height:60px;
	margin-top:-8px
	/*background-color: #2F8D3A;
	*/
}

#topBanner #topBannerLinks 
{ 
	position: relative; top: 25px;
	margin-top: 15px; margin-right: 7.5px; 
	color: White;
	font-size: small;
}
#topBanner a { margin-left: 7.5px; margin-right: 7.5px; }
#topBanner #Logo
{
	margin: 3px 0px 0px 29px;	
	padding-top: 7px;
	width: 230px;
	float: left;
	
	border-color: #FFFFFF;
	border-width: 0px;
}

/***** HEADER AND FOOTER *****/
#header, #footer { height: 28px; font-weight: bold; }
#footer, #contentHeader, #menuHeader
{	
	border-color:#FFFFFF; 	
	
	margin: 2px 0 0 0; overflow: visible;
}

#footer { font-size:x-small; background-color: #1A1489; }
#footer table { width: 50%; height: 28px }
#footer td { text-align: center; }

/* unique headers */
#menuHeader
{		
	height: 45px;	
	background-color: Black;
	width: 295px;		
	text-align:center;			
	position: absolute; left: 1px;
}
#contentHeader
{	
	background-image: url(../img/contentHeader-background.jpg);
	color: #000000;
	font-family: Verdana;
	font-size: 14px;
	border: 1px solid #91A7B4;
	width: 750px;
	height: 24px;
	text-align: right;	
	position: absolute; 
	left: 298px;
}

#contentIcon 
{
	border: 1px solid red; 
	height:17px;
	width:100px; 
	margin-top:3px; 
	font-size:12px;
}

#tableIconExport
{
	height:17px;
	width:60px; 
	margin-top:4px; 
	font-size:12px;
	font-weight:normal;
	color: #333333;
	position:absolute;
	top:0px;
	left:55px;
	cursor:pointer;
	
	}

#contentIconExport2
{
	height:17px;
	width:60px; 
	margin-top:4px; 
	font-size:12px;
	font-weight:normal;
	color: #333333;
	position:absolute;
	top:0px;
	left:55px;
	cursor:pointer;
}

/* Banner Links  *************************************************************************/

#contentIconPrint
{
	margin-top:-2px;	
	font-weight:normal;
	position:absolute;
	top:0px;
	left:435px;
}

#contentIconExport
{
	margin-top:-2px;	
	font-weight:normal;
	position:absolute;
	top:0px;
	left:510px;	
}
#contentIconEmail 
{
	margin-top:-2px;	
	font-weight:normal;
	position:absolute;
	top:0px;
	left:555px;	
}
#ContactIntool
{
	margin-top:-2px;	
	font-weight:normal;
	position:absolute;
	top:0px;
	left:580px;
}

#UpdateArea
{
    margin-top:-2px;	
	font-weight:normal;
	position:absolute;
	top:0px;
	left:635px;
}

#glossaryDiv
{
	margin-top:-2px;	
	font-weight:normal;	
	position:absolute;
	top:0px;
	left:675px;
	}

#contentIconDownload
{	
	margin-top:-2px;	
	font-weight:normal;	
	position:absolute;
	top:0px;
	left:740px;
}
#ICESHomeIcon
{
	margin-top:-2px;	
	font-weight:normal;	
	position:absolute;
	top:0px;
	left:790px;	
}
/************************************************************************/

#gloname
{
    position:absolute;
	left:41px;
	top:-1px;

}

/*#glossary 
{
	height:17px;
	width:60px; 
	margin-top:4px; 
	font-size:12px;
	font-weight:normal;
	color: #333333;
	position:absolute;
	left:910px;
	top:-5px;
}*/


#contentHeader a { margin-right: 5px; margin-top: 10px; }

/***** MAIN BODY, INTRODUCTORY PAGE, GLOSSARY AND CONTENT *****/
#MainBody
{
	border-color:#000066;
	width: 1100px;
}

#content { width: 730px; height:630px; position:absolute; left: 298px; top:100px; background-color: #FFFFFF; } /*height:395px;*/
#container.showRightMenu #content,
	#container.showRightMenu #content .ajax__tab_xp,
	#container.showRightMenu #content .ajax__tab_xp , 
	#container.showRightMenu
	
/*#content strong { color: #144E2C; }*/


#content .ajax__tab_header {position:absolute; top:40px; width: 375px;}
#content .ajax__tab_body {position:absolute; top:21px; width:730px}


/***** Right Menu *****/
#container #rightMenu { display: none; }
#container.showRightMenu #rightMenu { display: block; }
#container.hideRightMenu #rightMenu { display: none; }

#rightMenu { position: absolute; left: 675px; top:105px; z-index: 10; width: 315px; height: 530px; }

#rightMenuHeader 
{
	background-image: url(../img/bgGlossary.jpg);
	width: 332px;
	height: 24px;
}


#rightMenu h3, #rightMenu p { color: #333333; cursor: pointer; display:inline; font-family: Verdana; font-size: 11px; }
#rightMenu iframe { width: 330px; height: 534px; border: solid 1px #91A7B4; background-color: White; }

/* container that holds menu and content - used to recolour behind the menu */
#container { background: url( ../img/backgroundExtension.jpg) repeat-y left top; }

/* The introdtory tab */
#splashContainer
{
	background-image: none;
	background-repeat: no-repeat;
	/***********************************************/
	width:720px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/***********************************************/
	height: 515px;
}

/* Positioned images */
#demoImg { position: absolute; top: 150px; left: 750px; }
#instructImg { position: absolute; top: 510px; left: 320px }
#evidenceImg { position: absolute; top: 540px; left: 660px }

/* Thumbnail images */
div#thumbNailImages { margin: 100px -20px 0px 10px; width:720px}

/*
div#thumbNailImages div
{
	float:left;
	margin: 4px;
	padding: 4px;	
	text-align: center;	
	width: 85px;
}
div#thumbNailImages img
{ width:20px;
}
*/
div#thumbNailImages p 
{	
	color: #000066;
	font-family: Verdana;	
	font-weight: bold;	
	font-size: 14px;
}
div#thumbNailImages div.highlight{ border: solid 3px black;	position:absolute;
}

/* Field Definition List */
#content ul li strong { text-decoration: underline; font-style: italic; font-weight: bold; color: Black; }

/***** MENU STYLES *****/

#leftMenu
{		
	margin-right:5px;	
	float: left;	
	background-image: url(../img/Left_hand_Menu_03.gif);
	background-repeat:repeat;		
	width: 281px;
	height: 533px;			
}
#leftMenuContainer
{
	margin-top: 5px;
	margin-right:5px;	
	float: left;	
	background-position: top;	
	width: 280px; 
	height: 533px;		
}

#step1,#step2,#step3
{ 	
	width:270px;
		
}
#step2-5 { width: 255px; }

#step1 select,#step2 select, #step3 select{ z-index: 5; }
#leftMenu legend 
{ 	
	font-size: small; 
	font-weight: bold;
	text-align:right;
	margin-left: 180px;
	color: #FFFFFF;
}
#leftMenu span, #leftMenu p { font-size:small; font-weight: bold; padding-right: 5px; }
#leftMenu span.disabled, #leftMenu p.disabled { font-weight: normal; }

/* buttons - aligned in two laters one top one buttom */
#step3 { text-align:center; }
#step3 div { margin: auto 0px; }
#step3 input
{
	width: 50px;
	margin-left: 7px;
	margin-right: 7px;
}

.mainSelection
{
	margin-top:-5px;
	margin-left:-5px;
	border:0;
}

/* Css for the drop down lists */

.listFormat
{
	font-size:12px;
	width: 260px;	
}
/* The area used to indicate the site is loading */
#loadArea { display:none; }

/***** GENERIC PAGE WIDE STYLES *****/
.none { display: none; }
.bold { font-weight: bold; }
.small { font-size:small; }
.clearFloat { clear:both; }

div, td, li
{
	font-size:x-small;
	font-family:arial;
}

/* Hyperlink Styles */
a, a:link, a:hover, a:visited
{ 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight:bold;
	
	text-decoration: none;
	text-align: center;
	
	cursor: pointer;
}
a:link, a:visited { color: #FFFFFF; } 
a:hover { color: #FFFF00; }

/* Common Heading Styles */
h1, h2, h3, h4 
{
	color:#000066;
	font-family:Verdana;	
	font-weight:bold;	
}
h1{ font-size: xx-large; }
h2{ font-size: x-large; }
h3{ font-size: large; }
h4{ font-size: medium; }

/*#TabContainer1 { Height:560px;}*/
#TabContainer1 {  top:0px}

/* Items only displayed in print media */
.printOnly { display: none; }

#updatelayer
{
	margin-top: 25px;
	width: 100px; height: 25px;
	
	background-color: #FFFFE6;
	border: solid 2px black;	
	vertical-align: middle; text-align:center;		
	color: Black;
	position: absolute;
    left: 90px;
    top:120px;
	z-index: 101;			 	
}

#updatelayerback
{	background-color: #000066;
	color: #000066;			
	border: 1px solid black;
			
	font-size:large;
	z-index:100;
	
	position: absolute;
    left: 0px;   
    top:120px;
    width: 294px; height: 555px;
    
    filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5;	

	
}

.contentControls 
{
	 display: none;
}


/************************************************************************/
.HomeUpdateLabel
{
	position:absolute;
	left:500px;
	top:505px;
	font:12px;
	font-family:Arial;
	text-decoration:underline;
}

#UpdateLabel
{
	font-family:Arial;
}

/************************************************************************/
.Cla1
{
	position:absolute;
	top:240px;
	left:60px;
	cursor:pointer;
}
.Cla6
{
	position:absolute;
	top:240px;
	left:200px;
	cursor:pointer;
}

.Cla4
{
	position:absolute;
	top:240px;
	left:340px;
	cursor:pointer;
}

.Cla5
{
	position:absolute;
	top:240px;
	left:480px;
	cursor:pointer;
}


.Cla18
{
	position:absolute;
	top:350px;
	left:100px;
	cursor:pointer;
}
.Cla19
{
	position:absolute;
	top:350px;
	left:270px;
	cursor:pointer;
}


.Cla3
{
	position:absolute;
	top:350px;
	left:440px;
	cursor:pointer;
}

.Cla7
{
	position:absolute;
	top:330px;
	left:160px;
	cursor:pointer;
}

.Cla11
{
	position:absolute;
	top:330px;
	left:280px;
	cursor:pointer;
}
.Cla13
{
	position:absolute;
	top:330px;
	left:400px;
	cursor:pointer;
}

.Cla15
{
	position:absolute;
	top:330px;
	left:520px;
	cursor:pointer;
}

/******************/
.word1
{
	position:absolute;
	top:315px;
	left:56px;
    width:160px;
    font :12px Verdana;
    color :#000088;
    font-weight:bold;
  
}
.word6
{
	position:absolute;
	top:315px;
	left:225px;
    width:100px;
    font :12px Verdana;
    color :#000088;
    font-weight:bold;
}

.word4
{
	position:absolute;
	top:315px;
	left:365px;
    font-weight:bold;
    width:100px;
    font :12px Verdana;
    color :#000088;
    font-weight:bold;
}

.word5
{
	position:absolute;
	top:315px;
	left:505px;
    font-weight:bold;
    width:100px;
    font :12px Verdana;
    color :#000088;
    font-weight:bold;
}

.word18
{
	position:absolute;
	top:430px;
	left:85px;
    font-weight:bold;
    width:160px;
    font :12px Verdana;
    color :#000088;
    font-weight:bold;
}
.word19
{
	position:absolute;
	top:430px;
	left:265px;
    font-weight:bold;
    width:160px;
    font :12px Verdana;
    color :#000088;
    font-weight:bold;
}


.word3
{
	position:absolute;
	top:430px;
	left:448px;
    font-weight:bold;
    width:100px;
    font :12px Verdana;
    color :#000088;
    font-weight:bold;
}

.word7
{
	position:absolute;
	top:410px;
	left:160px;
    font-weight:bold;
    width:100px;
    font :10px Verdana;
    color :#000088;
    font-weight:bold;
}

.word11
{
	position:absolute;
	top:410px;
	left:280px;
    font-weight:bold;
    width:100px;
    font :10px Verdana;
    color :#000088;
    font-weight:bold;
}
.word13
{
	position:absolute;
	top:410px;
	left:400px;
    font-weight:bold;
    width:100px;
    font :10px Verdana;
    color :#000088;
    font-weight:bold;
}
.word15
{
	position:absolute;
	top:410px;
	left:520px;
    font-weight:bold;
    width:100px;
    font :10px Verdana;
    color :#000088;
    font-weight:bold;
}

.seled{ border: solid 3px black;
}


#dropmenudiv{
position:absolute;
border-bottom-width: 0;
font:normal 10px Verdana;
line-height:14px;
z-index:100;
color:#000088;
margin-top:220px;
border:thin dashed #EAEAFF;

}

#dropmenudiv span{
width: 100%;
display: block;
text-indent: 5px;
padding: 1px 0;
/*font-weight: bold;*/
}

#dropmenudiv span:hover{ /*hover background color*/
background-color: #EAEAFF;
}

.txtind
{
     text-indent:13px;
}

/*    
optgroup
{color:#333300;}
option
{color:#333300;}
*/

.dubline { 
border: 0 none inherit;
border-bottom: medium double; 

}

.subhr
{
    font-size:  x-small;
    color:Black 
}

.hrsm
{
}