/*Scripps Translational Science Institute
Version 1.0


Contents

	   1.BODY
	   2.DEFAULT STYLING
	   3.HEADINGS
	   4.LINKS
	   5.NAVIGATION
	   6.BRANDING
	   
*/
/* 1.BODY
---------------------------------------------------------------------- */

body {
	margin-top: 0;
	background: #b9c7d4;
	color: #313339;
}

/* 2.DEFAULT STYLING
---------------------------------------------------------------------- */

#footer-case {
	background: #b9c7d4;
	padding-top: 18px;
	color: #5f676e;
}

#footer-case a {
	color: #5f676e;	
	text-decoration: underline;
}

hr {
	background: #b9c7d4;
	color: #b9c7d4;
}

div.colborder {
	border-right-color: #b9c7d4;
}

#footer-case hr {
	color: #a2afbc;
	background:  #a2afbc;
}

#footer-case hr.space {
	color: #b9c7d4;
	background:  #b9c7d4;
}

.box-dark {
	padding: 1.5em;
	background:  #b9c7d4;
}

.box-dark h3 {
		color: #003d79;
}

#foot-logos img {
	float: right;
	margin-left: 18px;
}

#foot-links p {
	text-align: right;
}

.fogm-head {
	color: #b60073;
	line-height: 1.25em;
	margin-bottom: 0;
}

p.fogm-target {
	color: #b60073;
}

.fogm-body {
		color: #003d79;

}

p img.left {
	margin-top: 0;
}

p {
	text-align: justify;
}

.box p {
	text-align: left;
}

body#fogm p {
	/*text-align: left;*/
}

ol {
	padding: 0 0 0 9px;
	}

p.date {
	font-style: italic;
	color: #169476;
}

.green {
		font-style: italic;
	color: #169476;
	font-weight: bold;
}

p.light {
	color: #5f676e;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}

span.date {
	font-style: italic;
}

.disease-cat {
	margin-bottom: 0;
	color:  #169476;
}

/* 3.HEADINGS
---------------------------------------------------------------------- */
h1, h2 {
	color: #003d79;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h3 {
	color: #b60073;
		font-family: Georgia, "Times New Roman", Times, serif;
}

h4, h5, h6 {
	color: #003d79;
}

/* 4.LINKS
---------------------------------------------------------------------- */

a, a:link {
	text-decoration: none;
}

a, a:link, a:visited {
	color: #166ba0;
}

a:hover {
	text-decoration: underline;
}

/* 5.NAVIGATION
---------------------------------------------------------------------- */
#nav-case {
	background: #166ba0;
}

ul#nav {
	list-style-type: none;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	/*float: right;*/
}

ul#nav  li {
	display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}

ul#nav  li a {
float: left;
line-height: 14px;
font-weight: normal;
padding: 14px;
text-decoration: none;
color: #fff;
}

ul#nav  li a:hover {
		background: #115b89}

ul#nav  li.selected a {
	color: #fff;
		background: #125b89 url(../images/interface/nav-up.gif) no-repeat center bottom;
		font-weight: bold;
}

#nav a {
	color: #fff;
}

ul#sub-nav {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 18px;
	list-style-type: none;
	border-top: 1px solid #b9c7d4;
}

ul#sub-nav li {
}

ul#sub-nav li a {
	font-weight: bold;
	border-bottom: 1px solid #b9c7d4;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	background: #fff url(../images/interface/bullet-off.gif) no-repeat 0 6px;
}

ul#sub-nav li a:hover {
	color:  #169476;
}

ul#sub-nav li.selected a {
	font-weight: bold;
	border-bottom: 1px solid #b9c7d4;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	color: #b60073;
	background: #fff url(../images/interface/bullet-on.gif) no-repeat 0 6px;
}

ul#sub-nav li a.sub {
	font-weight: normal;
	border-bottom: 1px dashed #b9c7d4;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 30px;
	color:  #166ba0;
	background: #fff url(../images/interface/bullet-sub.gif) no-repeat 15px 3px;
}

ul#sub-nav li.selected a.sub {
	font-weight: normal;
	border-bottom: 1px dashed #b9c7d4;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 30px;
	color: #b60073;
	background: #fff url(../images/interface/bullet-sub.gif) no-repeat 15px 3px;
}



ul.sub-list {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 18px;
	list-style-type: none;
	border-top: 1px solid #b9c7d4;
}

ul.sub-list li {
}

ul.sub-list li a {
	font-weight: bold;
	border-bottom: 1px solid #b9c7d4;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	background: #fff url(../images/interface/bullet-off.gif) no-repeat 0 6px;
}

ul.sub-list li a:hover {
	color:  #169476;
}

ul.sub-list li.selected a {
	font-weight: bold;
	border-bottom: 1px solid #b9c7d4;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	color: #b60073;
	background: #fff url(../images/interface/bullet-on.gif) no-repeat 0 6px;
}

ul.sub-rss {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 18px;
	list-style-type: none;
	border-top: 1px solid #b9c7d4;
}

ul.sub-rss li {
}

ul.sub-rss li a {
	font-weight: bold;
	border-bottom: 1px solid #b9c7d4;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	background: #fff url(../images/interface/rss_small.gif) no-repeat 0 7px;
}

ul.sub-rss li a:hover {
	color:  #169476;
}

ul.sub-rss li.selected a {
	font-weight: bold;
	border-bottom: 1px solid #b9c7d4;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	color: #b60073;
	background: #fff url(../images/interface/rss_small.gif) no-repeat 0 6px;
}

ul.nested {
	margin-left: 0;
	list-style-type: none;
	margin-right: 0;
}

ul#sub-nav ul.nested li a {
	font-weight: bold;
	border-bottom: 1px solid #b9c7d4;
	font-style: italic;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 25px;
		background: #ebeefa url(../images/interface/nested-bullet.gif) no-repeat 11px 4px;
	color: #169476;
}

ul#sub-nav ul.nested li.selected a {
	color: #b60073;
}


/* 6.BRANDING
---------------------------------------------------------------------- */

#branding {

}

#branding h1 {
	text-indent: -9999em;
	display: block;
	background-repeat: no-repeat;
	background-color: transparent;
		margin-bottom: 0;
}

#branding h1 a {
	display: block;
	width: 329px;
	height: 59px;
	overflow: hidden;
	border-bottom: none;
	background: url(../images/interface/stsi-logo.gif) no-repeat;
	margin-top: 18px;
	margin-bottom: 5px;
}

/* 6.LAYOUT
---------------------------------------------------------------------- */

#content-case {
	background: #fff;
}

.top {
	text-align: right;
}

.light {
	color: #b60073;
}

#front-content {
	background: #003d79 url(../images/interface/front-content-bg.gif) no-repeat top left;
	height: 234px;
}

#sub-content h3 {

}

h4.more-button {
	margin-left: 18px;
	margin-top: 18px;
}

h4.more-button a {
	color: #fff;
	font-weight: bold;
	background: #169476;
	padding:9px  18px;
	margin-top: 18px;
}

p.video-button a {
	color: #fff;
	font-weight: bold;
	background: #169476;
	padding:9px  18px;
	margin-top: 18px;
}

p.event-button a {
	color: #fff;
	font-weight: bold;
	background: #169476;
	padding:9px  18px;
	margin-top: 18px;
}

a.event-button {
	color: #fff;
	font-weight: bold;
	background: #169476;
	padding:9px  18px;
	margin-top: 18px;
}


h4.button a {
	color: #fff;
	font-weight: bold;
	background: #169476;
	padding:9px  18px;
	margin-top: 18px;
}

p.register-button a {
	color: #fff;
	font-weight: bold;
	background: #003d79;
	padding:9px  18px;
	margin-top: 18px;
}

#front-content h3 {
	color: #fff;
	margin: 18px;
	line-height: 1.5em;
}

#front-content h4 {
	margin-top: 36px;
	font-family: Helvetica, Arial, Geneva, sans-serif;
}


ul#news {
	list-style-type: none;
	margin-left: 0;
	margin-right: 0;
}

#section-banner {
	background: #003d79 url(../images/interface/front-content-bg.gif) no-repeat top left;
	height: 126px;
}

#section-banner h3 {
	color: #fff;
	margin: 18px;
}
#section-banner p {

	color: #b9c7d4;
	margin-left: 18px;
}

#section-banner-olm {
	background: #ebeefa;
	height: 126px;
}

#section-banner-olm h3 {
	color: #b60073;
	margin: 18px;
}

#section-banner-olm h4 {
	margin: 18px;
}
#section-banner-olm p {
	margin-left: 18px;
}


p.large {
	line-height: 1.65em;
	color: #169476;
	text-align: left;
	font-weight: bold;
}


/*Breadcrumbs*/

p.crumbs {
	background: #b9c7d4;
	margin-bottom: 18px;
	color: #5f676e;
	padding-left: 18px;
	padding-bottom: 3px;
	font-style: italic;
}

.crumbs a {
	color: #5f676e;
	text-decoration: none;
}

p.search-box {
	margin-top: 18px;
	text-align: right;
}

p.search-box input {

}

p.search-box input[type="text"], p.search-box textarea {
	border: 1px solid #b9c7d4;
	padding: 4px;
	width: 200px;
	background: #ebeefa;
}

p.search-box input.radio, p.search-box input.checkbox, p.search-box input.submit {
  width: auto;
}

p.search-box-2 input[type="text"], p.search-box-2 textarea {
	border: 1px solid #b9c7d4;
	padding: 4px;
	width: 400px;
	background: #fff;
}

p.search-box-2 {
	margin-bottom: 0;
}

/* style form elements on focus */
input:focus, textarea:focus {
	background: #ffc;
}


.section {
	border-top: 1px solid #b9c7d4;
	border-bottom: 1px solid #b9c7d4;
	background: #ebeefa;
	padding-top: 9px;
	padding-bottom: 5px;
	padding-left: 9px;
	color: #5d606b;
	font-weight: bold;
}


.statement {
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}





p.latest {
	border-right: 1px solid #ccc;
	display: block;
	color: #b60073;
	font-weight: bold;
}

p.highlight-link a {
	font-weight: bold;
}

div.entry h3 {
	margin-bottom: 0;
	line-height: 1.25em;
}

div.entry h4 {
	margin-bottom: 0;
}

div.entry p.date {
	margin-bottom: 0;
}




a.feed {
	padding: 2px 0 2px 16px;
	background: url(../images/interface/rss_small.gif) no-repeat 0 1px;
}

a.twitter {
	padding: 4px 0 2px 19px;
	background: url(../images/interface/twitter.png) no-repeat 0 1px;
	margin-right: 18px;
}

p.paginate {
	font-style: italic;
}


h4.directions a {
		background: #ebeefa url(../images/interface/directions.gif) no-repeat 9px 10px;
		padding: 18px 18px 18px 48px;
		display: block;
		border: 1px solid #b9c7d4;
		font-weight: bold;
		
}

h4.directions a:hover {
	border-color: #a5b3c0;
}


/* sIFR CSS Styles



h2.title
{
font-size: 32px;
font-family: Arial;
}


h4.title
{
font-size: 18px;
font-family: Arial;
}


.sIFR-active h2.title
{
visibility: hidden;
font-family: Verdana;
line-height: 1em;
margin-bottom: 9px;
}

.sIFR-active h4.title
{
visibility: hidden;
font-family: Verdana;
line-height: 1em;
margin-bottom: 9px;
}

 */
 
 
 
 /* forms
----------------------------------------------- */
form {
  overflow:hidden;
}
fieldset {
  padding:18px;
  position:relative;
	border: 1px solid #b9c7d4;
	background: #ebeefa;
  margin-bottom:10px;
}


fieldset#app {
  padding:0;
  position:relative;
	border: none;
	background: #ebeefa;
  margin-bottom:10px;
}

fieldset#app label {
	font-weight: bold;
	margin-left: 18px;
	display: block;
	margin-bottom: 0;
	padding: 0;
}

fieldset#app hr.space {
	color: #ebeefa;
	background: #ebeefa;
}

fieldset#app p.pad {
	margin-left: 18px;
	margin-right: 18px;
}

.large-boxtextarea {
	margin-left: 18px;
	height:  600px;
}
input.pad {
	margin-left: 18px;
}

label.pad {
	margin-left: 18px;
}

fieldset#app label.no-pad {
	margin-left: 0;
}

fieldset#app legend {
	margin-left: 18px;
	margin-bottom: 36px;
}

fieldset#app h3 {
	margin-left: 18px;
}

legend {
  padding:9px 18px;
  background:#fff;
  border:1px solid #b9c7d4;
  font-weight: normal;
}

fieldset p {
	margin-bottom: 9px;
}
fieldset.login p {
  margin-bottom:1em;
  margin-top:0pt;
}
fieldset p label {
  width:98%;
  font-weight: normal;
}

form.sghi_survey fieldset {
  padding:0;
  position:relative;
	border: navajowhite;
	background: #fff;
  margin-bottom:10px;
}

form.sghi_survey legend {
	font-weight: bold;
}

form.sghi_survey fieldset p label {
  width: auto;
  font-weight: bold;
}

form.sghi_survey hr.space {
		background: #fff;
		color:  #fff;
}

.sghi-survey fieldset p input {
  width:auto;
}

fieldset p textarea {
	width: 98%;
	height: 72px;
}
fieldset#app p textarea {
	width: 60%;
	height: 72px;
}

fieldset#app p.large-box textarea {
	width: 90%;
	height: 500px;
	margin-left: 18px;
}
fieldset p input.submit {
  width: inherit;
}
fieldset p select {
  width:99%;
}
fieldset.login p label {
  float:left;
  line-height:2em;
  margin-right:3%;
  text-align:right;
  width:32%;
}
fieldset.login p input {
  width:60%;
}
fieldset.login input.button {
  margin-left:35%;
}



.app-submit input.submit {
	margin-left: 18px;
	margin-bottom: 18px;
}

span.required {
	color: #e01010;
	font-style: italic;
}

#groups {}



#groups a {
	margin: 0;
	padding: 0;
}

#groups img {
	margin: 0;
	padding: 0;
	float: left;
}

img.top.right {
	margin-top: 0;
}

h3.news-head {
		color: #166ba0;
}

/*Table Data*/ 

table {
		border: 1px solid #b9c7d4;
}

tr.odd td {
	background: #ebeefa;
}

div.video-bg {
		background: #ebeefa;
		text-align: center;
		padding-top: 36px;
		padding-bottom: 36px;
}


#accordion h3 {
	font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

/* OLM Future of Genomic Medicine
---------------------------------------------------------------------- */

ul#olm-nav {
	list-style-type: none;
	margin-left: 0;
	margin-right: 0;
}

ul#olm-nav li a {
	display: block;
	background: #ebeefa url(../images/interface/olm-bullet-off.gif) no-repeat 12px center;
	font-weight: bold;
	margin-bottom: 1px;
	padding: 9px 18px 9px 36px;
}

ul#olm-nav li a.selected {
	display: block;
	background: #169476 url(../images/interface/olm-bullet-on.gif) no-repeat 12px center;
	font-weight: bold;
	margin-bottom: 1px;
	padding: 9px 18px 9px 36px;
	color: #fff;
}

#tabs {
	border: none;
}

.sghi-survey p input {
	width: auto;
}

p.alpha-list {
	background: #ebeefa;
	padding: 9px 9px;
	border: 1px dotted #b9c7d4;
	font-weight: bold;
	border-right: none;
	border-left: none;
}

a.lexicon-top {
	text-align: right;
	display: block;
	border-top: 1px dotted #b9c7d4;
	margin-top: 18px;
	padding-top: 5px;
}

p.print {
	text-align: right;
}

p.print a {
		background: transparent url(../images/interface/print-icon.gif) no-repeat 0 2px;
		padding: 5px 0 5px 20px;
}

p.print-slides a {
		background: transparent url(../images/interface/print-icon.gif) no-repeat 0 2px;
		padding: 5px 0 5px 20px;
}

table.primer td strong {
	color: #169476;
}

table.primer tr.divider {
		background: #ebeefa;
}

table.primer tr.head {
	background:#b9c7d4;
}


.textarea-class {
   white-space: pre-line;
}