/***********************************************/
/* Stylesheet For Use with Customer Center  v6 */
/*            March 2004                       */
/***********************************************/



body.rightwindow {background-color: beige;}

body.topwindow {background-color: beige;}

body.leftpanel {background-color: #053E5B;}

body.popup-assist {background-color: #D6DFE7;}




/*** NEW Mobile Customer+Center  START */

body.rightwindow {background-color: white;}

body.BPrightwindow {
		color: #000000;
		background-repeat: no-repeat;
	}

body.topwindow {background-color: white;}
body.BPtopwindow {
				color: #FFFFFF;
	}

body.leftpanel {background-color: #053E5B;}

body.BPleftpanel {
background: black;		
}
.BPleftpanel td {
	background-repeat: no-repeat;
	border-bottom: 2px solid #A5A5A6;
}

.BPleftpanel td:hover {
		background-color:#DFDFDF
}


body.popup-assist {background-color: #D6DFE7;}

/*** NEW Mobile Customer+Center  END */



/*********************************************************************/
/* panelbutton family is for use with Tech+Center left-panel buttons */
/*********************************************************************/


a.panelbutton        { color: #18658C;
          text-decoration: none;
          font-weight: bold;
           font-family:  arial, verdana, helvetica, sans-serif;
          font-size: 11;
          
         }

a.panelbutton:hover  { color:  #053E5B;
           font-weight: bold;
           font-family:  verdana, arial,  helvetica, sans-serif;
          
           font-size: 11;
          
         }

a.panelbutton:active  { color:  #a00000;
           font-weight: bold;
           font-family:  verdana, arial,  helvetica, sans-serif;
           font-size: 11;
          
         }
         
     
         
/*********************************************************/
/* Tinyprint is used for small help reminders and such   */
/*********************************************************/
        
.TinyPrint  { 
                    font-family: verdana, arial, helvetica, sans-serif;
                    font-size: 9;

                   }
                   
/***************************************************************/
/* The "Tight" family are used together as a group to control  */
/* tightly formated tabular output such as produced by MyCases */
/***************************************************************/


a:hover { 
	text-decoration: underline;
}.TightBodyTextLink {

          font-family: verdana, arial, helvetica, sans-serif;
          font-size: 11;
	text-decoration: none;          
		}


.TightBodyText { 
          font-family: verdana, arial, helvetica, sans-serif;
          font-size: 11;
          background-color: #F3F3F3;
		}

.TightBodyTextGreyOut { 
          color: gray;
          font-family: verdana, arial, helvetica, sans-serif;
          font-size: 11;
          background-color: #E5EEF6;
		}


.TightBodyTextHilight { 
          font-family: verdana, arial, helvetica, sans-serif;
          font-size: 11;
          background-color: #C0C0C0;
		}
		
.TightBodyTextTotal { 
          color: black;
          font-family: verdana, arial, helvetica, sans-serif;
          font-size: 11;
          background-color: #CFF4E8;
		}

.TightBodyTextOpen {
	color: green;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11;
	background-color: #E5EEF6;
	}
.TightBodyTextClosed {
	color: red;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11;
	background-color: #E5EEF6; 
	}


/*		
.TightTableWrapper {
		border-width: 1px;
		border-style: solid;
		border-color: black;
		background-color: #c0c0c0;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
		}
		*/
	.TightTableWrapper {
		border-width: 1px;
		border-style: solid;
		border-color: black;
		background-color: #c0c0c0;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;			
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;		
		
		}
	
.FormBoxWrapper {
		border-width: 1px;
		border-style: solid;
		border-color: black;
		background-color: #C0C0C0;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 5px;
		padding-right: 5px;
		}
		
.CalendarBodyText { 
          font-family: verdana, arial, helvetica, sans-serif;
          font-size: 14;
          background-color: #E5EEF6;
		}
.CalendarBodyToday { 
          font-family: verdana, arial, helvetica, sans-serif;
          font-size: 14;
          background-color: yellow;
		}
		
.CalendarListText { 
          font-family: verdana, arial, helvetica, sans-serif;
          font-size: 12;
          background-color: #E5EEF6;
		}
.CalendarListToday { 
          font-family: verdana, arial, helvetica, sans-serif;
          font-size: 12;
          background-color: yellow;
		}
		
/*****************************************************************/
/* The "Box" family are used together as a trio to control small */
/* collections of informative text such as the info box at the   */
/* customer-information summary at the top of the detailed       */
/* customer-display screen and ypdate form                       */
/*****************************************************************/	
		
.BoxBodyText { 
          font-family: verdana, arial, helvetica, sans-serif;
          font-size: 11;
          color: black;
          font-style: normal;
		}

.BoxBodyTextHilight { 
          font-family: verdana, arial, helvetica, sans-serif;
          font-size: 11;
          color: steelblue;
          font-style: italic;
		}
		
		
/* 11/23/12
.BoxTableWrapper {
		border-width: 1px;
		border-style: solid;
		border-color: black;
		background-color: #D6DFE7;

		}
	*/	
.BoxTableWrapper {
		border-width: 1px;
		border-style: solid;
		border-color: black;
		background-color: #D6DFE7;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;			
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;		

		}
		

/*****************************************************************/
/* The "BusinessCard" family are used in creating the Business   */
/* Card display top-left in TCaseForm display                    */
/*****************************************************************/

.BusinessCardWrapper {
                background-color: white;
		border-width: 1px;
		border-style: solid;
		border-color: black;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 5px;
		padding-right: 5px;
		}
		
.BusinessCardTitle {
		font-family:  'Arial', 'Helvetica';
		font-weight: bold;
		font-size: 10pt;
		color: black;
        }
	
.BusinessCardText {
		font-family:  'Arial', 'Helvetica';
		font-size: 9pt;
		color: black;
        }
        
 .BusinessCardTextSmall {
 		font-family:  'Arial', 'Helvetica';
 		font-size: 8pt;
 		color: black;
        }
 .BusinessCardlabel {
  		font-family:  'Arial', 'Helvetica';
  		font-size: 8pt;
  		color: blue;
  		font-weight: normal;
        }
		
		
/*****************************************************************/
/* SimpleWrapper is used to draw a 1 pixel line around a table   */
/* and establish some padding if used at the <td> level          */
/*                                                               */
/* BGWrapper is the same but specifies a BGColor  rather than    */
/* inheriting whatever bgcolor it sits on                        */
/*****************************************************************/			
		
		
.SimpleWrapper {
		border-width: 1px;
		border-style: solid;
		border-color: black;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 5px;
		padding-right: 5px;
		}
		
/*.BGWrapper {
		border-width: 1px;
		border-style: solid;
		border-color: black;
		background-color: silver;
		padding-top: 3px;
		padding-bottom: 5px;
		padding-left: 3px;
		padding-right: 5px;
		}
		*/
		
.BGWrapper {
		border-width: 1px;
		border-style: solid;
		border-color: black;
		background-color: silver;
		padding-top: 3px;
		padding-bottom: 5px;
		padding-left: 3px;
		padding-right: 5px;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;			
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;		
		}
		
		
.CustomerLogoWrapper {
		border-style: solid;

 		border-top-width: 5px;
 		border-bottom-width: 5px;
  		border-left-width: 5px;
 		border-right-width: 5px;

 		border-top-color: #ADC8D8;
  		border-bottom-color: #06538a;
   		border-left-color: #6194b1;
   		border-right-color: #6194b1;
		}
		
.WhiteboardWrapper {

                background-color: #E7E7CF;
		border-style: solid;

 		border-top-width: 5px;
 		border-bottom-width: 5px;
  		border-left-width: 5px;
 		border-right-width: 5px;

 		border-top-color: #ADC8D8;
  		border-bottom-color: #06538a;
   		border-left-color: #6194b1;
   		border-right-color: #6194b1;
   		
		}
		
.WhiteboardText {

		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 12;
		color: black;
		font-style: normal;
   		
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 10px;
		padding-right: 10px;
		}
		
/*******************************************************************/
/* Outerformwrapper, Innerformwrapper, & MinorForm Tile are used   */
/* as a trio together to control overall appearance of a form.     */
/* 								   */
/* InnerformWrapperTight is a variant for use  when inter-lining of*/ 
/* form elements is achieved by explicit <tr>'s rather than        */
/* table-level cellpadding or cellspacing			   */
/*                                                                 */
/* Outerformwrapper establishes the body for a complete form (unit */
/* of submission) but large forms are broken down into smaller     */       
/* chunks or subforms which are defined using Innerformwrapper(s)  */
/*                                                                 */
/* MinorFormTitle is used for titleing these chunks or subforms    */
/*******************************************************************/			
		
/*.Outerformwrapper {
		border-width: 1px;
		border-style: solid;
		border-color: black;
		background-color: #f3f3f3;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
		padding-right: 5px;
		}
*/
.Outerformwrapper {
		border-width: 1px;
		border-style: solid;
		border-color: black;
		background-color: #f3f3f3;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
		padding-right: 5px;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;			
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;	
		}
/*
.InnerformWrapper {
		border-width: 1px;
		border-style: solid;
		border-color: black;
		background-color: #c0c0c0;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
		}
		*/
.InnerformWrapper {
		border-width: 1px;
		border-style: solid;
		border-color: black;
		background-color: #c0c0c0;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;			
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;		
		
		}

.InnerformWrapperTight {
		border-width: 2px;
		border-style: solid;
		border-color: black;
		background-color: #C0C0C0;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 2px;
		padding-right: 2px;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;			
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;		
		}
/*		
.InnerformWrapperTight {
		border-width: 2px;
		border-style: solid;
		border-color: black;
		background-color: #C0C0C0;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 2px;
		padding-right: 2px;
		}
*/		
.MinorFormTitle  { 
                    font-family: verdana, arial, helvetica, sans-serif;
                    font-size: 12;
                    font-weight: bold;
		    border-width: 1px;
		    border-style: solid;
		    border-color: black;
		    background-color: #d7d7d7;
		    padding-top: 3px;
		    padding-bottom: 3px;
		    padding-left: 25px;
		    padding-right: 25px;                    
                    
                    
                   }
                   
 .lightline   {
                background-color: #888888;
               }
/*******************************************************************/
/* MinorScreentTitleFixed and MajorScreenTitleValue are a duo used */           
/* where a screen title consists of both a "fixed" invariant part  */
/* and a second part which is a database derived variable value    */
/*******************************************************************/   
                   
.MajorScreenTitleFixed  { 
                    font-family: Times;
                    font-size: 20;
		    background-color: #d7d7d7;
		    padding-top: 3px;
		    padding-bottom: 3px;
		    padding-left: 25px;
		    padding-right: 25px;                    
                    
                    
                   }
                   
.MajorScreenTitleValue  { 
                    font-family: verdana, arial, helvetica, sans-serif;
                    font-size: 18;
		    background-color: #eeeeee;
		    padding-top: 3px;
		    padding-bottom: 3px;
		    padding-left: 25px;
		    padding-right: 25px;                    
                    
                    
                   }
                   
 .MajorRedBanner {
                     font-family: verdana, arial, helvetica, sans-serif;
                     font-size: 22;
 		     color: red;
 		     font-weight: bold;
                 }
                 
                 
.MajorBlackBanner {
                       font-family: verdana, arial, helvetica, sans-serif;
                       font-size: 18;
   		     color: black;
   		    
                 }
                   
/*****************************************************************/
/* MinorScreentTitle and TitleInsert are a duo used in           */           
/* for "minor" screen headings such as at the top of "My Cases"  */
/*****************************************************************/                  
                   

.MinorScreenTitle  { 
                    font-family: verdana, arial, helvetica, sans-serif;
                    font-size: 12;
                    font-weight: bold;
		    background-color: #F3F3F3;
		    padding-top: 3px;
		    padding-bottom: 3px;
		    padding-left: 5px;
		    padding-right: 5px;                    
                    
                    
                   }
                   
.TitleInsert  {font-family: verdana, arial, helvetica, sans-serif;
               font-size: 12;
               font-weight: bold;
               background-color: #eeeeee;

               }
               
/************************************************************************/
/* ColumnLabel is used for column headings in data tables - tends       */           
/* to be used with the "Tight" family of styles that control the table  */
/************************************************************************/     

.ColumnLabel { color: black;
          font-family: verdana, arial, helvetica, sans-serif;
          font-size: 12;
          font-weight: bold;
          background-color: #E0E0E0;
		}
		
.ColumnLabelHilight { color: black;
          font-family: verdana, arial, helvetica, sans-serif;
          font-size: 12;
          font-weight: bold;
          background-color: #C0C0C0;
		}
		
/**********************************************************************/
/* The Menu family are special cases for the Customer+Center          */
/* "Main menu pull-down"  and similar                                 */
/**********************************************************************/
		
		
.MenuLabel { 
                    font-family: verdana, arial, helvetica, sans-serif;
                    color: #E4E4E4;
                    font-size: 16;
                    font-weight: bold;
		    border-width: 0px;
		    border-style: solid;
		    border-color: black;
		    background-color: #186ead;
		    padding-top: 3px;
		    padding-bottom: 3px;
		    padding-left: 25px;
		    padding-right: 25px;                    
                                     
                   }
                   
 .menutext { 
           color:  #4F4F4F;
           font-family: verdana, arial, helvetica, sans-serif;
           font-size: 12;
           font-weight: bold;
           background-color: #F3F3F3;
           }
           
  .menutextsub { 
            color:  #4F4F4F;
            font-family: verdana, arial, helvetica, sans-serif;
            font-size: 12;
            font-weight: normal;
            background-color: #F3F3F3;
           }

  .menutextsubmobile { 
            color:  #4F4F4F;
            font-family: verdana, arial, helvetica, sans-serif;
            font-size: 5;
            font-weight: normal;
            background-color: #F3F3F3;
           }





  /*         
 .MenuWrapper {
 		border-style: solid;
                background-color: #F3F3F3;
  		border-top-width: 1px;
  		border-bottom-width: 1px;
   		border-left-width: 1px;
  		border-right-width: 1px;
 
  		border-top-color: gray;
   		border-bottom-color: gray;
    		border-left-color: gray;
    		border-right-color: gray;
		}
   */       
 .MenuWrapper {
 		border-style: solid;
                background-color: #F3F3F3;
  		border-top-width: 1px;
  		border-bottom-width: 1px;
   		border-left-width: 1px;
  		border-right-width: 1px;
 
  		border-top-color: gray;
   		border-bottom-color: gray;
    		border-left-color: gray;
    		border-right-color: gray;
			border-top-left-radius: 8px;
			border-top-right-radius: 8px;			
			border-bottom-left-radius: 8px;
			border-bottom-right-radius: 8px;		

		}

/************************************************************************/
/* This family of style definitions  are used as a group within Forms 	*/
/*                                                                      */
/* FormLabel controls a text label describing a form input element      */
/* when that label is horizontally adjacent to the field it is labeling */
/*									*/
/* FormLabelSuper controls a text label describing a form input element */
/* when that label is vertically just above the field it is labelling	*/
/* 									*/
/* FormBoxHolder controls the form input element itself                 */
/*									*/
/* Formspacer and Formdivider are used to provide extra space or        */
/* dividing lines between form elements respectively                    */
/************************************************************************/ 


		
.formlabel { 
           color: #303030;
          font-family: verdana, arial, helvetica, sans-serif;
          font-size: 11;
          background-color: #f3f3f3;
          }
          
.formlabelsuper { 
           color: #303030;
          font-family: verdana, arial, helvetica, sans-serif;
          font-size: 11;
          font-weight: bold;
          background-color: #f3f3f3;
          }
          
.formboxholder { 
           font-family: verdana, arial, helvetica, sans-serif;
           font-size: 11;
           background-color: #F3F3F3;
 		}
 
.formlisting { 
            font-family: verdana, arial, helvetica, sans-serif;
            font-size: 11;
           background-color: darkseagreen;
		}
.FormTable  {       background-color: black;

		    padding-top: 3px;
		    padding-bottom: 3px;
		    padding-left: 25px;
		    padding-right: 25px;                    
                    
 
                   }

		
		
.formspacer {
           background-color: #f3f3f3;
             }
             
.formdivider {
           background-color: #A0A0A0;
             }            
		
/************************************************************************/
/* DataLabel and DataValue are used as a duo when Label/Value pairs are */           
/* displayed on the screen as simple data (i.e. Not within a  Form)     */
/* Plaintext is the same but with no color specified - inherits what is */
/* there rather than forcing the color                                  */
/* Plaintext 1,2,3 and 4 are "rotating" colors used in a circular       */
/* fashion when multiple text streams need to be differentiated         */
/************************************************************************/ 
       
          
.datalabel { 
          color: black;
          font-family: verdana, arial, helvetica, sans-serif;
          font-size: 11;
          

		}				
		
.datavalue { 
          color: black;
          font-family: verdana, arial, helvetica, sans-serif;
          font-size: 11;
          
          
             }
             
.plaintext {
          font-family: verdana, arial, helvetica, sans-serif;
          font-size: 11;

             }
 
 .plaintext1 {
 	   color: red;
           font-family: verdana, arial, helvetica, sans-serif;
           font-size: 11;
 
             }
  
 .plaintext2 {
  	   color: yellow;
            font-family: verdana, arial, helvetica, sans-serif;
            font-size: 11;
  
             }
 
 .plaintext3 {
 	   color: green;
           font-family: verdana, arial, helvetica, sans-serif;
           font-size: 11;
 
             }
             
 .plaintext4 {
  	   color: navy;
            font-family: verdana, arial, helvetica, sans-serif;
            font-size: 11;
  
             }
             
 .InstructionText {
  	   color: black;
            font-family: verdana, arial, helvetica, sans-serif;
            font-size: 12;
  
             }  
             
  .InstructionTextBold {
   	   color: black;
             font-family: verdana, arial, helvetica, sans-serif;
             font-size: 12;
             font-weight: bold;
   
             } 
  
    .SurveyText {
    	        color: black;
    	        background-color:  #F3F3F3;  
                font-family: verdana, arial, helvetica, sans-serif;
                font-size: 11;
 		border-top-width: 1px;
 		border-bottom-width: 1px;
  		border-left-width: 1px;
 		border-right-width: 0px;
		border-style: solid;
  		border-top-color: gray;
   		border-bottom-color: gray;
    		border-left-color: gray;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 15px;
		padding-right: 5px;
		} 
		
  .SurveyFormField {
    	        color: red;
    	        background-color:  #F3F3F3;  
                font-family: verdana, arial, helvetica, sans-serif;
                font-size: 11;
		border-width: 1px;
		border-style: solid;
  		border-top-color: gray;
   		border-bottom-color: gray;
    		border-right-color: gray;		
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 5px;
		padding-right: 5px;
		}            
             
/************************************************************************/
/* Following are the default controls for Form elements (Input, Select, */           
/* and Textarea) - i.e.. they are invoked on such elements by default   */
/* without needing to specify and explicit class=                       */
/*                                                                      */
/* If you want to have a Form element different to these defaults, you  */
/* will need to define a different style with an explicit name (dotted) */
/* and reference that with a class= qualifier                           */
/************************************************************************/ 

             
input { 
          font-family: verdana, arial, helvetica, sans-serif;
          font-size: 11;


		}
		
#forsubmitbutton { 
          font-family: verdana, arial, helvetica, sans-serif;
          font-size: 12;
          background-color: #909090;
          font-weight: bold;

		}
		
#forradiobuttonred { 
          font-family: verdana, arial, helvetica, sans-serif;
          font-size: 11;
          background-color: #ff0000;

		}
		
#forradiobuttongreen { 
          font-family: verdana, arial, helvetica, sans-serif;
          font-size: 11;
          background-color: #00ff00;

		}		
		
select { 
          font-family: verdana, arial, helvetica, sans-serif;
          font-size: 11;
          background-color: #ffffff;

		}
		
		
		
textarea { 
          font-family: verdana, arial, helvetica, sans-serif;
          font-size: 11;
          background-color: #ffffff;

		}

		
		
body.customer {background-color: white;}	

.customer-left-panel {
 		border-style: solid;
                background-color: cornsilk;
  		border-top-width: 0px;
  		border-bottom-width: 0px;
   		border-left-width: 0px;
  		border-right-width: 2px;
 



    		border-right-color: black;
		}


.customer-right-header {
 		border-style: solid;
                background-color: white;
  		border-top-width: 0px;
  		border-bottom-width: 0px;
   		border-left-width: 0px;
  		border-right-width: 0px;
    		border-bottom-color: gray;
		}
		


.Customer-MenuLabel1 { 
                    font-family: verdana, arial, helvetica, sans-serif;
                    color: gray;
                    font-size: 14;
                    font-weight: bold;
		    border-width: 0px;
		    border-style: solid;
		    border-color: black;
		    background-color:  #F3F3F3;
		    padding-top: 3px;
		    padding-bottom: 3px;
		    padding-left: 3px;
		    padding-right: 3px;                    
                    
                    
                   }
                   

  .Customer-Logo-Head { 
                    font-family: verdana, arial, helvetica, sans-serif;
                    color: gray;
                    font-size: 20;
                    font-weight: normal;
 		    background-color:  #F3F3F3;                  
                   } 
                   
  .Customer-Screen-Title { 
                    font-family: Times;
                    color: black;
                    font-size: 24;
                    font-weight: Bold;                  
                   } 
 /*                  
  .Customer-FAQ-wrapper {
                   
    		border-style: solid;
  		border-width: 1px;
    		border-color: gray;
		}  
		*/
.Customer-FAQ-wrapper {

		border-style: solid;
		border-width: 1px;
		border-color: gray;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;			
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;		
		}                
                
 .Customer-FAQ-Summary { 
                    font-family: verdana, arial, helvetica, sans-serif;
                    color: black;
                    font-size: 12;
                    font-weight: bold;                  
                   }
   /* 11/23/12                
 .Customer-FAQ-sub-box-wrapper {
 		border-width: 1px;
 		border-style: solid;
 		border-color: black;
 		background-color:   #F3F3F3;
 		padding-top: 1px;
 		padding-bottom: 1px;
 		padding-left: 3px;
 		padding-right: 3px;
		}
	*/	
 .Customer-FAQ-sub-box-wrapper {
        font-family: verdana, arial, helvetica, sans-serif;
 		border-width: 1px;
 		border-style: solid;
 		border-color: black;
 		background-color:   #F3F3F3;
 		padding-top: 1px;
 		padding-bottom: 1px;
 		padding-left: 3px;
 		padding-right: 3px;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;			
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;		
 		
		}
	/*	
.FAQ-large-box-wrapper {
                font-family: verdana, arial, helvetica, sans-serif;
                color: black;
                font-size: 14;
                font-weight: bold;    
 		border-width: 1px;
 		border-style: solid;
 		border-color: black;
 		padding-top: 3px;
 		padding-bottom: 3px;
 		padding-left: 10px;
 		padding-right: 10px;
		}
*/
.FAQ-large-box-wrapper {
                font-family: verdana, arial, helvetica, sans-serif;
                color: black;
                font-size: 14;
 		border-width: 1px;
 		border-style: solid;
 		border-color: black;
 		padding-top: 3px;
 		padding-bottom: 3px;
 		padding-left: 10px;
 		padding-right: 10px;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;			
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;		
 		
		}
                   
 .customer-select-box
                  {
                    font-family: verdana, arial, helvetica, sans-serif;
                     color: #E4E4E4;
                     font-size: 16;
                     font-weight: normal;
                     background-color:   #F3F3F3;
                  }
                  
  select.customer
  
                    {
                      font-family: verdana, arial, helvetica, sans-serif;
                       color: black;
                       font-size: 12;
                       font-weight: normal;
                       background-color:  white;
                  }
                  
.date-display
                    {
                      font-family: verdana, arial, helvetica, sans-serif;
                       color: gray;
                       font-size: 12;
                       font-weight: bold;
                  }

/*********************************************************************/
/* Both below are new BP */
/*********************************************************************/

a.BPpanelbutton       { 
		color: #2F2727;
		text-decoration: none;
		font: .7em arial, verdana, helvetica, sans-serif; 
		font-weight: bold;
         }

a.BPpanelbutton:hover  {
		font: .7em  arial, verdana, helvetica, sans-serif;
		color:  blue;
		font-weight: bold;
         }

a.BPpanelbutton:active  { 
		color:  #a00000;
		font-weight: bold;
		font-family: .7em verdana, arial,  helvetica, sans-serif;
		text-decoration: none;
		font-size: 11;
         }
	
html {
	height: 100%;
}