@import url("/libs/stylesheets/base.css");
@import url("/libs/stylesheets/site/base.css");

body { background:#FBFAF9 url("/images/bodyF.png") repeat-x; color:#596684; font-family:Helvetica, Arial, FreeSans, sans-serif }
#header { height:110px }
#header .logo { background:url("/images/logo.png") no-repeat; cursor:pointer; height:80px; left:5px; position:absolute; text-indent:-9000em; top:0; width:280px }
/*#header .logo:hover { background-position:0 -100px }*/
#wrapper { background:url("/images/mpanel-F.png") repeat-y left 160px; padding:0 330px 0 0; width:660px }
#layout-wrapper { background:none; width:990px }
#content { background:none; padding:0 20px 50px 20px; width:620px }
#rail { background:none; margin-right:-330px; padding:0 20px 50px 20px; width:290px }

#footer { background:url("/images/footerF.png") no-repeat 0 10px; padding:25px 0 0 0; width:970px }
#footer, .push-footer { height:205px }
#layout-wrapper { margin-bottom:-230px } /*extra height for top padding*/

/* ---MAIN MENU--- */
.main-menu { top:0; right:5px }
.main-menu li { border:none; float:left; padding:0 }
.main-menu li.spacer { padding:0 0 0 10px }
.main-menu a, .main-menu a span { cursor:pointer; display:block; float:left }
.main-menu a { background:url("/images/main-menuL.png") no-repeat left top; padding:0 0 0 8px }
.main-menu a span { background:url("/images/main-menuR.png") no-repeat right top; color:#898EA0; font-size:1.2em; font-weight:700; height:35px; letter-spacing:-0.02em; padding:45px 16px 0 8px }
.main-menu a:hover { background-position:left -80px; text-decoration:none }
.main-menu a:hover span { background-position:right -80px; color:#FFF }
.main-menu a.active, .main-menu a.active:hover { background-position:left -160px; text-decoration:none }
.main-menu a.active span, .main-menu a.active:hover span { background-position:right -160px; color:#FFF; text-decoration:none }
/* ---RAIL MENU--- */
.rail-menu { font-size:1em; margin:0 }
.rail-menu li:first-child { border-top:1px solid #C0C5D0 }
.rail-menu li { border-bottom:1px solid #C0C5D0; width:100% }
.rail-menu li.last-child { border:none }
.rail-menu li.active { font-weight:700 }
.rail-menu a, .rail-menu a span { display:block; cursor:pointer }
.rail-menu a { width:100% }
.rail-menu a span { color:#00001A; height:24px; line-height:1.8em; padding:1px 0 0 5px }
/* counters */
.rail-menu a span { position:relative }
.rail-menu a span span.popularity, .rail-menu a span span.popularity span.count { background:#EEEFF2; display:inline; height:12px; line-height:normal; padding:0 }
.rail-menu a span span.popularity { color:#EEEFF2; font-size:1px; font-weight:700; padding:2px 3px; position:absolute; right:5px; top:4px }
.rail-menu a span span.popularity span.count { color:#0E1631; font-size:10px }
/* counter:hover */
.rail-menu a:hover span span.popularity, .rail-menu a:hover span span.popularity span.count { background:#838CA3 }
.rail-menu a:hover span span.popularity { color:#838CA3 }
.rail-menu a:hover span span.popularity span.count { color:#EEEFF2 }
/* active:hover */
.rail-menu a:hover, .rail-menu li.active a:hover { background-color:#EEEFF2 }
.rail-menu a:hover span, .rail-menu li.active a:hover span { color:#00001A; font-weight:700 }
/* active */
.rail-menu li.active a { background-color:#ACB2C1; font-weight:700 }
.rail-menu li.active a span { background-position:0 -31px; color:#00001A; font-weight:700 }
.rail-menu li.active a span span.popularity { color:#EEEFF2 }
.rail-menu li.active a:hover span span.popularity { color:#838CA3 }

/* ---BANNERS---- */
/*#calltoaction { display:block; padding:0 0 0 220px; width:550px }*/
#content .banner a { display:block; float:left; height:95px; width:550px; text-indent:-9999em }
#content .banner.get3q a { background:url("/images/get3Q.png") no-repeat  }
#content .banner.get3q a:hover { background-position:left -95px }

/* ---THEME--- */
/* H2/H3 */
h2 { font-size:1.5em; letter-spacing:0.01em; font-weight:700 }
h2, h3 { color:#0E1631 }
#content h2, #rail h2, #content h2.borderless, #content h3, #footer h2, #view-modal h2, #view-modal h3, #rail h3 { border:none; font-family:Arial, Helvetica, FreeSans, sans-serif }
/* H2 */
#content h2 { background:url("/images/h2-contentF.png") no-repeat left bottom; font-size:1.9em; font-weight:400 }
#content h2.h2-main { font-size:2.9em; font-weight:400; letter-spacing:-1px }
/* H2:subs */
#content h2 .get3q-for { background:url("/images/get3Q-for.png") no-repeat; display:block; height:35px; margin-bottom:10px; text-indent:-9999em; width:420px }
#content h2 .find3q-companies { background:url("/images/find3Q-companies.png") no-repeat; display:block; height:35px; margin-bottom:10px; text-indent:-9999em; width:420px }
#content h2 .get3q-title { /*background:#00001A url("/images/h2-heading.png") repeat-x; border:1px solid #00001A;*/ display:block; /*height:33px;*/ padding-left:5px }
/* H3 */
#content h3, #view-modal h3, #rail h3 { color:#859F07; font-size:1.6em; font-weight:400 }
#rail h3 { color:#0E1631; clear:both }
h3 a { color:#3A8BBF; padding:1px; text-decoration:underline }
h3 a:hover { background-color:#3A8BBF; color:#FFF; text-decoration:none }
#content fieldset .panel h3 { color:#3A8BBF; }
/* H4 */
h4 { border-bottom:1px solid #DFDCD6; color:#6A6864; font-size:1.15em }
/* links */
a.textlink, .redcloth a, a.design, a.development, a.marketing { color:#3A8BBF; font-weight:400; padding:1px; text-decoration:underline }
a.textlink:hover, a.design:hover, a.development:hover, a.marketing:hover, .redcloth a:hover { background-color:#3A8BBF; color:#FFF; text-decoration:none }
/* lists */
ul.plainlist li { background-position:left 50%; padding-bottom:0; padding-top:0 }
.dllist-float { line-height:normal; width:100% }
.dllist-float dt { clear:left; float:left; font-weight:700; position:relative; text-align:left; width:32% }
.dllist-float dd { float:left; padding:0 0 4px; width:68% }
/* misc */
.highlight { background:#B2D40A }
.highlight-colour { color:#B2D40A }
.text-small .redcloth p { font-size:1em }

/* ---FOOTER--- */
#footer h2 { color:#898EA0; font-size:1.2em; }
#footer .footer-menu { /*background:#cf0;*/ border-right:1px solid #D5D9E0; float:left; padding-left:20px; width:199px }
#footer .footer-menu.no-border { border:none; width:200px }
#footer .footer-menu.rail { border:none; padding-left:10px; width:290px }
#footer .banner a { cursor:pointer; display:block; float:left; width:100% }
#footer .banner a span { display:block; text-indent:-9999em }
#footer .banner.mini-3q { width:288px }
#footer .banner.mini-3q a span { background:url("/images/banner-footer.png") no-repeat; height:88px }
#footer .banner.mini-3q a:hover span { background-position:left -88px }
#footer .banner.netage { margin:20px 0 0 60px; width:170px }
#footer .banner.netage a span { background:url("/images/banner-netage.png") no-repeat; height:55px }
#footer .banner.netage a:hover span { background-position:left -55px }
#footer .blanklist li { text-transform:uppercase; font-size:0.8em; margin-bottom:2px }
#footer .newsletter input, #footer .newsletter button { float:left }
#footer .newsletter button { background:url("/images/button-mini-join.png") no-repeat; border:none; cursor:pointer; height:20px; text-indent:-9999em; width:40px }
#footer .newsletter button:hover { background-position:0 -20px }
#footer .newsletter button.loading { background-position:0 -40px }
#footer .newsletter button.loading:hover { background-position:0 -40px }
#footer .newsletter button span.loader { background:transparent url("/libs/images/ajax-loader.gif") no-repeat 10px 50%; display:block; width:40px; height:20px }
#footer .newsletter button span.loader.hide { display:none }
#footer .newsletter input { border:1px solid #C4C6D0; color:#000; font-size:11px; height:16px; margin-right:10px; padding:2px 0 0 2px; width:138px }
#footer .newsletter input.placeholder { color:#999 }
#footer .newsletter li { margin-bottom:2px }

/* ---PANELS--- */
#wrapper .mpanel-T, #wrapper .mpanel-B { background:#F3F5F8 url("/images/mpanel-TL.png") no-repeat left top; clear:both; height:20px; margin-right:-330px; text-align:right; width:990px }
#wrapper .mpanel-B { background-image:url("/images/mpanel-BR.png"); background-repeat:no-repeat; background-position:right top }
/* content-panel */
#content .panel { background:#EEEFF2 url("/images/cpanel-TL.png") no-repeat left top; padding:20px 10px 0 10px }
#content .panel .footer { background:url("/images/cpanel-BR.png") no-repeat right bottom; height:20px; margin:0 -10px }
#content .panel h2 { background:none }
/* rail-panel */
#rail .panel { background:#D5D9E0 url("/images/rpanel-TR.png") no-repeat right top; margin-left:10px; padding:15px 10px 0 }
#rail .panel .footer { background:url("/images/rpanel-BL.png") no-repeat left bottom; height:10px; margin:0 -10px }
#rail .panel.campaign-info img { border:1px solid #596684; float:left; height:75px; margin:0 10px 0 0; width:75px }
/*#rail a.textlink, #rail a.marketing { color:#F09 }
#rail a.textlink:hover  { background-color:#F09; color:#FFF; text-decoration:none }*/
#rail h2 { background:url("/images/h2-railF.png") no-repeat left bottom; color:#EEEFF2; font-size:18px; height:36px; padding:4px 0 0 10px }
#rail h3 a { color:#838CA3 }
#rail h3 a:hover { background-color:#838CA3; color:#FFF }

/* ---CAMPAIGNS--- */
.campaign .left, .campaign .right { float:left; width:25% }
.campaign .left img { border:1px solid #BFBFD9 }
.campaign .right { width:75% }
.campaign .right p { font-size:0.9em; }
.campaign .button-3q { background:url("/images/button-get3Q.png") no-repeat left top; display:block; float:left; height:27px; margin-top:5px; text-indent:-9999px; width:110px }
.campaign .button-3q:hover { background-position:left -27px }
.campaign-back { color:#ACB2C1; font-size:1em }
.campaign-back a { color:#ACB2C1; display:block; float:right; margin:1px 1px 0 0; padding:3px 5px 5px }
.campaign-back a:hover { background:#EEEFF2; color:#405069 }
.flash.quote-count-notice { color:#596684 }

/* ---VERT-TABS--- */
/*.vert-tabs { background:#fc0 }*/
.vert-tabs .tab-data { float:left; padding:0 0 0 10px }
.vert-tabs .idTabs { background:url("/images/vert-tabsF.png") repeat-y right top; float:left; padding-top:30px }
.vert-tabs .idTabs li { width:100% }
.vert-tabs .idTabs li:last-child { border:none }
.vert-tabs .idTabs a, .vert-tabs .idTabs a span { display:block; cursor:pointer }
.vert-tabs .idTabs a span { color:#596684; font-size:0.9em; height:32px; line-height:28px; padding:0 0 0 10px; position:relative }
.vert-tabs .idTabs a:hover span { color:#131D42; text-decoration:underline }
.vert-tabs .idTabs a.selected, .vert-tabs .idTabs a.selected:hover { background:url("/images/vert-tabsL.png") no-repeat left top; font-weight:700; padding:0 0 0 10px }
.vert-tabs .idTabs a.selected span, .vert-tabs .idTabs a.selected:hover span { background:url("/images/vert-tabsR.png") no-repeat right top; color:#131D42; border:none; padding-left:0; text-decoration:none; text-shadow:#A6DCFF 1px 1px 1px }
.vert-tabs .idTabs a span span { background:none; position:absolute; right:20px; top:0 }
.vert-tabs .idTabs a.selected span span,
.vert-tabs .idTabs a.selected:hover span span,
.vert-tabs .idTabs a:hover span span { background:none }
.vert-tabs.campaign-directory .idTabs { width:200px }
.vert-tabs.campaign-directory .tab-data { width:409px }
.vert-tabs.lead-list .idTabs { width:150px }
.vert-tabs.lead-list .tab-data { width:459px }

/* ---LEADS--- */
.lead-table { border-collapse:collapse; width:100% }
.lead-table caption { background:#D5D9E0; color:#131D42; font-size:1.1em; font-weight:700; margin-bottom:30px; padding:6px; text-align:left }
.lead-table caption .date { background:#D3EEFF; margin-left:20px; padding:0 3px }
.lead-table tr.unread td { color:#131D42; font-weight:700 }
.lead-table tr.unread td a { font-weight:700 }
.lead-table tr.odd td { background-color:#F6FCFF }
.lead-table td { border-bottom:1px solid #EEEFF2; padding:5px 4px }
.lead-table tr.read td { background-color:#A6DCFF; border-color:#A6DCFF }
.lead-table td.loader { background:url("/images/leads-ajax-loader.gif") no-repeat 97% 50% }
.lead-table td.border { border-right:1px solid #EEEFF2 }
.lead-table td.quality { padding-left:0; padding-right:5px; text-align:right; width:50px }
.lead-table td.tracking-id { width:150px }
.lead-table .hot, .lead-table .invalid, .lead-table .lost, .lead-table .quoted, .lead-table .sold { color:#FFF; display:block; font-size:10px; font-weight:700; letter-spacing:-1px; padding:2px 3px 2px 0 }
.lead-table .quoted { background:#D3EEFF; color:#3A8BBF }
.lead-table .hot { background:#FE3339; color:#FFF }
.lead-table .invalid { background:#FFF; color:#C4C6D0 }
.lead-table .lost { background:#E7E8EC; color:#898EA0 }
.lead-table .sold { background:#ECF4C2; color:#859F07 }
.lead-table .today { background:#FCF022; color:#131D42; display:inline; font-size:10px; font-weight:700; padding:2px }
.lead-table td.date { text-align:right; width:60px }

.terms-inline { border:2px solid #4EBAFF; padding:6px; height:278px; overflow:auto }
.order-form { background:#EEEFF2; padding:5px }
.order-form .accept_terms { background:#FF9; margin-bottom:10px; padding:3px 5px }
.order-form fieldset input.checkbox { margin:0 5px 0 0 }

/* FILTER */
.filter { background:#EEEFF2; margin:0 0 20px 140px; padding:5px 0 5px 10px; position:relative; }
.filter.open { background:#D5D9E0; padding-bottom:10px }
#content .filter h3 { color:#596684; font-size:13px; font-weight:700 }
#content .filter.open h3 { color:#131D42 }
.filter .query { padding-top:3px }
.filter .query .field, .filter .query .actions { float:left }
.filter .query .field { background:url("/images/filter-query.png") no-repeat; height:26px; padding:4px 5px 0; width:345px }
.filter .query .field input { border:0 solid #000; font-size:1.5em; padding:0; width:345px }
.filter .actions { padding:5px 0 0 5px; text-align:right; width:100px }
.filter .actions button { background:url("/images/button-mini-filter.png") no-repeat; border:none; cursor:pointer; height:20px; text-indent:-9999em; width:45px }
.filter .actions button:hover { background-position:0 -20px }
.filter .info { background:#D3EEFF; margin-top:10px; padding:5px 5px 1px 5px; width:345px }
.filter .filter-reset { color:#CD0B0B; cursor:pointer; margin-left:10px }
.filter .filter-reset:hover { text-decoration:underline }
.filter span.toggle-filter { background:url("/images/button-mini-toggle.png") no-repeat left top; cursor:pointer; display:block; height:16px; left:5px; position:absolute; text-indent:-9999em; top:5px; width:16px }
.filter span.toggle-filter { background-position:left top }
.filter span.toggle-filter:hover { background-position:left -16px }
.filter span.toggle-filter.close { background-position:left -32px }
.filter span.toggle-filter.close:hover { background-position:left -48px }

/* SELECT */
.ui-dropdownchecklist:focus { outline:none }
.ui-dropdownchecklist-wrapper { float:left; padding:0; margin-right:3px }
.ui-dropdownchecklist {	background:url("/images/button-dropdownR.png") no-repeat right top; font-size:11px; height:20px }
.ui-dropdownchecklist.ui-dropdownchecklist-hover { cursor:pointer }
.ui-dropdownchecklist.ui-dropdownchecklist-hover,
.ui-dropdownchecklist.ui-dropdownchecklist-active { background-position:right -20px }
.ui-dropdownchecklist .ui-dropdownchecklist-text { background:url("/images/button-dropdownL.png") no-repeat left top; height:20px; line-height:20px; margin-right:20px; padding-left:6px }
.ui-dropdownchecklist.ui-dropdownchecklist-hover .ui-dropdownchecklist-text,
.ui-dropdownchecklist.ui-dropdownchecklist-active .ui-dropdownchecklist-text { background-position:left -20px }
.ui-dropdownchecklist-dropcontainer { background-color:#FFF; border:1px solid #999 }
.ui-dropdownchecklist-item { font-size:11px; padding:2px 3px 2px 3px; text-align:left }
.ui-dropdownchecklist-item input { height:13px; line-height:13px; margin:1px 3px 0 0; vertical-align:top; width:13px }
.ui-dropdownchecklist-item label { color:#131D42; cursor:pointer }
.ui-dropdownchecklist-item-hover { background-color:#4EBAFF }
.ui-dropdownchecklist-item-disabled label { color:#CCC }
.ui-dropdownchecklist-item-hover .ui-dropdownchecklist-text { color:#131D42 }
.ui-dropdownchecklist-group { font-weight:bold; font-style:italic }
.ui-dropdownchecklist-indent { padding-left:20px }

/* ---FORMS--- */
fieldset.gigantor input/*, fieldset.gigantor select, fieldset.gigantor select optgroup, fieldset.gigantor textarea*/ { font-size:1.7em }
/*#content fieldset.gigantor .panel { padding-top:30px }*/
fieldset.gigantor dt, fieldset.gigantor dd { float:none }
fieldset.gigantor dt { font-size:1em; padding:0 0 2px; text-align:left; width:90% }
fieldset.gigantor dd label { padding-left:5px }
fieldset.gigantor input.checkbox { margin-right:13px }
fieldset.nofloat dt, fieldset.nofloat dd { float:none }
fieldset.nofloat dt { text-align:left; padding:0 0 2px; width:90% }
fieldset.nofloat .actions { padding-left:0 }


/* buttons */
fieldset .actions, fieldset.gigantor .block { padding-left:130px }
fieldset .actions { padding-top:10px }
fieldset .actions .cancel { display:block; float:left; padding:6px 0 0 10px }
button.submit, button.login, button.accept, button.activate { border:none; cursor:pointer; display:block; float:left; height:30px; width:85px; text-indent:-9999px }
button.submit { background:url("/images/button-submit.png") no-repeat }
button.login { background:url("/images/button-login.png") no-repeat }
button.accept { background:url("/images/button-accept.png") no-repeat }
button.activate { background:url("/images/button-activate.png") no-repeat }
button.submit:hover, button.login:hover, button.accept:hover, button.activate:hover { background-position:left -30px }
button.sml.save, button.sml.update, button.sml.poorlead, button.sml.hotlead, button.sml.report { border:none; cursor:pointer; display:block; float:left; height:25px; width:70px; text-indent:-9999px }
button.sml.save { background:url("/images/button-small-save.png") no-repeat }
button.sml.update { background:url("/images/button-small-update.png") no-repeat }
button.sml.report { background:url("/images/button-small-report.png") no-repeat }
button.sml.poorlead { background:url("/images/button-small-poorlead.png") no-repeat; width:100px }
button.sml.hotlead { background:url("/images/button-small-hotlead.png") no-repeat; width:100px }
button.sml.save:hover, button.sml.update:hover, button.sml.poorlead:hover, button.sml.hotlead:hover, button.sml.report:hover { background-position:left -25px }

/* ---SPACING--- */
h2, h3, p, .dllist, .plainlist { margin-bottom:10px }
h2 { padding:0 0 10px }
h3 { padding:10px 0 5px; margin-bottom:20px }
h4 { padding:8px 0 4px; margin:0 0 4px }
.nopad-top { padding-top:0 }
.nomargin-b { margin-bottom:0 }

#rail p { padding-bottom:0 }
#rail .order-details { margin-bottom:10px }
#rail h2 { margin:0 -10px 15px -20px }

#content h3 { padding-top:0; margin-top:5px }
#rail h3 { padding:0 0 0; margin:0 0 10px }
#content .campaign-directory h3 { margin-top:0 }

#content h2 { padding:4px 20px 10px 0; margin-top:0; margin-bottom:15px }
#content .panel h2 { padding-bottom:0; padding-right:0 }
#content p { margin-bottom:20px }

#content .panel { margin-bottom:10px }
#content .panel h3 { padding-top:0; padding-bottom:0; margin-top:0; margin-bottom:5px }
#content fieldset .panel h3 { margin-bottom:30px; margin-top:30px }
#content fieldset .panel h3:first-child { margin-top:0 }
#content .panel p { margin-bottom:5px }
#content .panel p:last-child { margin-bottom:0 }

#content fieldset.gigantor p.instructions { margin-bottom:20px }
/*.campaign-back { margin-bottom:10px }*/

#content .vert-tabs h3 { display:block; margin-top:0 }
#content .vert-tabs.lead-list h3 { margin-bottom:0 }

#content .filter h3 { margin:0 5px 0 21px; padding:0 }
#content .filter.open h3 { margin-bottom:5px }
#content .filter .info p { margin-bottom:5px; padding:0 }
#content .filter .info ul { margin-bottom:5px; padding:0 }

#content .vert-tabs.campaign-directory .redcloth p { margin-bottom:5px }

#footer h2 { margin:0 0 2px; padding:0 }
#footer .blanklist { margin-bottom:5px }

#error-block h2 { background:none; color:#CD0A0A; font-size:18px; margin-bottom:0 }
#error-block li { color:#CD0A0A; font-size:1.1em }
#error-block li strong { color:#131D42 }
#rail #error-block h2 { height:auto; font-size:14px; font-weight:600; letter-spacing:0.01em; margin:0; padding:4px 0 8px }
#rail #error-block ul.plainlist { padding-bottom:0 }
#rail #error-block { padding:2px 7px; }

/* ---MODAL--- */
#view-modal .lead-left, #view-modal .lead-right { /*background:#Fc0;*/ float:left; padding-top:10px }
#view-modal .lead-left { padding-right:2%; width:52% }
#view-modal .lead-right { border-left:1px solid #D5D9E0; padding-left:2%; width:43% }
#view-modal .loader { background:url("/images/modal-ajax-loader.gif") no-repeat 10% 50%; float:left; height:25px; width:50px }
#view-modal h3, #view-modal h4 { margin-bottom:10px; padding-top:0 }
#view-modal .toolbar { background:#D5D9E0; padding:10px 0 10px 5px }
#view-modal .toolbar.view-lead { padding-left:55% }
#view-modal .toolbar a { display:block; float:left; height:20px; margin-right:10px; text-indent:-9999em; width:50px }
#view-modal .toolbar a.status { background:url("/images/button-mini-lead-status.png") no-repeat left top; width:85px }
#view-modal .toolbar a.invalid { background:url("/images/button-mini-report-invalid.png") no-repeat left top; margin-left:40px; margin-right:0; width:100px }
#view-modal .toolbar a.notes { background:url("/images/button-mini-notes.png") no-repeat left top; width:50px }
#view-modal .toolbar a:hover { background-position:left -20px }
#view-modal .panel { background:#FBFAF9; border:1px solid #D5D9E0; margin-bottom:20px; padding:10px }
#view-modal .panel.error { background-color:#FEF6F3; border-color:#CD0A0A }
#view-modal .panel.error h3, #view-modal .panel.error p { color:#5A0404 }
#view-modal .panel .invalid-list { margin-top:30px }
#view-modal .panel h3 { margin-top:0; padding-top:0 }
#view-modal .panel p { line-height:1.2em; margin-bottom:10px; padding:0 }
#view-modal .text-small p { font-size:1em }
#view-modal fieldset dd label { width:99% }
#view-modal fieldset input.radio { margin:1px 10px 0 0 }