body {
  padding:0;
  margin:0;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
  font-size: 12px;
  text-align: center;
  background: #EEEEEE url(../images/global_background.jpg) repeat-x top left;
  height: 100%;
}

/* message row */
#message {
  position: absolute;
  top: 39px;
  left: 0px;
  color: black;
  width: 816px;
  height: 18px;
  padding:0;
  margin:0;
  font-size: 150%;
  font-weight: bold;
  font-family: Georgia, serif;
}

#content h3 {
	font-size: 14px;
	color: #333;
	border-bottom: 1px solid #999;
	padding: 1px 0 1px 1px;
	margin: 0 0;
}

#content h4 {
	border-bottom: 1px solid #ccc;
	font-size: 12px;
	font-weight: normal;
	color: #666;
	padding: 0 0 1px 1px;
}

.printview
{
  float:right;
  margin-right: 20px;
}

.printview a {
  text-decoration: none;
}
	
/* header */
#header {
  xwidth: 916px;
  width: 100%;
  height:35px;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  }

#header a {
  text-decoration: none;
  font-size: 80%;
  color: white;
}

#header #logoprofile {
  top: 0px;
  font-size: 14pt;
  float: right;
  }

#header #login {
  font-size: 14pt;
	top: 5px;	
  margin-right: 20px;
  float: right;
 	line-height: 28px;
  }

#header #signup {
  font-size: 14pt;
  top: 5px;	
  margin-right: 20px;
  float: right;
  line-height: 28px;
  }

	
#header #logout {
  font-size: 12pt;
  position: absolute;
  top: 3px;
  left: 560px;
  line-height: 28px;
}

#header #account {
  font-size: 12pt;
  position: absolute;
  top: 3px;
  left: 650px;
  line-height: 28px;
  }
		
#header #logo {
  position: absolute;
  top: 0px;
  left: 750px;
  }

.calActive {
  background: url(../images/calendar_active.jpg) no-repeat top left;
  width: 81px;
  height: 65px;
  position: relative;
  padding: 0px;
  margin: 32px 0px 1px 2px;
  }
	
.calInactive {
  background: url(../images/calendar_inactive.jpg) no-repeat top left;
  position: relative;
  margin: 32px 0px 1px 2px;
  padding: 0px;
  width: 81px;
  height: 65px;
  cursor: pointer;
  cursor: hand;
  }
	
#Workouts {
  padding: 25px;
  background: url(../images/container_background-2.jpg) repeat-y top left;
  }

.workoutview {
  padding: 0px;
  margin: 0px;
  overflow: auto;
}
	
#setup {
  padding: 25px;
  margin: 0px;
  height: 100%;
  background: url(../images/container_background-3.jpg) repeat-y top left;
  }

#setupHeader {
  width: 816px;
  height: 72px;
  padding: 0px;
  margin: 0px;
  background: url(../images/backdrop-2.jpg) no-repeat top left;
  }

#Profile {
  padding: 0px;
  margin: 0px;
  background: url(../images/container_background-3.jpg) repeat-y top left;
  }

#profileHeader {
  width: 790px;
  padding: 25px 10px 0px 20px;
  margin: 0px;
  background: url(../images/backdrop-2.jpg) no-repeat top left;
  }

#profileBody {
  padding: 0px 35px 0px 35px;
  margin: 0px;
  overflow: auto;
  }	

#profilePhotos {
	float: left;
}

#profileWorkout {
	float: right;
	
}
	
#subscription {
  margin-right: 25px;
  padding: 0px;
  height: 100%;
  background: url(../images/container_background-3.jpg) repeat-y top left;
  }

#subscriptionHeader {
  width: 816px;
  height: 72px;
  padding: 25px;
  margin: 0px;
  background: url(../images/backdrop-2.jpg) no-repeat top left;
  }
	
#subscriptionBody {
  padding: 25px;
  margin: 0px;
  text-align: center;
  }	

.summary {
  text-align: center;
}

.summaryOutline {
  padding: 50px;
  text-align: left;
}

#subscriptionBody hr {
  background: red url(../images/right_column_header.jpg) no-repeat top left;
  }
	
#preferences {
  padding: 0px;
  margin: 0px;
  height: 100%;
  background: url(../images/container_background-3.jpg) repeat-y top left;
  }

#preferencesHeader {
  width: 790px;
  padding: 25px 10px 0px 20px;
  margin: 0px;
  background: url(../images/backdrop-2.jpg) no-repeat top left;
  }
	
#preferencesBody {
  padding: 20px 35px 0px 35px;
  margin: 0px;
  overflow: auto;
  }	
	
#workoutsButton {
  margin: 0px;
  padding: 0px;
  position:absolute;
  left: 100px;
  top: 0px;
  width: 96px;
  height: 34px;
}

#historyButton {
  margin: 0px;
  position:absolute;
  padding: 0px;
  left: 200px;
  top: 0px;
  width: 96px;
  height: 34px;
}

#preferencesButton {
  margin: 0px;
  padding: 0px;
  position:absolute;
  left: 300px;
  top: 0px;
  width: 116px;
  height: 34px;
}
  
#header h1 {
  margin: 0;
  padding: 25px;
  font-family: Georgia, serif;
  font-size: 150%;
  color: #404530;
  }
	
/* layout structure */
#wrap {
  margin-left: auto;
  margin-right: auto;
  width: 816px;
  height: 100%;
  min-height: 100%;
  text-align: left;
  position:relative;
  }
	
#content {
  float: left;
  width: 100%;
  height: 100%;
  min-height: 100%;
  font-size: 95%;
  line-height: 1.5em;
  color: #333;
  padding:0;
  margin:0;
  }
	
#content h2 {
  margin: 0 0 1em 0;
  padding: 0px;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
  font-size: 12pt;
  font-weight: normal;
  color: black;
  }

#content h2 a {
  margin: 0 0 1em 0;
  padding: 0;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
  font-size: 8pt;
  text-decoration: none;	
  font-weight: normal;
  color: #666666;
  }
  	  
/* calendar */
#menu {
  width: 100%;
  text-align: center;
  padding: 0px;
  margin: 0px;
  }
	
.journalentry {
  color: #4D4D4D;
  font-size: 10pt;
}

.journalSection {
  text-decoration: none;
}

.exerciseLink a{
  text-decoration: none;
  font-size: 10px;
}
	
.exercisesList {
  float: left;
  padding: 0px;
  margin: 0px 0px 0px 10px;
  color: white;
  list-style: none;
}
	
.workoutitem {
  width: 400px;
  padding: 0px;
  margin: 0px;
  background: url(../images/exercise_header-2.jpg) no-repeat top left;
}

.workoutitemList {
  position: relative;
  text-align: left;
  width:350px;
  padding: 0px;
  margin: 0px 0px 0px 25px;
  border: 1px solid;
  border-top-width: 0px;
  border-color: #D9D9D9;
  font-size: xx-small;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
  }
	
.workoutitemListHeader {
  color: #C0C0C0;
  font-size: xx-small;
  }
	
.workoutitemTitle {
  float: left;
  margin: 0px 0px 0px 8px;
  padding: 0px;
  font-size: 18px;
  cursor: move;
  }
	
.workoutitemTitleBar {
  height: 24px;
  line-height: 24px;
  margin: 0px;
  padding: 0px;
  }
	
.workoutitemTitleBar img {
  vertical-align: middle;
  }
	
.selectNewExercise {
  border: 1px solid;
  border-color: #D9D9D9;
  font-size: 8pt;
  padding: 0px;
  margin: 0px 0px 10px 0px;
  }

.exerciselisting { 
  margin-left: 0px;
  padding: 0px;
	width: 390px;
  }
	
.selectNewExerciseTitle {
  background: #9A9A9A;
  color: white;
  width: 390px;
  margin: 0px;
  padding: 0px;
  float: left;
  }
	
.selectNewExerciseInd {
  color: #999999;
  margin: 0px;
  width: 390px;
  padding: 0px;
  }
	
.selectNewExerciseInd ul {
  display: inline;
  list-style: none;
  white-space: nowrap;
  padding: 0;
  margin: 0;
  width: 390px;
  }
	
.selectNewExerciseInd li {
  border: 1px solid;
	border-color: #D9D9D9;
  width: 130px;
	float: left;
  }
	
.selectNewExerciseInd a {
	text-decoration: none;
	margin-left: 3px;
  }	
		
.closebutton {
  float: right;
  margin: 0px 6px 0px 0px;
  padding: 0px;
  }
	
.calendar {
  width: 816px;
  height: 109px;
  margin: 0px;
  padding: 0px;
  top: 39px;
  font-family: Georgia, serif;
  font-size: 100%;
  background: url(../images/calendar_backdrop-2.jpg) no-repeat top left;
  }		
	
.calendar ul li {
  display: inline;
  padding: 0;
  margin: 0;
  }
	
.calendar ul {
  list-style: none;
  padding: 0px;
  margin: 0px 0px 0px 82px; 
  white-space: nowrap;
  }

.calendar li {
  width: 81px;
  height: 65px;
  float: left;
  margin: 0px;
  padding: 0px;
  color: white;
  }

#calendarlist .date {
  margin: 0px 0px 2px 2px;
  padding: 0px;
  color: white;
  float: left;
  text-decoration: none;
  font-size: 8pt;
  font-weight: bold;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
  }

#calendarlist .day {
  margin: 0px 2px 2px 0px;
  padding: 0px;
  color: 999999;
  float: right;
  text-decoration: none;
  font-size: 8pt;
  font-weight: bold;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
  }
		
/* gutters */
#gutter {
  margin: 2px 0px 0px 0px;
  padding: 0px;
  width: 816px;
  height:100%;
  background: url(../images/container_background-2.jpg) repeat-y top left;
  }

.showdemo
{
 visibility: hidden;
}

.active_messages {
	background: #fcc;
	color: #333;
	margin: 20 0 20px 0;
	padding: 7px;
}

.active_messages h2, .active_messages strong {
	color: #cf0e0e;
}

.active_messages h2 {
	font-size: 13px;
	padding: 0 0 1px 1px;
	margin: 0;
	margin-bottom: 4px;
	border-bottom: 1px solid #cf0e0e;
}

.active_messages ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 1px;
}

.active_messages li {
	padding-top: 5px;
}

.evenrow {
    background: #FFF;	
	width: 100%;
    padding:0;
    margin:0;
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    font-size: 12px;	
}

.oddrow {
	background: #EEE;
	width: 100%;
    padding:0;
    margin:0;
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    font-size: 12px;	
}