/*ColorsBlue: #587BBC;
	Light Grey: #8d8d8d;
	Red: #ee3126;
	Grays: #8d8d8d;
	#666666;
	#dddddd;
*/
* {
	color: #000000;
}
h1 {
	color: #01824a;
}
h2 {
	color: #8d8d8d;
}
h3 {
	color: #8d8d8d;
}

h4 {
	color: #ffffff;
}
a:link, a:visited, a:active, a:hover {
	color: #000000;
}
/* this might relate to the border colour of the selection boxes? */

form fieldset.normal {
	border: 1px solid #cccccc;
	background: #e5e5e5 url('images/fieldset.png') repeat-x 1% 1%;
}
form fieldset.pageSep {
	border: 2px solid #ffffff;
	border-top: 2px solid #dddddd;
}
form fieldset.none {
	background: #ffffff;
}
form fieldset legend {
	color: #666666;
}
.dateField {
	color: #000000;
}
.dateFieldFormat, .timeFieldFormat {
	color: #cccccc;
}

span.button {
	background: transparent url('images/button.png') no-repeat top center;
	border: 1px solid #8d8d8d;
	color: #ffffff;
}
/* this refers to colour of the buttons /text (page numbers etc) */
span.buttonLight {
	background: #eeeeee;
	border: 1px solid #8d8d8d;
	color: #ffffff;
}
span.inlineButton {
	background: transparent url('images/button.png') no-repeat top center;
	border: 1px solid #8d8d8d;
	color: #ffffff;
}
#gtsHeaderLeft {
	background: #ffffff url('images/logo.png') no-repeat center left;
}
#gtsHeaderLeft span.enterprise {
	color: #db7488;
}
#gtsHeaderLeft span.software {
	color: #d30029;
}
/* Function Bar */
#functionBar {
	background: #8d8d8d;
	color: #ffffff;
}
/* Footer */
#gtsFooter {
	border-top: 3px solid #01824a;
}
.info {
	background-color: #db7488;
}

.error {
	background-color: #ff0000;
}

.errormsg {
	color: #cc0000;
}
.browserWarning {
	border: 2px solid #000000;
	background: #ffef8f;
	color: #ee3126;
}
.reason {
	border: 1px solid #cc0000;
}
div.leftMenuOption {
	background-image: url('images/menu/gtsIcons.png');
}
div.rightMenuOption {
	background-image: url('images/menu/gtsIcons.png');
}

/* DATATABLES */
/*this referes to the block colour of the header bars in the pop ups */

.dataTables_processing {
	border: 2px solid #8d8d8d;
	background: #eeeeee;
}

thead tr.search {
	background-color: #eeeeee;
}
/* this refers to the colours of the transation lines / search results etc. */

tr.even {
  background-color: #f1f1f1;
}
/* this refers to the colours of the transation lines / search results etc. */

tr.odd {
	background-color: #e5e5e5;
}
/* this refers to the hover over the transaction lines in the main screen area */
 
tbody tr.even:hover, tbody tr.odd:hover {
  background-color: #3ab835;
}
/* this refers to the highlight that appears above a field when you have selected to sort*/

.sorting_asc {
	background: #cccccc url('images/datatables/sortUp.png') no-repeat bottom center;
}
/* this refers to the highlight that appears above a field when you have selected to sort*/

.sorting_desc {
 background: #cccccc url('images/datatables/sortDown.png') no-repeat bottom center;
}

.sorting {
 background: transparent url('images/datatables/sortBoth.png') no-repeat bottom center;
}

/* this refers to the border around the page number blocks*/
span.paginate_button, span.paginate_active {
	background: #ffffff url('images/button.png') no-repeat top center;
	border: 1px solid #8d8d8d;
}
/* This refers to the page number button */

span.paginate_active {
	background: #eeeeee;
	color: #000000;
}

.subRowData th {
	background-color: #01824a;
}

.expanded {
	background: transparent url('images/datatables/detailsClose.png') no-repeat center center;
}

.collapsed {
	background: transparent url('images/datatables/detailsOpen.png') no-repeat center center;
}

/* this refers to the header bar on the pop up windows */
.ui-widget-header {
	border: 1px solid #01824a;
	color: #01824a;
	background-color: #eeeeee;
}

.ui-dialog .ui-dialog-buttonpane button {
	background: transparent url('images/button.png') no-repeat top center;
	border: 1px solid #01824a;
}

/* this refers to the border around the days on the date picker number blocks*/
.ui-datepicker td a.ui-state-default {
	border: 1px solid #ffffff;
	background: #ffffff url('images/button.png') no-repeat top center;
}
/* this refers to the colour of the hover text when selecting a date */

.ui-datepicker td a.ui-state-hover {
  border: 1px solid #ffffff;
	background: #eeeeee url('images/button.png') no-repeat top center;
	color: #f90c06;
}
/* this refers to the start date that you have selected in the search criteria */

.ui-datepicker td a.ui-state-active {
 	border: 1px solid #ee3126;
	background: #eeeeee;
	color: #000000;
}

/* this refers to the highlighted date field on the calendar today's date in the 'Date To and From' search function */
 
.ui-datepicker td a.ui-state-highlight {
 	border: 1px solid #eeeeee;
	background: #3ab835;
	color: #eeeeee;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	background: #ffffff url('images/button.png') no-repeat top center;
	border: 1px solid #3ab835;
}

/* Order Detail Dialog - GTOR030 */
#GTOR030-OrderDetailsFS {
	display: block;
	width: 900px;
	height: 100px;
	margin-right: 9px;
}