@media print { 
    .noPrint { display:none; } 

		#fp_left_col {
	    position : absolute;
			width: 3100px;
			height: 1700px;
			top: 2435px;
						
			padding-top: 50px;
			
	  	column-count: 6;
  		column-gap: 20px;
  		-moz-column-count: 6;
  		-moz-column-gap: 20px;
   		-webkit-column-count: 6;
   		-webkit-column-gap: 20px;			
		}
		
		#fp_left_col_old {
			display:none;
			width: 1px;
			height: 1px;			
		}		
		
		#fp_map_column {
			width: 3100px;
			height: 1700px;
			margin-right: 0px;
			margin-left: 0px;
			/*border: 1px solid #FF7709;*/
		}
		
	.parent {
		position: absolute;
		width: 3100px;
		height: 1700px;
	}
	
	.fp_map {
		width: 3000px;
		height: 1624px;
		background-image: url(../images/floorplan.png);
		background-repeat: no-repeat;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 15px;
		letter-spacing:-1px;
	}		
	
	#writebooth {
		/*page-break-before:always;*/
	}	
}


@media screen { 
	#fp_left_col {
		position:fixed;
		left:0;
		background-color: #FFFFFF;
		width: 220px;
		height: 2304px;
		padding: 10px 10px 10px 10px;
		z-index: 5;
		text-align: center;
		visibility:visible;
		/*border: 1px solid #FF7709;*/
	
	}
	
	#fp_map_column {
		width: 3100px;
		height: 1700px;
		margin-right: 150px;
		margin-left: 240px;
		/*border: 1px solid #FF7709;*/
	
	}
	
	
	.parent {
		position: absolute;
		width: 3100px;
		height: 1700px;
	}
	
	.fp_map {
		width: 3000px;
		height: 1624px;
		background-image: url(../images/floorplan.png);
		background-repeat: no-repeat;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 15px;
		letter-spacing:-1px;
	}
	
	#writebooth {
		position:fixed;
		left:0;		
		height:500px;
		overflow:auto;
		
	}	
}


.container{
  column-count: 2;
  column-gap: 20px;
  -moz-column-count: 2;
  -moz-column-gap: 20px;
   -webkit-column-count: 2;
   -webkit-column-gap: 20px;
}



#nomoveinstructions {
	position:fixed;
	left:0;
	bottom:10px;
	background-color: #FFFF99;
	height:auto;
	width: 150px;
	padding: 10px 10px 10px 10px;
	z-index: 5;
	text-align: center;
	visibility:visible;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #666666;	
}


.text_body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666666;
}

.text_tablehead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}

.text_instruction {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	padding: 20px;
	border: 1px solid #CCCCCC;
}
#PriceList {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


.writeboothtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
}





/* BOOTH STYLES */
.Ruler {
	color: #000000;
	font-size: 12px;
	font-weight: bold;	
	outline: none;
	cursor: help;
	text-decoration: none;
	position: relative;
	background-image: url(../images/orange.png);
	border: 1px solid #000000;
	text-align: center;
	vertical-align: middle;
	display:block;
}

.Available {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	outline: none;
	cursor: help;
	text-decoration: none;
	position: relative;
	background-image: url(../images/green.png);
	text-align: center;
	border: 1px solid #000000;
	vertical-align: middle;
}

.Reserved {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	outline: none;
	cursor: help;
	text-decoration: none;
	position: relative;
	background-image: url(../images/redx.png);
	border: 1px solid #000000;
	text-align: center;
	vertical-align: middle;
}

.Pending {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	outline: none;
	cursor: help;
	text-decoration: none;
	position: relative;
	background-image: url(../images/yellow.png);
	border: 1px solid #000000;
	text-align: center;
	vertical-align: middle;
}

.Selected {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	outline: none;
	cursor: help;
	text-decoration: none;
	position: relative;
	background-image: url(../images/blue.png);
	border: 1px solid #000000;;
	text-align: center;
	vertical-align: middle;
}

.Highlighted {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	outline: none;
	cursor: help;
	text-decoration: none;
	position: relative;
	background-image: url(../images/orange.png);
	border: 1px solid #000000;
	text-align: center;
	vertical-align: middle;
}




a:hover {
	background-image: url(../images/blue.png);
}

.countdown{
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:200%;
	line-height:130%;
	text-decoration:none;
	font-weight:bold;
	color:#000000;
}

#Timer{
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:20px;
	line-height:130%;
	text-decoration:none;
	font-weight:bold;
	color:black;
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;	
  visibility:hidden;
}

#grid
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #fff;
	width: 225px;
	border-collapse: collapse;
	text-align: left;
}
#grid th
{
	font-size: 11px;
	font-weight: normal;
	color: #039;
	padding: 5px 4px;
	border-bottom: 2px solid #6678b1;
}
#grid td
{
	border-bottom: 1px solid #ccc;
	color: #333333;
	padding: 6px 8px;
}

#grid tbody tr:hover td
{
	font-weight: bold;
}

#button_section button {
	height:2.8em;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 10px;
	

}

#button_section button img {  
	margin-right: 5px;  
	vertical-align: middle;
	float:left;

} 

#button_section .submit_button{
	color: #333333;
	background-color: #EBE7E7;
	border: 1px solid #999;
	
	margin-left:170px;
}

#button_section button.submit_button:hover {
	color: #333333;
	background-color: #CCCCCC;
}

#button_section .action_button{
	color: #333333;
	background-color: #EBE7E7;
	border: 1px solid #999;
}

#button_section button.action_button:hover {
	color: #333333;
	background-color: #CCCCCC;
}


#button_section .close_button{
	color: #333333;
	background-color: #EBE7E7;
	border: 1px solid #999;
}

#button_section button.close_button:hover {
	color: #333333;
	background-color: #CCCCCC;
}

.ui-dialog {
	padding:0px;
	
}

.ui-widget-content {
  border-color: #13252F;
  border-width: 7px;	
}

.ui-widget-header {
    font-size: 16px;
    font-weight: bold;
    color: #F6F5F5;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background: #444444;
    padding: 12px 15px;
    line-height: 1;
    vertical-align: middle;
}



#BoothManagement {
	width: 350px; 
	margin: 20px 0;
}

#BoothManagement label {
	display:block;
	width:30%;
	float:left;
	font-size:75%;
}

#BoothManagement input.text {
	display:block;
	margin-bottom:12px; 
	width:30%; 
	padding: .4em; 
	float:right;
	font-size:75%;
}

