/**
    
    
    XERO Blue #00B6E0
    
    **/

.ErrorTextBox {
    border: solid 1px Red;
    padding: 3px;
    background-color: yellow;
}

::-webkit-scrollbar {
    width: 15px;
}

::-webkit-scrollbar-track {
    background: #EEEFEE;
    border: Solid 1px Silver;
}

::-webkit-scrollbar-thumb {
    background: -webkit-linear-gradient(left, rgb(66, 201, 232), rgb(0, 182, 224));
    border: 1px solid #333333;
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
}

body, html, form {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

/* MAIN STRUCTURE OF NEW LAYOUT */

.header {
    height: 95px;
    width: 100%;
    top: 0;
}

    .header.admin {
        height: 124px;
    }

.mainContent {
    min-height: 750px;
    background-color: white;
    margin: 0px auto 0px auto;
    /*width: 1100px;*/
}

    .mainContent.admin {
        min-height: calc(100% - 208px);
    }

.contentPadding {
    padding: 5px;
}

.clear {
    clear: both;
    float: none;
}

.adminEisteddfodSelector {
    float: left;
    /*height: 40px;*/
    background-color: #00B6E0;
    vertical-align: middle;
    margin: 15px 10px;
    padding: 5px;
    border-radius: 3px;
    color: white;
}

.container-stardom {
    /*width: 1100px;*/
    margin: 0 auto;
}

#headerTable, #headerTable > table {
    width: 100%;
    border-collapse: collapse;
    border-bottom: solid 1px #00B6E0;
    background-color: #00B6E0;
    background-image: url('../images/banner.png');
    background-repeat: no-repeat;
    height: 95px; /*#00ADD9*/
}


    #headerTable > tr > td {
        height: 95px;
        padding: 0px;
        margin: 0px;
    }

    #headerTable #rightCol {
        width: 120px;
        vertical-align: top;
    }




#headerTop {
    height: 60px;
}

#headerMenu {
    height: 35px;
    vertical-align: bottom;
    padding: 0px;
    border-collapse: collapse;
}

#userMenu {
    color: blue;
    height: 35px;
    background-color: red;
}

    #userMenu li {
        display: inline;
        width: 90px;
        height: 100%;
        vertical-align: middle;
        text-align: center;
    }

        #userMenu li a {
            height: 100%;
        }

#headerMenu li .active {
    background-color: white;
}




.Impersonation {
    width: 300px;
    margin: 0 auto;
    border: solid 1px red;
    text-align: center;
    padding: 10px;
}


.wizardProgressDiv {
    width: 100%;
    font-size: 12px;
    color: #00B6E0;
}

    .wizardProgressDiv hr {
        border: 0;
        height: 0;
        border-top: 1px solid #00B6E0;
        border-bottom: 1px solid rgba(0, 182, 244, 0.2);
    }

.miniInstruction {
    font-size: 12px;
    width: 99%;
    color: #444545;
    background-color: #FFF9B0;
    margin-bottom: 2px;
    border: solid 1px orange;
    padding: 2px 0px;
    text-align: center;
}

.overviewFull {
    width: 100%;
}

    .overviewFull > tbody > tr > td {
        padding: 5px;
    }


.homePageButton {
    padding: 5px 5px;
    vertical-align: middle;
    font-size: 15px;
    border-width: 1px;
    cursor: pointer;
    width: 220px;
    color: black;
    background: -ms-linear-gradient(top, #ECECEC 0%, #D7D7D7 100%);
    background: -moz-linear-gradient(top, #ECECEC 0%, #D7D7D7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ECECEC), color-stop(100%, #D7D7D7));
    background: -webkit-linear-gradient(top, #ECECEC 0%, #D7D7D7 100%);
    background: -o-linear-gradient(top, #ECECEC 0%, #D7D7D7 100%);
    background: linear-gradient(to bottom, #ECECEC 0%, #D7D7D7 100%);
    border-color: #005A7C;
}

.compEntryButton {
    padding: 3px 0px;
    vertical-align: middle;
    border-width: 1px;
    cursor: pointer;
    color: black;
    border-color: #005A7C;
    width: 175px;
}

.nextStartButton, .homePageButton.nextStartButton {
    /*darker green background*/
    /*background: -moz-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#5CCD00),color-stop(100%,#4AA400));
    background: -webkit-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
    background: -o-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
    background: -ms-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
    background: linear-gradient(top,#5CCD00 0%,#4AA400 100%);*/
    /*lighter green background*/
    background: -ms-linear-gradient(top, #BBE481 0%, #50BA31 100%);
    background: -moz-linear-gradient(top, #BBE481 0%, #50BA31 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BBE481), color-stop(100%, #50BA31));
    background: -webkit-linear-gradient(top, #BBE481 0%, #50BA31 100%);
    background: -o-linear-gradient(top, #BBE481 0%, #50BA31 100%);
    background: linear-gradient(to bottom, #BBE481 0%, #50BA31 100%);
    border-color: #459A00; /*BBE481*/
}

.homePageButton.manageButton, .manageButton {
    background: -ms-linear-gradient(top, #76D7EE 0%, #00B6E0 100%);
    background: -moz-linear-gradient(top, #76D7EE 0%, #00B6E0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#76D7EE), color-stop(100%, #00B6E0));
    background: -webkit-linear-gradient(top, #76D7EE 0%, #00B6E0 100%);
    background: -o-linear-gradient(top, #76D7EE 0%, #00B6E0 100%);
    background: linear-gradient(to bottom, #76D7EE 0%, #00B6E0 100%);
}

.homePageButton > table, .compEntryButton > table {
    width: 100%;
}

    .homePageButton > table td:first-child {
        width: 50px;
        text-align: center;
    }

    .compEntryButton > table td:first-child {
        width: 35px;
    }

    .homePageButton > table td:last-child, .compEntryButton > table td:last-child {
        text-align: center;
    }

.homePageButton:hover, .homePageButton.nextStartButton:hover, .manageButton:hover {
    background: -ms-linear-gradient(top, #FFAD33 0%, #FF9900 100%);
    background: -moz-linear-gradient(top, #FFAD33 0%, #FF9900 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFAD33), color-stop(100%, #FF9900));
    background: -webkit-linear-gradient(top, #FFAD33 0%, #FF9900 100%);
    background: -o-linear-gradient(top, #FFAD33 0%, #FF9900 100%);
    background: linear-gradient(to bottom, #FFAD33 0%, #FF9900 100%);
    background-color: #FFAD33;
    border-color: #707070;
}

.manageButton:disabled, .nextStartButton:disabled {
    background: -ms-linear-gradient(top, #E9E9E9 0%, #E9E9E9 100%);
    background: -moz-linear-gradient(top, #E9E9E9 0%, #E9E9E9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E9E9E9), color-stop(100%, #E9E9E9));
    background: -webkit-linear-gradient(top, #E9E9E9 0%, #E9E9E9 100%);
    background: -o-linear-gradient(top, #E9E9E9 0%, #E9E9E9 100%);
    background: linear-gradient(to bottom, #E9E9E9 0%, #E9E9E9 100%);
    background-color: #E9E9E9;
    color: silver;
    border-color: silver;
}

.dummy {
    color: #F16363;
}





/* Administratoin Section - Master Page settings */
.adminHeader {
    color: white;
    background-color: #00B6E0;
}

.adminMenu {
    background-color: #00B6E0;
    height: 100%;
    font-size: 14px;
}

    .adminMenu a, .adminMenu a:visited, .adminMenu a:hover {
        color: white;
        text-decoration: none;
        padding-left: 20px;
        padding-right: 20px;
        line-height: 30px;
    }

    .adminMenu table {
        border-collapse: collapse;
        width: 100%;
    }

        .adminMenu table > tbody > tr > td {
            text-align: center;
        }

            .adminMenu table > tbody > tr > td:hover {
                background-color: #FFAD33;
            }


/*.NewBodyMainWidth {
    width: 1100px;
    display: block;
    margin: 0px auto;
    background-color: white;
    height: 100%;
}

.InnerWrapperPadding {
    padding: 10px;
}*/

/*Margin Helpers*/
.m-r-5 {
    margin-right: 10px;
}

.m-r-10 {
    margin-right: 10px;
}

.m-r-15 {
    margin-right: 15px;
}

.m-r-20 {
    margin-right: 20px;
}

.m-l-5 {
    margin-left: 10px;
}

.m-l-10 {
    margin-left: 10px;
}

.m-l-15 {
    margin-left: 15px;
}

.m-l-20 {
    margin-left: 20px;
}

.m-t-5 {
    margin-top: 10px;
}

.m-t-10 {
    margin-top: 10px;
}

.m-t-15 {
    margin-top: 15px;
}

.m-t-20 {
    margin-top: 20px;
}

.m-b-5 {
    margin-bottom: 10px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-15 {
    margin-bottom: 15px;
}

.m-b-20 {
    margin-bottom: 20px;
}



@media (max-width: 991px) {
    #new-stardom-nav {
        background: none;
    }
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}