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;
}