/* ------------ Main Style Sheet ------------ */
/* This is the main style sheet which define the basic look and feel for the
*/
/* community site. It includes aspects such as text font, color, background
color and so on. */

BODY {background-color: #FFFFFF;                                 /*
Background color, font size and style for all pages using body */
color: #000000;                                          
font-size: 10pt;
font-family: Arial, Verdana, sans-serif;}

body.minimal {background-color: #FFFFFF;                         /*
Background color for minimal layout */
color: #000000;}

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

p {font-family: Arial, Verdana, sans-serif;                      /* These
make sure that the text definitions reach */
font-size: 10pt;                                                 /* all the
texts.Use same definiton as with body */
color: #000000;}

tr {font-family: Arial, Verdana, sans-serif;                     /* These
make sure that the text definitions reach */ 
font-size: 8pt;                                                 /* all the
texts.Use same definiton as with body */
color: #000000;}

td {font-family: Arial, Verdana, sans-serif;                     /* These
make sure that the text definitions reach */ 
font-size: 8pt;                                                 /* all the
texts.Use same definiton as with body */
color: #000000;}

ul {font-family: Arial, Verdana, sans-serif;                     /* These
make sure that the text definitions reach */ 
font-size: 10pt;                                                 /* all the
texts.Use same definiton as with body */
color: #000000;}

/* ------------ Background color for border, service header and service
------------ */

.border {background-color: #FFFFFF;}

.shcolor {background-color: #FFFFFF;}

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

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

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

DIV.servicenavigation A{
text-decoration: none; 
color: #CC3300;}       

DIV.servicecommands A{
text-decoration: none; 
color: #FF0000;}       

.serviceheader {
font-family: Franklin Gothic Demi, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 14pt;
color: #666666;}

.fieldheader {
font-weight: 700;
font-size: 10pt;}

.menuheader {
font-family: Franklin Gothic Demi, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 10pt;
color: #666666;}

.columnheader {
font-family: Franklin Gothic Demi, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 11pt;
color: #666666;}

.column {font-size: 10pt;}

.contitle-S   {font-size: 8pt;}

.big {font-family: Arial, Verdana, sans-serif;
font-size: 14pt;
font-weight: 700;}

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

.small2 {
font-family: Arial, Verdana, sans-serif;
font-size: x-small}

.smaller {
font-size: smaller}

.highlite {color: #666666}

.inform {
font-weight: 700;
font-size: 10pt;
color: #008000;}

/* ------------- 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 $ */

/*  TEAMWARE WEB ADDITIONAL STYLES */

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

a.topmenu:link {
    text-decoration: none; color: #FFFFFF;
    font-weight: 600;
}       
a.topmenu:visited {
    text-decoration: none; color: #FFFFFF;
    font-weight: 600;
}
a.topmenu:active {
    text-decoration: none; color: #FFFFFF;
    font-weight: 600;
}   
a.topmenu:hover {
    text-decoration: underline; color: #FFFFFF;
    font-weight: 600;
}

a.footer:link {
    text-decoration: none; color: #FFFFFF;
}       
a.footer:visited {
    text-decoration: none; color: #FFFFFF;
}
a.footer:active {
    text-decoration: none; color: #FFFFFF;
}   
a.footer:hover {
    text-decoration: underline; color: #FFFFFF;
}

a.campaigntext:link {
    text-decoration: none; color: black;
    font-family: Franklin Gothic Demi, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 500;
}       
a.campaigntext:active{
    text-decoration: none;
    font-weight: 500;
}
a.campaigntext:visited{
    text-decoration: none;
    font-weight: 500;
}

a.campaigntext:hover {
    text-decoration: none; color: #FF0000;
    font-weight: 550;
}

a.product-grey:link {
    text-decoration: none; color: #666666;
    font-family: Franklin Gothic Demi, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
}       
a.product-grey:visited {
    text-decoration: none; color: #666666;
    font-family: Franklin Gothic Demi, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
}
a.product-grey:active {
    text-decoration: underline; color: #666666;
    font-family: Franklin Gothic Demi, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
}   
a.product-grey:hover {
    text-decoration: underline; color: #666666;
    font-family: Franklin Gothic Demi, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
}

.topintrotxt {
    color: #000000;
    font-size: 12 px;
}

.inputbox {
  font-family: Arial, sans-serif; 
  background-color: #FFFFFF; 
  border-top: 1px solid #66645E;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  border-left: 1px solid #66645E;
  color: #000000;
}

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

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

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

div.MenuLayer {
background-color: #FFFFFF;
margin: 2px;
color: #FFFFFF;
}
.inactiveMenuItem{
background-color: #E2E2E2;
margin: 1px;
padding: 2px;
}
.activeMenuItem {
background-color: #FFFFFF;
margin: 1px;
padding: 2px;
}
a.MenuLink:link {
text-decoration: none;
color: #000000;
width: 100%;
}
a.MenuLink:visited {
text-decoration: none;
color: #000000;
width: 100%;
}

.productsigheaderruler {
    width: 100%;
    padding: 0px;
    margin-bottom: 0px;
    
      border-bottom: 1px dotted #000000;
    
}

.productsigpagetitle {
    font-family:  $face_;
    color: #666666;
    text-align: left;
    font-weight: bold;
    font-size: 18px;
}

.productsigtextbg {
    background-color: EFEFEF;
    margin-left: 0px;
    padding: 5px
}

.productsigtexttitle {
    font-family:  $face_;
    color: #666666;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
}

.productsigtextmargin {
    margin-left: 0px;
}

.productsigruler {
    width: 100%;
    padding: 2px;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 15px;
    
      border-bottom: 1px dotted #000000;
    
}

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

td.phxplaza-menu {
    border-right: 0.1em solid #999999;
    margin: 0; padding: 0;
}
.phxplaza-menu {
    background-color: #FFFFFF; color: #000000; 
    font-family: Arial, Verdana, sans-serif;
    font-size: 90%; 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: medium;
}

    /* --------- 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: Arial, Verdana, sans-serif;
    font-size: 90%; 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: 90%;
    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: #333333;
}
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: 81%; font-weight: normal;
}

.goto {
    font-size: 90%; 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: 81%; font-weight: 500;
}

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