a , a:visited{
	color : Black;
	text-decoration: none;
}
a:hover {
	color : #FF0000;
	text-decoration: none;
}
img {
	border: none;
}
p {
	font-family: "Arial", serif;
}
h3 {
	font-size:14px;
	margin-bottom:10px;
	margin-top:5px;
}
#loading { 
position: absolute; 
top: 0; 
left: 0; 
color: white; 
background-color: red; 
padding: 5px 10px; 
font: 12px Arial; 
}
#isi {   /* isi*/
	clear: left;
	float: none;
	width:100%;
}
#bawah {   /* bawah */
	clear: left;
	float:none;
	padding: 5px;
	height: 15px;
	width: auto;
	background-color:#6A849D;	
	margin-bottom:0px;
	color:#FFFFFF;
	text-align:center;
	margin-top:20px;					
}

/* remove the bullets, padding and margins from the lists */
#menu ul{
list-style-type:none;
padding:0;
margin:0px;
width:auto;
float: right;
margin: auto;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
#menu li{
float:left;
position:relative;
z-index:100;
width:auto;
}

/* use the table to position the dropdown list */
/*.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}*/

/* style all the links */
#menu a, #menu :visited {
display:block;
font-size:10px;
width:60px;
padding:6px 3px;
color:white;
background:#627AAD;/*#6A849D;*/
text-decoration:none;
margin-right:1px;
font-size:11px;
text-align:left;
font-family:verdana, sans-serif;
}
/* style the links hover */
#menu :hover{
color:#000000;
background:;/*#C9D3DC;*/
}

/* hide the sub level links */
#menu ul ul {
visibility:hidden;
position:absolute;
width:auto;
height:0;
}
/* make the sub level visible on hover list or link */
#menu ul li:hover ul,
#menu ul a:hover ul{
visibility:visible;
}

.button {
	BACKGROUND: #375D7E; BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT:#000000 1px solid; BORDER-TOP: #000000 1px solid; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 9px; FONT-WEIGHT: bold
}
.editbox {
	BACKGROUND: #ffffff; BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; COLOR: #000000 ; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px
}
select {
	font-family: Verdana;
	font-size: 11px;
	padding: 3px;
	border-width: thin;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

.ver9 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	color: #000000;
}
#gambar {
	border: 1px solid #6A849D;
	margin:2px 5px 5px 5px;
	padding: 1px 1px 1px 1px;
	text-align: left;
	background-color:#FFFFFF;	
}
#banner {
	margin:5px 0px 5px 0px;
}
.tah9 {
	font-family: Tahoma;
	font-size: 9px;
	color: #000000;
	text-decoration: none;
	border: none;
}
.tah14 {
	font-family: Tahoma;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	border: none;
}
#tablebaru  {
	padding: 0;
	margin: 0;
	border:1px solid #6A849D;
}
.highlight { 
background-color: #5284B5; 
color: #FFFFFF;
font-size:11px;
}
.normal { 
}
#tablebaru  *.td0 {
	border-right: 1px solid #6A849D;
	border-bottom: 1px solid #6A849D;
	background-color:#6A849D;
	padding: 4px 4px 4px 4px;
	color: #FFFFFF;
}
#tablebaru  *.td1 {
	border-right: 1px solid #6A849D;
	border-bottom: 1px solid #6A849D;
	background: #F0F0F0;
	padding: 4px 4px 4px 4px;
	color: #000000;
	font-size:11px;
}
#tablebaru  *.td2 {
	border-right: 1px solid #6A849D;
	border-bottom: 1px solid #6A849D;
	background: #BDC5CC;
	padding: 4px 4px 4px 4px;
	color: #000000;
	font-size:11px;
}
.tah11p {
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.tah11 {
	font-family: Tahoma;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
.tah12 {
	font-family: Tahoma;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
#button2   {
	border: 1pt solid #6A849D;
	font: normal 12px tahoma;
	color: #FFFFFF;
	background-color:#6A849D;
	margin:0px 0px 5px 0px;
	padding:2px 6px 2px 6px;
	
}
#button2:hover  {
	border: 1pt solid  #245F98;
	font: normal 12px tahoma;
	color: #FFFFFF;
	background-color:#245F98;
	margin:0px 0px 5px 0px;
	cursor:pointer;
}
.commentkirim{
	border: 1pt solid #6A849D;
	font: normal 12px tahoma;
	color: #FFFFFF;
	background-color:#6A849D;
	margin:0px 0px 5px 0px;
	padding:2px 6px 2px 6px;
}
.commentkirim:hover  {
	border: 1pt solid  #245F98;
	font: normal 12px tahoma;
	color: #FFFFFF;
	background-color:#245F98;
	margin:0px 0px 5px 0px;
	cursor:pointer;
}
.status_button {
	border: 1pt solid #6A849D;
	font: normal 12px tahoma;
	color: #FFFFFF;
	background-color:#6A849D;
	margin:0px 0px 5px 0px;
	padding:2px 6px 2px 6px;
}
.status_button:hover  {
	border: 1pt solid #245F98;
	font: normal 12px tahoma;
	color: #FFFFFF;
	background-color:#245F98;
	margin:0px 0px 5px 0px;
	cursor:pointer;
}
-->
.calCanvas {border-style:outset;border-width:2px;position:absolute;width:180px;visibility:hidden;z-index:-1;display:block}
.year {font-family: Verdana;font-size: 9pt;font-weight: bold;color: #FFFFFF;background-color: #000099;border: 1px inset;}
.month {font-family: Verdana;font-size: 8pt;color: #000099;background-color: #FFFFFF;border: 1px inset;}
.calbg {font-family: Verdana;background-color: #cccccc;}
.dayNames {font-family: Verdana;font-size: 8pt;color: #FFFFFF;background-color: #000099;height:16px;}
.day {font-family: Verdana;font-size: 8pt;color: #000000;background-color: #FFFFFF;border: 1px outset;height:16px;}
.today {font-family: Verdana;font-size: 8pt;color: #000000;height:16px;}
.cday {font-family: Verdana;font-size: 8pt;font-weight: bold;color: #000000;background-color: #FFFF99;border: 1px outset;height:16px;}
.linkbold {font-weight:bold;text-decoration:none;}
.linknormal {text-decoration:none;}
.nwday {font-family: Verdana;font-size: 8pt;color: #000000;background-color: #B9B9BB;border: 1px outset;height:16px;}
.nwDayNames {font-family: Verdana;font-size: 8pt;color: #FFFFFF;background-color: #B9B9BB;height:16px;}

#judul {
	float:none;
	position:relative;
	top:1px;
	margin-bottom:10px;
	font-weight:bold;
	font-size:12px;
	padding:5px 10px;
	background-color:#6A849D;
	width:97.8%;
	color:#FFFFFF;
}
#judul2 {
	float:none;
	font-weight:bold;
	font-size:12px;
	margin-left: 5px;
	margin-right:5px;
	margin-bottom:2px;
	padding:5px 10px;
	background-color:#d8dfea;/*#6A849D;*/
	color:#000;
}
#judul3 {
	float:none;
	font-weight:bold;
	font-size:12px;
	margin-bottom:2px;
	padding:5px 10px;
	background-color:#d8dfea;/*#6A849D;*/
	color:#000;
}
#judulgroup {
	float:none;
	font-weight:bold;
	font-size:12px;
	margin:5px 5px 2px 5px;
	padding:5px 10px;
	background-color:#d8dfea;/*#6A849D;*/
	color:#FFFFFF;
	width:170px;
}

#depan-kiri {
	float:left;
	width:200px;
	padding:5px;
	margin:5px;
	
}
#depan-tengah {
float:left;
width:490px;
}
#depan-tengahkanan {
float:left;
width:650px;
}
#depan-tengahkiri {
float:left;
width:645px;
margin:5px;
padding:5px;
margin-left:10px;
}
#depan-kanan {
float:left;
width:160px;
padding:5px;
margin:5px;
}
#box-profil {
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
	padding:5px;
	background-color:#F2F2F2;

}
.box-group {
	margin-left:5px;
	margin-bottom:5px;
	padding:5px;
	width:180px;
	background-color:#F2F2F2;
}
.box-group ul {
	list-style-type:none;
	padding:0;
	margin:0px;
	width:auto;
}
.box-group li {
	border-bottom:1px dashed #999999;
	padding-top:2px;
	padding-bottom:2px;
}
#box-profil-img {
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
	background-color:#F2F2F2;

}
#nama {
	float:none;
	font-weight:bold;
	font-size:18px;
	margin-top:10px;
	color:#6A849D;
}
#box-status {
border: 1px solid #6A849D;
padding:5px;
margin-top:10px;
margin-bottom:10px;
background-color: #f2f2f2;
}
#shoutbox {
border: 1px solid #6A849D;
padding:2px;
margin-bottom:10px;
}
.comment_box
{
background-color:#D6E3ED; border-bottom:#ffffff solid 1px; padding-top:3px
}

ul.timeline {
	list-style-type: none;
	width:auto;
}
ul.timeline li{
	position:relative;
	border-bottom:#dedede dashed 1px;
	padding:0px 0px 0px 2px;
	margin-left:-40px;
	min-height:60px;
	margin-bottom:5px;
}

.comment_button
	{
	font-weight:bold; font-size:11px;color:#6A849D;padding:3px;
	}
.comment2
	{
	font-weight:bold; font-size:11px;color:#6A849D;padding:3px;
	}
.comment_submit   {
	border: 1pt solid #6A849D;
	font: normal 12px tahoma;
	color: #FFFFFF;
	background-color:#6A849D;
	margin:0px 0px 5px 0px;
	padding:2px 6px 2px 6px;
	float:right;
}
.comment_submit:hover  {
	border: 1pt solid #245F98;
	font: normal 12px tahoma;
	color: #FFFFFF;
	background-color:#245F98;
	margin:0px 0px 5px 0px;
	float:right;
	cursor:pointer;
}
.komen
	{
	margin-left:10px; margin-right:0px; margin-bottom:5px; background-color:#edeff4; padding:6px; width:410px;
	display:none;
	}
.komen2
	{
	margin-left:10px; margin-right:0px; margin-bottom:5px; background-color:#edeff4; padding:6px; width:410px;
	}
#komen3 {
	border-bottom:#FFFFFF solid 2px;
	min-height:50px;
}
/* for Internet Explorer */
/*\*/
* html #komen3 {
height: 50px;
}
/**/

.panel
	{
	margin-left:10px; margin-right:0px; margin-bottom:5px; background-color:#D6E3ED; height:70px; padding:6px; width:410px;
	display:none;
	}
.load_comment
	{
	margin-left:10px; margin-right:0px; margin-bottom:5px; background-color:#BED9EC;padding:6px; width:410px;
	}
.flash_load
	{
	margin-left:10px; margin-right:0px; margin-bottom:5px;height:40px; padding:6px; width:410px; 
	display:none;	}
.tooltip{
	position:absolute;
	width:250px;
	background-image:url(tip-bg.png);
	background-position:left center;
	color:#FFF;
	padding:5px 5px 5px 18px;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
}
#pag a {
    font-family:Tahoma;
    font-size:11px;
    display:block;
    cursor:pointer;
    color:#6A849D;
    text-decoration:none;
    display:inline-block;
    border:1px solid #6A849D;
    padding:.2em .5em;
    margin:0 .38em 5px 0;
    text-align:center;
}
#pag a:hover {
	background: #6A849D;
	color:#FFFFFF;
    border:1px solid #245F98;
}
#pag a.sel {
    color:#FFFFFF;
    font-weight:normal;
    background:#6A849D;
    cursor: default;
    border:1px solid #6A849D;
}
#sthapus {
	float:right;
	position:relative;
	padding-right:10px;
	font-size:12px;
	font-weight:bold;
}
#blok-editprofil {
	background-color:#6A849D;
	width:100%;
	color:#FFFFFF;
	padding:3px 0px 3px 10px;
	font-weight:bold;
}
input.error, select.error { border: 1px solid red; }
label.error {
	color:red;
	margin-left: 1px;
	display: block;
}
/* remove the bullets, padding and margins from the lists */
.foto ul{
	list-style-type:none;
	padding:0px;
	margin-left:20px;
	list-style-image: url(../../images/foto.png);
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.foto li{
float:none;
border-bottom:#6A849D dashed thin;
}
#fotodetail {
border: 1px solid #6A849D;
padding:5px;
margin:8px;
width:580px;
text-align:center;
}
#tambahalbum {
	margin-top:5px; background-color:#D6E3ED; padding:10px; display:none;width=300px;
}
#editlink {
	background: url("../../images/edit.png");
	padding:1px;
}
#editlink:hover {
	border: 1pt solid #245F98;
	background: url("../../images/edit1.png");
}
#hapuslink {
	background: url("../../images/hapus.png");
	padding:1px;
}
#hapuslink:hover {
	border: 1pt solid #245F98;
	background: url("../../images/hapus1.png");
}
#imgprofil {
	background: url("../../images/imgprofil.png");
	padding:1px;
}
#imgprofil:hover {
	border: 1pt solid #245F98;
	background: url("../../images/imgprofil1.png");
}
#carimember {
	border: 1pt solid #6A849D;
	float:left;
	margin-bottom:5px;
	padding:3px;
	width:481px;
}
#anggota {
	border: 1pt solid #6A849D;
	float:left;
	margin-bottom:5px;
	padding:3px;
	width:635px;
}
#anggotanovalid {
	border: 1pt solid #FF0000;
	float:left;
	margin-bottom:5px;
	padding:3px;
	width:635px;
}
#tombol-kanan {
	float:right;
	margin:3px;
	
}
#box-game {
float:left;border:1px solid #6A849D;width:538px;
margin-right:10px;padding:3px;
}

#box-gametop {
float:left;border:1px solid #6A849D;width:80px;margin-left:5px;font-size:10px;
}
#box-gametop h3 {
background-color: #6A849D;font-size:11px;margin-top:0px;height:17px;padding-top:3px;
color:#FFFFFF;
}
#listmateri ul {
	margin-left:0px; 
}
#listmateri li {
	margin-left:-20px;
	font-size:11px;
}

#container
{
	width: auto;
}
#header
{
	background-color:#3B5998;
}
#header_wrapper
{
	padding:10px 0px;
	height:40px;
	text-align:center;
	width:auto;
	margin:0px 10px;
}
#search
{
	margin-top:3px;
	float:left;
}
#logo
{
	font-size:20px;
	font-weight:bold;
	color:#fff;
	float:left;
	width:200px;
	height:27px;
	padding-top:20px;
	margin-left:10px;
	
	/*background:transparent url("../../images/layout/logo.png") no-repeat left 7px;*/
}
#top_bar
{
	background-color:#627AAD;
	border-top:#1D4088 solid 1px;
	border-right:#1D4088 solid 1px;
	border-left:#1D4088 solid 1px;
	width:900px;
	float:right;
	/*padding:3px 5px;*/
    padding-left: 5px;
	height:30px;
	margin-top:18px;
}
#upper
{
	background-color:#EDEFF4;
	border-bottom:#D8DFEA solid 1px;
}

#footer
{
	clear:both;
	width:1000px;
	margin:20px auto;
	text-align:left;
	border-top:#CCCCCC 1px solid;
	padding:5px 5px 50px;
	color:#777777;
}
.left_footer
{
	float:left;
}
.right_footer
{
	float:right;
}

#content
{
	width:auto;
	margin:auto;
}

/* BUTTON */
.button,.button:hover,.button:focus
{
	background-image:url('../../images/layout/buttons.png') ;
	background-repeat: no-repeat;
	display: inline-block;
	height: 105px;
	width: 249px;
	vertical-align:middle;
	width:auto;
	height:auto;
	text-align:center;
}
.mediumbtn
{
	padding:4px 6px;
	font-size:13px;
}
.smallbtn
{
	padding:2px 6px;
	font-size:11px;
}
.buttonblue {
	-moz-box-shadow:0 1px 0 #E5E5E5;
	background-position:0 -48px;
	border-color:#29447E #29447E #1A356E;
	border-style:solid;
	border-width:1px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}
.buttonblue:active
{
	background:#5B74A8 none;
}
.buttonwhite {
	-moz-box-shadow:0 1px 0 #E5E5E5;
	background-position:0 0px;
	border-color:#999999 #999999 #888888;
	border-style:solid;
	border-width:1px;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	background-color:#EEEEEE;
}
.buttonwhite:active
{
	background:#EEEEEE none;
}

.buttonhover
{
	background-image:url('../../images/layout/buttons.png') ;
	background-repeat: no-repeat;
	background-position:0 192px;
	border:1px solid #FFF;
	padding:2px 6px;
	display: inline-block;
	height: 105px;
	width: 249px;
	vertical-align:middle;
	width:auto;
	height:auto;
	text-align:center;
}
.buttonhover:hover
{
	-moz-box-shadow:0 1px 0 #E5E5E5;
	background-position:0 0px;
	border-color:#999999 #999999 #888888;
	border-style:solid;
	border-width:1px;
	color:#333333;
	text-decoration:none;
	background-color:#EEEEEE;
}
.disabled:hover
{
	cursor:default;
}
#search input
{
	background:#fff url('search.png') no-repeat 260px 4px;
	width:270px;
	border:#3B5998 solid 1px;
}
input, textarea, select
{
	font-family: "lucida grande", Tahoma, verdana, arial, sans-serif;
	border:1px solid #BDC7D8;
	font-size:11px;
	padding:3px;
}

/*mulai na */


a:focus
{
	outline:none;
}
img
{
	border:none;
}
#container
{
	
}

#special_menu
{
	width:100px;
	float:left;
	padding-top:10px;
}
#upper
{
	background-color:#EDEFF4;
	border-bottom:#D8DFEA solid 1px;
}
#upper_wrapper
{
	height:100px;
	margin:0;
	width:1000px;
	clear:both;
	margin:0 auto;
}
#content
{
	width:1000px;
	margin:-90px auto 0px;
}
#center
{
	width:500px;
	float:left;
	padding:0px 10px 10px;
	margin-top:100px;
}
#left
{
	float:left;
	width:200px;
	padding:10px;
}
#left #foto img
{
	width:100%;
	height:auto;
}
#foto
{
	margin-bottom:10px;
}
#right
{
	border-left:#E5E5E5 4px solid;	
	padding:0px 0px 0px 10px;
}
#right_wrapper
{
	margin-top:100px;
	margin-left:20px;
	margin-bottom:20px;
	float:left;
	width:200px;
	border-left:#CCCCCC 1px solid;
}
#footer
{
	clear:both;
	width:1000px;
	margin:20px auto;
	text-align:left;
	border-top:#CCCCCC 1px solid;
	padding:5px 5px 50px;
	color:#777777;
}
.left_footer
{
	float:left;
}
.right_footer
{
	float:right;
}


/*buat menu baru */
    #mbtnavbar {
        float: right;
        /*background: #3B5998;*/
        width: auto;
        color: #FFF;
        padding-top: 0px;
        position: relative;
        height:50px;
        margin-right: 30px;
    }
    #mbtnav {
        margin: 0;
        padding: 0;
    }
    #mbtnav ul {
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
        width: 10px;
    }
    #mbtnav li {
        list-style: none;
        margin: 0;
        padding: 0;
          
    }
    #mbtnav li a, #mbtnav li a:link, #mbtnav li a:visited {
        color: #FFF;
        display: block;
       font:bold 12px Helvetica, sans-serif;
       margin: 0;
        padding: 9px 12px 6px 12px;
            text-decoration: none;
            border-right:0px solid #627AAD;

    }
    #mbtnav li a:hover, #mbtnav li a:active {
        /*background: #3B5998;/*#627AAD;*/
        color: #3B5998;
        display: block;
        text-decoration: none;
    }

    #mbtnav li {
        float: left;
        padding: 0;
    }
    #mbtnav li ul {
        z-index: 9999;
        position: absolute;
        left: -999em;
        height: auto;
        width: 160px;
        margin: 0;
        padding: 0;
    }
    #mbtnav li ul a {
        width: 140px;
    }
    #mbtnav li ul ul {
        margin: -25px 0 0 161px;
    }

    #mbtnav li:hover ul ul, #mbtnav li:hover ul ul ul, #mbtnav li.sfhover ul ul, #mbtnav li.sfhover ul ul ul {
        left: -999em;
    }
    #mbtnav li:hover ul, #mbtnav li li:hover ul, #mbtnav li li li:hover ul, #mbtnav li.sfhover ul, #mbtnav li li.sfhover ul, #mbtnav li li li.sfhover ul {
        left: auto;
    }
    #mbtnav li:hover, #mbtnav li.sfhover {
        position: static;
    }
    #mbtnav li li a, #mbtnav li li a:link, #mbtnav li li a:visited {
        background: #627AAD;/*#EDEFF4;*/
        width: 120px;
        color: #EDEFF4;/*#3B5998;*/
        display: block;
        font:normal 12px Helvetica, sans-serif;
        margin: 1px 0 0 0;
        padding: 9px 12px 10px 12px;
            text-decoration: none;
    z-index:9999;
    border:1px solid #ddd;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;

      
    }
    #mbtnav li li a:hover, #mbtnav li li a:active {
        background: #EDEFF4;/*#627AAD;*/
        color: #3B5998;/*#FFF;*/
        display: block;
        border: 1px solid #627AAD;
      
    }


    #mbtnav li li li a, #mbtnav li li li a:link, #mbtnav li li li a:visited {

        background: #EDEFF4;
        width: 120px;
        color: #3B5998;
        display: block;
        font:normal 12px Helvetica, sans-serif;
        padding: 9px 12px 10px 12px;
            text-decoration: none;
    z-index:9999;
    border:1px solid #ddd;
        margin: 1px 0 0  -14px;
      
      
    }
    #mbtnav li li li a:hover, #mbtnav li li li a:active {
        background: #627AAD;
        color: #FFF;
        display: block;
    }