/** Formulare - NEW **/ 

/** Test comment **/

.formular  {
    padding-top             : 0;
}

.formular legend {
	padding                 : 0 2px;
    color                   : #404040; /* #8459A1; */
    font-size               : 1.5em;
	font-weight             : 100;
	line-height				: 20px;
}

.formular legend.mandatoryField {
    color                   : #D00;
}


.formular fieldset {
    padding                 : .5em;
    margin-bottom           : 30px;
    border					: 1px solid #CCC;
}

.formular .coloredBgrnd {
	background-color        : #EEF5E9;
}

.formular div {
	border-bottom           : 1px solid #CCC;
	padding                 : .5em;
	clear					: both;
}

.formular div.lastListElement {
	border		      	    : none;
}

.formular div.buttons {
    border					: none;
    text-align              : center;
}

label {
}

label.left, span.left {
    margin-top              : 5px;
    float                   : left;
    text-align              : left;
    width                   : 250px;
    margin-right            : .3em;
}

input, textarea, select {
    margin                  : 0;
    padding-left			: 2px;
	color                   : #404040;    
}

input.right {
    float                   : left;
    width                   : auto;
    clear                   : both;
   
    margin-right            : .3em;
}

input.checkbox.right,
input.radio.right,
input.submit.right,
p.right {
    margin-left             : 255px;
}

p.right {
    margin					: 0;
    margin-left				: 255px
}

.formular br {
    clear					: both;
}
.formular span.hint {
	font-size				: 0.9em;
	color					: #888;
}

label,
select,
input.checkbox,
input.radio,
input.button,
input.submit,
input.reset {

}

input.submit,
input.button,
input.reset {
	padding					: 0 30px;
	height					: 26px;
	color					: #FFF;
	font-weight				: 100;
	background-color		: #8459A1;
	background-image		: url(../images/page_elements/north_navi_bg_highlight.gif);
	background-position		: 50%;
	border					: none;
	font-size				: 1.2em;
}

input.smallSubmit {
	padding					: 0 15px;
	height					: 22px;	
}

input[disabled="disabled"] {
    color                   : #777;
}

input.text,
input.password {
    padding-left			: 2px;
    color                   : #404040;
    background              : white url(/images/page_elements/formular/input.gif) top left repeat-x;
    height                  : 16px;
    border					: 1px solid #CCC;
    width					: 200px;
}
textarea, select {
    padding-left			: 2px;
    background              : white url(/images/page_elements/formular/input.gif) top left repeat-x;
    border					: 1px solid #CCC;
    color					: #404040;
}

select {
    height: 20px;
}



textarea:focus,
select:focus {
    border                  : 1px solid #8459A1;
    /*background: #dee7f7;*/
}

.error {
    border					: 1px solid #F00 !important;
}

.formular .required {
    font-style              : italic;
    font-size               : .9em;
    color                   : #F00;
}

input.shortWidth {
    width                   : 40px;
}

input.passwordWidth {
    width                   : 150px;
}

input.middleWidth {
	width                   : 100px;
}

input.longWidth {
	width                   : 170px;
}