body { margin: 0px; font: 9pt arial; }
input,select,textarea,pre { font: 9pt arial; }
table,td { color: #4c4c4c; font: 9pt arial; white-space: normal; }

hr.hr1 { border: 0px; width: 100%; color: #CECFCE; background-color: #CECFCE; height: 1px; }
hr.hr2 { border: 0px; width: 100%; color: #ffc94c; background-color: #ffc94c; height: 1px; }

.default:link { color: #4c4c4c; font: 9pt arial; text-decoration: underline; }
.default:visited { color: #4c4c4c; font: 9pt arial; text-decoration: underline; }
.default:hover { color: #F76500; font: 9pt arial; text-decoration: none; }

.menu:link { color: #4c4c4c; font: 15pt arial; text-decoration: underline; }
.menu:visited { color: #4c4c4c; font: 15pt arial; text-decoration: underline; }
.menu:hover { color: #ffc94c; font: 15pt arial; text-decoration: none; }

.login_service:link { color: #008ED6; font: 13pt arial; font-weight: bold; text-decoration: underline; }
.login_service:visited { color: #008ED6; font: 13pt arial; font-weight: bold; text-decoration: underline; }
.login_service:hover { color: #F76500; font:13pt arial; font-weight: bold; text-decoration: none; }

.ssp_service:link { color: #008ED6; font: 13pt arial; font-weight: bold; text-decoration: underline; }
.ssp_service:visited { color: #008ED6; font: 13pt arial; font-weight: bold; text-decoration: underline; }
.ssp_service:hover { color: #F76500; font:13pt arial; font-weight: bold; text-decoration: none; }

.zone_service:link { color: #008ED6; font: 18pt arial; font-weight: bold; text-decoration: underline; }
.zone_service:visited { color: #008ED6; font: 18pt arial; font-weight: bold; text-decoration: underline; }
.zone_service:hover { color: #F76500; font:18pt arial; font-weight: bold; text-decoration: none; }

.process:link { color: #008ED6; font: 9pt arial; text-decoration: underline; }
.process:visited { color: #008ED6; font: 9pt arial; text-decoration: underline; }
.process:hover { color: #F76500; font:9pt arial; text-decoration: none; }

.a_on:link { color: #4c4c4c; font: 9pt arial; text-decoration: underline; }
.a_on:visited { color: #4c4c4c; font: 9pt arial; text-decoration: underline; }
.a_on:hover { color: white; font:9pt arial; text-decoration: none; background-color: green; }

.a_off:link { color: #4c4c4c; font: 9pt arial; text-decoration: underline; }
.a_off:visited { color: #4c4c4c; font: 9pt arial; text-decoration: underline; }
.a_off:hover { color: white; font:9pt arial; text-decoration: none; background-color: red; }

.a_ready:link { color: #4c4c4c; font: 9pt arial; text-decoration: underline; }
.a_ready:visited { color: #4c4c4c; font: 9pt arial; text-decoration: underline; }
.a_ready:hover { color: white; font:9pt arial; text-decoration: none; background-color: #cccccc; }

.font_sign_in { font: 22pt arial; color: #F76500; } 
.font_time { font: 9pt arial; color: #999999; }
.font1 { font: 20pt arial; color: #ffc94c; }
.font1_welcome { font: 17pt arial; font-weight: bold; color: #008ED6; }
.font1_user { font: 17pt arial; font-weight: bold; color: #F76500; }
.font2 { color: #a2738d; }
.font3 { color: #4c4c4c; }
.font4 { font: 18pt arial; color: #F76500; }
.font5 { font: 15pt arial; color: #a2738d; }
.font6 { font: 8pt arial; color: #ffffff; }
.font7 { font: 8pt arial; color: #737173; }
.font8 { font: 18pt arial; color: #ffffff; }
.font9 { font: 9pt arial; color: #ffffff; }
.font10 { font: 9pt arial; color: #008ED6; }
.font11 { font: 9pt arial; color: #999999; }
.font12 { font: 8pt arial; color: #999999; font-style: italic; }
.font13 { font: 9pt arial; color: #4c4c4c; }
.font14 { font: 14pt arial; color: #008ED6; }
.font15 { font: 10pt arial; color: #000000; font-weight: bold; }
.font16 { font: 12pt arial; color: #999999; font-weight: bold; }
.font17 { font: 25pt arial; color: red; }
.font18 { font: 8pt arial; color: red; font-style: italic; }
.font19 { font: 9pt arial; color: blue; }
.font20 { font: 9pt arial; color: red; }
.font21 { color: #008ED6; font: 13pt arial; font-weight: bold; text-decoration: underline; }

tr.header2inside td { border-bottom: 1px solid #dedede; background: #efefef; }
tr.header2outside td { border: 0px; background: #efefef; }
tr.thead1 td, td.key1 { background-color: #999999; font-weight: bold; }
tr.thead2 { background: url(./images/header_login.jpg) no-repeat left; }
tr.thead2_chat { background: url(./images/header_login2.jpg) no-repeat left; }
tr.thead3 { height: 72px; background: url(./images/header_pencil.gif) no-repeat top; }
tr.thead4 { background: url(./images/border_spacer.gif) center; }

tr.trow1 td, td.value1 { background-color: #d7dde5; }
tr.trow2 td { border: 1px solid #fb7a31; padding: 1em; background: #ffc; }
table.trow3 tr td { white-space: nowrap; }

td.blue_login_box
{ 
border-top: 1px solid #73beef; 
border-right: 1px solid #73beef; 
border-left: 1px solid #73beef; 
background: #ffffff; 
}

td.service_box 
{ 
width: 100%; 
height: 10px;
border-top: 1px solid #73beef; 
border-right: 1px solid #73beef; 
border-left: 1px solid #73beef; 
background: #ffffff; 
}

td.service_box_green, td.service_box_red, td.service_box_yellow, td.service_box_zone_package, td.service_box_bbtv_package, td.service_box_cmetv_package 
{ 
width: 230px; 
height: 10px;
border-top: 1px solid #73beef; 
border-right: 1px solid #73beef; 
border-left: 1px solid #73beef; 
background: #ffffff; 
}

td.service_box_green, td.service_box_red, td.service_box_yellow { width: 100%; } 
td.service_box_green { background: url(./images/green_dot_bg1.jpg) no-repeat bottom right; }
td.service_box_red { background: url(./images/red_dot_bg1.jpg) no-repeat bottom right; }
td.service_box_yellow { background: url(./images/yellow_dot_bg1.jpg) no-repeat bottom right; }
td.service_box_zone_package { background: url(./images/services/thumbnail/zone_bg1.jpg) no-repeat bottom right; }
td.service_box_bbtv_package { background: url(./images/services/thumbnail/bbtv_bg1.jpg) no-repeat bottom right; }
td.service_box_cmetv_package { background: url(./images/services/thumbnail/cmetv_bg1.jpg) no-repeat bottom right; }

.star_mandatory { color: #eb1b28; }
.star_optional { color: blue; }
.text_enable_popup, .a_enable_popup { font: 8pt arial; color: red; font-style: italic; }
.a_enable_popup:link { text-decoration: underline; }
.a_enable_popup:visited { text-decoration: underline; }
.a_enable_popup:hover { text-decoration: none; }
.text_mandatory, .text_optional { font: 8pt arial; color: #999999; font-style: italic; }
.text_aggree, .a_aggree { font: 9pt arial; color: #999999; font-style: italic; }
.a_aggree:link { text-decoration: underline; }
.a_aggree:visited { text-decoration: underline; }
.a_aggree:hover { text-decoration: none; }
.text_payment_again, .a_payment_again { font: 9pt arial; color: blue; }
.a_payment_again:link { text-decoration: underline; }
.a_payment_again:visited { text-decoration: underline; }
.a_payment_again:hover { text-decoration: none; }
.text_blue, .a_text_blue { font: 8pt arial; color: blue; font-style: italic; }

input 
{
color: #4c4c4c;
height: 20px;
border-top: 1px solid #4774b9;
border-right: 1px solid #9cc0f7;
border-bottom: 1px solid #9cc0f7;
border-left: 1px solid #4774b9;
}

input.blur 
{
color: #4c4c4c;
height: 20px;
border-top: 1px solid #4774b9;
border-right: 1px solid #9cc0f7;
border-bottom: 1px solid #9cc0f7;
border-left: 1px solid #4774b9;
background-color: #f2f4f7;
}

input.button1
{
color: #4c4c4c;
height: 30px;
border-top: 1px solid #4774b9;
border-right: 1px solid #9cc0f7;
border-bottom: 1px solid #9cc0f7;
border-left: 1px solid #4774b9;
background-color: #d7dde5;
cursor: pointer;
}

input.button2
{
color: #4c4c4c;
height: 30px;
border-top: 1px outset #4774b9;
border-right: 1px outset #9cc0f7;
border-bottom: 1px outset #9cc0f7;
border-left: 1px outset #4774b9;
background-color: #d7dde5;
cursor: pointer;
}

input.button_submit
{
width: 110px;
height: 34px;
border: 0px;
background-image: url(./images/button_submit.gif);
background-repeat: repeat-x;
background-position: center center;
cursor: pointer;
}

input.button_update
{
width: 110px;
height: 34px;
border: 0px;
background-image: url(./images/button_update.gif);
background-repeat: repeat-x;
background-position: center center;
cursor: pointer;
}

select 
{
color: #4c4c4c;
height: 20px;
border-top: 1px solid #4774b9;
border-right: 1px solid #9cc0f7;
border-bottom: 1px solid #9cc0f7;
border-left: 1px solid #4774b9;
background-color: #ffffff;
}

input.login 
{
width: 218px;
height: 25px;
background: url(./images/login_rdcnr_field.gif) no-repeat;
border: none;
padding: 3px;
}

input.button_submit_stat
{
font: 9pt arial;
font-weight: bold;
color: #994800;
height: 25px;
width: 156px;
border: 0px;
background: transparent url(./images/button_submit_on.gif) no-repeat;
cursor: pointer;
}

input.button_submit_stat:hover
{
background: transparent url(./images/button_submit_off.gif) no-repeat;
}

input.button_link { cursor: pointer; background-color: #ffffff; border: 0px; color: #008ED6; font: 9pt arial; text-decoration: underline; }
input.button_link:hover { cursor: pointer; background-color: #ffffff; border: 0px; color: #F76500; font:9pt arial; text-decoration: underline; }

#selfcare_winstatus 
{
position: absolute; left: 0px; top: 0px;
background-color: #efefef; 
padding: 1px;
text-align: left;
}
span > div#selfcare_winstatus { position: fixed; }
.font_winstatus { font: 9pt arial; color: #4c4c4c; }

#selfcare_windmesg 
{
position: absolute; right: 0px; top: 0px;
background-color: #efefef; 
padding: 1px;
text-align: left;
}
span > div#selfcare_windmesg { position: fixed; }
.font_windmesg { font: 9pt arial; color: white; }