/* Workshop Main Content */

#Content.wsmain { 
    border-radius: 10px; /* CSS 3 */
    background-color: #a7e4ff;
    overflow: hidden;
}
#Content.wsmain header {
    width: 100%;
    background: url(../images/workshops/ws_mainheader-bkg.png) no-repeat, linear-gradient(180deg, rgba(0,67,136, 1)0%, rgba(71,208,248, 1)80%);
    background-size: cover;
}
#Content.wsmain header h1, #Content.wsmain header p {
    position: absolute;
    top: 0;
    left: -9999px;
}
#Content.wsmain ul, #Content.improvementPlans ul {
	margin: 0 0 16px 40px;
	list-style: outside url(../images/fp_links_bullet_1.gif);
	font-size: .85em;
	font-weight: bold;
	line-height: 1.5em;
}
#Content.wsmain ul li {
	margin: 0;
}
#Content.improvementPlans ul li {
    line-height: 1.5em;
    margin-bottom: 0;
}
#Content.improvementPlans h2.tsp {
  color: #039;
  padding: 0;
  background-image: url(../images/workshops/ip-trainingSupport-title.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  display: block;
  height: 30px;
  width: 280px;
  margin: 0;
  text-indent: -9999px;
  background-size: contain;
}

#Content.workshop h1 { font-size: 1.5em; }
#Content.workshop h2 { font-size: 1.3em; }
#Content.workshop.intFranchise h2 { color: #5fa1d5; margin-left: 20px;}
#Content.workshop h3 { font-size: 1.1em; }
#wsContent h2.teamspain {
  background: url(../images/workshops/ws-trainers-spain.png) 0 0 no-repeat;
  height: 30px;
  text-indent: -9999px;
  width: 650px;
  border-bottom: #2d90cf 1px dotted;
  display: block;
  position: relative;
  float: left;
  margin: 5px 0 10px 16px;
  padding: 0 0 3px 0;
}
#wsContent h2.teamuk {
	background: url(../images/workshops/ws-trainers-uk.png) 0 0 no-repeat;
	height: 30px;
	text-indent: -9999px;
	width: 650px;
	border-bottom: #2d90cf 1px dotted;
	display: block;
	position: relative;
	margin: 5px 0 10px 16px;
	padding: 0 0 3px;
}
#wsContent h2.teambrazil {
    background: url(../images/workshops/ws-trainers-brazil.png) 0 0 no-repeat;
	height: 30px;
	text-indent: -9999px;
	width: 650px;
	border-bottom: #2d90cf 1px dotted;
	display: block;
	position: relative;
	float: left;
	margin: 5px 0 10px 16px;
	padding-top: 0 0 3px 0;
}
#wsContent h2.teamsing {
  background: url(../images/workshops/ws-trainers-singapore.png) 0 0 no-repeat;
	height: 30px;
	text-indent: -9999px;
	width: 650px;
	border-bottom: #2d90cf 1px dotted;
	display: block;
	position: relative;
	float: left;
	margin: 5px 0 10px 16px;
	padding: 0 0 3px 0;
}
#wsContent h2.teamsaudi {
    background: url(../images/workshops/ws-trainers-saudi.png) 0 0 no-repeat;
	height: 30px;
	text-indent: -9999px;
	width: 650px;
	border-bottom: #2d90cf 1px dotted;
	display: block;
	position: relative;
	float: left;
	margin: 5px 0 10px 16px;
	padding: 0 0 3px 0;
}
#wsContent h2.intteamend {
	height: 5px;
	text-indent: -9999px;
	width: 650px;
	border-bottom: #2d90cf 1px dotted;
	display: block;
	position: relative;
	float: left;
	margin: 0 0 30px 16px;
	padding: 0 0 3px 0;
}
#wsContent .hrule {
	height: 5px;
	text-indent: -9999px;
	width: 650px;
	border-bottom: #2d90cf 1px dotted;
	display: block;
	position: relative;
	float: left;
	margin: 0 0 30px 16px;
	padding: 0 0 3px 0;
}
#wsContent h2.nobkg {
	height: 30px;
	width: 650px;
	border-bottom: #2d90cf 1px dotted;
	display: block;
	position: relative;
	margin: 5px 0 10px 16px;
	padding: 0 0 3px 0;
}

#Content.workshop div.trainerBox1 { display: block; width: 520px; padding: 15px 20px 2px 20px; background: url(/images/workshops/ws-trainer-box-1-top.png) 0 0 no-repeat; margin: 15px 15px 0 10px; }
#Content.workshop h3 { color: #5d004f; font: bold 1.3em "Trebuchet MS", sans-serif; margin: 5px 17px 2px 17px; padding: 0; }
#Content.workshop div.trainerBox1 p { font-size: 0.6em; line-height: 1.4em; width: 445px; }
#Content.workshop div.trainerBox1 img { float: left; background-color: #fff; padding: 5px; border: #ccc 1px solid; margin: 5px 15px 10px 6px; }
#Content.workshop div.trainerBoxBtm { background: url(../images/workshops/ws-trainer-box-1-btm.png) 0 0 no-repeat; width: 520px; height: 17px; margin: 0 10px; padding: 0; }
#Content.workshop h3.stack {
	color: #5d004f;
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1em;
	text-align: center;
	margin: 5px 17px 7px 17px;
}
#Content.wsmain a.schedlink {
	text-indent: -10000px;
	height: 43px;
	width: 180px;
	margin-left: 180px;
	background-image: url(../images/workshops/ws-sched-buttonlink.png);
	background-position: 0 43px;
	margin: 10px auto 12px auto;
	display: block;
}
#Content.wsmain a.schedlink:hover {
	background-position: 0 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#Content.workshop p {
	font-size: 0.85em;
	line-height: 1.7em;
	margin: 5px 20px 15px 20px;
}
#Content.workshop p.intro { margin-right: 250px; }
#Content.workshop p.first { margin-left: 20px; }
#Content.workshop p.first:first-letter { float: left; margin: 0 0.15em 0 0; font: normal 48px/0.8em Georgia, "Times New Roman", Times, serif; color: #df85de; }
#Content.workshop a { font-weight: bold; color: #ec008c; padding: 1px 0; text-decoration: none; }
#Content.workshop a:hover { color: #662c91; border-bottom: #662c91 1px dotted; }
#Content.workshop a:hover img { border-bottom: none; }
#Content.workshop .removehover:hover { border-bottom: none; }
#Content.workshop ul {
	margin: 0 0 10px 40px;
	list-style: outside url(../images/fp_links_bullet_1.gif);
	font-size: .85em;
	font-weight: bold;
	line-height: 1.5em;
}
#Content.workshop ol { font-size: 0.8em; line-height: 1.7em;  }
#Content.workshop .soldout {
	color: #2e3192;
	font-weight: bold;
	font-size: 1.3em;
}
#Content.workshop .cancelled { color: #ff0000; }
#Content.workshop .days { color: #9d9d9d; }
#Content.workshop .grey { color: #9d9d9d; }

#wsFeatures { width: 100%; background: url(../images/workshops/ws-features-bg.gif) no-repeat 0 0; padding: 0 20px 10px 20px; backround-size: contain; }
#wsFeatures h2 { height: 62px; display: block; text-indent: -9999px; }
#wsFeatures h3 { display: block; margin: 0; padding: 0; }
#wsFeatures p { font-size: 0.8em; line-height: 1.7em; margin-top: 0; }

#wsFeatures .card {
  width: 100%;
  height: 100%;
  padding: 10px;
  border: #cc8cdb 1px solid;
  background: rgba(255, 255, 255, 0.7) no-repeat 0 0;
  -o-border-radius: 10px; /* Opera */
  -icab-border-radius: 10px; /* iCab */
  -khtml-border-radius: 10px; /* Konqueror */
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari */
  border-radius: 10px; /* CSS 3 */
}
#wsFeatures .card img { max-width: 160px; display: block; }
#wsFeatures .card h3 { font-size: 1.2em; }

#wsBringKaganBox { 
    width: 100%;
    border: #fff 6px solid; border-radius: 10px; overflow: hidden;
    background: url(../images/workshops/ws-bringKaganAd-bkg.png) no-repeat, linear-gradient(180deg, rgba(195,126,211,1)0%, rgba(250,229,255,1)20%);
    background-size: contain;
}

#wsBringKaganBox h3 { position: absolute; top: 0; left: -9999px; }
#wsBringKaganBox p { font-size: 0.85em; line-height: 1.5em; color: #333; margin-left: 10px; margin-right: 10px; }
#wsBringKaganBox a { color: #003781; padding: 1px 0; border-bottom: #003781 1px dotted; }
#wsBringKaganBox img { display: block; width: 100%; max-width: 320px; height: auto; margin: 0 auto; }
#wsBringKaganBox a:hover { background-color: #fff; }
#wsBringKaganBox  a.submit {
	display:block;
	margin: 10px auto;
	height: 19px;
	width: 105px;
	background-image: url(../images/video/submitButton.png);
	background-position: 0 0;
	text-indent: -9999px;
	border: none;
	background-color:transparent;
	background-repeat: no-repeat;
}
#wsBringKaganBox a.submit:hover { background-position: 0 -21px; }


/* International Franchises */

#Content.wsintfran {
	-o-border-radius: 10px; /* Opera */
	-icab-border-radius: 10px; /* iCab */
	-khtml-border-radius: 10px; /* Konqueror */
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari */
    border-radius: 10px; /* CSS 3 */
	height: auto;
    background-color: #b2e3fa;
    overflow: hidden;
}
#Content.wsintfran header h1, #Content.wsintfran header p {
	position: absolute;
    top: 0;
    left: -9999px;
}
#Content.wsintfran ul.grid {
	display: grid;
    width: 100%;
    margin: 0 0 10px 0;
    grid-template-columns: repeat(auto-fit, minmax(5rem, 20rem));
    grid-gap: 10px;
    justify-content: center;
    margin-bottom: 10px;
}
#Content.wsintfran ul.grid li {
	text-indent: -9999px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 42%;
    margin: 0;
    list-style: none;
}
#Content.wsintfran li:hover { opacity:.70; filter: alpha(opacity=70); -moz-opacity: 0.70; cursor:pointer; border-bottom-style: none; }
#Content.wsintfran li.Ara { background: url(../images/workshops/ws-IntFranch-lgIcon-Arabn.png) }
#Content.wsintfran li.Aus { background: url(../images/workshops/ws-IntFranch-lgIcon-Aus.png) }
#Content.wsintfran li.Belg { background: url(../images/workshops/ws-IntFranch-lgIcon-Belg-green.png) no-repeat; }
#Content.wsintfran li.Braz { background: url(../images/workshops/ws-IntFranch-lgIcon-Brasil.png) no-repeat; }
#Content.wsintfran li.Can { background: url(../images/workshops/ws-IntFranch-lgIcon-Can.png) no-repeat; }
#Content.wsintfran li.Chile { background: url(../images/workshops/international/ws-IntFranch-lgIcon-Chile.png) no-repeat; }
#Content.wsintfran li.Den { background: url(../images/workshops/ws-IntFranch-lgIcon-Denmark.png) no-repeat; }
#Content.wsintfran li.GU { background: url(../images/workshops/ws-IntFranch-lgIcon-guam.png) no-repeat; }
#Content.wsintfran li.Ind { background: url("../images/workshops/ws-IntFranch-lgIcon-india-update2024.png") no-repeat; }
#Content.wsintfran li.Kor { background: url(../images/workshops/ws-IntFranch-lgIcon-Kor.png) no-repeat; }
#Content.wsintfran li.Neth { background: url(../images/workshops/ws-IntFranch-lgIcon-Neth-BazaltGroep.png) no-repeat; }
#Content.wsintfran li.Mexico { background: url("../images/workshops/ws-IntFranch-lgIcon-mexico.png") no-repeat; }
#Content.wsintfran li.Newz { background: url(../images/workshops/ws-IntFranch-lgIcon-NewZ.png) no-repeat; }
#Content.wsintfran li.SAfr { background: url(../images/workshops/ws-IntFranch-lgIcon-SA.png) no-repeat; }
#Content.wsintfran li.Saud { background: url(../images/workshops/ws-IntFranch-lgIcon-Saud.png) no-repeat; }
#Content.wsintfran li.Sing { background: url(../images/workshops/ws-IntFranch-lgIcon-Sing.png) no-repeat; }
#Content.wsintfran li.Spain { background: url(../images/workshops/ws-IntFranch-lgIcon-Spain-2.png) no-repeat; }
#Content.wsintfran li.UK { background: url(../images/workshops/ws-IntFranch-lgIcon-UK.png) no-repeat; }


.spreadEngagementAd { display: block; border: solid 8px #fff; border-radius: 10px; background-color: #33348e; padding-bottom: 10px; overflow: hidden; box-shadow: 0 0 5px 1px rgba(0, 0, 0, .20); }
.spreadEngagementAd p { color: #fff; margin: 0 10px !important; }
.spreadEngagementAd h4 { color: #fff; border: none; margin: 5px 0; }
.spreadEngagementAd img { display: block; width: 100%; max-width: 300px; margin: 0 auto; }


#intTrainers {
  display: flex;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
}

img.flagButtons { display: block; width: 100%; max-width: 210px; margin: 0 auto; }


#Content.workshop h3.TrainerName {
	color: #5d004f;
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1em;
	text-align: left;
	display: block;
	width: 300px;
}
#Content.workshop div.AuthCourses {
	margin: 3px 0 0 3px;
	background-color: #FFF;
	display: block;
    border-radius: 5px; /* CSS 3 */
	padding-top: 2px;
	padding-bottom: 2px;
}
#Content.workshop div.AuthCourses strong {
	font-size: .95em;
	font-weight: bold;
}
#Content.workshop div.AuthCourses p {
	font-size: 0.75em;
	line-height: 1.7em;
}


/* Workshop Left Sidebar Navigation */

#wsNavLeft {
  width: 100%;
  padding: 0 0 15px 0;
  margin: 0;
  position: relative;
  overflow: visible;
  background-color: #bf74d0;
  z-index: 9500;
  border-radius: 15px;
}
#wsNavLeft a.homeLink {
  width: 100%;
  height: 116px;
  border: none;
  background: url("/images/workshops/ws_sidebar_top-wide.png") no-repeat center;
  background-size: auto;
  background-size: 90%;
  text-indent: -9999px;
}

#wsNavLeft ul {
  font-size: .95em;
  background-color: #9a57b8;
  list-style: none;
  width: 100%;
}
#wsNavLeft ul li {
  font-size: .95em;
  border-bottom: rgba(255, 255, 255, .8) 1px dotted;
  position: relative;
}
#wsNavLeft ul li:last-of-type {
    border: none;
}
#wsNavLeft li a:hover { background-color: #0861a1; border: 0; color: #ee008c; }

#wsNavLeft li a {
  color: #fff;
  display: block;
  height: auto;
  padding: 6px 10px;
  margin: 0;
  overflow: hidden;
  transition: .3s;
}
#wsNavLeft ul li ul {
  position: absolute;
  top: -2px;
  left: 100%;
  width: 0;
  background-color: #00a0de;
  transition: .1s;
  z-index: 2;
  overflow: hidden;
  border-radius: 0 7px 7px 0;
}
#wsNavLeft ul li:hover ul {
  width: 215px;
  border: #923a93 2px solid;
}
#wsNavLeft ul li ul li {
  border-bottom: rgba(255, 255, 255, .8) 1px dotted;
  background-color: #be84d6;
  white-space: nowrap;
}
#wsNavLeft ul li ul li:hover {
  background-color: #ffbbff;
}
#wsNavLeft ul li ul a {
  color: #fff;
  padding: 6px 0;
  background-image: none;
  display: block;
  text-indent: 6px;
  margin: 0;
  border-top: none;
  border-bottom: none;
}
#wsNavLeft ul ul a:hover {
  color: #8d0094;
}
#wsNavLeft ul ul a:active {
  color: #ff007a;
}



/* Workshop Right Sidebar Links */

#wsRtSideMain { width: 160px; border: #fd9903 solid 2px; margin: 165px 0 0 0; padding: 0; font-size: 0.75em; color: #fff; background-color: #fd9903; }

#wsRtSideMain h2 { display: block; height: 45px; background: url(../images/workshops/ws_bringkagan_side_header.png) no-repeat -9px 0; text-indent: -9999px; }
#wsRtSideMain p { padding: 0 10px 10px 10px; }
#wsRtSideMain a { color: #fff200; text-decoration: none; font-weight: bold; }
#wsRtSideMain a:hover { border-bottom: #800097 1px dotted; color: #800097; }
#wsRtSideMainBtm { width: 100%; height: 20px; margin: 0; padding: 0; background: url(../images/workshops/ws_sidebar_rt_btm.png) no-repeat 0 0; }
#wsRtSideMain hr { height: 0; margin: 0 10px 10px 10px; border-bottom: #fff 1px solid; border-top: #d47f00 1px solid; }



/* Events */

#wsContent.soeHeader { background: url(../images/workshops/ws-header-workshops.png) 0 0 no-repeat; width: 720px; margin-left: 215px; height: 1%; }
#wsContent.soeHeader h1 { height: 114px; }
#wsContent.soeHeader h2 { font-size: 1.2em; color: #ee008c; margin: 3px auto 21px 47px; }

#wsContent.isoeHeader { background: url(../images/workshops/ws-header-int-workshops.png) 0 0 no-repeat; width: 720px; margin-left: 215px; height: 1%; }
#wsContent.isoeHeader h1 { height: 126px; }
#wsContent.isoeHeader h2 { font-size: 1.2em; color: #909; margin: 30px auto 20px 32px; }
#wsContent.isoeHeader table#franchises a:hover { border:none; opacity:.70; filter: alpha(opacity=70); -moz-opacity: 0.70; cursor:pointer; }

#Content.workshop div.soeLinkBox { width: 305px; border: #ba84bd 1px solid; display: inline; float: left; margin: 0 0 12px 12px; padding: 8px 8px 2px 8px; 
background: rgba(254, 243, 255, 0.7) !important; background: rgb(254, 248, 255); 
  	     -o-border-radius: 10px; /* Opera */
 	  -icab-border-radius: 10px; /* iCab */
  	 -khtml-border-radius: 10px; /* Konqueror */
  	   -moz-border-radius: 10px; /* Firefox */
  	-webkit-border-radius: 10px; /* Safari */
    border-radius: 10px; /* CSS 3 */
}
#Content.workshop div.soeLinkBox h4 { font-size: 1.1em; color: #0086d6; margin-bottom: 2px; border-bottom-style: dotted; }
#Content.workshop div.soeLinkBox p { font-size: 0.75em; line-height: 1.5em; color: #333; margin: 0 0 5px 123px; padding: 0; }
#Content.workshop div.soeLinkBox img { margin-right: 5px; border: 0; float: left; }
#Content.workshop div.soeLinkBox form select { background-color: #ba84bd; color: #fff; margin: 5px 0 0 0; }

#Content.workshop div.long { width: 628px; margin-left: 30px; padding-left: 20px;
}
#Content.workshop div.long p { margin-left: 73px;
}


/** Schedule of Events **/

#wsEventTable { width: 100%; margin: 15px 0; border: solid #72bdf2 3px; border-radius: 10px; background-size: contain; }
#wsEventTable h3 { text-indent: -9999px; width: 720px; height: 55px; margin: 0; background-size: contain; }
#wsEventTable h3.soeHeader { max-width: 235px; background: url(../images/workshops/ws-soe-table-header.png) 0 0 no-repeat; background-size: contain; }
#wsEventTable h3.gradTable { background: url(../images/workshops/ws-grad-table-top.png) 0 0 no-repeat; }
#wsEventTable h3.confTable { background: url(../images/workshops/ws-conf-table-top.png) 0 0 no-repeat; }
#wsEventTable h3.intconfTable { background: url(../images/workshops/ws-conf-int-table-top.png) 0 0 no-repeat; }
#wsEventTable small { font-size: 0.7em; margin-left: 30px; color: #436db2; display: block; }
#wsEventTable hr.dotted { border-top: #923a93 1px dotted; }
#wsEventTable #filterSection { margin: 0 12px 0 10px; display: none; }
#wsEventTable #filterSectionData { color: #436db2; margin: 12px 0 12px 32px; font-size: 0.9em; }
#wsEventTable #filterSection select { border: 1px solid #436db2; }
#wsEventTable a { color: #ff007a; }
#wsEventTable a:hover { text-decoration: underline; border-bottom: none; color:#bb1ebd; }

#wsEventTable table { width: 100%; line-height: 1.1em; text-align: left; }
#wsEventTable table tr { background-color: #fff; }
#wsEventTable table tr.row2 { background-color: #d6ecff; }
#wsEventTable table tr:hover { background-color: #faf6c5; }
#wsEventTable table tr:hover .row2 { background-color: #faf6c5; }
#wsEventTable table th { border-top: #923a93 1px dotted; border-right: #f7f9ff 1px solid; font: bold 0.5em Georgia, "Times New Roman", serif; letter-spacing: 1px; text-transform: uppercase; color: #3e007d; padding: 7px 10px 5px 10px; margin-right: 1px; background-color: #f7f9ff; }
#wsEventTable table td { padding: 4px 10px; font: normal 0.6em Verdana, Arial, sans-serif; border-bottom: #923a93 1px dotted; border-right: #f7f9ff 1px solid; }
#wsEventTable table td.academy {
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	background-color:#350665;
	padding:0px;
	text-shadow: 0.1em 0.1em 0 #000;
}
#wsEventTable table td.saAcademy {
	height: 74px;
	background-image: url(../images/workshops/summer/2019/sa-link.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	padding: 0;
}
#wsEventTable table td.saAcademy:hover { background-position: 0 -74px;
}
#wsEventTable table td.state {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	border-bottom: 1px solid #923a93;
	background-color: #c376c4;
	border-right-style: none;
	text-shadow: 0.1em 0.1em 0 #714572;
}
#wsEventTable table td.state b {
	font-size: 0.8em;
	color: #fefe85;
}

#wsEventTable table td.city {
	font-weight: bold;
	font-size: 0.75em;
	color: #822e83;
}
#wsEventTable table td.date { font-weight: bold; font-size: 0.6em; }
#wsEventTable .price { color: #940080; font-weight: normal; }
#wsEventTable table td.register { font-weight: bold; color: #fff; border-bottom: #923a93 1px solid; border-top: #923a93 1px solid; background-color: #b87fb9; text-align: right; padding-right: 15px; }
#wsEventTable table td.register a { color: #ff0; }
#wsEventTable table td.topic { text-align: center; }
#wsEventTable table td.divide { height: 10px; border: none; }
#wsEventTable .whitespace { color: #FFF; }
#wsEventTable tr.hidden { display: none; }
#wsEventTable tr:not(.visible):not(.hidden):nth-of-type(odd),
#wsEventTable tr.js-striped {  
  background-color: #d6ecff;
}
#wsEventTable strong {
    font-size: 1.25em;
}
#wsEventTable .days {
    font-size: .9em;
	color:#1e9fa7;
}
#wsEventTable .soldout {
	color: #2e3192;
	font-weight: bold;
	font-size: 1.1em;
}


#wsDescription { width: 720px; margin: 0 0 0 218px; padding: 0 0 20px 0; }

#wsDescription.givesBack { background: url(../images/workshops/ws-header-kagan-givesBack.png) 0 0 no-repeat; padding-top: 163px; }
#wsDescription.givesBack h1 { display: none; }

#wsDescription h1 { background: url(../images/workshops/ws-header-kagan-workshops2.png) 0 0 no-repeat; width: 720px; height: 142px; text-indent: -9999px; margin: 0; }
#wsDescription.regMultiple h1 { background: url(../images/workshops/ws-header-regMultiple.png) 0 0 no-repeat; width: 720px; height: 152px; text-indent: -9999px; margin: 0; }
#wsDescription h1.gradHeader { background: url(../images/workshops/ws-header-grad-courses.png) 0 0 no-repeat; width: 720px; height: 152px; text-indent: -9999px; margin: 0; }
#wsDescription h1.regFreeAdmin { background: url(../images/workshops/ws-header-regFreeAdmin.png) 0 0 no-repeat; width: 720px; height: 152px; text-indent: -9999px; margin: 0; }

#wsDescription h2 {
	font: bold 1.8em "Trebuchet MS", sans-serif;
	color: #000;
	padding: 0;
	text-align: center;
	margin: 0 auto 2px auto;
}
#wsDescription h2.subhead {
    margin: 0;
    font-size: 1.4em;
    height: 20px;
    line-height: 1.0em;
    color: #00a1ab;
}
#wsDescription .preReq {
	font-size: 14px;
	margin: 0;
	padding: 0;
	color: #ee008c;
	text-align:center;
	text-transform:none;
	letter-spacing:normal;
	line-height: 1.5em;
}

#wsDescription p.first:first-letter {
	float: left;
	margin: .1em 0.12em 0 0;
	font: normal 40px/0.8em Georgia, "Times New Roman", Times, serif;
	color: #00a1ab;
}
#wsDescription p.first { margin-left:15px; }
#wsDescription .days {
	color: #999;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
}
#wsDescription h3 { height: 50px; text-indent: -9999px; margin: 10px 0 5px 0; display: block; }
#wsDescription h3.learn { background: url(../images/workshops/ws-you-will-learn-trans.png) 20px 6px no-repeat; }
#wsDescription h3.getcredit { background: url(../images/workshops/ws-getcredit-trans.png) 20px 6px no-repeat; }
#wsDescription h3.regInfo { background: url(../images/workshops/ws-reginfo-trans.png) 20px 6px no-repeat; }

#wsDescription .wsEventInfo h3.highlights { background: url(../images/workshops/ws-highlights-trans.png) 20px 6px no-repeat; }
#wsDescription .wsEventInfo h3.receive { background: url(../images/workshops/ws-you-will-receive-trans.png) 20px 6px no-repeat; }
#wsDescription .wsEventInfo h3.discount { background: url(../images/workshops/ws-discount-package-trans.png) 20px 6px no-repeat; }
#wsDescription .wsEventInfo h3.partRave { background: url(../images/workshops/ws-participants-rave-trans.png) 20px 6px no-repeat; }

h3.adminsRave { background: url(../images/workshops/ws-standardEvent-adminRave.png) 20px 6px no-repeat; }

#wsDescription .wsEventInfo h3.raves { background: url(/images/workshops/ws-ravereviews-trans.png) 20px 6px no-repeat; }
#wsDescription .wsEventInfo h3.moreinfo { background: url(../images/workshops/ws-more-info-trans.png)  20px 6px no-repeat; }
#wsDescription .wsEventInfo h3.reqMats { background: url(../images/workshops/ws-required-mats-trans.png) 20px 6px no-repeat; }
#wsDetails h3.howToRegister { background: url(../images/workshops/ws-standardEvent-howToRegister.png) 0 0 no-repeat; }
#wsDetails h3.adminFree { background: url(../images/workshops/ws-standardEvent-adminFree.png) 20px 0 no-repeat; margin-left: 0; }

#wsDescription .wsEventInfo h4 { margin: 0 auto 3px 20px; color: #005996; border-bottom: #40008a 1px dotted; padding: 0 0 3px 0; font-size: 0.9em; text-transform: uppercase; }
#wsDescription h5 { font-size: 0.9em; margin: 15px auto 8px 30px; color: #662c91; background: #fff; width: 85%; padding: 2px 10px; }
#wsDescription h5.level {
    padding: 4px 5px;
    font: normal 12px "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
    background: url(../images/workshops/ws-host-h5-bg.png) 0 0 repeat-y;
    color: #fff;
    margin: 0 auto 10px 15px;
    background-color: #cadbfe;
    border-bottom: #4852b5 1px dotted;
    display: block;
    width: 93%;
}
#wsDescription h6 { font: bold 1.3em/1.3em em "Trebuchet MS", sans-serif; color: #000; margin: 0 30px 2px 20px; padding: 0; text-align: center; }
#wsDescription p { font-size: 0.8em; line-height: 1.7em; color: #333; margin: 5px 20px 15px 40px;
}

#wsDescription span.locDat {
	display: block;
	padding: 0;
	line-height: 1.3;
	color: #555;
	text-align: center;
	font-family: Georgia, serif;
	font-size: 1.4em;
	font-style: italic;
	font-weight: bold;
	margin: 0 auto 0 auto;
}
#wsDescription p.locDate {
	display: block;
	padding: 0;
	line-height: 1.3em;
	color: #555;
	text-align: center;
	font-family: Georgia, serif;
	font-size: 1.1em;
	font-style: italic;
	font-weight: bold;
	margin: 5px auto 0 auto;
}
#wsDescription span.multDates {
	display: block;
	margin: 0;
	padding: 0;
	line-height: 1.5;
	color: #8B8B8B;
	text-align: center;
	font-family: Georgia, serif;
	font-size: 1.1em;
	font-style: italic;
	font-weight: bold;
}
#wsDescription span.level {
	font: normal 0.6em Arial, sans-serif;
	color: #777;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	display: block;
	margin: 0;
	padding: 0 0 5px 0;
	line-height: normal;
	text-align: center;
}
#wsDescription p.call {
	color: #00a1ab;
	display: block;
	line-height: 1.1em;
	text-align: center;
	font-family: "Trebuchet MS", sans-serif;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 1.1em;
}
#wsDescription span.prereq { font: italic bold normal .9em/0 Arial, sans-serif; color: #ec008c; text-transform: uppercase; letter-spacing: 0.3em; display: block; margin: 0; padding: 0 0 10px 0; text-align: center;  }
#wsDescription span.headernote { font: italic bold 1.3em/0 Georgia, serif; display: block; margin: 0; padding: 6px 0 0; color: #FF007A; text-align: center; }

#wsDescription p.quote { font: bold italic 0.8em/1.5em Georgia, serif; margin: 10px 50px 2px 50px; padding: 0; color: #005996; }
#wsDescription p.source { font-size: 0.6em; letter-spacing: 0.2em; text-transform: uppercase; color: #666; margin: 0 50px 20px 50px; padding: 0;  }

#wsDescription q { font: bold italic 0.8em/1.5em Georgia, serif; margin: 10px 50px 20px 50px; padding: 0; color: #005996; } /* Phase out p.quote for this one */
#wsDescription .source { font-size: 0.6em; letter-spacing: 0.2em; text-transform: uppercase; color: #666; margin-left: 50px; padding: 0; } /* Phase out p.source for this one */


#wsDescription img.participantPhoto {
    float: right;
    margin: 68px 15px 10px 15px;
	width: 210px;
	height: 160px;
}
#wsDescription a#MoreLessLink { font-size: .7em; margin: 10px 50px 2px 50px; }
a.viewDPInfo {
	background-color: var(--teal);
	color: white;
}
a.viewDPInfo strong {
	color: var(--yellow);
}
#wsDescription a.freeMaterials {
	background-image: url(/images/workshops/ws-standardEvent-viewMaterials.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	display: block;
	height: 31px;
	width: 215px;
	margin: 0 0 0 50px;
}
#wsDescription a.freeMaterials:hover { background-position: 0 -31px;
}
#wsDescription ul, ol { margin: 10px; }
#wsDescription li { font-size: 0.8em; line-height: 1.4em; margin: 4px 59px; }
#wsDescription ul { list-style: url(/images/fp_links_bullet_2.gif) outside !important; }
#wsDescription ol { list-style: decimal outside; }
#wsDescription a { color: #ff007a; }
#wsDescription a:hover { color: #ff007a; text-decoration: underline; border-bottom: none; }
#wsDescription blockquote { margin: 15px 15px 15px 0; padding: 0; float: right; display: inline; width: 165px; }
#wsDescription blockquote.wide { margin: 15px 15px 15px 0; padding: 0; float: right; display: inline; width: 210px; }
#wsDescription blockquote p { margin: 0 0 0 20px; padding: 0; }
#wsDescription a#needCredit {
	background-image: url(../images/workshops/ws-button-needCredit.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	height: 30px;
	width: 97px;
	text-indent: -9999px;
	margin: 10px auto 0 auto;
}
#wsDescription a#needCredit:hover { background-position: 0 -30px; }

#wsDescription div.wsEventInfo { border: #8c008d 1px solid; padding: 0 0 10px 0; background: url(../images/workshops/ws-detail-box-bg-grad.png) 0 0 repeat-x #feefff; margin: 20px 10px 10px 15px; 
  	     -o-border-radius: 15px; /* Opera */
 	  -icab-border-radius: 15px; /* iCab */
  	 -khtml-border-radius: 15px; /* Konqueror */
  	   -moz-border-radius: 15px; /* Firefox */
  	-webkit-border-radius: 15px; /* Safari */
    border-radius: 15px; /* CSS 3 */
}


/** Registration Box Featuring a bonus materials Pop-Up **/

#wsRegBox {
	width: 540px;
	margin: 20px auto 20px 0;
	display: block;
	padding: 0 0 15px 0;
	text-align: center;
	background: url(/images/workshops/ws-reg-online-box-btm.png) left bottom no-repeat;
}
#wsRegBox h5 {
	background: url(/images/workshops/ws-reg-online-box-top.png) 0 0 no-repeat;
	display: block;
	height: 65px;
	width: 541px;
	margin: 0;
	padding: 0;
	border-bottom: none;
	text-indent: -9999px;
}
#wsRegBox form {
	width: 450px;
	height: 130px;
	display: block;
	background-color: #fff;
	padding: 0;
	position: relative;
	border-bottom: #40008a 1px dotted;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#wsRegBox form:hover {
	background-color: #ffe;
}
#wsRegBox form ul {
	margin: 0;
	padding: 0;
}
#wsRegBox form li {
	display: inline;
	margin: 0;
	padding: 0;
	position: absolute;
}
#wsRegBox form li.wsRadbutton {
	width: 30px;
	height: 21px;
	top: 9px;
	left: 40px;
}
#wsRegBox form li.sdpRadbutton {
	width: 30px;
	height: 21px;
	top: 45px;
	left: 40px;
}
#wsRegBox form li.wsFee {
	width: 200px;
	height: 21px;
	top: 18px;
	left: 50px;
	text-align: left;
	font-weight: bold;
	font-size: 0.95em;
	color: #333;
}
#wsRegBox form li.wsSdp {
	width: 294px;
	height: 21px;
	top: 49px;
	left: 50px;
	text-align: left;
	font-weight: bold;
	font-size: 0.95em;
	color: #333;
}
#wsRegBox form li.gradSdp {
	background: url(/images/workshops/ws-grad-dp-header-trans.png) 0 0 no-repeat;
	width: 219px;
	height: 21px;
	top: 9px;
	left: 20px;
	text-indent: -9999px;
}
#wsRegBox form li.gradOnly {
	background: url(/images/workshops/ws-grad-only-header-trans.png) 0 0 no-repeat;
	width: 116px;
	height: 21px;
	top: 9px;
	left: 20px;
	text-indent: -9999px;
}
#wsRegBox form li.wsGrad-nc {
	background: url(/images/workshops/ws-gradcredit-header-trans.png) 0 0 no-repeat;
	width: 152px;
	height: 21px;
	top: 9px;
	left: 30px;
	text-indent: -9999px;
	margin-left: 80px;
}
#wsRegBox form li.wsGrad-c {
	background: url(/images/workshops/ws-gradcreditnocredit-header-trans.png) 0 0 no-repeat;
	width: 152px;
	height: 21px;
	top: 9px;
	left: 30px;
	text-indent: -9999px;
	margin-left: 80px;
}
#wsRegBox form li.wsGrad-shortbox {
	background: url(/images/workshops/ws-gradcreditnocredit-header-trans.png) 0 0 no-repeat;
	width: 80px;
	height: 21px;
	top: 9px;
	left: 30px;
	text-indent: -9999px;
	margin-left: 150px;
}
#wsRegBox form li.wsprice {
	font: bold 1em Verdana, sans-serif;
	width: 40px;
	top: 20px;
	left: 365px;
}
#wsRegBox form li.sdpprice {
	font: bold 1em Verdana, sans-serif;
	width: 40px;
	top: 49px;
	left: 365px;
}
#wsRegBox form li.materialfee {
	font: .85em Verdana, sans-serif;
	width: 140px;
	top: 11px;
	left: 365px;
	list-style-image: none;
	text-align: left;
}
#wsRegBox form li.clickreg {
	width: 135px;
	height: 49px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 83px;
}
#wsRegBox form.options {
	/* For Multiple Registration Options */
	min-height: 145px;
	width: 410px;
	display: block;
	background-color: #fff;
	padding: 0;
	position: relative;
	font-size: 0.9em;
	line-height: .6em;
	color: #666;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#wsRegBox form.options strong { color: #e00202;
}

#wsRegBox form.options input[type=image] { margin-left: 25px;
}
#wsRegBox #regOne {
	display:block;
	width: 135px;
	height: 30px;
	background-image: url(/images/workshops/ws-register-one.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	background-color:transparent;
}
#wsRegBox #regOne:hover { background-position: -135px 0; cursor: pointer;
}

b.grad { color: #ad1fad; font-size: 1.1em;
}
b.inst { color: #ee008c;  font-size: 1.1em;
}
em.shrink { font-size: .8em;
}
#downloadForm p { margin: 0;
}

#wsDescription td.tbbrdr {
	background-color: #FFF;
	margin: 0;
	border-bottom: #40008a 1px dotted;
	border-top: #40008a 1px dotted;
	height: 40px;
	padding-top: 0;
	padding-bottom: 0;
}
#wsDescription td.tbbrdr:hover {
	background-color: #ffe;
}
#wsDescription td.bbrdr {
	background-color: #FFF;
	margin: 0;
	border-bottom: #40008a 1px dotted;
	height: 40px;
	padding-top: 0;
	padding-bottom: 0;
}
#wsDescription td.bbrdr:hover {
	background-color: #ffe;
}

#wsEventDetail {
	width: 670px;
	height: 25px;
	border-top: #40008a 1px dotted;
	border-bottom: #40008a 1px dotted;
	padding: 2px 0;
	margin: 5px 5px 15px 25px;
	background-color: #eeefff;
	background-image: url(../images/angle-bg-light-blue.gif);
	background-repeat: repeat;
}
#wsEventDetail ul { list-style: none; margin: 0; padding: 0; }
#wsEventDetail li { float: left; display: inline; margin: 0 2px; padding: 2px 0 0 0; width: 205px; font-size: 9px; vertical-align: bottom; }
#wsEventDetail li img { margin: 0 5px; }


#wsGradDesc { margin: 20px 0; width: 95%; }
#wsGradDesc h2 { font: normal 2em "Trebuchet MS", "Lucida Grande", sans-serif; margin: 25px 0 10px 0; color: #0086d6; padding: 10px; border-top: #999 1px dotted; border-bottom: #999 1px dotted; background: rgb(254, 248, 255); }
#wsGradDesc h5 { font-size: 1.1em; margin: 15px; text-indent: -9999px; width: 200px; height: 40px; }
#wsGradDesc h5.learn { background: url(../images/workshops/ws-you-will-learn.png) 0 0 no-repeat; }
#wsGradDesc h5.receive { background: url(../images/workshops/ws-you-will-receive.png) 0 0 no-repeat; }
#wsGradDesc h6 { font-size: 0.9em; margin: 15px auto 0 42px; color: #662c91; border-bottom: #999 1px dotted; width: 75%; padding-bottom: 5px; }
#wsGradDesc p { margin: 5px 30px 5px 15px; color: #666; font-size: 0.85em; }
#wsGradDesc ul { margin: 5px 60px 10px 60px; }
#wsGradDesc ul.receive { padding: 12px; background-color: #d6ecff; margin-left: 30px;
  	     -o-border-radius: 10px; /* Opera */
 	  -icab-border-radius: 10px; /* iCab */
  	 -khtml-border-radius: 10px; /* Konqueror */
  	   -moz-border-radius: 10px; /* Firefox */
  	-webkit-border-radius: 10px; /* Safari */
    border-radius: 10px; /* CSS 3 */
}
#wsGradDesc ul.receive li { margin-left: 20px; }
#wsGradDesc li { font-size: 0.9em; font-weight: normal; line-height: 1.6em; }


/** Model School **/
 
.modelSchoolBox { border: #000000 2px solid; margin: 20px; padding: 20px; overflow: auto; border-radius: 15px; }
.modelSchoolBox h2 { color: #d4007d !important; }
p.first:first-letter {
	float: left;
	margin: .2em 0.12em 0 0;
	font: normal 35px/0.8em Georgia, "Times New Roman", Times, serif;
	color: #d4007d;
}	
.modelSchoolBox ul { margin: 0; }
.modelSchoolBox ul li { font-size: 0.8em; margin: 8px 0 8px 12px; line-height: 1.3rem !important; color: #444; list-style: none; text-indent: -1rem; }
.modelSchoolBox ul.teal li { color: #007d85; }
.modelSchoolBox ul.teal li::before { 
  background-image: url("../images/star_bullet-teal-upright.svg");   
}
.modelSchoolBox ul li::before { 
  content: '';
  display: inline-block;
  height: 10px;
  width: 10px;
  background-size: 10px;
  background-image: url("../images/star_bullet-magenta-upright.svg");
  background-repeat: no-repeat;
  margin-right: 5px;    
}
.modelSchoolBox ul li ul li::before { 
  background-image: url("../images/star_bullet-teal-upright.svg");   
}
.modelSchoolBox li .noColor { color: #333; }
.modelSchoolBox.pink { background-color: #fff0f8; border-color: #f1d0e0; }
.modelSchoolBox.yellow { background-color: #fffcd9; border-color: #f3eeb8; }
.modelSchoolBox.blue { background-color: #d9f5ff; border-color: #b2e0f1; }

#wsModelBox { background-color: #fdf; border: #00a1b1 1px solid; margin: 20px; padding: 20px; overflow: auto; }
#wsModelBox h2 { color: #923a93; background-color: #fff; padding: 5px 10px; font-family: "Trebuchet MS", "Lucida Grande", sans-serif; }
#wsModelBox ol { list-style: outside decimal; margin: 20px 15px 15px 30px; }
#wsModelBox li { font-size: 0.8em; margin: 8px 0 8px 12px; line-height: 1.6em; font-weight: bold; color: #444; }

/* Workshop Descriptions - Programs */
/* Orginal Static Version */
/* Remove when new responive descriptions go live */

#wsPrograms { width: 720px; margin: 0 0 20px 225px; }
#wsPrograms h1 { background: url(../images/workshops/ws-header-kagan-workshops.png) 0 0 no-repeat; width: 720px; height: 152px; text-indent: -9999px; }
#wsPrograms h2 { font: bold 1.8em "Trebuchet MS", sans-serif; color: #212121; margin: 5px 30px 2px 30px; padding: 0; }
#wsPrograms h3 { font: bold 1.3em "Trebuchet MS", sans-serif; color: #00a1b1; margin: 0 30px 20px 30px; padding: 0; }
#wsPrograms h4 { width: 300px; height: 43px; text-indent: -9999px; margin: 30px auto 10px 30px; padding: 0; border-bottom: dotted #8d339b 2px }
#wsPrograms h4.learn { background: url(../images/workshops/ws-you-will-learn.png) 0 0 no-repeat; }
#wsPrograms h4.wsdescription { background: url(../images/workshops/ws-workshop-description.png) 0 0 no-repeat; }
#wsPrograms h4.register { background: url(../images/workshops/ws-register-today.png) 0 0 no-repeat; }
#wsPrograms h4.highlights { background: url(../images/workshops/ws-highlights-trans.png) 0 0 no-repeat; }
#wsPrograms h4.raves { background: url(../images/workshops/ws-ravereviews-trans.png) 0 0 no-repeat; margin-top: 20px; }
#wsPrograms h5.grades { font-size: 0.9em; color:#999; margin: 0 30px; }
#wsPrograms h5.level {
	padding: 4px 5px;
	font: normal 12px "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
	background: url(../images/workshops/ws-host-h5-bg.png) 0 0 repeat-y;
	color: #fff;
	margin: 0 auto 10px 15px;
	background-color: #cadbfe;
	border-bottom: #4852b5 1px dotted;
	display: block; width:60%;
	clear:left;
}
#wsPrograms ul { margin: 10px; }
#wsPrograms li { font-size: 0.85em; line-height: 1.6em; list-style: url(../images/fp_links_bullet_2.gif) outside; margin: 4px 59px; }
#wsPrograms p { line-height: 1.7em; color: #333; margin: 5px 60px 15px 40px; }
#wsPrograms .formats { font-size: 0.8em; color:#999; }

#wsPrograms a#MoreLessLink { font-size: .7em; margin: 10px 50px 20px 5px; color:#ee008c; }
#wsPrograms a#MoreLessLink:hover { color:#00a1ab; }

#wsPrograms .Ravedisplay {
	width: 100%;
	display: block;
	margin-left: 50px;
	padding-bottom: 20px;
}
#wsPrograms .Ravedisplay p.quote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	color: #35a1dd;
	margin-left: 5px;
	display: block;
	margin-bottom: 10px;
}
#wsPrograms .Ravedisplay .source {
    font-size: 0.8em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #666;
    margin: -8px 50px 18px 10px;
    padding: 0;
    line-height: 1.3em;
}
#wsPrograms #wsBringKSide {
	width: 230px;
	float: right;
	background-image: url(../images/workshops/ws-bringKbox-m.png);
	background-repeat: repeat-y;
	padding: 0;
	clear: right;
	border: none;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 20px;
}
#wsPrograms #wsBringKSide h3 {
	background-repeat: no-repeat;
	height: 293px;
	width: 230px;
	text-indent: -90000px;
	margin: 0 0 10px 0;
	padding:0px;
	background-position: 0 0;
	border: none;
}
#wsPrograms #wsBringKSide p {
	color: #000;
	margin: 0 15px 15px 15px;
}
#wsPrograms #wsBringKSide a {
	color: #ff007a;
}
#wsPrograms #wsBringKSide a:hover {
	border-bottom: #ff007a 1px dotted;
}
#wsPrograms #wsBringKSide  a.submit {
	display:block;
	margin: 10px auto;
	height: 21px;
	width: 105px;
	background-image: url(../images/video/submitButton.png);
	background-position: 0 0;
	text-indent: -9999px;
	border: none;
	background-color:transparent;
	background-repeat: no-repeat;
}
#wsPrograms #wsBringKSide a.submit:hover { background-position: 0 -21px; }


#wsPrograms a.button {
  display: flex;
  width: max-content;
  border-radius: 10px;
  border: none;
  margin: 3px 0 5px 0;
  padding: 2px 8px;
  text-align: center;
  font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  font-size: .95em;
  color: #fff !important;
  background-color: #864599;
  font-weight: bold;
  transition: .1s;
}
#wsPrograms a.button:hover {
  background-color: #e8ee46;
  color: #fff !important;
  border: none !important;
}
#wsPrograms a.center {
	margin: 0 auto;
}
#wsPrograms a.ml-30 {
	margin-left: 30px;
}
#wsPrograms a.mb-10 {
	margin-bottom: 10px ;
}


/* Workshop Descriptions - Programs */
/* New Responsive Version */


#Content.wsPrograms .descriptionBox {
    grid-column: 1 / -1;
    grid-row: 1;
}
#Content.wsPrograms .reviewsBox {
    grid-column: 1 / -1;
    grid-row: 2;
}
#Content.wsPrograms .adBox {
    grid-column: 1 / -1;
    grid-row: 3;
}

@media screen and (min-width:600px) {
    
 #Content.wsPrograms .descriptionBox {
    grid-column: 1 / span 8;
     grid-row: 1 / span 1;
}  
    
#Content.wsPrograms .adBox { 
    grid-column: 9 / span 4;
    grid-row: 1 / span 1 ;
    }
}




#Content.wsPrograms { width: 100%; }

#Content.wsPrograms header {
    width: 100%;
}
#Content.wsPrograms header img {
    width: 100%;
    height: auto;
}

#Content.wsPrograms header h1 { position: absolute; top: 0; left: -9999px; }
#Content.wsPrograms h2 { font: bold 1.8em "Trebuchet MS", sans-serif; color: #212121; margin: 5px 15px 2px 15px; padding: 0; }
#Content.wsPrograms h3 { font: bold 1.3em "Trebuchet MS", sans-serif; color: #00a1b1; margin: 0 15px 15px 15px; padding: 0; }
#Content.wsPrograms h4 { width: 95%; height: 43px; text-indent: -9999px; margin: 10px auto 10px 15px; padding: 0; border-bottom: dotted #8d339b 2px }
#Content.wsPrograms h4.learn { background: url(../images/workshops/ws-you-will-learn.png) 0 0 no-repeat; }
#Content.wsPrograms h4.wsdescription { background: url(../images/workshops/ws-workshop-description.png) 0 0 no-repeat; }
#Content.wsPrograms h4.register { background: url(../images/workshops/ws-register-today.png) 0 0 no-repeat; }
#Content.wsPrograms h4.highlights { background: url(../images/workshops/ws-highlights-trans.png) 0 0 no-repeat; }
#Content.wsPrograms h4.raves { background: url(../images/workshops/ws-ravereviews-trans.png) 0 0 no-repeat; margin-top: 10px; }
#Content.wsPrograms h5.grades { font-size: 0.9em; color:#999; margin: 0 15px; }
#Content.wsPrograms h5.level {
	padding: 4px 5px;
	font: normal 12px "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
	background: url(../images/workshops/ws-host-h5-bg.png) 0 0 repeat-y;
	color: #fff;
	margin: 0 auto 10px 15px;
	background-color: #cadbfe;
	border-bottom: #4852b5 1px dotted;
	display: block; width:95%;
	clear:left;
}
#Content.wsPrograms ul { margin: 0 0 0 10px; }
#Content.wsPrograms li { line-height: 1.6em; list-style: url(../images/fp_links_bullet_2.gif) outside; margin-bottom: 4px 12px; }
#Content.wsPrograms p { line-height: 1.7em; color: #333; margin: 15px; }
#Content.wsPrograms .formats { font-size: 0.8em; color:#999; }
#Content.wsPrograms .formats-small { font-size: 0.8em; color:#999; }

#Content.wsPrograms a#MoreLessLink { font-size: .7em; margin: 10px 50px 20px 5px; color:#ee008c; }
#Content.wsPrograms a#MoreLessLink:hover { color:#00a1ab; }

#Content.wsPrograms #raveReviews {
	display: block;
	margin-left: 15px;
	padding-bottom: 20px;
}
#Content.wsPrograms #raveReviews p.quote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	color: #35a1dd;
	margin-left: 5px;
	display: block;
	margin-bottom: 10px;
}
#Content.wsPrograms #raveReviews .source {
    font-size: 0.8em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #666;
    margin: -8px 50px 18px 10px;
    padding: 0;
    line-height: 1.3em;
}

/* Bring Kagan to your school or district ad */
#Content.wsPrograms #wsBringKaganAd {
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
	width: auto;
    border-radius: 10px;
    padding: 7px;
    background-color: #1390fa;
    align-items: stretch;
    overflow: auto;
}
#Content.wsPrograms #wsBringKaganAd .contentBox {
    display: block;
    padding: 10px;
    background: linear-gradient(180deg, rgba(19,144,250,1)0%, rgba(118,190,234,1)10%, rgba(255,255,255,1)30%);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}


#Content.wsPrograms #wsBringKaganAd #wsPhotoContainer {
    display: block;
    padding-top: 80%;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

@media screen and (min-width:850px) {
    #Content.wsPrograms #wsBringKaganAd #wsPhotoContainer {
    padding-top: 80%;
}
}

#Content.wsPrograms #wsBringKaganAd .contentBox p {
    margin: 0 0 15px 0;
}

#Content.wsPrograms #wsBringKaganAd img {
    object-fit: contain;
    width: 100%;
    max-width: 230px;
    margin-top: 0 !important;
}
#Content.wsPrograms #wsBringKaganAd h3 {
    position: absolute;
    top: 0;
    left: -9999px;
}
#Content.wsPrograms #wsBringKaganAd p {
	color: #000;
	margin: 0 15px 15px 15px;
}
#Content.wsPrograms #wsBringKaganAd a {
	color: #ff007a;
}
#Content.wsPrograms #wsBringKaganAd a:hover {
	border-bottom: #ff007a 1px dotted;
}
#Content.wsPrograms #wsBringKaganAd  a.submit {
	display:block;
	margin: 10px auto;
	height: 21px;
	width: 105px;
	background-image: url(../images/video/submitButton.png);
	background-position: 0 0;
	text-indent: -9999px;
	border: none;
	background-color:transparent;
	background-repeat: no-repeat;
}
#Content.wsPrograms #wsBringKSide a.submit:hover { background-position: 0 -21px; }


#Content.wsPrograms a.button {
  display: flex;
  width: max-content;
  border-radius: 10px;
  border: none;
  margin: 3px 0 5px 0;
  padding: 2px 8px;
  text-align: center;
  font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  font-size: .95em;
  color: #fff !important;
  background-color: #864599;
  font-weight: bold;
  transition: .1s;
}
#Content.wsPrograms a.button:hover {
  background-color: #e8ee46;
  color: #fff !important;
  border: none !important;
}
#Content.wsPrograms a.center {
	margin: 0 auto;
}
#Content.wsPrograms a.ml-30 {
	margin-left: 30px;
}
#Content.wsPrograms a.mb-10 {
	margin-bottom: 10px ;
}


/* Trainers */

#wsTrainers { width: 720px; margin: 0 0 20px 225px; position: relative; }
#wsTrainers h1 { background: url(../images/workshops/ws-header-trainers.png) 0 0 no-repeat; width: 720px; height: 152px; text-indent: -9999px; }
#wsTrainers h1.dyn { background: url(../images/workshops/ws-header-trainers2.png) 0 0 no-repeat; }
#wsTrainers h2 { height: 30px; text-indent: -9999px; width: 485px; border-bottom: #2d90cf 1px dotted; margin: 5px 0 10px 16px; padding: 0 0 3px 0; }
#wsTrainers h2.team { background: url(../images/workshops/ws-training-team.png) 0 0 no-repeat; }
#wsTrainers h2.meet { background: url(../images/workshops/ws-meet-your-trainer.png) 0 0 no-repeat; }
#wsTrainers h2.grad { background: url(../images/workshops/ws-graduate-trainers.png) 0 0 no-repeat; }
#wsTrainers h3 { color: #5d004f; font: bold 1.1em "Trebuchet MS", sans-serif; margin: 5px 17px 2px 17px; padding: 0; }
#wsTrainers h3.stack {
	color: #5d004f;
	margin: 5px 17px 2px 17px;
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1em;
	text-align: center;
}
#wsTrainers p { font-size: 0.8em; line-height: 1.7em; margin: 5px 10px 15px 18px; padding: 0; }
#wsTrainers ul { list-style: outside; }
#wsTrainers li {}
#wsTrainers a { color: #ff007a; border-bottom: #ff007a 1px dotted; }
#wsTrainers a:hover { color: #00adef; border-bottom: #00adef 1px dotted; }

#trainerNav { height: 65px; margin: 0; padding: 0; }
#trainerNav ul { width: 665px; margin: 3px 0 0 25px; padding: 0; list-style: none; display: block; }
#trainerNav li { float: left; display: inline; text-indent: -9999px; height: 43px; }
#trainerNav li a { background: url(../images/workshops/ws-trainers-top-nav.png) 0 0 no-repeat; height: 43px; display: block; border-bottom: none; }
#trainerNav li a:hover { border-bottom: none; }

#trainerNav li.ktt a { width: 186px; background-position: -58px 0; }
#trainerNav li.myt a { width: 157px; background-position: -244px 0; }
#trainerNav li.gi a { width: 191px; background-position: -401px 0; }

#trainerNav li.ktt2 a { width: 186px; background-position: -58px -43px; }
#trainerNav li.myt2 a { width: 157px; background-position: -244px -43px; }
#trainerNav li.gi2 a { width: 191px; background-position: -401px -43px; }

#trainerNav li.ktt3 a { width: 186px; background-position: -58px -86px; }
#trainerNav li.myt3 a { width: 157px; background-position: -244px -86px; }
#trainerNav li.gi3 a { width: 191px; background-position: -401px -86px; }

#trainerNav li.lft { width: 58px; height: 43px; background: url(../images/workshops/ws-trainers-top-nav.png) 0 0 no-repeat; }
#trainerNav li.rt { width: 73px; height: 43px; background: url(../images/workshops/ws-trainers-top-nav.png) -592px 0 no-repeat; }


#trainerSideNav { width: 175px; background: url(../images/workshops/ws-trainer-sidebar-bg.png) 0 0 no-repeat; float: right; margin: 10px -5px 20px 15px; }
#trainerSideNav h4 { color: #ff3700; margin: 10px 5px 5px 20px; font-size: 1em; }
#trainerSideNav p { margin: 0 0 10px 15px; line-height: 1.6em; }
#trainerSideNav ul { list-style: outside circle; margin: 0 0 0 20px; }
#trainerSideNav li { margin: 6px 0 6px 15px; font-size: 0.8em; color: #9ca9cf; text-indent: -3px; }
#trainerSideNav a { color: #9ca9cf; text-decoration: underline; border-bottom: none; }
#trainerSideNav a:hover { color: #2d90cf; border-bottom: none; }
#trainerSideNav br { display: block; margin: 20px 15px; padding: 1; line-height: 1; border-bottom: #2d90cf 1px dotted; width: 100%; }


/** Meet Your Trainers **/

#wsTrainers div.trainerBox, #wsTrainCert div.trainerBox, #Content.wsTrainCert div.trainerBox {
  display: block;
  width: 520px;
  padding: 15px 20px 2px 20px;
  margin: 15px 15px 0 10px;
  background-color: #ecf8fe;
  border: solid 5px #fff;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);
  border-radius: 10px;
  overflow: auto;
  box-sizing: border-box;
}
#wsTrainers div.trainerBox:nth-of-type(odd) {
    background-color: #f7f2ff;
}
#wsTrainers div.trainerBoxBtm { background: url(../images/workshops/ws-trainer-box-1-btm.png) 0 0 no-repeat; width: 520px; height: 17px; margin: 0 10px; padding: 0; }
#wsTrainers div.trainerBox img, #wsTrainCert div.trainerBox img { float: left; background-color: #fff; padding: 5px; border: #ccc 1px solid; margin: 5px 15px 10px 6px; }
#wsTrainers div.trainerBox p { font-size: 0.85em; line-height: 1.7em; margin-left:5px; }
#wsTrainers div.trainerBox q { font-weight: bold; color: #00595f; }
#wsTrainers div.trainerBox em  { display: block; font: italic Georgia, serif; color: #666; }



#wsTrainers div.trainerBox-sm, #intTrainers div.trainerBox, #Content div.trainerBox-sm, #Content div.trainerBox {
width: 165px;
height: auto;
margin: 15px 5px 0 5px;
border: solid 5px #fff;
border-radius: 10px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);
padding: 5px 10px 2px 10px;
background-color: #ecf8fe;
text-align: center;
box-sizing: border-box;
float: left;
min-height: 224px;
}

#wsTrainers div.trainerBox-sm img, #intTrainers div.trainerBox img, #Content div.trainerBox-sm img, #Content div.trainerBox img {
    display: block;
	background-color: #fff;
	padding: 5px;
	border: #ccc 1px solid;
	margin: 0 auto;
}
#wsTrainers div.trainerBox-sm a, #intTrainers div.trainerBox a, #Content div.trainerBox-sm a, #Content div.trainerBox a {
	font-size: .7em;
	line-height: .7em;
	text-align: center;
}
#wsTrainers div.trainerBox-sm p.city { font: bold italic 0.9em Georgia, serif; color:#777; padding: 0 10px 0 0; margin: 0; line-height: 1.4em; }


/* Headers */
 
#Content.workshop h1.intlHeader { background: url(../images/workshops/ws-header-ws-outside-us.png) 0 0 no-repeat !important; background-size: contain; width: 100%; padding-top: 18%; text-indent: -9999px; }
#Content.workshop h1.intlFranchise {
  display: block;
  background: url(../images/workshops/ws-header-intfranch.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  padding-top: 18%;
  text-indent: -9999px;
}

#Content.workshop h1.intlFranchiseOpps { background: url(../images/workshops/ws-header-intfranchopps.png) 0 0 no-repeat; background-size: contain; }
#Content.workshop h1.gradHeader { background: url(../images/workshops/ws-header-grad-courses.png) 0 0 no-repeat; background-size: contain;}
#Content.workshop h1.confHeader { background: url(../images/workshops/ws-header-conferences.png) 0 0 no-repeat; background-size: contain; }
#Content.workshop h1.wsModelSchool { background: url(../images/workshops/ws-header-model-school.png) 0 0 no-repeat; background-size: contain; }
#Content.workshop h1.coaching { background: url(../images/workshops/ws-header-model-school.png) 0 0 no-repeat; background-size: contain; }
#Content.workshop h1.wsSIP { background: url(../images/workshops/ws-header-improvement-plans.png) 0 0 no-repeat; background-size: contain; }

/* Host Content */

#Content.wsHost h2, #Content.wsHost h3 { margin: 25px 10px 10px 30px; font-family: "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif; }
#Content.wsHost h2 { font-size: 1.2em; color: #ba006f; }
#Content.wsHost h3 { font-size: 1.1em; color: #00a1b1; border-bottom: #00a1b1 1px solid; margin-top: 15px; }


#Content.wsHost h3, #Content.wsHost h4 { padding: 5px 0 5px 15px;; font: bold 16px "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif; color: #fff;  margin: 15px auto 0 15px; border-bottom: #4852b5 1px dotted; display: block; text-shadow: 0.1em 0.1em .2em #491734;
background: linear-gradient(90deg, rgba(163, 137, 209,1)10%, rgba(199, 175, 242,1)90%); border-top-left-radius: 10px; border-top-right-radius: 10px;
}


#Content.wsHost h5 { padding: 2px 5px; font: normal 12px "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif; background: url(../images/workshops/ws-host-h5-bg.png) 0 0 repeat-y; color: #fff;  margin: 0 auto 0 15px; background-color:#cadbfe; border-bottom: #4852b5 1px dotted; display: block; }
#Content.wsHost p { margin: 10px 30px; line-height: 1.6em; color: #444; }
#Content.wsHost p.first { margin-top: 0; }
#Content.wsHost p.first:first-letter { float: left; margin: 0 0.15em 0 0; font: normal 48px/0.8em Georgia, "Times New Roman", Times, serif; color: #4852b5; }
#Content.wsHost ul {
  list-style: url(../images/fp_links_bullet_1.gif) inside;
  width: 95% !important;
  margin: 10px auto 20px 0;
    border-radius: 15px;
    border: solid #fff 3px;
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, .1);
    overflow: hidden;
}
#Content.wsHost li {
  padding: 5px 10px 5px 20px;
  margin-left: 0;
  border: none;
  font-size: .9em;
  margin-bottom: auto;
  line-height: inherit !important;
}
#Content.wsHost li.header { padding: 5px 0 5px 15px;; font: bold 1.2em "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif; color: #fff; margin: 0; border-bottom: #4852b5 1px dotted; display: block; text-shadow: 0.1em 0.1em .2em #491734; background: linear-gradient(90deg, rgba(163, 137, 209,1)10%, rgba(199, 175, 242,1)90%); border-top-left-radius: 10px; border-top-right-radius: 10px;
}
#Content.wsHost li.header .plain { text-shadow: none; font-weight: normal; font-size: .8em;
}
#Content.wsHost ul.supportOptions li.header {
    background: linear-gradient(90deg, rgba(71, 113, 203,1)10%, rgba(177, 202, 256,1)90%) !important;
}
#Content.wsHost li .subt {
	color: #a77ec6;
	margin-left: 15px;
	font-size: 0.9em !important;
    display: block;
}
#Content.wsHost li.emphasize {
	background-color: #fffccc;
}
#Content.wsHost li .magenta {
	color: #ee008c;
}
#Content.wsHost li.odd { background-color: #fbe5fb; }
#Content.wsHost ul.supportOptions li.odd { background-color: #e3ebff; }
#Content.wsHost li:hover { background-color: #fffdd5 !important; }
#Content.wsHost a { color: #662c91; }
#Content.wsHost ul.supportOptions li a { color: #3859af; }
#Content.wsHost a:hover { color: #ff007a; }
#Content.wsHost a:visited { color: #662c91 !important; }
#Content.wsHost #wsHostSide {
  width: 100%;
  border: solid #a8228e 5px;
  border-radius: 10px;
}
#Content.wsHost #wsHostSide h2 {
  background: url(../images/workshops/host_side-t.png), linear-gradient(180deg, rgba(113, 13, 71, 1)10%, rgba(168, 34, 142, 1)90%);
  height: 80px;
  width: 100%;
  text-indent: -9999px;
  margin: 0;
  padding: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#Content.wsHost asterisk-magenta {
    color: var(--magenta);
    background-color: transparent;
}

#Content.wsHost #wsHostSide.green {
    border-color: #00a651;
}
#Content.wsHost #wsHostSide.green h2 {
  background: url(../images/workshops/host_side-t2.png), linear-gradient(180deg, rgba(0, 106, 26, 1)10%, rgba(0, 166, 81, 1)90%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#Content.wsHost #wsHostSide p {
	color: #000;
	margin-top: 3px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 15px;
}
#Content.wsHost #wsHostSide a {
	color: #ff007a;
}
#Content.wsHost #wsHostSide a:hover {
	border-bottom: #ff007a 1px dotted;
}
#Content.wsHost #wsHostSide strong {
	color: #a6218b;
	font-size: 1.2em;
}
#Content.wsHost #wsHostSide img { margin: 2px 3px 0 10px; }

#Content.wsHost ul#klo { margin-bottom: 0 !important; margin-top: 5px; 
}
#Content.wsHost ul#klo h4 { background: linear-gradient(90deg, rgba(242, 112, 188,1)10%, rgba(250, 149, 208,1)90%); 
}
#Content.wsHost ul#subList {
  width: 90% !important;
  list-style: disc !important;
  margin: 0 0 0 15px !important;
  padding: 3px 0 3px 3px;
}
#Content.wsHost ul#subList li {
  list-style: disc !important;
  padding: 0 0 0 5px !important;
  font-size: .9em !important;
  font-weight: bold;
  line-height: 1.7em;
  color: #efefef;
  margin-left: 20px;
  border-top: 1px solid #e5e5e5;
}
#Content.wsHost ul#subList li:nth-of-type(odd) {
    background-color: #faeff5;
}
#Content.wsHost ul#subList li:hover {
  background-color: transparent !important;
}
#Content.wsHost ul#subList li a { display: block; width: 100%;
  color: #ef75bd !important;
}
#Content.wsHost ul#subList li a:hover {
  background-color: #fffdd5 !important; }
#Content.wsHost ul#subList p {
	margin: 0 !important;
  color: #ee008c !important;
}
#Content.wsHost strong.newSticker { display: inline-block; color: #3b006d; font-weight: bold; width:50px; padding: 1px; text-align: center; margin: 0 3px; text-shadow: 2px 2px 2px, rgba(0,0,0,1) }
#Content.wsHost strong.newSticker.yellow { background-color: #fff300;}

/** ID wsHost removed in order to make wsHostSide available on the PD Inquiry Form - END **/

#wsHostSideAd {
	width: 214px;
	float: right;
	clear: right;
	border: none;
	margin-top: 15px;
	margin-right: 25px;
	margin-left: auto;
}


/* Registration Information */

#Content.wsRegInfo h2 { height: 30px; text-indent: -9999px; display: block; margin: 40px 0 0 0; padding: 0 0 5px 0; border-bottom: #2d90cf 1px dotted; }
#Content.wsRegInfo h2.how { background: url(../images/workshops/ws-how-to-reg.png) 0 0 no-repeat; }
#Content.wsRegInfo h2.pol { background: url(../images/workshops/ws-reg-policies.png) 0 0 no-repeat; }
#Content.wsRegInfo h2.po { background: url(../images/workshops/ws-reg-po.png) 0 0 no-repeat; }
#Content.wsRegInfo h2.multi { background: url(../images/workshops/ws-reg-multi-parts.png) 0 0 no-repeat; }
#Content.wsRegInfo h2.dform {
	background: url(../images/workshops/ws-reg-dform.png) 0 0 no-repeat;
	margin-top: 10px;
}
#Content.wsRegInfo h3, #Content.wsRegInfo h4 {
	font: bold 1.2em "Trebuchet MS", sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #efd3f8;
}
#Content.wsRegInfo h3 { color: #007dc5; margin: 20px 0 5px 0; padding: 0; }
#Content.wsRegInfo h4 { color: #36c; margin: 0 0 10px 0; padding: 0; overflow: auto; }
#Content.wsRegInfo h5 { font: bold 1.4em "Trebuchet MS", sans-serif; color: #f7941d; margin: 10px auto 0 auto; text-align: center; }

#Content.wsRegInfo p.nomargin { font-size: 0.7em; line-height: 1.5em; margin:0px; padding: 0; }
#Content.wsRegInfo p { font-size: 0.9em;
line-height: 1.7em;
color: #333; margin-top: 0; }
#Content.wsRegInfo a { color: #ff007a; border-bottom: #ff007a 1px dotted; }
#Content.wsRegInfo a:hover { color: #662c91; border-bottom: #662c91 1px dotted; }
#Content.wsRegInfo blockquote { margin: 20px 30px; }
#Content.wsRegInfo div.howBox { overflow: auto; margin: 10px; padding: 10px 5px; background-color: #ffe; border: #fc0 1px solid; 
    border-radius: 7px; /* CSS 3 */
}
#Content.wsRegInfo div.howBox img { margin: 5px 10px; }

@media screen and (max-width:450px) {
#Content.wsRegInfo div.howBox { margin: 5px 0; }
}

#Content.wsRegInfo ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
  justify-content: center;
  text-align: center;
}
#Content.wsRegInfo li { display: block; border: #d2abe6 2px solid; background-color: #e3c0f5; padding: 5px 10px; font-size: 9px; margin: 3px;
    border-radius: 5px; /* CSS 3 */
}
#Content.wsRegInfo li a { color: #306; display: block; border-bottom: none; }
#Content.wsRegInfo li a:hover { color: #ff007a; border-bottom: none; }
#Content.wsRegInfo a.btt {
    display: block;
    text-align: center;
    border-top: #eee 1px solid;
    border-bottom: #eee 1px solid;
    padding: 5px 0;
    margin: 0 20px 0 20px;
    background-color: #ffe;
}




/* Coaching */

#Content.coaching { width: 100%; }
#Content.coaching h2 { color: #d80580; font: bold italic 1.4em Helvetica, sans-serif; margin: 15px 30px; }
#Content.coaching h3 { color: #00adef; font: bold 1.2em Helvetica, sans-serif; margin: 15px auto 10px 30px; }
#Content.coaching h4 { color: #007db6; font: bold italic 1.1em Helvetica, sans-serif; margin: 10px auto 20px auto; line-height: 1.2em; border: none; }
#Content.coaching h5 { color: #fff; font: bold 1.1em Helvetica, sans-serif; margin: 10px 30px; background-color: #f49ac1; padding: 10px 20px; overflow: auto; }
#Content.coaching p { margin: 10px 30px; color: #333; font-size: 0.9em; line-height: 1.7em; }
#Content.coaching p.first { margin-top: 0; font-style: italic; font-weight: bold; }
#Content.coaching p.first:first-letter { float: left; margin: .18em .15em 0 0; font: normal 36px/0.8em Georgia, "Times New Roman", Times, serif; color: #f49ac1; }
#Content.coaching ul { list-style: url(../images/fp_links_bullet_2.gif) outside; margin: 10px auto 10px 25px; }
#Content.coaching li { padding: 7px 5px; font-size: 1em; font-size: 0.9em; color: #4e4e4e; font-weight: bold; margin: 0 20px 0 20px; }
#Content.coaching a { color: #662c91; border-bottom: #662c91 1px dotted; }
#Content.coaching a:hover { color: #ff007a; border-bottom: #ff007a 1px dotted; }
#Content.coaching img.wsPhoto, #Content.coaching img.video, #Content.coaching .distanceLearningBox {
    display: block;
    border: #00818d 2px solid;
    border-radius: 7px;
    width: 90%;
    max-width: 300px;
    text-align: center;
    height: auto;
    margin: 0 auto;
}
#Content.coaching img.video:hover {
    cursor: pointer;
}
#Content.coaching aside {
    display: block;
    border: #00818d 4px solid;
    border-radius: 7px;
    width: 100%;
    max-width: 300px;
    text-align: center;
    height: auto;
    margin: 0 auto;
}
#Content.coaching a.submit {
	display:block;
	margin: 10px;
	height: 21px;
	width: 105px;
	background-image: url(../images/video/submitButton.png);
	background-position: 0 0;
	text-indent: -9999px;
	border: none;
	background-color:transparent;
	background-repeat: no-repeat;
	left: 120px;
	position: relative;
}
#Content.coaching a.submit:hover { background-position: 0 -21px; }

#Content.coaching #nextStep {
	display: block;
	width: 500px;
	margin: 0 auto 30px auto;
	padding: 10px;
	background-color: #DFDFDF;
    border-radius: 10px; /* CSS 3 */
}
#Content.coaching #nextStep h4 { color: #007db6; font: bold italic 1em Helvetica, sans-serif; margin: 10px 0; line-height: 1.3em; border: none; }
#Content.coaching #nextStep img { border: none;
}
#Content.coaching #container.partnershipBox {
    display: block;
	background: #e8e8e8 url("../images/workshops/kc_partnershipBox_bkg.png") no-repeat bottom center;
	background-size: cover;
    padding: 10px;
    border-radius: 15px;
    margin: 0 auto 20px auto;
    width: 90%;
    overflow: auto;
    border: solid #d1d3d4 2px;
}
#Content.coaching aside {
	background-color: #fffef3;
    border: 4px solid #f7f4db;
    margin-bottom: 15px;
    padding: 5px 0 0 0;
}
#Content.coaching aside p {
	 color: #ee008c;
    font-weight: bold;
    margin-top: 3px;
    line-height: 1.5em;
}
#Content.coaching #testimonials cite::before {
	content: '—';
}
#Content.coaching #testimonials cite {
  display: block;
  margin: 5px auto 30px 10px;
  font-style: italic;
  font-size: 1em;
  line-height: 1.3em;
  color: #7c7c7c;
}
#Content.coaching #testimonials q {
  font-family: Georgia, 'serif';
  font-style: italic;
  font-weight: bold;
  font-size: 1.1em;
  line-height: 1.3em;
  color: #e555aa;
}
#Content.coaching #testimonials p:nth-of-type(even) q {
	color: #e555aa;
}



/* Lesson */

#Content.wsLesson { width: 100%; }
#Content.wsLesson header { width: 100%; }
#Content.wsLesson header h1 { position: absolute; top: 0; left: -9999px; }

#Content.wsLesson h2 { color: #ff007a; font: bold italic 1.4em Helvetica, sans-serif; margin: 15px 30px; }
#Content.wsLesson h3 { color: #00adef; font: bold 1.2em Helvetica, sans-serif; margin: 15px auto 10px 30px; }
#Content.wsLesson h4 { color: #007db6; font: bold italic 1.4em Helvetica, sans-serif; margin: 30px; }
#Content.wsLesson h5 { color: #fff; font: bold 1.1em Helvetica, sans-serif; margin: 10px 30px; background-color: #f49ac1; padding: 10px 20px; overflow: auto; }
#Content.wsLesson p { margin: 10px 30px; color: #000; font-size: 0.85em; line-height: 1.8em; }
#Content.wsLesson p.first { margin-top: 0; font-style: italic; font-weight: bold; }
#Content.wsLesson p.first:first-letter { float: left; margin: 0 0.15em 0 0; font: normal 36px/0.8em Georgia, "Times New Roman", Times, serif; color: #f49ac1; }
#Content.wsLesson ul { list-style: url(../images/fp_links_bullet_2.gif) outside; margin: 10px auto 10px 25px; }
#Content.wsLesson li { padding: 3px 5px; font-size: 1em; font-size: 0.9em; font-weight: bold; margin-left: 30px; }
#Content.wsLesson a { color: #662c91; border-bottom: #662c91 1px dotted; }
#Content.wsLesson a:hover { color: #ff007a; border-bottom: #ff007a 1px dotted; }
#Content.wsLesson img.free { margin: 0 0 0 0; border: 0; }

#Content.wsLesson blockquote { margin: 8px;}

#Content.wsLesson #contact {
	display: block;
    overflow: auto;
	width: 80%;
	margin: 0 auto 30px auto;
	padding: 10px;
	background-color: #DFDFDF;
  	     -o-border-radius: 10px; /* Opera */
 	  -icab-border-radius: 10px; /* iCab */
  	 -khtml-border-radius: 10px; /* Konqueror */
  	   -moz-border-radius: 10px; /* Firefox */
  	-webkit-border-radius: 10px; /* Safari */
    border-radius: 10px; /* CSS 3 */
}
#Content.wsLesson #contact h4 { color: #007db6; font: bold italic 1em Helvetica, sans-serif; margin: 10px 0; line-height: 1.3em; border: none; }
#Content.wsLesson #contact img { border: none;
}


/* School Improvement Plans */

#Content.workshop h2.tynswk {
	color: #039;
	padding: 0;
	background-image: url(../images/workshops/ns-takeYourNextSteps.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	height: 25px;
	width: 360px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: 20px;
	text-indent: -9999px;
}
#Content.workshop h2.bsfs {
	color: #039;
	padding: 0;
	background-image: url(../images/workshops/ns-3bestSteps.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	height: 26px;
	width: 275px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: 20px;
	text-indent: -9999px;
}
#Content.workshop h2.si {
	color: #039;
	padding: 0;
	background-image: url(../images/workshops/si-DistrictSchoolPlanning.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	height: 23px;
	width: 271px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: 20px;
	text-indent: -9999px;
}
#Content.workshop #leadershipLibraryAd {
	display:block;
	min-height: 117px;
	width: 100%;
	background-image: url(../images/workshops/leadershipLibraryAd-bkg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
    background-size: cover;
    overflow: auto;
	margin: 10px auto;
	padding-bottom: 0;
}
#Content.workshop #leadershipLibraryAd h3 { display: none;
}
#Content.workshop #leadershipLibraryAd p { margin-bottom: 5px;
}
#Content.workshop #leadershipLibraryAd a {
	display:block;
	height: 37px;
	width: 164px;
	margin: 5px auto;
	padding: 0;
	background-image: url(../images/ll_browse_leadershipLibrary.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
    border: none;
}
#Content.workshop #leadershipLibraryAd a:hover {
	background-position: 0 -37px;
	background-color:transparent;
}
#Content.workshop #leadershipLibraryAd {
	display:block;
	min-height: 117px;
	width: 100%;
	background-image: url(../images/workshops/leadershipLibraryAd-bkg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
    background-size: cover;
    overflow: auto;
	margin: 10px auto;
	padding: 10px;
}

#Content.workshop #leadershipLibraryAd .screen-wht { display: block; background-color: rgba(255,255,255,0.80); padding: 10px 2px; }

#Content.workshop #leadershipLibraryAd img.reader {
    display: block;
	width: 100%;
    height: auto;
    max-width: 140px;
    margin: 0 auto;
}
#Content.workshop #leadershipLibraryAd img.title {
    display: block;
	width: 100%;
    height: auto;
    max-width: 260px;
    margin: 0 auto;
}



/** Kagan Support System **/

#Content.supportSystem {
    width: 100%;
}
#Content.supportSystem p {
    font-size: .9em;
    margin-top: 0;
}
#Content.supportSystem .rtSidebar {
	display: block;
	width: 100%;
	margin-bottom: 10px;
	padding: 10px;
	background-color: #fffeeb;
	border: 2px solid #F0EED2;
	text-align: center;
    border-radius: 10px; /* CSS 3 */
}
#Content.supportSystem h2 {
	color: #039;
	padding: 0;
	background-image: url(../images/workshops/kss-title.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	height: 56px;
	width: 300px;
	margin-top: 0 0 15px 0;
	text-indent: -9999px;
    background-size: contain;
}
#Content.supportSystem h3 {
	display: block;
	width: 192px;
	height: 23px;
	text-indent: -9999px;
    background-size: contain;
    background-repeat:no-repeat;
    margin-bottom: 5px;
}
#Content.supportSystem h3.genSupport {
	background-image: url(/images/workshops/kss-section-genSupport.png);
}
#Content.supportSystem h3.meetingAgendas {
	background-image: url(/images/workshops/kss-section-meetingAgendas.png);
}
#Content.supportSystem h3.staffLetters {
	background-image: url(/images/workshops/kss-section-staffLetters.png);
}
#Content.supportSystem h3.meetingIdeas {
	background-image: url(/images/workshops/kss-section-meetingIdeas.png);
}
#Content.supportSystem h3.followUp {
	background-image: url(/images/workshops/kss-section-followUp.png);
}
#Content.supportSystem h3.freeAccess {
	background-image: url(/images/workshops/kss-section-freeAccess.png); 
    margin: 0 auto 5px auto !important;
}


/** Discover Kagan and Engagement Support Systems **/

#Content.discoverKagan, #Content.ess  {
    width: 100%;
}
#Content.discoverKagan h1, #Content.ess h1 {
    font-size: 1.3em;
    margin-bottom: 1em;
	color: #ee008c;
    font-weight: 900;
}
#Content.discoverKagan h2.purple, #Content.ess h2.purple {
    color: #8459ab;
}
#Content.discoverKagan h2.magenta, #Content.ess h2.magenta, #Content.wwd-ss h2.magenta {
    color: #ee008c;
}
#Content.discoverKagan h2.teal, #Content.ess h2.teal, #Content.wwd-ss h2.teal {
    color: #007373;
}
#Content.discoverKagan p, #Content.ess p {
    font-size: .9em;
    margin-top: 0;
    margin-bottom: 1.2em;
}
#Content.discoverKagan li, #Content.ess li {
    margin-bottom: .5em;
}
#Content.discoverKagan q, #Content.ess q {
    font-family: Georgia, "Times New Roman", serif;
    font-weight: bold;
    font-style: italic;
}
#Content.discoverKagan aside, #Content.ess aside, #Content.wwd-ss aside {
	display: block;
	width: 100%;
	margin-bottom: 10px;
	padding: 10px;
	text-align: center;
    border-radius: 10px; /* CSS 3 */
}
#Content.discoverKagan aside.yellow, #Content.ess aside.yellow, #Content.wwd-ss aside.yellow {
    background-color: #fffeeb;
	border: 2px solid #F0EED2;
    text-align: left;
}
#Content.discoverKagan aside.pink, #Content.ess aside.pink {
	border: 2px solid #feb2df;
}
#Content.discoverKagan a.download {
    display: block;
    width: 135px;
    height: 180px;
    background: url("../images/workshops/ws-dicover-kagan-download-button.png");
    background-position: 0 0;
    background-size: cover;
    text-indent: -9999px;
    margin: 0 auto;
}
#Content.ess a.download {
    display: block;
    width: 135px;
    height: 180px;
    background: url("../images/workshops/ws-ess-flyer-download-button.png");
    background-position: 0 0;
    background-size: cover;
    text-indent: -9999px;
    margin: 0 auto;
}
#Content.wwd-ss a.download {
    display: block;
    width: 135px;
    height: 180px;
    background: url("../images/workshops/ws-wwd-ss-flyer-download-button.png");
    background-position: 0 0;
    background-size: cover;
    text-indent: -9999px;
    margin: 0 auto;
}
#Content.discoverKagan a.download:hover, #Content.ess a.download:hover, #Content.wwd-ss a.download:hover {
    background-position: 0 -180px;
}



/**************** Leadership Support Services ****************/

#Content.leadershipSupport #services {
    border: #03426f solid 2px;
    border-radius: 7px;
    margin: 5px;
    overflow: auto;
}
#Content.leadershipSupport #services .col-12:nth-of-type(even) {
    background-color: #ecf8fe;
}


#Content.leadershipSupport #services header {
  display: block;
  margin: 0;
  padding: 4px 7px;
  background-color: #03426f;
    overflow: auto;
}
#Content.leadershipSupport #services header h2 {
  display: block;
  margin: 0;
  font-size: 1.3em;
  color: #fff;
  text-indent: 0;
  position: relative;
}
#Content.leadershipSupport #services header p {
    position: relative;
    text-indent: 0;
    color: #fff;
    margin: 0;
}
#Content.leadershipSupport #services h3 {
  margin: 0;
  padding: 4px 7px;
  font-size: 1.3em;
  color: #fff;
  background-color: #e8a713;
  overflow: auto;
}

#Content.leadershipSupport div:nth-of-type(2) a:hover, #Content.leadershipSupport div:nth-of-type(2) a:hover {
  border-bottom: none;
}
#Content.leadershipSupport div:nth-of-type(2) a:hover {
  color: #00a1ab;
}
#Content.leadershipSupport div:nth-of-type(2) ul {
    margin-bottom: 30px;
}
#Content.leadershipSupport ul header {
  color: #fff;
  background-color: #d480d4 !important;
  display: block;
  margin: 0;
  padding: 4px 7px;
}
#Content.leadershipSupport ul header h2 {
  display: block;
  margin: 0;
  font-size: 1.3em;
  color: #fff;
  text-indent: 0;
  position: relative;
}
#Content.leadershipSupport ul header p {
    position: relative;
    text-indent: 0;
    color: #fff;
    margin: 0;
}

#Content.leadershipSupport div:nth-of-type(2) ul li {
  line-height: 1.8em;
    margin-bottom: 5px;
}
#Content.leadershipSupport div:nth-of-type(2) ul li a {
  color: #004099;
}
#Content.leadershipSupport div:nth-of-type(3) ul {
  margin: 10px 5px;
    border-radius: 7px;
    border: #d480d4 solid 2px;
    overflow: hidden;
}
#Content.leadershipSupport div:nth-of-type(3) ul li {
  list-style: none;
    margin-bottom: 0;
}
#Content.leadershipSupport div:nth-of-type(3) ul li a {
  display: block;
  width: 100%;
  border-top: #4852b5 1px dotted;
  padding: 4px 10px;
  box-sizing: border-box;
  color: #a77ec6;
}
#Content.leadershipSupport div:nth-of-type(3) ul li:nth-of-type(odd) {
    /* Styles for Leadership Workshops table */
  background-color: #fbe5fb;
}
#Content.leadershipSupport div:nth-of-type(3) ul li a:hover {
  background-color: #fffee7;
}
#Content.leadershipSupport div:nth-of-type(3) ul li strong {
  color: #662c91;
}

#Content.leadershipSupport h4 {
  font: bold 1.1em "Trebuchet MS", sans-serif;
  border: none;
  margin: 0 0 5px 0;
  color: #004099;
}
#Content.leadershipSupport h4 em {
  font-size: .8em;
  color: #808080;
}
 #Content.leadershipSupport h5 {
  color: #e8a713;
  margin: auto auto 15px auto;
}
#Content.leadershipSupport p {
    margin-top: 0;
}

#Content.leadershipSupport img.icon {
    display: block;
    width: 100%;
    max-width: 110px;
    height: auto;
    margin: 0 auto;
}
#Content.leadershipSupport #contact {
  margin: 5px;
  border-radius: 7px;
  background-color: rgba(250,255,235,1.00);
  border: solid 1px #e8a713;
  overflow: auto;
  box-sizing: border-box;
}
#Content.leadershipSupport #contact img {
  display: block;
  border-radius: 10px;
  border: solid 2px #e8a713;
  margin: 0 auto;
  box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, .20);
  width: 100%;
  max-width: 120px;
  height: auto;
}
#Content.leadershipSupport #contact h3 {
  margin: 0;
  border: none;
}


/* Trainer Certification - REMOVE WHEN RESPONSIVE VERSION LAUNCHES */

#wsTrainCert {
	width: 680px;
	margin: 0 0 20px 225px;
	padding: 0 20px;
}
#wsTrainCert.workshop {
	background-color:#e6effd;
	background-image: url(../images/workshops/wsTrainCert-bkg.png);
	background-repeat: repeat-y;
	background-position: center;
	margin-bottom:20px;
}
#wsTrainCert h1 { width: 720px; height: 152px; text-indent: -9999px; margin-left: -20px; }
#wsTrainCert h1.cert { background: url(../images/workshops/ws-header-certification.png) 0 0 no-repeat; }
#wsTrainCert h1.schooltrainer { background: url(../images/workshops/ws-header-schooltrainer.png) 0 0 no-repeat; }
#wsTrainCert h1.appprocess { background: url(../images/workshops/ws-header-appprocess.png) 0 0 no-repeat; }
#wsTrainCert h1.associateTrainerApp { background: url(../images/workshops/ws-header-associateTrainerApp-wide.png) 0 0 no-repeat; background-size: contain; }
#wsTrainCert h1.districtcert { background: url(../images/workshops/ws-header-districtcertification.png) 0 0 no-repeat; }
#wsTrainCert h1.trainerWorkshop { background: url(../images/workshops/ws-header-trainerWorkshop-2023.png) 0 0 no-repeat; background-color:#e6effd; }
#wsTrainCert h1.recert { background: url(../images/workshops/ws-header-recertification.png) 0 0 no-repeat; }
#wsTrainCert h2 { font: bold 1.8em "Trebuchet MS", sans-serif; color: #923a93; margin: 25px auto 15px 0; padding: 0;}
#wsTrainCert h3, #wsTrainCert p.sectionHeader { font-size: 1.3em; font-weight: bold; color: #007dc5; margin: 25px auto 10px 0 !important; padding-bottom: 7px; border-bottom: #000 1px dotted; }
#wsTrainCert h4 { font-size: 1.1em; color: #494949; margin: 10px auto 5px 0; text-align: left; }
#wsTrainCert p { font-size: 0.9em; line-height: 1.7em; color: #222; margin: 10px 5px 15px 0; }
#wsTrainCert a { color: #ff007a; border-bottom: #ff007a 1px dotted; }
#wsTrainCert a:hover { color: #00adef; border-bottom: #00adef 1px dotted; }
#wsTrainCert ul { margin: 10px 20px; }

#wsTrainCert ul li { list-style: url(../images/fp_links_bullet_1.gif) outside; margin: 3px 10px; padding: 1px 0; font-size: 0.9em; line-height: 1.8em; }

#wsTrainCert ol { font-size: inherit;}
#wsTrainCert ol li { list-style: outside decimal; margin: 3px 10px; padding: 1px 0; font-size: 0.9em; line-height: 1.8em; }
#wsTrainCert ol.coloredOl li { color:#00a1ab; font-weight:bold; }
#wsTrainCert .normalize { color:#222; font-weight:normal; }

#wsTrainCert ol.boxes li {
	font-size: 0.9em;
    line-height: 1.8em;
	margin: 3px 10px;
	padding: 1px 0;
	list-style-position: outside;
	list-style-image: url(../images/workshops/checkbox.png);
	list-style-type: decimal;
}

#wsTrainCert li ul { margin: 5px 20px; }
#wsTrainCert li li { list-style: outside disc; margin: 1px 10px; }
#wsTrainCert blockquote { margin: 10px 20px; }
#wsTrainCert .rationale {  color: #036335; font-style: italic; }
#wsTrainCert #video {
	display:block;
	width: 158px;
	margin: 5px 10px;
	float: right;
	text-align:center;
	font-size: 0.8em;
	font-weight: bold;
	color: #00a1ab;
	background-color: #ffffff;
}
#wsTrainCert #video a {
	display:block;
	width: 158px;
	height: 113px;
	background-image: url(../images/workshops/tc_videoButton.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	-o-border-radius: 7px; /* Opera */
	-icab-border-radius: 7px; /* iCab */
	-khtml-border-radius: 7px; /* Konqueror */
	-moz-border-radius: 7px; /* Firefox */
	-webkit-border-radius: 7px;
    border-radius: 7px; /* CSS 3 */
	border: 2px solid #00a1ab;
}
#wsTrainCert #video a:hover { border: 2px solid #fdff6d;
}

/* Trainer Recertification Workshop Page */
#wsTrainCert #whitePanel {
	background-color:#FFF;
	padding: 15px 25px 5px 25px;
    border-radius: 10px; /* CSS 3 */
	border: 3px solid #d3e8f7;
}
#wsTrainCert #whitePanel p, ul, ol { margin-top: 0;
}
#wsTrainCert #whitePanel h4.section {
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	display: block;
	height: 42px;
	border-style: none;
	margin: 20px 0 0 -10px;
}
#wsTrainCert #whitePanel h3.discount {
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	display: block;
	height: 42px;
	border-style: none;
	margin: 20px 0 0 -10px;
}
#wsTrainCert #whitePanel .viewDPInfo { border:none;
}
#wsTrainCert #footer {
	display:block;
	width: 720px;
	height: 74px;
	background-image:url(../../images/workshops/ws-footer-trainerWorkshop.png);
	margin: 0;
	text-indent: -9999px;
	background-color: #e6effd;
	left: -20px;
	position: relative;
}



/* Trainer Certification - Responsive */

#Content.wsTrainCert.schooltworkshop {
  background-color: #e6effd;
  border-radius: 10px;
  border: 3px solid #d3e8f7;
}
#Content.wsTrainCert main { background-color: #fff;  }
#Content.wsTrainCert h1 { font: bold 1.8em "Trebuchet MS", sans-serif; color: #ee008c; margin: 25px auto 15px 0; padding: 0;}
#Content.wsTrainCert h2 { font: bold 1.6em "Trebuchet MS", sans-serif; color: #923a93; margin: 25px auto 15px 0; padding: 0;}
#Content.wsTrainCert h3 { font-size: 1.3em; color: #007dc5; margin: 25px auto 5px 0; padding: 0; border-bottom: #000 1px dotted; }

#Content.wsTrainCert h3 {
    font: bold 1.2em "Trebuchet MS", sans-serif;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #efd3f8;
}

#Content.wsTrainCert h4 { font-size: 1em; color: #494949; margin: 10px auto 5px 0; text-align: left; }
#Content.wsTrainCert p { font-size: 0.9em; line-height: 1.7em; color: #333; margin-top: 0; }

#Content.wsTrainCert a { color: #ff007a; border-bottom: #ff007a 1px dotted; }
#Content.wsTrainCert a:hover { color: #00adef; border-bottom: #00adef 1px dotted; }
#Content.wsTrainCert ul { margin: 10px 20px 10px 40px; font-size: 0.9em; line-height: 1.8em; }

#Content.wsTrainCert ul li { list-style: url(../images/fp_links_bullet_1.gif) outside; margin: 0 0 5px 0; padding: 1px 0; line-height: 1.3rem; }
#Content.wsTrainCert ul.noBottomMargin li { margin-bottom: 0; }

#Content.wsTrainCert ol { 
    font-size: 0.9em;
    line-height: 1.8em;
}
#Content.wsTrainCert ol li, #Content.wsTrainCert li ol li { list-style: outside decimal; margin: 3px 10px; padding: 1px 0; }
#Content.wsTrainCert ol.coloredOl li { color:#00a1ab; font-weight:bold; }
#Content.wsTrainCert .normalize { color:#222; font-weight:normal; }

#Content.wsTrainCert ol.boxes li {
	font-size: inherit; 
    line-height: inherit;
	margin: 0 0 15px 10px;
	padding: 1px 0;
	list-style-position: outside;
	list-style-image: url(../images/workshops/checkbox.png);
	list-style-type: decimal;
}

#Content.wsTrainCert ol.boxes ,#Content.wsTrainCert ol.boxes li:last-of-type { margin-bottom: 0; }

#Content.wsTrainCert li ul { margin: 5px 20px; }
#Content.wsTrainCert li li { list-style: outside disc; margin: 1px 10px; }
#Content.wsTrainCert blockquote { margin: 10px 20px; }
#Content.wsTrainCert .rationale {  color: #345d95; font-style: italic; }
#Content.wsTrainCert #video {
	display:block;
	width: 158px;
	margin: 5px 10px;
	float: right;
	text-align:center;
	font-size: 0.8em;
	font-weight: bold;
	color: #00a1ab;
	background-color: #ffffff;
}
#Content.wsTrainCert #video a {
	display:block;
	width: 158px;
	height: 113px;
	background-image: url(../images/workshops/tc_videoButton.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	-o-border-radius: 7px; /* Opera */
	-icab-border-radius: 7px; /* iCab */
	-khtml-border-radius: 7px; /* Konqueror */
	-moz-border-radius: 7px; /* Firefox */
	-webkit-border-radius: 7px;
    border-radius: 7px; /* CSS 3 */
	border: 2px solid #00a1ab;
}
#Content.wsTrainCert #video a:hover { border: 2px solid #fdff6d;
}


/* Trainer Recertification Workshop */
#Content.wsTrainCert .trainerBox {
  width: 75% !important;
  margin: 15px auto !important;
    float: none !important;
}
#Content.wsTrainCert .trainerBox img {
  background-color: #fff;
  padding: 5px;
  border: #ccc 1px solid;
}
#Content.wsTrainCert #option {
    background-color: #add7f8;
    border: 5px solid #add7f8;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 15px;
}
#Content.wsTrainCert #option h4 {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 1.3em;
    margin: 0;
    padding: 5px 0;
}
#Content.wsTrainCert #option.one h4 {
    background-color: #ee008c;
}
#Content.wsTrainCert #option.two h4 {
    background-color: #00abb6;
}
#Content.wsTrainCert #option ul {
    margin: 0;
}
#Content.wsTrainCert #option ul li {
    display: grid;
    grid-gap: 8px;
    grid-template-columns: 1fr 2fr;
    background-color: #fff;
    margin: 0;
    padding: 10px 2px;
}
#Content.wsTrainCert #option ul li:nth-of-type(even) {
    background-color: #eef9fe;
}
#Content.wsTrainCert #option ul li strong {
    display: block;
    text-align: right;
}
#Content.wsTrainCert #option input[type=image] {
    margin: 15px auto 15px auto;
}

/* Trainer Recertification Workshop Page Responsive */
#Content.wsTrainCert #whitePanel {
	background-color:#FFF;
	padding: 15px 25px 5px 25px;
    border-radius: 10px; /* CSS 3 */
	border: 3px solid #d3e8f7;
}
#Content.wsTrainCert main p, ul, ol { margin-top: 0;
}

#Content.wsTrainCert #footer img {
    width: 100%;
    height: auto;
}
#Content.wsTrainCert #footer h4 {
    position: absolute;
    top: 0;
    left: -9999px;
}
#Content.wsTrainCert #wsRegInformation {
    margin: 10px auto !important;
}
#Content.wsTrainCert #wsRegInformation h3 {
    border: none;
    text-align: center;
    font-size: 1.4em;
    margin-bottom: 15px;
}


#wsTrainTCC { width: 680px; margin: 0 0 20px 225px; padding: 0 20px; }
#wsTrainTCC h1 { width: 720px; height: 152px; text-indent: -9999px; margin-left: -20px; }
#wsTrainTCC h1.tcc { background: url(../images/workshops/ws-header-kagan-tcc.png) 0 0 no-repeat; }
#wsTrainTCC h2 { font: bold 1.8em "Trebuchet MS", sans-serif; color: #923a93; margin: 25px auto 15px 0; padding: 0;}
#wsTrainTCC h3 { font-size: 1.3em; color: #007dc5; margin: 25px auto 10px 0; padding-bottom: 7px; border-bottom: #000 1px dotted; }
#wsTrainTCC h4 { font-size: 1.1em; color: #000; margin: 10px auto 5px 0; text-align: left; }
#wsTrainTCC p { font-size: 0.8em; line-height: 1.7em; color: #222; margin: 10px 5px 15px 0; }
#wsTrainTCC a { color: #ff007a; border-bottom: #ff007a 1px dotted; }
#wsTrainTCC a:hover { color: #00adef; border-bottom: #00adef 1px dotted; }
#wsTrainTCC ul { margin: 10px 20px; font-size: 0.7em; line-height: 1.6em; }
#wsTrainTCC ol { margin: 10px 20px; font-size: 0.7em; line-height: 1.6em; }
#wsTrainTCC li { list-style: url(../images/fp_links_bullet_1.gif) outside; margin: 3px 10px; padding: 1px 0; }
#wsTrainTCC ol li { list-style: outside decimal; margin: 3px 10px; padding: 1px 0; }
#wsTrainTCC li ul { margin: 5px 20px; }
#wsTrainTCC li li { list-style: outside disc; margin: 1px 10px; }
#wsTrainTCC blockquote { margin: 10px 20px; }
#wsTrainTCC .rationale { color: #090; font-style: italic; }

#wsTrainSAM { width: 680px; margin: 0 0 20px 225px; padding: 0 20px; }
#wsTrainSAM h1 { width: 720px; height: 152px; text-indent: -9999px; margin-left: -20px; }
#wsTrainSAM h1.sam{ background: url(../images/workshops/ws-header-kagan-SAM.png) 0 0 no-repeat; }
#wsTrainSAM h1.sam { background: url(../images/workshops/ws-header-kagan-SAM.png) 0 0 no-repeat; }
#wsTrainSAM h2 { font: bold 1.8em "Trebuchet MS", sans-serif; color: #923a93; margin: 25px auto 15px 0; padding: 0;}
#wsTrainSAM h3 { font-size: 1.3em; color: #007dc5; margin: 25px auto 10px 0; padding-bottom: 7px; border-bottom: #000 1px dotted; }
#wsTrainSAM h4 { font-size: 1.1em; color: #000; margin: 10px auto 5px 0; text-align: left; }
#wsTrainSAM p { font-size: 0.8em; line-height: 1.7em; color: #222; margin: 10px 5px 15px 0; }
#wsTrainSAM a { color: #ff007a; border-bottom: #ff007a 1px dotted; }
#wsTrainSAM a:hover { color: #00adef; border-bottom: #00adef 1px dotted; }
#wsTrainSAM ul { margin: 10px 20px; font-size: 0.7em; line-height: 1.6em; }
#wsTrainSAM ol { margin: 10px 20px; font-size: 0.7em; line-height: 1.6em; }
#wsTrainSAM li { list-style: url(../images/fp_links_bullet_1.gif) outside; margin: 3px 10px; padding: 1px 0; }
#wsTrainSAM ol li { list-style: outside decimal; margin: 3px 10px; padding: 1px 0; }
#wsTrainSAM li ul { margin: 5px 20px; }
#wsTrainSAM li li { list-style: outside disc; margin: 1px 10px; }
#wsTrainSAM blockquote { margin: 10px 20px; }
#wsTrainSAM .rationale { color: #090; font-style: italic; }

#schTrainerWS { text-indent: -9999px; width: 265px; height: 226px; float: right; margin: -25px -10px 20px 20px; display: inline; }
#schTrainerWS a { background: url(../images/workshops/trainer_workshop_link.png) 0 0 no-repeat; width: 265px; height: 226px; display: block; border-bottom: none; }
#schTrainerWS a:hover {
	border-bottom: none;
	background-position: 0 -226px;
}
#schTrainerWS img { background: url(../../images/workshops/trainer_workshop_link.png) 0 0 no-repeat; width: 285px; height: 183px; display: block; border-bottom: none; }


#tcComponents { background: url(../images/workshops/trainer-cert-chalkboard-top.png) 0 0 no-repeat; width: 583px; display: block; margin: 5px 20px; padding-top: 10px; }
#tcComponents h5 { text-indent: -9999px; height: 23px; display: block; margin: 15px auto 12px 35px; clear: both; }
#tcComponents h5.slt { background: url(../images/workshops/ws-tc-school-level-training.png) 0 0 no-repeat; }
#tcComponents h5.si { background: url(../images/workshops/ws-tc-school-improvement.png) 0 0 no-repeat; }
#tcComponents h5.tnr { background: url(../images/workshops/ws-tc-trainer.png) 0 0 no-repeat; }
#tcComponents li { list-style: outside disc; margin: 4px 20px 20px 10px; padding: 0 0 0 10px; float: left; display: inline; width: 215px; border-left: #fff 2px solid; }
#tcComponents a { color: #f90; border-bottom: none; }
#tcComponents a:hover { color: #f90; border-bottom: #f90 1px solid; }
#tcComponents .btm { background: url(../images/workshops/trainer-cert-chalkboard-btm.png) 0 0 no-repeat; width: 583px; height: 52px; display: block; clear: both; }

#trnrAppBtn { margin: 25px 5px; }
#trnrAppBtn a { background: url(../images/workshops/click_for_trainer_app.png) 0 0 no-repeat; width: 234px; height: 33px; display: block; border-bottom: none; }
#trnrAppBtn a:hover { background-position: 0 -33px; border-bottom: none; }

#wsTrainCert div.greenBox { background-color: #090; padding: 10px 2px; margin-right: 10px; width: 326px; float: left; display: inline; 
  	     -o-border-radius: 10px; /* Opera */
 	  -icab-border-radius: 10px; /* iCab */
  	 -khtml-border-radius: 10px; /* Konqueror */
  	   -moz-border-radius: 10px; /* Firefox */
  	-webkit-border-radius: 10px; /* Safari */
    border-radius: 10px; /* CSS 3 */
}
#wsTrainCert div.whiteBox {
	background-color: #fff;
	padding: 0 10px;
	margin: 0;
	width: 306px;
	text-align: center;
	-o-border-radius: 10px; /* Opera */
	-icab-border-radius: 10px; /* iCab */
	-khtml-border-radius: 10px; /* Konqueror */
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari */
    border-radius: 10px; /* CSS 3 */
}
#wsTrainCert div.whiteBox ul { padding: 0; margin: 0; }
#wsTrainCert div.whiteBox li { float: left; display: inline; list-style: none; padding: 0; margin: 7px 5px 7px 0;  }
#wsTrainCert div.whiteBox li.leftCol { width: 75px; text-align: right; font-weight: bold; color: #639; clear: left; }
#wsTrainCert div.whiteBox li.rightCol { width: 220px; text-align: left; }
#wsTrainCert div.whiteBox div { clear: both; }
#wsTrainCert div.whiteBox p { clear: both; }
#wsTrainCert div.whiteBox form { display: block; margin: 10px 0; clear: both; padding: 10px 0; }

#wsTrainCert h2.tcTrainerWS { background: url(../images/workshops/tc_trainer_ws_header.png) center 0 no-repeat; widows: 420px; height: 196px; text-indent: -9999px; }




/* Workbook Answers */

#wsWbAnswers { width: 720px; margin: 0 0 20px 225px; position: relative; }
#wsWbAnswers h1 { background: url(../images/workshops/ws-header-wrkbk-answers.png) 0 0 no-repeat; width: 720px; height: 152px; }
#wsWbAnswers h2 { font: bold 1.8em "Trebuchet MS", "Lucida Grande", sans-serif; color: #923a93; margin: 0; padding: 0; }
#wsWbAnswers h3 { margin: 3px auto 15px 0; padding: 0; font-size: 1.2em; color: #777; }
#wsWbAnswers p { color: #000;  }
#wsWbAnswers p.first { font-size: 0.9em; color: #333; margin: 15px 30px 10px 30px; line-height: 1.7em; }
#wsWbAnswers img.workbk { float: left; margin: -10px 20px 20px 30px; border: #000 1px solid; }
#wsWbAnswers a { color: #ff007a; border-bottom: #ff007a 1px dotted; }
#wsWbAnswers a:hover { color: #ba006f; border-bottom: #ba006f 1px solid; }

#wsWBlist h4 { margin: 0; padding: 0; color: #923a93; }
#wsWBlist p.type { margin: 3px auto 10px auto; padding: 0; font: bold italic 0.7em Georgia, "Times New Roman", serif; color: #555; display: block; }
#wsWBlist ul { margin: 20px 0 10px 20px; }
#wsWBlist li { text-align: center; background-color: #fef; border: #923a93 1px solid; margin: 8px; padding: 10px 5px 15px 5px; float: left; display: inline; width: 180px; 
  	     -o-border-radius: 10px; /* Opera */
 	  -icab-border-radius: 10px; /* iCab */
  	 -khtml-border-radius: 10px; /* Konqueror */
  	   -moz-border-radius: 10px; /* Firefox */
  	-webkit-border-radius: 10px; /* Safari */
     border-radius: 10px; /* CSS 3 */
}
#wsWBlist ul li img { border: #000 1px solid; }
#wsWBlist ul li a { border-bottom: none; }
#wsWBlist ul li a:hover { border-bottom: none; }


/*  Workbook Answers - Discontinued?
#wsWbAnswers table { margin: 40px 40px 10px 20px; width: 690px; background-color: #fff; }
#wsWbAnswers th { padding: 10px 10px; background-color: #93c0e6; text-align: center; font: normal italic 1.1em Georgia, "Times New Roman", serif; color: #fff; border-top: #036 1px solid; border-bottom: #036 1px solid; border-right: #fff 1px solid; }
#wsWbAnswers td.cols { background-color: #923a93; font-weight: bold; text-transform: uppercase; color: #fff; border-top: #fff 1px solid; padding: 4px 15px; font-size: 0.5em; letter-spacing: 0.2em; }
#wsWbAnswers td { text-align: left; vertical-align: top; padding: 10px 15px; font-size: 0.9em; border-top: #036 1px dotted; border-right: #fff 1px solid; }
#wsWbAnswers td.page { text-align: right; font: bold italic 2.2em Georgia, "Times New Roman", serif; color: #93c0e6; }
#wsWbAnswers td.pageR2 { text-align: right; font: bold italic 2.2em Georgia, "Times New Roman", serif; color: #93c0e6; background-color: #f2effc; }
#wsWbAnswers td.row2 { background-color: #f2effc; }
#wsWbAnswers td ul, ol {
	padding: 0 0 15px 0;
}
#wsWbAnswers td li { list-style: inside; padding: 1px 0; }
#wsWbAnswers td ol li { list-style: inside decimal; padding: 1px 0; }
#wsWbAnswers td ol.alpha li { list-style: inside upper-alpha; padding: 1px 0; }
#wsWbAnswers strong.sub { display: block; margin: 15px auto 5px 0; }
#wsWbAnswers .block {
	display: inline;
	margin: 0;
	padding: 1px;
	border: 1px solid #999;
}

#wsWbAnswers table#normal {
	width: auto;
	margin: 0;
}
#wsWbAnswers table#normal td {
	margin:0;
	border:none;
	padding: 5px;
}
#wsWbAnswers table#normal td.tr {
	border-top: 1px solid #999;
	border-right: 1px solid #999;
}
#wsWbAnswers table#normal td.t {
	border-top: 1px solid #999;
}
#wsWbAnswers table#normal td.r {
	border-right: 1px solid #999;
}
 */
 
 
#wa5dLinks { margin: 40px 0 -20px 60px; padding: 0; width: 100%; height: 39px; }
#wa5dLinks ul { width: 100%; list-style: none; padding: 0; position: relative; display: block; }
#wa5dLinks li { position: absolute; text-indent: -9999px; top: 0; }
#wa5dLinks li a { display: block; height: 39px; background: url(../images/workshops/ws-wa-5d-links.png) 0 0 no-repeat; border-bottom: none; }
#wa5dLinks li a:hover { border-bottom: none; }

#wa5dLinks li.cld1 { left: 0; }
#wa5dLinks li.cld1 a { width: 90px; background-position: 0 0; }
#wa5dLinks li.cld1 a:hover { background-position: 0 -39px; }

#wa5dLinks li.cld2 { left: 90px; }
#wa5dLinks li.cld2 a { width: 74px; background-position: -90px 0; }
#wa5dLinks li.cld2 a:hover { background-position: -90px -39px; }

#wa5dLinks li.cld3 { left: 164px; }
#wa5dLinks li.cld3 a { width: 74px; background-position: -164px 0; }
#wa5dLinks li.cld3 a:hover { background-position: -164px -39px; }

#wa5dLinks li.cld4 { left: 238px; }
#wa5dLinks li.cld4 a { width: 74px; background-position: -238px 0; }
#wa5dLinks li.cld4 a:hover { background-position: -238px -39px; }

#wa5dLinks li.cld5 { left: 312px; }
#wa5dLinks li.cld5 a { width: 75px; background-position: -312px 0; }
#wa5dLinks li.cld5 a:hover { background-position: -312px -39px; }

#wa5dLinks li.cl5d { left: 387px; }
#wa5dLinks li.cl5d a { width: 231px; background-position: -387px 0; }
#wa5dLinks li.cl5d a:hover { background-position: -387px -39px; }



/* Acclaim for Kagan */

#acclaimContent { width: 680px; margin: 0 30px 20px 225px; padding: 0 20px; }
#acclaimContent h1 { width: 720px; height: 152px; margin-left: -20px; text-indent: -9999px; }
#acclaimContent h1.acclaim { background: url(../images/workshops/ws-header-kagan-acclaim.png) 0 0 no-repeat; }
#acclaimContent h2 { margin: 10px 20px 20px 20px; font: bold 1.4em Helvetica, sans-serif; color: #111; padding-bottom: 15px; border-bottom: #000 1px dotted; text-transform: uppercase; letter-spacing: 0.1em; }
ul#acclaimLinks {
	font-size: 0.7em;
	color: #00a1ab;
}
ul#acclaimLinks li {
	list-style-type: disc;
	list-style-position: outside;
	background-color: #6ebfc4;
	display: block;
	width: 310px;
	margin-right: 10px;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
  	     -o-border-radius: 5px; /* Opera */
 	  -icab-border-radius: 5px; /* iCab */
  	 -khtml-border-radius: 5px; /* Konqueror */
  	   -moz-border-radius: 5px; /* Firefox */
  	-webkit-border-radius: 5px; /* Safari */
    border-radius: 5px; /* CSS 3 */
}
ul#acclaimLinks li:hover { background-color: #6c9be2;
}
ul#acclaimLinks a {
	color: #ffffff;
}
#acclaimContent div.vidBox {
	margin: 15px 20px;
	padding: 10px 15px 10px 25px;
	color: #666;
	display: block;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #dedede;
}
#acclaimContent div.embed {
	display: block;
	width: 560px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#acclaimContent p {
	font-size: 0.8em;
	line-height:1.6em;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}
#acclaimContent strong {
	color:#2555a6;
	font-size: 1.2em;
}
#acclaimContent .btt { display: block; text-align: center; border-top: #eee 1px solid; border-bottom: #eee 1px solid; padding: 5px 0; margin: 0 20px 0 20px; background-color: #ffe; }


/* Praise for Kagan */

#praiseContent { width: 680px; margin: 0 30px 20px 225px; padding: 0 20px; }
#praiseContent h1 { width: 720px; height: 152px; margin-left: -20px; text-indent: -9999px; }
#praiseContent h1.partSay { background: url(../images/workshops/ws-header-participants-say.png) 0 0 no-repeat; }
#praiseContent h1.hostSay { background: url(../images/workshops/ws-header-hosts-say.png) 0 0 no-repeat; }
#praiseContent h1.studSay { background: url(../images/workshops/ws-header-students-say.png) 0 0 no-repeat; }
#praiseContent h1.letters { background: url(../images/workshops/ws-header-letters.png) 0 0 no-repeat; }
#praiseContent h2 { margin: 10px 20px 20px 20px; font: bold 1.4em Helvetica, sans-serif; color: #111; padding-bottom: 15px; border-bottom: #000 1px dotted; text-transform: uppercase; letter-spacing: 0.1em; }

#praiseContent div.quoteBox { border: #dedede 2px dotted; margin: 15px 20px; padding: 10px 15px 10px 25px; color: #00818d; display: block; }
#praiseContent div.quoteBox img.quotes { margin: -15px auto auto -32px; }
#praiseContent div.quoteBox .quote { font: normal 1.1em/1.5em Georgia, serif; margin: 0; padding: 0; }
#praiseContent div.quoteBox .source { font-size: 0.9em; display: block; margin: 5px auto 0 0; padding: 0; color: #555; }
#praiseContent p { margin: 10px 0; padding: 0 50px 0 20px; font: normal 0.8em/1.5em Georgia, serif; }
#praiseContent p.hostIntro { margin: 10px 20px 20px 20px; font: normal 0.9em Georgia, serif; color: #999; padding: 0; }
#praiseContent h3 { font: bold 1.2em Verdana, sans-serif; color: #335d99; margin: 0 auto 5px 0; padding: 0; }
#praiseContent a { color: #0896ff; border-bottom: #0896ff 1px solid; font: normal 0.8em Arial, sans-serif; }
#praiseContent a:hover { color: #923a93; border-bottom: #923a93 1px solid; }
#praiseContent .btt { display: block; text-align: center; border-top: #eee 1px solid; border-bottom: #eee 1px solid; padding: 5px 0; margin: 0 20px 0 20px; background-color: #ffe; }
#praiseContent div.paper { padding: 15px 15px 20px 25px; margin: 5px 10px 20px 10px; border-top: #eee 1px solid; border-right: #aaa 2px solid; border-bottom: #aaa 2px solid; border-left: #eee 1px solid; background-color: #ffefff; }


/* KPD Video */

#kpdVideo { width: 692px; margin: -5px 0 25px 230px; background: url(../images/video/video-kpd-header.png) 0 0 no-repeat; }
#kpdVideo h1 { height: 215px; width: 692px; display: block; }
#kpdVideo h2 { color: #8200a9; font: bold 1.1em Verdana, sans-serif; margin: 10px auto 5px 40px; }
#kpdVideo p { margin: 0 10px 10px 10px; }
#kpdVideo a { color: #06f; border-bottom: #06f 1px dotted; }
#kpdVideo a:hover { color: #ff007a; border-bottom: none; }
#kpdVideo p.bold { color: #00a3b0; font-weight: bold; font-style: italic; }
#kpdVideo .intro { display:block; width: 60%; margin-left:30px; }
#kpdVideo .videoButtons { display:block;
	text-align: center;
	margin-bottom:15px;
}
#kpdVideo .videoButtons a { display:inline-block; width: 197px; height:121px; border:none; background-position: 0 0; text-indent: -9999px; 
}
#kpdVideo .videoButtons a:hover { background-position: 0 -121px; 
}
#kpdVideo .videoButtons a#part1 { background-image: url(../images/video/videoButton1.png);
}
#kpdVideo .videoButtons a#part2 { background-image: url(../images/video/videoButton2.png);
}
#kpdVideo .videoButtons a#part3 { background-image: url(../images/video/videoButton3.png);
}
#kpdVideo a.submit {
	display:block;
	margin: 10px auto;
	height: 19px;
	width: 105px;
	background-image: url(../images/video/submitButton.png);
	background-position: 0 0;
	text-indent: -9999px;
	border: none;
	background-color:transparent;
	background-repeat: no-repeat;
}
#kpdVideo a.submit:hover { background-position: 0 -21px;
}

/* CSS for 2018 Standard Workshop Redesign - BEGIN */
#wsDetails {
	width: 720px;
	margin: 0 0 20px 225px;
	padding: 100px 0 0 0;
	background-color: #3986a6;
	background-image: url(/images/workshops/ws-standardEvent-header.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	-o-border-radius: 20px; /* Opera */
	-icab-border-radius: 20px; /* iCab */
	-khtml-border-radius: 20px; /* Konqueror */
	-moz-border-radius: 20px; /* Firefox */
	-webkit-border-radius: 20px; /* Safari */
    border-radius: 20px; /* CSS 3 */
	border: 2px solid #196787;
}
#wsDetails.discoverKagan {
	background-image: url(/images/workshops/ws-discoverKagan-header.png);
}
#wsDetails.discoverKagan #innerPanel {
	background-image: url(../images/workshops/innerPanel-header-freeWorkshop.png);
	background-position: center 0;
	background-repeat: no-repeat;
	padding-top: 56px;
}
#wsDetails.international {
	padding: 112px 0 0 0;
	background-image: url(/images/workshops/ws-internationalEvent-header.png);
}
#wsDetails .headerPhoto {
	width: 151px;
	height: 139px;
	position: absolute;
	top: 186px;
	margin-left: 493px;
}
#wsDetails.discoverKagan .headerPhoto {
	width: 151px;
	height: 139px;
	position: absolute;
	top: 177px;
	margin-left: 503px;
}
#wsDetails #innerPanel {
	width: 670px;
	margin: 0 auto;
	background-color: #fffcf7;
	padding: 25px 10px;
	-webkit-box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, .30);
	-moz-box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, .30);
    box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, .30);
	-o-border-radius: 15px; /* Opera */
	-icab-border-radius: 15px; /* iCab */
	-khtml-border-radius: 15px; /* Konqueror */
	-moz-border-radius: 15px; /* Firefox */
	-webkit-border-radius: 15px; /* Safari */
    border-radius: 15px; /* CSS 3 */
}
#wsDetails #wsRegInformation {
	border: #ffffff 5px solid;
	padding: 0 0 10px 0;
	background: url(/images/workshops/ws-standardEvent-regBoxBkg.png) 0 0 repeat-x #eef8ff;
	margin: 10px auto 20px auto;
	-o-border-radius: 15px;
	-icab-border-radius: 15px;
	-khtml-border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
    border-radius: 15px;
	-webkit-box-shadow: 0 0 5px 3px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 0 5px 3px rgba(0, 0, 0, .15);
	box-shadow: 0 0 5px 3px rgba(0, 0, 0, .15);
	width: 590px;
}
#wsDetails.givesBack {
	background: url(/images/workshops/ws-header-kagan-givesBack.png) 0 0 no-repeat;
	padding-top: 163px;
}
#wsDetails.givesBack h1 {
	display: none;
}
#wsDetails h1 {
	display: none;
}
#wsDetails.regMultiple h1 {
	background: url(/images/workshops/ws-header-regMultiple.png) 0 0 no-repeat;
	width: 720px;
	height: 152px;
	text-indent: -9999px;
	margin: 0;
}
#wsDetails h1.gradHeader {
	background: url(/images/workshops/ws-header-grad-courses.png) 0 0 no-repeat;
	width: 720px;
	height: 152px;
	text-indent: -9999px;
	margin: 0;
}
#wsDetails h2 {
	font: bold 1.8em "Trebuchet MS", sans-serif;
	color: #000;
	padding: 0;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: auto;
}
#wsDetails h3.subhead {
	margin: 0;
	font-size: 1.4em;
	height: 20px;
	width: 100%;
	text-indent: 0;
	text-align: center;
	line-height: 1.0em;
	color: #00a1ab;
}
#wsDetails .preReq {
	font-size: 14px;
	margin: 0;
	padding: 0;
	color: #ee008c;
	text-align: center;
	text-transform: none;
	letter-spacing: normal;
	line-height: 1.5em;
}
#wsDetails p.first:first-letter {
	float: left;
	margin: .1em 0.12em 0 0;
	font: normal 40px/0.8em Georgia, "Times New Roman", Times, serif;
	color: #00a1ab;
}
#wsDetails p.first {
	margin-left: 15px;
}
#wsDetails .days {
	color: #999;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
}
#wsDetails h3 {
	height: 35px;
	width: 294px;
	text-indent: -9999px;
	margin: 25px 0 2px 10px;
	display: block;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#wsDetails h3.regInfo {
	background-image: url(/images/workshops/ws-standardEvent-register.png);
}
#wsDetails h3.highlights {
	background-image: url(/images/workshops/ws-standardEvent-highlights.png);
}
#wsDetails h3.receive {
	background-image: url(/images/workshops/ws-standardEvent-willReceive.png);
}
#wsDetails h3.discount {
	background: url(/images/workshops/ws-standardEvent-bonusMaterials.png);
}
#wsDetails h3.partRave {
	background: url(/images/workshops/ws-standardEvent-rave.png);
}
#wsDetails h3.moreinfo {
	background: url(/images/workshops/ws-standardEvent-moreInfo.png);
}
#wsDetails h5 {
	font-size: 0.9em;
	margin: 15px auto 8px 30px;
	color: #662c91;
	background: #fff;
	width: 85%;
	padding: 2px 10px;
}
#wsDetails h5.level {
	padding: 4px 5px;
	font: normal 12px "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
	background: url(../images/workshops/ws-host-h5-bg.png) 0 0 repeat-y;
	color: #fff;
	margin: 0 auto 10px 15px;
	background-color: #cadbfe;
	border-bottom: #4852b5 1px dotted;
	display: block;
	width: 93%;
}
#wsDetails h6 {
	font: bold 1.3em/1.3em em "Trebuchet MS", sans-serif;
	color: #000;
	margin: 0 30px 2px 20px;
	padding: 0;
	text-align: center;
}
#wsDetails p {
	font-size: 0.9em;
	line-height: 1.7em;
	color: #333;
	margin: 5px 20px 15px 40px;
}
#wsDetails span.locDat {
	display: block;
	padding: 0;
	line-height: 1.3;
	color: #555;
	text-align: center;
	font-family: Georgia, serif;
	font-size: 1.4em;
	font-style: italic;
	font-weight: bold;
	margin: 0 auto 0 auto;
}
#wsDetails p.locDate {
	display: block;
	padding: 0;
	line-height: 1.3em;
	color: #555;
	text-align: center;
	font-family: Georgia, serif;
	font-size: 1.1em;
	font-style: italic;
	font-weight: bold;
	margin: 5px auto 0 auto;
}
#wsDetails span.multDates {
	display: block;
	margin: 0;
	padding: 0;
	line-height: 1.5;
	color: #8B8B8B;
	text-align: center;
	font-family: Georgia, serif;
	font-size: 1.1em;
	font-style: italic;
	font-weight: bold;
}
#wsDetails span.level {
	font: normal 0.9em Arial, sans-serif;
	color: #7e7e7e;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	display: block;
	margin: 0;
	padding: 0;
	line-height: normal;
	text-align: center;
	font-weight: bold;
}
#wsDetails p.call {
	color: #00a1ab;
	display: block;
	line-height: 1.1em;
	text-align: center;
	font-family: "Trebuchet MS", sans-serif;
    font-style: normal;
	font-weight: bold;
	font-variant: normal;
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 1.1em;
}
#wsDetails span.prereq {
	font: italic bold normal .9em/0 Arial, sans-serif;
	color: #ec008c;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	display: block;
	margin: 0;
	padding: 0 0 10px 0;
	text-align: center;
}
#wsDetails span.headernote {
	font: italic bold 1.3em/0 Georgia, serif;
	display: block;
	margin: 0;
	padding: 6px 0 0;
	color: #FF007A;
	text-align: center;
}
#wsDetails p.quote {
	font: bold italic 0.8em/1.5em Georgia, serif;
	margin: 10px 50px 2px 50px;
	padding: 0;
	color: #005996;
}
#wsDetails p.source {
	font-size: 0.6em;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #666;
	margin: 0 50px 20px 50px;
	padding: 0;
}
#wsDetails a#MoreLessLink {
	font-size: .7em;
	margin: 10px 50px 2px 50px;
}
#wsDetails ul, ol {
	margin: 10px;
}
#wsDetails li {
	font-size: 0.9em;
	line-height: 1.4em;
	margin: 8px 35px;
}
#wsDetails ul {
	list-style: url(/images/fp_links_bullet_2.gif) outside !important;
}
#wsDetails ol {
	list-style: decimal outside;
}
#wsDetails a {
	color: #ff007a;
}
#wsDetails a:hover {
	color: #ff007a;
	text-decoration: underline;
	border-bottom: none;
}
#wsDetails blockquote {
	margin: 15px 15px 15px 0;
	padding: 0;
	float: right;
	display: inline;
	width: 165px;
}
#wsDetails blockquote.wide {
	margin: 15px 15px 15px 0;
	padding: 0;
	float: right;
	display: inline;
	width: 210px;
}
#wsDetails blockquote p {
	margin: 0 0 0 20px;
	padding: 0;
}
#wsDetails a#needCredit { /* Small Button */
	background-image: url(/images/workshops/ws-button-needCredit.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	height: 30px;
	width: 97px;
	text-indent: -9999px;
	margin: 10px auto 0 auto;
}
#wsDetails a#needCredit:hover {
	background-position: 0 -30px;
}
#wsDetails a.credit { /* Round Button */
	background-image: url(/images/workshops/ws-button-credit.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	height: 93px;
	width: 93px;
	text-indent: -9999px;
	margin: 20px 66px 0 auto;
	float: right;
	clear: right;
}
#wsDetails a.credit:hover {
	background-position: -93px 0;
}
#wsDetails img.participantPhoto {
	float: right;
	margin: 10px;
	clear: right;
}
#wsDetails a.freeMaterials {
	background-image: url(/images/workshops/ws-standardEvent-viewMaterials.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	display: block;
	height: 31px;
	width: 215px;
	margin: 0 0 0 50px;
}
#wsDetails a.freeMaterials:hover {
	background-position: 0 -31px;
}
#wsDetails a.viewDPInfo {
	background-image: url(/images/workshops/ws-standardEvent-viewPackage.png);
	background-position: 0 0;
	text-indent: -9999px;
	display: block;
	height: 31px;
	width: 207px;
	margin: 0 0 10px 50px;
}
#wsDetails a.viewDPInfo:hover {
	background-position: 0 -31px;
}
#wsDetails .wsEventInfo h4 { /* For registration box */
	margin: 0 auto 3px 20px;
	color: #005996;
	border-bottom: #40008a 1px dotted;
	padding: 0 0 3px 0;
	font-size: 0.9em;
	text-transform: uppercase;
}
#wsDetails #infoBar {
	display: block;
	float: right;
	width: 185px;
	margin: 20px 12px 10px 15px;
	padding: 10px;
	background-color: #d6eefe;
	-o-border-radius: 10px; /* Opera */
	-icab-border-radius: 10px; /* iCab */
	-khtml-border-radius: 10px; /* Konqueror */
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari */
    border-radius: 10px; /* CSS 3 */
	border: 5px solid #FFF;
	background-image: url(/images/workshops/ws-standardEvent-infoBar.png);
	background-repeat: no-repeat;
	-webkit-box-shadow: 0 0 5px 3px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 0 5px 3px rgba(0, 0, 0, .15);
	box-shadow: 0 0 5px 3px rgba(0, 0, 0, .15);
}
#wsDetails #infoBar div.map {
	display: block;
	width: 180px;
	border: 2px solid #058a9f !important;
	margin: 0 auto !important;
}
#wsDetails #infoBar h4 {
	font-size: 1.1em;
	line-height: 1.7em;
	color: #65318f;
	text-align: left;
	margin: 15px 0 0 0 !important;
	border: none;
}
#wsDetails #infoBar p {
	font-size: 0.8em;
	line-height: 1.7em;
	color: #2f2f2f;
	text-align: left;
	margin: 0 0 15px 0;
}
#wsDetails #infoBar a {
	color: #ed1c24 !important;
}
#wsDetails #infoBar .addthis_button {
	margin-left: 56px;
	border: none;
}
#wsDetails .preReqBox {
	display: block;
	background-color: #aee1f6;
	padding: 10px;
	margin: 10px auto !important;
	width: 400px;
	-o-border-radius: 10px; /* Opera */
	-icab-border-radius: 10px; /* iCab */
	-khtml-border-radius: 10px; /* Konqueror */
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari */
    border-radius: 10px; /* CSS 3 */
}
#wsDetails p.source {
	font-size: 0.6em;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #666;
	margin: 4px 50px 20px 37px;
	padding: 0;
}
#wsDetails h3.footer {
	display: none !important;
	margin: 0;
}
#wsDetails p.quote { 
	font: bold italic 0.9em/1.6em Georgia, serif;
	margin: 10px 50px 2px 25px;
	padding: 0;
	color: #005996;
}


/* Controls which free materials package to display. */	
#Yes { display: contents; }
.Yes { display: none; }
#No { display: none; }
.No { display: contents; }
#yes { display: contents; }
.yes { display: none; }
#no { display: none; }
.no { display: contents; }	


/******/
#featTraining {
  display: block;
  background: url(../../images/workshops/ws-featTraining-bkg.png) no-repeat, linear-gradient(90deg, rgba(188, 156, 214, 1)20%, rgba(230, 210, 242, .8)60%);
  background-repeat: no-repeat;
  width: 100%;
  padding: 24px 0 0 0;
  overflow: auto;
}
#featTraining img { display: block; width: 100%; height: auto; margin: 7px auto; max-width: 280px;
}
#featTraining a:hover {
  border-style: none !important;
}


/**** International Facilitator ****/

#IntWorkshopsAd { margin-top: 10px; border-radius: 10px; border: solid 3px #00a1ab; padding: 0px; overflow: auto; background: url(/images/workshops/int_facillitator-bkg.png) no-repeat center top; background-size: contain; }
#IntWorkshopsAd p {
	font-size: 0.85em;
	line-height: 1.6em;
    margin-top: 0;
}
#IntWorkshopsAd .btn strong {
color: var(--yellow);
}
#IntWorkshopsAd .btn:hover {
    background-color: var(--gold);
}