@charset "UTF-8";
/* CSS Document */

* {
padding: 0;
margin: 0;
}

body { 
color: #fff;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
background: #3d4f4f url(site_01.jpg) 0 0 repeat-x fixed;
}

label, input[type="text"], input[type="password"] { 
display: block; 
margin: 5px auto; 
width: 300px;
}

h2, h3, h4, h5 { 
color: #fff;
font-family: Helvetica, Arial, sans-serif; 
}

a {
color: #81ccb1;
text-decoration: underline;
}

a:hover {text-decoration: none;}

p, h2,h3,h4,h5,h6 {padding: 5px 0;}

p, li {line-height: 16px; }

h2 {font-size: 20px;}
h3 {font-size: 18px; }
h4 {font-size: 14px; }

input[type="text"], input[type="password"] {
border: 1px solid #81ccb1 !important;
font-size: 10px;
padding: 2px;
}

input[type="submit"], input[type="reset"] {border: 0; border: none;}

input[type="submit"], input[type="reset"], .accessBtn a {
background-color: #81CCB1;
padding: 5px;
color: #fff;
text-align: center;
cursor: pointer;
}

input[type="submit"]:hover, input[type="reset"]:hover, .accessBtn a:hover {
background-color: #fcb034;
}

ul {
list-style: none;
margin: 10px 0;
}

li {margin: 5px 0;}

/*////IDS____*/

#addThisButton {
bottom: 10px;
font-weight: bold;
height: 30px;
position: absolute;
right: 180px;
width: 200px;
}

#languageSelect {
text-align: right;
padding-right: 20px;
font-weight: bold;
}

#languageSelect a {
text-decoration: none;
}

#wrapper {
width: 960px;
margin: 0 auto;
}

#mainContainer {
width: 960px;
}

#header {
width: 960px;
height: 150px;
margin-bottom: 20px;
background: url(header_02.jpg) 0 0 no-repeat;
-moz-box-shadow: 0 0 10px #111;
-webkit-box-shadow: 0 0 10px #111;
border-bottom: 1px solid #fcb034;
position: relative;
}

#header h1 {
color: #fff;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 42px;
padding-top: 30px;
height: 70px;
background-color: #7ac142;
font-weight: lighter;
letter-spacing: 1px;
text-align: center;
}

#content { 
min-height: 750px;
position: relative;
}

.details h3, #rightCol h3 {
color: #81ccb1;
}

#leftCol, #rightCol, #bottomContent, .shadeBg {
background: #60706f url(site_04.jpg) 0 100% repeat-x;
}
.shadeBdr {
-moz-box-shadow: 0 0 10px #111;
-webkit-box-shadow: 0 0 10px #111;
}

#mainContent {
padding: 20px 20px 40px;
}

.eventTypes p {
width: 715px;
}

#leftCol {
float: left;
width: 540px;
height: 450px;
-moz-box-shadow: 0 0 10px #111;
-webkit-box-shadow: 0 0 10px #111;
}

#rightCol {
float: right;
width: 400px;
height: 450px;
-moz-box-shadow: 0 0 10px #111;
-webkit-box-shadow: 0 0 10px #111;
}

#bottomContent {
margin-top: 20px;
clear: both;
float: left;
-moz-box-shadow: 0 0 10px #111;
-webkit-box-shadow: 0 0 10px #111;
width: 960px;
}

#planModule {
float: left;
display: inline;
width: 419px;
*width: 418px;
border-right: 1px solid #859594;
}

#otherEventsModule {
float: left;
width: 539px;
display: inline;
border-left: 1px solid #3c4a4a;
/*border-right: 1px solid #859594;*/
}

#quickLinksModule {
float: left;
width: 209px;
height: 280px;
border-left: 1px solid #3c4a4a;
}

.colWrapper {
float: left;
width: auto;
padding: 10px;
border-top: 1px solid #859594;
}

#quickLinksModule ul {
font-size: 13px;
font-weight: bold;
}

#footer {
background: url(header_13.jpg) 0 0 no-repeat;
padding: 10px 0;
height: 17px;
width: 960px;
clear: both;
border-bottom: 1px solid #fcb034;
}

fieldset {
border: 1px solid #81ccb1;
padding: 10px;
}

legend {
font-weight: bold;
font-size: 16px;
color: #fff;
}

#copyRight {
text-align: center;
font-size: 10px;
}

#stepImg {
border: 1px solid #81CCB1;
}

#logo {
width: 258px;
position: absolute;
left: 39px;
top: 53px;
}

#billion {
width: 140px;
position: absolute;
right: 18px;
top: 42px;
}

#ninetyDayPlan {
float: left;
width: 399px;
}

#activeEvents {
float: left;
width: 519px;
}

/*////CLASSES____*/

.specialEventInfo {
padding: 20px;
}

.specialEventInfo .eventImage {
float: left;
width: 320px;
height: 280px;
margin-right: 20px;
border: 1px solid #81CCB1;
}

.specialEventInfo .eventInfo {
width: 165px;
}

div.eventTypes h3 img {
vertical-align: middle;
margin-right: 10px;
}

div.eventTypes ul, div.tool ul, #planModule ul, #otherEventsModule ul {
margin-top: 10px;
margin-bottom: 0;
}

div.eventTypes ul li, div.tool ul li, #planModule ul li, #otherEventsModule ul li {
margin: 2px 0;
}

.audioIcon, .detailsIcon, .ticketsIcon, .linkToIcon, .april_ldw_share, .july_ldw_share, .genH_share, .clubTour_share, .herbalifeTour_share, .addthis_button {
padding-left: 19px;
height: 17px;
}

.detailsIcon {
background: url(/images/icons/details-icon.png) 0 50% no-repeat;
}

.ticketsIcon {
background: url(/images/icons/ticket-icon.png) 0 50% no-repeat;
}

.linkToIcon {
background: url(/images/icons/link-icon.png) 0 50% no-repeat;
}

.audioIcon {
background: url(/images/icons/audio-icon.png) 0 100% no-repeat;
}
.april_ldw_share, .genH_share, .clubTour_share, .herbalifeTour_share, .addthis_button, .july_ldw_share {
background: url(/images/icons/share-icon.png) 0 50% no-repeat;
}

.stickToBottom {
position: absolute;
left: 0;
bottom: 0;
width: inherit;
}

.headerOne, .headerTwo, .headerThree {
height: 17px;
padding: 10px 0 10px 20px;
text-shadow: 2px 2px 3px #454545;
border-bottom: 1px solid #fcb034;
color: #fff;!important
clear: both;
}

.headerOne {background: url(header_05.jpg) 0 0 no-repeat;}
.headerTwo{background: url(header_07.jpg) 0 0 no-repeat;}
.headerThree{background: url(header_10.jpg) 0 0 no-repeat;}

/*THREE STEPS BUTTONS*/
ul.threeStepBtns {
width: 180px;
}

ul.threeStepBtns li {
display: block;
border-bottom: 1px solid #859594;
}

ul.threeStepBtns a {
display: block;
padding: 25px 0;
color: #fcb034;
text-decoration: none;
font-size: 14px;
text-shadow: 1px 1px 2px #454545;
border-bottom: 1px solid #3c4a4a;
position: relative;
}

ul.threeStepBtns li span {
font-weight: bold;
font-size: 16px;
color: #fff;
padding: 7px 3px;
background-color: #fcb034;
text-shadow: none;
}

ul.threeStepBtns a img {
border: 0;
border: none;
width: 16px;
height: 16px;
vertical-align: middle;
}

ul.threeStepBtns a:hover {
background-color: #5e6968;
color: #fff;
}

ul.threeStepBtns a:hover span {
background-color: #fff;
color: #fcb034;
}

table.gridItems {
*float: left;
}

table.gridItems td {
padding: 3px;
}

.activeEventDetails {
float: left;
width: 238px;
padding: 10px;
height:110px;
}

.eventDetails {
float: left;
padding: 10px;
width: 179px;
height: 110px;
}

.eventIcon {
float: left;
width: 56px;
}

.eventInfo {
float: left;
width: 113px;
margin-left: 10px;
}

.activeEventDetails .eventInfo {
float: left;
width: 172px;
margin-left: 10px;
}

.eventInfo ul {
height: 64px;
}

div.eventTypes div {
padding: 10px 0;
border-top: 1px solid #859594;
border-bottom: 1px solid #3C4A4A;
}

.backHomeLink {
padding-bottom: 10px;
border-top: none;
border-bottom: 1px solid #3C4A4A;
}

.attendedEvent {
padding-top: 10px;
border-top: 1px solid #859594;
clear: left;
}

.inlineImg {
border: 0;
border: none;
vertical-align: middle;
width: 16px;
height: 16px;
}

.HLOrange {color: #fcb034;}
/*////CAROUSEL STYLES____*/
#scroll {
	position:relative;
	height:;
	overflow:hidden;
	width:520px;
	height:387px;
}

#tools {
	width:9999em;
	position:absolute;
	height:307px;
}

.tool {
	float:left;
	width:520px;
	height:307px;
}

.tool a.scrollableImg img {
float: left;
width: 320px;
overflow: hidden;
height: 280px;
border: 1px solid #81CCB1;
}

.details {
float: left;
width: 160px;
margin-left: 20px;
}

.specialMessage {
color: #fcb034;
font-size: 14px;
}

.specialMessage span {
color: #ccc;
}

#thumbs {
	height:60px;
	position:absolute;
	top:310px;
	width:520px;
	left:0;
}

#thumbs div {
float: left;
width: 520px;
border-bottom: 1px solid #3C4A4A;
}

.navi {
	margin-left:70px;
}
.t {
	padding:0 !important;
	border:0 !important;
}

.t div a {
	/*background-color: #888;*/
	margin-left:10px;
	display:block;
	float:left;
	cursor:pointer;
}

/*////SUBMISSION FORM STYLES____*/

#testimonialForm { 
padding: 30px 0;
border-top: 1px solid #859594
}

.submissionForm input[type="text"], .submissionForm input[type="password"], .submissionForm input[type="file"], .submissionForm select, .submissionForm textarea  { 
display: block; 
margin: 5px 0; 
width: 320px;
border: 1px solid #81ccb1;
}

.submissionForm label { 
display: block; 
margin: 5px 0; 
width: 320px;
}

.submissionForm label span {color: red; font-weight: bold;}

/*////OVERLAY STYLES____*/

/* the overlayed element */
.apple_overlay {

/* initially overlay is hidden */
display:none;

/* growing background image */
background-image:url(http://static.flowplayer.org/tools/img/overlay/white.png);

/* 
width after the growing animation finishes
height is automatically calculated
*/
width:640px;		

/* some padding to layout nested elements nicely  */

/* a little styling */	
font-size:11px;
*postion: relative;
*z-index: 10001;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
background-image:url(http://static.flowplayer.org/tools/img/overlay/close.png);
position:absolute; right:5px; top:0;
cursor:pointer;
height:35px;
width:35px;
}

/* use a semi-transparent image for the overlay */
#overlay {
background-image:url(http://static.flowplayer.org/img/overlay/transparent.png);
color:#efefef;
height:400px;
width: 640px;
*z-index: 99999;
}

/* container for external content. uses vertical scrollbar, if needed */
#overlay div.contentWrap {
height: 350px;
overflow-y:auto;
padding: 35px;
}