/* ######### CSS for Shade Tabs. Remove if not using ######### */


.shadetabs{
font: bold 12px Arial;
margin-bottom: 0;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/


}

.shadetabs ul{
margin: 0;
padding: 0;
float: left;
width: 300px;
/* width: 80%; width of menu*/
border-top: 0px solid navy; /*navy border*/
background:  url(bg3.jpg) center center repeat-x;
}

.shadetabs ul li{
display: inline;
}
	.shadetabs ul li a { display:block; float:left; overflow:hidden; text-decoration:none; font-size:1.0em; color:#fff; margin:0px 0px 0px 9px; }
	
	.shadetabs ul li a span { cursor: pointer; display:block; padding:13px 10px 3px 10px; position:relative} /* atas,kanan,bawah,kiri */
	
	.shadetabs ul li a:hover, .shadetabs ul li.current_page_item a { color:#191e26; background:url(menu-left-act.gif) no-repeat 0 7px;}
	.shadetabs ul li a:hover span, .shadetabs ul li.current_page_item a span { background:url(menu-right-act.gif) no-repeat right 7px;}
	
	.shadetabs ul li a.selected, .shadetabs ul li.current_page_item a { color:#191e26; background:url(menu-left-act.gif) no-repeat 0 7px;}
	.shadetabs ul li a.selected span, .shadetabs ul li.current_page_item a span { background:url(menu-right-act.gif) no-repeat right 7px;}



.shadetabs ul li a:visited{

}


.tabcontent{
display:none;
}

.tabcontent2
{
	width:280px;
	float:left;
	padding-left:9px;
	background-color:#F5F5F5;
	height:297px;
	overflow:hidden;
	}
	
.tabcontent2 img
{
	width:280px;
	height:165px;
	overflow:hidden;
	margin-left:-2px;
	}	

.tabcontent2 h1
{
	color:#960;
	line-height:19px;
	}

.tabcontentleft
{
	width:364px;
	height:310px;
	overflow:hidden;
	float:left;
	margin-left:6px;
	background-color:#F5F5F5;
	}
.tabcontentleft img
{
	width:360px;
	height:280px;
	float:left;
	margin-left:-1px;
	}	

.tabcontentleft h1
{
	color:#960;
	line-height:19px;
	}

.tabcontentright
{	width:268px;
	float:right;
	margin-top:-8px;
	background-color:#EEE;
	height:310px;
	overflow:hidden;
	}

.item-list {margin: 0 0 4px; text-align:left;  float:right; }
  .item-list ol {list-style-type: none; margin: 0;}
  .item-list li {border-bottom: 1px solid #e7e7e7; margin-left:-29px; padding: 8px 0px 8px 0px;  color: #9d3350; font-size: .917em; font-weight: 700; line-height: 1.3;width:250px; float:left;}
  * html .item-list li {height: 1%;}
  .item-list strong {display: block; margin: 0 0 3px;}
  .item-list a {color: #333; text-decoration: none;}
  .item-list a:hover {text-decoration: underline;}

@media print {
.tabcontent {
display:block !important;
}
}









/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */
/* ######### CSS TAB KE 3 ######### */

.indentmenu{
font: bold 12px Arial;
width: 650px; /*leave this value as is in most cases*/

}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 650px;
/* width: 80%; width of menu*/
border-top: 0px solid navy; /*navy border*/
background:  url(bg3.jpg) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}
	.indentmenu ul li a { display:block; float:left; overflow:hidden; text-decoration:none;}
	.indentmenu ul li a { font-size:1.0em; color:#fff; margin:0px 0px 0px 15px;}
	.indentmenu ul li a span { cursor: pointer; display:block; padding:13px 25px 3px 25px; position:relative} /* atas,kanan,bawah,kiri */
	
	.indentmenu ul li a:hover, .indentmenu ul li.current_page_item a { color:#191e26; background:url(menu-left-act.gif) no-repeat 0 7px;}
	.indentmenu ul li a:hover span, .indentmenu ul li.current_page_item a span { background:url(menu-right-act.gif) no-repeat right 7px;}
	
	.indentmenu ul li a.selected, .indentmenu ul li.current_page_item a { color:#191e26; background:url(menu-left-act.gif) no-repeat 0 7px;}
	.indentmenu ul li a.selected span, .indentmenu ul li.current_page_item a span { background:url(menu-right-act.gif) no-repeat right 7px;}







.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;

}

.tabcontent{
display:none;
padding-top:10px;
}

@media print {
.tabcontent {
display:block !important;
}
}