/*::::::: Pseudo-class and Type selectors */ body{margin:0px;padding:0px;background-color:#bfd9e0} body,span,div,form,p,td,th,input,textarea,select,option,optgroup,td.input,td.optgroup,td.option{font-family:verdana,helvetica,arial,sans-serif; font-size: 11px; line-height: 13px; font-weight:normal;} em,sup {font-family:verdana,helvetica,arial,sans-serif; line-height:0px;} ol,ul { font-family: verdana,helvetica,arial,sans-serif; margin-left: 5px; padding-left: 5px; } li { font-family: verdana,helvetica,arial,sans-serif; margin-left:10px; padding-left:5px; } p { margin: 2px 0px 18px 0px; padding: 0px; } h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; font-family: verdana,helvetica,arial,sans-serif; font-size: 11px; line-height: 13px; } a,a:link{color:#0097ac;text-decoration:none;} a:visited{color:#8bbbca;text-decoration:none;} a:active,a:hover{color:#0097ac;text-decoration:underline;} /*::::::: Page containers */ #shell-L1{text-align:center;background-color:#bfd9e0} #shell-L2{width:770px;margin-left:auto;margin-right:auto;text-align:left;background-color:#bfd9e0} /*::::::: Global header */ #global-header{width:769px;height:48px;background:#ffffff url(/common_errors/resources/right_cnr_b.gif) no-repeat bottom right;} #global-header div{float:left;} #global-menu{float:left;} html>body a.global-menu,html>body a.global-menu:link,html>body a.global-menu:active,html>body a.global-menu:visited{height:48px;} a.global-menu:hover{} #global-menu-active{} #logo{padding:3px;padding-top:2px;background:url(/common_errors/resources/left_cnr_b.gif) no-repeat bottom left;} #logo a,#logo a:link,#logo a:active,#logo a:visited{text-decoration:none;font-size:14px;color:#000;} #global-search,#global-qLinks{padding:0px 10px;padding-top:4px;height:48px;background:url(/common_errors/resources/divider_bar_2px.gif) repeat-y top left;voice-family: "\"}\"";voice-family:inherit;height:42px;} html>body #global-search,html>body #global-qLinks{height:42px;} #global-search .go,#global-qLinks .go{width:24px;position:relative;top:3px;padding-top:9px;} #global-search input{width:100px;font-size:10px;} #global-qLinks,#global-search{padding-top:6px;font-size:11px;} #global-qLinks select{font-size:9px;width:157px;} /*::::::: Section Header */ #section-header{height:52px;width:770px;margin-top:10px;background:#fff url(/common_errors/resources/left_cnr_top_w.gif) no-repeat top left;} #section-header-inner{float:left;width:770px;background:url(/common_errors/resources/right_cnr_top_w.gif) no-repeat top right;} #section-title{padding:10px 2px 0px 10px;font-size:16px;color:#006685;width:157px;font-weight:bold;float:left;voice-family: "\"}\"";voice-family:inherit;width:145px;} html>body #section-title{width:145px;} #section-title span{color:#0097ac;} /*::::::: Primary Navigation */ /* note: this version of the primary menus is not to be used it is the pre-text version */ #m{float:right;margin-top:28px;width:613px;} #mC a{color:#006685;padding:3px 5px;float:right;font-weight:bold;text-decoration:none;font-size:11px;background:url(/common_errors/resources/m2_leftBorder.gif) no-repeat right;} #mC a:hover,#mC a:active{border-bottom:5px solid #ffd100;} #mC a.act,#mc a.act:hover{background-color:#fff !important;border-bottom:5px solid #ffd100;color:#006685;} #mC a.last{background:none;} /* note: this replaces the text version as the images become available */ #prime-menu{float:right;margin-top:19px;width:613px;vertical-align:bottom;} #prime-menu-inner a{padding:3px 5px;float:right;font-size:11px;background:url(/common_errors/resources/m2_leftBorder.gif) no-repeat right;border-bottom:5px solid #fff;} #prime-menu-inner a:hover,#prime-menu-inner a:active{border-bottom:5px solid #ffd100;} #prime-menu-inner a.act,#prime-menu-inner a.act:hover{border-bottom:5px solid #FFD100;} #prime-menu-inner a.last{background:none;} #prime-menu-inner a:hover{cursor:hand} /* IE5.1 bug fix */ /*::::::: Content Container */ #float-tank-top{background:#fff url(/common_errors/resources/left_cnr_top_w.gif) no-repeat top left;margin-top:10px;text-align:right;} #float-tank-top-inner{background:url(/common_errors/resources/right_cnr_top_w.gif) no-repeat top right;font-size:8px;} #float-tank{float:left;width:770px;background:#fff url(/common_errors/resources/left_cnr_bot_w.gif) no-repeat bottom left;} #float-tank-inner{float:left;width:770px;padding-bottom:10px;background:url(/common_errors/resources/right_cnr_bot_w.gif) no-repeat bottom right;} #content{width:624px;float:left;} #content span{padding:10px;font-size:11px;color:#000;} #content-header{padding:12px 15px 10px 10px;font-size:18px;font-weight:bold;color:#006786;line-height:20px;} #content-cont{float:left;margin:0px;padding:0px;width:622px;} #content-cont a,#content-cont a:link,#content-cont a:active{color:#0097ac;text-decoration:underline;} #content-cont a:visited{color:#8bbbca;text-decoration:underline;} #content-cont a:hover{color:#006685;text-decoration:underline;} #content-main, #content-main-full, #content-generic, #content-generic-full{color: #000000;float:left;width:470px;padding:0px 10px 0px 10px;line-height:13px;font-size:11px !important;voice-family: "\"}\"";voice-family:inherit;width:450px;} html>body #content-main{width:450px;} #content-promo{float:left;width:148px;padding-top:3px;padding-right:10px;voice-family: "\"}\"";voice-family:inherit;width:138px;} html>body #content-promo{width:138px;} #content-main-full{width:602px;} #content-generic{width:598px;} #content-generic-full{width:750px;} #content,.full-border{border-top:5px solid #ffd100;} #content-main table, #content-main-full table, #content-generic table, #content-generic-full table{font-size:11px} #content-full{float:left; width:770px;} #content-full span{padding:10px;font-size:11px;color:#000;} #content-full div#content-cont{width:770px;} #content-tandc {PADDING-RIGHT: 10px; PADDING-LEFT: 10px; COLOR: #000000; FONT-SIZE: 9px! important; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 602px; PADDING-TOP: 0px; voice-family: inherit} .content-highlight{display:block;background-color:#fff3bf;border:1px solid #FFD100;padding:5px;margin-top:10px;margin-bottom:10px;} div.rhs-promo-head,div.highlight-border-head{color:#006786; font-weight:bold;font-size:11px;padding:5px 5px 5px 5px;background:url(/common_errors/resources/promo_header_top.gif) no-repeat top;background-color:#c8e6ea;margin-top:10px;} div.rhs-promo-top{background:url(/common_errors/resources/promo_top.gif) no-repeat top;height:3px;margin-top:10px;} div.rhs-promo-border,div.highlight-border{border-left:1px solid #c8e6ea;border-right:1px solid #c8e6ea;font-size:11px;padding:10px;background-color:#F1F6F9;line-height:13px;width:116px;} div.rhs-promo-border div,div.highlight-border div{padding-left:8px;color:#000;} div.rhs-promo-border strong,div.highlight-border strong{color:#006685;font-size:11px;} div.rhs-promo-border ul,div.highlight-border ul{list-style-image:url(/common_errors/resources/blue_bullet_small.gif);} div.rhs-promo-bottom{background:url(/common_errors/resources/promo_bot.gif) no-repeat bottom;height:3px} div.highlight-border-head{background-image:none;} div.highlight-border{border:1px solid #c8e6ea;margin-bottom:10px;} .sec-break{clear:both;padding:1px 3px 1px 3px;background:url(/common_errors/resources/aqua_dash_ln.gif) repeat-x left;} /*::::::: Form Style for Email a Friend*/ #formStyle{display:block;font-size:11px;height:350px;width:728px;background-color:#dce6ec;border:#046684 solid 1px;padding:10px;margin-top:10px;} .table-title{margin:20px 0px 10px 0px;font-weight:bold;} .table-plan{font-size:11px;} .table-plan td{border-right:1px solid #fff;} .table-plan td a{text-decoration:underline;} .table-plan td input{height:11px;} .table-head-1,.table-head-2{color:#fff;font-weight:bold;} .table-head-1{background-color:#006685} .table-head-2{background-color:#7FB2C2} .table-head-1 a, .table-head-1 a:link, .table-head-1 a:visited, .table-head-1 a:active, .table-head-1 a:hover {color:#fff !important; font-weight:bold !important;} .table-head-2 a, .table-head-2 a:link, .table-head-2 a:visited, .table-head-2 a:active, .table-head-2 a:hover {color:#fff !important; font-weight:bold !important;} .table-row-1{background-color:#fff;} .table-row-1 td{color:#666} .table-row-2{background-color:#F0F6F8;} .table-row-2 td{color:#666} .clear{clear:both;} /*::::::: Two Columned Table */ .table-col2-plan{font-size:11px;} .table-col2-plan td{border-right:1px solid #fff;} .table-col2-plan td a{text-decoration:underline;} .table-col2-plan td u{color:#DEEAEF;} .table-col2-plan td input{height:11px;} .table-leftcol-1{background-color:#FFFFFF} .table-rightcol-1{background-color:#FFFFFF} .table-leftcol-2{background-color:#DEEAEF} .table-rightcol-2{background-color:#F0F6F8} .table-leftcol-1,.table-leftcol-2 {color:#000000;font-weight:bold} .table-rightcol-1,.table-rightcol-2 {color:#000000} /* commented out for replace with the styles from Optus .col-col-a a,.col-col-b a,.col-cont a{display:block;padding:2px 0px 2px 13px;background:url(/common_errors/resources/blue_bullet_small.gif) no-repeat 5px 6px;white-space:wrap;}*/ /* from Optus */ .col-col-a a,.col-col-b a,.col-cont a{display:block;padding:2px 0px 2px 13px;background:url(/common_errors/resources/blue_bullet_small.gif) no-repeat 5px 6px;white-space:wrap;} /* new behavior for visited links, as follows: */ .col-col-a a:visited,.col-col-b a:visited,.col-cont a:visited{text-decoration:none;} /* from Optus */ table.faq{border:#c8e6ea 1px solid;width:100%;} td.top-faq{color:#000000;font-weight:bold;width:10px;vertical-align:top;} td.faq1{color:#000000;font-weight:bold;width:10px;vertical-align:top;} td.faq2{vertical-align:top;} td.faq3, td.faq4{width:90px !important;vertical-align:top;text-align:right;white-space:nowrap;} td.faq1, td.faq2, td.faq4{border-top:#c8e6ea 1px solid;} tr.faq{background-color:#fff3bf;} /*::::::: breadcrumbs */ #bread-crumb{padding:3px 2px 2px 10px;font-size:10px;background-color:#fff3bf;color:#006685;voice-family: "\"}\"";voice-family:inherit;line-height:15px;} html>body #bread-crumb{line-height:15px;} #bread-crumb a,#bread-crumb a:link,#bread-crumb a:active,#bread-crumb a:visited{color:#0097ac;text-decoration:underline;} #bread-crumb a:hover{color:#006685 !important; } /*::::::: control panel */ div#control{clear:both;height:20px; padding: 10px 0px 0px 156px; vertical-align:middle !important;text-align:left;} a#control-print{padding-left:28px !important;float:left;background:url(/common_errors/resources/control_print_btn.gif) 8px 1px no-repeat;margin-right:10px;background-color:#FFF3BF !important} a#control-email{padding-left: 28px !important;float:left;background:url(/common_errors/resources/control_email_btn.gif) 7px 1px no-repeat;margin-right:10px;background-color:#FFF3BF !important} a#control-bookmark{padding-left:28px !important;background:url(/common_errors/resources/control_bookmark_btn.gif) 7px 2px no-repeat;background-color:#FFF3BF !important} div#control a,div#control a:link,div#control a:active{float:left;width:144px;padding:4px 0px;font-size:9px !important;color:#0097AC;text-decoration:none;background-color:#FFF3BF;voice-family: "\"}\"";voice-family:inherit;width:115px;} html>body div#control a,html>body div#control a:link,html>body div#control a:active{width:115px;} div#control a:visited{color:#0097AC} div#control a:hover{text-decoration:underline;color:#0097AC} div#control div{width:153px;float:left;} /*::::::: left hand navigation */ #ln{float:left;width:146px;;voice-family: "\"}\"";voice-family:inherit;width:146px;} html>body #ln{width:146px;} #ln a{display:block;color:#0097ac;text-decoration:none;font-size:11px;padding:3px 3px 3px 10px;} #ln a:hover{background-color:#ffD100 !important;} #secTitle{background-color:#ffd100;color:#000;margin-bottom:1px;padding:6px 6px 6px 10px;font-weight:bold;font-size:11px;} #sprtr{height:1px;background-color:#E9F2F6;background-image:url(/common_errors/resources/ln_dotted.gif);} .selected{font-weight:bold !important;background:url(/common_errors/resources/bullets_aggregated_s2.gif) -149px 8px no-repeat;background-color:#ffffff !important;color:#006685 !important;} .Cbase, .Obase, .Obase2{background:url(/common_errors/resources/bullets_aggregated_s2.gif) -484px 8px no-repeat;background-color:#E9F2F6 !important;font-weight:bold !important;} .Obase{background-color:#F4F8FA !important;} .Obase2{background-color:#ffffff !important;} .child{background-color:#F4F8FA !important;} .parent1,.parent2{font-weight:bold !important;background-color:#ffffff;} .parent2{background-color:#F4F8FA !important;} /*::::::: drop down menu */ #dropdown-outer{position:relative;} #dropdown-business{position:absolute;margin-left:8px;width:319px;overflow:visible;top:32px;z-index:1000;border:1px solid #d9e7ec;} .dropdown-inner{background-color:#fff9dd;width:320px;height:19px;border:1px solid #FFF9DD;} .dropdown-inner a:link,.dropdown-inner a:visited,.dropdown-inner a{font-size:11px;color:#006685;text-decoration:none;height:20px; padding:4px 2px 4px 15px;background:url(/common_errors/resources/bullets_aggregated_s2.gif) -488px 9px no-repeat;} .dropdown-inner a:active{background-color:#015675 !important;} .dropdown-inner a:hover {background-color:#FFD100 !important;} .ac{visibility:visible;} .ina{visibility:hidden;} /*::::::: footer */ #footer{width:750px;text-align:center;color:#006685;} #footer,#footer a,#sp{font-size:10px;padding:10px;color:#006685 !important;} #footer a {height:16px; padding: 0px 10px; vertical-align:middle !important;} #footer a:visited{color:#7FB2C2 !important;text-decoration:none !important;} /*::::::: all material below this point formerly part of optuswt.css */ .login { font-family: verdana,helvetica,arial,sans-serif; font-size: 11px; } /*::::::: global nav bar - a div to contain Search and Quicklinks forms, tables */ .globalnav-forms { height: 48px; background: url(/common_errors/resources/divider_bar_2px.gif) repeat-y left top; margin: 0px; padding: 0px 6px 0px 6px; } .globalnav-forms table { margin: 0px; padding: 6px 0px 0px 0px; } .globalnav-forms form { margin: 0px; padding: 0px; } .globalnav-forms #QueryText { width: 100px; font-family: verdana,helvetica,arial,sans-serif; font-size: 9px; margin: 0px; padding: 0px; } .globalnav-forms #qlinks-select { width: 162px; font-family: verdana,helvetica,arial,sans-serif; font-size: 9px; margin: 0px; padding: 0px; } .globalnav-forms .go { margin: 0px; padding: 0px 0px 0px 5px; } p.white-font { color:#ffffff; } p.img-caption { font-size: 10px; line-height: 12px; color: #666666; margin: 0px; padding: 0px; } p.disclaimer-font { font-size: 9px; line-height: 11px; color: #006685; } p.form-note { font-size: 9px; line-height: 11px; color: #006685; margin: 2px 0px 4px 0px; padding: 0px; } p.content-stepitem { font-size: 12px; line-height: 14px; color: #006685; font-weight: bold; border-bottom: 3px solid #8DC2D0; margin: 24px 0px 4px 0px; padding: 0px 0px 2px 0px; } p.content-stepitem { font-size: 12px; line-height: 14px; color: #006685; font-weight: bold; margin: 24px 0px 4px 0px; padding: 0px 0px 2px 0px; } h2.content-subheader { font-family: verdana,helvetica,arial,sans-serif; font-size: 14px; line-height: 18px; color: #006685; font-weight: bold; margin: 24px 0px 4px 0px; padding:0px;} h2.content-subheader a, h2.content-subheader a:link, h2.content-subheader a:visited, h2.content-subheader a:active, h2.content-subheader a:hover, #sitemap td h2.content-subheader a, #sitemap td h2.content-subheader a:link, #sitemap td h2.content-subheader a:visited, #sitemap td h2.content-subheader a:active, #sitemap td h2.content-subheader a:hover { display:block; color: #006685 !important; text-decoration:none !important; background: url(/common_errors/resources/large_blue_bullet.gif) no-repeat 0px 8px; margin:0px; padding:2px 0px 2px 10px;} h2.content-subheader a:active, h2.content-subheader a:hover, #sitemap td h2.content-subheader a:active, #sitemap td h2.content-subheader a:hover { text-decoration:underline !important; } h2.content-subheader2 { font-family: verdana,helvetica,arial,sans-serif; font-size: 12px; line-height: 14px; color: #006685; font-weight: bold; margin: 24px 0px 4px 0px; padding:0px; } h2.content-subheader2 a, h2.content-subheader2 a:link, h2.content-subheader2 a:visited, h2.content-subheader2 a:active, h2.content-subheader2 a:hover, #sitemap td h2.content-subheader2 a #sitemap td h2.content-subheader2 a:link, #sitemap td h2.content-subheader2 a:visited, #sitemap td h2.content-subheader2 a:active, #sitemap td h2.content-subheader2 a:hover { display:block; color: #006685 !important; text-decoration:none !important; background: url(/common_errors/resources/large_blue_bullet.gif) no-repeat 0px 7px; margin:0px; padding:2px 0px 2px 10px;} h2.content-subheader2 a:active, h2.content-subheader2 a:hover, #sitemap td h2.content-subheader2 a:active, #sitemap td h2.content-subheader2 a:hover { text-decoration:underline !important; } #sitemap td a { text-decoration:none !important; background: url(/common_errors/resources/blue_bullet_small.gif) 0px 7px no-repeat; margin:0px; padding:2px 0px 2px 10px;} #sitemap td a:active, #sitemap td a:hover { text-decoration:underline !important; } h2.start-header { font-size: 12px; line-height: 14px; font-weight: bold; color: #006685; border-bottom: 3px solid #FFD100; margin: 24px 0px 4px 0px; padding: 0px 0px 2px 0px; } span.validation-font { margin: 0px !important; padding: 0px !important; color: #FF0000 !important; } #homepage-flash { margin: 6px 0px 0px 0px; padding: 0px; } ul.ticks, ol.ticks { margin: 7px 0px 0px 22px; padding: 0px; list-style: disc outside url(/common_errors/resources/img_TickGeneric.gif) } ul.ticks li, ol.ticks li { margin: 0px; padding: 0px 0px 10px 0px; line-height: 13px; } sup { font-size: 9px; } h3.content-section-header { font-size: 11px; line-height: 13px; font-weight: bold; color: #006685; border-bottom: 1px dashed #006685; margin: 12px 0px 4px 0px; padding: 0px 0px 4px 0px; } h3.content-section-header a, h3.content-section-header a:link { font-size: 11px !important; line-height: 13px !important ; font-weight: bold !important; color: #006685 !important; background: none !important; text-decoration: underline !important; } h3.content-section-header a:active, h3.content-section-header a:hover { font-size: 11px !important; line-height: 13px !important ; font-weight: bold !important; color: #0097ac !important; background: none !important; text-decoration: underline !important; } h3.content-section-header a:visited { font-size: 11px !important; line-height: 13px !important ; font-weight: bold !important; color: #8bbbca !important; background: none !important; text-decoration: underline !important; } /*::::::: text header for homepage regions */ div.home-sec-header { font-size: 14px; line-height: 16px; color: #006685; font-weight: bold; border-bottom: #FFD100 solid 5px; background: url(/common_errors/resources/left_cnr_top_w.gif) no-repeat top left; padding: 10px 10px 7px 10px; } div.home-sec-header a, div.home-sec-header a:link, div.home-sec-header a:visited, div.home-sec-header a:active, div.home-sec-header a:hover { font-family: verdana,helvetica,arial,sans-serif !important; font-size: 14px !important; line-height: 16px !important; color: #006685 !important; font-weight: bold !important; background: #ffffff !important; padding: 0px !important; } div.highlight-yellow-600 { margin: 0px 0px 10px 0px; padding: 0px; width: 600px; text-align: left; } div.highlight-yellow-600 div.top { background: url(/common_errors/resources/HighlightYellow_600x5-Top.gif) no-repeat top; height: 5px; background-color: #FFF3BF; margin: 0px; padding: 0px; } div.highlight-yellow-600 div.content { background-color: #FFF3BF; margin: 0px; padding: 0px 10px 10px 10px; font-family: verdana,helvetica,arial,sans-serif; font-size: 11px; line-height: 13px; } div.highlight-yellow-600 div.content h4 { color: #006685; font-size: 12px; line-height: 14px; } div.highlight-yellow-600 div.bottom { background: url(/common_errors/resources/HighlightYellow_600x5-Btm.gif) no-repeat bottom; height: 5px; background-color: #FFF3BF; margin: 0px; padding: 0px; } div.highlight-yellow-448 { margin: 0px 0px 10px 0px; padding: 0px; width: 448px; text-align: left; } div.highlight-yellow-448 div.top { background: url(/common_errors/resources/YellowHighlight448_Top.gif) no-repeat top; height: 5px; background-color: #FFF3BF; margin: 0px; padding: 0px; } div.highlight-yellow-448 div.content { background-color: #FFF3BF; margin: 0px; padding: 0px 10px 10px 10px; font-family: verdana,helvetica,arial,sans-serif; font-size: 11px; line-height: 13px; } div.highlight-yellow-448 div.content h4 { color: #006685; font-size: 12px; line-height: 14px; } div.highlight-yellow-448 div.bottom { background: url(/common_errors/resources/YellowHighlight448_Bottom.gif) no-repeat bottom; height: 5px; background-color: #FFF3BF; margin: 0px; padding: 0px; } div.highlight-yellow-start-294 { margin: 0px 0px 10px 0px; padding: 0px; width: 294px; text-align: left; } div.highlight-yellow-start-294 div.top { background: url(/common_errors/resources/StartYellowHighlight294_Top.gif) no-repeat top; height: 5px; background-color: #FFF9DE; margin: 0px; padding: 0px; } div.highlight-yellow-start-294 div.content { background-color: #FFF9DE; border-left: 1px solid #FFD100; border-right: 1px solid #FFD100; margin: 0px; padding: 0px 10px 10px 10px; font-family: verdana,helvetica,arial,sans-serif; font-size: 11px; line-height: 13px; } div.highlight-yellow-start-294 div.content h4 { color: #006685; font-size: 12px; line-height: 14px; } div.highlight-yellow-start-294 div.bottom { background: url(/common_errors/resources/StartYellowHighlight294_Bot.gif) no-repeat bottom; height: 5px; background-color: #FFF9DE; margin: 0px; padding: 0px; } div.highlight-yellow-295 { margin: 0px 0px 10px 0px; padding: 0px; width: 295px; text-align: left; } div.highlight-yellow-295 div.top { background: url(/common_errors/resources/YellowHighlight295_Top.gif) no-repeat top; height: 5px; background-color: #FFF3BF; margin: 0px; padding: 0px; } div.highlight-yellow-295 div.content { background-color: #FFF3BF; margin: 0px; padding: 0px 10px 10px 10px; font-family: verdana,helvetica,arial,sans-serif; font-size: 11px; line-height: 13px; } div.highlight-yellow-295 div.content h4 { color: #006685; font-size: 12px; line-height: 14px; } div.highlight-yellow-295 div.bottom { background: url(/common_errors/resources/YellowHighlight295_Bottom.gif) no-repeat bottom; height: 5px; background-color: #FFF3BF; margin: 0px; padding: 0px; } div.highlight-yellow-142 { margin: 0px 0px 10px 0px; padding: 0px; width: 142px; text-align: left; } div.highlight-yellow-142 div.top { background: url(/common_errors/resources/YellowHighlight142_Top.gif) no-repeat top; height: 5px; background-color: #FFF3BF; margin: 0px; padding: 0px; } div.highlight-yellow-142 div.content { background-color: #FFF3BF; margin: 0px; padding: 0px 10px 10px 10px; font-family: verdana,helvetica,arial,sans-serif; font-size: 11px; line-height: 13px; } div.highlight-yellow-142 div.content h4 { color: #006685; font-size: 12px; line-height: 14px; } div.highlight-yellow-142 div.bottom { background: url(/common_errors/resources/YellowHighlight142_Bottom.gif) no-repeat bottom; height: 5px; background-color: #FFF3BF; margin: 0px; padding: 0px; } div.highlight-gradient-142 { margin: 0px 0px 10px 0px; padding: 0px; width: 142px; text-align: left; } div.highlight-gradient-142 div.top { background: url(/common_errors/resources/YellowGradient-Top.gif) no-repeat top; height: 4px; background-color: #FFF9DE; margin: 0px; padding: 0px; } div.highlight-gradient-142 div.content { background: url(/common_errors/resources/YellowGradient-Middle.gif) no-repeat top; background-color: #FFF9DE; border-left: 1px solid #ffd100; border-right: 1px solid #ffd100; margin: 0px; padding: 0px 5px 5px 5px; font-family: verdana,helvetica,arial,sans-serif; font-size: 11px; line-height: 13px; } div.highlight-gradient-142 div.content h4 { color: #006685; font-size: 12px; line-height: 14px; } div.highlight-gradient-142 div.bottom { background: url(/common_errors/resources/YellowGradient-Bottom.gif) no-repeat bottom; height: 4px; background-color: #FFF9DE; margin: 0px; padding: 0px; } div.highlight-blue-448 { margin: 0px 0px 10px 0px; padding: 0px; width: 448px; text-align: left; } div.highlight-blue-448 div.top { background: url(/common_errors/resources/HighlightBlue_448x5-Top.gif) no-repeat top; height: 5px; background-color: #ecf4f7; margin: 0px; padding: 0px; } div.highlight-blue-448 div.content { background-color: #ecf4f7; margin: 0px; padding: 0px 10px 10px 10px; font-family: verdana,helvetica,arial,sans-serif; font-size: 11px; line-height: 13px; } div.highlight-blue-448 div.content h4 { color: #006685; font-size: 12px; line-height: 14px; } div.highlight-blue-448 div.bottom { background: url(/common_errors/resources/HighlightBlue_448x5-Bottom.gif) no-repeat bottom; height: 5px; background-color: #ecf4f7; margin: 0px; padding: 0px; } div.highlight-blue-600 { margin: 0px 0px 10px 0px; padding: 0px; width: 600px; text-align: left; } div.highlight-blue-600 div.top { background: url(/common_errors/resources/BlueHighlight_600x5-Top.gif) no-repeat top; height: 5px; background-color: #ecf4f7; margin: 0px; padding: 0px; } div.highlight-blue-600 div.content { background-color: #ecf4f7; margin: 0px; padding: 0px 10px 10px 10px; font-family: verdana,helvetica,arial,sans-serif; font-size: 11px; line-height: 13px; } div.highlight-blue-600 div.content h4 { color: #006685; font-size: 12px; line-height: 14px; } div.highlight-blue-600 div.bottom { background: url(/common_errors/resources/BlueHighlight_600x5-Bottom.gif) no-repeat bottom; height: 5px; background-color: #ecf4f7; margin: 0px; padding: 0px; } div.highlight-blue-295 { margin: 0px 0px 10px 0px; padding: 0px; width: 295px; text-align: left; } div.highlight-blue-295 div.top { background: url(/common_errors/resources/BlueHighlight295_Top.gif) no-repeat top; height: 5px; background-color: #ecf4f7; margin: 0px; padding: 0px; } div.highlight-blue-295 div.content { background-color: #ecf4f7; margin: 0px; padding: 0px 10px 10px 10px; font-family: verdana,helvetica,arial,sans-serif; font-size: 11px; line-height: 13px; } div.highlight-blue-295 div.content h4 { color: #006685; font-size: 12px; line-height: 14px; } div.highlight-blue-295 div.bottom { background: url(/common_errors/resources/BlueHighlight295_Bottom.gif) no-repeat bottom; height: 5px; background-color: #ecf4f7; margin: 0px; padding: 0px; } div.highlight-blue-start { margin: 0px 0px 10px 0px; padding: 0px; width: 142px; text-align: left; } div.highlight-blue-start div.top { background: url(/common_errors/resources/StartBlueHighlight_Top.gif) no-repeat top; height: 3px; background-color: #F1F6F9; margin: 0px; padding: 0px; } div.highlight-blue-start div.content { background-color: #F1F6F9; border-left: 1px solid #C8E6EA; border-right: 1px solid #C8E6EA; margin: 0px; padding: 0px 10px 10px 10px; font-family: verdana,helvetica,arial,sans-serif; font-size: 11px; line-height: 13px; } div.highlight-blue-start div.content h4 { color: #006685; font-size: 12px; line-height: 14px; } div.highlight-blue-start div.bottom { background: url(/common_errors/resources/StartBlueHighlight_Bottom.gif) no-repeat bottom; height: 3px; background-color: #F1F6F9; margin: 0px; padding: 0px; } div.highlight-blue-start-dkhdr { margin: 0px 0px 10px 0px; padding: 0px; width: 142px; text-align: left; } div.highlight-blue-start-dkhdr div.top { background: url(/common_errors/resources/StartBlueHighlight_TopHead.gif) no-repeat top; height: 3px; background-color: #C8E6EA; margin: 0px; padding: 0px; } div.highlight-blue-start-dkhdr div.header { background-color: #C8E6EA; border-left: 1px solid #C8E6EA; border-right: 1px solid #C8E6EA; margin: 0px; padding: 0px 5px 5px 5px; font-family: verdana,helvetica,arial,sans-serif; font-size: 11px; line-height: 13px; } div.highlight-blue-start-dkhdr div.header h4 { color: #006685; font-size: 12px; line-height: 14px; } div.highlight-blue-start-dkhdr div.content { background-color: #F1F6F9; border-left: 1px solid #C8E6EA; border-right: 1px solid #C8E6EA; margin: 0px; padding: 5px 5px 5px 5px; font-family: verdana,helvetica,arial,sans-serif; font-size: 11px; line-height: 13px; } div.highlight-blue-start-dkhdr div.bottom { background: url(/common_errors/resources/StartBlueHighlight_Bottom.gif) no-repeat bottom; height: 3px; background-color: #F1F6F9; margin: 0px; padding: 0px; } /* table.sitemap { font-family: verdana,helvetica,arial,sans-serif; font-size: 11px; line-height: 13px; width: 100%; margin: 0px; padding: 0px; } table.sitemap th { color: #ffffff; font-weight: bold; text-align: left; border: 1px solid #ffffff; margin: 0px; padding: 4px; } table.sitemap th a { color: #ffffff !important; font-weight: bold !important; text-decoration: underline !important; } table.sitemap th a:link { color: #ffffff !important; font-weight: bold !important; text-decoration: underline !important; } table.sitemap th a:visited { color: #d9e9f4 !important; font-weight: bold !important; text-decoration: underline !important; } table.sitemap th a:active { color: #dbe2e4 !important; font-weight: bold !important; text-decoration: underline !important; } table.sitemap th a:hover { color: #dbe2e4 !important; font-weight: bold !important; text-decoration: underline !important; } table.sitemap th.vertical { background-color: #006685; } table.sitemap th.horizontal { background-color: #7fb2c2; } table.sitemap td { color: #000000; font-weight: normal; border: 1px solid #ffffff; margin: 0px; padding: 4px; } table.sitemap td.one { background-color: #f6fbfc; } table.sitemap td.one-level5 { background-color: #f6fbfc; padding-left: 10px; } table.sitemap td.two { background-color: #f0f6f8; } table.sitemap td.two-level5 { background-color: #f0f6f8; padding-left: 10px; } table.sitemap td.three { background-color: #ffffff; } table.sitemap td.three-level5 { background-color: #ffffff; padding-left: 10px; } table.sitemap a, table.sitemap a:link, table.sitemap a:visited, table.sitemap a:active, table.sitemap a:hover { text-decoration: underline;} */ /*::::::: terms and conditions (hide/show) Three classes replace #content-tandc (see optuswt.css) #content-tandc unused at present #content-tandc {PADDING-RIGHT: 10px; PADDING-LEFT: 10px; COLOR: #000000; FONT-SIZE: 9px! important; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 602px; PADDING-TOP: 0px; voice-family: inherit} Class "tandc" (in
) surrounds all T-and-C content; Class "tandcHeading" (in

) marks the header/link; Class "tancBody" (in

    ,
, etc) */ .tandc { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 9px !important; line-height: 11px; color: #006685; padding: 10px 0px 10px 0px; float: left; } .tandcHeading { font-size: 9px !important; line-height: 11px; font-weight: bold; font-variant: normal; text-decoration: underline; color: #0097ac; cursor: pointer; } .tandcBody { font-size: 9px !important; line-height: 11px; font-variant: normal; font-weight: normal; display: none; } /* new: defines header-bar colors across site - can be over-ruled by sectionStart.css, may be unneeded */ .sec-header-c { font-size: 12px; font-weight: bold; color: #006685; border-bottom: 3px solid #FFD100; padding: 0px 0px 5px 0px; } .sec-header-c-alt { font-size: 12px; font-weight: bold; color: #006685; padding: 0px !important; } /* .sec-header-c-alt { font-size: 12px; font-weight: bold; color: #006685; border-bottom: 3px solid #FFFFFF; padding: 0px 0px 5px 0px; } */ /* new: class for double-wide b column (when col-c is omitted) */ #col-b-ext { width: 294px; background-color: #ffffff; padding: 10px 0px 10px 10px; float: left; } html>body #col-b { width: 304px; } /* new, small test, probably not needed */ .col-cont-blue { font-size: 11px; background-color: #d9e7ec; padding: 5px 0px 5px 3px; } .col-cont-yellow { font-size: 11px; background-color: #FFF3BF; padding: 5px 0px 5px 3px; } /* work in progress for Help page */ td.help-pod-head, div.help-pod-head { font-size: 11px; font-weight: bold; color: #006786; background-color: #c8e6ea; background: url(/common_errors/resources/help_pod_top.gif) no-repeat top; margin: 10px 0px 0px 0px; padding: 12px 5px 5px 5px; } td.help-pod-top, div.help-pod-top { height: 5px; background: url(/common_errors/resources/help_pod_top.gif) no-repeat top; margin: 10px 0px 0px 0px; } td.help-pod-border, div.help-pod-border { font-size: 11px; background-color: #F1F6F9; border-left: 1px solid #c8e6ea; border-right: 1px solid #c8e6ea; padding: 10px; } td.help-pod-border div, div.help-pod-border div { color: #000000; padding: 0px 0px 0px 8px; } td.help-pod-border strong, div.help-pod-border strong { font-size: 11px; color: #006685; } td.help-pod-border ul, div.help-pod-border ul { list-style-image: url(/common_errors/resources/blue_bullet_small.gif); } td.help-pod-bottom, div.help-pod-bottom { height: 5px; background: url(/common_errors/resources/help_pod_btm.gif) no-repeat bottom; } .drop { display: none; } /* new table */ .table-4tone-border, .table-4tone-noborder { width: 440px; font-size: 11px; background-color: #ffffff; } .table-4tone-border { border: 1px solid #004c83; } .table-4tone-noborder { border: 0px; } .table-4tone-border th, .table-4tone-noborder th { color: #ffffff; font-weight: bold; background-color: #8bbbca; border-bottom: 1px solid #fff; padding: 10px; } .table-4tone-border th.dkhdr, .table-4tone-noborder th.dkhdr { background-color: #004c83; } .table-4tone-border td, .table-4tone-noborder td { color: #000000; font-weight: normal; border-bottom: 1px solid #ffffff; padding: 10px; } .table-4tone-border tr.rb th, .table-4tone-noborder tr.rb th { border-right: 1px solid #ffffff; } .table-4tone-border tr.rb td, .table-4tone-noborder tr.rb td { border-right: 1px solid #ffffff; } .table-4tone-border tr.ltblue, .table-4tone-noborder tr.ltblue { background-color: #F0F6F8; } .table-4tone-border tr.ltblue-rb td, .table-4tone-noborder tr.ltblue-rb td { background-color: #F0F6F8; border-right: 1px solid #fff; } .table-4tone-border th.nobtm, .table-4tone-noborder th.nobtm { border-bottom: 0px; } .table-4tone-border td.nobtm, .table-4tone-noborder td.nobtm { border-bottom: 0px; } .table-4tone-border tr th.norb, .table-4tone-noborder tr th.norb { border-right: 0px; } .table-4tone-border tr td.norb, .table-4tone-noborder tr td.norb { border-right: 0px; } /* Tabbed-Table :: layout table with a single tab on the top left, esp. for device/phone summaries */ .table-tab { width: 580px; color: #000000; background-color: #E9F2F6; } .table-tab td { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; color: #000000; } .table-tab td sup { font-size: 11px; font-weight: normal; color: #000000; } /* temp fix to set the row background white for tab/header */ .table-tab-label-row { background-color: #FFFFFF; } .table-tab-label { font-weight: bold; color: #000000; text-align: left; background-color: #E9F2F6; padding: 5px 2px 5px 2px; } /* Device Summary Table :: sub-table, layout :: image of device + key features */ .table-tab-summary { width: 100%; color: #000000; background-color: #FFFFFF; } .table-tab-summary-img { width: 107px; height: 179px; } .table-tab-summary td { color: #000000; text-align: left; } .table-tab-summary td h1 { font-size: 11px; line-height: 160%; font-weight: bold; } .table-tab-summary td li { font-size: 11px; line-height: 160%; font-weight: normal; color: #000000; } /* Device Summary Table :: Pre-Paid Phones */ .table-tab2 { width: 440px; color: #000000; background-color: #E9F2F6; } .table-tab2 td { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; color: #000000; } .table-tab2 td sup { font-size: 11px; font-weight: normal; color: #000000; } .table-tab-label-row2 { background-color: #FFFFFF; } .table-tab-label2 { background-color: #E9F2F6; font-weight: bold; text-align: left; color: #000000; padding: 5px 2px 5px 2px; } .table-tab-summary2 { width: 311px; color: #000000; background-color: #F0F6F8; border: 1px solid #FFFFFF; } .table-tab-summary2-img { width: 107px; height: 128px; text-align: left; background-color: #FFFFFF; } .table-tab-summary2 td { text-align: left; color: #000000; } .table-tab-summary2 td h1 { font-size: 11px; line-height: 160%; font-weight: bold; margin: 0px 5px 0px 10px; } .table-tab-summary2 td h5 { font-size: 12px; line-height: 14px; color: #006685; font-weight: bold; margin: 0px 5px 0px 10px; } .table-tab-summary2 td li { font-size: 11px; line-height: 160%; font-weight: normal; color: #000000; margin: 0px 5px 0px 15px; } /* Device Summary Table :: CDMA */ .table-tab3 { width: 580px; color: #000000; background-color: #E9F2F6; } .table-tab3 td { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; color: #000000; } .table-tab3 td sup { font-size: 11px; font-weight: normal; color: #000000; } /* temp fix to set the row background white for tab/header */ .table-tab-label-row3 { background-color: #FFFFFF; } .table-tab-label3 { font-weight: bold; text-align: left; color: #000000; background-color: #E9F2F6; padding: 5px 2px 5px 2px; } .table-tab-summary3-img { width: 107px; height: 128px; text-align: left; background-color: #FFFFFF; } .table-tab-summary3 { width: 451px; height: 128px; color: #000000; background-color: #F0F6F8; border: 1px solid #ffffff; } .table-tab-summary3 th { text-align: left; color: #ffffff; background-color: #0097AC; border-right: 1px solid #ffffff; padding: 2px 0px 2px 5px; } .table-tab-summary3 th.empty { background-color: #004C83; border-right: 1px solid #ffffff; } .table-tab-summary3 td { text-align: left; color: #000000; border-right:1px solid #ffffff; padding: 10px 0px 3px 5px; } /* new, work in progress to replace #col-a, etc, with more flexible layout, column widths */ .col-142 { width:142px; background-color:#ffffff; float:left; margin: 10px 5px 0px 5px; padding: 0px; } .col-142-ddl { width:142px; background: #ffffff url(/common_errors/resources/DottedDividerLine.gif) repeat-y left; margin: 10px 5px 0px 5px; padding: 0px 0px 0px 5px; float: left; } .col-142-left { width: 142px; background-color: #ffffff; margin: 10px 5px 0px 5px; padding: 0px; float: left; } .col-142-right { width: 142px; background-color: #ffffff; margin: 10px 5px 0px 5px; padding: 0px; float: left; } .col-294 { width: 294px; background-color: #ffffff; margin: 10px 5px 0px 5px; padding: 0px; float: left; } .col-294-left { width: 294px; background-color:#ffffff; margin: 10px 5px 0px 5px; padding: 0px; float: left; } .col-294-right { width: 294px; background-color:#ffffff; margin: 10px 5px 0px 5px; padding: 0px; float: left; } /* new: tabbed content component - tabs.css DEPRECATED */ div#tab-set div { height: 30px; padding: 5px 0px 0px 5px; } div#tab-set div, div#tab-set img { float: left; } div#tab-set div a, div#tab-set div a:link, div#tab-set div a:visited, div#tab-set div a:active, div#tab-set div a:hover { color: #006685 !important; font-weight: bold; } div#tab-x2 { width: 350px; } div#tab-x3sm { width: 440px; } div#tab-x3sm div div { width: 60px; font-size: 11px; } div#tab-x3 { width: 582px; } div#tab-x4 { width: 584px; } div#tab-x5 { width: 440px; } div#tab-x2 div div { width: 148px; font-size: 11px; } div#tab-x3 div div { width: 167px; font-size: 11px; } div#tab-x4 div div { width: 119px; font-size: 11px; } div#tab-x5 div div { width: 61px; font-size: 11px; } div.tab-active { background-color: #FFF3BF; border-bottom: 1px solid #FFF3BF; border-top: 1px solid #FFD100; } div.tab-inactive { background-color: #F2F6F9; border-bottom: 1px solid #FFD100; border-top: 1px solid #C8E6EA; } div.tab-content-inactive { clear: both; font-size: 11px; visibility: hidden; display: none; background-color: #FFF3BF; border-left: 1px solid #FFD100; border-right: 1px solid #FFD100; border-bottom: 1px solid #FFD100; padding: 10px; } div.tab-content-active { clear: both; font-size: 11px; visibility: visible; display: block; background-color: #FFF3BF; border-left: 1px solid #FFD100; border-right: 1px solid #FFD100; border-bottom: 1px solid #FFD100; padding: 10px; } div#tab-600x2 { width: 598px; } div#tab-600x2 div div { width: 272px; font-size: 11px; } div#tab-600x3 { width: 598px; } div#tab-600x3 div div { width: 173px; font-size: 11px; } div#tab-600x4 { width: 600px; } div#tab-600x4 div div { width: 136px; font-size: 11px; } div#tab-448x2 { width: 448px; } div#tab-448x2 div div { width: 197px; font-size: 11px; } /*::::::: REMAINDER OF STYLES INTENDED FOR REITZ AND OCA V2.0 */ /* Boxes: corners optionally rounded by JavaScript */ div.box_blue {background-color: #ecf4f7; color:#000000; width: 100%; padding: 10px;} div.box_yellow {background-color: #FFF3BF; color:#000000; width: 100%; padding: 10px;} div.box_form {background-color: #ECF4F7; color:#000000; width: 100%; padding: 10px;} /* tables: blue and yellow */ table.blue {width: 100%; border-width: 0px 2px 2px 0px; border-color: #BDD2DB; border-style:solid; empty-cells: show; border-collapse: collapse; margin: 2px 0px 2px 0px; clear: both;} table.blue th {border-left: 2px solid #BDD2DB; border-top: 2px solid #BDD2DB; background-color:#D2E4EA; color:#000000; font-weight:bold; text-align:left; padding: 5px; vertical-align:top;} table.blue th.yellow1 {background-color:#FFEA8C;} table.blue td {border-top: 2px solid #BDD2DB; border-left: 2px solid #BDD2DB; padding: 5px; color:#000000; background-color:#FFFFFF; vertical-align: top;} table.blue td.blue1 {background-color:#F2F7FA;} table.blue td.blue2 {background-color:#E6EFF4;} table.blue td.yellow1 {background-color:#FFF8D7;} table.blue td.yellow2 {background-color:#FFF3BD;} table.yellow {width:100%; border-width: 2px 2px 2px 0px; border-color: #FFD100; border-style:solid; empty-cells: show; border-collapse: collapse; margin: 2px 0px 3px 0px; clear: both;} table.yellow th {border-left: 2px solid #FFD100; border-top: 2px solid #FFD100; background-color:#FFEA8C; color:#000000; font-weight:bold; padding: 5px; text-align:left; vertical-align:top;} table.yellow td {border-left: 2px solid #FFD100; border-top: 2px solid #FFD100; padding: 5px; color:#000000; background-color:#FFFFFF;} table.yellow td.yellow1 {background-color:#FFF8D7;} table.yellow td.yellow2 {background-color:#FFF3BD;}