/*-------------------------------------------------------------
 CSS TEMPLATE FOR XHTML 1.0 TRANSITIONAL HTML-DOCUMENTS
 Version 1.0
 
 - form elements
 ---------------------------------------------------------------*/

/************************************
* general form elements
*************************************/

form
{
}
legend,
label,
input,
select,
textarea,
fieldset,
a.info,
div.radio_container,
div.checkboxes,
.error
{
	display:block;
	float:left;
}

/************************************
* fieldset
*************************************/

fieldset
{
	float:none;
	clear:left;
}

/************************************
* legend
*************************************/

legend
{
	font-weight:bold;
}

/************************************
* general form building blocks
*************************************/

/* form components */
label,
input,
select,
textarea
{
	margin-right:8px;
	margin-bottom:8px;
	padding:2px;	
}
.error
{
	margin-bottom:8px;
}
/* form label */
label
{
	clear:left;
}
/* form fields */
input,
select,
textarea
{
	padding-left:4px;	
	padding-right:4px;		
	border:1px solid #c9c9c9;
}
/* single line fields */
input,
select
{
	padding-right:2px;
}
/* standard field */
input
{
}
/* hide hidden inputs for FireFox */
input[type=hidden]
{
	display:none;
}

/************************************
* size modifiers
*************************************/

/* default sizes */

label,
input,
select,
textarea
{
	width:210px; /* = l */
}
label  	{	width:125px;	}
select 	{	width:218px;	}
textarea{	width:208px;	}

/* default modifiers*/
.xxs {width:30px;}
.xs  {width:60px;}
.s   {width:90px;}
.m   {width:120px;}
.l   {width:150px;}
.xl  {width:180px;}
.xxl {width:210px;}

/* date modifiers*/
select.day   {width:40px;}
select.month {width:70px;}
select.year  {width:56px;}

/* telephone modifiers*/
input.tel_area  {width:60px;}
input.tel_local {width:100px;}

/************************************
* mandatory fields
*************************************/

input.mandatory,
select.mandatory,
textarea.mandatory
{
	background-color:#FFFFFF;
}
label.mandatory
{
	
	/*font-weight:bold;*/
}
span.mandatory_legend
{
}

/************************************
* error state
*************************************/

form.error
{
}
label.error
{
	color:red;
}
input.error,
select.error,
textarea.error
{
	border-color:red;
}
div.error
{
}

/************************************
* radio_container and checkboxes
*************************************/

div.radio_container input,
div.check_container input,
input.checkbox,
input.radio
{
	width:auto;	 		/* reset from generic form field styles */
	border:none; 		/* reset from generic form field styles */
	background:none; 	/* reset from generic form field styles */
}
/* wrappers */
div.radio_container,
div.check_container
{
}
div.radio_container
{
}
div.check_container
{
}
/* wrapper inputs */
div.radio_container input,
div.check_container input
{
	clear:left;
	margin-left:0px;
}
div.radio_container input
{
}
div.check_container input
{
}
/* wrapper labels */
div.radio_container label,
div.check_container label
{
	display:block;
	float:left;
	clear:none;
	width:auto;
	
}
/* alignment modifier */
div.horizontal input
{
	clear:none;
}
div.horizontal br
{
	display:none;
}
/* label width modifier */
div.radio_container label.fixed,
div.check_container label.fixed
{
	width:180px; 
}

/************************************
* selection lists
*************************************/

select
{
}
select option
{
}

/************************************
* textarea
*************************************/

textarea
{
	overflow:auto;
	line-height:1em; /* reset to allow default line spacing */
}

/************************************
* break for line clearing
*************************************/

form br
{
	clear:left;
}

/************************************
* form button
*************************************/

button
{
}
div.formbuttonwrapper
{
	width:303px;
	float:left;
	clear:left;
}
div.formbuttonwrapper button
{
	float:right;
	margin-right:0px;
}

/************************************
* field info
*************************************/

a.info:link,
a.info:visited,
a.info:active,
a.info:hover
{
	position:relative;
	padding-left:20px;
	background-color:red;
	background:url(../images/form_info.gif) no-repeat top left;
	text-decoration:none;	
}
a.info:link span,
a.info:visited span,
a.info:active span,
a.info:hover span
{
	position:absolute;
	top:0px;
	left:20px;
	display:none;
	background-color:green;
	width:100px;
}
a.info:hover span
{
	display:block;
}
/************************************
* captcha
*************************************/
input.captcha_img
{
	width:91px; 
	margin-left:8px;
}
span.captcha_img 
{
	float:left;
}

#tl_review_submitform_buttonbar 
{
margin-left:140px;
}
#tl_review_submitform_buttonbar #tl_gd_create_submit,
#tl_review_submitform_buttonbar #tl_gd_cancel_submit,
#tl_sendafriend_form_buttonbar input,
div.formbody input.submit,
input.contact_btn 
{
	width:auto;
	text-transform:uppercase;
	background-color:#D84093;
	color:#FFFFFF;
	border:solid 0px;
	font-weight:bold;
	font-weight:bold;
	margin-bottom:4px;
	margin-right:8px;
	overflow:hidden;
	padding:4px 8px;
	cursor:pointer;

}
#tl_review_submitform_buttonbar #tl_gd_create_submit 
{
	background-color:#3CA1BD;
}
#tl_sendafriend_form_buttonbar input {
	margin-left:140px;
	}


input.contact_btn {
	cursor:pointer;
	float:right;
	background-color:#8bc068;
	margin-right:48px;
	}
div.formbody {
	margin-bottom:0px;
	}	
div.formbody input.submit {
	clear:left;
	margin-right:84px;
	}