#classleft{
	width:calc(100% - 260px);
	float:left;
}
#intro {
    margin-top: 0px;
    background: #eee;
    text-align: center; 
    border: 1px solid lightgrey;
    width:100%;
}
.classinfosection {
	padding: 5px 10px;
	background: #eee;
	text-align: left; 
	border: 1px solid lightgrey;
	width:100%;
}
.classsummarysection{
    border:none;
    border-left: 4px solid grey;
    background:transparent;
}
.classsessionsection{
    background: url(/siteimages/p6.webp);
}
.classtermssection{
    border:none;
    background:transparent;
}
.classtermssection ul li{
    font-size:18px;
}
.memberfeedback{
background-color: #fbf5ea;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%2391f1d9' fill-opacity='0.41' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
}
#classright{
	width:255px;
	float:right;
    position:relative;
}
#classright .wbdate{
    font-size:20px;
}
.sessiontable{
    vertical-align:bottom;
    width: 100%;
    border-spacing: 0px 11px;
}
.sessiontable tr{
    vertical-align:top;
}
.sessiontable td{
    padding-bottom:6px
}
.sessiontable .datebox{
    background: url(/siteimages/datebox.png);
    background-size: cover;
    height: 100px;
    width: 102px;
    position:relative;
    display:block;
    float:left;
}
.sessiontable .dateboxred{
    background: url(/siteimages/dateboxred.png);
    background-size: cover;
}
.sessiontable .datebox .calmonth{
    font-size:18px;
    color:#225790;
    position:absolute;
    font-weight:bold;
    text-align:center;
    width:100%;
    top:21px;
    left:0px;
}
.sessiontable .datebox .calday{
    font-size:24px;
    color:#444;
    position:absolute;
    text-align:center;
    width:100%;
    top:44px;
    left:0px;
}
.sessiontable .datebox .calhour{
    font-size:18px;
    color:#887303;
    position:absolute;
    text-align:center;
    width:100%;
    top:73px;
    left:0px;
}
.sessiontable .sessiontext{
    float:left;
    width:100%;
}
.sessiontable .sessiontitle{
    color: #886622;
    font-size:24px;
    font-weight:bold;
}
.sessiontable .sessionlength{
    font-size: 18px;
    color:#777;
}
.sessiontable .sessionsummary{
    font-size:18px;
    color:#333;
}
.sessiontable .sessionsummary p{
    margin: 7px 0px;
}
.webinarinfo .presenter{
    margin:0px;
    padding:0px;
    font-size:20px;
    color:#cea432;
}
.webinarinfo .webinartags{
    width:100%;
}
.webinarinfo .webinartags .elementtag{
    margin: 3px 5px 3px 0px;
    padding: 1px 6px;
    color: #254996;
    background: #dfdbb8;
    font-size:18px;
}
.presenterimage{
	width:100px;
	float:left;
    text-align:center;
    margin-top:5px;
}
.presenterinfo{
	width:calc(100% - 120px);
	float:left;
	text-align:left;
	font-size:18px;
	margin-left:15px;
    color:#444;
}
.presenterabout,.hostabout{
    line-height:1.1em;
    margin:0px;
}
.presentername{
    font-size:22px;
    margin:0px;
    margin-bottom:10px;
}
.hostimage{
	width:100px;
	float:left;
    text-align:center;
}
.hostinfo{
	width:calc(100% - 120px);
	float:left;
	text-align:left;
	font-size:18px;
	margin-left:15px;
    color:#444;
}
.hostname{
    font-size:22px;
}
.classinfotitle{
	font-size:24px;
	border-bottom:2px solid #cea432;
    color: #cea432;
}
.webinarimage{
	float:left;
    width:260px;
}
.webinarimage img{
    max-width:260px;
    margin:auto;
}
.webinarinfo{
	width:calc(100% - 275px);
	float:right;
	text-align:left;
	font-size:18px;
}
.webinarinfo h1{
    font-size:32px;
    margin: 0px;
    color: #627e88;
    line-height:1.1em;
    margin-bottom:5px;
}
.webinarinfo h3{
    margin:0px;
    font-size:22px;
    color: #808080;
    margin-bottom:5px;
}
.registerbutton{
	font-size:24px;
    width:100%;
}
.registeredmessage,
.classupgrade,
.noclassaccess,
.classhappened,
.boxedclassdiv{
	font-size:20px;
	text-align:center;
    color:#555;
    padding: 5px;
    border: 1px solid grey;
    background: url(/siteimages/p6.webp);
    margin: 5px auto;
    width: 100%;
    float: none;
}
.boxedclassdiv{
background-color: #f6f3f9;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='16' viewBox='0 0 12 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 .99C4 .445 4.444 0 5 0c.552 0 1 .45 1 .99v4.02C6 5.555 5.556 6 5 6c-.552 0-1-.45-1-.99V.99zm6 8c0-.546.444-.99 1-.99.552 0 1 .45 1 .99v4.02c0 .546-.444.99-1 .99-.552 0-1-.45-1-.99V8.99z' fill='%23eace9f' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
margin:0px;
}
.noclassaccess{
    margin-top:0px;
}
.discussionwidget{
background-color: #f3eefc;
background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23b19e5d' fill-opacity='0.44' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}
#incartmsg{
    font-size:20px;text-align:center;color: #b96d18;
}
.registeredmessage span,.classupgrade span,.noclassaccess span,.classhappened span,.boxedclassdiv span{
    line-height:1.2em;
}
.registeredmessage p,.classupgrade p,.noclassaccess p,.classhappened p,.boxedclassdiv p{
    padding:0px;
    margin:0px;
}
.classupgrade, .memberlogin{
    font-size:18px;
}
.membercomment{
    padding:5px 5px;
}
.memberquote{
    font-size:18px;
    color:#444;
    line-height:1em;
    margin-top:13px;
}
.largequote{
    font-size:26px;
    color: #aa7f0a;
    display:inline;
    margin:2px 2px 0px 2px;
}
.membername{
    font-size:20px;
    padding-left:15px;
    color:#627e88;
    margin-bottom:10px;
}
.registeredmessage{
    color:#777;
    padding:3px;
    line-height:1.2em;
}
.maxattendees{
    text-align:center;
    font-size:18px;
    margin:10px;
}
.timerbox{
    width:100%;
    margin-bottom: 7px;
}
.registerbox{
    width:100%;
    padding: 5px 0px 5px 0px;
}
.maxattendees .numsignedup{
    font-size: 18px;
    margin:4px;
}
.classprice{
    font-size:36px;
    color: #627e88;
    padding:0px;
    margin:0px;
    margin-top:3px;
    line-height: 1.2em;
}
.originalprice{
    font-size:28px;
    color:grey;
    padding:5px;
    margin:0px;
}
.wbquestiondiv{
    margin:3px;
}
.wbsynopsis{
    font-size:20px;
    font-weight:normal;
    color:#444;
    margin: 10px 0px;
}
.dottedbottom{
    border-bottom:1px dotted #888;
}
#askquestion{
    border: solid 1px #BDC7D8;
    min-height: 46px;
    width: 100%;
    font-size: 16px;
    padding: 3px;
    overflow: hidden;
    resize:none;
}
.qvotes{
    font-size:20px;
    text-align:right;
    margin-bottom:2px;
}
.vtotal{
    font-size:18px;
    text-align:right;
    margin-right:10px;
}
#questionsection{
    display:block;
}
#questionsection .questionbox{
    padding: 0px 3px 3px 3px;
    border:1px solid grey;
    border-radius: 5px;
    float: left;
    width:100%;
    margin:5px 0px;
    background: url('/siteimages/bluepattern2.jpg');
}

#showquestionbutton{
    display:none;
    width:100%;
    text-align:center;
}
.wbquestion{
    line-height:1em;
    padding-bottom: 5px;
}
.sharebuttondiv{
    margin-bottom:10px;
    width:100%;
    text-align:center;
    float:left;
}
#noquestions{
    font-size:20px;
    text-align:center;
    margin:3px;
}

.addons {
font-size: 18px;
text-align: center;
padding: 0px 8px;
border: 1px solid black; 
background: #fdfcb2; 
text-align: left; 
margin-bottom: 15px
}
.addons input[type='checkbox'] {
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    position: relative;
    top: -4px;
    margin-right: 3px;
}

@media only screen and (max-width: 850px) {
    .webinarimage{
        width:170px;
    }
    .webinarimage img{
        max-width:170px;
    }
    .webinarinfo{
        width:calc(100% - 185px);
    }
    .webinarinfo h1{
        font-size: 28px;
        line-height:1em;
        margin-bottom:6px;
    }
    .presenterinfo,.hostinfo{
        font-size:16px;
    }
    .presentername,.hostname{
        font-size:20px;
    }
    .webinarinfo .webinartags .elementtag{
        font-size:16px;
    }

}
@media only screen and (max-width: 700px) {
    .webinarimage{
        width:100%;
    }
    .webinarimage img{
        max-width:100%;
    }
    .webinarinfo{
        width:100%;
        text-align:center;
        margin-bottom:10px;
    }
    #classleft{
        width:100%;
        float:left;
        font-size: 24px;
    }
    #intro {
        padding-top:0px;
    }
    #classright{
        width:100%;
        float:left;
    }
    .timer{
        float:none;
        margin:auto;
        display:block;
    }
    .webinarinfo h1{
        font-size: 28px;
    }
    .timerbox{
        width:100%;
        float:left
    }
    .registerbox{
        width:100%;
        text-align:center;
        float:left;
    }
    .registerbutton{
        font-size:20px;
        max-width:220px;
    }
    .timer #days,
    .timer #hours,
    .timer #minutes,
    .timer #seconds
    {
        font-size:24px;
    }
    .timer #days span,
    .timer #hours span,
    .timer #minutes span,
    .timer #seconds span
    {
        font-size:14px;
    }
    .sharethis-inline-share-buttons{
        float:center;
    }
    #classright #showquestionbutton{
        width:auto;
        margin-bottom:5px;
    }
    .webinarinfo .webinartags{
        text-align:center;
        margin-top: 0px;
        margin-bottom:15px;
    }
    .webinarinfo .webinartags .elementtag{
        float:inherit;
        font-size:18px;
    }

}

@media only screen and (max-width: 600px) {
    .webinarinfo h1{
        font-size: 28px;
        line-height:1.2em;
    }
}