/* ROLES LIST AS FOUND ON /stress/roles/index.htm */
.list-role { clear:both; }
div#wrapper div.list-role ul.list-roles { margin: 0 0 20px 0; float:left; width: 100%;}
.list-roles li{ background: transparent url(../img/list-box.jpg) left center no-repeat; float:left; width:178px; height:68px; margin:5px 15px 0 0; padding:9px 10px 0 5px; }
.list-roles li a img { margin:0 14px 0 0; padding: 0;  float:left; } 
.list-roles li a{ font-weight:bold;  font-size:.95em; } 


/* HOME PAGE SUBSCRIBE BOX */
/* FIREFOX */ 
ul.subscribeBox1Col { width: 100%; padding: 0;  }
ul.subscribeBox1Col li { margin: 0; padding: 0 0 15px; clear: both;}
ul.subscribeBox1Col li a { margin: 0; padding: 0;  }
ul.subscribeBox1Col li a:hover span { text-decoration: underline; }
ul.subscribeBox1Col li a img { margin: 0; padding: 0 15px 0 0; float: left; }
ul.subscribeBox1Col li a span { margin: 10px 0 0 0; padding: 7px 0 0 0; display: block; font-weight: bold; font-size: 16px; }

/* IE6 */
* html ul.subscribeBox1Col li a img { margin-top: 7px; }

/* IE7 */
*:first-child+html ul.subscribeBox1Col li { padding: 10px 0 0 0;}
*:first-child+html ul.subscribeBox1Col li a img { margin: 0; padding: 0; float: left; }
*:first-child+html ul.subscribeBox1Col li a span { margin: 0; padding: 7px 0 0 15px; float: left; }
	
/*misc

.fl{float:left;}
.cl{clear:left;}
div.fl{width: 22.5em;}


*/

/* Managements standards diagram - concept only at this stage */

div.standards { margin: 0 0 20px 0; padding: 0; position: relative; width: 410px; height: 409px;  }
div.standards img { display: none; }
div.standards ol { background: url('../img/standards.gif') top left no-repeat; list-style: none; margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 410px; height: 409px; z-index: 10;}
div.standards ol li { margin: 0; padding: 0; position: absolute; top: 0; left: 0; height: 1px; width: 1px;}
div.standards ol li p { margin: 0; padding: 0; }
div.standards ol li p a { margin: 0; padding: 0; position: absolute; text-indent: -2000px; }
div.standards ol li span { display: none; border: 1px solid #4E4E4E; color: #4E4E4E; cursor: pointer; line-height: 16px; font-weight: bold; margin: 0; padding: 5px 5px 0; width: 128px; height: 95px; text-align: center; position: absolute; left: 134px; top: 154px; background: url('../img/white-bg.png') top left repeat; background: rgba(255, 255, 255, .85); }
div.standards ol li.selected span { border: 1px solid #92082E; color: #92082E;}
div.standards ol li:hover span { display: block; }

div.standards ol.step1 { background: url('../img/standards1.gif') top left no-repeat; }
div.standards ol.step2 { background: url('../img/standards2.gif') top left no-repeat; }
div.standards ol.step3 { background: url('../img/standards3.gif') top left no-repeat; }
div.standards ol.step4 { background: url('../img/standards4.gif') top left no-repeat; }
div.standards ol.step5 { background: url('../img/standards5.gif') top left no-repeat; }

div.standards ol li#step5 a { height: 215px; width: 140px; top: 50px; left: 0; }
div.standards ol li#step4 a { height: 170px; width: 180px; top: 240px; left: 15px; }
div.standards ol li#step3 a { height: 170px; width: 210px; top: 240px; left: 190px; }
div.standards ol li#step2 a { height: 210px; width: 140px; top: 45px; left: 275px; }
div.standards ol li#step1 a { height: 120px; width: 190px; top: 5px; left: 120px; }

div.standards ol li#step5 { z-index: -5; }
div.standards ol li#step4 { z-index: -4; }
div.standards ol li#step3 { z-index: -3; }
div.standards ol li#step2 { z-index: -2; }
div.standards ol li#step1 { z-index: -1; }

*:first-child+html div.standards ol li#step5 span { top: 82px;  }
*:first-child+html div.standards ol li#step4 span { top: 100px; }
*:first-child+html div.standards ol li#step3 span { top: 118px; }
*:first-child+html div.standards ol li#step2 span { top: 136px; }

*:first-child+html div.standards ol li#step5 a { top: -15px;  }
*:first-child+html div.standards ol li#step4 a { top: 187px; }
*:first-child+html div.standards ol li#step3 a { top: 205px; }
*:first-child+html div.standards ol li#step2 a { top: 30px; }

* html div.standards ol li span { background-color: #FFFFFF; }

/* BODY MAP NON-FLASH VERSION */

div#body-map { position: relative; height: 440px; width: 680px; }
div#mask { position: relative; height: 440px; width: 680px; overflow: hidden; }
div#gender-container { width: 1360px; height: 440px; }
div#gender-container ul { width: 680px; height: 440px; position: relative; }

div#male { background: transparent url(../img/bodymap/people-sprite.gif) 254px 0px no-repeat; width: 680px; height: 440px; position: relative; float: left; }
div#female { background: transparent url(../img/bodymap/people-sprite.gif) 254px -446px no-repeat; width: 680px; height: 440px; position: relative; float: left; }

div#body-map ul.gender-navigation { position: absolute; bottom: 0; right: 0; z-index: 100; border: 2px solid #8A042A; width: 98px; height: 120px; background: transparent url(../img/bodymap/nag-bg.png) top left no-repeat;}
div#body-map ul.gender-navigation li { list-style: none; float: left; display: block; width: 49px;  background-image: none; }
div#body-map ul.gender-navigation li a { display: block; float: left; width: 49px; padding: 51px 0;}
div#body-map ul.gender-navigation li a span { float: left; display: block; text-indent: -1000px; visibility: hidden; }


ul.gender-navigation li a:focus { 
	background-color: #990000; 
	filter: alpha(opacity=50)/* IE8 only */;
	opacity: 0.5; }

h2.gender-title { display: none; }

div#body-map ul { margin: 0; padding: 0; height: 440px; background: transparent url(../img/bodymap/male-ul-bg.gif) bottom left no-repeat; }
div#body-map div#female ul { background: transparent url(../img/bodymap/female-ul-bg.gif) bottom left no-repeat;  }

div#body-map li { float: left; list-style: none; display: block; width: 100%; margin: 0; padding: 0;}
div#body-map a {  margin: 0; padding: 0; display: block; width: 216px; overflow: hidden; text-decoration: none; }
div#body-map a:hover, div#body-map a:focus  { overflow: visible; }

div#body-map strong { margin: 0; padding: 0; display: block; background: transparent url(../img/bodymap/nav-button.gif) bottom left no-repeat; }
div#body-map em { font-style: normal; margin: 0; padding: 10px; display: block; background: transparent url(../img/bodymap/nav-button-top.gif) top left no-repeat; }

div#body-map div.definition { padding-bottom: 10px; border: 5px solid #D42A56; background-color: #730424; visibility: hidden; position: absolute; top: 0; right: 0; width: 206px; }
div#body-map a:hover div.definition, div#body-map a:focus div.definition { visibility: visible; }
div#body-map div.definition h3 { font-size: 1em; margin: 0; padding: 0 5px 5px; background-color: #D42A56; color: #FFF; }
div#body-map div.definition h4 { margin: 5px 5px 0; padding: 0; color: #FFF; }
div#body-map div.definition p { margin: 5px; padding: 0; color: #FFF; }

/* BACKGROUNDS */
div.bm-image { z-index: 0; visibility: hidden; position: absolute; top: 0; right: 0; width: 450px; height: 440px; }
a:hover div.bm-image, a:focus div.bm-image { visibility: visible; }

div.brain { background: transparent url(../img/bodymap/brain.png) 107px 4px no-repeat; }
div.heart { background: transparent url(../img/bodymap/heart.png) 41px 12px no-repeat; }
div.skin { background: transparent url(../img/bodymap/skin.png) 41px 10px no-repeat; }
div.meta { background: transparent url(../img/bodymap/meta.png) 96px 4px no-repeat; }
div.muscles { background: transparent url(../img/bodymap/muscles.png) 41px 10px no-repeat; }
div.dige { background: transparent url(../img/bodymap/dige.png) 101px 9px no-repeat; }
div.repro { background: transparent url(../img/bodymap/repro.png) 107px 9px no-repeat; }
div.immune { background: transparent url(../img/bodymap/immune.png) 19px -15px no-repeat; }

/* FEMALE SPECIFIC */
div#female div.heart { background: transparent url(../img/bodymap/hear_f.png) 50px 8px no-repeat; }
div#female div.muscles { background: transparent url(../img/bodymap/musc_f.png) 55px 4px no-repeat; }
div#female div.dige { background: transparent url(../img/bodymap/dige_f.png) 100px 0px no-repeat; }
div#female div.repro { background: transparent url(../img/bodymap/repr_f.png) 99px 4px no-repeat; }
div#female div.immune { background: transparent url(../img/bodymap/immu_f.png) 17px -20px no-repeat; }

div#legend { display: none; }