@charset "utf-8";

/* CSS Document Index-------------------------*/
/*Global Styles – (body, paragraphs, lists, etc)
/*Header
/*Footer
/*Page Structure
/*Sidebar
/*Headings
/*Text Styles
/*Navigation
/*Forms
/*Extras
----------------------------------------------*/ 

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/
html
{
	margin: 0;
	padding: 0;
	height: 101%;
}


body
{
	background: #c3bcad url(http://www.talentsmith.com/themes/talentsmith/images/bck_tile.jpg) repeat-x 0 0;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #414141;
	line-height: 18px;
	text-align: center;
}

a 
{
	color: #e96e34;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

img
{
	border: 0;
}

/* -----------------------------------*/
/* ---------->>> HEADER <<<-----------*/
/* -----------------------------------*/

#header
{
	background: transparent url(http://www.talentsmith.com/themes/talentsmith/images/bg-header.png) no-repeat 50% 0;
}

#headercontent
{
	
	width: 930px;
	margin: 0 auto;
	padding: 0 25px;
	text-align: left;
}

#headercontent.home
{
	padding: 0 25px 31px 25px;
}


h6#logo
{
	background: #323232 url(http://www.talentsmith.com/themes/talentsmith/images/talentsmith-logo.gif) no-repeat 0 0;
	float: left;
	width: 152px;
	height: 56px;
	margin: 20px 0 0 0;
	padding: 0;
}

#logo a
{
	text-decoration: none;
	display: block;
	height: 77px;
	width: 211px;
	line-height: 77px;
}

#logo span
{
	position: relative;
	left: -9999px;
}

.menu
{
	clear: left;
	height: 31px;
	margin: 0;
	padding: 0;
}

/* -----------------------------------*/
/* ---------->>> FOOTER <<<-----------*/
/* -----------------------------------*/
#footer
{
	background: transparent url(http://www.talentsmith.com/themes/talentsmith/images/bg-footer.png) no-repeat 50% 0;
	margin: 0;
	padding: 0 0 14px 0;
	text-align: left;
	color:#5a5855;
}

#footercontent
{
	width: 930px;
	margin: 0 auto;
	padding: 10px 25px 20px 25px;
	text-align: left;
}

#footer a,
#footer li.copy {color:#85827c; }

.footer-menu
{
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
}

.footer-menu li
{
	float: left;
	width: auto;
	margin: 6px 10px 0 0;
	padding: 0;
	font-size: 10px;
	color:#85827c;
	line-height: normal;
}

.footer-menu li.copy
{
	clear: left;
	padding: 4px 0 0 0;
}

.footer-menu li a
{
	padding: 0 10px 0 0;
	border-right: 1px solid #888680;
}

.footer-menu li.last a { border: 0; padding: 0; }

#footer p
{
	margin: 4px 0 3px 0;
	padding: 0;
	line-height: normal;
}

#footer p.copyright
{
	clear: left;
	font-size: 10px;
}

.footer-right
{
	float: right;
	width: 45%;
	text-align: right;
	font-size: 12px;
}

.footer-menu li.designer
{
	height: 14px;
	padding: 0;
}

.footer-menu li.designer span
{
	height: 14px;
	padding: 4px 5px 0 0;
	float: left;
}

.footer-menu li.designer a
{
	background: transparent url(http://www.talentsmith.com/themes/talentsmith/images/virtuosa-trans.png) no-repeat 0 0;
	border: 0;
	height: 14px;
	line-height: 14px;
	width: 54px;
	float: left;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

/* -------->>> Footer Social Navi <<<--------*/
.platforms
{
	margin: 0 0 0 0;
	padding: 10px 11px 0 0;
	float: right;
	list-style: none;
	width: 397px;
}

#footer .platforms
{
	padding: 0;
}

.platforms li
{
	margin: 0 2px 0 0;
	padding: 0;
	float: right;
	width: 177px;
	height: 30px;
	line-height: 30px;
}

.platforms li.platform03
{
	width: 30px;
}

.platforms li.platform04
{
	margin: 0;
	width: 31px;
}

.platforms a
{
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	height: 30px;
	text-decoration: none;
}

.platforms a span
{
	position: relative;
	left: -9999px;
}

.platforms li.platform01 a
{ 
	background: transparent url(http://www.talentsmith.com/themes/talentsmith/images/job-portals.jpg) no-repeat 0 0; 
	width: 177px;
}

.platforms li.platform01 a:hover
{ 
	background: transparent url(http://www.talentsmith.com/themes/talentsmith/images/job-portals_dwn.jpg) no-repeat 0 0; 
	width: 177px;
}

.platforms li.platform02 a
{ 
	background: transparent url(http://www.talentsmith.com/themes/talentsmith/images/job-portals.jpg) no-repeat -177px 0px; 
	width: 178px;
}

.platforms li.platform02 a:hover
{ 
	background: transparent url(http://www.talentsmith.com/themes/talentsmith/images/job-portals_dwn.jpg) no-repeat -177px 0px; 
	width: 178px;
}

.platforms li.platform03 a
{ 
	background: transparent url(http://www.talentsmith.com/themes/talentsmith/images/platforms.gif) no-repeat 0px 0px; 
}

.platforms li.platform04 a
{ 
	background: transparent url(http://www.talentsmith.com/themes/talentsmith/images/platforms.gif) no-repeat -31px 0px; 
}

/*.social-links
{
	margin: 0 0 0 0;
	padding: 0;
	float: right;
	list-style: none;
	width: 97px;
}

.social-links li
{
	margin: 0 2px 0 0;
	padding: 0;
	float: left;
	width: 31px;
	height: 31px;
	line-height: 31px;
}

.social-links li.last
{
	margin: 0;
}

.social-links a,
.facebook-btn a
{
	margin: 0;
	padding: 0;
	display: block;
	width: 31px;
	height: 31px;
	text-decoration: none;
}

.social01 { background: transparent url(http://www.talentsmith.com/themes/talentsmith/images/btns-social-trans.png) no-repeat 0px 0px; }

.social02 { background: transparent url(http://www.talentsmith.com/themes/talentsmith/images/btns-social-trans.png) no-repeat -32px 0px; }

.social03 { background: transparent url(http://www.talentsmith.com/themes/talentsmith/images/btns-social-trans.png) no-repeat -63px 0px; }

.facebook-btn
{
	float: right;
	width: 31px;
	height: 31px;
	line-height: 31px;
}*/

/* -----------------------------------*/
/* ------>>> PAGE STRUCTURE <<<-------*/
/* -----------------------------------*/
#wrapper
{
	background: transparent url(http://www.talentsmith.com/themes/talentsmith/images/bg-wrapper-tile.png) repeat-y 50% 0;
	margin: 0;
	padding: 10px 0 0 0;
}


.pagecontent
{
	background: #ffffff;
	width: 930px;
	margin: 0 auto;
	padding: 25px;
	position: relative;
	text-align: left;
}

.pagecontent
{ /* default */
	background: #ffffff  url(http://www.talentsmith.com/themes/talentsmith/images/banner.jpg) no-repeat 0 0;	
}


.bg_10, .bg_51
{ /* TalentSmith Landing Landing, login page*/
	background: #ffffff;
}

.bg_741
{ /* South Africa Landing */
	background: #ffffff  url(http://www.talentsmith.com/themes/talentsmith/images/banner-01.jpg) no-repeat 0 0;
	padding: 375px 25px 25px 25px;
}

.bg_751
{/* North America Landing */
	background: #ffffff  url(http://www.talentsmith.com/themes/talentsmith/images/banner-02.jpg) no-repeat 0 0;
	padding: 375px 25px 25px 25px;
}

.bg_8174,/* South Africa About US */
.bg_11575/* North America About US */
{
	background: #ffffff  url(http://www.talentsmith.com/themes/talentsmith/images/banner-aboutus.jpg) no-repeat 0 0;
}


.bg_8374
{/* South Africa Clients */
	background: #ffffff  url(http://www.talentsmith.com/themes/talentsmith/images/banner-clients.jpg) no-repeat 0 0;
}

.bg_8474
{/* South Africa Candidates */
	background: #ffffff  url(http://www.talentsmith.com/themes/talentsmith/images/banner-candidates.jpg) no-repeat 0 0;
}

.bg_9884
{/* South Africa Candidates Interview Tips */
	background: #ffffff  url(http://www.talentsmith.com/themes/talentsmith/images/banner-candidates.jpg) no-repeat 0 0;
}

.bg_8574,/* South Africa Contractors */
.bg_11675/* North America Contractors */
{
	background: #ffffff  url(http://www.talentsmith.com/themes/talentsmith/images/banner-contractors.jpg) no-repeat 0 0;
}

.bg_8674,/* South Africa Testimonials */
.bg_11775/* North America Testimonials */
{
	background: #ffffff  url(http://www.talentsmith.com/themes/talentsmith/images/banner-testimonials.jpg) no-repeat 0 0;
}

.bg_7674,/* South Africa Contact Us */
.bg_10475/* North America Contact Us */
{
	background: #ffffff  url(http://www.talentsmith.com/themes/talentsmith/images/banner-contactus.jpg) no-repeat 0 0;
}

/*
#pagecontent.bg_771/* Site Map *
{
	background: #ffffff  url(http://www.talentsmith.com/themes/talentsmith/images/banner.jpg) no-repeat 0 0;
}

#pagecontent.bg_781/* Keyword Search *
{
	background: #ffffff  url(http://www.talentsmith.com/themes/talentsmith/images/banner.jpg) no-repeat 0 0;
}

#pagecontent.bg_791/* Privacy Policy *
{
	background: #ffffff  url(http://www.talentsmith.com/themes/talentsmith/images/banner.jpg) no-repeat 0 0;
}
#pagecontent.bg_801/* Terms and Conditions *
{
	background: #ffffff  url(http://www.talentsmith.com/themes/talentsmith/images/banner.jpg) no-repeat 0 0;
}*/



.bg_9484, 
.bg_12085,
.bg_122116
{/* Job portal pages */
	background: #ffffff;
	padding: 0 25px 25px 25px;
}


.page-heading
{
	margin: 0 0 10px 0;
	width: 385px;
	height: 157px;
}

.bg_741 .page-heading,
.bg_751 .page-heading
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: auto;
	position: absolute;
	top: 70px;
	left: 25px;
}

.bg_9484 .page-heading,
.bg_12085 .page-heading,
.bg_122116 .page-heading
{
	margin: 0 0 0 0;
	padding: 25px 0 0 0;
	height: auto;
}

.main-content,
.main-content2
{
	margin: 0 0 0 0;
	padding: 0;
	float: left;
	width: 590px;
}

.main-content2
{
	width: 450px;
	padding: 0;
}

.bg_741 .main-content, 
.bg_751 .main-content
{
	margin: 0 0 0 0;
}

.main-content-fullwidth
{
	margin: 0 0 0 0;
	padding: 0;
}



.bg_10 .main-content-fullwidth
{
	margin: 0;
	padding: 25px 0 0 0;
}


.bg_9484 .main-content-fullwidth, 
.bg_12085 .main-content-fullwidth,
.bg_122116 .main-content-fullwidth
{
	margin: 0;
	padding: 0;
}

/* -----------------------------------*/
/* ---------->>> SIDEBAR <<<----------*/
/* -----------------------------------*/
.sidebar, 
.sidebar2
{
	float: right;
	margin: 0 0 -30px 0;
	padding: 0;
	width: 320px;
	position: relative;
	top: -30px;
	
}

.sidebar2
{
	width: 435px;
	background: #FFFFFF url(http://www.talentsmith.com/themes/talentsmith/images/form_back.jpg) no-repeat 100% 0;
	padding: 0 0 10px 17px;
}

.bg_741 .sidebar,
.bg_751 .sidebar
{
	margin: 0 0 0 0; 
}


/* -----------------------------------*/
/* --------->>> HEADINGS <<<----------*/
/* -----------------------------------*/
h1
{
	color: #a0a0a0;
	font-family:  Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 44px;
	line-height: 46px;
	margin: 0;
	padding: 0;
}

h2
{
	font-size: 16px;
	line-height: 28px;
	font-weight: normal;
	color: #e96e34;
	margin: 10px 0;
	padding: 0;
}

h3
{
	font-size: 16px;
	line-height: 25px;
	font-weight: bold;
	color: #555555;
	margin: 10px 0;
}

h3 strong
{
	color: #e96e34;
}

.asRecruitment
{
	background: transparent url(http://www.talentsmith.com/themes/talentsmith/images/art-science-soul-recruitment.png) no-repeat 0 0;
	width: 320px;
	height: 68px;
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 34px;
	line-height: 36px;
	font-weight: normal;
}

/* -----------------------------------*/
/* ------->>> TEXT STYLES <<<---------*/
/* -----------------------------------*/

.asRecruitment span,
ul.lookingFor li a span,
ul.lookingForUs li a span
{
	position: relative;
	left: -9999px;
}

.noscreen
{
	visibility: hidden;
}

ul.lookingFor
{
	width: 293px;
	margin: 0 0 10px 20px;
	padding: 0;
	list-style: none;
	float: right;
}

ul.lookingFor li
{
	background: transparent url(http://www.talentsmith.com/themes/talentsmith/images/btns-home-action.png) no-repeat 0 0;
	margin: 0 0 8px 0;
	padding: 0;
	width: 293px;
	height: 60px;
}

ul.lookingFor li.button1 { background-position: 0 0; }

ul.lookingFor li.button2 { background-position: 0 -68px; }

ul.lookingFor li.button3 { background-position: 0 -136px; margin: 0; }

ul.lookingFor li a
{
	display: block;
	height: 60px;
	width: 293px;
	text-decoration: none;
	
}

ul.lookingFor li a:hover
{
	text-decoration: none;
}
ul.lookingForUs
{
	width: 293px;
	margin: 0 0 10px 20px;
	padding: 0;
	list-style: none;
	float: right;
}

ul.lookingForUs li
{
	background: transparent url(http://www.talentsmith.com/themes/talentsmith/images/btns-home-action_us.jpg) no-repeat 0 0;
	margin: 0 0 8px 0;
	padding: 0;
	width: 293px;
	height: 60px;
}

ul.lookingForUs li.button1 { background-position: 0 0; }

ul.lookingForUs li.button2 { background-position: 0 -68px; }

ul.lookingForUs li.button3 { background-position: 0 -136px; margin: 0; }

ul.lookingForUs li a
{
	display: block;
	height: 60px;
	width: 293px;
	text-decoration: none;
	
}

ul.lookingForUs li a:hover
{
	text-decoration: none;
}
.domain-select
{
	margin: 0 auto;
	width: 400px;
	padding: 0;
	list-style: none;
	text-align: center;
}

.profile-list
{
	background: #ffffff;
	border: 1px solid #dece92;
}

/* -----------------------------------*/
/* -------->>> NAVIGATION <<<---------*/
/* -----------------------------------*/

/* - Main menu - */ 
#navi
{
	margin: 0 0 -4px 0;
	padding: 0;
	list-style: none;
	width: auto;
	float: right;
	position: relative;
	top: -4px;
}

#navi li
{
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border-left: 1px solid #4b4b4b;
}

#navi li.home
{
	border: 0;
	margin: 0;
}

#navi li a
{
	display: block;
	padding: 0 13px;
	line-height: 25px;
	color: #ffffff;
}

#navi li a:hover,
#navi li.nav-selected a
{
	background-position: left bottom;
	text-decoration: none;
}

#navi li ul { display: none; }

/*.homelink
{
	float: right;
	width: auto;
	line-height: 25px;
	margin: 0 0 -4px 0;
	padding: 0;
	border-right: 1px solid #4b4b4b;
	position: relative;
	top: -4px;
}

.homelink a
{
	color: #ffffff;
	padding: 0 13px;
}

.homelink a:hover
{
	text-decoration: none;
}*/


/* - Cookie Trail - */
.cookie-trail
{
	font-size: 10px;
	color: #848484;
	margin: 0 0 15px 0;
	padding: 0;
}

.cookie-trail a
{
	color: #323232;
}

/* - Global Tabs - */
.ui-tabs .ui-tabs-hide { display: none; }

#testimonials
{
	margin: 15px 0 0 0;
	width: 550px;
	float: left;
}

.ui-tabs { margin: 0 0 10px 0;}

.ui-tabs-nav
{
	list-style: none;
	background: #ffffff url(http://www.talentsmith.com/themes/talentsmith/images/bg-tabs-nav.png) no-repeat 0 100%;
	height: 30px;
	margin: 0;
	padding: 0 0 1px 0;
}

.ui-tabs-nav li
{
	float: left;
	width: 160px;
	height: 30px;
	margin: 0 3px 0 0;
	padding: 0;
	text-align: center;
}

.ui-tabs-nav li a
{
	background: transparent url(http://www.talentsmith.com/themes/talentsmith/images/tabs-right.png) no-repeat 100% 0;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #404040;
	line-height: 30px;
	text-decoration: none;
}

.ui-tabs-nav li a span
{
	background: transparent url(http://www.talentsmith.com/themes/talentsmith/images/tabs-left.png) no-repeat 0 0;
	display: block;
	margin: 0;
	padding: 0 10px 0 10px;
}

.ui-tabs-nav li a:hover,
.ui-tabs-nav li.ui-tabs-selected a
{
	background-position: 100% -30px;
	color: #ffffff;
	text-decoration: none;
}

.ui-tabs-nav li a:hover span,
.ui-tabs-nav li.ui-tabs-selected a span { background-position: 0 -30px; }

.ui-tabs-panel
{
	margin: 0;
	padding: 4px;
}

/* -----------------------------------*/
/* ---------->>> FORMS <<<------------*/
/* -----------------------------------*/
.domain-filter
{
	background: #323232 url(http://www.talentsmith.com/themes/talentsmith/images/bg-select.png) no-repeat 0 0;
	margin: 10px 0 0 0;
	padding: 0;
	width: 115px;
	height: 31px;
	float: right;
}

#option_1 { background: transparent url(http://www.talentsmith.com/themes/talentsmith/images/bg-select-sa.png) no-repeat 0 50%; }
#option_2 { background: transparent url(http://www.talentsmith.com/themes/talentsmith/images/bg-select-na.png) no-repeat 0 50%; }

.domain-filter select
{
	background: #404040;
	border: 0;
	display: block;
	width: 115px;
	margin: 6px 0;
	padding: 0;
	font-size: 11px;
	color: #ffffff;
}

.domain-filter option
{
	margin: 0;
	padding: 0;
	width: 69px;
	padding: 0 0 0 25px;
}

.submit_btn
{
	border: 2px solid #000000;
	background: #323232;
	color: #ffffff;
	font-size: 10px;
	width: 25px;
	margin: 0;
	padding: 0;
}

select.replaced { display: none; }

ul.selectReplacement
{
	background: url(http://www.talentsmith.com/themes/talentsmith/images/bg-select-arrow.jpg) top right no-repeat;
	margin: 0;
	padding: 0;
	height: 31px;
	width: 115px;
}

ul.selectReplacement li
{
	background: transparent url(http://www.talentsmith.com/themes/talentsmith/images/bg-select.png) no-repeat 0 0;
	border-top: 0;
	list-style: none;
	width: 83px;
	margin: 0;
	padding: 0 7px 3px 25px;
	display: none;
	font-size: 11px;
	color: #fff;
	line-height: 28px;
	cursor: pointer;
}

ul.selectOpen li { display: block; }

ul.selectReplacement li.selected
{
	background: url(http://www.talentsmith.com/themes/talentsmith/images/bg-select.png) top right no-repeat;
	color: #fff;
	display: block;
}

ul.selectOpen li.selected 
{
	/* background: #9e0000;*/
      display: block; 
}

ul.selectOpen li:hover,
ul.selectOpen li.hover,
ul.selectOpen li.selected:hover 
{ /*background: #9e0000;*/
    color: #fff; 
}

/* -----------------------------------*/
/* ---------->>> EXTRAS <<<-----------*/
/* -----------------------------------*/
/* slightly enhanced, universal clearfix hack */
.clearfix:after
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* close commented backslash hack */

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


.leftcol
{
	width: 250px;
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
}
.leftcol ul {
	padding:0;
	margin:0 0 0 22px;
}
.leftcol li {
	list-style:none outside none;
	list-style-image:url(http://www.talentsmith.com/themes/talentsmith/images/bullet-tick.jpg);
	margin:0;
}

/*ul.leftcol {
        margin: 0;
        padding: 0;
}
ul.leftcol li {
        margin: 0;
        padding: 2px 0 2px 16px;
        list-style: none;
        background: url(http://www.talentsmith.com/themes/talentsmith/images/bullet1.gif) no-repeat top left;
}*/



.rightcol
{
	width: 260px;
	float: left;
	margin: 0;
	padding: 0;
}
.rightcol ul {
	padding:0;
	margin:0 0 0 22px;
}
.rightcol li {
	list-style:none outside none;
	list-style-image:url(http://www.talentsmith.com/themes/talentsmith/images/bullet-tick.jpg);
	margin:0;
}
/*
dl
{
	margin: 0;
	padding: 0;
}

dt
{
	width: 110px;
	margin: 0;
	padding: 0;
}

dd
{
	width: 120px;
	float: left;
	margin: 0;
	padding: 0;
}

*/
.contactdetails
{
	margin: 0;
	padding: 0;
	width: 474px;
}

.contactdetails dt
{
	width: 105px;
	height: 20px;
	padding: 10px 10px 0 0;
	clear: left;
	float: left;
	margin: 0 10px 0 0;
}

.contactdetails dd
{
	margin: 0 0 0 110px;
	width: 300px;
	height: 20px;
	padding: 10px 0 0 10px;
}

/* non-IE fix for height-adjustability */
html>body .contactdetails dd
{
	height: auto;
	min-height: 20px;
}
/* Endfix */

iframe
{
	overflow: auto;
	height: 600px;
}
.testimonial 
{
	width:550px;
	float:left;
	margin:5px 0 0 0;
	border-bottom:dotted 1px #CCC;
}
.left-quote 
{
	float:left;
	background:url(http://www.talentsmith.com/themes/talentsmith/images/quote-left.jpg) no-repeat top;
	width:40px;
	height:30px;
}
.testi-text 
{
	float:left;
	text-align:left;
	width:460px;
	padding-right:45px;
	padding-top: 20px;
	background:url(http://www.talentsmith.com/themes/talentsmith/images/quote-right.jpg) no-repeat right bottom;
}
.testi-pic 
{
	float:left;
	width:77px;
	height:104px;
	margin-left:70px;
	display:inline;
}
.testi-name 
{
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	padding:2px 0 10px 40px;
	color: #e96e34;
	font-size: 12px;
	font-weight: bold;
}
.tips
{
	margin: 0;
	padding: 0 0 0 35px;

}
.tips ol {
	padding:0;
	margin:0;
	font: italic 18px Georgia, Times, serif;
	color: #65a6c6;
}
.tips p strong {
	padding:0;
	margin:0;
	color: #65a6c6;
}
.tips p {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #414141;
	line-height: 18px;
	padding: 6px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;	
}
.tips li {
	/*	list-style:none outside none;
	list-style-image:url(http://www.talentsmith.com/themes/talentsmith/images/bullet-tick.jpg);*/
	margin:0;
}