@charset "UTF-8"; /* CSS Document */
body { font-family: Arial, Helvetica, sans-serif; font-size:16px; margin: 0; }


#main_container { margin-left: auto; margin-right: auto; width: 900px; position: relative; }

#header_container { display:block;}
#main_wrapper { display:block; padding:0px; width: 900px; }
#prize_wrapper {display:none; padding:10px }
#explanation_wrapper { position: relative; display: inline-block; width:700px; height:auto; text-align:left; padding:10px; margin-top:50px; -moz-box-shadow: -1px -1px 10px #888; -webkit-box-shadow: -1px -1px 10px #888; box-shadow: -1px -1px 10px #888;}
#bonus_and_sleep_text_wrapper { display: inline-block; vertical-align: top;}
.section-wrapper { display:block; vertical-align: top; margin-left:auto; margin-right:auto; margin-top: 10px; }
.sub-wrapper { display:inline-block; vertical-align: top;}


/* #logo { background:url(/images/logo.png) 0 0 no-repeat; position: relative; display: inline-block; width:561px; height:85px; } */
#logo { background:url(/images/staffwellness-competition-banner_dog_heart.png) 0 0 no-repeat; width:760px; height:150px; margin: 0 auto;  }

#login_etc { margin-top: 10px; width: 900px; }
#login { display: inline-block; float: right; max-width: 420px;padding: 10px; color: #444444; vertical-align: top; background-color: #8FC9E9; }
#competition { display: inline-block; float: left; max-width: 300px; padding: 10px; color: #444444; vertical-align: top;-webkit-border-top-right-radius: 10px;-khtml-border-radius-topright: 10px;-moz-border-radius-topright: 10px;border-top-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-khtml-border-radius-bottomleft: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-left-radius: 10px;background-color: #DD9494; }
.rounded_10 { -webkit-border-top-right-radius: 10px;-khtml-border-radius-topright: 10px;-moz-border-radius-topright: 10px;border-top-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-khtml-border-radius-bottomleft: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-left-radius: 10px; }
/* .rounded_10 div {  } */
.rounded_title {border-bottom: 1px dotted #777;
background: rgba(0, 0, 0, 0.05);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
bottom: 0;
left: 0;
font-size: 15px;
padding: 5px 10px;
-khtml-border-radius-topright: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
border-top-right-radius: 10px;
}
.rounded_body { padding: 5px 10px; }


#my_team {position: relative; display: block; width:900px; vertical-align: top; }
#mainInput {position: relative; display: inline-block;  width:auto; padding-left:10px; vertical-align: top;}
#newsfeed { display: inline-block; float: right; max-width: 200px; text-align: justify; color: #444444; vertical-align: top; background-color: #F5AF88; }

#bonus { display: inline-block;  vertical-align: top; }

#win_this {background:url(/images/win_this.png) 0 0 no-repeat;position: relative; display: inline-block; width:325px; height:220px; z-index:-1; vertical-align: top; margin-left: 340px;}
#kindle   {background:url(/images/kindle.jpg)   0 0 no-repeat;position: relative; display: inline-block; width:385px; height:420px; z-index: -2; left: -100px; top: -50px; }

/************* Leader Board *****************/
.team_scores { display: inline-block; position: relative; padding: 5px; margin-left: 10px; width:350px; min-height: 405px; font-family: "Comic Sans MS", cursive, sans-serif; vertical-align: top; background:url(/images/leader_board_background.jpg) 0 0 repeat; color: #444444; -moz-box-shadow: 2px 2px 10px #888; -webkit-box-shadow: 2px 2px 10px #888; box-shadow: 2px 2px 10px #888; }
.team_scores td { text-align: left; padding: 0; border-bottom: solid #454545 1px;}
.team_scores table { border-spacing: 0px; margin: 0 20px 0 10px; border-collapse: collapse; border-style: hidden; }
.team_scores table td, .team_scores table th { border-bottom: 1px solid #DBD4D4; }
#leaderboard { margin: 0 auto; background:url(/images/leader_board.png) 0 0 no-repeat; width: 300px; height: 51px; }

#competition_image { display: inline-block; position: relative; margin-left: 10px; -moz-box-shadow: 2px 2px 10px #888; -webkit-box-shadow: 2px 2px 10px #888; box-shadow: 2px 2px 10px #888; }

#login td { padding:0px; margin:1px 2px; text-align:left }

.loginLabels { float: left;text-align: right; }
.loginDetails { float: left;text-align: left; }
.loginDetails p { display: block; padding: 0; margin: 10px;  }
#login_details {display: inline-block; }
#logged_in_as {display: inline-block; }

#save, #previous, #next, #bonus_submit { position: relative; display: inline-block; width:130px; height:30px; margin-top: 20px; font-size: 14px; color:white; font-weight:bold; border:1px lightblue outset; padding: 5px 10px; 
background: #286ec9; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI4NmVjOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIzJSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #286ec9 0%, #2989d8 23%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#286ec9), color-stop(23%,#2989d8), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #286ec9 0%,#2989d8 23%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #286ec9 0%,#2989d8 23%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #286ec9 0%,#2989d8 23%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #286ec9 0%,#2989d8 23%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#286ec9', endColorstr='#7db9e8',GradientType=0 ); /* IE6-8 */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */}
#save:hover, #previous:hover, #next:hover { border:1px lightblue inset;
background: #296db5; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5NmRiNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIzJSIgc3RvcC1jb2xvcj0iIzIzNzdiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ODliYzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #296db5 0%, #2377bc 23%, #689bc1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#296db5), color-stop(23%,#2377bc), color-stop(100%,#689bc1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #296db5 0%,#2377bc 23%,#689bc1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #296db5 0%,#2377bc 23%,#689bc1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #296db5 0%,#2377bc 23%,#689bc1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #296db5 0%,#2377bc 23%,#689bc1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#296db5', endColorstr='#689bc1',GradientType=0 ); /* IE6-8 */
}
#save     { margin-left: 15px; }
#previous { margin-left: 30px; }
#next     { margin-left: 15px; }
#output { position:absolute; top:460px; left:50px; width:1000px; z-index:1000; background-color:#FFF; }
#output2 { position:absolute; top:30px; left:880px; z-index:1000; background-color:#FFF; }
#total { position:relative; width:200px; height:30px; margin-left:100px; margin-top:10px; display: inline-block; }


.date { background-color: #D4E3F8; color: #444444; font-size: 13px; border: 1px white; border-style: solid none none solid; 
-webkit-border-top-left-radius: 5px;
-khtml-border-radius-topleft: 5px;	
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-khtml-border-radius-topright: 5px;	
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
}
.input_field_text  { width:110px; margin-left: 5px; }
.input_field_number{ width:40px; height:20px; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.input_radio_med   { heigth:20px; vertical-align:bottom; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.input_radio_sleep { heigth:20px; vertical-align:bottom; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.input_checkbox_diet { vertical-align:bottom; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.label{ text-align:right;}
.sub_label { text-align:right; font-size:13px; color: #444444; }
.reminder { text-align:left; color:#666; width: 250px; margin-top:10px; }
.error { text-align: right; color: red; width: 140px; box-shadow: 2px 2px 5px #888;}

#inf_exe { }

#team_scores td {text-align:right; padding:0px 5px; }
.scores_header {text-shadow:#CCC; font-weight:900; }
.score_explanation {color:#444444; font-size:10px; }
.bouns_points_explanation {color:#FFF; font-size:12px; text-align: left; }

h1 {font-size:36px; padding: 10px; margin: 0; }
h2 {font-size:24px; padding: 10px; margin: 0; text-align:center}
h3 {font-size:18px; padding: 10px; margin: 0; }
h4 {font-size:14px; padding: 10px; margin: 0; text-align:center}
h5 {font-size:12px; padding: 10px; margin: 0; }
h6 {font-size:10px; padding: 10px; margin: 0; }

.explanation p {position: relative; height:40px; }


.locked { width: 50px; height: 225px; position: absolute; margin-top: 39px; margin-left: -15px; opacity: 0.4; }
.lock { width: 50px; height: 45px; position: absolute; margin-top: 39px; margin-left: -15px; opacity: 0.4; }

/***************** TABLE ***************/
table.main_input { position:relative; top:0px; left:0px; padding:0px; margin:0px; border-spacing:0; }
td {padding:4px 7px 0px 5px; margin:0px 0px 0px 0px; text-align:center}
.meditate_input { background-color: #D4E3F8; }
.exercise_input { background-color: #F8D4E3; }
.diet_input { background-color: #D4F8E3; height: 22px; }
.sleep_input { background-color: #F8F8D4; }

#bonus_table { background: url('/images/chalkboard.jpg') no-repeat 0 0; display: inline-block; width: 260px; height: 346px; padding: 25px 35px 45px 40px; }
.bonus_table { border-collapse:collapse; border="0"; border-spacing: 0px; font-family: "Comic Sans MS", cursive, sans-serif; color: white;  }


/********** For Speedometers ************/

.speedometers { display:inline-block; position: relative; margin: 10px auto 5px; padding: 0px; max-width: 200px; color:#444444;
-webkit-border-top-right-radius: 10px;
-khtml-border-radius-topright: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-khtml-border-radius-bottomleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-left-radius: 10px;
background-color: #E4EFF5;
}

.speedometers-title { text-align: center; font-size: 16px; width: 180px;  }
.speedometers-competition_total { text-align: center; font-size: 14px; width: 180px;  }
.speedometers_small_group { display:block; width: 185px; margin:5px auto 5px; }

.speedometer 	{ display:inline-block; position: relative; background:url('/images/speedometer/speedometer-70.png') no-repeat 0 0; height: 70px; width: 70px; margin: 2px 10px; }

.arrow 			{ position: absolute; width: 14px; height: 70px; top:  3px; left: 29px; background: url('/images/speedometer/needle-14.png') no-repeat 0 0; }
.speedoscore 	{ position: absolute; text-align: center; top:  45px; left:   25px; font-size: 13px; width:  20px; }
.speedomin   	{ position: absolute; text-align: right;  top:  52px; right:  64px; font-size:  9px;}
.speedomax   	{ position: absolute; text-align: left;   top:  52px; left:   64px; font-size:  9px;}
.speedolabel 	{ position: absolute; text-align: center; top:  61px; left:    9px; font-size:  9px; width:  55px; }

.speedometer-total { position: relative; width:155px; height:140px; top:  0px; left:  0px; background: url('/images/speedometer/speedometer-total.png') no-repeat 0 0; margin: 0 auto; }

.arrow-total       { position: absolute; width: 28px; height:140px; top: 15px; left: 64px; background-image: url('/images/speedometer/needle-28.png'); background-repeat:no-repeat; }
.speedoscore-total { position: absolute; text-align: center; top: 100px; left:   55px; font-size: 17px; width:  50px; }
.speedomin-total   { position: absolute; text-align: right;  top: 117px; right: 141px; font-size: 12px;}
.speedomax-total   { position: absolute; text-align: left;   top: 117px; left:  141px; font-size: 12px;}
.speedolabel-total { position: absolute; text-align: center; top: 128px; left: 17.5px; font-size: 12px; width: 120px; }

/********** Additional pages ************/
#addbonuspoints { margin: 0 auto; width: 410px; padding: 5px 10px; background-color: #3B93C4; color: #F4FBFF;  }
.addbonuspoints td { text-align: left; min-width: 140px; }


/********** Team Names pop-out ************/
td.dropt { }
td.dropt:hover { z-index: 6; }
td.dropt span {position: absolute; left: -9999px; margin: 20px 0 0 20px; padding: 3px 3px 3px 3px; border-style:solid; border-color:black; border-width:1px; z-index: 6; width:300px; background: url(/images/leader_board_background.jpg) 0 0 repeat;}
td.dropt:hover span {left: 20px; } 

/********** Error Message ************/
#message { 
	position: absolute;
	width: 300px;
	top: 230px;
	display: inline-block;
	z-index: 10;
	background-color: rgb(168, 154, 180);
}
#old_link_grayout {
	background-color: #000000;
	width: 100%;
	height: 99999px;
	-moz-opacity: 0.70;
	opacity:.70;
	filter: alpha(opacity=70);
	position: absolute;
	z-index: 9;
}
.modal-overlaid {
-moz-opacity: 0.7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
-khtml-opacity: 0.7;
opacity: 0.7;
width: 100%;
}
.modal-overlay {
background: black;
left: 0;
position: absolute;
top: 0;
z-index: 9;
}

.laurent #login { float: left; }
.laurent #previous { margin-left: 0; }
.laurent #save { margin-left: 5px; }
.laurent #next { margin-left: 5px; }
.laurent #previous, .laurent #save, .laurent #next { width: 119px; padding: 5px; }

.laurent #mainInput { padding-left: 0; }