@import url(forms.css);

.leftnav {
	padding:0;
	margin:0 0 0 0;
	width:160px;
	float:left;
}
.leftnav ul {
	padding:0;
	margin:0 0 20px 0;
}
.leftnav h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	width: 160px;
	height: 29px;
	padding:0;
	margin:0;
	}
.leftnav h3 a {
	line-height: 29px;
	padding:0 0 0 6px;
	width: 154px;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: right top;
	display:block;
	}
.leftnav h3 a:link, .leftnav h3 a:visited {
	text-decoration:none;
	}
/* leftnav orange */
.leftnav.orange {
	font-size: 11px;
	line-height:130%;
	color: #333;
	float:left;
	margin:0 0 0 0;
	border:0;
	}
.leftnav.orange h3 {
	background-image: url(images/2009/titleBarLeftOrange.gif);
	background-repeat: no-repeat;
	}
.leftnav.orange h3 a {
	background-image: url(images/2009/titleBarRightOrange.gif);
	}
.leftnav li {
	margin:0;
	font-size:11px;
	background-color: #fff2cc;
	width: 160px;
	list-style: none outside;
	background-image: url(images/lha/left_nav_arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 50%;
	}
.leftnav li a, .leftnav li a:visited, .leftnav li a:active {
	color:#00a4e4;
	text-decoration:none;
	padding: 5px 0 5px 12px;
	width: 148px;
	display:block;
	border-bottom:1px dotted #00a4e4;
	}
.leftnav li a:hover {
	text-decoration: underline;
	background-color: #fffaeb;
	color: #00a4e4;
	background-image: url(images/lha/left_nav_arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 50%;
	}


/*.leftnav h3.blue {
	background-image: url(images/lha/left_nav_header2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.leftnav ul.blue li {
	font-size:11px;
	background-color: #e0ebcd;
	width: 147px;
	list-style: none outside;
	background-image: url(images/lha/left_nav_arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 50%;
}
.leftnav ul.blue li a, .leftnav ul.blue li a:visited, .leftnav ul.blue li a:active {
	color:#00a4e4;
	text-decoration:none;
	padding: 5px 0 5px 12px;
	width: 135px;
	display:block;
	border-bottom:1px dotted #00a4e4;
}
.leftnav ul.blue li a:hover {
	text-decoration: underline;
	background-color: #ecf3df;
	color: #00a4e4;
	background-image: url(images/lha/left_nav_arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 50%;
}
*/

#promos {
	margin:0 0 44px 0;
	font-size: 11px;
	color: #333;
	float:left;
	border-width:0 0 1px 0;
	border-style:dotted;
	border-color:#00a4e4;
	}
#promos ul {
	margin:0;
	padding:0;
	font-size: 11px;
	float:left;
	}
#promos li {
	list-style-type: none;
	border-width:1px 0 0 0;
	border-style:dotted;
	border-color:#00a4e4;
	margin:0;
	padding:8px 0 10px 5px;
	float:left;
}
#promos li img {
	float:left;
	padding:0 13px 0 0;
	
}
#promos .more {
	font-weight:bold;
	color:#f37321;
	}
#promos .more a {
	color:#f37321;
	}
.headerimage {
	float:right;
	padding:0 0 5px 0;
	}
.teamphoto {
	float:right;
	padding:8px 20px 5px 0;
	}
#inside .column2 .columnA h2 {
	font-size: 16px;
	font-weight: bolder;
	color: #f37321;
	padding:23px 0 6px 0;
	margin:0 0 20px 0;
	background-image: url(images/lha/title_underline.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
#inside .column2 .columnA h3 {
	font-size: 13px;
	font-weight: bolder;
	color: #f37321;
	margin:0 0 10px 0;
	}
#inside .column2 .columnA h4 {
	font-size: 11px;
	font-weight: bolder;
	color: #f37321;
	margin:0;
	}
/*#inside .column2 .columnA h5 {
	font-size: 15px;
	font-weight: bolder;
	border-bottom:2px solid #548807;
	color: #548807;
	padding:3px 0 0 0;
	margin:0;
	}*/
#inside .column2 .columnA p {
	color:#333333;
	line-height:130%;
	margin:0 0 10px 0;
	}
#inside .column2 .columnA ul {
	margin:0 0 10px 25px;
	}
	
/* for the HealthyCommunities page */
#inside .columnFull {
	width:820px;
	margin: 15px 0 0 20px;
}
#inside .columnFull100 {
	width:100%;
	margin: 15px 0 0 20px;
}
#inside .columnsSetupFull {
	float:left;
	width:830px;
	}
#inside .columnAsetupFull {
	float:left;
	width:530px;
	
	padding:0;
	margin:0 40px 0 0;
	}
#inside .columnBsetupFull {
	float:left;
	width:260px;
	padding:0;
	margin:0 0px 0 0;
	 background-color:#fff;
	}	

#inside .columnsSetup {
	float:left;
	width:670px;
	padding:0px 0 6px 0;
}
#inside .columnAsetup {
	float:left;
	width:420px;
	padding:0;
	margin:0 0px 0 0;
	}
#inside .columnBsetup {
	float:right;
	width:210px;
	padding:0;
	margin:0 0px 0 0;
	 background-color:#fff;
	}	
#inside .column2 .columnAsetup h2 {
	font-size: 15px;
	font-weight: bolder;
	color: #f37321;
	padding:23px 0 6px 0;
	margin:0 0 20px 0;
	background-image: url(images/lha/title_underline.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
#inside .column2 .columnAsetup h3 {
	font-size: 13px;
	font-weight: bolder;
	color: #f37321;
	margin:0 0 10px 0;
	}
#inside .column2 .columnAsetup h4 {
	font-size: 11px;
	font-weight: bolder;
	color: #f37321;
	margin:0;
	}
#inside .column2 h5 {
	clear:both;
	font-size: 14px;
	font-weight: bolder;
	border-bottom:1px dotted #00A4E4;
	color: #F37321;
	padding:3px 0 0 0;
	margin:0;
	}
#inside .column2 h5 span {
	font-weight:normal;
	color:#000;
}
#inside .column2 h5 em {
	font-weight:normal;
	padding:0 0 0 5px;
	font-size:12px;
}

#inside .column2 .columnAsetup p {
	color:#333333;
	line-height:130%;
	margin:0 0 10px 0;
	}
#inside .column2 .columnAsetup ul {
	margin:0 0 10px 25px;
	}

#inside .column2 .columnAsetupFull h3 {
	font-size: 13px;
	font-weight: bolder;
	color: #f37321;
	margin:0 0 10px 0;
	}
#inside .column2 .columnAsetupFull h4 {
	font-size: 11px;
	font-weight: bolder;
	color: #f37321;
	margin:0;
	}
#inside .column2 .columnAsetupFull h5 {
	font-size: 15px;
	font-weight: bolder;
	border-bottom:2px solid #0A2972;
	color: #0A2972;
	padding:3px 0 0 0;
	margin:0;
	}
#inside .column2 .columnAsetupFull p {
	color:#333333;
	line-height:130%;
	margin:0 0 10px 0;
	}
#inside .column2 .columnAsetupFull ul {
	margin:0 0 10px 25px;
	}
		
/* -- container_challenge --*/
/* RV for challenge boxes */
.container_challenge 
{
    float:left;
	font-size: 11px;
	line-height:130%;
	color: #333;
	width: 249px;
	background-position: left bottom;
	padding:0 0 0 0;
	margin:0 0 10px 0;
}
.container_challenge h1 {
	position:relative;
	background-repeat: no-repeat;
	height: 31px;
	width: 249px;
	line-height: 31px;
	padding:0 0 0 10px;
	color: #FFFFFF;
	/* margin:0 0 10px 0; */
	margin:0 0 0px 0; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	background-image: url(images/lha/titlebar_bg249.gif);
	text-transform: uppercase;
}
.container_challenge h1 a {
	line-height: 31px;
	color: #FFFFFF;
	display:block;
	width: 190px;
}
.container_challenge h1 span {
	position:absolute;
	top:-5px;
	right:0px;
}
.container_challenge h1 .head {
	position:absolute;
	top:0px;
	right:13px;
	color:#fff; font-size:8px;
	font-weight:normal;
}
.container_challenge .data 
{
    font-size:10px; text-align:right;
}
.container_challenge h1 a:link, .container_challenge h1 a:visited {
	text-decoration:none;
}
.container_challenge p {
	padding:0 10px 9px 10px; 
}
.container_challenge span, .container_challenge span a {
	color:#f37321;
}
.container_challenge .viewall, .container_challenge .viewall a {
	text-align:right;
	color:#f37321;
}
.container_challenge ul {
	margin:0;
	padding:0;
	}

.container_challenge ul li {
	list-style:none outside;
	padding:0 10px 9px 10px; 
}

.container_challenge ol {
	padding:0 0 14px 20px;
	margin:0;
}
.container_challenge ol li {
	padding:0 0 0 0px;
	margin:0 0 5px 0;
}

.container_challenge .slide_inside 
{
    padding: 5px 4px 5px 4px;
	background-image: url(images/lha/container_challenge_border.gif);
	background-repeat: no-repeat;
	width: 249px;
	background-position: left bottom;
}
	
	
/* for contact us page */
/* -- container1 --*/
.container1 {
	font-size: 11px;
	line-height:130%;
	color: #333;
	background-image: url(images/lha/container1_border.gif);
	background-repeat: no-repeat;
	width: 203px;
	background-position: left bottom;
	padding:0 0 5px 0;
	margin:0 0 14px 0;
}
.container1 h1 {
	position:relative;
	background-repeat: no-repeat;
	height: 31px;
	width: 203px;
	padding:0 0 0 0px;
	margin:0 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	background-image: url(images/lha/titlebar_bg.gif);
	text-transform: uppercase;
}
.container1 h1 a {
	width: 193px;
	line-height: 31px;
	padding:0 0 0 10px;
	color: #FFFFFF;
	background: url(images/lha/titlebar_rightend.gif) no-repeat right;
	display:block;
}
.container1 h1 span {
	position:absolute;
	top:-5px;
	right:0px;
}
.container1 h1 a:link, .container1 h1 a:visited {
	text-decoration:none;
}
.container1 p {
	padding:0 10px 9px 10px; 
}
.container1 span, .container1 span a {
	color:#f37321;
}
.container1 .viewall, .container1 .viewall a {
	text-align:right;
	color:#f37321;
}
.container1 ul {
	margin:0;
	padding:0;
	}

.container1 ul li {
	list-style:none outside;
	padding:0 10px 9px 10px;
}

.container1 ol {
	padding:0 0 14px 25px;
	margin:0;
}
.container1 ol li {
	padding:0 0 0 0px;
	margin:0 0 5px 0;
}
/* -- container3 --*/
.container3 {
	font-size: 11px;
	line-height:130%;
	color: #333;
	background-image: url(images/lha/container3_border.gif);
	background-repeat: no-repeat;
	width: 347px;
	background-position: left bottom;
	padding:0 0 0 0;
	margin:0 0 14px 0;
}
.container3 h1 {
	position:relative;
	background-repeat: no-repeat;
	height: 31px;
	width: 347px;
	padding:0 0 0 0px;
	margin:0 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	background-image: url(images/lha/titlebar_bg.gif);
	text-transform: uppercase;
}
.container3 h1 a {
	width: 337px;
	line-height: 31px;
	padding:0 0 0 10px;
	color: #FFFFFF;
	background: url(images/lha/titlebar_rightend.gif) no-repeat right;
	display:block;
}
.container3 h1 span {
	position:absolute;
	top:-5px;
	right:0px;
}
.container3 h1 a:link, .container3 h1 a:visited {
	text-decoration:none;
}
.container3 p {
	/*padding:0 10px 9px 10px;*/
	/* RV: I'm putting everything with a container inside a .containerwrap <div>... */
	/*     we can put margins on P tags... */
}
.container3 span, .container3 span a {
	color:#f37321;
}
.container3 .viewall, .container3 .viewall a {
	text-align:right;
	color:#f37321;
}
.container3 li {
	list-style:none outside;
	padding:0 10px 9px 10px;
}





/*xxx*/
#leaderboardbox {
	font-size: 11px;
	line-height:130%;
	color: #0A2972;
	background-image: url(images/lua/box_border_sml.jpg);
	background-repeat: no-repeat;
	width: 203px; 
	background-position: left bottom;
	padding:0 0 9px 0;
	margin:0px 0 14px 0;
}
#leaderboardbox h1 {
	background-image: url(images/lua/box_title_leaderboard.jpg);
	background-repeat: no-repeat;
	height: 40px;
	width: 203px;
	padding:10px 0 0 0;
}
#leaderboardbox h1 a {
	width: 203px;
	height: 40px;
	:-moz-any-link:focus;
	outline: none;
}
#leaderboardbox h1 a:link, #leaderboardbox h1 a:visited {
	display: block;
	position: absolute;
	height: 40px;
	text-indent: -9000px;
	text-decoration: none;
}
#leaderboardbox span, #leaderboardbox span a {
	color:#e4041f;
}
#leaderboardbox p {
	padding:0 10px 0 10px;
}
#leaderboardbox p.viewall {
	text-align:right;
	color:#e4041f;
	padding:0 10px 0px 10px;
}
#leaderboardbox p.viewall a {
	color:#e4041f;
}

/* leaderboard "pill box" */
.leaderstats_top { width:189px; margin-left:7px; padding: 3px 0 3px 0; text-align:center; 
        background-color:#ccebff; border-bottom:solid 1px #b1bbd5; }
.leaderstatsbox {margin-bottom:10px; margin-left:auto; margin-right:auto; 
        clear:both; position:relative;}
.leaderstatsbox DL { width:189px; padding: 3px 0 3px 0; 
        margin-left:7px;  
        height: 15px;   /* need the height listed for Firefox */
        /*padding:3px 5px 3px 0;*/
        background-color:#e0e0e0;  }
.leaderstatsbox DT {width: 100px; font-weight: bold; float:left; text-align:center; font-size:12px; }
.leaderstatsbox DD { float:left; font-size:10px;  }



#stats {
	margin:-10px 0 15px 0;
	font-size: 11px;
	padding:0;
	float:left;
	width:100%;
}
#stats span {
	color:#F37321;
	font-weight: bolder;
}
#inside .column2 .columnAsetup #stats .statsleft ul{
	margin:0px;
	padding:0px;

}
#inside .column2 .columnAsetup #stats .statsleft li, #inside .column2 .columnAsetup #stats .statsright li {
	margin:0;
	padding:0;
	list-style-image: none;
	list-style-type: none;
}
#inside .column2 .columnAsetup #stats .statsright ul{
	margin:0 0 0 10px;
	padding:0px;
}
.statsleft {
	float:left;
	width:65%;
}
.statsright {
	float:left;
	width:35%;
}
/*xxx*/
#messagebox {
	font-size: 11px;
	line-height:130%;
	color: #0A2972;
	background-image: url(images/lua/box_border_347.gif);
	background-repeat: no-repeat;
	width: 347px;
	background-position: left bottom;
	padding:0 0 0 0;
	margin:0px 0 14px 0;
	clear:both;
}
#messagebox li {
	list-style: none outside;
}

#messagebox li div {
	margin:0 20px 8px 40px;
	padding:0 0 10px 0;
	background-image: url(images/lua/blue_dashed_line.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
#messagebox li.alert {
	background-image: url(images/lua/icon_exclamation.gif);
	background-repeat: no-repeat;
	background-position: 14px 20%;
	color:#e4041f;
}
#messagebox li.message {
	background-image: url(images/lua/icon_envelope.gif);
	background-repeat: no-repeat;
	background-position: 10px 25%;
	color:#0A2972;
}
.messageboxbuttons {
	padding:0 20px 7px 40px;
}
.messageboxbuttons img {
	margin:0 7px 0 0;
}

#messagebox h1 {
	background-image: url(images/lua/box_title_messages.jpg);
	background-repeat: no-repeat;
	height: 40px;
	width: 347px;
	padding:10px 0 0 0;
}
#messagebox h1 a {
	width: 347px;
	height: 40px;
	:-moz-any-link:focus;
	outline: none;
}
#messagebox h1 a:link, #messagebox h1 a:visited {
	display: block;
	position: absolute;
	height: 40px;
	text-indent: -9000px;
	text-decoration: none;
}
#messagebox span, #messagebox span a {
	color:#e4041f;
}

#recorddatabox {
	font-size: 11px;
	line-height:130%;
	color: #0A2972;
	background-image: url(images/lua/box_border_347.gif);
	background-repeat: no-repeat;
	width: 347px;
	background-position: left bottom;
	padding:0 0 0 0;
	margin:0px 0 14px 0;
	clear:both;
}
#recorddatabox .wrap {
	padding:0 10px;
}
#recorddatabox p.recorddataalert {
	color:#e4041f;
	padding:0 0 0 10px;
	background-image: url(images/lua/icon_exclamation.gif);
	background-repeat: no-repeat;
	background-position: 0 20%;
}
#recorddatabox h1 {
	background-image: url(images/lua/box_title_record_data.jpg);
	background-repeat: no-repeat;
	height: 40px;
	width: 347px;
	padding:10px 0 0 0;
}
#recorddatabox h3 {
	font-size:12px;
	font-weight:bold;
	margin:0 0 0 0;
}
#recorddatabox h1 a {
	width: 347px;
	height: 40px;
	:-moz-any-link:focus;
	outline: none;
}
#recorddatabox h1 a:link, #recorddatabox h1 a:visited {
	display: block;
	position: absolute;
	height: 40px;
	text-indent: -9000px;
	text-decoration: none;
}
#recorddatabox label {
	font-size:10px;
	float:left;
}
#recorddatabox .datatext {
	width: 180px;
}
#recorddatabox input, #recorddatabox select {
	border:1px solid #0A2972;
	font-size:9px;
}
#recorddatabox div.recordweight {
	position:relative;
	background-color: #ccebff;
	padding:10px;
	margin:0 0 10px;
}

.weightinput {
	position:absolute;
	top:20px;
	left:200px;
}
.weightinput input {
	width:40px;
	margin:0;
	padding:1px;
}

#recorddatabox div.recordactivity {
	position:relative;
	background-color: #fce5e8;
	padding:10px;
	margin:0 0 10px;
}
.hoursinput {
	position:absolute;
	top:10px;
	left:200px;
}
.hoursinput select {
	width:45px;
}
.minutesinput {
	position:absolute;
	top:10px;
	left:250px;
}
.minutesinput select {
	width:45px;
}
.activityinput {
	position:absolute;
	top:45px;
	left:200px;
}
.activityinput select {
	width:100px;
}
.recorddatasubmit {
	margin:0 0 10px 210px;
	display:inline;
}


#recorddatabox ul {
	padding:0 12px;
}

#recorddatabox li {
	list-style: none outside;

}


#recorddatabox .datatext {
	float:left;
	width: 160px;
}
#recorddatabox .datainput {
	position:relative;
	float:left;
	width: 130px;
}


/* health tracking */
#healthdatabox {
	font-size: 11px;
	line-height:130%;
	color: #0A2972;
	background-image: url(images/lua/box_border_347.gif);
	background-repeat: no-repeat;
	width: 347px;
	background-position: left bottom;
	padding:0 0 0 0;
	margin:0px 0 14px 0;
	clear:both;
}
#healthdatabox .wrap {
	padding:0 10px;
}
#healthdatabox p.recorddataalert {
	color:#e4041f;
	padding:0 0 0 10px;
	background-image: url(images/lua/icon_exclamation.gif);
	background-repeat: no-repeat;
	background-position: 0 20%;
}
#healthdatabox h1 {
	background-image: url(images/lua/box_title_health_data.jpg);
	background-repeat: no-repeat;
	height: 40px;
	width: 347px;
	padding:10px 0 0 0;
}
#healthdatabox h3 {
	font-size:12px;
	font-weight:bold;
	margin:0 0 0 0;
}
#healthdatabox h1 a {
	width: 347px;
	height: 40px;
	:-moz-any-link:focus;
	outline: none;
}
#healthdatabox h1 a:link, #healthdatabox h1 a:visited {
	display: block;
	position: absolute;
	height: 40px;
	text-indent: -9000px;
	text-decoration: none;
}
#healthdatabox label {
	font-size:10px;
	float:left;
}
#healthdatabox .datatext {
	width: 180px;
}
#healthdatabox input, #healthdatabox select {
	border:1px solid #0A2972;
	font-size:9px;
}
#healthdatabox .rb {
	width:125px;
	font-size:9px;
}
#healthdatabox .rb TD {
	width:50%;
    table-layout:auto;
}
#healthdatabox .rb INPUT 
{
    border:0px solid #ffffff;
}

#healthdatabox div.recordweight {
	position:relative;
	background-color: #ccebff;
	padding:10px;
	margin:0 0 10px;
}
.healthdatasubmit {
	margin:0 0 10px 210px;
	display:inline;
}



/* RV used on the personal dashboard */
.tablePillBox 
{   font-size:10px; 
    /*border:1px dotted #f37321; */
    background-color:#fff2cc; }
.tablePillBox TD { padding: 1px 4px 1px 4px; }
.tablePillBox TH { border-bottom: 1px dotted #f37321; }

.pillBoxLink 
{
    width:192px; text-align:right; font-size:10px;
}
.modal { background-color:Gray; filter: alpha(opacity=40); opacity:0.7; }
.modalPopup { background-color:#fff; border: 3px solid #f37321; padding: 15px; 
             height: 520px; overflow:scroll;
            }

#modalPage { background-color:#fff; font-size:11px; font-family:Verdana,arial; }
#modalPage .table {font-size:10px; background-color:#fff; width:650px;  }
#modalPage .table TH {font-size:11px; color:#fff; font-weight:bold; background-color:#f37321;  }
#modalPage .table TD {font-size:10px;  }



/* RV */
.contentsmall
{
    color:#808080;
    font-size:10px;
}
.contentsmaller
{
    color:#808080;
    font-size:9px;
}

.dashboardButtons {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	}
.dashboardButtons li {
	float:left;
	margin-bottom: 8px;
	}
.dashboardButtonsCenter {
	margin:0 auto;
	padding:0;
	list-style:none;
	}


a.button {
    background: transparent url('images/2009/buttonOrangeRight.gif') no-repeat right 0;
    color: #fff;
    display: block;
    float: left;
	/*width:155px;*/ min-width:165px;
    font: normal 11px arial, sans-serif;
    margin-right: 6px;
	font-size:14px;
	font-weight:bold;
	height:35px;
    padding-right: 25px;
    text-decoration: none;
	:-moz-any-link:focus;
	outline: none;
	cursor:pointer;
}
a.button span {
    /*background: transparent url('/images/2009/buttonOrangeLeft.gif') no-repeat left 0; */
    background: transparent url('images/2009/buttonOrangeLeft.gif') no-repeat left top;
    display: block;
    padding:  8px 2px 2px 15px;
	white-space:nowrap;
	min-height:25px;
}

a.button:active, a.button:hover {
	color: #fff;
    background-position: right -35px;
}

a.button:active span, a.button:hover span {
	color: #fff;
    background-position: left -35px;
}

a.buttonMid {
    background: transparent url('images/2009/buttonOrangeRight.gif') no-repeat right 0;
    color: #fff;
    display: block;
    
	width:225px;
	/*min-width:155px;*/
    font: normal 11px arial, sans-serif;
    margin-right: 6px;
	font-size:14px;
	font-weight:bold;
	height:35px;
    padding-right: 25px;
    text-decoration: none;
	:-moz-any-link:focus;
	outline: none;
	cursor:pointer;
}
a.buttonMid span {
    /*background: transparent url('/images/2009/buttonOrangeLeft.gif') no-repeat left 0; */
    background: transparent url('images/2009/buttonOrangeLeft.gif') no-repeat left top;
    display: block;
    padding:  8px 2px 2px 15px;
	white-space:nowrap;
	min-height:25px;
}

a.buttonMid:active, a.buttonMid:hover {
	color: #fff;
    background-position: right -35px;
}

a.buttonMid:active span, a.buttonMid:hover span {
	color: #fff;
    background-position: left -35px;
}


/* for the Training Peaks page */
.terms { width:450px; height:120px; overflow:scroll; 
         padding:8px; font-size:10px;
         background-color:#e0e0e0; border:1px solid #c0c0c0;}
.terms PRE { font-family:Arial,helvetica;}

#popup { background-color:#fff; font-size:11px; font-family:Verdana,arial; }
#popup .list { line-height: 17px; }



/* styles for calendar page */
.tableA { border:solid 1px #606060; background-color:#f0f0f0; }
.tableA TH { background-color:#000000; color:#ffe600; font-weight:bold; }
.tableA TD {
    font-size:10px; font-family: Arial, Helvetica, sans-serif;
}
.tableA INPUT, .tableA SELECT { font-size:10px; font-family: Arial, Helvetica, sans-serif; }

.today { background-color:#ffe600; }

.calendartitle { font-size: 13px; height:28px; background-color:#00a4e4; color:#ffffff; border:0px; }
.calendartitle td { border-width:0px; border-style:none;  }

.altMonth { background-color:#e0e0e0; color:#303030; }
.calendar {border:solid 1px #303030; font-size:11px; line-height:12px;}
.calendar TH { background:#a0a0a0; color:#ffffff; font-weight:bold;}
.calendar td {
	border-color:#000;
    padding:2px; 
}
.calendar ul {
	font-size: 10px; font-family: Arial, Helvetica, sans-serif;
	padding:0px; margin: 5px 3px 5px 5px;
}
.calendar li {
	padding:0 0 0 0px;
	text-indent: 5px;
}
.calendarNav {padding: 0 20px 0 12px; font-size:11px; font-family: Arial, Helvetica, sans-serif;}
#overDiv { font-family:Arial,helvetica; font-size:11px; border:solid 1px #606060; background-color:#f0e999; padding:5px;}
.alt { background-color:#e9e9e9;}
.alt TD { background-color:#e3e3e3;}

.modal { background-color:Gray; filter: alpha(opacity=40); opacity:0.7; }
.modalPopup { background-color:#fff; border: 3px solid #f08080; padding: 15px; 
             height: 400px; width: 450px;
             overflow:scroll; z-index:99999; 
            }
.modalPopupTourn { background-color:#fff; border: 3px solid #f08080; padding: 15px; 
             height: 500px; overflow:auto; z-index:99999;
            }

#modalPage { background-color:#fff; font-size:11px; font-family:Verdana,arial; }
#modalPage .table {font-size:10px; background-color:#fff; width:650px;  }
#modalPage .table TH {font-size:11px; color:#fff; font-weight:bold; background-color:#f37321;  }
#modalPage .table TD {font-size:10px;  }

.tableBasic TD {font-size:12px; }


.programsColumn {
	margin:0 0 0 0;
	width:283px;
	float:left;
}


/* RV for admin reports */
.tableReport .gridcontent
{   font-size: 11px; 	
    font-family: Arial, Helvetica, sans-serif;
}
.tableReport .pagerContent
{   font-size: 11px; 	
    font-family: Arial, Helvetica, sans-serif;
    background-color:#b0d0ff;
}
.tableReport .tablehead, .tableReport .tablehead A
{
    font-size:11px; color:#FFF; font-weight:bold; 
}
