BODY { 
		color: white; 
/*		background: #3333CC;*/
/*		background: #6699FF;*/
/*		background: #666699;*/
		background: #6666CC;
		margin-left: 20%; 
		margin-right: 20%; 
		FONT-FAMILY: Arial;
		FONT-SIZE: 12;
}

A, A:active, A:link, A:visited
{
    TEXT-DECORATION: none;
    COLOR: #CCFFFF;
}
A:hover
{
    TEXT-DECORATION: underline;
}

H1
{
    margin-left: -5%;
/*    COLOR: #000066;*/
    color: #FFCC66;
    FONT-SIZE: 16;
    FONT-FAMILY: Arial;
    FONT-WEIGHT: bold;
}

H2
{
    margin-left: -5%;
/*    COLOR: #000066;*/
    color: #FFCC66;
    FONT-SIZE: small;
    FONT-FAMILY: Verdana;
    FONT-WEIGHT: bold;
}

H3
{
    MARGIN: 0px 0px 6px 0px;
    COLOR: #000066;
    FONT-SIZE: x-small;
    FONT-FAMILY: Verdana;
    FONT-WEIGHT: bold;
}

TABLE
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px;
    BORDER-COLLAPSE: collapse;
    border-color: white;
}

TD
{
    FONT-SIZE: 12;
    FONT-FAMILY: Verdana;
}

/* Asemointitaulukko */
TD.Layout
{
    PADDING: 0px 0px 0px 0px;
    MARGIN: 0px 0px 0px 0px;
    BORDER: none;
    VERTICAL-ALIGN: top;
}


/* Yläpalkin elementit */
#Header
{
    POSITION: relative;
    LEFT: 0px;
    TOP: 0px;
    RIGHT: 0px;
    BOTTOM: 0px;
    BACKGROUND-POSITION: left top;
    BACKGROUND-IMAGE: url(cs_logo.gif);
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 100;
    margin-left: -12%;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
/*    MARGIN: 0px 0px 4px 0px;*/
}

#HeaderMenuArea
{
    BACKGROUND-COLOR: #000066;
    POSITION: absolute;
    LEFT: 150px;
    TOP: 30px;
    RIGHT: -20%;
    BOTTOM: 0px;
    height: 30;
}
TD.HeaderMenu
{
    COLOR: white;
    font-size: 12;
    FONT-WEIGHT: bold;
    padding-top: 8px;
    padding-left: 6px;
    padding-bottom: 8px;
    padding-right: 6px;
}
.HeaderMenu A
{
    COLOR: white;
    FONT-WEIGHT: bolder;
    TEXT-DECORATION: none;
}
.HeaderMenu A:link
{
    COLOR: white;
    FONT-WEIGHT: bolder;
    TEXT-DECORATION: none;
}
.HeaderMenu A:active
{
    COLOR: white;
    FONT-WEIGHT: bolder;
    TEXT-DECORATION: none;
}
.HeaderMenu A:visited
{
    COLOR: white;
    FONT-WEIGHT: bolder;
    TEXT-DECORATION: none;
}
.HeaderMenu A:hover
{
    COLOR: white;
    FONT-WEIGHT: bolder;
    TEXT-DECORATION: underline;
}


/*Sivun tunnisteosa*/
#PageHeading
{
    margin-left: -10%;
    margin-top: 50;
/*    COLOR: #000066;*/
    color: #FFCC66;
    FONT-SIZE: 18;
    FONT-FAMILY: Arial;
    FONT-WEIGHT: normal;

/*    margin-left: -20%
    margin-top: 20;
	
    COLOR: #000066;
    FONT-SIZE: small;
    FONT-FAMILY: Arial;
    FONT-WEIGHT: bolder;*/
}

/*Missä olen nyt -polku*/
#Path
{
    FONT-FAMILY: Verdana;
    COLOR: #666666;
    TEXT-DECORATION: none;
    MARGIN: 1px 0px 2px 0px;
    FONT-SIZE: x-small;
    FONT-WEIGHT: normal;
}

.InfoMsg
{
    WIDTH: 100%;
    BORDER: #CCCCCC 1px solid;
    BACKGROUND: E6E6E6;
    MARGIN: 4px 0px 0px 0px;
    PADDING: 2px 4px 2px 4px;
    FONT-SIZE: x-small;
    FONT-WEIGHT: normal;
}

/*Sivun toimintopainikkeet*/
.Buttons
{
   PADDING: 0px 0px 4px 0px;
}
.ButtonText
{
    BORDER-TOP: #81180D 1px solid;
    BORDER-RIGHT: #81180D 1px solid;
    BORDER-BOTTOM: #81180D 1px solid;
    BORDER-LEFT: #81180D 1px solid;
    PADDING: 2px 2px 2px 2px;
    MARGIN-RIGHT: 4x;
}
.ButtonImage
{
    BORDER: none;
    CURSOR: hand;
/*    MARGIN-RIGHT: 4px; */
}


/*Kokoelmanäytön elementit*/
.ColumnDiv 
{
    WIDTH: 16px;
}
.ContentBlockHead
{
    TEXT-ALIGN: left;
    FONT-SIZE: x-small;
    FONT-WEIGHT: bold;
    PADDING: 2px 6px 2px 6px;
    BACKGROUND: E6E6E6;
    BORDER-TOP: #CCCCCC 1px solid;
    BORDER-RIGHT: #CCCCCC 1px solid;
    BORDER-LEFT: #CCCCCC 1px solid;
    COLOR: #333333;
}
.ContentBlock
{
    PADDING: 6px 6px 6px 6px; 
    BORDER-RIGHT: #CCCCCC 1px solid;
    BORDER-BOTTOM: #CCCCCC 1px solid;
    BORDER-LEFT: #CCCCCC 1px solid;
}

/*Lomake-elementit*/

TD.ShowAll
{
    BORDER-COLLAPSE: collapse;
    BORDER: #CCCCCC 1px solid;
    PADDING: 1 3 1 3;
    COLOR: #333333;
}

FORM
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
SELECT
{
}
INPUT
{
    COLOR: #333333;
    BORDER-RIGHT: #333333 1px solid;
    BORDER-TOP: #333333 1px solid;
    BORDER-LEFT: #333333 1px solid;
    BORDER-BOTTOM: #333333 1px solid
}
TEXTAREA
{
}

/*vaakaviiva <hr class="FormDiv" */
.FormDiv 
{
    WIDTH: 100%;
    HEIGHT: 1px;
    COLOR: #81180D;
    PADDING: 0px 0px 0px 0px; 
    MARGIN: 0px 0px 0px 0px; 
}

.FormInputDate
{
    WIDTH: 70px;
}

.FormInputS1
{
    WIDTH: 100px
}
.FormInputS2
{
    WIDTH: 150px
}
.FormInputHeadline
{
    COLOR: #333333;
}
.FormInputS3
{
    WIDTH: 250px
}
.FormInputS4
{
    WIDTH: 400px
}
.FormInputS2Reguired
{
    WIDTH: 150px;
    BACKGROUND-COLOR: #EFE0E0
}
.FormInputReadmode
{
    BACKGROUND-COLOR: #FFFFFF;
}
.FormInputWritemode
{
    BACKGROUND-COLOR: #FFFFFF
}
.FormInputS3Reguired
{
    WIDTH: 250px;
    BACKGROUND-COLOR: #EFE0E0
}
.FormInputWritemodeReguired
{
    BACKGROUND-COLOR: #EFE0E0
}
.FormInputReadmodeReguired
{
    BACKGROUND-COLOR: #EFE0E0
}
.FormInputS1reguired
{
    WIDTH: 100px;
    BACKGROUND-COLOR: #EFE0E0
}
.PageBodySubline
{
    FONT-WEIGHT: bolder;
    COLOR: #333333;
}
.FormInputWritemodeGroup
{
    BACKGROUND-COLOR: #FFFFFF
}
.FormInputReadmodeGroup
{
    BACKGROUND-COLOR: #FFFFFF
}
.FormInputS3Disabled
{
    BACKGROUND-COLOR: #E6E6E6
}


/*Listaukset*/
.ListlineHead
{
    FONT-FAMILY: Verdana;
    FONT-SIZE: x-small;
    TEXT-ALIGN: left;
    VERTICAL-ALIGN: top;
    FONT-WEIGHT: bolder;
    BACKGROUND-COLOR: #FFFFFF;
    COLOR: #333333;
}
.ListlineEven
{
}
.ListlineOdd
{
    BACKGROUND-COLOR: #EFE0E0;
    COLOR: #333333;
}
.ListlineEvenRight
{
    TEXT-ALIGN: right;
    COLOR: #333333;
}
.ListlineOddRight
{
    TEXT-ALIGN: right;
    BACKGROUND-COLOR: #EFE0E0;
    COLOR: #333333;
}