﻿/*
======================
= Generic Components =
======================
*/

.silverlight span
{
	height: 600px;
	width:920px;
	display: block;
}

.contentBox 
{
	margin-bottom:15px; position: relative;
}
.contentBoxTopLeft
{
	clear:both;
	float:left;
	width:8px;
	height:8px;
	background-image:url('/items/v3/images/RB-topleft.png');
	font-size:0px;
}
.contentBoxTop
{
	float:left;
	background-color:White;
	border-top:1px #e3e3e3 solid;
	height:7px;
	font-size:1px;
}
.contentBoxTopRight
{
	float:left;
	width:8px;
	height:8px;
	background-image:url('/items/v3/images/RB-topright.png');
	font-size:0px;
}
.contentBoxSide
{
	float:left;
	width:1px;
	background-image:url('/items/v3/images/RB-side.gif');
	background-position:left bottom;
	background-color:#e3e3e3;
	background-repeat:no-repeat;
}
.contentBoxContent
{
	float:left;
	background-color:white;
	background-image:url('/items/v3/images/RB-background.png');
	background-position:left bottom;
	background-repeat:repeat-x;
	overflow:hidden;
	border-left:solid 1px #cfcfcf;
	border-right:solid 1px #cfcfcf;
}
.contentBoxContentContent
{
	padding:4px;
}
.contentBoxTitle
{
	text-align:center;
	font-size:14px;
	font-weight:bold;
}
.contentBoxBottomLeft
{
	float:left;
	width:8px;
	height:8px;
	background-image:url('/items/v3/images/RB-bottomleft.png');
	font-size:0px;
}
.contentBoxBottom
{
	float:left;
	border-bottom:1px #c9c9c9 solid;
	background-image:url('/items/v3/images/RB-background.png');
	background-position:bottom;     	
	height:7px;
	font-size:0px;
}
.contentBoxBottomRight
{
	float:left;
	width:8px;
	height:8px;
	background-image:url('/items/v3/images/RB-bottomright.png');
	font-size:0px;
}

/*
==================
=    Homepage    =
==================
*/

.homepageBox
{
	margin-top:10px;
	float:left;
}

/*
==================
= Search Control =
==================
*/

#SearchBox #SearchControlTitle
{
    font-weight:bold;
    text-align:center;
}
#SearchBox
{
	width:245px;
}
#SearchBoxContent
{
	clear:both;
	background-color:#f9c61f;
	width:245px;
}
#SearchBoxTopLeft
{
	width:8px;
	height:8px;
	background-image:url('/items/v3/images/SearchBox-topleft.png');
	float:left;
	font-size:0px;
}
#SearchBoxTop
{
	width:100px;
	height:8px;
	font-size:0px;
	background-color:#f9c61f;
	float:left;
	width:229px;
}
#SearchBoxTopRight
{
	width:8px;
	height:8px;
	background-image:url('/items/v3/images/SearchBox-topright.png');
	float:left;
	font-size:0px;
}
#SearchBoxBottomLeft
{
	width:8px;
	height:8px;
	background-image:url('/items/v3/images/SearchBox-bottomleft.png');
	float:left;
	font-size:0px;
}
#SearchBoxBottom
{
	width:100px;
	height:8px;
	font-size:0px;
	background-color:#f9c61f;
	float:left;
	width:229px;
}
#SearchBoxBottomRight
{
	width:8px;
	height:8px;
	background-image:url('/items/v3/images/SearchBox-bottomright.png');
	float:left;
	font-size:0px;
}

.SearchFieldLabel
{
	margin:10px 0px 3px 5px;
	font-weight:bold;
	font-size:13px;
}
.SearchFieldInput
{
	margin-left:12px;
}

.slider .bar
{
	 float:left;
	 width:140px;
	 background-image:url('/items/v3/images/slider.gif');
	 margin-left:14px;
	 margin-top:1px;
}

.slider .knob 
{
	width:10px;
	height:15px;
	background-color:#98CCFE;
}

.slider .value {
	margin-left:5px;
	height:14px;
	width:25px;
	float:left;
}

.slider .unit 
{
	padding-top:2px;
}

.disabled .unit 
{
	color:#AAAAAA;
}

.disabled .label
{
	color:#AAAAAA;
}

.disabled .knob
{
	background-color:#AAAAAA;
}

#SalaryBox select
{
	width:220px;
}

#MoreSearchOptionsLink
{
	padding:5px;
}
#MoreSearchOptionsLink a, #MoreSearchOptionsLinkSmall a
{
	font-weight:bold;
}

#SearchButton
{
	width:112px;
	height:59px;
	background-image:url('/items/v3/images/search_button.png');
	margin:8px 0px 0px 130px;
}
.SearchButtonAnchor
{
	line-height:40px;
	vertical-align:middle;
	padding: 0px 20px 0px 20px;
	color:White;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
}
.SearchButtonAnchor:hover
{
	text-decoration:underline;
}

.divExecLink
{
	clear:both;
}

/*
=======================
= Search Help Control =
=======================
*/


#SuggestedKeywordsTop
{
	width:685px;
	height:25px;
	background-image:url('/items/v3/images/SuggestTop.jpg');
}

#SuggestedKeywordsContent
{
	width:685px;
	background-image:url('/items/v3/images/SuggestContent.jpg');
	min-height:100px;
}

#SuggestedKeywordsContentInner
{
	margin:0px 25px 0px 20px;
}

#SuggestedKeywordsBottom
{
	width:685px;
	height:29px;
	background-image:url('/items/v3/images/SuggestBottom.jpg');
}

#SuggestedKeywordsArrow
{
	width:42px;
	height:52px;
	position:absolute;
	display:inline;
	margin:45px auto auto -35px;

	background-image:url('/items/v3/images/SuggestArrow.jpg');
}

.NoResults
{
}

#NoResultsText
{
	 width:400px;
	 padding:10px;
}

.NoResultsTips
 {
 	text-align:left;
 	padding-left:30px;
 	padding-top:10px;
 }
 
.SuggestedSearch
{
	padding:5px 0px 5px 0px;
}

.SearchTip
{
	padding:5px 0px 5px 0px;
}

#LocationMatches
{
	padding:5px 0px 5px 0px;
}

.matchedLocation
{
	float:left;
	font-style:italic;
}
.OtherMatchLinks
{
	margin:0px 0px 0px 0px;
	float:left;
}

.hidden
{
	display:none;
}

.jsLink
{
	cursor:pointer;
	text-decoration:none;
}

.jsLink:hover
{
	text-decoration:underline;
}

/*
==============
= Yellow Box =
==============
*/

.yellowBox .contentBoxTopLeft
{
	background-image:url('/items/v3/images/yellow-topleft.png');
}

.yellowBox .contentBoxTop
{
	border-top:1px #E7CE78 solid;
}

.yellowBox .contentBoxTopRight
{
	background-image:url('/items/v3/images/yellow-topright.png');
}

.yellowBox .contentBoxSide
{
	background-image:url('/items/v3/images/yellow-side.gif');
	background-color:#E7CE78;
}

.yellowBox .contentBoxContent
{
	background-image:url('/items/v3/images/yellow-background.png');
	border-left:solid 1px #E7CE78;
	border-right:solid 1px #E7CE78;
}

.yellowBox .contentBoxBottomLeft
{
	
	background-image:url('/items/v3/images/yellow-bottomleft.png');
}

.yellowBox .contentBoxBottom
{
	
	border-bottom:1px #E7CE78 solid;
	background-image:url('/items/v3/images/yellow-background.png');
	
}

.yellowBox .contentBoxBottomRight
{
	background-image:url('/items/v3/images/yellow-bottomright.png');
}

.blogs h2
{
	font-size:14px;
}

/*
==================
= Search Results =
==================
*/
.ResultsToolsTop
{
	padding-bottom:0px;
	/*height:82px !important;
	min-height:82px !important;*/
}

.ResultsToolsTop .contentBoxTitle
{
	height:0px;
	font-size:0px;
}
.ResultsToolsTop .contentBoxContent
{
	/*height:66px !important;
	min-height:66px !important;*/
	background-image:url('/items/v3/images/Yellow-background-compact.png');
}
.TotalResultsCount
{
	font-weight:bold;
}

.noDecor
{
	text-decoration:none;
}

.tools img
{
	border:none;
}

#ResultsToolsBottom
{
	padding-top:5px;
}

.tools
{
	text-align:right;
}

.toolsleft
{
    float:left;
    width:350px;
}

.toolsright
{
    float:left;
    width:300px;
}

.SortBy
{
	clear:both;
	float:right;
	padding:10px;
	width:250px;
	text-align:right;
}
.SortBy select
{
	width:150px;
}

#SearchDesc
{
	width:350px;
	float:left;
	text-align:left;
	padding:12px;
}

.ResultsDesc
{
	width:350px;
	float:left;
	text-align:left;
	padding-bottom:12px;
}

.jobresult
{
	padding: 0px 4px 4px 4px;
	margin:15px 0px 0px 0px;
}
.jobresult .contentBoxTitle
{
	height:0px;
	font-size:0px;
}

.jobresultheader
{
	margin-top:3px;
}

.jobtitle, .joblocation, .jobdescription, .jobrecruiter
{
	float:left;
}

.jobtitle
{
    clear:left;
	font-size:17px;
	margin-bottom:4px;
}
.jobadded
{
	margin-bottom:4px;
}
.joblocation, .jobsalary
{
	font-weight:bold;
	margin:5px 0px 5px 0px;
}

.jobsalary, .trustedrecruiter
{
	float:right;
}

.jobdescription
{
	margin-bottom:10px;
}
.jobrecruiter
{
	font-style:italic;
}

.trustedrecruiter
{
	margin:10px;
}

.trustedrecruiter img
{
	float:left;
}
.trustedrecruitertext
{
	margin:5px 0px 0px 2px;
	float:left;
	font-style:italic;
}
.paging
{
	padding-top:20px;
	width:355px;
	text-align:right;
	float:left;
}
.paging .pageButton a
{
	background-repeat:no-repeat;
}
.paging .pageButtonPrev a
{
	background-image:url('/items/v3/images/previous.png');
	background-position:top left;
	padding-left:20px;
}
.paging .pageButtonPrev a.hide
{
	background-image:url('/items/v3/images/previous_disabled.png');
	color:Gray;
}
.paging .pageButtonNext a
{
	background-image:url('/items/v3/images/next.png');
	background-position:top right;
	padding-right:20px;
}
.paging .pageButtonNext a.hide
{
	background-image:url('/items/v3/images/next_disabled.png');
	color:Gray;
}

.PagingPageInfo
{
    color:#666666;
    font-weight:bold;
    margin-top:8px;
}

/*
==============
= Navigation =
==============
*/


#Navigation
{
	height:32px;
}

#NavigationControl
{
	margin-bottom:10px;
}

.NavOff
{
	display:none;
}

.NavOn
{
	display:block;
}

.NavTabOn, .NavTabOff
{
	float:left;
}

.NavTabOffRight
{
	float:right;
}

.NavTabOn a, .NavTabOff a, .NavTabOffRight a
{
	display:block;
	text-decoration:none;
}

.NavTabOn a:hover, .NavTabOff a:hover, .NavTabOffRight a:hover
{
	text-decoration:underline;
}


.NavTabOff, .NavTabOn, .NavTabOffRight
{
	height:32px;
	width:90px;
	background-color:transparent;
	text-align:center;
	margin:0px 2px;
}
.NavTabOff a, .NavTabOn a, .NavTabOffRight a 
{
	line-height:32px;
	vertical-align:middle;
	font-size:14px;
	font-weight:bolder;
}

#cl_JobSeekerTabs .NavTabOffRight a
{
	/*color:Black;*/
	text-decoration:underline;
}
#cl_RecruiterTabs .NavTabOff a, #cl_RecruiterTabs .NavTabOn a
{
	color:Black;
}
#cl_RecruiterTabs .NavTabOffRight a
{
	/*color:Black;*/
	text-decoration:underline;
}
#cl_JobSeekerTabs .NavTabOff a, #cl_JobSeekerTabs .NavTabOn a
{
	color:Black;
}

#cl_JobSeekerTabs .NavTabOn
{
	background-image:url('/items/v3/images/yellow_tab.png');
}
#cl_JobSeekerTabs .NavTabOff
{
	background-image:url('/items/v3/images/yellow_tab.png');
}
#cl_RecruiterTabs .NavTabOffRight
{
	/*background-image:url('/items/v3/images/yellow_tab.png');*/
	margin-right:55px;
}
#cl_JobSeekerTabs .NavTabOffRight
{
	/*background-image:url('/items/v3/images/yellow_tab.png');*/
	margin-right:44px;
}
#cl_RecruiterTabs .NavTabOn
{
	background-image:url('/items/v3/images/yellow_tab.png');
}
#cl_RecruiterTabs .NavTabOff
{
	background-image:url('/items/v3/images/yellow_tab.png');
}

/*
=================
= Featured Jobs =
=================
*/
.featuredJob
{
	margin-bottom:10px;
}
.featuredJob .title
{
	font-weight:bold;
	color:#4d91cd;
}

.featuredJob .location
{
	font-weight:bold;
}

.featuredJob .company
{
	font-style:italic;
}

/*
================
= Registration =
================
*/

#SelectIndustryList
{
	float:left;
	width:220px;
	height:200px;
	overflow:scroll;
	border:1px #bbbbbb solid;
	font-size:10px;
}

#SelectIndustrySelectedList
{
	float:left;
	width:220px;
	height:200px;
	overflow:scroll;
	margin-left:20px;
	border:1px #bbbbbb solid;
	font-size:10px;
}

#AdvancedProfileForm .TextBox input
{
	width:200px;
}

#AdvancedProfileForm .TextBox select
{
	width:200px;
}

#AdvancedProfileForm .TextBox .tickyBox input
{
	width:50px;
}

#AdvancedProfileForm .TextBoxSalary input
{
	width:118px;
	text-align:right;
}

#AdvancedProfileForm .FormTip
{
	font-style:italic;
	color:#444444;
	font-size:small;
}

#AdvancedProfileForm .TextBoxDOB select
{
	width:70px;
}


.FormCheckBox input
{
	width:25px !important;
}

.jobFeatures
{
    margin-left:30px;
    float:left;
    margin-right:60px;
    margin-top:-25px;
}

.jobFeature
{
    width:43px;
    height:65px;
    position:relative;
    float:left;
    z-index:5;
    overflow:visible;
}

.smallJobIcon
{
    position:relative;
    left:10px;
    top:20px;
}

.bigJobIcon
{
    display:none;
    position:relative;
    width:48px;
    overflow:visible;
    float:left;
    top:-2px;
    z-index:3;
}

.bigJobIcon img
{
    float:right;
    right:0px;
    z-index:4;
    position:relative;
}

.jobFeature:hover .smallJobIcon
{
    display:none;
}

.jobFeature:hover .bigJobIcon
{
    display:block;
}

.saveJobConfirmHidden
{
    display:none;	
}

.saveJobConfirmShow
{
	border:solid 1px black;
    background-color:White;
    display:block;
    position:absolute;
    top:10px;
    left:10px;
    float:left;
    z-index:945;
}

#saveJobConfirm, #saveJobNotes
{
	width:288px;
	height:115px;
}
#saveJobConfirmInner, #saveJobBoxInner
{
	margin:0px 5px 5px;
}

#saveJobConfirm #MyJobsPreview
{
	width:152px;
	height:51px;
	background-image:url(/items/v3/images/my_jobs_preview.gif);
	margin-left:63px;
}

#SuggestedKeywords
{
    position:relative;
    border:1px #dddddd solid;
    border-top:0px;
    width:220px;
    margin-left:10px;
    margin-top:8px;
}

#SuggestedKeywordsInner
{
    background-image:url("/items/v3/images/RB-background.png");
    background-position:left bottom;
    background-repeat:repeat-x;
    clear:both;
    position:relative;
    margin:0px;
    padding:12px;
}

#SuggestedKeywordsCornerLeft
{
    width:12px;
    height:12px;
    bottom:-1px;
    left:-1px;
    position:absolute;
    background-image:url(/items/v3/images/sugg_corner_left.gif);
}

#SuggestedKeywordsCornerRight
{
    width:12px;
    height:12px;
    bottom:-1px;
    right:-1px;
    position:absolute;
    background-image:url(/items/v3/images/sugg_corner_right.gif);
}

#SuggestedKeywordsList
{
	margin-top:5px;
}

#SuggestedKeywordsIntro
{
    top:10px;
    position:relative;
}

#SuggestedKeywordsList
{
    position:relative;
    top:10px;
}

.tippopup
{
    position:absolute;
}

.PopupArrow
{
    width:35px;
    height:68px;
    background-image:url(/items/v3/images/PopupArrow.png);
    position:absolute;
    left:-35px;
}

.PopupClose
{
    position:absolute;
    right:2px;
    top:2px
}

.validation
{
	color:red;
	font-weight:bold;
}

