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

Thomas Axelsson
thomas@tumppi.com

css to http://www.jbagency.com 
---------------------------------------------*/

body 	{
	background-color:#666666;
	}

body.graybody 	{
	background-color:#666666;
	}
	
body.prodPageStyle   {
    background-color:#FFFFFF;
}


textarea.formcss	{
	font-family:verdana, arial;
	font-weight:normal;
	font-size: 10px;
	color: #000000;
	}

select.formcss	{
	font-family:verdana, arial;
	font-weight:normal;
	font-size: 10px;
	color: #000000;
	}

input.formcss	{
	font-family:verdana, arial, verdara;
	font-weight:normal;
	font-size: 12px;
	color: #000000;
	}

table.whitebordered	{
	border: 1px #999999 solid;
	margin: 0px;
	/* background-image: url(../images/lineback.gif);  */
	}

table.graybordered	{
	border: 1px #CCCCCC solid;
	margin: 0px;
	/* background-image: url(../images/lineback.gif);  */
	}

.topmenu {
	background-color: #333333; 
	width: 320px; 
	height: 30px;
	padding-right: 10px;
}

.topmenu2 {
	background-color: #333333; 
	width: 380px; 
	height: 30px;
}

.bottommenu {
	background-color: "#333333";
	height: 30px;
}

td.bordered 	{ 
	border: 1px #000000 solid;
	margin: 0px;
	}

td.colored	{
	background-color:#ECF5FF;
	}

a.whitelink:link	{
	color: #FFFFFF;
	text-decoration:none; 
	}

a.whitelink:active	{
	color: #FFFFFF;
	text-decoration:none; 
	}

a.whitelink:visited	{
	color: #FFFFFF;
	text-decoration:none; 
	}

a.whitelink:hover	{
	color: #CCCCCC;
	text-decoration:underline;  
	}

a.greenlink:link	{
	color: #006633;
	text-decoration:none; 
	}

a.greenlink:active	{
	color: #006633;
	text-decoration:none; 
	}

a.greenlink:visited	{
	color: #006633;
	text-decoration:none; 
	}

a.greenlink:hover	{
	color: #006633;
	text-decoration:underline;  
	}

a.graylink:link	{
	color: #ffffff;
	text-decoration:none; 
	}

a.graylink:active	{
	color: #ffffff;
	text-decoration:none; 
	}

a.graylink:visited	{
	color: #ffffff;
	text-decoration:none; 
	}

a.graylink:hover	{
	color: #cccccc;
	text-decoration:undeline;  
	}

FONT.minifontblack	{
	color: #000000;
                   font-family: Tahoma,"Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	font-size : 9px;
	}

FONT.minifontwhite	{
	color: #FFFFFF;
                   font-family: Tahoma,"Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	font-size : 9px;
	}

FONT.smallfontwhite	{
	color: #FFFFFF;
                   font-family: Tahoma,"Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	font-size : 0.65em;
	}

FONT.smallfontblack	{
	color: #000000;
                   font-family: Tahoma,"Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	font-size : 10px;
	}

FONT.smallfontgreen	{
	color: #006633;
                   font-family: Tahoma,"Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	font-size : 10px;
	}

FONT.mediumfont {
	font-size : 14px;
	}

FONT.bigfontred	{
	color: #CC0000;
                   font-family: Tahoma,"Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	font-size : 14px;
	}

FONT.mediumfontwhite	{
	color: #FFFFFF;
                   font-family: Tahoma,"Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	font-size : 0.8em;
	}


FONT.mediumfontblack	{
	color: #000000;
                   font-family: Tahoma,"Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	font-size : 12px;
	}

FONT.mediumfontgreen	{
	color: #006633;
                   font-family: Tahoma,"Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	font-size : 12px;
	}

FONT.mediumfontred	{
	color: #990000;
                   font-family: Tahoma,"Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	font-size : 12px;
	}

FONT.bigfontwhite	{
	color: #FFFFFF;
                   font-family: Tahoma,"Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	font-size : 14px;
	}

FONT.bigfontblack	{
	color: #000000;
                   font-family: Tahoma,"Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	font-size : 14px;
	}
	
IMG.graypicborder {
	border:2px; 
	border-thickness: 2px; 
	border-color: #666666;
	border-style: solid;
    }

TEXTAREA.ta {
 scrollbar-arrow-color: #CCCCCC; 
scrollbar-darkshadow-color: #000000; 
scrollbar-face-color: #666666; 
scrollbar-highlight-color: #000000; 
scrollbar-track-color: #000000; 
scrollbar-shadow-color: #000000; 
scrollbar-3dlight-color: #000000;
}

td.redback { background-color:#990000; }
td.greenback { background-color:#006633; }
td.whiteback { background-color:#FFFFFF; }
table.redbordered { border: 1px #990000 solid; margin: 0px; }

table.whiteborderleftright { 
	border: #FFFFFF solid; 
	margin: 0px; 
	border-width: 1px 0px 1px 0px;
}
table.greenbordered { border: #006633 solid; margin: 0px; ; border-width: 0px 1px}

td.whiteborderleftbottom { border: #FFFFFF solid; margin: 0px; border-width: 0px 0px 1px 1px; 	background-color: #333333;}
td.whiteborderleftright { border: #FFFFFF solid; margin: 0px; border-width: 1px 0px 1px 0px}
td.whitebordertop { border: #FFFFFF solid; margin: 0px; border-width: 1px 0px 0px 0px}

.coverlayer {
	position:absolute; 
	width:100%; 
	height:800%; 
	/*background-image:url(../epaperscript/valikkotausta.gif);*/
	z-index:999;
	text-align:center;
}