/***********************************************/
/* 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;}




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


a.panelbutton        {
	color: #18658C;
	text-decoration: none;
	font-weight: bold;
	font-family: "Trebuchet MS";
	font-size: 11px;
}

a.panelbutton:hover  { color:  #053E5B;
           font-weight: bold;
           font-family: "Trebuchet MS";
          
           font-size: 11px;
          
         }

a.panelbutton:active  { color:  #a00000;
           font-weight: bold;
           font-family: "Trebuchet MS";
           font-size: 11px;
          
         }
         
     
         
/*********************************************************/
/* Tinyprint is used for small help reminders and such   */
/*********************************************************/
        
.TinyPrint  { 
                   font-family: "Trebuchet MS";
                    font-size: 9px;

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


a.hover { color:  #a00000;
           font-weight: bold;
           font-family: "Trebuchet MS";
           font-size: 11px;
           Text-decoration: none;
}

.TightBodyTextLink {

          font-family: "Trebuchet MS";
          font-size: 11px;
	text-decoration: none;          
		}


.TightBodyText { 
         font-family: "Trebuchet MS";
          font-size: 11px;
          background-color: #eceef4;
		}

.TightBodyTextGreyOut { 
          color: gray;
         font-family: "Trebuchet MS";
          font-size: 11px;
          background-color: #E5EEF6;
		}


.TightBodyTextHilight { 
         font-family: "Trebuchet MS";
          font-size: 11px;
          background-color: #C0C0C0;
		}
		
.TightBodyTextTotal { 
          color: black;
         font-family: "Trebuchet MS";
          font-size: 12px;
          background-color: #CFF4E8;
		}

.TightBodyTextOpen {
	color: green;
	font-family: "Trebuchet MS";
	font-size: 11px;
	background-color: #E5EEF6;
	}
.TightBodyTextClosed {
	color: red;
	font-family: "Trebuchet MS";
	font-size: 11px;
	background-color: #E5EEF6; 
	}


		
.TightTableWrapper {
		border-width: 1px;
		border-style: solid;
		border-color: b9bbbd;
		background-color: #c0c0c0;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
	
		}
		
.FormBoxWrapper {
		border-width: 0px;
		border-style: solid;
		border-color: 808080;
		background-color: #C0C0C0;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 5px;
		padding-right: 5px;
		}
		
.CalendarBodyText { 
        font-family: "Trebuchet MS";
          font-size: 14px;
          background-color: #E5EEF6;
		}
.CalendarBodyToday { 
          font-family: "Trebuchet MS";
          font-size: 14px;
          background-color: yellow;
		}
		
.CalendarListText { 
         font-family: "Trebuchet MS";
          font-size: 12px;
          background-color: #E5EEF6;
		}
.CalendarListToday { 
          font-family: "Trebuchet MS";
          font-size: 12px;
          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: "Trebuchet MS";
          font-size: 11px;
          color: black;
          font-style: normal;
		}

.BoxBodyTextHilight { 
         font-family: "Trebuchet MS";
          font-size: 11px;
          color: steelblue;
          font-style: italic;
		}
		
		

.BoxTableWrapper {
		border-width: 1px;
		border-style: solid;
		border-color: black;
		background-color: #D6DFE7;

		}
		
		
/*****************************************************************/
/* 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: "Trebuchet MS";
		font-weight: bold;
		font-size: 10pt;
		color: black;
        }
	
.BusinessCardText {
		font-family: "Trebuchet MS";
		font-size: 9pt;
		color: black;
        }
        
 .BusinessCardTextSmall {
 		font-family: "Trebuchet MS";
 		font-size: 8pt;
 		color: black;
        }
 .BusinessCardlabel {
  		font-family: "Trebuchet MS";
  		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: #dddddd;
		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;
		}
		
.CustomerLogoWrapper {
		border-style: solid;

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

 		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: 1px;
 		border-bottom-width: 1px;
  		border-left-width: 1px;
 		border-right-width: 1px;

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

		font-family: "Trebuchet MS";
		font-size: 12px;
		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;
		}
		
.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;
		}
		
.InnerformWrapperTight {
		border-width: 1px;
		border-style: solid;
		border-color: black;
		background-color: #C0C0C0;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 2px;
		padding-right: 2px;
		}
		
.MinorFormTitle  { 
                    font-family: "Trebuchet MS";
                    font-size: 12px;
                    font-weight: bold;
		    border-width: 1px;
		    border-style: solid;
		    border-color: black;
		    background-color: #bec7dd;
		    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: "Trebuchet MS";
                    font-size: 18px;
		    background-color: #d7d7d7;
		    padding-top: 3px;
		    padding-bottom: 3px;
		    padding-left: 25px;
		    padding-right: 25px;                    
                    
                    
                   }
                   
.MajorScreenTitleValue  { 
                    font-family: "Trebuchet MS";
                    font-size: 18px;
		    background-color: #eeeeee;
		    padding-top: 3px;
		    padding-bottom: 3px;
		    padding-left: 25px;
		    padding-right: 25px;                    
                    
                    
                   }
                   
 .MajorRedBanner {
                    font-family: "Trebuchet MS";
                     font-size: 22;
 		     color: red;
 		     font-weight: bold;
                 }
                 
                 
.MajorBlackBanner {
                     font-family: "Trebuchet MS";
                       font-size: 18px;
   		     color: black;
   		    
                 }
                   
/*****************************************************************/
/* MinorScreentTitle and TitleInsert are a duo used in           */           
/* for "minor" screen headings such as at the top of "My Cases"  */
/*****************************************************************/                  
                   

.MinorScreenTitle  { 
                    padding: 3px 5px;
	font-family: "Trebuchet MS";
                    	font-size: 12px;
                    	font-weight: bold;
		    background-color: #eceef4;
	height: 30px;
}
                   
.TitleInsert  {font-family: "Trebuchet MS";
               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: #4f4f4f;
         font-family: "Trebuchet MS";
          font-size: 11;
          font-weight: normal;
          background-color: #E0E0E0;
		}
		
.ColumnLabelHilight { color: #4f4f4f;
          font-family: "Trebuchet MS";
          font-size: 11;
          font-weight: normal;
          background-color: #C0C0C0;
		}
			font-family: Verdana;
		font-size: 12px;
		color: #4f4f4f;
		
/**********************************************************************/
/* The Menu family are special cases for the Customer+Center          */
/* "Main menu pull-down"  and similar                                 */
/**********************************************************************/
		
		
.MenuLabel { 
                    font-family: "Trebuchet MS";
                    color: #E4E4E4;
                    font-size: 16px;
                    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 { 
          	font-family: "Trebuchet MS";
			font-size: 11px;
			color: #4f4f4f;
	background-color: #ECF1FF;
}
           
  .menutextsub { 
            color:  #4F4F4F;
           font-family: "Trebuchet MS";
            font-size: 12px;
            font-weight: normal;
            background-color: #ECF1FF;
           }
           
 .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;
		}
          

/************************************************************************/
/* 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: "Trebuchet MS";
	font-size: 12px;
	background-color: #eceef4;
}
          
.formlabelsuper { 
           color: #303030;
         font-family: "Trebuchet MS";
                    font-size: 12px;
          font-weight: normal;
          background-color: #eceef4;
          }
          
.formboxholder { 
           font-family: "Trebuchet MS";
           font-size: 12;
           background-color: #eceef4;
 		}
 
.formlisting { 
            font-family: "Trebuchet MS";
            font-size: 12;
           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: "Trebuchet MS";
          font-size: 11px;
          

		}				
		
.datavalue { 
          color: black;
        font-family: "Trebuchet MS";
          font-size: 11px;
          
          
             }
             
.plaintext {
          font-family: "Trebuchet MS";
          font-size: 11px;

             }
 
 .plaintext1 {
 	   color: red;
         font-family: "Trebuchet MS";
           font-size: 11px;
 
             }
  
 .plaintext2 {
  	   color: yellow;
           font-family: "Trebuchet MS";
            font-size: 11px;
  
             }
 
 .plaintext4 {
  	   color: navy;
           font-family: "Trebuchet MS";
            font-size: 11px;
  
             }
             
 .InstructionText {
  	   color: black;
           font-family: "Trebuchet MS";
            font-size: 1px2;
  
             }  
             
  .InstructionTextBold {
   	   color: black;
             font-family: "Trebuchet MS";
             font-size: 12px;
             font-weight: bold;
   
             } 
  
    .SurveyText {
    	        color: black;
    	        background-color:  #F3F3F3;  
               font-family: "Trebuchet MS";
                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: "Trebuchet MS";
                font-size: 11px;
		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: "Trebuchet MS";
          font-size: 11;


		}
		
#forsubmitbutton { 
          font-family: "Trebuchet MS";
          font-size: 11;
          background-color: #909090;
          font-weight: bold;

		}
		
#forradiobuttonred { 
         font-family: "Trebuchet MS";
          font-size: 11;
          background-color: #ff0000;

		}
.plaintext3 {
 	   color: green;
         font-family: "Trebuchet MS";
           font-size: 11;
 
             }
		
#forradiobuttongreen { 
         font-family: "Trebuchet MS";
          font-size: 11;
          background-color: #00ff00;

		}		
		
select { 
         font-family: "Trebuchet MS";
          font-size: 11;
          background-color: #ffffff;

		}
		
		
		
textarea { 
        font-family: "Trebuchet MS";
          font-size: 11;
          background-color: #ffffff;

		}

		
		
body.customer {background-color: ffffff;}	

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



    		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: "Trebuchet MS";
                    color: gray;
                    font-size: 12px;
                    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: "Trebuchet MS";
	color: #666666;
	font-size: 20px;
	font-weight: normal;
	background-color: #F3F3F3;
}
                   
  .Customer-Screen-Title { 
                   font-family: "Trebuchet MS";
                    color: black;
                    font-size: 18px;
                    font-weight: Bold;                  
                   } 
                   
  .Customer-FAQ-wrapper {
                   
    		border-style: solid;
  		border-width: 1px;
    		border-color: gray;
		}                
                   
 .Customer-FAQ-Summary { 
                    font-family: "Trebuchet MS";
                    color: black;
                    font-size: 12px;
                    font-weight: bold;                  
                   }
                   
 .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;
		}
		
.FAQ-large-box-wrapper {
                font-family: "Trebuchet MS";
                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;
		}

                   
 .customer-select-box
                  {
                  font-family: "Trebuchet MS";
                     color: #E4E4E4;
                     font-size: 16;
                     font-weight: normal;
                     background-color:   #F3F3F3;
                  }
                  
  select.customer
  
                    {
                     font-family: "Trebuchet MS";
                       color: black;
                       font-size: 12px;
                       font-weight: normal;
                       background-color:  white;
                  }
                  
.date-display
                    {
                     font-family: "Trebuchet MS";
                       color: gray;
                       font-size: 12px;
                       font-weight: bold;
                  }
.border1  
					{
					border-width: 1px ;
					border-style: solid;
					padding-right:	20px;
					padding-left:	20px;
					padding-top:	20px;
					padding-bottom:	20px;
					border-color: #007e7e;
				}	
				
				
.black11  			{
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	Color: black;
	font-size: 11px;
}
.black12  			{

					font-family: verdana;
					Color: black;
					font-size: 12px;
	text-align: left;
}


.grey12 {
	font-family: Verdana;
	font-size: 12px;
	color: #333333;}
.grey11 {
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #333333;
}
.grey10 {
	font-family: Verdana;
	font-size: 10px;
	color: #333333;}
.lightblue10 {
	font-family: "Trebuchet MS";
	font-size: 10px;
	font-weight: 500;
	font-style: normal;
	color: #CC3300;
}

.lightblue11 {
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: 500;
	font-style: normal;
	color: #CC3300;
}
.lightblue12 {
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: 500;
	font-style: normal;
	color: #CC3300;
}
.lightblue13 {
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: 500;
	font-style: normal;
	color: #CC3300;
}

.lightblue14 {
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	color: #CC3300;
}

.white12 {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}
.darkblue14 {
	color: #333C49;
	font-family: "Trebuchet MS";
	font-size: 14px;
}
.green10 {
	font-family: "Trebuchet MS";
	font-size: 10px;
	color: #3C8833;
}
.green8 {
font-family: "Trebuchet MS";
	font-size: 8px;
	color: #3C8833;
}
.green11 {
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #3C8833;
}
.green12 {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #3C8833;
}
.green14 {
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #3C8833;
}
.white14 {
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #FFFFFF;
}
.white11 {
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
}
.white10 {
	font-family: "Trebuchet MS";
	font-size: 10px;
	color: #FFFFFF;
}
.white8 {
	font-family: "Trebuchet MS";
	font-size: 8px;
	color: #FFFFFF;
}
.red11 {
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #CC3300;
}
.red16 {
	font-family: "Trebuchet MS";
	font-size: 16px;
	color: #CC3300;
}

.blue8 {
	color: #3366CC;
	text-decoration: none;
	font-weight: normal;
	font-family: "Trebuchet MS";
	font-size: 8px;
}
.Blue10 {
	color: #3366CC;
	text-decoration: none;
	font-weight: normal;
	font-family: "Trebuchet MS";
	font-size: 10px;
}
.blue11 {
	color: #3366CC;
	text-decoration: none;
	font-weight: normal;
	font-family: "Trebuchet MS";
	font-size: 11px;
}
.blue12 {
	color: #3366CC;
	text-decoration: none;
	font-weight: normal;
	font-family: "Trebuchet MS";
	font-size: 12px;
}
.blue13 {
	color: #3366CC;
	text-decoration: none;
	font-weight: normal;
	font-family: "Trebuchet MS";
	font-size: 13px;
}

.blue14 {
	color: #3366CC;
	text-decoration: none;
	font-weight: normal;
	font-family: "Trebuchet MS";
	font-size: 14px;
}
.darkblue14 {
	font-family: "Trebuchet MS";
	font-weight: bold;
	color: #2c3449;
	font-size: 14px;
}


.Header_blue {
	font-family: "Trebuchet MS";
	font-weight: bold;
	color: #2c3449;
	font-size: 18px;
}
.squareblue {
	   list-style-image: url('images/Square_blue5%20-%20Copy.png');
}
.header_blue {
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: 18px;
	color: #000066;
}