@CHARSET "UTF-8;


div.tickets_title {
	display: block;
	float: none;
	background-color: #cfcfcf;
	height: 40px;
	margin-top: 10px;
	padding: 0px;
}

div.tickets_title h1 {
	margin-left: 20px;
	float: left;
	color: black;
	font-size: 14pt; 
}

/* the search box Paragraph */
div.tickets_title p {
	display: inline-block;
	float: right;
	margin: 0px 15px 0px 0px;
	margin-top: 8px;
	padding: 0px;
	/*visibility: hidden;			/* NOT YET WORKING */
	
}

/* DIV containing all tickets */
div.tickets {
	display: block;
	width: 100%;
	overflow: auto;
	/*background-color: grey;*/
}

div.vticket_bg { 	
					position: relative;
					background: #bababa; /* Old browsers */
					background: -moz-linear-gradient(top,  #bababa 0%, #ffffff 40%, #d9d9d9 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(40%,#ffffff), color-stop(100%,#d9d9d9)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top,  #bababa 0%,#ffffff 40%,#d9d9d9 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top,  #bababa 0%,#ffffff 40%,#d9d9d9 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top,  #bababa 0%,#ffffff 40%,#d9d9d9 100%); /* IE10+ */
					background: linear-gradient(to bottom,  #bababa 0%,#ffffff 40%,#d9d9d9 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bababa', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */

					border-width: 1px 0 0 1px;
					border-color: navy;
				 	width: 270px;
				 	/*height: 200px;*/
				 	padding: 0px 5px 0px 5px;
					/* display: inline;*/
 					display: inline-block;
					margin: 10px;
					/* round corners */
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
					/* shadow */
					-webkit-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.75);
					-moz-box-shadow:    2px 2px 4px 0px rgba(50, 50, 50, 0.75);
					box-shadow:         2px 2px 4px 0px rgba(50, 50, 50, 0.75);
					z-index: 1;
}

div.vticket_title {
					/*background-color: black;*/
					color: #FFFFFF;
					font-size: 8pt;
					position: absolute;
					top: 5px;
					padding: 5px;
					width: 260px;
					text-align: right;
					/*text-shadow: 0px 0px 1px #FFFFFF;*/
					/*  gradient */
					background: -moz-linear-gradient(left, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.8) 53%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.2)), color-stop(53%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.8) 53%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.8) 53%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.8) 53%,rgba(0,0,0,0.8) 100%); /* IE10+ */
					background: linear-gradient(to right, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.8) 53%,rgba(0,0,0,0.8) 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#cc000000',GradientType=1 ); /* IE6-9 */
					z-index: 3;	
}

div.vticket_video {
					position: relative;
					text-align:	center;
					padding: 5px 0px 5px 0px;
					border-color: white;
					border-width: 2px 2px 2px 2px;
					z-index: 2;
					width: 220px;
					/*height: 240px;*/
}

div.vticket_video embed { 
					width: 270px;
					height: 170px;
					/*width: 100%;*/
					/*height: 100%;*/
					}

p.vticket_timestamp {
					font-family: courier new;
					font-size: 7pt; 
					padding: 0px;	
					margin: 0px;
					}

div.vticket_info 	{ 	
						position: absolute;
						/*background: black;*/
						top: 133px;
						width: 260px;
						font-family: courier new;
						font-size: 8pt; 
						/*color: yellow;*/
						text-align: left;
						margin: 5px;
						z-index: 4;
					}

div.vticket_info P	{ padding: 0 0 0 0; margin: 0 0 0 0;}

div.license_box		{	/*display: block;*/
						/* shadow */
						width: 250px;
						/*margin: 5px;*/
					}

table.license_box { 
					float: right; 
					font-size: 7pt;
					width: 75px; background-color: white; cell-padding: 0; cell-spacing: 0; 
					border: 1px solid black;
					-webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.75);
					-moz-box-shadow:    2px 2px 2px 0px rgba(50, 50, 50, 0.75);
					box-shadow:         2px 2px 2px 0px rgba(50, 50, 50, 0.75);
					}
					
table.license_box td { margin: 0px; text-align: center; padding: 1px;}