/*************************************************
**************************************************
These style sheet should be used on all pages.  Any page using the pageinit.asp
will automatically include this file.  Any new styles added to this page must be added
to the print.css.  Style on this page will display on the screen. Styles on the Print.css
will display on the printed version of the page. 
**************************************************
**************************************************/


/******************************************** 
 -- TOOP TIPS
 -- this is will be used to display tool tips throughout the application 
******************************************** */
#dhtmltooltip
	{position: absolute;
	 left: -300px;
	 width: 150px;
	 border: 1px solid black;
	 padding: 2px;
	 background-color: lightyellow;
	 visibility: hidden;
	 z-index: 100;
	 font-size: 10px;
	 font-family:verdana,san serif;
	 /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	 filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);}

#dhtmlpointer
	{position:absolute;left:-300px;z-index:101;visibility:hidden;}
/******************************************************************/

/*********** PAGE HEADERS *************/
.inframePageTitle
	{font-size:11px;font-family:Verdana,san serif;font-weight: bold;background-color:black;color:white;} 
.regionTitle
	{font-size:11px;font-family:Verdana,san serif;font-weight: bold;} 
.pageTitle
	{font-size:11px;font-family:Verdana,san serif;font-weight: bold;} 
.regionname
	{font-size:11px;font-family:Verdana,san serif;font-weight: bold;} 
.pageSubTitle
	{font-size:10px;font-family:Verdana,san serif;font-weight: bold;color:white;} 
.statspageSubTitle
	{font-size:15px;font-family:Verdana,san serif;font-weight: bold;color:#000000;} 


/*********** PAGE TEXT *************/
.labelText
	{font-weight:bold;font-size:11px;font-family: Verdana,san serif;}
.smlabelText
	{font-weight: bold;font-size:10px;font-family: Verdana,san serif;}
.readOnly
	{font-family: Verdana,Tahoma,Arial,serif;font-size:11px;}
.message
	{font-family: Verdana,Tahoma,Arial,serif;font-size:10px;font-weight:bold;}
.notes
	{font-family: Verdana,Tahoma,Arial,serif;font-size:10px;}
.error
	{font-size:10px;color:red;font-family:Verdana,san serif;}


/**** ???? ****/	
.bluemessage
	{font-family: Verdana,Tahoma,Arial,serif;font-size:10px;color:blue;}	
	
	
	
	
#divcalltimer
	{font-family: Verdana,Tahoma,Arial,serif;font-size:11px;color:#336699;}
/*
#divstatscalltimer
	{font-family: Arial,serif;font-size:15px;color:#336699;}
*/


.fieldHeader
	{font-weight:bolder;font-size:10px;font-family:Verdana,san serif;background-color:#ffffcc;height:20px;}

.listfieldHeader
	{font-weight:bolder;font-size:10px;font-family:Verdana,san serif;height:20px;}
	
.statslistfieldHeader
	{font-weight:bolder;font-size:15px;font-family:Verdana,san serif;height:30px;}
.curbgcolor
	{background-color:#669966;color:white;}

/********************* used on usr_list to display security list ************************/
.legend{border-right:black 2pt solid;border-top:black 2pt solid;border-left: black 2pt solid;
        border-bottom:black 2pt solid;z-index:2;visibility:hidden;position:absolute;color:black;}      


#listHeader {position:relative;top:250px;}

#listHeader td
	{font-weight:bolder;font-size:10px;font-family:Verdana,san serif;height:20px;background-color:#669966;color:white;}

.listHeader td
	{font-weight:bolder;font-size:10px;font-family:Verdana,san serif;height:20px;background-color:#669966;color:white;}

.listHeader2 td
	{font-weight:bolder;font-size:10px;font-family:Verdana,san serif;height:20px;background-color:#99CC99;color:black;}

.listHeader3 td
	{font-weight:bolder;font-size:10px;font-family:Verdana,san serif;height:20px;background-color:#336633;color:white;}

.listHeader4 td
	{font-weight:bolder;font-size:10px;font-family:Verdana,san serif;height:28px;background-color:#336633;color:white;}

.listHeader5 td
	{font-weight:bolder;font-size:10px;font-family:Verdana,san serif;height:37px;background-color:#669966;color:white;}


.listsubHeader td
	{font-weight:bolder;font-size:10px;font-family:Verdana,san serif;height:20px;background-color:#ccffcc;color:black;}

.listFooter td
	{font-weight:bolder;font-size:10px;font-family:Verdana,san serif;height:20px;background-color:#669966;color:white;}
.listRow td
	{font-size:10px;height:22px;font-family: Verdana,serif;}
	
.statslistRow td{font-size:15px;height:33px;font-family: Verdana,serif;font-weight:bold;}
.statsTopTMRow td
	{font-size:15px;height:26px;font-family: Verdana,serif;font-weight:bold;color:#660000;
	 background:#ffffda;font-style:italic;border-bottom:1.5px solid #660000;}

/*-- record count displayed in the header... --*/
#tblreccount{font-family: Verdana,Tahoma,Arial,serif;font-size:10px;border:1px solid black;background-color:#ffffcc;}

/*-- creates a border around the border of a form... used in customer lead
  -- log a call page... */
.logcallform{padding:3px;border: 1px solid #669966;height:307px;width:400px;}

select{font-family:verdana;font-size:11px;}
input{font-family:verdana;font-size:11px;}


#lineDivider{background-color:#669966;color:#669966;height:1px;font-size:1px;font-family: Verdana,san serif;}
#hrDivider {border: 1px solid #669966}
#hrProcess{color:#669966;height:3px;}

.readonly{border:1px solid white;}

#bodyanchor{font-family:verdana;font-size:10px;text-decoration:none;color:black;font-weight: bold;}

.textanchor{font-family:verdana;font-size:10px;text-decoration:underline;color:blue;}

.required{font-weight:bold;font-size:10px;color:red;font-family:Verdana,san serif;}
#processstatus{font-size:10px;color:yellow;font-family:Verdana,san serif;padding-left:3px;}

.closewindow{font-size:10px;color:black;font-family:Verdana,san serif;text-decoration:none;}

.smallButton{
    font-size:9px;font-family:Verdana,arial,serif;
    height:20px;
    border-right: 1px solid gray;border-left: 1px solid gray;border-top: 1px solid gray;border-bottom: 1px solid gray;
    margin-right:1px;margin-bottom:1px;
	}

.standardButton{
    font-weight: bold;font-size:xx-small;font-family: arial, serif;
    width:50px;height:22px;
    border-right: 1px solid gray;border-left: 1px solid gray;border-top: 1px solid gray;border-bottom: 1px solid gray;
    margin-right:1px;margin-bottom:1px;
	}

.mediumButton{
    font-weight: bold;font-size:xx-small;font-family: arial, serif;
    width:85px;height:22px;
    border-right: 1px solid gray;border-left: 1px solid gray;border-top: 1px solid gray;border-bottom: 1px solid gray;
    margin-right:1px;margin-bottom:1px;
	}

.largeButton{
    font-weight: bold;font-size:xx-small;font-family: arial, serif;
    width:100px;height:22px;
    border-right: 1px solid gray;border-left: 1px solid gray;border-top: 1px solid gray;border-bottom: 1px solid gray;
    margin-right:1px;margin-bottom:1px;
	}

.hugeButton{
    font-weight: bold;font-size:xx-small;font-family: arial, serif;
    width:175px;height:22px;
    border-right: 1px solid gray;border-left: 1px solid gray;border-top: 1px solid gray;border-bottom: 1px solid gray;
    margin-right:1px;margin-bottom:1px;
	}
	
#pagination a{color:#666666;font-size:11px;font-family:verdana,san serif;;text-decoration:'none';}

.copyright
{
    font-size:	 9px;
    font-family: Verdana,Tahoma, 'Trebuchet MS', Arial, serif;
}
.legal
{
    font-size:	 13px;
    font-family: Verdana,Tahoma, 'Trebuchet MS', Arial, serif;
}
.bodytable
{
	width:	98%;
}
.navCell
{

}

.printDetail
{
	display:	none;
	visibility:	hidden;
	height:		0px;
}



.summary
{
	background-color: #e6ffff;
	color:			  black;
	height:			  20px;
}  

.legenddetail
{
	background-color: #ffffcc;
    color:			  black;
    font-size:		  12px;
    font-family:	  Verdana,Tahoma, 'Trebuchet MS', Arial, serif;
}      

.failedinspection
{    
    font-size:		  10px;
    color:			  red;
    background-color: white;
    font-family:	  Verdana,Tahoma, 'Trebuchet MS', Arial, serif;
}
.inactiveuser
{    
    font-size:   10px;
    color:       red;
    font-family: Verdana,Tahoma, 'Trebuchet MS', Arial, serif;
}
.confirm
{    
    font-size:   12px;
    color:       blue;
    font-family: Verdana,Tahoma, 'Trebuchet MS', Arial, serif;
}

.printonly {
    visibility: hidden;
    display: none;
}

.screenonly{visibility:visible;display:'';}

 
.smalltext
{
	font-size:   9px;
	font-family: Verdana,Tahoma, 'Trebuchet MS', Arial, serif;
}		   
.disabled
{
	background-color: #efefef;
}    

.smreadonly
{
    font-size:   10px;
    font-family: Verdana,Tahoma, 'Trebuchet MS', Arial, serif;
}   
.instructions
{
    font-size:   10px;
    font-family: Verdana,Tahoma, 'Trebuchet MS', Arial, serif;
} 
.highLevel
{
	font-size:        xx-small;
    font-family:      Verdana, Tahoma, 'Trebuchet MS', Arial, serif;
	background-color: rgb(206,229,238);
}    

.scrollfieldHeader
{
    font-weight:      bolder;
    font-size:        xx-small;
    font-family:	  Tahoma, 'Trebuchet MS', Arial, Verdana, serif;
    background-color: #ffffcc;
    height:           18px;
    position:         relative;
    top:              250px;
}
.printonlyfieldHeader
{
	display:		  none;
    font-weight:      bolder;
    font-size:        xx-small;
    font-family:      Tahoma, 'Trebuchet MS', Arial, Verdana, serif;
    background-color: #ffffcc;
    height:           18px;
}
.belowstat
{
    font-size:        xx-small;
    font-family:      Verdana, Tahoma, 'Trebuchet MS', Arial, serif;
    height:           20px;
    background-color: #FFCCCC;
}    
.row1{font-size:10px;font-family:Verdana,san serif;height:22px;}

.row2{font-size:10px;font-family:Verdana,san serif;height:22px;background-color:#efefef;}


.disabledAnchor
{
    font-weight: bold;
    font-size:   xx-small;
    color:		 maroon;
    font-family: Tahoma, serif;
} 
.warning
{
    FONT-WEIGHT:    bolder;
    font-size:      12px;
    TEXT-TRANSFORM: uppercase;
    color:          red;
    font-family:    Verdana, serif;
}  
.standardButton
{
    font-weight: bold;
    font-size:   xx-small;
    width:       50px;
    font-family: arial, serif;
    height:      22px;
}
.middleButton
{
    font-weight: bold;
    font-size:	 xx-small;
    width:		 75px;
    font-family: arial, serif;
    height:		 22px;
}
.largeButton
{
    font-weight: bold;
    font-size:   xx-small;
    width:       100px;
    font-family: arial, serif;
    height:		 22px;
}
.extraLargeButton
{
    font-weight: bold;
    font-size:   xx-small;
    width:       115px;
    font-family: arial, serif;
    height:      22px;
}

.fborder
{
    border-right:  black 1pt solid;
    border-top:    black 1pt solid;
    border-left:   black 1pt solid;
    border-bottom: black 1pt solid;
}
.tborder
{
    border-right:  medium none;
    border-top:    black 1pt solid;
    border-left:   medium none;
    border-bottom: medium none;
}
.tlborder
{
    border-right:  medium none;
    border-top:    black 1pt solid;
    border-left:   black 1pt solid;
    border-bottom: medium none;
}
.trborder
{
    border-right:  black 1pt solid;
    border-top:    black 1pt solid;
    border-left:   medium none;
    border-bottom: medium none;
}
.trbborder
{
    border-right:  black 1pt solid;
    border-top:    black 1pt solid;
    border-left:   medium none;
    border-bottom: black 1pt solid;
}
.tlbborder
{
    border-right:  medium none;
    border-top:    black 1pt solid;
    border-left:   black 1pt solid;
    border-bottom: black 1pt solid;
}
.tlrborder
{
    border-right:  black 1pt solid;
    border-top:    black 1pt solid;
    border-left:   black 1pt solid;
    border-bottom: medium none;
}
.blborder
{
    border-right:  medium none;
    border-top:    medium none;
    border-left:   black 1pt solid;
    border-bottom: black 1pt solid;
}
.blrborder
{
    border-right:  black 1pt solid;
    border-top:    medium none;
    border-left:   black 1pt solid;
    border-bottom: black 1pt solid;
}
.brborder
{
    border-right:  black 1pt solid;
    border-top:    medium none;
    border-left:   medium none;
    border-bottom: black 1pt solid;
}
.bborder
{
    border-right:  none;
    border-top:    none;
    border-left:   none;
    border-bottom: black 1pt solid;
}   
/*************************************************
**************************************************
The following are ONLY related to the the email and fax
forms embedded in pages
**************************************************
**************************************************/
.emailform
{
	font-size:	100%;
	position:	absolute;	
	visibility:	hidden;
	z-index:	5;
	top:		50;
	left:		100;
}
.faxform
{
	font-size:	100%;
	position:	absolute;
	visibility:	hidden;
	z-index:	5;
	top:		25;
	left:		100;
}
.border
{
	height:		3px;
} 
/*************************************************
**************************************************
The following are ONLY related to the schedule...
**************************************************
**************************************************/
.scheduletitle
{
    font-size:        10pt;
    color:            #800000;
    background-color: #e1e1e1;
}
.available1
{
    font-size: 8pt;
    color:     #000000;
}
.available2
{
    font-size:        8pt;
    color:            #000000;
    background-color: #e1e1e1;
}
.hour1
{
    font-size:        8pt;
    background-color: #ffffcc;
}
.hour2
{
    font-size:        8pt;
    background-color: #ffff99;
}
.notavailable
{
    font-size:        8pt;
    color:            #000000;
    background-color: #f5e78d;
}
.scheduletime
{
    font-size: 8pt;
    color:     #ff0000;
}
.schedulerow
{
    font-size:        8pt;
    background-color: #b0dcff;
    color:            rgb(0, 0, 0);
}
.hours
{
    font-size: 12pt;
}
.smallLinks
{
    font-size: 8pt;
}
.schDetTitle
{
    font-size:        7pt;
    font-family:      verdana, serif;
    background-color: #ffffcc;
}
.weekend
{
    background-color: yellow;
	font-size:        9px;
    font-family:      Verdana, serif;
    height:           19px;	    	    
}
.weekday
{
    background-color: #ffffcc;
    font-size:        9px;
    font-family:      Verdana, serif;
    height:           19px;    
}
.today
{
    border-right:     black 1pt solid;
    border-top:       black 1pt solid;
    border-left:      black 1pt solid;
    border-bottom:    black 1pt solid;
    background-color: #66ffcc;
    font-size:        9px;
    font-family:      Verdana, serif;
    height:           19px;    
}
.appdetail
{
    border-right:     black 1pt solid;
    border-top:       black 1pt solid;
    z-index:          5;
    visibility:       hidden;
    border-left:      black 1pt solid;
    border-bottom:    black 1pt solid;
    position:         absolute;
    background-color: #ffffcc;
    font-size:        9px;
    font-family:      Verdana, serif;
}
.scheduleLegend
{
    font-size:   8px;
    font-family: Arial, serif;
    height:      10px;
}
/*************************************************
**************************************************
The following are is used only in the fran report
**************************************************
**************************************************/
.franRptTable
{
	font-weight: lighter;
	font-size:   xx-small;
	color:       black;
	font-family: Verdana, Tahoma, 'Trebuchet MS', Arial, serif;	
	width:       98%;
}
.franRptTablesmtext
{
	font-weight: lighter;
	font-size:   xx-small;
	color:       black;
	font-family: Verdana, Tahoma, 'Trebuchet MS', Arial, serif;	
	width:       98%;
}
.franRptText
{
	font-weight: lighter;
	font-size:   xx-small;
	color:       black;
	font-family: Verdana, Tahoma, 'Trebuchet MS', Arial, serif;		
}
.franRptHR
{	
	color: black;
}
.franRptPageBreak
{	
	color:  black;
	height: 100px;
}
/*************************************************
**************************************************
The following are is used only in the inspection report
**************************************************
**************************************************/
.InspectionRptTable
{
	font-weight:   lighter;
	font-size:     10px;
	color:         black;
	width:         98%;
	border-right:  white;
    border-top:    white;
    border-LEFT:   white;
    border-bottom: white;
}    
.InspectionCategory
{	
	border-right:  #c0c0c0 1pt solid;
    border-top:    #c0c0c0 1pt solid;
    border-LEFT:   #c0c0c0 1pt solid;   
    border-bottom: #c0c0c0 1pt solid;
}

/*************************************************
**************************************************
The following are is used only in the custlead/followup sheet
**************************************************
******************/
.followUpDoNoPrint
{
	display:'';	
}
.followUpClass td
{
	font-size:11px;				
	font-family: Verdana, Tahoma, 'Trebuchet MS', Arial;	
	color:rgb(0, 0, 0);
	height:23px;
	
}
.followUpSelect
{
	font-size:7pt;
}

.nowrap-text {
    white-space: nowrap;
}

.center {
    text-align: center;
}

.center-element {
    margin-left: auto;
    margin-right: auto;
}

.center-element-max {
    margin: auto;
    width: 130%;
}

.center-element-full {
    margin: auto;
    width: 100%;
}

.center-element-50 {
   margin: auto;
   width: 50%;
}

.right {
    text-align: right;
}

.left {
    text-align: left;
}

.v-align-top {
    vertical-align: top;
}

.v-align-bottom {
    vertical-align: bottom;
}

v-align-middle {
    vertical-align: middle;
}

.default-table {
    border-spacing: 0px;
}

.default-table-1 {
    border-spacing: 1px;
}

.default-table-2 {
    border-spacing: 2px;
}

.td-padding-2 td {
    padding: 2px;
}

.td-padding-3 td {
    padding: 3px;
}

.td-padding-5 td {
    padding: 5px;
}

.td-padding-1 td {
    padding: 1px;
}

.full-width {
    width: 100%
}

.half-width {
    width: 50%;
}

.full-height {
    height: 100%;
}

.margin-auto {
    margin: auto;
}

.green-hr {
    border: 1px solid #669966
}

.border-0 {
    border: 0px;
}

.border-1 {
    border: 1px solid #d1d1e0;
}

.select-option-red {
    color: red;
}

.select-option-black {
    color: black;
}