@import "reset.css";

@import "configuration.css";

/* Basics */

html { font-size:62.5%; height:100%; width:100%; }

body { height:100%; width:100%; }

.cb { clear:both; display:block; height:0; overflow:hidden; visibility:hidden; width:0; }

.line { border-top:1px solid; margin:10px 0; }

/* Sizes */

.s05 { width:5%; }

.s10 { width:10%; } .s20 { width:20%; } .s30 { width:30%; } .s40 { width:40%; } .s50 { width:50%; }

.s15 { width:15%; } .s25 { width:25%; } .s30 { width:35%; } .s45 { width:45%; } .s55 { width:55%; }

.s60 { width:60%; } .s65 { width:65%; } .s70 { width:70%; } .s75 { width:75%; } .s80 { width:80%; }

.s85 { width:85%; } .s90 { width:90%; } .s95 { width:95%; } .s00 { width:100%; }

/* Links */

a { text-decoration:none; }

a, a:link, a:visited { font-weight:bold; }

a:hover, a:active, a:focus { text-decoration:underline; }

/* Headers */

h1, h2, h3, h4, h5, h6 { line-height:100%; padding:10px 0 5px 0; }

h1 { font-size:1.75em; } h2 { font-size:1.75em; }
h3 { font-size:1.25em; } h4 { font-size:1.25em; }
h5 { font-size:1.00em; } h6 { font-size:1.00em; }

/* Paragraphs */

p { line-height:120%; padding:0 0 2% 0; }

p abbr, p acronym { border-bottom:1px dashed; cursor:help; }

big { font-size:120%; }

small { font-size:80%; }

/* List */

ol, ul { padding:10px 0 20px 0; }

ol { list-style:decimal inside; }

ul { list-style:square inside; }

li { line-height:120%; padding:0.5%; }

/* Tables */

table { width:100%; }

th { text-align:left;  }

th, td { border-bottom:none; padding:5px; }

/* Definition Lists */

form dl, form dt, form dd { float:left; display:inline; position:relative; }

form dl { margin-bottom:5px; padding:5px 2.5%; width:95%; }

form /*dt*/ label { cursor:pointer; font-size:1.0em; padding:5px 10px 0 0; text-align:right; float:right; }

form dt { width:25%; }

form dd { width:75%; }

/* Forms */

form { margin:20px auto; }

fieldset { border:1px solid; margin:10px 0px 10px; padding:25px 0; }

fieldset fieldset { margin:5px auto; padding:20px 2.5%; width:80%; }

fieldset /*fieldset*/ legend { margin-left:10px; }

legend { font-size:1.0em; font-weight:bold; margin-left:0px; padding:5px 10px; }

input, textarea, select, .submit { border:1px solid #E2E2E2; padding:5px; }

input, textarea { height:18px; }

/* Inputs */

input { color:#555; }

input:active, input:focus { background:#FFF; border:1px solid #888; }

input[type="file"] { height:32px; }

/* Checkbox and Radios */

.checkbox-box label,
.radio-box label { cursor:pointer; position:relative; padding:0; margin-left:0px; }

/* Textareas */

textarea { font-size:1.0em; height:100px; }

textarea:active, textarea:focus { background:#FFF; border:1px solid #888; }

/* Selects*/

select { height:30px; }

select:active, select:focus { background:#FFF; border:1px solid #888; }

optgroup { padding:2px; font-style:normal; width:98%; }

option { padding:2px; width:98%; }

/**/

input,
input:hover,
input:active,
input:focus,
select,
select:hover,
select:active,
select:focus { background:#FFF url(../img/forms/bg-input.jpg) no-repeat left !important; padding-left:25px !important; }

textarea,
textarea:hover,
textarea:active,
textarea:focus { background:#FFF url(../img/forms/bg-textarea.jpg) no-repeat left top !important; padding-left:25px !important; }

.disable,
.disable:hover,
.disable:focus {
background:#E8E8E8 !important; border:none !important;
-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}

/* Submits */

.submit, .submit:hover, .submit:active, .submit:focus {
color:#FFF; cursor:pointer; border:0; font-weight:bold; height:30px; padding:0; text-shadow: 0 -1px #555;
}

/**/

label.error {
background:#B55 url(../img/forms/bg-error.jpg) no-repeat;
color:#FFF; display:block; padding:5px 5px 5px 28px; font-size:0.8em; position:relative; top:2px;
}

div.error {
background:#B55 url(../img/forms/bg-error.jpg) no-repeat 0 center; color:#FFF; display:inline; font-size:0.8em;
margin-left:10px; padding:5px 5px 5px 28px !important;  position:relative;
}