/* @override http://wpcoder.com/_includes/styles/order.css */

/*
WPCoder.com Order Form Stylesheet
~
Site developed by Dan Philibin (danphilibin.com)
Designed by Ben Debnam (goocreative.co.uk)
~
Please do not copy this stylesheet or anything on this site
for your own use, or we'll call the cops and send the CSS
demons after you.
*/

*								{ margin: 0px; padding: 0px; }
body, html						{ height: 100%; }
body							{ background: #3d4045; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; }
a								{ outline: none; }
p								{ margin-bottom: 10px; }
.clearfix:after					{ content: "."; visibility: hidden;  display: block; height: 0px; clear: both; }
* html .clearfix				{ height: 1%; }

#container						{ width: 896px; height: 1225px; margin: 20px auto 0px; background: url(../images/clipboard.gif) no-repeat top center; font-size: 1em; }

.content						{ width: 575px; padding: 250px 160px 0px; }

.form							{ font-size: 1.35em; color: #222; }
.form a							{ color: #333; font-weight: bold; }
.form h3						{ margin-bottom: 10px; }
.form label						{ font-weight: bold; display: block; width: 150px; float: left; padding: 5px 15px 0px 0px; cursor: pointer; }
.form label.check				{ float: left; width: auto; text-align: left; padding: 5px 5px 0px 0px; margin: 0px 20px 0px 5px; }
.form input.text				{ width: 320px; float: left; border: 1px solid #c5c5c5; padding: 3px; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; }
.form .personal input.text 		{ float:right; }
.form input.date-pick			{ padding-left:27px; width:296px; }
.form input.checkbox			{ float: left; margin: 6px 0px 0px 0px; width: auto; }
.form input.submit				{ outline: none; }
.form .errors					{ color: #b01d1d; margin: 0px 0px 15px; }
.form fieldset					{ border: none; margin-bottom: 25px; }
.form fieldset.personal			{ width:465px; }
.form input.required			{ border: 1px solid #b43131; }
.form select					{ margin-top: 3px; }
.form input.short				{ width: 30px; } 
.form span.extra				{ display: block; float: left; margin: 7px 0px 0px 10px; }
.form textarea					{ width: 570px; height: 100px; border: 1px solid #c5c5c5; padding: 3px; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; max-width: 570px; }
.form small						{ font-size: 0.85em; }
.form input.submit				{ float: right; margin: 15px 0px 0px; }
.form p							{ margin-bottom: 10px; clear: both; }
p.error							{ color: #b43131; font-weight: bold; margin: 5px 0px 10px; }
.form .form_right				{ display: block; float: left; padding: 6px 0px 0px 10px; font-size: 0.85em; }

#grandtotal						{ width: 103px; height: 56px; float: left; background: url(../images/pencilcircle.gif) no-repeat top left; color: #333; font-size: 2.5em; padding: 50px 0px 0px 60px; }



table.jCalendar{background:#fff;}
table.jCalendar th{color:#000;font-weight:bold;padding:3px 5px;}
table.jCalendar td{background:#fff;color:#000;padding:3px 5px;text-align:center;}
table.jCalendar td.other-month{background:#fff;color:#aaa;}
table.jCalendar td.today{background:#666;color:#fff;}
table.jCalendar td.selected{background:#666;color:#fff;}
table.jCalendar td.selected.dp-hover{background:#333;color:#fff;}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td{background:#fff;color:#000;}
table.jCalendar tr.selectedWeek td{background:#f66;color:#fff;}
table.jCalendar td.disabled,table.jCalendar td.disabled.dp-hover{background:#eee;color:#bbb;}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover{background:#bbb;color:#888;}
/* For the popup */
/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
div.dp-popup{position:relative;background:#fff;font-size:10px;font-family:arial,sans-serif;padding:2px;width:171px;line-height:1.2em;border:1px solid #ccc;}
div#dp-popup{position:absolute;z-index:199;}
div.dp-popup h2{font-size:12px;text-align:center;margin:2px 0;padding:0;}
a#dp-close{font-size:11px;padding:4px 0;text-align:center;display:block;}
a#dp-close:hover{text-decoration:underline;}
div.dp-popup a{color:#000;text-decoration:none;padding:3px 2px 0;}
div.dp-popup div.dp-nav-prev{position:absolute;top:2px;left:4px;width:100px;}
div.dp-popup div.dp-nav-prev a{float:left;}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a,div.dp-popup div.dp-nav-next a{cursor:pointer;}
div.dp-popup div.dp-nav-prev a.disabled,div.dp-popup div.dp-nav-next a.disabled{cursor:default;}
div.dp-popup div.dp-nav-next{position:absolute;top:2px;right:4px;width:100px;}
div.dp-popup div.dp-nav-next a{float:right;}
div.dp-popup a.disabled{cursor:default;color:#aaa;}
div.dp-popup td{cursor:pointer;}
div.dp-popup td.disabled{cursor:default;}
a.dp-choose-date{float:left;position:absolute;top:6px;left:172px;width:14px;height:14px;padding:0;display:block;text-indent:-2000px;overflow:hidden;background:url(../images/calendar.gif) no-repeat;}