/*-----------------------------------------------------------------------------------------------------------------------------------------------------------
CSS for 	Steel Connexions - Main Stylesheet
Author:		Alison Springall (alisonspringall@silktide.com) / Silktide Ltd
Created:	26/09/2008
	
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Global Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* commented backslash hack \*/ html, body { height: 100%; } /* end hack */

body					{ font: 70% verdana, arial, helvetica, sans-serif; text-align: center; padding: 0; margin: 0;}

h1						{ /*min-height: 23px; background: transparent url("templatefiles/arrow.jpg") no-repeat left top;*/ font-size: 1.3em; line-height: 1.6em; color: #434343; /*padding: 0 0 0 30px;*/ margin: 0 0 5px 0; }
h2						{ font: bold 1.2em arial, verdana, helvetica, sans-serif; color: #434343; margin: 20px 0 10px; }
h3						{ font: bold 1.1em arial, verdana, helvetica, sans-serif; color: #434343; margin: 20px 0 10px; }

p, li					{ font-size: 1.0em; line-height: 1.8em; color: #484848; }
p.arrow					{ min-height: 23px; background: transparent url("templatefiles/arrow.jpg") no-repeat left top; line-height: 1.7em; padding-left: 30px; margin: 5px 0; }

a,						
a:visited				{ text-decoration: none; color: #426382; }
a:hover,					
a:active				{ color: #619fce; text-decoration: underline; }

#content a,						
#content a:visited		{ text-decoration: underline; }


hr						{ clear: both; height: 1px; background-color: #e8e8e8; color: #e8e8e8; border: 0; margin: 15px 0; }
img						{ border: 0; }
form, table				{ background: transparent; font-size: 1.0em; color: #484848; }

legend					{ font-size: 1.2em; color: #484848!important; }
fieldset				{ padding: 5px; border: 1px solid #e8e8e8; margin: 0; }

.tablestyle				{ border-collapse: collapse; }
.tablestyle td, 
.tablestyle th			{ vertical-align: top; padding: 5px 5px 5px 0; }
.tableborder td, 
.tableborder th			{ vertical-align: top; padding: 5px; border: 1px solid #e8e8e8; }

.clear					{ height: 0; clear: both; font-size: 0.1em; line-height: 0.1em; padding: 0; margin: 0; }
.block					{ display: block; }
.right					{ float: right; }
.left					{ float: left; }

.widthwrapper			{ width: 100%; }
.padding				{ padding: 20px; }

#accessibility			{ display: none; }


/* Layout Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#container 	  			{ width: 100%; min-height: 100%; height: auto; margin-bottom: -50px; } /* margin-bottom to match #clearfooter */
* html #container 		{ height: 100%; }

.fixedwrapper			{ width: 985px; position: relative; text-align: left; margin: 0 auto; }

#header					{ height:105px; }

.navbar					{ min-height: 35px; background: #fff url("templatefiles/navbar-bg.jpg") repeat-x top left; }
.navbar#nav2			{ background-image: url("templatefiles/navbar-bg2.jpg"); }

#jobsearchbar			{ height: 40px; background-color: #426382; padding: 3px 0; }

#banner					{ background-color: #507794; margin-top: 5px; }

#contentwrapper			{ padding-top: 10px; }

#content				{ padding: 15px 20px; margin-left: 250px; }

#noleftcol #content			{ margin-left: 0; padding:15px 20px 15px 10px; }

#clearfooter			{ clear: both; height: 50px;} /* height to match height + padding + margin etc in #footer */
#footer					{ width: 100%; height: 30px; clear: both; background-color: #426382; margin-top: 20px; }


/* Header Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#header #strapline		{ position: absolute; left: 10px; top: 70px; font-weight: bold; font-size: 1.2em; color: #619fce; line-height: 1.2em; padding: 0; margin: 0; }

#header #logo			{ margin-top:10px; }

#header .fixedwrapper	{ position:relative; }

#header .flashheader		{ position:absolute; top:8px; right:20px; }


/* Navbar Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.navbar	ul				{ padding: 7px 0; margin: 0; }
.navbar ul li			{ font-weight: bold; font-size: 1.1em; line-height: 1.5em; list-style-type: none; display: inline; color: #426382;  margin: 0; }
.navbar ul li a			{ padding: 0 10px; }

#nav2 ul li				{ color: #384754; }
#nav2 ul li a			{ color: #384754; }
#nav2 ul li a:hover,
#nav2 ul li a:active	{ color: #fff; text-decoration: none; }


/* Job Search Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#jobsearchbar h2			{ color: #fff; float: left; padding: 3px 30px 0 10px; margin: 0; }
#jobsearchbar .search		{ width: auto!important; float: left; }
#jobsearchbar .searchoption	{ padding-top: 0!important; }
#jobsearchbar #regions		{ min-width: 165px; float: left; display: inline!important; }

#jobsearchbar label span	{ display: block!important; font-size: 0.85em; color: #fff; margin-bottom: 5px; }
#jobsearchbar input			{ width: 150px;  }
#jobsearchbar select		{ height: 20px; float: left; display: inline!important; padding: 0; margin-right: 10px; margin-bottom: 5px; }
#jobsearchbar .button		{ width: 52px!important; height: 25px; background: transparent url("templatefiles/navbar-button.jpg") no-repeat 0 5px; font-weight: normal!important; font-size: 10px; font-family: verdana, arial, helvetica, sans-serif; vertical-align: middle; color: #fff; padding: 4px 0; border: 0; margin: 16px 0 0 0; }

#jobsearchbar hr			{ display: none; }
#jobsearchbar p				{ padding-top: 20px!important; margin: 0; }	
#jobsearchbar a				{ font-size: 0.8em; color: #fff; }
#jobsearchbar a:hover,
#jobsearchbar a:active		{ text-decoration: underline; }


/* Banner Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#banner img					{ display: block; }


/* Column Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#leftcol					{ width: 245px; float: left; margin-right: 3px; }
#midcol						{ width: 434px; float: left; }
#rightcol					{ width: 300px; float: right; }
.clientservices				{ width: 180px; float: left; margin-right: 15px; }

.contentbox					{ min-height: 140px; position: relative; background: #fff url("templatefiles/contentbox.jpg") no-repeat top center; text-align: left; padding: 15px 15px 7px; margin-bottom: 0; }
.contentbox	p				{ text-align: left; }
.contentbox img				{ margin: 0 auto; }
.contentbot 				{ display: block; margin-bottom: 10px; }

#leftcol .contentbox		{ background-image: url("templatefiles/contentbox-left.jpg"); }

#midcol .contentbox				{  }

.clientservices	.contentbox				{ min-height: 220px; background-image: url("templatefiles/contentbox-180.jpg"); text-align: center; }
.clientservices	.contentbox p.arrow		{ float: none; font-weight: bold; text-align: left; }

#rightcol .contentbox			{ background-image: url("templatefiles/contentbox-right.jpg"); padding: 15px 12px 15px 15px; }
#rightcol #clientservices		{ min-height: 66px; height: 66px; background-image: url("templatefiles/contentbox-blue.jpg"); }


.contentbox h2				{ min-height: 23px; background: transparent url("templatefiles/arrow-trans.png") no-repeat left top; font-size: 1.3em; line-height: 1.6em; color: #434343; padding: 0 0 5px 30px; margin: 0; }
.contentbox h2 a,
.contentbox h2 a:visited	{ text-decoration: none; color: #434343; }
.contentbox h2 a:hover,
.contentbox h2 a:active		{ text-decoration: underline; color: #434343; }
.contentbox .button 		{ width: 81px; height: 24px; background: transparent url("templatefiles/button-bg.jpg") no-repeat center center; font-size: 0.85em; color: #fff; border: 0; }
.contentbox p				{ line-height: 1.5em; margin: 5px 0 10px; }
.contentbox p.button 		{ line-height: 24px; text-align: center; margin: 15px 0 0;}
.contentbox p.button a 		{ color: #fff; }
.contentbox p.arrow			{ float: right; min-height: 23px; background: transparent url("templatefiles/arrow.jpg") no-repeat left top; line-height: 1.7em; text-align: right; padding-left: 30px; margin: 10px 10px 0 0; }

.contentbox ul				{ padding: 0; margin: 0 15px 0 30px; }
.contentbox ul li			{ background: transparent url("templatefiles/arrow-small.gif") no-repeat 0 5px; line-height: 1.5em; list-style-type: none; padding-left: 10px; }
.contentbox#subnav ul li	{ background-position: 0 7px; font-size: 1.2em; padding-left: 15px; }


/* leftcol styles */
.contentbox#login input		{ width: 135px; }
.contentbox#login .button 	{ width: 125px!important; font: normal 10px verdana, arial, helvetica, sans-serif; margin-left: -32px; }
.contentbox#login p			{ margin: 10px 0 0; }

.contentbox.usp img			{ position: absolute; bottom: -3px; right: 5px; }
.contentbox.usp p			{ padding-right: 80px; }
.contentbox.usp p.button	{ padding-right: 0; }

.contentbox#advertise		{ margin-top:43px;  }
.contentbox#advertise .button	{ margin-top:0; float:right; }
.contentbox#advertise .button a	{  }

/* midcol styles */
.contentbox .jobmenu td		{ padding: 5px; }
.contentbox .jobmenu th		{ width: 65px; font-weight: normal; text-align: right; }
.contentbox .jobmenu p		{ color: #153683; }
.contentbox .featvaclogo		{ border: 1px solid #000!important; margin: 2px;}

/* rightcol styles */
.contentbox .featlogo2		{ border: 1px solid #000!important; margin: 2px; }
.contentbox .featlogo3		{ border: 1px solid #000!important; margin: 0 3px; }


#allclients td				{ vertical-align: top; text-align: center; border: 1px solid #e8e8e8; }
#allclients td img			{ margin: auto; }
			

/* Content Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#welcomemenu				{ padding: 10px 0 0 30px; }
#welcomemenu p.arrow		{ font-size: 1.2em; }

.contentimg					{ width: 292px; float: right; background: transparent url("templatefiles/contentimgbg.jpg") repeat-y top center; text-align: center; margin: 10px 0 20px 20px; }
.contentimg img				{ display: block; margin: 0 auto; }
.contentimg .imgspace img	{ margin: 5px auto; }

#content ul					{ padding: 0; margin: 0 0 0 20px; }
#content ul li				{ background: transparent url("templatefiles/arrow-small.gif") no-repeat 0 5px; line-height: 1.5em; list-style-type: none; padding-left: 10px; margin-bottom: 10px; }

.thumbs td img				{ padding: 2px; border: 1px solid #e8e8e8; margin-right: 15px; }

.subclientservices			{ border-collapse: collapse; }
.subclientservices td		{ vertical-align: top; text-align: left; padding: 10px; border-bottom: 1px solid #e8e8e8; }
.subclientservices td.logo	{ width: 130px; padding: 10px 0; }
.subclientservices td img	{ padding: 2px; border: 1px solid #e8e8e8; }
.subclientservices td h2	{ font-size: 1.4em; margin-top: 0; }
.subclientservices td p		{ margin-top: 0; }


/* Vacancy Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#vacancyinformation			{ width: 200px; margin-left: 10px; margin-bottom: 20px; }
#vacancyinformation div		{ text-align: left!important; }
#vacancyinformation div img	{ margin-left: 0!important; margin-right: 0!important; }

#vacancylogo				{ text-align: left; margin-bottom: 10px; }
#vacancylogo img			{ display: block; margin: 0; }

#vacancysummary				{ background-color: #D9E9F1; padding: 5px; border: 1px solid #CBDEE7; margin-left: 10px; margin-bottom: 10px; }
#vacancysummary td			{ padding-bottom: 15px; }
#vacancydocuments			{ padding: 5px; border: 3px solid #CBDEE7; margin-top: 5px; }
#vacancydocuments ul		{ padding: 0; margin: 5px; }
#vacancydocuments ul li		{ background: transparent url("templatefiles/arrow-small.gif") no-repeat 0 5px; line-height: 1.5em; list-style-type: none; padding-left: 10px; }

/* Footer Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#footer p				{ font-size: 0.85em; color: #fff; padding-top: 5px; margin: 0; }
#footer p a				{ color: #fff; }