/* Copyright 2007 Kari Knuuttila */

/*
	NewAge tyylin perustiedosto.
*/
/*
Läpinäkyvyys:
			filter:alpha(opacity=20);
			-moz-opacity:0.2;
			opacity: 0.2;
			
*/


body {
			color: #000000;
			background: #E2E6D4 url(../img/vino-vihr/body-bg-nelio.gif) repeat;
			text-align: center;	
			font: 0.8em Verdana, Helvetica, sans-serif;
}
h4, h5, h6 { clear:right; }

h1, h2 { /* Otsikko, esim "Ajankohtaista" */
                
        font-size: 1.5em;
        font-style: italic;
        margin-top: 50px;
        margin-bottom: 10px;
        padding-top: 5px;
        padding-left: 15px;
        padding-bottom: 5px;
        color: #4A6D43;
        border: none;
        border-top: 1px solid #4f674e;
        border-bottom: 1px solid #4f674e;
        background: #e3eadc;
        
}
h2 {
        font-size: 1.1em;
        font-weight: normal;
        margin-left: 0%;
        margin-right: 20%;
}
h3, h4 {
        
        font-size: 0.9em;
        text-align: center;
        margin-top: 30px;
        margin-bottom: 5px;
        margin-left: 10%;
        margin-right: 10%;
        padding-left: 4%;
        padding-right: 4%;
        padding-bottom: 5px;
        border-bottom: 1px solid #000000;
        color: #AC6100;
}


p, table, form{ /* kaikki normaali teksti */
		margin-left: 5%;
		
}
ul {
		padding-left: 3%;
		list-style: none;
		margin: 1%;
		margin-left: 5%;
}
ol {
		margin: 1%;
		margin-left: 5%;
		padding-left: 10px;
		list-style-image: url('../img/vino-vihr/list-nelio.gif');
}
li {
		margin-top: 0.3em;
}

img {
			
		padding-left: 0px;
		border: 0px solid #000000;
}

table {
		border-collapse: collapse;
}

A:link {
			color: #B5522F;
}

A:visited {
			color: #9E8076;
}


#page_outline { /* sivun uloin kehys */
            padding: 0px;
            margin: 0px;
            border: 0px;
            margin-left: 1%;
            margin-right: 1%;
            text-align: left;
            max-width:1000px;
            min-width: 750px;
}

#page_header { /* sivun yläosan banneri alue */
			display:block;
			position:absolute;
			z-index: 50;
			left: 190px;
			top: 20px;
			height: 240px;
			width: 740px;
			margin: 0px;
			padding: 0px;
			padding-bottom: 10px;
			text-align: center;
			background: url(../img/vino-vihr/banner-v3.png) top left no-repeat;
			_background: url(../img/vino-vihr/banner-v3-iefix.gif) top left no-repeat;
			
			
}
#header-images {
            position:absolute; 
            width:580px; 
            height: 150px; 
            left:110px; 
            top: 30px; 
            border:0px solid blue;
}
#page_header h1 { /* bannerin otsikko */
			visibility: hidden;
			border:0px;
			clear: none;
			display:block;
			padding: 0px;
			padding-top: 40px;
			margin: 0px;
			color: #D6E7C9;
			font-size: 3em;
}
#top-bar { /* Scrolling text bar */
        position:absolute; 
        left:0px; 
        top:0px; 
        width:100%;
        background: black; 
        color:white;
        padding: 2px; 
        text-align:center;
}
#top-bar a, #top-bar a:visited {
        color: white;
}
#page_menu_main { /* menu valikon kehys */
			text-align: left;
			position: absolute;
			left: 85px;
			top: 44px;
			
			margin: 0px;
			padding: 0px;
			padding-left: 0px;
			font-size: 1.2em;
			width:300px;
}


#page_menu_tab { /* menu valikon kehys */
/* 			display:inline; */
			/*position: absolute;*/
			left: 300px;
			top: 220px;
/* 			width: 100%; */
			margin: 0px;
            text-align: left;
			padding: 0px;
			padding-right: 20px;
			padding-left: 10px;

			font-size: 1.0em;

            border-top: 1px solid #4f674e;
			border-bottom: 1px solid #4f674e;
            background: #e3eadc;
}

/* block määritys päävalikolle, jotta rivittyy oikein */
#page_menu_main A:link, #page_menu_main A:visited, #page_menu_main a.current-page{
			display:block;

			color: #5E3C10;
			margin: 0px;
			height: 20px;
			padding-left: 5px;
			padding-right: 5px;
			text-decoration: none;
			font-weight: bold;
}
/* block määritys alivalikolle, jotta rivittyy oikein */
#page_menu_tab A:link, #page_menu_tab A:visited, #page_menu_tab a.current-page, #page_menu_tab span.current-page {
			display: inline;
			color: #4A6D43;
			margin: 0px;
			padding-left: 10px;
			padding-right: 10px;
			text-decoration: none;
			font-weight: bold;
			border-left: 1px solid #e3eadc;
			border-right: 1px solid #e3eadc;
			
}
#page_menu_main A:hover, #page_menu_main a.current-page {
			color: #DEE2D4; 
/* 			text-decoration: underline; */
		    background: #4A6D43;
            
            
}

#page_menu_tab A:hover, #page_menu_tab a.current-page {
			
            color: #5E3C10;
			/*text-decoration: underline;*/
            padding-top: 0.4em;
            padding-bottom: 0.4em;
            border: 1px solid #4f674e;
            border-left: 1px solid #4f674e;
            border-right: 1px solid #4f674e;
            
/*             border-bottom: 1px solid #e3eadc; */
            background: #e9efdf;/*#e3eadc;*/
}

#page_body { /* Kehys kaikille tekstiosille menun ja footerin välissä */
		margin-top: 300px;
		padding-top: 0px;
		display: block;
        
		/*min-height: 600px;
		_height: 600px;*/
		/*border-top: 3px solid black;*/
		text-align: left;
}

#page_leftside { /* Kehys vasemman reunan laatikoille ( EI itse laatikot ) */
		display:block;
		float:left;
        width: 170px;
/* 		border-left: 1px solid #000000; */

}
#page_rightside { /* Kehys oikean reunan laatikoille ( EI itse laatikot ) */
		display:block;
		float:right;
        width: 15%;
/* 		border-right:1px solid #000000; */
}

#page_leftside, #page_rightside { /* Yhteiset määritykset sivustoille */
        
		margin:0px;
		padding: 0px;
		margin-top:0px;
		margin-bottom: 2em;
		padding-top: 20px;
		padding-bottom: 20px;

}

#page_maintext { /* teksti-ikkunan keskitys ja muut vain keski tekstiin vaikuttavat asiat */
		margin: 0% 180px 6% 180px;
        _margin: 0% 160px 6% 170px;
		padding: 1% 0% 1% 0%;
		font-size: 1em;
 		border-left: 1px solid #000000;
}

/*#page_maintext img {
		border: 1px solid #000000;
		margin: 5px;
		padding: 0px;
		position:relative;
}*/
		
#google_frame { /* Kehys googlelle */
		border: 1px solid #000000;
		width:400px;
		height:300px;
}
#TOC { float:right; }

#page_footer {         /* Alaosan kehys, copyright ym */
		display:block;
		clear:both; /* stays bottom */
		border-top: 1px solid #000000 ;
		height: 30px;
		margin: 0px;
		margin-left: 20%;
		margin-right: 20%;
		padding: 0px;
		padding-top:3px;
		padding-right:3px;
		text-align: right;
}

#page_footer, #page_footer a:link, #page_footer a:visited{
		color: #000000;
		font-weight: normal;
		font: 8pt arial;
		font-style: italic;
}
/******************************  CLASSES ************************************/
#vuokra-aseet {
        display:block;
        width: 405px;
        margin-left: 5%;
}
.tabHeader {
        color: #4A6D43;
        border: 1px solid #4f674e;
        background: #e3eadc;
        width:16%;
        height:35px;
        float: left;
        display: inline;
        margin-left: 1%;
        margin-right: 1%;
        text-align: center;
        white-space:nowrap;
        overflow:hidden;
    
}
.tabHeaders {
    height:40px;
    text-align:center;
}
.tabHover, .tabSelected {
        background: #f4fbe9;
        cursor:auto;
}
.tabHover {
        cursor:pointer;
}
.tabContents {    
        border: 1px solid #4f674e;
        background: #e9f3e2;
}
.tabContent {
        border: 1px solid #4f674e;
        background: #e9f3e2;
        overflow:auto;
}

.noborders {
		border:0px;
		margin: 0px;
		padding: 0px;
}
.borders {
		border: 1px solid black;
}
.borders th {
		border-bottom: 1px solid black;
        border-right: 1px solid black
}
.borders td {
		border: 0px;
        border-right: 1px solid black;
        
		padding: 0px 5px 0px 5px;
}
.horizborders td {
		border-bottom: 1px solid black;
}
.smalltext {
		font-size: 8pt;
        font-style: normal;
        font-weight: normal;
}
.hilight-text {
        color: #FAE4E0;
}
.table-timestamp {
		width: 20%;
}
.hilight {
        background-color: #FAE4E0;

}
.nolink {
		text-decoration: none;
		font-weight: normal;
		font-style: italic;
		
}
.hidden {
		display:none;
}
.boksi {
    
    font:0.8em helvetica;
    width:20%;
    border: 1px solid #334422;
    margin: 2%;
    padding: 5px;
}
.boksi h1 {
    display:block;
    margin: 0px;
    margin-bottom: 2px;
    font: 1.1em helvetica;
    color: white;
    padding-top: 4px;
    border: none;
    background-color: #5a7e36;
}
.boksi h3 {
    display:block;
    margin: 0px;
    margin-bottom: 2px;
    font: 1.1em helvetica;
    color: white;
    padding-top: 4px;
    border: none;
    background-color: #5a7e36;
    }
    
.sivuboksi { /*Luokka jolla voi kehystää ja pohjustaa sivustojen teksti osan. */

        font: 0.8em helvetica;
        margin: 0px;
        padding:0px;
        margin-bottom: 3em;

    
}

#page_leftside .sivuboksi, #page_rightside .sivuboksi {
		width:90%;
		max-width: 146px;
}

#page_leftside .sivuboksi {
        float:left;
        margin-top:5%;
}   
#page_rightside .sivuboksi {
        float:right;
        margin-top:5%;
}

#page_maintext .sivuboksi {
		padding-right: 6%;
}

.sivuboksi p {
		margin-top: 5px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 5px;
}
.sivuboksi h1{ /* Otsikko osan kehys ja tausta*/
		font-size: 1em;
		font-weight: bold;
        font-style: normal;
		margin: 0px;
        margin-top: 0em;
        margin-bottom: 1em;
		padding:3%;
        background: #e3eadc;
        
        border-top: 1px solid #4f674e;
        border-bottom: 1px solid #4f674e;

}

.sivuboksi h2, .sivuboksi h3 { /* Käytä väliotsikkona */
		color: #000000;
		font-size: 1.0em;
		font-weight: bold;
		padding:0px;
		margin-top: 10px;
		margin-bottom: 5px;
		margin-left: 10px;
		margin-right: 10px;
		text-align: center;
		border:0px;
		border-bottom: 1px solid #000000;
		background: none;
}
.sivuboksi ul{
		list-style: none;
		padding: 0px;
		margin: 1px;
}
.sivuboksi ol{
		padding: 0px;
		padding-left: 10px;
		margin: 1px;
		list-style-image: url('../img/vino-vihr/list-nelio.gif');
}
.sivuboksi li {
		padding: 0px;
		margin: 5px;
}
.ajankoht {
		/*display: table;*/
		margin: 0em;
		margin-left: 5%;
		
		margin-bottom: 1px;
		/*width: 90%;*/
		
}
.date {
		font-size: 0.9em;
		font-style: italic;
		margin-right: 2%;
        
        color: #AC6100;
		background: url('../img/vino-vihr/list-arrow.png') center left no-repeat;
}
.note {
        color: #AC6100;
        font-style: bold;
        
}
.header { /* For table headers */
        color: #8C4100;
        font-size: 1.1em;
        font-style: bold;
}
.signature{
        font-size: 7pt;
		font-style: italic;
		color: #AC6100;
        margin-top: 0.8em;
}
.headline { /* News headline */
        margin-top: 0px;
        padding: 0.4em;
        text-align:right;
        border-top: 1px solid #4f674e;
        border-bottom:1px solid #4f674e;        
        background: #e3eadc;
        /*background: url('../img/vino-vihr/boksi-header-left-bg.gif') no-repeat;
        background-position: 10px 0px;*/
}
.headlineSelected {
        background: #d7e3d5;
}
/*.headlineHover {
        padding-left: 1.3em;
}*/

.headlinetext { 
        float:left;
        margin-top: 0.3em;
        font-size: 1.1em;
        font-style: italic;
        color: #5a7e36;

}
.newstext { /* News main text */
        margin-left: 5%;
        margin-right: 2%;
        margin-bottom: 0px;
        padding: 1%;
        padding-bottom: 1em;
        overflow:auto;
        background: #e3eadc;
        border-left: 1px solid #4f674e;
        border-right: 1px solid #4f674e;
/*border-bottom: 1px solid black; */
        
}
.newsline { /* separating line */
        display: none;
        width: 70%;
        text-align: center;
        margin: 1.4em;
        border: 1px dotted #AC6100;
}
.kuva {
		font-size: 0.7em;
		font-style: italic;
		margin: 5px;
			
}
.kuva img {
		display:block;
}
.kehys { 
		border: 1px solid #000000;
		margin: 5px;
		padding: 0px;
		position:relative;
				
}
.fullwidth {
        width: 80%;
}
.t0 {
			filter:alpha(opacity=100);
			-moz-opacity:1;
			opacity: 1;
}
.t1 {
			filter:alpha(opacity=20);
			-moz-opacity:0.2;
			opacity: 0.2;
}


/*
 * SHOUTBOX
 *
 */
.shoutboxFrame {
    border: 1px solid black;
    padding: 0px;
    margin: 0px;

    
}
.shoutboxMessage {
    font-size: 0.7em;
    margin: 0px;
    margin-bottom: 1.0em;
    padding: 0.4em;
    text-align: left;
    background: #e3eadc;
    border-left: 1px solid #4f674e;
    border-right: 1px solid #4f674e;
}
.shoutboxUser {
    font-weight: bold;
}

.shoutboxText  {


}
.shoutboxFooter {
    margin-top: 0.2em;
    font-size: 1em;
    font-style: italic;
    color: #aaaaaa;

}
.shoutboxNavi, a.shoutboxArrows {
    text-decoration: none;
    font-size: 14pt;
}
a.shoutboxArrows {
    color: red;
}
    


/*
 * TAPAHTUMA MANAGERI
 *
 */

.upcomingGame {
			border: 1px solid black;
}
.oldGame{
			font-style: italic;
			border: 1px dotted;
}
.oldGame td {
			border-right: 1px dotted;
}
.name {
			padding-left: 25px;
}
a.pelinjohtaja, .pelinjohtaja {
    color: #1d7029;
}
a:visited.pelinjohtaja {
    color: #144024;
}
.mod {
			color: #8000DA;
}
.admin {
			color: #B2850A;
}
.supervisor {
			
}
.notsupervisor {
            margin-left: 19px;
}
/*
 * PROFILE Common
 *
 */
.selite {
		font-size: 0.9em;
		font-style: italic;
		color: #AC6100;
		text-align: right;
		vertical-align: top;
}
.notify {
		color:red;
}

#hoverProfile, .hoverWidget {
        display: none;
        position:fixed;
        top:35%; 
        left:22%;
        margin: 0px;
        padding: 0px;
        /*IE FIX */
        _position:absolute;
        _top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + ((documentElement.clientHeight-this.clientHeight)/2) : document.body.scrollTop + ((document.body.clientHeight-this.clientHeight)/2));
        
        
        width:55%;
        z-index:300;
        background: #e3eadc;
        border: 1px solid #4f674e;
        border-right: 1px solid #4f674e;
}

/*
 * PROFILE layout styles
 * Oletus
 */
#defaultprofile {
		text-align: left;
}

#default_main {
	
}
#default_long {
	margin: 0.5em;	
}
#default_long td {
	padding-bottom: 10px;
}

/*
 * PROFILE layout styles
 * Kortti
 */
 
#korttiprofile {
	position:relative;
	display: table;
	left: 3em;
	top: 4em;
	width: 93%;
	background-color: #A6BFA3;
	color: #E1E9E9;
}
#korttiprofile table {
	margin-left:0px;
}
#kortti_top {
	position: relative;
	left:3em;
	top:4em;
	height:20px;
	width:93%;
	background: url('../img/layouts/Kortti_top.gif') top right no-repeat;
	
}
#kortti_bottom {
	position: relative;
	left: 3em;
	top: 4em;
	height: 20px;
	width:93%;
	background: url('../img/layouts/Kortti_top.gif') top left no-repeat;
}
#kortti_image {
	float:left;
	background-color: #93B38F;
	margin: 10px;
	padding: 5px;
	
	border: 1px solid black;
}
#kortti_main {
	float:left;
	overflow: visible;
		
	margin:10px;
	padding:5px;
	width: 52%;
	background-color: #93B38F;
	border: 1px solid black;
}
#kortti_main td {
	word-wrap:break-word;
}

#kortti_long {
	float: left;
	width:93%;
	background-color: #93B38F;
	margin: 10px;
	padding: 5px;
	border: 1px solid black;
}
#kortti_long td {
	padding-bottom: 2em;
}
#kortti_info {
	float:left;
	background-color: #93B38F;
	margin: 10px;
	padding: 5px;
	width: 93%;
	border: 1px solid black;
}

#stripprofile {
    font-size: 0.8em;
    margin:0px;
    padding: 0px;
}
#strip_image {
    float:left;
    padding: 0px;
    margin: 5px;
    
}
#strip_main {
    margin: 0px;
    margin-left: 35%;
    padding-top:10px;
    _margin: 0px;
    font-size: 0.9em;
}
#strip_link {
    margin: 2em;
    margin-left: 45%;
}