.cssform p{

width: 300px;

clear: left;

margin: 0;

padding: 15px;

padding-left: 155px; /*width of left column containing the label elements*/

border-bottom: 1px dashed #FFFFFF;

height: 1%;

background:#0099CC;

}



.cssform label{

font-weight: bold;

color:#FFFFFF;

font-family:Arial, Helvetica, sans-serif;

float: left;

margin-left: -155px; /*width of left column*/

width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/

}



.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/

width: 180px;

border:0px;

}

.cssform input[type="password"]{ /*width of text boxes. IE6 does not understand this attribute*/

width: 180px;

border:0px;

}



.cssform textarea{

width: 250px;

height: 150px;

}



.trimite {
background:url(../img/trimite.png) no-repeat;
border:0px;
width:150px;
height:45px;
font-weight:bold;
color:#333333;
}



/*.threepxfix class below:

Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.

to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html

*/



* html .threepxfix{

margin-left: 3px;

}



.inputfield {

background:#FFFFFF;

border-top:0px;

border-left:0px;

border-right:0px;

border-bottom:1px dashed #333333;

width:150px;}

.mini_casuta {
background:#FFFFFF;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:450px;
height:auto;
padding:8px;
border:4px solid #0099CC;
}

.mini_casuta h2{
color:#006699;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
border-bottom:3px solid #99CC00;
text-transform:uppercase;
}