<!--


html body {


	font-family:"Century Gothic";


	font-size:14px;


	line-height:18px;


	margin:0px;


	background-image: url(/images/html_background.jpg);


	background-repeat:repeat-x;


}


#company_title{background-color:#00162C;color:#FFF;float:left;font-size:24px;line-height:60px;margin:0;padding:0;text-align:left;}


#content_container{color:#666;margin:20px auto 0;padding:0;text-align:left;width:1000px;}


#content_left{background-color:#FFF;float:left;margin:0;padding:15px;text-align:left;width:680px;}


#side_menu{background:url(/images/login_background.jpg) top repeat-x #000000;float:right;margin:0;padding:15px;text-align:left;width:219px; color:#CCCCCC; font-size:12px;}


#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:60px;margin:0 auto;padding:0;text-align:left;width:960px;}


#top_container{background-color:#00162c;border-bottom:3px solid #036;color:#FFF;height:60px;margin:0;padding:0;text-align:center;}


#top_menu{background-color:#efefef;margin:0;padding:0;text-align:left;border-right:1px solid #CCC;}


#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{border-left:1px solid #CCC;color:#666;display:block;height:30px;line-height:30px;padding:7px;text-align:center;text-decoration:none;width:107px;}


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


.absmiddle{vertical-align:middle;}


.breadcrumb{background-color:#F5F5F5;margin:0 0 10px;padding:10px;}


.clear{clear:both;}


.green{color:#006F0F;}


.header{	font-size: 16px;


	font-weight:bold;


	padding:0px;


	margin:0px;


	color:#FFFFFF;}


.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;}


.successbox {border: 1px solid #66CC00;font-weight: bold;background-color: #DDFFC6;text-align: center;padding: 10px;color: #009933;}


.clientareatableactive{background-color:#; border:1px solid #999;}


.clientareatablepending{background-color:#EFEFEF}


.clientareatablesuspended{background-color:#FFF6CF}


.clientareatablecancelled {background-color:#FFCFCF;}


.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;}


form{margin:0;padding:0;}


h2{border-bottom:1px solid #F5F5F5;color:#333;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:#333;border-bottom:1px solid #333;color:#FFF;font-weight:400; border-top:1px solid #333;}


table.data tr.clientareatableactive td{background-color:# !important;}


table.data tr.clientareatablepending td{background-color:#EFEFEF !important;}


table.data tr.clientareatablesuspended td{background-color:#FFF6CF !important;}


table.data tr.clientareatablecancelled td{background-color:#FFCFCF !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;}


.kbarticle {padding: 2px 5px 5px 15px;}


.kbviews {color:#A8A8A8;font-size:10px;}


.kbalsoread {padding: 5px 5px 5px 15px;background-color: #F5F5F5;border-bottom: 1px solid #ccc;font-weight: bold;margin: 10px 0 10px 0;}


.body_table{


	background-image: url(/images/background.jpg);


	background-repeat: no-repeat;


	background-position: center top;


	overflow:visible;


}


.body_table h1 {


	font-size: 24px;


	font-weight:bold;


	padding:0px;


	margin:0px;


}


.body_table h2 {


	font-size: 18px;


	font-weight:normal;


	padding:0px;


	margin:0px;


	color:#508ab0;


}


.login_table{


	color:#FFFFFF;


}


.login_table h3 {


	font-size: 16px;


	font-weight:bold;


	padding:0px;


	margin:0px;


	color:#FFFFFF;


}


.smart_solution_icon1 {	position:absolute;


	height:178px;


	width:64px;


	padding:15px;


	overflow:hidden;


}


.update_icon1 {	position:absolute;


	height:75px;


	width:62px;


	padding:15px;


	overflow:hidden;


}


.txt{


	padding-top:10px;


	}


.contact_today {


	font-size: 16px;


	color:#508ab0;


}


.nav {


	font-size: 16px;


	color:#FFFFFF;


	font-weight:bold;


}


.login_field{


	background:url(/images/field_background.jpg) repeat-x bottom #FFFFFF; 


	text-align:center;


	vertical-align:middle;


	border:none; 


	width:96%;


	padding:5px;


}


.forgot_pass {


	font-size: 12px;


}


a{


	color:#508ab0;


}


a:hover{


	color:#FFFFFF;


}


.header a{


	color:#FFFFFF;


	text-decoration:none;


}


.header a:hover{


	color:#508ab0;


}


.contact_today a{


	color:#508ab0;


}


.contact_today a:hover{


	color:#000;


}

#content_left a{


	color:#508ab0;


}


#content_left a:hover{


	color:#CCC;


}

#side_menu a{


	color:#508ab0;


}


#side_menu a:hover{


	color:#FFF;


}

.footer{


	color:#666;


}


-->


ul.tabs {

	margin: 0;

	padding: 0;

	float: left;

	list-style: none;

	height: 32px; /*--Set height of tabs--*/

	border-bottom: 1px solid #CCC;

	border-left: 1px solid #CCC;

	width: 100%;

}

ul.tabs li {

	float: left;

	margin: 0;

	padding: 0;

	height: 31px; /*--Subtract 1px from the height of the unordered list--*/

	line-height: 31px; /*--Vertically aligns the text within the tab--*/

	border: 1px solid #CCC;

	border-left: none;

	margin-bottom: -1px; /*--Pull the list item down 1px--*/

	overflow: hidden;

	position: relative;

	background: #333;

}

ul.tabs li a {

	text-decoration: none;

	color: #000;

	display: block;

	padding: 0 20px;

	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/

	outline: none;

}

ul.tabs li a:hover {

	background: #333;

}

html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/

	background: #fff;

	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/

}

.tab_container {

	border: 1px solid #CCC;

	border-top: none;

	overflow: hidden;

	clear: both;

	float: left; width: 100%;

	background: #fff;

}

.tab_content {

	padding: 10px;

}


.productfieldarea{background-color:#F5F5F5;color:#333;text-align:left;border-bottom:1px solid #EBEBEB;}

.relatedproducts{background-color:#e5e5e5;color:#333;border-bottom:1px solid #EBEBEB;}

.productfielddetail{color:#333;text-align:left;border-bottom:1px solid #EBEBEB;}