body {
	margin:	0 auto;
	width: 1025px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
}

html #recaptcha_area, html #recaptcha_table {
  table-layout: auto;
}

h1 {
	font-size: 150%;
}

h2 {
	font-size: 125%;
}

.header {
	padding: .5em;
}

.nav1 {
	text-align: justify;
	word-spacing: 1em;
}

.nav1on {
	font-weight: bold;
	border-top: thin gray solid;
	border-left: thin gray solid;
	border-right: thin gray solid;
	padding: .5em;
	text-decoration: none;
}

a.nav1off:link {
	color: #323246;
	text-decoration: none;
	padding: .5em;
}

a.nav1off:visited {
	color: #323246;
	text-decoration: none;
	padding: .5em;
}

a.nav1off:hover {
	text-decoration: none;
	padding: .5em;
}

a.nav1on:link {
	text-decoration: none;
	padding: .5em;
}

a.nav1on:visited {
	text-decoration: none;
	padding: .5em;
}

a.nav1on:hover {
	text-decoration: none;
	color: #280A93;
	padding: .5em;
}

.nav2bg {
	width: 1.5em;
	vertical-align: top;
}

.nav2 {
	padding: 1em;
	width: 180px;
	font-size: 1.3em;
	letter-spacing: .05em;
}

.nav2on {
	color: #280A93;
	font-weight: bold;
}

a.nav2off:link {
	text-decoration: none;
	padding-bottom: 2em;
}

a.nav2off:visited {
	text-decoration: none;
	padding-bottom: 2em;
}

a.nav2off:hover {
	color: #280A93;
	text-decoration: none;
	padding-bottom: 2em;
}

a.nav2on:link {
	color: #280A93;
	text-decoration: none;
	padding-bottom: 2em;
}

a.nav2on:visited {
	color: #280A93;
	text-decoration: none;
	padding-bottom: 2em;
}

a.nav2on:hover {
	color: #280A93;
	text-decoration: none;
	padding-bottom: 2em;
}


td.logout {
	text-align: right;
	font-size: 1.2em;
	padding: 3px 0;
}


.contentbg {
	vertical-align: top;
	padding-bottom: 1.5em;
}

.content {
	padding:1em;
	margin-top:1em;
	margin-right:1em;
}

.surveybg {
	vertical-align:top;
  padding-bottom:1.5em;
  width: 100%;
}

.survey {
	padding:1em;
}

.survey_title {
	padding:1em;
}

/*this is for the headings on the information sheet*/
.isheading {
	font-weight: bold;
	text-decoration: underline;
}


/* "Welcome, <user>." on user profile page */
.welcome_flash {
	padding: 7px 20px;
	background: #eee;
	border: 1px solid #ccc;
	text-align: center;
}


/*  	-------------------------------------------------------------------------------
			The Form Elements
		------------------------------------------------------------------------------- 	*/

tr.radio_row.question_text td {
	margin: 10px 0;
}

tr.radio_row.answer_text td {
	margin-left: 20px;
}

/* struts-generated; eg. Login form */

table.wwFormTable {
	border: none !important;
}

table.wwFormTable td {
	border: none;
}

table.wwFormTable td.tdLabel {
	text-align: right;
}

.wwFormTable .form_btn {
	
}




/*  	-------------------------------------------------------------------------------
		User Surveys Listing page (current studies available / in progress / completed)
		------------------------------------------------------------------------------- 	*/
table.listings {
	background: rgb(240,240,240);
	border-collapse: collapse;
	border: 0px solid #666;
}
table.listings.available {
	background: #A3E6CE;
}
table.listings.in_progress {
	background: #F9DBB0;
}
table.listings.completed {
	
}

div.listings_wrapper {
	border: 1px solid #ccc;
	margin-bottom: 12px;
}

table.listings tr {
	border-bottom: 0 solid #000;
}

tr.headings {
	font-size: .9em;
	font-weight: bold;
}

table.survey_listing {
	margin: 0.5em 0em 1em 0.4em;
	padding: 10px;
	background: #fff;
	border: 1px solid #A59C7F;
  width:98%;
  table-layout:fixed;
}

table.survey_listing.done {
	background: rgb(250,250,250);
}

tr.headings td, 
td.time,
td.compensation,
td.pdf {
	padding: 5px;
}

tr.headings td {
	padding-bottom: 1px;
}

tr.headings td {
	/*
	background: rgb(242,242,242);
	*/
}

td.survey_listing {
  padding-left: 5px;
  padding-top: 5px;
	vertical-align: top;
}

td.title {
	font-size: 1.5em;
}
td.title a {
	text-decoration: none;
}
td.title a:hover {
	border-bottom: none;
}

td.time {
	padding-right: 10px;
	width: 15%;
}

td.compensation {
	padding-right: 20px;
	width: 50%;
}

td.desc {
	padding: .5em 0 1em 0.4em; 
}

td.pdf {
	width: 35%;
}

td.survey_listing.pdf img {
	vertical-align: middle;
}

/* these are for the study lists*/

/* listings header */
.lh {
	font-weight: bold;
	font-size: 1.5em;
	padding: 15px 23px;
	text-align: center;
}
	.lh.available 	{ border-color: green; }
	.lh.progress 	{ border-color: blue; }
	.lh.completed 	{ border-color: red; }

.slheaddata {
	border-bottom: thin black solid;
	padding-right: 3em;
}

.slheaddataA {
	border-bottom: medium green solid;
	padding-right: 3em;
}

.slheaddataP {java 
	border-bottom: medium blue solid;
	padding-right: 3em;
}

.slheaddataC {
	border-bottom: medium red solid;
	padding-right: 3em;
}

.sltabledata {
	border-right: 1px solid gray;
	
	vertical-align: middle;
	text-align: left;
}

.footer {
	font-size: 75%;
	padding: 1em;
}

input.disabledtext, label.disabledtext {
	border-width: 1px;
	border-style: solid;
	
	text-align: center;
	font-family: monospace;
	font-size: 14pt;
	
	color: black;
}

select.disabledtext {
	border-width: 1px;
	border-style: solid;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24pt;
	
	color: black;
}

hr {
	border-width: 0px;
	border-style: solid;
	border-color: gray;
	background: gray;
	height: 1px;
}

label {
	font-size: .9em;
}

.q3example {
	font-family: Arial, Helvetica, sans-serif !important;
	width: 600px;
	font-size: 1em;
}

div.error_message {
  font-size: 1.2em;
  color: red;
}

div.error_page {
	padding: 3em 2em 1em 2em;
}

.error_page h2 {
	border-width: 0 0 1px 0;
	border-style: solid;
	padding-bottom: 10px;
	margin-bottom: 40px;
}



/* ============================================================
		C o l o r s
   ============================================================ */


.main_color, .header, .nav1, .content, .survey, .survey_title {
	color: #323246;
}

body, .primary_bg, .header, .nav1, .footer {
	background-color: #274E7D;
}

.secondary_bg, .content, .survey, .survey_title, input.disabledtext, select.disabledtext, label.disabledtext {
	background-color: #fff;
}

.nav1on, .nav2bg, .nav2, .nav2on, .contentbg, .surveybg, div.error_page {
	background: #6899D3;
}

input.disabledtext, select.disabledtext, label.disabledtext, .error_page h2 {
	border-color: #EBE1F5;
}

a:link, a:visited {
	color: #A66500;
}

a:hover, 
.nav1on, 
a.nav1on:link, 
a.nav1on:visited, 
a.nav1off:hover,
a.nav2off:link,
a.nav2off:visited,
td.logout a
{
	color: #FF9C00;
}

.nav2 {
	color: #efefef;
}

.footer {
	color: #ddd;
}

.nav2 a, a.footerlinks {
	text-decoration: none;
	color: #efefef;
}

a.footerlinks:hover {
	text-decoration: underline;
}

/*  ------------------------------------------------------------------- 
	     Color Scheme: Desert 
	------------------------------------------------------------------- 

body, .primary_bg, .header, .nav1, .footer {
	background-color: rgb(241, 237, 218);
}

.nav1on, .nav2bg, .nav2, .nav2on, .contentbg, .surveybg, div.error_page {
	background: rgb(213, 206, 173);
}

a:link,
a:visited {
	color: rgb(165, 139, 25);
}

.nav2 a,
.nav1on, 
a.nav1on:link, 
a.nav1on:visited, 
a.nav1off:hover,
a.nav2off:link,
a.nav2off:visited,
td.logout a {
	color: #fff;
}

a:hover {
	color: rgb(165, 139, 25);
}

a.footerlinks,
.footer {
	color: rgb(136, 124, 124);
}

/*  ------------------------------------------------------------------- 
	     Color Scheme: Spring
	------------------------------------------------------------------- 

body, .primary_bg, .header, .nav1, .footer {
	background-color: #2D455D;
}

.nav1on, .nav2bg, .nav2, .nav2on, .contentbg, .surveybg, div.error_page {
	background: #A7C6E4;
}

a:link,
a:visited {
	color: #195895;
}

.nav2 a,
.nav1on, 
a.nav1on:link, 
a.nav1on:visited, 
a.nav1off:hover,
a.nav2off:link,
a.nav2off:visited,
td.logout a {
	color: #333;
}

a:hover {
	color: #555;
}

a.footerlinks,
.footer {
	color: #aaa;
}

*/

/*  ------------------------------------------------------------------- 
	     Color Scheme: Evening in the Library
	------------------------------------------------------------------- */

body, .primary_bg, .header, .nav1, .footer {
	background-color: #A59B79;
}

.nav1on, .nav2bg, .nav2, .nav2on, .contentbg, .surveybg, div.error_page {
	background: #5D7350;
}

a:link,
a:visited {
	color: rgb(168, 139, 93);
}

.nav2 a,
.nav1on, 
a.nav1on:link, 
a.nav1on:visited, 
a.nav1off:hover,
a.nav2off:link,
a.nav2off:visited {
	color: #333;
}

td.logout a {
	color: #A59C7F;
}

a:hover {
	color: #A59B79;
}

a.footerlinks,
.footer {
	color: #614A4F;
}

table.listings.available {
	background: #6B6887;
}
table.listings.in_progress {
	background: #9E747D;
}


/*  ------------------------------------------------------------------- 
		Navigation Buttons
	-------------------------------------------------------------------  */

.nav_btn, .form_btn, input[type=submit] {
	color : #4d4d4d !important;
	font-size : 1em;
	font-weight: normal;
	font-family: Arial, sans-serif;
	text-decoration:none;
	text-shadow:2px 1px 0px #f5f5f5;
	text-align: center;
	
	padding : 6px 24px;
	
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0f0f0), color-stop(1, #e6e6e6) );
	background:-moz-linear-gradient( center top, #f0f0f0 5%, #e6e6e6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#e6e6e6');
	background-color:#f0f0f0;
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #9e9c9e;
}
a.nav_btn {
	display:inline-block;
}
.nav_btn:hover, .form_btn:hover, input[type=submit]:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e6e6e6), color-stop(1, #f0f0f0) );
	background:-moz-linear-gradient( center top, #e6e6e6 5%, #f0f0f0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#f0f0f0');
	background-color:#e6e6e6;
	cursor: pointer;
} .nav_btn:active, .form_btn:active, input[type=submit]:active {
	position:relative;
	top:1px;
}

tr.nav_btn_row td {
	padding: 10px 0;
}

/*
 * Etc
 */

table.center {
  margin-left:auto;
  margin-right:auto;
}

@media screen and (min-width: 1200px) {
  .container{
    max-width: 90%;
  }
}

@media screen and (min-width: 992px) {
  .container{
    max-width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .container{
    max-width: 100%;
  }
}

table {
  table-layout: fixed;

}

.hradio_label label {
  font-weight: 500;
  font-size: 1em;
}


ul {
  list-style-type:none;
}