@charset "utf-8";
/* LanceRates Main CSS file */

body {
	background: #070707 url(images/background.gif);
	margin: 0px;
	padding: 0px;
	font-family: 'Franklin Gothic Medium', 'Franklin Gothic Book', Tahoma, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.Homepage, .RateDesc {
	font-family: Verdana, 'Segoe UI', 'Frutiger Next', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}

.Homepage {
	line-height: 1.5;
	color: #333333;
}

/*a, a:visited { color: #0000da; }*/
body, a, a:visited, #ActiveEngine { color: #141414; }
a img { border-style: none; }

h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }

h1, h2, h3, h4, h5, h6, .SubmitForm label {
/*	font-family: 'ZapfHumnst BT', 'Optima', 'Perpetua', 'Centaur MT', 'Centaur', 'Palatino Linotype', 'Book Antiqua', 'Georgia', 'Times New Roman', serif;*/
	font-family: 'Perpetua', 'Centaur MT', 'Centaur', 'Palatino Linotype', 'Book Antiqua', 'Georgia', 'Times New Roman', serif;
	font-size-adjust: 0.371;	/* font-size-adjust: .471 */
	font-weight: normal;
}

.MainContent {
	position: relative;
	background: #cccccc url(images/frontbg.png) repeat-x;
	min-height: 719px;
	width: 795px;
	margin: 25px auto;
	padding: 10px 0px 38px 0px;
}

.RateContent {
	margin-left: 35px;
	margin-right: 23px;
	width: 737px;	/* IE wants an explicit width. */
}

.TopCorner, .BottomCorner {
	position: absolute;
	left: 0px;
	width: 100%;
}

.TopCorner { top: -9px; }
.BottomCorner { bottom: -9px; }
.LeftCorner { float: left; }
.RightCorner { float: right; }

.Spacer {
	position: absolute;
	height: 9px;
	left: 9px;
	right: 9px;
}

.TopCorner .Spacer { background-color: #ffffff; }
.BottomCorner .Spacer { background-color: #cccccc; }

#LanceLogo {
	margin-left: 19px;
	margin-right: 14px;
}

#LanceName {
	position: relative;
	top: -10px;
}

.Navbar {
	padding-left: 40px;
	margin: 10px 0px 25px 0px;
	height: 36px;
	background-color: #c6c6c6;
}

.Navbar li {
	display: inline;
	line-height: 36px;
	vertical-align: middle;
	margin-right: 1.75em;
	font-family: 'Tw Cen MT', Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.RateHeading { margin-top: 25px; }

.MarketRates > p { margin: 0px; }
.MarketRates {
	float: left;
	position: relative;
	width: 46%;
	margin-bottom: 25px;
}

.RateData {
	/* When Mozilla fixes this bug, I can float it right. For now, use positioning.
	float: right;*/
	position: absolute;
	right: 0px;
}

.PositiveChange { color: #00750e; }
.NegativeChange { color: #75000e; }

.PlotContainer {
	float: right;
	margin-right: 37px;
	margin-top: -38px;
	text-align: center;
}

.PlotContainer #EngineGroup { font-size: 12px; vertical-align: middle; }
.PlotContainer .PlotBody { margin-top: 10px; }

#EngineGroup label { margin-right: 6px; }
.InactiveEngine { cursor: pointer; }

#StartComments { clear: both; padding-top: 10px; }
#PlotBox {
	border: 1px solid #505050;
	margin-top: 24px;
	margin-bottom: 0px;
}

#PlotBox, #PlotChart, #PlotFrame {
	overflow: hidden;
	padding: 0px;
	height: 162px;
	width: 270px;
}

#PlotChart, #PlotFrame {
	border-style: none;
	margin: 0px;
}

.Comments, .Comments h5 {
	font-size-adjust: none;
	list-style: none;
	padding-left: 0px;
}

.Comments, .Comments h5, .Comments h6, #CommentBox, .AjaxError { font-family: Verdana, Arial, Helvetica, sans-serif; }
.Comments {
	margin-left: 10px;
	margin-bottom: 45px;
	font-size: 11px;
}

.Comments li:first-child { margin-top: 30px; }
.Comments li { margin-top: 40px;  }
.Comments h5 { margin-bottom: 15px; }
.UserName, .UserName a, .UserName a:visited {
	font-weight: bold;
	color: #141414;
	text-decoration: none;
}

.CommentAgreement, .CommentAgreement a, .CommentAgreement a:visited { font-size: 10px; color: #888888; }
.Copyright, .Copyright a, .Copyright a:visited, #EngineGroup a, #EngineGroup a:visited, .InactiveEngine { color: #999999; }
.CommentAgreement a:hover, .Copyright a:hover, #EngineGroup a:hover, .InactiveEngine:hover { color: #3333ff; }

#CommentBox {
	width: 100%;
	height: 150px;
	display: block;
	margin-bottom: 10px;
}

.CommentForm {
	position: relative;
	width: 460px;
}

.CommentForm textarea, .CommentForm input {	color: #505050; }
.CommentForm, .CommentForm textarea, .CommentForm input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.OptionalField { color: #505050; }

.RightField {
	position: absolute;
	right: 0px;
	margin-top: -3px;
}

#CommentRate {
	width: 4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
}

.SuggestedRate, .PlotContainer {
	font-family: 'Franklin Gothic Book', 'Franklin Gothic Medium', Tahoma, 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

.SuggestedRate {
	font-weight: bold;
	padding-top: 10px;
}

.WorkRateText { color: #000000; }
#WorkRate {
	width: 3.5em;
	font-weight: bold;
}

.Copyright {
	position: absolute;
	bottom: -9px;
	z-index: 2; /* IE wants this. */
	left: 0px;
	right: 0px;
	text-align: center;
	font-size: 12px;
}

.Donation {
	position: absolute;
	left: 35px;
	bottom: 9px;
	display: block;
}

.Copyright a, .Copyright a:visited, .Copyright a:hover, #EngineGroup a, #EngineGroup a:visited, #EngineGroup a:hover {
	text-decoration: none;
}

#DonationButton { opacity: .4; vertical-align: middle; }
#DonationButton:hover { opacity: 1; vertical-align: middle; }

.PageTitle, .RateDesc { color: #656565; }
.PageTitle {
	font-family: 'Goudy Old Style', 'Perpetua', 'Georgia', 'Times New Roman', serif;
	font-size: 60px;
	margin-bottom: 12px;
}

.RateDesc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.25;
}

.JobCol {
	float: left;
	width: 270px;
}

.DemogCol {
	float: right;
	border-left: 1px solid #9c9c9c;
	padding-left: 25px;
	width: 423px;
}

.JobCol, .DemogCol {
	min-height: 300px;
	padding-top: 20px;
	position: relative;
}

.JobCol, .DemogCol, .RateCol { color: #656565; }
.JobCol h2, .DemogCol h2 {
	margin-top: 0px;
	position: absolute;
	top: -40px;
}

.DemogCol input, .DemogCol select {
	position: absolute;
	left: 180px;
}

.SubmitForm label {
	display: block;
	font-size: 14px;
	line-height: 1.8;
}

.SubmitForm .RateCol label { display: inline; }
.SubmitForm input, .SubmitForm select {
	font-family: 'Segoe UI', 'Frutiger Next', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#JobName { width: 178px; }
#JobID { width: 246px; height: 15em; }

/* Equal to 22em, but I don't want the textbox outsizing the middle. */
#City { width: 260px; }
#State, #Country, #Skill, #FreelanceName, #FreelanceWebsite { width: 264px; }
#Experience { width: 48px; }
#SubmitRate {
	font-size: 12px;
	font-weight: bold;
	background-color: #ffffff;
	margin-left: 20px;
}

#FindRate {
	font-size: 18px;
	font-weight: bold;
	background-color: #ffffff;
}

.TwoCols {
	border-top: 1px solid #9c9c9c;
	border-bottom: 1px solid #9c9c9c;
	margin-top: 40px;
	float: left;
}

.RateCol { clear: both; }
.JobChoice { text-align: center; }

.SplitMiddle {
	text-align: center;
	padding-top: 20px;
}

.UserField {
	display: block;
	vertical-align: middle;
	width: 20em;
	height: 2em;
	position: relative;
}

.UserField input {
	position: absolute;
	right: 0px;
	width: 15em;
}

.StatDetails {
	display: none;
	visibility: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
}

.StatDetails ul {
	padding-left: 8px;
	list-style: none;
}

.DetailLink {
	cursor: pointer;
	color: #444444;
}

.AjaxError {
	color: #cc0000;
	font-weight: bold;
	margin-top: 0px;
}

img.LoadingIndicator { vertical-align: middle; margin-left: 3px; }

.LeftThumbs {
	float: left;
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
	margin-right: 24px;
	text-align: center;
}

.LeftThumbs li { margin-bottom: 40px; }
.LeftThumbs li * { margin: 0px; }

.RightAd {
	float: right;
	margin: -10px 0px 8px 12px;
}
.MiniBannerAd { text-align: center; }
.MiniBannerAd.SubmitAd { margin-top: 16px; }
.JobAd {
	position: absolute;
	right: 60px;
}

/* The large one is too narrow to run the risk of hitting the textbox. The small one is not. */
.SmallJobAd { margin-top: -40px; }

.Permalink a, .Permalink a:visited { text-decoration: none; }
.Permalink {
	clear: left;
	font-size: 14px;
	text-align: left;
}
.Permalink a img { position: relative; top: 4px; }