@import '/css/reset.css';
@import 'layout.css';

/* respite specific layout */
#respite #header { margin-top: 0; }
#respite #preamble { top: 45px; }
#respite #main {}
#respite #iwantto { background: url(../img/respite-iwantto-contact.gif) no-repeat 0 0; }
body.contact #iwantto { background: url(../img/respite-iwantto-contact.gif) no-repeat 0 0; }
body.apply #iwantto { background: url(../img/respite-iwantto-apply1.gif) no-repeat 0 0 !important; }
body.timecards #iwantto { background: url(../img/respite-iwantto-apply.gif) no-repeat 0 0 !important; }
body.resources #iwantto { background: url(../img/respite-iwantto-apply1.gif) no-repeat 0 0 !important; }

/* links */
:link { color: #39c; }
:visited {}
:link:hover, :visited:hover { text-decoration: underline; }
:link:active {}
:visited:active {}

/* headings */
h1, h2, h3 {
	font-family: "Lucida Grande", "Myriad Pro", Verdana, sans-serif;
}
h1 {}
h2 { font-size: 18px; }
h3 {}

/* type */
p {}

/* call to action items */
.cta { color: #fff; margin-top: 15px; overflow: hidden; }
#apply.cta { background: url(../img/respite-cta-apply.gif) no-repeat 0 0; }
#timecards.cta { background: url(../img/respite-cta-timecards.gif) no-repeat 0 0; }
#schedule.cta { background: url(../img/respite-cta-schedule.gif) no-repeat 0 0; height: 70px; padding: 15px; width: 430px; }
#schedule.cta .in {
	border-right: 1px solid #78A612;
	display: inline;
	padding-right: 15px;
	float: left;
}
#schedule.cta .out {
	display: inline;
	float: left;
	margin-left: 15px;
}
#schedule.cta p { margin: 10px 0 0; line-height: 20px; }
.cta a {
	color: #fff;
	display: block;
	padding: 17px 15px;
	width: 460px;
}

/* apply page buttons 
*/
.apply #content h2 { margin-bottom: 1em; }
.apply #content h3 {
	background: url(../img/apply-btn.gif) no-repeat 0 0;
	border: 0;
	height: 42px;
	padding: 0;
	width: 396px;
}
.apply #content h3.soft {
	background-image: url(../img/apply-btn-soft.gif);
}
.apply #content h3 a {
	color: #fff;
	display: block;
	font-size: 14px;
	padding: 14px;
}

/* get new timecards form 
*/
.timecards #content form {
	margin-top: 1em;
}
.timecards #content td {
	padding: 5px 0;
}

/******			SUBMIT TIMECARD			*********/

div.timecards div.login{
	width:250px;
	float:right;
	text-align:right;
	margin:10px 30px 20px 300px;
}

div.timecards a{
	color: #39c;
}

div.timecards h2{
	clear:both;
	border-bottom: 1px solid #eee;
	padding-bottom:5px;
}

div.timecards dl{
	margin:5px 0 20px 0;
	float:left;
	clear:both;
}

div.timecards dt{
	font-weight:bold;
	font-size:10px;
	border-bottom: 1px solid #eee;
	color: #690;
	line-height:20px;
	float:left;
	width:130px;
	padding-left:10px;
	height:25px;
}

div.timecards dd{
	float:left;
	width:250px;
	font-size:14px;
	line-height:20px;
	color:#666;
	border-bottom: 1px solid #eee;
	height:25px;
}

div.timecards div{
	margin-bottom:20px;
}

div.timecards ul{
	float:left;
}

div.timecards ul li{
	float:left;
	width:56px;
	margin-bottom:10px;
}

div.timecards ul li label{
	color: #669900;
	width:56px;
	float:left;
	text-align:center;
}

div.timecards ul li input{
	width:20px;
	height:18px;
	font-size:12px;
	padding-top:2px;
	line-height:20px;
	padding-left:2px;
	color:#39c;
	font-weight:bold;
	margin-left:15px;
}

div.timecards ul.errors, div.timecards ul.messages{
	width:375px;
	float:left;
	padding:10px;
	margin-bottom:20px;
}

div.timecards ul.errors{
	border:thin solid #e95454;
	background:#ffdddd;
	color:#800000;
}

div.timecards ul.messages{
	border:thin solid #6c6ccf;
	background:#ddddff;
    color: #000080;
}

div.timecards ul.errors li, div.timecards ul.messages li{
	width:340px;
	float:left;
	margin:0;
}

div.timecards form{
	margin-bottom:5px;
}

div.timecards table {
    border-collapse: collapse;
    border: 1px solid #eee;
    font-size: 0.83em;
    margin-bottom: 1em;
	margin-top:10px;
}

div.timecards td {
    border: 1px solid #eee;
	padding:5px;
	line-height:14px;
}

div.timecards th {
    border: 1px solid #eee;
    width: 150px;
	padding:5px;
	font-weight:bold;
	font-size:10px;
	color: #690;
}

div.timecards h4{
	margin-bottom:20px;
	clear:both;
}

div.timecards a.back-link{
	float:right;
	margin:0 0 10px 0;
}

#content.timecards p{
	margin-top:0;
}

div.timecards cite{
	font:normal 10px "Lucida Grande","Myriad Pro",Verdana,sans-serif;
	color:#39c;
	margin:5px 0;
	float:left;
}

/* follow us on
------------------------*/

div#follow{
	width:380px;
	float:right;
}

div#follow a{
	width:203px;
	height:71px;
	text-indent:-99999px;
	margin:20px 10px 10px 0;
	display:block;
	font-weight:bold;
	text-decoration:none;
	float:right;
}

div#follow a#facebook{
	background:url(../img/facebookBtn.png) left no-repeat;
}