/*********************************************************************
**                                                                  **
** BNINet (c) BNI 2007                                              **
** Developed by Jeremy Kahn Associates                              **
**                                                                  **
** File: http/bfe.css                                               **
** History:                                                         **
**  16-Apr-07  JIK  Initial creation                                **
**  10-Aug-07  JIK  rtl                                             **
**  17-Aug-07  RWB  increase welcome font size                      **
**  03-Sep-07  JIK  and grey it a bit                               **
**  20-Sep-07  JIK  errHead                                         **
**  29-Jan-08  JIK  iCRM                                            **
**  30-Mar-08  JIK  Q108 enhancements                               **
**  20-Apr-08  JIK  layout tweaks                                   **
**  08-Jul-08  RWB  print 2nd page problem: contextAndMain          **
**  15-Sep-08  JIK  helpFld                                         **
**                                                                  **
** Function:                                                        **
**  BFE style sheet                                                 **
**                                                                  **
*********************************************************************/

BODY {
   font-family: arial, sans-serif;
   font-size: smaller;
/*   background-color: #FBF7F9;*/
   font-style: normal;
/* background-color: #FEFFF7; */
   background-color: #E1E1E1;
   }

A{
   text-decoration: none;
   font-style: normal;
   }

A:hover{
   }

#outer{
   }

#containerPanel{
   font-size: 95%;
   }

#banner{
   font-family: Verdana, arial, sans-serif;
   color: #6e0708;
   font-size: 180%;
   background-color: white;
   height: 62px;
   margin-top: 1px;
   margin-right: 10px; 
   margin-bottom: 1px;
   border-top: #501111 solid 3px;
   border-bottom: #501111 solid 3px;
   padding: 3px;
/* stuff for the 'welcome' text */
   line-height: 60px;
   text-align: center;
   width: 100%;
   }

#sideBarCell,#contextAndMain{
   vertical-align: top;
   }

.contextAndMain{
   border-top: #501111 solid 3px;
   border-bottom: #501111 solid 3px;
   background-color: white;
   margin-top: 3px;
   padding-top: 5px;
   padding-left: 5px;
   padding-right: 5px;
/* height: 100%; causes 2nd print page to be blank */
   height: 100%;
   }

#sideBar{
   width: 150px;
   border-left: #A0A0A0 solid 1px;
   border-right: #A0A0A0 solid 1px;
   border-top: #501111 solid 3px;
   border-bottom: #501111 solid 3px;
/*
   border-left: #501111 solid 3px;
   border-right: #501111 solid 3px;
*/
   background-color: #CCCCCC;
/* background-color: white;*/
   font-size: 90%;
   }


#logo{
   background-color: white;
   font-weight: bold;
   padding: 4px;
   border-top: #501111 solid 3px;
   border-bottom: #501111 solid 3px;
   }   

.search{
   padding: 3px 3px;

   text-align: center;
   }

.search fieldset{
   background-color: #CCCCCC;
   }

.search input{
   width: 120px;
   margin-bottom: 3px;
   }

#sideMenu{ 
   border-bottom: #501111 solid 3px;
/*   background-color: #CCCCCC;*/
/*   strange interacion of bc with divs in sideMenu, so moved to sideBar */
   font-weight: bold;
   }   

#sideMenu A{
   display: block;
   color: #333333;
   padding: 3px 3px;
   margin-bottom: 1px;
   border-bottom: #BBBBBB solid 1px;
   }

#sideMenu .helpAnchor A{
   border-bottom: 0px; 
   }

#sideMenu .delete{
   color: #F33942;
   }

#sideMenu A:hover {
   background-color: #DDDDDD;
   }

#sideMenu #helpMenu{
   background-color: #EEEEEE;
   padding-left: 20px;
   display: none;
   }

.menuSection {
   background-color: #EEEEEE;
   padding-left: 20px;
   display: none;
   }

.helpAnchor A{
   float: right;
   }

.rtl .helpAnchor A{
   float: left;
   }


#sideBar #footer {
/*   margin-top: 10px;*/
   padding: 5px;
   text-align: center;
   vertical-align: top;
   font-size: 80%;
/*
   height: 2000px;
   color: #CCCCCC;
   background-color: #501111;
*/
   }

.disabled{
   display: block;
   color: #B0B0B0;
   padding: 3px 3px;
   border-bottom: #BBBBBB solid 1px;
   }

#path{
   background-color: #E0E0E0;
   margin-top: 3px;
   margin-bottom: 10px;
   border: #A0A0A0 solid 1px;
   font-weight: normal;
   font-size: 95%;
   color: #555555;      
   vertical-align: top;
   width: 100%;
   }

#path .pathItem{
   border-right: #BBBBBB solid 1px;
   padding: 3px;
   margin-left: 3px;
   display: inline;
   font-weight: bold;
   }

#path .lastItem{
   border-right: 0px;
   }

#path .pathItemRtl{
/* border-left: #BBBBBB solid 1px;*/
   padding: 3px;
   margin-right: 3px;
   display: inline;
   font-weight: bold;
   }

#path .lastItemRtl{
   border-left: 0px;
   }


.tag{
   color: #501111;
   }

#path A{
   text-decoration: underline;
   color: #555555;
   }

#path A:hover {
   background-color: #DDDDDD;
   color: #000000;
   }

#path .pageTitle{
   font-weight: bold;
   }

.queryPanel,.displayPanel,.updatePanel,.resultsPanel,.roamPanel,.reportPanel{
   margin-right: 10px; 
   border-left: #A0A0A0 solid 1px;
   color: #202020;
   padding: 3px;
   margin-top: 3px;
   margin-bottom: 3px;
   }


.forum, .announce{
   background-color: white;
   margin-right: 10px; 
   border-left: #A0A0A0 solid 1px;
   padding: 3px;
   }

.forum .sectionHead .sectionMarker, .announce .sectionHead .sectionMarker{
   display: none;
   }

.forum .sectionHead A, .announce .sectionHead A{
   font-weight: normal;
   color: black;
   }

.note{
   font-weight: normal;
   font-size: 90%;
   display: inline;
   margin-left: 10px;
   }

.marked{
   color: #A0A0A0;
   }

.announce, .forum{
   margin-top: 10px;
   }

.forum .messageCount{
   font-weight: normal;
   display: inLine;
   }

.thread, .announceBox{
   width: 600px;
   border-top: #A0A0A0 solid 1px;
   padding: 5px;
   margin: 5px;
   display: block;
/* background-color: #E0E0E0;*/
   }


.messageHeader{
  display: inline;
  border-bottom: #E0E0E0 solid 1px;
  font-family: courier new, monospace;
  font-size: 85%;
  }

.itemPerson{
   display: inline;
   margin-left: 5px;
   } 

.itemDate{
   display: inline;
   margin-left: 5px;
   border-right: #E0E0E0 solid 1px;
   padding-right: 5px;
   } 

.itemCount{
   display: inline;
   border-right: #E0E0E0 solid 1px;
   padding-right: 5px;
   }

.itemText{
   margin-top: 10px;
   margin-bottom: 10px;
   font-size: 110%;
   }

.thread .marked{
   color: #A0A0A0;
/*   background-color: #E0E0E0; */
   }


.announce .marked{
   font-size: 70%;
  }

TD.textBox{
   border-left: #A0A0A0 solid 1px;
   padding: 3px;
   }

.forumMessage, .announceMessage{
   padding: 5px;
   margin: 5px;
   border-left: #A0A0A0 solid 1px;
   }

.forumMessage{
   display: block;
   }

.unMarked{
   }   

.marked{
   font-weight: normal;
   }

.announceMessage .date{
   display: inline;
   font-family: courier new, monospace;
   }

.announceMessage .text{
   display: block;
   }


.mainPage{
   display: block;
   background-color: white;
   padding-bottom: 3px;
  }


.forumUrl{
   display: inline;
   }

.urlSection{
   margin-bottom: 3px;
   }


.announceBox A, .urlSection A, .forumUrl A{
   color: #000055;
   border-top: #A0A0A0 solid 1px;
   border-bottom: #A0A0A0 solid 1px;
   background-color: #D0D0E0;
   font-size: 85%;
   }
*/
.announceBox A:hover, .urlSection A:hover, .forumUrl A:hover{
   background-color: #B0B0B0;
   }

.announceBox A:visited, .urlSection A:visited, .forumUrl A:visited{
   color: #000055;
   }

.announce .announceBox A{
   margin-left: 5px;
   }

.textArea{
   border: #A0A0A0 solid 1px;
   }

.panelBody{
   display: block;
   margin-left: 38px;
   }

/* this fails
.reportPanel tr{
  border-bottom: black solid 1px;
  }
*/

.reportPanel .tableHeader{
   color: #000070;
   border-bottom: #A0A0A0 solid 1px;
   }

.resultsPanel .tableHeader{
   color: #000070;
/*
   font-weight: bold;
*/
   border-bottom: #A0A0A0 solid 1px;
   }

.displayPanel .tableHeader{
   color: #000070;
/*
   font-weight: bold;
*/
   border-bottom: #A0A0A0 solid 1px;
   }

.updatePanel .tableHeader{
   color: #000070;
/*
   font-weight: bold;
*/
   border-bottom: #A0A0A0 solid 1px;
   }


.resultsPanel A{
   color: #0000FF;
   }

.reportPanel A{
   color: #0000FF;
   }

.displayPanel A{
   color: #0000FF;
   }

.resultsPanel A:hover{
   background-color: #999999;
   }

.reportPanel A:hover{
   background-color: #999999;
   }

.displayPanel A:hover{
   background-color: #999999;
   }

.roamPanel A{
   color: #0000FF;
   }

.roamPanel A:hover{
   background-color: #999999;
   }


.roamPanel .sectionHead{
   display: block;
   border: 0;
   }  
   
.roleContainer{
   padding-top: 10px;
   }


.roleContainer .innerPanel{
   border-left: #A0A0A0 solid 1px;
   margin-top: 10px;
   margin-left: 6px;
   display: block;
   }

.roleContainer .innerPanel .preLaunch A{
   color: #A0A0A0;
   }

.roleContainer .panelBody{
   margin: 5px;
   }
   
.roleContainer .item{
   display: block;
   padding-top: 5px;
   padding-left: 0px;
   margin-top: 5px;
   }

.roleContainer .orgType{
   display: block
   font-weight: bold;
   font-size: 115%;
   color:  #000070;
   padding-top: 10px;
   padding-bottom: 6px;
   text-decoration: underline;
   }  


.roleContainer .membType{
   display: inline;
   font-weight: normal;
   }

.roleContainer A{
   font-weight: bold;
   display: block;
   color: #000050;
   padding: 3px 3px;
   margin-bottom: 1px;
   text-align: center;
   background-color: #D0D0D0;
   border: #A0A0A0 solid 1px;
   }

.roleContainer  A.thisRole{
   border: #A0A0A0 solid 3px;
   background-color: #F0F0F0;
   }


.roleContainer .orgName{
   }

img{
   border: 0;
   }

.loginPanel, .otherPanel{
   background-color: white;
   margin-top: 3px;
   margin-right: 10px; 
   border: #A0A0A0 solid 1px;
/*
   border-left: #501111 solid 3px;
   border-right: #501111 solid 3px;
*/
   color: black;
   padding: 3px;
   }

.radioBox{
   background-color: white;
   margin: 5px;
/* border-top: #D0D0D0 solid 1px;*/
   border-left: #A0A0A0 solid 1px;
   color: black;
   padding: 3px;
   }

.RWB-disable-loginPanel{
   width: 50%;
   }

.normalInp,.normalDisp{
   font-weight: normal;
   }

.queryPanel .title {
   border-left: #501111 solid 3px;
   border-right: #501111 solid 3px;
   padding: 3px;
   font-weight: bold;
   }
 
.queryPanel .prompt {
   text-align: left;
   font-weight: bold;
   }   

.displayPanel .prompt{
   text-align: left;
   font-weight: bold;
   }   

.updatePanel .prompt{
   width: 130px;
   font-weight: bold;
  }

.healthCheck .prompt{
   width: 70%;
   font-weight: normal;
   }

/* some attempt to line up values, but not really worth it
.prompt {
   width: 300px;
   }
TD.normalDisp, TD.normalInp, TD.readOnly, TD.mandatory, TD.hilight {
   width: 75%;
   }
*/

.sectionMarker{
/* border-left: #501111 solid 5px;*/
   display: inline;
   background-color: #501111;
   margin-right: 5px;
   margin-left: 0;
   }

.sectionTitle{
   border-bottom: #E0E0E0 solid 1px;
   padding-top: 1px;
   font-weight: bold;
   padding-bottom: 5px;
   margin-bottom: 10px;
   color: black;
   }

.sectionHead{
/* padding: 3px;*/
   display: inline;
   border-bottom: 0;
   }   


.threadHeader{
   width: 100%;
   background-color: white;
   color: black;
   border-bottom: #E0E0E0 solid 1px;
   }

.marked .sectionHead{
   font-weight: normal;
   }

.marked .sectionHead A{
   font-weight: normal;
   }

.errHead{
   color: #700000;
   }

.sectionHead A{
   color: black;
   }

.sectionHead A:hover{
   background-color: #DDDDDD;
   }     

.showControl {
   display: block;
   float: left;
   font-family: courier new, monospace;
   font-size: 93%;
   }

.rtl .showControl{
   float: right;
   }

.showControl A{
   color: #0000FF;
   }

.showControl A:hover{
   background-color: #DDDDDD;
   color: #000000;
   }

.sectionControl{
   background-color: white; /* overrides locked, relevant for invoice lines */
   margin-top: 2px;
   margin-bottom: 2px;
   }

.hideThis{
   display: none;
   }
.hideControl{
   display: none;
   }

.mandPrompt{
   display: inline;
   color: red;
   font-size: 95%;
   }

TR.list0 { /* !!! also used for header row */
   background-color: #D8D8D8;
   }
TR.list1 {
   background-color: #E8E8E8;
   }
TR.list2 {
   background-color: #E8AAAA;
   }
TR.deleted {
   background-color: #FF6666;
   }

TD.hilight {
   background-color: transparent;
   }

.hilight {
   background-color: #FFCCCC;
   }

.displayPanel .deleted {
   background-color: #FF6666;
   }
.displayPanel .locked {
   background-color: #EEEEEE;
   }

.attendance {
   text-align: right;
   }

.money {
   text-align: right;
   }

/************ invoice printing *************/

.invoice {
   font-size: 12pt;
   font-weight: normal;
   font-family: times, serif;
   }
.invoiceLabel {
   border: none;
   font-size: 12pt;
   font-weight: normal;
   font-family: times, serif;
   }
.invoiceLine {
   border-top: none;
   border-bottom: none;
   border-left: none;
   font-size: 12pt;
   font-weight: normal;
   font-family: courier, monospace;
   }
.invoiceData {
   border: none;
   font-size: 12pt;
   font-weight: normal;
   font-family: courier, monospace;
   }
.invoiceDataSmall {
   border: none;
   font-size: 10pt;
   font-weight: normal;
   font-family: courier, monospace;
   }
.invoiceFromAddress {
   font-size: 12pt;
   font-weight: normal;
   font-family: times, serif;
   font-style: normal;
   }
.invoiceFromVAT {
   font-size: 10pt;
   font-weight: normal;
   font-family: times, serif;
   font-style: normal;
   }
.invoiceFromName {
   font-size: 20pt;
   font-weight: normal;
   font-family: times, serif;
   font-style: normal;
   }
.invoiceType {
   font-size: 15pt;
   font-weight: normal;
   font-family: times, serif;
   font-style: normal;
   }
.invoiceToAddress {
   font-size: 12pt;
   font-weight: normal;
   font-family: times, serif;
   font-style: normal;
   }
.invoicePaidStamp {
   font-size: 20pt;
   font-weight: bold;
   font-family: stencil, serif;
   font-style: normal;
   text-align: center;
   }

address{
   font-style: normal; 
   }

.total{
   font-weight: bold;
   }

.translate{
   display: inline;
   }

.translate A{
   color: green;
   }

#sideMenu .translate A{
   color: green;
   }

.translateTable TD{
   padding: 5px;
   }

.translateTable .tableHeader{
   border-bottom: #A0A0A0 solid 1px;
   }

form{ 
   padding: 0;
   margin: 0;
   }


.create{
   vertical-align: top;
   }

.updatePanel fieldSet{
  margin-left: 35px;
  margin-top: 3px;
  padding: 3px;
  background-color: #EEEEEE;
  }

.displayPanel fieldSet{
  margin-left: 35px;
  margin-top: 3px;
  padding: 3px;
  border: 0px;
  }

.goalEntry .tableHeader{
   color: #000070;
   border-bottom: #A0A0A0 solid 1px;
   }

.goalEntry .tableData{
   border-bottom: #CCCCCC solid 1px;
   }

.qrySubmit{  
   font-size: 90%;
   background-color: #CCCCCC;
   width: 150px;
   border: #A0A0A0 solid 1px;
   border-left: #A0A0A0 solid 3px;
/*   border-right: #501111 solid 3px; */
   color: #202020;
   padding: 3px;
   margin-left: 25px;
   margin-top: 20px; 
   margin-bottom: 10px;
   }
 
.qrySubmit  A{
   display: block;
   color: #333333;
   font-weight: bold;
   padding: 3px 3px;
   border-bottom: #BBBBBB solid 1px;
   margin-bottom: 1px;
/* border-top: #BBBBBB solid 1px;*/
   }
   

.qrySubmit  A:hover{
   background-color: #DDDDDD;
   }

TR.electOfficer {
   padding-top: 6px;
   }

.absent{
   color: red;
   }

.activated{
   color: red;
   }


.helpWin{
   margin: 0px;
   width: 340px;
   position: absolute;
   top: 100px;
   left: 200px;
   }

.helpBox{
   font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
   margin: 20px;
   padding: 2px;
   font-size: 120%;
   background-color: #EEEEEE;
   border-top: 2px solid #880000;
   border-bottom:2px solid #880000;
   border-left: 1px solid #909090;
   }

.helpWin .helpText{
   border: #black solid 1px;
   display: block;
   background-color: white;
   margin: 2px;
   padding: 2px;
   margin-right: 0px;
   }

.helpWin .helpTitle{
   display: block;
   width: 80%;
   font-weight: bold;
   text-decoration: underline;
   margin-bottom: 3px;
   }

.helpIcon{
   float:right; 
   }

@media screen {
   .screenOnly {display: float;}
   .printOnly  {display: none;}
   }

@media print {
   .screenOnly {display: none;}
   .printOnly  {display: float;}
   .hideThis {display: block}
   .displayPanel{border: none}
   }