@import url(http://fonts.googleapis.com/css?family=Gudea);
body{
background:#00CCFF url(../images/bgbawah.png) bottom repeat-x;
padding:0;
margin:auto;
}
a{
text-decoration:none;
color:#333333;
	-webkit-transition: all .5s ease-out; transition: all .5s ease-out; -moz-transition: all .5s ease-out;
}
a href{
text-decoration:none;
color:#333333;
}
a:hover{
text-decoration:none;
color:#0099CC;
}
.clear {clear:both;}

/* NAV ATAS */

#bar-box{
z-index:1;
width:100%;
height:50px;
background:#fff;
margin:auto;
margin-top:0px;
margin-bottom:50px;
padding:0;
font-family:Arial, Helvetica, sans-serif;
/*box-shadow*/
-webkit-box-shadow:#333 0 1px 4px;
   -moz-box-shadow:#333 0 1px 4px;
        box-shadow:#333 0 1px 4px;
position:fixed;
opacity:0.9;
}
#bar-box2{
z-index:1;
width:100%;
height:50px;
background:#FFFFFF;
margin:auto;
margin-top:0px;
margin-bottom:50px;
padding:0;
font-family:Arial, Helvetica, sans-serif;
/*box-shadow*/
-webkit-box-shadow:#333 0 1px 4px;
   -moz-box-shadow:#333 0 1px 4px;
        box-shadow:#333 0 1px 4px;
position:relative;
opacity:0.9;
}

.bar-title1 {width:240px; margin:auto; padding:0; 
	text-shadow: 0px 1px 1px #ffffff;
filter: dropshadow(color=#ffffff, offx=0, offy=1);
}
.bar-title {width:800px; margin:auto; padding:0; 
	text-shadow: 0px 1px 1px #ffffff;
filter: dropshadow(color=#ffffff, offx=0, offy=1);
}
	.bar-text {font-size:36px; float:left;
	text-shadow:#FF0000 0 3px 1px;
	filter: dropshadow(color=#ff0000, offx=0, offy=3);
	 color:#99CC00; margin-left:10px;}
	.bar-link {font-size:16px; float:left;
	text-shadow: 0px 2px 1px #fffffff; filter: dropshadow(color=#fffffff, offx=0, offy=2);
	color:#99CC00; margin-left:30px; margin-top:15px;}

#ribbon{
top:0px;
width:180px;
height:250px;
margin:0 auto 0;
position:relative;
overflow:hidden;
opacity:1.0;
float:left;
}
#ribbon .inset{
width:200px;
height:55px;
position:absolute;
top:-50px;
left:-10px;
z-index:5;
/*border-radius*/
-webkit-border-radius:50%;
   -moz-border-radius:50%;
        border-radius:50%;
background:rgba(0,0,0,0.3);
/*box-shadow*/
-webkit-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.3);
   -moz-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.3);
        box-shadow:0px 5px 10px 0px rgba(0,0,0,0.3);
}
#ribbon .container{
position:relative;
width:100px;
height:250px;
overflow:hidden;
margin:-150px auto;
border-left:1px solid #631a15;
border-right:1px solid #631a15;
cursor:help;
/*transition*/
-webkit-transition:all .5s ease-in;
  -moz-transition:all .5s ease-in;-ms-transition:all .5s ease-in;
     -o-transition:all .5s ease-in;
        transition:all .5s ease-in;
}
#ribbon:hover .container{
position:relative;
width:100px;
height:250px;
overflow:hidden;
margin:0 auto;
border-left:1px solid #631a15;
border-right:1px solid #631a15;
}
#ribbon .base{
height:200px;
width:100px;
background:rgb(199,59,60);
/*linear-gradient*/
background:-webkit-gradient(linear,left top,left bottom,color-stop(rgba(199,59,60,1),0),color-stop(rgba(184,32,31,1),1));
background:-webkit-linear-gradient(top,  rgba(199,59,60,1) 0%, rgba(184,32,31,1) 100%);
background:   -moz-linear-gradient(top,  rgba(199,59,60,1) 0%, rgba(184,32,31,1) 100%);
background:     -o-linear-gradient(top,  rgba(199,59,60,1) 0%, rgba(184,32,31,1) 100%);
background:        linear-gradient(top,  rgba(199,59,60,1) 0%, rgba(184,32,31,1) 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(199,59,60,1)), color-stop(100%,rgba(184,32,31,1)));
background:-webkit-linear-gradient(top,  rgba(199,59,60,1) 0%,rgba(184,32,31,1) 100%);
background:   -moz-linear-gradient(top,  rgba(199,59,60,1) 0%,rgba(184,32,31,1) 100%);
background:     -o-linear-gradient(top,  rgba(199,59,60,1) 0%,rgba(184,32,31,1) 100%);
background:        linear-gradient(top,  rgba(199,59,60,1) 0%,rgba(184,32,31,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c73b3c', endColorstr='#b8201f',GradientType=0 );
position:relative;
z-index:2;
}
#ribbon .base:after{
content:'--------------   keluarga besar infokom  ---------------';
color:#631a15;
text-align:center;
position:absolute;
top:0;
width:86px;
left:6px;
height:242px;
border-left:1px dashed #631a15;
border-right:1px dashed #631a15;
text-shadow:none;
}
#ribbon .base:before{
content:'--------------   keluarga besar infokom  ---------------';
color:#da5050;
text-align:center;
position:absolute;
top:0;
width:86px;
left:7px;
height:242px;
border-left:1px dashed #da5050;
border-right:1px dashed #da5050;
text-shadow:none;
}
#ribbon .left_corner{
width:100px;
height:100px;
background:#b8201f;
position:absolute;
bottom:20px;
left:-50px;
z-index:1;
/*transform*/
-webkit-transform:rotate(45deg);
   -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
     -o-transform:rotate(45deg);
        transform:rotate(45deg);
}
#ribbon .right_corner{
width:100px;
height:100px;
background:#b8201f;
position:absolute;
bottom:20px;
right:-50px;
z-index:1;
/*transform*/
-webkit-transform:rotate(45deg);
   -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
     -o-transform:rotate(45deg);
        transform:rotate(45deg);
}





#ribbontengah{
top:0px;
width:180px;
height:250px;
margin:0 auto 0;
position:relative;
overflow:hidden;
opacity:1.0;
}
#ribbontengah .inset{
width:200px;
height:55px;
position:absolute;
top:-50px;
left:-10px;
z-index:5;
/*border-radius*/
-webkit-border-radius:50%;
   -moz-border-radius:50%;
        border-radius:50%;
background:rgba(0,0,0,0.3);
/*box-shadow*/
-webkit-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.3);
   -moz-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.3);
        box-shadow:0px 5px 10px 0px rgba(0,0,0,0.3);
}
#ribbontengah .container{
position:relative;
width:100px;
height:250px;
overflow:hidden;
margin:-10px auto;
border-left:1px solid #631a15;
border-right:1px solid #631a15;
cursor:help;
/*transition*/
-webkit-transition:all .5s ease-in;
  -moz-transition:all .5s ease-in;-ms-transition:all .5s ease-in;
     -o-transition:all .5s ease-in;
        transition:all .5s ease-in;
}
#ribbontengah:hover .container{
position:relative;
width:100px;
height:250px;
overflow:hidden;
margin:0 auto;
border-left:1px solid #631a15;
border-right:1px solid #631a15;
}
#ribbontengah .base{
height:200px;
width:100px;
background:rgb(199,59,60);
/*linear-gradient*/
background:-webkit-gradient(linear,left top,left bottom,color-stop(rgba(199,59,60,1),0),color-stop(rgba(184,32,31,1),1));
background:-webkit-linear-gradient(top,  rgba(199,59,60,1) 0%, rgba(184,32,31,1) 100%);
background:   -moz-linear-gradient(top,  rgba(199,59,60,1) 0%, rgba(184,32,31,1) 100%);
background:     -o-linear-gradient(top,  rgba(199,59,60,1) 0%, rgba(184,32,31,1) 100%);
background:        linear-gradient(top,  rgba(199,59,60,1) 0%, rgba(184,32,31,1) 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(199,59,60,1)), color-stop(100%,rgba(184,32,31,1)));
background:-webkit-linear-gradient(top,  rgba(199,59,60,1) 0%,rgba(184,32,31,1) 100%);
background:   -moz-linear-gradient(top,  rgba(199,59,60,1) 0%,rgba(184,32,31,1) 100%);
background:     -o-linear-gradient(top,  rgba(199,59,60,1) 0%,rgba(184,32,31,1) 100%);
background:        linear-gradient(top,  rgba(199,59,60,1) 0%,rgba(184,32,31,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c73b3c', endColorstr='#b8201f',GradientType=0 );
position:relative;
z-index:2;
}
#ribbontengah .base:after{
content:'--------------   keluarga besar infokom  ---------------';
color:#631a15;
text-align:center;
position:absolute;
top:0;
width:86px;
left:6px;
height:242px;
border-left:1px dashed #631a15;
border-right:1px dashed #631a15;
text-shadow:none;
}
#ribbontengah .base:before{
content:'--------------   keluarga besar infokom  ---------------';
color:#da5050;
text-align:center;
position:absolute;
top:0;
width:86px;
left:7px;
height:242px;
border-left:1px dashed #da5050;
border-right:1px dashed #da5050;
text-shadow:none;
}
#ribbontengah .left_corner{
width:100px;
height:100px;
background:#b8201f;
position:absolute;
bottom:20px;
left:-50px;
z-index:1;
/*transform*/
-webkit-transform:rotate(45deg);
   -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
     -o-transform:rotate(45deg);
        transform:rotate(45deg);
}
#ribbontengah .right_corner{
width:100px;
height:100px;
background:#b8201f;
position:absolute;
bottom:20px;
right:-50px;
z-index:1;
/*transform*/
-webkit-transform:rotate(45deg);
   -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
     -o-transform:rotate(45deg);
        transform:rotate(45deg);
}

/* KONTEN UTAMA */
.content_utama {width:470px; margin:auto; margin-bottom: 50px; font-family:'Gudea', sans-serif, Helvetica, Arial, Verdana, Sans;}
/* KOTAK DETAIL PROFIL */
.detail_prof {
	width:280px;
	background:#fff;
	float:right;
	margin:10px 0 0 0;
	border:#999999 dashed 2px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 5px;
	color:#666666;text-shadow:1px 1px 1px #ffffff;
}
.detail_prof a {color:#666666;}
.detail_prof:hover a {color:#333333;}
.detail_prof a b{color:#333333;}
.detail_prof a b:hover{
	color:#000000;
}
/* FOTO PROFIL */
.photoprofile{
width:130px;
height:130px;
margin:auto;
border:#CC0000 2px dashed;
background:#FFFFFF;
cursor:crosshair;
/*border-radius*/
-webkit-border-radius:10px;
   -moz-border-radius:10px;
        border-radius:10px;
padding:5px;
color:#999999;
float:left;

/*box-shadow*/
-webkit-box-shadow:#333 0 0 1px;
   -moz-box-shadow:#333 0 0 1px;
        box-shadow:#333 0 0 1px;
}


.toparrow{
content:'';
color:#FFFFFF;
width:350px;
height:0;
border:16px solid transparent;
border-bottom-color:#666666;
margin:auto;
}
.toparrow::before{
content:'---KABARIN YANG KAMU KETAHUI HARI INI---';
text-align:center;
color:#FFFFFF;
position:relative;
width:360px;
top:-2px;
height:0;
margin:auto;
}

.box_update {width:380px; height:150px; background:#FFFFFF; 
	border-bottom-left-radius: 10px;
	-moz-bottom-left-border-radius: 10px;
	-webkit-bottom-left-border-radius: 10px;
	-ms-bottom-left-border-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-bottom-right-border-radius: 10px;
	-webkit-bottom-right-border-radius: 10px;
	-ms-bottom-right-border-radius: 10px; margin:auto;}
	
.content_tiang {width:20px; 
				min-height:10px; 
				border-radius: 10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				-ms-border-radius: 10px;
				background: #cedce7; /* Old browsers */
background: -moz-linear-gradient(left,  #cedce7 0%, #898989 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#cedce7), color-stop(100%,#898989)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #cedce7 0%,#898989 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #cedce7 0%,#898989 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #cedce7 0%,#898989 100%); /* IE10+ */
background: linear-gradient(left,  #cedce7 0%,#898989 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#898989',GradientType=1 ); /* IE6-9 */
cursor: crosshair;

}
				
/* KOTAK DATA STATUS */
.kdserror{
float:left;
margin-left:35px;
padding:7px;
width:400px;
background:#FFFFFF;
/*border-radius*/
-webkit-border-radius:10px;
   -moz-border-radius:10px;
        border-radius:10px;
margin-top:30px;
color:#FF0000;
font-size:14px;
border:#FF0000 1px solid;
-webkit-box-shadow:0 0 2px #FF2200;
   -moz-box-shadow:0 0 2px #FF2200;
        box-shadow:0 0 2px #FF2200;
}

.kds{
float:left;
margin-left:35px;
padding:7px;
width:400px;
background:#FFFFFF;
/*border-radius*/
-webkit-border-radius:10px;
   -moz-border-radius:10px;
        border-radius:10px;
margin-top:30px;
color:#666666;
font-size:14px;
/*transition*/
-webkit-transition:all .2s ease-in;
   -moz-transition:all .2s ease-in;
     -o-transition:all .2s ease-in;
        transition:all .2s ease-in;text-shadow:1px 1px 1px #ffffff;
}
.kds:hover{
float:left;
width:400px;
background:#FFFFFF;
/*border-radius*/
-webkit-border-radius:10px;
   -moz-border-radius:10px;
        border-radius:10px;
/*box-shadow*/
-webkit-box-shadow:0 0 5px #FF9900;
   -moz-box-shadow:0 0 5px #FF9900;
        box-shadow:0 0 5px #FF9900;
color:#333333;
}
.kds::before{
content:'';
position:relative;
top:35px;
left:-35px;
width:0;
height:0;
float:left;
border:15px solid transparent;
border-right-color:#FFFFFF;
}
.kds a:hover{color:#000000; border-bottom:dashed 1px #999999;}
.kds a b{color:#666666;}
.kds:hover a b{color:#333333;}
.kds a:hover b{color:#000000; border-bottom:dashed 1px #999999;}

.status_aut {color:#333;}


.isipost a {color:#666;}
.isipost code {font-family:courier, monospace;background:#E5FFE8;padding:5px}
.isipost pre {font-family:courier, monospace;
	width:400px;
 white-space: pre-wrap;
 white-space: -moz-pre-wrap;
 white-space: -o-pre-wrap;
 display:block;
	-webkit-transition: all .5s ease-out; transition: all .5s ease-out; -moz-transition: all .5s ease-out
}
.isipost pre:hover {
	width:580px;
	margin-left:-100px;
 white-space: pre-wrap;
 white-space: -moz-pre-wrap;
 white-space: -o-pre-wrap;
 background:#fff;
 display:block;
/*border-radius*/
-webkit-border-radius:10px;
   -moz-border-radius:10px;
        border-radius:10px;
/*box-shadow*/
-webkit-box-shadow:0 0 2px #FF9900;
   -moz-box-shadow:0 0 2px #FF9900;
        box-shadow:0 0 2px #FF9900;
        padding:10px;background:#E5FFE8;
}

.isipost img{ border:#eee 1px solid; background:#eee; padding:2px; margin:5px;
}
.isipost .left{float:left; margin:5px;
}
.isipost .right{float:right; margin:5px;
}

.editor {
	width:500px;
	margin-left:-60px;
 background:#fff;
 display:block;
/*border-radius*/
-webkit-border-radius:10px;
   -moz-border-radius:10px;
        border-radius:10px;
/*box-shadow*/
-webkit-box-shadow:0 0 2px #FF99FF;
   -moz-box-shadow:0 0 2px #FF99FF;
        box-shadow:0 0 2px #FF99FF;
        padding:5px;
}

.postform{
min-width:335px; min-height:20px; max-width:335px; max-height:20px; margin-top:10px; margin-left:10px; border:#FFF 1px solid; background:#FFFFFF; float:left; 
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px; padding:5px; color:#999999;
-webkit-transition:all .5s ease-in;
  -moz-transition:all .5s ease-in;-ms-transition:all .5s ease-in;
     -o-transition:all .5s ease-in;
        transition:all .5s ease-in;
        -webkit-box-shadow: inset 0px 0px 2px 0px #333333;
box-shadow: inset 0px 0px 2px 0px #333333;
}
.postform:focus{color:#222;}

.postbtn{
min-width:100px; min-height:60px; max-width:100px; max-height:60px; margin-top:10px; margin-left:10px; border:#FFF 1px solid; background:#eee; float:left; 
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px; padding:5px; color:#999999;
-webkit-transition:all .5s ease-in;
  -moz-transition:all .5s ease-in;-ms-transition:all .5s ease-in;
     -o-transition:all .5s ease-in;
        transition:all .5s ease-in;
        -webkit-box-shadow: inset 0px 0px 2px 0px #333333;
box-shadow: inset 0px 0px 2px 0px #333333;
}
.postbtn:hover{
min-width:100px; min-height:60px; max-width:100px; max-height:60px; margin-top:10px; margin-left:10px; border:#FFF 1px solid; background:#eee; float:left; 
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px; padding:5px; color:#999999;
        -webkit-box-shadow: 0px 0px 2px 0px #333333;
box-shadow: 0px 0px 2px 0px #333333;
}



.status_kom {background:#FFFFFF; color:#333333;
	-webkit-transition: all .5s ease-out; transition: all .5s ease-out; -moz-transition: all .5s ease-out}
.status_kom:hover {background:#FFFFCC; color:#333333;}
.read{
float:right;
margin-top:5px;
font-variant:small-caps;
text-align:center;
border-top:#CCCCCC dotted 1px;
width:auto;
opacity:0.5;
height:15px;
/*transition*/
-webkit-transition:all .4s ease-in;
   -moz-transition:all .4s ease-in;
     -o-transition:all .4s ease-in;
        transition:all .4s ease-in;
}
.kds:hover .read {
opacity:1.0;}

.form_komen{
display:none;
	-webkit-transition: all .5s ease-out; transition: all .5s ease-out; -moz-transition: all .5s ease-out
}
.kds:hover .form_komen{
display:block;
}
.komenisi{
min-width:265px;
min-height:120px;
max-width:265px;
max-height:120px;
margin-top:10px;
margin-left:10px;
border:#FFF 1px dashed;
background:#FFFFFF;
float:left;
/*border-radius*/
-webkit-border-radius:10px;
   -moz-border-radius:10px;
        border-radius:10px;
padding:5px;
color:#999999;
/*transition*/
-webkit-transition:all .5s ease-in;
   -moz-transition:all .5s ease-in;-ms-transition:all .5s ease-in;
     -o-transition:all .5s ease-in;
        transition:all .5s ease-in;-webkit-box-shadow: inset 0px -2px 2px 0px #333333;
box-shadow: inset 0px -2px 2px 0px #333333;
}
.komenisi:focus{
color:#333;
box-shadow: inset 0px -2px 2px 0px #ff8855;
}


.loginform{
min-width:335px; min-height:20px; max-width:335px; max-height:20px; margin-top:10px; margin-left:10px; border:#FFF 1px solid; background:#FFFFFF; float:left; 
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px; padding:5px; color:#999999;
-webkit-transition:all .5s ease-in;
  -moz-transition:all .5s ease-in;-ms-transition:all .5s ease-in;
     -o-transition:all .5s ease-in;
        transition:all .5s ease-in;-webkit-box-shadow: inset 0px -2px 2px 0px #333333;
box-shadow: inset 0px 0px 5px 0px #333333;
}

.loginform:focus{
color:#333;
box-shadow: inset 0px -2px 2px 0px #ff8855;
border:1px #f77 solid;
}

.loginformbtn{
min-width:345px; min-height:50px; max-width:345px; max-height:50px; margin-top:10px; margin-left:10px; border:#FFF 1px solid; background:#fff; 
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px; padding:5px; color:#666;
-webkit-transition:all .5s ease-in;
  -moz-transition:all .5s ease-in;-ms-transition:all .5s ease-in;
     -o-transition:all .5s ease-in;
        transition:all .5s ease-in;-webkit-box-shadow: inset 0px -2px 2px 0px #333333;
box-shadow: 0px 0px 2px 0px #555555;
}

.loginformbtn:focus{
color:#333;
box-shadow: inset 0px -2px 2px 0px #ff8855;
border:1px #f77 solid;
}

.komenisiupdate{
min-width:240px; min-height:120px; max-width:240px; max-height:120px; margin-top:10px; margin-left:10px; border:#FFF 1px solid; background:#FFFFFF; float:left; 
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px; padding:5px; color:#999999;
-webkit-transition:all .5s ease-in;
  -moz-transition:all .5s ease-in;-ms-transition:all .5s ease-in;
     -o-transition:all .5s ease-in;
        transition:all .5s ease-in;-webkit-box-shadow: inset 0px -2px 2px 0px #333333;
box-shadow: inset 0px -2px 2px 0px #333333;
}

.komenisiupdate:focus{
color:#333;
box-shadow: inset 0px -2px 2px 0px #ff8855;
}
.komengbrkode{
width:80px;
height:30px;
margin-top:10px;
margin-left:10px;
border:#CCCC99 1px dashed;
background:#FFFFFF;
float:left;
/*border-radius*/
-webkit-border-radius:10px;
   -moz-border-radius:10px;
        border-radius:10px;
padding:5px;
color:#999999;
}
.komenkode{
width:80px;
height:20px;
margin-top:10px;
margin-left:10px;
border:#FFF 1px solid;
background:#FFFFFF;
float:left;
/*border-radius*/
-webkit-border-radius:10px;
   -moz-border-radius:10px;
        border-radius:10px;
padding:5px;
color:#999999;
/*transition*/
-webkit-transition:all .5s ease-in;
   -moz-transition:all .5s ease-in;
     -ms-transition:all .5s ease-in;
     -o-transition:all .5s ease-in;
        transition:all .5s ease-in;-webkit-box-shadow: inset 0px -2px 2px 0px #333333;
box-shadow: inset 0px -2px 2px 0px #333333;
}
.komenkode:focus{
background:#00CCFF;
color:#FFFFFF;
border:#FFFFFF 1px dashed;
}
.komensubmit{
width:90px;
height:40px;
margin-top:10px;
margin-left:10px;
border:#999999 1px dashed;
background:#99CC00;
float:left;
/*border-radius*/
-webkit-border-radius:5px;
   -moz-border-radius:5px;
        border-radius:5px;
padding:5px;
color:#666666;
font-size:16px;
text-shadow:#FFFFFF 1px 0 1px;
/*box-shadow*/
-webkit-box-shadow:#666 0 5px 1px;
   -moz-box-shadow:#666 0 5px 1px;
        box-shadow:#666 0 5px 1px;
}
.komensubmit:focus{
/*box-shadow*/
-webkit-box-shadow:#333 0 0 1px;
   -moz-box-shadow:#333 0 0 1px;
        box-shadow:#333 0 0 1px;
}
.komensubmitupdate{
		width:90px; 
		height:40px; 
		margin-top:10px; 
		margin-left:10px; 
		border:#999999 1px dashed; 
		background:#99CC00; 
		float:left; 
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px; 
	padding:5px; 
	color:#666666; 
	font-size: 16px; 
	text-shadow:#FFFFFF 1px 0 1px;
   -webkit-box-shadow:inset #fff 0 0 15px;
   -moz-box-shadow:inset #fff 0 0 15px;
        box-shadow:inset #fff 0 0 15px;}
.komensubmitupdate:focus{width:90px; 
				   height:40px; 
				   margin-top:10px; 
				   margin-left:10px; 
				   border:#999999 1px dashed; 
				   background:#99CC00; 
				   float:left; 
				   border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px; 
				padding:5px; 
				color:#000000; 
				font-size: 16px; 
				text-shadow:#FFFFFF 1px 0 1px;
	
/*box-shadow*/
   -webkit-box-shadow:inset #333 0 0 15px;
   -moz-box-shadow:inset #333 0 0 15px;
        box-shadow:inset #333 0 0 15px;}
	
.imgs{
width:90px;
height:100px;
margin:-20px 15px 5px 10px;
background:#FFFFFF;
cursor:n-resize;
float:left;
/*border-radius*/
-webkit-border-radius:10px;
   -moz-border-radius:10px;
        border-radius:10px;
padding:5px;
color:#999999;
}
.imgs::before{
content:'';
position:relative;
top:35px;
left:-35px;
width:0;
height:0;
float:left;
border:15px solid transparent;
border-right-color:#FFFFFF;
}
.avatar_komen{
width:30px;
height:30px;
margin:10px 15px 5px -15px;
border:#CCCC99 1px dashed;
background:#FFFFFF;
cursor:crosshair;
float:left;
/*border-radius*/
-webkit-border-radius:10px;
   -moz-border-radius:10px;
        border-radius:10px;
padding:5px;
color:#999999;
}
.avatar_status{
width:50px;
height:50px;
margin:-20px 15px 5px -15px;
border:#CCCC99 1px dashed;
background:#FFFFFF;
cursor:crosshair;
float:left;
/*border-radius*/
-webkit-border-radius:10px;
   -moz-border-radius:10px;
        border-radius:10px;
padding:5px;
color:#999999;
}

.leftarrow{
width:0;
height:0;
border:16px solid transparent;
border-bottom-color:#FFFFFF;
margin:auto;
}

.hr{
width:100%;
border-bottom:#CCCCCC dashed 1px;
margin:5px 0 5px 0;
clear:both;
}
.hrbot{
width:100%;
border-bottom:#CCCCCC dashed 1px;
font-size:14px;
list-style:none;
}

.bag_bawah {width:350px; 
			margin-left:60px;}
.left_bawah {
	width:145px;
	float:left;
	height:120px;
	margin-top:10px;
	margin-left:12px;
	border:#CCCC99 1px dashed;
	background:#FFFFFF;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	padding:5px;
	color:#999999;
}
.right_bawah {width:145px; float:left; height:120px; margin-top:10px; margin-left:10px; border:#CCCC99 1px dashed; background:#FFFFFF; 
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px; padding:5px; color:#999999;}

.area_bawah{
width:350px;
padding-top:10px;
padding-bottom:10px;
background:#FFFFFF;
float:left;
/*border-radius*/
-webkit-border-radius:10px;
   -moz-border-radius:10px;
        border-radius:10px;
}
.area_bawah li a {color:#999999}
.area_bawah li:hover a {color:#00CCFF; margin-left:2px;}

/* ROKET */
.box{
height:10px;
width:5px;
margin:auto;
clear:both;
color:#999999;
border:1px #CCCCCC solid;
margin-bottom:5px;
/*border-radius*/
-webkit-border-radius:100%;
   -moz-border-radius:100%;
        border-radius:100%;
padding:5px 10px 10px 5px;
}
.boxbot{
height:50px;
width:120px;
margin:auto;
margin-top:-10px;
background:#f88;
border:#999999 dotted 1px;
border-top-left-radius:100px;
border-top-right-radius:100px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
clear:both;
z-index:2;
}
.boxbot1{
height:170px;
width:40px;
margin:auto;
margin-top:20px;
background:#FFFFFF url(../images/bg_02.png) repeat-y;
border:#999999 dotted 1px;
/*border-radius*/
-webkit-border-radius:100%;
   -moz-border-radius:100%;
        border-radius:100%;
border-bottom-right-radius:100%;
clear:both;
padding-top:80px;
z-index:8888;
padding-bottom:35px;
}
.boxbot2{
height:80px;
width:15px;
margin:auto;
margin-top:-115px;
background:#f99;
border:#999999 dotted 1px;
border-bottom-left-radius:50%;
border-bottom-right-radius:50%;
border-top-left-radius:40%;
border-top-right-radius:40%;
clear:both;
}
.boxbotmask{
height:100px;
width:120px;
margin:auto;
margin-top:-45px;
background:#00CCFF url(../images/api.gif) no-repeat center top;
border-top:#999999 dotted 1px;
border-top-left-radius:100px;
border-top-right-radius:100px;
clear:both;
}

.st{
	padding:5px;
	width:370px;
	background:#FFFFFF;
	color:#666666;
	border-bottom-left-radius: 10px;
	-moz-bottom-left-border-radius: 10px;
	-webkit-bottom-left-border-radius: 10px;
	-ms-bottom-left-border-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-bottom-right-border-radius: 10px;
	-webkit-bottom-right-border-radius: 10px;
	-ms-bottom-right-border-radius: 10px;
	margin: auto;
	margin-top: 30px;
}
.st::before{
content:'';
position:relative;
top:-37px;
left:-6px;
width:350px;
height:0;
float:left;
border:16px solid transparent;
border-bottom-color:#666666;
}
.st::after{
content:'.:BERI TAHUKAN KABAR KAMU SAAT INI:.';
color:#999999;
text-align:center;
position:relative;
top:-180px;
left:0px;
width:365px;
height:0;
float:left;
border:1px dashed transparent;
border-bottom-color:#666666;
}

.sl{
	padding:5px;
	width:370px;
	background:#FFFFFF;
	color:#666666;
	border-bottom-left-radius: 10px;
	-moz-bottom-left-border-radius: 10px;
	-webkit-bottom-left-border-radius: 10px;
	-ms-bottom-left-border-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-bottom-right-border-radius: 10px;
	-webkit-bottom-right-border-radius: 10px;
	-ms-bottom-right-border-radius: 10px;
	margin: auto;
	margin-top: 30px;
}
.sl::before{
content:'';
position:relative;
top:-37px;
left:-6px;
width:350px;
height:0;
float:left;
border:16px solid transparent;
border-bottom-color:#666666;
}
.sl::after{
content:'.:MASUK KABARIN:.';
color:#999999;
text-align:center;
position:relative;
top:-205px;
left:0px;
width:365px;
height:0;
float:left;
border:1px dashed transparent;
border-bottom-color:#666666;
}

div.dropdown {
color: #555;
width: 143px;
position: relative;
float:right;
text-align:center;
margin-top:7px;
}
div.submenu
{
background: #fff;
position: absolute;
top: -12px;
left: -20px;
z-index: 100;
width: 135px;
height:400px;
display: none;
margin-left: 10px;
padding: 40px 0 5px;
border-radius: 6px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
text-align:left;
}

.dropdown  li a {
   
    color: #555555;
    display: block;
    font-family: arial;
    font-weight: bold;
    padding: 6px 15px;
  cursor: pointer;
text-decoration:none;
}

.dropdown li a:hover{
    background:#155FB0;
    color: #FFFFFF;
    text-decoration: none;
    
}
a.account {
font-size: 14px;
line-height: 16px;
color: #999;
position: absolute;
z-index: 110;
display: block;
padding: 15px 0 5px 1px;
height: 30px;
width:100px;
margin: -7px 0 5px 0px;
text-decoration: none;
background:url(../images/arrow.png)90px 22px no-repeat;
cursor:pointer;
}
.root
{
list-style:none;
margin:15px 0px;
padding:0px;
font-size: 11px;
padding: 11px 0 0 0px;
border-top:1px solid #dedede;	
}
.xbutton {background:transparent; color:#999; border-radius:5px; border:none;}



.tooltip{
	position:absolute;
	width:250px;
	background-image:url(../images/tip-bg.png);
	background-position:left center;
	color:#FFF;
	padding:5px 5px 5px 18px;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	opacity:0.9;
}
	

.tooltip-image{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	margin-top:3px;}	
	
	
	.tooltip span{font-weight:700;
color:#ffea00;}