input:focus, select:focus, textarea:focus { background-color: #ffc; }

body {
	background-color: #d6e9ef;
	padding: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

body, td, div {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
}

.p {
	margin: 1em 0pt;
	
}

.p5 {
	margin: .5em 0pt;
}

.sub_channel_preview {
	margin: 10px;
	padding: 0px;
	color: #093657;
}
.sub_channel_preview a:link,
.sub_channel_preview a:visited {
	text-decoration:none;
}
.sub_channel_preview a:hover {
/* 	color: #000000;  */
	text-decoration:none;
}

.sub_channel_preview_2 {
	padding: 0px;
	margin: 10px 10px 10px 10px;
}

.sub_channel_preview_3 {
	padding: 0px;
	margin: 10px 0px 10px 0px;
}

.font1 {font-family:Arial; font-size:11px; color:#DF0000}
.font1 a:link {font-family:Arial; font-size:11px; color:#DF0000; text-decoration:none}
.font1 a:visited {font-family:Arial; font-size:11px; color:#DF0000; text-decoration:none}
.font1 a:hover {font-family:Arial; font-size:11px; color:#521400; text-decoration:none}

.font2 {font-family:verdana; font-size:11px; color:#73112A}
.font2 a:link {font-family:verdana; font-size:11px; color:#73112A; text-decoration:none}
.font2 a:visited {font-family:verdana; font-size:11px; color:#73112A; text-decoration:none}
.font2 a:hover {font-family:verdana; font-size:11px; color:#000000; text-decoration:none}

.font3 {font-family:"Trebuchet MS", Verdana, Arial; font-size:17px; color:#FFFFFF}
.font3 a:link {font-family:Times New Roman; font-size:18px; color:#FFFFFF; text-decoration:none}
.font3 a:visited {font-family:Times New Roman; font-size:18px; color:#FFFFFF; text-decoration:none}
.font3 a:hover {font-family:Times New Roman; font-size:18px; color:#000000; text-decoration:none}

.font3b ,
.font3b a:link ,
.font3b a:visited ,
.font3b a:hover {
	font-family:Times New Roman; 
	font-size:18px; 
	color:#FFFFFF; 
	text-decoration:none
}

.font4 {font-family:Verdana; font-size:12px; color:#666666}
.font4 a:link {font-family:Verdana; font-size:12px; color:#666666; text-decoration:none}
.font4 a:visited {font-family:Verdana; font-size:12px; color:#666666; text-decoration:none}
.font4 a:hover {font-family:Verdana; font-size:12px; color:#000000; text-decoration:none}

.font5 {font-family:Arial; font-size:11px; color:#2E307A}
.font5 a:link {font-family:Arial; font-size:11px; color:#666666; text-decoration:none}
.font5 a:visited {font-family:Arial; font-size:11px; color:#666666; text-decoration:none}
.font5 a:hover {font-family:Arial; font-size:11px; color:#521400; text-decoration:none}

.font6 {font-family:Verdana; font-size:13px; color:#FFFFFF}
.font6 a:link {font-family:Verdana; font-size:13px; color:#FFFFFF; text-decoration:none}
.font6 a:visited {font-family:Verdana; font-size:13px; color:#FFFFFF; text-decoration:none}
.font6 a:hover {font-family:Verdana; font-size:13px; color:#000000; text-decoration:none}

.font7 {font-family:Verdana; font-size:10px; color:#2E2C5F}
.font7 a:link {font-family:Verdana; font-size:10px; color:#454545; text-decoration:none}
.font7 a:visited {font-family:Verdana; font-size:10px; color:#454545; text-decoration:none}
.font7 a:hover {font-family:Verdana; font-size:10px; color:#000000; text-decoration:none}

.font8 {font-family:Verdana; font-size:8px; color:#000000; font-weight:bold}
.font8 a:link {font-family:Verdana; font-size:8px; color:#000000; font-weight:bold; text-decoration:none}
.font8 a:visited {font-family:Verdana; font-size:8px; color:#000000; font-weight:bold; text-decoration:none}
.font8 a:hover {font-family:Verdana; font-size:8px; color:#FF0000; font-weight:bold; text-decoration:none}

.font9 {font-family:Arial; font-size:12px; color:#3C3C53; line-height:150%}
.font9 a:link {font-family:Arial; font-size:11px; color:#484747; text-decoration:none}
.font9 a:visited {font-family:Arial; font-size:11px; color:#484747; text-decoration:none}
.font9 a:hover {font-family:Arial; font-size:11px; color:#FF0000; text-decoration:none}
.font9 img {padding-right:10px; }

.font10,
.font10 a:link,
.font10 a:visited {
	font-family:Arial; font-size:11px; color:#383838; text-decoration:none
}
.font10 a:hover { color:#FF0000; }

.content {font-family:Arial; font-size:12px; color:#353597; line-height:13pt}
.content a:link {font-family:Arial; font-size:12px; color:#666666; text-decoration:none}
.content a:visited {font-family:Arial; font-size:12px; color:#666666; text-decoration:none}
.content a:hover {font-family:Arial; font-size:12px; color:#003399; text-decoration:none}

td 
{
font-family: Arial;
font-size: 12px;
color:#3B3B3B;
}

/* .style1 {color: #FF7200} */
.style2 {color: #676767}
.style3 {color: #91132E}
.style4 {
	color: #442929;
	font-weight: bold;
}
.style5 {
	color: #FFFFFF;
	font-weight: bold;
}
.style7 {color: #DF0000}
.style8 {
	color: #78310C;
	font-weight: bold;
}

.style8b {
	color: #78310C;
	font-size: 11px;
       text-decoration: none;
}
.style8b a:hover{color: #78310C; font-size: 11px; text-decoration:none}
.style8b a:link{color: #78310C; font-size: 11px; text-decoration:none}
.style8b a:visited {
	color: #78310C;
       font-size: 11px;
 	text-decoration: none; 
}


.style9 {color: #4957A1}
.style13 {
	color: #000000;
	font-weight: bold;
}
.style11b {
        font-family: Arial;
        font-size: 12px;
        color:#D10505;
        line-height: 150%;
        font-weight: bold;
}
.style11b a:link,
.style11b a:visited {
        color:#D10505;
        text-decoration:none;
}

.style11 {
	font-family: Arial;
	font-size: 12px;
/* 	color:#D10505; */
/* 	line-height: 150%; */
	text-decoration:none;
/* 	font-weight: bold; */
}
.style14 {
	color: #C01313;
	font-size: 15px;
}
.style14 a:hover,
.style14 a:link,
.style14 a:visited {
	color: #C01313;
/* 	text-decoration: none; */
}
.style15 {
	color: #383838;
	font-weight: bold;
}



.ul_list
{
	list-style-type: none;
	list-style-image: url(images/list_arrow.gif);
}

.copyright 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #181818;
}
#footer_dir {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #181818;
	margin-left: 50px;
	vertical-align: top;
}
#footer_dir a:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #181818; text-decoration:none;}
#footer_dir a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #181818; text-decoration:none;}
#footer_dir a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #5D5D5D; text-decoration:none;}


.sub_channel_items {
	padding-left: 2px;
	width:100%;
	
}

.sub_channel_items a {
	padding-left: 4px;
	padding-right: 4px;
	
}

.channel_menu_inactive {
	text-decoration: none;
	font-weight: bold;
	color:#401074;
	font-size: 12px;
}

.channel_menu_inactive .center {
	text-align: center;
	/*background-image: url(ch_non_active_bg.gif);*/
	
	background-image: url(grs_hitam.gif);
	background-repeat:no-repeat;
	background-position:right right;
	
	padding-left:4px;
	padding-right: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family:Arial; font-size:11px; color:#461072
}

.channel_menu_inactive .center_left {
	text-align: center;
	/*background-image: url(ch_non_active_bg.gif);*/
	
	padding-left:4px;
	padding-right: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family:Arial; font-size:11px; color:#73112A
}

.channel_menu_inactive .left {
	/*background-image: url(ch_non_active_start.gif); */
	padding-left: 1px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.channel_menu_inactive .right{
    
	
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.channel_menu_active {
	text-decoration: none;
	color:#0000FF;
}

.channel_menu_active .center {
	/*background-image: url(ch_non_active_bg.gif);*/
	background-image: url(grs_hitam.gif);
	background-repeat:no-repeat;
	background-position:right right;

	padding-left:4px;
	padding-right: 1px;
	padding-top: 5px;
	padding-bottom: 5px;

	text-align: center;
	color: #0033CC;
	font-family:Arial; font-size:11px; 
}

.channel_menu_active .center_left {
	/*background-image: url(ch_non_active_bg.gif);*/
	padding-left:4px;
	padding-right: 1px;
	padding-top: 5px;
	padding-bottom: 5px;

	text-align: center;
	color: #0033CC;
	font-family:Arial; font-size:11px; 
}

.channel_menu_active .left {
	/*background-image: url(ch_active_start.gif);*/
	padding-left: 1px;
	padding-top: 0px;
	padding-bottom: 0px;

}

.channel_menu_active .right{
	/*background-image: url(ch_active_end.gif);*/
	
		padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;

	}

.channel_menu_active .space {
	/*background-image: url(ch_main_bg.gif);*/
	padding-left: 1px;
}


.channel_menu_left_active {
	/*background-image: url(ch_non_active_start.gif);*/
}

.channel_menu_right_active {
	/*background-image: url(ch_non_active_end.gif);*/
}

.style1 {font-weight: bold}
.style2 {color: #ff7200}
.style4 {
	font-size: 13px;
	color: #525252;
}
.style5 {font-size: 11px}

.style7_nv {
	font-size: 11px;
	color: #4957A1;
	font-weight: bold;
}

.centertemp{
	text-align: center;
	/*background-image: url(ch_non_active_bg.gif);*/
	
	padding-left:4px;
	padding-right: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: white;
	font-family:Arial; font-size:10px; color:#73112A

}


.font_sub_channel_menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration:none;
}
.font_sub_channel_menu a:link {	font-family:Arial; font-size:11px; color: #FFFFFF; text-decoration:none;}
.font_sub_channel_menu a:visited {	font-family:Arial; font-size:11px; color: #FFFFFF; text-decoration:none;}
.font_sub_channel_menu a:hover {	font-family:Arial; font-size:11px; color: #FFFF00; text-decoration:none;}


.style15 {
	color: #383838;
	font-weight: bold;
}
.style24 {
	color: #FFFFFF;
	font-weight: bold;
}
.style18 {	color: #FC5909;
	font-weight: bold;
}
.style16 {color: #FAC46F}
.style17 {font-family:Arial; font-size:12px; color: #FFFFFF; text-decoration:none;}
.style23 {
	color: #C84B84;
	font-weight: bold;
}
.style24 {
	color: #FB5F01;
	font-weight: bold;
}
.style25 {
	color: #FC5909;
	font-size: 11px;
}
.style26 {
	font-size: 15px;
	font-weight: bold;
}
.style27 {color: #FFFFFF}

/* from nova.css */
.font_content_3 a:link {font-family: Verdana; font-size: 10px; color:#C71064; line-height: 150%; text-decoration:none;}
.font_content_3 a:visited {font-family: Verdana; font-size: 10px; color:#C71064; line-height: 150%; text-decoration:none;}
.font_content_3 a:hover {font-family: Verdana; font-size: 10px; color:#000000; line-height: 150%; text-decoration:none;}


.style4 {
	color: #442929;
	font-weight: bold;
}
.style5 {
	color: #000033;
	font-weight: bold;
}
.style13 {
	color: #000000;
	font-weight: bold;
}
.style15 {
	color: #383838;
	font-weight: bold;
}
.style16 {color: #FAC46F}
.style17 {color: #FFFFFF}
.style18 {
	color: #FC5909;
	font-weight: bold;
}
.style19 {
	font-size: 13px;
	font-weight: bold;
	color: #E95505;
}
.style20 {color: #666666}
.style21 {
	color: #D10505;
	font-weight: bold;
}
.style22 {
	font-size: 13px;
	font-weight: bold;
}
.style23 {
	color: #C84B84;
	font-weight: bold;
}
.style24 {
	color: #FB5F01;
	font-weight: bold;
}

/* ***************************************** */
.carousel-component { 
    padding:8px 4px 30px 4px;
    margin:0px;
	background-color: #E6F0FD;
}

.carousel-component .carousel-list li { 
    margin:2px;
    width:84px; /* img width is 75 px from flickr + a.border-left (1) + a.border-right(1) + 
                   img.border-left (1) + img.border-right (1)*/
/*     height:84px;  */
/* image + row of text (87) + border-top (1) + border-bottom(1) + margin-bottom(4) */
    /*    margin-left: auto;*/ /* for testing IE auto issue */
}

.carousel-component .carousel-list li a { 
    display:block;
    border:1px solid #e2edfa;
/*     outline:none; */
}

.carousel-component .carousel-list li a:hover { 
    border: 1px solid #aaaaaa; 
}

.carousel-component .carousel-list li div { 
    border:1px solid #999;
    display:block; 
}

/*.carousel-component .carousel-list li table { 
    border:1px solid #999;
	width: 98px;
	height: 98px;
	background-color: #ffffff;
}*/

.carousel-component .carousel-prev { 
    position:absolute;
/*     top:40px; */
    z-index:3;
    cursor:pointer; 
/*     left:5px;  */
    right:40px; 
	bottom: 5px;
}

.carousel-component .carousel-next { 
    position:absolute;
/*     top:40px; */
    z-index:3;
    cursor:pointer; 
    right:5px; 
	bottom: 5px;
}