﻿        .LoginDiv {
            margin: 0 auto;
        }
        .cb-slideshow {
            z-index: -1;
        }
        .MainTD {
            background:url('/Apps/LA-FreelanceImages/Logos/2000px-National_Football_League_2008.svg_10_WBorder.png') no-repeat scroll 50% 0% / 185px auto transparent;
            height: auto;
            width:auto;
            margin: 0 auto;
        }
        .MainTD, .MainTD a, .MainTD a:visited,.MainDIV, .MainDIV a, .MainDIV a:visited {
            color: #FFF;
            text-shadow: 0px 1px 1px #000, -1px 2px 1px #000, 0 -1px 1px #000;
            text-decoration: None;
        }
        /*.MainTD table, .MainDIV{
            padding: 20px;
            border-radius: 3px;
            font-family: NFLEndzoneTechBold,NFLMain,Arial;
            font-size: 16px;
            margin: 240px auto 0px;
            border: 5px solid rgba(255, 255, 255, 0.94);
            box-shadow: 0 0 1px rgba(255, 255, 255, 0.94);
        }*/
            .MainTD table, .MainDIV {
                padding: 20px;
                border-radius: 3px;
                font-family: NFLEndzoneTechBold,NFLMain,Arial;
                font-size: 16px;
                margin: 0 auto 0px;
                /* border: 5px solid rgba(255, 255, 255, 0.94); */
                /* box-shadow: 0 0 1px rgba(255, 255, 255, 0.94); */
                position: relative;
                /*bottom: 200px;
                 left: 15px; 
                top: 200px;*/
                border: none;
            }
 
        #ctl00_MainContent_NewUserWizard {
        }
        #ctl00_MainContent_NewUserWizard table:nth-child(1) {
            font-family: NFLEndzoneTechBold,NFLMain,Arial;
            padding: 20px;
            border-radius: 3px;
            font-family: NFLEndzoneTechBold,NFLMain,Arial;
            font-size: 16px;
        }
        #Primary_UserData_TBL {
            margin: 0 40px;
            /*border: 5px solid rgba(255, 255, 255, 0.94);
            box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.94);*/
            background: none;
        }
            #Primary_UserData_TBL span {
                position: absolute;
                top: 0;
                left: -7px;
            }
        .hint {
            font-size: 10px;
        }
        .TBL_Inner .Title {
            line-height: 21px;
            font-size: 11px;
        }
        .formfield select {
            width: 171px;
        }
        .Title {
            font-size: 16px;
            line-height: 42px;
        }
        .MainTD  input[type="text"], .MainTD  input[type="password"]{
            background: rgba(0, 0, 0, 0.64);
            color: #FFF;
        }
        #Primary_UserData_TBL, .MainTD table, .TBL table {
            /*background: none repeat scroll 0% 0% rgba(0, 48, 95, 0.9);*/
        }
        .MDTBL, .Container {
            /*margin: -2% auto 0px;*/
        }        
        .HeadingTitle {
            font-size: 30px;
            text-align: center;
        }

        .Co_Logo {
        height: 107px;
        }
        .UserDiv, .HeaderImg > div, #UserInfoDetV div {
        display: inline-block;
        }
        .Logo_Text {
            font-size: 61px;
            font-family: NFLMain;
            font-size: 59px;
            color: rgb(0, 51, 102);
            -webkit-mask-image: -webkit-gradient(linear, left top, » left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
            -moz-mask-image: -webkit-gradient(linear, left top, » left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
            mask-image: -webkit-gradient(linear, left top, » left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
            -ms-mask-image: -webkit-gradient(linear, left top, » left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
            /* text-shadow: -1px -1px 4px #CCC,          1px -1px 4px #CCC,         -1px 1px 4px #CCC,         1px 1px 4px #CCC; */
            text-shadow: 1px 1px .025px rgba(255, 255, 255, 0.44);
            position: absolute;
            top: 11px;
            left: 91px;
            line-height: 20px;
        }
        .UserDIV_Container {
            float: right;
            margin: 0px 11px 0px 0px;
        }
        .Heading_Sub {
        font: 22px NFLEndzoneTechBold;
        }

    .TBL, .TBL_Inner{margin: 0 auto; }
    /*.TBL {min-width: 400px; width: 50%;padding: 20px}*/
    .TBL_Inner{width: 100%; }
    .Inline, .Title {display: inline-block}
    .Title {width: 100px}
    .TBL input:not([type]), input[type="email"],
    input[type="number"], input[type="password"],
    input[type="tel"], input[type="url"],
    input[type="text"] {
        width: 95%;
        font-size: 22px;
        margin: 5px 0px;
        padding: 4px;
    }
     .SkillsetsStep {
            width: 100%;
            height: 295px;
            border:0;
        }
    #ctl00_MainContent_myLogin_UserNameRequired,
    #ctl00_MainContent_myLogin_PasswordRequired {
        position: absolute;
        z-index: 1;
    }  
    
 @media only screen and (max-device-height: 370px)/*------------------------------------------------------------------------------------*/
{
    body {
        width: 400px;
        }    
    .cb-slideshow {
            top: -16px;
            content: '';
            background-image: url(/Images/BG/2014-football-background.jpg) ;
            background-size: 80%;
            background-position: -96px;
            background-repeat: no-repeat;
        }
        .cb-slideshow li:nth-child(1) span {
            background-image: url(/Images/BG/nfl-football-players-montage.jpg);
        }
       .MainTD table {
            position: fixed;
            /* bottom: 20%; */
            font-size: 14px !important;
            /* left: 20%; */
            padding: 7px ;
            border-radius: 0;
            background-color: #FFF;
            box-shadow: 1px 1px 3px #000;
            right: 0;
            top: -146px;
            height: 100%;
        }
    .MainTD input[type="submit"] {
        width: 100% !important;
        margin: 18px 0px;
    }
    #ctl00_MainContent_myLogin_LoginButton {
        margin: 2px;
        font-size: 20px;
        padding: 3px;
    }
        .MainTD table tr:nth-child(4) {
            padding: 21px 0 16px;
        }
    MainTD table, #Primary_UserData_TBL {
        position: fixed;
    }
    .Logo_Text {
        color: #FFF !important;
        text-shadow: none !important;
        font-size: 25px;
        line-height: 27px;
        margin: 2px 0px 0px 68px;
    }
    .Heading_Sub {
        font: 14px NFLEndzoneTechBold;
        }
    .HeadDIV 
        {
            position: absolute;
            top: 83px;
            left: 4px;
            background-color:rgba(255, 255, 255, 0.00);
        }
    .MainTD {
            background: none;
            position:fixed;
        }
    .MainTD table, .MainTD table a, .MainTD table a:visited {
            color: #003E6B !important;
            text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.24), -1px 2px 1px rgba(0, 0, 0, 0.24), 0px -1px 1px rgba(0, 0, 0, 0.24);
            top: -240px;
        }
    .MainTD input[type="text"], .MainTD input[type="password"] {
        font-size: 24px;
         width: 97% !important;
         /*margin: 0 0 -33px;*/
        
        }
    .cb-slideshow li span { 
                -webkit-animation: none;
                -moz-animation: none;
                -o-animation: none;
                -ms-animation: none;
                animation: none; 
                
            }

    .cb-slideshow, .cb-slideshow:after {
        /*top: -12px;*/
    }
    .footer {
            bottom: 0;
            width: 100% !important;
            position: absolute;
            height: 28%;
            background: #FFF;
            z-index: -1;
            display:none;
        }
    .Co_Logo {
        height: 94px;
    }
    [type="checkbox"]:checked + label:after {
        content: '✔';
    }
    [type="checkbox"]:not(:checked) + label:after {
        content: '';
    }
    [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after {
        position: absolute;
        top: 7px;
        left: 78px;
        font-size: 39px;
        color: #09AD7E;
        transition: all 0.2s ease 0s;
        background: none repeat scroll 0% 0% #003E6B;
        height: 26px;
        width: 26px;
        line-height: 23px;
    }
    #ctl00_MainContent_myLogin_CreateUserLink b {
        border-bottom: 1px dotted #003E6B;
        padding: 0px 36px;
        margin: 0px 23px;
        content: 'Create New Account';
    }
    #ctl00_MainContent_myLogin_RememberMe {
        margin: 11px 0 11px 91px;
    }
    #ctl00_MainContent_myLogin_lnkForgetPassword{margin: 48px;}
}


 @media screen and (max-width: 480px) { /*-------------------------------------------------------------------------------------------------*/
{
        body {
            width: 400px;
            }
        .HeadingTitle {
            font-size: 14px;
        }
        .cb-slideshow li:nth-child(1) span {
            background-image: url(/Images/BG/nfl-football-players-montage.jpg);
        }
        .cb-slideshow {
            content: '';
            background-image: url(/Images/BG/Switcher/3.gif) ;
            background-size: 273%;
            background-position: -327px 2px;
            }
        .Co_Logo {
            height: 86px;
        }
       .MainTD table,#Primary_UserData_TBL {
            /*position: absolute;
            bottom: 20%;
            font-size: 26px !important;
            left: 20%;
            border-radius: 10px;
            background-color: #FFF;
            box-shadow: 1px 1px 3px #000;
            position: fixed;
            bottom: 5%;
            left: 10%;
            right: 10%;*/
            font-size: 11px !important;
            border-radius: 10px;
            background-color: rgba(255, 255, 255, 0.53);
            box-shadow: 1px 1px 3px #000;
            border: none;
            
        }
        .MainTD table tr:nth-child(4) {
            padding: 21px 0 16px;
        }
        .Logo_Text {
            color: #FFF !important;
            text-shadow: none !important;
            font-size: 31px;
            line-height: 23px;
            margin: 0px;
            position: relative;
            top: 2px;
        }
    .HeadDIV {
        position: absolute;
        top: 14px;
        left: 3%;
        background: rgba(255, 255, 255, 0);
    }
    .Heading_Sub {
        font:17px NFLEndzoneTechBold;
    }
    .MainTD {
            background: none;
            height: auto;
            width: auto;
        }
    .MainTD table {
        margin: 144px auto 0;
    }

    .MainTD table, .MainTD table a, .MainTD table a:visited,
    #Primary_UserData_TBL, #Primary_UserData_TBL a, #Primary_UserData_TBL a:visited {
            color: #003E6B !important;
            text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.24), -1px 2px 1px rgba(0, 0, 0, 0.24), 0px -1px 1px rgba(0, 0, 0, 0.24);
        }
    .MainTD input[type="text"], .MainTD input[type="password"], .MainTD input[type="submit"] {
        font-size: 19px;
         width: auto !important;
         margin: 7px auto;
        
        }
    #ctl00_MainContent_myLogin {
        width: auto !important;

    }
    #ctl00_MainContent_myLogin_LoginButton {
        margin: 9px 0;
    }
    .cb-slideshow li span { 
                -webkit-animation: none;
                -moz-animation: none;
                -o-animation: none;
                -ms-animation: none;
                animation: none; 
                
            }
    .cb-slideshow, .cb-slideshow:after {
    }
    .footer {
            bottom: 0;
            width: 100% !important;
            position: absolute;
            height: 28%;
            background: #FFF;
            z-index: -1;
            display:none;
        }
    .MainTD input[type="submit"] {
          width: 100% !important;
          margin: 36px 0;
        }
    [type="checkbox"]:checked + label:after {
        content: '✔';
    }
    [type="checkbox"]:not(:checked) + label:after {
        content: '';
    }
    [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after {
        position: relative;
        top: 0;
        right: -4px;
        font-size: 20px;
        color: #09AD7E;
        transition: all 0.2s ease 0s;
        background: none repeat scroll 0% 0% #003E6B;
        height: 25px;
        width: 24px;
        line-height: 23px;
    }
    #ctl00_MainContent_myLogin_CreateUserLink b {
        border-bottom: 1px dotted #003E6B;
        padding: 5px 36px;
        margin: 0 5%;
        content: 'Create New Account';
    }
    #ctl00_MainContent_myLogin_RememberMe {
        margin: 8px 0px 0px 15px;
    }
    #ctl00_MainContent_myLogin_lnkForgetPassword {
        margin: 39px;
        line-height: 27px;
    }
    .cb-slideshow, .cb-slideshow:after {
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0 !important;
        position: fixed;
        margin: 0;
        padding: 0;
        bottom: 0;
    }
    Co_Logo {
            height: 40px;
            overflow: hidden;
            padding: 10px 0;
        }
        .logo {
            height: 110px;
            position: relative;
            left: -13px;
        }
            .logo g {
                fill: #FFF;
                stroke: #CCC;
                stroke-width: 32;
            }
            
}

 /*-----------------------------------------------------------------------------------------------------*/
@media screen and (min-device-width: 815px) {

    .TBL table {
            /*background: transparent !important;
             padding: 20px; */
            border-radius: 0 !important;
            margin: 0 !important;
      }
        #Convention_UserName_LBL {
            color: red;
        }
        #ctl00_MainContent_NewUserWizard {
            border-radius: 4px 4px 40px 40px !important;
            border: 5px solid rgba(255, 255, 255, 0.94);
            box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.94);
        }
        #Primary_UserData_TBL {
            border: none;
            background: transparent !important;
            border-radius: none !important;
            
        }
}
