body
    {
    margin-top:       0px;
    margin-right:     0px;
    margin-bottom:    5px;
    margin-left:      0px;
    font-size:        11px;
    color:            #000080;
    font-family:      verdana,
                      helvetica;
background: #d4d5d8 url(../pic/psykobg1.gif) repeat-x scroll 0% 0%;
    }

td
    {
    font-family: verdana, arial, helvetica;
    color:       #000080;
    font-size:   11px;
    }


/* Peruslinkit */
A:link
    {
    color:           #687989;
    text-decoration: undeline;
    font-family:     arial,
                     verdana,
                     helvetica;
    }

A:visited
    {
    color:           #687989;
    text-decoration: none;
    font-family:     arial,
                     verdana,
                     helvetica;
    }

A:hover
    {
    color:           #0000ff;
    text-decoration: none;
    font-family:     arial,
                     verdana,
                     helvetica;
    }

A:active
    {
    color:           #c00000;
    text-decoration: none;
    font-family:     arial,
                     verdana,
                     helvetica;
    }



/* Peruslinkit */
.underline:link
    {
    color:           #687989;
    text-decoration: underline;
    font-family:     arial,
                     verdana,
                     helvetica;
    }

.underline:visited
    {
    color:           #687989;
    text-decoration: underline;
    font-family:     arial,
                     verdana,
                     helvetica;
    }

a.underline:hover
    {
    color:           #0000ff;
    text-decoration: none;
    font-family:     arial,
                     verdana,
                     helvetica;
    }


/* Alalinkit */
A.bottomlink:link
    {
    color:           #404040;
    text-decoration: none;
    font-family:     arial,
                     verdana,
                     helvetica;
    }

A.bottomlink:visited
    {
    color:           #404040;
    text-decoration: none;
    font-family:     arial,
                     verdana,
                     helvetica;
    }

A.bottomlink:hover
    {
    color:           #0000c0;
    text-decoration: underline;
    font-family:     arial,
                     verdana,
                     helvetica;
    }

A.bottomlink:active
    {
    color:           #c00000;
    text-decoration: none;
    font-family:     arial,
                     verdana,
                     helvetica;
    }





.copy {margin: 7px 10px 10px 10px;
color: #8687a2;}

.maintablecell {padding: 10px 10px 10px 10px;}
.maintablecell1 {padding: 10px 5px 10px 10px;}
.maintablecell2 {padding: 10px 10px 10px 5px;}

.fadebottom {
line-height: 28px;
text-align: center;
background: #e3e7ed url(../pic/fade_bg4.jpg) repeat scroll 0% 0%;}

.fadelogin {
line-height: 35px;
background: #e3e7ed url(../pic/fade_bg4.jpg) repeat scroll 0% 0%;
border-bottom: 1px solid #687989;}

.vertiline {margin: 0px 5px 0px 5px;}

.mainpic1 {border-left: 8px solid #93b0d1;
padding: 0px 0px 0px 1px;
margin: 0px 0px 10px 10px;}


.mainpic {border: 1px solid #93b0d1;
padding: 3px 3px 3px 3px;
margin: 0px 0px 10px 10px;}

.logincell {padding: 10px 10px 10px 10px;
background-image: url(../pic/login_fadebg3.jpg);
background-repeat: repeat-x;}


.head1 {color:#000080;
font-size: 14px;}


.head2 {

background-image: url(../pic/verti_fade.jpg);
background-repeat: no-repeat;
padding: 2px 5px 2px 5px;
line-height: 16px;
border-left: 5px solid #6a9cd5;}


.head3 {

border-bottom: 2px solid #6a9cd5;
line-height: 16px;}

.head4 {
font-size: 14px;
border-bottom: 2px solid #6a9cd5;
line-height: 16px;
padding: 0px 5px 2px 0px;}

.head5 {
font-size: 14px;
line-height: 16px;}

.usertablehead {padding: 0px 5px 0px 5px;
line-height: 16px;
background: #e3e7ed url(../pic/fade_bg4.jpg) repeat scroll 0% 0%;}

.usertablecell {padding: 3px 5px 3px 5px;
background: #e3e7ed url(../pic/fade_bg6.jpg) repeat scroll 0% 0%;}


.infobutton {padding: 2px 5px 2px 5px;
}

.buttonstyle
    {
    font-weight:      bold;
    font-size:        11px;
    font-family:      Arial,
                      Tahoma,
                      Verdana,
                      Sans-Serif;
    background-color: #f0f2f4;
    color:            #000000;
    border: 1px solid black;
    padding:          2px 12px 2px 12px;
    vertical-align:   middle;
    cursor:           hand;
    }

.lightblue { 
font-family: Arial,Verdana,Sans-Serif;
font-size: 12px;
font-weight: normal;
background-color: #f9f9fb;
color: #4040FF;
border-bottom : #C2C3EA solid 1px;
border-left : #C2C3EA solid 1px;
border-right : #C2C3EA solid 1px;
border-top : #C2C3EA solid 1px;
vertical-align: middle;
}


.red {color: red;}


.jobtable {
margin: 0px 0px 10px 0px;}


.job1 {padding: 2px 10px 2px 0px;}
.job2 {padding: 2px 0px 2px 0px;}