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

	forms.css
	* Sets up some default styling for forms
	* Gives you classes to enhance your forms

	Usage:
	* For text fields, use class .title or .text

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

fieldset           { }
legend             { font-weight: bold; font-size: 1.2em; }
legend+*           { margin-top: 1em; } /* compensates for the opera margin bug */


/* =Form fields
-------------------------------------------------------------- */
.form-default div{
	margin-bottom: 10px;
	overflow: hidden;
	width: 100%;
}
.form-default  label{
	float: left;
	padding-top: 5px;
	width: 145px;
}

.form-default  span.horizontal{
	clear:both;
	float: left;
	padding-top: 5px;
}

.form-default  span.horizontal input{
	margin-left:10px;
}



.form-default  input  {
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: none repeat scroll 0 0 #FAFAFA;
	border-color: #858585 #C1C1C1 #C1C1C1 #858585;
	border-right: 1px solid #C1C1C1;
	border-style: solid;
	border-width: 1px;
	box-shadow: 1px 1px 1px #CCCCCC inset;
	color: black;
	font-size: 10pt;
	padding: 6px 5px;
	margin:0px;
}

.form-default input.input-normal{margin-right: 10px; width: 230px;}
.form-default select.input-normal{margin-right: 10px; width: 242px;}
.form-default textarea.normal{margin-right: 10px; width: 230px; height:100px;}


.form-default textarea,select{
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: none repeat scroll 0 0 #FAFAFA;
	border-color: #858585 #C1C1C1 #C1C1C1 #858585;
	border-style: solid;
	border-width: 1px;
	box-shadow: 1px 1px 1px #CCCCCC inset;
	color: black;
	font-size: 10pt;
	padding: 6px 5px;
}


input.button { 
	background: url("../images/button-gradient.png") repeat-x scroll 0 0 #57A5D3;
	border: 1px solid #2786BE;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 1px 3px #EBEBEB;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font-size: 10pt;
	font-weight: bold;
	margin: 0 9px 0px 0;
	padding: 4px 10px 6px;
	text-shadow: 0 1px 1px #3F3F3F;
}

.offerte-button { 
	width:134px; height:18px;
	background: url("../images/button-gradient.png") repeat-x scroll 0 0 #57A5D3;
	border: 1px solid #2786BE;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 1px 3px #EBEBEB;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font-size: 10pt;
	font-weight: bold;
	margin: 0 9px 5px 0;
	padding: 4px 10px 6px;
	text-shadow: 0 1px 1px #3F3F3F;
	text-align:center;
}

input.button:hover{background-color:#64BEF3;}	

input.button-orange, .button-orange{
	background: url("../images/button-gradient.png") repeat-x scroll 0 0 #FF8700;
	background-color: #FF8700;
	border-color: #D58123;
}
input.button-orange:hover, .button-orange:hover{background-color:#FF9A04;}


input.button-green{
	background: url("../images/button-gradient.png") repeat-x scroll 0 0 #65B41C;
	background-color: #65B41C;
	border-color: #517A00;
}
input.button-green:hover{background-color:#80CA23;}



div.input-small label{clear:both;float:left; line-height:1.5em; padding:0 0 5px 0px;}
div.input-small span{clear:both;float:left; line-height:1.5em;}

input.text:focus, 
input.title:focus,
textarea:focus, 
select:focus       { border-color: #888; }

input.error, 
textarea.error, 
select.error       { border:1px solid #ff0000 !important; }
	
input.text, 
input.title        { width: 140px;  padding: .3em .4em .15em .4em; cursor: text; }
input.title        { font-size:1.5em; }

input.radio { 
  position:relative; 
	top:.25em; 
	vertical-align: middle; 
	padding: 0;
	margin: 0;
	margin-right: 5px;
	}




	
/* =Success, notice and error boxes
-------------------------------------------------------------- */
.error, 
.notice, 
.success           { padding: .6em; margin: 0.6em 0; border: 2px solid #ddd; }

.error             { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice            { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success           { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a           { color: #8a1f11; }
.notice a          { color: #514721; }
.success a         { color: #264409; }

.errors            { margin: 0.6em 0; color: red; }
.errors a          { color: #8a1f11; }
.form-oneline .errors {  }

/* =Misc
-------------------------------------------------------------- */

.f-line            { margin: 0 0 10px 0; clear: both; }
.one-line          { display: inline; float: left;  margin: 0 240px 0 0; }


/* =definition forms
-------------------------------------------------------------- */	

.form-newline,
.form-oneline       { display: inline-block; }
.form-newline:after,
.form-oneline:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    font-size: 0;	
    height: 0;
	}
/* Hides from IE-mac \*/
* html .form-newline  { height: 1%; }
* html .form-oneline  { height: 1%; }
.form-newline         { display: block; }
.form-oneline         { display: block; }
/* End hide from IE-mac */


fieldset dl      { margin-bottom: 0; }
.form-newline dd { margin: 0 0 10px 0; }

.form-oneline dt { float: left; width: 100px; clear: left; position:relative; top: 0.25em;}
.form-oneline dd { padding-left: 120px; margin: 0 10px 6px 0; }

.labelr dt       { text-align: right; }
.btn-right       { float: right !important; }
dt.nextline      { clear: none; }

.multi dt        { width: 40px; }
.multi input.text{ width: 60px; }
.multi dl        { float: left; margin-right: 60px; border: 1px solid #aeaeae; padding: 10px;  }

/* examples */
input.input-xxxsmall    { width: 35px; }
input.input-xxsmall    { width: 45px; }
input.input-xsmall    { width: 55px; }
input.input-small    { width: 75px; }
input.input-medium    { width: 165px; }
input.input-large    { width: 175px; }
textarea.input-small { width: 100px; }