HTML, FORM {
        margin: 0; padding: 0;
}

BODY {
        margin: 10;
}


.stext {
        vertical-align: top;
        font-size: 7pt;
}

.stext P {
        margin: 0 8px 8px 0;
}

.stext B {
        font-size: 8pt;
}

.stext DIV {
        margin: 0 8px 8px 0;
        font-size: 8pt;
}

A.myaccount {
        text-decoration: none;
        color: #333333;
}

A.myaccount:hover {
        text-decoration: none;
        color: #333333;
}

A.myaccount:visited {
        text-decoration: none;
        color: #333333;
}
A.ftlink {
        text-decoration: none;
}

A.ftlink:hover {
        text-decoration: underline;
}

A.ftnav {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 7pt;
        color: #5F95DD;
        margin-right: 3px;
        text-decoration: none;
        font-weight: normal;
}

A.ftnav:hover {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 7pt;
        color: #5F95DD;
        margin-right: 3px;
        text-decoration: underline;
        font-weight: normal;
}

A.frnav {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 7pt;
        font-weight: bold;
        color: #666666;
        margin-right: 3px;
        text-decoration: none;
}

A.frnav:hover {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 7pt;
        font-weight: bold;
        color: #666666;
        margin-right: 3px;
        text-decoration: underline;
}

.tmain {
        border: 1px solid #5BB8E6;
        background-color: #FFFFFF;
        background-image: url(../images/bgcontent.gif);
        background-repeat: repeat-x;
        background-position: 0% 100%;
}

.tinfo { padding: 30px 20px 0px 50px; }

.tleft {
        padding: 0px 8px 0px 12px;
}

.ttnav {
        margin-top: 9px;
        margin-right: 7px;
}

.tblue {
        background-image: url(../images/clb_freedom.gif);
        background-repeat: repeat-y;
}

.tdeep {
        background-image: url(../images/clb_wireless.gif);
        background-repeat: repeat-y;
}

.trnav {
        margin-top: 9px;
        margin-right: 7px;
}

.bloca {
        background-image: url(../images/bgloca.gif);
        background-repeat: no-repeat;
        background-position: 0% 50%;
}

.blocb {
        background-image: url(../images/bglocb.gif);
        background-repeat: repeat-x;
        background-position: 0% 50%;
}

.bgnavg {
        background-color: #CBE2AE;
        background-image: url(../images/bgnavg.gif);
}

.bgnavb {
        background-color: #5AB8E6;
        background-image: url(../images/bgnavb.gif);
}
.bgnavn {
        background-color: #5E95DD;
        background-image: url(../images/bgnavn.gif);
}

.bgcircle {
        background-color: #FFFFFF;
        background-image: url(../images/bgcircle.gif);
        background-repeat: no-repeat;
        background-position: 0% 0%;
}

.iloca {
        width: 155px;
        font-size: 8pt;
        margin-left: 5px;
}

.ftnav {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 7pt;
        color: #5F95DD;
        margin-right: 3px;
        text-decoration: underline;

}

.fblue {
        font-size: 8pt;
        color: #FFFFFF;
        margin: 0px 4px 0px 9px;
}

.fdeep {
        font-size: 8pt;
        color: #003366;
        margin: 9px 4px 0px 9px;
}

.fdeep A {
        color: #003366;
        text-decoration: underline;
}

.fpath {
        color: #999999;
        font-weight: bold;
}

.fpath A {
        color: #999999;
}

.frnav {
        font-size: 7pt;
        font-weight: bold;
        color: #666666;
        margin-right: 3px;
}

.fgr { 
    font-weight: bold;
    font-size: 10pt;
    color: #63BA06;
}

.dmenu {
        width: 500px;
        color: #999999;
        font-weight: bold;
        margin-top: 15px;
}

.dmenu A {
        color: #999999;
}

.image {
        margin-right: 16px;
}

.ttable {
        border-bottom: 2px solid #CCCCCC;
}

.tt1 {
        font-size: 7pt;
        text-align: left;
        background-color: #99E0F8;
        border-top: 1px solid #CCCCCC;
        border-left: 1px solid #CCCCCC;
}

.tt2 {
        font-size: 7pt;
        text-align: left;
        line-height: 10pt;
        background-color: #99E0F8;
        border-top: 1px solid #CCCCCC;
        border-left: 1px solid #FFFFFF;
}

.tt3 {
        font-size: 7pt;
        text-align: left;
        background-color: #99E0F8;
        border-top: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
        border-left: 1px solid #FFFFFF;
}

.tb1 {
        border-top: 1px solid #CCCCCC;
        border-left: 1px solid #CCCCCC;
}

.tb2 {
        border-top: 1px solid #CCCCCC;
        border-left: 1px solid #CCCCCC;
}

.tb3 {
        border-top: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
        border-left: 1px solid #CCCCCC;
}

.tb4 {
        border-top: 1px solid #CCCCCC;
        border-left: 1px solid #CCCCCC;
        padding: 2px 0px 2px 2px;
}


.disclaimer {
        font-size: 7pt;
}

.small {
        font-size: 10px;
}

.mapback {
        background-image: url(../images/map_bg.gif);
        background-repeat: no-repeat;
}

.terms {
        font-family: Arial, sans-serif;
        font-size: 8pt;
        font-weight: bold;
}

.text10pt {
        font-size: 10pt;
}

.text10ptBold {
        font-weight: bold;
}

.text9pt {
        font-size: 9pt;
}

.text9ptBold {
        font-size: 9pt;
        font-weight: bold;
}

.text9pt_indent {
        text-indent: 15px
        
}
/*li {
        line-height: normal;
        margin-left: 0px;
        margin-bottom: 0px;
        padding: 0px 0px 0px 0px;
        border: 0px;
}

ul {
        line-height: normal;
        padding: 0px 0px 6px 0px;
        margin: 0px 0px 0px 15px;
        border: 0px;
}*/
.datagrid th {
        font-size: 8pt;
        text-transform:uppercase;
        text-align: left;
        background-color: #99E0F8;
        padding: 4px 4px 4px 4px;
}
.datagrid th A {color:black; text-decoration:underline;}
.datagrid th A:hover {color:red;}

.datagrid td {
        text-align: left;
        padding:4px;
}

.rightmenu
{
        border-left:solid 1px #cccccc;
        border-right:solid 1px #cccccc;
        margin-right:4px;
}

.rightmenuitem, .rightmenuitemselected 
{
        height:25px;
        border-bottom:solid 1px #cccccc;
        padding:2px;
        background-image:url(../images/bg_menu.jpg);
        background-repeat:repeat-x;
        background-position:bottom;
        text-decoration:none;
        color:#003461;
        text-align:left;
}

.rightmenuitemselected 
{
        background-image:url(../images/bg_menu_on.jpg);
        font-weight:bold;
}

.rightmenuitemselected  A {font-weight:bold;}

.header 
{
        margin-left:12px;
        margin-right:12px;
        border-top:solid 1px #cccccc;
        border-bottom:solid 1px #cccccc;
}

TD.content 
{
        padding-top:12px;
        text-align:left;
        height:500px;
        vertical-align:top;
}

div.content 
{
        padding:6px;
}

div.rednote
{
        border:solid 1px red;
        padding:3px;
        margin-bottom:10px;
}
div.rednote div
{
        border:solid 2px red;
        padding: 7px 18px 7px 18px;
}
div.rednote div div
{
        border:0;
        padding: 0;
}

div.greennote
{
        padding: 7px 18px 7px 18px;
        background-image:url(../images/bg_greengrad.jpg);
        background-position:bottom;
        background-repeat:repeat-x;
        margin-bottom:2px;
}
div.greennote b
{
        color: #043462;
}

div.note 
{
        padding-bottom:10px;
        padding-top:10px;
}

.info th, div.caption 
{
        border-bottom:solid 3px #5d95df;
        text-align:left;
        font-size:10pt;
        font-weight:bold;
        color: #043462;
        padding-top:14px;
}

.info td
{
        text-align:left;
        padding:4px;
}

.info td.caption
{
        width:25%;
        text-align:right;
        font-weight:bold;
}

.modalPopup
{
        width: 500px;
        border: solid 1px gray; background-color: #ffffff;
        padding:10px;
}

.modalPopup .caption
{
        
}

.modalPopup .closeBtn
{
        float:right;
}
.modalPopup .closeBtn A
{
        color:White; font-weight:bold;
        background-color:#5d95df;
        text-decoration:none;
}

.outage_red, .outage_green {border:1px solid #b9d797; margin-right:4px;}
.outage_red .title, .outage_green .title {color:White; padding:10px; font-size:10pt; font-weight:bold; }
.outage_red .title { background-color:#f20904; }
.outage_green .title { background-color:#49c107; }
.outage_green .note, .outage_red .note { padding:10px; }

.outage_rounded {width:405px; }
.outage_rounded .title {height:37px; background-image:url("../images/outagetitle.gif"); background-repeat:no-repeat; background-position:top;}
.outage_rounded .note {padding:14px; border-left:2px solid #7fc1f3; border-right:2px solid #7fc1f3;}
.outage_rounded .footer {height:5px; background-image:url("../images/outagebottom.gif"); background-repeat:no-repeat; background-position:bottom;}

.breakline, .breakline2 { border-bottom: 1px dotted black; margin-bottom:10px; margin-top:16px;}
.breakline2 {margin-bottom:2px; margin-top:2px;}

.steps {font-size:16pt; text-transform:uppercase;}
.steps img {vertical-align:middle;}
.steps span {margin-right:20px;}
.steps .off {color:#CCCCCC;}
.steps .on {color:#000000;}

.title {font-weight:bold; font-size:10pt;}

.tickets TH A, .tickets TH A:visited {color:#000000;}
.tickets TH, .tickets TD {text-align:center; padding:4px 2px 4px 10px; }
.tickets TH {padding-bottom:0px;}
.tickets TH.left, .tickets TD.left {text-align:left;}

.tickets TR { background-color: #ffffff;}
.tickets TR.altRow { background-color: #edf6e3;}
.tickets .separator {height:10px;}

.waiter {
        position:absolute; z-index:1000; top:0px; left:0px; width:500%; height:500%;
        text-align:center;
        filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
        background-color:Gray;
        }
        
.waitermessage {width:100%; 
        position:absolute; z-index:1001; 
        text-align:center;
        left:0; top:0;
        }       
        
.waitermessage TH {background-color:Red; color:White; text-align:center;}
.waitermessage TD {text-align:center;}
.waitermessage TABLE {background-color:White; width:250px; border:1px solid #000; }
.waitermessage TABLE {margin-top:100px;}
.waitermessage TABLE {margin-top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +100 : document.body.scrollTop+ 100);}


.phoneinput .char { margin-bottom:12px; font-size:10pt;}

a.toalink,a.toalink:visited {display:block; background-color:#007ba9; color:#ffffff; padding:0 2px; text-decoration:none; font-weight:bold; font-size:10px; margin-top:2px; width:120px;}
a.toalink:hover {text-decoration:none;background-color:#0197cf;}