@CHARSET "UTF-8";

body{
}

#ot-mailform {
    margin: 0;
    padding: 0;
}

/********  MAIN FONTS AND COLORS*/

/*  inputs */
#ot-mailform input, #ot-mailform textarea,#ot-mailform select{
    font-size: 11px;
    margin-top: 4px;
font-family:verdana;
    border: 1px solid #96a6c5;
}

/*  label */
#ot-mailform .label {
    font-size: 14px;
color:#02538b;
    font-size: 11px;
font-family:verdana;
overflow:hidden;
height:auto;
}

/* error background color */
#ot-mailform .ot-error input,#ot-mailform .ot-error textarea,#ot-mailform .ot-error select{
background-color:#ffeeff ;
}

/*  right icon on error */
#ot-mailform .ot-icon{
/*
background-image:url(http://lh3.ggpht.com/_BuGtj8thGc0/SRpk0uNi1FI/AAAAAAAAAKg/7k_TFQGUeQA/image%5B40%5D.png) ;

*/background-position:5px -14px;
background-repeat: no-repeat;

}



/*   BUTTON   */
input.ot-button{
width:100px !important;
font-weight:bold ;
font-size:12px !important;
background:#66a44a;
border-color:#3b6e22 !important;
color:white;
}


/*****   BOTTOM ERROR   */
div.cont-errormessage{
border:1px solid red;
padding:10px;
margin-left:0px;
display:none;
color:#333333;
background:#ffffff;
font-family:verdana;
font-size:10px;
text-align:center !important;
}



/******** END MAIN FONTS AND COLORS*/


/*  ICON NEXT TO FIELD */
#ot-mailform .ot-icon{
display:inline-block;/* for jquery to know how display it back*/
display:none;
width:27px;
height:21px;
float:left;
margin:1px 0 0 0px;
}


/*   INPUTS   */
#ot-mailform  input ,#ot-mailform textarea{
    padding: 3px 4px;
margin:0;
width:200px;
float:left;
}
#ot-mailform textarea{
height:200px;
width:300px;
}


/* LAYOUT */




/* LABEL  */
#ot-mailform .label {
text-align:;eft;
padding:0;
margin:3px 10px 0 0;
}

#ot-mailform .ot-label {
    overflow: hidden;
    display: inline-block;
    float: left;
padding:0;
margin:0;
    width: 150px;
}


/*  ROW (label+field+icon)*/
.ot-rowitem{
margin-bottom:10px;
height:auto;
overflow:hidden;
}



/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/ * html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}