@charset "utf-8";


.clearfloatfw { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
a img {
	border: 0;
}

bodyfw {
	background-color: #fff;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 100%;
	color: #000;
	width: 100%;
	height: 100%;
}

	
/* Header (Logo and Live Chat area) */
#headerfw {
	height: 80px;
	width: 950px;
	margin: 0 auto;
	padding: 10px 0 10px 0;
        background-color: white;

}
#logofw {
	float: left;
	height: 42px;
	width: 164px;
	margin: 9px 0 9px 100px;
}
#liveChatfw {
	float: right;
	height: 55px;
	width: 130px;
	margin: 4px 150px 1px 0;
}


/* Navigation Styles */
#navfw {
	background: url("../images/designimages/nav_inactive.png") top left repeat-x;
	display: block;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 16px;
	height: 30px;
	width: 100%;
	line-height: 30px;
	padding-bottom: 3px;
	margin: 0 auto 2px auto;
        clear: none;
}
#navfw ul {
	display: block;
	height: 30px;
	width: 950px;
	line-height: 30px;
	list-style-type: none;
	list-style: none;
	text-align: center;
	margin: 0 auto;
}
#navfw li {
	display: inline-block;
	height: 30px;
	width: 118px;
}
#navfw li a, #nav li a:link, #nav li a:visited {
	display: block;
	height: 30px;
	width: 118px;
	font-size: 110%;
	text-align: center;
	text-decoration: none;
	color: #fff;
	padding: 1px 0 5px 0;
}
#navfw li a:hover, #nav li a:focus, #nav li a:active {
	background: url("../images/designimages/nav_active.png") top left repeat-x;
}
		/* Promotion Area Styles */
#blueAreafw {
	background: url("../images/designimages/blue_bg.png") left top repeat-x;
	height: 150px;
	width: 100%;
}
#promoBoxfw {
	background: url("../images/designimages/blue_bg_corners.png") bottom left no-repeat; /* Blue Backing Rounded Corners */
	height: 150px;
	width: 950px;
	margin: 0 auto;
}
#promoBoxfw #smlImage {
	float: right;
	width: 250px;
	height: 110px;
	margin-right: 15px;
}
#promoBoxfw #promoImage {
	width: 650px;
	height: 130px;
	margin: 40px 0 0 20px;
}


/* Main Content Styles */
#content {
	width: 950px;
	margin: 20px auto;
}
#mainContent {
	width: 650px;
	float: left;
	margin: 25px 0 0 20px;
}
#mainContent h1 {
	font-size: 200%;
	margin: 0 0 0 15px;
}
#mainContent p {
	margin-top: 10px;
	line-height: 1.2;
}
#sidebar {
	background: url("../images/designimages/sidebar_white.png") top left no-repeat;
	float: right;
	width: 248px;
	margin: -50px 15px 0 0;
}
#sidebarBox1 {
	margin: 15px;
}
#sidebarBox1 h3 {
	text-align: center;
	font-size: 120%;
	font-weight: lighter;
	color: #0f8097;
	border-bottom: 1px dotted #333;
	margin-top: 10px;
}


/* Small Info Styles */
#smallInfo {
	width: 650px;
	margin-top: 15px;
}
#smallInfo ul {
	display: block;
	list-style: none;
	list-style-type: none;
	width: 650px;
	text-align: center;
	vertical-align: top;
}
#smallInfo li {
	background: url("../images/designimages/smallinfo_grad.png") top left repeat-x;
	display: inline-table;
	width: 40%;
	padding: 10px;
	margin: 0 15px 0 15px;
	text-align: left;
	vertical-align: top;
}
#smallInfo h3 {
	font-size: 130%;
	font-weight: lighter;
	color: #28c4d9;
}


/* Footer Styles */
#footerfw {
	width: 950px;
	padding: 3px;
	margin: 50px auto; /* use the first value to determine distance from content above the footer */
	font-size: 80%;
}
#ftrLeftfw {
	float: left;
	width: 60%;
}
#ftrLeftfw ul {
	display: inline;
	width: 100%;
	list-style-type: none;
	list-style: none;
	margin: 0 auto;
}
#ftrLeftfw li {
	height: 30px;
	display: inline;
	padding: 0 2px 0 2px;
}
#ftrRightfw {
	float: right;
	width: 40%;
}


/* 

Sub Page CSS

Below follows the CSS for all other pages (unless stated otherwise, if so, therefore will be below the Sub Page CSS).

*/

/* Image Area is where the Blue Header is but allows for ease of use instead of dealing with the Blue Area's style */

#imageArea {
	height: 120px;
	width: 700px;
	margin: 0 auto;
	text-align: left;
	vertical-align: middle;
}
#imageArea #subPromoImg {
	
}

#packageBox {
	width: 100%;
	padding: 10px;
}
#packageBox h2 {
	font-size: 120%;
	color: #0f8097;
	font-weight: lighter;
	width: 90%;
	margin: 0 auto 10px auto;
	padding: 0 0 0 15px;
	border-bottom: 1px solid #0f8097;
}
#packageBox ul {
	display: block;
	list-style: none;
	list-style-type: none;
}
#packageBox li {
	display: block;
	line-height: 1.2;
}

#sidebarBox1 ul {
	list-style: none;
	list-style-type: none;
	display: block;
}
#sidebarBox1 li {
	display: block;
	padding-top: 8px;
	border-bottom: 1px dotted #0f8097;
	
}

/* Quick Links shows up on the About page only (The list of links at the bottom) */
#quickLinks {
	width: 650px;
	margin-top: 15px;
}
#quickLinks ul {
	display: block;
	list-style: none;
	list-style-type: none;
	width: 650px;
	text-align: center;
	vertical-align: top;
}
#quickLinks li {
	display: inline-table;
	width: 20%;
	margin: 0 15px 0 15px;
	text-align: left;
	vertical-align: top;
}
#quickLinks h3 {
	font-size: 130%;
	font-weight: lighter;
	color: #28c4d9;
}


/* end FAZEWIRE start WHMCS */

#company_title{background-color:#FFFFFF;color:#1a4d80;float:left;font-size:24px;line-height:60px;margin:0;padding:0;text-align:left;}
#content_container{background:#FFF url(images/content_container_bg.gif) repeat-y;border:5px solid #FFF;color:#666;margin:0 auto;padding:0;text-align:left;width:950px;}
#content_left{background-color:#FFF;float:left;margin:0;padding:15px;padding-top:0px;text-align:left;width:670px;}
#side_menu{background-color:#EFF5FF;border-left:1px solid #CFE2FF;float:right;margin:0;padding:15px;text-align:left;width:219px;}
#side_menu ul{list-style:none;margin:0 0 10px;padding:0;}
#side_menu ul li{line-height:25px;margin:0;padding:0;}
#top{background-color:#FFFFFF;height:60px;margin:0 auto;padding:0;text-align:left;width:960px;}
#top_container{background-color:#FFFFFF;color:#FFF;height:60px;margin:0;padding:0;text-align:center;}
#top_menu{background:#F5F5F5 url(images/top_menu_bg.gif) repeat-x;height:30px;line-height:30px;margin:0;padding:0;text-align:left;}
#top_menu ul{list-style:none;margin:0;padding:0;}
#top_menu ul li{float:left;margin:0;padding:0;}
#top_menu ul li a,#top_menu ul li a:visited{color:#666;display:block;height:30px;line-height:30px;padding:0;text-align:center;text-decoration:none;width:100px;}
#top_menu ul li a.down,#top_menu ul li a.down:visited,#top_menu ul li a.down:hover{background-color:#FFF;border-right:1px solid #EBEBEB;color:#333;font-weight:700;width:99px;}
#top_menu ul li a:hover{background-color:#EBEBEB;color:#333;}
#welcome_box{background-color:#FFFFFF;color:#333;float:right;line-height:60px;margin:0;padding:0;text-align:right;}
#welcome_box a,#welcome_box a:visited{color:#333;text-decoration:none;}
#welcome_box a:hover{text-decoration:underline;}
.absmiddle{vertical-align:middle;}
.breadcrumb{background-color:#F5F5F5;margin:0 0 10px;padding-left:10px;padding-right:10px;padding-top: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;}
.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;}
a,a:visited{color:#333;text-decoration:underline;}
a:hover{color:#666;text-decoration:none;}
/* body{background-color:#369;background-image:url(images/bg_background.gif);background-repeat:repeat-x;margin:0;padding:0;} */

body,td,th{color:#666;font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;font-size:12px;}
form{margin:0;padding:0;}
h1{border-bottom:1px solid #EBEBEB;color:#1a4d80;font-size:24px;font-weight:400;margin:0 0 12px;padding:0 0 3px;}
h2{border-bottom:1px solid #F5F5F5;color:#333;font-size:18px;font-weight:400;margin:0 0 5px;padding:10px 0 3px;}
h3{color:#666;font-size:16px;font-weight:700;margin:0;padding:10px 0 5px;}
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;}
p{margin:0;padding:3px 0 8px;}
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;}