/* CSS Document */

:root {
    --bp-color_focus: none;
}

/* CSS Reset - html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
*/
/* Start of Reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    /*vertical-align:baseline;*/
    background: transparent;
    font-family: Calibri, Trebuchet MS;
    -webkit-font-smoothing: antialiased;
}

body {
    line-height: 1;
    overflow: scroll;
    background-color: #e5e5e5;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

    nav ul {
        list-style: none;
    }

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}
/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}
/*--- End of Reset ---*/

/*--Browser Redirect--*/
#ie6Redirect {
    display: none;
}
/*--End of Browser Redirect--*/






/*Site Template-----------------------------------------------------------------*/
/*#eacContentWrap {
    overflow: hidden;
    margin: 25px auto 2px;
}

#eacContent {
    position: relative;
    display: block;
    width: 820px;*/
    /*margin: 25px auto 0;*/
    /*padding: 0 0 1px 0;
    background-color: #e7e7e7;
    background-image: url(../images/eacContentRepeat.png);
    background-repeat: repeat-x;
    background-position: bottom;*/
    /*overflow: hidden;*/
/*}*/

/*div#eacContentHeading {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    overflow: hidden;
}*/

/*#headerGradient {
    position: absolute;
    left: 50%;
    margin-left: -344px;
    display: block;
    width: 688px;
    height: 39px;
    background-image: url(../images/headerGradient.png);
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1000;
}*/

/*#eacContentHeading_h1 {
    height: 25px;
    margin: 6px 0;
    color: #767676;
    z-index: 0;
    font: italic bold 21px/25px Arial,Helvetica,sans-serif;
}*/
/*
#eacContentInner, #eacContentInnerEcho {
    display: block;
    width: 790px;
    margin: 0 auto 5px;
    padding: 20px 0 13px;
    background-color: #FFF;
    overflow: hidden;
}

#eacContentInnerEcho {
    padding: 8px 0 0;
}*/
/*End of Site Template-----------------------------------------------------------------*/
input[type=text]:focus,
input[type=password]:focus {
    outline: 0 none;
}

input[type=text] {
    border: 1px solid #EEE;
}

/*.copy {
    clear: both;
    display: block;
    overflow: hidden;
    font-size: 20px;
    line-height: 1.5;
    margin: 10px 30px 20px;
    color: #666;
    line-height: 1.2;
    font-size: 18px;
}

    .copy strong {
        display: block;
        font-size: 22px;
        margin-bottom: 0;
    }

h2.page_title {
    font-size: 24px;
    display: block;
    padding: 5px;
    margin: 20px 0 0 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #666;
    text-align: center;
}*/

/*h2.homeHeading {
    font-size: 24px;
    display: block;
    margin: 10px 30px 15px 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #666;
}*/

@font-face {
    font-family: "Calibri";
    src: url("../font/calibri.ttf") format("truetype");
}

underline {
    text-decoration: underline;
}

b {
    font-weight: bolder;
}

body {
    background-image: url(../images/body_bg_repeat_x.png);
    background-repeat: repeat-x;
    background-color: #E5E5E5;
    font-family: "Calibri";
    font-size: 14px;
}

strong {
    font-weight: bold;
}

/*dl.faq dt {
    clear: both;
    margin: 10px 30px;
    text-decoration: none;
    list-style: none;
    font-size: 22px;
    color: #666;
    font-weight: bolder;
    line-height: 1;
}*/

.width800 {
    position: relative;
    width: 860px;
    margin: 0 auto;
    display: block;
}

/*.header {
    position: relative;
}

.header_bg {
    display: block;
    width: 1133px;
    background-position: top;
    background-image: url(../images/eac_header_bg.png);
    background-repeat: no-repeat;
    margin: 0 auto;
}*/

/*#headerlogo {
    display: block;
    width: 860px;
    height: 148px;
    background-image: url(../images/eac_header_logo.png);
    background-repeat: no-repeat;
    margin: 0 auto;
}*/

/*#headerlogo img {
margin-top:10px;
}*/

.sitebox {
    background: #FFFFFF;
    -webkit-box-shadow: 2px 2px 4px 2px #cccccc;
    -moz-box-shadow: 2px 2px 4px 2px #cccccc;
    box-shadow: 2px 2px 4px 2px #cccccc;
    -moz-border-radius: 3px;
    margin-bottom: 30px;
}

.sgmenu {
    margin-top: 10px;
    font-family: "Calibri";
    font-size: 16px;
    width: 68px;
    height: 37px;
    /*
padding:8px;
padding-left:18px;
padding-right:18px;
margin-right:12px;
*/
    text-decoration: none;
    color: #000000;
    -moz-border-radius: 3px;
    border: 1px solid #eee;
    background: rgb(238,238,238);
    background: -moz-linear-gradient(top, rgba(238,238,238,1) 40%, rgba(216,216,216,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,rgba(238,238,238,1)), color-stop(100%,rgba(216,216,216,1)));
    background: -webkit-linear-gradient(top, rgba(238,238,238,1) 40%,rgba(216,216,216,1) 100%);
    background: -o-linear-gradient(top, rgba(238,238,238,1) 40%,rgba(216,216,216,1) 100%);
    background: -ms-linear-gradient(top, rgba(238,238,238,1) 40%,rgba(216,216,216,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#d8d8d8',GradientType=0 );
    background: linear-gradient(top, rgba(238,238,238,1) 40%,rgba(216,216,216,1) 100%);
    -moz-box-shadow: 3px 3px 4px #ccc;
    -webkit-box-shadow: 3px 3px 4px #ccc;
    box-shadow: 3px 3px 4px #ccc;
}

    .sgmenu:hover {
        border: 1px solid #56BBFF;
        color: #fff !important;
        text-decoration: none;
        -moz-box-shadow: 3px 3px 4px #ccc;
        -webkit-box-shadow: 3px 3px 4px #ccc;
        box-shadow: 3px 3px 4px #ccc;
        background: #56BBFF; /* old browsers */
        background: -moz-linear-gradient(top, #56BBFF 0%, #0096FF 100%); /* firefox */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#56BBFF), color-stop(100%,#0096FF)); /* webkit */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56BBFF', endColorstr='#0096FF',GradientType=0 ); /* ie */
        background: -o-linear-gradient(top, #56BBFF 0%,#0096FF 100%); /* opera */
    }

/*#menu {
    font-size: 16px;
    display: block;
    padding: 0;
    //height: 48px;
}

input.menuFloat {
    display: block;
    float: left;
    margin-right: 12px;
    width: 110px;
}

input#cmd_login {
    width: 90px;
}

input#cmd_register {
    width: 106px;
}

input.menuEnd {
    display: block;
    float: left;
    margin-right: 0;
}

#menu div.login {
    display: block;
    text-align: center;
    float: left;
    width: 60px;
    height: 49px;
    cursor: pointer;
    padding-left: 18px;
    padding-right: 18px;
    margin-right: 12px;
    text-decoration: none;
    color: #000000;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-bottom: 3px;
    border: 1px solid #eee;
    background: rgb(238,238,238);
    background: -moz-linear-gradient(top, rgba(238,238,238,1) 40%, rgba(216,216,216,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,rgba(238,238,238,1)), color-stop(100%,rgba(216,216,216,1)));
    background: -webkit-linear-gradient(top, rgba(238,238,238,1) 40%,rgba(216,216,216,1) 100%);
    background: -o-linear-gradient(top, rgba(238,238,238,1) 40%,rgba(216,216,216,1) 100%);
    background: -ms-linear-gradient(top, rgba(238,238,238,1) 40%,rgba(216,216,216,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#d8d8d8',GradientType=0 );
    background: linear-gradient(top, rgba(238,238,238,1) 40%,rgba(216,216,216,1) 100%);
    -moz-box-shadow: 3px 3px 4px #ccc;
    -webkit-box-shadow: 3px 3px 4px #ccc;
    box-shadow: 3px 3px 4px #ccc;
}

#menu span.login {
    display: block;
    margin-top: 15px;
}

#menu div.login:hover {
    border: 1px solid #56BBFF;
    color: #fff !important;
    text-decoration: none;
    -moz-box-shadow: 3px 3px 4px #ccc;
    -webkit-box-shadow: 3px 3px 4px #ccc;
    box-shadow: 3px 3px 4px #ccc;
    background: #56BBFF;*/ /* old browsers */
    /*background: -moz-linear-gradient(top, #56BBFF 0%, #0096FF 100%);*/ /* firefox */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#56BBFF), color-stop(100%,#0096FF));*/ /* webkit */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56BBFF', endColorstr='#0096FF',GradientType=0 );*/ /* ie */
    /*background: -o-linear-gradient(top, #56BBFF 0%,#0096FF 100%);*/ /* opera */
/*}*/

/*#menu input {
    cursor: pointer;
    padding: 5px;
    padding-left: 18px;
    padding-right: 18px;
    text-decoration: none;
    border: 1px solid #EEEEEE;
    color: #2B82C7;
    font: italic bold 18px Arial, Helvetica, sans-serif;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-bottom: 3px;*/
    /*IE9 Border*/

    /*border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;*/
    /*background: rgb(238,238,238);
background: -moz-linear-gradient(top, rgba(238,238,238,1) 40%, rgba(216,216,216,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,rgba(238,238,238,1)), color-stop(100%,rgba(216,216,216,1)));
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 40%,rgba(216,216,216,1) 100%);
background: -o-linear-gradient(top, rgba(238,238,238,1) 40%,rgba(216,216,216,1) 100%);
background: -ms-linear-gradient(top, rgba(238,238,238,1) 40%,rgba(216,216,216,1) 100%);
background: linear-gradient(top, rgba(238,238,238,1) 40%,rgba(216,216,216,1) 100%);*/
    /*-moz-box-shadow: 3px 3px 4px #ccc;
    -webkit-box-shadow: 3px 3px 4px #ccc;
    box-shadow: 3px 3px 4px #ccc;
}*/

    /*#menu input:hover {
        color: #fff !important;
        text-decoration: none;
        -moz-box-shadow: 3px 3px 4px #ccc;
        -webkit-box-shadow: 3px 3px 4px #ccc;
        box-shadow: 3px 3px 4px #ccc;
        background: #56BBFF;*/ /* old browsers */
        /*background: rgb(0,150,255);*/ /* Old browsers */
        /*background: -moz-linear-gradient(top, rgba(0,150,255,1) 0%, rgba(0,95,161,1) 100%);*/ /* FF3.6+ */
        /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,150,255,1)), color-stop(100%,rgba(0,95,161,1)));*/ /* Chrome,Safari4+ */
        /*background: -webkit-linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%);*/ /* Chrome10+,Safari5.1+ */
        /*background: -o-linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%);*/ /* Opera11.10+ */
        /*background: -ms-linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%);*/ /* IE10+ */
        /*background: linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%);*/ /* W3C */
        /*border: none;
    }

#menu a:visited {
    color: #333333;
}*/



#loginbox {
    float: right;
    height: 30px;
    border: #CCCCCC 1px solid;
}

/*.content {
    display: block;
    margin-top: 26px;
}
*/
/*.blueHov:hover {
    display: block;
    color: #fff !important;
    text-decoration: none;
    -moz-box-shadow: 3px 3px 4px #ccc;
    -webkit-box-shadow: 3px 3px 4px #ccc;
    box-shadow: 3px 3px 4px #ccc;
    border: 0 none !important;
    background: #56BBFF;*/ /* old browsers */
    /*background: rgb(0,150,255);*/ /* Old browsers */
    /*background: -moz-linear-gradient(top, rgba(0,150,255,1) 0%, rgba(0,95,161,1) 100%);*/ /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,150,255,1)), color-stop(100%,rgba(0,95,161,1)));*/ /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%);*/ /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%);*/ /* Opera11.10+ */
    /*background: -ms-linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%);*/ /* IE10+ */
    /*background: linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%);*/ /* W3C */
    /*MS IE9*/
    /*border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}*/

.blueHovSquare:hover {
    display: block;
    color: #fff !important;
    text-decoration: none;
    -moz-box-shadow: 3px 3px 4px #ccc;
    -webkit-box-shadow: 3px 3px 4px #ccc;
    box-shadow: 3px 3px 4px #ccc;
    border: 0 none !important;
    background: #56BBFF; /* old browsers */
    background: rgb(0,150,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0,150,255,1) 0%, rgba(0,95,161,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,150,255,1)), color-stop(100%,rgba(0,95,161,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%); /* W3C */
}

/*this is for the rainbow css on the consonants and vowels trial game buttons on the login page*/
.blueHov:hover span {
    color: #fff !important;
}

#oopsSwitch.blueHov:hover a {
    color: #fff !important;
}
/*end rainbow tweeks*/

input {
    height: 49px;
    width: 49px;
    border: none;
    /*border:1px solid #CCCCCC;*/
    background: none;
}

.con_sounds_tour {
    border: none;
}

.clearboth {
    clear: both;
}

.clearboth5 {
    clear: both;
    margin-bottom: 5px;
}

.clearboth10 {
    clear: both;
    margin-bottom: 10px;
}

.innershadow {
    -webkit-box-shadow: inset 3px 3px 3px 1px #c2c2c2;
    -moz-box-shadow: inset 3px 3px 3px 1px #c2c2c2;
    box-shadow: inset 3px 3px 3px 1px #c2c2c2;
}

.special14 {
}

/*Login Page*/
/*#loginPanelLeft #txt_quack, #loginPanelLeft #txt_duck {
    width: 120px;
    height: 20px;
}

#txt_quack {
    height: 20px !important;
}*/

/*#controlpanel td, #controlpanel tr {
    background: none;
}

div#controlpanel {
}
*//*Oops Switch*/
/*#oopsSwitch {*/
    /*display:none;*/
    /*display: block;
    float: left;
    margin: 0 0 0 14px;
    text-align: center;
    border: 1px solid #EEE;
}

    #oopsSwitch a {
        display: block;
        padding: 5px 20px 8px 20px;
        color: #2B82C7;
        font: italic bold 15px/15px Arial, Helvetica, sans-serif;
        text-decoration: none;
    }

    #oopsSwitch.blueHov:hover a {
        color: #fff !important;
        padding: 6px 21px 9px 21px;
    }

#oopsSwitchCons {*/
    /*display:none;*/
    /*display: block;
    float: left;
    margin: 0 0 0 14px;
    text-align: center;
    border: 1px solid #EEE;
}

    #oopsSwitchCons a {
        display: block;
        padding: 5px 20px 8px 20px;
        color: #09C;
        font-size: 18px;
        text-decoration: none;
    }

    #oopsSwitchCons.blueHov:hover a {
        color: #fff !important;
        padding: 6px 21px 9px 21px;
    }*/


table {
    border-width: 0;
    border-spacing: 0px;
    border-style: solid;
    border-color: #bbb;
    border-collapse: separate;
}

    table th {
        border-width: 0;
        padding: 4px;
        border-style: solid;
        border-color: rgb(221, 221, 221);
        -moz-border-radius: 0px 0px 0px 0px;
    }

    table td {
        align: center;
        border-width: 0;
        padding: 4px;
        background: none repeat scroll 0 0 transparent;
        text-align: left;
    }

#cons_gameplay_inner input[type="button"] {
    padding: 0 !important;
}

#c_grid_report table td, #overall_cons table td {
    align: center;
    border-width: 0;
    padding: 3px;
    background: none repeat scroll 0 0 transparent;
    text-align: left;
}
.consPdfBtn {
    display: inline-block !important;
}
/*Game Board HUD*/
/*#progresstext, #lbl_level {
    color: #2B82C7;
    font: italic bold 15px/15px Arial,Helvetica,sans-serif;
    display: block;
}

#progresstext {
    font: italic bold 12px/12px Arial,Helvetica,sans-serif;
}*/

/*Vowel Report Card*/
/*#v_grid_report {
    text-align: center;
    margin: 0 0 0 7px;
}

.eac_report_extra_header {
    border: 1px solid #EEEEEE;
    margin: 0 20px 7px;
    padding: 10px 25px;
}*/

/*.text {
    color: #2B82C7;
    display: block;
    font: italic bold 20px Arial, Helvetica, sans-serif;
}*/

/*#disp_level {
    text-align: center;
}

.pdfButtonVowelReport {
    margin: 0 0 0 85px;
    width: 114px;
}

#cmd_pdf, cmd_retry {
    color: #2B82C7;
    cursor: pointer;
    font: italic bold 16px/0px Arial,Helvetica,sans-serif;
    height: 30px;
    margin: 12px 8px 3px;
    padding: 3px 0 5px;
    width: 114px;
*/}

/*Vowel Selection*/
/*table.vowel_select_table {
    text-align: left;
    table-layout: fixed;
    margin-left: 75px;
}

div.vowel_cPanel {
    text-align: left;
}*/
/*End of Vowel Selection*/

/*.button {
    height: 50px;
    width: 50px;
}*/

/*Vowel Buttons*/

/*.v1dis, .v2dis, .v3dis, .v4dis, .v5dis, .v6dis, .v7dis, .v8dis, .v9dis, .v10dis {
    cursor: default !important;
}

.v1_record_highlight, .v2_record_highlight, .v3_record_highlight, .v4_record_highlight, .v5_record_highlight, .v6_record_highlight, .v7_record_highlight, .v8_record_highlight, .v9_record_highlight, .v10_record_highlight {
    cursor: default;
}

.v1 {
    background-image: url(../images/button_sprite_echo.png);
    background-position: 0px 0px;
}*/
    /* .v1btn:hover {background-image:url(../images/btns-vowels.png);background-position:-72px 0px;} */
    /*.v1:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px 0px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .v1:hover:after {
        opacity: 1;
    }

.v1dis, .v1dis:hover {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -360px 0px
}

.v1high, .v1high:hover {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -72px 0px
}

.v1_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -0px;
}

    .v1_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -0px;
    }

    .v1_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -0px;
    }

    .v1_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -0px;
    }

    .v1_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -0px;
    }

.vowel_s_1.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -0px;
}

.vowel_s_1.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -0px;
}

.vowel_s_1.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -0px;
}

.vowel_s_1.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -0px;
}

.v2 {
    background-image: url(../images/button_sprite_echo.png);
    background-position: 0px -72px;
}

    .v2:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -72px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .v2:hover:after {
        opacity: 1;
    }*/
/* .v2btn:hover {background-image:url(../images/btns-vowels.png);background-position:-72px -72px;} */
/*.v2dis, .v2dis:hover {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -360px -72px
}

.v2high, .v2high:hover {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -72px -72px
}

.v2_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -72px;
}

    .v2_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -72px;
    }

    .v2_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -72px;
    }

    .v2_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -72px;
    }

    .v2_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -72px;
    }

.vowel_s_2.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -36px;
}

.vowel_s_2.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -36px;
}

.vowel_s_2.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -36px;
}

.vowel_s_2.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -36px;
}

.v3 {
    background-image: url(../images/button_sprite_echo.png);
    background-position: 0px -144px;
}

    .v3:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -144px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .v3:hover:after {
        opacity: 1;
    }*/
/* .v3btn:hover {background-image:url(../images/btns-vowels.png);background-position:-72px -144px;} */
/*.v3dis, .v3dis:hover {
    background-image: url(../images/button_sprite_echo);
    background-position: -216px -144px
}

.v3high, .v3high:hover {
    background-image: url(../images/button_sprite_echo);
    background-position: -144px -144px
}

.v3_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -144px;
}

    .v3_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -144px;
    }

    .v3_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -144px;
    }

    .v3_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -144px;
    }

    .v3_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -144px;
    }

.vowel_s_3.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -72px;
}

.vowel_s_3.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -72px;
}

.vowel_s_3.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -72px;
}

.vowel_s_3.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -72px;
}


.v4 {
    background-image: url(../images/button_sprite_echo.png);
    background-position: 0px -216px;
}

    .v4:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -216px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .v4:hover:after {
        opacity: 1;
    }*/
/* .v4btn:hover {background-image:url(../images/btns-vowels.png);background-position:-72px -216px;} */
/*.v4dis, .v4dis:hover {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -216px
}

.v4high, .v4high:hover {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -144px -216px
}

.v4_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -216px;
}

    .v4_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -216px;
    }

    .v4_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -216px;
    }

    .v4_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -216px;
    }

    .v4_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -216px;
    }

.vowel_s_4.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -108px;
}

.vowel_s_4.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -108px;
}

.vowel_s_4.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -108px;
}

.vowel_s_4.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -108px;
}

.v5 {
    background-image: url(../images/button_sprite_echo.png);
    background-position: 0px -288px;
}

    .v5:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -288px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .v5:hover:after {
        opacity: 1;
    }*/
/* .v5btn:hover {background-image:url(../images/btns-vowels.png);background-position:-72px -288px;} */
/*.v5dis, .v5dis:hover {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -288px
}

.v5high, .v5high:hover {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -144px -288px
}

.v5_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -288px;
}

    .v5_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -288px;
    }

    .v5_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -288px;
    }

    .v5_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -288px;
    }

    .v5_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -288px;
    }

.vowel_s_5.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -144px;
}

.vowel_s_5.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -144px;
}

.vowel_s_5.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -144px;
}

.vowel_s_5.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -144px;
}

.v6 {
    background-image: url(../images/button_sprite_echo.png);
    background-position: 0px -360px;
}

    .v6:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -360px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .v6:hover:after {
        opacity: 1;
    }*/
/* .v6btn:hover {background-image:url(../images/button_sprite_echo.png);background-position:-72px -360px;} */
/*.v6dis, .v6dis:hover {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -360px
}

.v6high, .v6high:hover {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -144px -360px
}

.v6_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -360px;
}

    .v6_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -360px;
    }

    .v6_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -360px;
    }

    .v6_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -360px;
    }

    .v6_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -360px;
    }

.vowel_s_6.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -180px;
}

.vowel_s_6.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -180px;
}

.vowel_s_6.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -180px;
}

.vowel_s_6.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -180px;
}

.v7 {
    background-image: url(../images/button_sprite_echo.png);
    background-position: 0px -432px;
}

    .v7:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -432px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .v7:hover:after {
        opacity: 1;
    }*/
/* .v7btn:hover {background-image:url(../images/button_sprite_echo.png);background-position:-72px -432px;} */
/*.v7dis, .v7dis:hover {
    background-image: url(../images/btns-vowels.png);
    background-position: -216px -432px;
}

.v7high, .v7high:hover {
    background-image: url(../images/btns-vowels.png);
    background-position: -144px -432px;
}

.v7_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -432px;
}

    .v7_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -432px;
    }

    .v7_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -432px;
    }

    .v7_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -432px;
    }

    .v7_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -432px;
    }

.vowel_s_7.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -216px;
}

.vowel_s_7.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -216px;
}

.vowel_s_7.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -216px;
}

.vowel_s_7.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -216px;
}

.v8 {
    background-image: url(../images/button_sprite_echo.png);
    background-position: 0px -504px;
}

    .v8:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -504px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .v8:hover:after {
        opacity: 1;
    }*/
/* .v8btn:hover {background-image:url(../images/button_sprite_echo.png);background-position:-72px -504px;} */
/*.v8dis, .v8dis:hover {
    background-image: url(../images/btns-vowels.png);
    background-position: -216px -504px
}

.v8high, .v8high:hover {
    background-image: url(../images/btns-vowels.png);
    background-position: -144px -504px
}

.v8_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -504px;
}

    .v8_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -504px;
    }

    .v8_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -504px;
    }

    .v8_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -504px;
    }

    .v8_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -504px;
    }

.vowel_s_8.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -252px;
}

.vowel_s_8.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -252px;
}

.vowel_s_8.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -252px;
}

.vowel_s_8.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -252px;
}

.v9 {
    background-image: url(../images/button_sprite_echo.png);
    background-position: 0px -576px;
}

    .v9:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -576px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .v9:hover:after {
        opacity: 1;
    }*/
/* .v9btn:hover {background-image:url(../images/button_sprite_echo.png);background-position:-72px -576px;} */
/*.v9dis, .v9dis:hover {
    background-image: url(../images/btns-vowels.png);
    background-position: -216px -576px
}

.v9high, .v9high:hover {
    background-image: url(../images/btns-vowels.png);
    background-position: -144px -576px
}

.v9_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -576px;
}

    .v9_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -576px;
    }

    .v9_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -576px;
    }

    .v9_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -576px;
    }

    .v9_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -576px;
    }

.vowel_s_9.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -288px;
}

.vowel_s_9.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -288px;
}

.vowel_s_9.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -288px;
}

.vowel_s_9.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -288px;
}

.v10 {
    background-image: url(../images/button_sprite_echo.png);
    background-position: 0px -648px;
}

    .v10:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -648px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .v10:hover:after {
        opacity: 1;
    }*/
/* .v10btn:hover {background-image:url(../images/button_sprite_echo.png);background-position:-72px -648px;} */
/*.v10dis, .v10dis:hover {
    background-image: url(../images/btns-vowels.png);
    background-position: -216px -648px
}

.v10high, .v10high:hover {
    background-image: url(../images/btns-vowels.png);
    background-position: -144px -648px
}

.v10_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -648px;
}

    .v10_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -648px;
    }

    .v10_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -648px;
    }

    .v10_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -648px;
    }

    .v10_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -648px;
    }

.vowel_s_10.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -324px;
}

.vowel_s_10.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -324px;
}

.vowel_s_10.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -324px;
}

.vowel_s_10.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -324px;
}

.v11 {
    background-image: url(../images/button_sprite_echo.png);
    background-position: 0px -720px;
}

    .v11:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -720px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .v11:hover:after {
        opacity: 1;
    }*/
/* .v11btn{background-image:url(../images/button_sprite_echo.png);background-position:-72px -720px;} */
/*.v11dis, .v11dis:hover {
    background-image: url(../images/btns-vowels.png);
    background-position: -216px -720px
}

.v11high, .v11high:hover {
    background-image: url(../images/btns-vowels.png);
    background-position: -144px -720px
}

.v11_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -720px;
}

    .v11_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -720px;
    }

    .v11_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -720px;
    }

    .v11_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -720px;
    }

    .v11_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -720px;
    }

.vowel_s_11.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -360px;
}

.vowel_s_11.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -360px;
}

.vowel_s_11.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -360px;
}

.vowel_s_11.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -360px;
}

.v12 {
    background-image: url(../images/button_sprite_echo.png);
    background-position: 0px -792px;
}

    .v12:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -792px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .v12:hover:after {
        opacity: 1;
    }*/
/* .v12btn:hover {background-image:url(../images/button_sprite_echo.png);background-position:-72px -792px;} */
/*.v12dis, .v12dis:hover {
    background-image: url(../images/btns-vowels.png);
    background-position: -216px -792px
}

.v12high, .v12high:hover {
    background-image: url(../images/btns-vowels.png);
    background-position: -144px -792px
}

.v12_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -792px;
}

    .v12_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -792px;
    }

    .v12_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -792px;
    }

    .v12_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -792px;
    }

    .v12_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -792px;
    }

.vowel_s_12.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -396px;
}

.vowel_s_12.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -396px;
}

.vowel_s_12.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -396px;
}

.vowel_s_12.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -396px;
}

.v13 {
    background-image: url(../images/button_sprite_echo.png);
    background-position: 0px -864px;
}

    .v13:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -864px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .v13:hover:after {
        opacity: 1;
    }*/
/* .v13btn:hover {background-image:url(../images/button_sprite_echo.png);background-position:-72px -864px;} */
/*.v13dis, .v13dis:hover {
    background-image: url(../images/btns-vowels.png);
    background-position: -216px -864px
}

.v13high, .v13high:hover {
    background-image: url(../images/btns-vowels.png);
    background-position: -144px -864px
}

.v13_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -864px;
}

    .v13_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -864px;
    }

    .v13_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -864px;
    }

    .v13_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -864px;
    }

    .v13_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -864px;
    }

.vowel_s_13.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -432px;
}

.vowel_s_13.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -432px;
}

.vowel_s_13.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -432px;
}

.vowel_s_13.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -432px;
}

.v14 {
    background-image: url(../images/button_sprite_echo.png);
    background-position: 0px -936px;
}

    .v14:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -936px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .v14:hover:after {
        opacity: 1;
    }*/
/* .v14btn:hover {background-image:url(../images/button_sprite_echo.png);background-position:-72px -936px;} */
/*.v14dis, .v14dis:hover {
    background-image: url(../images/btns-vowels.png);
    background-position: -216px -936px
}

.v14high, .v14high:hover {
    background-image: url(../images/btns-vowels.png);
    background-position: -144px -936px
}

.v14_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -936px;
}

    .v14_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -936px;
    }

    .v14_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -936px;
    }

    .v14_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -936px;
    }

    .v14_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -936px;
    }

.vowel_s_14.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -468px;
}

.vowel_s_14.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -468px;
}

.vowel_s_14.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -468px;
}

.vowel_s_14.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -468px;
}*/
/*End Tour Vowel Buttons*/

/*Game Vowel Buttons*/
/*.v1dis, .v2dis, .v3dis, .v4dis, .v5dis, .v6dis, .v7dis, .v8dis, .v9dis, .v10dis {
    cursor: default;
}
.v1btn, .v2btn, .v3btn, .v4btn, .v5btn, .v6btn, .v7btn, .v8btn, .v9btn, .v10btn,
.v1high, .v2high, .v3high, .v4high, .v5high, .v6high, .v7high, .v8high, .v9high, .v10high {
    cursor: pointer;
}

.v1btn {
    background-image: url(../images/btns-vowels.png);
    background-position: 0px 0px;
}

    .v1btn:hover, .v1_record_highlight {
        background-image: url(../images/btns-vowels.png);
        background-position: -72px 0px;
    }

.v1dis, .v1dis:hover {
    background-image: url(../images/btns-vowels.png);
    background-position: -216px 0px
}

.v1high {
    background-image: url(../images/btns-vowels.png);
    background-position: -144px 0px
}

    .v1high:hover {
        background-image: url(../images/btns-vowels.png);
        background-position: -360px 0px
    }

.v2btn {
    background-image: url(../images/btns-vowels.png);
    background-position: 0px -72px;
}

    .v2btn:hover, .v2_record_highlight {
        background-image: url(../images/btns-vowels.png);
        background-position: -72px -72px;
    }

.v2dis, .v2dis:hover {
    background-image: url(../images/btns-vowels.png);
    background-position: -216px -72px
}

.v2high {
    background-image: url(../images/btns-vowels.png);
    background-position: -144px -72px
}

    .v2high:hover {
        background-image: url(../images/btns-vowels.png);
        background-position: -360px -72px
    }

.v3btn {
    background-image: url(../images/btns-vowels.png);
    background-position: 0px -144px;
}

    .v3btn:hover, .v3_record_highlight {
        background-image: url(../images/btns-vowels.png);
        background-position: -72px -144px;
    }

.v3dis, .v3dis:hover {
    background-image: url(../images/btns-vowels.png);
    background-position: -216px -144px
}

.v3high {
    background-image: url(../images/btns-vowels.png);
    background-position: -144px -144px
}

    .v3high:hover {
        background-image: url(../images/btns-vowels.png);
        background-position: -360px -144px
    }

.v4btn {
    background-image: url(../images/btns-vowels.png);
    background-position: 0px -216px;
}

    .v4btn:hover, .v4_record_highlight {
        background-image: url(../images/btns-vowels.png);
        background-position: -72px -216px;
    }

.v4dis, .v4dis:hover {
    background-image: url(../images/btns-vowels.png);
    background-position: -216px -216px
}

.v4high {
    background-image: url(../images/btns-vowels.png);
    background-position: -144px -216px
}

    .v4high:hover {
        background-image: url(../images/btns-vowels.png);
        background-position: -360px -216px
    }

.v5btn {
    background-image: url(../images/btns-vowels.png);
    background-position: 0px -288px;
}

    .v5btn:hover, .v5_record_highlight {
        background-image: url(../images/btns-vowels.png);
        background-position: -72px -288px;
    }

.v5dis, .v5dis:hover {
    background-image: url(../images/btns-vowels.png);
    background-position: -216px -288px
}

.v5high {
    background-image: url(../images/btns-vowels.png);
    background-position: -144px -288px
}

    .v5high:hover {
        background-image: url(../images/btns-vowels.png);
        background-position: -360px -288px
    }

.v6btn {
    background-image: url(../images/btns-vowels.png);
    background-position: 0px -360px;
}

    .v6btn:hover, .v6_record_highlight {
        background-image: url(../images/btns-vowels.png);
        background-position: -72px -360px;
    }

.v6dis, .v6dis:hover {
    background-image: url(../images/btns-vowels.png);
    background-position: -216px -360px
}

.v6high {
    background-image: url(../images/btns-vowels.png);
    background-position: -144px -360px
}

    .v6high:hover {
        background-image: url(../images/btns-vowels.png);
        background-position: -360px -360px
    }

.v7btn {
    background-image: url(../images/btns-vowels.png);
    background-position: 0px -432px;
}

    .v7btn:hover, .v7_record_highlight {
        background-image: url(../images/btns-vowels.png);
        background-position: -72px -432px;
    }

.v7dis, .v7dis:hover {
    background-image: url(../images/btns-vowels.png);
    background-position: -216px -432px
}

.v7high {
    background-image: url(../images/btns-vowels.png);
    background-position: -144px -432px
}

    .v7high:hover {
        background-image: url(../images/btns-vowels.png);
        background-position: -360px -432px
    }

.v8btn {
    background-image: url(../images/btns-vowels.png);
    background-position: 0px -504px;
}

    .v8btn:hover, .v8_record_highlight {
        background-image: url(../images/btns-vowels.png);
        background-position: -72px -504px;
    }

.v8dis, .v8dis:hover {
    background-image: url(../images/btns-vowels.png);
    background-position: -216px -504px
}

.v8high {
    background-image: url(../images/btns-vowels.png);
    background-position: -144px -504px
}

    .v8high:hover {
        background-image: url(../images/btns-vowels.png);
        background-position: -360px -504px
    }

.v9btn {
    background-image: url(../images/btns-vowels.png);
    background-position: 0px -576px;
}

    .v9btn:hover, .v9_record_highlight {
        background-image: url(../images/btns-vowels.png);
        background-position: -72px -576px;
    }

.v9dis, .v9dis:hover {
    background-image: url(../images/btns-vowels.png);
    background-position: -216px -576px
}

.v9high {
    background-image: url(../images/btns-vowels.png);
    background-position: -144px -576px
}

    .v9high:hover {
        background-image: url(../images/btns-vowels.png);
        background-position: -360px -576px
    }

.v10btn {
    background-image: url(../images/btns-vowels.png);
    background-position: 0px -648px;
}

    .v10btn:hover, .v10_record_highlight {
        background-image: url(../images/btns-vowels.png);
        background-position: -72px -648px;
    }

.v10dis, .v10dis:hover {
    background-image: url(../images/btns-vowels.png);
    background-position: -216px -648px
}

.v10high {
    background-image: url(../images/btns-vowels.png);
    background-position: -144px -648px
}

    .v10high:hover {
        background-image: url(../images/btns-vowels.png);
        background-position: -360px -648px
    }

.v11btn {
    background-image: url(../images/btns-vowels.png);
    background-position: 0px -720px;
}

.v11btn {
    background-image: url(../images/btns-vowels.png);
    background-position: -72px -720px;
}

.v11dis, .v11dis:hover {
    background-image: url(../images/btns-vowels.png);
    background-position: -216px -720px
}

.v11high {
    background-image: url(../images/btns-vowels.png);
    background-position: -144px -720px
}

    .v11high:hover {
        background-image: url(../images/btns-vowels.png);
        background-position: -360px -720px
    }

.v12btn {
    background-image: url(../images/btns-vowels.png);
    background-position: 0px -792px;
}

    .v12btn:hover {
        background-image: url(../images/btns-vowels.png);
        background-position: -72px -792px;
    }

.v12dis, .v12dis:hover {
    background-image: url(../images/btns-vowels.png);
    background-position: -216px -792px
}

.v12high {
    background-image: url(../images/btns-vowels.png);
    background-position: -144px -792px
}

    .v12high:hover {
        background-image: url(../images/btns-vowels.png);
        background-position: -360px -792px
    }

.v13btn {
    background-image: url(../images/btns-vowels.png);
    background-position: 0px -864px;
}

    .v13btn:hover {
        background-image: url(../images/btns-vowels.png);
        background-position: -72px -864px;
    }

.v13dis, .v13dis:hover {
    background-image: url(../images/btns-vowels.png);
    background-position: -216px -864px
}

.v13high {
    background-image: url(../images/btns-vowels.png);
    background-position: -144px -864px
}

    .v13high:hover {
        background-image: url(../images/btns-vowels.png);
        background-position: -360px -864px
    }

.v14btn {
    background-image: url(../images/btns-vowels.png);
    background-position: 0px -936px;
}

    .v14btn:hover {
        background-image: url(../images/btns-vowels.png);
        background-position: -72px -936px;
    }

.v14dis, .v14dis:hover {
    background-image: url(../images/btns-vowels.png);
    background-position: -216px -936px
}

.v14high {
    background-image: url(../images/btns-vowels.png);
    background-position: -144px -936px
}

    .v14high:hover {
        background-image: url(../images/btns-vowels.png);
        background-position: -360px -936px
    }*/

/*Colour Vowels Buttons*/

/*.v1btn_colour:hover, .v1high_colour:hover,
.v2btn_colour:hover, .v2high_colour:hover,
.v3btn_colour:hover, .v3high_colour:hover,
.v4btn_colour:hover, .v4high_colour:hover,
.v5btn_colour:hover, .v5high_colour:hover,
.v6btn_colour:hover, .v6high_colour:hover,
.v7btn_colour:hover, .v7high_colour:hover,
.v8btn_colour:hover, .v8high_colour:hover,
.v9btn_colour:hover, .v9high_colour:hover,
.v10btn_colour:hover, .v10high_colour:hover {
    cursor:pointer;
}

.v1btn_colour {
    background-image: url(../images/btn_vowels_colour_sprite.png);
    background-position: 0px 0px;
}

    .v1btn_colour:hover, .v1btn_colour_record_highlight {
        background-image: url(../images/btn_vowels_colour_sprite.png);
        background-position: -72px 0px;
    }

.v1dis_colour, .v1dis_colour:hover {
    background-image: url(../images/btn_vowels_colour_sprite.png);
    background-position: -144px 0px
}

.v1high_colour {
    background-image: url(../images/btn_vowels_colour_sprite.png);
    background-position: -216px 0px
}

    .v1high_colour:hover {
        background-image: url(../images/btn_vowels_colour_sprite.png);
        background-position: -288px 0px
    }

.v2btn_colour {
    background-image: url(../images/btn_vowels_colour_sprite.png);
    background-position: 0px -72px;
}

    .v2btn_colour:hover, .v2btn_colour_record_highlight {
        background-image: url(../images/btn_vowels_colour_sprite.png);
        background-position: -72px -72px;
    }

.v2dis_colour, .v2dis_colour:hover {
    background-image: url(../images/btn_vowels_colour_sprite.png);
    background-position: -144px -72px
}

.v2high_colour {
    background-image: url(../images/btn_vowels_colour_sprite.png);
    background-position: -216px -72px
}

    .v2high_colour:hover {
        background-image: url(../images/btn_vowels_colour_sprite.png);
        background-position: -288px -72px
    }

.v3btn_colour {
    background-image: url(../images/btn_vowels_colour_sprite.png);
    background-position: 0px -144px;
}

    .v3btn_colour:hover, .v3btn_colour_record_highlight {
        background-image: url(../images/btn_vowels_colour_sprite.png);
        background-position: -72px -144px;
    }

.v3dis_colour, .v3dis_colour:hover {
    background-image: url(../images/btn_vowels_colour_sprite.png);
    background-position: -144px -144px
}

.v3high_colour {
    background-image: url(../images/btn_vowels_colour_sprite.png);
    background-position: -216px -144px
}

    .v3high_colour:hover {
        background-image: url(../images/btn_vowels_colour_sprite.png);
        background-position: -288px -144px
    }

.v4btn_colour {
    background-image: url(../images/btn_vowels_colour_sprite.png);
    background-position: 0px -216px;
}

    .v4btn_colour:hover, .v4btn_colour_record_highlight {
        background-image: url(../images/btn_vowels_colour_sprite.png);
        background-position: -72px -216px;
    }

.v4dis_colour, .v4dis_colour:hover {
    background-image: url(../images/btn_vowels_colour_sprite.png);
    background-position: -144px -216px
}

.v4high_colour {
    background-image: url(../images/btn_vowels_colour_sprite.png);
    background-position: -216px -216px
}

    .v4high_colour:hover {
        background-image: url(../images/btn_vowels_colour_sprite.png);
        background-position: -288px -216px
    }

.v5btn_colour {
    background-image: url(../images/btn_vowels_colour_sprite.png);
    background-position: 0px -288px;
}

    .v5btn_colour:hover, .v5btn_colour_record_highlight {
        background-image: url(../images/btn_vowels_colour_sprite.png);
        background-position: -72px -288px;
    }

.v5dis_colour, .v5dis_colour:hover {
    background-image: url(../images/btn_vowels_colour_sprite.png);
    background-position: -144px -288px
}

.v5high_colour {
    background-image: url(../images/btn_vowels_colour_sprite.png);
    background-position: -216px -288px
}

    .v5high_colour:hover {
        background-image: url(../images/btn_vowels_colour_sprite.png);
        background-position: -288px -288px
    }

.v6btn_colour {
    background-image: url(../images/btn_vowels_colour_sprite.png);
    background-position: 0px -360px;
}

    .v6btn_colour:hover, .v6btn_colour_record_highlight {
        background-image: url(../images/btn_vowels_colour_sprite.png);
        background-position: -72px -360px;
    }

.v6dis_colour, .v6dis_colour:hover {
    background-image: url(../images/btn_vowels_colour_sprite.png);
    background-position: -144px -360px
}

.v6high_colour {
    background-image: url(../images/btn_vowels_colour_sprite.png);
    background-position: -216px -360px
}

    .v6high_colour:hover {
        background-image: url(../images/btn_vowels_colour_sprite.png);
        background-position: -288px -360px
    }

.v7btn_colour {
    background-image: url(../images/btn_vowels_colour_sprite.png);
    background-position: 0px -432px;
}

    .v7btn_colour:hover, .v7btn_colour_record_highlight {
        background-image: url(../images/btn_vowels_colour_sprite.png);
        background-position: -72px -432px;
    }

.v7dis_colour, .v7dis_colour:hover {
    background-image: url(../images/btn_vowels_colour_sprite.png);
    background-position: -144px -432px
}

.v7high_colour {
    background-image: url(../images/btn_vowels_colour_sprite.png);
    background-position: -216px -432px
}

    .v7high_colour:hover {
        background-image: url(../images/btn_vowels_colour_sprite.png);
        background-position: -288px -432px
    }

.v8btn_colour {
    background-image: url(../images/btn_vowels_colour_sprite.png);
    background-position: 0px -504px;
}

    .v8btn_colour:hover, .v8btn_colour_record_highlight {
        background-image: url(../images/btn_vowels_colour_sprite.png);
        background-position: -72px -504px;
    }

.v8dis_colour, .v8dis_colour:hover {
    background-image: url(../images/btn_vowels_colour_sprite.png);
    background-position: -144px -504px
}

.v8high_colour {
    background-image: url(../images/btn_vowels_colour_sprite.png);
    background-position: -216px -504px
}

    .v8high_colour:hover {
        background-image: url(../images/btn_vowels_colour_sprite.png);
        background-position: -288px -504px
    }

.v9btn_colour {
    background-image: url(../images/btn_vowels_colour_sprite.png);
    background-position: 0px -576px;
}

    .v9btn_colour:hover, .v9btn_colour_record_highlight {
        background-image: url(../images/btn_vowels_colour_sprite.png);
        background-position: -72px -576px;
    }

.v9dis_colour, .v9dis_colour:hover {
    background-image: url(../images/btn_vowels_colour_sprite.png);
    background-position: -144px -576px
}

.v9high_colour {
    background-image: url(../images/btn_vowels_colour_sprite.png);
    background-position: -216px -576px
}

    .v9high_colour:hover {
        background-image: url(../images/btn_vowels_colour_sprite.png);
        background-position: -288px -576px
    }

.v10btn_colour {
    background-image: url(../images/btn_vowels_colour_sprite.png);
    background-position: 0px -648px;
}

    .v10btn_colour:hover, .v10btn_colour_record_highlight {
        background-image: url(../images/btn_vowels_colour_sprite.png);
        background-position: -72px -648px;
    }

.v10dis_colour, .v10dis_colour:hover {
    background-image: url(../images/btn_vowels_colour_sprite.png);
    background-position: -144px -648px
}

.v10high_colour {
    background-image: url(../images/btn_vowels_colour_sprite.png);
    background-position: -216px -648px
}

    .v10high_colour:hover {
        background-image: url(../images/btn_vowels_colour_sprite.png);
        background-position: -288px -648px
    }*/

/*End Game Vowel Buttons*/


/*Tour -- All*/
/*#tourLeft {
    margin-left: 15px;
    float: left;
    width: 350px;
}*/

/*#tourLeftCons {
    margin-left: 11px;
    float: left;
    width: 445px;
}*/

/*#tourLeftIntro {
    margin-left: 15px;
    float: left;
    width: 324px;
}

#tourRight {
    margin-left: 0;
    float: left;
}*/

/*.visible {
    display: block !important;
}

#cbo_vlevel.visible, #cbo_clevel.visible {
    display: flex !important;
}

.invisible {
    display: none !important;
}*/

/*.vcButton {
    position: relative;
    display: block;
    width: 49px;
    height: 49px;
    cursor: pointer;
}*/

/*.questionBubble {
    padding: 20px 20px;
    border: 8px solid #EEE;
}

.questionBubbleTip {
    position: absolute;
    top: 100%;
    left: 10%;
    display: block;
    width: 56px;
    height: 36px;
    background-image: url(../images/bubbleTip.png);
    background-repeat: no-repeat;
}*/

/*#descContainIntro {
    position: relative;
    display: block;
    width: 360px;
    margin: 0 15px 30px 5px;
    padding-bottom: 20px;
    color: #666;
    font-size: 18px;
    line-height: 1.3;
}*/

/*#descContain {
    position: relative;
    display: block;
    width: 335px;
    margin: 0 10px 30px 5px;
    padding-bottom: 85px;
    color: #666;
}*/

/*#summary p, #summary2 p, #summary3 p {
    margin-bottom: 10px;
    letter-spacing: 0px;
    word-spacing: 3px;
    font-weight: 100;
    font-size: 18px;
    font-variant: normal;
    font-size-adjust: none;
    font-stretch: normal;
}

#summNext, #summNext2 {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 17px;
    height: 21px;
    margin: 0 0 0 10px;
    padding: 0 10px;
    font-size: 18px;
    background-image: url(../images/nextSummArrow.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
}

    #summNext:hover, #summNext2:hover {
        background-position: 0 -21px;
        cursor: pointer;
    }

#summNextC {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 17px;
    height: 21px;
    margin: 0 0 0 10px;
    padding: 0 10px;
    font-size: 18px;
    background-image: url(../images/nextSummArrow.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
}

    #summNextC:hover {
        background-position: 0 -21px;
        cursor: pointer;
    }

#descLeft img {
    vertical-align: top;
}

#descRight p img, #descBottom p img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

#descLeft, #descRight {
    display: block;
    float: left;
    overflow: hidden;
}

.rc_vowelDesc #descRight {
    width: 285px;
    margin-left: 25px;
    color: #333;
    line-height: 1.3;
}

.rc_consDesc #descRight {
    width: 190px;
    margin-left: 15px;
    color: #333;
}

#descRight p {
    line-height: 1.1;
}

#descRight u, #descRight b {
    color: #666;
}

#descRight p img {
    vertical-align: middle;
}

#simpleDescHeader {
    display: block;
    float: left;
    clear: both;
    margin: 15px 0 3px;
    font-weight: bold;
    color: #666;
    font-style: italic;
    width: 250px;
}

#simpleDesc {
    display: block;
    float: left;
    clear: both;
    margin-bottom: 10px;
    width: 250px;
}

#simpleDescCons {
    display: block;
    float: left;
    clear: both;
    margin: 0 0 10px;
    width: 250px;
}

#exampleHeader {
    display: block;
    float: left;
}

#exampleList {
    display: block;
    float: left;
    margin: 0 0 0 10px;
    list-style: none;
}

    #exampleList li {
        line-height: 1;
        font-style: italic;
    }

#techDescHeader {
    display: block;
    float: left;
    clear: left;
    margin-bottom: 3px;
    font-weight: bold;
    color: #666;
    font-style: italic;
    width: 250px;
}

#techDesc {
    display: block;
    float: left;
    clear: left;
    width: 250px;
}

.descBottom {
    display: block;
    float: left;
    clear: left;
    width: 250px;
    margin-top: 35px;
}

#descBottom p {
    line-height: 1.1;
}*/

#descContainCons {
    position: relative;
    display: block;
    width: 240px;
    margin: 0 15px 30px 13px;
    padding-bottom: 70px;
    color: #333;
    letter-spacing: normal;
}

#v1desc, #v2desc, #v3desc, #v4desc, #v5desc, #v6desc, #v7desc, #v8desc, #v9desc, #v10desc {
    overflow: hidden;
}

#c1desc, #c2desc, #c3desc, #c4desc, #c5desc, #c6desc, #c7desc, #c8desc, #c9desc, #c10desc, #c11desc, #c12desc, #c13desc, #c14desc, #c15desc, #c16desc, #c17desc, #c18desc, #c19desc, #c20desc, #c21desc, #c22desc, #c23desc, #c24desc {
    overflow: hidden;
}

#descTop, #descBottom {
    display: block;
    float: left;
    clear: both;
}

/*.navButtonNext {
    position: absolute;
    top: 3px;
    left: 721px;
    display: block;
    width: 84px;
    height: 32px;
    background-image: url(../images/next.png);
    background-repeat: no-repeat;
    z-index: 1100;
}

    .navButtonNext:hover {
        background-position: 0 -32px;
        cursor: pointer;
    }

.navButtonPrev {
    position: absolute;
    top: 3px;
    left: 14px;
    display: block;
    width: 128px;
    height: 32px;
    background-image: url(../images/previous.png);
    background-repeat: no-repeat;
    z-index: 1100;
}

    .navButtonPrev:hover {
        background-position: 0 -32px;
        cursor: pointer;
    }*/

.startOver {
    position: absolute;
    top: -3px;
    left: 661px;
    display: block;
    width: 144px;
    height: 32px;
    background-image: url(../images/startOver.png);
    background-repeat: no-repeat;
    z-index: 1100;
}

    .startOver:hover {
        background-position: 0 -32px;
    }


/*.summary {
    display: none;
    position: absolute;
    width: 255px;
    top: 100%;
    left: 20px;
    margin: -55px 0 0 45px;
    float: left;
    padding: 10px 10px 10px 10px;
    cursor: pointer;
    text-align: center;
    color: #09C;
    font-weight: bold;
}*/

/*.summaryCons {
    display: none;
    position: absolute;
    width: 220px;
    top: 100%;
    left: 20px;
    margin: -55px 0 0 0;
    float: left; 
    padding: 10px 10px 10px 10px;
    cursor: pointer;
    text-align: center;
    color: #09C;
    font-weight: bold;
}*/

/*#instructions {
    display: block;
    float: left;
    clear: left;
    width: 350px;
    margin: 10px 0 5px 0;
    text-align: center;
    color: #0080da;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}*/

/*#instructionsCons {
    display: block;
    float: left;
    clear: left;
    width: 427px;
    margin: 10px 0 0 5px;
    text-align: center;
    color: #09D;
    font-size: 20px;
    font-weight: bold;
}*/

.gotoButton {
    display: block;
    width: 350px;
    height: 40px;
    cursor: pointer;
    color: #0080DA;
    font: italic bold 16px/16px Arial, Helvetica, sans-serif;
    margin-top: 12px;
}

.gotoButtonCons {
    display: block;
    width: 445px;
    height: 100%;
    cursor: pointer;
    color: #0080DA;
    font: italic bold 16px/16px Arial, Helvetica, sans-serif;
    /* margin-top: 12px; */
    padding: 10px;
    margin: 12px 0;
}

/*#tourPicOne {
    display: block;
    width: 327px;
    height: 232px;
    background-image: url(../images/tourPicOne.jpg);
    background-repeat: no-repeat;
}

#tourPicTwo {
    display: block;
    width: 327px;
    height: 175px;
    background-image: url(../images/tourPicTwo.jpg);
    background-repeat: no-repeat;
    margin-top: 10px;
}*/

/*#tourPicThree {
    display: block;
    width: 325px;
    height: 328px;
    background-image: url(../images/tourPicThree.jpg);
    background-repeat: no-repeat;
}*/

/*Tour -- Vowels Page*/
/*.mouthDiagram {
    display: block;
    width: 332px;
    height: 164px;
    margin-bottom: 12px;
    background-image: url(../images/mouth_diagram.jpg);
    background-repeat: no-repeat;
}*/

#vowelAxes {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background-image: url(../images/rc_vowel_axes.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}

/*.v_grid_tour {
    display: block;
    float: left;
    width: 339px;
    height: 336px;
    text-align: center;
    padding: 2px 0 0 4px;
    margin-bottom: 10px;
}*/

.rc_vowelDesc {
    font-size: 18px;
    line-height: 1.3;
}

/*Tour -- Consonants Page*/
/*.cons_grid_tour {
    display: table;
    height: 243px;
    width: 450px;
    text-align: center;
    #position:relative;
    overflow: hidden;
    margin-bottom: 10px;
}

    .cons_grid_tour table {
        margin: 0 auto;
    }

        .cons_grid_tour table td {
            border: none;
        }

    .cons_grid_tour input {
        cursor: pointer;
    }*/

/*.rc_consDesc {
    font-size: 18px;
    line-height: 1.3;
}*/
/*Tour -- Report Card Page*/
/*#tour_rcDescVowels {
    position: relative;
    display: block;
    margin: 20px 20px 30px;
    float: left;
    clear: both;
    font-size: 18px;
    line-height: 1.2;
    width: 694px;
}

#tour_rcDescCons {
    position: relative;
    display: none;
    margin: 20px 20px 30px;
    float: left;
    clear: both;
    font-size: 18px;
    line-height: 1.2;
    width: 694px;
}

h2.reportCard {
    color: #2B82C7;
    font: italic bold 22px/22px Arial,Helvetica,sans-serif;
}

p.reportCard {
    line-height: 1.5;
    margin: 10px 0 0 0;
    color: #666;
}

#tour_rcVowels {
    display: block;
    width: 600px;
    height: 340px;
    background-image: url(../images/tour_rc_vowels.jpg);
    background-repeat: no-repeat;
    background-position: top;
}*/

/*#tour_rcCons {
    display: none;
    width: 600px;
    height: 296px;
    background-image: url(../images/tour_rc_cons.jpg);
    background-repeat: no-repeat;
    background-position: top;
}

#switchReportCardCons {
    display: block;
    background-color: #FFF;
    margin: 13px 0 20px;
    overflow: hidden;
    color: #09D;
}

    #switchReportCardCons:hover {
        display: block;
        background-color: #FFF;
        cursor: pointer;
        color: #09F;
    }

#switchReportCardVowels {
    display: none;
    background-color: #FFF;
    margin: 13px 0 20px;
    overflow: hidden;
    color: #09D;
}

    #switchReportCardVowels:hover {
        display: block;
        background-color: #FFF;
        cursor: pointer;
        color: #09F;
    }

p.switchRC {
    margin: 20px 5px 20px;
    color: #2B82C7;
    font: italic bold 15px/15px Arial,Helvetica,sans-serif;
    text-align: center;
}*/

/*Consonant Gameplay Layout*/
/*#gameContainer {
    display: block;
    position: relative;
}

#gameContainerCons {
    display: block;
    position: relative;
}*/

td.vert_align {
    vertical-align: middle;
}

.gameTD {
    padding: 4px;
    overflow: hidden;
}

#cons_gameplay {
    height: 137px;
    float: left;
    width: 406px;
    text-align: center;
    /*#position:relative;*/
    overflow: hidden;
    margin-left: 10px;
}

div#cons_gameplay_inner {
    #position: absolute;
    #top: 50%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-left: 12px;
    padding-top: 14px;
}

div#cons_gameplay.row1 {
    #position: relative;
    #top: -50% margin-top:20px;
}

div#cons_gameplay.row2 {
    #position: relative;
    #top: -50%
}

div#cons_gameplay.row3 {
    #position: relative;
    #top: -50%
}

div#cons_gameplay.row4 {
    #position: relative;
    #top: -50% margin-bottom:20px;
}

table.center {
    margin: 0 auto;
}

/* overrides knockout bindings for consonants game table */
table.centered {
    margin: 0 auto;
}

.textLeft {
    text-align: left;
}

/*#c_grid_gameplay {
text-align:center;
margin:0 auto;
}*/

/*Consonant Selection*/
#udp_contrasts {
    display: block;
    float: left;
    clear: both;
    margin-top: 7px;
}

table.cons_select_table {
    text-align: left;
    table-layout: fixed;
    margin-left: 57px;
}

    table.cons_select_table td.left {
        text-align: left;
        width: 15%;
        display: table-cell;
        vertical-align: top;
    }

    table.cons_select_table td.right {
        position: relative;
        text-align: left;
        width: 60%;
        display: table-cell;
    }

.levelSelectionCons {
    display: block;
    float: left;
}

/*#level_select_cons_desc {
    display: block;
    width: 350px;
    height: 20px;
    float: left;
    padding: 5px;
}*/

/*    #level_select_cons_desc > div {
        padding-bottom: 5px;
        font-size: 18px;
        width: 280px;
    }

        #level_select_cons_desc > div > p {
            display: -moz-inline-stack;
            display: inline-block;
            zoom: 1;
            *display: inline;
            margin-left: 10px;
            color: #666;
        }
*/
/*Applies to Both Selection Pages*/
span.inlineImage {
}

    span.inlineImage img {
        margin-left: 10px;
        vertical-align: middle;
    }


/*Vowel Selection*/
/*table.vowel_select_table {
    text-align: left;
    table-layout: fixed;
}

    table.vowel_select_table td.left {
        text-align: left;
        width: 15%;
        display: table-cell;
        vertical-align: top;
    }

    table.vowel_select_table td.right {
        text-align: left;
        width: 75%;
        display: table-cell;
        vertical-align: top;
    }*/

/*span.vowel_select_label, span.record_label {
    display: block;
    margin: 5px 0 0;
    width: 115px;
    font: italic bold 18px Arial,Helvetica,sans-serif;
    color: #2B82C7;
}*/

.levelSelectionVowels {
    display: block;
    float: left;
}

/*#level_select_vowels_desc {
    display: block;
    width: 350px;
    height: 20px;
    float: left;
    padding: 5px;
}

    #level_select_vowels_desc > div {
        padding-bottom: 5px;
        font-size: 18px;
        width: 250px;
    }

        #level_select_vowels_desc > div > p {
            display: -moz-inline-stack;
            display: inline-block;
            zoom: 1;
            *display: inline;
            margin-left: 10px;
            color: #666;
        }

span.cons_select_label {
    display: block;
    margin: 5px 0 0;
    width: 115px;
    font: italic bold 18px Arial,Helvetica,sans-serif;
    color: #2B82C7;
}
*/
.cbo_contrasts {
}

.c_select_desc {
    display: block;
    margin-top: 10px;
    margin-left: 75px;
    padding: 100px 15px 100px 20px;
    border: 1px solid #EEE;
}

select.cons_select_dropdown {
    display: block;
    float: left;
}

div.cons_select_panel {
    display: block;
    float: left;
}

#c_grid {
    text-align: center;
    margin: 0 auto;
    padding: 25px 0;
    margin-bottom: 30px;
}

    #c_grid table {
        margin: 0 auto;
    }

#c_grid_select {
    display: block;
    width: 490px;
    border: 1px solid #EEE;
    margin-bottom: 5px;
}

    #c_grid_select table {
        margin: 0 auto;
    }

/*#c_grid_report {
    text-align: center;
    margin: 0 auto;
}*/

    #c_grid_report table {
        margin: 0 auto;
    }

.beginButton {
    margin: 5px 25px 15px 0;
    display: block;
    width: 490px;
}

.cons_select_warning {
    display: block;
    margin-bottom: 40px;
    color: #F00;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

td.lessPadding {
    padding: 0;
}
/*Cons Selections Report Card Consonants ../images*/

/*.c1 {
    background-image: url(../images/btn-cons.png);
    background-position: 0px 0px;
}

    .c1:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/btn-cons.png);
        background-position: -72px 0px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .c1:hover:after {
        opacity: 1;
    }

input.c1:hover, .c1_record_highlight {
    background-image: url(../images/btn-cons.png);
    background-position: -72px 0px;
}

.c1_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -1008px;
}

    .c1_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -1008px;
    }

    .c1_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -1008px;
    }

    .c1_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -1008px;
    }

    .c1_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -1008px;
    }

.cons_s_1.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -504px;
}

.cons_s_1.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -504px;
}

.cons_s_1.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -504px;
}

.cons_s_1.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -504px;
}

.c2 {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -72px;
}

    .c2:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/btn-cons.png);
        background-position: -72px -72px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .c2:hover:after {
        opacity: 1;
    }

input.c2:hover, .c2_record_highlight {
    background-image: url(../images/btn-cons.png);
    background-position: -72px -72px;
}

.c2_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -1080px;
}

    .c2_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -1080px;
    }

    .c2_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -1080px;
    }

    .c2_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -1080px;
    }

    .c2_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -1080px;
    }

.cons_s_2.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -540px;
}

.cons_s_2.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -540px;
}

.cons_s_2.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -540px;
}

.cons_s_2.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -540px;
}

.c3 {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -144px;
}

    .c3:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/btn-cons.png);
        background-position: -72px -144px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .c3:hover:after {
        opacity: 1;
    }

input.c3:hover, .c3_record_highlight {
    background-image: url(../images/btn-cons.png);
    background-position: -72px -144px;
}

.c3_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -1152px;
}

    .c3_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -1152px;
    }

    .c3_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -1152px;
    }

    .c3_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -1152px;
    }

    .c3_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -1152px;
    }

.cons_s_3.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -576px;
}

.cons_s_3.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -576px;
}

.cons_s_3.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -576px;
}

.cons_s_3.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -576px;
}

.c4 {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -216px;
}

    .c4:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/btn-cons.png);
        background-position: -72px -216px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .c4:hover:after {
        opacity: 1;
    }

input.c4:hover, .c4_record_highlight {
    background-image: url(../images/btn-cons.png);
    background-position: -72px -216px;
}

.c4_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -1224px;
}

    .c4_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -1224px;
    }

    .c4_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -1224px;
    }

    .c4_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -1224px;
    }

    .c4_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -1224px;
    }

.cons_s_4.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -612px;
}

.cons_s_4.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -612px;
}

.cons_s_4.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -612px;
}

.cons_s_4.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -612px;
}

.c5 {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -288px;
}

    .c5:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/btn-cons.png);
        background-position: -72px -288px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .c5:hover:after {
        opacity: 1;
    }

input.c5:hover, .c5_record_highlight {
    background-image: url(../images/btn-cons.png);
    background-position: -72px -288px;
}

.c5_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -1296px;
}

    .c5_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -1296px;
    }

    .c5_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -1296px;
    }

    .c5_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -1296px;
    }

    .c5_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -1296px;
    }

.cons_s_5.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -648px;
}

.cons_s_5.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -648px;
}

.cons_s_5.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -648px;
}

.cons_s_5.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -648px;
}

.c6 {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -360px;
}

    .c6:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/btn-cons.png);
        background-position: -72px -360px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .c6:hover:after {
        opacity: 1;
    }

input.c6:hover, .c6_record_highlight {
    background-image: url(../images/btn-cons.png);
    background-position: -72px -360px;
}

.c6_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -1368px;
}

    .c6_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -1368px;
    }

    .c6_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -1368px;
    }

    .c6_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -1368px;
    }

    .c6_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -1368px;
    }

.cons_s_6.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -684px;
}

.cons_s_6.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -684px;
}

.cons_s_6.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -684px;
}

.cons_s_6.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -684px;
}

.c7 {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -432px;
}

    .c7:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/btn-cons.png);
        background-position: -72px -432px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .c7:hover:after {
        opacity: 1;
    }

input.c7:hover, .c7_record_highlight {
    background-image: url(../images/btn-cons.png);
    background-position: -72px -432px;
}

.c7_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -1440px;
}

    .c7_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -1440px;
    }

    .c7_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -1440px;
    }

    .c7_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -1440px;
    }

    .c7_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -1440px;
    }

.cons_s_7.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -720px;
}

.cons_s_7.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -720px;
}

.cons_s_7.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -720px;
}

.cons_s_7.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -720px;
}

.c8 {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -504px;
}

    .c8:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/btn-cons.png);
        background-position: -72px -504px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .c8:hover:after {
        opacity: 1;
    }

input.c8:hover, .c8_record_highlight {
    background-image: url(../images/btn-cons.png);
    background-position: -72px -504px;
}

.c8_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -1512px;
}

    .c8_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -1512px;
    }

    .c8_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -1512px;
    }

    .c8_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -1512px;
    }

    .c8_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -1512px;
    }

.cons_s_8.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -756px;
}

.cons_s_8.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -756px;
}

.cons_s_8.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -756px;
}

.cons_s_8.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -756px;
}

.c9 {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -576px;
}

    .c9:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/btn-cons.png);
        background-position: -72px -576px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .c9:hover:after {
        opacity: 1;
    }

input.c9:hover, .c9_record_highlight {
    background-image: url(../images/btn-cons.png);
    background-position: -72px -576px;
}

.c9_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -1584px;
}

    .c9_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -1584px;
    }

    .c9_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -1584px;
    }

    .c9_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -1584px;
    }

    .c9_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -1584px;
    }

.cons_s_9.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -792px;
}

.cons_s_9.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -792px;
}

.cons_s_9.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -792px;
}

.cons_s_9.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -792px;
}

.c10 {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -648px;
}

    .c10:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/btn-cons.png);
        background-position: -72px -648px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .c10:hover:after {
        opacity: 1;
    }

input.c10:hover, .c10_record_highlight {
    background-image: url(../images/btn-cons.png);
    background-position: -72px -648px;
}

.c10_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -1656px;
}

    .c10_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -1656px;
    }

    .c10_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -1656px;
    }

    .c10_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -1656px;
    }

    .c10_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -1656px;
    }

.cons_s_10.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -828px;
}

.cons_s_10.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -828px;
}

.cons_s_10.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -828px;
}

.cons_s_10.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -828px;
}

.c11 {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -720px;
}

    .c11:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/btn-cons.png);
        background-position: -72px -720px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .c11:hover:after {
        opacity: 1;
    }

input.c11:hover, .c11_record_highlight {
    background-image: url(../images/btn-cons.png);
    background-position: -72px -720px;
}

.c11_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -1728px;
}

    .c11_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -1728px;
    }

    .c11_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -1728px;
    }

    .c11_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -1728px;
    }

    .c11_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -1728px;
    }

.cons_s_11.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -864px;
}

.cons_s_11.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -864px;
}

.cons_s_11.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -864px;
}

.cons_s_11.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -864px;
}

.c12 {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -792px;
}

    .c12:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/btn-cons.png);
        background-position: -72px -792px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .c12:hover:after {
        opacity: 1;
    }

input.c12:hover, .c12_record_highlight {
    background-image: url(../images/btn-cons.png);
    background-position: -72px -792px;
}

.c12_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -1800px;
}

    .c12_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -1800px;
    }

    .c12_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -1800px;
    }

    .c12_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -1800px;
    }

    .c12_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -1800px;
    }

.cons_s_12.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -900px;
}

.cons_s_12.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -900px;
}

.cons_s_12.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -900px;
}

.cons_s_12.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -900px;
}

.c13 {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -864px;
}

    .c13:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/btn-cons.png);
        background-position: -72px -864px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .c13:hover:after {
        opacity: 1;
    }

input.c13:hover, .c13_record_highlight {
    background-image: url(../images/btn-cons.png);
    background-position: -72px -864px;
}

.c13_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -1872px;
}

    .c13_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -1872px;
    }

    .c13_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -1872px;
    }

    .c13_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -1872px;
    }

    .c13_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -1872px;
    }

.cons_s_13.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -936px;
}

.cons_s_13.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -936px;
}

.cons_s_13.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -936px;
}

.cons_s_13.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -936px;
}

.c14 {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -936px;
}

    .c14:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/btn-cons.png);
        background-position: -72px -936px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .c14:hover:after {
        opacity: 1;
    }

input.c14:hover, .c14_record_highlight {
    background-image: url(../images/btn-cons.png);
    background-position: -72px -936px;
}

.c14_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -1944px;
}

    .c14_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -1944px;
    }

    .c14_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -1944px;
    }

    .c14_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -1944px;
    }

    .c14_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -1944px;
    }

.cons_s_14.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -972px;
}

.cons_s_14.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -972px;
}

.cons_s_14.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -972px;
}

.cons_s_14.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -972px;
}

.c15 {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -1008px;
}

    .c15:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/btn-cons.png);
        background-position: -72px -1008px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .c15:hover:after {
        opacity: 1;
    }

input.c15:hover, .c15_record_highlight {
    background-image: url(../images/btn-cons.png);
    background-position: -72px -1008px;
}

.c15_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -2016px;
}

    .c15_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -2016px;
    }

    .c15_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -2016px;
    }

    .c15_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -2016px;
    }

    .c15_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -2016px;
    }

.cons_s_15.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -1008px;
}

.cons_s_15.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -1008px;
}

.cons_s_15.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -1008px;
}

.cons_s_15.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -1008px;
}

.c16 {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -1080px;
}

    .c16:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/btn-cons.png);
        background-position: -72px -1080px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .c16:hover:after {
        opacity: 1;
    }

input.c16:hover, .c16_record_highlight {
    background-image: url(../images/btn-cons.png);
    background-position: -72px -1080px;
}

.c16_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -2088px;
}

    .c16_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -2088px;
    }

    .c16_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -2088px;
    }

    .c16_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -2088px;
    }

    .c16_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -2088px;
    }

.cons_s_16.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -1044px;
}

.cons_s_16.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -1044px;
}

.cons_s_16.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -1044px;
}

.cons_s_16.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -1044px;
}

.c17 {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -1152px;
}

    .c17:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/btn-cons.png);
        background-position: -72px -1152px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .c17:hover:after {
        opacity: 1;
    }

input.c17:hover, .c17_record_highlight {
    background-image: url(../images/btn-cons.png);
    background-position: -72px -1152px;
}

.c17_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -2160px;
}

    .c17_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -2160px;
    }

    .c17_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -2160px;
    }

    .c17_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -2160px;
    }

    .c17_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -2160px;
    }

.cons_s_17.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -1080px;
}

.cons_s_17.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -1080px;
}

.cons_s_17.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -1080px;
}

.cons_s_17.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -1080px;
}

.c18 {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -1224px;
}

    .c18:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/btn-cons.png);
        background-position: -72px -1224px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .c18:hover:after {
        opacity: 1;
    }

input.c18:hover, .c18_record_highlight {
    background-image: url(../images/btn-cons.png);
    background-position: -72px -1224px;
}

.c18_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -2232px;
}

    .c18_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -2232px;
    }

    .c18_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -2232px;
    }

    .c18_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -2232px;
    }

    .c18_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -2232px;
    }

.cons_s_18.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -1116px;
}

.cons_s_18.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -1116px;
}

.cons_s_18.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -1116px;
}

.cons_s_18.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -1116px;
}

.c19 {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -1296px;
}

    .c19:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/btn-cons.png);
        background-position: -72px -1296px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .c19:hover:after {
        opacity: 1;
    }

input.c19:hover, .c19_record_highlight {
    background-image: url(../images/btn-cons.png);
    background-position: -72px -1296px;
}

.c19_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -2304px;
}

    .c19_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -2304px;
    }

    .c19_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -2304px;
    }

    .c19_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -2304px;
    }

    .c19_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -2304px;
    }

.cons_s_19.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -1152px;
}

.cons_s_19.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -1152px;
}

.cons_s_19.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -1152px;
}

.cons_s_19.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -1152px;
}

.c20 {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -1368px;
}

    .c20:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/btn-cons.png);
        background-position: -72px -1368px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .c20:hover:after {
        opacity: 1;
    }

input.c20:hover, .c20_record_highlight {
    background-image: url(../images/btn-cons.png);
    background-position: -72px -1368px;
}

.c20_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -2376px;
}

    .c20_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -2376px;
    }

    .c20_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -2376px;
    }

    .c20_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -2376px;
    }

    .c20_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -2376px;
    }

.cons_s_20.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -1188px;
}

.cons_s_20.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -1188px;
}

.cons_s_20.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -1188px;
}

.cons_s_20.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -1188px;
}

.c21 {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -1440px;
}

    .c21:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/btn-cons.png);
        background-position: -72px -1440px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .c21:hover:after {
        opacity: 1;
    }

input.c21:hover, .c21_record_highlight {
    background-image: url(../images/btn-cons.png);
    background-position: -72px -1440px;
}

.c21_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -2448px;
}

    .c21_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -2448px;
    }

    .c21_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -2448px;
    }

    .c21_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -2448px;
    }

    .c21_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -2448px;
    }

.cons_s_21.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -1224px;
}

.cons_s_21.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -1224px;
}

.cons_s_21.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -1224px;
}

.cons_s_21.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -1224px;
}

.c22 {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -1512px;
}

    .c22:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/btn-cons.png);
        background-position: -72px -1512px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .c22:hover:after {
        opacity: 1;
    }

input.c22:hover, .c22_record_highlight {
    background-image: url(../images/btn-cons.png);
    background-position: -72px -1512px;
}

.c22_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -2520px;
}

    .c22_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -2520px;
    }

    .c22_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -2520px;
    }

    .c22_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -2520px;
    }

    .c22_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -2520px;
    }

.cons_s_22.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -1260px;
}

.cons_s_22.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -1260px;
}

.cons_s_22.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -1260px;
}

.cons_s_22.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -1260px;
}

.c23 {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -1584px;
}

    .c23:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/btn-cons.png);
        background-position: -72px -1584px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .c23:hover:after {
        opacity: 1;
    }

input.c23:hover, .c23_record_highlight {
    background-image: url(../images/btn-cons.png);
    background-position: -72px -1584px;
}

.c23_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -2592px;
}

    .c23_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -2592px;
    }

    .c23_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -2592px;
    }

    .c23_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -2592px;
    }

    .c23_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -2592px;
    }

.cons_s_23.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -1296px;
}

.cons_s_23.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -1296px;
}

.cons_s_23.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -1296px;
}

.cons_s_23.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -1296px;
}

.c24 {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -1656px;
}

    .c24:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/btn-cons.png);
        background-position: -72px -1656px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .c24:hover:after {
        opacity: 1;
    }

input.c24:hover, .c24_record_highlight {
    background-image: url(../images/btn-cons.png);
    background-position: -72px -1656px;
}

.c24_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -2664px;
}

    .c24_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -2664px;
    }

    .c24_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -2664px;
    }

    .c24_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -2664px;
    }

    .c24_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -2664px;
    }

.cons_s_24.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -1332px;
}

.cons_s_24.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -1332px;
}

.cons_s_24.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -1332px;
}

.cons_s_24.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -1332px;
}

.c25 {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -1728px;
}

    .c25:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/btn-cons.png);
        background-position: -72px -1728px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .c25:hover:after {
        opacity: 1;
    }

input.c25:hover, .c25_record_highlight {
    background-image: url(../images/btn-cons.png);
    background-position: -72px -1728px;
}

.c25_select {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -216px -1332px;
}

    .c25_select.echo_colour_blue {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -72px -1332px;
    }

    .c25_select.echo_colour_yellow {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -144px -1332px;
    }

    .c25_select.echo_colour_green {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -216px -1332px;
    }

    .c25_select.echo_colour_red {
        background-image: url(../images/button_sprite_echo.png);
        background-position: -288px -1332px;
    }

.cons_s_25.echo_colour_blue {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -432px -504px;
}

.cons_s_25.echo_colour_yellow {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -468px -504px;
}

.cons_s_25.echo_colour_green {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -504px -504px;
}

.cons_s_25.echo_colour_red {
    background-image: url(../images/button_sprite_echo.png);
    background-position: -540px -504px;
}*/

/*End of consonant selection*/

/*Disabled Buttons Properties*/
/*.c1dis, .c2dis, .c3dis, .c4dis, .c5dis, .c6dis, .c7dis, .c8dis, .c9dis, .c10dis, .c11dis, .c12dis, .c13dis, .c14dis, .c15dis, .c16dis, .c17dis, .c18dis, .c19dis, .c20dis, .c21dis, .c22dis, .c23dis, .c24dis {
    cursor: default;
}

.c1fade, .c2fade, .c3fade, .c4fade, .c5fade, .c6fade, .c7fade, .c8fade, .c9fade, .c10fade, .c11fade, .c12fade, .c13fade, .c14fade, .c15fade, .c16fade, .c17fade, .c18fade, .c19fade, .c20fade, .c21fade, .c22fade, .c23fade, .c24fade {
    cursor: default;
}*/
/*End ofDisabled Buttons Properties*/

/*.c1btn, .c2btn, .c3btn, .c4btn, .c5btn, .c6btn, .c7btn, .c8btn, .c9btn, .c10btn, .c11btn, .c12btn, .c13btn, .c14btn, .c15btn, .c16btn, .c17btn, .c18btn, .c19btn, .c20btn, .c21btn, .c22btn, .c23btn, .c24btn {
    cursor: pointer;
}

.c1high, .c2high, .c3high, .c4high, .c5high, .c6high, .c7high, .c8high, .c9high, .c10high, .c11high, .c12high, .c13high, .c14high, .c15high, .c16high, .c17high, .c18high, .c19high, .c20high, .c21high, .c22high, .c23high, .c24high {
    cursor: pointer;
}

.c1btn {
    background-image: url(../images/btn-cons.png);
    background-position: 0px 0px;
}

    .c1btn:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -72px 0px;
    }

.c1dis, .c1dis:hover {
    background-image: url(../images/btns/trans.png);
}

.c1fade, .c1fade:hover {
    background-image: url(../images/btn-cons.png);
    background-position: -288px 0px;
}

.c1high {
    background-image: url(../images/btn-cons.png);
    background-position: -216px 0px;
}

    .c1high:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -360px 0px;
    }

.c2btn {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -72px;
}

    .c2btn:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -72px -72px;
    }

.c2dis, .c2dis:hover {
    background-image: url(../images/btns/trans.png);
}

.c2fade, .c2fade:hover {
    background-image: url(../images/btn-cons.png);
    background-position: -288px -72px;
}

.c2high {
    background-image: url(../images/btn-cons.png);
    background-position: -216px -72px;
}

    .c2high:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -360px -72px;
    }

.c3btn {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -144px;
}

    .c3btn:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -72px -144px;
    }

.c3dis, .c3dis:hover {
    background-image: url(../images/btns/trans.png);
}

.c3fade, .c3fade:hover {
    background-image: url(../images/btn-cons.png);
    background-position: -288px -144px;
}

.c3high {
    background-image: url(../images/btn-cons.png);
    background-position: -216px -144px;
}

    .c3high:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -360px -144px;
    }

.c4btn {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -216px;
}

    .c4btn:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -72px -216px;
    }

.c4dis, .c4dis:hover {
    background-image: url(../images/btns/trans.png);
}

.c4fade, .c4fade:hover {
    background-image: url(../images/btn-cons.png);
    background-position: -288px -216px;
}

.c4high {
    background-image: url(../images/btn-cons.png);
    background-position: -216px -216px;
}

    .c4high:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -360px -216px;
    }

.c5btn {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -288px;
}

    .c5btn:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -72px -288px;
    }

.c5dis, .c5dis:hover {
    background-image: url(../images/btns/trans.png);
}

.c5fade, .c5fade:hover {
    background-image: url(../images/btn-cons.png);
    background-position: -288px -288px;
}

.c5high {
    background-image: url(../images/btn-cons.png);
    background-position: -216px -288px;
}

    .c5high:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -360px -288px;
    }

.c6btn {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -360px;
}

    .c6btn:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -72px -360px;
    }

.c6dis, .c6dis:hover {
    background-image: url(../images/btns/trans.png);
}

.c6fade, .c6fade:hover {
    background-image: url(../images/btn-cons.png);
    background-position: -288px -360px;
}

.c6high {
    background-image: url(../images/btn-cons.png);
    background-position: -216px -360px;
}

    .c6high:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -360px -360px;
    }

.c7btn {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -432px;
}

    .c7btn:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -72px -432px;
    }

.c7dis, .c7dis:hover {
    background-image: url(../images/btns/trans.png);
}

.c7fade, .c7fade:hover {
    background-image: url(../images/btn-cons.png);
    background-position: -288px -432px;
}

.c7high {
    background-image: url(../images/btn-cons.png);
    background-position: -216px -432px;
}

.c7high:hover {
    background-image: url(../images/btn-cons.png);
    background-position: -360px -432px;
}

.c8btn {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -504px;
}

    .c8btn:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -72px -504px;
    }

.c8dis, .c8dis:hover {
    background-image: url(../images/btns/trans.png);
}

.c8fade, .c8fade:hover {
    background-image: url(../images/btn-cons.png);
    background-position: -288px -504px;
}

.c8high {
    background-image: url(../images/btn-cons.png);
    background-position: -216px -504px;
}

    .c8high:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -360px -504px;
    }

.c9btn {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -576px;
}

    .c9btn:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -72px -576px;
    }

.c9dis, .c9dis:hover {
    background-image: url(../images/btns/trans.png);
}

.c9fade, .c9fade:hover {
    background-image: url(../images/btn-cons.png);
    background-position: -288px -576px;
}

.c9high {
    background-image: url(../images/btn-cons.png);
    background-position: -216px -576px;
}

    .c9high:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -360px -576px;
    }

.c10btn {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -648px;
}

    .c10btn:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -72px -648px;
    }

.c10dis, .c10dis:hover {
    background-image: url(../images/btns/trans.png);
}

.c10fade, .c10fade:hover {
    background-image: url(../images/btn-cons.png);
    background-position: -288px -648px;
}

.c10high {
    background-image: url(../images/btn-cons.png);
    background-position: -216px -648px;
}

    .c10high:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -360px -648px;
    }

.c11btn {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -720px;
}

    .c11btn:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -72px -720px;
    }

.c11dis, .c11dis:hover {
    background-image: url(../images/btns/trans.png);
}

.c11fade, .c11fade:hover {
    background-image: url(../images/btn-cons.png);
    background-position: -288px -720px;
}

.c11high {
    background-image: url(../images/btn-cons.png);
    background-position: -216px -720px;
}

    .c11high:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -360px -720px;
    }

.c12btn {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -792px;
}

    .c12btn:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -72px -792px;
    }

.c12dis, .c12dis:hover {
    background-image: url(../images/btns/trans.png);
}

.c12fade, .c12fade:hover {
    background-image: url(../images/btn-cons.png);
    background-position: -288px -792px;
}

.c12high {
    background-image: url(../images/btn-cons.png);
    background-position: -216px -792px;
}

    .c12high:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -360px -792px;
    }

.c13btn {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -864px;
}

    .c13btn:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -72px -864px;
    }

.c13dis, .c13dis:hover {
    background-image: url(../images/btns/trans.png);
}

.c13fade, .c13fade:hover {
    background-image: url(../images/btn-cons.png);
    background-position: -288px -864px;
}

.c13high {
    background-image: url(../images/btn-cons.png);
    background-position: -216px -864px;
}

    .c13high:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -360px -864px;
    }

.c14btn {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -936px;
}

    .c14btn:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -72px -936px;
    }

.c14dis, .c14dis:hover {
    background-image: url(../images/btns/trans.png);
}

.c14fade, .c14fade:hover {
    background-image: url(../images/btn-cons.png);
    background-position: -288px -936px;
}

.c14high {
    background-image: url(../images/btn-cons.png);
    background-position: -216px -936px;
}

    .c14high:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -360px -936px;
    }

.c15btn {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -1008px;
}

    .c15btn:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -72px -1008px;
    }

.c15dis, .c15dis:hover {
    background-image: url(../images/btns/trans.png);
}

.c15fade, .c15fade:hover {
    background-image: url(../images/btn-cons.png);
    background-position: -288px -1008px;
}

.c15high {
    background-image: url(../images/btn-cons.png);
    background-position: -216px -1008px;
}

    .c15high:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -360px -1008px;
    }

.c16btn {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -1080px;
}

    .c16btn:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -72px -1080px;
    }

.c16dis, .c16dis:hover {
    background-image: url(../images/btns/trans.png);
}

.c16fade, .c16fade:hover {
    background-image: url(../images/btn-cons.png);
    background-position: -288px -1080px;
}

.c16high {
    background-image: url(../images/btn-cons.png);
    background-position: -216px -1080px;
}

    .c16high:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -360px -1080px;
    }

.c17btn {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -1152px;
}

    .c17btn:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -72px -1152px;
    }

.c17dis, .c17dis:hover {
    background-image: url(../images/btns/trans.png);
}

.c17fade, .c17fade:hover {
    background-image: url(../images/btn-cons.png);
    background-position: -288px -1152px;
}

.c17high {
    background-image: url(../images/btn-cons.png);
    background-position: -216px -1152px;
}

    .c17high:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -360px -1152px;
    }

.c18btn {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -1224px;
}

    .c18btn:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -72px -1224px;
    }

.c18dis, .c18dis:hover {
    background-image: url(../images/btns/trans.png);
}

.c18fade, .c18fade:hover {
    background-image: url(../images/btn-cons.png);
    background-position: -288px -1224px;
}

.c18high {
    background-image: url(../images/btn-cons.png);
    background-position: -216px -1224px;
}

    .c18high:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -360px -1224px;
    }

.c19btn {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -1296px;
}

    .c19btn:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -72px -1296px;
    }

.c19dis, .c19dis:hover {
    background-image: url(../images/btns/trans.png);
}

.c19fade, .c19fade:hover {
    background-image: url(../images/btn-cons.png);
    background-position: -288px -1296px;
}

.c19high {
    background-image: url(../images/btn-cons.png);
    background-position: -216px -1296px;
}

    .c19high:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -360px -1296px;
    }

.c20btn {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -1368px;
}

    .c20btn:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -72px -1368px;
    }

.c20dis, .c20dis:hover {
    background-image: url(../images/btns/trans.png);
}

.c20fade, .c20fade:hover {
    background-image: url(../images/btn-cons.png);
    background-position: -288px -1368px;
}

.c20high {
    background-image: url(../images/btn-cons.png);
    background-position: -216px -1368px;
}

    .c20high:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -360px -1368px;
    }

.c21btn {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -1440px;
}

    .c21btn:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -72px -1440px;
    }

.c21dis, .c21dis:hover {
    background-image: url(../images/btns/trans.png);
}

.c21fade, .c21fade:hover {
    background-image: url(../images/btn-cons.png);
    background-position: -288px -1440px;
}

.c21high {
    background-image: url(../images/btn-cons.png);
    background-position: -216px -1440px;
}

    .c21high:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -360px -1440px;
    }

.c22btn {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -1512px;
}

    .c22btn:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -72px -1512px;
    }

.c22dis, .c22dis:hover {
    background-image: url(../images/btns/trans.png);
}

.c22fade, .c22fade:hover {
    background-image: url(../images/btn-cons.png);
    background-position: -288px -1512px;
}

.c22high {
    background-image: url(../images/btn-cons.png);
    background-position: -216px -1512px;
}

    .c22high:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -360px -1512px;
    }

.c23btn {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -1584px;
}

    .c23btn:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -72px -1584px;
    }

.c23dis, .c23dis:hover {
    background-image: url(../images/btns/trans.png);
}

.c23fade, .c23fade:hover {
    background-image: url(../images/btn-cons.png);
    background-position: -288px -1584px;
}

.c23high {
    background-image: url(../images/btn-cons.png);
    background-position: -216px -1584px;
}

    .c23high:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -360px -1584px;
    }

.c24btn {
    background-image: url(../images/btn-cons.png);
    background-position: 0px -1656px;
}

    .c24btn:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -72px -1656px;
    }

.c24dis, .c24dis:hover {
    background-image: url(../images/btns/trans.png);
}

.c24fade, .c24fade:hover {
    background-image: url(../images/btn-cons.png);
    background-position: -288px -1656px;
}

.c24high {
    background-image: url(../images/btn-cons.png);
    background-position: -216px -1656px;
}

    .c24high:hover {
        background-image: url(../images/btn-cons.png);
        background-position: -360px -1656px;
    }*/

/*.c25btn {background-image:url(../images/btn-cons.png);background-position:0px -1728px;}
.c25btn:hover {background-image:url(../images/btn-cons.png);background-position:-72px -1728px;}
.c25dis, .c25dis:hover {background-image:url(../images/btns/trans.png);}
.c25fade, .c1fade:hover {background-image:url(../images/btn-cons.png); background-position:-288px -1728px}
.c25high, .c1high:hover {background-image:url(../images/btn-cons.png); background-position:-216px -1728px}*/

/*.c26btn {background-image:url(../images/btn-cons.png);background-position:0px -1800px;}
.c26btn:hover {background-image:url(../images/btn-cons.png);background-position:-72px -1800px;}
.c26dis, .c26dis:hover {background-image:url(../images/btns/trans.png);}
.c26fade, .c26fade:hover {background-image:url(../images/btns/c26_dis.png);}
.c26high, .c26high:hover {background-image:url(../images/btns/c26_high.png);}*/

/*#pnl_contrasts {
    display: block;
    float: left;
}*/

/*#vars td {
    padding: 7px;
}*/
/*#vars input {
color:#2B82C7;
border:0 !important;
/*padding:5px;*/
/*}*/
/*#vars input:hover {
    background: #ffffff;*/ /* old browsers */
    /*background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);*/ /* firefox */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));*/ /* webkit */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );*/ /* ie */
/*}*/


/*old front page styling

#frontpagepanel {
display:block;
width:360px;
margin-left:20px;
-moz-box-shadow: 3px 3px 4px #ccc;
-webkit-box-shadow: 3px 3px 4px #ccc;
box-shadow: 3px 3px 4px #ccc;
box-shadow: 3px 3px 4px #ccc;
padding:10px;
background: #eee;
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* firefox 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* webkit 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* ie 
background: -o-linear-gradient(top, #eeeeee 0%,#eee 100%); /* opera 
-khtml-border-radius:5px;
border-radius:5px;
-webkit-border-bottom:5px;
}

#frontpagepanel p {

font-size:18px;
font-style:italic;
}

#frontpagepanel a {
font-size:18px;
font-weight:bold;

display:block;
padding:15px;
background: #ffffff; /* old browsers 

background: -moz-linear-gradient(top, #ffffff 0%, #cccccc 100%); /* firefox 

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cccccc)); /* webkit 

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* ie 

background: -o-linear-gradient(top, #ffffff 0%,#cccccc 100%); /* opera 
-moz-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
	-webkit-border-bottom:5px;
	text-decoration:none;
color:#000;
}

#frontpagepanel a:hover {
background: #56BBFF; /* old browsers 
background: rgb(0,150,255); /* Old browsers 
background: -moz-linear-gradient(top, rgba(0,150,255,1) 0%, rgba(0,95,161,1) 100%); /* FF3.6+ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,150,255,1)), color-stop(100%,rgba(0,95,161,1))); /* Chrome,Safari4+ 
background: -webkit-linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%); /* Chrome10+,Safari5.1+ 
background: -o-linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%); /* Opera11.10+ 
background: -ms-linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%); /* IE10+ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096ff', endColorstr='#005fa1',GradientType=0 ); /* IE6-9 
background: linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%); /* W3C 
color:#FFF;
}
*/

/*front page*/
/*.colleft {
    float: left;
    width: 384px;
}

    .colleft .imageborder {
        border: #0096FF 0 solid;
    }

.colright {
    float: left;
    width: 386px;
}*/

#indexImage {
    display: block;
    width: 386px;
    height: 261px;
    background-image: url(../images/front-page-image.png);
    background-repeat: no-repeat;
}

/*#indexTourButton {
    display: block;
    clear: both;
    width: 333px;
    height: 79px;
    background-image: url(../images/indexTourButton.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 0 0 8px 30px;
}*/

/*    #indexTourButton a {
        display: block;
        width: 333px;
        height: 79px;
        cursor: pointer;
    }

    #indexTourButton:hover {
        background-position: 0 -79px;
    }*/

/*#indexPlayButton {
    display: block;
    clear: both;
    width: 333px;
    height: 79px;
    background-image: url(../images/indexPlayButton.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 0 0 8px 30px;
}

    #indexPlayButton a {
        display: block;
        width: 333px;
        height: 79px;
        cursor: pointer;
    }

    #indexPlayButton:hover {
        background-position: 0 -79px;
    }*/

/*#indexAppButton {
    display: block;
    clear: both;
    width: 333px;
    height: 70px;
    background-image: url(../images/indexAppButton.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 0 0 8px 31px;
}

    #indexAppButton a {
        display: block;
        width: 333px;
        height: 72px;
        cursor: pointer;
    }

    #indexAppButton:hover {
        background-position: 0 -71px;
    }*/
/*end front page buttons*/

.blue {
    background: #56BBFF; /* old browsers */
    background: rgb(0,150,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0,150,255,1) 0%, rgba(0,95,161,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,150,255,1)), color-stop(100%,rgba(0,95,161,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096ff', endColorstr='#005fa1',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%); /* W3C */
}

#udp_controls {
    margin-top: 40px;
}

    #udp_controls table {
        border: 0;
        width: 400px;
    }

table.greyline {
    border-top: 1px solid #EEE;
    border-left: 1px solid #EEE;
}

.greyline td {
    border-bottom: 1px solid #EEE;
    border-right: 1px solid #EEE;
}

.roundSmall {
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    /*MS IE9*/
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.round {
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    /*MS IE9*/
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.roundLarge {
    -moz-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    /*MS IE9*/
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.gradient {
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(216,216,216,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(216,216,216,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(216,216,216,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(216,216,216,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(216,216,216,1) 100%); /* W3C */
}

.whiteGrad {
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(220,220,220,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(220,220,220,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(220,220,220,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(220,220,220,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(220,220,220,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(220,220,220,1) 100%); /* W3C */
}

.lightGrey {
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(232,232,232,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* W3C */
}

.grey {
    background: #eeeeee; /* old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* ie */
    background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* opera */
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-bottom: 5px;
    text-decoration: none;
    color: #000;
    cursor: pointer;
}

.inshadow {
    -webkit-box-shadow: inset 2px 2px 2px 1px #7d7d7d;
    -moz-box-shadow: inset 2px 2px 2px 1px #7d7d7d;
    box-shadow: inset 2px 2px 2px 1px #7d7d7d;
}

/*.shadow {
    -moz-box-shadow: 3px 3px 4px #ccc;
    -webkit-box-shadow: 3px 3px 4px #ccc;
    box-shadow: 3px 3px 4px #ccc;
}

.shadowSharp {
    -moz-box-shadow: 2px 2px 2px #bbb;
    -webkit-box-shadow: 2px 2px 2px #bbb;
    box-shadow: 2px 2px 2px #bbb;
}*/

.white {
    background: #fff;
}

.wrapCorners {
    /* Mozilla Firefox */
    -moz-border-radius: 5px;
    /* W3C, Opera and IE9 Preview */
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    /* Safari and Chrome */
    -webkit-border-radius: 5px;
}

/*.bluebar {
    background: rgb(30,87,153);
    background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1)));
    background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
    background: -o-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
    background: -ms-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );
    background: linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
}
*/
.blackbg {
    background: rgb(149,149,149);
    background: -moz-linear-gradient(top, rgba(149,149,149,1) 0%, rgba(13,13,13,1) 46%, rgba(1,1,1,1) 50%, rgba(10,10,10,1) 53%, rgba(78,78,78,1) 76%, rgba(56,56,56,1) 87%, rgba(27,27,27,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(149,149,149,1)), color-stop(46%,rgba(13,13,13,1)), color-stop(50%,rgba(1,1,1,1)), color-stop(53%,rgba(10,10,10,1)), color-stop(76%,rgba(78,78,78,1)), color-stop(87%,rgba(56,56,56,1)), color-stop(100%,rgba(27,27,27,1)));
    background: -webkit-linear-gradient(top, rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%);
    background: -o-linear-gradient(top, rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%);
    background: -ms-linear-gradient(top, rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 );
    background: linear-gradient(top, rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%);
}

.corners2 {
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    -webkit-border-bottom: 2px;
}

.corners5 {
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-bottom: 5px;
}

.corners30 {
    -moz-border-radius: 30px;
    -khtml-border-radius: 30px;
    border-radius: 30px;
    -webkit-border-bottom: 30px;
}

/*.title {
    border: 1px solid #adddff;
    background: rgb(254,255,255);
    background: -moz-linear-gradient(top, rgba(254,255,255,1) 3%, #adddff 24%, rgba(254,255,255,1) 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,rgba(254,255,255,1)), color-stop(24%,#adddff), color-stop(99%,rgba(254,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(254,255,255,1) 3%,#adddff 24%,rgba(254,255,255,1) 99%);
    background: -o-linear-gradient(top, rgba(254,255,255,1) 3%,#adddff 24%,rgba(254,255,255,1) 99%);
    background: -ms-linear-gradient(top, rgba(254,255,255,1) 3%,#adddff 24%,rgba(254,255,255,1) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#feffff',GradientType=0 );
    background: linear-gradient(top, rgba(254,255,255,1) 3%,#adddff 24%,rgba(254,255,255,1) 99%);
    -moz-box-shadow: 3px 3px 4px #dddddd;
    -webkit-box-shadow: 3px 3px 4px #dddddd;
    box-shadow: 3px 3px 4px #dddddd;
}*/

.bottomcorners {
    -webkit-border-bottom-right-radius: 30px;
    -webkit-border-bottom-left-radius: 30px;
    -moz-border-radius-bottomright: 30px;
    -moz-border-radius-bottomleft: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
}

.topcorners {
    -webkit-border-top-right-radius: 30px;
    -webkit-border-top-left-radius: 30px;
    -moz-border-radius-topright: 30px;
    -moz-border-radius-topleft: 30px;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
}

/*.proceedContainer {
    display: block;
    height: 50px;
    margin: 20px 16px 0 12px;
}*/

/*.proceed {
    cursor: pointer;
    width: 100%;
    padding: 8px;
    padding-left: 18px;
    padding-right: 18px;
    text-decoration: none;
    color: #FFF;
    font-size: 18px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-bottom: 6px;
    border: 1px solid #2fa418;
    font: italic bold 18px/18px Arial,Helvetica,sans-serif;
    /*border-top-right-radius: 6px;
border-top-left-radius: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;*/
    /*background: rgb(238,238,238);
background: -moz-linear-gradient(top, rgba(238,238,238,1) 40%, rgba(216,216,216,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,rgba(238,238,238,1)), color-stop(100%,rgba(216,216,216,1)));
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 40%,rgba(216,216,216,1) 100%);
background: -o-linear-gradient(top, rgba(238,238,238,1) 40%,rgba(216,216,216,1) 100%);
background: -ms-linear-gradient(top, rgba(238,238,238,1) 40%,rgba(216,216,216,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#d8d8d8',GradientType=0 );
background: linear-gradient(top, rgba(238,238,238,1) 40%,rgba(216,216,216,1) 100%);*/
    /*-moz-box-shadow: 3px 3px 4px #ccc;
    -webkit-box-shadow: 3px 3px 4px #ccc;
    box-shadow: 3px 3px 4px #ccc;
	margin-bottom:10px;*/
    /*background: #3ccc1c;*/ /* Old browsers */
    /*background: -moz-linear-gradient(top, #3ccc1c 0%, #1c9624 50%, #2f7f26 100%);*/ /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3ccc1c), color-stop(50%,#1c9624), color-stop(100%,#2f7f26));*/ /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top, #3ccc1c 0%,#1c9624 50%,#2f7f26 100%);*/ /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top, #3ccc1c 0%,#1c9624 50%,#2f7f26 100%);*/ /* Opera11.10+ */
    /*background: -ms-linear-gradient(top, #3ccc1c 0%,#1c9624 50%,#2f7f26 100%);*/ /* IE10+ */
    /*background: linear-gradient(top, #3ccc1c 0%,#1c9624 50%,#2f7f26 100%);*/ /* W3C */
/*}*/

    /*.proceed:hover {
        cursor: pointer;
        width: 100%;
        padding: 8px;
        padding-left: 18px;
        padding-right: 18px;
        margin-right: 12px;
        text-decoration: none;
        border: 1px solid #EEE;
        color: #2B82C7;
        -moz-border-radius: 6px;
        -khtml-border-radius: 6px;
        -webkit-border-bottom: 6px;*/
        /*border:1px solid #2fa418;*/
        /*background: rgb(238,238,238);
        background: -moz-linear-gradient(top, rgba(238,238,238,1) 40%, rgba(216,216,216,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,rgba(238,238,238,1)), color-stop(100%,rgba(216,216,216,1)));
        background: -webkit-linear-gradient(top, rgba(238,238,238,1) 40%,rgba(216,216,216,1) 100%);
        background: -o-linear-gradient(top, rgba(238,238,238,1) 40%,rgba(216,216,216,1) 100%);
        background: -ms-linear-gradient(top, rgba(238,238,238,1) 40%,rgba(216,216,216,1) 100%);
        background: linear-gradient(top, rgba(238,238,238,1) 40%,rgba(216,216,216,1) 100%);
    }*/

/*Width="150" BackColor="#0096FF" BorderColor="Black" BorderWidth="2px" ForeColor="White" CssClass="round shadow"*/

.sgbtn {
    cursor: pointer;
    width: 100%;
    padding: 8px;
    padding-left: 18px;
    padding-right: 18px;
    margin-right: 12px;
    text-decoration: none;
    color: #000;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-bottom: 3px;
    /*border:1px solid #2fa418;*/
    background: rgb(238,238,238);
    background: -moz-linear-gradient(top, rgba(238,238,238,1) 40%, rgba(216,216,216,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,rgba(238,238,238,1)), color-stop(100%,rgba(216,216,216,1)));
    background: -webkit-linear-gradient(top, rgba(238,238,238,1) 40%,rgba(216,216,216,1) 100%);
    background: -o-linear-gradient(top, rgba(238,238,238,1) 40%,rgba(216,216,216,1) 100%);
    background: -ms-linear-gradient(top, rgba(238,238,238,1) 40%,rgba(216,216,216,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#d8d8d8',GradientType=0 );
    background: linear-gradient(top, rgba(238,238,238,1) 40%,rgba(216,216,216,1) 100%);
    /*-moz-box-shadow: 3px 3px 4px #ccc;
    -webkit-box-shadow: 3px 3px 4px #ccc;
    box-shadow: 3px 3px 4px #ccc;
	margin-bottom:10px;*/
}
/*.startOverContainer {
height:75px;
}*/
/*.sgbtnStartNewSession {
    display: block;
    float: left;
    margin: 0px 16px 16px 15px !important;
    cursor: pointer;
    width: 756px;
    height: 50px;
    padding: 8px;
    padding-left: 18px;
    padding-right: 18px;
    text-decoration: none;
    border: none;
    font-size: 18px;
    color: #FFF;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-bottom: 6px;
    border-radius: 6px;
    text-decoration: none;
    -moz-box-shadow: 3px 3px 4px #ccc;
    -webkit-box-shadow: 3px 3px 4px #ccc;
    box-shadow: 3px 3px 4px #ccc;
    background: #56BBFF;*/ /* old browsers */
    /*background: rgb(0,150,255);*/ /* Old browsers */
    /*background: -moz-linear-gradient(top, rgba(0,150,255,1) 0%, rgba(0,95,161,1) 100%);*/ /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,150,255,1)), color-stop(100%,rgba(0,95,161,1)));*/ /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%);*/ /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%);*/ /* Opera11.10+ */
    /*background: -ms-linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%);*/ /* IE10+ */
    /*background: linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%);*/ /* W3C */
    /*color: #FFF;
    font: italic bold 18px/18px Arial,Helvetica,sans-serif;
}

    .sgbtnStartNewSession:hover {
        cursor: pointer;
        color: #2B82C7;
        border: 1px solid #eee;
        background: rgb(238,238,238);*/ /*old browsers*/
        /*background: -moz-linear-gradient(top, rgba(238,238,238,1) 40%, rgba(216,216,216,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,rgba(238,238,238,1)), color-stop(100%,rgba(216,216,216,1)));
        background: -webkit-linear-gradient(top, rgba(238,238,238,1) 40%,rgba(216,216,216,1) 100%);
        background: -o-linear-gradient(top, rgba(238,238,238,1) 40%,rgba(216,216,216,1) 100%);
        background: -ms-linear-gradient(top, rgba(238,238,238,1) 40%,rgba(216,216,216,1) 100%);
        background: linear-gradient(top, rgba(238,238,238,1) 40%,rgba(216,216,216,1) 100%);
    }

.sgbtnColourToggle {
    float: left;
    margin: 0px 0px 16px 0;
    cursor: pointer;
    width: 405px;
    height: 50px;
    text-decoration: none;
    border: none;
    font-size: 18px;
    color: #FFF;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-bottom: 6px;
    border-radius: 6px;
    text-decoration: none;
    -moz-box-shadow: 3px 3px 4px #ccc;
    -webkit-box-shadow: 3px 3px 4px #ccc;
    box-shadow: 3px 3px 4px #ccc;
    font: italic bold 18px/18px Arial,Helvetica,sans-serif;
    background: #56BBFF;*/ /* old browsers */
    /*background: rgb(0,150,255);*/ /* Old browsers */
    /*background: -moz-linear-gradient(top, rgba(0,150,255,1) 0%, rgba(0,95,161,1) 100%);*/ /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,150,255,1)), color-stop(100%,rgba(0,95,161,1)));*/ /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%);*/ /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%);*/ /* Opera11.10+ */
    /*background: -ms-linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%);*/ /* IE10+ */
    /*background: linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%);*/ /* W3C */
    /*color: #FFF;
}

    .sgbtnColourToggle:hover {
        cursor: pointer;
        text-decoration: none;
        color: #2B82C7;
        border: 1px solid #eee;
        background: rgb(238,238,238);*/ /*old browsers*/
        /*background: -moz-linear-gradient(top, rgba(238,238,238,1) 40%, rgba(216,216,216,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,rgba(238,238,238,1)), color-stop(100%,rgba(216,216,216,1)));
        background: -webkit-linear-gradient(top, rgba(238,238,238,1) 40%,rgba(216,216,216,1) 100%);
        background: -o-linear-gradient(top, rgba(238,238,238,1) 40%,rgba(216,216,216,1) 100%);
        background: -ms-linear-gradient(top, rgba(238,238,238,1) 40%,rgba(216,216,216,1) 100%);
        background: linear-gradient(top, rgba(238,238,238,1) 40%,rgba(216,216,216,1) 100%);
    }

.sgbtnBegin {
    cursor: pointer;
    padding: 8px;
    padding-left: 18px;
    padding-right: 18px;
    margin-right: 12px;
    text-decoration: none;
    color: #2B82C7;
    font: italic bold 18px/18px Arial,Helvetica,sans-serif;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-bottom: 3px;
    border: 1px solid #EEE;
    !important background: rgb(255,255,255);*/ /* Old browsers */
    /*background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(220,220,220,1) 100%);*/ /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(220,220,220,1)));*/ /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(220,220,220,1) 100%);*/ /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(220,220,220,1) 100%);*/ /* Opera 11.10+ */
    /*background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(220,220,220,1) 100%);*/ /* IE10+ */
    /*background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(220,220,220,1) 100%);*/ /* W3C */
    /*-moz-box-shadow: 3px 3px 4px #ccc;
    -webkit-box-shadow: 3px 3px 4px #ccc;
    box-shadow: 3px 3px 4px #ccc;
	margin-bottom:10px;*/
/*}*/

/*report card*/

/*.facebook_like_rc_wrapper {
    display: block;
    height: 48px;
    margin: -10px 0 0;
    text-align: center;
}

.facebook_like_rc {
    margin: 0 0 15px 57px;
    float: left;
}

.fb_contain_rc {
    display: block;
    float: left;
    margin: 10px 0 0;
}

#facebook_like_rc_button {
    border: none;
    overflow: hidden;
    width: 100px;
    height: 21px;
    margin: 0 0 23px 18px;
}

#fb_rc_do_not_show {
    display: block;
    float: left;
}

.fb_rc_do_not_show_checkbox {
    width: 25px;
    height: 25px;
    display: block;
    float: left;
    margin-top: 8px;
}

    .fb_rc_do_not_show_checkbox input {
        width: 25px;
        height: 25px;
        margin: 0px;
    }

#fb_rc_do_not_show span.fb_1 {
    margin: 13px 0 0 10px;
    color: #999;
    display: block;
    float: left;
}
*/
/*vowel report card*/
/*.v1trans {
    background-image: url(../images/btns/v1trans.png);
    background-repeat: no-repeat;
}

.v2trans {
    background-image: url(../images/btns/v2trans.png);
    background-repeat: no-repeat;
}

.v3trans {
    background-image: url(../images/btns/v3trans.png);
    background-repeat: no-repeat;
}

.v4trans {
    background-image: url(../images/btns/v4trans.png);
    background-repeat: no-repeat;
}

.v5trans {
    background-image: url(../images/btns/v5trans.png);
    background-repeat: no-repeat;
}

.v6trans {
    background-image: url(../images/btns/v6trans.png);
    background-repeat: no-repeat;
}

.v7trans {
    background-image: url(../images/btns/v7trans.png);
    background-repeat: no-repeat;
}

.v8trans {
    background-image: url(../images/btns/v8trans.png);
    background-repeat: no-repeat;
}

.v9trans {
    background-image: url(../images/btns/v9trans.png);
    background-repeat: no-repeat;
}

.v10trans {
    background-image: url(../images/btns/v10trans.png);
    background-repeat: no-repeat;
}

div.overall_vowels_wrapper {
    display: table;
    height: 424px;
    #position: relative;
    overflow: hidden;
    border: 1px solid #EEE;
    margin-bottom: 5px;
}

div.overall_vowels {
    display: table-cell;
    height: 424px;
    width: 300px;
    text-align: center;
    #position: absolute;
    #top: 50%;
    vertical-align: middle;
}
*/
/*.v1trans, .v2trans, .v3trans, .v4trans, .v5trans, .v6trans, .v7trans, .v8trans, .v9trans, .v10trans{
margin-left:14px;
}*/

/*consonant report card*/
/*.c1trans {
    background-image: url(../images/btns/c1trans.png);
    background-repeat: no-repeat;
}

.c2trans {
    background-image: url(../images/btns/c2trans.png);
    background-repeat: no-repeat;
}

.c3trans {
    background-image: url(../images/btns/c3trans.png);
    background-repeat: no-repeat;
}

.c4trans {
    background-image: url(../images/btns/c4trans.png);
    background-repeat: no-repeat;
}

.c5trans {
    background-image: url(../images/btns/c5trans.png);
    background-repeat: no-repeat;
}

.c6trans {
    background-image: url(../images/btns/c6trans.png);
    background-repeat: no-repeat;
}

.c7trans {
    background-image: url(../images/btns/c7trans.png);
    background-repeat: no-repeat;
}

.c8trans {
    background-image: url(../images/btns/c8trans.png);
    background-repeat: no-repeat;
}

.c9trans {
    background-image: url(../images/btns/c9trans.png);
    background-repeat: no-repeat;
}

.c10trans {
    background-image: url(../images/btns/c10trans.png);
    background-repeat: no-repeat;
}

.c11trans {
    background-image: url(../images/btns/c11trans.png);
    background-repeat: no-repeat;
}

.c12trans {
    background-image: url(../images/btns/c12trans.png);
    background-repeat: no-repeat;
}

.c13trans {
    background-image: url(../images/btns/c13trans.png);
    background-repeat: no-repeat;
}

.c14trans {
    background-image: url(../images/btns/c14trans.png);
    background-repeat: no-repeat;
}

.c15trans {
    background-image: url(../images/btns/c15trans.png);
    background-repeat: no-repeat;
}

.c16trans {
    background-image: url(../images/btns/c16trans.png);
    background-repeat: no-repeat;
}

.c17trans {
    background-image: url(../images/btns/c17trans.png);
    background-repeat: no-repeat;
}

.c18trans {
    background-image: url(../images/btns/c18trans.png);
    background-repeat: no-repeat;
}

.c19trans {
    background-image: url(../images/btns/c19trans.png);
    background-repeat: no-repeat;
}

.c20trans {
    background-image: url(../images/btns/c20trans.png);
    background-repeat: no-repeat;
}

.c21trans {
    background-image: url(../images/btns/c21trans.png);
    background-repeat: no-repeat;
}

.c22trans {
    background-image: url(../images/btns/c22trans.png);
    background-repeat: no-repeat;
}

.c23trans {
    background-image: url(../images/btns/c23trans.png);
    background-repeat: no-repeat;
}

.c24trans {
    background-image: url(../images/btns/c24trans.png);
    background-repeat: no-repeat;
}

div.overall_consonants_wrapper {
    display: table;
    height: 338px;
    #position: relative;
    overflow: visible;
    border: 1px solid #EEE;
    margin-bottom: 3px;
}

div.overall_consonants {
    display: table-cell;
    height: 335px;
    width: 135px;
    text-align: center;
    #position: absolute;
    #top: 50%;
    vertical-align: middle;
    width: 150px;
    padding: 10px 0;
}
*/
/*applies to both consonant and vowel report cards*/
/*span.percentage {
    display: block;
    clear: both;
    color: #FFF;
}

div.average_label {
    margin: 0 auto;
    #position: relative;
    #top: -50%;
    color: #2B82C7;
    font: italic bold 18px/18px Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    display: block;
    width: 100px;
}

div.average_score {
    margin: 5px auto 0;
    #position: relative;
    #top: -50%;
    color: #2B82C7;
    font: 30px/30px Arial,Helvetica,sans-serif;
}

div.timer_label {
    margin: 15px auto 0;
    #position: relative;
    #top: -50%;
    color: #2B82C7;
    font: italic bold 18px/18px Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    display: block;
    width: 100px;
}

div.timer_container, div.timer_container p, #lbl_overallscore {
    display: block;
    margin: 5px auto 0;
    #position: relative;
    #top: -50%;
    color: #2B82C7;
    font: italic bold 30px/30px Arial,Helvetica,sans-serif;
}

.eac_report_extra_header .visible {
    color: #2B82C7;
    font: italic bold 15px/15px Arial,Helvetica,sans-serif;
    padding: 0 25px;
}
*/


/*  
.vowels:hover, .cons:hover {
cursor: pointer;
}
*/

/*div.legend {
    display: block;
    text-align: center;
    margin: 15px auto 0;
}

div#legendplaceholderOLD {
    position: relative;
    float: left;
    width: 550px;
    overflow: hidden;
    border: 1px solid #EEEEEE;
    padding: 5px 5px 5px 20px;
    margin: 5px 0px 20px 0px;
    text-align: center;
}

div#legendplaceholder {
    position: relative;
    float: right;
    width: 550px;
    overflow: hidden;
    border: 1px solid #EEEEEE;
    padding: 5px 5px 5px 20px;
    margin: 5px 30px 20px 0px;
    text-align: center;
}*/



/*div#placeholder {
    position: relative;
    float: left;
    width: 580px;
    height: 300px;
    margin-right: 25px;
}*/

/*div.legend div {
    z-index: 0;
}

.legendCons {
    overflow: hidden;
}*/

/*div.legend_mastered {
    background-image: url(../images/legend_mastered.png);
    background-position: center top;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 33px;
    margin: 0 auto 5px;
    position: relative;
    width: 100%;
}

div.legend_satisfact {
    background-image: url(../images/legend_satisfact.png);
    background-position: center top;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 33px;
    margin: 0 auto 5px;
    position: relative;
    width: 100%;
}

div.legend_needs_practice {
    background-image: url("../images/legend_needs_practice.png");
    background-position: center top;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 33px;
    margin: 0 auto 15px;
    position: relative;
    width: 100%;
}

div.legend p {
    display: block;
    font: italic bold 14px/24px Arial,Helvetica,sans-serif;
    color: #2B82C7;
    margin: -16px 0 0 130px;
    position: absolute;
    text-align: left;
    top: 50%;
    width: 200px;
}

div.legendCons p {
    display: block;
    font: italic bold 14px/24px Arial,Helvetica,sans-serif;
    color: #2B82C7;
    margin: -16px 0 0 55px;
    position: absolute;
    text-align: left;
    top: 50%;
    width: 200px;
}

div.legend p.needsMorePractice {
    display: block;
    font: italic bold 14px/20px Arial,Helvetica,sans-serif;
    margin: -16px 0 0 130px;
    position: absolute;
    text-align: left;
    top: 50%;
    width: 200px;
}

div.legendCons p.needsMorePractice {
    margin: -16px 0 0 55px;
}
*/
/*.reportButtonText {
    font: italic bold 16px Arial,Helvetica,sans-serif;
    color: #2B82C7;
}

div.recc {
    background-color: #FFFFFF;
    color: #2B82C7;
    display: block;
    font: italic bold 20px/20px Arial,Helvetica,sans-serif;
    margin: 8px auto 5px;
    padding: 0px 30px;
    position: absolute;
    right: 47px;
    text-align: left;
    top: 152px;
    width: 220px;
    height: 282px;
}
*/
div.reccConsonants {
    background-color: #FFFFFF;
    color: #2B82C7;
    display: block;
    font: italic bold 20px/20px Arial,Helvetica,sans-serif;
    height: 220px;
    margin: 10px auto 5px;
    padding: 42px 30px;
    position: absolute;
    right: 32px;
    text-align: left;
    top: 137px;
    width: 200px;
    z-index: 1000;
}

.reccButton {
    cursor: pointer;
    display: block;
    margin: 0 auto 10px;
    overflow: hidden;
    position: relative;
    width: 114px;
}
/*.recc_popup_click {
		cursor: pointer;
		display: block;
		margin: 5px;
		}*/
div.reccButton {
    display: block;
    margin: 10px auto 5px;
    position: relative;
    width: 114px;
}

.reccButton:hover .recc_popup_click {
    color: #FFF;
}

div.reccButton input.recc_popup_click {
    cursor: pointer;
    display: block;
    height: 30px;
    text-align: center;
    top: 50%;
    width: 114px;
    cursor: pointer;
}

div.recc.vowelReport p.recc_popup
div.recc p.recc_popup {
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    color: #2B82C7;
    display: none;
    font-family: Arial,Verdana;
    font-size: 13px;
    left: -8px;
    line-height: 1.3;
    padding: 40px 10px;
    position: absolute;
    text-align: left;
    top: -310px;
    width: 110px;
    z-index: 10000;
}

div.retry {
    position: relative;
    display: block;
    width: 114px;
    margin: 10px auto 5px;
}

    div.retry input.retryButton {
        position: absolute;
        top: 50%;
        display: block;
        width: 114px;
        height: 30px;
        text-align: center;
        cursor: pointer;
    }
/*END OF applies to both consonant and vowel report cards*/

/*div.report_white {
    display: block;
    background-image: url(../images/report_sprite.png);
    background-repeat: no-repeat;
    background-position: -320px 0px;
    width: 80px;
    height: 80px;
    text-align: center;
}

    div.report_white span.percentage {
        visibility: hidden;
    }

div.report_blue {
    display: block;
    background-image: url(../images/report_sprite.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 80px;
    height: 80px;
    text-align: center;
}

div.report_green {
    display: block;
    background-image: url(../images/report_sprite.png);
    background-repeat: no-repeat;
    background-position: -80px 0px;
    width: 80px;
    height: 80px;
    text-align: center;
}

div.report_yellow {
    display: block;
    background-image: url(../images/report_sprite.png);
    background-repeat: no-repeat;
    background-position: -160px 0px;
    width: 80px;
    height: 80px;
    text-align: center;
}

div.report_red {
    display: block;
    background-image: url(../images/report_sprite.png);
    background-repeat: no-repeat;
    background-position: -240px 0px;
    width: 80px;
    height: 80px;
    text-align: center;
}*/

.vertAlign {
    vertical-align: bottom;
}

/*.v_grid {
    display: block;
    float: right;
    margin-right: 18px;
    height: 300px;
    width: 380px;
    text-align: left;
    padding: 20px 12px 15px 10px;
}*/

div#udp_login {
    display: none;
}

/*Login Form*/
.loginInput {
    background-color: #FFF;
    border: 0;
    height: 25px;
    width: 130px;
    padding-left: 10px;
}

.buttonFloat {
    display: block;
    float: left;
}

.loginButton {
    cursor: pointer;
    padding: 5px;
    padding-left: 18px;
    padding-right: 18px;
    margin-right: 12px;
    text-decoration: none;
    color: #000000;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-bottom: 3px;
    border: 1px solid #eee;
    background: rgb(238,238,238);
    background: -moz-linear-gradient(top, rgba(238,238,238,1) 40%, rgba(216,216,216,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,rgba(238,238,238,1)), color-stop(100%,rgba(216,216,216,1)));
    background: -webkit-linear-gradient(top, rgba(238,238,238,1) 40%,rgba(216,216,216,1) 100%);
    background: -o-linear-gradient(top, rgba(238,238,238,1) 40%,rgba(216,216,216,1) 100%);
    background: -ms-linear-gradient(top, rgba(238,238,238,1) 40%,rgba(216,216,216,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#d8d8d8',GradientType=0 );
    background: linear-gradient(top, rgba(238,238,238,1) 40%,rgba(216,216,216,1) 100%);
    -moz-box-shadow: 3px 3px 4px #ccc;
    -webkit-box-shadow: 3px 3px 4px #ccc;
    box-shadow: 3px 3px 4px #ccc;
}

    .loginButton:hover {
        border: 1px solid #56BBFF;
        color: #fff !important;
        text-decoration: none;
        -moz-box-shadow: 3px 3px 4px #ccc;
        -webkit-box-shadow: 3px 3px 4px #ccc;
        box-shadow: 3px 3px 4px #ccc;
        background: #56BBFF; /* old browsers */
        background: -moz-linear-gradient(top, #56BBFF 0%, #0096FF 100%); /* firefox */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#56BBFF), color-stop(100%,#0096FF)); /* webkit */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56BBFF', endColorstr='#0096FF',GradientType=0 ); /* ie */
        background: -o-linear-gradient(top, #56BBFF 0%,#0096FF 100%); /* opera */
    }
/*end of login form*/
/*Welcome Message*/
/*span.welcome {
    display: block;
    float: right;
    margin: 0 0 5px 10px;
    font-family: Arial, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 14px;
    color: #FFF;*/
    /*border-radius:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-bottom:5px;
*/
    /*IE9*/
    /*border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
*/
}

.loggedIn {
    display: block;
    float: left;
    margin-top: 1px;
    width: 210px;
    height: 51px;
    background-image: url(../images/loggedIn.png);
    background-repeat: no-repeat;
}

/*#menu input.progressBtn {
    background-image: url("../images/check_progress.png");
    background-position: -33px -1px;
    background-repeat: no-repeat;
    width: 210px;
}*/

    #menu input.progressBtn:hover {
        background-image: url("../images/check_progress.png");
        background-position: -33px -70px;
    }
/*Log Out*/
/*.logoutButton {
    position: absolute;
    top: -10px;
    right: 0;
    padding: 13px 0 0 5px;
}

    .logoutButton.blueShadow {
        -webkit-box-shadow: 2px 2px 4px 2px #0071c0;
        -moz-box-shadow: 2px 2px 4px 2px #0071c0;
        box-shadow: 2px 2px 4px 2px #0071c0;
    }

    .logoutButton a {
        float: right;
        margin: -9px 0 5px 10px;
        color: #09C;
        text-decoration: none;
        padding: 12px 10px 7px;
        width: 96px;
        text-align: center;
    }

        .logoutButton a:hover {
        }*/

/*p.loggedOut {
    margin: 20px 35px 30px;
    font-size: 18px;
    color: #666;
    text-align: center;
}*/
/*end of logout form*/

/*User Menu*/
/*#menutab {
    font: bold italic 15px/17px Arial,Helvetica,sans-serif;
    color: #2B82C7;
}*/

/*#menudiv {
    background-color: #FFF;
    border-radius: 7px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    display: none;
    padding: 7px 0px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 0;
    width: 176px;
    z-index: 100;
}*/

/*#pnl_menudiv {
    overflow: hidden;
}*/

/*a.menudivitem {
    clear: left;
    color: #2B82C7;
    float: left;
    font: italic bold 15px/15px Arial,Helvetica,sans-serif;
    margin: 0 0 2px 0;
    text-decoration: none;
    width: 100%;
    padding: 3px 12px;
}

    a.menudivitem:hover {
        background-color: #2B82C7;
        color: #fff;
    }

.menudivitem:hover {
    color: #359ff4;
}*/

.notverified {
    color: #B4B4B4;
}

    .notverified:hover {
        color: #B4B4B4;
    }

/*Register Form*/
/*.regBlue {
    background-color: #0087e6 !important;
}

.whiteHeading {
    color: #FFF !important;
}

.stripes {
    background: url(../images/regStripes.jpg) no-repeat 0 0;
}

#register../imagesHeader {
    display: block;
    width: 100%;
    height: 244px;
    margin-bottom: 20px;
}

#rihLeft, #rihRight {
    display: block;
    float: left;
    margin-left: 70px;
    width: 321px;
    height: 244px;
    background: url(../images/rihLeft.png) no-repeat 0 0;
}

#rihRight {
    margin-left: 20px;
    background: url(../images/rihRight.png) no-repeat 0 0;
}

#register../imagesFooter {
    display: block;
    width: 100%;
    height: 269px;
    margin-top: 25px;
    background: url(../images/regBlockQuote.jpg) no-repeat top center;
}

#registerPanel {
    width: auto;
    margin: 20px 40px;
}

.label, #pnl_confirmpanel h1 {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
    color: #2b82c7;
    text-align: right;
    margin-right: 10px;
}
    
.textfield {
    display: block;
    float: left;
    width: 57px;
    height: 14px;
    background-color: #FFF;
    color: #666;
    padding: 3px 5px;
    -moz-box-shadow: 3px 3px 4px #ccc;
    -webkit-box-shadow: 3px 3px 4px #ccc;
    box-shadow: 3px 3px 4px #ccc;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;*/
    /*MS IE9*/
    /*border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.gamereport_username {
    width: 205px;
}

#gamereport_datapager {
    margin: 15px 0 5px;
}*/

/*#dateRange .dotvvm-bp-state_error {
    box-shadow: none;
}*/

/*Registration Page*/
/*#registerPanel .label {
    width: 225px;
}

.regFieldContain {
    display: block;
    position: relative;
}

.fieldbadmsg {
    position: relative;
    padding: 7px;
    color: white;
    float: left;
    clear: both;
    font: italic bold 14px/14px Arial,Helvetica,sans-serif;
    background-color: #2B82C7;
    border: 2px solid #EEEEEE;
    z-index: 0 !important;
    position: relative !important;
}

#pnl_confirmpanel h1, #pnl_confirmpanel p {
    text-align: left;
    margin: 0 0 10px 0;
}

#pnl_confirmpanel h1 {
    margin-top: 0;
}

#pnl_confirmpanel p, #lbl_warning2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-style: none;
    font-weight: bold;
    color: #2b82c7;
    display: block;
    width: 350px;
}

#registerPanel input#cmd_new {
    cursor: pointer;
}*/

/*#lbl_warning {
    display: block;
    color: #F00;
    margin: 15px 0;
}*/

/*#lbl_warning2 {
    margin: 10px 0;
    float: left;
    clear: left
}

#registerPanel input#txt_quack.formField, .formField, .emailField, .confirmField {
    display: block;
    float: left;
    width: 205px;
    height: 43px !important;
    background: url(../images/text_field.png) no-repeat 0 0;
    background-color: none;
    border: none !important;
    padding: 0 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    color: #666666;
    margin-bottom: 0;
}

.emailField {
    background-image: url(../images/email_field.png);
    width: 284px;
    height: 43px;
}

.confirmField {
    margin: 5px 0 0 0;
}

    .formField:hover, .confirmField:hover, .formField:focus, .confirmField:focus {
        background: url(../images/text_field.png) no-repeat 0 -56px;
    }

.emailField:hover, .emailField:focus {
    background: url(../images/email_field.png) no-repeat 0 -56px;
}

.confirmButton, .confirmGoBack {
    width: 130px;
    float: left;
    clear: left;
    height: 35px;
    border: 1px solid #EEE;
    cursor: pointer;
    margin-top: 15px;
}

.confirmGoBack {
    margin-left: 15px;
    float: left;
    clear: none;
}

.fieldok, .fieldbad {
    float: left;
    margin: 7px 0 0 10px;
}

.checkmark, .xmark {
    width: 26px;
    height: 27px;
    background: url(../images/field_ok.png) no-repeat 0 0;
}

.xmark {
    background: url(../images/field_bad.png) no-repeat 0 0;
}

.reg_confirm {
    background: none repeat scroll 0 0 white;
    border: 1px solid #EEEEEE;
    border-radius: 5px 5px 5px 5px;
    display: block;
    left: 50%;
    margin-left: -205px;
    padding: 40px;
    position: absolute;
    top: 500px;
    width: 330px;
    overflow: hidden;
}

#modal_overlay {
    position: fixed;
    visibility: hidden;
    top: 0pt;
    left: 0pt;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    opacity: 0.75;*/
    /*IE valid*/
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";*/
    /*webkit*/
    /*filter: alpha(opacity=75);
    -moz-opacity: 0.75;*/
    /* Safari 1.x (pre WebKit!) */
    /*-khtml-opacity: 0.75;
    filter: alpha(opacity=75);
    z-index: 2;
}

#modal_overlay2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    opacity: 0.75;*/
    /*IE valid*/
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";*/
    /*webkit*/
    /*filter: alpha(opacity=75);
    -moz-opacity: 0.75;*/
    /* Safari 1.x (pre WebKit!) */
    /*-khtml-opacity: 0.75;
    filter: alpha(opacity=75);
}

input.regButtonSprite {
    display: block;
    width: 193px;
    height: 52px;
    background: url(../images/regButtonSprite.png) no-repeat top left;
    margin: 5px 0 0 -3px;
    cursor: pointer;
    border: none;
}

.regButtonSprite:hover {
    background-position: 0 -53px;
}*/

/*end of Register Form*/

/*PRINTING*/


.eac_report_title {
    display: none;
}

.print_cons_symbol {
    display: none;
}

.print_vowel_symbol {
    display: none;
}

#c_grid_report br {
    display: none;
}

#v_grid_report br {
    display: none;
}

/*flash container divs*/
/*#flashReplyDiv {
    float: left;
    margin-top: 20px;
}

#flashSoundDiv {
    float: left;
    width: 100%;
    height: 0;
}*/
/*Head Up Display at Left*/
#display {
    display: table;
}

#hud {
    display: table-cell;
    vertical-align: bottom;
    float: left;
    width: 327px;
    height: auto;
    margin-left: 12px;
}

/*#progressbar {
    height: 30px;
    width: 96%;
    padding: 4px 2%;
    background: #e0e0e0;
}*/

/*Footer*/
/*.footer {
    position: relative;
    width: 860px;
    padding: 0px 0px 20px 0px;
    margin: 0 auto 25px;
    display: block;
    text-align: left;
    z-index: 0;
}

    .footer p.copyright {
        display: block;
        float: left;
        margin: 15px 0 0 0;
        font-size: 13px;
    }

    .footer span.appButton {
        display: block;
        float: left;
        width: 110px;
        height: 23px;
        margin: 13px 0 0 10px;
    }

.appButton a {
    display: block;
    width: 110px;
    height: 23px;
    background-image: url(../images/appstore_button.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}

    .appButton a:hover {
        background-position: 0 -25px;
    }

.footer span.twitter {
    display: block;
    float: left;
    margin: 15px 0 0 8px;
    width: 94px;
}

.footer span.facebook {
    display: block;
    float: left;
    margin: 13px 0 0 0;
}

.facebook a {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(../images/fb_group.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}

    .facebook a:hover {
        background-position: 0 -25px;
    }

.footer span.facebookRecc {
    display: block;
    float: left;
    margin: 15px 0 0 5px;
    width: 87px;
}

.footer span.googlePlus {
    display: block;
    width: 100px;
    float: left;
    margin: 15px 0 0 5px;
}*/

/*Privacy Policy Bottom*/
#privPolicyLinkBottom {
    color: #0087e5;
    font-size: 14px;
    text-decoration: underline;
}

    #privPolicyLinkBottom:hover {
        color: #09C;
    }

/*div {
    z-index: 1;
}*/
/*About Page*/
/*#aboutCredits {
    display: block;
}*/

/*#aboutCreditsRowOne, #aboutCreditsRowTwo {
    display: block;
    clear: both;
}

#aboutCreditsRowTwo {
    margin-top: 10px;
}

#devTeam {
    display: block;
}

    #devTeam p.copy {
        margin: 10px 0 0 0;
    }

#contact {
    display: block;
}

    #contact p.copy {
        margin-left: 0;
    }

    #aboutCredits a, #devTeam a, #contact a {
        color: #0066CC;
    }*/

/*Loading Overlay*/
.loading_note {
    display: none;
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
    height: 120%;
    opacity: 0.85;
    background-color: #FFF;
    /*IE valid*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    /*webkit*/
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.85;
    z-index: 10000;
    text-align: center;
}

    .loading_note p {
        position: absolute;
        display: block;
        font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
        font-size: 26px;
        font-weight: bold;
        color: #008ff3;
        top: 40%;
        left: 50%;
        margin-left: -150px;
    }
/*Update Database Tool*/
#update_db {
    width: 600px;
    margin: 0 auto 15px;
}

#update_db_buttons {
    display: block;
    position: relative;
    width: 705px;
    height: 65px;
    text-align: center;
    z-index: 5000;
}

    #update_db_buttons input {
        cursor: pointer;
        border: 1px solid #EEE;
        font: italic bold 18px Calibri,Arial,Helvetica,sans-serif;
        color: #2B82C7;
    }

.update_db_heading {
    text-align: center;
    width: 300px;
}

#filesadd {
    width: 300px;
    text-align: center;
}

    #filesadd li {
        list-style-type: none;
        color: #666;
        font-size: 16px;
        margin-top: 1px;
    }

        #filesadd li a {
            list-style-type: none;
            color: #06F;
            font-size: inherit;
        }

            #filesadd li a:hover {
                list-style-type: none;
                color: #339;
            }

            #filesadd li a:visited {
                list-style-type: none;
                color: #339;
            }

#filesdel {
    width: 300px;
    text-align: center;
}

    #filesdel li {
        list-style-type: none;
    }

#pnl_updateword {
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    color: #666666;
    left: 50%;
    margin-left: -325px;
    margin-top: 0;
    padding: 25px;
    position: absolute;
    top: 0;
    width: 600px;
}

#cmd_update {
    margin: 20px auto 0px;
    cursor: pointer;
    border: 1px solid #EEE;
    color: #666;
}

div#leftSelect, div#rightSelect {
    border: 1px solid #EEE;
    margin-top: 5px;
    padding: 10px;
    overflow: hidden;
}

p#leftSelect, p#rightSelect {
    margin-top: 15px;
    border: none;
    font-family: Calibri, Trebuchet MS;
    font-size: 16px;
    color: #666;
    height: 30px;
    vertical-align: baseline;
}

h2.leftCol, h2.rightCol {
    margin-top: 5px;
    border: none;
    font-family: Calibri, Trebuchet MS;
    font-size: 16px;
    color: #666;
    height: 20px;
    vertical-align: baseline;
}

p#leftSelect {
    margin-top: 18px;
    height: 26px;
}

#pnl_updateword button {
    border: 1px solid #EEE;
    height: 30px;
    cursor: pointer;
    color: #666;
}

#update_word_top {
    display: block;
    width: 100%;
    height: 75px;
    clear: both;
}

#leftArea, #rightArea {
    float: left;
}

.update_db_label {
    display: block;
    width: 75px;
    float: left;
    text-align: right;
    margin: 10px 10px 0 0;
}

.update_db_field {
    float: left;
    margin-top: 5px;
    color: #666;
}

#cmd_closeword {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    width: 25px;
    height: 25px;
    margin: 5px 6px 0 0;
    padding: 0 0 1px 1px;
    color: #666;
}

#cmd_search {
    float: left;
    width: 60px;
    height: 27px;
    border: 1px solid #EEE;
    padding-bottom: 5px;
    margin: 5px 0 0 10px;
    cursor: pointer;
    color: #666;
}

/*#msgs {
    border: 1px solid #EEE;
    padding: 15px 25px;
    color: #666;
    margin-left: 15px;
    text-align: left;
    width: 175px;
    float: right;
}*/

#pnl_details {
    display: block;
    width: 100%;
    overflow: hidden;
}

/*#cons_selecter {
    border: medium none;
    display: block;
    height: 300px;
    top: 50%;
    left: 50%;
    margin-left: -250px;
    margin-top: -150px;
    position: fixed;
    visibility: hidden;
    width: 500px;
    z-index: 5;
}*/

/*#vowel_selecter {
    border: medium none;
    display: block;
    height: 340px;
    left: 50%;
    top: 50%;
    margin-left: -170px;
    margin-top: -170px;
    position: fixed;
    visibility: hidden;
    width: 340px;
    z-index: 5;
}*/

/*#cons_selecter .selecter_heading {
    display: block;
    text-align: center;
    width: 449px;
    background: #FFF;
    padding: 10px 0;
    margin: 0 0 5px 4px;
    border: 1px solid #EEE;
    font-size: 16px;
    color: #666;
    font: italic bold 15px/15px Arial,Helvetica,sans-serif;
    color: #2B82C7;
}*/

/*#vowel_selecter .selecter_heading {
    display: block;
    text-align: center;
    width: 340px;
    background: #FFF;
    padding: 10px 0;
    margin: 0 0 5px 4px;
    border: 1px solid #EEE;
    font-size: 16px;
    color: #666;
    font: italic bold 15px/15px Arial,Helvetica,sans-serif;
    color: #2B82C7;
}*/

.vblankbtn, .cblank {
    background-image: url(../images/blank.png);
}

#word_lister {
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    display: block;
    height: 335px;
    left: 50%;
    margin-left: -170px;
    margin-top: -183px;
    overflow: hidden;
    padding: 15px;
    position: fixed;
    top: 50%;
    width: 375px;
}

.word_column {
    border: 1px solid #EEE;
    cursor: pointer;
    font-size: 14px;
    color: #666;
    padding: 5px 4px 2px;
    width: 20px;
    height: 20px;
    text-align: center;
}

    .word_column:hover {
        background-color: #EEE;
    }

#word_lister table td {
    padding: 2px;
}

.wordSel {
    border: 1px solid #EEE;
    padding: 20px;
    overflow: hidden;
    margin: 0 0 0 15px;
    color: #666;
}

    .wordSel option {
        color: #666;
        font-size: 15px;
    }

.noBorder {
    border: none;
}

.cmdSelect {
    cursor: pointer;
    height: 30px;
    margin-top: 5px;
    border: 1px solid #EEE;
    padding-bottom: 5px;
}

#cmd_cancel {
    border: 1px solid #EEEEEE;
    cursor: pointer;
    height: 30px;
    margin-top: 5px;
    padding-bottom: 5px;
}

#cmd_proceed {
    border: 1px solid #EEE;
    width: 475px;
    cursor: pointer;
    margin-bottom: 15px;
    color: #666;
}
/*Custom.aspx*/
/*#custom_aspx_contain {
    margin: 0 25px 0 175px;
}

    #custom_aspx_contain .cust_aspx_message:first-child {
        margin-top: 30px;
        float: left;
    }

#msgs {
    border: none;
}*/

/*.custom_aspx_label {
    display: block;
    width: 170px;
    float: left;
    text-align: right;
    margin: 4px 10px 0 0;
    color: #666;
    text-align: right;
}

.custom_aspx_label.keywords {
    width:75px;
}

.cust_aspx_dropdown_contain, .cust_aspx_field_contain {*/
    /* display:block; */
    /*clear: both;
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}

.custom_aspx_dropdown {
    margin: 0 0 15px;
}

.cust_aspx_text_field {
    margin: 0 0 15px;
    float: left;
}*/

#sound {
    font-size: 15px;
    color: #333;
}

/*#soundlist {
    display: block;
    width: 200px;
    min-height: 100px;
    margin: 0 0 15px 180px;
    border: 1px solid #EEE;
    clear: left;
    overflow: hidden;
}*/

#game {
    font-size: 15px;
    color: #333;
}

.cust_aspx_vowels_1, .cust_aspx_vowels_2 {
    float: left;
    clear: both;
    color: #666;
    margin-bottom: 15px;
}

/*button#consall, button#consnone, button#consok {
    padding: 0 7px !important;
    border: 1px solid #EEE;
}
*/
/*.cust_aspx_vowels_1 button, .cust_aspx_vowels_2 button, .cust_aspx_cons_1 button, .cust_aspx_cons_2 button, .add_cons_select button, .add_vowel_select button {
    border: 1px solid #EEE;
    height: 30px;
    cursor: pointer;
    color: #666;
    font: italic bold 15px/15px Arial,Helvetica,sans-serif;
    color: #2B82C7;
    margin: 0 8px 0 0;
}*/

.cust_aspx_cons_1, .cust_aspx_cons_2, .cust_aspx_cons_3 {
    float: left;
    clear: both;
    color: #666;
}

.cust_aspx_cons_1{
    margin-top:10px;
}

.cust_aspx_cons_3 {
    padding-top: 15px;
}

/*.cust_aspx_message #msgs {
    float: left;
    width: 200px;
    text-align: center;
    color: #06C;
    font-size: 18px;
    font-weight: bold;
    margin-left: 100px;
}*/

.add_cons_select {
    border: 1px solid #EEE;
    height: 222px;
    padding: 7px 10px 12px;
    margin-top: -11px;
    background-color: #FFF;
}

/*.add_vowel_select {
    border: 1px solid #EEE;
    height: 315px;
    padding: 7px 10px 12px;
    margin-top: -11px;
    background-color: #FFF;
}*/

/*#custom_aspx_contain #cons_selecter {
    border: medium none;
    display: block;
    height: 300px;
    left: 50%;
    margin-left: -270px;
    margin-top: -85px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    visibility: hidden;
    width: 570px;
    z-index: 3;
}*/

/*#custom_aspx_contain #vowel_selecter {
    border: medium none;
    display: block;
    height: 400px;
    left: 50%;
    margin-left: -225px;
    margin-top: -120px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    visibility: hidden;
    width: 450px;
    z-index: 3;
}*/

/*#custom_aspx_contain #cons_selecter .selecter_heading {
    margin-left: 4px;
    width: 448px;
}*/

/*#custom_aspx_contain #vowel_selecter .selecter_heading {
    margin-left: 4px;
}*/

/*#cmd_go {
    display: block;
    width: 200px;
    cursor: pointer;
    margin: 5px 0 20px 180px;
    border: 1px solid #EEE;
    color: #666;
    float: left;
}

#cbo_load-button {
    float: left;
    margin: 15px 10px 10px;
    width: 130px;
}*/

/*#load_msgs {
    color: #2B82C7;
    display: block;
    float: left;
    font-family: Calibri,Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
    margin: 23px 10px 10px 14px;
    overflow: hidden;
    text-align: left;
    width: 265px;
}

#cmd_load {
    border: 1px solid #EEEEEE;
    cursor: pointer;
    float: left;
    height: 39px;
    margin: 14px 0 0;
    width: 130px;
    color: #666;
}

#cmd_display_saveas {
    float: left;
    clear: left;
    margin: 0 0 8px 172px;
    border: 1px solid #EEEEEE;
    height: 40px;
    width: 130px;
    cursor: pointer;
    color: #666;
}

#save_as {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    display: block;
    left: 50%;
    margin-left: -190px;
    overflow: hidden;
    padding: 25px 20px 25px 30px;
    position: absolute;
    top: 40%;
    visibility: hidden;
    width: 340px;
    z-index: 3;
}

#cmd_saveas, #cmd_saveas_cancel, #cmd_confirm_saveas, #cmd_confirm_cancel {
    diplay: block;
    float: left;
    border: 1px solid #EEEEEE;
    height: 40px;
    width: 130px;
    color: #666;
    cursor: pointer;
}

#cmd_confirm_saveas, #cmd_saveas {
    margin: 0 10px 0 44px;
}

.saveName {
    margin: 4px 10px 0 0;
    color: #666;
    font-weight: bolder;
}

#pnl_saveas_confirm {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    display: block;
    left: 50%;
    margin-left: -190px;
    overflow: hidden;
    padding: 12px 20px 20px 30px;
    position: absolute;
    top: 40%;
    width: 340px;
    z-index: 3;
}*/

#saveas_confirm_message {
    color: #666666;
    display: block;
    margin: 5px 0 12px;
}

/*.togglebutton {
    border: 1px solid #EEEEEE;
    clear: left;
    color: #666666;
    cursor: pointer;
    float: left;
    font-size: 16px;
    margin: 0 0 10px 172px;
    padding: 12px;
    text-align: center;
    vertical-align: middle;
    width: 103px;
}

    .togglebutton:hover {
        background: #56BBFF;*/ /* old browsers */
        /*background: rgb(0,150,255);*/ /* Old browsers */
        /*background: -moz-linear-gradient(top, rgba(0,150,255,1) 0%, rgba(0,95,161,1) 100%);*/ /* FF3.6+ */
        /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,150,255,1)), color-stop(100%,rgba(0,95,161,1)));*/ /* Chrome,Safari4+ */
        /*background: -webkit-linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%);*/ /* Chrome10+,Safari5.1+ */
        /*background: -o-linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%);*/ /* Opera11.10+ */
        /*background: -ms-linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%);*/ /* IE10+ */
        /*background: linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%);*/ /* W3C */
        /*color: #FFF;
    }*/


/*#custom_aspx_save_load {
    margin-left: 180px;
    position: relative;
    width: 600px;
}*/

/*.v_v1, .v_v1c1, .v_v1c2, .v_v2c1, .v_v2c2, .c_v1, .c_v1c1, .c_v2 {
    float: left;
    margin: 6px 10px 0 0;
}*/


/*End of Custom.aspx*/

/* jQuery Countdown styles 1.5.10. */
.hasCountdown {
    /*border: 1px solid #ccc;*/
    background-color: #eee;
}

.countdown_rtl {
    direction: rtl;
}

.countdown_holding span {
    background-color: none;
}

.countdown_row {
    display: block;
    position: relative;
    height: 30px;
    float: inherit;
    clear: inherit;
    width: 100%;
    padding: 0px 2px;
    text-align: center;
    margin: 14px 0px 0px -2px;
}

#pauseResume.prVowels span.countdown_row {
    margin-top: 10px;
}

/*
.countdown_show1 .countdown_section {
	width: 98%;
}
.countdown_show2 .countdown_section {
	width: 48%;
}
.countdown_show3 .countdown_section {
	width: 32.5%;
}
.countdown_show4 .countdown_section {
	width: 24.5%;
}
.countdown_show5 .countdown_section {
	width: 19.5%;
}
.countdown_show6 .countdown_section {
	width: 16.25%;
}
.countdown_show7 .countdown_section {
	width: 14%;
}
*/
.countdown_section {
    display: block;
    float: inherit;
    clear: inherit;
    width: 57px;
    font-size: 75%;
    text-align: center;
    margin: 5px 0 0 0;
}

#pauseResume.prVowels span.countdown_section {
    width: 75px;
}

.countdown_amount {
    font-size: 200%;
}

.countdown_descr {
    display: block;
    width: 100%;
}
/*Thuris Media Styles*/
#proceed {
    display: block;
    width: 200px;
    height: 75px;
    background-color: #093;
}

#timerWrap {
    display: none;
    position: absolute;
    width: 250px;
    height: 75px;
    z-index: 500;
    margin: 0;
    padding: 0;
}

/*#timerWrapVowels {
    display: none;
    position: absolute;
    width: 75px;
    height: 150px;
    top: 0px;
    left: 684px;
    z-index: 500;
    margin: 0;
    padding: 0;
}*/

/*#pauseButton, #pauseButtonConsonants {
    border: medium none;
    border-collapse: collapse;
    color: #2B82C7;
    cursor: pointer;
    display: none;
    float: left;
    font: italic bold 15px Arial,Helvetica,sans-serif;
    height: 50px;
    margin: 18px 0 0;
    width: 50px;
}

    #pauseButton.pbConsonants.pause {
        background: url("../images/timer_pause_icon.png") no-repeat scroll 0 0;
    }

    #pauseButton.pbConsonants.play {
        background: url("../images/timer_play_icon.png") no-repeat scroll 0 0;
    }

.pauseButtonHover {
    background: #56BBFF;*/ /* old browsers */
    /*background: rgb(0,150,255);*/ /* Old browsers */
    /*background: -moz-linear-gradient(top, rgba(0,150,255,1) 0%, rgba(0,95,161,1) 100%);*/ /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,150,255,1)), color-stop(100%,rgba(0,95,161,1)));*/ /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%);*/ /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%);*/ /* Opera11.10+ */
    /*background: -ms-linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%);*/ /* IE10+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096ff', endColorstr='#005fa1',GradientType=0 );*/ /* IE6-9 */
    /*background: linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%);*/ /* W3C */
    /*color: #FFF;
    border: none;
}*/

/*#pauseButton.pbVowels {
    display: none;
    float: left;
    width: 75px;
    height: 75px;
    margin-top: 70px;
    margin-left: 0px;
    cursor: pointer;
    color: #2B82C7;
    font: italic bold 15px Arial,Helvetica,sans-serif;
}

.pbVowelsHover {
    background: #56BBFF;*/ /* old browsers */
    /*background: rgb(0,150,255);*/ /* Old browsers */
    /*background: -moz-linear-gradient(top, rgba(0,150,255,1) 0%, rgba(0,95,161,1) 100%);*/ /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,150,255,1)), color-stop(100%,rgba(0,95,161,1)));*/ /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%);*/ /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%);*/ /* Opera11.10+ */
    /*background: -ms-linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%);*/ /* IE10+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096ff', endColorstr='#005fa1',GradientType=0 );*/ /* IE6-9 */
    /*background: linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,95,161,1) 100%);*/ /* W3C */
    /*color: #FFF;
    border: none;
}*/

/*#pauseResume {
    clear: none;
    display: block;
    float: left;
    height: 50px;
    margin: 18px 10px 0 0;
    position: relative;
    width: 150px;
}

    #pauseResume.prVowels {
        display: block;
        position: relative;
        clear: both;
        float: left;
        width: 75px;
        height: 103px;
    }

#overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.85;
    background-color: #008ff3;*/
    /*IE valid*/
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";*/
    /*webkit*/
    /*filter: alpha(opacity=85);
    -moz-opacity: 0.85;*/
    /* Safari 1.x (pre WebKit!) */
    /*-khtml-opacity: 0.85;
    z-index: 10000;
}

div#resumeWrap {
    display: none;
    width: 400px;
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -200px;
    text-align: center;
    z-index: 10001;
}

p#resume {
    display: block;
    position: relative;
    width: 400px;
    margin: 70px auto 0px;
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

div#resumeButton {
    display: block;
    position: relative;
    width: 100px;
    margin: 40px auto 0px;
    padding: 10px 10px;
    cursor: pointer;
    background-color: #FFF;
    border: none;
    color: #09F;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 8px solid #EEE;
    z-index: 10002;
}*/

/* from playPage.css */
/*#playPageLeft {
    display: block;
    float: left;*/
    /*margin:-5px 0 0 15px;*/
    /*overflow: hidden;
    width: 330px;
}*/

/*#playVowelsBtn, #playConsBtn, #playEchoBtn, #learnVowelsBtn, #learnConsBtn, #tourBtn {
    display: block;
    width: 263px;
    height: 40px;
    cursor: pointer;
    margin: 3px auto;
    text-decoration: none;
}

    #playVowelsBtn:hover, #playConsBtn:hover, #playEchoBtn:hover, #learnVowelsBtn:hover, #learnConsBtn:hover, #tourBtn:hover {
        width: 269px;
    }

.leftBtnText {
    color: #2B82C7;
    display: block;
    font: italic bold 17px Arial,Helvetica,sans-serif;
    padding: 8px 0 0 71px;
    text-decoration: none;
}

#playVowelsBtn {
    background: url(../images/playpageButtons.png) no-repeat 0 0;
}

    #playVowelsBtn:hover {
        background: url(../images/playpageButtons.png) no-repeat -269px 0px;
    }

#playConsBtn {
    background: url(../images/playpageButtons.png) no-repeat 0 0;
}

    #playConsBtn:hover {
        background: url(../images/playpageButtons.png) no-repeat -269px 0;
    }

#playEchoBtn {
    background: url(../images/playpageButtons.png) no-repeat 0 -86px;
}

    #playEchoBtn:hover {
        background: url(../images/playpageButtons.png) no-repeat -269px -86px;
    }

#learnVowelsBtn {
    background: url(../images/playpageButtons.png) no-repeat 0 -172px;
}

    #learnVowelsBtn:hover {
        background: url(../images/playpageButtons.png) no-repeat -269px -172px;
    }

#learnConsBtn {
    background: url(../images/playpageButtons.png) no-repeat 0 -172px;
}

    #learnConsBtn:hover {
        background: url(../images/playpageButtons.png) no-repeat -269px -172px;
    }

#tourBtn {
    background: url(../images/playpageButtons.png) no-repeat 0 -215px;
    cursor: pointer;
}

    #tourBtn:hover {
        background: url(../images/playpageButtons.png) no-repeat -269px -215px;
    }

#playPageRight {
    display: block;
    float: left;
    overflow: hidden;
    height: 269px;
    position: relative;
}
*/
/*#tourImage {
    display: block;
    width: 430px;
    height: 269px;
    background-image: url(../images/tourImage.png);
    background-repeat: no-repeat;
    overflow: auto;
}*/

p.tour {
    display: block;
    font-size: 18px;
    margin: 100px 10px 0 150px;
    line-height: 1;
    color: #666;
}

a.tour {
    display: block;
    font-size: 18px;
    margin: 20px 0 0 315px;
    color: #09F;
    text-decoration: underline;
    cursor: pointer;
}

/*#playVowelsImage {
    display: block;
    width: 430px;
    height: 269px;
    background-image: url(../images/playVowelsImage.png);
    background-repeat: no-repeat;
    overflow: auto;
}*/

/*p.playVowels {
    display: none;
    width: 300px;
    font-size: 18px;
    margin: 100px 0 0 125px;
    color: #666;
}*/

a.playVowels {
    display: none;
    font-size: 18px;
    margin: 12px 0 0 305px;
    color: #09F;
    text-decoration: underline;
    cursor: pointer;
}

/*#playConsImage {
    display: block;
    width: 430px;
    height: 269px;
    background-image: url(../images/playConsImage.png);
    background-repeat: no-repeat;
    overflow: auto;
}*/

p.playCons {
    display: none;
    width: 300px;
    font-size: 18px;
    margin: 100px 0 0 125px;
    color: #666;
}

a.playCons {
    display: none;
    font-size: 18px;
    margin: 12px 0 0 272px;
    color: #09F;
    text-decoration: underline;
    cursor: pointer;
}

/*#playEchoImage {
    display: block;
    width: 430px;
    height: 269px;
    background-image: url(../images/playEchoImage.png);
    background-repeat: no-repeat;
    overflow: auto;
}*/

/*#learnVowelsImage {
    display: block;
    width: 430px;
    height: 269px;
    background-image: url(../images/learnVowelsImage.png);
    background-repeat: no-repeat;
    overflow: auto;
}

#learnConsImage {
    display: block;
    width: 430px;
    height: 269px;
    background-image: url(../images/learnConsImage.png);
    background-repeat: no-repeat;
    overflow: auto;
}*/
/* classes */
.playButton {
    display: block;
    width: 307px;
    height: 71px;
    border: 1px solid #EEE;
    margin: 13px 0 0 0;
    cursor: pointer;
    text-decoration: none;
}

.playButtonText {
    margin: 20px 0 0 30px;
    font-size: 24px;
    color: #999;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
}

/* From loginPage.css */
/*Right Side*/
/*h3.loginGuest {
    display: block;
    margin: 10px 0 0 40px;
    width: 400px;
    font-size: 63px;
    letter-spacing: -1px;
    word-spacing: 10px;
    color: #0066ad;
    -webkit-font-smoothing: antialiased;
}

.try {
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    float: left;
    width: 65px;
    height: 40px;
    font-size: 50px;
    line-height: 1.10;
}

.as {
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    float: left;
    margin-left: 8px;
    line-height: 1.5;
    font-size: 41px;
}

.a {
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    float: left;
    margin-left: 8px;
    line-height: 1.5;
    font-size: 41px;
}

.guest {
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    float: left;
    margin-left: 6px;
    line-height: .7;
    font-size: 64px;
}

h2.noAcct {
    display: block;
    width: 250px;
    float: left;
    margin: -12px 0 0 129px;
    line-height: 1;
    font-size: 25px;
    font-weight: 100;
}

#guestButtons {
    display: block;
    clear: left;
    width: 100%;
    margin: 118px 0 0 30px;
}

a.guestVowelBtn {
    display: block;
    float: left;
    width: 155px;
    height: 32px;
    border: 1px solid #ebebeb;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
    text-decoration: none;
}

    a.guestVowelBtn:hover {
    }

    a.guestVowelBtn span {
        display: block;
        width: 155px;
        line-height: 1;
        font-size: 24px;
        font-weight: 500;
    }

a.guestConsBtn {
    display: block;
    float: right;
    width: 155px;
    height: 32px;
    margin-right: 54px;
    border: 1px solid #ebebeb;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
    text-decoration: none;
}

    a.guestConsBtn:hover {
    }

    a.guestConsBtn span {
        display: block;
        width: 155px;
        line-height: 1;
        font-size: 24px;
        font-weight: 500;
    }

#loginFinePrintA, #loginFinePrintB {
    display: block;
    float: left;
    clear: left;
    margin: 40px 0 0 0;
    color: #0087e5;
    font-size: 14px;
    width: 100%;
    text-align: center;
}

#loginFinePrintB {
    margin: 2px 0 0 0;
}*/

/* Left Side */
/*#loginPanelLeft {
    display: block;
    float: left;
    overflow: hidden;
    width: 290px;
    margin: 20px 10px 20px 70px;
}

#loginPanelRight {
    display: block;
    float: left;
    width: 390px;
    height: 230px;
    margin: 10px 0 15px 20px;
    border-left: 4px solid #EEE;
    background-image: url(../images/tryGuestHeading.png);
    background-repeat: no-repeat;
    background-position: top;
}

.loginInput {
    background-color: #FFF;
    border: 0;
    height: 25px;
    width: 130px;
    padding-left: 10px;
}

.buttonFloat {
    display: block;
    float: left;
}

.loginBtn {
    display: block;
    width: 125px;
    height: 32px;
    float: left;
    margin: -5px 0 0 0;
    line-height: .5;
    font-size: 15px;
    font-weight: normal;
    border: 1px solid #ebebeb;
    color: #0077ca;
    cursor: pointer;
}

.createNewBtn {
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    width: 155px;
    height: 39px;
    border: 1px solid #ebebeb;
    text-align: center;
    cursor: pointer;
    margin: 15px 0 0 0;
    line-height: 1;
    font-size: 21px;
    font-weight: 500;
    color: #0083de;
    cursor: pointer;
}

#privPolicyLink {
    display: block;
    float: left;
    clear: left;
    margin: 5px 0 0 75px;
    color: #0087e5;
    font-size: 14px;
    text-decoration: underline;
}

    #privPolicyLink:hover {
        color: #09C;
    }*/

/* from select_menu.css */
.ui-widget {
    font-size: 14px;
}

.ui-selectmenu {
    display: block;
    display: inline-block;
    float: left;
    position: relative;
    height: 2.2em;
    vertical-align: middle;
    text-decoration: none;
    overflow: hidden;
    zoom: 1;
}

.ui-selectmenu-icon {
    position: absolute;
    right: 6px;
    margin-top: -8px;
    top: 50%;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 1005;
}
    /* z-index: 1005 to make selectmenu work with dialog // overflow:scroll;*/
    .ui-selectmenu-menu ul {
        padding: 0;
        margin: 0;
        list-style: none;
        position: relative;
        overflow: auto;
        overflow-y: auto;
        overflow-x: hidden;
    }

.ui-selectmenu-open {
    display: block;
}

.ui-selectmenu-menu-popup {
    margin-top: -1px;
}

.ui-selectmenu-menu-dropdown {
    position: absolute;
    top: 0;
    overflow: auto;
}

.ui-selectmenu-menu li {
    padding: 0;
    margin: 0;
    display: block;
    border-top: 1px dotted transparent;
    border-bottom: 1px dotted transparent;
    border-right-width: 0 !important;
    border-left-width: 0 !important;
    font-weight: normal !important;
}

.ui-selectmenu-menu li a, .ui-selectmenu-status {
    line-height: 1.4em;
    display: block;
    padding: .405em 2.1em .405em 1em;
    outline: none;
    text-decoration: none;
}

.ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled {
    cursor: default;
}

.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status {
    padding-left: 20px;
    position: relative;
    margin-left: 5px;
}

.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon {
    position: absolute;
    top: 1em;
    margin-top: -8px;
    left: 0;
}

.ui-selectmenu-status {
    line-height: 1.4em;
}

.ui-selectmenu-open li.ui-selectmenu-item-focus a {
}

.ui-selectmenu-open li.ui-selectmenu-item-selected {
}

.ui-selectmenu-menu li span, .ui-selectmenu-status span {
    display: block;
    margin-bottom: .2em;
}

.ui-selectmenu-menu li .ui-selectmenu-item-header {
    font-weight: bold;
}

.ui-selectmenu-menu li .ui-selectmenu-item-content {
}

.ui-selectmenu-menu li .ui-selectmenu-item-footer {
    opacity: .8;
}
/* for optgroups */
.ui-selectmenu-menu .ui-selectmenu-group {
    font-size: 1em;
}

    .ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label {
        line-height: 1.1em;
        display: block;
        padding: .6em .5em 0;
        font-weight: bold;
    }

    .ui-selectmenu-menu .ui-selectmenu-group ul {
        margin: 0;
        padding: 0;
    }
/* IE6 workaround (dotted transparent borders) */
* html .ui-selectmenu-menu li {
    border-color: pink;
    filter: chroma(color=pink);
    width: 100%;
}

    * html .ui-selectmenu-menu li a {
        position: relative
    }
/* IE7 workaround (opacity disabled) */
* + html .ui-state-disabled, * + html .ui-state-disabled a {
    color: silver;
}

/* demo styles */

fieldset {
    border: 0;
}

label, select, .ui-select-menu {
    float: left;
    margin-right: 10px;
}

select {
    width: 160px;
}

.wrap span.ui-selectmenu-item-header,
.wrap ul.ui-selectmenu-menu li a {
    text-decoration: underline !important;
}

/* from rainbows.css */
.wrap {
    display: block;
    padding: 0 1px 0 0;
    position: relative;
}

    .wrap .shadow {
        color: #000;
        position: absolute;
        line-height: inherit;
        top: 0px;
        left: 1px;
    }

        .wrap .shadow a {
            color: #000;
        }

    .wrap .highlight {
        color: #fff;
        opacity: 0.7;
        position: absolute;
        line-height: inherit;
        top: 1px;
        left: 0px;
    }

    .wrap .source {
        position: relative;
    }

.rainbow, .rainbows-highlight, .rainbows-shadow {
    xline-height: 1;
}

.rainbow {
    background: transparent;
    display: block;
    position: relative;
    height: 1px;
    overflow: hidden;
    z-index: 4;
}

    .rainbow span {
        position: absolute;
        top: 0;
        left: 1px;
        display: block;
        xwhite-space: nowrap;
    }

a .rainbow span {
    white-space: nowrap;
}

.rainbows-highlight {
    color: #fff !important;
    display: block;
    position: absolute;
    top: -1px;
    left: 0px;
    z-index: 2;
}

.rainbows-shadow {
    color: #000 !important;
    display: block;
    position: absolute;
    top: 1px;
    left: 2px; /* can be one or two depending on 90 or 135 degree global light */
    z-index: 3;
}

.back .text .rainbows-shadow {
    color: #fff !important;
    opacity: 0.3;
}

#print_div {
    display: none;
}
/* ----- Game Report ----- */


/*#dr_info {
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 5px 5px 5px 5px;
    color: #2B82C7;
    display: inherit;
    left: 371px;
    padding: 10px 15px;
    position: absolute;
    text-align: left;
    top: 117px;
    left: 314px;
    visibility: visible;
    width: 330px;
}

#part_info {
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 5px 5px 5px 5px;
    color: #2B82C7;
    display: inherit;
    left: 390px;
    padding: 10px 15px;
    position: absolute;
    text-align: left;
    top: 219px;
    left: 332px;
    visibility: visible;
    width: 330px;
}

#pnl_selectuser, #dateRange, #participant {
    border: 1px solid #EEEEEE;
    display: block;
    width: 535px;
    padding: 15px 25px 15px 10px;
    margin: 0 0 15px;
}

#pnl_selectuser {
    height: 24px;
}

#dateRange, #participant {
    min-height: 60px;
    display: block;
    overflow: hidden;
}

.researcher_fieldlabel {
    float: left;
    width: 120px;
    margin: 3px 10px 0 61px
}

.dateRange_fieldlabel, .participant_fieldlabel {
    float: left;
    text-align: left;
    margin-left: 22px;
}

.gamereport_fromdate_fieldlabel, .gamereport_fromparticipant_fieldlabel, .gamereport_todate_fieldlabel, .gamereport_toparticipant_fieldlabel, .ui-datepicker-trigger, #dr_info_logo, #part_info_logo {
    float: left;
}

.gamereport_fromdate_fieldlabel, .gamereport_fromparticipant_fieldlabel {
    margin-left: 22px;
}

.gamereport_fromdate, .gamereport_todate, .gamereport_fromparticipant, .gamereport_toparticipant {
    width: 135px;
}

#dateRange .ui-datepicker-trigger {
    margin-left: 10px;
    background: none;
    margin-top: 1px;
    cursor: pointer;
}

.gamereport_todate_fieldlabel, .gamereport_toparticipant_fieldlabel {
    margin-left: 15px;
}

.ui-datepicker-trigger {
    margin-left: 10px;
}

.btnFont {
    font: italic bold 14px Arial,Helvetica,sans-serif;
    color: #2B82C7;
}

.paraFont {
    font: 18px Calibri, Arial, Helvetica, sans-serif;
    color: #666;
}

.paraMsg {
    margin: 0 auto;
    text-align: left;
    width: 600px;
}

.ReportGridViewFont {
    font: 16px Calibri, Arial, Helvetica, sans-serif;
    color: #666;
}

    .ReportGridViewFont th a {
        color: #2B82C7;
        text-transform: capitalize;
        font-size: 15px;
    }

    .ReportGridViewFont th {
        text-align: left;
        padding-right: 10px;
    }

    .ReportGridViewFont td a {
        color: #2B82C7;
    }

    .ReportGridViewFont td {
        padding-right: 10px;
        font-size: 14px;
    }*/

#userDataTable {
    overflow-x: auto;
}

#dr_info_logo, #part_info_logo /*, #progress_info_logo*/ {
    width: 25px;
    height: 25px;
    background: url(../images/info_icon_sprite.png) 0 0;
}

/*#progress_info_logo {
    position: absolute;
    top: 15px;
}

    #dr_info_logo:hover, #part_info_logo:hover, #progress_info_logo:hover {
        background: url(../images/info_icon_sprite.png) 0 -24px;
        cursor: pointer;
    }*/

table.reportcard_radio label {
    display: block;
    width: 100px;
    height: 30px;
}
/*-- Account Info --*/
/*.acct_info_pswd_msg {
    color: #2B82C7;
    font: italic bold 18px Arial, Helvetica, sans-serif;
    margin: 10px 0;
}*/
/*-- End of Account Info --*/

table.reportcard_radio {
    margin-bottom: 15px;
}

    table.reportcard_radio label {
        display: block;
        float: left;
        width: 100px;
        height: 20px;
        font: italic bold 18px Arial,Helvetica,sans-serif;
        color: #2B82C7;
    }

    table.reportcard_radio input {
        display: block;
        float: right;
        height: 20px;
        margin: 4px 0 0;
        padding: 0;
        width: 30px;
    }

/*input.reportSearch {
    width: 200px;
    font: italic bold 20px Arial,Helvetica,sans-serif;
    color: #2B82C7;
    margin: 30px 0px 20px 282px;
    border: 1px solid #EEE;
    cursor: pointer;
    float: left;
    display: block;
}*/

/*.reportcard_table {
    margin: 15px 0px 10px 117px;
    float: left;
    width: 75%;
}

    .reportcard_table tr {
        font: 16px Arial, Helvetica, sans-serif;
        color: #666;
    }

        .reportcard_table tr a {
            font: 16px Arial, Helvetica, sans-serif;
            color: #2B82C7;
            text-decoration: underline;
        }

            .reportcard_table tr a:hover {
                color: #2066DB;
            }

        .reportcard_table tr.reportcards_table_header {
            font: italic bold 18px Arial,Helvetica,sans-serif;
            color: #2B82C7;
            text-align: left;
        }

.reportcard_date_column {
    width: 200px;
}

.reportcard_game_column, .reportcard_level_column {
    width: 100px;
}

.reportcard_view_column {
    width: 115px;
}*/

/*input.runReportBtn {
    border: 1px solid #EEE;
    cursor: pointer;
    margin: 0 0 15px;
    width: 150px;
}*/
/*Webkit Conditional*/
/*@media screen and (-webkit-min-device-pixel-ratio:0) {*/
    /* CSS Statements that only apply on webkit-based browsers (Chrome, Safari, Maxthon etc.) */
    /*div.recc p.recc_popup {
        padding: 35px 10px;
    }
}*/

/*#lbl_welcome {
    font: italic bold 16px Arial,Helvetica,sans-serif;
    color: #FFF;
}*/

.alignLeft {
    text-align: left;
}

.verifyBubble {
    display: block;
    border: 1px solid #EEE;
    margin: 15px 30px;
    padding: 15px 0;
}

/*#pnl_confirmed {
    margin: 0 0 10px;
}*/

/*#cmd_acctinfo, #cmd_resend {
    border: 1px solid #eee;
}

    #cmd_acctinfo:hover, #cmd_resend:hover {
        cursor: pointer;
    }*/
/*hint switch and box*/
/*#hints {
    display: block;
    background: none;
    height: 47px;
    margin: 0 0 40px 12px;
    position: absolute;
    top: 79px;
    width: 330px;
}

#hintSwitch {
    display: block;
    width: 55px;
    height: 47px;
    float: right;
    margin-left: 23px;
    cursor: pointer;
}

.hintSwitchOff {
    background: url(../images/hintSwitchOff.png) no-repeat 0 0;
}

.hintSwitchOn {
    background: url(../images/hintSwitchOn.png) no-repeat 0 0;
}

.hintSwitchDown*/ /*when user has the mouse down on the switch*/ /*{
    background: url(../images/hintSwitchDown.png) no-repeat 0 0;
}*/

/*#hintBox {
    display: block;
    width: 229px;
    height: 47px;
    background: url(../images/hintBox.png) no-repeat top left;
    float: right;
}

    #hintBox.timer {
        float: right;
        width: 175px;
        background: url(../images/hintBoxTimer.png) no-repeat top left;
    }

#hintBoxText {
    display: block;
    color: #2B82C7;
    font: italic bold 18px/18px Arial,Helvetica,sans-serif;
    margin: 12px 0 8px;
    text-align: center;
    width: 223px;
}

    #hintBoxText b, #hintBoxText u {
        color: #2B82C7;
        font: italic bold 18px/18px Arial,Helvetica,sans-serif;
        margin: 12px 0 8px;
    }
*/
/*Survey*/
/*.surveyText {
    color: #2B82C7;
    font: italic bold 18px/18px Arial,Helvetica,sans-serif;
}

.survey_radio, #cmd_survey1_submit, #cmd_survey1_cancel, #chk_survey1_dont, #cmd_survey2_submit, #cmd_survey2_cancel, #chk_survey2_dont, #survey_chkbox_label {
    float: left;
}

.survey_radio {
    clear: left;
    margin: 5px 15px 0 0;
}

#chk_survey1_dont, #chk_survey2_dont {
    height: 20px;
    width: 20px;
    margin-top: 20px;
}

#cmd_survey1_submit, #cmd_survey1_cancel, #cmd_survey2_submit, #cmd_survey2_cancel {
    background: url(../images/survey_btn_done_sprite.png) no-repeat 0 0;
    display: block;
    width: 107px;
    height: 43px;
    margin-top: 13px;
    color: #2B82C7;
    font: italic bold 14px/14px Arial,Helvetica,sans-serif;
}

#cmd_survey1_submit, #cmd_survey2_submit {
    margin-left: 115px;
}

#cmd_survey1_cancel, #cmd_survey2_cancel {
    background: url(../images/survey_btn_nothanks_sprite.png) no-repeat 0 0;
    margin-left: 10px;
}

#cmd_survey1_submit:hover, #cmd_survey2_submit:hover {
    background: url(../images/survey_btn_done_sprite.png) no-repeat 0 -43px;
    cursor: pointer;
}

#cmd_survey1_cancel:hover, #cmd_survey2_cancel:hover {
    background: url(../images/survey_btn_nothanks_sprite.png) no-repeat 0 -43px;
    cursor: pointer;
}

#survey_chkbox_label {
    display: block;
    width: 85px;
    height: 50px;
    color: #2B82C7;
    font: italic bold 14px/14px Arial,Helvetica,sans-serif;
    margin: 18px 0 0 14px;
}

#question1, #question2, #question3, #question4, #question5, #question6, #question7, #question8 {
    float: left;
    clear: left;
    margin: 17px 0 10px 95px;
}

#survey_chkbox_label, #survey1 label, #survey2 label, #question1, #question2, #question3, #question4, #question5, #question6, #question7, #question8 {
    font: italic bold 14px/14px Arial,Helvetica,sans-serif;
}

#question1, #question2, #question3, #question4, #question5, #question6, #question7, #question8 {
    width: 350px;
    margin-left: 115px;
}

#q1_tf_0, #q1_tf_1, #q2_tf_0, #q2_tf_1, #q3_tf_0, #q3_tf_1, #q4_tf_0, #q4_tf_1, #q5_tf_0, #q5_tf_1, #q6_tf_0, #q6_tf_1, #q7_tf_0, #q7_tf_1, #q8_tf_0, #q8_tf_1 {
    width: 15px;
    height: 23px;
    margin: -5px 5px 0 35px;
}

#q1, #q2, #q3, #q4, #q5, #q6, #q7, #q8 {
    float: left;
}

#q1, #q2, #q3, #q4, #q5, #q6, #q7, #q8 {
    float: left;
    border: 1px solid #EEE;
    font: italic 14px/14px Arial,Helvetica,sans-serif;
    color: #999;
    padding: 5px 5px 10px;
    height: 27px;
    width: 295px;
    background-color: white;
}

#q4, #q8 {
    margin-left: 115px;
}

#pnl_survey1 {
    background: #fff url(../images/survey_bg_bottom.png) no-repeat center bottom;
    border: 6px solid #EEE;
    display: block;
    position: absolute;
    top: 2px;
    width: 490px;
    z-index: 2;
    left: 50%;
    margin-left: -245px;
    overflow: hidden;
    height: 575px;
}

#survey1_wrap {
    background: url(../images/survey_bg_top.png) no-repeat center top;
    display: block;
    position: relative;
    width: 490px;
    z-index: 3;
}

#survey1 td, #survey2 td {
    padding: 0;
}

#survey1_header, #survey2_header {
    text-align: center;
}

img.survey1_header, img.survey2_header {
    margin: 24px auto 0;
}

img.survey_fblike_label {
    margin: 28px 0 23px 50px;
    float: left;
}

#survey_fblike_label1 span.facebookRecc, #survey_fblike_label2 span.facebookRecc {
    display: block;
    float: left;
    margin: 40px 20px;
    width: 100px;
}

#survey_fblike_contain {
    border: none;
    overflow: hidden;
    width: 100px;
    height: 21px;
    margin: 0 0 35px 18px;
}

#survey_chkbox_label1, #survey_chkbox_label2 {
    float: left;
    margin: 20px;
    font-weight: bold;
    color: #2B82C7;
}

#pnl_survey2 {
    background: #fff url(../images/survey_bg_bottom.png) no-repeat center bottom;
    border: 6px solid #EEE;
    display: block;
    position: absolute;
    top: 2px;
    width: 490px;
    z-index: 2;
    left: 50%;
    margin-left: -245px;
    overflow: hidden;
}

#survey2_wrap {
    background: url(../images/survey_bg_top.png) no-repeat center top;
    display: block;
    position: relative;
    width: 490px;
    z-index: 3;
}*/
/*Account Info Page*/
/*.delete_account_btn, .save_account_changes {
    float: left;
    border: 1px solid #eee;
    width: 130px;
    color: #2B82C7 !important;
    font: italic bold 14px/14px Arial,Helvetica,sans-serif;
    margin: 15px 15px 15px 0 !important;
}

    .delete_account_btn:hover, .save_account_changes:hover {
        cursor: pointer;
        color: #fff !important;
    }*/

/*#delete {
    background-color: #fff;
    border: 1px solid #eee;
    display: block;
    left: 50%;
    margin: -100px 0 0 -190px;
    overflow: hidden;
    padding: 25px 20px 20px 30px;
    position: fixed;
    top: 50%;
    visibility: hidden;
    width: 340px;
    z-index: 3;
}*/

/*    #delete div.deleteMessage {
        color: #2B82C7;
        font: italic bold 14px/14px arial,helvetica;
        margin: 10px 20px 20px;
    }

#cmd_delete, #cmd_delete_cancel, .delete_account_confirm_btns #cmd_delete, .delete_account_confirm_btns #cmd_delete_cancel {
    border: 1px solid #eee;
    color: #666;
    cursor: pointer;
    float: left;
    height: 30px;
    width: 110px;
    color: #2B82C7 !important;
    font: italic bold 14px/14px Arial,Helvetica,sans-serif;
}

    #cmd_delete:hover, #cmd_delete_cancel:hover {
        color: #fff !important;
    }

#cmd_delete {
    margin-left: 45px;
}

.delete_account_confirm_heading {
    color: #2B82C7 !important;
    font: italic bold 18px/16px Arial,Helvetica,sans-serif;
    margin: 0 auto 10px;
}

.delete_account_confirm_btns {
    display: block;
    position: relative;
    width: 340px;
    clear: both;
    text-align: center;
    overflow: hidden;
    margin-left: 35px;
}

    .delete_account_confirm_btns #cmd_delete, .delete_account_confirm_btns #cmd_delete_cancel, .delete_account_confirm_btns #cmd_delete {
        margin: 15px 10px 10px;
    }

.smalltext {
    color: #2B82C7;
    font: italic bold 14px/14px Arial,Helvetica,sans-serif;
}*/

/*#vowel-choose, #cons-choose {
    border: 1px solid #EEEEEE;
    color: #2B82C7;
    float: left;
    font: italic bold 15px/15px Arial,Helvetica,sans-serif;
    height: 30px;
    margin: 0 15px 0 0;
    padding: 5px 10px;
    text-decoration: none;
    width: 100px;
}*/

#vowel-choose:hover, #cons-choose:hover {
    cursor: pointer;
}

/*#vowel_s_contain, #cons_s_contain {
    float: left;
    padding: 2px 0 0;
    width: 420px;
}*/

/*.vowel_s, .cons_s {
    float: left;
    margin: 0 10px 5px 0;
}*/

/*    .vowel_s.visible1, .cons_s.visible1 {
        width: 25px;
        height: 25px;
    }*/

/*.vowel_s_other, .cons_s_other {
    height: 20px;
    margin-top: 7px;
    font: italic bold 15px/15px Arial,Helvetica,sans-serif;
    color: #2B82C7;
}*/

.tipContain {
    display: block;
    height: 350px;
    left: 50%;
    margin-left: -225px;
    position: absolute;
    width: 350px;
    z-index: 1000;
}

.tTip {
}

.tip {
    width: 120px;
    padding-top: 13px;
    overflow: hidden;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1200;
    background: transparent url(../images/tipTop.png) no-repeat top;
}

.tipMid {
    background: transparent url(../images/tipMid.png) repeat-y;
    text-align: center;
    padding-right: 11px;
}

.tipBtm {
    background: transparent url(../images/tipBtm.png) no-repeat bottom;
    height: 31px;
}

#unverified {
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    left: 50%;
    margin-left: -243px;
    overflow: hidden;
    padding: 25px 30px 30px;
    position: absolute;
    text-align: center;
    top: 280px;
    width: 426px;
    z-index: 3;
}

    #unverified p.msgLoggedIn, #unverified p.msgNotLoggedIn {
        font: italic bold 17px/17px Arial,Helvetica,sans-serif;
        color: #2B82C7;
    }

    #unverified p.msgNotLoggedIn {
        font: italic bold 17px/21px Arial,Helvetica,sans-serif;
    }

    #unverified a:link, #unverified a:visited, #unverified a:active {
        color: #2B82C7;
    }

    #unverified a:hover {
        color: #2E8CD6;
    }

#cmd_unverified_continue {
    display: block;
    font: italic bold 15px/15px Arial,Helvetica,sans-serif;
    color: #2B82C7;
    border: 1px solid #EEEEEE;
    width: 100px;
    height: 30px;
    position: relative;
    width: 100px;
    margin: 20px auto 0;
}

    #cmd_unverified_continue:hover {
        cursor: pointer;
    }
/*Echo Game*/
/*#echoHeadingLogo {
    width: 21px;
    height: 24px;
    background: url(../images/echo_heading_logo.png) no-repeat top left;
    margin: 7px 4px 0 0;
}*/

/*#eacContentHeading_h1_echo {
    height: 25px;
    margin: 6px 0;
    color: #0e75cf;
    z-index: 0;
    font: italic bold 21px/25px Arial,Helvetica,sans-serif;
}*/

/*#eacContentEcho {
    position: relative;
    display: block;
    float: left;
    width: 820px;
    padding: 0;
    background-color: #F0F0F0;
    background-image: url(../images/eacContentRepeat.png);
    background-repeat: repeat-x;
    background-position: bottom;
    overflow: hidden;
}

#eacContentEcho #echo_new_restart_buttons_wrap #cmd_new, #eacContentEcho #echo_new_restart_buttons_wrap #cmd_restart {
    width: 100%;
    height: 100%;
}

#echo_score, #echo_sequence, #echo_new_restart_buttons_wrap, #echo_new_button, #echo_restart_button, #echo_timer {
    display: block;
    float: left;
    font: italic bold 25px/25px Arial,Helvetica,sans-serif;
    color: #0e75cf;
}

#echo_score, #echo_sequence {
    width: 360px;
    height: 76px;
    margin: 10px 0 0;
}

#echo_score {
    margin: 18px 0 0;
}

#echo_score_left, #echo_sequence_left {
    float: left;
    margin: 26px 0 0 25px;
}

#lbl_score, #lbl_sequence {
    float: right;
    margin: 26px 25px 0 0;
}

#echo_new_restart_buttons_wrap, #echo_timer, #echo_new_button, #echo_restart_button {
    width: 175px;
    height: 147px;
}

#echo_new_button, #echo_restart_button {
    height: 68px;
    margin: 10px 0 0;
}

#cmd_new:hover, #cmd_restart:hover, #echo_symbol_1, #echo_symbol_2, #echo_symbol_3, #echo_symbol_4 {
    cursor: pointer;
}

#echo_new_button input#cmd_new, #echo_restart_button input#cmd_restart {
    font: italic bold 23px/23px Arial,Helvetica,sans-serif;
    color: #0e75cf;
}

#echo_timer {
    margin: 10px 0 0 9px;
    position: relative;
}

#echo_board {
    position: relative;
    left: 7px;
    background: url(../images/echo_logo.png) no-repeat 109px 106px;
}*/
/*Echo Report*/
/*#echo_report_game, #echo_report_score, #echo_report_time {
    display: block;
    width: 283px;
    background: url(../images/echo_report_field.jpg) repeat-x top left #dbdbdb;
    margin: 15px auto 0;
    padding: 14px 0;
    border: 1px solid #EEE;
}

    #echo_report_game p, #echo_report_score p, #echo_report_time p, #pnl_new_topscore p, #disp_game, #disp_score, #disp_duration {
        font: italic bold 23px/23px Arial,Helvetica,sans-serif;
        color: #0e75cf;
    }

#pnl_new_topscore p {
    margin: 20px auto 0;
}

#pnl_new_topscore, #echo_nav {
    display: block;
    width: 514px;
    height: 64px;
    margin: 22px auto 0;
    background: url(../images/echo_new_topscore.jpg) no-repeat top left;
    overflow: hidden;
}

#echo_nav {
    width: 512px;
    height: 37px;
    background: none;
    margin: 20px auto 25px;
}

    #echo_nav a {
        text-decoration: none;
    }

.echoNavLeft, .echoNavCenter, .echoNavRight {
    display: block;
    float: left;
    width: 171px;
    height: 37px;
    font: italic bold 18px/18px Arial,Helvetica,sans-serif;
    color: #0e75cf;
}

#echo_nav.hs .echoNavLeft, #echo_nav.hs .echoNavCenter, #echo_nav.hs .echoNavRight {
    padding-top: 10px;
    height: 27px;
}

.echoNavLeft:hover, .echoNavCenter:hover, .echoNavRight:hover {
    cursor: pointer;
    color: #fff;
}

.echoNavLeft {
    width: 170px;
    background: url(../images/echo_nav_sprite.jpg) no-repeat 0 0;
}

    .echoNavLeft:hover {
        background: url(../images/echo_nav_sprite.jpg) no-repeat 0 -37px;
    }

.echoNavCenter {
    background: url(../images/echo_nav_sprite.jpg) no-repeat -170px 0;
}

    .echoNavCenter:hover {
        background: url(../images/echo_nav_sprite.jpg) no-repeat -170px -37px;
    }

.echoNavRight, #cmd_highscores:disabled:hover {
    background: url(../images/echo_nav_sprite.jpg) no-repeat -341px 0;
}

.echoNavRight:hover {
    background: url(../images/echo_nav_sprite.jpg) no-repeat -341px -37px;
}

#cmd_highscores:disabled {
    color: #CCC;
}

#cmd_highscores:disabled:hover {
    cursor: default;
}*/

/*Echo High Scores Page*/
/*#echo_hs_game_select, #echo_hs_diff_select {
    display: block;
    width: 512px;
    height: 29px;
    background: none;
    margin: 10px auto 0;
}

#echo_hs_diff_select {
    margin: 10px auto 20px;
}

.echo_game_select_left, .echo_game_select_right, .echo_select_left, .echo_select_center, .echo_select_right {
    display: block;
    float: left;
    width: 256px;
    height: 22px;
    padding-top: 7px;
    font: italic bold 15px/15px Arial,Helvetica,sans-serif;
    color: #0e75cf;
}

.echo_select_left, .echo_select_center, .echo_select_right {
    width: 171px;
}

    .echo_game_select_left, .echo_game_select_right, .echo_select_left:hover, .echo_select_center:hover, .echo_select_right:hover {
        cursor: pointer;
    }

.selected_game_left, .selected_game_right, .selected_left, .selected_center, .selected_right {
    color: #fff;
}*/
/*High Scores Game Nav*/
/*.echo_game_select_left {
    background: url(../images/echo_hs_select_sprite.jpg) no-repeat 0 0;
}

.selected_game_left {
    background: url(../images/echo_hs_select_sprite.jpg) no-repeat 0 -29px;
}

.echo_game_select_right {
    background: url(../images/echo_hs_select_sprite.jpg) no-repeat -256px 0;
}

.selected_game_right {
    background: url(../images/echo_hs_select_sprite.jpg) no-repeat -256px -29px;
}*/

/*High Scores Difficulty Nav*/
/*.echo_select_left {
    background: url(../images/echo_hs_select_sprite.jpg) no-repeat 0 -58px;
}

.selected_left {
    background: url(../images/echo_hs_select_sprite.jpg) no-repeat 0 -87px;
}

.echo_select_center {
    width: 170px;
    background: url(../images/echo_hs_select_sprite.jpg) no-repeat -171px -58px;
}

.selected_center {
    background: url(../images/echo_hs_select_sprite.jpg) no-repeat -171px -87px;
}

.echo_select_right {
    background: url(../images/echo_hs_select_sprite.jpg) no-repeat -341px -58px;
}

.selected_right {
    background: url(../images/echo_hs_select_sprite.jpg) no-repeat -341px -87px;
}

#echo_ve_table_wrap, #echo_vm_table_wrap, #echo_vh_table_wrap, #echo_ce_table_wrap, #echo_cm_table_wrap, #echo_ch_table_wrap, #echo_re_table_wrap, #echo_rm_table_wrap, #echo_rh_table_wrap {
    width: 512px;
}

.echo_hs_table {
    width: 512px;
}

    .echo_hs_table tr td:first-child, #echo_hs_table tr th:first-child {
        padding-left: 20px;
        width: 220px;
    }

    .echo_hs_table tr td:last-child {
        padding-right: 20px;
    }

    .echo_hs_table tr:nth-child(even) {
        background-color: #eee;
    }

    .echo_hs_table th {
        text-align: left;
        font: italic bold 18px/18px Arial,Helvetica,sans-serif;
        color: #0e75cf;
        padding-bottom: 7px;
    }

        .echo_hs_table th:first-child {
            padding-left: 20px;
        }

    .echo_hs_table td {
        color: #777;
        font: 16px/16px Arial,Helvetica,sans-serif;
        height: 16px;
        text-align: left;
    }

        .echo_hs_table td:nth-child(2) {
            color: #777;
            font: 20px/18px Arial,Helvetica,sans-serif;
            padding-bottom: 8px;
        }

#echo_hs_pagination {
    margin: 15px auto 30px;
}

#echo_hs_pagination, #echo_pagination_first, #echo_pagination_previous, #echo_pagination_page_of, #echo_pagination_next, #echo_pagination_last {
    height: 14px;
    width: 300px;
    text-align: center;
    overflow: hidden;
}

#echo_pagination_first {
    width: 15px;
    background: url(../images/echo_hs_pagination_sprite.png) no-repeat 0 0;
}

    #echo_pagination_first:hover {
        background: url(../images/echo_hs_pagination_sprite.png) no-repeat 0 -14px;
        cursor: pointer;
    }

#echo_pagination_previous {
    width: 12px;
    background: url(../images/echo_hs_pagination_sprite.png) no-repeat -23px 0;
}

    #echo_pagination_previous:hover {
        cursor: pointer;
        background: url(../images/echo_hs_pagination_sprite.png) no-repeat -23px -14px;
    }

#echo_pagination_page_of {
    width: 100px;
    color: #777;
    font: 16px/16px Arial,Helvetica,sans-serif;
}

#echo_pagination_next {
    width: 12px;
    background: url(../images/echo_hs_pagination_sprite.png) no-repeat -43px 0;
}

    #echo_pagination_next:hover {
        cursor: pointer;
        background: url(../images/echo_hs_pagination_sprite.png) no-repeat -43px -14px;
    }

#echo_pagination_last {
    width: 15px;
    background: url(../images/echo_hs_pagination_sprite.png) no-repeat -63px 0;
}

    #echo_pagination_last:hover {
        cursor: pointer;
        background: url(../images/echo_hs_pagination_sprite.png) no-repeat -63px -14px;
    }*/

/*Echo Descriptions*/
/*#soundsselect {
    position: relative;
}

.echo_desc_typeface {
    font: normal 14px/14px Arial,Helvetica,sans-serif;
    color: #2B82C7;
}

#echo_game_desc {
    display: block;
    float: left;
    margin: -5px 0 0 182px;
    position: absolute;
    width: 318px;
    height: 46px;
    background: url(../images/echo_description.png) no-repeat;
}

    #echo_game_desc p {
        margin: 9px 0 0 25px;
    }

#echo_sound_desc {
    margin: -1px 0 0 115px;
    position: absolute;
    width: 362px;
    height: 35px;
    background: url(../images/echo_description_medium.png) no-repeat;
}

    #echo_sound_desc p {
        margin: 10px 0 0 25px;
    }

#echo_vcues_desc, #echo_difficulty_desc_easy, #echo_difficulty_desc_medium, #echo_difficulty_desc_hard {
    margin: 0 0 0 182px;
    position: absolute;
    width: 318px;
    height: 35px;
    background: url(../images/echo_description_small.png) no-repeat;
}

    #echo_vcues_desc p, #echo_difficulty_desc_easy p, #echo_difficulty_desc_medium p, #echo_difficulty_desc_hard p {
        margin: 11px 0 0 25px;
    }

#echoInstructionsLink {
    background-color: #0E75CF;
    bottom: 10px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 20px;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: center;
}

#echoInstructions {
    height: 269px;
    position: absolute;
    width: 430px;
    background-color: #fff;
}

#echoInstructions p {
    color: #0E75CF;
    font: italic bold 21px/25px Arial,Helvetica,sans-serif;
}*/

/*#echoInstructions.transparent, .recc.transparent, .reccConsonants.transparent {*/
    /* Required for IE 5, 6, 7 */
    /* ...or something to trigger hasLayout, like zoom: 1; */
    /*zoom: 1;*/
    /* Theoretically for IE 8 & 9 (more valid) */
    /* ...but not required as filter works too */
    /* should come BEFORE filter */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";*/
    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    /*filter: alpha(opacity=90);*/
    /* Older than Firefox 0.9 */
    /*-moz-opacity: 0.9;*/
    /* Safari 1.x (pre WebKit!) */
    /*-khtml-opacity: 0.9;*/
    /* Modern!
/* Firefox 0.9+, Safari 2?, Chrome any?
/* Opera 9+, IE 9+ */
    /*opacity: 0.9;
}*/

/* DropDownList Control*/

/*.dotvvm-bp-primitive_list {
    max-height: 300px;
    overflow-y: scroll;
}*/

/*.listbox {
	background-color: #efefef;
	font: 20px arial;
	padding: 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #666666;
	width: 320px;
	border-radius: 10px;
	border: none;
	padding: 10px;
}

.listbox.gender {
	height:85px;
}*/
/*.dotvvm-bp-drop-down-list.dotvvm-bp-primitive_picker.dotvvm-bp-flag_unselect-allowed.dotvvm-bp-control {
	border-radius: 4px;
	border: 2px solid #ededed;
	padding: 10px;
	height: 41px;
	width: 410px;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-style: italic;
	font-weight: bold;
	color: #666666;
	margin: 2px 0;
	padding: 0 0 2px 10px;
	background: #f9f9f9;
	position: relative !important;
	z-index: 1 !important;
	float: left;
}*/
/*.dotvvm-bp-drop-down-list.dotvvm-bp-primitive_picker.dotvvm-bp-flag_unselect-allowed.dotvvm-bp-control.dotvvm-bp-state_focused:focus {
	--bp-focus_box-shadow: none !important;
	--bp-color_focus: none !important;
	--bp-color_warning: none !important;
	padding: 0 0 0 10px;
	margin: 2px 0;
}
.dotvvm-bp-primitive_popup > .dotvvm-bp-list-view {
	width: 410px;
	border-bottom-left-radius: 4px !important;
}
.dotvvm-bp-primitive_list.dotvvm-bp-list-view_display-mode-list {
	margin: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.dotvvm-bp-primitive_list.dotvvm-bp-list-view_display-mode-list li {
	font-size: 18px;
	padding: 5px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}
.dotvvm-bp-drop-down-list > .dotvvm-bp-primitive_value > .dotvvm-bp-primitive_text, .dotvvm-bp-primitive_placeholder {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 18px !important;
	font-style: italic;
	font-weight: bold;
	color: #666666;
	margin-top: 2px;
}*/
/*.dotvvm-bp-primitive_picker .dotvvm-bp-primitive_popup {
	position: absolute !important;
	top: 41px !important;
	left: 0px !important;
	z-index: 2;
}
.zindex {
	z-index: 0 !important;
}*/
/*.dotvvm-bp-list-view dotvvm-bp-control {
	overflow: scroll !important;
}*/
/*.dotvvm-bp-primitive_picker > .dotvvm-bp-primitive_button {
	float: right !important;
	height: 97% !important;
}*/
/*Used Dropdown List styles under this line*/
/*---------------------------------------------------------------------------------------*/
/*.dotvvm-bp-drop-down-list.dotvvm-bp-primitive_picker.dotvvm-bp-control {
    float: left;
    background-color: #f5f5f5;*/
/*    --bp-focus_box-shadow: none !important;
    --bp-color_focus: none !important;
    --bp-color_warning: none !important;
*/    /*height: 41px;
    font-size: 23px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: bold;
    color: #666666;
    margin: 2px 0 !important;
    border: none;
}

#cbo_challenge_q {
    width: 375px;
}*/

/*#cbo_gender.dotvvm-bp-drop-down-list.dotvvm-bp-primitive_picker.dotvvm-bp-control {
    width: 275px;
}

.dotvvm-bp-drop-down-list.dotvvm-bp-primitive_picker.dotvvm-bp-control, #cbo_cat.dotvvm-bp-drop-down-list.dotvvm-bp-primitive_picker.dotvvm-bp-control, #cbo_replays.dotvvm-bp-drop-down-list.dotvvm-bp-primitive_picker.dotvvm-bp-control {
    width: 245px;
}

.dotvvm-bp-primitive_popup.dotvvm-bp-flag_with-list {
    border-radius: 4px !important;
    position: fixed !important;
    z-index: 2 !important;
    width: inherit !important;
    min-width: inherit !important;
    max-width: inherit !important;
}

.dotvvm-bp-primitive_popup.dotvvm-bp-flag_with-list .dotvvm-bp-list-view ul li {
    font: 21px Calibri, Trebuchet MS, sans-serif !important;
    font-style: italic;
    font-weight: bold;
    color: #333;
    margin-left: 10px !important;
}*/

/*.dotvvm-bp-primitive_picker .dotvvm-bp-primitive_contents, .dotvvm-bp-primitive_placeholder {
    margin: 3px 0 0 10px !important;
}*/

/*#cbo_accttype_button, #cbo_challenge_q_button, #cbo_gender_button, #cbo_country2_button, #cbo_size, #cbo_cat, #cbo_replays {*/
    /*z-index: 6 !important;*/
    /*position: relative;
    border: none;
    float: left;
    margin: 0;
    padding: 0;
}*/

/*#cbo_challenge_q_button, #cbo_cat {
    z-index: 5 !important;
}

#cbo_gender_button, #cbo_replays {
    z-index: 4 !important;
}

#cbo_country2_button {
    z-index: 3 !important;
}*/

/*.dotvvm-bp-primitive_value {
    float: left;
}

.dotvvm-bp-primitive_item.dotvvm-bp-state_selected, .dotvvm-bp-primitive_item.dotvvm-bp-state_selected.dotvvm-bp-state_selected {
    background-color: #f5f5f5 !important;
    border-color: none;
}*/

#level_select_vowels_desc.invisible, #level_select_cons_desc.invisible {
    display: none;
}

div.v_grid input {
    outline: none;
}

/*.dotvvm-bp-check-box-list, .dotvvm-bp-radio-button-list {
    float: left;
    margin: 12px 5px 0px 18px;
}

.dotvvm-bp-control dotvvm-bp-radio-button dotvvm-bp-primitive_item dotvvm-bp-state_checked {
    --bp-color_focus: none;
}*/

/*button[type='button'] {
    z-index: 0 !important;
    position: relative !important;
    position: relative;
    border: none;
    float: left;
    margin: 0;
    padding: 0;
}*/

/*.add_vowel_select input[type='button'],
.cust_aspx_vowels_1 input[type='button'],
.cust_aspx_vowels_2 input[type='button'],
.cust_aspx_cons_1 input[type='button'],
.cust_aspx_cons_2 input[type='button'],
.cust_aspx_cons_3 input[type='button'],
#vowelall, #vowelok, #consall, #consok {
    padding: 1px 6px;
    border: 1px solid #eee;
    width: 70px;
    height: 30px;
    font: italic bold 15px/15px Arial,Helvetica,sans-serif;
    color: #2B82C7;
    cursor: pointer;
}*/
/*#vowelall, #vowelok, #consall, #consok {
    width: 35px;
}*/

/*.dotvvm-bp-date-picker {
    float: left !important;
    width: 150px !important;
    height: 30px !important;
}*/

/*.dotvvm-bp-primitive_picker > .dotvvm-bp-primitive_text-box, .dotvvm-bp-primitive_picker > .dotvvm-bp-primitive_value {
    height: 27px !important;
}*/

/*.dotvvm-bp-check-box-list, .dotvvm-bp-radio-button-list {
    display:block;
    margin: 15px 5px 0px 280px !important;
}*/

/*#specific_voices {
    margin: 10px 5px 15px 180px !important;
    width: 325px;
    float: left;
}
#specific_voices label {
    margin: 3px;
    width: 50px;
    font-size: 20px;
}*/
/*#specific_voices .dotvvm-bp-control.dotvvm-bp-state_checked > .dotvvm-bp-icon {
    color: #2B82C7 !important;
}
#specific_voices label.dotvvm-bp-state_focused svg:focus {
    outline: none !important;
}

#survey1 .dotvvm-bp-check-box-list, #survey1 .dotvvm-bp-radio-button-list, #survey2 .dotvvm-bp-check-box-list, #survey2 .dotvvm-bp-radio-button-list {
    display: block;
    margin: 15px 5px 0px 19px !important;
}

#rc_selector #dateRange #gameReportFromDate.dotvvm-bp-control.dotvvm-bp-date-picker .dotvvm-bp-primitive_button.dotvvm-bp-command_unselect, #rc_selector #dateRange #gameReportToDate.dotvvm-bp-control.dotvvm-bp-date-picker .dotvvm-bp-primitive_button.dotvvm-bp-command_unselect {
    display: none !important;
}

#pnl_intro #dateRange #txt_fromdate.dotvvm-bp-control.dotvvm-bp-date-picker .dotvvm-bp-primitive_button.dotvvm-bp-command_unselect, #pnl_intro #dateRange #txt_todate.dotvvm-bp-control.dotvvm-bp-date-picker .dotvvm-bp-primitive_button.dotvvm-bp-command_unselect {
    display: none !important;
}

#update_db_buttons div#ReportPageSize a.dotvvm-bp-primitive_button.dotvvm-bp-command_unselect {
    display: none !important;
}

#custom_aspx_contain .dotvvm-bp-primitive_button.dotvvm-bp-command_unselect {
    display: none !important;
}*/

#gameReportToDate .textfield_adjust, #gameReportFromDate .textfield_adjust {
    margin-top: 261px !important;
    margin-left: -4px !important;
}

/*span.dotvvm-bp-grid-view_header-value {
    color: #2b82c7 !important;
    font-size: 18px !important;
    font-style: italic;
}

.dotvvm-bp-grid-view td > .dotvvm-bp-primitive_text, .dotvvm-bp-grid-view td > .dotvvm-bp-text, .dotvvm-bp-grid-view td > .dotvvm-bp-text-view {
    font: 16px Calibri, Trebuchet MS, sans-serif !important;
}

.dotvvm-bp-grid-view th {
    border: none !important;
    background: none;
}

.dotvvm-bp-grid-view td {
    padding: 1px;
    border: none !important;
    white-space: nowrap;
}

.dotvvm-bp-grid-view > .dotvvm-bp-primitive_table {
    border: none !important;
}

.dotvvm-bp-grid-view tr {
    height: 30px;
}

.dotvvm-bp-grid-view tr:nth-child(2n+0) {
    background: none !important;
}

.dotvvm-bp-drop-down-list > .dotvvm-bp-primitive_value > .dotvvm-bp-primitive_text, .dotvvm-bp-drop-down-list > .dotvvm-bp-primitive_value > .dotvvm-bp-text, .dotvvm-bp-drop-down-list > .dotvvm-bp-primitive_value > .dotvvm-bp-text-view {
    line-height: 32px !important;
}

.dotvvm-bp-primitive_placeholder {
    line-height: 31px !important;
}

.cust_aspx_dropdown_contain .dotvvm-bp-primitive_placeholder {
    font-size: 18px;
    margin-left: 3px;
}

#dateRange input.dotvvm-bp-control.dotvvm-bp-primitive_text-box {
    height: 27px !important;
}

#custom_aspx_save_load #cbo_load.dotvvm-bp-drop-down-list {
    width: 150px;
}*/

/*#upd_savenamelist button {
    margin: 12px 20px 0 0 !important;
}

#partnum, #wordcount, #guesses {
    height: 20px;
}

#wordcount {
    margin: 5px 0;
}

#partnum, #guesses {
    margin: 0 0 7px;
}

#custom_aspx_save_load input {
    margin-bottom: 8px;
}

#save_as #saveas_name {
    height: 20px;
    width: 270px;
}

.cust_aspx_vowels_1 button[type='button'], .cust_aspx_cons_1 button[type='button'], .cust_aspx_vowels_2 button[type='button'], .cust_aspx_cons_2 button[type='button'] {
    padding: 5px 10px;
    margin-right: 12px;
    border: 1px solid #EEE;
}

    .cust_aspx_vowels_1 button[type='button']:hover, .cust_aspx_cons_1 button[type='button']:hover, .cust_aspx_vowels_2 button[type='button']:hover, .cust_aspx_cons_2 button[type='button']:hover {
        padding: 5px 12px;
        margin-right: 10px;
    }

.custom_vowels, .custom_cons {
    height: 105px;
    width: 70px;
    overflow: auto;
}
    */
/*.custom_vowels input, .custom_vowels label, .custom_cons input, .custom_cons label {
    float: left;
    height: 15px;
    width: 15px;
}

.custom_vowels input, .custom_cons input {
    clear: left;
}

.custom_vowels label, .custom_cons label {
    margin: 4px 0px 0px 2px;
}*/

/*#v_v1_other, #v_v1c1_other, #v_v1c2_other {
    margin-top: 11px;
}*/
/*#sound .dotvvm-bp-primitive_text, #game .dotvvm-bp-primitive_text {
    font-size: 18px;
    color: #666;
    padding-left: 3px;
}*/
#saveas_confirm_name {
    width: 270px;
    height: 20px;
}
/*#updatedb_msgs, #updatedb_grid, #add_files, #delete_files, #add_files_msg, #delete_files_msg {
    display: block;
}
#updatedb_msgs, #updatedb_grid {
    float: left;
}
#updatedb_grid {
    width: 820px;
}*/
/*#updatedb_grid .dotvvm-bp-grid-view table.dotvvm-bp-primitive_table tr:nth-child(even) {
    background: #f5f5f5 !important;
}
#updatedb_grid .dotvvm-bp-grid-view table.dotvvm-bp-primitive_table tr:nth-child(odd) {
    background: #FFF !important;
}*/
/*#updatedb_msgs #msgs {
    font: 18px Arial, sans-serif;
    color: #2B82C7;
    padding-left: 0;
}*/
/*#updatedb_grid .dotvvm-bp-grid-view table.dotvvm-bp-primitive_table tr td input[type=button], #add_files_container #add_files, #delete_files_container #delete_files {
    color: #FFF;
    background-color: #2B82C7;
    margin: 4px;
}
#updatedb_grid .dotvvm-bp-grid-view table.dotvvm-bp-primitive_table tr td input[type=button]:hover, #add_files_container #add_files:hover, #delete_files_container #delete_files:hover {
    cursor: pointer;
    background-color: #3598e7;
}
#updatedb_grid .dotvvm-bp-grid-view table.dotvvm-bp-primitive_table tr td input, .updatedb_notify #add_files, .updatedb_notify #delete_files, .updatedb_close {
    height: 25px;
}
#updatedb_grid .dotvvm-bp-grid-view table.dotvvm-bp-primitive_table tr td input[type=button]:nth-child(2) {
    margin-right: 0px;
    margin-left: 0px;
    width: 55px;
}*/
/*.updatedb_notify {
    display: block;
    padding: 10px;
    background-color: #f5f5f5;
    border: 5px solid #56BBFF;
    text-align: center;
    margin: 0 0 12px;
}
.updatedb_notify.deleted {
    border: 5px solid hsl(35, 84%, 62%);
}
#add_files_msg, #delete_files_msg, .updatedb_msg span {
    display: inline-block;
    font: 15px arial, sans-serif;
}
.updatedb_msg span {
    padding: 15px 25px;
}
#add_files, #delete_files {
    display: inline-block;
    margin-left: 25px;
}
.updatedb_msg {
    background-color: #00b937;
    color: #FFF;
    margin: 0 0 15px;
}
.updatedb_msg.error, .updatedb_msg.error .updatedb_close {
    background-color: #fa8400;
}

.updatedb_close {
    display: inline-block;
    color: #FFF;
    margin: 11px 11px 0px;
    background-color: #00b937;
    border: 2px solid #FFF;
    width: 25px;
    height: 25px;
    float: right;
}

.updatedb_close:hover {
    cursor: pointer;
    color: #f1f1f1;
    border: 2px solid #f1f1f1;
}

.row {
    z-index: 0;
    position: relative;
}

.edit-row {
    z-index: 10;
    position: relative;
}*/

/*#updatedb_grid .dotvvm-bp-primitive_button.dotvvm-bp-command_unselect {
    display: none;
}
#updatedb_grid .dotvvm-bp-primitive_text {
    font: 21px Calibri, Trebuchet MS, sans-serif !important;
}*/

/*Vowels and Consonants grid selector*/

/*#updatedb_grid .dotvvm-bp-list-view .dotvvm-bp-primitive_list {
    display: grid;
    grid-template-columns: auto auto auto;
}*/

/*Vowels grid selector*/

/*#updatedb_grid td:nth-child(4) .dotvvm-bp-primitive_popup.dotvvm-bp-flag_with-list, #updatedb_grid td:nth-child(7) .dotvvm-bp-primitive_popup.dotvvm-bp-flag_with-list {
    width: 175px !important;
    height: 185px !important;
    overflow: hidden;
}

#updatedb_grid td:nth-child(4) .dotvvm-bp-primitive_popup.dotvvm-bp-flag_with-list ul, #updatedb_grid td:nth-child(7) .dotvvm-bp-primitive_popup.dotvvm-bp-flag_with-list ul {
    overflow: hidden;
}*/

/*Consonants grid selector*/

/*#updatedb_grid td:nth-child(3) .dotvvm-bp-primitive_popup.dotvvm-bp-flag_with-list, #updatedb_grid td:nth-child(5) .dotvvm-bp-primitive_popup.dotvvm-bp-flag_with-list, #updatedb_grid td:nth-child(6) .dotvvm-bp-primitive_popup.dotvvm-bp-flag_with-list, #updatedb_grid td:nth-child(8) .dotvvm-bp-primitive_popup.dotvvm-bp-flag_with-list {
    width: 191px !important;
    height: 210px !important;
    overflow: hidden;
}

#updatedb_grid td:nth-child(3) .dotvvm-bp-primitive_popup.dotvvm-bp-flag_with-list ul, #updatedb_grid td:nth-child(5) .dotvvm-bp-primitive_popup.dotvvm-bp-flag_with-list ul, #updatedb_grid td:nth-child(6) .dotvvm-bp-primitive_popup.dotvvm-bp-flag_with-list ul, #updatedb_grid td:nth-child(8) .dotvvm-bp-primitive_popup.dotvvm-bp-flag_with-list ul {
    width: 185px !important;
    height: 200px !important;
    overflow-y: scroll;
    overflow-x: hidden;
}*/

/*Syllables and Stress selectors*/

/*#updatedb_grid td:nth-child(9) .dotvvm-bp-primitive_popup.dotvvm-bp-flag_with-list, #updatedb_grid td:nth-child(10) .dotvvm-bp-primitive_popup.dotvvm-bp-flag_with-list {
    width: 175px !important;
    height: 80px !important;
    overflow: hidden;
}

#updatedb_grid td:nth-child(9) .dotvvm-bp-primitive_popup.dotvvm-bp-flag_with-list ul, #updatedb_grid td:nth-child(10) .dotvvm-bp-primitive_popup.dotvvm-bp-flag_with-list ul {
    overflow: hidden;
}
#updatedb_grid input.dotvvm-bp-primitive_input, .dotvvm-bp-control.dotvvm-bp-primitive_text-box {
    font: 21px Calibri, Trebuchet MS, sans-serif !important;
    font-weight: normal;
    color: #333;
    padding: 4px 4px 8px;
}



.dotvvm-bp-file-upload {
    margin: 0 0 15px;
    border: 1px solid #e3e3e3;
    height: 200px;
}

.dotvvm-bp-file-upload_panel .dotvvm-bp-command_select-files, .dotvvm-bp-file-upload_panel span {
    padding: 3px 6px;
    font: 16px Calibri, Trebuchet MS, sans-serif !important;
}
.dotvvm-bp-file-upload_panel .dotvvm-bp-command_select-files {
    background-color: #2B82C7;
}
.dotvvm-bp-file-upload_panel .dotvvm-bp-command_select-files:hover {
    cursor: pointer;
    background-color: #3598e7;
}
.dotvvm-bp-file-upload_files li {
    height: 25px;
    padding: 0 10px 0;
    font: 16px Calibri, Trebuchet MS, sans-serif !important;
}
.edit-row td:nth-child(1) .dotvvm-bp-text-box {
    margin-left: 2px;
    max-width: 136px;
}

a.dotvvm-bp-grid-view_header-value {
    font-size: 18px !important;
    float: left;
}

#pnl_report .dotvvm-bp-grid-view {
    float: left;
    margin: 5px 19px;
    display: block;
    width: 750px;
}
    #pnl_report .dotvvm-bp-grid-view tr th:nth-last-child(7), #pnl_report .dotvvm-bp-grid-view tr td:nth-last-child(7) {
        width: 80px;
    }

    #pnl_report .dotvvm-bp-grid-view tr th:nth-last-child(6), #pnl_report .dotvvm-bp-grid-view tr td:nth-last-child(6) {
        width: 75px;
    }

    #pnl_report .dotvvm-bp-grid-view tr th:nth-last-child(5), #pnl_report .dotvvm-bp-grid-view tr td:nth-last-child(5) {
        width: 50px;
    }

    #pnl_report .dotvvm-bp-grid-view tr th:nth-last-child(2), #pnl_report .dotvvm-bp-grid-view tr td:nth-last-child(2) {
        width: 110px;
    }

    #pnl_report .dotvvm-bp-grid-view td:nth-child(6), #pnl_report .dotvvm-bp-grid-view td:nth-child(7), #pnl_report .dotvvm-bp-grid-view td:nth-child(9) {
        text-align: right;
        padding-right: 25px
    }

    #pnl_report .dotvvm-bp-grid-view td:nth-child(7) {
        padding-right: 34px
    }

    #pnl_report .dotvvm-bp-grid-view td:nth-child(9) {
        padding-right: 29px
    }

span.dotvvm-bp-grid-view_header-value {
    padding-right: 2px;
}

.dotvvm-bp-data-pager {
    float: left;
    margin: 10px 0 0 0;
    display: block;
    width: 900px;
    overflow: hidden;
}*/

/*#flashReplyDiv {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}*/

/* record panel */
/*#record_panel {
    text-align: center;
    background-color: #Eeee;
    margin: 10px 0 11px 10px;
    padding: 20px 5px 5px;
    border-radius: 5px;
    position: relative;
}

#recordPromptToolTip {
    display: none;
    width: 329px;
    position: absolute;
    top: -42px;
    left: 2px;
    background: #e80026;
    border-radius: 5px;
}

#recordPromptToolTip p {
    color: #fff;
    margin: 10px auto;
}

.rcp, #rec_goto_next {
    width: 65px;
    height: 49px;
    background-color: #008ae9;
    margin: 0 0 15px 7px;
    font: 16px Calibri, Trebuchet MS, sans-serif !important;
    font-weight: bold;
    color: #FFF;
    transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    border-radius: 5px;
}

    .rcp:hover, #rec_goto_next {
        background-color: #1a9fff;
        cursor: pointer;
    }

#rec_goto_next {
    background-color: #4ead1f;
}

    #rec_goto_next:hover {
        background-color: #5bbc00;
    }

#rec_rec {
    background-size: 0px 49px;
    background-color: #e80026;
    border-radius: 10px;
    transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    margin-left: 0;
}

#rec_rec:hover, #rec_rec.recording {
    background-color: #FFF;
    border: 5px solid #e80026;
    border-radius: 10px;
    color: #000;
}

#rec_rec.recording {
    background: url(../images/record_loading_bar.png) no-repeat;
    background-size: 65px 49px;
    transition: background-size 2s linear;
    -webkit-transition: background-size 2s linear;
    background-color: #FFF;
    background-position: bottom left;
}

#rec_rec.after_rec {
    background-color: #e80026;
    transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    transition: background-image .2s linear;
    -webkit-transition: background-image .2s linear;
    background-image: none;
}

#rec_play_rec.playDisabled {
    background-color: #CCC;
    cursor: default;
}*/

/*#menu input#cmd_progress.progressBtn:disabled {
    opacity: 40% !important;
    cursor: pointer;
}

    #menu input#cmd_progress.progressBtn:disabled:hover, #menu input#cmd_progress.progressBtn:disabled:hover {
        opacity: 40% !important;
        cursor: pointer;
        background-position: -32px 0px;
        background-repeat: no-repeat;
        width: 210px;
    }*/

/*.game-report-validation-error {
    color: red;
    font: bold 12px arial, verdana;
    float: left;
    clear: both;
    margin: 10px 10px 10px 0;
}

#from_date_wrapper, #to_date_wrapper, #from_participant_wrapper, #to_participant_wrapper {
    display: block;
    min-height: 35px;
    float: left;
}

#game_report_settings_form{
    display: block;
    min-height: 365px;
}*/

/*#pnl_report .dotvvm-bp-grid-view td > .dotvvm-bp-primitive_text {
    font-size: 12px !important;
}

#pnl_report a.dotvvm-bp-grid-view_header-value {
    font-size: 14px !important;
}

#pnl_report .dotvvm-bp-grid-view tr {
    height: 19px;
}*/

/*#pnl_intro #error_message {
    font: bold italic 16px calibri, arial, verdana !important;
    color: #2b82c7;
    width: 720px;
    height: 45px;
    border: none;
    text-align: center;
}

#pnl_intro_data_load_bar {
    display: none;
    width: 300px;
    height: 25px;
    background: url(../images/data_load_bar.gif) no-repeat 0 0;
    position: absolute;
    top: 215px;
    left: 270px;
    z-index: 10001;
}

#pnl_intro_load_overlay {
    display: none;
    width: 786px;
    height: 394px;
    position: absolute;
    top: 38px;
    left: 16px;
    background-color: #FFF;
    z-index: 10000;
    opacity: 90%;*/
    /* border: 1px solid grey; */
    /*border-radius: 5px;
}*/