@media only screen and (max-width: 1024px) {
    /* Desktop, Tablet & Mobile. */
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* Desktop & Tablet */
}
@media only screen and (max-width: 767px) {
    /* Tablet (Portrait) */
}
@media only screen and (min-wdth: 480px) and (max-width: 767px) {
    /* Tablet (Portrait) & Mobile (Landscape) */
}
@media only screen and (max-width: 479px) {
    /* Mobile */
}
a:link, a:visited {
	font-family: Tahoma;
	font-size: 11px;
	color:#FF4400;
	text-decoration:none;
}
/*	color:#AB2A2E; */
a:hover {
	color:#FF9999;
}
y:link, a:visited {
	font-family: Tahoma;
	font-size: 11px;
	color:#FF4400;
	text-decoration:none;
}
/*	color:#AB2A2E; */
y:hover {
	color:#FF9999;
}
th {
	color: #D9DEE7;
	font-size: 8pt;
	text-transform: uppercase;
	text-align: center;
	padding: 0.5em;
	background-color: #2E4A7D;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-color: #CCCCCC;
}
ct {
	text-transform: capitalize;
}
up {
	text-transform: uppercase;
}
stp {
	font-family: Tahoma; 
	font-size: 14pt;
	font-weight: lighter;
	color: #999999;
}
#menu{
	font-family:Tahoma;
	font-size:12px;
  	color:#FFFFFF;
}
#menu a:link, #menu a:visited {
	color: #C7BFE3;
}
#menu a:hover {
	color:#FFCC00;
}
#top{
	font-family:Tahoma;
	font-size:11px;
  	color:#FFCC00;
	text-align: left;
}
#top a:link, #top a:visited {
	color: #C7BFE3;
}
#top a:hover {
	color:#FFCC00;
}

#top input, textarea, select {
    background-color: #EEEEEE;
    font-size: 10px;
}
#image a:link, #image a:visited {
	color: #FFFFFF;
}
#image a:hover {
	color:#FFCC00;
}
.ksp {
	padding-right: 10px;
	text-align: justify;
}
.tac {
	padding-right: 10px;
	padding-left: 10px;
	text-align: justify;
}
.tachead {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color:#AB2A2E;
}
.map {
	font-family: Tahoma;
	font-size: 12px;
	border: 1px solid #AAAAAA;
}
.background {
	vertical-align: top;
	text-align: left;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
.date {
	font-family: Tahoma;
	font-size: 12px;
	color: #6C3255;
	text-transform: capitalize;
}
.rhead {
	font-family: Tahoma; 
	font-size: 14pt;
	font-weight: bold;
	color: #2D527E;
	text-shadow: 2px 2px 3px #FFFFFF;
}
.chead {
	font-family: Tahoma; 
	font-size: 11pt;
	font-weight: bold;
	color: #0D2B4E;
	text-shadow: 2px 2px 3px #FFFFFF;
}
.cheads {
	font-family: Tahoma; 
	font-size: 11pt;
	color: #0D2B4E;
	text-shadow: 2px 2px 3px #FFFFFF;
}
.cheadbor {
	font-family:Tahoma;
	font-size: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2E4A7D;
}
.cheadbors {
	font-family:Tahoma;
	font-size: 9px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2E4A7D;
}
.cprice {
	font-family: Tahoma; 
	font-size: 12pt;
	font-weight: bold;
	color: #008800;
}
warn {
	font-family: Tahoma;
	font-size: 13px;
	color:#EE0000;
	text-decoration: blink;
}
.head {
	border: 3px Solid #ADB2B5;
	background-color: #D9DEE7;
}
.uhead {
	font-family: Tahoma;
	font-size: 12px;
	color:#AB2A2E;
	text-decoration:none;
	text-shadow: 2px 2px 3px #888888;
}
.ahead {
	font-family: Tahoma;
	font-size: 12px;
	color:#1D4267;
	text-decoration:none;
	text-shadow: 2px 2px 3px #888888;
}
.aheadbor {
	font-family:Tahoma;
	font-size: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ADB2B5;
}
.aheadbor2 {
	font-family:Tahoma;
	font-size: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ADB2B5;
}
.line {
	font-family:Tahoma;
	font-size: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ADB2B5;
}
.lineup {
	font-family:Tahoma;
	font-size: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ADB2B5;
}
.aprice {
	font-family: Tahoma; 
	font-size: 11px;
	color: green;
	border-width: 1px;
	border-style: solid;
	border-color: #2E4A7D;
 /* color: #008800; */
}
.fprice {
	font-family: Tahoma; 
	font-size: 11px;
	color: green;
 /* color: #008800; */
}
.nprice {
	font-family: Tahoma; 
	font-size: 11px;
	color: red;
}
.cform {
	font-family: Tahoma;
	font-size: 13px;
	color: #2C0D00;
}
.cform0 {
	font-family: Tahoma;
	font-size: 13px;
	color: #2C0D00;
	padding: 1px 0px 2px 0px;
}
.cforms {
	font-family: Tahoma;
	font-size: 12px;
	color: #333333;
}
.sform {
	font-family: Tahoma;
	font-size: 13px;
	color: #2C0D00;
	border-bottom: 1px solid #ADB2B5;
	padding: 2px 0px 2px 0px;
}
.sform1 {
	font-family: Tahoma;
	font-size: 13px;
	color: #2C0D00;
	border-right: 1px solid #ADB2B5;
	border-bottom: 1px solid #ADB2B5;
	padding: 2px 0px 2px 0px;
}
.sform2 {
	font-family: Tahoma;
	font-size: 13px;
	color: #2C0D00;
	background-color: #EBEBE4;
	border-bottom: 1px solid #ADB2B5;
	padding: 2px 0px 2px 0px;
}
.sforms {
	font-family: Tahoma;
	font-size: 11px;
	color: #2C0D00;
	border-bottom: 1px solid #ADB2B5;
	padding: 2px 0px 2px 0px;
}
.sforms1 {
	font-family: Tahoma;
	font-size: 11px;
	color: #2C0D00;
	border-right: 1px solid #ADB2B5;
	border-bottom: 1px solid #ADB2B5;
	padding: 2px 0px 2px 0px;
}
.tform {
	font-family: Tahoma;
	font-size: 13px;
	color: #2C0D00;
	border-right: 1px solid #ADB2B5;
	border-top: 1px solid #ADB2B5;
	border-bottom: 1px solid #ADB2B5;
	padding: 3px 0px 3px 0px;
}
.tform0 {
	font-family: Tahoma;
	font-size: 13px;
	color: #2C0D00;
	border-right: 1px solid #ADB2B5;
	border-top: 1px solid #ADB2B5;
	border-bottom: 1px solid #ADB2B5;
	background-color: #EBEBE4;
	padding: 3px 0px 3px 0px;
}
.tform1 {
	font-family: Tahoma;
	font-size: 13px;
	color: #2C0D00;
	border-top: 1px solid #ADB2B5;
	border-bottom: 1px solid #ADB2B5;
	background-color: #EBEBE4;
	padding: 3px 0px 3px 0px;
}
.tform2 {
	font-family: Tahoma;
	font-size: 13px;
	color: #2C0D00;
	border-top: 1px solid #ADB2B5;
	border-bottom: 1px solid #ADB2B5;
	padding: 3px 0px 3px 0px;
}
.tforms {
	font-family: Tahoma;
	font-size: 11px;
	color: #2C0D00;
	border-right: 1px solid #ADB2B5;
	border-top: 1px solid #ADB2B5;
	border-bottom: 1px solid #ADB2B5;
	padding: 3px 0px 3px 0px;
}
.tforms2 {
	font-family: Tahoma;
	font-size: 11px;
	color: #2C0D00;
	border-top: 1px solid #ADB2B5;
	border-bottom: 1px solid #ADB2B5;
	padding: 3px 0px 3px 0px;
}
.purchase {
	font-family: Tahoma;
	font-size: 12px;
	color: #2C0D00;
	background-color: #D9DEE7;
	border: 1px Solid #ADB2B5;
}
.jdate {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #CCCCCC;
	background-color: #2E4A7D;
	padding: 4px 0px 4px 0px;
}
.journal {
	font-family: Tahoma;
	font-size: 12px;
	color: #2C0D00;
}
.time {
	font-family: Verdana, Tahoma;
	font-size: 12px;
	color: #333333;
	text-shadow: 2px 2px 3px #222222;
}
.dates {
	font-family: Verdana, Tahoma;
	font-size: 10px;
	color: #333333;
	text-shadow: 2px 2px 3px #222222;
}
.error {
	font-family: Verdana, Tahoma;
	font-size: 11px;
	color: #FF0000;
	text-decoration: blink;
}
.ctable {
	font-family: Tahoma; 
	font-size: 12px;
	color: #333333;
	margin: 4px 0;
}
.signtable {
	font-family: Tahoma; 
	font-size: 11px;
	border-width: 1px;
	border-style: solid;
	border-color: #2E4A7D;
	margin: 14px 0 80px 0;
	background-color: #FFFFFF;
}
.ontable {
	font-family: Tahoma; 
	font-size: 11px;
	color: #00AA00;
	background-color: #FDFDFD;
	/* background: -moz-linear-gradient(100% 100% 100deg, #FDFDFD, #FBFBFB, #E5E5E5 100%); */
	margin: 4px 0px;
}
.atable {
	font-family: Tahoma; 
	font-size: 11px;
	border-width: 1px;
	border-style: solid;
	border-color: #ADB2B5;
	background-color: #FDFDFD;
	/* background: -moz-linear-gradient(100% 100% 100deg, #FDFDFD, #FBFBFB, #E5E5E5 100%); */
	margin: 4px 0px;
}
.ftable {
	font-family: Tahoma; 
	font-size: 11px;
	border-width: 0px;
}
.submit {
	font-family:Tahoma;
	font-size:11px;
	padding-left:4px;
	color:#333333;
	text-align:center;
	text-transform:capitalize;
	line-height: 18px;
}
.tcontent {
	font-family: Tahoma; 
	font-size: 11px;
	background-color: #FDFDFD;
	/* background: -moz-linear-gradient(100% 100% 100deg, #FDFDFD, #FBFBFB, #E5E5E5 100%); */
}
.tcontents {
	font-family: Tahoma; 
	font-size: 11px;
	border-right: 1px solid #ADB2B5;
	border-bottom: 1px solid #ADB2B5;
	background-color: #FDFDFD;
	padding: 3px 7px 3px 7px;
	/* background: -moz-linear-gradient(100% 100% 100deg, #FDFDFD, #FBFBFB, #E5E5E5 100%); */
}
.tcontente {
	font-family: Tahoma; 
	font-size: 11px;
	border-bottom: 1px solid #ADB2B5;
	background-color: #FDFDFD;
	padding: 3px 7px 3px 7px;
	/* background: -moz-linear-gradient(100% 100% 100deg, #FDFDFD, #FBFBFB, #E5E5E5 100%); */
}
.tcontenth {
	font-family: Tahoma; 
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom: 1px solid #ADB2B5;
	background-color: #2E4A7D;
	padding: 3px 7px 3px 7px;
	/* background: -moz-linear-gradient(100% 100% 100deg, #FDFDFD, #FBFBFB, #E5E5E5 100%);
	   background-color: #7A0202;
 */
}
.tcontenton {
	font-family: Tahoma; 
	font-size: 11px;
	color: #00AA00;
	border-bottom: 1px solid #ADB2B5;
	background-color: #FDFDFD;
	padding: 3px 7px 3px 7px;
	/* background: -moz-linear-gradient(100% 100% 100deg, #FDFDFD, #FBFBFB, #E5E5E5 100%); */
}
.jcontents {
	font-family: Tahoma; 
	font-size: 11px;
	border-right: 1px solid #ADB2B5;
	border-top: 1px solid #ADB2B5;
	border-bottom: 1px solid #ADB2B5;
	background-color: #FDFDFD;
	padding: 3px 7px 3px 7px;
	/* background: -moz-linear-gradient(100% 100% 100deg, #FDFDFD, #FBFBFB, #E5E5E5 100%); */
}
.jcontente {
	font-family: Tahoma; 
	font-size: 11px;
	border-top: 1px solid #ADB2B5;
	border-bottom: 1px solid #ADB2B5;
	background-color: #FDFDFD;
	padding: 3px 7px 3px 7px;
	/* background: -moz-linear-gradient(100% 100% 100deg, #FDFDFD, #FBFBFB, #E5E5E5 100%); */
}
.contganjil {
	font-family: Tahoma; 
	font-size: 11px;
	border-right: 1px solid;
	border-color: #2E4A7D;
	background-color: #FDFDFD;
	padding-left: 5px;
	padding-right: 5px;
	/* background: -moz-linear-gradient(100% 100% 100deg, #FDFDFD, #FBFBFB, #E5E5E5 100%); */
}
.contganjils {
	font-family: Tahoma; 
	font-size: 11px;
	background-color: #FDFDFD;
	padding-left: 5px;
	padding-right: 5px;
	/* background: -moz-linear-gradient(100% 100% 100deg, #FDFDFD, #FBFBFB, #E5E5E5 100%); */
}
.contgenap {
	font-family: Tahoma; 
	font-size: 11px;
	border-right: 1px solid;
	border-color: #2E4A7D;
	background-color: #DDE4EB;
	padding-left: 5px;
	padding-right: 5px;
	/* background: -moz-linear-gradient(100% 100% 100deg, #FDFDFD, #FBFBFB, #E5E5E5 100%); */
}
.contgenaps {
	font-family: Tahoma; 
	font-size: 11px;
	background-color: #DDE4EB;
	padding-left: 5px;
	padding-right: 5px;
}
.rcontganjil {
	font-family: Tahoma; 
	font-size: 11px;
	border-right: 1px solid;
	border-color: #2E4A7D;
	background-color: #FDFDFD;
	padding-left: 5px;
	padding-right: 5px;
	/* background: -moz-linear-gradient(100% 100% 100deg, #FDFDFD, #FBFBFB, #E5E5E5 100%); */
}
.rcontganjils {
	font-family: Tahoma; 
	font-size: 11px;
	background-color: #FDFDFD;
	padding-left: 5px;
	padding-right: 5px;
	/* background: -moz-linear-gradient(100% 100% 100deg, #FDFDFD, #FBFBFB, #E5E5E5 100%); */
}
.rcontgenap {
	font-family: Tahoma; 
	font-size: 11px;
	border-right: 1px solid;
	border-color: #2E4A7D;
	background-color: #FCEDED;
	padding-left: 5px;
	padding-right: 5px;
	/* background: -moz-linear-gradient(100% 100% 100deg, #FDFDFD, #FBFBFB, #E5E5E5 100%); */
}
.rcontgenaps {
	font-family: Tahoma; 
	font-size: 11px;
	background-color: #FCEDED;
	padding-left: 5px;
	padding-right: 5px;
}
.isi {
	font-family:Tahoma;
	font-size:11px;
	padding-left:4px;
	padding-right: 6px;
	color:#333333;
	text-align:justify;
	line-height: 18px;
}
.form {
	font-family:Tahoma;
	font-size:11px;
	color:#333333;
	background-color: #FEF2F9;
}
.bullet{
	padding-left:14px;
	vertical-align: middle;
}
.isi_kecil{
	font-family:Tahoma;
	font-size:11px;
	padding-left:4px;
	color:#FF9900;
}
.anta {
	font-family:Tahoma;
	font-size:11px;
	color:#990000;
}
.vaya {
	font-family:Tahoma;
	font-size:11px;
	color:#0000FF;
}
.space {
	font-family:Tahoma;
	font-size:4px;
}
.spacer {
	font-family:Tahoma;
	font-size:9px;
}
.spacy {
	font-family:Tahoma;
	font-size:2px;
	border-bottom: 1px solid #ADB2B5;
}
.judul {
	font-family:Tahoma;
	font-size:16px;
	font-weight:bold;
	color:#990000;
	text-indent:inherit;
	padding-left:4px;
	height:40px;
	border-width: 1px;
	border-style: solid;
	border-color: #969BA5;
	border-collapse: collapse;
}
.klop {
	font-family:Tahoma;
	font-size:16px;
	font-weight:bold;
	color:#990000;
	text-indent:inherit;
	padding-left:4px;
	height:40px;
	border-width: 1px;
	border-style: solid;
	border-color: #969BA5;
	border-collapse: collapse;
}
klop {
	font-family:Tahoma;
	font-size:18px;
	font-weight:bold;
	color:#009900;
	padding-left:4px;
	height:40px;
}
.promo {
	font-family: Tahoma; 
	font-size: 11px;
	border-width: 1px;
	border-style: solid;
	border-color: #2E4A7D;
	margin: 4px 0;
	padding: 2px 10px 0 10px;
	background-color: #FEFEFE;
}
.jenis {
	font-family:Tahoma;
	font-size:16px;
	color:#333333;
	padding-left:4px;
	height:40px;
	border-width: 1px;
	border-style: solid;
	border-color: #FFB844;
	border-collapse: collapse;
}
.title {
	font-family:Tahoma;
	font-size:18px;
	font-weight:bold;
	color:#333333;
	padding-left:4px;
	height:40px;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
}
.htitle {
	font-family:Tahoma;
	font-size:20px;
	font-weight:bold;
	color:#585858;
	padding-left:4px;
	height:50px;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
}
.judul_head {
	font-family:Tahoma;
	font-size:12px;
	font-weight:bold;
	background-color: #660000;
 	color:#FFFFFF;
  	padding-left:4px;
}
.kembali {
	font-family:Tahoma;
	font-size:11px;
	padding-left:4px;
	text-align:center;
}
.welcome {
	font-family:Tahoma;
	font-size:11px;
	color:#333333;
}
total {
	font-family:Tahoma;
	font-size:12px;
	color:#FF0000;
}
jumlahl {
	font-family:Tahoma;
	font-weight:bold;
	font-size:12px;
	color:#FF0000;
}
jumlah {
	font-family:Tahoma;
	font-weight:bold;
	font-size:11px;
	color:#FF0000;
}
.nama {
	font-family:Tahoma;
	font-size:11px;
	color:#EAF2FC;
	padding-left:4px;
	text-transform: capitalize;
	text-decoration:blink;
	text-shadow: 2px 2px 3px #222222;
	
}
.sign {
	font-family:Tahoma;
	font-size:11px;
	color:#EAF2FC;
	padding-left:4px;
	text-shadow: 2px 2px 3px #000000;
}
.home {
	font-family: Tahoma;
 	font-weight: Bold;
	font-size: 16px;
	color: #B40020;
}
.login {
	font-family:Tahoma;
	font-size:11px;
	color:#333333;
	text-align:left;
}
.search {
	font-family: Trebuchet MS;
	font-size:12px;
	font-weight: bold;
	color: #AB2A2E;
	text-align:left;
	text-shadow: 2px 2px 3px #777777;
}
.link {
	font-family: Trebuchet MS;
	font-size:12px;
	text-align:left;
	text-shadow: 2px 2px 3px #777777;
}
.signin {
	font-family: Tahoma;
	font-size:12px;
	color:#333333;
	text-align:left;
}
.logout {
	font-family:Tahoma;
	font-size:12px;
	text-align:center;
}
.down {
	padding-left: 10px;
	padding-right: 10px;
}
.inv {
	font-family:Tahoma;
	font-size:13px;
	font-weight: bold;
}