/**********************************************************************************************
  CSS : Jasaraharja website - phase II
  Author: http://prima.web.id
-----------------------------------------------------------------------------------------------
	1. BASE
			1.1 Reset
			1.2 Default styles
			1.3 Basic styles
	
	2. LAYOUT
			2.1 Header
			2.2 Content
			2.3 Innerbar
			2.4 Sidebar
			2.5 Footer
===============================================================================================*/	

/* 1.1	Reset
-----------------------------------------------------------------------------------------------*/	
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,	b, u, i, center,	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;
    vertical-align: baseline; background: transparent;
	}
	body {line-height: 1;}
	ol, ul {list-style: none;}
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;	}
	:focus {outline: 0;}
	ins {text-decoration: none;}
	del {text-decoration: line-through;}
	table {border-collapse: collapse; border-spacing: 0;}


/* 1.2	Default styles
-----------------------------------------------------------------------------------------------*/	
	body { 
    background: #fff url(img/bg.png) 0 3px repeat-x;
		font: 62.5% Verdana, Arial, Helvetica, sans-serif;
		text-align: center; border-top: 3px solid #666666;
    color: #3E3D39;
		}
	hr { display: none;	}
	strong { font-weight: bold; }
	em { font-style: italic; }
	abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
	input, textarea, select {font: 1.2em Arial, Helvetica, sans-serif;}
	a { color: #00628B; text-decoration: none;	}
	a:hover, a:active { color: #FF3300; text-decoration: none;}

/* 1.3	Basic styles
-----------------------------------------------------------------------------------------------*/	
	.hide {display: none;}

/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	.container { width: 980px; position: relative; margin: 0 auto; text-align: left;
    background: url(img/bg-jr.jpg) no-repeat 240px 320px;
  }
	#header {height: 110px;}
	#content-wrapper {width: 718px; float: left;margin-bottom: 10px;}
	#content { width: 410px; float: left;}
	#innerbar { width: 300px; float: right;	}
	#sidebar {width: 254px; float: right; margin-bottom: 10px;}
	#footer {clear: both;}

/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	
  #internal {position: absolute; top:0; left:445px; width: 535px; height: 1px; z-index: 2000;}
  #internal-tab { float:right; 
    /*
    background: transparent url(img/bg-internal-tab-end.png) no-repeat top right;
    height: 21px;
    */
    display: block; overflow: hidden;
    }
  #internal-tab a {padding: 0; margin:0;
    text-align:center;  font-size: 1.1em; color: #fff; text-decoration: none;
    width: 104px;
    height: 24px; line-height: 20px; 
    background: transparent url(img/bg-internal-tab.png) no-repeat top left;
    display: block;
    overflow: hidden;
    }
  #internal-tab a:hover {color: yellow}
  #internal-wrapper { 
    background: #666666; color: #fff; margin:0; padding:0px;
    width: 535px; 
    display: inline-block; overflow: hidden;
    line-height: 1.5em;
    font-size: 1.1em;
    }
    #internal-wrapper a {color: #fff;}
    #internal-wrapper a:hover {color: yellow;}
    #internal-wrapper .internal-wrap {padding: 0px 0px 10px 0px; overflow: hidden;}
    #internal-wrapper .internal-wrap .internal-box {
      padding: 0px 10px 7px 10px;
      width:245px;
      float:left;
      display: block;
    }
      
    #internal-wrapper .mailbg h2 {background: url(img/mail.png) no-repeat 2px 7px; 
      padding: 7px 0 10px 20px; color: #FFE500;  font-size: 1.1em; }
    #internal-wrapper .portalbg h2 {background: url(img/portal.png) no-repeat 2px 7px; 
      padding: 7px 0 10px 20px; color: #FFE500;  font-size: 1.2em; }
    
    #internal-wrapper .bordered {border-left: 1px solid #888;}
    
    #internal-wrapper .internal-wrap .internal-box form div {margin-bottom: 3px; display: block; }
    #internal-wrapper .internal-wrap .internal-box label {
      width: 70px; padding-right: 7px; text-align: right; display: block; float:left;}
    #internal-wrapper .internal-wrap .internal-box input {
      background: #e7e7e7; border: 1px solid #5c5c5c; padding: 1px 5px; line-height: 1.3em; height: 1.3em;
      width: 135px;  
    }
    #internal-wrapper .internal-wrap .internal-box input.button {
      margin-top: 5px;
      background: url(img/bg-btn-login.png) no-repeat 0 0;
      width: 84px;
      height: 23px;
      display:block;
      overflow: hidden;
      padding: 23px 0 0 0;
      cursor: pointer;
      border:0;
    }
    
    #internal-wrapper .internal-wrap .internal-box input.button:hover {background-position: 0 -25px;}
      
	#header h1, 
	#header h1 span,
	#header .logo a,
	#header .logo span {
		display: block;
		width: 412px;
		height: 95px;
		overflow: hidden;
		cursor: pointer;
	}
	
	#header h1,	#header .logo { position: absolute;	top: 15px; left: 0;	}
	#header h1 span, #header .logo span {	position: absolute; top: 0; left: 0; z-index: 10;background: url(img/logo.jpg) no-repeat;	}
	#accessibility-links {position: absolute; left: -1000em; text-align: left;}
	
  #header .slogan-asuransi {
    padding: 58px 0 0 440px;
  }
  #header .slogan-lebaran {
    padding: 0px 0 0 408px;
  }
  
  #topnav {
    display: inline-block; overflow: hidden; width: 980px; height: 62px;
    background: url(img/bg-topnav.png) repeat-x top left;
    margin: 0 0 8px 0px;
  }
  #topnav li {display: inline;}
  #topnav li a {float:left;}
  
  a.rss span {width: 16px; height: 17px; display:inline-block; overflow: hidden; float:right; background: url(img/rss.png) no-repeat top left; padding: 0px; margin: 8px 10px 0;}
  
/* 2.2	Content
-----------------------------------------------------------------------------------------------*/	
  #content {line-height: 1.5em;
    font-size: 1.1em;
  }
  
  #content .headline {margin: 0 0 10px 0; padding: 4px; background: #E6E6DC; color: #000;}
  #content .headline a {color: #f30;}
  #content .headline a:hover {color: #f00;}
  #content .headline-text {padding: 5px}
  #content .alignleft {float:left; margin: 5px 10px 5px 0px; align: left;}
  #content .aligncenter {float:center; margin: 5px 10px 5px 0px; align: middle;}
  #content .sub-headline {
    display: inline-block; overflow: hidden; clear: both; 
    background: url(img/dot.png) repeat-x 0 0;
    padding: 7px 5px;
  }
  #content .entry {display: inline-block; overflow: hidden;}
  #content h2 {font-size: 1.25em;}
  #content h3 {font-size: 1.15em;}
  #content h4 {font-size: 1.0em;}
  #content h2, #content h3, #content h4 {line-height: 1.5em;}
  
  #content-wrapper .page {width: 700px;}
  
  #content-detail {font-size: 1.32em; line-height: 1.5em; font-family: Arial, Verdana, Helvetica, sans-serif; color: #222;}
    #content-detail ul, #content-detail ol {margin:0 0 8px 30px; padding: 0px 0px 0px 0px;}    
    #content-detail ul li, #content-detail ol li {padding: 0px 0px 0em 0px;}
    #content-detail ol {list-style: decimal;}
    #content-detail ul {list-style: square;}

    #content-detail h2 {font-size: 1.5em; line-height: 1.3em; letter-spacing: 1px; margin-bottom: 10px; padding: 20px 0  5px 0;}
    #content-detail h3 {font-size: 1.2em; padding: 12px 0 5px 0;}
    #content-detail .related {float:right; width: 400px; margin: 0 0 8px 10px; 
      border: 1px solid #eee; padding: 3px; font: 0.86em/1.5em Verdana, Arial, Helvetica, sans-serif;
    }
    
    #content-detail .page h3 {margin: 5px;}
    #content-detail .page h4 {margin: 5px;}
    
    
    #content-detail .related h3 {background: #eee; padding: 5px 10px; font-size: 1.1em;}
    #content-detail .related ul {margin:0 0 0 20px; padding: 7px 0px 7px 0px; list-style: disc outside; color: #5A79A5;}
    #content-detail .related ul li {padding: 2px 0;}
    #content-detail p {margin: 0.75em 0; padding:0;}
    #content-detail ul#imgcontent {list-style:none;margin:0;padding:0;}
    #content-detail ul#imgcontent li {margin:0;padding:0;}
    
		#content-detail .page {padding-right: 20px;}
    #content small{font-size:10px;}
		table.list {margin:0; border:1px solid #A8C5E1!important; color:#333; font: 11px/11px Tahoma, Arial, Verdana;
		letter-spacing:1px; width:100%;}
		table.list caption {text-align:left;font-weight:bold;padding-bottom:.5em;}	
		table.list th {font-weight:bold;color:#999; background:url(img/formbar3.gif) repeat-x;}
		table.list th, table.list td {padding:3px 5px; vertical-align:top; line-height: 1.5em;}
		table.list thead th {border-bottom:1px solid #A8C5E1; border-left:1px solid #E8F0F7;	padding:5px;vertical-align:middle;text-align:center; background: #f6f6f6;}
		table.list thead th.l {text-align:left;}
		table.list thead th:first-child {border-left:none;}
		table.list tbody th {text-align:left; border-bottom:1px solid #E8F0F7; color: #666;}
		table.list tbody td {text-align:left; border-left:1px solid #E8F0F7;	border-bottom:1px solid #E8F0F7; padding:3px 5px; letter-spacing:0px;}
		table.list tbody td:first-child {border-left:none;}
		table.list tbody tr.odd {background: #f0f0f0;}
		table.list tfoot td {border-left:1px dotted #ccc;}
		table.list th.no {width:15px;}
		table.list th.date {width:75px;}
		table.list th.status {width:50px;}
		table.list th.action {width:50px; text-align:center;}
		table.list th.num, table.list td.num {width:60px;}
		table.list td.num {text-align:right}
		table.list td a.view {background:url(img/view.gif) no-repeat; padding: 0 5px;text-decoration:none;}
		table.list td a.edit {background:url(img/edit.gif) no-repeat; padding: 0 5px;text-decoration:none;}
		table.list td a.del {background:url(img/del.gif) no-repeat; padding: 0 5px;text-decoration:none;}
		table.list td.c {text-align:center;}
		table.list td.r {text-align:right;}

	ul.rpt {list-style:none;margin:0 0 0px 0;padding:0 0 0 20px;line-height:1.2em;}
	ul.rpt li{padding: 5px 0;line-height:1.2em;}
	ul.rpt ul{list-style:none;padding-left:20px;}
	ul.rpt a{padding:0 0 0 20px;background:url(img/acrobat.gif) no-repeat 0 0; color: #00628B; text-decoration: none;}
	ul.rpt a:hover{background:url(img/acrobat.gif) no-repeat 0 0; text-decoration: none;color: #f30;}

	#pollresult { margin :2px; ; padding:0;}
	#pollchart { margin : 2px 5px 0 0; ; padding:2px; width: 400px; height: 18px; }
	#pollcharting { margin:0; padding:0; background:#ff6347; color:white; height:8px; 
		font: 11px; font-weight: bold;}


    
    
/* 2.3	Innerbar
-----------------------------------------------------------------------------------------------*/	
  #innerbar {font-size: 1.1em;}
  #innerbar h2 {
    color: #fff; padding: 0 10px; height: 28px; line-height: 28px;
    font-size: 1.0em; text-transform: uppercase; 
    }
  #innerbar ul {list-style: disc outside; color: #C0C0C0; margin:0 0 0 20px; padding: 7px 0px 7px 0px}
  #innerbar li {padding: 2px 0;}
    #innerbar .innerbar-red, #innerbar .innerbar-blue, #innerbar .innerbar-grey {
      display: block; overflow: hidden; width: 300px;
    }
    #innerbar .innerbar-red h2 {background: #CE0000 url(img/bg-h2-red.jpg) no-repeat top right; }
    #innerbar .innerbar-blue h2 {background: #5A79A5 url(img/bg-h2-blue.jpg) no-repeat top right; }
    #innerbar .innerbar-grey h2 {background: #C0C0C0 url(img/bg-h2-grey.jpg) no-repeat top right; }
    #innerbar .innerbar-red ul { color: #CE0000;}
    #innerbar .innerbar-blue ul { color: #5A79A5;}
    #innerbar .innerbar-grey ul { color: #C0C0C0;}

  #innerbar a.more {float: right; margin: 0 0 20px 0; display: inline-block; overflow: hidden; }
  
/* 2.4	Sidebar
-----------------------------------------------------------------------------------------------*/	
  #sidebar {font-size: 1.1em;}
  #sidebar .banner {text-align: left; margin-bottom: 5px;}
  #sidebar .border {border: 1px solid #eee; padding: 1px; overflow: hidden;}
  #sidebar .text {margin:4px;}
  #sidebar .aligncenter {text-align: center;}
  #sidebar h2 {text-align: left; text-transform: uppercase; 
    padding: 7px 10px; background: #eee;
    margin: 8px 0 2px 0;
    
  }	
  #sidebar a.more {float: right; margin: 5px 0 5px 0; display: inline-block; overflow: hidden; }
	#sidebar input.button { background: #5D7AA6; color: white; border: 2px 2px 2px 2px; border-color: white;margin:5px 0 0 25px;}
		


/* 2.5	Footer
-----------------------------------------------------------------------------------------------*/	
  #footer {
    border-top: 4px solid #0099CC; 
    padding: 5px 0 50px 0; 
    line-height: 1.8em; 
    font-size: 1.1em; 
  }

	#footer .award{width:210px;
		float:right;
	}

/* 2.1.1	SuperFish
-----------------------------------------------------------------------------------------------*/	
  .nav, .nav * {margin:0; padding:0;}
  .nav { background: transparent;	float: left;	position:relative; padding-left: 20px;}
  .nav ul {	background:transparent; /*IE6 needs this*/ float: left;	position:relative; padding-left: 20px;}
  .nav li {	background:transparent;	float: left;	list-style:none; z-index:999; margin-right: 3px;}
  .nav li.current ul {	z-index: 999;}
  .nav li.sfHover ul,ul.nav li:hover ul {	z-index: 1000;}
  .nav li li { background:transparent; margin-right: 0px;}
  .nav a { color: #AAEAFF; display:block; float: left;	padding: 0 15px;	text-decoration:none;
  	width:auto;  line-height: 36px;  height: 36px;  font-size: 1.2em; font-weight: bold;}
  .nav a:hover {color: yellow;}
  .nav li li a {line-height: 26px;  height: 26px; padding: 0 10px;  font-size: 1.1em; color: #fff; font-weight: bold;}
  .nav li ul { left:0;	top:-999em;	position:absolute;	width:900px;}
  
  .nav li:hover, .nav li.sfHover, .nav li.current {	background:transparent url(img/bg-tab-end.png) no-repeat top right;}
  .nav li:hover a, .nav li.sfHover a, .nav li.current a {	background: transparent  url(img/bg-tab-front.png) no-repeat top left;}
  .nav li.current a, .nav li.sfHover a {	color: #fff;}
  .nav li li.current a { color: #ff0; background: none;}
  .nav li li.current, .nav li li.sfHover, .nav li.sfHover li {background: none;}
  .nav li li a, .nav li li.sfHover a, .nav li.sfHover li a { background: none;}
  .nav li li a:hover {color: #ff0;}
  
  .nav li:hover ul, body .nav li.current ul, ul.nav li.sfHover ul {top:36px;}
  .nav li:hover li ul, .nav li.sfHover li ul { top:-999em;}
  .nav li li:hover ul, ul.nav li li.sfHover ul { top:36px;}
  .superfish li:hover ul, .superfish li li:hover ul {	top: -999em;}