@charset "utf-8";

body {
	font-family: Segoe UI, Arial, sans-serif; font-size: 68.5%; margin:0; 	
	background-image:url(menuSaya/bg.jpg);
	background-repeat:repeat;
}

/* Begin dari CSS ui-widget */
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}

#dialog label, #dialog input { display:block; }
#dialog label { margin-top: 0.5em; }
#dialog input, #dialog textarea { width: 95%; }
#tabs { margin-top: 1em; }
#tabs li .ui-icon-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; }
#add_tab { cursor: pointer; }

.ui-combobox { position: relative; display: inline-block; background-color:#FFF; }
.ui-combobox-toggle {
	position: absolute;
	top: 0; bottom: 0;
	margin-left: -1px; padding: 0;
	/* adjust styles for IE 6/7 */
	*height: 1.7em;
	*top: 0.1em;
}
.ui-combobox-input { margin: 0; padding: 0.3em; }
/* End dari CSS ui-widget */

/* Begin Menu DropDown */
/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; 
										list-style: none; margin: 0; padding: 0;}
ul.dropdown li                      { font-weight: bold; float: left; background: #ccc; 
										background-color: rgba(255, 255, 255, .3);
										text-shadow: none;
										-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .9);
										box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .9);
										-webkit-border-radius: 10px;
										border-radius: 8px;
										height:28px; font-size:13px; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 4px 8px; border-right: 1px solid #333;
	 								  color: #222; text-decoration: none; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #F3D673; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; 
									  list-style: none; z-index:101; margin: 0; padding: 0;
									  
									   }
ul.dropdown ul li 					{ font-weight: normal; 
									  border-bottom: 1px solid #333; float: none; 
										background: #FFF;
										background-color: rgba(155, 155, 155, .8);
										-webkit-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0);
										box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0);
										-webkit-border-radius: 0px;
										border-radius: 0px;
									  }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; 
										text-decoration: none; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; 
										list-style: none; z-index:101; margin: 0; padding: 0;}
ul.dropdown li:hover > ul 			{ visibility: visible; }
/* End Menu DropDown */

#dTop { 
	position: fixed; top: 0; height: 45px; padding: 5px 0; width: 100%; 
	background-color: #000; background-color: rgba(0, 0, 0, .2); z-index: 999;
	-webkit-box-shadow:  0px 5px 15px 0px rgba(0, 0, 0, .9);
	box-shadow:  0px 5px 15px 0px rgba(0, 0, 0, .9);
	border-bottom: 2px solid #000;
	background-image: url(menuSaya/h-f_bg.png);
	background-repeat: repeat-y;
	background-position: center;
	} #dHead {
			height:50px; overflow:hidden; /**/
		}
.cMiddle { width:980px;  margin: auto ;  }

#dMiddle { 
	margin-top:60px;
	margin-bottom:50px;
	}
.cKotak {
	font-family: 'UbuntuMonoRegular', mono;
	overflow: auto;
	border: 1px solid #333;
	padding: 7px;
	color: #ffffff;
	background-color: rgba(255, 255, 255, .3);
	text-shadow: none;
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .9);
	box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .9);
	-webkit-border-radius: 10px;
	border-radius: 8px;
	font-size:15px; 	
}

.loadingJG {   color:#C00; } /* Judul Garis*/
.loadingJK {   background-color:#C00; color:#fff; 
			   margin-top:-7px;
			   font-family:Tahoma, Geneva, sans-serif; font-size:18px;
			   padding:2px 2px 2px 2px;
			   } /* Judul Kolom*/
.loadingJKHref { color: #fff; cursor: pointer; text-decoration:none;}
.loadingJKHref:hover { color:#000;  } /* rgba(133,42,75,200) */

a.cKoleksi  { /*  */
	font-size:15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#6C6; font-weight:bold;
	text-decoration:none; cursor:pointer;
	}
.cKoleksi:hover { 
	background-color: rgba(255, 255, 255, .3);
	color: #FF0; 
	}
.cKoleksi2:hover { 
	color: #FF0; 
	}

.cNomor { /*  */
	font-size:15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#6C6; font-weight:bold; 
	text-decoration:none; cursor:pointer;
	} .cNomor:hover { 
			text-shadow: rgba(255, 255, 255, .3);			
			color: #FF0; 
			}
			
.cBoldPencarian{
	color:#fff;
	}	.cBoldPencarian:hover {
			color: #FF0; 
			}	
.cJudulUrut {
	text-align:center; color:#FFF; font-weight:bold;
} .cJudulUrutSpan {
	color:#CCC;
	}
	
.cPesanFormFont {
	font-size:15px; color:#ffffff;
}

/* Begin Tabel Pesanan */
table.clsViewPesanan td {
}

table.clsViewPesanan tr.head {
	background-color:#666; font-weight:bold; width:20%; color:#FFF;  font-size:14px;
}
table.clsViewPesanan tr.row {
	color:#FFF; width:80%; font-size:12px;
}
table.clsViewPesanan tr.footer {
	background-color:#666; font-weight:bold; width:20%; color:#FFF;  font-size:14px;
}
table.clsDataPembeli tr.head {
	font-weight:bold; width:20%; color:#FFF;  font-size:14px;
}
table.clsDataPembeli tr {
	color:#FFF; 
}
/* End Tabel Pesanan */

/* Begin Tabel Barang*/
.cJudulKategoriBarangUtama {
	color:#FFF; font-size:14px;
	}
.cJudulKategoriBarangUtama a {
	color:#FFF; text-decoration:none;
	}
.cJudulKategoriBarangUtama a:hover {
	color:#FF0;
	}

.cProfilePerbarang {
	color:#FFF; font-size:14px; 
	}
.cProfilePerbarang a {
	color:#FFF; text-decoration:none;
	}
.cProfilePerbarang a:hover {
	color:#FF0;
	}
.cProfileBarang {
	color:#FFF; font-size:14px;  
	}
/* Begin Tabel Barang*/

#dBottom { 
	position: fixed; bottom: 0; height: 30px; padding: 5px 0; width: 100%; 
	font-size: 16px; background-color: #000; background-color: rgba(0, 0, 0, .2); z-index: 999;
	-webkit-box-shadow:  0px -5px 15px 0px rgba(0, 0, 0, .9);
	box-shadow:  0px -5px 15px 0px rgba(0, 0, 0, .9);
	border-top: 2px solid #000;
	background-image: url(../images/h-f_bg.png);
	background-repeat: repeat-y;
	background-position: center;
	} #dFooter {
			height:30px; overflow:hidden;
		} .cKotakFooter {
				font-family: 'UbuntuMonoRegular', mono;
				overflow: hidden;
				border: 1px solid #333;
				padding:3px;
				color: #ffffff;
				background-color: rgba(100, 100, 100, 100);
				text-shadow: none;
				-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .9);
				box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .9);
				-webkit-border-radius: 10px;
				border-radius: 8px;
				font-size:14px; 	
			} .cKotakFooter:hover { 
				background-color: rgba(0, 0, 0, 100);
				cursor:pointer;
				color: #06F;
				} .cKotakFooterInfo {
						font-family: 'UbuntuMonoRegular', mono;
						overflow: hidden;
						border: 1px solid #333;
						padding:3px;
						color: #ffffff;
						background-color: rgba(100, 100, 100, 100);
						text-shadow: none;
						-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .9);
						box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .9);
						-webkit-border-radius: 10px;
						border-radius: 8px;
						font-size:14px; 	
					} .cKotakFooterInfo:hover { 
						background-color: rgba(0, 0, 0, 100);
						cursor:pointer;
						color: #06F;
						}