﻿body
{
	color:#3E3E3E;
	line-height:1.5;
	font-size:small;
	font-family:Arial;
}

#CenterPage
{
	margin-left: auto;
	margin-right: auto;
	width: 780px;	
	background-color:White;
}

#PageContent
{
	float:left;
	width: 780px;
	border:1px solid black;
	border-right-width:2px;
	border-bottom-width:2px;
}

#PageHeader
{
	background-color: #53094A;
	padding-top: 0px;
	height:88px;
}
/*.LogoBackground
{
	background: url('../Images/Layout/Logo_Background.png') top left no-repeat; 
	background-repeat:no-repeat; 
	height:89px; 
	width:432px; 
	float:left;
}*/
/*#PageHeader .HeaderLogo
{
	float:left;
	padding: 0px 4px 6px 0px;
}*/

#Logo
{
    float:left; padding:0px; margin:0px; border-style:none; border-width:0px;   
}

#Logo a
{
    float:left; padding:0px; margin:0px; border-style:none; border-width:0px;   
}

#PageHeader ul, #PageFooter ul
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	text-indent: 0px;
}

#PageHeader ul li, #PageFooter ul li
{
	float: left;
	padding: 0px;
	border: none;
}

#PageHeaderTitle
{
	float:right;
	width: 345px;
	height: 27px;
	background: url('../Images/h/title_best_companies_guide.png') no-repeat top right;
	margin-top:23px;
	margin-right:0px;
	margin-bottom: 10px;
}

#PageHeaderTitle h1
{
	visibility: hidden;
}

.HeaderLinks
{
	float: right;
	width: 348px;
}

.HeaderLinks ul li a
{
	margin-right:7.5px;
}

.Clearing
{
	clear: both;
}

.MainNavagation
{
	height:22px;
	margin: 0px;
	padding:0px;
	background-color: #53094A;
}

.MainNavagation ul
{
    padding:0px;   
    margin: 0px;
}

.MainNavagation ul li
{
    float:left;   
}

.MainNavagation ul li a
{
	display: block;
	height: 22px;
	background: url('../Images/nav/bg_nav.gif' );
	background-repeat: no-repeat;
	text-indent: -9999em;
}

/* Navagation */
.MainNavagation a.Home
{
	width: 104px;
	background-position: 0px 0px;
}
.MainNavagation a.Home:hover
{
	background-position: 0px -44px;
}
.MainNavagation .Active a.Home, .MainNavagation .Active a.Home:hover
{
	background-position:  0px -22px;
}
.MainNavagation a.About
{
	width: 100px;
	background-position: -105px 0px;
}

.MainNavagation a.About:hover
{
	background-position: -105px -44px;
}

.MainNavagation .Active a.About, .MainNavagation .Active a.About:hover
{
	background-position:  -105px -22px;
}

.MainNavagation a.How
{
	width: 169px;
	background-position: -205px 0px;
}

.MainNavagation a.How:hover
{
	background-position: -205px -44px;
}

.MainNavagation .Active a.How, .MainNavagation .Active a.How:hover
{
	background-position:  -205px -22px;
}

.MainNavagation a.Faq
{
	width: 63px;
	background-position: -374px 0px;
}

.MainNavagation a.Faq:hover
{
	background-position: -374px -44px;
}

.MainNavagation .Active a.Faq, .MainNavagation .Faq a.About:hover
{
	background-position:  -374px -22px;
}

.MainNavagation a.Questions
{
	width: 215px;
	background-position: -437px 0px;
}

.MainNavagation a.Questions:hover
{
	background-position: -437px -44px;
}

.MainNavagation .Active a.Questions, .MainNavagation .Questions a.About:hover
{
	background-position:  -437px -22px;
}

.MainNavagation a.Contact
{
	width: 129px;
	background-position: -652px 0px;
}

.MainNavagation a.Contact:hover
{
	background-position: -652px -44px;
}

.MainNavagation .Active a.Contact, .MainNavagation .Contact a.About:hover
{
	background-position:  -652px -22px;
}

.SearchLabel
{
	margin-left:6px;
}

.SearchText
{
	font-size:small;	
	width:159px;
	float:left;
	margin:0px 0px 10px 0px;
}

.SearchKeyword
{
	height:52px;
	background: url('../Images/Layout/keyword_background.png' );
	background-repeat: no-repeat;
	margin:0px 0px 0px 0px;
}
.SearchFilters
{
	height:124px;
	background: url('../Images/Layout/filter_background.png' );
	background-repeat: no-repeat;
	margin:0px 0px 0px 0px;
}
.SearchTypes
{
	height:116px;
	background: url('../Images/Layout/search_checks_background.png' );
	background-repeat: no-repeat;
	margin:0px 0px 0px 0px;
}
.SearchCheckBox
{
	padding:7px 0px 0px 6px;
}
.SearchButtons
{
	height:67px;
	background: url('../Images/Layout/button_background.png' );
	background-repeat: no-repeat;
	margin:0px 0px 0px 0px;
}
.BestMatchLink
{
	width:159px;
	height:87px;
	margin:0px 0px 0px 0px;
}
.GoButton
{
	clear:both;
	float:right;
	margin:12px 10px 0px 0px;
}
.ResetButton
{
	clear:both;
	float:right;
	margin:5px 10px 0px 0px;
}

#PageFooter
{
	font-size: 80%;
	clear: both;
	margin:0;
	height: 32px;
	width:780px;
}

#PageFooter span
{
	float:left;
	padding:10px;
	margin:0px;
}

#PageFooter ul
{
	float: left;
	padding: 10px 15px 10px 0px;
}

#PageFooter ul li
{
	display: inline;
	background:	url('../Images/bg/bg_li_footer.gif') 5px 5px no-repeat;
	padding-left: 10px;
}

hr
{
    /* RED FOOTER */
	color:#E30729;
	background-color:#E30729;
	height:1px;
	border:none; 
	margin:15px 12px 0px 12px;
}

#InterviewQs ul
{
    margin:0px;
    padding:0px;
}

#InterviewQs ul li
{
    float:left;
    display:inline;
    list-style:none;
    background: url('../Images/bg/bg_li_questions.png') 0px 5px no-repeat;
    padding:0px 3px 0px 6px;
}

#InterviewQs ul li a
{
    color: #B2B2B2;
}

#Login
{
    background: url('../Images/bg/login_register_header.png') 0px 0px no-repeat; 
}

.HeadingBarText
{
	margin: 0px 10px 5px 10px;
	font-weight:bold;
	font-size: 10pt;
	color:White;
	line-height: 16pt;
}

.OneToWatchStarHeading 
{
	background-image: url('../Images/bg/bg_onetowatch_bar.png');
	background-repeat:no-repeat;
}

.ThreeStarHeading 
{
	background-image: url('../Images/bg/bg_threestar_bar.png');
	background-repeat:no-repeat;
	height:28px;
}

.TwoStarHeading 
{
	background-image: url('../Images/bg/bg_twostar_bar.png');
	background-repeat:no-repeat;
}

.OneStarHeading 
{
	background-image: url('../Images/bg/bg_onestar_bar.png');
	background-repeat:no-repeat;
}

.GreyHeading 
{
	background-image: url('../Images/bg/bg_grey_bar.png');
	background-repeat:repeat-x;
}

.LightGreyHeading 
{
	background-image: url('../Images/bg/bg_grey_bar.png');
	background-repeat:repeat-x;
}

.OrangeHeading 
{
	background-image: url('../Images/bg/bg_onetowatch_bar.png');
	background-repeat:repeat-x;
}

.PurpleHeading 
{
	background-image: url('../Images/bg/bg_twostar_bar.png');
	background-repeat:repeat-x;
}

.RedHeading 
{
	background-image: url('../Images/bg/bg_red_bar.gif');
	background-repeat:repeat-x;
}

#ResetPassword
{
    background-image: url('../Images/bg/Reset_Password_header.png');
    background-repeat:repeat-x;
}

#SearchResults
{
    background-image: url('../Images/bg/Search_Results_header.png');
    background-repeat:repeat-x;
    width:619px;
}

.RedText
{
    color:#EA1D25;
}

#AccountDetails
{
    background-image: url('../Images/bg/account_details_header.png');
    background-repeat:repeat-x;
    width:619px;
}

.BulletList
{
    list-style-type:circle;
}

#MyBestCompanies
{
    background-image: url('../Images/bg/my_best_companies_header.png');
    background-repeat:repeat-x;
    width:619px;
}

#CompareCompanies
{
    background-image: url('../Images/bg/compare_companies_header.png');
    background-repeat:no-repeat;
    width:780px;
    margin-left:-2px;
}

#MyAccount
{
    background-image: url('../Images/bg/my_account_header.png');
    background-repeat:repeat-x;
    width:619px;
}

#CompanyProfile
{
    background-image: url('../Images/bg/company_profile_header.png');
    background-repeat:repeat-x;
    width:619px;
}

#ValidateEmail
{
    background-image: url('../Images/bg/email_verification_header.png');
    background-repeat:repeat-x;
    width:619px;
}

#TellAFriend
{
    background-image: url('../Images/bg/Tell_A_Friend_header.png');
    background-repeat:repeat-x;
    width:619px;
}

#Message
{
    background-image: url('../Images/bg/Message_header.png');
    background-repeat:repeat-x;
    width:619px;
}

.ThreeStarColour
{
    color:#4F7D74;
}
.TwoStarColour
{
    color:#78506B;
}
.OneStarColour
{
    color:#8898A2;
}
.WatchColour
{
    color:#E6761F;
}

.HorizontalDivider
{
	clear: left;
	background-image: url(../Images/Layout/horizontal_rule.png);
	height: 6px;
	margin-bottom: 15px;
	padding-top: 15px;
	display: block;
	background-repeat: repeat-x;
	background-position: left bottom;
}

.HorizontalDivider hr
{
	visibility: hidden;
}

#agree_top
{
    background-image: url(../Images/Layout/agree_top.png);/*312px 23px*/
    background-repeat:no-repeat;
    width:312px;
    height:22px;
    padding:0px;
    margin:0px;
    float:right;
}

#agree_middle
{
    background-image: url(../Images/Layout/agree_middle.png);/*312px 3px*/
    background-repeat:repeat-y;
    width:312px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    float:right;
}

#agree_bottom
{
    background-image: url(../Images/Layout/agree_bottom.png);/* 312px 9px*/
    background-repeat:no-repeat;
    width:312px;
    height:9px;
    padding:0px;
    margin:0px;
    float:right;
    padding-bottom:20px;
}

#ToolTip
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1000;
	display: none;
	background-color: #f3f0eb;
	border-color: #643857;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	max-width: 200px;
}

#ToolTip p
{
	margin: 0px;
}

#ToolTipTitle
{
	font-weight: bold;
	color: #643857;
	padding-bottom: 5px;
	display: block;
}

#ToolTip.Active
{
	display: block;
}

.BenefitIcon
{
    margin-left:5px;
}

.EditJob
{
    background-image: url('../Images/bg/Edit_Job_header.png');
    background-repeat:repeat-x;
    width:619px;
}

.NewJob
{
    background-image: url('../Images/bg/Add_Job_header.png');
    background-repeat:repeat-x;
    width:619px;
}

.ViewJob
{
    background-image: url('../Images/bg/Job_Advert_header.png');
    background-repeat:repeat-x;
    width:619px;
}
.EditEvent
{
    background-image: url('../Images/bg/Edit_Career_Event_header.png');
    background-repeat:repeat-x;
    width:619px;
}

.NewEvent
{
    background-image: url('../Images/bg/Add_Career_Event_header.png');
    background-repeat:repeat-x;
    width:619px;
}

.ViewEvent
{
    background-image: url('../Images/bg/Career_Event_header.png');
    background-repeat:repeat-x;
    width:619px;
}

.PodcastLibrary
{
    background-image: url('../Images/bg/Podcast_library_header.png');
    background-repeat:no-repeat;
    width:619px;
}

.Podcast
{
    background-image: url('../Images/bg/Podcast_header.png');
    background-repeat:no-repeat;
    width:619px;
}

.PodcastControl
{
	margin:0px; 
	padding:0px; 
	clear:both; 
	width:532px; 
}

.PodcastControl .Headerbar
{
	background-color:#98A8B2;
	height:23px; 
	float:left;
	width:531px;
}

.PodcastControl h3
{
	color:#ffffff;
	text-transform:none;
	padding:3px 5px 5px 10px;
	margin:0;
}

.PodcastControl .ControlBody
{
	padding-bottom:10px;
	padding-top:10px;
	padding-left:10px;
	float:left;
	width:521px;
}

.PodcastControl .ControlFooter
{
	height:20px;
}

#Score
{
	float: right;
}

#Score .OneToWatch, #Score .OneStar, #Score .TwoStar, #Score .ThreeStar
{
	position: relative;
}

#Score .OneToWatch
{
	color: #e6771f;
}

#Score .OneStar
{
	color: #8898a2;
}

#Score .TwoStar
{
	color: #7d506b;
}

#Score .ThreeStar
{
	color: #4e7c73;
}

.ajax__calendar_header .ajax__calendar_title
{
    margin-left: 15%;
    margin-right: 15%;
}

#dvJobDetailsRight
{
    float: right; 
    width: 50%;
}

#dvJobDetailsRight .dvFieldLabel
{
    clear: both;
    float: left;
    font-weight: bold;
    text-align: left;
    width: 42%;
}

#dvJobDetailsRight .dvField
{
    float: left;
    text-align: left;
}

#dvJobDetailsRight .txtDate
{
    width: 8.5em;
}
a img, a:link img, a:visited img, a:hover img, a:active img 
{ 
    border:0; 
}
