/* ------------- MAIN STYLE SHEET --------------------- */

/*  This is the main style sheet which defines the basic
 *  look and feel for the community site. It includes
 *  aspects such as text font, color and  background
 *  color.  */

/* phoenix $Id: style.css 1.31 2002/05/28 11:47:35 daves Exp $ */

/* ------------- All ---------------------------------- */

body {
    margin: 0; padding: 0;
    background-image: url(/Resource.phx/plaza/images/rand_bg.gif);
    background-color: #FFFFFF; color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px;
	scrollbar-face-color: #EDF3F3;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #666666;
	scrollbar-darkshadow-color: #666666;
	scrollbar-track-color: #EDF3F3;
	scrollbar-arrow-color: #666666;
}

    /* --------- Relative font sizes ------------------ */

small {
    font-size: 9px;
}

big {
    font-size: 12px; line-height: 90%;
}

a {
	font-size: 9px;
	text-decoration: none;
	color: #003366;
}

a:hover {
	color: #999999;
}

form {
    margin: 0; padding: 0;
}

input {
	font-size: 9px;
	color: #666666;
	background-color: #FFFFFF;
}

select {
	font-size: 9px;
	color: #666666;
	background-color: #FFFFFF;
}

textarea {
	font-size: 12px;
	color: #666666;
	background-color: #FFFFFF;
}

    /* --------- Small print -------------------------- */

.phx-legal {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7px; font-weight: normal;
}

    /* --------- Intra-page links --------------------- */

.phx-goto {
    font-size: 9px; font-weight: bold;
}
p.phx-goto {
    margin-top: 1em; margin-bottom: 1em;
}
.phx-goto a {
    background-color: transparent; color: #CC3300;
}

    /* --------- Titles ------------------------------- */

.phx-title {
    font-size: 12px; font-weight: bold;
}

    /* --------- Attention flags ---------------------- */

.phx-attention {
    padding-left: 0.2em; padding-right: 0.2em;
    background-color: #CC3333; color: #FFFFFF;
    font-size: 90%; font-weight: bold; font-variant: small-caps;
    vertical-align: top;
}

    /* --------- Column headings ---------------------- */

.phx-colheader {
    font-weight: bold;
}

    /* --------- Buttons ------------------------------ */

.phx-buttons form p {
    margin: 0; padding: 0;
}

.phx-buttons img {
    vertical-align: middle;
}
.phx-buttons a img {
    vertical-align: middle;
}
.phx-buttons input {
    vertical-align: middle;
}
.phx-buttons form img {
    vertical-align: middle;
}

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

.phx-banner {
    margin: 0; padding: 0;
    background-color: #FFFFFF; color: #000000; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px; font-weight: normal;
}

/* ------------- Service ------------------------------ */

.phx-service {
    margin: 0; padding: 0.3em;
    background-color: #FFFFFF; color: #000000; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px; font-weight: normal;
}

.phx-service a {
    background-color: transparent; color: #333399; 
}

.phx-service .phx-colheader {
    font-size: 10px;
}

    /* --------- Inform ------------------------------- */

.phx-service .phx-inform {
    margin: 0.3em 0.1em 0.5em 0.1em; padding: 0.2em;
    border-bottom: thin solid #660000; padding-bottom: 0.4em;
    background-color: #FFFFFF; color: #666666; 
    font-size: 10px; font-weight: bold;
    text-align: right;
}
.phx-service .phx-inform a {
    background-color: transparent; color: #707070; 
}

/* ------------- Common Styles ------------------------ */

    /* --------- Error -------------------------------- */

.phx-service .phx-error {
    margin: 0.3em 0.1em 0.5em 0.1em; padding: 0.2em;
    border-bottom: thin solid #660000; padding-bottom: 0.4em;
    background-color: #FFFFFF; color: #000000; 
    font-size: 10px;
}

    /* --------- Service navigation ------------------- */

.phx-service .phx-navigation {
    margin: 0.3em 0.1em 0.5em 0.1em; padding: 0.2em;
    border-bottom: thin solid #660000; padding-bottom: 0.4em;
    background-color: #FFFFFF; color: #000000; 
    font-size: 10px; font-weight: bold;
}

.phx-service .phx-navigation a {
    background-color: transparent; color: #333399; 
}

    /* --------- Service header ----------------------- */

.phx-service .phx-header {
    margin: 0.2em 0; border: 0.2em solid #EFEFEF; padding: 0;
    background-color: #EFEFEF; color: #000000; 
    font-size: 12px; font-weight: bold;
}
.phx-service .phx-header th {
    margin: 0; border: none; padding: 0.2em;
}
.phx-service .phx-header td {
    margin: 0; border: none; padding: 0.2em;
}
.phx-service .phx-header p {
    margin: 0; border: none; padding: 0.2em;
}
.phx-service .phx-header .phx-commands {
    white-space: nowrap;
}

.phx-service .phx-header a {
    background-color: transparent; color: #333399;
}

    /* --------- Service buttons ---------------------- */

.phx-service .phx-buttons a img {
    background-color: #EFEFEF; color: #000000; 
}
.phx-service .phx-buttons input {
    background-color: #EFEFEF; color: #000000; 
    font-weight: bold;
}
.phx-service .phx-buttons a:hover img {
    background-color: #EFEFEF; color: #000000; 
}
.phx-service .phx-buttons input:hover {
    background-color: #EFEFEF; color: #000000; 
}
.phx-service .phx-buttons form p {
    margin: 0; padding: 0;
}
.phx-service .phx-buttons form img {
    background-color: #EFEFEF; color: #000000; 
}

.phx-service .phx-header .phx-buttons a {
    background-color: #EFEFEF; color: #000000; 
}
.phx-service .phx-header .phx-buttons a:hover {
    background-color: #EFEFEF; color: #000000; 
}

    /* --------- End-of-page navigation --------------- */

.phx-service .phx-navbottom {
    margin: 2em 0.1em 0.3em 0.1em; padding: 0.2em;
    border-top: thin solid #660000; padding-top: 0.4em;
    background-color: #FFFFFF; color: #000000; 
    font-size: 10px; font-weight: bold;
}
.phx-service .phx-navbottom  a {
    background-color: transparent; color: #333399;
}

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

/* ------------- Common Styles ------------------------ */

p {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

tr {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

td {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

ul {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

/* ------------- Background color for service --------- */

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

.shcolor {
    background-color: #EFEFEF; color: #000000; 
}
.shcolor a {
    background-color: transparent; color: #333399; 
}

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

.error {
    background-color: #CC3333; color: #FFFFFF; 
}

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

div.servicenavigation a {
     background-color: transparent; color: #333399;
}

div.servicecommands a {
    background-color: transparent; color: #333399; 
}

.serviceheader {
    background-color: #EFEFEF; color: #000000; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px; font-weight: bold;
}

.fieldheader {
    font-weight: bold;
}

.columnheader {
    font-weight: bold;
}

.column {
    font-size: 10px;
}

.big {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px; font-weight: bold;
}

.small {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
}

.small2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
}

.smaller {
    font-size: smaller;
}

.highlite {
    color: #666666;
}

.inform {
    background-color: #FFFFFF; color: #666666;
    font-size: 10px; font-weight: bold;
}
.inform a {
    background-color: transparent; color: #707070; 
}

.introduction {
	font-size: 12px;
    color: #91A1B0;
}

.subheader {
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
    color: #91A1B0;
line-height: 15px;
margin-bottom: 8px;
}

.subheader2 {
	font-size: 12px;
	font-weight: bold;
    color: #91A1B0;
}

.bigheader {
	font-size: 20px;
	font-weight: bold;
	line-height: 62px;
    color: #91A1B0;
}

.bigheader_special {
	font-size: 20px;
	font-weight: bold;
    color: #91A1B0;
}

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

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

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

/* plaza $Id: style.css 1.31 2002/10/11 11:04:58 daves Exp $ */

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

.phxplaza-banner {
    border-bottom: 0.2em solid black;
    margin: 0; padding: 0;
    background-image: url(/Resource.phx/plaza/images/header-background.jpg);
    background-color: #FFFFFF; color: #000000; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px; font-weight: normal;
}
.phxplaza-banner img {
    vertical-align: middle;
}

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

td.phxplaza-menu {
    border-right: 0.2em solid #000000;
    margin: 0; width: 20%; padding: 0.3em;
}
.phxplaza-menu {
    background-color: #FFFFFF; color: #000000; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px; font-weight: normal;
}

.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: 10px;
}

    /* --------- 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 {
    border-style: solid; border-color: #CC3333; 
}

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

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

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

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

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

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

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

.phxplaza-footer {
    border-top: 0.2em solid red;
    margin: 0; padding: 0.3em;
    background-image: url(/Resource.phx/plaza/images/footer-background.gif);
    background-color: #FFFFFF; color: #000000; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px; 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: 9px;
    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: Verdana, Arial, Helvetica, sans-serif;
}

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

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

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

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

.legal {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7px; font-weight: normal;
}

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

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

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

.intraheader{
	margin-top:15px;
	margin-bottom:15px;
	font: 21px Arial;
	color: #888890;
}

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