body {
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 63.5%; /* Default = 16px | 1em = 1px (16 x 62.5= 10) | e.g. 1.3em is approximately 1.3px */
  line-height: 160%;
  background-color: #ffffff;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  color: #676767;
}

h1 {
  font-size: 1.75em;
  line-height: 1;
  margin-bottom: 0.5em;
  color: #5b1f69;
}

h2 {
  font-size: 1.5em;
  margin: 0.75em 0;
}

div.container {
  margin: 0 50px 50px 0;
  position: relative;
}

div.content {
  margin: 25px;
  width: 670px;
  border-top: none;
  float: none;
  display:block;
}

div.masthead div.login, div.masthead form.networks, div.masthead a.login {
  display: none;
}

div.masthead div.mtc,
a.mtc_logo{
  display: block;
  position: absolute;
  right: 0;
  top: 40px;
  width: 200px;
}

body.print a.mtc_logo {
  display: block;
  position: absolute;
  left: 560px;
  top: 40px;
  width: 200px;
}

body.print a.logo {
  position: relative;
  top: 22px;
  left: 25px;
}

body.print a.button {
  float: right;
  margin: 3px 0 3px 3px;
  color: #6E2585;
  font-weight: bold;
  width: auto;
  height: auto;
  padding: 3px 12px 2px 4px;
  border: 1px solid #C6C6C6;
  line-height: 12px;
  display: block;
  font-size: 11px;
  background: #ffffff url( /images/icon-arrow-gray.gif ) no-repeat 95% 58%;
}

body.print a.button:hover {
  border: 1px solid #6E2585;
  text-decoration: none;
  cursor: pointer;
}

div.nav {
  display: none;
}

ul.subnav {
  display: none;  
}

ol {
  margin: 10px 0 0 20px;  
}

ol li {
  list-style-type: decimal;
  list-style-position: inside;
}

div.content div.steps {
  display: none;      
}

ul.footer {
  display:none;
}

ul.show_fields {
  border: 1px solid #AFAFAF;
  margin: 0pt 0pt 1.5em;
  padding: 1.4em;
}

ul.show_fields li strong {
  font-weight: bold;
  float: left;
  width: 150px;
  margin: 3px 0;
  padding: 0;
}

ul.show_fields li div.value {
  margin: 3px 0;
  float: left;
  width: 392px;
  padding: 0;
}

ul.show_fields li {
  margin: 0;
}

table {
  margin-bottom: 15px;
}

div.print_evaluations table {
  border-collapse: separate;
  border-left: 1px solid #CDCDCD;
  border-top: 1px solid #CDCDCD;
  
}

table tr td,
table tr th {
  background-color: #fff;
  padding: 4px;
  border-bottom: 1px solid #CDCDCD;
  border-right: 1px solid #CDCDCD;
}

table tr th {
  background-color: #E6EEEE;
  border-bottom: 1px solid #CDCDCD;
  border-right: 1px solid #CDCDCD;
}

div.example_contents h2,
  div.show_evaluations h2 {
  margin-top: 20px;
}

ul.show_fields li a {
  position: relative;
  top: 8px;
}

ul.show_fields li,
ul.fields li {
  width: 100%;
}

ul.show_fields li,
  ul.fields li {
  *height : 1%;
}

ul.show_fields li:after,
  ul.fields li:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
}


div.story {
  padding: 20px;
  border: 1px solid #AFAFAF;
  margin-bottom: 20px;
}


div.story ul li {
  list-style-image: url( /images/icon_dot-purple.gif );
  list-style-position: inside;
  margin-left: 20px;
}

table.factor {
  border: 1px solid #AFAFAF;
  width: 100%;
}

table.factor tr td {
  border: none;
  vertical-align: top;
  padding: 10px 20px 10px 0;
}

table.factor tr td.impact,
table.factor tr td.label {
  font-weight:bold;
  padding-left: 20px;
}

table.demographics tr td {
  width: 200px;
}

table.demographics tr th {
  width: 250px;
  font-weight: bold;
}

/* DEFAULT VIEW STYLES */
body.print div.default_custom_multivalues div.content,
body.print div.default_custom_activities div.content {
  width: 700px;
}

body.print div.default_custom_multivalues h2 {
  clear: both;
  border-top: 1px solid #AFAFAF;
  padding-top: 10px;
  margin: 0;
}

body.print div.default_custom_multivalues ul.column,
body.print div.default_custom_activities ul.column {
  float: left;
  margin: 10px 20px;
}

body.print div.default_custom_activities ul.column {
  margin: 10px;
}

body.print div.default_custom_activities ul.column div.activities {
  margin-left: 20px;
}

div.content table.report td.break_row {
  color: #666666;
}

div.content div.scrolling_report {
  overflow: visible;
}

div.evaluation_utilities {
  display: none;
}

/* Clearing
--------------------------------------- */

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

.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clear { clear:both; }