@charset "utf-8";
/* CSS Document */

body { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #000000; }
h2 { padding-top: 10px }
.txtField {border: 1px solid #F8EDC7; background-color: #F4E6CE;font-size: 11px; }
label { margin-bottom: 2px; float: left; width: 150px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666 }
.kysely { float:none; }
.timezone { border: 1px solid #DFB56F; background-color: #F4E6CE; }
input, select { background-color: #E7DAC0; font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-image: url(../img/inputGrad1x20.jpg); background-repeat: repeat-x; border: 1px solid #DFB56F; }
input[type="checkbox"],input[type="radio"]{ background-image: none;border: none;background: none}
legend {display: block; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666;  padding: 0px}
fieldset { border: 1px solid #F8EDC7; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; margin-top: 5px; }

.button {  background-image: none;border: 1px solid #666; width: 100px; color: #333; font-size: 1em; background-color: #CEB583; margin: 25px 0px 0px 0px; padding: 1px 2px 1px 2px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.buttonSample { background-image: none; font-family: Verdana, Arial, Helvetica, sans-serif;border: 1px solid #666;width: 140px; color: #333; font-size: 1em; background-color: #CEB583; margin: 5px 0px 5px 0px; padding: 1px 2px 1px 2px; }

.loader{display: block;}

.left { margin-left: 150px; }
.seuraava { padding: 5px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F1F1F1; border: 1px solid orange; }
.tilaa { margin: 15px 0px 20px 10px; padding: 5px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F1F1F1; border: 1px solid red; }
.txtSmall { color: #999999; font-size: 11px; float: right; }
.hidden { display: none; }
.response { background: #EACB62; display: none; height: 30px; width: 450px; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 0; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding: 50px 0px 0px 0px; border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #f1f1f1; border-right-color: #f1f1f1; border-bottom-color: #f1f1f1; border-left-color: #f1f1f1; }
.show { color: #000000; }
.error { color: #ff0000; }
h2 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
/* -------------------------LISTAT--------------- */
ul { margin: 15px 0px 0px 0px; padding: 0px; }
li {list-style-type: none; margin: 4px 0px 4px 0px;display: block; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; }
.checkboxHeader {width: 150px;padding: 0px;position: relative; margin-left: -150px; display: block; }
ul.Checkboxes { padding: 0em; margin:0px 0px 0px 150px; }
ul.Checkboxes li {margin:0px; display: block; list-style-type: none; float: none; height: auto;overflow: auto }
ul.Checkboxes li input {width: 15px; display: block; float: left; }
ul.Checkboxes li label { width: 40px;display: block; margin-left: 0.2em; margin-top: 0.2em; float: left; clear: right; }
.required { color: red; font-size: 14px; position: relative; top: 3px; }
#uploadForm{margin:20px}