/* + GLOBAL STYLE */
/* Reset css from http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;  
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

body {
  line-height: 1;
  color: black;
  background: white;

}

ol, ul {
  list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
}

cite, .quote {
  text-align: center;
  padding: 1em;
  font-style: italic;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}

/* misc reset */

em {font-style: normal;}

/* font-size reset */
* html body, html body {font-size: 62.5%;}

/* - GLOBAL STYLE */

/* + PAGE ELEMENTS */

/* Background and Boxes */
body { 
  background: #fff url('/images/v2/essi_bkg.png') repeat-x 0px 0px;	
}


#page-container {          
  margin:15px auto;   	
  background: #fff url('/images/v2/box/gray_left.gif') repeat-y left top;   
  _z-index: 1;
}


#page-container div.top {
  width:100%;
  height:25px;
  background:url('/images/v2/box/gray_left_top.gif') no-repeat left top;
  clear: both;
}

#page-container div.top span {
  display:block;
  position:relative;
  height:25px;
  background:url('/images/v2/box/gray_right_top.gif') no-repeat right top;
  _font-size: 0;
  _line-height: 0px;
}

#page {  
  position:relative;   
  background:url('/images/v2/box/gray_right.gif') repeat-y right top;   
  padding:1px 35px 1px 35px;   
  margin:-1px 0 -45px 0;
  _padding: 1px 0px 1px 0px 
}

#page-container div.bottom {
  height:45px;	
  background:url('/images/v2/box/gray_left_bottom.gif') no-repeat left bottom;
  clear: both;
}

#page-container div.bottom span {
  display:block;
  position:relative;
  height:45px;
  background:url('/images/v2/box/gray_right_bottom.gif') no-repeat right top;
  line-height: 0px;
  font-size: 0;
}

*:first-child+html #page-container #page {
  padding: 0;
}

/* Header & Top Elements */
#container {
  width: 875px;
  padding-top: 25px;
  margin: 0 auto;
}

#header {
  _padding: 0 35px 15px 35px;
  display: block;	
}

*:first-child+html #header {
  padding: 0 35px;
}

*:first-child+html #footer {
  padding: 0 15px 35px;
}

#branding h2#logo a {
  display: block;
  margin-top: 8px;
  height: 48px;
  width: 256px;
  text-indent: -2000em; /* Hides the text in the h1 tag */
  text-decoration: none; /* Hides the underline of the hyperlink */
  z-index: 1000; /* IE Fix*/
  background: url('/images/inf_img/brand_1_tm.gif') no-repeat left top;
}

#login {
  position: relative;
  top: -50px;
  left: 15px;
}

*html #login {
  overflow: visible;
  line-height: 1.2em;
}

#header-nav {
  margin-top: -35px;

}

#header-nav ul {
  margin-left: 0;
  padding-left: 0;
  display: inline; 
  vertical-align: baseline;
}

#header-nav ul li {
  margin-left: 0;
  padding-left: 0;
  background:url('/images/v2/tab_inactive_right.gif') no-repeat right top;
  list-style: none;
  display: inline;	
  float: left;
  margin-top: 0;

}

#header-nav ul li:hover, #header-nav ul li.over  {
  background:url('/images/v2/tab_active_right.gif') no-repeat right top;
  border-color: #fff;


}
#header-nav ul li:hover span, #header-nav ul li.over span {

}
#header-nav ul li a:hover, #header-nav ul li.over a  {
  background:url('/images/v2/tab_active_left.gif') no-repeat left top;
  border-color: #fff;
}


#header-nav ul li a {
  /**/
  display: block; 
  float: left;
  display: -moz-inline-block;
  background:url('/images/v2/tab_inactive_left.gif') no-repeat left top;	
  border-bottom: 1px solid silver;
  padding: 5px 15px;
  color: #036BA3;
  text-decoration: none;

}

#header-nav ul li.current
/*, #header-nav ul li:hover */ {
  background-image: url('/images/v2/tab_active_right.gif') !important;

  /* margin-top: -1em !important; */
}

* html #header-nav ul li {

}


#header-nav ul li.current a
/* , #header-nav ul li a:hover */ {	
  border-bottom: 1px solid #fff !important;
  background-image: url('/images/v2/tab_active_left.gif') !important;
  /* height: 2em !important; */
}



/* Interior Boxes */
.interior-box-blue {          
  margin:15px auto;   	
  background: #fff url('/images/v2/box/blue_left.gif') repeat-y left top;
  _z-index: 1;
}

.interior-box-blue span.top {
  width:100%;
  height:15px;
   background:url('/images/v2/box/blue_left_top.gif') no-repeat left top ;
  clear: both;
  display: block;
}

.interior-box-blue span.top span {
  display:block ;
    position:relative ;
    height: 15px;
  background:url('/images/v2/box/blue_right_top.gif') no-repeat right top;
}

.interior-box-blue div.interior-box-content {
  position:relative;   
  padding: 1px 12px 10px 12px;   
  background:url('/images/v2/box/blue_right.gif') repeat-y right top;   
  margin:-1px 0 -15px 0;
}

.interior-box-blue span.bottom {
  height: 15px;	
  clear: both;
  background:url('/images/v2/box/blue_left_bottom.gif') no-repeat left bottom;
  display: block;
} 

.interior-box-blue span.bottom span {
  display:block ;
   position:relative ;
   height: 15px;
   background:url('/images/v2/box/blue_right_bottom.gif') no-repeat right bottom;
}

.interior-box-green-t {          
  margin: 15px auto;   	
  background: #fff url('/images/v2/box/green_t_left.gif') repeat-y left top;   
  _z-index: 1;
}

.interior-box-green-t span.top  {
  width:100%;
  height:15px;
  background:url('/images/v2/box/green_t_top_left.gif') no-repeat left top ;
  clear: both;
  display: block;
}

.interior-box-green-t span.top span, form.checkin-form .interior-box-green-t span.top span  {
  display:block;
  position:relative;
  height: 15px;
  background:url('/images/v2/box/green_t_top_right.gif') no-repeat right top;
  _font-size: 0;
  _line-height: 0px;
}

.interior-box-green-t div.interior-box-content, form.checkin-form .interior-box-green-t div.interior-box-content {
  position:relative;   
  background:url('/images/v2/box/green_t_right.gif') repeat-y right top;   
  padding:1px 15px 10px 15px;   
  margin:-1px 0 -15px 0;
  _padding: 1px 15px 1px 15px;
}

.interior-box-green-t span.bottom, form.checkin-form .interior-box-green-t span.bottom {
  height: 15px;	
  background:url('/images/v2/box/green_t_bottom_left.gif') no-repeat left bottom;
  clear: both;
  display: block;
} 

.interior-box-green-t span.bottom span, form.checkin-form .interior-box-green-t span.bottom span {
  display:block ;
  position:relative ;
  height: 15px;
  background:url('/images/v2/box/green_t_bottom_right.gif') no-repeat right bottom;
  line-height: 0px;
  font-size: 0;
}

.interior-box-green-n {          
  margin:15px auto;   	
  background: #fff url('/images/v2/box/green_n_left.gif') repeat-y left top;   
  _z-index: 1;
}

.interior-box-green-n span.top {
  width:100%;
  height: 15px;
  background:url('/images/v2/box/green_n_top_left.gif') no-repeat left top;
  clear: both;
  display: block;
}

.interior-box-green-n span.top span {
  display: block;
  position: relative;
  height: 15px;
  background: url('/images/v2/box/green_n_top_right.gif') no-repeat right top;
  _font-size: 0;
  _line-height: 0px;
}

.interior-box-green-n div.interior-box-content {
  position: relative;   
  background: url('/images/v2/box/green_n_right.gif') repeat-y right top;   
  padding: 1px 15px 10px 15px;   
  margin:-1px 0 -15px 0;
  _padding: 1px 15px 1px 15px;
}

.interior-box-green-n span.bottom {
  height: 15px;	
  background: url('/images/v2/box/green_n_bottom_left.gif') no-repeat left bottom;
  clear: both;
  display: block;
} 

.interior-box-green-n span.bottom span {
  display:block;
  position:relative;
  height: 15px;
  background:url('/images/v2/box/green_n_bottom_right.gif') no-repeat right bottom;
  line-height: 0px;
  font-size: 0;
}

.interior-box-gray {          
  margin: 15px auto;   	
  background: #fff url('/images/v2/box/gray_thin_left.gif') repeat-y left top;   
  _z-index: 1;
}

.interior-box-gray span.top {
  width: 100%;
  height: 15px;
  background: url('/images/v2/box/gray_thin_left_top.gif') no-repeat left top;
  clear: both;
  display: block;
}

.interior-box-gray span.top span {
  display: block;
  position: relative;
  height: 15px;
  background: url('/images/v2/box/gray_thin_right_top.gif') no-repeat right top;
  _font-size: 0;
  _line-height: 0px;
}

.interior-box-gray div.interior-box-content {
  position:relative;   
  background:url('/images/v2/box/gray_thin_right.gif') repeat-y right top;   
  padding:1px 15px 10px 15px;   
  margin:-1px 0 -20px 0;
  _padding: 1px 15px 1px 15px;
}

.interior-box-gray span.bottom {
  height: 15px;	
  background:url('/images/v2/box/gray_thin_left_bottom.gif') no-repeat left bottom;
  clear: both;
  display: block;
} 

.interior-box-gray span.bottom span {
  display:block;
  position:relative;
  height: 15px;
  background:url('/images/v2/box/gray_thin_right_bottom.gif') no-repeat right bottom;
  line-height: 0px;
  font-size: 0;
}


.interior-box-green-s {          
  margin: 0 auto;   	
  background: #fff url('/images/v2/box/green_s_left.gif') repeat-y left top;   
  _z-index: 1;
}

.interior-box-green-s span.top {
  width: 100%;
  height: 15px;
  background: url('/images/v2/box/green_s_left_top.gif') no-repeat left top;
  clear: both;
  display: block;
}

.interior-box-green-s span.top span {
  display: block;
  position: relative;
  height: 15px;
  background: url('/images/v2/box/green_s_right_top.gif') no-repeat right top;
  _font-size: 0;
  _line-height: 0px;
}

.interior-box-green-s div.interior-box-content {
  position:relative;   
  background:url('/images/v2/box/green_s_right.gif') repeat-y right top;   
  padding:1px 15px 1px 15px;   
  margin:-1px 0 -15px 0;
  /*  _padding: 1px 15px 1px 15px;*/
}

.interior-box-green-s span.bottom {
  height: 15px;	
  background: url('/images/v2/box/green_s_left_bottom.gif') no-repeat left bottom;
  clear: both;
  display: block;
} 

.interior-box-green-s span.bottom span {
  display: block;
  position: relative;
  height: 15px;
  background: url('/images/v2/box/green_s_right_bottom.gif') no-repeat right bottom;
  line-height: 0px;
  font-size: 0;
}

.interior-box-blue-solid {          
  margin: 15px auto; 	
  background: #e9f0ff url('/images/v2/box/blue_solid_left.gif') repeat-y left top;   
  _z-index: 1;
}

.interior-box-blue-solid span.top {
  width:100%;
  height: 15px;
  background:url('/images/v2/box/blue_solid_left_top.gif') no-repeat left top;
  clear: both;
  display: block;
}

.interior-box-blue-solid span.top span {
  display:block;
  position:relative;
  height: 15px;
  background:url('/images/v2/box/blue_solid_right_top.gif') no-repeat right top;
  _font-size: 0;
  _line-height: 0px;
}

.interior-box-blue-solid div.interior-box-content {
  position: relative;   
  background: url(/images/v2/box/blue_solid_right.gif) repeat-y right top;     
  padding: 1px 15px 10px 15px;   
  margin: -1px 0 -15px 0;
  _padding: 1px 15px 1px 15px;
}

.interior-box-blue-solid span.bottom {
  height: 15px;	
  background: url(/images/v2/box/blue_solid_left_bottom.gif) no-repeat left bottom;
  clear: both;
  display: block;
} 

.interior-box-blue-solid span.bottom span {
  display:block;
  position:relative;
  height: 15px;
  background:url(/images/v2/box/blue_solid_right_bottom.gif) no-repeat right bottom;
  line-height: 0px;
  font-size: 0;
}

.box {
  margin-top: 10px;
  margin-bottom: 10px;
}

.box p,.box h2,.box h3 {
  margin: 0px;
}

.green_box {
  background: transparent url(/images/box/green_bottom_left.gif) no-repeat left bottom;
  width: 90%;
}

.green_box_outer {
  background: transparent url(/images/box/green_bottom_right.gif) no-repeat bottom right;
  padding-bottom: 15px;
}
.green_box_inner {
  background: transparent url(/images/box/green_top_left.gif) no-repeat top left;
}
.green_box_inner_padding {
  background: transparent url(/images/box/green_top_right.gif) no-repeat top right;
  padding-top: 15px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.blue_box {
  background: transparent url(/images/box/thin_blue_bottom_left.gif) no-repeat left bottom;
  width: 90%;
}
.blue_box_outer {
  background: transparent url(/images/box/thin_blue_bottom_right.gif) no-repeat bottom right;
  padding-bottom: 15px;
}
.blue_box_inner {
  background: transparent url(/images/box/thin_blue_top_left.gif) no-repeat top left;
}
.blue_box_inner_padding {
  background: transparent url(/images/box/thin_blue_top_right.gif) no-repeat top right;
  padding-top: 15px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

#sidebar.column dl.quicklinks, div.dashboard-right dl.quicklinks, #page-right dl.quicklinks { 
  width: 200px; 
  margin-top: 18px;
  margin-left: 7px;
}

#sidebar.column dl.quicklinks, div.dashboard-right dl.quicklinks, div#page-right dl.quicklinks   { 
  background: url('/images/v2/box/blue_sidebar_bottom.gif') bottom left no-repeat;
  padding-bottom: 12px; 
}

#sidebar.column dl.quicklinks dt, div.dashboard-right dl.quicklinks dt, div#page-right dl.quicklinks dt { 
  height: 20px;
  background: url('/images/v2/box/blue_sidebar_top.gif') top left no-repeat;
  padding-top: 10px;
  padding-left:8px;
  text-align: justify;

}

#sidebar.column dl.quicklinks dd, div.dashboard-right dl.quicklinks dd, div#page-right dl.quicklinks dd {
  padding: 0 0px 0 10px; 
  background: url('/images/v2/box/blue_sidebar_mid.gif') top left repeat-y; /* internal background */
}

/* */
#sidebar.column dl.my_history, div.dashboard-right dl.my_history, #page-right dl.my_history { 
  width: 223px; 
  margin-top: 18px;
 
}

#sidebar.column dl.my_history, div.dashboard-right dl.my_history, div#page-right dl.my_history   { 
  background: url('/images/v2/box/blue_sidebar_bottom_2.gif') bottom left no-repeat;
  padding-bottom: 12px; 
}

#sidebar.column dl.my_history dt, div.dashboard-right dl.my_history dt, div#page-right dl.my_history dt { 
  height: 20px;
  background: url('/images/v2/box/blue_sidebar_top_2.gif') top left no-repeat;
  padding-top: 10px;
  padding-left:8px;
  text-align: justify;

}

#sidebar.column dl.my_history dd, div.dashboard-right dl.my_history dd, div#page-right dl.my_history dd {
  padding: 0 0px 0 10px; 
  background: url('/images/v2/box/blue_sidebar_mid_2.gif') top left repeat-y; /* internal background */
}


.interior-box-content {
  padding: .5em;
  margin: 1em;
}

div#content-footer h4 {
  padding-left: 16px;
  padding-top: .2em;
  vertical-align: bottom;
  font-weight: 100;
  font-family: Arial, Helvetica, sans-serif;
  color: #006699;
  height: 1.2em;
  background: #bbd5ec url('/images/v2/arrow_white.gif') no-repeat 0 2px;
  border-bottom: 1px solid #dedede;
}

/* Content Elements */
#content-container {
  margin-top: 0.5em;
  padding-bottom: 4em;
  overflow: hidden;	
  position: relative;
  width: 875px;
  left: -36px;
}

* html #content-container {
  z-index: 10;
  left: 0;
  width: 99.5%;
}

*:first-child+html #content-container {
  z-index: 10;
  left: 0;
  width: 99.5%;
}

#content.column {
  width: 55%;
  padding: 0 2em ;
  /*  margin-bottom: 50px;  */ 
}

#scoring-grid #content.column {
	width: 65%;
	padding: 0 0.5em;
	margin-bottom: 10px;
}
* html #dashboard.index #content.column{
  width: 60%;
  padding: 0 1em 0 2em;
}

#center-content.column, #content-footer.column, div.center-column {
  width: 94%;
  padding: 0 2em;
}

.footer-column {
  float: left; 
  width: 29%;
  padding: 0 1.5%;

}

#content-footer-first {
  padding-left: 3%;
}

#content-footer-second {
  border-right: 1px solid #cdcdcd;
  border-left: 1px solid #cdcdcd;
}

#content-footer-third {
  border: 0;
}

/* Sidebar */

#sidebar.column {
  width: 33%; 
  padding-right: 2em;	
  /* border: 1px solid red; */ 		
}
#scoring-grid #sidebar.column {
  width: 200px; 
  padding-right: .5em;	
}

#sidebar.column h3 {
  font-family: Arial, Helvetica, sans-serif;
}

/* */
div.dashboard-left, div#page-left {  
  width: 590px;
  _width: 590px;
  display: moz-inline-block;
  _display: inline-block;
  padding: 0 1em;  
  float: left;
}

*:first-child+html div.dashboard-left, div#page-left {
  width: 580px;
}

div.dashboard-right, div#page-right {  
  width: 230px;
  _width: 190px;
  _display: inline-block;
  display: moz-inline-block;
  float: right;
  _margin-right: 1%;
}


div.content-left {
  width: 40%;
  float: left;
  margin: 0 3%;
}

div.content-right {
  width: 40%;
  float: right;
  margin: 0 3%;
  /* TODO vertical separator*/

}

#sidebar.column dl.quicklinks ul, div.dashboard-right dl.quicklinks ul, div#page-right dl.quicklinks ul  {
  padding: .5em 1em; 
  text-align: left;
  margin: 0 !important;
}

#sidebar.column dl.quicklinks ul li, div.dashboard-right dl.quicklinks ul li, div#page-right dl.quicklinks ul li { 
  line-height: 1.8;
  color:#66CC33;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:square !important;
  margin: 0 !important;
}

#sidebar.column dl.my_history ul, div.dashboard-right dl.my_history ul, div#page-right dl.my_history ul  {
  padding: .5em 1em; 
  text-align: left;
  margin: 0 !important;
}

#sidebar.column dl.my_history ul li, div.dashboard-right dl.my_history ul li, div#page-right dl.my_history ul li { 
  line-height: 1.8;
  color:#66CC33;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:square !important;
  margin: 0 !important;
}



#sidebar .assessment_container {
  width: 223px;
}

#notice h2 {
  text-align:center;
}
#notice h3 {
  text-align:center;
}
#notice p {
  text-align:center;
}

#dashboard.index #content .stressmap_instruction p,
#dashboard.index #content .eqmap_instruction p,
#dashboard.index #content .resiliencymap_instruction p {
  margin-left: 55px;
}

#dashboard.index #content .stressmap_instruction img,
#dashboard.index #content .eqmap_instruction img,
#dashboard.index #content .resiliencymap_instruction img {
  float: left;
}

* html #dashboard.index #content .stressmap_instruction p
* html #dashboard.index #content .eqmap_instruction p {
  margin-left: 60px;
}

#dashboard #sidebar.column {
    padding-right: 1em;
    width: 25%;
    margin-top: 1em;
}

#dashboard #content.column {
    padding: 0;
    width: 70%;
    margin-top: 1em;
}

/* Footer */
#footer {
  padding: 15px 0px;
  height: 5%;
  position:relative;
  z-index: 999; 
}

* html #footer {
    position: relative;
    height: 55px;   
}

* html #page {
    padding-bottom: 20px;
}

* html #contact {
    padding-left: 2em;
}

* html #copyright {
    padding-right: 2em;
}

#footer-nav {
  padding-top: 10px;
  padding-bottom: 15px;
  margin-bottom: 2px;
  text-align: center;
  background: url(/images/cc_img/cc_bot_grad_1.gif) no-repeat bottom center;
  _padding-left: 0;
  _padding-right: 0;
}

#footer-nav ul {
  display: inline;
}

#footer-nav ul li {
  display: inline;
  padding: 0 4px 0 3px; 
  border-right: 1px solid #737373;
}

#footer-nav ul li.last {
  border: none;
}

#change_button {
  float: left; width: auto;
}
#scoring_button {
  float: right; width: auto;
}

/* Stress Map */
div#content-stress-map, div#interp, div#header-stress-map {
  padding: 0 2em;	
  margin-top:0.5em;
}

div#summary {
width: 90%;
  padding:0 2em;
}

#map_results_img, #change_map_img {
    display: none;
}

#map_results_graph_1, #map_results_graph_2, #map_results_graph_3 {
  margin-left: 10px;
  width: 765px;
  height: 386px;
  margin-top: -25px;
  margin-bottom: 25px;
}
#map_results_graph_3 {
  width: 780px;
}
#map_results_graph_1 {
  background: url('/images/tmp/map_1.png');
}
#map_results_graph_2 {
  background: url('/images/tmp/map_2.png');
}
#map_results_graph_3 {
  background: url('/images/tmp/map_3.png');
}

#map-result-action-buttons {
	text-align: right; 
	margin-right: 30px; 
}
.map-results-bottom-action-buttons {
	margin: 0 30px;
}
#change_map_graph {
  margin-left: 10px;
  width: 795px;
  height: 277px;
  margin-top: -0px;
  margin-bottom: 25px;
}

#change_map_graph {
  background: url('/images/tmp/change_map.png');
}

table#legend {
  border: 1px #036BA4 solid;
  padding: 5px 10px 5px 10px;
  color: #636363;
  margin-left: 250px;
}

table#legend span.color-box {
  height: 12px;
  width: 12px;
  display: block;
  margin: 5px;
}

table#legend .easy-to-remember-score {
  background-color: #66CD33; /* green */
}

table#legend .easy-to-do-score {
  background-color: #0214fb; /* blue */
}

table#legend .feeling-score {
  background-color: #F79307; /* gold */
}

table#legend .missing-checkin {
  background-color: #C0C0C0; /* gray */
}

table#legend .no-behavior {
  background-color: #000000; /* black */
}


/*
div#content-stress-map hr {
  border-width: 0 0 1px 0;
}
*/

div.hr.green  {
  background: url('/images/v2/hr_bkg.gif') repeat-x center left;
  margin-bottom: .25em;
  padding-right: 10px;
  height: 10px;
  border: none;
  left:0px;
  line-height: 10px;
}

div.hr.green hr {
  line-height: 10px;
  border: 0 !important;
  clip:rect(5px 100% 10px 0);
  display: none;
}

* html div.hr.green hr, *:first-child+html div.hr.green hr{
  display: none !important;
}

div.hr.gray  {
  background: url('/images/v2/hr_gy_bkg.gif') repeat-x center left;
  margin-bottom: .25em;
  padding-right: 10px;
  height: 10px;
  border: none;
  left:0px;
  line-height: 10px;
}

div.hr.gray hr {
  line-height: 10px;
  border: 0 !important;
  clip:rect(5px 100% 10px 0);
  display: none;
}

* html div.hr.gray hr, *:first-child+html div.hr.gray hr{
  display: none !important;
}

div#content-stress-map h2, div#header-stress-map h3 {
  float: left;
  font-size: 120%;
  display: inline;
  margin: 0;
  color: #036BA3;
  line-height: 130%;

}

div#header-stress-map h3 {
    display: block; 
    margin: -0.25em 0 0 0;
    padding: 0; 
    float: left;
    
}

* html div#header-stress-map h3 {
    margin-top: 1px;
}

div#header-stress-map h3 span.grey{
    color: #ccc;
    font-size: 80%;
    font-weight: normal;
}

div#header-stress-map h3 em {
    background: none;
    color: #036BA3;
    padding: 0;
}

div#content-stress-map ul#progress-meter {
  float: right;
  display: inline;
  margin: 0;
}

div#content-stress-map ul#progress-meter li {
  display: inline-block;
  display: -moz-inline-block;
  height: 12px;
  width: 12px;	
  float: left;
  background-image: url('/images/v2/progress_inactive.gif');
  margin: 0 .25em;	
}

* html div#header-stress-map .hr {
    clear: both;
    margin-top: -3px;
    line-height: 2px;
}

*:first-child+html div#header-stress-map .hr {
    clear: both;
}

div#content-stress-map ul#progress-meter li.active {
  background-image: url('/images/v2/progress_active.gif');
}

div#content-stress-map ul#progress-meter li span {
  margin: -9999px 0 0 -9999px;
}

div#content-stress-map ul.section-nav {
  display: inline; 
  margin: 0;	
  color: #ccc;
}

div#header-stress-map ul.section-nav {
    display: inline-block; 
    display: -moz-inlne-block; 
    float: right;
    text-align: right; 
    margin: 0;
}

* html div#header-stress-map ul.section-nav {
    
}

div#content-stress-map ul.section-nav li {
  color: #ccc;
  display: block;
  margin: 0; 
  float: left;
  padding-right: .25em;
  white-space: nowrap;
  font-weight: bold;  
}

* html div#header-stress-map ul.section-nav li {
    margin-top: .25em;
    line-height: 1.25em;
    padding-bottom: 1px;
}

div#header-stress-map ul.section-nav li {
  font-weight: normal;
  float: left;
  margin: 0;
  padding: 0 .5em;
}

div#header-stress-map ul.section-nav li {
    border-right: 1px solid #036BA3;
}

div#header-stress-map ul.section-nav li.last {
    border-width: 0px;
}

div#content-stress-map ul.section-nav li.current span {
  color: #66CC33;
}

div#content-stress-map form   {	
  margin-top: 1.4em;
  padding-left: 16px;
}

div#content-stress-map form  table {	
  width: 100%;
}

div#content-stress-map form fieldset {
  position:relative; 
  margin-bottom: 2.65em; 
  /*background-color: #eee; */
  color: #ccc; 
  padding-bottom: .25em;
  margin-top: 25px;
  margin-bottom: 30px;
}

div#content-stress-map form legend span {
  display: none;
  position: relative;
  top:-.85em;
}

*:first-child+html div#content-stress-map form legend span {
  top: -0.25em;
}

div#content-stress-map form table.active td {
  vertical-align: middle;
}

div#content-stress-map form table.active td.question_text {
  background-color: #fff;
  color: #036BA3; 
}

div#content-stress-map form table.active td.question_input {
   background-color: #e9f0ff !important;  
  
   color: #036BA3; 
}

div#content-stress-map form table.active td.question_input input {
  padding: 0; margin: 2px 0 0 0;
}

div#content-stress-map form table.active td.question_text {
  background: url(/images/v2/arrow_blue.gif) no-repeat 0 2px;	
  padding-left: 18px;
}
div#content-stress-map form table {  
  border-collapse: collapse; 
}

div#content-stress-map form table td {
  padding: 2px;
}

div#content-stress-map form table td.spacer {
  width: 18px !important;
}
div#content-stress-map form table.active td {
  font-weight: 900; color: #036BA3;
}

div#content-stress-map form table.active .question_input {
  font-weight: normal; color: #000; 
}

div#content-stress-map form table .question_input, 
div#content-stress-map form table tr.inactive td.question_input {
  background-color: #eee !important;
  width: 24.5%
}

* html div#content-stress-map form table .question_input {
  width: 25%;
}

div#content-stress-map form table td.question_text {	
  padding-left: 18px
}

* html div#content-stress-map form table td.question_text 
{
  padding-left: 10px;
}

div#content-stress-map fieldset.active legend span {
  left: -18px !important;
} 

div#content-stress-map form fieldset td label {	
  /* margin: 1em; */
  padding: 0;  
  margin-top: -2px; 
}

/* Scoring Grid */
#scoring-grid {
    padding: 0 2em
}

#scoring-grid #print-results-button {
  float: right;
  
}
#scoring-grid #print-results-container {
    float: right;
}

/* Answer Summary */

#summary {width: 100%; margin: 0 !important;}
   #summary ul {
       margin: 0 !important;
       padding: 0 !important;
   }
   
   #summary h2 {clear: both; padding: .25em 0 0 0 !important; display: block;}
   #summary h3 {clear: both; padding: 0 .25em  !important; display: block;}

   #summary ul > li {      
       padding: 0 !important;     
       clear: both;
       display: block;
   }
 
   
   .questions {            
       margin: 0 0 0 1em;
       padding: 0; 
       width: 100%;  
   }
   
   .questions td {
       color: #333;
       padding: 2px;
   }
   
   .questions .question-num {
       width: 2em;
       text-align: right;
       padding-right: 1em;
   }
   
   .questions .question-answer {
       text-align: right;
       color: #036BA3;
   
   } 
  
  
del.blue-button {	
  display:-moz-inline-box;
  display:inline-block;	
  font-size:0;
  background-position:0 0;
  background-repeat:no-repeat;
  height:25px;
  text-decoration:none;
  color:#333;
  font-style:normal;
  margin:4px 6px 4px 0;
  padding:0 8px 0 0;	
  vertical-align:middle;	
  padding-top:-2px;	
  _display: block;
  _position:relative;
  _width: 0px;	
  _overflow-y: hidden;

}

del.blue-button, del.blue-button span {
  background-image: url('/images/v2/button_blue.gif');    
}


del.blue-button span {	
  white-space: nowrap;
  color:#fff;
  display:-moz-inline-box;
  display:inline-block;
  line-height:1;
  letter-spacing:0 !important;
  font-family:"Arial" !important;
  font-size: 12px !important;
  font-weight: 900;
  font-style:normal;    
  background-color:transparent;
  background-position:100% 0;
  background-repeat:no-repeat;
  height:25px;
  padding: 5px 10px 0 5px;
  margin:0 -20px 0 5px;
  border:none;
  vertical-align:text-top;
  zoom: 1;
  _position:relative;
  _padding: 5px 10px 0px 5px;
  _margin: 0px -10px 0px 0px;
  _top:0;
  _right:-5px;	
}

*:first-child+html del.blue-button span {
  line-height: 1.2;
}

/* - PAGE ELEMENTS */
/* + FORM ELEMENTS */
a.button, span.button, del.button {	
  display: -moz-inline-box;
  display: inline-block;
  cursor: pointer;	
  font-size: 0;
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 32px;
  text-decoration: none;
  color: #333;
  font-style: normal;
  margin: 0 6px 0px 0;
  padding: 0 8px 0 0;	
  vertical-align: middle;	
  padding-top: -2px;
  _position: relative;
  _width: 0px;	
  _overflow-y: hidden;
}



a.button, span.button, del.button,
a.button span, span.button button, span.button input, del.button span {
  background-image:url('/images/v2/button_bkg.gif');
}

a.button span, span.button button, span.button input, del.button span {
  white-space: nowrap;
  cursor: pointer;
  color: #333;
  display: -moz-inline-box;
  display: inline-block;
  line-height: 1;
  letter-spacing: 0 !important;
  font-family: "Arial" !important;
  font-size: 14px !important;
  font-weight: 900;
  font-style: normal;    
  background-color: transparent;
  background-position: 100% 0;
  background-repeat: no-repeat;
  height: 32px;
  padding: 0px 10px 0 5px;
  margin: 0 -15px 0 5px;
  border: none;
  vertical-align: text-top;
  zoom:1;
  _position:relative;
  _padding: 0px 8px 0px 0px;
  _margin: 0px -23px 0px -10px;
  _display:block;
  _top:0;
  _right:-5px;
}

a.button span {
  padding-top: 8px;
  _padding: 8px 12px 0px 8px;
  _display: inline-block !important;
}

*:first-child+html span.button input {
  /* IE7 styles */
  margin-left: -4px;
  margin-right: -20px;
  padding: 0;
}

span.button button {
  line-height: 2.5; /*Opera fix*/
}

a.button-arrow, span.button-arrow, del.button-arrow,
a.button-arrow-disabled, span.button-arrow-disabled, del.button-arrow-disabled {
  display: -moz-inline-box;
  display: inline-block;
  cursor: pointer;	
  font-size: 0;
  background-position: 0 0;
  background-repeat:no-repeat;
  height:32px;
  text-decoration:none;
  color:#333;
  font-style:normal;
  margin:0 6px 0px 0;
  padding:0 8px 0 0;	
  vertical-align:middle;	
  padding-top:-2px;
  _position:relative;
  _padding: 0;
  _margin: 0;
  _width: 0px;	
  _overflow-y:hidden;
  _right: 5px;
}

a.button-arrow, span.button-arrow, del.button-arrow,
a.button-arrow span, span.button-arrow button, span.button-arrow input, del.button-arrow span{
  background-image:url('/images/v2/button_arrow.gif');
}

a.button-arrow-disabled, span.button-arrow-disabled, del.button-arrow-disabled,
a.button-arrow-disabled span, span.button-arrow-disabled button, span.button-arrow-disabled input, del.button-arrow-disabled span{
  background-image:url('/images/v2/button_arrow_disabled.gif');
  color: #999 !important;
}

a.button-arrow span, span.button-arrow button, span.button-arrow input, del.button-arrow span,
a.button-arrow-disabled span, span.button-arrow-disabled button, span.button-arrow-disabled input, del.button-arrow-disabled span {
  white-space:nowrap;
  cursor:pointer;
  color:#333;
  display:-moz-inline-box;
  display:inline-block;
  line-height:1;
  letter-spacing:0 !important;
  font-family:"Arial" !important;
  font-size: 14px !important;
  font-weight: 900;
  font-style:normal;    
  background-color:transparent;
  background-position:100% 0;
  background-repeat:no-repeat;
  height:32px;
  padding: 0px 30px 0 5px;
  margin:0 -15px 0 5px;
  border:none;
  vertical-align:text-top;
  zoom:1;
  _position:relative;
  _padding: 10px 15px 15px 0px;
  _margin: 0px -20px 0px -10px;
  _display:block;
  _top:0;
  _right: -5px;
}

*:first-child+html span.button-arrow input {
  /* IE7 styles */
  margin-left: -4px;
  margin-right: -20px;
  padding: 0 15px 0 0 ;
}

span.button-arrow button{
  line-height:2.5;/*Opera fix*/
}


.map_results a.button-arrow span,
#maps a.button-arrow span {
    padding-top: 9px;
    line-height: 1.2em;
}

* html .map_results a.button-arrow {
  overflow: visible;   
}

* html .map_results a.button-arrow span {
  margin-left: 10px;
  padding-right: 35px;
}

/* Forms */
.form-container form label {
  font-weight: 900;	
  font-size: .9em;
  margin: 1em;
  _margin: 0.75em;
  display: block;
  color: #333;
  cursor:pointer;
}

.form-container form .field {
  border: 1px solid #66CC33;
  background-color: #FFFFF5;
  color: #036BA3;		
}
.form-container form .large-field {
	width: 250px;
	height: 24px;
	font-size: 1.3em;
	padding: 0 5px;
	font-family: Arial, Helvetica, Sans-Serif;
}
.padded-right {
	padding-right: 30px;
}
.padded-left {
	padding-left: 20px;
}


.form-container form label span.title {
  display: block;	
}

.form-container form textarea.field {
  display: block; 
  overflow: auto;
  width: 100%; 
  margin-left: 0; 
  margin-top: .2em; 
  height: 5em; 
  font-family: Arial, Helvetica, Sans-Serif;
} 
.form-container form textarea.padded {
	padding: 5px;
}

* html .form-container form textarea.field {
  width: 99.25%;
}

.form-actions { 
  margin: 1em .75em;
  padding-bottom: .75em;
  padding-left: .5em;
}

.form-container h4 {
  color: #036BA3;
  margin: 1% 0;
  text-align:left;
  font-weight: 900;
  font-size: 1.15em;
}

.form-container h4 span {
  color: #333;
  margin-top: 1%;
  display: block;
  text-align:left;
  font-weight: normal;
  font-size: .85em;
}

.form-error {
  background-color:#FFFFCD;
  border:1px solid #CE9730;
  margin: 0.5em 0;
  padding:0.5em;
}

/* style the input instead of the div because the div needs to be invisible sometimes */
form .fieldWithErrors input { 
  padding: 2px; 
  background-color: #A93E3E; 
}
form .fieldWithErrors select { 
  border: 2px solid #A93E3E !important;
  color: #A93E3E !important;
}
.fieldWithErrors textarea { 
  border: 2px solid #A93E3E;
}


form ol {
  list-style-type: decimal;
  color: #036BA3 !important;
  font-weight: 900;
  padding-left: 2%;
  margin: 1% 4%;
}

form ol li {
  color: #036BA3 !important;
}

form p {
  margin-left: 1em;
  padding-bottom: .5em;
}

form .title.float.right {

}
/* - FORM ELEMENTS */


/* + FONTS */
body {
  font-family: Arial Helvetica, Sans-Serif;
}

a,
a:active,
a:focus,
a:hover,
a:visited {
  color: #036BA3;
}

a:hover {
  text-decoration: none;
}

#content a:hover, #sidebar a:hover {
  text-decoration: none;
}

#content-container ol, #content-container ol > li {
  list-style-type: decimal;
  font-weight: 900;
  color: #333;

}

.the21_day_club ol, .the21_day_club ol li {
  line-height: 1.3em;
}

#content-container ol li p {
  font-weight: normal;
  margin-left: -1.5em;
}

#content-container ul, #content-container ul > li {
  color: #66cc33;
  /*  color: #036BA3;*/
  margin: 0.5em 0;	
}

.the21_day_club #content-container ul li {
  margin: 0.5em 0;
  color: #333;
}

ol#privacy_top li {
  margin: 0.5em;
}

#content-container dl {
  color: #333;
}

#content-container dt {
  font-weight: 900;
}

#content-container form#reminder_form ol li p {
	margin-left: 0;
	margin-bottom: 0;
}

#container {}

#login {
  font-size: 1.25em;
}

#header-nav {
  font-size: 1.25em;
}

#content-header, #content-header-secondary {
  letter-spacing: 1px;
}

#content-header .tm {
  font-size: 50%;
}

h1#content-header {	
  font-size: 2.65em; 
  color: #333; 
  font-weight: 900;
  padding-top: .5em; 
  text-align: center;
}

h1#content-header-secondary em {
  color: #66CC33;
  padding: 0em 0.5em;
}

h2#content-header-secondary {
  font-size:1.85em;
  font-weight:100;
  line-height: 1.25em;
  padding-top: .333em;
  text-align: center;
}

h2#content-header-secondary em {
  background-color: #F0FF70;
  padding: 0.05em 0.2em 0.1em;
}
#content-container h1.section-header {
	letter-spacing: 1px;
	font-size: 2.0em; 
  color: #333; 
  font-weight: 900;
  padding-top: .5em; 
  text-align: center;
}
#content-container h1.section-header.tm {
	font-size: 50%;
}

#content-container h2.section-header-secondary {
	color:black;
	letter-spacing: 1px;
	font-size:1.4em;
  font-weight:100;
  line-height: 1.25em;
  padding-top: .333em;
  text-align: center;
}
#content-container h2.section-header-secondary em {
  background-color: #F0FF70;
  padding: 0.05em 0.2em 0.1em;
}

/* IE7 */
*:first-child+html h2#content-header-secondary em { 
  padding: 0.05em 0.2em 0.1em;
}

h2#content-header-secondary strong {
  font-weight: 900;	
}

h2 .inline {
  color: #333;

}

h2 .inline, .inline a  {
  font-size: .8em;
  font-weight: 100;
  display: inline;
}

#content-container {
  font-size: 1.35em;
  margin: 20px auto -4em;
}

div.the-content-box {
  margin:0 auto;
  padding:0 25px;
  text-align:left;
  width:60em;
}

#content-container p {
  color: #333;
  line-height: 1.3em;
  margin-bottom: 2.75%;
}

#content-container h1 {
}

#content-container h2, #content-container h3, #content-container h4 {
  margin: .45em 0 .3em;
}

#content-container h2 {
  font-size: 140%;  	
  font-weight: 900;
  color: #036BA3;
  margin-bottom: 15px;
}

#content-container h3 {
  font-size: 125%;  
  font-weight: 900;
  margin-top: 1%;	
}

#content-container h3 em {  
  padding: .2em .5em;
  color: #287809;
  background-color: #F0FF70;  
}

#content-container h4 {
  padding: .4em 0;	
  font-size: 115%;
  font-weight: 900;
}

#sidebar.column h4 {
  margin: 0;
  padding: 0;
  color:#66CC33;
  text-align:left;
  font-size: 1.05em;
  font-weight: 900;
}

#sidebar.column h3 {
  color: #036BA3;
  margin: 0;
  padding: 0;
  text-align:left;
  font-weight: 900;
  font-size: 1.04em;
}

/* Descendant child selector for all but IE */
#sidebar.column > h3 {
  position: relative;
  top: -1.2em;
}

/* Descendant child selector for IE */
* html #sidebar.column  h3 {
  position: relative;
  top: expression(/column/.test(this.parentNode.className)? "-1.2em" : "0");
}

#sidebar.column dl.quicklinks dt, #page-right dl.quicklinks dt  {
  color: #555;
  font-size: .8em;
  font-weight: bold;
}

#sidebar.column dl.my_history dt, #page-right dl.my_history dt  {
  color: #555;
  font-size: .8em;
  font-weight: bold;
}

#center-nav {
  font-size: 1.1em; 
  font-weight: 900;
}

#center-nav a {
  margin: 5%;
}

div#change-list-container h4 {
  margin-bottom: 0;
  padding-bottom: 0;
}

div.footer-column { text-align: left;

}
div.footer-column h3 {
  text-align: left;
  padding-bottom: .5em;
}

div.footer-column h4 {
  font-size: 90% !important;
  text-align: left;
}

#footer {
  color: #737373;
}

#footer-nav {
  font-size: 115%;
  font-weight: 900;
}

#footer-nav a,
#footer-nav a:active,
#footer-nav a:focus,
#footer-nav a:hover,
#footer-nav a:visited {color: #737373; text-decoration: none;}

#footer-nav a:hover {text-decoration: underline;}

/* - FONTS */

/* + UTILITY */
.float:after, #content-container:after,
.container:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

.float, .container {
  /* display:inline-block; */
}

/* Hides from IE-mac \*/
* html .container {
  height: 1%;
}

/* End hide from IE Mac */

.float.right {
  float: right !important;
}

.float.left {
  float: left !important; 
}

.align.right {
  text-align: right !important;
}

.align.left {
  text-align: left !important;	
}

.align.center {
  text-align: center !important;
}

.italic {
  font-style: italic;
}

.clear {
  clear: both;
  line-height: 1px;
  height: 0;
}

.hide {
  display: none;
}

.tm {
  vertical-align: top;
  font-size: 60%;
}

.spacer.large {
  margin-bottom: 1.5em !important;	
}

.spacer.medium {
  margin-bottom: 1em !important;	
}

.spacer.small {
  margin-bottom: .5em !important;
}

.normal {
  font-weight: 100;
}

strong, b, .bold {
  font-weight: 900;
}

div.plain strong {
  color: #333333;
  font-weight: 700;
}
br.spacer {
  height: 1em;
}

.no-border {
  border: none !important;
}

/* Colors */
.light-gray {
  color: #737373 !important;
}

.gray {
  color: #333 !important;
}

.blue {
  color: #036BA3 !important;	
}

.red {
  color: red !important;	
}

.green {
  color: #66CC33 !important;
}

.dark-green {
  color: #287809 !important;
}


.flash {
  background-color:#FFFFCD;
  border:1px solid #CE9730;
  margin:4px;
  padding:10px;
}

.flash.error {
}

.flash.warning {
}

.flash.notice {
}

#header .flash {
  background: none;
  border: none;
  text-align:center;
  color: red;
  padding: 0;
  font-size: 1.3em;
}

.rt {
 font-size: 60%;
 vertical-align: super; 
}


/* - UTILITY */

/* VIEW SPECIFIC ELEMENTS */

/* splash page */
.the21_day_club.index #content-container {
  padding-bottom: 6em;
  margin-top: -0.5em;
}
/* yuck...repeating ourselves */
.the21_day_club.splash #content-container { 
  padding-bottom: 6em;
  margin-top: -0.5em;
}

.the21_day_club #flash_wrapper {
  margin: 0 auto;

  text-align: center;
  z-index: -1000;
  margin-top: 15px;
  margin-bottom: 15px;
}

.the21_day_club .splash-icon {
  /*  padding: 2em 3.5em;*/
  margin: 1em 3.5em;
  _margin: 1.5em 2.5em;
  text-align: center;
}

* html .the21_day_club .splash-icon img { /* IE6 only */
  display: block;
  text-align: center;
}

.the21_day_club .center-column.change-measure p.icon-text {
  text-align: center;
  /*  margin: 0 0 10px 0; */
  font-weight: 900;
}
.the21_day_club .center-column.change-measure p.icon-text span {
  display: inline-block;
}

.the21_day_club .change-measure {
  padding-bottom: 1em; 
}

.the21_day_club #change-your-life {
  padding: 1em 0 1em 2em;
  border-bottom: 1px solid #CECECE;
  min-height: 80px;
  height: auto !important;
  height: 80px;
  text-align: right;
}

.the21_day_club #icon-teasers {
  width: 500px; 
  border-right: 1px solid #CECECE;
  padding-bottom: 2em;
}

.the21_day_club #change-is-a-pain {
  padding: 1.5em 0 1em 0.5em;
  text-align: center;
  height: auto !important;
  height: 80px;
}

.the21_day_club #change-is-a-pain img {
  padding-right: 0.5em;
  vertical-align: middle;
}

.the21_day_club .change-measure #bottom-border {
  border-top: 1px solid #CECECE;
  width: 94%;
  height: 1px;
  margin: 0 auto;
}

.plainlink A:link {
  color: #333333;
  text-decoration: none
}
.plainlink A:visited {
  color: #333333;
  text-decoration: none
}
.plainlink A:active {
  text-decoration: none
}
.plainlink A:hover {
  background: none;
  text-decoration: underline;
}

/* end splash page */

.account .form-error {
  margin: 0.5em 0.8em;
}

body.account.login input.field {
  margin-left:0;
  width: 13em;
}

body.account.login div.content-left {
  margin-left: 8em;
  width: 240px;
}

* html body.account.login div.content-left  {
  margin-left: 0;
  padding-left: 8em;
}

body.account.login div.content-right {
  width: 240px;
  padding-right: 8em;
}

* body.account.login div.content-left  {
}

*:first-child+html body.account.login div.content-right.section  {
  padding-right: 6em;
}

/* veteran-administration-specific login page */
body.account.login #veteran-administration-login em {
  font-style: italic;
}

body.account.login #veteran-administration-login img#win-logo {
  border: none;
  float: right;
  padding-right: 10px;
}

body.account.login #veteran-administration-login div.content-left {
  margin-left: 4em;
  width: 400px;
}

* html body.account.login #veteran-administration-login div.content-left {
  margin-left: 0;
  padding-left: 4em;
}

body.account.login #veteran-administration-login ul {
  padding-left: 1em;
  padding-bottom: 0.5em;
  margin: 0;
}

body.account.login #veteran-administration-login li {
  color: #333333;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:square !important;
  padding: 5px; 
}

* html body.account.login #veteran-administration-login p {
  margin-bottom: 8px;
}

body.account.login #veteran-administration-login li p {
  margin-bottom: 0;
  margin-left: 8px;
}

body.account.login #veteran-administration-login div.content-right {
  width: 220px;
  padding-right: 4em;
}

body.account.login #veteran-administration-login div.content-right #new_user .form-actions {
  margin: 1em auto;
  text-align: center;
  padding: 0 1.5em 0 0 !important;
  padding-left: 0;
  padding-bottom: 0;
}

body.account.login #veteran-administration-login .footnote {
  font-size: 70%;
}
/* end veteran-administration-specific login page */

#icon-user-profile {
  margin: 0 0 15em 0em;
  text-align: center;
  display: block;
  background: url('/images/v2/icon_user_profile.gif') no-repeat top left; 
  height: 80px;
  width: 80px	
}

* html #icon-user-profile {
  margin: 1em;
}

* html #journals form#journal-form, 
* html #journals .journal-container .form-container {
  width: auto !important;
  overflow: hidden;

}

* html #journals div.journal-container {
  width: 100% !important;
} 

form#journal-form textarea {
  margin-bottom: .3em;
  font-size: 100%;
  color: black;
  line-height: 1.3em;
}

form#journal-form div.form-actions {
  margin-top: -10px;
}

* html form#journal-form div.form-actions {
  padding-left: 50px;
}
form#journal-form label .left {
  font-size: 130%;
}

* html form#journal-form textarea {
  width: 450px !important;
}

div.journal-left {
  width: 375px; 
  display: inline; 
  display: -moz-inline-block; 
  display: -moz-inline-box; 
  float: left;
  padding: 1em 1em 0 1em;
}

#checkins div.dashboard-left, #checkins div#page-left,
#journals div.dashboard-left {
  width: 525px;
}

* html div.journal-left,
*:first-child+html div.journal-left {
  width: 375px;
}

*:first-child+html #checkin-behavior label {
  width: 70px;
  display: inline;
  float: left;
  padding: 15px 0 0 0;
  margin: 0;
}

div.journal-left ul, div.journal-left ul li {
  /*  color: #000 !important;*/
  line-height: 1.3em;
  color: #333333 !important;
}

div.journal-right {
  width: 80px; 
  height: 80px; 
  display: inline;  
  display: -moz-inline-block; 
  display: -moz-inline-box; 
  float: right; 
  padding-left: 10px;

  _margin-left: -80px; 
}

#icon-user-profile dl {	
  padding-top: 48px;
  margin: 0;	
}

#icon-user-profile dl dt {
  font-weight: normal;
  font-size: .85em;
  color: red;
}

#icon-user-profile dl dd {
  padding-top: 10px;
  font-size: .75em;
  font-weight: 900;
}

#icon-user-profile dl dd strong {
  color: #036BA3;
}

#change-list-container h3 {
  margin: 1em 3em;
}

#change-list-container h5 {
  color: #333;
  font-weight: bold;
  padding-top: .5em;
  margin: 0.25em 0;
}

#change-list {
  width: 35em;
}

#change-list li {
  list-style-type: none !important;
  margin-left: .5em;
}

#change-list li {
  padding-left: 70px;
  min-height: 60px;
}

#change-list li#change-list-1 {
  background: url('/images/v2/icon_world.gif') no-repeat top left;
}

#change-list li#change-list-2 {
  background: url('/images/v2/icon_profile.gif') no-repeat top left;
}

#change-list li#change-list-3 {
  background: url('/images/v2/icon_news.gif') no-repeat top left;
}

#checkin-day {
  height: 50px;
  width: 55px;
  padding-top: 1.5em;  
  text-align: center;  
  background: url('/images/v2/checkin_day_bkg.gif') no-repeat top left;
  float: left;
}

#checkin-day span {
  color: #66CC33;
  font-size: 180%;
  font-weight: 900;
}

#checkin-behavior {
  _float: left;
  display: inline;

}

#checkin-behavior h3 {
  padding-left: 1em;
  margin-right: 1.5em;
  _margin-right: 1.5em;
  padding-top: 1em;
  display: -moz-inline-block;
  display: -moz-inline-box;
  display: inline-block;
  float: left;
  font-size: 130%;
}

#checkin-behavior label {
  display: -moz-inline-block;
  display: -moz-inline-box;
  display: inline-block;
  padding: 0;

  margin: 1.5em 0 0;
  float: right;
  _float: right;
  font-size: 105%;
  font-weight: 100;
  color: #036BA3;
}

#checkin-behavior img, #checkin-behavior input {
  padding: 0 0.25em;
}

.checkin-form select {
  width: 10em;
}

#checkin-benefits {
  padding-left: 2em;
  padding-right: 4em;
}

#checkin-arrow {
  background: url('/images/v2/checkin_arrow.gif') no-repeat top left;
  height: 70px;
  width: 70px;
  display: inline-block;
  display: -moz-inline-block;
  display: -moz-inline-box;
  position: relative;
  float: right;
  line-height: 1px;
  top: -140px;
  right: 20px;
}

form.checkin-form {
  padding: 0.5em 1em 0 1em;
}

form.checkin-form h3{
  display: inline;
}

form.checkin-form label {
  margin: 0;
  padding-left: .5em;
}

form.checkin-form span.title {
  padding-top: 0;
}

form.checkin-form fieldset , form.checkin-form div.hr /* */ {
  margin-right: 25%;
}

.dashboard-left div.section div.left h3, .dashboard-left div.section div.right p  {
  margin: 0 0 .25em 0 !important;
}


.dashboard-right p {
  margin: 0 !important;
  padding: 0 !important;
}

div#commitment-statement {
  line-height: 1.5em;
  color: #036BA3;
  font-weight: 100 !important;
  font-size: 110%;
  text-align: left;
}

* html div#commitment-statement.green_box {
  width: 105%
}

.journals.index #content-container {
  margin-top: 1.0em;
}


/* ============================== */
/* CALENDAR LAYOUTS */
/* ============================== */
.cal_wrapper {
  width: 200px;
  line-height: 18px;
  padding: 5px 0px 0px 4px;
}
.cal_table {
  background: url(/images/inf_img/cal_month_head_bkg.png) no-repeat top;	
  border-bottom: solid 2px #66cc33;
  border-spacing: 1.6pt;
}
tr.cal_row {
}
.cal_month {	
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  padding: 2px 0px 2px 0px;
}
.cal_day {
  font-size: 9px;
  color: #000000;
  text-align: center;
  padding: 8px 0px 2px 0px;
}
.cal_date_outside_change {	
  font-size: 13px;
  color: #e9c58c;
  text-align: center;
  background-color: #ffffcc;
  padding: 2px 0px 2px 0px;
}
.cal_date_during_change {
  font-size: 13px;
  color: #049ca8;
  text-align: center;
  background-color: #D8E5E6;
  padding: 2px 0px 2px 0px;
}
.past {
  color: #999999;
}
.today {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
}
.cal_bottom {
  background: url(/images/inf_img/cal_bottom.png) no-repeat top;	
}
.cal_legend {
  border-top: solid 2px #eaffe0;	
  font-size: 11px;
  color: #333333;
  padding: 10px 0px 0px 15px;
}
sup {
  font-size: 30%;
}

/* - VIEW SPECIFIC ELEMENTS */
/**/


div#demographic-questions div.answer {
  float: none;
  padding: 5px 0px 15px 0px;
}

div#current-scale {
  width: 10em;
  color: #ffffff;
  text-align: center;
  font-size: 1em;
  font-family: Verdana;
  font-weight: bold;
  background-color: #0289C9;
  padding: .4em 0;
  margin-top: 1em;
}

span.superscript {
  vertical-align: top;
  font-size: 70%;
}

span.subtitle {
  font-weight: normal;
  font-size: 85%;
}

#mapping_center #mapping_center_nav_container {
 margin: 0 auto 40px auto;  
 text-align: center; 
}

ul#mapping_center_nav {
        margin: 0;
        padding: 0;
        display:inline;
}

#mapping_center ul#mapping_center_nav li {
  display: inline;
  margin-right: -10px;
}

#mapping_center div.graphic_column {margin: 0 auto; padding: 0 50px ;}
#mapping_center div.graphic_column img.graphic {
  	float: left; 
	padding-right: 15px; 
	padding-bottom: 10px;  
}
#right h2.right_statement {font-size: 1em; padding: 0; margin: 0; color: #000; font-weight: normal;}
#mapping_center div.mcsub_box_head h3 { color: #036ba3 !important;}

/* Mapping Center Interpretation Guide page */
.scale { 
  border-left: 1px solid #99cc66;     
  padding: 10px; 
  float: left; 
  padding-left: 30px;
  width: 490px;       
  display: inline-block; 
  display: -moz-inline-box;
}

.scale h3 {
  padding-bottom: 10px;
}

#interp #guide { 
  width: 760px;
  background: url(/images/v2/interp_background.gif) repeat-y top left;
  margin: 0 auto;
}

#interp .section {
  width: 760px;
  margin: 0;
}

#interp .section .scale-navigation { 
  width: 20%; 
  float: left; 
  display: inline-block; 
  display: -moz-inline-box; 
  margin: 1.5% 0 0 0;
}

#interp .section .scale-navigation li {     
  margin-left: 5%;
  list-style: none !important;
}

#interp .section .scale-navigation a,
#interp .section .scale-navigation a:hover {
  text-decoration: none;
  font-weight: bold;
}

#interp #print-results-button,
#summary #print-results-button {
  float: right;
  
}

#interp #intropage em {
  font-style: italic;
}

#interp #intropage p strong {
  font-style: italic;
}

#interp #intropage ul {
  margin-left: 0px;
  margin-bottom:2.75%;
  padding-top: 0px;
}

#interp #coverpage #coverLogoLines h2,
#interp #coverpage #coverLogoLines h3
{
  margin-bottom: 1em;
}


#interp .section .scale-navigation a:active, #interp a.active {
  color: #99cc66 !important;
}

#interp h2.first {
  background: url(/images/v2/interp_section_first_closed.gif) no-repeat top left !important;
}

#interp h2.section.open.first {
  background: url(/images/v2/interp_section_first_open.gif) no-repeat top left !important;
}

#interp h2.section {
  display: block; 
  width: 100%;     
  background: url(/images/v2/interp_section_closed.gif) no-repeat top left;
  padding: 5px; 
  height: 30px;
}   

#interp h2.section.open {
  background: url(/images/v2/interp_section_open.gif) no-repeat top left;
}

#interp h2.section a {
  color: #2c5a74;    
  display: block;
  width: 100%;
  outline: 0;      
  text-decoration: none !important;
  font-size: 16px;
  padding-top: 10px;
  padding-left: 8px;
  text-transform: uppercase;
}

#interp h2.section a:hover, #interp h2.section a:visited {
  text-decoration: none !important;
}

#interp h4 {
  color: #99cc66;
  font-size: 14px;
  margin: 4px 0;
  padding: 0;
}

#interp dl {
  line-height: 1.3em;
}

#interp dt {
  font-size: 90%;
  font-weight: bold;
  margin: 6px 0 0 0;
}

#interp ul {
  padding-left: 25px;
}

#interp ul li {
  color: #333;
  margin-bottom: 5px;
  list-style: disc;
}

#interp #guide-footer {
  background: url(/images/v2/interp_section_footer.gif) no-repeat top left !important;
  display: block;
  height: 40px;
  width: 100%;
}

* html #guide-footer {
  padding-top: 2px;
  height: 38px !important;
}

#view_all {
  padding-left: 14px !important;
  width: auto;
  display: block;
  padding-top: 12px !important;
}

#scoring_button {
  text-align: right; 
  padding-top: 10px;
}

* html #scoring_button {
  padding-right: 76px;
}

#demographic-questions {
  width: 98%;
}

#maps.show #content-stress-map {
  width: 80%;
  margin: 0 auto;
}

#maps.show #content-stress-map li {
  margin: 0 5%;
}

#maps.show #content-stress-map li p {
  margin-bottom: 8px;
}

div.right-align {
  text-align: right;
}

div.content {
  width: 85%;
  margin-bottom: 30px;
}

.green {
  color: #66CC33;
}
.inline-image {
  vertical-align: middle;
  position: relative;
  top: 4px;
}
.inline-image-12 {
  vertical-align: middle;
  position: relative;
}

/* video styles */
.video-frame {
  width: 243px;
  height: 212px;
  padding: 11px;
  background: url(/images/video-background.jpg) no-repeat top left;
}
table.basic {
  width: 100%;
}
table.basic th {
  font-weight: bold;
  padding: 3px;
}
table.basic td {
  padding: 3px;
}