/* Appearance of the Calendar*/
A {text-decoration: none;}
A:hover {text-decoration: underline;}
A:visited {color:#666699;}
A:active {text-decoration:none;}

.banner
{
	font-size: 44px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif; , Times, serif;
	/*font-style: italic;*/
}
.inputpanel
{
	border: 1pt solid Black
}
.cal
{
	width : 100%;
	height: 130%;
	font-family: "Times New Roman", Arial, Helvetica, sans-serif;
	font-size: 100%;
}
.cal .headline {
	font-weight: bold;
	color: #003366;
	font-size: 100%;
	background-color: #BABBD8;
	
}

.cal .headline A:link {
	color: #000000;
	text-decoration: none;
}

.cal .headline A:visited {
	color: #993399;
	text-decoration: none;
}

.cal .headline A:hover {
	color: #FF0000;
	text-decoration: none;
}

.cal .headline .today_select {
	background-color: #FFFFFF;
	text-align : center;
	text-decoration: underline;
	font-size: 80%;
	color: #000000;
}

.cal .overview {
	font-size: 80%;
	text-align : center;
	height: 100%;
	width: 100%;
}

.cal .overview A:link {
	text-decoration: none;
}

.cal .overview A:visited {
	text-decoration: none;
}

.cal .overview A:hover{
	background-color: #993300;
	color: #FFFFFF;
	text-decoration: none;
}

.cal .overview .last_month {
	color: #CCCCCC;
}

.cal .overview .next_month {
	color: #CCCCCC;
}

.cal .overview #today {
	color: #FFFFFF;
	background-color: #FF0000;
}

.cal .overview #selected {
	color: #FFFFFF;
	background-color: #FF9933;
	text-decoration: none;
}

.cal .overview .dayname {
	background-color: #F3F3F8;
}

.cal .overview .reserved {
	font-weight: bold;
	font-size: 100%;
	text-decoration: underline;
}

/* Appearance of the Eventlist */
.event_list_title   {
	font-family: "Times New Roman", Arial, Helvetica, sans-serif;
	color: #000066;
	background-color: #FFFFFF;
	text-align: center;
}

.event_list {
	font-family: "Times New Roman", Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}

.event_list .headings {
	font-weight: bold;
	color: #003366;
	background-color: #BABBD8;
}

.event_list .status {
	font-size: 80%;
	color: #993300;
	font-weight: normal;   
}

.event_list .date {
    font-size: 75%;
	/*color: #000000;*/
}

.event_list .event {
	font-family: "Times New Roman", Arial, Helvetica, sans-serif;
	font-size: 90%;
}

.event_list A  {
  	text-decoration: none;
}

.event_list A:hover  {
  	text-decoration: underline;
}

.event_list .error_message {
	padding-left : 10pt;
	padding-right : 10pt;
	padding-top: 10pt;
	padding-bottom: 10pt;
	background-color: #FFFFFF;
	color: #FF0000;
	}
	
.cal_view_select {
	font-family: "Times New Roman", Arial, Helvetica, sans-serif;
    margin: 5px;
}
.event_info {
	font-family: "Times New Roman", Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}
.event_info .headings {
	font-weight: bold;
	color: #003366;
	background-color: #BABBD8;
}

.event_info .description {
	background-color: #EBEBF5;
}

.line_color0 {
	font-family: "Times New Roman", Arial, Helvetica, sans-serif;
	background-color:#F9FBFF;
	padding-top:3pt;
	padding-bottom:3pt;
}

.line_color1 {
	font-family: "Times New Roman", Arial, Helvetica, sans-serif;
	background-color: #EAF0FF;
	padding-top:3pt;
	padding-bottom:3pt;
}

.next_event_select  {
	font-family: "Times New Roman", Arial, Helvetica, sans-serif;
	font-size: 80%;
	background-color: #FFFFFF;
	text-align : left;
}

.next_event_select A {
	font-family: "Times New Roman", Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #CCCCCC;
	background-color: #FFFFFF;
	text-align : center;
	text-decoration: underline;
}

.qs_months, .qs_prev_years, .qs_next_years {
	font-family: "Times New Roman", Arial, Helvetica, sans-serif;
	zindex : 1000;
	position : absolute;
	width:50px;
	background-color: #F1F1F8;
	padding-left: 1px;
	padding-right: 1px;
	visibility: hidden;
}

.qs_months table, .qs_prev_years table, .qs_next_years table {
	font-family: "Times New Roman", Arial, Helvetica, sans-serif;
	font-size: 75%;
}

.qs_months table A, .qs_prev_years table A, .qs_next_years table A {
	font-family: "Times New Roman", Arial, Helvetica, sans-serif;
	display:block; width: 30px;
	text-decoration : none;
	color: black;
}

.qs_months table A:hover, .qs_prev_years table A:hover, .qs_next_years table A:hover {
	font-family: "Times New Roman", Arial, Helvetica, sans-serif;
	display:block; width: 30px;
	background-color: red;
	color: white;
}

.nav_page{
	font-family: "Times New Roman", Arial, Helvetica, sans-serif;
	text-align : center;
}
.input_box {
	font-family: "Times New Roman", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003366;
	font-size: 100%;
	text-align : left;
}
.input_box .headings {
	background-color: #BABBD8;
	text-align : left;
}
.input_box .editarea {
	background-color: #EBEBF5;
	text-align : left;
}
.consent_form {
	text-align: justify;
	font-family: "Times New Roman", Arial, Helvetica, sans-serif;
	margin-left: 2em;
	margin-right: 2em;
	margin-top: 2em;
}
.consent_form .title{
	font-size:1.5em;
	font-weight: bold;
}
.consent_form .heading {
	font-size:1em;
	margin-top: 2em;
	font-weight: bold;
}
.consent_form .content {
	position: relative;
	margin-left: 2em;
	margin-top: 2em;
}
.consent_form .signature {
	position: relative;
	margin-left: 4em;
	margin-top: 2em;
	right: auto;
}
.sampletrack {
	font-family: "Times New Roman", Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}
.sampletrack .leftbox {
	/*position: absolute;
	top: 35%;*/
	left: 0.5%;
	border: solid outset #F2F2FF;
	background-color: #F2F2FF;
}
.sampletrack .rightbox {
	position: absolute;
	top: 20%;
	left: 23%;
	width: 75%;
}
.sampletrack .headings {
	background-color: #BABBD8;
	text-align : left;
}
.sampletrack .editarea {
	background-color: #EBEBF5;
	text-align : left;
}
.sampletrack .editarea .submit{
	background-color : #FAFAFA;
	font-weight : bold;
}
.sampletrack .header {
	background-color : #C6D3E3;
	padding-left : 5px;
}
.sampletrack .line_color0 {
	font-family: "Times New Roman", Arial, Helvetica, sans-serif;
	background-color:#F9FBFF;
	padding-top:3pt;
	padding-bottom:3pt;
	text-align : left;
}
.sampletrack .line_color1 {
	font-family: "Times New Roman", Arial, Helvetica, sans-serif;
	background-color: #EAF0FF;
	padding-top:3pt;
	padding-bottom:3pt;
	text-align : left;
}
.nav_page {
	background-color : #C6D3E3;
	padding-left : 5px;
	text-align : left;
}
.nav_page_bottom {
	background-color : #C6D3E3;
	padding-left : 5px;
	text-align : center;
}
.press {
	font-family: "Times New Roman", Arial, Helvetica, sans-serif;
	text-align: justify;
}
.press .leftcol {
	width:6.2cm;
	font-size:0.9em;
	background-color:#F2F2FF;
	border: solid outset #F2F2FF;
	text-align: left;
}
.press .leftcol A {
  	text-decoration: none;
}
.press .leftcol A:hover {
  	text-decoration: underline;
}
.press .leftcol A:visited {color:#666666;}
.press .leftcol A:active {text-decoration:none;}

.press .rightcol {
	/*width: 90%;*/
}
.press .title {
	font-weight: bolder;
	text-align: center;
	font-size: 140%;
}
.press .subtitle {
	font-weight: 200;
	font-size: 120%;
}
.press .para {
	text-align: justify;
}
.press .box {
	background-color: #FFFFCC;
}
/* Reports */
.reports {
	font-family: "Times New Roman", Arial, Helvetica, sans-serif;
	text-align: justify;
}
.reports .leftcol {
	width:5cm;
	font-size:0.9em;
	background-color:#F2F2FF;
	border: solid outset #F2F2FF;
	text-align: left;
}
.reports .leftcol A {
  	text-decoration: none;
}
.reports .leftcol A:hover {
  	text-decoration: underline;
}
.reports .leftcol A:visited {color:#666666;}
.reports .leftcol A:active {text-decoration:none;}

.reports .rightcol {
	/*width: 90%;*/
}
.reports .title {
	font-weight: bolder;
	text-align: center;
	font-size: 140%;
}
.reports .subtitle {
	font-weight: 200;
	font-size: 120%;
}
.reports .para {
	text-align: justify;
}
.reports .box {
	background-color: #FFFFCC;
}
/* TANK3 */
.tank {
	width : 100%;
	height: 130%;
	font-family: "Times New Roman", Arial, Helvetica, sans-serif;
	font-size: 100%;
}
.tank .leftcol {
	width:5cm;
	font-size:0.9em;
	background-color:#F2F2FF;
	border: solid outset #F2F2FF;
	text-align: left;
}
.tank .rightcol {
	/*top: 0%;
	position: relative;
	left: 23%;
	width: 75%;*/
}
.tank .seapanel {
	background-color:#F2F2FF;
	border: solid #F2F2FF;
	font-size:0.9em;
}
.tank A:link {
	text-decoration: none;
}
.tank A:visited {
	text-decoration: none;
}
.tank A:hover{
	background-color: #993300;
	color: #FFFFFF;
	text-decoration: none;
}
.tank .overview {
	font-size: 80%;
	text-align : center;
	height: 100%;
	width: 100%;
}
.tank .overview #selected {
	color: #FFFFFF;
	background-color: #FF9933;
	text-decoration: none;
}
.tank .overview .occupied {
	background-color: #FF0000;
	font-size: 80%;
	/*font-weight: bold;
	text-decoration: underline;*/
}
.tank .overview .usedempty {
	background-color: #999999;
	font-size: 80%;
	/*font-weight: bold;
	text-decoration: underline;*/
}
.tank .overview .nonusedempty {
	font-size: 80%;
	background-color: #FFFFFF;
	text-decoration: none;
}
.tank .headings {
	background-color: #BABBD8;
	text-align : left;
	font-weight: bold;
}
.tank .editarea {
	background-color: #F2F2F9;
	text-align : left;
}
.tank .editarea .dnapanel	{
	width: 83%;
	text-align: center;
	border-bottom-style: groove;
	border-right-style: outset;
	border-left-style: groove;
	border-top-style: outset;
	vertical-align: top;
	background-color: #D3D3E7;
}
.tank .nav_page {
	background-color : #C6D3E3;
	padding-left : 5px;
	text-align : left;
 	width: 99%;
}
.tank .nav_page_b {
	background-color : #C6D3E3;
	padding-left : 5px;
	text-align : center;
 	width: 99%;
}
.cc {
	position:relative;
	left: 0%;
	top: 0%;
}
.cc .top{
	
}
.cc .apc{ 
	background-color: #F0F0FF;
	position: absolute;
	left: 5%;
	top: 15%;
	
}
.cc .kras{ 
	
}
.cc .p53{ 
	
}
.cc .ecad{ 
	
}
.cc .cdx1{ 
	
}
.cc .smad4{ 
	
}
.fp {
	/*background-color: #f0ffff;  */ 
}
.fp .lf{
	border: inset;
	list-style-position: inside;
	list-style-type: circle;
	width:20%;
}
.fp .mf{
	width:60%;
}
.fp .rf{
	/*border: inset;
	list-style-position: inside;
	list-style-type: circle;
	width:20%;*/
}
.fp dl {
	clear: both;
}
.fp dt {
	clear: both;  padding-left: 3px;  margin-top: 20px;
}
.fp dd {
	margin-left: 2px; clear: both;   min-height: 50px ; clear: both; 
}