/* CSS Document */
/* CryerBaker Homepage Styles
Updated 09.04.10
Author: Sacha Harmsworth*/

/*Validated by http://jigsaw.w3.org/css-validator/

/*	Layout
	Typography
	Navigation
	Header
	Search
	Sidebar
	Content
	Footer
*/



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

/*background*/

body {
	position: relative;
	background: #fcfcfc;
	
}

.skip {
	position: absolute; 
	left: -9999px;
}

#navWrapper {
	position: absolute;
	background: none;
	width: 100%;
	height: 38px;
	z-index: 1000;
	
}

#nav {
	position: relative; 
	width: 1000px;
	height: 36px;
	margin: 0 auto 0 auto;
	background: #e9e9e9 url(/img/navBackground.png) bottom center no-repeat;
	border-bottom: 1px solid #d9d9d9;
}

#wrapper {
	position: relative;
	background: #ffffff url(/img/mainContentHolderBg.jpg) top left repeat-x;
	width: 100%;
	height:auto;
	padding: 36px 0 18px 0;
	

}

#mainContentWrapper {
	position: relative; 
	width: 1000px;
	height: auto;
	margin: 0;
	background: url(/img/CryerBakerHeaderBgsm.jpg) top center no-repeat;
	overflow: visible;
	margin: 0 auto 0 auto;
	
}

#contentWrapper {
	position: relative; 
	width: 800px;
	height: auto;
	margin: 0 100px 0 100px;
	clear: both;
	background: none;
}

#tabs ul#tabNav {
	display: none;
}

#searchHolder {
	position: relative;
	width: 494px;
	height: 223px;
	margin: 0;
		
		
}

#browseHolder {
	position: relative;
	width: 494px;
	height: 223px;
	margin: 0 0 25px 0;
}


.sidebar_holder {
	float: right;
	width: 270px;
	height: auto;
	margin: -226px 5px 36px 0;
	padding: 0;
}

#sideBar {
	float: right;
	width: 270px;
	height: auto;
	margin: 0 0 18px 0;
	padding: 0;
	

}

#advert {
    float: right;
    height: auto;
    margin: 0;
    padding: 0;
    width: 270px;
}

#content {
	width: 480px;
	min-height: 396px;
	margin: 0 0 0 5px;
	background: none;
	
	
}
/*Layout for Content page
----------------------------------*/

.searchRight #searchHolder {
	position: absolute;
	right: 0;
	width: 270px;
	height: auto;
	top: 0;
	margin: 0 5px 0 0;
	padding: 0;
	background: none;
		
		
}

.searchRight #browseHolder {
	position: absolute;
	width: 270px;
	height: auto;
	right: 0;
	top: 0;
	margin: 0 5px 0 0;
	padding: 0;
	background: none;
}

/*------ Hide side bar -------*/

.searchRight #sideBar {
display: none;
		
}

.searchRight #content { 
	padding: 81px 0 0 0;
	width: 480px;
	min-height: 756px;
}


#newsHolder {
	width: 500px;
	margin: 20px 0 0 0;
	clear: left;
	
}

#footer {
	width: 100%;
	clear: both;
	margin: 0;
}



/*Typography
---------------------------------*/

body {
	font-family: Helvetica, Arial, sans-serif;
	line-height: 18px;
	font-size: 12px;
	color: #333;
}

#header h1 {
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	color: #666;
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	margin: 0 36px 19px 207px;
}

#header h1 span {
	position: absolute;
	left: -9999px;
}

#header h2 {
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	color: #666;
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	margin: 0 36px 19px 207px;
}

#header p {
	font-size: 12px;
	line-height: 18px;
	margin: 0 36px 18px 207px;
}


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

#content h2 {
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 24px;
	text-transform: uppercase;
	margin: 0 0 8px 0;
	
	
}

#content h2.JobTitle {
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 21px;
	text-transform: none;
	font-weight: bold;
	margin: 0 0 19px 0;
	
}

#featuredJobs h3 {
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	margin: 0 20px 9px 15px;
	
}

#content h3 {
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	margin: 0 0 7px 0;
	
}

#content h4 {
	font-size: 16px;
	text-transform: none;
	margin: 0 0 10px 0;
	
}

#content h4 .fn {
	font-size: 16px;
	text-transform: none;
	margin: 0 0 9px 0;
	
}


#featuredJobs h4 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	margin: 0 20px 0 15px;
	
}

#content h5 {
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	margin: 0 0 5px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #d9d9d9;
	
}

#content .jobList h5 {
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	margin: 0 0 9px 0;
	padding-bottom: 0;
	border-bottom: none;
	
}

#featuredJobs h5 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	margin: 0 20px 0 15px;
	font-weight: bold;
	
}



p { 
	margin: 0 0 18px 0;
}

p.applyCVLink {
	margin: 0 0 9px 0;
}

p.applyPhone {
	margin: 0 0 9px 0;
} 

p.applyPhone em {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 16px;
}

p.intro {
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	margin: 0 0 17px 0;
}

span.intro {
	font-size: 16px;
	font-style: normal;
	font-weight: bold;

}


#content p.moreInfoLink {
	display: block;
	line-height: 18px;
	padding: 8px 0 8px 6px;
	margin: 0 -3px 18px -3px;
	background: #f9f9f9;
	border: #bdbdbd solid 1px;
}

#content p.summary {
	margin: 0;
}
/* --- buttons ----*/
#content p.moreDetails {
	margin: 6px 0 9px 355px;
}

#content p.moreDetails a {
	width: 118px;
	height: 37px;
	display: block;
	background: url(/img/moreBtn.png) bottom center no-repeat;
	text-indent: -9999px;
	margin: 17px 0 0 0;
	padding: 0;
	
}


#content ul, #content ol {
	margin: 0 0 18px 0;
	
}

#content ul li {
	list-style-type: square;
}

#content ol li {
	list-style-type: decimal;
}

em {
	font-weight: bold;
	font-style: normal;
}

#content cite {
	font-weight: bold;
}

#content blockquote {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	padding: 0 0 0 8px;
	font-size: 14px;
}

.value {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size:14px;
}

p.sf_back a {
	display: block;
	padding: 8px 20px 8px 20px;
	margin: -14px -3px 49px -3px; 
	background: #f9f9f9 url(/img/bulletsBack.gif) 9px 14px no-repeat;
	border: #bdbdbd solid 1px;
}


#footer em {
	font-style: italic;
}

/*links --------- */

a:link {
	color: #ed3092; 
	text-decoration: none;
}


a:visited {
	color: #ec63aa;  
	text-decoration: none;
}

a:hover, a:active {
	color: #ed3092; 
	text-decoration: underline;
}

a:focus {
	overflow: hidden;
}

a.as_link  {
	color: #004ea2;
}

#content h2.JobTitle a {
	color: #ed3092;
	
}

#content h2.JobTitle a:link, #content h2.JobTitle a:visited  {
	color: #333;
	
}

#content h2.JobTitle a:hover, #content h2.JobTitle a:active {
	color: #ed3092; 
	text-decoration: none;
}

.homepage_title_link {
	clear: left;
}

.homepage_title_link a:link {
	color: #333;
}

.homepage_title_link a:hover, .homepage_title_link a:active {
	color: #ed3092; 
	text-decoration: underline;
}

/*Home page button links
---------------------------------*/
.home_page_but {
	display: block;
	float: left;
	width: 210px;
	height: 28px;
	margin: 12px 0 18px 0;
	border: 1px solid #c5c5c5;

     -moz-border-radius: 3px; /* FF1+ */
  -webkit-border-radius: 3px; /* Saf3-4 */
          border-radius: 3px; /* Opera 10.5, IE 9, Saf5, Chrome */
		  
		   -moz-box-shadow: 2px 2px 20px #eaeaea; /* FF3.5+ */
  -webkit-box-shadow: 2px 2px 20px #eaeaea; /* Saf3.0+, Chrome */
          box-shadow: 2px 2px 20px #eaeaea; /* Opera 10.5, IE 9 */
		  
background: #eeeff1;
background: #eeeff1 -moz-linear-gradient(rgba(244, 244, 244, 1), rgba(215, 215, 215, 1));
background: #eeeff1 -webkit-gradient(linear, 0 0, 0 100%, from(rgba(244, 244, 244, 1)), to(rgba(215, 215, 215, 1)));
}
   

.home_page_but a {
	display:block;
	margin: 1px 0 0 1px;
	width: 208px;
	height: 26px;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
	line-height: 28px;
	
	
	-moz-border-radius: 2px; /* FF1+ */
  -webkit-border-radius: 2px; /* Saf3-4 */
          border-radius: 2px; /* Opera 10.5, IE 9, Saf5, Chrome */
	
	background: -webkit-gradient(linear, 0% 0%, 0% 80%, from(rgba(255, 255, 255, .15)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, .6)), color-stop(0.501, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0)));
	background: -moz-linear-gradient(top, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0)), -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
	background: linear-gradient(top, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0)), linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));


}

.home_page_but a:hover, .home_page_but a:active, .home_page_but a:focus {
	color: #666;
	background: #dfdfdf;
	background: #eeeff1 -moz-linear-gradient(rgba(215, 215, 215, 1), rgba(244, 244, 244, 1));
background: #eeeff1 -webkit-gradient(linear, 0 0, 0 100%, from(rgba(215, 215, 215, 1)), to(rgba(244, 244, 244, 1)));

}

.left_but {
	margin-right: 55px;
}

/*Navigation
---------------------------------*/
/*Type*/

.Nav {
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 14px;
	
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* commom style for all browsers */


.Nav {
text-align:left; position: absolute; height: 36px; margin:0; padding:0; right: 5px; list-style-type:none;
}
.Nav ul {
padding:0; margin:0; list-style-type:none; /* for Firefox */
}
.Nav li {
float:left; position:relative;
}
.Nav li a, .Nav li a:visited {
display:block; text-decoration:none; width:120px; float:left; padding-left: 8px; margin-right:10px; height:38px; line-height:36px;
font-weight: bold;
color: #5f6369;
}
* html .Nav li a, * html .Nav li a:visited {
width:112px; 
}
.Nav li.home a, .Nav li.home a:visited {
	width:80px
}
.Nav li.adjusting a, .Nav li.adjusting a:visited {
	width:208px
}
* html .Nav li.adjusting a, * html .Nav li.adjusting a:visited {
	width:208px
}
.Nav li a.drop, .Nav li a.drop:visited {
font-weight:bold;
}
.Nav li ul {
visibility:hidden; position:absolute; top:36px; left:0; height:0; overflow:hidden;
}
.Nav table {
margin:-1px; border-collapse:collapse; font-size:16px;
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.Nav li:hover a,
.Nav li a:hover, .Nav li a:focus, .Nav li a:active {
text-decoration:underline; border:0;
}
.Nav li:hover ul, .Nav li:focus ul,
.Nav li a:hover ul, .Nav li a:focus ul, .Nav li a:active ul {
visibility:visible; height:auto; width:160px; left:0; top:36px; overflow:visible;

}
.Nav li:hover ul li a, .Nav li:focus ul li a,
.Nav li a:hover ul li a, .Nav li a:focus ul li a, .Nav li a:active ul li a {
 display:block; font-weight:normal; text-decoration:none; height:auto; line-height:18px; padding:8px; width:152px;
 
 /*Rgba-----*/
background: rgb(249, 249, 249); /* The Fallback */
background: rgba(249, 249, 249, 0.7);
 border-top: 1px solid #d9d9d9;
}
* html .Nav li a:hover ul li a, html .Nav li a:active ul li a, html .Nav li a:focus ul li a {
width:160px; 
}

.Nav li:hover ul li a:hover, .Nav li:hover ul li a:active, .Nav li:hover ul li a:focus,
.Nav li a:hover ul li a:hover, .Nav li a:active ul li a:active, .Nav li a:focus ul li a:focus {
background: #f9f9f9;
}


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

#header { 
	height: 198px;
	
}

#header .logo {
	margin: 35px 36px 17px 105px;
}



/*Search
---------------------------------*/
#searchHolder h2 {
	
	display: block;
	background: url(/img/sprites/CB_Sprites_png.png) no-repeat 0px -90px;
	width: 494px;
	height: 39px;
	text-indent: -9999px;
}


#searchHolder .holder {
	background: url(/img/sprites/CB_Sprites_png.png) no-repeat 0px -129px;
	width: 494px;
	height: 210px;
	position: relative;
	
}







/*Inputs -------*/

#searchHolder .holder fieldset.left {
	position: absolute;
	top: 5px;
	left: 14px;
	width: 250px;
	margin: 0;
	padding:0;
	
}

#searchHolder .holder fieldset.right {
	position: absolute;
	top: 21px;
	right: 10px;
	width: 210px;
	margin: 0;
	padding:0;
}

#searchHolder .holder ul {
	position: relative;
	margin: 0;	
	padding: 0;
}

#searchHolder .holder .left ul li {
	width: 250px;
	padding: 0;
	margin: 4px 0 0 0;
	height: 37px;
	position: relative;
	
}

#searchHolder .holder .right ul li {
	width: 210px;
	padding: 0;
	margin: 0;
	height: 36px;
	position: relative;
	
}


#searchHolder .holder .left ul li label, 
#searchHolder .holder .right ul li label {
	margin: 0 0 0 5px;
}


#searchHolder .location label, #searchHolder .salary label {
	display: block;
	width: 60px;
	float: left;
	padding-top: 2px;

}

#searchHolder .holder .right ul li.salary {
	 margin-bottom: 2px;
	

}

#searchHolder .holder .right ul li.contractType {
	width: 133px;
	height: 18px;
	padding:0;
	margin: 0 0 9px 65px;
}

#searchHolder .holder .right ul li.contractType label {
	float: left;
	display: block;
	width: 92px;
	
	
}

#searchHolder .holder .left ul li.keywords {
	background: url(/img/sprites/CB_sprites.gif) no-repeat -205px 0px;
	margin: 9px 0 0 0;
	
}

#searchHolder .holder .keywords label {
	width: 84px;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: bold;
	padding: 9px 0 0 0;
	margin: 0;
}


#searchHolder .holder .specialist {
	margin-top: 0;
	
}

#ctl00_SearchContent_ctl00_Keywords {
	width: 150px;
	line-height: 18px;
	font-size: 12px;
	margin-top: 9px;
}

#ctl00_SearchContent_ctl00_Role, #ctl00_SearchContent_ctl00_Market, #ctl00_SearchContent_ctl00_SpecialCat, #ctl00_SearchContent_ctl00_Location, #ctl00_SearchContent_ctl00_Salary {
	line-height: 18px;
	font-size: 11px;
	position: relative;
	z-index: 2000;
	
}



#ctl00_SearchContent_ctl00_Role, #ctl00_SearchContent_ctl00_Market, #ctl00_SearchContent_ctl00_SpecialCat {
	width: 240px;
	margin: 0;
	float: none;
}


#ctl00_SearchContent_ctl00_Location, #ctl00_SearchContent_ctl00_Salary {
	width: 150px;
}

#ctl00_SearchContent_ctl00_RBpermanent, #ctl00_SearchContent_ctl00_RBcontract {
vertical-align:baseline;
	float: right;
	margin: 3px 0 0 0;
	padding: 0;
}

#searchHolder .holder #ctl00_SearchContent_ctl00_searchSubmit {
	background: url(/img/sprites/CB_sprites.gif) no-repeat 0px 0px;
	width: 200px;
	height: 36px;
	border: none;
	text-indent: -9999px;
	display: block;
	font-size: 0;
	line-height: 0;

}


#searchHolder .holder #ctl00_SearchContent_ctl00_searchSubmit:hover {
	background: url(/img/sprites/CB_sprites.gif) no-repeat 0px -36px;
	width: 200px;
	height: 36px;
	border: none;
	text-indent: -9999px;
	display: block;
	font-size: 0;
	line-height: 0;
}

#ctl00_SearchContent_ctl00_searchSubmit {
	clear: left;
	margin: 0;
}

/*Browse location
---------------------------------*/
#browseHolder h2 {
	margin: 24px 0 0 0;
	display: block;
	background: url(/img/sprites/CB_Sprites_png.png) no-repeat 0px -343px;
	width: 494px;
	height: 39px;
	text-indent: -9999px;
}


#browseHolder .holder {
	
	
	background: url(/img/sprites/CB_Sprites_png.png) no-repeat 0px -382px;
	width: 494px;
	height: 210px;
	position: relative;
	

}

#browseHolder .holder .browseList {
	float: left;
	width: 158px;
	height: 180px;
	margin: 0 0 10px 0;
	padding: 21px 0 0 0;
}

#browseHolder .holder .browseList li {
	/*margin: 0 0 0 10px;*/
	margin: 0 0 2px 14px;
	padding: 0 0 0 9px;
	height: 25px;
	background: url(/img/sprites/CB_sprites.gif) no-repeat 0px -167px;
}

#browseHolder .holder .browseList li a {
	/*background: url(../img/bullets.gif) left center no-repeat;
	font-size: 16px;
	display: block;
	line-height: 22px;
	margin: 0 0 5px 0;
	padding: 0 0 0 18px;*/
	background: url(../img/bullets.gif) left center no-repeat;
	font-size: 14px;
	display: block;
	line-height: 25px;
	margin: 0;
	padding: 0 0 0 18px;
}

#browseHolder .holder .browseList li a:link {
	color: #333;
	
}

#browseHolder .holder .browseList li a:visited {
	color: #333;
	
}

#browseHolder .holder .browseList li a:hover {
	color: #ed3092;
	
}

/*Search SideBar
---------------------------------*/
.searchRight #searchHolder h2 {
		display: block;
	background: url(/img/sprites/CB_Sprites_png.png) no-repeat -536px -2px;
	width: 135px;
	height: 39px;
	margin: 0 0 0 5px;
	text-indent: -9999px;
}


.searchRight #searchHolder .holder {
		background: url(/img/sprites/CB_Sprites_png.png) no-repeat -532px -41px;
	width: 270px;
	height: 438px;
	padding-left: 0;
	padding-top: 10px;
	
}



/*Inputs -------*/

.searchRight #searchHolder .holder fieldset.left {
	position:relative;
	float: none;
	width: 240px;
	background: none;
	margin: 0;
	padding:0;
	
	
}

.searchRight #searchHolder .holder fieldset.right {
	position:relative;
	float: none;
	width: 240px;
	background: none;
	margin: 0 0 0 24px;
	padding:0;
	
}

.searchRight #searchHolder .holder ul {
	position: relative;
	margin: 0;	
	padding: 0;
}

.searchRight #searchHolder .holder .left ul li {
	width: 240px;
	padding: 0;
	margin: 0 0 9px 0;
	height: 36px;
	position: relative;
}

.searchRight #searchHolder .holder .right ul li {
	width: 240px;
	margin: 0;
	padding: 0;
	height: 36px;
	position: relative;
	
}


.searchRight #searchHolder .holder .left ul li label, .searchRight #searchHolder .holder .right ul li label {
	margin: 0 0 0 5px;
}

.searchRight #searchHolder .location label, .searchRight #searchHolder .salary label {
	display: block;
	width: 79px;
	float: left;
	

}

.searchRight #searchHolder .holder .right ul li.salary {
	 margin-bottom: 0;
	

}

.searchRight #searchHolder .holder .right ul li.contractType {
	width: 120px;
	float: left;
	margin-bottom: 9px;
	margin-right: 28px;
}

.searchRight #searchHolder .holder .right ul li.contractType label {
	float: left;
	display: block;
	width: 92px;
	
}

.searchRight #searchHolder .holder .keywords {
	background: url(/img/sprites/CB_sprites.gif) no-repeat -205px -38px;
	height: 38px;
	width: 240px; 
	margin: 0 32px 0 0;
	
}

.searchRight #searchHolder .holder .keywords label {
	width: 80px;
	display: block;
	float: left;
	padding: 9px 0 0 0;
	font-size: 14px;
	font-weight: bold;
}

.searchRight #searchHolder .holder .specialist {
	margin-top: 9px;
	
}

.searchRight #ctl00_SearchContent_ctl00_Keywords {
	width: 140px;
	line-height: 18px;
	font-size: 12px;
	margin: 9px 0 0 0;
}

.searchRight #ctl00_SearchContent_ctl00_Role, .searchRight #ctl00_SearchContent_ctl00_Market, .searchRight #ctl00_SearchContent_ctl00_SpecialCat,.searchRight #ctl00_SearchContent_ctl00_Location, .searchRight #ctl00_SearchContent_ctl00_Salary {
	line-height: 18px;
	font-size: 11px;
}



.searchRight #ctl00_SearchContent_ctl00_Role, .searchRight #ctl00_SearchContent_ctl00_Market, .searchRight #ctl00_SearchContent_ctl00_SpecialCat {
	width: 238px;
	margin: 0;
}


.searchRight #ctl00_SearchContent_ctl00_Location, .searchRight #ctl00_SearchContent_ctl00_Salary {
	width: 170px;
}


.searchRight #ctl00_SearchContent_ctl00_searchSubmit {
	clear: left;
	margin: 18px auto 8px auto;
}

.searchRight #searchHolder .holder #searchSubmit {
	background: url(../img/SearchButton.gif) top center no-repeat;
	width: 200px;
	height: 36px;
	border: none;
	text-indent: -9999px;
	display: block;
}

.searchRight #searchHolder .holder #searchSubmit:hover {
	background: url(../img/SearchButtonOver.gif) top center no-repeat;
	width: 200px;
	height: 36px;
	border: none;
	text-indent: -9999px;
	display: block;
}


/*Browse location SideBar
---------------------------------*/
.searchRight  #browseHolder h2 {
	display: block;
	background: url(/img/sprites/CB_Sprites_png.png) no-repeat -665px -489px;
	width: 135px;
	height: 39px;
	margin: 0 0 0 5px;
	text-indent: -9999px;
}


.searchRight #browseHolder .holder {

	background: url(/img/sprites/CB_Sprites_png.png) no-repeat -532px -528px;
	width: 270px;
	height: 438px;
	padding-left: 0;
	padding-top: 10px;
	

}

.searchRight  #browseHolder .holder .browseList {
	background: none;
	float: none;
	width: 252px;
	height: auto;
	margin: 0;
	padding: 0;
}

.searchRight #browseHolder .holder .browseList li {
	/*margin: 0 0 0 10px;*/
	margin: 0 0 2px 14px;
	padding: 0 0 0 9px;
	height: 25px;
	background: url(/img/sprites/CB_sprites.gif) no-repeat 0px -201px;
}

.searchRight #browseHolder .holder .browseList li a {
	/*background: url(../img/bullets.gif) left center no-repeat;
	font-size: 16px;
	display: block;
	line-height: 22px;
	margin: 0 0 5px 0;
	padding: 0 0 0 18px;*/
	background: url(../img/bullets.gif) left center no-repeat;
	font-size: 14px;
	display: block;
	line-height: 25px;
	margin: 0;
	padding: 0 0 0 18px;
}

.searchRight #browseHolder .holder .browseList li a:link {
	color: #333;
	
}

.searchRight #browseHolder .holder .browseList li a:visited {
	color: #333;
	
}

.searchRight #browseHolder .holder .browseList li a:hover {
	color: #ed3092;
	
}



/*sideBar
----------------------------------*/


#sideBar {
	background: url(../img/sideBarBottom.png) bottom left no-repeat;
	padding: 0 0 40px 0;
}

#sideBar h2 {
	background: url(/img/sprites/CB_Sprites_png.png) no-repeat 0px -602px;
	width: 270px;
	height: 55px;
	display: block;
	text-indent: -9999px;
	
}

#featuredJobs {
	width: 270px;
	background: url(/img/FeaturedJobsBG.png) repeat-y top left;

	
}

#featuredJobs .holder {
	width: 270px;
	margin: 0 0 0 5px;
	background: url(/img/sprites/CB_Sprites_png.png) no-repeat -5px -878px;
}


#featuredJobs .holder .JobHolder {
	clear: both;
	width: 270px;
	margin: 0;
	padding: 16px 0 18px 0;
	background: url(../img/featuredJobseperators.gif) bottom left no-repeat;
	
}


#featuredJobs .holder .JobHolder:hover {
	background: url(../img/featuredJobHovers.png) bottom left no-repeat;
}


#featuredJobs .holder .JobHolder p.moreDetails {
	margin: 0;
	padding: 0;
}

#featuredJobs .holder .JobHolder p.moreDetails a {
	width: 230px;
	height: 45px;
	display: block;
	background: url(/img/sprites/CB_sprites_png.png) no-repeat 0px -0px;
	text-indent: -9999px;
	margin: 2px 20px 0 12px;
	padding: 0;
	
}

#featuredJobs .holder .JobHolder p.moreDetails a:hover {

	background: url(/img/sprites/CB_sprites_png.png) no-repeat 0px -45px;
	
}




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

#content .left {
	margin: 0 0 18px 0;

}

#content .left {
	float: left;
	width: 240px;
	margin: 0 30px 18px 0;
	background: none;
	
	
}

#content .right {
	float: left;
	width: 210px;
	margin-bottom: 0;
	background: none;
}

#content .content2Cols {
	float: left;
	width: 230px;
	margin-right: 10px;
}


#content .jobList {
	clear: left;
	
}

#content .jobList .left, #content .jobList .right {
	border-bottom: none;
	
}

#content .jobList .Job {
	margin: 0 0 34px 0;
	padding: 0;
	
	
}

.generalText {
	clear: left;
	width: 480px;
	border-bottom: 2px solid #d9d9d9;
}

.clearedText {
	clear: left;
	width: 480px;
	border-top: 1px solid #D9D9D9;
    margin-top: 18px;
    padding-top: 26px;
}

#content ul.jobList li {
	list-style-type: none;
	padding: 0;
}

#content .vcard {
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 26px;
	margin: 0 0 18px 0;
}

/* contact form -------------*/



#content ul.contactFields li {
	position: relative;
	list-style-type: none;
	padding: 0;
	clear: left;

}


#content ul.contactFields li p {
	position: relative;
	padding: 0;
	clear: left;
	margin-left: 100px;

}

#content ul.contactFields li label {
		width: 100px;
	display: block; 
	float: left;
	height: 36px;

}

#content ul.contactFields li.supportInfo label {
		width: auto;

}


#content ul.contactFields li #sendBtn {
	margin: 0 0 0 450px;
}

/* inputs ------*/
#ctl00_ContentHeaderContent_ctl00_TBname, #ctl00_ContentHeaderContent_ctl00_TBemail, #ctl00_ContentHeaderContent_ctl00_TBtelephone, #ctl00_ContentHeaderContent_ctl00_TBjobRef, #ctl00_ContentHeaderContent_ctl00_TBfriendsName, #ctl00_ContentHeaderContent_ctl00_TBfriendsEmail, #ctl00_ContentHeaderContent_ctl00_TBjobTitle, #ctl00_ContentHeaderContent_ctl00_TBcompanyName, #ctl00_ContentHeaderContent_ctl00_TBvacancy {
	width: 275px;
}

/*Upload tools*/
#ctl00_ContentHeaderContent_ctl00_RadUpload1 {
	width: 315px;
	float:left;
}

#ctl00_ContentHeaderContent_ctl00_TAsupportInfo {
	width: 478px;
	height: 180px;
	line-height: 18px;
}

/*errors */
#content .mainError {
	display: block;
	padding: 8px 20px 8px 20px;
	margin: 0 0 9px 0;
	color: #F00; 
	background-color: #FFB1B4;
	border: #F03 solid 1px;
}

#content ul.contactFields li .error {
	position: absolute;
	display: block;
	padding: 7px 0 7px 0;
	margin: 0 0 9px 0;
	color: #ff3333;
	background-color: #FFF1EE;
	border: #ff8f8f solid 1px;
	width: 198px;
	top: -9px;
	right: 0;
	text-align: center;
}


#content form.contactFrom p.note {
	font-size: 11px;
	text-align: right;
	margin: 0 10px 0 0;
}

#content ul.pagination {
	display: block;
	width: 100%;
	margin: 18px 0 0 0;
}

#content ul.pagination li {
	float: left;
	width: auto;
	list-style-type: none;
	margin: 0 2px 24px 2px; 
	line-height: 27px;
}	

.pagination a {
	display: block;
	width: 27px;
	background: #f9f9f9;
	text-align:center;
	border: #bdbdbd solid 1px;
	
}

.pagination a:hover {

	background: #fdfdfd;
	
}

.pagination a.selectedPage {
	display: block;
	width: 29px;
	background: none;
	text-align:center;
	border: none;
	
}

.pagination a.selectedPage:hover {
	display: block;
	width: 27px;
	background: #fdfdfd;
	text-align:center;
	border: #bdbdbd solid 1px;
	
}



/* News ---------------*/

#newsHolder h3 {
width: 491px;
height: 40px;
background: url(/img/sprites/CB_sprites.gif) no-repeat 0px -82px;
display:block;
text-indent: -9999px;

}

#newsHolder .newsBox {
width: 491px;
height: auto;
padding: 0;
background: url(../img/NewsBG.gif) top left repeat-y;

}

#newsHolder .newsBox h4, #newsHolder .newsBox h5, #newsHolder .newsBox p {

	margin: 0 30px 0 15px;
}

#newsHolder .newsBox h4 {
	padding-top: 3px;
}

#newsHolder .newsBox h5 {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 9px;
	
}

#newsHolder .newsBox p {
	margin-bottom: 18px;
}

#newsHolder .newsBox p.newsLink1 {
	margin-bottom: 0;
	margin-right: 15px;
	text-align: right;
}

#newsHolder .newsBox p.newsLinkBottom {
	margin-bottom: 9px;
	margin-right: 15px;
	text-align: right;
}

#newsHolder .newsBox .end {
	width: 491px;
	height: 25px;
	background: url(/img/sprites/CB_sprites.gif) no-repeat 0px -132px;
	margin: 0;
	padding: 0;
}

/* footer 
-----------------------------------------*/



#footer .holder {
	position: relative;
	width: 956px;
	height: 71px;
	padding-top: 36px;
	margin: 0 0 0 23px;
	line-height: 54px;
	background: url(../img/footerBg.gif) bottom left no-repeat;
}

#footer .holder ul {
	margin: 0 0 0 20px;
	display: block;
	height: 71px;
	background: none;
}

#footer .holder ul li{
	display: inline;
	width: auto;
	padding: 9px 10px 9px 10px; 
	margin: 18px 0 0 0;
	height: 36px;
	line-height: 56px;
	border-right: 1px solid #d3d3d3;
	border-left: 1px solid #fff;
}



#footer .holder ul li.first {
	border-left: none;
	padding: 9px 10px 0 9px;
}

#footer .holder ul li.last {
	border-right: none;
}


#footer .holder a {
	margin: 0;
	text-transform: uppercase;
	color: #333;
	
}

#footer .holder a:link {
	color: #333;
	
}

#footer .holder a:visited {
	color: #333;
	
}

#footer .holder a:hover {
	color: #ed3092;
	
}


#footer .holder a.linkedInBtn {
	position: absolute; 
	top: 36px;
	right: 0;
	width: 127px;
	height: 71px;
	display: block;
	text-indent: -9999px;
	margin: 0;
	background: url(../img/linkedInBtn.gif) bottom left no-repeat;
}


#footer p.companyInfo {
	clear: both;
	margin: 0;
	text-align: center;
	font-size: 11px;
}