/* 
Title:		thewilltoplay.com QUESTIONNAIRE screen styles
Author: 	gordon@slickfishstudios.com
*/
@charset "UTF-8";
/* CSS Document */

.basic_info input, 
.about_you input,
.purchase input 
{
	background-color: #fff;
	border: 1px solid #999;
	color: #2c87cc;
	padding: 3px;
}
.req {
	color: #c00;
	font-weight: bold;
}
textarea {
	width: 90%;
	height: 75px;
	border: 1px solid #999;
	background-color: #fff;
	color: #2c87cc;
	padding: 3px;
}

.nopesorry {
	background: #c00;
	color: #fff;
	font-size: 1.2em;
	letter-spacing: .1em;
	font-family: "trajan-pro",sans-serif;
	font-style: normal;
	font-weight: 400;

	text-align: center;
	padding: 1em;
	margin: .5em;	
}
/*============================================================
TABLE-FORMAT
============================================================*/
#table-format,
#table-format table
{
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;

	font-size: .95em;
}

#table-format td {
	vertical-align: top;
}
#table-format td.full {
	width: 100%;
}



/* Columns */
#basic_info_col,
#about_you_col,
#purchase_col
{
	width: 32%; 
	float: left;
}
#purchase_col
{
	margin-right: 0;
}

#about_you_col {
	position: relative;
}





#table-format table tr {
	margin: 0;
}
#table-format table td {
	line-height: 140%;
	text-align: left;
	margin: 0;
	padding: 5px 0 4px 0;
	color: #666;
}

#table-format td.tab {
	width: 40%;
}
#table-format td.fill {
	width: 60%;
	font-size: 1em;
}	
#table-format td.fill span {
	font-size: .8em;
}	
#table-format table table {
	margin: 0;
	padding: 0 15px 0 0;
	border: 0;
}


#table-format .underline {
	border-bottom: 1px solid #005596; /* blue */
	display: block;
	margin-right: 2em;
	margin-bottom: .8em;
	padding-bottom: .5em;
}


#table-format a.question {
	display: block;
	float: left; 
	width: 20px;
	height: 20px;
	overflow: hidden;
	border: 0;
	text-decoration: none;
	
	margin: 0 0 0 .5em;
	padding: 0;
	background: url(../images/question-mark.png) no-repeat left top;
}
#table-format a.question:hover {
	text-decoration: none;
	background-position: left -20px;
}
#table-format a.question span {
	display: block;	
	text-indent: -10000px;
}











/* INPUT & BUTTONS &&&&&&&&&&&&&&&& */	


input[type=image].submit-btn {
	cursor: pointer;
	color : transparent;
	border: none;
	font-size : 0;
	border-style:none;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 120px;
	height: 30px;
	line-height: 30px;
	outline: none;
	border: 0;	
	display: block;
	text-decoration: none;
	float: left;

	letter-spacing: .2em;

	margin: .5em 1em .5em 0;
	padding: 0;
	background: transparent;
	background: #005596 url(../images/submit_btn.png) no-repeat left top !important;
}


input[type=image].submit-btn:hover {
	background: #d06f1a url(../images/submit_btn.png) no-repeat left -170px !important;

}



/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */
/* &&&&&&&&&&&&&&&&&&&&&&&&&&&       987      &&&&&&&&&&&&&&&&&&&&&&&&&&& */
/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */
/* iphone vertical/ipod vertical */
@media (max-width: 987px) {



}


/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */
/* &&&&&&&&&&&&&&&&&&&&&&&&&&&       950       &&&&&&&&&&&&&&&&&&&&&&&&&&& */
/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */
/* iphone vertical/ipod vertical */
@media (max-width: 950px) {
	
	div#basic_info_col,
	div#about_you_col,
	div#purchase_col
	{
		clear: both;
		width: 100%;
		margin-right: 0;
		margin-bottom: 2em;
	}
	
	
	#table-format td.tab {
		width: 40%;
	}
	#table-format td.fill {
		width: 60%;
		font-size: 1em;
	}	







}