html { 
    font-size: 100%; 
} 

.container { 
	width:100%;
	max-width: 1230px;
	/* font-size: 1.6em;   16px font */
}  
p a {
	color: #0275d8 !important;
}

/* gradient background on header  */
.head {
	background: linear-gradient(to bottom, #e3ecf3, #ffffff);
}

/* top margin on search form */
.searchform-md {  		/* md = medium screen size */
	margin-top: 5px;	/* the size of this changes on a medium screen size */
	width: 100%;
	position: relative;
	bottom: 5px;
}

header .column.two-thirds {
	margin-top: 10px;
}
/* special styles for search form in header */
input[type="search"] {
	border-radius:10px;
	height: 30px;
	vertical-align: middle;
	width: 80%;
	color: #959595;
	padding: 0 1em;
}
#search {
	width: 80%;
	border-radius: 0.25rem;

}

label {
	color: #959595;
}

fieldset {
	border: none;
}

/* top navigation bar */

nav {							
	background: #00487a;
	text-align: center;
	margin: 0px auto;
	padding: 0px;
}

nav li a {
	padding-left:10px !important;
	padding-right:10px !important;
}

.nav-main-sm { 		/* sm = small screen size */
	display:none; 	/* this disappears on a small screen */
}

ul.nav.navbar-nav li:last-child {
	background-color: #6f9327;

}
ul.nav.navbar-nav > li.dropdown > ul > li {
	background-color: #5186c8 !important;
}
.navbar-collapse {
	padding-left: 0px;
	padding-right: 0px;
}

.navbar-nav>li>a {
	line-height: 30px;
}
/*
#AboutLayer, #NmembersLayer {
	visibility: hidden;
	position: relative;
	background: #5186c8;*/
	/*margin-top: 0.5em;*/
	/*padding-top: 0.25em;
	width: 100%;
}
*/
/*.subnav {
	z-index: 100000;
}
.subnav li{

	float:none;
	background: #5186c8;
	width: 100%;
}

.subnav li a {
	text-transform: capitalize;
}

.subnav li:hover {
	background: #00487A;
}

.subnav li a:hover {
	color: #fff;
}*/
.navbar-default .navbar-nav>li>a {
	color: #fff !important;
	font-size:12px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color: #fff;
	font-size:12px;
}
/*nav ul { 
	margin: 0px auto;
	height: 35px;
	list-style: outside none none;
	padding: 0px;
	max-width: 1230px;
	width: 88.5%;
}*/

/*nav li {
	width: -moz-min-content;
	min-width: 4%;/*KH cghanged this from 9 to 4*/
	/*height: 35px;
	margin: 0px;
	padding: 0.4em 0.5em 0px;
}*/

.navbar-default {
	background-color: #00487a !important;
}

nav a {
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	white-space: nowrap;
	text-decoration: none;
}

.navbar-nav {
	/*margin: 7.5px*/ /*margin:0px !important; */ /********Commenting out the *margin: 7.5px allowed the hover on the main menu bar to expand to the entire bar.*/
}

nav li a:hover {
	color: #fff;
}

nav li:hover {
	background: #5186c8 !important;
	text-decoration: underline !important;
	color: #fff !important;/*Make the href underline white*/
}

.navbar .container{
	background-color: transparent !important;
}

.navbar .dropdown-menu {
	background-color: #5186c8 !important;
}
.dropdown-menu>li> {
	border-bottom: 1px solid #777 !important;
	color: #fff !important;border-style:solid;border-color:green;
}
.dropdown-menu>li>a {
	color: #fff !important;
	font-size: 12px;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	background-color: #5186c8 !important;
	color: #fff !important;
	text-decoration: underline !important;
}

/*Make the drop down visible on hover*/
.dropdown:hover .dropdown-menu {
    display: block;
     /*border-style:solid;border-width:thin;border-color:red;*//*====================================For Testing*/
}

.navbarOn {
	background:#00487a;
}

.navbarSpecial {
	background: #6f9327;
	/*width: 17%;*//*KH Changed this from 19 to 17*/
}

/* collapsed menu */

.sm_menu { 
	display: block;
	width: 3rem;
	height: 2.8rem;
	padding: .6rem 0 0 0;
	background-color: #5186c8;
	border-radius: .5rem;
	color: #fff;
	font-size: .6rem;
	text-align: center;
	position: relative;
	bottom: 30px;
}

.sm_menu hr
{ width: 60%;
	border-bottom: solid .1rem #fff;
	margin: 0 0 .3rem .6rem; }



/*.menu
{ z-index: 2000;
  display: none;
  position: fixed;
  top: 5rem;
  right: 3rem;
  width: 20rem;
  padding: 0 0 0 0;
  border: .2rem solid #555; 
  border-radius: .5rem;
  background-color: #897c58; }
*/

.menu ul
{ padding: .5rem 0 .5rem 0;
  margin: 0 0 0 0;
  text-align: left;
  list-style: none; }

.menu ul li
{ padding: 0 0 0 0;
  margin: 0 0 0 0;
  text-align: left;
  list-style: none; }

.menu ul ul
{ padding: 0 0 0 0;
  margin: 0 0 0 0;
  text-align: left;
  list-style: none; }

.menu ul ul li
{ padding: 0 0 0 0;
  margin: 0 0 0 0;
  text-align: left;
  list-style: none; }

.menu ul li a:link, .menu ul li a:visited
{ display: block;
  padding: 0 0 0 1rem;
  margin: 0 0 0 0;
  color: #fff;
  text-decoration: none; }
 
.menu ul li a:hover
{ display: block;
  color: #fff;
  text-decoration: none;
  background-color: #5186c8; }

.menu ul ul li a:hover
{ display: block;
  color: #fff;
  text-decoration: none;
  background-color: #5186c8; }

.content_main {
	margin-bottom: 0px;
}
/* banner */
.banner {
	margin: 0 auto; 
	text-align:center;
}

.banner p {
	font-size: 150%;
	color: #FFF;
	float: left;
	position: relative;
	margin-top: -30%;
	padding-left: 11%;
	width: 37%;
	text-align: left;
	line-height: 150%;
	text-shadow: 1px 2px 4px #464646;
}

.img-responsive {
	max-width: 1230px;
	height: auto;
	width: 88.5%;
}

.img-responsive-logo {
	max-width: 100%;	

}

.img-responsive-banner {
	max-width:100%;
	height:auto;
}

.sidebarmenuleft ul {
	float: left;
	list-style-type:none;
	padding: 1.5rem 0 0 0;
	background: #eeeeee;
	/*margin: 0 3em;*/
	white-space:nowrap;
}

.sidebarmenuleft li {
	
	border-bottom: 1px solid #B6DDFB;
	padding: .5em 2em .5em 3em;
}

.sidebarmenuleft li a {
	text-decoration: none;
	color: #00487A;
}

.sidebarmenuleft li:hover {
	background-color: #5186c8;
	color: #fff;
}

.sidebarmenuleft a:hover {
	color:#fff;
}

.sidebaron {
	float:left;
	border:solid 1px gray;
	width:100%;
}

.sidebaroff {
	margin: 0px auto;
	width: 100%;
}

/* content */
.content {
	/*width:88.5%;*/
	padding: 10px 1.5%;
	margin: 0 auto;
}

.blockTextDiv {
	padding: 1em;
	float: left;
}

/* disclaimer */
.disclaimer p {
	background: #cdcdcd;
	width:100%;
	padding: 20px;
	margin: 0;
}

/* green bar */
.greenbar {
	background: #84b84b;
	height: 4px;
	margin-top: 0px;
	
}

/* footer */
.logos {
	margin: 0px auto;
	text-align: center;

}

.logos img  {
	padding-top:10px;
	
}


.dhhs_img img {
	width: 20%;
	margin-top: 5px;

}

.nih_img img {
	width: 80%;
	/*margin-left: 90px;*/
	margin-top: 5px;
}

.copyright {
	/*float:left;*/
	font-size:80%;
	color: #333;
}

.loginLogout a{
	color: #00487a;
}

.breadcrumbs div div {
	margin-left: 0px !important;
    margin-top: 20px;
    margin-bottom: 20px;
    
}

.breadcrumbs {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 240px;
}

.breadcrumbs form {
	text-align: left !important;
	margin-top: 20px;

}

input[type="checkbox"] {
	margin-top: 20px;
}

table.sub_content {
	width:100%;
}

td.sidebar {
	vertical-align: top;
	background: #eee;

}
td.content {
	padding: 10px;
	vertical-align: top;
	width: 100%;
}

.footer {
	position: relative;
	bottom: 20px;

}

hr.announcement {
	background: #00487a;
}

td.content form,
td.content div {
	/*margin: 10px;*/
}


.container.footer {
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px;
	width: 100%;
	margin-top: 20px;
}

.announcement_title {
	font-weight: 700;
}

.userName {
	position: relative;
	bottom: 4px;
}

.disclaimer {
	
}
.col-md-4.text-center {
	text-align: center;
}
.col-md-6.text-left {
	text-align: left;
}

.buttons.text-center {
	text-align: center;
	padding: 5px 0px 10px 0px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.row.table {
	margin-left: 0px;
}

.sub_content tbody tr td.content div.row {
	margin-left: 0px;
}
.row.table tbody tr td {
	padding:5px 10px;
}

.print_staff tbody tr td table tbody tr th {
	background-color: #fff;
	padding-right:10px;
}

.print_staff tbody tr td table tbody tr td {
	position:relative;
	top: 2px;
	background-color: #fff;
}
.long_description {
	width: 700px;
	overflow-wrap: break-word;
}

#LOGO {
	width: 40px;
	display: inline-block;
	float: left;
}

.bc_title {
	display: inline-block;
	float: left;
	font-weight: 700;
	color: #6f9327;
}

table.bc_table {
	border: 1px solid #ccc;
}
td.bc_col {
	color: #6f9327;
	font-weight: 700;
}

td.disclaimer {
	font-size:13px;
	font-weight:700;
}

table.bc_table > tbody > tr > td.text-center {
	text-align: center;
}

#AdjAgeCalc {
	/*background: #c6dbf6;*/
	padding-bottom: 10px;
	padding-left: 20px;
	color: #000;
}
#age_calculator {
	text-align: center;
}

#age_calculator .disclaimer {
	font-size: 13px !important;
    font-weight: 700 !important;
	color: #000;
}
#AdjAgeCalc .form-group label {
	color: #000;
	font-weight: 700;
}

#AdjAgeCalc .form-group .col-md-3.text-right {
	text-align: right;
}

div.titleText{ color: #00487a; font-size: 120%; font-weight: normal; margin-top:10px;margin-bottom:0px; font-family: Arial, Helvetica, Geneva, Verdana, Swiss, SunSans-Regular, sans-serif }

.staff_center .printer a,
.staff_center .printer img {
	float: right !important;
}
.staff_center .printer img {
	padding-left: 5px;
}
.table > thead > tr > th {
	background-color: #c6dbf6;
}

.staff_center {
	margin-top: 30px !important;
}

.center_name {
	color: #6f9327;
	font-weight: 700;
	font-size: 1.5em;
}
#staff_info > tbody > tr > th,
#add_staff > tbody > tr > th,
#survival_form > tbody > tr > th,
#survival_resuts > tbody > tr > th,
#survival_percentage > tbody > tr > th {
	background-color: #c6dbf6;
	text-align: right;
	width: 250px;
	padding-right: 10px;
	vertical-align: top;
	
}

#staff_info > tbody > tr > td,
#add_staff > tbody > tr > td,
#survival_form > tbody > tr > td,
#survival_results > tbody > tr > td,
#survival_percentage > tbody > tr > td {
	background-color: #fafafa;
	width: auto;
	padding-left: 10px;
	width: 400px;
	
}

#survival_percentage > tbody > tr > td.break {
	background: #ddd;
}
.print_staff > tbody > tr > th {
	background-color: #c6dbf6;
}

table.print_staff > tbody > tr > th,
table.print_staff > tbody > tr > td {
	border: 1px solid #999 !important;
}

.btn.btn-primary {
	background: #5186c8 !important;
}

.form-inline {
	
}

.form-control,
.btn {
	padding: 0.3rem 0.6rem !important;
}

.form-group label {
	display: block;
}

label {
	color: #333;
}

select {
	width: auto !important;
	/*height: 32px !important;*/
}

label.notes {
	margin-top: 10px;
}

#staff {
	position: relative;
	top: 20px;
}

.form-control {
	border-color: #999 !important;
}
input.form-control#initialDoseDate {
	height: 38px !important;
	
}
td.DataText1 span {
	margin-top: 10px;
}
.btn-success {
	background: #6f9327 !important;
	border-color: #5d7a22 !important;
}

.btn-default {
	border-color: #999 !important;
}
.calendar_event a {
	color: #00487a;
}
.calendar_event a:hover {
	color: #6f9327;
}
.calendar_event {
	font-size: 1.35em;
}

.calendar_event_date a {
	color: #00487a;
	font-size: 1.2em;
}

label.text-right {
	float: right;
	margin-right: 5px;
}

.bc_tables > tbody > tr > td {
	border: 1px solid #ccc !important;
	margin-top: 10px;
	
}

select.form-control[multiple] {
	height: 100px;
	overflow-y: scroll;
}

.table > thead > tr > th,
.table > tbody > tr > td {
	border-color: #eceeef;
}

.bold{font-weight:bold;}

.login_form {
	padding: 10px;
	border: 1px solid #ccc;
	width:350px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

.login_form table > tbody > tr > td {
	padding: 5px;
}

.login_form table > tbody > tr > td > label {
	padding-right: 5px;
}

#Title,
#Name,
#Phone,
#DescLong,
#GetFile,
#Attachment_1,
#Attachment_2 {
	width: 35%!important;
}
#AttachmentDesc_1,
#AttachmentDesc_2
 {
	width: 40%;
	margin-bottom: 10px;
}
 #F1 {
 	width: 20%;
 	display:inline-block;
 }
 #F2 {
 	width:15%;
 	display:inline-block;
 }
 #F3 {
 	width:7%;
 	display:inline-block;
 }

 strong {
 	color: #000;
 }

 table > tbody > tr > th {
 	background: #c6dbf6;
 	text-align: right;
 	width: 50%;
 }
 table > tbody > tr > td > span {
 	float: left;
 	clear: both;
 }

 #initialDoseTime_hh,
 #initialDoseTime_mm {
 	display:inline-block;
 }

#tabletop {
	text-align: center;
}
 #IWR,
 #INS,
 #LHR,
 #MTR,
 #MTR-RTI,
 #MTRSR,
 #OCR,
 #PHR,
 #TTR,
 #IPGE {
 	width: 500px;
 	margin-left: auto;
 	margin-right: auto;
 }

 tr.footnotes td {
 	text-align:left;
 	margin-left:0px;
 	margin-top:5px;
 	font-size:9pt;
 	font-weight:normal;
 }
 
 /*For the PAS Abstract Section*/
 .small-text{font-size:small;}
 div.DEFormBlock {border-style:solid;
               border-width:thin;
               border-color:Gray; 
               padding: 4px 4px 4px 4px;
               margin: 1em 1em 1em 1em;
               /*max-width:60em;*/}
/*END  For the PAS Abstract Section*/  

/*add underline to anchor tags all the time - not just on hover*/            
a.underline{text-decoration: underline;}

/*Color for the home page h3 headers*/
span.menuBarDarkBlue{color:#00487a;}
table > tbody > tr > td > div.inline {float:none!important;}
div.inline{display:inline-block;clear:both;}

.lightBlueBack{background-color: #c6dbf6;}
.boldText {font-weight:bold;}

#devBanner{background-color:red;text-align:center;font-weight:bold;color:White;}

.banner img.img-responsive {
	display: inline-block;
}