/************************ MASTER-DEFAULT-PAGE *************************/
.rgText   
{
    font:Arial;
    font-size:13px;
    
    }

/**********   S T A R T    LOGIN  FORM  CUSTOMER   ***************/
#loginTable 
{
  BORDER: #6699cc solid;
  FONT-WEIGHT: bold; LEFT:30%; 
  FONT-FAMILY: Sans-Serif; 
  BACKGROUND-COLOR:silver;
  vertical-align:middle;
  margin-top:10px;
}


#mainTable
{

 padding-top:25px;
 
}




.loginText   
{
    
    color:white;
    text-align:right;
    font-family:Arial;
    font-size:16px;
}



/*********  s t a r t CUSTOMER DEFAULT    ****************/
.CustomerTextBoxLeftAlign
{
    width:300px;
    margin-top:1px;
    font-size:13px;
    font-family:Arial;
    text-align:left;
    float:left;
}

.GeneralLabel2a
{
   float:left;    
   margin-top:6px;
   font-size:14px;
   font-family:Arial;
   font-weight:bold;
   color:#00489D;
   margin-bottom:1px;
}

/*********  E N D CUSTOMER DEFAULT    ****************/







/* START HEADER LINE UNDER IMAGE   */
#infoLine
    {
        font-family: 'Arial' , Times, serif;
        font-size: 12px;
        font-weight: bold;
        padding-top:0px;
        padding-right:120px;
        
    }
/* END HEADER LINE UNDER IMAGE   */



/* START HEADER LINE ON CUSTOMER MASTER PAGE  */
#titleHeader 
    {
     font-family: 'Arial' , Times, serif;
     font-size: 20px;
     padding: 0px 0px 0px 0px; 
     font-weight:normal;
     color: #003399;
     vertical-align:top;
	height: 461px;
}

/* END HEADER LINE ON CUSTOMER MASTER PAGE   */


/* START CUSTOMER INFO MASTER.CUSTOMER PAGE  */
#custInfo  
    {
     font-family: 'Arial' , Times, serif;
     font-size: 12px;
     padding:2px;
     font-weight:100;
     color: #003399;
     width:982px;
     vertical-align:top;
     border-style:solid; 
     border-width:1px;  
     border-width:thin;
     border-color:Silver;  
     border-style:outset;
     border-width:thick;
     
    }
    
.custInfoTextbox 
{    font-family: 'Arial' , Times, serif;
     font-size: 12px;
     padding:1px;
     font-weight:100;
     color: #003399;
     border:0px;
}
.pageName 

{
    font-family:   Tahoma, Arial;
    font-size:14px;
    font-weight:bold;
    color:Red;
    padding-right:5px; 
    padding-right:auto; 
    
}
/* END CUSTOMER INFO MASTER.CUSTOMER PAGE  */


#header  
{
    height: 50px;
    font-family: 'Times New Roman' , Times, serif;
    font-size: 40px;
    font-weight: bold;
    font-style: normal;
    color: #00489D;
     
 }
#mmenu
{
    height: 30px;
    padding-left:0px;
    padding-right:00px;
    float:left;
      
}
#content
{
    padding-top:5px;
    /* position:absolute;  */
    width: 980px;
    left:0px;
    /* top: 100px; /* depending on height of header */
    bottom: 0px; /* depending on height of footer */
    overflow:auto; /* IE only needs the next line but other ignore it see note at bottom - the 100 may change depending on total height of header and footer    height: expression(document.body.clientheight - 100 + "px"); */
    /*border-style:outset; 
    border-color:Gray; 
    border-width:6px; */
    height:85%;
    }
#footer
{
    font-size: small;
    color: #00489D;
    bottom: 0;
    left: 0;
    height: 0px;
    width:980px;
   
     
}

                    /* MENU BOX */


/*a:visited {color:#00489D;}
a:visited:focus {color:Red;}
a:visited:active  {color:Red;}*/

.mainmenu                      
{
    width:980px; /* change header box width */
    height:30px;
    padding-left:0px;
    padding-right:0px;
    /*background-color:#B5C7DE;*/
    border-style:solid; 
    border-width:1px;  
    /*border-width:thin;*/
    border-color:Silver;
    color:#00489D;
     
}

.mainmenuStaticMenuItemStyle   /* STATIC ITEMS */    
{
    height:100%;
    width:100%; /* this width if for the background highlighted area */
    padding:1px;
    color:#00489D;
    text-align:center;
    font-family:Arial;
    font-weight:bold;
    font-size:14px;
}

.mainmenuStaticSelectedStyle   /* STATIC SELECTED ITEM */        
{
    color:White;
    /*color:#00489D;*/
    /*background-color:#99FFFF;*/
    background-color:#418AE1;
    padding:5px;
}

.mainmenuStaticHoverStyle     /*  STATIC  HOVER  ITEM   */
{
    background-color:White;
    color:#418AE1;   
}

.mainmenuDynamicMenuStyle      /* DYNAMIC BOX */       
{
    color:blue;
    text-align:center;
    font-family:Arial;
    font-size:14px;
    background-color:White;  
    border-style:solid;   
    border-width:thin;
    border-color:Silver;  
}

.mainmenuDynamicMenuItemStyle    /*   DYNAMIC ITEMS   */
{
    
    background-color:#B5C7DE;   
    color:#418AE1;   
    border-bottom:solid 1px White;
    border-top:solid 1px White;
    border-left:solid 1px White;
    border-right:solid 1px White;
    padding:1px;

 }

.mainmenuDynamicSelectedStyle    /*   DYNAMIC  SELECTED  ITEM   */
{
    background-color:White;
    color:#418AE1;   
}


.mainmenuDynamicHoverStyle      /*   DYNAMIC  HOVER ITEM   */
{
    background-color:#418AE1;
    color:White;

}
/************************E N D   MASTER-DEFAULT-PAGE *************************/


/**********************   L E F T  M E N U  -  C U S T O M E R   *************/
.leftmenu
{
    width:100%; 
    float:left;
    /*background-color:#B5C7DE;*/
    padding-top:10px;
    padding-bottom:10px;
    padding-left:5px;
    padding-right:5px;
    /*border-style:outset;*/
    /*border-width:thick;*/
    /*border-color:Silver;*/
    font-family:Arial;
    font-size:1em;
    font-weight:bold;
}
.leftmenuStaticMenuItemStyle   /* STATIC ITEMS */    
{
    color:Blue;
    text-align:center;
}
.leftmenuStaticHoverStyle
{
	background-color:Blue;
    color:White;
    font-weight:bolder;
}


/********************** E N D   -   L E F T  M E N U  -  C U S T O M E R   *************/

.Separator
{
    height:1px;
    float:left; 
    width: 100%; 
    border: normal 1px Silver;
    margin: 10px 0px 10px 0px;
}

.SeparatorNarrow
{
    height:1px;
    float:left; 
    width: 100%; 
    border: normal 1px Silver;
    margin: 3px 0px 3px 0px;
}

.SeparatorMiddle
{
    height:1px;
    float:left; 
    width: 100%; 
    border: normal 1px Silver;
    margin: 6px 0px 6px 0px;
}

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

.CustomerHold2
{
   text-align:center;
   font-weight:normal;
}

.CustomerCrdLimit
{
   text-align:left;
}


.CustomerCrdLimit2
{
   text-align:center;
}




/**********   GENERAL  FORM  CUSTOMER   ***************/
.GeneralFormView
{
   float:right;
   width:980px;
    
}

.GeneralBox1
{
   width:32%;
   height: 600px;  
   border:outset 3px Silver; 
   padding: 0px 10px 0px 0px; 
   margin-left:0px;
   margin-right:0px;   
   background-color:Silver;
   
   
}


.GeneralBox1Credit
{
   width:32%;
   height:700px;  
   border:outset 5px Silver; 
   padding: 5px 10px 0px 10px; 
   margin-left:0px;
   margin-right:0px;   
   background-color:Gray;
   
}

.GeneralBoxPopUp
{
   width:32%;
   border:outset 5px Silver; 
   padding:5px 10px 5px 10px; 
   margin-left:0px;
   margin-right:0px;   
   background-color:#E3EAEB; 
}



.GeneralBoxModify
{
      
   padding: 5px 10px 5px 10px; 
   margin-left:0px;
   margin-right:5px;   
   font-family: 'Verdana', Arial, Bodoni MT;
   font-size:small; 
   background-color:#E3EAEB;
   border:outset 5px Silver; 
   border-Width:5px;
   width: 44.2%; 
   height: 300px;  
}

.GeneralBoxProfile
{
   width:80%;    
   padding: 5px 0px 5px 0px; 
   margin-left:0px;
   margin-right:0px;   
   font-family: 'Verdana', Arial, Bodoni MT;
   font-size:small; 
   background-color:#E3EAEB;
   border:outset 5px Silver; 
   border-Width:5px; 
}

.GeneralBoxProfile_Clerks
{
   width:35%;    
   padding: 5px 0px 5px 0px; 
   margin-left:0px;
   margin-right:0px;   
   font-family: 'Verdana', Arial, Bodoni MT;
   font-size:small; 
   background-color:#E3EAEB;
   border:outset 5px Silver; 
   border-Width:5px; 
}

.GeneralBoxMembership
{
   width:650px;  
   padding: 5px 0px 5px 0px; 
   font-family: 'Verdana', Arial, Bodoni MT;
   font-size:small; 
   font-weight:bold;
   background-color:#E3EAEB;
   border:outset 5px Silver; 
   border-Width:8px; 
}

.GeneralBox2
{
   width:32%;
   height:100px;  
   border:outset 5px Silver; 
   padding:5px 10px 5px 10px; 
   margin-left:0px;
   margin-right:0px;   
   background-color:Gray; 
}

.HeaderLabel
{
 font-size: large;
 float: left; 
 color: #00489D; 
 font-family: Arial; 
 font-weight: bold; 
 margin: 20px 0px 0px 10px;
 text-align:center;   
}

.HeaderLabelPosting
{
 font-size: 30px;
 color: White; 
 font-family: Arial; 
 font-weight: bold; 
 margin: 20px 0px 0px 10px;
 text-align:center;   
}

.HeaderLabelPostingSmall
{
 font-size: 13px;
 color: White; 
 font-family: Arial; 
 font-weight: bold; 
 margin: 20px 0px 0px 10px;
  
}

.BoxHeaderLabel
{
    text-align:center; 
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    color:#00489D; /* I change from BLUE */
    margin-top:1px;
    margin-bottom:5px;
}

.BoxHeaderLabelPopUp
{
    text-align:center; 
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    color:#00489D; /* I change from BLUE */
    margin-top:1px;
    margin-bottom:5px;
}

.GeneralLabelPopUp
{
   float:left;    
   margin-top:6px;
   font-size:14px;
   font-family:Arial;
   font-weight:bold;
   color:#00489D;
   margin-bottom:1px;
}

.BoxHeaderLabelModify
{
    text-align:center; 
    font-family:Arial;
    font-size:16px;
    font-weight:bold;
    color:white;
    margin-top:1px;
    margin-bottom:5px;
}

.GeneralTextBox
{
    width:100%;
    margin-top:0px;
    font-size:13px;
    font-family:Arial;
    text-align:right;
    
}



.GeneralTextBoxLeftAlign
{
    width:100%;
    margin-top:1px;
    font-size:13px;
    font-family:Arial;
    text-align:left;
    margin-left: 0px;
}

.GeneralTextBoxLeftAlignSmallerFont
{
    width:100%;
    height:16px;
    margin-top:2px;
    font-size:12px;
    font-family:Arial;
    text-align:left;
    vertical-align:middle;
    margin-bottom:1px;
}

.GeneralTextBoxLeftAlignSmallerFont2
{
    margin-top:1px;
    width:100%;
    height:16px;
    font-size:12px;
    font-family:Arial;
    text-align:left;
    vertical-align:middle;
    margin-bottom:1px;
}


.GeneralLabel
{
   float:left;    
   margin-top:7px;
   font-size:12px;
   font-family:Arial;
   font-weight:bold;
   color:#0174DF;
   /*color:White;*/
  
}

.GeneralLabelGeneral
{
   float:left;    
   padding-left:5px;
   font-size:12px;
   font-family:Arial;
   font-weight:bold;
   color:#0174DF;

  
}



.GeneralLabelModify
{
   float:left;    
   margin-top:6px;
   font-size:14px;
   font-family:Arial;
   font-weight:bold;
   color:#418AE1;
   margin-bottom:1px;
}

.GeneralLabelModifyRight
{
   float:right;
   margin-top:3px;  
   font-size:12px;
   font-family:Arial;
   font-weight:bold;
   color:#418AE1;
  
}

.GeneralLabelFloat
{
   float:left;    
   margin-top:6px;
   font-size:14px;
   font-family:Arial;
   font-weight:bold;
   color:White;
   margin-bottom:1px;
   color:White;
   margin-bottom:1px;
 }
.GeneralLabelRight
{
   float:right;    
   margin-top:6px;
   font-size:14px;
   font-family:Arial;
   font-weight:bold;
   color:White;
   margin-bottom:1px;
   color:White;
   margin-bottom:1px;
 }
   
   
 .HeaderLabelSInfo
{
 font-size: 24px;
 /* color: #00489D;*/ 
  color: black; 
 font-family:  Mangal ,Franklin Gothic Book ,Century Gothic; 
 font-weight: bold; 
 text-align:left;
  
}

.GeneralLabelSInfo
{
   float:left;    
   font-size:11px;
   font-family: Arial, Lucida Sans;
   font-weight:bold;
   color:White;
   margin-bottom:0px;
}

.GeneralLabelSInfo2
{
   float:left;    
   font-size:10px;
   font-family: Arial Rounded MT Bold, Arial Narrow, Lucida Sans;
   font-weight:bold;
   color:black;
   margin-bottom:0px;
}

.ServiceLabelSInfo
{
   float:left;    
   font-size:11px;
   font-family: Arial, Lucida Sans;
   font-weight:bold;
   color:#336699;
   margin-bottom:0px;
   vertical-align:middle;
   
}


.HeaderLabelTop
{
 font-size: 15px;
 color: #ff5544; 
 font-family: Franklin Gothic Book ; 
 font-weight: bold; 
 text-align:left;

}

div#General 
{
width: 100%; float:left; padding-top:4px;padding-left:25px;
} 

div[id]#General /* Css for Firefox, safari and Google Chrome */
{
width: 100%; float:left; padding-top:4px;
}  
/**********   E N D   GENERAL  FORM  CUSTOMER   ******************/

/*****************************************************************/

/**********   S T A R T    CREDIT  PAGE CUSTOMER   ***************/

#creditTable {width: 100%; height:430px;padding-top:4px;}

[id]#creditTable {width: 100%; height:430px;padding-top:4px;padding-left:55px;} /* Css for the Firefox, Safari and Google Chrome */

.GeneralBoxCreditBox
{
   width: 240px; 
   height:425px;   
   border:outset 5px Silver; 
   padding: 5px 10px 0px 10px; 
   margin-left:0px;
   margin-right:0px;   
   background-color:Silver;
   float:left;    
}

.GeneralLabelCredit
{
   float:left;    
  
   font-size:12px;
   font-family:Arial;
   font-weight:bold;
   color:#0174DF;
   margin-bottom:1px;
   width:100px;
}

.HeaderLabelServiceDispatch
{  padding-top:10px;
   font-size:18px;
   font-family:Arial;
   font-weight:bold;
   color:#0174DF;
  
	
}

.imageSpace{margin-right:10px;}

/**********   E N D   CREDIT PAGE CUSTOMER   ***************/

.menuTabs
{
    position: relative;
    top: 1px;
    left: 10px;
}
.tab
{
    border: Solid 1px grey;
    border-bottom: none;
    padding: 0px 10px;
    background-color: #FFFFFF;
}
.selectedTab
{
    border: Solid 3px marine;
    border-bottom: Solid 1px white;
    padding: 0px 10px;
    background-color: #FFFFCC;
}
.tabBody
{
    border: Solid 1px Blue;
    padding: 20px;
    background-color: #FFFFCC;
}
.Footer
{
    color: Black;
}




.FormViewLabel
{
    height: 25px;
    border-style: outset;
    border-color: Gray;
    border-width: 1px;
    border-right-style: none;
    border-spacing: 5px;
    background-color: inherit;
    color: Red;
    font-size: 110%;
    width: 12%;
    text-align: right;
    padding-right: 3px;
    padding-left: 8px;
}

.FormViewLabel2
{
    height: 25px;
    border-style: outset;
    border-color: Gray;
    border-width: 1px;
    border-spacing: 5px;
    border-left-style: none;
    background-color: inherit;
    color: Blue;
    font-size: 110%;
    width: 14%;
    text-align: left;
    padding-left: 8px;
}

.TableSpace
{
    width: 0%;
}

.CustomerMaster
{
    background-color: Red;
    float: right;
    width: 50%;
}



/**********   START   FORM  ADD CUSTOMER   ***************/

#adduser
{
   border: 6px outset #E6E2D8;
	background-color:#E3EAEB;
   	font-Family:Verdana, Arial, Courier New;
   	font-Size:12px; 
   	margin-bottom: 0px;
}

#changepswd
{
   background-color:#E3EAEB;
   border-Color:#E6E2D8;
   border-Style:Solid;
   border-Width:6px; 
   font-Family:Verdana, Arial, Courier New;
   font-Size:12px; 
   border-style:outset;
   height:200px;
   width:400px; 
    
    
}

/********  Ajax Modal Popup Window:   ********************/

.window
{
    background-color:#DDDDDD;
    border: 2px solid #000000;
    width: 400px;
}
.windowTitleBar
{
    background-color: #CC0033;
    border-bottom: 2px solid #000000;
    height: 25px;
    padding: 0px 5px;
    line-height: 25px;
    font-weight: bold;
    color: #FDF001;   
}
.windowContent
{
    background-color:Yellow;
    border: 1px solid #999999;
    margin: 5px;
    padding: 5px;
    text-align: center;
    height:550px;
    width:750px;
}
.windowButtons
{
    padding: 0pt 5px 5px 0pt;
    text-align:right;
}
.windoButtons input
{
    width:80px;
    font-size:.95em;
}
 
/**********   E N D   FORM  ADD CUSTOMER   ***************/


/**********   S T A R T   MAINTENANCE   ***************/
#maintainuser
{
   background-color:#E3EAEB;
   border-Color:#E6E2D8;
   border-Style:Solid;
   border-Width:6px; 
   font-Family:Verdana, Arial, Courier New;
   font-Size:12px; 
   border-style:outset;
     
}


#ContentTitle
{
    font-family:Verdana, Arial, Courier New;
    font-size:30px;
    font-style:normal;
    color:#00489D;
	padding-top: 4px;
	padding-bottom: 4px;
	margin: auto;	
	font-weight: bold;
	text-align: center;
}
.formStyleDropDown
{
    color: #C30;	
	font-size: 12px;
	background: #fefefe
}

.ListTitle {
	margin: 1px 20px 1px 1px;
	padding: 1px;
	text-align: left;
	width: 250px;
	float: left;
	clip: rect(auto, 200px, auto, auto);
}
.ListTitle A {
	color: #E3EAEB;
	font-size: small;
}
.ListTitle A:Hover {
	font-weight: bold;
}

.AdminList {
	border-style: none;
	display: block;
	float: left;
/*	clear: both;  */
	position: relative;
	top: 0;
	width: 95%;
}
.AdminListHeader {
	padding: 1px 4px 2px;
	color: #00489D;
	text-align: center;
	background: #E3EAEB;
	font: bold medium Arial, Helvetica, sans-serif;
}
.AdminRightCell {
	text-align: right;
}
.AdminListItem {
	margin: 3px;
	text-align: left;
	width: 600px;
	background: #FFF;
	font: small Arial, Helvetica, sans-serif;
}
.AltAdminListItem {
	margin: 3px;
	text-align: left;
	width: 600px;
	background: #EFEFEF;
	font: small Arial, Helvetica, sans-serif;
}
.AdminImg {
	margin-right: 5px;
	margin-left: 5px;
	border-style: none;
}
#ListBox {
/*	border: thin solid #800000; */
	min-height: 400px;
	display: block;
	float: left;
/*	clear: left; */
	width: 95%;
	background: #FFF;
}

/**********   E N D   MAINTENANCE    ***************/
.headlineText
{
    font-size: 40px;
    font-family: Cooper Black,,Arial;
    font-weight: bold;
    color:#00489D;
  
}

.noBorderImage
{ border:0px;
  border-style:none;
  background-color:White;
}

/*********  HISTORY POP UP BOX  ***********************/




div.HistoryBoxPopUp
{
   float:right;
   width:300px;
   height:310px;
   border:outset 5px Silver; 
   padding:6px; 
   margin-left:0px;
   margin-right:0px;   
   background-color:#E3EAEB; 
} 

div[id].HistoryBoxPopUp
{
   float :right;
   width:350px;
   height:323px;
   border:outset 5px Silver; 
   padding:5px 5px 5px 5px; 
   margin-left:0px;
   margin-right:0px;   
   background-color:#E3EAEB; 
} 

.SeparatorMiddleHistory
{
    height:1px;
    float:left; 
    width: 95%; 
    border: normal 1px Silver;
    margin: 3px 0px 3px 0px;
}

.HistoryTextBoxLeftAlignSmallerFont2
{
    margin-top:0px;
    width:100%;
    height:15px;
    font-size:11px;
    font-family:Arial;
    text-align:left;
    vertical-align:middle;
    margin-bottom:0px;
}
#HistorycontentGrid
{width:100%;}

[id]#HistorycontentGrid
{width:100%;}

#HistoryLabelWidth
{width:100%;}

[id]#HistoryLabelWidth
{width:795px;}

#customersHistory
{
	width:100%;
	border-collapse:collapse;
	border:0px;
	
}
[id]#customerHistory { 
                      border:0px;
                      border-collapse:collapse;
                      width:100%;}
                      
                      
/************* GRID CASH POSTING ***********************/



/********************************************************/

/********* END HISTORY POP UP BOX *********************/

/********* Service Info POP UP BOX *********************/

.trans { background-color: transparent;
         border:0px;
         width:80px;
         text-align:right;
         font-family:Arial, Verdana, Times New Roman;
         font-weight:bold;
       }

.serv {  text-align:right;
         font-family:Arial, Verdana, Times New Roman;
         font-weight:bold;
         font-size:12px;
       }
       
 .servHeader 
 {
     font-family:Arial, Verdana, Times New Roman;
     font-weight:bold;
     color:Black;
     font-size:24px;
     
     }
/********************************************************/