/**********************************************************************************************************
 global CLASSES
 **********************************************************************************************************/

* {
	vertical-align: 						baseline;
	font-size: 								100%;
	border: 								0 none;
	outline: 								0;
	padding: 								0;
	margin: 								0;
}

body {
	background-image:						url(../images/bg_82a8da.jpg);
	background-repeat:						repeat;
	height: 								100%;
	font-family:							Arial;
	font-size: 								0.75em;
}

a:link {
	color: #3366cc;
}

a:visited {
	color: #003366;
}

a:hover {
	color: #666;
}


p {
	line-height: 16px;
	margin-top: 5px;
	margin-bottom: 18px;
}

.clearfloat {
	clear:									both;
	height:									1px;
	line-height:							1px;
}

/**********************************************************************************************************
structure CLASSES: DO NOT MIX UP 
 **********************************************************************************************************/

.container {
	width: 									100%;	
	height:									648px;
	background-image:						url(../images/bg_clouds.jpg);
	background-repeat: 						no-repeat;
	background-position:					top center;
}

.core {
	width:									960px;
	border:									0px solid black;
	margin:									0 auto;
}

.SGMS {
	background-repeat:						no-repeat;
	background-position:					top right;
	height:									95px;
	float:									right;
	text-align: right;
}


#banners {
	width:									960px;
	height:									220px;
	border:									0px solid purple;
	z-index: 								-1;
}

#sub_banner {
	width:									960px;
	height:									114px;
	background-image:						url(../images/subpage_banner.png);
	background-position:					top right;
	background-repeat:						no-repeat;
}

.contain_a {
	width: 									960px;
	background-image:						url(../images/contain_bg.gif);	
	background-repeat:						repeat;
}	

.contain_b {
	margin:									-3px 3px 0 3px;
	padding:								0 3px 10px 3px;
	width:									947px;
	background-color: 						#fff;
	border:									1px solid #fff;
}

.contain_b_sub {
	margin:									0 3px 0 3px;
	padding:								0 3px 10px 3px;
	width:									947px;
	background-color: 						#fff;
	background-image: url(../images/sub_bg.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	border:									1px solid #fff;
}

.compass_search { 
	background-color: 						blue;
}

.breadcrumbs { 
	border-bottom: 							1px solid #ccc; 
	margin: 								0px 5px 20px 5px;
	padding: 								0 0 5px 0;
}

.contain_c {
	width: 									700px;
	float: 									left;
	margin-left: 							10px;
}

.contain_d {
	width: 									220px;
	float: 									right;
}

.contain_e {

}

.footer {
	background-image:						url(../images/footer.gif);	
	height: 								20px;
	color:									#fff;
	width: 									960px;
	line-height:							20px;
	text-align: 							center;
}

/**********************************************************************************************************
single CLASSES/ELEMENTS: Add from here
 **********************************************************************************************************/
 
 .contain_a form{
	
}	
 #mom_logo {
	margin-left:							10px;
 }
 
 .breadcrumbs span {
	color: 									#669900;
	font-weight: 							bold;
	left: 0px;
}
 
.rb {
	width: 									208px;
	margin-bottom: 							10px;
}

.rb_top {
	background-image: 						url(../images/right_box_top.gif);
	background-repeat: 						no-repeat;
	width: 									208px;
	height: 								25px;
	font-weight: 							bold;
	color: 									#fff;
}

	.rb_top span {
		position: 							relative;
		top: 								5px;
		left: 								10px;
	} 
		
.rb_mid {
	background-image: 						url(../images/right_box_mid.gif);
	background-repeat: 						repeat-y;
	width: 									208px;
}

	.rb_mid ul {
		padding: 							10px;
	}

		.rb_mid ul li {
			list-style-image:				none;
			list-style-position:			outside;
			list-style-type:				none;
		}	
			.rb_mid a:link {
				text-decoration: none;				
			}
				.rb_mid a:visited {
					text-decoration: none;				
				}				
					.rb_mid a:hover {
						text-decoration: underline;				
					}							
		
ul.rb_li li {
	background:								transparent url(../images/rb_bullet.gif) no-repeat scroll 0px 3px;
	color:									#0070BC;
	padding-left:							16px;
	padding-top:							1px;
	margin-bottom:							4px;
}

ul.home_li li {
	background:								transparent url(../images/home_bullet.gif) no-repeat scroll 0px 3px;	
	padding-left:							16px;
	padding-top:							1px;
	margin-bottom:							4px;	
	list-style-image:						none;
	list-style-position:					outside;
	list-style-type:						none;	
}
		
.rb_bot {
	background-image: 						url(../images/right_box_bot.gif);
	background-repeat: 						no-repeat;
	width:									208px;
	height: 								6px;
}
 
.contain_c h3 {
	background: 							transparent url(../images/index_head.gif) no-repeat scroll;
	height: 								30px;
	color: 									#fff;
	padding: 								5px 0 0 10px;
	font-weight: 							bold;
}

.contain_c h3.subpage {
	background: 							transparent url(../images/sub_head.gif) no-repeat scroll;
}

#compassflash {
 	width: 360px;
	height: 160px;
	float: left;
	border: 0px solid red;
	z-index: 100;
	position: absolute;
	top: 274px;
 }
 
 #compassflash2 {
  	width: 360px;
	height: 160px;
	float: left;
	border: 0px solid red;
	z-index: 100;
	position: absolute;
	top: 168px;
 }
 
.compass_search_b {
	width: 580px;
	float: right;
	bordeR: 0px solid black;
 }
 
.compass_search_b table td {
	display: table-cell;
	padding: 3px;
	vertical-align: middle;
}
 
.search_keyword {
	display: 								inline; 
	position: 								relative; 
	top: 									3px;
}
 
.search_td { 
	background-image: 						url(../images/search_bg.gif);
	background-repeat: 						repeat-x;	
	height: 								47px;
	width: 194px;
}

.bc {
	position:								relative;
	top:									25px;
	
}

span.bc span {
	color: 									#000;
}
 
.page_tools {
	float: 									right;
}
 
 .main_search {
	background-image:						url(../images/main_search.png); 
	background-color:						transparent;
	width: 									183px; 
	height: 								23px; 
	text-indent:							-999px; 
	overflow: 								hidden; 
	font-size: 								0px; 
	line-height: 							0px; 
	position: 								relative; 
 }
 
 .div_mainsearch {
 position: relative; display: inline; top: -4px;
 }
 
 #navigation_ul {
	height:									39px;
	background-image:						url(../images/navi_bg.png);
	background-repeat: 						no-repeat;
	background-position:					top center;	
	list-style:								none;
	padding:							 	2px 0 0 3px;					
	
 }
 
 #navigation_ul li {		
	float: 									left;
 }
 
 #navigation_ul a * {
	display: 								none;
}

#navigation_ul a,
#navigation_ul a .hover {
	height: 30px;
	position: relative;
	display: block;
	background: url(../images/c_sprite.jpg) 0 0 no-repeat;
}

/* individual navigation items */
#navigation_ul a.home {
  background-position: 0 0;
  width: 54px;
}

#navigation_ul .highlight a.home:hover,
#navigation_ul a.home .hover {
  background-position: 0 -30px;
}

#navigation_ul a.about {
  background-position: -53px 0px;
  width: 71px;
}

#navigation_ul .highlight a.about:hover,
#navigation_ul a.about .hover {
  background-position: -54px -30px;
}

#navigation_ul a.overview {
  background-position: -125px 0;
  width: 139px;
}

#navigation_ul .highlight a.overview:hover,
#navigation_ul a.overview	 .hover {
  background-position: -125px -30px;
}

#navigation_ul a.industries {
  background-position: -264px 0;
  width: 70px;
}

#navigation_ul .highlight a.industries:hover,
#navigation_ul a.industries .hover {
  background-position: -264px -30px;
}

#navigation_ul a.occupation {
  background-position: -334px 0;
  width: 113px;
}

#navigation_ul .highlight a.occupation:hover,
#navigation_ul a.occupation .hover {
  background-position: -334px -30px;
}

#navigation_ul a.faq {
  background-position: -447px 0;
  width: 48px;
}

#navigation_ul .highlight a.faq:hover,
#navigation_ul a.faq .hover {
  background-position: -447px -30px;
}

#navigation_ul a.acknowledgements {
  background-position: -495px 0;
  width: 119px;
}

#navigation_ul .highlight a.acknowledgements:hover,
#navigation_ul a.acknowledgements .hover {
  background-position: -495px -30px;
}

#navigation_ul a.feedback {
  background-position: -614px 0;
  width: 74px;
}

#navigation_ul .highlight a.feedback:hover,
#navigation_ul a.feedback .hover {
  background-position: -614px -30px;
}

/** floating panel css **/
	
	.moreinfo {
		text-decoration:	none;
	}
	
	.floatingpanel {
		position:			absolute;
		margin-top:			20px;
		margin-left:		-3px;
		width:				131px;
		height:				109px;
		padding-top:		32px;
		padding-left:		13px;
		padding-right:		13px;
		background:			transparent url(../images/floatingpanel.png) no-repeat top left;	
		z-index: 			1000;
		text-indent:		0px;
		color:				#333333;
		display:			none;
	}
	
	.floatpanel2 {
		margin-left: 		50px;
	}
		
	a:hover .floatingpanel {
		display:			block;
	}
	
	.floatingpanel h2 {
		margin:				0;
		padding:			0;
		color:				white;
		font-weight:		normal;
		font-size:			1.2em;
	}
	
	.floatingpanel p {
		margin:				0;
		margin-top:			5px;
		padding:			0;
		color:				#333333;
	}

#chromefloater, #chromefloater2 {
 position: relative; display:inline;
}
/** submenu **/
/**
li.parent {
	height: 30px;
	overflow: hidden;
}
#navigation_ul .submenu li a {
	background-image: none;
}**/


#navigation_ul li ul {	
	z-index: 1000;
	width: 150px;
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
}
		
		#navigation_ul li ul li {			
			background-repeat: repeat-x;
			background-position: top left;
			float: none;
			display: inline
		}
		
		#navigation_ul li ul li a {
			font-weight: bold;
			color: #336699;
			background-image: url(../images/bg_navi_hover.gif) !important;
			background-repeat: repeat-x;
			border-bottom: 1px solid #ccc;
			border-left: 1px solid #ccc;
			border-right: 1px solid #ccc;
			position: relative;
			padding: 3px 3px 0px 3px;
			width: auto;
			text-decoration: none;
			height: 20px;
		}
		
		#navigation_ul li ul li a:hover {	
			background-image: url(../images/bg_navi.gif) !important;
			/**color: #B29685;**/
			color: #fff;
		}

#navigation_ul .submenu li a, #navigation_ul .submenu li a span {
		background-image: none;
}	

ul .submenu li a:hover {
	color: #3366cc;
}

table.tbl_input input, table.tbl_input textarea, table.tbl_input select {
    border: 1px solid #ccc;
	width: 250px;
}

.tbl_input {
width: 100%;
}

.width100p {width: 100%;}
.width80p {width:80%;}
.width85p {width:88%;}
.width90p {width:90%;}

.width180px {
	width:									180px; 
	left:									0;
}

.collapsePanelHeader {
	height: 								20px;
	background-image: 						url(../images/bg_collapse1.gif);
	background-repeat: 						repeat-x;
	border: 								1px solid #cccccc;
}

.collapsePanelHeader_pos {
	padding: 								3px; 
	cursor: 								pointer; 
	vertical-align: 						middle;
	font-weight: 							bold;
	color: 									#0099ff;
}

.collapsePanel {	
	border: 								1px solid #ccc;
	background-image: 						url(../images/bg_collapse1.gif);
	background-position: 					bottom left;
	background-repeat: 						repeat-x;
}

.collapsePanel p, .collapsePanel div, .collapsePanel ul, .collapsePanel ol {
	margin:									10px;
}

.collapsePanel li {
	list-style-type: none;
	padding-left: 10px;
	background-image: url(../images/red_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

.gvs  table{

}

.expand {
	background-color:						transparent;
	background-image: 						url(../images/expand.gif);
	background-repeat: 						no-repeat;
	background-position:					0 0px;
	text-indent:							15px;
	position: 								relative;
	font-weight: 							bold;
	
}

.hide {
	background-color:						transparent;
	background-image: 						url(../images/hide.gif);	
	background-repeat: 						no-repeat;
	background-position:					0 0;	
	text-indent:							15px;	
	position: 								relative;
	font-weight: 							bold;	
}

.print {
	background-color:						transparent;
	background-image: 						url(../images/print.gif);	
	background-repeat: 						no-repeat;
	background-position:					0 0;	
	text-indent:							15px;	
	position: 								relative;
	font-weight: 							bold;		
}

.toggles {
	width:									100%;
	text-align:								right;
}

.alpha_listing {
	background-image: url(../images/bg_occIndex.gif);
	background-repeat: no-repeat;
	margin: auto;
	width: 690px;
	height: 26px;
	display: block;
	line-height: 26px;
	margin-top: 10px;
}

.alpha_listing ul {
	padding-left: 40px;
	height: 26px;
}

.alpha_listing ul li {
	background-image: none;
	list-style-type: none;
	float: left;
	margin-right: 15px;
}

.alpha_listing ul table {
	height: 26px;
	padding: 0;
	margin: 0;
}

.listing_list {
	margin-top: 20px;
	padding-bottom: 10px;
	border: 1px solid #ccc;
}

.listing_list_0top {
	padding-bottom: 10px;
	border: 1px solid #ccc;
}

.sq_p {
	margin-bottom: 0;
	padding-bottom: 0;
}

.listing_list h1 {
	font-size: 25px;
	padding: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

.listing_list ul {
	padding-left: 20px;
}

.listing_list ol {
	padding-left: 20px;
}

.listing_list_home {
	padding-left: 0px;
}

.listing_list ul li {
	background:								transparent url(../images/home_bullet.gif) no-repeat scroll 0px 5px;	
	padding-left:							16px;
	padding-top:							1px;
	margin-bottom:							4px;	
	list-style-image:						none;
	list-style-position:					outside;
	list-style-type:						none;	
}

.listing_list ol li {
	padding-left:							16px;
	padding-top:							1px;
	margin-bottom:							4px;	
}

.p10_trdl {
	padding: 								10px;
	background-color: #fff;
}	

.p10_trdl ul li {
	background:								transparent url(../images/home_bullet.gif) no-repeat scroll 0px 5px;	
	padding-left:							16px;
	padding-top:							1px;
	margin-bottom:							4px;	
	list-style-image:						none;
	list-style-position:					outside;
	list-style-type:						none;
}

h1.occDetails {
	font-size: 								20px;
	border-bottom: 								1px solid #ccc;
	margin-bottom: 							10px;
}

.submitBtn {
overflow: hidden; 
background-image: url(../images/submit.gif); 
background-color: transparent; 
width: 82px; 
height: 29px; 
text-indent: -999px; 
font-size: 0px; 
line-height: 0px; 
border: 0 !important;
Cursor: pointer;
}

.cancelBtn {
overflow: hidden; 
background-image: url(../images/cancel.gif); 
background-color: transparent; 
width: 82px; 
height: 29px; 
text-indent: -999px; 
font-size: 0px; 
line-height: 0px; 
border: 0 !important;
Cursor: pointer
}

.NormalRed {
	color: #ff0000;
	font-weight : bold;
}

.uxNameTextBox {
	width: 450px !important;
}

td.vtopfix {
	vertical-align: top;

}

span.replace {
	font-weight: bold;
}

.arrow_pos {
float: right;
}

#select-wrapper select{
float: left;
border: 0;
}

.arrow_pos1 {
	background-color: #fff;
	cursor: pointer;
	width: 17px;
	height: 17px;
	float: right;
	position: relative;
	left: -1px;
}

.arrow_pos1 img {
	margin-right: 3px;
	margin-top: 5px;
}
/**********************************************************************************************************
	Begin of Confirm Box Styling
 **********************************************************************************************************/

body {height:100%; margin:0;}
#confirm {display:none;z-index:9999}

/* Overlay */
#confirm-overlay {background-color:#eee; cursor:auto;}

/* Container */
#confirm-container {height:400px; width:650px; font-family:'Arial'; font-size:12px; line-height:26px; text-align:center; background:#fff; border:2px solid #336699;}
#confirm-container .header {height:30px; width:100%; background:url(../image/confirm/header.gif) repeat-x; color:#fff; font-size:1.1em; font-weight:bold; line-height:30px;}
#confirm-container .header span {padding-left:8px; }
#confirm-container .message {color:#333; margin:0; padding:12px 4px 12px 8px; font-size:1em;}
#confirm-container .buttons {width:400px; float:right; padding:10px 8px 0;} 
#confirm-container .buttons div {float:right; margin-left:4px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; background:url(../image/confirm/button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;} 
#confirm-container a.modal-close,
#confirm-container a.modal-close:link,
#confirm-container a.modal-close:active,
#confirm-container a.modal-close:visited {text-decoration:none; font-size:1.1em; position:absolute; top:-1px; left:400px; color:#ccc;}
#confirm-container a.modal-close:hover {color:#eee;}

#confirm-container-small {height:150px; width:350px; font-family:'Arial'; font-size:12px; line-height:26px; text-align:center; background:#fff; border:2px solid #336699;}
#confirm-container-small .header {height:30px; width:100%; background:url(../image/confirm/header.gif) repeat-x; color:#fff; font-size:1.1em; font-weight:bold; line-height:30px;}
#confirm-container-small .header span {padding-left:8px; }
#confirm-container-small .message {color:#333; margin:0; padding:12px 4px 12px 8px; font-size:1em;}
#confirm-container-small .buttons {width:300px; float:right; padding:10px 8px 0;} 
#confirm-container-small .buttons div {float:right; margin-left:4px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; background:url(../image/confirm/button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;} 
#confirm-container-small a.modal-close,
#confirm-container-small a.modal-close:link,
#confirm-container-small a.modal-close:active,
#confirm-container-small a.modal-close:visited {text-decoration:none; font-size:1.1em; position:absolute; top:-1px; left:400px; color:#ccc;}
#confirm-container-small a.modal-close:hover {color:#eee;}

/**********************************************************************************************************
	End of Confirm Box Styling
 **********************************************************************************************************/


/** entry dated: 30/03/2010 **/
.SGMS img {
	
}
.SGMS span {	
	display: block;
	color: #fff;
}

.SGMS span a:link, .SGMS span a:visited{
	color: #fff;
}

.SGMS form {
	margin-top: 8px;
}

.SGMS span a:hover {
	color: #3366CC;
}

.footer p {
	float: left;
	line-height: 20px;
	margin: 0px 0px 0px 5px;
}

.footer p a:link,.footer p a:visited,.footer p a:hover {
	color: #fff;
}

.footer span 
{
	float: right;
	margin-right: 5px;
}

.SGMS form table fieldset {
width: 200px;
margin-right: 5px;
float: left;
background: #fff url(../images/search.gif) no-repeat top left;
position: relative;
top: -3px;
border: 1px solid #ccc;
}

.SGMS form table input.search {
height: 21px; 
}

.SGMS  form table select {
	height: 21px;
	position: relative;	
	top: -2px;
}


/** sitemap **/
/*
	Sitemap Styler 	 
*/

#sitemap, #sitemap ul, #sitemap li{
	margin:0;
	padding:0;
	list-style:none;
}
#sitemap{}
#sitemap ul{
	display:none;
}
#sitemap li{
	line-height:20px;
	margin-top:1px;
	background:#eee url(../images/bg_collapse1.gif) repeat-x;
	position:relative;
	width:100%;
	border: 1px solid #cccccc;
	
}
/* IE leaves a blank space where span is added so this is to avoid that */
* html #sitemap li{
	float:left;
	display:inline;
}

#sitemap li a{padding-left:17px;color:#0099FF;font-weight:bold;text-decoration:none;}
#sitemap li span{float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;}
#sitemap li span, #sitemap li span.collapsed{background:url(../images/collapse_up.gif) no-repeat -1px 0px;} 
#sitemap li span.expanded{background:url(../images/expand_down.gif) no-repeat -1px 0px;}

/* second level */

#sitemap li li{
	background:#fff; height:20px;border:none;
}
#sitemap li li a{padding-left:46px;background:url(../images/tree.gif) no-repeat 25px 3px;color:#000;font-weight:normal;}
#sitemap li li a:hover{color:#3366CC;text-decoration: underline;}
#sitemap li li span{left:28px;}

/* third level */

#sitemap li li li a{padding-left:84px;}
#sitemap li li li span{left:56px;}

/* etc. */

/*  */
.tbl_input textarea {
	font-size: 12px;
}

.p_lastUpdated {
	font-size: 11px;
	margin: 18px 0 0 10px;
}

.p_lastUpdated span.bold {
	font-weight: bold;
}

.pri fieldset select {
	margin: 14px;
}

.pri {
	margin-left: 20px;
}

.selectbox  {
	behavior: expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this):0);
}

.displaynone {
	display: none;
}