/* Font Classes */
.italic {
  font-style: italic;
}

/* Alignment Classes */
.align_right {
  text-align: right;
}
.align_left {
  text-align: left;
}
.align_center {
  text-align: center;
}

/* Modal Popup */
.modalpopup_background, .disabled_background {
  background-color: Gray;
  filter: alpha(opacity=70);
  opacity: 0.7;
}      
.processing_splash_background {
  height: 100%;
  width: 100%;    
}    
.processing_splash {
  background-color: #ffffdd;
  border: solid 1px Black;
  font-size: 12pt;
  font-weight: bold;
  padding: 3px;
  width: 190px;		     
  left: 42%;
  top: 50%;
  position: fixed;	     
} 

.modalpopup {
	background-color: #e7eff7;
	border: solid 1px Black;
  	border-bottom-style: groove;
	padding: 3px;
	width: auto;
	font:inherit;
	font-size: 8.5pt;	  
}  /* END Modal Popup */

.updateProgress 
{
	position:absolute;
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden;
    background-color:#000;
    filter:alpha(opacity=50); 
    opacity:0.5; 
	z-index:1000; 
}

.updateProgressLight
{
	position:absolute;
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden;
    background-color:#000;
    filter:alpha(opacity=70); 
    opacity:0.7; 
	z-index:1000; 	
}

.updateProgressMessage
{
	position:absolute; 
    top:40%; 
    left:40%;
    padding:10px; 
    /*width:14%; */
    z-index:1001; 
    background-color:#fff;
    border:solid 1px #000;
}

/* Modal Update Progress Control */
#progressBackgroundFilter 
{
	position:fixed;
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    background-color:#000; 
    filter:alpha(opacity=50); 
    opacity:0.5; 
    z-index:1000; 
    
}#processMessage { 
    position:fixed; 
    top:30%; 
    left:43%;
    padding:10px; 
    /*width:14%; */
    z-index:1001; 
    background-color:#fff;
    border:solid 1px #000;
} /*  END Modal Update Progress Control */

.textsmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
}

.textmed
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
}

.textbig
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: black;
}

.textsmallB
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: black;
}

.textmedB
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	color: black;
}

.textmedBRed
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	color: red;
}

.textbigB
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11pt;
	color: black;
}

.textReq
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: red;
}
.textReqB
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: red;
	font-weight:bold;
}

.textReportRed
{
	font-family:Verdana, Arial;
    font-size:10px;
    color: Red;
}

.textReportRedB
{
	font-family:Verdana, Arial;
    font-size:10px;
    color: Red;
    font-weight: bold;
}

.BoldFontBlack
{
	font-family:Verdana, Arial;
    font-size:10px;
    color: Black;
    font-weight: bold;
}

.textsmallalt
{
	font-family: Verdana, Arial, helvetica, Sans-Serif;
	font-size: 7pt;
	color: Black;
}

.textmedwhiteB
{
	font-family: Verdana, Arial, helvetica, Sans-Serif;
	font-size: 10pt;
	font-weight: bold;
	color: White;
}
/* low pri is the class .textmed, high pri is .textReq */
.textmedpriority
{
	font-family: Verdana, Arial, helvetica, Sans-Serif;
	font-size: 8pt;
	color: Blue;
} 
.textsmallgray
{
	font-family: Verdana, Arial, helvetica, Sans-Serif;
	font-size: 8pt;
	color: Gray;
}


.sectionheader {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #1a1e27;
	text-transform: uppercase;
}

body
{
	background-color: #e7eff7;
}

#ContentPane a, A
{
	color: Black;
}

#LeftPane
{
	background-color:#ffffff; /*948c75;*/
	height:100%;
}

#FooterPane a, A
{
	color:Navy;
	padding-bottom:5px;
}
.hr
{	
	color: silver;
	width: 100%;
}





/********************************************************
* ReportTable is a set of style elements for data lists *
* one needs to set the class of the table to ReportTable*
* and if desired, the tr rows should be set to either   *
* ReportTableOddRow or ReportTableEvenRow				*
* <table class="ReportTable">							*
* <tr class="ReportTableOddRow">						*
*	<td....</tr>										*
* <tr class="ReportTableEvenRow">						*
*	<td....</tr>										*
*********************************************************/

/*
 *  InputTable styles
 *  Updated by Kertis Henderson
 *  2006-11-17
 */

.ReportTable
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	
	color: #000000;
	width: 100%;
	
	
}

.ReportTable th, .ReportTable TH
{
	font-weight: bold;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 3px;
    color: #ffffff;
    background: #3B8AB3;
}


.ReportTableOddRow{

	padding-right:5px;
	padding-bottom:3px;
	padding-left:5px;
	white-space:nowrap;
	background-color: #B2C6D1;
	font-size: 12px;
	color: Black;
}

.ReportTableEvenRow{
	padding-right:5px;
	padding-bottom:3px;
	padding-left:5px;
	white-space:nowrap;
	background-color: #e7eff7;
	font-size: 12px;
	color: Black;
}
.ReportTableHighlight
{
	padding-right:5px;
	padding-bottom:3px;
	padding-left:5px;
	white-space:nowrap;
	background-color:#F5A04B;
	font-size: 12px;	
	color: Black;	
}

.ReportTableOddRowHighlighted, .ReportTableEvenRowHighlighted
{
	padding-right:5px;
	padding-bottom:3px;
	padding-left:5px;
	white-space:nowrap;
	background-color: green;
	font-size: 12px;
}
.ReportTableEvenRow td, .ReportTableOddRow td
{
	border-bottom: solid 1px #BAC8D3;
	
}
.ReportTableOddRowHighlighted, .ReportTableEvenRowHighlighted
{
	color: White;
	
}



TABLE.ReportTable FONT.textaltsmall
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	 color: #293439;
	font-weight: bold;
}

.ReportTableSubHeader th, .ReportTableSubHeader TH
{
	font-weight: bold;
    padding: 2px;
    color: #ffffff;
    background: #3B8AB3;
}
TR.ReportTableSideHeader TH
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
    background: #3B8AB3;
	font-weight: bold;
}
TR.ReportTableSideHeader TD
{
	padding: 2px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #293439;
    background-color: #e7eff7;
	border-right: 0px;
	border-left: 0px;
}
.ReportTableDivider td, .ReportTableDivider TD
{
	padding: 2px;
	background: #3B8AB3;
}




.ReportTableOddRow input, .ReportTableOddRow INPUT{
	background:#F4F4F4;
}

.ReportTableEvenRow input, .ReportTableEvenRow INPUT{
	background:#f5f4f2;
}

.ReportTableFooter td
{
	background: #dddddd;
	color: dimgray;
}

/* Handle links in table header so they show up white */
.ReportTableHeaderAnchor
{
	font-weight: bold;
	color: white;
	font-size: 11px;	
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 3px;
    color: #ffffff;
    text-decoration: none;
}



/*
 *  End ReportTable
 */
	


/*
 *  InputTable styles
 *  Updated by Kertis Henderson
 *  2006-11-16
 */

.InputTable
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:black;
	width: 100%;
	font-weight: bold;
	background-color: #FFFFFF;
	border: solid 1px black;
}

.InputTableInside
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:black;
	width: 100%;
	font-weight: bold;
	background-color: #FFFFFF;
	
}
TABLE.InputTable TABLE.InputInsideBorder TD
{
     border-width: 1px;
     border-style: solid;
     border-color: #ffffff;
     padding: 4px;
     white-space: nowrap;
}
.InputTable td, .InputTable TD, .InputTableInside td, .InputTable td label
{
	font-family:Verdana, Arial;
	 font-size:11px;
	 font-weight: bold;
	 /*white-space:nowrap;*/
	 color: #293439;
     background: #e7eff7;
     padding-left: 2px;
	 padding-right: 2px;
	 padding-bottom: 2px; 
	 padding-top: 2px;
	 
}

.InputTable INPUT.submit, .InputTable INPUT.button, .InputTable INPUT.buttonstyle
{
	background-color: #3B8AB3;
	color: #ffffff;
	font-weight: bold;
	border-style: outset;
	border-color: white;
	border-width: thin;
	filter: progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ff4d9ac4',EndColorStr='#ff337599');
}

.InputTable .textsmall, .InputTable .textsmallB
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #293439;
	font-weight: bold;
}

.InputTable .textBigB
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11pt;
	color: black;
}

.InputTable .textreqB
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #ff0000;
	font-weight: bold;
}

.InputTable th, .InputTable TH 
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #3B8AB3;
}

.InputFooter td
{
	background:#e7eff7;
	color:dimgray;
}
.InputFooterAnchor
{
	color:dimgray;
	font-weight:bold;
	text-decoration:none;
	cursor:hand;
}



/*
 *  End InputTable
 */


.OptionListTitleItem
{
	background: #3B8AB3;
	font-weight: bold;
	text-indent: 15px;
	color: white;
}



.InfoTable
{
	font-family: Verdana, Arial;
	font-size: 10px;
	border: solid 1px black;
	color: Black;
	width: 80%;
}
.InfoTable td, .InfoTable TD
{
	font-family:Verdana, Arial;
	font-size:12px;
	border-bottom:1px solid gray;
	border-right:1px solid gray;
	padding-right:10px;
	padding-bottom:3px;
	padding-left:5px;
	white-space:nowrap;
	color:Black;
	background:#f0efed;
}

.InfoTable th, .InfoTable TH
{
	font-family:Verdana, Arial;
	font-size: 17px;
	font-weight:bold;
	border-bottom:1px solid gray;
	border-right:1px solid gray;
	padding-right:10px;
	padding-left:5px;
	color:white;
	padding-bottom:3px;
	background:#948c75;
	padding:3px;
}
.InfoTable
{
	font-family: Verdana, Arial;
	font-size: 10px;
	border: solid 1px black;
	color: Black;
	width: 80%;
}
.InfoTable td, .InfoTable TD
{
	font-family:Verdana, Arial;
	font-size:12px;
	border-bottom:1px solid gray;
	border-right:1px solid gray;
	padding-right:10px;
	padding-bottom:3px;
	padding-left:5px;
	white-space:nowrap;
	color:Black;
	background:#f0efed;
}

.InfoTable th, .InfoTable TH
{
	font-family:Verdana, Arial;
	font-size: 17px;
	font-weight:bold;
	border-bottom:1px solid gray;
	border-right:1px solid gray;
	padding-right:10px;
	padding-left:5px;
	color:white;
	padding-bottom:3px;
	background:#948c75;
	padding:3px;
}

.InfoTableFull
{
	font-family: Verdana, Arial;
	font-size: 10px;
	border: solid 1px black;
	color: Black;
	width: 100%;
}
.InfoTableFull td, .InfoTable TD
{
	font-family:Verdana, Arial;
	font-size:12px;
	border-bottom:1px solid gray;
	border-right:1px solid gray;
	padding-right:10px;
	padding-bottom:3px;
	padding-left:5px;
	white-space:nowrap;
	color:Black;
	background:#f0efed;
}

.InfoTableFull th, .InfoTable TH
{
	font-family:Verdana, Arial;
	font-size: 17px;
	font-weight:bold;
	border-bottom:1px solid gray;
	border-right:1px solid gray;
	padding-right:10px;
	padding-left:5px;
	color:white;
	padding-bottom:3px;
	background:#948c75;
	padding:3px;
}

span.hd1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #293439;
}

.hd2 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #000000;
	line-height: 27px;
}
.hd3 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #314588;
	line-height: 18px;
}

.LeftNavMain
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: white;
}

.tools a:link,a:hover,a:visited, a:active {
	color: white;
}


.ColorWhiteBg
{
	background-color: White;
}

.ColorMidBg
{
	background-color: #4FAD26;
}

.ColorDarkBg
{
	background-color: #314588;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-indent: 5pt;
	width: 215px;
	height: 25px;
	clip:   rect(auto auto auto auto);
	font-weight: bold;
	line-height: 25px;
}

.ColorLightBg
{
	background-color: #CCCCCC;
}
.ColorBlackBg
{
	background-color: Black;
}

.ColorBgSpacer
{
	background-color:#40775F
}
	
/**********************************************************************/
/* Old styles */
/**********************************************************************/


.buttonstyle
{
	background-color: #3B8AB3;
	color: #ffffff;
	font-weight: bold;
	border-style: outset;
	border-color: #3B8AB3;
	border-width: thin;
	filter: progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ff4d9ac4',EndColorStr='#ff337599');
    
   
}

.ButtonRed
{
padding-top:0px;
padding-bottom:0px;
padding-left:3px;
padding-right:1px;
padding-top:0px;
cursor:hand;
background:#DF0000;
color:#fefeee;
font-family:arial;
font-size:11px;
font-weight:bold;
border-style:ridge;
border-width:1px;
border-top-color:red;
border-right-color:red;
border-bottom-color:#4B0808;
border-left-color:#4B0808;
filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffff',EndColorStr='#DF0000');
}


.ButtonRedSmall
{
padding-top:0px;
padding-bottom:0px;
padding-left:3px;
padding-right:1px;
padding-top:0px;
cursor:hand;
background:#DF0000;
color:#ffffff;
font-family:verdana;
font-size:9px;
font-weight:bold;
border-style:ridge;
border-width:1px;
border-top-color:red;
border-right-color:red;
border-bottom-color:#4B0808;
border-left-color:#4B0808;
filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffff',EndColorStr='#DF0000');
}


.excel
{
	padding-top:1px;
    padding-right:1px;
	padding-left:1px;
	mso-ignore:padding;
	color:windowtext;
	font-size:10.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:Arial;
	mso-generic-font-family:auto;
	mso-font-charset:0;
	mso-number-format:"\@";
	text-align:general;
	vertical-align:bottom;
	mso-background-source:auto;
	mso-pattern:auto;
	white-space:nowrap;
}

/* This is for the CRM Calendar only!!! */ 
.SmallCalfont{
	font-size: 11px;
	font-family: verdana;
	}
	
.SmallCalfont2{
	font-size: 11px;
	font-family: verdana;
	font-weight: bold;
	}
.SmallCalfontBold{
	font-size: 10px;
	font-family: verdana;
	font-weight: bold;
	}
.CalTopBottonBar{
	background-color: #462658;
	height: 30px;
	}
.CalBackGround{
	background-color: #e7eff7;
	}
.CalfontBold{
	font-size: 11px;
	font-family: verdana;
	font-weight: bold;
	}
.CalfontRed{
	font-size: 10px ! important;
	font-family: verdana;
	color: Red ! important;
	}
.CalfontBlue{
	font-size: 10px ! important;
	font-family: verdana;
	color: Blue ! important;
	}
.CalfontGray{
	font-size: 10px ! important;
	font-family: verdana;
	color: #999999 ! important;
	}
.Calfont{
	font-size: 10px ! important;
	font-family: verdana;
	}		
.CalfontMonthReminder{
	font-size: 9px ! important;
	font-weight: bold ! important;
	font-family: verdana ! important;
	}	
.CalfontReminder{
	font-size: 10px;
	font-weight: bold;
	font-family: verdana;
	}	
.CalDatefont{
	font-size: 18px;
	font-family: verdana;
	font-weight: bold;
	}
.SmallCalfontGray{
	font-size: 11px;
	font-family: verdana;
	color: #D0D0D0;
	}
.SmallCalfontLight{
	background-color: #F9F679;
}

.BottomBorder{
	border-bottom-style: solid;
	border-bottom-color: #F0F0F0;
}
.calendarTD {width:180 ! important;
			 height:90 ! important;}
			 
.calendarBigDayColorBg
{
	background: #CCCCCC;
}
.calendarBigTable
{
	background-color: #3B8AB3;
	
}
.calendarBigTable td
{
	
	padding: 1px;
}
.calendarSmall
{
	background: transparent url("/agriminedev/images/CRMCalender/smallCalender.gif") no-repeat;
	width: 150;
	height: 230;
	
}
.calendarSmallSearch
{
	background: transparent url("/agriminedev/images/CRMCalender/leftnavSearch.gif") no-repeat;
	width: 150;
	height: 70;
}

.calLinks a:link, .calLinks a:hover, .calLinks a:visited, .calLinks a:active
{
	text-decoration: none;
	color: Yellow;
}

/* End CRM Calendar */
/*************************************************************************/
.textmedIndent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
	margin-left: 17px;
}
.ColorDarkBgSm {

	background-color: #462658;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-indent: 10pt;
	width: 175px;
	height: 25px;
	clip:   rect(auto auto auto auto);
	font-weight: bold;
	line-height: 25px;
}
.radiobuttonstyle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 1px 0px 1px;
	cursor: hand;
	background: tansparent;
	color: #000000;
	font-size: 8pt;
	font-weight: bold;
	border: 0;
	
}
.checkbox
{
	background: Transparent;
	border: 0;
}

input
{
	font:10px  Verdana, Arial, Helvetica, sans-serif ;
	color:#000;
	border:solid 0 #fff;
	
	background: white;
	border:solid 1px gray;
}

select
{
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	
}
.OptionListItem
{
	background:#dad7ce;
	font-weight:bold;
	text-indent:15px;
	color:Black;
}
/*
fieldset {
  background-color:#e7eff7;
  border: solid 0px #1a1e27; 
  padding-left:10px;
  padding-right:15px;
  padding-bottom:15px;
  margin:0px;
  border: 1px solid gray;
  }

legend 
{
background-color:#3B8AB3;
font-family: Verdana;
color:white;
font-size:14px;
padding-left:16px;
padding-right:16px;
padding-top:2px;
padding-bottom:2px;
text-transform:uppercase;
font-weight:bold;
border:1px solid gray;
}
*/
.br {display:none;}  
  
textarea {
	font: Verdana, Arial, Helvetica, sans-serif;
	color:#333 ;
	margin:3px;
	padding: 0 8px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: auto;
}

.select
{
	width: auto;
}

select.replaced {
    display: none;
}

/* LeftPane Nav */
.leftpanetable
{
	background:#948c75;
}

.submenu
{
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	color:Black;
}

.submenu td
{
	border-bottom: dotted 1px black;
	background-color: #948f85;
	padding: 3px 0 3px 0;

}
.submenuover td
{
	background-color: #d4d0c8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	padding: 0 0 0 0;
}

.submenuover a:link, .submenuover a:hover
{
	color: #1c95a6;
	text-decoration:underline;
	font-weight:bold;
}
.leftmenu td
{
	background-color: #d4d0c8;
	color: #1c95a6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	padding: 3px 0 3px 0;
}
.leftmenu a:link, .leftmenu a:hover
{
	color: #1c95a6;
	text-decoration:underline;
	font-weight:bold;
}
.leftmenu a:active, A:active{
	color:#1c95a6;
	text-decoration:underline;
	font-family:verdana;
	font-size:10px;
}
.leftmenu a:visited, A:visited{
	color:white;
	text-decoration:underline;
	font-family:verdana;
	font-size:10px;
}


.tablesmall 
{
	border: solid 1px #e6e7a7;
}

/*TD#LeftPane
{
	background-color: #e7eff7;
}
*/

/*
 *  Header
 */

A.Header, A.Header:active, A.Header:visited, .HeaderEquiv
{
    color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
A.Header:hover
{
    color: #cfcfcf;
}

/*
 *  End Header
 */


/*

 *  Footer

 */

TD.FooterTop

{
      width: 100%;
      height: 10px;
      empty-cells: show;
      background-repeat: repeat-x;
}

 

TD.FooterLinks

{
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      font-style: normal;
      font-weight: bold;
      text-decoration: none;
      color: #c6c3c6;
      padding-top: 4px;
}

A.Footer, A.Footer:visited, A.Footer:active

{
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      font-style: normal;
      font-weight: bold;
      text-decoration: none;
      color: #c6c3c6;
}

A.Footer:hover {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      font-style: normal;
      font-weight: bold;
      text-decoration: none;
      color: #efebef;
}

div.FooterTop /*Added for master page from TD. to div DKT*/
{
	width: 100%;
	height: 10px;
	empty-cells: show;
	background-repeat: repeat-x;
}

div.FooterCopyright /*Added div for Master Pages DKT*/
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #293439;
	padding-top: 12px;
	text-align: center;
	width:90%;
	height: 20px;
}

div.FooterImage /*Added For master DKT*/
{
	width: 104px;
	text-align: right;
}

TD.FooterCopyright

{
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      font-style: normal;
      font-weight: bold;
      text-decoration: none;
      color: #293439;
      padding-bottom: 4px;
      text-align: center;
      vertical-align: middle;
}

TD.FooterImage

{
      width: 104px;
      text-align: right;
}

IMG.FooterXSLogo

{
      width: 104px;
      height: 40px;
      border-style: none;
}

 

/*

 *  End Footer

 */


/* Manual-POS-Entry */


.alignTop {vertical-align: top;}
.tablePaddingLeftRight {padding:0px 5px 0px 5px;}
.tablePaddingRight {padding:0px 5px 0px 0px;}

#divProgress {display:none}
/* HANDLED BY HEADER #statusHeader {background-color: blue; color: white; padding: 5px 5px 5px 5px;} */
#spnSearchMessage {color: red;}
#gridHeader {background-color: blue; color: white;}
#txtCustomerName {width: 220px;}
#txtAddress1, #txtAddress2 {width: 210px;}
#selTreatment {width: 180px}
#selCategory {width: 140px;}
#selProduct {width: 100px;}
#selProductDesc {width: 300px;}
#txtLicenseNo {width: 140px;}
#txtUOM {width: 26px;}
#divGrid {overflow: scroll; height: 180px; width: 1000px; background: #e7eff7;}
#divSearchResults {overflow: scroll; height: 300px; width: 760px; border: solid 1px blue;}
#divSearchData {display: none;}
/**********************/

/* Manual-POS-Entry Calendar */
/* The main calendar widget.  DIV containing a table. */

.calendar {
  position: relative;
  display: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #d4d0c8;
  font-family: tahoma,verdana,sans-serif;
}

.calendar table {
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #d4d0c8;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar .nav {
  background: transparent url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: #848078;
  color: #fff;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #000;
  padding: 2px;
  text-align: center;
  background: #f4f0e8;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  padding: 0px;
  background-color: #e4e0d8;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background-color: #c4c0b8;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day .othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day .othermonth .oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #f4f0e8;
}

.calendar tbody .rowhilite td {
  background: #e4e0d8;
}

.calendar tbody .rowhilite td.wn {
  background: #d4d0c8;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  padding: 2px 2px 0px 2px;
  background: #e4e0d8;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #f4f0e8;
  padding: 1px;
  border: 1px solid #000;
  background: #848078;
  color: #fff;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #e4e0d8;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #e4e0d8;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  background: #c4c0b8;
  padding: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar .combo .hilite {
  background: #048;
  color: #fea;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #766;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}

label
{
	font-size: 10pt;
	
	font-family: Verdana, Arial, helvetica, Sans-Serif;
}
/******************************/

/* Calendar Extender Control */
.CalendarTable {font-size:8pt;border-collapse:collapse;padding:0px 0px 0px 0px;}
.CalendarTable td, .CalendarTable TD{font-size:8pt;border-collapse:collapse;padding:0px 0px 0px 0px;} 

.ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:170px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica;}
.ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.ajax__calendar_container TABLE {font-size:11px;}
.ajax__calendar_header {height:20px;width:100%;}
.ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url(WebResource.axd?d=h5orERdAXqJwNOs03yyPelp7bMUUMOtSL2yUIRd-eh2-cuX6WPyygZ3af2jYqwPfNQQAbG75SUCIun2YdKD8uQ2&t=633059379620000000);}
.ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(WebResource.axd?d=h5orERdAXqJwNOs03yyPelp7bMUUMOtSL2yUIRd-eh2-cuX6WPyygZ3af2jYqwPf0GxIQ9SNZIrG5n9i8AgXUw2&t=633059379620000000);}
.ajax__calendar_title {cursor:pointer;font-weight:bold;}
.ajax__calendar_footer {height:15px;}
.ajax__calendar_today {cursor:pointer;padding-top:3px;}
.ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
.ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}
/* END Calendar Extender Control */ 


/** Buying Group stuff **/
.BGReportTable
{
	font-family: Arial, Geneva, Helvetica, sans-serif;
	width: 100%;
}

.BGReportTable th, .BGReportTable TH
{
	font-weight: bold;
    font-size: 11pt;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 3px;
    background: #3B8AB3;
    font-family: Arial, Geneva, Helvetica, sans-serif;
    text-transform: uppercase;
}

.FooterStyle, .FooterStyle
{
	font-weight: normal;
   	padding-right:5px;
	padding-bottom:3px;
	padding-left:5px;
	white-space:nowrap;
	background-color: #e7eff7;
	font-size: 12px;
	color: Black;

}

.BGReportTable th A, .BGReportTable TH A
{
	font-family: Arial, Geneva, Helvetica, sans-serif!important;
	color:White!important;	
	font-size: 10pt!important;
}

.BreadCrumb
{
	font-size: 10pt;
	font-weight:bold;
	font-family: Arial, Geneva, Helvetica, sans-serif!important;
}

    /*BEGIN MASTERPAGE CSS*/ 
       
        /*BEGIN STYLE FOR POP UP ERROR MESSAGE*/
        #fade { /*--Transparent background layer--*/
	        display: none; /*--hidden by default--*/
	        background: #000;
	        position: fixed; left: 0; top: 0;
	        width: 100%; height: 100%;
	        opacity: .60;
	        z-index: 9999;
        }
        .popup_block{
	        display: none; /*--hidden by default--*/
	        background: #F9F6EA;
	        padding: 20px;
            height: 150px;
	        color: #f00;  
            overflow: auto; 
            border: 20px solid #ddd;
	        float: left;
	        font-size: 10px; 
            font-weight: bold;
            font-family:  Verdana; 
	        position: fixed;
            width: 450px;
	        top: 50%; left: 50%;
	        z-index: 99999;
	        /*--CSS3 Box Shadows--*/
	        -webkit-box-shadow: 0px 0px 20px #000;
	        -moz-box-shadow: 0px 0px 20px #000;
	        box-shadow: 0px 0px 20px #000;
	        /*--CSS3 Rounded Corners--*/
	        -webkit-border-radius: 10px;
	        -moz-border-radius: 10px;
	        border-radius: 10px;
        }
        img.btn_close {
	        float: right;
	        margin: -55px -55px 0 0;
        }
        
        #popup_name a {
            color: blue;
            float: right;
        }
        /*END STYLE FOR POP UP ERROR MESSAGE*/
        
        /*BEGIN STYLE FOR LEFT NAVIGATION*/
        div.LeftNav
        {
            /* height: <%#intFrameHeight%>px;*/
            float:left;
        }
        iframe.LeftNavIFrame
        {
            background-color: #398ab5;
            width: <%#(intFrameWidth + intHandleWidth) %>px;
            /*height: <%#intFrameHeight%>px;*/
        }
        IMG.LeftNavIFrameGrip
        {
            width: <%#intHandleWidth %>px;
            height: 50px;
            cursor: w-resize;
            text-align: center;
            vertical-align: middle;            
        }
        div.LeftNavIFrameHandle
        {
            width: <%#intHandleWidth %>px;
            background-color: #398ab5;
            color: #ffffff;
            cursor:  w-resize;
            background-image: url(<%#Session("ImagePath")%>/NavIcons/sizer_bg.gif);
            background-repeat: repeat-y;
            text-align:  center;
            vertical-align: middle;
            float:left;
    
            /*height: <%#intFrameHeight%>px;*/
        }
         /*END STYLE FOR LEFT NAVIGATION*/
       
      .SessionMsg{color: #f00; overflow: auto; padding-right: 20px; padding-left: 20px;  padding-top: 20px; padding-bottom: 20px; margin-right:10px;border:1px solid black;font-family: Verdana; font-size: 10px; font-weight: bold; background-color: #e7eff7;text-align:center;vertical-align:middle;}

/* End Master CSS */

.border-table {
    border-radius: 10px;
    margin-bottom: 2em;
}

.border-table-header {
    background-color: #3B8AB3;
    border-radius: 10px 10px 0px 0px;
    color: #fff;
    font-size: 1.2em;
    font-weight: 600;
    padding: 10px;
}

.border-table-content {
    background-color: #e7eff7;
    border: 1px solid #CAC9BB;
    border-radius: 0px 0px 10px 10px;
    padding: 10px;
}

/* #region Model Popup */

.dcp-modal .border-table {
    border-radius: 10px;
    margin: 1em 1em 2em 1em;
}

.dcp-modal .border-table-header {
    background-color: #3B8AB3;
    border-radius: 16px 16px 0 0;
    color: #fff;
    font-size: 1.2em;
    font-weight: 600;
    padding: 10px 16px;
}

.dcp-modal .border-table-content {
    background-color: #e7eff7;
    border: 1px solid #CAC9BB;
    border-radius: 0px 0px 10px 10px;
    padding: 10px;
}

body, input, select {
    font-family: Arial, Verdana;
    font-size: 12px;
}