/* CSS */

@font-face {
    font-family: Uni;
    font-style:  normal;
    font-weight: normal;
    src: url('/css/UNI0.eot');
}

html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
}
img { border: none; }
h1 { 
	text-transform: uppercase;
	font-family: Tahoma, Arial;
	font-size: 1.3em;
	/*letter-spacing: 1px;*/
	color: #174572;
	margin: 4px;
	padding: 0;
}
h2 { 
	font-size: 1.2em;
	margin: 0.7em 0 0.3em 0;
}
h3 { 
	font-size: 1.1em;
	margin: 0.7em 0 0.3em 0;
}
h4 { 
	font-size: 1.1em;
	margin: 0.3em 0 0.3em 0;
	color:#DF0070;
}
h5 { 
	font-size: 0.9em;
	margin: 0.7em 0 0.3em 0;
}
h6 { 
	font-size: 0.8em;
	margin: 0.7em 0 0.3em 0;
}
form { margin: 0; padding: 0; }
p { margin: 0em 0em 1em 0; padding: 0; }
a, a:link, a:visited, a:hover, a:active { color: #0066FF; text-decoration: underline; }
a:hover, a:hover .highlight { text-decoration: none; }

form p { margin: 0.5em 0em 0.5em 0em; }

input, select { font-size: 0.9em; }
textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; }

th { background-color: #3e75b5; color: #FFFFFF; padding: 3px; }

hr {
	border: 0px;
    color: #ddd;
	background-color: #ddd;
	height: 1px;
}

dl { margin: 0; }
dl dt { margin: 5px 0 5px 0; }
dl dd { margin: 0 0 0 1em; }

#legacy-wrapper { 
	text-align: center;
	border: 1px solid #FFFFFF;
	padding-top: 2%;
}

#wrapper {
	text-align: left;
	width: 770px;
	min-width: 770px;
	margin: 0 auto;
}

#top-border, #bottom-border {
	clear: both;
}
#middle-border {
	background-image: url('/images/common/middle-border.jpg');
	background-repeat: repeat-y;
	float:left;
}

#freedom-recruit-logo { padding: 20px 0 0 10px; position:absolute; z-index: 20; }

#footer { 
	font-size: 0.5em; 
	padding: 5px 10px 0px 10px;
	margin-bottom: 15px;
	text-align: right;
	color: #ccc;
	text-transform: uppercase;
	font-family: Uni, "Small Fonts", Verdana;
	clear: both;
}
#footer ul, #footer li {
	display: inline;
	white-space: nowrap;
	list-style-type: none;
}
#footer li { margin: 0 0 0 15px; }

#footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active { color: #aaa; }
#footer a:hover { text-decoration: none; }

#content { 
	width: 747px;  
	margin: 0 10px 0 11px; 
	background-color: #c1daee;
	background-image: url('/images/common/sky.jpg');
	background-repeat: repeat-x;
	height: 500px;
	font-size: 0.65em;
	position: relative;
	clear: both;
	overflow: hidden;
}

#sidebar {
	position: absolute;
	bottom: 0px;
	left: 8px;
	font-size: 0.8em;
	font-family: Uni, "Small Fonts", Verdana;
	text-transform: uppercase; 
	z-index: 50;
}
#date { 
	color: #FFFFFF; 
	margin: 0;
	padding-bottom: 8px;
	clear: both;
}
#date-time { float: right; width: 30px; }
#date-day { float: left; }
#navigation {
	width: 140px;
	background-color: transparent;
	background-image: url('/images/common/nav-bg.png');
	background-repeat: repeat;
	padding: 0 6px 6px 6px;
}

#nav { 
	margin-bottom: 0px; 
	clear: both;
}
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}	
#nav ul li a, #nav ul li a:link, #nav ul li a:visited, #nav ul li a:hover, #nav ul li a:active, #nav ul li ul li a, #nav ul li ul li a:link, #nav ul li ul li a:visited, #nav ul li ul li a:hover, #nav ul li ul li a:active {
	display: block;
	padding: 3px 0px 3px 30px;
	margin-bottom: 1px;	
	margin-top: 1px;
	background-color: #FFFFFF;
	color: #174572;
	text-decoration: none;
	width: 110px;
}
#nav ul li a, #nav ul li a:link, #nav ul li a:visited, #nav ul li a:hover, #nav ul li a:active {
	background-image: url('/images/common/menu-bullet.gif');
	background-repeat: no-repeat;
	background-position:1em 5px;
}
#nav ul li a:hover {
	background-position: 2.3em 5px;
}
#nav ul li ul li a, #nav ul li ul li a:link, #nav ul li ul li a:visited, #nav ul li ul li a:hover, #nav ul li ul li a:active {
	background-image: none;
	background-color: #3e75b5;
	color: #FFFFFF;
}
#nav ul li ul li a:hover {
	background-color: #749cca;
}
#nav ul li ul li .on {
	background-color: #749cca;
}
#nav ul li .on {
	background-position: 2.3em 4px;
	background-color: #eef5f9;
}
/* Collapse sub menus */
.hide { display: none; }
.show { display: block; }

#login { margin-bottom: 70px; height: 122px; }
#login label {
	padding-left: 5px;
}
#login p {
	margin: 3px 0 0px 0;
}
#login input.text {
	font-size: 1.2em;
	background-color: #dbe7f2;
	border: 1px solid #618cb8;
	width: 126px;
}
#login .submit {
	text-align: right;
}
#login .submit input {
	font-size: 1em;
	font-family: Uni, "Small Fonts", Verdana;
	text-transform: uppercase; 
	border: 1px solid #adcbec;
	background-color: #FFFFFF;
	margin-top: 10px;
	color: #174572;
	width: 60px;
}
.client-login {
	background-color: #FFFFFF; 
	padding: 3px 0px 3px 10px;
	color: #618cb8;
	margin-bottom: 1px;
}
.login-form {
	background-color: #FFFFFF; 
	margin: 0px;
	padding: 6px;
	color: #174572;
}


#latest-jobs { margin-bottom: 70px; height: 122px;  }

#latest-jobs h1 { letter-spacing: 0.05em; }

#latest-jobs ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#latest-jobs ul li a, #latest-jobs ul li a:link, #latest-jobs ul li a:visited, #latest-jobs ul li a:hover, #latest-jobs ul li a:active {
	display: block;
	padding: 3px 0px 3px 30px;
	margin-bottom: 1px;	
	margin-top: 1px;
	background-color: #FFFFFF;
	color: #174572;
	text-decoration: none;
	width: 110px;
	background-image: url('/images/common/menu-bullet.gif');
	background-repeat: no-repeat;
	background-position:1em 5px;
}

#latest-jobs ul li a:hover {
	background-position: 2.3em 5px;
}


#latest-jobs ul li.odd a, #latest-jobs ul li.odd a:link, #latest-jobs ul li.odd a:visited, #latest-jobs ul li.odd a:hover, #latest-jobs ul li.odd a:active {
	background-color: #e8eff6;
}
#grass {
	position: absolute;
	width: 770px;
	height: 200px;
	bottom: 0;
	left: 0px;
	z-index: 1;
	background-image: url('/images/common/grass.jpg');
	background-repeat: repeat-x;
	background-position: bottom right;
}
#cloud {
	position: absolute;
	width: 770px;
	height: 500px;
	top: 0;
	left: -770px;
	z-index: 2;
	background-repeat: no-repeat;
}
.cloud-on { background-image: url('/images/common/cloud.png'); background-position: 95% 30px; }
#decor {
	position: absolute;
	width: 770px;
	height: 500px;
	top: 0;
	left: -770px;
	z-index: 3;
	background-repeat: no-repeat;
}
.blossom { background-image: url('/images/common/blossom.png'); background-position: 45% 0px; }

#person {
	position: absolute;
	width: 770px;
	height: 500px;
	left: -770px;
	top: 0;
	z-index: 5;
	background-repeat: no-repeat;
}




/* Positions specified here so that be set for individual images */
.sitting-flip { background-image: url('/images/common/sitting-flip.png'); background-position: 10% 100%; } 
.sitting { background-image: url('/images/common/sitting.png'); background-position: 30% 100%; } 
.chair { background-image: url('/images/common/chair.png'); background-position: 8% 97%; }
.feet { background-image: url('/images/common/feet.png'); background-position: 30% 95%; }
.filing { background-image: url('/images/common/filing.png'); background-position: 24% 97%; }
.laptop { background-image: url('/images/common/laptop.png'); background-position: 45% 100%; }
.throwing { background-image: url('/images/common/throwing.png'); background-position: 73% 98%; }


#panel, #sub-panel, #redirect, .small-panel, .testimonial-panel, #testimonial {
	background-color: transparent;
	background-image: url('/images/common/panel-bg.png');
	background-repeat: repeat;
	padding: 8px;
	position: absolute;
}


#sub-panel h1, #redirect h1 { font-size: 0.95em; }



#panel-holder, #clients-holder {
	position: absolute;
	width: 400px;
	height: 200px;
	top: 30px;
	right: 70px;
	z-index: 10;
}

#panel-holder-home  {
	position: absolute;
	width: 400px;
	height: 200px;
	top: 160px;
	right: 70px;
	z-index: 10;
}
#tagline {
	position: absolute;
	width: 770px;
	height: 500px;
	bottom: 0px;
	left: -770px;
	z-index: 4;
	background-repeat: no-repeat;
}
#panel, .small-panel-holder {
	position: static;
	margin-left: 15px;
	margin-right: 15px;
}
.small-panel { 
	position: static;
}


#sub-panel {
	width: 250px;
	position: absolute;
	top: 215px;
	left: 22px;
	z-index: 20;
}
#redirect {
	width: 250px;
	position: absolute;
	top: 85px;
	left: 22px;
	z-index: 30;
}

.panel-text {
	background-color: #FFFFFF;
	padding: 10px;
	color: #174572;
	overflow: auto;
	height: 175px;
}
.small-panel .panel-text {
	padding: 0px; 
	height: auto;
	overflow: hidden;
}
.panel-link a, .panel-link a:link, .panel-link a:visited, .panel-link a:active, .panel-link a:hover {
	height: 50px;
	width: 150px;
	display: block;
	padding: 10px;
	color: #174572;
	text-decoration: none;
}
.panel-link a:hover {
	color:#DF0070;
}
/* TESTIMONIALS */

.testimonial-panel { 
	position: static;
	float: left;
	margin-right: 4px;
	width: 79px;
	height: 47px;
}
.testimonial-text {
	background-color: #FFFFFF;
	height: 47px;
	width: 79px;
}
.testimonial-text, .testimonial-link {
	overflow: hidden;
}

#pointer {
	height: 30px;
	clear: both;
	background-image: url('/images/common/pointer.png');
	background-repeat: no-repeat;
	background-position: bottom left;
}
#testimonial {
	position: static;
	clear: both;
	color: #174572;
	line-height: 1.6em;
}

#testimonial p {
/*	margin: 0;
	padding: 0;*/
}

.testimonial-fix {
	visibility: hidden;
	display: none;
}

/****************/

.tagline { text-align: center; padding: 10px; }

.crosshair {
	background-image: url('/images/common/crosshair.png');
	background-repeat: no-repeat;
	background-position: top right;
}
.crosshair:before {
	clear: both;
}	
.crosshair .corner {
	width: 15px;
	height: 15px;
	border: none;
	display: block !important;
}
.crosshair .corner img.def { display: none; }

#flash { text-align: center; }

#apply-form input.text, #apply-form input.error, #apply-form select, #apply-form textarea{
	width: 200px;
}

#job-search-form { text-align: left;  width: 200px;}
#job-search-form input.text, #job-search-form select { width: 200px; }

#job-search-results a, #job-search-results a:link, #job-search-results a:visited, #job-search-results a:hover, #job-search-results a:active {
	text-decoration: none;
	display: block;
	padding: 3px;
}
#job-search-results .search-result:hover {
	background-color: #e3ecf4; 
}
.search-result { 
	background-color: #c5d6e8; 
	color: #3e75b5;
	overflow: hidden;
}
.search-result td a, .search-result td a:link, .search-result td a:visited, .search-result td a:hover, .search-result td a:active { 
	overflow: hidden;
	/*width: 100px;*/
	height:11px;
}
.search-result td {
	height: 22px;
}
.odd { background-color: #FFFFFF; }

#survey .odd {
	background-color: #e8eff6;
}
#survey label { display: block; }

.button {
	float: right;
}
.button a, .button a:link, .button a:visited, .button a:hover, .button a:active, .button input {
	text-align:center;
	width: 104px;
	height: 12px;
	padding: 2px;
	display: block;
	background-image: url('/images/common/button.gif');
	background-position: top center;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	color: #174572;
	margin: 3px;
}

.button a:hover, .button input:hover {
	background-position: bottom center;
}

.our-market-links {
	font-size: 1.1em;
}

#client-holder {
	width: 576px;
	margin: 0 auto;
}

.client a, .client-logo { 
	background-color: transparent;
	background-image: url('/images/common/panel-bg.png');
	background-repeat: repeat;
	padding: 4px;
	width: 131px;
	float: left;
	margin: 0 5px 5px 0;
	display: block;
}
.client a:hover {
	background-color:#ccc;
}
.client-logo {
	margin: 0px 10px 10px 0px;
}

#client-holder .client a {
	background-color:#ccc;
}
#client-holder .client a:hover {
	background-color:#ddd;
}

.overlay-link a, .overlay-link a:link, .overlay-link a:visited, .overlay-link a:hover .overlay-link a:active {
	width: 100%;
	display: block;
	padding: 5px 5px 5px 10px;
	margin-top: 5px;
	font-size: 1.1em;
	font-weight: bold;
	background-image: url('/images/common/overlay-bg.png');
	background-position: top;
	background-repeat: no-repeat;
	color: #FFFFFF;
	text-decoration: none;
}

.overlay-link a:hover {
	background-position: bottom;
}

#job-summary { background-color: #3e76b4; color: #FFFFFF; padding: 10px; }
#job-summary td { color: #FFFFFF; }
#job-description { border: 1px solid #3e76b4; padding: 10px; }

.location-address { font-size: 0.9em; }
.testimonial-logo { padding: 5px; background-color: #e6e6e6; margin: 0 0 5px 5px; }

.register { float: right; margin-right:5px; margin-top: 5px; }
.register a, .register a:link, .register a:visited, .register a:hover, .register a:active { font-weight: bold; color: #cc0033; text-decoration: none; }
.register a:hover { color: #0099FF; }

.highlight { color: #cc0033; font-weight: bold; text-decoration: underline; }

.required { color: #FF0000; }
.pagination { padding: 5px 0 5px 0; }

.float-right { float: right; }
.float-left { float: left; }

.error { 
	background-color:#FFB9BB;
}