/* Värit Pink: #EC008E Body:#f9f3e6 */

* {margin:0;padding:0;}
body { font-family:Arial, Verdana, Helvetica, Tahoma, sans-serif; text-align:center;background:#f9f3e6;font-size:75%;}

p {margin:0 0 10px;color:#5c5e64}
h1{font-size: 16px;color: #5c5e64;line-height: 18px;font-weight:bold;margin:0 0 15px 0;}
h2{font-size: 14px;color: #EC008E;line-height: 16px;font-weight:bold;margin:0 0 7px 0;}
/*h1 {font-size:1.6em;margin:0 0 0.7em;font-family:sans-serif;color:#000000;font-weight:bold;}
h2 {font-size:1.3em;color:#660066;margin:0 0 0;}*/
h3 {font-size:1.2em;}
a {color:#EC008E;text-decoration:none;}
a.logout_m {color:#ffffff;text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:none;text-decoration:none;}
ul {list-style-type:none;}
ul.normal {list-style-type:square;}
ul.normal, ol {margin:0 0 0 30px;color:#5c5e64}
table, form {;font-size: 1em}
table {border:none;}
td {border:none;}
th {border:none;}

span.active { color: #FE7E1A; }
#pageBtm {background:url(images/btmImage.png) no-repeat center bottom;padding:0 0 0px;}
#pageWrapper {text-align:left;margin:0 auto;width:980px;padding:0;}
#logo {margin:20px auto 0;text-align:center;width:300px;/*background: url(images/yla.png) no-repeat 0 0;*/height:68px;width:760px;background:url(images/loginPohja.png) no-repeat 0 0;}
#pageTop {margin:30px 0 0;}
#mainHeader {height:96px;position:relative;top:0;background:url(images/headerBg.png) no-repeat 0 0;}
#mainContent {padding:20px 40px;min-height:400px;height:auto !important;height:400px;background:url(images/contentBg.png) repeat-y 0 0;}
#mainContent ul {}
#mainContent ul li {margin:0 0 0 30px;list-style-type:square;color:#5c5e64}

/* Navi
#Navi {position:absolute;bottom:0;margin:0 0 0 10px;}
#Navi  li {float:left;background:url(images/NaviOn.png) no-repeat 0 0;margin:0 3px; padding:0 0 0 10px;}
#Navi  li a {background:url(images/NaviOn.png) no-repeat 100% 0;padding:3px 10px 3px 0; display:block;font-weight:bold;}
#Navi  li a:hover {text-decoration:none;color:#111;} */

#Navi {position:absolute;bottom:0;left:20px;margin:0;width:960px;margin:0 0 5px;}
#Navi  li {float:left;margin:0 3px; padding:0 0 0 10px;}
#Navi  li a {padding:5px 10px 6px 0; display:block;font-weight:bold;color:#fff;text-transform:uppercase;font-family:'Trebuchet MS', Arial, Verdana, Helvetica}
#Navi  li a:hover {text-decoration:none;color:#FF66FF;}

/* login */
#login {background:url(images/loginContentBg.png) repeat-y 0 0;width:760px;min-height:160px;_height:160px;margin:0 auto 0;padding-bottom:0px; }
.linkBar {background:url(images/loginPohjaBtm.png) no-repeat 0 100%;width:760px;margin:0 auto 0;padding:10px 0 10px;}
#loginPadding {padding:20px 30px 20px;}
#login form {background:transparent;}
#loginLinks {font-size: 11px;text-align:left;margin:20px 0 0px 20px;;}
#loginLinks li {display:inline;}
#loginLinks a {font-size:1.1em;color:#000000;text-decoration:none;font-weight:bold;margin:10px;}
#loginLinks a:hover {font-weight:bold;color:#EC008E}

/* Omat tiedot */
#loginInfo {width:220px;float:right;}
#loggedIn{width:220px;float:right;color:#555;margin-top:10px;text-align:right;position:absolute;right:20px;top:-35px;z-index:10;}
#loggedIn a {color:#EC008E;}


.full { background-color:red; }
.required {color:red;margin:0.7em 0 0.7em;}
.ehdot {margin-left:30px;}
.submit {margin:10px 0;}



/* Taulut */
table.aikataulut {font-size:0.9em;border-spacing:0px;}
table.aikataulut  table {border-spacing:0px;width:100%}
table.aikataulut th {background:#EC008E;;padding:1px 5px; color:#fff;line-height:2em;}
table.aikataulut td {line-height:1.5em;padding-left:1px;padding-right:1px;border:0px solid;margin:0px;border-spacing:0px;vertical-align:top;}

a.Button {border:0px solid #ccc;padding:3px 10px;font-weight:bold;margin:5px 0;color:#555;background:url(images/buttonBg.png) repeat-x 0 0;color:#fff}
a.ButtonImg {padding:0px 10px}
a.Button:focus {background:#EC008E}
div.weekNavi {margin:10px 0;clear:both;overflow:auto;}
div.weekNavi a.Button {}
h3.weekInfo {margin:0 20px 0 20px;line-height:2.0em;}
div.Buttons {margin:10px 0;}
a.varaa  {}

table.varaukset { font-size:0.9em; }
table.varaukset th {width:160px; color:#333; border-bottom: solid 1px #ddd; }
table.varaukset td {line-height:1.5em; border-bottom: solid 1px #ddd; }

table.asiakkaat {border-spacing:0px;}
table.asiakkaat th {color:#fff;padding:0px 5px 0 3px; line-height:1.8em;background:#EC008E;}
table.asiakkaat td {line-height:1.8em; padding-right:10px;}

table.Asiakas select {width: 200px;}
table.viikko {}
table.viikko h2 , table.viikko h3{padding:0;margin:0;}

#updateForm table th {color:#5c5e64}

.moreInfo textarea {width:300px;height:80px;}

/* Forms */
select {width:70px;}
span.lomaketiedot { color:#660066;font-weight:bold; }

/* footer */
#rules, #rules2 {color:#fff;text-align:center;clear:both;margin:0px auto 0;width:760px;}
#rules {width:980px;}
#rules .credit {text-align:right;}
#login #rules, #login #rules2 {width:100%}
#rules a, #rules2 a {color:#EC008E;text-decoration:none;}
#rules2 {margin-top:5px;font-size:0.9em;text-align:right;}
#rules span, #rules2 span {padding: 0 10px;}
#loginLinks a:hover, #rules a:hover, #rules2 a:hover {text-decoration:none;}
#footer {height:20px;background:url(images/footerBg.png) no-repeat 0 100%;}
div.credit {color:#ccc;font-size:0.9em;width:960px;margin:0 auto;}
#rules div.credit a {color:#bbb;}
#rulesoma { color:#fff;text-align:center;clear:both;margin-top:5px; }

a.backtosite:link {color: #ffffff;text-decoration: underline;}
a.backtosite:visited {color: #ffffff;text-decoration: underline;}
a.backtosite:hover {color: #c0c0c0;text-decoration: none; }

.error {/*border:solid 1px #ddd;background:url(images/huuto.png) no-repeat 5px center; */padding:7px 0px 7px 0px;margin:5px 0;color:red;}
.message {/*border:solid 1px #5c5e64;*/display:block;padding:7px 0px 7px 0px;margin:5px 0 15px}
div.confirm {/*border:solid 1px #ddd;background: #f5f5f5 url(images/huuto.png) no-repeat 5px center; */padding:7px 0px 7px 0px;margin:5px 0;width:500px;}
span.viikko {color:#FE7E1A;}

.blocked {background: url(images/locked.png) no-repeat center center;height:10px;width:10px;margin:0 0 0 10px;line-height:0.6em;}
.confirmed {background: url(images/yes.png) no-repeat center center;height:10px;width:10px;;margin:0 0 0 10px;line-height:0.6em;}
.registered {background:url(images/noConfirm.png) no-repeat center center;height:10px;width:10px;;margin:0 0 0 10px;line-height:0.6em;}

/* js */
#modalBg {background:#555;opacity:0.5;min-height:100px;_height:100%;position:absolute;width:100%;top:0;left:0;}
#box {opacity:0;z-index:200;position:absolute;top:100px;background:#fff;margin:0 auto;}
#contentlist {}
.boxSize {border:5px solid orange;;width:300px;min-height:100px; height:100px;padding:10px;margin:10px;}
#lomake {width:500px}
#iMask {width:100%;height:100%;position:absolute;top:0;left:0;background:transparent;z-index:100;}
#clickMe {border:1px solid #ccc;padding:3px;margin:10px;width:100px;display:block;background:#f5f5f5;text-align:center;}
.hiddden {visibility:hidden;}
#boxAjax {width:700px;height:300px;background:#fff;z-index:200;overflow:hidden;position:absolute;top:0;left:0;font-family: arial;opacity:0.9;text-align:left;border:2px solid #3F505A;padding:15px;}
#boxAjax {width:700px;height:300px;background:#fff;z-index:200;overflow:hidden;position:absolute;top:0;left:0;font-family: arial;opacity:1;text-align:left;border:2px solid #EC008E;padding:15px;color:#000}
#boxAjax li {color:#000;}
#boxAjax h1 {color: #EC008E}
.rulesPadding {margin:15px;position:relative;}
#close {line-height:20px; width:60px;background:#333;color:#fff;position:absolute;right:5px;top:5px;font-weight:bold;padding:0px 10px;text-align:center;}