#content_container{background:#FFF url(images/content_container_bg.gif) repeat-y;border:3px 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;}
#side_menu{background-color:#F7F7F7;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:60px;margin:0 auto;padding:0;text-align:left;width:100%;}
#top_container{background-color:#00162c;border-bottom:3px solid #036;color:#FFF;height:60px;margin:0;padding:0;text-align:center;}
#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;}
#welcome_box2{background-color:#00162C;float:left;line-height:60px;margin-left:30;padding:0;text-align:left;}
#welcome_box2 a,#welcome_box2 a:visited{color:#accbff;text-decoration:none;}
#welcome_box2 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{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;}
a,a:visited{color:#333;text-decoration:underline;}
a:hover{color:#666;text-decoration:none;}
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:0px solid #EBEBEB;color:#1a4d80;font-size:24px;font-weight:400;margin:12px 12px 12px;padding:0 0 3px;}
h2{border-bottom:0px 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 th a {color:#FFF;}
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;}
.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;}
.searchinput {font-size: 11px;padding: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;}



.submit_button {padding-left: 110px;}
.clear {clear:both;}
body { font-family: Arial, Helvetica; font-size:12px; color: #000000; margin: 0px; padding: 0px; background-color:#666666; background-image:url(gambar/rr_bg.gif);}
#wrapper { width: 980px; margin-right: auto; margin-left: auto; background-color:#FFFFFF;}
#header { float: left; width: 980px; height: 100px; padding-top: 6px; position: relative; background-color: #369;}
#header_left { position: relative; float: left; width: 430px; height: 100px;}
#header_right { position: relative; float: right; width: 500px; height: 100px; padding-top:15px;}
#header h1 { font-size:24px; margin-left: 15px; color:#FFFFFF;}
#header h2 { font-size:16px; margin-left: 15px; color:#FFFFFF; line-height: 18px;}
#nav { float: left; width: 980px; background-image:url(gambar/menu_content.jpg);}
#nav_menu { float: left; width: 974px; height: 32px; margin-left:3px; background-image:url(gambar/menu.jpg); background-repeat:repeat-x;}
#nav_menu ul { float: left; margin: 0px; padding: 0px; list-style-type: none;}
#nav_menu ul li { float: left; font-size: 12px; color: #FFFFFF; display: inline; font-weight: bold; margin: 0px; padding: 0px; background-repeat:no-repeat; background-position:right; background-image:url(gambar/menu_li.jpg);}
#nav_menu li a { text-align: center; padding-right: 7px; padding-left: 7px; color:#666666; text-decoration: none; text-transform: capitalize; display: block; margin: 0px; height: 32px; line-height: 30px; float: left;}
#nav_menu li a:hover { text-align: center; padding-right: 7px; padding-left: 7px; color:#666666; text-decoration: none; text-transform: capitalize; background-color:#CCCCCC; display: block; margin: 0px; height: 32px; line-height: 30px; float: left;}
#content { float: left; width: 980px; height: 100%; background-image:url(gambar/content2.jpg); background-repeat:repeat-y; background-color:#FFFFFF;}
#post_area { float: left; width: 980px;}
#post_area h2{ padding-left: 10px; color:#333333;}
.post-meta { float: left; padding-left: 10px;}
.post-meta h1 { margin-top: 20px; font-size: 18px; color:#333333; line-height: 20px;}
.post-meta h1 a{ color: #333333; text-decoration: none;}
.post_details { float: left; width: 980px; border-bottom: 1px solid #efefef; padding: 0px 0px 10px;}
.post-content { float: left; width: 966px; padding-top: 0px; padding-bottom: 20px; font-size: 12px; line-height: 20px; padding-right: 15px; overflow: hidden; text-align:justify;}

.post-content img { border-width: 0px; margin-right: 10px;}
.post-content ul ul { margin: 0px; padding: 0px;}
 .post-content h1 { margin: 0px 0px 5px; padding: 0px 0px 3px; font-size: 17px; font-weight: bold; line-height: 20px; color: #000000;}
 .post-content h2 { margin: 0px 0px 5px; padding: 0px 0px 3px; font-size: 17px; font-weight: bold; line-height: 20px;color: #000000;}
 .post-content h3 { margin: 0px 0px 5px; padding: 0px 0px 3px; font-size: 17px; font-weight: bold; line-height: 20px; color: #000000;}
 .post-content h4 { margin: 0px 0px 5px; padding: 0px; font-size: 18px; font-weight: bold; line-height: 24px;}
 .post-content h5 { margin: 0px 0px 5px; padding: 0px; font-size: 16px; font-weight: bold; line-height: 19px;}
 .post-content h6 { margin: 0px 0px 5px; padding: 0px; font-size: 14px; font-weight: bold; line-height: 18px;}
.post-content a { color:#333333; text-decoration: underline; font-weight: bold;}
 .post-content a:hover { color:#0066CC; text-decoration: none; font-weight: bold;}

 #footer { float: left; width: 980px; height: 60px; background-color: #E1E1E1; background-image:url(gambar/f.jpg); background-repeat:no-repeat; background-position:top;}
.footer-text { float: left; width: 980px; text-align: center; font-size: 12px; color: #333333; padding-top: 20px;}
.footer-text a{ font-weight: bold; color: #333333; text-decoration: none;}
.footer-text a:hover{ font-weight: bold; color:#0066CC; text-decoration: underline;}


#sidebar_area { float: right; width: 360px; background-image:url(gambar/right.jpg); background-repeat:repeat-y; background-position:right;}
#sidebar_area a {color:#333333; font-weight:bold; text-decoration:none}
 #sidebar_area a:hover {color:#0066CC; font-weight:bold; text-decoration:underline;}
#sidebar_top { float: left; width: 260px; padding: 10px;}
#sidebar_top .sidebar-box { float: left; width: 230px; border: 1px solid #CCCCCC; background-color: #F7F7F7; background-image:url(gambar/sidebar_header.jpg); background-repeat:repeat-x; background-position:top; padding-bottom: 15px; margin-bottom: 15px;}
#sidebar_top .sidebar-box h3 { margin-top: 7px; margin-left: 7px;}
#sidebar_top .box_content { margin-top: 15px; margin-left: 13px;}
.subscribe-links { float: left ; margin-bottom: 10px; width: 340px;}
.subscribe-links a { color:#333333; font-weight: bold; background:transparent url(gambar/icon_rss.gif) no-repeat 5px 0; padding:0 0 0 25px; height: 18px;}
 #sidebar_down { float: left; width: 360px; margin-top: -15px;}
#sidebar_left { float: left; width: 180px;}
#sidebar_left h2{ font-size:14px;color:#333333; font-weight:bold; margin-left: 15px;}
 #sidebar_left ul{list-style-type:none; margin-left: -20px; width: 150px;}
 #sidebar_left ul li{border:0;background:url(gambar/bullet.gif) no-repeat; margin:0 0px 5px;padding:0 0 5px 20px; font-size:12px;}
 #sidebar_left p{padding:0 5px;}
#sidebar_right { float: right; width: 180px;}
#sidebar_right h2{ font-size:14px;color:#333333; font-weight:bold; margin-left: 15px;}
 #sidebar_right ul{list-style-type:none; margin-left: -20px; width: 150px;}
 #sidebar_right ul li{border:0;background:url(gambar/bullet.gif) no-repeat; margin:0 0px 5px;padding:0 0 5px 20px; font-size:12px;}
 #sidebar_right p{padding:0 5px;}
#sidebar_right .img-ads { float: left; padding-left: 15px;}
#sidebar_right .img-ads img{ margin-bottom: 15px; display:block;}