.nav0 { /*border-bottom: 2px solid lightgray*/ }
.nav1 { border-bottom: 2px solid blue }
.nav2 { border-bottom: 2px solid red }
.nav3 { border-bottom: 2px solid green }


.floatRight {float: right;}
.floatLeft {float: left;}

.clearRight{clear: right;}
.clearLeft{clear: left;}
.clearBoth{clear: both;}

.overflowHidden{overflow: hidden;}

.nowrap { white-space: nowrap; }

.alignLeft {text-align: left;}
.alignCenter {text-align: center;}
.alignRight {text-align: right;}
.alignTop {vertical-align: top;}
.alignTextTop {vertical-align: text-top;}
.alignMiddle {vertical-align: middle;}
.bold { font-weight: bold; }

.font85 { font-size: 85%; }
.font75 { font-size: 55%; }

a.footer { color: #666666; padding-right: 15px; padding-left: 15px; border-left: 1px solid black; font-size: 13px; }
a.footer :visited { color: #666666; }

.topLink {color:white; font-size: 0.8em; float: right; margin-left: 10px; text-decoration: underline; }
.topSelect { margin-top: 5px; padding-right: 5px; float: right; width: auto; text-align: left; }
.topLabel { margin-top: 9px;padding-right: 10px;float: right; font-size: 14px; letter-spacing: 0.1ex; color: #ffffff; }

.infoIcon { margin-left: 20px; }
.infoIcon img { border: 0; vertical-align: middle; }
.infoable { text-decoration: none; color: #334488; }
.dlgContent { height: 400px;}
.iDlgHeadP { font-size: 13px; letter-spacing: .11em; margin-bottom: 3px; font-weight: 300; }
.bbCodeButton { padding: 0; margin: 0; font-size: 10px; width: 30px; float: right; }

.tabSelected { text-decoration: none; color: black; }

.tabButtons { list-style: none; border: none; margin: 0; padding: 0px 0px 0px 0px; width: 98%; }
.tabButtons li.tab { border: 1px solid gray; border-bottom: none;padding: 0px 1px; margin: 0px 0px 0px 0px; letter-spacing: 0.1ex; font-family: Arial, sans-serif; float: left; }
.tabButtons li.selected { border-bottom: 3px solid white; }
.tabButtons a { padding: 3px 15px 0px 15px; font-size: 10px; margin: 0; text-decoration: none; }
.tabButtons li a { color: #111111; }
.tabButtons li:hover { background-color: #F6F6F6; }
.tabFiller { border-bottom: 1px solid gray; width: 98%; padding: 0; padding-bottom: 1px; margin-bottom: 21px }

.detailsheader { padding: 5px; padding-bottom: 0px;font-size: 12px; background-color: #FCFCFC; border: 1px solid #A0A0A0; border-bottom: 1px solid #FAFAFA; }
.detailsContainer { border: 1px solid #A0A0A0; min-width: 450px; width: 450px; padding: 15px; background-color: #FCFCFC;	}
table.details { width: 100%; }
table.details div.hrviiva { padding: 0;margin: 0;border-bottom: 1px solid #A6A6A6; height: 0px }
table.details .label { width: 100px;padding: 10px 0px; font-size: 13px;}
table.details .value p { width: 100%; font-size: 13px;  border: 1px inset gray; margin: 0px; padding: 3px 3px;background-color: #FEFEFE; }
table.details .textarea pre { width: 97%; min-height: 150px; border: 1px inset gray; padding: 10px; background-color: #FEFEFE; font-size: 13px; }
table.details .textarea {  }
table.details .small { padding: 0px 0px; font-size: 11px; margin: 0 }
table.details .noinfo { font-style: italic; font-size: 12px; color: gray; }

.formheader { padding: 5px; padding-bottom: 0px;font-size: 12px; background-color: #FAFAFA; border: 1px solid #A0A0A0; border-bottom: 1px solid #FAFAFA; }
.formheader_inactive { padding: 5px; padding-bottom: 0px;font-size: 12px; background-color: #FAFAFA; border: 1px solid #A0A0A0; border-bottom: 1px solid #FAFAFA; }
.formheader a { text-decoration:none; }
.formheader_inactive a { text-decoration:none; }

.formContainer { border: 1px solid #A0A0A0; width: 450px;min-width: 450px; padding: 15px; background-color: #FAFAFA;	}
/*.formContainer { -moz-border-radius: 0px 10px ; -moz-box-shadow: 3px 3px 3px #AAA; border: 1px solid #A0A0A0; width: 450px ; padding: 15px; background-color: #FAFAFA; clear:both; }*/
.detailsContainer { -moz-border-radius: 0px 10px ;  -moz-box-shadow: 3px 3px 3px #AAA; border: 1px solid #A0A0A0; width: 500px; padding: 10px; margin-bottom: 10px; background-color: #FCFCFC; clear:both; }
.detailsContainer h1, .detailsContainer h2, .detailsContainer h3 { font-size: 100%; }

.smallContainer { width: 400px; }
.mediumContainer { width: 600px; }
.largeContainer { width: 800px; }
.extralargeContainer { width: 1000px; }

.doubleFieldset { width: 370px; padding: 10px; margin: 10px 3px;}
.smallFieldset { width: 220px; padding: 10px; margin: 10px 3px;}
.mediumFieldset { width: 520px; padding: 10px; margin: 10px 3px;}
.largeFieldset { width: 772px; padding: 10px; margin: 10px 3px;}
.fieldset { width: 470px; padding: 10px; margin: 10px 3px;}

table.form { width: 100%; }
table.form .hideshow p { margin: 3px; margin-bottom: 4px }
table.form .label { width: auto; padding: 10px 0px; font-size: 13px;}
table.form .input input { width: 90%; }
table.form .input select { width: 92%; }
table.form .textarea textarea { width: 88%; height: 150px; padding: 10px; font-size: 13px; }
table.form .input textarea { font-size: 13px; }
table.form div.hrviiva { padding: 0;margin: 0;border-bottom: 1px solid #A6A6A6; height: 0px }
table.form td.field { font-size: 13px; text-align: left; }
table.form td.function a { font-size: 11px; }
table.form td.function { text-align: center; font-size: 13px;}
table.form th { text-align: left; font-size: 12px;}
table.form date {
    width: 50%;
}
table.form input.timefield {
    width: 30%;
}

table.list th a { font-size: 12px; color: #666666; text-decoration: none; border-bottom: 1px solid black; }
table.list td { padding: 5px 0px; }
table.list td.field { min-width: 175px; font-size: 13px; }
table.list td.odd { background-color: #f3f3f3; padding-right: 5px; padding-left: 5px; }
table.list td.even { background-color: #FFFFFF; padding-right: 5px; padding-left: 5px; }
table.list td.unit {  padding-right: 5px; padding-left: 5px; }
table.list td.unithead {  padding-right: 5px; font-size: 11px; padding-left: 25px; }
table.list .noexpand { color: gray; text-decoration: none; }
table.list td.all a { font-size: 11px; }
table.list td.function a { font-size: 11px; }
table.list td.function { text-align: right; font-size: 13px }
table.list td.category { min-width: 175px; font-size: 13px; padding-right: 50px; padding-left: 4px;}
table.list td.viiva { height: 1px; padding: 0; }
table.list div.hrviiva { padding: 0; margin: 0; border-bottom: 1px solid #A6A6A6; }
table.list th { text-align: left; }
table.list th p { margin-top: 0px; }
table.list tr:hover td {background-color: #DEF; }

.pagination { margin: 5px 0px; font-size: 11px;  }
.pagination span { text-align: center; float: left; display: block;  }
.pagination .page { margin-left: 1px; margin-right: 2px;  }
.pagination .first {  }
.pagination .last { margin-left: 4px; }
.pagination .divider { margin-left: 5px; margin-right: 5px; }
.pagination .ellipsis { margin-left: 3px; margin-right: 3px; }
.pagination .centri { }
.pagination a { text-align: center; font-size: 11px; text-decoration: none; float: left; display: block; }
.pagination a:hover { background-color: #DEF; color: black; }
.pagination .pageNumbers * { width: 22px; }

.emptyMsg { margin: 0; padding: 0; }
.errorMsg { background-image: url(../img/icons/delete.png);background-repeat: no-repeat;background-position: 5px 50%; font-size: 11.5px; background-color: #ffe3e3; color: #550000; border: 2px solid #dd0000; width: 340px; padding: 7px; padding-left: 27px;margin-bottom: 0; }
.generalMsg { font-size: 11.5px; background-color: #efefff; color: #00005f; border: 2px solid #9f9fcf; width: 340px; padding: 7px; padding-left: 27px; }
.successMsg { background-image: url(../img/icons/success.png);background-repeat: no-repeat;background-position: 5px 40%; font-size: 11.5px; background-color: #dfffdf; color: #005f00; border: 2px solid #9fcf9f; width: 340px; padding: 7px; padding-left: 27px;}
.successText { font-size: 11px; color: green; }
.errorText {font-size: 11px; color: red; }
.generalText { font-size: 11px; color: blue; }

.radio { background-color: #FAFAFA; border-color: #FAFAFA; border: 2px solid #FAFAFA; margin: 0px; width:15px; }
.inputError { background-color: #ffe3e3; border-color: #dd0000; border: 2px solid #dd0000; margin: 1px 0px}

.instruction { font-size: 11.5px; border: 1px ridge #AFAFAF; width: 470px; padding: 7px;background-color: #FAFAFA; }

.popup { position: fixed; z-index: 666; background: url('../img/popup3.png') no-repeat ; display: none;	bottom: 0px; right: 0px; width: 320px; font-size: 10px; }
.popupHead { position:relative; right: 30px;margin-top: 28px; background-color: #444;border: 2px outset #222;margin-left: 60px;margin-bottom: 5px;width: 261px;float:left; }
.popupContent { clear:both;margin: 0px 15px;margin-top: -30px;margin-bottom: 5px;margin-left: 33px; overflow-y: auto;max-height: 120px;width: 260px; }
.popupKauppa { margin: 13px 0px; font-size: 11px; margin-top: 4px;margin-bottom: 13px; color: lightgray;}
.popupSoitto { margin: 13px 0px; margin-top: 4px; margin-bottom: 13px; font-size: 12px; color: lightgray; }
.popupSoitto  a { font-size: 11px; color: lightgray; text-decoration:none;}

#notice { overflow: hidden; margin-left: 10px; font-size: 10px; color: #a3c02a; color: #1F5AA6; padding: 2px 5px; border: solid 2px #a3c02a; border: solid 2px #1F5AA6; background: url('../img/fixi_ilmoitustausta.png') no-repeat bottom right #FFFFFF; }
#notice a { font-size: 10px; color: #99F; }
#noticeEdit {display: none;}
#noticeEdit textarea { font-size: 10px; width: 95%}

img.icon { border: none; height: 16px; width: 16px; margin-left: 2px; vertical-align:middle; }
img.smallicon { border: none; height: 13px; width: 13px; margin-left: 2px; vertical-align:middle; }

/* MUOTOILU VÄLIOTSIKOILLE JA TOIMINTONAPEILLE */
.otsake { background-color: #c7daf0; padding: 7px 10px; }
.otsake table { width: 100%; border-collapse: collapse; }
.otsake * { padding: 0; margin: 0}
.heading {text-align: left;}
.heading h1, h2, h3 { font-size: 100%; }
.functions {text-align: right; font-size: 85%;}
.actioncmds {list-style-type: none; padding: 0; margin: 0; }
.actioncmds li {display: inline}
.actioncmds a {font-weight: normal; display: inline}
/* MUOTOILU VÄLIOTSIKOILLE JA TOIMINTONAPEILLE */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*<!--[if IE]>*/
  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
/*<![endif]-->*/