/* General settings */
body {
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px;
	background-color: #ffffff;
	margin: 5px 0px 0px;
	line-height: normal;
	border: 0px none;
	background-image: url(../png/bg.jpg);
}

table {
	border: 0px none
}

td {
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 130%;
}

img {
	border: 0 none
}

a {
	color: black;
	text-decoration: underline;
}

a.noDecoration {
	color: black;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #FF9900;
}

h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: red;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 15px;
	font-weight: bold;
}

h2 {
	margin-top: 5px;
	font-size: 16px;
	font-weight: bolder;
	font-family: Helvetica, Arial, sans-serif;
}

h2.filled {
	margin-top: 5px;
	font-size: 16px;
	font-weight: bolder;
	font-family: Helvetica, Arial, sans-serif;
	background: #EEEEEE;
}

h3 {
	margin-top: 10px;
	margin-bottom: 0px;
	font-size: 10px;
	color: #000000;
}

h3.filled {
	font-size: 10px;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 2px 2px 2px 2px;
	background: #EEEEEE;
}

table.smallbox h3 {
	font-size: 10px;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 5px;
}

ul {
	margin-top: 10px;
	margin-bottom:0px;
}

ul.important {
	margin-top: 10px;
	margin-bottom:0px;
}

.errorLabel {
    color: red;
}

table.header {
	width:750px;
	border: 1px solid gray;
	border-width: 0 0 1px 0;
}
table.header a {
	font-size: 10px;
	color: gray;
	font-weight: bolder;
    	text-decoration: none;
}
table.header td {
	font-size: 10px;
	color: gray;
	font-weight: bolder;
}


div.breadCrumb {
	font-size: 10px;
	color: red;
	background: #F8F8F8;
	font-weight: bold;
	padding: 4px;
	width:100%
}
div.breadCrumb a {
	text-decoration: none;
	color: red;
}

div.floatBoxRight {
	width:170px;
	float: right;
	margin-left:4px;
	margin-bottom:10px;
	padding-left:8px;
	border-left-width:1px;
	border-left-style:dotted;
	border-left-color:gray;
}

/* H2 inside floatBoxRight: */
div.floatBoxRight h3 {
	font-size: 10px;
	color: #000000;
	background: #EEEEEE;
	font-weight: bold;
	padding: 2px;
	padding-left:10px;
	margin-bottom: 10px;
	margin-top: 0px;
}
/*
img.floatBoxRight.nextButton  {
	vertical-align: middle;
	float: right;
	margin-right: 20px;
	width: 17px;
	height: 17px;
}
*/


img.listSquare {
	margin-right:5px;
	width: 5px;
	height: 5px;
}

.input {
	border-left:1px solid #AFAFAF;
	border-top:1px solid #AFAFAF;
	border-right:1px solid #DFDFDF;
	border-bottom:1px solid #DFDFDF;
	font-size: 12px;
	margin: 1px;
}
.textarea {
	border-left:1px solid #AFAFAF;
	border-top:1px solid #AFAFAF;
	border-right:1px solid #DFDFDF;
	border-bottom:1px solid #DFDFDF;
	font-size: 12px;
	margin: 1px;
}

td.boxLeft {
	vertical-align: top;
	padding-top: 0px;
	padding-right: 5px;
	border-right-style:dotted;
	border-right-color:gray;
	border-right-width:1px;
	height: 100%;
}

td.boxMiddle {
	vertical-align: top;
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	border-right-style:dotted;
	border-right-color:gray;
	border-right-width:1px;
	height: 100%;
}

td.boxRight {
	vertical-align: top;
	padding-top: 0px;
	padding-left: 5px;
	height: 100%;
}

h3.boxHeader {
	font-size: 10px;
	color: blue;
	background: red;
	padding: 4px;
	margin-top: 0px;
	margin-bottom: 0px;
}


.nextButton  {
	vertical-align: middle;
	width: 17px;
	height: 17px;
}

.nextButtonRight  {
	vertical-align: middle;
	float: right;
	width: 17px;
	height: 17px;
	padding-right: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

.button
{
	background-color: #FFCC00;
	color: #000000;
	font-size: 10px;
	border-top: 2px solid #000000;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
	border-left: 2px solid #000000;
}


button.file
{
    	white-space: nowrap;
    	background-color: #FFFFFF;
    	border-left:1px solid #CBCBCB;
    	border-top:1px solid #CBCBCB;
    	border-right:1px solid #6E6E6E;
    	border-bottom:1px solid #6E6E6E;
    	color: #000000;
    	font-size: 10px;
}

/* *********************** MENU styles *******************************/

table.menuTable {

}

table.menuTable td {
    	padding: 4px;
    	border-bottom: 1px dotted #666666;
    	border-left: none;
    	border-right: none;
    	cursor:pointer;
}

table.menuTable a {
    	text-decoration: none;
}

table.menuTable td.menuLevel0 {
    	background:#eeeeee;
    	text-transform: uppercase;
    	font-weight: bold;
}

table.menuTable td.menuLevel1 {
    	text-transform: uppercase;
}

/* this and menuLevel2 is used at the same time (class="menuLevel2 menuLevel2Selected")
   this is overridden in advertiser.css, publisher.css etc) */
table.menuTable td.menuLevel1Selected {
	background:red;
	font-weight: bold;
}

table.menuTable td.menuLevel2 {
    	padding-left: 16px;
}

/* *********************** /MENU styles *******************************/


td.contentWindow table {
    	width: 100%;
    	border-collapse: collapse;
}

td.contentWindow td {
    	padding: 2px;
}

td.contentWindow th {
    	font-size: 10px;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 2px 2px 2px 2px;
	background: red;
	text-align: left;
}

/* todo: delete from all css */
	td.contentWindow .headerDelimeter {
    	border:1px solid;
    	padding: 0px;
}

.tableBox {
    	border:1px solid ;
}

/* Access */

/* All TD border colors should be overriden */
td.contentWindow td {
    	border-color: red;
}
td.contentWindow table {
    	border-color: red;
}


#accessTable td {
	border-top: 1px solid;
}

#accessTable .notopborder {
	border-top: 0px;
}

/* Popup box style  (the # is used together with an ID) */

#codeBox {
	font-family:Courier new;
	font-size:13px
}

#popBox {width:200px;height:100px;position: absolute;top: 0px; left: 50px; z-index: 2;border:solid #aaaaaa 1px; background-color:#ffffff; padding:5px; visibility:hidden;}
#popBoxShadow {width:200px;height:100px;position: absolute;top: 0px; left: 53px; z-index: 1;background-color:#aaaaaa; visibility:hidden;}

/* /popup box style */

/* the tab set style */
#tabSet td {
    	padding: 0px;
}
#tabSet a {
    	text-decoration: none;
}
#bignumbers {
	font-family: Arial, Helvetica;
	font-size: 32px;
	color: Silver;
	font-weight : bold;
}

td.contentWindow .oddRow {
    	background-color: #F8F8F8;
}

td.contentWindow .evenRow {
    background-color: #FFFFFF;
}


/* All tables that uses oddRow and evenRow style should also implement this!*/
.listTable {
    	border:1px solid #D9D9D9;
}
.listTable td  {
    	border:1px solid #D9D9D9;
}

/* Quick fix to ensure that report rows can be marked */
.report2markedCell {
	background-color:437ca7;
	color:ffffff;
	/*background: #EFEFC5;
	color: black;*/
}

.report2markedBorderCell {
	background-color:437ca7;
	color:ffffff;
	/* background: #EFEFC5;
	color: black;*/
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: aaaaaa
}
.ylareunus {
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 0px solid #000000;
	border-left: 1px solid #000000;
}
.vasalareuna {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.alareunaoik {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	border-right-style: solid;
}
.copyright {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.ylanurkkavasen {
	border-top: 1px solid #000000;
	border-right: 1px none #000000;
	border-bottom: 1px none #000000;
	border-left: 1px solid #000000;
}
.vaslaita {
	border-top-width: 1px;
/*	border-right-width: 1px; */
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
/*	border-right-style: dotted; */
	border-top-color: #000000;
/*	border-right-color: #000000; */
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.style3 {
font-size: 10px; color: #000000; font-weight: bold;
}
.alareunavas {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-image: url(../png/palkki_tausta.gif);
}
.copyrightvas {

	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

table.viesti
{
	margin: 5px;
	border-width: 2px;
	border-color: black;
	border-style: solid;
	padding: 0;
	background-color: #FFFFFF;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
td.otsikko
{
	font-size: 10px;
	border-width: 0px 0px 2px 0px;
	border-color: black;
	border-style: solid;
	color: black;
	background-color: #95CAF4;
	text-align: left;
	line-height: normal;
}
td.teksti
{
        text-align: left;
        vertical-align: top;
        margin: 0.3em;
        font-size: 1em;
        color: black;
        text-align: justify;
}
table.vierasviesti
{
        margin: 5px;
        border-width: 2px;
        border-color: black;
        border-style: solid;
        padding: 0;
        background-color: #FFFFFF;
        text-align: left;
}
td.vierasotsikko
{
        border-width: 0px 0px 2px 0px;
        border-color: black;
        border-style: solid;
        font-size: 0.9em;
        font-family: Verdana;
        color: black;
        background-color: #CCCCCC;
        text-align: left;
}
td.vierasteksti
{
        text-align: left;
        vertical-align: top;
        margin: 0.3em;
        font-size: 1em;
        color: black;
        text-align: justify;
}
 .kilpailu_taulu {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.tapahtumat {

	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.navi {
	background-color: #FFCC00;
	border-top: 2px solid #000000;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
	border-left: 2px solid #000000;
}
.navi_keski {
	background-color: #FFFFFF;
	border-top: 1px dotted #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px dotted #000000;
	border-left: 1px solid #000000;
}
.navi_pohja {
	background-color: #FFFFFF;
	border-top: 1px dotted #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
}
.navi_2Yla {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}