/***************************************************************
GENERIC CLASSES
***************************************************************/
.clear { clear: both; height: 0; line-height: 0; font-size: 0; }
.center{text-align:center;}
.normal-line, #main_inner .normal-line{line-height:normal;}
.hidden { display: none;}
.txt_hidden { text-indent: -1000px; overflow: hidden; }
.bg-yellow{background:#FCFCB8;}
.hover-pointer:hover{cursor:pointer;}
.alert a{color:#000;text-decoration:underline;}
.btn-primary,.btn-primary:active,.btn-primary:visited{background:#2c3e50;color:#FFF;border:1px solid #33335C;}
.btn-primary:hover, .nav-right .btn-primary:hover{background:#043450;color:#FFF;}
.btn-info, .btn-info:hover, .btn-info:active{background:#333;color:#FFF;border-color:#000;}
.btn-success{color:#FFF;background:#2da468;border-color:#16834c;}
.btn-success:hover{color:#FFF;background:#73cb9f;border-color:#16834c;}
.btn-success:active{border-color:#000;color:#EEE;}
.btn-warning, btn-warning:visited{background:#ffffcc; color:#634F22;border:1px solid #999900;}
.btn-warning:hover, .btn-warning:active, .btn-warning:focus{background:#ffff99;color:#000;}
.btn-aqua{color:#FFF;background:#a4e0e7;border-color:#0cbcd3;}
.btn-aqua:hover{color:#FFF;background:#3EB879;}
.btn-lg{font-size:130%;padding:12px 4%;}
.btn.btn-nbr{border-right:none;}
.txt-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pad-top, .wrap-pad-top > div{padding-top:30px;}
.padd-top{padding-top:45px;}
.cursor-default, .cursor-default:hover{
cursor:default;
}
.form-group .form-text{
min-height:34px;
line-height:normal;
}
.form-group select{
padding:4px 6px;
}
.form-group .checkbox label{
line-height:30px;
height:30px;
}
.form-group .form-text{
font-size:90%;
}
.form-group label .glyphicon{
font-size:85%;
padding-left:4px;
}
.form-group label a{
text-decoration:underline;
font-weight:normal;
padding-left:8px;
font-size:80%;
}
.form-group label a:hover{
text-decoration:none;
}
.form-group .text-muted{
color:#999;
font-size:90%;
}
.form-group label .glyphicon-ok-sign, .form-group label .glyphicon-exclamation-sign{
display:none;
}
.form-group.show-valid label .glyphicon-ok-sign{
display:inline;
}
.form-group.has-error label .glyphicon-exclamation-sign{
display:inline;
}
.form-group .text-danger{
display:none;
}
.form-group.has-error .text-danger{
display:inline;
}
.form-group.has-error .text-muted{
display:none;
}
.form-group.show-valid .text-danger{
display:none;
}
.form-group.show-valid .text-muted{
display:inline;
}
.form-group .glyphicon-ok-sign{
color:darkgreen;
}
.form-group .glyphicon.glyphicon-exclamation-sign{
color:firebrick;
}
.input-group-addon.clear-input:hover{
cursor:pointer;
}
.input-group-addon.clear-input{
background-color:transparent;
color:firebrick;
border-color:#FFF;
}
body{
font-size:145%;
min-height: 1200px;
padding-top: 131px;
font-family: 'Lato', sans-serif;
}
body.short{
min-height:none;
}
body.logout{
padding-top:91px;
}
.sub-header{
width:100%;
float:left;
min-height:48px;
background:#2c3e50;
}
.sub-header, .sub-header a, .sub-header a:hover{
color:#7ee1ed;
}
.sub-header h1, .sub-header .replace-h1{
text-transform:uppercase;
font-size:113%;
font-weight:bold;
letter-spacing:3.5px;
display:inline-block;
float:left;
margin:19px 5% 14px 0;
color:#FFF;
}
.sub-header h1, .sub-header .replace-h1, .sub-header .crumbs{
display:inline-block;
float:left;
}
.sub-header .crumbs{
font-size:86%;
margin:18px 0px 6px 0px;
}
.crumbs ul{
padding:0;
margin:0;
}
.crumbs > div, .crumbs li{
display:inline-block;
}
.crumbs .arrow{
margin:auto 12px;
}
.wrap-share .share, .wrap-youtube{
float:left;
display:inline-block;
margin-top:10px;
white-space:nowrap;
overflow:hidden;
max-height:35px;
}
.share .share-icons{
width:100%;
max-width:138px;
}
.wrap-youtube{
display:inline-block;
margin-right:4px;
width:31px;
}
a.wrap-youtube img{
width:100%;
height:auto;
}
h1 .glyphicon, h2 .glyphicon{
padding-right:20px;
}
.low-promo .col-xs-12{
padding-top:15px;
padding-bottom:15px;
}
.low-promo .col-xs-12 p{
width:75%;
margin-right:25%;
font-size:110%;
}
p{
margin:20px auto;
}
.input-lg{
max-width:500px;
}
a.u{text-decoration:underline;color:#00256E;}
.blog .padtop{
padding-top:60px;
}
.blog .soc, .wrap-join .soc{
margin-top:20px;
}
.blog .menu-bottom{
margin-top:20px;
}
.blog .menu-bottom > div{
float:left;
width:31%;
margin-right:2%;
min-width:320px;
}
.blog .menu-bottom ul{
padding-left:10px;
}
.blog .menu-bottom li{
line-height:17px;
padding:6px auto;
font-size:85%;
}
.blog .menu-bottom h3{
font-size:110%;
}
.blog .menu-bottom{
font-size:78%;
}
.blog .post.row{
margin-bottom:35px;
}
.blog .posts .post_date{
font-size:80%;  
color:#479682;
}
.blog .posts .post_date strong{
color:#226f5c;
}
.blog  .post_content{
text-align:left;
font-size:105%;
}
.blog .post_content p{
margin-top:0;
}
.blog .post_content span{
font-size:85%;
line-height:normal;
}
.blog .post_content img{
width:auto;
height:auto;
max-width:100%;
margin-bottom:15px;
}
.blog .post_content img.border{
border:1px solid #EEE;
}
.blog .post_content img.tall{
float:left;
margin-right:25px;
}
.blog .posts .wrap-txt h2{
margin-top:0;
}
.blog .posts .wrap-img{
overflow:hidden;
max-height:320px;
margin-bottom:4px;
}
.blog .posts .wrap-img img{
width:100%;
height:auto;
max-width:500px;
border:1px solid #CCC;
}
.wrap-blog-search div form{
display:inline-block;
width:100%;
margin:25px auto 30px;
text-align:center;
}
.wrap-blog-search div form input{
display:inline;
float:left;
margin-top:5px;
height:45px;
}
.wrap-blog-search div form input[type=text]{
margin-right:3%;
}
.pad-outer.blog h1{
font-weight:bold;
font-family:'Lato', sans-serif;
font-size:200%;
}
.blog h2{
margin-top:40px;
}
.blog h2 a:hover{
text-decoration:none;
}
.blog .post{
margin-bottom:80px;
}
.blog .post_meta{
font-size:80%;
}
.share-buttons{
clear:both;
margin-top:45px;
margin-bottom:50px;
}
.share-buttons > div{
padding-left:0;
}
.share-buttons .btn{
min-height:42px;
font-size:95%;
line-height:42px;
margin-bottom:12px;
}
.share-buttons .btn:hover{
background:#666;
}
.share-buttons .glyphicon{
padding-right:6px;
}
.share-buttons .btn-twitter{
background: #00aced;
color:#FFF;
}
.share-buttons .btn-facebook{
background: #3b5998;
color:#FFF;
}
.view_archives{
margin-top:40px;
margin-bottom:40px;
}
.view_archives strong, .view_archives a{
    display:inline-block;
    border:1px solid #CCC;
    background:#EEE;
    padding:5px 8px;
    margin:auto 4px;
    border-radius:3px;
}
.view_archives a:hover{
text-decoration:none;
}
#main_inner{
padding-top:0px;
padding-bottom:45px;
min-height:450px;
}
#main_inner, .low-promo p{
font-size:130%;
line-height:140%;
}
#main_inner.layout-main h1,  #main_inner.layout-main h2{
clear:both;
width:100%;
margin:25px auto 18px auto;
}
#main_inner.layout-main .clean{
margin-top:0;
margin-bottom:0;
}
#main_inner.layout-main h1.banner, #main_inner.layout-main h4.banner{
padding-top:28px;
padding-bottom:32px;
font-size:155%;
color:#333;
text-align:center;
background:#EEE;
}
#main_inner.layout-simple h1{
margin:55px auto 30px;
}
#main_inner.layout-main  h2{
font-size:190%;
}
#main_inner.layout-main h3{
font-size:110%;
text-transform:uppercase;
font-weight:bold;
color:#333;
letter-spacing:1px;
margin:25px auto 12px auto;
}
#main_inner.layout-main h4{
font-family: 'Lato', sans-serif;
font-size:100%;
font-weight:bold;
margin:20px auto 8px auto;
}
#main_inner.layout-main h4.banner{
margin-bottom:50px;
color:#2c3e50;
font-size:140%;
padding-left:8%;
padding-right:8%;
}
#main_inner.layout-main h4.banner span{
display:inline-block;
width:100%;
clear:both;
}
#main_inner.layout-main h4.banner .txt-sm{
text-transform:uppercase;
font-weight:normal;
font-size:70%;
}
#main_inner.layout-main .jumbotron h1, #main_inner.layout-main jumbotron h2, #main_inner.layout-main .jumbotron h3{
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
background:transparent;
}
#main_inner img.border{
border:1px solid #CCC;
}
.wrap-about #main_inner img.left{
margin-bottom:15px;
margin-top:12px;
width:20%;
max-width:250px;
min-width:180px;
border:1px solid #CCC;
}
.wrap-about #main_inner .col-xs-12{
float:left;
}
#main_inner img.center{
float:center;
width:100%;
}
#main_inner .no-pad-left, #main_inner .row-fluid.no-pad-left > div, #main_inner .row.no-pad-left > div, .col-xs-12.no-pad-left{
padding-left:0;
}
#main_inner .no-pad-right, #main_inner .row.no-pad-right > div{
padding-right:0;
}
#main_inner .no-pad-top{
padding-top:0;
}
#main_inner .no-pad-bottom{
padding-bottom:0;
}
#main_inner .no-pad-x, .no-pad-x[class*="col-"], #main_inner .child-no-pad-x > *{
padding-left:0 !important;
padding-right:0 !important;
}
#main_inner #infoMessage{
margin:8px 0;
}
#infoMessage p{
margin:2px 0px;
}
/* for form */
div.error, li.error, ul.error { background-color: #c30; color: #fff; padding: 2px 5px; }
span.error_highlight input, span.error_highlight textarea, span.error_highlight select { border: 2px solid #c30; }
.txt-big{
font-size:120%;
}
.txt-bigg, .join #main_inner, #main_inner .jumbotron .txt-bigg{
font-size:150%;
}
.txt-biggg, #main_inner .jumbotron .txt-biggg{
font-size:190%;
}
.txt-sm{
font-size:80%;
}
.txt-smm, #main_inner .jumbotron .txt-smm{
font-size:70%;
}
.txt-smmm, #main_inner .jumbotron .txt-smmm{
font-size:55%;
}
.btn.txt-sm{
font-size:75%;
padding:3px auto;
}
.green{
color:#005200;
}
.red{
color:#CC0000;
}
.aqua{
color:#0d979b;
}
.bg-aqua .aqua{
color:#f2f6fc;
}
.navy{
color:#2c3e50;
}
.pad-outer, #main_inner{
clear:both;
float:left;
width:100%;
padding-left:5%;
padding-right:5%;
}
.pad-outer.skinny{
padding-left:15%;
padding-right:15%;
}
body.no-pad-outer #main_inner{
padding-left:0;
padding-right:0;
}
.bg-aqua{
background-color:#0cbcd3;
color:#FFF;
}
.bg-aqua a{
text-decoration:underline;
color:#FFF;
}
.bg-aqua a.btn{
text-decoration:none;
}
.bg-aqua a:hover{
text-decoration:none;
}
.bg-aqua h2{
font-size:250%;
text-transform:none;
}
#main_inner .bg-aqua h2{
color:#FFF;   
}
#main_inner .bg-aqua h2, #main_inner .navy-white h2{
margin-top:0;
}
.bg-aqua .btn{
font-size:120%;
padding:10px 14px;
}
#main_inner .navy-white{
font-weight:normal;
}
.btn.btn-white-old{
background:#FFF;
color:#1a6b74;
border:1px solid #1d8d9a;
border-top:1px solid #059EB3;
border-left:1px solid #059EB3;
}
.btn.btn-white{
background:#FFF;
color:#2c3e50;
border:1px solid #2c3e50;
border-top:1px solid #059EB3;
border-left:1px solid #059EB3;
}
#main_inner .navy-white .btn.btn-white{
color:#2c3e50;
border:3px solid #2c3e50; 
}
.btn.btn-white:hover{
color:#000;
border-color:#000;
background:#FEFFDE;
}
/* for ckeditor */
.ckeditor { background-color: #fff; padding: 5px; color: #000; font-size: 12px; }
.above-navbar .wrap-toggle{
text-align:center;
}
.above-navbar > .row{
padding:0 auto;
}
.wrapnav{
width:100%;
background:#FFF;
float:left;
}
.wrapnav, .wrapnav *, .wrapnav a:hover, .above-base, .above-base > h4, #main_inner h2, #main_inner h4, .navy-white{
color:#2c3e50; /* navy */
font-weight:bold;
text-decoration:none;
}
.wrap-brand > div{
font-size:148%;
font-weight:bold;
}
.wrap-brand .wrap-title{
padding-left:1%;
}
.wrapnav .nav.wrap-wide li.active > a{
background:transparent;
color:#32a7b5;
}
.wrapnav .wrap-brand > div, .wrapnav .nav.wrap-wide > li > a{
line-height:90px;
height:90px;
padding-top:0;
}
ul.nav.wrap-wide li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}
.wrapnav .nav.wrap-wide > li.last > a{
padding-right:4px;
}
.wrapnav .nav.wrap-wide > li.first > a{
padding-left:6px;
}
.wrapnav.short .wrap-brand > div, .wrapnav.short .nav.wrap-wide > li > a{
line-height:58px;
height:58px;
}
.navbar-default .navbar-nav.wrap-wide>.open>a:focus{
    color:#000;
    background-color:#EEE;
}
.navbar-collapse { 
    font-size:105%;
    max-height: 100% !important;
}
.navbar-collapse li{
padding-top:3px;
padding-bottom:3px;
}
.nav.wrap-wide > li > a{
font-size:108%;
padding-left:20px;
padding-right:20px;
}
.wrap-brand .wrap-img {
overflow:hidden;
}
.nav.wrap-wide .dropdown-menu li a{
font-size:125%;
}
.nav.wrap-wide .dropdown-menu li a:hover{
font-weight:normal;
}
.wrap-brand .wrap-img img{
width:100%;
height:auto;
float:right;
max-width:65px;
min-width:40px;
margin-top:3px;
}
.wrapnav.short .wrap-brand .wrap-img img{
width:60%;
}
.wrap-toggle .navbar-toggle{
float:left;
min-width:45px;
min-height:80px;
width:85%;
padding:6px auto;
overflow:hidden;
font-size:170%;
}
.navbar-toggle .glyphicon{
color:#666;
}
.wrapnav.short .wrap-toggle .navbar-toggle{
min-height:60px;   
}
.wrap-toggle .navbar-toggle:hover, .wrap-toggle .navbar-toggle:active, .wrap-toggle .navbar-toggle:focus{
background:transparent;
}
.navbar-toggle:hover .glyphicon, .navbar-toggle:focus .glyphicon{
color:#000;
}
/*
.wrap-toggle .navbar-toggle:hover, .wrap-toggle .navbar-toggle:active, .wrap-toggle .navbar-toggle:visited, .wrap-toggle .navbar-toggle:focus{
background:#333;
}
*/
.navbar-toggle, .navbar-toggle:hover, .navbar-toggle:active{
background-color:transparent;
border:0;
}
.navbar.navbar-default.navbar-fixed-top{
min-height:40px;
}
.below-nav{
clear:both;
width:100%;
float:left;
font-size:90%;
max-height:40px;
background:#EEE;
border-top:1px solid #d9d9d9;
border-bottom:1px solid #d9d9d9;
}
.logout .below-nav{
display:none;
height:0;
border-top:none;
border-bottom:none;
}
.below-nav > div{
line-height:40px;
}
.below-nav .user-scores img{
height:25px;
width:auto;
margin:0px 0px 0px 2px;
}
.below-nav .user-scores a{
width:44%;
margin-right:6%;
max-width:120px;
color:#000;
text-decoration:none;
display:inline-block;
float:left;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
padding:0;
}
.nav-right{
padding-left:0;
padding-top:25px;
}
.wrapnav.short .nav-right{
padding-top:12px;
}
.nav-right .btn-primary, .nav-right .btn-primary span{
color:#FFF;
}
.nav-right .btn-group .btn-warning{
color:#333;
}
.nav-right .btn-group .dropdown-menu span{
color:#333;
}
.nav-right .dropdown-menu{
text-align:left;
max-width:140px;
}
.nav-right .dropdown-menu li a{
font-size:105%;
font-weight:bold;
margin:10px auto;
color:#333;
}
.nav.prepend{
border-bottom:1px solid #EEE;
}
.featured{
padding-top:40px;
padding-bottom:40px;
}
.featured > div{
padding-top:25px;
padding-bottom:25px;
}
.featured > div > .col-xs-12{
min-height:110px;
}
.featured div{
color:#666;
text-decoration:none;
font-size:93%;
}
.featured h2{
font-weight:bold;
color:#333;
margin:8px auto 6px auto;
font-size:135%;
}
.featured > div > img{
float:left;
width:100%;
height:auto;
min-width:22px;
max-width:90px;
}
.break{
width:100%;
margin:20px auto;
-moz-box-shadow: 0 3px 14px -2px #000;
-webkit-box-shadow: 0 3px 14px -2px #000;
box-shadow: 0 3px 14px -2px #000;
}
.rmg, .btn.rmg{
margin-right:2%;
}
.lmg, .btn.lmg{
margin-left:3%;
}
.btn.tmg{
margin-top:20px;
}
.navbar-collapse .medals span{
line-height:50px;
}
.tall p{
margin-bottom:30px;
}
.jumbotron.no-bg{
background:transparent;
}
.wrap-intro-top{
clear:both;
/* max-height:760px; */
overflow:hidden;
}
.wrap-intro-top > div{
text-align:center;
}
.bg-photo-top{
width:100%;
padding-top:0;
margin:0 0 0 0;
background-color:#0cbcd3;
background-image:url('//d1lzkvt4mezp7d.cloudfront.net/assets/images/group-tablet-1900.jpg');
background-size:100%;
min-height:720px;
background-position:center 12px;
background-repeat:no-repeat;
}
.bg-photo-top .wrap-med-logos{
margin-top:370px;
}
.wrap-med-logos .col-sm-3:last-of-type{
padding-left:4%;
}
.bg-photo-top .wrap-med-logos img{
width:80%;
max-width:210px;
min-width:150px;
margin:15px auto;
}
.wrap-intro-top h1{
width:96%;
margin:70px 2% 20px 2%;
font-weight:normal;
text-transform:uppercase;
letter-spacing:7px;
color:#FFF;
font-size:330%;
}
.wrap-intro-top .wrap-btn .btn{
margin-top:10px;
font-size:160%;
padding:16px;
min-width:200px;
border-radius:10px;
border-width:2px;
text-transform:uppercase;
letter-spacing:3px;
border-color:#4596A1;
}
.wrap-btn .btn .glyphicon{
font-size:85%;
}
.wrap-watch *{
color:#333;
}
.wrap-watch .glyphicon{
font-size:90%;
}
.wrap-watch h2{
font-size:210%;
margin-top:0;
}
.wrap-watch div img{
width:80%;
max-width:325px;
height:auto;
margin:2% 0%;
}
.wrap-watch .wrap-gl{
padding:20px 5%;
border-bottom:1px solid #CCC;
}
.quiz .jumbotron{
padding-left:5%;
padding-right:5%;
}
#main_inner.layout-main .jumbotron, .quiz .jumbotron{
margin-top:30px;    
}
.jumbotron h1, #main_inner.layout-main .jumbotron h1{
font-size:210%;
margin:0px auto 10px auto;
}
#main_inner.layout-main .jumbotron h1.left{
text-align:left;
}
#main_inner.layout-main .jumbotron h2{
font-size:160%;
}
.jumbotron .btn-lg{
font-size:140%;
margin-bottom:8px;
}
#main_inner .jumbotron{
font-size:auto;
text-align:center;
padding:32px 0;
}
#main_inner .jumbotron p{
font-size:110%;
}
#main_inner .form-group.ui-widget{
max-width:500px;
max-height:50px;
overflow:visible;
}
#main_inner .ui-menu{
background:#FFF;
font-size:70%;
font-weight:normal;
list-style:none;
}
#main_inner .ui-menu .ui-menu-item{
padding:5px 3%;
border-bottom:1px solid #EEE;
}
#main_inner .ui-menu-item:hover{
cursor:pointer;
color:#000;
}
#main_inner .form-group .form-control.working{ 
    background:url('/assets/images/spinner-47px.gif') no-repeat right center;
}

.wrap-gray{
display:inline-block;
width:100%;
background:#CCC;
text-align:center;
border-top:1px solid #A3A3A3;
border-bottom:1px solid #A3A3A3;
}
.wrap-gray.no-border{
border-top:0px;
border-bottom:0px;
}
.q-opt{
text-align:left;
margin:22px 15%;
width:70%;
line-height:110%;
padding:10px 10px 10px 25px;
border-radius:3px;
border:1px solid transparent;
}
.q-opt label{
display:inline;
font-weight:normal;
}
.q-opt:hover{
background:#ffffe6;
}
.q-opt:hover, .q-opt label:hover{
cursor:pointer;
cursor:hand;
}
.q-opt.bright{
background:#FFFF85;
border:1px solid #FFDB4D;
}
.q-opt input{
vertical-align:middle;
margin:0px;
width:20px;
}
.slide-up {
 z-index:500;
 max-width:320px;
 min-width:280px;
 height:180px;
 padding:20px;
 background:#333;
 color:#FFF;
 position:absolute;
 left:30;
 bottom:0;
 display:none;
 -moz-border-radius-topleft:20px;
 -moz-border-radius-topright:20px;
 -webkit-border-top-left-radius:20px;
 -webkit-border-top-right-radius:20px;
}
.slide-up h1 {
 margin:0px 0px 20px 0px;
 font-size:30px;
}
.slide-up .cls{
float:right;
width:30px;
}
.slide-up .cls a{
font-size:140%;
color:#FFFF66;
}
.slide-up .cls a:hover{
text-decoration:none;
}
.slide-up .wrap-btn .btn{
margin-top:12px;
}
.slide-up p {
 margin:0;
}
.slide-up .coin{
float:left;
width:70px;
height:auto;
margin:0px 15px 0px 0px;
}
.low-promo p{
margin:15px auto 20px auto;
}

.wrap-activities{
z-index:50;
margin-top:30px;
}
.wrap-activities a.col-md-3, .wrap-activities a.col-md-3:hover{
color:#333;
text-decoration:none;
}
.wrap-act > div{
position:relative;
}
.wrap-activities .col-md-3 img{
width:100%;
border-bottom:1px solid #FFF;
margin:0;
}
.wrap-activities .col-md-3{
max-width:350px;
margin-bottom:30px;
}
.wrap-activities .wrap-txt, .screen{
padding:4%;
}
.wrap-activities .wrap-txt{
min-height:165px;
clear:both;
text-align:center;
font-size:80%;
line-height:110%;
z-index:50;
}
#main_inner.layout-main .wrap-activities .wrap-txt h2{
text-align:center;
font-size:130%;
font-weight:bold;
text-shadow:none;
color:#666;
margin-top:8px;
}
.wrap-act{
overflow:hidden;
border:1px solid #CCC;
background:#F5F5F5;
}
.wrap-act.on{
border:1px solid green;
}
.wrap-activities .screen{
width:100%;
opacity:0;
z-index:49;
top:-50px;
left:0px;
height:50px;
margin-bottom:-50px;
}
.wrap-activities .wrap-act.on .screen, .wrap-activities .wrap-act.warning .screen{
z-index:51;
text-align:center;
}
.wrap-activities .wrap-act.on .screen{
opacity:.8;
background:#002900;
color:#FFF;
font-size:130%;
}
.wrap-activities .wrap-act.warning .screen{
background:yellow;
color:#000;
font-size:90%;
margin-bottom:-50px;
}
.wrap-user-top .wrap-prog > div > span{
clear:both;
width:100%;
padding-top:6px;
}
.wrap-user-top .btn-success{
font-size:100%;
}
#main_inner .wrap-user-top .wrap-prog h2{
font-size:78%;
width:95%;
margin:0 5% 0 0;
color:#35858f;
border-bottom:1px solid #CCC;
padding-bottom:8px;
}
.wrap-prog h3{
display:inline-block;
font-size:110%;
margin:0px 15px 0px 8px;
}
.above-base{
background:#FFF;
border-top:1px solid #CCC;
min-height:180px;
font-size:120%;
font-weight:bold;
}
.above-base h4{
margin:10px auto;
font-weight:bold;
}
.wrap-seen img{
margin:0px 3% 6px auto;
}
.wrap-seen img.today{
    width:26%;
    height:auto;
    max-width:90px;
    margin-left:-8px;
}
.wrap-seen img.droz{
    width:23%;
    height:auto;
    max-width:90px;
}
.wrap-seen img.cnn{
    width:42%;
    height:auto;
    max-width:180px;
}
.base{
min-height:250px;
background:#34495e;
}
.aqua-light{
background:#BDDBD9;
color:#0E3D39;
}
.panel-success .panel-heading{
background:#2c3e50;
color:#FFF;
}
.base .hidden-xs{
line-height:120px;
text-align:center;
}
.base .hidden-xs img{
    width:95%;
    height:auto;
    min-width:50px; 
}
.base .wrap-sec{
padding-left:1.5%;
padding-right:1.5%;
}
.base .wrap-sec > div{
min-height:110px;
margin:10px auto 18px;
font-size:81%;
}
.wrap-sec, .wrap-sec a, .wrap-sec a:hover .wrap-sec h4{
color:#c8ccd0;
text-decoration:none;
padding-top:4px;
padding-bottom:4px;
display:inline-block;
}
.wrap-sec a:hover{
color:#FFF;
}
.wrap-sec h4{
font-size:115%;
text-transform:uppercase;
margin:0px auto 8px auto;
color:#DCE0E3;
}
.lesson_name{
height:50px;
min-width:50px;
max-width:150px;
width:90%;
color:#FFF;
display:inline-block;
overflow:hidden;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.lesson_name div{
text-align:center;
width:100%;
}
.lesson_name .les{
height:20px;
line-height:20px;
font-size:70%;
font-family:verdana;
background:#108077;
color:#CCEBFF;
display:block;
width:100%;
}
.lesson_name .num{
clear:both;
height:30px;
line-height:30px;
overflow:hidden;
font-weight:bold;
color:#EEE;
background:#000033;
font-size:43px;
}
.jumbotron .lesson_name{
height:60px;
}
.jumbotron .lesson_name .les{
height:25px;
line-height:25px;
}
.jumbotron .lesson_name .num{
background:#666;
text-shadow:1px 1px 1px #000;
height:35px;
line-height:35px;
}
#main_inner .half-width{
width:50%;
float:left;
}
#main_inner img.half-width{
width:50%;
}
#main_inner .pad-left{
padding-left:5%;
}
body.justify #main_inner{
text-align:justify;
}
#main_inner .margin-top, .margin-top{
margin-top:30px;
}
#main_inner .margin-bottom{
margin-bottom:30px;
}
#main_inner .margin-bottom-sm{
margin-bottom:20px;
}
#main_inner .margin-top-smm{
margin-top:10px;
}
#main_inner .margin-bottom-smm{
margin-bottom:10px;
}
#main_inner .margin-top-sm, .margin-top-sm{
margin-top:20px;
}
#main_inner .margin-right{
margin-right:3%;
}
#main_inner .no-margin-y, #main_inner.layout-main h2.no-margin-y{
margin-top:0;
margin-bottom:0;
}
#main_inner img.right{
float:right;
margin:1% 0% 1% 4%;
}
#main_inner img.left{
float:left;
margin-right:3%;
}
#main_inner img.full-width, .full-width{
width:100%;
height:auto;
}
.max-width-640{
max-width:640px;
}
#main_inner .wrap-lsn .table td{
line-height:.92;
vertical-align:middle;
}
.wrap-lsn .table .aa{
width:7%;
text-align:center;
}
a.avatar img{
width:100%;
height:auto;
min-width:60px;
min-height:60px;
max-width:70px;
max-height:70px;
margin:0 0 8px 0;
border:1px solid #CCC;
border-radius:3px;
}
.wrap-lsn .row.top h1, .wrap-lsn .avatar img{
min-height:30px;
max-height:70px;
line-height:100%;
margin:0;
padding:0;
}
.wrap-lsn .row h1{
margin:0;
}
.wrap-lsn .table tr.promo-below td{
background:#666;
color:#FFF;
padding-top:20px;
padding-bottom:20px;
}
.wrap-lsn .dropdown-menu .glyphicon{
color:#CCC;
display:inline-block;
margin-right:3%;
}
.wrap-lsn .table .bb{
width:40%;
font-size:95%;
}
.wrap-lsn .table .bb, .wrap-lsn .table .cc{
padding-right:3%;
}
.wrap-lsn .table .cc{
width:17%;
font-size:75%;
}
.wrap-lsn .table td div > span{
width:100%;
clear:both;
display:inline-block;
font-size:70%;
}
.table .completed .cc.text-muted div{
font-weight:bold;
color:#3B6639;
}
.wrap-lsn .table .dd .btn-default.gray{
background:#EEE;
}
.wrap-lsn .table .dd, .table .ee, .table .ff{
width:12%;
}
.wrap-lsn .table .dd a, .table .ee a{
margin-top:4%;
}
#main_inner .wrap-lsn h2.course{
font-size:160%;
color:#0d979b;
margin:28px 0% 15px 0%;
padding:0;
display:none;
}
.wrap-lsn h2.course::first-of-type{
margin-top:0;
}
.wrap-lsn .panel{
float:left;
width:100%;
margin-top:10px;
margin-bottom:40px;
}
#main_inner .wrap-lsn .panel-heading{
padding-top:2px;
padding-bottom:2px;
font-size:80%;
}
.wrap-lsn .wraphead .col-sm-2{
min-width:70px;
max-width:100px;
text-align:center;
}
.wrap-lsn .wraphead{
border:1px solid #CCC;
border-radius:3px;
width:100%;
margin:3% 0%;
}
.wrap-lsn .wraphead, .wrap-lsn .wraphead a{
color:#EEE;
text-decoration:none;
}
.wrap-lsn .wraphead div div{
width:100%;
}
.wrap-lsn .wraphead div .ttt{
font-size:200%;
font-weight:bold;
color:#B8EEB8;
padding:8px 0px;
}
.wrap-lsn .wraphead div .bbb{
font-size:80%;
line-height:110%;
}
.wraphead div .bbb span{
display:inline-block;
padding-bottom:3%;
}
.wraphead div .bbb, .wraphead div .ttt{
margin-left:2%;
}
.wrap-lsn .wraphead .col-sm-1{
text-align:center;
}
.wrap-lsn .lb{
min-height:82px;
}
.wrap-lsn .blk{
background:#5B5B5E;
color:#FFF;
border-top-left-radius:3px;
border-bottom-left-radius:3px;
}
.wrap-lsn .grr{
background:#323236;
}
.wrap-lsn .wraphead .break{
border-top:1px solid #CCC;
}
.wrap-alzutube #main_inner .margin-bottom{
margin-bottom:25px;
}
.wrap-alzutube #main_inner.layout-main h4{
margin-top:0;
margin-bottom:25px;
}
.wrap-alzutube .wrap-tube-top{
font-size:130%;
color:#263749;
line-height:normal;
}
.wrap-tube-top .wrap-img.visible-xs{
max-height:280px;
overflow:hidden;
}
.wrap-tube-top .wrap-img.visible-xs img{
margin-top:-40px;
}
.wrap-alzutube .wrap-tube-top .glyphicon{
font-size:80%;
}
.wrap-alzutube .wrap-tube-top > div{
overflow:hidden;
}
.wrap-alzutube .wrap-tube-top > div > img{
width:100%;
max-width:430px;
height:auto;
float:right;
}
.wrap-alzutube #main_inner.layout-main .wrap-tube-top h2{
font-size:225%;
color:#8f44ad;
font-weight:bold;
}
.menu .row .btn-lg{
min-width:200px;
}
.wrap-hcp-portal .pad-outer .embed-responsive{
margin-top:20px;
margin-bottom:5px;
z-index:100;
}
.wrap-hcp-portal .pad-outer .embed-responsive a{
display:inline-block;
width:100%;
}
.wrap-hcp-portal .pad-outer .embed-responsive a img{
width:100%;
}
.wrap-hcp-portal .wrap-video .embed-responsive{
border:1px solid #333;
}
.wrap-hcp-portal .below-video{
position:relative;
top:-10px;
min-height:80px;
line-height:normal;
z-index:101;
background:#000;
padding:5px 8%;
border-top:1px solid #666;
font-size:73%;
text-align:center;
}
.wrap-hcp-portal .below-video, .wrap-hcp-portal .below-video a{
color:#FFF;
}
.wrap-hcp-portal .below-video .hidden-lg{
margin-top:18px;
float:left;
}
.wrap-hcp-portal #main_inner.layout-main .wrap-text h2, .wrap-hcp-portal #main_inner.layout-main .wrap-video h2{
margin-top:20px;
margin-bottom:8px;
font-size:140%;
}
.wrap-hcp-portal #main_inner.layout-main .wrap-text h3, .wrap-hcp-portal #main_inner.layout-main .wrap-video h3{
margin-top:10px;
margin-bottom:10px;
font-size:83%;
}
.wrap-hcp-portal .wrap-text .txt-sm{
font-size:74%;
line-height:20px;
}
.wrap-hcp-portal .wrap-text p{
margin-top:12px;
margin-bottom:12px;
}
.wrap-hcp-portal .below-video.down{
top:-10px;
opacity:.8;
border-top:none;
}
.wrap-hcp-portal .wrap-contact > div > div{
margin-bottom:8px;
}
.wrap-contact span strong{
font-size:110%;
}
.wrap-hcp-portal .sent .wrap-form{
display:none;
}
.wrap-hcp-portal .thank-you{
display:none;
}
.wrap-hcp-portal .sent .thank-you{
display:inline-block;
}
body.certificate{
padding-top:0px;
min-height: 600px;
}
.certificate .logo{
max-width:200px;
width:100%;
margin:0 auto;
}
#main_inner h2.hcp-top{
padding:20px 0 5px 0;text-align:center;
}
@media print {
    .no-print {
        display: none;
    }
}
@media only screen and (max-width:500px){
    #main_inner h2.hcp-top{
    font-size:115%;
    }
}

#overlay{
opacity:0.4;
position:absolute;
top:0;
left:0;
background-color:black;
width:100%;
z-index:2000;
min-height:600px;
}
.pop{
display:none;
position:fixed;
z-index:9002;
height:0px;
min-height:320px;
top:80px;
left:7%;
width:85%;
max-width:720px;
background-color:#FFF;
border:1px solid #CCC;
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 4px;
-moz-box-shadow: rgba(0,0,0,0.4) 0 2px 4px;
box-shadow: rgba(0, 0, 0, 0.4) 0 2px 4px;
border-radius:5px;
}
.pop.pop-on{
display:block;
}
.pop div{
display:block;
float:left;
}
.pop .x{border-top-left-radius:5px;border-top-right-radius:5px;text-align:right;background:#0cbcd3;color:#FFF;width:100%;height:48px;margin:0;}
.pop .x div{line-height:48px;}
.pop .x .col-sm-7{text-align:left;font-size:110%;}
.pop .x .col-sm-7 span{max-width:120px;}
.pop .x .col-sm-5{text-align:right;}
.pop .x a.close-popup{position:relative;z-index:9004;font-size:200%;color:#FFF;padding-left:4%;text-decoration:none;text-align:right;}
.pop .x a.close-popup:hover{color:#000;}
.pop .pop-panel{
width:100%;
padding:30px 4%;
background:#EEE;
margin-bottom:15px;
text-shadow:1px 1px 1px #FFF;
border-radius:none;
}
.pop .pop-panel h3{
margin-top:0;
margin-bottom:5%;
font-weight:normal;
font-size:125%;
}
.pop .pop-panel .col-sm-3{
padding-bottom:3%;
}
.pop-panel .glyphicon-share-alt{
font-size:160px;
padding-top:15px;
color:#CCC;
}
.v-pad-flex, .pad-y{
padding-top:25px;
padding-bottom:25px;
}
.pad-y-lg{
padding-top:40px;
padding-bottom:40px;
}
.pad-y-sm{
padding-top:8px;
padding-bottom:8px;
}
.pad-bottom{
padding-bottom:50px;
}
.jumbotron p.v-pad-flex{
padding-top:20px;
padding-bottom:20px;
}
.wrap-espanol .open .dropdown-menu a{
padding:4px 5%;
font-size:130%;
display:block;
width:100%;
color:#000;
}
.wrap-nums > div{
margin:15px auto;
}
.wrap-nums .num-img{
background-color:#FFF;
min-height:100px;
}
.wrap-nums .num-img img{
width:90%;
max-width:100px;
}
.wrap-nums .num-a{
background:#173d41;
color:#afe8ef;
font-size:540%;
overflow:hidden;
border-top-left-radius:5px;
border-top-right-radius:5px;
height:105px;
line-height:105px;
}
.wrap-nums .num-b{
color:#294649;
font-size:81%;
line-height:normal;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
padding:20px 8%;
min-height:130px;
background-color:#d9f5f8;
}
#main_inner .bg-aqua .wrap-nums .num-b a{
color:#000;
}
@media only screen and (min-width:1400px){
body{
font-size:145%;
}
.debug .wrapnav{border-bottom:1px solid navy;}
.nav-right .btn{
font-size:110%;
}
.nav.wrap-wide > li > a{
font-size:115%;
}
.wrap-intro-top h1{
font-size:360%;
}
.wrapnav .wrap-brand > div.wrap-title{
font-size:190%;
}
.wrapnav.short .wrap-brand .wrap-img img{
max-width:53px;
margin-top:2px;
}
.wrapnav .nav.wrap-wide{
font-size:120%;
}
.wrap-alzutube .wrap-tube-top{
padding-left:12%;
padding-right:12%;
}
}/* min-width:1400px */
@media only screen and (min-width:1500px){
body{
font-size:180%;
}
.pad-outer, #main_inner{
padding-left:10%;
padding-right:10%;
}
.bg-photo-top{
width:100%;
min-height:800px;
background-position:center -40px;
}
.wrap-activities .wrap-txt{
font-size:70%;
min-height:210px;
}
}/* min-width: 1500 */
@media only screen and (min-width:1700px){
body{
font-size:195%;
} 
.bg-photo-top{
width:100%;
min-height:830px;
background-position:center -60px;
}
}/* min-width: 1700 */
@media only screen and (min-width:1800px){
body{
font-size:220%;
}
.pad-outer, #main_inner{
padding-left:15%;
padding-right:15%;
}
.bg-photo-top{
min-height:890px;
background-position:center -70px;
}
}/* min-width: 1800 */
@media only screen and (min-width:2100px){
body{
font-size:250%;
} 
.bg-photo-top{
min-height:950px;
background-position:center -100px;
}
}/* min-width:2100 */
@media only screen and (min-width:2500px){
body{
font-size:270%;
} 
.bg-photo-top{
min-height:1250px;
background-position:center -300px;
}
}/* min-width:2500 */
@media only screen and (min-width:3000px){
body{
font-size:300%;
} 
.bg-photo-top{
min-height:1200px;
background-position:center -400px;
}
}/* min-width:2500 */
@media only screen and (max-width:1180px){
.debug .wrapnav{border-bottom:1px solid navy;}
.nav.wrap-wide > li > a{
font-size:103%;
padding-left:15px;
padding-right:15px;
}
.wrap-brand > div{
font-size:130%;
}
.wrap-brand .wrap-img img{
margin-top:10px;
}
.bg-photo-top{
background-position:center 40px;
background-size:110%;
min-height:690px;
}
.bg-photo-top .wrap-med-logos{
margin-top:390px;
}
.wrap-alzutube .wrap-tube-top{
padding-left:8%;
padding-right:8%;
}   
.wrap-intro-top{
max-height:760px;
}
}
@media only screen and (max-width:1024px){
.debug .wrapnav{border-bottom:1px solid tan;}
.wrapnav .wrap-brand > div.wrap-title{
line-height:17px;
padding-top:30px;
}
.wrapnav.short .wrap-brand > div.wrap-title{
line-height:16px;
padding-top:18px;
}
.nav.wrap-wide > li > a{
font-size:97%;
padding-left:12px;
padding-right:12px;
}
.wrap-intro-top h1{
font-size:291%;
}
.bg-photo-top{
background-position:center 40px;
background-size:120%;
min-height:660px;
}
.bg-photo-top .wrap-med-logos{
margin-top:370px;
}
.wrap-alzutube .wrap-tube-top{
font-size:120%;
text-align:center;
padding-left:5%;
padding-right:5%;
}
}
@media only screen and (max-width:900px){
.debug .wrapnav{border-bottom:1px solid orange;}
.nav.wrap-wide > li > a{
font-size:88%;
}
.wrapnav .wrap-brand > div.wrap-title{
padding-top:25px;
}
.wrapnav.short .wrap-brand > div.wrap-title{
font-size:108%;
}
.wrap-intro-top h1{
font-size:230%;
letter-spacing:5px;
font-weight:bold;
}
.bg-photo-top{
background-position:center 50px;
background-size:130%;
min-height:640px;
}
.nav-right .btn{
font-size:80%;
}
} /* media max-width:900px */
@media only screen and (max-width:767px){
.debug .wrapnav{border-bottom:1px solid blue;}
body{
padding-top:90px;
}
.wrapnav.short .wrap-brand .wrap-img img{
width:40%;
}
.wrapnav .wrap-brand > div.wrap-title{
line-height:85px;
padding-top:0px;
}
.wrapnav.short .wrap-brand > div.wrap-title{
line-height:65px;
padding-top:0px;
}
.wrap-prog h3{
font-size:90%;
}
.featured > div{
text-align:center;
font-size:105%;
}
.featured div > .col-xs-12{
padding-left:10%;
padding-right:10%;
max-height:none;
}
.base h4{
margin-top:50px;
}
.base .wrap-sec div:first-of-type h4{
margin-top:10px;
}
.wrap-act.warning .screen{
opacity:.8;
}
.wrap-intro-top h1{
margin-top:40px;
font-size:204%;
letter-spacing:4px;
font-weight:bold;
}
.bg-photo-top{
background-position:center 40px;
background-size:148%;
min-height:580px;
}
.bg-photo-top .wrap-med-logos{
margin-top:350px;
background:#EEE;
padding-top:15px;
padding-bottom:15px;
}
.row.wrap-create-user{
margin-top:0px;
}
.wrap-seen{
margin-bottom:20px;
}
.wrap-alzutube .wrap-tube-top{
font-size:90%;
}
.wrap-alzutube .wrap-tube-top h2 .glyphicon{
padding-right:6px;        
}
.wrap-alzutube #main_inner.layout-main .wrap-tube-top h2{
font-size:160%;
margin-top:30px;
}
.wrap-user-top .btn-success{
font-size:79%;
}
} /* end media max-width:767px */
@media only screen and (max-width:620px){
.debug .wrapnav{border-bottom:1px solid green;}
.wrap-intro-top h1{
font-size:164%;
letter-spacing:3px;
font-weight:bold;
}
.bg-photo-top{
background-position:center 65px;
background-size:158%;
min-height:510px;
}
.bg-photo-top .wrap-med-logos{
margin-top:310px;
}
.wrap-about #main_inner img.left{
width:60%;
margin-right:40%;
}
}/* end media max-width:620px */
@media only screen and (max-width:480px){
.debug .wrapnav{border-bottom:1px solid yellow;}
.wrapnav .wrap-brand > div.wrap-title{
line-height:18px;
padding-top:25px;
}
.wrapnav.short .wrap-brand > div.wrap-title{
line-height:18px;
padding-top:16px;
}
.wrap-intro-top h1{
font-size:180%;
margin-top:65px;
font-weight:bold;
}
.bg-photo-top{
background-position:center 120px;
background-size:186%;
min-height:536px;
}
.bg-photo-top .wrap-med-logos{
margin-top:270px;
}
#main_inner .half-width{
width:100%;
clear:both;
margin-top:15px;
}
#main_inner .half-width.pad-left{
padding-left:0;
}
#main_inner img.half-width{
width:100%;
}
#main_inner.layout-main h2{
font-size:150%;
}
#main_inner .text-left.text-center-sm, .text-center-sm{
text-align:center;
}
#main_inner.layout-main .jumbotron h1{
font-size:160%;
}
.wrap-lsn .table .bb{
font-size:87%;
}
}/* end media max-width:480px */
@media only screen and (max-width:380px){
.debug .wrapnav{border-bottom:1px solid red;}
.bg-photo-top{
background-position:center 150px;
background-size:198%;
min-height:510px;
}
.bg-photo-top .wrap-med-logos{
margin-top:240px;
}
.q-opt{
margin:15px 0%;
width:100%;
}
.wrap-lsn .table .bb{
font-size:85%;
}
}/* end media max-width:380px  mmm */
@media only screen and (max-width:320px){
.debug .wrapnav{border-bottom:1px solid pink;}
.bg-photo-top .wrap-med-logos{
margin-top:190px;
}
.bg-photo-top{
background-position:center 160px;
background-size:145%;
min-height:560px;
}
.wrap-intro-top h1{
margin-top:45px;
}   
}/* end media max-width:380px */