body, p {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h1,h2,h3 {
	font-family: 'Droid Serif', Times, serif!important;
}

button,
.logout-button input {
	float: right;
	background: #023979;
	border: none;
	padding: 8px;
	border-radius: 5px;
	color: white;
	font-size: 14px;
	-webkit-box-shadow: 2px 3px 6px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 3px 6px 0px rgba(0,0,0,0.2);
	box-shadow: 2px 3px 6px 0px rgba(0,0,0,0.2);
	border: 1px solid #003772;
	margin: 0 5px;

}

.logout-button input:hover {
	background: #023979;
}

/*-----------------------------------------------------------------------*/
/* Header */
/*-----------------------------------------------------------------------*/



#top {
	background: #0A2240;
	width:100%;
	padding-top:10px;
	height: auto;
	padding-bottom: 10px;
}

#topWrapper {
	max-width: 1024px;
	margin: auto;
	padding: 0 15px;
}

#bannerSection {
	/*background-image: url('../../../images/int-scroll-bg.png');
	background-repeat: repeat-x;
	height:249px;
	*/
}

.divider {
	background: #b0b1b2; /* Old browsers */
	background: -moz-linear-gradient(top,  #b0b1b2 0%, #f6f6f6 30%, #f6f6f6 42%, #c2c3c4 71%, #9c9d9e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b0b1b2), color-stop(30%,#f6f6f6), color-stop(42%,#f6f6f6), color-stop(71%,#c2c3c4), color-stop(100%,#9c9d9e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b0b1b2 0%,#f6f6f6 30%,#f6f6f6 42%,#c2c3c4 71%,#9c9d9e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b0b1b2 0%,#f6f6f6 30%,#f6f6f6 42%,#c2c3c4 71%,#9c9d9e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b0b1b2 0%,#f6f6f6 30%,#f6f6f6 42%,#c2c3c4 71%,#9c9d9e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b0b1b2 0%,#f6f6f6 30%,#f6f6f6 42%,#c2c3c4 71%,#9c9d9e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0b1b2', endColorstr='#9c9d9e',GradientType=0 ); /* IE6-9 */

	height:5px;
	width:100%;
}

#userMenuBtn{
	background: #023979;
	display: table;
	color:white;
	font-size: 14px;
	width:auto;
	padding: 8px;
	border-radius: 5px;
}

#userMenuBtn ul > li > a:hover,
#userMenuBtn ul > li > a:focus,
#userMenuBtn > a:hover,
#userMenuBtn li:hover a {
	background: #023979;
}

#userMenuBtn a {
	color:white;
	background: #023979;
}

#userMenuBtn ul{
	background: #023979;
}

#userMenuBtn ul li{
	
}

/*-----------------------------------------------------------------------*/
/* Content */
/*-----------------------------------------------------------------------*/

body .container {
max-width: 1024px;
width: 89%;
}

main#content {
width: 100%!important;
margin: 0;
}

#expButtons {
	display: table;
	float: right;
	margin: 15px;
}

/*-----------------------------------------------------------------------*/
/* Form Styles */
/*-----------------------------------------------------------------------*/
#tableWrapper {
	max-width: 1024px;
}
#formTable{
	width: 100%;
}
#formTable td {
	border: 1px solid #B5D3EC;
}
#formTable tr:nth-child(even) {
	background: #eff6fc;
}
#formTable th {
	cursor: pointer;
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(top,  #1e5799 0%, #7db9e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1e5799 0%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1e5799 0%,#7db9e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1e5799 0%,#7db9e8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1e5799 0%,#7db9e8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
	color:	white;
	border: 1px solid #a5ceef;
}
#formTable th b:after {
	content:url('../../../images/bg.gif')!important;
}
th.header.headerSortUp b:after {
	content:url('../../../images/desc.gif')!important;
}
th.header.headerSortDown b:after {
	content:url('../../../images/asc.gif')!important;
}
.chronoform > textarea, .chronoform > input{
	width: 100% !important;
}

/*-----------------------------------------------------------------------*/
/* Media Queries */
/*-----------------------------------------------------------------------*/

@media (max-width:960px) {
	#bannerSection {
		height: auto;
	}
	#logo {
		text-align: center;
	}
	.body {
		padding: 0 15px;
	}
	footer {
		padding: 0 15px;
	}
}