a:link				{ color: #0000FF }
a:visited			{ color: #800080 }
a:hover,
a:active	{ color: #585858 }
h4           	{ font-family: Arial; font-size: 12pt; font-weight: bold }
td           	{ font-family: Arial; font-size: 10pt; line-height: 1.2em; padding: 2px }
th           	{ font-family: Arial; font-size: 10pt; line-height: 1.2em; padding: 2px; font-weight: bold; background-color: #CCCCCC } /* Sandy changed the background from yellow to gray. */
.align  		{ font-family: Arial; font-size: 10pt }
.subheader		{ font-family: Geneva, Verdana; font-size: 8pt; font-style: italic; text-align: center; background-color: #94E3FE  }
.grayitout		{ background-color: #C0C0C0 }
.yellowit		{ background-color: #FFFFBF }
.blueit		{ background-color: #94E3FE }
.blueitbold	{ background-color: #94E3FE; font-weight: bold }
body		{margin-left: 0px; }

/* ------------- text styles --------------- */
.pageHeader {
    font-family:arial;
    font-size: 12pt;
    font-weight: bold;
}

button.ui-datepicker-trigger{
    margin-left: 8px;
    vertical-align: middle;
}


.required {color:red;}

.sectionHeader {
    font-weight: bold;
    font-size: 12pt;
    line-height: 1.4em;
}

.notesHeader {
    font-weight: bold;
    text-decoration: underline;
}

.notesLabel {	
    font-weight: bold;
}

.notes {	
    font-weight: normal;
    font-size: 8pt;
}

.message {
    font-weight: bold;
}

.disabled {
    background-color:#CCCCCC;
}

.numberField {
    text-align: right;
}

.login {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 10px;
}

.claimer {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    vertical-align: text-bottom;
}

/* ------------- list table styles --------------------------- */
/* the following styles are mainly used for a table to display */
/* a list of records, e.g. search results.                     */
/* ----------------------------------------------------------- */
table.listTable {
    border-collapse:collapse;
    clear:both;
    font-weight: normal;
    empty-cells: show;
    font-family:arial;
    font-size: 10pt;
}

table.listTable tr th {
    border-width:1px 1px 1px 1px;
    border-style:solid;
    padding:1px 1px 1px 5px;
    border-color:#C1C1C1;
    background-color: #CCCCCC;
    font-weight: bold;
}

table.listTable tr.subHeader {	
    background-color: #EEEECC;
}

table.listTable th.sectionHeader {	
    text-align: left;
}

table.listTable th.centerAligned {	
    text-align: center;
}

table.listTable th.leftAligned {	
    text-align: left;
}

table.listTable td {
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    padding:2px 0 2px 5px;
    vertical-align:top;
    border-color:#C1C1C1;
} 

table.listTable td.rightAligned {
    text-align: right;
}

table.listTable td.space {
    border-style: none;
    height: 30px;
}

table.listTable .summary {
    background-color: #EEEECC;
}

table.listTable .total {
    background-color: #E0E0E0;
}

.listTable ul, .listTable li {
    /*display: inline;
    list-style-type: none;*/
    margin: 0;
    padding: 0;
}

ul.hiddenItem {
    display: none;
}

ul.selectedItem {
    display: inline;
}
/* ------------- text table styles ---------------------- */
/* the following styles are mainly used for a table without    */
/* border, e.g. search criteria                           */
/* ----------------------------------------------------------- */
table.textTable {
    font-weight: normal;
    empty-cells: show;
    font-family:arial;
    font-size: 10pt;
    border-style: none;
}			


/*********** http://theodorakis.net/tablecentertest.html ********/
/** this allows a div to be centered **/
.center
{ 
    text-align: center;
}

/** this tells a table withing a centered div to still be aligned to the left **/
.center table
{ 
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
/******************************************************************/

table.textTable th {
    padding: 3px 3px 3px 3px;
    vertical-align: top;
    border-style: none;
    font-weight: bold;
    background-color: white;
}

table.textTable th.leftAligned {
    text-align: left;
}

table.textTable td {
    padding: 3px 3px 3px 3px;
    vertical-align: top;
    border-style: none;
}

table.textTable td.notes {
    background-color: #F6F6F6;
}

/* ------------- error table styles ---------------------- */
/* the following styles are mainly used for displaying error messages   */
/* ----------------------------------------------------------- */
table.errorTable {
    border-collapse:collapse;
    clear:both;
    font-weight: normal;
    empty-cells: show;
    font-family:arial;
    font-size: 10pt;
}

table.errorTable th {	
    border-width:1px 1px 1px 1px;
    border-style:solid;
    padding:1px 0 1px 5px;
    border-color:#C1C1C1;
    background-color: #FFFFBF;
    font-weight: bold;
    text-align: center;
    color: red;
}

table.errorTable td {
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    padding:2px 0 2px 5px;
    vertical-align:top;
    border-color:#C1C1C1;
    text-align: left;
}

/* --------------- button styles ----------- */
.button {
    font-weight: bold;
    text-align: center;
}

.buttonGroup {
    text-align: center;
    padding: 5px;
}

.error {color:red;}

.bulkerror{
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url('../images/error.png');
  background-position: 10px 10px;
  background-repeat: no-repeat;
  border: 1px solid;
  margin: 10px 0px;
  min-height: 25px;
  padding: 15px 10px 15px 50px;
  text-align: center;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.deled{color:red; text-decoration:line-through;}

/* ------ Page Help ------ */
.pagehelpcontent{background-color: rgb(207,227,246); height: 200px;}
.pagehelp{}
.pagehelpbutton{float: right;}



table.accordion thead tr th{
    background-color:#AAAAAA;
}

table.accordion tbody tr {

    border-top-color:black;
    border-top-style:solid;
}

table.accordion tbody tr td{
    background-color:#DDDDDD;
}

table.accordion td.accordionClose {
    background-image: url(../images/navigate_up.png);
    background-repeat: no-repeat;
    background-position: center left;
    padding-left:24px;
}

 table.accordion td.accordionOpen {
    background-image: url(../images/navigate_down.png);
    background-repeat: no-repeat;
    background-position: center left;
    padding-left:24px;
}
span.listOpen {
    background-image: url(../images/navigate_right.png);
    background-repeat: no-repeat;
    background-position: center left;
    padding-left:24px;
}
span.listClose {
    background-image: url(../images/navigate_up.png);
    background-repeat: no-repeat;
    background-position: center left;
    padding-left:24px;
}
table.accordion tbody tr.ajaxed td, tr.empty td {
    background-color:white;
}

/* Pagination
---------------------------------------- */
.pagingItem {
	font-weight: normal;
	text-decoration: none;
	color: #747474;
	margin: 0 2px;
	padding: 0 2px;
	font-size: 0.9em;
	line-height: 1.5em;
}

.pagingItemCurrent {
	padding: 0 2px;
	margin: 0 2px;
	font-weight: normal;
	font-size: 0.9em;
}

.pagingDots {
	font-weight: normal;
}

.pagination span a:hover {
	background-color: #d2d2d2;
	color: #FFF;
	text-decoration: none;
}

.pagination img {
	vertical-align: middle;
}

#passwordinfo{
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 10px auto;
    padding: 3px;
    text-align: left;
    vertical-align: bottom;
    display: block;
}
#preloader {
    position: absolute;
    width: 100%;
    height: 100%;
    background:#fff;
    z-index:999;

}
#preloaderContent {
    position: absolute;
    border-width: 2px;
    border-color: #000000;
    padding: 25px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

/*
    Research Subjects
*/
font.tableHeaders {
	color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 1.25em;
}
font.tableRows {
	color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 1em;
}
font.requiredText {
	color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        font: 100%/1 "Helvetica Neue", Helvetica, Arial, FreeSans, sans-serif; 
        color: #FF0000;
        font-style: italic;
}
.ui-datepicker-input {
    background: url(/gs/images/cal.gif) no-repeat scroll 16px 16px;
    background-position: right;
    cursor: pointer;
}    

.whiteBackground {
    background-color:#ffffff !important;
}

.formInput {
    box-sizing:border-box;
    width: 100%;
}

.tableSpacing {
    border-collapse: separate !important;
    border-spacing: 16px 0 !important;
}

#commitmentTransactionForm {
    display: flex;
    justify-content: center;
}