body {
	background-color: #C7C7C7;
	background-image: url(../pics/back.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	text-align: -moz-center;
	!text-align: center;
}

.header { background-color: #00184A; background-image: url(../pics/top_netports.gif); BACKGROUND-REPEAT: no-repeat; }

.webhosting { 
 	padding: 8px ;
}

.headtxt { FONT-SIZE: 12px; COLOR: #CDE1F0; FONT-FAMILY: Arial, Verdana, Tahoma, Tahoma, Helvetica, sans-serif; }
a.headtxt:link {  font-weight: bold; color: #CDE1F0; text-decoration: none }
a.headtxt:visited { font-weight: bold; color: #CDE1F0; text-decoration: none }
a.headtxt:hover { font-weight: bold; color: #FFFFFF; text-decoration: underline }

.bdr-l {background-color : #C7C7C7; background-image : url(../pics/bdr-l.gif); background-repeat : repeat-y; }
.bdr-r {background-color : #C7C7C7; background-image : url(../pics/bdr-r.gif); background-repeat : repeat-y; }
.bdr-b {background-color : #C7C7C7; background-image : url(../pics/bdr-b.gif); background-repeat : repeat-x; }

.w10 { FONT-SIZE: 11px; COLOR: #CDE1F0; FONT-FAMILY: Arial, Verdana, Tahoma, Helvetica, sans-serif; }
a.w10:link {  color: #CDE1F0; text-decoration: none }
a.w10:visited { color: #CDE1F0; text-decoration: none }
a.w10:hover { color: #FFFFFF; text-decoration: underline }

.g9 { FONT-SIZE: 9px; COLOR: #666666; FONT-FAMILY: Arial, Verdana, Tahoma, Helvetica, sans-serif; }
a.g9:link {  color: #666666; text-decoration: none }
a.g9:visited { color: #666666; text-decoration: none }
a.g9:hover { color: #777777; text-decoration: underline }

.g10 { FONT-SIZE: 10px; COLOR: #444444; FONT-FAMILY: Verdana, Arial, Tahoma, Helvetica, sans-serif; }
a.g10:link {  color: #444444; text-decoration: none }
a.g10:visited { color: #444444; text-decoration: none }
a.g10:hover { color: #777777; text-decoration: underline }


h1 { font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 22px; color: #2A5CAC;  font-weight: bold; margin-top: 2px; margin-bottom: 2px; margin-left: 0px; margin-right: 0px; letter-spacing: -.05em; }
h2 { font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 16px; color: #2A5CAC;  font-weight: bold; margin-top: 2px; margin-bottom: 2px; margin-left: 0px; margin-right: 0px; letter-spacing: -.05em; }
h3 { font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 14px; color: #2A5CAC;  font-weight: bold; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; letter-spacing: -.05em; }
h4 { font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 12px; color: #2A5CAC;  font-weight: bold; margin-top: 2px; margin-bottom: 2px; margin-left: 0px; margin-right: 0px; letter-spacing: -.05em; }


form {
	margin: 0px;
}

body,td,input,select,textarea {
	font-family: Verdana;
	font-size: 11px;
        color: #444444;
}

a:link {  color: #2A5CAC; text-decoration: none; }
a:visited { color: #2A5CAC; text-decoration: none; }
a:hover { color: #008DFF; text-decoration: underline; }

.heading {
	font-family: Tahoma;
	font-size: 18px;
	font-weight: normal;
	color: #65A5E6;
}

.heading2 {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
    text-decoration: none;
    color: #000000;
}

.heading3 {
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #16679F;
}


table.topnavbar {
	width: 100%;
}

tr.topnavbar {
	background-color: #efefef;
	font-weight:bold;
	text-align: center;
}

tr.topnavbar a {
	color: #000000;
	text-decoration: none;
}

tr.topnavbar a:hover {
	color: #666666;
}

.clientarealinks {
    backgroun-color: #FFFFFF;
    padding: 2px;
    border-width: 1px;
    border-style: dashed;
    border-color: green;
}

.clientarealinks a {
    font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 10px; color: #green;  font-weight: bold;	
}

.gbdr {
	border: 1px solid #D3D3D3;
	padding: 0px;
}

.fieldarea {
	background-color: #efefef;
	text-align: right;
}

.clientareatable {
	background-color: #F3F3F3;
}

tr.clientareatableheading {
	background-color: #efefef;
	font-weight: bold;
	text-align: center;
}

tr.clientareatableactive {
	background-color: #ffffff;
	text-align: center;
}

tr.clientareatablepending {
	background-color: #FFFFE2;
	text-align: center;
}

tr.clientareatablesuspended {
	background-color: #E9FFD2;
	text-align: center;
}

tr.clientareatableterminated {
	background-color: #FFE1E1;
	text-align: center;
}

tr.supportticketsheading {
	background-color: #efefef;
}

tr.supportticketscontent {
	background-color: #ffffff;
}

.contentbox {
	width: 75%;
	text-align: center;
	background-color: #f7f7f7;
	border: 1px dashed #cccccc;
	padding: 5px;
	margin-left: auto; 
	margin-right: auto;
}

.errorbox {
	border: 1px dashed #cc0000;
	font-weight: bold;
	background-color: #FBEEEB;
	text-align: center;
	width: 90%;
	padding: 10px;
	color: #cc0000;
	margin-left: auto; 
	margin-right: auto;
}

.domaincheckeravailable {
	color: #669900;
}

.domaincheckerunavailable {
	color: #cc0000;
}

.networkissuessummary {
    background-color: #f6f6f6;
    border: 1px dashed #cccccc;
    padding: 10px;
    text-align: center;
}

.networkissuesopen {
    font-size: 16px;
    font-weight: bold;
    color: #65CC00;
    padding-right: 20px;
}

.networkissuesscheduled {
    font-size: 16px;
    font-weight: bold;
    color: #EEDD00;
    padding-right: 20px;
}

.networkissuesclosed {
    font-size: 16px;
    font-weight: bold;
    color: #888888;
}

.networkissuedescription {
    border-left: 5px solid #efefef;
    padding: 20px;
    padding-top: 1px;
}

.networkissueaffected {
    background-color: #FDFCDD;
    padding: 10px;
    margin-top: 10px;
}

.clientticketreplyheader {
    margin-top: 20px;
    background-color: #92BDEA;
    font-weight: bold;
    color: #ffffff;
    padding: 4px 20px 4px 20px;
}

.clientticketreply {
    min-height: 80px;
    background-image: url('images/clientticketreplybg.gif');
    background-repeat: repeat-x;
    padding: 10px;
}

.adminticketreplyheader {
    margin-top: 20px;
    background-color: #888888;
    font-weight: bold;
    color: #ffffff;
    padding: 4px 20px 4px 20px;
}

.adminticketreply {
    min-height: 80px;
    background-image: url('images/adminticketreplybg.gif');
    background-repeat: repeat-x;
    padding: 10px;
}

.closeticket {
    border: 1px dashed #cc0000;
	font-weight: bold;
	background-color: #FBEEEB;
    color: #cc0000;
}

tr.orderheadingrow {
	background-color: #5AB9F1;
	color: #ffffff;
}

tr.orderrow1 {
	background-color: #E8F0F9;
	color: #000000;
}

tr.orderrow2 {
	background-color: #D6E4F6;
	color: #000000;
}

.iyel {	font-weight: bold;
	background-color: #FFFEEC;
}

/* Left menu image roll */

#inya td {
	border-bottom: 3px solid #ffffff;
	}

	
#inya a {
	font: 14px Arial, Verdana, Helvetica, sans-serif;
        letter-spacing: -.05em;
        font-weight: bold; 
	color: #003366;
	line-height:8px;
	text-decoration: none;
	display:block;
	padding: 10px 0px 10px 8px;
	background: url("../pics/butz_a.gif");
	}
	
#inya a:hover {
	background: #ffffff url("../pics/butz_b.gif");
	color:#008DFF;
	}

#inya a:actve {
	background: #ffffff url("../pics/butz_b.gif");
	color:#444444;
	}



/* Left menu back roll */

.greybdrbot {
	border-bottom: 1px solid #DCDCDC;
	}

#navigation td {
	border-bottom: 1px solid #DCDCDC;
	}

	
#navigation a {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #003366;
        font-weight: bold;
	line-height:5px;
	text-decoration: none;
	display:block;
	padding: 8px 0px 10px 16px;
	background: url("../pics/arrow_a.gif") 2px 45% no-repeat;
	}
	
#navigation a:hover {
	background: #ffffff url("../pics/arrow_a.gif") 4px 45% no-repeat;
	color:#008DFF;
	}

.t9 { 
        FONT-SIZE: 9px; 
        COLOR: #40454B;
        font-weight: bold;
        FONT-FAMILY: Arial, Verdana, Tahoma, Tahoma, Helvetica, sans-serif;
}

div.stepsboxactive { background: #A4C96E; width: 150px; font-size: 12px; text-align: center; color: #ffffff; margin-bottom: 5px; }
b.stepsboxactivertop, b.stepsboxactiverbottom { display:block; background: #FFF }
b.stepsboxactivertop b, b.stepsboxactiverbottom b {display:block;height: 1px; overflow: hidden; background: #A4C96E; }

div.stepsboxinactive { background: #efefef; width: 150px; font-size: 12px; text-align: center; margin-bottom: 5px; }
b.stepsboxinactivertop, b.stepsboxinactiverbottom { display:block; background: #FFF }
b.stepsboxinactivertop b, b.stepsboxinactiverbottom b {display:block;height: 1px; overflow: hidden; background: #efefef; }

div.orderbox { background: #efefef; margin-bottom: 5px; }
b.orderboxrtop, b.orderboxrbottom { display:block; background: #FFF }
b.orderboxrtop b, b.orderboxrbottom b {display:block;height: 1px; overflow: hidden; background: #efefef; }
div.orderboxpadding { padding: 5px; }


b.r1 {margin: 0 5px}
b.r2 {margin: 0 3px}
b.r3 {margin: 0 2px}
b.r4 {margin: 0 1px;height: 2px}

.error {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #DD0000;
    text-decoration: none;
    border: none;
    font-weight: bold;
}

.msg {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13.5px;
    text-decoration: none;
    font-weight: bold;
}


#warnmessage, #errormessage {
	border: 1px dashed #cc0000;
	font-weight: bold;
	background-color: #FBEEEB;
	text-align: center;
	width: 90%;
	padding: 10px;
	color: #cc0000;
	margin-left: auto; 
	margin-right: auto;
}

#infomessage {
	border: 1px dashed #009900;
	font-weight: bold;
	background-color: #ECFBEB;
	text-align: center;
	width: 90%;
	padding: 10px;
	color: #007700;
	margin-left: auto; 
	margin-right: auto;
}

.Icon {
        
    width: auto;
    padding-left:20px;
    background-position: left center;
    background-repeat: no-repeat;
    color:#006699; 
    text-decoration: none;
}

a.Icon { }
   
a.Icon:hover {
    text-decoration: underline;    
}

    
.Icon.Ticket { background:url(../images/icons/ticket.gif) 0 0px no-repeat; }
.Icon.webTicket { background:url(../images/icons/ticket_source_web.gif) 3px 0px no-repeat; }
.Icon.emailTicket { background:url(../images/icons/ticket_source_email.gif) 3px 0px no-repeat; }
.Icon.phoneTicket { background:url(../images/icons/ticket_source_phone.gif) 3px 0px no-repeat; }


.Icon.attachment { background-image: url(../images/icons/attachment.gif); }
.Icon.file { background-image: url(../images/icons/attachment.gif); }
.Icon.refresh { background-image: url(../images/icons/refresh.gif); }   
.Icon.thread {
    font-weight: bold;
    font-size: 1em;
    background-image: url(../images/icons/thread.gif);
}

/* Ticket view (Messages and Responses) */

.ticket_in {
	border: 1px solid #D3D3D3;
	text-align: left;
	width: 640px;
	padding: 10px;
}

.ticket_out {
	border: 1px solid #BBDCFD;
	text-align: left;
	width: 640px;
	padding: 10px;
}