/* 
	TicketScan
*/

table {
  border-collapse: collapse;
  border-style:solid;
  border-width:0px;
  text-align:left;
  border-color: grey ;
  font: normal 15px verdana, arial, helvetica, sans-serif;
  letter-spacing:0.4px;
}

body{
	 background:#ffffff; /*BG COLOR*/	
}

table, div{
 color: #2d2e2f;
}

/*
=================
TABLE PADDING
=================
*/

table td{
	padding-left: 4px;
	padding-right: 0px;
	padding-top: 2px;
	padding-bottom: 5px;
}

/*
=================
CONTAINERS MAIN
=================
*/

#events_container, #personal_details_container,#tickets_container, #final_step_container{
  margin-top:8px;
  border-style:solid;
  border-color: #005ffa;
  border-width:0px;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  display:none;
  width:485px;
  /*background:#f7f7f7;*/
}

#personal_details_container, #payment_options_container{
  margin-top:8px;
  border-style:solid;
  border-color: #005ffa;
  border-width:0px;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  display:none;
  background: url(/images/dotted.gif) repeat-x left bottom;
  width:485px;
}


/*
=================
CONTAINERS SELECTED
=================
*/

#selected_tickets_container, #selected_personal_details_container
{
  margin-top:10px;
  font: normal 10px verdana, arial, helvetica, sans-serif;
  width:485px;
}

#selected_event_container{
  margin-top:5px;
  font: normal 10px verdana, arial, helvetica, sans-serif;
  display:none;
  width:485px;
  /*background: url(/images/dotted.gif) repeat-x left bottom;*/

}

.social_bar {
  height:5px;
  width:485px;
  border-bottom: 1px solid #005ffa;
  /*same color with opacity*/
}

/*
=================
HEADERS MAIN
=================
*/

.events_container_header, .personal_details_container_header,.ticket_container_header, #payment_container_header, .final_header 
{
  background: #005ffa;
  vertical-align: middle;
  color:#ffffff;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  padding-bottom: 2px;
  padding-top: 2px;
  height:19px;
  line-height:19px;
}

.payment_options_container_header{
  background: #005ffa;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  height: 8px;
  color:#ffffff;
  vertical-align: middle;
}

/*
=================
HEADERS SELECTED
=================
*/

.selected_event_container_header, .selected_tickets_container_header,.selected_personal_details_container_header{
  background: #005ffa;
  vertical-align: middle;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  width:485px;
  /* same color with opacity
  opacity:0.6;
  filter:alpha(opacity=60);*/
  padding-bottom: 2px;
  padding-top: 2px;
  color:#ffffff;
}

/*
=================
INFO
=================
*/

/*
#info_container{
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #005ffa;
  display:block;
  font: bold 11px verdana, arial, helvetica, sans-serif;
  margin-top: 0px;
}
*/

#info_stappen{
	font: normal 11px verdana, arial, helvetica, sans-serif;
	margin-left: 18px;
}

#error_stappen{
	font: normal 11px verdana, arial, helvetica, sans-serif;
	margin-left: 18px;
}

/*info text color*/
#info_stap_1,#info_stap_2,#info_stap_3,#info_stap_4,#info_stap_5{
	color: #385998;
}

.info_no_events{
	color:#0888c3;
	margin-bottom:10px;
	margin-top:3px;
}

.info_no_events_text{
	color:#7a7a7a;
	margin-bottom:10px;
	margin-top:5px;
}

.mail_result{
	margin-left:10px;
}

#error_stap_1 {
	color:#e3302c;
}

ul{
	margin-top:0; margin-bottom:0; list-style-type:disc; list-style-position:outside;
}


ul li{
	padding-left:-25px;
	margin-left: -25px;
	margin-top: 3px;
}

.javascript_warning{
  font: normal 11px verdana, arial, helvetica, sans-serif;
  border-style:solid;
  border-color: #BA8A6C;
  border-width:1px;
  padding: 2px;
  width:461px;
}


.no_result_spacer
{
	padding-top:10px;
}

/*
=================
TICKETS
=================
*/

.ticket_container_row{
  font: normal 11.5px verdana, arial, helvetica, sans-serif;
  padding-top:8px;
  color: #2d2e2f;
  vertical-align: top;
}

.ticket_container_name{
	color:;
	padding-top:4px;
}

.selected_tickets_container_cell{
	border-top-width: 0px;
	border-top-style: solid;
	padding-top:5px;
    background: url(/images/dotted.gif) repeat-x left top;  	
  	/*opacity:0.5;  	
	filter:alpha(opacity=40);*/
}

.selected_tickets_container_row{
	padding-top: 5px;
	padding-bottom: 5px;
}


.selected_tickets_container_info{
	font: normal 10px verdana, arial, helvetica, sans-serif;
}

.ticket_comment{
  font: normal 10px verdana, arial, helvetica, sans-serif;
  #float: left;
  opacity:100;
  filter:alpha(opacity=100);
  cursor: pointer;
  padding-top:3px;
  padding-left:13px;
  color:#a3a3a3;
}

.event_status{
  padding-top:3px;
  font: normal 10px verdana, arial, helvetica, sans-serif;
  clear:left;
  float: left;
  padding-left:13px;
  color:#005ffa;	
  }

.ticket_comment span{display: none;}

.ticket_comment:hover span {
  position: absolute;
  margin:5px 0px 0px 20px;
  max-width:220;
  padding: 2px 10px 2px 30px;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  text-align:left;
  display: block;
  color:#385998;
  border: 1px solid #6d84b4;
  background: #eceff5 url(/images/admin/info.gif) 2px 5px no-repeat;
}

.event_status span{display: none;}

.event_status:hover span {
  position: absolute;
  margin:0px 0px 0px 20px;
  max-width:220;
  padding: 2px 10px 2px 30px;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  text-align:left;
  display: block;
  color:#385998;
  border: 1px solid #6d84b4;
  background: #eceff5 url(/images/admin/info.gif) 2px 5px no-repeat;
}

/*
#event_status_link{
  font: normal 10px verdana, arial, helvetica, sans-serif;
  padding-top:2px;
  color:white;
  text-decoration: none;
}

#event_status_link a{
  font: normal 10px verdana, arial, helvetica, sans-serif;
  padding-top:2px;
  color:white;
  text-decoration: none;
}

*/

#ticket_comment_question{
  float: left;
  margin-left: 10px;
  font: bold 11px verdana, arial, helvetica, sans-serif;
}


/*
=================
EVENTS
=================
*/

.events_container_event_name_first {
  font: 11.5px verdana, arial, helvetica, sans-serif;
  margin-top: 10px;
  padding-top: 9px;
  vertical-align:text-top;
  width:10px;
  height:20px;
  color: #2d2e2f;
}

.events_container_no_events {
  font: 12px verdana, arial, helvetica, sans-serif;
  color:#2d2e2f;
  padding-top: 9px;
  padding-bottom: 4px;
  vertical-align:text-top;
  width:100%;
  height:35px;
  text-align:center;
}

.events_container_event_name {
  font: 11.5px verdana, arial, helvetica, sans-serif;
  padding-top: 10px;
  padding-bottom: 4px;
  vertical-align:text-top;
  width:10px;
  height:35px;
  color: #2d2e2f;
  /*background: url(/images/dotted.gif) repeat-x left top;*/
}

.tsttst:hover {
	background:#e3e3e3;
	cursor:pointer;
}

.tsttst2:hover {

}

.container_line{
	height:0px;
	background: url(/images/dotted.gif) repeat-x left center;
}

.container_line_bottom{
	height:0px;
	background:  url(/images/dotted.gif) repeat-x left center;
}

.container_line_first{
	height:0px;
	background: url(/images/dotted.gif) repeat-x left center;
}


.events_container_event_name a:link{
	text-decoration: none;
	color: #2d2e2f;
}

a:link{
	text-decoration: none;
	color: #2d2e2f;
}

a:hover{
color:#2d2e2f;
}

.events_container_event_name a:visited{
text-decoration: none;
color:#005ffa;
}

.events_container_event_name a:hover{
color:#2d2e2f;
}

.events_container_event_name_first a:link{
	text-decoration: none;	
	color:#2d2e2f;
}

.events_container_event_name_first a:visited{
text-decoration: none;
color:#2d2e2f;  /*TEXT*/
}

.events_container_event_name_first a:hover{
color:#2d2e2f;
}

.selected_event_container_menu_names{
  font: normal 12px verdana, arial, helvetica, sans-serif;
  width:12%;
  height:0px;
  text-align:left;
  vertical-align:top;	
}

/* CFG*/
.selected_event_container_menu_value{
  font: normal 12px verdana, arial, helvetica, sans-serif;
  height:0px;
  text-align:left;
  vertical-align:top;
  color:#005ffa;
}


/*
=================
PAYMENT  CONTAINER
=================
*/

.payment_options_container_items{
  padding-top:7px;
  padding-bottom:5px;
}

/* NEW */
#payment_options_container #payment_ms{
	cursor:default;
}

/*
=================
PERSONAL  DETAILS
=================
*/

.personal_details_container_format_text{
	font: normal 11px verdana, arial, helvetica, sans-serif;
	color:#a3a3a3;
}

.personal_details_container_menu_names{
  font: normal 11px verdana, arial, helvetica, sans-serif;
  width:15%;
  /*opacity:0.6;
  filter:alpha(opacity=40);*/
}

.personal_details_container_menu_value{
  font: normal 11px verdana, arial, helvetica, sans-serif;
}

.personal_details_container_menu_value_email{
  font: normal 11px verdana, arial, helvetica, sans-serif;
  padding-bottom:10px;
}

.personal_details_container_menu_names_email{
  font: normal 11px verdana, arial, helvetica, sans-serif;
  width:15%;
 /* opacity:0.6;
  filter:alpha(opacity=40);*/
  padding-bottom:10px;
}

#personal_details_container .birth_year{
	width:65px;
	background:#f2f2f2;
	border: 1px solid #757575;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 11px;
	height:11px;
	color: #333;
	padding: 7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	outline: none;
	vertical-align: middle;
	margin-right: 5px;
}

#personal_details_container .text_long{
	width: 175px;
	background:#f2f2f2;
	border: 1px solid #757575;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 11px;
	height:17px;
	color: #333;
	padding: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	outline: none;
	vertical-align: middle;
	margin-right: 5px;
}

.select_small{
	width:85px;
	background:#f2f2f2;
	border: 1px solid #757575;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 11px;
	height:27px;
	color: #333;
	padding: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	outline: none;
	vertical-align: middle;
	margin-right: 5px;
}

.select_tiny{
	width:70px;
	background:#f2f2f2;
	border: 1px solid #757575;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 11px;
	height:22px;
	color: #333;
	padding: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	outline: none;
	vertical-align: middle;
	margin-right: 0px;
	margin-top:-2px;
}

#info_stappen .text{
	width: 175px;
	background:#f2f2f2;
	border: 1px solid #757575;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 11px;
	height:11px;
	color: #333;
	padding: 7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	outline: none;
	vertical-align: middle;
	margin-right: 5px;
}



.personal_details_container_value{
  width:1px;
}

.personal_details_container_name{
	color:#757575;
	width:1px;
	text-align:left;
}

/*new*/
.error_message{
	color:#ec0e0e;
}	

/*
=================
TOP MENU 
=================
*/

#menu{
  	margin-left: auto;
  	margin-bottom: 5px;
  	margin-right: auto;
  	font: normal 11px verdana, arial, helvetica, sans-serif;
	text-align: center;
	height:25px;
	width:485px;
}

/* change color to bgcolor for IE behavior */
#arrow-right {
	border-left:6px solid #bfbfbf;
	border-top:6px solid #ffffff;
	border-bottom:6px solid #ffffff;
	font-size:0px;
	line-height:0px;
	float: left; 
	margin-left: 5px;
	margin-top: 7px;
	margin-right: 5px;
}

.arrow-right_event {
	border-left:5px solid #005ffa;
	border-top:5px solid #ffffff;
	border-bottom:5px solid #ffffff;
	font-size:0px;
	line-height:0px;
	float: left; 
	margin-left: 0px;
	margin-top: 4px;
	margin-right: 8px;
}

.arrow-right_event_hover {
	border-left:5px solid #005ffa;
	border-top:5px solid #e3e3e3;
	border-bottom:5px solid #e3e3e3;
	font-size:0px;
	line-height:0px;
	float: left; 
	margin-left: 0px;
	margin-top: 4px;
	margin-right: 8px;
}

#arrow-right_ticket {
	border-left:5px solid ;
	border-top:5px solid #ffffff;
	border-bottom:5px solid #ffffff;
	font-size:0x;
	line-height:0px;
	float: left; 
	margin-left: 0px;
	margin-top: 7px;
	margin-right: 8px;
}

#arrow-bottom {
	border-top:6px solid #005ffa;
	border-left:6px solid #ffffff;
	border-right:6px solid #ffffff;
	font-size:0px;
	line-height:0px;
	float: left;
	margin-left: 50px;
	margin-top: -2px;
	margin-right: 8px;
	margin-bottom:0px;
}

#arrow-bottom-payment{
	border-top:6px solid #005ffa;
	border-left:6px solid #ffffff;
	border-right:6px solid #ffffff;
	font-size:0px;
	line-height:0px;
	float: left;
	margin-left: 230px;
	margin-top: -2px;
	margin-right: 8px;
}

#HeaderTableStep1Off,#HeaderTableStep2Off,#HeaderTableStep3Off,#HeaderTableStep4Off,#HeaderTableStep5Off{
	margin-left: 0px;
    border-style:solid;
    border-color: #bfbfbf;
  	border-width:2px;
	float: left;
	width:80px;
	min-height:18px;
	line-height:18px;
	color:#7a7a7a;
	-moz-border-radius: 3px;
  	border-radius: 3px;
  	height:20px;
  	background: #ffffff;
  	letter-spacing:0.5px
}

#HeaderTableStep1On,#HeaderTableStep2On,#HeaderTableStep3On,#HeaderTableStep4On,#HeaderTableStep5On{
	margin-left: 0px;
    border-style:solid;
    border-color: #0f4cae;
  	border-width:2px;
	float: left;
	width:80px;
	min-height:18px;
	line-height:18px;
	background: #ffffff;
	color:#000000;
	-moz-border-radius: 3px;
  	border-radius: 3px;
  	height:20px;	
  	letter-spacing:0.5px
}

/*
=================
RESPONSES 
=================
*/

#response, #response2{
	font: normal 11px verdana, arial, helvetica, sans-serif;
	margin-left: auto;
 	margin-right: auto;
 	color:white;/*TEXT*/
}

	
#payment_link
{
  font: normal 13px verdana, arial, helvetica, sans-serif;
  border-color: #005ffa;
  border-style:solid;
  border-width:0px;
  /*text-align: center;*/
  background:#ffffff;
  /*align:center;*/
  margin-right:auto;
  margin-left:auto;
  width:100%;
  /*min-height:10px;
  line-height:10px;*/
  display:block;
  cursor:hand;
  cursor:pointer;
  margin-bottom: 10px;
  margin-top: 10px;
  color:#005ffa;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.payment_link
{
    font: normal 12px verdana, arial, helvetica, sans-serif;
    border-style:solid;
  	border-width:2px;
  	border-color:#005ffa;
	float: auto;
	width:200px;
	min-height:25px;
	line-height:25px;
	cursor:hand;
	cursor:pointer;
	background:#005ffa;
	-moz-border-radius: 3px;
  	border-radius: 3px;
  	height:20px;
  	color:#ffffff;
}

.payment_link:hover
{
	border-width:3px;
}


.payment_link_info
{
  font: normal 9px verdana, arial, helvetica, sans-serif;
  margin-top: 9px;
  margin-bottom:5px;
  /*color:#005ffa;*/
}

.payment_link_messsage
{
  font: normal 11.5px verdana, arial, helvetica, sans-serif;
  margin-bottom:5px;
  margin-top:5px;
  color:#005ffa;
}

/*
#payment_link:hover {
background:#f7f7f7;
}
*/

/*
=================
LOADER
=================
*/

#loader {
padding-top: 20px;
width:5x;
height: 30px;
display:none;
margin-left: 200px;
margin-right: 200px;
/*background: url(/images/spinner_1e1e1e.gif) top center no-repeat;*/
background: url(/images/spinner_ffffff.gif) top center no-repeat;
}

#loader_text {
padding-top: 10px;
font: normal 10px verdana, arial, helvetica, sans-serif;
display:none;
margin-left: 200px;
margin-right: 200px;
text-align:center;
}

/*
=================
BUTTONS
=================
*/

#previous_next_button{
	width:485px;
	height:30px;
  	margin-left: auto;
  	margin-right: auto;
  	font: normal 11px verdana, arial, helvetica, sans-serif;
	text-align: center;
	display: none;
	margin-top: 10px;
}

#ButtonNext{
    border-style:solid;
  	border-width:2px;
  	border-color:#575757;
	float: right;
	width:80px;
	min-height:18px;
	line-height:18px;
	cursor:hand;
	cursor:pointer;
	background:#ffffff;
	-moz-border-radius: 3px;
  	border-radius: 3px;
  	height:20px;
  	color:#363636;
}

#ButtonNext:hover {
  background: #c5cde1;
}


#ButtonPrevious{
    border-style:solid;
  	border-width:2px;
  	border-color:#575757;
	float: left;
	width:80px;
	min-height:18px;
	line-height:18px;
	cursor:hand;
	cursor:pointer;
	background:#ffffff;
	-moz-border-radius: 3px;
  	border-radius: 3px;
  	height:20px;
  	color:#363636;
}

#ButtonPrevious:hover {
  background: #c5cde1;
}

.footer_line{
  margin-right:auto;
  margin-left:auto;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #a8a8a8;
  display:block;
  font: normal 10px verdana, arial, helvetica, sans-serif;
  width:480px;
  color: #a8a8a8;
  margin-top:50px;
  height:5px;
}

#l{
	float:left;
}
#r{
	float:right;
}

#x{
	height:525px;
	/* align to top */
	/*margin-top:-7px;*/
}

#payment_ms{
	font: normal 10px verdana, arial, helvetica, sans-serif;	
}


#info_container {
	border: 1px solid #6d84b4;
	min-height:20px;
	background: #eceff5 url(/images/admin/info.gif) 2px 5px no-repeat;
	width:485px;
}
	
#error_container {
	border: 1px solid #6d84b4;
	background: #eceff5 url(/images/admin/error.gif) 2px 5px no-repeat;
	color: #e3302c;
	min-height:20px;
	width:485px;
}


.terms{
	margin-left:10px;
	text-align: left;
	line-height:1%;
}