body {overflow:hidden;}

ul,p,h1,h2,h3,h4,h5 {margin:0px;}

li {list-style:none;}

pre,p {font-size:14px;line-height: 1.28;}

a {text-decoration:none;color: #0066ff;}

a:hover {color:#0000ff;text-decoration:underline}



input[type="text"],

textarea 

{

	font-family:arial;

	font-size:15px;

	padding:4px;

}

textarea {resize:none;}

.isi {width:99%;}





.container {position:fixed;top:0px;left:0px;width:100%;}

/* Header Style */

.wzine-top{

	line-height: 24px;

	font-size:15px;font-family:Arial, Helvetica, sans-serif;

	background: #333;

	text-transform: uppercase;

	z-index: 9999;

	position: relative;

	font-family: Cambria, Georgia, serif;

	box-shadow: 1px 0px 2px rgba(0,0,0,0.2);

}

.wzine-top a{

	padding: 0px 10px;

	letter-spacing: 1px;

	color: #fff;

	display: inline-block;

}

.wzine-top a:hover{

	background: rgba(255,255,255,0.3);text-decoration:none;

}

.wzine-top span.right{

	float: right;

}

.wzine-top span.right a{

	float: left;

	display: block;

}



/*------------------------ TOMBOL AND TEXT -------------------------*/ 

 input[type="text"],

input[type="password"]

 { background-color: #ffffff;height:20px;font-family:Arial, Helvetica, sans-serif;font-size:15px;

  border: 1px solid #cccccc;

  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);

  -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);

  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);

  -webkit-transition: border linear .2s, box-shadow linear .2s;

  -moz-transition: border linear .2s, box-shadow linear .2s;

  -o-transition: border linear .2s, box-shadow linear .2s;

  transition: border linear .2s, box-shadow linear .2s;

  -moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;border-radius:4px;}

  input[type="text"]:focus,

input[type="password"]:focus,

.select:focus {  border-color: rgba(82, 168, 236, 0.8);

  outline: 0;

  outline: thin dotted \9;

-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);

  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);

  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);}

  

  

 input[type="file"] {background-color: #f5f5f5;height:28px;width:99%;

		-webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);

		box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);}

  input[type=submit],input[type=reset] {  background-color: #113355;

  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#446688), to(#113355));

  background-image: -webkit-linear-gradient(top, #446688, #113355);

  background-image: -o-linear-gradient(top, #446688, #113355);

  background-image: linear-gradient(to bottom, #446688, #113355);

  background-image: -moz-linear-gradient(top, #446688, #113355);

	border: 1px solid #33373d;color:#FFFFFF;

	-webkit-box-shadow: inset 0px 1px 0px 0px #878e98;

	-moz-box-shadow: inset 0px 1px 0px 0px #878e98;

	box-shadow: inset 0px 1px 0px 0px #878e98;

cursor:pointer;padding:3px;border-radius:4px;

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

	color: #fff;padding:5px;

	text-shadow: 0px 1px 0px rgba(0,0,0,.5);

	-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;border-radius:4px;}

	

input[type=submit]:hover,input[type=reset]:hover {

background: rgb(17,51,85); /* Old browsers */

background: -moz-linear-gradient(top, rgba(17,51,85,1) 0%, rgba(0,39,73,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(17,51,85,1)), color-stop(100%,rgba(0,39,73,1)));}



input[type=submit]:active{

background:#1D3954;color:#CCCCCC;

}





.upload {background: #f7f7f7;

background: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%); 

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#ededed));

background: -webkit-linear-gradient(top, #f7f7f7 0%,#ededed 100%); 

background: -o-linear-gradient(top, #f7f7f7 0%,#ededed 100%);

background: -ms-linear-gradient(top, #f7f7f7 0%,#ededed 100%);

-moz-border-radius:3px; -moz-box-shadow:none; -webkit-box-shadow:none; cursor:pointer; border: 1px solid #BBBBBB;

font-weight:bold; padding:4px 4px 4px 4px; 

 color:#666666;text-align:center;font-size:13px;font-family:Arial, Helvetica, sans-serif; text-shadow:1px 1px 0px #fff;

 border: 1px solid #BBBBBB;-moz-border-radius:4px;

-webkit-border-radius:4px;

-o-border-radius:4px;

-ms-border-radius:4px;

border-radius:4px }

.upload:hover {background: #f7f7f7;

border:solid 1px #999999;}



.valse2{background:transparent;border:solid 0px #CCCCCC;}



.select{height:27px;width:100%;

background-color: #ffffff;font-family:Arial, Helvetica, sans-serif;font-size:15px;

  border: 1px solid #cccccc;line-height:30px;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  -webkit-transition: border linear .2s, box-shadow linear .2s;

  -moz-transition: border linear .2s, box-shadow linear .2s;

  -o-transition: border linear .2s, box-shadow linear .2s;

  transition: border linear .2s, box-shadow linear .2s;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;border-radius:4px;

}

input[type="text"],input[type="password"],select,radio,textarea {

	border:1px solid rgb(204, 204, 204);

	color:#999;

	font-size:14px;

	padding:3px;

}

input[type="text"],input[type="password"],textarea {

	width:98%;

	}

input[type="text"]:focus,input[type="password"]:focus,select:focus,radio:focus,textarea:focus {

	background:#fff;

	border:1px solid #0099FF;

	color:#000;

	}

textarea{background-color: #ffffff;font-family:Arial, Helvetica, sans-serif;font-size:15px;

  border: 1px solid #cccccc;

  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);

  -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);

  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);

  -webkit-transition: border linear .2s, box-shadow linear .2s;

  -moz-transition: border linear .2s, box-shadow linear .2s;

  -o-transition: border linear .2s, box-shadow linear .2s;

  transition: border linear .2s, box-shadow linear .2s;

  -webkit-border-radius:5px;

-moz-border-radius:5px;

border-radius:5px;}





textarea:focus {  border-color: rgba(82, 168, 236, 0.8);

  outline: 0;

  outline: thin dotted \9;

-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);

  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);

  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);}





/* BOX PRODUCTS  */

#tempat-kategory {overflow-x:hidden;}

#sub-product{text-align:left;width:100%;font-size:14px;margin:0 auto;border-bottom:solid 1px #cccccc;padding:5px;}

#sub-product a{color:#333333;font-size:14px;}

#sub-product:hover{background: #E8F4FD;}

.jdl-product{

font-size:15px;color:#666666;

font-family:Verdana, Arial, Helvetica, sans-serif;

}

.jdl-product a:hover{-webkit-transition:All 0.5s ease-in-out;-moz-transition:All 0.5s ease-in-out;

font-size:18px;color:#333333;text-decoration:none;

margin-bottom:10px;

font-family:Verdana, Arial, Helvetica, sans-serif;

}



.edit-delet{width:auto;padding:15px;

    color:#666666;float:right;margin-right:4px;

	padding:2px;text-align:center;font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;

    border:1px solid #E8E8E8;font-weight:bold;

	-webkit-border-radius:10px;

-moz-border-radius:10px;

border-radius:10px;

background: rgb(255,255,255); /* Old browsers */

background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);

    cursor:pointer;float:right;margin-left:1px;

}

.edit-delet:hover {-webkit-box-shadow:0 0px 2px rgba(0, 0, 0, 0.9),0 1px 0px #ffffff inset;-moz-box-shadow:0 0px 2px rgba(0, 0, 0, 0.9),0 1px 0px #ffffff inset;box-shadow:0 0px 2px rgba(0, 0, 0, 0.9),0 1px 0px #ffffff inset;}

.edit-delet a {text-decoration:none;}

.edit-delet a:hover {text-decoration:none;}

.edit-delet:hover{text-decoration:none;

color:#333333;border:1px solid #999999;opacity:1}















#tampil {background:#ECEAEA;width:auto;padding:4px;border:solid 1px #cccccc}

#tampil:hover{background:#FFFFFF;width:auto;padding:4px;border:solid 1px #cccccc;text-decoration:none;}

/*------------------------ TOMBOL AND TEXT -------------------------*/ 

 input[type="text"],

input[type="password"]

 { background-color: #ffffff;height:20px;font-family:Arial, Helvetica, sans-serif;font-size:15px;

  border: 1px solid #cccccc;

  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);

  -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);



  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);

  -webkit-transition: border linear .2s, box-shadow linear .2s;

  -moz-transition: border linear .2s, box-shadow linear .2s;

  -o-transition: border linear .2s, box-shadow linear .2s;

  transition: border linear .2s, box-shadow linear .2s;

  -moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;border-radius:4px;}

  input[type="text"]:focus,

input[type="password"]:focus,

.select:focus {  border-color: rgba(82, 168, 236, 0.8);

  outline: 0;

  outline: thin dotted \9;

-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);

  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);

  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);}

  

  

 input[type="file"] {background-color: #f5f5f5;height:28px;width:99%;

		-webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);

		box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);}

  input[type=submit],input[type=reset] {  background-color: #113355;

  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#446688), to(#113355));

  background-image: -webkit-linear-gradient(top, #446688, #113355);

  background-image: -o-linear-gradient(top, #446688, #113355);

  background-image: linear-gradient(to bottom, #446688, #113355);

  background-image: -moz-linear-gradient(top, #446688, #113355);

	border: 1px solid #33373d;color:#FFFFFF;

	-webkit-box-shadow: inset 0px 1px 0px 0px #878e98;

	-moz-box-shadow: inset 0px 1px 0px 0px #878e98;

	box-shadow: inset 0px 1px 0px 0px #878e98;

cursor:pointer;padding:3px;border-radius:4px;

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

	color: #fff;padding:5px;

	text-shadow: 0px 1px 0px rgba(0,0,0,.5);

	-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;border-radius:4px;}

	

input[type=submit]:hover,input[type=reset]:hover {

background: rgb(17,51,85); /* Old browsers */

background: -moz-linear-gradient(top, rgba(17,51,85,1) 0%, rgba(0,39,73,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(17,51,85,1)), color-stop(100%,rgba(0,39,73,1)));}



input[type=submit]:active{

background:#1D3954;color:#CCCCCC;

}





.upload {background: #f7f7f7;

background: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%); 

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#ededed));

background: -webkit-linear-gradient(top, #f7f7f7 0%,#ededed 100%); 

background: -o-linear-gradient(top, #f7f7f7 0%,#ededed 100%);

background: -ms-linear-gradient(top, #f7f7f7 0%,#ededed 100%);

-moz-border-radius:3px; -moz-box-shadow:none; -webkit-box-shadow:none; cursor:pointer; border: 1px solid #BBBBBB;

font-weight:bold; padding:4px 4px 4px 4px; 

 color:#666666;text-align:center;font-size:13px;font-family:Arial, Helvetica, sans-serif; text-shadow:1px 1px 0px #fff;

 border: 1px solid #BBBBBB;-moz-border-radius:4px;

-webkit-border-radius:4px;

-o-border-radius:4px;

-ms-border-radius:4px;

border-radius:4px }

.upload:hover {background: #f7f7f7;

border:solid 1px #999999;}





.select{height:27px;width:100%;

background-color: #ffffff;font-family:Arial, Helvetica, sans-serif;font-size:15px;

  border: 1px solid #cccccc;line-height:30px;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  -webkit-transition: border linear .2s, box-shadow linear .2s;

  -moz-transition: border linear .2s, box-shadow linear .2s;

  -o-transition: border linear .2s, box-shadow linear .2s;

  transition: border linear .2s, box-shadow linear .2s;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;border-radius:4px;

}

input[type="text"],input[type="password"],select,radio,textarea {

	border:1px solid rgb(204, 204, 204);

	color:#999;

	font-size:14px;

	padding:3px;

}

input[type="text"],input[type="password"],textarea {

	width:98%;

	}

input[type="text"]:focus,input[type="password"]:focus,select:focus,radio:focus,textarea:focus {

	background:#fff;

	border:1px solid #0099FF;

	color:#000;

	}

textarea{background-color: #ffffff;font-family:Arial, Helvetica, sans-serif;font-size:15px;

  border: 1px solid #cccccc;

  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);

  -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);

  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);

  -webkit-transition: border linear .2s, box-shadow linear .2s;

  -moz-transition: border linear .2s, box-shadow linear .2s;

  -o-transition: border linear .2s, box-shadow linear .2s;

  transition: border linear .2s, box-shadow linear .2s;}





textarea:focus {  border-color: rgba(82, 168, 236, 0.8);

  outline: 0;

  outline: thin dotted \9;

-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);

  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);

  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);}

  

#akun {height:22px;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;border-radius:4px;}

.eventInputTextArea{size:auto;

    width:99%;

    height:60%;}

	







#sub-koment{background:#F8F8F8;

text-align:left;

width:100%;



border-bottom:solid 1px #cccccc;



}

.coment-isi{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;padding:6px;min-height:20px;

border-left:solid 1px #cccccc;}

#sub-koment:hover{background:#ffffff;}

.jdl-koment a{color:#333333;font-size:14px;font-weight:bold;}

.jdl-koment a:link{color:#333333}

.jdl-koment a:visited{color:#333333}

.jdl-koment a:hover{color:#000000}



/*------------------------ TOMBOL AND TEXT -------------------------*/ 

 input[type="text"],

input[type="password"]

 { background-color: #ffffff;height:20px;font-family:Arial, Helvetica, sans-serif;font-size:15px;

  border: 1px solid #cccccc;

  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);

  -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);

  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);

  -webkit-transition: border linear .2s, box-shadow linear .2s;

  -moz-transition: border linear .2s, box-shadow linear .2s;

  -o-transition: border linear .2s, box-shadow linear .2s;

  transition: border linear .2s, box-shadow linear .2s;

  -moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;border-radius:4px;}

  input[type="text"]:focus,

input[type="password"]:focus,

.select:focus {  border-color: rgba(82, 168, 236, 0.8);

  outline: 0;

  outline: thin dotted \9;

-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);

  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);

  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);}

  

  

 input[type="file"] {background-color: #f5f5f5;height:28px;width:99%;

		-webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);

		box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);}

  input[type=submit],input[type=reset] {  background-color: #113355;

  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#446688), to(#113355));

  background-image: -webkit-linear-gradient(top, #446688, #113355);

  background-image: -o-linear-gradient(top, #446688, #113355);

  background-image: linear-gradient(to bottom, #446688, #113355);

  background-image: -moz-linear-gradient(top, #446688, #113355);

	border: 1px solid #33373d;color:#FFFFFF;

	-webkit-box-shadow: inset 0px 1px 0px 0px #878e98;

	-moz-box-shadow: inset 0px 1px 0px 0px #878e98;

	box-shadow: inset 0px 1px 0px 0px #878e98;

cursor:pointer;padding:3px;border-radius:4px;

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

	color: #fff;padding:5px;

	text-shadow: 0px 1px 0px rgba(0,0,0,.5);

	-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;border-radius:4px;}

	

input[type=submit]:hover,input[type=reset]:hover {

background: rgb(17,51,85); /* Old browsers */

background: -moz-linear-gradient(top, rgba(17,51,85,1) 0%, rgba(0,39,73,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(17,51,85,1)), color-stop(100%,rgba(0,39,73,1)));}



input[type=submit]:active{

background:#1D3954;color:#CCCCCC;

}





.upload {background: #f7f7f7;

background: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%); 

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#ededed));

background: -webkit-linear-gradient(top, #f7f7f7 0%,#ededed 100%); 

background: -o-linear-gradient(top, #f7f7f7 0%,#ededed 100%);

background: -ms-linear-gradient(top, #f7f7f7 0%,#ededed 100%);

-moz-border-radius:3px; -moz-box-shadow:none; -webkit-box-shadow:none; cursor:pointer; border: 1px solid #BBBBBB;

font-weight:bold; padding:4px 4px 4px 4px; 

 color:#666666;text-align:center;font-size:13px;font-family:Arial, Helvetica, sans-serif; text-shadow:1px 1px 0px #fff;

 border: 1px solid #BBBBBB;-moz-border-radius:4px;

-webkit-border-radius:4px;

-o-border-radius:4px;

-ms-border-radius:4px;

border-radius:4px }

.upload:hover {background: #f7f7f7;

border:solid 1px #999999;}



.valse2{background:transparent;border:solid 0px #CCCCCC;}





.select{height:27px;width:100%;

background-color: #ffffff;font-family:Arial, Helvetica, sans-serif;font-size:15px;

  border: 1px solid #cccccc;line-height:30px;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  -webkit-transition: border linear .2s, box-shadow linear .2s;

  -moz-transition: border linear .2s, box-shadow linear .2s;

  -o-transition: border linear .2s, box-shadow linear .2s;

  transition: border linear .2s, box-shadow linear .2s;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;border-radius:4px;

}

input[type="text"],input[type="password"],select,radio,textarea {

	border:1px solid rgb(204, 204, 204);

	color:#999;

	font-size:14px;

	padding:3px;

}

input[type="text"],input[type="password"],textarea {

	width:98%;

	}

input[type="text"]:focus,input[type="password"]:focus,select:focus,radio:focus,textarea:focus {

	background:#fff;

	border:1px solid #0099FF;

	color:#000;

	}

textarea{background-color: #ffffff;font-family:Arial, Helvetica, sans-serif;font-size:15px;

  border: 1px solid #cccccc;

  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);

  -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);

  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);

  -webkit-transition: border linear .2s, box-shadow linear .2s;

  -moz-transition: border linear .2s, box-shadow linear .2s;

  -o-transition: border linear .2s, box-shadow linear .2s;

  transition: border linear .2s, box-shadow linear .2s;}





textarea:focus {  border-color: rgba(82, 168, 236, 0.8);

  outline: 0;

  outline: thin dotted \9;

-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);

  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);

  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);}

  

#akun {height:22px;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;border-radius:4px;}

.eventInputTextArea{size:auto;

    width:99%;

    height:60%;}

	

.kat {margin-top:-4px;width:95%;}

.select{width:160px}

.overflow{height:95%;display:block;width:100%}

#header-add2{padding:8px;margin:0 auto;width:100%;height:100%px;border-bottom:solid 1px #cccccc;}

#content-texarea{margin-top:2px;}

#content-tab {width:99%;border:solid 1px #CCCCCC;margin-left:2px;display:block;overflow:hidden;

-webkit-border-radius:5px;

-moz-border-radius:5px;

border-radius:5px;height:auto;min-height:690px;max-height:730px;

}

#tengah {min-height:610px;}



.content-post {display:block;overflow:hidden;

-webkit-border-radius: 5px;margin:auto;width:730px;margin-bottom:20px;

-moz-border-radius: 5px;

border-radius: 5px;padding:5px;

}

#header-tab {width:100%;height:25px; padding:5px;font-size:14px;font-family:Arial, Helvetica, sans-serif;background:url(../images/table_sorter_header.png);border-bottom:solid 1px  #cccccc;}

#header-tab2 {font-size:14px;font-family:Arial, Helvetica, sans-serif;}





/*------------------------ SETTING PROFIL -------------------------*/ 

#conten-profil{width:99%;border:solid 1px #cccccc;margin:auto;

-moz-border-radius:5px;

-webkit-border-radius:5px;

-o-border-radius:5px;

-ms-border-radius:5px;

border-radius:5px;background:#F6F6F6;position:relative;display:block;overflow:hidden}



#gb-profile{padding:1px;background-color:#CCCCCC;

width:150px;height:150px;display:block;overflow:hidden;position:relative}

#gb-profile .chang {text-align:center;

width:100%;text-align: center;padding:3px;color:#FF9900;letter-spacing:2px;

-moz-box-shadow: 0px 0px 3px #cccccc;

-webkit-box-shadow: 0px 0px 3px #cccccc;

box-shadow: 0px 0px 3px #cccccc;bottom:0px;left:0px;position:absolute;

background: -moz-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.29) 30%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.2)), color-stop(30%,rgba(255,255,255,0.29)), color-stop(100%,rgba(0,0,0,0.5)));

color:#ffffff;text-shadow:2px 2px 2px #FF0000;

}



#change, #change2 {height:20px;width:100%;text-align:center;line-height:20px;

background: rgb(255,255,255); 

background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); 

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));padding:5px;

border-bottom:dashed 1px #cccccc;font-family:Arial, Helvetica, sans-serif;

font-weight:bold;font-family:Geneva, Arial, Helvetica, sans-serif;

color:#444444;}

 

#favinput, #profil { margin:10px 10px 10px 10px}

#fav {height:35px;width:35px;padding:5px;border:solid 3px #cccccc}

#fav:hover {border:solid 3px #999999}

#chang {width:50px;padding:5px;text-align:center;margin-top:10px;border:solid 1px #cccccc;

background: rgb(255,255,255); 

background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); 

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));padding:5px;

font-family:Arial, Helvetica, sans-serif;

font-weight:bold;font-family:Geneva, Arial, Helvetica, sans-serif;

color:#444444;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;border-radius:4px;

margin-left:10px;}

#chang:hover {border:solid 1px #999999;}



 /*------------------------ P A G E -------------------------*/

 #content-pro{height:700px;width:auto;margin:auto;} 

#paging{padding:8px;margin-top:20px;margin:auto;background:#F2F1F1;height:25px;border-bottom:solid 1px #cccccc;}



#disbaled{float:left;background-color:#F6F5F5;border:solid 1px #E3E0E0;font-size:16px;font:Arial, Helvetica, sans-serif;text-decoration: none;color: #cccccc;-webkit-border-radius:2px;-o-border-radius:2px;-ms-border-radius:2px;border-radius:2px;cursor:default;text-align:center;padding:1px;width:40px;margin-right:10px;}



#kotak-paging a{float:left; border:solid 1px #E3E0E0;text-align:center;

padding:1px;width:40px;font-size:16px;font:Arial, Helvetica, sans-serif;

text-decoration: none;color: #666666;-webkit-border-radius:2px;-o-border-radius:2px;-ms-border-radius:2px;border-radius:2px;

background: #ffffff;background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%);background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%);background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%);

margin-right:10px;}

#kotak-paging a:hover{border:solid 1px #CCCCCC;color:#333333;}



#page a{float:left; border:solid 1px #E3E0E0;text-align:center;

padding:1px;padding-left:10px;padding-right:10px;

font-size:16px;font:Arial, Helvetica, sans-serif;

text-decoration: none;color: #666666;-webkit-border-radius:2px;-o-border-radius:2px;-ms-border-radius:2px;border-radius:2px;

background: #ffffff;background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%);background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%);background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%);

margin-right:1px;

}

#page a:hover{border:solid 1px #CCCCCC;color:#333333;background:#F8F8F8}









.tooltip

{text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;

  position: relative;

  cursor:pointer;

  display: inline-block;

  text-decoration: none;

  color: #333333;

  outline: none;width:100%;

}

.tooltip a:hover{ text-decoration:none}

.tooltip span

{

  visibility: hidden;

  position: absolute; 

  bottom: 30px;

  left:100%;

  z-index: 999;

  width:200px;

  margin-left:127px;

  padding: 10px;

  border: 1px solid #ccc;

  opacity: .9;

  background-color: #ffffff;                     

 

  }



.tooltip:hover

{text-decoration:none;

  border: 0; /* IE6 fix */

}



.tooltip:hover span

{

  visibility: visible;

}



.tooltip span:before,

.tooltip span:after

{

  content: "";

  position: absolute;

  z-index: 1000;

  bottom: -7px;

  left: 50%;

  margin-left: -8px;  

  border-top: 8px solid #ffffff;

  border-left: 8px solid transparent;

  border-right: 8px solid transparent;        

  border-bottom: 0;  

}



.tooltip span:before

{

  border-top-color: #ccc;

  bottom: -8px;

}



/* TABLE */

.bordered {background:#F8F8F8;}



.bordered tr:hover {

    background: #E8F4FD;

    -o-transition: all 0.1s ease-in-out;

    -webkit-transition: all 0.1s ease-in-out;

    -moz-transition: all 0.1s ease-in-out;

    -ms-transition: all 0.1s ease-in-out;

    transition: all 0.1s ease-in-out;     

}    

    

.bordered td, .bordered th {

    border-left: 0px solid #ccc;

    border-bottom: 1px solid #ccc;

    padding: 10px;

    text-align: left;    

}



.bordered td, .bordered th a{color:#333333;}

.bordered a{color:#333333;}

   



.borderheader {

padding-left:2px;

    text-align: left;    

}



/* GALERY */



#box-galery {border:1px dotted  #333333;width:110px;height:110px;float:left;padding:2px;display:block;overflow:hidden;position:relative;z-index:10;

margin:5px}

#box-galery .title-gambar {text-align:center;

width:100%;text-align: center;padding:3px;color:#FF9900;letter-spacing:2px;

-moz-box-shadow: 0px 0px 3px #cccccc;

-webkit-box-shadow: 0px 0px 3px #cccccc;

box-shadow: 0px 0px 3px #cccccc;bottom:0px;left:0px;position:absolute;

background: -moz-linear-gradient(top, rgba(255,255,255,0.9) 0%, rgba(0,0,0,0.6) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.9)), color-stop(100%,rgba(0,0,0,0.6)));

color:#ffffff;text-shadow:2px 2px 2px #0033FF;

}

#box-galery .title-gb{text-align:center;

width:95%;text-align: center;padding:3px;color:#fff;top:0px;left:0px;position:absolute;

background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0.5)));text-shadow:2px 2px 2px #0033FF;}



#box-galery .title-gambar a{color:#ffffff;}

#box-galery .title-gambar:hover{color:#ffffff;text-decoration:none;margin-bottom:1px;}



/* PENGATURAN AKUN */

#setting{

	width:50%;

	padding:20px;

	border: 1px solid #DDD;

	border-radius: 5px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #666666;

	margin-right: auto;

	margin-left: auto;

	box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4);

}



.pagination {

margin-top:-13px;

}

.pagination ul {

  display: inline-block;

  *display: inline;

  /* IE7 inline-block hack */



  *zoom: 1;

  margin-left: 0;

  margin-bottom: 0;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;



}

.pagination ul > li {

  display: inline;

}

.pagination ul > li > a,

.pagination ul > li > span {

  float: left;

  padding: 4px 12px;

  line-height: 15px;

  text-decoration: none;

  background-color: #ffffff;

  border: 1px solid #dddddd;

  border-left-width: 0;

}

.pagination ul > li > a:hover,

.pagination ul > li > a:focus,

.pagination ul > .active > a,

.pagination ul > .active > span {

  background-color: #f5f5f5;

}

.pagination ul > .active > a,

.pagination ul > .active > span {

  color: #999999;

  cursor: default;

}

.pagination ul > .disabled > span,

.pagination ul > .disabled > a,

.pagination ul > .disabled > a:hover,

.pagination ul > .disabled > a:focus {

  color: #999999;

  background-color: transparent;

  cursor: default;

}

.pagination ul > li:first-child > a,

.pagination ul > li:first-child > span {

  border-left-width: 1px;

  -webkit-border-top-left-radius: 4px;

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

  border-top-left-radius: 4px;

  -webkit-border-bottom-left-radius: 4px;

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

  border-bottom-left-radius: 4px;

}

.pagination ul > li:last-child > a,

.pagination ul > li:last-child > span {

  -webkit-border-top-right-radius: 4px;

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

  border-top-right-radius: 4px;

  -webkit-border-bottom-right-radius: 4px;

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

  border-bottom-right-radius: 4px;

}

.pagination-centered {

  text-align: center;

}

.pagination-right {

  text-align: left;

}







.tooltip

{text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;

  position: relative;

  cursor:pointer;

  display: inline-block;

  text-decoration: none;

  color: #333333;

  outline: none;width:100%;

}

.infonya a:hover{ text-decoration:none}

.infonya span

{

  visibility: hidden;

  position: absolute; 

  bottom: 30px;

  left:100%;

  z-index: 999;

  width:200px;

  margin-left:127px;

  padding: 10px;

  border: 1px solid #ccc;

  opacity: .9;

  background-color: #ffffff;                     

 

  }



.infonya:hover

{text-decoration:none;

  border: 0; /* IE6 fix */

}



.infonya:hover span

{

  visibility: visible;

}



.infonya span:before,

.infonya span:after

{

  content: "";

  position: absolute;

  z-index: 1000;

  bottom: -7px;

  left: 50%;

  margin-left: -8px;  

  border-top: 8px solid #ffffff;

  border-left: 8px solid transparent;

  border-right: 8px solid transparent;        

  border-bottom: 0;  

}



.tooltip span:before

{

  border-top-color: #ccc;

  bottom: -8px;

}