/* $Header: /data/cvs/kunta3/kunta/phx/def/localized/en/sivut/css/style-colors.htx,v 1.9 2005/11/23 07:03:27 al Exp $ */

/* GROUP COLOR CHOICE:  */

/*********************** ADMINS CUSTOMED COLORS *************************/

/* ------------- PLAZA STYLE SHEET -------------------- */

/*  This style sheet extends phoenix/style.css  for a
 *  Pl@za service.  */

/* plaza $Id: style.css 1.34 2004/10/14 09:47:22 daves Exp $ */

/* ------------- Banner ------------------------------- */

.phxplaza-banner {
    border-bottom: 0.3em solid #BDBDBD;
    margin: 0; padding: 0;
    background-image: url(/Resource.phx/plaza/images/header-background.jpg);
    background-color: #FFFFFF; color: #000000; 
    font-family: Arial, Verdana, sans-serif;
    font-size: small; font-weight: normal;
    background-position: top right; background-repeat: no-repeat;
}
.phxplaza-banner img {
    vertical-align: middle;
}

/* ------------- Menu --------------------------------- */

td.phxplaza-menu {
    margin: 0; width: 20%; padding: 0.3em
}
.phxplaza-menu {
    background-color: #EEEEEE; color: #000000;
    font-family: Arial, Verdana, sans-serif;
    font-size: 101%; font-weight: normal
}
.phxplaza-menu a {
    background-color: transparent; color: #333399
}

.phxplaza-menu p {
    margin-top: 0.5em; margin-bottom: 0.8em;
    white-space: nowrap
}

.phxplaza-menu form {
    margin-top: 0.5em; margin-bottom: 0.8em;
}
.phxplaza-menu form p {
    margin: 0
}
.phxplaza-menu form input {
    font-size: small;
}

    /* --------- Menu buttons ------------------------- */

.phxplaza-menu form input {
    vertical-align: middle;
}
.phxplaza-menu form img {
    vertical-align: middle;
}

    /* --------- Dynamic menu ------------------------- */

.phxplaza-menu div dl {
    margin: 0; padding: 0.2em;
}
.phxplaza-menu div dl dt {
    display: block; padding: 0.1em;
    font-weight: bold;
}
.phxplaza-menu div dl dd {
    margin-left: 0.5em;
}
.phxplaza-menu div dl dd a {
    display: block; padding: 0.1em; padding-left: 0.2em;
}
.phxplaza-menu div dl dd a:hover {
    background-color: #FFFFFF;  
    border-color: #E0E0E0; 
}

.phxplaza-menu-navigation {
    margin-top: 0.1em; margin-bottom: 0.1em;
    background-color: #EBEBEB; color: #000000;
}
.phxplaza-menu-navigation dl dt {
    white-space: nowrap;
}
.phxplaza-menu-navigation dl dd a {
    border: thin solid #EBEBEB; 
    background-color: #EBEBEB; color: #000000;
    white-space: nowrap;
}

.phxplaza-menu-modify {
    margin-top: 0.1em; margin-bottom: 0.1em;
    background-color: #EBEBEB; color: #000000;
}
.phxplaza-menu-modify dl dt {
    white-space: nowrap;
}
.phxplaza-menu-modify dl dd a {
    border: thin solid #EBEBEB; 
    background-color: #EBEBEB; color: #000000;
    white-space: nowrap;
}

.phxplaza-menu-service {
    margin-top: 0.1em; margin-bottom: 0.1em;
    background-color: #EBEBEB; color: #000000;
}
.phxplaza-menu-service dl dt {
    white-space: nowrap;
}
.phxplaza-menu-service dl dd a {
    border: thin solid #EBEBEB; 
    background-color: #EBEBEB; color: #000000;
    white-space: nowrap;
}

.phxplaza-menu-personal {
    margin-top: 0.1em; margin-bottom: 0.1em;
    background-color: #EBEBEB; color: #000000;
}
.phxplaza-menu-personal dl dt {
    white-space: nowrap;
}
.phxplaza-menu-personal dl dd a {
    border: thin solid #EBEBEB; 
    background-color: #EBEBEB; color: #000000;
    white-space: nowrap;
}

.phxplaza-menu-admin {
    margin-top: 0.1em; margin-bottom: 0.1em;
    background-color: #EBEBEB; color: #000000;
}
.phxplaza-menu-admin dl dt {
    white-space: nowrap;
}
.phxplaza-menu-admin dl dd a {
    border: thin solid #EBEBEB; 
    background-color: #EBEBEB; color: #000000;
    white-space: nowrap;
}

.phxplaza-menu-login {
    margin-top: 0.1em; margin-bottom: 0.1em;
    background-color: #EBEBEB; color: #000000;
}
.phxplaza-menu-login dl dt {
    white-space: normal;
}
.phxplaza-menu-login dl dd a {
    border: thin solid #EBEBEB; 
    background-color: #EBEBEB; color: #000000;
    white-space: nowrap;
}

/* ------------- Footer ------------------------------- */

.phxplaza-footer {
    border-top: 0.4em solid #DFDFDF;
    margin: 0; padding: 0.3em;
    background-image: url(/Resource.phx/plaza/images/footer-background.gif);
    background-color: #FFFFFF; color: #000000; 
    font-family: Arial, Verdana, sans-serif;
    font-size: 87%; font-weight: normal;
}

/* ************* Backward compatibility *************** */

.communityname {
    font-size: large;
    font-style: italic;
    font-weight: 700;
}

.servicename {
    font-size: large;
    font-weight: 700;
}

body.sig {
    background-color: #FFFFFF; color: #000000;
}
body.community {
    background-color: #FFFFFF; color: #000000;
}

/* ------------- Styles for uppermenu ----------------- */

.uppermenu {
    background-color: #CCCCCC;
}

.navigbar {
    background-color: #000000;
    color: #FFFFFF;
}

/* ------------- Styles for Plaza's Menu -------------- */
                    
.menutitle {
    color: #000000;
    font-weight: 600;
}

.menutxt {
    color: #000000;
    font-size: 101%;
    font-weight: 500;
}

/* ------------- Background for menu sections --------- */

td.menu {
    background-color: #FFFFFF;
}
td.menu1 {
    background-color: #FFFFFF;
}
td.menu2 {
    background-color: #FFFFFF;
}
td.menu3 {
    background-color: #FFFFFF;
}
td.menu4 {
    background-color: #FFFFFF;
}
td.menu5 {
    background-color: #FFFFFF;
}

/* ------------- Links in menu ------------------------ */

a.menu:link {
    text-decoration: none; color: #000000;
}       
a.menu:visited {
    text-decoration: none; color: #003333;
}
a.menu:active {
    text-decoration: none; color: #000000;
}   
a.menu:hover {
    text-decoration: underline; color: #000000;
}

/* ------------- Texts Styles  ------------------------ */

.plazacolumnheader {
    font-size: small;
    font-weight: 700;
    font-family: Arial, Verdana, sans-serif;
}

/* ------------- Layout Styles  ----------------------- */

.line1 {
    background-color: #000000;
}
.line2 {
    background-color: #FF0000;
}
.cell1 {
    background-color: #333333;
}

/* ------------- Layout Styles Texts  ----------------- */

.footerheader {
    font-family: Arial, Verdana, sans-serif;
    font-weight: bold;
}

.legal {
    font-family: Arial, Verdana, sans-serif;
    font-size: 87%; font-weight: normal;
}

.goto {
    font-size: 101%; font-weight: normal;
    background-color: inherit; color: #CC3300;
}

.superheader {
    color: #666666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 123%; font-weight: bold;
    text-decoration: none;
}

.addinfo {
    color: #990000;
    font-family: Arial, Verdana, sans-serif;
    font-size: 87%; font-weight: 500;
}

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