/* COMMON */
.sbLink, .sbLink:link, .sbLink:visited, .sbLink:active {
	color: #0C61B0;
	margin: 0px 0px 0px 2px;
	padding: 0px;
	text-decoration: none;
	background-color: transparent;
	border: none;
	text-align: left;
	cursor: pointer;}

.sbLink:hover {
	color: #0C61B0;
	text-decoration: underline;}

body, select, .small, .defaultfont, .inputtext, .inputbutton, .signlbl, .reglbl2, .nameLink, .ttl, .text_right, .text_left, .dialog, .sbLink, #counter{
	font-family: verdana, "lucida grande", tahoma, arial, sans-serif;
	font-size: 11px;}

.editor td.label, .personal_detail table td, .forum_block table th, .forum_block table td, .mail_block table th, .mail_block table td, .mail_block3 table td, .h_menu_text a, .h_rigbot a, #navr .navr_menu ul {
	font-family: verdana, "lucida grande", tahoma, arial, sans-serif;
	font-size: 11px;}
	
body {
	background: #fff;
	margin: 0px auto;
	padding: 0px;
	text-align: center;}

h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {
	margin: 0px;
	padding: 0px;}

a, a:link, a:visited, a:active {
	text-decoration: none;
	color:#0C61B0;}

a:hover {
	color:#0C61B0;
	text-decoration: underline;}
	
img {
  border: 0px;}
	
td {
	text-align: left;}
	

	


.clearLeftNoHeight {	
	margin: 6px 0px 0px 0px;
	padding: 0px;}
	
.clearLeftNoHeight2 {
	margin: 0px;
	padding: 10px 0px 0px 0px;}
	
.clearLeftNoHeight, .clearLeftNoHeight2{
	clear: both;	
	font-size: 0px;
	line-height: 0px;}
	
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0px; 
  clear: both;
  visibility: hidden;}

.clearfix {
	display: inline-block;}
/* WinIE6 and below */
* html .clearfix {
	height: 1%;}
/* WinIE7 only */
*+html .clearfix{
	height: 1%;}
.clearfix {
	display: block;}

.left {
	float: left;}
	
.right {
	float: right;}
	
.clear {
	clear:both;}
		

	

/*	--	CONTAINER SECTION --	*/	
.p_content {
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	overflow: hidden;
	width: 1002px;
}
	
.inputtext {	
	border: 1px solid #7F9DB9;
	padding: 0px;}

.inputcheckbox {	
  border: 0px;}
	
.inputbutton {
  border-style: solid;
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-right-width: 1px;
  border-top-color: #D9DFEA;
  border-left-color: #D9DFEA;
  border-bottom-color: #0e1f5b;
  border-right-color: #0e1f5b;
  background-color: #3b5998;
  color: #FFFFFF;
	text-align: center;}

.ttl {
	margin: 10px 15px 10px 15px;
	text-align: left;
	font-weight:bold;
	width: 730;
	overflow: hidden;
	font-size: 16px;}

.photo_frame {
	margin: 0px auto;
	padding: 0px;
	position: relative;
	text-align: left;
	width: 646px;
	display: block;}
	
.photo_frame2{
	margin:0px;
	padding: 0px;
	text-align: left;
	width: 646px;
	float:left;
	display: inline;}

.photo_border {
	margin: 6px 0px 0px 0px;
	padding: 0px;
	position: relative;
	text-align: left;
	display: block;}
	
.photo_width {
	width: 646px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;}
	
.photo_block {
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 646px;
	overflow: hidden;
	text-align: left;}
	
.cnt_frame ,.cnt_frame2{
	margin: 0px auto;
	padding: 0px;
	position: relative;
	text-align: left;
	width: 600px;
	display: block;
}
.cnt_frame2{
	width: 646px;
}
	
.cnt_border,.cnt_border2 {	
	width: 600px;
	margin: 6px 0px 0px 0px;
	padding: 0px;
	position: relative;
	text-align: left;
	display: block;
}
.cnt_border2{
	width: 646px;
}
	
.cnt_width {
	width: 646px;
	font-size: 0px;
	line-height: 0px;}
	
/*.reg_block {*/
.cnt_block, .cnt_block_pos {
	margin: 0;
	padding: 0;	
	overflow: hidden;
	text-align: left;}	

.cnt_block {
	width:750px;}
	
.cnt_block_pos {
	width:600px;
}
.cnt_block_pos2{
	width:646px;
}
	
.cnt_msg {
	margin: 10px 10px 10px 10px;}

.cnt_msg2 {
	margin: 0px 10px 10px 10px;}

.cnt_msg span, .cnt_msg2 span  {
	font-size: 12px;
	font-weight: bold;}
	
.cnt_msg3 {
	font-weight: bold;}

.text_right {
	margin: 0px 0px 0px 30px;
	text-align: right;}
	
.text_left {
	text-align: left;}

.editor {
	width: 490px;
	margin: 2px 10px 0px 10px;
	position: relative;
	text-align: left;}

.editor2 {
	margin: 0px;
	position: relative;
	text-align: left;}
	
.editor td, .editor2 td {
	vertical-align: top;
	border: none;
  margin: 0px;
  padding: 0px 10px 6px 0px;}
	
.editor tr.subrow, .editor2 tr.subrow {
  vertical-align: top;}
.editor tr.subrow td, .editor2 tr.subrow td  {
  margin: 0px;
  padding: 0px;}

.editor td span.small, .editor2 td span.small {
	font-size: 10px;}

.paging_head,.paging_head2 {
	font-size: 11px;
	font-weight: bold;
	margin: 0px;	
	text-align: left;}
.paging_head {
	padding: 0px 10px 10px 5px;}
.paging_head2 {
	padding: 0px 10px 0px 5px;}
	
.paging_foot,.paging_foot2 {
	font-size: 11px;
	font-weight: bold;
	margin: 0;	
	text-align: left;}
.paging_foot {
	padding: 10px 10px 0px 5px;}
.paging_foot2 {
	padding: 0px 10px 0px 5px;}

.interest_box {
	width: 350px;
	height: 150px;}
			
/*	-- SUB MENU SECTION --	*/	
.submenu {
	margin: 0px 10px 0px 10px;
	padding: 0px;
	height: 20px;
	border-bottom: 1px solid #CCCBCB;	
	text-align: center;}
	
.sub_text {
	color: #757575;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	list-style: none;
	margin: 0px;
	padding: 0px;	
	text-align: center;}
	

.sub_text li {
	display: inline;}

.sub_text a, .sub_text a:visited {
	color: #0C61B0;	
  text-decoration: none;
	margin: auto 0px;
	padding: 2px 1px;}

.sub_text a:hover {
	color: #0C61B0;
	text-decoration: underline;}

.error_msg {
	color: #ff0000;
	font-size: 12px;
	margin: 0px;
	padding: 0px 5px 10px 15px;	
	text-align: left;}

.error_msg a, .error_msg a:link, .error_msg a:visited, .error_msg a:active {
	text-decoration: none;
	color:#ff0000;
	font-weight: bold;}

.error_msg a:hover {
	color:#ff0000;
	text-decoration: underline;
	font-weight: bold;}


.fixed {
	width: 616px;
	table-layout: fixed;
	overflow: hidden;
}

.fixed td {
	overflow: hidden;
}



/*	-- HEADER SECTION --	*/
.homepage {
	padding: 5px 0px 0px 0px;
	margin: 0px auto;
	text-align: left;
	width: 1002px;
}

.homepage2 {
	padding: 5px 0px 0px 0px;
	margin: 0px auto;
	text-align: left;
	width: 600px;}

.h_page {
	height: 65px;
	position: relative;
	width: 1002px;
}
	
.h_page2 {
	height: 65px;	
	position: relative;
	width: 600px;}

.h_logo {
	top: 2px;
	height: 63px;
	position: relative;
	float: left;
	display: inline;
	width: 255px;}
.h_banner_top{
	float:left;
	display:inline;
	width:470px;
	height:65px;	
	margin-left:45px;
	overflow:hidden;
}
.logo {
	width: 249px;}

.h_right {
	float: right;
	display:inline;
	display: block;
	margin-top:26px;
	text-align:right;}
.h_right a, .h_right a:visited {
	color: #303030;
	font-size: 10px;
	font-weight:normal;
  text-decoration: none;
	margin: auto 0px;
	padding: 2px 1px;}

.h_right a:hover {
	color: red;
	text-decoration: underline;}

.head_menu  {
	margin: 0px;
	padding: 0px;
	height: 29px;
	position: relative;
	text-align: left;}
	
.head_name {
	margin: -29px 0px 0px 0px;
	padding: 0px;
	position: relative;
	text-align: center;}


/*----test----*/
#navr .main_set li a {
	font-family: verdana, "lucida grande", tahoma, arial, sans-serif;
	font-size: 13px;}
	
#navr .navr_menu li a {
	font-family: verdana, "lucida grande", tahoma, arial, sans-serif;
	font-size: 11px;}

/*----*/
#navr {
	height: 29px;
	line-height: 29px;
	position: relative;
	width: 994px;
	margin: 0px;
	padding: 0px;}

#navr a, #navr a:link, #navr a:visited, #navr a:active {
	text-decoration: none;
	color: black;
	font-weight: bold;}
	
#navr a:hover {
	color: #c1681a;}
  
#navr ul.main_set {
	float: left;
	display: inline;
	list-style: none;
	width: 742px;
	margin: 0px;}

#navr ul.main_set.ST{
	padding: 0px 0px 0px 5px;}

* html #navr ul.main_set.ST{
	padding: 0px 0px 0px 3px;}

#navr ul.main_set.SU{
	padding: 0px 0px 0px 5px;}
	
#navr ul.main_set.HP{
	padding: 0px;
	margin:0px;
	margin-left:327px;
	_margin-left:322px;
	width: 342px;}
	
#navr .main_set li {
	float: left;
	display: block;
	margin: 0px 0px 0px 2px;}
      
#navr .main_set li a {
	padding: 0px;}

#navr .main_set li a.edit_link {
	color: #bb804d;
	font-weight: normal;}
#navr .main_set li a.edit_link:hover {
	text-decoration: underline;
	background: transparent;}
/*
#navr .main_set li .with_arrow {
	margin-top: 0px;
	width: 116px;}
*/
#navr .main_set li .with_arrow {
	margin-top: 0px;
	width: 160px;}

#navr .main_set.SU li .with_arrow {
	margin-top: 0px;
	width: 139px;}
	
#navr .main_set li .with_arrow a {
	color: #3F3E3E;}

#navr .main_set li .with_arrow a:hover {
	color: #c1681a;}

#navr .main_set li .with_arrow2 {
	margin-top: 0px;}
/*	
#navr .main_set li .highlight {
	margin-top: 0px;
	width: 116px;
	background-repeat: repeat;
	background-image:url(http://www.karir.com/images/karir/header_07.png);	}
*/	
#navr .main_set li .highlight {
	margin-top: 0px;
	width: 160px;
	background-repeat: repeat;
	background-image:url(http://www.karir.com/images/karir/header_07.png);	}

#navr .main_set.SU li .highlight {
	margin-top: 0px;
	width: 139px;
	background-repeat: repeat;
	background-image:url(http://www.karir.com/images/karir/header_07.png);	}
	
#navr .main_set li .highlight a {
	color: #FFFFFF;}
	
#navr .main_set li .highlight a:hover {
	color: #c1681a;}
	
#navr .main_set li .pipe {
	image:url(http://www.karir.com/images/karir/header_10.png);}
	
.gmenu_active:focus {
  outline: 0px;}

#navr .main_set li a.gmenu, #navr .main_set li a.gmenu_active {
	height: 19px;
	width: 17px;
	margin: 0px;
	padding: 0px;}

/* Navigator Drop Menus ==================== */

#navr .navr_menu {
	margin: 0px;
	position: absolute;
	z-index: 100;
	background: #F8F8F8;
	border: solid 1px #D8D6D6;
	text-align: left;}

#navr .navr_menu.b210 { 
	width: 210px;}
  
#navr .navr_menu.b190 { 
	width: 190px;}

#navr .navr_menu.b150 { 
	width: 150px;}
  
#navr .navr_menu ul {
	line-height: 11px;
	font-weight: normal;
	list-style: none;
	padding: 3px 0px;
	margin: 0px;}
    
#navr .navr_menu li {
	height: 20px;
	float: none;
	cursor: pointer;
	font-weight: normal;
	padding: 0px;
	margin: 0px;}

#navr .navr_menu li.menu_divider {
	display: block;
	margin: 4px 10px;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	cursor: default;
	border-bottom: solid 1px #eee;}
      
#navr .navr_menu li a {
	font-size: 11px;
	display: block;
	color: #3b5998;
	border-right: solid 1px white;
	border-left: solid 1px white;
	padding: 4px 25px 4px 10px;}

#navr .navr_menu a:hover {
	text-decoration: none;
	background: #3b5998;
	border-right: solid 1px #6d84b4;
	border-left: solid 1px #6d84b4;
	color: white;}
	
.asech {position:relative;height:26px;margin:0;background-image:url(http://www.karir.com/images/karir/header_03.png); background-repeat: repeat;}
.asecf {height:26px;margin:0;background-image:url(http://www.karir.com/images/karir/footer_21.png); background-repeat: repeat;}


.bdrh {padding:0 4px;}
.bdrh .first, .bdrh .last{position:relative;height:29px;margin:0;}
.bdrh .first{background-image:url(http://www.karir.com/images/karir/header_09.png); background-repeat: repeat;}

.bdrh .first .first, .bdrh .first .last{border:0;position:absolute;z-index:1;width:4px;background-repeat:no-repeat;}
.bdrh .first .first{margin-left:-4px;}
.bdrh .first .last{right:0px;margin-right:-4px;}

div.sidebarh  .first .first{background-image:url(http://www.karir.com/images/karir/header_06.png);}
div.sidebarh  .first .last{background-image:url(http://www.karir.com/images/karir/header_12.png);}
/*-------------------*/

/*	--	FOOTER	SECTION --	*/	
.foot_menu  {	
	margin: 0px auto;
	padding: 0px;
	height: 29px;	
	text-align: center;
	background-repeat: repeat;
	background-image:url(http://www.karir.com/images/karir/footer_18.png);}
	
.foot_border{	
  margin: 0px;
	padding: 0px;	
	text-align: left;
	display: block;
	border-left: 1px solid #C7C7C7;
	border-right: 1px solid #C7C7C7;}
	
.foot_block{	
	height: 29px;
	margin: 0px;
	padding: 7px 0px 0px 0px;	
	overflow: hidden;
	text-align: center;}

.foot_block.ST{
	width: 1002px;}
.foot_block.HP{
	width: 1002px;}
.foot_block.OT{
	width: 600px;}
	
.foot_block ul{	
	color: #B7B7B7;
}

.foot_block li{
	display: inline;
}
.foot_block li a:link, .foot_block li a:visited {
	color: #303030;	
	font-weight:normal;font-size: 9px;}

.foot_bottom {
	margin: 0; 
	padding: 0;	
	text-align: right;
	color: #646770;	
	font-size: 9px;
	
}

.foot_bottom_left {
	float: left; 
	width: 300px; 
	text-align: left;
}

.foot_bottom_right {	
	float: right; 
	width: 200px; 
	text-align: right;
}

/* SCROLL */
div.scroll1
{	margin:0;
	padding:0;
	border: 1px solid #7F9DB9;	
	width:150px; 
	height:145px; 
	z-index:20; 
	overflow:auto;	
	font-family: verdana, "lucida grande", tahoma, arial, sans-serif;
	font-size: 11px;}

.bdrtitle{
	position:absolute;
	margin-top:5px;
	font-weight:bold;
	font-size:13px;}

.mrg {
	margin:0px -8px;
	padding: 10px 0px 12px 0px;	
	border-color:#C1BFBF;
	border-style:solid;
	border-width:0px 1px 1px 1px;
	background-color:#fbf9f9;
	background-image:url(http://www.karir.com/images/karir/borderchaera_14.png);
	background-repeat: repeat-x;
	background-position: 0% 100%;}
	
.mrg2{
	margin:0px -8px;
	padding: 10px 0px 12px 0px;	
	border-color:#C1BFBF;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	background-color:#fbf9f9;
	background-repeat: no-repeat;
	background-image:url(http://www.karir.com/images/karir/krucaci.jpg);
	background-position: 5px 5px;}

.mrg3{
	margin:0px -8px;
	padding: 10px 0px 12px 0px;	
	border-color:#C1BFBF;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	background-color:#fbf9f9;
	background-repeat: no-repeat;
	background-image:url(http://www.karir.com/images/karir/krucaci_popup.jpg);
	background-position: 5px 5px;}
	
.mrg5 {
	margin:0px -8px;
	padding: 10px 0px 8px 0px;	
	border-color:#C1BFBF;
	border-style:solid;
	border-width:0px 1px 1px 1px;
	background-color:#fbf9f9;
	background-image:url(http://www.karir.com/images/karir/borderchaera_14.png);
	background-repeat: repeat-x;
	background-position: 0% 100%;}
	
.bdr {padding:0px 8px;}
.bdr .first{position:relative;height:29px;margin:0;background-image:url(http://www.karir.com/images/karir/hborder_04.png); background-repeat: repeat;}
.bdr .last{position:relative;height:8px;margin:0;background-image:url(http://www.karir.com/images/karir/borderchaera_17.gif); background-repeat: repeat;}

.bdr .first .first, .bdr .first .last, .bdr .last .first, .bdr .last .last{border:0;position:absolute;z-index:1;width:8px;background-repeat:no-repeat;}
.bdr .first .first, .bdr .last .first{margin-left:-8px;}
.bdr .first .last, .bdr .last .last{right:0px;margin-right:-8px;}

div.sidebar  .first .first{height:29px;background-image:url(http://www.karir.com/images/karir/hborder_03.png);}
div.sidebar  .first .last{height:29px;background-image:url(http://www.karir.com/images/karir/hborder_06.png);}
div.sidebar  .last .first{height:8px;background-image:url(http://www.karir.com/images/karir/borderchaera_16.gif);}
div.sidebar  .last .last{height:8px;background-image:url(http://www.karir.com/images/karir/borderchaera_18.png);}


.bdr2 {padding:0px 8px;}
.bdr2 .first{position:relative;height:8px;margin:0;background-image:url(http://www.karir.com/images/karir/borchaera_fm.png); background-repeat: repeat;}
.bdr2 .last{position:relative;height:8px;margin:0;background-image:url(http://www.karir.com/images/karir/borchaera_lm.png); background-repeat: repeat;}
.bdr2 .first .first, .bdr2 .first .last, .bdr2 .last .first, .bdr2 .last .last{border:0;position:absolute;z-index:1;width:8px;background-repeat:no-repeat;}
.bdr2 .first .first, .bdr2 .last .first{margin-left:-8px;}
.bdr2 .first .last, .bdr2 .last .last{right:0px;margin-right:-8px;}

div.sidebar2  .first .first{height:8px;background-image:url(http://www.karir.com/images/karir/borchaera_ff.png);}
div.sidebar2  .first .last{height:8px;background-image:url(http://www.karir.com/images/karir/borchaera_fl.png);}
div.sidebar2  .last .first{height:8px;background-image:url(http://www.karir.com/images/karir/borchaera_lf.png);}
div.sidebar2  .last .last{height:8px;background-image:url(http://www.karir.com/images/karir/borchaera_ll.png);}

div.htmltooltip{
	position: absolute; /*leave this and next 3 values alone*/
	z-index: 1000;
	left: -1000px;
	top: -1000px;
	background: #FFFFFF;
	border: 1px solid #CCCBCB;
	color: black;
	padding: 5px;
	width: 260px; /*width of tooltip*/
	text-align:left;
	overflow-x:hidden;
}

#mask {
	position:absolute;
	z-index:9000;
	background-color:#000;
	display:none;
}
  
#boxes .window {
	position:absolute;
	display:none;
	z-index:9999;
	background-color:#fff;
	border:2px solid #000;
}
#zoomImg{
	margin:5px;
}
#loadStatus{
	text-align:center;
	width:150px;
	height:24px;
	line-height:24px;
	margin:5px;
}
h1.jdl-iklan,h2.jdl-iklan{
	margin:0px;
	border:0px;
	display:inline;
	font-weight:bold;
	font-size:11px;
}