/*** FONTS and COLORS ***/


.main-list th, 
.main-list th a.list-header,
.drill-down-list th,
.drill-down-list th a.list-header 
{
	color: white;
	font-weight: bold;
	background-color: #414141;
	font-size: 13px;
}

tr.altcol1 { background-color: #f8f8f8; }
tr.altcol2 { background-color: transparent; }


.ui-datepicker-trigger {
    margin-left: 5px;
    margin-top: 8px;
    margin-bottom: -3px;
    cursor: pointer;
}

.main-list a.list-header { text-decoration: none; }

form.filter label { 
	font-size: 13px;
}

a.list-paging { 
	color: #555555; 
	text-decoration: none; 
	font-weight: bold;
	font-size: 13px;
}

a.list-paging span { border-bottom: 1px solid #555555; }

#page-divider-top {
	background: #CCCCCC; 
	height: 1px; 
}

.main-list {
	border-bottom: 2px solid #414141; 
}

input.filter {
	color: #414141;
	padding: 1px 2px;
	height: 22px; 
	border: 1px solid #848484;
}

.break-header {
	font-size: 15px;
	font-weight: bold;
}

a img { border: none; }

#display-message.display-message-active { background-color: goldenrod; }




/*** LAYOUT ***/

body { margin: 0; padding: 0; } 

td.actions span { white-space: nowrap; }

.actions { width: 60px; }
.input-capable-list .actions { width: auto; }

.hidden { visibility: hidden; }

.page-title-image { display: block; }

#page-title-block { 
	margin: 15px 30px 0;
	height: 120px;
}

#outer-content { 
	min-width: 782px;
	margin-bottom: 26px;
}

.display-list #outer-content,
.single-record #outer-content,
.chart #outer-content 
{
	display: table;
}

#page-content {
	margin: 0 30px;
}

#page-divider-top {
	clear:both;
	margin-bottom: 15px;
	margin-top: 15px;
}

#page-divider-bottom {
	clear:both;
	margin-bottom: 10px;
	margin-top: 10px;
}

.main-list, 
#accordion, 
.drill-down-list 
{ 
	margin-top: 15px; 
}


/***Field Styles***/
input[type="text"], 
input[type="password"]
{
	height: 34px;
	vertical-align: middle;
	margin-top: 1px;
	border: 1px solid #ccc;
  	border-radius: 4px;
}

input, select  {
	height: 34px;
	vertical-align: middle;
	margin-top: 1px;
	border: 1px solid #ccc;
  	border-radius: 4px;
}

textarea.form-control {
	height: 150px;
	vertical-align: middle;
	margin-top: 1px;
	border: 1px solid #ccc;
  	border-radius: 4px;
}


input[type="checkbox"] {
    margin: 0 2px 0 10px;
    width: 20px;
    margin-top: 1px;
    line-height: normal;
    border: 1px solid #ccc;
}


input[type="radio"] {
    margin: 0 2px 0 10px;
    width: 20px;
    margin-top: 1px;
    line-height: normal;
    border: 1px solid #ccc;
}



input[type="text"], 
input[type="number"], 
input[type="select"]
input[type="password"],
textarea
{ 
	font-size: 13px;
	font-family: 'Montserrat', Arial, sans-serif;
}

input[type="text"].filter { font-size: 13px }





/***END Field Styles***/




.add-link {
	float: right;
	display: inline-block;
}

.add-link img {
	vertical-align: text-top;
}

span.list-paging { 
	display: inline-block;
	float: right; 
}

div#display-message { 
	margin: 10px 10px 15px; 
	width: auto; 
	min-height: 17px;
}

.message { padding: 3px 10px; }

#list-paging-top { margin-top: 5px }
	
#contents {	clear: both; }

.clear-layout { clear: both; }

#list-table { 
	clear: both; 
	width: 100%; 
	overflow:auto;
}


form.filter { 
	display: inline;
	float: left;
}

.main-list { 
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 14px;
}	

.main-list, 
.drill-down-list 
{
	border-spacing: 0; 
}

.main-list td, 
.main-list th, 
.drill-down-list td, 
.drill-down-list th 
{
	padding: 8px 4px;
}

td.num { text-align: right; }
td.alpha { text-align: left; }

.field-group { 
	width: 100%; 
	margin: 8px 0;
}

.field-group label, 
.field-group span.label 
{ 
	width: 17%; 
	display:inline-block; 
	vertical-align: middle;
}

.field-group span.value { 
	width: 80%; 
	display:inline-block; 
	vertical-align: middle;
}

.field-group span input { max-width: 100%; }

.field-group span textarea { width: 100%; }

.fields {
	margin-bottom: 28px;
}

.filter-group {
	display: inline-block;
	margin: 1px 17px 1px 0;
}

.filter-button {
	margin-left: -17px;
}

body#drill-down.display-list {
	overflow-y: scroll;
}

a.list-paging img { vertical-align: middle; }

a.previous {
	margin-right: 8px;
}

/*** jQuery UI style overrides ***/

/*button text element */
.ui-button-text-only .ui-button-text { padding: .2em .75em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .2em; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .2em .1em .2em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .2em 2.1em .2em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: 10; }

.ui-widget { 
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 1em; 
}

.add, 
.ui-dialog-buttonset .add, 
.accept, 
.ui-dialog-buttonset .accept
{
	background: #c7c7c7 url(../images/bg-button-accept.png) 50% 50% repeat-x;
}

.add:hover, 
.accept:hover
{
	background: #c7c7c7 url(../images/bg-button-accept-hover.png) 50% 50% repeat-x;
	background-color: #242c62;
    	background-image: none;
}

.add, 
.accept, 
.ui-dialog-buttonset .accept 
{ 
	border: 1px solid #0080C0; 
	font-weight: bold; 
	color: #ffffff; 
}

.add-link .ui-button-text-only span { padding-left: 7px; }

.actions .ui-button {
	min-width: 0;
	width: 18px;
	height: 20px;
	vertical-align: middle;
	margin-right: 2px;
}

#filters input, 
#filters label 
{ 
	vertical-align: middle; 
}

.filter-button, 
.cancel, 
.ui-dialog-buttonset .cancel 
{
	height: 26px;
	padding-top: 0;
	padding-bottom: 0;
}

#search-button 
{
	height: 28px;
	vertical-align: middle;
}

#login-button 
{
	height: 28px;
	vertical-align: middle;
}

#logintable td {
	white-space: nowrap;
}

.ui-button {
 	min-width: 6em;
}

.accept, 
.cancel 
{
	min-height: 2em;
	vertical-align: middle;
}

.ui-jqgrid-labels th {
	color: #ffffff;
}

.ui-accordion-content h3 {
	font-size: 1em;
	padding: 0;
}