@font-face {
	font-family: IdolwildRegular;
	src:url(fonts/idolwild-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/idolwild-webfont.woff) format("woff"), url(fonts/idolwild-webfont.ttf) format("truetype"), url(fonts/idolwild-webfont.svg#IdolwildRegular) format("svg");
}
@font-face {
	font-family: DroidSansRegular;
	src:url(fonts/DroidSans-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/DroidSans-webfont.woff) format("woff"), url(fonts/DroidSans-webfont.ttf) format("truetype"), url(fonts/DroidSans-webfont.svg#DroidSansRegular) format("svg");
}
@font-face {
	font-family: DroidSansBold;
	src:url(fonts/DroidSans-Bold-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/DroidSans-Bold-webfont.woff) format("woff"), url(fonts/DroidSans-Bold-webfont.ttf) format("truetype"), url(fonts/DroidSans-Bold-webfont.svg#DroidSansBold) format("svg");
}
H1 {
	FONT-FAMILY: "IdolwildRegular", Helvetica, Arial, sans-serif; FONT-WEIGHT: normal;
}
H2 {
	FONT-FAMILY: "IdolwildRegular", Helvetica, Arial, sans-serif; FONT-WEIGHT: normal;
}
H3 {
	FONT-FAMILY: "IdolwildRegular", Helvetica, Arial, sans-serif; FONT-WEIGHT: normal;
}
H4 {
	FONT-FAMILY: "IdolwildRegular", Helvetica, Arial, sans-serif; FONT-WEIGHT: normal;
}
H5 {
	FONT-FAMILY: "IdolwildRegular", Helvetica, Arial, sans-serif; FONT-WEIGHT: normal;
}
H6 {
	FONT-FAMILY: "IdolwildRegular", Helvetica, Arial, sans-serif; FONT-WEIGHT: normal;
}
A {
	FONT-FAMILY: "IdolwildRegular", Helvetica, Arial, sans-serif; FONT-WEIGHT: normal;
}
BODY, P, TH, TD, SELECT {
	LINE-HEIGHT: 2em; FONT-FAMILY: "DroidSansRegular", Helvetica, Arial, sans-serif; FONT-WEIGHT: normal; font-size: 14px;
}
.pink {
	COLOR: #ed145b;
}
.green {
	COLOR: #c6e267;
}
HR {
	BORDER-BOTTOM: #ffffff 1px solid; BORDER-LEFT: 0px; MARGIN: 40px 0px; BORDER-TOP: #eeeeee 4px dotted; BORDER-RIGHT: 0px
}

H1 {
	FONT-SIZE: 38.5px
}
H2 {
	FONT-SIZE: 31.5px
}
H3 {
	FONT-SIZE: 24.5px
}
H4 {
	FONT-SIZE: 17.5px
}
H5 {
	FONT-SIZE: 14px
}
H6 {
	FONT-SIZE: 11.9px
}
.hint { font-size: inherit; }

/** Global l&f **/

/** link colr **/
#tabMgr .tabs .tab
{
    padding:0px 10px 0px 0px;
}
#tabMgr .tabs .selected
{
    padding:0px 10px 0px 0px;
}

/** To make the width fixed **/
#content, 
#titleDiv
{
  width: 100%;
}

#shortcutsDiv
{
    display: none;
}

.container  
{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 940px;
}

/** To change the height of the header **/
#shortcutsDiv
{
 top: 250px;

}
#titleDiv {
	height: 250px;
}
#contentCenter,
#contentRight
{
    background-image: none;
    padding-top: 275px;
}

#contentRight {
	background: rgb(2, 47, 117) url("images/sub_bg.png") 0px -25px repeat-x;  
	border: transparent;
	display: none;
}

#MenuSelection #contentRight 
{
    display: block;
}

/** To change the title's background color and header image **/
body {
	background: transparent url("images/sub_bg.png") 0px -25px repeat-x;   
}
#titleDiv {
    background: transparent url("images/sub_slider_bg.png") 0px -25px repeat-x;   
    width: 100%;
    height: 275px;
    top: 0px;
}

/** To change the logo **/
#titleLogo 
{
    width: 146px;
    height: 125px;
    left: 205px;
    top: 25px;
    background: url('images/fit_logo.png') no-repeat left top;	
}


/** To add a background watermark **/

/** To change the testimonies colors **/
.testimony 
{
    font-style: normal;
}


/** add a line to divide each testimony **/
.testimony 
{
    padding-top: 25px;
}




/** To change the font/color of the shortcuts 
#shortcutsDiv .btn td.body A {
    font-size: 12pt;    
}

.btn tr td.left DIV{
    position: relative;
    top: 0;
    left: 0;
	height: 63px;
	width: 21px;	
}

.btn tr td.right DIV{
    position: relative;
    top: 0;
    left: 0;
	height: 63px;
	width: 24px;	
}

.btn tr td.body {
    position: relative;
	height: 63px;
	width: 250px;	
	white-space: normal;
}


.btn tr td.left {
	background: url('images/btnLeft.jpg') no-repeat left top;	
}

.btn tr td.right {
	background: url('images/btnRigth.jpg') no-repeat left top;
}

.btn tr td.body {
	background: url('images/btnCenter.jpg') repeat-x left top;
}
**/
#shortcutsDiv .btn tr td.right, 
#shortcutsDiv .btn tr td.left 
{
    display: none;
}
#shortcutsDiv .btn tr td.body {
	width: 110px;	
	height: auto;
	padding-right: 80px;
	padding-left: 30px;
    background: transparent;
    white-space: normal;
    text-align: left;
}
#shortcutsDiv .btn tr td.body a
{
    color: #0088cc;
    font-weight: normal;
    font-size: 16px;
}
#shortcutsDiv .btn
{
    margin: 0px;
    height: auto;
    margin: 0px 0px;
    padding: 5px 0px;
}
#shortcutsDiv .btn tr:hover 
{
    background-color: #f5f5f5;
}


#contentCenter {
	padding-left: 25px;
}

/** Remove bio-lite logo from shortcuts: **/
#btnBiolite 
{
    background: transparent;
    width: auto;
    height: auto;
	top: auto;
	position: static;
}

#btnBiolite SPAN
{
    visibility: visible;
}

#bioLiteLogo
{
    display: none;
}


#calendar
{
    width: 650;
}
#trackerForm .btn tr td.body {
	width: 210px;	
}