@charset "UTF-8";
/* CSS Document */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:top;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

html{ background:none; }
body{ 
	background:repeat url(../images/site-background.jpg); 
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
textarea{font-family:Arial, Helvetica, sans-serif;}
#container{
	width:1006px;
	margin:0 auto 0 auto;
	padding:0;
}
/* TOP AERA */
#top {
	width:1006px;
	height:143px;
	margin:0;
	padding:0;
	background: no-repeat url(../images/top-background.png);
	clear:both;
}
#top_private {
	width:1006px;
	height:217px;
	margin:0;
	padding:0;
	background-image: url(../images/top-background-private.png);
/*	//background-repeat: no-repeat;
	//background-position: top left;
	//background-image: url(../images/top-background-private.png);
	//background: no-repeat url(../images/top-background.png) top left;*/
	clear:both;
}
#private-top1 {
	float:left;
	width:528px;
	margin:27px 0 0 195px;
}
#private-top2 {
	float:left;
	width:250px;
	margin:2px 0 0 0;
	*margin-top:0px;
}
#private-top2 > table > tbody > tr > td {
	*padding-bottom:2px;
}
#private-top2 p {
	font-size:10px;
	color:#999999;
	margin:0;
	padding:0;
	line-height:normal;
	}
#private-top1 a:link.mainsite,
#private-top1 a:visited.mainsite {
	font-size:10px;
	border:0;
	color:#119115;
	font-weight:bold;
	}
#private-top2 a:link,
#private-top2 a:visited {
	font-size:10px;
	color:#333333;
	margin-right:10px;
	padding-right:10px;
	border-right:0;
	}
#private-top2 a:hover {
	color: #119115;
}
span.envName {
	color:#119115;
	background-color:#efe;
	border: 1px solid #8b8;
	font-size:10px;
	font-weight:bold;
	padding: 2px 5px;
	text-transform:uppercase;
	cursor:default;
}
#main_nav {
	float:left;
	margin: 13px 0 0 0;
}
/* CONTENT AREA */
#content_area{
	float:left;
	width:1006px;
	background: repeat url(../images/content-background.png);
}
#nav .topimage {
	margin:0 0 10px 120px;
	display:block;
}
#content {
	width:460px;
	float:left;
	margin:100px 0 0 0;
}
#content_private {
	width:770px;
	float:left;
	margin:20px 0 0 0;
	min-height:250px;
}
#login {
	width:60px;
	float:left;
	margin:60px 0 0 40px;
}
#login a:link,
#login a:visited {
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:14px;
	color:#666666;
}
#login a:hover {
	color:#119115;
}
/* FOOTER STYLES */
#footer {
	width:1006px;
	height:266px;
	background: no-repeat url(../images/bottom-background.png);
	float:left;
}
#footer_private {
	width:1006px;
	height:77px;
	background: no-repeat url(../images/bottom-background-private.png);
	float:left;
}
#footer_links,
#footer_links_private {
	width:317px;
	float:left;
	margin:210px 0 0 370px;
	}
#footer_links_private {
	margin-top:10px;
	}
#footer_links a, #footer_links_private a:link,
#footer_links a:visited, #footer_links_private a:visited,
#footer_links p, #footer_links_private p {
	float:left;
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#666666;
	text-transform:uppercase;
	line-height:normal;
	margin:0 0 0 15px;
	
}
#footer_links a:hover, #footer_links_private a:hover,
#footer_links a:active, #footer_links_private a:active {
	color:#119115;
}
/* GENERAL STYLES */
p, ol {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	line-height:16px;
	margin-bottom:14px;
}
.bold {
	font-weight:bold;
}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:22px;
	color:#119115;
	text-transform:uppercase;
	letter-spacing:-1px;
	font-stretch:ultra-condensed;
	line-height:15px;
	margin:0 0 20px 0;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#119115;
	text-transform:uppercase;
	font-size:14px;
	margin-bottom:5px;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#119115;
	text-transform:uppercase;
	font-size:14px;
	margin-bottom:5px;
	margin-top:15px;
}
a {
	font-family:Arial, Helvetica, sans-serif;
	color:#119115;
	text-decoration:none;
}
	
.highlight {
	color:#119115;
	}
/* FORMS */
#searchform{
	width: 225px;
	font: normal 11px Arial, sans-serif;
	color: #666666;
	float:right;
	margin:100px 30px 0 0;
	padding:0;
	
}
#jump{
	width:150px;
	font: normal 11px Arial, sans-serif;
	color: #666666;
	float:left;
	margin:20px 15px 0 30px;
	padding:0;
	background:#EEEEEE;
}
#loginform,
#forgotpasswordform,
#searchmemberform {
	width: 450px;
	font: normal 11px Arial, sans-serif;
	color: #666666;
	float:left;
	margin:0 0 0 30px;
	padding:0;
}
#search-protocol {
	width: 450px;
	font: normal 11px Arial, sans-serif;
	color: #666666;
	float:left;
	margin:0 0 0 30px;
	padding:0;
}
/*  TABLE ELEMENTS  */
Table {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}
form td {
	/*vertical-align:bottom;*/
	padding:3px 0 0 0;
}
/* FORM ELEMENTS  */
label {
	text-align: left;
	/*text-transform: uppercase;*/
	font: bold 12px Arial, sans-serif;
	color:#999999;
}
input.text {
	height: 14px;
	color:#666666;
	border: 1px solid #666666;
	margin: 0;
	padding: 2px;
	background: white;
}
#searchform input.text {
	width: 125px;
}
input.text,
#loginform input.text, 
#forgotpasswordform input.text,
#searchmemberform input.text {
	width: 250px;
}
#jump label {
	text-align: left;
	text-transform: uppercase;
	font: normal 11px Arial, sans-serif;
	color:#999999;
}
#jump input.text {
	width: 120px;
}
#jumpmenu {
	margin-left:10px;
	}
	
#jump td {
	padding:5px 0 5px 0;
}
#loginform td {
	padding:2px;
}
.greylink {
	color:#666666;
	text-decoration:underline;
}
.errormsg {
	color:#FF0000;
	font-weight:bold;
}
#result-table {
	float:left;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	margin-bottom:30px;
	width:100%;
}
#result-table TD,
#result-table-lined TD,
#drug-table TD {
	padding:1px 3px;
	vertical-align:top;
}
#result-table .heading, td.heading {
	background: #B1DCB4;
	color:#333333;
	font-weight: bold;
}
#result-table .odd,
#drug-table .odd {
	background:#F2F9F2;
}
#result-table .even,
#drug-table .even {
	background:#E2F2E3;
}

#result-table .noPadding,
#result-table-lined .noPadding {
	padding:0;
}
#result-table-lined {
	float:left;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	margin-bottom:30px;
	/*width:100%;*/
}

#result-table-lined table{
	font-size:11px;
}

#result-table-lined .heading {
	background: #B1DCB4;
	color:#000000;
	font-weight:bold;
}
#result-table-lined .odd {
	background:#FFFFFF;
	border-bottom:1px dashed #666666;
}
#result-table-lined .even {
	background:#E2F2E3;
	border-bottom:1px dashed #666666;
}
#members-table {
	margin:0 0 0 30px;
	line-height:normal;
	padding:0;
}
#members-table TD {
	padding:1px 3px;
}
#members-table P {
	line-height:normal;
	margin:0;
	padding:0;
}
.form-notes {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
}
.form-examples {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	font-style:italic;
}
.form-button {
	border: 0;
	margin: 0px 0 10px 0;
	padding: 4px 25px 4px 7px;
	background: no-repeat url(../images/btn_background.gif);
	background-position: right;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:13px;
	text-decoration:none;
	display:inline-block;
	}
.form-button:hover  {
	color:#666666;
	}
	
/*select {
	background: white;
	border:1px solid #666666;
	width:250px;
}*/
.changes {
	color:#FF0000;
	}
	
#submissions-table {
	background:#EEEEEE;
	/*width:100%;*/
	margin-bottom:15px;
	padding:5px;
}
#submissions-table TD,
#institution-table TD {
	padding:1px 3px;
}
.highlightTD {
	background:#EEEEEE;
	padding-top:10px;
}
.dottedTD {
	border-bottom:1px dashed #666666;
	}
	
	
/* PRIVATE ELEMENTS  */
.tophope {
	float:right;
	margin:20px 17px 0 0;
	}
.toplogo {
	float:left;
	margin:50px 0 0 60px;
}	
.uppercase {
	text-transform:capitalize;
	}
	
#newmember td {
	margin:0 0 20px 30px;
}
.tableStandard {
	width:100%;
	margin-bottom: 10px !important;
}
.table700px {
	width:700px;
	}
.marginleft30px {
	margin:0 0 30px 30px;
}

.noteRequired {
	color:#999;
	font-size:11px;
	font-style:italic;
	margin-top:-10px;
	padding-left:10px;
}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {color:#666666;background-color:#fff;border:1px solid #bbb; }
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {font-size:12px; margin:0 0 0.2em;}
input.text, input.title {width:300px;padding:3px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}

/* Chrome version 29 and above */
@media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution:.001dpcm) {
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
}

form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

table.table-border, .table-border td
{
    border-color: s#bbb;
    border-style: solid;
}

table.table-border
{
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
}

.table-border td
{
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
}

.greyed 
{
	background:#CFCFCF !important;
}

/*
	CTSI Status Colors
*/
td.pending
{
	color:#000;
}

td.approved
{
	color:green;
}

td.waiting
{
	color:red;	
}

td.required
{
	color:red;	
}

*,
*::before,
*::after {
  box-sizing: content-box;
}
