html
{
    margin:0px;
    padding:0px;
	height:100%;
	min-height:100%;
	font-size: 1em;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #002630;
	background-image: url(../Content/images/bg.jpg);
	background-repeat: repeat;
	height:auto;
	min-height:100%;
}

::-webkit-scrollbar {
	width: 6px;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.1);
	border-radius: 12px;
}

::-webkit-scrollbar-thumb {
	border-radius: 12px;
	height: 30px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.3);
	background-color: #A5A5B1;
}
 
 
/* Selectors */
#Master {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	padding-top:0px;
	top:0px;
	width:960px;
	height:auto;
	/*min-height:700px; */
}

#Top {
	/*position:relative;
	left:0px;
	top:0px;
	margin-top:0px;*/
	float:left;
	width:960px;
	height:178px;
	min-height:178px;
	background-image:url(../Content/images/Top-960x139.png);
	background-position:center top;
	background-repeat:no-repeat;
}

#TopExtended {
	/*position:relative;
	left:0px;
	top:0px;
	margin-top:0px;*/
	float:left;
	width:960px;
	height:178px;
	min-height:178px;
	background-image:url(../Content/images/Top-960x139-extendedService.png);
	background-position:center top;
	background-repeat:no-repeat;
}


#Content {
	/*position:relative;
	left:0px;
	top:0px;
	margin-top:0px; */
	float:left;
	width:960px;
	height:auto;
	/* min-height:568px; */
	min-height:588px;
	background-image:url(../Content/images/content-repeat-y-906x16.png);
	background-repeat:repeat-y;
	background-position:center top;
}

#InnerContent {
	position:relative;
	left:40px;
	top:0px;
	margin-top:0px;
	width:880px;
	height:auto;
	min-height:568px;
	background-image:url(../Content/images/Content-top-lines-880x568.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#c1c1c1;
}

#Footer {
	/*position:relative;
	left:0px;
	top:0px; */
	
	float:left;
	width:960px;
	height:89px;
	min-height:89px;
	background-image:url(../Content/images/footer-906x141.png);
	background-position:center top;
	background-repeat:no-repeat;
}

/* LOGIN */
#logindisplay 
{
    Position:fixed;
    top:0px;
    right:0px;
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 0px;
    color: White;
}

#logindisplay a:link {
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited {
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover {
    color: white;
    text-decoration: none;
}

/* Classes */



/* Main Menu */
ul#Mainmenu 
{
    /*position:relative;
    top:106px; */
    float:left;
    margin-top: 122px;
 
	/* padding-left:404px; */
	right:30px;

	list-style: none;
	color: White;
}

ul#Mainmenu li { display: inline;}
	
ul#Mainmenu li a {
	display: block; float: left; height: 56px;
	background-image: url(../Content/images/mainMenu.png); 
	color:White;
	font-size:13pt;
	text-align:center;
	text-decoration:none;
}

	ul#Mainmenu li a {
		width: 121px;
		background-position: 0 0;
		border-left: 2px solid white;
		border-right: 2px solid white;
		display: flex;
		justify-content: center;
		align-items: center;
		line-height: 13pt;
	}

ul#Mainmenu > li:first-child a{
	/*border-right:0px solid white;*/
	border-left:4px solid white;
}

ul#Mainmenu > li:last-child a{

	/*border-left:4px solid white;*/
	border-right:4px solid white;
}	
 
 
 
ul#Mainmenu li a:hover, ul#Mainmenu li a:focus {
	background-position: 0 -54px;	
} 
 
.currentTab
{
    background-position: 0 -54px !important;
}
 
.flexDisplay {
	display: flex;
}

.customerDiv {
	display: flex;
	flex: 1 1 auto !important;
	padding: 2px 5px;
	justify-content: space-between;
	width: 50%;
	align-items: center;
}

#SearchResultRowsContainer tr:hover {
	background-color: #e8f0fe !important;
}

#SearchResultRowsContainer td {
	cursor: help;
}

#SearchResultRowsContainer tr:nth-child(odd) {
	background-color: #f9f9f9;
}

#SearchResultRowsContainer tr:nth-child(even) {
	background-color: #e2f3ff;
}

#PaginationNav li {
	list-style: none;
}

	#PaginationNav li button {
		cursor: pointer;
	}

#PaginationNav ul {
	display: flex;
	overflow: hidden;
	justify-content: end;
	padding: 5px 10px;
	margin: 0;
}

#PaginationContainer {
	position: absolute;
	bottom: -35px;
	right: 0;
}

.page-link.active {
	box-shadow: inset 1px 1px 3px 0px #03016eab;
	color: blue;
	font-weight: bold;
}

.page-link.disabled {
	color: grey;
	cursor: default;
}
.page-link.disabled:hover {
	color: grey;
	cursor: default !important;
	pointer-events: none;
}

#DateStartSearchInput {
	width: 25%;
}

	#DateStartSearchInput input {
		width: 105px;
	}

#DateEndSearchInput {
	width: 25%;
}

	#DateEndSearchInput input {
		width: 105px;
	}

.ellipsisBtn {
	background: none !important;
	border: unset !important;
	color: white !important;
	pointer-events: none !important;
}

.bold {
	font-weight: bold;
}

.point {
	cursor: pointer;
}

.justifyCenter {
	justify-content: center;
}

.small-text {
	font-size: 11pt;
}

.small-input {
	width: 50px;
}

#SearchResultRowsContainer td div {
	font-size: 1em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 150px;
}

#SearchResultRowsContainer td button {
	cursor: pointer;
}

#ReplacePaymentMethodResultMessage {
	margin-top: 10px;
	padding: 15px 0px;
	background-color: #ffe1e1;
	border: 1px solid red;
	text-align: center;
	font-size: 13pt;
}

#CustomerSearchResultsContainer th {
	color: #efefef;
	max-width: 50px;
	position: sticky;
	top: -1px;
	text-align: left;
}

#emailPreviewFieldset {
	padding-bottom: 5px;
	background: white;
	box-shadow: inset 0px 0px 11px #808080bd;
}

#emailPreviewLabel {
	margin: 10px 0px;
	background: white;
	padding: 0px 5px;
	box-shadow: 0px 8px 5px -1px #d3d3d357;
}

#SendEmailResultContainer {
	margin-top: 20px;
	padding: 15px 0px;
	background-color: #e1ffe4;
	border: 1px solid limegreen;
	text-align: center;
	font-size: 13pt;
}

#SendEmailDisclaimerContainer {
	padding: 5px 0px;
	background-color: orange;
	border: 1px solid orangered;
	text-align: center;
	font-size: 10pt;
}

#SendEmailButton, #submitPinBtn, .primarybtn {
	background: #2787b8;
	border: 2px solid #2787b8;
	color: white;
	height: 35px;
	padding: 0px 10px;
	cursor: pointer;
	box-shadow: 0px 0px 6px #8080809e;
}

	#SendEmailButton:hover, #submitPinBtn:hover, .primarybtn:hover {
		box-shadow: inset 1px 2px 6px #00000069;
	}

/* Admin Menu */
ul#Adminmenu {
	position: relative;
	left: -30px;
	list-style: none;
	color: White;
	width: 199px;
}

/* ul#Adminmenu li { display: inline; } */
	
ul#Adminmenu li a {
	display: list-item; float: left; height: 36px;
	background-image: url(../Content/images/btnAdminMenu.png); 
	color:White;
	font-size:12pt;
	text-align:center;
	line-height:32px;
	text-decoration:none;
	margin-bottom:5px;
}

ul#Adminmenu li a.admin {
	width: 199px; background-position: 0 0;	
}

ul#Adminmenu li a.admin:hover, ul#Adminmenu li a.admin:focus {
	background-position: 0 -36px;	
}
	
 

a { outline: none; }



 

/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
}

.error {
    color: Red;
}


 


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;

}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
    /* display: block; */
    clear: left;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, 
.editor-label 
{
    font-size: 1em;
    margin: 1em 0 0 0;
}

.display-field, 
.editor-field {
    margin: 0.5em 0 0 0;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}


textarea {
    min-height: 75px;
}

input[type="text"],
input[type="password"] {
	border: 1px solid #ccc;
	padding: 2px;
	font-size: 1.2em;
	color: #444;
	/*width: 200px;*/
	height: 20px;
}

select {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
}

input[type="submit"] {
    font-size: 1.2em;
    padding: 5px;
}

.form-section
{
    float: left;
    width: 400px;
}

.form-section-admin
{
    float: left;
    width: 300px;
}

.editor-label
{
    float: left;
    display:block;
    width: 120px;
}
.editor-label-admin
{
    float: left;
    display:block;
    width: 150px;
}

.editor-label-changepass
{
    float: left;
    display:block;
    width: 175px;
    margin-top:12px;
}

.editor-field
{
    float: left;
}

/*********SORTER*************/


.data_table th
{
    background-color: #005e79;
}

 th.header { 
    background-image: url(../Content/images/bg.gif);     
    cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center left; 
    padding-left: 20px; 
    border-right: 1px solid #dad9c7; 
    margin-left: -1px; 
    background-color: #005e79;
    color: White;
} 

th.headerSortUp { 
    background-image: url(../Content/images/asc.gif); 
    background-color: Orange; 
    color: White;
} 

th.headerSortDown { 
    background-image: url(../Content/images/desc.gif); 
    background-color: Orange; 
    color: White;
} 

/*********Tables*************/
.data_table
{
    border-collapse: collapse;
    width: 100%;
    border: 1px solid gray;
}

.data_table td
{
    vertical-align: top;
}

.data_table  tr:nth-child(odd) 
{
    background-color: silver;
    
}

.data_table tr:nth-child(even) 
{
    background-color: transparent;

}

.h, .h td
{
    background-color: #005e79 !important;
    border-bottom: 1px solid #131314  !important;
    margin-top: 2px;
}

/*********MENU Specific*************/
#summary
{
    background-color: #dddddd;   
    font-weight: normal;
    font-size: small;
    color: black;
    width: 100%;
    border-bottom: 1px solid orange;
    border-top: 1px solid orange;
    height: 100px;
}



#summary .step
{
    width:146px;
    border-right: 1px solid gray;
}

#summary .step a
{
    font-weight:bold;
    font-style:italic;
    text-decoration:none;
    color:Black;
}

#summary .step-open
{
    /* background-color: Green; */
    background-image: url(../Content/images/greenFlag.png); 
    background-color: #ffffff;
    background-position:right top;
    background-repeat:no-repeat;
    
    color: #E17009 !important;
    background-color: #F5F8F9  !important;
    border: 2px solid #79B7E7  !important;
}

#summary .step-complete
{
    /* background-color: Green; */
    /*background-image: url(../Content/images/checkFlag.png); */
    background-color: #efefef;
    background-position:right top;
    background-repeat:no-repeat;
}

.selectRow , .selectBox
{
    cursor:pointer;
}

.selectRow.selected, .selectBox.selected
{

    color: #E17009 !important;
    background-color: #F5F8F9  !important;
    border: 2px solid #79B7E7  !important;
}


.message {
    font-family:Arial,Helvetica,sans-serif;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    min-height:900px !important; 
    height:900px !important; 
    z-index:1005;
    text-align:center;
    font-weight:bold;
    font-size:24px;
    color:white;
    padding:10px 0px 10px 0px;
    background-color: #0f7ba6; /*#E17009;*/
    opacity:0.8;
    filter:alpha(opacity=80);
}

.message span {
    text-align: center;
    margin-top: 200px;
    width: 100%;
    float: left;
}

.close-notify {
    white-space: nowrap;
    float: left;
    margin-left: 50%;
    margin-right: auto;
    margin-top: 50px;
    text-align: center;
    color:#000 !important; 
    text-decoration:none;
    border:2px #fff solid;
    padding-left:3px;
    padding-right:3px;
    font-size: 40px;
}

.close-notify a {
    color: #000 !important; 
    position: relative;
    margin-left: auto;
    margin-right: auto;
    top: 300px;
    text-align: center;
    font-size: 40px;
}


/* Payment */
.printContracts
{
    background-image: url(../Content/images/SavePrint.png); 
    background-color:transparent;
    background-position:center top;
    background-repeat:no-repeat;
    border-style:none;
    width:150px;
    height:139px;
    cursor:pointer;
}



.selectRowMonthlyPayment
{

    color: #E17009 !important;
    background-color: #F5F8F9  !important;
    border: 2px solid #79B7E7  !important;
}
 

/*SORTER*/

/*
 *  File:         demo_table.css
 *  CVS:          $Id$
 *  Description:  CSS descriptions for DataTables demo pages
 *  Author:       Allan Jardine
 *  Created:      Tue May 12 06:47:22 BST 2009
 *  Modified:     $Date$ by $Author$
 *  Language:     CSS
 *  Project:      DataTables
 *
 *  Copyright 2009 Allan Jardine. All Rights Reserved.
 *
 * ***************************************************************************
 * DESCRIPTION
 *
 * The styles given here are suitable for the demos that are used with the standard DataTables
 * distribution (see www.datatables.net). You will most likely wish to modify these styles to
 * meet the layout requirements of your site.
 *
 * Common issues:
 *   'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is
 *     no conflict between the two pagination types. If you want to use full_numbers pagination
 *     ensure that you either have "example_alt_pagination" as a body class name, or better yet,
 *     modify that selector.
 *   Note that the path used for Images is relative. All images are by default located in
 *     ../images/ - relative to this CSS file.
 */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

.dataTables_wrapper {
	position: relative;
	min-height: 302px;
	clear: both;
	_height: 302px;
	zoom: 1; /* Feeling sorry for IE */
}

.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}

.dataTables_length {
	width: 40%;
	float: left;
}

.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
}

.dataTables_info {
	width: auto;
	float: left;
}

.dataTables_paginate {
	width: 44px;
	* width: 50px;
	float: right;
	text-align: right;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	width: 19px;
	margin-left: 3px;
	float: left;
}

.paginate_disabled_previous {
	background-image: url('../images/back_disabled.jpg');
}

.paginate_enabled_previous {
	background-image: url('../images/back_enabled.jpg');
}

.paginate_disabled_next {
	background-image: url('../images/forward_disabled.jpg');
}

.paginate_enabled_next {
	background-image: url('../images/forward_enabled.jpg');
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
	margin: 0 auto;
	clear: both;
	width: 100%;
	
	/* Note Firefox 3.5 and before have a bug with border-collapse
	 * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) 
	 * border-spacing: 0; is one possible option. Conditional-css.com is
	 * useful for this kind of thing
	 *
	 * Further note IE 6/7 has problems when calculating widths with border width.
	 * It subtracts one px relative to the other browsers from the first column, and
	 * adds one to the end...
	 *
	 * If you want that effect I'd suggest setting a border-top/left on th/td's and 
	 * then filling in the gaps with other borders.
	 */
}

table.display thead th {
	padding: 3px 18px 3px 10px;
	border-bottom: 1px solid black;
	font-weight: bold;
	cursor: pointer;
	* cursor: hand;
}

table.display tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	padding: 3px 10px;
}

table.display td.center {
	text-align: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: url('../images/sort_asc.png') no-repeat center right;
}

.sorting_desc {
	background: url('../images/sort_desc.png') no-repeat center right;
}

.sorting {
	background: url('../images/sort_both.png') no-repeat center right;
}

.sorting_asc_disabled {
	background: url('../images/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
	background: url('../images/sort_desc_disabled.png') no-repeat center right;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.display tr.odd.gradeA {
	background-color: silver;
}

table.display tr.even.gradeA {
	background-color: #eeffee;
}

table.display tr.odd.gradeC {
	background-color: silver;
}

table.display tr.even.gradeC {
	background-color: #eeeeff;
}

table.display tr.odd.gradeX {
	background-color: silver;
}

table.display tr.even.gradeX {
	background-color: #ffeeee;
}

table.display tr.odd.gradeU {
	background-color: silver;
}

table.display tr.even.gradeU {
	background-color: silver;
}


tr.odd {
	background-color: silver;
}

tr.even {
	background-color: white;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
/*
 *  File:         demo_table_jui.css
 *  CVS:          $Id$
 *  Description:  CSS descriptions for DataTables demo pages
 *  Author:       Allan Jardine
 *  Created:      Tue May 12 06:47:22 BST 2009
 *  Modified:     $Date$ by $Author$
 *  Language:     CSS
 *  Project:      DataTables
 *
 *  Copyright 2009 Allan Jardine. All Rights Reserved.
 *
 * ***************************************************************************
 * DESCRIPTION
 *
 * The styles given here are suitable for the demos that are used with the standard DataTables
 * distribution (see www.datatables.net). You will most likely wish to modify these styles to
 * meet the layout requirements of your site.
 *
 * Common issues:
 *   'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is
 *     no conflict between the two pagination types. If you want to use full_numbers pagination
 *     ensure that you either have "example_alt_pagination" as a body class name, or better yet,
 *     modify that selector.
 *   Note that the path used for Images is relative. All images are by default located in
 *     ../images/ - relative to this CSS file.
 */


/*
 * jQuery UI specific styling
 */

.paging_two_button .ui-button {
	float: left;
	cursor: pointer;
	* cursor: hand;
}

.paging_full_numbers .ui-button {
	padding: 2px 6px;
	margin: 0;
	cursor: pointer;
	* cursor: hand;
}

.dataTables_paginate .ui-button {
	margin-right: -0.1em !important;
}

.paging_full_numbers {
	width: auto !important;
}

.dataTables_wrapper .ui-toolbar {
	padding: 5px;
}

.dataTables_paginate {
	width: auto;
}

.dataTables_info {
	padding-top: 3px;
}

table.display thead th {
	padding: 3px 0px 3px 10px;
	cursor: pointer;
	* cursor: hand;
}

div.dataTables_wrapper .ui-widget-header {
	font-weight: normal;
}


/*
 * Sort arrow icon positioning
 */
div.DataTables_sort_wrapper {
	position: relative;
	padding-right: 20px;
	padding-right: 20px;
	line-height: 1em;
	height: 1em;
}

div.DataTables_sort_wrapper span {
	float: left;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * Everything below this line is the same as demo_table.css. This file is
 * required for 'cleanliness' of the markup
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

.dataTables_wrapper {
	position: relative;
	min-height: 302px;
	_height: 302px;
	clear: both;
}

.dataTables_processing {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 250px;
	margin-left: -125px;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 11px;
	padding: 2px 0;
}

.dataTables_length {
	width: 40%;
	float: left;
}

.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
}

.dataTables_info {
	width: auto;
	float: left;
}

.dataTables_paginate {
	float: right;
	text-align: right;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	width: 19px;
	margin-left: 3px;
	float: left;
}

.paginate_disabled_previous {
	background-image: url('../images/back_disabled.jpg');
}

.paginate_enabled_previous {
	background-image: url('../images/back_enabled.jpg');
}

.paginate_disabled_next {
	background-image: url('../images/forward_disabled.jpg');
}

.paginate_enabled_next {
	background-image: url('../images/forward_enabled.jpg');
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
	margin: 0 auto;
	width: 100%;
	clear: both;
	border-collapse: collapse;
}

table.display tfoot th {
	padding: 3px 0px 3px 10px;
	font-weight: bold;
	font-weight: normal;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	padding: 3px 10px;
}

table.display td.center {
	text-align: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: url('../images/sort_asc.png') no-repeat center right;
}

.sorting_desc {
	background: url('../images/sort_desc.png') no-repeat center right;
}

.sorting {
	background: url('../images/sort_both.png') no-repeat center right;
}

.sorting_asc_disabled {
	background: url('../images/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
	background: url('../images/sort_desc_disabled.png') no-repeat center right;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.display tr.odd.gradeA {
	background-color: #ddffdd;
}

table.display tr.even.gradeA {
	background-color: #eeffee;
}




table.display tr.odd.gradeA {
	background-color: #ddffdd;
}

table.display tr.even.gradeA {
	background-color: #eeffee;
}

table.display tr.odd.gradeC {
	background-color: #ddddff;
}

table.display tr.even.gradeC {
	background-color: #eeeeff;
}

table.display tr.odd.gradeX {
	background-color: #ffdddd;
}

table.display tr.even.gradeX {
	background-color: #ffeeee;
}

table.display tr.odd.gradeU {
	background-color: #ddd;
}

table.display tr.even.gradeU {
	background-color: #eee;
}


tr.odd {
	background-color: #e0e0e0 !important;
}

tr.even {
	background-color: white !important;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.dataTables_scroll {
	clear: both;
}

.top, .bottom {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}

.top .dataTables_info {
	float: none;
}

.clear {
	clear: both;
}

.dataTables_empty {
	text-align: center;
}

tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}

tfoot input.search_init {
	color: #999;
}

td.group {
	background-color: #d1cfd0;
	border-bottom: 2px solid #A19B9E;
	border-top: 2px solid #A19B9E;
}

td.details {
	background-color: #d1cfd0;
	border: 2px solid #A19B9E;
}


.example_alt_pagination div.dataTables_info {
	width: 40%;
}

.paging_full_numbers span.paginate_button,
 	.paging_full_numbers span.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
}

.paging_full_numbers span.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers span.paginate_button:hover {
	background-color: #ccc;
}

.paging_full_numbers span.paginate_active {
	background-color: #99B3FF;
}

table.display tr.even.row_selected td {
	background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
	background-color: #eeeeee;
}


/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
tr.odd td.sorting_1 {
	background-color: #efefef;
}

tr.odd td.sorting_2 {
	background-color: #bfc6d0;
}

tr.odd td.sorting_3 {
	background-color: #bfc6d0;
}

tr.even td.sorting_1 {
	background-color: white;
}

tr.even td.sorting_2 {
	background-color: #d7e7ff;
}

tr.even td.sorting_3 {
	background-color: #d7e7ff;
}


/* For the Conditional-CSS grading rows */
/*
 	Colour calculations (based off the main row colours)
  Level 1:
		dd > c4
		ee > d5
	Level 2:
	  dd > d1
	  ee > e2
 */
tr.odd.gradeA td.sorting_1 {
	background-color: #cdcdcd;
}

tr.odd.gradeA td.sorting_2 {
	background-color: #cdcdcd;
}

tr.odd.gradeA td.sorting_3 {
	background-color: #cdcdcd;
}

tr.even.gradeA td.sorting_1 {
	background-color: #cdcdcd;
}

tr.even.gradeA td.sorting_2 {
	background-color: #cdcdcd;
}

tr.even.gradeA td.sorting_3 {
	background-color: #cdcdcd;
}

tr.odd.gradeC td.sorting_1 {
	background-color: #cdcdcd;
}

tr.odd.gradeC td.sorting_2 {
	background-color: #cdcdcd;
}

tr.odd.gradeC td.sorting_3 {
	background-color: #cdcdcd;
}

tr.even.gradeC td.sorting_1 {
	background-color: #d5d5ff;
}

tr.even.gradeC td.sorting_2 {
	background-color: #e2e2ff;
}

tr.even.gradeC td.sorting_3 {
	background-color: #e2e2ff;
}

tr.odd.gradeX td.sorting_1 {
	background-color: #ffc4c4;
}

tr.odd.gradeX td.sorting_2 {
	background-color: #ffd1d1;
}

tr.odd.gradeX td.sorting_3 {
	background-color: #ffd1d1;
}

tr.even.gradeX td.sorting_1 {
	background-color: #ffd5d5;
}

tr.even.gradeX td.sorting_2 {
	background-color: #ffe2e2;
}

tr.even.gradeX td.sorting_3 {
	background-color: #ffe2e2;
}

tr.odd.gradeU td.sorting_1 {
	background-color: #c4c4c4;
}

tr.odd.gradeU td.sorting_2 {
	background-color: #d1d1d1;
}

tr.odd.gradeU td.sorting_3 {
	background-color: #d1d1d1;
}

tr.even.gradeU td.sorting_1 {
	background-color: #d5d5d5;
}

tr.even.gradeU td.sorting_2 {
	background-color: #e2e2e2;
}

tr.even.gradeU td.sorting_3 {
	background-color: #e2e2e2;
}


/*
 * Row highlighting example
 */
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
	background-color: #ECFFB3;
}

.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
	background-color: #E6FF99;
}

a[disabled="disabled"]
{
    color: silver !important;
}

.disabled * { color: Gray;}
.locked * { color: Maroon;}
.online * { color: Green;}
.admin * {font-weight: bold;}

.R { background-color: Maroon !important; color: White !important;}
.Y { background-color: Yellow !important; color: Black !important;}
.G { background-color: Green !important; color: White  !important;}

.highlight, .highlight td
{
    background-color : #e3f011;
}

.notify
{
    background-color: white;
    margin: 1em;
    border: 1px solid #0193cf;
    padding: 5px;
    color: #0193cf;
    width: auto;
    height: auto;
    text-align: center;
    font-size: x-small;
}



/* Contract Icons */
.ContractSuccess {
	background:  url(../Content/images/greenCheck.png) no-repeat;
	width:50px;
	height:52px;
}

.ContractFail {
	background:  url(../Content/images/redX.png) no-repeat;
	width:50px;
	height:53px;
}

.failText {
	color: #9d3636 !important;
}


/* Reports Charge Failed Highlight */
.chargeFailed 
{
    color: #ff0000 !important;
    /* background-color: #9d3636  !important;
    border: 2px solid #c81414  !important; */
}
 
 
 .hover b
 {
     color: #2e6e9e;
 }
 
.hover
{
    height: auto;
    width: 300px;
    z-index: 99999;
    position: absolute;
    color: White;
    border: 2px solid #2e6e9e;
    background-color: White;
    opacity:0.8;
    color: Black;
    
    
    filter:alpha(opacity=80);
    padding: .5em;
}



.dialogSaveOverlay {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../Content/images/ajax-loader.gif') 
                50% 50% 
                no-repeat;
}

.dialogSaveOverlayMessage {
    height: 100%; 
    width: 200px; 
    margin-left: auto; 
    margin-right: auto; 
    text-align: center; 
    margin-top: 40px;
    font-size: 24px;
    color: #425642 ;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    z-index: 9999;
}
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .dialogSaveOverlay {
    display: block;
}