/* 
Title:		Root screen stylesheet, Schlotzsky's
Author: 	www.blixinteractive.com
Copyright 2009
*/

/* global resets
----------------------------------*/
body, div, form, fieldset, table, th, td, input, dl, dt, dd, fieldset, #logo h1 { margin:0; padding:0; }
a { color:#0099CC; text-decoration:none; }
a img { border:0; }

/* structure
----------------------------------*/
body 
{
	font-size: 12px;
	background:#E5F5FA url(/Images/bg.jpg) repeat-x 0 0;
	font-family: Arial, sans-serif;
	color: #212121;
}

#wrap, #wrap-emp, #wrap-admin
{
	margin:0 auto;
	width:876px;
	background:url(/Images/spork-header.jpg) no-repeat 0 0;
	padding-top:6px;
}
#wrap-emp { background:url(/Images/spork-header-emp.jpg) no-repeat 0 0; }
#wrap-admin { background:url(/Images/spork-header-admin.jpg) no-repeat 0 0; }

#header-wrap { width:876px; overflow:hidden; }

#logo { float:left; display:inline; width:264px; height:97px; padding-left:34px; }
#social { float:left; margin:5px 0 0 5px; }
#social a { float:left; margin-right:5px; }
#finder
{
	clear:both;
	padding:46px 0 0 48px;
	width:842px; height:140px;
	overflow:hidden;
}
div.finder-check { padding-top:13px; }
div.finder-go { padding:21px 0 0 31px; }

#content-wrap, #content-wrap-emp
{
	width:842px;
	padding:1px 24px 0 10px;
	margin-top:6px;
	background:url(/Images/content-wrap.gif) no-repeat 0 0;
	overflow:hidden;
}

#content-job-wrap
{
	float:left;
	display:inline;
	width:600px;
	padding:0 6px 0 24px;
	background:#FFF url(/Images/content-job-wrap.jpg) no-repeat top right;
	min-height:550px;
}
#content-job-home
{
	float:left;
	display:inline;
	width:600px;
	padding:0 6px 0 24px;
	background: url(/Images/content-job-wrap.jpg) no-repeat right 10px;
	min-height:550px;
}

#job-list { border-top:3px solid #77B800; }
#content-side { float:right; width:200px; }
#content-emp-side { float:right; width:200px; margin-top:20px; }
#pager { padding:12px 0; width:550px; overflow:hidden; }
#content-foot { padding-top:10px; background:url(/Images/content-foot.gif) no-repeat 0 0; }

#footer
{
	margin:20px 0 0;
	height:150px;
	overflow:hidden;
	background:url(/Images/footer.jpg) no-repeat 0 0;
}

#footer div.copy
{
	float:left;
	display:inline;
	padding:16px 0 0 162px;
	width:450px;
}
#footer div.comms
{
	float:right;
	display:inline;
	padding:10px 25px 0 0;
	width:220px;
	text-align:right;
}
#footer-links { clear:both; padding:26px 0; }

div.sidebar-call { margin-top:15px; }

/* menus
----------------------------------*/
#emp-menu { float:right; width:271px; margin-top:50px; }


/* links
----------------------------------*/
#emp-menu a
{
	display:block;
	width:271px; height:32px; 
	background:url(/Images/emp-menu.gif) no-repeat 0 0; 
	text-indent:-9999px;
}
a.job 
{
	display:block;
	font-family:"Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Lucida, sans-serif;
	font-size:16px;
	color:#212121;
	font-weight:bold;
	letter-spacing:-1px;
}
a.job:hover { color:#0099CC; }
.pick-one li a, #pick-city li a { display:block; padding:5px 0 5px 5px; color:#000; }
.pick-one li a:hover, #pick-city li a:hover { background-color:#EEE; }
.tblStates td a { display:block; padding:5px; color:#000; }
.tblStates td a:hover { background-color:#EEE; }
#allLocs { display:block; margin-bottom:6px; }
#pager a, #pager span.current
{
	float:left;
	display:inline;
	font-family:"Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Lucida, sans-serif;
	font-size:13px;
	color:#111;
	font-weight:bold;
	margin-right:8px;
	border-top:solid 1px #DDD;
	border-left:solid 1px #DDD;
	background:url(/Images/pager-off.jpg) no-repeat bottom right;
	padding:2px 7px 3px 6px;
}
#faveShow { padding-left:20px; background:url(/Images/fave-on.jpg) no-repeat 3px 0; }

/* text
----------------------------------*/
#logo h1 
{
	width:264px; height:97px; 
	background:url(/Images/logo.gif) no-repeat 0 0; 
	text-indent:-9999px; font-size:11px; 
}
#logo h1 a { display:block; width:264px; height:97px; 
    background:url(/Images/logo.gif) no-repeat 0 0; text-indent:-9999px; }

#h-home
{
	width:588px; height:229px; 
	background:url(/Images/home.jpg) no-repeat 0 0; 
	text-indent:-9999px; font-size:11px; 
	margin-bottom:15px;
}
#h-home a
{
	display:block; 
	width:588px; height:229px; 
	background:url(/Images/home.jpg) no-repeat 0 0; 
	text-indent:-9999px; 
}


h2.h-nores
{
	font-size:20px;
	letter-spacing:-1px;
	color:#777;
	margin:20px 0;
}
h2.h-home 
{
	color:#0099CC;
	font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Lucida,sans-serif;
	font-size:24px; font-weight:normal;
	letter-spacing:-1px;
	margin:10px 0;
}
h3.h3-txt { margin:22px 0 15px; font-size:18px; font-weight:normal; letter-spacing:-1px;
	font-family:"Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Lucida, sans-serif; }

#footer .copy p { font-size:10px; color:#666; margin:0; }

.comms span.ctc { display:block; padding-top:7px; font-size:18px; font-weight:normal; color:#777; letter-spacing:-1px;
	font-family:"Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Lucida, sans-serif; }
span.bold { font-weight:bold; }
#pager span.current
{
	border-top:solid 1px #77B800;
	border-left:solid 1px #77B800;
	background:url(/Images/pager-on.jpg) no-repeat bottom right;
}
#pager span.summary { float:left; display:inline; margin-right:8px; padding:4px 5px 0 0; font-size:11px; }

p.p-txt { line-height:1.6em; margin:14px 0; }

/* lists
----------------------------------*/
.pick-one ul, #pick-city ul { list-style:none; margin:8px 0 0 0; padding:0; }
.pick-one li, #pick-city li { padding:0; margin:0; border-top:1px solid #DDD; }


/* tables
----------------------------------*/
#job-list table { width:590px; }
tr.one td { padding:12px 10px 2px 0; }
tr.two td { padding:0 10px 12px 0; border-bottom:2px solid #E1E1E1; }
td.fir { width:350px; }
td.mid { text-align:center; }
td.end { text-align:right; }
#footer-links table.links { width:856px; }
.links td { padding:0 0 2px 22px; font-size:11px; color:#777; text-align:right; }
.links td.right { text-align:left; width:640px; }
table.tblStates { border-left:1px solid #DDD; }
.tblStates td { border-right:1px solid #DDD; padding:0 6px; }

/* forms
----------------------------------*/
fieldset { border:0; }
fieldset.inner, fieldset.inner-sm
{
	float:left;
	width:300px;
	overflow:hidden;
}
fieldset.inner-sm { width:150px; }
.finder-check label { padding:0 10px 0 5px; }


/* picker
----------------------------------*/
div.picker { width:283px; height:35px; background:url(/Images/pop-picker.gif) no-repeat 0 0; 
    margin-top:8px; }
.picker a.result { display:block; color:#888; font-size:16px; font-weight:bold; padding:7px 25px 6px 15px; 
    width:240px; height:20px; overflow:hidden;  }

#job-types, #pick-city { display:none; }

div.pick-one  
{
	width:251px;	
	max-height:250px;
	padding:10px 15px;
	overflow:auto;
	-moz-border-radius:5px; -webkit-border-radius:5px;
}	
.pick-one span.title { font-size:16px; font-weight:bold; color:#999; display:block; } 

div.pick-lock, div.pick-lock7, div.pick-lock8
{	
	display:none;
	width:251px;	
	padding:10px 15px;
	overflow:auto;
	-moz-border-radius:5px; -webkit-border-radius:5px;
}	
div.pick-lock7 { width:286px; }
div.pick-lock8 { width:326px; }

.pick-lock span.title, div.pick-lock7 span.title, div.pick-lock8 span.title
{ font-size:16px; font-weight:bold; color:#999; display:block; margin-bottom:2px; } 
#pick-city p { margin:0; padding:0; }