﻿/** Form fields **/
/*****************/
input.text, input.title,
textarea, select {
  color: #005396;
  margin: 0;
  padding: 0;
}

select 
{
  border:  1px solid #cccccc;
}


/** Success, notice and error boxes **/
/*************************************/

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; display: block; }

.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; }

/*.formFooter 
{
    float: right;
    clear: both;
    height: 25px;
    padding: 2px;
    margin-bottom: 0.5em;
}*/

.buttonBack 
{
}

/* forms containers */

.labelledCheckBox,
.labelledRadio
{
    margin: 5px;
    display: block;
    clear: left;
    float: left;
}

.devisForm .labelledCheckBox
{
    width: 100px;
}


.devisForm .labelledRadio
{
    clear: none;
}

.devisForm .labelledCheckBox.fullCheckBox
{
    width: auto;
}


.blockForm .labelledRadio input,
.devisForm .labelledRadio input,
.blockForm .labelledCheckBox input,
.devisForm .labelledCheckBox input 
{
    float: none;
    clear: none;
    display: inline;
    margin: 0;
    margin-right: 5px;
}

.blockForm .labelledRadio label,
.devisForm .labelledRadio label,
.blockForm .labelledCheckBox label,
.devisForm .labelledCheckBox label
{    
    float: none;
    clear: none;
    width: auto;
    display: inline;
}
.devisForm .validateButton,
.blockForm .validateButton
{
    clear: both;
}


input.inlineCheckbox { margin-right: 5px; }

input.title   { font-size:1.5em; }
textarea      { width: 390px; }

/* devisForm specific */
.devisForm label,
.devisForm .radioLabel
{
    
    margin: 4px 5px 2px;
    text-align: left;
    float:left;
   
}

.devisForm input,
.devisForm select,
.devisForm .formValue
{
    float: left;
    width: 215px;
    margin-left:10px;
    margin-top: 5px;
}

/* blockForm specific */
.blockForm label
{
    display: block;
    float: left;
    clear: both;
    margin: 2px 5px;
}

.blockForm input,
.blockForm select,
.blockForm textarea,
.blockForm .formValue
{
    float: left;
    clear: both;
    margin: 0 5px 5px 5px;
}


/**
 * Sizes
 */
 
.devisForm label,
.devisForm .radioLabel,
.devisForm .labelledCheckBox
{
    font-family:bold Tahoma,Verdana,Arial,Sans-serif;
    color: #111111;
    width: 100px;
    
}

.devisForm.largeForm label,
.devisForm.largeForm .radioLabel,
.devisForm.largeForm .labelledCheckBox
{
    width: 100px;
}
.devisForm.x-largeForm label,
.devisForm.x-largeForm .radioLabel,
.devisForm.x-largeForm .labelledCheckBox
{
    width: 250px;
}
.devisForm.xxl-largeForm label,
.devisForm.xxl-largeForm .radioLabel,
.devisForm.xxl-largeForm .labelledCheckBox
{
    width: 100%;
}
.devisForm.smallForm label,
.devisForm.smallForm .radioLabel,
.devisForm.smallForm .labelledCheckBox
{
    width: 70px;
}

.devisForm .xxl-largeForm 
{
    width: 80%;
    height:50px;
    float:right;
}

/* CheckBoxList style */

.cbListe label 
{
    font-family: Verdana;
    font-size: 12.8px;
}

.cbListe
{
    background-color: White;   
}


/* button submit */
.devisForm input[type="submit"]
{
	
	width: 15%;
	float:right;
	clear:both;
}

.devisForm input[type="submit"]:hover
{
	background-color: #747574;
	cursor: pointer;
	
}

.devisForm input[type="reset"]
{
	border: #DDEEFF 1px solid;
	width: 27%;
}

.devisForm input[type="reset"]:hover
{
	background-color: #E6484D;
	cursor: pointer;
}


/* Input */
.devisForm input, .devisForm select
{
	
	border: #CCC 1px solid;
}

.devisForm input:hover, .devisForm select:hover, .devisForm input:focus, .devisForm select:focus
{
	border: #999 1px solid;
	background-color: #DDEEFF;
}

/* checkboxlist */

.devisForm .AspNet-CheckBoxList-Item
{   
  width: 200px;
  display: block;
  clear: both;
 
}
.devisForm .AspNet-CheckBoxList-Item li
{
    
}
.devisForm .AspNet-CheckBoxList-Item input
{
       
    width: 15px;
    height:15px;
    
    
}

.devisForm .AspNet-CheckBoxList-Item label
{
    text-align:left;
    clear: none;
    padding-left: 5px;
    width: 150px;
}

.devisForm .AspNet-CheckBoxList-RepeatDirection-Vertical
{
    clear: both;
    width: 200px;
}
   
   
