/*#############################################################
Name: Shades of Gray
Date: 2006-11-05
Description: Monochrome, lightweight and totally liquid. Comes with three different layouts.
Author: Viktor Persson
URL: http://arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */


a {text-decoration: none; color:#02a7dd; font-weight:bold; font-size:13px}
a:hover{text-decoration:underline;}

a.judul {font-size:15px;}
body {
	/*background: #111 url(img/back.jpg) repeat-y center top;
	*/
	background:url(img/back3.jpg);
	color: #BBB;
	font: normal 13px "Lucida Sans Unicode",sans-serif;
}

h1 a
{
	color:#EEE;	
}
h1 a:hover
{
	color:#EEE;
	text-decoration:underline;
}
form input,select
{
	font: normal 12px "Lucida Sans Unicode",sans-serif;
}

blockquote {font: bold 1em sans-serif;}

code {
	background: #444;
	display: block;
	font-size: 12px;
	margin: 0 10px 12px;
	overflow: auto;
	padding: 8px 10px;
	white-space: pre;
}

ul {margin-left:0px; padding-left:2px;}
h1,h2 {font: normal 2em "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin-top:1px; margin-bottom:3px;}
/*
h2 {
	font: bold 1.6em Verdana,sans-serif;
	padding-bottom: 4px;
}
*/

/*
 misc */
.clearer {clear: both;}
.stripes {
	background: #0678aa;
	height: 3px;
	border-top:1px solid #1e1e1e;
	border-bottom:1px solid #1e1e1e;
}
.left {float: left;}
.right {float: left;}

/* header */
.header {
	
	
	font: normal 2em sans-serif;
	height: 197px;
	color:#BBB;
	background-repeat:no-repeat;
	background-position:center;
	background-color:#000000;
}
.header a {
	color: #888;
	display: block;
	line-height: 120px;
	text-decoration: none;
	width: 100%;
}
.header span {padding-left: 32px;}
.header a:hover {
	background: #191919;
	color: #BBB;
}

.textbanner
{
	font-size:36px;
	font-weight:bold;
	color:#FF0000;
}

/* structure */
.container {
	border: 3px solid #0678aa;
	width:980px;
	margin:auto;
}

.main {
	background: #303030;
	border-bottom: 1px solid #2A2A2A;
	border-left: 1px solid #2A2A2A;
	padding-top:0px;
}
.main .left {width: 580px;}
.main .right {width: 199px;}

.content {
	border-top: 1px solid #444;
	padding: 16px;
}
.content p{
	text-align:justify;
}
/* content elements */
.content h1,h2 {
	background: url(img/bgh1.gif) repeat-x left bottom;
	color: #EEE;
	margin-bottom: 3px;
	padding: 2px 0 4px;
}


.content .descr {margin-bottom: 2px; font:caption; font-size:10px;}

/* navigation */
.nav {background: #191919 url(img/nav.gif);}
.nav a {
	background: #191919 url(img/nav.gif);
	border-right: 1px solid #161616;
	color: #CCC;
	float: left;
	font: bold 1em Verdana,sans-serif;
	line-height: 51px;
	padding: 0 20px;
	width:122px;
	text-align:center;
}
.nav a:hover {
	background: #0678aa;
	text-decoration:none;
}

/* sub-navigation */
.subnav {
	background: #2A2A2A;
	border: 1px solid #1E1E1E;
	border-top-color: #444;	
	padding: 7px;
}
.subnav h1 {padding-top: 0px;}
.subnav ul {margin: 0;}
.subnav li {
	background: url(img/li.gif) no-repeat left 11px;
	list-style: none;
	margin: 0;
}
.subnav li a {
	color: #777;
	line-height: 2.4em;
	padding-left: 18px;
	text-decoration: none;
	
}
.subnav li a:hover {color: #0678aa;}

/* footer */
.footer {
	background: #191919;
	border-top: 3px solid #0678aa;
	color: #999;
	padding: 1% 1% 1%;
}
.footer ul {
	border-top: 1px solid #262626;
	margin: 0;
}
.footer li {
	border-bottom: 1px solid #262626;
	list-style: none;
}
.footer li a {
	display: block;
	line-height: 2em;
	padding-left: 4%;
	width: 96%;
}
.footer a {color: #666;}
.footer a:hover {
	color: #BBB;
	background: #222;
}

.col3,.col3center {
	float: left;
	width: 31%;
}
.col3center {margin: 0 3%;}

/* bottom */
.bottom {
	color: #666;
	clear: both;
	font-size: 11px;
}
.bottom a {color: #888;}



a.umum2
{
	font-size:12px;	
}

.pukul
{
	border:0px;
	background-color:#010101;
	/* background-image:url(images/banner_timer.jpg); */
	color:#BBB;
	font-weight:bold;
}

.inputbox
{
	border:1px;
	color:#000000;
	border-style:solid;
	border-color:#888;
	padding:2px;
	font-weight:bold;	
}

.inputbox2
{
	border:1px;
	color:#000000;
	border-style:solid;
	border-color:#888;
	background-color:#bbb;
	padding:2px;
	font-weight:bold;	
}

.selectpage
{
	border:1px;
	border-style:solid;
	border-color:#888;
	background-color:#bbb;
	font-weight:bold;	
	
}
.tombol
{
	border:1px;
	background-color:#191919;
	font-weight:bold;
	color:#999999;
	border-style:outset;
	border-color:#BBB;
}
.tombolsearch
{
	border:1px;
	background-color:#191919;
	font-weight:bold;
	color:#999999;
	border-style:outset;
	border-color:#BBB;
	
}

.pengunjung
{
	text-align:center;
	font-weight:bold;
}

.garis
{
	background: url(img/bgh1.gif) repeat-x left bottom;
	margin-bottom:2px;
	margin-top:2px;
	border:0px;
}
.tabelover
{
	background-color:#222;
	
}

.boxad { border: 1px solid #BBB; padding: 5px; height:100%; text-align:center; vertical-align:middle;}

.boxad img.produk
{
	border:1px;
	border-color:#BBB;
	border-style:solid;
	margin-bottom:5px;
}

.gambarover
{
	background-color:#222;
	text-align:center;
	border: 1px solid #BBB; padding: 5px;
}
.gambarover img.produk
{
	border:1px;
	border-color:#BBB;
	border-style:solid;
	margin-bottom:5px;
}

table.tabeluser2 {
	background-color:#111111;
	border: 1px;
	border-style:solid;
	border-color:#444;
	width: 100%;
	color:#FFFFFF;
}

table.tabeluser2 tr.row0{
background-color:#ffffff;
color:#000000;
}

table.tabeluser2 tr.row1{
background-color:#E5E3E3;
color:#000000;
}
table.tabeluser
{
	width:100%;
}

.aman
{
	font-weight:bold;
	background-color:#339900;
	color:#FFFFFF;
	padding:2px;
	margin-top:2px;
	width:90px;
}

.preorder
{
	font-weight:bold;
	background-color:#FF6600;
	color:#FFFFFF;
	padding:2px;
	margin-top:2px;
	width:90px;
}

.error
{
	font-weight:bold;
	background-color:#FF0000;
	color:#FFFFFF;
	padding:2px;
	margin-top:2px;
	width:90px;
}

.warning
{
		font-weight:bold;
		color:#F00;
}

.success
{
	color:#339900;
	font-weight:bold;
	border:2px;
	border-style:dashed;
	border-color:#000000;
	margin:12px;
	padding:3px;
	text-align:center;
	background-color:#E6F2EA;

}
.success2
{
	border:2px #FF6600 dashed;
	padding:3px;
	margin-bottom:5px;
	margin-top:4px;
	margin-left:7px;
}
.page
{
	text-align:center;
}

.divover { border: 1px solid #d5d5d5; padding: 5px; height:100%;background-color:#222;}

.boxad2 { border: 1px solid #BBB; padding: 5px; height:100%;vertical-align:middle;}

a.current2
{
	color:#fff;	
	font-size:14px;	
}

a.nomor_paging
{
	font-size:14px;	
	background-color:#555;
	border:1px solid #ddd;
	padding:1px 5px 1px 5px;
	height:10px;
}