/* Default.css overwritting styles */
.contentBlock .contentFullRow .contentFullExpand { width:300px; }
.contentBlock .contentFullRow .contentFullExpand h3 { margin-top:0; }
.contentBlock .contentFullRow .contentFullExpand p { font-size:12px;line-height:16px; }
.contentBlock .tabContainer .tabContents .tabContent h3.title { margin-top:0px;margin-bottom:0px;padding-bottom:0px; }
.media-download { margin: 0; width: 260px; }
.media-download span.media-name { font-size:14px; }
.media-download .media-pdf { background-image: url("/-/media/images/icons/pdf_icon.jpg") }
.sideNavRight p.swfThankYou { padding-left:20px;font-size:12px; }

/* fixed-tranitional overrides */
div#WebinarBlock1 { width:900px; }
div#WebinarBlock2 { width:0; padding-right:0; }
.sideNavRight { -ms-flex:none; -webkit-flex:none; flex:none; }

@media (max-width:1295px) {
    .contentMid > .contentBlock { -ms-flex:none; -webkit-flex:none; flex:none; }
    .contentMid > .contentBlock, div#WebinarBlock1 { width:68%; padding-right:0; }
    .contentMid div#WebinarBlock2 { width:0; }
    .sideNavRight { width:28%; padding-left:4%; }
}
@media (max-width:950px) {
    .contentMid > .contentBlock, div#WebinarBlock1 { width:100%; padding-right:0; }
    .contentMid div#WebinarBlock2 { width:0; }
    .sideNavRight { width:100%; padding-left:0; }
}

/* PETAL styles */
.petalTrainingSynopsis {
	float: left;
	width: 600px;
}

.petalPresenterInfo {
	float: left;
	display: inline-block;
}

.petalPresenterInfo h2{
	margin: 0;
	font-weight: 700;
	font-family: Calibri,Arial,Helvetica,sans-serif;
	font-size: 20px;
}

.petalSpeakerImage {
	width: 100px;
	display: inline-block;
	margin-right: 10px;
	float: left;
	border-radius: 4px;
	overflow-hidden;
	height: 100px;
}

.petalSpeakerImage img {
	width: 100px;
}

.petalSpeakerDetails {
	list-style-type: none;
	display: inline-block;
	padding: 0 5px 0 0;
	margin: 0;
	position: absolute;
	top: 5px;
	right: inherit;
	width: 150px;
} 

.petalSpeakerBio {
	clear: both;
	float: left;
	margin: 16px 0 10px 0;
	*padding: 0 10px 0 0;
}

.petalSpeakerName {
	font-family: Calibri;
	font-size: 16px;
	margin: 5px 0;
}

.petalSpeakerTitle {
	margin: 5px 0;
}

.petalPresenter {
	display: inline-block;
	float: left;
	width: 280px;
	position: relative;
	background: #eee;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin: 10px 15px 10px 0;
	padding: 10px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box; 
}

.petalBioExpandButton {
	clear: both;
	float: left;
	position: relative;
	display: inline-block;
	/*background: #515151;
	color: #fff;*/
	background: #ccc;
	color: #333;
	padding: 3px 8px;
	border-radius: 4px;
	font-weight: bold;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 16px;
	cursor: pointer;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box; 
	width: 100%;
	*width: 30%;
	margin-top: 8px;

}

.petalBioExpandButton:hover {
	/*background: #ccc;
	color: #333;*/
	background: #515151;
	color: #fff;
}
.petalTrainingAbstract {
	float: left;
	width: 100%;
	padding: 0 0 10px 0;
}

.petalDatesHeader {
	font-size: 18px;
	line-height: 22px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	margin: 5px 0;
}

.petalDates 
{
    width: 600px;
    padding-left: 0;
    margin: 0;
}

.petalDates li 
{
	padding: 0 0 5px;
	margin: 0 5px 0 0;
    list-style-type: none;
    font-size: 12px;
    display: block;
    font-size: 16px;
	line-height: 22px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
}

.petalListingDates {
	padding-left: 0;
    margin: 5px 0;
}

.petalListingDates li {
	list-style-type: none;
    font-size: 12px;
    font-weight: bold;
}

.petalTrainingListing {
	position: relative;
	padding: 10px;
	padding-bottom: 50px;
	margin: 0 0 20px;
	background: url("/assets/images/webinarsEvents/webinarDetails-bg.gif") repeat-x scroll left bottom #ffffff;
	border-bottom: 1px #dddddd solid;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.petalTrainingListing h3 {
	width: 400px;
	overflow: hidden;
	margin-top: 0;
	padding-top: 0;
	font-size: 14px;
}

.petalTrainingListing div {
	font-size: 11px;
}

.petalTrainingListing div.blue34Middle {
	font-size: 14px;
}

.petalUpcomingTrainingsHeader {
	font-size: 20px;
	font-family: Calibri;
	display: inline-block;
	width: 60%;
	float: left;
	*margin: 20px 0 10px 0;
}

.petalUpcomingTrainingsSortContainer {
	display: inline-block;
	width: 40%;
	text-align: right;
	float: left;
	margin: 20px 0 10px 0;
}

.petalFeaturedTraining {
	width: 600px;
	*width: 580px;
	float: left;
	position: relative;
	background-color: #ececec;
	padding: 10px;
	margin-top: 10px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-sizing: border-box;
}

.petalFeatureName {
	float:none;
	font-size: 14px;
}


/* Webinars 3.0 Styles */

.sideNavWebinarRegistration {
	width:250px;
	padding: 15px;
	margin-bottom: 40px;
	background-color: #ececec;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	height: inherit;
}

select.selectOptionForCtaButton {
	display:block;
	width:250px;
	height: 34px;
}

.sideNavContainer div.callToActionButton {
	width: 250px;
	margin-top: 30px;
}

.sideNavContainer div.callToActionImageText {
	width: 250px;
}

.featuredWebinar {
	width: 560px;
	float: left;
	position: relative;
	background-color: #ececec;
	padding: 10px;
	margin-top: 10px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.contentBlock .featuredWebinar p {
	font-size: 12px;
}

.webinarSynopsis {
	width: 600px;
}

.expandHorizontal {
	-webkit-border-radius: 7px;
	border-radius: 7px;
	width: 180px;
	float: left;
	background-color: #ececec;
	margin: 0 20px 20px 0;
	padding-bottom: 0px;
}

.expandLink {
	text-decoration: underline;
	margin-bottom: 5px;
	cursor: pointer;
}


.expandHorizontal img {
	margin: 0 auto;
	margin-top: 20px;
	background-color: #cccccc;
	max-width: 150px;
}

.expandText {
	float: right;
	text-align: left;
	width: 400px;
	padding: 10px;
}

.dropHorizontal {
	width:400px;
	float: left;
}

.webinarSpeakerInfo h3 {
	margin: 3px 0px 0px 0px;
}

.webinarSpeakerInfo h3.presenterName {
	font-size: 14px;
}

.expandHorizontal ul {
	text-align: left;
	list-style-type: none;
	display:inline;
	
}

.expandHorizontal ul li {
	list-style-position: outside;
	margin: 0 15px 0 15px;
}

.webinarAbstract h2 {
	margin-top: 0;
}

.webinarDetails {
	clear: left;
}

.webinarDetails p {
	padding-top: 0;
}

.webinarFigure {
	float: right;
	margin: 0 0 20px 20px;
	background-color: #ececec;
}

.webinarFeatureName {
	float:none;
	font-size: 14px;
}

.webinarFeatureDate {
	font-weight: 600;
}

.webinarDates {
	list-style-type: none;
	padding-left: 0;
}

.webinarDates li {
	padding: 0 0 0 10px;
	margin: 0;
	font-size: 12px;
	line-height: 16px;
	border-left: 2px #ccc solid;
}

.previousWebinarDates {
	list-style-type: none;
	padding-left: 0;
}

/* END Webinars 3.0 Styles */

/* New styles for Webinars and Events */

.webinarsEventsSpacer {
	float: left;
	margin: 10px 0;
	padding: 0;
	width: 100%;	
}

.webinarsEventsClearFloat {
	clear: both;
	font-size: 10px;
	height: 10px;
	line-height: 10px;
	margin: 0;
	padding: 0;	
}

.webinarEventDetail {
	position: relative;
	padding: 10px;
	padding-bottom: 50px;
	margin: 0 0 20px;
	background: url("/assets/images/webinarsEvents/webinarDetails-bg.gif") repeat-x scroll left bottom #ffffff;
	border-bottom: 1px #dddddd solid;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.webinarEventDetail h3 {
	width: 400px;
	float: left;
	overflow: hidden;
	margin-top: 0;
	padding-top: 0;
	font-size: 14px;
}

.featuredWebinar h3 {
	width: 400px;
}

.webinarEventDetail div {
	font-size: 11px;
}

.webinarEventDetail div.blue34Middle {
	font-size: 14px;
}

.webinarEventDetail div.webinarEventType {
	float: right;
	text-align: center;
}

.webinarEventDetail div.webinarEventType img {
	float:right; 
	margin-right:0px; 
	margin-top: 0px;
}

div.webinarEventType {
	cursor: pointer;
}

div.webinarEventType .webinarTypeText {
	text-align: right;
	clear:right;
	float: right;
	width: 142px;
	min-height: 17px;
	padding: 3px 0px 3px 0;
	color: white;
	font-weight: 500;
	font-size: 13px;
	text-shadow: 0px 0px 6px #111111;
	background-repeat: repeat-y;
	z-index: 1;
}

div.webinarEventType .webinarTypeText span {
	display: block;
	width: 142px;
	position:relative;
	z-index: 2;
	zoom:1;
	display: block;
	right: 6px;
	padding-right: 10px;
}

div.webinarEventType .webinarTypeText span.iefilter {
	position: absolute;
	top: 26px;
	right: 12px;
	z-index:1;
	filter:
	progid:DXImageTransform.Microsoft.Glow(Color=#333333,Strength=2)
	progid:DXImageTransform.Microsoft.blur(pixelradius=3, enabled='true')
;
}

div.featuredWebinar div.webinarEventType .webinarTypeText span.iefilter {
	padding-right: 0;
	top: 16px;
}

div.webinarEventType .webinarIconTop {
	float:right;
}

div.webinarEventType .webinarIconBottom {
	clear: right;
	float:right;
}

.webinarEventDetail p, .featuredWebinar p {
	font-size: 12px;
	line-height: 16px;
	float: none;
	width: 450px;
}

.webinarEventDetail p.webinarEventDate {

	padding-bottom: 6px;

	font-weight: bold;
}

.webinarEventDetail p.webinarEventSpeaker, .featuredWebinar p.webinarEventSpeaker {
	padding: 0;
}

.webinarEventDetail p.webinarEventLocation {

	padding: 0;


}

.webinarEventDetail p.webinarEventDate, .webinarEventDetail p.webinarEventSpeaker {
    width: auto;
}

.featuredWebinar p.webinarFeatureDate, .featuredWebinar p.webinarEventSpeaker {
    width: auto;
}

.webinarEventDetail p.webinarEventLink, .contentBlock p.webinarEventLink {
	text-align: center;
	font-size: 12px;
	display: inline-block;
	background-color:#cccccc;
	padding: 5px;
	width: 280px;
	margin: 0;
}

.webinarTypesKey {
	padding: 10px 0 0;
	margin: 0;
	border-top: 0px #b2b2b2 solid;
}

.webinarTypesKey p {
	font-size: 10px;
	padding: 0 0 10px;
	margin: 0;
	display: inline-block;
	width: 100%;
}

.webinarTypesKey p img {
	float: left;
	padding: 0 10px 0 0;
	margin: 0;
	position: relative;
	top: -2px;
}

.webinarTypesDropDown {
	padding: 0 0 15px;
	margin: 0;
}

.webinarsEvents {
	padding: 0;
	margin: 0;
}

.webinarsEvents img {
	padding: 0;
	margin: 0;
}

.webinarsEvents .webinarEventLeft {
	float: left;
	width: 150px;
}

.webinarsEvents .webinarEventRight {
	float: left;
	width: 450px;
}

.webinarsEvents .webinarEventRight p {
	padding: 0 0 10px;
}

.webinarsEvents .webinarEventRight h3 {
	padding: 0;
	margin: 0;
}

.webinarsEvents p.webinarEventRightIntro {
	font-size: 12px;
	line-height: 16px;
}

.webinarsEvents .webinarEventRight ul {
	list-style-type: none;
	color: #252525;
	padding: 0;
	margin: 0 0 10px;
}

.webinarsEvents .webinarEventRight li {
	padding: 0 0 0 10px;
	margin: 0;
	font-size: 12px;
	line-height: 16px;
	border-left: 2px #ccc solid;
}

.webinarsEvents .webinarEventRight img {
	padding: 0 10px 0 0;
}

.webinarsEvents .webinarEventRight .speakerBio {
	display: none;
	padding: 15px 15px 5px;
	margin: 0 0 10px;
	background-color: #f4f4f4;
	border: 1px #dddddd solid;
}

.webinarsEvents .webinarEventRight p.webinarType {
	float:left;
	width:185px;
	padding-top:15px;
}

#swfOverlay {
	width: 600px;
}
#tzOverlay {
	width: 320px;
	height: 250px;
}
.overlayWebinarEvent {
	padding: 0 5px;
	font-size: 12px;
	background:#fff;
	display:none;
	position:relative;
}
.overlayWebinarEvent h1 {
	margin-top: 0;
	font-size: 16px;
}
.overlayWebinarEvent h2 {
	font-size: 14px;
}
.overlayWebinarEvent h3 {
	width: auto;
}
.overlayWebinarEvent p {
	padding-bottom: 5px;
	margin-bottom: 0px;
}
.overlayWebinarEvent #tz-convert-submit {
	float:right;
	margin:10px 0;
}
.overlayWebinarEvent #tz-convert-offset {
	width:100%;
}
.event-times {
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
}
#tz-results {
	background-color: #E8F0F3;
	border:1px solid #dddddd;
	padding:0 10px 15px;
}
.tz-results-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.overlayClose {
	float:right;
	padding:5px 10px;
	margin:0;
	background: #f4f4f4;
	border-bottom: 1px solid #ddd;
	-webkit-box-shadow:  0 1px 2px 1px #999;
	-moz-box-shadow: 0 1px 2px 1px #999;
    box-shadow:  0 1px 2px 1px #999;
}
.overlayClose p.close {
	padding:0;
	margin:0;
	font-size:14px;
	line-height:16px;
}

.webinarEventShare {
	background: #ffffff;
	margin:0;
	padding:0;
}
.webinarEventShare ul {
	list-style:none outside none;
	margin:0;
	padding:10px 0 0;
}
.webinarEventShare li {
	float:left;
	margin-bottom:10px;
	width:50%;
}
.webinarEventShare input {
	width:85%;
}
.webinarEventShare .two-col {
	width:100%;
}
.webinarEventShare textarea {
	width:93%;
}
p.legalText {
	clear:both;
	color:#666;
	font-size:10px;
	line-height:12px;
}
.webinarEventShare .submit {
	line-height:26px;
	overflow:auto;
	padding-bottom:0px;
}
.webinarEventShare .submit .blueButton {
	cursor:pointer;
	margin-left:15px;
	padding:0;
}
.webinarEventShare .submit a {
	float:right;
}

.sideNavWebinarRegistration .callToActionImageText img {
     margin-top: 30px;
}