@charset "UTF-8";

/**
 * iTool3 - CSS: Formulare
 *
 *
 * @author Frank Matuse <fmatuse@cycro-systems.com>
 * @date   2008-07
 * 
 */

input {
	font: 12px "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	padding: 2px;
	color: #414141;
}

input:focus, textarea:focus, label:focus {
	background: #fff;
	border: 1px solid #81BA37;
}

textarea, input, select {
	background: #f4f4f4;
	border: 1px solid #aaa;
}

select {
	border: 1px solid #aaa;
	padding: 1px;
}



input.block {
	margin: 5px 0 10px 0;
	width: 97%;
}

/* Label-Input-Box */

.lain-box label,
#loginDialog .lain-box label {
	display: block;
	float: left;
	width: auto;
	text-align: right;
	padding: 5px 1px;
	margin: 0px;
	font-size: 110%;
	background: none;
	border: 0px;
	color: #676767;
}

.ui-dialog .lain-box label,
#layout-wrapper .lain-box label,
#loginDialog .lain-box label{
	font-size: 100%;
}

.lain-box input,
#loginDialog .lain-box input {
	float: left;
	padding: 3px 0 0 1px;
	margin: 0 0 0 5px;
	font-size: 110%;
	background: #fff;
	border: 0px;
	color: #666;
}


#login-form .lain-box input,
#loginDialog .lain-box input{
	background: transparent;
}

.ui-dialog .lain-box input,
#layout-wrapper .lain-box input {
	padding: 6px 0 0 1px;
	font-size: 95%;
}

#layout-wrapper .lain-box input {
	border: none;
	background: #fff;
}


.lain-box, #loginDialog .lain-box {
	background-image: linear-gradient(bottom, #D9D9D9 0%, #FFFFFF 60%, #FFFFFF 77%);
	background-image: -o-linear-gradient(bottom, #D9D9D9 0%, #FFFFFF 60%, #FFFFFF 77%);
	background-image: -moz-linear-gradient(bottom, #D9D9D9 0%, #FFFFFF 60%, #FFFFFF 77%);
	background-image: -webkit-linear-gradient(bottom, #D9D9D9 0%, #FFFFFF 60%, #FFFFFF 77%);
	background-image: -ms-linear-gradient(bottom, #D9D9D9 0%, #FFFFFF 60%, #FFFFFF 77%);
	background-image: -webkit-gradient(linear,left bottom,left top,	color-stop(0, #D9D9D9),	color-stop(0.6, #FFFFFF),color-stop(0.77, #FFFFFF));
	border: 1px solid #81BA37;
	padding: 2px 2px;
	margin-right: 8px;
	border-radius: 3px;
}

#loginDialog .lain-box { width:98%; }

.ui-dialog .lain-box,
#layout-wrapper .lain-box {
	background: none;
	border: none;
	padding: 1px;
	margin: 4px 4px 0 0;
}

.ui-dialog .lain-box label,
#layout-wrapper .lain-box label {
	text-align: left;
	width: 150px;
	margin: 0 8px 0 0;
}
#loginDialog .lain-box label { width: 120px;	text-align: left; }
#loginDialog .lain-box input#login_user, 
#loginDialog .lain-box input#login_pass { 
  width: 130px;	
	margin-top: 2px
}


/* Anordnung Dialog Box */

form.dialogBox .lain-box label {
	width: 100px;
}

form.dialogBox input#submitButton {
	margin: 20px 45px 0 0;
	float: right;
}


.ui-dialog .lain-box input,
#layout-wrapper .lain-box input {
	width: 270px;
	border: 1px solid #ccc;
}
.ui-dialog .lain-box input { width: 235px; }


.ui-dialog .lain-box textarea,
#layout-wrapper .lain-box textarea {
	background: #fff;
	width: 270px;
	margin-left: 5px;
	height: 80px;
	border: 1px solid #ccc;
}

.ui-dialog .lain-box textarea { width: 235px; }

.lain-box.active,
.lain-box:hover {
	box-shadow: 0px 0px 3px #81BA37;
}

.ui-dialog .lain-box.active, .ui-dialog .lain-box:hover, .ui-dialog .lain-box:focus,
#layout-wrapper .lain-box.active, #layout-wrapper .lain-box:hover, #layout-wrapper .lain-box:focus {
	box-shadow: 0px 0px 0px #fff;
}

.ui-dialog .lain-box select,
#layout-wrapper .lain-box select {
	background: #fff;
	border: 1px solid #ccc;
	padding: 1px;
	margin: 3px 4px 0 5px;
	border-radius: 2px;
	width: 273px;
	color: #676767;
}

.ui-dialog #it_dialog .lain-box select {
	width: auto;
	float: left; 

}

.ui-dialog .addrType.lain-box select, 
#layout-wrapper .addrType.lain-box select {
	width: 100px;
	float: left; 

}

.ui-dialog .addrType.lain-box select, 
#layout-wrapper .addrType.lain-box select {
	width: 100px;
	float: left; 

}

/* Dialogboxen */
/* Desktop Dialog - Zuweisung der Spalten */
#widgetNewEdit .it-rows { 
	background: url("../img/desk-rows.png") 10% 0% no-repeat; 
	height: 50px; 
	float: left; 
	width: auto; 
}
#widgetNewEdit .it-rows input { 
	margin: 8px 7px 0 13px;
	width: auto; 
}





#login-form input {
	font-weight: bold;
	font-size: 14px;
}

input.accept-btn, .btn, a.accept-btn {
	padding: .2em .4em;
	font-size: 1.2em;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	text-decoration: none;
	background: #81ba37 url("../img/btn/btn_bg_green.gif") left 50% repeat-x!important;
	color: #fff;
	font-weight: bold;
	border-color: #81ba37;
}

.google-rank-content input.accept-btn { margin-bottom: .2em; }

input.attention-btn {
	padding: .2em .4em;
	font-size: 1.2em;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	text-decoration: none;
	background: #d76830 url("../img/btn/btn_bg_red.gif") left 50% repeat-x!important;
	color: #fff;
	font-weight: bold;
	border-color: #d76830;
}

fieldset {
	border: 1px solid #D3D5CE;
	padding: 10px;
	margin-bottom: 10px;
	margin-right: 3px;
}

input.error, 
select.error, 
textarea.error, 
fieldset.error {
	background-color:#FFC0CB;
}

legend {
	font-weight: bold;
	padding: 0 5px;
	margin: 0 -5px;
	color: #000;
}

label {
	/*display: block;*/
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #333;
}

legend label {
	/*display: block;*/
	margin: 0 10px 0 5px;
	padding: 0;
	font-weight: bold;
	color: #333;
}

/* Content: select Content Templates */

#div_content_templ_new_id label {
	font-size: 1.3em;
	line-height: 1.3em;
}

#div_content_templ_new_id label:hover {
	background: #ededed;
}

.cb-25px {
	float: left;
	width: 25px;
	display: block;
	padding-top: 0.2em;
}

.cb-25px input {
	font-size: 1.3em;
	line-height: 1.3em;
}

p.fbox, p.f {
	width: auto;
	padding: 8px 10px 12px 10px;
	margin: 10px 0;
}

p.f {
	padding: 0;
}

p.fbox-tight {
	width: auto;
	line-height: 1.8em;
	margin: .3em .3em .5em .3em;
	padding: .3em .3em .4em .3em;
}

p.fbox-round {
	width: auto;
	padding: 8px 10px 12px 10px;
	margin: 10px 0;
	border: 1px solid #999;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

p.fbox label {
	font-weight: bold;
	color: #333;
}

.bottom-line {
	border-bottom: 1px solid #c6caaf;
}

/* M O D U L C O L O R S */

.c-look fieldset {
	border-color: #999;
}

.c-events fieldset {
	border-color: #999;
}
