/* Color and links*/
/* background properties, colors, images, as well  as text colors */


	.red {
	color:#D00000;
	}
	
	.dark_blue {
	color:#21455F;
	}

	.line_top_1px {
		border-top: thin solid #FFFFFF;
	}

	.white_bold {
	color:#FFFFFF;
	font-weight:bold;
	}
	
	.dotted_under_150 {
	width:150px;
	padding:10px;
	background: url(../../images_HTML/bg_dotted.gif) repeat-x;
	}
	
	li.pop_up_mainloader a {
	/*color:#D00000;*/
	text-decoration:underline;
	}
	
/* =Nav main (Departments A)
----------------------------------------------------------------------------- */
#nav_main ul a:link, #nav_main ul a:visited {
	display: block;
	padding-top:2px;
	padding-right:10px;
	padding-bottom:2px;
	padding-left:12px;
	margin-bottom: 0px;
	font-weight:bold;
	text-transform: uppercase;
	color:#FFFFFF;
	background: #003366 url(../../images_HTML/Nav_A_redBar.gif) no-repeat left top;
		}
		
#nav_main ul li a:hover {		
	background: #146B9A url(../../images_HTML/Nav_A_redBar.gif) no-repeat left top;
	color:#FFFFFF;
	}
.nav_A_end {
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom: -2px;
background: #f3f3f3 url(../../images_HTML/Nav_A_redBar.gif) no-repeat left top;
	color:#21455f;
	}

/* :Presentation: main navigation current state -------------------------------------------------------------------------------------- */
	#nav_main li.current_depA a:link, #nav_main li.current_depA a:visited  {
	color:#21455f;
	 background: #f3f3f3 url(../../images_HTML/Nav_A_redBar.gif) no-repeat left top; 
	}

	#nav_main li.current_depA a:hover {
	color:#D00000;
	 background: #f3f3f3 url(../../images_HTML/Nav_A_redBar.gif) no-repeat left top; 
	}

/* =Navigation Main Top current state
---------------------------------------------------------------------------- */
	#nav_main_top li.current_maintop a {
	color:#D00000;
	}
	
	#nav_main_top li.current_maintop a:hover {
	color:#FF9393;
	}


/* =Navigation Reserved
----------------------------------------------------------------------------- */
	#nav_reserved li a:link, #nav_reserved li a:visited {
	color:#FFFFFF;
	font-weight:bold;
	}
	
	#nav_reserved li a:hover{
	color:#FF0000;
	}
/* =Active state for reserved links
------------------------------------------------------------------------------ */
	#nav_reserved li#current_reserved a {
	color:#FF0000;
	}
	
	#nav_reserved li#current_reserved a:hover {
	color:#FF9393;
	}
	
/* =Navigation B
------------------------------------------------------------------------------ */

	#nav_second li a:link, #nav_second li a:visited  {
	display:block;
	font-weight:bold;
	padding-right:12px;
	padding-left:21px;
	background: url(../../images_HTML/Arrow_R_whiteCircle.gif) no-repeat left top;
	}
	
	#nav_second li a:link span, #nav_second li a:link visited {
	color:#21455f;
	}
	#nav_second li a:hover span {
	color:#D00000;
	}
	
	#nav_second li a:hover {
	display:block;
	background: url(../../images_HTML/Arrow_R_RedOnly.gif) no-repeat left top;
	text-decoration: underline;
	}
	
/* =Active state of the button for B1-B16 one step tree
--------------------------------------------------------------------------------- */
	#nav_second li.B16x1_active a:link, #nav_second li.B16x1_active a:visited  {
	color:#D00000;
	background: url(../../images_HTML/Arrow_R_Red_Gray.gif) no-repeat left top;
	}	
	
	#nav_second li.B16x1_active a:hover {
	text-decoration:none;
	background: url(../../images_HTML/Arrow_R_RedOnly.gif) no-repeat left top;
	}

/* =Navigation B two steps tree
-------------------------------------------------------------------------------- */
	#current_B ul li a:link, #current_B ul li a:visited  {
	display:block;
	color:#003366;
	background-image:none;
	text-decoration: none;
	font-weight: normal;
	padding-bottom:10px;
	padding-left:34px;
	}
	
	#current_B ul li a:hover {
	display:block;
	text-decoration:none;
	color:#FF0000;
	background: url(../../images_HTML/red_brick.gif) no-repeat left top;
	}
/* =Active states inside the B16x12 two step tree
------------------------------------------------------------------------- */
	#current_B li.B16x12_active a:link, #current_B li.B16x12_active a:visited   {
	text-decoration:none;
	color:#FF0000;
	background: url(../../images_HTML/red_brick.gif) no-repeat left top;
	}

	#current_B li.B16x12_active a:hover  {
	text-decoration:underline;
	}


/* = Nav C1.TV
--------------------------------------------------------------------------------------------- */

/* =Pages Numbers Bar
---------------------------------------------------------------------------------------------- */
	
	#pages_num li a:link, #pages_num li a:visited  {
	display:block;
	width:15px;
	padding-top:5px;
	text-align: center;
		}

	#pages_num li a:hover {
		font-weight:bold;
		text-decoration:underline;
		}
/* =Presentation "Page No." current state
----------------------------------------------------------------------------------------------- */

		li#current_hint a {
		font-weight:bold;
		text-decoration:none;
		color:#D00000;
		}
		
		li#current_hint a:hover {
		color:#FF9393;
		}

/* =Enlarge button 
--------------------------------------------------------------------------------------------- */
	li#cell2 h6 a {
	padding-right:16px;
	}

	


/* =Print
--------------------------------------------------------------------------------------------- */
	#print a:link, #print a:visited  {
	height:24px;
	padding:0 25px 4px 0px;
	background: url(../../images_HTML/print.gif) no-repeat right center;
	}		

	#print a:hover {
	background: url(../../images_HTML/print_red.gif) no-repeat right center;
	}		


/* =Nav C2 Tabs
------------------------------------------------------------------------------ */
	#nav_c2Tabs ul li a{
	display:block;
	float:left;
	height:16px; /* very important to set up*/
	line-height:16px; /* very important to match heigth to have text in the middle */
	font-weight:bold; 
	text-align: center;	
	/* border:1px solid blue; */
	padding-bottom:2px; /* to add more space at the bottom */
	/* margin-top:-4px; */
	}
	
	.tab_separator {
	width:2px;
	background: url(../../images_HTML/bg_C2_tab.gif) no-repeat left top;
	height: 18px;
	}


/* =Tabs buttins
---------------------------------------------------------------------------------------------- */
	#nav_c2Tabs li a:link, #nav_c2Tabs li a:visited  {
	color:#FFFFFF; 
	width:93px; 
	background:#000000; 
	}

	#nav_c2Tabs li a:hover {
	background: #D00000 url(../../images_HTML/bg_C2_tab_red.gif) repeat-x left top;
	}


	
	/* li#tab1 a:link, li#tab1 a:visited, li#tab2 a:link, li#tab2 a:visited, li#tab3 a:link, li#tab3 a:visited, li#tab4 a:link, li#tab4 a:visited {
	color:#FFFFFF; 
	width:93px; 
	background:#000000; 
	} */
	
	/* li#tab1 a:hover, li#tab1 a:active, li#tab2 a:hover, li#tab2 a:active, li#tab3 a:hover, li#tab3 a:active, li#tab4 a:hover, li#tab4 a:active {
	background: #D00000 url(../../images_HTML/bg_C2_tab_red.gif) repeat-x left top;
	} */



/* =Next Tab button
--------------------------------------------------------------------------------------------- */
	
	li#next_tab a:link, li#next_tab a:visited {
	width:16px;
	 height:18px; 
	background: url(../../images_HTML/red_next.gif) no-repeat left top; 
	}
	
	
	li#next_tab a:hover, li#next_tab a:active {
	 background: url(../../images_HTML/red_next_over.gif) no-repeat left top; 
	}


/* =Previous Tab button
-------------------------------------------------------------------------------------------- */

	li#prev_tab a:link, li#prev_tab a:visited {
	width:16px;
	height:18px; 
	background: url(../../images_HTML/red_previous.gif) no-repeat left top; 
	}
	
	
	li#prev_tab a:hover, li#prev_tab a:active {
	background: url(../../images_HTML/red_previous_over.gif) no-repeat left top; 
	}





/* =Current Tabs state -------------------------------------------------------------------------------------- */
	#nav_c2Tabs li#current_tab a {
	 background: url(../../images_HTML/bg_C2_tab_red.gif) repeat-x left bottom; 
	}

	#nav_c2Tabs li#current_tab a:hover {
	 color:#FFC4C4;
	}

/* =Line under Tabs
--------------------------------------------------------------------------------------- */
/* :TODO: should not be visible if we have more than 4 Tabs presented */

	#line_under_tab {
	width:414px;
	height:3px;
	background: url(../../images_HTML/Gray_cccccc.gif) repeat-x left 2px;
	/* padding:1px; */
	/* border:1px solid green; */
	}



/* =Content C2.tabs and C1.TV links
-------------------------------------------------------------------------------------- */

	#content_c2Tabs p a:link, #content_c2Tabs p a:visited, #content_c1TV ul li p a:link, #content_c1TV ul li p a:visited {
		color:#D00000;
		} 

	#content_c2Tabs p a:hover, #content_c1TV ul li p a:hover {
		color:#D00000;
		text-decoration:underline;
		} 

	#tab_content h3 a:link, #tab_content h3 a:visited {
	color:#21455f;
	text-decoration:underline;
	}
	
	#tab_content h3 a:hover{
	color:#D00000;
	}

/* =Content Table C2.tabs
--------------------------------------------------------------------------- */

	.border_top {
	border-top:1px solid #d1d1d1;
	}
	
	.border_bottom {
	border-bottom:1px solid #d1d1d1;
	}
	
	.border_white_bottom {
	border-bottom:1px solid #ffffff;
	}
	
	.odd_row {
	background:#f3f3f3;
	}
	
	.border_right {
	border-right:1px solid #d1d1d1;
	color: #003366;
	}
	
	.border_left {
	border-left:1px solid #d1d1d1;
	}
	
	.arrow_right {
	background: url(../../images_HTML/Arrow_R_Red_Red.gif) no-repeat center center;
	}
 
 	.arrow_down {
	background: url(../../images_HTML/Arrow_D_Red_Red.gif) no-repeat center center;
	}

	.info_red {
	color:#D00000;
	font: 1.1em Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	/* font-weight:bold; */
	letter-spacing:0.03em;
	}
	
	.red {
	color:#D00000;
	}
	
	#tech_data td.info_red {
	padding:10px;
	}

/* =Hovering table rows, is really cool, but not for IE6
--------------------------------------------------------------------------- */
	tr:hover {
	color:#21455F;
	background: #DEEAF3;
	}


/* =QMS
---------------------------------------------------------------------------- */
#qms ul li a {
color: #21455F;
}



/* =D1
----------------------------------------------------------------------------- */
#dep_d1 ul li h4 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 1.1em;
	font-weight:bold;
	color:#D00000;
	padding: 4px 4px 7px 6px;
	margin-top:0px;
	margin-bottom:2px;
		}


/* =D2 (Contact Us)
------------------------------------------------------------------------------ */
	
	#qms ul li h4 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 1.1em;
	font-weight:bold;
	padding-left: 6px;
	margin-bottom:2px;
	}
	
	#dep_d2 ul {
	height:106px;
	background: url(../../images_HTML/contact_us.gif) no-repeat;
	}

	#dep_d2 ul li h5 {
	font-weight:normal;
	color:#000000;
	}

/* =D3 (Clients Resources)
------------------------------------------------------------------------------- */
	#dep_d3 ul#client_zone {
	background:#D7DEE3;
	border: solid 1px #B1B1B1;
	padding-bottom:10px;
	}
	
	#dep_d3 label {
	padding: 1px 6px;
	}
	
	
	#dep_d3 ul li#client_resources {
	font-size: 1.1em;
	font-weight:bold;
	background:#FFFFFF;
	/* padding-top:5px;
	padding-left:6px;
	/* margin-top:-7px; 
	padding-bottom:5px;
	/* border-bottom: 1px solid #B1B1B1; */
	}
	
	
	#dep_d3 ul li h6 {
	color:#FFFFFF;
	word-spacing:0.05em;
	line-height: 120%;
	background: #D00000 url(../../images_HTML/User_Incorrect.gif) repeat-x left top;
	padding: 3px 0 5px 9px;
	margin:0;
	}
	
	.cell_white {
	border:1px solid #21455f;
	background:#FFFFFF;
	}
	
	.cell_border {
	border:1px solid #CAD3D9;
	background:#E9EDEF;
	}
	
	.five_pixels {
	width:5px;
	}
	.three_pixels {
	width:3px;
	}
	
	.height_5px {
	background: url(../../images_HTML/height_5px.gif) repeat-x left top;
	}
	
	.border_bot_2px_darkblue {
	border-bottom:2px solid #21455f;
	}
	.border_bot_1px_darkblue {
	border-bottom:1px solid #21455f;
	}
	
	input#username, input#password, input#email {
	color:#21455f;
	border-color:#CAD3D9;
	}
	
	

/* =D4 (PDF documents)
-------------------------------------------------------------------------------- */
	#dep_d4 ul {
	background:#FFFFFF;
	border: solid 1px #B1B1B1;
	}

	#dep_d4_client ul {
	background:#E9EDEF;
	border-bottom:solid 1px #B1B1B1;
	}


	#dep_d4 li a {
		float:left;
		padding: 1px 3px;
		background: #FFFFFF;
		color:#232323;
		}
	
	#dep_d4_client li a {
		background: #FFFFFF;

		}
	
	
	
	
	#dep_d4 ul li span {
		float:right;
		padding: 1px 3px;
		background: #FFFFFF;
		font: 1em Georgia, serif;
		font-weight:bold;
		color:#D00000;
		}

	#dep_d4_client ul li span {
		float:right;
		padding: 1px 3px;
		background: #E9EDEF;
		font: bold 1em Georgia, serif;
		color:#336995;
		}

		
	
	#dep_d4 li#pdfs {
		margin: 0px;
		padding: 0px;
		border-bottom: solid 1px #B1B1B1;
		border-left: solid 2px #FFFFFF;
		border-right: solid 2px #FFFFFF;
		color:#FFFFFF;
		background: url(../../images_HTML/bg_titlePDF.gif) repeat-x !important; 
		background-position: 0 25%; /* Hack for Internet Explorer */
		}
		
		
	#dep_d4_client li#pdfs_client {
		border-bottom: solid 1px #B1B1B1;
		color:#FFFFFF;
		background: url(../../images_HTML/bg_titlePDF.gif) repeat-x !important; 
		background-position: 0 25%; /* Hack for Internet Explorer */
		}	
		
		
	#dep_d4 ul li h4 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 1.1em;
	font-weight:bold;
	padding: 4px;
	margin-top:2px;
	margin-bottom:3px;
		}
		
	#dep_d4_client ul li#pdfs_client h4 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 1.1em;
	font-weight:bold;
	padding:4px;
	margin-bottom:2px;
	margin-top:-1px;
		}
		
	ul#client_zone h4 {
	padding: 0 0 4px 6px;
	}	
		
		
/* =D5 (Video Documents)
-------------------------------------------------------------------------------- */
	#dep_d5 ul {
	background:#FFFFFF;
	border: solid 1px #B1B1B1;
	}
	
	#dep_d5_client ul {
	background:#E9EDEF;
	border-bottom:solid 1px #B1B1B1;
	}
	
	

	#dep_d5 li a {
		float:left;
		padding: 1px 3px;
		background: #FFFFFF;
		color:#232323;
		}

/* =Background under Client Resources Links
----------------------------------------------------------------------- */
	#dep_d5_client li a, #dep_d4_client li a {
		float:left;
		padding: 1px 3px;
		background: #E9EDEF;
		color:#21455f;
		}
	
	#dep_d5 li a:hover, #dep_d5_client li a:hover {
		color:#D00000;
		}
	
	#dep_d5 ul li span {
		float:right;
		padding: 1px 3px;
		background: #FFFFFF;
		font: 1em Georgia, serif;
		font-weight:bold;
		color:#CC0000;
		}

	#dep_d5_client ul li span {
		float:right;
		padding: 1px 3px;
		background: #E9EDEF;
		font: bold 1em Georgia, serif;
		color:#336995;
		}
	
	
	#dep_d5 li#videos {
		margin: 0px;
		padding: 0px;
		border-bottom: solid 1px #B1B1B1;
		border-left: solid 2px #FFFFFF;
		border-right: solid 2px #FFFFFF;
		color:#FFFFFF;
		background: url(../../images_HTML/bg_titleVIDEO.gif) repeat-x !important; 
		background-position: 0 25%; /* Hack for Internet Explorer */
		}
		
	#dep_d5_client li#videos_client {
		border-bottom: solid 1px #B1B1B1;
		color:#FFFFFF;
		background: url(../../images_HTML/bg_titleVIDEO.gif) repeat-x !important; 
		background-position: 0 25%; /* Hack for Internet Explorer */
		}		
		
		
		
	#dep_d5 ul li h4 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 1.1em;
	font-weight:bold;
	padding: 4px;
	margin-top:2px;
	margin-bottom:3px;
		}								

	#dep_d5_client ul li#videos_client h4 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 1.1em;
	font-weight:bold;
	padding:4px;
	margin-bottom:2px;
	margin-top:-1px;
		}
		
/* =Testimonials
------------------------------------------------------------------------- */
#testimonials{
	border:1px solid #B2B2B2;
	background-color:white;
}
#testimonials h3{
	background-color:#9DADB9;
	color:white;
}
#testimonials a,
#testimonials p{
	color:#8599A7;
}
#testimonials div.divider{
	display:block;
	width:116px;
	height:2px;
	margin:17px 0 0 15px;
	background:url(../../images_HTML/bg_testimonial_div.gif) repeat-x;
}