/* Coded by Kbytez */

body, html{
    font-family: arial;
    font-size: 12px;
    color: #737373;
    margin-top: 0px;
    padding-top: 0px;
    background-color: #f1f1f1;
}
h1 {
    color: #3f8cd4;
    font-size: 18px;
    font-weight: bold;
    margin-top: -1px;
}
a {
    color: #737373;
    font-weight: normal;
    text-decoration: none;
}
a:hover {
    border-bottom: 1px dotted #737373;
}
#wrapper {
    width: 920px;
    height: auto;
    margin: auto;
}
#top {
    width: 784px;
    height: 13px;
    float: left;
    background: url(images/top.png);
    color: white;
    padding: 15px;
}
#client {
    width: 103px;
    height: 43px;
    float: left;
}
#logo {
    width: 274px;
    height: 55px;
    float: left;
    margin-top: 12px;
    margin-left: 0px;
}
#nav {
    width: 640px;
    height: 45px;
    float: right;
    background: url(images/nav.png);
    margin-top: 22px;
    text-align: center;
}

#nav ul
{
list-style: none;
padding: 0;
margin: 0;
text-align: center;
}
#nav li
{
float: left;
margin: 0 0.15em;

}
#nav li a
{
height: 21px;
margin-top: 1px;
float: left;
width: 6em;
display: block;
padding-top: 15px;
color: #565656;
text-decoration: none;
text-align: center;
margin-left: 10px;
border-bottom: 0px dotted #737373;
}
#nav li a:hover
{
background-color: #f2f2f2;
height: 21px;
margin-top: 1px;
float: left;
width: 6em;
display: block;
padding-top: 15px;
color: #177fd0;
text-decoration: none;
text-align: center;
margin-left: 10px;
}



#nav2 {
    width: 600px;
    height: 45px;
    float: left;
    background: url(/images/nav2.png);
    margin-bottom: 10px;
    text-align: center;
}

#nav2 ul
{
list-style: none;
padding: 0;
margin: 0;
text-align: center;
}
#nav2 li
{
float: left;
margin: 0 0.15em;

}
#nav2 li a
{
height: 21px;
margin-top: 1px;
float: left;
width: 6em;
display: block;
padding-top: 15px;
color: #565656;
text-decoration: none;
text-align: center;
margin-left: 10px;
border-bottom: 0px dotted #737373;
}
#nav2 li a:hover
{
background-color: #f2f2f2;
height: 21px;
margin-top: 1px;
float: left;
width: 6em;
display: block;
padding-top: 15px;
color: #177fd0;
text-decoration: none;
text-align: center;
margin-left: 10px;
}

#banner {
    width: 920px;
    height: 210px;
    float: left;
    margin-top: 10px;
}
#package1 {
    width: 293px;
    height: auto;
    float: left;
    margin-top: 20px;
    margin-right: 21px;
}
#package2 {
    width: 293px;
    height: auto;
    float: left;
    margin-top: 20px;
    margin-right: 20px;
}
#package3 {
    width: 293px;
    height: auto;
    float: left;
    margin-top: 20px;
}
.pheader {
    width: 281px;
    height: 33px;
    float: left;
    background: url(images/pheader.png);
    color: white;
    font-size: 18px;
    font-weight: bold;
    padding-top: 12px;
    padding-left: 12px;
}
.pmid {
    width: 293px;
    height: auto;
    float: left;
    background: white;
    color: #3c3c3c;

}
.order {
    width: 293px;
    height: 48px;
    float: left;
}
.content {
    width: 608px;
    height: auto;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
}
.ctop {
    width: 608px;
    height: 8px;
    float: left;
    background: url(images/ctop.png);
}
.cmid {
    width: 578px;
    height: auto;
    float: left;
    background: white;
    padding: 15px;
}
.cbot {
    width: 608px;
    height: 5px;
    float: left;
    background: url(images/cbot.png);
}
.right {
    width: 293px;
    height: auto;
    float: right;
    margin-top: 20px;
    margin-bottom: 20px;
}
.rtop {
    width: 293px;
    height: 8px;
    float: left;
    background: url(images/rtop.png);
}
.rmid {
    width: 263px;
    height: auto;
    float: left;
    background: white;
    padding: 15px;
}
.rbot {
    width: 293px;
    height: 5px;
    float: left;
    background: url(images/rbot.png);
}
#footer{ 
    width: 870px;
    height: 12px;
    float: left;
    background: url(images/footer.png);
    margin-top: 30px;
    color: white;
    padding: 25px;
}







#company_title{background-color:#00162C;color:#FFF;float:left;font-size:24px;line-height:60px;margin:0;padding:0;text-align:left;}
#welcome_box{background-color:#00162C;float:right;line-height:60px;margin:0;padding:0;text-align:right;}
#welcome_box a,#welcome_box a:visited{color:#accbff;text-decoration:none;}
#welcome_box a:hover{text-decoration:underline;}
.absmiddle{vertical-align:middle;}
.breadcrumb{background-color:#F5F5F5;margin:0 0 10px;padding:10px;}
.clear{clear:both;}
.green{color:#006F0F;}
.header{color:#1a4d80;font-size:14px;font-weight:700;}
.red{color:#BF0000;}
.small{font-size:11px;}
.warning{background-color:#FFFFDF;border:1px solid #FDFF3F;margin:0 0 10px;padding:10px;}
.contentbox{padding:10px;margin:0 0 10px;text-align:center;}
.errorbox{background-color:#FFBFBF;padding:10px;margin:0 0 10px;text-align:center;color:#7F0000;}
.successbox {border: 1px solid #66CC00;font-weight: bold;background-color: #DDFFC6;text-align: center;padding: 10px;color: #009933;}
.clientareatableactive{background-color:#DFFFE0}
.clientareatablepending{background-color:#EFEFEF}
.clientareatablesuspended{background-color:#FFF6CF}
.clientareatableterminated{background-color:#FFCFCF}
.clientticketreplyheader{background-color:#EBEBEB;color:#333;border-top:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #EBEBEB;border-left:1px solid #CCC;}
.clientticketreply{background-color:#F5F5F5;margin:0 0 10px;padding:10px;border-right:1px solid #CCC;border-bottom:1px solid #CCC;border-left:1px solid #CCC;}
.adminticketreplyheader{background-color:#CFE6FF;color:#333;border-top:1px solid #CAE6FF;border-right:1px solid #CAE6FF;border-bottom:1px solid #CAE6FF;border-left:1px solid #CAE6FF}
.adminticketreply{background-color:#EEF6FF;padding:10px;margin:0 0 10px;border-right:1px solid #CAE6FF;border-bottom:1px solid #CAE6FF;border-left:1px solid #CAE6FF;}
.networkissueaffected{background-color:#EFEFEF;padding:10px;margin: 0 0 10px;}
.textgreen{color:#158F00;}
.textred{color:#9F0000;}
form{margin:0;padding:0;}
hr{background-color:#EBEBEB;border:0;border-top:1px solid #EBEBEB;height:0;margin:10px 0;overflow:hidden;}
input,select,textarea{color:#666;font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;font-size:12px;margin:0;padding:2px;}
table.data{margin:0 0 10px;padding:0;}
table.data td{background-color:#FFF;border-bottom:1px solid #EBEBEB;}
table.data th{background-color:#888;border-bottom:1px solid #333;color:#FFF;font-weight:400;}
table.data tr.clientareatableactive td{background-color:#DFFFE0 !important;}
table.data tr.clientareatablepending td{background-color:#EFEFEF !important;}
table.data tr.clientareatablesuspended td{background-color:#FFF6CF !important;}
table.data tr.clientareatableterminated td{background-color:#FFCFCF !important;}
table.frame{margin:0 0 10px;padding:0;border:1px solid #EBEBEB;border-bottom:0;}
table.frame table td{background-color:#FFF;border-bottom:1px solid #EBEBEB;}
table.frame table td.fieldarea{background-color:#F5F5F5;color:#333;text-align:right;border-right:1px solid #EBEBEB;}