/* Positions the contact form so it doesn't interfere with any other content, 
as well as a z-index above any other elements on the page */	

#competitionFormContainer {
	position:absolute;
	left:190px;
	top:210px;
	z-index:1;
	}

/* Hides the confirmation message until needed */	
#competitionSent {display:none;}

/* This is the question which we ask */
#question {
	font-size: 17px;
	padding-bottom:8px; 
	line-height: 120%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
		
/* Hides the whole contact form until needed */	
#competitionForm {
	height:440px;
	width:400px; 
	border:1px solid #929191;
	padding:7px 12px; 
	color:#FFFFFF;
	display:block;
	}   

/* Loading bar that will appear while the form data is POSTed */
.competitionbar{
	display:none; 
	background:url(../images/ajax-loader.gif) no-repeat center; 
	margin-top:100px; 
	height:40px; 
	width:230px;
	}
	
/* This hides the form validation alert messages until needed */
#competitionForm span { 
	display:      none; 
	font-size:    12px; 
	line-height:  10px; 
	padding-left: 6px; 
	color:        #f5c478;
	}
	
/* Some styling for the close button */
#competitionFormContainer .competitionclose {
	float:      left;
	height:     42px; 
	top:        255px;
	left:       350px;  
	width:      107px;
	background: url(../close.png); 
	position:   absolute; 
    cursor:     pointer;
	}
		
/* Hides the darkening layer for the Modal effect. The z-index is necessary for layering
purposes, and be sure to keep the positioning/height/width the same */	
#competitionbackgroundPopup{
	top:       0; 
	left:      0;
	position:  fixed; 
	height:    100%; 
	width:     100%; 
	background:#000; 
	z-index:   11;
	display:   none; 
	}  



/* Labels and column names and so on */
.competitionlables {
	width: 100%;
	}


/* Form styling from here on out. There is nothing in here that you HAVE to use to get this to work */	
#inputcontainer {
	position:absolute;
	float:left;
	width:200px; 
	top:67px;
	left: 20%;
	padding-top:10px;
	height:300px;
	padding-left:10px;
	padding-right:10px;
	bborder: 1px solid yellow;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#inputcontainer input{
	bborder: 1px solid yellow;
	margin-bottom:5px;
	font-size: 14px;
	width:90%;
	background-color:#CCCCCC;
}

#inputcontainer textarea{
	bborder: 1px solid yellow;
	margin-bottom:5px;
	font-size: 15px;
	height:145px;
	width:90%;
	background-color:#CCCCCC;
}

.prompt {
	padding-left:5px;
	margin-bottom:7px;
	width: 15%;
	height:20px;
	font-weight:bold; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	bborder: 1px solid red;
	}

#competitionForm .submit {
	bborder:1px solid #aba8a8; 
	background:#e5e5e5; 
	text-transform:uppercase; 
	font-size: 14px;
	color:#4d4d4d; 
	font-weight:bold; 
	padding:5px 14px 5px 12px; 
	height:37px; width:64px; 
	cursor:pointer; 
	float:left; 
	margin-top:20px;
	margin-left:5px;
	}

#competitionForm .submit:active {background:#cacaca; }

#competitionForm .input_boxes {float:left; width:350px; line-height:15px;}