* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.clearfix {
    display: inline-block
}

html[xmlns] .clearfix {
    display: block
}

* html .clearfix {
    height: 1%
}

html,
body,
form,
input,
textarea,
select,
button,
a {
    margin: 0;
    padding: 0
}

html,
body {
    width: 100%
}

html {
    height: 100%
}

body,
input,
textarea,
select,
button,
a {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 14px
}

body {
    min-height: 100%;
    height: auto;
    position: relative;
    padding-top: 42px
}


/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
    position: fixed;
    inset: 0;
    z-index: 999999;
    overflow: hidden;   
    background: #ffffff; 
    transition: all 0.6s ease-out;
}

    #preloader:before {
        content: "";
        position: fixed;
        top: calc(50% - 30px);
        left: calc(50% - 30px);
        border: 6px solid #ffffff;
        border-color: #559a64 transparent #559a64 transparent;
        border-radius: 50%;
        width: 60px;
        height: 60px;
        opacity: 0; /* Start with opacity 0 */
        animation: animate-preloader 1.5s linear infinite;
    }

@keyframes animate-preloader {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


#preloader.show-spinner:before {
    opacity: 1;
}

.repaint {
    -webkit-animation: repaint 100ms;
    -moz-animation: repaint 100ms;
    -ms-animation: repaint 100ms;
    animation: repaint 100ms
}

.h1{
	display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
.h2{
	display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
.h3{
	display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
.h4{
    display: block;
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold
}
.h5{
    display: block;
    font-size: 0.83em;
    margin-block-start: 1.67em;
    margin-block-end: 1.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold
}

#container-wrap-01 {
    width: 750px;
    margin: auto
}

#container-wrap-02 {}

#container-wrap-03 {}

#container {}

#header-wrap-01 {}

#header-wrap-02 {}

#header-wrap-03 {}

#header {}

#logo {}

#title-wrap-01 {}

#title-wrap-02 {}

#title-wrap-03 {}

#title {}

#title .h1 {
    margin: 0;
    padding: 0
}

#title .h1 p:first-child {
    margin: 0;
    padding: 0
}

#information-wrap-01 {}

#information-wrap-02 {}

#information-wrap-03 {}

#information {}

#introduction-wrap-01 {}

#introduction-wrap-02 {}

#introduction-wrap-03 {}

#introduction {
    overflow: auto
}

#introduction .h2 {
    font-weight: normal;
    margin: 0;
    padding: 0;
    font-size: 1.15em
}

#introduction .h2 p:first-child {
    margin: 0;
    padding: 0
}

#introduction a:link,
#introduction a:visited {}

#introduction a:active,
#introduction a:hover {}

#progress-wrap-01 {}

#progress-wrap-02 {}

#progress-wrap-03 {}

#progress {}

#progress .h3 {
    margin: 0;
    padding: 0;
    font-size: .84em
}

#progress #label {}

#progress #value {
    padding-left: 5px
}

#progress #graph {}

#progress #graph #bar {}

#progress #graph #bar #chaser {}

#content-wrap-01 {}

#content-wrap-02 {}

#content-wrap-03 {}

#content {}

#content .gv-buttons {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px
}

#content .gv-buttons button {
    margin: 3px
}

.question-wrap-01 {}

.question-wrap-02 {}

.question-wrap-03 {}

.question {}

.q-header {}

.q-header .number {}

.q-header .number .h2 {
    margin: 0;
    padding: 0;
    font-size: 1.25em;
}



.q-header .query {}

.q-header .query a:link,
.q-header .query a:visited {}

.q-header .query a:active,
.q-header .query a:hover {}

.q-header .query .h4 {
    margin: 0;
    padding: 0;
    font-weight: normal
}

.q-header .query .h4 p,
.q-header .query p {
    margin: 0;
    padding: 0
}

.q-header .query.nonumber {}

.q-header .query .message {
    padding-bottom: 5px
}

.q-header .query .message table {
    border-spacing: 0
}

.q-header .query .errormessage {
    color: red
}

.q-header .query .errormessage ul {
    margin: 2px;
    padding-left: 20px
}

.q-header .query .buttonset {
    padding: 0;
    margin: 0;
    height: 33px;
    width: 37px;
    background: #3c3c3c;
    border-radius: 2px
}

.q-header .query .buttonset button.raters {
    background: url(images/group.png) no-repeat center center;
    cursor: pointer;
    height: 29px;
    width: 33px;
    border: none;
    outline: none;
    vertical-align: middle;
    margin-left: 2px;
    margin-top: 2px
}

.q-header .query .buttonset button.raters::-moz-focus-inner {
    border: 0
}

.q-header .query .buttonset button:focus,
.q-header .query .buttonset button:active {
    border: 1px solid #cacaca
}



.q-content {}

.q-content.nonumber {}

.q-content .errormessage {
    color: red;
    display: block
}

.q-content a {
    color: #000;
    outline: none
}

.q-content a:link,
.q-content a:visited {}

.q-content a:active,
.q-content a:hover,
.q-content a:focus {
    text-decoration: underline
}

.q-content a.check-on,
.q-content a.radio-on,
.q-content a.check-off,
.q-content a.radio-off {
    height: 25px;
    width: 25px;
    line-height: 25px;
    display: block;
    outline: none;
    background: url(images/sprite-que.png) no-repeat
}

.q-content a.radio-on:link,
.q-content a.radio-on:visited,
.q-content a.radio-on:hover {
    background-position: -215px -5px
}

.q-content a.radio-on:active,
.q-content a.radio-on:focus {
    background-position: -250px -5px
}

.q-content a.radio-on:active:hover,
.q-content a.radio-on:focus:hover {
    background-position: -250px -5px
}

.q-content a.radio-off:link,
.q-content a.radio-off:visited {
    background-position: -145px -5px
}

.q-content a.radio-off:active,
.q-content a.radio-off:focus {
    background-position: -180px -5px
}

.q-content a.radio-off:hover {
    background-position: -215px -5px
}

.q-content a.radio-off:active:hover,
.q-content a.radio-off:focus:hover {
    background-position: -250px -5px
}

.q-content a.check-on:link,
.q-content a.check-on:visited,
.q-content a.check-on:hover {
    background-position: -75px -5px
}

.q-content a.check-on:active,
.q-content a.check-on:focus {
    background-position: -110px -5px
}

.q-content a.check-on:active:hover,
.q-content a.check-on:focus:hover {
    background-position: -110px -5px
}

.q-content a.check-off:link,
.q-content a.check-off:visited,
.q-content a.check-off:hover {
    background-position: -5px -5px
}

.q-content a.check-off:active,
.q-content a.check-off:focus {
    background-position: -40px -5px
}

.q-content a.button-on,
.q-content a.button-off {
    display: block;
    outline: none;
    text-decoration: none;
    font-weight: bold;
    padding: 0;
    margin: 0;
    padding: 2px;
    font-size: .75em
}

.q-content a.button-on span,
.q-content a.button-off span {
    display: block;
    text-align: center;
    padding: 3px 8px 3px 8px
}

.q-content a.button-on img,
.q-content a.button-off img {
    display: none
}

.q-content a.button-on span {
    border: 1px solid #3c3c3c
}

.q-content a.button-on:link,
.q-content a.button-on:visited {
    color: #fff;
    background: #3c3c3c;
    border: 1px solid #3c3c3c
}

.q-content a.button-on:active,
.q-content a.button-on:focus,
.q-content a.button-on:hover {
    color: #fff;
    background: #3c3c3c;
    border: 1px solid #3c3c3c
}

.q-content a.button-on:hover>span {
    border: 1px solid #3c3c3c
}

.q-content a.button-on:focus>span {
    border: 1px solid #cacaca
}

.q-content a.button-off span {
    border: 1px solid #fff
}

.q-content a.button-off:link,
.q-content a.button-off:visited {
    color: #555;
    background: #fff;
    border: 1px solid #3c3c3c
}

.q-content a.button-off:active,
.q-content a.button-off:focus,
.q-content a.button-off:hover {
    color: #fff;
    background: #3c3c3c;
    border: 1px solid #3c3c3c
}

.q-content a.button-off:hover>span {
    border: 1px solid #3c3c3c
}

.q-content a.button-off:focus>span {
    border: 1px solid #cacaca
}

.q-content .gv-section {
    overflow: auto
}



/*======================================================================================================
    Continuum question type baee settings
=========================================================================================================*/
.question-wrap-01.Continuum .q-header{
    display:none;
}
.ContinuumContent .ContinuumNumber .h2 {
    margin: 0;
    padding: 0;
    font-size: 1.25em;
}

.ContinuumContent {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.ContinuumContent .ContinuumNumber {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    width:40px;
}
.ContinuumContent .ContinuumBody {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    width:100%;
}
.ContinuumContent .ContinuumNA {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    width:54px;
}

.ContinuumOptions {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.ContinuumOptions .ContinuumOption {
    display:table;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    font-size: 12px;
    margin:0;
    padding:4px;     
    min-height:40px;
}
.ContinuumOptions .ContinuumOption > div {
    display: table-cell;
    vertical-align: middle;
}

.ContinuumContent .ContinuumOption.Start, 
.ContinuumContent .ContinuumOption.End {    
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 33%;
    -ms-flex: 0 1 33%;
    flex: 0 1 33%;    
} 
.ContinuumContent .ContinuumOption.Mid{    
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;   
}

.ContinuumOptions .ContinuumOption .OptionRow {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.ContinuumOptions .ContinuumOption .OptionCell {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    align-items: center;
    justify-content: center;
    overflow:hidden;
    text-align:center;
    min-height:30px;    
    display:flex;
    padding-left:2px;
    padding-right:2px;
}
.ContinuumContent.options8 .ContinuumOption.Start, 
.ContinuumContent.options8 .ContinuumOption.End {    
    -webkit-flex: 0 1 30%;
    -ms-flex: 0 1 30%;
    flex: 0 1 30%;
} 

.ContinuumContent.options9 .ContinuumOption.Start, 
.ContinuumContent.options9 .ContinuumOption.End {    
    -webkit-flex: 0 1 30%;
    -ms-flex: 0 1 30%;
    flex: 0 1 30%;
} 

.ContinuumContent.options10 .ContinuumOption.Start, 
.ContinuumContent.options10 .ContinuumOption.End {    
    -webkit-flex: 0 1 25%;
    -ms-flex: 0 1 25%;
    flex: 0 1 25%;
} 

.ContinuumContent.options11 .ContinuumOption.Start, 
.ContinuumContent.options11 .ContinuumOption.End {    
    -webkit-flex: 0 1 20%;
    -ms-flex: 0 1 20%;
    flex: 0 1 20%;
} 
.ContinuumContent.options12 .ContinuumOption.Start, 
.ContinuumContent.options12 .ContinuumOption.End {    
    -webkit-flex: 0 1 20%;
    -ms-flex: 0 1 20%;
    flex: 0 1 20%;
} 




#footer-wrap-01 {
    text-align: center
}

#footer-wrap-02 {}

#footer-wrap-03 {}

#footer {}

#footer a {
    text-decoration: none
}

#footer a:link,
#footer a:visited {
    color: #000
}

#footer a:active,
#footer a:hover,
#footer a:focus {
    text-decoration: underline
}

#footer a img {
    margin: 2px
}

#footer .h5 {
    margin: 0;
    padding: 0
}


#footer .h5 span {
    display:block;
    font-size:smaller;
}

#clear {
    clear: both;
    padding: 0;
    margin: 0
}

.Resp,
div.searchbutton.right div.searchbuttonset input {
    font-size: .9em !important
}

button.Resp {
    color: #fff;
    background: #3c3c3c;
    border-radius: 2px;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    border: none;
    margin: 0;
    padding: 0
}

button.Resp::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

button.Resp>span {
    border: 1px solid #3c3c3c;
    display: block;
    overflow: hidden;
    margin: 2px;
    padding: 4px;
    *overflow: normal;
    *padding: 2px;
    *margin-top: 0;
    *margin-bottom: 0;
    text-decoration: none !important
}

button.Resp:focus>span,
button.Resp:active>span {
    border: 1px solid #cacaca
}

a.Resp {
    text-decoration: none !important;
    cursor: pointer;
    outline: none;
    border-radius: 2px
}

a.Resp>span {
    color: #fff;
    background: #3c3c3c;
    padding: 2px;
    border-radius: 2px;
    display: inline-block;
    *display: inline;
    *zoom: 1
}

a.Resp>span>span {
    padding: 4px;
    display: inline-block;
    border: 1px solid #3c3c3c;
    *display: inline;
    *zoom: 1
}

a.Resp:focus>span>span,
a.Resp:active>span>span {
    border: 1px solid #cacaca
}

.Resp.All,
.Resp.All>span,
.Resp.All:hover>span,
Resp.All:hover {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    filter: none
}

.Resp.All>span {
    border: none
}

.Resp.All:hover {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    filter: none;
    background: none
}

button.Resp.All>span {
    display: none
}

a.Resp.All>span>span {
    display: none
}

a.Resp.All>span {
    background: none;
    display: none
}

a.Resp.All {
    display: block
}

.Resp.All {
    background: url(images/sprite-nav.png) no-repeat;
    width: 25px;
    height: 25px;
    padding: 0;
    margin: 0;
    border: none;
    outline: none
}

.Resp.All:hover {
    background: url(images/sprite-nav.png) no-repeat;
    width: 25px;
    height: 25px;
    padding: 0;
    margin: 0;
    border: none;
    outline: none
}

.Resp.All.Remove {
    background-position: -145px -5px
}

.Resp.All.Remove:focus {
    background-position: -180px -5px
}

.Resp.All.Open {
    background-position: -5px -5px
}
.Resp.All.Open:focus {
    background-position: -40px -5px
}
.Resp.All.Remind {
    background-position: -5px -5px
}
.Resp.All.Remind:focus {
    background-position: -40px -5px
}

.Resp.All.Close {
    background-position: -285px -5px
}

.Resp.All.Close:focus {
    background-position: -320px -5px
}

.Resp.All.Download {
    background-position: -355px -5px
}

.Resp.All.Download:focus {
    background-position: -390px -5px
}

.Resp.All.Add {
    background-position: -425px -5px
}

.Resp.All.Add:focus {
    background-position: -460px -5px
}

.Resp.All.Cancel {
    background-position: -75px -5px
}

.Resp.All.Cancel:focus {
    background-position: -110px -5px
}

.Resp.All.Checkmark {
    background-position: -215px -5px
}

.Resp.All.Checkmark:focus {
    background-position: -250px -5px
}

.gv-chosen-container .gv-chosen-single {
    display: block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    white-space: nowrap
}

.gv-chosen-container a.gv-chosen-single {
    text-decoration: none !important;
    cursor: pointer
}

.gv-chosen-container .gv-chosen-single span {
    display: block;
    margin-right: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.gv-chosen-container .gv-chosen-single div {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px
}

.gv-chosen-container .gv-chosen-single div b {
    background: url("images/select-sm.png") no-repeat 3px 2px;
    display: block;
    height: 100%;
    width: 100%;
    border-left: 1px solid #cacaca
}

.gv-chosen-container-active .gv-chosen-single div b {
    background-position: -12px 2px
}

.gv-element-container {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

.gv-element {
    background-color: #fff;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border: 1px solid #a2a2a2;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    color: #555;
    height: 30px;
    line-height: 30px;
    padding: 0 0 0 8px;
    margin: 5px 0 5px 0;
    outline: none !important;
    *margin: 5px 5px 5px 5px
}

.gv-element:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #555
}

.gv-element:focus::-ms-value {
    background: #fff;
    color: #555
}

.gv-element:focus {
    border: 1px solid #535353;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 4px rgba(83, 83, 83, .6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 4px rgba(83, 83, 83, .6);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s
}

select.gv-element {
    padding-left: 4px
}

.gv-comment {
    padding-top: 10px
}

.q-content .gv-section p:first-child {
    padding: 0;
    margin: 0
}

.q-content .gv-radioh,
.q-content .gv-radiov,
.q-content .gv-boolean,
.gv-rating {
    overflow: hidden
}

.q-content .gv-radioh ul,
.q-content.gv-radioh ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    padding: 0
}

.q-content .gv-radioh ul li {
    float: left;
    vertical-align: middle;
    zoom: 1
}

.q-content .gv-radioh ul li a {
    display: block
}

.q-content .gv-radioh ul li table td {
    padding: 0;
    margin: 0
}

.q-content .gv-radiov ul,
.q-content.gv-radiov ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    padding: 0
}

.q-content .gv-radiov ul li {
    vertical-align: middle;
    zoom: 1
}

.q-content .gv-radiov ul li a {
    display: block
}

.q-content .gv-radiov ul li table td {
    padding: 0;
    margin: 0
}

.q-content .gv-boolean ul,
.q-content .gv-boolean ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    padding: 0
}

.q-content .gv-boolean ul li {
    float: left;
    vertical-align: middle;
    zoom: 1
}

.q-content .gv-boolean ul li:first-child {
    padding-right: 5px
}

.q-content .gv-boolean ul li a {
    display: block
}

.q-content .gv-select select {
    width: 50%
}

.q-content .gv-text {}

.q-content .gv-text textarea {
    height: 140px;
    line-height: 22px;
    width: 70%
}

.q-content .gv-comment textarea {
    height: 140px;
    line-height: 22px;
    width: 70%
}

.gv-rating .col {
    display: inline-block;
    vertical-align: bottom;
    padding: 0;
    margin: 0;
    text-align: center;
    min-width: 64px;
    *display: inline;
    *zoom: 1
}

.gv-rating .row {
    line-height: 50px;
    padding: 0;
    margin: 0
}

.gv-rating .row.sm {
    line-height: 50px;
    padding: 0;
    margin: 0
}

.gv-rating .row.sm .col:first-child .col-body {}

.gv-rating .col {
    line-height: normal
}

.gv-rating .col div {
    padding: 3px;
    text-align: center
}

.gv-rating .row.sm .col div {
    text-align: left
}

.gv-rating .col div.col-content {
    position: relative;
    overflow: hidden
}

.gv-rating .col div.col-head {
    font-size: .7em;
    overflow: hidden
}

.gv-rating .row.sm .col div.col-head {
    display: none
}

.gv-rating .col div.col-body {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.gv-rating .row .col {
    width: 12.5%
}

.gv-rating .row.cols1 .col {
    width: 100%
}

.gv-rating .row.cols2 .col {
    width: 50%
}

.gv-rating .row.cols3 .col {
    width: 33.33%;
    *width: 33.3%
}

.gv-rating .row.cols4 .col {
    width: 25%
}

.gv-rating .row.cols5 .col {
    width: 20%;
    *width: 19.5%
}

.gv-rating .row.cols6 .col {
    width: 16.66%;
    *width: 16.5%
}

.gv-rating .row.cols7 .col {
    width: 14.28%;
    *width: 14.2%
}

.gv-rating .row.cols8 .col {
    width: 12.5%
}

.gv-rating .row.cols9 .col {
    width: 11.11%;
    *width: 11.1%
}

.gv-rating .row.cols10 .col {
    width: 10%
}

.gv-rating .row.cols11 .col,
.gv-rating .row.cols12 .col {
    width: 16.66%;
    *width: 16.5%
}

.gv-rating .row.cols13 .col,
.gv-rating .row.cols14 .col {
    width: 14.28%;
    *width: 14.2%
}

.gv-rating .row.cols15 .col {
    width: 12.5%
}

#topmenu-wrap-01 {
    position: fixed;
    left: 0;
    top: 0;
    text-align: center;
    width: 100%;
    z-index: 1000
}

#topmenu-wrap-02 {
    margin: auto;
    display: block;
    z-index: 1001
}

#topmenu-wrap-03 {
    overflow: hidden;
    background: #000;
    width: 750px;
    margin: auto;
    z-index: 1002;
    border-bottom: 1px solid #a2a2a2
}

#topmenu {
    height: 42px
}

#topmenu ul,
#topmenu ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #fff
}

#topmenu ul li {
    vertical-align: middle;
    zoom: 1;
    color: #fff;
    height: 42px;
    line-height: 42px
}

#topmenu ul li.right {
    float: right
}

#topmenu ul li.left {
    float: left
}

#topmenu ul a {
    display: block;
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    outline: none;
    border-radius: 2px;
    padding-left: 5px;
    padding-right: 5px
}

#topmenu ul a:hover {
    background: #3c3c3c
}

#topmenu ul a:focus {
    background: #2d2d2d
}

#topmenu ul li span {
    display: block;
    color: #fff;
    padding-left: 5px;
    padding-right: 5px
}

#topmenu ul li a span {
    padding: 0
}

#topmenu ul li a span.arrow {
    background: url(images/arrv_white.gif) no-repeat right;
    padding-right: 10px
}

#topmenu ul li.menubutton {
    line-height: 30px
}

#topmenu .buttonset {
    padding: 0;
    margin: 0;
    height: 33px;
    width: 37px;
    background-color: #3c3c3c;
    border-radius: 2px;
    margin-top: 4px;
    margin-right: 20px;
    margin-left: 5px
}

#topmenu .buttonset button::-moz-focus-inner {
    border: 0;
    padding: 0
}

#topmenu .buttonset button {
    background: url(images/menu.png) no-repeat center center;
    cursor: pointer;
    height: 29px;
    width: 33px;
    border: none;
    outline: none;
    vertical-align: top;
    margin-top: 2px
}

#topmenu .buttonset button.active {
    background: url(images/menu-close.png) no-repeat center center
}

#topmenu .buttonset button:focus,
#topmenu .buttonset button:active {
    border: 1px solid #cacaca
}

.gv-picker-container {
    position: relative;
    z-index: 1
}

.gv-picker {
    background: #000;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 1003;    
    overflow-y: auto;
	width: 250px;	
}
.gv-picker.gv-picker-left{
	left:-250px;
	-webkit-transition: left 0.3s ease;
    -moz-transition: left 0.3s ease;
    -o-transition: left 0.3s ease;
    transition: left 0.3s ease;
}
.gv-picker.gv-picker-right {	
	right:-250px;
	-webkit-transition: right 0.3s ease;
    -moz-transition: right 0.3s ease;
    -o-transition: right 0.3s ease;
    transition: right 0.3s ease;
}
.gv-picker.gv-picker-left.gv-picker-wide {
    width: 320px;
	left:-320px;
}
.gv-picker.gv-picker-right.gv-picker-wide {
    width: 320px;
	right:-320px;
}



.gv-picker.gv-topoffset {
    z-index: 999
}

.gv-picker .gv-picker-content {
    width: 250px;
    overflow: hidden
}

.gv-picker.gv-picker-wide .gv-picker-content {
    width: 100%;
}

.gv-picker.gv-topoffset .gv-picker-content {
    padding-top: 43px
}

.gv-picker.gv-picker-left.gv-picker-open {
    left: 0
}
.gv-picker.gv-picker-right.gv-picker-open {
    right: 0
}

.gv-picker.gv-static {
    position: absolute
}

.gv-picker-overlay {
    background: #2d2d2d;
    cursor: wait;
    display: none;
    opacity: 0.15;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 998;
    *background: transparent
}

.gv-waiting-overlay {
    cursor: wait;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 998;
    background: url(images/overlay.png) repeat
}

.gv-waiting-overlay span.centering {
    position: relative;
    display: block;
    top: 50%;
    margin-top: -1000px;
    height: 2000px;
    text-align: center;
    line-height: 2000px
}

.gv-waiting-overlay span.waiting {
    background: #fff;
    border: 1px solid #3c3c3c;
    padding: 50px 75px 50px 75px
}

.gv-waiting-overlay span.waiting>span {
    height: 75px;
    line-height: 75px;
    background: url(images/loading.gif) no-repeat left center;
    padding-left: 20px
}

.gv-picker-content .header {
    position: relative
}

.gv-picker-content .header .h3 {
    color: #fff;
    padding: 0;
    margin: 0;
    padding: 10px 40px 12px 10px;
    font-size: 1em;
    font-weight: normal
}

.gv-picker-content .header button {
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    bottom: 0;
    padding: 0;
    margin: 0;
    margin-right: 10px;
    border: none;
    outline: none;
    -webkit-tap-highlight-color: transparent
}

.gv-picker-content .header button.Close {
    background: url(images/sprite-nav.png) no-repeat;
    background-position: -285px
}

.gv-picker-content .header button.Close:focus {
    background-position: -320px
}

.gv-picker-content .header button:hover {
    cursor: pointer
}

.gv-picker-content menu {
    list-style: none outside none;
    margin: 0;
    padding: 1px;
    overflow-y: auto;
}

.gv-picker-content.gv-dropdown .header {
    position: relative;
    background-color: #000;
    border-bottom: 3px double #2d2d2d
}

.gv-picker-content.gv-menu menu {
    padding: 10px
}

.gv-picker-content.gv-menu menu li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 0 none;
    border-radius: 0 0 3px 3px
}

.gv-picker-content.gv-menu menu li a, .gv-picker-content.gv-menu menu li button {
    background: none;
    outline: none;
    text-decoration: none;
    display: block;
    width: 100%;
    margin: 0;
    padding: 11px;
    background-color: #2d2d2d;
    cursor: pointer;
    border: none;
    border-bottom: 1px solid #000;
    text-align: left
}

.gv-picker-content.gv-menu menu li.selected a, .gv-picker-content.gv-menu menu li.selected button {
    background: #535353
}

.gv-picker-content.gv-menu menu li a:hover, .gv-picker-content.gv-menu menu li button:hover {
    background-color: #3c3c3c;
    outline: none
}

.gv-picker-content.gv-menu menu li a:focus, .gv-picker-content.gv-menu menu li button:focus {
    background-color: #3c3c3c;
    outline: none
}

.gv-picker-content.gv-menu menu li > span {
    background: none;
    outline: none;
    text-decoration: none;
    display: block;
    width: auto;
    margin: 0;
    padding: 11px;
    background-color: #2d2d2d;
    cursor:normal;
    border: 0 none;
    border-bottom: 1px solid #000;
    text-align: left;
	color: #9a9a9a
}

html[dir="rtl"] .gv-picker-content.gv-menu menu li > span {    
    text-align: right;	
}

.gv-picker-content.gv-menu menu li a span, .gv-picker-content.gv-menu menu li button span  {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    text-align: left;
    color: #fff
}
.gv-picker-content.gv-menu menu li span.evalPager {
	font-size: .8rem;
}
.gv-picker-content.gv-menu menu li span.evalPagerDesc {
    display: block;
    text-align: left;
	font-size: .7rem;
    opacity:.75;
	white-space: nowrap; /* Prevents wrapping */
	overflow: hidden;    /* Hides the overflow */
	text-overflow: ellipsis; /* Adds ellipsis when text overflows */
}
.gv-picker-content.gv-menu menu li a span.evalPagerDesc.empty { display:none;}

.gv-picker-content.gv-menu menu li.gv-picker-gap {
    padding: 5px;
    padding-top: 10px
}

.gv-picker-content.gv-menu menu li.gv-picker-gap span {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    text-align: left;
    color: #fff
}

.gv-picker-content.gv-dropdown .header {
    position: relative;
    background-color: #000;
    border-bottom: 3px double #2d2d2d
}

.gv-picker-content.gv-dropdown menu {
    padding: 10px
}

.gv-picker-content.gv-dropdown menu li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 0 none;
    border-radius: 0 0 3px 3px
}

.gv-picker-content.gv-dropdown menu li a {
    background: none;
    outline: none;
    text-decoration: none;
    display: block;
    margin: 0;
    padding: 8px;
    background-color: #2d2d2d;
    cursor: pointer;
    border: 0 none;
    border-bottom: 1px solid #000;
    text-align: left
}

.gv-picker-content.gv-dropdown menu li.selected a {
    background: #535353
}

.gv-picker-content.gv-dropdown menu li.gv-picker-clear.selected a {
    background: #535353
}

.gv-picker-content.gv-dropdown menu li a:hover,
.gv-picker-content.gv-dropdown menu li a:focus {
    background-color: #3c3c3c;
    outline: none
}

.gv-picker-content.gv-dropdown menu li a span {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    color: #fff
}

.gv-picker-content.gv-dropdown menu li.gv-picker-gap {
    padding: 5px
}

.gv-picker-content.gv-dropdown menu li.gv-picker-gap span {
    display: table-cell;
    vertical-align: middle;
    width: 100%
}

.gv-picker-content.selections .header {
    border-bottom: 3px double #2d2d2d
}

.gv-picker-content.selections .header .h3 table td {
    font-weight: normal;
    font-size: .85em
}

.gv-picker-content.selections menu ul {
    padding: 0;
    margin: 0
}

.gv-picker-content.selections menu li {
    padding: 3px
}

.gv-picker-content.selections menu li span {
    color: #fff;
    display: block
}

.gv-picker-content menu {
    overflow: auto;
}

.group {
    margin: 0;
    border: 1px solid #cacaca;
    margin-bottom: 5px;
    border-radius: 2px
}

.group div {
    margin: 5px
}

.group div table {
    border-collapse: collapse
}

.group div.header {
    background-color: #cacaca;
    padding: 5px;
    border-radius: 2px 2px 0 0
}

.group div.header table:first-child {
    width: 100%
}

.group div.content {
    padding: 5px
}

.group div.content table {
    width: 100%
}

.group div table td {
    padding-top: 3px;
    padding-bottom: 3px
}

.group div table td.buttons {
    vertical-align: middle;
    text-align: right;
    width: 25px
}

.group div table td.state {
    vertical-align: middle;
    text-align: center;
    width: 150px
}

.group.list {
    padding: 0;
    border: 0 solid #cacaca
}

.group.list div {
    padding: 0
}

.group.list div table {
    width: 100%
}

.group.list div table tbody tr:first-child td {
    border-top: 1px solid #cacaca
}

.group.list div table tbody td:first-child {
    border-left: 1px solid #cacaca
}

.group.list div table tbody td {
    border-bottom: 1px solid #cacaca
}

.group.list div table tbody td.last {
    border-right: 1px solid #cacaca
}

.group.list div table th {
    text-align: left
}

.group.list div table th,
.group.list div table td {
    padding: 5px
}

.group.list div table .right {
    text-align: right
}

.group.list div table .left {
    text-align: left
}

.group.list div table .center {
    text-align: center
}

.group span.RaterName,
.group.list span.RaterName {
    font-weight: normal
}

.group span.RaterName.bold,
.group.list span.RaterName.bold {
    font-weight: bold
}

.rightfixed {
    float: right;
    width: 230px;
    *display: inline;
    *zoom: 1
}

.rightfixed div:first-child {
    overflow: auto;
}

.rightfixed ul {
    list-style: none;
    list-style-type: none;
    text-align: left;
    margin: 0;
    padding: 0;
    padding-bottom: 10px
}

.rightfixed ul li {
    list-style-type: none;
    padding-top: 2px;
    padding-bottom: 2px
}

.rightfixed ul li.header {
    border-bottom: 1px solid #cacaca;
    font-weight: bold
}

.rightfixed ul li ul {
    list-style: none;
    list-style-type: none;
    text-align: left
}

.rightfixed ul li ul li {
    list-style-type: none
}

.rightfixed>div {
    margin-left: 5px
}

.leftremain {
    overflow: hidden;
    zoom: 1
}

.leftremain div.search {
    padding: 0;
    margin: 0;
    overflow: hidden;
    border-radius: 2px 2px 0 0
}

.leftremain div.results {
    position: relative;
    overflow: auto;
    padding: 0;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 10px;
    *padding-bottom: 20px;
    border-top: none;
    margin-top: 2px;
    border-radius: 0 0 0 0;
    border-top: 1px solid #cacaca;
    font-size: .95em !important
}

.leftremain div.pager {
    padding: 0;
    margin: 0;
    border-top: none;
    margin-top: -2px;
    border-radius: 0 0 0 0
}

.leftremain div.buttons {
    padding: 0;
    margin: 0;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: none;
    margin-top: -2px;
    border-radius: 0 0 2px 2px
}

.leftremain div.results table {
    border-collapse: collapse;
    width: 100%
}

.leftremain div.results table thead th {
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left
}

.leftremain div.results table tbody td {
    white-space: nowrap;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: bottom;
    position: relative
}

.leftremain div.results table thead th:first-child {
    padding-left: 35px
}

.leftremain div.results table tr.item {}

.leftremain div.results table tr.altitem {}

.leftremain div.results table td:first-child {
    white-space: nowrap
}

.leftremain div.results table td:not(#foo):first-child {
    text-indent: 30px
}

.leftremain div.results table td:not(#foo)>input[type='checkbox'] {
    position: absolute;
    opacity: 0;
    float: left;
    width: 23px;
    height: 23px;
    left: 6px;
    top: 8px
}

.leftremain div.results table td:not(#foo)>input[type='checkbox']+label {
    margin: 0;
    margin-left: -30px;
    clear: none;
    padding: 4px 4px 4px 30px;
    background: url(images/check-off.png) left center no-repeat
}

.leftremain div.results table td:not(#foo)>input[type='checkbox']:checked+label {
    background-image: url(images/check-on.png)
}

.leftremain div.results table td:not(#foo)>input[type='checkbox']:disabled {
    cursor: auto
}

.leftremain div.results table td:not(#foo)>input[type='checkbox']:disabled+label {
    background: none;
    cursor: auto
}

.leftremain div.results table tr.item td:not(#foo)>input[type='checkbox']+label {
    border: 1px solid #fff
}

.leftremain div.results table tr.altitem td:not(#foo)>input[type='checkbox']+label {
    border: 1px solid #f4f4f4
}

.leftremain div.results table tr td:not(#foo)>input[type='checkbox']:focus+label {
    background-image: url(images/check-off-focus.png)
}

.leftremain div.results table tr td:not(#foo)>input[type='checkbox']:checked:focus+label {
    background-image: url(images/check-on-focus.png)
}

.leftremain div.results table tr td input[type='checkbox']:hover {
    cursor: pointer
}

.leftremain div.results table tr td input[type='checkbox']+label:hover {
    cursor: pointer
}

.leftremain div.results.trim table {
    border-collapse: collapse;
    width: 100%
}

.leftremain div.results.trim table tbody td {
    white-space: nowrap;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
    position: relative
}

.leftremain div.results.trim table thead th:first-child {
    padding-left: 5px
}

.leftremain div.results.trim table tr.item {}

.leftremain div.results.trim table tr.altitem {
    background-color: #f4f4f4
}

.leftremain div.results.trim table td:first-child {
    white-space: nowrap
}

.leftremain div.results.trim table td:not(#foo):first-child {
    text-indent: 0
}

div.paginationcontainer {
    position: relative;
    width: auto;
    margin: 0 auto;
    text-align: center;
    overflow: hidden
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    *display: inline;
    *zoom: 1;
    overflow: hidden
}

.pagination>li {
    display: inline
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    margin: 0;
    margin-left: 2px;
    text-decoration: none !important;
    color: #000 !important;
    background-color: #fff;
    border: 1px solid #a2a2a2;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: .75em;
    border-radius: 2px
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0
}

.pagination>li>a>span,
.pagination>li.active>span>span {
    float: left;
    padding: 0;
    margin: 2px;
    height: 30px;
    width: 30px;
    line-height: 30px
}

.pagination>li>a>span {
    border: 1px solid #fff
}

.pagination>li.active>span {
    color: #fff !important;
    background-color: #3c3c3c;
    border: 1px solid #3c3c3c
}

.pagination>li.active>span>span {
    border: 1px solid #3c3c3c
}

.pagination>li.disabled>span {
    border: none;
    margin-left: 0;
    width: auto;
    padding-left: 3px;
    padding-right: 2px;
    font-size: 1.5em;
    color: #535353 !important;
    background-color: transparent
}

.pagination>li.disabled>span>span {
    border: none;
    width: auto
}

.pagination>li>a:hover {
    cursor: pointer
}

.pagination>li>a:hover,
.pagination>li>a:focus {
    color: #fff !important;
    background-color: #3c3c3c;
    border: 1px solid #3c3c3c
}

.pagination>li>a:hover>span {
    border: 1px solid #3c3c3c
}

.pagination>li>a:focus>span {
    border: 1px solid #cacaca
}

div.search {
    height: 35px;
    border: none
}

div.searchbar {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 35px
}

div.searchbar div {
    padding: 0;
    margin: 0
}

div.searchbartext {
    width: auto;
    height: 35px;
    overflow: hidden
}

div.searchbartext input {
    width: 100%;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border: 1px solid #cacaca;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    color: #555;
    height: 33px;
    line-height: 33px;
    padding: 0 0 0 8px;
    margin: 0 0 0 0;
    outline: none !important;
    padding-left: 25px;
    background: url(images/mglass.png) no-repeat scroll 2px 2px;
    *margin: 0;
    *margin-top: -1px;
    *height: 31px;
    *line-height: 31px;
    *outline: normal
}

div.searchbartext input:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #555
}

div.searchbartext input:focus::-ms-value {
    background: #fff url(images/mglass.png) no-repeat scroll 2px 2px;
    color: #555
}

div.searchbartext input:focus {
    border: 1px solid #535353;
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s
}

div.searchbutton.left {
    float: left;
    width: 37px
}

div.searchbuttonset {
    padding: 0;
    margin: 0;
    height: 33px;
    width: 37px;
    background-color: #3c3c3c;
    border-radius: 0
}

div.searchbuttonset input.sort {
    background: url(images/sort.png) no-repeat center center;
    cursor: pointer;
    height: 29px;
    width: 33px;
    border: none;
    outline: none;
    vertical-align: middle;
    margin-left: 2px;
    margin-top: 2px
}

div.searchbuttonset input:focus,
div.searchbuttonset input:active {
    border: 1px solid #cacaca
}

div.searchbuttonset input::-moz-focus-inner {
    border: 0
}

div.searchbutton.right {
    float: right;
    width: 100px
}

div.searchbutton.right div.searchbuttonset {
    padding: 0;
    margin: 0;
    height: 33px;
    width: 100px
}

div.searchbutton.right div.searchbuttonset input {
    color: #fff;
    background: none;
    cursor: pointer;
    height: 29px;
    width: 96px;
    border: none;
    outline: none;
    vertical-align: middle;
    margin-left: 2px;
    margin-top: 2px
}

div.searchbutton.right div.searchbuttonset input:focus,
div.searchbutton.right div.searchbuttonset input:active {
    border: 1px solid #cacaca
}

#simplemodal-overlay {
    background: #000;
    cursor: wait
}

#simplemodal-container {
    color: #000;
    padding: 0;
    width: 300px;
    height: 300px;
    max-height: 90%;
    max-width: 90%;
    background: #fff;
    border: 1px solid #535353;
    border-radius: 3px;
    overflow: hidden
}

#simplemodal-container .simplemodal-data {
    padding: 0;
    margin: 0;
    border-radius: 3px
}

#simplemodal-container a.modalCloseImg {
    background: url(images/sprite-nav.png) no-repeat;
    background-position: -285px;
    width: 25px;
    height: 25px;
    display: inline;
    z-index: 3200;
    position: absolute;
    top: 8px;
    right: 3px;
    cursor: pointer
}

#simplemodal-container a.modalCloseImg:focus {
    background-position: -320px
}

.simplemodal-data {
    height: 100%;
    position: relative
}

.simplemodal div {
    text-align: left
}

.simplemodal,
.simplemodal-defaultmsg,
.simplemodal-defaultok,
.simplemodal-defaultsel,
.simplemodal-waiting {
    display: none
}

.simplemodal-head {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
    background: #fff;
    overflow: hidden
}

.simplemodal-head .simplemodal-title {}

.simplemodal-head .simplemodal-title .h4 {
    padding: 0;
    margin: 0;
    line-height: 40px;
    padding-left: 5px
}

.simplemodal-body {
    position: absolute;
    top: 40px;
    bottom: 50px;
    left: 0;
    right: 0;
    height: auto;
    overflow: auto;
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
    font-size: .95em
}

.simplemodal-body ul {
    margin: 2px;
    padding-left: 20px
}

.simplemodal-foot {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px
}

.simplemodal-errors {
    color: #c00
}

.simplemodal-errors ul {
    margin: 2px;
    padding-left: 20px
}

.simplemodal-buttons,
.simplemodal-waiting {
    height: 50px
}

.simplemodal-waiting {
    padding-left: 15px
}

.simplemodal-waiting span.loading {
    height: 50px;
    line-height: 50px;
    background: url(images/loading.gif) no-repeat left center;
    padding-left: 20px;
    font-size: .75em
}

.simplemodal-content {
    position: relative;
    padding: 10px
}

.simplemodal-content p {
    padding: 0;
    margin: 0;
    text-align: center
}

.simplemodal-title {
    height: 30px;
    text-align: left;
    padding: 0;
    margin: 0;
    position: relative
}

.simplemodal-buttons {
    text-align: right;
    padding: 0;
    margin: 0;
    position: relative;
    padding-top: 2px
}

.simplemodal-buttons ul.buttonlist {
    padding: 5px;
    margin: 0;
    list-style: none;
    display: inline-block;
    float: right;
    padding-right: 5px;
    *display: inline;
    zoom: 1
}

.simplemodal-buttons ul.buttonlist li {
    position: relative;
    display: inline-block;
    float: right;
    cursor: pointer;
    padding-top: 4px;
    padding-right: 7px;
    *padding-top: 2px;
    *display: inline;
    zoom: 1
}

.gv-element-form {
    clear: both;
    overflow: hidden;
    padding: 0;
    margin: 0
}

.gv-element-form.login {}

.gv-element-form.login .gv-element-row {}

.gv-element-form.login .gv-element-container.label {
    width: 125px;
    text-align: right;
    padding-right: 5px
}

.gv-element-form.login .gv-element-container.input {
    width: 200px
}

.gv-element-form.login .gv-element-container.button {
    padding: 5px;
    padding-left: 135px;
    margin-top: 5px
}

.gv-element-form.forgot {}

.gv-element-form.forgot .gv-element-row {}

.gv-element-form.forgot .gv-element-container.label {
    width: 125px;
    text-align: right;
    padding-right: 5px
}

.gv-element-form.forgot .gv-element-container.input {
    width: 230px
}

.gv-element-form.forgot .gv-element-container.input input.email {
    width: 230px
}

.gv-element-form.forgot .gv-element-container.button {
    padding: 5px;
    padding-left: 135px;
    margin-top: 5px
}

.gv-element-form.change {}

.gv-element-form.change .gv-element-row {}

.gv-element-form.change .gv-element-container.span {
    padding: 2px
}

.gv-element-form.change .gv-element-container.span:first-child {
    width: 145px;
    text-align: right;
    padding-right: 5px
}

.gv-element-form.change .gv-element-container.label {
    width: 145px;
    text-align: right;
    padding-right: 5px
}

.gv-element-form.change .gv-element-container.input {
    width: 200px
}

.gv-element-form.change .gv-element-container.button {
    padding: 10px;
    padding-left: 150px;
    margin-top: 10px
}

.change-left {
    float: left;
    display: inline
}

.change-right {
    float: left;
    display: inline;
    padding-left: 10px;
    width: 300px
}

.gv-element-form {
    clear: both;
    overflow: hidden;
    padding: 0;
    margin: 0
}

.gv-element-form.dialog {}

.gv-element-form.dialog .gv-element-row {}

.gv-element-form.dialog .gv-element-container.label {
    width: 125px;
    text-align: right;
    padding-right: 5px
}

.gv-element-form.dialog .gv-element-container.input {
    width: 200px
}

.gv-element-form.dialog .gv-element-container.input input.email {
    width: 230px
}

.gv-element-form.dialog .gv-element-container.button {
    padding: 10px;
    padding-left: 135px;
    margin-top: 10px
}

.gv-element-form.comment {}

.gv-element-form.comment .gv-element-row {}

.gv-element-form.comment .gv-element-container.label {
    display: block;
    text-align: center
}

.gv-element-form.comment .gv-element-container.input {
    display: block;
    text-align: center
}

.gv-element-form.comment .gv-element-container.input textarea {
    width: 75%;
    height: 60px
}

.gv-element-form.register {}

.gv-element-form.register .gv-element-row {}

.gv-element-form.register .gv-element-container.label {
    width: 205px;
    text-align: right;
    padding-right: 5px
}

.gv-element-form.register .gv-element-container.input {
    max-width: 300px
}

.gv-element-form.register .gv-element-container.input input.email {
    width: 200px
}

.gv-element-form.register .gv-element-container.input select {
    max-width: 300px
}

.gv-element-form.register .gv-element-container.button {
    padding: 10px;
    padding-left: 215px;
    margin-top: 10px
}

.gv-element-form.register .gv-element-container.input .gv-chosen-container {
    min-width: 50px;
    max-width: 300px
}

.form-validator {
    display: none
}

.form-strength-highlight.valid {
    background-color: #105610;
    color: #fff
}

.form-strength-highlight.invalid {
    background-color: #c00;
    color: #fff
}

.ques-validator {
    display: none
}

.gv-element-container.button {
    *margin-left: 5px
}

.q-header .query .errormessage {
    display: block
}

.show {
    display: block
}

.show667,
.show568,
.show480,
.show414,
.show375,
.show320 {
    display: none
}

.dependencyUnset .gv-rating{
    border:2px solid rgb(158, 75, 75);
    background-color:rgba(252, 214, 220, .5);
}

.gv-importance{
	padding:10px 40px 10px 40px;
}

.gv-sign-pad {
        border: 1px solid #ccc;
        width: 100%;
        max-width: 500px;
        height: 200px;
    }
.gv-sign-clear{
	padding:.25rem;
}	
@media only screen and (max-width:750px) {
    #container-wrap-01 {
        width: auto
    }
    #topmenu-wrap-03 {
        width: auto
    }
}

@media only screen and (max-width:736px) {
    .gv-rating .row.cols10 .col,
    .gv-rating .row.cols9 .col {
        width: 20%
    }
    .gv-element-form.register .gv-element-container.input,
    .gv-element-form.register .gv-element-container.input select,
    .gv-element-form.register .gv-element-container.input .gv-chosen-container {
        max-width: 300px
    }
}

@media only screen and (max-width:667px) {
    .hide667 {
        display: none
    }
    .show667 {
        display: block
    }
    td.show667 {
        display: table-cell !important
    }
    #logo img {
        width: 150px;
        height: 63px
    }
    .gv-rating .row.cols15 .col {
        width: 16.66%
    }
    .gv-rating .row.cols8 .col {
        width: 25%
    }
}

@media only screen and (max-width:568px) {
    .hide568 {
        display: none
    }
    .show568 {
        display: block
    }
    td.show568 {
        display: table-cell !important
    }
	td.hide568 {
        display: none !important
    }
    .h1 {
        font-size: 1.5em !important
    }
    .h2 {
        font-size: 1em !important
    }
	.h2 {
        font-size: 1em !important
    }
    .h3 {
        font-size: 1em !important
    }
    .h4 {
        font-size: 1em !important
    }
    .h5 {
        font-size: .75em !important
    }
    #footer a {
        font-size: 1.1em
    }
    .gv-rating .row.cols14 .col,
    .gv-rating .row.cols13 .col {
        width: 16.66%
    }
    .gv-rating .row.cols7 .col {
        width: 25%
    }
    .change-left {
        float: left;
        display: inline
    }
    .change-right {
        float: left;
        display: inline;
        padding-top: 10px;
        padding-left: 10px;
        width: auto
    }
    button.Resp.S568>span {
        display: none
    }
    a.Resp.S568>span>span {
        display: none
    }
    a.Resp.S568>span {
        background: none
    }
    a.Resp.S568 {
        display: block
    }
    .Resp.S568 {
        background: url(images/sprite-nav.png) no-repeat;
        width: 25px;
        height: 25px;
        padding: 0;
        margin: 0;
        border: none;        
        border-radius:0px;
        /*outline: none*/
    }
    .Resp.S568,
    .Resp.S568>span,
    .Resp.S568:hover>span,
    .Resp.S568:hover {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        filter: none;
        border: none;
        border-radius:0px;
    }
    .Resp.S568>span {
        border: none
    }
    .Resp.S568:hover, .Resp.S568:focus {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        filter: none;
        background: url(images/sprite-nav.png) no-repeat;
        border: none;
        border-radius:0px;
    }
    .Resp.S568.Remove {
        background-position: -145px -5px
    }
    .Resp.S568.Remove:focus {
        background-position: -180px -5px
    }
    .Resp.S568.Open {
        background-position: -5px -5px
    }
    .Resp.S568.Open:focus {
        background-position: -40px -5px
    }
    .Resp.S568.Remind {
        background-position: -5px -5px
    }
    .Resp.S568.Remind:focus {
        background-position: -40px -5px
    }
    .Resp.S568.Close {
        background-position: -285px -5px
    }
    .Resp.S568.Close:focus {
        background-position: -320px -5px
    }
    .Resp.S568.Download {
        background-position: -355px -5px
    }
    .Resp.S568.Download:focus {
        background-position: -390px -5px
    }
    .Resp.S568.Add {
        background-position: -425px -5px
    }
    .Resp.S568.Add:focus {
        background-position: -460px -5px
    }
    .Resp.S568.Cancel {
        background-position: -75px -5px
    }
    .Resp.S568.Cancel:focus {
        background-position: -110px -5px
    }
    .Resp.S568.Checkmark {
        background-position: -215px -5px
    }
    .Resp.S568.Checkmark:focus {
        background-position: -250px -5px
    }
    
    
    .ContinuumContent .ContinuumNumber {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: flex-start;
        align-self:flex-start;
    }
    .ContinuumContent {        
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;        
    }
    
    .ContinuumContent .ContinuumBody {        
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;     
        width:100%;   
    }

    .ContinuumOptions {        
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .ContinuumContent .ContinuumOption.Start, 
    .ContinuumContent .ContinuumOption.End {           
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;    
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self:center;
        text-align: center;
        width:100%;
    } 
    
}

@media only screen and (max-width:480px) {
    .hide480 {
        display: none
    }
    .show480 {
        display: block
    }
    td.show480 {
        display: table-cell !important
    }
	td.hide480 {
        display: none !important
    }
    .group span.RaterName,
    .group.list span.RaterName {
        font-weight: bold
    }
    .q-content .gv-select select {
        max-width: 300px
    }
    .gv-rating .row.cols11 .col,
    .gv-rating .row.cols12 .col,
    .gv-rating .row.cols13 .col,
    .gv-rating .row.cols14 .col,
    .gv-rating .row.cols15 .col {
        width: 25%
    }
    .gv-rating .row.cols6 .col,
    .gv-rating .row.cols5 .col {
        width: 33.33%
    }
    button.Resp.S480>span {
        display: none
    }
    a.Resp.S480>span>span {
        display: none
    }
    a.Resp.S480>span {
        background: none
    }
    a.Resp.S480 {
        display: block
    }
    .Resp.S480 {
        background: url(images/sprite-nav.png) no-repeat;
        width: 25px;
        height: 25px;
        padding: 0;
        margin: 0;
        border: none;
        border-radius:0px;
        /*outline: none*/
    }
    .Resp.S480,
    .Resp.S480>span,
    .Resp.S480:hover>span,
    .Resp.S480:hover {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        filter: none;
        border: none;
    }
    .Resp.S480>span {
        border: none
    }
    .Resp.S480:hover, .Resp.S480:focus {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        filter: none;
        background: url(images/sprite-nav.png) no-repeat;
        border: none;
        border-radius:0px;
    }   

    .Resp.S480.Remove {
        background-position: -145px -5px
    }
    .Resp.S480.Remove:focus {
        background-position: -180px -5px
    }
    .Resp.S480.Open {
        background-position: -5px -5px
    }
    .Resp.S480.Open:focus {
        background-position: -40px -5px
    }
    .Resp.S480.Remind {
        background-position: -5px -5px
    }
    .Resp.S480.Remind:focus {
        background-position: -40px -5px
    }
    .Resp.S480.Close {
        background-position: -285px -5px
    }
    .Resp.S480.Close:focus {
        background-position: -320px -5px
    }
    .Resp.S480.Download {
        background-position: -355px -5px
    }
    .Resp.S480.Download:focus {
        background-position: -390px -5px
    }
    .Resp.S480.Add {
        background-position: -425px -5px;        
    }
    .Resp.S480.Add:focus {
        background-position: -460px -5px
    }
    .Resp.S480.Cancel {
        background-position: -75px -5px
    }
    .Resp.S480.Cancel:focus {
        background-position: -110px -5px
    }
    .Resp.S480.Checkmark {
        background-position: -215px -5px
    }
    .Resp.S480.Checkmark:focus {
        background-position: -250px -5px
    }
    
}

@media only screen and (max-width:414px) {
    .hide414 {
        display: none
    }
    .show414 {
        display: block
    }
    td.show414 {
        display: table-cell !important
    }
	td.hide414 {
        display: none !important
    }
    .q-content .gv-radioh.vertical ul li {
        float: none
    }
    .q-content .gv-select select {
        width: 80%
    }
    .q-content .gv-text textarea,
    .q-content .gv-comment textarea {
        height: 100px;
        width: 90%
    }
    .gv-rating .row.cols10 .col,
    .gv-rating .row.cols9 .col {
        width: 25%
    }
    .gv-element-form.register .gv-element-container.input select {
        max-width: 200px
    }
    .gv-element-form.register .gv-element-container.input .gv-chosen-container {
        min-width: 50px;
        max-width: 200px
    }
    .simplemodal-head .simplemodal-title .h4 {
        font-size: .85em !important
    }
    .RaterEmail {
        font-size: .95em
    }
    button.Resp.S414>span {
        display: none
    }
    a.Resp.S414>span>span {
        display: none
    }
    a.Resp.S414>span {
        background: none
    }
    a.Resp.S414 {
        display: block
    }
    .Resp.S414 {
        background: url(images/sprite-nav.png) no-repeat;
        width: 25px;
        height: 25px;
        padding: 0;
        margin: 0;        
        filter: none;
        border:none;
        border-radius:0px;
        /*outline: none*/
    }
    .Resp.S414,
    .Resp.S414>span,
    .Resp.S414:hover>span,
    .Resp.S414:hover {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        filter: none;
        border:none;
        border-radius:0px;
    }
    .Resp.S414>span {
        border: none;
    }
    .Resp.S414:hover, .Resp.S414:focus {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        filter: none;
        border:none;
        border-radius:0px;
        background: url(images/sprite-nav.png) no-repeat;
    }
    .Resp.S414.Remove {
        background-position: -145px -5px
    }
    .Resp.S414.Remove:focus {
        background-position: -180px -5px
    }
    .Resp.S414.Open {
        background-position: -5px -5px
    }
    .Resp.S414.Open:focus {
        background-position: -40px -5px
    }
    .Resp.S414.Remind {
        background-position: -5px -5px
    }
    .Resp.S414.Remind:focus {
        background-position: -40px -5px
    }
    .Resp.S414.Close {
        background-position: -285px -5px
    }
    .Resp.S414.Close:focus {
        background-position: -320px -5px
    }
    .Resp.S414.Download {
        background-position: -355px -5px
    }
    .Resp.S414.Download:focus {
        background-position: -390px -5px
    }
    .Resp.S414.Add {
        background-position: -425px -5px
    }
    .Resp.S414.Add:focus {
        background-position: -460px -5px
    }
    .Resp.S414.Cancel {
        background-position: -75px -5px
    }
    .Resp.S414.Cancel:focus {
        background-position: -110px -5px
    }
    .Resp.S414.Checkmark {
        background-position: -215px -5px
    }
    .Resp.S414.Checkmark:focus {
        background-position: -250px -5px
    }
    
    select.gv-element {
        max-width: 360px
    }
}

@media only screen and (max-width:375px) {
    .hide375 {
        display: none
    }
    .show375 {
        display: block
    }
    td.show375 {
        display: table-cell !important
    }
	td.hide375 {
        display: none !important
    }
    
    .leftremain div.results table td:not(#foo):first-child {
        padding-left: 20px
    }
    .leftremain div.results table td:not(#foo)>input[type='checkbox'] {
        left: 21px
    }
    .leftremain div.results table td:not(#foo)>input[type='checkbox']+label {
        font-weight: bold
    }
    .leftremain div.results table td:not(#foo)>input[type='checkbox']:disabled+label {
        font-weight: bold
    }
    .gv-element-form.forgot {
        width: auto;
        margin: auto;
        padding-left: 10px
    }
    .gv-element-form.forgot .gv-element-row {}
    .gv-element-form.forgot .gv-element-container {
        display: block
    }
    .gv-element-form.forgot .gv-element-container.label {
        text-align: left
    }
    .gv-element-form.forgot .gv-element-container.button {
        padding-left: 5px
    }
    .gv-element-form.register {
        width: auto;
        margin: auto;
        padding-left: 10px
    }
    .gv-element-form.register .gv-element-row {}
    .gv-element-form.register .gv-element-container {
        display: block
    }
    .gv-element-form.register .gv-element-container.label {
        text-align: left
    }
    .gv-element-form.register .gv-element-container.button {
        padding-left: 0
    }
    .gv-element-form.register .gv-element-container.input select {
        max-width: 90%
    }
    .gv-element-form.register .gv-element-container.input .gv-chosen-container {
        min-width: 50px;
        max-width: 90%
    }
    .gv-element-form.change {
        width: auto;
        margin: auto;
        padding-left: 10px
    }
    .gv-element-form.change .gv-element-row {}
    .gv-element-form.change .gv-element-container.span:first-child {
        width: auto;
        text-align: right;
        padding-right: 5px
    }
    .gv-element-form.change .gv-element-container.label {
        text-align: left;
        display: block
    }
    .gv-element-form.change .gv-element-container.input {
        display: block
    }
    .gv-element-form.change .gv-element-container.button {
        padding-left: 5px
    }
    .change-right {
        padding-left: 0;
        width: 100%
    }
    .gv-element-form.dialog {
        width: auto;
        margin: auto;
        padding-left: 10px
    }
    .gv-element-form.dialog .gv-element-row {}
    .gv-element-form.dialog .gv-element-container {
        display: block
    }
    .gv-element-form.dialog .gv-element-container.label {
        text-align: left
    }
    .gv-element-form.dialog .gv-element-container.button {
        padding-left: 5px
    }
    .gv-rating .row.cols4 .col {
        width: 50%
    }
    button.Resp.S375>span {
        display: none
    }
    a.Resp.S375>span>span {
        display: none
    }
    a.Resp.S375>span {
        background: none
    }
    a.Resp.S375 {
        display: block
    }
    .Resp.S375 {
        background: url(images/sprite-nav.png) no-repeat;
        width: 25px;
        height: 25px;
        padding: 0;
        margin: 0;
        filter: none;
        border:none;
        border-radius:0px;
        /*outline: none*/
    }
    .Resp.S375,
    .Resp.S375>span,
    .Resp.S375:hover>span,
    .Resp.S375:hover {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        filter: none;
        border:none;
        border-radius:0px;
    }
    .Resp.S375>span {
        border: none
    }
    .Resp.S375:hover, .Resp.S375:focus {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        filter: none;
        border:none;
        border-radius:0px;
        background: url(images/sprite-nav.png) no-repeat;
    }
    .Resp.S375.Remove {
        background-position: -145px -5px
    }
    .Resp.S375.Remove:focus {
        background-position: -180px -5px
    }
    .Resp.S375.Open {
        background-position: -5px -5px
    }
    .Resp.S375.Open:focus {
        background-position: -40px -5px
    }
    .Resp.S375.Remind {
        background-position: -5px -5px
    }
    .Resp.S375.Remind:focus {
        background-position: -40px -5px
    }
    .Resp.S375.Close {
        background-position: -285px -5px
    }
    .Resp.S375.Close:focus {
        background-position: -320px -5px
    }
    .Resp.S375.Download {
        background-position: -355px -5px
    }
    .Resp.S375.Download:focus {
        background-position: -390px -5px
    }
    .Resp.S375.Add {
        background-position: -425px -5px
    }
    .Resp.S375.Add:focus {
        background-position: -460px -5px
    }
    .Resp.S375.Cancel {
        background-position: -75px -5px
    }
    .Resp.S375.Cancel:focus {
        background-position: -110px -5px
    }
    .Resp.S375.Checkmark {
        background-position: -215px -5px
    }
    .Resp.S375.Checkmark:focus {
        background-position: -250px -5px
    }
    
    select.gv-element {
        max-width: 300px
    }
}

@media only screen and (max-width:320px) {
    .hide320 {
        display: none
    }
    .show320 {
        display: block
    }
    td.show320 {
        display: table-cell !important
    }
	td.hide320 {
        display: none !important
    }
    .h1 {
        font-size: 1.25em !important
    }
    
    .leftremain div.results table td:not(#foo):first-child {
        padding-left: 10px
    }
    .leftremain div.results table td:not(#foo)>input[type='checkbox'] {
        left: 11px
    }
    .gv-element-form.login {
        width: auto;
        margin: auto;
        padding-left: 10px
    }
    .gv-element-form.login .gv-element-row {}
    .gv-element-form.login .gv-element-container {
        display: block
    }
    .gv-element-form.login .gv-element-container.label {
        text-align: left
    }
    .gv-element-form.login .gv-element-container.button {
        padding-left: 0
    }
    .gv-rating .row.cols15 .col,
    .gv-rating .row.cols14 .col,
    .gv-rating .row.cols13 .col,
    .gv-rating .row.cols12 .col,
    .gv-rating .row.cols11 .col,
    .gv-rating .row.cols10 .col,
    .gv-rating .row.cols9 .col,
    .gv-rating .row.cols8 .col,
    .gv-rating .row.cols7 .col,
    .gv-rating .row.cols6 .col,
    .gv-rating .row.cols5 .col {
        width: 33.33%
    }
    button.Resp.S320>span {
        display: none
    }
    a.Resp.S320>span>span {
        display: none
    }
    a.Resp.S320>span {
        background: none
    }
    a.Resp.S320 {
        display: block
    }
    .Resp.S320 {
        background: url(images/sprite-nav.png) no-repeat;
        width: 25px;
        height: 25px;
        padding: 0;
        margin: 0;
        border: none;
        filter:none;
        border-radius:0px;
        /*outline: none*/
    }
    .Resp.S320,
    .Resp.S320>span,
    .Resp.S320:hover>span,
    .Resp.S320:hover {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        border: none;
        filter:none;
        border-radius:0px;
    }
    .Resp.S320>span {
        border: none
    }
    .Resp.S320:hover, .Resp.S320:focus  {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        border: none;
        filter:none;
        border-radius:0px;
        background: url(images/sprite-nav.png) no-repeat;
    }
    .Resp.S320.Remove {
        background-position: -145px -5px
    }
    .Resp.S320.Remove:focus {
        background-position: -180px -5px
    }
    .Resp.S320.Open {
        background-position: -5px -5px
    }
    .Resp.S320.Open:focus {
        background-position: -40px -5px
    }
    .Resp.S320.Remind {
        background-position: -5px -5px
    }
    .Resp.S320.Remind:focus {
        background-position: -40px -5px
    }
    .Resp.S320.Close {
        background-position: -285px -5px
    }
    .Resp.S320.Close:focus {
        background-position: -320px -5px
    }
    .Resp.S320.Download {
        background-position: -355px -5px
    }
    .Resp.S320.Download:focus {
        background-position: -390px -5px
    }
    .Resp.S320.Add {
        background-position: -425px -5px
    }
    .Resp.S320.Add:focus {
        background-position: -460px -5px
    }
    .Resp.S320.Cancel {
        background-position: -75px -5px
    }
    .Resp.S320.Cancel:focus {
        background-position: -110px -5px
    }
    .Resp.S320.Checkmark {
        background-position: -215px -5px
    }
    .Resp.S320.Checkmark:focus {
        background-position: -250px -5px
    }
    
    select.gv-element {
        max-width: 280px
    }
}

html form {
    display: none
}

html.js form {
    display: block
}

html.js .nojs {
    display: none
}

html .nojs {
    background-color: #fff;
    color: #000
}

.statusbar {
    position: fixed;
    bottom: 0;
    width: 750px;
    height: 60px;
    padding: 4px;
    background-color: red;
    color: #fff;
    z-index: 200;
    overflow: hidden;
    display: none;
    left: 50%;
    margin-left: -375px;
    text-align: center
}

.statusbarhighlight {}

.statusbarclose {
    position: absolute;
    right: 20px;
    top: 2px;
    color: red;
    font-size: 8pt;
    font-weight: bold;
    cursor: pointer
}

.statusbar div.parent {
    display: table;
    height: 52px;
    width: 100%;
    text-align: center
}

.statusbar div.parent div.child {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.grecaptcha-badge{
	z-index:9999;
}


.SectionTable{
    display:table;table-layout: fixed;width:100%;
    background-color:rgb(255, 255, 255);  
}
.SectionCell{
    display:table-cell;
    color:black;
    background-color:rgb(248, 217, 205);  
    border: solid 2px white;
}
.SectionCellHead{
    color:white;
    background-color: coral;
    padding:10px;
}
.SectionCellBody{
    padding:10px;
	font-size:small;
}




/*
=====================================================================================
	Eval Pager
=====================================================================================
*/
.evalpager.floating-button {
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 80px;
	background-color: #ffffff;
	border-radius: 4px 0 0 4px; /* Half-moon shape aligned to right */
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-right:none;
	color: #666;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	box-shadow: -2px 0 6px rgba(0, 0, 0, 0.3);
	z-index: 998;
	transition: all 0.3s ease;
}

.evalpager.floating-button:hover {
	background-color: #ffffff;
	width: 40px; /* Slight expansion on hover */
}
.evalpager.floating-button .nav-hint {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	margin-right: 2px; /* Offset slightly from the right edge */
}

.evalpager.floating-button .nav-hint .icon-text {
	font-size: 12px;
	writing-mode: vertical-rl;
	text-orientation: mixed;
	transform: rotate(180deg);
	letter-spacing: 1px;
	font-weight: bold;
}









@media only screen and (max-width:750px) {
    .statusbar {
        width: 100%;
        left: 0;
        margin-left: 0
    }

    .SectionTable.Wrap750 .SectionCell{
        display:block;      
        border: none;  
    }
}

@media only screen and (max-width:480px) {
    .statusbar {}
    .gv-importance{
        padding:10px 10px 10px 10px;
    }
}