/* !--- GLOBAL --- */

* {
	margin:0px;
	padding:0px;
}

body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/bg_body.gif);
	background-repeat: repeat;
}

:focus, :active { 
	outline: 0; 
}

.clear {
	clear:both;
}

a img {
	border:0px;
}

.fixed:after {
	clear:both;
	content:"."; 
	display:block; 
	height:0; 
	visibility:hidden;
}

.fixed { display:block; }

/*  \*/
.fixed { min-height:1%; }

* html .fixed {	height:1%; }

/*--- Font Size (em) Bug Fixing for IE ---*/

H1 {font-size:2em}  /* displayed at 24px */
H2 {font-size:1.5em}  /* displayed at 18px */
H3 {font-size:1.25em}  /* displayed at 15px */
H4 {font-size:1em}  /* displayed at 12px */
/* INPUT, SELECT, TH, TD {font-size:1em} */
LI LI, LI P, TD P, BLOCKQUOTE P {font-size:1em}

/* -------------------------------------- */

/* !--- CONTENT --- */

#container {
	width: 999px;	/* 1031px */
	padding: 7px 16px;
	margin: 0px auto;
	background-image: url(../images/bg_container.gif);
	background-repeat: repeat-y;
	background-color: #fff;
}

#zoom{
	z-index:9999;
}

/* !--- HEADER --- */

#header {
	margin-bottom: 5px;
}

	#header a img.logo {
		float: left;
		margin-right: 30px;
	}
	
	#header .upper_banner {
		float: left;
	}
	
	#header #countdown {
		width: 654px;
		height: 78px;
		float: left;
		background-color: #868585;
		margin-top: 10px;
		margin-right: 10px;
	}
	
		#header #countdown img {
			float: left;
		}
		
		#header #countdown  div.login{
			width: 364px; 
			height: 78px;
			float: left;
		}
		#header #countdown  div.login input.text{
			height:12px;
			width:120px;
			margin-bottom: 5px;
			font-size: 1em;
			border: #D7D7D7 solid 1px;
		}
		#header #countdown  div.login input.submit{
			background-color: #B6B6B6;
			font-weight: bold;
			border:0px;
			margin-left:87px;
			padding:0px 25px;
		}
		#header #countdown  div.login label{
			font-style: georgia, serif;
			width:80px;
			color:white;
			font-weight: bold;
			font-size: 1.25em;
			display:block;
			float:left;
		}
		
		#header #countdown  div.login div.right{
			color:white;
			font-size: 1.25em;
			display:block;
			float:left;
			width:125px;
			margin-left:10px;
		}
		#header #countdown  div.login div.right a{
			color:white;
			text-decoration: none;
		}
		#header #countdown  div.login div.right a:hover{
			text-decoration: underline;
		}
		
		#header #countdown object {
			float: left;
			margin: 0px 12px;
		}
		
	/*
#header a img.bs {
		float: left;
		margin-top: 10px;
	}
*/
	
	#header .bs {
		float: left;
		margin-top: 10px;
	}
	
	#header #top_links
	{
		color:#FFFFFF;
		font-size:1.3em;
		font-weight:bold;
		line-height:24px;
	}
	#header #top_links h2
	{
		color:#FFFFFF;
		font-size:1em;
		background-color: #0060A1;
		padding: 0 12px;
	}
	#header #top_links p
	{
		color:#FFFFFF;
		font-size:1em;
		padding: 0 12px;
	}
	#header #top_links a
	{
		color:#FFFFFF;
		text-decoration:underline;
	}
	
/* !--- CONTENT CONTAINER --- */

#content_container {
	width: 998px;
	background-image: url(../images/bg_content.gif);
	background-repeat: repeat-y;
	background-color: #fff;
	margin-bottom: 7px;
}

/* !--- NAVIGATION (Left Column) --- */

#navigation {
	width: 141px;
	float: left;
	margin-right: 5px;
	background-color: #868484;
}

	#navigation h2 {
		display: block;
		color: #fff;
		background-color: #000;
		padding: 8px;
		font-size: 1.4em;
	}

	#navigation #search_box {
		background-color: #bbb;
		padding: 3px;
	}
	
	#navigation #search_box #frm_search {
		text-align: center;
	}
	
		#navigation #search_box #frm_search input.text {
			padding: 1px;
			margin-bottom: 20px;
		}
		
	#navigation #menu {
		list-style: none;
		margin-bottom: 28px;
	}
	
		#navigation #menu li {
			border-bottom: 2px solid #fff;
			
			position:relative; 
		}
		
			#navigation #menu li a {
				display: block;
				padding: 8px;
				font-size: 1.2em;
				text-decoration: none;
				font-weight: bold;
				color: #fff;
			}
			
			#navigation #menu li a:hover {
				background-color: #0060A1;
			}
			
				#navigation #menu li ul {
					display: none;
					list-style: none;					
					position:absolute;
					top:0;
					left:130px;
					background:#868484;
					opacity:0;
				}
				
					#navigation #menu li ul li {
						position: relative;
						width: 220px;
						border-bottom: 0px;
					}
					
						#navigation #menu li ul li a {
							display: block;
							padding: 5px 8px;
							font-weight: normal;
							font-size: 1.1em;
						}
						
						#navigation #menu li ul li a:hover {
							background-color: #0060A1;
						}
													
/* !--- CONTENT (Middle Column) --- */

#content {
	width: 849px;
	float: left;
	background-color: #fff;
}


	#content h1 {
		display: block;
		color: #fff;
		background-color: #0060A1;
		padding: 8px;
		font-size: 1.4em;
		margin-bottom: 5px;
	}
	#content h1 div{
		font-size:0.8em;
		font-weight:normal;
		margin:10px 250px 0 0;
	}
	#content h2.welcome{
		font-size:1.2em;
		margin-bottom:14px;
		font-weight: normal;
	}
	
		#content h2.welcome a {
			color: #0060A1;
			text-decoration: none;
		}
	
	#content img.right {
		float: right;
		margin:0 0 10px 10px;
	}
	
	#content .text {
		padding: 4px;
	}
	
		#content .text p {
			font-size: 1.2em;
			margin-bottom: 14px;
		}
		#content .text p.sub {
			font-size: 1.2em;
			margin-bottom: 0px;
			margin-left:7px;
			margin-top:7px;
			color: #000000;
		}
		
		#content .text p.mgn_btm {
			margin-bottom: 40px;
		}
		
		#content .text p a {
			color: #B2002C;
			text-decoration: none;
		}
		
		#content .text p a:hover {
			color: #444;
			text-decoration: underline;
		}
		
		#content .text h3 {
			font-size: 1.6em;
			margin-bottom: 4px;
		}
	

	
			
/* !--- 2 Column Layout (Index) --- */

#content .text p.welcome {
	text-align: center;
	font-size: 1.4em;
	color: #0060A1;
	margin-bottom: 20px;
}

	#content .text p.welcome span {
		font-size: 1.2em;
	}

#content .text #columns-2 #left {
	float: left;
	width: 324px;
	margin-right: 30px;
}

#content .text #columns-2 #right {
	float: left;
	width: 272px;
	margin-right: 30px;
}

/* !--- 3 Column Layout (CI/SfB) --- */

#content .text #columns-3 #left {
	float: left;
	width: 248px;
	margin-right: 30px;
}

#content .text #columns-3 #middle {
	float: left;
	width: 248px;
	margin-right: 30px;
}

#content .text #columns-3 #right {
	float: left;
	width: 248px;
}

	#content .text #columns-3 ul.search {
		margin-left: 10px;
		list-style: none;
		line-height: 1.5;
		margin-bottom: 20px;
	}
	
		#content .text #columns-3 ul.search li a {
			color: #006699;
			text-decoration: none;
		}
		
		#content .text #columns-3 ul.search li a:hover {
			color: #444;
			text-decoration: underline;
		}


/* !--- 2 Column Layout (Index/new) --- */
#content .text.home { padding: 20px 40px; }

#content .text.home span
{
	color: #00589B;
	font-weight: bold;
}
/*
#content .text.home ol
{
	margin-bottom:14px;
}
#content .text.home li
{
	font-size:1.2em;
	vertical-align: middle;
}
*/


#content #homeHowToUse {
	float: left;
	margin-right: 32px;
	width: 442px;
}

	#content #homeHowToUse #homeHowToUseMiddle {
		border-left: 3px solid #5786b8;
		border-right: 3px solid #5786b8;
		padding: 10px;
		width: 416px;	/* 436px */
	}
	
		#content #homeHowToUse #homeHowToUseMiddle ol { margin-left: 80px; }		
		
				#content #homeHowToUse #homeHowToUseMiddle ol li h3 { font-size: 1.8em; }

#content #coverflow {
	float: left;
	width:247px;
	min-height: 100px;
	border: 3px solid #5786b8;
	/*padding: 10px;*/
	-moz-border-radius:15px 15px 15px 15px;
	border-radius:15px 15px 15px 15px;
}
#content #coverflow #coverflow_flash{
	margin-top:10px;
}
#content #coverflow #coverflow_company{
	/*border-top: 3px solid #5786b8;*/
	padding:5px;
}

/* !--- Library - Literature --- */

#content .text ul.library {
	list-style: none;
}

	#content .text ul.library li {
		width: 115px;
		float: left;
		margin: 10px 10px 10px;
		min-height:250px;	/* 240px */
		padding:10px 0;
		
			
	}
	
		#content .text ul.library li h3 {
			font-size: 1.3em;
			text-align: center;
			min-height:50px;
		}
		
		#content .text ul.library li img {
			margin-bottom: 5px;
			border: 2px solid #ccc;
			width:100px;
			height:140px;
			margin-left:4px;
			margin-right:2px;
		}
		ul.library li input
		{
			margin-left:4px;
		}
		
		#content .text ul.library li a.thumbnail{
			position: relative;
			z-index: 0;
			background-color: transparent;
		}
/*		
		#content .text ul.library li a.thumbnail:hover{
			
			z-index: 50;
		}
*/	
		#content .text ul.library li a.thumbnail span{ /*CSS for enlarged image*/
			position: absolute;
			background-color: #fff;
			padding: 5px;
			/*left: -1000px;*/
			border: 1px dashed #999;
			display: none;
			color: black;
			text-decoration: none;
		}
		
		#content .text ul.library li a.thumbnail span img{ /*CSS for enlarged image*/
			border-width: 0;
			padding: 2px;
		}
		
/*		
		#content .text ul.library li a.thumbnail:hover span{
			display: inline;
			top: -163px; 
			left: 130px; 		
		}
*/	
		#content .text ul.library li input {
/* 			margin-left: 10px; */
			float: left;
			margin-right: 4px;
		}
		
		#content .text ul.library li label {
			font-size: 1.1em;
			line-height: 1.5;
			display: block;
			width: 90px;
			float: left;
		}
		
		#content .text ul.library li br {
			clear: left;
		}

/* !--- FOOTER --- */

#footer {
	height: 14px;	/* 28px */
	width: 978px;	/* 998px */
	padding: 7px 10px;
	background-color: #000;
}

	#footer ul.left {
		float: left;
		list-style: none;
		font-size: 1.2em;
	}
	
		#footer ul.left li {
			float: left;
			margin-right: 12px;
		}
		
			#footer ul.left li a {
				color: #fff;
				text-decoration: none;
			}
			
			#footer ul.left li a:hover {
				text-decoration: underline;
			}
			
	#footer p.right {
		float: right;
		color: #fff;
		font-size: 1.2em;
	}
	
	
#img_preview
{
	display:none; 
	position:absolute;
	margin-left:545px;
	border:2px solid #CCCCCC;
	width:298px;
}
	
/* !--- SEARCH SUGGESTIONS --- */	
.suggestions
{
	background-color:white;
	border:1px solid #7F9DB9;
	margin-left:9px;
	margin-top:-21px;
	position:absolute;
	width:300px;
	z-index:100;
	display:none;
}
.suggestions ul
{
	list-style-type: none;
}

.suggestions li
{
	text-align:left;
	margin:2px;
	background-color:#E8E8E8;
	display:block;
	text-decoration: none;
	color:#333333;
	cursor: pointer;
}
.suggestions li.selected
{
	background-color:#DDDDDD;
}

#content a.view_more {
		color: #006699;
		text-decoration: none;
}
#content a.view_more:hover {
	color: #444;
	text-decoration: underline;
}
#content a h3 {
		color: #006699;
		text-decoration: none;
}
#content a h3:hover  {
	color: #444;
}

#content a p {
		color: #006699;
		text-decoration: none;
}
#content a p:hover  {
	color: #444;
}
iframe{
	border-width: 0px;
}