#company_title{background-color:#00162C;color:#12120F;float:left;font-size:24px;line-height:0px;margin:0;padding:0;text-align:left;}
#content_container{background:#12120F url(images/content_container_bg.gif) repeat-y;border:1px solid #ECECEC;color:#FFF;margin:20px auto 0;padding:0;text-align:left;width:950px;}
#content_left{background-color:#12120F;float:left;margin:0;padding:15px;text-align:left;width:670px;}
#side_menu{background-color:#DEDEDE;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:#00162C;height:10px;margin:0 auto;padding:0;text-align:left;width:100px;}
#top_container{background-color:#00162c;border-bottom:3px solid #036;color:#12120F;height:10px;margin:0;padding:0;text-align:center;}
#top_menu{background:#686861 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:#FFF;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:#12120F;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:#12120F;line-height:15px;margin:10px;padding:10px;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:#686861;margin:0 0 10px;padding:10px;}
.clear{clear:both;}
.green{color:#006F0F;}
.header{color:#000000;font-size:14px;font-weight:700;}
.red{color:#BF0000;}
.small{font-size:11px;}
.warning{background-color:#12120FFDF;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:#D12120FE0}
.clientareatablepending{background-color:#EFEFEF}
.clientareatablesuspended{background-color:#12120F6CF}
.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:#686861;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:#DEDEDE;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:#6BCC2B;}
body{background-color:#369;background-image:url(images/bg_background.gif);background-repeat:repeat-x;margin:0;padding:0;}
body,td,th{color:#FFF;font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;font-size:12px;}
form{color:#828282;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 #686861;color:#fff;font-size:18px;font-weight:400;margin:0 0 5px;padding:10px 0 3px;}
h3{color:#FFF;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{background-color:#12120F;color:#FFF;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:#12120F;border-bottom:0px solid #EBEBEB;}
table.data th{background-color:#888;border-bottom:0px solid #333;color:#12120F;font-weight:400;}
table.data tr.clientareatableactive td{background-color:#D12120FE0 !important;}
table.data tr.clientareatablepending td{background-color:#EFEFEF !important;}
table.data tr.clientareatablesuspended td{background-color:#12120F6CF !important;}
table.data tr.clientareatableterminated td{background-color:#FFCFCF !important;}
table.frame{margin:0 0 10px;padding:0;border:0px solid #EBEBEB;border-bottom:0;}
table.frame table td{background-color:#12120F;border-bottom:0px solid #EBEBEB;}
table.frame table td.fieldarea{background-color:#686861;color:#333;text-align:right;border-right:0px solid #EBEBEB;}
/********************************************
   HTML ELEMENTS
********************************************/ 


body {
	margin: 10px 0 0 0; 	padding: 0;
	font: normal 13px/1.6em  Segoe UI, verdana, tahoma, sans-serif;	 
	text-align: center;
	background: #090807 url(images/bg.jpg) repeat-x;
	color: #e6e6e6; 	
}

/* links */
a {
	color: #6BCC2B;		
	background-color: inherit;
	text-decoration: none;			
}
a:hover {	
	color: #FE8A03;
	background-color: inherit;	
}
code {
  margin: .5em 0;
  display: block;
  padding: 20px;
  text-align: left; 
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'Courier New', monospace ;
  /* white-space: pre; */
  background: transparent;
   
}
acronym {
  cursor: help;
  border-bottom: 1px dotted #8F8F8E;
}

blockquote {
	margin: 10px 15px;
 	padding: 10px 0 10px 30px;  
    background: transparent;
	font: normal 1.6em/1.5em Georgia, "Times New Roman", Times, serif;
}
footwords {
	margin: 10px 10px;
 	padding: 10px 0 10px 30px;  
    background: transparent;
	border: 1px solid #211E20;   
  	font: normal 1em/1em Georgia, "Times New Roman", Times, serif;
}


/***********************
	  LAYOUT
************************/

#header, #nav, #content, #footer-wrap {
	width: 910px;
}

/* header */
#header {
	clear: both;
	position: relative;
	margin: 0 auto; padding: 0;
	height: 0px;
	text-align: left;	
}
#header #clouds {
	position: absolute;
	top: 150px;
	left: 45px;
	width: 309px;
	height: 163px;
}
#header h1#logo-texts a {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 38px 'Segoe UI', Trebuchet MS, Tahoma, Arial, Sans-serif;
	letter-spacing: -1px;
	text-decoration: none;
	z-index: 9997;
	background: transparent;
	
	/* change the values of top and left to adjust the position of the logo*/
	top: 34px; left: 11px;	
}
#header h1#logo-text a {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 38px 'Segoe UI', Trebuchet MS, Tahoma, Arial, Sans-serif;
	letter-spacing: -1px;
	color: #0a1e53;
	text-decoration: none;
	z-index: 9998;
	background: transparent;
	
	/* change the values of top and left to adjust the position of the logo*/
	top: 33px; left: 10px;	
}
#header p#slogan {
	position: absolute;	
	font: normal 15pt 'Segoe UI', Trebuchet MS, Tahoma, Arial, Sans-serif;
	text-transform: none;
	color: #12120F;
	margin: 0; padding: 0;
	z-index: 9999;
	
	/* change the values of left and top to adjust the position of the slogan */
	top: 75px; left: 14px;
}

/* Navigation */
#nav {
	clear: both;	
	margin: 0 auto;
	padding: 0;		
}
#nav ul {
	float: left;
	list-style: none;
	text-transform: uppercase;
	margin: 0;	padding: 0;	
	height: 56px;		
}
#nav ul li {
	float: left;
	margin: 0; padding: 0;
	height: 56px;
}
#nav ul li a {
	display: block;
	float: left;
	width: auto;
	margin: 0;
	padding: 0 7px;
	color: #a5a5a5;
	font: bold 14px/54px "Trebuchet MS", Helvetica, Arial, sans-serif;
	text-decoration: none;	
}
#nav ul li a:hover {
	color: #ffffff;
}	
#nav ul li a:active {
	color: #12120F;		
}
#nav ul li a.selected {	
	color: #FF8B04;	
}
#content-wrap {
	clear: both;
	float: left;
	width: 100%;
	background: #12120F url(images/footer-top.jpg) repeat-x left bottom;

}
#content {
	text-align: left;	
	padding: 0; 
	margin: 0 auto;		
}

#sidebar {
	float: right;
	width: 24em;
	margin: 0px 0 0px 0em; 
	padding: 0;		
}
#sidebar h3 {
	font: normal 1.6em 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	padding: .0em 0 .0em 0px; 
	color: #99CC33;			
	text-transform: none;
	letter-spacing: -1px;	
}

#sidebar ul.sidemenu {
	margin: 0 0 0 10px;
	padding: .1em 0 1em 0;		
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;		
	border-top: 1px solid #211E20;
}
#sidebar ul.sidemenu li {
	padding: 0; 
	background: url(images/bullet.jpg) no-repeat .5em .6em;		
	border-bottom: 1px solid #211E20; 
	list-style:none;
}

* html body #sidebar ul.sidemenu li { height: 1%; }

#sidebar ul.sidemenu li a {
	display: block;
	font-weight: bold;
	color: #a5a5a5;
	text-decoration: none;
	padding: .2em 0 .2em 30px;
	line-height: 1.5em;
	font-size: 1.25em;
}
#sidebar ul.sidemenu li a:hover {
	color: #12120F;				
}
#sidebar ul.sidemenu li a.selected {	
	color: #FF8B04;	
}
#sidebar ul.sidemenu ul { margin: 0 0 0 15px; }
#sidebar ul.sidemenu ul li { border: none; }

/* main */
#main {
	margin: 10px 26em 10px 0; 
}
#main h2 { 
	font: normal 2.0em 'Trebuchet MS', Arial, Sans-serif;
	color: #84A5DA;	
	letter-spacing: 0px;		
	padding-bottom: 0px;
	margin-bottom: 5px;
	border-bottom: 1px solid #211E20; 	
}
#main h2 a {
	color: #84A5DA;	
	text-decoration: none;	
}

#footer-wrap {	
	clear: both;
	padding: 0;	margin: 0 auto; 
}

/* columns */
#columns {
	clear: both;
	text-align: left;
	color: #5B9CFF;
	margin: 0 auto; 
	padding: 1.6em 0 .5em 0;
	width: 95%;	
}
#columns h3 {
	color: #99CC33;	
	margin: 0;
	padding: 0 10px; 	
	font: normal 1.4em "Trebuchet MS", Arial, Tahoma, Sans-serif;	
	text-transform: uppercase;
}

#columns ul {
	list-style: none;
	margin: 10px 0 0 0; 
	padding: 0;	
	border-top: 1px solid #111;	
}
#columns li {
	border-bottom: 1px solid #111;		
}
#columns li a {
	display: block;
	padding: .5em 0 .5em 1em;
	color: #8F8F8E;
}
#columns li a:hover {
	color: #12120F;	
}

#columns .col3, .col3-center {
	float: left;
	width: 31%;
}
#columns .col3-center { 
	margin: 0 15px; 
}

/* footer */
#footer-bottom {
	clear: both;
	margin: 0 auto; 
	padding: 1em 0 1.5em 0;
	text-align: center;
	font-size: .85em
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }
.grey {	color: #8F8F8E; }

.post-by {
	font-size: .9em;	
	padding-top: 0;
}

.post-footer { 
	text-align: right; 
	background: transparent;
	border: 1px solid #211E20; 
	padding: 5px 10px;
	margin: 20px 15px 10px 15px;
}
.post-footer .date, 
.post-footer .comments,
.post-footer .readmore {
	padding-left: 20px; margin: 0 3px 0 3px;
}