/* CSS For eTickets.im */

* {
margin:0;
padding:0;
border:0;
}

body {
background: #cecece;
}

html, body {
height:100%;
min-height:100%;
}

/* === CONTAINER === */
.container, .pro_container{
width:90%;
min-width:800px;
max-width:1100px;
margin:auto;
}

			/* === Container for Promoters Page */
			.pro_container {
			border-left:1px dashed #000000;
			border-right:1px dashed #000000;
			padding-top:15px;
			height:100%;
			min-height:100%;
			}

			.pro_container p {
			margin-left:25px;
			}
			
			.pro_container h2 {
			margin-left:15px;
			margin-bottom:5px;
			margin-top:10px;
			}
			
			.pro_container h3 {
			margin-left:15px;
			margin-bottom:5px;
			margin-top:10px;
			font-size:12pt;
			}

			
			.pro_container blockquote {
			border:1px solid #d7d7d7;
			width:80%;
			margin:auto;
			margin-top:15px;
			margin-bottom:5px;
			font-style:italic;
			font-size:90%;
			padding:4px;
			background: #f1f6ff;
			-webkit-border-radius: 5px;  /* for Safari */
			-moz-border-radius: 5px;     /* for Firefox */
			}
		
			blockquote .quote {
			font-size:14pt;
			font-weight:bold;
			}
			
			

/* === HEADER === */
#header {
background: #2c2c2c;
color:#d7d7d7;
height:60px;
}

/* === FORM STYLING FOR JQUERY === */
.off_focus {
color: #aeaeae;
}

.on_focus {
color: #000000;
}

	/* === NAVIGATION === */
	#navigation {
	float:right;
	margin-top:25px;
	}
	
	#navigation ul {
	list-style-type: none;
	overflow:hidden;
	}

	#navigation ul li {
	float: left;
	}

	#navigation ul li a {
	color: #aeaeae;
	text-decoration:none;
	font-family:sans-serif;
	font-size:12pt;
	display: block;
	padding: 3px;
	padding-left:0px;
	padding-right:30px;
	}
	
	#navigation ul li a:hover {
	color:#ffffff;
	}
	
	/* === LOGO === */
	#logo img {
	height:60px;
	min-height:60px;
	}
	
/* === LOGIN BAR === */
#login {
border-top:1px solid #aeaeae;
border-bottom:1px solid #aeaeae;
background: #0a2860;
padding-top:5px;
padding-bottom:3px;
height:25px;
}

#login .submit {
background: url('images/UI/login.png') no-repeat;
}
	
/* === BANNER === */
#banner {
background: url('images/layout/banner_bg2.jpg') repeat-x #24a8f0;
min-height: 280px;
height: 35%;
max-height: 350px;
}
			/* === Banner for promoters page ===*/
			#pro_banner {
			background: url('images/layout/banner_bg2.jpg') repeat-x #24a8f0;
			height:100px;
			border-top:1px solid #aeaeae;
			color:#ebebeb;
			}
			
			#pro_banner #promo_logo{
			float:left;
			}
			
			#promo_logo img {
			height:60px;
			margin-top:20px;
			}
			
			#pro_banner #promo {
			margin-top:15px;
			float:left;
			margin-left:40px;
			}

#steps {
padding-top:3%;
margin:auto;
width:80%;
min-width:800px;
}

#banner ul {
list-style-type: none;
overflow:hidden;
}

#left_step {
float:left;
margin-right:8%;
}

#right_step {
float:right;
margin-left:8%;
}

#middle_step {
text-align:center;
}


/* === CONTENT === */
#content {
background: url('images/layout/content_bg2.jpg') repeat-x #cecece;
min-height:300px;
}

#pro_content {
background: url('images/layout/content_bg2.jpg') repeat-x #cecece;
min-height:90%;
}

#content h2 {
font-weight:normal;
font-size:14pt;
font-family:'Helvetica Neue Light','HelveticaNeue-Light','Helvetica Neue','HelveticaNeue',Helvetica,"Lucida Grande",Verdana,Arial,Sans-Serif;
}

	/* === COLUMNS === */
	.col {
	padding:8px;
	}
	
	#left, #right {
	width:28%;
	}
	
		/* === LEFT === */
		#left {
		float:left;
		}
		
		#left ul {
		list-style-type:none;
		margin-top:15px;
		margin-left:5px;
		}
		
		#left ul li{
		margin-bottom:10px;
		}
		
		#left img {
		width:180px;
		}

		/* === RIGHT === */
		#right {
		float:right;
		}
		
		#right p {
		margin-top:10px;
		}
		
		#right form {
		margin:auto;
		width:90%;
		margin-top:5px;
		}
		
		#right form .text {
		border: 1px solid #d7d7d7;
		}
		
		#right form .submit {
		background: url('images/UI/forward.png') no-repeat;
		}
		
		/* === MIDDLE === */

		#middle {
		}
		
		#center {
		border-left:1px dashed #000000;
		border-right:1px dashed #000000;
		margin:auto;
		width:38%;
		}
		
		#center * {
		margin-left:5px;
		}
		
		#center p {
		margin-top:10px;
		}
		
		#center blockquote {
		border:1px solid #d7d7d7;
		width:80%;
		margin:auto;
		margin-top:15px;
		margin-bottom:5px;
		font-style:italic;
		font-size:90%;
		padding:4px;
		background: #f1f6ff;
		-webkit-border-radius: 5px;  /* for Safari */
		-moz-border-radius: 5px;     /* for Firefox */
		}
		
		blockquote .quote {
		font-size:14pt;
		font-weight:bold;
		}
		
		#center #name {
		font-size:70%;
		font-weight:bold;
		float:right;
		margin-right:40px;
		color:#5c5c5c;
		}
		
/* === LOADER === */
.loader {
background:#ffffff;
color:#000000;
position:absolute;
top:40%;
left:40%;
padding:5px;
width:210px;
-webkit-border-radius: 10px;  /* for Safari */
-moz-border-radius: 10px;     /* for Firefox */
opacity: 0.9;
border:2px solid #d7d7d7;
}

.loader img {
float:left;
margin-right:20px;
}

.loader p {
margin-top:5px;
font-size:16pt;
}

.loader .message {
font-size:10pt;
margin-left:50px;
}

#mailsender {
display:none;
}

#success {
display:none;
}

#fail {
display:none;
}


form {
 margin-top:0px;
}

table {
width:90%;
margin-left:20px;
}

/* === FOOTER === */
#footer {
width:100%;
height:10%;
background: #2c2c2c;
color:#d7d7d7;
}

.title {
/* font-weight:bold; */
display:block;
width:150px;
float:left;
}