@charset "UTF-8";

/*
 * FORM
 */

/* BUTTON */

.button {
	display: inline-block;
    padding-left: 30px;
    height: 19px;
    color: #006f87;
    font-size: 0;
    cursor: pointer;
}
.button:hover { background-position: -30px top; }

.button-submit { background: transparent url("/gfx/reloaded/button-submit.jpg") scroll no-repeat left top; }
.button-plant { background: transparent url("/gfx/reloaded/button-plant.jpg") scroll no-repeat left top; }
.button-edit { background: transparent url("/gfx/reloaded/button-edit.jpg") scroll no-repeat left top; }
.button-search { background: transparent url("/gfx/reloaded/button-search.jpg") scroll no-repeat left top; }
.button-cancel { background: transparent url("/gfx/reloaded/button-cancel.jpg") scroll no-repeat left top; }
.button-select { background: transparent url("/gfx/reloaded/button-select.jpg") scroll no-repeat left top; }
.button-mail { background: transparent url("/gfx/reloaded/button-mail.jpg") scroll no-repeat left top; }
.button-mailall { background: transparent url("/gfx/reloaded/button-mailall.jpg") scroll no-repeat left top; }
.button-join { background: transparent url("/gfx/reloaded/button-join.jpg") scroll no-repeat left top; }
.button-leave { background: transparent url("/gfx/reloaded/button-leave.jpg") scroll no-repeat left top; }
.button-arrow { background: transparent url("/gfx/reloaded/button-arrow.jpg") scroll no-repeat left top; }

.button > span {
	display: inline-block;
    margin: 0;
    padding: 0;
    padding-right: 10px;
    height: 19px;
    background: transparent url("/gfx/reloaded/back-button.jpg") scroll no-repeat right top;
    font-size: 12px;
    white-space: nowrap;
    vertical-align: top;
}
.button:hover > span { background-position: right -19px; }
a.button:hover, a.button:hover > span { text-decoration: none; }

/* INPUT */

.section input, input.section {
	display: inline-block;
	padding: 7px 5px;
	width: 190px;
	height: 16px;
	font-size: 12px;
    color: #006f87;
}
.section input.large { width: 240px; }
.section input.small { width: 90px; }
.section input.tiny { width: 50px; }
.section input.file {
	widht: auto;
	height: auto;
	background-color: #fff;
}
.section input, input.section {
	vertical-align: top;
	background: #b4e3e9 url("/gfx/reloaded/input.png") scroll no-repeat left top; 
}

.section .group.error input {
	background-position: left -30px;
    color: #f00;
}


/* MAC FIX */
input[type="checkbox"],
input[type="radio"] {
	width: 15px;
	height: 15px;
}

/* TEXTAREA */

.section textarea, textarea.section {
	padding: 5px;
	width: 190px;
	height: 50px;
	font-size: 12px;
    color: #006f87;
}
.section textarea.large { width: 240px; height: 90px; }
.section textarea, textarea.section {
	vertical-align: top;
	background: #b4e3e9 url("/gfx/reloaded/textarea.png") scroll no-repeat left top; 
}

/* CHECKBOX */

.checkbox {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 5px;
	background: transparent url("/gfx/reloaded/checkbox.jpg") scroll no-repeat left top;
	cursor: pointer;
}
.checkbox.checked { background-position: -15px top; }

/* SELECT */

.select.small .button > span { width: 170px; }
.select.small .button > span { width: 50px; }

.select {
	display: inline-block;
	position: relative;
	vertical-align: top;
}
.select > ul {
	position: absolute;
	top: 19px;
	left: 30px;
	z-index: 5;
	padding: 0 ! important;
	margin: 0 ! important;
}
.select > ul > li {
	margin: 0 ! important;
	padding: 0 ! important;
	display: block;
	cursor: pointer;
}
.select > ul > li:before { content: ""; }
.select > ul > li > span {
	margin: 0 ! important;
	padding: 2px 10px 2px 20px ! important;
	width: 162px;
	background-color: #fff;
}
.select.small > ul > li > span { width: 40px; }
.select > ul > li.selected > span { font-weight: bold; }
.select > ul > li > span:hover { color: #000; }

/* FIELDSET */

fieldset {
    display: block;
    padding: 10px;
    border: 1px solid #7b7c7e;
    overflow: visible;
}

.sectioned {
	padding: 3px 3px 0;
}

.sectioned .section {
	display: block;
	margin-bottom: 3px;
	padding: 10px;
	background-color: #b4e3e9;
}
.sectioned .section.clear {
	background-color: transparent;
}

fieldset legend {
    font-size: 12px;
    padding: 0 5px;
    font-variant: small-caps;
    vertical-align: top;
}

.sectioned .section .group {
	display: block;
	margin-bottom: 5px;
}
.sectioned .section .group.error { color: inherit; }

label { vertical-align: top; }
.sectioned .section .group label {
	display: block;
	width: 150px;
	float: left;
}
.sectioned .section .group.error label { color: #f00; }
.sectioned .section .group.small label { width: 100px; }

.sectioned .section .group .field {
	display: block;
	float: left;
}

.sectioned .section .group .field .desc {
	margin-left: 5px;
	width: 200px;
}
.sectioned .section .group.small .field .desc { width: 100px; }

.sectioned .section .group .field .info {
	display: block;
	width: 400px;
}
.sectioned .section .group.small .field .info { width: 150px; }

.sectioned .section .group .field .counter {
	display: block;
}

.sectioned .section .group .field .error {
	display: block;
	width: 400px;
}
.sectioned .section .group.small .field .error { width: 150px; }

/* SLIDER */

.slider {
	width: 200px;
	vertical-align: top;
}