/**
*
*  Style sheet for the front end of the application
*
*/
#header {
	background:#BA9241 url(images/big_header_client.png) bottom right no-repeat;
}

/* so don't want to have to change everything */
#header #mayfield {
	position:absolute;
	top:0px;
	left:10px;
	width: 225px;
/*	height: 60px;*/
	height:0px;
	padding-top: 60px;
	display:block;
	overflow:hidden;
}

/*
*	Sorter Styles
*/

#sorter div h3{
	padding:0 5px 0 0;  
	font-size:4.0em;
	font-weight:bold;
	float:left;
}

/*  filter box */
.filter { 	 
	float:left;  
}

.filter h3{
	color:#44321B;
}

.filter form {
	padding:5px 10px 2px 10px;
	background:#44321B;
	float:left;
	height:2.4em;
}


.filter form div, .sort form div {
	display:inline;
} 

.filter select {
	width:130px;
}

.filter form .button, .sort a {
	background:#44321B;
	color:#fff;
	border:0; 
	font-size:1.3em;
}

/*  Sort box */
.sort {
	float:right;
}

.sort h3 {
     color:#BB9242;
}

.sort p {
	background:#BB9242;
	position:relative;
	padding:5px;
	float:left;
}

.sort a {
	background: #fff;
	display:block;
	margin:0 3px;
	padding:3px;
	color:#BB9242;
	text-decoration: none;
	float:left;	
}
.sort .active {
	color:#44321B;
}

/*************************
*
* Slider box Styles 
*
************************/
.slide_box {
   background:#BB9242;
   padding:3px 5px;
   margin:5px 0 0;
   border-bottom: 2px solid #44321B;
}




/******* Job title bars *****/
#job_header {
	background:#BB9242;
}
#job_header td {
	background:#44321B;
	color:#fff;
	font-size:1.2em;
	padding:4px;
	margin:0;
	border-right:3px solid #fff;
	width:20%;
}
#job_header .first {
	width:40%;
}

#wrapper table .last {
	border-right:0;
	margin:0;
}


/** Slide box titles */
.slide_title, .slide_title div {
	position:static;
}

.slide_title h3 {
	margin:0 0 0.3em 18px;
	font-weight:normal;
	font-size:1.3em;
}

/*title tables */
.slide_title table {
	width:100%;
	border-collapse: collapse;
	position:static;
	z-index:4000;
}

.slide_title tr {
	margin:5px 0;
	
}

.slide_title td {
	background:#fff;
	padding:5px;
	color:#000;
	font-size:1.2em;
	margin:0 3px 3px 0;
	width:20%;
	border-right:3px solid #BB9242;
	border-bottom:3px solid #BB9242;
	 
}

.slide_title .wide {
	width:40%;
}

.wide strong, .first strong {
	padding:0 12px;
}

.slide_title .loc {
	margin:2px 0 0 ;
	background:#F2EBDB;
	height:13px;
	padding:5px;
	margin:0 0 8px 0;
	font-size:1.2em;
}

/** OPen Close buttons in title Overridden later on so they are here */

.slide_but_close {
	float:right;
	color:#000;
	text-decoration:none;
	z-index:400;
	position:relative;
}
/*safari hack messes up IE 6 */
* html .slide_but_close {
	position:static;
}

.slide_button .off {
	color:#BD964B;
}

table .first{
	padding-left: 13px;
}
.slide_title .loc {
 	padding-left: 16px;
}

td strong {
	padding:12px;
}

/*body elements */

.slide_body .content {
	background:#fff;
	padding:5px 20px;
}
.slide_body h3 {
	padding:0 0 2px 0;
	border-bottom:1px solid #666;
}

.slide_body ul {
	margin:0.5em 1.5em;
}


/*** Slide footer buttons **/
.slide_foot {
	width:100%; /*safari wierdness */
}

.slide_foot .apply {
	float:right;
	font-size:2.3em;
	color:#fff;
	padding:0 10px 0;
	text-decoration:none;
	position:static; /* fix really wierd safari OSX bug */
	z-index:100;
}

.slide_foot .print_this {
	float:right;
	color:#fff;
	margin:5px 40px;
	padding: 5px 30px 0 0 ;
	background: url(images/print_icon.png) top right no-repeat;
	height: 20px;
}




/**
* Inverse properties for security and safety
*
*/
#tips .slide_button a {
	position:relative;
}

.inverse  a {
	color:#fff;
	font-size:1.2em;
	
}

/*
.inverse .off {
	color:#44321B;
	position:relative;
	
}
*/

.inverse {
	background:none;
	color:#fff;
	padding:0;
	
}

.inverse {
	padding:0pt 0pt 0.3em 18px;
	font-size:1.2em;
}

.inverse .loc, .inverse .title {
	background:none;
	padding:0;
	font-size:1em;
	margin:0;
	height:13px;
}
.inverse .loc a, .inverse .title a {
	font-size:1em;
}




* html .slide_box div {
	position:static; /*IE 6 is crazzzy*/
}