/******************************************************************************/
/* CONTENTS:                                                                  */
/* BASE LAYOUT (div), LINKS, PLATFORM MONITORING, EVALUATION MANAGEMENT,      */
/* BORDERS, FORMS, FORMATTING OPTIONS, HEADINGS, TABLES,                      */
/* OTHER (need to sort and clean)                                             */
/******************************************************************************/

@import url('themes/common.css');

/******************************************************************/
/* HEADERS & FOOTERS                                              */
/******************************************************************/
div#site-name span.site-name-title {
  font-weight: bold;  
}

/******************************************************************/
/* CONTENTS                                                       */
/******************************************************************/
#global
{
  position: static;
  display: block;
  color: inherit;
  background-color: #FFFFDF;
  padding: 0px;
  /*width: 740px;*/
  min-width: 760px;
  max-width: 1240px;
}

#globalVBand
{
  position: static;
  display: block;
  color: inherit;
  background-color: #660066;
  padding: 0px;
  /*width: 740px;*/
  min-width: 760px;
  max-width: 1240px;
}

#head
{
  position: static;
  display: block;
  color: #FF3300;
  background-color: #FDCA00;
  padding: 0px;
  width: 100%;
}

#menu
{
  position: static;
  display: block;
  text-align: right;
  color: #EFEFEF;
  background-color: #FBAA04;
  padding: 0px;
  width: 100%;
}

#programAccess
{
  position: static;
  display: block;
  clear: left;
  float: left;
  color: inherit;
  background-color: transparent;
  width: 12%;
  text-align: center;
}

#programLinks 
{
  float: left;
  padding-top: 50px;
  padding-left: 35px;
}

#contentVBand
{
  position: static;
  display: block;
  clear: right;
  float: right;
  color: inherit;
  background-color: #FFFFDF;
  padding: 10px;
  width: 85%;
}

#maintenance
{
  position: static;
  display: block;
  background-color: #FFFFDF;
  padding: 10px;
}

#maintenanceBoxHeader
{
  background-color: #FFFF99;
  border: 1px solid #990033;
  padding: 10px;
  color: #FF6600;
  font-weight: bold;
}

#maintenanceBoxContent
{
  background-color: #FFFFCC;
  border-left: 1px solid #990033;
  border-bottom: 1px solid #990033;
  border-right: 1px solid #990033;
  font-weight: bold;
  color: #990033;
  padding: 10px;
}

#content
{
  position: static;
  display: block;
  color: inherit;
  background-color: #FFFFDF;
  padding: 10px;
  /*width: 720px;*/
  min-width: 720px;
  max-width: 1200px;
}

#contentSmall
{
  position: static;
  display: block;
  color: inherit;
  background-color: #FFFFDF;
  border-width: 1px;
  border-style: solid;
  border-color: #333333;
  padding: 10px;
  /*width: 580px;*/
  min-width: 580px;
  max-width: 1080px;
}

#contentExample
{
  position: static;
  display: block;
  color: inherit;
  background-color: #FFFFDF;
  border-width: 1px;
  border-style: solid;
  border-color: #333333;
  padding: 10px;
  /*width: 620px;*/
  min-width: 590px;
  max-width: 1200px;
}

#smallPopup
{
  position: static;
  display: block;
  color: inherit;
  background-color: #FFFFDF;
  border-width: 1px;
  border-style: solid;
  border-color: #333333;
  padding: 10px;
  /*width: 380px;*/
  min-width: 380px;
  max-width: 1200px;
}

#composerPopup
{
  position: static;
  display: block;
  color: inherit;
  background-color: #FFFFDF;
  border-width: 1px;
  border-style: solid;
  border-color: #333333;
  padding: 10px;
  /*width: 300px;*/
  min-width: 300px;
  max-width: 1240px;
}

#largePopup
{
  position: static;
  display: block;
  color: inherit;
  background-color: #FFFFDF;
  border-width: 1px;
  border-style: solid;
  border-color: #333333;
  padding: 10px;
  /*width: 620px;*/
  min-width: 620px;
  max-width: 1240px;
}

#popup
{
  position: static;
  display: block;
  color: inherit;
  background-color: #FFFFDF;
  border-width: 1px;
  border-style: solid;
  border-color: #333333;
  padding: 10px;
  /*width: 480px;*/
  min-width: 480px;
  max-width: 1240px;
}

#footer
{
  text-align:left;
  color: #808080;
  background-color: #E4E4E4;
  padding: 4px;
}

#copyright
{
  position: relative;
  display: block;
  clear: both;
  text-align:left;
  color: #808080;
  background-color: #E4E4E4;
  padding: 4px;
}

#blank
{
  position: relative;
  display: block;
  clear: both;
  text-align:left;
  color: #808080;
  background-color: #E4E4E4;
}

#debug
{
  position: static;
  display: block;
  clear: both;
  text-align:left;
  color: #000000;
  background-color: transparent;
  padding: 4px;
}

#terms
{
  height: 400px;
  min-width: 620px;
  max-width: 1120px;
  /*width: 620px;*/
  overflow:auto;
  border-color: #333333;
  border-width: 1px;
  border-style: solid;
  padding: 5px;
}

div#bottomLeftIcons
{
  position: static;
  display: block;
  clear: left;
  float:left;
  text-align: left;
  vertical-align: middle;
  padding-left: 0.5em;
  padding-right: 0.5em;
  width: 50px;
}

div#bottomRightIcons
{
  position: static;
  display: block;
  clear: right;
  float:right;
  text-align: right;
  vertical-align: middle;
  padding-left: 0.5em;
  padding-right: 0.5em;
  width: 300px;
}

span#warning
{
  color: #FF0000;
  font-weight: bold;
}

/******************************************************************************/
/* AJAX SLIDERS                                                               */
/******************************************************************************/
div.slider-left 
{
  position: absolute;
  width: 5px;
  height: 9px;
  background: transparent url(../../images/slider-images-track-left.png) no-repeat top left;
}

div.slider
{
  height: 9px;
  background: transparent url(../../images/slider-images-track-right.png) no-repeat top right;
}

div.slider-handle
{
  width: 19px; 
  height: 20px;
  cursor: ew-resize;
}

.motivationResult
{
  border-top: 1px solid #990033;
  border-bottom: 1px solid #990033;
  border-left: 1px solid #990033;
  border-right: 1px solid #990033;
  padding-left: 1em;
  padding-right: 1em;
  color: #000000;
  background: #FEFEFE;
}

div#feedback
{
  border-top: 1px dashed #720026; /*#FBAA04;*/
  border-bottom: 1px dashed #720026; /*#FBAA04;*/
  border-left: 1px dashed #720026; /*#FBAA04;*/
  border-right: 1px dashed #720026; /*#FBAA04;*/
  padding-left: 1em;
  padding-right: 1em;
  font-weight: bold;
  color: #720026; /*#FBAA04;*/
  background: #fffcf3;
  margin-bottom: 1em;
}

td.slider-empty
{
  height: 5px;
  color: inherit;
  background: #FFEFBF;
}

td.slider-full
{
  height: 5px;
  color: inherit;
  background: #990033;
}

/******************************************************************************/
/* LINKS                                                                      */
/******************************************************************************/
a:link, a:visited, a:active
{
  color: #000000;
}

a:hover
{
  color: #660066;
}

a.underline:link, a.underline:visited, a.underline:active
{
  text-decoration: underline;
}

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

a.greyBold:link, a.greyBold:visited, a.greyBold:active
{
  color: #808080;
  font-weight: bold;
  text-decoration: none;
}

a.greyBold:hover
{
  color: #202020;
  font-weight: bold;
  text-decoration: none;
}

a.stepLink:link, a.stepLink:visited, a.stepLink:active
{
  color: #FC4E02;
  font-weight: bold;
}

a.stepLink:hover
{
  color: #EC5E00;
  font-weight: bold;
}

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

a.stepLinkNoAccess:hover
{
  color: #EC5E00;
  text-decoration: none;
}

a.warning:link, a.warning:visited, a.warning:active
{
  color: #990033;
  font-weight: bold;
  text-decoration: none;
}

a.warning:hover
{
  color: #993300;
  font-weight: bold;
  text-decoration: none;
}

a.lostPassword:link, a.lostPassword:visited, a.lostPassword:active
{
  color: #FC4E02;
  font-weight: bold;
  text-decoration: none;
}

a.lostPassword:hover
{
  color: #C00000;
  font-weight: bold;
  text-decoration: none;
}

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

a.today:hover
{
  color: #000020;
  text-decoration: none;
}

a.bold:link, a.bold:visited, a.bold:active
{
  color: #000020;
  font-weight: bold;
  text-decoration: none;
}

a.bold:hover
{
  color: #660066;
  font-weight: bold;
  text-decoration: none;
}

#recruitment a.bold:link, #recruitment a.bold:visited, #recruitment a.bold:active
{
  color: #000020;
  text-decoration: none;
}

#recruitment a.bold:hover
{
  color: #660066;
  text-decoration: none;
}

a.tab:link, a.tab:visited, a.tab:active, span.tab
{
  color: #000020;
  font-weight: bold;
  text-decoration: none;
}

a.tab:hover
{
  color: #660066;
  font-weight: bold;
  text-decoration: none;
}

a.selectedTab:link, a.selectedTab:visited, a.selectedTab:active, span.selectedTab
{
  color: #FEFEFE;
  font-weight: bold;
  text-decoration: none;
}

a.selectedTab:hover
{
  color: #FFFF99;
  font-weight: bold;
  text-decoration: none;
}

a.formatOptions:link, a.formatOptions:visited, a.formatOptions:active
{
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}

a.formatOptions:hover
{
  color: #EFEFEF;
  font-weight: bold;
  text-decoration: none;
}

a.example:link, a.example:visited, a.example:active
{
  color: #660066;
  font-weight: bold;
  text-decoration: none;
}

a.example:hover
{
  color: #666696;
  font-weight: bold;
  text-decoration: none;
}

a.tool:link, a.tool:visited, a.tool:active
{
  color: #00008B;
  font-weight: bold;
  text-decoration: none; /*underline;*/
}

a.tool:hover
{
  color: #990033;
  font-weight: bold;
  text-decoration: none; /*underline;*/
}

a.mail:link, a.mail:visited, a.mail:active
{
  color: #FC4E02;
  font-weight: bold;
  text-decoration: none;
}

a.mail:hover
{
  color: #FBAA04;
  font-weight: bold;
  text-decoration: none;
}

a.underline:link, a.underline:visited, a.underline:active
{
  color: #000000;
  text-decoration: underline;
}

a.underline:hover
{
  color: #660066;
  text-decoration: underline;
}

/******************************************************************************/
/* PLATFORM MONITORING                                                        */
/******************************************************************************/
#platformMonitoringMenu
{
  background-color: #FFEFBF;
  border-bottom: 1px solid #000000;
  padding-left: 1em;
  padding-right: 1em;
  line-height: 2em;
  vertical-align: middle;
  /*width: 705px;*/
}

#platformMonitoringContent
{
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
  padding-right: 1em;
  /*width: 694px;*/
  min-width: 694px;
  max-width: 1174px;
}

#platformMonitoringContent h2
{
  margin-left: 0px !important;
}
  
td.platformMonitoringContent
{
  border-width: 1px;
  border-style: solid;
  border-color: #000000;
  /*width: 716px;*/
  min-width: 716px;
  max-width: 1196px;
}

#analysisContent
{
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
  padding-right: 1em;
  /*width: 576px;*/
  min-width: 576px;
  max-width: 1096px;
}

td.analysisContent
{
  border-width: 1px;
  border-style: solid;
  border-color: #000000;
  /*width: 594px;*/
  min-width: 594px;
  max-width: 1114px;
}

th.summaryCoach, td.summaryCoach
{
  text-align: center;
}

#strategyList
{
  padding-bottom: 0.5em;
}

ul#strategyList
{
  padding-left: 0;
  margin-left: 2em;
}

/******************************************************************************/
/* DATA COLLECTION                                                            */
/******************************************************************************/
div#evalTitle
{
  position: static;
  display: block;
  clear: left;
  float: left;
  width: 100%;
}

div#evalLeftTitle
{
  position: static;
  display: block;
  clear: left;
  float: left;
  text-align: left;
  vertical-align: middle;
  width: 520px;
}

div#evalRightTitle
{
  position: static;
  display: block;
  clear: right;
  float: right;
  text-align: right;
  vertical-align: middle;
  width: 50px;
  padding-top: 10px;
}

div#feedbackMessage
{
  position: static;
  display: block;
  background-color: transparent;
  color: #C62675;
  font-style: italic;
  font-weight: bold;
  vertical-align: middle;
}

/******************************************************************************/
/* QUESTIONNAIRE SETUP                                                        */
/******************************************************************************/
div#evalMgtTable
{
  position: static;
  display: block;
  clear: left;
  float: left;
  width: 100%;
  padding-bottom: 20px;
}

div#evalTableHeaderLeftColumn, div#evalTableHeaderMiddleColumn, div#evalTableHeaderRightColumn
{
  color: inherit;
  background: #f3f3f3;
  font-weight:bold;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #808080;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #808080;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #808080;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 20px;
  vertical-align: middle;
}

div#evalTableHeaderLeftColumn
{
  clear: left;
  float: left;
  width: 403px;
}

div#evalTableHeaderLeftColumn
{
  width: 147px;
}

div#evalTableHeaderRightColumn
{
  clear: right;
  float: right;
  width: 147px;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #808080;
}

div#evalMgtBordersBLRGreyLeftColumn, div#evalMgtBordersBRGreyRightColumn,
div#evalMgtBordersBLRGreyLeftColumnNotDone, div#evalMgtBordersBRGreyRightColumnNotDone
{
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  vertical-align: middle;
}

div#evalMgtBordersBLRGreyLeftColumn, div#evalMgtBordersBLRGreyLeftColumnNotDone
{
  clear: left;
  float: left;
  width: 550px;
}

div#evalMgtBordersBRGreyRightColumn, div#evalMgtBordersBRGreyRightColumnNotDone
{
  clear: right;
  float: right;
  width: 147px;
}


div#evalMgtBordersBLRGreyLeftColumnNotDone, div#evalMgtBordersBRGreyRightColumnNotDone
{
  background: #FFF7CF;
  font-weight: bold;
}

.evalMgtNotDone
{
  background: #FFF7CF;
  font-weight: bold;
}

div#evalSectionTOC
{
  padding-left: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #808080;
}

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

a.evalSectionLink:hover
{
  color: #660066;
  text-decoration: none;
}

a.questionnaire:link, a.questionnaire:visited, a.questionnaire:active, a.questionnaire:hover
{
  text-decoration: none;
  font-weight: normal;
}


div#evalLeftSectionHeader
{
  position: static;
  display: block;
  clear: left;
  float: left;
  text-align: left;
  vertical-align: middle;
  width: 650px;
}

div#evalRightSectionHeader
{
  position: static;
  display: block;
  clear: right;
  float: right;
  text-align: right;
  vertical-align: middle;
  width: 50px;
}

div#evalMainInstructions, div#evalPossibleAnswersHeader, div#evalQuestionsHeader, div#evalSectionTOCHeader,
div#evalSectionHeader
{
  font-weight: bold;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  background: #ffefbf;
  width: 99%; /* 707px;*/
}

div#questionnaireInstructions
{
  margin-top: 5px;
  padding: 10px;
  border-width: 1px;
  border-style: solid;
  border-color: #808080;
}

div#questionnaireInstructions p
{
  margin: 0px;
}

div#evalInstructions
{
  font-weight: bold;
  margin-bottom: 10px;
  width: 707px;
}

div#evalSectionHeader
{
  position: static;
  display: block;
  clear: left;
  float: left;
}

div#evalPossibleAnswers
{
}

div#evalQuestionNumber
{
  font-weight: bold;
  padding-bottom: 10px;
}

img.evalImage
{
  margin-bottom: 10px;
}

div#evalMgtMenu
{
  color: inherit;
  font-weight:bold;
  text-align: right;
  vertical-align: middle;
  width: 100%;
}

div#evalMgtTitle
{
  position: static;
  display: block;
  clear: left;
  float: left;
  margin-top: 1.5em;
  margin-bottom: 1em;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #660066;
  width: 100%;
}

div#evalMgtTitleLeft
{
  position: static;
  display: block;
  clear: left;
  float: left;
  text-align: left;
  vertical-align: middle;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-bottom: 1.5em;
  width: 450px;
  font-weight: bold;
  color: #720026;
}

div#evalMgtTitleRight
{
  position: static;
  display: block;
  clear: right;
  float: right;
  text-align: right;
  vertical-align: middle;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-bottom: 1.5em;
  width: 200px;
  font-weight: bold;
}

div#evalMgtQuestionnaireNameSetup
{
  position: static;
  display: block;
  text-align: left;
  vertical-align: middle;
  padding-bottom: 10px;
  font-weight: bold;
  width: 707px;
}

input#evalMgtQuestionnaireNameInput
{
  font-family: Verdana, sans-serif;
  font-weight: normal;
  padding-left: 3px;
  padding-right: 3px;
  width: 98%;
}

div#evalMgtInstructionsNote, div#evalMgtCopyrightNote
{
  position: static;
  display: block;
  font-weight: bold;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  width: 707px;
}

div#evalMgtInstructions2Header
{
  position: static;
  display: block;
  width: 707px;
  font-weight: bold;
  margin-bottom: 10px;
}

div#evalMgtInstructions, div#evalMgtInstructions2, div#evalMgtCopyright
{
  position: static;
  display: block;
  border-top: solid 1px;
  border-right: solid 1px;
  border-left: solid 1px;
  border-bottom: solid 1px;
  width: 707px;
}

div#evalMgtFormattingInstructions, div#evalMgtFormattingInstructions2, div#evalMgtFormattingCopyright
{
  padding-left: 5px;
  padding-right: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-bottom: solid 1px;
  background: #f3f3f3;
  width: 700px;
}

div#evalMgtTextareaInstructions, div#evalMgtTextareaInstructions2, div#evalMgtTextareaCopyright
{
  padding-left: 5px;
  padding-right: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-bottom: solid 1px;
  width: 700px;
}

div#evalMgtHelpInstructions, div#evalMgtHelpInstructions2, div#evalMgtHelpCopyright
{
  padding-left: 5px;
  padding-right: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: #f3f3f3;
  width: 700px;
}

div#evalMgtInstructions2
{
  margin-bottom: 5px;
}

div#evalMgtSameAnswersNote
{
  position: static;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 707px;
}

span.evalMgtWarning
{
  color: #FF0000;
  font-weight: bold;
}

div#evalMgtSameAnswers
{
  position: static;
  display: block;
  margin-left: 50px;
  margin-top: 5px;
  width: 600px;
}

input#evalMgtSameAnswersInput
{
  font-family: Verdana, sans-serif;
  padding-left: 3px;
  padding-right: 3px;
  width: 50%;
}

div#evalMgtTranslationHint
{}

div#evalMgtNote
{
  text-align: left;
  vertical-align: middle;
  padding-bottom: 15px;
  padding-left: 10px;
  padding-right: 5px;
  font-weight: bold;
  width: 692px;
}

div#evalMgtSection
{
  padding-top: 5px;
  margin-bottom: 10px;
  position: static;
  display: block;
  text-align: left;
  vertical-align: middle;
  width: 680px;
}

input#evalMgtSectionInput
{
  width: 100%;
  font-family: Verdana, sans-serif;
  padding-left: 3px;
  padding-right: 3px;
}

div#evalMgtQuestion
{
  padding-top: 5px;
  padding-left: 20px;
  position: static;
  display: block;
  text-align: left;
  vertical-align: middle;
  width: 660px;
}

input#evalMgtQuestionInput, input#evalMgtQuestionUnitInput
{
  width: 100%;
  font-family: Verdana, sans-serif;
  padding-left: 3px;
  padding-right: 3px;
}

input#evalMgtQuestionUnitInput
{
  width: 30%;
}

div#evalMgtAnswer1, div#evalMgtAnswerNote,
div#evalMgtAnswer2, div#evalMgtAnswerNote2,
div#evalMgtAnswer3, div#evalMgtAnswerNote3,
div#evalMgtAnswer4, div#evalMgtAnswerNote4
{
  padding-top: 5px;
  padding-left: 40px;
  position: static;
  display: block;
  text-align: left;
  vertical-align: middle;
  width: 640px;
}

input#evalMgtAnswerInput1, input#evalMgtAnswerUnitInput1, input#evalMgtAnswerImageAlt1,
input#evalMgtAnswerInput2, input#evalMgtAnswerUnitInput2, input#evalMgtAnswerImageAlt2,
input#evalMgtAnswerInput3, input#evalMgtAnswerUnitInput3, input#evalMgtAnswerImageAlt3,
input#evalMgtAnswerInput4, input#evalMgtAnswerUnitInput4, input#evalMgtAnswerImageAlt4
{
  width: 100%;
  font-family: Verdana, sans-serif;
  padding-left: 3px;
  padding-right: 3px;
}

input#evalMgtAnswerImageAlt1, input#evalMgtAnswerImageAlt2, input#evalMgtAnswerImageAlt3,
input#evalMgtAnswerImageAlt4
{
  margin-top: 3px;
}

input#evalMgtAnswerUnitInput1, input#evalMgtAnswerUnitInput2,
input#evalMgtAnswerUnitInput3, input#evalMgtAnswerUnitInput4
{
  width: 30%;
  margin-top: 2px;
}

div#evalMgtAnswer2
{
  padding-left: 60px;
  width: 620px;
}

div#evalMgtAnswer3
{
  padding-left: 80px;
  width: 600px;
}

div#evalMgtAnswer4
{
  padding-left: 100px;
  width: 580px;
}

img#evalMgtAnswerImage
{
  padding-top: 5px;
  padding-bottom: 5px;
}

div#evalMgtAnswerImageDiv
{
  text-align: center;
}

input#evalMgtUploadImage
{
  font-family: Verdana, sans-serif;
  vertical-align: top;
}

div#evalMgtBottomIcons
{
  width: 100%;
}

div#evalMgtBottomLeftIcons
{
  position: static;
  display: block;
  clear: left;
  float: left;
  text-align: left;
  vertical-align: middle;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 15px;
  margin-bottom: 15px;
  width: 50px;
}

div#evalMgtBottomRightIcons
{
  position: static;
  display: block;
  clear: right;
  float: right;
  text-align: right;
  vertical-align: middle;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 15px;
  margin-bottom: 15px;
  width: 300px;
}

span.evalSelectedMenu
{
  color: #990033;
/*  background: inherit;*/
  font-weight: bold;
}

span.canTEdit
{
  color: #666666;
  font-style: italic;
}
/******************************************************************************/
/* MESSAGING MODULE                                                           */
/******************************************************************************/
td.messaging
{
  width: 716px;
}

table.composer, td.composer
{
  width: 600px;
}

td.composerSentBy
{
  width: 100px;
}

pre.message
{
  font-family: Arial, sans-serif;
}

div#message
{
  color: #000000;
  background: #FDFDFD;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #808080;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #808080;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #808080;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #808080;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.msg
{
  background: #FFFFDF;
}

a.read
{
  font-weight: normal;
}

a.unread
{
  font-weight: bold;
}

td.unreadMessage
{
  background: #FFFFDF;
  font-weight: bold;
}

td.unreadMessageSelected
{
  background: #FFF7CF;
  font-weight: bold;
}

td.readMessage
{
  background: #FFFFDF;
}

td.readMessageSelected
{
  background: #FFF7CF;
}

/******************************************************************************/
/* PROGRAM MANAGEMENT                                                         */
/******************************************************************************/
.middle
{
  vertical-align: middle;
}

/******************************************************************************/
/* BORDERS                                                                    */
/******************************************************************************/
.bordersT, .bordersTR, .bordersTB, .bordersTL, .bordersTRB, .bordersTRL, .bordersTBL, .bordersTRBL
{
  border-top-width: 1px;
  border-top-style: solid;
}

.bordersR, .bordersTR, .bordersRB, .bordersRL, .bordersTRB, .bordersTRL, .bordersRBL, .bordersTRBL
{
  border-right-width: 1px;
  border-right-style: solid;
}

.bordersB, .bordersTB, .bordersRB, .bordersBL, .bordersTRB, .bordersTBL, .bordersRBL, .bordersTRBL
{
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.bordersL, .bordersTL, .bordersRL, .bordersBL, .bordersTRL, .bordersTBL, .bordersRBL, .bordersTRBL
{
  border-left-width: 1px;
  border-left-style: solid;
}

.bordersT, .bordersTR, .bordersTB, .bordersTL, .bordersTRB, .bordersTRL, .bordersTBL, .bordersTRBL,
.bordersR, .bordersRB, .bordersRL, .bordersRBL,
.bordersB, .bordersBL,
.bordersL
{
  border-color: #808080;
}

.background0 {
  background-color: #FFFFDF;
}

.background1 {
  background-color: #FFF7CF;
}

/******************************************************************************/
/* FORMS                                                                      */
/******************************************************************************/
select
{
  border-width: 1px;
  border-style: solid;
  border-color: #555576;
  background-color: #F5F5F5;
}

textarea, textarea.white, textarea.editor, textarea.editorHelp, textarea.disabled, textarea.institution, textarea.help,
input.year, input.editorDisabled, input.editor, .text, input.institution, input.zipCode, input.city, input.phoneNumber, .disabled
{
  padding-left: 3px;
  padding-right: 3px;
}

textarea, textarea.white
{
  color: #000000;
  border-width: 1px;
  border-style: solid;
  border-color: #8D1D00;
  background-color: #FEFEFE;
}

input.year
{
  border-style: solid;
  background: #FEFEFE;
}

input.editorDisabled
{
  border-width: 1px;
  border-style: solid;
  border-color: #333333;
  color: #000000;
  background: #FFF7CF;
}

input.editor
{
  font-weight: normal;
  border-width: 1px;
  border-style: solid;
  border-color: #333333;
  color: #000000;
  background: #FEFEFE;
}

textarea.editor
{
  font-weight: normal;
  color: #000000;
  border-width: 1px;
  border-style: solid;
  border-color: #333333;
  background-color: #FEFEFE;
}

textarea.editorHelp
{
  font-style: italic;
  color: #333333;
  border-width: 1px;
  border-style: solid;
  border-color: #333333;
  background-color: #F5F5F5;
}

.text, input.institution, textarea.institution, input.zipCode, input.city, input.phoneNumber
{
  border-width: 1px;
  border-style: solid;
  border-color: #8D1D00;
  background: #FEFEFE;
}

input.institution, textarea.institution
{
  width: 45%;
}

input.zipCode
{
  width: 10%;
}

input.city
{
  width: 33%;
}

input.phoneNumber
{
  width: 25%;
}

.disabled, textarea.disabled
{
  border-width: 1px;
  border-style: solid;
  border-color: #8D1D00;
  color: #000000;
  background: #FFF7CF;
}

.transDis
{
  color: black;
  border-width: 1px;
  border-style: solid;
  background-color: #EEEEEE;
}

textarea.help
{
  font-style: italic;
  color: #333333;
  border-width: 1px;
  border-style: solid;
  border-color: #8D1D00;
  background-color: #F5F5F5;
}

.button, .normalButton
{
  border-width: 1px;
  border-style: solid;
  border-color: #333333;
  color: #333333;
  background-color: #FFEFBF;
}

.button
{
  font-weight: bold;
}

a.button
{
  padding: 0.2em;
}

.normalButton
{
  font-weight: normal;
}

.formatButton
{
  border-width: 1px;
  border-style: ridge;
  border-color: #000000;
  color: #000000;
  background-color: #F5F5F5;
}

option.lightgrey
{
  color: #888888;
}

/******************************************************************************/
/* PROGRESS BAR                                                               */
/******************************************************************************/
td.progressbar-text
{
  font-size: 0.8em;
}

table.progressbar
{
  border: 1px solid #000000;
  height: 5px;
}

td.barfull
{
  background: #FFD97D;
  height: 5px;
}

td.barempty
{
  background: #FDFDFD;
  height: 5px;
}

/******************************************************************************/
/* FORMATTING OPTIONS                                                         */
/******************************************************************************/
p.error
{
  color: #FF0000;
  background: inherit;
}

.homePageTitle
{
  color: #990033;
  font-weight: bold;
  font-size: 2em;
  line-height: 2em;
}

.homePageSubTitle
{
  color: #FF781A;
  font-size: 1.6em;
  line-height: 1.2em;
}

.verdana
{
  font-family: Verdana, sans-serif;
}

.arial
{
  font-family: Arial, sans-serif;
}

.times
{
  font-family: 'Times New Roman', serif;
}

.courier
{
  font-family: 'Courier New', serif;
}

.size1
{
  font-size: 1em;
}

.size2
{
  font-size: 1.1em;
}

.size3
{
  font-size: 1.2em;
}

.black
{
  color: #000000;
}

.green
{
  color: #006C00;
}

.blue
{
  color: #1111DD;
}

.darkblue
{
  color: #00008B;
}

.purple
{
  color: #660066;
}

.midgrey, .grey
{
  color: #666666;
}

.greypurple
{
  color: #666696;
}

.brown
{
  color: #7E2823;
}

.maroon
{
  color: #720026;
}

.indigo, .darkcrimson
{
  color: #990033;
}

.indigoBold
{
  color: #990033;
  font-weight: bold;
}

.indigoItalic
{
  color: #990033;
  font-style: italic;
}

.red
{
  color: #FF0000;
}

.orangered
{
  color: #FF4400;
}

.orange
{
  color: #FC4E02;
}

.darkgrey
{
  color: #555555;
}

.greyBold
{
  color: #808080;
  font-weight: bold;
}

ol.alpha
{
  list-style-type: lower-alpha;
}

ol.number
{
  list-style-type: decimal;
}

.floatRight
{
  float: right;
}

.skyblue
{
  color: #87CEEB;
}

.royalblue
{
  color: #4169E1;
}

.crimson
{
  color: #DC143C;
}

.firebrick
{
  color: #B22222;
}

.darkred
{
  color: #8B0000;
}

.limegreen
{
  color: #32CD32;
}

.seagreen
{
  color: #2E8B57;
}

.deeppink
{
  color: #FF1493;
}

.tomato
{
  color: #FF6347;
}

.coral
{
  color: #FF7F50;
}

.burlywood
{
  color: #DEB887;
}

.sandybrown
{
  color: #F4A460;
}

.sienna
{
  color: #A0522D;
}

.chocolate
{
  color: #D2691E;
}

.teal
{
  color: #008080;
}

.silver
{
  color: #C0C0C0;
}

/******************************************************************************/
/* HEADINGS                                                                   */
/******************************************************************************/
.bigTitle
{
  font-size: 40px;
  font-weight: bold;
}

h2.black
{
  font-size: 1.6em;
  font-weight: bold;
}

.h2
{
  font-size: 1.6em;
  font-weight: bold;
  color: #720026;
}

.h2Black
{
  font-size: 1.6em;
  font-weight: bold;
}

.h2Indigo
{
  font-size: 1.6em;
  font-weight: bold;
  color: #990033;
}

.h3
{
  font-size: 1.3em;
  font-weight: bold;
}

.h3Indigo
{
  font-size: 1.3em;
  font-weight: bold;
  color: #990033;
}

/******************************************************************************/
/* TABLES                                                                     */
/******************************************************************************/
table.admin
{
  border-width: 1px;
  border-style: solid;
  border-color: #808080;
}

tr.admin {}

th.admin
{
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #808080;
  color: #990033;
  background: #FFEFBF;
}

td.admin {}

table.menu
{
  background: #FFEFBF;
}

th.menu
{
  font-family: Arial, sans-serif;
  color: #FF3300;
  background: #FFEFBF;
}

td.menu
{
  font-family: Arial, Verdana, sans-serif;
  color: #EFEFEF;
  background: #FBAA04;
}

img.menu
{
  vertical-align: bottom;
}

table.editor {}

th.editor {}

td.editor {}

th.welcome
{
  color: inherit;
  background: #FFEFBF;
  text-align: left;
}

td.welcome
{
  color: #FF6600;
  background: #FFFFCC;
  font-weight: bold;
  font-family: Verdana, sans-serif;
}

td.welcomeMessages
{
  font-size: 0.9em;
  color: #990033;
  background: #FFFF99;
}

td.welcomeMessages span.indigo
{
  color: #990033;
  background: #FFFF99;
}

td.welcomeMessages a.warning {
  color: #990033;
  background: #FFFF99;
}

td.welcomeMessages a.warning:hover, td.welcomeMessages a.warning:active {
  color: #993300;
  background: #FFFF99;
}

td.lastLogin
{
  font-size: 0.7em;
  font-weight: normal;
  color: #990033;
  background: #FFFFCC;
  line-height: 1.1em;
}

td.yellowBG
{
  color: #FF6600;
  background: #FFFF99;
  font-size: 1.1em;
}

td.whiteBG
{
  background: #FEFEFE;
}

td.greyBG
{
  background: #E4E4E4;
}

table.print, th.print, td.print
{
  background-color: #FFFFFF;
}

table.indigo
{
  color: #000000;
  background: #990033;
  border-color: #990033;
}

table.grey
{
  color: #000000;
  background: #808080;
  border-color: #808080;
}

table.violet
{
  color: #000000;
  background: #660066;
  border-color: #660066;
}

td.header, td.partTitle
{
  background: #FDFDFD;
}

td.inactive
{
  background: #EEEEEE;
}

td.input
{
  background: #FDFDFD;
}

td.subtitle
{
  background: #FFF9E7;
}

td.view
{
  vertical-align: top;
}

td.readonly
{
  background: #FFF7CF;
}

td.white
{
  background: #FEFEFE;
}

td.radioSingleInTable
{
  font-family: Verdana, sans-serif;
  font-weight: bold;
  vertical-align: top;
  width: 21px;
  text-align:center;
  background: #FFEFBF;
}

td.radioSingle
{
  font-family: Verdana, sans-serif;
  font-weight: bold;
  vertical-align: top;
  width:20px;
  text-align:center;
}

td.withText
{
  background: #FDFDFD;
  vertical-align: top;
  width:50px;
}

td.checkboxAnswers
{
  vertical-align: top;
  width:20px;
}

td.question
{
  vertical-align: top;
  line-height: 1.3em;
}

td.radioAnswers
{
  vertical-align: top;
  width:30%;
}

td.comboAnswers
{
  vertical-align: top;
  width:20%;
}

td.viewQuestions
{
  vertical-align: top;
  text-align: left;
  width:70%;
}

td.viewAnswers
{
  vertical-align: top;
  width:20%;
  /*nowrap: nowrap;*/
}

th.day
{
  font-weight: bold;
  background: #EFEFEF;
}

td.filledIn
{
  background: #BDE5C6;
}

td.notFilledIn
{
  background: #E5BDC1;
}

td.notAvailable
{
  color: #C0C0C0;
}

td#pdfPrint
{
  background-color: #f3f3f3; 
  border-color: #990033; 
  font-weight: bold; 
  text-align: center; 
  padding-left: 5px;
  padding-right: 5px;
}

/******************************************************************************/
/* OTHER (need to sort and clean)                                             */
/******************************************************************************/
.lessonTitle
{
  font-weight: bold;
  color: #720026;
  text-align: left;
  padding-top: 10px;
  padding-bottom: 20px;
}

span.selectedMenu
{
  color: #000088;
  background: inherit;
  font-weight: bold;
}

span.comboLike
{
  color: #000000; 
  background: #FFFFFF; 
  border-width: 1px;
  border-style: inset;
  border-color: #000000; 
  padding-left: 5px; 
  padding-right: 5px; 
  padding-top: 1px; 
  padding-bottom: 1px;
}

span.contactCoach
{
  color: #990033;
}

span.note
{
  font-style: italic;
  color: #333333;
  background-color: inherit;
}

#indent
{
  padding-left: 2em;
}

div.indented
{
  margin-left: 2em;
}

#selectionBlock
{
  display: block; 
  vertical-align: middle;
}

#selectionBlock p
{
  line-height: 2em;
}

body.print
{
  font-family: Verdana, sans-serif;
  color: #000000;
  background-color: #FFFFFF;
}

.required
{
  color: #720026;
}

.optional
{
  font-weight: normal;
}

div.header
{
  background: #f3f3f3;
  font-weight: bold;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-style: solid;
  border-width: 1px;
  width: 75%;
  text-align: center;
}

.partTitle
{
  font-family: Verdana, sans-serif;
  font-weight: bold;
}

hr
{
  color: #660066;
  border-width: 1px;
  border-style: solid;
  border-color: #660066;
}

.rootMaterial
{
  font-weight: bold;
}

.tocMaterial
{
  font-style: italic;
}

.tool
{
  color: red;
}

.sarah
{
  color: #00008B;
}

.exampleTool
{
  color: #00008B;
}

.example
{
  color: #4B0082;
}

.summary
{
  color: #006400;
}

.technicalStaff
{
  color: #00008B;
  font-weight: bold;
}

.editor
{
  color: #FF4500;
  font-weight: bold;
}

.guide
{
  color: green;
  font-weight: bold;
}

.subject
{
  font-weight: bold;
}

img
{
  vertical-align: middle;
}

.pageNumbers
{
  font-size: 0.9em;
  font-style: italic;
}

.currentPage
{
  font-weight: bold;
  font-style: normal;
  color: #990033;
}

.selectedLine
{
  background: #990033;
  color: white;
}

.bgIndigo
{
  color: #FFFFFF;
  background: #990033;
  font-weight: bold;
}

.dropOut
{
  color: #720026;
}

.pointer
{
  cursor: pointer;
}

.bold
{
  font-weight: bold;
}

.notAvailable
{
  font-style: italic;
}

.trackingOptgroup
{
  font-style: normal;
}

#normal
{
  font-family: Arial, Verdana, sans-serif;
}

.normal, .instructions
{
  line-height: 1.5em;
}

.instructions
{
  font-weight: bold;
}

.reminderBox
{
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
  padding: 5px;
  border: 1px solid #DFDFDF;
  background: #FDFDFD;
}

div#bottomIcons
{
  width: 100%;
}

div#leftIcons
{
  position: static;
  display: block;
  clear: left;
  float: left;
  text-align: left;
  vertical-align: middle;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 15px;
  margin-bottom: 15px;
  width: 50px;
}

div#rightIcons
{
  position: static;
  display: block;
  clear: right;
  float: right;
  text-align: right;
  vertical-align: middle;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 15px;
  margin-bottom: 15px;
  width: 300px;
}

div#exerciseNavigation
{
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: right;
}

div#exerciseLeftNavigation
{
  position: relative;
  bottom: 0px;
  left: 0px;
  float: left;
  text-align: left;
  vertical-align: middle;
  width: 50px;
}

td.composerCat
{
  text-align: left;
  vertical-align: top;
}

.composer
{
  width: 100%;
  line-height: 25px;
}

ul.composerList
{
  margin: 10px;
  padding: 0px;
  list-style: none;
  line-height: 1.4em;
}

li.composerList
{
  margin: 0px;
  padding: 0px;
}

.composerHighlight
{
  color: #FFFFFF;
  background: #990033;
  font-weight: bold;
  width: 100%;
  line-height: 25px;
  margin-left: -4px;
  padding-left: 4px;
  padding-right: 4px;
}

div#tool
{
}

#tool h2
{
  font-family: 'Century Gothic', Verdana, sans-serif;
}

div#topNavigation
{
  float: right;
  padding-left: 5px;
  padding-right: 5px;
}

#topNavigation ul
{
  margin: 0px;
  padding: 0px;
  white-space: nowrap;
  list-style: none;
}

#topNavigation ul li
{
  margin-right: 0.3em;
  display: inline;
}

th.mainHeading
{
  color: inherit;
  background: #FFE6A1;
}

span.newEntry
{
  color: #FF0000;
  background: inherit;
  vertical-align: super;
  font-size: 0.6em;
}

#tool h2+p.subheading 
{
  margin-top: -1em;
}

div.textarea
{
  border: 1px solid #333333;
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  background-color: #FFFFFF;
  color: #000000;
}

a.exerciseList
{
  font-weight: normal;
}

#tool h3, h3.tool
{
  margin-bottom: 0.2em;
  margin-top: 0.2em;
  color: #720026;
  background-color: inherit;
}

dl > dd > dl
{
  margin-left: 2em;
}

dd
{
  zoom: 1;
}

/***************************************************/
/* Table of Contents                               */
/***************************************************/
dl#TOC
{
  margin-left: 5em;
}

dl#TOC dt
{
  margin: 20px;
}

dl#TOC1, dl#TOC2
{
  margin-left: 5em;
}

dl#TOC1 dt, dl#TOC2 dt
{
  margin: 10px;
}

dl#TOC dd
{
  font-size: 1em;
  margin-bottom: -1em;
}

dl#TOC1 dd, dl#TOC2 dd
{
  margin: 1.5em 1em -1em -3em;
  font-size: .9em;
}

dt a.tocStep
{
  color: #FC4E02;
  font-weight: bold;
  font-size: 1.1em;
}

dd.tocShow
{
  display: block;
}

dd.tocHide
{
  display: none;
}

.tocImg
{
  width: 100px;
  text-align: center;
  margin: 0 0 -20px -90px;
  display: block;
}

/***************************************************/
/* Evaluation - Podium type questions              */
/***************************************************/
td.podium1, td.podium2, td.podium3
{
  text-align: center;
  vertical-align: top;
  border-bottom: 1px solid #808080;
}

td.podium3
{
  border-right: 1px solid #808080;
}

td.podium2
{
  border-left: 1px solid #808080;
}

td.podium1Item
{
  text-align: center;
  border-bottom: 1px solid #808080;
}

td.podium2Item
{
  text-align: center;
  border-bottom: 1px solid #808080;
  border-right: 1px solid #808080;
}

td.podium3Item
{
  text-align: center;
  border-bottom: 1px solid #808080;
  border-left: 1px solid #808080;
}

td.podium1RightBorder
{
  border-left: 1px solid #808080;
}

/***************************************************/
/* HON logo                                        */
/***************************************************/
div#hon
{
  margin-top: 1em;
  font-size: 0.9em;
}

#hon table
{
  background: none;
}

div#bmiHistoryDataTable
{
  margin-left: 40px;
  margin-top: 15px;
  margin-bottom: 15px;
}


/***************************************************/
/* BVR Payment                                     */
/***************************************************/
#bvr
{
}

#bvr td
{
  border-color: #ECB43B;
  background: #FFEFE0;
}

input.error, textarea.error
{
  background: #FFDFDF;
}

input.ok, textarea.ok
{
  background: #FFFFFF;
}

.small
{
  font-size: 0.8em;
}