/*
 * CSS-File for
 * extranet.schlemmer.com
 * Copyright (c) CLICKSPORTS
 * $Rev: 160 $
 * $Author: cs $
 * $Date: 2009-05-27 14:54:40 +0200 (Mi, 27 Mai 2009) $
 * Form Definitions
 */

/* Default Element Styling */
input,
select,
optgroup,
option,
legend,
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5B5F61;
}

optgroup {
	padding: 3px;
	font-style: normal;
}

label { cursor: pointer; }

div.input,
div.file,
div.checkbox { 
	margin-bottom: 12px;
	clear: both;
}

div.input label,
div.file label,
span.label {
	width: 150px;
	margin-top: 6px;
	float: left;
}

span.label,
div.file label { margin-top: 0px; }

/* Specials for Checkboxes */
div.checkbox { margin-left: 150px; }
div.checkbox label { margin-left: 5px; }
div.checkbox_inset {
	width: 250px;
	margin-right: 239px;
	float: right;
}

/* Regular Form fields */
div.input select,
div.input input,
div.input textarea {
	width: 250px;
	padding: 5px;
	border: 1px solid #CCCCCC;
}

div.input select { width: 262px; }

div.input select:focus,
div.input input:focus,
div.input textarea:focus {
	background-color: #F2F4F5;
}

div.input textarea { height: 30px; }

/* Date Selects */
div.input select.date { width: 100px; }

/* Submit Buttons */
div.submit input {
	padding: 5px;
	border: 1px solid #CCCCCC;
	color: #5B5F61;
	background-color: #FFFFFF;
}

/* Inline Select-Tags */
select.select {
	padding: 5px;
	border: 1px solid #CCCCCC;
}

/* Media Filter */
form#view_options {
	top: 80px;
	right: 270px;
	position: absolute;
}

/* User Filter */
form#view_options2 {
	top: 125px;
	right: 270px;
	position: absolute;
}

form#view_options option { margin: 0px 5px; }

/* LiveSearch */
input#search_input {
	width: 150px;
	padding: 1px 20px 1px 0px;
	border: 1px solid #CCCCCC;
}
input#search_input:focus { background-color: #F2F4F5; }

div#options ol#livesearch,
div#options ol#livesearch li,
div#options ol#livesearch li a {
	height: auto;
	margin: 0px;
	padding: 0px;
	border: none;
	float: none;
	display: block;
}

div#options ol#livesearch {
	width: 220px;
	left: -48px;
	padding: 5px 0px 0px 5px;
	color: #00529B;
	background-color: #E5E8EA;
	position: relative;
	z-index: 20;
}

div#options ol#livesearch li { padding: 3px 5px; }
div#options ol#livesearch li img { margin-right: 5px; vertical-align: middle; }
div#options ol#livesearch li.selected { cursor: pointer; text-decoration: underline; }
div#options ol#livesearch li#livesearch_hint.selected { cursor: auto; text-decoration: none; }

span#livesearch_indicator {
	top: 5px;
	right: 10px;
	position: absolute;
}

/* Bigger forms need bigger labels ;) */
div.form_big div.input label,
div.form_big div.file label,
div.form_big div.input span.label {
	width: 200px;
}

div.form_big div.checkbox { margin-left: 200px; }

div.form_big div.checkbox_inset {
	width: 250px;
	margin-right: 190px;
	float: right;
}

/* Filebrowser */
div#filebrowser_move {
	margin-top: -10px;
	right: 271px;
	position: absolute;
}

div#filebrowser_move select { width: 160px; }

div#filebrowser_indicator {
	width: 200px;
	height: 30px;
	top: 0px;
	left: 0px;
	background-image: url(../img/layout/livesearch.gif);
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	position: absolute;
}
/* Form Help */ 
div#form_help {
	margin: 0px 228px 15px 150px;
}

/* Validation errors */
div#mind_required_fields {
	margin: 5px 228px 5px 150px;
	padding-left: 15px;
	background-image: url(../img/layout/star_required.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

div.required {
	background-image: url(../img/layout/star_required.gif);
	background-repeat: no-repeat;
	background-position: 418px 4px;
}

div.error-message {
	margin: 5px 228px 0px 150px;
	color: #990000;
}

input.form-error,
textarea.form-error { border-color: #990000 !important; }