@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
}

.topNav {
	width:870px;
	top:0px;
	margin-left:-275px;
	left:50%;
	position:absolute;
	background: transparent url(../../images/template/top_navsbg.png) no-repeat;
	height:70px;
	z-index:1000px;
	padding:10px;
	text-align:right;
}
.logoTopNav, .linksTopNavArea, .utilityTopNav {
	float:left;
}
.logoTopNav {
	width: 260px;
	height:70px;
	text-align:left;
}
.linksTopNavArea {
	width: 380px;
	margin:36px 0px 10px 10px;
	height:24px;
	text-align:left;
}
.utilityTopNav {
	width: 220px;
}
.linksTopNav {
	margin:0px;
	padding:0px;
	list-style:none;
	width:410px;
}

.linksTopNav li {
	float:left;
	font: bold 13px Tahoma, Arial, Helvetica, sans-serif;
	padding-right:15px;
	height:24px;
}
.utilityTopNav .linksTopNav li {
padding-right:6px;
}
.linksTopNav li a {
	color:#000000;
}
.linksTopNav li a:hover, .linksTopNav li a.activetop, {
color:#0099dd;
}

.uLinks, .searchArea {
	float:left;
	height:24px;
}
.smarrow {
	width: 200px;
}
.smarrow li {
	font: bold 10px Tahoma, Arial, Helvetica, sans-serif;
	background:url(../../images/template/arrowblue.gif) no-repeat 0px 3px;
	padding-right:12px;
}
.smarrow li a {
	padding-left:8px;
}
.uLinks {
	margin-top:7px;
}
.searchArea {
	margin-top:0px;
	background:url(../../images/template/searchbg.gif) no-repeat left;
}
.searchArea form {
	margin:0px;
	padding:0px;
	float:left;
}
.sinput {
	float:left;
	height:20px;
	width:173px;
	padding-left:5px;
	padding-top:2px;
	font: normal 12px Tahoma, Arial, Helvetica, sans-serif;
}
.sinput input {
	border:0px none;
	background:transparent;
	width:173px;
}
.sbutton {
	float:left;
	height:22px;
	width:22px;
}



.bodyContentArea {
	position:absolute;
	top:112px;
	float:left;
width:870px;
	margin-left:-285px;
	left:50%;
	z-index:1000px;
	padding:10px;
	text-align:left;
}
.bodyContentAreaHome {
	top:100px;
	position:absolute;
	width:100%;
	float:left;
}
.bodyArea {
	width:890px;
	margin:0 auto;
	position:relative;
	overflow:auto;
 *overflow: visible;
	z-index:1000px;
	margin-bottom:10px;
}
.bcrumbArea {
	height:20px;
	padding:7px 20px 0px 20px;
}
.leftNav {
	width:190px;
	float:left;
}
.contentArea {
	width:700px;
	float:right;
}


.contentAreaHome {
	width:890px;
	float:left;
}
/*--- login box  --*/
.topBox {
	padding-top:10px;
}
.topBox2 {
	padding-top:5px;
}
.contentBox {
	padding:10px;
}
.contentBoxHome {
	padding:10px 20px;
	float:left;
	width:850px;
}
.leftNav {
	width:190px;
	float:left;
}
.footerArea {
	padding:0px 10px 0px 10px;
	float:left;
	width:680px;
}
.footerAreaHome {
	padding:10px 10px 0px 10px;
	float:left;
	width:870px;
}

.bottomBox {
	height:10px;
	float:left;
}
.bottomBoxHome {
	float:left;
	height:10px;
}
.bottomBox2 {
	height:25px;
	margin-bottom:20px;
}
.bottomBox3 {
	height:25px;
}
.contentBars {
	height:35px;
}
.leftNavHead {
	padding:0px 10px;
	font: normal 22px Tahoma, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
/************Home Page***********/
.HomeHLmidBox {
	margin-left:10px;
}
.HomeHLmidBox .contentBox {
	height:220px;
}




/************Inner Page***********/
.innerContent {
	float:left;
	width:650px;
}
.innerContentArea {
	float:left;
	width:640px;
}
.contentBoxMargin {
	margin-top:10px;
}
.contentBoxPad {
	padding:5px 15px;
}
.contentBoxPad2 {
	padding:10px 15px;
}
.contentBoxPad2 div {
	width:97%;
	float:left;
}
.wttop {
	background:url(../../images/template/wtn_box_top.png) no-repeat;
	padding-top:5px;
	margin-bottom:7px;
}
.wtcontent {
	background:url(../../images/template/wtn_box_bg.png) repeat-y;
}
.wtbottom {
	height:10px;
	background:url(../../images/template/wtn_box_bottom.png) no-repeat;
}
.big_wttop {
	background:url(../../images/template/big_wtn_box_top.png) no-repeat;
	padding-top:5px;
	margin-bottom:7px;
}
.big_wtcontent {
	background:url(../../images/template/big_wtn_box_bg.png) repeat-y;
}
.big_wtbottom {
	height:10px;
	background:url(../../images/template/big_wtn_box_bottom.png) no-repeat;
}


/************images for Rounded Borders************/

.tp1 {
	background: url(../../images/template/leftnav_top.png) no-repeat;
}
.ct1 {
	background:url(../../images/template/left_nav_bg.png);
}
.bm1 {
	background:url(../../images/template/leftnav_bottom.png) no-repeat;
	width:190px;
}
.tp2 {
	background: url(../../images/template/content_top.png) no-repeat;
}
.tp2Home {
	background: url(../../images/template/home_content_top.png) no-repeat;
}
.ct2 {
	background: url(../../images/template/content_bg.png) repeat-y;
}
.ct2Home {
	background: url(../../images/template/home_content_bg.png) repeat-y;
}
.bm2 {
	background: url(../../images/template/content_bottom.png) no-repeat;
	width:700px;
}
.bm2Home {
	background: url(../../images/template/home_content_bottom.png) no-repeat;
	width:890px;
}

.MainContainers {
	position:relative;
	width: 680px;
	clear: left;
	overflow:auto;
}
.MainContainersF {
	position:relative;
	width: 680px;
	clear: left;
}
html>/**/body .MainContainersF {
	overflow:auto;
}

.MainContainers .contentContainer {
	float: left;
	width: 450px;
	padding:0px 10px 0px 10px;
}

.MainContainersF .contentContainerF {
	width: 660px;
	margin:0px 10px 0px 10px;
}



/*Accordionmenu STyles*/
.arrowlistmenu {
	width: 170px; /*width of accordion menu*/
}
.arrowlistmenu .menuheader, .arrowlistmenu .menuheader a { /*CSS class for menu headers in general (expanding or not!)*/
	font: normal 14px Tahoma, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #000000;
	margin-bottom:10px;
	cursor: hand;
	cursor: pointer;
}
.arrowlistmenu .menuheader a:hover {
	text-decoration:none;
}
.arrowlistmenu .openheader { /*CSS class to apply to expandable header when it's expanded*/
	color:#009cd6;
	font: normal 14px Tahoma, Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}
#relatedLinks .rightMenuitems li a {
	color:#ffffff;
}
#relatedLinks .rightMenuitems li a:hover {
	color:#ffffff;
	text-decoration:underline;
}

.arrowlistmenu ul li a {
	background: url(../../images/template/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
	padding-left: 19px; /*link text is indented 19px*/
}
.arrowlistmenu ul li a:hover {
	background: url(../../images/template/arrowbulletover.png) no-repeat center left; /*custom bullet list image*/
}

/*Accordionmenu STyles*/
p, h1, h2, h3, h4, h6 {
	margin:0px;
	padding:0px;
}
input, textarea, select {
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color: #000000;
}
p {
	font:12px Tahoma, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:18px;
	margin-bottom:10px;
	clear:left;
}
p.blue, .blue a, .blue, b.blue {
	color:#0091ff;
	text-decoration:none;
}
a {
	color:#009cd6;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.homeHeadArea h3 a {text-decoration:underline;}
.homeHeadArea h3 a:hover {text-decoration:underline;color:#004c68;}

h1 {
	font: normal 26px Tahoma, Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	color:#0091ff;
}
h2 {
	font: normal 18px Tahoma, Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	color:#0091ff;
}
h4 {
	font: normal 16px Tahoma, Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	color:#0091ff;
}
h3 {
	font: normal 16px Tahoma, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:22px;
}
h6 {
	font: normal 12px Tahoma, Arial, Helvetica, sans-serif;
	color:#000000;
}
.contentBoxPad2 p {
	font:12px Tahoma, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:18px;
	float:left;
	clear:left;
	margin:3px 0px;
	padding:0px;
}
h2 span {
	color:#000000;
}
h3 span {
	color:#0091ff;
}




/*changing text colors right related contents*/
.big_wtcontent h2 {
	width:80%;
}
a.boldbuttons {
	background: transparent url(../../images/template/blue_buttonlt.png) no-repeat top left;
	display: block;
	float: left;
	font:12px Tahoma, Arial, Helvetica, sans-serif;
	line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 26px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;
}

a:hover.boldbuttons { /* Hover state CSS */
	text-decoration:underline;
}
.contentBoxPad2 .catlistmenu {
	float:left;
}
.contentBoxPad2 .catlistmenu li {
	width:180px;
	float:left;
	background:none;
	background:url(../../images/template/arrowbullet3.png) 0px 5px no-repeat;
	padding-bottom:7px;
}
.contentBoxPad2 .catlistmenu li a {
	line-height:16px;}
html>/**/body .contentBoxPad2 .catlistmenu li a {
	padding-right:15px;
	background:url(../../images/template/plus.gif) right 2px no-repeat;	
}
.contentBoxPad2 .catlistmenu li ul {
	margin-top:5px;
}
.contentBoxPad2 .catlistmenu li ul li {
	padding-bottom:5px;
}

.footerBox {
	float:left;
	clear:both;
	width:660px;
	margin:0px 10px;
	border-top:1px dotted #000000;
	padding-top:10px;
}
.footerAreaHome .footerBox {
	width:850px;
}
.footerBox div {
	margin:0px;
	padding:0px;
	float:left;
}
.footerBox .footerLinks {
	width:400px;
}
.footerAreaHome .footerBox .footerLinks {
	width:590px;
}
.footerBox .footerLinks p {
	color:#009cd6;
}
.footerBox .footerLogo {
	width:210px;
	margin-left:50px;
}
.footerBox input {
	font:normal 12px Tahoma, Arial, Helvetica, sans-serif;
}
.footerBox .footerLogo span {
	margin:0px;
	padding:0px;
	float:left;
	margin-left:5px;
}
.footerBox .footerLogo p {
padding-bottom:5px;}
.footerBox p {
	font-size:12px;
}
.footerBox i {
	color:#000000;
	font-size:11px;
	font-style:normal;
}
p.logoFooter {
	font-weight:normal;
}
p.logoFooter b {
	color:#0091ff;
}



/* The hint to Hide and Show */
#mainnav a, #utilitynav a {
	color:#000000;
}
#mainnav a:hover, #utilitynav a:hover, #mainnav a.activetop, #utilitynav a.activetop {
	color:#0099dd;
}

 #divLoading {
 display:none;position:relative; left:0px; top:0px; width:100px; height:2000px; z-index:1; overflow: visible; visibility: visible; padding-left:10px;}

/*changing text colors right related contents*/
.ct4 h2, .ct4 {
	color:#fff;
}
.abtcol h2, .abtcol, .abtcol ul li, .abtcol ul li a, #trex .abtcol .rightMenuitems li a {
	color:#1a826b;
}
.corcol h2, .corcol, .corcol ul li, .corcol ul li a, #trex .corcol .rightMenuitems li a { 
	color:#0091ff;
}

.contentBoxPad2 .formContent { width:400px;}
.contentBoxPad2 .formContent div.f1{ float:left; width:75px;  padding-top:3px;}


#divDisplayContent {
float:left;
clear:both;
width:444px;
margin:0px;
padding:0px;
}

 /*
------------------------------------------- 
whmcs panelin cssi
-------------------------------------------
 */

form {
	margin: 0px;
}

img {
	border: 0px;
}

body,td,input,select,textarea {
	font-family: Tahoma;
	font-size: 11px;
}

a {
	color: #0091ff;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

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

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

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

table.wrapper {
	width: 550px;
}

table.clientlinks {
	background:#e0e0e0;
}

td.clientlinks {
	background:#f9f9f9;
	width:25%;
	text-align:center;
	padding: 6px;
}

.navboxlinks {
    background-color: #ffffff;
    padding: 5px;
}

.navboxlinks td {
    border-bottom: 0px dotted #000000;
}

.navbox {
    background-color: #f7f7f7;
    border: 1px dotted #000000;
    padding: 5px;
}

.navinput {
    border: 1px solid #000000;
    width: 95px;
}

.submitbutton {
    color: #ffffff;
    cursor: pointer;
    cursor: hand;
    font-weight: bold;
    background-color: #0091ff;
    border: 1px solid #0091ff;
}

.footerbar {
    background-color: #0091ff;
    color: #ffffff;
    padding: 6px;
    padding-left: 10px;
    padding-right: 10px;
}

.clientarealinks a {
	color: #555555;
}

table.frame {
	width: 98%;
	padding: 0px;
}

.fieldarea {
	background-color: #EEEEEE;
	text-align: left;
	font-weight:bold;
}

.clientareatable {
	width: 100%;
	background-color: #eeeeee;
}

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

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

tr.clientareatablepending {
	background-color: #FFFFff;
	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: 100%;
	text-align: left;
	background-color: #ffffff;
	border: 0px dashed ;
	padding: 5px;
}

.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 #000000;
    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: #000000;
}

.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: #0091ff;
    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: #000000;
    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;
}