/*** Style Definitions ***/
@font-face {
  font-family: Futura_med_cond_bd_BT;
  src: url("Futura_med_cond_bd_BT.ttf");
}

/**********************
Set the container to android 480px x 800px (htc desire)
*************************/

body {
	font-family: sans-serif; /* Futura_med_cond_bd_BT, Arial, Helvetica, sans-serif; */
	font-size:14px;  	  
	text-align:center;
	width: 320px;
	line-height: 150%;
}

#app {
	width:320px;
	min-height:400px;
	overflow:hidden;
	position:relative;
	/*border: 1px solid red;*/
}

.box {	
	width:320px; 
	min-height:400px;
	height:auto; 
	float:left; position:relative;
	margin-bottom: 20px;
	/*border:solid 1px yellow;*/
}
h2 {
 position: relative;
	top: 10px; 
	margin: 0 auto; 
	width:auto; 
	display:inline-block; 
	z-index: 41;
	font-weight: bold;
	min-width: 220px;
}

.content {
	position:relative;
	width: 268px; 
	height:auto; 
	background: #fff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; 
	margin:10px; padding:15px; 
	top:12px; 
	border: 3px solid #666;	
	border-width: 3px;
	-webkit-box-shadow: 0px 0px 2px #444;
	-moz-box-shadow: 0px 0px 2px #444; 
	z-index:10;
	text-align:left;
	
}



.content table {
	width:268px;
	}

input, select {	
	margin:6px;
	width:170px;
	border:1px solid #666;
	font-size: 16px;    
    line-height: 28px;
    min-height: 28px;
    padding-left: 4px;
    text-align: left;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
}

select {
    -webkit-border-radius: 0px;
}

/****************** end of that  ******************/

/*** Header ***/
#header { 
	position:relative; top:0; left: 0;
	background: -webkit-gradient(linear,
                left top, left bottom, from(#50b948), to(#ededed)); 
	background: -moz-linear-gradient(center top , #50b948, #ededed) repeat scroll 0 0 transparent; 
	width:100%; height:40px; 
	z-index: 20;
	-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
	/* TODO Drop Shadow 30%, 90 degrees, 5 distance 5 size */
}
.back {
	position:absolute;
	padding:5px;
	top:4px; left:3px;
	text-shadow:0px 1px 1px white;
	-webkit-box-shadow: 0px 1px 1px white;
	-moz-box-shadow: 0px 1px 1px white;
}

/*
#logo { width:100%; height:50px; text-indent: -8000px;
	background: url(DEMO_LOGO-NCR-lg.png) no-repeat center center;
}*/


#nav {
	display:none;
	border-top: 1px solid #565656;
	z-index:900;
	background: #ccc;
}
#nav table {
}

#nav a,#nav a:visited,#nav a:link, a.navbutton {
	width:68px;
	display:block;
	float: left;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 10px;
    	-moz-border-radius: 10px;
	
}

#splash {
	background:rgba(255,255,255,1.0);
	z-index:999;
}
#splash img {
	width:100%; height:480px;
	z-index:999;
}

.homeButtons {
	margin:0px;
	margin-bottom:10px;
}

#home .homeButtons td {
	padding:10px 10px 0px 10px;
}

a.navbutton {		
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border:solid 2px #ccc;
	
	text-shadow: 0px 1px 0px rgba(0,0,0,0.7);
	/*
	text-shadow: 0px -1px 1px #666;
	background: -webkit-gradient(linear,
                left top, left bottom, from(#4fb24c), to(#318261)); 
	background: -moz-linear-gradient(center top , #4fb24c, #006633) repeat scroll 0 0 transparent;*/	
	background: -webkit-gradient(linear,
                left top, left bottom, from(#50b948), to(#224f1f)); 
	background: -moz-linear-gradient(center top , #50b948, #224f1f) repeat scroll 0 0 transparent;
    color: #ccc; /* #333;*/
    width: 80px;        
}
#nav .selected {
	background:black;
}

/********** Test styles  *******************/

.date .time {
	font-size:250%;
	font-weight: bold;
	line-height: 150%;
}

.ticketStub {
/*	border:1px solid #666;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
*/
	margin-bottom:10px;
	padding: 15px;
    padding-bottom: 10px;
    -webkit-border-radius: 10px;
    background: rgba(255,255,255,0.75);
    -webkit-box-shadow: 0px 0px 2px #444;
}

.status {
    padding: 15px;
    padding-bottom: 10px;
    -webkit-border-radius: 10px;
    background: rgba(255,255,255,1.0);
    -webkit-box-shadow: 0px 0px 2px #444;
}

.statusBar {
	/*background: #33dd66;*/
	background: #50b948;
	width:220px;
	padding-left:5px;
}

.content .status button {
    width: 240px;
}

.content .ticketStub a.button, .content .ticketStub table {
    width: 211px;
}

em {
    color: #318261;
    font-weight: bold;
}

.hurry {
	border:4px solid red;
}

td {
	text-align:left;
	padding:5px;
	font-size: inherit;
	vertical-align: top;
}

th {
    vertical-align: top;
    padding-top: 5px;
    color: #318261;
    font-weight: bold;
}

.notes {
	font-size:80%;
	font-style:italic;
}
a.phone {
	display:block;
	padding: 5px;
	margin:auto;
	text-align:center;
}

a.button, .content button {
	display: block;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:solid 1px #444;
	color: white;	
	padding: 5px 8px 5px 8px;
	text-shadow: 0px 1px 0px rgba(0,0,0,0.7);	
	/*
	text-shadow: 0px -1px 1px #666;	
	background: -webkit-gradient(linear,
                left top, left bottom, from(#4fb24c), to(#318261)); 
	background: -moz-linear-gradient(center top , #4fb24c, #006633) repeat scroll 0 0 transparent;
	*/
	background: -webkit-gradient(linear,
                left top, left bottom, from(#50b948), to(#224f1f)); 
	background: -moz-linear-gradient(center top , #50b948, #224f1f) repeat scroll 0 0 transparent;
	margin:6px;
	margin-right: 0px;
	margin-left: 0px;
	width: 242px;
	text-align: center;
	-webkit-box-shadow: 0px 0px 2px #666;
	line-height: 150%;
}
a.button:active, a.navbutton:active {
	/*background: -webkit-gradient(linear,
                left top, left bottom, from(#4fb24c), to(#00cc99)); 
	background: -moz-linear-gradient(center top, #4fb24c, #00cc99) repeat scroll 0 0 transparent;
	*/
	background: -webkit-gradient(linear,
                left top, left bottom, from(#224f1f), to(#50b948)); 
	background: -moz-linear-gradient(center top , #224f1f, #50b948) repeat scroll 0 0 transparent;
}

/** HACK: Webkit seems to use a different box model for buttons! **/
.content button {
    width: 270px;
}

a { text-decoration: none; color: #318261;}

#home table img {
	width:36px; height:36px;
	margin-bottom:-5px;
}
#home td {
	padding:2px;
}

#boardingPass .content {
	background:white;
	opacity:1;
}

#boardingPass .seatNum {
	float:right;
}
#boardingPass .seatNum .var {
	font-size:150%;
}

 .seatmap {
    width: 260px;
    margin-left: auto;
    margin-right: auto;
 }
 .seat {
    display: block;
    text-align: center;
 	width:30px; height:25px;
 	-moz-border-radius:5px; -webkit-border-radius:5px;
 	color:white;
 	text-shadow: 0px 1px 0px rgba(0,0,0,0.7);
 	padding-top:2px;
 	background:#666;
 	background: -webkit-gradient(linear,
                left top, left bottom, from(#50b948), to(#224f1f)); 
	background: -moz-linear-gradient(center top , #50b948, #224f1f) repeat scroll 0 0 transparent;
 	/*background: -webkit-gradient(linear,
                left top, left bottom, from(#006633), to(#00cc99)); 
	background: -moz-linear-gradient(center top, #006633, #00cc99) repeat scroll 0 0 transparent;*/
 }
 
 #sitDown.disabled {
 	background:#666;
 	background: -webkit-gradient(linear,
                left top, left bottom, from(#999), to(#666)); 
	background: -moz-linear-gradient(center top, #999, #666) repeat scroll 0 0 transparent;
 }
 
 .seatmap .taken {
 	background:#00cc99;
 	background: -webkit-gradient(linear,
                left top, left bottom, from(#b94850), to(#4f1f22)); 
	background: -moz-linear-gradient(center top , #b94850, #4f1f22) repeat scroll 0 0 transparent;
	/*
 	background: -webkit-gradient(linear,
                left top, left bottom, from(#990066), to(#330000)); 
	background: -moz-linear-gradient(center top, #990066, #330000) repeat scroll 0 0 transparent;*/
 }
 
 .seatmap a.mine, #seatmap a.mine {
 	background:#0099cc;
 	/*background: -webkit-gradient(linear,
                left top, left bottom, from(#4850b9), to(#1f224f)); 
	background: -moz-linear-gradient(center top , #4850b9, #1f224f) repeat scroll 0 0 transparent;*/
 	background: -webkit-gradient(linear,
                left top, left bottom, from(#0099cc), to(#003366)); 
	background: -moz-linear-gradient(center top, #0099cc, #003366) repeat scroll 0 0 transparent;
 } 

 .seatmap .empty {
 	/*background:#00cc99;
 	background: -webkit-gradient(linear,
                left top, left bottom, from(#00cc99), to(#006633)); 
	background: -moz-linear-gradient(center top, #00cc99, #006633) repeat scroll 0 0 transparent;*/
 }