* {margin:0;padding:0;}
body { font-family:tahoma, arial, helvetica, sans-serif; text-align:center;background:#555 url(images/bg.jpg) repeat-x 0 0;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: #fe952d;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:#FE7E1A;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:0 auto 0;text-align:center;width:300px;/*background: url(images/yla.png) no-repeat 0 0;*/height:88px;width:748px}
#pageTop {}
#mainHeader {height:118px;position:relative;margin:0;top:0;}
#mainContent {padding:20px 40px;min-height:400px;height:auto !important;height:400px;background:#fff;}
#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;margin:0;width:980px;margin:0 0 5px;background:#fff;}
#Navi  li {float:left;background:#fff;margin:0 3px; padding:0 0 0 10px;}
#Navi  li a {background:#fff;padding:5px 10px 6px 0; display:block;font-weight:bold;color:#333;}
#Navi  li a:hover {text-decoration:none;color:#fe952d}

/* login */
#login {background:#fff;width:760px;min-height:160px;_height:160px;margin:0 auto 0;padding-bottom:10px;border:2px solid #495B67}
.linkBar {background:#fff;width:760px;margin:5px auto 0;padding:0 0 10px;border:2px solid #495B67}
#loginPadding {padding:20px 30px 20px;background:#fff;}
#login form {background:transparent;}
#loginLinks {font-size: 11px;text-align:left;margin:10px 0 0px;}
#loginLinks li {display:inline;}
#loginLinks a {font-size:1.2em;color:#000000;text-decoration:none;font-weight:bold;margin:10px;}
#loginLinks a:hover {font-size:1.2em;color:#FE7E1A;text-decoration:none;font-weight:bold;}

#loginInfo {width:220px;float:right;}
#loggedIn{width:220px;float:right;color:#eee;margin-top:10px;text-align:right;position:absolute;right:0;top:0;z-index:10;}
#loggedIn a {color:#ff9900;}


.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:#fe952d;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:#fe952d;}
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:#fe952d;}
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}

/* 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:#fff;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;}
div.credit {color:#ccc;font-size:0.9em;}
#rules div.credit a {color:#ccc;}
#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 h1 {color: #fe952d}
.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;}