/*****************************
General Text Styles
*****************************/
/* Non Bold Font-Family:  "Lucida Grande","Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif; */
/* Bold Font-Family: "Lucida Grande","Trebuchet MS", Verdana, sans-serif;                             */
/* Alternate Font-Family (readability issues) 12px or below & heading thickness resolution:  Verdana, Geneva, sans-serif sans-serif;               */
* div, ol, ul, span, img {margin:0; padding:0; border:0}
p, ul, ol, div, table{
    font:13px/21px "Lucida Grande","Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
    color:#737373;
    margin-top:0px;
}
hr {
    background: #D3D3D3;/*the border*/
    text-align:left; /* Align left IE */
    margin:0; /* Align left Mozilla */
    overflow-y:hidden;
    height:1px;
}
div.hr {height:1px; background-color: #D3D3D3; }/* Creates an HR with consistant spacing in IE and Firefox */
div.hr hr{display:none; }/* Hides actual hr element */
#footer hr {
    border: none 0;
    border-top: 1px solid #D3D3D3;/*the border*/
    height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
    text-align:left; /* Align left IE */
    margin:0; /* Align left Mozilla */
    overflow-y:hidden;
    height:1px;
}
.bold, b, .boldlink, label1 {
    font-weight: bold; 
    font-family:"Lucida Grande","Trebuchet MS", Verdana, sans-serif; 
}
.small {font-size:11px; line-height:21px;}
.disclaimer {font-size:12px; line-height:21px;}
/****************************/
/* Main Content Classes     */
/****************************/

#modules {
    width:986px;
    height:118px;
    padding:8px 1px 20px 1px; /* 20/50 with 6px drop shadow. 1px side padding makes even 11px left right padding on module graphic */
}
#gray-box {
    background:#FFF url(/static/structural-images/gray_grad_bg.gif) bottom left repeat-x;
    min-height:50px;
    padding-bottom:20px;
    overflow:hidden;
}
/* Content Classes */
/* #body {padding:30px 0;} */
.body-content {padding:0 20px; overflow:hidden;}
.column-content, #callout, .divided-column-content {padding:0; overflow:visible; min-height:1px;} /* 2/4/2010 JP removed hidden overflow */ 
.orderedlist-content {padding:10px 0; overflow:hidden;}
.banner-content {padding:50px 0px;}
/* Padding Styles  */
.padding   {padding:10px;}
.no-padding {padding:0}
.top-padding {padding-top:20px;}
.bottom-padding {padding-bottom:20px;}
/* Margin Styles  */
.no-margin {margin:0;}
.left-margin {margin-left:20px;}
.right-margin {margin-right:20px;}
/* Height Classes */
.height40 {height:40px;}
.height60 {height:60px;}
.height80 {height:80px;}
.height100 {height:100px;}
.height120 {height:120px;}
.height200 {height:200px;}
/* Article Classes */
.article-listing {padding:20px 0; font:13px/18px "Lucida Grande","Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;}
.article-date {
    width:100px; 
    margin-bottom: 0; 
    float:left; display:block; color:#373737; 
    padding-right:20px;    
    word-wrap:break-word;
    table-layout:fixed;}
.article {margin-left:120px; display:block; width:500px;}

/* Promotions */
.promotion img.full{margin: 0 0 20px;}
.promotion img.right{float: right; margin: 0 0 20px 20px;}
.promotion img.left{float: left; margin: 0 20px 20px 0;}

/* Left Thumbnail */
.left-thumbnail {float:left; max-width:140px; width:140px; overflow:hidden; display:block; padding-top:20px;}
.left-thumbnail-copy {float:left; padding-left:20px; table-layout:fixed; word-wrap:break-word; max-width:600px;}
.left-thumbnail-copy h3 {font-size:16px;}
#leftnav-contentArea .left-thumbnail-copy {max-width:510px;}

/* ILD CONTENT  */
.ild span.price-point {border-right:none; margin-right:0; padding-right:0; float:left; display:block; line-height:22px;}
.ild h3.default {height:25px; padding:70px 0 5px;}
.ild .span3 {line-height:16px;} /* Sets Line Height to 16px on ILD page for Minutes Included */
.ild .column-content {min-height:50px;}
.ild .collapsible {margin:0 20px; border-top:1px solid #d2d2d2;}
.ild table td{vertical-align:top;}
.ild-content {margin:20px 20px; border-bottom:3px solid #b2b2b2; height:100px; line-height:100px; bottom:0px; padding-bottom:5px;}
.ild-content span, .ild-content span img {display:-moz-inline-stack; display:block; vertical-align:bottom;}
.ild-content span img {position:absolute; bottom:0px;}
.ild {position:relative;}

/* CONTACT US  */
.thick-bottom-border {border-bottom:3px solid #b2b2b2;  }
.column-content .label {display:inline-block; width:50px; float:left; color:#373737;}
.separator {border-bottom:1px solid #b2b2b2; padding-bottom:20px;}
.no-separator {border-bottom:none; padding-bottom:30px;}

/*******************************/
/* Modules & Callout Elements  */
/*******************************/
#zip-locator-492 { /* ZIP location Module background */
    background:url(/static/module-images/zip_mod_492.png) top left no-repeat;
    font:12px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
    color:#FFFFFF;
    padding:20px 30px;
    width:433px; /* Width 492px */
    height:88px; /* Height 118px */
    float:left;
}
#zip-locator-492 h3 {margin-top:0px;padding-top:0px;}
#callout img {margin-bottom:5px;}
div.find-services {border-right:1px solid #d2d5e1; margin-right:20px; color:#FFFFFF; width:230px; height:auto; white-space:normal; float:left; line-height:16px;}
#zip-locator-492 .input-solo {float:left; color:#FFFFFF;}
#modules a {color:#FFFFFF;}
#zip-locator-492 span {border-right:1px solid #d2d5e1; padding-right:10px; margin-right:20px;}

/**********************************/
/* Column Layouts                 */
/**********************************/
.col, .lastcol {
    float:left;
    overflow:visible; /* 2/4/2010 JP removed hidden overflow */
    word-wrap:break-word;
    table-layout:fixed;
}

#gray-box .left-align {
    width:421px; /* Test this */
    padding:0 20px 0 0 ;
}
#leftnav-contentArea .span2{ 
    width:318px; /* 358 width */
    padding:0 20px;
}
#leftnav-contentArea .span3 {
    width:198px;
    padding:0 20px;
}
#leftnav-contentArea #gray-box .span2{ 
    width:318px; /* 358 width */
    padding:0 20px;
}
.span2 { 
    width:434px; /* 474px width */
    padding:0px 20px;
}
.span3 {
    width:276px; /* 316px width */
    padding:0 20px;
}
.span4 { 
    width:195px; /* 235px width */
    padding:0px 20px;
}
.span2 .span4 {
    width:217px; /* 210px width */
    padding:0px; /* Removes left and right padding when contained inside of a span2 */
}
.article-left {
    width:620px; /* 660 width */
    padding:0px 20px;
}
.article-left #gray-box {margin:0 -20px;}
.article-right {
    width:255px; /* 295px width */ 
    padding:0px 20px;
}
.article-left .body-content {padding:0}
.article-right .body-content {padding:0}

.hero-span-480 { /* For Bundles/Shop Hero images */
    width:480px;
    padding:0 20px;
}    
.hero-span-440 { /* For Moving Hero image */
    width:440px;
    padding:0 20px;
}    
.divided-column-content .col {
    padding-right:27px;
    background:url(/static/structural-images/divider_bottom.gif) bottom right no-repeat;
    /* Use this class to create 7px divider on all columns except last. */
}
#callout .col {/* Used in callouts, just like above except 1 px divider */
    padding-right:21px;
    background:url(/static/structural-images/single_pixel_divider.gif) top right no-repeat;
    /* Global.js creates lastcol on third column which eliminates last divider. */
}
.divider-solid {
    padding-right:27px;
    background:url(/static/structural-images/divider_solid.gif) bottom right repeat-y;
    /* Use this class to create 7px divider on all columns except last. */
}

.no-divider {
    padding-right:27px;
    /* Use this if you have columns that use do not use divider image but needs equal spacing (do not use on last) */
}
div.hr-divider {
    background:url(/static/structural-images/horiz_divider_left.gif) top left no-repeat;
    height:2px;
    min-width:200px;
    margin:30px 0 20px;
    overflow:hidden;
}
.hr-divider span{
    background: #E8E9E9 url(/static/structural-images/horiz_divider_right.gif) top right no-repeat;
    height:2px;
    display:block;
    overflow:hidden;
    margin:0 0 0 135px; /* Left image is 135px */
}
.product-icon {float:right; padding-top:15px;}

/**********************************/
/*  Grid Styles                  */
/*********************************/
.grid-row {
    background:url(/static/structural-images/grid_row_full.png) no-repeat;
    width:956px;
    height:224px;
    margin: 0 3px 0;
}
#leftnav-contentArea .grid-row {
    background:url(/static/structural-images/grid_row.png) no-repeat;
    width:717px;
    height:224px;
    margin:0;
}
.grid-cell {
    width:215px; /* width 237px */
    height:164px; /* height 224px */
    padding:30px 11px; /* Style Guide */
    position:relative;
}
.grid-cell h6 {color:#0091ff; margin-top:10px;}
.grid-divider {padding-right:13px;}
.hot {
    background:url(/static/structural-images/whats_hot.png) top right no-repeat;
    top:0;
    right:0px;
    position:absolute;
    width:70px;
    height:69px;
}

/***********************/
/* Content Lists        /
/***********************/
ul.modules {
    list-style-type:none;
    margin:0; padding:0;
    white-space:nowrap;
}
ul.modules li {
    display:inline;
    margin:0; padding:0;
}
ul.modules li a {float:left;}
ul.search-result {
    list-style-type:none;
    margin:0;
    padding:0 0 0 0;
    font:12px/18px  Verdana, Geneva, sans-serif; /* Font Change */
}
ul.search-result li {
    padding:0px 0px;
    color:#373737;
    background:none;
}

************************/
/* Step Control        */
/************************/
#step-control {
    background:#FFF url(/static/structural-images/gray_grad_bg.gif) bottom left repeat-x;
    height:50px; /* Height 50 */
    padding-top:0px;
    overflow:hidden;
}
#step-control ul {
    font:14px/20px "Lucida Sans Unicode", "Lucida Grande", sans-serif, "Trebuchet MS", Verdana;
    padding:0; margin:0;
    color:#5f6895;
    list-style-type:none;
}
#step-control ul li {
    padding:0 12px;
    margin:0;
    display:inline;
    background:none;
}
#step-control ul li.selected span{ /* Selected Class */
    color:#FFFFFF;
    background: transparent url(/static/structural-images/selected-step-a.gif) no-repeat;
    height:28px;
    display:block;
    margin-right:0px;
    text-decoration:none;
    cursor:default;
    padding:3px 2px 0 12px; /* Left Padding + Right Margin = 12px */
}
#step-control ul li.selected { /* Selected Class */
    background: transparent url(/static/structural-images/selected-step-span.gif) no-repeat scroll top right;
    display: inline-block;
    height:28px;
}

/***********************************/
/* Step Control Ribbon             */
/***********************************/
#step-control-ribbon{ clear: both; }
#step-control-ribbon li{
    display: inline;
    float: left;
    list-style: none;
    height: 41px;
    margin: 0;
    padding: 10px 10px 0;
    background: #eee url(/static/structural-images/step-control-ribbon.png) no-repeat 100% 0;
    color: #ccc;
    font-size: 11px;
    line-height: 13px;
}
#step-control-ribbon a{
    display: block;
    height: 100%;
    color: #999;
    text-decoration: none;
}
#step-control-ribbon strong{
    display: block;
    font: bold 13px/16px "Lucida Sans Unicode", "Lucida Grande", sans-serif, "Trebuchet MS", Verdana;
}
#step-control-ribbon a strong{ color: #0091ff; }
#step-control-ribbon a:hover strong{
    color: #727272;
    text-decoration: underline;
}
#step-control-ribbon li.current{
    background-color: #1d58b0;
    background-position: 100% -51px;
    color: #fff;
}
#step-control-ribbon li.previousdone{
    background-color: #eee;
    background-position: 100% -102px;
}
#step-control-ribbon li.done{
    background-color: #eee;
    background-position: 100% -153px;
}
#step-control-ribbon li.last{ background-image: none; }

#step-control-ribbon.fivestep li{ width: 164px; }
#step-control-ribbon.fivestep li.last{ width: 166px; }
#step-control-ribbon.fourstep li{ width: 210px; }
#step-control-ribbon.fourstep li.last{ width: 212px; }
#step-control-ribbon.threestep li{ width: 287px; }
#step-control-ribbon.threestep li.last{ width: 288px; }
#step-control-ribbon.twostep li{ width: 441px; }

#leftnav-contentArea #step-control-ribbon.fivestep li{ width: 115px; }
#leftnav-contentArea #step-control-ribbon.fivestep li.last{ width: 116px; }
#leftnav-contentArea #step-control-ribbon.fourstep li{ width: 149px; }
#leftnav-contentArea #step-control-ribbon.threestep li{ width: 205px; }
#leftnav-contentArea #step-control-ribbon.threestep li.last{ width: 206px; }
#leftnav-contentArea #step-control-ribbon.twostep li{ width: 318px; }

/************************/
/* Links                */
/***********************/
a {
    color:#0091FF;
    text-decoration:none;
    cursor:pointer;
}
a:hover {
    text-decoration:underline;
}
a.link {font:13px/21px "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif;}
#utilities a {    
    font-weight: bold; 
    font-family: "Lucida Grande","Trebuchet MS", Verdana, sans-serif; 
}
/* Links with Icons */
a.white-arrow {
    padding-right:20px;
    line-height:21px;
    background:transparent url(/static/structural-images/white_arrow.png) center right no-repeat;
}
a.blue-arrow {
    padding-right:20px;
    line-height:18px;
    background:transparent url(/static/structural-images/blue_arrow.png) center right no-repeat;
}
li a.blue-arrow {background-position:center right}
li a.blue-arrow-left {background-position:center left}
a.blue-arrow-left {
    display:inline-block;
    padding-left:20px;
    line-height:21px;
    background:transparent url(/static/structural-images/blue_arrow_left.png) center left no-repeat;
}
a.blue-arrow-new {
    padding-right:50px;
    line-height:18px;
    background:transparent url(/static/structural-images/blue_arrow_new.png) bottom right no-repeat;
}

a.blue-more {
    display:inline-block;
    font:12px "Trechubet MS", Verdana, Geneva, sans-serif;
    padding-left:20px;
    line-height:26px;
    background:transparent url(/static/structural-images/more_icon.gif) center left no-repeat;
}
a.blue-more :hover {
    background:transparent url(/static/structural-images/more_icon-hover.gif) center left no-repeat;
}
a.find {
    display:inline-block;
    font-size:12px;
    padding-left:30px;
    line-height:26px;
    background:transparent url(/static/structural-images/icon_blue_search.gif) center left no-repeat;
}
a.email {
    display:inline-block;
    padding-left:30px;
    font-size:12px;
    line-height:26px;
    background:transparent url(/static/structural-images/icon_blue_email.png) center left no-repeat;
}
a.call {
    display:inline-block;
    padding-left:30px;
    font-size:12px;
    line-height:26px;
    background:transparent url(/static/structural-images/icon_blue_call.png) center left no-repeat;
}
span.chat,
a.chat {
    display:inline-block;
    padding-left:30px;
    padding-right:10px;
    font-size:12px;
    line-height:26px;
    background:transparent url(/static/structural-images/icon_blue_chat.png) center left no-repeat;
}

span.beta{
    color:#FF6600;
    font-style:italic;
    font-weight:bold;
    padding-left:2px;
}

a.arrow-no-link {color:#737373;}
a:hover.arrow-no-link {text-decoration:none; color:#0091FF;}

/**********************/
/* Social Media Links */
/**********************/
a.facebook {
    display:inline-block;
    padding-left:30px;
    font-size:12px;
    line-height:24px;
    background:transparent url(/static/structural-images/facebook-icon.png) 0px 0px  no-repeat;
}
a.facebook:hover {
    background-position: 0px -24px;
}

a.twitter {
    display:inline-block;
    padding-left:30px;
    font-size:12px;
    line-height:24px;
    background:transparent url(/static/structural-images/twitter-icon.png) 0px 0px no-repeat;
}
a.twitter:hover {
    background-position: 0px -24px;
}

a.blog {
    display:inline-block;
    padding-left:30px;
    font-size:12px;
    line-height:24px;
    background:transparent url(/static/structural-images/blog-icon.png) 0px 0px no-repeat;
}
a.blog:hover {
    background-position: 0px -24px;
}

/**********************/
/*      Headers       */
/**********************/
h1{
    color:#5F6895; /* If no class is specified */
    font:normal 26px/18px "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif; 
    padding:20px 0 5px;
    margin:0;
}
h2{
    color:#5F6895; /* If no class is specified */
    font:normal 26px/18px "Trebuchet MS", Verdana, sans-serif;  /* Font Change due to sIFR wrap issue */
    padding:20px 0 5px;
    margin:0;
}
h3{
    color:#5f6895;
    font:bold 18px/21px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; 
    padding:20px 0 5px;
    margin:0;
}
h4{
    color:#5f6895;
    font:normal 18px/21px Verdana, Geneva, sans-serif sans-serif; /* Font Change due to readability */
    padding:20px 0 5px;
    margin:0;
}
h5{
    font:bold 13px/21px  "Lucida Grande","Trebuchet MS", Verdana, sans-serif; 
    padding:10px 0 0px;
    margin:0;
    color:#373737;
}
h6{ 
    color:#0091ff;
    font:normal 13px/21px "Lucida Grande","Lucida Sans Unicode","Trebuchet MS", Verdana, sans-serif; 
    font-size:13px;
    padding:20px 0 5px;
    margin:0;    
}
li h5, li h6 {margin:0; padding:0;}
.sub-header, .date, .label2  { 
    font:13px/21px "Lucida Sans Unicode", "Lucida Grande", sans-serif, "Trebuchet MS", Verdana, sans-serif; 
    margin:0;
    color:#373737;
    padding-top: 10px;
}

/* Headers based on page class */
.green-tv h3, .green-tv h4, span.green, h1.green, h3.green, h4.green, h5.green, h1.green a, h2.green, h2.green a, h3.green a, h4.green a, a.green, a.green:hover, .green-tv ul li h5 {color:#6CB501;}  /* TV */
.blue-bundles h3, .blue-bundles h4, span.blue1, h3.blue1, h4.blue1, h5.blue1, h4.blue1 a, h3.blue1 a, h1.blue1 a, h1.blue1, h2.blue1 a {color:#415492;}  /* Bundles */
span.blue2, h3.blue2, h4.blue2, h5.blue2, h3.blue2 a  {color:#053A8a;}  /* Manage */
span.blue3, h3.blue3, h4.blue3, h5.blue3,  h3.blue3 a {color:#7D7D7D;}  /* About Us */
.red-phone h3, .red-phone h4, span.red, h1.red, h3.red, h4.red, h5.red, hr.red, h1.red a, h2.red, h2.red a, .red-phone ul li h5 {color:#CC3333;} /* Phone */
.orange-internet h3, .orange-internet h4, span.orange,h3.orange, h4.orange, h5.orange, h3.orange a, h4.orange a,h1.orange, h1.orange a, h2.orange, h2.orange a, .orange-internet ul li h5 {color:#FF6600;} /* Internet */
.white {color:#FFFFFF;} /* Hero Areas */
.text-light-gray {color:#7d7d7d;}
.text-gray {color:#504e4b;}
.text-dark-gray {color:#373737;}

/* Default */
.yellow-support h3, .yellow-support h4, .blue-about h3, .blue-about h4, .blue-myservices h4, .blue-myservices h3, .default, h3.yellow, h4.yellow, h5.yellow, h3.yellow a, h4.yellow a, h2.yellow, h2.yellow a, h3.default, h4.default {color:#5F6895;} /* Default, non lob headers & label 1 - Default Header */


/* Special Case Headers */
h4.article-title {color:#7D7D7D;}   /* Articles */
#hero h1, #hero h2, #hero h3, #hero h4 {padding:0; margin:0; color:#FFFFFF;}
#hero h1, #hero h2 {margin:2px 0 5px; font:38px/42px "Trebuchet MS", Arial, Helvetica, sans-serif;} /* Adjusted Margin to eliminate excess 8px height from h1 sIFR */
#hero h6, #hero h4, #hero h3  {color:#FFFFFF; margin:10px 0 5px;}
#leftnav h5 {font:bold 11px/24px "Lucida Grande","Trebuchet MS", Verdana, sans-serif; }
#system-alert h3 {color:#FFCC00;}
.blue-box h5 {color:#FFFFFF; font:bold 12px Verdana, Geneva, sans-serif; padding:5px 0 10px;} /* Font change due to readability */
#footer h5  {color:#5F6895;}
#footer h4, #footer h4 a, .lab1 { /* Label 1 */ 
    font:bold 13px/18px  "Lucida Grande","Trebuchet MS", Verdana, sans-serif; 
    color:#5F6895;
    margin:0;
    padding:0;
}
#footer h3, #footer h3 a { /* Local Footer Headers */
    font:bold 15px/16px  "Lucida Grande","Trebuchet MS", Verdana, sans-serif; 
    color:#5F6895;
    margin:0 0 10px;
    padding:0;
}
h5.blue3 {color:#0091FF;} /* About Us Community Page */
#callout h3, #callout h4 {color:#5F6895; padding:0; margin:0;}
#callout h3 a, #callout h4 a {color:#0091FF;}
.article-left h4 {color:#7d7d7d;}
/**********************/
/* Boxes and Pods     */
/*********************/
.gray-grad {
    background:#FFF url(/static/structural-images/gray_grad_bg.gif) bottom left repeat-x;
    min-height:50px;
    padding-bottom:20px;
    padding:0 20px;
}

.gray-pod {
    background-color:#f8f8f8;
    padding:20px 30px 10px;
}
.gray-pod-top {
    background:url(/static/structural-images/gray_footer_pod_top.gif) bottom left no-repeat;
    width:470px; height:4px;
}
.gray-pod-bottom {
    background:url(/static/structural-images/gray_footer_pod_bottom.gif) bottom left no-repeat;
    width:470px; height:4px;
}
/* Quote Assignments */
.quote em {font:21px/21px "Lucida Grande","Trebuchet MS", Verdana, sans-serif;} /* See Calling Features Comp */ 
/****************************/
/*
Table Styles
*****************************/
.highlight {background-color:#fffde9; color:#373737;}
.center {text-align:center;}
.left {text-align:left; }
.right {text-align:right;}
.align-bottom {vertical-align:bottom;} /* Used on local footer */
.align-top {vertical-align:top;}
table tr{margin:0px}
/* Standard Table */
table.standard {
    margin:5px 0px; /* Gives a 5px padding above and below the table */
    border-collapse:collapse;
}
table.standard td {
    font:13px "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif;
    padding:10px;
    border:1px solid #DCDCDC;
    color:#737373;
}
table.standard th {
    padding:0px 10px;
    font:bold 13px "Lucida Grande","Trebuchet MS", Verdana, sans-serif;
    color:#7A7777;
    border:1px solid #DCDCDC;
    margin-right:1px;
    height:39px;
    background:#FFF url(/static/structural-images/table_background.gif);
}
/* Compare Table */
table.compare {    
    margin:5px 0px;
    border-collapse:collapse;
}
table.compare td {
    padding:5px 10px;
    font:12px/21px "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif;
    border-right:1px solid #FFFFFF;
    border-bottom:1px solid #B2B2B2;
    height:70px;
    color:#666666;
}
table.compare th {
    font-family: "Lucida Grande","Trebuchet MS", Verdana, sans-serif;
    font-weight:bold;
    color:#373737;
    text-align:left;
    padding:0 10px;
    height:70px;
    border-bottom:3px solid #B2B2B2;
    border-right:1px solid #FFFFFF;
    background-color:#FFFFFF;
}
.compare .header {
    font-weight:bold;
    font-family:"Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
    color:#373737;
    width:215px;}
col.highlight {background-color:#fffde9; color:#373737;}
/* Plain Table */
table.plain {
    margin:5px 0px; /* Gives a 5px padding above and below the table */
    border-collapse:collapse;
}
table.plain td {
    font:13px "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif;
    padding:10px;
    color:#737373;
}
table.plain th {
    padding:0px 10px;
    font:bold 13px "Lucida Grande","Trebuchet MS", Verdana, sans-serif;
    color:#7A7777;
    margin-right:1px;
    height:39px;
    background:#FFF url('/structure_images/table_background.gif');
}
/********************/
/* Price Points      */
/*********************/
span.price-point {
    font:22px/20px "Lucida Sans Unicode", "Lucida Grande", sans-serif, "Trebuchet MS", Verdana; 
    vertical-align:top;
    border-right:1px solid #c2c2c2; 
    padding-right:16px;
    margin-right:16px;
}
.price-point-large, .price-point-font {font:50px/48px "Lucida Sans Unicode", "Lucida Grande", sans-serif, "Trebuchet MS", Verdana; vertical-align:top; letter-spacing:-5px;}
.price-point-small {font:22px/20px "Lucida Sans Unicode", "Lucida Grande", sans-serif, "Trebuchet MS", Verdana; vertical-align:top}
.price-point-small sup, .price-point sup {font-size:12px; line-height:20px; vertical-align:top; display:inline-block}
.price-point-large sup, .price-point-font sup {font-size:25px; display:inline-block; line-height:48px; vertical-align:text-top;letter-spacing:normal;}
.price-point-border {border-right:1px solid #c2c2c2; padding-right:16px;margin-right:16px; max-width:160px; float:left}
table .price-point {border-right:none;}
.bundle-total-pod .price-point {padding:0px 5px;}

.combo-box {
    padding-top:20px;
}
.combo-box .price-point {
    font:50px/48px "Lucida Sans Unicode", "Lucida Grande", sans-serif, "Trebuchet MS", Verdana; 
    vertical-align:top;
    letter-spacing:-5px;
    border-right:1px solid #d2d2d2; color:#FFFFFF; float:left;
    display:block;
    color:#5F6895;
}
#hero .price-point {
    font:50px/48px "Lucida Sans Unicode", "Lucida Grande", sans-serif, "Trebuchet MS", Verdana; vertical-align:top;
    letter-spacing:-5px;
    border-right:1px solid #d2d2d2; color:#FFFFFF; float:left;
    display:block;
    float:left;}
#hero .price-point sup, .combo-box .price-point sup, #hero .price-point .label {
    font-size:25px; height: 0;
    line-height: 48px;
    letter-spacing:normal;
    vertical-align:text-top;
    display:inline-block;}
#hero .price-point label {display:block;}
#hero a.button, .combo-box a.button {margin-top:15px; float:left; margin-left:0px;}


/****************************/
/*
General Form Styles
*****************************/
div.row{
    clear:both;
    padding:10px 0;
}
/****************************/
/*
Input Styles
*****************************/
form input{
    color:#737373;
    font:normal 13px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif; 
}
input.text-small,
input.text-input-small,
input.text-default{
    background:url(/static/structural-images/text_default_bg.png) top left no-repeat;
    border:1px solid #e5e5e5;
    height:17px;
    padding:5px 0 5px 4px;
}
input.text-small{
    width:195px;
}
input.text-input-small,
input.text-styled{
    /* 176px wide total */
    /*  26px high total */
    background:url(/static/structural-images/text_styled_bg.png) top left no-repeat;
    border:none;
    height:16px;
    padding:5px;
    width:166px; 
}
input.text-solo{
    /* 128px wide total */
    /*  26px high total */
    background:url(/static/structural-images/text_solo_bg.png) top left no-repeat;
    border:none;
    height:16px; 
    padding:5px;
    position:relative;
    width:118px; 
    z-index:10;
}
input.text-solo-alt{
    /* 128px wide total */
    /*  26px high total */
    background:url(/static/structural-images/text_solo_alt_bg.png) top left no-repeat;
    border:none;
    color:#000000;
    height:16px;
    padding:5px;
    position:relative;
    width:118px; 
    z-index:10;
}
input.text-modal{
    /* 168px wide total */
    /*  28px high total */
    background:url(/static/structural-images/text_modal_bg.png) top left no-repeat;
    border:none;
    height:16px; 
    left:357px;
    padding:6px 5px;
    position:relative;
    right:5px;
    top:0px;
    width:158px; 
}
textarea{
    /* 279px wide total */
    /* 133px high total */
    background:url(/static/structural-images/textarea_default_bg.png) top left no-repeat;
    border:1px solid #e5e5e5;
    color:#737373;
    height:121px;
    overflow-y:auto;
    padding:5px;
    width:267px;
}
.input-modal textarea{
    /* 279px wide total */
    /* 133px high total */
    background:url(/static/structural-images/textarea_modal_bg.png) top left no-repeat;
    border:0;
    font:normal 13px/21px "Lucida Grande", "Trebuchet MS", sans-serif; 
    height:121px;
    padding:6px 5px 6px 5px;
    position:relative;
    left:246px;
    width:269px;
}
.radio input,
.checkbox input{
    float:left;
    margin-right:8px;
    _margin-right:3px;
}
/****************************/
/*
Input Containers and Labels
*****************************/
form label,
form .label{
    color:#373737;
    display:block;
    font:normal 13px/21px Lucida Grande, Lucida Sans Unicode, sans-serif; 
    padding-bottom:5px;
}
label span.requiredflag,
.label span.requiredflag{
    font-size-adjust:0.7;
    vertical-align:top;
}
.checkbox label{
    line-height:20px;
}
.input-modal label{
    font:bold 13px/28px Lucida Grande, "Trebuchet MS", sans-serif; 
    display:inline;
    vertical-align:top;
    float:left;
    
}
div.input-modal{
    /* 610px wide total */
    background:url(/static/structural-images/input_modal_bg.png) bottom left no-repeat;
    margin:0 16px 0 16px;
    padding: 0 5px 13px 5px;
    position:relative;
    width:568px;
}
div.input-modal.end{
    background:none;
}
.bundle-total-pod  {
    background:url(/static/images/bundle_price_pod.jpg) no-repeat scroll center top transparent;
    float:right;
    height:80px;
    padding:20px 10px 10px;
    text-align:center;
    width:150px;
}
/****************************/
/*
Button Styles
*****************************/
/*  There are two button classes. An <a> element and a <button> element. 
    The <a> version is expandable and transparent (in all but IE6). */
    

a.button,
a.inactive-button,
a.blue-button {
    background: transparent url(/static/structural-images/bg_button_a.png) no-repeat scroll top right;
    display: block;
    float:left;
    height: 32px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
    font: bold 15px "Trebuchet MS", sans-serif;
    color: #6a4b00;
}
a.button span,
a.inactive-button span,
a.blue-button span {
    background: transparent url(/static/structural-images/bg_button_span.png) no-repeat;
    display: block;
    line-height: 22px;
    padding: 5px 0px 5px 10px;
} 
/* <a> Button specific rules */
a.inactive-button {
    cursor:default;
    background: transparent url(/static/structural-images/bg_innactive_a_btn.gif) no-repeat top right; 
}
a.inactive-button span, 
a.inactive-button:hover span  { 
    background: url(/static/structural-images/bg_button_innactive_span.gif) no-repeat top left; 
    color: #AAAAAA;
}
a.blue-button {
    cursor:default;
    background: transparent url(/static/structural-images/bg_button_a.gif) no-repeat scroll top right;
}
a.blue-button span, 
a.blue-button:hover span {
    background: transparent url(/static/structural-images/bg_button_span.gif) no-repeat top left; 
    color: #FFFFFF;
}
/* <a> Hover/Active rules */
a.button:hover,
a.inactive-button:hover,
a.blue-button:hover {
    background-position: bottom right;
    bottom:1px;
    color: #8b6202;
    outline: none; /* hide dotted outline in Firefox */
    text-decoration: none;
}
a.button:hover span,
a.inactive-button:hover span,
a.blue-button:hover span{
    background-position: bottom left;
    bottom:1px;
    color: #8b6202;
    outline: none; /* hide dotted outline in Firefox */
}
a.button:active span,
a.inactive-button:active span,
a.blue-button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 10px; /* push text down 1px */
} 

/* Submit Button version (non transparent) */
.asp-submitbtn { 
    border: 0; 
    height:32px;
    width:73px;
    cursor: pointer;
    background: url(/static/structural-images/btn_submit.png) no-repeat top left; 
    overflow:visible; /* removes extra side padding in IE */
}
button.submitbtn,
button.blue-submitbtn,
button.inactive-submitbtn,
button.submitbtn-inactive { 
    text-decoration: none;
    font: bold 15px "Trebuchet MS", "Lucida Grande Bold", sans-serif;
    color: #6a4b00;
    border: 0;
    height:32px;
    padding: 0 8px 0 0;
    text-align:center;
    cursor: pointer;
    background: url(/static/structural-images/bg_button_a.png) no-repeat top right;
    overflow:visible;
}
button.submitbtn span,
button.blue-submitbtn span,
button.inactive-submitbtn span,
button.submitbtn-inactive span{ 
    display: inline-block;
    white-space: nowrap;
    padding: 6px 0 0 10px;
    height:26px; /* 32px height */
    background: url(/static/structural-images/bg_button_span.png) no-repeat left top;
    color: #6a4b00;
}
/* Hover rules */
button.submitbtn:hover,
button.submitbtn.hover, 
button.submitbtn-blue:hover, 
button.submitbtn-blue.hover, 
button.blue-submitbtn:hover, 
button.blue-submitbtn.hover { 
/* the redundant class is used to apply the hover state with a script */
    background-position: right -32px; 
}
button.submitbtn:hover span,
button.submitbtn.hover span, 
button.submitbtn-blue:hover span, 
button.submitbtn-blue.hover span, 
button.blue-submitbtn:hover span, 
button.blue-submitbtn.hover span{ 
/* the redundant class is used to apply the hover state with a script */
    background-position: left -32px; 
}
/* Button specific rules */
button.submitbtn:hover span, 
button.submitbtn-blue:hover span {
    color:#8b6202;
}
button.blue-submitbtn { 
    background: url(/static/structural-images/bg-bluesubmitbtn-a.png) no-repeat top right;
}
button.blue-submitbtn span { 
    background: url(/static/structural-images/bg-bluesubmitbtn.png) no-repeat left top; 
    color: #FFFFFF;
}
button.blue-submitbtn:hover span {
    color:#FFFFFF;
}
button.inactive-submitbtn,
button.submitbtn-inactive{
    cursor:default;
    background: url(/static/structural-images/bg_innactive_a_btn.gif) no-repeat top right; 
}
button.inactive-submitbtn span,
button.submitbtn-inactive span  { 
    background: url(/static/structural-images/bg_button_innactive_span.gif) no-repeat top left; 
    color: #AAAAAA;
}
button{
    cursor:pointer;
}    
button::-moz-focus-inner {
    border: none;  /* overrides extra padding in Firefox */
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Google Chrome only - fix margins */
    button.submitbtn span, 
    button.blue-submitbtn span, 
    button.innactive-submitbtn span {
        margin-top: -1px;
        margin-right: -1px;
    }
} 

.input-solo button,
.input-solo-alt button{
    border:none;
    color:transparent;
    height:26px;
    left:-4px;
    padding:0;
    position:relative;
    width:29px;
    text-indent:100%;
    vertical-align:top;
    z-index:5;
}
/* Buttons for solo input forms */
.input-solo button.go,
.input-solo a.go{
    background:url(/static/structural-images/button_solo_go.png) top right no-repeat;
}
.input-solo button.go-inactive,
.input-solo a.go-inactive{
    background:url(/static/structural-images/button_solo_go_inactive.png) top left no-repeat;
}
.input-solo button.add,
.input-solo a.add{
    background:url(/static/structural-images/button_solo_add.png) top right no-repeat;
    width:37px;
}
.input-solo button.search,
.input-solo a.search{
    background:url(/static/structural-images/button_solo_alt_search.png) top right no-repeat;
}
.input-solo-alt button.search,
.input-solo-alt a.search{
    background:url(/static/structural-images/button_solo_alt_search.png) top right no-repeat;
    width:25px;
}
.input-solo a{
    display:inline-block; 
    height:26px; 
    left:-4px;
    line-height:26px;
    overflow:hidden;
    position:relative;
    text-indent:100px;
    vertical-align:bottom;
    width:29px;
}
/***************************/
/*  Tool Tip               */
/***************************/
  a.help{
      display:-moz-inline-stack;
      display:inline-block;
      font-size:1px;
      text-indent:15px;
      line-height:15px;
      overflow:hidden;
      width:15px;
      height:15px;
      margin:0 0 1px 5px;
      background:url(/static/structural-images/help_icon.png) no-repeat;
      vertical-align:text-bottom;
      cursor: pointer;
  }
  
  a.help span{
      display:none;
  }
  a.help.active {
      background:url(/static/structural-images/help_icon_active.png) no-repeat;
  }

  .spanlink{
    color: #0091FF;
    cursor: pointer;
    text-decoration: underline;
  }
  

  #tooltip{
      position:absolute;
      display:none;
      padding:7px 0 0;
      width:305px; /* 305px -38px -22px = 245px */
      background:transparent url(/static/structural-images/tooltip_bg.png) no-repeat top left;
      
  }
  #tooltip-title{
      display:block;
      padding:0 0 8px;
      font: bold 13px/18px "Lucida Sans Unicode", "Lucida Grande", sans-serif, "Trebuchet MS", Verdana;
      color:#373737;
      width:261px;
  }
  #tooltip .info{
      background:#fff5cd url(/static/structural-images/tooltip_info.png) no-repeat 10px 3px;
      padding:6px 22px 0 38px;
  }
  #tooltip-content{
      border-left:2px solid #dddddd;
      border-right:2px solid #dddddd;
      display:block;
      padding:6px 22px 0px;
      background:#ff0000;
      font-size:11px;
      line-height:15px;
      background-color:#fff5cd;  
  }
  #tooltip-close{
      width:14px;
      height:14px;
      text-indent:14px;
      line-height:14px;
      overflow:hidden;
      background:url(/static/structural-images/tooltip_close.png) no-repeat;
      position:absolute;
      top:8px;
      right:8px;
  }
  #tooltip-indicator{
      background:transparent url(/static/structural-images/tooltip_bg.png) no-repeat bottom left;       
      height:30px;  
  }

/****************************/
/* Browser Alert            */
/****************************/
#browser-alert{
    background-color:#FFFFBF;
    border-bottom:1px solid #CDC68C;
    border-top:1px solid #CDC68C;
    height:30px;
    margin:0 auto;
}
#browser-alert p{
    background:transparent url(/static/structural-images/tooltip_info.png) no-repeat scroll 10px 5px;
    color:#000000;
    font:normal 12px/30px Arial;
    margin:0;
    padding-left:35px;
}


/****************************/
/* Collapsible Panel        */
/****************************/
.collapsible{
    position:relative;
}
.collapsible .panel-header{
    background:url(/static/structural-images/panel_bg.gif) top left repeat-x;
    color:#373737;
    height:35px;
    line-height:35px;
    padding-left:11px;
    position:relative;
}
.collapsible .panel-content,
.collapsible .panel-content-full{
    border-bottom:1px solid #d3d3d3;
    margin-bottom:30px;
    padding-left:50px;
    padding-top:20px;
}
.collapsible .panel-content-full{
    padding:0px;
}
.panel-header .help{
    position:absolute;
    right:12px;
    top:10px;
}  
a.toggle{
      display:-moz-inline-stack;
      display:inline-block;
      text-indent:15px;
      font-size:1px;
      line-height:15px;
      overflow:hidden;
      width:15px;
      height:15px;
      margin:8px 5px 1px 0;
      vertical-align:text-bottom;
      background:url(/static/structural-images/panel_collapse.png) no-repeat;
}
a.toggle:hover{
      background:url(/static/structural-images/panel_collapse-hover.png) no-repeat;
}
.collapsed a.toggle{
      background:url(/static/structural-images/panel_expand.png) no-repeat;
}
.collapsed a.toggle:hover{
      background:url(/static/structural-images/panel_expand-hover.png) no-repeat;
}
.collapsed .panel-content,
.collapsed .panel-content-full{
    display:none;
}
/* Col fixes (subtracts 42px from total width) */
.collapsible .span2{
    width:388px;
}
.collapsible .span3{
    width:246px;
}
.collapsible .span4{
    width:171px;
}
.collapsible .article-left {
    width:570px;
}
.collapsible .article-right {
    width:213px; /* 295px width */ 
}

/************/
/* Sort        */
/************/
.sort {
    background:url(/static/structural-images/sort_left.gif) no-repeat scroll top left; 
    height:34px; 
    margin-right: 10px; /* sliding doors padding */
    float:left;
    display:block;
}
.sort span{
    background:url(/static/structural-images/sort_right.gif) no-repeat top right; 
    height:31px; /* height = 34 */
    min-width:600px;
    display:block;
    padding:3px 0 0 10px;
    margin-left:10px;
    color:#FFFFFF;
    font:bold 14px/22px "Lucida Sans Unicode", "Lucida Grande", sans-serif, "Trebuchet MS", Verdana;
    overflow:hidden;
}
#leftnav-contentArea .sort {width:660px;}
.article-left .sort {width:600px;} 

.sort a, .sort span a {color:#053a8a; font-size:13px; font-weight:bold; padding-left:5px;}
.sort a img, .sort span a img {margin-left:3px;}
.sort h4, .sort span h4 {color:#FFFFFF;}
.sort a.up, .sort span a.up {background:url(/static/structural-images/sort_up_arrow.png) center right no-repeat; padding:0px 15px 0 0;}
.sort a.down, .sort span a.down {background:url(/static/structural-images/sort_down_arrow.png) center right no-repeat; padding:0px 15px 0 0;}
  
/***************************/
/* Clear Fixes              /
/***************************/
.clear { /* Clears current element */
    overflow: hidden;
    clear:both;
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
overflow:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
.float-right {float:right}
.float-left {float:left}
/**********************************/
/*  Bullet Styles                 */
/**********************************/
ul{ /* DEFAULT UL */
    font:13px/21px "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
    color:#737373;
    list-style-type:none;
    margin:0;padding:4px 0 10px;
}
ul.gray-bullet { font:14px/21px "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;}
ul li, ul.gray-bullet li { /* DEFAULT LI */
    background:transparent url(/static/structural-images/disc_gray.png) no-repeat 0 10px;
    padding:3px 0 3px 12px;
}
ul.blue-bullet li {background:transparent url(/static/structural-images/disc_blue.png) no-repeat 0 10px;} /* Default Blue */
ul.about-blue-bullet li {background:transparent url(/static/structural-images/bullet_disc_about_blue.png) no-repeat 0 10px; padding:3px 0 3px 12px;} /* About Blue */
.red-phone ul li, ul.red-bullet li{background:transparent url(/static/structural-images/disc_red.png) no-repeat 0 10px;}
.orange-internet ul li, ul.orange-bullet li {background:transparent url(/static/structural-images/disc_orange.png) no-repeat 0 10px;}
.green-tv ul li, ul.green-bullet li{background:transparent url(/static/structural-images/disc_green.png) no-repeat 0 10px;}
.leftcol-height500 {min-height:500px; padding-bottom:10px; margin-bottom:-5px;}

.green-tv #leftnav-contentArea ul li h5{color:#6CB501;}
.red-phone #leftnav-contentArea ul li h5{color:#cc3333;}
.orange-internet #leftnav-contentArea ul li h5{color:#FF6600;}

ul.no-bullet {
    list-style-type:none;
    margin:0;
    padding:0 0 10px 0;
    font:12px/21px  Verdana, Geneva, sans-serif; /* Font Change */
}
ul.no-bullet li {
    padding:3px 0px;
    margin-left:0px;
    background:none;
}

#hero ul {
    list-style-type:none;
    margin:0;
    padding:20px 0 10px 10px;
    font:14px/21px "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; /* Font Change due to readability of Lucida Grande */
    color:#FFFFFF;}
#hero ul li {
    padding:3px 0px 3px 12px;
    background:transparent url(/static/structural-images/disc_white.png) no-repeat;
    background-position:1px 8px;}

#career-listing ul {
    list-style-type:none;
    margin:0;
    padding:0 0 10px 0;
    font:13px/21px  "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; /* Font Change */
}
#career-listing ul li{
    padding:5px 0px;
    margin-left:0px;
    background:none;
}

/* Second Level Bullet */
li ul{
    margin:0 0 0 30px;
    list-style:disc;
}
li ul li{
    padding-left:0;
    color:#737373;
    background:none;
}

/* Pipe List */
ul.pipe {
    display:inline;
    list-style-type:none;
    }
ul.pipe li {
    float:left;
    border-right:1px solid #a6a6a6;
    padding:0px 15px;
    background:none;
}
ul.pipe li.lastcol { /* will be called dynamically */
    float:left;
    border-right:none;
    padding:0px 15px;
    background:none;
}

/* Ordered Lists */
ol {
    font:13px/21px "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
    margin:0 0 10px 20px;
}
ol li {padding:3px 0 3px 5px;}
#leftnav-contentArea ol.colored {
    padding:0 0 10px 0px;
    width:676px; /* 716px */
}
ol.colored li {font:18px/18px "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
    float:left;
    width:300px;
    padding: 3px 38px 3px 0;
    position:relative;
    left:30px;
    }
ol.colored li p {font:13px/18px "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; color:#737373; margin:3px 0;}
.green-tv ol.colored li { color:#6CB501;}
.red-phone ol.colored li {color:#cc3333;}
.orange-internet ol.colored li {color:#ff6600;}
.blue-bundles ol.colored li {color:#415492;}


/*********************************/
/*  Pagination Styles             */
/*********************************/
.paginationarea
{
    width: 650px;
}
.productitem
{
    width: 200px;
    float: left;
}
.productitem span
{
    font-weight: bold;
}
#paginationcontrol
{
    clear:both;
}
#paginationcontrol a
{
    text-decoration: none;
}

.search-paging { text-align: center; }
.search-paging-center { float:left; text-align:center; width: 440px; }
.search-paging-left { text-align: left; float: left; width: 80px;  } 
.search-paging-right { float: right;  width: 80px; }

/**********************************/
/*  sIFR styles... do not modify */
/*********************************/
h1.sifr-title, h3.sifr-title{color:#FFFFFF;}
.sIFR-flash {
    visibility: visible !important;
    margin: 0;
}
.sIFR-replaced {
    visibility: visible !important;
}
span.sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
.sIFR-hasFlash h1 {
    visibility: hidden;    
    font-size:26px;
}
.sIFR-hasFlash h2 {
    visibility: hidden;
    font-size: 55px;
}
.sIFR-hasFlash h3 {
    visibility: hidden;
    font-size: 18px;
}
.sIFR-hasFlash h4 {
    visibility: hidden;
    font-size: 21px;
}
.sIFR-hasFlash h5#pullquote {
    visibility: hidden;
    font-size: 24px;
}
.sIFR-active h2.sifr-title { visibility:hidden; }
/* End sIFR */

/***********************************/
/* External CKB                    */
/***********************************/
.ckb h1, .ckb h1 a{
    font:bold 18px/21px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; 
}
.ckb h2, .ckb h2 a{
    font:normal 18px/21px Verdana, Geneva, sans-serif sans-serif; /* Font Change due to readability */
    margin:20px 0 5px;
}
.ckb h3 {
    color:#5F6895; /* If no class is specified */
    font-family: "Trebuchet MS", Verdana, sans-serif;
    font-size:26px;
    margin:0px 0 5px;
}
.ckb h4 {
    color:#5F6895; /* If no class is specified */
    font:normal 26px/18px "Trebuchet MS", Verdana, sans-serif;  /* Font Change due to sIFR wrap issue */
    margin:20px 0 5px;
}
.ckb #hero h3, .ckb #hero h4, .ckb h3.white {color:white;} 

#cfkb-search button.search{
    background:url(/static/structural-images/button_solo_cfkb_search.png) top right no-repeat;
}
div.badge {
    display:block;
    height:80px;
    padding-bottom:5px;
    margin-bottom:10px;
    }
img.badge {padding-right:30px; margin-bottom:5px;}
img.left-image {padding:0px 30px 30px 0; margin-bottom:30px;} /* Used on Support page */
.badge h1, .badge h2 {padding-bottom:5px;}
.ckb-gray-grad {
    background:#FFF url(/static/structural-images/gray_grad_bg.gif) bottom left repeat-x;
    min-height:50px;
    padding-bottom:20px;
}
.gray-grad-divider {
    background:#FFF url(/static/structural-images/gray_grad_divider.gif) bottom left no-repeat;
    min-height:90px;
    width:962px;
    padding-bottom:20px;
}

#prototypes { 
    display:none;
}

#white-background .modal-head{
    padding-left:20px;
}
#white-background .modal-container .clear{
    padding-left:15px;
    min-height:30px;
    position:relative;
}

/* STYLES FOR CHANNEL LINEUPS */
#channel-lineups .row .newListSelected {float:none;}
#channel-lineups .text-default {float:left}
.gray-header {
    background-color:#f5f5f5; 
    padding:3px 20px; 
    font-size: 16px; 
    color:#373737; 
    margin:6px 0;
    display:block;
}
table.channels {margin:0; padding:0; table-layout:fixed; line-height:18px;}
table.channels .first-col, table.channels td.first-col{
    background:url(/static/structural-images/dotted_verticle.gif) top right repeat-y; 
    width:72px; 
    text-align:center;
    moz-text-align:center;
    margin:auto;
    vertical-align:top;
    padding-top:5px;
    overflow-x:hidden;
}
.channels .second-col {padding:5px 15px; width:172px; vertical-align:top; text-overflow:ellipsis;overflow:hidden;
}
.channels .third-col {width:50px; vertical-align:middle; text-align:center;}
table.channels th {text-align:center; font-size:10px;}
.search-header {color:#373737; font-size:10px;}

/** GRAY BOX **/
div.rounded-gray-box {
    -moz-border-radius:5px 5px 5px 5px;
    border-radius:5px;
    background-color:#FAFAFA;
    margin-right:20px;
    margin-top:10px;
    padding:20px;
    text-align:left;
    color:#373737;
    border:1px solid #EAEAEA;
}
.desktop-content{ display:none;}

/***********************************/
/* Flash Outline                   */
/***********************************/
object{ outline:none; display:block;}
 
/* Rounded Gray Pod (My Services)*/
#rounded-gray-pod {margin:20px; float:right;}
.rounded-gray-middle {
    background:url(/static/structural-images/rounded-gray-middle.png) top left repeat-y;
    width:218px; /*258 */
    padding:10px 20px 0px;
    line-height:25px;
    color:#737373;
}
#hero #rounded-gray-pod, #hero #rounded-gray-pod strong {
    color:#737373;
}
.rounded-gray-top {
    background:url(/static/structural-images/rounded-gray-top.png) top left no-repeat;
    width:258px; height:10px;
}
.rounded-gray-bottom {
    background:url(/static/structural-images/rounded-gray-bottom.png) top left no-repeat;
    width:258px; height:26px;
}

/***********************************/
/* H5 NEW content indicator                  */
/***********************************/

h3.new  {
    background:transparent url(/static/structural-images/h5-new.png) 0px 20px  no-repeat;
    text-indent:35px;
    line-height:18px;
}

li h3.new{ background-position: 0px 2px;
}

h4.new  {
    background:transparent url(/static/structural-images/h5-new.png) 0px 21px  no-repeat;
    text-indent:35px;
    line-height:18px;
}

li h4.new{ background-position: 0px 2px;
}

h5.new  {
    background:transparent url(/static/structural-images/h5-new.png) 0px 10px  no-repeat;
    text-indent:35px;
    line-height:18px;
}

li h5.new{ background-position: 0px 2px;
}

/***********************************/
/* Content by device styles
/***********************************/ 
ul.tabs {
    width:920px;
    height:110px;
    padding:0px;
    float:left;
    list-style-type: none;
    border: 0px solid red;
    }

ul.tabs li a {height:110px;}
ul.tabs li {display: inline;background-image: none;}
ul.tabs li.tv span, ul.tabs li.computer span, ul.tabs li.smartphone span, ul.tabs li.tablet span, ul.tabs li.mobilephone span {float:left;}
ul.tabs li.tv span {padding: 10px 0px 20px 58px;}
ul.tabs li.computer span {padding: 10px 0px 20px 34px;}    
ul.tabs li.smartphone span {padding: 10px 0px 20px 26px;}
ul.tabs li.tablet span {padding: 10px 0px 20px 45px;}
ul.tabs li.mobilephone span {padding: 10px 0px 20px 25px;}
            
ul.tabs li.tv a, ul.tabs li.computer a, ul.tabs li.smartphone a, ul.tabs li.tablet a, ul.tabs li.mobilephone a {
    width: 130px;
    display: block;
    float: left;
    border: 0px solid red;
    text-align: center;
    padding: 0px 26px;
    }
/*
ul.tabs li.tv a:hover, ul.tabs li.computer a:hover, ul.tabs li.smartphone a:hover, 
ul.tabs li.tablet a:hover, ul.tabs li.mobilephone a:hover {background: url('/static/images/icon-arrow.png') no-repeat; background-position:center bottom;}
*/
ul.tabs li.active a {background: url('/static/images/icon-arrow.png') no-repeat; background-position:center bottom;}
ul.tabs li a:link, ul.tabs li a:visited, ul.tabs li a:hover,ul.tabs li a:active {color:#373737; text-decoration: none;}
.tab_container {padding-top: 10px;}
.tab_container #col1, .tab_container #col2, .tab_container #col3, .tab_container #col4 {float:left;padding-right:30px;border:0px solid red;}
.tab_container #col4 {width:250px;}