html { height:100%;font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;background:transparent!important; }
body {
	background:url(images/header-bg.gif) top left repeat-x #fff; 
	padding-top:48px;margin: 0 auto; 
	font-size: 13px; 
	line-height: 1.231;
	text-align:center;
	border2-top:48px solid #eaf5fb;
    height: 100%;
    min-height: 100%;
	}


body.Story {border-top:0!important;background:#DEEBF2;text-align:center!important;}
body.Story #root{text-align:center!important;width:auto;min-width:0;}
body.Story #root .mainStory #storytitle {float:none;text-align:left;font-size:18px;width:500px;margin:0 auto;padding-left:20px;}
body.Story #root .mainStory {text-align:center!important;margin-top:0;}

body.Story #root .mainStory #myVideo_wrapper {margin:0 auto;}

#root {
	text-align:center;
	position:relative;
	padding:10px;
	height:100%;
	min-width:780px;
	width:940px;
	margin:0 auto;
	background:#fff;
	margin-bottom:-32px;
	}

/*** non-semantic helper classes ****/
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/**** media queries ****/

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

}

@media screen and (min-width: 800px) and (max-width: 1000px) {

}

/*** Header Area ***/
#header {height:48px;width:940px;margin:-48px auto 0px auto;}
#header h1 {
	position:relative;
	top:-6px;
	left:142px;
	text-indent:-9999px;
	background:url(images/med-logo.png) no-repeat top left transparent;
	height:48px;
	margin-left:0px;
	width: 400px;
	z-index:0;
	}
#logoutDiv, #notifications {float:right; margin-top:-48px;height:48px;}
#logoutDiv a, #notifications a {text-decoration:none;margin-right:8px;z-index:1012;}

#notifications {
	text-transform:uppercase;
	background:url(images/notification.jpg) no-repeat 0px -1px transparent;
	padding-left:24px;
	font-size:10px;
	font-weight:bold;
	height:26px;
	color:#89acc6;
	line-height:23px;
	margin-top:-48px;
	width:70px;
}

#logoutDiv {
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
	color:#89acc6;
	line-height:23px;
	margin-top:-48px;
	width:100px;
	margin-right:100px;
	color:#89acc6;
}
#logoutDiv a {
	color:#89acc6;
	background:url(images/logout.jpg) no-repeat left center transparent;
	padding-left:24px;
	display:inline-block;
}


#topLinks {float:right;}
column1 {border:none;}


/**** NEW SPECIALTY VIDEOS****/

#storyPanel {margin:0 auto;text-align:left;padding:10px;position:relative;width:800px;clear:both;}
.storyGrouping {background:#e9f4fa;padding-left:4px;padding-top:3px; }
.storyGroupingEmpty {background:#8cb9df;border-radius:2px;padding:3px 7px;margin:4px 0;opacity:.6;}
.storyGroupingEmpty .storyPageGroupStories {background:none;}

.storyGroupHeader {font-weight:bold; font-size:14px;margin-bottom:3px;color:#0f4765;padding-left:5px;}
.storyGroupHeader:after {content:":";}
.storyGroupingEmpty .storyGroupHeader {margin-bottom:0;padding-left:0}

.storyPageCategory {}


#storyabstract{ 
    background: none repeat scroll 0 0 #2A86B7;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    font-size: 13px;
    left: 5px;
    line-height: 20px;
    padding: 8px;
    position: absolute;
    text-align: left;
    top: -124px;
    width: 400px;
    line-height:16px;
}


#remindings{ 
	text-align:left;
	clear:both;
	top:256px;
	position:absolute;
	padding-bottom:30px;
}

#remindings3 {margin-bottom:50px;}

#debuggingPanel {display:none;}

/*** Stories ***/


.speaker li img {border:1px solid #014071;width:168px;height:95px;}
.speakerName {color:#fff; font-weight:bold;}
.storyTitle {color:#5badd3; font-weight:normal;font-size:10px;}

.speaker li.hilitedSpeaker {background-color: #0f7ac2;}
.speaker li.hilitedSpeaker img {border:2px solid #1dd1f7;}

.initialSpeaker:hover {background-color: #0f7ac2;}
.initialSpeaker:hover  img {border:2px solid #1dd1f7;}
.initialSpeaker .storyTitle {visibility:hidden;}
.initialSpeaker:hover .storyTitle {visibility:visible;} 

.speaker li.unhilitedSpeaker {background-color: #74bade;}
.speaker li.unhilitedSpeaker img {-moz-opacity:0.4;-khtml-opacity: 0.4;opacity: 0.4;background:#000;}

#showOtherStoriesCheckbox {text-align:right;}

.scroll {border:none!important;}

#remindingsDetails {margin-top:10px;}
#remindingsDetails .storyGrouping {background:#2a86b7;border-radius:2px;padding:3px 7px;margin:4px 0;}

.storyGroupingEmpty .storyPageGroupStories {background:none;}

.storyGroupingEmpty .storyGroupHeader {margin-bottom:0;color:#fff;}

#backButton {	
	position:absolute;
	top:230px;
	color:#2A86B7;
	font-weight:bold;
	left:16px;
	z-index:1010;
	}
	
#backBtn {cursor:pointer;}
#backBtn:before {
	content:"<";
	padding-right:3px;
	}
a#showBioLink {
	top: 260px;
	z-index:1001;
}

#titleAndVideo {
	width:736px;
	padding:10px;
	background:#e9f4fa;
	min-height:220px;
	position:absolute;
}




#showAbstractLink {
    color: #2A86B7;
    display: block;
    font-size: 12px;
    left: 0;
    padding: 3px 8px;
    text-decoration: none;

}

#showAbstractLink:hover, #showBioLink:hover {text-decoration:underline;}	

#showBioLink {
    color: #2A86B7;
    display: block;
    font-size: 12px;
    margin-right: 10px;
    padding: 3px 8px;
    text-align: right;
    text-decoration: none;
    white-space: nowrap;
    width: 410px;
	}
	
#speakerBio { 
	width:500px;
	text-align:left;
	line-height:20px;
	font-size:14px;
	padding:8px;
	color:#2b2b10;
	background:#d2effe;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	display:none;
}

.storyPageGroup {padding-bottom:2px;display:inline-block;}
.storyPageVideoWidget {width:auto;margin-right:4px!important;display:inline-block;position:relative;cursor:pointer;}
.storyPageVideoWidget img:hover {opacity:.5;cursor:pointer;}
.storyPageVideoWidget:hover .storyPageRolloverItems {display:block;cursor:pointer;}
.storyPageRolloverItems {position:absolute;top:0;display:none;}
.storyPageVideoWidgetStoryTitle {
	color:#fff;
	width:140px;
	height:44px;
	top:-80px;
	left:0;
	background:rgba(44, 44, 44, 0.5);
	padding-top:38px;
	font-size:12px;
	padding-left:2px;
	padding-right:2px;
	font-weight:bold;
	text-align:center;
}
.storyPageVideoWidgetImage {height:80px;width:142px;border:1px solid #000;}
.storyPageVideoWidgetStoryTitle:hover {background:rgba(44, 44, 44, 0.7);}
.storyPageHintLink {
	right:1px;
	top:1px; 
	height:17px;
	width:18px;
	position:absolute;
	text-align:center;
	font-weight:bold;
	background:#df0202;
	color:#fff;
}
.storyPageSummaryLink {
	left:1px;
	top:1px;
	height:18px;
	width:18px;
	position:absolute;
	background:#5cabd4;
	color:#fff;
	text-align:center;
}
.storyPageSummaryLink:hover {background:#20668b;}
.storyPageSummaryLink:hover .summaryBox {display:block;}
.storyPageHintLink:hover {background:#820202;}
.storyPageCategory:after {}
.summaryBox {
	display:none; 
	position:absolute;
	background:#20668b;
	padding:6px;
	padding-top:3px;
	border-radius:2px;
    left: 762px;
    padding: 3px 6px 6px;
    position: absolute;
    top: 4px;
    color:#fff;
    width:200px;
}
.summaryBoxTitle {font-size: 20px; font-weight: bold;margin-bottom:6px;}
.summaryBoxContent {font-size: 14px;}


/**** FB STYLE STUFF ****/
#design { 
	font-size:11px;
	text-align:left;
	position:absolute;
	padding:5px;
	width:200px;
	background-color:#dadbdc;
	left:50%!important;
	margin-left:240px!important;
	box-shadow:0 0 5px #666;
	border-radius:5px;
	}


/*** Interaction Area ***/
#specialties {
	margin-top:4px;
	text-align:left;
	padding-left:5px;
}
.specialty {
	font-size:13px;
	font-family:"Open Sans",arial, helvetica;
	font-weight:bold;
	text-transform:capitalize;
	display:inline-block;
	background-color: #3087b4;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    margin-right: 4px;
    position: relative;
    text-align: left;
    z-index: 100;
    float: left;
    height: 60px;
    padding: 5px;
    width: 75px;
}
li.specialty {
	color:#fff;
	text-decoration:none;
}
 li.specialty:after {
	content:"\00BB";
	font-size: 22px;
	position:absolute;
	right:10px;
	bottom:2px;
	
}

.specialty:hover {
	background:#93cbe5;
	box-shadow: inset 0 0 3px #8faabf;
}

#mainImage {max-width:530px;margin-left:-5px;}

#column1{ 
	display:inline-block;
	vertical-align:top;
	text-align:left;
	padding:5px;
	width:180px;
	float:left;
	margin-top:21px;
}

#favorites {margin-top:18px;max-width:162px;}
#favorites div {padding-bottom:6px;color:#21375e}
#favorites td.speakerImage {display:table-cell;}
#favorites img.thumbnail {border:1px solid #21375e;width:65px;margin-right:4px;cursor:pointer;}

#favorites .clickableRow {padding-top:4px; border-bottom:1px solid #e9e9e9;display:block;}

#answers select {color:#21375e!important;font-style:italic;}
#answers select option {color:#fff;font-style:normal;}
#answers #nodeID option:first-child {color:#21375e;font-style:italic;}


#column2 { 
	display:inline-block;
	vertical-align:top;
	border-left:1px solid #e9e9e9;
	border-right:1px solid #e9e9e9;
	text-align:left;
	width:540px;
	padding:0px;
	color:#1d375c;
	min-height:400px;
	float:left;
	margin-bottom:30px;
}

#column2 .myFollowups .thumbnail{ 
	width:52px;
	border:1px solid #103c65;
	margin-right:5px;
	margin-left:5px;
	cursor:pointer;
}

.mainStory {
	background:#deebf2;
	padding:4px;
	margin:79px 5px 5px 5px;
	position:relative;
	padding-bottom:0;
}

.mainStory #storyText {width:194px;display:inline-block;padding-left:4px;}
.mainStory .summaryLink {text-decoration:none;font-size:12px;text-transform:lowercase;margin-top:4px;}
.mainStory .summaryLink:after, .mainStory .aboutSpeakerLink:after {content: "\00BB";padding-left:3px;}
.mainStory .summaryLink:hover {color:#123667}
.mainStory #storytitle {float:none;display:block;width:197px;}

#storytitle {
	float:right; 
	width:194px;
	font-weight:bold;
	font-size:13px;
}

#videoDiv {
	z-index:1000;
	left:2px;
	padding-bottom:10px;
	
}
#myVideo_wrapper {border:1px solid #5badd3;float:left;margin-bottom: 5px;}
#videoDiv #storytitle {font-weight:bold; font-size:12px; padding-bottom:5px;}

.controls{ 
	margin-bottom:5px;
	margin-top:16px;
}

.myFollowups {clear:both;}
.myFollowups .followupStory, .history2 .followupStory{
	width:530px;
	display:block;
	border-top:1px solid #fff;
	padding-top:3px;
	margin-left:-4px;
	position:relative;
}

.myFollowups .followupStory.watched {background:rgba(255,255,255,.6);}

.myFollowups .followupStory.watched  a.storyTitleLink, .history2 .followupStory.watched  a.storyTitleLink {opacity:.7;}
#column2 .myFollowups .followupStory.watched.watched .thumbnail, .history2 .followupStory.watched .thumbnail {opacity:.7;}

.myFollowups .followupStory a.storyTitleLink,  .history2 .followupStory a.storyTitleLink {
	text-decoration:none;
	font-size:12px;
	color:#123667;
	display:inline-block;
	max-width:380px;
	}
	
.followupStory .storyText {width:440px!important;}

.questionableDiv {position:absolute;right:10px;top:10px;}
.followupStory a.blackLinkUnderlined {text-decoration:none;font-weight:bold; background:#84abc8;border-radius:10px;width:14px;color:#fff;display:inline-block;text-align:center;font-size:11px;}
.followupStory a.blackLinkUnderlined:hover {background:#528dba;}
.story .storyText {width:390px;}

.followupStory:hover {background:rgba(1,1,1,.02);}
a.storyTitleLink:hover {text-decoration:underline!important;}

.speakerImage {width:59px;display:inline-block;vertical-align:top;}
.storyText {display:inline-block;}
.history {clear:both;}
.historyLabel {width:522px;padding:2px 4px;background:#aaaaaa;margin:0 5px;color:#fff;font-weight:bold;}
.history2 {display:block;margin:5px;}
.history2 .thumbnail {width:110px;border:1px solid #777;}
.history2 .followupStory .thumbnail {width:52px!important;margin-left:4px;}

.history2 .followupStory.watched {background:rgba(255,255,255,.6);}

.history2 .cluster .story .speakerImage {width:115px;padding-top:4px;}
.history2 .cluster .story .storyText {padding-top:6px;}
.cluster{ 
	margin-bottom:5px;
	margin-top:5px;
	background:#dadbdc;
	padding-left:4px;
}

#column3 { 
	display:inline-block;
	vertical-align:top;
	text-align:left;
	padding:5px;
	color:#1d375c;
	width:190px;
	float:left;
	margin-top:72px;
}

#column3 table tr {border-bottom:1px solid #E9E9E9;padding-top:8px;display:block;}
#column3 table tr:first-child	{border-top:1px solid #E9E9E9;padding-top:8px;}
#column3 .thumbnail{ 
	width:65px;
	border:1px solid #8ea5b7;
	margin-right:5px;
	margin-bottom:6px;
	cursor:pointer;
}
#column3 .storyTitle {color:#1d375c;font-size:11px;}

#column3 .clickableRow:hover {background:#f2f4f5;}
#answers{ 
	margin-bottom:3px;
}
#answers #nodeID {
	width:400px;
	padding:2px 4px;
	border:1px solid #2a85ba;
	background:#94bddd;
	font-weight:bold;
}
#answers #nodeID option {margin-bottom:3px;}

.clusterHeaderText {
	margin-bottom:3px;
	background:url(images/user-profile-sm.jpg) no-repeat left center transparent;
	padding-left:36px;
	height:30px;
	font-style:italic;
	font-weight:bold;
	
}

.clusterHeader{
	padding-bottom:5px;
	border-bottom:1px solid #fff;
	margin-bottom:5px;
}

.story {display:inline-block;}

.story .storyTitleLink {font-weight:bold; text-decoration:none; font-size:1em;color:#21719e}


#storiesAbout{ 
	font-weight:bold;
}

.conversationSpeakerImage{ 
	float:left;
}

.conversationStoryTitle{ 
	float:right;
}

tr.clickableRow:hover {/background-color:#d2e8f9; /color:#014e8a;}
tr.hiliteRow:hover {/background-color:#d2e8f9; /color:#014e8a;}

.clickableRow{ 
	cursor:pointer;
}

#join{ 
	font-size:18px;
	position:absolute;
	top:15px;
	left:700px;
	border:1px solid black;
}

#question{ 
	font-weight:bold;
	margin-bottom:8px;
	font-size:1.2em;
	padding-left:5px;
}

.concernedAbout { 
	font-weight:bold;
	margin-bottom:8px;
	font-size:1em;
	padding-top:14px;
}


.controls2 a.summaryLink {font-size:11px; text-decoration:none;text-transform:lowercase;}
.controls2 a {text-decoration:none;text-transform:lowercase;}
#profile{
	margin-bottom:15px;
	background:url(images/user-profile.jpg) no-repeat left center transparent;
	padding-left:40px;
	height:34px;
	line-height:33px;

}
#profile a {
	text-transform:uppercase;
	text-decoration:none;
	color:#21375e;
	font-weight:bold;
	font-size:.9em;
}

h1{ 
	font-size:18x;
	font-weight:bold;
	margin-bottom:5px;
}

.thumbnail{ 
	width:75px;
}

.controls a {text-decoration:none;text-transform:lowercase;}
.summaryLink {display:block;color:#5badd3;}
.likeLink, .disLikeLink, .favoritesLink {color:#e43932;margin-right:8px;font-size:11px;}
.likeLink:hover, .disLikeLink:hover, .favoritesLink:hover {text-decoration:underline;}
.likeLink {background:url(images/thumb.png) no-repeat 0 0 transparent;padding-left:20px;height:20px;padding-top:3px;display:inline-block;}
.likeLink.selected {background:url(images/thumb-on.png) no-repeat 0 0 transparent;color:#1d79e1;}
.likeLink.selected:after {content:"d";}
.disLikeLink {background:url(images/thumbdown.png) no-repeat 0 5px transparent;padding-left:20px;height:20px;padding-top:3px;display:inline-block;}
.disLikeLink.selected {background:url(images/thumbdown-on.png) no-repeat 0 5px transparent;color:#1d79e1;}
.disLikeLink.selected:after {content:"d";}
.aboutSpeakerLink {display:block;font-weight:bold;font-size:11px;color:#1d375c;margin-bottom:2px;}
.favoritesLink {display:block;}

#storySpeakerInfo {
	z-index:1000;
	display:block;
}



/*** login  ****/
#login, #instructions {width:450px;margin:0 auto;text-align:left;}
#login {margin-top:30px;}
.seeMoreHeader {
	font-size:18px;
	color:#fff;
	margin-bottom:10px;
	background:#3087B4;
	padding:5px 6px;
}
#seeMore {background:#EAF5FB;}
#seeMoreEmail, #instructions {padding:8px 5px;}
#instructions {background:#EAF5FB;margin-top:-10px;width:440px;}
.login_index {color:#21375E;
	font-family: "Open Sans",arial,helvetica;
	}
#alreadyMember {padding:10px 5px;}
#emailField input {margin-top:10px;margin-bottom:4px;}
#passwordField input {margin-bottom:10px;}

#passwordField, #emailField, #rememberField, #loginOrJoin {background:#EAF5FB;width:450px;margin:0 auto;}
#copyrightBar {background:#3087B4;padding:6px 8px;width:436px;margin:0 auto;color:#fff;font-size:11px;text-align:left;}
#rememberField {font-size:11px;}
#forgotPasswordField {font-size:11px; padding:10px 8px;font-style:italic;font-weight:bold;}
#forgotPasswordField a {text-decoration:none;color:#3087B4}
#forgotPasswordField a:hover {text-decoration:underline;}

#passwordField input, #emailField input {
	border:1px solid #3087B4;
	width:220px;
	padding:3px 6px;
	color:#3087B4;
}
#soForm a.button, #soForm .button, #soForm .bcolordefault, #submitField input {
    background-color: #85b0d4;
    color:#fff;
	text-shadow:1px 1px 1px #1e719b,-1px -1px 1px #1e719b;
    border: none;
    border-radius:2px;
    font-size: 24px;
	padding:4px 8px;
	text-transform:uppercase;
	margin-top:20px;
	margin-bottom:10px;
	box-shadow:0 0 3px #666;
}

#footer-container {clear:both;position:relative;bottom:0;background:#DEEBF2;width:100%;}
#footer {width:540px; text-align:left;margin:0 auto;font-size:11px;color:#21375E;padding:10px;position:relative;font-weight:bold;}
#footer .disclaimer {padding-top:10px; max-width:510px;font-weight:normal;font-style:italic;}

#return {margin-left:16px;text-align:left;margin-top:-44px;z-index:1;position:relative;padding-bottom:10px;}
#return img {width:12px;padding-top:5px;}

/*** Banner Fixes ***/
.medBanner {
    top: 0px!important;
    background:none!important;
    border-bottom:20px solid #3087B4!important;
    height:43px!important;
    min-width:1000px;
    z-index:0;
}
.medBanner img {margin-left:2px;}