.container {width: 500px; margin: 10px auto;}
ul.tabs {
	margin: 0px !important;
	padding: 0;
	float: left;
	list-style: none;
	height: 28.5px;
	border-bottom: 0px solid #E5E5E5;
	border-left: 1px solid #E5E5E5;
	font-family: arial;
       font-size:11px!important;
       color:red!important;
    width: 290px;
    border:0px solid blue     
}

ul.tabs2 {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 28.5px;
	border-bottom: 0px solid #E5E5E5;
	border-left: 1px solid #E5E5E5;
	font-family: arial;
       font-size:11px!important;
       color:red!important;
    width: 300px;
    
}
ul.tabs li{
	float: left;
	margin: 0;
	padding: 0;
	height: 28px!important;
	line-height: 28px;
	border: 1px solid #E5E5E5;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
    min-width: 60.8px;
    font-size: 10px;
	
    
}
ul.tabs2 li {
	float: left;
	margin: 0;
	padding: 0;
	height: 28px!important;
	line-height: 28px;
	border: 1px solid #E5E5E5;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
    min-width: 60px;
    font-size: 10px;

}
ul.tabs li a{
	text-decoration: none;
	color:#136ae9;
	display: block;
	font-size: 12px!important;
    font-weight:bold;
	padding: 0 13.3px;
	font-family: arial!important;
	outline: none;
    text-align: center;
}

ul.tabs2 li a {
	text-decoration: none;
	color:#136ae9;
	display: block;
	font-size: 12px!important;
    font-weight:bold;
	padding: 0 9.5px;
	font-family: arial!important;
	outline: none;
    text-align: center;
}
ul.tabs li a:hover,ul.tabs2 li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover,
html ul.tabs2 li.active, html ul.tabs2 li.active a:hover{
	background-image:  url(../images/template/tab_selected.gif);
    background-repeat: repeat-x;
    background-color: #fff;
    border-top: none;

}
.tab_container, .tab_containter2 {
	border: 1px solid #E5E5E5;
	clear: both;
	float: left;
	width: 288px;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
    height: 350px;
    overflow:hidden;

}
.tab_content,.tab_content2A{
	padding: 15px 20px 20px 20px;
    padding-right: 0px;
	font-size: 1.2em;
    width: auto;
    height: 334px;

}
 

.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img, .tab_content2A img {
	float: left;
	margin: 0 10px 0px 0;
	border: 0px solid #ddd;
	padding: 2px 5px 5px 5px;
}


/*untuk tab right*/
.right_container {width: 500px; margin: 10px auto;}
ul.tabsRight{
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 26px!important;
	border-bottom: 1px solid #E5E5E5;
	border-left: 1px solid #E5E5E5;
    width: 268px;

}
ul.tabsRight li{
	float: left;
	margin: 0;
	padding: 0;
	height: 25px;
	line-height: 25px;
	border: 1px solid #E5E5E5;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
    min-width: 70px;
    font-family: arial;
    font-size: 11px;
    text-align: center;

}
ul.tabsRight li a {
	text-decoration: none;
	color:#136ae9;
	display: block;
	font-size: 12px;
	padding: 0 10px;
	border: 1px solid #fff;
	outline: none;
	font-weight:bold;
}
ul.tabsRight li a:hover{
	background: #ccc;
}
html ul.tabsRight li.active
{
	background-image:  url(../images/template/tab_selected.gif);
    background-repeat: repeat-x;
    background-color: #fff;
    
	border-bottom: 1px solid #fff;
}
.tab_containerRight{
	border: 1px solid #E5E5E5;
	border-top: none;
	clear: both;
	float: left;
	width: 268px;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
    height: 220px;
}
 
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	float: left;
	margin: 0 10px 0px 0;
	border: 0px solid #ddd;
	padding: 2px 5px 5px 5px;
}
/*eof untuk tab right*/


.menu {width:880px; height:32px; position:relative; z-index:100;font-family:arial; font-size: 12px;padding-top:4px;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left; min-width: 50px; width: auto;position:relative; border: 0px solid red;}

/* style the links for the top level */
.menu a{display:block;font-size:12px;text-decoration:none; color:#fff; width:auto; height:30px; border:0px solid #0042a8; border-width:0px 0px 0px 0px;  padding-left:11px;padding-right: 8px; line-height:29px;}
 
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#e0ecff}
/* style the second level hover */
.menu ul ul a.drop:hover{background:none 130px center;background-color: transparent;z-index:999999999999999;}
.menu ul ul :hover > a.drop {background:#0042a8 130px center;}
/* style the third level background */
/*.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}*/
/* style the third level hover */
/*.menu ul ul ul a:hover {background:#d4d8bd;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute;height:0;top:31px;left:0; width:149px;border-top:0px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#e5e1d6; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
/*.menu a:hover, .menu ul ul a:hover{color:#000; background:red;}*/

/*hoveranas*/
/*.menu :hover > a, .menu ul ul :hover > a {color:#000; background:red;}*/
#news a:hover { 
    background-image:  url(../../images/template/main_menu/news.png);
    background-repeat: no-repeat;
    background-position: center;
}

#pltn a:hover {
    background-image:  url(../../images/template/main_menu/pltn.png);
    background-repeat: no-repeat;
    background-position: center;
}
#iptek_nuklir a:hover {
    background-image:  url(../../images/template/main_menu/iptek.png);
    background-repeat: no-repeat;
    background-position: center;
}
#nuklir_diindonesia a:hover {
    background-image:  url(../../images/template/main_menu/nuklir_diindonesia.png);
    background-repeat: no-repeat;
    background-position: center;
}
#keamanan_keselamatan a:hover {
    background-image:  url(../../images/template/main_menu/keamanan_keselamatan.png);
    background-repeat: no-repeat;
    background-position: center;
}
#multimedia a:hover {
    background-image:  url(../../images/template/main_menu/multimedia.png);
    background-repeat: no-repeat;
    background-position: center;
}
 .menu ul ul a.drop:hover
{
    background-color: #fff;
    background-image: none!important;
    z-index:999999999999999;
}

 
 .menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}

.menu ul :hover ul ul{visibility:hidden;}

.menu ul :hover ul :hover ul{ visibility:visible;}

.isSelectedMenu
{
    background-image: url(../../images/template/blue-arrow.gif);
}
div#mainmaster {
width:880px;
margin:0 auto;

}

.header
{
    background-image: url(../../images/template/header-new.jpg);
	background-repeat:no-repeat;
    height: 168px;
    width: 1020px;
	margin:0 auto;
	

}
#panelMaster
{
    border:0px solid black;
    width:880px;
    margin:0 auto;
    /*margin-left: 100px;
    margin-right: auto;
    */
    
    height:auto;

}
  /* left content*/
.bgMainMenu
{
    width: 881px;
    height: 36px;
    background-image: url(../../images/template/bg_main_menu.png);
    padding-left: 10px;
    background-repeat: no-repeat;
    margin-bottom: 7px;
}
#mainContent
{
    width: 880px;
    border: 0px solid blue;
    height: auto;

}
.dotedSeparate
{
    background-image: url(../../images/template/doted.gif);
    background-repeat: repeat-x;
    height: 1px;
    width:550px;
    margin-top:6px;
    margin-top:6px;

}
#leftPanel
{
    width: 595px;
    height: auto;
    float: left;
    border: 0px solid fuchsia;


}
#rightPanel
{
    width: 268px;
    
    height: auto;
    left: 10px;
    pading-left: 10px;
    padding-right: 0px;
}
#righPanel div
{
    margin-left: 20px;
}

#homeHeadline
{
    width: 275px;
}
.runningText
{
    margin-bottom: 3px;
}
.photoHref
{
    font-family: arial;
    font-size: 12px;
    color:#0044AA;
}
.dotteds
{
    backg/round-image: url(../../images/template/doted.gif);
    backgr/ound-repeat: repeat-x;
    height: 1px;
    width:258px;
	border-style:dotted;
	border:0px;
	border-top:1px dotted #999999;  
	margin-top:15px;
        margin-bottom: 15px;


}
#error-page  {
	
	padding:20px;
	font-family: Lucida Grande, Verdana, Sans-serif;
	font-size: 12px;
	color: #f00;
}

.repeaterSubList
{
-moz-border-radius:0.5em 0.5em 0.5em 0.5em;
border:1px solid #D8D8D8;
height:340px !important;
margin:2px 11px 7px 2px;
padding-bottom:1px;
padding-left:6px;
padding-top:1px;
width:260px;

}
.totalResult
{
    color:#597A94;
    font-size: 11px;
    font-family: arial;
}

#error-page h1 {
	
	font-size: 14px;
	color: #ff0000;
	margin:0;
}
#blueHome
{
    background-image: url(../../images/template/blue_home_03.gif);
    padding-top: 10px;
    height: 30px;
    color: #FFFFFF;
    font-size: 16px;
    font-family: arial;
    padding-left:20px;
    font-weight: bold

}

.duplexColomn
{
    width: 595px;
    height: 350px;
    border:1px solid #e5e5e5;
    border-top: none;
    margin-top: 10px;
    overflow:hidden;
}
.blueContent
{
    height: 200px;
    border:1px solid red;
}
#empty-message
{
background:none repeat scroll 0 0 #FFEBE8;
border:1px solid #DD3C10;
height:auto;
line-height:15px;
margin:10px 0 0;
overflow:hidden;
text-align:center;
}

#empty-message-inner  {
padding:7px 3px;
}


#success-message
{
background:none repeat scroll 0 0 #009900;
border:1px solid #DD3C10;
height:auto;
line-height:15px;
margin:10px 0 0;
overflow:hidden;
text-align:center;
}

#success-message-inner  {
padding:7px 3px;
color:#fff;
}

#spanTitleRead
{
	font-size:18px;
	font-family:arial;
	padding-left:0px;
	color:#0044aa;
	font-weight:bold;
	border:0px solid red	 
    
}

.spanDateRead
{
	font-size:12px;
	font-family:arial;
	padding-left:0px;
	color:#ff8000;
}


#spanTitle
{
	font-size:14px;
	font-family:arial;
	padding-left:0px;
	color:#0044aa;
	font-weight:bold;
	border:0px solid red	 
    
}

#spanTitle a
{
    color:#0044aa;   
    text-decoration:none;
}
#spanTitle a:hover
{
    color:#002762;
}

.duplexContent
{
    margin-left: 10px;
    padding-top: 8px;
}

#spanContent
{
    font-size:12px;
    color:#1c4975;
    font-family:arial;
    padding-left:0px;
    text-align: left;
    width:256px;
    height: auto;
    border:0px solid red;
    margin-top:15px;
    margin-left:-5px;

}

.thumbImage
{
    background-image: url(../../images/template/image-thumbnail.jpg);
     
    margin-right: 10px;
}

#spanContent2
{
    font-size:12px;
    color:#1c4975;
    font-family:arial;
    padding-left:5px;
    text-align: left;
    width:256px;
    height: auto;
    border:0px solid red;
    margin-top:15px;
    margin-left:-5px

}
.boxPhoto {
-moz-border-radius:0.5em 0.5em 0.5em 0.5em;

border:2px solid red;

display:block;
font-size:12px;
margin:1em 0;
overflow:auto;
padding: 12px 12px 4px 12px;

min-height:235px;
width:552px;
}
#areaContent
{
	font-size:12px;
	color:#003366;
	font-family:arial;
	padding-left:0px;
	text-align: left;

}
.tableMargin
{
    padding-left: 0px;
    margin-top: 10px;
    padding-top: 10px;
    color:#1C4975;
    font-family: arial;
    font-size: 11px;
    padding-bottom: 10px;
    padding-right: 10px;


}
.tableTitle
{
    padding-left: 0px;
}
.separateDot
{
    background-image: url(../../images/template/line_dot_vertical.jpg);
    width: 1px;
    background-repeat: repeat-y;
    margin-left: 10px;
}
.separateDotHorizontal
{
    background-image: url(../../images/template/line_dot_horizontal.jpg);
    height: 1px;
    background-repeat: repeat-y;
    margin-left: 10px;
    margin-top: 10px;
}

.search_box
{
    background-image: url(../../images/template/search_box.png);
    width: 268px;
    height: 24px;
}
.loginArea
{
    background-image: url(../../images/template/login_background.png);
    width: 269px;
    height: 138px;
    background-repeat: none;
    margin-top: 15px;
}
.txtSearch
{
    margin-left: 80px; width: 164px; height: 15px; border: none;
               margin-top:4px;
}
.btnSearch
{
    margin-left: 2px;border:0px solid red; position: absolute; margin-top: 4px; cursor: pointer;
}
.logoutArea
{
    background-image: url(../../images/template/logout_background.png);
    width: 269px;
    height: 138px;
}


#advertArea
{
    margin-top:15px;
 

}
.ulTabList
{
    font-size: 12px; 
    list-style-image: url(../../images/template/icon/list_ul.jpg);
    font-family: arial;
    margin-left: -30px;
    margin-top:10px;
    color:#003366;
    
}
.ulTabList li
{
    margin-top: 4px;
}

.ulTabList li a, a:after
{
    text-decoration:none;
    color:#003366;    
}

.ulTabList li a:hover
{
    text-decoration:underline;
}

.ulTabListBottom
{
    font-size: 12px; 
    font-family: arial;
   
}
.ulTabListBottom li
{
    font-size: 12px; 
    font-family: arial;
}

.ulTabListBottom li a, a:after
{
    text-decoration:none;
    color:#003366;    
}

.ulTabListBottom li a:hover
{
    text-decoration:underline;
}

.ulTabListBestAuthor
{
    font-size: 12px;
    list-style-image: url(../../images/template/icon/list_ul.jpg);
    font-family: arial;
    margin-left: -13px;
    margin-top:10px;
    color:#003366;
}

.ulTabListBestAuthor li a
{
    color: #003366;
    text-decoration:none;
}

.ulTabListBestAuthor li a:hover
{
    text-decoration:underline;
}

.formFAQ
{
    background-image: url(../../images/template/question.png);
    height: 100px;
    widht:269px;
    background-repeat: no-repeat;
}
.bottomColomn
{
    width:281px; /*fix 293px*/
    border: 1px solid #d8d8d8;
    height: auto;
    height: 200px;
    padding-left: 5px;
    padding-top:3px;
    padding-right: 5px;
    
}
.fontBottomColomn
{
    font-size: 16px;
    font-weight: bold;
    color: #0044aa;
    font-family: arial;
    padding-left: 6px;
    padding-right: 6px;

}

.outLine
{
    margin-left: 12px;
    margin-right: 12px;
    border:0px solid blue;
}
.fontBottomColomn table
{
    padding-top:10px;

}

.ulPolling
{
 list-style-type: none;
 font-size: 12px;
 border: 0px solid blue;
}
.ulPolling li
{
 
 
 margin-left: -20px;
}


.videoDescription
{
    font-family: tahoma;
    font-size:11px;
    color: #003366;
}
.videoDescription h2
{
    font-weight: bold;
    color:#003366;
}

.hrDot hr
{
    border: 1px dotted #000000;
}

.readDetail
{
   
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-topleft:5px;
background:none repeat scroll 0 0 #FFFFFF;
border-color:-moz-use-text-color #999999 #999999 #999999;
border-right:1px solid #999999;

border-style:solid;
border-width:1px 1px 1px 1px ;
clear:both;
float:left;
min-height: 700px;
width: 580px;
padding-right: 5px;

}

.readDescriptions
{
    overflow: scroll;
    max-height: 400px;
    color:#6685a3;
    font-size: 12px;
    font-family: arial;
    line-height:150%
}
.readDescriptions ul
{ 
padding-left:20px;
 border:0px solid red;
}

.readDescriptions img ul li
{ 
 padding-left:-70px;
  
 border:0px solid blue;
 position:relative;
}
.dotted
{
   border-style:dashed;
   margin-left: 10px;
   margin-right: 10px;
   border-color: #929292;
   
}
#responseResult
{
    color:red;
    font-size: 12px;
}

.viewComment
{
    background-color: #f2f2f2;
    text-align: justify;
    padding-top: 2px;
    padding-bottom: 2px;
    height: auto;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
    font-family: arial;
}

.relatedArticle
{
    
    text-align: justify;
    padding-top: 2px;
    padding-bottom: 2px;
    height: auto;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 13px;
}

.relatedArticle ul li a
{
    color:#6685a3;
    font-size: 12px;
    font-family: arial;
    text-decoration:none;
}

.relatedArticle ul li a:hover
{
    color:#6685a3;
    text-decoration:underline;
}

.fontTopic
{
    font-size: 13px;
    font-weight: bold;
    font-family: arial;
    color: #88b8ff;
}


.button-submit
{
    background-color: #004080;
    font-family: arial;
    color: #ffff80;
    font-weight:bold;
    width:100px;
}

.divFooter
{
    color: #fff;
    font-size: 12px;
    font-family: tahoma;
    text-align: center;
    border: 0px solid red;
    margin-top: 10px;
    height: 79px;
    width: 881;
    padding-top:10px;
    background-image: url(../../images/template/footer.png);
    background-repeat: no-repeat;


}
.divFooter a
{
    color:#fff;
}
.boldFooter
{
    font-weight: bold;
}

.fontGray
{
    color:#666666;
    font-size: 11px;
    font-family: tahoma;
    padding-left: 10px;
    padding-right: 10px;
}
.fontGray span
{
    color: #4c75c2;
}
.relatedArticle ul ,.relatedArticle ul a
{
    color:#507496;
    text-decoration: none;
}
.relatedArticle ul a:hover
{
    text-decoration: underline;
}
.redBack, .redBack a
{
    color:red;
    font-family: arial;
    font-size: 11px;
    text-decoration:none;
}

.redBack a:hover
{
    text-decoration:underline;
}

.innerDivContent
{
    width:253px;
    border:0px solid blue;
    height: 130px;
    padding-right:14px;
    text-align:left;
    font-family:arial;
    height:210px;


}

.innerColomn img
{
    border:0px solid #DDDDDD;
    float:left;
    margin:0 10px 10px 0;
    padding:5px;
    padding-left: 10px;
	border:0px solid red

}

.linkMore, .linkMore a
{
    color:red;
}

.readmore
{
    font-family: arial!important;
    color:red;
    font-size: 11px!important;
}

.readMore, .readMore a
{
    font-family: arial;
    font-size: 11px;
    color: red;
    text-decoration:none;
}

.readMore a:hover
{
    color: #f77b00;
    text-decoration:underline;    
}

.colomnPolling
{
    font-family: arial;
    font-size: 11px;

}
/*lengkungan*/
.v_left
{
    /*border-left: 1px solid #d8d8d8;*/
    background-image: url(../../images/template/line_vertical.jpg);
    background-repeat: repeat-y;
    margin-top: 9px;
}
.v_right
{
 background-image: url(../../images/template/line_vertical_right.jpg);
 background-repeat: repeat-y;
 width: 8px;
 margin: 0px;
 height: auto;

}
.ls_top
{
    background-image: url(../../images/template/l_top_corner.jpg);
    background-repeat: no-repeat;
    height: 9px;
    width: 9px;
    border:0px solid red;
    
}
.l_top
{
    background-image: url(../../images/template/l_top.jpg);
    background-repeat: no-repeat;
    height: 8px;
    width: 9px;
    border:0px solid red;
}

.rs_top
{
    background-image: url(../../images/template/r_top_corner.jpg);
    background-repeat: no-repeat;
    height: 9px;
    width: 9px;
    border:0px solid red;

}
.l_bottom
{
    background-image: url(../../images/template/l_bottom.jpg);
    background-repeat: no-repeat;
    height: 9px;
    width: 9px;
    border:0px solid red;

}
.r_bottom
{
    background-image: url(../../images/template/r_bottom.jpg);
    background-repeat: no-repeat;
    height: 9px;
    width: 9px;
    border:0px solid red;

}
.r_top
{
    background-image: url(../../images/template/r_top.jpg);
    background-repeat: no-repeat;
    height: 9px;
    width: 9px;
    border:0px solid red;

}
.c_top
{
    background-image: url(../../images/template/line_horizontal.jpg);
    background-repeat: repeat-x;
    margin-left: 0px;
    margin-top: 6px;
    height: 9px;
}
.t_bottom
{
    /*border-bottom: 1px solid #d8d8d8;*/
   background-image: url(../../images/template/line_horizontal.jpg);
   background-repeat: repeat-x;
   height: 9px;
   margin-top: 8px;

}

.title_menu
{
    color:#0066ff;
    font-size: 16;
    font-family: arial;
    font-weight: bold;
}
.titleIndexBox
{
    color:#003366;
    font-family: tahoma;
    font-weight: bold;
    font-size:12px;
}
.contentIndexBox
{
 color:#1c4975;
 font-size: 11px;
 font-family: tahoma;
}

.borderDot
{
    margin-top: 4px;
     background-image: url(../../images/template/doted.gif);
     background-repeat: repeat-x;
     width: 560px;
     height: 4px;
    
}
.ulIndexBox
{

 color: #003366;
 font-size: 11px;
 font-family: tahoma;
 margin-left:-1p
}
.ulIndexBox li
{
    margin-top: 2px;
    margin-left: -10px;
    
}

.ulIndexBox li a
{
    text-decoration: none;
}
.ulIndexBox li a:hover
{
    text-decoration: underline;
}

.innerRepeater
{
    margin-top: 3px;
}
.innerRepeater .autoTable
{
    height: 230px;
    

}
.innerRepeater .autoTable .content-text
{
    vertical-align: text-top;
}
.indexArticles
{
    color:#0066ff;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
}
.redColor, .redColor a
{
    color: red;
    font-family:arial;
    font-size:11px;
    text-decoration:none;
}
.redColor a:hover
{
    text-decoration:underline;
    color:#ff8000;
}

.absolute
{
    position: absolute;
    margin-top: 5px;
}
/*eof lengkungan*/
    #divTrigger a
    {
            background-image: url(../../images/template/icon/round_inactive.png);
}
	 #divTrigger a:link,#divTrigger a:visited{
	 	text-decoration: none;
	 	margin:4px 0px; 
	 	padding: 1px 4px;
	 	background-image: url(../../images/template/icon/round_active.png);
	    color: #000;
        height: 21px;
        width:21px;
	 }
	 /* link yang dilalui oleh mouse dan element dengan class='selected' akan mempunyai efek yang sama */
	 #divTrigger a:hover,#divTrigger a:active,.selected{
	    background-image: url(../../images/template/icon/round_inactive.png);
	    height: 21px;
        width:21px;
        color:red;
	 }
	 #divContent{
	 	margin-top:4px;
	 	/*border:1px solid #CCC;*/
	 	width: 300px;
	 	height: 100px;
	 	padding: 4px;
        margin-left: 20px;
	 }
	 #divContent div{
	 	/* semua div di dalam element dengan id='divContent' akan di sembunyikan sementara */
	 	display:none
	 }
 .indexSelected
 {
    color:red;
    text-decoration: none;
    font-weight: bold;
 }
 .indexNone
 {
     color:blue;
}


.textRight
{
    font-family: arial;
    font-size:12px;
}

.textRight a
{
    color: #003366;
    text-decoration:none;
}

.textRight a:hover
{
    text-decoration:underline;
}

/*PAGING*/

 .fontStyleHeader
 {
     font-size: 14px;
     font-family: arial;
    color: #003366;
    font-weight: bold;
}

 .fontStyleHeader a
{
    color: #003366;
    text-decoration:none;
}

#relatedHref
{
    color:#003366;
    font-size:12px;
    font-family: arial;
    margin-top:10px!important;
}

.fontSytleContent
{
    font-size: 11px;
    font-family: arial !important;
    color: #003366;
}

#ulList li
{
    margin-left: -28px!important;
}

#ulList li a, a:after
{
    color: #003366;
    font-family: arial;    
    font-size: 12px; 
    text-decoration:none;
}

#ulList li a:hover
{
    text-decoration:underline;
}

.boldTitle
{
    color:#0044AA;
    font-size: 14px;
    font-weight: bold;
    font-family: arial;
    margin-bottom: 10px;
    margin-top: 5px;
}
.contentDesc
{
    color:#0044AA;
    font-size: 12px;
    text-align: justify;

    font-family: arial;
}

.indexlistTitle {
    color:#2b557e;
    font-family: arial;font-size: 16px;
    font-weight: bold;
}

.indexlistTitle a {
    color:#2b557e;
    text-decoration:none;
}

.indexlistDescription {
    color:#597a94;
    font-family: arial;
    font-size: 12px;
}

#commentar
{
    color:#6685a3;
    font-size: 12px;
    font-family: arial;
    text-decoration:none;
}

/*
 * SimpleModal Basic Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: basic.css 242 2010-03-14 00:55:02Z emartin24 $
 *
 */

#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:320px; width:600px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../../images/template/icon/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}
/*
 * SimpleModal Confirm Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: confirm.css 242 2010-03-14 00:55:02Z emartin24 $
 *
 */

#confirm {display:none;}

/* Overlay */
#confirm-overlay {background-color:#eee; cursor:wait;}

/* Container */
#confirm-container {height:140px; width:420px; font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; background:#fff; border:2px solid #336699;}
#confirm-container .header {height:30px; line-height:30px; width:100%; background:url(../../style/modal/header.gif) repeat-x; color:#fff; font-weight:bold;}
#confirm-container .header span {padding-left:8px;}
#confirm-container .message {color:#333; font-size:14px; margin:0; padding:12px 4px 12px 8px;}
#confirm-container .buttons {line-height:26px; width:160px; float:right; padding:10px 8px 0;} 
#confirm-container .buttons div {float:right; margin-left:4px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; background:url(../../style/modal/header.gif) repeat-x; border:1px solid #bbb; cursor:pointer;} 
#confirm-container a.modal-close,
#confirm-container a.modal-close:link,
#confirm-container a.modal-close:active,
#confirm-container a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;}
#confirm-container a.modal-close:hover {color:#ccc;}
.paging, .paging_selected,.paging_dot
{
        -x-system-font:none;
        color:#666666;
        font-family:Verdana,Tahoma,Arial;
        font-size:11px;
        font-size-adjust:none;
        font-stretch:normal;
        font-style:normal;
        font-variant:normal;
        font-weight:normal;
        line-height:normal;
        width: 10px;

}
.paging a:link, .paging a:visited {
background:#E9F3FF none repeat scroll 0 0;
border:1px solid #BFCEF0;
color:#0066CC;
display:block;
padding:2px 5px;
text-decoration:none;
}
   .paging_selected
   {
        background-color: red;
        font-weight: bold;
        width: 10px;
        padding:2px 5px;
}
.paging_dot
{
    background:#E9F3FF none repeat scroll 0 0;
    font-weight: bold;
    width: 10px;
    padding:2px 5px;
}
.paging a:hover
{
    background:#DECDBF none repeat scroll 0 0;
    border:1px solid #B2947C;
    color:#FFFFFF;
    display:block;
    padding:2px 5px;
    text-decoration:none;
}



#textHeadline{
height:10px;
Z-INDEX: 6!important;
border:0px solid red; padding-left: 25px; margin-top:10px;color:#fff;
position: absolute; font-family: arial;
}

/*Additional CSS for demos*/

#slider1, #slider3{
width: 595px;
height: 270px;
}

#slider1 .contentdiv, #slider3 .contentdiv{
width: 595px;

}

#paginate-slider1, #paginate-slider3{
wid/th: 565px;
posi/tion: absolute;
}

#slider2, #slider4{
border-color: darkred;
margin-left: 15px;
height: 280px
}


#paginate-slider4 a img{
width: 80px;
height: 60px;
border: 2px solid gray;
margin-top: 5px;
}

#paginate-slider2 a:hover, #paginate-slider2 a.selected{
background-color: yellow;
}

#paginate-slider4 a img:hover, #paginate-slider4 a.selected img{
border: 2px solid red;
}
.drop
{
    border:1px solid red;
    z-index: 99999999999999!important;
}

/* Headline Style */

.headline-title {
	color:#ffffff;
	font-weight:bold;
	text-align: left;
	font-family: arial;
	font-size: 15px;
	letter-spacing : 0.6px;
	padding:20px 20px 10px 20px;
}

.headline-title a {
	color:#ffffff;
	text-decoration:none;
}

.headline-title a:hover {
	color:#ffcc00;
}


.headline-description {
	font-family: arial;
	font-size: 12px;
	letter-spacing : 0.5px;
	padding:0px 20px 2px 20px;	
}

.headline-link {
	color:#ffcc00; font-family: arial;padding:0px 20px 2px 20px;	
}

.headline-link a {
	color:#ffcc00;
	font-family: arial;
	font-size: 11px;
	text-decoration:none;
}

.headline-link a:hover {
	color:#ffcc00;
	text-decoration:underline;
}

  
div.wrap {
width : 595px;
margin : 0 auto;
text-align : left;
}
div#top div#nav {
float : left;
clear : both;
width : 595px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 595px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#header {
margin : -1px 0 0;
}
div#video-header {
height : 683px;
margin : -1px 0 0;
}
div#header div.wrap {
height : 275px;
background : url(images/header-bg.png) no-repeat 50% 0;
}
div#header div#slide-holder {
z-index : 40;
width : 595px;
height : 270px;
position : absolute;
}
div#header div#slide-holder div#slide-runner {
top : 0px;
left : 0px;
width : 595px;
height : 270px;
overflow : hidden;
position : absolute;
}
div#header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#header div#slide-holder div#slide-controls {
left : 0;
bottom : 228px;
width : 595px;
height : 46px;
display : none;
position : absolute;

}
div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
font-family: arial;
margin-top:40px;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(../../images/template/silde-nav.png);
}
div#nav ul li a {
background : url(../../images/template/nav.png) no-repeat;
}