html,body { 
	  margin: 0px;
  padding: 0px;
  border: 0px;
background: url(biggreen.jpg) no-repeat top center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

html, body, p, th, td, li, dd, dt  {
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #000;
	
}
h1,h2,h3,h4,h5,h6 { font-size: xx-small; }


}

.tengah {

	vertical-align:middle;
}


.Content-topstory {
	font-size: 14;
	font-weight:bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #FFF;
}

.Content-left{
	font-size: 14;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #000;
}

.Content-left a:link{
	font-size: 14;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #000;
}
.Content-left a:visited{
	font-size: 14;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #000;
}
.Content-left a:hover{
	font-size: 14;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration:underline;
}

.toplink {
	font-size: 16px;
	font-weight:bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #fbfa8d;
}

.toplink a:link {
	font-size: x-small;
	font-weight:bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #fbfa8d;
	text-decoration: none;
}

.toplink a:visited {
	font-size: x-small;
	font-weight:bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #fbfa8d;
	text-decoration: none;
}

.toplink a:hover {
	font-size: x-small;
	font-weight:bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #FFF;
	
}

.footer {
	font-size: x-small;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #888;
}

.footer a:link {
	font-size: x-small;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #888;
	text-decoration: none;
}

.footer a:visited {
	font-size: x-small;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #888;
	text-decoration: none;
}

.footer a:hover {
	font-size: x-small;
	font-weight:bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #888;
	
}

.contributor {
	font-size: 12px;
	font-weight:bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #3c579a;
}

.contributor a:link {
	font-size: 12px;
	font-weight:bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #3c579a;
	text-decoration: none;
}

.contributor a:visited {
	font-size: 12px;
	font-weight:bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #3c579a;
	text-decoration: none;
}

.contributor a:hover {
	font-size: 12px;
	font-weight:bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #5e79bc;
	
}


.topic {
	font-size: 12px;
	font-weight:bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #108c4e;
}

.topic a:link {
	font-size: 12px;
	font-weight:bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #108c4e;
	text-decoration: none;
}

.topic a:visited {
	font-size: 12px;
	font-weight:bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #108c4e;
	text-decoration: none;
}

.topic a:hover {
	font-size: 12px;
	font-weight:bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #5e79bc;
	
}

.Komentarxx {
	font-size: xx-small;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #cdcbcb;
}

.tag {
font-size:9px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #666666;
}

.tag a:link{
	font-size:9px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #666666;
}

.tag a:visited{
	font-size:9px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #666666;
}

.tag a:hover{
	font-size:9px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #000;
}

.TOPDate {
	font-size: xx-small;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #000;
}

.hitam-xx{
	font-size: xx-small;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #000;
}


.product{
	font-size: large;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #1577bb;
}

.product a:link {
	font-size: large;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #F00;
	text-decoration: none;
}

.product a:visited {
	font-size: large;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #F00;
	text-decoration: none;
}

.product a:hover {
	
	font-size: large;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #ffb541;
	
}

.hitam{
	font-size: xx-small;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #8c9aa3;
}

.putih{
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #FFF;
}


.Contentxx {
	font-size: xx-small;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #8c9aa3;
}



.ContentxLoc {
	font-size: x-small;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #8c5b2a;
}
.putih a:link {
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
}

.putih a:visited {
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
}

.putih a:hover {
	text-decoration:underline;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #FFF;
	
}


.hitam a:link {
	font-size: xx-small;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #010101;
	text-decoration: underline;
}

.hitam a:visited {
	font-size: xx-small;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #010101;
	text-decoration: underline;
}

.hitam a:hover {
	text-decoration:none;
	font-size: xx-small;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: underline;
}





a:link
{
    font-size: xx-small;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    color: #000;
    text-decoration: none;
}

a:visited
{
    font-size: xx-small;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    color: #000;
    text-decoration: none;
}

a:hover
{
    font-size: xx-small;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    color: #7e7b7b;
}


/* WS addition */

#header_cont
{
    width: 100%;
    height: 107px;
    background: url(topper_01.png) no-repeat;
}

#header_login
{
    height: 36px;
    float: right;
    margin-top: 15px;
    margin-right: 10px;
}



#header_login_left
{
    width: 24px;
    background: url(newlogin_left.png) no-repeat;
}
#header_login_middle
{
    background: url(newlogin_bg.png) repeat-x;
    line-height: 30px;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: top;
}

#header_login_right
{
    width: 14px;
    background: url(newlogin_right.png) no-repeat;
}

#header_menu
{
    float: right;
    margin-top: 14px;
    margin-right: 0px;
}

.header_menu_item
{
    width: 151px;
    line-height: 42px;
    float: left;
    text-align: center;
}

.header_menu_active
{
    background: url(bg-aktif.png) center repeat-x;
}

.promo_header
{
    width: 100%;
    background-color: #f1f1f1;
    margin-top: 40px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    color: #3c579a;
}

.promo_header_text
{
    padding-right: 10px;
    padding-left: 10px;
}
.promo_header_new
{
    background: url(icon-new.gif) right no-repeat;
}

.promo_title
{
    margin: 3px 10px 3px 10px;
    font-size: 12px;
    font-weight: bold;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    color: #108c4e;
}
.promo_content
{
    margin-left: 10px;
    margin-right: 10px;
}

.promo_lengkap
{
    font-size: 12px;
    font-weight: bold;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    color: #3c579a;
    float: right;
    margin-top: 3px;
}

#content_cont
{
    width: 100%;
    margin-bottom: 12px;
}

#content_title
{
    margin-left: auto;
    margin-right: auto;
    width: 97%;
    height: 30px;
    vertical-align: top;
    background-color: #f1f1f1;
    border: 1px solid #cdcdcd;
    margin-bottom: 10px;
}

h3
{
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   margin:0;
   padding:0;    
   font-size: 15px;
    font-weight: bold;
}

#content_title_text
{
    margin-left: 15px;
    color: #3C579A;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    padding-top:5px;
    font-size: 15px;
    font-weight: bold;
    text-transform:uppercase;
}
#content
{
    margin-left: auto;
    margin-right: auto;
    width: 97%;
}
.box
{
    border: 1px solid #e7e7e7;
    width:100%;
}

.box_head
{
    width: 100%;
    height: 25px;
    background-color: #f1f1f1;
    border-bottom: 1px solid #e7e7e7;
}

.box_title
{
    float: left;
    margin-left: 15px;
    margin-top: 4px;
}


.box_more
{
    float: right;
    margin-right: 15px;
    margin-top: 6px;
}

.box_content
{
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.box_footer
{
    
    width: 100%;
    height: 7px;
    vertical-align: top;
    margin-bottom:10px;
}

.news
{
    clear: both;
    margin-left: 30px;
    margin-right: 30px;
    border-bottom: 1px dashed #cecece;
    padding-top: 15px;
    padding-bottom: 15px;
}

.news_pic
{
    float: left;
}

.news_cont
{
    float: left;
    margin-left: 10px;
    width: 420px;
}


div.messages
{
    margin-left: auto;
    margin-right: auto;
    width: 97%;
    margin-top: 12px;
    margin-bottom: 0px;
    padding: 0;
    clear: both;
    overflow: hidden;
}

div.message
{
    margin: 0 0 10px 0;
    padding: 0;
    clear: both;
    overflow: hidden;
}

div.message div.image
{
    margin: 2px 0 2px 5px;
    padding: 6px;
    float: left;
}

div.message div.image img
{
    margin: 0;
    vertical-align: middle;
}

div.message div.text
{
    margin: 0;
    padding: 10px 6px 10px 6px;
    float: left;
    width:85%;
}

div.message div.dismiss
{
    margin: 0;
    padding: 0;
    float: right;
}

div.message div.dismiss a
{
    margin: 15px 14px 0 0;
    padding: 0;
    height: 16px;
    width: 16px;
    display: block;
    background: url("cross.png") no-repeat;
}

div.message div.text h1, div.message div.text h2, div.message div.text h3, div.message div.text h4, div.message div.text h5, div.message div.text h6
{
    margin: 0;
    padding: 0px;
    border: none;
}

div.message div.text span
{
    margin: 0;
    padding: 5px 0 0 0;
    height: 1%;
    display: block;
}

div.message-error
{
    /*height: 1%;*/
    clear: both;
    overflow: hidden;
    background: #FBE3E4;
    border: 1px solid #FBC2C4;
    color: #860006;
}

div.message-error h6
{
    color: #860006;
}

div.message-warning
{
    /*height: 1%;*/
    clear: both;
    overflow: hidden;
    background: #FFF6BF;
    border: 1px solid #FFD324;
    color: #5f5200;
}

div.message-warning h6
{
    color: #5f5200;
}

div.message-notice
{
    /*height: 1%;*/    
    clear: both;
    overflow: hidden;
    background: #8FBDE0;
    border: 1px solid #6BACDE;
    color: #003863;
}

div.message-notice h6
{
    color: #003863;
}

div.message-success
{
    /*height: 1%;*/    
    clear: both;
    overflow: hidden;
    background: #E6EFC2;
    border: 1px solid #C6D880;
    color: #4e6100;
}

div.message-success h6
{
    color: #4e6100;
}