/********************************************************
********** CSS FOR AJAX WITHIN THE CONTAINER ************
********************************************************/

/* This is the main ajax panel */
.sectionContainer {
	background-color:#f6f6f6;
	border:1px solid #a8a8a8;
	border-bottom:1px solid #b4b4b4;
	text-align:left;
	padding:10px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#5a5a5a;
	text-decoration:none;
	/*-moz-box-sizing:padding-box;*/
}

/* This is the main ajax panel after you click "Add" */
.modifySectionContainer {
	background-color:#f6f6f6;
	border:1px solid #a8a8a8;
	border-bottom:1px solid #b4b4b4;
	text-align:left;
	padding:10px;
	/*-moz-box-sizing:padding-box;*/
}

/* The bottom bar of all buttons apply this */
.buttonContainer {
	height:28px;
	padding:5px 5px 0px 10px;
	margin:0px;
	/*background-color:#ced2da;*/
	background-color:#dddee0;
	border:1px solid #a8a8a8;
	border-top:1px solid #eceff4;
	text-align:right;
}

/* This css gets applied for all error messages in ajax containers */
.errorMessagesContainer {
	background:#faf0e2;
	border:1px solid #a8a8a8;
	border-bottom:0px;
	padding:0px 10px 0px 10px;
	font:normal 11px/18px Arial, Helvetica, sans-serif;
	color:#a03808;
	/*-moz-box-sizing:padding-box;*/
}

/* This css gets applied for all error messages in ajax containers */
.successMessagesContainer {
	background:#618DC3;
	border:1px solid #a8a8a8;
	border-bottom:0px;
	padding:0px 10px 0px 10px;
	font:bold 11px/22px Arial, Helvetica, sans-serif;
	color:#fff;
	/*-moz-box-sizing:padding-box;*/
}

/* Here is the css for the titles within a container (has an underline that extends to right margin)*/
.containerTitle {
	padding-bottom:2px;
	border-bottom:1px solid #9f9f9f;
	margin-bottom:10px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#5a5a5a;
	text-align:left;
	white-space:nowrap;
}

/******************************************************
********** TABLES CSS WITHIN THE CONTAINER ************
******************************************************/

table.standardGrid {
	font:normal 11px/13px Arial,Helvetica,sans-serif;
	color:#5a5a5a;
	background-color:#efefef;
	border-collapse:collapse;
	width:100%;
}

/*--- new design--*/

.standardGridNew {
	position:relative;
	width:100%;
	float:left;
	border:0px;
	z-index:6;
}

table.standardGridItemsNew {
	font:normal normal normal 11px/18px Arial,Helvetica,sans-serif;
	color:#5a5a5a;
	border:1px solid #a8a8a8;
	width:99%;
}

table.standardGridItemsNew tr.descriptionRow td {
	font-weight:bold;
	background-color:#d2d8e4;
}

table.standardGridItemsNew tr.aRow td {
	background-color:#f0f4fa;
	border-top:1px solid #a4a4a4;
}

table.standardGridItemsNew tr.bRow td {
	background-color:#eaeff6;
	border-top:1px solid #a4a4a4;
}

/*---end of new design--*/

/* default padding for tds */
table.standardGrid td {
	padding:2px 5px 2px 5px;
}

/* default font for grid tds */
table.standardGrid td a {
	font:bold 11px/13px Arial,Helvetica,sans-serif;
	text-decoration:none;
	color:#5a5a5a;
}

/* This defines the header that provides the description for the table */
table.standardGrid tr.descriptionRow td {
	border:1px solid #a4a4a4;
	padding:2px 5px 2px 5px;
	font-weight:bold;
	background-color:#d2d8e4;
}

/* This one is for the calendar "select" pop ups -- (we might be able to remove these) */
td.input td.filledItemHeavy {
	border:0px;
	border-left:1px solid #a4a4a4;
	height:24px;
}

/* Used to toggle row colors */
table.standardGrid tr.aRow td {
	background-color:#f0f4fa;
	border:1px solid #a4a4a4;
}
table.standardGrid tr.aRow:hover td {
	background-color:#f8f8f8;
}

/* Used to toggle row colors */
table.standardGrid tr.bRow td {
	background-color:#eaeff6;
	border:1px solid #a4a4a4;
}
table.standardGrid tr.bRow:hover td {
	background-color:#f8f8f8;
}

/* Sets back ground colors for reordering arrows */
table.standardGrid tr.aRow td.reorderingArrows {
	color:#5a5a5a;
	background-color:#e2e6ee;
	border:1px solid #a4a4a4;
	padding:0px 2px 0px 5px;
	text-align:center;
	vertical-align:middle;
	width:10px;
}

/* Sets back ground colors for reordering arrows */
table.standardGrid tr.bRow td.reorderingArrows {
	color:#5a5a5a;
	background-color:#e2e6ee;
	border:1px solid #a4a4a4;
	padding:0px 2px 0px 5px;
	text-align:center;
	vertical-align:middle;
	width:10px;
}

/* This is defined for reordering arrows */
table.standardGrid img.reorderingArrows {
	border:0px;
	padding:0px 5px 0px 0px;
	margin:0px 0px 0px 0px;
}

/* Sets back ground colors for checkboxes */
table.standardGrid tr.bRow td.checkbox {
	background-color:#ffffff;
}

/* Sets back ground colors for checkboxes */
table.standardGrid tr.aRow td.checkbox {
	background-color:#ffffff;
}

/* This gets applied on the payment screen to show declined payments */
table.standardGrid tr.error td {
	background-color:#d73737;
	border:1px solid #a4a4a4;
	color:#fff;
}

/******************************************************
***************** CSS FOR PAGINATION ******************
******************************************************/

.paginationNumbers {
	display:block;
	float:left;
	margin:0px 2px 0px 2px;
	background-color:#d2d8e4;
	border:1px solid #a4a4a4;
	width:14px;
	height:14px;
	padding:1px;
	text-align:center;
	vertical-align: middle;
	font:bold 11px/15px Arial, Helvetica, sans-serif;
	color:#5a5a5a;
	text-decoration:none;
	cursor:pointer;
}

a.paginationNumbers {
	text-decoration:none;
}

a.paginationNumbers:hover {
	background-color:#f4f4f4;
	color:#5a5a5a;
	text-decoration:none;
}

.paginationNumberSelected {
	display:block;
	float:left;
	margin:0px 2px 0px 2px;
	background-color:#96b6dc;
	border:1px solid #a4a4a4;
	width:14px;
	height:14px;
	padding:1px;
	text-align:center;
	vertical-align: middle;
	font:bold 11px/15px Arial, Helvetica, sans-serif;
	color:#e4ebf4;
	text-decoration:none;
	cursor:default;
}

a.paginationNumberSelected {
	text-decoration:none;
	color:#e4ebf4;
}