/* --------------------------------------------------------------
   GLOBAL
-------------------------------------------------------------- */

body {
	background: #b8bcbf url("images/background.jpg") repeat-x top;
	text-align: center;
	margin: 0 auto;
	}

.wrapper2 { width:895px;color:#666;font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;font-size:14px;background-color:#FFF;}
.whmcsmenu {border-left:1px dotted #cccccc;padding-left:10px;}
.wrapper2 #content_container{border:color:#666;margin:0px auto 0;padding:0;text-align:left;}
.wrapper2 #content_left{background-color:#FFF;float:left;margin:0;padding:15px;text-align:left;width:500px;}
.wrapper2 #top{background-color:#00162C;height:60px;margin:0 auto;padding:0;text-align:left;width:100%;}
.wrapper2 #top_container{background-color:#00162c;border-bottom:3px solid #036;color:#FFF;height:60px;margin:0;padding:0;text-align:center;}

.wrapper2 #top_menu2{background:#f7f7f7 repeat-x;height:30px;line-height:30px;padding:0;text-align:left;width:895px;}
.wrapper2 #top_menu2 ul{list-style:none;margin:0;padding:0;}
#top_menu2 ul li{float:left;margin:0;padding:0;}
#top_menu2 ul li a,#top_menu2 ul li a:visited{color:#666;display:block;height:30px;line-height:30px;padding:0;text-align:center;text-decoration:none;width:115px;}
#top_menu2 ul li a.down,#top_menu2 ul li a.down:visited,#top_menu2 ul li a.down:hover{background-color:#FFF;border-right:1px solid #EBEBEB;color:#333;font-weight:700;width:105px;}
#top_menu2 ul li a:hover{background-color:#EBEBEB;color:#333;}


#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;}
.wrapper2 .absmiddle{vertical-align:middle;}
.wrapper2 .breadcrumb{background-color:#F5F5F5;margin:0 0 10px;padding:10px;width:98%;}
.clear{clear:both;}
.green{color:#006F0F;}
.wrapper2 .header{color:#000000;font-size:14px;font-weight:700;}
.wrapper2  .heading {font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;font-size: 18px;font-weight: normal;color: #000000;}
.wrapper2  .heading2 {font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;font-size: 16px;font-weight: bold;text-decoration: none;color: #000000;}
.wrapper2  .heading3 {font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;font-size:14px;font-weight: bold;color: #000000;}



.red{color:#BF0000;}
.small{font-size:11px;}
.warning{background-color:#FFFFDF;border:1px solid #FDFF3F;margin:0 0 10px;padding:10px;}
.wrapper2 .contentbox{padding:10px;margin:0 0 10px;text-align:center;}
.wrapper2 .contentbox2{padding:10px;margin:0 0 10px;text-align:right;}
.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;}
.wrapper2 a,a:visited{color:#333;text-decoration:underline;}
.wrapper2 a:hover{color:#666;text-decoration:none;}
.wrapper2 margin:0;padding:0;}
.wrapper2 body,td,th{color:#666;font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;font-size:14px;}
.wrapper2 form{margin:0;padding:0;}
.wrapper2 h1{border-bottom:1px solid #EBEBEB;color:#000000;font-size:24px;font-weight:400;margin:0 0 14px;padding:0 0 3px;}
.wrapper2 h2{border-bottom:1px solid #F5F5F5;color:#000000;font-size:18px;font-weight:400;margin:0 0 5px;padding:10px 0 3px;}
.wrapper2 h3{color:#666;font-size:16px;font-weight:700;margin:0;padding:10px 0 5px;}
.wrapper2 hr{background-color:#EBEBEB;border:0;border-top:1px solid #EBEBEB;height:0;margin:10px 0;overflow:hidden;}
.wrapper2 input,select,textarea{color:#666;font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;font-size:14px;margin:0;padding:2px;}
.wrapper2 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;}
.wrapper2 table.frame{margin:0 0 10px;padding:0;border:1px solid #EBEBEB;border-bottom:0;}
.wrapper2 table.frame table td{background-color:#FFF;border-bottom:1px solid #EBEBEB;}
.wrapper2 table.frame table td.fieldarea{background-color:#1e1e1f;color:#FFF;text-align:right;border-right:1px solid #EBEBEB;}

table.topnavbar {width: 100%;line-height:30px;}
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;}

.clientareatable2 {	width: 100%;background-color: #EBEBEB;}
tr.clientareatableactive2 {background-color: #ffffff;text-align: left;}
.clientarealinks {background-color: #f7f7f7;font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;font-size:14px;padding: 10px;}
.clientarealinks a {color: #555555;font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;font-size:14px;}
.twocol_1{float:left;width:48%;border:1px solid #cccccc;padding:5px;}
.twocol_2{float:right;width:48%;border:1px solid #cccccc;padding:5px;}
/* added for blackwhite template  */
/* -------------------
Main Structure
------------------- */
	
#frame {
	width: 980px;
	text-align: left;
	margin: 0 auto;
	background: url("images/frame-bg.jpg") 0 0 no-repeat;
	}
	
#middle {
	background: url("images/frame-bg2.jpg") 0 0 repeat-y;
	overflow: auto;
	width: 100%;
	}

#content {
	float: left;
	width: 869px;
        padding-left: 10px;
        padding-right: 10px;
        background: url("images/content-bg.jpg") repeat-y;
        margin-left: 50px;
		margin-top:0px;
	}
	
#sidebar {
	float: left;
	width: 250px;
	padding: 0px 0px 0px 14px;
	}
	
/* -------------------
Header
------------------- */

#header {
	height: 110px;
        background: url("images/header.jpg");
        width: 980px;
        height: 288px;
	}
	
.header-title {
	font-family: Freestlye-script, Comic-sans, Arial, Helvetica, sans-serif; 
	color:#D9DADE;
	font-size:35px;
        font-weight:bold;
	padding:195px 0px 0px 260px;
	text-align:left;
	}
.header-title a{
	color:#D9DADE;
	text-decoration:none;
	border-bottom:none;
	}

.header-title a:hover{
	color:#fefefe;
	text-decoration:none;
	border-bottom:none;
	}

.header-description {
        font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#D9DADE;
	font-size:11px;
	padding:3px 0 0 390px;
	text-align:left;
        font-weight:bold;
	}

.ad468 {
	padding:20px 0 0 89px;
	text-align:left;
	}
	
/* -------------------
Content
------------------- */

#content .post {
	margin: 0 10px 20px 10px;
	}
	
/* general #content definitions */
	
#content h2 {
	color: #111111;
	font: 0.8em Tahoma, Arial, Helvetica, sans-serif; 
	margin: 11px 0 8px 0;
        padding: 3px 0px 4px 6px;
        background: url("images/h2-bg.jpg");
	border-top: 1px solid #111111;
	border-bottom: 1px solid #111111;	
	}

#content h2 a {
	color: #111111;
	text-decoration: none;
	font-weight: bold;
	}

#content h2 a:hover {
	color: #111111;
	text-decoration: none;
	}
	
#content h3 {
	font: 0.7em/1.5em Tahoma, Arial, Helvetica, sans-serif;
	color: #111111;
	font-weight: bold;
        margin-left: 15px;
	}
	
#content h4 {
	font: 0.7em/1.5em Tahoma, Arial, Helvetica, sans-serif;
	color: #111111;
	border-left: 1em solid #a5c1e5;
	padding: 0 0 0 0.5em;
	margin: 1em 0;
	}
	
#content p, #content dl {
	color: #111111;
	font: 1.0em/1.5em Tahoma, Arial, Helvetica, sans-serif;
	}
	
#content p, #content ul, #content ol, #content dl {
	margin: 0 0 1.0em 0;
	}
	
#content li {
	margin: 0 0 0 30px;
	color: #111111;
	font: 0.8em/1.5em Tahoma, Arial, Helvetica, sans-serif;
	}
	
#content dl dt {
	font-weight: bold;
	}
	
#content dl dd {
	margin: 0 0 0.4em 0.5em;
	}
	
#content blockquote {
	margin: 0 0 0 1em;
	padding: 0 0 0 1em;
	color: #111111;
}
	
#content a { color: #111111;	
	font: 1em Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
 }
#content a:hover { color: #111111; }
	
#content .post ul.post-data {	
        border-top: 1px dotted #111111;
	list-style: none;
	font: 0.85em/1.5em Tahoma, Arial, Helvetica, sans-serif;
	padding: 0.1em 0 0.2em 0;
	color: #ecfdec;
	margin: 1.3em 0 0 0;
	}

#content .post ul.post-data li {
	color: #111111;
	}
	
#content .post ul.post-data a {
	color: #111111;
        text-decoration: none;
        font-weight:bold;
	}
	
#content .post ul.post-data a:hover {
	color: #111111;
        text-decoration: underline;
        font-weight:bold;
	}

#content .post ul.post-data li.comments {
	float: right;
	margin: 0 0.7em 0 0;
	display: inline;
	font: 0.8em/1.5em Tahoma, Arial, Helvetica, sans-serif;
	}
	
#content .post ul.post-data li.comments a {
	padding: 0 0 0 15px;

	}
	
#content .post ul.post-data li.posted {
	margin: 0 0 0 0.7em;

	}
	
#content .post ul.post-data li.posted a {
	padding: 0 0 0 1px;

	}
	
#content .post ul.post-data li.comments a:hover, #content .post ul.post-data li.posted a:hover {
	background-position: 0 -38px;

	}

.entry {
	margin: 0px 0 0px 0;
	padding: 0px 0 5px 0;
	}

.entry  p {
	margin: 5px 0 5px 0;
	padding: 0;
	}


.entry  img { 
      padding: 3px;
      }


.entry  img.alignleft { 
                float: left;
                margin: 3px 3px 1px 0;
                }

.entry  img.alignright { 
                 float: right;
                 margin: 0 3px 1px 3px;
                 }
.ads {
		text-align: center;
	}

.spacer {   padding: 0px;
            text-align: right;
            clear: both;
            text-transform: lowercase;
            }
	

/* -------------------
Comments
------------------- */

#content #comments {
	margin: 0 20px 20px 25px;
	}
	
#content #comments .comment {
	margin: 0 0 2em 0;
font: 11px Tahoma, Arial, Helvetica, sans-serif;
	}
	
#content #comments .comment p, #content #comments .comment li, #content #comments .comment a { 
font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #111111;	}
#content #comments .comment a:hover { 
font: 11px Tahoma, Arial, Helvetica, sans-serif;
color: #111111; }
	
#content #comments .comment p {
	margin: 0 0 0.8em 0;
font: 11px Tahoma, Arial, Helvetica, sans-serif;
	}
	
#content #comments .comment .comment-data p {
font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #111111;
	padding: 0 0 0 22px;
	margin: 1.5em 0 0 0;
	}
	
#content #comments .comment .comment-data p a { 
font: 11px Tahoma, Arial, Helvetica, sans-serif;
color: #111111; }
#content #comments .comment .comment-data p a:hover { color: #111111; }

#content #comments form {
	color: #111111;
	font: 0.75em/1.6em Arial, Helvetica, sans-serif;
	}

#content #comments form a { color: #111111; }
#content #comments form a:hover { color: #111111; }
	
	
/* -------------------
Sidebar
------------------- */


	
#sidebar h3 {
	color: #111111;
	font: 0.8em/1.5em Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 0 0px 0;
        padding: 1px 0px 1px 8px;
        background: url("images/sidebar-h3-bg.jpg");
	border-bottom: 1px solid #111111;
	}
	
#sidebar p, #sidebar li {
	color: #111111;
	font: 0.7em/1.5em Tahoma, Arial, Helvetica, sans-serif;        
	}
	
#sidebar p, #sidebar ul, #sidebar ol {
	margin: 0 0 16px 0;        
	background: url("images/sidebar-bg.jpg") repeat-y;
	}
	
#sidebar ul { list-style: none; }

#sidebar ul li {
	padding: 1px 0px 1px 0px;
        list-style-image: url("images/icon.gif");
	margin-left: 23px;
	}
	

#sidebar a {
	color: #111111;
	text-decoration: none;
        font-weight:bold;
	}
	
#sidebar a:hover {
	color: #111111;
	text-decoration: underline;
        font-weight:bold;
	}
	
.bottom {
        background: url("images/sidebar-bottom.jpg");
        height: 8px;
	}




/* -------------------
Footer
------------------- */

#footer {
	clear: left;
	background: url("images/footer.jpg");
	height: 35px;
        width: 980px;
        margin: 0px auto;
		color: #fefefe;
	font: 1.0em Tahoma, Arial, Helvetica, sans-serif; 
	padding: 10px 0 0 0;
	text-align: center;
	}
	
	
#footer a {
	color: #fefefe;
	text-decoration: none;
        font-weight:bold;
	}

#footer a:hover {
	color: #fefefe;
	text-decoration: underline;
	}
	
#footer #searchform {
	padding: 0px 0 0 0px;
	}
	
#footer #searchform .searchfield {
	height: 17px;
	}
	
#footer #searchform .searchbutton {
   height:22px;
	}



.alt
{

	font: 1em Tahoma, Arial, Helvetica, sans-serif;
}

.commentlist {
        background: #eef3a5;
	border-top: 1px dotted #111111;
	border-bottom: 1px dotted #111111;
}

.commentlist li {
font: 1em Tahoma, Arial, Helvetica, sans-serif;
width: 563px;
padding-bottom: 1em;
padding-top: 1em;	
}

.commentlist li .avatar {
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}

.commentmetadata
{
	font: 11px Tahoma, Arial, Helvetica, sans-serif; 

}

.commentlist cite, .commentlist cite a {
	font-weight:bold;
	font-style:normal;
	font-size:1.1em;
	}


.commentlist p
{
font: 16px Tahoma, Arial, Helvetica, sans-serif;	
}

#commentform {
margin: 2em 0;
margin-left:2em;
width: 565px;
}

#commentform textarea {

background: #ffffff;
border: 1px solid #111111;
width: 545px;
}
#commentform textarea:hover {
background: #ffffff;
border: 1px solid #111111;
}
#commentform textarea:focus {
background: #ffffff;
border: 1px solid #111111;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #111111;
width: 180px;
height: 15px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #111111;
width: 180px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #111111;
width: 180px;
}
#commentform input{
margin-bottom: 3px;
}

#commentform #submit {
	margin:0;
	float:left;
        background: url("images/submit-button.jpg");
        color: #111111;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	border:1px solid #111111;
        padding-left: 8px;
        padding-right: 8px;
        padding-bottom: 2px;
        margin-bottom: 20px;
        height: 20px;
	}

.post{margin:0 0 25px 0;}

.post .info{
padding:2px 3px 3px 8px;
border:1px solid #18ed17;
background-color:#ffffff;
font-size:14px;
color:#111111;
}