/* CSS RESET */
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, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family:Arial, Helvetica, sans-serif; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* CSS RESET END */
body { margin:0; padding:0; border:0; font-family:Arial, Helvetica, sans-serif;background-color:rgb(255,255,255); }
html { margin:0; padding:0; border:0; }
.containAll {margin:0px; padding:0px; border:0px;background-color:rgb(255,255,255);}
#topAll {display:none;}
.logobarAll {width:100%;height:110px;background-color:rgb(255,255,255);}
.topcontainer {}
.logocontainer {}
.logo{}
.topnav {}
.topaccountmisc {position:absolute;width:350px;font-size:12px;color:rgb(255,255,255);right:76px;top:10px;font-weight:bold;}
#accountarrowdown {display:none;}
.accountsignin {display:none;}
.donthaveone {color:rgb(233,233,233);}
.loginbox {width:354px;position:relative;height:60px;}
#contentAll {width:100%;background-color:rgb(255,255,255);}
.sub {width:100%;background-color:rgb(57,152,219);}
.contentContainer {width:100%;}
.banner {display:none;}
.bannersub {display:none;}
.bodycontent {}
.bodycontentsub {}
.contenttop {}
.contentmiddle {background-color:rgb(255,255,255);}
.contentbottom {background-color:rgb(255,255,255);display:none;}
strong{font-weight:bold;}
em {font-style:italic;}
.positionIt {width:100%}
.positionItsharethis {width:100%;margin: 25px auto 7px auto;display:none;}
.positionIt2astart {width:100%;}
.positionIt2a {width:100%;}
.positionIt2b {width:100%;}
.positionIt2aindent {width:100%;margin: 10px 0px 5px 65px;}
.positionIt2bindent {width:100%;margin: 10px 0px 5px 65px;}
.positionItsubnav {display:none;}
.wide {}
.contentmiddle p {font-size:12px;color:rgb(83,83,83);line-height:20px;padding-bottom:10px;background-color:rgb(255,255,255);}
.logo a:link, .logo a:visited {text-decoration:none;border:none;}
.contentmiddle a:link, a:visited {font-size:12px;color:rgb(0,0,0);text-decoration:none;border-bottom:1px dotted rgb(160,160,160);background-color:rgb(255,255,255);}
ul.listtype1normal {list-style-type:disc;padding:10px 20px 20px 30px;}
ul.listtype1normal li {font-size:12px; padding:5px;color:rgb(83,83,83);line-height:20px;}
.splitter {margin-left:20px;margin-right:20px;}
.leftcol {width:100%;}
/*.leftcolspbar {position:absolute;top:100px;left:0px;z-index:50;width:635px;height:41px;background-image:url(../images/spbar2.png);background-repeat:no-repeat;background-color:rgb(67,157,221);}*/
.leftcolspbar {display:none;}
/*.leftcolspbar {width:623px;height:30px;background-image:url(../images/spbar2.png);background-repeat:no-repeat;background-color:rgb(67,157,221);}*/
.leftcolspbar p {font-family:Arial, Helvetica, sans-serif;font-size:12px;color:rgb(255,255,255);padding:0px;margin:9px 0px 0px 48px;}
.regMe{font-size:60%;line-height:12px;}
/* BULLETINS STYLES */
.positionItB {width:207px;margin: 25px auto 25px auto;}
.rightcol {width:277px;float:left;display:none;}
.spacerMe {}
.spacerMe2 {}
.spacerMe2indent {}
.footer {display:none;}
.footer ul {}
.footer ul li {float:left;clear:none;font-weight:bold;}
.footer ul li.spacer {float:left;padding-left:5px;padding-right:5px;font-weight:normal;}
.footer ul li a:link, .footer ul li a:visited {font-size:12px;text-decoration:none;color:rgb(43,43,43);}
.footertext {text-align:center;font-weight:bold;color:rgb(43,43,43);padding-top:10px;padding-bottom:20px;}
.clearMe {clear:both;}
h1 {font-size:18px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;line-height:28px;background-color:rgb(255,255,255);padding-bottom:20px;}
h2 {font-size:14px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;line-height:20px;background-color:rgb(255,255,255);padding-bottom:20px;}
h3 {font-size:14px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;line-height:20px;background-color:rgb(255,255,255);padding-bottom:20px;}
.bsb {color:rgb(0,82,155);}
.premiumTitle {color:rgb(177,0,93);}
.leadershipteamrow {width:100%;}
.leaderthumb {padding-right:2%;float:left;}
.leaderbox {float:left;}
.leaderboxfull {width:100%;float:left;}
.leadertitle {margin-bottom:7px;width:100%;}
.leadertitlefull {margin-bottom:7px;width:100%;}
.leaderdesc {margin-top:7px;width:100%;}
.leaderdescfull {margin-top:7px;width:100%;}
.leadername {font-size:14px;font-weight:bold;color:rgb(3,45,83);}
.leaderposition {font-size:12px;font-style:italic;color:rgb(64,124,178);}
/* QTIP STYLES */
.qtip-content {font-size:11px;color:rgb(110,110,110);line-height:16px;}
.searchbar {width:130px;}
.searchBox {position:relative;width:207px;height:27px;margin-bottom:25px;}
.searchgoloc {width:29px;height:9px;position:absolute;right:5px;top:8px;margin:0px;padding:0px;}
*html .searchgoloc {top:0px;}
.loginloc {width:29px;height:9px;position:absolute;right:5px;top:25px;margin:0px;padding:0px;}
*html .loginloc {top:20px;}
.gosubmit {margin:0px;padding:0px;width:29px;height:9px;background-image:url(../images/forms/go.gif);background-repeat:no-repeat; background-color:transparent;cursor:hand; cursor:default;}
/* link icons */
a.clickhere:link, a.clickhere:visited{
font-size:10px;
text-transform:uppercase;
text-decoration:none;
font-weight:bold;
color:rgb(171,0,93);
padding-right: 14px;
background: transparent url(../images/icons/clickhere.gif) no-repeat center right;
display:none;
}
a.more-info:link, a.more-info:visited {
display:none;
font-size:10px;
text-transform:uppercase;
text-decoration:none;
font-weight:bold;
color:rgb(171,0,93);
padding-right: 14px;
background: transparent url(../images/icons/clickhere.gif) no-repeat center right;
}
div.more-info {
}
div.more-info p {padding-top:10px;
font-size:12px;color:rgb(83,83,83);line-height:20px;
padding-bottom:10px;}
span.more-info {
}
/* PRODUCT SERVICES LAYOUT */
.servicelistbox {width:553px; }
.servicelist {float:left;width:225px;}
.servicemrow {font-size:14px;font-weight:bold;color:rgb(3,45,83);padding-top:10px;padding-bottom:10px;}
.servicesubrow {font-size:11px;color:rgb(132,132,132);padding-top:10px;padding-bottom:10px;}
.servicecenterMe{text-align:center;}
.servicetiert {font-size:11px;font-weight:bold;color:rgb(0,82,155);padding-top:5px;padding-bottom:5px;height:12px;}
.servicedots {text-align:center;color:rgb(129,166,0);}
.servicelist a:link, .servicelist a:visited {text-decoration:none;color:rgb(0,82,155);}
.free {float:left;width:130px;}
.premium {float:left;width:198px;}
/* Default tooltip class name: .tooltip*/
.tooltip{
position: absolute;
top: 0;
left: 0;
z-index: 3;
display: none;
}
.gfxdots {margin-top:5px;}
/* TABS */
.tabbox {width:40%;float:left;margin-top:20px;}
.tabindent {margin-left:23px;}
.iconbox {width:60px;float:left;height:41px;}
.titlebox {width:205px;float:left;position:relative;height:41px;}
.tabboxloc {position:absolute;width:205px;left:0px;bottom:0px;}
.tabboxloc p {line-height:18px;margin:0px;padding:0px;}
.tabboxtitle {font-size:14px;color:rgb(0,82,155);font-weight:bold;padding-top:8px;}
.tabboxsubtitle {font-size:14px;color:rgb(0,0,0);font-weight:bold;}
.descbox {font-size:12px;color:rgb(82,82,82);margin-top:10px;line-height:18px;}
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide {
display: none;
}
}
/* Hide useless elements in print layouts... */
@media print {
.ui-tabs-nav {
display: none;
}
}
/* Skin */
.tabIt {margin: 25px 0px 25px 0px;}
#tabs {margin-top:0px;}
.taboxheader {display:inline;width:500px;height:50px;margin-top:20px;}
.taboxheader h2{line-height:50px;font-weight:bold;font-size:18px;}
#tabs ul {background-image:url(../images/hometabs/tabbg.png);background-repeat:no-repeat;margin:0px;padding:0px;display:none;}
.ui-tabs-nav, .ui-tabs-panel {
font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
}
.ui-tabs-nav {
list-style: none;
margin: 0;
padding: 0 0 0 0px;
font-size: 30px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
display: block;
clear: both;
content: " ";
}
.ui-tabs-nav li {
float: left;
margin: 0 0 0 0px;
min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
display: block;
padding: 0px 0px 0px 0px;
background: url(tab.png) no-repeat;
}
.ui-tabs-nav a {
margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
padding-left: 0;
color: #27537a;
font-weight: bold;
line-height: 1.2;
text-align: left;
text-decoration: none;
white-space: nowrap; /* required in IE 6 */
outline: 0; /* prevent dotted border in Firefox */
margin-right:82px;
}
.ui-tabs-nav a.lasttab {
margin-right:0px;
}
.ui-tabs-nav .ui-tabs-selected a {
position: relative;
top: 1px;
z-index: 2;
margin-top: 0;
color: rgb(184,31,99);
}
.ui-tabs-nav a span {
width: 90px; /* IE 6 treats width as min-width */
min-width: 90px;
height: 18px; /* IE 6 treats height as min-height */
min-height: 18px;
padding-top: 6px;
padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
width: auto;
height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
cursor: pointer;
}
.ui-tabs-disabled {
opacity: .4;
filter: alpha(opacity=40);
}
.ui-tabs-panel {
padding: 0px 0px;
background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
padding: 0 0 0 20px;
background: url(loading.gif) no-repeat 0 50%;
}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
display: inline-block;
}
*:first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
display: inline-block;
}
/* FORMS */
/*LOGIN */
.usernameBox {float:left;width:120px;font-size:11px;font-weight:bold;color:rgb(82,82,82);}
.usernameBox p{padding:3px;}
.passwordBox p{padding:3px;}
.passwordBox {float:left;width:120px;margin-left:40px;font-size:11px;font-weight:bold;color:rgb(82,82,82);}
*html .passwordBox {margin-left:10px;}
.usernameinput {width:120px;}
.passwordinput{width:120px;}
#logMeIn form, #logMeIn input, #logMeIn fieldset {
margin:0;
padding:0;
border:none;
}
#logMeIn legend span {
position:absolute;
top:-999em;
left:0;
}
#logMeIn label.round {
float:left;
clear:left;
background:url(../images/forms/input-bg.gif) no-repeat 0 0;
padding:0 0 0 3px;
height:27px;
margin:0 0 10px 0;
}
#logMeIn .round input {
background:transparent;
padding:5px;
float:left;
height:17px;
}
#logMeIn .round span {
background:url(../images/forms/input-bg.gif) no-repeat 100% 0;
padding:0 10px 0 0;
height:27px;
float:left;
}
/* SEARCH FORM */
#searchform form, #searchform input, #searchform fieldset {
margin:0;
padding:0;
border:none;
}
#searchform legend span {
position:absolute;
top:-999em;
left:0;
}
#searchform label.round {
float:left;
clear:left;
background:url(../images/forms/input-bg.gif) no-repeat 0 0;
padding:0 0 0 3px;
height:27px;
margin:0 0 10px 0;
}
#searchform .round input {
background:transparent;
padding:5px;
float:left;
height:17px;
}
#searchform .round span {
background:url(../images/forms/input-bg.gif) no-repeat 100% 0;
padding:0 10px 0 0;
height:27px;
float:left;
}
.round input:focus {
outline:none;
color:rgb(82,82,82);
}
/* SHARE THIS STYLE */
.sharethisleft {float:left;width:276px;}
.sharethisright {float:left;width:276px;text-align:right;}
a.chicklet img {
border: 0;
height: 16px;
width: 16px;
margin-right: 3px;
vertical-align: middle;
}
a.stbutton:link,a.stbutton:visited {font-size:12px;color:rgb(0,0,0);text-decoration:none;border:none;}
a.chicklet:link,a.chicklet:visited {
height: 16px;
line-height: 16px;
margin-right: 6px;
font-size:12px;color:rgb(0,0,0);
text-decoration:none;
border:none;
}
a:link, a:visited {border:none;text-decoration:none;outline:none;border-color:rgb(255,255,255);}