/* Copyright 2008 Yustinus Subiakto - www.sweetas.info */

a {
	text-decoration: none;
	color: #2C92D0;
}
a:hover {
	text-decoration: underline;
}

h1{border-bottom:1px solid #EBEBEB;color:#1a4d80;font-size:24px;font-weight:400;margin:0 0 12px;padding:0 0 3px;text-transform:uppercase;}
h2{border-bottom:1px solid #F5F5F5;color:#F78F1E;font-size:18px;font-weight:400;margin:0 0 5px;padding:10px 0 3px;}
h3{color:#a6afb6;border-bottom:1px dotted #2f3133;font-size:16px;font-weight:700;margin:0;padding:10px 0 5px;}
h3.small{color:#a6afb6;border-bottom:1px dotted #2f3133;font-size:12px;font-weight:700;margin:0;padding:10px 0 5px;}

body {
	margin: 0;
	font: normal 11px Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#2f3133 ;
	line-height:1.6em;
	color:#3e3e3e;
}

#headerWrapper, #bannerWrapper, #mainWrapper, #footerWrapper {
	width: 100%;
	clear: both;
}
#headerContent, #bannerContent, #footerContent {
	width: 1050px;
	margin: 0 auto;
}

/* Header */
#headerWrapper {
	height:100px;
	background:#fff;
}
/* Language Bar */
#langWrapper {
	float:right;
	padding:20px;
	color: #6f6f6f;
	text-align: right;
}
#langWrapper a {
	color: #6f6f6f;
	text-decoration: none;
	border-bottom: 1px dotted #6f6f6f;
}
#langWrapper a:hover {
	color: #9f9f9f;
	background: none;
	text-decoration: none;
	border-bottom: 1px dotted #9f9f9f;
}
/* Banner */
#bannerWrapper {
	background:url('images/bannerbg_wrapper.jpg') repeat-x;
}
#bannerContent {
	height:290px; 
	position:relative;
	background:url('images/banner_background.jpg') no-repeat;
}

.bannerImg {
	float:left;
	padding:20px 20px 0px 20px;
}

/* Banner for Subpage */
#bannerContent2 {
	width:1050px;
	height:100px; 
	background:url('images/banner_background.jpg') no-repeat center top;
	margin:0 auto;
}
#bannerContent2  #text  {
	margin:0;
	padding:40px 0 0 0;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:right;
	text-transform:capitalize;
}

/* Main */
#mainTop,#mainFooter {
	text-align:center;
}

#mainTop {
	background:#0076a3 url('images/main_top_background.gif') repeat-x;
}

#mainContent {
	width: 999px;
	margin: 0 auto;
	background:url('images/main_main.jpg') repeat-y;
	padding: 10px 15px 30px 14px;
}
#mainBackground {
	width:1050px;
	margin:0 auto;
	padding:20px 0;
	background:#0e151b;
	color: #a6afb6;
}

/* Packages */
.packagebox {
	width:288px;
	float:left;
	padding:0 20px;
}

.price {
	float:left;
	text-align:center;
	width:100px;
	padding:0px;
	margin: 0 10px 0 0;
}
.package {
	width:178px;
	float:left;
	margin-bottom:0px;
}
.package ul {
	margin:0px;
	padding:0;
}
.package li {
	list-style-type:none;
	padding-bottom:3px;
	margin-bottom:3px;
	border-bottom:0px dotted #2f3133;
}
ul.feature-list {
	list-style-image:url('images/bullet_plus.png');
	list-style-type:square;
	padding:0px;
	margin:0px;
}
ul.feature-list ul {
	list-style-image:none;
	list-style-type:none;
	padding:0px;
	margin:0px;
}

/* Content */
.content {
	padding:20px;
}
p.welcome { 
	font-size:12px;
}
.whyUs {
	float: left;
	width: 280px;
	padding: 15px 15px 0 15px;
	color: #3e3e3e;
}
.whyUsTitle {
	font: bold 14px arial;
	padding: 0;
	color: #F78F1E;
}
.whyUsTitle img{
	float: left;
	padding: 0 7px 45px 7px;
	margin: 0;
}
.bold {
	font:bold 12px Arial, Helvetica, sans-serif;
}

/* Subpage Content */
#left {
	float: left;
	width: 240px;
}
#left .whyUs { 
	padding:0 0 20px 0; 
	width:240px;
}

#right {
	float: right;
	width: 680px;
}

/* Table */
.table-box {}

.tableheader {
	background-color: #0076A3;
	color: #F3F3F3;
}

.tableodd {
	background-color:#E1E1E1
}

/* Footer */
#footerContent {
	padding:30px 0;
	color:#F3F3F3;
}

/* Slider */

#slider {
	color:#F3F3F3;
}
#slider p{
	padding:0 20px 0 0;
	font-size:14px;
	line-height:1.6em;
}
#slider h2{
	color:#F78F1E;
	border:0px;
	font-size:24px;
	padding:100px 0 0 0;
}	

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}
#slider li{
	width:1050px;
	height:290px;
	overflow:hidden;
}	
#prevBtn, #nextBtn{
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	left:-30px;
	top:142px;
}	
#nextBtn{ 
	left:1050px;
}														
#prevBtn a, #nextBtn a{
	display:block;
	width:30px;
	height:30px;
	background:url('images/prev.jpg') no-repeat 0 0;
}	
#nextBtn a{ 
	background:url('images/next.jpg') no-repeat 0 0;
}	
#prevBtn, #nextBtn{
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
}											

/* Menu */

#menu {
	float: right;
	margin:0;
	padding:1px 0 0;
}

#tabs3 {
	float:right;
	width:100%;
	font:bold 12px Arial, Helvetica, sans-serif;
	line-height:normal;
	text-transform:uppercase;
}
#tabs3 ul {
	margin:0;
	padding:0px 10px 0 50px;
	list-style:none;
}
#tabs3 li {
      display:inline;
      margin:0;
      padding:0;
}
#tabs3 a {
      float:left;
      background:url('images/tableft3.gif') no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
}
#tabs3 a span {
      float:left;
      display:block;
      background:url('images/tabright3.gif') no-repeat right top;
      padding:7px 15px 6px 10px;
      color:#0076a3;
}
#tabs3 a span {
	float:none;
}
#tabs3 a:hover span {
      color:#FFF;
}
#tabs3 a:hover {
      background-position:0% -42px;
}
#tabs3 a:hover span {
      background-position:100% -42px;
}

#tabs3 #current a {
      background-position:0% -42px;
}
#tabs3 #current a span {
       background-position:100% -42px;
	   color:#FFF;
}
/* Tooltip */
.hotspot {
	padding-bottom:1px;
	border-bottom:1px dotted #3e3e3e;
	cursor:pointer;
}
#tt {
	position:absolute;
	display:block;
	background:url('images/tt_left.gif') top left no-repeat;
}
#tttop {
	display:block;
	height:5px;
	margin-left:5px;
	background:url('images/tt_top.gif') top right no-repeat;
	overflow:hidden;
}
#ttcont {
	display:block;
	padding:2px 12px 3px 7px;
	margin-left:5px;
	background:#666;
	color:#FFF;
}
#ttbot {
	display:block;
	height:5px;
	margin-left:5px;
	background:url('images/tt_bottom.gif') top right no-repeat;
	overflow:hidden;
}

/**
 * CSS SUPPORT
 */
span.clear       { clear: both; display: block; font-size: 0; height: 1px; line-height: 0; margin-bottom: -1px; }
.clear           { clear: both; }
.clear-block     { display: block; }

.clearfix:after,
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
.clearfix,
.container       { display: block; }

.float-left      { float: left; }
.float-right     { float: right; }
.img-left        { float: left; margin: 1.5em 1.5em 1.5em 0; }
.img-right       { float: right; margin: 1.5em 0 1.5em 1.5em; }

.first           { margin-left: 0; padding-left: 0; }
.last            { margin-right: 0; padding-right: 0; }
.top             { margin-top: 0; padding-top: 0; }
.bottom          { margin-bottom: 0; padding-bottom: 0; }

.text-left       { text-align: left; }
.text-right      { text-align: right; }
.text-center     { text-align: center; }
.text-justify    { text-align: justify; }

.italic          { font-style: italic; }
.underline       { border-bottom: 1px solid; }
.highlight       { background: #ffc; }
.quiet           { color: #666; }
.loud            { color: #000; }
.added           { background: #060; color: #fff; }
.removed         { background: #900; color: #fff; }
.small           { font-size: .8em; }
.large           { font-size: 1.2em; }

.nopadding       { padding: 0; }
.noindent        { margin-left: 0; padding-left: 0; }
.nobullet        { background: none; list-style: none; list-style-image: none; }

.wrap            { width: 950px; margin: 0 auto; }

.hide            { display: none; }

/**
 * WHMCS SUPPORT
 */
#company_title{background-color:#00162C;color:#FFF;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 #258;color:#666;margin:20px auto 0;padding:0;text-align:left;width:950px;}
#content_left{background-color:#FFF;float:left;margin:0;padding:15px;text-align:left;width:670px;}
#left ul{list-style:none;margin:0 0 10px;padding:0;}
#left 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:#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:#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 0 0;padding:0px;}
.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;}
.successbox {border: 1px solid #66CC00;font-weight: bold;background-color: #DDFFC6;text-align: center;padding: 10px;color: #009933;}
.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;}
form{margin:0;padding:0;}
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;}
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;}
img {border:0;}
.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;}
#twitterfeed ul {list-style-type: none;padding: 0;margin: 15px 0 20px 0;}
#twitterfeed li {background-image: url(../../images/twittericon.png);background-repeat: no-repeat;background-position: 0;margin: 0 20px 10px 20px;padding-left: 25px;}
#twitterfeed p {text-align:center;margin:15px;}