/*
Author:Tribal DDB Chicago
Developer:R Pryor, D Scott Boyce
Client:Gatorade
*/

/* dehydration landing page */

.gatorade_vs_dehydration #flash_wrapper {
	height:400px;
	background:#202020 url("../images/backgrounds/repeat-x_greygradient.gif") repeat-x left top;
}

/* hydration splash page content area */

#hydr_top {
	margin:0; padding:0;
	width:940px; height:323px;
	background:transparent url("../images/hydration/bg_hydration_main.gif") no-repeat 0 0;
}

/* Gameplan Header */

#header_tr {
	height:29px;
	overflow:hidden;
	position:absolute; z-index:1;
	bottom:318px; right:35px;
	border:0;
}

/* copy styles hydration content */

.gatorade_vs_dehydration #flash_wrapper h1 {
	width:886px; height:33px;
	overflow:hidden;
	position:absolute; z-index:1;
	bottom:320px; left:34px;
	border:0;
	font-size:1.5em;
	color:#d2e92c;
}
.gatorade_vs_dehydration #flash_wrapper h2 {
	position:absolute; left:-9999em; /* hide the text */
	height:0; width:0; overflow:hidden; /* opera needs a little extra convincing */
}
.gatorade_vs_dehydration #flash_wrapper h3 {
	font-size:1.2em;
	margin:0;
	text-transform:uppercase;
	color:#ff5b06;
}
.gatorade_vs_dehydration #flash_wrapper p {
	color:#fff;
	line-height:1.1em;
}

.gatorade_vs_dehydration #flash_wrapper #footnote p {
	font-size:.8em;
	color:#666666;
	font-style:italic;
	margin:0; padding:0;
}
.gatorade_vs_dehydration #flash_wrapper #footnote {
	padding-top:1em;
}
.gatorade_vs_dehydration #flash_wrapper #gvsd_copy_2 #footnote {
	padding-top:.25em;
}

.reference {
	color:#666666;
}

.gatorade_vs_dehydration #callout {
	font-size:8pt;
	color:#fff;
	font-weight:bold;
	margin:0 0 .5em 0;
	text-transform:uppercase;
	padding-left:7px;
	background:transparent url("../images/hydration/bg_bullet_r.gif") no-repeat 0 3px;
	text-decoration:none;
}

#list_1 li {
	text-decoration:none;
	color:#fff;
	font-size:9pt;
	line-height:11pt;
}

/*
.gameplan_01 {
background:transparent url('../images/hydration/bg_gameplan_01.jpg') no-repeat right 53px;
}
*/

/* dehydration bottom nav */

#dehy_botnav {
	margin:0; padding:0;
	position:relative; z-index:1;
	width:940px; height:78px;
	overflow:hidden;
	background:transparent url("../images/hydration/spr_dehy_main.jpg") no-repeat 0 0;
	list-style:none;
}
#dehy_botnav li {
	margin:0; padding:0;
	list-style:none;
}
#dehy_botnav li span {
	position:absolute; left:-9999em; /* hide the text */
	height:0; width:0; overflow:hidden; /* opera needs a little extra convincing */
}
#dehy_botnav li,
#dehy_botnav a {
	display:block;
	height:78px;
	position:absolute;
	top:0;
	background:transparent url("../images/hydration/spr_dehy_main.jpg") no-repeat 0 0;
	text-decoration:none;
}
#dehy_botnav_1 a {
	left:0;
	width:235px;
	background-position:0 0;
}
#dehy_botnav_2 a {
	left:236px;
	width:235px;
	background-position:-236px 0;
}
#dehy_botnav_3 a {
	left:471px;
	width:235px;
	background-position:-471px 0;
}
#dehy_botnav_4 a {
	left:706px;
	width:235px;
	background-position:-706px 0;
}
#dehy_botnav_1 a:hover {
	background-position:0 -78px;
}
#dehy_botnav_2 a:hover {
	background-position:-236px -78px;
}
#dehy_botnav_3 a:hover {
	background-position:-471px -78px;
}
#dehy_botnav_4 a:hover {
	background-position:-706px -78px;
}

#dehy_botnav_1 a.selected,
#dehy_botnav_1 a.selected:hover {
	background-position:0 -156px;
}
#dehy_botnav_2 a.selected,
#dehy_botnav_2 a.selected:hover {
	background-position:-236px -156px;
}
#dehy_botnav_3 a.selected,
#dehy_botnav_3 a.selected:hover {
	background-position:-471px -156px;
}
#dehy_botnav_4 a.selected,
#dehy_botnav_4 a.selected:hover {
	background-position:-706px -156px;
}


/* ****** Dehydration :What Is Dehydration ****** */

#whatis_dehy_content {
	width:886px;
	height:242px;
	overflow:hidden;
	position:relative; z-index:1;
	left:17px; top:29px;
	padding:53px 0 0 20px;
	border:0;
	background:transparent url("../images/hydration/bg_dehy_whatis.jpg") no-repeat right 53px;
}

#whatis_dehy_copy {
	position:relative; z-index:2;
	width:400px; height:210px;
	overflow:hidden;
	padding-top:16px;
	float:left;
}

/* END ****** Dehydration :What Is Dehydration ****** */

/* ****** Dehydration :What Is Dehydration ****** */

#dehy_warningsigns_content {
	width:886px;
	height:242px;
	overflow:hidden;
	position:relative;
	z-index:1;
	left:17px;
	top:29px;
	padding:53px 0 0 20px;
	border:0;
	background:transparent url("../images/hydration/bg_dehy_warningsigns.jpg") no-repeat right 53px;
	float:left;
}

#dehy_warningsigns_copy {
	position:relative; z-index:2;
	width:400px; height:210px;
	overflow:hidden;
	padding-top:16px;
	float:left;
}

/* END ****** Dehydration :What Is Dehydration ****** */


/* hydration 3.1.3 full content area */

#dehydration_content {
	width:886px; height:242px;
	overflow:hidden;
	position:relative; z-index:1;
	left:17px; top:29px;
	padding:53px 0 0 20px;
	border:0;
	background:transparent url("../images/hydration/bg_dehy_factors.jpg") no-repeat right 53px;
}

/* ****** CLASSES for Background Images ****** */

.dehy_warningsigns {
background:transparent url("../images/hydration/bg_dehy_warningsigns.jpg") no-repeat right 53px;
}
.dehy_whatis {
background:transparent url("../images/hydration/bg_dehy_whatis.jpg") no-repeat right 53px;
}

.factors_01 {
background:transparent url("../images/hydration/bg_factors_01.jpg") no-repeat right 53px;
}

.gameplan_01 {
background:transparent url("../images/hydration/bg_gameplan_01.jpg") no-repeat right 53px;
}
.gameplan_02 {
background:transparent url("../images/hydration/bg_gameplan_02.jpg") no-repeat right 53px;
}
.gameplan_03 {
background:transparent url("../images/hydration/bg_gameplan_03.jpg") no-repeat right 53px;
}
.gameplan_04 {
background:transparent url("../images/hydration/bg_gameplan_04.jpg") no-repeat right 53px;
}

/* END ****** CLASSES for Background Images ****** */


/* hydration 3.1.3 copy */
#dehydration_copy {
	position:relative; z-index:2;
	width:400px; height:210px;
	overflow:hidden;
	float:left;
	padding:16px;
	background:transparent url("../images/hydration/content_line_vert.gif") no-repeat 0 0;
}

/* ****** Hydration :Dehydration :Dehydration Factors sidenav ****** */

#dehy_factors_sidenav {
	margin:0; padding:0;
	position:relative; z-index:1;
	width:195px; height:130px;
	overflow:hidden;
	background:transparent url("../images/hydration/spr_dehy_factors.gif") no-repeat 0 0;
	list-style:none;
	float:left;
}
#dehy_factors_sidenav li {
	margin:0; padding:0;
	list-style:none;
}
#dehy_factors_sidenav li span {
	position:absolute; left:-9999em; /* hide the text */
	height:0; width:0; overflow:hidden; /* opera needs a little extra convincing */
}
#dehy_factors_sidenav li,
#dehy_factors_sidenav a {
	display:block;
	width:195px;
	position:absolute;
	top:0;
	background:transparent url("../images/hydration/spr_dehy_factors.gif") no-repeat 0 0;
	text-decoration:none;
}
#dehy_factors_sidenav_1 a {
	top:0;
	height:38px;
	background-position:0 0;
}
#dehy_factors_sidenav_2 a {
	top:39px;
	height:23px;
	background-position:0 -39px;
}
#dehy_factors_sidenav_3 a {
	top:63px;
	height:23px;
	background-position:0 -63px;
}
#dehy_factors_sidenav_4 a {
	top:89px;
	height:23px;
	background-position:0 -89px;
}
#dehy_factors_sidenav_5 a {
	top:112px;
	height:23px;
	background-position:0 -112px;
}


#dehy_factors_sidenav_1 a:hover {
	background-position:-195px 0;
}
#dehy_factors_sidenav_2 a:hover {
	background-position:-195px -39px;
}
#dehy_factors_sidenav_3 a:hover {
	background-position:-195px -63px;
}
#dehy_factors_sidenav_4 a:hover {
	background-position:-195px -89px;
}
#dehy_factors_sidenav_5 a:hover {
	background-position:-195px -112px;
}


#dehy_factors_sidenav_1 a.selected,
#dehy_factors_sidenav_1 a.selected:hover {
	background-position:-390px -0;
}
#dehy_factors_sidenav_2 a.selected,
#dehy_factors_sidenav_2 a.selected:hover {
	background-position:-390px -39px;
}
#dehy_factors_sidenav_3 a.selected,
#dehy_factors_sidenav_3 a.selected:hover {
	background-position:-390px -63px;
}
#dehy_factors_sidenav_4 a.selected,
#dehy_factors_sidenav_4 a.selected:hover {
	background-position:-390px -89px;
}
#dehy_factors_sidenav_5 a.selected ,
#dehy_factors_sidenav_5 a.selected:hover{
	background-position:-390px -112px;
}

/* ****** END Hydration :Dehydration :Dehydration Factors sidenav ****** */

/* ****** 3.1.3 Hydration :Dehydration :Negative Impact on Performance sidenav ****** */

#dehy_negimpact_content {
	width:886px; height:242px;
	overflow:hidden;
	position:relative; z-index:1;
	left:17px; top:29px;
	padding:53px 0 0 20px;
	border:0;
	background:transparent url("../images/hydration/bg_dehy_negimapct.jpg") no-repeat right 53px;
}

/* hydration 3.1.3 copy */
#dehy_negimpact_copy {
	position:relative; z-index:2;
	width:400px; height:210px;
	overflow:hidden;
	float:left;
	padding:16px;
	background:transparent url("../images/hydration/content_line_vert.gif") no-repeat 0 0;
}

/* hydration 3.1.3 side nav bar UL*/
#dehy_negimpact_sidenav {
	margin:0; padding:0;
	position:relative;
	z-index:1;
	width:195px;
	height:117px;
	overflow:hidden;
	background:transparent url("../images/hydration/spr_dehy_negimpact.gif") no-repeat 0 0;
	list-style:none;
	float:left;
}
#dehy_negimpact_sidenav li {
	margin:0; padding:0;
	list-style:none;
}
#dehy_negimpact_sidenav li span {
	position:absolute; left:-9999em; /* hide the text */
	height:0; width:0; overflow:hidden; /* opera needs a little extra convincing */
}
#dehy_negimpact_sidenav li,
#dehy_negimpact_sidenav a {
	display:block;
	width:195px;
	position:absolute;
	left:0;
	background:transparent url("../images/hydration/spr_dehy_negimpact.gif") no-repeat 0 0;
	text-decoration:none;
}
#dehy_negimpact_sidenav_1 a {
	top:0;
	height:46px;
	background-position:0 0;
}
#dehy_negimpact_sidenav_2 a {
	top:47px;
	height:39px;
	background-position:0 -50px;
}
#dehy_negimpact_sidenav_3 a {
	top:79px;
	height:39px;
	background-position:0 -79px;
}
#dehy_negimpact_sidenav_1 a:hover {
	background-position:-195px 0px;
}
#dehy_negimpact_sidenav_2 a:hover {
	background-position:-195px -50px;
}
#dehy_negimpact_sidenav_3 a:hover {
	background-position:-195px -79px;
}
#dehy_negimpact_sidenav_1 a.selected,
#dehy_negimpact_sidenav_1 a.selected:hover {
	background-position:-390px 0px;
}
#dehy_negimpact_sidenav_2 a.selected,
#dehy_negimpact_sidenav_2 a.selected:hover {
	background-position:-390px -50px;
}
#dehy_negimpact_sidenav_3 a.selected,
#dehy_negimpact_sidenav_3 a.selected:hover {
	background-position:-390px -79px;
}
/* ****** 3.1.3 Hydration :Dehydration :Negative Impact on Performance sidenav ****** */


/* ********************************************************** */

/* ****** Hydration :Gatorade vs Dehydration ****** */

#gvsd_content {
	width:886px;
	height:242px;
	overflow:hidden;
	position:relative;
	z-index:1;
	left:17px;
	top:29px;
	padding:53px 0 0 20px;
	border:0;
	/* background:transparent url('../images/hydration/bg_gvsdehy.jpg') no-repeat right 53px; */
	float:left;
}

.gvsd_reg {
background:transparent url("../images/hydration/bg_gvsdehy.jpg") no-repeat right 53px;
}

.gvsd_p4 {
background:transparent url("../images/hydration/bg_gvsdehy_p4.jpg") no-repeat right 53px;
}

#gvsd_copy {
	position:relative; z-index:2;
	width:430px; height:210px;
	overflow:auto;
	padding-top:16px;
	float:left;
}

#gvsd_copy_2 {
	position:relative; z-index:2;
	width:700px; height:225px;
	overflow:auto;
	padding-top:16px;
	float:left;
}


#gvsd_botnav {
	margin:0; padding:0;
	position:relative; z-index:1;
	width:940px; height:78px;
	overflow:hidden;
	background:transparent url("../images/hydration/spr_gvsd.jpg") no-repeat 0 0;
	list-style:none;
}
#gvsd_botnav li {
	margin:0; padding:0;
	list-style:none;
}
#gvsd_botnav li span {
	position:absolute; left:-9999em; /* hide the text */
	height:0; width:0; overflow:hidden; /* opera needs a little extra convincing */
}
#gvsd_botnav li,
#gvsd_botnav a {
	display:block;
	height:78px;
	position:absolute;
	top:0;
	background:transparent url("../images/hydration/spr_gvsd.jpg") no-repeat 0 0;
	text-decoration:none;
}
#gvsd_botnav_1 a {
	left:0;
	width:235px;
	background-position:0 0;
}
#gvsd_botnav_2 a {
	left:236px;
	width:235px;
	background-position:-236px 0;
}
#gvsd_botnav_3 a {
	left:471px;
	width:235px;
	background-position:-471px 0;
}
#gvsd_botnav_4 a {
	left:706px;
	width:235px;
	background-position:-706px 0;
}
#gvsd_botnav_1 a:hover {
	background-position:0 -78px;
}
#gvsd_botnav_2 a:hover {
	background-position:-236px -78px;
}
#gvsd_botnav_3 a:hover {
	background-position:-471px -78px;
}
#gvsd_botnav_4 a:hover {
	background-position:-706px -78px;
}

#gvsd_botnav_1 a.selected,
#gvsd_botnav_1 a.selected:hover {
	background-position:0 -156px;
}
#gvsd_botnav_2 a.selected,
#gvsd_botnav_2 a.selected:hover {
	background-position:-236px -156px;
}
#gvsd_botnav_3 a.selected,
#gvsd_botnav_3 a.selected:hover {
	background-position:-471px -156px;
}
#gvsd_botnav_4 a.selected,
#gvsd_botnav_4 a.selected:hover {
	background-position:-706px -156px;
}
/* ****** END Hydration :Gatorade vs Dehydration ****** */



/* ********************************************************** */

/* ****** Hydration :Gatorade vs Dehydration ****** */

#hydr_gameplan_content {
	width:886px;
	height:242px;
	overflow:hidden;
	position:relative;
	z-index:1;
	left:17px;
	top:29px;
	padding:53px 0 0 20px;
	border:0;
	/* background:transparent url('../images/hydration/bg_gvsdehy.jpg') no-repeat right 53px; */
	float:left;
}

/* ****** CLASSES for Background Images ****** */

.gameplan_01 {
background:transparent url("../images/hydration/bg_gameplan_01.jpg") no-repeat right 53px;
}
.gameplan_02 {
background:transparent url("../images/hydration/bg_gameplan_02.jpg") no-repeat right 53px;
}
.gameplan_03 {
background:transparent url("../images/hydration/bg_gameplan_03.jpg") no-repeat right 53px;
}
.gameplan_04 {
background:transparent url("../images/hydration/bg_gameplan_04.jpg") no-repeat right 53px;
}

/* END ****** CLASSES for Background Images ****** */



#hydr_gameplan_copy {
	position:relative; z-index:2;
	width:300px; height:210px;
	overflow:auto;
	padding-top:16px;
	float:left;
}


#pptools_botnav {
	margin:0; padding:0;
	position:relative; z-index:1;
	width:940px; height:78px;
	overflow:hidden;
	background:transparent url("../images/hydration/spr_pptools.jpg") no-repeat 0 0;
	list-style:none;
}
#pptools_botnav li {
	margin:0; padding:0;
	list-style:none;
}
#pptools_botnav li span {
	position:absolute; left:-9999em; /* hide the text */
	height:0; width:0; overflow:hidden; /* opera needs a little extra convincing */
}
#pptools_botnav li,
#pptools_botnav a {
	display:block;
	height:78px;
	position:absolute;
	top:0;
	background:transparent url("../images/hydration/spr_pptools.jpg") no-repeat 0 0;
	text-decoration:none;
}
#pptools_botnav_1 a {
	left:0;
	width:313px;
	background-position:0 0;
}
#pptools_botnav_2 a {
	left:314px;
	width:313px;
	background-position:-313px 0;
}
#pptools_botnav_3 a {
	left:627px;
	width:314px;
	background-position:-627px 0;
}
#pptools_botnav_1 a:hover {
	background-position:0 -78px;
}
#pptools_botnav_2 a:hover {
	background-position:-313px -78px;
}
#pptools_botnav_3 a:hover {
	background-position:-627px -78px;
}


#pptools_botnav_1 a.selected {
	background-position:0 -156px;
}
#pptools_botnav_2 a.selected {
	background-position:-313px -156px;
}
#pptools_botnav_3 a.selected {
	background-position:-627px -156px;
}

/* hydration 3.1.3 side nav */
#hydr_gameplan_sidenav {
	margin:0; padding:0;
	position:relative; z-index:1;
	width:195px; height:190px;
	overflow:hidden;
	background:transparent url("../images/hydration/spr_gameplan.gif") no-repeat 0 0;
	list-style:none;
	float:left;
}
#hydr_gameplan_sidenav li {
	margin:0; padding:0;
	list-style:none;
}
#hydr_gameplan_sidenav li span {
	position:absolute; left:-9999em; /* hide the text */
	height:0; width:0; overflow:hidden; /* opera needs a little extra convincing */
}
#hydr_gameplan_sidenav li,
#hydr_gameplan_sidenav a {
	display:block;
	width:195px;
	position:absolute;
	top:0;
	background:transparent url("../images/hydration/spr_gameplan.gif") no-repeat 0 0;
	text-decoration:none;
}
#hydr_gameplan_sidenav_1 a {
	top:0;
	height:50px;
	background-position:0 0;
}
#hydr_gameplan_sidenav_2 a {
	top:51px;
	height:36px;
	background-position:0 -51px;
}
#hydr_gameplan_sidenav_3 a {
	top:87px;
	height:49px;
	background-position:0 -87px;
}
#hydr_gameplan_sidenav_4 a {
	top:136px;
	height:55px;
	background-position:0 -136px;
}

#hydr_gameplan_sidenav_1 a:hover {
	background-position:-195px 0;
}
#hydr_gameplan_sidenav_2 a:hover {
	background-position:-195px -51px;
}
#hydr_gameplan_sidenav_3 a:hover {
	background-position:-195px -87px;
}
#hydr_gameplan_sidenav_4 a:hover {
	background-position:-195px -136px;
}

#hydr_gameplan_sidenav_1 a.selected {
	background-position:-390px -0;
}
#hydr_gameplan_sidenav_2 a.selected {
	background-position:-390px -51px;
}
#hydr_gameplan_sidenav_3 a.selected {
	background-position:-390px -87px;
}
#hydr_gameplan_sidenav_4 a.selected {
	background-position:-390px -136px;
}
/* ****** END Hydration :Gatorade vs Dehydration ****** */



/* ****** Hydration :PP Tools :Fluid Loss Calculator ****** */

#hydr_flc {
	width:870px;
	height:230px;
	overflow:hidden;
	position:relative;
	z-index:1;
	left:12px;
	top:29px;
	padding:53px 0 0 20px;
	border:0;
	/* background:transparent url('../images/hydration/bg_gvsdehy.jpg') no-repeat right 53px; */
	float:left;
}

/* END ****** Hydration :PP Tools :Fluid Loss Calculator ****** */
.gatorade_vs_dehydration #flash_wrapper .tip ul {
	color:#fff;
	list-style-type:disc;
	text-transform:uppercase;
	font-size:.9em; font-weight:bold;
}
.gatorade_vs_dehydration #flash_wrapper ul {
	color:#fff;
	list-style-type:disc;
}
.gatorade_vs_dehydration #flash_wrapper .tip li {
	margin:0 0 .3em 0;
}
.gatorade_vs_dehydration #flash_wrapper .warnings {
    width:49%;
    float:left;
}
.gatorade_vs_dehydration #flash_wrapper .tip {
	position:absolute; left:-9999em; /* hide the text */
	height:0; width:0; overflow:hidden; /* opera needs a little extra convincing */
}