/* Custom Form Styles ================================================================================= */
/* Author: Kyle Kight - kyle@directorofseo.com*/
/* Pages: http://www.elephantbarns.com/custom-metal-barn-quote/*/
/* */
#quoteform {padding:0; margin:0;}
#quoteform ol { padding:0; margin:0;}
#quoteform ol li {list-style:none;}
#quoteform ol .verify {width:100px;}
#quoteform ol .datefield {width:100px; float:left;}
#quoteform ol label{}
#quoteform ol input {color:#000000;}
#quoteform ol li textarea  {color:#000000;}
#quoteform ol select {}
#quoteform .clear { clear:both;}
#quoteform .hidden {display:none;}
#quoteform .buttonbg { margin:45px auto 0 auto; width:250px;}

#quoteform h2 { color:#000000; font-size:26px; font-weight:bold; margin:10px 0 3px 0;}
#quoteform h3 { color:#000000; text-transform:uppercase; font-size:18px; font-weight:bold; margin:20px 0 3px 0; padding-top:15px;}
#quoteform h4 { color:#000000; text-transform:uppercase; font-size:14px; font-weight:bold; margin:25px 0 10px 0;}
#quoteform .nolabel {font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#000000;}
#quoteform .plaintext {text-align:left; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#000000;}
#quoteform .helptext {text-align:left; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#999;}
#quoteform p { font-size:14px; margin:0 0 15px 0;}
#quoteform small { font-size:12px; margin:0; padding:0; vertical-align:text-top; color:#999;}

#quoteform table { font-size:11px; max-width:100%; border-bottom:1px dotted #CCCCCC;}
#quoteform th { text-align:center; font-size:12px; font-weight:bold; border-top:1px dotted #CCCCCC;}
#quoteform tr { border-bottom:1px dotted #CCCCCC;}
#quoteform td { text-align:center;}
#quoteform td.title { text-align:left; width:120px;}

#quoteform tr:nth-child(even) {
    background-color: #F6F6F6;
}

#quoteform ol input ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #DDDDDD;
}
#quoteform ol input :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #DDDDDD;
}
#quoteform ol input ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #DDDDDD;
}
#quoteform ol input :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #DDDDDD;
}

@media (max-width: 360px) {
	#quoteform table { font-size:8px; margin:0; padding:0;}
	#quoteform th { font-size:7px;}
	#quoteform td.title {}
}