body, html
{
  font-family: "Arial", sans-serif;
  font-size:.85em;
  margin:0;
  padding:0;
  color:#3D3D3D;
}

body
{
  background:url(../images/main_bg3.png);
  background-position:0 10px;
  background-repeat:repeat-x;
  background-color:#FEFEFF;
}

.dark-gray
{
  color:#3D3D3D;
}
  

div#screen
{
  width:100%;

}

div#main
{
  width:978px;
  padding:3px 13px 0 3px;
  margin:auto;
  background-color:white;
  /*border:1px solid #CBD1D6;
  border-top:none;*/
}

div#left
{
  padding-top:7px;
  width:180px;
  float:left;
  font-size:12px;
  background-color:white;
}

div#content
{
  margin-left:196px;
  background-color:white;
}

div#bottom
{
  clear:right;
  margin-left:196px;
  font-size:11px;
  padding:5px;
  border-top:1px #76778E solid;
  margin-top:15px;
  background-color:white;
}

p
{
  margin-top:0;
}

a:link, a:visited
{
  text-decoration:none;
  color:#2D5EA3;
}

a:focus, a:hover
{
  text-decoration:underline;
}

a:active, .darker-red-text
{
  color:#EA3C3C;
}

.slightly-smaller-font, .return-to-p
{
  font-size:.95em;
}

.smaller-font, .stat
{
  font-size:.9em;
}

input.text
{
  padding:2px;
  padding-left:1px;
}

/*.listing-border
{
  height:4px;
  border-bottom:1px solid #869399;
  background:url(../images/listing_bg.png);
  background-color:#E4F2F8;
  margin-bottom:0;
}*/

.listing-border
{
  height:4px;
  border-bottom:1px solid #888888;

  background-color:#eeeeee;
  margin-bottom:0;
}

.no-space, form, .return-to-p
{
  margin:0;
  padding:0;
}

h2, .no-top-space
{
  margin-top:0;
  padding-top:0;
}

.no-bottom-space
{
  margin-bottom:0;
  padding-bottom:0;
}

.big-bottom-space
{
  margin-bottom:40px;
}

.checkbox, .radio
{
  margin-left:0;
}

h2
{
  text-align:center;
  color:#4D4127;
  font-size:13px;
  background:url(../images/h_back.jpg);
  background-repeat:repeat-y;
  background-position:center;
  padding:2px;
  margin-bottom:13px;
  margin-top:0;
  
  /*background:url(../images/bullet_1.gif);
  background-repeat:no-repeat;
  background-position:0 45%;
  color:#935151;
  font-size:12px;
  padding:2px;
  padding-top:0;
  padding-left:16px;
  margin-bottom:12px;*/
}

#edit-profile-header, #account-settings-header
{
  border-bottom:1px solid #AFAFAF;
  padding-bottom:6px;
  margin:2px 25px 13px 25px;
}

#success, .goal-reached, .green
{
  color:#118711;
}

#success
{
  text-align:center;
  border:solid 1px #0F690F;
  border-top:solid 5px #0F690F;
}

#neutral
{
  position:relative;
  top:-5px;
  background:#FFF9DD;

}

#error, #login-error
{
  color:#D61C1C;
  border:solid 1px #D61C1C;
  border-top:solid 5px #D61C1C;
}

#success, #error, #login-error, #neutral
{
  padding:3px;
  margin-top:0;
  margin-bottom:11px;
}

.larger-font, #success, #error, #login-error
{
  font-size:1.1em;
}

#login-error
{
  margin:0;
}

.collect-data-table td
{
  padding-top:11px;
}

/*color for strength training text*/
.st-text-color
{
  color:#5B935B;
}

/*color for cardio text*/
.c-text-color
{
  color:#876666;
}

/*background color for st*/
.st-background
{
  background:#C2EAC2;
}

.all-time-st
{
  background-image:url(../images/all-time-st.gif);background-repeat:repeat-x;
}

.all-time-w
{
  background-image:url(../images/all-time-w.gif);background-repeat:repeat-x;
}

.all-time-c
{
  background-image:url(../images/all-time-c.gif);background-repeat:repeat-x;
}

/*background color for cardio*/
.c-background
{
  background:#E0C3C3;
}

.w-background
{
  background:#F7F7CD;
}

.title-cell, .line-cell
{
  border-top:1px solid #76778E;
  padding-top:200px;
}

.above-title-cell
{
  padding-bottom:15px;
}

.left-column
{
  font-weight:bold;
  text-align:right;
  padding-right:10px;
}

.align-top
{
  vertical-align:top;
}

.bpressure
{
  font-size:15px;
  font-weight:bold;
  color:black;
}

.small-bpressure
{
  color:black;
  padding:0 1px;
  font-weight:bold;
}

.large-and-orange-bpressure
{
  color:black;
  font-size:.9em;
  font-weight:bold;
  padding:0 3px;
}

.red-text
{
  color:#B37777;
}

.light-gray-text
{
  color:#9B9B9B;
}

.light-gray-border
{
  border:1px solid #D8D8D8;
}

.orange-text
{
  color:#FF7332;
}

.light-blue
{
  color:#7C7E9E;
}

.maroon, .comments
{
  color:#A8686B;
}

.gray-text
{
  color:#8C8C8C;
}

.rating-area
{
  border-top:1px solid #BABBC6;
  border-bottom:1px solid #BABBC6;
  width:100%;
  margin-top:10px;
  padding:6px 3px;
}

.creator
{
  text-align:right;

}

.no-image
{

  color:#818181;
  font-size:1.1em;
  font-style:italic;
}

.comments
{
  font-weight:bold;
  font-size:1.1em;
}

.stat
{
  padding-left:2px;
  color:black;
}

.large-and-orange-stat
{
  font-size:.75em;
  color:black;
  padding:3px;
  font-weight:bold;
}

.page-nav
{
  text-align:center;
  padding:3px;
  background:#EAF0F2;
  font-size:1.1em;
}

.right-align
{
  text-align:right;
}

/*next two classes are used together when creating a table w/ a light gray border*/
.light-gray-table
{
  border-top:1px solid #C6C6C6;
  border-bottom:1px solid #C6C6C6;
  border-left:1px solid #C6C6C6;
}

.light-gray-cell
{
  border-right:1px solid #C6C6C6;
  padding:4px 5px 4px 5px;
}

/*used for every other row of table*/
.light-green-table-row
{
  background:#EDF7ED;
}

/*used for div element to create gray box*/
.light-gray-box
{
  background:#FAFAFA;
  padding:10px;

}


/*below is border for calendar*/
#calendar-table td
{
  border-bottom:1px solid black;
  border-right:1px solid black;
}

/*used for 1st column in calendar table*/
.fc-calendar-table
{
  border-left:1px solid black;
}

/*used for last 1st in calendar table*/
.fr-calendar-table
{
  border-top:1px solid black;
}

/*below 4 entries are for table that displays public exercises or workouts*/

#ew-table
{
  width:100%;
  margin-bottom:10px;
}
#ew-table td
{
  width:25%;
  vertical-align:top;
  padding:12px 7px 12px 2px;
}

#ew-table .not-last-row
{
  border-bottom:1px solid #D8D8D8;
}
        
#ew-table .last-row
{
  padding-bottom:0px;
}

/*checkbox-cell, select-data-cell and right-cell-border or used for select_exercises.jsp and select_workouts.jsp*/
.checkbox-cell
{
  width:3%;
  vertical-align:top;
  text-align:center;
  padding-top:8px;
  border-top:solid 1px #B2B2B2;
}

.select-data-cell
{
  width:22%;
  padding:10px 0;
  border-top:solid 1px #B2B2B2;
  vertical-align:top;
}
.right-cell-border
{
  border-right:1px solid #EDEDED;
}

.gray-bottom-border, .return-to-p
{
  border-bottom:1px solid #D8D8D8;
}

.profile-info-head
{
  padding:3px 0 4px 4px;
  background:url(../images/profile_head_bg.png);
  background-repeat:repeat-x;
  border-top:solid #A4B8C1 1px;
  border-left:1px solid #BAD1DB;
  border-right:1px solid #BAD1DB;
  margin-bottom:7px;

}

.profile-info-head-text
{
  font-size:1.1em;
  font-weight:bold;
  /*color:#C98852;
  color:#405B6D;*/
  color:#546470;
}

.return-to-p
{
  padding:2px 0;
}

.summary-p /*used for summary p's that are indented*/
{
  margin-left:7px;
  margin-bottom:5px;  
}
.summary-heading /*used for "Summary" word for summary boxes*/
{
  background-color:#AFB4CC;
  color:white;
  text-align:center;
  font-weight:bold;
  padding:2px;
  letter-spacing:1px;
  margin:0;
}

.summary-box
{
  padding:8px;
  padding-top:5px;
  border:1px solid #BCC0D3;
  border-top:none;
}

.summary-sub-heading /*used for sub headings in summary box*/
{
  margin-bottom:2px;
  padding-top:2px;
  font-weight:bold;
}

.help-topics-list li
{
  padding-bottom:5px;
}

/*used to make an image act like a submit button..
  users must set bakcground-image, width and height*/
input, textarea { border: 1px solid #ccc; font: 11px verdana, arial, helvetica, sans-serif; color: #000000; }
select {border: 1px solid #ccc; font: 11px "Arial", sans-serif; color: #000000;}

input.submit-image
{
  background-repeat: no-repeat;
  color: transparent;
  border: 0;
  text-indent: -1000px;
  display: block;
  font-size: 0px;
  line-height: 0px;
  overflow: hidden;
  cursor: pointer;
}

input { text-indent: 2px; }
input {
       border: expression((this.type=="checkbox" || this.type=="radio") ? "none": "1px solid #ccc");
}

input.button, input.mainoption, input.liteoption, .inlineedit input { 
  font-size: 11px; 
  color: #000000; 
  font-family: 
  verdana, arial, helvetica, sans-serif; 
  background: #fafafa none repeat-x scroll center top; 
  background-image: url(../images/button.gif);
  cursor: pointer;
}

input.button:hover, input.mainoption:hover, input.liteoption:hover, .inlineedit input:hover {
  background-image: url(../images/button_hover.gif);
}

.helpline { background-color: #f7f7f8; border: 0px; font-weight: bold; font-style: italic; color: green; }

input[type='text']:hover, input[type='text']:focus, 
  input[type='password']:hover, input[type='password']:focus, 
  textarea:focus, textarea:hover, 
  select:hover, select:focus { border-style:inset; }
  
input[type='checkbox'], input[type='radio']{border:none;}

select {font-size:11px;}

.mainmenu { font-size: 11px; color: #000000 }

.jforum-font{ font-family: verdana, arial, helvetica, sans-serif; }

.forumline { border: #C7D4DD 1px solid; }

th.thtop { border-right: #ffffff solid; border-top: #ffffff solid; font-weight: bold; border-left: #ffffff solid; border-bottom: #ffffff solid; }
th.thtop { border-top-width: 1px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px; }
th { font-weight: bold; font-size: 11px; color: white; padding:6px; background: #4792B9;background-image:  url(../images/cellpic3d.gif); background-repeat: repeat-x;}
td.row1 { background-color: #fafafa; }

td.catbottom { border-right: #ffffff solid; border-top: #ffffff solid; background-image:  url(../images/cellpic1b.gif);  border-left: #ffffff solid; border-bottom: #ffffff solid; padding:5px; background-color: #dfdfdf }
td.catbottom { border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; padding:5px; border-right-width: 0px }
td.catbottom { border-top-width: 0px; border-left-width: 1px; border-bottom-width: 1px; border-right-width: 1px }
.copyright { font-size: 10px; color: #444444; font-family: verdana, arial, helvetica, sans-serif; letter-spacing: -1px }
a.copyright { color: #444444; text-decoration: none; }
a.copyright:hover { color: #000000; text-decoration: underline; }

a.mainmenu:link, a.mainmenu:visited
{
  text-decoration:none;
  color:#2D5EA3;
}

a.mainmenu:focus, a.mainmenu:hover
{
  color: #558FC1;
  text-decoration:underline;
}

a.mainmenu:active
{
  color:#EA3C3C;
}

#search, #hottest, #recent, #my_topics, #my_messages, #my_bookmarks, #forum_settings
{
  display:inline;
  margin:0;padding:0;
  padding-left:17px;
}
  

#search
{
  background:url(../images/icon_mini_search.gif);
  background-repeat:no-repeat;
  background-position:left center; 
}

#hottest, #recent
{
  background:url(../images/icon_mini_recentTopics.gif);
  background-repeat:no-repeat;
  background-position:left center; 
}

#my_topics, #my_messages, #my_bookmarks
{
  background:url(../images/icon_minipost.gif);
  background-repeat:no-repeat;
  padding-left:13px;
  background-position:left center; 
}

#forum_settings
{
  background:url(../images/icon_forum_settings.gif);
  background-repeat:no-repeat;
  background-position:left center; 
}

/* for tabs */

.not-selected-tab, .selected-tab
{
  display:inline;
  margin:0;
  font-weight:bold;
}
 
.not-selected-tab
{

  background:#E1E1E1;
  padding:5px 7px;
  border-bottom:1px solid #999999;
  color:#999999;

}

.selected-tab
{
  border:1px solid #123668;
  border-bottom:none;
  padding:6px 9px;
  background:url(../images/reinfit_tab.gif);
  background-color:#4782C1;
  color:white;
}

.spacer-tab
{
  display:inline;
  padding:3px;
  margin:0;
}

.line-below-tabs
{
  border-top:1px solid #999999;
  height:1px;
}
.not-selected-tab:hover, .not-selected-tab:focus, .not-selected-tab:active
{
  background:#AAAAAA;
  color:white;
  cursor:pointer;
}

.tab-link:hover, .tab-link:focus, .tab-link:active
{
  text-decoration:none;
  background:#AAAAAA;
  color:white;
}

input.button-as-link
{
  color:#2D5EA3;
  padding:3px 0;
  margin:0;
  background:white;
  border:none;
  text-indent:1px;
  
}

input.button-as-link:hover, input.button-as-link:focus, input.button-as-link:active
{
  cursor:pointer;
  text-decoration:underline;
}

#header-links a:link, #header-links a:visited
{
  text-decoration:none;
  color:#2A4F75;
}

#header-links a:focus, #header-links a:hover
{
  color:#7C91A5;
  text-decoration:underline;
}

.help-question-p
{
  background-image:url('../images/question_icon.png');
  background-repeat:no-repeat;
  padding-left:22px;
  padding-top:1px;
  margin-bottom:5px;
  font-size:1.1em;
  font-weight:bold;
  color:#01336B;
}

.help-answer-p
{
  margin-left:22px;
  margin-bottom:13px;
}

.help-presentation
{
  margin-left:20px;
  margin-bottom:15px;
}

/*used for help index page*/
.help-item
{
  width:33.3%;
  background-image:url('../images/help_bullet.gif');
  background-repeat:no-repeat;
  background-position:11px 9px;
  padding:4px 0 4px 21px;
}

.help-title
{
  font-weight:bold;
  font-size:1.1em;
  border-bottom:1px solid #CCCCCC;
  padding:20px 0 7px 0;
}

.help-list
{
  margin-left:15px;
  margin-top:4px;
}