/* ------------------
 styling for the tables 
   ------------------   */

/*
html {
    font-size: 82%; 
}
*/
table,
th,
td {
	font-size: 9pt;
}

body {
	line-height: 1.6em;
	font-family: Arial, "Times New Roman", Verdana;
	font-size  : 0.8em;
}

a:link,
a:hover,
a:active {
	color: #006633;
}

a:visited {
	color: #003300;
}

#ylareuna {
	height          : 30px;
	width           : 100%;
	background-color: #ddffdd;
}

.reuna {
	width: 990px;
}

/*#ylareuna td {
font-weight: bold;
}*/

.login {
	font-family: Arial, "Times New Roman", Verdana;
	font-size  : 10px;
}

.loginnappi {
	font-family: Arial, "Times New Roman", Verdana;
	font-size  : 8px;
	border     : 1px solid #006600;
}

.vasenboksi {
	width            : 260px;
	background-image : url("../../bundles/hswasha/css/images/keski.png");
	background-repeat: repeat-y;
}

.vasenboksi table {
	margin: 4px 0 0 8px;
}

.vasenboksi input {
	width        : 132px;
	margin-bottom: 2px;
}

.vasenboksi input[type=submit] {
	width      : 150px;
	border     : 1px solid #006600;
	margin-top : 5px;
	margin-left: 25px;
}

.tauluotsikko h2 {
	padding  : 0;
	margin   : 4px 0 0 10px;
	font-size: 1.1em;
	color    : #006600;
}

.tauluotsikko {
	background-image : url("../../bundles/hswasha/css/images/yla.png");
	background-repeat: no-repeat;
}

.taulualareuna {
	width            : 260px;
	height           : 32px;
	background-image : url("../../bundles/hswasha/css/images/ala.png");
	background-repeat: no-repeat;
}

.infoikkuna {
	padding-left     : 15px;
	background-image : url("../../bundles/hswasha/css/images/kulma.png");
	background-repeat: no-repeat;

}

.infoikkuna h1,
h1 {
	padding    : 10px 3px 0 10px;
	font-size  : 2em;
	color      : #006600;
	font-family: Times New Roman;
}

.infoikkuna h2,
h2 {
	color      : #003300;
	font-family: Times New Roman;
	font-size  : 1.7em;
	padding    : 0 3px 0 13px;
}

.infoikkuna h3,
h3 {
	color      : #003300;
	font-family: Times New Roman;
	font-size  : 1.4em;
	padding    : 0 3px 0 17px;
}

.infoikkuna p {
	width: 650px;
}

.infoikkuna table input {}


.infor {
	height       : auto;
	width        : 750;
	margin-left  : 20px;
	margin-top   : 15px;
	border-bottom: #434951 1px dotted;
}

.line {
	line-height: 2;
}

.text {
	width      : 550px;
	height     : auto;
	margin-top : 250px;
	margin-left: 100px;
	padding    : 20px;
}

.title {
	float: left;
}

.colon {
	float: right;
}

.button {
	margin-left: 25px;
}

#kuvavalikko {
	width     : 180px;
	text-align: center;
}

#kuvavalikko img {
	width : 140px;
	border: none;
}

a img {
	border: 0;
}

#infoikkuna {
	border-left : 2px solid #ddffdd;
	border-right: 2px solid #ddffdd;
	padding-left: 7px;
}

#tulostusdiv {
	width: 750px;
}

.ohjekuva {
	float  : left;
	padding: 5px;
	width  : 140px;
}

#hor-minimalist-a {
	font-family    : "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size      : 12px;
	background     : #fff;
	margin-left    : 30px;
	margin-top     : 10px;
	width          : 480px;
	border-collapse: collapse;
	text-align     : left;
}

#hor-minimalist-a th {
	font-size    : 14px;
	font-weight  : normal;
	color        : #039;
	padding      : 10px 8px;
	border-bottom: 2px solid #6678b1;
}

#hor-minimalist-a td {
	color  : #669;
	padding: 9px 8px 0px 8px;
}

#hor-minimalist-a tbody tr:hover td {
	color: #009;
}



#hor-minimalist-a2 {
	font-family    : "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size      : 12px;
	background     : #fff;
	margin-left    : 0px;
	margin-top     : 10px;
	width          : 650px;
	border-collapse: collapse;
	text-align     : left;
}

#hor-minimalist-a2 th {
	font-size    : 14px;
	font-weight  : normal;
	color        : #039;
	padding      : 3px 8px;
	border-bottom: 2px solid #6678b1;
}

#hor-minimalist-a2 td {
	color  : #669;
	padding: 3px 3px 0px 3px;
}

#hor-minimalist-a2 tbody tr:hover td {
	color: #009;
}

#hor-minimalist-a3 {
	font-family    : "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size      : 12px;
	background     : #fff;
	margin-left    : 0px;
	margin-top     : 10px;
	width          : 100%;
	border-collapse: collapse;
	text-align     : left;
}

#hor-minimalist-a3 th {
	font-size    : 14px;
	font-weight  : normal;
	color        : #039;
	padding      : 3px 8px;
	border-bottom: 2px solid #6678b1;
}

#hor-minimalist-a3 td {
	color  : #669;
	padding: 3px 3px 0px 3px;
}

#hor-minimalist-a3 tbody tr:hover td {
	color: #009;
}


#hor-minimalist-b {
	font-family    : "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size      : 12px;
	background     : #fff;
	margin         : 45px;
	width          : 600px;
	border-collapse: collapse;
	text-align     : left;
}

#hor-minimalist-b th {
	font-size    : 14px;
	font-weight  : normal;
	color        : #039;
	padding      : 10px 8px;
	border-bottom: 2px solid #6678b1;
}

#hor-minimalist-b td {
	border-bottom: 1px solid #ccc;
	color        : #669;
	padding      : 6px 8px;
}

#hor-minimalist-b tbody tr:hover td {
	color: #009;
}


#ver-minimalist {
	font-family    : "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size      : 12px;
	margin         : 45px;
	width          : 480px;
	text-align     : left;
	border-collapse: collapse;
}

#ver-minimalist th {
	padding      : 8px 2px;
	font-weight  : normal;
	font-size    : 14px;
	border-bottom: 2px solid #6678b1;
	border-right : 30px solid #fff;
	border-left  : 30px solid #fff;
	color        : #039;
}

#ver-minimalist td {
	padding     : 12px 2px 0px 2px;
	border-right: 30px solid #fff;
	border-left : 30px solid #fff;
	color       : #669;
}


#box-table-a {
	font-family    : "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size      : 12px;
	margin         : 45px;
	width          : 480px;
	text-align     : left;
	border-collapse: collapse;
}

#box-table-a th {
	font-size    : 13px;
	font-weight  : normal;
	padding      : 8px;
	background   : #b9c9fe;
	border-top   : 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color        : #039;
}

#box-table-a td {
	padding      : 8px;
	background   : #e8edff;
	border-bottom: 1px solid #fff;
	color        : #669;
	border-top   : 1px solid transparent;
}

#box-table-a tr:hover td {
	background: #d0dafd;
	color     : #339;
}


#box-table-b {
	font-family    : "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size      : 12px;
	margin         : 45px;
	width          : 480px;
	text-align     : center;
	border-collapse: collapse;
	border-top     : 7px solid #9baff1;
	border-bottom  : 7px solid #9baff1;
}

#box-table-b th {
	font-size   : 13px;
	font-weight : normal;
	padding     : 8px;
	background  : #e8edff;
	border-right: 1px solid #9baff1;
	border-left : 1px solid #9baff1;
	color       : #039;
}

#box-table-b td {
	padding     : 8px;
	background  : #e8edff;
	border-right: 1px solid #aabcfe;
	border-left : 1px solid #aabcfe;
	color       : #669;
}


#hor-zebra {
	font-family    : "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size      : 12px;
	margin         : 45px;
	width          : 480px;
	text-align     : left;
	border-collapse: collapse;
}

#hor-zebra th {
	font-size  : 14px;
	font-weight: normal;
	padding    : 10px 8px;
	color      : #039;
}

#hor-zebra td {
	padding: 8px;
	color  : #669;
}

#hor-zebra .odd {
	background: #e8edff;
}


#ver-zebra {
	font-family    : "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size      : 12px;
	margin         : 45px;
	width          : 480px;
	text-align     : left;
	border-collapse: collapse;
}

#ver-zebra th {
	font-size   : 14px;
	font-weight : normal;
	padding     : 12px 15px;
	border-right: 1px solid #fff;
	border-left : 1px solid #fff;
	color       : #039;
}

#ver-zebra td {
	padding     : 8px 15px;
	border-right: 1px solid #fff;
	border-left : 1px solid #fff;
	color       : #669;
}

.vzebra-odd {
	background: #eff2ff;
}

.vzebra-even {
	background: #e8edff;
}

#ver-zebra #vzebra-adventure,
#ver-zebra #vzebra-children {
	background   : #d0dafd;
	border-bottom: 1px solid #c8d4fd;
}

#ver-zebra #vzebra-comedy,
#ver-zebra #vzebra-action {
	background   : #dce4ff;
	border-bottom: 1px solid #d6dfff;
}


#one-column-emphasis {
	font-family    : "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size      : 12px;
	margin         : 45px;
	width          : 480px;
	text-align     : left;
	border-collapse: collapse;
}

#one-column-emphasis th {
	font-size  : 14px;
	font-weight: normal;
	padding    : 12px 15px;
	color      : #039;
}

#one-column-emphasis td {
	padding   : 10px 15px;
	color     : #669;
	border-top: 1px solid #e8edff;
}

.oce-first {
	background  : #d0dafd;
	border-right: 10px solid transparent;
	border-left : 10px solid transparent;
}

#one-column-emphasis tr:hover td {
	color     : #339;
	background: #eff2ff;
}


#newspaper-a {
	font-family    : "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size      : 12px;
	margin         : 45px;
	width          : 480px;
	text-align     : left;
	border-collapse: collapse;
	border         : 1px solid #69c;
}

#newspaper-a th {
	padding      : 12px 17px 12px 17px;
	font-weight  : normal;
	font-size    : 14px;
	color        : #039;
	border-bottom: 1px dashed #69c;
}

#newspaper-a td {
	padding: 7px 17px 7px 17px;
	color  : #669;
}

#newspaper-a tbody tr:hover td {
	color     : #339;
	background: #d0dafd;
}


#newspaper-b {
	font-family    : "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size      : 12px;
	margin         : 45px;
	width          : 480px;
	text-align     : left;
	border-collapse: collapse;
	border         : 1px solid #69c;
}

#newspaper-b th {
	padding    : 15px 10px 10px 10px;
	font-weight: normal;
	font-size  : 14px;
	color      : #039;
}

#newspaper-b tbody {
	background: #e8edff;
}

#newspaper-b td {
	padding   : 10px;
	color     : #669;
	border-top: 1px dashed #fff;
}

#newspaper-b tbody tr:hover td {
	color     : #339;
	background: #d0dafd;
}


#newspaper-c {
	font-family    : "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size      : 12px;
	margin         : 45px;
	width          : 480px;
	text-align     : left;
	border-collapse: collapse;
	border         : 1px solid #6cf;
}

#newspaper-c th {
	padding       : 20px;
	font-weight   : normal;
	font-size     : 13px;
	color         : #039;
	text-transform: uppercase;
	border-right  : 1px solid #0865c2;
	border-top    : 1px solid #0865c2;
	border-left   : 1px solid #0865c2;
	border-bottom : 1px solid #fff;
}

#newspaper-c td {
	padding     : 10px 20px;
	color       : #669;
	border-right: 1px dashed #6cf;
}


#rounded-corner {
	font-family    : "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size      : 12px;
	margin         : 45px;
	width          : 480px;
	text-align     : left;
	border-collapse: collapse;
}

#rounded-corner thead th.rounded-company {
	background: #b9c9fe url('../../bundles/hswasha/css/table-images/left.png') left -1px no-repeat;
}

#rounded-corner thead th.rounded-q4 {
	background: #b9c9fe url('../../bundles/hswasha/css/table-images/right.png') right -1px no-repeat;
}

#rounded-corner th {
	padding    : 8px;
	font-weight: normal;
	font-size  : 13px;
	color      : #039;
	background : #b9c9fe;
}

#rounded-corner td {
	padding   : 8px;
	background: #e8edff;
	border-top: 1px solid #fff;
	color     : #669;
}

#rounded-corner tfoot td.rounded-foot-left {
	background: #e8edff url('../../bundles/hswasha/css/table-images/botleft.png') left bottom no-repeat;
}

#rounded-corner tfoot td.rounded-foot-right {
	background: #e8edff url('../../bundles/hswasha/css/table-images/botright.png') right bottom no-repeat;
}

#rounded-corner tbody tr:hover td {
	background: #d0dafd;
}


#background-image {
	font-family    : "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size      : 12px;
	margin         : 45px;
	width          : 480px;
	text-align     : left;
	border-collapse: collapse;
	background     : url('../../bundles/hswasha/css/table-images/blurry.jpg') 330px 59px no-repeat;
}

#background-image th {
	padding    : 12px;
	font-weight: normal;
	font-size  : 14px;
	color      : #339;
}

#background-image td {
	padding   : 9px 12px;
	color     : #669;
	border-top: 1px solid #fff;
}

#background-image tfoot td {
	font-size: 11px;
}

#background-image tbody td {
	background: url('../../bundles/hswasha/css/table-images/back.png');
}

* html #background-image tbody td {
	/* 
	   ----------------------------
		PUT THIS ON IE6 ONLY STYLE 
		AS THE RULE INVALIDATES
		YOUR STYLESHEET
	   ----------------------------
	*/
	filter    : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../bundles/hswasha/css/table-images/back.png', sizingMethod='crop');
	background: none;
}

#background-image tbody tr:hover td {
	color     : #339;
	background: none;
}


#gradient-style {
	font-family    : "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size      : 12px;
	margin         : 45px;
	width          : 480px;
	text-align     : left;
	border-collapse: collapse;
}

#gradient-style th {
	font-size    : 13px;
	font-weight  : normal;
	padding      : 8px;
	background   : #b9c9fe url('../../bundles/hswasha/css/table-images/gradhead.png') repeat-x;
	border-top   : 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color        : #039;
}

#gradient-style td {
	padding      : 8px;
	border-bottom: 1px solid #fff;
	color        : #669;
	border-top   : 1px solid #fff;
	background   : #e8edff url('../../bundles/hswasha/css/table-images/gradback.png') repeat-x;
}

#gradient-style tfoot tr td {
	background: #e8edff;
	font-size : 12px;
	color     : #99c;
}

#gradient-style tbody tr:hover td {
	background: #d0dafd url('../../bundles/hswasha/css/table-images/gradhover.png') repeat-x;
	color     : #339;
}


#pattern-style-a {
	font-family    : "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size      : 12px;
	margin         : 45px;
	width          : 480px;
	text-align     : left;
	border-collapse: collapse;
	background     : url('../../bundles/hswasha/css/table-images/pattern.png');
}

#pattern-style-a thead tr {
	background: url('../../bundles/hswasha/css/table-images/pattern-head.png');
}

#pattern-style-a th {
	font-size    : 13px;
	font-weight  : normal;
	padding      : 8px;
	border-bottom: 1px solid #fff;
	color        : #039;
}

#pattern-style-a td {
	padding      : 8px;
	border-bottom: 1px solid #fff;
	color        : #669;
	border-top   : 1px solid transparent;
}

#pattern-style-a tbody tr:hover td {
	color     : #339;
	background: #fff;
	cursor    : hand;
}


#pattern-style-b {
	font-family    : "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size      : 12px;
	margin         : 45px;
	width          : 480px;
	text-align     : left;
	border-collapse: collapse;
	background     : url('../../bundles/hswasha/css/table-images/patternb.png');
}

#pattern-style-b thead tr {
	background: url('../../bundles/hswasha/css/table-images/patternb-head.png');
}

#pattern-style-b th {
	font-size    : 13px;
	font-weight  : normal;
	padding      : 8px;
	border-bottom: 1px solid #fff;
	color        : #039;
}

#pattern-style-b td {
	padding      : 8px;
	border-bottom: 1px solid #fff;
	color        : #669;
	border-top   : 1px solid transparent;
}

#pattern-style-b tbody tr:hover td {
	color     : #339;
	background: #cdcdee;
}

.cssTitle1 {
	background-color: #304B90;
	color           : #FFFFFF;
	font-family     : Arial, Helvetica;
	font-size       : 14px;
}

.cssHeading1 {
	background-color: #304B90;
	color           : #FFFFFF;
	font-family     : Arial, Helvetica;
	font-size       : 12px;
}

.cssDays1 {
	background-color: #FFFFFF;
	color           : #000000;
	font-family     : Arial, Helvetica;
	font-size       : 14px;
}

.cssDay1 {
	color      : #000000;
	font-family: Arial, Helvetica;
	font-size  : 14px;
}

.cssWeeks1 {
	background-color: #304B90;
	color           : #FFFFFF;
	font-family     : Arial, Helvetica;
	font-size       : 12px;
}

.cssSaturdays1 {
	background-color: #F6F6FF;
	color           : #0000D0;
	font-family     : Arial, Helvetica;
	font-size       : 14px;
}

.cssSundays1 {
	background-color: #FFF0F0;
	color           : #D00000;
	font-family     : Arial, Helvetica;
	font-size       : 14px;
}

.cssHilight1 {
	background-color: #FFFF00;
	color           : #000000;
	cursor          : default;
	font-family     : Arial, Helvetica;
	font-size       : 14px;
}

.hidden {
	display: none;
}

.unhidden {
	display: block;
}

.smsmenu {
	border      : none;
	border      : 0px;
	margin      : 0px;
	padding     : 0px;
	#font       : 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	#font-size  : 14px;
	#font-weight: bold;
}

.smsmenu ul {
	#background: #333333;
	#height    : 35px;
	list-style : none;
	margin     : 0;
	padding    : 0;
}

.smsmenu li {
	float  : left;
	padding: 0px;
}

.smsmenu li a {
	#background    : #333333;
	#color         : #cccccc;
	display        : block;
	#font-weight   : normal;
	#line-height   : 35px;
	margin         : 0px;
	#padding       : 0px 25px;
	text-align     : center;
	text-decoration: none;
}

.smsmenu li a:hover,
.smsmenu ul li:hover a {
	background     : #2580a2;
	color          : #FFFFFF;
	text-decoration: none;
}

.smsmenu li ul {
	background: #cccccc;
	display   : none;
	height    : auto;
	padding   : 0px;
	margin    : 0px;
	border    : 0px;
	position  : absolute;
	width     : 225px;
	z-index   : 200;
	/*top     :1em;
		/*left   :0;*/
}

.smsmenu li:hover ul {
	display: block;
}

.smsmenu li li {
	display: block;
	float  : none;
	margin : 0px;
	padding: 0px;
	width  : 225px;
}

.smsmenu li:hover li a {
	background: none;

}

.smsmenu li ul a {
	display   : block;
	height    : 35px;
	font-size : 12px;
	font-style: normal;
	margin    : 0px;
	padding   : 0px 10px 0px 15px;
	text-align: left;
}

.smsmenu li ul a:hover,
.smsmenu li ul li:hover a {
	border         : 0px;
	color          : #ffffff;
	text-decoration: none;
}

.smsmenu p {
	clear: left;
}

.mobilebutton,
.mobilecheckoutbutton {
	background-color                  : #1fa346;
	-webkit-border-top-left-radius    : 0px;
	-moz-border-radius-topleft        : 0px;
	border-top-left-radius            : 0px;
	-webkit-border-top-right-radius   : 0px;
	-moz-border-radius-topright       : 0px;
	border-top-right-radius           : 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright    : 0px;
	border-bottom-right-radius        : 0px;
	-webkit-border-bottom-left-radius : 0px;
	-moz-border-radius-bottomleft     : 0px;
	border-bottom-left-radius         : 0px;
	text-indent                       : 0;
	border                            : 0px;
	display                           : inline-block;
	color                             : #ffffff;
	font-family                       : Arial;
	font-size                         : 15px;
	font-weight                       : bold;
	font-style                        : normal;
	height                            : 40px;
	line-height                       : 34px;
	border-radius                     : 5px;
	text-decoration                   : none;
	text-align                        : center;
	margin-right                      : 8px;
}

.mobilebutton {
	background-color  : #1fa346;
	-webkit-appearance: none;
}

.mobilebutton:hover {
	background-color  : #1fa346;
	-webkit-appearance: none;
	opacity           : 0.7;
}

.mobilebutton:active {
	position: relative;
	top     : 1px;
}

.mobilecheckoutbutton {
	background-color  : #ff0000;
	-webkit-appearance: none;
}

.mobilecheckoutbutton:hover {
	background      : -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ef0000), color-stop(1, #ee1111));
	background      : -moz-linear-gradient(center top, #ef0000 5%, #ee1111 100%);
	background-color: #ef0000;
}

.mobilecheckoutbutton:active {
	position: relative;
	top     : 1px;
}

.check_in_div {
	margin-bottom: 8px;
}