@import 'reset.css';

body { background: #DEF url('../images/body_bg.gif') repeat-x;}
body, td, th, textarea { font: 11px/16px verdana;  }

div#header h1 { width: 350px; height: 128px; overflow: hidden; text-indent: -999px; background: url('../images/top_logo.jpg'); margin: 0 -25px; }
div#header { margin-bottom: 25px; }

div#topbar { background: url('../images/menu_top_bg.gif'); height: 12px;  margin: 0 -25px;}

div#container { width: 690px; margin: 0 auto; background: #FFF; padding: 0 25px 25px;  }

ul.nav { background: #335a99; margin: 0 -25px 0 -25px;  padding: 1px 0 4px; }
ul.nav li { display: inline; margin-left: 25px; }
ul.nav a { color: #FFF; text-decoration: none; font-weight: bold; }

div#forgot_password { display: none; }
div#footer { height: 12px; background: url('../images/footer.png') no-repeat; width: 740px; margin: 0 auto; }
p { margin-bottom: 8px; }
p.error { color: #A00; font-weight: bold; font-size: 14px; }

p.block { margin-bottom: 10px; clear: both; width: 497px; padding: 5px 5px; margin: 5px 5px 5px 0; border: 1px solid #FFF;}
p.buttons { margin: 15px 0 ; clear: both;}

p.block input { width: 480px; }
p.block textarea { width: 480px; height: 120px; }
p.half { width: 240px; margin-right: 5px; float: left; clear: none;   }
p.half input { width: 230px; }
p.block img { display: block; }
p.date input { width: 210px; }

p.left { clear: both; }

label { display: block; font-size: 10px; font-weight: normal; }
label.required { font-weight: bold; }

label.checkbox { display: block; clear: both; margin-top: 10px; }
label.checkbox input { width: auto;}
div#content { min-height: 500px; padding-bottom: 25px;  }
div#content h1 { font-size: 22px; line-height: 22px; margin: 0 0 25px; }

h2 { font-size: 16px; line-height: 16px; margin: 15px 0 15px 0;}
p.add { margin: 0 0 5px;}
p.instructions { font-style: italic; margin: 15px 0;}

table.data { width: 100%; border-top: 1px solid #335a99; border-left: 1px solid #335a99;   }

th { background: #335a99; color: #FFF; }
table.data td, th { padding: 2px 5px; text-align: left; border-right: 1px solid #335a99; border-bottom: 1px solid #335a99; }

p.message { color: #7CC334; background: #E2F2D0; padding: 5px 25px; font-weight: bold; font-size: 14px; margin: 0 -25px 25px; }

small { font-size: 10px; font-weight: normal; }
small.marg { margin-left: 25px; }
.error small { font-size: 0.9em; }

p.actions { padding: 5px 0;  margin: 25px 5px -20px; text-align: left;}

dt { font-weight: bold; float: left; width: 120px; }

fieldset { border: 1px solid #77BBFF; padding: 15px; margin: 15px 0;}
legend { font-weight: bold; font-size: 14px; }

a { color: #1188FF;}


th.coupon_id { width: 25px;}
td.company_name { vertical-align: bottom;  }
td.company_name h2 { margin: 0; font-size: 12px;  }
td.contact { text-align: right; font-size: 10px; vertical-align: bottom;  }

a.pay { display: block; float: left; margin-right: 5px; margin-top: 1px; margin-bottom: -1px; }

td.txt { padding: 10px 10px 0; font-size: 12px; line-height: 16px; vertical-align: top;  }
td.txt h3 { font-size: 18px; line-height: 22px; margin-bottom: 5px; }

table.coupon td.fineprint { font-size: 10px; padding: 15px 10px 0; color: #777; font-style: italic;}


table td.info { padding-left: 15px; color: #555; }
ul li { list-style-type: disc; margin-left: 15px; }


div#example { text-align: center; font-style: italic; margin: 25px 0;   }
div#example a { margin: 0 auto; display: block; width: 513px; height: 358px; background: url('../images/coupon-example.jpg') bottom left no-repeat; overflow: hidden;}
div#example a:hover { background-position: top left;}


input.error { background: #FFA; border: 1px solid #A00; padding: 2px; }
input[type=text], input[type=password], textarea { border: 1px solid #AAA; padding: 2px; }
label.error { font-size: 12px; color: #BB0023; display: block; clear: both;}
p.error { background: #FFFDBB url('../images/error_bg.jpg'); border: 1px solid #B0AF81; padding: 5px 5px; margin: 5px 5px 5px 0;}
p.info { margin: 15px 0 0 0; color: #999;}