@charset "utf-8";
/* Stylesheet for Freelance Mining */

html, body { height: 100%; }
.MiddleWrapper { min-height: 100%; }
img { border-style: none; }

a, a:visited { color: #68a2ff; }

dfn, acronym {
	border-bottom: 1px dotted;
	font-style: normal;
	cursor: help;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #101010;
}

h1, .FirstHeader { margin: 40px 0px; }
h1 { font-size: 24px; }
h2 { font-size: 18px; }

#TopImg {
	margin: 0px;
	padding: 0px;
	height: 77px;
	background-image: url(images/topbg.png);
	background-repeat: repeat-x;
}

#TopImg img { margin: 14px 10px 1px 10px; }

.Navbar {
	background: #272727 url(images/navbg.png) repeat-x;
	display: block;
	padding: 11px 0px 0px 0px;
	margin: 0px;
	height: 25px;
	list-style: none;
}

.Navbar li {
	display: inline;
	text-align: center;
	padding: 0px 11px;
}

.MiddleWrapper {
	width: 75%;
	min-width: 845px;
	background-color: #222222;
	color: #e5e5e5;
	font-family: 'Segoe UI', 'Gill Sans MT', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px auto;
	position: relative;
}

.MiddleWrapper #LeftBorder {
	background-image: url(images/leftborder.png);
	left: -10px;
}

.MiddleWrapper #RightBorder {
	background-image: url(images/rightborder.png);
	right: -10px;
}

.MiddleWrapper #LeftBorder, .MiddleWrapper #RightBorder {
	position: absolute;
	background-repeat: repeat-y;
	width: 10px;
	height: 100%;
}

#FLMLogo {
/*	position: fixed;
	bottom: 0px;*/
	margin-top: 20px;
	margin-left: 12px;
}

.MainContent {
	min-height: 670px;
	padding: 0px 34px;
	background: url(images/squares.png) 16px 68px no-repeat;
}

.RateTable { text-align: center; }
.RateTable td { padding: 5px; }
.RateTable tr > td:first-child, .RateTable tr > td:last-child { text-align: left; }

.WorkCategory td {
	font-weight: bold;
	padding: 16px 0px;
	text-align: center !important;
}

.ExampleImage {
	float: right;
	margin: 0px -2px 10px 22px;
}

.FeatureImage { margin-right: 8px; margin-top: -5px; }
.EmployeePhoto {
	border: 1px solid #999999;
	margin-right: 15px;
}

.EmployeePhoto, .FeatureImage {	float: left; }
.FormFields { width: 400px; position: relative; }
.FormFields input, .FormFields select { position: absolute; right: 0px; }
.FormFields label { display: block; margin: 6px 0px; }

.FormFields #LoginButton, .FormFields input[type=submit] { position: relative; margin-top: 20px; top: 0px; left: 200px; }
.FormFields #LoginButton { left: 240px; }

.ProjectList, .TaskList {
	text-align: center;
	margin: 24px 0px;
}

.ProjectList { width: 90%; }
.TaskList {	width: 100%; font-size: 12px; }
.TaskList * { vertical-align: top; }
.TaskList tr:hover { background-color: #333333; }

.ProjectSummary { 
	list-style: none;
	padding-left: 0px;
	margin-bottom: 48px;
	position: relative;
}

.ProjectSummary .ProjectLabel {
	float: left;
}

.ProjectSummary .ProjectData {
	display: block;
	margin-left: 20em;
}

.TaskList td:last-child { text-align: left; padding-left: 8px; }