.UIActionButton_SuppressText .UIButton_Icon{margin:0}
.UIActionButton .UITooltip_Wrap{bottom:25px;margin-left:0}
.UIRoundedImage{display:block;background-color:#c4cde0;overflow:hidden;position:relative}
.UIRoundedImage_CornersSprite{position:absolute}
.UIRoundedImage_NONE .UIRoundedImage_Corners{display:none}
.UIRoundedImage_WHITE .UIRoundedImage_CornersSprite{top:0}
.UIRoundedImage_GIRLIE .UIRoundedImage_CornersSprite{top:-50px}
.UIRoundedImage_DARK .UIRoundedImage_CornersSprite{top:-100px}
.UIRoundedImage_LARGE{width:50px;height:50px}
.UIRoundedImage_LARGE .UIRoundedImage_Image{width:50px;height:50px}
.UIRoundedImage_SMALL{width:32px;height:32px}
.UIRoundedImage_SMALL .UIRoundedImage_Image{width:32px;height:32px}
.UIRoundedImage_TINY{width:25px;height:25px}
.UIRoundedImage_TINY .UIRoundedImage_Image{width:25px;height:25px}
.UIRoundedImage_LARGE .UIRoundedImage_CornersSprite{/* @noflip */
left:0}
.UIRoundedImage_SMALL .UIRoundedImage_CornersSprite{/* @noflip */
left:-50px}
.UIRoundedImage_TINY .UIRoundedImage_CornersSprite{/* @noflip */
left:-82px}

.UIIntentionalStory_MediaExtra{padding-right:8px;}

.UIMediaItem{}
.UIMediaItem_ManyItems{float:left}
.UIMediaItem_OneItem{float:center}
.UIMediaItem img{display:block;vertical-align:middle}
.UIMediaItem_Wrapper{overflow:hidden}
.UIMediaItem_Photo .UIMediaItem_Wrapper{border:1px solid #ccc;padding:3px}
.UIMediaItem_Photo .UIMediaItem_PhotoBorder{border:1px solid #ccc}
.UIMediaItem_Photo a:hover .UIMediaItem_Wrapper,
.UIMediaItem_Photo a:hover .UIMediaItem_PhotoBorder{border:1px solid #3b5998}
.UIMediaItem_Photo .UIMediaItem_PhotoFrame{border:3px solid white}

/* START rounded corners */
.topCorners, .bottomCorners{display:block; height:5px; overflow:hidden; padding:0;}
.topCorners *, .bottomCorners *{display:block; height:1px; overflow:hidden; padding:0; line-height:1px; font-size:1px;}
.l1{margin:0 5px}
.l2{margin:0 3px}
.l3{margin:0 2px}
.l4{margin:0 1px; height:2px}
/* zoom:1; is to force IE to have "layout" for this element so the bottom corners that follow it don't go funny... */
.styledPanel{zoom:1;}
/* END rounded corners */


#unRestricted #quickInfoHeader, #unRestricted .topCorners * {background:#ABC8E6;color:#E5EFF8}
#unRestricted #quickInfoContents, #unRestricted .bottomCorners * {background:#E5EFF8;}

.desc{
border:dashed 1px  #BED6E5;
padding:7px;
font-size:12px;
/* line-height:20px; */
margin:0px 0px 0px 0px; /* margin: atas kanan bawah kiri; */
}

/* untuk dropdown tabel */
.thead
{
	background: #D2D6D9;
	color: #000000;
	font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}	
.tborder
{
	background: #BEC3C7;
	color: #FFFFFF;
}

.alt1, .alt1Active
{
	background: #F4F5F8;
	color: #000000;
}
/* akhir dropdown tabel */

img{border:0}
select{border:1px solid #bdc7d8;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:11px;padding:2px}

.empty_message{font-size:13px;line-height:17px;padding:20px 20px 50px 20px;text-align:center;background:#f7f7f7}
.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden}
.clearfix{display:block}
.ie6 .clearfix,
.ie7 .clearfix,
.ie8 .clearfix{zoom:1}
form{margin:0;padding:0}
label{cursor:pointer;color:#666666;font-weight:bold;vertical-align:middle;font-size:11px}
label input{font-weight:normal}
.formtable{margin:0}
.formtable td{border:none;margin:0;padding:3px 1px}
.formtable td.label{color:#666;font-weight:bold;padding-right:10px}
.formtable .tallrow{vertical-align:top}
.formbuttons{text-align:center;margin:10px 10px}
.formbuttons .inputsubmit, .formbuttons .inputbutton{margin:2px 4px}
.inputtext,
.inputpassword{border:1px solid #bdc7d8;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:11px;padding:3px}
textarea{border:1px solid #bdc7d8;padding:3px;font-size:11px;font-family:"lucida grande", tahoma, verdana, arial, sans-serif}
.ghost-text {
				color: #aaa;
			}

.inputradio{padding:0;margin:0 5px 0 0;vertical-align:middle}
.inputcheckbox{border:0;vertical-align:middle}
.inputbutton,
.inputsubmit{padding:2px 15px 3px 15px;border-style:solid;border-top-width:1px;border-left-width:1px;border-bottom-width:1px;border-right-width:1px;border-top-color:#d9dfea;border-left-color:#d9dfea;border-bottom-color:#0e1f5b;border-right-color:#0e1f5b;background-color:#3b5998;color:#fff;font-size:11px;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;text-align:center}
.inputsubmit_disabled{background-color:#999;border-bottom:1px solid #000;border-right:1px solid #666;color:#fff}
.inputaux{background:#f0f0f0;color:#000;border-top-color:#e7e7e7;border-right-color:#666;border-bottom-color:#666;border-left-color:#e7e7e7}
.inputaux_disabled{color:#999}
.inputsearch{background:#fff url(/rsrc.php/zCESH/hash/bnzltvg4.png) no-repeat left 4px;padding-left:17px}
ul.square_bullets{list-style:square;padding-left:20px;color:#3b5998}
ul.square_bullets li{padding:1px 0}
ul.square_bullets span{color:#000}
.datawrap{word-wrap:break-word}
.word_break{display:block;float:left;margin-left:-10px;padding:0}
.img_loading{position:absolute;left:-100000px;top:-100000px}
.two_column .right,
.two_column .left{float:left}
.no_padding{padding:0}
.see_all{text-align:right}
.standard_status_element{visibility:hidden}
.standard_status_element.async_saving{visibility:visible}
.note_dialog{background:#FFFFFF none repeat scroll 0;border:1px solid #bdc7d8;color:#444;margin:0 10px 10px;padding:10px}
.findfriends_block{text-align:left;margin:auto}
.findfriends_block .findfriends_block_li{line-height:18px;list-style-image:none;list-style-position:outside;list-style-type:none}
.clickable{cursor:pointer}
input.request_form_submit{background:#3B5998 url(/rsrc.php/zD6KF/hash/7hkt9gg8.gif) no-repeat 8px 6px;padding:3px 6px 3px 26px;overflow:visible}
#ssponsor .seeall{margin:5px 0;text-align:right}
img.tracking_pixel{height:1px;position:absolute;width:1px}
.fbsmid{display:none}
.DOMControl_placeholder{color:#777}
.DOMControl_shadow{position:absolute;left:-10000px;top:-10000px}
.DOMControl_autogrow{overflow:hidden}
.diagnostics{position:absolute;top:40px;left:10px;z-index:101;padding:10px;width:200px;border:1px solid #008;background:#dfdfff}
#dropmenu_container{display:block;height:0;margin:0 auto;padding:0;position:relative;width:964px;z-index:105}
#locale_selector_dialog_onclick{/* @noflip */
direction:ltr;float:left;width:185px;padding:5px 5px 0 0}
#locale_selector_dialog_onclick .intl_selector_dialog_a{/* @noflip */
direction:ltr}
.direction_ltr{/* @noflip */ direction:ltr}
.direction_rtl{/* @noflip */ direction:rtl}
.text_align_ltr{/* @noflip */ text-align:left}
.text_align_rtl{/* @noflip */ text-align:right}

.divider{border-bottom:1px solid #fff;border-top:1px solid #ccc;height:0;margin:5px 0;overflow:hidden}

/*
.tablelt { 
	text-decoration: none ; 
	background-color: #F1F1F1 }
*/
.tabledk { 
	text-decoration: none ;
	background-color: #3871A9} 
	
.tablelt { 
	text-decoration: none ; 
	background-color: #F4F8FB}
	
h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; 
font-weight: bold; color: #FF9900 } h2 { font-family: Verdana, Arial, Helvetica, 
sans-serif; font-size: 12px; color: #6699CC; text-decoration: none ; font-weight: 
bold } h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; 
color: #FFB76F; text-decoration: none ; font-weight: bold } h4 { font-family: 
Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #3871A9; text-decoration: 
none ; font-weight: bold } h5 { font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; color: #3871A9; text-decoration: none ; font-weight: bold}

<!-- CSS slider-->
/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:160px;
}

#slideshow IMG {
    position:absolute;
    /*top:0;
    left:0;*/
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}