*{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;}
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;}
/* 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 100px; width: auto;}
/* FONTS*/
h1{font-size:18px;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;}
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: 130px;}
.solo a.wicon{float: left;}
.solo .text .cancel#dismiss{ line-height: 45px;}
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;}


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

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

.checkbox.show-my-training{
    float:right;
    margin:6px 90px 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;}
table td{font-size:12px;color:#333;}
a{color:#666666;font-size:14px;text-decoration:underline;outline:none;}
a:visited{color:#666666;}
a:hover{color:#6b8f24;}
a:focus{outline:none;}
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;color:#333;line-height:24px;font-weight:normal;margin:20px 0 10px 0;}
.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;color:#333;margin:18px 0 6px 0;}
.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 p{padding-top:0;}

section article h1,.general section article h1,.general section.secondary article h1{color:#333;font-size:15px;line-height:15px;font-weight:bold;margin:0 0 5px 0;}
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;}
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;}

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

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

a.goback{float:right;font-size:12px;line-height: 32px;}
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,.accordion .accordion-content p.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;}
/* 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;}
#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;}

.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;
}


.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;
}





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-weight:bold;
    font-size:15px;
    color:#ffffff;
    text-shadow: 1px 1px 1px #333;
    padding:0;
    line-height:28px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    position:relative;
    zoom:1;
    *zoom:1;
    -pie-background:linear-gradient(#333333, #666666);/*ie 6-9*/
    background:-webkit-gradient(linear, left top, left bottom, from(#333333), to(#666666));/* Saf4+, Chrome */
    background:-webkit-linear-gradient(top, #333333, #666666);/* Chrome 10+, Saf5.1+, iOS 5+ */
    background:-moz-linear-gradient(top, #333333, #666666);/* FF3.6 */
    background:-ms-linear-gradient(top, #333333, #666666);/* IE10 */
    background:-o-linear-gradient(top, #333333, #666666);/* Opera 11.10+ */
    background:linear-gradient(top, #333333, #666666);
    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:active,button.action:active{
    -moz-box-shadow:inset 0 2px 2px rgba(255,255,255,0.3);
    -webkit-box-shadow:inset 0 2px 2px rgba(255,255,255,0.3);
    box-shadow:inset 0 2px 2px rgba(255,255,255,0.3);
}
/*on hover swap direction of the gradient, position white inset shadow over the bottom*/
a.action:hover,button.action:hover{
    -pie-background:linear-gradient(#666666, #333333);/*ie 6-9*/
    background:-webkit-gradient(linear, left top, left bottom, from(#666666), to(#333333));/* Saf4+, Chrome */
    background:-webkit-linear-gradient(bottom, #333333, #666666);/* Chrome 10+, Saf5.1+, iOS 5+ */
    background:-moz-linear-gradient(bottom, #333333, #666666);/* FF3.6 */
    background:-ms-linear-gradient(bottom, #333333, #666666);/* IE10 */
    background:-o-linear-gradient(bottom, #333333, #666666);/* Opera 11.10+ */
    background:linear-gradient(bottom, #333333, #666666);}
    /*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;
     -pie-background:linear-gradient(#333333, #666666);/*ie 6-9*/
     background:-webkit-gradient(linear, left top, left bottom, from(#333333), to(#666666));/* Saf4+, Chrome */
     background:-webkit-linear-gradient(top, #333333, #666666);/* Chrome 10+, Saf5.1+, iOS 5+ */
     background:-moz-linear-gradient(top, #333333, #666666);/* FF3.6 */
     background:-ms-linear-gradient(top, #333333, #666666);/* IE10 */
     background:-o-linear-gradient(top, #333333, #666666);/* Opera 11.10+ */
     background:linear-gradient(top, #333333, #666666);}
     /*grey button on hover, same as standard hover*/
     a.action.neutral:hover,button.action.neutral:hover, a.action.neutral.hover,button.action.neutral.hover{
        -pie-background:linear-gradient(#666666, #333333);/*ie 6-9*/
        background:-webkit-gradient(linear, left top, left bottom, from(#666666), to(#333333));/* Saf4+, Chrome */
        background:-webkit-linear-gradient(bottom, #333333, #666666);/* Chrome 10+, Saf5.1+, iOS 5+ */
        background:-moz-linear-gradient(bottom, #333333, #666666);/* FF3.6 */
        background:-ms-linear-gradient(bottom, #333333, #666666);/* IE10 */
        background:-o-linear-gradient(bottom, #333333, #666666);/* Opera 11.10+ */
        background:linear-gradient(bottom, #333333, #666666);}

        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.w301{width:299px;}
        .action.w346{width:344px;}

        .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 {
            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 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:hover {
            background: none;
            color: #333;
        }

        .action img{
            margin-right: 5px;
            padding-bottom: 3px;
        }
        button.link,a.link{background:none;color:#666666;font-size:14px;text-decoration:underline;line-height:30px;}
        button.link:hover,a.link:hover{color:#6b8f24;}
        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;}
        .float-r{float:right;}
        .hidden{display:none;}
        .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:#666666;overflow:auto;width: 100%}
        .headerContainer{background-image:url("../images/ccc.png");background-repeat:repeat-x;background-position:bottom;}
        .pageContainer{overflow:auto; clear:both;padding-bottom:121px;}
        .headerContainer header,.pageContainer .page,.footerContainer footer{width:950px;margin:0 auto;overflow:hidden;position:relative;}
        .headerContainer header{height:200px;}
        .footerContainer{border-top:1px solid #cccccc; position: absolute; bottom: 0;}
        .footerContainer footer{padding:19px 0 0 0; height: 72px;}
        /*header and footer assistive nav*/
        .headerContainer .assist{float:right;width:49%;text-align:right;padding:12px 0 0 0;}
        .footerContainer .assist{float:left;}
        .footerContainer .assist ul{margin:0;}
        .headerContainer .assist ul li, .footerContainer .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{border-left:none;}
        .headerContainer .assist ul li a, .footerContainer 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{text-decoration:underline;}
        .headerContainer .logo {position:absolute;left:0;width:auto;padding:0;height:200px;line-height:200px;}
/*
this line now included in brandedcss
.headerContainer .logo img{max-height:160px; margin-top: 20px; margin-bottom: 60px;}*/
.headerContainer .tagline{position:absolute;bottom:48px;right:0;text-align:right;}
.headerContainer .tagline p{font-size:34px;line-height:41px;color:#fff;margin:0;padding:0;}
.headerContainer .tagline .poweredbyverified{color:#fff;height:30px;width:140px;position:relative;float:right;line-height:30px;display:block;text-align:right;text-transform:uppercase;font-size:10px;}
@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;}
/*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: 185px;
    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;
}

.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;
}



/*HIGH LEVEL CONTENT DIVS*/
.portal .page{}
.content{float:left;}
.page aside{float:right;}

.portal .page{background:url("../images/bg.png") repeat-y;}
.portal .content{width:720px;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:500px;}
.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;}
/*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;}
/*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;}
.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:162px;}
.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;}
.ads{background:#E5E5E5;margin:0 18px;min-height:500px;}
/*portal content*/
.portal .content header{border:none;margin:6px 0 14px 0;overflow:hidden;}
.portal section header{padding:12px 0 0 0;margin:0;}
.portal h1,.portal section header h1{margin:0;display:block;float:left; margin-top:5px;}
.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;}
.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 .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: 320px;
}






.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 header .timeholder{
    display:block;
    color:#666;
    font-size:12px;
    /*padding:6px 0 0 18px;*/
    padding:6px 0 0 150px;
    float: left;
}
.casing header .fixed{position:absolute;right:385px;}
.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: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;
}

.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{
    background:#000;
    -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:10px 27px 0 27px;
    height:130px;
    width:299px;
    float:right;
    margin:0 0 10px 0;
}
.promo.search h1{color:#fff;font-size:28px;font-weight:normal;line-height:28px;margin:4px 0 12px 0;background:url("../images/icon_search.png") no-repeat right;}
.overallprogress{padding-bottom:18px;overflow:hidden;}
.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;}
.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; float:left;}
.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;}
.intro+.indicator{margin-top:18px;}
.no-cpd p.warning,.indicator p.warning{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{color:#D90000;padding-right:6px;font-size:27px;margin-bottom:-7px;display:block;float:left;}
.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;}
/*article*/
.portal .content article{overflow:hidden;}
.portal .content article h1{float:none;padding:0 0 7px 0;}
.portal .content article p.author{padding:3px 0;}
.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;*/}
.portal .content article .about .rate{float:right;}
.portal .content article .authorinfo{overflow:hidden;}
.portal .content article figure, .content article figure{width:210px;display:block; position:relative;}
.portal .content article figure.squared, .content article figure.squared {width:auto; height:auto;}
.portal .content article figure img{border:1px solid #E5E5E5;width:208px;height:133px; display:block;}
.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:66%;}
.training article{width:210px; 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:230px !important;}
.training article .ch_normal {height:230px !important;}
.training article .ch_hover {height:230px !important;}


.training article.solo{width:100%;}
.training article.solo figure{float:left;margin-right:18px;}
.training article.solo a.action{float:right;}
.training article:last-child{margin-right:0px !important;}
.training article.last{margin-right:0px !important;}
.training figure{margin:0 0 10px 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;}
.training figcaption.date{
    right:6px;
    left: auto;
}
.training figcaption.price{
    left: 6px;
    right: auto;
    font-weight: bold;
    padding: 2px 6px;
}





.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 .contenthover{word-wrap:break-word; padding:10px;}
.portal .content .training .contenthover h1{color:#CBCBCB;padding:0;}
.training .contenthover p{ color:#999;}
.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:210px;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: 185px;}
.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;}
.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;}
/*.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*/
.indicator .percentage{float:right;margin-top:4px;}
.indicator .progress{float:right;margin-top:10px;}

ul.complexlist{list-style:none;padding:0;margin:18px 50px;}
.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:before{content:"\f054";}
ul.complexlist li.closed ul{display:none;}
ul.complexlist li.opened:before{content:"\f078";}
ul.complexlist li label{display:inline-block !important; width:110px;text-align:center;vertical-align:top;}
ul.complexlist li b{display:inline-block;width:260px;font-weight:normal;margin-bottom:12px;}
ul.complexlist ul li b{width:250px;}
ul.complexlist li a{display:inline-block;margin-bottom:12px;width:240px;color:#666;}
ul.complexlist.semi{margin:10px;width:290px;float:left;}
ul.complexlist.semi li label{width:10%;}
ul.complexlist.semi li b{width:80%;}

.datacollect{width:100%;}
.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:right;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 article{
    padding:15px 10px 10px 10px;
}

.searchresults article:not(.featured){
    background:url('../images/border_shadow.png') repeat-x bottom;
}

.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:300px;float:left;}
.accordion .individualarticle article .text{width:280px;}

.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 */
.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: 40px;}
.searchresults article .speciality,.individualarticle article .speciality{width:130px;display:block;float:left;}
.portal .content .searchresults article .rate,.portal .content .individualarticle article .rate{width:80px;display:block;float:left;}
.searchresults article .language,.individualarticle article .language{display:block;position: absolute; left: 230px;}
.searchresults article .membercost,.individualarticle article .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:#6b8f24;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,.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 */

.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:#f0f0f0;
    padding-top:15px;
    padding-bottom:15px;
    margin-bottom:1px;
}

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

.searchresults article .actions img.featured_img{
    display:none;
}
.searchresults article.featured .actions img.featured_img{
    display:block;
    position:absolute;
    left:-5px;
    top:40px;
    z-index:33;
}

.content .casing .searchresults figure.is_self_verified, .content .casing .individualarticle figure.is_self_verified{
    background:url(images/self_verified.png) no-repeat 0 0;
    width: 210px;
    height: 100px;
    position: absolute;
    margin: 17px 0 0 -5px;
    z-index: 11;
}
.content .casing .searchresults figure.exam_failed, .content .casing .individualarticle figure.exam_failed{
    background:url(images/exam_failed.png) no-repeat 0 0;
    width: 210px;
    height: 100px;
    position: absolute;
    margin: 17px 0 0 -5px;
    z-index: 11;
}
.content .casing .searchresults figure.exam_passed, .content .casing .individualarticle figure.exam_passed{
    background:url(images/exam_passed.png) no-repeat 0 0;
    width: 210px;
    height: 100px;
    position: absolute;
    margin: 17px 0 0 -5px;
    z-index: 11;

    }.content .casing .searchresults figure.is_mandated, .content .casing .individualarticle figure.is_mandated{
        background:url(images/is_mandated.png) no-repeat 0 0;
        width: 210px;
        height: 100px;
        position: absolute;
        margin: 17px 0 0 -5px;
        z-index: 11;
    }

    /* 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*/
    .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:12px;}
    .searchresults footer{font-size:12px;color:#999;text-align:right;padding:15px 0;}
    /*sorting*/
    header.sorting{ }
    header.sorting span.pagecount{font-size:13px;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*/
    .quicklinks{background:#f5f5f5;border:1px solid #ddd;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;min-height:245px;}
    .quicklinks h1{color:#fff;background:#333;float:none;line-height:45px;padding:0 12px;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0; margin-top:0px;}
    .quicklinks h3{ margin: 18px;}
    .quicklinks.searching{background:#f5f5f5 url("../images/icon_updatingquicksearch.png") no-repeat center 90px;}
    ul.quicklinkslist{list-style:none;margin:18px 12px 18px 20px;}
    ul.quicklinkslist ul{margin:0 0 0 35px;}
    ul.quicklinkslist li{display:block;clear:both;padding:0;font-size:14px;text-indent:0;line-height:23px;list-style:none;}
    ul.quicklinkslist li a{text-decoration:none;}
    ul.quicklinkslist ul li{text-indent:0;}
    ul.quicklinkslist ul li b{color:#666;}
    ul.quicklinkslist ul li b:hover{color:#333;}
    ul.quicklinkslist li b{
        color:#333;
        font-weight:normal;
        /*width:220px;*/
        /*display:inline-block;*/
        text-decoration:underline;
    }
    ul.quicklinkslist li b:hover{color:#000;}
    ul.quicklinkslist li:before{font-family:"FontAwesome";color:#fff;width:12px;display:inline-block;text-align:center;vertical-align:top;}
    ul.quicklinkslist li.closed:before{color:#666666;content:"\f054";}
    ul.quicklinkslist li.closed ul{display:none;}
    ul.quicklinkslist li.opened:before{color:#666666;content:"\f078";}
    ul.quicklinkslist ul li:before{content:none;}
    ul.quicklinkslist li span{display:block;float:right;color:#666666;}

    ul.quicklinkslist li.nosub{ /*text-indent:25px;*/ padding-left:24px;}
    ul.quicklinkslist li.nosub:before{content:none;}
    ul.quicklinkslist.same-level{margin-top:-18px;}
    div#advanced_training_conditions .control-group{ margin-top:15px;}


    /*author portal upload new training*/
    figure.authorphoto{display:block;float:left;width:155px;margin-top:12px;}
    figure.authorphoto img,figure.authorphoto span.placeholder{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;width:80px;height:80px;margin-bottom:8px;}
    figure.authorphoto span.placeholder{background:#666666;display:block;color:#fff;font-size:72px;line-height:80px;text-align:center;}
    figure.authorphoto a{line-height:30px;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; }
    /*author profile*/
    figure.authorphoto.solo{display:block;float:left;width:135px;margin:16px 18px 0 0;text-align:center;position:relative;}
    figure.authorphoto.solo img,figure.authorphoto.solo span.placeholder{width:112px;height:112px;margin-bottom:8px;}
    figure.authorphoto.solo span.placeholder{background:#666666;display:block;color:#fff;font-size:100px;line-height:108px;text-align:center;}
    figure.authorphoto.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{background:#666;width:112px;height:112px;position:relative;border-radius:3px;}
    figure.authorphoto.solo .remove-ident{position:absolute;top:-12px;left:0px;color:#d70000;font-size:22px;cursor:pointer;line-height:24px;}
    figure.authorphoto.solo .no-image-holder, figure.authorphoto.solo.no-image .remove-ident, figure.authorphoto.solo.no-image img{display:none !important;}
    figure.authorphoto.solo.no-image .no-image-holder{display:block !important;margin:0 auto 8px auto;}
    /*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: 63%;}         /* dgr */
    .content .casing .stats1 .actions.x {width:33%;}        /* 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:21px;}
    #author_stats .stats1 {
        width: 400px;
    }
    #author_stats .stats2 {
        width: 90px;
    }
    #author_stats .stats3 {
        width: 165px;
    }
    .stats3{ width: 155px; float:right;}
    .stats{ overflow: hidden;}
    .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;}

    .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;  float: left; display: block; margin-left: 30px; position: relative;}
    .gallery article:nth-child(4n-3){ margin-left: 0;}
    .gallery article.no-margin-left{ margin-left: 0;}
    .gallery article a{ 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{
        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;}
/*.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{ display: block; float: left; font-size:60px; line-height:46px; color:#555;width:80px;}
.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{
    display: block;
    width: 70%;
    font-size: 20px;
    color: #666666;
    font-weight: bold;
}
.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: 80%; padding-bottom:0;}
/*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;
}


/*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;}
.buttonwrap.for2 .action:first-child{float:left;}
.buttonwrap.for3 .action{float:left;margin-left:32px;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:46px;}
.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;}

.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;}
/*.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*/
.tablelisting{width:100%;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 td i,.tablelisting td a i{font-size:15px;}
.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;}
.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;}

/*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.nobg.attach i{
    margin-right:4px;
}

.tablelisting.msg .message-content{
    background-color:#fff;
}
.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;
}


/* 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:solid 1px #333;outline:none;}
input.text.error_lv, input.text.error, input.email.error_lv, input.email.error, input.password.error_lv, input.password.error, textarea.uniform.error_lv, textarea.uniform.error{border:2px solid #D80000 !important;}
textarea, textarea.uniform{height:auto;}
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]{
    background:#F8F8F8;
    /*border:1px solid #F8F8F8;*/
    border:none !important;
}
input.datepicker[readonly], input.datepicker[datepicker="datepicker"]{
    background-color: #fff;
    border: solid 1px #cbcbcb !important;
}



/* 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 *, .radio *, .checker *, .uploader *, .button * {margin:0;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;}
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;}
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;}
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.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;
}
div.selector span{
    padding:0 25px 0 0px;
    cursor:pointer;
}

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;}
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;
}

.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;padding-top:4px;}

.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 { 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;}

.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*/
#yw0 .control-group .control-label{width:170px;} /* dgr */
#yw0 .control-group .controls{width:310px;}
#yw0 .control-group .help{width:125px;}
#yw0 .control-group .help.longer{width: 260px; }

#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 .form-horizontal .control-group{
    margin-top: 30px;
}

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

.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:96.745%;padding-left:0;}
.form.mini .form-actions .help,.normalw .form.mini .form-actions .help {width:auto;float:left;}

.casing .form.vertical{padding:0 12px;}
.casing .accordion .form.vertical{padding:0;}
.form.vertical{overflow:hidden;}
.form.vertical .column{width:310px;display:block;vertical-align:top;float:left;}
.form.vertical .column.float-r{float:right;}
.form.vertical .column.wider{width:420px;}
.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:310px;float:left;}
.form.vertical .control-label{text-align:left;margin-bottom:0;min-height:18px;}
.form.vertical .control-label,.form.vertical .controls,.form.vertical .help {width:310px;clear:both;margin-left:0;margin-right:0;}
.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:350px;}

.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%;
}
/* 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 .control-label a{float:right;font-size:12px;padding-right:8px;}
.form.vertical .control-group.fullwidth .control-label a{float:left;margin:4px 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{ display: block;width: 180px; height: 116px; margin:6px 28px 0 0;}
.form.vertical .controls 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:145px;
        float:left;
        background:url("../images/icon-calendar.gif") no-repeat 97%;
    }


    .controls.search input,.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{ 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 .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;}/* 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:98%; *display:inline;*zoom:1;}
    .form .control-group.fullwidth.invite .column{
        margin-right: 20px;
    }

    .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: 75px;
        width:75px !important;
        padding:0;
    }
    .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.contact_no_login{
        padding: 30px 150px;
    }



/* 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.contact_no_login{
        padding:25px 160px 0px 185px;
    }
    .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 .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;}
    .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{color:#D80000;border-color:#D80000;}
.control-group.error input, .control-group.error textarea{border:1px solid #D80000;}
.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
*/

/*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;}
/*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{margin-top:18px;margin-bottom:18px;overflow:hidden;}
.accordion .accordion-group{margin-bottom:12px;}
.accordion .accordion-heading{padding:0;margin:0;font-weight:normal;font-size:15px;}
.accordion .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 .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-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 .accordion-toggle{cursor:pointer;}
.accordion .accordion-content{padding:0 12px;}
.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:294px;}
    .accordion .accordion-content p,.accordion .accordion-content li{
        font-size:13px;
        color:#777;
        line-height:16px;
        word-wrap: break-word;
    }
    .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-top:18px;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:18px;
    }
    .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{
        width:450px;
        /*margin:3px 0 0 18px;*/
        margin:3px 0 0 0;
        border:none;
        background:#ddd;
        color:#999;
        font-size:12px;
    }
    .widget .widget-heading.open input{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:3px 0 0 0;font-weight:bold;color:#fff;}
    .widget .widget-toggle{cursor:pointer;}
    #exam_form .pluploadContainer, #exam_widget .trash {
        background-color: transparent;
        float: left;
    }

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

    #exam_form .examAnswerButtons {
        width: 47px;
    }

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

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


    .widget .widget-content .option{display:block;float:right;width:618px;margin-bottom:10px;}
    .widget .widget-content .option .details{
        width:577.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;bottom:26px;left:12px;}



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



/*.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 #666666;
    -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;
}

#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:201;
    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:202; 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;}
#overlayOuter #inlinePopup iframe{width:100%;height:100%;border:none; overflow:hidden;}
.content{width:100%;}


.modal header h1{
    margin-top:0px;
}
#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;}

/*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 */
a.hastip,.form.vertical .control-group .control-label a.hastip{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;}

.vToolTip{z-index:199;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:220px;padding:5px;}
.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:100px;
    margin-top:30px !important;
}

#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;}


}

#ratingsList{
    float: left;
    min-width: 200px;
    width: 35%;
}
.peerReviewComment {
    overflow:hidden;
    padding-top:36px;
}
.peerReviewComment textarea {
    box-sizing:border-box;
    width:100%;
    min-height:184px;
}





/***** UTILS *****/
.clear{
    clear: both;
}
.hidden{
    display:none;
}
.light, .light p{
    color:#666;
}
.only-print{
    display:none;
}

.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-r{
    float:right !important;
}
.float-n{
    float:none;
}
.bold{
    font-weight: bold;
}
.nobrand{
    color:#333 !important;
}
.imgContainer img, #chosen_cover_preview img, #review_author_image img{
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
}
small.error{
    color:#D80000;
}
.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 i{
        font-size:65px;
        height:65px;
        float:left;
        margin:10px 15px 0 0;
    }
    .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;
    }


    .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;
    }

    #contentWrapper button.action.error{
        background: #D80000;
        color: #FFFFFF;
        text-shadow:none;
        box-shadow:none;
    }

    #confirmationUI .primary.error{
        color: #D80000;
    }