/* CSS Document
TICKETS Application: Public */

body{
	background-color:#000000;
	color:#FFFFFF;
	}

#header{
	width:100%;
	text-align:center;
	position:static;
	z-index:100;
	}

#main{
	width:770px;
	margin-left: auto;
	margin-right: auto;
	padding:5px;
	position: static;
	height:500px;
	z-index:auto;
	}

#topcenter a, #bottomcenter a{
	color:#00FF00;
	font-size:small;
	margin:0px;
	}

#leftcolumn a{
	color:#FFFFFF;
	font-size: 14px;
	display: block;
	padding: 2px;
	border: 1px solid #003366;
	background-color: #039;
	text-decoration: none;
	margin-top: 2px;
	}

/*CONTENT LAYERS*/
#leftcolumn{
	width:260px;
	position:absolute;
	background-color:#0099CC;
	border:1px solid #FFFFFF;
	padding-bottom:3px;
	margin-top:auto;
	}

#bottomcenter{
	width:495px;
	left:270px;
	position:relative;
	margin-top:40px;
	border: 1px solid #FFFFFF;
	}

#topcenter{
	width:495px;
	left:270px;
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	color:#FFFFFF;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	}

#main h1{
	width:100%;
	background-color:#666666;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:medium;
	font-weight:bold;
	margin-top:0px; /*ADDED for Firefox*/
	margin-bottom: 5px;
	}

#main h2{
	width:100%;
	background-color:#FF0000;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	text-align:center;
	font-weight:bold;
	margin-top:0px; /*ADDED for Firefox*/
	margin-bottom: 5px;
	}

#main h3{
	width:100%;
	background-color:#FFFFFF;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	text-align:center;
	font-weight:bold;
	margin-top:0px; /*ADDED for Firefox*/
	margin-bottom: 5px;
	}

#main .lastline{
	margin-bottom:0px;
	}

#main h4{
	width:100%;
	background-color:#99FF00;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	text-align:center;
	font-weight:bold;
	margin-top:0px; /*ADDED for Firefox*/
	margin-bottom: 5px;
	}
	
#main h5{
	width:100%;
	background-color:#CCCCCC;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	text-align:center;
	font-weight:bold;
	font-style:italic;
	margin-top:0px; /*ADDED for Firefox*/
	margin-bottom:0px;
	}

/*FORM STYLES - SEARCH BOX, etc.*/
.formtable{
	color:#009900;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight:bold;
	}


.dropbox{
	font-size: x-small;
	padding-top:2px;
	padding-bottom:2px;
	padding-left: 4px;
	margin-bottom: 10px;
	margin-left:5px;
	background-color: #FFFFFF;
	width:245px;
	}

.gobutton{
	padding: 1px;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #009900;
	border: inset 1px #708090;
	}

/*GENERAL Layout*/
.floatleft{
	float:left;
	}

.uborder{
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding-top:0px;
	}

/*CHECKOUT Specific*/
.checkoutdetails{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	width:100%;
	}

.checkoutdetails .itemlabel{
	/*text-align:right; MARKED FOR DESIGN TIME*/
	background-color:#CC0000;
	font-weight:bold;
	border:1px solid #CCCCCC;
	font-size:x-small;
	width:100px;
	padding-left:5px;
	}

.checkoutdetails .itemdetails{
	padding-left:5px;
	}

.checkoutdetails .checkoutfield{
	width:125px;
	}

.checkoutdetails .sourcefield{
	width:200px;
	font-size:small;
	}
	
/*DYNAMIC Output*/
.datetable{
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	font-weight:bold;
	}

.firstoption{
	background-color:#003366;
	color:#FFFFFF;
	}

.details{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	font-weight:bold;
	margin-bottom:5px;
	padding-left:5px;
	}

.whitedetails{
	color:#FFFFFF;
	font-size:x-small;
	font-weight:bold;
	}

#topcenter .details{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight:bold;
	margin-bottom:5px;
	color:#FFFFFF;
	padding-left:5px;
	}

/*Application ToolTips*/
#bottomcenter .checkoutdetails td.itemlabel a{
	position:relative;
	color:#FFFFFF;
	text-decoration:none;
	font-size:x-small;
	}


#bottomcenter .checkoutdetails td.itemlabel a:hover {
	font-size:100%;
	}

#bottomcenter .checkoutdetails td.itemlabel a span{display: none;}

#bottomcenter .checkoutdetails td.itemlabel a:hover span{ /*the span will display just on :hover state*/
	display: block;
	position: absolute;
	top: 10px; 
	left: 20px; 
	width: 175px;
	border:1px solid #CCCCCC;
	background-color:#0099FF;
	color:#FFFFFF;
	padding: 2px;
	font-size:.9em;
	z-index:101;
	}