/****************************************************************************************************
Nusanet Stylesheet 
URL 				: http://www.nusa.net.id
Design and CSS by 	: Agoestone
Powered by 			: nusanet

*****************************************************************************************************/

/************************************ For HTML Stylesheet *******************************************/
.bodi {
	margin		:0px auto;
	font		:12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color		:#3d3d3d;
	line-height	:18px;
	background	:#dcdcdc url(images/bg.jpg) repeat-x top;
	-webkit-font-smoothing: antialiased;
}

img {border:none;}

a:link, a:visited {color:#4a609d; text-decoration:none;}
a:hover {color:#3d3d3d; text-decoration:underline;}

h1{font:26px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-weight:normal; margin:0px;}
h2{font:22px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; line-height:18px; margin:0;}
h3{font:12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-weight:bold; margin:0;}

ul{margin:0; padding:0 0 0 1em;}
ul li {padding:0 0 0 1.3em; list-style-type:none; background:url(images/menu-leaf.gif) 0 5px no-repeat;}

ul.menu, .item-list ul { margin:0; padding:0;}
ul.menu ul, .item-list ul ul {margin-left: 0em; padding:0;}
ul.menu li, .item-list ul li {padding:0; margin:0; list-style-type:none; /*background:url(images/menu-leaf.gif) 0 5px no-repeat;*/}

/*ul li.leaf {background:url(images/menu-leaf.gif) 0 5px no-repeat;}
ul li.expanded {background:url(images/menu-expanded.gif) 0 5px no-repeat;}
ul li.collapsed {background:url(images/menu-collapsed.gif) 0 5px no-repeat;}
ul li.leaf a, ul li.expanded a, ul li.collapsed a { display: block;}*/
ul.inline li { background: none; margin: 0; padding: 0 1em 0 0;}

ul.others li {background:url(images/menu-collapsed.gif) 0 5px no-repeat; border-bottom:1px solid #CCCCCC;}

fieldset ul.clear-block li { margin:0; padding:0; /*background-image:none;*/}

div.meta {font-size:11px; float:left;}

div.links {margin:0; padding:0; /*height:21px; line-height:21px; width:100px;*/ font-size:11px; font-weight:bold;}
div.links ul.links {margin:0; padding:0 0 0 0.7em;}

div.links ul li {list-style:none; list-style-type:none; background:none; float:left; width:100px;}
/*ul.links li*/ ul.links li a:link, ul.links li a:visited,
ul.links li a:hover {text-decoration:none;}

tbody {border:none;}
table {background:none;}
table td {padding:0.2em 0.5em 0.2em 0.5em;}

tr.title {background:#01AB3E; color:#FFFFFF;}
tr.title th {padding:0.3em; text-align:center; border-right:1px solid #fff; border-right:1px solid #fff;}

tr.odd, div.odd {background:#EDF5FA; border-bottom:1px solid #dadada;}
/*tbody tr.odd a:link, tbody tr.odd a:visited {color:#00FFFF;}
tbody tr.odd a:hover {color:#FFFFFF;}*/

tr.even, div.even {background:#FFF; border-bottom:1px solid #dadada;}
/*tbody tr.even a:link, tbody tr.even a:visited {color:#00FFFF;}
tbody tr.even a:hover {color:#FFFFFF;}*/

td.active {background:none; color:#F3D50A;}

tr.odd td.menu-disabled {background-color: #edf5fa;}
tr.even td.menu-disabled { background-color: #fff;}
td.menu-disabled {opacity: 0.5;}

table.table_broadband {font-size:10px;}
table.table_broadband td {padding:0.2em; border:1px solid #fff; }

.submitted {font-size:11px; color:#999999; padding:0.5em 0 0.5em 0; line-height:normal; height:auto;}

.box {
	background:#e2fff9;
	padding:1em;
	margin:0.7em;
	border:1px solid #bcdfc6;
	text-align:center;
}
.box a {font-weight:bold;}

.clear {clear:both;}

div.status {
  	color		: #3a3;
  	border-color: #c7f2c8;
}

div.comment {padding:0.5em 1em 0.5em 1em;}
div.comment .submitted {color:#666666; font-size:10px;}
div.comment div.links {margin:0;}
div.comment .content p {padding:0; margin:0; line-height:normal; height:auto;}

.views-field-view-node a:link, .views-field-view-node a:visited
	{background:url(images/menu-collapsed.gif) 0 3px no-repeat; line-height:auto; padding:0 0 0 1em; list-style:none; list-style-type:none; font-size:12px;}
.views-field-view-node a:hover {text-decoration:underline;}

div.views-field-image-image img {border:1px solid #dcdcdc;}

div.views-field-created {font-size:10px; color:#acacac;}
div.views-field-title, td.views-field-title {font-weight:normal; font-size:13px; margin-bottom:0.5em; text-align:left;}
div.views-field-body {font-size:11px; line-height:normal;}

div.field-field-oleh {font-size:11px; font-weight:bold;}
div.field-field-oleh .field-label-inline-first {font-weight:normal;}
div.field-field-oleh .odd, div.field-field-oleh .even {background:none; border:none;}

#comments {padding:1em;}
h2.comments {font-size:13px; font-weight:bold;}

p.first_paragraph {font-weight:bold; border-bottom:1px solid #CCCCCC; padding-bottom:0.7em;}

/****************************************************************************************************/
/*************************************** Container  *************************************************/
#container {
	width:950px;
	margin:0 auto;
	padding:0;
	position:relative;
	top:0;
}

#wrapper {background:url(images/core_bg.jpg) repeat-y top center;}
#wrapper .wrapper {background:url(images/core_bottom_bg.jpg) no-repeat bottom center; padding:0 10px 12px 10px;}

/****************************************************************************************************/
/********************************* Header styles and class ******************************************/
#header {padding:0;	margin:0; height:112px;}
#header .upstair {height:33px;}
#header .upstair .content {padding:0 10px 0 10px; line-height:33px;}

#header #top {background:url(images/top_wrapp_bg.jpg) repeat-x top; height:79px; width:950px;}
#header #top .round_left {background:url(images/top_wrapp_left.jpg) no-repeat top left; height:79px;}
#header #top .round_right {background:url(images/top_wrapp_right.jpg) no-repeat top right; height:79px;}

#header #top .logo {height:79px; width:215px; float:left;}
#header #top .logo img {margin:10px 0 0 20px;}

/*********** ul menu for Nav Primary Links **************/
#nav {height:24px; width:400px; padding:45px 0 0 20px; float:left;}
#nav ul, #nav ul.menu {height:24px; margin:0; padding:0;}
#nav ul li, #nav .item-list ul li {
  	margin		:0;
  	padding		:0;
  	float		:left;
	text-align	:center;
	background	:none;
  	list-style-type	: none;
  	list-style-image: none;
}
#nav ul.menu li.last a:link, #nav ul.menu li.last a:visited {background:none;}
#nav ul.menu li a:link, #nav ul.menu li a:visited {
	height		:24px;
	line-height	:24px;
	margin		:0;
	padding		:0 9px 0 7px;
	width		:auto;
	text-decoration:none;
	display		:block;
	color		:#000;
	font-size	:12px;
	font-weight:bold;
	/*text-shadow :#fff 0px 1px 2px;*/
	background:url(images/nav_line.jpg) no-repeat right top;
}

#nav ul.menu li a:hover, #nav ul.menu li a.active{color:#00a83f;}

/*ul.menu .leaf a {
	background	:url(images/arrownavigationhover.gif) no-repeat bottom center;
}*/

/* sub level links */
#nav ul.menu li.expanded ul.menu li a:link, #nav ul.menu li.expanded ul.menu li a:visited {
	color		:#FFF;
	height		:28px;
	line-height	:28px;
	width		:210px;
	font-size	:12px;
	padding		:0 0 0 1em;
	margin		:0;
	border		:none;
	text-align	:left;
	background	:none;
	text-shadow	:#006699 0px 1px 3px;
}

#nav ul.menu li.expanded ul.menu li a:hover {
	background-color:#14a1aa;
	color			:#fff;
	margin			:0;
	text-shadow		:none;
}

/* parent level menu */
#nav a.daddy {
   background	:none;
   margin		:0;
   padding		:0;
}

/* top level buttons */
#nav li ul {
	position		:absolute;
	left			:-999em;
	height			:auto;
	width			:220px;
	/*border-bottom	:1px solid #FFF;*/
	border-width	:0;
	margin			:0;
	padding			:0;
	z-index			:10000;
}

#nav li li {
	float		:left;
	padding		:0;
	margin		:0;
	width		:220px;
	background-color:#89c7fc;
	border-bottom	:1px solid #FFF;
	list-style	:none;
}

/* margin for pullouts */
#nav li ul ul {
	margin	: -25px 0 0 15em !important;
	margin	: -25px 0 0 7em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left	: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover
ul, #nav li li li.sfhover ul {
	left			: auto;
	background-color:#14a1aa;
	text-shadow		:none;
}

#nav li li a:link, #nav li li a:visited, #nav li li.sfhover a:link, #nav li li.sfhover a:visited {
    color		: #fff;
	background-color:#89c7fc;
	font-size	:11px;
	text-shadow	:#006699 0px 1px 3px;
}

#nav li li a:hover, #nav li li.sfhover {
	background-color:#14a1aa;
	color			:#fff;
	text-shadow	:#006699 0px 1px 3px;
}


#header #top .r_top {width:auto; height:79px; float:left; padding:0 20px 0 0; float:right; }

/******** Secondary Bar  *********/
#block-menu-secondary-links {height:18px; padding:10px 0 0 0;}
#block-menu-secondary-links ul li, #block-menu-secondary-links .item-list ul li, #block-second-link ul.menu li {
  	margin		:0;
  	padding		:0;
  	float		:left;
	text-align	:center;
	background	:none;
  	list-style-type	: none;
  	list-style-image: none;
	border-right:1px solid #3d3d3d;
}

#block-menu-secondary-links ul.menu li a:link, #block-menu-secondary-links ul.menu li a:visited,
#block-second-link ul.menu li a:link, #block-second-link ul.menu li a:visited {
	height		:14px;
	line-height	:14px;
	margin		:0;
	padding		:0 5px 0 22px;
	width		:auto;
	text-decoration:none;
	display		:block;
	color		:#7b1717;
	font-size	:11px;
}

#block-menu-secondary-links ul.menu li a:hover, #block-menu-secondary-links ul.menu li a.active, #block-second-link ul.menu li a:hover, #block-second-link ul.menu li a.active {color:#3d3d3d; }

#block-menu-secondary-links ul.menu li.menu-309 {background:url(images/ic_about.jpg) 5px 0px no-repeat;}
#block-menu-secondary-links ul.menu li.menu-292 {background:url(images/ic_login.jpg) 5px 0px no-repeat;}
#block-menu-secondary-links ul.menu li.menu-293 {background:url(images/ic_sitemap.jpg) 5px 0px no-repeat;}
#block-menu-secondary-links ul.menu li.menu-294 {background:url(images/ic_rss.jpg) 5px 0px no-repeat;}

/*********** Search **************/
div.search {
	width	:265px;
	height	:29px;
	padding	:0;
	margin	:10px 0 0 20px;
	background:url(images/search_bg.jpg) no-repeat top left;
}

div.search form {margin:0; padding:5px 0 0 30px; text-align:left;}

div.search input.form-text {
	margin	:0;
	width	:175px;
	height	:15px;
	line-height:15px;
	padding	:0 ;
	color	:#000;
	font-size:11px;
	background:none;
	border	:none;
}

div.search input.form-submit {
	background	:none;
	border		:none;
	width		:40px;
	height		:17px;
	line-height	:17px;
	font-size	:11px;
	text-align	:center;
	padding		:2px 0 0 0;
	margin		:0 0 0 5px;
}


/*********************************************************************************************************/
/******************************* Top Floater Content styles and class ************************************/
#top_floater {padding:0; margin:0; z-index:100;}
#top_floater ul, #top_floater #block-views-main_top-block_1 ul, #top_floater #block-views-main_top-block_1 .block ul {margin:0; padding:0;}

/**************** Product Home *****************/
/************ prod1 + prod2 + prod3 ************/
#prod_home {padding:0 5px 0 5px; font-size:11px; line-height:normal;}
#prod_home .prod_wrapp {background:url(images/prod_bg.jpg) repeat-y center;}
#prod_home .prod_wrapp_top {background:url(images/prod_top_bg.jpg) no-repeat top center;}
#prod_home .prod_wrapp_bottom {background:url(images/prod_bottom_bg.jpg) no-repeat bottom center; padding:0 5px 0 5px;}

#prod_home h2 {font-size:16px;}
#prod_home #prod1, #prod_home #prod2, #prod_home #prod3 {float:left; width:310px;}

#prod1 #block-block-6 {background:url(images/prod_ic_int_ac.jpg) no-repeat left; padding:0 5px 0 70px; margin:10px 5px 13px 0; border-right:1px solid #c6c6c6;}

#prod2 #block-block-7 {background:url(images/prod_ic_host.jpg) no-repeat left; padding:0 5px 0 70px; margin:10px 5px 13px 0; border-right:1px solid #c6c6c6;}

#prod3 #block-block-8 {background:url(images/prod_ic_wd.jpg) no-repeat left; padding:0 5px 0 70px; margin:10px 5px 13px 0; }

/**************** Floater Home *****************/
/***** float1 + float2 + float3 + floatt4 ******/
#floater_home {padding:0 5px 0 5px; line-height:normal;}
#float1, #float2, #float3 {width:250px; float:left; background:url(images/float_bg.jpg) repeat-y center;}
#float4 {width:190px; float:left;}

#block-quicktabs-1/*** Live Chat! ***/, #block-views-float_latest_news-block_1, #block-views-float_latest_article-block_1 {background:url(images/float_bottom_bg.jpg) no-repeat bottom center;}
/*#floater_home .block{}*/
#floater_home .block h2 {background:url(images/float_top_bg.jpg) no-repeat top center; line-height:30px; height:39px; font-size:16px; padding:10px 10px 0 15px;}
#floater_home .block .content { padding:0 15px 15px 30px;}
#floater_home .block .content .content {background:none;}
#floater_home #block-quicktabs-1 .block .content {padding:0 15px 15px 15px;}

#floater_home #float4 .block {background:none;}
#floater_home #float4 .block .content {background:none; padding:5px 10px 10px 5px;}

/*** Block Partner ***/
#floater_home #float4 #block-block-3 {background:url(images/float_r_bg.jpg) repeat-y center;}
#floater_home #float4 #block-block-3 .block {background:url(images/float_r_bottom_bg.jpg) no-repeat bottom center;}
#floater_home #float4 #block-block-3 .block h2 {background:url(images/float_r_top_bg.jpg) no-repeat top center;}

#floater_home #float4 #block-block-2 p {margin:0; padding:0; line-height:normal;}

/** Quicktabs **/


/*********************************************************************************************************/
/*********************************** Primer Content styles and class *************************************/
#primer  {width:730px; float:left;}
#primer .clear-block .node .clear-block {padding:0;} 
#primer dl, #primer .help, #primer form#taxonomy-form-term, #primer form#contact-mail-page, #primer .taxonomy-sub, #primer form#search-form {padding:0 1em 1em 1em;}

#primer div.node-form, #primer .messages, #primer #tabs-wrapper {padding:0.5em 1.3em 0 1.3em;}
#primer #mission {visibility:hidden; padding:0; margin:0; line-height:0; height:0; background:none;}

#primer h2 {margin:10px 0 5px 0; background:url(images/tile_dots.jpg) 0 3px repeat-x;}
#primer h2 .whiteness {background:#fff; padding:0 10px 0 5px;}
#primer .node {margin:10px; /*font-family:"Arial", Helvetica, sans-serif;*/}
#primer .block {margin:10px 0 0 0;}
#primer .content {text-align:justify; margin:0;}
#primer h3 div.breadcrumb {padding:0.5em 1em 1.5em 1.3em;}

#primer .view-grid-item {text-align:center; border:none;}
.view-grid-item {text-align:left;}

/*** For About Us Page ***/
.view-about-us-overview {border:1px solid #CCCCCC; -moz-border-radius:6px; padding:10px; margin:10px 0 10px 0;}
.view-about-us-overview .views-row {clear:both;}
.view-about-us-overview .views-field-image-attach-images {float:left; width:172px;}
.view-about-us-overview .views-field-title {font-weight:bold;}
.view-about-us-overview .views-field-body {height:200px;}

/*** For Media Center Page ***/
#block-views-media_center_email-block_1 {border:1px solid #CCCCCC; -moz-border-radius:6px; padding:10px; margin:10px 0 10px 0;}
#block-views-media_center_email-block_1 h2 {font-size:14px;}

/****************************************************************************************************/
/***************************** Sidebar Content styles and class *************************************/
#left, #right {width:190px; float:left;}
#left .sidebar, #right .sidebar {padding:0 10px 0 10px;}

.sidebar .block h2 {background:url(images/side_block_top.jpg) no-repeat top; line-height:30px; height:30px; font-size:13px; padding:0 5px 0 10px;}
.sidebar .block {background:url(images/side_block_bg.jpg) repeat-y top; margin:10px 0 10px 0;}
.sidebar .block .content {background:url(images/side_block_bottom.jpg) no-repeat bottom; padding:0.5em 0.5em 1.5em 0.5em;}
.sidebar .block .content h2 {background:none; padding:0; margin:0; height:auto; line-height:inherit;}
.sidebar .block .content .content {background:none; line-height:normal; font-size:11px;}

.sidebar #block-ad-17 .block {background:none;}
.sidebar #block-ad-17 .block .content {background:none; padding:0;}

.sidebar #block-block-13 .block .content {font-size:11px; line-height:normal;}

.sidebar ul.menu {
	margin		:0;
	padding		:0;
	line-height	:24px;
	font-size	:12px;
}
.sidebar .item-list {
	padding		:0;
	font-size	:12px;
}
.sidebar ul li {
	margin		:0;
	padding		:0;
	list-style-type:none;
	list-style-image:none;
	background:none;
}
.sidebar ul.menu li a:link, .sidebar ul.menu li a:visited,
.sidebar ul li .item-list a:link, .sidebar ul li .item-list a:visited
{
	line-height	:24px;
	display		:block;
	margin		:0;
	padding		:0 0 3px 0;
	border-bottom:1px solid #cccccc;
}
.sidebar ul.menu li a:hover, #sidebar-left .item-list li a:hover {text-decoration:none;}
.sidebar ul.menu li.leaf a.active, .sidebar .item-list li.leaf a.active {
	background:#cecece url(images/side_link_hover.jpg) repeat-x bottom; color:#fff;
	border:none;
	padding:0 0.5em 0 0.5em;
}
.sidebar ul.menu ul.menu {padding:0 0 0 0.8em;}

.sidebar .block .content p {padding:0; margin:0; line-height:normal; height:auto;}

#left .sidebar ul.menu li a:link, .sidebar ul.menu li a:visited {}
#left .sidebar ul.menu li a:hover {background:url(images/menu-collapsed.gif) no-repeat right;}

#right .sidebar ul.menu li a:link, .sidebar ul.menu li a:visited {}
#right .sidebar ul.menu li a:hover {background:url(images/menu-collapsed.gif) no-repeat left;}

#left .sidebar ul.menu li a.active, #right .sidebar ul.menu li a.active {background:#cecece url(images/side_link_hover.jpg) repeat-x bottom; color:#fff; padding:0 0.5em 0 0.5em;}
/*
.sidebar #block-block-2 .block {background:none; padding:0;}
.sidebar #block-block-2 .block .content {background:none; padding:0;}
*/

/****************************************************************************************************/
/********************************************* Footer ***********************************************/
#footer {
	clear:both;
	width:100%;
	height:auto;
	background:#fff url(images/footer_bg.jpg) repeat-x top;
	padding:0;
	margin:10px 0 0 0;
}

#footer .foot_l {width:475px; float:left;}
#footer .foot_r {width:475px; float:right;}

#footer .content {padding:12px;}

.foot_r ul, .foot_r ul.menu {height:auto; margin:0; padding:16px 10px 0 0; text-transform:lowercase;}
.foot_r ul li, .foot_r .item-list ul li {
  	margin		:0;
  	padding		:0;
  	float		:right;
	text-align	:center;
	background	:none;
  	list-style-type	: none;
  	list-style-image: none;
	border-right:1px solid #CCCCCC;
}

.foot_r ul.menu li a:link, .foot_r ul.menu li a:visited {
	height		:11px;
	line-height	:11px;
	margin		:0;
	padding		:0 5px 0 5px;
	width		:auto;
	text-decoration:none;
	display		:block;
}

.foot_r ul.menu li a:hover, .foot_r ul.menu li a.active{}

/************** Grabber **********************/
#grabber {padding:0.7em 0.5em 0 1em;}
#grabber td {font-size:12px;}
.noc-open { background-color: #ffb; }