.body { margin:0 0 0 0; font-family:Verdana,Arial,Helvetica,sans-serif; background-color: #333333; }

.body_index { margin:0 0 0 0; font-family:Verdana,Arial,Helvetica,sans-serif; background-color: #000000;}

.main_container {width:960px; height: auto; overflow: hidden;background:url('../images/left_bg.png');}
.header {width:960px; height: 120px; overflow:hidden; background:url('../images/header.png');}
.top_menu {width:960px; height: 45px; overflow: hidden;}

.left_side{width:300px;min-height: 300px; overflow: hidden; display: inline; float: left;background: url('../images/left_bg.png')}
.top_left{width: 300px; height:85px; background:url('../images/top_left.png');}
.left_content{width:300px; height:auto; overflow: hidden; margin-bottom:20px;}
.banner_wrapper {width:300px; height:auto; overflow: hidden; margin-bottom:10px;}
.left_ads {width:300px; height:20px; overflow: hidden; margin:0 0 10px 0; text-align: center;}
.leftComment {width:290px; min-height:20px; overflow: hidden; margin:0 0 10px 0; background: white; padding:10px 0 10px 10px;}
.leftFbLike {width:285px; height:24px; overflow: hidden; padding:5px 5px 5px 10px; margin-bottom:10px; text-align: center; background: white;}

.right_side{width:640px; min-height: 300px; overflow: hidden; margin:0;padding-left:20px; display: inline; float: left; background:url('../images/content_bg.png');}

.right_content_wrapper {width:620px;min-height:60px; overflow: hidden; margin:0 0 18px 0;}
.right_content_img {width:620px;min-height:60px; overflow: hidden; margin:0 0 18px 0; text-align: justify;}

/* date */
.right_content_date_img {width:60px; height:60px; display: inline; float: left; margin:0 10px 0 0; background:url('../images/date_bg.png');}
.right_date_txt {width:100%; height: 40px; font-size: 34px; font-weight: bold; color: #333333; font-family: arial, helvetica, sans-serif; text-align: center; display: block;}
.right_month_txt {width: 100%; height: 20px; font-size: 11px; color: #666666; font-family: arial, helvetica, sans-serif; text-align: center; display: block;}

.right_content_text {width: 550px; display: inline; float: left; overflow: hidden;}
.right_content_title { font-family:  arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #EEEEEE; display: block;}
.right_content_title a {font-family:  arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #EEEEEE; text-decoration: none; cursor: pointer;}
.right_content_title a:hover { font-family:  arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none; cursor: pointer;}
.writerDate {width: 100%; height: auto; overflow: hidden; font-family: arial; font-size: 10px; color: silver; margin:0 0 6px 0;display: block;}
.rightContentTxt {font-size: 11px; color: #999999; margin:8px 0 0 0;}

/* JADWAL */
.jadwal_wrapper {width: 300px; height: auto; overflow: hidden; margin:0 0 10px 0;}
.jadwal_box {width:290px; height: auto; margin:5px; overflow: hidden;}
.left_jadwal {width:300px; height:20px; overflow: hidden; margin:0 0 6px 10px;}

/* footer */
.footer {width:100%; height: 60px; overflow: hidden; background:url('../images/bottom_bg.png');}

/* spacer */
.spacer20 {width:100%; height:20px; overflow: hidden;}
.spacer8 {width:100%; height:8px; overflow: hidden;}

/* TEXT */
.f11white {font-family:  arial; font-size:11px; color: white;}
.f11gray {font-family:  arial; font-size:11px; color: gray;}
.f11silver {font-family:  arial; font-size:11px; color: silver;}
.f12silver {font-family:  arial; font-size:12px; color: silver;}
.f12white {font-family:  arial; font-size:12px; color: white;}
.f14white {font-family:  arial; font-size:14px; color: white;}
.f11red {font-family:  arial; font-size:11px; color: red;}
.f16white {font-family: arial; font-size: 16px; color: white;} 

a.LinkWhite:link {
	color:#FFFFFF;
	text-decoration: none;
}
a.LinkWhite:visited {
	color:#FFFFFF;
	text-decoration: none;
}
a.LinkWhite:active {
	color:#FFFFFF;
	text-decoration: none;
}
a.LinkWhite:hover {
	color:#EEEEEE;
	text-decoration: none;
    border-bottom:1px dotted white;
}
/*IMG BORDER*/
.bdr {border:1px solid gray;}

.loginBox{
    width:600px;
    height: auto;
    float: left;
    display: inline;
    overflow: hidden;
}

#formLabel {
    width:250px;
    float: left;
}

.divInput {
    width:600px;
    float: left;
    overflow: hidden;
    margin-bottom: 8px;
}

.txtInput{ font: 12px Arial, Helvetica, sans-serif; color: #999999; padding: 9px 4px; border: solid 1px #e0e0e0; width:300px; }
.tglInput{ font: 12px Arial, Helvetica, sans-serif; color: #999999; padding: 9px 4px; border: solid 1px #e0e0e0; width:auto; }
.required{ font: bold 12px Arial, Helvetica, sans-serif; color: #CCCCCC; padding-top: 10px; }
.errMsg{ font: 11px Arial, Helvetica, sans-serif; color: red;}
.f11black {font-family:  arial; font-size:11px; color: gray;}

h1.api{
        font-size: 18px;
        margin: 0;
        font-family:"Trebuchet MS";
        font-weight:bold;
        color: #FFFFFF;
        letter-spacing:0.5px;
}

.album {
	width: 630px;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
.album li {
	padding: 5px 10px 25px 10px;
	margin: 0;
	float: left;
	position: relative;
	width: 122px;
	height: 110px;
    overflow: hidden;
}
.album li:hover img {
	border-color: #505460;
	background: #ffffff;
}
.album img {
	background: #0d0d0d;
	border: solid 1px #505460;
	padding: 5px;
}
.album a {
	text-decoration: none;
}
.album a:hover {
    text-decoration: none;
    /*background: #ff9900 url(../images/bg_orangeTrans.png);*/
}

.api{
    padding: 0;
	margin: 0 0 8px 0;
	font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-transform: uppercase;
}

.merchandiseBox {width: 580px; padding:10px; margin:0 auto 0 auto; background-color: white;}