/*LOGIN HEADER*/
div,span,form,input,table,tr,td{
    -webkit-tap-highlight-color:transparent !important;
}
#lessonLogsHeaderContainer {
    position: relative;
    float:right;
    width:100%;
    height:31px;
    margin-left:14px;
    -webkit-appearance:none;
    background-color:transparent;
}
#lessonLogsLoginToggle {
    float:right;
    z-index: 300;
    padding:0 10px 0 10px;
    line-height:30px;
    height:31px;
    color:#fff;
    cursor:pointer !important;
    -webkit-appearance:none;
    background-color:#2A85E8;
}
.loginToggleOver {
    background:#ffffff !important;
    color:#2A85E8 !important;
}
#loginForm {
    display:none;
    position:absolute;
    top:31px;
    right:0px;
    width:300px;
    height:114px;
    background:#2A85E8;
    padding:8px;
    border-width:6px 4px 4px 4px;
    border-color:#fff;
    border-style:solid;
    border-radius:0 0 2px 2px;
}
#loginForm input[type="text"], #loginForm input[type="password"] {
    margin-bottom:5px;
    font-size:14px;
    border-sizing:border-box;
    border-radius:0;
    width:100%;
}
#loginForm button[type="submit"] {
    position:absolute;
    bottom:8px;
    right:8px;
    padding:4px 6px 4px 6px;
    font-size:14px;
    color:#2a85e8;
    background:#fff;
    border:1px #222 solid;
    border-radius:0;
    -webkit-appearance:none;
    cursor:pointer;
}

#loginForm .loginHeader {
    display:none;
    position:absolute;
    top:0;
    left:0;
    margin-left:5%;
    font-family:hamburgerheaven;
    font-size:34px;
    color:#ffffff;
}
#loginForm label {
    width:50%;
    color:#fff;
    font-size:11px;
    font-weight:normal;
}
#loginErrorContainer {
    display:none;
    position:absolute;
    top:31px;
    right:0;
    padding:8px;
    width:304px;
    background:#fff;
    border-width:2px 2px 2px 2px;
    border-color:#ff7200;
    border-style:solid;
    border-radius:2px;
    line-height:16px;
    font-size:14px;
    color:#ff7200;
    text-align: center;
}
.openLoginForm {
    top:174px !important;
}

.lessonLogsDropShadow01 {
    -moz-box-shadow: 3px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 3px 3px rgba(0,0,0,0.2);
    box-shadow: 3px 3px rgba(0,0,0,0.2);
}




#lessonLogsNavSocialMediaContainer {
    position:absolute;
    top:0;
    left:0;
    z-index: 0;
    height:31px;
}
#lessonLogsNavSocialMediaContainer .lessonLogsMediaItem {
    float:left;
    margin:5px 10px 0 0;
    opacity:.5;
    filter:alpha(opacity=50);
}
#lessonLogsNavSocialMediaContainer .facebookLikeButtonContainer {
    width:48px;
    overflow: hidden;
}

/*HEADER*/
#id {
    padding-top:20px;
    padding-bottom:20px;
}

/*NAVIGATION*/
#lessonLogs-primary-nav {
    display:none;
    position:absolute;
    top:32px;
    left:0;
    padding:0 5% 0 5%;
    width:100%;
    height:32px;
    line-height:32px;
    background:#166CC9;
    border-bottom:0 #fff solid;
}
#lessonLogsPrimaryNavTab {
    display:none;
    position:absolute;
    top:32px;
    right:10px;
    z-index: 0;
    cursor:pointer;
    background:#166CC9;
    color:#fff;
    border-radius:0 0 3px 3px;
    width:60px;
    height:30px;
    line-height:30px;
    text-align: center;
    border-width:0;
    border-style:solid;
    border-color: #fff;
}
#lessonLogs-primary-nav ul {
    position:relative;
    display:block;
    float:left;
    list-style: none;
    margin:0 5px 0 5px;
    padding:0;
}
#lessonLogs-primary-nav ul li {
    float:left;
    margin:0 5px 0 5px;
}
#lessonLogs-primary-nav ul li a {
    color:#FFF !important;
}



/*CALL TO ACTION*/
#heroText .heroHeader {
    font-weight:bold;
    color:#ffffff;
    text-align:left;
}
#heroText .heroSubHeader {
    font-size:18px;
    color:#ffffff;
    text-align:left;
}
.createAStudioBtn {
    display:block;
    margin-top:20px;
    padding:10px;
    cursor:pointer;
    min-width:200px;
    width:95%;
    height:auto;
    line-height:70px;
    border-radius:9px;
    background:#ff7200;
    text-align:center;
    font-size:2.5em;
    font-weight:bold;
    border:2px #ffffff solid !important;
    text-shadow:2px 2px rgba(0,0,0,0.3);
    -moz-user-select:none;
    -webkit-user-select:none;
    color:#ffffff !important;
}
.belowCallToAction {
    padding-top:16px !important;
    color:#fff;
}
.belowCallToAction a,.belowCallToAction a:active,.belowCallToAction a:visited {
    font-size:16px;
    text-decoration:underline;
    color:#ffffff!important;
}
.belowCallToAction a:hover {
text-decoration:underline;
}





.lessonLogsNotation {
    width:100%;
    font-size:11px;
    color:#cccccc;
    text-align:right;
}







/*FORM ELEMENTS*/
.validationError {
    background-color:#ffe8cd !important;
}

/*SIGN UP*/
/*SIGN UP FORM*/
#accountOpenForm {
    position:relative;
    width: 84%; height:60%; margin: 30px auto 20px auto;

    background:#2A85E8;
    border-radius:10px;
    padding:10px 20px 10px 20px;
    border:3px #fff solid;
}
#accountOpenForm p {
    margin-bottom:0;
}
#accountOpenForm .header {
    margin-bottom:6px; font-size:26px !important; font-weight:normal !important; color:#ffffff !important;
}
#accountOpenForm #accountOpenFirstName {
    float:left; width: 47%; margin-right: 3.99%; border-radius: 0; -webkit-appearance: none !important; font-size: 18px; margin-bottom: 10px; border-width: 0;
}
#accountOpenForm #accountOpenLastName {
   float:right; width: 47%; border-radius: 0; -webkit-appearance: none !important; font-size: 18px; margin-bottom: 10px; border-width: 0;
}
#accountOpenForm input {
    border-radius: 0; -webkit-appearance: none !important; font-size: 18px; margin-bottom: 10px; border-width: 0;
}
#accountOpenForm input[type="hidden"] {
    display:none;
    height:0;
}
#accountOpenForm button {
    margin-top:4px;
    padding: 5px 10px 5px 10px;
    min-width:86px;
    min-height:32px;
    border-radius: 0px;
    -webkit-appearance: none !important;
    background: #FF7200;
    color: #fff;
    border: 1px #fff solid;
    font-size: 18px;
    cursor: pointer;
}
#accountOpenMessage {
    display:none;
    position:relative;
    padding-bottom:8px;
    margin-bottom:6px;
    border-bottom:1px #dddddd solid;
    width:100%;
    line-height:20px;
    font-size:16px;
    color:#fff;
}
#accountOpenTOS {
    position:relative;
    top:-35px;
    margin-left:100px;
    max-width:180px;
    font-size:11px;
    color:#ddd;
}
#accountOpenTOS a, #accountOpenTOS a:active,#accountOpenTOS a:visited {
    color:#fff;
    text-decoration:none;
}
#accountOpenTOS a:hover {
    color:#fff;
    text-decoration:underline;
}


/*SIGN UP SOLUTIONS*/
.solutionHeader {
    font-size: 24px; padding-bottom: 6px; color: #222222;
}
.solutionText {
    color: #333333;
}

/*SIGN UP DIVIDERS*/
.lessonLogsTextDivider {
    margin: 18px 0 18px 0;
    padding: 8px 0 8px 0;
    border-top: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
    width: 100%;
    line-height: 40px;
    font-size: 34px;
    letter-spacing: 8px;
    color: #ddd;
    text-align: center;
}


/*SIGN UP TESTIMONIALS*/
ul.lessonLogsTestimonialList {
    margin: 8px;
    padding: 10px 0 0 0;
    list-style: none !important;
    line-height: 24px;
    font-size: 14px;
    font-style: italic;
    color: #888888;
}
ul.lessonLogsTestimonialList li {
    margin-bottom:10px;
}
ul.lessonLogsTestimonialList li img {
    border-width:0;
    margin:10px;
}
ul.lessonLogsTestimonialList li .awardText {
    padding-top: 24px;
    height: 79px;
}


/*CONTACT PAGE*/
.lessonLogsContactHeader {
    font-size:24px;
    color:#555555;
    margin-top:0;
    margin-bottom:5px;
    border-bottom:1px #eee solid;
}

.tutorialImageContainer {
    border-color:#444 !important;
    border-width:6px;
    border-style:solid;
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}












/*Bar Loading Icon*/
#facebookG{
    display:none;
    margin-left:14px;
}

.facebook_blockG{
    background-color:#FFFFFF;
    border:0px solid #ffffff;
    float:left;
    height:16px;
    margin-left:5px;
    width:5px;
    -webkit-animation-name:bounceG;
    -webkit-animation-duration:1.8s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:linear;
    -webkit-transform:scale(0.91);
    -moz-animation-name:bounceG;
    -moz-animation-duration:1.8s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-direction:linear;
    -moz-transform:scale(0.91);
    -o-animation-name:bounceG;
    -o-animation-duration:1.8s;
    -o-animation-iteration-count:infinite;
    -o-animation-direction:linear;
    -o-transform:scale(0.91);
    -ms-animation-name:bounceG;
    -ms-animation-duration:1.8s;
    -ms-animation-iteration-count:infinite;
    -ms-animation-direction:linear;
    -ms-transform:scale(0.91);
    opacity:0.1;
}

#blockG_1{
    -webkit-animation-delay:0.3s;
    -moz-animation-delay:0.3s;
    -o-animation-delay:0.3s;
    -ms-animation-delay:0.3s;
}

#blockG_2{
    -webkit-animation-delay:0.60s;
    -moz-animation-delay:0.60s;
    -o-animation-delay:0.60s;
    -ms-animation-delay:0.60s;
}

#blockG_3{
    -webkit-animation-delay:0.95s;
    -moz-animation-delay:0.95s;
    -o-animation-delay:0.95s;
    -ms-animation-delay:0.95s;
}

@-webkit-keyframes bounceG{
0%{
-webkit-transform:scale(1.2);
opacity:1}

100%{
-webkit-transform:scale(0.7);
opacity:0.1}

}

@-moz-keyframes bounceG{
0%{
-moz-transform:scale(1.2);
opacity:1}

100%{
-moz-transform:scale(0.7);
opacity:0.1}

}

@-o-keyframes bounceG{
0%{
-o-transform:scale(1.2);
opacity:1}

100%{
-o-transform:scale(0.7);
opacity:0.1}

}

@-ms-keyframes bounceG{
0%{
-ms-transform:scale(1.2);
opacity:1}

100%{
-ms-transform:scale(0.7);
opacity:0.1}

}







/*-------------------------------------------------------------------------------------------------------
START OF MEDIA QUERIES-----------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------*/

@media screen and (max-width:500px) {
    #lessonLogsHeaderContainer {
        position:fixed;
        top:0;
        right:0;
        z-index:800;
        width:100%;
        background-color:#2A85E8;
        padding:0;
        margin:0;
        border-bottom:1px #fff solid;
    }
    #loginForm .loginHeader {
        display:block;
    }

    #lessonLogsNavSocialMediaContainer {
        position:absolute;
        top:0;
        left:5px;
        z-index: 0;
        min-width:240px;
        height:31px;
    }

    #lessonLogsNavSocialMediaContainer .lessonLogsMediaItem {
        float:left;
    }
    #loginForm {
        width:100%;
        height:138px;
        border-width:0 0 4px 0;
        padding:54px 0 0 0;
        margin:0;
    }
    #loginForm input[type="text"], #loginForm input[type="password"] {
        width:90%;
        margin-left:5%;
    }
    #loginForm input[type="checkbox"] {
        width:auto;
        margin:8px 4px 0 2px;
    }
    #loginForm button {
        width:140px;
        height:30px;
        border-radius:2px;
        margin-right:3%;
    }
    #loginForm label {
        margin-left:5%;
    }

    .loginToggleOver {
        background:#2A85E8 !important;
        color:#fff !important;
    }
    #loginErrorContainer {
        top:32px;
        width:100%;
        margin:0;
        border-width:2px 0 2px 0;
    }
    .openLoginForm {
        top:224px !important;
    }

    /*HEADER*/
    #id {
        padding-top:40px !important;
        padding-bottom:0 !important;
    }

    /*NAVIGATION*/
    #primary-nav-select {
        display:none;
    }

    #lessonLogsPrimaryNavTab {
        display:block;
    }


    /*CALL TO ACTION*/
    #heroImage {
        position:absolute;
        top:66px;
        left:0;
        margin-left:5%;
        margin-right:auto;
        max-width:154px;
        max-height:125px;
        margin-bottom:80px;
    }
    #heroText {
        position:relative;
        top:-100px;
        left:0;

        margin-bottom:180px;
    }
    #heroText .heroHeader {
        text-align:center;
        font-size:1.7em;
        font-weight:bold;
        letter-spacing: -2px;
    }
    #heroText .heroSubHeader {
        position:absolute;
        top:40px;
        right:0;
        width:43%;
        text-align:left;
        font-size:16px;
    }
    .createAStudioBtn {
        position:absolute;
        top:220px;
        left:0;

        display:block;
        margin:10px 5% 5% 5%;
        padding:10px 0 10px 0;
        cursor:pointer;
        min-width:200px;
        width:90%;
        height:auto;
        line-height:70px;
        border-radius:9px;
        background:#ff7200;
        text-align:center;
        font-size:2.5em;
        font-weight:bold;
        border:2px #ffffff solid !important;
        text-shadow:2px 2px rgba(0,0,0,0.3);
        -moz-user-select:none;
        -webkit-user-select:none;
        color:#ffffff !important;
    }
    .belowCallToAction {
        text-align:center;
    }


    #accountOpenForm {
        margin: 0 auto 20px auto;

        background:transparent;
        border-radius:0;
        padding:0;
        border:0px #fff solid;
    }
}

@media screen and (min-width:500px) and (max-width:600px) {
    #lessonLogsHeaderContainer {
        position:fixed;
        top:0;
        right:0;
        z-index:800;
        width:100%;
        background-color:#2A85E8;
        padding:0;
        margin:0;
        border-bottom:1px #fff solid;
    }
    #loginForm .loginHeader {
        display:block;
    }

    #lessonLogsNavSocialMediaContainer {
        position:absolute;
        top:0;
        left:5px;
        z-index: 0;
        min-width:240px;
        height:31px;
    }

    #lessonLogsNavSocialMediaContainer .lessonLogsMediaItem {
        float:left;
    }
    #loginForm {
        width:100%;
        height:138px;
        border-width:0 0 4px 0;
        padding:54px 0 0 0;
        margin:0;
    }
    #loginForm input {
        width:90%;
        margin-left:5%;
    }
    #loginForm input[type="checkbox"] {
        width:auto;
        margin:8px 4px 0 2px;
    }
    #loginForm button {
        width:140px;
        height:30px;
        border-radius:2px;
        margin-right:3%;
    }
    #loginForm label {
        margin-left:5%;
    }

    .loginToggleOver {
        background:#2A85E8 !important;
        color:#fff !important;
    }
    #loginErrorContainer {
        top:32px;
        width:100%;
        margin:0;
        border-width:2px 0 2px 0;
    }
    .openLoginForm {
        top:224px !important;
    }


    /*HEADER*/
    #id {
        padding-top:40px !important;
        padding-bottom:0 !important;
    }

    /*NAVIGATION*/
    #primary-nav-select {
        display:none;
    }

    #lessonLogsPrimaryNavTab {
        display:block;
    }


    /*CALL TO ACTION*/
    #heroImage {
        position:absolute;
        top:66px;
        left:0;
        margin-left:5%;
        margin-right:auto;
        max-width:154px;
        max-height:125px;
        margin-bottom:80px;
    }
    #heroText {
        position:relative;
        top:-100px;
        left:0;

        margin-bottom:166px;
    }
    #heroText .heroHeader {
        text-align:center;
        font-size:2.2em;
        font-weight:bold;
    }
    #heroText .heroSubHeader {
        position:absolute;
        top:80px;
        right:0;
        width:60%;
        text-align:left;
        font-size:16px;
    }
    .createAStudioBtn {
        position:absolute;
        top:210px;
        left:0;
        display:block;
        margin:10px 5% 5% 5%;
        padding:10px 0 10px 0;
        cursor:pointer;
        min-width:200px;
        width:90%;
        height:auto;
        line-height:70px;
        border-radius:9px;
        background:#ff7200;
        text-align:center;
        font-size:2.5em;
        font-weight:bold;
        border:2px #ffffff solid !important;
        text-shadow:2px 2px rgba(0,0,0,0.3);
        -moz-user-select:none;
        -webkit-user-select:none;
        color:#ffffff !important;
    }
    .belowCallToAction {
        width:100%;
        text-align:center;
    }



    #accountOpenForm {
        margin: 0 auto 20px auto;

        background:transparent;
        border-radius:0;
        padding:0;
        border:0px #fff solid;
    }
}
@media screen and (min-width:600px) and (max-width:768px) {
    #lessonLogsHeaderContainer {
        position:fixed;
        top:0;
        right:0;
        z-index:800;
        width:100%;
        background-color:#2A85E8;
        padding:0;
        margin:0;
        border-bottom:1px #fff solid;
    }

    #lessonLogsNavSocialMediaContainer {
        left:5px;
    }
    /*HEADER*/
    #id {
        padding-top:40px !important;
        padding-bottom:10px !important;
    }

    /*NAVIGATION*/
    #primary-nav-select {
        display:none;
    }

    #lessonLogsPrimaryNavTab {
        display:block;
    }

    /*CALL TO ACTION*/
    #heroImage {
        position:absolute;
        top:40px;
        right:60%;
        margin-left:5%;
        margin-right:auto;
        max-width:230px;
        margin-bottom:80px;
    }
    #heroText {
        position:relative;
        top:-40px;
        left:0;
        min-width:50%;
        margin-bottom:300px;
    }
    #heroText .heroHeader {
        position:absolute;
        right:30px;
        width:120%;
        text-align:left;
        font-size:2.2em;
        font-weight:bold;
    }
    #heroText .heroSubHeader {
        position:absolute;
        top:90px;
        right:30px;
        width:120%;
        text-align:left;
        font-size:16px;
    }
    .createAStudioBtn {
        position:absolute;
        top:240px;
        left:0;

        display:block;
        margin:10px 15% 5% 15%;
        padding:10px 0 10px 0;
        cursor:pointer;
        min-width:200px;
        width:70%;
        height:auto;
        line-height:70px;
        border-radius:9px;
        background:#ff7200;
        text-align:center;
        font-size:2.5em;
        font-weight:bold;
        border:2px #ffffff solid !important;
        text-shadow:2px 2px rgba(0,0,0,0.3);
        -moz-user-select:none;
        -webkit-user-select:none;
        color:#ffffff !important;
    }
    .belowCallToAction {
        position:absolute;
        bottom:-8px;
        left:0;
        margin: 0 10% 0 10%;
        width:80%;
        text-align: center;
        font-size:11px;
    }
    #accountOpenForm {
        margin: 0 auto 20px auto;
    }
}
@media screen and (min-width:769px) and (max-width:900px){
    #lessonLogsHeaderContainer {
        position:fixed;
        top:0;
        right:0;
        z-index:800;
        width:100%;
        background-color:#2A85E8;
        padding:0;
        margin:0;
        border-bottom:1px #fff solid;
    }


    #lessonLogsNavSocialMediaContainer {
        left:5px;
    }

    /*HEADER*/
    #id {
        padding-top:40px !important;
        padding-bottom:10px !important;
    }

    /*NAVIGATION*/
    #primary-nav-select {
        display:none;
    }

    #lessonLogsPrimaryNavTab {
        display:block;
    }
    #accountOpenForm {
        margin: 0 auto 20px auto;
    }
}
@media screen and (min-width:901px) {
    /*HEADER*/
    #id {
        padding-top:20px !important;
        padding-bottom:10px !important;
    }

    /*NAVIGATION*/
    #primary-nav-select {
        display:none;
    }
    #lessonLogs-primary-nav {
        display:none !important;
    }
    #lessonLogsPrimaryNavTab {
        display:none !important;
    }
}