﻿
.homepage 
{
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

.banner 
{
	height: 145px;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-image: url(/userfiles/1/skin/banner.jpg);
	width: 900px;
}

.contentPanel
{
	margin: 0 175px;	
	_display: inline;
}

.rightPanel
{
	float: right;
	width: 160px;
	height: 600px;
}

.contentIntroduction 
{
	background-color: #613913;
	border: solid 1px #442200;
	padding: 23px 24px;
	margin-bottom: 15px;
	color: #ffffff;	
	line-height: 1.9em;
	width: 500px;
}

.contentIntroduction h1 
{
	font-size: 17px;
	margin: 0;
	padding: 0;
}

.contentIntroduction p 
{
	font-size: 15px;
	margin: 0;
	margin-top: 6px;
	padding: 0;
}

.contentTopSection
{			
	background-color: #de6e00;
	margin-bottom: 15px;	
	padding: 14px;
	border: solid 1px #b75506;
	width: 520px;
}

.jobSeekers 
{
	margin-right: 275px;
}

.jobSeekers .navigationLink, .employers .navigationLink 
{
	width: 123px;
	display: block;
	margin: 0 10px 5px 0;
	padding: 4px 6px;
	text-align: center;
	background-color: #e68926;
	color: #ffffff;
	border: solid 1px #f4cfaf;
	outline: solid 1px #b55201;
	text-decoration: none;
	background-image: url(/userfiles/1/skin/nav-button.png);
	font-size: 12px;
}

.jobSeekers a.navigationLink:hover, .employers a.navigationLink:hover 
{
	background-image: url(/userfiles/1/skin/nav-button-on.png);	
}

.employers
{
	width: 245px;
	float: right;
	padding-left: 15px;
	border-left: solid 1px #cd995d;	
}

.employers .navigationTitle, .jobSeekers .navigationTitle 
{
	font-weight: bold;
	color: White;
	padding-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

.contentTopSection .videoThumbnail 
{
	float: right;
	width: 90px;
	height: 148px;
	background-color: Black;
	background-repeat: no-repeat;
	border: solid 1px #b75506;
}

.employers .videoThumbnail 
{
	background-image: url(/userfiles/1/video/employer-thumbnail.jpg);
}

.employers .videoThumbnail:hover
{
	background-image: url(/userfiles/1/video/employer-thumbnail-on.jpg);
}

.jobSeekers .videoThumbnail 
{
	background-image: url(/userfiles/1/video/jobseeker-thumbnail.jpg);
}

.jobSeekers .videoThumbnail:hover
{
	background-image: url(/userfiles/1/video/jobseeker-thumbnail-on.jpg);
}

.contentBottomRightSection 
{
	width: 260px;
	float: right;	
	background-color: #e6e6e6;
	border: solid 1px #dddddd;
	padding-left: 7px;
	height: 217px;
}

.contentBottomLeftSection 
{
	margin-right: 273px;
	width: 260px;	
}

.contentBottomRightSection .sectionContent, .contentBottomLeftSection .sectionContent 
{
	padding-bottom: 20px;	
}

.contentBottomRightSection .sectionContent p, .contentBottomLeftSection .sectionContent p 
{
	font-size: 11px;
	margin: 0 0 10px 0;
}

.contentBottomRightSection .sectionContent a, .contentBottomLeftSection .sectionContent a 
{
	color: Black;	
}

.contentBottomRightSection .sectionContent a 
{
	text-decoration: underline;
}

.contentBottomRightSection .sectionContent a:hover
{
	text-decoration: underline;
	color: #de6e00;
}

.contentBottomRightSection .sectionContent 
{
}

.contentBottomRightSection a.searchAllJobsLink 
{
	font-size: 12px;
	margin-top: 15px;
	display: block;
	color: #613913;
	font-weight: bold;
}

.contentBottomRightSection a.searchAllJobsLink:hover 
{
	color: #de6e00;
}


.contentBottomLeftSection .sectionContent p
{
	font-size: 12px;	
}

.contentBottomRightSection .sectionTitle, .contentBottomLeftSection .sectionTitle 
{
	color: #de6e00;	
	padding: 5px 0 10px 0;
	font-size: 13px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

.contentBottomRightSectionTitle a 
{
	color: white;
	font-size: 11px;
	text-transform: none;
	text-decoration: none;
	font-weight: bold;	
}


.accountArea  .sectionContent
{
	padding: 0 10px;
	color: #ffffff;
}

.accountArea .sectionTitle
{
	color: #ffffff;
	font-weight: bold;
	padding: 0 10px 2px 10px;
	font-size: 13px;
}

.accountArea .loginLabel 
{
	font-size: 11px;
	padding-left: 1px;
	display: block;
}

.accountArea input[type=submit] 
{
	display: block;
	width: 100%;
	margin: 10px 0 5px 0;
	padding: 0 6px 2px 0;
	text-transform: lowercase;
	text-align: center;
	background-color: #e68926;
	color: #ffffff;
	border: solid 1px #f4cfaf;
	outline: solid 1px #b55201;
	text-decoration: none;
	background-image: url(/userfiles/1/skin/nav-button.png);
	background-repeat: repeat-x;
	cursor: pointer;
}

.accountArea input[type=submit]:hover 
{
	background-image: url(/userfiles/1/skin/nav-button-on.png);
	background-repeat: repeat-x;
}

.statisticsArea 
{
	margin: 27px 10px 28px 10px;
	padding: 5px;
	background-color: White;
}

.statisticsArea .sectionTitle
{
	text-align: center;
	font-size: 13px;
	padding-top: 3px;
	height: 20px;
	background-color: Transparent;
	color: #613913;
	font-weight: bold;
}

.statisticsArea .sectionContent 
{
	margin-top: 3px;
	padding: 3px;
	text-align: center;
}

.statisticsArea .sectionContent p
{
	margin: 0;
}

.statisticsArea .statistic
{
	margin-bottom: 5px;
	font-weight: bold;
	display: block;
}

.login2 .loginLabel 
{
	margin: 6px 0 3px 0;
}

.login2 .loginField
{
	margin: 1px 0 1px 0;
}

.login2 .loginCommand 
{
	margin: 1px 0 1px 0;
}

.login2 .loginForgottenPassword 
{
	text-align: left;
	text-transform: lowercase;
}

.login2 a 
{
	color: White;
	text-decoration: underline;
}

.login2 a:hover 
{
	color: #ab0217;
	text-decoration: underline;
}

.navigationLink .textShadow 
{
	margin: 0 auto;
}

.homepage input[type=text], .homepage input[type=password]
{
	padding: 1px;
}

.homepage .loginFailureText 
{
	color: #ffff00;
}


.leftPanel 
{
	background-color: #de6e00;
	border: solid 1px #b55200;
	width: 158px;
	float: left;
	padding-top: 10px;
	margin-right: 11px;
}

.leftPanel a.linksAreaNavigationLink
{	
	display: block;
	margin: 0 10px 5px 10px;
	padding: 6px;
	text-align: center;
	background-color: #e68926;
	color: #ffffff;
	border: solid 1px #f4cfaf;
	outline: solid 1px #b55201;
	text-decoration: none;
	background-image: url(/userfiles/1/skin/nav-button.png);
	background-repeat: repeat-x;
}

.leftPanel a.linksAreaNavigationLink:hover
{
	background-color: #eb9848;
	background-image: url(/userfiles/1/skin/nav-button-on.png);
	background-repeat: repeat-x;
}


.leftPanel #registerLink 
{
	display: block;
	margin: 0 10px 5px 10px;
	padding: 6px;
	text-align: center;
	background-color: #e89c51;
	color: #a64a00;
	border: solid 1px #f4cfaf;
	outline: solid 1px #b55201;
	text-decoration: none;
	background-image: url(/userfiles/1/skin/nav-button-highlight.png);
	background-repeat: repeat-x;
	font-weight: bold;
}

.leftPanel #registerLink:hover 
{
	background-color: #ffffff;
	background-image: url(/userfiles/1/skin/nav-button-highlight-on.png);
	background-repeat: repeat-x;
}

.employers a.boldNavigationLink, .jobSeekers a.boldNavigationLink
{
	background-image: url(/userfiles/1/skin/nav-button-dark.png);
	padding: 7px 6px;
	outline-color: #613913;
	border-color: #8a6f59;
	margin-top: 10px;
}

.employers a.boldNavigationLink:hover, .jobSeekers a.boldNavigationLink:hover
{
	background-image: url(/userfiles/1/skin/nav-button-dark-on.png);
}

.leftPanel hr
{
	margin: 15px 10px;	
	height: 0;
	border: 0;
	border-top: solid 1px #fbead1; 
	border-bottom: solid 1px #eb9848; 
}

a.navigationLink:hover
{
	color: #ab0217;
}

a.boldNavigationLink:hover 
{
	color: Yellow;
}

.loginButton:hover 
{
	color: #ab0217 !important;
}

.homepageBadges img
{
	margin-bottom: 10px;
	display: block;
}
