/*##########################################
Name: Default styling for Niceforms v.1.0
Author: Lucian Slatineanu
URL: http://www.badboy.ro/
##########################################*/

/*General styles - NOT really related to the forms*/
* {
    margin:0;
    padding:0;
}

img {border:0;}
#container {padding: 0 20px;}

/*Forms defaults - change as needed*/
input, textarea {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#404040;
}
label {
    color:#787269;
    cursor:pointer;
    padding-left:2px;
    line-height:17px;
    margin-right: 10px;
}
label.chosen {color:#787269;}

/*Transparent items*/
.outtaHere {
    position:absolute;
    left:-3000px;
}

/*Radio buttons*/
.radioArea, .radioAreaChecked {
    display:block;
    float:left;
    clear:left;
    width:14px;
    height:14px;
    font-size:0;
    cursor:pointer;
}
.radioArea {background:url(../imgs/forms/radio.png) no-repeat left top;}
/*   * html .radioArea {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../imgs/forms/radio.png", sizingMethod="crop");
    background-image:none;
}
* html #portail .radioArea {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imgs/forms/radio.png", sizingMethod="crop");
    background-image:none;
}*/

.radioAreaChecked {background:url(../imgs/forms/radio.png) no-repeat left bottom;}
/*  * html .radioAreaChecked {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../imgs/forms/radioCheck.png", sizingMethod="crop");
    background-image:none;
}*/

/*Checkboxes*/
.checkboxArea, .checkboxAreaChecked {
    display:block;
    float:left;
    clear:left;
    width:14px;
    height:14px;
    font-size:0;
    padding:0;
    margin:0;
    cursor:pointer;
    z-index:100;
}
.checkboxArea {background:url(../imgs/forms/checkbox.png) no-repeat left top;}
/*  * html .checkboxArea {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../imgs/forms/checkbox.png", sizingMethod="crop");
    background-image:none;
}
* html #portail .checkboxArea {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imgs/forms/checkbox.png", sizingMethod="crop");
    background-image:none;
}*/
.checkboxAreaChecked {background:url(../imgs/forms/checkbox.png) no-repeat left bottom;}
/* * html .checkboxAreaChecked {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../imgs/forms/checkboxCheck.png", sizingMethod="crop");
    background-image:none;
}
* html #portail .checkboxAreaChecked {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imgs/forms/checkboxCheck.png", sizingMethod="crop");
    background-image:none;
}*/
.focused {border:1px dotted #ddd;}

/*Text inputs*/
.textinput, .textinputHovered {
    height:21px; /* diminuer la hauteur en fonction du padding-top */
    line-height: 17px; /* diminuer la hauteur en fonction du (padding-top x 2) pour IE */
    background:url(../imgs/forms/input_bg.gif) repeat-x left top;
    border:none;
    padding: 4px 0 0 0;
    vertical-align:middle;
}
/*   * html .textinput, * html .textinputHovered {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../imgs/forms/input_bgIE.png", sizingMethod="scale");
    background-image:none;
    height:21px;
}
* html #portail .textinput, * html #portail .textinputHovered {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imgs/forms/input_bgIE.png", sizingMethod="scale");
    background-image:none;
    height:21px;
}*/
.textinputHovered {background-position:left bottom;}
.inputCorner {
    padding-bottom:0;
    vertical-align:middle;
}

/*Text areas*/
.txtarea .tr, .txtarea .tr_xon {background:url(../imgs/forms/txtarea_tr.gif) no-repeat top right;}
.txtarea .tr_xon {background:url(../imgs/forms/txtarea_tr_xon.gif) no-repeat top right;}
.txtarea imgs.txt_corner {
    width:5px;
    height:5px;
    display:block;
}
.txtarea .br, .txtarea .br_xon {background:url(../imgs/forms/txtarea_br.gif) no-repeat top right;}
.txtarea .br_xon {background:url(../imgs/forms/txtarea_br_xon.gif) no-repeat top right;}
.txtarea .cntr {background:url(../imgs/forms/txtarea_cntr.gif) repeat-y right top;}
.txtarea .cntr_xon {background:url(../imgs/forms/txtarea_cntr_xon.gif) repeat-y right top;}
.txtarea .cntr_l, .txtarea .cntr_l_xon {
    width:5px;
    background:url(../imgs/forms/txtarea_l.gif) repeat-y left top;
    float:left;
}
.txtarea .cntr_l_xon {background:url(../imgs/forms/txtarea_l_xon.gif) repeat-y left top;}
.txtarea textarea {
    border:0;
    background:none;
    padding:0;
    margin:5px;
}

/*Selects*/
.selectArea {
    width:200px;
    height:21px;
}
.selectArea .left {
    width:8px;
    height:21px;
    float:left;
    background:url(../imgs/forms/select_left.png) no-repeat left top;
}
.selectArea .right {
    width:21px;
    height:21px;
    float:right;
    background:url(../imgs/forms/select_right.png) no-repeat left top;
}
.selectArea .right a {
    display:block;
    width:auto;
    height:21px;
    /*margin-left:-179px;*/
    position:absolute;
}
.selectArea .right i {display:none;}
.selectArea .center {
    float: left;
    background:url(../imgs/forms/select_bg.png) repeat-x left top;
    width:160px;
    height:21px;
    color:#404040;
    padding-top:3px;
    overflow:hidden;
    white-space:nowrap;
}
* html .selectArea .center {
    height:18px;
}
/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
    position:absolute;
    margin-top:-1px;
    margin-left:3px;
    width:172px;
    background:#6f7074;
    padding:2px;
    font-size:11px;
    z-index:20;
}
.optionsDivInvisible {display:none;}
.optionsDivVisible {display:block;}
.optionsDivVisible p {
    margin:0;
    padding:0;
}
.optionsDivVisible a {
    color:#F2F2F2;
    text-decoration:none;
    display:block;
    padding:0px 4px;
    border:1px solid #6f7074;
}
.optionsDivVisible a:hover {
    color:#FFF;
    background:#5F6062;
    border-color:#cfd0d6;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
    width:auto;
    height:19px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.0em;
    color:#404040;
    font-weight:bold;
    text-transform: uppercase;
    margin-top: 2px;
    padding:2px;
    vertical-align: middle;
    background:url(../imgs/forms/button_bg.png) repeat-x left top;
    cursor:pointer;
    border:none;
}
/*  * html .buttonSubmit, * html .buttonSubmitHovered {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imgs/forms/button_bgIE.png", sizingMethod="scale");
    background-image:none;
    height:19px;
    position: relative;
    margin-top: 0;
}*/
.buttonSubmitHovered {background-position:left bottom;}
.buttonimgs {
    height: 19px;
    vertical-align:middle;
    padding-top: 2px;
}
/* * html .buttonimgs {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imgs/forms/button_left.png", sizingMethod="crop");
    background-image:none;
    height:15px;
    position: relative;
}*/