html, body	{margin:0; padding:0; color:#333; background-color:#E2E7FD; font:100% verdana,arial,helvetica,sans-serif; }

h1		{margin:0; padding:8px 0 8px 15px; color:#333; font-weight:bold; font-size:75%; background-color:#fff; border-bottom:1px solid #B3B3C1; }
h2		{margin:20px 0 8px 0; padding:0; color:#333; font-weight:bold; font-size:90%; }
h3		{margin:20px 0 8px 0; padding:0; color:#333; font-weight:bold; font-size:75%; }
h4		{margin:0 0 10px 0; padding:0; font-size:75%; }
p		{font-size:70%; margin:0 0 10px 0; }
/* to correct inline form element resizing issue. inputs looked tiny when inside <p> */
p input {font-size:100%; }  
ul,ol		{font-size:70%; margin:15px 0; padding:0 0 0 40px; }
ul ul	{font-size:100%; }
ul .tableStd th, ul .tableStd td, ul .tableStd input, ul .tableStd select, p label	{font-size:100%; } /* to fix other nesting styles */
a:link, a:visited	{color:#0469A5; }
a:hover	{color:#F79239; }
a img	{border:0; }
.noPrint {display:none; } 
.bold	{font-weight:bold; }
.floatLeft	{float:left; }
.clearing 	{height:0; clear:both; }
.noMarginTop	{margin-top:0; }
.marginTop		{margin-top:10px; }
.marginBottom	{margin-bottom:10px; }
.marginLeft		{margin-left:10px; }
.marginRight	{margin-right:10px; }

/* page structure */
#headerTop	{display:none; }
#headerTab	{display:none; }
#header		{background-color:#fff; border-bottom:1px solid #C3C6D7; height:72px; }
#mainContainer 	{height:1%; margin:13px 0 0 0; background:url("/assets/img/main/bg_content.gif") repeat; border:1px solid #B3B3C1;  }
#mainContent	{margin:0; padding:0; background:url("/assets/img/main/bg_nav.gif") repeat-y; }
#left			{display:none; }

/* navigation */
#topNav			{margin:0; padding:2px 10px 0 0; list-style-type:none; font-size:70%; text-align:right; }
#topNav span	{color:#fff; padding:0 4px; }
#topNav	li		{display:inline; }
#topNav li a	{color:#fff; text-decoration:none; }
#topNav li a:hover	{color:#F79239; }

#homeNav		{margin:8px 0 0 34px; padding:0; list-style-type:none; font-size:70%; width:80px; float:left; }
#homeNav li		{display:none; }
#homeNav li a	{text-decoration:none; }

#breadNav		{display:none;}
#breadNav span	{margin:0 6px 0 2px; color:#0469A5; }
#breadNav a		{text-decoration:none; color:#0469A5; }
#breadNav a:hover{color:#F79239; }
#breadNav #section	{font-size:120%; font-weight:bold; color:#201B6B; margin-right:5px; }

#left ul			{display:none; }
#left li			{margin:0; }
#leftNavTop li a	{color:#333; padding:4px 0 4px 10px; width:157px; background:url("/assets/img/main/bg_topnav.gif") repeat-y; border-bottom:1px solid #B3B3C1; text-decoration:none; display:block; }
#leftNavTop li a:hover	{background:url("/assets/img/main/bg_nav_on.gif") repeat-y; } 
#leftNavMain li a	{color:#333; padding:4px 0 4px 10px; width:157px; background:url("/assets/img/main/bg_nav.gif") repeat-y; border-bottom:1px solid #B3B3C1; text-decoration:none; display:block; }
#leftNavMain li a:hover	{background:url("/assets/img/main/bg_nav_on.gif") repeat-y; } 

	/* subnav */
	#leftNavMain li a#navHighlight	{background:url("/assets/img/main/bg_nav_on.gif") repeat-y; border-bottom:1px solid #DADDE6; }
	#leftNavMain li ul#subnav 		{margin:0; padding:4px 0 7px 0; font-size:90%; font-weight:normal; border-top:0; border-bottom:1px solid #B3B3C1; background:url("/assets/img/main/bg_subnav.gif") repeat-y; }
	#leftNavMain li ul#subnav li a	{width:145px; padding-left:20px; border:0; color:#0469A5; text-decoration:underline; background:url("/assets/img/main/bg_subnav.gif") repeat-y; }
	#leftNavMain li ul#subnav li a:hover	{color:#F79239; }

	/* navigation on */
	#regi #topNavRegi, #help #topNavHelp {color:#F79239; }

/* header */
#logo			{margin:13px 0 11px 25px; float:left; }
#details		{height:72px; }
.panel			{height:57px; float:left; margin:6px 0 10px 0; padding:0 10px; border-left:1px solid #B3B3C1; color:#49476D; } 
.panel .title	{margin:0 0 6px 0; padding:0; white-space:nowrap; }
.panel .title span	{color:#201B6B; font-weight:bold; font-size:120%; margin-right:30px; }
.panel p		{margin:5px 0; padding:0; }

.panel a		{text-decoration:none; }

/*content */
#contentPadding	{padding:15px; }
#contentError	{border:2px solid #c00; padding:10px 15px; margin:0 0 15px 0; color:#c00; line-height:130%; background-color:#fff; }
#contentError ul{margin:0; }
.sectorLevel1	{margin:3px 0px 3px 4px; }
.sectorLevel2	{margin:3px 0px 3px 14px; }
.sectorLevel3	{margin:3px 0px 10px 24px; }
.pagination		{padding:4px; }

/*footer */
#footer		{padding:0; margin:10px 0 15px 22px; }
#footer p	{padding:0 0 10px 0; margin:0; }
#footer a 	{}

/* form styles */
form		{padding:0; margin:0; height:100%; }
fieldset 	{padding:0; margin:0; border:0; }
legend 		{display:none; }
label		{color:#333; font-weight:bold; margin-right:10px; font-size:70%;}
input, textarea, select	{color:#333; font:70% verdana,arial,helvetica,sans-serif; }
.formRow	{height:40px; padding:0; margin:1px 0; } 
.formLeft 	{width:180px; float:left; padding:4px 0; text-align:right; } 
.formRight 	{float:left; padding:0 0 2px 0; margin-right:10px; } 
.formInput	{width:250px; }
.browseInput{width:324px; height:19px; }
.reqField	{margin:0 0 0 2px; font-size:80%; }
select.formInput	{width:256px; }
p .labelHints	{font-weight:normal; font-size:90%;}


/* separator */
.greyLine { border-bottom: 1px solid #B3B3C1; margin:12px 0 15px 0; padding:0;}

/*form 
form 		{padding:0; margin:0; height:100%;}
fieldset 	{padding:0; margin:0; border:0; }
form label	{color:#333; font-weight:bold;}
#form form	{margin:0; }  
#form input[type=text], select	{height:20px; padding:0; width:230px; }  
.formHeader	{color:#fff; height:20px; padding-top:1px; font-weight:bold; margin:0; }
.formRow	{width:450px; height:30px; padding:22px 0 0 10px 0; margin:1px 10px 0 0; }
.formSubHeading	{width:170px; padding:3px 0; text-align:right; color:#666; font-size:110%;  font-weight:bold;}
.labelHints	{font-weight:normal; }
.formLeft 	{width:150px; padding:3px 5px; text-align:right; vertical-align: top;} 
.formRight 	{width:500px; float:right; padding:2px 0; }
.reqField	{margin:0 0 0 15px; }
#greyLine	{border-bottom: 1px solid #B3B3C1; margin:12px 0 15px 0; padding:0; }
#form .formBtn 		{padding: 2px 5px; height: 25px;}
form legend { display:none; }
*/

/* table styles */
.tableStd			{border:1px solid #8CA5D2; border-collapse:collapse; text-align:left; margin:4px 0; }
.tableStd th 		{padding:7px 10px 8px 10px; background-color:#566FBE; color:#fff; font-size:70%; }
.tableStd td 		{padding:7px 10px; border-bottom:1px solid #8CA5D2; border-right:1px solid #8CA5D2; font-size:70%;}
.tableStd td p		{margin:0; padding:0; }
.tableStd td.docDown{width:100px; }
.tableStd .bg1 		{background-color:#fff; }	
.tableStd .bg2		{background-color:#f7f7f7; }
.tableStd .bg2 td.docDown 	{width:100px; }
.tableStd .tableRowOver 	{height:28px; border-bottom:1px solid #8CA5D2; background-color:#EDF0F7 }
.tableStd .tableRowOver td 	{padding:0 0 0 8px; border-right:1px solid #8CA5D2; }
.tableStd .tableRowPagi		{height:28px; text-align:right; border-top:1px solid #8CA5D2; background-color:#E2E7FD;}
.tableStd .tableRowPagi td	{padding:0 10px 0 0; }

/* tables for vacancy/recruitment pages */
.formTable			{}
.formTable .leftCol  { width:180px; text-align:right; padding:4px 0;}
.formTable .rightCol { padding:5px 0 2px 0; margin-right:10px; }
.tableTransparent {font-size:70%;}
.tableTransparent label {font-size:100%;}
.tableTransparent input {font-size:100%;}