body { font-family:Arial; font-size:9pt; color:#333}
.page {}
.content { width: 700px; margin: 0 auto;
}

h1{ font-size:18pt;}
.header { margin-top:20px;}
.sub-header {margin-top:20px; padding:20px; background-color:#eee }
.sub-header h2 { font-size:16pt; font-weight:normal; color:#666 }
.page-content {margin-top:20px; }


div.request { padding-bottom:30px;}
div.request div.field label{ display:block; margin-bottom:2px}
div.request div.field input{ width:350px;}


div.request div.city { width:170px; float:left;}  
div.request div.city input{ width:150px; float:left;}  
div.request div.state { width:80px; float:left;}  
div.request div.state select{ width:70px;}  
div.request div.postal { width:100px; float:left;}  
div.request div.postal input{ width:100px; }  
div.request div.phone { clear:both}  

div.request div.ad { margin-top:10px;}
div.request div.ad textarea{ width:350px; height:150px}
div.request div.wordcount { text-align:right; padding-right:50px}
div.request div.wordcount span { margin-left:5px}

div.request div.ad-info { width:400px; float:left; margin-bottom:20px;}
div.request div.ad-total { width:200px; float:left; padding:10px 20px; background-color:#eee}
div.request div.ad-total h3{ font-size:14pt; font-weight:normal;margin-bottom:5px;}
div.request div.ad-total span.field{ float:left; width:100px; }
div.request div.ad-total div.total { margin-top:5px; border-top:solid 1px #ddd; padding-top:5px;}

div.request div.ad-word-count{ width: 200px; height:300px; float:left; padding:20px }
div.request div.ad-word-count h3{ margin-bottom:5px;}

div.request div.schedule { clear: both; height:80px}
div.request div.schedule h3 { font-size:14pt; font-weight:normal; margin-left:5px; margin-bottom:5px;}
div.request div.schedule label.title { display:block; font-size:11pt; font-weight:bold; }
div.request div.schedule ul {}
div.request div.schedule ul li{ float:left; width:85px; padding:5px; margin-right:1px; background-color:#f5f5f5 }
div.request div.schedule ul li.friday { border-right:solid 3px #ddd}

div.messages { clear:both;margin-bottom: 10px; padding:5px; background-color:#f2f2f2}
div.messages h3{ margin-bottom:5px;  font-size:12pt; font-weight:bold;}
div.messages ul { padding-left:15px;}
div.messages ul li { color:Red; list-style-type:square;}

div.request div.submit {clear:both; }
div.request div.submit input { width:100px; height:30px}

div.request-verify { font-size:11pt;}
div.request-verify div.ad-name { font-weight:bold; font-size:12pt;}
div.request-verify div.ad-phone { margin-top:10px;}

div.request-verify div.ad-text { margin-top:10px; border-top:solid 1px #888; padding-top:5px; }
div.request-verify div.ad-text span{ font-weight:bold; }
div.request-verify h3.ad-spotschedule {margin-top:10px; border-top:solid 1px #888; padding-top:5px;}

div.request-verify div.ad-spotcount{ margin-top:10px;}
div.request-verify ul.ad-schedule{ margin-top:5px;}
div.request-verify div.ad-cost{}
div.request-verify div span { margin-right:5px;}
div.request-verify div.submit { margin-top:35px;}


div.request-verify div.ad-number{  font-size:14pt;}
div.request-verify div.ad-ref{ margin-bottom:15px;}

div.reader h2{ font-size:16pt;}
div.reader div.ad-spot { margin-top:10px; border:solid 2px #777; padding:5px;}
div.reader div.not-paid { border:solid 2px #eee;  color:#888 }
div.reader div.not-paid div.not-paid-status { background-color:#888; color:White; padding:3px; }

div.reader { font-size:11pt;}
div.reader div.ad-name { font-weight:bold; font-size:12pt;}
div.reader div.ad-phone { margin-top:10px;}

div.reader div.ad-text { margin-top:10px; border-top:solid 1px #888; padding-top:5px; }
div.reader div.ad-text span{ font-weight:bold; }
div.reader h3.ad-spotschedule {margin-top:10px; border-top:solid 1px #888; padding-top:5px;}
div.reader div.ad-spotcount{ margin-top:10px;border-top:solid 1px #888; }

div.reader div.ad-status { margin-top:5px; background-color:#eee}

div.reader div.ad-number {   }