body {
    font-family: Arial,Verdana;
}

#titlebar {
    /*background-color: #007051;*/
    /*color: #FFFFFF;*/
    font-size: 11px;
    min-width: 140px;
    /*padding: 5px 0px 5px 10px;*/
}

    #titlebar .nav {
        float: right;
        line-height: 16px;
        /*margin-right: 10px;
    padding: 5px;*/
        text-align: right;
    }

.top-org-name {
    font-size: 25px;
    font-weight: bold;
    /*margin: 0;
    padding: 5px;
    height:2em; 
    line-height:2em;*/
}

.clear {
    clear: both;
}

.RadMenu .rmLink .rmText  
 {  
    font-family: Verdana, Arial, Helvetica, sans-serif !important;  
 }  

.RadMenu .rmRootGroup
{
    border: none !important;
}

.grid-nowrap-column {
    white-space:nowrap;
}

.common-display-grid td
{
	Font-Size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
     overflow: visible !important;  
}

.common-display-grid th
{
    Font-Size: 8pt;
	color: #FFFFFF !important;
    background-color: #007051 !important;
}

.common-display-grid .rgAltRow td {
    background-color: #F5F5F5;
}

.common-display-grid .rgRow td {
    background-color: #FFFFFF;
}
.common-display-grid .rgHoveredRow td {
    background-color: #DEE0C8 !important;    
}

.common-display-grid .rgSelectedRow td {
    color: Black;    
     background-color: #DEE0C8 !important;
}

.common-display-grid .rgHeader {
    color: #FFFFFF !important;
    background-color: #007051 !important;
    font-weight: bold !important;
	
}
.rgFooter1{
	color: #FFFFFF !important;
	background-color: #007051 !important;
	font-weight: bold !important;
}
.rgFooter1 td{
	border: 1px solid !important;
	border-color: #b5b9b2 !important;
	padding-top: 4px !important;
	padding-left:10px !important;
	border-top-width: 0px !important;
}
.common-display-grid .rgHeader a {
    color: #FFFFFF !important;
    background-color: transparent;
    font-weight: bold !important;
}

.common-display-grid .gridViewLink
{
	font-size: 8pt;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #007051 !important;
	text-decoration: underline;
	text-align: center;
	padding: 3px;
	overflow: visible;
}

#titlebar {
    /*background-color: #007051;*/
    /*color: #FFFFFF;*/
    font-size: 11px;
    min-width: 960px;
}

    #titlebar .nav {
        float: right;
        /*margin-right: 10px;
    padding: 5px;*/
    }

/*.top-org-name { 
    float: left;
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    padding: 5px;
    height:2em; line-height:2em;
    font-family: Tahoma;
}*/

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.rmRootGroup
{
    border:none !important;
}

.RadPanelBar .rpItem 
{
    overflow: visible !important;
}
     
.RadPanelBar .rpLevel1 {
    height: 100% !important;
    overflow: auto !important;
}

.rpText {
    background-color: #64A77B !important;
    color: #FFFFFF !important;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 11px;
    font-weight: bold;
}   




.PESummaryCtrl
{
	padding: 10px;
}

.center
{
    margin-left:auto; margin-right:auto;
}
.SelectedRadGridItem
{
	background-color: Blue;
}
.mainMenu
{
    z-index: 5;
}

a.bluelink:link {COLOR: #639522; FONT-SIZE: 10pt; font-family: Arial, Helvetica, sans-serif;}
a.bluelink:active {COLOR: #639522; FONT-SIZE: 10pt; font-family: Arial, Helvetica, sans-serif;}
a.bluelink:visited {COLOR: #639522; FONT-SIZE: 10pt; font-family: Arial, Helvetica, sans-serif;}
a.bluelink:hover {COLOR: #3399FF; FONT-SIZE: 10pt;TEXT-DECORATION: underline; font-family: Arial, Helvetica, sans-serif;}

/* Breadcrumbs Arrow Icons */
#breadcrumbs a.bluelink  { background: url(/images/icons/icon_arrow_blue.gif); padding-left:15px;  background-position: 0px -2px; background-repeat: no-repeat;   vertical-align:middle;}
#breadcrumbs a.bluelink:hover  { background: url(/images/icons/icon_arrow_orange.gif); padding-left:15px; background-position: 0px -2px; background-repeat: no-repeat;   vertical-align:middle;TEXT-DECORATION: underline;}
#breadcrumbs a.bluelinkon  { COLOR: #3399FF; FONT-SIZE: 8pt; background: url(/images/icons/icon_arrow_orange.gif); padding-left:15px; background-position: 0px -2px; background-repeat: no-repeat;   vertical-align:middle;}

.tvDistrictNode
{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

.tvDistrictNodeGreen {
    color: green !important;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}
.rtSelected .tvDistrictNodeGreen {
    color: white !important;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}

.tvRouteSubNode
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.tvRouteSubNodeGreen {
    color: green !important;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}
.rtSelected .tvRouteSubNodeGreen {
    color: green !important;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}
.GridImage {
    margin-right: 3px;
}

.css-grd {
	background: #999; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF8F2', endColorstr='#F2E2D3'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#FFF8F2), to(#F2E2D3)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #FFF8F2,  #F2E2D3); /* for firefox 3.6+ */

}

.sidePaddedDiv
{
	padding-left: 2%;
	padding-right: 2%;
}

.RadWindow .rwIcon {   
	display: none!important;
}  

.spacer {
	clear: both;
}

.errorLabel 
{
	font-size: 12px;
	color: Red;
}

.complaintLabel
{
	text-align: right;
	padding-right: 5px;
	padding-bottom: 5px;
	width: 33%;
	font-size: 11pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: Black;
}

.complaintField
{
	width: 200px;
}

.button {
	background: #639522;	
	background-color: #007051;
	border: solid 1px #3B5998;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	overflow: visible;
	width: auto !important;	
    height: 30px;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

.complaintButton {
	background: #FF450A;
	border: solid 1px #3B5998;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	overflow: visible;
	width: auto !important;
	width: 50px;
}

.buttonApprove {
	background: #639522;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#96C26E', endColorstr='#639522'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#96C26E), to(#639522)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #96C26E,  #639522); /* for firefox 3.6+ */
	
	border: solid 1px #3B5998;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	overflow: visible;
	width: 200px;
}

.buttonInactive
{
	background: #CCC;
	color: Gray;
	border: solid 1px #3B5F5F;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	overflow: visible;
	width: auto !important;
	width: 50px;
}

.buttonGridLink
{
	background: #CFCFCF;
	color: Blue;
	border: solid 1px #3B5F5F;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	overflow: visible;	
	width: 75px;
}

.buttonGridLink a
{
	color: Red;
}


.button-clear
{
	background: #D8DFEA;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#D8DFEA');
	background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#D8DFEA));
	background: -moz-linear-gradient(top,  #F8F8F8,  #D8DFEA);
	
	border: solid 1px #639522;
	color: #639522;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	overflow: visible;
	width: auto !important;
	width: 50px;
}

.popupBodyWrap 
{
	background-color: #E1DAC7;
	margin: 0px;
}
 .detailsTable
{
	background-color: #CCCCCC;	

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F6F5ED'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F6F5ED)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #FFFFFF,  #F6F5ED); /* for firefox 3.6+ */
	
	border: 1px solid #BBBBBB;
	margin: 0px;
	overflow: hidden;
}

.profile-table 
{
    height:475px;
    width: 100%;
}

.detailsTable table 
{
	width: 100%;
}

.detailsTable table #customerInfo
{
	width: 100%;	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFCFE', endColorstr='#D0D6E6'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FCFCFE), to(#D0D6E6)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #FCFCFE,  #D0D6E6); /* for firefox 3.6+ */
}

.detailsTable .tableHeader {
    background-color: #64A77B;

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C2DCCBF', endColorstr='#64A77BF'); /* for IE */
    background: -ms-linear-gradient(left top, #C2DCCBF 100%, #64A77BF 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#C2DCCB), to(#64A77B)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #C2DCCB,  #64A77B); /* for firefox 3.6+ */
    zoom:1;
	color: #fff;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	margin-bottom: 10px;
}

.detailsTable .tableHeaderMeterReads {
	background-color: #3B5998;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CAC3A8', endColorstr='#B1A982'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#CAC3A8), to(#B1A982)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #CAC3A8,  #B1A982); /* for firefox 3.6+ */
	
	color: #fff;
	font-weight: bold;
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	margin-bottom: 10px;
}

.detailsTable .loginHeader 
{
	background-color: #3B5998;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CAC3A8', endColorstr='#B1A982'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#CAC3A8), to(#B1A982)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #CAC3A8,  #B1A982); /* for firefox 3.6+ */
	
	color: #fff;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	margin-bottom: 10px;
}

.detailsTableHeader td {
	color: #fff;
}

.detailsTable .borderedTable
{
	border: solid 1px #3B5998;
}

.detailsPanelBorder
{
	border: solid 1px #3B5998;
}

.CellWithBorderAndRoundCorner{
    background-clip: padding-box;
    border-radius: 10px;  
    border: 1px solid gray;}
.CellWithBorder {
     border: 1px solid gray;
}

tr.spaceUnder>td {
  padding-bottom: 1em;
}

.detailsTable .searchLabel
{
	text-align: right;
	padding-right: 5px;
	padding-bottom: 5px;
	width: 28%;
	font-size: 9pt;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	color: #639522;
	
}

.detailsTable .searchInfoBlock
{
	text-align: left;
	padding-right: 5px;
	padding-bottom: 5px;
	font-size: 9pt;
	width: 98%;
	/*min-width: 250px;*/
}

.detailsTable .basicLabel
{
	text-align: right;
	padding-right: 5px;
	padding-bottom: 5px;
	width: 25%;
	font-size: 9pt;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

.detailsTable .basicBorderedLabel
{
	text-align: right;
	padding-right: 5px;
	padding-bottom: 5px;
	width: 33%;
	font-size: 9pt;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	color: #639522;
	
	border-bottom: 1px solid #C0C0C0;
	border-right: 1px solid #9F9065;
}

.detailsTable .shortLabel
{
	text-align: right;
	padding-right: 5px;
	padding-bottom: 5px;
	width: 40%;
	font-size: 9pt;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	color: #639522;
}

.detailsTable .basicInfoBlock
{
	text-align: left;
	padding-right: 5px;
	padding-bottom: 5px;
	font-size: 9pt;
	width: 65%;
	/*min-width: 250px;*/
}



.detailsTable .basicBorderedInfoBlock
{
	text-align: left;
	padding-right: 5px;
	padding-bottom: 5px;
	font-size: 9pt;
	width: 98%;
	border-bottom: 1px solid #C0C0C0;
}

.detailsTable .gridLabel
{
    background-color: #EBEBEB;
	padding: 3px 3px 5px;
	border-bottom: 1px solid #C0C0C0;
	border-right: 1px solid #9F9065;
	font-size: 9pt;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	color: #639522;
	text-align:left;
}

.detailsTable .gridInfoBlock
{
	padding: 3px 3px 5px;
	border-bottom: 1px solid #C0C0C0;
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 9pt;
	background-color:White;
}
.detailsTable .shortInfoBlock
{
	text-align: left;
	padding-right: 5px;
	padding-bottom: 5px;
	font-size: 9pt;
	width: 98%;
	/*min-width: 250px;*/
}

.detailsTable .basicInfoBlock input
{
	width: 95%;
}


a.siteLink
{
	color: #639522;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
}

a.siteLinkSmall
{
	color: #639522;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}


a.siteLink input
{
	color: #639522;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

a.siteLinkButton
{
	color: #639522;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F6F1E6'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F6F1E6)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #FFFFFF,  #F6F1E6); /* for firefox 3.6+ */
	border: solid 1pt #639522;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px 6px 3px 6px;
	overflow: visible;
	width: auto !important;
	width: 50px;
}

a.siteLinkButtonInverse
{
	color: #FFFFFF;
	background-color: #639522;
	border: solid 1pt #639522;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px;
	overflow: visible;
	width: auto !important;
	width: 50px;
}

a.siteDownloadLinkButton
{
	color: #5EB545;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F6F1E6'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F6F1E6)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #FFFFFF,  #F6F1E6); /* for firefox 3.6+ */
	border: solid 1pt #639522;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px 6px 3px 6px;
	overflow: visible;
	width: auto !important;
	width: 50px;
}

.searchOptionLabel
{
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #639522;
	text-align: left;
	margin-left: 4px;
}

.fieldset {
  flex: 1; /* additionally, equal width */
  margin: 2px;
  padding: 0 1px 1px;
  border: 1px solid #666;
  border-radius: 8px;
  box-shadow: 0 0 1px #666;
  padding-top: 1px;
}

.legend {
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  padding: 2px 4px;
  background: #fff;
  color : #237D2A
  /* For better legibility against the box-shadow */
}
.searchOption
{
	width: 125px;
}

.customerNameLabel
{
	font-size: 16pt;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #02956B;
	text-align: center;
	font-style:italic;
}

.standardLabel
{
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #639522;
	text-align: left;
}

.standardLabelLarge
{
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #639522;
	text-align: left;	
}

.standardText
{
  	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;	
}

.standardTextBlack
{
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	color: Black;
	text-align: left;	
}


.standardTextBold
{
  	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	font-weight: bold;
}

.basicPanel
{
	background-color: #EBEBEB;
	border: thin solid #639522;
	width: 100%;
	padding: 5px;
	padding: 2.5%;
	margin-left:auto;
	margin-right:auto;
}

#mainPH
{	
	padding: 5px;
	padding-bottom: 0px;
	background-color: #F7F7F7;
	overflow: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	background: #F6F7F1;/*#F6FAF2;*/ 	
	border: none;

	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DCF7DC', endColorstr='#E8F7DE'); /* for IE */
	/*background: -webkit-gradient(linear, left top, left bottom, from(#DCF7DC), to(#E8F7DE)); /* for webkit browsers */
	/*background: -moz-linear-gradient(top,  #DCF7DC,  #E8F7DE); /* for firefox 3.6+ */
}

.pgBody
{   
    padding: 0px;
    margin: 0px;    
    background-color: #F2F2F2;
	
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#72614F', endColorstr='#DEDAD6'); /* for IE */
	/*background: -webkit-gradient(linear, left top, left bottom, from(#72614F), to(#DEDAD6)); /* for webkit browsers */
	/*background: -moz-linear-gradient(top,  #72614F,  #DEDAD6); /* for firefox 3.6+ */
}

#bodyWrap
{   
    /*padding-left: 1.5%;
    padding-right: 1.5%;    */
}

/*.top-org-name {
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 5px;
   height:2em; line-height:2em;
}*/

#topWrapper
{
    height: 70px;
	margin: 0px;
	padding: 0px;	
	background-color: #F9FCF7;
}

#outerWrapper
{
	width: 100%;
	background-color: #F6F7F1;
    border-left: 2px solid #DEE0C8;
    border-right: 2px solid #DEE0C8;
    border-bottom: 2px solid #DEE0C8;
     
}

.content-wrapper {    
    margin: 10px;
    padding: 3px 10px 10px 10px;  
    /*max-width: 960px;*/
    min-width: 95%;
    max-width: 100%;    
    background-color: white;
    border: 1px solid #BBBBBB;
    border-radius: 5px;
    -moz-border-radius: 5px;
    display: inline-block;
}

#menuWrapper
{   
}

#badgeWrapper
{
	width: 380px;
	height: 230px; 
	border: thin solid black; 
	padding: 10px;
	background-color: White;
}

#branding
{	
	float: left;
}

#login
{
	float: right;	
}

#chngpwd
{
	padding-top: 4px;
}

#menu
{
	margin-top: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 2px;
	width: 100%;
	background-image:  url("/Images/Common/btn_teal_00x24.png");
	background-repeat: repeat-x;	
}

#submenu
{
	width: 100%;
	height: 30px;
	background-image:  url("/Images/Common/submenubar.png");
	background-repeat: repeat-x;	
}



.menuitem
{
	text-decoration: none;
	margin-left: 6px;
	margin-right: 6px;
	padding: 3px 10px 3px 10px;
}

.menuitem
{
	text-decoration: none;
	margin-left: 6px;
	margin-right: 6px;
	padding: 3px 6px 3px 6px;
}
/* PageMessage */
.warn_content { FONT-SIZE: 8pt; width:100%; }

.warn_successful { background: url(/images/icons/icon_status_success_26x26.gif) 5px 5px no-repeat;  height:35px; background-color:#D3F0B5; COLOR: #318329; padding-left:35px;}

.warn_information { background: url(/images/icons/icon_status_info_26x26.gif) 5px 5px no-repeat; height:35px; background-color:#FAE589; COLOR: #B58610; padding-left:35px;}

.warn_critical { background: url(/images/icons/icon_status_fail_26x26.gif) 5px 5px no-repeat; height:35px; background-color:#EAADAD; COLOR: #9D0707; padding-left:35px; }

.split {
	float: left;
	width: 49%;
}

.split-left {
	float: left;
	width: 35%;
	overflow: hidden;
}

.split-left-small {
	float: left;
	width: 28%;
	overflow: hidden;
}

.split-left1 {
	float: left;
	width: 55%;
	overflow: hidden;
}

.split-right {
	float: left;
	width: 64%;
	overflow: hidden;
}

.split-right1 {
	float: left;
	width: 44%;
	overflow: hidden;
}

.spacer {
	clear: both;
}

.menu-button
{
	background: #3B5F5F;
	border: solid 1px #3B5F5F;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	overflow: visible;
	width: auto !important;
	width: 50px;
}
.input-left-70 {
	float: left;
	font-weight: bold;
	text-align: right;
	margin-right: 3px;
	width: 70px;
}
.input-left-80 {
	float: left;
	font-weight: bold;
	text-align: right;
	margin-right: 3px;
	width: 85px;
}
.input-left-90 {
	float: left;
	font-weight: bold;
	text-align: right;
	margin-right: 3px;
	width: 90px;
}
.input-left-100 {
	float: left;
	font-weight: bold;
	text-align: right;
	margin-right: 2px;
	width: 100px;
}
.input-left-110 {
	float: left;
	font-weight: bold;
	text-align: right;
	margin-right: 2px;
	width: 110px;
}
.input-left-120 {
	float: left;
	font-weight: bold;
	text-align: right;
	margin-right: 2px;
	width: 120px;
}
.input-left-140 {
	float: left;
	font-weight: bold;
	text-align: right;
	margin-right: 2px;
	width: 140px;
}

.input-left-150 {
	float: left;
	font-weight: bold;
	text-align: right;
	margin-right: 3px;
	width: 150px;
}

.input-left {
	float: left;
	font-weight: bold;
	text-align: right;
	margin-right: 3px;
	width: 120px;
}

.input-left-small {
	float: left;
	font-weight: bold;
	text-align: right;
	margin-right: 3px;
	width: 70px;
}


.input-left3 {
	float: left;
	font-weight: bold;
	text-align: right;
	margin-right: 3px;
	width: 400px;
}

.input-left4 {
	float: left;
	font-weight: bold;
	text-align: right;
	margin-right: 3px;
	width: 140px;
}

.input-left2 {
	float: left;
	font-weight: bold;
	text-align: right;
	margin-right: 3px;
	width: 250px;
}

.input-right {
	float: left;
	text-align: left;
	margin-left: 3px;
}
.input-right-150 {
	float: left;
	text-align: left;
    display: inline-block;
	margin-left: 3px;
    width:150px;
}

.row {
	clear: both;
	padding: 2px !important;
	padding: 1px;
	white-space: nowrap;
	overflow: hidden;
}
.col {
  flex: 1; /* additionally, equal width */
  
  padding: 1em;
  border: solid;
}

.page-header
{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #639522;
	
	
	font-size: 12pt;	
	font-weight: bold;
}

.serialNumberText
{
	font-size: 12pt;
	font-weight: bold;
}

@media print {
	.printHide{
		display: none;
	}
}

/*Telerik Treeview styles*/
ul.treeview-list
{
    list-style: none;
    padding: 0;
    margin: 0;
}

li.treeview-item
{
    float: left;
    width: 338px;
    padding-right: 4px;
}

div.text
{
    font: 13px 'Segoe UI' , Arial, sans-serif;
    color: #4888a2;
    padding: 6px 18px;
    display: block;
}

.printmenuleft
{
	float: left;
}

.printmenuright
{
	float: right;
}

.clearBoth
{
	clear:both;
}

.techtime
{
	border-style: solid;
	border-width: 1px;
	margin: 3px;
	padding: 3px;
	width: 50px;
	height: 14px;
	float: left;
	background-color: #999999;
	color: #FFFFFF;
}

.techbusybox
{
	border-style: solid;
	border-width: 1px;
	border-color: Black;
	margin: 3px;
	padding: 3px;
	width: 10px;
	height: 12px;
	float: left;
	background-color: #0033CC;
}

.techopenbox
{
	border-style: solid;
	border-width: 1px;
	border-color:Black;
	margin : 3px;
	padding : 3px;
	width: 10px;
	height: 12px;
	float: left;
	background-color: #00FF00;
}

.techdisablebox
{
	border-style: solid;
	border-width: 1px;
	border-color: Black;
	margin: 3px;
	padding: 3px;
	width: 10px;
	height: 12px;
	float: left;
	background-color: #808080;
}


.techselbox
{
	border-style: solid;
	border-width: 1px;
	border-color: Black;
	margin: 3px;
	padding: 3px;
	width: 10px;
	height: 12px;
	float: left;
	background-color: #CCFFCC;
}


.techoverbox
{
	border-style: solid;
	border-width: 1px;
	border-color:White;
	margin: 3px;
	padding: 3px;
	width: 10px;
	height: 10px;
	float: left;
	background-color: #FF0000;
}


.techblock
{
	height: 60px;
}
.BarcodePanel
{
	margin-top: 10px;
}

#navigation {width:300px; font-size:12px;}
#navigation ul {margin:0px; padding:0px; }

#navigation ul li {
height:25px;
line-height:25px;
list-style:none;
background-color:#3B5F5F;
margin: 15px;

color:#FFF;
border-top:#fff solid;
border-bottom:#fff solid;
border-width:1px;
cursor:pointer;
} 

#navigation a 
{
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-decoration:none
}


#reportNavMenu {width:200px; font-size:12px;}
#reportNavMenu ul {margin:0px; padding:0px; }

#reportNavMenu ul li {
	height:25px;
	line-height:25px;
	list-style:none;
	background-color:#3B5F5F;
	margin: 15px;

	color:#FFF;
	border-top:#fff solid;
	border-bottom:#fff solid;
	border-width:1px;
	cursor:pointer;
} 

#reportNavMenu a 
{
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none
}

.MenuItemCenter { 
    text-align: center !important; 
} 

/* JQuery Image overlays */
.boxgrid{
	width: 187px;
	height: 250px;
	margin:10px;
	float:left;
	background:#161613;
	border: solid 2px #8399AF;
	overflow: hidden;
	position: relative;
}
.boxgrid img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
.boxcaption
{
    font-size: .8em;
    text-align:center;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
	float: left;
	position: absolute;
	background: #000;
	height: 50px;
	width: 100%;
	opacity: .8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 	}
 	 
.captionfull .boxcaption {
 	top: 250px;
 	left: 0;
 }
 .caption .boxcaption {
 	top: 250px;
 	left: 0;
 }
 .boxcaption a
 {
     text-decoration:none;     
 }
 .hover
 {
     text-decoration:underline;
     font-weight:bold;

 }
 
 body
{
	margin: 0 1% 0 1% ;
}

h2
{
	color: #8b8989; /* #cdc9c9  light grey */
	font-size: 20pt;
	font-family: Tahoma, Arial;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
}

.lightText
{
    font-size: 9pt;
    color: #666666;
    font-style: italic;
}


/* Gradient backgrounds */
.vgrad{
background-image:url(/images/gradient.png);
background-repeat: repeat;
}

.hgrad {
background-image:url(/images/hgradient.png);
background-repeat:repeat-x;
}


/* dialog related styles */
.dialog 
{
	display:none;
}


/* Underlined divs */
.underlineDiv
{
	margin: 0 6px 10px 6px;
	padding: 0 0 0px 0;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #808080;
}

.underlineDiv h3
{
	color: #7D7D7D;
	font-family: Arial,verdana,sans-serif;
	font-size: 16pt;
	font-weight: normal;
	left: 8px;
	letter-spacing: -0.05em;
	line-height: 0.8em;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: left;
	top: -3px;
}

.simpleback
{
	
}

/* The follow styles constitute a basic structure for displaying "tombstone" information in a two column table layout.
   If your particular page needs to alter the basic layout, do it by wrapping your table in div with your new style and still
   using this style inside.  then override what you need.
*/
.basicLabel
{
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #0358C0;
	text-align: left;
	font-size:16pt;
	color: #007051;
}


.basicInfoBlock
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: left;
}

.infoTable
{
	background-color: #FFFFFF;
	border: 1px solid #000000;
	margin-bottom: 20px;
}

.infoTable .tableHeader {
	background-color: #007051;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7F8E6C', endColorstr='#639522'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#7F8E6C), to(#639522)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #7F8E6C,  #639522); /* for firefox 3.6+ */
	
	color: #fff;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}


.infoTable .basicLabel
{
    background-color: #EBEBEB;
	text-align: right;
	padding: 3px 3px 5px;
	border-bottom: 1px solid #C0C0C0;
	border-right: 1px solid #9F9065;
	text-align:left;
	font-size: 9pt;
}

    .infoTable .basicLabelLeft {
        background-color: #007051;
        text-align: left;
        padding: 3px 3px 5px;
        border-bottom: 1px solid #C0C0C0;
        border-right: 1px solid #9F9065;
        text-align: left;
        font-size: 9pt;
    }

.infoTable .basicInfoBlock
{
	text-align: left;
	padding: 3px 3px 5px;
	border-bottom: 1px solid #C0C0C0;
	font-size: 9pt;
}

.infoTable input
{
	min-width: 250px;
}

.rpText
{
	Font-Size: 10pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.rpItem
{
	Font-Size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
}

.tvCustom .rtIn
{
	Font-Size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
}
.tvAutoGrow {
    max-height:250px !important;
    overflow-y:auto;    
}

.QaBatchGrid td
{
	Font-Size: 14pt;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}

/*Grid styling*/
.searchResultGrid td
{
	Font-Size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
}

.searchResultGrid th
{
	Font-Size: 8pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.searchResultGrid td a.gridViewLink
{
	font-size: 8pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #639522;
	text-decoration: underline;
	text-align: center;
	padding: 3px;
	overflow: visible;
}

.infoDisplayGrid td
{
	Font-Size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
}

.infoDisplayGrid th
{
	Font-Size: 9pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.customerDisplayGrid td
{
	Font-Size: 8pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.customerDisplayGrid th
{
	Font-Size: 9pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

/* The grids are using input types, these conflict with our own table inforced styles
   so we will override them when the grid is in a table.
*/
.infoTable .imbedgrid input
{
	min-width:0;
}


/*RadMenu Stylings*/
.RadMenuReports .rmText
{
	font-size: 12pt;
    /*font-weight: bold;*/
    color: White;      
}
        
.RadMenuReports a.rmSelected
{
	background-color: Transparent;
}
        
.RadMenuReportsSub .rmText
{
	font-size: 8pt;
    font-weight: bold;
    color: Black; 
}


 
.gridResolveLink
{
 	background-color: #FFEBE8;
	color: White;
	border: solid 1pt Red;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px;
	overflow: visible;
	width: auto !important;
	width: 75px;
	cursor: pointer;
}

.gridResolveLinkDisabled {
    color: gray !important;
    border: solid 1pt lightgray;
    text-decoration: none;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 4px;
    overflow: visible;
    width: auto !important;
    width: 75px;
}

.gridActionLink {
    background-color: #627AAD;
    color: White;
    border: solid 1pt #627AAD;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    padding: 3px 6px 3px 6px;
    overflow: visible;
    width: auto !important;
    width: 75px;
    cursor: pointer;
}

.gridRejectLink
{
 	background-color: #E63219 !important;
	color: White;
	border: solid 1pt #E63219 !important;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px 6px 3px 6px;
	overflow: visible;
	width: auto !important;
	width: 75px;
	cursor: pointer;
}

.gridApproveLink
{
 	background-color: #008000 !important;
	color: White;
	border: solid 1pt #008000 !important;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px 6px 3px 6px;
	overflow: visible;
	width: auto !important;
	width: 75px;
	cursor: pointer;
}

.errorLabelLarge
{
	color: Red;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.RadScheduler .retroAppt
{        	
	background-color: Blue;
	border: thin solid blue; 
	padding-bottom: 4px;    	        	
}
        
.RadScheduler .fullAppt
{        	
	background-color: Green;
    border: thin solid green;        	
    padding-bottom: 4px;
}        


.retroKey
{
	border-style: solid;
	border-width: 2px;
	border-color: Blue;
	margin: 3px;
	padding: 3px;
	width: 80px;
	height: 15px;
	float: left;	        
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: Blue;
}
	               
.fullKey
{
	border-style: solid;
	border-width: 2px;
	border-color: Green;
	margin: 3px;
	padding: 3px;
	width: 80px;
	height: 15px;
	float: left;	        
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: Green;
}

.smallText
{
	Font-Size: 8pt;	
	font-family: Arial, Helvetica, sans-serif;	
}