/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
	color: #222;
}

body {
	font-size: 1em;
	line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
	vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
	resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */


body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: .9em;
	line-height: 1.2;
	padding: 1em;
}

td {
	padding: 4px 0 4px 8px;
}

tr:nth-child(odd) { background-color:#eee; }
tr:nth-child(even) { background-color:#fff; }

tr.firstOfType {border-top: 5px solid #AAA;}
tr.questionStatusPlasma:nth-child(odd) { background-color:#EBFFEB; }
tr.questionStatusPlasma:nth-child(even) { background-color:#F2FFF2; }

tr.questionStatusApproved:nth-child(odd) { background-color:#F2FFEB; }
tr.questionStatusApproved:nth-child(even) { background-color:#F7FFF2; }


tr.questionStatusWaiting:nth-child(odd) { background-color:#FEFFEB; }
tr.questionStatusWaiting:nth-child(even) { background-color:#FFFFF2; }

tr.questionStatusAnswered:nth-child(odd) { background-color:#FFF8EB; }
tr.questionStatusAnswered:nth-child(even) { background-color:#FFFAF2; }

tr.questionStatusDisapproved:nth-child(odd) { background-color:#FFEBEB; }
tr.questionStatusDisapproved:nth-child(even) { background-color:#FFF2F2; }



a, a:visited {
	color: #00539b;
	text-decoration: none;
}
a:hover {
	color: #97c0e6;
}

#questionList.plasma
{
	font-size: 2em;
}

#questionList.plasma tr.questionStatusPlasma:nth-child(odd) { background-color:#FFF; }
#questionList.plasma tr.questionStatusPlasma:nth-child(even) { background-color:#F8F8DA; }



#editQuestion {background-color: #D9F1FF; padding: 1em;}
#addQuestion {padding: 1em;}


body.video-sharing.empty {
	background-color: transparent;
	background-image: none;
	text-align:left;
	-ms-filter:"";
}
body.video-sharing.empty #flashcontent {
	border:0 !important;
	margin: 0;
	padding:0;
}
body.video-sharing.hide > * {
	display:none;
	visibility: hidden;
}

body.video-sharing {font-family: Arial, Helvetica, sans-serif;font-size: 12px;background-color: #ffffff;background-image: -webkit-gradient(linear, left top, left bottom, from(#cbcbcb), to(#ffffff)); background-image: -moz-linear-gradient(top, #cbcbcb, #ffffff); background-repeat:no-repeat;-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#cbcbcb', EndColorStr='#ffffff')";margin: 0;padding: 0;}
.video-sharing #content-container {background-color: #ffffff;text-align: left;}
.video-sharing #logo {margin: 10px 0 10px 15px;}
.video-sharing #logo_link {display:block;}
.video-sharing .center {margin-left:auto;margin-right: auto;text-align:center;}
.video-sharing .shadow {border: 1px solid #AAAAAA;-moz-box-shadow: 0 0 3px 3px #AAAAAA;-webkit-box-shadow: 0 0 3px 3px #AAAAAA;box-shadow: 0 0 3px 3px #AAAAAA;/* For IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#AAAAAA')";/* For IE 5.5 - 7 */filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#AAAAAA');}
.video-sharing #more {display:block; font-size: 1.2em;text-decoration: none; color: #007DC3;font-weight:bold;line-height: 50px; margin: 0 auto; text-align: center;}
.video-sharing .footer_links {border-right: 1px #FC721C solid;font-size: 12px;color: #00539B;text-decoration: none; }
.video-sharing #prefooter{display: none;}
.video-sharing #footer {background-image: none;}
.video-sharing #flashcontent {border: 0; margin: 1em auto; width: 100%; height:auto;}
#flashcontent.thickBorder {border: 10px solid #cecccf;}



/* ----------  Begin Webcast Styles ---------- */
.webcastViewer3_0 {background-color: #ffffff; font: normal 100% Arial, Helvetica, sans-serif; font-size: 1em; margin: 0; padding: 0px; color: #333; background-image: -webkit-gradient(linear, left top, left bottom, from(#cbcbcb), to(#ffffff)); background-image: -moz-linear-gradient(top, #cbcbcb, #ffffff); background-repeat:no-repeat; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#cbcbcb', EndColorStr='#ffffff')"; }
.webcastViewer3_0 #page-container {}
.webcastViewer3_0 #content-container {width: 100%; min-width: 320px; text-align: left; background-color: #ffffff;}
.webcastViewer3_0 #webcast-container {width: 320px; max-width: 50.0em; margin-left: auto; margin-right: auto; padding-bottom: 10px; text-align: left; background-color: #ffffff;}
.lt-ie9 .webcastViewer3_0 #webcast-container {width: 640px; margin-left: auto; margin-right: auto; padding-bottom: 10px; text-align: left; background-color: #ffffff;}
.webcastViewer3_0 #media-container {position: relative;}

/* -- Logo branding styles for top header area -- */
.webcastViewer3_0 #branding {margin-top: 10px; margin-left: 15px;}
.webcastViewer3_0 #brand_primary {float: left; display: block; margin-bottom: 5px; margin-right: 5px;}
.webcastViewer3_0 #brand_secondary {float: left; display: block; margin-bottom: 5px;}
/* -- SAS logo -- */
.webcastViewer3_0 .logo_image_sas {width: 127px; height: auto;}
/* -- JMP logo -- */
.webcastViewer3_0 a.logo_jmp_link {float: left; display: block; width: 50px; height: 30px; margin-right: 14px; text-indent: -99999em; outline: none; background: url(../img/jmp-branding-sprite_min_0.png) no-repeat 0 0;}
.webcastViewer3_0 a.logo_jmp_link:hover {background-position: -50px 0;}
.webcastViewer3_0 .logo_jmp_tagline {float: right; display: block; width: 148px; height: 30px; text-indent: -99999em; background: url(../img/jmp-branding-sprite_min_0.png) no-repeat -101px 0;}
/* -- RiskAdvisory logo -- */
.webcastViewer3_0 .logo_image_riskAdvisory {width: 150px; height: auto;}
/* -- DataFlux logo -- */
.webcastViewer3_0 .logo_image_dataflux {width: 140px; height: auto;}
/* -- PharmExec.com logo -- */
.webcastViewer3_0 .logo_image_pharmexec {width: 70px; height: auto;}
/* -- Cornell (The Center for Hospitality Research) logo -- */
.webcastViewer3_0 .logo_image_cornell {width: 193px; height: auto;}
/* -- ACT (Applied Clinical Trials) logo -- */
.webcastViewer3_0 .logo_image_act {width: 132px; height: auto;}

/* -- Webcast title, video area, and link styles -- */
.webcastViewer3_0 .webcast_title {padding-left: 10px; padding-right: 10px; font-size: 0.875em; font-weight:bold; font-style: italic; color: #858C94;}
.webcastViewer3_0 .video_main {margin:0; padding: 0px; width: 320px; height: 180px; display: block;}
.lt-ie9 .webcastViewer3_0 .video_main {width: 640px; height: 360px;}
.webcastViewer3_0 .prompt_copy {padding-left: 10px; padding-right: 10px; font-size: 0.8125em; font-weight: bold;}
.webcastViewer3_0 .orange {color: #d76e46;}
.webcastViewer3_0 .normal_copy {font-weight: normal;}
.webcastViewer3_0 .arList li{list-style-image: url('../img/news_list_bullet.gif'); margin-top: 1.2em; margin-bottom: 1.0em; margin-right: 0.5em; font-size: 0.8125em; cursor: auto;}
.webcastViewer3_0 .segmentList li{list-style: none; background: url('../img/video-icon.png') no-repeat left center; margin-top: 1.2em; margin-bottom: 1.0em; margin-right: 0.5em; margin-left: -20px; font-size: 0.8125em; cursor: auto; padding-left: 20px;}

.webcastViewer3_0 #ask_question_form {margin-top: 10px; margin-right: 15px; margin-bottom: 10px; font-size: 0.8125em; text-align: right; padding-left: 25px; padding-right: 10px;}
.webcastViewer3_0 #ask_question_ta {width: 100%; height: 60px;}
.webcastViewer3_0 #submitted-questions-container {margin-top: 10px; margin-right: 15px; margin-bottom: 10px; font-size: 0.8125em; text-align: right; padding-left: 25px; padding-right: 5px;}
.webcastViewer3_0 #submitted_questions_list {text-align: left; background-color: #eaeaea; padding-top: 2px; padding-bottom: 2px;}
.webcastViewer3_0 #submitted_questions_list li{margin-top: 0.5em; margin-bottom: 0.5em; margin-right: 0.5em;}

.webcastViewer3_0 #user-feedback-container {margin-top: 10px; margin-right: 15px; margin-bottom: 10px; font-size: 0.8125em; text-align: right;}

.webcastViewer3_0 .twitter-timeline {width: 90%; max-width: 50.0em; margin-left: auto; margin-right: auto; padding-bottom: 10px; text-align: left; display: block; font-size: 0.875em;}

/*  .webcastViewer3_0 #content-column1 {width: 100%; float: none;}
.webcastViewer3_0 #content-column2 {width: 100%; float: none;}  */
.webcastViewer3_0 .content_column_left {width: 100%; float: none;}
.webcastViewer3_0 .content_column_right {width: 100%; float: none;}
.webcastViewer3_0 .content_column_single {width: 100%; float: none;}

.webcastViewer3_0 .model {display: none;}
.webcastViewer3_0 a, a:visited {color: #00539b; text-decoration: none;}
.webcastViewer3_0 a:hover {color: #00539b; text-decoration: underline;}

.webcastViewer3_0 .center {margin-left: auto; margin-right: auto; text-align:center;}
.webcastViewer3_0 .shadow {border: 1px solid #AAAAAA;-moz-box-shadow: 0 0 3px 3px #AAAAAA;-webkit-box-shadow: 0 0 3px 3px #AAAAAA;box-shadow: 0 0 3px 3px #AAAAAA;/* For IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#AAAAAA')";/* For IE 5.5 - 7 */filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#AAAAAA');}
/* -----------  End Webcast Styles ----------- */

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	/* IE 6/7 fallback */
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
	display: none !important;
	visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
	visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
	*zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min-resolution: 144dpi) {
	/* Style adjustments for high resolution devices */
}

@media only screen and (min-width: 340px) {

/* ----------  Begin Webcast Styles ---------- */
.webcastViewer3_0 #page-container {margin-left: 10px; margin-right: 10px;}
.webcastViewer3_0 #content-container {width: 100%;}
.webcastViewer3_0 #webcast-container {width: 100%; max-width: 800px; min-width: 320px;}
/* -- Logo branding styles for top header area -- */
.webcastViewer3_0 #brand_primary {margin-right: 10px;}
.webcastViewer3_0 .logo_image_sas {width: 136px; height: auto;}
/* -- JMP logo -- */
.webcastViewer3_0 a.logo_jmp_link {width: 61px; height: 37px; margin-right: 14px; background: url(../img/jmp-branding-sprite_min_340.png) no-repeat 0 0;}
.webcastViewer3_0 a.logo_jmp_link:hover {background-position: -61px 0;}
.webcastViewer3_0 .logo_jmp_tagline {width: 180px; height: 37px; background: url(../img/jmp-branding-sprite_min_340.png) no-repeat -122px 0;}

.webcastViewer3_0 .logo_image_riskAdvisory {width: 183px; height: auto;}
.webcastViewer3_0 .logo_image_dataflux {width: 170px; height: auto;}
.webcastViewer3_0 .logo_image_pharmexec {width: 85px; height: auto;}
.webcastViewer3_0 .logo_image_cornell {width: 234px; height: auto;}
.webcastViewer3_0 .logo_image_act {width: 160px; height: auto;}
/* -- End Logo branding styles -- */
.webcastViewer3_0 .webcast_title {font-size: 0.9375em;}
.webcastViewer3_0 .video_main {width: inherit; height: auto;}

.webcastViewer3_0 .twitter-timeline {width: 95%; max-width: 800px; min-width: 320px;}

/*  .webcastViewer3_0 #content-column1 {width: 100%; float: none;}
.webcastViewer3_0 #content-column2 {width: 100%; float: none;}  */
.webcastViewer3_0 .content_column_left {width: 100%; float: none;}
.webcastViewer3_0 .content_column_right {width: 100%; float: none;}
.webcastViewer3_0 .content_column_single {width: 100%; float: none;}
/* -----------  End Webcast Styles ----------- */



}

@media only screen and (min-width: 600px) {
	.video-sharing #content-container {margin: 1em 50px;}

}

@media only screen and (min-width: 900px) {

/* ----------  Begin Webcast Styles ---------- */
.webcastViewer3_0 #page-container {margin-left: 50px; margin-right: 50px;}
.webcastViewer3_0 #content-container {width: 100%;}
.webcastViewer3_0 #webcast-container {width: 800px;}
/* -- Logo branding styles for top header area -- */
.webcastViewer3_0 #brand_primary {margin-right: 15px;}
.webcastViewer3_0 .logo_image_sas {width: 181px; height: auto;}
/* -- JMP logo -- */
.webcastViewer3_0 a.logo_jmp_link {width: 72px; height: 43px; margin-right: 14px; background: url(../img/jmp-branding-sprite_min_900.png) no-repeat 0 0;}
.webcastViewer3_0 a.logo_jmp_link:hover {background-position: -72px 0;}
.webcastViewer3_0 .logo_jmp_tagline {width: 212px; height: 43px; background: url(../img/jmp-branding-sprite_min_900.png) no-repeat -144px 0;}

.webcastViewer3_0 .logo_image_riskAdvisory {width: 215px; height: auto;}
.webcastViewer3_0 .logo_image_dataflux {width: 200px; height: auto;}
.webcastViewer3_0 .logo_image_pharmexec {width: 99px; height: auto;}
.webcastViewer3_0 .logo_image_cornell {width: 275px; height: auto;}
.webcastViewer3_0 .logo_image_act {width: 188px; height: auto;}
/* -- End Logo branding styles -- */
.webcastViewer3_0 .webcast_title {font-size: 1.0em;}
.webcastViewer3_0 .video_main {width: 800px; height: 450px;}

.webcastViewer3_0 .twitter-timeline {width: 90%;}

/*  .webcastViewer3_0 #content-column1 {width: 400px; float: left;}
.webcastViewer3_0 #content-column2 {width: 400px; float: right;}  */
.webcastViewer3_0 .content_column_left {width: 400px; float: left;}
.webcastViewer3_0 .content_column_right {width: 400px; float: right;}
.webcastViewer3_0 .content_column_single {width: 800px; float: none;}
/* -----------  End Webcast Styles ----------- */

}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
	* {
		background: transparent !important;
		color: #000 !important; /* Black prints faster: h5bp.com/s */
		box-shadow:none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	/*
	 * Don't show links for images, or javascript/internal links
	 */

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group; /* h5bp.com/t */
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}