body{
	font-size: 0.75em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #444;
	background: #cccccc;
}

body.popup{
	background: #ffffff;
}

h1, h2, h3, h4, h5, h6{
	color: #B5111B;
	font-family: Arial, Helvetica, sans-serif;
}

.error{
	padding: 2px 5px;
	background: #FFEE9F;
	color: #D62C39;
	font-weight: 100;
	border: 1px solid #EFC400;
	font-size: 0.95em;
	margin: 0 0 10px 0;
}

.error li{
	padding: 0 0 0 20px;
	line-height: 1.5em;
	background: url(../images/icons/icon_error.gif) no-repeat 0 50%;
}

.info{
	padding: 2px 5px;
	background: #FFEE9F;
	color: #538F35;
	font-weight: 100;
	border: 1px solid #EFC400;
	font-size: 0.95em;
	margin: 0 0 10px 0;
}

.info li{
	padding: 0 0 0 20px;
	line-height: 1.5em;
	background: url(../images/icons/icon_information.gif) no-repeat 0 50%;
}

blockquote{
	font-size: 1.25em;
	padding: 0 0 0 30px;
	font-style: italic;
	margin: 0 0 20px 10px;
	background: url(../images/quote_open.gif) no-repeat;
}

blockquote p{
	padding: 0 20px 0 0;
	background: url(../images/quote_close.jpg) no-repeat 100% 100%;
}

h1{font-size: 1.3em;}
h2{font-size: 1.3em;}
h3{font-size: 1.2em; color: #2D3944; border-bottom: 2px solid #2D3944; padding: 0 0 5px 0; margin: 0 0 10px 0; }
h4{font-size: 1.1em; font-weight: 800; }
h5{font-size: 1.3em;}
h6{font-size: 0.95em;}
h6{font-size: 0.9em; color: #B5111B;}
.confirm{color: #295F2C;}
.floatRight{float: right;}
.floatLeft{float: left;}
.spacing{margin: 5px;}
.emphasize{color: #B5111B;border-bottom: 1px dotted #B5111B;}
a{color:#B5111B;}
.print{color: #fff;}
address{line-height: 1.6em; font-style: normal;margin: 0 0 20px 0;}
.edit{color: #5C8F59;}
.smaller{font-size: 0.8em;}
.help{font-weight: 100;}
.vbottom{vertical-align: bottom;}
.vmiddle{vertical-align: middle;}
.vtop{vertical-align: top;}
.divider{border-bottom: 1px solid #ffffff;margin: 0;padding: 0; line-height: normal; height: 1px;}


#page_meta{
	width: 100%;
	float: left;	
	margin: 0 0 10px 0;
}

#page_meta h2{
	float: left;
}

#page_meta a{
	float: right;
}

#wrapper{
	width: 972px;
	text-align: left;
	margin: 0 auto;
	background: transparent url(../images/bg_wrapper_tile.gif) repeat-y;
}

#wrapper .top{
	width: 972px;
	height: 26px;
	background: url(../images/bg_wrapper_top.gif) no-repeat;
}

#header{
	width: 972px;
	height: 41px;
	float: left;
}

#header h1{
	width: 217px;
	height: 21px;
	float: left;
	display: inline;
	margin: 3px 0 0 26px;
}

#header h1 a{
	width: 217px;
	height: 21px;
	float: left;
	text-indent: -9999em;
	display: block;
	background: transparent url(../images/logo.gif) no-repeat;
}

#header ul{
	float: right;
	margin: 5px 30px 0 0;
	display: inline;
	font-weight: 800;
	position: relative;
}

#header ul li{
	height: 23px;
	line-height: 23px;
	float: left;
	margin: 0 0 0 10px;
	display: inline;
}

#header ul li img{
	vertical-align: middle;
}

#header ul li#account{
	position: relative;
}

#header ul ul{
	width: 150px;
	display: none;
	position: absolute;
	top:16px;
	left: -11px;
	font-size: 0.95em;
	line-height: 1.6em;
	background: #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 10px 0 0 0;
	z-index: 20;
}

#header ul ul li{
	width: 200px;
	color: #000;
	margin: 0 0 0 10px;
}

#header ul li img{
	margin: 0 0 0 10px;
	vertical-align: middle;
}

#header ul li a{
	color: #c44149;
}

#menu{
	clear: both;
	width: 950px;
	height: 35px;
	margin: 0 0 0 11px;
	float: left;
	display: inline;
	background: url(../images/bg_menu.gif) no-repeat;
}

#menu li{
	height: 35px;
	float: left;
}

#menu li a{
	height: 35px;
	float: left;
	display: block; 
	text-indent: -9999em;      
	background: url(../images/menu.gif) no-repeat;
}

#menu li#track a{width: 94px; background-position: 0 0;}
#menu li#blogs a{width: 72px; background-position: -94px 0;}
#menu li#shop a{width: 66px; background-position: -166px 0;}
#menu li#events a{width: 82px; background-position: -232px 0;}
#menu li#resources a{width: 80px;background-position:-314px 0;}
#menu li#search a{width: 78px; background-position:-394px 0;}
#menu li#advisors a{width: 90px; background-position:-472px 0;}

#menu li#track a:hover{width: 94px; background-position: 0px -35px;}
#menu li#blogs a:hover{width: 72px; background-position: -94px -35px;}
#menu li#shop a:hover{width: 66px; background-position: -166px -35px;}
#menu li#events a:hover{width: 82px; background-position: -232px -35px;}
#menu li#resources a:hover{width: 80px; background-position: -314px -35px;}
#menu li#search a:hover{width: 78px; background-position: -394px -35px;}
#menu li#advisors a:hover{width: 90px; background-position: -472px -35px;}

#container{
	width: 950px;
	float: left;
	display: inline;
	clear: both;
	margin: 0 11px;
	background: url(../images/bg_container_tile.gif) repeat-y;
}

body.member #container{
	background: #ffffff;
}

#mainContainer{
	width: 750px;
	float: left;
}


#mainContainer h1{
	width: 750px;
	height: 48px;
	line-height: 48px;
	color: #ffffcc;
	background: url(../images/bg_main_title.gif) repeat-x;
	text-indent: 25px;
	float: left;
}

body.member #mainContainer{
	width: 950px;
	
}

body.member #mainContainer h1{
	width: 950px;
	background: url(../images/bg_main_title.gif) repeat-x;

}

#mainContainer .pageInfo{
	width: 750px;
	height: 48px;
	line-height: 48px;
	float: left;
	background: url(../images/bg_main_title.gif) no-repeat;
}

body.member #mainContainer .pageInfo{
	width: 950px;
	background: url(../images/bg_main_title.gif) repeat-x;
}

#mainContainer .pageInfo h1{
	width: auto;
	background: none;
	float: left;
	color: #ffffcc;
	text-indent: 25px;
}

#mainContainer .pageInfo h4{
	float: left;
	color: #ffffcc;
}

#mainContainer .pageInfo h4 img{
	margin: 0 5px 0 10px;
}

#mainContainer .detailpager{
	float: right;
	margin: 0 25px 0 0;
	display: inline;
}

#mainContainer .detailpager{
	float: right;
	font-size: 0.95em;
}

#mainContainer .detailpager a{
	margin: 0 0 0 20px;
	color: #fff;
}

#mainContainer .detailpager a:hover{
	text-decoration: underline;
}

.pageInfo h6{
	float: right;
	margin: 12px 20px 0 0;
	display: inline;
	line-height: normal;
}


#mainContainer h5{
	color: #2d3944;
	margin: 10px 0 5px 0;
}

#mainContainer p{
	line-height: 1.6em;
	margin: 0 0 10px 0;
}

#mainContainer a{
	font-weight: 800;
}

#fullContainer{
	width: 700px;
	float: left;
	padding: 17px 25px 20px 25px;
}

body.member #fullContainer{
	width: 900px;
	float: left;
	padding: 17px 25px 20px 25px;
}

#equalLeftContent{
	width: 350px;
	margin: 0 0 20px 0;
	float: left;
}

#equalRightContent{
	width: 350px;
	margin: 0 0 20px 0;
	float: right;
}

#leftContent{
	width: 200px;
	float: left;
}

#leftContent h5.top{
	font-size: 1em;
	width: 200px;
	height: 28px;
	margin: 10px 0 0 0;
	padding: 0;
	line-height: 28px;
	text-indent: 10px;
	border-bottom: none;
	color: #2d3944;
	background: url(../images/bg_left_content_top.gif) no-repeat 0 0;
}

#leftContent h5.member{
	font-size: 1em;
	width: 200px;
	height: 28px;
	margin: 10px 0 0 0;
	padding: 0;
	line-height: 28px;
	text-indent: 10px;
	border-bottom: none;
	color: #ffffff;
	background: url(../images/bg_left_content_top_member.gif) no-repeat 0 0;
}

#mainContainer #leftContent h5.member a.edit{
	color: #5C8F59;
	font-weight: 800;
}

#leftContent ul.member{
	background: url(../images/bg_left_content_bottom_member.gif) no-repeat 0 100%;
}

#leftContent ul{
	width: 180px;
	\width: 200px;
	w\idth: 180px;
	font-size: 0.95em;
	padding: 5px 10px 10px 10px;
	line-height: 2em;
	margin: 0 0 20px 0;
	background: url(../images/bg_left_content_bottom.gif) no-repeat 0 100%;
}

#leftContent ul li{
	border-bottom: 1px solid #ccc;
}

#mainContainer #leftContent a{
	font-weight: 100;
	color: #b5111b;
}

#mainContainer #leftContent a:hover{
	text-decoration: underline;
}

#leftContent ul.oneline li{
	border-bottom: none;
}

#rightContent{
	width: 480px;
	float: left;
	margin: 0 0 0 20px;
	display: inline;
}

body.member #rightContent{
	width: 680px;
}

#rightContent #left{
	width: 235px;
	float: left;
}

body.member #rightContent #left{
	width: 330px;
}

#rightContent #right{
	width: 235px;
	float: right;
}

body.member #rightContent #right{
	width: 330px;
}

#rightContent ul.listing{
	margin: 0 0 0 20px;
}

#rightContent ul.listing li{
	padding: 0 0 2px 20px;
	margin: 0 0 5px 0;
	background: url(../images/icons/icon_article.gif) no-repeat 0 0;
}

#rightContent ul.listing li a{
	margin: 0;
}

#adContainer{
	width: 200px;
	padding: 10px 0 0 0;
	float: right;
}


#adContainer img, #adContainer iframe{
	margin: 10px 0 0 20px;
}

#adContainer h6{
	font-weight: 100;
	text-align: center;
}

#ads{
	margin: 10px 0 0 20px;
}

#fullBanner{
	width: 750px;
	height: 230px;
}

#banner{
	width: 750px;
	height: 230px;
	background: url(../images/bg_banner.gif) repeat-x;
}

#banner img{
	width: 500px;
	float: left;
}

#banner #flashArticles{
	width: 500px;
	float: left;
}

#banner #signIn{
	width: 250px;
	height: 230px;
	float: right;
	font-size: 0.9em;
	background: url(../images/bg_memberlogin.gif) no-repeat;
}

#banner #signIn p{
	margin: 60px 0 0 20px;
}

#banner #signIn .short, #banner #signIn .medium{
	margin: 0 0 5px 0;
}

#banner #signIn img{
	width: auto;
}

#banner span{
	width: 200px;
	display: block;
	float: left;
	margin: 5px 0 10px 0;
}

#banner a{
	float: left;
	font-weight: 100;
}

#banner span input{
	float: right;
	margin: 0 10px 0 0;
	display: inline;
}

#banner #signIn .medium{
	width: 180px;
}
/*
#banner table{
	width: 250px;
	margin: 65px 0 0 20px;
	border: none;
	font-size: 0.95em;
}

#banner table th{
	background: none;
	border: none;
	padding: 2px 0;
	text-align: left;
}

#banner table td{
	background: none;
	border: none;
	padding: 2px 0;
}

#banner table a{
	color: #b5111b;
}
*/
#banner .error{
	width: 265px;
	margin: 0 0 0 0;
}


#banner #signedIn{
	width: 250px;
	height: 230px;
	float: right;
	font-size: 0.95em;
	line-height: 1.6em;
	background: url(../images/banner_right_myaccount.jpg) no-repeat;
}

#banner #myaccount{
	width: 250px;
	margin: 65px 0 0 0;
	float: left;
	display: inline;
}

#banner #signedIn ul.left{
	width: 120px;
	float: left;
	margin: 10px 0 0 0;
}

#banner #signedIn ul.left li{
	width: 120px;
	float: none;
	display: block;
}

#banner #signedIn ul.right{
	width: 120px;
	float: left;
	margin: 10px 0 0 0;
}

#banner #signedIn ul.right li{
	width: 120px;
	float: none;
	display: block;
}

#banner #signedIn ul a:hover{
	text-decoration: underline;
}

#banner #signedIn a{
	float: none;
}

#banner #BodyContent__ctl0_region_newupdates{
	width: 500px;
	height: 230px;
	float: left;
	position: relative;
	background: transparent url(../images/banner_left_loggedin.jpg) no-repeat;
}

#banner #BodyContent__ctl0_region_newupdates h5{
	font-size: 0.9em;
	position: absolute;
	left: 350px;
	top: 25px;
}


#scrollBox{
	position: absolute;
	left: 410px;
	top: 75px;
	height: 110px;
	width: 20px;
	overflow: hidden;
	background: transparent url(../images/bg_scroller.gif) no-repeat;
}

#scroller{
	position: relative;
	width: 20px;
	background: transparent url(../images/scroller.gif) no-repeat;
}


#updates{
	height: 100px;
	width:	400px;
	position: absolute;
	overflow: hidden;
	/*float: left;*/
	left: 36px;
	top: 60px;
}

#updateList{
	position: relative;
	font-size: 0.95em;
	padding: 10px 0;
}

#updateList li{
	line-height: 1.6em;
}

/*
#caption{
	width: 750px;
	clear: both;
	background: #2d3944;
	float: left;
	padding: 0 0 10px 0;
}

#caption dl{
	width: 375px;
	float: left;
}

#caption dl dt{
	margin: 20px 0 0 25px;
}

#caption dl dd{
	padding: 0 20px 0 25px
}

#caption dl dd p{
	margin: 10px 0 0 0;
	line-height: 1.6em;
	color: #c4d4e1;
}

#caption a{
	color: #c4d4e1;
	font-weight: 800;
}
*/

#latest{
	width: 750px;
	clear: both;
	float: left;
	margin: 20px 0 0 0;
	padding: 0 0 10px 0;
	background: url(../images/bg_latest.gif) no-repeat bottom left;
}

#latest h2{
	margin: 0 0 20px 0;
}

#latest .latestArticle{
	width: 460px;
	margin: 0 0 0 20px;
	float: left;
	display: inline;
	border-right: 1px dotted #999999;
}

#latest .latestArticle .articleImage{
	width: 60px;
	height: 60px;
	overflow: hidden;
	float: left;
	margin: 0 5px 0 0;
}

#latest .latestArticle h3{
	width: 380px;
	float: right;
	border-bottom: none;
	color: #c44149;
	font-weight: 800;
	margin: 0;
	font-size: 1.4em;
}

#latest .latestArticle h6{
	width: 380px;
	float: right;
	font-weight: 800;
	color: #707070;
}

#latest .latestArticle .content{
	clear: both;
	padding: 0 20px 10px 0;
	margin: 0 0 0 0;
}

#latest .latestBlogs{
	width: 220px;
	float: right;
	margin: 0 20px 0 0;
	display: inline;
}

#latest .latestBlogs li{
	margin: 0 0 10px 0;
}


/* active advisors */
#activeAdvisors{
	clear: both;
	width: 710px;
	margin: 20px 20px;
	float: left;
	display: inline;
}

#activeAdvisors .top{
	width: 700px;
	height: 26px;
	clear: both;
	background: url(../images/bg_activeadvisors.gif) no-repeat;
}

#activeAdvisors .bottom{
	width: 700px;
	height: 26px;
	clear: both;
	background: url(../images/bg_activeadvisors.gif) no-repeat 0 100%;
}


#activeAdvisors .title{
	width: 700px;
	float: left;
}

#activeAdvisors h3{
	width: 500px;
	float: left;
}

#activeAdvisors .title a{
	width: 200px;
	float: right;
	text-align: right;
}

#activeAdvisors h3{
	border-bottom: none;
}


#activeAdvisors ul{
	width: 700px;
	/*height: 227px;*/
	float: left;
/*	background: url(../images/bg_activeadvisors.gif) no-repeat;*/
	background: url(../images/advisor_tile.gif) repeat-y;
}

#activeAdvisors ul li{
	width: 320px;
	height: 100px;
	margin: 18px 0 0 20px;
	float: left;
	display: inline;
}

#activeAdvisors ul li .imageHolder{
	width: 60px;
	height: 60px;
	overflow: hidden;
	float: left;
	margin: 0 5px 0 0;
}

#activeAdvisors ul li .imageHolder img{
	border: 1px solid #666666;
}

#activeAdvisors ul li h6 a{
	width: auto;
	font-size: 1.1em;
	text-align: left;
}

#activeAdvisors ul li h6{
	width: 235px;
	float: left;
	margin: 0 0 0 15px;
	display: inline;
	color:#000000;
}

#activeAdvisors ul li .freshArticle{
	width: 188px;
	\width: 200px;
	w\idth: 188px;
	/*height: 27px;
	\height: 39px;
	he\ight: 27px;*/
	float: left;
	padding: 5px;
	margin: 5px 0 0 15px;
	display: inline;
	font-size: 0.9em;
	border: 1px solid #e8e4cb;
	background: #fdfae8;
}

#activeAdvisors ul li .freshArticle a{
	font-weight: 100;
}


#newestMembers, #newestArticles{
	width: 440px;
	clear: both;
	float: left;
	padding: 0 0 10px 0;
}

#newestArticles li{
	list-style: none;
}

#newestMembers dt, #newestArticles dt{
	margin: 15px 20px 15px 25px;
}

#newestMembers dd, #newestArticles dd {
	float: left;
	margin: 0 0 0 25px;
	display: inline;
}

#newestArticles ul{
	width: 400px;
	float: left;
	margin: 0 0 20px 0;
}

#newestArticles li{
	width: 400px;
	float: left;
	margin: 0 0 10px 0;
}

#newestArticles li .articleImage{
	width: 60px;
	height: 60px;
	overflow: hidden;
	float: left;
	margin: 0 5px 0 0;
}

#newestArticles li h3{
	border-bottom: none;
	margin: 0 0 0 0;
}


#newestArticles li h6{
	font-weight: 100;
	line-height: 1.5em;
}

#newestMembers li{
	width: 190px;
	height: 75px;
	float: left;
	color: #b5111b;
	display: inline;
	margin: 0 15px 10px 0;
	background: url(../images/bg_featured_members.gif) no-repeat;
}

#newestMembers li .imageHolder{
	height: 60px;
	overflow: hidden;
	float: left;
	margin: 8px 5px 0 14px;
	display: inline;
}

#newestMembers li img{
	float: left;
	/*margin: 8px 5px 0 14px;*/
	display: inline;
}


#newestMembers li h6 a{
	font-size: 1em;
	float: left;
	color: #b5111b;
	font-weight: 100;
	margin: 25px 0 0 0;
}

/*
#featuredPublishers{
	width: 285px;
	float: left;
}

#featuredPublishers dt{
	margin: 15px 0 15px 0;
}


#featuredPublishers li .imageHolder{
	height: 60px;
	overflow: hidden;
	float: left;
	margin: 8px 5px 0 14px;
	display: inline;
}


#featuredPublishers li img{
	float: left;
	margin: 0 0 0 0;
	display: inline;
}

#featuredPublishers li{
	width: 260px;
	\width: 280px;
	w\idth: 260px;
	height: 75px;
	padding: 0 20px 0 0;
	float: left;
	color: #b5111b;
	display: inline;
	margin: 0 0 10px 0;
	background: url(../images/bg_featured_advisors.gif) no-repeat;
}

#featuredPublishers li h6{
	margin: 10px 0 0 5px;
	float: left;
}

#featuredPublishers li h6 a{
	font-size: 1em;
	color: #b5111b;
	font-weight: 100;
}

#featuredPublishers li h6 span{
	font-weight: 100;
	line-height: 1.6em;
}
*/
#footer{
	width: 972px;
	margin: 0 auto;
	text-align: left;
	font-weight: 100;
	background: #ccc url(../images/bg_footer.gif) no-repeat 0 0;
}

body.member #footer{
	background: #ccc url(../images/bg_footer_full.gif) no-repeat 0 0;
}

#footer ul.mainLinks{
	width: 910px;
	margin: 45px 0 0 25px;
	display: inline;
	float: left;
}

#footer .mainLinks li{
	float: left;
	font-weight: 800;
	margin: 0 0 0 10px;
	display: inline;
}

#footer .mainLinks  li a{
	margin: 0 10px 0 0;
}

#footer .mainLinks li.creditcard{
	width: 150px;
	float: right;
}

#footer ul.utilmenu{
	font-size: 0.9em;
	width: 910px;
	margin: 10px 0 0 25px;
	display: inline;
	float: left;
}

#footer .utilmenu li{
	color: #999999;
	float: left;
	margin: 0 0 0 10px;
	display: inline;
}

#footer .utilmenu  li a{
	color: #666666;
	margin: 0 10px 0 0;
}

#footer a{
	color: #363e46;
}

#footer a:hover{
	color: #B5111B;
}

#footer p{
	color: #666;
	clear: both;
	text-align: left;
	font-size: 0.9em;
	padding: 10px 0 25px 35px;
}



#BodyContent__ctl0_region_viewstore, #BodyContent__ctl0_region_DGhotproducts{
	border: none;
	width: 100%;
	border-collapse: collapse;
	
}




p.sort{
	font-size: 0.95em;
	float: left;
}

p.sort select{
	font-size: 0.95em;
}

#BodyContent__ctl0_region_EditAbout_PrivacySetting_1, #BodyContent__ctl0_region_EditAbout_PrivacySetting_0{
	vertical-align: bottom;
}

.mini{width: 50px;}
.tiny{width: 80px;}
.short{width: 110px;}
.medium{width: 150px;}
.long{width: 250px;}
.extralong{width: 360px;}

.mini, .tiny, .short, .medium, .long, .extralong{
	padding: 2px 2px;
}

#emphasisPoints{
	width: 300px;
	float: right;
	padding: 0 0 10px 10px;
}

.points{
	width: 220px;
	\width: 300px;
	w\idth: 220px;
	padding: 0 40px;
	float: right;
	background: url(../images/bg_right_content_middle.gif) repeat-y;
}

h3.pointTitle{
	width: 300px;
	height: 16px;
	\height: 52px;
	he\ight: 16px;
	padding: 36px 0 0 0;
	margin: 0 0 0 -40px;
	text-indent: 40px;
	border-bottom: none;
	background: url(../images/bg_right_content_top.gif) no-repeat;
}

.points ul{
	margin: 20px 0;
}

.points ul li{
	padding: 0 0 0 30px;
	margin: 0 0 10px 0;
	background: url(../images/bullet_tick.gif) no-repeat;
}

.points a{
	color: #bf3139;
	border-bottom: 1px dotted #2d3944;
}

.points .bottom{
	width: 300px;
	height: 20px;
	margin: 0 0 0 -40px;
	background: url(../images/bg_right_content_bottom.gif) no-repeat;
}

ul.list{
	margin: 20px 0 0 20px;
}

ul.list li{
	margin: 0 0 20px 20px;
	list-style: decimal;
	font-size: 1.4em;
	color: #B5111B;
	font-weight: 800;
}

ul.list li p{
	font-size: 0.7em;
	color: #2d3944;
	font-weight: 100;
}

#detail img{
	float: right;
	margin: 0 0 20px 20px;
}
#detail h5{
	color: #2d3944;
}

#detail h6{
	color: #666666;
}

#detail h4{
	color: #b5111b;
	font-size: 1.1em;
	border-bottom: none;
	margin: 20px 0 5px 0;
}
#breadcrumb{
	clear: both;
	width: 100%;
	font-size: 0.9em;
	color: #3b4650;
	font-weight: 100;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #999999;
	font-weight: 800;

}


/* all regular table top down */

.displayTable{
	width: 100%;
	clear: both;
	border: 1px solid #bcbcbc;	
	font-size: 0.95em;
	text-align: left;
}

.displayTable caption{
	text-align: right;
}

.displayTable caption a{
	color: #C44149;
}

.displayTable th{
	padding: 5px;
	text-align: left;
	background: #f4f4f4 url(../images/bg_display_table_header_tile.gif) repeat-x;
}

.displayTable td{
	padding: 5px;
	vertical-align: top;
	text-align: left;
	border-bottom: 1px solid #bcbcbc;
	border-top: 1px solid #bcbcbc;
}


.displayTable thead th, .displayTable tbody td{
	text-align: left;
}

.displayTable td.shadow{
	background: url(../images/bg_display_table_tr.gif) repeat-y;
}

.displayTable td.last{
	border-left: 3px solid #ccc;
	background: #f6f6f6;
}

.displayTable tr.alt{
	background: #eee;
}


.displayTable h4 a{
	color: #b5111b;
}

.displayTable h6{
	font-size: 1em;
	font-weight: 100;
}

.displayTable h6 a{
	color: #666666;
	font-weight: 100;
}

.displayTable .table{
	border: none;
}

.displayTable .table td{
	border: none;
	background: none;
}

.displayTable ul.interests{
	margin: 0 0 0 20px;
	list-style: square;
	line-height: 1.5em;
}

.displayTable td.nopadding{
	padding: 0;
}


/* inner table i.e. exercise */
.innerTable{
	width: 100%;
	background: #EFF7FF;
}

.innerTable th{
	color: #ffffff;
	background: #67747F;
}


/* tabular table */
.tabularTable{
	width: 100%;
	clear: both;
	font-size: 0.95em;
	margin: 0 0 20px 0;
	border: 1px solid #bcbcbc;	
}

.tabularTable th{
	padding: 0 5px;
	text-align: left;
	background: #f4f4f4 url(../images/bg_display_table_header_tile.gif) repeat-x;
	border-bottom: 1px solid #bcbcbc;
}

.tabularTable td{
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px solid #bcbcbc;
	border-top: 1px solid #bcbcbc;
}

/* blogs */

.post{
	width: 480px;
	float: right;
	padding: 0 0 5px 0;
	margin: 20px 0 10px 0;
	border-bottom: 1px solid #cccccc;
}


.post h2{
	width: 440px;
	float: right;
	font-size: 1.3em;
}

.post h2 a{
	color: #B5111B;
}

#rightContent .post h5{
	font-size: 1em;
	width: 35px;
	height: 39px;
	\height: 49px;
	he\ight: 39px;
	float: left;
	text-align: center;
	padding: 10px 0 0 0;
	margin: 0 0 3px 0;
	background: url(../images/bg_date.gif) no-repeat;
}

.post h5 span{
	font-size: 1.2em;
}


.post p{
	margin: 0;
	padding: 0;
}

.post .divider{
	width: 480px;
	clear: both;
	/*border-top: 1px dotted #ccc;*/
}

.post h6{
	width: 400px;
	float: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 0.9em;
	margin: 5px 0 0 5px;
	color: #666;
}

.post h6 img{
	vertical-align: middle;
	
}


.post .imageLeft{
	float: left;
	margin: 0 15px 8px 0;
	padding: 2px;
	border: 3px solid #7F8F9E;
	
}

.post .edit{
	color: #5C8F59;
}
/*.post .edit{
	float: right;
	background: #CDCCE3;
	padding: 1px 0 1px 5px;
	margin: 0 0 5px 0;	
	border: 1px solid #9A99C8;
}*/

#posting h1, #posting h2, #posting h3, #posting h4, #mainContainer #posting h5, #posting h6{
	width: auto;
	height: auto;
	float: none;
	background: none;
	text-indent: 0;
	color: #2D3944;
	border-bottom: none;
	padding: 0;
	margin: 0;
	line-height: normal;
	text-align: left;
}


#posting h1{font-size: 1.4em;}
#posting h2{font-size: 1.3em;}
#posting h3{font-size: 1.2em;}
#posting h4{font-size: 1.1em;}
#posting h5{font-size: 1.05em;}
#posting h6{font-size: 1.0em;}
#posting p{line-height: 1.6em;}
#posting{line-height: 1.6em;}

#posting table{
	width: 100%;
	float: left;
	margin: 10px 0;
	border: 1px solid #ccc;
}

#posting table tr{
	line-height: 1.6em;
}

#posting table tr td{
	border-bottom: 1px solid #ccc;
}

#posting table td{
	padding: 5px;
}

#posting ul{
	margin: 0 0 0 30px;
	list-style: square;
}

#posting ul li{
	margin: 0 0 10px 0;
}

.post ul.community_bookmarks{
	width: 400px;
	float: left;
	margin: 10px 0 0 5px;
}

.post ul.community_bookmarks li{
	float: left;
	display: inline;
	margin: 0 5px 0 0;
}

/* articles */

.article{
	width: 480px;
	float: right;
	padding: 0 0 10px 0;
	margin: 15px 0 0 0;
	border-bottom: 1px solid #cccccc;
}

.article h2{
	width: 480px;
	margin: 0 0 2px 0;
	font-size: 1.3em;
}

.article h2 span.author{
	font-size: 0.8em;	
	font-weight: 100;
	color: #444;
}

.article .articleImage{
	width: 60px;
	height: 60px;
	overflow: hidden;
	float: left;
	margin: 0 5px 0 0;
}

.article h3{
	width: 390px;
	float: right;
	margin: 0 0 5px 0;
	padding: 0;
	line-height: normal;
	border-bottom: none;
	font-size: 1.3em;
}

.article h4{
	width: 390px;
	float: right;
	margin: 8px 0 0 0;
}

.article h6{
	width: 390px;
	float: right;
	font-weight: 100;
	color: #666;
	margin: 0;
	border-bottom: none;
}

.article h6 img{
	vertical-align: middle;
	margin: -1px 0 0 0;
}

.article p{
	width: 390px;
	float: right;
}


/* may be removed - checked if used anywhere else */
.articleList h2{
	width: 430px;
	padding: 5px 0 0 0;
}


.articleList li{
	height: 50px;
	padding: 0 0 0 50px;
	/*background: url(../images/bg_resources_icon.gif) no-repeat 0 0;*/
}


/* forms */
table.form{
	width: 100%;
	clear: both;
	border: 1px solid #bbb;
	margin: 10px 0 10px 0;
	font-size: 0.95em;
}

table.form th{
	width: 120px;
	text-align: right;
	padding: 5px 5px;
	/*border-top: 1px solid #BFBFBF;*/
	/*background: #fff url(../images/bg_display_table_td.gif) repeat-x top left;*/
}


table.form td{
	padding: 5px 3px;
	/*border-top: 1px solid #BFBFBF;*/
	/*background: #EFEFEF;*/
}

table.form .focus{
	background: #CEDBE7;
}

table.form td.nopadding{
	padding: 0;
}

table.form table td{
	padding: 2px;
}

table.form_row td{
	border-bottom: 1px solid #cccccc;
}

table.form_row th{
	border-bottom: 2px solid #dddddd;
}

/* tabs for profile */
ul.contactButtons{
	width: 500px;
	float: left;
	margin: 0 0 20px 0;
}

ul.contactButtons li{
	float: left;
	margin: 0 10px 0 0;
}

/* controlpanel */

.controlpanel{
	width: 680px;
	height: 175px;
	/*position: relative;*/
	clear: both;
	background: url(../images/bg_controlpanel.gif) no-repeat;
}

#newupdates{
	width: 400px;
	height: 175px;
	float: left;
	position: relative;
}

#newupdates h5{
	font-size: 1em;
	position: absolute;
	top: 0;
	left: 300px;
}

#member_updates{
	height: 100px;
	width:	350px;
	position: absolute;
	overflow: hidden;
	left: 20px;
	top: 40px;
}

#member_updateList{
	position: relative;
	font-size: 0.95em;
	padding: 10px 0;
}

#member_updateList li{
	line-height: 1.6em;
}


#member_scrollBox{
	position: absolute;
	left: 380px;
	top: 40px;
	height: 110px;
	width: 20px;
	overflow: hidden;
	background: transparent url(../images/bg_scroller.gif) no-repeat;
}

#member_scroller{
	position: relative;
	width: 20px;
	background: transparent url(../images/scroller.gif) no-repeat;
}

.controlpanel #myaccount{
	width: 240px;
	float: left;
	margin: 35px 0 0 20px;
	display: inline;
}

.controlpanel ul.left{
	width: 120px;
	float: left;
	margin: 10px 0 0 0;
}

.controlpanel ul.right{
	width: 120px;
	float: left;
	margin: 10px 0 0 0;
}

.controlpanel li{
	line-height: 1.6em;
}




ul#tabs{
	width: 100%;
	height: 28px;
	float: left;
	margin: 20px 0 0 0;
	font-size: 0.9em;
	background: url(../images/bg_tabs_tile.gif) repeat-x left bottom;
	/*float: left;*/
}

#rightContent ul#tabs{
	width: 680px;
}

ul#tabs li{
	height: 27px;
	\height: 28px;
	he\ight: 27px;
	line-height: 27px;
	float: left;
	padding: 0;
	font-weight: 800;
	margin: 0 0 0 5px;
	display: inline;
	border-top: 1px solid #ccc;
	border-right: 2px solid #ccc;
	border-bottom: none;
	border-left: 1px solid #ccc;
	background: #f6f6f6;
	
	
}

ul#tabs li img{
	float: left;
	margin: 6px 2px 0 0;
}

ul#tabs li a{
	height: 27px;
	display: block;
	float: left;
	padding: 0 10px;
	background: url(../images/bg_tab_off_tile.gif) repeat-x left bottom;
}

ul#tabs li a:hover{
	color: #000;
	background: url(../images/bg_tab_hover_tile.gif) repeat-x left bottom;
}

ul#tabs li a.on{
	color: #000;
	background: url(../images/bg_tab_on_tile.gif) repeat-x left bottom;
}

/*#tab_general{
	width: 480px;
	float: left;
	clear: both;
}
*/
#tab_general, #tab_comments, #tab_friends, #tab_fitness, #tab_messages, #tab_browse, span#advanced, #tab_bulletin{
	margin: 20px 0 0 0;
	display: none;
}

span#expand_contact, span#expand_description{
	display: none;
}


/* comments for blogs, articles */
ol#comment, ol#membercomment{
	clear: both;
	margin: 0 0 0 30px;
}

ol#comment li, ol#membercomment li{
	list-style-type: decimal;
	margin: 0 0 17px 0;
	color: #2D3944;
	font-weight: 800;
	background: url(../images/talk_tile.gif) repeat-y;
}

ol#membercomment li{
	background: url(../images/talk_tile_long.gif) repeat-y;
}

ol#comment .bottom, ol#membercomment .bottom{
	width: 400px;
	height: 15px;
	background: url(../images/talk_bottom.gif) no-repeat;
}

 ol#membercomment .bottom{	
 	width: 600px;
 	background: url(../images/talk_bottom_long.gif) no-repeat;
 }

ol#comment li h6,  ol#membercomment li h6{
	width: 400px;
	height: 37px;
	\height: 42px;
	he\ight: 37px;
	padding: 5px 0 0 0;
	font-weight: 100;
	text-indent: 10px;
	color: #2D3944;
	font-weight: 100;
	margin: 0;
	background: url(../images/bubble_talk.gif) no-repeat;
}


ol#membercomment li h6{
	 	width: 600px;
	background: url(../images/bubble_talk_long.gif) no-repeat;
}

ol#comment li.author h6, ol#comment li.authoralt h6, ol#membercomment li.author h6, ol#membercomment li.authoralt h6{
	width: 400px;
	height: 37px;
	\height: 42px;
	he\ight: 37px;
	font-weight: 100;
	text-indent: 10px;
	padding: 5px 0 0 0;
	color: #cdcce3;
	font-weight: 100;
	margin: 0;
	background: url(../images/bubble_talk_alt.gif) no-repeat;
	color: #fff;
}

ol#membercomment li.author h6, ol#membercomment li.authoralt h6{
	 width: 600px;
	background: url(../images/bubble_talk_alt_long.gif) no-repeat;
}

ol#comment li.author h6 a{
	color: #fff;
}

ol#comment p, ol#membercomment p{
	width: 380px;
	\width: 400px;
	w\idth: 380px;
	padding: 0 10px;
	margin: 0;
	color: #333333;
	font-weight: 100;
	background: url(../images/talk_tile.gif) repeat-y;
}

ol#membercomment p{
	width: 580px;
	\width: 600px;
	w\idth: 580px;
	background: url(../images/talk_tile_long.gif) repeat-y;
}



#commentForm{
	float: left;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
}

#commentForm p {
	margin: 0 10px;
}


#commentForm dl{
	clear: both;
	width: 245px;
	float: left;
	margin: 20px 0 0 10px;
	display: inline;
}

#commentForm dl dt{
	width: 245px;
	float: left;
	color: #666666;
	font-weight: 800;
	text-align: left;
}

#commentForm dl dd{
	clear: both;
	width: 245px;
	float: left;
	margin: 0 0 10px 0;
}

#commentForm .medium{
	width: 230px;
}

#commentForm .requirements{
	width: 140px;
	\width: 150px;
	w\idth: 140px;
	padding: 5px;
	float: right;
	background: #DFF0FF;
	color: #666666;
	margin: 20px 0 0 0;
	border: 1px solid #9FD2FF;
}

#commentForm .requirements li{
	margin: 0 0 10px 0;
}


/* bulletin */
ul.bulletins{
	width: 670px;
	clear: both;
	float: left;
	margin: 0 0 0 10px;
	padding: 10px 0 0 0;
	border-top: 1px solid #ccc;
	font-weight: 100;
}

ul.bulletins li{	
	width: 670px;
	float: left;
	margin: 0 0 20px 0;
}

ul.bulletins .image{
	width: 70px;
	height: 60px;
	overflow: hidden;
	float: left;
}

ul.bulletins .bulletinmsg{
	width: 595px;
	float: right;
}


ul.bulletins h6{
	color: #444444;
}

ul.sort{
	width: 100%;
	float: left;
}

ul.sort li{
	padding: 0 0 0 20px;
	margin: 10px 0 0 10px;
	line-height: 1.5em;
	float: right;
	text-align: right;
	background: url(../images/icons/icon_sort.gif) no-repeat;
}

#mainContainer ul.bulletins  p a{
	font-weight: 100;
}

/* messages */
.messageInformation{
	width: 100%;
	float: left;	
	margin: 0 0 10px 0;
}

.messageInformation p{
	float: left;
}

.messageInformation h2{
	float: left;
	font-size: 1.2em;
	color: #000000;
	font-weight: 800;
}

.messageInformation h2 span{
	font-size: 0.9em;
}

.messageInformation .buttons{
	clear: both;
	width: 100%;
	float: left;
	margin: 10px 0 0 0;
}
.messageInformation .buttons span{
	font-weight: 800;
	font-size: 0.95em;
	line-height: 20px;
}

#messageBox{
	clear: both;
	width: 900px;
	float: left;
	border: 1px solid #696969;
	background: #fff url(../images/bg_message_panel.gif) repeat-y;
}

ul.tree{
	width: 147px;
	height: 27px;
	float: left;
	font-size: 0.95em;
	line-height: 27px;
}

ul.tree li{
	width: 147px;
	/*height: 27px;*/
	text-transform: uppercase;
	border-bottom: 1px solid #cccccc;
}

ul.tree li a{
	color: #ffffff;
	text-indent: 5px;
	display: block;
}

ul.tree li a:hover{
	color: #000000;
	background: url(../images/bg_message_title_on.gif) repeat-x;
}

ul.tree li ul li{
	border-bottom: none;
}

ul.tree li ul li a{
	text-indent: 25px;
	background: url(../images/bg_folder.gif) no-repeat;
}

ul.tree li ul li a:hover{
	background: url(../images/bg_folder_on.gif) no-repeat;
}




ul.sender{
	width: 147px;
	height: 27px;
	float: left;
	font-size: 0.95em;
	line-height: 27px;
	color: #ffffff;
}

 ul.sender li{
 	text-align: center;
 }

ul.sender li a{
	color: #ffffff;
}


#messagePanel{
	width: 753px;
	height: 500px;
	overflow: scroll;
	float: left;
}

#messagePanel a{
	color: #2d3944;
	font-weight: 100;
}

#messagePanel h2{
	width: 516px;
	width: 726px;
	line-height: 30px;
	font-size: 1em;
	color: #666666;
	font-weight: 100;
}

#messagePanel h2 span{
	color: #000;
	font-weight: 800;
}

#messagePanel .message{
	width: 716px;
	\width: 736px;
	w\idth: 716px;
	padding: 0 10px;
	background: transparent url(../images/bg_message_title.gif) repeat-x;
}

#messagePanel .message p{
	margin: 10px 0 10px 0;
}

#messagePanel table{
	width: 536px;
	width: 736px;
}

#messagePanel table td{
	padding: 4px 4px;
}

#messagePanel table tr.unread{
	background: #fff9ea;
	color: #B51018;
	font-weight: 100;
}

#messagePanel table tr.unread td, #messagePanel table tr.unread td a{
	color: #B51018;
}

#messagePanel table tr.move{
	height: 30px;
	border-bottom: 1px solid #696969;
	text-align: right;
	font-weight: 800;
	background: #fff9ea;
}

#messagePanel .pager{
	height: 25px;
	line-height: 25px;
	float: right;
	margin: 5px 10px 5px 0;
	display: inline;
	font-size: 0.9em;
}

#messagePanel .pager li{
	float: left;
	margin: 0 0 0 10px;
}

#messagePanel .page li a{
	float: left;
}

#messagePanel .pager li a.disabled{
	color: #ccc;
}

#tab_bulletin .pager, body.shop .pager{
	clear: both;
	width: 100%;
	float: left;
	margin: 10px 0 0 0;
}

body.shop .pager{
	width: auto;
	float: right;
	margin: 10px 0 5px 0;
}


#tab_bulletin .pager li, body.shop .pager li{
	float: left;
	margin: 0 0 0 10px;
}


#tab_bulletin .pager li a, body.shop .pager li a{
	float: left;
	margin: 0 0 0 10px;
}

#tab_bulletin .pager li a.disabled, body.shop .pager li a.disabled{
	color: #cccccc;
}

body.shop .pager select{
	font-size: 0.9em;
}

.articlePager{
	width: 480;
	padding: 3px 0 0 0;
	border-top: 1px dotted #ccc;
	float: left;
	margin: 0 0 10px 0;
}

.articlePager .left{
	width: 150px;
	float: left;
	border: 1px solid #fff;
}

.articlePager .right{
	width: 150px;
	float: left;
	text-align: right;
	border: 1px solid #fff;
}

.articlePager .center{
	width: 170px;
	float: left;
	text-align: center;
	border: 1px solid #fff;
}

.articlePager .left a{
	background: url(../images/icons/icon_previous.gif) no-repeat 0 50%;
	padding: 0 0 0 15px;
}

.articlePager .right a{
	background: url(../images/icons/icon_next.gif) no-repeat 100% 50%;
	padding: 0 15px 0 0;
}


/* friends tab */
ul#friendsList{
	width: 100%;
	float: left;
}

ul#friendsList li{
	width: 120px;
	height: 150px;
	float: left;
	text-align: center;
	cursor: pointer;
}

ul#friendsList li a{
	font-weight: 100;
	font-size: 1.1em;
}

ul#friendsList li .imageContainer{
	height: 100px;
	overflow: hidden;
}


/* calendar */
table.cal{
	width: 455px;
	width: 630px;
	clear: both;
	float: left;
	display: inline;
	border: 1px solid #ccc;
	border-left: none;
	margin: 5px 12px 10px 12px;
	font-size: 1em;
}

table.cal td{
	width: 65px;
	width: 90px;
	height: 100%;
	border-left: 1px solid #ccc;
	padding: 0;
	vertical-align: top;
	background: #fff9ea;
}

table.cal td.hover{
	width: 65px;
	width: 90px;
	height: 100%;
	border-left: 1px solid #ccc;
	padding: 0;
	vertical-align: top;
	background: #fff;
}

table.cal td .col{
	height: 100%;
}

table.cal ul{
	margin: 10px 10px 0 10px;
}

table.cal ul li{
	margin: 0 0 10px 0;
}

#mainContainer table.cal .col h1{
	width: auto;
	height: auto;
	line-height: normal;
	text-indent: 0;
	float: none;
	color: #cccccc;
	background: #fff;
	padding: 10px 0 20px 0;
	text-indent: 10px;
}

#mainContainer table.cal .col h5{
	height: 20px;
	color: #988c6f;
	line-height: 20px;
	text-indent: 10px;
	margin: 0;
	background-color: #ffebba;
}

table.cal .col h5.hover{
	height: 20px;
	color: #988c6f;
	line-height: 20px;
	text-indent: 10px;
	background-color: #fff;
}

ul.weekPager{
	width: 200px;
	float: right;
}

ul.weekPager li{
	float: left;
	font-weight: 800;
	margin: 0 0 0 10px;
	display: inline;
}

ul.weekPager li{
	background: none;
	padding: 0;
}

table.cal ul li{
	background: none;
	padding: 0;
}

#mainContainer #currWeek{
	padding: 0 0 0 10px;
	float: left;
	width: 300px;
	margin: 0;
}


/* shopping cart */
.cart{
	width: 700px;
	clear: both;
	float: left;
	font-size: 0.95em;
}

.cart th{
	padding: 0 0 4px 0;
	text-align: left;
	background: url(../images/bg_shopping_cart_tile.gif) repeat-x 0 100%;
}

.cart td{
	padding: 5px 0;
	border-bottom: 1px solid #cccccc;
}

.cart tr.totals td{
	border-bottom: none;
}

/* checkout  */
ol.checkoutsteps {
	width: 700px;
	height: 30px;
	margin: 10px 0 20px 0;
}

ol.checkoutsteps li {
	height: 30px;
	float: left;
}

ol.checkoutsteps li a {
	height: 30px;
	float: left;
}

#trailimageid
{
font-size: 0.75em;
position: absolute;
visibility: hidden;
left: 0px;
top: 0px;
width: 200px;
height: 0px;
z-index: 100;
}

#gallery li{
	width: 110px;
	height: 150px;
	float: left;
}

	
/*#lightbox{
	display:none;
	position: absolute;
	top:30%;
	left:50%;
	z-index:9999;
	width:800px;
	height:600px;
	margin:-220px 0 0 -250px;
	border:1px solid #fff;
	background:#ffffff;
	text-align:left;
}*/


#lightbox{
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:800px;
	height:600px;
	margin:-200px 0 0 -400px;
	background-color:#ffffff;
	border:1px solid #ccc;
	text-align:left;
}

#leftColumn{
	width: 500px;
	\width: 510px;
	w\idth: 500px;
	padding: 5px 5px;
	margin: 20px 0 0 10px;
	float: left;
	border: 1px solid #444444;
}

#rightColumn{
	width: 250px;
	\width: 260px;
	w\idth: 250px;
	float: right;
	padding: 20px 10px 0 0;
}

#leftColumn .categories{
	clear: both;
	font-size: 0.95em;
	margin: 0 0 10px 0;
}


#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}

#lightbox.done img{
	width:100%;
	height:100%;
}

#lightbox ol#comment{
	width: 250px;
	margin: 0;
}


#lightbox ol#comment li{
	background: none;
	list-style: none;
	margin: 0 0 5px 0;
	border-bottom: 1px dotted #cccccc;
	color: #444444;
}

#lightbox ol#comment .bottom{
	width: auto;
	height: 0px;
	background: none;
}


#lightbox ol#comment li h6{
	width: 250px;
	height: auto;
	padding: 0 0 0 0;
	font-weight: 100;
	text-indent: 0;
	color: #2D3944;
	font-weight: 100;
	margin: 0;
	background: none;
}


#lightbox ol#comment li.author h6, #lightbox ol#comment li.authoralt h6{
	width: 250px;
	height: auto;
	font-weight: 100;
	text-indent: 0;
	color: #cdcce3;
	font-weight: 100;
	margin: 0;
	background: none;
	color: #000;
}

#lightbox ol#comment p{
	width: 250px;
	font-size: 0.95em;
	padding: 0;
	margin: 3px 0 0 0;
	color: #333333;
	font-weight: 100;
	background: none;
}

#leftColumn .pager{
	width: 500px;
	float: left;
	font-weight: 800;
	border-bottom: 1px dotted #444;
	margin: 0 0 10px 0;
	padding: 0 0 3px 0;
}

#leftColumn .pager #prevLink{
	width: 250px;
	float: left;
}

#leftColumn .pager #nextLink{
	width: 250px;
	float: right;
	text-align: right;
}

#leftColumn .pager a img{
	vertical-align: middle;
}

#leftColumn .pager .disabled{
	color: #cccccc;
}

#lightbox #lightboxImage{
	clear: both;
}

#lightboxDetails{
	width: 500px;
}

#lightboxDetails a{
	float: right;
	font-weight: 800;
	margin: 5px 0 0 0;
}

#lightboxDetails a img{
	vertical-align: middle;
}

#lightbox .long{
	width: 230px;
}

#ratingPanel, #averagePanel{
	height: 50px;
	float: left;
	position: relative;
	font-size: 0.9em;
	font-weight: 800;
}

#ratingPanel, #averagePanel{
	width: 100px;
}

#averagePanel{
	margin: 0 0 0 55px;
}

#bg{
	height: 15px;
	position: absolute;
	left: 0;
	background: #FFC45F;
}

#avgbg{
	height: 15px;
	position: absolute;
	left: 0;
	background: red;
}

#rating,#avgRating{
	position: absolute;
	left: 0;
}

#rating li, #avgRating li{
	float: left;
}

ul.helpList{
	margin: 0 0 20px 20px;
}

ul.helpList li{
	list-style: square;	
	margin: 0 0 5px 0;
	line-height: 1.5em;
}


/* graphs */

.graphContainer{
	clear: both;
	font-size: 0.9em;
}

.graphContainer td{
	width: 68px;
	vertical-align: bottom;
}

.graphContainer table td{
	width: 100%;
}

.graphContainer tr.date{
	font-weight: 800;
	text-align: center;
}

dl.legend{
	width: 200px;
	float: left;
	margin: 0 0 10px 0;
	border: 1px solid #5A6874;
	border-bottom: none;
	font-size: 0.9em;
}

dl.legend dt{
	width: 30px;
	\width: 35px;
	w\idth: 30px;
	height: 20px;
	line-height: 20px;
	float: left;
	padding: 0 0 0 5px;
	border-bottom: 1px solid #5A6874;
}

dl.legend dd{
	width: 165px;
	height: 20px;
	line-height: 20px;
	float: left;
	border-bottom: 1px solid #5A6874;
}

#popupContainer{
	width: 900px;
	padding: 5px 5px;
	background: #ffffff;
	text-align: left;
}



#popupContainer a{
	color: #CC0000;
	padding: 10px 0 0 0;
	text-transform: uppercase;
	text-decoration: underline;
	font-weight: 800;
}


/* admin  */
.adminList{
	float: left;
}

.adminList li{
	text-align: center;
	vertical-align: middle;
	float: left;
	margin: 0 20px 20px 0;
}

.adminList li a{
	width: 200px;
	border: 1px solid #eeeeee;
	text-align: center;
	vertical-align: middle;
	padding: 25px 0;
	float: left;
}

.adminList li a:hover{
	border: 1px solid #cccccc;
	background: #f5f5f5;
}

.adminpanel{
	clear: both;
	width: 100%;
	float: left;
	border: 1px solid #696969;
	background: #fff url(../images/bg_message_panel.gif) repeat-y;
}

.adminpanel .exercises{
	width: 553px;
	float: left;
}

.adminpanel .trackingcat{
	width: 533px;
	\width: 553px;
	w\idth: 533px;
	padding: 5px 10px;
	font-size: 1.2em;
	font-weight: 800;
	background: transparent url(../images/bg_message_title.gif) repeat-x;
}

.adminpanel ul{
	width: 147px;
	float: left;
	font-size: 0.95em;
	line-height: 27px;
	background: #2D3944 url(../images/bg_message_panel.gif) repeat-y;
}

.adminpanel ul li{
	width: 147px;
	/*height: 27px;*/
	text-transform: uppercase;
	border-bottom: 1px solid #cccccc;
}

.adminpanel ul li a{
	color: #ffffff;
	text-indent: 5px;
	display: block;
}

.adminpanel ul li a:hover{
	color: #000000;
	background: url(../images/bg_message_title_on.gif) repeat-x;
}

.adminpanel ul li ul li{
	border-bottom: none;
}

.adminpanel ul li ul li a{
	text-indent: 25px;
	background: url(../images/bg_folder.gif) no-repeat;
}

.adminpanel ul li ul li a:hover{
	background: url(../images/bg_folder_on.gif) no-repeat;
}

.pageInfo .pager, ul.pager{
	float: right;
	font-size: 0.9em;
	font-weight: 800;
	margin: 0 0 5px 0;
}


body.admin ul.pager li{
	height: 22px;
	line-height: 22px;
	float: left;
	margin: 0 0 0 5px;
	padding: 0 5px;
	border: 1px solid #CDCCE3;
	background: #f5f5f5;
}

body.admin ul.pager li select{
	margin: 2px 0 0 0;	
}

body.admin ul.pager li.first, body.admin ul.pager li.prev, body.admin ul.pager li.next, body.admin ul.pager li.last{
	border: 1px solid #CDCCE3;
	background: #f5f5f5;
}

body.admin ul.pager li.first{background: #f5f5f5 url(../images/icons/pager/icon_first.gif) no-repeat 5% 50%;padding: 0 4px 0 15px;}
body.admin ul.pager li.prev{background: #f5f5f5 url(../images/icons/pager/icon_previous.gif) no-repeat 5% 50%;padding: 0 4px 0 12px;}
body.admin ul.pager li.next{background: #f5f5f5 url(../images/icons/pager/icon_next.gif) no-repeat 95% 50%;padding: 0 12px 0 4px;}
body.admin ul.pager li.last{background: #f5f5f5 url(../images/icons/pager/icon_last.gif) no-repeat 95% 50%;padding: 0 15px 0 4px;}


body.admin ul.pager li a.disabled{
	color: #9A99C8;
	font-weight: 100;
}

body.admin .pager select{
	font-size: 0.85em;
	border: 1px solid #ccc;
}

body.admin .pager li a{
	background: #f5f5f5;
	padding: 3px 4px;
}


body.admin .pageInfo ul{
	float: left;
	margin: 0 0 0 20px;
}

body.admin .pageInfo ul li{
	float: left;
	color: #EFE9A4;
	margin: 0 10px 0 0;
}

body.admin .pageInfo ul li a{
	float: left;
	margin: 0 10px 0 0;
}


/* event_details */
#event_details{
	float: left;
}

#event_details img{
	float: left;
	margin: 0 5px 5px 0;
	display: inline;
	padding: 3px;
	border: 3px solid #99CCCC;
}

#event_details #description{
	width: 450px;
	float: left;
	line-height: 1.6em;s
}

#event_details #description p{
	margin: 0 0 10px 0;
	line-height: 1.6em;
}

#event_details #description h1{
	background: none;
	width: auto;
	color: #000000;
	line-height: normal;
}

#event_details #metadata{
	width: 200px;
	float: right;
	padding: 5px;
	font-size: 0.9em;
	font-weight: 900;
	border: 1px solid #99CCCC;
	background: #F3F9FA;
}

 #event_details #metadata ul{
 	margin: 0 0 0 20px;
 }

#event_details #metadata li{
	list-style: square;
	margin: 0 0 5px 0;	
	color: #0A97AF;
}

/* summaries */
.summaries{
	width: 100%;
	font-size: 0.9em;
	border: 1px solid #cccccc;
}
.summaries td, .summaries th{
	width: 25%;
	padding: 5px;
	border: 1px solid #cccccc;
}


/* stores */
#stores{
	width: 100%;
}

#stores li{
	width: 100%;
	clear: both;
	float: left;
	padding: 5px 0 20px 0;
	border-bottom: 1px dotted #333333;
}

#stores li img{
	width: 120px;
	float: left;
}

#stores li p{
	width: 340px;
	float: right;
}

/* balloonstyle */
.balloonstyle{
	position:absolute;
	top: -500px;
	left: 0;
	padding: 5px;
	visibility: hidden;
	border: 1px solid #cccccc;
	line-height: 18px;
	z-index: 100;
	color: #000000;	
	font-weight: 100;
	width: 200px;
	text-align: left;
	background: #FFF2CF url(../images/bg_balloonstyle_tile.gif) repeat;
}

.balloonstyleimage{
	position:absolute;
	top: -500px;
	left: 0;
	padding: 5px;
	visibility: hidden;
	border: 1px solid #cccccc;
	line-height: 18px;
	z-index: 100;
	color: #000000;	
	font-weight: 800;
	width: 343px;
	background: #FFF2CF url(../images/bg_balloonstyle_tile.gif) repeat;
}

#arrowhead{
	z-index: 99;
	position:absolute;
	top: -500px;
	left: 0;
	visibility: hidden;
}

/* fitness calendar */
ul#calendars{
	width: 700px;
	float: left;
	font-size: 0.9em;
	margin: 20px 6px 10px 25px;
}

ul#calendars li{
	width: 233px;
	float: left;	
}

#fitnessCalendar{
	clear: both;
	width: 700px;
	font-size: 1em;
	margin: 0 0 0 25px;
}

#fitnessCalendar thead{
	text-align: center;
}

#fitnessCalendar thead th{
	font-weight: 100;
	text-align: center;
}

#fitnessCalendar caption{
	font-weight: 800;
	margin: 0 0 5px 0;
	color: #000000;
}

#fitnessCalendar tbody td{
	padding: 5px 5px;
	border: 1px solid #444444;
	background: #E7E7E7;
	vertical-align: top;

}

#fitnessCalendar tr{
	height: 25px;
}

#fitnessCalendar td.exercise{
	font-weight: 800;
	background: #FFFFDF;
}

#fitnessCalendar td.exercise p{
	text-align: center;
}

#fitnessCalendar tbody .date, #fitnessCalendar td.exercise .date{
	text-align: left;
	font-size: 1.2em;
}

/* popup elements */
#add{
	display: none;
	text-align:left;
}

.hidden{
	display: none;
}

.header{
	background: #eeeeee;
}

.displayTable .note{
	display: none;
}

#note{
	width: 200px;
	position: absolute;
	padding: 10px;
	z-index: 1000;
	text-align: left;
	margin: 0 0 0 20px;
	border: 1px solid #C9DF0D;
	background: #FAFFCF;
}

#form_subscribe{
	background: #eeeeee;
	padding: 5px;
	border: 1px solid #cccccc;
}