body {background:#cc0000; margin:0 auto; text-align:center;}
table {margin:0 auto;}
#wrapper {
	text-align:left;
	margin:0 auto;
	width:994px;
}

#Layout {background-color:#FFF; margin-bottom:20px;}

a {FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR:#C00; FONT-FAMILY: 'Arial'; text-decoration:none;}
a:hover {text-decoration: underline; color:#F00;}

/*#Header {background-color:#F00;	text-align:center;}*/
#Footer {/*background-color:#cc0000;*/	color:#000;	text-align:center;}

#MenuBar {FONT-WEIGHT: bold;    FONT-SIZE: 12pt;    COLOR:#C00;    FONT-FAMILY: 'Arial';}
	
.BlueLabelCss
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: darkblue;
    FONT-FAMILY: 'Arial'
}
.BlueNoLink
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    CURSOR: hand;
    COLOR: blue;
    FONT-FAMILY: 'Arial'
}
.RedNoLink
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: red;
    FONT-FAMILY: 'Arial'
}
.redlabelcss
{
    FONT-SIZE: 9pt;
    COLOR: red;
    FONT-FAMILY: 'Arial'
}
.bluelabelcss
{
    FONT-SIZE: 9pt;
    COLOR: blue;
    FONT-FAMILY: 'Arial'
}
.Smalllabelcss
{
    FONT-SIZE: 8pt;
    COLOR: red;
    FONT-FAMILY: 'Arial'
}
.BlackHR
{
    FONT-SIZE: 1pt ;
    COLOR: black ;
    FONT-FAMILY: 'Arial'
}
.PrintText
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: black;
    FONT-FAMILY: Arial
}
.Linkcss
{
    FONT-SIZE: 9pt;
    CURSOR: hand;
    COLOR: blue;
    FONT-FAMILY: 'Arial';
    TEXT-DECORATION: underline
}

.SmallLinkcss
{
    FONT-SIZE: 8pt;
    CURSOR: hand;
    COLOR: blue;
    FONT-FAMILY: 'Arial';
    TEXT-DECORATION: underline
}
.RedText
{
    FONT-SIZE: 9pt;
    COLOR: Red;
    FONT-FAMILY: 'Arial';
}

.BlackText
{
    FONT-SIZE: 9pt;
    COLOR: black;
    FONT-FAMILY: 'Arial';
}
.WhiteText
{
    FONT-SIZE: 9pt;
    COLOR: white;
    FONT-FAMILY: 'Arial';
}

.LargeBlackText
{
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: 'Arial';
}
.SmallBlackText
{
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: 'Arial';
}

.SmallBlueText
{
    FONT-SIZE: 8pt;
    COLOR: blue;
    FONT-FAMILY: 'Arial';
}

.SmallGrayText
{
    FONT-SIZE: 8pt;
    COLOR: #808080;
    FONT-FAMILY: 'Arial';
}
.Linkcss
{
    FONT-SIZE: 9pt;
    CURSOR: hand;
    COLOR: blue;
    FONT-FAMILY: 'Arial';
    TEXT-DECORATION: underline
}
.RedLinkcss
{
    FONT-SIZE: 9pt;
    CURSOR: hand;
    COLOR: red;
    FONT-FAMILY: 'Arial';
    TEXT-DECORATION: underline
}
.RowColor
{
    BACKGROUND-COLOR: RGB(219,219,219)
}
.InputNumBox
{
    BORDER-RIGHT: #ccccff 1pt solid;
    BORDER-TOP: #0066cc 1pt solid;
    BORDER-LEFT: #0066cc 1pt solid;
    BORDER-BOTTOM: #ccccff 1pt solid;
    FONT-SIZE: 9pt;
    FONT-FAMILY: 'Arial';
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: right;
}
.InputBox
{
    BORDER-RIGHT: #ccccff 1pt solid;
    BORDER-TOP: #0066cc 1pt solid;
    BORDER-LEFT: #0066cc 1pt solid;
    BORDER-BOTTOM: #ccccff 1pt solid;
    FONT-SIZE: 9pt;
    FONT-FAMILY: 'Arial';
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: left
}
.SmallInputBox
{
    BORDER-RIGHT: #ccccff 1pt solid;
    BORDER-TOP: #0066cc 1pt solid;
    BORDER-LEFT: #0066cc 1pt solid;
    BORDER-BOTTOM: #ccccff 1pt solid;
    FONT-SIZE: 8pt;
    FONT-FAMILY: 'Arial';
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: left
}
.InputSeatBox
{
    BORDER-RIGHT: #ccccff 1pt solid;
    BORDER-TOP: #0066cc 1pt solid;
    BORDER-LEFT: #0066cc 1pt solid;
    BORDER-BOTTOM: #ccccff 1pt solid;
    FONT-SIZE: 9pt;
    FONT-FAMILY: 'Arial';
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: center
}

.DisNumBox
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT-SIZE: 9pt;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
    FONT-FAMILY: 'Arial';
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: right;
    COLOR:black;
}

.DisBox
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT-SIZE: 9pt;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
    FONT-FAMILY: 'Arial';
    BACKGROUND-COLOR: transparent;
    COLOR:black;
}


.BUTTON
{
    BORDER-RIGHT: blue 1pt solid;
    BORDER-TOP: blue 1pt solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    BORDER-LEFT: blue 1pt solid;
    CURSOR: hand;
    COLOR: blue;
    BORDER-BOTTOM: blue 1pt solid;
    FONT-FAMILY: 'Arial';
    BACKGROUND-COLOR: transparent
}

.BUTTON2
{
    FONT-SIZE: 9pt;
    CURSOR: hand;
    FONT-FAMILY: 'Arial';
}

.BUTTONBLUE
{
    FONT-SIZE: 9pt;
    CURSOR: hand;
    FONT-FAMILY: 'Arial';
    BACKGROUND-COLOR: Blue;
}

.BUTTONRED
{
    FONT-SIZE: 9pt;
    CURSOR: hand;
    FONT-FAMILY: 'Arial';
    BACKGROUND-COLOR: Red;
}

.BUTTONGREEN
{
    FONT-SIZE: 9pt;
    CURSOR: hand;
    FONT-FAMILY: 'Arial';
    BACKGROUND-COLOR: Green;
}

.BUTTONYellow
{
    FONT-SIZE: 9pt;
    CURSOR: hand;
    FONT-FAMILY: 'Arial';
    BACKGROUND-COLOR: Yellow;
}

.BUTTONOrange
{
    FONT-SIZE: 9pt;
    CURSOR: hand;
    FONT-FAMILY: 'Arial';
    BACKGROUND-COLOR: #ffcc66;
}

.BUTTONBrown
{
    FONT-SIZE: 9pt;
    CURSOR: hand;
    FONT-FAMILY: 'Arial';
    BACKGROUND-COLOR: #daa520;
}

.BUTTONPink
{
    FONT-SIZE: 9pt;
    CURSOR: hand;
    FONT-FAMILY: 'Arial';
    BACKGROUND-COLOR: Pink;
}

.BUTTONPurple
{
    FONT-SIZE: 9pt;
    CURSOR: hand;
    FONT-FAMILY: 'Arial';
    BACKGROUND-COLOR: #663399;
}

.CalenderHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: white;
    FONT-FAMILY: 'Arial';
    BACKGROUND-COLOR: #10f08b
}

.SideMenu
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: white;
    FONT-FAMILY: 'Arial';
    BACKGROUND-COLOR: #808080;
}

.SubSideMenu
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: 'Arial';
    BACKGROUND-COLOR: #c0c0c0;
}
.SubSideMenuSelected
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: 'Arial';
    BACKGROUND-COLOR: #ff9966;
}
.TableHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: white;
    FONT-FAMILY: 'Arial';
    BACKGROUND-COLOR: RGB(1,17,124);
    TEXT-ALIGN: center
}
.TableHeader2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: white;
    FONT-FAMILY: 'Arial';
    BACKGROUND-COLOR: #3366cc;
    TEXT-ALIGN: center
}
.TableHeader4
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: black;
    FONT-FAMILY: 'Arial';
    BACKGROUND-COLOR: #d3d3d3;
    TEXT-ALIGN: center
}

.TableHeader5
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: black;
    FONT-FAMILY: 'Arial';
    BACKGROUND-COLOR: #faebd7;
    TEXT-ALIGN: center
}
.SmallTableHeader2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-FAMILY: 'Arial';
    BACKGROUND-COLOR: #3366cc;
    TEXT-ALIGN: center
}
.TableHeader3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: white;
    FONT-FAMILY: 'Arial';
    BACKGROUND-COLOR: Red;
    TEXT-ALIGN: center
}
.DisTabRed
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: white;
    FONT-FAMILY: 'Arial';
    BACKGROUND-COLOR: red;
    TEXT-ALIGN: center
}

.DisTabGray
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: white;
    FONT-FAMILY: 'Arial';
    BACKGROUND-COLOR: Gray;
    TEXT-ALIGN: center
}
.DestButton
{
	font-family: arial;
	font-weight: bold;
	font-size: 14px;
	color: black;
	background-color: rgb(192,192,192);
	height: 30px;
	CURSOR: hand;
}
.DestButton2
{
	font-family: arial;
	font-weight: bold;
	font-size: 14px;
	color: black;
	background-color: #ffdab9;
	height: 30px;
	CURSOR: hand;
}
.DestSelButton
{
	font-family: arial;
	font-weight: bold;
	font-size: 14px;
	color: black;
	background-color: red;
	height: 30px;
	CURSOR: hand;
}

.pageButton
{
	font-family: arial;
	font-weight: bold;
	font-size: 12px;
	color: black;
	background-color: rgb(192,192,192);
	width: 80px;
	height: 20px;
	CURSOR: hand;
}

.inputbox {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	padding: 0px 0px 0px 2px;
	margin: 0 0 0 10px;
	color: Black;
	border: 1px solid Gray;
}

.oTableBody1
{
    FONT-SIZE: 9pt;
    COLOR: black;
    FONT-FAMILY: 'Arial';
	BACKGROUND-COLOR:#d5e3ed;
}

.oTableHeader1
{
	height:22px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: 'Arial';
    BACKGROUND-COLOR: #7b7979;	
}
.oTableBody2
{
    FONT-SIZE: 9pt;
    COLOR: black;
    FONT-FAMILY: 'Arial';
    BACKGROUND-COLOR: #97AAC6;	
}
.oTableHeader2 {height:22px; FONT-WEIGHT: bold; COLOR:white; background-color:#C00; FONT-SIZE: 10pt;}
.oTableBody3
{

    FONT-SIZE: 9pt;
    COLOR: black;
    FONT-FAMILY: 'Arial';
	background-color:#FFFFFF;
	
}
.oTableHeader3
{
	height:22px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: white;
    FONT-FAMILY: 'Arial';
	background-color:#666666
}
.oTrBody3
{
	FONT-SIZE: 9pt;
    COLOR: black;
    FONT-FAMILY: 'Arial';
	background-color:#EAEAEA;
}
.oTableBody4
{
	FONT-SIZE: 9pt;
    COLOR: black;
    FONT-FAMILY: 'Arial';
	background-color:#FFFFFF;
	
}
.oTableHeader4
{
	height:22px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: white;
    FONT-FAMILY: 'Arial';
	background-color:#FF3300;
}
.textBig9
{
    FONT-FAMILY: 'Arial';
	FONT-SIZE: 9pt;
	COLOR: black;
}
.textBig9b
{
    FONT-FAMILY: 'Arial';
	FONT-WEIGHT: bold;
	FONT-SIZE: 9pt;
	COLOR: black;
}
.BUTTONGREY
{
    FONT-SIZE: 18pt;
    CURSOR: hand;
    FONT-FAMILY: 'Arial';
	background-color:#FFFFFF;
	width:100px;
}
.BUTTONLIGHTBLUE
{
    FONT-SIZE: 9pt;
    
    FONT-FAMILY: 'Arial';
	color:#f9f9f9;
    BACKGROUND-COLOR: Grey;
	border:none;
}
.BUTTONDIS
{
        FONT-SIZE: 9pt;
    FONT-FAMILY: 'Arial';
	
    BACKGROUND-COLOR: Grey;
	border:none;
	
}
.BUTTONPrint
{
    FONT-SIZE: 15pt;
	FONT-WEIGHT: bold;
    CURSOR: hand;
    FONT-FAMILY: 'Arial';
	background-color:#CCCCCC;
	width:150px;
}
div.translucent { /* this class makes a window partially transparent */
    opacity: .75;               /* Standard style for transparency */
    -moz-opacity: .75;          /* Transparency for older Mozillas */
    filter: alpha(opacity=75);  /* Transparency for IE */
}

.top-stroke {background:url(../Images/top_stroke.jpg) no-repeat top; height:21px; text-align:right;}
.mid-stroke {background:url(../Images/mid_stroke.gif) repeat-y top;}
.bot-stroke {background:url(../Images/bottom_stroke.jpg) no-repeat bottom; height:15px; }

#header {height:134px; width:994px; margin:0 auto; background:#ffcc33 url(../Images/banner.jpg) top center no-repeat;}

#menu-top {color:#333; text-align:right; margin-top:107px; float:right; background:url(../Images/menu-top.gif) no-repeat left top #fff; height:27px; padding:5px 0 0 12px;}
#menu-top a {color:#C00; text-decoration:none; padding:0 5px;}
#menu-top a:hover {text-decoration:none; border-bottom:1px solid red; color:#F00}
#menu-top a.logout {color:#333}
.left-curve {background:url(../Images/menu-top.gif) no-repeat right top #fff; float:right; width:12px; margin-top:107px; margin-right:20px; height:27px; display:inline; /* untuk ie6 - fix double size */}

.login {background:url(../Images/i-log.gif) left center no-repeat #C00; padding-left:25px;}
.dest {background:url(../Images/i-dest.gif) left center no-repeat #7b7979; padding-left:25px;}

.clear {font-size: 1px; height: 1px} 

/* untuk logo eticketing 
.eticketing a{ background:url(../Images/eticketing_logo.gif) 0 0 no-repeat; width:194px; height:44px; display: block;}
.eticketing a:hover { background-position:0 -44px;}*/
.eticketing {display:none}