/*	GENERAL STYLES	*/

html	{overflow-y:scroll;}
html, body	{margin:0px;padding:0px;font:normal 12px arial,helvetica,sans-serif;}
#body { background-color:#e7f9e7;}
td	{font:normal 12px arial,helvetica,sans-serif;vertical-align:top;padding:0px;margin:0px;}
.skinmaster a 	{color:#003893 !important;}
.skinmaster a:hover {color:#f81219 !important; text-decoration:none;}
p	{margin:1em 0px;color:#000000;}
a img	{border-width:0px;}
h1	{font:bold 16px arial,helvetica,sans-serif;color:#000000;margin:0px 0px 1em 0px;}
h2	{font:bold 14px arial,helvetica,sans-serif;color:#000000;margin:0px 0px 1em 0px;}
h3	{font:bold 12px arial,helvetica,sans-serif;color:#000000;margin-bottom:1em;}
hr {color:#06369a; margin:0px 10px 0px 0px;border-top: dotted 1px #06369a;}
ul {margin: 0px 0px 0px 15px; padding:0px 0px 0px 3px;}
ul li { list-style-type:circle;}

.cut	{display:block;clear:both;font-size:0px;line-height:0px;height:0px;}
.bold	{font-weight:bold !important;}

.Normal, input, select	{font:normal 12px arial helvetica, sans-serif !important;}
button, .StandardButton {border:0px; float:left;background:url(images/bgButton_big.gif) left top no-repeat !important; font-weight:bold; color:#FFFFFF !important;padding:2px 5px 3px 5px !important; width:60px !important; margin-left:0px !important;cursor:pointer;}

.pagemaster {width:100%; height:100%;background:url(images/bg.jpg) left top repeat-x #e7f9e7;}
.skinmaster {width:959px;margin:0px auto;}
.controlpanel {width:100%;background-color:#dddddd;}

#tblTopPane	{width:100%;background-color:#1e3153;}
#top a {font-size:11px;}
#top a, .contentpane .action a, .nosto_left td a, .nosto_right td a, .SiteMap a  {background:url(images/arrow_link.gif) left no-repeat;padding:0px 10px 0px 20px ;color:#003893 !important;}
#top a:hover, .contentpane .action a:hover, .nosto_left td a:hover, .nosto_right td a:hover, .Sitemap a:hover {color:#f81219 !important;background:url(images/arrow_link_hover.gif) left no-repeat;}

/*
#tblTop		{height:76px;margin:0px 15px;width:959px; }
#tdLogo		{width:450px; vertical-align:bottom; padding-bottom:5px;}
#tdLogo a, #tdLogo a:hover { background-image:none;}
#tdLogo img	{display:block;}

#tdTopLinks	{padding-top:6px;_height:39px; vertical-align:top; }
#tdTopLinks	{text-align:right;}
#tdTopLinks a {margin-right:3px;}
#languageLinks a img { margin:0px 20px 0px 5px;}
#languageLinks { border-right: dotted 1px #003893; float:left; }
*/

#tblTop		{height:76px;margin:0px 15px;width:959px; }
#tdLogo		{width:420px; vertical-align:bottom; padding-bottom:5px;}
#tdLogo a, #tdLogo a:hover { background-image:none;}
#tdLogo img	{display:block;}

#tdTopLinks	{padding-top:6px;_height:39px; vertical-align:top; }
#tdTopLinks	{text-align:right;}
#languageLinks a img { margin:0px 5px 0px 5px;}
#languageLinks { border-right: dotted 1px #003893; padding: 0px 5px 0px 5px; float:left; }


#tdTopSearch	{height:23px; padding-bottom:5px;}
#tdTopSearch #sitemap	{float:left;}
#tdTopSearch #divSearch	{float:right; display:block;}
#tdTopSearch .NormalTextBox	{float:left; margin-right:5px;}
#tdTopSearch .SkinObject	{width:43px;height:23px; padding:5px;text-align:center;color:#FFFFFF !important;font:bold 11px arial,helvetica,sans-serif;background:url(images/bgButton.gif) left top no-repeat; margin-right:10px;}
#tdTopSearch .SkinObject:hover	{text-decoration:none !important;background:url(images/bgButton.gif) left top no-repeat;color:#FFFFFF !important;}

#navTop #tdNavi { vertical-align:top; padding-top:1px !important;}
#navTop	{padding-left:20px;}
#navTop #tblNavTop	{background:url(images/bgTopNavi.jpg) no-repeat; height:39px; }
#navTop #tblNavTop td {padding:5px 0px 0px 0px; white-space:nowrap;}
#navTop #tblNavTop td a	{display:block;padding:0px 15px 0px 15px; color:#FFFFFF !important;font:bold 12px arial,helvetica,sans-serif;}
#navTop #tblNavTop td a:hover {color:#FFFFFF !important;}
#navTop .nodetext {padding-top:14px !important; padding-left:15px; background-color:Transparent;}
#navTop .selectednodetext {padding:14px 0px 9px 0px !important;}
#navTop #tblNavTop { width:959px;  }
#navTop #tdDate {text-align:right; vertical-align:middle; padding-right:10px !important;  }
#navTop #tblNavTop td, #navTop #tdDate .skinobject, .footerlinks td {color:#FFFFFF;font:normal 11px arial,helvetica,sans-serif}

#tdTopRight .lnkBullet	{display:block;background-position:left 3px;padding:0px 0px 6px 0px;margin-bottom:9px;text-indent:13px;border-bottom:1px solid #C4C1BA;}
#tdTopRight .bold	{border-bottom-width:0px !important;margin-top:12px;}

#breadcrumb	{margin-bottom:10px;border-bottom: 1px solid #c4c1ba; }
#breadcrumb span, #breadcrumb a	{color:#999999 !important;font:normal 11px arial,helvetica,sans-serif;}

#td2ndLevelNavi {height:30px;}
#td2ndLevelNavi td { white-space:nowrap;}
#td2ndLevelNavi td a {padding:5px 10px 0px 10px; color:#053294 !important; height:27px;font:normal 12px arial,helvetica,sans-serif;}
#osion_etusivu #td2ndLevelNavi td {padding-bottom:10px;}
#alasivu #td2ndLevelNavi, #alasivu #td2ndLevelNavi td {padding-bottom:5px !important;}
#td2ndLevelNavi .submenu_left {background:url(images/SubMenu_left.gif) top left no-repeat;height:27px; width:13px;padding:5px 0px 20px 10px;_padding:0px;}
#td2ndLevelNavi .submenu_right {background:url(images/SubMenu_right.gif) top left no-repeat;height:27px; width:12px;padding:5px 0px 20px 10px;_padding:0px;}
#td2ndLevelNavi .selected a {background:url(images/SubMenu_bg.gif) top left repeat-x;padding:5px 0px 20px 0px;_padding:5px 10px 0px 10px;}

#contentArea	{padding:0px 20px 20px 20px;}
#tblContent { background:url(images/bg_contentArea.jpg) left top repeat-x #FFFFFF; width:959px; padding-top:5px;  }
#tblContent td { padding-left:15px;}
#tblContent td td {padding:0px;}

#tblNostoPane	{width:614px;margin-bottom:15px; }
#tblNostoPane .nostopane	{width:185px;}
#tblNostoPane .nostoSpacer	{width:15px;}
.nostopane td a {border-bottom:solid 4px #000000; display:block;width:185px; height:27px; _height:30px;}
.nostopane p {margin:0px !important; }
.nosto_text {color:#06369a; padding:0px 5px 0px 10px;}
.nosto_text img { padding:0px;}
#dnn_nosto1 .Normal a {background:url(images/bgArrowBlue_mestarimyyja.gif) left top no-repeat;}
#dnn_nosto2 .Normal a {background:url(images/bgArrowBlue_oppisopimus.gif) left top no-repeat;}
#dnn_nosto3 .Normal a {background:url(images/bgArrowBlue_koulutus.gif) left top no-repeat;}
#dnn_nosto1 .Normal a:hover {background:url(images/bgArrowOrange_mestarimyyja.gif) left top no-repeat; }
#dnn_nosto2 .Normal a:hover {background:url(images/bgArrowOrange_oppisopimus.gif) left top no-repeat; }
#dnn_nosto3 .Normal a:hover {background:url(images/bgArrowOrange_koulutus.gif) left top no-repeat; }
.nosto_left, .nosto_right {width:300px;}

/*.contentpane, .nosto_left, .nosto_right, #alasivu .rightpane, #alasivu .leftpane {border: solid 5px #87a8eb;}*/
#etusivu .contentpane, #tdLeftpane, #tdContentpane, #alasivu #tdRightpane {border: solid 5px #87a8eb;padding:0px !important;}
#tdLeftpane p {padding-left:10px;}
#alasivu #tdContentpane {border-left:0px;}
#alasivu #tdLeftpane {border-right:0px;}

/*.leftpane, .rightpane {height:480px;}*/
.rightpane {height:480px;}

.contentpane {margin:0px 0px 10px 0px;width:604px; _width:614px;background-color:#FFFFFF;}
.contentpane .tbl6x3 { margin-bottom:20px;}
.contentpane .tbl6x3, .contentpane .tbl4x4, #alasivu .linksRight, #alasivu .leftpane { background: url(images/bgContent.jpg) top repeat-x #FFFFFF;}
.contentpane .tbl6x3 td { padding:10px 5px 0px 10px !important; vertical-align:top; text-align:left;width:25%;}
.contentpane .tbl4x4 td { padding:10px !important; vertical-align:top; text-align:left;width:50%;}
.nosto_left .tbl2x1 td , .nosto_right .tbl2x1 td {padding-left:10px !important;}
.contentpane .tbl6x3 img { display:inline;  float:left; }
.contentpane .tbl4x4 img { display:inline; padding:10px; float:left; margin-right:10px;}
.rightpane p {margin:0px;color:#000000; }
.contentpane .tbl6x3 p, .nosto_left .tbl2x1 p, .nosto_right .tbl2x1 p, .contentpane .tbl4x4 p  { margin:0px 0px 10px 0px; color:#000000;}
.contentpane .tbl4x4 h3, .contentpane .tbl6x3 h3, .contentpane .tbl4x4 h2, .contentpane .tbl6x3 h2, .contentpane .tbl4x4 h1, .contentpane .tbl6x3 h1 {margin-left:0px;}
.contentpane .contentText h3, .tbl6x3 h3,  #alasivu .contentpane h3 {margin-bottom:0px;}
.contentpane p, .contentpane h1, .contentpane h2, .contentpane h3 {margin:10px 8px 10px 8px; color :#000000;}

.rightpane td a {display:block; background:url(images/arrow_link.gif) no-repeat; background-position:3px left; padding:0px 0px 0px 25px; margin-left:0px; margin-bottom:5px;}
.rightpane td a:hover {background:url(images/arrow_link_hover.gif) no-repeat;background-position:3px left; }
.rightpane p, .rightpane div, .rightpane td 	{line-height:140%;}
/*rightpane p {margin-left:10px; }*/
.rightpane img { margin-top:10px !important;}

.maillink { background:none !important; display:inline !important; padding:0px !important;margin: 0px !important;}


#etusivu .nosto_left, #etusivu .nosto_right {border:solid 5px #31b947; }
#etusivu .nosto_left h3, #etusivu .nosto_right h3 { margin-top:5px;}
#etusivu .contentpane, #etusivu .rightpane {margin-top:15px;}
#etusivu .contentpane p { margin:0px;}
#etusivu .rightpane { margin-right:10px; width:304px;}
#etusivu .rightpane td a,  #osion_etusivu .rightpane a, #osion_etusivu .rightpane p { margin:5px 0px 5px 0px !important;}

/* nosto */
#etusivu .contentpane div { background-color:#87a8eb;} /* EML: there's a background color 1px line to the right of an iframe element so we're setting the bgcolor the same as the flash elemen border here */
#etusivu .contentpane iframe { margin: 0px!important; padding: 0px!important; }

#osion_etusivu .contentpane {width:594px;}
#osion_etusivu .rightpane {width:302px}
#osion_etusivu .rightpane p, #etusivu .rightpane p { padding:0px 25px 5px 10px;}
#osion_etusivu .rightpane img { display:inline; float:right; margin: 0px 0px 2px 10px;}
#osion_etusivu  #tdRightpane {padding-left:0px;}


#alasivu .contentpane,  #alasivu .leftpane, #alasivu .rightpane { margin:0px;}
#alasivu .contentpane  img {margin:0px 10px 0px 10px; }
#alasivu .leftpane { border-right:none;  }
#alasivu .contentpane { border-left:none;}
#alasivu .contentpane img, #alasivu .contentpane p img { display:inline; }
/*#alasivu .contentpane p {height:100%;}*/
#alasivu .rightpane td a, #alasivu .leftpane td a  {display:block; background:url(images/arrow_link.gif) top left no-repeat; background-position:3px left; padding:0px 10px 0px 20px ;color:#003893 !important;margin-bottom:5px;}
#alasivu .rightpane td a:hover, #alasivu .leftpane td a:hover {color:#fd1111 !important;background:url(images/arrow_link_hover.gif) no-repeat;background-position:3px left;}
#alasivu .leftpane {width:156px; _width:164px; margin-right:0px; background-color:#FFFFFF; padding-top:10px;}
#alasivu .leftpane table {}
#alasivu .leftpane td { padding:0px 0px 0px 0px;color:#38b54a; }
#alasivu .leftpane p {color:#38b54a; }
#alasivu .contentpane { width:564px; padding-top:10px;   }
#alasivu .contentpane td { padding-bottom:2px !important;}
#alasivu .rightpane { width:150px;_width:155px; background-color:#FFFFFF;  }
#alasivu .rightpane p {color:#000000; margin-bottom:7px;padding:5px 0px 0px 10px;}
#alasivu #tdContentpane { padding-left:0px;}
#alasivu .contentpane {padding-left:10px; background-color:#FFFFFF;}
#alasivu #tblContent td { padding-bottom:15px; }


#contentEnd {height:15px;  background-color:#FFFFFF; width:959px;}

.footerlinks		{background:url(images/bgFooter.jpg) left top repeat-x; width:900px; _width:959px; height:55px; padding:4px 30px; }
.footerlinks	table {width:100%;}
.footerlinks	td a {color:#FFFFFF !important;}
.tblFooterLinks td {width:130px;}


/*#footer a, #footer .SkinObject	{font:normal 12px arial,helvetica,sans-serif !important;color:#333333 !important;margin:0px 3px;}
.tblFooterLinks a:hover { text-decoration:underline; color:#FFFFFF !important;}
#tblFooter .tdRight	{text-align:right;}
.tblFooterLinks td {width:160px; padding-right:10px;}*/


.FirstCell { font:bold 12px arial,helvetica,sans-serif !important;}

.SiteMap img {display:none !important;}

.SubHead  { text-align:left; color:#000000; font:bold 12px arial,helvetica,sans-serif; }
.SubHead a { background-image:none !important;display:inline; float:left; }

/* eForms */
.contentpane .FormVisitorContentTable, .contentpane .FormVisitorTable  { width: 530px;}
.contentpane .FormVisitorContentTable input, .contentpane .FormVisitorContentTable select, #alasivu .contentpane .FormVisitorContentTable textarea { width:259px !important;}


/* Links Module */
.clsLinksBlock td {padding:0px !important; vertical-align:bottom !important;}
.clsLinksBlock td a {margin:0px !important;}

/* Left navigation */

#alasivu .leftPane ul {margin:0px; padding-left:0px;}
#alasivu .leftPane li { list-style-type: none; margin-left: 10px; }
#alasivu .leftpane li a  {display:block; background:url(images/arrow_link.gif) top left no-repeat; background-position:3px left; padding:0px 10px 0px 20px ;color:#003893 !important; margin-bottom:5px;}
#alasivu .leftpane li a:hover {color:#fd1111 !important;background:url(images/arrow_link_hover.gif) no-repeat;background-position:3px left;}
#alasivu .leftpane li .selected { font-weight: bold; }

/* Login */

#tblLogin .Title { vertical-align:middle; font:bold 12px arial,helvetica,sans-serif !important; font-weight:bold; }
#tblLogin .Title a { background-image:none !important;  }
#tblLogin .Title img { float:right; }
#tblLogin input {margin-left:5px;}

/* Log off */
/* EML: added a spacer element and margin to create equal spacing both on the left and on the right between element border and arrow */
#tblTop	.spacer {border-left: dotted 1px #003893; margin-right:10px; }

/* Search Results */
.SubHead { background-image:none !important; padding-left:5px !important; }

/* Liftup */
.liftup_title {padding-top:10px !important;}
.rightpane .liftup_title {padding-left:10px !important;}
.liftup_title a {display:inline !important; }
#etusivu .liftup_title {color:#7d7d7d; display:block;   }
.litfup_readmore { text-align:left; padding-top:10px;}


