/* 
    Document   : forms
    Created on : 28.09.2009, 12:07:22
    Author     : Admin
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.form {
    /*clear: both;*/
}
.form table {
    width: 100%;
}
.form table td {
    padding: 5px;
    border: 1px solid #FFF;
}
.form table td .help {
    clear: both;
    margin: 0px !important;
}
.form table .info {
    background-color: #EAF1DD;
    text-align: justify;
    vertical-align: middle;
}

.form  .field_high {
	display:block;
	clear:both;
	margin-bottom:25px;
	overflow:hidden;
}

.form  .field {
	display:block;
	clear:both;
    padding: 0px 20px;
	padding-bottom:1px;
	margin: 10px 0px;
	overflow:hidden;
}

.form td .field {
	margin: 5px 0px;
}

/*.form  .field div {
    float: left !important;
    position: relative !important;
    margin-top: 7px !important;
}*/

.form  .field div.hint, .form  .field div.err {
    float: left !important;
    position: relative !important;
    margin-top: 7px !important;
}

.form  .field_near {
	float:left;
	width:300px;
	margin:0 10px 25px 0;
	overflow:hidden;
}

.form  .field_near_high {
	float:left;
	width:300px;
	margin:0 10px 25px 0;
	overflow:hidden;
}

.form  label {
	color:#444;
	font:10pt Tahoma;
	display:block;
	clear:both;
    font-weight: bold;
}

.form  label.left {
	display:block;
	clear:right;
        float: none;
}

.required {
	color:#db1b1b;
	margin:0 2px;
}

.form .text, .form select, .form textarea  {
	font: 10pt Tahoma;
	border: 1px dotted #9F8D13;
	padding: 2px 5px;
	float: left;
	margin:5px 0;
	background:#FFFFF8;
}

.form input  {
	margin:5px 0;
}

.form textarea.text, .form select.text.high {
    height: 140px !important;
}

.form .text  {
	height: 19px;
	width: 248px;
}

.form select {
	height: 25px !important;
	width: 260px;
}
.form select option {
	font: 10pt Tahoma;
	padding: 2px 5px;
}

.form .empty a {
	display: block;
	width:16px;
	height:16px;
	float: left;
	margin: 9px 0 0 2px;
	cursor: default;
}

.form .hint a {
	background:url(/media/images/icons/form_hint.png) 0 0 no-repeat;
	display: block;
	width:16px;
	height:16px;
	float: left;
	margin: 9px 0 0 2px;
	cursor:help;
}

.form .err a {
	background:url(/media/images/icons/exclamation.png) 0 0 no-repeat;
	display: none;
	width:16px;
	height:16px;
	float: left;
	margin: 9px 0 0 2px;
        cursor: help;
}

.form .field div.del {
    margin: 0px 5px 0px 0px !important;
}
.form .del a {
	background:url(/media/images/icons/cross.png) 0 0 no-repeat;
	display: block;
	width:16px;
	height:16px;
	float: left;
        cursor: pointer;
}

.form  .long {
	width:650px;
}

.form  .medium {
	width:300px;
}
.form  select.medium {
	width:310px;
}

.form  .short {
	width:72px;
	margin-right:5px;
}

.form  .shortest {
	width:35px;
	margin-right:5px;
}

.form .limit, .form .limit strong {
	color:#c1c1c1;
	font-size:7pt;
	clear:both;
}

.form form .button {
	color: #000;
	padding: 5px 20px;
        font-weight: bold;
	text-align: center;
        cursor: pointer;
}

.form form .process {
    background: #FFF url(/media/images/ind/spinner.gif) top left no-repeat;
    display: none;
    height: 20px;
    float: left;
    margin: 16px 0px 0px;
    padding: 2px 25px 0px;
}

.form .field .cke_skin_kama {
    float: left;
}
/**************** Errors ********************/

.form .errorfield  label {
	color:#a00;
	font:10pt Tahoma;
	display:block;
	clear:both;
}

.form form .errorfield input, .form form .errorfield select, .form form .errorfield textarea  {
	border: 1px dotted #A00;
        background-color: #FBCBBC;
}

.form form .errorfield .hint a {
	display: none;
}
.form form .errorfield .err a {
	display: block;
}

.error-text {
    padding: 2px 5px;
    color: #A00;
    font-size: 11px !important;
}