/*
Colors:
* Primary:		#
* Secondary:	#
* Additional:	#
*/

/* General styling { */

a { color: #206080; }
* { font-family: Verdana, Sans-serif; resize: none;}
pre { white-space: normal; font-family: "Times New Roman" ; }/* HUOM: pre + font */



/* } */
/* Main structural component wrappers { */

/* Perusfonttikoko 13 pikseliä korkea Verdana*/
body, html {font-size: 13px;  height: 100%; margin: 0; padding: 0; }

/* Otsikoiden koko suhteessa perusfonttikokoon */
h1 {font-size: 150%;}
h2 {font-size: 110%;}
h3 {font-size: 100%;}

div#container {
    position: relative;
    margin: 0;
    height: auto !important;
    height: 100%;
    min-height: 100%;
    padding: 0;
    float:left;
    min-width: 100%;

    background-color: #ddd;
}

div#footer {
    background-color: #333;
    background-image: url("../img/footerbar.png");
    background-position:bottom;
    color:#f3f3f3;
    /*border-top: 1px solid black;*/
    font-size: 12px;
    position: absolute;
    bottom: 8px;
    height: 35px;
    margin: 0;
    right: 8px;
    left: 8px;
    padding: 0;
    clear: both;
    -moz-border-radius: 10px;
    -moz-box-shadow: 5px 5px 3px #888;
    overflow: hidden;
}

div#footer a {
    color:#f3f3f3;
}

div#view {
    min-height: 350px;
    height: auto !important;
    height: 350px;
    margin-left: 175px;
    padding-bottom: 50px;
    padding-left: 18px;
    padding-top: 25px;
    /*background-image: url("../img/viewup.png");
    background-position: up center;
    background-repeat: repeat-x;*/
}

div#header {
    height: 51px;
    padding: 10px;
    /*	border-bottom: 1px solid black;*/
    background-image: url("../img/test_bg.png");
    background-repeat:repeat-x;
    background-position: 0px 10px;
    background-color: white;
    -moz-box-shadow: 0px 20px 0px #AAA;
}

div#navigation {
    padding-left: 15px;
    background-color: #333;
    background-image: url("../img/footerbar.png");
    padding-top: 5px;
    margin-left: 8px;
    margin-right: 8px;
    /*border-bottom: 1px solid black;*/
    padding-bottom: 5px;
    height:25px;
    -moz-border-radius: 10px;
    -moz-box-shadow: 5px 5px 3px #888;
}

.leftup{
    position:absolute;
    /*background-image: url("../img/viewup.png");*/
    background-position: up center;
    background-repeat: repeat-x;
    left:0px;
    top:106px;
    width:175px;
    height:15px;
    z-index:10;
}

.leftbottom{
    position:absolute;
    /*background-image: url("../img/corner_left_bottom.png");*/
    background-position:bottom left;
    left:0px;
    bottom:33px;
    width:15px;
    height:15px;
    z-index:10;
}

.rightup{
    position:absolute;
    /*background-image: url("../img/corner_right_up.png");*/
    background-position:top right;
    right:0px;
    top:98px;
    width:15px;
    height:15px;
    z-index:10;
}

.rightbottom{
    position:absolute;
    /*background-image: url("../img/corner_right_bottom.png");*/
    background-position:bottom right;
    right:0px;
    bottom:33px;
    width:15px;
    height:15px;
    z-index:10;
}

.leftmenu{
    position:absolute;
    /*background-image: url("../img/corner_left_menu.png");*/
    /*background-image: url("../img/menuupleft.png");*/
    left:0px;
    top:71px;
    width:14px;
    height:14px;
    z-index:10;
}

.rightmenu{
    position:absolute;
    /*background-image: url("../img/corner_right_menu.png");*/
    background-position:top right;
    right:0px;
    top:68px;
    width:15px;
    height:15px;
    z-index:10;
}
/* } */
/* Sub-component wrappers { */

div#error { min-height: 350px; height: auto !important; height: 350px; padding-left: 18px; padding-top: 100px; }

div#banner { float: left; padding-top: 12px;	/* Keskitä sisältö */ }

div#sub_navigation { min-height: 200px; height: auto !important; height: 200px;display: block; width: 150px; padding-top: 15px; padding-left: 30px;padding-bottom: 5px; }
div#search { float:right;margin: 0;padding: 0;margin-right: 10px;margin-top: 2px; }
div#search #searchInput { width: 90px;font-size: 11px;margin: 0;padding: 0; }
div#search #searchButton { font-size: 11px;width: 40px;margin: 0;padding: 0; }
div#sidebar {
    -moz-border-radius: 10px;
    -moz-box-shadow: 4px 4px 3px rgba(0,0,0,0.2);
    position: absolute;
    top: 121px; /* HUOM: Jos bannerin/headerin/navigationin heightit muuttuu, muuta tämä sen mukaisesti. bottomille sama. */
    bottom: 55px;
    left:15px;
    border: 1px solid #555;
    float: left;
    width: 142px;
    font-size: 15px; /* Vaikuttaa vain searchiin */
    padding-left: 0px;
    padding-right: 16px;
    background-color:#BBB;
    background-image: url("../img/test_bg4.png");background-position: 90px;background-repeat: no-repeat;background-repeat: repeat-y;

}

/* } */
/* Main navigation styles { */
ul#nav_buttons { list-style: none; margin: 0; padding: 0; }
ul#nav_buttons li { -moz-border-radius: 6px;display: block; margin-top: 3px;padding: 0px 1px; letter-spacing: 0.1ex; font-family: Arial, sans-serif; float: left; }
ul#nav_buttons a { -moz-border-radius: 6px;padding: 4px 15px 9px 15px; font-size: 11px; float: left; text-decoration: none; }
ul#nav_buttons li.selected { background-color: #ddd; background-image: url("../img/viewup4.png");
                             background-position: center up;
                             background-repeat: repeat-x; position:relative; height:20px; z-index: 200;}
ul#nav_buttons li.selected a { color:#000;}
ul#nav_buttons li a { color: #f3f3f3; }
ul#nav_buttons li a:hover { color: #333333;padding: 4px 15px 9px 15px;
                            background-color: #ddd; background-image: url("../img/viewup4.png");
                            background-position: up center;
                            background-repeat: repeat-x; position:relative; height:7px; z-index: 200;} /*d9d9d9*/

/* } */
/* Sub-navigation styles { */

#sub_navigation a { text-decoration: underline;font-size: 11px; color: #000;}
#sub_navigation li { margin-bottom: 15px; }
#sub_navigation a.selected { text-decoration: none;  color: #F3F3F3;}
#sub_navigation a:hover { color: #F3F3F3; }
#sub_navigation ul { display: inline }

/* } */
/* Other */

#footer p { margin: 0px;padding: 9px;padding-top: 12px;padding-bottom: 2px; }
div#banner a { text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);margin-left: 10px; font-size: 24px; font-weight: bold;font-family: Arial; letter-spacing: 0.30ex; color: rgba(120, 170, 170, 0.7); text-decoration: none; }
#errorCode, #errorMessage { text-align: center; }
#HelpTabs { margin-top: 8px; margin-bottom: 0px; }
#jsoff { font-size: 13.5px; width: 500px; }

/* VÄLILEHTISELAUS ALKAA */
#moduletabnavi { float: left; z-index: 1; position: relative; }
#moduletabnavi * { padding: 0; margin: 0; }
#moduletabnavi ul { list-style: none; }
#moduletabnavi ul li { float: left;  border: 1px solid #A0A0A0;  -moz-border-radius: 5px 5px 0px 0px; background-color: #DDD; margin-right: -1px; margin-bottom: -1px;}
#moduletabnavi ul li.selected { background-color: #FAFAFA; border-bottom:1px solid #FAFAFA; }
#moduletabnavi ul li a { text-decoration: none; display: block; padding: 8px 10px 3px 10px; }
#moduletabnavi ul li p { display: block; padding: 8px 10px 3px 10px; }

/* Parsedown */
pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}code[class*=language-],pre[class*=language-]{color:#fff;background:0 0;text-shadow:0 1px rgba(0,0,0,.3);text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}.details pre{background:#333;border:1px solid #a0a0a0;border-radius:4px;color:#555;margin-bottom:10px;padding:10px;max-width:660px;}
.parsedown p{margin-bottom:1.4em;}