*{margin:0;padding:0;border:0;font-family:Arial, Helvetica, Verdana, sans-serif;}
img{max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
img.desaturate{filter: grayscale(100%);}
button, input, select, textarea{font-size:100%;vertical-align:middle;}
button::-moz-focus-inner, input::-moz-focus-inner{ border: none;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer;-webkit-appearance:button; outline: none;}
input[type="search"] {-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance:none;}
textarea{overflow:auto;vertical-align:top;}
audio, canvas, video{display:inline;zoom:1;}
html, button, input, select, textarea{}
body{position:relative;}
\:section, \:article, \:figure, \:figcaption{ display: block; }

/* Usefull classes */
.no-padding {padding: 0 !important}
.no-padding-top {padding-top: 0 !important}
.no-margin {margin: 0 !important}
.no-margin-top {margin-top: 0 !important}
.no-bold {font-weight: normal}
.underline {text-decoration: underline !important}
.no-underline {text-decoration: none}
.introMarginBotton {margin-bottom: 10px}
.border-triangle {
    border-width: 5px;
    border-style: solid;
    display: inline-block;
    width: 0;
    height: 0;
}
.border-triangle.down {
    border-bottom: 0;
    border-left-color: transparent;
    border-right-color: transparent;
}
.invisible {
    visibility:hidden;
}

/* GRID (SPANS)*/
.container {padding-right:20px;padding-left:20px;zoom:1;}
.container:before, .container:after {display:table;content:"";}
.container:after {clear:both;}
.row {width:100%;zoom:1;clear:both;}
.row:before, .row:after {display:table;content:"";}
.row:after {clear:both;}
.row [class*="span"] {display:block;width:100%;min-height:28px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.128%;*margin-left:2.074%;}
.row [class*="span"]:first-child {margin-left:0;}
.row .span12 {width:100.0%;*width:99.947%;}
.row .span11 {width:91.489%;*width:91.436%;}
.row .span10 {width:82.979%;*width:82.926%;}
.row .span9 {width:74.468%;*width:74.415%;}
.row .span8 {width:65.957%;*width:65.904%;}
.row .span7 {width:57.447%;*width:57.394%;}
.row .span6 {width:48.936%;*width:48.883%;}
.row .span5 {width:40.426%;*width:40.372%;}
.row .span4 {width:31.915%;*width:31.862%;}
.row .span3 {width:23.404%;*width:23.351%;}
.row .span2 {width:14.894%;*width:14.84%;}
.row .span1 {width:6.383%;*width:6.33%;}
.row.padded{ padding: 18px 95px; width: auto;}
.row.auto-add-all { padding-top: 18px}


.no_navigation .row {width:85%;zoom:1;clear:both;}


/* FONTS*/
h1{font-size:22px;color:#333;line-height:24px;font-weight:normal;margin:20px 0 10px 0;}
h2{}
h3{font-size:15px;font-weight:bold;line-height:18px;color:#333;margin:18px 0 6px 0;}
h4{color:red;font-size:15px;line-height:18px;margin:10px 0 0 0;}
h4.success{color:#008C00;}
p.author,.accordion .accordion-content p.author {font-size:14px;color:#333;}
.solo p{width:470px; min-height: 23px; float: left;} /* dgr: styling for reviewer homepage when is only 1 training */
.solo .text{overflow: hidden; height: auto;}
.solo a.wicon{float: left;}
h1.article-name{max-height:30px; overflow:hidden}
p{font-size:15px;color:#333;line-height:18px;padding:10px 0 7px 0;}
li{font-size:15px;color:#333;line-height:18px;padding:7px 0;}
label{font-size:15px;color:#333;line-height:15px;}
.no_navigation {font-size: 19px;}
.wcea_text_red{
    color: #D80000 !important;
}

.controls label.checkbox{
    font-size:14px;
    color:#666;
}

.h3.show-my-training{
    float:left;
}

.checkbox.show-my-training{
    float:right;
    margin:-5px 10px 12px;
}

label i.label-expl{font-size:13px;color:#333;font-family:"Georgia", "Times New Roman", Times, serif;display:block;line-height:16px;padding:5px 0;}
input, select, textarea{font-size:14px;color:#555;}
.selector select option{
    padding-left: 7px;
}
table td{font-size:12px;color:#333;}
a{color:#0080C5;font-size:14px;text-decoration:underline;outline:none;}
a:visited{color:#0080C5;}
a:hover{color:#0062a7;}
a:focus{outline:none;}
a.no-underline{text-decoration: none;}
a.hastip{color: #333;}
i.hastip{cursor:pointer;}
small{ font-size:11px;line-height:11px;}
/*fonts for not-logged in pages*/
.general h1{font-size:30px;color:#666666;line-height:36px;font-weight:bold;}
.general h2{font-size:18px;line-height:24px;font-weight:normal;margin:20px 0 10px 0;}
.general h2:not(.brand-color){
    color:#333;
}
.general fieldset h2{font-size:20px;font-weight:bold;line-height:26px;color:#666666;margin:0;}
.general h3{font-size:15px;font-weight:bold;line-height:18px;margin:18px 0 6px 0;}
.general h3:not(.brand-color){
    color:#333;
}
.general aside h1, .general .secondary h1{font-size:24px;color:#666666;line-height:30px;font-weight:bold;}
.general header.pageheader{border-bottom:1px solid #666666;padding:20px 0 0 0;margin:0 0 5px 0;}
.general header.pageheader.center{padding:20px 0 20px 0;margin:0 0 25px 0;text-align: center;}
.general header.pageheader.center div{font-size: 16px; font-weight: bold; display: inline-block;vertical-align: super}
.general header.pageheader.center i, .aboutExclamation i{padding-right: 10px;font-size: 40px}
.general header.pageheader.center a{font-size: 15px; font-weight: normal}
.general header p{padding-top:0;}

.aboutExclamation{
    font-size: 15px;
}

.aboutExclamation i{
    line-height: 35px;
}

section >article h1,section #inProgContent >article h1,section #hightlyRatedTrainingList >article h1,.general section article h1,.general section.secondary article h1{color:#333;font-size:15px;line-height:14px;font-weight:bold;margin:0 0 3px 0;height: 30px}
section article p,.general section article p,.general section.secondary article p,.general .contextual p{font-size:13px;line-height:16px;padding:3px 0 8px 0;color:#666;font-weight: normal;}
section article li,.general section article li,.general section.secondary article li{font-size:13px;line-height:16px;padding:3px 0;color:#666;}
section article a,.general section article a,.general section.secondary article a,.general .contextual a{font-size:12px;}

#highlyRatedResultsLink{
    text-align: right;
}
#resultsLink{
    text-align: right;
}

#highlyrated .indicator p{
    font-size: 18px;
}

#search_results_hosted_content_count .indicator p{
    font-size: 18px;
}

.priceFilter{
    border:1px solid #ddd;
    /*padding:5px;*/
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    overflow: hidden;
    background-color: #ffffff;
    font-size: 14px;
    margin-right: 2px;
    margin-top: 5px;
}
.homepage-content .priceFilter {
    margin-bottom:15px;
}
.priceFilter div{
    cursor: pointer;
    float: left;
    padding: 5px 20px;
}
.priceFilter div:hover{
    background: #eee;
}
.priceFilter div:not(.last-span){
    border-right: 1px solid #ddd;
    /*padding: 5px;*/

}
.priceFilter div.currentFilter{
    background: #ddd;
}
.priceFilter div.currentFilter:hover{
    background: #ccc;
}

section#inprogress article:not(.solo){
    min-height:120px;
    margin-bottom:0px;
    position:relative;
}

section#inprogress article:not(.solo) a.action{
    position:absolute;
    bottom:15px;
}
section#inprogress article:not(.solo) a.cancel{
    position:absolute;
    bottom:3px;
}

.single-content-info{
    height:122px;
}

span.homepageTrainingCount{
    font-size: 18px;
}

.homepageDisclaimer{
    padding-top: 20px;
    margin-bottom: -20px;
}

.homepageDisclaimer .logo{
    max-height: 80px;
    display: block;
    float: none!important;
    margin: 0 auto;
}

.homepageDisclaimer .orgName{
    text-align:center;
    display:block;
    margin:7px 0 13px;
}

.homepageDisclaimer .userConfirmation{
    position: absolute;
    margin-top: 15px;
    margin-left: 100px;
}

/* homepage wcea custom keysearch */


#prefill-input-results{
    width: 638px;
    background-color: white;
    max-height:250px;
    overflow:auto;
}

.prefill-input-results-option{
    display: block;
    font-size: 15px;
    color: #555;
    line-height: 25px;
    padding-left: 20px !important;
    text-decoration:none;
}

.prefill-input-results-option:hover{
    background-color: #ccc;
    cursor: pointer;
}

a.goback{float:right;font-size:12px;line-height: 32px;text-decoration: underline;}
a.wicon{display:block;text-decoration:none;}
a.wicon i{padding-right:4px;text-decoration:none;}
a.wicon b{font-weight:normal;text-decoration:underline;}
li.current a{text-decoration:none;}
.lead {font-style:italic;font-size:18px;margin-bottom:12px;font-family:"Georgia", "Times New Roman", Times, serif;}
.intro,.intro a,.accordion .accordion-content p.intro,.accordion .accordion-content span.cpd_measurement_to_display.intro {font-style:italic;font-size:15px;padding-bottom:9px;font-family:"Georgia", "Times New Roman", Times, serif;color:#333; clear: both;}
.intro.inline{ clear:none; display: inline-block;}
/* Public warning */
.publicWarningIcon{margin-top:50px;text-align: center; font-size: 140px;color:#efefef}
.publicWarningHeader{text-align: center}
h1.publicWarningHeader{font-size: 45px}
.publicWarning{margin-top: 25px;text-align: center}
/* LISTS */
ul, ol{padding:0;margin:7px 0 9px 25px;}
ul ul, ul ol, ol ol, ol ul{margin-bottom:0;}
ul{list-style:disc;}
.content ul,.modal ul{list-style:none;margin:3px 60px 8px 60px;}
.no_navigation .content ul,.modal ul{list-style:none;margin:0px 00px 0px 29px;}

#ul_nowrap {list-style:none;margin:3px 60px 8px 30px;}
.content ul li,.modal ul li{text-indent:-20px;}
.content ul li:before,.modal ul li:before{content:'\25cf';font-size:18px;color:#666666;padding-right:10px;}
.no_navigation .content ul li:before{content:no-close-quote;font-size:18px;}


.content.texty ul li, .content.texty ol li, .content.texty p{ color:#999999;font-size: 13px;line-height: 16px;}
.content.texty ul li, .content.texty ol li, .content.texty p, .content.texty h3{ margin-left: 40px; margin-right: 40px; padding-left: 0;}
.content.texty ul li p, .content.texty ol li p{ margin-left: 0;display: inline;}
.content.texty ul li, .content.texty ol li{list-style-position: inside;}
.content.texty ul, .content.texty ol{ margin: 0; padding: 0;}

/* We don't want to add bullets sometimes  */
.content ul.nobullet, .modal ul.nobullet{
    list-style-type:none;
}
.content ul.nobullet li:before, .modal ul.nobullet li:before{
    content:none;
    padding-right:0px;
}

ul.nobullet{
    list-style-type: none !important;
}

ul.nobullet li:before{
    content:none !important;
    padding-right:0px;
}

ul.nobullet.accredit{
    padding-left: 2%;
}

.content .content_collection ul{
    margin-left: 16px;
    margin-right: 0px;
    margin-top: 8px
}

.content .content_collection ul li{
    padding-top: 4px;
    padding-bottom: 4px;
    color: #333;
    font-size: 13px;
}
.pd-b-0{
    padding-bottom: 0;
}
.module-pathway {
    padding-left: 40px;
    padding-top: 5px;
}

.module-pathway p {
    padding: 3px 0;
    font-size: 14px;
    line-height: 16px;
}

.personal-protective .buttonwrap .action{
    width: 116px;
}
.personal-protective .action.prime{
    font-size: 14px;
    line-height: 25px;
    align-self: start;
}
.personal-protective .buttonwrap.for1 .action {
    margin: 0;
    margin-left: auto;
    align-self: start;
}
.personal-protective .buttonwrap.for2 .action.first-child,
.personal-protective .buttonwrap.for2 .action.pie_first-child,
.personal-protective .buttonwrap.for3 .action.first-child,
.personal-protective .buttonwrap.for3 .action.pie_first-child,
.personal-protective .buttonwrap.for4 .action.first-child,
.personal-protective .buttonwrap.for4 .action.pie_first-child
{
    float: none;
    margin-left: auto;
}
.personal-protective .buttonwrap.for3 .action {
    float: none;
    margin-left: auto;
}
.personal-protective .buttonwrap {
    display: flex;
    flex-wrap: wrap;
    min-width: 150px;
}

.personal-protective .buttonwrap.for2 .action {
    float: none;
    margin-left: auto;
}

.creating-module-checkbox.checkbox{
    display:flex;
}

.creating-module-checkbox h3{
    margin-top: 6px;
}

.creating-module span{
    font-size: 13px;
}

.content .content_collection ul li::before{
    font-size: 10px;
}

.developing_countries_list_holder{
    max-height:300px;
    overflow:hidden;
}
ul.developing_countries_list{
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
    text-align:left;
    margin: 10px 0px;
    overflow:hidden;
}


ul.developing_countries_list li{
    font-size: 11px;
    line-height: 14px;
    padding:0;
}


p.highlighted-text{background-color: #EEEEEE; padding: 10px; margin-top: 5px;}
p.highlighted-text strong{color: #000000;}


ol{list-style:decimal;}
dl{margin-bottom:18px;}
dd{margin-left:9px;margin-bottom:7px;}
dt{font-weight:bold;font-size:15px;color:#333;line-height:18px;}
dd{font-size:13px;color:#999;line-height:16px;}
dd a{font-size:12px;}
.dl-vertical dt{margin:20px 0 8px 0;}
.dl-vertical dd{margin:6px 0 0 0;}
.contextual .dl-vertical{padding-left:25px;}
.dl-horizontal dt{float:left;width:100px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dl-horizontal dd{margin-left:125px;}


/*standard button:;gradient darker to brand color, 2px white inset dropshadow over the top, 1px black text shadow and box shadow, 1px darker color border*/
a.action,button.action{
    display:block;
    text-align:center;
    text-decoration:none;
    font-size:15px;
    color:#ffffff;
    padding:0;
    line-height:28px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    position:relative;
    zoom:1;
    *zoom:1;
    background:#0080C5;
    margin:0 0 10px 0;
    cursor: pointer;
}

button.action.resend{
    line-height:15px;
    display:inline;
    float:left;
    margin-right:10px;
}

.row.resend{
    margin:-15px 18px 0px;
}

a.action.hidden,button.action.hidden{
    display:none;
}
a.action:focus, button.action:focus{
    box-shadow:0 0 3px #666;
}
/*on hover swap direction of the gradient, position white inset shadow over the bottom*/
a.action:hover,button.action:hover{
    background:#0062a7;
}
.neutral,.neutral:hover{color:#333}
/*larger button*/
a.action.prime,button.action.prime{font-size:22px;line-height:43px;}
/*grey button, inherit box and text shadows*/
a.action.neutral,button.action.neutral{border:1px solid #333333;
    background:#333;

}
/*grey button on hover, same as standard hover*/
a.action.neutral:hover,button.action.neutral:hover, a.action.neutral.hover,button.action.neutral.hover{
    background:#666;
}

a.action.xs,button.action.xs{margin-bottom:4px;line-height:26px;}
.action.w116{width:114px;}
.action.w120{width:118px;}
.action.w125{width:123px;}
.action.w140{width:138px;}
.action.w160{width:158px;}
.action.w180{width:178px;}
.action.w200{width:198px;}
.action.w210{width:208px;}
.action.w230{width:228px;}
.action.w250{width:248px;}
.action.w290{width:288px;}
.action.w301{width:299px;}
.action.w346{width:344px;}
.action.w437{width:435px;}
.action.full{width:100%;}

.action.mini{width:34px;display:inline-block;margin:0;font-size:22px;margin-left:2px;height:30px;line-height:30px;}
.action.search{width:30px;display:inline-block;margin:0;font-size:22px;border:none;margin-left:8px;height:30px;line-height:32px;}
.form.compact .action.search{margin-left:2px;}
.action.upload{width:80px;height:80px;border:none;font-size:72px;}
.action.plus{
    -pie-background:none;
    background: none;
    border: none;
    color: #666;
    font-size:22px;
    line-height: 44px;
    height: 44px;
    display:block;
    width:220px;
    margin:0 auto;
    position: relative;
    text-shadow:none;
}
.action.plus:hover{-pie-background:none; background: none; color: #333;}
.action.plus i{ background: #ddd; width: 44px; height: 44px; border-radius: 22px; -moz-border-radius:22px;-webkit-border-radius:22px; font-size:44px;text-align: center; margin-right: 10px; display: block; float: left;}

.add_question_link_container a,
#add_disclosure_link,
#add_objective_link,
#add_training_sponsor_link{
    border: none;
    color: #666;
    font-size:22px;
    line-height: 44px;
    height: 44px;
    display:block;
    width:220px;
    margin:0 auto;
    position: relative;
    text-shadow:none;
    font-weight: bold;
    text-decoration: none;
}

.add_question_link_container a i ,
#add_disclosure_link i,
#add_objective_link i{
    background: #ddd;
    width: 44px;
    height: 44px;
    border-radius: 22px;
    -moz-border-radius:22px;
    -webkit-border-radius:22px;
    font-size:44px;
    text-align: center;
    margin-right: 10px;
    display: block;
    float: left;
}

.add_question_link_container a:hover,
#add_disclosure_link:hover,
#add_objective_link:hover{
    background: none;
    color: #333;
}


.add_lesson_link_container a,
#add_disclosure_link,
#add_objective_link {
    border: none;
    color: #666;
    font-size:22px;
    line-height: 44px;
    height: 44px;
    display:block;
    width:220px;
    margin:0 auto;
    position: relative;
    text-shadow:none;
    font-weight: bold;
    text-decoration: none;
}

.add_lesson_link_container a i ,
#add_disclosure_link i,
#add_objective_link i{
    background: #ddd;
    width: 44px;
    height: 44px;
    border-radius: 22px;
    -moz-border-radius:22px;
    -webkit-border-radius:22px;
    font-size:44px;
    text-align: center;
    margin-right: 10px;
    display: block;
    float: left;
}

.add_lesson_link_container a:hover,
#add_disclosure_link:hover,
#add_objective_link:hover{
    background: none;
    color: #333;
}



.action img{
    margin-right: 5px;
    padding-bottom: 3px;
}
button.link,a.link{background:none;color:#0080C5;font-size:14px;text-decoration:underline;line-height:30px;}
button.link:hover,a.link:hover{color:#0062a7;}
button.link.float-r,a.link.float-r{margin-right:18px;}
button.link.l-right{width:200px; text-align: right;}    /* dgr */
.form-actions a.link.float-r{margin-right:60px;}
.smalllink{font-size:12px;line-height:32px;}
/*to clean*/
.clearit{overflow:hidden;height:0;width:100%;clear:both;zoom:1;}
.clearfix:before, .clearfix:after{display:table;content:"";}
.clearfix:after{clear:both;}

.pre-scrollable{max-height:340px;overflow-y:scroll;}

/* np */
html,body.general,body.portal{height:100%;margin:0;padding:0;}
.wrap{min-height:100%;position:relative;}
.headerContainer,.footerContainer{background-color:#0080C5;overflow:auto;width: 100%}
.headerContainer{background-image:url("../images/ccc.png");background-repeat:repeat-x;background-position:bottom;padding-top :10px;position:relative;}
.pageContainer{overflow:auto; clear:both;padding-bottom:165px;}
.headerContainer header,.pageContainer .page,.footerContainer footer, .preHeaderBar .barContent{width:950px;margin:0 auto;overflow:hidden;position:relative;}
.headerContainer header.mainLandingPage{width:1170px;margin:0 auto;overflow:hidden;position:relative;}
.pageContainer .landingPage{width:1170px;margin:0 auto;overflow:hidden;position:relative;}
.headerContainer header{height:160px;}
.footerContainer{border-top:1px solid #cccccc; position: absolute; bottom: 0;}
.footerContainer footer{padding:19px 0 0 0; height: 110px;}
/*header and footer assistive nav*/
.headerContainer .assist{float:right;width:49%;text-align:right;padding:12px 0 0 0;}

.preHeaderBar{color: white;padding-top: 10px; height: 35px;}
.preHeaderBar .welcome-msg{margin-top: 7px; float:left; padding-left: 20px;}
.preHeaderBar .assist{float:right;width:49%;text-align:right;}
.footerContainer .assist{float:left;}
.footerContainer .assist ul{margin:0;}
.headerContainer .assist ul li, .footerContainer .assist ul li, .preHeaderBar .assist ul li{font-size:13px;display:inline;list-style:none;}
.footerContainer .assist ul li{font-size:14px;}
.headerContainer .assist ul li:first-child a, .footerContainer .assist ul li:first-child a, .preHeaderBar .assist ul li:first-child a{border-left:none;}
.headerContainer .assist ul li a, .footerContainer nav ul li a, .preHeaderBar nav ul li a{color:#fff;padding:0 12px;border-left:1px solid #fff;text-decoration:none;}
.headerContainer .assist ul li:last-child a{padding-right:0}
.footerContainer .assist ul li:first-child a{padding-left:0;}
.headerContainer .assist ul li a:hover, .footerContainer .assist ul li a:hover, .preHeaderBar .assist ul li a:hover{text-decoration:underline;}
.headerContainer .logo {position:absolute;left:0;width:auto;padding:0;height:200px;line-height:160px;}

.linkedTrainingPageContainer{width:100%;margin:0 auto;overflow:hidden;position:relative;}


/*
this line now included in brandedcss
.headerContainer .logo img{max-height:160px; margin-top: 20px; margin-bottom: 60px;}*/
.headerContainer .tagline{position:absolute;bottom:45px;right:0;text-align:right;}
.organizationTabs{bottom: 81px !important;}
.headerContainer .tagline p{font-size:31px;line-height:41px;color:#fff;margin:0;padding:0;margin-top: 0px;}
.headerContainer .tagline .poweredbyverified{color:#fff;height:30px;position:relative;line-height:30px;display:block;text-align:right;text-transform:uppercase;margin-top: -7px;margin-bottom: -38px;font-size:10px}
.headerContainer .tagline .poweredbyverified a{
    color: #fff;
}
.headerContainer .tagline.easyshare{
    position: static;
    float: right;
    text-align: center;
}
.headerContainer .tagline.easyshare p {
    font-size: 15px;
}
.headerContainer .tagline.easyshare h2 {
    font-size: 23px;
    line-height: 29px;
    padding-top: 40px;
    font-weight: normal;
}
.portal .headerContainer .tagline.easyshare h2 {
    padding-top: 40px;
}
.headerContainer .tagline.easyshare img{
    height: 100px;

}
.headerContainer .tagline.easyshare a, .headerContainer .tagline.easyshare a:visited{
    color: white;
}
.headerContainer .tagline.easyshare .poweredbyverified{/*float:none; text-align: left;*/}
@font-face {font-family:'icomoon';src:url('../font/icomoon.eot');src:url('../font/icomoon.eot?#iefix') format('embedded-opentype'),url('../font/icomoon.svg#icomoon') format('svg'),url('../font/icomoon.woff') format('woff'),url('../font/icomoon.ttf') format('truetype');font-weight:normal;font-style:normal;}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before{font-family:'icomoon';content:attr(data-icon);speak:none;font-weight:normal;-webkit-font-smoothing:antialiased;}
.headerContainer .tagline .poweredbyverified .fs1{font-size:50px;position:absolute;bottom:0;right:0;font-weight:normal;}
.footerContainer footer p.copyright{color:#fff;float:right;font-size:10px;padding:2px 0 0 0;}
.footerContainer footer p.copyright b{font-size:14px;font-weight:normal;}
.footerContainer footer p.copyright a{color: #fff;}
.footerContainer span {font-size: 13px;}
/*portal tabs*/
.headerContainer .portaltabs{height:40px;width:735px;display:block;font-size:12px;line-height:16px;position:absolute;bottom:0;right:0;}
.general .headerContainer .portaltabs{display:none;}
.headerContainer .portaltabs ul{margin:0;overflow:hidden;}
.headerContainer .portaltabs ul li{display:block;float:left;position:relative;margin:0 8px 0 0;padding:0;background:#ffffff;height:38px;width:198px;text-align:center;line-height:38px;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;border:1px solid #cccccc;}
.headerContainer .portaltabs ul li.current,.headerContainer .portaltabs ul li:hover{background:#eeeeee;border-bottom:1px solid #eeeeee;}
.headerContainer .portaltabs ul li a{
    color:#bababa;
    font-size:20px;
    text-decoration:none;
    font-weight:bold;
    display:block; /* Makes the whole tab clickable*/

}
.headerContainer .portaltabs ul li.current a,.headerContainer .portaltabs ul li:hover a{color:#666;}
.headerContainer .portaltabs p{display:block;width:auto;position:absolute;right:0;bottom:0;margin:0;padding:0;color:#fff;text-align:right;font-size:18px;line-height:40px;}
.headerContainer .portaltabs ul li span{
    font-size:11px;
    color:#fff;
    background:#bfbfbf;
    border-radius:7px;
    height:16px;
    min-width:12px;
    padding:0px 2px;
    display:block;
    position:absolute;
    top:2px;right:2px;
    line-height:16px;
}
.headerContainer .portaltabs ul li.current span,.headerContainer .portaltabs ul li:hover span{background:#8c8c8c;}




/* Tabs in headerContainer in Organisation Portal need to be smaller!*/
.headerContainer .portaltabs.smaller ul li{
    width: 174px;
    margin-right: 5px;
}

.headerContainer .portaltabs.smaller p.name, .headerContainer .portaltabs p.lastlogin{
    line-height: 1em;
}
.headerContainer .portaltabs.smaller p.name{
    position:absolute;
    top:0px;
}
.headerContainer .portaltabs.smaller p.lastlogin{
    font-size: 13px;
    position:absolute;
    bottom:5px;
}
.footerContainer .terms-conditions {
    color:#fff;
}
.footerContainer .terms-conditions a {
    color: #fff;
    text-decoration: none;
}

.content.widew #LoginForm { margin: 0 50px; }
.content.widew #LoginForm form{width:312px; margin-left:260px;}
.content.widew #LoginForm form .help{ width:auto;}
.content.widew #LoginForm form .form-actions{
    padding-left:0px;
}

#login-account{
    height: 55px;
}

/*HIGH LEVEL CONTENT DIVS*/
.portal .page{}
.content{float:left;}
.page aside{float:right;}
/*.portal .page{background:url("../images/bg.png") repeat-y;}*/
.no_navigation .page{background-color: #EEEEEE;}
.portal .content{width:720px;padding:15px;float:right;overflow:hidden;position:relative;font-size:12px;line-height:16px;}
.no_navigation .content{width:920px;padding:15px;float:right;overflow:hidden;position:relative;font-size:12px;line-height:16px;}
.content.normalw{width:650px;padding:15px 0 0;}
.content.passw{width:850px;padding:15px 50px;}
.content.widew{width:950px;padding:15px 0 0 0;}
.content.promo-registration{width:610px;padding:15px 0 0 0;}
.content.wide .form{margin:0 50px;}
.content.secondary{background:url("../images/hr_bg.jpg") top repeat-x;width:100%;}
.contextual{width:250px;float:right;}
/*HOME PAGE*/
.promo-login{width:278px;float:left;padding:24px 0 0 0;}
.promo-login h1{border-bottom:0px;padding-bottom:5px;}
.content.promo-registration{width:550px; height: 348px;}
.promo-registration h1{font-size:46px;line-height:55px;margin:0;padding:75px 0 24px 10px;color:#666666;font-weight:bold;}
.threecol{margin:10px 0 30px 0;overflow:hidden;}
.threecol article{width:275px;float:left;margin:0 0 30px 61px;}
.threecol article:first-child{margin-left:0;}
.threecol video{margin-bottom:18px;}

#page-mooclogin .promo-registration{
    width: 575px;
    margin-bottom: 25px;
}
#page-mooclogin .promo-registration h1{
    padding: 25px 0 10px 10px;
}
#page-mooclogin .promo-registration h2{
    padding: 0 10px 0 10px;
}

#page-mooclogin .promo-login{ padding-top: 35px; }
#page-mooclogin .promo-login h1{
    line-height: 0px;
}
#page-mooclogin .portal-features{
    border-top: 1px solid #ddd;
    padding: 25px 10px;
}

#page-mooclogin .portal-features .icon{
    font-size: 50px;
    color: #666;
}
#page-mooclogin .portal-features .title{
    margin: 0;
    font-weight: bold;
}
#page-mooclogin .portal-features .description{
    padding: 0;
}


/*author dashboard*/
.casing .threecol{margin:10px 0 30px 0;}
.casing .threecol article{width:210px;float:left;margin:0 0 18px 32px;}
.casing .threecol article.first{margin-left:0;}
.casing .threecol video{margin-bottom:18px;}

.casing .casing-title.big{
    font-size: 30px;
    font-weight: bold;
    padding-top: 10px;
}
.casing .casing-title .action{
    float: right;
    display: table;
}

/*GENERAL TEXT PAGES*/
.indent{margin:0 0 0 50px;}
.contextual nav{padding:18px 0;}
.contextual nav ul{list-style:none;padding:0;margin:0;}
.contextual nav ul li{padding-left:25px;color:#666666;}
.contextual nav ul li.current{padding-left:7px;}
.contextual nav ul li.current:before{content:"\f053";font-family:"FontAwesome";padding-right:10px;}
.goto{padding:18px 0 18px 25px;}
.goto a{font-size:12px;}
/*PORTAL PAGES*/
/*portal navigation*/
.portalnav{width:200px;float:left;padding:0;position:relative;}
.portalnav ul{margin:0;padding:0;}
.portalnav ul li{list-style:none;padding:0 0 0 18px;}
.portalnav ul li a{font-size:15px;line-height:18px;color:#666;text-decoration:none;font-weight:bold;border-top:1px solid #DDD;display:table-cell;vertical-align:middle;height:58px;width:158px;}
.portalnav ul li:first-child a{border-top:none;}
.portalnav ul li.current{background:url("../images/arr_portalnav.png") no-repeat right;}
.portalnav ul li.current a, .portalnav ul li a:hover,.portalnav ul li.current li.current a{color:#666666;}
.portalnav ul li a span{text-transform:lowercase;color:#666;font-weight:normal;display:inline-block;font-size:12px;}
.portalnav ul li a span.full {display:block;}
.portalnav ul ul{margin-top:-10px;margin-bottom:18px;}
.portalnav ul ul li a{color:#999999;font-weight:normal;display:block;font-size:12px;height:auto;border-top:none;width:144px;margin-bottom:0;}
.portalnav ul li.current li a{color:#666;}
.portalnav ul li.current li.current{background:none;}
.portalnav ul li a.threeLines{padding: 10px 0}
.portalnav ul li a span.content-count{color:#999;font-size: 15px;font-weight: bold}
.ads{background:#E5E5E5;margin:0 18px;min-height:500px;}
/*portal content*/
.portal .content header{border:none;margin:-4px 0 10px 0px;overflow:hidden;}
.no_navigation .content header{border:none;overflow:hidden;}

.portal section header{padding:12px 0 0 0;margin:0;}
.portal h1,.portal section header h1{margin:0;display:block; margin-top:5px;}
.no_navigation h1,.no_navigation section header h1{margin:0;display:block; margin-top:10px; margin-bottom: 25px;}

.casing.stacked .portal h1{padding-top:5px;}
.stats header h1, .stepto h1{margin-top:0px;}
.portal h1.clear,.portal section header h1.clear{float:none;}
.portal .promo h1,.portal .content .solo h1{float:none;}
.no_navigation .promo h1,.no_navigation .content .solo h1{float:none;}

.portal .casing header span.rate{padding:0 0 0 12px;line-height:24px;white-space: nowrap;}
.portal header a.more{float:right;display:block;}
.portal header a.more i{color:#999;}
.portal header a.more b{text-decoration:underline;padding-right:4px;font-weight:normal;}
.portal header a.edit{float:right;display:block;font-size:12px;}
.casing{
    background:#fff;
    border:1px solid #ECECEC;
    padding:12px;
    width:694px;
    clear:both;
    margin:0 0 10px 0;
    overflow:hidden;
    min-height: 452px;
}

.casing.empty{
    background: none;
}
.casing.empty .cap2{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}



.casing .cap2{
    background-color:#333;
    padding:0px 12px 0px 10px;
    margin-left:-12px !important;
    margin-right:-12px !important;
    margin-top: -12px;
    position:relative;

    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
    line-height: 45px;
    margin-bottom:0 !important;
}

.casing .cap2 .text2{
    display:inline-block;
    word-spacing:2px;
    padding-left: 2px;
    color:#fff;
    font-size:16px;
    font-weight:bold;
    font-family:Arial, Helvetica, Verdana, sans-serif;
    white-space: nowrap;
    width: 360px;
}
.casing .cap2 a.action{
    /*display:inline-block;*/
    text-align:center;
    float:right;
    font-size:16px;
    margin-top:7px;
    letter-spacing:1px;
    white-space: nowrap;
    width: 300px;
}






.casing.stepto i:hover{
    color:#333;
}


#availabletrainingchart{
    z-index:1;
}


.jqplot-event-canvas{
}
.jqplot-table-legend{
    left:105px;
    right:0px !important;

}

.jqplot-table-legend-label{
    width:190px;
}

.jqplot-table-legend-label a{
    text-align:left;
}


.jqplot-table-legend i{
    color:#333;
    font-weight: normal;
    /*    position:absolute;
    right:-5px;*/
    float:right !important;
    margin-left:3px;
}


#availabletrainingchart .availabletrainingsCount{
    font-weight:bold;
    float:right;
    color: #333;
}

.casing .cap a.action.float-r{display:inline-block;padding-left:10px;padding-right:10px;margin:8px 10px;}

.casing h1 span{color:#999;}
.casing h1 span.training_available{font-size: 18px}
.casing header .timeholder{
    display:block;
    color:#666;
    font-size:14px;
    /*padding:6px 0 0 18px;*/
    padding:9px 0 0 150px;
    float: left;
}
.casing header .timeholder.mini{
    padding:9px 0 0 25px;
}
.casing header .fixed{position:absolute;right:36px;}
.casing header a.edit{margin-top:6px;}
.casing header a.action{float:right;margin:0 0 0 15px;}
.casing header .video-help{
    margin-left: 15px;
    float:right;
    padding:6px;
    font-size:20px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color:white;
    background-color:#333;
}

.control-group .video-help{
    margin-left: 15px;
    line-height: 22px;
    float: right;
    padding: 6px;
    font-size: 20px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: white;
    background-color: #333;
}
.casing section.training{background:url('../images/border_shadow.png') repeat-x bottom;padding:0 0 10px 0;}
/*.casing section.training h1{
    margin-bottom: 10px;
}*/
.casing section.training:last-child{background:none;}
.casing.semi{background:#fff;border:1px solid #ECECEC;padding:10px;width:333px;height:120px;float:left;margin:0 0 10px 0;clear: none; min-height: 0}
.casing.semi.float-r{ float: right;}

.casing.semi.stats{
    height:100px;
}

.casing.semi.stats a{
    font-size:12px;
}

.casing.semi.stats header{
    margin-bottom: 10px;
}

.casing.semi.x{
    float:right;
}
.casing.semi.stats ul.actions{
    width:100% !important;
}

.casing.semi.stats ul.actions li{
    line-height: 20px;
}

.casing.stacked {
    min-height: 0;
    padding-bottom: 4px;
}

.casing.semi header{margin:0;}
.casing, .portal .content .promo.search, .casing .actions {-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
/*dashboard sections*/
.promo.search{
    /*-moz-box-shadow:inset 0 -70px 70px rgba(255,255,255,0.3);*/
    /*-webkit-box-shadow:inset 0 -70px 70px rgba(255,255,255,0.3);*/
    /*box-shadow:inset 0 -70px 70px rgba(255,255,255,0.3);*/
    border:1px solid #333;
    padding:14px 12px;
    /*height:65px;*/
    width:100%;
    box-sizing:border-box;
    margin:0 0 10px 0;
    background: #444 ;
    /*background:url("../images/icon_search.png") no-repeat 20px 8px #444 ;*/
}
.promo.search .semiColumn{
    width:35%;
}
.textBoxGeneral{
    margin: 0 -12px 0 -31px;
    padding-right: 12px;
    padding-top: 20px;
    padding-bottom: 15px;
    margin-top: -15px;
    margin-left: -12px;
    padding-left: 15px;
    margin-bottom: -5px;}
.textBoxGeneral p{
    color: white;
    text-align: left;
    font-size: 16px;}
.editYourCycle{margin-bottom: 10px;}
.promo.search div#promoTitle, .promo.search div#promoTitleIntro{color:#fff;line-height:25px;margin:4px 0 12px 60px;font-size:20px;font-weight: normal;width: 55%}
/*.promo.search a{float: right; margin-top: 5px; font-size: 20px}*/
.overallprogress{padding-bottom:18px;overflow:hidden;margin-top:10px}
.overallprogress>div{margin-top:4px;width:335px;}
.overallprogress .label{width:100%;line-height:24px;font-size:13px;color:#666;}
.overallprogress .progress{width:290px;display:inline-block;}
.overallprogress .percentage{color: #656565;}
.overallprogress .percentage,.indicator .percentage{width:40px;text-align:right;font-size:14px;font-weight:bold;float:right;}
.overallprogress .timeelapsed{margin-right:20px;float:left;}
.overallprogress .trainingtaken{float:right;}
.overallprogress span{display:inline-block;width:16px;height:16px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;margin-right:4px;}
.overallprogress span.default{background:#C5C5C5;}
.overallprogress .timeelapsed span.active{background:#11AADD;}
.overallprogress .trainingtaken span.active{background:#EB9003;}
.homepage-content .overallprogress .ch_element.ch_wrapper{position: inherit !important}
.homepage-content .overallprogress .ch_element.ch_wrapper .ch_hover{left: inherit !important; top: inherit !important}
.overlayBlocker.opacity{
    position: absolute;
    width: 1000px;
    height: 100%;
    z-index: 99999999;

    text-align: center;
    padding-top:15%; // quickfix to be fixed by Dani
}
.overlayBlocker.opacity .control-group{
    background: #333;
    margin: auto;
    font-size: 20px;

    width: 70%;
    padding: 30px 0 0 0;
}
.overlayBlocker.opacity .control-group .label-txt{
    color: white;
}
.overlayBlocker.opacity .control-group .controls{
    padding-top: 20px;
}
.overlayBlocker.opacity .control-group .controls button{
    display: inline-block;
}
.overlayBlocker.opacity .control-group .controls .selector{
    width: 300px;
}
.cpdcategories table{width:100%;color:#656565;border-collapse:collapse;margin:14px 0;}
.cpdcategories td, .cpdcategories th{text-align:left;vertical-align:top;}
.cpdcategories th{padding:4px 0;}
.cpdcategories td{border-top:1px solid #eee;vertical-align:bottom;padding:3px 0;color:#656565;padding-right: 5px; }
.cpdcategories tbody tr:first-child td,.cpdcategories tfoot td{border-top:none;}
.cpdcategories thead th.credit{text-align:center;font-size:10px;line-height:12px;}
.cpdcategories thead a{font-weight:normal;font-size:12px;}
.cpdcategories td.label{white-space: nowrap; width: 136px}
.cpdcategories td.percentage{width:45px;text-align:right;font-weight:bold;font-size:14px;padding-right:20px;}
.cpdcategories tbody td.credit{color:#777;}
.cpdcategories tbody td.credit:last-child{width:16%;}
.cpdcategories td.credit,th.credit{text-align:center;font-weight:bold;font-size:14px;}
.cpdcategories .credit{
    width: 70px;
}
.cpdcategories .credit.longer{
    width: 90px;
}
.cpdcategories tfoot td.credit{border-top:1px solid #bbb;color:#656565;}

/*progress bars*/
.ui-progressbar, .ui-progressbar .ui-progressbar-value{-moz-box-shadow:inset 0 7px 7px rgba(255,255,255,0.4);-webkit-box-shadow:inset 0 7px 7px rgba(255,255,255,0.4);box-shadow:inset 0 7px 7px rgba(255,255,255,0.4);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.ui-progressbar{height:13px;text-align:left;background:#acacac;}
.ui-progressbar .ui-progressbar-value {height:100%;background:#666666;}
.cpdcategories .ui-progressbar{width:150px;}
.overallprogress .ui-progressbar {height:16px;width:290px;}
.indicator .ui-progressbar {height:16px;width:413px;}
.timeelapsed-bar.ui-progressbar .ui-progressbar-value {background:#11AADD;}
.trainingtaken-bar.ui-progressbar .ui-progressbar-value {background:#EB9003;}
.no-cpd, .indicator{background:#F5F5F5;border:1px solid #BBBBBB;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:3px 10px 3px 10px;text-align:right;overflow:hidden;line-height:27px;margin-top: 10px;}
.intro+.indicator{margin-top:18px;}
.no-cpd p.warning,.indicator p.warning, .warning-box p.warning-msg{padding:5px 0;font-size:16px;font-weight:bold;display:block;float:left;line-height:27px;}
.no-cpd p.warning i,.indicator p.warning i, .warning-box p.warning-msg i{color:#D90000;padding-right:6px;font-size:27px;margin-bottom:-7px;display:block;float:left;}
.no-cpd p.warning.contact-warning i{color:#333; margin-top: 4px;}
.warning-box.bigger{padding: 10px 20px; margin-top: 40px;}
.warning-box.bigger p.warning-msg i{font-size: 40px; margin-top: 12px; margin-right: 10px}
.warning-box.Claupadding{padding:10px 25px;word-wrap: break-word}
.warning-box a.action{ margin-top: 15px;}
.warning-box .bulletPoints{ margin-left: 30px; margin-bottom:10px}
.warning-box .bulletPoints p{ line-height: 5px;}
.warning-box .bulletPoints p i{ margin-right: 10px;}
.no-cpd p.success,.indicator p.success{padding:5px 0;font-size:16px;font-weight:bold;display:block;float:left;line-height:27px;}
.no-cpd p.success i,.indicator p.success i{color:#008C00;padding-right:6px;font-size:27px;margin-bottom:-7px;display:block;float:left;}
.no-cpd a{display:inline-block;font-size:14px;margin:5px 0 0 20px;}
.no-cpd.homepage{width: 97%; text-align:left}
.casing.stepto .no-cpd.homepage p{width: 100%; padding:10px 0 0 10px; margin-left: 0}

.warning-box .warning-msg{
    text-align: left;
    color: #666;
}
.warning-box p.warning-msg i{
    height: 50px;
}
/*article*/
.portal .content article,.portal .content div.article{overflow:hidden;}
/*.portal .content article h1{float:none;padding:0 0 7px 0;}*/
.portal .content article p.author{padding:0px 0; font-weight: normal;}
.portal .content article p.pubdate{color:#999;}
.portal .content article p.update{color:#999;line-height: 14px;}
.portal .content article p.ref{color:#333; font-size: 12px;line-height: 14px;}
.portal .content article.solo h1{padding:0;}
.portal .content .feat article p.author{padding:0 0 10px 0;}
.portal .content article .about{overflow:hidden;padding-bottom:2px;font-size:13px;}
.portal .content article .views{/*font-size:13px;*/color:#999}
.portal .content article .about .rate{float:right;}
.portal .content article .authorinfo{overflow:hidden;}
.portal .content article figure, .content article figure,.portal .content div.article figure, .content div.article figure{width:210px;display:block; position:relative;}
.portal .content article .educator{width:210px;display:block; position:relative;border: solid 1px #bbb;height: 133px;border-radius: 5px;}
.portal .content article .educator img {
    max-width: 170px;
    height: auto;
    width: auto;
    max-height: 110px;
    display: inline-block;
    vertical-align: middle;
    border:none;
}
.educatorLogo{
    margin: auto;
    text-align: center;
    height: 133px;
    vertical-align: middle;
}
.educatorLogo::before{
    height: 100%;
    width: 0px;
    content: ' ';
    display: inline-block;
    vertical-align: middle;
}

#trainingCoverSelector .controls span.label-txt{
    margin-left: 10px;
}
.portal .content #review_training_accordion article figure, .content #review_training_accordion article figure{width:208px;display:block; position:relative;}
.portal .content #review_training_accordion article figure {
    width: 210px;
    height: 135px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.portal .content #training_time_cover_tab #training_cover_use_author_img img,
.portal .content #training_time_cover_tab #training_cover_use_uploaded_img img,
.portal .content #training_time_cover_tab #training_cover_use_default_img img {
    height: 135px;
    margin: 0 auto;
}

.portal .content article figure.squared, .content article figure.squared {width:auto; height:auto;}

.portal .content article figure img{width:210px;height:133px; display:block; border: solid 1px #bbb;}
.portal .content article figure img.viewEditTrainingCover{width:208px}
.portal .content #review_training_accordion article figure img{width:214px;height:133px; display:block; border-top: 0px}

.portal .content article .authorinfo figure{width:85px;height:90px;}
.portal .content article .authorinfo .pubdate{padding-bottom:0;}
.portal .content article .authorinfo .update{padding-top:0; padding-bottom:3px;}
.portal .content article .authorinfo .ref{padding-bottom:0;}
.portal .content article .authorinfo a.moreof{font-size:18px;color:#666666;margin: 0;}

/*dashboard sections and articles*/
.training header h1{width:65%;}
.training article:not(.solo){width:212px; display:inline-block;margin:0 28px 18px 0;vertical-align:top;}

/* This was added to make all the article trainings the same height */
.training article .ch_element.ch_wrapper{ height:241px !important;}
.training article .ch_normal {height:241px !important;}
.training article .ch_hover {
    height:211px !important; /*241 - 30 = 211*/
}
.training article .ch_hover {
    top:30px!important; /* show price and bundle icon above hover */
}
.is-premium .training article .ch_hover {
    height:218px !important; /*241 - 30 = 211*/
}
.is-premium .training article .ch_hover,
.training article.training-rev-home .ch_hover {
    top:0!important;
}
.training article.no-top .ch_hover {
    height:100%!important;
    top:0!important;
}

.is-premium #inprogress.training .solo h1 {
    margin-right: 80px!important;
}
.is-premium #inprogress.training .solo .rate {
    margin-top: 0!important;
    padding-top:0;
}
.is-premium #inprogress.training .solo .column {
    margin-top: 0!important;
    height:auto!important;
}
.is-premium #inprogress.training .solo .training-box {
    margin-bottom: 0!important;
}
.is-premium #inprogress.training .solo .text {
    margin-top:0;
}
.is-premium #inprogress.training .solo .text .action {
    bottom:0;
}
.is-premium #inprogress.training .solo .single-content-info {
    height:130px;
}
#inprogress.training .training-box .article-name {
    margin-top:5px;
}


.training article.solo{width:100%;}
.training article.solo figure{float:left;margin-right:18px;}
/*.training article.solo a.action{float:right;}*/
.training article.solo .text p{width: 465px;}
.training article:last-child{margin-right:0px !important;}
.training article.last{margin-right:0px !important;}
.training figure{margin:0;position:relative;clear:both;}
.training figcaption{position:absolute;bottom:6px; right:6px; background:#333;color:#fff;padding:2px 4px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;font-size:12px;box-sizing: border-box;}
.training {
    position:relative;
}
.training .training-wrapper {
    position:relative;
    margin-bottom:10px;
}
.training .training-wrapper::after {
    content:'';
    clear:both;
    display:block;
}


.divlink{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left: 0;

    z-index: 1;

    /* fixes overlap error in IE7/8 */
    background-image: url('../images/blank.gif');
}

/*training info*/
.video_container_with_icon i{
    font-size: 90px;
    display: block;
    margin: 75px 65px;
    text-align: center;
    color: #bbb;
    position: absolute;
}
.video_container_with_icon:hover i{
    color: #777;
}




.training .contenthover{word-wrap:break-word; padding:10px;}
.portal .content .training .contenthover h1{color:#ededed!important;padding:0;}
.training .contenthover p{ color:#ededed;}
.training .contenthover a.more{
    position:absolute;
    bottom:5px;
    right:5px;
    color:#fff;
    text-transform:uppercase;
    text-decoration:none;
    font-size:11px;
    font-weight:bold;
}
.training .contenthover a.more:hover{text-decoration:underline;}
/*dashboard promos*/
.training .promo{min-height:241px;position:relative;}
.training.feat .promo{min-height:280px;}
.training .globe{background:#333333 url("../images/promo_globe.png") no-repeat 90% 65%;}
.training .arrows{background:#333333 url("../images/promo_arrows.png") no-repeat 90% 80%;}
.training .board{background:#333333 url("../images/promo_board.png") no-repeat 95% 75%;}
.training .mobile_in_progress{background:#333333 url("../images/promo_ipad_1.png") no-repeat 50% 40%;}
.training .mobile_in_progressorg{background:#333333 url("../images/promo_ipad_1.png") no-repeat 50% 60%;height: 230px;}
.training .mobile{background:#333333 url("../images/promo_ipad_2.png") no-repeat 95% 55%;min-height: 200px;}
.training .tracker{background:#333333 url("../images/promo_tracker_small.png") no-repeat 90% 70%;}
.training .reporting{background:#333333 url("../images/banner_promo_reporting_small.fw.png")no-repeat 90% 65%;}
.training .support{background:#333333 url("../images/support.png")no-repeat 90% 65%;}
.training .tracker.in_progress{background:#333333 url("../images/promo_tracker_mini.png") no-repeat 100% 55%;;min-height: 200px;}
.training.feat .globe{background:#333333 url("../images/promo_globe_large.png") no-repeat 50% 50%;}
.portal .content .training .promo h1{font-size:15px;line-height:32px;color:#aaa;text-align:center;text-transform:uppercase;margin:0;padding:0;background:#474747;}
.training .tracker.in_progress h1{color: #aaa !important; line-height: 32px !important}
.portal .content .training .promo p{color:#fff;font-size:14px;font-weight:bold;line-height:17px;padding:0 10px 0 14px;}
.portal .content .training .promo p.q{padding:3px 10px 0 14px;}
.portal .content .training .promo p.q_in_progress{padding:3px 10px 0 35px;margin-bottom: 3px;}
.portal .content .training .promo p.a{font-size:13px;font-weight:normal;line-height:14px;padding:10px 10px 0 14px;}
.portal .content .training .promo p.a_in_progress{font-size:13px;font-weight:normal;line-height:14px;padding:150px 10px 0 25px;}
.training .tracker p{font-size: 17px !important;}
.training .tracker:not(.in_progress) p{text-align: left;padding: 10px 20px !important;line-height: 20px !important}
.training .tracker.in_progress p{font-size: 14px !important; text-align: left}
/*.portal .content .training.feat .promo p{font-size:18px;line-height:20px;padding:10px 10px 0 14px;}
.portal .content .training.feat .promo p.q{padding:0 10px 0 14px;}
.portal .content .training.feat .promo p.a{font-size:14px;line-height:16px;padding:122px 10px 0 14px;}*/
.portal .content .training .promo a.more{color:#bbb;font-size:13px;text-align:center;background:#474747;display:block;position:absolute;bottom:0;width:100%;height:32px;line-height:32px;}
.portal .content .training .promo a.more:hover{color:#dbdbdb;}
.portal .content .training .promo .dashboard_author_training_advice_in_progress {padding-top:120px;}
/*my profile & upload new training*/
#unlink-accounts{
    margin-left: 15px;
    color: #ff0000;
}
.indicator .percentage{float:right;margin-top:4px;}
.indicator .progress{float:right;margin-top:10px;}

ul.complexlist{list-style:none;padding:0;margin:18px auto;width:340px}
.controls ul.complexlist{ margin:0px; }
ul.complexlist li:before{
    content:none;
}
ul.complexlist ul{margin:0 0 0 10px;}
ul.complexlist li.header{font-size:15px;color:#333;padding:10px 0;}
ul.complexlist li.header b{font-weight:bold; color:#333;}

ul.complexlist li.header:before{color:#fff;}
ul.complexlist li{display:block;clear:both;padding:0;font-size:14px !important;color:#666 !important;text-indent:0;}
ul.complexlist ul li{color:#999;text-indent:0;}

ul.complexlist li:before{font-size:14px;font-family:"FontAwesome";color:#fff; width:12px;display:inline-block;text-align:center;vertical-align:top;}
ul.complexlist li:not(.closed):not(.opened):before{
    color:#fff !important;
}
ul.complexlist li.closed ul{display:none;}
ul.complexlist li label{display:inline-block !important; width:auto;text-align:center;vertical-align:top;}
ul.complexlist li label.checkbox{margin-left:20px;float: right}
ul.complexlist li b{display:inline-block;width:259px;font-weight:normal;}
ul.complexlist ul li b{width:257px;}
ul.complexlist li a{display:inline;margin-bottom:12px;width:240px;color:#666;}
ul.complexlist li a.questionMark{display:inline-block;margin-bottom:12px;width:40px;color:#333;}
ul.complexlist.semi{margin:0; padding: 0; width:265px;float:left;}
ul.complexlist.semi li label{width: 10%;margin-right: 0px;margin-left: 0px;}
ul.complexlist.semi li b{width:80%;margin-right: 3px;margin-bottom: 5px;}
ul.complexlist.semi li .cl-label {display:inline-block;vertical-align:top;width:80%;box-sizing:border-box;padding-left:20px;margin-right:0}
ul.complexlist.semi li .checkbox.parent-check {float:right}
ul.complexlist.semi li.has-children li {width:94%}
ul.complexlist.semi li.has-children li .checkbox {margin-left:1px}

.specialtyCategory ul.complexlist ul {margin: 10px 0 10px 10px}
.specialtyCategory ul.complexlist li.has-children {margin: 2px 10px 2px 2px}
.specialtyCategory ul.complexlist li a {margin-bottom:0}

ul.complexlist li {
    margin: 2px 10px 2px 2px;
}

ul.complexlist li.has-children {
    position: relative;
    /*margin-bottom: 15px;*/
}

ul.complexlist li li {
    color: #999 !important;
    padding: 2px 0 0px 15px !important;
    margin: 0 !important;
}

.complexlist div.parent{
    display:inline-block;
    width:260px
}

.parent-check {
    float: right;
    margin-right: 20px;
}

#professional-details li.closed, #professional-details li.opened {
    margin-left: -20px !important;
}

#professional-details ul.complexlist li li label {
    margin-left: 7px;
    margin-right: -7px;
}

.complexlist .opened .icon-chevron-down,
.complexlist .closed .icon-chevron-up   {
    display: none;
}

.complexlist li.has-children .icon-chevron-down,
.complexlist li.has-children .icon-chevron-up {
    position: absolute;
    left: -18px;
    margin-left:20px;
}

.complexlist li.has-children li {
    width: 91%;
}

#form_registration .complexlist .opened,
#form_registration .complexlist .closed {
    margin-left: -21px;
}

#form_registration .complexlist .opened li,
#form_registration .complexlist .closed li {
    margin-left: 21px;
}

.datacollect{width:100%;padding-top: 20px}
.datacollect thead th{width:350px;font-size:15px;color:#333;text-align:left;}
.datacollect thead td{font-size:11px;}
.datacollect tbody b{width:18px;display:inline-block;}
.datacollect input{width:282px;}

/*add edit training*/
.file h3{display:block;padding-top:12px;}
.fileinfo p{font-size:12px;color:#333;}
.fileinfo i{vertical-align:middle;}
.fileinfo i:first-child{margin-right:4px;}
.fileinfo p.help{display:block;padding:4px 0 0 0;border:0;width:100%;}
.fileinfo p.help span{display:block;float:right;}
.thefile i{color:#666666;font-size:24px;}
.thefile a{float:left;margin-left:4px;}
.thefile  {margin-top:0px; padding-top:0px;}
#file_uploaded {margin-bottom:0px; padding-bottom:0px;}
#training_comments_textarea{resize: none;}

/*search online training results*/
.searchresults h1{
    font-size: 18px;
    font-weight: normal;
    padding: 0;
    margin: 0;
    line-height: 15px;
}
.subHeader{
    font-size: 20px;
    padding: 20px 0;
}
.searchresults h1 .reference, .searchresults p#description .reference{
    font-size: 12px;
    line-height: 16px;
    padding: 3px 0 8px 0;
    color: #666;
}
.searchresults article{
    padding:15px 10px 10px 10px;
}

.searchresults .sorting .form form .column.x{
    float:left;
}

.searchresults article:not(.featured){
    /*background:url('../images/border_shadow.png') repeat-x bottom;*/
    border-top: 1px solid #f0f0f0;
}

.searchresults article .about,.individualarticle article .about{width:530px;overflow:hidden; position: relative;}
.searchresults article figure,.individualarticle article figure{margin:0 20px 0px 0;float:left;}
.portal .content .individualarticle article .authorinfo figure img {height:85px;width:85px;}
.searchresults article figcaption,.individualarticle article figcaption{color:#999;padding-top:3px;}
.searchresults article figcaption time.inside,.individualarticle article figcaption time.inside{
    position:absolute;
    bottom:23px;
    right:6px;
    background:#333;
    color:#fff;
    padding:2px 4px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    font-size:12px;
}
.searchresults article figcaption time.inside_new{
    bottom:8px;
    position:absolute;
    right:6px;
    background:#333;
    color:#fff;
    padding:2px 4px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    font-size:12px;
}


.searchresults article figcaption .views,.individualarticle article figcaption .views, .about .views{float:left;}
.searchresults article a.more{float:right;}
.searchresults article .text,.individualarticle article .text{width:435px;height:165px;}
.accordion .individualarticle article .text{width:280px;}
.accordion .individualarticle article.results .text{width:390px;height: 125px}

.searchresults article .actions, .individualarticle .actions{
    position:relative;
}
.searchresults article .actions .buttons-box, .individualarticle .actions .buttons-box{
    position:absolute;
    bottom:10px;
    left:15px;
    right:15px;
    white-space:nowrap;
}

.searchresults article .actions,.individualarticle article .actions{float:right;width:116px;height:160px;background:#eee;border:1px solid #ddd;text-align:center;padding:10px 15px 6px 15px;margin-top:-20px;}
.searchresults article .actions.bigger,.individualarticle article .actions.bigger{height:170px;position: relative;}
.searchresults article .actions span,.individualarticle article .actions span{display:block;margin-bottom:4px;}
.searchresults article .actions a.action{margin-top:10px;margin-bottom:0;cursor:pointer;}
.searchresults article .actions a.action.training_portal{margin-bottom:30px;} /* dgr: more info botom in training portal in center of buttons box */
.searchresults article .itemLeft{width:35%}
.individualarticle article .actions a.action{margin-top:2px;margin-bottom:0;}
.individualarticle article .actions a.action.mini{margin:2px 0 0 0; display: inline-block; cursor: pointer;}
/*.searchresults article .duration,.individualarticle article .duration{font-size:15px;color:#333;}*/
.individualarticle .actions h3{ margin-top: 0}
.searchresults article .price,.individualarticle article .price{font-size:15px;color:#333;white-space: nowrap;line-height:10px;padding-top: 5px;position:relative;height: 30px;}
.searchresults article .speciality,.individualarticle article .speciality{width:130px;display:block;float:left;}
.portal .content .searchresults article .rate,.portal .content .individualarticle article .rate{width:80px}
.searchresults article .language,.individualarticle article .language{display:block;position: absolute; left: 230px;}
/*.searchresults article .membercost,.individualarticle .trainingData .price #priceContent .membercost{text-decoration: line-through;color:#666;font-weight:bold;}*/
/*.searchresults article .secondaryactions,.individualarticle article .secondaryactions{display:block;float:right;font-size:18px;line-height:18px;}*/
/*.searchresults article .expirydate,.individualarticle article .expirydate{display:block; float:right;}*/
.secondaryactions a.hastip{color:#666666;margin:0;cursor: pointer;}
.secondaryactions a.hastip:hover{color:#0080C5;cursor: pointer;}
.portal .content .searchresults article h1,.portal .content .individualarticle article h1{float:none;}
.portal .content .individualarticle article h1{ min-height:40px;}
.portal .content .searchresults article p.author{padding:0;margin-top: -5px}
.portal .content .individualarticle article p.author{padding:0;}
.portal .content .searchresults p.pubdate{padding-bottom:5px;}
/*.portal .content .text .sub_text{font-size: 12px;}*/
.portal .content .searchresults p.ref{padding-bottom:0; display: block; float: right;}
.portal .content .onbehalf{font-size:12px;} /* dgr */
.controls.search#minimumDurationFilter .selector {width: 210px;}

.searchresults .buttons-box a.action.mini{
    margin-left: 0px;
    margin-right: 0px;
}

.searchresults article figure{
    margin-right: 15px;
}

.searchresults article .language{
    left:225px;
}

.searchresults article .actions{
    width:135px;
    padding-left: 0px;
    padding-right: 0px;
}

.searchresults article .actions .buttons-box{
    left:10px;
    right:10px;
}

/* Featured articles */
.searchresults article.featured{
    background-color:#e5e5e5;
    margin: 0 -12px 1px -12px;
    padding: 16px 21px;
}

/*.searchresults article.featured .actions{*/
/*background-color:#fff;*/
/*}*/

.searchresults article img.featured_img{
    display:none;
}
.searchresults article.featured img.featured_img{
    display:block;
    position:absolute;
    left:31px;
    margin-top:10px;
    z-index:33;
}

#portal_logo{
    text-align: center;
    border: 1px solid #eee;
    padding: 30px 0;
}

#portal_description{
    border-bottom: 1px solid #E5E5E5;
    padding: 20px 0;
    font-size: 12px;
}


/* New Article CSS */
#results{
    padding-top: 10px;
}

.autoHeight{
    height: auto;
    width: auto;
    min-height: 0px;
    padding: 25px 30px 10px 30px;
}

.no_navigation .autoHeight, .autoHeightPadding {
    height: auto;
    width: auto;
    min-height: 0px;
    padding-left:150px;
    padding-bottom: 30px;
}
.casing.autoHeight.examineComments{
    background-color: #ddd;
}
.introUploadTraining{
    margin-bottom: 30px;
}
.introUploadTraining h1{
    font-size: 24px;
}
h1.individualarticle{
    width: 75%;
    font-size: 20px;
}

h2.individualarticle{
    color:#202020;
    display:block;
    font-family:Arial;
    font-size:16px;
    font-weight:normal;
    line-height:100%;
    margin-top:20px;
    margin-right:0;
    margin-bottom:10px;
    margin-left:0;
    text-align:left;
}
h2.individualarticle.float-l.display_rtl{
    width: 100%;
    text-align:right;
}

.individualarticle.icon-link{

    color:#555;
    display:inline-block;
    font-family:Arial;
    font-size:25px;
    font-weight:normal;
    line-height:100%;
    margin-top:16px;
    padding-right: 10px;
    text-align:left;
}

.individualarticle .tagRowTitle{
    padding-bottom: 0;
    font-size:13px;
}

.display_rtl h2.individualarticle,
.display_rtl h1.training-name.individualarticle{
    text-align:right;
    direction:rtl;
    float:right !important;
}
.display_rtl .back-button{
    float:left !important;
}

.trainingData p{
    padding: 0;
    color: #555555;
    font-size: 13px;
}
.trainingData div.price{
    background-color: #333333;
    width: auto;
    max-width: 225px;
    height: 0;

    font-size: 14px;
    color: #FFFFFF;
    padding: 0px 20px 0 10px;
    margin:20px 0 5px 0;

    line-height:1px;

    border-right: 10px solid white;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    font-weight: bold;
}

.trainingData div.price.offer{
    background: #D40000;
}
.trainingData div.price div strike span{
    font-weight: normal;
}
/*.trainingData div.price div strike{padding-left: 10px;}*/
.trainingData div.price span.upperRestrictedDays{
    margin-top: -18px;
    line-height:12px;
}

.trainingData div.price.featured{
    border-right: 10px solid#e5e5e5;
}
article.results .trainingData div.price{
    margin-top: -30px;
    width: 100px;
    line-height: 4px;
}
.viewsAndRating{
    margin: -30px 0 0 50px;
    text-align: center;
}
.moreInfo{
    margin-top: -30px;
}
.trainingData div.price p{
    color: #FFFFFF;
}
.trainingData div.price p.smaller{
    font-size: 12px;
    line-height: 12px;
}
.trainingData div.price p.smaller strike{
    font-weight: normal;
    margin-left: 10px;
}
.trainingData div.price #priceContent{
    line-height: 0px;
}
.trainingData div.price #priceContent .ecommercePrice{
    line-height: 5px;
    font-size: 12px;
    margin-top: -8px;
}
.trainingData div.price #priceContent .ecommercePrice a.hastip{
    color: #fff;
}
.trainingData div.price #priceContent .membercost{
    text-decoration: line-through;
    color:#666;
    font-weight:bold;
    line-height: 20px;
    margin-top: -10px;
}
.trainingData div.price #priceContent.twoPrices{
    margin-top: -12px;
}
.trainingData.left{
    width: 65%;
    float: left;
}
.trainingData.right{
    width: 212px;
    float: right;
    text-align: right;
    margin-top: 20px;
}
.trainingData div.price span.inline{
    display: inline-block
}
#review_training_accordion .trainingData.right{
    width: 210px;
    float: right;
    text-align: right;
    margin-top: 30px;
}
.author{
    padding-left: 80px;
    padding-top: 15px;
    font-size: 14px;
}
.triangle {
    width: 100px;
    height: 0px;
    border-right: 10px solid white;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    margin: -84px 0 0 20px;
    position: absolute;
}
.circle {
    border-radius: 50%;

    width: 60px;
    height: 59px;
    /*padding: 8px;*/

    background: #0080C5;;
    background-position: center;
    color: #FFFFFF;
    text-align: center;
    overflow: hidden;
}
.bitHeader.circle{
    font-size: 30px;
    line-height: 62px;
    margin-right: 20px;
}
.bitHeader h1{
    font-size: 20px;
    color: #333333;
    /*margin-left: 20px;*/
    line-height: 65px;
}
.bitHeader img{
    margin-top: -5px;
}
.authorinfo{
    margin-right: 20px;
}
#authorContactDetails h1{
    font-size: 20px;
    color: #333333;
    min-height: 0px;
    margin-top: 30px;
    font-weight: normal;
}
.upperCover{
    height: 20px;
    background-color: #555555;
    padding-top: 7px;
    text-align: center;
    color: #FFFFFF;
    width: 210px;
    border: solid 1px #555
}
.upperCover.float-r .duration{
    color: #FFFFFF;
}
.upperCover .float-r{
    padding-right: 10px;
}
.upperCover .float-l{
    padding-left: 10px;
}
.specialties, .training-specialties{
    /*padding-top: 10px;*/
    display: inline-block;
    width: 575px;
    vertical-align: top;
}
.trainingSpecialty,
body .trainingSpecialty.hastip /*safari rule override*/ {
    background-color: #AAAAAA;
    color : #FFFFFF;
    padding: 5px 10px;
    border-radius: 5px;
    margin: 0 10px 2px 0;
    display: inline-block;
    cursor:pointer;
    font-size:12px;
    width:auto;
}
#trainingInfoContainer{
    position: relative;
    min-height: 65px;
}
#trainingInfoInner{
    /*position: absolute;*/ /* Issue: https://github.com/verified/verifiedlearning/issues/15617 */
    top: 0;
    bottom: 0;
    left: 0;
    /* This is needed for the launch date tooltip: https://github.com/verified/verifiedlearning/issues/15043 */
    width: 250px;
}
.trainingSpecialtyText:not(:last-child):after{
    content: " • ";
}
.trainingCategory{
    background-color: #666666 ;
    color : #ffffff;
    padding: 5px 10px;
    border-radius: 5px;
    margin: 0 10px 2px 0;
    display: inline-block;
    cursor:pointer;
}
.casing .individualarticle .specialties span{
    cursor: default;
}
div.bitContent .inj-logo{
    float:left;
    margin:10px 10px 5px 0;
    border:1px solid #ccc;
    border-radius:5px;
    padding:3px;
    width:17%;
    text-align:center;
    display:table;
    min-height:120px;
}
div.bitContent .inj-logo .inner{
    display:table-cell;
    vertical-align:middle;
}
div.bitContent .inj-logo img{
    max-width:100%;
}

.injection-processed-text .bitContent ul{
    margin: 3px 0px 8px 0px;
}
.injection-processed-text .bitContent li{
    text-indent: 0;
}

span.bitContent, div.bitContent p, div.bitContent li{
    color: #666666;
    font-size: 12px;
    line-height: 20px;
}
div.bitContent li{
    padding:0;
}
div.bitContent li:before{
    font-size: 14px;
}
span.bitContent.display_rtl, div.bitContent.display_rtl{
    direction: rtl;
    text-align:right;
    display:block;
}
.secondaryActions{
    float: right;
    margin-top: 20px;
}
.secondaryActions div{
    width : 31px;
    height: 31px;
    border-radius: 4px;
    line-height: 24px;
    display: inline-block;
    margin: 0 2px;
}
.secondaryActions .brandingBackground a, .secondaryActions .brandingBackground a:hover, a.secondaryActions.brandingBackground a:visited, a.secondaryActions.brandingBackground  a:active{
    color: #ffffff !important;
    font-size: 20px !important;
    cursor: pointer;
    padding: 0 6px;
    height: 30px;
    width: 18px;
}
.secondaryActions a{
    cursor: pointer;
}
.secondaryActions a.link{
    padding-left: 10px;
}

/* training user comments in article page */
.trainingUserComment {
    margin: 10px 0 20px;
}
.training-user-comment {
    color: #555;
    font-size:13px;
    line-height: 18px;
}
.training-user-comment .info {
    font-weight:bold;
}
.training-user-comment .trainingUserComment {
    margin: 5px 0 20px;
}

.trainingUserCommentsLink{
    clear: both;
}

/* rate course in article page*/
#bumpedUpContentSectionInner{
    padding-bottom:60px;
}

#setRating{
    line-height: 22px;
}

#setRating label{
    margin-right:10px
}

#setBumpedUp{
    padding-right: 115px;
}

/* not applicable accreditors */
.training_accreditors ul .requirements{
    display: inline;
}
.training_accreditors ul{
    list-style-type: none;
    margin-left: 0px;
}

section.individualarticle#evalStatementSection, section.individualarticle#appliedAccreditationsSection{
    margin-top: 50px;
}
/* ## */

div.exam_embedded{
    padding-top: 5px;
    white-space: normal;
    text-align: center;
}
.arrowToTop{
    margin-left: 88%;
    bottom: 250px;
    position: relative;
    text-align: center;
}
.arrowToTop a{
    font-size: 40px;
}
.nav_up, .nav_down{
    padding: 7px;
    /*background-color: white;*/
    position: fixed;
    /*background: transparent url(../images/arrow_up.png) no-repeat top left;*/
    /*background-position: 50% 50%;*/
    width: 20px;
    height: 20px;
    bottom: 100px;
    opacity: 0.7;
    /*left: 85%;*/
    white-space: nowrap;
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.nav_down{
    /*left: 90%;*/
    margin-left: 30px;
}
.clearit.arrowToTop{
    text-align: center;
}
.redBackground{
    background-color: #d80001;
}
.redFont{
    color:#d80001 !important;
}
.buttonwrap a.redBackground{
    background-color: #d80001;
}
.buttonwrap a.redBackground:hover{
    background-color: #8c0000;
}
.buttonwrap a.greenBackground{
    background-color: #008d01;
}
.buttonwrap a.greenBackground:hover{
    background-color: #336600;
}
.buttonwrap #publish, .buttonwrap #leave_button, .buttonwrap #reject_button, .buttonwrap #remove_button{
    font-size: 20px;
}
.buttonwrap-easyshare{
    margin-top: 20px !important;
}
#easyShareButtons{
    padding-top: 40px;
}
.share{
    margin-bottom: 20px;
    margin-top: -25px;
    font-weight: bold;
    font-size: 14px;
    color: #333;
}
.share i{
    font-size: 20px;
}
#moreTraining{
    font-size: 14px;
    padding: 20px;
    text-align: center;
}
.viewEditTrainingSpecialties{
    width: 400px;
    float: left;
    margin-top: -80px;

}
#editArticlePageTrainingName{
    font-size: 18px;
    margin: 20px 0 5px 0;
    float: left;
    width: 495px;
}

.objectiveTitle{
    font-size: 14px;
    padding-top: 15px;
    font-weight: bold;
}

iframe#linked_training{
    width: 100%;
    height: 850px;
}

#iframe_not_displayed_message{
    margin-top: 50px;
    background:#fff
}

#iframe_not_displayed_message .text-c p{
    font-size: 20px;
}

#iframe_not_displayed_message .text-c div{
    padding-top:30px;
}

#iframe_not_displayed_message .text-c a{
    margin: 50px auto;
}

/* New upload training */
.openAccordion{
    font-size: 30px;
    padding-top: 20px;
}
.width90{
    width: 90%;
}
.accordion .bitHeader .accordion-heading{
    line-height: 60px;
}
.accordion .bitHeader .accordion-heading a{
    display:block;
    padding:5px 50px 5px 10px;
    text-decoration:none;
    font-size: 20px;
}
.accordion .bitHeader .accordion-heading.red a {
    color: transparent;
    background-color:#D80000 !important;
}
.accordion .bitHeader .accordion-heading a:link,.accordion .accordion-heading a:visited{
    /*background:transparent url("../images/acc_arrows.png") no-repeat 97% 40px;*/
}
.accordion .bitHeader .accordion-heading a:hover{
    /*background:transparent url("../images/acc_arrows.png") no-repeat 97% -15px;*/
    color:#CCCCCC;
}
.accordion .bitHeader .accordion-heading.open a:link, .accordion .accordion-heading.open a:hover, .accordion .accordion-heading.open a:visited{
    /*background:transparent url("../images/acc_arrows.png") no-repeat 97% -20px;*/
    color:#CCCCCC;
}

.accordion.accordion-info .bitHeader .accordion-heading.open a:link,
.accordion.accordion-info .bitHeader .accordion-heading a:hover{
    color:#333;
}
.accordion.accordion-info .bitHeader .accordion-heading.open a:link{
    /*background:transparent url("../images/acc_arrows.png") no-repeat 97% -88px;*/
}
.accordion.accordion-info .bitHeader .accordion-heading a:link{
    /*background:transparent url("../images/acc_arrows.png") no-repeat 97% -39px;*/
}

/*.accordion.accordion-info .bitHeader h1{ margin-left: 0px; }*/
/*.accordion.accordion-info .bitHeader .accordion-heading{ line-height: 20px; }*/
/*.steppableAccordion .bitHeader .accordion-heading a, .steppableAccordion .bitHeader .accordion-heading a:hover {*/
/*background-color:transparent;*/
/*color: #CCCCCC;*/
/*background-image: url("../images/chevrons-white.png");*/
/*background-position: -97% -10px;*/
/*cursor: default;*/
/*}*/

.accordion .bitHeader .accordion-heading.open.dark a:link,
.accordion .accordion-heading.open.dark a:hover,
.accordion .accordion-heading.dark a:hover,
.accordion .accordion-heading.open.dark a:visited,
.accordion .accordion-heading.dark a:visited{
    color: #333;
}


/*#page-faq .accordion .bitHeader{
    height: 60px;
    display: table;
}
#page-faq .accordion .accordion-heading{
    line-height: 20px;
    vertical-align: middle;
    display: table-cell;
}
#page-faq .accordion .accordion-content{clear: both;}
#page-faq .accordion .bitHeader .accordion-heading.open a:link,
#page-faq .accordion .accordion-heading.open a:hover,
#page-faq .accordion .accordion-heading.open a:visited{
    background: transparent;
}*/



a.author_ident_player_trigger .author_ident_view_mode i{top:18px;left:18px;font-size: 62px;}
span.authorVideoBioLink{ padding-left: 20px; font-size: 15px;}
span.authorVideoBioLink i{ font-size: 25px;}
#profile-ident-container .placeholder{
    font-size:70px;
}
#profile-ident-container.no-image .video-trigger-holder{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:112px;
}
#profile-ident-container .remove-ident{
    display:block !important;
}

#authorIdentViewer{
    width: 315px;
    height: 215px;
    position: absolute;
    top: 90px;
    right: 120px;
    cursor:move;
    display:none;
}
#authorIdentViewer a.close{
    position: absolute;
    top: -20px;
    right: -20px;
    font-size: 27px;
    background: #fff;
    border-radius: 640px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    color:#000 !important;
}
#authorIdentViewer.showing{
    display:block;
}

.steppableAccordion .bitHeader .accordion-heading.stepAvailable a {
    background-color:transparent;
    color: #333;
    background-position: 97% 40px;
}

.steppableAccordion .bitHeader .accordion-heading.stepAvailable a.tabOpened, .steppableAccordion .accordion-heading.stepAvailable a:hover {
    background-color:transparent;
    color: #333;
    cursor: pointer;
    /*background-position: 97% -15px !important;*/
}

.steppableAccordion .bitHeader .accordion-heading.stepAvailable a:hover {
    color: #333;
    background-color:transparent;
    background-position: 97% -20px;
}
.content .casing .searchresults figure.training_in_progress,
.content .casing .searchresults figure.is_self_verified,
.content .casing .searchresults figure.exam_failed,
.content .casing .searchresults figure.exam_passed,
.content .casing .searchresults figure.is_mandated,
.content .casing .searchresults figure.is_recommended{
    width: 210px;
    height: 110px;
    position: absolute;
    margin: -43px 0 0 571px;
    z-index: 11;
}
.content .casing .individualarticle figure.training_in_progress,
.content .casing .individualarticle figure.training_in_progress_restriction,
.content .casing .individualarticle figure.is_self_verified,
.content .casing .individualarticle figure.exam_failed,
.content .casing .individualarticle figure.exam_passed,
.content .casing .individualarticle figure.is_mandated,
.content .casing .individualarticle figure.is_recommended,
.content .casing .individualarticle figure.completed{
    width: 210px;
    height: 110px;
    position: absolute;
    margin: 0 0 0 86px;
    z-index: 11;
}

.content .casing .training-list-new .external, .content .casing .individualarticle .external, .homepage-content .introcontent .external{
    width: 210px;
    height: 30px;
    position: absolute;
    margin: 105px 0 0 1px;
    z-index: 11;
}

.content .casing .training-list-new .external{
    margin-top: 0;
    top:0;
}

.homepage-content .introcontent .external{
    margin-top: -135px;
}
.content .casing .individualarticle #training-ribbon {
    background-color:transparent;
}
.content .casing .searchresults figure.training_in_progress,
.content .casing .individualarticle figure.training_in_progress,
.content .casing .individualarticle #training-ribbon.training_in_progress {
    background:url(images/ribbon_training_in_progress.png) no-repeat 0 0;
}
.content .casing .searchresults figure.training_in_progress_restriction,
.content .casing .individualarticle figure.training_in_progress_restriction,
.content .casing .individualarticle #training-ribbon.training_in_progress_restriction {
    background:url(images/ribbon_training_in_progress_restriction.png) no-repeat 0 0;
}
.content .casing .searchresults figure.training_in_progress_restriction::after,
.content .casing .individualarticle figure.training_in_progress_restriction::after,
.content .casing .individualarticle #training-ribbon.training_in_progress_restriction::after {
    display:none;
}
.content .casing .searchresults figure.is_self_verified,
.content .casing .individualarticle figure.is_self_verified,
.content .casing .individualarticle #training-ribbon.is_self_verified{
    background:url(images/ribbon_self_verified.png) no-repeat 0 0;
}
.content .casing .searchresults figure.exam_failed,
.content .casing .individualarticle figure.exam_failed,
.content .casing .individualarticle #training-ribbon.exam_failed{
    background:url(images/ribbon_exam_failed.png) no-repeat 0 0;
}
.content .casing .searchresults figure.exam_passed,
.content .casing .individualarticle figure.exam_passed,
.content .casing .individualarticle #training-ribbon.exam_passed{
    background:url(images/ribbon_exam_passed.png) no-repeat 0 0;
}
.content .casing .searchresults figure.is_mandated,
.content .casing .individualarticle figure.is_mandated,
.content .casing .individualarticle #training-ribbon.is_mandated{
    background:url(images/ribbon_is_mandated.png) no-repeat 0 0;
}
.content .casing .searchresults figure.is_recommended,
.content .casing .individualarticle figure.is_recommended,
.content .casing .individualarticle #training-ribbon.is_recommended{
    background:url(images/ribbon_is_recommended.png) no-repeat 0 0;
}
.content .casing .searchresults figure.completed,
.content .casing .individualarticle figure.completed,
.content .casing .individualarticle #training-ribbon.completed{
    background:url(images/ribbon_completed.png) no-repeat 0 0;
}
.content .casing .training-list-new .external,
.content .casing .individualarticle figure.external,
.content .casing .individualarticle #training-ribbon.external,
.homepage-content .introcontent .external{
    background:url(images/external.png) no-repeat 0 0;
}
.content .casing .searchresults figure.purchased,
.content .casing .individualarticle figure.purchased,
.content .casing .individualarticle #training-ribbon.purchased{
    background:url(images/ribbon_purchased.png) no-repeat 0 0;
}
.content .casing .searchresults figure.catalog_example,
.content .casing .individualarticle figure.catalog_example,
.content .casing .individualarticle #training-ribbon.catalog_example{
    background:url(images/ribbon_catalog_example.png) no-repeat 0 0;
}

.content .casing .individualarticle #training-ribbon {
    width: 212px;
    height: 110px;
    background-position: top right!important;
}
.content .casing .individualarticle #training-ribbon::before {
    display:none;
}

/* Different prices inside actions box */
article .actions .cost_left,article .actions .cost_right{
    font-size:10px;
    width:56px;
    white-space:normal;
    text-align: center;
}
article .actions .cost_left span,article .actions .cost_right span{
    font-size:13px;
    font-weight: bold;
    clear:both;
}
article .actions .cost_left{
    float:left;
    line-height: 12px;
    bottom: 0px;
    position: absolute;
}
article .actions .cost_right{
    float:right;
    line-height: 12px;
    bottom: 0px;left:56px;margin-right:2px;
    position: absolute;
}

a.nopointer{
    cursor: default;
}



/*individual article*/
ul.training-accreditors li{
    color: #666666;
    font-size: 12px;
    padding: 0;
}
ul.training-accreditors li a{
    font-size: 12px;
    padding-left: 15px;
}
ul.training-accreditors li i{
    width: 0;
    text-align: right;
}
/*.individualarticle article{padding:15px 0 10px 0;}*/
.individualarticle article .note,.accordion .accordion-content .individualarticle article .note{color:#333;font-size:11px;padding-bottom:0;}
.searchresults header p{font-size:14px;float:left;}
.searchresults header label{font-size:15px;}
.searchresults footer{font-size:12px;color:#999;text-align:right;padding:15px 0;}
/*sorting*/
header.sorting{ }
header.sorting span.pagecount{font-size:15px;color:#999;float:left;line-height:28px;}
header.sorting .form{float:right;width:100%;background:none;border:none;padding:0;margin:0;}
header.sorting .form form{float:right;}
header.sorting .form .control-group{float:left;padding:0;}
header.sorting .form .controls.tiny{width:100px;}
header.sorting .form .controls.megasmall{width:100px;}

header.sorting .form .controls{width:180px;margin-right:0;}
/*pagination*/
footer.pagination{line-height:25px;overflow:hidden;margin-bottom:18px;}
footer.pagination>a:not(.action){font-size:14px;color:#333;text-decoration:none;padding-right:12px;}
footer.pagination .inbox-actions a{
    color:#333;
    text-decoration: none;
    font-size:14px;
    padding-right:5px;
}
footer.pagination .inbox-actions i{
    margin-right:5px;
    font-size:20px;
}
footer.pagination a.action{display:inline-block;}
footer.pagination>a i{margin-right:4px;font-size:20px;}
footer.pagination ul{display:block;list-style:none;padding:0;margin:0;float:right;white-space: nowrap}
footer.pagination ul li{display:inline;padding:0 1px;margin:0;font-size:14px;text-indent:0;}
footer.pagination ul li.pagecount{font-size:13px;color:#999;padding-right:10px;}
footer.pagination ul li:before{content:none;}
footer.pagination ul li [class^="icon-"], footer ul.pagination li [class*=" icon-"]{width:auto;}
footer.pagination ul li.selected a{ text-decoration: none;}

/*search*/
.searchFilters{
    margin: 0;
    background: #555 !important;
    margin: 0 -31px 0 -31px;
    padding: 10px 31px;
}

.searchFilters a,.searchFilters a:hover,.searchFilters a:visited,.searchFilters a:link{
    color : #ffffff;
}
div.form.searchForm{
    padding-left: 0px;
    background: #555 !important;
    margin: 0 -31px 0 -31px;
}div.form.searchForm.form{
     padding: 10px 31px;
 }
div.form.searchForm label, .searchFilters label{
    color: #fff;
    margin: 0 5px;
    line-height: 45px;
    float: inline-start;
}
div.form.searchForm .control-group .controls.search, .searchFilters input{
    width: 71%;
    float: right;
    margin: 0 3px 0 0;
}
.searchFilters .input-group{
    float: left;
    padding: 7px 0;
}
.searchFilters .input-group.keysearch{
    width: 78%;
}
.searchFilters .keysearch-link{
    margin-top: 15px;
}
.form .control-group.fullwidth .controls.search div.selector{
    width: 100%;
}
/*div.form.searchForm .controls select, div.form.searchForm .controls div.selector{*/
/*width: 50%;*/
/*}*/
div.form.searchForm .controls div.selector#uniform-orderBy{
    width: 60%;
}
div.form.searchForm .controls select#orderBy{
    width: 100%;
}
div.form.searchForm .controls.float-r{
    margin-right: -32px;
    width: 42%;
}

/* upload training sponsor form */
#sponsor-user_data-consent-form .row .form-group{
    padding: 15px 0;
}


/*author portal upload new training*/
figure.authorphoto, figure.authorsignature{display:block;float:left;width:150px;margin-top:12px;}
.disclosure-form figure.authorphoto {
    width:80px;
    text-align: center;
    position: relative;
}
figure.authorphoto img,figure.authorphoto span.placeholder, figure.authorsignature img,figure.authorsignature span.placeholder{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;width:80px;height:80px;margin-bottom:8px;}
figure.authorphoto span.placeholder, figure.authorsignature span.placeholder{background:#666666;display:block;color:#fff;font-size:72px;line-height:80px;text-align:center;}
figure.authorphoto a, figure.authorsignature a{line-height:20px;font-size: 12px;}

ul.editablelist{margin:6px 8px 0 0;}
ul.editablelist li,.accordion .accordion-content ul.editablelist li{list-style:none;text-indent:0;border-bottom:1px solid #eee;color:#666;font-size:14px;}
ul.editablelist li:before{content:none;}
ul.editablelist li a{float:right;color:#666;font-size:16px;}
ul.editablelist li a:hover{color:#333;}
.call-wizard{ width: 560px; margin: 18px auto;overflow: hidden;}
.call-wizard a.wizardicon{ display: block; width: 148px; height: 148px; line-height: 148px;-moz-border-radius:74px;-webkit-border-radius:74px;border-radius:74px; background: #666; color: #fff; text-align: center; font-size: 100px; margin: 0 auto;}
.call-wizard a.wizardicon:hover{ background: #333;}
.call-wizard h3{ text-align: center; margin-bottom: 18px;}
.call-wizard .magic{ width:43%; float: left;padding-left:7%;}
.call-wizard .magic i{ color: #888888; font-size:24px;margin: 18px 0 0 0; display:block; float: left; line-height:26px;}
.call-wizard .magic p{ width:85%; float: right; }
/* Organization Profile */
.row#organization_images{
    margin-left: 150px;
}
/*author profile*/
#author_images {margin-left: 15%}
#author_images.noSignature{margin-left: 25%;}
#author_images div p{margin-left: 35px; padding-top: 0px}
#author_images.noSignature div p{margin-left: -40px;}
figure.authorphoto.solo, figure.authorsignature.solo{display:block;float:left;width:135px;margin:16px 18px 0 0;text-align:center;position:relative;min-height: 145px}
figure.authorphoto.solo figcaption, figure.authorsignature.solo figcaption{position: absolute; bottom: 0; left: 15px}
figure.authorphoto.solo img,figure.authorphoto.solo span.placeholder,figure.authorsignature.solo img, figure.authorsignature.solo span.placeholder{width:112px;height:112px;margin-bottom:8px;}
figure.authorsignature.solo img{width:auto;height:auto;max-width:112px;max-height:112px;}
figure.authorphoto.solo span.placeholder, figure.authorsignature.solo span.placeholder{background:#666666;display:block;color:#fff;font-size:100px;line-height:108px;text-align:center;}
figure.authorphoto.solo span.placeholder.load, figure.authorsignature.solo span.placeholder.load{background-color:#666666; background-image:url("../images/ajax-loader.gif"); background-repeat:  no-repeat; background-position:center; margin:0 auto 8px auto;}
figure.authorphoto.solo .no-image-holder, figure.authorsignature.solo .no-signature-holder{background:#666;width:112px;height:112px;position:relative;border-radius:3px;}
figure.disclosurePhoto .remove-disclosure, figure.authorphoto.solo .remove-ident, figure.authorsignature.solo .remove-signature{position:absolute;top:-12px;left:0px;color:#d70000;font-size:22px;cursor:pointer;line-height:24px;}
figure.disclosurePhoto .remove-disclosure {left: -10px}
figure.disclosurePhoto .plupload.flash {top:0; left:0; height:110px!important; width:80px!important}
figure.disclosurePhoto .plupload.flash input {top:0; left:0; }
figure.authorphoto.solo .no-image-holder, figure.authorphoto.solo.no-image .remove-ident, figure.authorphoto.solo.no-image img, figure.authorsignature.solo .no-signature-holder, figure.authorsignature.solo.no-image .remove-ident, figure.authorsignature.solo.no-signature img{display:none !important;}
figure.authorphoto.solo.no-image .no-image-holder, figure.authorsignature.solo.no-signature .no-signature-holder{display:block !important;margin:0 auto 8px auto;}

#author_image_button_container .plupload.flash {top:0; left:0; height:110px!important; width:80px!important}
/*author dashboard*/
.content .casing ul.actions{ width: 48%; float: left;margin:0}
.content .casing ul.actions.x{ float: right;}
.content .casing ul.actions li{
    list-style: none;
    text-indent: 0;
    padding: 0;
    line-height:24px;
    font-size: 12px;
}
.content .casing ul.actions li:before{content: none;}
.content .casing ul.actions li b{ font-size: 14px;color: #666; float: right;}
.content .casing ul.actions li i{ font-size: 18px; color: #666;}
.content .casing ul.actions li i:hover {color: #333;}
.content .casing .stats3 ul.actions{ width: 100%}
.content .casing .stats3 ul.actions li{line-height:18px;}
.content .casing .stats3 ul.actions li i{ color: #333; font-size: 14px;}
.content .casing .stats3 ul.actions li i:hover{ color: #000;}



.profnugget header .progress{ width: 202px; float: right; margin-top: 6px;}
.content .casing.profnugget ul.actions{ width: 202px; float: right; margin-top: 6px;}
.content .casing.profnugget ul.actions a.action{color:#fff; font-size: inherit; margin: 10px 0 0 0;}
.profnugget figure.authorphoto{ width: 100px;}
.casing header .control-group{ padding: 0;}
.stats1, .stats2, .stats3{display: block; float: left;}
.stats1{ width: 400px; padding-right: 10px;}
.stats1 .actions a.hastip, .stats1 .actions a.hastip:visited, .stats1 .actions a.hastip:active {font-size: 12px;margin:0px;width: auto;cursor: pointer;}
.content .casing .stats1 .actions {width: 55%;}         /* dgr */
.content .casing .stats1 .actions.x {width:40%;}        /* dgr */
.content .casing .stats1 .actions li{line-height: 20px} /* dgr */
.stats2{ width: 120px; border-left: 1px solid #eee; border-right: 1px solid #eee; padding: 0 10px; line-height:17px;}
#author_stats .stats1 {
    width: 400px;
}
#author_stats .stats2 {
    width: 90px;
}
#author_stats .stats3 {
    width: 165px;
}
.stats3{ width: 155px; float:right;}
.stats{ overflow: hidden; margin-top: 11px;}
.stats h3{ margin-top: 0; font-weight: normal; margin-bottom:8px;}
.stats .rate{ display: block; clear: both;}
.stats .rate i{ float: left;}
.stats .rate b{float: right; color: #666666; font-weight: bold;}
.gallery{overflow: hidden;min-height: 350px;}

.gallery article .ch_element.ch_wrapper{ height:135px !important;}
.gallery article .ch_normal {height:135px !important;}
.gallery article .ch_hover {height:135px !important;}

.gallery article .introcontent{height:135px;}

.gallery article { width: 210px; height: 300px; float: left; display: block; margin-left: 30px; position: relative;}
.gallery article:nth-child(3n+1){ margin-left: 0;}
.gallery article.no-margin-left{ margin-left: 0;}
.gallery article a{ height: 35px; display: block;text-align: left;margin:3px 0 10px 0;font-size: 14px;word-wrap:break-word;}
.gallery article figure{ height:100%}
.gallery article figure a{margin:0px;}
.gallery article i{
    float:right;
    margin-right:10px;
    margin-top:10px;
    color:#999;
    font-size: 84px;
    line-height: 55px;
}
.gallery article label:not(.shareLabel){
    color:#fff;
    position:absolute;
    bottom:10px;
    left:10px;
    font-size:18px;
    width:100px;
    line-height:20px;
}
.gallery article .nothumbnail{
    background-color:#333;
    height:100%;
}

.gallery article .nothumbnail i{
    margin-top: 20px;
    line-height: 55px;
}

.gallery .controls{ position: absolute; left: 10px; top: 10px; z-index: 99;}
.viewswitch{ margin-top:8px; display: block; float: left;}
.viewswitch a, .viewswitch a:visited{ font-size:24px; color: #ccc; margin-left:6px;}

.gallery .shareDistribute label{
    font-size : 12px;
}

.gallery .gallery-training-name.display_rtl{
    direction: rtl;
    display: inline-block;
    text-align: right;
}

.resultsLoading{
    font-size : 30px;
    color: #bababa;
    text-align: center;
    margin-top: 20%;
}

.contentLoading{
    font-size: 40px;
    color: #bababa;
    text-align: center;
    margin-top: 100px;
}
.contentLoading p{
    font-size: 30px;
    color: #bababa;
    margin-top: 20px;
}

.form.nobg.compact{
    padding-top: 15px;
}

.addDistributeShareInfo{
    line-height: 22px;
    padding-right: 11px;
    font-size: 13px;
    color: #555;
}

.distributeRibbon{
    position: absolute;
    top:0;
    right:0;
}

.authorEasyShareInformation{
    padding: 25px 10px 25px 0;
}
.authorEasyShareInformation a{
    font-size: 14px;
    text-decoration: underline;
}
.authorEasyShareInformation p{
    font-size: 14px;
    color :#666
}
/*.authorEasyShareInformation i{*/
/*font-size: 30px;*/
/*color :#666;*/
/*cursor: pointer;*/
/*}*/
.easyShareInformation{
    margin-bottom: 30px;
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.hiddenAuthorShareInfo{
    visibility:hidden;
    height:0;
    margin-top: -60px;
}
.hiddenLoading{
    height: 0;
    margin-bottom: -40px;
}


/* Angular animations */

/* authorEasyShareInformation animation */
.easyShareInformation.ng-hide-add, .easyShareInformation.ng-hide-remove {
    -webkit-transition:all linear 0.5s;
    -moz-transition:all linear 0.5s;
    -o-transition:all linear 0.5s;
    transition:all linear 0.5s;
    display:block!important;
}

.easyShareInformation.ng-hide-add.ng-hide-add-active,
.easyShareInformation.ng-hide-remove {
    opacity:0;
}

.easyShareInformation.ng-hide-add,
.easyShareInformation.ng-hide-remove.ng-hide-remove-active {
    opacity:1;
}

/*
 * ngRepeat triggers three animation events: enter, leave and move.
 */
.animate-repeat.ng-enter,
.animate-repeat.ng-leave,
.animate-repeat.ng-move {
    -webkit-transition:0.3s linear all;
    -moz-transition: 0.3s linear all;
    -ms-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    transition: 0.3s linear all;
}

/* ending enter and move styling
   (this is what the element will animate from */
.animate-repeat.ng-enter,
.animate-repeat.ng-move { opacity:0; }

/* ending enter and move styling
   (this is what the element will animate towards */
.animate-repeat.ng-enter.ng-enter-active,
.animate-repeat.ng-move.ng-move-active { opacity:1; }

/* starting leave animation */
.animate-repeat.ng-leave { opacity:1; }

/* ending leave animation */
.animate-repeat.ng-leave.ng-leave-active { opacity:0; }

.casing .casing-title{
    float: none;
    margin-bottom: 15px;
    font-size: 22px;
}
/*.list table{width:100%;color:#333;border-collapse:collapse;margin:14px 0;}
.list td, .list th{text-align:center;vertical-align:top; font-weight:normal;}
.list th{padding:4px 0;}
.list td{border-top:1px solid #eee;vertical-align:bottom;padding:3px 0;color:#333;}
.list tbody tr:first-child td,.list tfoot td{border-top:none;}
.list tbody a{font-weight:normal;font-size:12px;}
.list td.wicon{ text-align: left;width:18%}
.list td.wicon i{ font-size:18px; margin-right:6px; color: #666;}
*/
table.list{width:100%;color:#333;border-collapse:collapse;margin:14px 0;}
table.list td, table.list th{text-align:center;vertical-align:top; font-weight:normal;}
table.list th{padding:4px 0;}
table.list td{border-top:1px solid #eee;vertical-align:bottom;padding:3px 0;color:#666;}
table.list tbody tr:first-child td, table.list tfoot td{border-top:none;}
table.list tbody a{font-weight:normal;font-size:12px;}
table.list td.wicon{ text-align: left;width:18%}
table.list td.wicon i{ font-size:18px; margin-right:6px; color: #666;}
table.list td span.flag{margin-right:6px;}

table.list.l td{ font-size: 14px; line-height: 18px; text-align: left;}
/*new design*/

.casing.stepto i.block-section-link, #author_intro_ad i.block-section-link{ display: block; float: left; font-size:60px; line-height:46px; color:#555;width:80px; margin-top: 1px;}
.casing.stepto i.block-section-link:hover{color:#333;}
/*Because of IE8, as it doesn't understand :not(), ^Above rules apply now^*/
/*.casing.stepto i:not(.icon-question-sign){ display: block; float: left; font-size:60px; line-height:46px; color:#555;width:80px;}
.casing.stepto i:not(.icon-question-sign):hover{color:#333;}*/

.casing.stepto .action{ float: right; margin-top:8px;}
.casing.stepto h1, #author_intro_ad h2{
    display: block;
    font-size: 20px;
    font-weight: bold;
}
#author_intro_ad ul{
    margin-left: 52px;
}
.casing.stepto h1{
    color: #666666;
}
.casing.stepto h1 a{
    text-decoration: none;
    font-size: 20px;
}


.casing.stepto h1 span{ font-size: 15px; color: #999; font-weight: normal;}
.casing.stepto p{display: block; width: 70%; padding-bottom:0; margin-left: 80px; margin-top: -6px; }
/*add edit author*/
.actionsholder{float: right; width:170px; margin-top:6px;}
.actionsholder .control-group{float: left;}
.actionsholder .viewswitch{ float: right;}

/*training stats*/
.statinfo{
    clear: both;
    /*background:url("../images/hr_bg.jpg") top repeat-x;*/
    padding:6px 0;
}
.statinfo.semi{ clear: none; width: 47%; float: left; background:none; padding: 0 18px 0 0; margin-bottom:6px;}
.statinfo.semi.x{float:right; border-left: 1px solid #eee;padding: 0 0 0 18px;}
.statinfo.semi p{ font-size: 13px; color: #999; line-height: 15px;}
.statinfo.semi header{margin-bottom: 0px;}
.portal section.statinfo header{margin: 0px;padding: 0px;}
.statinfo span.wicon{ float: right; font-size: 15px; display: block; line-height: 15px;padding: 20px 0 5px 0;}
.statinfo span.wicon i{ color: #999; font-size:24px; margin-right: 6px;}

.statinfo .table-max-5{
    max-height:140px !important;
    overflow-y:auto;
}

.statinfo table td:first-child{
    width:500px;
}


.mobile_device_logos{
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 25px;
}

/*review process*/
section.informative{ overflow: hidden; padding-bottom: 18px;}
.informative .col{ width:42%; float: left;padding:0 4%; }
.informative .col.x{ float: right;}
.informative .col .ibit{ display: block; overflow: hidden;}
.informative .col .ibit i{ color: #777; font-size:24px;margin: 18px 0 0 0; display:block; float: left; line-height:26px;}
.informative .col .ibit p{ font-size: 13px; color: #777; line-height: 16px; width:85%; float: right; }
.informative .col .ibit h3{ width:85%; float: right; margin-bottom: 0;}


.buttonwrap{overflow:hidden; white-space:nowrap;}
.buttonwrap.right .action{float:right; margin-left: 12px;}
.buttonwrap.for1{width:100%;}
.buttonwrap.for1 .action{margin:0 auto;}
.buttonwrap.for2{width:70%;margin:0 auto;}
.buttonwrap.for2 .action{float:right;margin-right:0;}
.buttonwrap.for2 .action:first-child{float:left;}
.buttonwrap.for2 .action.first-child, .buttonwrap.for2 .action.pie_first-child{float:left;}
.buttonwrap.for3 .action{float:left;margin-left:29px;cursor:pointer;}
.buttonwrap.for3 .action.first-child{margin-left:0;}
.buttonwrap.for3 .action.last-child{margin-right:0; margin-left:0; float:right;margin-top:0px;}

.buttonwrap.for4 .action{float:left;margin-left:5px;}
.buttonwrap.for4 .action.twoliner{line-height:14px;height:27px;padding-top:3px;float:left;margin-left:41px;display:block;}
.buttonwrap.for4 .action:first-child{margin-left:0 !important;}

.buttonwrap.for4 .action.oneup{float:left; margin-right:29px; margin-left:0px;}
.buttonwrap.for4 .action.oneup:first-child{margin-left:28% !important; margin-right:33% !important;}
.buttonwrap.for4 .action.oneup:last-child{float:right; margin-right:0px;}



.button-up{
    margin-bottom:40px !important;
}


.spamcontrol{text-align:right;font-size:14px;}
.spamcontrol a.hastip{font-size:14px;margin:0;color:#ccc; cursor:pointer;}
.spamcontrol a.hastip:hover{color:#666;}
.spamcontrol a.hastip.checked,.spamcontrol a.checked:hover{color:#666}

.buttons-box .spamcontrol{padding-top: 5px;text-align: center;}

/*icons, sprites, other visual details*/
.rate{color:#FFCC00 !important;text-align:right;font-size:14px;padding-top: 4px}
/*.flag{display:inline-block;width:16px;height:11px;background:url("../images/flags.png") no-repeat;}
.flag.flag-de {background-position:-16px 0}
.flag.flag-es {background-position:-32px 0}
.flag.flag-fi {background-position:0 -11px}
.flag.flag-fr {background-position:-16px -11px}
.flag.flag-en {background-position:-32px -11px}       DGR:change gb to en
.flag.flag-it {background-position:0 -22px}*/

/*education tracker*/
#training_tracker_page #accredited_training_only{margin-top: 25px;width: 220px; margin-left: -24px;}
#training_tracker_page #accredited_training_only span{font-size: 15px}
.tablelisting{width:99.99%;border-collapse:collapse;border-spacing:0;color:#333333;font-size:12px;font-style:normal;font-family:Arial, Helvetica, Verdana, sans-serif;margin:18px 0;}
.tablelisting thead{color:#fff;height:45px;}
.tablelisting thead th{background:#333;height:41px;}
.tablelisting thead th:first-child{-moz-border-radius:6px 0 0 0;-webkit-border-radius:6px 0 0 0;border-radius:6px 0 0 0;}
.tablelisting thead th:last-child{-moz-border-radius:0 6px 0 0;-webkit-border-radius:0 6px 0 0;border-radius:0 6px 0 0;}
.tablelisting thead th:only-child{-moz-border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;}
.tablelisting thead th:not(.nobg) a{
    text-decoration:none;
    font-size: 12px;
    color: #fff;
}

.tablelisting thead th a{
    color:#fff;
    text-decoration:none;
    font-size:12px;
}
.tablelisting thead th a i{
    margin-left:8px;
}
.tablelisting thead th.tabs a i{
    margin-left:0px;
}
.tablelisting thead th a.toggleme i{margin-right:8px;}


.tablelisting thead th.s a{margin:0;}
.tablelisting tbody{border-left:1px solid #eee;border-bottom:1px solid #eee;}
.tablelisting tr:nth-child(even){background-color:#F5F5F5;}
.tablelisting th,.tablelisting td{text-align:left;padding:4px 2px 5px 12px;border-right:1px solid #ddd;}
.tablelisting th.text-c, .tablelisting td.text-c{padding-left:2px;}
.tablelisting th{border-right:1px solid #626262;}
.tablelisting th:last-child{border-right:none;}
.tablelisting td.mini,.tablelisting.tight td.mini{ text-align: center; width:33px; padding: 0;}
.tablelisting.tight th,.tablelisting.tight td{text-align:center;padding:5px 2px;}
.tablelisting.tight td a{font-size:12px;}
.tablelisting.tight td time{white-space:nowrap;}
.tablelisting td i,.tablelisting td a i{font-size:22px;}
.tablelisting td.no-border-left {border-left: 0px}
.tablelisting td.no-border-right {border-right: 0px}
.tablelisting td i.mini, .tablelisting td a i.mini{font-size:17px;}
.tablelisting tr.unread td{font-weight:bold;}
.tablelisting th.s,.tablelisting td.s{width:20px;padding-left:2px;text-align:center;}
.tablelisting th.s i,.tablelisting td.s i{ margin-left: 0;}
.tablelisting thead th.s a{margin:0;}
.tablelisting thead th.from{width:150px;}
.tablelisting thead th.date{width:206px;}
.tablelisting thead th.nobg{background:#fff;height:41px;border:none; padding-bottom:0 }
.tablelisting th.tabs{padding:0;}
.tablelisting th.nobg label{font-size:12px;font-weight:normal;}
.tablelisting th.tabs a{background:#e2e2e2;-moz-border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;display:inline-block;width:107px;margin:0;padding:0;height:45px;line-height:45px;text-align:center;font-size:18px;color:#bababa;font-weight:bold;text-decoration:none;}
.tablelisting th.tabs a.active,.tablelisting th.tabs a:hover{background:#636363;color:#fff;}
.tablelisting th.tabs a:first-child{margin-right:1px;}
.tablelisting td.wicon{text-align: left; padding-left: 12px; white-space: nowrap;}
.tablelisting td.wicon i{ font-size:18px; margin-right:6px; color: #666;}
.tablelisting.tight th.date{ width:56px;}
.tablelisting.tight th.purchasefrom{ width:112px;}
.tablelisting.tight th.paypal{ width:120px;}
.tablelisting.tight th.amount{ width:50px;}
.tablelisting.tight th.state{ width:100px;}
.tablelisting.tight th.city{ width:55px;}
.tablelisting.tight th.country{ width:65px;}
.tablelisting.tight td.xxtiny input{width:75px;margin-right:5px;}
.tablelisting td.align-left{text-align: left; padding-left: 5px;}

.tablelisting.tight td span.canBeAccreditedWarning{ width: 25px; display: inline-block;margin-top: 5px;}
.tablelisting.tight td div.trainingCompletedName{width: 85%; margin-left: 15%;margin-top: -20px;}

/*msg*/
.tablelisting.msg th{
    font-weight:normal;
    border:none;
}
.tablelisting.msg th h3{
    color:#fff;
    margin:0;
}


.tablelisting.msg td.nobg.attach a{
    font-size:14px;
    color:#000;
}

/*
.tablelisting.msg td p{
    word-break: break-all;
}
*/

.tablelisting.msg td.nobg.attach i{
    margin-right:4px;
}

.tablelisting.msg .message-content{
    background-color:#fff;
}

.message-content p{
    word-break:break-word;
}
.tablelisting.msg th.nobg h3{
    color:#333;
    margin:0;
}

.tablelisting.msg th.attach a{
    color:#000 !important;
    text-decoration:none !important;
    margin-right:10px;
}

.tablelisting.msg th.attach i{
    margin-left: 4px;
    margin-right:4px;
}

.tablelisting.msg th.attach .help{
    float:none;
}

.tablelisting.msg th.attach .help error{
    color:#D80000 !important;
}


.tablelisting.msg td.nobg.for-attached{
    padding:5px !important;
}


.tablelisting.msg td .attached-files{
    background:none;
    border-radius: 0;
    padding: 5px 5px 5px 5px;;
    background-color:#f5f5f5;
}

.tablelisting.msg td .attached-files ul{
    margin-left:0px;
    padding:0;
}

.tablelisting.msg td .attached-files ul li{
    display:inline;
    margin-right: 20px;
    text-indent:0px;
}

.tablelisting.msg td .attached-files ul .filename{
    text-decoration: underline;
}
.tablelisting.msg td .attached-files a{
    font-size:14px;

}

.tablelisting.msg td .attached-files i{
    display:inline !important;
    margin-right:5px;
    margin-left:5px;
}

.tablelisting.msg th p{
    color:#fff;
    font-size:12px;
    padding:0;
}
.tablelisting.msg th.date{
    text-align:right;
}
.tablelisting.msg th.date p{
    padding-right:8px;
    clear:both;
}
.tablelisting.msg th.date a,.tablelisting.msg th.date span{
    float:right;
    display:block;
    margin-left:4px;
}


.tablelisting.msg textarea{
    width:98%;
    height:160px;
    border:none;
    margin:10px 0;
}
.tablelisting.msg textarea:focus{
    border:none;
}

/* evaluation statement warning */
ul.eval_statement_warning{margin: 0;}
div.no-cpd.eval_statement_warning{text-align: left;margin-bottom: 10px}

/* Training not confirmed*/
ul.training_not_confirmed{margin: 0;}
div.no-cpd.training_not_confirmed{text-align: left;margin-bottom: 10px}


/* FORM ELEMENTS */
input.text, input.email, input.password, textarea.uniform{
    min-height:25px;
    line-height:18px;
    padding:2px;
    /* Dropdowns are difficult to edit ang give many problems in different browsers. They have a padding-left
    by default, so to make every input consistent, we give other elements a padding-left */
    /*padding-left:8px;*/
    /* This padding makes our inputs longer, so we force their width to be a bit smaller */
    /*width: 93.7% !important;*/
    border:solid 1px #cbcbcb;
    -moz-border-radius:0.3em;
    -webkit-border-radius:0.3em;
    -ms-border-radius:0.3em;
    -o-border-radius:0.3em;
    border-radius:0.3em;
}
input.text:focus, input.email:focus, input.password:focus, textarea.uniform:focus{border-color:#333 !important;outline:none;}
input.text.error_lv, input.text.error, input.email.error_lv, input.email.error, input.radio-error, input.password.error_lv, input.password.error, textarea.uniform.error_lv, textarea.uniform.error{border:1px solid #D80000 !important;}
textarea, textarea.uniform{height:auto;}
textarea, textarea.moreHeight{height:90px; width: 99%;}
input[type="radio"], input[type="checkbox"]{margin:3px 0;margin-top:0px;line-height:normal;cursor:pointer;}
input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"]{width:auto;}
input[readonly="readonly"], input[readonly], textarea[readonly="readonly"], textarea[readonly]{
    background:#F8F8F8;
    /*border:1px solid #F8F8F8;*/
    border:none !important;
}
input.datepicker[readonly]:not(.error), input.datepicker[datepicker="datepicker"]:not(.error){
    background-color: #fff;
    border: solid 1px #cbcbcb !important;
}

.select2-container.select2Original{
    width: 99.3%;
}

.select2-container.select2Original .select2-choice div b{
    background: none;
}
.select2-container.select2Original .select2-choice div{
    background: none;
    border-left: none;
}

.select2-results .select2-result-label{
    cursor: default;
}

.keySearch.select2Larger{
    width: 496px
}


/* FORM ELEMENT CONTAINERS */
div.selector, div.selector span , div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span{
    background-image:url(../images/sprite.png);
    background-repeat:no-repeat;
    -webkit-font-smoothing:antialiased;
}


.selector, .radio, .checker, .uploader, .button, .selector *, .checker *, .uploader *, .button * {margin:1;padding:0;}
.radio * {margin:1;padding:0;}
div.selector{background-position:-483px -32px;line-height:31px;height:31px;}
div.selector span{background-position:right 0;font-size:14px;height:31px;line-height:31px;cursor:default !important;}
div.selector select {top:0;left:0;width:100%;}
div.selector:active, div.selector.active, div.selector.focus, div.selector.focus:active, div.selector.focus.active{background-position:-483px -464px;}
div.selector:active span, div.selector.active span, div.selector.focus span, div.selector.focus:active span, div.selector.focus.active span{background-position:right -432px;cursor:default !important;}
div.selector.hover select{ cursor: pointer; }
div.selector.hover span{cursor:default !important;}
div.selector.disabled{background-position:-483px -96px !important;}
div.selector.disabled span{background-position:right -64px !important;}
div.checker{display:inline-block;vertical-align:middle;*display:inline;*zoom:1;width:31px;height:31px;}
div.checker input{width:31px;height:31px;-moz-appearance: none;}
div.checker span{background-position:0 -219px;height:31px;width:31px;}
div.checker:active span, div.checker.active span, div.checker.focus span, div.checker.focus:active span, div.checker.focus.active span{background-position:-68px -219px;}
div.checker span.checked{background-position:-34px -219px;}
div.checker:active span.checked, div.checker.active span.checked, div.checker.focus span.checked, div.checker.focus:active span.checked, div.checker.active.focus span.checked{background-position:-102px -219px;}
div.checker.disabled span, div.checker.disabled:active span, div.checker.disabled.active span{background-position:-136px -219px !important;}
div.checker.disabled span.checked, div.checker.disabled:active span.checked, div.checker.disabled.active span.checked{background-position:-169px -219px !important;}
/*small checkboxes*/
.mini div.checker{display:inline-block;vertical-align:middle;*display:inline;*zoom:1;width:18px;height:18px;}
.mini div.checker input{width:18px;height:18px;}
.mini div.checker span{background-position:-250px -219px;height:18px;width:19px;}
.mini div.checker:active span, .mini div.checker.active span, .mini div.checker.focus span, .mini div.checker.focus:active span, .mini div.checker.focus.active span{background-position:-318px -219px;}
.mini div.checker span.checked{background-position:-284px -219px;}
.mini div.checker:active span.checked, .mini div.checker.active span.checked, .mini div.checker.focus span.checked, .mini div.checker.focus:active span.checked, .mini div.checker.active.focus span.checked{background-position:-352px -219px;}
.mini div.checker.disabled span, .mini div.checker.disabled:active span, .mini div.checker.disabled.active span{background-position:-386px -219px !important;}
.mini div.checker.disabled span.checked, .mini div.checker.disabled:active span.checked, .mini div.checker.disabled.active span.checked{background-position:-419px -219px !important;}
div.radio{
    display:inline-block;
    vertical-align:middle;
    *display:inline;
    *zoom:1;
    width:31px;
    height:31px;
}
div.radio input{width:31px;height:31px;}
div.radio span{
    height:31px;
    width:31px;
    background-position: -279px -311px;
    display:inline-block;
    vertical-align:middle;
}



div.radio:active span, div.radio.active span, div.radio.focus span, div.radio.focus:active span, div.radio.active.focus span{
    background-position: -279px -311px;
}
div.radio span.checked{
    background-position: -245px -311px;
}
div.radio:active span.checked, div.radio.active span.checked, div.radio.focus span.checked, div.radio.focus:active span.checked, div.radio.focus.active span.checked{
    background-position: -245px -311px;
}
div.radio.disabled span, div.radio.disabled:active span, div.radio.disabled.active span{
    background-position: -279px -311px;

}
div.radio.disabled span.checked, div.radio.disabled:active span.checked, div.radio.disabled.active span.checked{
    background-position: -245px -311px;
}
div.uploader{background-position:0 -297px;height:28px;}
div.uploader span.action{background-position:right -409px;height:24px;line-height:24px;}
div.uploader span.filename{height:24px;margin:2px0 2px 2px;line-height:24px;}
div.uploader.focus, div.uploader.hover, div.uploader:hover{background-position:0 -353px;}
div.uploader.focus span.action, div.uploader.hover span.action, div.uploader:hover span.action{background-position:right -437px;}
div.uploader.active span.action, div.uploader:active span.action{background-position:right -465px;}
div.uploader.focus.active span.action, div.uploader:focus.active span.action, div.uploader.focus:active span.action, div.uploader:focus:active span.action{background-position:right -493px;}
div.uploader.disabled{background-position:0 -325px;}
div.uploader.disabled span.action{background-position:right -381px;}
div.button{background-position:0 -523px;}
div.button span{background-position:right -643px;}
div.button.focus, div.button:focus, div.button:hover, div.button.hover{background-position:0 -553px;}
div.button.focus span, div.button:focus span, div.button:hover span, div.button.hover span{background-position:right -673px;}
div.button.active, div.button:active{background-position:0 -583px;}
div.button.active span, div.button:active span{background-position:right -703px;color:#555;}
div.button.disabled, div.button:disabled{background-position:0 -613px;}
div.button.disabled span, div.button:disabled span{background-position:right -733px;color:#bbb;cursor:default;}
div.radio.disabled {color:#bbb;cursor:default;}
div#training_type_container label.checkbox.disabled{color:#bbb;}
div.button{height:30px;}
div.button span{margin-left:13px;height:22px;padding-top:8px;font-weight:bold;font-size:12px;letter-spacing:1px;text-transform:uppercase;padding-left:2px;padding-right:15px;}
div.selector{
    min-width:125px;
    font-size:12px;
}

div.selector select{
    min-width:125px;
    border:solid 1px #fff;
    padding-left:0px !important;
    background-color: #fff !important;
}
div.selector span{
    padding:0 25px 0 0px;
}

div.selector span{color:#666;min-width:100px;text-shadow:none;}
div.selector.disabled span{color:#bbb;}
div.checker{margin-right:5px;}
/*div.radio{margin-right:5px;}*/
div.uploader{width:190px;cursor:pointer;}
div.uploader span.action{width:85px;text-align:center;text-shadow:#fff 0 1px 0;background-color:#fff;font-size:11px;font-weight:bold;}
div.uploader span.filename{color:#777;width:82px;border-right:solid 1px #bbb;font-size:11px;}
div.uploader input{width:190px;}
div.uploader.disabled span.action{color:#aaa;}
div.uploader.disabled span.filename{border-color:#ddd;color:#aaa;}
.selector, .checker, .button, .radio, .uploader{display:-moz-inline-box;display:inline-block;vertical-align:middle;*display:inline;*zoom:1;}
.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus{outline:0;}
div.button a, div.button button, div.button input{position:absolute;}
div.button{cursor:pointer;position:relative;}
div.button span{display:-moz-inline-box;display:inline-block;line-height:1;text-align:center;}
div.selector{position:relative;padding-left:10px;overflow:hidden;}
#member_importation_select div.selector{min-width: 240px}
div.selector span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
div.selector select{position:absolute;opacity:0;filter:alpha(opacity=0);height:25px;border:none;background:none;}
div.checker{position:relative;}
div.checker span{display:-moz-inline-box;display:inline-block;*display:inline;*zoom:1;text-align:center;}
div.checker input{opacity:0;filter:alpha(opacity=0);display:inline-block;*display:inline;*zoom:1;background:none;}
div.radio{position:relative;}
div.radio span{display:-moz-inline-box;display:inline-block;*display:inline;*zoom:1;text-align:center;}
div.radio input{opacity:0;filter:alpha(opacity=0);text-align:center;display:inline-block;*display:inline;*zoom:1;background:none;}
div.uploader{position:relative;overflow:hidden;cursor:default;}
div.uploader span.action{float:left;display:inline;padding:2px0;overflow:hidden;cursor:pointer;}
div.uploader span.filename{padding:0 10px;float:left;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;}
div.uploader input{opacity:0;filter:alpha(opacity=0);position:absolute;top:0;right:0;bottom:0;float:right;height:25px;border:none;cursor:default;}
form {}
fieldset{padding:0;margin:0;border:0;background:transparent;}
legend{border:0;color:#666666;}
legend small{font-size:13.5px;}
label{margin-bottom:5px;}
.checkbox{min-height:31px;display:block;}
.checkbox.mini{min-height:18px;display:block;}
.checkbox input[type="radio"], .checkbox input[type="checkbox"] {
    *margin-left:0;
}

.thefile .filename{
    display: inline-block;
    max-width: 220px;
    text-overflow: ellipsis
}

.checkbox.inline{
    display:inline-block;
    *display:inline;
    *zoom:1;
}

.form.vertical .controls.inline.smaller{
    margin-left:50px;
}
.controls.inline.smaller .checkbox.inline{
    width: 100px;
}
.checkbox.semi{width:49%;float:left;}
.checkbox.third{width:32%;float:left;}

.controls.radioButtonList label{padding-right:90px;}


label.doubleliner span.label-txt{
    display:inline;
    line-height:15px;
    font-size:13px;
    line-height:1;

}

label.doubleliner span.label-txt a{
    font-size:13px;
}

.checkbox.terms-conditions{
    display: block;
    position:relative;
}

.checkbox.terms-conditions span.label-text{
    font-size: 13px;
    width:270px;
    float: right;
    display: block;
}

.checkbox.terms-conditions span.label-text a{
    font-size:13px;
}








label.doubleliner a{font-size:14px;}
label.cleared{clear:both;display:block;}
label.cleared span.label-txt{font-size:12px;}

.setwidth{display:inline-block;*display:inline;*zoom:1;vertical-align:top;min-width:100px;}
.setwidth small{clear:both;display:block;}

.control-group .hint{font-size:11px;color:#afb3a6;font-style:italic;font-family:"Georgia", "Times New Roman", Times, serif;}

.multiopts label.doubleliner span.label-txt{line-height:16px;font-size:14px;display:block;float:right;width:234px;margin:0}
.multiopts label.doubleliner .checker{float:left;}

.vertical .fullwidth label.doubleliner{clear:both;overflow:hidden;}
.vertical .fullwidth label.doubleliner span.label-txt{width:630px;float:right;}
.vertical .fullwidth .indent label.doubleliner span.label-txt{
    width:600px;
    font-size:15px;
    margin-right:30px;
}

.form.vertical .fullwidth .controls.twothirds, form.vertical .fullwidth .control-label.twothirds { width: 66%; }

.vertical .fullwidth label.doubleliner .checker{float:left;}


.input-mini{width:60px;}
.input-small{width:90px;}
.input-medium{width:150px;}
.input-large{width:210px;}
.input-larger{width:240px !important;}
.input-xlarge{width:270px;}
.input-xxlarge{width:530px;}
.input-full{width:96%;}
.row input[class*="span"], .row select[class*="span"], .row textarea[class*="span"] {float:none;margin-left:0;}
.input-append input[class*="span"], .input-append .uneditable-input[class*="span"], .input-prepend input[class*="span"], .input-prepend .uneditable-input[class*="span"], .row-fluid .input-prepend [class*="span"], .row-fluid .input-append [class*="span"] {display:inline-block;}
.help.block{display:block;margin-bottom:9px;}
.help{margin:0;display:inline;float:left;font-size:13px;color:#999;padding:0;line-height:15px;}
.help a{font-size:12px;}
.help small{font-size:11px;color:#333;}
.control-group {padding:7px 0;zoom:1;}
legend + .control-group{margin-top:18px;-webkit-margin-top-collapse:separate;}

/*FORM*/
.form,.form.nobg fieldset {padding:22px 20px;margin-bottom:20px;border:1px solid #efefef;background:#f5f5f5;}
.form.nobg {padding:0;margin-bottom:0;border:none;background:none;}
.accordion .form{background:none;border:none;padding:18px 0 0 0;}
.normalw .form.mini{width:340px;float:right;}
aside .form.mini{padding:12px 10px 12px 16px;}
.submit-success {}
.submit-error {color:red;}
.submit-notice {color:blue;}

.form .control-label {float:left;text-align:right;min-height:21px;margin:6px 10px 4px 0;}
.form .controls {margin:0 15px 0 0;float:left;}

/* Sometimes we want out controls to be a bit indented. Like in Upload Portal - Availability*/
.form .controls.indent {
    margin-left: 30px !important;
}

.form .help {padding:0 0 0 10px;min-height:30px;border-left:4px solid #656565;display:table;zoom:1;}
.form .help span{display:table-cell;vertical-align:middle;height:30px;}

.modal .center-block .form-horizontal .help {padding:0 0 0 10px; min-height: 10px; border-left:4px solid #656565;display:table;zoom:1;}
.modal .center-block .form-horizontal .help span{display:table-cell;vertical-align:middle;height:10px;}

.normalw .form .control-group .control-label {width:130px;}
.normalw .form .control-group .controls {width:310px;}
.normalw .form .control-group .help {width:125px;}

/* Contact form when logged in*/
#contactus_guest .control-group .control-label{width:170px;}  /* dgr */
#contactus_guest .control-group .controls{width:310px;}
/*#contactus_guest .control-group .help{width:125px;}*/
/*#contactus_guest .control-group .help.longer{width: 260px; }*/
#contactus_guest .control-group .help{
    width: 100%;
    float: none;
    border: none;
    height: auto;
    padding: 0;
    min-height: 12px;
}
#contactus_guest .control-group .help span{
    padding-left:180px;
}

#contactus .control-group, #contactus .controls{ width: 385px; }
.contact-us-box, #contactus .extra-info, #contactus_guest .extra-info{
    margin-top:30px;
    min-height: 100px;
    padding: 10px;
    background-color: #f5f5f5;
    border:2px solid #efefef;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px
}
.contact-us-box i, #contactus .extra-info i, #contactus_guest .extra-info i{
    font-size: 20px;
}
body .contact-us-box .icon {
    float:left;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    font-size: 18px;
    padding: 0!important;
    margin: 3px 10px 3px 3px!important;
}
.contact-us-box .info-container {
    clear:both;
}

#contactus_guest .extra-info{
    margin-top:5px;
}
#contactus_guest .form-actions{
    padding: 5px 62px 0px 180px;
}
.contact-us-box p, #contactus .extra-info p, #contactus_guest .extra-info p{
    font-size: 14px;
}
.contact-us-box i, #contactus .extra-info i, #contactus_guest .extra-info i{
    font-size: 18px!important;
    vertical-align: -webkit-baseline-middle;
}
.contact-us-box .info-container, #contactus .extra-info .info-container, #contactus_guest .extra-info .info-container{
    margin-bottom: 10px;
    font-size: 14px;
}
.error-box .contact-us-box {
    padding:0;
    border:none;
    margin:0 auto;
    min-height:inherit;
}
.error-box .contact-us-box p {
    color: #333;
    font-size: 16px;
}

#summary_report_modal .control-group .controls:first-child{
    min-width:210px;
}



.widew .form .control-group .control-label {width:290px;}
.passw .form .control-group .control-label {width:290px;} /* dgr */
.widew .form .control-group .controls {width:310px;}
.widew .form .control-group .help {width:260px;}
.widew .form .form-actions.control-group .controls {}



.modal .center-block .form-horizontal .control-group{
    margin-top: 0px;
}

.modal .form-horizontal .control-group{
    margin-top: 30px;
}

.modal .form-horizontal .controls{
    width:304px;
    margin:0px;
    float:right;
}

.form.center-block{
    margin-left: auto;
    margin-right: auto;
    float:none;
    text-align: center;
    width: 305px;
    margin-left: auto;
    margin-right: auto;
}

.modal .center-block .form-horizontal  input{
    margin-bottom: 10px;
    padding:5px;
    background-color: transparent;
}

.placeholder-container {
    margin-left: 10px;
    margin-top: 10px;
    z-index: -1;
    position: absolute;
    background: #fff;
    color: #aaa;
}

.modal .form-horizontal .controls input{
    /*width:97.5% !important;*/
}

.modal .form-horizontal .control-group .help {
    width:auto;
    border:0;
}


.modal .form .control-group.inline{clear:none;float:left;}
.modal .form .control-group.inline.x{float:right;}
.modal .form .inline .control-label,.modal .form .inline .controls,.modal .form .inline .help {width:auto;clear:both;}
.modal .form .control-group.fullwidth,.modal .form .fullwidth .control-label,.modal .form .fullwidth .controls,.modal .form .fullwidth .help {width:100%;clear:both;}
.modal .form.vertical .control-group .control-label {width:310px;}

.form .control-group .scroll-pane.langopts.controls,.form .control-group .scroll-pane.multiopts.controls{height:110px;width:290px;background:#fff;border:solid 1px #cbcbcb;-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;padding:10px 0 10px 10px;outline:none;}
.form .control-group .scroll-pane.multiopts.controls{margin-bottom:18px;}
.form .control-group.fullwidth .scroll-pane.multiopts.controls{width:97%; height: auto; max-height: 400px;padding:0;}

.form .control-group .scroll-pane.langopts.controls{ margin-right: 23px;}

.form.mini .control-label,.normalw .form.mini .control-label {width:100%;float:none;}
.form.mini .controls,.normalw .form.mini .controls {width:100%;float:none;margin:0 0 1% 0;}
.form.mini .help,.normalw .form.mini .help,.form.vertical .control-group .help {width:100%;float:none;border:none;height:auto;padding:0;min-height:12px;}
.form.mini .help span,.normalw .form.mini .help span {height:auto;}
.form.mini .form-actions,.normalw .form.mini .form-actions{width:97.745%;padding-left:0;}
.form.mini .form-actions .help,.normalw .form.mini .form-actions .help {width:auto;float:left;}

#disclosure_tab .accordion-content .form.vertical.disclosureFormContainer{
    margin-bottom: 12px;
}

.casing .form.vertical{
    padding:0 12px;
}
.casing .accordion-content .form.vertical{padding:0;}
.casing .accordion .form.vertical{padding:0;}
.form.vertical{overflow:hidden;}
.form.vertical .column{width:300px;display:block;vertical-align:top;float:left;}
.form.vertical .column.float-r{float:right;}
.form.vertical .column.wider{width:420px;}
.form.vertical .column.hilighted, .form.vertical .control-group.hilighted{background: #F0F8FF;border-radius: 10px;margin: 2px 0;padding: 0px 2px 2px 4px;}
.form.vertical .column.hilighted .help, .form.vertical .control-group.hilighted .help{font-size:11px;}
.form.vertical .control-group.wider textarea{height:177px;}
.form.vertical .control-group.wider2 textarea{height:90px;}
.form.vertical .control-group.float-r{float:right;}
.form.vertical .control-group{width:300px;float:left;}
.form.vertical .disclosure-form .control-group{width:520px}
.form.vertical .control-label{text-align:left;margin-bottom:0;min-height:18px;}
.form.vertical .control-label,.form.vertical .controls,.form.vertical .help {width:305px;clear:both;margin-left:0;margin-right:0;max-width: 100%;}
.form.vertical .disclosure-form .control-label,
.form.vertical .disclosure-form .controls,
.form.vertical .disclosure-form .help {
    width:520px;
}
.form.vertical .fileinfo .help {width:300px;}
.form.vertical #categories_list{ width: 395px; } /*Training categories*/
.form.vertical .controls.one-line{margin-top:12px;}


.form.vertical .controls.input-list{width:350px;clear:both;margin-left:0;margin-right:0;}

.form.vertical .control-group.inline{clear:none;}
.form.vertical .control-group.inline,.form.vertical .inline .control-label,.form.vertical .inline .controls,.form.vertical .inline .help {width:auto;}
.form.vertical .control-group.inline:first-child{margin-right:10px;}
.form.vertical .control-group.wider,.form.vertical .wider .control-label,.form.vertical .wider .controls,.form.vertical .wider .help {width:420px;}
.form.vertical .control-group.fullwidth,.form.vertical .fullwidth .control-label,.form.vertical .fullwidth .controls,.form.vertical .fullwidth .help {width:100%;
    clear:both;}
.form.vertical .fullwidth .controls{
    margin-top:1px;
}
.form.vertical .control-group.wider2,.form.vertical .wider2 .control-label,.form.vertical .wider2 .controls,.form.vertical .wider2 .help {width:325px;}

.form.vertical .control-group.resend .controls {width:140px;display:inline-block;}
.form.vertical .control-group.resend .help {width:310px;margin-left:8px;display:inline-block;}

.form.vertical .fullwidth .control-label.inline,.form.vertical .fullwidth .controls.inline{width:auto;clear:none;}
.form.vertical .fullwidth .control-label.inline{padding-right:18px;}

.row .column{
    width:50%;
    max-width:50%;
}
/* Not very tested. Be careful with this */
.control-label h3{
    margin-bottom:0px;
    margin-top:0px;
}

.controls.inline .checkbox.inline{
    width:120px;
}

.form.vertical .fullwidth .controls.sidebyside{ width: auto; clear: none;}
.form.vertical .fullwidth .controls.sidebyside .selector{ width: 125px; float: left;}
.form.vertical .fullwidth .controls.sidebyside label{display: inline-block; float: right; line-height: 30px; margin:0 28px 0 10px;}


.form.vertical .control-group {max-width:100%;}
.form.vertical .control-group .control-label a{float:right;font-size:12px;padding-right:8px;}
.form.vertical .control-group .control-label a.question-mark{float:none;font-size:12px;padding-right:8px;}
.form.vertical .control-group.fullwidth .control-label a{float:left;margin:4px 0;}
.form.vertical .control-group.fullwidth .control-label .select2-search-choice-close {margin: 0;}
.form.vertical .control-group .control-label .help-txt{line-height:20px;color:#666;display:block;}
.form.vertical .control-group .control-label .help-txt a{float:none;font-size:14px;}
.form.vertical .row .control-group{float:right;}
.form.vertical .row .control-group:first-child{float:left;}
.form.vertical .row .control-group.x{float:left;}
.form.vertical .row2 .control-group{ float: left; margin-right: 10px;}

.form.vertical .controls label.thumbnail{ padding-top: 18px;}
.form.vertical .controls label.thumbnail img,.form.vertical .controls label.thumbnail span.placeholder, .control-group label.thumbnail img, .control-group label.thumbnail span.placeholder{ display: block;/*width: 180px; height: 116px;*/max-width: 100%; margin:6px 28px 0 0;}
.form.vertical .controls label.thumbnail span.placeholder, .control-group label.thumbnail span.placeholder{ background: #666666;color:#fff;font-size:72px;line-height:116px;text-align:center;}
.form.vertical .controls label.thumbnail a{  line-height: 30px;}

.control-group .control-label.twolines { margin-top: 0px; }

/* If we have a vertical list of inputs with no info text, they should have some margin
between them. (Org Portal -> Invite third parties */
.form.vertical .controls.input-list input{
    margin-bottom:5px;
}

.controls.calendar input,.form.vertical .controls.calendar input{
    width:124px;
    float:left;
    background:url("../images/icon-calendar.gif") no-repeat 97%;
}

.controls.datetimes input,.form.vertical .controls.datetimes input{
    width:124px;
    float:left;
    background:url("../images/icons8-time-machine-15.png") no-repeat 97%;
}


.controls.search input:not('.elasticsearchFilters'),.form.vertical .controls.search input{width:257px;display:inline-block;}
.form.vertical .tiny input,.form.vertical .control-group.fullwidth .tiny input{
    width:70px !important;
}

.form.vertical .xxtiny .selector select, .form.vertical .xxtiny .selector{
    min-width: 70px !important;
    width:70px !important;
}

.form.vertical .xxtiny .selector span{
    padding:0 0px 0 0px;
    cursor:pointer;

}
.form.vertical .xxtiny .selector span{
    color:#666;
    min-width:70px;
    text-shadow:none;
}


.form.compact{overflow: hidden;}
.form.compact .row2{ overflow: hidden;clear:both;position: relative;}

.form.compact .control-group{ width: auto; float: left; margin-left: 6px;}
.form.compact .control-group:first-child{ margin-left: 0;}
.form.compact .control-group label.control-label{ float: none; clear: both; display: block; text-align: left; margin-bottom: 0;}
.form.compact .control-group .controls{ width:156px;margin-right:0;}
.form.compact .control-label{ min-height: 18px;}

.form.compact .control-group .controls.search{ width: auto;}
.form.compact .control-group .controls.search input:not(#free-text-search){ width: 160px;}
.form.compact .control-group.spaced{ margin-left:12px;}
.form.compact .control-group.spaced .controls{ width: 144px;}

.form.compact.spread .control-group{ margin-right:24px;}
.form.compact.spread .control-group .controls{ width:200px;}


.form.vertical .control-group.file .control-label {}
.form.vertical .control-group.file .controls {width:140px;display:inline-block;}
.form.vertical .control-group.file .help {width:162px;margin-left:8px;display:inline-block;}

.form.vertical.form-stripe .row .control-group {
    float:left;
}
.form.vertical.form-stripe input[type=text] {
    width:299px;
}

/* stripe errors */
#card-errors p{
    font-size: 120%;
}

.form .control-group:before, .form .control-group:after{display:table;content:"";}
.form .control-group:after{clear:both;}
.form .control-group .help{float:left;}
.form .control-label p.hint{display:block;text-align:right;}
.form .controls p.hint{display:block;text-align:right;padding-right:10px;font-size:11px;min-height: 15px}
.form .controls p.hint.charleft{margin-bottom:-30px}
#modalOuter #modalDialog .modalContent #submit_training_comments_form p.hint{display:block; padding:0px; margin:0px; text-align:right;margin-right:10px;font-size:11px; font-style:italic}

.modal .form .controls p.hint{
    text-align:left;
    padding-right:0px !important;
    white-space: nowrap;

}
.form .controls input, .form .controls select, .form .controls div.selector, .form .controls textarea{width:95.745%;*display:inline;*zoom:1; overflow: hidden;}
.passw .form .controls input{width:95.745%;*display:inline;*zoom:1; overflow: hidden;}/* dgr */
.passw .form .controls input#email, .passw .form .controls input#username{
    width:95.745%;
    *display:inline;
    *zoom:1;
    overflow: hidden;
}
.passw .form .controls {margin:0 0 0 0;float:left;margin-right: 10px;}/* dgr */
.passw .form .controls #email, .passw .form .controls #username{margin:0 150px 0 0;float:left;}

.form .control-group.fullwidth .controls input,
.form .control-group.fullwidth .controls select,
.form .control-group.fullwidth .controls div.selector,
.form .control-group.fullwidth .controls textarea{width:98%;max-width:99%; *display:inline;*zoom:1;}
.form .control-group.fullwidth .controls textarea{resize:vertical;}
.form .control-group.fullwidth.invite .column{
    margin-right: 20px;
}

.form .control-group.fullwidth .controls input.quickSearch,
.form .control-group.fullwidth .controls select.quickSearch,
.form .control-group.fullwidth .controls div.selector{
    width:94.894%;*width:95.106%;*margin-left:3px;
}

.form .controls div.selector, {width:94.894%;*width:95.106%;*margin-left:3px;}

.form .controls.xxtiny div.selector{
    min-width: 70px;
    width:70px;
}

/* the spinner has different font so override it here.. */
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family:Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
}
.form .controls.xxtiny span.ui-spinner{
    min-width: 80px;
    width:80px !important;
    padding:0;
}
.form .controls.xxtiny span.ui-spinner input{
    border: 0;
    outline: none;
}

.form .controls.xxtiny div.selector span{
    min-width: 70px;
    padding:0;
}

.form .controls.xxtiny div.selector{
    margin-right:1px;
}
.form .controls.xxtiny select{
    min-width: 70px;
    width:auto;
}

.form .row .controls.xxtiny input{
    min-width: 70px;
    width: 70px;
}



/* If we have a vertical list of inputs with no info text, they should have some margin
between them. (Org Portal -> Invite third parties */
.form-vertical .controls.input-list input{
    margin-bottom:5px;
}

/*.form .control-group.success .help{background:url("../images/tick.png") no-repeat 12.766% center;text-indent:-20000px;}*/
.form .control-group.success .help{text-indent:-20000px;}
.form .control-group.hide-help .help{display:none;}

/*FORM ACTIONS*/
.form-actions {padding:7px 0;zoom:1;}
.form-actions.centered{
    display:block;
    margin:0 auto;
    text-align: center;
}
.form-actions.centered a{
    margin:0 auto;
    position:relative;
}
.form-actions:before, .form-actions:after{display:table;content:"";}
.form-actions:after{clear:both;}
.form-actions label{min-height:31px;margin:10px 0 0 0;}
.form-actions .help{min-height:30px;height:30px;line-height:30px;padding:0;border:none;}


.normalw .form .form-actions {padding-left:140px;width:300px;}
.widew .form .form-actions{padding-left:300px;}
.widew .form .form-actions.narrow{padding-left:300px;width:300px;}
.passw .form .form-actions.narrow{padding-left:300px;width:300px;}/*dgr*/
.passw .form .form-actions span#w160{max-width:160px;}
.widew .form .form-actions .controls {width:310px;}
.widew .form .form-actions .help{width:260px;float:left;min-height:45px;height:45px;line-height:45px;}
.widew .form .form-actions.narrow .help{width:125px;float:left;min-height:30px;height:30px;line-height:30px;}
.form.vertical .form-actions{padding:20px 0 0 0;width:100%;clear:both;}
.form.vertical .disclosure-form .form-actions{width:97%;}
.form.vertical .form-actions .help{line-height:30px;clear:none;width:auto;}
.form.vertical .form-actions .controls{width:302px;clear:none;float:right;margin:0 8px 0 0;}
.accordion-content .form.vertical .form-actions .controls{width:302px;clear:none;float:right;margin:0 0 0 0;}
.form.vertical .column .form-actions .controls{width:auto;}
.form.vertical .form-actions .controls .action{float:right;}
.form.vertical .form-actions.aligned{padding:190px 0 0 0;width:198px;clear:none;float:right;}
.form.vertical .form-actions.aligned .controls{width:100%;float:right;margin:0 8px 0 0;}
.form.vertical .form-actions.aligned .controls .action{float:left;}
.form.vertical .column.wider .form-actions{width:408px;}
.form.vertical .column.wider .form-actions .help{clear:none;width:auto;}
.form.vertical .form-actions.inline{ width: auto;clear: none; padding-top: 7px;}
.form.vertical .form-actions.inline .controls{width:auto;clear:both;float:none;margin:0 8px 0 0;}
.form.vertical .form-actions.inline .help{ line-height: 15px;}

/*warning colors, used to be golden/yellow, changed for #333*/
.control-group.warning .help{color:#333;border-color:#333;}
.control-group.warning input, .control-group.warning textarea{border:1px solid #333;}
.control-group.warning input:focus, .control-group.warning textarea:focus{border-color:#333;}
.control-group.warning .form_horizontal .help{min-height:31px;height:31px;}
/*checkbox warning not ticked*/
.control-group.warning div.checker span, .control-group.warning div.checker:active span, .control-group.warning div.checker.active span, .control-group.warning div.checker.focus span, .control-group.warning div.checker:hover span, .control-group.warning div.checker.focus:active span, .control-group.warning div.checker:active:hover span, .control-group.warning div.checker.active:hover span, .control-group.warning div.checker.focus.active span {background-position:-68px -285px;}
/*All this was also in the line above:*/
/*.control-group.warning div.radio span, .control-group.warning div.radio:active span, .control-group.warning div.radio.active span, .control-group.warning div.radio.focus span, .control-group.warning div.radio:hover span, .control-group.warning div.radio.focus:active span, .control-group.warning div.radio:active:hover span, .control-group.warning div.radio.active:hover span, .control-group.warning div.radio.active.focus span*/
/*They've been removed since we have a new radio button now*/


/*checkbox warning ticked*/
.control-group.warning div.checker span.checked, .control-group.warning div.checker:active span.checked, .control-group.warning div.checker.active span.checked, .control-group.warning div.checker.focus span.checked, .control-group.warning div.checker:hover span.checked, .control-group.warning div.checker.focus:active span.checked, .control-group.warning div.checker:hover:active span.checked, .control-group.warning div.checker.active:hover span.checked, .control-group.warning div.checker.active.focus span.checked {background-position:-102px -285px;}
/*All this was also in the line above:
.control-group.warning div.radio span.checked, .control-group.warning div.radio:active span.checked, .control-group.warning div.radio.active span.checked, .control-group.warning div.radio.focus span.checked, .control-group.warning div.radio:hover span.checked, .control-group.warning div.radio.focus:active span.checked, .control-group.warning div.radio:hover:active span.checked, .control-group.warning div.radio.focus.active span.checked, .control-group.warning div.radio.active:hover span.checked
They've been removed since we have a new radio button now
*/

/*small checkbox warning not ticked*/
.control-group.warning .mini div.checker span, .control-group.warning .mini div.checker:active span, .control-group.warning .mini div.checker.active span, .control-group.warning .mini div.checker.focus span, .control-group.warning .mini div.checker:hover span, .control-group.warning .mini div.checker.focus:active span, .control-group.warning .mini div.checker:active:hover span, .control-group.warning .mini div.checker.active:hover span, .control-group.warning .mini div.checker.focus.active span {background-position:-318px -285px;}
/*All this was also in the line above:
.control-group.warning .mini div.radio span, .control-group.warning .mini div.radio:active span, .control-group.warning .mini div.radio.active span, .control-group.warning .mini div.radio.focus span, .control-group.warning .mini div.radio:hover span, .control-group.warning .mini div.radio.focus:active span, .control-group.warning .mini div.radio:active:hover span, .control-group.warning .mini div.radio.active:hover span, .control-group.warning .mini div.radio.active.focus span
They've been removed since we have a new radio button now
*/
/*small checkbox warning ticked*/
.control-group.warning .mini div.checker span.checked, .control-group.warning .mini div.checker:active span.checked, .control-group.warning .mini div.checker.active span.checked, .control-group.warning .mini div.checker.focus span.checked, .control-group.warning .mini div.checker:hover span.checked, .control-group.warning .mini div.checker.focus:active span.checked, .control-group.warning .mini div.checker:hover:active span.checked, .control-group.warning .mini div.checker.active:hover span.checked, .control-group.warning .mini div.checker.active.focus span.checked{background-position:-352px -285px;}
/*All this was also in the line above:
.control-group.warning .mini div.radio span.checked, .control-group.warning .mini div.radio:active span.checked, .control-group.warning .mini div.radio.active span.checked, .control-group.warning .mini div.radio.focus span.checked, .control-group.warning .mini div.radio:hover span.checked, .control-group.warning .mini div.radio.focus:active span.checked, .control-group.warning .mini div.radio:hover:active span.checked, .control-group.warning .mini div.radio.focus.active span.checked, .control-group.warning .mini div.radio.active:hover span.checked
They've been removed since we have a new radio button now
*/
/*dropdown warning left end*/
.control-group.warning div.selector, .control-group.warning div.selector:active, .control-group.warning div.selector.active, .control-group.warning div.selector.focus, .control-group.warning div.selector.hover, .control-group.warning div.selector:hover, .control-group.warning div.selector.focus:active, .control-group.warning div.selector.focus.active, .control-group.warning div.selector:hover:active, .control-group.warning div.selector.active:hover{background-position:-483px -529px;}
/*dropdown warning right end*/
.control-group.warning div.selector span, .control-group.warning div.selector:active span, .control-group.warning div.selector.active span, .control-group.warning div.selector.focus span, .control-group.warning div.selector.hover span, .control-group.warning div.selector:hover span, .control-group.warning div.selector.focus:active span, .control-group.warning div.selector:hover:active span, .control-group.warning div.selector.active:hover span, .control-group.warning div.selector.focus.active span{background-position:right -497px;}
/*error colors, red*/
.control-group.error .help, .control-group.radio-error .help{color:#D80000 !important;border-color:#D80000;}
.control-group.error input, .control-group.error textarea, .control-group.error select, .control-group.error .select2-container{border:1px solid #D80000;}
.control-group.error input.datepicker {border:1px solid #D80000!important;}
.control-group.error input:focus, .control-group.error textarea:focus{border-color:#D80000;}
.control-group.error .form_horizontal .help{min-height:31px;height:31px;}
/*checkbox error not ticked*/
.control-group.error div.checker span, .control-group.error div.checker:active span, .control-group.error div.checker.active span, .control-group.error div.checker.focus span, .control-group.error div.checker:hover span, .control-group.error div.checker.focus:active span, .control-group.error div.checker:active:hover span, .control-group.error div.checker.active:hover span, .control-group.error div.checker.focus.active span{background-position:-68px -252px;}
/*All this was also in the line above:
.control-group.error div.radio span, .control-group.error div.radio:active span, .control-group.error div.radio.active span, .control-group.error div.radio.focus span, .control-group.error div.radio:hover span, .control-group.error div.radio.focus:active span, .control-group.error div.radio:active:hover span, .control-group.error div.radio.active:hover span, .control-group.error div.radio.active.focus span
They've been removed since we have a new radio button now
*/
.control-group.error div.radio span{
    background-position: -279px -280px;
}
.control-group.error div.radio span.checked {
    background-position: -245px -280px;
}

/*checkbox error ticked*/
.control-group.error div.checker span.checked, .control-group.error div.checker:active span.checked, .control-group.error div.checker.active span.checked, .control-group.error div.checker.focus span.checked, .control-group.error div.checker:hover span.checked, .control-group.error div.checker.focus:active span.checked, .control-group.error div.checker:hover:active span.checked, .control-group.error div.checker.active:hover span.checked, .control-group.error div.checker.active.focus span.checked {background-position:-102px -252px;}
/*All this was also in the line above:
.control-group.error div.radio span.checked, .control-group.error div.radio:active span.checked, .control-group.error div.radio.active span.checked, .control-group.error div.radio.focus span.checked, .control-group.error div.radio:hover span.checked, .control-group.error div.radio.focus:active span.checked, .control-group.error div.radio:hover:active span.checked, .control-group.error div.radio.focus.active span.checked, .control-group.error div.radio.active:hover span.checked
They've been removed since we have a new radio button now
*/

/*small checkbox error not ticked*/
.control-group.error .mini div.checker span, .control-group.error .mini div.checker:active span, .control-group.error .mini div.checker.active span, .control-group.error .mini div.checker.focus span, .control-group.error .mini div.checker:hover span, .control-group.error .mini div.checker.focus:active span, .control-group.error .mini div.checker:active:hover span, .control-group.error .mini div.checker.active:hover span, .control-group.error .mini div.checker.focus.active span {background-position:-318px -252px;}
/*All this was also in the line above:
.control-group.error .mini div.radio span, .control-group.error .mini div.radio:active span, .control-group.error .mini div.radio.active span, .control-group.error .mini div.radio.focus span, .control-group.error .mini div.radio:hover span, .control-group.error .mini div.radio.focus:active span, .control-group.error .mini div.radio:active:hover span, .control-group.error .mini div.radio.active:hover span, .control-group.error .mini div.radio.active.focus span
They've been removed since we have a new radio button now
*/

/*small checkbox error ticked*/
.control-group.error .mini div.checker span.checked, .control-group.error .mini div.checker:active span.checked, .control-group.error .mini div.checker.active span.checked, .control-group.error .mini div.checker.focus span.checked, .control-group.error .mini div.checker:hover span.checked, .control-group.error .mini div.checker.focus:active span.checked, .control-group.error .mini div.checker:hover:active span.checked, .control-group.error .mini div.checker.active:hover span.checked, .control-group.error .mini div.checker.active.focus span.checked{background-position:-352px -252px;}
/*All this was also in the line above:
.control-group.error .mini div.radio span.checked, .control-group.error .mini div.radio:active span.checked, .control-group.error .mini div.radio.active span.checked, .control-group.error .mini div.radio.focus span.checked, .control-group.error .mini div.radio:hover span.checked, .control-group.error .mini div.radio.focus:active span.checked, .control-group.error .mini div.radio:hover:active span.checked, .control-group.error .mini div.radio.focus.active span.checked, .control-group.error .mini div.radio.active:hover span.checked
They've been removed since we have a new radio button now
*/
/*dropdown error left end*/
.control-group.error div.selector, .control-group.error div.selector:active, .control-group.error div.selector.active, .control-group.error div.selector.focus, .control-group.error div.selector.hover, .control-group.error div.selector:hover, .control-group.error div.selector.focus:active, .control-group.error div.selector.focus.active, .control-group.error div.selector:hover:active, .control-group.error div.selector.active:hover{background-position:-483px -399px;}
/*dropdown error right end*/
.control-group.error div.selector span, .control-group.error div.selector:active span, .control-group.error div.selector.active span, .control-group.error div.selector.focus span, .control-group.error div.selector.hover span, .control-group.error div.selector:hover span, .control-group.error div.selector.focus:active span, .control-group.error div.selector:hover:active span, .control-group.error div.selector.active:hover span, .control-group.error div.selector.focus.active span{background-position:right -367px;}
.control-group.error .blush-on-error {
    color:red;
}

/*success colors, green*/
.control-group.success .help{color:#468847;border-color:#468847;}

/* Sometimes we don't want to notify the user if input was successful'  */
.control-group.helponlyiferror.success .help{
    border:0 !important;
}



.control-group.success input, .control-group.success textarea{border:1px solid #cbcbcb;}
.control-group.success input:focus, .control-group.success textarea:focus{border-color:#cbcbcb;}
.control-group.success .form_horizontal .help{min-height:31px;height:31px;}

/*checkbox success not ticked*/
.control-group.success div.checker span, .control-group.success div.checker:active span, .control-group.success div.checker.active span, .control-group.success div.checker.focus span, .control-group.success div.checker:hover span, .control-group.success div.checker.focus:active span, .control-group.success div.checker:active:hover span, .control-group.success div.checker.active:hover span, .control-group.success div.checker.focus.active span{background-position:-68px -318px;}
/*All this was also in the line above:
.control-group.success div.radio span, .control-group.success div.radio:active span, .control-group.success div.radio.active span, .control-group.success div.radio.focus span, .control-group.success div.radio:hover span, .control-group.success div.radio.focus:active span, .control-group.success div.radio:active:hover span, .control-group.success div.radio.active:hover span, .control-group.success div.radio.active.focus span
They've been removed since we have a new radio button now
*/

/*checkbox success ticked*/
.control-group.success div.checker span.checked, .control-group.success div.checker:active span.checked, .control-group.success div.checker.active span.checked, .control-group.success div.checker.focus span.checked, .control-group.success div.checker:hover span.checked, .control-group.success div.checker.focus:active span.checked, .control-group.success div.checker:hover:active span.checked, .control-group.success div.checker.active:hover span.checked, .control-group.success div.checker.active.focus span.checked {background-position:-102px -318px;}
/*All this was also in the line above:
.control-group.success div.radio span.checked, .control-group.success div.radio:active span.checked, .control-group.success div.radio.active span.checked, .control-group.success div.radio.focus span.checked, .control-group.success div.radio:hover span.checked, .control-group.success div.radio.focus:active span.checked, .control-group.success div.radio:hover:active span.checked, .control-group.success div.radio.focus.active span.checked, .control-group.success div.radio.active:hover span.checked
They've been removed since we have a new radio button now
*/


/*small checkbox success not ticked*/
.control-group.success .mini div.checker span, .control-group.success .mini div.checker:active span, .control-group.success .mini div.checker.active span, .control-group.success .mini div.checker.focus span, .control-group.success .mini div.checker:hover span, .control-group.success .mini div.checker.focus:active span, .control-group.success .mini div.checker:active:hover span, .control-group.success .mini div.checker.active:hover span, .control-group.success .mini div.checker.focus.active span{background-position:-318px -318px;}
/*All this was also in the line above:
.control-group.success .mini div.radio span, .control-group.success .mini div.radio:active span, .control-group.success .mini div.radio.active span, .control-group.success .mini div.radio.focus span, .control-group.success .mini div.radio:hover span, .control-group.success .mini div.radio.focus:active span, .control-group.success .mini div.radio:active:hover span, .control-group.success .mini div.radio.active:hover span, .control-group.success .mini div.radio.active.focus span
They've been removed since we have a new radio button now
*/


/*small checkbox success ticked*/
.control-group.success .mini div.checker span.checked, .control-group.success .mini div.checker:active span.checked, .control-group.success .mini div.checker.active span.checked, .control-group.success .mini div.checker.focus span.checked, .control-group.success .mini div.checker:hover span.checked, .control-group.success .mini div.checker.focus:active span.checked, .control-group.success .mini div.checker:hover:active span.checked, .control-group.success .mini div.checker.active:hover span.checked, .control-group.success .mini div.checker.active.focus span.checked{background-position:-352px -318px;}
/*All this was also in the line above:
.control-group.success .mini div.radio span.checked, .control-group.success .mini div.radio:active span.checked, .control-group.success .mini div.radio.active span.checked, .control-group.success .mini div.radio.focus span.checked, .control-group.success .mini div.radio:hover span.checked, .control-group.success .mini div.radio.focus:active span.checked, .control-group.success .mini div.radio:hover:active span.checked, .control-group.success .mini div.radio.focus.active span.checked, .control-group.success .mini div.radio.active:hover span.checked
They've been removed since we have a new radio button now
*/


/*dropdown success left end*/
.control-group.success div.selector, .control-group.success div.selector:active, .control-group.success div.selector.active, .control-group.success div.selector.focus, .control-group.success div.selector.hover, .control-group.success div.selector:hover, .control-group.success div.selector.focus:active, .control-group.success div.selector.focus.active, .control-group.success div.selector.active:hover{background-position:-483px -32px;}
/*dropdown success right end*/
.control-group.success div.selector span, .control-group.success div.selector:active span, .control-group.success div.selector.active span, .control-group.success div.selector.focus span, .control-group.success div.selector.hover span, .control-group.success div.selector:hover span, .control-group.success div.selector.focus:active span, .control-group.success div.selector.active:hover span, .control-group.success div.selector.focus.active span{background-position:right 0;}


/* RANDOM PRETTY STUFF
.well {min-height:20px;padding:12px 19px;margin-bottom:20px;border:1px solid #e6e6e6;background:#f6f6f6;color:gray;}
.well.active, .well.green {border:1px solid #666666;background:#eff7de;}*/
/*linear gradients*/
/*.casing .cap,.tablelisting thead th, .quicklinks h1, .cap2{*/
/*filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#222222',GradientType=0 );*//* IE6-9 */
/*background-image:-webkit-gradient(linear, left top, left bottom, from(#666666), to(#222222));*//* Saf4+, Chrome */
/*background-image:-webkit-linear-gradient(top, #666666, #222222);*//* Chrome 10+, Saf5.1+, iOS 5+ */
/*background-image:   -moz-linear-gradient(top, #666666, #222222);*//* FF3.6 */
/*background-image:    -ms-linear-gradient(top, #666666, #222222);*//* IE10 */
/*background-image:     -o-linear-gradient(top, #666666, #222222);*//* Opera 11.10+ */
/*background-image:        linear-gradient(top, #666666, #222222);*/
/*}*/

/* Shitty fix for IE9 */
.tablelisting thead th.nobg{
    filter:none !important;
}



/* INLINE MESSAGES */
.alert{padding:8px 35px 8px 14px;margin-bottom:18px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#fcf8e3;border:1px solid #fbeed5;-moz-border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#c09853;}
.alert-heading{color:inherit;}
.alert .close{position:relative;top:-2px;right:-21px;line-height:18px;}
.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#468847;}
.alert-danger, .alert-error{background-color:#f2dede;border-color:#eed3d7;color:#D80000;}
.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#3a87ad;}
.alert-block{padding-top:14px;padding-bottom:14px;}
.alert-block > p, .alert-block > ul{margin-bottom:0;}
.alert-block p + p{margin-top:5px;}
/* ACCORDION */
/*.accordion{padding: 0 0 8px 6px;overflow:hidden;}*/
/*.accordion .accordion-group{margin-bottom:12px;}*/
.accordion {padding-bottom: 10px;}


.accordion .accordion-heading .circle{
    font-size: 30px;
    line-height: 62px;
    margin-right: 20px;
    display: inline-block;
}
.accordion .accordion-heading .title-container{
    display: inline-block;
    width: 570px;
    vertical-align: top;
}
.content.fullwidth .accordion-heading .title-container{ width: 800px; }

.accordion .accordion-heading .title-container a.title{
    color: #333;
    font-size: 20px;
    text-decoration: none;
    line-height: 62px;
    display: block;
}

.accordion .accordion-heading .title-container a.title.double-line{
    line-height: 31px;
}

.accordion .accordion-heading .title-container a.title:link,
.accordion .accordion-heading .title-container a.title:visited,
.authorEasyShareInformation a.infoTitle.open,
.authorEasyShareInformation a.infoTitle{
    background:transparent url("../images/acc_arrows.png") no-repeat 97% 30px;
}
.accordion .accordion-heading .title-container a.title:hover,
.authorEasyShareInformation a.infoTitle:hover{
    background:transparent url("../images/acc_arrows.png") no-repeat 97% -18px;
}
/*.accordion .accordion-heading .title-container a.title.tabOpened:link,
.accordion .accordion-heading .title-container a.title.tabOpened:hover,
.accordion .accordion-heading .title-container a.title.tabOpened:visited{
    background:transparent url("../images/acc_arrows.png") no-repeat 97% -17px;
}*/

.accordion.steppableAccordion .accordion-heading .title-container a.title, .accordion.steppableAccordion .accordion-heading .title-container a.title:hover{
    color: #bbb;
}
.accordion.steppableAccordion .accordion-heading.stepAvailable .title-container a.title, .accordion .accordion-heading .title-container a.title:hover{
    color: #333;
}
.accordion.steppableAccordion .accordion-heading.stepAvailable .title-container a.title.tabOpened,
.accordion.steppableAccordion .accordion-heading.stepAvailable .title-container a.title.tabOpened:hover{
    color: #333;
    background:transparent url("../images/acc_arrows.png") no-repeat 97% -17px;
}
.accordion-heading.stepAvailable .title-container a.title.tabOpened,
.accordion-heading.stepAvailable .title-container a.title.tabOpened:hover{
    color: #333;
    background:transparent url("../images/acc_arrows.png") no-repeat 97% -17px;
}

/* SearchForm Accordion */
/*.accordion#searchForm h3.accordion-heading{padding:0;margin:0;font-weight:normal;font-size:15px;}*/
/*.accordion#searchForm .accordion-heading a{display:block;padding:5px 50px 5px 10px;color:#999;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-decoration:none;}*/
/*.accordion#searchForm .accordion-heading.red a {color: #fff; background-color:#D80000 !important;}*/
/*.accordion#searchForm .accordion-heading a:link,.accordion .accordion-heading a:visited{background:#ddd url("../images/acc_arrows.png") no-repeat 97% 10px;}*/
/*.accordion#searchForm .accordion-heading a:hover{background:#666 url("../images/acc_arrows.png") no-repeat 97% -90px;color:#fff;}*/
/*.accordion#searchForm .accordion-heading.open a:link, .accordion .accordion-heading.open a:hover, .accordion .accordion-heading.open a:visited{background:#666 url("../images/acc_arrows.png") no-repeat 97% -40px;color:#fff;}*/
/*.accordion#searchForm .accordion-toggle{cursor:pointer;}*/
/*.accordion#searchForm .accordion-content{padding:0 8px;}*/

/*
.accordion h3.accordion-heading{padding:0;margin:0;font-weight:normal;font-size:15px;}
.accordion .accordion-heading a{display:block;padding:5px 50px 5px 10px;color:#333;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-decoration:none;}
.accordion .accordion-heading.red a {color: #fff; background-color:#D80000 !important;}
.accordion .accordion-heading a:link,.accordion .accordion-heading a:visited{background:#ddd url("../images/acc_arrows.png") no-repeat 97% 10px;}
.accordion .accordion-heading a:hover{background:#666 url("../images/acc_arrows.png") no-repeat 97% -90px;color:#fff;}
.accordion .accordion-toggle{cursor:pointer;}
.accordion .accordion-content{padding:0;}
.accordion.small{clear:both;margin-bottom:0; margin-right:8px;}
.accordion.small .accordion-content{padding:0;}*/
/*Ugly fixes for IE :( */
.column .accordion.small .accordion-content .control-group{width:302px; padding:0px;}
.column .accordion.small .accordion-content .control-group .controls{width:302px;}
.column .accordion.small .accordion-content .control-group .controls .selector{width:284px;}
.accordion .accordion-content li{
    font-size:13px;
    color:#777;
    line-height:16px;
    word-wrap: break-word;
    /*padding: 10px;*/
}
.accordion .accordion-content p.error{color:#444; font-weight: bold}
.accordion .accordion-content p.pro{font-size:15px;color:#333;line-height:18px;}
.accordion .accordion-content p.x{ text-align: right;}
.accordion .accordion-content time{font-size:14px;color:#666;font-weight:normal;}
.accordion .accordion-content h4,.accordion .accordion-content p.footnote{font-size:14px;color:#333;font-weight:normal;}


/* Sometimes we just want the appearance of an accordion header */
.accordion-like{
    margin-bottom:15px;
    position:relative;
    overflow:hidden;
}
.accordion-like header{
    background: #666;
    color:#fff;
    border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px 50px 5px 10px;
    display:block;
    font-size:14px;
    line-height: 18px;
    clear:both;
    margin:0 !important;
}

.accordion-like .lighter{
    color:#666;
    font-size: 15px;
    line-height:15px;
}



/*exam widget monster*/
.widget{margin-bottom:18px;overflow:hidden;}
.widget .widget-group{margin-bottom:12px;}
.widget .widget-heading{
    position:relative;
    background:#ddd;
    color:#fff;
    padding:5px 10px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    font-size:15px;
    overflow:hidden;
}
.widget .widget-heading.open{background:#666;color:#fff;}
.widget .widget-heading a,.widget .widget-content .option a{display:block;text-decoration:none;color:#999;font-size:18px;float:right;margin:3px 0 0 7px;}
.widget .widget-heading.open a{color:#bbb;}
.widget .widget-heading a.upload{}
.widget .widget-heading a.trash{}
.widget .widget-heading a.movable{
    margin-left:5px;
}
.widget .widget-heading a.preview, .widget .widget-content a.preview{
    float:left;
    width:35px;
    height:35px;
    padding:0;
    margin-right:5px;
    cursor:default;
}

.widget .widget-heading a.preview{
    margin-left: 27px;
}
.widget .widget-heading a.preview img,.widget .widget-content a.preview img{
    width:35px;
    height:35px;
    background-color:#858585;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}

.widget .widget-content a.preview{
    width:35px;
    height:35px;
    padding:0;
    margin-right:5px;
    cursor:default;
}
.widget .widget-content a.preview img{
    width:35px;
    height:35px;
    margin-left:0;
}
.widget .widget-heading input, .widget .widget-heading textarea {
    overflow:hidden;
    min-width:355px;
    width:395px;
    resize: none;
    /*margin:3px 0 0 18px;*/
    margin:3px 0 0 0;
    border:none;
    background:#ddd;
    color:#999;
    font-size:12px;
}
.widget .widget-heading.open input, .widget .widget-heading.open textarea {background:#666;color:#fff;}
.widget .widget-heading span {background:#666666;}
.widget .widget-heading .nro{display:block;width:20px;height:20px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;line-height:20px;text-align:center;float:left;margin:11px 0 0 0;font-weight:bold;color:#fff;}
.widget .widget-toggle{cursor:pointer;}
.exam_form .pluploadContainer, #exam_widget .trash {
    background-color: transparent;
    float: left;
}

.widget .widget-heading input, .widget .widget-heading textarea.examQuestionInput{
    max-width:355px;
}

.widget .widget-heading input, .widget .widget-heading textarea.moduleLessonInput{
    max-width:355px;
}

.objectivesWidget .widget-heading textarea{
    margin-left: 15px;
    width: 495px;
}

#objectives_widget .widget-content{
    border: 2px solid #ddd;
    border-radius: 4px;
    padding: 5px 10px;
    margin-top: 0;
}
#objectives_widget .widget-content textarea{
    min-width: 604px;
    max-width:100%;
    background-color: #fff;
    border: 0px;
    resize: vertical;
}

.exam_form .examHeadingButtons, #objectives_widget .objectivesHeadingButtons, .exam_form .examAnswerButtons {
    float: right;
    width: 142px;
    padding-top: 10px;
    overflow: hidden;
    clear: none;
}

#objectives_widget .objectivesHeadingButtons{
    width: 85px;
}
/*States of the exam questions, when they are in processing/uploading mode*/
.exam_form .examHeadingButtons.processing i.icon-refresh, .exam_form .examAnswerButtons.processing i.icon-refresh{
    display:inline-block;
    font-size:18px;
    line-height:10px;
    height:9px;
    margin-left:25px;
    color:#666;
}
.exam_form .widget-heading.open .examHeadingButtons.processing i.icon-refresh{
    color:#ccc;
}
.exam_form .examHeadingButtons.processing .pluploadContainer, .exam_form .examAnswerButtons.processing .pluploadContainer{
    position: absolute !important;
    bottom: -100px;
    right: -100px;
}
.exam_form .examHeadingButtons.disabled .plupload, .exam_form .examAnswerButtons.disabled .plupload{
    display:none;
}
.exam_form .examHeadingButtons.disabled .pluploadContainer a, .exam_form .examAnswerButtons.disabled .pluploadContainer a,
.exam_form .examHeadingButtons.disabled .pluploadContainer a:hover, .exam_form .examAnswerButtons.disabled .pluploadContainer a:hover{
    color:#ccc !important;
    cursor:default !important;
}
.exam_form .widget-heading.open .examHeadingButtons.disabled .pluploadContainer a,
.exam_form .widget-heading.open .examHeadingButtons.disabled .pluploadContainer a:hover{
    color:#555 !important;
    cursor:default !important;
}

.exam_form .examAnswerButtons {
    width: 99px;
}

.exam_form .examHeadingButtons span, .exam_form .examHeadingButtons a,
#objectives_widget .objectivesHeadingButtons span,
#objectives_widget .objectivesHeadingButtons a,
.exam_form .examAnswerButtons span, .exam_form .examAnswerButtons a {
    float: none;
    display: inline;
}

.objectiveTitleInput, .examQuestionInput{
    font-weight: bold;
}

.boldPlaceHolder::-webkit-input-placeholder{
    font-weight: bold;
}

.boldPlaceHolder:-moz-placeholder, {
    font-weight: bold;
}

.boldPlaceHolder:-ms-input-placeholder{
    font-weight: bold;
}

.boldPlaceHolder::-moz-placeholder {
    font-weight: bold;
}

.widget .widget-content{
    padding:10px 0;
    border:2px solid #E8E8E8;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    overflow:hidden;
    position:relative;
    margin-top: 10px;
}


.widget .widget-content .option{display:block;float:right;width:560px;}
.widget .widget-content .option .details{
    width:510.5px;
    background:#eee;
    float:left;
    padding-right:5px;
    border:1px solid #eee;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.widget .widget-content .option .details.error{border: 1px solid #D80000;}
.widget .widget-content textarea{
    /*width:450px;*/
    width:477.5px;
    max-width: 477.5px;
    margin:3px 0px 0 0px;
    border:none;
    background:#eee;
    font-size:12px;
    padding:0;
    resize:vertical;
}
.widget .widget-content label.checkbox{float:right;}
.widget .widget-content a.add-another{color:#aaa;font-size:24px;position:absolute;top: 25px;left:12px;}



.widget .widget-content .details textarea{
    overflow:hidden;
    padding:0px;
    min-width:312px;
    width:312px;
}

.widget .widget-content.examQuestionAnswer .answerFeedbackArea{
    display: block;
    float: right;
    width: 100%;
    border-top: 2px solid #E8E8E8;
    padding-top: 10px;
    margin-top: 10px;
}
.widget .widget-content.examQuestionAnswer .answerFeedbackArea textarea{
    width: 505px;
    max-width: 505px;
    background: #fff;
    border: 2px solid #efefef;
    margin-left: 95px;
    padding: 5px;

}
.widget .widget-content.examQuestionAnswer .answerFeedbackArea .rtl_input_wrapper{
    margin-left: 75px;
}
.widget .widget-content.examQuestionAnswer .answerFeedbackArea .rtl_input_wrapper textarea{
    margin-left: 0px;
}


/*.accordion.large .accordion-heading a{display:block;padding:16px 50px;font-size:15px;}
.accordion.large .accordion-heading a:link, .accordion.large .accordion-heading a:visited{background:url("../images/right_arrow_green.png") no-repeat 23px center;}
.accordion.large .accordion-heading a:hover{background:#f3f3f3 url("../images/right_arrow_green.png") no-repeat 23px center;}
.accordion.large .accordion-heading.open a:link, .accordion.large .accordion-heading.open a:hover, .accordion.large .accordion-heading.open a:visited{background:#f3f3f3 url("../images/right_arrow_green.png") no-repeat 23px center;}
.accordion.large .accordion-content{padding:30px 50px;line-height:22px;font-size:15px;font-family:"Georgia", "Times New Roman", Times, serif;}
*/
/* OVERLAY & MODAL WINDOWS */
#overlayOuter, #modalOuter{display:none;font-size:13px;}
#overlayOuter #overlay, #modalOuter #modalOverlay{
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:100000;
    position:fixed;
    background:#000;
    opacity:0.75;
    filter:alpha(opacity=75);
}
#overlayOuter #inlinePopup, #modalOuter #modalDialog{
    z-index:100001;
    position:fixed;
    top:15%;
    max-height:70%;
    padding:15px;
    background:#fff;
    border:4px solid #0080C5;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
    opacity:0;
    outline: none;
    -webkit-transition-property:opacity;
    -moz-transition-property:opacity;
    -ms-transition-property:opacity;
    -o-transition-property:opacity;
    transition-property:opacity;
    -moz-transition-duration:0.3s;
    -webkit-transition-duration:0.3s;
    -ms-transition-duration:0.3s;
    -o-transition-duration:0.3s;
    transition-duration:0.3s;
    -moz-transition-timing-function:default;
    -webkit-transition-timing-function:default;
    -ms-transition-timing-function:default;
    -o-transition-timing-function:default;
    transition-timing-function:default;
    -moz-transition-delay:0;
    -webkit-transition-delay:0;
    -ms-transition-delay:0;
    -o-transition-delay:0;
    transition-delay:0;
}
#modalOuter #modalDialog.popup-buy-elearning {
    min-height:468px;
}
#overlayOuter #inlinePopup{
    padding-bottom: 0px;
}
.inPopup .action{
    margin-bottom: 0px;
}
.inPopup .form-actions{
    padding-bottom: 0px;
}



#inlinePopup #insidePopup{
    position:absolute;
    top:20px;
    bottom:20px;
    left:20px;
    right:5px;
}
#overlayOuter #videoPopup{
    z-index:100001;
    position:fixed;
    top:15%;
    max-height:70%;
    padding:0px;
    background:#000000;
    display: none;
    -webkit-transition-property:opacity;
    -moz-transition-property:opacity;
    -ms-transition-property:opacity;
    -o-transition-property:opacity;
    transition-property:opacity;
    -moz-transition-duration:0.3s;
    -webkit-transition-duration:0.3s;
    -ms-transition-duration:0.3s;
    -o-transition-duration:0.3s;
    transition-duration:0.3s;
    -moz-transition-timing-function:default;
    -webkit-transition-timing-function:default;
    -ms-transition-timing-function:default;
    -o-transition-timing-function:default;
    transition-timing-function:default;
    -moz-transition-delay:0;
    -webkit-transition-delay:0;
    -ms-transition-delay:0;
    -o-transition-delay:0;
    transition-delay:0;
}
/* By default, everything with "normalw" is 650px. We don't want to break anything,
but at least the content in popups should have a 100% width
--Pablo Reyes
*/
.content.inpopup.normalw{
    width:100% !important;
}

#overlayOuter #inlinePopup.showing, #modalOuter #modalDialog.showing{opacity:1;}
#overlayOuter #videoPopup.showing{opacity:1; display:block;}
#overlayOuter #inlinePopup a.close:link, #overlayOuter #videoPopup a.close:link, #overlayOuter #inlinePopup a.png:link, #overlayOuter #videoPopup a.png:link,#overlayOuter #inlinePopup a.close:visited, #overlayOuter #videoPopup a.close:visited, #overlayOuter #inlinePopup a.png:visited, #modalOuter #modalDialog a.close:link, #modalOuter #modalDialog a.close:visited, #modalOuter #modalDialog a.png:link, #modalOuter #modalDialog a.png:visited{width:23px;height:23px;position:absolute;right:-15px;top:-15px;background:url("../images/overlay_close.png") no-repeat top left;z-index:100003; outline: none;}
#modalOuter #modalDialog a.close:link,#modalOuter #modalDialog a.png:link, #modalOuter #modalDialog a.close:visited,#modalOuter #modalDialog a.png:visited{top:-15px;right:-15px;width:23px;height:23px;}
.content{width:100%;}

#inlinePopup iframe{width:100%;height:100%;border:none; overflow:hidden;}
#inlinePopup iframe.ieFake,
#videoPopup iframe.ieFake{
    width:23px;height:23px;position:absolute;right:-15px;top:-15px;z-index:100002; outline: none;
}


.modal header h1{
    margin-top:0px;
    font-size: 17px;
    line-height: 24px;
    color: #333;
}
#modalOuter #modalDialog{
    height:auto;
    padding:0px;
    width:500px;
}
#modalOuter #modalDialog .modalHeader{
    display:block;
    padding:15px 18px 0 18px;
    color:#000;
    font-weight:bold;
    font-size:20px;
    margin-bottom:0px;
}
#modalOuter #modalDialog .modalContent{
    background:none;
    border:none;
    padding:0;
    margin:0;
    display:block;
    padding:18px;
    font-size:14px;
    line-height:18px;
    padding-top:5px;
    margin:0 0 10px 0;
    color:#333;
    text-align:left;
    overflow:hidden;
}
#modalOuter #modalDialog .modalContent p{margin-top:5px; font-size:14px; padding: 5px 0px;}
#modalOuter #modalDialog .info{background:url("../images/popup_info_icon.png") no-repeat 10px 0;padding-left:65px;text-align:left;}

#modalOuter #modalDialog .modalContent .control-group.fullwidth .controls{
    width:100%;
}

/* The padding was giving problems with the Summary Report modal. */
#modalOuter #modalDialog .success{
    background:url("../images/popup_tick_icon.png") no-repeat 10px 0;
    /*padding-left:65px;*/
    text-align:left;
}

.modal .note-print{
    position:absolute;
    bottom:0px;
    right:0px;
}
#modalOuter #modalDialog .alert{background:url("../images/popup_warn_icon.png") no-repeat 10px 0;padding-left:65px;text-align:left;}
#modalOuter #modalDialog .modalButtons{display:block;padding:0 40px 10px 40px;font-size:14px;}  /* dgr: increase horizontal paddings to be have more centered buttons in modals */
#modalOuter #modalDialog .modalButtons button{min-width:114px;}
#modalOuter #modalDialog .modalButtons .left_aligned{float:left;}
#modalOuter #modalDialog .modalButtons .right_aligned{float:right;}
#modalOuter #modalDialog .modalButtons .extra-left-padding{padding-left:40px;}
/*modal np temp style*/
.modal{
    overflow-x: hidden;
}
.modal .training article{margin:0 10px 18px 0;}
.modal .training img{width:210px;height:135px;}
.modal .indent{margin-left:0;}
.modal .content{padding:0;width:auto;overflow:auto;}
.modal.centered {text-align:center;}


/* Sometimes we need a very small modal, like in the registration page when a modal appears
only to notify the user that the mail he used is already registered. */
.modal.mini header{
    margin-top:35px;
}
.modal.mini .buttonwrap.for2{
    position:absolute;
    bottom:0px;
    left:40px;
    right:40px;
}




.scroll-pane{
    width:100%;
    height:100%;
    overflow:auto;
    outline:none;
}
.jspContainer{
    overflow:hidden;
    position:relative;
    outline:none;
}
.jspScrollable{
    outline:none;
}
.jspPane{position:absolute;}

.jspVerticalBar{position:absolute;top:0;right:0;width:16px;height:100%;}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;}
.jspVerticalBar *, .jspHorizontalBar * {margin:0;padding:0;}
.jspCap{display:none;}
.jspHorizontalBar .jspCap{float:left;}
.jspTrack{position:relative;}
.jspDrag{background:#cccccc;position:relative;top:0;left:8px;cursor:pointer;border-radius:5px;width:4px;}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag{float:left;height:100%;}
.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;}
.jspArrow.jspDisabled{cursor:default;background:#80808d;}
.jspVerticalBar .jspArrow{height:16px;}
.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%;}
.jspVerticalBar .jspArrow:focus{outline:none;}
.jspCorner{background:#eeeef4;float:left;height:100%;}
* html .jspCorner{margin:0 -3px 0 0;}
/* TOOL TIP */
span.hastip,a.hastip,.form.vertical .control-group .control-label a.hastip, .secondaryActions a:not(.link,.trainingSpecialty){margin:4px 5px 0 5px;display:inline-block;width:18px;height:auto;font-size:18px;color:#333;float:none; cursor:default;}
a.hastip.hand{cursor: pointer;}
#cpd_nag_box a.hastip i.icon-question-sign{color:#333;}
a.hastip:hover,.form.vertical .control-group .control-label a.hastip:hover{color:#000000;}
.stats3 ul a.hastip{ margin: 0px 5px 0 5px; font-size: 15px; line-height:15px;}
.action.hastip,.action.hastip:hover{ color:#fff;}
/* QUESTION MARK */
.form .control-group .control-label a.hastip.question-mark{margin: 0 5px 0 5px; font-size:15px;}

.vToolTip{z-index:1990000;position:absolute;top:0;left:-500px;opacity:0;font-size:12px;-webkit-transition-property:opacity;-moz-transition-property:opacity;-ms-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-moz-transition-duration:.3s;-webkit-transition-duration:.3s;-ms-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;}
.vToolTip.showing{opacity:1;}
.vToolTip .tt_inner{position:relative;width:auto;height:auto;background:#444;-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,0.4);max-width:240px;padding:5px; word-break: break-word;}
.vToolTip .tt_inner span{border-right:8px solid transparent;border-left:8px solid transparent;border-top:8px solid #444;display:block;height:0;position:absolute;bottom:-8px;left:5px;}
.vToolTip.bo .tt_inner span{bottom:auto;top:-8px;left:5px;border-top:none;border-bottom:8px solid #444;}
.vToolTip.ri .tt_inner span{bottom:auto;top:4px;left:-8px;border-left:none;border-bottom:8px solid transparent;border-right:8px solid #444;border-top:8px solid transparent;}
.vToolTip.le .tt_inner span{bottom:auto;top:4px;left:auto;right:-8px;border-right:none;border-bottom:8px solid transparent;border-left:8px solid #444;border-top:8px solid transparent;}
.vToolTip .tt_inner a:link,.vToolTip .tt_inner a:visited{color:#fff;font-size:1em;}

/* Programmer additions */


#profileOverlay{
    display:none;
    width:213px !important;
    height:213px !important;
    background-color: #333;
    color:#fff;
    position:fixed;
    left:50%;
    top:35%;
    z-index:99999;
    border:0px !important;
    opacity:0.85;
    text-align:center;
    border:0px !important;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
}

#form_registration #profileOverlay, #popup_body #profileOverlay{
    /* centered based on full page layout*/
    margin-left: -107px;
}

#profileOverlay.inPopup{
    left:108px;
    top:15%;
}

#profileOverlay .text{
    position:absolute !important;
    bottom:20px;
    font-weight: bold;
    width:100%;
    text-align:center;
    margin:auto;
}
#profileOverlay .loading{
    display: none;
}
#profileOverlay .completed{
    display: none;
}

#profileOverlay .error{
    display:none;
}

#profileOverlay img{
    display:block;
    margin:auto;
    margin-top: 50px;

}
#profileOverlay i{
    display:block;
    font-size:normal;
    font-size:100px;
    margin-top:30px !important;
}
#profileOverlay i.article-overlay-icon{
    margin-top:90px !important;
}
#profileOverlay i:before{
    font-size:100px;
}

.easyshare #profileOverlay {
    margin-left: -107px;
}

#widgetOverlay{
    display:none;
    width:213px !important;
    height:213px !important;
    background-color: #333;
    color:#fff;
    position:fixed;
    left:50%;
    top:35%;
    z-index:99999;
    border:0px !important;
    opacity:0.85;
    text-align:center;
    border:0px !important;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;

}

#widgetOverlay .text{
    position:absolute !important;
    bottom:20px;
    font-weight: bold;
    width:100%;
    text-align:center;
    margin:auto;
}
#widgetOverlay .loading{
    display: none;
}
#widgetOverlay .completed{
    display: none;
}

#widgetOverlay .error{
    display:none;
}

#widgetOverlay img{
    display:block;
    margin:auto;
    margin-top: 50px;

}
#widgetOverlay i{
    display:block;
    font-size:60px;
    margin-top:50px !important;
}


.noWrap {white-space:nowrap;}
/* DGR */
.searching{background: url(../images/refresh.fw.png) no-repeat 50% 50%;}
#no_results{font-weight:bold;padding:10px;}
/* INBOX */
a {cursor:pointer;}
.on td {cursor:pointer;}


@media print{
    .non-printable{display:none !important;}
    .only-print{display:inherit !important;}

    div.header{
        margin-top:50px !important;
        width:100% !important;
        border-bottom: 2px solid #000 !important;
        padding-bottom:15px !important;
        margin-bottom:0px !important;
        font-size:16px;
    }
    div.header .brand-name{
        color:#333 !important;
        line-height:1em !important;
        font-size:30px !important;

    }
    div.header .subtitle{
        font-size:22px !important;
        line-height:1em !important;
        padding:0 !important;
    }

    #conversation td, th{
        padding-left:0px !important;
    }

    #conversation thead{
        border:0;
        border-bottom:1px solid #ddd !important;
        padding-left:0px !important;
        padding-right: 0px !important;
        padding-bottom:0px !important;
    }



    #conversation thead *{
        color:#333 !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-bottom:0px !important;
    }

    #conversation .date{
        color:#000 !important;
        position:relative;
    }
    #conversation .date *{
        position:absolute;
        bottom:0px;
        right:0px;
        font-size: 11px;
    }

    #conversation tbody{
        border:0 !important;
        padding-bottom: 20px !important;
        margin-bottom: 20px !important;
        font-size:9px !important;
        color:#333 !important;
    }
    #conversation tbody:not(.last){
        border-bottom: 1px solid #000 !important;
    }


    #conversation td{
        border:0 !important;
        padding:0px !important;
        margin:0px !important;

    }

    #conversation .attached-files{
        padding:0px !important;
        margin:0px !important;

    }

    #conversation .attached-files ul li a, #conversation .attached-files ul li .filename{
        text-decoration: none !important;
    }


    #conversation tbody *{
        color:#666 !important;
    }

    .scroll-pane,.jspContainer,.jspScrollable,.jspScrollable>* {
        height:auto !important;
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        position: relative !important;
        margin-top:180px !important;
    }
    .jspVerticalBar{display:none !important;}
}





/***** UTILS *****/
i.forwardIcon{font-size: 30px}

.georgiaItalic{
    font-style: italic;
    font-family: Georgia;
}

.fontSize12{
    font-size: 12px !important;
}

.noHeight{
    height: 0px;
}

.hidden{
    display:none !important;
}

.widget.hidden{
    display:block;
    position:absolute;
    left:-100000px;
}

.light, .light p{
    color:#666;
}
.only-print{
    display:none;
}


.block-center{
    margin: 0 auto;
}

.checkbox.dont_show{
    position:relative;
    width:240px;
}
.checkbox.dont_show span.label-text{
    font-size: 13px;
    color:#666;
}

.upload_home label.dont_show {
    text-align: right;
    position: static;
}

.text-l{
    text-align:left !important;
}
.text-c{
    text-align:center !important;
}
.text-r{
    text-align: right !important;
}
.float-l{
    float:left !important;
}
.float-l-semi{
    float:left !important;
    width:49%;
}
.float-r-semi{
    float:right !important;
    width:49%;
}
.float-r{
    float:right !important;
}
.float-n{
    float:none;
}

.inline-block{
    display: inline-block;
}
.bold{
    font-weight: bold;
}
.nobrand{
    color:#333 !important;
}
.imgContainer img{
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
}
small.error,span.error{
    color:#D80000;
}

small a{
    font-size : 11px;
    line-height: 11px;
}

.nooutline{
    outline: none !important;
}

.no-decoration{
    text-decoration: none;
}

.see-all-bottom{
    margin-top: -20px;
}
.characters-left{
    margin-right: 10px;
    color: #666666;
    font-style: italic;
    font-family: "Georgia","Times New Roman", Times,serif;
}  /*    dgr */

td.noborderright{
    border-right: 0px !important;
}

.error-box{
    background-color:#f5f5f5;
    border:1px solid #ccc;
    padding:50px 25px 25px;
    height:80px;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    line-height: 16px;
}

.error-box .icon-exclamation-sign {
    font-size:65px;
    line-height:65px;
    height:65px;
    float:left;
    margin:0 15px 0 0;
}
.error-box .icon-exclamation-sign::before {
    vertical-align:top;
}
.error-box-content{
    padding-top:8px;
    width: auto;
}
.content .casing .error-box header{
    font-size:25px;
    font-weight: bold;
    margin:0px;
    color:#333;
    line-height: 25px;
}

.error-box p{
    color:#666;
    font-size:18px;
    margin:0px;
    line-height:18px;
}
.error-deactivated {
    height:auto;
    margin-bottom:2em;
}


.title-icon{
    font-size:40px;
    vertical-align:middle;
    margin-right:10px;
}

/* fit a word into a space no matter if has no white spaces */
.word-break{
    word-wrap: break-word;
}

/* fit an element to 100% width */
.fullwidth{
    width: 100% !important;
}
/* Used in privacy_policy for fist p in every parragraph */
p.firstP{
    margin-top: -15px;
}

.pointer{
    cursor:pointer;
}





/*    RANDOM STYLES FOUND THROUGH THE HTML     */

/* /uploadtraining/index.php */
.uploadedFileName{
    word-break: break-all;
    float: right;
    width: 260px;
}

.complexlist b {
    cursor: pointer;
}

span.moduleHeadingNo {
    display: block;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    line-height: 20px;
    text-align: center;
    float: left;
    margin: -1px 7px 0px 5px;
    font-weight: bold;
    color: #fff;
    background-color: #000;
}
h3.moduleHeadingNo {
    font-size: 15px;
    font-weight: bold;
    line-height: 18px;
    color: #333;
    margin: 18px 0 6px 0;
    min-width: 420px;
}
.expired {
    color: #FF0000;
    margin-left: 60px;
    font-size: 14px;
}
.module-order{
    min-width: 110px;
}
span.expiry_date{
    color: #FF0000;
}
div.data_headings {
    padding: 8px 0px 9px 31px !important;
}

#dom_sandox {
    display: none;
}

#dom_cc {
    display: none;
}

#scorm_cancel_link {
    display: block;
    padding: 5px 25px;
    float: right;
}

.media-text {
    display: flex;
    padding-bottom: 10px;
    align-items: flex-start;
}

.media-text .img-block {
    margin-right: 15px;
    max-width: 100px;
}

.media-text .text-block h3 {
    margin:0;
}

.media-text .text-block p {
    padding:0;
}

.choose-field {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.choose-field .chkbox-field {
    margin-right: 10px;
    margin-bottom: 10px;
}

.choose-field .chkbox-field:last-child {
    margin-right: 0;
}

.choose-field .checkbox.terms-conditions{
    display: flex;
}

.choose-field .checkbox.terms-conditions span.label-text {
    float: none;
    width: auto;
    margin-left: 8px;
}

.form.vertical .controls.chkbox-field {
    width: calc(33% - 10px);
    margin-right: 10px;
}

.personal-protective {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.fixed_indicator{
    position: fixed;
    right: 25px;
    bottom: 25px;
    width: 350px;
    z-index: 247;
}

.upload_indicator {
    width:300px;
    height: 85px;
    padding: 25px;
    padding-top:10px;
    background-color: #FFF;
    border-width: 3px;
    overflow: hidden;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
    margin-top: 10px;
}

#upload_indicator .ui-progressbar {
    width: 300px;
    height: 20px;
}
#upload_indicator .ui-progressbar.sub-progress{
    height:5px;
    margin-top:1px;
    float:right;
    display:none;
}

#upload_indicator h3{
    width: 200px;
    float: left;
    margin: 0;
    text-align: left;
    line-height: 20px;
}
#upload_indicator .conv_msg{
    padding:0;
    float:left;
    clear:left;
    color:#999;
    font-size: 13px;
    margin-top: 10px;
}

#upload_indicator .progessText{
    text-align: left;
    padding: 0;
    overflow: hidden;
    clear: both;
}
#upload_indicator .progessText span {
    float: right;
}

#upload_indicator .link{
    width: 50px;
    float: right;
    text-align: right;
    line-height:20px;
}

#exam_progress_indicator{
    height:auto;
    text-align:left;
    padding-bottom:10px;
}

#exam_progress_indicator h3,
#exam_widget_intro h3
{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size:18px;
    font-weight:normal;
}
#exam_progress_indicator h3 small,
#exam_progress_indicator h3 span{
    font-size:14px;
    line-height:18px;
    float:right;
    color:#888;
}
#exam_progress_indicator h3 span{
    font-size:18px;
    margin-right: -10px;
    margin-left: 16px;
    cursor:pointer;
}
#exam_progress_indicator h3 span:hover{
    color:#444;
}
#exam_progress_indicator .progress_items,
#exam_progress_indicator .progress_items .item{
    display:block;
    height:auto;
    clear:both;
    margin-top:10px;
}
#exam_progress_indicator .progress_items .item .state{
    float:right;
    width:20px;
    text-align:center;
    margin-right: -14px;
    margin-top: 24px;
}
#exam_progress_indicator .progress_items .item .state i{
    font-size: 18px;
    line-height: 10px;
    height: 9px;
}
#exam_progress_indicator .progress_items .item .info{
    float:left;
    width:280px;
    border-bottom:1px solid #ccc;
}
#exam_progress_indicator .progress_items .item .name,
#exam_progress_indicator .progress_items .item .message,
#exam_progress_indicator .progress_items .item .size,
#exam_progress_indicator .progress_items .item .percentage{
    margin:0;padding:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
#exam_progress_indicator .progress_items .item .name,
#exam_progress_indicator .progress_items .item .message{
    float:left;
    width:72%;
}
#exam_progress_indicator .progress_items .item .size,
#exam_progress_indicator .progress_items .item .percentage{
    float:right;
    width:25%;
    text-align:right;
}
#exam_progress_indicator .progress_items .item .name,
#exam_progress_indicator .progress_items .item .percentage{
    font-weight:bold;
}
#exam_progress_indicator .progress_items .item .size{
    color:#888;
}
#exam_progress_indicator .progress_items .item .progress{
    clear:both;
    float:none;
    display:block;
    min-height:1px;
    width:100%;
}
#exam_progress_indicator .progress_items .item:last-child .info{
    border:none;
}
/*states of the exam_progess_indicator*/
#exam_progress_indicator.closed{
    max-height:44px;
}
#exam_progress_indicator.closed .progress_items,
#exam_progress_indicator h3 span i.icon-chevron-down,
#exam_progress_indicator.closed h3 span i.icon-chevron-up{
    display:none;
}
#exam_progress_indicator h3 span i.icon-chevron-up,
#exam_progress_indicator.closed h3 span i.icon-chevron-down{
    display:inline-block;
}

.steppableAccordion .accordion-heading a, .steppableAccordion .accordion-heading a:hover {
    background-color: #bbb;
    color: #CCCCCC;
    background-image: url("../images/chevrons-white.png");
    /*background-position: -97% 0;*/
    cursor: default;
}

/*.steppableAccordion .accordion-heading.stepAvailable a {*/
/*background-color: #999;*/
/*color: #FFF;*/
/*background-position: 97% 10px;*/
/*}*/

/*.steppableAccordion .accordion-heading.stepAvailable a.tabOpened, .steppableAccordion .accordion-heading.stepAvailable a:hover {*/
/*background-color: #666;*/
/*color: #FFF;*/
/*cursor: pointer;*/
/*background-position: 97% -42px;*/
/*}*/

/*.steppableAccordion .accordion-heading.stepAvailable a:hover {
    background-position: 97% 10px;
}*/

.steppableAccordion .control-group.success .help {display: none}

#upload_training_info_links {
    float: right;
    clear: right;
}

#upload_training_info_links a {
    padding-left: 10px;
}

#upload_training_accordion .examQuestionInput.text{
    /*width: 500px !important;*/
}

#upload_training_file_tab .ui-progressbar, #progress_modal_container .ui-progressbar {
    float: none;
}
#progress_modal_container .ui-progressbar.sub-progress{
    height:5px;
    margin-top:1px;
    margin-bottom:5px;
}


.examQuestionInput{
    overflow-y:auto!important;
    resize:vertical!important;
}

.moduleLessonInput{
    overflow-y:auto!important;
    resize:vertical!important;
}

#review_training_specialties {
    width: 210px
}

#review_training_button, #review_exam_button {
    /*line-height: 15px;*/
    display: block;
    /*padding: 4px 2px*/
}

#payment_details_form {text-align: left}
.accordion-content {position:relative;overflow: hidden} /*overflow:hidden does not work correctly without position relative*/
#launch_date_datepicker,
#expiry_date_datepicker,
#sponsored_start_date_datepicker,
#sponsored_end_date_datepicker
{
    width: 180px
}
#modalOuter #modalDialog #payment_details_form .control-group.success {padding-left: 0}
#training_cover_upload,#training_cover_upload_container{display:block}
#general_information_form .authorphoto span {background-position: -285px -311px;}
#general_information_form .authorphoto span.checked {background-position: -251px -311px}
#general_information_form .authorphoto .radio {width: 20px}
.controls .payment_settings{padding-right:370px}

#submit_scorm_email_container {margin-top: 100px;}
#scorm_additional_details, #scorm_instructions, #scorm_uploaded_msg{ clear: both; }
#scorm_uploaded_msg {display: none}

.add_question_link_container a i ,
#add_disclosure_link i,
#add_objective_link i{
    background: none;
    border: none;
}


.add_lesson_link_container a i ,
#add_disclosure_link i,
#add_objective_link i{
    background: none;
    border: none;
}

#training_cover_form .radio {width: 15px}
#training_cover_form .radio span {background-position: -285px -311px;}
#training_cover_form .radio span.checked {background-position: -251px -311px}
#training_comment_pagination {
    text-align: right;
}
div.trainingComment {
    margin-top: 15px;
}

.submitCommentContainer i {
    display: block;
    text-align: right;
}

.submitCommentContainer input, .submitCommentContainer textarea {
    display: block;
    width: 400px;
}

#exam_accordion.scormHasExam {
    overflow: hidden;
    height: 1px;
    margin-bottom: 0;
}

#exam_accordion.scormHasExam h3.accordion-heading {
    display: none;
}

.exam_form a.preview {
    position: relative;
    cursor:default !important;
}

.exam_form .removeExamImageIcon {
    color: #F00;
    background: #FFF;
    border-radius: 25px;
    width: 13px;
    height: 13px;
    display: block;
    padding: 0;
    margin: 0;
    position: absolute;
    left: -3px;
    top: -3px;
    cursor:pointer;
}

.exam_form a.preview i.icon-facetime-video{
    position: absolute;
    right: 3px;
    top: 0;
    color: #fff;
    text-shadow: 0 0 3px #000;
    font-size: 16px;
}

/* Upload Training Charge Tab */
#training_charge_this_portal_details label.labelTxt, #training_charge_other_portals_details label.labelTxt{
    line-height: 30px;
}
#training_charge_this_portal_details div.currency_symbol, #training_charge_other_portals_details div.currency_symbol{
    float: left;
    margin-top: 8px;
    margin-right: 5px;
}
/**
This is for new Author Homepage
dgr
**/

.casing .upload_home{
    text-align: center;
    padding-left: 5px;
}
.casing .upload_home #closeme{
    float: right;
    margin-top: -10px;
    cursor: pointer;
}
.casing .upload_home_column{
    width:31%;
    text-align: left;
    float: left;
    margin: 45px 0 0 0;
    -padding-top: 30px;
}
.casing .upload_home p#sub_title{
    text-align: center;
    font-size:18px
}
.casing .upload_home_column.center{
    margin: 45px 24px 0 24px;
}
.casing .upload_home h1{
    float: none;
    font-size: 23px;
}
.casing .upload_home_column i{
    font-size: 90px;
    margin: 0 25%;
    vertical-align: bottom;
}
.casing .upload_home_column h3{
    padding: 10px 0 0 0;
    margin-bottom: -5px;
}
.casing .upload_home_footer{
    width: 100%;
    clear: both;
    padding: 18px 0 0 0 ;
}

.casing .upload_home_column_content {
    font-size: 14px;
}

.casing .upload_home label{
    width:450px;
}
.casing .upload_home .checkbox.dont_show {
    position: relative;
}

/* upload content taxonomy */
.taxonomyContainer{
    border: 1px solid #cbcbcb;
    margin: 20px auto;
    border-radius: 5px;
    padding: 10px;
}

.taxonomyContainer .specialties-search{
    width: 100%;
    margin: 15px auto;
}

/**
This is to block user interaction, esp with flash objects,
when overlays are showing on upload training page
**/
#overlayBlocker{
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 100%;
    margin: 0;
    border: 0;
    top:0;
    left:0;
    display: none;
}

#headerBlocker,#navBlocker,#footerBlocker{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0;
    opacity: 0.6;
}


#training_available_details_this_country .label-txt, #training_available_details_world .label-txt {
    display: block;
    padding: 4px 0 1px;
    line-height: 18px;
    float: none;
    width: 640px;
}

#training_available_details_this_country .radio, #training_available_details_world .radio {
    display: inline;
    float: left;
}

#training_available_details_this_country label, #training_available_details_world label {
    display: block;
    overflow: hidden;
    width: 98%
}

#max_questions_reached {
    text-align: center;
    display: none;
}

.examFeedbackArea textarea, .examFeedbackArea textarea:focus{
    width: 644px;
    display: block;
    margin-bottom: 10px;
    max-width: 650px;
    resize: vertical;
    border: 2px solid #E8E8E8;
    border-top: 0px;
    padding: 5px;

}

/***** jQuery-ui modifications *****/
.ui-widget-content{
    border:1px solid #CBCBCB !important;
}

input.text.spinner{
    min-height:23px;
    max-width: 90%;
}
.spinner{
    border:none !important;
    margin:0px !important;
}

.select2-container{
    min-width:125px;
    width:98%;
    list-style:none !important;
}

.select2-container ul li{
    text-indent:0px;
}
.select2-container .select2-choices{
    border-radius:2px;
    -webkit-border-radius: 2px;
    padding:1px;
}
.content ul li.select2-search-choice{
    text-indent:0px;
}
.content ul li.select2-search-choice:before, .content ul li.select2-search-field:before{
    content:none !important;
    color:transparent;
}
.select2-container-multi .select2-search-choice-close{
    padding-right:0px !important;
}
.select2-results li{ padding:0px; }

.readmore-js-toggle{
    text-align: right;
}


/***** Organisation Portal stuff *****/

.email-draft{
    color:#666;
    width:400px;
}

.email-draft p{
    font-size: 13px;
    color:#666;
}

dl.simplest dt{
    float:left;
    width:150px;
    clear:left;
    text-align:left;
    white-space:nowrap;
    font-weight: normal;
    color:#666;
    font-size:13px;
}
dl.simplest dd{
    color:#666;
}


.info-box{
    padding:20px;
    background-color:#f5f5f5;
    border:1px solid #ddd;
    border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-bottom: 15px;
}
.info-box h3{
    margin:0px;
}
.info-box p{
    padding:0px;
}
.info-box .dont_show_again{
    text-align: center;
    font-size: 14px;
    color:#666;
    margin:0;
}

ul.smaller li{
    font-size: 13px;
    color:#666;
}

ul.smaller li:before{
    color:#666 !important;
}


.comment-list .comment{
    margin-bottom:20px;
    padding:10px;
}

.comment-list .revComment{
    /*margin-bottom:10px;*/
    padding:10px;
}

.comment-list .comment:nth-child(even){
    background-color:#eee;
}

.comment, .revComment{
    color:#666;
}
.comment .header, .revComment .header{
    color:#666;
    font-size: 14px;
    margin-bottom:0;
}
.comment .header b, .revComment .header b{
    color:#333;
}

.comment #comment_content, .revComment #comment_content{
    color:#666;
    font-size:13px;
}


.comment-list .revComment:nth-child(even) .revComment-content{
    padding-left: 25px;
}

.revComment i{
    font-size: 20px;
}

ul.approvers-list{
    list-style-type: none;
    margin-left: 40px;
}
ul.approvers-list li{
    margin:0;
    padding:0 !important;
    font-size:14px;
    color:#666;

}
ul.approvers-list li:before{
    content:none !important;
}

a.action img{
    margin-right: 5px;
    padding-bottom: 3px;
}

span.label-expl.radio{
    padding-left: 40px !important;
    font-size:14px !important;
    margin-top:-5px;
}

.controls label.checkbox b{
    color:#333;
}


.vertical .fullwidth label.semi.doubleliner{
    margin-top:5px;
    clear:none;
}
.vertical .fullwidth label.semi.doubleliner span.label-txt{
    width:200px;
    clear:none;
    margin-right:85px;
    line-height: 15px;
}




/***** Icons modifications *****/
[class^="icon-"].inverse, [class*="icon-"].inverse{
    color:#fff;
    padding:2px 6px;
    border-radius: 2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}
[class^="icon-"].inverse:not(.brandingBackground), [class*="icon-"].inverse:not(.brandingBackground){
    background-color:#333;
}

[class^="icon-"].inverse.round, [class*="icon-"].inverse.round{
    padding:3px 6px;
    border-radius: 50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
}


.action .icon-spin{
    height:auto;
}

/* accreditation services */

#accreditation-information-container div span.info-title{
    font-size: 14px;
    line-height: 20px;
}

span.info-content.bitContent i{
    font-size: 18px;
}

.partner-container{
    padding-bottom: 20px;
}

/* accreditation information */

.accreditation-info-bit-container{
    padding-top: 10px;
}

.partner-container:not(:first-child){
    padding-top: 10px;
    border-top: 1px solid #E5E5E5;
}

/***** FLAGS *****/
/* I think this should be included in other .css file. */
.flag {
    display: inline-block;
    width: 16px;
    height: 11px;
    background:url("../images/flags.png") no-repeat;
}

.flag.flag-ad {background-position: -16px 0}
.flag.flag-ae {background-position: -32px 0}
.flag.flag-af {background-position: -48px 0}
.flag.flag-ag {background-position: -64px 0}
.flag.flag-ai {background-position: -80px 0}
.flag.flag-al {background-position: -96px 0}
.flag.flag-am {background-position: -112px 0}
.flag.flag-an {background-position: -128px 0}
.flag.flag-ao {background-position: -144px 0}
.flag.flag-ar {background-position: -160px 0}
.flag.flag-as {background-position: -176px 0}
.flag.flag-at {background-position: -192px 0}
.flag.flag-au {background-position: -208px 0}
.flag.flag-aw {background-position: -224px 0}
.flag.flag-az {background-position: -240px 0}
.flag.flag-ba {background-position: 0 -11px}
.flag.flag-bb {background-position: -16px -11px}
.flag.flag-bd {background-position: -32px -11px}
.flag.flag-be {background-position: -48px -11px}
.flag.flag-bf {background-position: -64px -11px}
.flag.flag-bg {background-position: -80px -11px}
.flag.flag-bh {background-position: -96px -11px}
.flag.flag-bi {background-position: -112px -11px}
.flag.flag-bj {background-position: -128px -11px}
.flag.flag-bm {background-position: -144px -11px}
.flag.flag-bn {background-position: -160px -11px}
.flag.flag-bo {background-position: -176px -11px}
.flag.flag-br {background-position: -192px -11px}
.flag.flag-bs {background-position: -208px -11px}
.flag.flag-bt {background-position: -224px -11px}
.flag.flag-bv {background-position: -240px -11px}
.flag.flag-bw {background-position: 0 -22px}
.flag.flag-by {background-position: -16px -22px}
.flag.flag-bz {background-position: -32px -22px}
.flag.flag-ca {background-position: -48px -22px}
.flag.flag-catalonia {background-position: -64px -22px}
.flag.flag-cd {background-position: -80px -22px}
.flag.flag-cf {background-position: -96px -22px}
.flag.flag-cg {background-position: -112px -22px}
.flag.flag-ch {background-position: -128px -22px}
.flag.flag-ci {background-position: -144px -22px}
.flag.flag-ck {background-position: -160px -22px}
.flag.flag-cl {background-position: -176px -22px}
.flag.flag-cm {background-position: -192px -22px}
.flag.flag-cn {background-position: -208px -22px}
.flag.flag-co {background-position: -224px -22px}
.flag.flag-cr {background-position: -240px -22px}
.flag.flag-cu {background-position: 0 -33px}
.flag.flag-cv {background-position: -16px -33px}
.flag.flag-cw {background-position: -32px -33px}
.flag.flag-cy {background-position: -48px -33px}
.flag.flag-cz {background-position: -64px -33px}
.flag.flag-de {background-position: -80px -33px}
.flag.flag-dj {background-position: -96px -33px}
.flag.flag-dk {background-position: -112px -33px}
.flag.flag-dm {background-position: -128px -33px}
.flag.flag-do {background-position: -144px -33px}
.flag.flag-dz {background-position: -160px -33px}
.flag.flag-ec {background-position: -176px -33px}
.flag.flag-ee {background-position: -192px -33px}
.flag.flag-eg {background-position: -208px -33px}
.flag.flag-eh {background-position: -224px -33px}
.flag.flag-en {background-position: -240px -33px}
.flag.flag-er {background-position: 0 -44px}
.flag.flag-es {background-position: -16px -44px}
.flag.flag-et {background-position: -32px -44px}
.flag.flag-eu {background-position: -48px -44px}
.flag.flag-fi {background-position: -64px -44px}
.flag.flag-fj {background-position: -80px -44px}
.flag.flag-fk {background-position: -96px -44px}
.flag.flag-fm {background-position: -112px -44px}
.flag.flag-fo {background-position: -128px -44px}
.flag.flag-fr {background-position: -144px -44px}
.flag.flag-ga {background-position: -160px -44px}
.flag.flag-gb, .flag.flag-uk {background-position: -176px -44px}
.flag.flag-gd {background-position: -192px -44px}
.flag.flag-ge {background-position: -208px -44px}
.flag.flag-gf {background-position: -224px -44px}
.flag.flag-gg {background-position: -240px -44px}
.flag.flag-gh {background-position: 0 -55px}
.flag.flag-gi {background-position: -16px -55px}
.flag.flag-gl {background-position: -32px -55px}
.flag.flag-gm {background-position: -48px -55px}
.flag.flag-gn {background-position: -64px -55px}
.flag.flag-gp {background-position: -80px -55px}
.flag.flag-gq {background-position: -96px -55px}
.flag.flag-gr {background-position: -112px -55px}
.flag.flag-gs {background-position: -128px -55px}
.flag.flag-gt {background-position: -144px -55px}
.flag.flag-gu {background-position: -160px -55px}
.flag.flag-gw {background-position: -176px -55px}
.flag.flag-gy {background-position: -192px -55px}
.flag.flag-hk {background-position: -208px -55px}
.flag.flag-hm {background-position: -224px -55px}
.flag.flag-hn {background-position: -240px -55px}
.flag.flag-hr {background-position: 0 -66px}
.flag.flag-ht {background-position: -16px -66px}
.flag.flag-hu {background-position: -32px -66px}
.flag.flag-ic {background-position: -48px -66px}
.flag.flag-id {background-position: -64px -66px}
.flag.flag-ie {background-position: -80px -66px}
.flag.flag-il {background-position: -96px -66px}
.flag.flag-im {background-position: -112px -66px}
.flag.flag-in {background-position: -128px -66px}
.flag.flag-io {background-position: -144px -66px}
.flag.flag-iq {background-position: -160px -66px}
.flag.flag-ir {background-position: -176px -66px}
.flag.flag-is {background-position: -192px -66px}
.flag.flag-it {background-position: -208px -66px}
.flag.flag-je {background-position: -224px -66px}
.flag.flag-jm {background-position: -240px -66px}
.flag.flag-jo {background-position: 0 -77px}
.flag.flag-jp {background-position: -16px -77px}
.flag.flag-ke {background-position: -32px -77px}
.flag.flag-kg {background-position: -48px -77px}
.flag.flag-kh {background-position: -64px -77px}
.flag.flag-ki {background-position: -80px -77px}
.flag.flag-km {background-position: -96px -77px}
.flag.flag-kn {background-position: -112px -77px}
.flag.flag-kp {background-position: -128px -77px}
.flag.flag-kr {background-position: -144px -77px}
.flag.flag-kurdistan {background-position: -160px -77px}
.flag.flag-kw {background-position: -176px -77px}
.flag.flag-ky {background-position: -192px -77px}
.flag.flag-kz {background-position: -208px -77px}
.flag.flag-la {background-position: -224px -77px}
.flag.flag-lb {background-position: -240px -77px}
.flag.flag-lc {background-position: 0 -88px}
.flag.flag-li {background-position: -16px -88px}
.flag.flag-lk {background-position: -32px -88px}
.flag.flag-lr {background-position: -48px -88px}
.flag.flag-ls {background-position: -64px -88px}
.flag.flag-lt {background-position: -80px -88px}
.flag.flag-lu {background-position: -96px -88px}
.flag.flag-lv {background-position: -112px -88px}
.flag.flag-ly {background-position: -128px -88px}
.flag.flag-ma {background-position: -144px -88px}
.flag.flag-mc {background-position: -160px -88px}
.flag.flag-md {background-position: -176px -88px}
.flag.flag-me {background-position: -192px -88px}
.flag.flag-mg {background-position: -208px -88px}
.flag.flag-mh {background-position: -224px -88px}
.flag.flag-mk {background-position: -240px -88px}
.flag.flag-ml {background-position: 0 -99px}
.flag.flag-mm {background-position: -16px -99px}
.flag.flag-mn {background-position: -32px -99px}
.flag.flag-mo {background-position: -48px -99px}
.flag.flag-mp {background-position: -64px -99px}
.flag.flag-mq {background-position: -80px -99px}
.flag.flag-mr {background-position: -96px -99px}
.flag.flag-ms {background-position: -112px -99px}
.flag.flag-mt {background-position: -128px -99px}
.flag.flag-mu {background-position: -144px -99px}
.flag.flag-mv {background-position: -160px -99px}
.flag.flag-mw {background-position: -176px -99px}
.flag.flag-mx {background-position: -192px -99px}
.flag.flag-my {background-position: -208px -99px}
.flag.flag-mz {background-position: -224px -99px}
.flag.flag-na {background-position: -240px -99px}
.flag.flag-nc {background-position: 0 -110px}
.flag.flag-ne {background-position: -16px -110px}
.flag.flag-nf {background-position: -32px -110px}
.flag.flag-ng {background-position: -48px -110px}
.flag.flag-ni {background-position: -64px -110px}
.flag.flag-nl {background-position: -80px -110px}
.flag.flag-no {background-position: -96px -110px}
.flag.flag-np {background-position: -112px -110px}
.flag.flag-nr {background-position: -128px -110px}
.flag.flag-nu {background-position: -144px -110px}
.flag.flag-nz {background-position: -160px -110px}
.flag.flag-om {background-position: -176px -110px}
.flag.flag-pa {background-position: -192px -110px}
.flag.flag-pe {background-position: -208px -110px}
.flag.flag-pf {background-position: -224px -110px}
.flag.flag-pg {background-position: -240px -110px}
.flag.flag-ph {background-position: 0 -121px}
.flag.flag-pk {background-position: -16px -121px}
.flag.flag-pl {background-position: -32px -121px}
.flag.flag-pm {background-position: -48px -121px}
.flag.flag-pn {background-position: -64px -121px}
.flag.flag-pr {background-position: -80px -121px}
.flag.flag-ps {background-position: -96px -121px}
.flag.flag-pt {background-position: -112px -121px}
.flag.flag-pw {background-position: -128px -121px}
.flag.flag-py {background-position: -144px -121px}
.flag.flag-qa {background-position: -160px -121px}
.flag.flag-re {background-position: -176px -121px}
.flag.flag-ro {background-position: -192px -121px}
.flag.flag-rs {background-position: -208px -121px}
.flag.flag-ru {background-position: -224px -121px}
.flag.flag-rw {background-position: -240px -121px}
.flag.flag-sa {background-position: 0 -132px}
.flag.flag-sb {background-position: -16px -132px}
.flag.flag-sc {background-position: -32px -132px}
.flag.flag-scotland {background-position: -48px -132px}
.flag.flag-sd {background-position: -64px -132px}
.flag.flag-se {background-position: -80px -132px}
.flag.flag-sg {background-position: -96px -132px}
.flag.flag-sh {background-position: -112px -132px}
.flag.flag-si {background-position: -128px -132px}
.flag.flag-sk {background-position: -144px -132px}
.flag.flag-sl {background-position: -160px -132px}
.flag.flag-sm {background-position: -176px -132px}
.flag.flag-sn {background-position: -192px -132px}
.flag.flag-so {background-position: -208px -132px}
.flag.flag-somaliland {background-position: -224px -132px}
.flag.flag-sr {background-position: -240px -132px}
.flag.flag-ss {background-position: 0 -143px}
.flag.flag-st {background-position: -16px -143px}
.flag.flag-sv {background-position: -32px -143px}
.flag.flag-sy {background-position: -48px -143px}
.flag.flag-sz {background-position: -64px -143px}
.flag.flag-tc {background-position: -80px -143px}
.flag.flag-td {background-position: -96px -143px}
.flag.flag-tf {background-position: -112px -143px}
.flag.flag-tg {background-position: -128px -143px}
.flag.flag-th {background-position: -144px -143px}
.flag.flag-tj {background-position: -160px -143px}
.flag.flag-tk {background-position: -176px -143px}
.flag.flag-tl {background-position: -192px -143px}
.flag.flag-tm {background-position: -208px -143px}
.flag.flag-tn {background-position: -224px -143px}
.flag.flag-to {background-position: -240px -143px}
.flag.flag-tr {background-position: 0 -154px}
.flag.flag-tt {background-position: -16px -154px}
.flag.flag-tv {background-position: -32px -154px}
.flag.flag-tw {background-position: -48px -154px}
.flag.flag-tz {background-position: -64px -154px}
.flag.flag-ua {background-position: -80px -154px}
.flag.flag-ug {background-position: -96px -154px}
.flag.flag-um {background-position: -112px -154px}
.flag.flag-us {background-position: -128px -154px}
.flag.flag-uy {background-position: -144px -154px}
.flag.flag-uz {background-position: -160px -154px}
.flag.flag-va {background-position: -176px -154px}
.flag.flag-vc {background-position: -192px -154px}
.flag.flag-ve {background-position: -208px -154px}
.flag.flag-vg {background-position: -224px -154px}
.flag.flag-vi {background-position: -240px -154px}
.flag.flag-vn {background-position: 0 -165px}
.flag.flag-vu {background-position: -16px -165px}
.flag.flag-wales {background-position: -32px -165px}
.flag.flag-wf {background-position: -48px -165px}
.flag.flag-ws {background-position: -64px -165px}
.flag.flag-ye {background-position: -80px -165px}
.flag.flag-yt {background-position: -96px -165px}
.flag.flag-za {background-position: -112px -165px}
.flag.flag-zanzibar {background-position: -128px -165px}
.flag.flag-zm {background-position: -144px -165px}
.flag.flag-zw {background-position: -160px -165px}



.predictive_input .found_element{
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    padding:5px;
}

.predictive_input .found_element:last-child{
    border-bottom:1px solid #ccc;
}

.predictive_input .found_element:hover{
    background-color: #ccc;
    cursor:pointer;
}
.indicator{border-color:#bbb}

.plupload.html5, .upload, #exam_widget a {
    cursor: pointer !important;
}

.examQuestionAnswersContainer {
    overflow: hidden;
}
.lessonModulesContainer {
    overflow: hidden;
}

ul.featureList {
    margin:  5px 20px;
}

a.appLinks {
    display: block;
    padding: 0;
    margin: 5px 0;
    text-decoration: none;
}

.pretty_rounded_box{
    background:#f7f7f7;
    border:1px solid #e1e1e1;
    border-radius:5px;
    box-shadow:0 0 5px #dfdfdf,0 1px 0 #fff inset;
    display:block;
    margin-bottom:10px;
}
.pretty_rounded_box.dark{
    background:#ebebeb;
    border:1px solid #999;
    box-shadow:0 1px 5px #bbb,0 1px 0 #fff inset;
}
.pretty_rounded_box.noshadow{
    box-shadow:0 1px 0 #fff inset;
}

.pretty_rounded_box .wrapper{
    position:absolute;
    width:auto;
    left:10px;right:10px;
    bottom:10px;top:10px;
}

.pretty_rounded_box iframe{
    width:100%;
    height:100%;
}

#mobile_devices_banner {
    background: url("../images/mobile_devices_3.fw.png") no-repeat center;
    height: 70px;
    padding: 1px 1px 1px 100px;
    margin-top: 0;
    line-height: 10px;
    clear: both;
}

#mobile_devices_banner b {
    font-size: 16px
}

#unsupported_browser_msg {
    background: #eee;
    text-align: center;
    overflow: hidden;
    zoom: 1;
}

h2.after-image{
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

#unsupported_browser_msg h2 {
    color: #333;
    font-size: 107px;
    line-height: 80px;
    margin-top: 45px;
}

#unsupported_browser_msg h3 {
    line-height: 13px;
    margin-bottom: 0;
    font-size: 14px;
}

#unsupported_browser_msg p{
    font-size: 13px;
}

#unsupported_browser_msg a {
    margin: 15px;
    display: block;
    width: 200px;
    float: left;
}

#unsupported_browser_msg img {
    margin-bottom: 5px;
}

#unsupported_browser_msg a.logoFirefox {
    float: right;
}

#unsupported_browser_bar{
    width: 100%;
    padding: 10px;
    background-color: #FFFF88;
    border-bottom: 2px solid #ECE257;
    text-align: center;
}
#unsupported_browser_bar.showing{
    display:block;
}
#unsupported_browser_bar a{
    font-weight: bold;
}
#unsupported_browser_bar .icon{
    color: #9B9329;
    font-weight: bold;
    font-size: 20px;
    vertical-align: middle;
}
#upload_training_accordion #unsupported_browser_msg {
    padding-bottom: 20px;
}

#browser_logos_container {
    overflow: hidden;
    zoom: 1; /** This message is primarily aimed at old IE after all **/
    width: 68%;
    margin: auto;
}

.js-enabled #unsupported_browser_msg {
    display: none;
}

#new_training_intro {
    /** this gets shown with JS where applicable */
    display: none;
}

#email_preview td { font-family:Arial, Helvetica, Verdana, sans-serif; font-size: 15px;}
#email_preview .fullwidth { margin: 20px 0;}
#email_preview.thinner { width: 90%; margin: 0 auto}

table.uploadtraining_commissions_table{
    width:100%;
    margin-top:5px;
    border-collapse:collapse;
}
table.uploadtraining_commissions_table th{
    font-weight:normal;
    color:#111;
    font-size:15px;
    line-height:24px;
    text-align:left;
}
table.uploadtraining_commissions_table td{
    font-size:15px;
    color:#666;
    line-height:24px;
}
table.uploadtraining_commissions_table tr:last-child td{
    border-bottom:none;
}

#specialties_form .complexlistContainer{
    min-height: 320px;
    border: 1px solid #cbcbcb;
    width: 99%;
    border-radius: 5px;
}

.complexlistContainer {
    padding-top: 7px;
}

#inlinePopup.paypalPopup {
    background-color: #505050 !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}
#mainVideoBox{
    height:343px;
    width: 592px;
    position: relative;
    border: 15px solid white;
    border-radius: 5px;
    box-shadow: 0px 0px 20px 0px #aaa;
}

h3 .icon-bar-chart {
    font-size: 24px;
}

#payment_breakdown_title {
    margin-top: 10px;
}

ol.paymentBreakdown {
    border: 2px solid #666;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-left: 0;
    padding: 10px;
}

ol.paymentBreakdown li {
    padding: 0;
    list-style-position: inside;
}

#upload_course_notes_form .fileinfo {
    padding-top: 7px;
    font-size: 14px;
}

#delete_course_notes, #view_course_notes {
    font-size: 24px;
    float: right;
}

#course_notes_button_container .controls {
    width: 115px;
    padding-top: 3px;
}

#upload_course_notes_file_container .control-label{
    margin-bottom: 8px;
}
#upload_course_notes_file_container .fileinfo .control-label{
    margin-bottom: 15px;
}
#webinarsViewerUT{
    height:250px;
    position: relative;
}

.microPortal {
    width: 670px;
    border: 1px solid #999;
    border-radius: 10px;
    position: relative;
    clear: both;
    padding: 20px 10px 10px 10px;
}

.microPortal-status{
    float: right;
    padding-right: 10px;
    font-size: 16px;
    color: #555;
}
.microPortal-name{
    font-weight: bold;
}

.microLogo {
    max-width: 80px;
}

.gridElement {
    display: inline-block;
    vertical-align: top;
}

.microPortal .checkbox{display:inline-block;width:auto;width: 350px;height: 15px;min-height:15px;}

.microPortal .checkbox.protected_link{display:inline-block;width: 50px;height: 15px;min-height:15px; clear: left}

.microPortal .portal_link{display:inline-block; min-width: 260px;}

.massiveselect {
    width: 600px;
}
.subdomain-control{
    position:relative;
}
.subdomain-control .verification-icon i{
    position:absolute;
    top:40px;
    right:20px;
    font-size:18px;
    color:#008c23;
}
.subdomain-control .help-txt{
    float:right;
    font-style:italic;
    line-height:auto;
    font-size:12px;
    font-family: "Georgia", "Times New Roman", Times, serif;
    margin-right:10px;
}
.subdomain-control a{
    float:right;
    line-height:20px;
    width:auto;
    margin-right:10px;
}
.subdomain-control .v_validation{
    position:absolute;
    bottom:0;
}

.microportal-logo-choices .thumbnail{
    width:119px;
    overflow:hidden;
    margin-right:12px;
}
.microportal-logo-choices .thumbnail span.placeholder{
    margin-right:0 !important;
}
.microportal-logo-choices .thumbnail div.radio{
    margin-right:0 !important;
}
.microportal-logo-choices .thumbnail .imgContainer img,
.microportal-logo-choices .thumbnail span.placeholder img{
    width:auto !important;
    height:auto !important;
    max-width:119px;
    max-height:116px;
    margin:0 auto !important;
}
.microportal-logo-choices .thumbnail span.placeholder,
.microportal-logo-choices .thumbnail .imgContainer{
    width:119px !important;
    height:116px !important;
    border-radius:8px !important;
    -webkit-border-radius:8px !important;
}
.microportal-logo-choices .thumbnail span.placeholder i.icon-upload{
    font-size: 116px;
    line-height: 116px;
}
.microportal-logo-choices .thumbnail span.placeholder i.icon-spin{
    height: 71px;
    font-size: 72px !important;
    line-height: 73px !important;
    margin-top: 20px;
}

.color-radios{
    margin-top:10px;
}
.color-radios .label-txt,
.color-radios .controls{
    display:inline-block;
    width:auto !important;
    float:none;
}
.color-radios .controls span{
    font-size:13px;
    color:#888;
    text-transform:lowercase;
}
.color-radios .label-txt{
    margin-right:30px;
}
.color-radios .square{
    width:18px;
    height:18px;
    display:inline-block;
    border-radius:2px;
    vertical-align: middle;
    margin-right:20px;
    border:1px solid #ccc;
}

.microportal-templates-choices label{
    width:45%;
    margin-right:4%;
    margin-top:20px;
}
.microportal-templates-choices label span{
    display:block;
    margin-bottom:5px;
    font-size:13px;
}
.microportal-templates-choices label .templateContainer{
    width:288px;
    height:162px;
    border:1px solid #ccc;
    border-radius:5px;
    overflow:hidden;
    background:#ccc;
}
.microportal-templates-choices label .templateContainer iframe{
    width:288px;
    height:162px;
    border:none;
}
.microportal-templates-choices label .templateOverlay{
    width:288px;
    height:162px;
    position:relative;
}
.microportal-templates-choices label .templateOverlay.white{
    background-image:url('../images/branding_white.png');
}
.microportal-templates-choices label .templateOverlay.branded{
    background-image:url('../images/branding_color.png');
}
.microportal-templates-choices label .templateOverlay img{
    margin:0 !important;
    position:absolute;
    left:5px;
    top:5px;
    max-width:178px;
    max-height:43px;
}
.microportal-templates-choices label .border img{
    border:2px solid #ccc;
}
.microportal-templates-choices label .branded img{
    border-color:#fff !important;
}
.microportal-templates-choices label .vert img{
    height:43px;
    max-width:55px;
}
.microportal-templates-choices label .hoz img{
    height:25px;
    width:auto;
}

.headerContainer .assist div.selector{
    text-align:left;
    background: none;
    padding-left:0;
    overflow: visible;
}
.headerContainer .assist div.selector span{
    background: none;
    color:#666;
    overflow: visible;
    padding-right:5px;
    padding-left: 5px;
    margin-top:-1px;
    position:relative;
}
.headerContainer .assist div.selector span:before{
    content:" ";
    width:1px;
    height:17px;
    background-color:#666;
    float:left;
    margin-left:-10px;
    margin-top:7px;
}
.headerContainer .assist div.selector span:after{
    content:" ";
    position:absolute;
    top:11px;
    right:2px;
    border-top:8px solid #666;
    border-left:8px solid transparent;
    border-right:8px solid transparent;

}

.linkedTrainingHeaderContainer {
    padding-bottom:10px;
    text-align:center;
    overflow:visible;
}
.linkedTrainingHeaderContainer header {
    height:auto;
    width:auto;
    display:inline-block;
}
.linkedTrainingHeaderContainer .logo {
    position:relative;
    float:left;
    height:auto;
    width:auto!important;
    line-height:1;
}
.linkedTrainingHeaderContainer .logo img,
.linkedTrainingHeaderContainer .linked-training-intro .buttons {
    height:60px;
}
.linkedTrainingHeaderContainer .logo img {
    margin-bottom:0!important;
}
.linkedTrainingHeaderContainer .linked-training-intro {
    display:table-row;
}
.linkedTrainingHeaderContainer .linked-training-intro .prime {
    font-size:14px;
    line-height:1.2;
    padding:5px;
}
.linkedTrainingHeaderContainer .linked-training-intro .buttons {
    display:table-cell;
    text-align:right;
    width:220px;
    padding:8px;
    vertical-align:middle;
}
.linkedTrainingHeaderContainer .linked-training-intro .text {
    position:relative;
    text-align:left;
    font-size:14px;
    display:table-cell;
    padding:8px;
    padding-right:30px;
    padding-bottom:0;
    vertical-align:middle;
    min-width:140px;
    max-width:500px;
}
.linkedTrainingHeaderContainer .linked-training-intro .text::after {
    position:absolute;
    right:0;
    bottom:0;
    background: url('images/arrow.png') 0 0 no-repeat;
    width:52px;
    height:30px;
    content:' ';

    transform: rotate(317deg) ;
    -webkit-transform: rotate(317deg) ;
    -moz-transform: rotate(317deg) ;
    -o-transform: rotate(317deg) ;
    -ms-transform: rotate(317deg) ;
}
.linkedTrainingHeaderContainer .border-triangle {
    position:absolute;
    left:50%;
    bottom:-5px;
    margin-left:-5px;
    z-index: 3;
}


#external_training_form .control-group.success .help{background: none}
#evaluation_statement_form_container { clear: both }
.selectall {float:right;}

/* This is relative to the evaluation statement. Both admi/user perspective */
#eval_statement_creator{
    min-height: 350px;
    width: 100%;
    box-sizing: border-box;
}

#eval_statement_creator .available_fields{
    margin-bottom: 10px;
    padding: 3px;
}

#eval_statement_creator .available_fields h3{
    display: inline-block;
    margin-right: 20px;
}
#eval_statement_creator .available_fields .field_type{
    display: inline-block;
    cursor: pointer;
    padding: 10px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    margin-right: 10px;
    background-color: #aaa;
}

#eval_statement_creator .evaluation_statement_fields input.radio_option_input_label{
    width: 589px;
}
#eval_statement_creator .evaluation_statement_fields input.eval_stat_field{
    width: 230px;
}

#eval_statement_creator .assesment_form_fields input.radio_option_input_label{
    width: 589px;
}
#eval_statement_creator .assesment_form_fields input.eval_stat_field{
    width: 230px;
}

#eval_statement_creator .add_radio_option{
    cursor: pointer;
}

/* This is relative to the evaluation statement. Both admi/user perspective */
#assesment_form_creator{
    min-height: 350px;
    width: 100%;
    box-sizing: border-box;
}

#assesment_form_creator .available_fields{
    margin-bottom: 10px;
    padding: 3px;
}

#assesment_form_creator .available_fields h3{
    display: inline-block;
    margin-right: 20px;
}
#assesment_form_creator .available_fields .field_type{
    display: inline-block;
    cursor: pointer;
    padding: 10px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    margin-right: 10px;
    background-color: #aaa;
}

#assesment_form_creator .assesment_form_fields input.radio_option_input_label{
    width: 589px;
}
#assesment_form_creator .assesment_form_fields input.eval_stat_field{
    width: 230px;
}

#assesment_form_creator .add_radio_option{
    cursor: pointer;
}

.assesment_form_fields .eval_stat_label{
    display:inline-block;
    width: 305px;
    background: none;
}


.assesment_form_fields .fullwidth .eval_stat_label{
    width: 592px;
}

.assesment_form_fields .row .control-group .radio_option_list .option_row .radio div{
    vertical-align: middle;
    display: inline-block;
}

.assesment_form_fields .row .control-group .radio_option_list .option_row .radio span{
    display: inline-block;
    width: 90%;
}

.assesment_form_fields .row .control-group .radio_option_list .option_row .radio div.radio {
    float:left;
}
.assesment_form_fields .row .control-group .radio_option_list .option_row .radio .radio_label{
    display: block;
    padding: 7px 0;
    overflow: hidden;
}
.assesment_form_fields .row .option_row {
    clear:both;
    display:block;
}
.assesment_form_fields .row .option_row .checker {
    float:left;
}
.assesment_form_fields .checkbox_label {
    padding-top:7px;
    padding-left:2px;
}
#eval_statement_creator .assesment_form_fields .option_row{
    margin-bottom: 2px;
}
.assesment_form_fields .control-label{
    position: relative;
    margin-bottom: 4px !important;
}

.evaluation_statassesment_form_fieldsement_fields .controls.calendar input,
.form.vertical .assesment_form_fields .controls.calendar input,
.integration_details_fields .controls.calendar input,
.form.vertical .integration_details_fields .controls.calendar input{
    background-color: #fff;
    width: 95.745%;
}


.evaluation_statement_fields .eval_stat_label{
    display:inline-block;
    width: 305px;
    background: none;
}


.evaluation_statement_fields .fullwidth .eval_stat_label{
    width: 592px;
}

.evaluation_statement_fields .row .control-group .radio_option_list .option_row .radio div{
    vertical-align: middle;
    display: inline-block;
}

.evaluation_statement_fields .row .control-group .radio_option_list .option_row .radio span{
    display: inline-block;
    width: 90%;
}

.evaluation_statement_fields .row .control-group .radio_option_list .option_row .radio div.radio {
    float:left;
}
.evaluation_statement_fields .row .control-group .radio_option_list .option_row .radio .radio_label{
    display: block;
    padding: 7px 0;
    overflow: hidden;
}
.evaluation_statement_fields .row .option_row {
    clear:both;
    display:block;
}
.evaluation_statement_fields .row .option_row .checker {
    float:left;
}
.evaluation_statement_fields .checkbox_label {
    padding-top:7px;
    padding-left:2px;
}
#eval_statement_creator .evaluation_statement_fields .option_row{
    margin-bottom: 2px;
}
.evaluation_statement_fields .control-label{
    position: relative;
    margin-bottom: 4px !important;
}

.evaluation_statement_fields .controls.calendar input,
.form.vertical .evaluation_statement_fields .controls.calendar input,
.integration_details_fields .controls.calendar input,
.form.vertical .integration_details_fields .controls.calendar input{
    background-color: #fff;
    width: 95.745%;
}


#integration_details_fields_validate_container .validation_feedback{
    display: inline-block;
    font-size: 12px;
}
#integration_details_fields_validate_container .validation_feedback.error{
    color:#D80000
}
#integration_details_fields_validate_container .validation_feedback.success{
    color: green;
}

.evaluation_statement_fields .controls.calendar input.datepicker.is-readonly {
    background-color:#F8F8F8;
    border:none !important;
}

.assesment_form_fields .controls.calendar input.datepicker.is-readonly {
    background-color:#F8F8F8;
    border:none !important;
}


.evaluation_statement_fields .eval_stat_delete, .evaluation_statement_fields .delete_radio_option{
    font-size: 25px;
    float: right;
    margin-right: 10px;
    display: inline-block;
    margin-top: 8px;
    cursor: pointer;
}
.evaluation_statement_fields .icon-asterisk{
    font-size: 11px;
    position: absolute;
    top: -16px;
    right: 52px;
    z-index: 500;
}

.evaluation_statement_fields .add_radio_option{
    width: 30px;
    font-size: 17px;
    margin-top: 5px;
    display: inline-block;
    text-align: center;
}

.evaluation_statement_fields .control-group.error, .evaluation_statement_fields .control-group.radio-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    border-radius:5px;
    margin: 5px -8px;
    padding: 2px 8px;
}
.evaluation_statement_fields .row .column {
    width:50%;
}
.evaluation_statement_fields .row .column:nth-child(2) {
    float:right;
    width:auto;
}
.evaluation_statement_fields .row .column .controls {
    width:100%;
}

.assesment_form_fields .eval_stat_delete, .assesment_form_fields .delete_radio_option{
    font-size: 25px;
    float: right;
    margin-right: 10px;
    display: inline-block;
    margin-top: 8px;
    cursor: pointer;
}
.assesment_form_fields .icon-asterisk{
    font-size: 11px;
    position: absolute;
    top: -16px;
    right: 52px;
    z-index: 500;
}

.assesment_form_fields .add_radio_option{
    width: 30px;
    font-size: 17px;
    margin-top: 5px;
    display: inline-block;
    text-align: center;
}

.assesment_form_fields .control-group.error, .assesment_form_fields .control-group.radio-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    border-radius:5px;
    margin: 5px -8px;
    padding: 2px 8px;
}
.assesment_form_fields .row .column {
    width:50%;
}
.assesment_form_fields .row .column:nth-child(2) {
    float:right;
    width:auto;
}
.assesment_form_fields .row .column .controls {
    width:100%;
}

.evaluationStatementCertificateText {
    clear:both;
}

#training_duration, #time_spinner, #days_restricted_after_purchase_spinner {
    min-height: 23px;
}

#microPortalAccordion .accordion-content {
    overflow: hidden;
}

.paypal_verify_container span{
    float: right;
    padding-right: 8px;
}

.paypal_verify_container i {
    font-size: 18px;
}


/* Tag Cloud for coupons */
.tag {
    background-color: #EFEFEF;
    padding: 5px 15px;
    margin: 5px 15px 5px 0;
    display: block;
    float: left;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

.tag .close {
    color: #333;
    text-decoration: none;
}

/* Style for organization categories */
#training_categories_widget{
    padding: 0px 15px;
}
#training_categories_widget .category-parent-group{
    margin-bottom: 20px;
}



#training_categories_widget .category-parent, #training_categories_widget .category-add-block{
    background-color: #666;
    color: #fff;
    padding: 10px 5px;
    margin-bottom: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#training_categories_widget .category-add-block{
    background: #eee;
}
#training_categories_widget .category-parent input, #training_categories_widget .category-child input{
    width: 300px;
}
#training_categories_widget .category-parent input[readonly]{
    background: #666;
    color: #fff;
    border: none;
    font-size: 15px;
    width: 600px;
}
#training_categories_widget .category-child input[readonly]{
    background: #eee;
    color: #333;
    border: none;
    font-size: 13px;
    width: 600px;
}
#training_categories_widget .category-add-block input{
    background: #eee;
    color: #333;
}

#training_categories_widget .category-child, #training_categories_widget .category-add-block{
    background-color: #eee;
    color: #fff;
    padding: 5px 3px;
    margin-bottom: 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
#training_categories_widget .category-add-block input{
    width: 600px;
    border: none;
}


#training_categories_widget .controls{
    float: right;
    display: inline-block;
    font-size: 20px;
    line-height: 30px;
    margin-right: 10px;
    color: #999;
}
#training_categories_widget .controls i:hover{
    cursor: pointer;
    color: #333;
}


/* Accreditor selection stuff*/
.accreditorContent{
    padding-bottom : 30px;
}
.dropdown-accreditor-image img{
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    border: 1px solid #ccc;
}
.accreditor_additional_fields{
    clear:both;
}

.dropdown-accreditor-image{
    width: 120px;
}
.select2-results .select2-highlighted{
    background: #eee;
}
.select2-results .select2-highlighted .select2-result-label{
    color: #333;
}

.eval-info-box{
    display: block;
    font-size: 14px;
    padding: 20px;
    margin: 20px 0;
    text-align: center;
    border: 1px solid #ccc;
    background: #666;
    color: #fff;
}

.specialtyPopularityContainer {
    overflow: hidden;
}

.specialtyStat {
    padding-top: 8px;
    margin-bottom: 8px;
    border-top: 1px solid #EEE;
}

.specialtyStat.firstRow {
    border-top: none;
}

.specialtyPopularityContainer .ui-progressbar {
    height: 16px;
}

.specialtyProgressContainer {
    width: 275px;
    overflow: hidden;
}

.specialtyPopularityTotal {
    width: 40px;
    float: left;
    font-weight: bold;
    font-size: 16px;
}

.specialtyStat .label, .specialtyInfo {
    padding-left: 40px;
    color: #999;
}

h2.chartHeading {
    font-weight: normal;
    float: left;
}

#uniform-filter_training_activity_cutoff {
    float: left;
    margin-left: 15px;
}

#no_data_msg {
    position: absolute;
    text-align: center;
    z-index: 42;
    padding-top: 97px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 22px;
    line-height: 30px;
}

#training_taken_chart_container {
    position: relative;
}

/* Live Event stuff */
i#secret_code_validation{
    font-size: 18px;
    position: absolute;
    margin-left: 5px;
    margin-top: 38px;
}


/*EasyShare*/
.easyshare .headerContainer header{
    width: 720px;
    padding: 0px 20px;
}
.easyshare .headerContainer .logo {
    /* Required for IE8 bug */
    width: 150px;
}
.easyshare .headerContainer .logo img{
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 120px;
    height: 120px;
}
.easyshare .headerContainer .tagline{
    text-align: left;
    right: auto;
    left: 160px;
}

.easyshare .headerContainer .poweredbyverified{
    position: absolute;
    bottom: 10px;
    text-align: left;
    right: auto;
    left: 160px;
    color: white;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;}

.easyshare .headerContainer .poweredbyverified a{
    color: white;
    font-size: 10px;
}

.easyshare .headerContainer .tagline .tagline-title{
    font-size: 34px;
    font-weight: bold;
}
.easyshare .headerContainer .tagline .tagline-subtitle{
    font-size: 30px;
}

.easyshare .footerContainer footer{
    width: 720px;
}

.easyshare .page{
    background: #eee;
    width: 720px;
    padding: 15px 20px;
}
.easyshare.portal .content{
    padding: 0px;
}

.easyshare .page a:not(.action):hover{
    color: #0062a7;
}
.shareDistribute{
    margin-top: 10px;
    text-align: left;
}
.shareDistribute label{
    font-size: 12px;
}

.training-list-new{
    margin-top: -1px;
}

.training-list-new article,.training-list-new div.article, .training-list-new \:article{
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #E5E5E5;
    clear: both;
}
.training-list-new article:last-child,.training-list-new div.article:last-child, .training-list-new \:article:last-child{
    border-bottom: 0px;
}

.training-list-new .training.approved{
    background:url(images/ribbon_approved.png) no-repeat right top;
}
.training-list-new .training.awaiting_review{
    background:url(images/ribbon_awaiting_review.png) no-repeat right top;
}
.training-list-new .training.failed_review{
    background:url(images/ribbon_failed_review.png) no-repeat right top;
}

/*.training-list-new article figure,.training-list-new div.article figure, .training-list-new \:article figure*/
.training-list-new .introcontent {
    display: inline-block;
    float: left;
    margin-right: 25px;
}
.training-list-new article figure img,.training-list-new div.article figure img, .training-list-new \:article figure img{
    border-top: 0px;
}
.training-list-new article figure a,.training-list-new div.article figure a, .training-list-new \:article figure a{
    position: relative;
    z-index: 10;
    display: block;
}

.training-list-new .training-info .training-name{
    padding-top: 0px;
    padding-bottom: 2px;
    font-weight: normal;
    color: #333;
    font-size: 18px;
    width: 445px;
    word-wrap: break-word;
    margin-left: 235px;
}
.training-list-new .training-info .training-name.display_rtl{
    direction:rtl;
}
.training-list-new .training-info .training-name.display_rtl .training-description{
    direction:ltr;
}
.training-list-new .training-info .training-author{
    color: #333;
    font-size: 15px;
}
.training-list-new .training-info .training-description{
    font-size: 12px;
    color: #666;
    overflow: hidden;
    padding-top: 0px;
    line-height: 15px;
    word-wrap: break-word;
}

.training-list-new .training-info .training-extra{
    position: absolute;
    bottom: 5px;
    left: 240px;
    right: 0px;
    height: 28px;
}
.training-list-new .training-info .training-rating{
    position: absolute;
    bottom: 5px;
    left: 410px;
    right: 0px;
    height: 28px;
}
.training-list-new .training-info .training-extra *{
    display: inline-block;
}
.training-list-new .training-extra .training-price-tag::after {
    content:"";
    position:absolute;
    top:0;
    right:0;
    height:0;
    width:0;
    border-right: 10px solid white;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}
.training-list-new .training-extra .training-price-tag {
    position:relative;
    /*background-color: #333;*/
    /*width: 200px;*/
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    color: #FFFFFF;
    /*font-weight: bold;*/
    padding: 0px 30px 0px 10px;
    margin-left: -5px;
}
.training-list-new .training-extra .training-price-tag b,
.training-list-new .training-extra .training-price-tag span{
    line-height:12px;
    font-weight: bold;
}
.training-list-new .training-extra .training-price-tag strike{
    line-height:12px;
    margin-left: 15px;
}

.trainingData .price strike span{
    text-decoration: line-through;
}

.training-list-new .training-extra .training-price-tag.offer{
    background-color: #D80000;
}

.training-list-new .training-extra .training-time-restriction{
    float: right;
    margin-right: 5px;
}

.training-list-new .icon-link{
    color: #555;
}

.individualarticle .training-time-restriction{
    float: right;
    line-height:12px;
    margin-top:-7px
}

#inProgContent .training-time-restriction{
    position: absolute;
    right: 15px;
    bottom: 3px;
    font-size: 16px;
}

#inProgContent .training-time-restriction i {
    font-size: 18px;
    cursor:pointer;
}

#inProgContent .solo .training-time-restriction{
    position: static;
    display: inline-block;
    margin-left: 45px;
}


.training-list-new .training-info .training-extra .training-rating{
    text-align: center;
    height: 28px;
    line-height: 12px;
    width: 90px;
    position: absolute;
    left: 35%;
    font-size: 14px;
    color: #666;
}

.training-list-new .training-extra .action{
    margin: 0px;
    float: right;
}

.training-list-new article .training-specialties,.training-list-new div.article .training-specialties{
    clear: both;
}

.training-list-new article .training-specialties .tag,.training-list-new div.article .training-specialties .tag{
    background-color: #AAAAAA;
    color: #FFFFFF;
    padding: 5px 10px;
    border-radius: 5px;
    margin: 0 10px 0 0;
    font-size: 14px;
}

.training-specialties a{
    font-size : 10px;
    display: inline-block;
}

.training-list-new figcaption{
    position: static;
    background: #555;
    padding: 6px 4px;
    width: 212px;
    border: solid 1px #555;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.training-list-new article .training-status,.training-list-new div.article .training-status{
    width: 160px;
    text-align: center;
    float: right;
    padding: 5px 0px;
}

.easyshare .share-icons{
    margin-top: -35px;
}
.easyshare .share-icons a{
    color: #0080C5;
}
.share-icons div, .share-icons div{
    float: left;
    margin: 6px 7px 0 0;
}
.easyshare .share-icons #shareByMailContainer{
    margin-right:0;
}
.share-icons a, .share-icons div{
    line-height: 20px;
}
.easyshare .share-icons a#shareByMail{
    color: #ffffff;
    font-size: 24px;
    background-color: #0080c5;
    padding: 2px 5px 1px;
    border-radius: 5px;
}
.easyshare .share-icons a#shareByMail:hover{
    background-color:#0062a7;
}
.share-icons.big a{
    font-size: 40px;
}

.easyshare .author-contact-info p{
    line-height: 5px;
}
.easyshare .author-contact-info a{
    font-size: 12px;
}

.share_training .share-icons{
    font-size: 40px;
    margin-left: 5px;
}

.copy-code{
    position: relative;
}

.share_training textarea{
    width: 441px;
    resize: none;
}

.copy-code textarea{
    width: 441px;
    resize: none;
}

.share_training input{
    width: 441px;
}
.share_training .email-action{
    display: inline-block;
    margin-left: 15px;
}

.copy-code button{
    display: inline-block;
    position: absolute;
    bottom: 0;
    margin-left: 15px;
    margin-bottom: 0px;
}

.share_training .share-text{
    margin-top: 50px;
}

.btnFullWidth {
    width: 100%;
}
@media screen and (max-width: 1150px){
    .arrowToTop{
        display: none !important;
    }
}

@media screen and (min-width: 1151px) and (max-width: 1300px){
    .arrowToTop{
        margin-left: 5%;
    }
}

@media screen and (max-height: 650px){
    .removeInMobileDevices{
        display: none;
    }
}

@media screen and (max-height: 425px){
    #modalOuter #modalDialog .modalContent p{
        font-size: 10px;
    }
    #modalOuter #modalDialog .modalHeader{
        font-size: 15px;
    }
}

h1.title{
    float: none;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 35px;
}

#author_intro_ad p{
    padding-left: 36px;
}
#author_intro_ad .easyshare-feature, #how-it-works .easyshare-feature{
    margin-bottom: 25px;
}
.easyshare-feature h2{
    line-height: 20px;
}
.easyshare-feature i{
    font-size: 30px;
    color: #555555;
    float: left;
    margin-right: 10px;
}
.easyshare-feature i img.block-section-link{
    margin-top: -10px;
}
#author_intro_ad .action{
    margin: 5px auto;
}

#author_intro_ad .easyshare-feature.no-header p{
    padding-top: 0px;
}

#how-it-works .easyshare-feature i{
    font-size: 35px;
    display: block;
    float: left;
    width: 40px;
}
#how-it-works .easyshare-feature i:not(.brand-color){
    color: #555;
}


.warning-box{
    background: #F5F5F5;
    border: 1px solid #BBBBBB;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 20px 10px 3px 10px;
    text-align: right;
    overflow: hidden;
    line-height: 27px;
}

.widget-container{
    border: none;
    width: 645px;
    height: 210px;
}

.headerLoginLink {
    font-weight: normal;
    color: #d80100;
    text-decoration: underline;
    font-size: 14px;
    padding-right: 10px;
}

.authorEasyShareInformation a.infoTitle{
    color: #333;
    font-size: 22px;
    text-decoration: none;
    line-height: 62px;
    display: block;
}

.authorEasyShareInformation .circle{
    font-size: 30px;
    line-height: 62px;
    margin-right: 20px;
    display: inline-block;
}

.authorEasyShareTitleInformation{
    display: inline-block;
    width: 86%;
    vertical-align: top;
}

.easyshare .share-icons a.icon-email-special, .icon-email-special{
    background-color: #0080C5;
    color: #fff;
    text-align: center;
    width: 30px;
    font-size: 45px;
    display: inline-block;
    height: 28px;
    vertical-align: text-bottom;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}
.easyshare .share-icons a.icon-email-special:hover, .icon-email-special:hover{
    background-color: #0062a7;
    color: #fff;
}
.easyshare .share-icons a.icon-email-special i, .icon-email-special i{
    font-size: 23px;
}

.preHeaderBar .assist {
    width: 500px;
}

.preHeaderBar .assist ul {
    margin-left: 0;
    padding-left: 0;
}

.preHeaderBar .assist li:first-child {
    margin-left: 0;
    padding-left: 0;
}

/* Testing */
.thefly {
    width: 50px;
    height:50px;
    background-color:transparent;
    position:fixed;
    z-index: 99999999;
}

.alert_message{
    width: 100%;
    background-color: #212121;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    padding: 10px 0px;
}

.alert_message.alert_warning{
    background-color: #fa811a;
}
.alert_message.alert_success{
    background-color: #008C00;
}
.alert_message.alert_error{
    background-color: #d80100;
}
.alert_message.alert_user_warning{
    background-color: #333;
}
.alert_message .alert_message_link,
.alert_message.alert_user_warning a{
    font-size: 16px;
    color: white;
}
.alert_message.alert_user_warning a.action{
    display: inline-block;
}
.alert_message.alert_user_warning #subscription_offer{
    width:950px;
    margin: 0 auto;
    height:30px;
    font-size: 20px;
}
.alert_message.alert_user_warning #subscription_offer .float-l{
    line-height: 30px;
    padding-left: 15px;
}

/* alerts support for new frontend alerts */
.alert{
    color: #FFF;
    text-align: center;
}

.alert a{
    color: #FFF;
}

.alert.alert-primary{
    background-color: #007bff;
    border-color: #007bff;
}

.alert.alert-success{
    background-color: #008C23;
    border-color: #008C23;
}

.alert.alert-danger{
    background-color: #D90000;
    border-color: #D90000;
}

.alert.alert-warning{
    background-color: #FFBF00;
    border-color: #FFBF00;
}

.icon-banners {
    background-image: url('../images/banner_ic.png');
    background-repeat: no-repeat;
    padding: 25px 0;
}

.icon-banners:hover {
    background-image: url('../images/banner_ic_dark.png');
}

h1 .icon-banners {
    background-image: url('../images/banner_ic_small.png');
    display: inline-block;
    padding: 20px;
}

#banner_uploader_top {
    margin-right: 25px;
}

.bannerUpload .uploadTextLink {
    text-align: center;
    display: block;
    text-decoration: underline;
    padding: 5px;
}

.bannerPlaceholder {
    display: block;
    background-color: #DDD;
    border-radius: 15px;
    text-decoration: none;
    color: #666;
    font-size: 16px;
    text-align: center;
    clear: both;
}

.bannerVertical {
    width: 110px;
    height: 440px;
}

#banner_uploader_top_container {
    overflow: auto;
}

.bannerVertical.bannerPlaceholder{
    height: 240px;
    padding-top: 200px;
    line-height: 20px;
}

.bannerUploadVertical .uploadTextLink {
    padding: 10px 0 0;
    width: 114px;
}

.bannerHorizontal {
    width: 650px;
    height: 80px;
    line-height: 80px;
}

.bannerBox{
    text-align: center;
}

/* Previews are hidden by default */
.previewBannerBoxLayoutLeft, .previewBannerBoxLayoutRight, .previewBannerBoxLayoutTop{
    display: none;
}

.bannerBoxAboveContent, .previewBannerBoxLayoutTop{
    margin-left: 200px;
}
.bannerBoxAboveContent img, .previewBannerBoxLayoutTop img{
    height: 90px;
    width: 720px;
}

.bannerBox.previewBannerBoxLayoutLeft img, .bannerBox.previewBannerBoxLayoutRight img,
.bannerBox.bannerBoxSidebarLeft img, .bannerBox.bannerBoxSidebarRight img{
    width: 160px;
    height: 600px;
}
.bannerBox.bannerBoxSidebarRight img, .bannerBox.previewBannerBoxLayoutRight img{
    margin-right:-167px;
    margin-top:10px;
}
.bannerBox.bannerBoxSidebarRight, .bannerBox.previewBannerBoxLayoutRight{
    width:950px;
    height:0px;
    overflow:visible;
    margin:0 auto;
    text-align: right;
}

.bannerUploadContainerOuter {
    position: relative;
}

.bannerContainerHorizontal {
    height: 90px;
    width: 720px;
}

.bannerContainerVertical {
    min-width: 110px;
    min-height: 440px;
}

.deleteBanner, .deleteBanner:hover {
    color: #d70000;
    font-size: 18px;
    position: absolute;
    left: -10px;
    top:   5px;
}

#exam_widget .icon-refresh.hidden {
    display: none;
}

.resultPageTrainingTitle {
    text-align: center;
    font-size: 18px;
    margin-bottom: 10px;
    color: #fff;
    background-color: #333;
}
.org-description{
    clear:both;
    margin-top: 10px;
}
.org-description .logo-container{
    text-align: center;
    border: 1px solid #ddd;
    padding: 10px;
    margin-top: 20px;
}
.org-description p{
    font-size: 13px;
    color: #666;
}

.calendar-expired{
    color : #D80000;
}


/* Styles for the new registration page */
.form.registration{ padding: 0; margin-top: 15px;}
.form.registration .content{ padding: 10px 55px; width: 838px;}

.form.registration .control-group{
    float:none;
    display:block;
    width:100%;
    padding:0;
    margin-top:20px;
}
.form.registration .control-group .control-label{
    float:left;
    width:295px;
    clear:none;
    text-align:right;
    margin-right:20px;
}
.form.registration .control-group .controls{
    float:left;
    clear:none;
    width:305px;
}
.form.registration .control-group.fullwidth .controls{
    width:523px;
}
.form.registration .control-group .help{
    float:left;
    clear:none;
    margin-left:315px;
}
.form.registration .control-group .help span{
    height:10px;
}
.form.registration .form-controls{
    margin-top:20px;
}
.form.registration .controls label.checkbox {
    font-size: 15px;
    color: #333;
}
.form.registration .checkbox.semi {
    width: auto;
    float: none;
}

.form.registration #add_accreditor_controls,
.form.registration #accreditor-list{
    float:left;
    clear:none;
    width:523px;
    margin-left: 315px;
}
.form.registration #accreditor-list{
    margin-top:10px;
}
.form.registration #accreditor-list .row.accreditorRow:first-child:before{
    width: 305px;
    content: "You have selected the following accreditor/s:";
    margin-left: -325px;
    text-align: right;
    color: #333;
    position: absolute;
    font-size:15px;
    margin-top: 8px;
}
.form.registration #accreditor-list .accreditorContent{
    padding-bottom:0;
}

.mobile-only{
    display:none !important;
}

.step-navigation {
    overflow: hidden;
}

.step-navigation a {
    display: block;
    font-size: 16px;
    text-align: center;
    padding: 14px 0;
    float: left;
    position: relative;
    background-color: #BBB;
    text-decoration: none;
    color: #FFF;
    cursor: default;
    font-weight: bold;
}
.step-navigation a.twoColumns{
    width: 49.2%;
}
.step-navigation a.threeColumns{
    width: 33.332%;
}
.step-navigation a:after, .step-navigation a:after{
    font-weight: bold;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 15px solid #AAA;
    top: 0;
    right:-14px;
    z-index:2;
}
.step-navigation a.fi{
    background-color: #AAA;
}
.step-navigation a.fi:after{
    border-left-color:#AAA;
}
.step-navigation a.se{
    background-color: #BBB;
}
.step-navigation a.se:after{
    border-left-color:#BBB;
}
.step-navigation a.th{
    background-color: #CCC;
}
.step-navigation a.th:after{
    display:none;
}
.step-navigation a.mid{
    background-color: #B1B1B1;
}
.step-navigation .enabled {
    cursor: pointer;
}

.step-navigation .enabled.current {
    cursor: default;
}
.step-navigation a.current:after{
    border-left-color:#AAA;
}

.step-navigation a:hover {
    color: #FFF;
}

.registration-step-header {
    display: none;
}

.registration-step-header .current {
    display: block;
}

#registration-form-steppable .steps li.disabled a, #registration-form-steppable .steps li.current a {
    cursor: default;
}

input.cpd-cat-name {
    width: 270px;
}

input.cpd-cat-value, input.cpd-total-value {
    width: 45px;
    margin-left: 30px;
}

#cpd_cats_table th.primary-heading, #cpd_cats_table th.secondary-heading {
    font-weight: normal;
    text-align: left;
}

#cpd_cats_table th.secondary-heading
{
    font-style: italic;
}

#cpd_cats_table td, #cpd_cats_table th {
    padding: 2px;
}

.cpd-setup .control-group-inline {
    float: left;
    width: 33%;
    text-align: left;
}

.help-mandatory-fields {
    font-size: 13px;
    color: #999;
}

#modalOuter #modalDialog
.modalContent p.help-mandatory-fields {
    margin-top: -20px;
    font-size: 13px;
    color: #999;
}

.registration .wizard p.help {
    color: #333;
    font-size: 11px;
}

#form_registration input.datepicker[readonly] {
    background-color: #FFF;
}

#form_registration .v_validation.help {
    color: #333;
    padding: 2px;
    font-size: 11px;
}

.terms-text, .terms-text a {
    font-size: 15px;
}

#uniform-check_accept_terms {
    float: left;
}

.form .controls.tiny-select select, .form .controls.tiny-select .selector {
    width: 30px;
}

th.agd-subject-code, td.agd-subject-code, th.agd-assigned-duration, td.agd-assigned-duration {
    width: 90px;
}

th.agd-subject-name, td.agd-subject-name {
    width: 250px;
}

table.agd-assignment tfoot th {
    background: #333;
    color: #FFF;
}


/* Background reporting */

.report-files-and-progress{
    text-align:left;
    padding:5px 10px;
}
.report-files-and-progress .progressText{
    color: #999;
    margin-top: 2px;
    margin-left:10px;
    display: inline-block;
}
.report-files-and-progress .progress{
    margin: 0 10px;
}
.report-files-and-progress span.file{
    display: inline-block;
    margin: 0 0 5px 5px;
    background: #E9E9E9;
    padding: 3px 5px 0px 5px;
    border-radius: 4px;
    border: 1px solid #DDD;
}
.report-files-and-progress span.file a{
    text-decoration:none;
}
.report-files-and-progress span.file a i{
    vertical-align:middle;
}

/* Import Members */

#protected_link_setted_up, #protected_link_url, #already_chosen_message{margin-top: 20px}
#protected_link_url{margin-bottom: 20px}
#protected_link_url p{font-size: 14px; padding-top: 0px}
#referrer_url{width:400px}

.feedbacktext{ margin-bottom: 20px;}

/* Manage Portals */
#protected_mode_info{margin-top:30px;}
#protected_mode_info .gridElement{margin-left:35px;}
#protected_mode_info .gridElement strong{font-size:15px; line-height: 40px}

#additional_education_portals{margin-top:50px}


/* Import Training */
.importation-form .column.narrow,
.importation-form .column.narrow .control-group{
    width:200px;
}
.importation-form .column.narrow .control-group .controls,
.importation-form .column.narrow .control-group .control-label{
    width:205px;
}
.importation-form .column.wide,
.importation-form .column.wide .control-group{
    width:400px;
}
.importation-form .column.wide .control-group .controls,
.importation-form .column.wide .control-group .control-label{
    width:405px;
}
.importation-form input:disabled{
    background-color: #fafafa;
    border-color: transparent;
    color: #000;
}
.importation-form .skipped{
    opacity:0.3;
    background-color:#fff;
    position:relative;
}
.importation-form .skipped:before{
    content: 'SKIPPED';
    position: absolute;
    right: 15%;
    top: 10%;
    color: #F00;
    font-size: 80px;
    font-weight: bold;
    -webkit-transform-origin: right top;
    -webkit-transform: rotate(-30deg);
    -moz-transform-origin: right top;
    -moz-transform: rotate(-30deg);
    -ms-transform-origin: right top;
    -ms-transform: rotate(-30deg);
    transform-origin: right top;
    transform: rotate(-30deg);
}
.importation-form a.disabled{
    color:#666;
    text-decoration:none;
}


/* Intro page */

progress{
    width: 100%;
    height: 20px;
    margin: 20px auto;
}

#intro-counts-container{
    padding: 20px 0;
    margin: 0 10px;
}

.intro-content-container{
    text-align: center;
    display: inline-block;
    margin: 0 10px 0 0;
    float:none;
}
.intro-content-container:last-child{
    margin-right:0;
}
#intro-counts-container.for-3 .intro-content-container{
    margin: 0 97px 0 0;
}
#intro-counts-container.for-2 .intro-content-container{
    margin: 0 100px 0 80px;
}

.intro-content-container span{
    font-size: 18px;
    line-height: 20px;
}

.intro-content{
    padding: 20px;
    margin: 10px auto;
    border-radius: 5px;
    border: solid 1px #ccc;
    width: 115px;
    height: 60px
}

.intro-content-img-container{
    max-height: 60px;
    overflow: hidden;
}
.intro-content-img-container img{
    max-height:60px;
    max-width:110px;
}

.content-count-container{
    display: inline-block;
    vertical-align: middle;
}

.intro-content::before{
    content: '';
    display: inline-block;
    height: 60px;
    width: 0;
    vertical-align: middle;
}

.content-count-container{
    text-align: center;
}

.intro-content .content-count{
    font-size: 50px;
    line-height:30px;
    color: #999;
}

#intro-welcome{
    display:block;
    margin: 0px 10px 80px 10px;
}
#intro-welcome .dark-box{
    border-radius:5px;
    background:#444;
    color:#fff;
    padding:20px 50px;
    text-align:center;
}
#intro-welcome .dark-box h1{
    font-weight:bold;
    margin-bottom:1em;
}
#intro-welcome .dark-box p{
    color:#ddd;
    font-size:1.5em;
    line-height:1.2em;
}
#intro-welcome .dark-box .action{
    margin:0 auto;
}

.progress-bar {
    position: relative;
    width: 100%;
    height: 40px;
    background-color: #666;
    overflow: hidden;
}

.pb-percentage {
    position: absolute;
    height: 40px;
}

.pb-percentage::after {
    content: '';
    display:block;
    height: 0;
    width: 0;
    border: 20px solid transparent;
    position: absolute;
    right: -20px;
    border-left-width: 10px;
    border-right-width: 10px;
}
.pb-text{
    position: relative;
    color: #fff;
    margin-top: 12px;
    font-size: 20px;
    margin-left: 10px;
    margin-right: 10px;
    font-weight: bold;
}

.percentage-data {
    margin-top: 30px;
}

.percent-text {
    font-size: 18px;
    font-weight: bold;
    vertical-align: text-bottom;
    margin-right: 5px;
}

.percent-title {
    font-size: 16px;
    vertical-align: text-top;
}

.percent-nr {
    font-size: 18px;
    vertical-align: text-top;
    margin-right: 11px;
}

.progress-bar-sl {
    position: relative;
    width: 100%;
    height: 10px;
    background-color: #ddd;
}

.pb-percentage-sl {
    position: absolute;
    height: 10px;
    background-color: #666;
}

.percent-data {
    width: 45%;
}

.percent-img{
    width: 45%;
    height: 16px;
    position: relative;
}

.percent-img > img{
    vertical-align: text-bottom;
    position: absolute;
    bottom: 0;
    right: 0;
}

.eye-accordion .header{
    background-color: #DDD;
    color: #666;
    padding: 10px 5px;
    margin-bottom: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 13px;
    cursor: pointer;
}
.eye-accordion .header b{
    display: block;
    margin-right: 100px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.eye-accordion .header .controls{
    float: right;
    display: inline-block;
    font-size: 15px;
    line-height: 15px;
    margin-right: 10px;
    color: #666;
    text-align: right;
    width: 100px;
}
.eye-accordion .header .controls i{
    cursor: pointer;
    font-size: 15px;
    margin-left: 5px;
}
.eye-accordion .header .controls i.icon-caret-down,
.eye-accordion .header .controls i.icon-caret-up{
    font-size: 20px;
}
.eye-accordion .accordion-content{
    padding:10px 0 30px 0;
    display:none;
}

.rtl_input_wrapper{
    position:relative;
    text-align:left;
    display:inline-block;
}
.widget .rtl_input_wrapper .rtl_marker a,
.rtl_input_wrapper .rtl_marker a{
    position: absolute;
    color: #333 !important;
    font-size: 8px !important;
    line-height: 12px;
    font-weight: bold;
    padding: 1px 3px 0px 3px;
    border-radius: 2px;
    background: #ccc !important;
    text-decoration: none;
    right:0;
    top:1px;
}
.rtl_input_wrapper .rtl_marker.active a{
    background:#333 !important;
    color:#fff !important;
}
.rtl_input_wrapper[dir=rtl] .rtl_marker a{
    right:auto;
    left:0;
}
.widget .rtl_input_wrapper textarea,
.widget .rtl_input_wrapper input[type=text],
.rtl_input_wrapper textarea,
.rtl_input_wrapper input[type=text]{
    padding-right:30px !important;
}
.widget .rtl_input_wrapper[dir=rtl] textarea,
.widget .rtl_input_wrapper[dir=rtl] input[type=text],
.rtl_input_wrapper[dir=rtl] textarea,
.rtl_input_wrapper[dir=rtl] input[type=text]{
    padding-right:2px !important;
    padding-left:30px !important;
}

.examFeedbackArea .rtl_input_wrapper[dir=rtl] textarea{
    padding-right:5px !important;
}

.article-name.display_rtl,
.article-description.display_rtl{
    direction:rtl;
}

.display_rtl{
    direction:rtl;
}

.icon-spin {
    transform-origin:50% 39%;
    -moz-transform-origin:50% 19%;
}

.icon-spin.icon-fv-fa-spin,
.icon-spin.center{
    transform-origin:center;
    -moz-transform-origin:center;
}
.icon-fv-spin:before {
    display: inline-block;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

.stats-search {
    padding-top: 10px;
}

.stats-search .label-text {
    margin-top: 7px;
    font-size: 15px;
    float: left;
}

.stats-search .controls input {
    width: 300px;
    margin-left: 10px;
    float: left;
}

.stats-search #search_button {
    margin-left: 10px;
}

#carousel-customers{
    /*    min-width:890px;*/
}
#carousel-customers .carousel-control.left,
#carousel-customers  .carousel-control.right{
    background:none;
    color:#333;
    padding-top:0px;
    margin-top:0px;
    height:30px;
    font-size:40px;
}
#carousel-customers .carousel-control.left{
    text-align:left;
    left:-40px;
}
#carousel-customers .carousel-control.right{
    text-align:right;
    right:-40px;
}
#carousel-customers .logo-customer{
    display:inline-block;
    width:180px;
    height:100px;
    border-radius:25px;
    background-color:#fff;
    vertical-align:middle;
    text-align:center;
    position:relative;
}
#availability_accordion #carousel-customers .logo-customer{
    height:185px;
}
#carousel-customers .logo-customer .logo-container{
    width: 180px;
    height: 85px;
}
#carousel-customers .with-flag .logo-customer{
    height: 160px;
}
#carousel-customers .row-carousel:not(.with-flag) .logo-customer a{
    text-decoration: none;
    height: 46px;
    display: block;
}
#carousel-customers .row-carousel:not(.with-flag) .logo-customer a:before{
    content: '';
    display: inline-block;
    height: 100%;
    width: 1px;
    margin-left: -1px;
}
#carousel-customers .row-carousel:not(.with-flag) .logo-customer a img{
    display: inline-block;
}
#carousel-customers .logo-customer .logo-container .org-logo{
    max-height:85px;
    max-width:135px;
    display:block;
    margin:0 auto;
}
#carousel-customers .logo-customer .org-flag{
    position:absolute;
    bottom:25px;
    left:68px;
    display:block;
    margin:0 auto;
}
#carousel-customers .logo-customer .org-type-container{
    position:absolute;
    bottom:5px;
    display:block;
    margin:0 auto;
    width:100%;
    text-align:center;
}
.world-gray-band{
    display:inline-block;
    margin:0 40px;
    width: 614px;
}

.carousel {
    position: relative;
    margin-bottom: 20px;
    line-height: 1;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    min-width: 578px;
}

.carousel-inner > .item {
    position: relative;
    display: none;
    -webkit-transition: 0.6s ease-in-out left;
    -moz-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    line-height: 1;
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
    display: block;
}

.carousel-inner > .active {
    left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner > .next {
    left: 100%;
}

.carousel-inner > .prev {
    left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
    left: 0;
}

.carousel-inner > .active.left {
    left: -100%;
}

.carousel-inner > .active.right {
    left: 100%;
}

.carousel-control {
    position: absolute;
    top: 40%;
    left: 15px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    font-size: 60px;
    font-weight: 100;
    line-height: 30px;
    color: #ffffff;
    text-align: center;
    background: #222222;
    border: 3px solid #ffffff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.carousel-control.right {
    right: 15px;
    left: auto;
}

.carousel-control:hover,
.carousel-control:focus {
    color: #ffffff;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.carousel-indicators {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 5;
    margin: 0;
    list-style: none;
}

.carousel-indicators li {
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    text-indent: -999px;
    background-color: #ccc;
    background-color: rgba(255, 255, 255, 0.25);
    border-radius: 5px;
}

.carousel-indicators .active {
    background-color: #fff;
}

.carousel-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 15px;
    background: #333333;
    background: rgba(0, 0, 0, 0.75);
}

.carousel-caption h4,
.carousel-caption p {
    line-height: 20px;
    color: #ffffff;
}

.carousel-caption h4 {
    margin: 0 0 5px;
}

.carousel-caption p {
    margin-bottom: 0;
}

.col-xs-3 {
    width: 25%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.row-carousel {
    margin-left: -15px;
    margin-right: -15px;
}
.carousel-title {
    font-size: 13px;
    font-weight: bold;
    line-height: 14px;
    color: #333;
    margin-left: 10px;
    margin-right: 10px;
}
.tc-login{
    font-size: 12px;
    padding-top: 0px;
}
.tc-login a{
    font-size: 12px;
}
.forgotPass a{
    font-size: 12px;
}

.tc-container {
    position: relative;
}
.tc-container .sublinks {
    position: relative;
    display: none;
    left: 0;
    padding: 5px;
    margin-left: 128px;
}
.tc-container .sublinks a {
    display: block;
}
.examHeader {
    background-color: #333;
    color: #fff;
    padding: 15px 10px;
    margin-bottom: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 15px;
    cursor: pointer;
}
.examHeader .controls {
    float: right;
    display: inline-block;
    font-size: 25px;
    line-height: 15px;
    margin-right: 10px;
    color: #fff;
    text-align: right;
    width: 45px;
}
.examContainer {
    padding: 10px 10px;
}
.lessonContainer {
    padding: 10px 10px;
}
.examRow {
    margin-top: 11px;
}
.launch-date-container {
    float: right;
    margin-top: 6px;
    text-align: center;
    font-size: 12px;
    color: #666;
    position: relative;
    width: 124px;
    display: inline-block;
}
.launch-date-container i {
    display: none;
    position: absolute;
    font-size: 18px;
    top: 9px;
    right: 8px;

}
.launch-date-container.redFont i {
    display: block;
}
#launch, #normal_price {
    position: relative;
    font-size: 13px;
    color: #555555;
}
#launch i, #normal_price i {
    position: absolute;
    font-size: 18px;
    margin-left: 8px;
}

.disclosure-form{
    margin-left: 30px;
}

.disclosureHeader {
    background-color: #DDD;
    color: #666;
    padding: 15px 10px;
    margin-bottom: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 15px;
    cursor: pointer;
}

.disclosureHeader i {
    margin-right:3px;
    font-size: 20px;
}

.disclosure-image {
    color: #EEE;
    background-color: #aaa;
    width: 112px;
    height: 112px;
    text-align: center;
    border-radius: 10px;
    position: relative;
    margin-right: 10px;
    overflow: hidden;
}

.disclosure-image i {
    font-size: 120px;
    top: 51px;
    left: 10px;
    position: absolute;
}

.disclosure-container {
    margin-bottom: 20px;
}

.disclosure-injection {
    margin-bottom: 20px;
}
.disclosure-injection .bitContent p {
    color: #333;
    font-size: 14px;
}
.promo-registration .regUrl {
    margin-left: 203px;
    position: absolute;
}


.modalTitle{
    display: block;
    padding: 15px 18px 0 18px;
    color: #000;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 0px;
}

.modalContent{

    background: none;
    border: none;
    padding: 0;
    margin: 0;
    display: block;
    padding: 18px;
    font-size: 14px;
    line-height: 18px;
    padding-top: 5px;
    margin: 0 0 10px 0;
    color: #333;
    text-align: left;
    overflow: hidden;
}



.lock  {
    padding-left:30px;
}

.lock::before{
    position:absolute;
    left: 0px;
    top:0px;
    content: '';
    display: inline-block;
    width: 25px;
    height: 20px;
    background: url('../images/credit_card.png') no-repeat scroll 4px;
    background-size:  20px 20px;
    opacity: 0.5;
}
.lock::after {
    position:absolute;
    right: 0px;
    top: 0px;
    content: '';
    display: inline-block;
    width: 19px;
    height: 20px;
    background: url('../images/lock_icon.png') no-repeat scroll right 3px;
    background-size:  23px 18px;
    opacity: 1;
}

.lock.visa::before {
    background:  url('registration-simple/credit_cards.png') no-repeat scroll 0px 2px;
    background-size:  80px 20px;
    width: 27px;
    height: 50px;
    opacity: 1;
}

.lock.mastercard::before {
    background:  url('registration-simple/credit_cards.png') no-repeat scroll -26px 2px;
    background-size: 80px 20px;
    width: 27px;
    height: 50px;
    opacity: 1;
}

.lock.amex::before {
    background:  url('registration-simple/credit_cards.png') no-repeat scroll -53px 2px;
    background-size: 80px 20px;
    width: 29px;
    height: 50px;
    opacity: 1;
}


.subscription_banner button{
    background-color:#B20000;
    font-weight:bold;
}

.subscription_banner h1{
    color:#FFFFFF;
    font-size:29px;
    padding-top: 20px;

}

.subscription_banner.coolBackground h1{
    font-size:36px;
}

.subscription_banner:not(.coolBackground){
    /*background: url('../images/top_banner_bg_subscription.png');*/
    background: url('../images/bg-image-wceaorg.png');
    height:179px;

}

.subscription_banner.coolBackground{
    /*background: url('../images/top_banner_bg_subscription_dentist.jpg');*/
    background: url('../images/bg-image-wceaorg_small.png');
    height:165px;
}

.subscription_banner_payment{
    /*background: url('../images/top_banner_gb_subscription_payment.png');*/
    background: url('../images/bg-image-wceaorg.png');
    height:259px;
}

.subscription_banner_payment.coolBackground{
    /*background: url('../images/top_banner_bg_subscription_dentist.jpg');*/
    background: url('../images/bg-image-wceaorg_small.png');
    height:165px;
}

.subscription_banner, .subscription_banner_payment{
    position: relative;
    font-size: 19px;
}


.subscription_banner_layer{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


#subscription_banner{
    padding: 20px 0px; !important;
    background-color: #d90000;
    font-weight: bold;
    font-size: 22px;
    cursor: pointer;
}

#subscription_countdown td{

    width: 56px;
    text-align: center;
    color: #fff;
}

.content .premium-bullet-points{
    padding-bottom: 20px;
    padding-top: 20px;
}

.content .premium-bullet-points ul li:before{
    content: ''
}
.content .row.premium-bullet-points ul li {
    padding-top:4px;
}
.content .premium-bullet-points ul{
    margin: 3px 7px 8px 60px;
}
.content .premium-bullet-points.banner ul li {
    line-height:4px;
    color:#fff;
}
.content .premium-bullet-points.banner ul li::before {
    color:#fff;
}

.bottom-boxes .terms, .bottom-boxes .terms a {
    font-size: 10px;
    text-align: center;
    color: #777;
}
body .list-style-ok {
    list-style:none;
}
body .list-style-ok li {
    text-indent:0;
}
body .content .list-style-ok ul li::before {
    content: "\f00c";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;

    text-indent: -1.3em;
    width: 0px;
    padding: 0;
}

#google_translate_element{
    position: absolute;
    z-index: 9;
}



figcaption.free-in-developing,
.free-in-developing figure::after {
    content:'';
    display:block;
    position:absolute;
    z-index: 11;
    top:7px;
    left:7px;
    width:120px;
    height:121px;
    background:url(images/free_badge.png) no-repeat transparent;
    border:none;
    padding:0;
}
.training-box .is-external {
    position:absolute;
    width:100%;
    height:1.2em;
    top:0;
    left:0;
    background:rgba(0,0,0,0.6);
    text-align:center;
    padding:2px 0;
    margin:0;
    border-radius:0;
}


.training-box {
    position:relative;
    padding-top: 1px; /*margin collapse fix*/
    margin-top:-1px; /*margin collapse fix*/
    width:212px;
    z-index:1;
}

#inProgContent .training-box{
    margin-bottom: 30px;
}

.solo .training-box {
    float:left;
    margin:0 18px 10px 0;
}
.training-box .cover img {
    width:210px;
    max-height:135px;
    border:solid 1px #bbb;
}
.training-box .training-price-tag {
    position:relative;
    font-weight: bold;
    padding: 5px 16px 5px 0;
    float: left;
    border-radius:0;
    font-size:16px;
    margin-bottom:5px;
    text-align:left;
    max-width:168px;
}
.training-box .fill-no-price{
    padding: 20px 16px 5px 0;
    margin-bottom:5px;
    max-width:168px;
}
.currency-inr .training-box .training-price-tag {
    font-size: 14px;
}
.training-box .training-price-tag.brand-color-background {
    color:#fff;
    padding-left:8px;
    min-width:56px;
}
.training-box .training-price-tag::after {
    position:absolute;
    top:0;
    right:0;
    content:'';
    display:block;
    border:solid transparent 13px;
    border-left:none;
    border-right: solid #fff 5px;
}
.training-box .rate {
    position: absolute;
    top:5px;
    right: 0;
    width:78px;
    padding-top:0;
}
.training-box .training-rating {
    margin-top:-5px;

    position: absolute;
    top: 0;
    right: 0;
}
.training-box .date {
    position:absolute;
    z-index: 11;
    background: #333;
    color: #fff;
    border-radius: 5px;
    border:none;
    right: 6px;
    left: auto;
    bottom: 6px;
    width: 60px;
    padding: 3px 5px;
    text-align: right;
}
.training-box .article-name {
    margin: 5px 0 0 0;
    padding:0!important;
    display: block;
    height:30px;
    color: #333;
    font-size: 15px;
    font-weight: bold;
    line-height: 14px;
}
.training-box .author {
    padding: 0px 0;
    font-weight: normal;
}
.training-box .training-icons {
    /*position:absolute;
    right:0;
    top:0;*/
    float:right;
    font-size: 27px;
}
.training-box .training-icon {
    display: inline-block;
    height:27px;
    margin-bottom: 4px;
}
.seats-left{
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    margin-right: 5px;
    text-align: right;
}
.seats-left span{
    font-size: 14px;
}
.seats-left-count{
    font-size: 16px;
    font-weight: bold;
}
.training-box .training-icon.warning, .seats-left.warning{
    color: #D80000;
}

.training-list-new .rate .icon-star {
    margin-left:1px;
}
.training .training-extra-info {
    position:absolute;
    bottom:-5px;
    left:238px;
    z-index:2;
    font-size: 12px;
    color: #666;
    word-wrap: break-word;
    line-height:1.6;
    overflow:hidden;
}
.training-list-new .training-info .training-name {
    padding-top:3px;
    padding-bottom:10px;
    display:block;
}
.training-list-new .training .training-author {
    padding:0 0 7px;
    display:block;
}
.training-list-new .training-extra .action {
    line-height: 25px;
    padding:0 40px;
    border-radius:3px;
}
.training-list-new .training-extra .action.w125 {
    width:80px;
}
.training .contenthover .article-name {
    color: #fff;
    font-weight: bold;
    text-align: left;
    line-height: 20px !important;
    font-size: 17px !important;
    height:auto!important;
    max-height:initial;
}
.training .contenthover .rate {
    position: absolute;
    bottom: 5px;
}
/*.training .solo .text {*/
/*margin-top:30px;*/
/*}*/


/* https://codepen.io/chrisdpratt/pen/dmyne */
/* https://stackoverflow.com/questions/1431726/css-selector-for-a-checked-radio-buttons-label */
.rating-stars {
    unicode-bidi: bidi-override;
    direction: rtl;
    float:left;
}
.rating-stars input {
    position: absolute;
    left: -999999px;
}
.rating-stars label {
    display: inline-block;
    font-size: 0;
    cursor:pointer;
    padding-right:3px;
}
.rating-stars label:before {
    position: relative;
    font: 24px/1 FontAwesome;
    display: block;
    content: "\f005";
    color: #ccc;
}
.rating-stars input:checked+label:before,
.rating-stars input:checked+label ~ label:before {
    color: #ffcc00;
}
.rating-stars label:hover:before,
.rating-stars label:hover ~ label:before {
    color: #ffa900!important;
}




body .training-ribbon-2,
figcaption[apply-training-ribbon] {
    position:absolute;
    background:rgba(0,0,0,0.6);
    width:212px;
    left:0;
    top:0;
    bottom: auto;
    margin:0;
    height:auto;
    text-align:center;
    padding:0!important;
    font-weight:bold;
    color:#fff!important;
    border-radius:0;
}
.training-ribbon-2::before,
figcaption[apply-training-ribbon]::before {
    padding: 3px;
    display: inline-block;
}

figcaption.is_mandated::before {
    content:'MANDATED';
}
figcaption.is_recommended::before {
    content:'RECOMMENDED';
}
.homepage-content figcaption.is_recommended::before {
    display:none;
}
figcaption.exam_failed::before {
    content:'EXAM FAILED';
}
figcaption.training_in_progress_restriction::before {
    content:'IN PROGRESS';
    padding-bottom:0;
}
figcaption.training_in_progress_restriction::after {
    content:'TIME RESTRICTION APPLIED';
    display:block;
    font-size:smaller;
    padding-bottom:3px;
}
figcaption.training_in_progress::before {
    content:'IN PROGRESS';
}
figcaption.exam_passed::before {
    content:'EXAM PASSED';
}
figcaption.is_self_verified::before {
    content:'SELF VERIFIED';
}
figcaption.completed::before {
    content:'COMPLETED';
}

.search-box-2 {
    position:relative;
    width:100%;
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    border-radius:5px;
    overflow: hidden;
}

.search-box-2 .form-control {
    display: table-cell;
    position: relative;
    z-index: 2;
    float: left;
    width: 89%;
    margin-bottom: 0;
    border-radius:0;
    padding:10px;
}
.search-box-2 .form-control::-webkit-input-placeholder {
    color: #bbb;
}
.search-box-2 .form-control:-ms-input-placeholder {
    color: #bbb;
}
.search-box-2 .form-control::-moz-placeholder {
    color: #bbb;
}

.search-box-2 .input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
    display: table-cell;
    z-index: 4;
}

.search-box-2 .input-group-btn button {
    display: inline-block;
    font-size: 27px;
    padding:8px 16px;
}
.search-box-2 .input-group-btn button {
    color:#fff;
}
/*
.search-box-2 .form-control {
    width:100%;
    box-sizing:border-box;
    height:40px;
}
.search-box-2 button {
    position:absolute;
    right:0;
    width:30px;
    height:100%;
}
*/

.training-count,
.training-count a {
    color:#999;
    font-size: 18px;
    text-decoration: none;
    white-space:nowrap;
}

.training-count a:visited, .training-count a:link, .training-count a:active, .training-count a:hover{
    color: #999;
}


.third-party-box {
    background-color: #ddd;
    margin: 0 -12px -4px;
    padding:0 12px 4px;
}
.third-party-box .training-box .training-price-tag::after {
    border-right: solid #ddd 5px;
}
.third-party-box .intro-2 {
    position:relative;
    background: #333;
    text-align: center;
    color: #fff;
    margin: 0 -12px;
    padding: 5px 0 15px;
    font-style:normal;
}
.third-party-box .intro-2 h1,
.third-party-box .intro-2 p {
    color:#fff;
    font-weight: bold;
}
.third-party-box .intro-2 p {
    padding-top:5px;
    margin-top:0;
}
.third-party-box .intro-2::after,
.third-party-box .intro-2::before {
    position:absolute;
    content:'';
    bottom:0;
    border:solid transparent 40px;
    border-bottom-width:0;
}
.third-party-box .intro-2::after {
    left:0;
    border-left:solid #ddd 360px;
}
.third-party-box .intro-2::before {
    right:0;
    border-right:solid #ddd 360px;
}
.third-party-box figure img {
    background-color:#fff;
}
.third-party-box article {
    border-bottom: 1px solid #fff;
}

.showResultsFilters {
    margin-bottom: 1em;
    overflow: hidden;
}

.training-list-full a.goback {
    line-height:1.2;
    font-size:12px;
    margin-top:16px;
}

.training-list-full .showResultsFilters {
    line-height:1.2;
    font-size:12px;
    margin-top:3px;
    margin-bottom:0;
    float:right;
}

.registration-modal .first {
    margin-top: 13px !important;
}
.portal .pageContainer.has-portalnav {
    background: url(../images/bg.png) center center repeat-y;
}
.portal .headerContainer,
.portal .pageContainer,
.portal .footerContainer,
.portal .wrap > .alert_message {
    min-width:950px;
}

.training .solo .text  .action {
    position: absolute;
    right: 0;
    bottom: 45px;
}

.training .solo .text  .cancel {
    position: absolute;
    right: 0;
    bottom: 75px;
}

.training #inProgContent  .solo .text .training-time-restriction {
    position: absolute;
    right: 212px;
    bottom: 61px;
}

/*
#toggle-specialties {
    float:right;
    font-size: 13px;
}
*/

.highlight {
    font-family: "Georgia", "Times New Roman", Times, serif;
}
.bullet-point {
    padding-top:4px;
}
.bullet-point i {
    padding-right:5px;
    display:inline!important;
    color: #157E14;
    font-size: 19px;
}

.profile-top-text,
.profile-top-text em {
    font-family:Georgia, Arial, sans-serif;
}
.profile-progress {
    overflow:hidden;
    height:117px;
}
.profile-progress-point {
    float:left;
    width:12.5%;
    text-align:center;
    color:#333;
    text-decoration:none;
}
.profile-progress-point .circle {
    font-size: 30px;
    line-height: 62px;
    margin:0 auto;
    display:block;
}
.profile-progress-point .pp-text {
    font-size:14px;
    line-height:120%;
    margin:10px 0 0;
    display:block;
    color:#333;
}
.profile-progress-point.is-complete .icon-remove {
    display:none;
}
.profile-progress-point.is-incomplete .icon-ok {
    display:none;
}
.profile-progress-point.is-incomplete .circle {
    background-color:#666;
}

.flip-horizontal:before{
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}
.coin-badge {
    position:relative;
    width:203px;
    height:173px;
    margin:0 auto;
}
.coin-badge .coin-text {
    position:absolute;
    top:30px;
    text-align:center;
    width:100%;
    text-transform:uppercase;
    font-weight:bold;
    font-size: 14px;
    color:#444;
    font-family:Montserrat,Arial,sans-serif;
}
.coin-badge .coin-text strong {
    display: block;
    line-height: 55px;
    font-size: 75px;
}

/* premium training height adjustments */
/* TODO: make this dynamic and adjust on it's own */
/*.is-premium .training .training-details {
    height:100px;
}
.is-premium .training-list-new .training-info {
    height: 144px;
}
*/
.training .training-details {
    padding-bottom:40px;
}


.training-list-premium-header {
    text-align: center;
    background: #333;
    color: #fff;
    font-weight: normal;
    margin: 0 -12px;
    padding: 12px 0;
}
.training-list-plain {
    background-color: #ededed;
    margin: 0 -12px -4px;
    padding: 0 4px;
}
.training-list-plain .training-wrapper {
    margin-bottom:0;
}
.training-list-plain .distributeRibbon,
.training-list-plain .training-box .training-price-tag::after,
.training-list-plain .training-specialties-container,
.training-list-plain .training-extra-info,
.training-list-plain .training-extra,
.training-list-plain .training-author,
.training-list-plain .rate {
    display:none;
}

.portal .content .training-list-plain article {
    border-bottom:solid #ccc 1px;
    padding:7px 0;
}
.portal .content .training-list-plain article img,
.portal .content .training-list-plain article .training-box,
.portal .content .training-list-plain article figure {
    width:76px;
}
.portal .content .training-list-plain article img  {
    height:48px;
}
.portal .content .training-list-plain article figure {
    position:static;
    margin:0;
}
.portal .training-list-plain .training .training-details {
    height: auto;
    width:475px;
    padding-bottom:0;
}
.training-list-plain .training-description {
    padding: 3px 0 0;
    font-size: 11px;
    line-height:1.2;
    color:#666;
}
.training-list-plain .training-name {
    font-size:15px;
    margin-top:2px;
    color:#333;
}
.training-list-plain .training-info {
    overflow:hidden;
}
.training-list-plain .training-box {
    position:static;
    float:left;
    padding-top:1px;
    margin-right: 12px;
}
.training-list-plain .training-box .training-icons,
.training-list-plain .training-box .date {
    left:575px;
}
.training-list-plain .training-box .training-icons {
    position:absolute;
    bottom: auto;
    top: 23px;
}
.training-list-plain .training-box .training-price-tag {
    position:absolute;
    right:0;
    top: 23px;
    bottom: auto;
}
.training-list-plain .training-box .date {
    top: 0;
    right:auto;
    bottom: auto;
    width:auto;
    background:none;
    color:#777;
    padding:3px 0;
    font-size: 11px;
}
.training-list-plain .training-box .date::before {
    content: 'Duration: ';
    font-weight:bold;
}
.training-list-premium-upgrade-repeating {
    margin: 7px auto;
    padding-top: 13px;
    float: left;
    width: 100%;
    border-top: solid #ccc 1px;
}
.training-list-premium-upgrade-btn {
    display:block;
    padding:16px;
    font-size: 18px;
    width:270px;
    margin:0 auto;
    border-radius:5px;
    text-align:center;
    text-decoration:none;
    box-sizing:border-box;
}
.training-list-plain .training:nth-of-type(10n) > .training-list-premium-upgrade-repeating {
    display:block!important;
}
.premium-icon-img {
    vertical-align:bottom;
    width: 19px!important;
    height: 16px!important;
}

.white-background{
    position:relative;
}

.white-background:before{
    position:relative;
    z-index: 1;
}

.white-background:after{
    width: 55%;
    height: 57%;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 25px;
    content: '';
    position: absolute;
    top: 20%;
    display: block;
    background-color: white;
    left: 16%;
}

.get-started {
    text-align:center;
}
.get-started h1 {
    font-weight:bold;
}
.get-started .number-circle {
    border-radius: 999em;
    color: #fff;
    display: block;
    font-size: 25px;
    line-height: 32px;
    width: 32px;
    height:32px;
    margin: 0 auto;
    text-align:center;
    background-color:#333;
}
.get-started .block3 {
    float: left;
    width: 201px;
    height: 200px;
    text-align:center;
    box-sizing:border-box;
    border-radius:7px;
    border:solid #ccc 1px;
    padding:15px 30px;
    margin:15px 15px;
}
.get-started .block3 .icon {
    font-size:70px;
    line-height:1;
    color:#333;
}
.get-started .block3 h2 {
    font-size: 18px;
    margin:14px 0;
    height:2em;
}
.get-started .action {
    display:inline-block;
    padding:10px 40px;
    margin:22px auto 30px;
}

.horizontal-block-selection{
    display:inline-block;
    width: 14%;
    text-align: center;
    border-left:thin solid #eee;
    border-right:thin solid #eee;
    vertical-align:top;
    margin: 0px -5px -5px 1px;
    padding-top:15px;
    height: 160px;
}

.horizontal-block-selection.no-unlimited-option{
    width: 16.3%;
}

.horizontal-block-selection.free{
    width: 25%;
}

.horizontal-block-selection .block{
    display:block;
    height:65px;
}

.horizontal-block-selection .last-block{
    display:block;
    height:35px;
    text-align: -webkit-center;

}

.horizontal-block-selection:hover{
    background-color:#eeeeee;
}

.horizontal-block-selection.selected{
    background-color:#eeeeee;
}

.horizontal-block-selection .price{
    font-weight: bold;
    font-size: 20px;
}

.horizontal-block-selection.selected .last-block{
    margin-top: -5px;
}

.horizontal-block-selection.selected .last-block .off-percent{
    color:white;
    border-radius:8px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 90%
}


.block-underline{
    padding-bottom: 30px;
    border-bottom: thin solid #eee
}

.upload-thumbnail-placeholder {
    display:inline-block;
    border-radius: 5px;
    width: 80px;
    height: 80px;
    color: #fff;
    font-size: 72px;
    line-height: 80px;
    text-align: center;
}
.upload-thumbnail-placeholder.hidden {
    display:none;
}

.signature_options .thumbnail {
    min-width:300px;
    vertical-align:top!important;
}
.signature_options .column {
    width:auto;
    max-width:300px;
}
.signature_options .imgContainer figure {
    height: 100px;
}
.form .search-filter-submit-block {
    float:right;
    margin: 5px 0;
}
.search-filter-submit {
    /*border-radius:5px;*/
    /*color:#222;*/
    /*background:#fff;*/
    /*float:right;*/
    width:20px;
    padding: 1px 5px !important;
    box-sizing: content-box;
    /*text-align:center;*/
    font-size:18px !important;
}
.search-filter-submit:hover {
    background:#eee;
}
.search-filter-submit:active {
    background:#ddd;
}
.search-filter-spinner {
    vertical-align: middle;
    display:none;
}
.search-filter-submit.loading .search-filter-spinner {
    display:inline-block;
}
.search-filter-submit.loading .text {
    display:none;
}

.grid-table {
    width:100%;
    box-sizing:border-box;
    margin-top:5px;
}
.grid-table .label {
    word-break:break-all;
}

.disable_checkbox {
    color: #999999;
}

/* assessment form */
a#mark_as_completed_button{
    margin: 0 auto 10px;
}
form#assessment_form{
    background: none;
    border: 0px;
}
#event_completion_container{
    display: flex;
    margin: 0 auto 10px;
}
#event_completion_container div.column{
    width: 50%;
}
#event_completion_container div.left{
    float: left;
}
#event_completion_container div.right{
    float: right;
}
#event_completion_container span{
    display: block;
}
.row-flex {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.qrcode-left {
    width: 200px;
}
.qrcode-right {
    width: calc(100% - 200px);
    display: flex;
    align-items: center;
}
.qrcode-button{
    padding-left: 20px;
}