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

.tab_section {
	clear: both;
	width: 600px;
	margin-bottom: 25px;
	margin-left: 10px;
}


.topnews{
	float: left;
	width: 650px;
	padding-right: 10px;
	margin-right: 10px;
}
.topnews2 {
	float: left;
	width: 650px;
	height:350px;
	padding-right: 10px;
	margin-right: 10px;
	
}
.topnews3 {
	float: left;
	width: 650px;
	height:210px;
	padding-right: 10px;
	margin-right: 10px;
	
}
.topnews3 a{
	color:#FF9900;
	
}
.topnews4 {
	float: left;
	width: 320px;
	height:330px;
	padding-right: 10px;
	margin-right: 10px;
	border:1px solid #ccc;
}
.topnews_kiri{
	float: left;
	width: 310px;
	height:340px;
	padding-right: 10px;
	margin-right: 10px;

	background:#F2FBFF;
	border: 1px solid #CCC;

   -moz-border-radius: 15px;
   -webkit-border-radius: 15px;
   -o-border-radius: 15px;
	border-radius: 15px;
	-moz-border: 3px solid #F8F9CC;
	-webkit-border: 3px solid #F8F9CC;
	-o-border: 3px solid #F8F9CC;
	border: 3px solid #D6F0FE;
	
}
.topnews5{
	float: left;
	width: 647px;
	padding-right: 10px;
	margin-right: 10px;
	border:1px solid #ccc;
	margin-bottom:10px;
	background:url("images/tema1.jpg");
}
.topnews6{
	float: left;
	width: 647px;
	padding-right: 10px;
	margin-right: 10px;
	border:1px solid #ccc;
	margin-bottom:10px;
	background:url("images/tema2.jpg");
}
.topnews7{
	float: left;
	width: 647px;
	padding-right: 10px;
	margin-right: 10px;
	border:1px solid #ccc;
	margin-bottom:10px;
	background:url("images/tema3.jpg");
}
.topnews8{
	float: left;
	width: 647px;
	padding-right: 10px;
	margin-right: 10px;
	border:1px solid #ccc;
	margin-bottom:10px;
	background:url("images/tema4.jpg");
}
.topnews9{
	float: left;
	width: 647px;
	padding-right: 10px;
	margin-right: 10px;
	border:1px solid #ccc;
	margin-bottom:10px;
	background:url("images/tema5.jpg");
}
.topnews10{
	float: left;
	width: 647px;
	padding-right: 10px;
	margin-right: 10px;
	border:1px solid #ccc;
	margin-bottom:10px;
	background:url("images/tema6.jpg");
}
.topnews11{
	float: left;
	width: 647px;
	padding-right: 10px;
	margin-right: 10px;
	border:1px solid #ccc;
	margin-bottom:10px;
	background:url("images/tema7.jpg");
}
.topnews12{
	float: left;
	width: 647px;
	padding-right: 10px;
	margin-right: 10px;
	border:1px solid #ccc;
	margin-bottom:10px;
	background:url("images/tema8.jpg");
}
.topnews13{
	float: left;
	width: 647px;
	padding-right: 10px;
	margin-right: 10px;
	border:1px solid #ccc;
	margin-bottom:10px;
	background:url("images/tema9.jpg");
}
.topnews14{
	float: left;
	width: 647px;
	padding-right: 10px;
	margin-right: 10px;
	border:1px solid #ccc;
	margin-bottom:10px;
	background:url("images/tema10.jpg");
}
.topnews15{
	float: left;
	width: 647px;
	padding-right: 10px;
	margin-right: 10px;
	border:1px solid #ccc;
	margin-bottom:10px;
	background:url("images/tema11.jpg");
}
.newslist4 {
	float: left;
	width: 320px;
	margin-bottom:15px;
	height:340px;
	border:1px solid #ccc;
	background:#F2FBFF;
	border: 1px solid #CCC;

   -moz-border-radius: 15px;
   -webkit-border-radius: 15px;
   -o-border-radius: 15px;
	border-radius: 15px;
	-moz-border: 3px solid #F8F9CC;
	-webkit-border: 3px solid #F8F9CC;
	-o-border: 3px solid #F8F9CC;
	border: 3px solid #D6F0FE;
}
.newslist4 ul{
	clear: both;
	margin: 0;
	padding: 0 0 10px 20px;
}
.newslist4 li {
	padding-bottom: 5px;
}

.newslist4 li a{
	font-weight: bold;
}


.newslist {
	float: left;
	width: 650px;
}

.newslist ul{
	clear: both;
	margin: 0;
	padding: 0 0 10px 20px;
}
.newslist li {
	padding-bottom: 5px;
}

.newslist li a{
	font-weight: bold;
}

.tabcontent_section {
	clear: both;
	float:left;
	width:635px;
	margin-bottom: 1em;
	padding: 10px;
	-moz-box-shadow: 0 0 15px #999;
   -webkit-box-shadow: 0 0 15px #999;
   -o-box-shadow: 0 0 15px #999;
   box-shadow: 0 0 15px #999;
   -moz-border-radius: 15px;
   -webkit-border-radius: 15px;
   -o-border-radius: 15px;
border-radius: 15px;
-moz-border: 3px solid #F8F9CC;
-webkit-border: 3px solid #F8F9CC;
-o-border: 3px solid #F8F9CC;
border: 3px solid #F8F9CC;
	background:#FDFDEE;
}
.tabcontent_section2 {
	clear: both;
	float:left;
	width:662px;
	margin-bottom: 1em;
	padding: 10px;
	border: 1px solid #7CA6E4;
}
.tabcontent_section3 {
	clear: both;
	float:left;
	width:700px;
	margin-left:110px;
	margin-bottom: 1em;
	padding: 10px;
	border: 1px solid #7CA6E4;
}
.shadetabs{
float:left;
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{

text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 0px;
margin-right: 3px;
color: #FFFFFF;

}

.shadetabs li a:visited{
color: #FFFFFF;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #FFFFFF;
}

.shadetabs li a.selected{ /*selected main tab style */
color: #003;
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */

border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}




.shadetabs2{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs2 li{
display: inline;
margin: 0;
}

.shadetabs2 li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #2B95FF;
color: #FFFFFF;
background: #95CAFF;
margin-left:5px;
}

.shadetabs2 li a:visited{
color: #FFFFFF;
}

.shadetabs2 li a:hover{
text-decoration: underline;
color: #FFFFFF;
}

.shadetabs2 li a.selected{ /*selected main tab style */
color: #003;
position: relative;
top: 1px;
}

.shadetabs2 li a.selected{ /*selected main tab style */

border-bottom-color: white;
}

.shadetabs2 li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}



.shadetabs3{
padding: 3px 0;
margin-left: 110px;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs3 li{
display: inline;
margin: 0;
}

.shadetabs3 li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #2B95FF;
color: #FFFFFF;
background: #95CAFF;
margin-left:5px;
}

.shadetabs3 li a:visited{
color: #FFFFFF;
}

.shadetabs3 li a:hover{
text-decoration: underline;
color: #FFFFFF;
}

.shadetabs3 li a.selected{ /*selected main tab style */
color: #003;
position: relative;
top: 1px;
}

.shadetabs3 li a.selected{ /*selected main tab style */

border-bottom-color: white;
}

.shadetabs3 li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}




.tabcontent{
display:none;
}

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

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

.tabcontent{
display:none;
}

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

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


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

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

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid navy; /*navy divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: black url(indentbg2.gif) center center repeat-x;
}


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

.tabcontent{
display:none;
}

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