@charset "utf-8";

/*-----------------------------------------------------------------------------

survey style sheet

author:		Arron Coda
date:		17th January 2009
version:	1.0

You may adapt and learn from the elements of this CSS to use in your own
projects, but you may not copy the design (the unique combination of images,
colors, sizes, typography, and positioning) since this is copyright of Arron
Coda and may not be reproduced.

-----------------------------------------------------------------------------*/

/* =main-structure
-----------------------------------------------------------------------------*/

#container{
	margin:100px auto;
	width:470px;
	height:320px;
	background:#fff;
	border:2px solid #000;
	overflow:hidden;
	position:relative;
	}
	
#survey_container{
	margin:0;
	width:470px;
	height:320px;
	background:#fff;
	overflow:hidden;
	position:relative;
	}

#TB_window{
background:#ffffff url(../images/survey_bg.jpg) top left no-repeat;
}
	
#TB_window #TB_iframeContent{
	overflow:hidden;
	margin:0;
}

/* =survey head
-----------------------------------------------------------------------------*/

#TB_survey{
	color:#000;
	}


#survey_head{
	background: url(../images/survey_bg.jpg) top left no-repeat;
	height:100px;
	}

/* =survey_nav
-----------------------------------------------------------------------------*/

#survey_nav{
	margin: 0 15px;
	padding:5px 0;
	text-align:center;
	color:#000;
	border-bottom:1px solid #999;
	}
	
#survey_nav li{
	display:inline;
	font-size:14px;
}

#survey_nav span{
	font-weight:normal;
	color:#999;
}

#survey_nav #n1{
font-weight:bold;
}


/* =survey_body
-----------------------------------------------------------------------------*/

#survey_body{
	padding:15px;
	height:114px;
	width:3000px;
	position:relative;
	}
	
#survey_body h2{
	color:#000;
	padding:15px 0 10px;
	font-size:18px;
	}
	
#survey_body p{
	padding:0 0 5px 0;
	}

/* =survey_controls
-----------------------------------------------------------------------------*/

#survey_controls{
	margin:10px 15px 15px 15px;
	}

#survey_controls li{
	disply:block;
	float:right;
	margin:0 0 0 15px;
	}

#survey_controls li a{
	disply:block;
	padding:5px 14px;
	line-height:26px;
	background:#000;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	}

#survey_controls li a:hover{
	background:#820053;
	}
	
#survey_controls li.btn_prev{
	visibility:hidden;
	}

#survey_controls li.btn_close{
	float:left;
	margin-left:0;
	}

/* =slide
-----------------------------------------------------------------------------*/	
.slide, .notice, .finish{
width:440px;
float:left;
margin:0 15px 0 0;
}

.slide{
padding:15px 0 0 0;
}

.slide select{
width:100%;
}

#survey_body .notice p {
color:#000;
padding:0 0 10px 0;
}

/* =buttons
-----------------------------------------------------------------------------*/	

ul.buttons{
margin:0 0 0 40px;
height:75px;
}

.buttons li{
display:block;
width:170px;
height:75px;
overflow:hidden;
float:left;
margin:0 15px 15px 0;
cursor:pointer;
}

.buttons li a{
display:block;
width:170px;
height:75px;
}
.buttons li a span{
display:none;
}



/* =final_buttons
-----------------------------------------------------------------------------*/

ul.final_buttons{
clear:both;
padding:0;
margin:5px 0 0 5px;
}

ul.final_buttons span{
display:none;
}

.final_buttons li{
display:block;
width:170px;
height:75px;
overflow:hidden;
float:left;
margin:0 15px 15px 0;
}

#btn_submit_results,
#btn_request_sample{
margin-right:0;
}

.final_buttons li a{
display:block;
width:170px;
height:75px;
}

.btn_view_product a{background:transparent url(../images/btn_view_product.gif) no-repeat 0 0;}
.btn_submit_results a{background:transparent url(../images/btn_submit_results.gif) no-repeat 0 0;}
.btn_ask_expert a{background:transparent url(../images/btn_ask_expert.gif) no-repeat 0 0;}
.btn_request_sample a{background:transparent url(../images/btn_request_sample.gif) no-repeat 0 0;}
.btn_product_page a{background:transparent url(../images/btn_product_page.gif) no-repeat 0 0;}

.btn_view_product a:hover,
.btn_submit_results a:hover,
.btn_ask_expert a:hover,
.btn_request_sample a:hover,
.btn_product_page a:hover{
background-position:0 -75px;
}

.btn_close2{
float:right;
display:block;
width:30px;
height:30px;
cursor:pointer;
padding:5px 5px 0 0;
background:transparent url(../images/closebox_black.gif) no-repeat 0 0;
}

/* =details
-----------------------------------------------------------------------------*/
#form_container{
padding:0;
margin:15px 5px 0 5px;
display:none;
overflow:hidden;
}

#form_container li{
float:left;
width:265px;
padding:0 5px 5px 0;
}

#form_container label{
font-size:12px;
color:#000;
width:70px;
display:block;
}

#form_container input{
width:98%;
}

#form_container li.full{
width:540px;
}

#form_container #en{
margin:3px 0 0 0;
width:98%;
}

#form_container #submit{
margin:10px 0 0 0;
width:95px;
}