@charset "utf-8";
/* Project Name
   Last Updated: 4-2010
   Author:	Author Name
		Oncall Interactive, LLC
   
   
Style Defs:
	* dimensions (width, height) styles
	* positioning (with coordinates) styles
	* float/clear styles
	* spacing (margin, padding, border) styles
	* display/visibility styles
	* typography-related (line-height, color, etc.) styles
	* miscellaneous (list-style, cursors, etc.) styles

Sections:
	=GENERAL (page background / fonts, general tags
	=PAGE LAYOUT
		==HEADER
		==CONTENT
		==FOOTER
	=LANDING PAGE
	=HOME PAGE
   ----------------------------------------------------*/



/* =GENERAL
   ----------------------------------------------------*/

body {
	background: transparent none;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	
}

.clear {clear: both;}

a {
	font-weight: bold;
	color: #0099cc;
}

a:hover {
	color: #1877AD;
}

a:active {
	color: #1877AD;
}


/* =PAGE LAYOUT
   ----------------------------------------------------*/

#container {
	width: 648px;
	padding: 15px;
	margin: 0 auto;
	background: #fff;
}

/* Header*/
header h1{
	padding: 10px;
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
	background-color: #1877AD;
}


/* Content */

section#main {
	width: 645px;
	margin: 20px auto 10px auto;
}

section#main form{
	margin: 20px 0 10px 0;
}

section#main form legend{
	margin: 0;
	padding: 0;
	
	padding-top: 20px;
	font-size: 15px;
	font-weight: bold;
	color: #0099cc;
}


section#main form legend b{
	color: #666;
}

section#main form p{
	width: 600px;
}

.form-list li {
	margin-bottom: 5px;
}

.form-list label{
	width: 95px;
	display: block;
	float: left;
	margin-right: 5px;
	text-align: right;
	
}

.form-list label.error{
	width: auto;
	clear: both;
	float: none;
	padding: 5px 0 0 100px;
	text-align: left;
	
	color: #1877AD;
	font-weight: bold;
	
}


.form-list input.textbox {
	width: 230px;
	float: left;
	background: #fff none;
	border: 1px solid #666;
	font-size: 12px;
	color: #666;
}

.form-list input.textbox.error {
	border-color: #1877AD;
}

.form-list select.dropdown {
	width: 232px;
	float: left;
	background: #fff none;
	border: 1px solid #666;
	font-size: 11px;
	color: #666;
}

.form-list textarea {
	width: 395px;
	background: #fff none;
	border: 1px solid #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
}

.form-list li.checkbox input {
	float: none;
	width: auto;
}

.form-list li.checkbox label {
	float: none;
	display: inline;
	width: 500px;
}

.form-list li.radio-list label{
	display: inline;
	float: none;
	width: auto;
}

.form-list li.radio-list input{
	margin: 0 5px 0px 10px;
}

.form-list li.fullname {
	width: 325px;
	float: left;
}

.form-list li.fullname input.textbox{
	width: 220px;
}


.form-list li.customer-id {
	width: 200x;
	float: left;
}

.form-list li.customer-id label{
	width: 80px;
}

.form-list li.customer-id label.error{
	width: auto;
	padding-left: 85px;
}


.form-list li.customer-id input.textbox{
	width: 130px;
}

.form-list li.address {
	clear: both;
}

.form-list li.address input.textbox {
	width: 440px;
}

.form-list li.city {
	float: left;
}


.form-list li.city input.textbox{
	width: 150px;
}

.form-list li.state {
	width: 148px;
	float: left;
}

.form-list li.state label{
	width: 45px;
}

.form-list li.state label.error{
	width: auto;
	padding-left: 23px;
}



.form-list li.state input.textbox,
.form-list li.state select.dropdown{
	width: 98px;
}

.form-list li.zipcode {
	width: 135x;
	float: left;
}

.form-list li.zipcode label{
	width: 35px;
}

.form-list li.zipcode label.error{
	width: auto;
	padding-left: 40px;
}



.form-list li.zipcode input.textbox{
	width: 100px;
}

.form-list li.day-phone {
	clear: both;
}


.form-list li.ticket-section {
	width: 170x;
	float: left;
}


.form-list li.ticket-section input.textbox{
	width: 50px;
}

.form-list li.ticket-row {
	width: 100px;
	float: left;
}

.form-list li.ticket-row label{
	width: 35px;
}


.form-list li.ticket-row input.textbox{
	width: 50px;
}

.form-list li.ticket-seat {
	width: 200px;
	float: left;
}

.form-list li.ticket-seat label{
	width: 45px;
}


.form-list li.ticket-seat input.textbox{
	width: 130px;
}



#exchange-ticket .form-list {
	margin-top: 10px;
	padding: 15px 10px;
	background: #efefef;
}

#exchange-ticket .form-list label{
	width: 150px;
	text-align: left;
}

#exchange-ticket .form-list .radio-list label{
	width: auto;
}

#exchange-ticket .form-list input.textbox{
	
}


.form-list .form-actions{
	padding: 5px 0 0 145px;
}

.form-list .form-actions input.button{
	
}


input.button{
border:none;
vertical-align:text-bottom;
font-family:Arial,Helvetica,sans-serif;
font-size: 11px;
background:#05A0CD;
color:#FFF;
overflow:visible;
padding:2px 7px;
*padding:1px 7px;
width:auto;

cursor:pointer;
outline:0 none;
text-shadow:0 0 1px rgba(255,255,255,0.67);

-webkit-transition: background-color 1s;
}
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner{
padding:0;
border:none;
}

.button:hover{
text-decoration:none;
background:#666;
}