/* Column Definitions for Wiki */

.ColumnTop {
	height:10px;
	background: #e8f4fb url(/img/global/bg_160_top.gif) top left no-repeat;
}

.ColumnBot {
	height:10px;
	background: #e8f4fb url(/img/global/bg_160_bot.gif) top left no-repeat;
}

.ColumnBod {
}

.ColumnBod, .ContentBod  {
	background-color: #FFF;
	padding:0px 10px;
}


.ContentColumn {
	width: 395px;
	float: right;
	margin-left: 5px;
}

.ContentTop {
	height:10px;
	background: #e8f4fb url(/img/global/bg_395_top.gif) top left no-repeat;
}

.ContentBot {
	height:10px;
	background: #e8f4fb url(/img/global/bg_395_bot.gif) top left no-repeat;
} 

.ColumnHeader, .MainHeader {

	border-bottom: 1px solid #c2c2c2;
	vertical-align: middle;
	padding: 3px 0px;
	margin-bottom: 10px;

}

.ColumnHeader H1, .MainHeader H1 {
	margin: 0px 0px 6px 0px;
	padding: 0px;
	display: inline;
	float: left;
	font-family: Lucida Sans,Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 26px;
	font-weight: bold;
	color: #333;
}
.ColumnHeader H2, .MainHeader H2 {
	margin: 0px;
	padding: 7px 0px 0px 0px;
	line-height: 14px;
	display: inline;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333;
}
.MainHeader H1 SPAN {
display: block;
font-size: 12px;
font-style: oblique;
font-weight: normal;
}

.Pages {
	padding: 10px;
	border-top: 1px solid #C2C2C2;
	border-bottom: 1px solid #C2C2C2;
}

.Breadcrumbs {
	padding: 0px 10px 10px 10px;
	display: block;
	font-size: 11px;
}

.Result {
	padding: 20px 10px;
	margin: 0px 0px 10px 0px;
}

.Odd {
	background-color: white;
	border: 1px solid white;
}

.Even {
	background-color: #f9fcf7;
	border: 1px solid #dde7d4;
}


/* Side Column Styles */
#SideColumn {
	width: 160px;
	float: left;
}

#SideColumn H1 {
	margin: 0px;
	padding: 0px;
	font-family: Lucida Sans,Verdana, Arial, Helvetica, sans-serif;
	font-size: 32px;
	line-height: 36px;
	font-weight: bold;
	color: #C2C2C2;
}

#SideColumn H2,.ExtraColumn H2 {
	margin: 0px;
	padding: 15px 0px 4px 0px;
	font-family: Lucida Sans,Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #333;
}

#SideColumn .Btn {
	margin: 10px auto;
}

#SideLogin {
	padding: 0px 0px 10px 0px;
}

/* Main Column */

.MainColumn {
	width: 476px;
	float: right;
	margin-left: 5px;
}

.MainTop {
	height:10px;
	background: #e8f4fb url(/img/global/bg_476_top.gif) top left no-repeat;
}

.MainBot {
	height:10px;
	background: #e8f4fb url(/img/global/bg_476_bot.gif) top left no-repeat;
}
.MainBod  {
	background-color: #FFF;
	padding:0px 10px;
}



/* Extras Column - Ad, Topics */
.ExtraColumn {
	width: 314px;
	float: right;
	margin-left: 5px;
}
.ExtraBod  {
	background-color: #FFF;
	padding:0px 7px;
}

.ExtraColumn H2 {
	border-bottom: 1px solid #c2c2c2;
	margin-bottom:6px;
}

#TrackerIcons {
	padding: 15px 0px 15px 25px;
	text-align: center;
}

#TrackerIcons .Tracker {
 	width: 126px;
 	height: 161px;
 	background: #5ba8f6 url(/tracker/img/bg_trackericon.gif) top left no-repeat;
 	display: inline; 
 	margin-right: 15px;
 	float: left;
}
#TrackerIcons .Tracker SPAN {
	font-size: 13px;
	font-weight: bold;
	color: white;
	text-align: center;
	display: block;
	margin: 10px auto;
}
#TrackerIcons .Tracker A {
	text-align: center;
	display: block;
	margin: 15px auto 0px auto;
}

#Categories {
	border: 1px solid #C2C2C2;
	background: #EBEBEB url(/img/global/bg_gradient_gray.gif) left top repeat-x;
	width: 100%;
}
#Categories TD {
	border-bottom: 1px solid #C2C2C2;
	font-size: 11px;
	padding: 4px 3px;
	vertical-align: top;
}

/* Tracker Table style */

.TrackerTable {
	width: 100%;
	border-bottom: 1px solid #C2C2C2;
}

.TrackerTable TD {
	font-size: 12px;
}

.TrackerTable .Left, .TrackerTable .Mid {
	vertical-align: top;
	border-top: 1px solid #C2C2C2;
	border-right: 1px solid #C2C2C2;
}

.TrackerTable .Mid {
	padding-left: 8px;
}


.TrackerTable .Right {
	border-top: 1px solid #C2C2C2;
	padding-left: 8px;
}

.TrackerTable .Right SPAN {
	float: left;
	width: 85%;
}

.TrackerTable TR:hover {
	background-color: #e8f4fb;
}

.TrackerTable TR.TableHeader:hover {
	background-color: white;
}

.TrackerTable .TrackEdit {
	float: right;
	display: inline;
	text-align: right;
}

.TableExtras {
	padding: 10px 0px 30px 0px;
}
.Meal .Left, .Diary .Left {
	width: 20%;
}
.Exercise .Left {
	width: 55%;
}
.Exericise .Mid {
	width: 15%;
}
.Exericise .Right {
	width: 30%;
}
.Diary .Right SPAN {
	width: 80%;
}

/* Tracker - when not logged in */


.TrackerIntro {
	display: block;
	border-bottom: 1px solid #C2C2C2;
	padding: 15px 10px;
}

.TrackerImg {
	float: left;
	width: 120px;
}

.TrackerTxt {
	float: right;
	width: 460px;
}

.TrackerTxt .Title {
	font-weight: bold;
	font-size: 16px;
}

.TrackerTxt .Summary {
	font-size: 12px;
	display: block;
}

.TrackerLinks {
	display: block;
	text-align: right;
	padding: 12px 0px;
}

/* Nav Styles */

#Categories TD A {
	font-size: 10px;
	display: block;
	margin: 3px 0px;
}

#SideLogin {
	padding: 0px 0px 15px 0px;
}

#FeaturedPages {
	text-align: center;
	padding: 8px 12px;
}

.BrowseCats {
	display: block;
	padding: 10px 0px;
}

.BrowseCats H3 {
	padding: 0px;
	margin: 0px 0px 6px 0px;
	font-size: 14px;
}

.BrowseCats SPAN {
	float: right;
	padding-top: 45px;
}

#SearchTable {
	margin: 4px auto;
	border: 1px solid #C2C2C2;
	background: #EDEDED url(/gather/img/_bg_featured_top.png) top left repeat-x;
	width: 95%;
}
#SearchTable TD {
	text-align: center;
}

.WikiPage {
	width: 635px;
	float: right;
}

.WikiImg {
	padding: 15px 5px;
	margin-left: 15px;
	float: right;
}

/* Floating Icons for pages */

.FloatIcon {
	float: left;
	margin: 0px 12px 10px 0px;
	vertical-align: bottom;
}

/* General Styles */

A:link, A:visited {
	text-decoration: none;
}
A:hover, A:active {
	text-decoration: underline;
}

A.Help, A.More {
	font-size: 11px;
}

.Fine {
	font-size: 10px;
}

.Green {
	color: #006f25;
}

/* Carousel/Glider */

#my-glider	{
	background: #fff;
	height:185px;
	width: 353px;
}

div.gliderBox { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 343px; 
	height: 185px;
	overflow: hidden;
}
	
div.gliderBox div.gliderItem {
	/* modify width and height of each gliderItem as needed (should match the size of the scroller window)	*/		
	background: #fff;
	width: 353px;
	height:185px;
	overflow:hidden;
	float:left;	
}
div.gliderBox div.gliderContent {
	width: 10000px;
}

a.blueArrow_prev
{
		background: url("/img/global/btn_arrow_prev_48x8.png") 2px 68px no-repeat;		
		width: 12px;
		height: 185px;

} 

a.blueArrow_next
{
		background: url("/img/global/btn_arrow_next_48x8.png") 2px 68px no-repeat;
		width: 12px;
		height: 185px;

}