/******************************/ /* Style Reset (meyerweb.com) */ /******************************/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;} body {line-height: 1; color:#879092; background:#000; font-family: arial, sans-serif; font-size: 11px;} ol, ul {list-style: none;} blockquote, q {quotes: none;} /* remember to highlight inserts somehow! */ ins {text-decoration: none; border-bottom: 1px dotted #0C0;} del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse;border-spacing: 0;} object {display:block;} /***************/ /* Page Layout */ /***************/ #wrapper {width: 941px; padding: 77px 0 60px 0; margin:0 auto;} #contentarea {background: url(../images/interface/contentarea_topbg.jpg) 0 0 no-repeat;} #contentarea .contentinner {padding: 36px; background: url(../images/interface/contentarea_bottombg.jpg) 0 100% no-repeat;} #contentwrap {width: 869px; background: url(../images/interface/contentwrapbg.gif) 0 0 repeat-y;} #content {padding: 40px 25px 45px 25px;min-height: 400px; width: 600px; background:#FFF; float:left; color:#4e6166;} #noside #contentwrap {background:#FFF;} #noside #content {width: 820px;} /*****************/ /* Content Styles*/ /*****************/ a {color:#f6830f; text-decoration:none;} a:hover {text-decoration:underline;} #contentarea h1, #content h2, #content h3, #content h4, #sidebar {font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", Helvetica, sans-serif;} .overview #content {background: #FFF url(../images/interface/circlesbg.jpg) 0 38px no-repeat;} #contentarea h1 {margin-top: 5px; font-size: 22px; color:#fff; font-weight:normal; height: 33px;} #intro {width: 869px; height: 225px; background: #a4b4b8; margin-bottom: 17px;} #contentwrap a span {font-family:arial; font-weight:normal!important; font-size: 14px; line-height:10px;} #content div.halfcolumn {width: 220px; float:left;} #content div.halfcolumn.wider {width: 290px;} #content div.hr, #content div.shorthr {border-top: 1px solid #fe9e6a; margin: 20px 0;} #content div.shorthr {width: 51px;} #content h1 {font-size: 16px; font-weight:normal; color: #263237; padding-left: 13px; height:auto; margin: 20px 0 10px 0;} .overview #content h1 {font-size: 24px; font-weight:normal; color:#c62d09; padding-left: 13px;} .sIFR-active #content h1 {margin-bottom: 3px;} #content h2 {font-size: 16px; padding: 0 16px; margin: 1px 0 7px 0;} .sIFR-active #content h2{margin-bottom:1px;} #content h2.titlestrip {font-size: 14px; padding: 12px 12px 0 12px; height: 25px; display:block; border-bottom: 1px solid #14191b; margin: -40px -25px 40px -25px; background:#bb3411 url(../images/interface/titlestripbg.jpg) 0 0 no-repeat; color:#FFF; font-weight:normal;} #content h2.titlestrip {background: #bb3411 url(../images/interface/titlestrip_overviewbg.jpg) 0 0 no-repeat;} #sidenav-wside h2.titlestrip {background-image: url(../images/interface/titlestripbg.jpg);} #content h4 {font-size: 10px; padding: 0 16px; margin-bottom: 5px; line-height: 15px; text-transform:uppercase;} #content h4 span {text-transform:none;} #content h5 {font-size: 12px; line-height: 17px; padding: 0 16px;} #content p {font-size: 12px; padding: 0 16px; margin-bottom: 16px; line-height: 17px;} #content p a strong {font-size: 11px;} #content li {font-size: 12px; padding: 0 16px; line-height: 17px; margin-bottom: 5px;} #content img.imgleft {float:left; border: 1px solid #d3dfe2; margin: 0 10px 16px 16px;} #content p.intro {font-size: 15px; line-height: 24px; color:#93a0a4;} #content .checklist li {padding-left: 34px; background: url(../images/interface/icontick.gif) 16px 3px no-repeat;} #content .standard li {padding-left: 27px; background: url(../images/interface/icon_squarebullet.gif) 16px 6px no-repeat;} #content .highlight {background:#f7f9f9; border-top: 1px solid #fe9e6a; color:#7b939a; margin-top: 16px; clear:left;} #content .secondary {border-top: 1px solid #d5dfe2; margin-top: 32px; background: url(../images/interface/highlightfadebg.jpg) 0 0 repeat-x;} #content .highlight h3 {color:#5e757c; padding: 0 16px; font-size: 14px; margin-bottom: 6px;} .sIFR-active #content .highlight h3 {margin-bottom:0;} #content .highlight .info {float:left; padding: 18px 16px 16px 0;} #content .highlight .contact {width: 568px;} #content .contact h3 {font-size: 12px;} #content .contact p {font-size: 11px;} #content .halfinfo {width: 291px; float:left; background:#f4f7f8; margin-right: 8px;} #content .halfinfo h3 {height: 20px; border-bottom: 1px solid #FFF; padding: 7px 0 0 10px; background:#e3eaec; font-size: 14px; font-weight:normal; } #content .halfinfo .thumb{float:left; border-right: 1px solid #FFF; margin-right: 12px;} #content .halfinfo p {font-size: 11px; padding: 10px 5px 0 0; margin-bottom:0; line-height: 15px; color:#7b939a; } #content .halfinfo p img{margin: 5px 0 0 -2px;} /*************************/ /* Specific Page Layouts */ /*************************/ /*****************/ /* Global Layout */ /*****************/ /* Primary Nav*/ #nav_span {position:absolute; top:0; margin: 20px 0 0 0; height: 35px; width: 941px; background-image: url(../images/interface/navcapbg.gif) !important; background-repeat:no-repeat; background-position: right;} #nav {position:absolute; top:0; margin: 0px 0 0 0; height: 35px; width: 935px; background: url(../images/interface/navbg.gif) 0 0 repeat-x;} #nav li {float:left; display:block;} #nav li a {display:block; width: 110px; height: 35px; text-indent: -9999px; background-position: 0 0; background-repeat:no-repeat;} #nav .logo {width: 173px;} #nav .logo a {width: 120px; background-image: url(../images/interface/logo.gif); background-position: 0 0 !important;} #nav .campaigns a {background-image: url(../images/interface/nav/campaigns.gif);} #nav .network a {background-image: url(../images/interface/nav/network.gif);} #nav .contentmanagement a{background-image: url(../images/interface/nav/contentmanagement.gif); width: 179px;} #nav .support a {background-image: url(../images/interface/nav/support.gif);} #nav .admin a {background-image: url(../images/interface/nav/admin.gif);} #nav .logout a {background-image: url(../images/interface/nav/logout.gif);} #nav .summary a {background-image: url(../images/interface/nav/summary.gif);} #nav .reports a {background-image: url(../images/interface/nav/reports.gif);} #nav .settings a {background-image: url(../images/interface/nav/settings.gif);} /*#nav .logout { padding-right: 39px; background: url(../images/interface/navcapbg.gif) 100% 0 no-repeat;}*/ .campaigns #nav .campaigns a, .network #nav .network a, .contentmanagement #nav .contentmanagement a, .support #nav .support a, .admin #nav .admin a, .logout #nav .logout a, .summary #nav .summary a, .reports #nav .reports a, #nav li:hover a, #nav li a:hover {background-position: 0 -35px;} #nav li div {position:absolute; z-index: 8000; width: 211px; padding: 0 5px 10px 5px; margin: -9999px 0 0 -4px; background: url(../images/interface/nav/nav_dropdownbottombg.png) 0 100% no-repeat;} #nav li:hover div {margin-top:0;} #nav li ul {width: 179px; padding: 16px; background: #edf3f5 url(../images/interface/nav/nav_dropdownbg.jpg) 0 0 repeat-x;} #nav li ul p {color:#34454c; line-height: 14px; padding: 8px 0;} #nav li ul img {margin: -8px -8px 0 -8px;} #nav li li {clear:both; border-top: 1px solid #c0d3db;} #nav li li.nb {border:none;} #nav li li a {text-indent:0; font-weight:bold; width: 163px; padding: 6px 6px 6px 14px; height:auto; background:url(../images/interface/nav/arrow.gif) 2px 9px no-repeat !important; color:#34454c;} #nav li li a:hover {text-decoration:none; color:#ee5400; background-position: 2px -26px !important;} /* Bread crumbs*/ #breadcrumb {position:absolute; margin: -23px 0 1px -18px; color:#aebbc0; font-size: 10px;} #breadcrumb a {color:#aebbc0; padding: 0 1px; } /* Side Bar*/ #sidebar {display:block; width: 212px; float:right; background:#e3eaec;} #sidebar h4 {display:block; height: 17px; padding: 7px 6px 0 9px; font-size: 11px; text-transform:uppercase; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, sans-serif; font-weight:lighter; background: url(../images/interface/sidebarh4bg.gif) 0 0 repeat-x; color:#35484d;} #sidebar li {padding-bottom: 20px;} #sidebar .entry {margin-top: 5px;} #sidebar img {margin-left: 4px;} #sidebar h5 {font-size: 11px; padding: 0 12px; text-transform:uppercase; font-weight:bold; color:#384b50; line-height: 16px;} #sidebar p {padding: 0 12px; font-size: 12px; line-height: 16px; color:#5e757c;} #sidebar p strong {font-size: 11px; color:#384b50;} #sidebar a strong {color:#f6830f;} /* Footer */ #footerlinks {float:left; clear:both; width: 939px; padding: 10px 0 3px 2px; /*border-top: 1px solid #394448;*/} #footerlinks li {padding: 0 14px 0 5px; background: url(../images/interface/icon_footerarrow.gif) 0 4px no-repeat; display:block; float:left; } #footerlinks a {float:left;font-size: 10px; display:block; height: 12px; color:#6f7d83;} #footerlinks a.rss {padding-right: 17px; background: url(../images/interface/icon_footerfeed.gif) 100% 0 no-repeat;} .copyright {clear:both; font-size: 10px; color:#6f7d83; padding: 10px 0 0 2px;} /* sIFR */ .sIFR-flash {visibility: visible !important;margin: 0;padding: 0;} .sIFR-replaced, .sIFR-ignore {visibility: visible !important;} .sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;} /* Clearing */ #nav li ul:after, #clogos:after, #content .highlight:after, #contentwrap:after, .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #nav li ul, #content .highlight, .clearfix {height: 1%;}