/*----------------------------------------------------------
The base color for this template is #696969. If you'd like
to use a different color start by replacing all instances of
#696969 with your new color.
----------------------------------------------------------*/
body
{
  background: #fff url(/Content/images/HeaderBG.jpg) repeat-x top left;
  font-size: .75em;
  font-family: Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
  margin: 0;
  padding: 0;
  color: #696969;
}

a, a:link, a:visited, a:active
{
  color: #FB6C04;
  xtext-decoration: none;
}

a:hover
{
  color: #BF5100;
}

p, ul, ol
{
  margin-bottom: 20px;
  line-height: 1.6em;
  font-size:13px
}

ol
{
list-style-type:upper-alpha
}

ul
{
list-style-type:disc
}

ul li, ol li
{
margin-left:1.5em
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, .h1
{
  color: #002E7F;
  font-family: Trebuchet MS,Tahoma,Verdana,Helvetica, Sans-Serif;
  font-weight:bold
}

h1, .h1
{
  font-size: 2.1em;
  padding-bottom: 0;
}

h2, .h2
{
  font-size: 1.6em;
  xpadding: 0 0 10px 0;
  
}

h3, .h3
{
  font-size: 1.2em;
}

#headerPublic h3
{
color:white;
font-size:130%
}


h4
{
  font-size: 1.1em;
}

h5, h6
{
  font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
  margin-top: 0;
}

small, .small a
{
font-size:85%
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}

#MainContent, 
#SidebarContent
{
  margin-bottom: 30px;
}

#header
{
  position: relative;
  color: #000;
  height: 110px;
  width:960px
}

#headerPublic
{
  position: relative;
  color: #000;
  height: 110px;
  width:850px;
  margin-bottom:10px
}

#header h1
{
  font-weight: bold;
  padding: 5px 0;
  margin: 0;
  color: #fff;
  border: none;
  line-height: 2em;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 32px !important;
}

#logoPublic
{
  position: absolute;
  top: 20px;
  width: 258px;
  height: 66px;
}

#logo
{
  position: absolute;
  top: 20px;
  background: transparent url(/Content/images/FitParLogo.png) top left;
  width: 258px;
  height: 66px;
}


#logologgedin
{
  position: absolute;
  top: 15px;
  background: transparent url(/Content/images/FitParLogo2.png) top left;
  width: 220px;
  height: 56px;
}

#ContentContainer
{
width:960px;
margin-top:20px
}

x#adminmain
{
  width: 960px;
  float: left;
  padding: 15px 0;
  margin-bottom: 30px;
  _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
}


#main
{
 float:left;
  width: 710px;
  float: left;
  padding: 15px 0;
  margin-bottom: 30px;
  xmargin: 0 auto 30px auto;
  _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
}

#rightside
{
  width: 230px;
  float: right;
  padding: 15px 0 15px 0;
  margin-bottom: 30px;
  _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
}

#MainPhotoDiv
{
  width: 850px;
  height: 349px;
}

.MainPhoto1
{
  background: transparent url(/Content/images/MainPhoto_1.jpg) 0 0 no-repeat;
}

.MainPhoto2
{
  background: transparent url(/Content/images/MainPhoto_2.jpg) 0 0 no-repeat;
}
.MainPhoto3
{
  background: transparent url(/Content/images/MainPhoto_3.jpg) 0 0 no-repeat;
}

.MainPhotoHeader
{
  font-size: 2.8em;
  font-weight: bold;
  line-height: 1.1em;
  color: White;
  padding: 60px 60px 0 60px;
  float: left;
  width: 350px;
}

a.HeaderSignUp, 
a.HeaderSignUp:link, 
a.HeaderSignUp:visited, 
a.HeaderSignUp:active
{
font-size:1.5em;
color:white;
text-decoration:underline;
line-height:2.5em;
}

a.HeaderSignUp:hover
{
text-decoration:underline
}

#col1
{
width:46%;
float:left;
display:inline
}

#col2
{
width:46%;
float:right;
display:inline
}

#footer
{
  color: #999;
  padding: 10px 0;
  text-align: center;
  line-height: normal;
  margin: 0;
  font-size: .9em;
  clear: both;
  width:960px
}

/*#footer
{
  position: fixed;
  display:inline;
  bottom: 0;
  left: 0;
  color: #999;
  padding: 11px 20px 11px 20px;
  text-align: center;
  font-size: 11px;
  width: 100%;
  xbackground: #ffffff url('images/BodyBG.png') repeat-x top left;
}
*/
/* =PUBLIC SITE STRUCTURE
----------------------------------------------------------*/

#PublicPage
{
  width: auto;
  background: white url(/Content/images/HeaderBGTall.jpg) repeat-x top left;
}

#PublicWrapper
{
  width: 850px;
  margin: 0 auto;
}

#PublicMainPhoto
{
  xpadding: 10px 0 25px 20px;
  padding: 0;
  background: url(/Content/images/BgWhite850wRoundCornerTop.jpg) no-repeat top left;
  _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
  width: auto;
}

#PublicMain
{
  margin:0 15px 30px 15px;
  _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
  width: auto;
  padding-top:15px
}



/* =TAB MENU & PUBLIC TAB MENU   
----------------------------------------------------------*/

ul#menu
{
  margin: 0;
}

ul#PublicMenu
{
  padding: 0 0 2px;
  margin: 0;
  text-align: right;
}

ul#menu li, ul#PublicMenu li
{
  display: inline;
  list-style: none;
  font-size: 1.2em;
}
ul#menu li a, ul#PublicMenu li a
{
  padding: 10px 8px 10px 0;
  font-weight: bold;
  text-decoration: none;
  line-height: 2em;
  color: #fff;
}

ul#menu li.Last a, ul#PublicMenu li.Last a
{
  padding-right: 0;
}

ul#menu li a:hover, ul#PublicMenu li a:hover
{
  text-decoration: none;
  color: #A7BBDF;
}

ul#menu li a:active, ul#PublicMenu li a:active
{
  text-decoration: none;
  color: #fff;
}

ul#menu li.selected a
{
  color: #fff;
}

ul#menu li#greeting
{
  padding: 10px 20px;
  font-weight: bold;
  text-decoration: none;
  line-height: 2.8em;
  color: #fff;
}


/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset
{
  margin: auto;
  margin-bottom:15px;
  border: 0;
}

fieldset p
{
  margin: 2px 12px 10px 10px;
}

fieldset label
{
  display: block;
}

fieldset label.inline, fieldset p.inline
{
  display: inline;
  float:none
}

legend
{
  font-size: 1.1em;
  font-weight: 600;
  padding: 2px 4px 8px 4px;
}

input[type="text"],
input[type="password"]
{
  width: 200px;
  border: 1px solid #CCC;
}

input[type="checkbox"]
{
  width: auto;
  border: 0;
}

/* =PEC FORMS   
----------------------------------------------------------*/

.FormLabel
{
  text-align: right;
}


/* =PUBLIC TABLE
----------------------------------------------------------*/

table.PublicTable
{
  border: 0;
  margin: auto;
}

table.PublicTable td, 
table.PublicTable td table
{
  padding: 5px;
  border: 0;
}

table.PublicTable td table td
{
  padding: 0;
}

table.PublicTable th
{
  padding: 6px 5px;
  text-align: left;
  border: 0;
}
/* =TABLE
----------------------------------------------------------*/

table
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}

table td
{
  padding: 5px;
  border: solid 1px #e8eef4;
  vertical-align: top;
}

table th
{
  padding: 6px 10px 6px 5px;
  text-align: left;
  background-color: #DFEBFF;
  border: solid 1px #DFEBFF;
}

.OtherColumn, th.OtherColumn, 
td.OtherColumn
{
background:#E6EFD1;
border: solid 1px #fff;
}



#comparisontable, #comparisontable td
{
border:0  
}

#comparisontable td
{
padding-right:20px  
}
/* MISC  
----------------------------------------------------------*/
.clear
{
  clear: both;
}

.error
{
  color: Red;
}

#menucontainer
{
  position: absolute;
  right: 0px;
  bottom: 5px;
}

div#title
{
  display: block;
  float: left;
  text-align: left;
}

#logindisplay
{
  position: absolute;
  top: 10px;
  right: 0px;
  font-size: 1em;
  color: White;
  text-align: right;
}

#logindisplay a:link
{
  color: white;
  text-decoration: underline;
}

#logindisplay a:visited
{
  color: white;
  text-decoration: underline;
}

#logindisplay a:hover
{
  color: white;
  text-decoration: none;
}

.field-validation-error
{
  color: #ff0000;
}

.input-validation-error
{
  border: 1px solid #ff0000;
  background-color: #ffeeee;
}

.validation-summary-errors
{
  font-weight: bold;
  color: #ff0000;
}

.Grey
{
  color: #999;
}
.Orange
{
  color: #FB6C04;
}

.Blue
{
color:#002E7F
}
.imageLeft
{
float:left;
margin:1.5em;
}

.imageRight
{
float:right;
margin:1.5em
}

.ScorecardDetail
{

float:right;
margin:0 0 1.5em 1.5em;
width:250px;
text-align:center
}

.ScorecardDetail a img
{
text-decoration:none    
}

p.big
{
font-size:1.3em
}

ul.plain
{
list-style-type:none
}

strong, .strong
{
font-weight:bold
}


/* =Sign Up Select
----------------------------------------------------------*/
#SignupTable
{
width:100%;
border:0
}
#SignupTable td
{
border:0
}
#SignupTable td.OrangeContainer
{
padding:12px
}

#OtherInformationForm p label
{
width:175px  
}

/* =OTHER FORMS
----------------------------------------------------------*/
.innerrow
{
  float: left;
  height: auto;
  width: 385px;
}

label
{
  width: 125px;
  float: left;
  padding: 6px 0 0 2px;
  font: 13px arial, helvetica, sans-serif;
  color: #505050;
}

label.error
{
  width: 220px;
  float: none;
  padding: 0;
  color: #ff0000;
  display: block;
  font-size: 11px;
}

input, textarea,
input.error
{
  width: 230px;
  font: 13px arial, helvetica, sans-serif;
  color: #505050;
  padding: 5px 3px;
  border: solid 1px #d4d4d4;
  xbackground-color: #fff;
}

select.GenderSelect
{
  width: 210px;
  font: 13px arial, helvetica, sans-serif;
  color: #505050;
  padding: 5px 3px;
  border: solid 1px #d4d4d4;
  background-color: #fff;

}

input:focus, 
textarea:focus
{
  border: dashed 1px #FB6C04;
}

input.error, 
textarea.error
{
  border: 1px dashed red;
}

input[type=submit]
{
  margin: 10px 10px 10px 0;
  padding: 2px 10px;
  width: 100px;
  background-color: #EF873B;
  color: White;
  border: solid 1px #BF5100;
  cursor: pointer;
}

fieldset span
{
  float: left;
  padding-bottom: 14px;
  background: url(images/shadow.png) bottom center no-repeat;
}


p.short input
{
  width:25px
  }
  
  p.short2 input
{
  width:55px
  }
/* = FORM AGREEMENT
----------------------------------------------------------*/
fieldset p.Plain
{
  margin: 0 0 1.3em 10px;
}


fieldset p.Plain span, 
.PublicTable span, 
.ContactWrapper3 fieldset span, 
fieldset p.Plain label
{
  margin: 0;
  padding: 0;
  float: none;
  display: inline;
}

input[type=radio]
{
  margin-right: 7px;
  width: 1em;
  cursor: pointer;
  border: 0;
}

.PublicTable label
{
  width: auto;
  float: none;
  padding: 0;
  color: #505050;
  line-height: 1.8em;
}

.ContactWrapper
{
  width: 500px;
  margin: auto;
}

.StepRow
{
  float: left;
  width: 75px;
}

.MedicalCheckboxList input[type="checkbox"]
{
margin-bottom:10px;
margin-top:5px
}

p.ChangePassword
{
padding-top:10px;
}

/*
.ContactWrapper3
{
  width:585px;
  margin:auto;
}
.StepWrapper
{
background-color:#D1DCEF;
border-bottom:solid 1px red
}
.StepRow3 {
float:left;
width:200px;
}
*/


/* = IMPROVEMENT FORM
----------------------------------------------------------*/
#ImprovementTable td, #ImprovementTable
{
border:0
}

#ImprovementTable table
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}

#ImprovementTable table td
{
  padding: 5px;
  border: solid 1px #e8eef4;
  vertical-align: top;
}

#ImprovementTable table th
{
  padding: 6px 10px 6px 5px;
  text-align: left;
  background-color: #DFEBFF;
  border: solid 1px #FFF;
}

#ImprovementTable .OtherColumn,#ImprovementTable th.OtherColumn, 
#ImprovementTable td.OtherColumn
{
background:#E6EFD1;
border: solid 1px #fff;
}


.ImprovementDiv p
{
clear:both;
margin-bottom:10px
}

.ImprovementDiv label
{
width:125px;
font-weight:bold
}

.ImprovementDiv table label
{
width:auto;
padding-right:10px;
font-weight:bold
}

.ImprovementDiv .ImprovementRound
{
xwidth:600px;
display:block;
}

#ImprovementOptions
{
 width:225px; 
 padding:10px;

}

#ImprovementOptions p, #ImprovementOptions select
{
 margin:5px 0 10px 0;
 line-height:1em
}

#ImprovementOptions select
{
 margin:0;
 line-height:1em
}

#ImprovementOptions label
{
margin:0;
padding:0;
line-height:normal
}

/* = MY SCORECARD BUTTON
----------------------------------------------------------*/
.button3, .improveButton
{
  padding: 2px 5px;
  border: solid 1px #696969;
  position: relative;
  cursor: pointer;
  display: inline-block;
  background-image: url( '/Content/images/bkg.png' );
  background-repeat: repeat-x;
  font-size: 14px;
  height: 16px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  line-height:1em
}


span.improveButton
{
margin:15px auto -15px 160px
}

.button
{
  padding: 4px 10px 3px 25px;
  border: solid 1px #8AB134;
  position: relative;
  cursor: pointer;
  display: inline-block;
  background-image: url( '/Content/images/bkg.png' );
  background-repeat: repeat-x;
  font-size: 11px;
  height: 16px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
}
.button img,.button2 img
{
  position: absolute;
  top: -4px;
  left: -12px;
  border: none;
}

x.button:hover
{
  color: #fff;
  text-decoration:underline
}

.MyScoreCard .button2, .button2
{
  padding: 4px 10px 3px 25px;
  border: solid 1px #8AB134;
  position: relative;
  cursor: pointer;
  display: inline-block;
  background-image: url( '/Content/images/bkg.png' );
  background-repeat: repeat-x;
  font-size: 11px;
  height: 16px;
  text-decoration: none;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
}
#logindisplay a.button, #logindisplay a.button:link, #logindisplay a.button:visited, #logindisplay a.button:active,
a.button, a.button:link, a.button:visited, a.button:active,
a.button2, a.button2:link, a.button2:visited, a.button2:active
a.button3, a.button3:link, a.button3:visited, a.button3:active

.improveButton a, .improveButton a:link, .improveButton a:visited, .improveButton a:active
{
color:#fff;
text-decoration:none
}

#logindisplay a.button:hover,
a.button:hover,
a.button2:hover,
a.button3:hover
{
text-decoration:underline
}

.MyScoreCard
{
  padding-top: 10px;
}




/* = SIDEBAR TABLE
----------------------------------------------------------*/

.sidebar
{
  padding: 1px 10px 10px 10px;
  margin-bottom: 10px;
}
.sidebar h2
{
  margin-bottom: 10px;
  margin-top: 10px;
}

.sidebar h3
{
  font-size: 20px;
  padding-bottom: 4px;
  margin-bottom: 5px;
  margin-top: 10px;
}
.sidebar ul
{
  list-style: none;
  padding: 0px;
  margin: 5px 0px 0px 0px;
}
.sidebar ul li
{
  padding-bottom: 7px;
  margin-bottom: 7px;
}
.sidebar ul.half li
{
  width: 150px;
  padding-bottom: 7px;
  margin-bottom: 7px;
  float: left;
}

p.alignright
{
  text-align: right;
}
.sidebar .alignright a
{
  text-decoration: none;
}
.sidebar p
{
  margin: 0px;
  margin-bottom:15px;
  line-height: 1.4em;
  font-size: 11px;
}

.BlueContainer
{
  background: #E1F2FC;
  border-top: 2px solid #4091BF;
  color: #587D92;
}
.BlueContainer h3
{
  color: #0A4F76;
  border-bottom: solid 1px #98C2DA;
}

.BlueContainer ul li
{
  border-bottom: solid 1px #B6DBF0;
  margin-left:0
}
.BlueContainer a
{
  color: #014770;
}
.BlueContainer a:hover
{
color:#587D92
}
.BlueContainer .small
{
  color: #587D92;
  text-decoration: none;
  font-size: 11px;
  line-height:1.4em;
  margin: 5px 0 0 0;
}



.OrangeContainer
{
  background: #FFF1DC;
  color: #938A7B;
  border:solid 1px #DFC9A7
}
.OrangeContainer h3
{
  color: #764700;
  border-bottom: solid 1px #DDC49F;
}
.OrangeContainer a
{
  color: #C87800;
}
.OrangeContainer ul li
{
  border-bottom: solid 1px #F1DAB8;
  color: #DDC49F;
  margin-left:0
}

.Orange2Container
{
  background: #FFCB8F;
  color: #002E7F;
  width:570px;
  padding:15px 15px 5px;
  margin:15px 0;
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  border:1px solid #FB6C04;
}
.DarkOrangeContainer h3
{
  color: #764700;
  border-bottom: solid 1px #DDC49F;
}
.DarkOrangeContainer a
{
  color: #FB6C04;
}
.DarkOrangeContainer ul li
{
  border-bottom: solid 1px #F1DAB8;
  color: #DDC49F;
  margin-left:0
}



.GreenContainer
{
  background: #F4FDDE;
  color: #5F6454;
  border: solid 1px #CBD6B1;
}

.GreenContainer a
{
  color: #466200;
}
.GreenContainer h3
{
  color: #466200;
  border-bottom: solid 1px #CBD6B1;
}
.GreenContainer ul li
{
  color: #CBD6B1;
  border-bottom: solid 1px #D9E5BC;
  margin-left:0
}

.GreenContainer .MyScoreCard
{
margin-left:10px;
margin-bottom:5px
}

.GreenContainer .MyScoreCard a
{
color:#fff;
}


/* = SCORE CARD
----------------------------------------------------------*/

#scoreCard
{
  background-image: url('/Content/images/ScoreCardBGMidSm.jpg');
  background-repeat: repeat-y;
  width:600px
}

#cardBody
{
  background-image: url('/Content/images/ScoreCardBGTopSm.jpg');
  background-repeat: no-repeat;
  padding-top: 50px;
  padding-left:55px;
  vertical-align: top;
  
}

#cardBody h2
{
text-align:center;
margin-left:-100px
}

#cardBody #scoreDiv
{
  display: inline-block;
  margin-right:45px;
  position: relative;
  margin-top:5px;
  margin-bottom:25px;
  float:left
}

#cardBottom
{
  background-image: url('/Content/images/ScoreCardBGBottomSm.jpg');
  background-repeat: no-repeat;
  width: 600px; 
  height: 33px;
}

#scoreHeader
{
  margin-bottom:5px
}

#scoreDiv table
{
  margin-top:5px
}

#scoreDivHeader
{
  text-align:center;
  margin-bottom:10px;
  margin-top:10px;
}

#scoreDiv .h2
{
  font-weight:bold;
}

table.scoreTable, .scoreTable th, .scoreTable td
{
border:0;padding:0;margin:0
}

.scoreTable th
{
background-color:Transparent;
font-weight:600;
border-bottom:solid 1px #011993;
color:#002E7F;
font-size:1.2em;
padding:3px 0 0 0;
}


.scoreTable td
{
font-weight:900;
font-size:1em;
color:#002E7F;
padding:6px 0 5px 0;
vertical-align:middle;
}

.scoreTable td.Number, .scoreTable th.Number
{
text-align:right;
padding-left:20px;
}

.scoreTable td.Number
{
padding-right:5px
}

.scoreTable td.scoreTDBG
{
background: url('/Content/images/scorecardTDBG.gif') no-repeat top right
}

.scoreTable td.Exercise
{
padding-right:15px
}

.scoreTable input, .scoreTable select
{
font-weight:bold;
font-size:.95em;
color:#002E7F;
}

.scoreTable input
{
width:2em;
padding:3px;
text-align:right;
}

.scoreTable input.weight
{
width:5em
}

#ScoreCardName
{
display:inline-block;
margin-bottom:15px;
width:100%
}

.ScoreTrainerCode
{
float:right;
margin-right:100px
}

#ScoreCardFooter
{
text-align:center;
display:inline-block;
margin-left:-25px;
width:100%;
font-size:85%
}

th
{
font-weight:bold;
color:#002E7F
}

/* = Video
----------------------------------------------------------*/
#videobox
{
float:right;
display:inline-block;
margin-right:30px
}
#videoTitle
{
float:left;
text-align:left;
display:inline-block;
margin-right:3;
padding-left:75px
}

ul.videoList,
ol.videoList
{
display:inline-block;
float:left
}

ol.videoList
{
list-style-type:none;
font-size:1.3em;
margin-left:-22px
}

ol li
{
background-color:#E1F2FC;
padding:3px 10px;
margin-bottom:1px
}

/* = Reports
----------------------------------------------------------*/

.comparediv
{
font-size:1.5em;
color:black;
font-weight:bold;
border:solid 1px #DFC9A7; 
border-bottom:0;
width:110px; 
padding:5px 10px 5px 10px;
}


.tabletabs ul
{
margin:0;
margin-bottom:4px
}

.tabletabs ul.tabletabnav li, .tabletabs ul.tabletabnav li div
{
display:inline;
list-style-type:none;
font-size:1em;
padding:5px 0;
margin:0;
}

.tabletabs ul.tabletabnav li div a
{
padding:7px;
text-decoration:none;
font-weight:normal
}

.tabletabs ul.tabletabnav li div a:hover
{
text-decoration:underline;
}

table.reportusername
{
margin:0;
padding:0;  
border:0;
margin-bottom:10px
}

table.reportusername td
{ 
padding:0;
border:0;
vertical-align:baseline;
color:black;
}

.reportusername h1, .reportusername h2, .reportusername h3
{
color:black;
padding:0;
margin:0;
}

table.TrainerByRound
{  
  border:solid 1px #7793BF
}

.TrainerByRound th.bright
{
border-right:solid 1px white;
}

.TrainerByRound th.subth
{
xpadding:5px 10px 10px 0;
background:#C2D3EF 
}

table.TrainerByRound tr.ByRound th
{
background:white; 
border-right:solid 1px #DFEBFF;
}

table.TrainerByRound tr.ByRound h2
{
  color:black
}