/*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;
				text-shadow:0 1px 0 rgba(255,255,255,0.7);
}

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

p.right {
	text-align: right;
}

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

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

h3.focus-head {
	text-transform: uppercase;
	font-size: 1em;
	text-align: center;
	letter-spacing: 3px;
	margin-bottom: 9px;
}

h4.black {
	color: #000;
}

div.figure {
	float: right;
	margin-left: 18px;
	margin-bottom: 18px;
}

div.figure-thumb {
	float: right;
	margin-left: 18px;
	margin-bottom: 0;
}

div.figure-left {
	float: left;
	margin-right: 18px;
	margin-bottom: 36px;
}

span.caption {
	clear: both;
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #5f676e;
	text-align: center;
}

span.caption-left {
	clear: both;
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #5f676e;
	text-align: left;
}


.i310 {
	width: 310px;
}

.i350 {
	width: 350px;
}

.i382 {
	width: 382px;
}

.i376 {
	width: 376px;
}

.i333 {
	width: 333px;
}

.i390 {
	width: 390px;
}
.i261 {
	width: 261px;
}

.i670 {
	width: 670px;
}

.i270 {
	width: 270px;
}

.i200 {
	width: 200px;
}

.i230 {
	width: 230px;
}
ul#sitemap {
	margin-bottom: 0;
}

ul#sitemap li, ul#sitemap-b li  {
	margin-bottom: 0;
	font-weight: bold;
}

ul#sitemap ul li, ul#sitemap-b ul li {
	font-weight: normal;
	list-style-type: circle;
	margin-left: 36px;
}

ul#sitemap ul li ul li, ul#sitemap-b ul li ul li {
	list-style-type: square;
}

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

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

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

.vid-case {
		padding: 1.5em 0 0 0;
	border-top: 3px solid #b9c7d4;
	/*border-right: none;
	border-left: none;*/
}

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

p span.right {
	text-align: right;
}

a.gallery-thumb img {
	border: 2px solid #b9c7d4;
}

a:hover.gallery-thumb img {
	border: 2px solid #535a61;
}

#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;
}

ul.list-spaced li {
	margin-bottom: 9px;
}

ul.list-spaced ul {
	list-style-type: none;
}

p {
	/*text-align: justify;*/
}

.section-head a, .section-head a:link, .section-head a:visited {
	font-weight: bold;
	font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	border-bottom: 1px dotted #b9c7d4;
}

.section-head a:hover {
	text-decoration: none;
		border-bottom: 1px dotted #166ba0;
}

.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;
}

img.float-right {
	float: right;
	margin-left: 18px;
	margin-bottom: 18px;
}

.title-style {
	font-style: italic;
		color: #003d79;
		font-weight: bold;
}

/* Timeline Styles
---------------------------------------------------------------------- */
div.timeline h3 {
			font-style: italic;
	color: #169476;
	font-weight: bold;
	border-bottom: 3px solid #b9c7d4;
	margin-bottom: 0;
	padding-bottom: 9px;
}

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

div.timeline ul {
	list-style-type: none;
	padding: 0;
		margin: 0 0 18px 0;
}

div.timeline ul li {
		background: #ebeefa;
	border-bottom: 1px solid #b9c7d4;
	padding: 18px;
}

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

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

h5, h6 {
	color: #313339;
}

h4 {
	color: #003d79;
	font-weight: bold;
}

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

a, a:link {
		color: #166ba0;
	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;
	-webkit-transition: background-color 0.7s linear;
	text-shadow:0 -1px 0 rgba(0,0,0,.5);
}

ul#nav  li a:hover {
			background: rgba(15,75,113,.75);}

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

#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: 23px;
	background: #fff url(../images/interface/bullet-off.gif) no-repeat 4px 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: 23px;
	color: #ffffff;
	background: #166ba0 url(../images/interface/bullet-white.png) no-repeat 4px 6px;
}

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

ul#sub-nav li ul a {
	color: #166ba0;
		background: #d5dde8 url(../images/interface/bullet-off.gif) no-repeat 9px 6px;

	font-weight: normal;
		padding-left: 26px;
		border-bottom-style: solid;
		font-size: 11px;
}

ul#sub-nav li.selected ul {
	margin-left: 0;
	margin-right: 0;
	list-style-type: none;
}

ul#sub-nav li.parent_selected a {
	background-color: #d5dde8;
}

ul#sub-nav li.selected ul a {
	color: #166ba0;
		background: #d5dde8 url(../images/interface/sub-bullet-off.gif) no-repeat 11px 6px;

	font-weight: normal;
		padding-left: 26px;
						border-bottom-style: solid;
}

ul#sub-nav li ul a {
	color: #166ba0;
		background: #d5dde8 url(../images/interface/sub-bullet-off.gif) no-repeat 11px 6px;

	font-weight: normal;
		padding-left: 26px;
						border-bottom-style: solid;
}

ul#sub-nav li ul li.selected a {
	color: #ffffff;
		background: #166ba0 url(../images/interface/sub-bullet-off.gif) no-repeat 11px 6px;
	font-weight: normal;
		padding-left: 26px;
				border-bottom-style: solid;
}

ul#sub-nav li.selected ul ul a {
	color: #535a61;
		background: #b9c7d4;
	font-weight: normal;
		padding-left: 29px;
		padding-right: 9px;
						border-bottom-style: none;
}

ul#sub-nav li ul ul a, ul#sub-nav li ul ul a:link, ul#sub-nav li ul ul a:hover, ul#sub-nav li ul ul a:visited  {
	color: #535a61;
		background: #b9c7d4;
	font-weight: normal;
		padding-left: 29px;
		padding-right: 9px;
		padding-top: 2px;
		padding-bottom: 2px;
						border-bottom-style: solid;
						border-bottom-color: #ccdded;
}

ul#sub-nav li ul ul li.selected a {
	color: #ffffff;
	background: #166ba0;
}




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;
}

h5.date-heading {
    border-bottom: 3px solid #b9c7d4;
    clear: both;
    display: block;
    margin-bottom: 9px;
    padding-bottom: 9px;
	color: #b60073;
    font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}

.entry {
	border-bottom: 1px dotted #b9c7d4;
	padding-bottom: 9px;
	margin-bottom: 9px;
}

h4.more-button a {
	color: #353a3e;
	font-weight: bold;
	background:  #b9c7d4;
	padding:9px  18px;
	margin-top: 18px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-shadow:0 1px 0 rgba(255,255,255,.5);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#b9c7d4));
	background-image:-moz-linear-gradient(top, #ffffff, #b9c7d4);
}

h4.app-button a {
	color: #353a3e;
	font-weight: bold;
	background:  #b9c7d4;
	padding:9px  18px;
	margin-top: 18px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-shadow:0 1px 0 rgba(255,255,255,.5);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#b9c7d4));
	background-image:-moz-linear-gradient(top, #ffffff, #b9c7d4);
}

div.mod {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
	margin-bottom: 18px;
}

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

div.mod ul li {
		border-bottom: 1px solid #b9c7d4;
		padding-top: 2px;
		padding-bottom: 2px;
}

p.video-button a {
	color: #353a3e;
	font-weight: bold;
	background:  #b9c7d4;
	padding:9px  18px;
	margin-top: 18px;
	text-shadow:0 1px 0 rgba(255,255,255,.5);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#b9c7d4));
	background-image:-moz-linear-gradient(top, #ffffff, #b9c7d4);
		border: 1px solid #b9c7d4;
}

p.event-button {
	margin-bottom: 9px;
}

p.event-button a {
	color: #353a3e;
	font-weight: bold;
	background:  #b9c7d4;
	padding:5px  9px;
	margin-top: 18px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-shadow:0 1px 0 rgba(255,255,255,.5);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#b9c7d4));
	background-image:-moz-linear-gradient(top, #ffffff, #b9c7d4);
	border: 1px solid #b9c7d4;
}

p.action-button {
	margin-bottom: 9px;
}

p.action-button a {
	color: #353a3e;
	font-weight: bold;
	background:  #b9c7d4;
	padding:5px  9px;
	margin-top: 18px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-shadow:0 1px 0 rgba(255,255,255,.5);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#b9c7d4));
	background-image:-moz-linear-gradient(top, #ffffff, #b9c7d4);
		border: 1px solid #b9c7d4;
}

a.event-button {
	color: #353a3e;
	font-weight: bold;
	background:  #b9c7d4;
	padding:9px  18px;
	margin-top: 18px;
text-shadow:0 1px 0 rgba(255,255,255,.5);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#b9c7d4));
	background-image:-moz-linear-gradient(top, #ffffff, #b9c7d4);
		border: 1px solid #b9c7d4;
}

a.back-btn {
	color: #353a3e;
	font-weight: bold;
	background:  #b9c7d4;
	padding:3px  9px;
	margin: 0 0 18px 0;
text-shadow:0 1px 0 rgba(255,255,255,.5);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#b9c7d4));
	background-image:-moz-linear-gradient(top, #ffffff, #b9c7d4);
		border: 1px solid #b9c7d4;
		float: right;
}

p.primer-crumbs {
	padding-top: 5px;
}

h4.button a {
	color: #353a3e;
	font-weight: bold;
	background:  #b9c7d4;
	padding:9px  18px;
	margin-top: 18px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-shadow:0 1px 0 rgba(255,255,255,.5);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#b9c7d4));
	background-image:-moz-linear-gradient(top, #ffffff, #b9c7d4);
		border: 1px solid #b9c7d4;
}

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;
	font-style: italic;
}

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

#headlines {

}


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;
	text-align: left;
	font-weight: bold;
}


/*Breadcrumbs*/

p.crumbs {
	background: #b9c7d4;
	margin-bottom: 18px;
	color: #5f676e;
	padding-left: 9px;
	padding-bottom: 3px;
	padding-top: 4px;
			text-shadow:0 1px 0 rgba(255,255,255,0.5);

-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;

-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;

border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}

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

}

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 #a2afbc;
	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 {

}

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*/;
}

a.stsi-tube {
	padding: 4px 0 2px 19px;
	background: url(../images/interface/youtube.gif) 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;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		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;
}

table .shade {
		background: #ebeefa;
}

div.video-bg {

		text-align: left;
		padding-top: 0;
		padding-bottom: 18px;
}


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

/* 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;
} 






#slider {
	position:relative;
	//See the "style-pack" below for image
	background:url(../images/interface/loading.gif) no-repeat 50% 50%; 
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

#slider a{
	display:block;
}


div.focus-area{
	padding-bottom: 36px;
}








input[type=submit],button,a.btn {
	background:#ebeefa;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ebeefa), to(#b9c7d4));
	background-image:-moz-linear-gradient(top, #ebeefa, #b9c7d4);border:1px
solid #98a6b3;
border-bottom-color:#98a6b3;
color:#313339;cursor:pointer;
display:inline-block;
font-size:12px;
font-weight:normal;
margin:5px
0 4px 0;
padding:5px
13px;
text-decoration:none;
-webkit-border-radius:20px;
-moz-border-radius:20px;
/*-webkit-box-shadow:0 1px 0 #ccc;*/
text-shadow:0 1px 0 rgba(255,255,255,.5);
}

input[type=submit]:hover, button:hover,a.btn:hover {
	background-image:none;
	}
	
	input[type=submit]:active,button:active,a.btn:active{
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	}
	
	
	
	
	
div.focus {
	position: relative;
	overflow: hidden;
	}

div.focus-img img {
	max-width: 100%;
	background: #000;
	}
	
div.focus h4 {
	font-weight: normal;
	margin-top: 0;
	display: block;
		color: #166ba0;
}

div.focus a:hover h4 {
	text-decoration: none;
	color: #166ba0;
}
	
div.focus-img img:hover, div.focus-img img:focus {
	max-width: 100%;
	filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;
	}	
	
	
ul.pagination {
		border-bottom-width: 0;
		color: #999;
		margin: 0 0 30px 0;
		padding: 10px 0 0 10px;
	}

ul.pagination li {
		background-image: none;
		display: inline;
		font-size: 11px;
		margin: 0 5px 0 0;
		padding: 0;
		text-transform: uppercase;
	}
	
ul.pagination li.page-total { padding-left: 25px; }

ul.pagination li.here a { border: 1px solid #bbb; }

ul.pagination li a { padding: 6px 10px; }

ul.pagination li a:link, body.news #content ul.pagination li a:visited {
		color: #777;
	}

ul.pagination li a:hover {
		color: #444;
	}
	
	
	
	
	
	
ul#feeds {
	list-style-type: none;
	margin-left: 0;
	margin-right: 0;
		border-top: 1px solid #b9c7d4;
}	
	
ul#feeds li a {
			padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #b9c7d4;
	display: block;
		background: url(../images/interface/rss_small.gif) no-repeat 4px 6px;
		padding-left: 22px;
}	



/*Flowplayer Styles*/

.overlay {
	background:url(../images/interface/overlay/white.png) no-repeat;
	padding:40px;	
	width:480px;
	display:none;
}

.close {
	background:url(../images/interface/overlay/apple-close.png) no-repeat;
	position:absolute;
	top:2px;
	display:block;
	right:5px; 
	width:35px;
	height:35px;
	cursor:pointer;
}

a.player { 		
	display:block;
height:270px;
}

div.details h3 {
margin-top: 18px;
line-height: 1.2em;
		color: #003d79;
}	

h3.topics {
	text-align: right;
	margin-bottom: 0;
}

/*Overlay Styles

 the overlayed element 
.apple_overlay {
	
	 initially overlay is hidden 
	display:none;
	
	 growing background image 
	

	background: #000;
	
	 
		width after the growing animation finishes
		height is automatically calculated
	
	
	 some padding to layout nested elements nicely  
	padding:15px;

	 a little styling 	
	font-size:11px;
}

.apple_overlay h4 {
	color: #fff;
}

 default close button positioned on upper right corner 
.apple_overlay div.close {
	background-image:url(../images/interface/overlay/apple-close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}*/


/*Social Media*/

ul.hj_social_bookmarks {
	list-style-type: none;
	text-align: right;
	margin-left: 0;
}

ul.hj_social_bookmarks li {
	float: right;
	margin-left: 11px;

}