/* ALL customization are at the bottom in a section marked  BEGIN CUSTOMIZATION  even for items on this page with the added !important to override*/



/* Colors in menu.css* desktop*/
#nav a:hover {
    color: #000; /* COLOR Black Hover on Menu Tabs*/
}

#nav li ul li a:hover, #nav li#current ul li a:hover {
    background-color: #C2E8D3;
}

#nav li#current {
    color: #000;
}

#nav li#current a {
    color: #000;
    background-color: #C2E8D3;
}

#nav li#current li, #nav li#current li a {
    color: #000;
}

/* Colors in page.css */

body {
    color: #666666; /* Text color for all content */
}

a:link, a:visited {
    color: #505E6A;
}

a:hover {
    border-bottom-color: #505E6A;
}

a.more-link {
    border-bottom-color: #505E6A;
}

h1, h2, h3, h4 {
    color: #444444;
}

h1.page-title {
    color: #ffffff;
}

h2 {
    color: #663333;
}

dt {
    color: #505E6A;
}

img {
    /*background-color: #FAFAFA;
    border-color: #DCDCDC; */
}

#img_check {
    float: right;
    margin: 0px 100px 15px 80px;
}

code {
    background-color: #F8F8F8;
    border-color: #F0F0F0;
}

acronym {
    border-bottom-color: #895F30;
}

blockquote {
    background: url("../../shared/images/quote.gif") no-repeat scroll 12px 12px;
    background-color: #F8F8F8;
    border-color: #F0F0F0;
    color: #555555;
}

tr {
    background-color: #FFFFFF;
}

tr.altrow {
    background-color: #F9F9F9;
}

th {
    background: none repeat scroll 0 0 #C2E8D3; /* Background color for tables */
    border-color: #DFF4D5 #D3EFC3 #A7DF8A; /* Border color for tables */
    color: #505E6A; /* Title text color for tables */
}

td {
    border-color: #EFEFEF;
}

form {
    background-color: #F8F8F8;
    border-color: #F0F0F0;
}

form p {
    border-bottom-color: #8B703E;
    color: #505E6A;
}

label {
    color: #505E6A; /* Input label color (ie. E-Mail Address) */
}

input, select, textarea {
    border-color: #D4D4D4 #EBEBEB #EBEBEB #D4D4D4;
    color: #6A6969;
}

input:focus, select:focus, textarea:focus {
    background-color: #C2E8D3; /* Input background color */
    color: #505E6A; /* Input text color */
}

input.button {
    background-color: #C09C59;
    border-color: #B6DE8F #8DB836 #8DB836 #B6DE8F;
    color: #FFFFFF;
}

#page_content {
    background-color: #FFFFFF;
    border-left-color: #42B376;
    border-right-color: #42B376;
}

#banner_content {
    border-left-color: #42B376;
    border-right-color: #42B376;
}

body.twocol_leftbar #main_content {
    border-left-color: #E8E8E8;
}

body.twocol_rightbar #main_content,
body.default #main_content {
    border-right-color: #E8E8E8;
}

#header_content {
    background-color: #FFFFFF;
   /*border-left-color: #42B376;*/
   /*border-right-color: #42B376;*/
   border-left-color: #FFF;
   border-right-color: #FFF;
}

#header_content h1#logo-text a {
    color: #42B376; /* h1 tag color */
}

#header_content p#intro {
    color: #7BA45B; /* Text in header color */
}

#header_content #header-image {
    height: 125px;
    position: absolute;
    top: -180px;
    width: 371px;
    left: -10px;
}

#menu_content {
    border-color: #42B376;
    background-color: #C2E8D3;
}

#main h2 {
    border-bottom-color: #EBEBEB;
    color: #444444;
}

#main h2 a {
    color: #444444;
}

#left-columns h3 {
    color: #444444;
}

.sidemenu ul {
    border-top-color: #EBEBEB;
}

.sidemenu ul li {
}

.sidemenu ul li a:link, .sidemenu ul li a:visited {
    color: #577aa8;
}

.sidemenu ul li a span {
    color: #9F9F9F;
}

.sidemenu ul li a:hover {
    color: #000000;
}

.featured-post h4 {
    border-bottom-color: #EBEBEB;
}

.featured-post h4 a, .featured-post h4 a:visited {
    color: #577aa8;
}

#footer_content {
    /*background-color: #C2E8D3;*/
    background-color: #FFF;
    border-color: #42B376;
    padding-bottom: 1.7em;
}

#footer h3 {
    color: #444444;
}

#footer a {
    color: #333333;
}

#footer ul.footer-list {
    border-top-color: #E6E6E6;
}

#footer ul.footer-list li {
    border-bottom-color: #E6E6E6;
}

#footer ul.footer-list li a {
    color: #888888;
}

#footer ul.footer-list li a:hover, #footer ul.footer-list li a:hover span {
    color: #333333;
}

#footer-bottom {
    border-top-color: #DADADA;
}

.postmeta {
    background-color: #F8F8F8;
    border-color: #EBEBEB;
}

.post-info {
    color: #B0B0B0;
}

.post-info a, .post-info a:visited {
    color: #000000;
}

.thumbs img {
    background-color: #FAFAFA;
    border-color: #DDDDDD;
}

.thumbs img:hover {
    background-color: #DDDDDD;
    border-color: #D2D2D2;
}

ol.commentlist {
    border-color: #F0F0F0;
}

.commentlist li {
    border-bottom-color: #F0F0F0;
}

.commentlist li.alt {
    background-color: #F8F8F8;
}

.button, .button:hover {
    background-color: #42B376; /* COLOR Medium Blue */
}

.button {
    background-color: #42B376; /* COLOR Medium Blue */
    border-color: #DDD;
    color: #000;
}

.button:hover {
    background-color: #505E6A; /* COLOR Dark Blue */
    border-color: #999;
}

#messages_close {
    color: #000000;
}

#simpleTooltip {
    border-color: #DDD;
    background-color: #42B376;
    color: #FFF;
}

.addcomment {
    background-color: #F8F8F8;
    border-color: #E0E0E0;
}

.comment_container, .subcomment_container {
    background-color: #F8F8F8;
}

.comment {
    background-color: #FFF;
    border-color: #E0E0E0;
}

.sub_comment {
    background-color: #F0F0F0;
    border-color: #E0E0E0;
}

.actions {
    border-top-color: #E0E0E0;
}

.actions, .actions a {
    color: #AAA;
}

.discussionlist li {
    border-bottom-color: #E0E0E0;
}

.moderator {
    color: #A00;
}

#auth #login_field {
    text-align: left;
}

.header_container {
    cursor: pointer;
}

.header_container:hover img {
    opacity: .90;
}

/* ------------------------------------------ BEGIN CUSTOMIZATION ----------------------------------------------- */

body {
    color: #373737; /* Text color for all content */
    font: 12px 'Lucida Grande', Verdana, Helvetica, sans-serif !important;
    background: transparent !important;
    background-image: url("https://vvpanel.opinioninsight.com/portal/images/ViewersVoice_BG_2pg.jpg") !important;
    background-color: #400094 !important;
    background-repeat: no-repeat  !important;
    background-attachment: fixed !important;
    background-size: cover !important;
 
}


#menu_content {
 border-color: #FFFFFF;
 background-color: #25B6CE;
 margin-bottom: 0px !important; /* Instead of -1 due to bottom border cutoff */
 -moz-border-radius-topleft: 0px; /* Top Menu and Border on Page */ /* Rounded edges for firefox */
 -moz-border-radius-topright: 0px; /* Rounded edges for firefox */
 border-top-left-radius: 0px; /* Rounded edges for Safari/Chrome/IE9 */
 border-top-right-radius: 0px; /* Rounded edges for Safari/Chrome/IE9 */
 border-top-style: solid;
 border-top-width: 0px;
/*  border-left-style: solid; */
 border-left-style: none;
 border-left-width: 5px;
/*  border-right-style: solid; */
 border-right-style: none;
 border-right-width: 5px; }

#page_content {
    background-color: #FFFFFF !important;
    border: none !important;
    border-left-color: #FFFFFF ;
    border-right-color: #FFFFFF ;
   /* border-left-style: solid;*/
    border-left-style: none;
    border-left-width: 5px;
     /*border-right-style: solid;*/
    border-right-width: 5px;
    padding-top: 0px !important;
}


#footer_content {
 background-color: #25B6CE  !important; /*background-color: #C2E8D3;*/
 border-color: #25B6CE  !important;
 padding-bottom: 1.7em;
 clear: both !important;
 margin: 0 auto;
 text-align: center;
 padding-top: 5px;
 border: none !important;
 -moz-border-radius-bottomright: 0px; /* Rounded edges for firefox */
 -moz-border-radius-bottomleft: 0px; /* Rounded edges for firefox */
 border-bottom-right-radius: 0px; /* Rounded edges for Safari/Chrome/IE9 */
 border-bottom-left-radius: 0px; /* Rounded edges for Safari/Chrome/IE9 */
 border-bottom-style: solid;
 border-bottom-width: 5px;
 border-left-style: solid;
 border-left-width: 0px;
 border-right-style: solid;
 border-right-width: 5px; }


.hide {
   display: none;
}

a,a:link,a:visited {
   color: #fff !important;
   text-decoration: none !important;
}


a:hover{
    color: #76CEE4 !important;
}

#footer a {
    color: #FFFFFF !important;
}
#footer a:hover {
    color: #400094 !important;
}

.button {
    background-color: #400094 !important;
    border-color: #400094 !important;
    color: #FFF!important;
    font-size: 12px !important;
 
}

.button, .button:hover {
    display: inline-block;
    padding: 5px 10px !important;
}
.button:hover {
    color: #27A7C8 !important;
}

/********************/
/**  Primary Menu  **/
/********************/

#nav li#current a {
    color: #400094 !important;
    background-color: #25B6CE;
}

#nav li a {
    color: #FFFFFF ;
}

#nav a:hover {
    color: #400094 !important; /* COLOR PURPLE Hover on Menu Tabs*/
}

/*******************/
/**  Second Menu  **/
/*******************/


#nav li ul li, #nav li#current ul li {
    background-color: #25B6CE;
    display: block;
    border: 0px solid #E8E8E8;
    padding-left: 10px;
    width: 150px;
}

#nav li ul li a {
    font-size: 12px;
    text-transform: none;
    padding: 7px;
    display: block;
    margin-left: 0px;
}

.sidenav {
    width: 175px;
    position: relative;
    z-index: 1;
    top: 10px;
    left: 10px;
    overflow-x: hidden;
    padding: 8px 0;
}

.sidenav a{
    padding: 6px 8px 6px 16px;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF !important;
    display: block;
}

.sidenav a:hover {
    color: #400094 !important;
    text-decoration: none !important;
    border:none !important;
} 

a.current{
    color: #400094 !important;
}

#loginextras a{
    text-decoration: none;
    border: none;
}

#loginreminders a {
    font-size: 9pt  !important;
    font-weight: none;
    color: #FFFFFF;
}

#loginreminders a:hover {
    color: #400094 !important;
}

#loginjoinnow a{
    font-size: 15pt  !important;
    font-weight: bold  !important;
    color: #400094 !important;
    text-align: center !important;
}

#loginjoinnow a:hover {
    color: #FFFFFF !important;
    text-decoration: none !important;
    border:none !important;
} 

#footer 
    color: #400094 !important;
}

.innernav {
   color: #400094 !important;
}
a.innernav {
    color: #400094 !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: bold !important;
}
a.innernav:hover{
    color: #48CCDF !important;
}

#header {
    margin-top: 20px;
}

#header_content {
    margin: 0 auto !important;
    position: relative;
    border-left-style: none;
    border-left-width: 0px;
    border-right-style: none;
    border-right-width: 0px;
}

#header_content {
   /* background-color: #FFFFFF;*/
    background: transparent !important;
   /*border-left-color: #42B376;*/
   /*border-right-color: #42B376;*/
   border-left-color: #FFF;
   border-right-color: #FFF;
}

#header_content #header-image {
    height: 120px;
    position: absolute;
    top: -180px;
    width: 100%;
    left: 0px !important;
}

#menu {
    margin-top: 0px !important;
}

#auth form {
    margin-top: 25px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    text-align: left;
    background-color: #76CEE4!important;
    border: none !important;
}

#left_widget_content {
    background-color: #76CEE4!important;
}

form {
    background-color: #DADFE1 ;
    border-color: #DADFE1 ;
}

form {
    border-style: solid;
    border-width: 1px;
    margin: 10px;
    padding: 0px 25px 0px 20px;
    display: block;
}

label {
    color: black; /* Input label color (ie. E-Mail Address) */
}

#contactus {
    background-color: #FFFFFF !important;
    border-color: #FFFFFF;
    padding: 0px 0px 0px 0px;
}

#resetpassword{
    background-color: #FFFFFF !important;
    border-color: #FFFFFF;
    padding: 0px 0px 0px 0px;
}
#resendconfirmation{
    background-color: #FFFFFF !important;
    border-color: #FFFFFF;
    padding: 0px 0px 0px 0px;
}

input:focus, select:focus, textarea:focus {
    background-color: #DADFE1; /* Input background color */
    color: #333333; /* Input text color */ 
    outline: none; 
}

#login_button {
    background-color: #400095;
    color: #FFF; 
}

.button, .button:hover { 
    background-color: #48CCDF; /* COLOR Medium Blue */ 
    color: #400095
}

img {
    padding: 0px !important;
}

body.twocol_leftbar #main_content {
    border-left-style: none !important;
    border-left-width: 1px;
    margin-right: -1px;
}


th {
    background: none repeat scroll 0 0 #400094; /* Background color for tables */
    border-color: #400094 #400094 #400094 #400094; /* Border color for tables */
    color: #FFFFFF; /* Title text color for tables */
}

form {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}
form p {
    border-bottom-color: #ffffff !important;

}
form p {
    border-bottom-style: none !important;
    border-bottom-width: 0px !important;
    margin: 0;
    padding: 12px 0 5px;
}


#survey_links a:link, #survey_links a:visited{
    color: #400094 !important;
}

#survey_links a:hover{
    color: #76CEE4 !important;
} 

/* THese are for the Tabs  */
.responsive-tabs__list {
    font-size: 1em !important;
 padding-bottom: 5px !important;
}
.responsive-tabs__list__item {
    padding: 5px 15px 4px !important;
}

/* END CUSTOMIZATION */