/*ELEMENTS**********************/
html {
    height: 100%;
}

body {
    margin: auto;
    padding: 0;
    font-family: Gisha, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    color: #000000; /*background-color: #cccccc;*/
    /*background-image: url('../web_images/custom/CPS background.jpg'); /* url('../web_images/custom/c8102e-skyscrapers-filtered-grey-dense-copy.png');*/
    background-color: rgba(0,0,0,0.5);
    text-align: center;
    height: 100%;
    background-repeat: repeat-y;
    background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
}

div {
    width: 100%;
    text-align: left;
    margin: 0px;
    padding: 0px;
}

table {
    text-align: center;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    border-spacing: 0px;
    border-collapse: collapse;
}

th {
    font-size: 13pt;
    padding-right: 10px;
    font-weight: normal;
}

tr.prompt th {
    font-weight: normal;
}

tr {
    padding-top: 4px;
    padding-bottom: 4px;
}

td {
    padding: 0px;
    margin: 0px;
    text-align: left;
}

input, select, textarea { /* makes select equal width */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

a[disabled] {
    color: #CCCCCC;
    text-decoration: none;
}

a {
    color: #0066cc; /* font-variant: small-caps; */
    text-decoration: none;
    cursor: hand;
    font-style: normal;
    font-family: Tahoma, Arial, 'Courier New', 'Trebuchet MS';
    font-variant: normal;
    text-decoration: none;
}

    a:link {
        /* color: #0066cc;*/
    }

    a:hover {
        text-decoration: underline;
    }

    a:visited {
        text-decoration: none;
    }

    a:focus {
    }

    a:active {
    }


    a.whitelink a[disabled] {
        color: #ffffff;
        text-decoration: none;
    }

    a.whitelink a {
        color: #ffffff; /* font-variant: small-caps; */
        text-decoration: none;
        cursor: hand;
        font-style: normal;
        font-family: Tahoma, Arial, 'Courier New', 'Trebuchet MS';
        font-variant: normal;
        text-decoration: none;
    }

    a.whitelink {
        color: #ffffff;
    }

        a.whitelink:hover {
            text-decoration: underline;
        }

        a.whitelink:visited {
            text-decoration: none;
        }

        a.whitelink:focus {
        }

        a.whitelink:active {
        }

img {
    border-style: none;
}

zinput[type="checkbox"] {
    /*display:none;*/
    margin: 5px;
}

input:hover {
    color: #000000 /* background-color: #fbfbfb; /*color: #ffffff;*/;
}
/*******************************/
/*MENU**************************/
.anylinkcss a:hover {
    background-color: #ffffff;
    color: #8da22f;
}

.menu-divider {
    background-color: #ffffff;
}

a.menu {
    color: #254d78;
    text-decoration: none;
    cursor: hand;
    font-style: normal;
    font-family: Century Gothic, Arial, Helvetica, sans-serif;
    font-variant: normal;
    text-decoration: none;
    font-weight: normal;
    font-size: 12pt;
}

    a.menu:link {
        color: #254d78;
    }

    a.menu:hover {
        text-decoration: underline;
        color: #002d62;
    }

    a.menu:visited {
        text-decoration: none;
    }

    a.menu:focus {
    }

    a.menu:active {
    }

.anylinkcss {
    position: absolute;
    visibility: hidden;
    border: 1px solid black;
    border-bottom-width: 0;
    font: normal 12px arial;
    z-index: 100;
    background-color: #ffffff;
    max-width: 310px;
}

    .anylinkcss a {
        width: 100%;
        display: block;
        text-indent: 3px;
        border-bottom: 1px solid black;
        padding: 1px 0;
        text-decoration: none;
        text-indent: 5px;
        color: #254d78;
        background-color: #f3dd6d; /* #cedfa9; /*#8da22f;*/ /*799b3c;*/
    }

td.menu {
    width: 100%;
    text-align: left;
    background-color: #f3dd6d; /* #CEDFA9; /* #616f20; 002d62 #6699FF;*7cb021/ */
    padding-right: 8px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
/*******************************/
/*GENERAL***********************/
.left {
    text-align: left;
}

.HeadMode {
    background-color: #ffffff; /* #E6EFFA; /*CEDFA9;*/
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    color: #616f20;
    font-weight: normal;
}

    .HeadMode th {
        text-align: left;
    }

.EditMode {
    background-color: #ffffff; /* #E6EFFA; /*CEDFA9;*/
    padding-left: 10px;
    padding-right: 10px;
}

.ListMode {
    background-color: #ffffff;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
}

.ListModeAlternate {
    background-color: #ffffff; /* #F4F8E7; /*E6EFFA;*/
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
}

.ListModeAlternate2 {
    background-color: #f9f9f9; /*#F4F8E7; */
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
}

.ListModeHover {
    background-color: #f3dd6d;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
}

.AlertMode {
    padding-right: 10px;
    padding-left: 10px;
}

.alert_message {
    color: #4F5F2C;
}

.alert {
    color: #800000;
    background-color: #FFFDCC;
}

.disabled {
    color: #999999 !important;
    background-color: #eeeeee;
}

.readonly {
    color: #999999 !important;
    background-color: #efececee;
    text-align: left;
    vertical-align: middle;
    letter-spacing: 1px;
    padding-top: 2px;
    padding-bottom: 5px;
    width: 200px;
    height: 28px;
}


.button_old {
    border-radius: 4px 4px 4px 4px;
    padding-top: 12px;
    padding-bottom: 12px;
    width: 110px;
    font-weight: normal;
    font-family: Verdanna, Arial, Helvetica, sans-serif;
    color: #FF6600;
    overflow: hidden;
    text-transform: lowercase;
    cursor: pointer;
    border-width: 1px;
}

.button_sonnet {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background-color: transparent;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    text-indent: 0;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #666666;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    height: 25px;
    line-height: 25px;
    width: 90px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #ffffff;
}

    .button_sonnet:hover {
        cursor: default;
    }

    .button_sonnet:active {
        position: relative;
        top: 1px;
    }

.button {
    -moz-box-shadow: inset 0px 1px 0px 0px #fcf8f2;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fcf8f2;
    box-shadow: inset 0px 1px 0px 0px #fcf8f2;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    text-indent: 0;
    border: 1px solid #FF6900;
    display: inline-block;
    color: #ffffff;
    font-family: Arial;
    font-size: 12pt;
    font-weight: normal;
    font-style: normal;
    height: 34px;
    line-height: 30px;
    width: 90px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #FF6900;
    border-radius: 8px;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FF6900), color-stop(1, #FF6900) );
    background: -moz-linear-gradient( center top, #FF6900 5%, #FF6900 100% );
    background-color: #FF6900;
}

    .button:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fae4bd), color-stop(1, #FF6900) );
        background: -moz-linear-gradient( center top, #fae4bd 5%, #FF6900 100% );
        background-color: #fae4bd;
        color: #333333;
    }

    .button:active {
        position: relative;
        top: 1px;
    }

.button_tab {
    -moz-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
    -webkit-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
    box-shadow: inset 0px 1px 0px 0px #bbdaf7;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
    background: -moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
    background-color: #79bbff;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-left-radius: 15px;
    text-indent: 0;
    border: 1px solid #84bbf3;
    display: inline-block;
    color: #ffffff;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    height: 40px;
    line-height: 40px;
    width: 90px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #528ecc;
}

    .button_tab:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
        background: -moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
        background-color: #378de5;
    }

    .button_tab:active {
        position: relative;
        top: 1px;
    }


.button_help {
    -moz-box-shadow: inset 0px 1px 4px 0px #dcecfb;
    -webkit-box-shadow: inset 0px 1px 4px 0px #dcecfb;
    box-shadow: inset 0px 1px 4px 0px #dcecfb;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea) );
    background: -moz-linear-gradient( center top, #bddbfa 5%, #80b5ea 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea');
    background-color: #bddbfa;
    -webkit-border-top-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-left-radius: 15px;
    text-indent: 0;
    border: 1px solid #84bbf3;
    display: inline-block;
    color: #ffffff;
    font-family: Arial;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    width: 100px;
    text-decoration: none;
    text-align: center;
}

    .button_help:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddbfa) );
        background: -moz-linear-gradient( center top, #80b5ea 5%, #bddbfa 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddbfa');
        background-color: #80b5ea;
    }

    .button_help:active {
        position: relative;
        top: 1px;
    }

.button_print {
    -moz-box-shadow: inset 0px 1px 4px 0px #dcecfb;
    -webkit-box-shadow: inset 0px 1px 4px 0px #dcecfb;
    box-shadow: inset 0px 1px 4px 0px #dcecfb;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea) );
    background: -moz-linear-gradient( center top, #bddbfa 5%, #80b5ea 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea');
    background-color: #bddbfa;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    text-indent: 0;
    border: 1px solid #84bbf3;
    display: inline-block;
    color: #ffffff;
    font-family: Arial;
    font-size: 15px;
    height: 26px;
    line-height: 24px;
    width: 100px;
    text-decoration: none;
    text-align: center;
}

    .button_print:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddbfa) );
        background: -moz-linear-gradient( center top, #80b5ea 5%, #bddbfa 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddbfa');
        background-color: #80b5ea;
    }

    .button_print:active {
        position: relative;
        top: 1px;
    }

.button_square {
    /*
	-moz-box-shadow:inset 0px 1px 0px 0px #fcf8f2;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fcf8f2;
	box-shadow:inset 0px 1px 0px 0px #fcf8f2;
        */
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    text-indent: 0;
    border: 1px solid; /* #eeb44f;*/
    display: inline-block;
    color: #FF6900;
    font-family: Arial;
    font-size: 12pt;
    font-weight: normal;
    font-style: normal;
    height: 32px;
    line-height: 32px;
    width: 74px;
    text-decoration: none;
    text-align: center;
    background-color: transparent; /*#eb711f;*/
    margin: 5px;
}

    .button_square:hover {
        color: #000000;
    }

    .button_square:active {
        position: relative;
        top: 1px;
    }

.image_button {
    width: 24px;
    padding: 3px;
}

.horizontal_rbl {
    max-width: 400px;
}

    .horizontal_rbl input {
        width: 24px;
    }

    .horizontal_rbl label {
        width: 30px;
    }

.score {
    -moz-box-shadow: inset 0px 1px 0px 0px #97c4fe;
    -webkit-box-shadow: inset 0px 1px 0px 0px #97c4fe;
    box-shadow: inset 0px 1px 0px 0px #97c4fe;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
    background: -moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
    background-color: #3d94f6;
    -webkit-border-top-left-radius: 42px;
    -moz-border-radius-topleft: 42px;
    border-top-left-radius: 42px;
    -webkit-border-top-right-radius: 42px;
    -moz-border-radius-topright: 42px;
    border-top-right-radius: 42px;
    -webkit-border-bottom-right-radius: 42px;
    -moz-border-radius-bottomright: 42px;
    border-bottom-right-radius: 42px;
    -webkit-border-bottom-left-radius: 42px;
    -moz-border-radius-bottomleft: 42px;
    border-bottom-left-radius: 42px;
    text-indent: 0;
    border: 1px solid #337fed;
    display: inline-block;
    color: #ffffff;
    font-family: Verdana;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    height: 45px;
    line-height: 45px;
    width: 160px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #1570cd;
}

    .score:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
        background: -moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
        background-color: #1e62d0;
    }

    .score:active {
        position: relative;
        top: 1px;
    }

.center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.data {
    color: #000000;
    text-align: left;
    vertical-align: middle;
    letter-spacing: 1px;
    padding-top: 2px;
    padding-bottom: 5px;
    width: 200px;
    height: 28px;
}

.bold {
    font-weight: 600;
}

.encounter_label {
    font-family: verdana;
    font-size: 10pt;
    color: #333300;
    padding: 0px;
    margin: 0px;
}

.separator {
    color: #CCCCCC;
}

.error {
    color: #FF0606;
    padding-right: 10px;
}

.filter {
    padding: 6px 10px 10px 10px;
    font-weight: normal;
    color: #616F20; /*616f20;*/
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #616F20;
    margin-bottom: 10px;
}

.filter-meta {
    padding: 6px 10px 10px 10px;
    color: #616F20; /*616f20;*/
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #616F20;
}

.log {
    vertical-align: top;
    font-size: 9pt;
}

.notice {
    color: #000000;
    margin-top: 5px;
    margin-bottom: 5px;
}

.prompt {
    text-align: left;
    color: #002d62; /* #7cb021;/* #616F20; /*#616F20;*/
    padding-right: 10px;
    font-size: 12pt;
}

.report-meta {
    color: #333333;
    font-size: 13pt;
}

.report {
    color: #696969;
    padding-left: 10px;
    padding-right: 10px;
}

.right {
    text-align: right;
}

.small {
    font-size: 8pt;
}

.small1 {
    font-size: 9pt;
}

.tab {
    margin-top: 20px;
    padding-top: 8px;
    padding-bottom: 10px;
    padding-right: 1px;
    padding-left: 1px;
    width: 110px;
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    overflow: hidden;
    text-transform: lowercase;
    cursor: pointer;
    border-radius: 8px 8px 0px 0px;
    border: 0;
    background-color: #CEDFA9; /*#616f20;*/
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
}

.tab_title {
    color: #FF6900;
}

input[disabled].tab {
    color: #616f20;
    font-weight: bold;
    padding-bottom: 15px;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-left: 1px solid black;
}

.tab2 {
    margin-top: 6px;
    padding-top: 4px;
    padding-bottom: 8px;
    padding-right: 1px;
    padding-left: 1px;
    width: 95px;
    font-family: Arial, Helvetica, sans-serif;
    color: #666666;
    overflow: hidden;
    text-transform: lowercase;
    cursor: pointer;
    border-radius: 9px 9px 0px 0px;
    border: 0;
    background: rgba(206,223,169,0.3);
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
}

input[disabled].tab2 {
    color: #800000;
    font-weight: bold;
    background-color: #CEDFA9;
    padding-bottom: 12px;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
}

input[disabled] {
    border-bottom: 1 solid black;
    color: #808080;
}

.title {
    font-size: 16pt;
    font-weight: normal;
    padding-right: 6px;
    color: #002d62; /* #002d62;/*#ff6600;/* #800000; /*#616f20; */
}

.subtitle {
    font-size: 14pt;
    font-weight: normal;
    padding-right: 6px;
    color: red; /* #002d62;/*#ff6600;/* #800000; /*#616f20; */
}

.tabtitle {
    font-size: 12pt;
    font-weight: normal;
    text-align: center;
    color: red; /* #002d62;/*#ff6600;/* #800000; /*#616f20; */
}

.tabtitle_small {
    font-size: 10pt;
    font-weight: normal;
    text-align: center;
    color: #ff6600; /* #002d62;/*#ff6600;/* #800000; /*#616f20; */
}

.hint {
    color: #808080;
}

.account {
    font-size: 18pt;
    color: #002d62;
}

.warning {
    color: #990000;
}

.watermark {
    font-weight: 100;
    font-size: 10pt;
    font-style: italic;
    font-variant: normal;
    text-transform: lowercase;
    color: #808080;
}

.popupbody {
    margin: auto;
    padding: 0;
    background-color: #ffffff;
    text-align: center;
}

.popupControl {
    background-color: #AAD4FF;
    visibility: hidden;
    border-style: solid;
    border-color: Black;
    border-width: 2px;
    position: fixed;
    left: 100px;
    top: 100px;
}
/*******************************/
/*PANELS************************/
.main-panel {
    -moz-border-radius: 0 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    padding-top: 14px;
    background: rgba(255,255,255,1);
    min-height: 720px;
}

.inner-panel {
    /*
    -moz-border-radius: 20px 20px 0px 0px;
    -webkit-border-radius: 20px 20px 0px 0px;
    border-radius: 20px 20px 0px 0px;*/
    padding-top: 5px;
    padding-left: 0px;
    padding-right: 0px;
}

.pnlContent {
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    overflow: hidden;
    height: 100%;
    padding-bottom: 30px;
    background-color: rgba(255,255,255,.90); /* #ffffff; /*#CEDFA9; */
}

table.mainTable {
    padding: 1,1,1,1;
    width: 100%;
    border: 0px solid #ffffff;
    border-collapse: collapse;
}

/*******************************/
/*PAGING************************/
tr.pager td table tr td {
    text-align: center;
    padding-right: 14px;
    font-size: 13pt;
}

tr.pager td table {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: auto;
}
/*******************************/
/*tables************************/
table.registration {
    border-right: #ffffff 0px solid;
    padding-right: 10px;
    border-top: #ffffff 0px solid;
    padding-left: 20px;
    padding-bottom: 10px;
    border-left: #ffffff 0px solid;
    width: 800px;
    padding-top: 10px;
    border-bottom: #ffffff 0px solid;
    border-collapse: collapse;
}

table.banner {
    border-right: medium none;
    padding-right: 1px;
    border-top: medium none;
    padding-left: 1px;
    padding-bottom: 1px;
    margin: 1px;
    border-left: medium none;
    color: #000099;
    padding-top: 1px;
    border-bottom: medium none;
}

.gridview {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    padding-left: 10px;
    margin-left: 10px;
    margin-right: 10px;
    width: 100%;
}

table.gridview tr td {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 20px;
}

.lsehidden {
    display: none;
}

.ajaxtab {
    padding-right: 6px;
    padding-left: 6px;
    width: 80px;
    font-size: 14pt;
    font-family: Helvetica, sans-serif;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    vertical-align: bottom;
    min-height: 30px;
}

input[disabled].ajaxtab {
}

.ajax__tab .ajax__tab_tab {
    border-radius: 6px 6px 0px 0px;
    border: 0;
    /*
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    */
    margin-top: 10px;
    /*background-color: #f5f5f5;*/
    outline: none;
}
/*
.ajaxtab_border {
    padding-top: 10px;
    padding-right: 6px;
    padding-left: 6px;
    width: 80px;
    font-size:14pt;
    font-family: Helvetica, sans-serif;
    text-align:center;
    overflow: hidden;
    cursor: pointer;
    vertical-align:bottom;
    min-height:30px;

}
.ajax__tab_border .ajax__tab_tab {
    border-radius: 6px 6px 0px 0px;    
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    margin-top:10px;
    background-color: #f5f5f5;
    outline:none;   
}
    */
.ajax__tab .ajax__tab_hover .ajax__tab_tab {
}

.ajax__tab .ajax__tab_active .ajax__tab_tab {
    background-color: #ffffff;
    font-weight: bold;
    border-bottom: solid 4px #FF6900;
    color: #FF6900; /*#c8102e;*/
    /*padding-top:4px;   */
}

.ajax__tab .ajax__tab_tab {
    padding-bottom: 5px;
}

.ajax__tab .ajax__tab_body {
}

.ajax__tab .ajax__tab_header {
    color: #ffffff; /* #616f20;*/
    font-weight: normal;
    border-bottom: 1px solid #cccccc;
}

#ContentControl_tcPatient_header {
    border-bottom: 1px solid #000000;
}

div.ajax__tab_header {
}

.ajax__calendar_container TD {
    font-size: 20pt;
}

.ajax__calendar {
    z-index: 1000;
    font-size: 20pt;
}

.portrait {
    width: 140px;
    height: 140px;
    border-radius: 12px 12px 12px 12px;
}

.footer {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    font-family: Tunga;
    font-weight: lighter;
    color: #999999;
}

.sonnet {
    font-family: Tunga;
    font-weight: bold;
    color: #003366;
}

#sonnetOpen {
    width: 1000px;
}

.width50 {
    width: 50%;
}

.HeaderStyle th {
    text-align: left
}

.modalBackground {
    background-color: Black;
    filter: alpha(opacity=90);
    opacity: 0.8;
}

.modalPopup {
    background-color: #FFFFCC;
    border-width: 3px;
    border-style: solid;
    border-color: black;
    padding-top: 10px;
    padding-left: 10px;
    width: 450px;
    min-height: 140px;
}

.dxscLoadingPanel_Office2003Olive {
    width: 300px;
}

.dxmSubMenu_Office2003Olive {
    width: 300px;
}

.dxpcControl_Office2003Olive {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

iframe.dxheDesignViewArea {
    width: 300px !important;
    height: 100% !important;
}

.Responses {
    table-layout: fixed;
}

    .Responses td:nth-child(1) {
        border: 2px solid #ffffff; /*width: 9%;*/
        background: #FF6900;
        margin: 0px;
        padding: 3px;
        color: #ffffff;
        text-align: center;
        opacity: .75;
    }

    .Responses td {
        border: 2px solid #ffffff;
        /*width: 13%;*/
        background: #FF6900;
        opacity: .75;
        margin: 0px;
        padding: 3px;
        text-align: center;
        color: #ffffff;
    }

        .Responses td:nth-last-child(1) {
            border: 2px solid #ffffff;
            /*width: 91%;*/
            margin: 0px;
            padding: 3px;
            text-align: center;
        }

.Responses2 td {
    border: 2px solid #ffffff;
    /*width: 20%;*/
    text-wrap: avoid;
    margin: 0px;
    padding: 3px;
    text-align: center;
    padding-right: 10px;
    vertical-align: top;
}

    .Responses2 td:nth-last-child(1) {
        border: 2px solid #ffffff;
        /*width: 90%;*/
    }

.question_prompt {
    padding: 5px;
    border: 2px solid #ffffff;
}

.question_response {
    color: black;
}
/* css for timepicker */
.ui-datepicker {
    background-color: #cccccc;
    width: 240px;
}

.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
}

.ui-timepicker-div dl {
    text-align: left;
}

    .ui-timepicker-div dl dt {
        float: left;
        clear: left;
        padding: 0 0 0 5px;
    }

    .ui-timepicker-div dl dd {
        margin: 0 10px 10px 40%;
    }

.ui-timepicker-div td {
    font-size: 90%;
}

.ui-tpicker-grid-label {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

.ui-timepicker-div .ui_tpicker_unit_hide {
    display: none;
}

.ui-timepicker-rtl {
    direction: rtl;
}

    .ui-timepicker-rtl dl {
        text-align: right;
        padding: 0 5px 0 0;
    }

        .ui-timepicker-rtl dl dt {
            float: right;
            clear: right;
        }

        .ui-timepicker-rtl dl dd {
            margin: 0 40% 10px 10px;
        }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine {
    padding-right: 2px;
}

    .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
    .ui-timepicker-div.ui-timepicker-oneLine dt {
        display: none;
    }

    .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
        display: block;
        padding-top: 2px;
    }

    .ui-timepicker-div.ui-timepicker-oneLine dl {
        text-align: right;
    }

        .ui-timepicker-div.ui-timepicker-oneLine dl dd,
        .ui-timepicker-div.ui-timepicker-oneLine dl dd > div {
            display: inline-block;
            margin: 0;
        }

            .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
            .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
                content: ':';
                display: inline-block;
            }

            .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
            .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
                content: '.';
                display: inline-block;
            }

    .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
    .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
        display: none;
    }


.dxnbLite_Office2010Blue a {
}

.dxnbLite_Office2010Blue {
    font-size: 14px !important;
}

.dxnb-item {
}

.dxnb-last {
}

.dxnb-itemSelected, .dxnb-largeSelected {
    background: none;
    border: none;
}

#openConsumerSurveyBorder {
    padding-top: -10px;
    padding-left: 5px;
    border: 1px solid #cccccc;
    border-radius: 20px 20px 20px 20px;
}

#openConsumerSurveyBorder2 {
    padding-top: 10px;
    padding-left: 5px;
    border: 1px solid #cccccc;
    border-radius: 20px 20px 20px 20px;
}

#consumerSurveyQuestionSpace {
    width: 40%;
    padding: 5px;
    vertical-align: top;
}

#consumerSurveySectionName {
    text-align: center;
    padding: 5px;
    padding-bottom: 10px;
}

.Responses label {
    display: none;
}

.dxnb-headerCollapsed {
    width: 100% !important;
}
.dxnb-header {
    width: 100% !important;
}

.BBP-hide { 
    display:none;

}

@media screen and (max-width: 320px) {

    table thead {
        border: none;
        clip: rect(0 0 0 0);
        position: absolute;
        display: block;
        box-sizing: border-box;
        text-align: left !important;
        width: 100%;
    }

    table tr {
        text-align: left !important;
        box-sizing: border-box;
    }

    table td {
        display: block;
        box-sizing: border-box;
        text-align: left;
        padding-left: 1px !important;
        padding-bottom: 5px;
        font-size: 12px;
        color: black;
    }

    tbody {
        box-sizing: border-box;
    }

    table td::before {
        display: block;
        content: attr(data-label);
        float: left;
        border: none;
        box-sizing: border-box;
        text-align: !important;
        background-color: none;
    }

    font {
        line-height: 0px;
        width: 100%;
        text-indent: 0pt !important;
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif !important;
        font-size: 12px !important;
        color: black !important;
        white-space: normal;
        overflow: hidden;
    }

    span {
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif !important;
        font-size: 12px !important;
        color: black !important;
    }

    label {
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif !important;
        font-size: 12px !important;
        color: black !important;
    }

    a {
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif !important;
        font-size: 12px !important;
    }

    input {
        border: solid 1px grey;
        padding-left: 10px;
        border: 1px solid #B0B0B0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    select {
        padding-left: 10px;
    }

    textarea {
        padding-left: 10px;
    }

    div {
        text-indent: -0pt !important;
        margin: 0px 0px 0px 0pt !important;
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
        font-size: 12px !important;
        color: black;
    }

    img {
        padding-bottom: 15px;
        padding-top: 15px;
    }

    body {
        background-size: 0 0;
        background-color: white;
    }

    span#ContentControl_fvTemplate_lblTemplatePrompt div {
        display: inline;
    }

    img#imgBannerLogo {
        padding-bottom: 20px;
    }

    div#ContentControl_up1 {
        padding-left: 20px;
        width: 90%;
        white-space: normal;
        overflow: hidden;
    }

    span#ContentControl_fvTemplate_lblTemplateName {
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif !important;
        font-size: 22px !important;
        color: black !important;
        font-weight: 600;
        text-transform: uppercase;
    }

    select#ContentControl_fvSurvey_ddlVisitTimeHH, select#ContentControl_fvSurvey_ddlVisitTimeMM, select#ContentControl_fvSurvey_ddlVisitTimeAMPM {
        width: 60px !important;
        height: 42px !important;
    }

    img#ContentControl_fvSurvey_imgReceipt {
        max-height: 320px !important;
        max-width: 280px !important;
    }

    p#franchiseInquiryText {
        width: 280px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    table#welcomePages {
        width: 100% !important;
        text-align: left;
        margin-left: auto;
        margin-right: auto;
        margin-left: 10px !important;
    }

    span#ContentControl_lblResult {
        padding: 0px !important;
        font-size: 12px !important;
    }

    input.data {
        width: 270px !important;
        height: 42px !important;
        font-size: 12px !important;
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
    }

    select.data {
        width: 270px !important;
        height: 42px !important;
        font-size: 12px !important;
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
    }

    textarea.data {
        width: 270px !important;
        font-size: 12px !important;
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
    }

    td.prompt {
        font-weight: 600;
        font-size: 12px !important;
        padding-right: 0px !important;
    }

    .prompt {
        text-align: right;
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
        font-size: 12px !important;
        color: black;
        white-space: normal;
        overflow: hidden;
        line-height: 1.4;
    }

    .Responses label {
        display: inline;
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif !important;
        font-size: 12px !important;
        color: black !important;
    }

    .Responses td:nth-child(1) {
        background: #ffffff;
        color: black;
        text-align: left;
    }

    .Responses td {
        background: #ffffff;
        text-align: left;
        color: black;
    }

        .Responses td:nth-last-child(1) {
            text-align: left;
        }

    .error {
        color: red !important;
        font-size: 12px !important;
    }

    .gridview {
        width: 630px;
    }

    .button {
        width: 270px !important;
        height: 42px !important;
        background: #F06935 !important;
        color: white;
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
        font-size: 12px !important;
        border: none;
        border-radius: 0px;
        cursor: pointer;
        margin-left: 0px;
        font-weight: bold;
    }

    #sonnetOpen {
        width: 100%;
    }

    #openConsumerSurveyBorder {
        border: none;
        padding-left: 0px;
        padding-left: 0px !important;
    }

    #openConsumerSurveyBorder2 {
        border: none;
        padding-left: 0px;
    }

    #consumerSurveyQuestion {
        display: none;
    }

    #consumerSurveyQuestionSpace {
        width: 60%;
        vertical-align: top;
        line-height: 1.2;
        white-space: normal;
        font-weight: 400;
        padding-bottom: 15px;
        padding-top: 15px;
    }

    #consumerSurveySectionName {
        text-align: left;
    }

    #ContentControl_fvTemplate_lblTemplateName {
        font-weight: 600;
        padding-right: 15px;
        font-size: 18pt !important;
    }

    #ContentControl_fvTemplate_lblTemplatePrompt {
        text-indent: 0pt !important;
        margin: 0px 0px 0px 0pt !important;
        font-size: 14pt !important;
        white-space: normal;
        overflow: hidden;
    }

    #ContentControl_fvSection_lblSectionName {
        font-weight: 600;
        font-size: 14pt !important;
        text-align: left;
    }

    #openCommentInquiryText {
        width: 45%;
    }

    #SonInformationSystemsFooter {
        background-color: #111;
    }

    #franchiseInquiryBorder {
        border: none !important;
        padding-top: 10px;
        padding-left: 5px !important;
        border-radius: 0px 0px 0px 0px !important;
    }

    #franchiseInquirySurveyText {
        padding-right: 5px;
        text-align: left !important;
        width: 280px !important;
    }

    #consumerInquiryBorder {
        padding-top: 10px;
        padding-left: 0px !important;
        border: hidden !important;
        border-radius: 0px 0px 0px 0px !important;
    }

    #OpenCommentInquiryBorder {
        padding-top: 10px;
        padding-left: 0px !important;
        border: none !important;
        border-radius: 0px 0px 0px 0px !important;
    }

    #franchiseInquirySurveyHeader {
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
        font-size: 21px !important;
        color: black;
        font-weight: 600;
        margin-right: 20px;
        text-transform: uppercase;
    }

    #commentInquiryHeader {
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
        font-size: 22px !important;
        color: black;
        font-weight: 600 !important;
        text-transform: uppercase;
    }

    #consumerInquiryHeader {
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
        font-size: 22px !important;
        color: black;
        font-weight: 600;
        text-transform: uppercase;
    }

    #consumerInquiryText {
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
        font-size: 12px;
        color: black;
    }

    #consumerInquiryOfferText {
        width: 50%;
    }

    input:focus, textarea:focus, select:focus {
        outline-color: grey;
        box-shadow: 0px 0px 0px 1px;
    }

    b::after {
        content: "\A";
        white-space: pre;
    }
}

@media screen and (max-width: 480px) and (min-width: 321px) {
    table thead {
        border: none;
        clip: rect(0 0 0 0);
        position: absolute;
        display: block;
        box-sizing: border-box;
        text-align: left !important;
        width: 100%;
    }

    table tr {
        text-align: left !important;
        box-sizing: border-box;
    }

    table td {
        display: block;
        box-sizing: border-box;
        text-align: left;
        padding-left: 1px !important;
        padding-bottom: 5px;
        font-size: 14px;
        color: black;
        width: 98%;
    }

    tbody {
        box-sizing: border-box;
    }

    table td::before {
        display: block;
        content: attr(data-label);
        float: left;
        border: none;
        box-sizing: border-box;
        text-align: !important;
        background-color: none;
    }

    font {
        line-height: 0px;
        width: 100%;
        text-indent: 0pt !important;
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif !important;
        font-size: 14px !important;
        color: black !important;
        white-space: normal;
        overflow: hidden;
    }

    span {
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif !important;
        font-size: 14px !important;
        color: black !important;
    }

    label {
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif !important;
        font-size: 14px !important;
        color: black !important;
    }

    a {
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif !important;
        font-size: 14px !important;
    }

    input {
        border: solid 1px grey;
        padding-left: 10px;
        border: 1px solid #B0B0B0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    select {
        padding-left: 10px;
    }

    textarea {
        padding-left: 10px;
        border: solid 1px grey
    }

    div {
        text-indent: -0pt !important;
        margin: 0px 0px 0px 0pt !important;
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
        font-size: 14px !important;
        color: black;
    }

    img {
        padding-bottom: 15px;
        padding-top: 15px;
    }

    body {
        background-size: 0 0;
        background-color: white;
    }

    span#ContentControl_fvTemplate_lblTemplatePrompt div {
        display: inline;
    }

    img#imgBannerLogo {
        padding-bottom: 20px;
    }

    div#ContentControl_up1 {
        padding-left: 20px;
        width: 90%;
        white-space: normal;
        overflow: hidden;
    }

    span#ContentControl_fvTemplate_lblTemplateName {
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif !important;
        font-size: 24px !important;
        color: black !important;
        font-weight: bold;
        text-transform: uppercase;
    }

    select#ContentControl_fvSurvey_ddlVisitTimeHH, select#ContentControl_fvSurvey_ddlVisitTimeMM, select#ContentControl_fvSurvey_ddlVisitTimeAMPM {
        width: 60px !important;
        height: 42px !important;
    }

    img#ContentControl_fvSurvey_imgReceipt {
        max-height: 320px !important;
        max-width: 280px !important;
    }

    p#franchiseInquiryText {
        width: 55%;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    table#welcomePages {
        width: 100% !important;
        text-align: left;
        margin-left: auto;
        margin-right: auto;
        margin-left: 10px !important;
    }

    span#ContentControl_lblResult {
        padding: 0px !important;
        font-size: 14px !important;
    }

    input.data {
        width: 270px !important;
        height: 42px !important;
        font-size: 14px !important;
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
    }

    select.data {
        width: 270px !important;
        height: 42px !important;
        font-size: 14px !important;
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
    }

    textarea.data {
        width: 270px !important;
        font-size: 14px !important;
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
    }

    td.prompt {
        font-weight: 600;
        font-size: 14px !important;
        padding-right: 0px !important;
    }

    .prompt {
        text-align: right;
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
        font-size: 14px !important;
        color: black;
        white-space: normal;
        overflow: hidden;
        line-height: 1.4;
    }

    .Responses label {
        display: inline;
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif !important;
        font-size: 14px !important;
        color: black !important;
    }

    .Responses td:nth-child(1) {
        background: #ffffff;
        color: black;
        text-align: left;
    }

    .Responses td {
        background: #ffffff;
        text-align: left;
        color: black;
    }

        .Responses td:nth-last-child(1) {
            text-align: left;
        }

    .error {
        color: red !important;
        font-size: 14px !important;
    }

    .gridview {
        width: 630px;
    }

    .button {
        width: 270px !important;
        height: 42px !important;
        background: #F06935 !important;
        color: white;
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
        font-size: 14px !important;
        border: none;
        border-radius: 0px;
        cursor: pointer;
        margin-left: 0px;
        font-weight: bold;
    }

    #sonnetOpen {
        width: 100%;
    }

    #openConsumerSurveyBorder {
        border: none;
        padding-left: 0px;
        padding-left: 0px !important;
    }

    #openConsumerSurveyBorder2 {
        border: none;
        padding-left: 0px;
    }

    #consumerSurveyQuestion {
        display: none;
    }

    #consumerSurveyQuestionSpace {
        width: 60%;
        vertical-align: top;
        line-height: 1.2;
        white-space: normal;
        font-weight: 400;
        padding-bottom: 15px;
        padding-top: 15px;
    }

    #consumerSurveySectionName {
        text-align: left;
    }

    #ContentControl_fvTemplate_lblTemplateName {
        font-weight: 600;
        padding-right: 15px;
        font-size: 18pt !important;
    }

    #ContentControl_fvTemplate_lblTemplatePrompt {
        text-indent: 0pt !important;
        margin: 0px 0px 0px 0pt !important;
        font-size: 14pt !important;
        white-space: normal;
        overflow: hidden;
    }

    #ContentControl_fvSection_lblSectionName {
        font-weight: 600;
        font-size: 14pt !important;
        text-align: left;
    }

    #openCommentInquiryText {
        width: 55%;
    }

    #SonInformationSystemsFooter {
        background-color: #111;
    }

    #franchiseInquiryBorder {
        border: none !important;
        padding-top: 10px;
        padding-left: 5px !important;
        border-radius: 0px 0px 0px 0px !important;
    }

    #franchiseInquirySurveyText {
        padding-right: 5px;
        text-align: left !important;
    }

    #consumerInquiryBorder {
        padding-top: 10px;
        padding-left: 0px !important;
        border: hidden !important;
        border-radius: 0px 0px 0px 0px !important;
    }

    #OpenCommentInquiryBorder {
        padding-top: 10px;
        padding-left: 0px !important;
        border: none !important;
        border-radius: 0px 0px 0px 0px !important;
    }

    #franchiseInquirySurveyHeader {
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
        font-size: 24px !important;
        color: black;
        font-weight: 600;
        margin-right: 20px;
        text-transform: uppercase;
    }

    #commentInquiryHeader {
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
        font-size: 24px !important;
        color: black;
        font-weight: 600 !important;
        text-transform: uppercase;
    }

    #consumerInquiryHeader {
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
        font-size: 24px !important;
        color: black;
        font-weight: 600;
        text-transform: uppercase;
    }

    #consumerInquiryText {
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
        font-size: 14px;
        color: black;
    }

    #consumerInquiryOfferText {
        width: 55%;
    }

    input:focus, textarea:focus, select:focus {
        outline-color: grey;
        box-shadow: 0px 0px 0px 1px;
    }

    b::after {
        content: "\A";
        white-space: pre;
    }
}

@media screen and (max-width: 749px) and (min-width:481px) {
    table thead {
        border: none;
        clip: rect(0 0 0 0);
        position: absolute;
        display: block;
        box-sizing: border-box;
        text-align: left !important;
        width: 100%;
    }

    table tr {
        text-align: left !important;
        box-sizing: border-box;
    }

    table td {
        display: block;
        box-sizing: border-box;
        text-align: left;
        padding-left: 1px !important;
        padding-bottom: 5px;
        font-size: 14px;
        color: black;
    }

    tbody {
        box-sizing: border-box;
    }

    table td::before {
        display: block;
        content: attr(data-label);
        float: left;
        border: none;
        box-sizing: border-box;
        text-align: !important;
        background-color: none;
    }

    font {
        line-height: 0px;
        width: 100%;
        text-indent: 0pt !important;
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif !important;
        font-size: 14px !important;
        color: black !important;
        white-space: normal;
        overflow: hidden;
    }

    span {
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif !important;
        font-size: 14px !important;
        color: black !important;
    }

    label {
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif !important;
        font-size: 14px !important;
        color: black !important;
    }

    a {
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif !important;
        font-size: 14px !important;
    }

    input {
        border: solid 1px grey;
        padding-left: 10px;
        border: 1px solid #B0B0B0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    select {
        padding-left: 10px;
    }

    textarea {
        padding-left: 10px;
        border: solid 1px grey
    }

    div {
        text-indent: -0pt !important;
        margin: 0px 0px 0px 0pt !important;
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
        font-size: 14px !important;
        color: black;
    }

    img {
        padding-bottom: 15px;
        padding-top: 15px;
    }

    body {
        background-size: 0 0;
        background-color: white;
    }

    span#ContentControl_fvTemplate_lblTemplatePrompt div {
        display: inline;
    }

    img#imgBannerLogo {
        padding-bottom: 20px;
    }

    div#ContentControl_up1 {
        padding-left: 20px;
        width: 90%;
        white-space: normal;
        overflow: hidden;
    }

    span#ContentControl_fvTemplate_lblTemplateName {
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif !important;
        font-size: 26px !important;
        color: black !important;
        font-weight: bold;
        text-transform: uppercase;
    }

    select#ContentControl_fvSurvey_ddlVisitTimeHH, select#ContentControl_fvSurvey_ddlVisitTimeMM, select#ContentControl_fvSurvey_ddlVisitTimeAMPM {
        width: 60px !important;
        height: 42px !important;
    }

    img#ContentControl_fvSurvey_imgReceipt {
        max-height: 320px !important;
        max-width: 280px !important;
    }

    p#franchiseInquiryText {
        width: 85%;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    table#welcomePages {
        width: 100% !important;
        text-align: left;
        margin-left: auto;
        margin-right: auto;
        margin-left: 10px !important;
    }

    span#ContentControl_lblResult {
        padding: 0px !important;
        font-size: 14px !important;
    }

    input.data {
        width: 270px !important;
        height: 42px !important;
        font-size: 14px !important;
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
    }

    select.data {
        width: 270px !important;
        height: 42px !important;
        font-size: 14px !important;
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
    }

    textarea.data {
        width: 270px !important;
        font-size: 14px !important;
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
    }

    td.prompt {
        font-weight: 600;
        font-size: 14px !important;
        padding-right: 0px !important;
    }

    .prompt {
        text-align: right;
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
        font-size: 14px !important;
        color: black;
        white-space: normal;
        overflow: hidden;
        line-height: 1.4;
    }

    .Responses label {
        display: inline;
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif !important;
        font-size: 14px !important;
        color: black !important;
    }

    .Responses td:nth-child(1) {
        background: #ffffff;
        color: black;
        text-align: left;
    }

    .Responses td {
        background: #ffffff;
        text-align: left;
        color: black;
    }

        .Responses td:nth-last-child(1) {
            text-align: left;
        }

    .error {
        color: red !important;
        font-size: 14px !important;
    }

    .gridview {
        width: 730px;
    }

    .button {
        width: 270px !important;
        height: 42px !important;
        background: #F06935 !important;
        color: white;
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
        font-size: 14px !important;
        border: none;
        border-radius: 0px;
        cursor: pointer;
        margin-left: 0px;
        font-weight: bold;
    }

    #sonnetOpen {
        width: 100%;
    }

    #openConsumerSurveyBorder {
        border: none;
        padding-left: 0px;
        padding-left: 0px !important;
    }

    #openConsumerSurveyBorder2 {
        border: none;
        padding-left: 0px;
    }

    #consumerSurveyQuestion {
        display: none;
    }

    #consumerSurveyQuestionSpace {
        width: 60%;
        vertical-align: top;
        line-height: 1.2;
        white-space: normal;
        font-weight: 400;
        padding-bottom: 15px;
        padding-top: 15px;
    }

    #consumerSurveySectionName {
        text-align: left;
    }

    #ContentControl_fvTemplate_lblTemplateName {
        font-weight: 600;
        padding-right: 15px;
        font-size: 18pt !important;
    }

    #ContentControl_fvTemplate_lblTemplatePrompt {
        text-indent: 0pt !important;
        margin: 0px 0px 0px 0pt !important;
        font-size: 14pt !important;
        white-space: normal;
        overflow: hidden;
    }

    #ContentControl_fvSection_lblSectionName {
        font-weight: 600;
        font-size: 14pt !important;
        text-align: left;
    }

    #openCommentInquiryText {
        width: 85%;
    }

    #SonInformationSystemsFooter {
        background-color: #111;
    }

    #franchiseInquiryBorder {
        border: none !important;
        padding-top: 10px;
        padding-left: 5px !important;
        border-radius: 0px 0px 0px 0px !important;
    }

    #franchiseInquirySurveyText {
        padding-right: 5px;
        text-align: left !important;
    }

    #consumerInquiryBorder {
        padding-top: 10px;
        padding-left: 0px !important;
        border: hidden !important;
        border-radius: 0px 0px 0px 0px !important;
    }

    #OpenCommentInquiryBorder {
        padding-top: 10px;
        padding-left: 0px !important;
        border: none !important;
        border-radius: 0px 0px 0px 0px !important;
    }

    #franchiseInquirySurveyHeader {
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
        font-size: 26px !important;
        color: black;
        font-weight: 600;
        margin-right: 20px;
        text-transform: uppercase;
    }

    #commentInquiryHeader {
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
        font-size: 26px !important;
        color: black;
        font-weight: 600 !important;
        text-transform: uppercase;
    }

    #consumerInquiryHeader {
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
        font-size: 26px !important;
        color: black;
        font-weight: 600;
        text-transform: uppercase;
    }

    #consumerInquiryText {
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
        font-size: 14px;
        color: black;
    }

    #consumerInquiryOfferText {
        width: 85%;
    }

    input:focus, textarea:focus, select:focus {
        outline-color: grey;
        box-shadow: 0px 0px 0px 1px;
    }

    b::after {
        content: "\A";
        white-space: pre;
    }
}


@media screen and (max-width: 900px) and (min-width:750px) {
    table thead {
        border: none;
        clip: rect(0 0 0 0);
        position: absolute;
        display: block;
        box-sizing: border-box;
        text-align: left !important;
        width: 100%;
    }

    table tr {
        text-align: left !important;
        box-sizing: border-box;
    }

    table td {
        box-sizing: border-box;
        text-align: left;
        padding-left: 1px !important;
        padding-bottom: 5px;
        font-size: 14px;
        color: black;
    }

    tbody {
        box-sizing: border-box;
    }

    table td::before {
        display: block;
        content: attr(data-label);
        float: left;
        border: none;
        box-sizing: border-box;
        text-align: !important;
        background-color: none;
    }

    font {
        line-height: 0px;
        width: 100%;
        text-indent: 0pt !important;
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif !important;
        font-size: 14px !important;
        color: black !important;
        white-space: normal;
        overflow: hidden;
    }

    span {
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif !important;
        font-size: 14px !important;
        color: black !important;
    }

    label {
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif !important;
        font-size: 14px !important;
        color: black !important;
    }

    a {
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif !important;
        font-size: 14px !important;
    }

    input {
        border: solid 1px grey;
        padding-left: 10px;
        border: 1px solid #B0B0B0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    select {
        padding-left: 10px;
    }

    textarea {
        padding-left: 10px;
        border: solid 1px grey
    }

    div {
        text-indent: -0pt !important;
        margin: 0px 0px 0px 0pt !important;
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
        font-size: 14px !important;
        color: black;
    }

    img {
        padding-bottom: 15px;
        padding-top: 15px;
    }

    body {
        background-size: 0 0;
        background-color: white;
    }

    td {
        vertical-align: middle !important;
    }

    span#ContentControl_fvTemplate_lblTemplatePrompt div {
        display: inline;
    }

    img#imgBannerLogo {
        padding-bottom: 20px;
    }

    div#ContentControl_up1 {
        padding-left: 20px;
        width: 90%;
        white-space: normal;
        overflow: hidden;
    }

    span#ContentControl_fvTemplate_lblTemplateName {
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif !important;
        font-size: 26px !important;
        color: black !important;
        font-weight: bold;
        text-transform: uppercase;
    }

    select#ContentControl_fvSurvey_ddlVisitTimeHH, select#ContentControl_fvSurvey_ddlVisitTimeMM, select#ContentControl_fvSurvey_ddlVisitTimeAMPM {
        width: 60px !important;
        height: 42px !important;
    }

    img#ContentControl_fvSurvey_imgReceipt {
        max-height: 320px !important;
        max-width: 280px !important;
    }

    p#franchiseInquiryText {
        width: 100%;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    table#welcomePages {
        width: 100% !important;
        text-align: left;
        margin-left: auto;
        margin-right: auto;
        margin-left: 10px !important;
    }

    span#ContentControl_lblResult {
        padding: 0px !important;
        font-size: 14px !important;
    }

    input.data {
        width: 270px !important;
        height: 42px !important;
        font-size: 14px !important;
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
    }

    select.data {
        width: 270px !important;
        height: 42px !important;
        font-size: 14px !important;
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
    }

    textarea.data {
        width: 270px !important;
        height: 92px !important;
        font-size: 14px !important;
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
    }

    td.prompt {
        font-weight: 600;
        font-size: 14px !important;
        padding-right: 0px !important;
    }

    .prompt {
        text-align: right;
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
        font-size: 14px !important;
        color: black;
        white-space: normal;
        overflow: hidden;
        line-height: 1.4;
    }

    .Responses label {
        display: none;
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif !important;
        font-size: 14px !important;
        color: black !important;
    }

    .Responses td:nth-child(1) {
        background: #FF6900;
        color: black;
        text-align: center;
    }

    .Responses td {
        background: #FF6900;
        text-align: center;
        color: black;
    }

        .Responses td:nth-last-child(1) {
            text-align: center;
        }

    .error {
        color: red !important;
        font-size: 14px !important;
    }

    .gridview {
        width: 730px;
    }

    .button {
        width: 270px !important;
        height: 42px !important;
        background: #F06935 !important;
        color: white;
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
        font-size: 14px !important;
        border: none;
        border-radius: 0px;
        cursor: pointer;
        margin-left: 0px;
        font-weight: bold;
    }

    #sonnetOpen {
        width: 100%;
    }

    #openConsumerSurveyBorder {
        border: none;
        padding-left: 0px;
        padding-left: 0px !important;
    }

    #openConsumerSurveyBorder2 {
        border: none;
        padding-left: 0px;
    }

    #consumerSurveyQuestionSpace {
        width: 60%;
        vertical-align: top;
        line-height: 1.2;
        white-space: normal;
        font-weight: 400;
        padding-bottom: 15px;
        padding-top: 15px;
    }

    #consumerSurveySectionName {
        text-align: left;
    }

    #ContentControl_fvTemplate_lblTemplateName {
        font-weight: 600;
        padding-right: 15px;
        font-size: 18pt !important;
    }

    #ContentControl_fvTemplate_lblTemplatePrompt {
        text-indent: 0pt !important;
        margin: 0px 0px 0px 0pt !important;
        font-size: 14pt !important;
        white-space: normal;
        overflow: hidden;
    }

    #ContentControl_fvSection_lblSectionName {
        font-weight: 600;
        font-size: 14pt !important;
        text-align: left;
    }

    #openCommentInquiryText {
        width: 85%;
    }

    #SonInformationSystemsFooter {
        background-color: #111;
    }

    #franchiseInquiryBorder {
        border: none !important;
        padding-top: 10px;
        padding-left: 5px !important;
        border-radius: 0px 0px 0px 0px !important;
    }

    #franchiseInquirySurveyText {
        padding-right: 5px;
        text-align: left !important;
    }

    #consumerInquiryBorder {
        padding-top: 10px;
        padding-left: 0px !important;
        border: hidden !important;
        border-radius: 0px 0px 0px 0px !important;
    }

    #OpenCommentInquiryBorder {
        padding-top: 10px;
        padding-left: 0px !important;
        border: none !important;
        border-radius: 0px 0px 0px 0px !important;
    }

    #franchiseInquirySurveyHeader {
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
        font-size: 26px !important;
        color: black;
        font-weight: 600;
        margin-right: 20px;
        text-transform: uppercase;
    }

    #commentInquiryHeader {
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
        font-size: 26px !important;
        color: black;
        font-weight: 600 !important;
        text-transform: uppercase;
    }

    #consumerInquiryHeader {
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
        font-size: 26px !important;
        color: black;
        font-weight: 600;
        text-transform: uppercase;
    }

    #consumerInquiryText {
        font-family: Poppins, 'century gothic', futura, verdana, sans-serif;
        font-size: 14px;
        color: black;
    }

    #consumerInquiryOfferText {
        width: 85%;
    }

    input:focus, textarea:focus, select:focus {
        outline-color: grey;
        box-shadow: 0px 0px 0px 1px;
    }

    b::after {
        content: "\A";
        white-space: pre;
    }

    #consumerSurveyQuestion p {
        display: none;
    }
}

/** NOT USED 

**/