/* defines the alignment and width of the layout */

.outerframe * {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

.outerframe {
position: relative;
padding: 0;
text-align: left;

}

/* overrides HS.fi styles */

#columnContainer {
width:983px;
}
#columnContainer div.wideColumn {
width:100%;
}
.bannerColumn { display: none; }

/***************************/

.topadvertisement { white-space: nowrap; margin-left: 0;}
.topbanner { margin-right: 1px; }

div.kilpailukuva { position: absolute; top: 215px; left: 175px; z-index: 9999;}

/* overrides MSN styles */

#content { background: #fff; padding: 0; }

.parent.chrome6 h2, .insert.chrome6 .h2, .parent.chrome6 .child { margin:0; }

.wide #wrapper.region9 { width:974px; }

/*----------------------------------*/

.layouttable{ position: relative; }
.layouttablemain { vertical-align: top; border-right: solid 1px #e2e2e2; padding-top: 66px; background: url(/images/template/header.gif) no-repeat; }

.layouttableright { vertical-align: top; padding: 10px; }

.medixinecontent { padding:10px 10px 10px 10px;}

.maincolumn { width: 651px; z-index: 999; }
.rightcolumn { width: 300px;}

.rightcolumncontent { vertical-align: top;  margin: 3px 0px 0 0px; }

.bannerbox1 { position: relative; width: 300px; margin-bottom:10px; }
.msnbannerbox1 { position: relative; width: 300px; height: 250px; margin-bottom:10px; }
.bannerbox2 { text-align:center; margin: 20px auto 20px auto; }

.mainsection {  margin: 0 10px 10px 10px; }

.authentication { padding: 0px;  background: #99CCFF; }
.authenticationlink A:link, .authenticationlink A:active, .authenticationlink A:visited { COLOR: #ffffff; FONT: 12px Arial, Helvetica, Sans-serif;text-decoration: none;}
.authenticationlink A:hover { COLOR: #ffffff; FONT: 12px Arial, Helvetica, Sans-serif; text-decoration: underline; }
.authenticationlink { COLOR: #ffffff; FONT: 12px Arial, Helvetica, Sans-serif; }
.loggedinuser { COLOR: #ffffff; FONT: 11px Arial, Helvetica, Sans-serif; padding-left: 10px;}
.loggedinusername { COLOR: #ffffff; FONT: bold 11px Arial, Helvetica, Sans-serif; margin-right: 0;}


.outerframe input.searchtextfield { width: 110px; height: 18px; font: 11px Arial, Helvetica, sans-serif; border-width: 0px; padding-top: 2px; padding-left: 2px; }
.searchbuttontop { vertical-align: middle; }

.headerlinks a:link, .headerlinks a:active, .headerlinks a:visited { color: #ffffff; font: 11px Arial, Helvetica, sans-serif; text-decoration: none; }
.headerlinks a:hover { color: #ffffff; font: 11px Arial, Helvetica, sans-serif; text-decoration: underline; }
div.headerlinks { text-align: right; color: #ffffff; font: 11px Arial, Helvetica, sans-serif; position: absolute; top: 6px; right: 10px;}

.loggedinusername a:link, .loggedinusername a:active, .loggedinusername a:visited { FONT: bold 11px Arial, Helvetica, Sans-serif; }

.terveyskeskuslogo { position: absolute; top: 50px; left: 20px; z-index: 10; }
.logoimage { width: 260px; height: 45px; }

.medixinelogo { position: absolute; top:10px; right: 20px; z-index: 10; }
.medixinelogoimage { width: 70px; height: 15px; }

.headerimage { position: relative; margin-left: -1px; width: 477px; height: 66px; background-image:url(/images/template/new_images/main_img_08.jpg); }

.mainmenuarea {position: relative;  height: 39px; background-image: url(/images/template/menu_bg.gif); margin:0; }
.mainmenu li { float:left;list-style-type: none; margin:0; padding:0; height: 39px; background: url(/images/template/menu_item_bg.gif) no-repeat top right; }
.mainmenu li:hover {  background: url(/images/template/menu_item_bg_act.gif) no-repeat top right; }
.mainmenu ul { margin:0; padding: 0; }
.mainmenu li a span { display: block; font-size: 12px; font-weight: bold; color: #fff; margin-left: 13px; margin-right: 13px; text-transform: none; line-height: 39px; }
.mainmenu li a:hover span { text-decoration: none;}
.mainmenu li a:hover { text-decoration: none;}

/*
.mainmenuarea a.osastot:link, .mainmenuarea a.osastot:visited {width:84px; height:40px; background-image: url(/images/template/new_images/nav/osastot.jpg); float:left; }
.mainmenuarea a.keskustelut:link, .mainmenuarea a.keskustelut:visited {display:block; width: 91px; height: 40px; background-image: url(/images/template/new_images/nav/keskustelut.jpg);float:left;}
.mainmenuarea a.terveyskortti:link, .mainmenuarea a.terveyskortti:visited {display:block; width: 101px; height: 40px; background-image: url(/images/template/new_images/nav/terveyskortti.jpg);float:left;}
.mainmenuarea a.laakari:link, .mainmenuarea a.laakari:visited {display:block; width: 108px; height: 40px; background-image: url(/images/template/new_images/nav/laakarivastaa.jpg);float:left;}
.mainmenuarea a.laskurit:link, .mainmenuarea a.laskurit:visited {display:block; width: 64px; height: 40px; background-image: url(/images/template/new_images/nav/laskurit.jpg);float:left;}
.mainmenuarea a.palvelut:link, .mainmenuarea a.palvelut:visited {display:block; width: 69px; height: 40px; background-image: url(/images/template/new_images/nav/palvelut.jpg);float:left;}
*/

/* main navigation section eg. modules */

.menutable { position: relative; }
.menuitem1active { }
*.menuitem1 a:link, .menuitem1 a:active, .menuitem1 a:visited { color: #666666; font: bold 10px Arial, Helvetica, sans-serif; text-transform: uppercase;text-decoration: none; margin-left: 10px; margin-right: 10px;}
*.menuitem1 a:hover { color: #666666; font: bold 10px Arial, Helvetica, sans-serif; text-transform: uppercase;text-decoration: none; background-color: #ffffff; margin-left: 10px; margin-right: 10px;}
*.menuitem1active a:link, .menuitem1active a:active, .menuitem1active a:visited { color: #000000; font: bold 10px Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; margin-left: 10px; margin-right: 10px;}
*.menuitem1active a:hover { color: #000000; font: bold 10px Arial, Helvetica, sans-serif; text-transform: uppercase;text-decoration: none; background-color: #ffffff; margin-left: 10px; margin-right: 10px;}
*.menuitem1, .menuitem1active { white-space: nowrap; text-align: right; margin-bottom: 5px; }

.menurightend { }

/* navigation path */

.path { padding: 20px; padding-bottom: 0px;}
.pathlink { color: #666666; font: 11px Arial, Helvetica, sans-serif; }
div.pathlink a, div.pathlink a:link, div.pathlink a:active, div.pathlink a:visited {color: #0066CC; font: 11px Arial, Helvetica, sans-serif; text-decoration: none; }
div.pathlink a:hover {color: #0066CC; font: 11px Arial, Helvetica, sans-serif; text-decoration: underline; }


/* the heading of the page */

h1.heading { position: relative; color: #444; font: bold 14px "Lucida Grande","Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; margin: 15px 10px 10px 10px; padding: 0 0 5px 10px; border-bottom: 2px solid #f1f1f1; }


/* the footer of the layout */

div.footer { background-color:#f1f1f1; padding: 0; }

div.footerheadarea { background-color:#e9e9e9; padding: 10px 20px 10px 20px; }
div.footerheadleft { float: left; width: 600px; font-size: 11px; font-weight: bold; color: #333; }
div.footerheadleft a, div.footerheadleft a:link, div.footerheadleft a:active, div.footerheadleft a:visited { font-size: 11px; font-weight: bold; color: #333; }
div.footerheadright { float: right; width: 250px; text-align: right; }

div.footertextarea {  padding: 10px 0 20px 20px; }
div.footertextleft { float: left; width: 380px; color: #666; font-size: 11px;}
div.footertextleft a, div.footertextleft a:link, div.footertextleft a:active, div.footertextleft a:visited { font-size: 11px; color: #666; }
div.footertextright { float: left; width: 300px; color: #666;  font-size: 11px;}
div.footertextright a, div.footertextright a:link, div.footertextright a:active, div.footertextright a:visited { font-size: 11px; color: #666; }
div.footertextright strong, div.footertextleft strong { font-size: 11px;}

div.footernavi a, div.footernavi a:link, div.footernavi a:active, div.footernavi a:visited { font-size: 12px; text-decoration: none; }
div.footernavi a:hover { font-size: 12px; text-decoration: underline; }
div.footernavi { color: #ccc; padding: 10px 0 10px 20px; text-align: left; background-color:#e9e9e9; }

/* secondary navigation a.k.a submenu */

.submenuarea { padding: 15px; }
.submenuarrow { vertical-align: middle; margin-right: 5px; }

.menuitem2 { }
.menuitem2link a:link , .menuitem2link a:visited, .menuitem2link a:hover, .menuitem2link a:active { color: #0066CC; font: 12px Arial, Helvetica, sans-serif; text-decoration: none; }
.menuitem2link a:hover { color: #0066CC; font: 12px Arial, Helvetica, sans-serif; text-decoration: underline; }
.menuitem2link { padding-top: 10px; }
.menuitem2active { }
.menuitem2linkactive a:link , .menuitem2linkactive a:visited, .menuitem2linkactive a:hover, .menuitem2linkactive a:active { color: #0066CC; font: bold 14px Arial, Helvetica, sans-serif; text-decoration: underline; }
.menuitem2linkactive { padding-top: 10px; }

.menuitem3 { background-image:url(/images/template/mainmenusubitem2_bg.gif); background-repeat: no-repeat; background-color: #99ccff;}
.menuitem3link a:link , .menuitem3link a:visited, .menuitem3link a:hover, .menuitem3link a:active { color: #003366; font: 11px Arial, Helvetica, sans-serif; text-decoration: none; }
.menuitem3link { padding-left: 32px; padding-top: 2px; }
.menuitem3active { background-image:url(/images/template/mainmenusubitem2_bg_act.gif); background-repeat: no-repeat; background-color: #99ccff;}
.menuitem3linkactive a:link , .menuitem3linkactive a:visited, .menuitem3linkactive a:hover, .menuitem3linkactive a:active { color: #003366; font: 11px Arial, Helvetica, sans-serif; text-decoration: none; }
.menuitem3linkactive { padding-left: 32px; padding-top: 2px; }

.laskurithead { margin:0; }

div.postcardbody{margin:10px 0 0 0;}
div.postcardmessage{FONT: 12px Arial, Helvetica, Sans-serif; font-style:italic; margin:10px 0 10px 0;}

/*div.postcardmessage { color: #333333; FONT: 12px Arial, Helvetica, Sans-serif; padding: 0 0 10px 0; }*/

div.postcardinstructions{margin:0 0 5px 0;}