﻿HTML {
	direction: ltr;
	}

BODY {
	font-family: Verdana, Geneva, ms sans serif;
	margin: 0px;
	}

TD {
	text-align: left;
	vertical-align: top;
	font-size: 11px;

	}	



@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v5/zhcz-_WihjSQC0oHJ9TCYAzyDMXhdD8sAj6OAJTFsBI.woff2) format('woff2'), url(https://fonts.gstatic.com/s/montserrat/v5/zhcz-_WihjSQC0oHJ9TCYL3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff'), url('../fonts/montserrat/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v5/IQHow_FEYlDC4Gzy_m8fcmaVI6zN22yiurzcBKxPjFE.woff2) format('woff2'), url(https://fonts.gstatic.com/s/montserrat/v5/IQHow_FEYlDC4Gzy_m8fcnbFhgvWbfSbdVg11QabG8w.woff) format('woff'), url('../fonts/montserrat/Montserrat-Bold.ttf') format('truetype');
}

	
	
/**********************************************************************
 * Page Center Styles                                                 *
 **********************************************************************/
.pcTable {
	}
.pcTL {
	}
.pcT {
	}
.pcTR {
	}
.pcL {
	padding-left: 1px;
	padding-top: 3px;
	width: 1px;
	}
.pcC {
	}
.pcR {
	}
.pcBL { 
	}
.pcB {
	padding-bottom: 150px;
	}
.pcBR {
	}

::-webkit-scrollbar {
    width: 9px;
    height: 9px
}

::-webkit-scrollbar-track {
    background: #eee;
    border: thin solid lightgray;
    box-shadow: 0 0 3px rgba(0, 0, 0, .1) inset
}

::-webkit-scrollbar-thumb {
    background: #999;
    border: thin solid gray
}

     
fieldset {
  color: #D78787;
  border: 1px solid rgb(226, 226, 226);  
   -moz-border-radius:1px;
    -webkit-border-radius:1px;	
    border-radius:1px;	
}			
  

  
/**********************************************************************
 * Button Styles                                                      *
 **********************************************************************/	
a.button_link, .thc a.button_link {
	color: #878A92;
	font-size: 9px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 5px;
	width: 100%;
	font-size: 11px;
	border: 1px solid rgba(226, 225, 225, 0.8);
	border-radius: 3px;
	background-image: url('../Images/button-back.png');
}


a.button_link:hover, .thc a.button_link:hover {
	color: #666666;
	text-decoration: none;
	}


  
		   
  .btn {
	  height:17px;
	  width:150px; 
	  -webkit-border-radius: 5;
	  -moz-border-radius: 5;
	  border-radius: 2px;
	  text-shadow: 1px 1px 3px #666666;
	  -webkit-box-shadow: 0px 1px 5px #666666;
	  -moz-box-shadow: 0px 1px 5px #666666;
	  box-shadow: 0px 1px 5px #666666;
	  font-family: Arial;
	  color: white;
	  font-size: 11px;padding-top: 0px;
	  padding-right: 8px;
	  padding-bottom: 5px;
	  padding-left: 5px;
	  text-decoration: none;
	}
	
  .btn:hover {
	  background: #3cb0fd;
	  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
	  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
	  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
	  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
	  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
	  text-decoration: none;
	}

	
	
/**********************************************************************
 * Menu Styles                                                        *
 **********************************************************************/
.menus {
	width: 10px;
	}

.menusV {
	padding-left: 10px;
	padding-right: 10px;
	}

.menu {
	color: #ffffff;
	font-family: Verdana, Geneva, ms sans serif;
	}
	
a.menu {
	color: #888888; 
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	width: 100%;
	}

a.menu:hover {
	color: #666666;
}

.menu_on-TL, .moTL {
	background-image:url(../Images/menuOverTL.gif);
	width: 23px;
	height: 8px;
	}
.menu_on-T, .moT {
	background-image:url(../Images/menuOverT.gif);
	height: 8px;
	}
.menu_on-TR, .moTR {
	background-image:url(../Images/menuOverTR.gif);
	width: 23px;
	height: 8px;
	}
.menu_on-L, .moL {
	background-image:url(../Images/menuOverL.gif);
	width: 23px;
	height: 15px;
	}
.menu_on, .moC {
	background-image:url(../Images/menuOverC.gif);
	height: 15px;
	white-space: nowrap;
	width: 100%;
	}
.menu_on-R, .moR {
	background-image:url(../Images/menuOverR.gif);
	width: 23px;
	height: 15px;
	}
.menu_on-BL, .moBL {
	background-image:url(../Images/menuOverBL.gif);
	width: 23px;
	height: 8px;
	}
.menu_on-B, .moB {
	background-image:url(../Images/menuOverB.gif);
	height: 8px;
	}
.menu_on-BR, .moBR {
	background-image:url(../Images/menuOverBR.gif);
	width: 23px;
	height: 8px;
	}

.menu_on a, .moC a {
	color: #666666;
	}

.menu_off-TL, .mTL {
	background-image:url(../Images/menuTL.gif);
	width: 23px;
	height: 8px;
	}
.menu_off-T, .mT {
	background-image:url(../Images/menuT.gif);
	height: 8px;
	}
.menu_off-TR, .mTR {
	background-image:url(../Images/menuTR.gif);
	 width: 23px;
	 height: 8px;
	}
.menu_off-L, .mL {
	background-image:url(../Images/menuL.gif);
	width: 23px;
	height: 15px;
	}
.menu_off, .mC {
	background-image:url(../Images/menuC.gif);
	height: 15px;
	white-space: nowrap;	
	width: 100%;
	}
.menu_off-R, .mR {
	background-image:url(../Images/menuR.gif);
	width: 23px;
	height: 15px;
	}
.menu_off-BL, .mBL {
	background-image:url(../Images/menuBL.gif);
	width: 23px;
	height: 8px;
	}
.menu_off-B, .mB {
	background-image:url(../Images/menuB.gif);
	height: 8px;
	}
.menu_off-BR, .mBR {
	background-image:url(../Images/menuBR.gif);
	width: 23px;
	height: 8px;
	}

.menuEdgeL, .mel {
	background-image:url(../Images/menuEdgeL.gif);
	background-position: center right;
	background-repeat: no-repeat;
	width: 39px;
	height: 31px;
	}

.menuEdgeR, .mer {
	background-image:url(../Images/menuEdgeR.gif);
	background-position: center left;
	background-repeat: no-repeat;
	width: 39px;
	height: 31px;
	}

.menu_bot_bg, .mbbg { 
	}

.menuVerticalOverTL, .mvoTL {
	background-image: url(../Images/menuVerticalOverTL.gif);
	background-repeat: repeat-y;
	background-position: top left;
	width: 22px;
	height: 7px;
	}
.menuVerticalOverT, .mvoT {
	background-image: url(../Images/menuVerticalOverT.gif);
	width: 100%;
	height: 7px; 
	}
.menuVerticalOverTR, .mvoTR {
	background-image: url(../Images/menuVerticalOverTR.gif);
	background-repeat: repeat-y;
	background-position: top right;
	width: 19px;
	height: 7px;
	}
.menuVerticalOverL, .mvoL {
	background-image: url(../Images/menuVerticalOverL.gif);
	background-repeat: repeat-y;
	background-position: center left;
	width: 22px;
	height: 18px;
	}
.menuVerticalOverC, .mvoC {
	background-image: url(../Images/menuVerticalOverC.gif);
	vertical-align: middle;
	text-align: right;
	white-space: nowrap;
	width: 100%;
	height: 18px;
	}
.menuVerticalOverR, .mvoR {
	background-image: url(../Images/menuVerticalOverR.gif);
	background-repeat: repeat-y;
	background-position: center right;
	width: 19px;
	height: 18px;
	}
.menuVerticalOverBL, .mvoBL {
	background-image: url(../Images/menuVerticalOverBL.gif);
	background-repeat: repeat-y;
	background-position: bottom left;
	width: 22px;
	height: 10px;
	}
.menuVerticalOverB, .mvoB {
	background-image: url(../Images/menuVerticalOverB.gif);
	width: 100%;
	height: 10px; 
	}
.menuVerticalOverBR, .mvoBR {
	background-image: url(../Images/menuVerticalOverBR.gif);
	background-repeat: repeat-y;
	background-position: bottom right;
	width: 19px;
	height: 10px;
	}

.menuVerticalOverC a, .mvoC a {
	color: #666666;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	text-align: right;
	width: 100%;
	padding-right: 20px;
	}

.menuVerticalOverC a:hover, .mvoC a:hover {
	color: #666666;
	}

.menuVerticalTL, .mvTL {
	background-image: url(../Images/menuVerticalTL.gif);
	background-repeat: repeat-y;
	background-position: top left;
	width: 22px;
	height: 7px;
	}
.menuVerticalT, .mvT {
	background-image: url(../Images/menuVerticalT.gif);
	width: 100%;
	height: 7px; 
	}
.menuVerticalTR, .mvTR {
	background-image: url(../Images/menuVerticalTR.gif);
	background-repeat: repeat-y;
	background-position: top right;
	width: 19px;
	height: 7px;
	}
.menuVerticalL, .mvL {
	background-image: url(../Images/menuVerticalL.gif);
	background-repeat: repeat-y;
	background-position: center left;
	width: 22px;
	height: 18px;
	}
.menuVerticalC, .mvC {
	background-image: url(../Images/menuVerticalC.gif);
	vertical-align: middle;
	text-align: right;
	white-space: nowrap;
	width: 100%;
	height: 18px;
	}
.menuVerticalR, .mvR {
	background-image: url(../Images/menuVerticalR.gif);
	background-repeat: repeat-y;
	background-position: center right;
	width: 19px;
	height: 18px;
	}
.menuVerticalBL, .mvBL {
	background-image: url(../Images/menuVerticalBL.gif);
	background-repeat: repeat-y;
	background-position: bottom left;
	width: 22px;
	height: 10px;
	}
.menuVerticalB, .mvB {
	background-image: url(../Images/menuVerticalB.gif);
	width: 100%;
	height: 10px; 
	}
.menuVerticalBR, .mvBR {
	background-image: url(../Images/menuVerticalBR.gif);
	background-repeat: repeat-y;
	background-position: bottom right;
	width: 19px;
	height: 10px;
	}

.menuVerticalC a, .mvC a {
	color: #888888;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	text-align: right;
	width: 100%;
	padding-right: 20px;
	}

.menuVerticalC a:hover, .mvC a:hover {
	color: #666666;
	}



/**********************************************************************
 * Page Background Styles                                             *
 **********************************************************************/
.pageBackground, .pBack {
	background-color: #f9f9f9;
	width: 96%;
	height: 100%;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 20px;
	padding-right: 20px;
	}

.pageBackground, .pBackBeige {
	background-color: #f5f2f0;
	background: #f5f2f0;
	background-image: -webkit-radial-gradient(center, circle cover, #FFFFFF, #f5f2f0);
	background-image: -moz-radial-gradient(center, circle cover, #FFFFFF, #f5f2f0);
	background-image: -o-radial-gradient(center, circle cover, #FFFFFF, #f5f2f0);
	background-image: radial-gradient(center, circle cover, #FFFFFF, #f5f2f0);	
	height: 100%;
	}	
	
.pageBorderTL, .pbTL {
	background-repeat: no-repeat;
	background-position: top left;
	width: 11px;
	height: 10px;
	}
.pageBorderT, .pbT {
	background-repeat: repeat-x;
	background-position: top center;
	height: 1px;
	}
.pageBorderTR, .pbTR {
	background-repeat: no-repeat;
	background-position: top right;
	width: 1px;
	height: 1px;
	}
.pageBorderL, .pbL {
	background-repeat: repeat-y;
	background-position: center left;
	width: 1px;
	}
.pageBorderC, .pbC {
	}
.pageBorderR, .pbR {
	background-repeat: repeat-y;
	background-position: center right;
	width: 1px;
	}
.pageBorderBL, .pbBL {
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 1px;
	height: 1px;
	}
.pageBorderB, .pbB {
	background-repeat: repeat-x;
	background-position: bottom center;
	height: 0px;
	}
.pageBorderBR, .pbBR {
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 14px;
	height: 16px;
	}

.page_yellow, .pContent {
	color: #003366; 
	height: 30px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	text-align: left;
	}

.pageAlignment, .pAlign {
	}
	
.borderTable, .pbTable {
	}

.divider { 

	}

.footer {
	color: #444444;
	padding-left: 20px;
	}

.logoBG {
	background: #ffffff;
	}


/**********************************************************************
 * Panel Body Styles                                                  *
 **********************************************************************/
.dialog_body, .dBody {
	background-color: #fdfdfd;
/*
                background: #F8F8F8;
                background-image: -webkit-radial-gradient(center, circle cover, #FFFFFF, #F1F1F1);
                background-image: -moz-radial-gradient(center, circle cover, #FFFFFF, #F8F8F8);
                background-image: -o-radial-gradient(center, circle cover, #FFFFFF, #F8F8F8);
                background-image: radial-gradient(center, circle cover, #FFFFFF, #F8F8F8);
*/

   /* background-image: url("../images/patt_diagonals.png");
    */
	color: #000000;
	border-right: 1px #aaaaaa solid;
	border-left: 1px #aaaaaa solid;
	border-bottom: 1px #aaaaaa solid;
	padding: 14px;
	}

.dialog_field_value, .dfv {
	color: #888888;
	font-weight: normal;
	padding: 3px;
	}

.dialog_header, .dh {
	background-repeat: repeat-x;
	height: 19px;
	}

.dialog_header_text, .dht {
	background-image:url(../Images/dialogHeaderT.png);
	font-family: Montserrat;
	
	color: #3a8fc8;
	transition: color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.2s linear 0s !important;

	text-transform: uppercase;
	font-weight: normal;
	font-size: 13px;
	padding-left: 18px;
	padding-top: 5px;
	vertical-align: middle;
	}

.dialogHeaderEdgeL, .dhel {
	background-image:url(../Images/dialogHeaderEdgeL.png);
	background-repeat: repeat-y;
	background-position: top left;
	width: 40px;
	height: 40px;
	}

.dialogHeaderEdgeR, .dher {
	background-image:url(../Images/dialogHeaderEdgeR.png);
	background-repeat: repeat-y;
	background-position: top right;
	width: 40px;
	height: 40px;
	}

.dialogHeaderIcon, .dhi {
	background-image:url(../Images/dialogHeaderT.png);
	width:1px;
	padding-top: 6px;
	vertical-align: middle;
	}

.dialogHeaderExpandCollapseIcon, .dheci {
	background-image:url(../Images/dialogHeaderT.png);
	width:1px;
	height:14px;
	padding-top: 5px;
	vertical-align: middle;
	}

.dialogHeaderPrintEmailIcon, .dhpei {
	padding-right: 1px;
	text-align: right;
	vertical-align: middle;
	width: 100%;
	}
  
.dialogHeaderTotalRecordCount, .dhtrc {
    background-image: url(../Images/dialogHeaderT.png);
	text-align: right;
	padding-left: 1px;
	padding-top: 6px;
	vertical-align: middle;
	}
  
.dialogHeaderTotalRecordCountText, .dhtrct {
	}

.dialog_view, .dv {
	}

.category, .c {
	color: #666666;
	padding: 5px;
	}

.category_area, .ca {
	vertical-align: middle;
	white-space: nowrap;	
	}

.category_area A, .ca A {
	color: #888888;
	text-decoration: underline;
	}

.category_area A:hover, .ca A:hover {
	color: #666666;
	text-decoration: underline;
	}

.subcategory_label, .scl {
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	padding-left: 4px;
	white-space: nowrap;	
	vertical-align: middle;
	}

.subcategory SELECT, .sc SELECT {
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	border-top: 1px #555555 solid;
	border-left: 1px #555555 solid;
	border-right: 1px #eeeeee solid;
	border-bottom: 1px #eeeeee solid;
	}

.recordPanelButtonsAlignment, .rpbAlign {
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 100px;
	}

.field_label, .fl {
	font-size: 11px;
	font-weight: normal;
	color: #3f99e0;
	white-space: nowrap;	
	vertical-align: middle;
	text-align: left;
	padding: 3px 6px 3px 6px;
	}

.field_label_on_side, .fls {
	font-size: 12px;
	font-weight: normal;
	color: #3f99e0;
	white-space: nowrap;	
	vertical-align: middle;
	text-align: left;
	padding: 3px 6px 3px 6px;
	text-shadow: 2px 1px #F0F0F0;
	}


.field_value, .fv {
	padding: 1px;
	}

.field_input, .fi_old {
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 11px;
	background-color: #ffffff;
	border-top: 1px #eeeeee solid;
	border-left: 1px #eeeeee solid;
	border-right: 1px #eeeeee solid;
	border-bottom: 1px #eeeeee solid;
	}

	
.field_input, .input, 
.field_input, .fi{
	padding: 5 8px;
	background:#fff;
	-- border: 1px solid;
	-- border-color:#bbb;
	-- color:#999;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 8px;
   -- background: #F8F8F8;
   -- background-image: -webkit-linear-gradient(top,  #F5F5F5, #fafafa);
   -- background-image: -moz-linear-gradient(top,  #EEEEEE, #ffffff);
   -- background-image: -o-linear-gradient(top,  #EEEEEE, #ffffff);
   -- background-image: linear-gradient(to top,  #F5F5F5, #fafafa);
   -- -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px rgba(255, 255, 255, 0.2);
   -- -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px rgba(255, 255, 255, 0.2);
   -- box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px rgba(255, 255, 255, 0.2);
	text-shadow: 0 1px #fff;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    border-radius: 5px;
	                
    -moz-appearance: none              !important; /* Firefox */
    -webkit-appearance: none           !important; /* Safari and Chrome */

} 

.field_input, .input:focus, 
.field_input, .fi:focus, 
.field_input, .select-multiple > select:focus{
 
} 
	
	
	
.filter_value, .filv {
	font-weight: normal;
	padding: 2px;
	}

.filter_button_cell, .filbc {
	padding-left: 8px;
	padding-bottom: 3px;
	vertical-align:bottom;
	}

.Filter_Input, .fili_old {
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 11px;
	border-top: 1px #555555 solid;
	border-left: 1px #555555 solid;
	border-right: 1px #eeeeee solid;
	border-bottom: 1px #eeeeee solid;
	margin: 2px;
	margin-top: 0px;
	
	}


.Filter_Input, .fili {
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 11px;
	border-top: 1px #555555 solid;
	border-left: 1px #555555 solid;
	border-right: 1px #eeeeee solid;
	border-bottom: 1px #eeeeee solid;
	margin: 2px;
	margin-top: 2px;
	
	background:#fff;
	border: 1px solid;
	border-color:#bbb;
	color:#999;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 3px;
    background: #F8F8F8;
    background-image: -webkit-linear-gradient(top,  #EEEEEE, #fafafa);
    background-image: -moz-linear-gradient(top,  #EEEEEE, #ffffff);
    background-image: -o-linear-gradient(top,  #EEEEEE, #ffffff);
    background-image: linear-gradient(to top,  #EEEEEE, #fafafa);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px rgba(255, 255, 255, 0.2);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px rgba(255, 255, 255, 0.2);
	text-shadow: 0 1px #fff;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    border-radius: 5px;
                
    -moz-appearance: none              !important; /* Firefox */
    -webkit-appearance: none           !important; /* Safari and Chrome */

	}
	
	
	
.filter_area, .fila {
	color: #666666;
	text-align: right;
	font-weight: normal;
	padding: 3px 6px 3px 6px;
	vertical-align: middle;
	white-space: nowrap;	
	}
	
.search_area, .sa {
	padding-top: 5px;
	padding-bottom: 2px;
	}

.search_label, .sl {
	color: #003366;
	font-weight: normal;
	vertical-align: middle;
	white-space: nowrap;	
	padding: 5px;
	}

.Search_Input, .si {
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 11px;
	background-color: #ffffff;
	border-top: 1px #f3f3f3 solid;
	border-left: 1px #f3f3f3 solid;
	border-right: 1px #eeeeee solid;
	border-bottom: 1px #eeeeee solid;
	margin-left: 20px;
	padding-top: 7px;
	
	height:20px;
    color: #333;
	padding: 0 10px;
	background:#fff;
	border: 1px solid;
	border-color:#bbb;
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
	-ms-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
	-o-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    border-radius: 3px;

	}
	


/**********************************************************************
 * Pagination Styles                                                  *
 **********************************************************************/
.button_bar_cell, .prbbc {
	background-image:url(../Images/paginationRowT.png); 
	background-repeat: repeat-x;
	padding-top: 10px;
	
	}

.pagination_area, .pra {
	background-image:url(../Images/paginationRowT.png); 
	background-repeat: repeat-x;
	height: 40px;
	color: #003366;
	text-align: left;
	white-space: nowrap;	
	vertical-align: bottom;
	
	}

.pagination_label, .prl {
	color: #003366;
	font-size: 10px;
	font-weight: normal;
	vertical-align: middle;
	white-space: nowrap;	
	padding: 2px;
	}

.pagination_value, .prv {
	color: #003366;
	font-weight: normal;
	vertical-align: middle;
	white-space: nowrap;	
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	}

.Pagination_Input, .pri {
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 11px;
	background-color: #ffffff;
	border-top: 1px #eeeeee solid;
	border-left: 1px #eeeeee solid;
	border-right: 1px #eeeeee solid;
	border-bottom: 1px #eeeeee solid;
	}

.pagination_row, .pr {
	font-weight: normal;
	vertical-align: middle;
	border-bottom: 0px #a8beb1 solid;
	}

.paginationRowEdgeL, .prel {
	background-image:url(../Images/paginationRowEdgeL.png); 
	background-repeat: no-repeat;
	width: 20px;
	height: 40px;
	}

.paginationRowEdgeR, .prer {
	background-image:url(../Images/paginationRowEdgeR.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 40px;
	}

.paginationButtonFirst, .prbf {
	background-image:url(../Images/arrow_beg.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	padding: 2px;
	}

.paginationButtonPrevious, .prbp {
	background-image:url(../Images/arrow_left.png);
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	padding: 2px;
	}

.paginationButtonNext, .prbn {
	background-image:url(../Images/arrow_right.png);
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	padding: 2px;
	}

.paginationButtonLast, .prbl {
	background-image:url(../Images/arrow_end.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	padding: 2px;
	}


/**********************************************************************
 * Table Rows Styles                                                  *
 **********************************************************************/
.header_cell, .thc {
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 11px;
	background-color: #f4f4f4; 
	padding: 10px;
	padding-top: 10px;
	border-left: 0px #dddddd solid;
	border-right: 1px #e0e0e0 solid;
	border-bottom: 1px #aaaaaa solid;
	border-top: 1px #e0e0e0 solid;
	color: #882b2b;
	vertical-align: top;
	font-weight: normal;
	
	}

.column_header, .tch {
	font-weight: normal;
	
	}

.column_header A, .column_header_scrolling A, .tch A, .tchs A {
	color: #882b2b; 
	text-decoration: none;
	} 
	
.column_header A:hover, .column_header_scrolling A:hover, .tch A:hover, .tchs A:hover {
	color: #666666;
	text-decoration: none;
	}

.column_header_scrolling, .tchs {
	font-weight: normal;
	border-left: 1px #dddddd solid;
	border-right: 1px #dddddd solid;
	border-bottom: 1px #aaaaaa solid;
	}

.columnHeaderFilterPadding, .tchfilp {
	padding-top: 4px;
	text-align: center;
	}

.columnHeaderFilterPadding A, .tchfilp A {
	text-decoration: none;
	}

.columnHeaderFilterPadding A:hover, .tchfilp A:hover {
	text-decoration: none;
	}

.icon_cell, .alt_icon_cell, .tic, .taic {
	padding: 10px;
	color: #444444;
	vertical-align: middle;
	background-color: #ffffff;
	border-left: 0px #eeeeee solid;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	width: 16px;

    border-width: 0 1px 1px 0;
    border-style: dotted;
  
	}

.icon_cell_highlighted, .alt_icon_cell_highlighted, .tich, .taich {
	padding: 5px;
	color: #444444;
	vertical-align: middle;
	border-left: 1px #eeeeee solid;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	width: 16px;
	background-color: #e4f5d3; 
	}

.icon_cell_selected, .tics {
	padding: 10px;
	color: #444444;
	vertical-align: middle;
	border-left: 1px #eeeeee solid;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	width: 16px;
	background-color: #f7fff0;
	}
		
.table_cell, .alt_table_cell, .ttc, .tatc {
	padding: 10px;
	color: #3f99e0;
	vertical-align: top;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 11px;
	text-align: left;
	border-left: 0px #cccccc solid;
	border-right: 1px #eeeeee solid;
	border-bottom: 1px #cccccc solid;
	background-color: #ffffff;
	
	  
    border-width: 0 1px 1px 0;
    border-style: dotted;
  
	}

.table_cell_highlighted, .alt_table_cell_highlighted, .ttch, .tatch {
	padding: 5px;
	color: #666666;
	vertical-align: top;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 11px;
	text-align: left;
	border-left: 0px #cccccc solid;
	border-right: 1px #eeeeee solid;
	border-bottom: 1px #cccccc solid;
	background-color: #e4f5d3; 
	}

.table_cell_selected, .ttcs {
	padding: 10px;
	color: #666666;
	vertical-align: top;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 11px;
	text-align: left;
	border-left: 1px #cccccc solid;
	border-right: 1px #eeeeee solid;
	border-bottom: 1px #cccccc solid;
	background-color: #f7fff0;
	}

.totals_cell, .tpttc {
	padding: 10px;
	color: #666666;
	vertical-align: top;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 11px;
	text-align: left;
	border-left: 1px #dddddd solid;
	border-right: 1px #eeeeee solid;
	border-top: 1px #dddddd solid;
	border-bottom: 1px #dddddd solid;
	background-color: #ffffff;
	width: 48px;
	}

.totals_cell_value, .tpttcv {
	padding: 10px;
	color: #666666;
	vertical-align: top;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 11px;
	text-align: right;
	border-left: 1px #dddddd solid;
	border-right: 1px #eeeeee solid;
	border-top: 1px #dddddd solid;
	border-bottom: 1px #dddddd solid;
	background-color: #ffffff;
	}

.page_total_label, .tptl {
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	padding-left: 20px;
	white-space: nowrap;	
	vertical-align: middle;
	}

.page_total_value, .tptv {
	font-weight: normal;
	padding: 3px;
	}

.grand_total_label, .tgtl {
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	padding-left: 20px;
	white-space: nowrap;	
	vertical-align: middle;
	}

.grand_total_value, .tgtv {
	font-weight: normal;
	padding: 3px;
	}

.tableRowsEdge, .tre {
	border-left: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	}



/**********************************************************************
 * Scrolling Table Styles                                             *
 **********************************************************************/
div.tableContainer {
	clear: both;
	height: 285px;  /* defines scrolling region height */
	overflow: auto; /* enables scroll bar */
	}

div.tableContainer table {
	width: 97%; /* defines data region width (provide room for scroll bar) */
	}

thead.fixedHeader tr {
	background-color: #e4f5d3; /* obscures data behind headers */
	position: relative; 	   /* fixes headers in place */
	}

.scrollContent {
	display: block;
	}

thead.fixedHeader td.button-white {
	white-space: nowrap;
	width: 0%;
	}

thead.fixedHeader table {
	width: 0%;
	}


/**********************************************************************
 * Date Selector Styles                                               *
 **********************************************************************/
.dsTodayDay {
                background-color: #FFFFFF;
                               text-align : center;
 
                }
 
.dsDayHeader {
                color: #666666;
                background-color: #FFFFFF;
                font-size: 12px;
                padding: 5px;
                text-align : center;
 
                }
 
.dsSelectedDay {
                padding: 5px;
                text-align : center;
 
                }
 
.dsTitle {
                color: #666666;
                background-color: #dfdfdf;
                font-weight: normal;
                padding: 5px;
                text-align : center;
                 }
 
.dsWeekendDay {
                background-color: #F9F9F9;
                padding: 5px;
                text-align : center;
                }
 
.dsOtherMonthDay {
                background-color: #F7F7F7;
                padding: 5px;
                text-align : center;
                }


/**********************************************************************
 * Info Panel Styles                                                  *
 **********************************************************************/
.panelInformationDisplayWithImage {
	border-top: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	}

.panelInformationDisplayWithImage_ImageArea {
	padding: 10px 10px 10px 16px;
	}

.panelInformationDisplayWithImage_InfoArea {
	vertical-align: middle;
	}

.panelInformationDisplayWithImage_InfoTitle {
	font-size: 11px;
	font-weight: normal;
	color: #777777;
	white-space: nowrap;	
	}

.panelInformationDisplayWithImage_InfoDetails {
	padding-right: 16px;
	white-space: nowrap;
	}

.panelInformationDisplay {
	border-top: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	}

.panelInformationDisplay_InfoArea {
	padding: 10px;
	}

.panelInformationDisplay_InfoTitle {
	font-size: 11px;
	font-weight: normal;
	color: #777777;
	white-space: nowrap;	
	text-align: center;
	}

.panelInformationDisplay_InfoDetails {
	white-space: nowrap;
	text-align: center;
	}
	
/**********************************************************************
 * Configuration/Error Page Styles                                    *
 **********************************************************************/
.configureErrorPagesText {
	font-size: 11px;
	color: #666666;
	}
	

/**********************************************************************
 * Section 508 Compliance Styles                                      *
 **********************************************************************/
.skipNavigationLinks {
	/* font-size: 10px; */ /* uncomment out to enable 508 */
	/* color: #666666;  */ /* uncomment out to enable 508 */ 
	font-size: 2px;        /* comment out to enable 508 */
	color: #ffffff;        /* comment out to enable 508 */
	}


/**********************************************************************
 * Detail Rollover Popup Styles                                       *
 **********************************************************************/
.detailRolloverTitle {
	color: #666666;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 11px;
	padding-left: 4px;
	padding-top: 5px;
	vertical-align: middle;
	width: 100%;
	}

.detailRolloverTL {
	background-image:url(../Images/detailRolloverTL.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	height: 57px;
	width: 65px;
	}

.detailRolloverTL_noPNG {
	height: 57px;
	width: 65px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='../Images/detailRolloverTL.png');
	}

.detailRolloverT {
	background-image:url(../Images/detailRolloverT.png);
	background-position: bottom center;
	background-repeat: repeat-x;
	height: 57px;
	}

.detailRolloverT_noPNG {
	height: 57px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../Images/detailRolloverT.png');
	}

.detailRolloverTR {
	background-image:url(../Images/detailRolloverTR.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	height: 57px;
	width: 65px;
	}

.detailRolloverTR_noPNG {
	height: 57px;
	width: 65px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='../Images/detailRolloverTR.png');
	}

.detailRolloverL {
	background-image:url(../Images/detailRolloverL.png);
	background-position: center right;
	background-repeat: repeat-y;
	width: 65px;
	}

.detailRolloverL_noPNG {
	width: 65px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../Images/detailRolloverL.png');
	}

.detailRolloverC {
	background-image:url(../Images/detailRolloverC.png);
	height: 200px;
	width: 300px;
	}

.detailRolloverR {
	background-image:url(../Images/detailRolloverR.png);
	background-position: center left;
	background-repeat: repeat-y;
	width: 65px;
	}

.detailRolloverR_noPNG {
	width: 65px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../Images/detailRolloverR.png');
	}

.detailRolloverBL {
	background-image:url(../Images/detailRolloverBL.png);
	background-position: top right;
	background-repeat: no-repeat;
	height: 29px;
	width: 65px;
	}

.detailRolloverBL_noPNG {
	height: 29px;
	width: 65px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='../Images/detailRolloverBL.png');
	}

.detailRolloverB {
	background-image:url(../Images/detailRolloverB.png);
	background-postiion: top center;
	background-repeat: repeat-x;
	height: 29px;
	}

.detailRolloverB_noPNG {
	height: 29px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../Images/detailRolloverB.png');
	}

.detailRolloverBR {
	background-image:url(../Images/detailRolloverBR.png);
	background-position: top left;
	background-repeat: no-repeat;
	height: 29px;
	width: 65px;
	}

.detailRolloverBR_noPNG {
	height: 29px;
	width: 65px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='../Images/detailRolloverBR.png');
	}


/**********************************************************************
 * JavaScript Date Selector Styles                                    *
 **********************************************************************/
.dpTable {
	background-color: #ffffff;
	border: 1px solid #aaaaaa;
	color: #333333;
	}

.dpTD {
	border: 1px #cccccc solid;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	text-align: center;
	vertical-align: middle;
	}

.dpDayHighlightTD {
	background-color: #e4f5d3; 
	border: 1px #eeeeee solid;
	font-weight: normal;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	text-align: center;
	vertical-align: middle;
	}

.dpTDHover {
	background-color: #e4f5d3; 
	border: 1px #cccccc solid;
	cursor: pointer;
	font-weight: normal;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	text-align: center;
	vertical-align: middle;
	}

.dpDayTD {
	background-color: #a8beb1;
	border: 1px #aaaaaa solid;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 8px;
	text-align: center;
	vertical-align: middle;
	}

.dpTitleText {
	color: #ffffff;
	font-size: 13px;
	font-weight: normal;
	padding-top: 3px;
	text-align: center;
	vertical-align: middle;
	}

.dpDiv {
	}

.dpTR {
	}

.dpTitleTR {
	}

.dpDayTR {
	}
