﻿body { 
  color: #3a3a3a;
  background: #fff; 
}
a { color: #4d4d4d; }

div#header { height: 185px; }

/* Content Container */
div#content-container { 
  background: transparent url(../i/faux_columns.gif) no-repeat top left;
}
div#content-container.single_column {
  background: transparent url(../i/faux_columns_single.gif) no-repeat top left;
}

div#right-col { width: 710px; }

/* Left Column menu.... */
div#left-col { width: 175px; }
div#left-col ul#main-menu { background: none; padding-top: 5px; margin-bottom: 2em; }
div#left-col ul#main-menu li { background:none; text-align: right; margin-bottom: 1.5em; }
div#left-col ul#main-menu li a { color: #6c207f; font-size: 1.2em; display: inline; padding: 5px 5px 5px 10px; }
div#left-col ul#main-menu li a:hover { background-color: #f58026; color: #fff; text-decoration: none; padding: 5px 5px 5px 10px; }
div#left-col ul#main-menu li.active a { background-color: #f58026; color: #fff; }

/* Products Menu */
div#left-col ul#products-menu {
  background: #fff url(../../../images/appraisal360/360products_header.gif) no-repeat 0 0;
  padding: 35px 0 0 0;
  margin: 0 0 2em 0;
}
div#left-col ul#products-menu li { background:none; text-align: right; margin-bottom: 1.5em; }
div#left-col ul#products-menu li a { color: #6c207f; font-size: 1.2em; display: inline; padding: 5px 5px 5px 10px; }
div#left-col ul#products-menu li a:hover { background-color: #f58026; color: #fff; text-decoration: none; padding: 5px 5px 5px 10px; }
div#left-col ul#products-menu li.active a { background-color: #f58026; color: #fff; }

/* Login Box... */
div#left-col div#login-box {
  background: transparent url(../../../images/appraisal360/user_login_footer.gif) no-repeat bottom right;
  padding: 0 0 0.5em 0;
}
div#left-col div#login-box h2 {  
  background: transparent url(../../../images/appraisal360/user_login_header.gif) no-repeat top right;
  padding-bottom: 15px;
}
div#left-col div#login-box p { padding: 0 10px 0 20px; color: #6c207f; font-weight: bold; }
div#left-col div#login-box p a { color: #6c207f; font-weight: bold; }
div#left-col div#login-box input[type=submit] {
  background-color: #6b217b;
  height: 30px; 
}


/* My Account Menu */
div#left-col div#my-account {
  background: transparent url(../../../images/appraisal360/user_login_footer.gif) no-repeat bottom right;
}
div#left-col div#my-account h2 {
  margin-bottom: 0;
  background: transparent url(../../../images/appraisal360/my_account_header.gif) no-repeat top right;
  padding-bottom: 15px;
}



/* Footer */
div#footer { background: none; text-align: center; padding: 0; margin-top: 1em; border-top: 4px #6c207f solid; }
div#footer ul li { border-right: 1px #666 solid; display: inline; float: none; }
div#footer ul li.last { border-right: 0; }
div#footer ul li a {color: #666; display: inline;}

/* Re-send emails popup styling */
table.resend th { color: #fff; background-color: #6c207f; border: 1px #ccc solid; }
table.resend td { background-color: #e6d6e6; color: #333; }

/* Control Panel Styling */
div#content table.control_panel { margin: auto; }
div#content table.control_panel tr.bottom_border { border-bottom: 1px #333 solid; }
div#content table.control_panel th { color: #fff; background-color: #69227f; }
div#content table.control_panel th.control_panel_right { background-color: #f68026; }
div#content table.control_panel td h2 { color: #333; }
div#content table.control_panel td { background-color: #e6d6e6; color: #333; }
div#content table.control_panel td.control_panel_right { background-color: #fee9d6; color: #333; }
div#content table.control_panel td.control_panel_right a { color: #333; } 
div#content table.control_panel th.control_panel_right a { color: #fff; }
div#content table.control_panel td a, div#content table.control_panel th a { color: #333; }
div#content table.control_panel img.alert { border: 1px #69227f solid }

/* Competency Chooser Table */
div#content table.competency_selector th { background-color: #69227f; color: #fff; }
div#content table.competency_selector td { background-color: #e6d6e6; color: #fff; }
div#content table.competency_selector a { color: #fff; }

/* Actual Questionnaire */
div#content table.questionnaire {color:#fff;}
div#content table.question_answered td, div#content table.question_answered th { background-color: #979797 !important; }
div#content table.question_unanswered td, div#content table.question_unanswered th { background-color: #e6d6e6 !important; color: #333; }

/* Score Chart include */
div#content table#score-chart { color: #fff; }
div#content table#score-chart td { background-color: #424242;  }
div#content table#score-chart th { background-color: #7f7f7f; }

/* Typography */
div#content h1, div#content h2 { color: #6c207f; }
div#content p {  }



/* What others are saying box... */
div#content div.what-others-are-saying {
  width: 460px;
  background: transparent url(../../../images/appraisal360/what_people_say_footer.gif) no-repeat bottom left;
}
div#content div.what-others-are-saying h2 {
  padding: 10px 10px 0 10px;
  font-weight: normal;
  font-size: 2.5em;
  background: transparent url(../../../images/appraisal360/what_people_say_header.gif) no-repeat top left;
}
div#content div.what-others-are-saying div.testimonial { margin: 0 10px 10px 10px; border-bottom: 1px #6c207f dotted;}
div#content div.what-others-are-saying div.last { border-bottom: 0; padding-bottom: 5px; }
div#content div.what-others-are-saying div.testimonial p { color: #6c207f; }



div#footer { width: auto; }


/* Scoring bars on report */
div.progress-container {
  border: 1px solid #ccc;
  background: white;
}
div.progress-container div {
  background-color: #666; 
  color: #496B2E;
}