.clearable {
    background: #FFF url(http://i.imgur.com/z7ZSYjt.png) no-repeat right -10px center;
    border: 1px solid #999;
    padding: 3px 18px 3px 4px; /* USE the same right padding in jQ! */
    border-radius: 3px;
    transition: background 0.4s; /*REMOVE THIS LINE IF YOU ENCOUNTER ISSUES IN
     * Chrome (Bug 02.2014)*/
}

.fc-event-title {
    color: white;
}
.highlighted-workshopPanelBg {
    opacity: .5;
}
input#video_url {
    width: 400px !important;
}

.fc-event-time {
    color: #ddd;
}
.slide-list-completed {
    opacity: .4;
}
.highlighted-slide-completed {
    opacity: .4;
}
.clearable.x {
    background-position: right 5px center;
}
.ytp-chrome-controls {
    display: none !important;
}
#other-videos-in-webinar iframe {
    width: 180px;
    height: 130px;

}

#table button {
    padding: 10px 22px;
    border-radius: 5px;
    margin-bottom: 15px;
    float: right;
}

#table button:hover {
    background-color: #ccc;
}

.lumina-vd div#other-videos-in-webinar[style] {
    height: auto !important;
}

a.ytp-youtube-button {
    display: none !important;
}
#video-main iframe {
    width: 450px;
    height: 300px;

}
#other-videos-in-webinar {
	background-color: #c8c8c8;
    margin-left: 20px;
    max-width: 210px;
}
#container-vids {
	display: flex;
}
.col-md-6.workshop-boxes-home {
    width: 44%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
	height: 100%;
}
.workshopPanelBg {
    background: url('../images/panelbg.png') repeat;
    overflow: hidden;
    margin: 10px;
    padding: 20px;
    text-align: left;
    max-width: 520px;
    height: 450px !important;
    margin: left:0px;
    margin-right: 0px;
    margin-left: -10px;
}

.workshop-container-wrapper .flexslider-img-content img,
.workshop-full-image.workshop-container-wrapper img {
    max-height: 375px;
}

.workshop-nav-container a,
.workshop-nav-container a:hover {
    color: #fff;
}

.lumina-workshops .workshopPanelBg {
	height: 400px !important;
}


div#description-elearning {
    background-color: #c8c8c8;
    margin-left: 20px;
    max-width: 210px;
    word-wrap: break-word;
	align-items:stretch !important;
	margin-bottom:0px;
	margin-top:0px;
	min-height: 530px;
}
#related-videos {
	background-color: #c8c8c8;
	margin-top: 40px;
	margin-left: 10px;
    max-width: 210px;
    align-items: stretch;
}
.sm-descworkshop {
	/*font-size: 8pt;*/
}
.clearable.onX {
    cursor: pointer;
}
div#elearning-vd {
    margin-top: 10px;
}
.center {
    text-align: center;
}
.workshop-titlepage img {
    border: 0px;
    width: 100%;
    height: auto;
}
#profileOutCol1 {
    width: 305px;
    margin-left: 0px;
    float: left;
    margin-right: 10px;
}
div#video-box {
    width: 75%;
}

.row.lumina-vd {
    margin-left: 0px;
}

span.search-label {
    width: 115px;
    display: inline-block;
    margin-bottom: 15px;
    margin-left: 20px;
    margin-right: 5px;
}
#video-main iframe {
    max-width: 710px;
    width: 95%;
}
#profileOutCol2 {
    width: 100%;
    float: left;
    padding-left: 15px;
    margin-top: 10px;
    background-color: #ffffff;
    padding-bottom: 10px;
}

#profileSidebar ul {
    margin: 0px;
    padding: 0px;
    background-color: #5f5f5f !important;
}

#profileSidebar li {
    list-style: none;
}

#profileSidebar span {
    color: #fff;
    text-transform:uppercase;
}

div#profileSidebar.lumina-sidebar,
#profileOutCol1.lumina-sidemenu {
	width: 100%;
}

#profileSidebar a {
    background: #5f5f5f none repeat scroll 0%;
    display: block;
    color: #000;
    padding: 5px 15px;
    margin: 1px 0px;
    overflow: hidden;
}
#profileSidebar a:selected {
    background: #5a4099 none repeat scroll 0% !important;
    display: block;
    color: #fff !important;
    padding: 5px 15px;
    margin: 1px 0px;
    overflow: hidden;
}

#profileSidebar img {
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle;
}


#profileSidebar a:hover {
    color: black;
    cursor: pointer;
    text-decoration: none;
    background-color: #f4f2f8;

}

div#profileSidebar {
    width: 305px;
    float: left;
    margin-bottom: 8px;
    margin-left: 0px;
    margin-top: 10px;
}

#profileSidebar a:hover span {
    color: black;
}

#profileBody {
    background: #f1f1f1;
    padding: 20px;
    overflow: hidden;
}

#profileInCol1 {
    width: 435px;
    float: left;
}

#profileInCol2 {
    width: 200px;
    float: left;
}

#workshopsAvailable, #workshopsCompleted, #webinars, #webinar {
    padding: 15px;
}

.epPanelBg {
    overflow: hidden;
}

#webinarSignupForm {
    text-align: center;
}

#webinarSignupForm fieldset {
    display: inline-block;
    padding: 0 15px 15px;
    background: #5a4099;
    color: white;
}

#webinarSignupForm input {
	width: 265px;
}

#webinarSignupForm fieldset h2 {
    color: white;
}

#webinar h2 {
	font-size: 15px;
}

#luminaSignupForm fieldset {
	padding: 20px;
}

.lumina-completed {
	text-align: center;
}

#luminaSignupForm {
	width: 95%;
}

#luminaSignupForm label {
    width: 100px;
    font-weight: 600;
    padding-right: 10px;
    display: inline-block;
}

#luminaSignupForm .lumina-signup .content {
	margin-bottom: 25px;
}

#luminaSignupForm .control-group {
    margin-bottom: 10px;
}

#luminaSignupForm .controls {
    display: inline-block;
}

.billing #body #content,
.finish #body #content,
body.form #body #content {
    margin-left: 14%;
}

div#profileWrapper #workshopsAvailable {
    padding: 20px;
}

#correctAnswer {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
    padding: 15px;
    margin-bottom: 20px;
    margin-top: 30px;
    font-size: 16px;
    border: 1px solid transparent;
}

.epSolidBg {
    background: #f1f1f1;
    overflow: hidden;
}

#workshopTitle {
    text-align: center;
    padding: 15px 0px;
    font-size: 25px;
    font-weight: bold;
}

#workshopBody {
    padding: 15px;
    position: relative;
    min-height: 124px;
}

#workshopIcons {
    position: absolute;
    top: -15px;
    left: 15px;
}

#workshopNav {
    margin-bottom: 15px;
    overflow: hidden;
    display: table;
    width: 100%;
    table-layout: fixed;
}

#workshopNav .workshopNavItem {
    display: table-cell;
    background: #b9b9bc;
    text-align: center;
}

#workshopNav .workshopNavItem a {
    display: block;
    color: #333;
    font-weight: bold;
    text-transform: capitalize;
    padding: 5px 0px;
}

#workshopNav .workshopNavItem:hover, #workshopNav .workshopNavItem.active {
    background: #333;
}

#workshopNav .workshopNavItem:hover a, #workshopNav .workshopNavItem.active a {
    color: white;
    text-decoration: none;
}

.workshop-nav-container {
    padding-bottom: 15px;
}

#createAvatar {
    background: #9B9DA0;
    text-align: center;
    position: relative;
    color: #FFF;
    padding: 60px 40px 20px 40px;
    font-size: 16px;
    font-weight: bold;
}

#createAvatar:hover {
    text-decoration: none;
}

#clickHere {
    padding: 15px 5px;
    display: block;
    background: #696A6C;
    margin-top: 30px;
    color: white;
}

#userEdit .form-group {
    margin-bottom: 15px;
}

.imageHelper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.imageHeading {
    margin-bottom: 15px;
    font-size: 25px;
    text-transform: capitalize;
    font-weight: 100;
	display: inline-block;
	width: 65%;
	margin-right: 5%;
}
.imageHeading img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 25px;
}

.imageHeading .searchWrapper {
    width: 200px;
}

.imageHeading .searchWrapper input {
    width: 100%;
}

.workshopActions {
    float: left;
    width: 20%;
}

.workshopInfo {
    float: left;
    width: 70%;
}

.webinarInfo {
    float: left;
    width: 100%;
}

.webinar-login-message p {
	font-size: 14px;
	font-weight: 700;
	line-height: 1em;
}

.webinar-login-message p.webinar-login {
	font-size: 18px;
}


.webinar-login-message {
	margin-bottom: 20px;
}

#webinarSignupForm td {
	text-align: right;
	padding-right: 10px;
}

.go_to_checkout {
	width: 91px;
}

.workshopsAvailableSearch {
    font-size: 14px;
    width: 100%;
    margin-top: 5px;
}

#workshopsAvailable .main-content {
    padding: 20px;
    padding-right: 50px;
}

.workshopListItem {
    padding: 15px;
    border-bottom: 1px solid #464545;
    overflow: hidden;
    position: relative;
    display: block;
    font-size: 15px;
}

.workshopListItem:hover {
    background: #fefefe;
}

.workshopListItem:hover .title {
    color: #0093D0;
}

.workshopListItem:hover .indicator {
    visibility: visible;
}

.workshopListItem .info {
	margin-left: 10%;
	width: 83%;
}

.webinar-info {
	margin-left: 10%;
	width: 55%;
	vertical-align: top;
	display: inline-block;
	padding-right: 10px;
}

.webinar-image {
	display: inline-block;
}

.workshopListItem .indicator {
    visibility: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 5%;
    text-align: center;
}

.workshopListItem .title {
    color: black;
    font-weight: bold;
    text-transform: uppercase;
}

.workshopListItem .description {
    font-size: 12px;
}

.epBtn {
    background: #696a6c;
    color: white !important;
    text-transform: uppercase;
    padding: 5px 10px;
    font-weight: bold;
}

.epBtn:after {
    content: '\25BA';
}

.epBtn:hover {
    color: white;
}

#userAction {
    margin-top: 30px;
}

#userInfo .infoCollection {
    margin: 7.5px 0px;
    overflow: hidden;
}

#userInfo .infoCollection .infoLabel {
    width: 25%;
    display: inline-block;
}

#userInfo .infoCollection .infoValue {
    display: inline-block;
}

#sectionItems {
    margin-top: 15px;
}

.sectionItem .btn {
    float: right;
}

.sectionItem {
    list-style: none !important;
    display: block !important;
    margin-bottom: 10px !important;
    overflow: hidden;
}

.ccm-pagination .ltgray {
    display: none;
}

#topPagination {
    margin-bottom: 35px;
}

#topPagination .ccm-page-left, #topPagination .ccm-page-right {
    display: none;
}

#topPagination span a, #topPagination span.active strong {
    font-size: 20px;
    font-weight: bold;
    padding: 5px;
}

#topPagination span a {
    color: black;
}

#topPagination span.active strong {
    color: white;
    background: #0093D0;
}

#bottomPagination {
    height: 30px;
    margin-top: 50px;
}

#bottomPagination span, #bottomPagination .ccm-pagination-ellipses {
    display: none;
}

#bottomPagination .ccm-page-right, #bottomPagination .ccm-page-left {
    display: block;
}

#bottomPagination .ccm-page-right a, #bottomPagination .ccm-page-left a {
    color: #000;
    font-size: 16px;
    font-weight: 100;
    text-transform: uppercase;
}

.workshopIcon {
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    margin-right: 5px;
}

#displayPresentationWeight {
    color: green;
}

#displayQuizWeight {
    color: blue;
}

#displayPresentationWeight, #displayQuizWeight {
    padding: 20px;
    font-size: 20px;
    font-weight: bold;
}

#workshopOptions {
    margin-bottom: 15px;
}

#question, #wrongAnswer {
    position: relative;
}

#questionNum, #wrongX {
    color: #0093D0;
    position: absolute;
    top: 0;
    left: 0;
    font-weight: bold;
    font-size: 25px;
    line-height: 25px;
}

#questionText {
    min-height: 100px;
    border-bottom: solid 1px #444;
    padding-bottom: 30px;
}

#questionOptions {
    padding-left: 50px;
}

#question .textBody {
    padding-left: 60px;
}

#wrongAnswer {
    margin-top: 15px;
    position: relative;
}

#wrongAnswer .textBody h2 {
    color: #0093D0;
    font-weight: bold;
    font-size: 25px;
    line-height: 25px;
}

a.hasQtip {
    color: #333;
    border-bottom: 1px dotted #333;
    font-style: italic;
}

#glossary .evenCol {
    border-right: 1px solid #333;
}

.term {
    margin-bottom: 15px;
}

.term .word {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.term .definition {
    font-size: 12px;
}

.progressBar {
    border: solid 1px #333;
    height: 15px;
    position: relative;
}

.progressBar > div {
    background: #333;
    height: 100%;
}

.progressBar span {
    position: absolute;
    left: -45px;
    width: 32px;
    text-align: right;
    font-size: 12px;
    line-height: 12px;
    top: 1px;
}

.completionStatus {
    text-transform: uppercase;
}

.hurray {
    font-size: 12px;
    line-height: 12px;
    text-align: right;
    margin: 10px 0px;
    font-weight: bold;
    color: #40AE49;
}

.sectionIcons {
    text-align: right;
    margin: 5px;
}

#workshopGlobalMsg {
    padding: 15px;
    margin: 0 15px 15px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

#workshopGlobalMsg p {
    margin: 0;
    color: #31708f !important;
}

.epIcon {
    background-image: url('../images/iconSprite.png');
    background-repeat: no-repeat;
    width: 31px;
    height: 30px;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.epIcon.epIcon-presentation {
    background-position: 0px -64px;
}

.epIcon.epIcon-presentation.complete {
    background-position: 0px 0px;
}

.epIcon.epIcon-quiz {
    background-position: -68px -64px;
}

.epIcon.epIcon-quiz.complete {
    background-position: -68px 0px;
}

.newsletterPanel {
}

.newsletterPanel #newsletter {
    overflow: hidden;
    margin: 50px 200px;
    background-color: #5a4099;
    padding-bottom: 15px;
}

#profileOutCol2.epEventCalendar {
    background: white;
    padding: 15px;
    width: 643px;
}

#profileOutCol1.epEventCalendar {
}

.videoType {
    display: none;
}

.elearning-logo {
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
}

.elearning-logo img {
	width: 180px;
}

.video-text {
	margin-bottom: 10px;
}

select#signup_category {
	width: 265px;

}

/* BOOTSTRAP */

.col-md-6.workshop-boxes-home {
    display: inline-block;
}

.col-md-6 {
    display: inline-block;
}

#other-videos-in-webinar {
    background-color: #dcddde;
    /*margin-left: 0px;*/
    vertical-align: top;
    p.adding: 10px;
    /*width: 100% !important;*/
    max-width: 100%;
    align-items: stretch;
	margin-bottom: -22px;
}

#other-videos-in-webinar.other-videos-banner a {
    color: #fff;
}

div#related-videos {
    padding: 10px;
}

#related-videos {
    background-color: #c8c8c8;
    margin-right: 10px;
    max-width: 180px;
    align-items: stretch;
}

div#description-elearning {
    background-color: #c8c8c8;
    margin-left: 10px;
    /* max-width: 210px; */
    padding: 10px;
    /*width: 46.1% !important;*/
    max-width: 500px;
    align-items: stretch;
}

span.workshop-titlepage img {
    margin-bottom: 10px;
}

.lumina-workshops #video-box {
	width: 100%;
}

.lumina-workshops #other-videos-in-webinar {
    text-align: center;
	padding-top: 10px;
	background-color: #c8c8c8;
}

.slide-list {
    width: 48%;
    display: inline-block;
    float: left;
	margin-right: 8px;
}

.slide-list img.ccm-output-thumbnail {
    width: 100%;
}

#highlighted-slide img,
.slide-list img {
    margin-bottom: 5px;
}

.lumina-workshops #video-main,
.lumina-workshops #video-main video {
	text-align: center;
	width: 98%;
    margin: auto;
	margin-bottom: 10px;
}

form#lumina_login input {
    display: inline-block;
    margin-right: 22px !important;
	margin-bottom: 15px !important;
}

.lumina-link a {
    display: inline-block;
}

.lumina-complete {
	clear: both;
}

#ccm-block-form {
	width: 100%;
}

.btn.ccm-input-submit {
    text-align: center;
}
span.workshops-links {
    text-transform: lowercase !important;
}
img.ccm-output-thumbnail {
    width: 100% !important;
    height: auto !important;
}
h2.other-videos-title {
    /*color: #5a2a82;*/
	color: #fff;
    font-weight: 600;
    padding-top: 20px;
}
div#other-videos-in-webinar h2.other-videos-title{
	text-align:center;
	}
div.workshop-full-image{
	padding-left:0px;
	padding-right:0px;
	}
.trending-courses {
    background: #5a2a82;
	color:#fff;
}
.trending-courses img{
	width: 80px !important;
}
.webinars-blue-area {
    background: #428bca;
	color:#fff;
}
.webinars-blue-area img{
	width: 80px !important;
}
.eLearnings-workshops {
    background: #5f5f5f;
	color:#fff;
}
.eLearnings-workshops img{
	width: 80px !important;
}
.container.worshops-icons-container {
    margin-bottom: 40px;
    margin-top: -87px;
}

.workshop-boxes-home {
    height: 350px;
	max-width: 375px;
}

.Associate #other-videos-in-webinar.other-videos-banner {
	background-color: #9b75ba
}

ul.nav.nav-pills.workshop-progress-tabs {
    margin: auto;
	margin-top: 20px;
	margin-bottom: -4px;
	display: inline-block;
}

ul.nav.nav-pills.workshop-progress-tabs .active a,
ul.nav.nav-pills.workshop-progress-tabs a:focus {
    background-color: #ccc;
    color: #000;
}

ul.nav.nav-pills.workshop-progress-tabs a {
    background-color: #545454;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
	padding: 13px 20px;
}

.progress-content {
    background-color: #ccc;
    padding: 20px;
	display: none;
}

.progress-tab-row {
	text-align: center;
}

.clear-both {
    clear: both;
}

div#inprogress {
    margin-bottom: 15px;
    padding-bottom: 1px;
}

.workshop-welcome-inactive {
    display: none;
}

.workshop-welcome-inactive {
    display: none;
}

.editMode .workshop-welcome-inactive {
    display: block;
}

div#tab-content {
    margin-bottom: 25px;
}

@media(max-width:1078px) and (min-width: 0px) {
	div#description-elearning {
    	margin-left: 20px !important;
		margin-top: 35px !important;
	}
}
@media screen and (max-width: 875px) and (min-width: 0px) {
	div#description-elearning {
	   /* width: 44% !important;	*/
	}
}
@media screen and (max-width: 768px) and (min-width: 0px) {
	#profileOutCol1 {
	    width: 100%;
	    float: left;
	    margin-right: 15px;
	}
	div#footer {
	    width: 96% !important;
	}
	#video-main iframe {
	    width: 100%;
	    height: 300px;
	    height: auto !important;
	    min-height:300px;
	}
	#container-vids {
    display: inline;
}
	.workshopPanelBg {
    background: url('../images/panelbg.png') repeat;
    overflow: hidden;
    text-align: left;
    max-width: 100%;
    min-height: 250px;
    width: 96% !important;
    margin: 0px
    margin-bottom:30px;
	}
	.workshopPanelBg img {
	    border: 0px;
	    width: 100%;
	    height: auto;
	}
	div#description-elearning {
    background-color: #c8c8c8;
    margin-left: 15px;
    padding: 10px;
    max-width: 100% !important;
   }
	   #related-videos img {
	    border: 0px;
	    width: 100%;
	    height: auto;
	    margin-bottom:15px;
	}
	div#related-videos {
	    width: 90% !important;
	    margin-left:15px;
	    float: left;
	    content-align:center;
        max-width: 200px !important;
	}
	#other-videos-in-webinar {
    background-color: #c8c8c8;
    margin-left: 0px;
    vertical-align: top;
    padding: 10px;
    max-width: 100% !important;
    margin-left: 15px;
    margin-bottom:30px;
}
	.col-md-8 {
    width: 100%;
    float: left;
    height: auto;
	}
	div#related-videos {
	    width: 100%;
	    float: left;
	}

}

@media(max-width:600px) and (min-width: 0px) {
	.workshop-boxes-home {
    	width: 100% !important;
	}
}