/*
* Reset styles
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-family: inherit; text-align: left;
vertical-align: baseline; font-size: 100%; line-height: 1
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
}
a img, :link img, :visited img { border: 0; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0 }
/*
* Theme
*/
body { color: #222; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 75%; line-height: 18px; margin: 0 auto }
html>body { font-size: 12px }
.container { margin: 0 auto; overflow: hidden; text-align: left; width: 960px }
#content { padding: 18px 15px }
.column { float: left; overflow: hidden; width: 570px }
#rail { float: left; overflow: hidden; padding: 18px 15px 18px 25px; width: 320px }
em { font-style: normal; font-weight: 700 }
a { color: #336699; font-weight: 700; text-decoration: none }
a.red { color: #CC0000 }
a.normal { font-weight: 400 }
a.underlined { text-decoration: underline }
a:hover { text-decoration: underline }
p { line-height: 18px; padding-bottom: 18px }
h1,h2,h3,h4,h5,h6 { color: #222; display: block; line-height: 18px }
h1 { font-size: 26px; line-height: 36px; font-weight: 400 }
h2 { font-size: 18px; padding: 9px 0; font-weight: 400 }
h3 { font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase }
h4 { font-size: 13px }
h5 { font-size: 12px; font-weight: 700 }
h6 { font-size: 12px }
ul.list { margin: 0 0 10px 24px; list-style-type: square }
ul.list li { line-height: 16px; padding: 0 0 8px; margin:0px 0 }
.note { line-height: 18px; font-size: 10px }
.to-right { text-align: right }
.clear-all { clear: both }
ul.nice-bullet { list-style: url("../images/list-bullet.gif") }
.no-padding { padding: 0 }
#hidden { display: none }
.thumb { float: right }
/*
* Top section
*/
#top { background: url("../images/bg-top.gif") repeat-x top }
#topbar, #topbar ul { background: url("../images/bg-topbar.gif") no-repeat left top}
#topbar { float: right; padding-left:5px }
#topbar ul { background-position: right; padding: 10px 5px 10px 0 }
#topbar li { display: inline; padding: 0 10px; border-right: 1px solid #E9E9E9 }
#topbar li.end { border: none }
#logo { padding: 25px 15px 0 15px }
#nav a, #nav span { background: transparent url("../images/bg-box.gif") no-repeat top right }
#nav { height: 33px; margin-top: 12px; *margin-top: 11px }
#nav li { float:left; margin-right:3px; font-size:15px; position: relative }
#nav a { background-position: top left; background-color: #E2E2E2; display: block; float: left; height: 32px; padding-left: 15px; color:#555; font-weight: bold }
#nav span { background-position: top right; display: block; line-height: 29px; padding: 3px 15px 0 0 }
#nav a:hover { color: #CC0000; text-decoration: none}
#nav li.on a { background-position: 0 -44px; padding-bottom: 1px }
#nav li.on span { background-position: right -44px }
#nav li a.add span span { display: inline; padding:0 0 0 16px; background: transparent url("../images/add.gif") no-repeat left }
#nav li a.add:hover span span { background: transparent url("../images/add-red.gif") no-repeat left }
#nav a.add { padding-left:7px }
/*
* Footer
*/
#footer-top { height: 143px; background: url("../images/bg-footer2.gif") no-repeat center top }
#footer { background: url("../images/bg-footer-bottom.gif") repeat-x left bottom #C3D2D5; color: #444; font-size: 11px }
#footer ul { display: inline; width: 158px; float: left; list-style-position: outside; margin-bottom: 20px }
#footer ul li { padding: 2px 0; list-style: square; color: #444; margin-left: 20px }
#footer a { font-weight: normal; color: #444; font-size: 11px }
#footer a:hover { color: #336699 }
#footer p { clear: left }
#footer .container { background: transparent }
/*
* Box
*/
.box-head, .box-head div,
.box-footer, .box-footer div { background: transparent url(../images/box-bg.gif) no-repeat top right }
.box-head { padding-right: 5px }
.box-head div { background-position: top left; padding: 2px 10px 3px; line-height: 10px }
.box-content { border-left: 1px solid #D7D7D7; border-right: 1px solid #D7D7D7; background:url("../images/box-content-bg.gif") repeat-x top; padding: 7px 18px 0 }
.box-footer { background-position: bottom right }
.box-footer div { background-position: bottom left; margin-right:5px; padding: 14px 0 0 0; line-height: 5px; font-size: 5px }
#rail .box { margin-bottom: 20px }
/*
* New messages
*/
.new-messages, .new-messages div { background-image: url("../images/bg-unread.gif") }
.new-messages { background-position: left; color:#fff; font-weight:700; padding-left: 7px; position: absolute; right: -3px; top:-5px}
.new-messages div { background-position: right; font-size: 11px; line-height: 14px; padding: 0 7px 0 0 }
/*
* Homepage
*/
#home #content { padding: 0 50px }
#home h1 { font-size: 16px; line-height: 24px; text-align: center; padding: 18px 0; color: #555 }
#public-board, #agent-board { float: left; position: relative }
#public-board { width: 470px }
#agent-board { width: 390px }
.blurb { position: absolute; top:65px; left:147px; width: 252px }
#agent-board .blurb { left: 20px }
.big-link a:hover,
.how-does a:hover { text-decoration: none }
p.big-link { text-align: right; padding-bottom: 5px; font-size: 20px; line-height: 18px }
p.how-does { text-align: right }
.how-does a { color: #555; font-weight: 400; text-decoration: underline }
#agent-board .big-link a { color: #d30101 }
/*
* Agent Service
*/
#agent-board #rail .box p.how-does,
#public-board #rail .box p.how-does { padding-bottom: 5px }
#agent-board #rail .box h2,
#public-board #rail .box h2 { padding-bottom: 0px }
#rail #agent-board { width: 320px; float: none }
#rail .blurb { top:20px; width: 200px }
#boxes .box { float: left; width: 180px; padding-right: 15px}
#boxes .box-content { padding: 5px 0 0 10px }
#boxes .last { padding-right: 0 }
#boxes .box-footer div,
#agent #rail .box-footer div { padding-top: 5px }