body 
{
    margin: 0;
    padding: 0;
    border: none;
    /* background:url(images/line_turq_white.gif) repeat-x top; turkoosi: #33CCCC tai #009899*/
    background-color: Black; /* oli Gray */
    color: White;
    font-family:Verdana,tahoma,helvetica;font-size:11px;
}
h1, h2, h3, h4
{
    color:#33CCCC;   
}
i, strong
{
    color:#33CCCC;   
}
table, tr, td, div, ul, li, p
{
    margin: 0;
    padding: 0;
    border: none;
}
p 
{ 
	line-height:1.3em;
	padding-top:1px;
	padding-bottom:2px;
	color:White;
}
p.title_xsmall, span.title_xsmall
{
    font-size:xx-small; 
    color:White;
}
p.title_small, span.title_small
{
    font-size:small; 
    color:#33CCCC;
}
p.title_medium, span.title_medium
{
    font-size:medium; 
    color:#33CCCC;
}
p.title_x-large
{
    font-size:x-large; 
    color:#33CCCC;
}
.font
{
    font-family:Verdana,tahoma,helvetica;font-size:11px;
}
a
{
    text-decoration: none;
    color: White;
}
a:visited
{
}
a:hover
{
    text-decoration: underline;
    color: #33CCCC; /*oli #009899*/
}
div.top_bar
{
    float: none;
    margin: 0 auto 0 auto;
    margin-top:5px;
    width:950px;
    height:90px;
    background:url(images/banner.PNG) no-repeat bottom;
}
div.logo
{
	/* float: left; */
	/* background-color:Gray; */
	text-align:center;
}
div.menu_bar
{
    /* position:fixed;
    top: 77px; */
    float: left;
    width:100%;
    height:32px;
    background:url(images/bar.jpg) repeat-x bottom;
    font-family:Verdana,tahoma,helvetica;font-size:11px;
    /* color:#FFFFFF; */
}
div.menu_bar_center
{
   float: left;
   background-color: Transparent;
   margin-left: 4px;
   margin-top: 7px;
}
.staticMenuItem
{
    padding: 5px;
    /* border:solid 1px #FFF; */
}
.selectedStyle
{ 
    font-weight:bolder;
    color:#33CCCC;
}
.dynamicMenuStyle
{ 
    
}
div.menu_bar_right
{
   float: right;
   background-color: Transparent;
   margin-right:5px;
   margin-top:9px;
}
div.map_path
{ 
    float: left;
    height:10px;
    color: White;
}
div.admin_main
{
    clear: both;
    float: none;
    margin: 0 auto 0 auto;
    margin-top: 1px;
    width: 950px;
    height: 580px; /* oli 505px */
    /* background: url(Images/vog_logo_big.gif);
    background-repeat: no-repeat; */
}
div.main
{   
    clear: both;
    float: none;
    margin: 0 auto 0 auto;
    margin-top:1px;
    width:950px;
    height:570px; /* oli 505px */
   /* background:url(images/vog_logo_big.gif); */
}
div.main_up
{   
   float:left;
   margin-top: 3px;
   margin-left: 5px;
}
div.main_left
{   
   float:left;
   /* clear:both; */
   margin-top: 5px;
   margin-left: 5px;
}
div.main_center
{
   float:left;
   clear:both; 
   margin-top: 5px;
   margin-left: 5px;
}
div.main_right
{
    /* clear:both; */
    float:right;
    margin-top:5px;
}
div.cremod
{ margin-top:5px; vertical-align:bottom; font-size:9px; width:600px;}
div.dpList
{
    float:left;
    padding-right:5px;
}
div.info_right
{
    clear:right;
    float:right;
    margin-top: 2px;
    width:320px;
}
.panelList
{
    padding:5px;
    border-color:#999;
    width:330px;
}
.panelListGroup
{
    padding:5px;
    border-color:#999;
    width:230px;
}
.panelListProducts
{
    padding:5px;
    border-color:#999;
    width:400px;
}
.SelectedItem
{
    background-color: #333333;
    color: #33CCCC;
}
div.control_down
{
    margin-top: 5px; 
    padding-bottom: 2px;
    width:100%;
    clear: left;
}
div.left
{
    float:left;
    margin-top:5px;
    margin-left:5px;
}
div.right
{
    float:right;
    margin-top:5px;
    margin-right:5px;
}
div.shopleft
{
    float:left;
    margin-top:2px;
    margin-left:5px;
}
div.shopright
{
    float:right;
    margin-top:2px;
    margin-right:5px;
}
.calendar .ajax__calendar_container
{
    border: 1px solid #646464;
    background-color: #FFFFCC;
    color: Red;
} 

div.footer
{
    clear: both;
    float: none;
    margin: 0 auto 0 auto;
    /* margin-top: -5px; */
    width:950px;
    height:30px;
    background:url(images/bar2.jpg) repeat-x top;
    /* background-color:Black; */
}
div.footer_text
{
    float: none;
    margin: 0 auto 0 auto;
    margin-top: 8px;
    width: 700px;
    height: 15px;
    font-size: 0.9em;
    color: White;
    background-color: Transparent;
}
div.footer_xdata
{
    margin: 0 auto 0 auto;
    margin-top: -10px;
    float:right;
    width: 50px;
    /* font-size: 0.8em; */
    color: Black;
    background-color: Transparent;
}
div.button
{
    height: 30px;
    width: 100px;
    background: url(images/btn_black.jpg) no-repeat;
    padding-top: 8px;
    margin:2px;
}
div.button:hover
{
    height: 30px;
    width: 100px;
    background: url(images/btn_black_glass.jpg) no-repeat;
    padding-top: 8px;
    margin:2px;
}
div.delete
{
    height: 18px;
    width: 18px;
    background: url(images/delete_18.gif) no-repeat;
    margin:1px;
}
div.delete:hover
{
    height: 18px;
    width: 18px;
    background: url(images/delete_18s.gif) no-repeat;
    margin:1px;
}
div.picture1
{
    border-style:solid;
    border-width: 1px;
    border-color: #ffffff;
}
div.picture
{
    height:100%;
    border-style:solid;
    border-width: 3px;
    border-color: Silver;
}
div.header
{
    font-size: medium;
}
div.text, p
{
    color: Silver;
}
.modalBackground 
{  background-color:#eeeeee;  filter:alpha(opacity=70);  opacity:0.7;}
.CurrentPageLabel
{
    /* font-weight:bold; */
    background-color: #009899; /*turkoosi*/
}
div.imageDescription
{ background-color:Transparent; color:White; padding:2px; width:95%; }
div.border
{
    border: 1px solid #999;
    padding: 3px;
}
div.borderProducts
{
    border: 1px solid #999;
    padding: 0px;
}

.CustomValidatorCalloutStyle div, 
.CustomValidatorCalloutStyle td {border:solid 1px Black;
                                 background-color:#FFFFCC; color:Black;} /* #FFFFCC oli LemonChiffon */

/* 28.6.2008 */
td.left
{ width: 240px; height:530px; vertical-align:top; border:solid 1px #606060; padding:3px;}
td.midup
{width: 490px; vertical-align:top; border:solid 1px #606060; padding:3px;}
td.mid
{width: 490px; vertical-align:top; border:solid 1px #606060; padding:3px;}
.middown
{width: 490px; vertical-align:top; border:solid 1px #606060; padding:3px;}
td.right
{width: 190px; vertical-align:top; border:solid 1px #606060; padding:3px;}

div.border
{padding:5px; color:Silver;}
table.center
{clear: both; float: none; margin: 0 auto 0 auto;}
/* 30.6.2008 */
/*
td.shopleft
{ width: 590px; height:530px; vertical-align:top; border:solid 1px #606060; padding:3px;}
td.shop_etusivu_left
{ width: 240px; height:530px; vertical-align:top; border:solid 1px #606060; padding:3px;}
td.shopmidup
{width: 490px; vertical-align:top; border:solid 1px #606060; padding:3px;}
td.shopmid
{width: 490px; vertical-align:top; border:solid 1px #606060; padding:3px;}
td.shopmiddown
{width: 490px; vertical-align:top; border:solid 1px #606060; padding:3px;}
td.shopright
{width: 340px; vertical-align:top; border:solid 1px #606060; padding:3px;}
div.shopborder
{padding:5px; color:Silver;}
*/
div.cre_mod
{font-size:x-small; color:#808080;}
.ddlfilter
{
    background-color: #66FFFF;
}
.ddlselect
{
    background-color: #FFFFCC;
}
.footerbgr
{background:url(images/bar2.jpg) repeat-x top;}
.infotext
{
    color:#808080; font-size:x-small;
}
div.space_footer
{padding-top:5px;}
/* 25.7.2008 */
td.shop_etusivu_left
{ width: 240px; height:530px; vertical-align:top; border:solid 1px #606060; padding:3px;}
td.shopleft
{ width: 200px; height:530px; vertical-align:top; border:solid 1px #606060; padding:3px;}
td.shopmidup
{width: 455px; vertical-align:top; border:solid 1px #606060; padding:3px;}
td.shopmid
{width: 460px; vertical-align:top; border:solid 1px #606060; padding:3px;}
td.shopmiddown
{width: 455px; vertical-align:top; border:solid 1px #606060; padding:3px;}
td.shopright
{width: 265px; vertical-align:top; border:solid 1px #606060; padding:3px;}

div.shop_price
{
    color:#33CCCC; font-size:larger; font-weight:bold;
}

div.shop_print
{color:#33CCCC; float:left; font-size:larger; font-weight:bold;}
.panelreport
{ }
a.abutton
{
    height: 26px;
    width: 26px;
    
}
a.abutton:hover
{ 
    background-color: #C0C0C0;
}
.imagebutton
{
    padding:3px;
}
/* 11.9.2008 */
.prod_title
{
    width: 400px;
    font-size: small;
    color: #00B9B9;
    font-weight: 400;
}
/* 18.9.2008 */
.txtmemo, .txtfield
{
	font-family: Verdana, tahoma, Arial, sans-serif;
}
.txtfield
{
	height:14px;
    padding-bottom:2px;
}
/* 27.10.2008 */
div.SubMenu
{
    /* background-color: #E9E9E9; */
}
.subButton
{
    background-color:#777777;
}
.subButton:hover
{
    background-color:#666666;
}
.controlText
{
    font-family: Verdana, tahoma, Arial, sans-serif;
}
.panelImage
{ background-color: #009899;}
.thumbnail
{ 
    margin:1 1 1 1;
    padding:1px;
    border-style: solid;
    border-width: thin;
    border-color: #CCCCCC #606060 #606060 #CCCCCC;
}
div.leftPopup
{
    float:left; margin:5 5 0 5;
}
div.rightPopup
{
    float:right; margin:5 2 0 0;
}
.grouptitle
{
    font-size:medium;    
}