@import "rounded_corners.css";

* {margin:0;padding:0}

p {margin-bottom:12px}
p.firstp {margin-top:12px}

#preLoadImages {position: absolute; left: 0; top: -5000px}

body {font-size:75%;font-family:arial,verdana,helvetica,sans-serif;	color:#333;	background-color:#fff;	margin:0 24px 0 24px;background: url('/images/background.gif') repeat-x;min-width:771px;width:771px}

.mb5 {margin-bottom:5px}
.mb15 {margin-bottom:15px}
.mr10 {margin-right:10px}

.mt10 {margin-top:10px}
.mt15 {margin-top:15px}

/*header*/
#header {background: transparent url(/images/top.gif) no-repeat 0 0;width:764px;clear:both}
#search {width:337px;position:absolute;z-index:2;top:5px;left:230px}
#tagline {position:absolute;z-index:2;top:65px;left:179px;color:white;font-weight:700;font-size:120%;min-width:300px}
#nameBox {width:186px;position:absolute;z-index:2;top:3px;left:599px}
#myOptLink {height:60px}
#myOptLink div.bottom {padding-top:4px}

/*main containers*/
#leftNav {float:left;width:132px;padding:0 0 0 18px}
#main {clear:both;overflow:hidden;width:771px}
#content {float:left;width:592px}
#mainHome {width:592px}

/*When you need an image on an inner page to but up against the top */
.headerImage {padding-bottom:7px;margin:-12px -4px 0 -4px}

/*home page layouts*/
.homeFeatures {position:relative;overflow:hidden;width:368px}
.homeBox1 {float:left;width:187px}
.homeBox2 {float:left;width:181px}
.homeGray {float:left;width:382px}
.quickLinksBox {float:left;width:188px;margin-left:5px}
.homeBoxes {position:relative;width:100%;overflow:hidden}
.homeBoxes div.homeTout {float:left;width:134px;margin-right:9px}
.homeMiddle {position:relative;overflow:hidden;width:100%}
.middleBoxes {float:left;width:430px}
.middleContact {float:left;width:159px;margin-top:10px}
.homeOrderButton {text-align:center;padding:5px 0 5px 0}

/*contact box layouts*/
.contactUs {position:relative;width:100%;overflow:hidden;padding-bottom:10px}
.orderType {width:131px;position:relative;overflow:hidden;padding-bottom:7px}
.contactUs div.icon,.orderType div.icon {float:left;width:36px}
.contactUs div.link,.orderType div.link {float:left;width:89px}
.contactUs div.orderNow {float:left;margin-top:10px;width:137px}
.contactUsColOne {float:left;width:131px}
.contactUsColTwo {float:left;width:131px}

/*main column layouts*/
.columns {position:relative;width:100%;overflow:hidden;margin-top:15px}
.columnsNoMargin {position:relative;width:100%;overflow:hidden}
.columnOne {width:49%;float:left;margin-right:1%}
.columnTwo {width:49%;float:left;margin-left:1%}
.columnHalf {width:48%;float:left}
.columnOneSixty {width:58%;float:left;margin-right:1%}
.columnTwoForty {width:38%;float:left;margin-left:1%}
.columnOneForty {width:38%;float:left;margin-right:1%}
.columnTwoSixty {width:58%;float:left;margin-left:1%}
.columnOneSeventy {width:68%;float:left;margin-right:1%}
.columnTwoThirty {width:28%;float:left;margin-left:1%}
.twoColFirst {float:left;margin-right:14px;width:281px}
.twoColSecond {float:left;width:281px}
.threeColumns div {float:left;width:31%;margin-right:15px}
.threeColumns div.last {margin-right:0}

/*secondary column layouts*/
.features {position:relative;overflow:hidden;width:558px}
.featuresSmall {position:relative;overflow:hidden;width:262px}
div.features div.image,div.featuresSmall div.image {float:left;width:90px}
div.features div.text {float:left;width:468px}
div.featuresSmall div.text {float:left;width:172px;font-size:90%}
.fourColumns {position:relative;overflow:hidden}
div.fourColumns div {float:left;width:25%;text-align:center;padding:5px 0 5px 0}
.pricing {position:relative;width:100%;overflow:hidden}
.pricing div {float:left;width:277px}
.pricing div.text {margin-right:10px;padding-right:10px;border-right:1px #e2e2e2 solid}
.columnsNoMargin .dpImage {float:left;width:138px}

.packageLinks {width:468px;position:relative;overflow:hidden;margin-left:90px}
.packageLinks div.price {float:left;width:190px;font-weight:bold;font-size:100%}
.packageLinks div.crossColumn {float:left;width:260px}
.packageLinks div.packages {float:left;width:140px}
.packageLinks div.channelList {float:left;width:120px}
.packageLeft {width:200px;float:left}
.packageRight {width:350px;float:left}

/*boost*/
.cleanmailOne {width:73%;float:left;margin-right:1%;padding:5px 0 5px 5px}
.cleanmailTwo {width:24%;float:left;margin-left:1%;text-align:center;font-weight:bold;padding:5px 0 5px 0}
.boostFeature,.boostFeatureHead {position:relative;overflow:hidden;width:100%}
.boostFeatureHead {background:#eef2f3}
.boostFeature div {float:left;width:49%;border-bottom:1px solid #e2e2e2;padding:5px 0 5px 5px}
.boostFeatureHead div {float:left;width:49%;border-bottom:1px solid #e2e2e2;padding:5px 0 5px 5px;font-weight:bold}

/*ultra*/
.ultraContact {float:right;width:300px}

/*heads & subheads*/
h1,h2,h3,h4,h5,h6 {font-weight:700;margin-bottom:7px;color:#900}
h1 {font-size:130%}
h2 {font-size:120%}
h2 a {font-weight:700;color:#900;text-decoration:none}
h2 a:hover {text-decoration:underline}
h2.dark, h3.dark {color:#333}
h2.hd {color:#900;font-size:160%;margin:10px 0 10px 0;text-align:center;font-weight:600}
h2.green {color:#6d961c}
h3 {font-size:110%}
.subhead {padding:5px 0 5px 7px;margin:10px 0 10px 0;border-top:1px solid #d5dade;border-bottom:1px solid #d5dade;font-weight:bold;background-color:#eef2fe;position:relative;overflow:hidden;width:100%}
.subheadGreen {padding:5px 0 5px 7px;margin:10px 0 10px 0;border-top:1px solid #9ebc80;border-bottom:1px solid #9ebc80;font-weight:bold;background-color:#edf4e2;position:relative;overflow:hidden;width:100%}
.subheadYellow {padding:5px 0 5px 7px;margin-bottom:10px;border-top:1px solid #d7d9a7;border-bottom:1px solid #d7d9a7;font-weight:bold;background-color:#fcf6ea}
.imageHead {margin-left:-4px;margin-top:-12px}
.ultraHead {font-size:150%;font-style:italic;border-top:1px solid #00bbf3;border-bottom:1px solid #00bbf3;margin-top:12px;padding:5px;text-align:center}

/*top navigation*/
#centeredNav {float:left;width:100%;position:relative;overflow:hidden;margin-bottom:15px;border-bottom:1px solid #900}
#centeredNav ul {clear:left;float:left;list-style:none;margin:0;padding:0;position:relative;left:50%;text-align:center}
#centeredNav li {display:block;float:left;list-style:none;margin:0;padding:0;position:relative;right:50%;color:#333}
#centeredNav li a.topNavOn {text-decoration:none;color:#900;padding:0 8px 6px 8px;font-size:90%}
#centeredNav li a {text-decoration:none;color:#333;padding:0 8px 6px 8px;font-size:90%}
#centeredNav ul a:link,#centeredNav ul a:visited {float:left;line-height:14px;font-weight:bold;text-decoration:nonepadding: 0 8px 6px 8px}
#centeredNav ul li a:link.active,#centeredNav ul li a:visited.active,#centeredNav ul li a:hover {color:#900;background:url(/images/arrows/topnav_red.gif) no-repeat bottom center}
.hideIt {display:none}
.showIt {display:block}
.topNavOff {background: none;color:#333}

/*basic styles*/
.bold {font-weight:bold}
.center {text-align:center}
.right {text-align:right}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display:inline-block}
.clearfix {display:block}
.clear {clear:both}
.viewDemoIcon {padding-right:5px}

/*lists*/
ul.search {margin:0;position:relative;overflow:hidden}
ul.search li {list-style-type:none;float:left}
ul.horizontal {margin:0}
ul.horizontal li {list-style-type:none;float:left;border-right:1px solid #ccc}
ul.quickLinks li {list-style-image: url(/images/arrows/blue.gif);margin:0 10px 6px 25px;font-size:90%}
ul.linkList li {list-style-image: url(/images/arrows/blue.gif);margin:0 0 6px 25px;font-size:90%}
ul.signInList li {list-style-image: url(/images/arrows/blue.gif);margin:0 0 2px 25px;font-size:90%}
ul.list li {list-style-type:disc;margin-left:20px;font-size:90%;text-align:left}
ul.regList li {list-style-type:disc;margin-left:15px;padding-bottom:4px}
ul.listSpace li {list-style-type:disc;margin-left:25px;font-size:100%;padding:5px 5px 5px 0}
ol.listSpace {margin-bottom:12px}
ol.listSpace li {margin-left:25px;font-size:100%;padding:5px 5px 5px 0}
ol.num li {list-style-type:decimal;margin:9px 0 6px 31px}

/*left navigation*/
ul.nav {list-style-type:none}
ul.nav li {margin-top:15px}
ul.nav li a {font-size:105%}

div.navBox ul.pNav {margin-left:16px;}
div.navBox ul.pNav li {margin:0 0 4px 0;list-style-type:none;}
div.navBox ul.pNav li a {font-size:95%;font-weight:700;}

li.arrowOn {list-style-image: url(/images/arrows/red.gif);list-style-image:url(/images/arrows/red_ie.gif) !ie;}
.arrowOn a {color:#900;}

ul.subDir {margin:3px 0 0 8px;}
ul.subDir li img a {font-weight:normal;}

.arrowOff {list-style-image:none;}
.arrowOff a {color:#0175ac;}

ul.subnav {margin-left:10px;list-style-type:none;}
ul.subnav li {margin-top:10px;}
ul.subnav li a {font-size:90%;font-weight:normal;}

/*square boxes*/
.customize {padding:10px 0 25px 60px;background-image:url('/images/arrow_background.jpg');background-repeat:no-repeat;display:block}
.purpleBox {padding:5px;color:white;background:#4768da;font-size:110%;font-weight:bold;text-align:center}
.bgBox {background-image:url('/images/gray_gradient.gif'); background-repeat: repeat-x;padding:8px;margin-top:10px}

/*background colors*/
.bgLightBlue,.bgLightBlue div {background:#f4f7ff}
.bgGray {background:#e2e2e2}
.whiteBg {background:#fff}

/*packages*/
.subhead div.title,.subheadGreen div.title {width:40%;float:left}
.subhead div.price,.subheadGreen div.price {color:#900;width:40%;float:right;text-align:right;font-size:100%;margin:0;padding:0;margin-right:15px}

/*footer and notes*/
.legalNotes {font-size:85%;margin-top:12px}

/*table layouts*/
#compareMain th {font-weight:bold;color:#fff;background-color:#426ad9;width:190px}
#compareMain td {width:192px}
#compareMain {width:576px;margin-top:15px}
#copmareCol {width:192px}

td,th {padding:5px}

.topTenList {width:271px;border-bottom:1px solid #ccd6fa;border-right:1px solid #ccd6fa;border-left:1px solid #ccd6fa;margin-bottom:15px}
.topTenList div {background-color:#f4f7ff;padding:5px}
.topTenList div.white {background-color:#fff}
.topTenList div span {font-weight:bold;font-size:120%}

table#page_rates{width:100%}
table#page_rates td {padding:5px}

/*support page layouts*/
.contactUsSupport {width:100%;position:relative;overflow:hidden;padding:10px 0 10px 0}
.contactMethod {float:left;width:138px;position:relative;overflow:hidden}
.contactMethod div.icon {float:left;width:45px}
.contactMethod div.link {float:left;width:77px}
.moreSolutions {margin:15px 15px 0 0;text-align:right}

/*tutorial features*/
.phoneFeature {padding:5px;position:relative;overflow:hidden;width:228px}
.phoneFeatureGray {padding:5px;background-color:#f2f2f2;position:relative;overflow:hidden;width:228px}
.phoneFeatureName {float:left;width:140px}
.phoneFeatureDemo {float:left;width:85px}

.contactVert {width:159px}
.contactHoriz {margin-bottom:10px}
.contactHoriz .cell {float:left;width:131px;padding:4px 4px 0 4px;border-right:1px solid #e2e2e2;height:36px}
.contactHoriz .lastCell {float:left;width:131px;padding:4px 0 0 4px}
.contactHoriz .cell .icon,.contactHoriz .lastCell .icon {float:left;width:37px}
.contactHoriz .cell .link,.contactHoriz .lastCell .link {float:left;width:85px}

.monthlyPrice {width:100%;position:relative;overflow:hidden;border-top:1px solid #e2e2e2;padding:5px 0 5px 5px}
.monthlyPriceNb {width:100%;position:relative;overflow:hidden;padding:5px 0 5px 5px}
.monthlyPriceHead {width:100%;position:relative;overflow:hidden;padding:5px 0 5px 5px;margin:10px 0 5px 0;border-top:1px solid #d5dade;border-bottom:1px solid #d5dade;font-weight:bold;background-color:#eef2fe}

.checkboxList {position:relative;overflow:hidden;width:215px;margin-top:10px}
.greenCheck {float:left;width:35px}
.checkboxText {font-weight:bold;width:180px;float:left;padding-top:7px}
.hdChannelBox {float:left;width:88px;text-align:center;border:1px solid #e6e6e6;padding:6px}
.hdTooltip {border:1px solid black;background:#f2f2f2;padding:8px;position:absolute;z-index:100;width:420px;display:none;overflow:hidden;left:250px}

/*Business Benefits*/
.benefitsLogin {padding: 8px; width: 558px; border: 1px solid #e5e5e5; background-color:#f0f0f0; background-image:url(/images/benefitsLoginBg.gif); background-repeat:repeat-x 0 0; overflow: hidden;position:relative}
.loginRegister {float:left;margin-right:10px;padding:8px;width:250px;border:1px solid #e5e5e5;background-image:url(/images/blue_gradient_bg.gif); background-repeat:repeat-x 0 0}
.loginSignIn {float:left;width:270px}
.benAvailability {width:100%;position:relative;overflow:hidden;margin:15px 0 10px 0}
.benAvailability .intro {width:260px;padding:0 10px 5px 5px;float:left}
.benAvailability .signUp {width:279px;text-align:center;float:left;border-left:1px solid #e2e2e2}
.benAvailability .signUp .linkList li {text-align:left}
.benHomeBottom {width:100%;position:relative;overflow:hidden}
.benHomeBottom .touts {width:370px;margin-right:8px;float:left}
.benHomeBottom .signInHome {width:188px;float:left}
.partnerDeal {width:100%;overflow:hidden;position:relative}
.partnerDeal .icon {width:185px;float:left}
.partnerDeal .description {width:155px;float:left}

.bizBenefits {margin: 8px 0px 0px 75px;position:relative;width:195px;overflow:hidden}
.bizBenefits div.links {float:left;width:170px}
.bizBenefits div.links ul li {font-size:90%}
.bizBenefits div.lock {float:left;width:15px;padding-top:47px}

.obbLinks {text-align:center;margin-top:10px}
.obbLinks span {color:#999;font-weight:bold}

/*borders*/
.benBorders {border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;padding:5px 3px 0 3px;background-color:#fff;margin:-3px 0 0 0 !ie}
#rlborders {border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;padding:5px 3px 0 3px;background-color:#fff;margin:-3px 0 0 0 !ie}
#surroundBorders {border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;padding:15px 3px 0 3px;background-color:#fff;width:584px;margin:-3px 0 0 0 !ie}
.padBorders {border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;padding:15px 7px 15px 7px;background-color:#fff;width:576px;margin:-3px 0 0 0 !ie}
.redBorders {border-top:1px solid #ff1e00;border-bottom:1px solid #ff1e00;padding:5px 0 5px 0;text-align:center;font-weight:bold;text-align:center}

.boostBorders {border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;padding:3px 3px 0 3px;margin-top:-3px !ie}
.bb {border-bottom:1px solid #e2e2e2}
.br {border-right:1px solid #e2e2e2}
.bt {border-top:1px solid #e2e2e2}
.bl {border-left:1px solid #e2e2e2}
.b {border:1px solid #e2e2e2}

#availabilityHome {width:589px;padding:7px 0 7px 0;position:relative;overflow:hidden;top:-3px;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2}
#availabilityHome .intro {float:left;width:52%;padding:10px 10px 5px 5px;border-right:1px solid #e2e2e2}
#availabilityHome .availabilityForm {float:left;width:42%;margin:10px 0 0 10px}
#availability {width:576px;position:relative;overflow:hidden;margin:0 4px 0 4px;padding:7px 0 5px 0;top:-3px;border-bottom:1px solid #e2e2e2}
#availability .intro {float:left;width:270px;padding:17px 10px 0 0}
#availability .order {float:left;width:110px;text-align:center;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;padding:12px 0 12px 0}
#availability .clickToCall {float:left;width:170px;overflow:hidden;position:relative;padding:7px 0 0 10px}

#availForm { float:left;width:260px;margin:0;padding:15px 0 0 10px}

.contentBox {clear:both;border-bottom:1px solid #ccc;overflow:auto;padding:7px 0 7px 0;width:556px}
.newsBox {clear:both;overflow:auto;padding:7px 0 7px 0;width:556px}

.contentImage {float:left;width:200px;margin-right:5px;border: 1px solid #e1e1e1}
.contentBlurb {float:left;width:345px}
.contentImageNoBorder {float:left;width:200px;margin-right:5px}

.logo {float:left;width:150px;text-align:center}

.description {margin:0 7px 0 7px;float:left;width:400px}
.description a {font-size:100%}

#copyright {clear:both;padding:10px 0 10px 0;font-size:85%;font-weight:700}

.arrow {padding:0 0 1px 7px}
.arrowBack {padding:0 7px 1px 0}
.go {margin-top:8px}


.hide {visibility:hidden}
.show {visibility:visible}
.floatLeft {float:left}
.floatRight {float:right}
.relative {position:relative}
.f90 {font-size:90%}

/*error styles*/
.error {color:red;font-weight:bold}
.errorIntro {font-weight:bold;font-size:110%}
.errorBox {background-color:#e2e2e2;padding:7px;margin:7px 0 7px 0;width:400px}
.errorDot {font-size:11px;font-weight:bold;color:red}

.qaBox {background-color:#e2e2e2;padding:10px;margin:10px 0 10px 0}
.required {background-color:#e2e2e2;border-top:1px solid #333;padding:5px;margin:7px 0 7px 0;font-weight:bold;width:400px}

.noborders {border:0}
.disclaimer {font-size:85%;margin-left:150px}

.learnOrder {padding-left:82px}
.learnOrderBig {padding-left:375px}

.intro {padding:0 9px 9px 9px}
.schedule {background-color:#ff9a00;text-align:center;padding:2px 0 4px 0}

.intro h2 {color:#900}

#availForm h3 {color:#333;margin-bottom:3px}
#checkAvail h3 {color:#900}

.searchBox h3 {font-size:14px;margin:0 6px 0 6px;color:#0175ac}

/*end headers*/

/* lines */
div.line {border-top:1px solid #e2e2e2 !important;width:100%;height:1px;margin:7px 0 7px 0}
div.lineBlue {border-top:1px solid #cad7fa;width:100%;height:1px;text-align:left}
div.lineGreen {border-top:1px solid #d6e2be;width:100%;height:1px;text-align:left}
div.lineYellow {border-top:1px solid #c9d1ac;width:100%;height:1px;text-align:left}

/*news*/
#newsMain div {margin-bottom:12px;padding-bottom:12px}

hr {display:none}

/* end lines */
.channel {padding:3px;font-size:90%;background-color:#f5f8ed;border-bottom:1px solid #d6e0bb}

/*sports styles*/
.sportsImage {padding-top:7px;text-align:center}
.sportsOrder {width:100%;position:relative;overflow:hidden;margin-top:7px}
.sportsOrder div.logo {float:left;width:110px}
.sportsOrder div.text {float:left;width:155px;font-size:120%;margin-top:12px}
.sportSched {position:relative;overflow:hidden;width:100%}
.sportSched div {font-weight:bold;padding:5px;border-top:1px solid #000;border-bottom:1px solid #000;border-left:1px solid #000;width:65px;float:left;text-align:center;color:#000;text-decoration:none}
.sportSchedOn {font-weight:bold;padding:5px;border-top:1px solid #000;border-bottom:1px solid #000;border-left:1px solid #000;background-color:#e2e2e2;color:#fff;width:75px;float:left;text-align:center}
#mlbDays,#mlsDays,#nhlDays,#nbaDays,#espn_fcDays {margin:10px 0 10px 0}

/*style for main iO box text-images*/
.featurePhoto {float:left;width:80px;margin-left:5px}
.featureText {float:left;width:189px;min-height:84px;font-size:90%;height:84px !ie}

/*site index*/
#siteIndex a.main {font-size:120%;margin-top:10px;display:block}
#siteIndex ul.primary li {margin-left:15px;margin-top:5px;list-style-type:none;font-size:100%}
#siteIndex ul.secondary li {margin-left:15px;list-style-type:disc;font-size:11px}
#siteIndex ul.tertiary li {margin-left:15px;list-style-type:circle}
#siteIndex ul.quaternary li {margin-left:15px;list-style-type:square}

/*order styles*/
.chat {background-color:#fcf6ea;border:1px solid #d7d9a7;padding:7px;margin:12px auto 10px auto;width:450px}
.chat .icon {float:left;width:40px}
.chat .link {float:left;font-size:100%;text-align:left;margin-top:9px}
.chat .linkTwoLines {float:left;font-size:100%;text-align:left;width:410px;margin-top:2px}

ul.footer li {width:140px}
ul.footer li a {font-size:95%}

ul.footer li,
ul.horizontal li {display:inline;float:left;list-style-type:none}
ul.footer li {width:148px}

#horizontal_img a {margin-left:20px}

/*OV Features*/
.viewDemo {width:100px;float:right}

.rates {float:left;width:110px;margin-top:5px}
.intRate {float:right;width:210px;margin-top:0 !ie}
.intServices {margin-top:0 !ie}

.dpOrder {width:100%;position:relative;overflow:hidden;padding-top:15px}
.dpOrder .button {float:left;width:90px;padding-top:10px}
.dpOrder .clickToCall {float:left;width:165px;padding-left:10px;position:relative;overflow:hidden;border-left:1px solid #e2e2e2}
.dpOrder .clickToCall div.icon {float:left;width:66px}
.dpOrder .clickToCall div.link {float:left;width:89px}

a {font-size:100%;color:#0175ac;font-weight:700;text-decoration:none;outline:none}

a.green {color:#6d961c}

a.blue {color:#0175ac;padding:0;margin:0}

a.whats_this {font-size:90%;color:#0175ac}

a:hover {text-decoration:underline}

/* alternate box */
.box2 {background: transparent}
.corners {display:block; background:transparent; font-size:1px}
.corners b {display:block;overflow:hidden}
.c1, .c2, .c3 {height:1px}
.c2 {margin:0 3px; border-width:0 2px}
.c3 {margin:0 2px}
.c4 {height:2px; margin:0 1px}

/*old box for gray shadow boxes */

.box .ftGrayShadow .cFeature,.box .hdGrayShadow .c,.box .ftGrayShadow .c,.box .hdGray .c,.box .ftGray .c {font-size:1px;height:5px}

.box .hdGray {background:transparent url(/images/corners/ltgray.gif) no-repeat 0 0}
.box .hdGray .c {background:transparent url(/images/corners/rtgray.gif) no-repeat right 0}
.box .bdGray {background:transparent url(/images/corners/lmgray.gif) repeat-y 0 0}
.box .bdGray .c {background:transparent url(/images/corners/rmgray.gif) repeat-y right 0;padding:4px 7px 4px 7px}
.box .ftGray {background:transparent url(/images/corners/lbgray.gif) no-repeat 0 0}
.box .ftGray .c {background:transparent url(/images/corners/rbgray.gif) no-repeat right 0}

.box .hdGrayShadow {background:transparent url(/images/corners/ltgrayshadow.gif) no-repeat 0 0}
.box .hdGrayShadow .c {background:transparent url(/images/corners/rtgrayshadow.gif) no-repeat right 0}
.box .bdGrayShadow {background:transparent url(/images/corners/lmgrayshadow.gif) repeat-y 0 0}
.box .bdGrayShadow .c {background:transparent url(/images/corners/rmgrayshadow.gif) repeat-y right 0;padding:4px 10px 4px 10px}
.box .ftGrayShadow {background:transparent url(/images/corners/lbgrayshadow.gif) no-repeat 0 0}
.box .ftGrayShadow .c {background:transparent url(/images/corners/rbgrayshadow.gif) no-repeat right 0}

.box .bdGrayShadow .cFeature {background:transparent url(/images/corners/rmgrayshadow.gif) repeat-y right 0;padding:4px 10px 4px 10px;width:252px}
.box .ftGrayShadow .cFeature {background:transparent url(/images/corners/rbgrayshadow.gif) no-repeat right 0;width:272px}

.box {margin-top:15px}
.box .bdGrayShadow .c a {font-size:90%;color:#6d961c}
.box .bdGrayShadow .cFeature a {color:#0175ac}
.box .bdGrayShadow .c a.blue,.box2 .content a.blue {font-size:100%;color:#0175ac}
.box .bdGrayShadow .c h2 {color:#333}
.box .bdGrayShadow .c h2.red {color:#900}

#mainScroll .box2 {float:left;width:192px;margin-right:8px}

.box2 div.content {display:block;border-width:0 1px;padding:4px 7px 4px 7px;margin:0}
.box2 div.contentHome {display:block;border-width:0 1px;padding:4px 5px 4px 5px;margin:0}
.box2 div.contentWithBorder {display:block;border-width:0 1px;padding:4px 7px 4px 7px;margin:0;border-top:1px solid #e5e5e5}
.box2 div.contentWithBorder p {margin-left:90px}
.box2 div.content p,.box2 div.contentHome p {font-size:90%;margin-bottom:5px}
.box2 div.content p.full {font-size:100%}
.box2 div.content a, .box2 div.contentHome a {color:#6d961c;font-size:90%}
.box2 div.content a.blue {color:#0175ac;font-size:100%}
.box2 div.content div.image,.box2 div.contentHome div.image {margin-bottom:5px;text-align:center}
.box2 div.search {padding-bottom:3px !ie}

.gr div {background:#eef5e3;border:0 solid #bfcc97}
.gr .c2, .gr .c3, .gr .c4 {background:#eef5e3;border-left:1px solid #bfcc97;border-right:1px solid #bfcc97}
.gr .c1 {margin:0 5px;background:#bfcc97}

.blu div {background:#f2f5fc;border:0 solid #ced2f5}
.blu .c2, .blu .c3, .blu .c4 {background:#f2f5fc;border-left:1px solid #ced2f5;border-right:1px solid #ced2f5}
.blu .c1 {margin:0 5px;background:#ced2f5}

.bluGray {width:584px}
.bluGray div {background:#f2f5fc;border:0 solid #e5e5e5}
.bluGray .c2, .bluGray .c3, .bluGray .c4 {background:#f2f5fc;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5}
.bluGray .c1 {margin:0 5px;background:#e5e5e5}

.gray div {background:#f5f5f5;border:0 solid #e5e5e5}
.gray .c2, .gray .c3, .gray .c4 {background:#f5f5f5;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5}
.gray .c1 {margin:0 5px;background:#e5e5e5}

.wh div {background:#fff;border:0 solid #e5e5e5}
.wh .c2, .wh .c3, .wh .c4 {background:#fff;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5}
.wh .c1 {margin:0 5px;background:#e5e5e5}
.whiteBoxes .wh {float:left;width:193px;margin-right:6px}

.ltbl div {background-image:none !important;background-color:#f2f5fc !important;border:0 solid #f2f5fc !important}
.ltbl .c2, .ltbl .c3, .ltbl .c4 {background-image:none !important;background:#f2f5fc !important;border-left:1px solid #f2f5fc !important;border-right:1px solid #f2f5fc !important}
.ltbl .c1 {margin:0 5px;background:#f2f5fc !important;background-image:none !important}

.mdbl div {background:#a1d4ff url(/images/top_slice.gif) repeat-y;border:0 solid #a1d4ff}
.mdbl .c2, .mdbl .c3, .mdbl .c4 {background:#a1d4ff url(/images/top_slice.gif) repeat-y;border-left:1px solid #a1d4ff;border-right:1px solid #a1d4ff}
.mdbl .c1 {margin:0 5px;background:#a1d4ff url(/images/top_slice.gif) repeat-y}

.ye div {background:#fbf7ee;border:0 solid #dcdcb2}
.ye .c2, .ye .c3, .ye .c4 {background:#fbf7ee;border-left:1px solid #dcdcb2;border-right:1px solid #dcdcb2}
.ye .c1 {margin:0 5px;background:#dcdcb2}

/*forms*/
fieldset {border:0;width:400px}
label {font-size:100%;font-weight:700;float:left;width:200px;position:relative;margin-top:2px}
fieldset.whatsThis {width:325px}
fieldset.whatsThis label {width:75px;margin-top:2px}
fieldset.form285 {width:285px}
fieldset.form285 label {width:123px;margin-top:2px}
fieldset.form239 {width:239px}
fieldset.form239 label {width:75px;margin-top:2px}
fieldset.login {width:259px}
fieldset.login label {width:75px;margin-top:2px}
fieldset.login div.rememberMe {margin:0 0 12px 75px;font-size:90%}
fieldset.login a.whatsThis {font-size:90%}
fieldset.loginSmall {width:188px}
fieldset.loginSmall label {width:75px;margin-top:2px}
label.gray {background-color:#e2e2e2}

fieldset div.formField,fieldset div.formFieldRadio,fieldset div.optimumIdRadio {position:relative;width:100%;overflow:hidden}
.optimumIdRadio {margin:10px 0 5px 0}
.formField {margin-bottom:3px}
.formFieldRadio div.radio,.optimumIdRadio div.radio {float:left;width:20px}
.formFieldRadio div.text,.optimumIdRadio div.text  {float:left;width:300px;margin-top:2px}

.submitButton {text-align:right;margin:15px 0 15px 0}
.submitButtonAlt {text-align:right;margin:15px 163px 15px 0}
fieldset.whatsThis .submitButton {text-align:right;margin:15px 88px 15px 0}

.infoField {width:152px;height:16px;}
.infoFieldShort {width:100px;height:16px;}
.signIn {margin:3px 0 3px 75px;}

.confirmField {padding:5px;border:0;clear:both;position:relative;width:400px;}
.confirmFieldGray {padding:5px;border:0;clear:both;background-color:#e2e2e2;position:relative;width:400px;}

.acctNo1 {width:40px;}
.acctNo2 {width:46px;}
.acctNo3 {width:22px;}

.phoneAc {width:30px;}
.phoneNum {width:40px;}

.redDot {color:#f00;font-weight:700;font-size:130%;}

.or {text-align:center;margin:10px 0 10px 0;font-weight:700;}

select,input {margin-right:3px;}
textarea {width:400px;height:150px}

.checkbox {margin:3px 0 0 0;}
.state {width:50px;}
.zip {width:80px;}
.searchField {width:143px;height:15px;margin:8px 3px 0 3px;}

.csSearch {width:200px;}

.continue {width:400px;text-align:right;margin:15px 0 15px 0;}
.cancelSubmit {width:320px;text-align:right;margin:15px 0 15px 0}
.continueAlt {width:302px;text-align:right;margin:15px 0 15px 0}

.fieldNote {font-size:90%;margin:-2px 0 3px 205px;}

.last {margin-right:0}