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

body {
	background: #002266 url(images/background-dk-blue.png) repeat;
	margin: 0px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
}	

#bgglow {
	position:absolute;
	width:99%;
	height:99%;
	z-index: -10;
	left:0%;
	top:0%;
}
#bgglow img {
	width: 100%;
	height: 100%;
}
a:hover {
	text-decoration:underline;
}
.clear {clear:both;}

a img {
border: none;
}
a, a:visited, a:active {
	font-weight:bold;
	color:#666;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}


.padtop {padding-top: 200px;}
.floatright {float:right;}
.floatleft {float:left;}
.padded {padding:5px;}
.center {text-align:center;}

.bordered {border: 1px solid black;}

#waitimg {
	display:block;
	position:relative;
	top: 200px;
	margin: 0 auto 0 auto;
}

h1 {

}

h2 {
	font-style: italic;
	font-size: 12pt;
	font-weight: normal;
}
h3 {
 padding-bottom: 0;
 margin-bottom: 0;
}

h4 {
	margin: 0;
	padding: 0;
}

h5 {
	font-style: italic;
	font-size: 10pt;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

/* Header */
#banner {
	height:60px;
	background: url(images/banner-silver.png) top repeat-x;
}

#banner span {
	display:block;
	padding: 15px 0 0 0;
	width: 60em;
	margin: 0 auto 0 auto;
	font-weight:bold;
	text-align:right;
	color:#333;
	font-variant:small-caps;
}

#toplogo {
	display:block;
	position:absolute;
	top: 0px;
	left: 5px;
	width: 120px;
	height: 119px;
	background: url(images/gymtoolz-logo-silver.png) top left no-repeat;
	z-index:10;
}

#toplogo2 {
	display:block;
	position:absolute;
	top: 1px;
	left: 80px;
	width: 230px;
	height: 45px;
	background: url(images/gymtoolz-title-silver-2.png) top left no-repeat;
	z-index:10;
}


#logintab {
	float:right;
	text-align:center;
	display:block;
	position:relative;
	top: 36px;
	width:5em;
	left: -15%;
	background:#cccccc url(images/login-bg.png) top left repeat-x;
	height:18px;
	padding:2px 0 0 0;
}
#logintab a {
	text-decoration:none;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}

.logincurvel {
	float:left;
	position:relative;
	left: -6px;
	top:-2px;
}

.logincurver {
	float:right;
	position:relative;
	left: 6px;
	top:-2px;
}

div#navigation {
	width: 60em;
	height:7.75em;
	overflow:hidden;
	margin: 0 auto 0 auto;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: none;
	background: #aaa url(images/watermark-angle.png) repeat;

}

.tabOff, .tabOn {
	display:block;
	height:6.9em;
	text-align:center;
	text-decoration:none;
	margin: 0 0 0 0;
}

#tab2, #tab3, #tab4, #tab5 {
	float:right;
	width: 11.5em;
}


.tabOff, a.tabOff:link, a.tabOff:visited {
	text-decoration:none;
	background: #aaa url(images/watermark-angle.png) repeat;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	padding: .2em 0 .5em 0;
	color:#333333;
}

.tabOn, a.tabOn, a.tabOn:hover, a.tabOn:active {
	text-decoration:none;
	background-color: #fff;	
	border-top: 2px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #ccc;
	border-bottom: none;
	outline:none;
	-moz-outline:none;
	padding: .3em 0 .6em 0;
	overflow:visible;
	color:#666666;

}

a.tabOff:hover, a.tabOff:active {
	text-decoration:none;
	background: #ddd url(images/watermark-angle.png) repeat;
}

#zed, #zed2, #zed3, #zed4, #zed5 {
	text-decoration:underline;
}

/* Body */

#maincontainer {
	width: 60em;
	margin: 0 auto 0 auto;
	clear:both;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	background-color: #fff;
	min-height:40em;
	overflow:visible;
	text-align:left;
}

#content {
	padding: 1em;
}


.input {
	width: 25em;
	margin: .5em auto .5em auto;
	text-align: right;
}

.inputsub {
	width: 25em;
	margin: .5em auto .5em auto;
}

.seeit {
	font-size:smaller;
}

ul.bulletpoints {
	font-size:8pt;
	margin: 0 0 0 0;
	padding: 0 0 0 3em;
}

ul.bulletpoints li {
	font-size:8pt;
	padding: .1em 2em .1em 0;
}


/* Information Inset! */

#informationinset {
	float:right;
	border-top: solid thin #ccc;
	border-left: solid thin #ccc;
	border-right: solid thin #aaa;
	border-bottom: solid thin #aaa;
	width: 220px;
	padding:180px 10px 10px 10px ;
	margin:.5em;
	overflow:visible;
	background-repeat: no-repeat;
	text-align:center;
}

.slide1 {
	background-image: url(images/inset-schedule.png);

}

.slide2 {
	background-position: -250px 10px;
}

.slide3 {
	background-position: -490px 10px;
}

#insetsmall {
	margin-top:1em;
	font-size: 8pt;
	font-weight:normal;
}
#insetsmall a {
	color:#999999;
}


/* Page Body*/
.article {
	font-size:12pt;
	font-family: "Times New Roman", Times, serif;
	padding: 0 2em 0 2em;
}


/* Screenshot Overlay */
.overlay {
	position:absolute;
	padding:0 0 0 0;
	left:0;
	top:0;
	width:100%;
	visibility:visible;
	display:block;
	z-index:9;
	overflow:visible;
}
.overlayscreen {
	position:fixed;
	padding:0 0 0 0;
	left:0;
	top:0;
	width:100%;
	height:100%;
	visibility:visible;
	display:block;
	background:url("/images/fade-black400.png");
	background-repeat:repeat;
	z-index:8;
	overflow:visible;
}


.overlaycontainer {
	position:absolute;
	left:0;
	top:8em;
	width: 100%;
	margin: 0 auto 0 auto;
}

.overlayfader {
	padding: 2px 2px 2px 2px;
	max-width: 40em;
	margin: 0 auto 0 auto;
	background: url(images/alphaborder-20white.png) repeat;	
	overflow:visible;
}

.overlayopaque {
	padding: .5em 1em 1em 1em;
	background-color: #fff;	
	border: thin solid #666;
	overflow:visible;
	text-align:left;
}

img.overlayscreen {
	position:relative;
	top: 140px;
	left: 36px;
	width:320px;
	height:460px;
}

.overlayinfo {
	position:relative;
	top: 280px;
	text-align:center;
	font-weight:bold;
	font-size:11pt;
	padding: 0 20px 280px 20px;
}

.close {
	display:block;
	text-align:right;
	font-size:10pt;
}

.hiddenoverlay {
	visibility:hidden;
	display:none;
	position:absolute;
}

/* Overlay Screenshot Settings */

#screenshotframe {
	margin: .5em auto .5em auto;
	width: 700px;
	height: 400px;
	padding: 10px;
	background: url(images/screenshot-border.gif) no-repeat;
/*	border: thin inset;
	background-color: #CCC;
*/
}

.z3 {
	z-index: 3;
}
object { z-index: 3; }

#screenshot {
	width: 700px;
	height: 400px;
	background-repeat: no-repeat;	
}

#screenshotfocus {
	width: 700px;
	height: 400px;
	background-repeat: repeat;
}

ul.seethis {
/*list-style-image: url(images/bullet-magnify.png); */
list-style-image: url(images/show-screen_16.png);
padding-left: 5em;
}

.shotadmin0 {background-image: url(images/screenshot-admin.jpg);	background-position:-34px -226px;}
.focus0 {background-image: none;}

.shotadmin1 {background-image: url(images/screenshot-admin.jpg);	background-position:-60px -150px;}
.focus1 {background-image: url(images/screenshot-highlighter.png);	background-position:140px 140px;}

.shotadmin2 {	background-image: url(images/screenshot-admin.jpg);	background-position:-440px -232px;}
.focus2 {	background-image: url(images/screenshot-highlighter.png); background-position:300px 150px;}

.shotadmin3 {background-image: url(images/screenshot-admin.jpg); background-position:-69px -546px;}
.focus3 {background-image: url(images/screenshot-highlighter.png); background-position:10px 40px;}

.shotjournal1 {background: url(images/screenshot-dailyjournal.jpg) -39px -16px no-repeat;}

.focusjournal1 {background-image: url(images/screenshot-highlighter.png); background-position:140px 20px;}
.focusjournal2 {background-image: url(images/screenshot-highlighter.png); background-position:225px 120px;}
.focusjournal3 {background-image: url(images/screenshot-highlighter.png); background-position:-10px 10px;}
.focusjournal4 {background-image: url(images/screenshot-pantry.jpg); background-position:-50px 0px;}
.shotnutrition {background-image: url(images/screen-big-nutrition-goals.jpg);	background-position:-30px -150px;}
.focusnutrition1 {background-image: url(images/screenshot-highlighter.png); background-position:147px 60px;}
.focusnutrition2 {background-image: url(images/screenshot-highlighter.png); background-position:90px 120px;}

/* Screenshots  */
.focus0 {background-image: none;}

/* Screenshots  toolz members */
.shotweightchart {background-image: url(images/screen-weight-chart.jpg);	background-position:0px 0px;}
.shotweightloss {background-image: url(images/screen-weight-loss.jpg);	background-position:0px 0px;}
.focusweightchart {background-image: url(images/screenshot-highlighter.png); background-position:10px 290px;}
.shotschedule {background-image: url(images/screen-scheduler.jpg);	background-position:0px 0px;}

/* Screenshots  toolz for training clients */
.shotshoppinglist {background-image: url(images/screen-shoppinglist.jpg);	background-position:0px 0px;}
	.focusshoppinglist {background-image: url(images/screenshot-highlighter.png); background-position:255px 230px;}
.shotnutritionfacts {background-image: url(images/screen-nutritionfacts.jpg);	background-position:0px 0px;}
.shotschedule {background-image: url(images/screen-schedule.jpg);	background-position:0px 0px;}
.shotrecurringschedule {background-image: url(images/screen-recurringschedule.jpg);	background-position:0px 0px;}
.shotfoodreport {background-image: url(images/screen-foodreport.jpg);	background-position:0px 0px;}

/* Screenshots  toolz for Trainers */
.shotpastweek {background-image: url(images/screen-pastweek.jpg); background-position:0px 0px;}
.shottrainernotes {background-image: url(images/screen-journalnotes.jpg); background-position:0px 0px;}
	.focustrainernotes {background-image: url(images/screenshot-highlighter.png); background-position:220px 60px;}
.shotmasterschedule {background-image: url(images/screen-masterschedule.jpg); background-position:0px 0px;}
.shotcopydata {background-image: url(images/screen-copydata.jpg); background-position:0px 0px;}
.shotwelcomeemail {background-image: url(images/screen-welcomeemail.jpg); background-position:0px 0px;}
.shottrainingsession {background-image: url(images/screen-trainingsession.jpg); background-position:0px 0px;}