/****************************
Kevin Navia
CSS Framework
****************************/

@import "common.css";

#header { background: #111; }

#mast {
float: left; 
margin-bottom: 15px;
width: 580px;
}

#mast h1 { float: left; }
.reqtop { float: right; color: #c62929; }

#content, #rfp-form {
float: left;
margin-bottom: 30px;
width: 580px;
}

#sidebar {
float: right;
margin-bottom: 30px;
padding: 15px;
width: 310px;
background: #eee;
}


/********************************
STEPS 1-4
*********************************/
#rfp-form #steps { float: left; width: 580px; margin-bottom: 30px; list-style-type: none; }
#rfp-form #steps li { float: left; width: 192px; color: #aaa; border-left: 1px dotted #aaa; }
#rfp-form #steps li.astep { color: #333; background: url(../images/bg_arrowgrey.png) 100% 50% no-repeat #eee; border-left: 1px dotted #888; }
#rfp-form #steps li.done { background: #f1f1f1; color: #6a6a6a; }
#rfp-form #steps li p { margin: 0; padding: 5px 5px 5px 10px; }

/********************************
RFP FORM CONTENT
*********************************/
#rfp-form fieldset { position: relative; clear: both; margin-bottom: 15px; }
#rfp-form fieldset p { clear: both; margin-bottom: 10px; overflow: hidden; _zoom: 1; }

#content h2,
#rfp-form h2,
#rfp-form legend { clear: both; margin: 0; *margin-left: -8px; padding: 0; font-size: 13px; font-weight: bold; text-transform: uppercase; color: #589154; overflow: hidden; _zoom: 1; }
#rfp-form legend b { position: relative; float: left; margin-bottom: 15px; padding: 2px 0; width: 580px; border-bottom: 1px dotted #999; }
#rfp-form legend span { position: absolute; top: 2px; right: 0; display: none; }

#rfp-form label { float: left; margin-right: 0.4em; padding-top: 2px; width: 140px; text-align: right; }
#rfp-form label.brk { float: none; display: block; width: auto; text-align: left; }
#rfp-form label.free { float: none; width: auto; }
#rfp-form input { padding: 2px; width: 355px; font-size: 13px; border: 1px solid #888; }
#rfp-form input#siteurl { width: 200px; }
#rfp-form textarea { padding: 2px; width: 499px; height: 130px; font-size: 13px; font-family: inherit; border: 1px solid #888; }

#rfp-form #chkneeds { float: left; width: 502px; margin-bottom: 15px; list-style: none; }
#rfp-form #chkneeds li { float: left; margin: 0 1px 1px 0; padding: 2px; width: 246px; background: #f5f5f5; }
#rfp-form #chkneeds li label { float: left; margin-top: 2px; width: 210px; text-align: left; }
#rfp-form #chkneeds li input { float: left; margin: 5px; width: auto; }
#rfp-form #bgt { width: 200px; }

#rfp-form p.btn { padding: 15px 0; text-align: right; border-top: 1px dotted #888; }
#rfp-form p.btn a { float: right; }
#rfp-form #rfpsub,
#rfp-form #rfpsub3 {
padding: 5px 10px; 
color: #fff;
width: auto;
background-color: #6da869;
border: 1px solid #6da869;
border-radius: 12px;
-moz-border-radius: 12px; 
-webkit-border-radius: 12px;
cursor: pointer;
}


#rfp-form #letter { padding: 30px; font-size: 13px; background: #f5f5f5; border: 0 dotted #888; border-width: 1px 0 0; }

/*OVERRIDES*/
#rfp-form #otherreq { height: 50px; }
#rfp-form p.helper { float: none; }
#rfp-form p.error { margin-bottom: 15px; padding: 15px; width: 475px; background: #fffddf; border: 1px dotted #888; border-width: 1px 0; }
#rfp-form p.error b { color: #c62929; }

/********************************
SIDEBAR
*********************************/
#sidebar h3 { padding: 2px 0;font-size: 13px; font-weight: bold; text-transform: uppercase; color: #c62929; border-bottom: 1px dotted #888; }
#abquote { margin-bottom: 15px; font-family: Georgia, sans-serif; }
#abquote p { margin: 0; }
#abquote p cite { display: block; font-style: italic; text-align: right; }