* { margin:0;padding:0;}
body {
  font: 62.5% Arial, sans-serif;
  text-align: center;
}
a { text-decoration: none; }
a:hover { text-decoration: underline; }
.clear { clear: both; }
ul { list-style: none; }
.error { color: #FF4240 !important; }
.success { color: #099800 !important; }
label.error { padding-left: 5px; }
a img { border: 0 ; }
a.covert { text-decoration: none !important;display:block;}

div#wrapper {
  width: 944px;
  margin: 0 auto;
  text-align: left;
}

/* Header */
div#header { height: 145px; }
body.main_site div#header { height: 185px; }

/* Content Container */
div#content-container {
  float: left;
  width: 100%;
}

/* Left column */
div#left-col {
  float: left;
  width: 200px;
}

div#left-col ul#main-menu {
  background: transparent url(../images/appraisal360/left_col_header.jpg) no-repeat top left;
  padding: 17px 0 0 0;
  margin: 0 0 0.5em 0;
}
div#left-col ul#main-menu li {
  background: transparent url(../images/appraisal360/left_menu_item_bg.gif) repeat-y top left;
  margin-bottom: 1px;
}
div#left-col ul#main-menu li a {
  display: block;
  text-align: right;
  padding: 8px 8px;
  color: #144a62;
  font-weight: bold;
  font-size: 1.1em;
}
div#left-col ul#main-menu li a:hover { padding-right: 15px; }


div#left-col ul#products-menu {
  background: transparent url(../images/appraisal360/360products_header.gif) no-repeat top left;
  padding: 27px 0 0 0;
  margin: 0 0 1em 0;
}
div#left-col ul#products-menu li {
  background: transparent url(../images/appraisal360/left_menu_item_bg.gif) repeat-y top left;
  margin-bottom: 1px;
}
div#left-col ul#products-menu li a {
  display: block;
  text-align: right;
  padding: 8px 8px;
  color: #144a62;
  font-weight: bold;
  font-size: 1.1em;
}
div#left-col ul#products-menu li a:hover { padding-right: 15px; }


/* 
 * Login box
 */
div#left-col div#login-box {
 background: transparent url(../images/appraisal360/user_login_header.gif) no-repeat top left;
 padding: 20px 20px 0 30px;
 margin-bottom: 3em;
}
div#left-col div#login-box p {
 margin-bottom: 0.5em;
 line-height: 1.5em;
 font-size: 1.1em;
}
div#left-col div#login-box h2 { text-indent: -1000em; }
div#left-col div#login-box p a { text-decoration: underline; } 
div#left-col div#login-box input[type=text], div#left-col div#login-box input[type=password] {
 padding: 2px;
 width: 164px;
}
div#left-col div#login-box input[type=submit] {
 background: transparent url(../images/appraisal360/form_button_background.gif) repeat-x; 
 height: 26px; 
 border: 1px solid #000; 
 padding: 5px; 
 color: #fff;
}
div#left-col div#login-box p#login-button-container { text-align: center; }

/* My Account Box */
div#left-col div#my-account {
  background: transparent url(../images/appraisal360/user_login_header.gif) no-repeat top left;
  padding: 0 0 0.5em 0;
  margin-bottom: 3em;
}
div#left-col div#my-account h2 { text-indent: -1000em; margin-bottom: 1.5em;  }

div#left-col div#my-account p {
  margin-bottom: 0.5em;
  padding: 0 1em 0 2em;
  line-height: 1.5em;
  font-size: 1.1em;
}
div#left-col div#my-account ul {padding: 0 1em 0 2em; margin: 0;}
div#left-col div#my-account li { border: 1px #ccc solid; background-color: #6c207f; margin-bottom: 4px; }
div#left-col div#my-account li a { display: block; padding: 5px; color: #fff; font-weight: bold; font-size: 1.1em; }



div#left-col p.error { color: #f00; font-weight: bold; }

div#left-col div#left-col-buttons { text-align: right; }

/* Right column */
div#right-col {
  float: right;
  width: 740px;
}


/* Footer */
div#footer {
  width: 824px; margin: 0 auto;
  padding-top: 10px;
  padding-right: 120px;
  clear: both;
  height: 70px;
  background: transparent url(../images/appraisal360/footer.gif) no-repeat 0 10px;
}
div#footer ul { padding: 20px 0 0 10px; margin: 0; }
div#footer ul li {float: left; font-size: 1em; }
div#footer ul li.last a { border-right: 0; }
div#footer ul li a {display: block; color: #fff; font-weight: bold; padding: 0 4px; border-right: 2px #fff solid; }


/* Main Content */
div#content { padding: 0 5px 0 0; }
div#content h1 {font-size:1.6em;margin: 0 0 0.5em 0;}
div#content h2 {font-size:1.3em;margin: 0 0 0.5em 0;}
div#content p+h2 { margin-top: 1.5em; }
div#content p {font-size:1.2em;margin:0 0 1em 0;line-height: 1.4em;}
div#content a { text-decoration: underline; color: #4d4d4d; }
div#content ul { list-style-type: disc; padding-left: 2em; margin-bottom: 1em; }
div#content li { margin-bottom: 0.5em; font-size: 1.2em; }
div#content hr { color: #6c207f; background-color: #6c207f; margin-bottom: 1em; height: 4px; border: none; }

div#content td.product, div#content td.product p { font-size: 12px; }
div#content td.base, div#content td.base p { font-size: 12px; }

div#content div#insideleft { float: left; width: 500px; }
div#content div#insideright { float: right; width: 165px; }

div#content #Testimonial {
	background-color: #D1EDFE; 
	width: 500px;
}

div#content #Interim1 {
	background: url(../images/appraisal360/interim_free360.gif) no-repeat; width: 500px; 
	height: 34px; padding-left: 11px; padding-top: 110px; margin-bottom: 1em;
}
div#content #Interim2 {
	background: url(../images/appraisal360/interim_instant360.gif) no-repeat; width: 500px; 
	height: 34px; padding-left: 11px; padding-top: 110px; margin-bottom: 1em;
}
div#content #Interim3 {
	background: url(../images/appraisal360/interim_custom360.gif) no-repeat; width: 500px; 
	height: 34px; padding-left: 11px; padding-top: 110px; margin-bottom: 1em;
}

td.base { font-size: 1.2em; }


/* Re-send emails popup styling */
table.resend { border-collapse: collapse; height: 100%; width: 100%; }
table.resend th { height: 30px; }
table.resend td { vertical-align: top;}
table.resend th, table.resend td { padding: 10px; font-size: 12px;  }
table.resend th { color: #fff; background-color: #e8c023; border: 1px #ccc solid; text-align: left; }
table.resend th h2 { font-size: 13px; margin-bottom: 0.25em; }
table.resend td { background-color: #0061a7; color: #fff; font-size: 12px; }

/* Control Panel Styling */
div#content table.control_panel { margin-left: 10px; }
body.wls div#content table.control_panel, body.wls div#content table.questionnaire { margin: 0 auto; }
body.wls table#score-chart { margin: 0 auto; }  
div#content table.control_panel { border-collapse: collapse; width: 710px; margin-bottom: 1em; }
div#content table.control_panel th { color: #fff; background-color: #e8c023; border: 1px #ccc solid; text-align: left;font-size: 12px;}
div#content table.control_panel th h1, div#content table.control_panel th h2 { color: #fff; margin-bottom: 0.25em; }
div#content table.control_panel th h1, div#content table.control_panel td h1 { color: #fff; font-size: 1.4em; }
div#content table.control_panel th h2, div#content table.control_panel td h2 { color: #fff; font-size: 1.3em; }
div#content table.control_panel th h3, div#content table.control_panel td h3 { color: #fff; font-size: 1.2em; }
div#content table.control_panel th.control_panel_right {
  background-color: #7f7f7f;
  border: 1px #ccc solid;
}
div#content table.control_panel tr.bottom_border { border-bottom: 2px #ccc solid; }
div#content table.control_panel th td { background-color: transparent; }
div#content table.control_panel td {
  font-size: 12px;
  background-color: #0061a7;
  color: #fff;
  line-height: 1.4em;
}
div#content table.control_panel td p { font-size: 12px !important; }
div#content table.control_panel td.control_panel_right {
  border-left: 1px #ccc solid;
  background-color: #424242;
}
div#content table.control_panel tr.bottom_border td { border-bottom: 1px #eee solid; padding-bottom: 10px; }
div#content table.control_panel tr.bottom_border+tr td { padding-top: 10px;  }
div#content table.control_panel tr.bottom_border table td { border-bottom: 0; }
div#content table.control_panel img.alert { margin-right: 10px; vertical-align: text-top; }
div#content table.control_panel p {  }
div#content table.control_panel td a, div#content table.control_panel th a { color: #fff; }
div#content table.control_panel td strong.free_type_question { font-size: 1.2em; font-weight: bold; }

div#content table.control_panel td, div#content table.control_panel th { padding: 4px 10px; }
div#content table.control_panel tr.add_respondent_row th, div#content table.control_panel tr.add_respondent_row td { padding: 10px; }
div#content table.control_panel tr.view_report_row th, div#content table.control_panel tr.view_report_row td { padding: 10px; }
div#content table.control_panel tr.back_to_worksets_row th, div#content table.control_panel tr.back_to_worksets_row td { padding: 10px; }
div#content table.control_panel td h3 { color: #333; }

div#content table.competency_selector { border-collapse: collapse; }
div#content table.competency_selector th { font-size: 1.2em; background-color: #69227f; color: #fff; border: 1px #fff solid; padding: 5px; }
div#content table.competency_selector td { font-size: 1.1em; background-color: #e6d6e6; color: #fff; border: 1px #fff solid; padding: 5px; }
div#content table.competency_selector a { color: #fff; }

div#content table.questionnaire {border-bottom: 1px #fff solid; color:#fff;}
div#content table.questionnaire td { padding: 5px; font-size: 1.1em; }
div#content table.questionnaire th { padding: 5px; padding-left: 10px; border-right: 1px #fff solid; font-size: 1.1em; }
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: #0061a7 !important; }

div#content table#score-chart { color: #fff; }
div#content table#score-chart td { background-color: #424242; padding: 5px;  }
div#content table#score-chart th { background-color: #7f7f7f; padding: 5px; }

div#content table.report_result td, div#content table.report_result th { padding: 0 !important; }
div#content table.report_result td strong { font-size: 0.9em; } 

div.progress-container {
  border: 1px solid #ccc; 
  width: 200px; 
  margin: 2px 5px 2px 0; 
  padding: 1px; 
  float: left; 
  background: white;
}

div.progress-container div {
  background-color: #ACE97C; 
  height: 12px;
  font-size: 9px;
  text-align:center;
  color: #496B2E;
}















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

body.main_site div#header { height: 185px; }

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

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

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

/* Products Menu */
body.main_site 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;
}
body.main_site div#left-col ul#products-menu li { background:none; text-align: right; margin-bottom: 1.5em; }
body.main_site div#left-col ul#products-menu li a { color: #6c207f; font-size: 1.2em; display: inline; padding: 5px 5px 5px 10px; }
body.main_site div#left-col ul#products-menu li a:hover { background-color: #f58026; color: #fff; text-decoration: none; padding: 5px 5px 5px 10px; }
body.main_site div#left-col ul#products-menu li.active a { background-color: #f58026; color: #fff; }

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


/* My Account Menu */
body.main_site div#left-col div#my-account {
  background: transparent url(../images/appraisal360/user_login_footer.gif) no-repeat bottom right;
}
body.main_site 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 */
body.main_site div#footer { background: none; text-align: center; padding: 0; margin-top: 1em; border-top: 4px #6c207f solid; }
body.main_site div#footer ul li { border-right: 1px #666 solid; display: inline; float: none; }
body.main_site div#footer ul li.last { border-right: 0; }
body.main_site div#footer ul li a {color: #666; display: inline;}

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

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

/* Competency Chooser Table */
body.main_site div#content table.competency_selector th { background-color: #69227f; color: #fff; }
body.main_site div#content table.competency_selector td { background-color: #e6d6e6; color: #000; }
body.main_site div#content table.competency_selector a { color: #000; }

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

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

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



/* What others are saying box... */
body.main_site div#content div.what-others-are-saying {
  width: 460px;
  background: transparent url(../images/appraisal360/what_people_say_footer.gif) no-repeat bottom left;
}
body.main_site 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;
}
body.main_site div#content div.what-others-are-saying div.testimonial { margin: 0 10px 10px 10px; border-bottom: 1px #6c207f dotted;}
body.main_site div#content div.what-others-are-saying div.last { border-bottom: 0; padding-bottom: 5px; }
body.main_site div#content div.what-others-are-saying div.testimonial p { color: #6c207f; }



body.main_site div#footer { width: auto; }


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


/* Product List */
div#content table.product-listing {  }
div#content table.product-listing tr {  }
div#content table.product-listing td { padding: 5px;  }
div#content table.product-listing td h3 { font-size: 12px; font-weight: bold; }
div#content table.product-listing td p { font-size: 12px; }


div#content div#questionnaire-information {}
div#content div#questionnaire-information h1 {  }
div#content div#questionnaire-information h2 { font-size: 16px; }
div#content div#questionnaire-information p+h2 { margin-top: 0.5em; }
div#content div#questionnaire-information h3 { font-size: 12px; color: #6c207f; margin: 0.5em 0 0.5em 0;  }
div#content div#questionnaire-information p { font-size: 12px;  }
div#content div#questionnaire-information ul { padding: 0; margin: 1em 0 2em 0; }
div#content div#questionnaire-information li { list-style-type: none; font-size: 12px; }
div#content div#questionnaire-information ul ul { padding-left: 15px; }
div#content div#questionnaire-information ul ul li { list-style-type: square;  }
div#content div#questionnaire-information table { border-collapse: collapse; margin-bottom: 20px; }
div#content div#questionnaire-information td { padding: 8px; border: 1px #6c207f solid; font-size: 12px; }
div#content div#questionnaire-information th { padding: 8px; border: 1px #6c207f solid; background-color: #6c207f; color: #fff; font-size: 12px; }


div#content ul#article-list { padding: 0; }
div#content ul#article-list li { font-size: 1em; list-style: none; padding: 10px 0 10px 0; border-bottom: 1px #ccc solid; }
div#content ul#article-list li h2 { margin-bottom: 0; }
div#content ul#article-list li a { text-decoration: none; }
div#content ul#article-list li p { margin-bottom: 5px; }
div#content ul#article-list li p.read-more a { text-decoration: none; }
div#content ul#article-list li p.read-more a:hover { text-decoration: underline; }
div#content ul#article-list li p.publish-date { color: #888; font-size: 1em; margin-top: 0; } 
div#content div.article h1 { margin-bottom: 0; }
div#content div.article h1 a { text-decoration: none; color: auto; }
div#content div.article p.publish-date { color: #888; font-size: 1em; margin-top: 0; }