@CHARSET "UTF-8";


.message {
 margin: 10px 20px 10px 20px;
 padding: 12px 5px 10px 5px;
 color: #484;
 background: #eee;
 border-bottom: 1px solid #ddd;
}

.jform {
 margin: 10px 0px 10px 0px;
}

.form_error {
 margin: 0px 10px 0px 10px;
 padding: 12px 5px 10px 5px;
 color: #c44;
 background: #fee;
 border-bottom: 1px solid #fdd;
}

.form_element {
 margin: 10px 0px 10px 0px;
 padding: 5px 0px 5px 0px;
 border-bottom: 1px solid #D8E1E1;
 clear: both;
}

.element_label {
 float: left;
 width: 100px;
 padding: 7px 5px 5px 5px;
 font-size: 100%;
}



.element_error {
 float: left;
 width: 120px;
 padding: 7px 5px 5px 5px;
 font-size: 110%;
 color: #c44;
 background: #fee;
}

.element_input {
 float: left;
 width: 300px;
 padding: 0;
}

.form_element .mandatory {
 font-size: 25px;
 vertical-align: top;
 color: #B8C1C8;
}

.element_input_file {
 float: left;
 width: 300px;
}

.element_info {
 float: left;
 width: 300px;
 padding: 7px 5px 5px 5px;
}

.popup {
	display: inline;
    padding: 0;
    position: relative;
    background: url('images/help.png') no-repeat;
    width: 30px;
    cursor: help;
}

.tip {
	background: #DBEBE4;
	padding: 10px;
	border: 1px solid #DCDCDC;
    width: 350px;
    position: absolute;
    top: -20px;
    left: 20px;
    text-align: center;
    text-indent: 0;
    z-index: 2;
    display: none;
    cursor: default;
}

.element_input_file input {
 border: 1px solid #326309;
 background: #d7ebc7;
 color: #303f24;
 padding: 0px;
 font-size: 100%;
 width: 200px;
 height: 20px;
}

.element_input input {
 border: 1px solid #326309;
 background: #d7ebc7;
 color: #303f24;
 padding: 5px;
 margin: 0;
 font-size: 120%;
 width: 200px;
 height: 20px;
}

.element_input select {
 border: 1px solid #326309;
 background: #d7ebc7;
 color: #303f24;
 font-size: 110%;
 width: 200px;
 height: 30px;
}


.element_input_short {
 float: left;
 width: 300px;
}

.element_input_short input {
 border: 1px solid #326309;
 background: #d7ebc7;
 color: #303f24;
 padding: 5px;
 font-size: 120%;
 width: 50px;
 height: 20px;
}


.element_textarea {
 float: left;
 width: 420px;
}

.element_textarea textarea  {
 border: 1px solid #326309;
 background: #d7ebc7;
 color: #303f24;
 padding: 5px;
 margin: 0;
 font-size: 120%;
 width: 400px;
 height: 120px;
}

.form_submit {
 margin: 0px 10px 0px 10px;
 padding: 5px 0px 5px 0px;
}

.form_submit .element {
 width: 320px;
 text-align: right;
}

.form_submit .element_after_textarea {
 width: 520px;
 text-align: right;
}



.form_submit_long {
 border: 1px solid #326309;
 background: #d7ebc7;
 color: #303f24;
 padding: 3px;
 font-size: 110%;
 height: 30px;
 outline: 0;
 cursor: pointer;
}

.form_submit_long:hover {
 background: #d7ebc7;
}

.form_submit input {
 border: 1px solid #326309;
 background: #d7ebc7;
 color: #303f24;
 padding: 3px;
 font-size: 110%;
 width: 100px;
 height: 30px;
 outline: 0;
 cursor: pointer;
}

.form_submit input:hover {
 background: #CBDBD4;
}