﻿
body
{
    font-family: Tahoma;
    font-size: small;
    padding: 0px;
    margin: 0 auto;
}
#bodyOverlay {	  
	  background-color: White;
	  filter:alpha(opacity=70);
	  -moz-opacity: 0.7;
	  -khtml-opacity: 0.7;
	  opacity: 0.7;
	  position: fixed;
 	  z-index: 999;
	  top: 0px;
	  left: 0px;
	  height:100%;
	  width:100%;
}
* html #bodyOverlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
form 
{
	margin:0px;
	padding:0px;
}
hr
{
    margin-left: 0px;
    margin-right: 5px;
    border: solid 1px;
    border-bottom-color: #ECE9D8;
    border-top-color: #ACA899;
    border-right-color: #ECE9D8;
    border-left-color: #ECE9D8;
}
.banner
{
    width: 100%;
    height: 100%;
}
.banner td
{
    background-color: #CD0000; 
    width: 100%; 
    padding: 2px; 
    margin: 0px;
}
.pageHeaderMainDiv
{
	background-color: #CD0000; 
	width: 100%; 
	padding: 0px; 
	margin: 0px; 
	height: 53px;
}
.pageHeaderImageSpan
{
	height: 53px; 
	vertical-align: top; 
	position: absolute; 
	left: 0px; 
	top: 0px;
}
.pageHeaderCaptionDiv
{
	font-size: larger; 
	font-weight: bold; 
	padding-top: 15px; 
	height: 53px;
}
.pageHeaderLinkOnRight
{
	text-align: right; 
	position: absolute; 
	right: 5px; 
	top: 18px;
}
.button
{
    padding: 2px 2px 2px 2px !important;
    height: 26px; 
}
.listbox
{
    padding: 2px;
    height: 26px;    
}
.txtbox
{
    margin: 2px 5px 2px 5px;
}
.radiobuttonlist
{
    padding: 2px;
    width: auto;
}
.basketImage
{
    cursor: pointer;
}
.theTable
{
    max-width: 1200px;    
}
.imageBoxHeader
{
    background-image: url(../images/headertest1.jpg);
    background-color: #B10B0B;
    padding: 3px;
    color: White;
    font-size: medium;
    font-weight: bold;
    font-style: normal;
    border-left: solid 1px #CD0000; 
    border-right: solid 1px #CD0000; 
    border-top: solid 1px #CD0000;
}
.imageBoxBody
{
    background-color: White;
    padding: 5px;
    color: Black;
    font-size: small;
    font-weight: normal;
    font-style: normal;
    border-bottom: solid 1px #CD0000; 
    border-left: solid 1px #CD0000; 
    border-right: solid 1px #CD0000; 
    margin-bottom: 10px;
}
.waitAminute
{
 	background-color: #FAFBF7;
    /*position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -35px; */ /* half of the height */
    /*margin-left: -100px;*/ /* half of the width */
    text-align: center;   
 	border: dashed 1px #4FB6D7; 
    padding: 20px 5px 5px 5px;
    font-size: small;
}
.captionLarge
{
    font-size: large;     
}
.loginTable
{
    width: 800px;
    height: 530px;
    background-color: White;
    margin: 0px;
    border-bottom: none; 
    border-left: solid 1px #7074AA; 
    border-right: solid 1px #7074AA; 
    border-top: none;
    clear: both;
}
.pageCaption
{
    color: Black;
    font-size: large;
    font-weight: bold;   
    margin: 5px;  
}
.pageSubCaption
{
    color: Black;
    font-size: medium;
    font-weight: bold;   
    margin: 5px;
}
.motdTable
{
    width: 600px;
    height: 180px;
    margin: 0px;
    border-bottom: none; 
    border-left: solid 1px #7074AA; 
    border-right: solid 1px #7074AA; 
    border-top: none;
    clear: both;
}
.motdTable td
{
    background-color: #FAFBF7;
    margin: 5px;
    height: 50px;
    text-align: center;
}
.motdTable th
{
    background-color: #B8BFA9;
    padding: 5px;
    height: 35px !important;
    font-size: larger; 
    color: Black;
    text-align: center;
}
.forgotpasstable
{
	width: 98%;
    margin: 2px;
    border: none;
    clear: both;
}
.forgotpasstable td
{
    background-color: White;
    margin: 2px;
    text-align: left;
}
.menuFooter
{
    width: 98%;
    font-weight: bold;    
}
.menuFooter td
{
    padding: 3px;  
    color: Black;
}
.menuLink
{
    width: 98%;
    font-weight: bold;
}
.menuLink td
{
    padding: 3px;  
    color: Black;
}
.menuLink .tdHover
{     
    padding: 3px; 
    color: White; 
}
.menuLink a:link
{
    color: Black;
    text-decoration: none;    
}
.menuLink a:visited
{
    color: Black;    
    font-weight: bold;
    text-decoration: none;
}
.menuLink a:active
{
    color: Blue;
    font-weight: bold;
    text-decoration: none;
}
.menuLink a:hover
{
    color: Blue;    
    font-weight: bold;
    text-decoration: underline;
}
.menuMain
{
    width: 100%;
    margin: 0px;
    border-bottom: none; 
    border-left: solid 1px #CD0000 !important; 
    border-right: solid 1px #CD0000 !important; 
    border-top: none;
    clear: both;
}
.menuMain th
{
    text-align: center;
    background-image: url(../images/headertest5.jpg);  
    background-repeat:repeat-x;
    padding: 0px 5px 5px 5px; 
    color: White;
    font-weight: bold;  
}
.menuLink2
{
    width: 100%;
    font-weight: bold;
    border: none;
    clear: both;
}
.menuLink2 td
{
    padding: 3px 0px 3px 0px;
    color: White;
    /*background: #FBF5F6;*/
}
.menuLink2 th
{
    background-image: url(../images/headertest5.jpg);
    background-repeat:repeat-x;
    padding: 0px 0px 5px 0px;
    color: White;
}
.menuLink2 .tdHover
{
    /*background-image: url(../images/menutest.jpg);      */
    background-color: #CD0000;
    padding: 3px;
    color: White; 
}
.menuLink2 a:link
{
    color: Black;
    text-decoration: none;    
}
.menuLink2 a:visited
{
    color: Black;    
    font-weight: bold;
    text-decoration: none;
}
.menuLink2 a:active
{
    color: #CD0000;
    font-weight: bold;
    text-decoration: underline;
}
.menuLink2 a:hover
{
    color: White;    
    font-weight: bold;
    text-decoration: underline;
}
.menuLink3
{
    width: 100%;
    font-weight: bold;
}
.menuLink3 td
{
    padding: 3px 0px 3px 0px;  
    color: White;
    /*background: #FBF5F6;*/
}
.menuLink3 th
{
    background-image: url(../images/headertest5.jpg);
    background-color: #CD0000;
    padding: 0px 5px 5px 5px;
    color: White;
}
.menuLink3 .tdHover
{
    /*background-image: url(../images/menutest.jpg);      */
    background-color: #CD0000;
    padding: 3px; 
    color: White; 
}
.menuLink3 a:link
{
    color: Black;
    text-decoration: none;    
}
.menuLink3 a:visited
{
    color: Black;    
    font-weight: bold;
    text-decoration: none;
}
.menuLink3 a:active
{
    color: #CD0000;
    font-weight: bold;
    text-decoration: underline;
}
.menuLink3 a:hover
{
    color: White;    
    font-weight: bold;
    text-decoration: underline;
}
.menuButtonContainer
{
    padding: 5px 2px 5px 2px;    
}
.requiredValidator
{
    color: Red;    
}
.infoLabelText
{
    text-align: left;
    font-weight: bold;
    color: #CD0000;   
}
.infoDiv
{
    width: 576px;    
    background-color: White;
    border: none;
    margin: 5px;
    padding: 10px;
}
.dropDownList
{
    background-color: White;    
}
.etukkuimage
{
    height: auto;
}
.iBoxHeader
{
    background-image: url(../images/headertest1.jpg);
    background-color: #B10B0B;
    padding: 3px;
    color: White;
    font-size: medium;
    font-weight: bold;
    font-style: normal;
    border-left: solid 1px #CD0000; 
    border-right: solid 1px #CD0000; 
    border-top: solid 1px #CD0000;
}
.iBoxBody
{   
    background-color: White;
    padding: 5px;
    color: Black;
    font-size: small;
    font-weight: normal;
    font-style: normal;
    border-bottom: solid 1px #CD0000; 
    border-left: solid 1px #CD0000; 
    border-right: solid 1px #CD0000;
    margin-bottom: 10px;
}
.ForgotPass
{
	text-align: left !important;
	color: Blue;
}

#emenu {background: transparent; margin: 7px;}
#errorbox {background: transparent; margin: 7px;}

#login {background: transparent; margin:5px;}
.logintop {display:block; background:transparent; font-size:1px; width: 800px;}
.loginbottom {display:block; background:transparent; font-size:1px; width: 800px;}

.xtop {display:block; background:transparent; font-size:1px; width: inherit !important;}
.xbottom {display:block; background:transparent; font-size:1px; width: inherit !important;}

.adstop {display:block; background:transparent; font-size:1px; width: 70%;}
.adsbottom {display:block; background:transparent; font-size:1px; width: 70%;}

#modtbox {background: transparent; margin: 0px;}
.modttop {display:block; background:transparent; font-size:1px; width: 600px;}
.modtbottom {display:block; background:transparent; font-size:1px; width: 600px;}

.mysitetop {display:block; background:transparent; font-size:1px; width: 600px;}
.mysitebottom {display:block; background:transparent; font-size:1px; width: 600px;}

/* Header red, border red */
.hr1, .hr2, .hr3, .hr4 {display:block; overflow:hidden;}
.hr1, .hr2, .hr3 {height:1px;}
.hr2 {background:#E86E7B; border-left:1px solid #CD0000; border-right:1px solid #CD0000;} 
.hr3 {background:#E86E7B; border-left:1px solid #CD0000; border-right:1px solid #CD0000;} 
.hr4 {background:#E86E7B; border-left:1px solid #CD0000; border-right:1px solid #CD0000;}
.hr1 {margin:0 5px; background:#CD0000;}
.hr2 {margin:0 3px; border-width:0 2px;}
.hr3 {margin:0 2px;}
.hr4 {height:2px; margin:0 1px;}

/* Header blue green, border blue */
.hbg1, .hbg2, .hbg3, .hbg4 {display:block; overflow:hidden;}
.hbg1, .hbg2, .hbg3 {height:1px;}
.hbg2 {background:#8C8DB8; border-left:1px solid #7074AA; border-right:1px solid #7074AA;} 
.hbg3 {background:#8C8DB8; border-left:1px solid #7074AA; border-right:1px solid #7074AA;} 
.hbg4 {background:#8C8DB8; border-left:1px solid #7074AA; border-right:1px solid #7074AA;}
.hbg1 {margin:0 5px; background:#7074AA;}
.hbg2 {margin:0 3px; border-width:0 2px;}
.hbg3 {margin:0 2px;}
.hbg4 {height:2px; margin:0 1px;}

/* Header light blue green, border blue */
.hlbg1, .hlbg2, .hlbg3, .hlbg4 {display:block; overflow:hidden;}
.hlbg1, .hlbg2, .hlbg3 {height:1px;}
.hlbg2 {background:#AACFDC; border-left:1px solid #7074AA; border-right:1px solid #7074AA;} 
.hlbg3 {background:#AACFDC; border-left:1px solid #7074AA; border-right:1px solid #7074AA;} 
.hlbg4 {background:#AACFDC; border-left:1px solid #7074AA; border-right:1px solid #7074AA;}
.hlbg1 {margin:0 5px; background:#7074AA;}
.hlbg2 {margin:0 3px; border-width:0 2px;}
.hlbg3 {margin:0 2px;}
.hlbg4 {height:2px; margin:0 1px;}

/* Header gray, border blue */
.hg1, .hg2, .hg3, .hg4 {display:block; overflow:hidden;}
.hg1, .hg2, .hg3 {height:1px;}
.hg2 {background:#EBECE8; border-left:1px solid #7074AA; border-right:1px solid #7074AA;} 
.hg3 {background:#EBECE8; border-left:1px solid #7074AA; border-right:1px solid #7074AA;} 
.hg4 {background:#EBECE8; border-left:1px solid #7074AA; border-right:1px solid #7074AA;}
.hg1 {margin:0 5px; background:#7074AA;}
.hg2 {margin:0 3px; border-width:0 2px;}
.hg3 {margin:0 2px;}
.hg4 {height:2px; margin:0 1px;}

/* Header dark gray, border blue */
.hdg1, .hdg2, .hdg3, .hdg4 {display:block; overflow:hidden;}
.hdg1, .hdg2, .hdg3 {height:1px;}
.hdg2 {background:#B8BFA9; border-left:1px solid #7074AA; border-right:1px solid #7074AA;} 
.hdg3 {background:#B8BFA9; border-left:1px solid #7074AA; border-right:1px solid #7074AA;} 
.hdg4 {background:#B8BFA9; border-left:1px solid #7074AA; border-right:1px solid #7074AA;}
.hdg1 {margin:0 5px; background:#7074AA;}
.hdg2 {margin:0 3px; border-width:0 2px;}
.hdg3 {margin:0 2px;}
.hdg4 {height:2px; margin:0 1px;}

/* Header light blue, border blue */
.hlb1, .hlb2, .hlb3, .hlb4 {display:block; overflow:hidden;}
.hlb1, .hlb2, .hlb3 {height:1px;}
.hlb2 {background:#E7F5FF; border-left:1px solid #7074AA; border-right:1px solid #7074AA;} 
.hlb3 {background:#E7F5FF; border-left:1px solid #7074AA; border-right:1px solid #7074AA;} 
.hlb4 {background:#E7F5FF; border-left:1px solid #7074AA; border-right:1px solid #7074AA;}
.hlb1 {margin:0 5px; background:#7074AA;}
.hlb2 {margin:0 3px; border-width:0 2px;}
.hlb3 {margin:0 2px;}
.hlb4 {height:2px; margin:0 1px;}

/* Header white, border blue */
.hw1, .hw2, .hw3, .hw4 {display:block; overflow:hidden;}
.hw1, .hw2, .hw3 {height:1px;}
.hw2 {background:White; border-left:1px solid #7074AA; border-right:1px solid #7074AA;} 
.hw3 {background:White; border-left:1px solid #7074AA; border-right:1px solid #7074AA;} 
.hw4 {background:White; border-left:1px solid #7074AA; border-right:1px solid #7074AA;}
.hw1 {margin:0 5px; background:#7074AA;}
.hw2 {margin:0 3px; border-width:0 2px;}
.hw3 {margin:0 2px;}
.hw4 {height:2px; margin:0 1px;}

/* Header light gray, border blue */
.hgb1, .hgb2, .hgb3, .hgb4 {display:block; overflow:hidden;}
.hgb1, .hgb2, .hgb3 {height:1px;}
.hgb2 {background:#FAFBF7; border-left:1px solid #7074AA; border-right:1px solid #7074AA;} 
.hgb3 {background:#FAFBF7; border-left:1px solid #7074AA; border-right:1px solid #7074AA;} 
.hgb4 {background:#FAFBF7; border-left:1px solid #7074AA; border-right:1px solid #7074AA;}
.hgb1 {margin:0 5px; background:#7074AA;}
.hgb2 {margin:0 3px; border-width:0 2px;}
.hgb3 {margin:0 2px;}
.hgb4 {height:2px; margin:0 1px;}

/* footer light blue, border blue */
.flib1, .flib2, .flib3, .flib4 {display:block; overflow:hidden;}
.flib1, .flib2, .flib3 {height:1px;}
.flib2 {background:#E7F5FF; border-left:1px solid #7074AA; border-right:1px solid #7074AA;} 
.flib3 {background:#E7F5FF; border-left:1px solid #7074AA; border-right:1px solid #7074AA;} 
.flib4 {background:#E7F5FF; border-left:1px solid #7074AA; border-right:1px solid #7074AA;}
.flib1 {margin:0 5px; background:#7074AA;}
.flib2 {margin:0 3px; border-width:0 2px;}
.flib3 {margin:0 2px;}
.flib4 {height:2px; margin:0 1px;}

/* footer light blue, border blue */
.flb1, .flb2, .flb3, .flb4 {display:block; overflow:hidden;}
.flb1, .flb2, .flb3 {height:1px;}
.flb2 {background:#F8FCFF; border-left:1px solid #7074AA; border-right:1px solid #7074AA;} 
.flb3 {background:#F8FCFF; border-left:1px solid #7074AA; border-right:1px solid #7074AA;} 
.flb4 {background:#F8FCFF; border-left:1px solid #7074AA; border-right:1px solid #7074AA;}
.flb1 {margin:0 5px; background:#7074AA;}
.flb2 {margin:0 3px; border-width:0 2px;}
.flb3 {margin:0 2px;}
.flb4 {height:2px; margin:0 1px;}

/* footer gray, border blue */
.fg1, .fg2, .fg3, .fg4 {display:block; overflow:hidden;}
.fg1, .fg2, .fg3 {height:1px;}
.fg2 {background:#EBECE8; border-left:1px solid #7074AA; border-right:1px solid #7074AA;} 
.fg3 {background:#EBECE8; border-left:1px solid #7074AA; border-right:1px solid #7074AA;} 
.fg4 {background:#EBECE8; border-left:1px solid #7074AA; border-right:1px solid #7074AA;}
.fg1 {margin:0 5px; background:#7074AA;}
.fg2 {margin:0 3px; border-width:0 2px;}
.fg3 {margin:0 2px;}
.fg4 {height:2px; margin:0 1px;}

/* footer transparent, border red */
.ftr1, .ftr2, .ftr3, .ftr4 {display:block; overflow:hidden;}
.ftr1, .ftr2, .ftr3 {height:1px;}
.ftr2 {background:Transparent; border-left:1px solid #CD0000; border-right:1px solid #CD0000;} 
.ftr3 {background:Transparent; border-left:1px solid #CD0000; border-right:1px solid #CD0000;} 
.ftr4 {background:Transparent; border-left:1px solid #CD0000; border-right:1px solid #CD0000;}
.ftr1 {margin:0 5px; background:#CD0000;}
.ftr2 {margin:0 3px; border-width:0 2px;}
.ftr3 {margin:0 2px;}
.ftr4 {height:2px; margin:0 1px;}

/* footer light red, border red */
.flr1, .flr2, .flr3, .flr4 {display:block; overflow:hidden;}
.flr1, .flr2, .flr3 {height:1px;}
.flr2 {background:#FBF5F6; border-left:1px solid #CD0000; border-right:1px solid #CD0000;} 
.flr3 {background:#FBF5F6; border-left:1px solid #CD0000; border-right:1px solid #CD0000;} 
.flr4 {background:#FBF5F6; border-left:1px solid #CD0000; border-right:1px solid #CD0000;}
.flr1 {margin:0 5px; background:#CD0000;}
.flr2 {margin:0 3px; border-width:0 2px;}
.flr3 {margin:0 2px;}
.flr4 {height:2px; margin:0 1px;}

/* footer light gray, border blue */
.fw1, .fw2, .fw3, .fw4 {display:block; overflow:hidden;}
.fw1, .fw2, .fw3 {height:1px;}
.fw2 {background:#FAFBF7; border-left:1px solid #7074AA; border-right:1px solid #7074AA;} 
.fw3 {background:#FAFBF7; border-left:1px solid #7074AA; border-right:1px solid #7074AA;} 
.fw4 {background:#FAFBF7; border-left:1px solid #7074AA; border-right:1px solid #7074AA;}
.fw1 {margin:0 5px; background:#7074AA;}
.fw2 {margin:0 3px; border-width:0 2px;}
.fw3 {margin:0 2px;}
.fw4 {height:2px; margin:0 1px;}

/* footer white, border blue */
.fwh1, .fwh2, .fwh3, .fwh4 {display:block; overflow:hidden;}
.fwh1, .fwh2, .fwh3 {height:1px;}
.fwh2 {background:White; border-left:1px solid #7074AA; border-right:1px solid #7074AA;} 
.fwh3 {background:White; border-left:1px solid #7074AA; border-right:1px solid #7074AA;} 
.fwh4 {background:White; border-left:1px solid #7074AA; border-right:1px solid #7074AA;}
.fwh1 {margin:0 5px; background:#7074AA;}
.fwh2 {margin:0 3px; border-width:0 2px;}
.fwh3 {margin:0 2px;}
.fwh4 {height:2px; margin:0 1px;}


