.displaynone { display: none; }
.tinyclear { clear: both; font-size: 1px; margin: 0; padding: 0;}
.clear { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }
.floatright { float: right !important; }
.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left !important; }
.clipy { overflow-y: hidden; }
.clipx { overflow-x: hidden; }
.nopad { padding: 0px; margin: 0px; }
.no-results { font-style: italic; text-align: center;}

/*==================================================*/
/* Primary   color: #00ACEC; (blue)                 */
/* Secondary color: #73A72F; (green)                */
/* Tertiary  color: #FBB224; (yellow / orange)      */
/*==================================================*/

h2
{
  color: #00ACEC;
  margin: 0.5em 0;
}

h2.group-name
{
  margin-top: 1em;
}

h2+h2.group-name
{
  margin-top: 0.5em;
  margin-left: 1em;
}

h3
{
  color: #73A72F;
  margin: 1em 0.5em;
}

p
{
  margin: 0.5em 0.25em;
}

ul
{
  margin-left: 0em;
  margin-right: 0em;
}

@media ( min-width: 40em )
{
  p
  {
    margin: 1em 2em;
  }

  ul
  {
    margin-left: 2em;
    margin-right: 2em;
  }
}

.ui-popup h3
{
  color: #FFFFFF;
}

#pagewrap
{
  width: 51em;
  max-width: 90%;
  background: #FFFFFF;
  margin: 24px auto;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
}

#pageheader
{
  border-top: 5px solid #00ACEC;
  background: #FFFDF1 url(../images/header_bg.png) no-repeat scroll center top;
  min-height: 6em;
}
/*#pageheader div { border: 1px solid red; }*/

#pagefooter
{
  font-weight: normal;
  font-size: 75%;
  color: #999999;
  text-align: center;
  border-bottom-width: 0px;
}

#pagefooter a
{
  font-weight: normal;
}

.smaller, label.smaller, label.smaller .ui-btn-text
{
  font-weight: normal;
  font-size: 75%;
}

label.smaller .ui-btn-inner
{
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}

label.data-mini-radio .ui-btn-inner
{
  font-size: 12.5px;
}

#group-radios .ui-radio-on, #assessment-radios .ui-radio-on
{
	border: 1px solid 		#044062 /*{b-bup-border}*/;
	background: 			#00ACEC /*{b-bup-background-color}*/;
	font-weight: bold;
	color: 				#fff /*{b-bup-color}*/;
	text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #194b7e /*{b-bup-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #24C4FB /*{b-bup-background-start}*/), to( #0189D6 /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #24C4FB /*{b-bup-background-start}*/, #0189D6 /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #24C4FB /*{b-bup-background-start}*/, #0189D6 /*{b-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #24C4FB /*{b-bup-background-start}*/, #0189D6 /*{b-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #24C4FB /*{b-bup-background-start}*/, #0189D6 /*{b-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #24C4FB /*{b-bup-background-start}*/, #0189D6 /*{b-bup-background-end}*/);
}

.todo
{
  background-color: #92FF4A !important;
}

.button-name
{
  font-weight: bold;
}

div.single-button-container
{
  margin: 0px auto;
  text-align: center;
}

div.divider
{
  border-top: 1px solid #999999;
}

div.message-result
{
  width: 30em;
  max-width: 90%;
  margin: 0 auto;
  padding: 0.5em;
  border: 1px solid #CCCCCC;
  border-top: 5px solid #00ACEC;
}

div.message-error
{
  border-top: 5px solid #FF5A6D;
}

div.inner-fieldset
{
  width: 30em;
  max-width: 90%;
  margin: 0 auto;
  padding: 0.5em;
  border: 1px solid #CCCCCC;
  border-top: 5px solid #00ACEC;
}

div.regular-top-border
{
  border-top: 1px solid #CCCCCC;
}

div.inner-fieldset .ui-block-a, div.inner-fieldset .ui-block-b, div.inner-fieldset .ui-block-single
{
  padding: 0.5em;
}

div.inner-fieldset .ui-controlgroup-horizontal .ui-controlgroup-controls
{
  width: 100%;
}

div.inner-fieldset .ui-controlgroup-horizontal .ui-radio
{
  width: 50%;
}

div.inner-fieldset .ui-controlgroup-horizontal .ui-radio .ui-mini .ui-btn-inner
{
  padding: 0.55em 0.3em 0.5em;
}

label.text-label, legend.text-label
{
  color: #73A72F;/*#82B540;*/
  font-weight: bold !important;
  padding-top: 0.5em;
}

label.close, legend.close
{
  padding-top: 0;
}

.form-note
{
  color: #00ACEC;/*#82B540;*/
  font-style: italic;
}

#login_name
{
  display: inline-block;
  color: #FBB224;
  padding-top: 0.5em;
}

.joy-alert
{
  width: 16em;
  max-width: 90%;
  margin: 0 auto;
  padding: 0.5em 1em;
}

.message-noun
{
  font-weight: bold;
  display: inline !important;
  margin: 0 !important;
  white-space: nowrap;
}

.message-verb
{
  font-weight: bold;
  display: inline !important;
  margin: 0 !important;
  white-space: nowrap;
}

h3.message-error
{
  background: transparent url(../images/icon_alert.png) no-repeat scroll left top;
  padding: 0 0.2em 0.2em 2.5em;
  line-height: 32px;
  color: #FF5A6D;
}

h3.message-success
{
  background: transparent url(../images/icon_success.png) no-repeat scroll left top;
  padding: 0 0.2em 0.2em 2.5em;
  line-height: 32px;
  color: #73A72F;
}

.narrow-table-wrapper
{
  width: 25em;
  max-width: 90%;
  margin: 0 auto;
}

.standard-table-wrapper
{
  width: 35em;
  max-width: 90%;
  margin: 0 auto;
}

.wide-table-wrapper
{
  width: 45em;
  max-width: 90%;
  margin: 0 auto;
}

.standard-table
{
  width: 100%;
}

.standard-table td
{
  vertical-align: top;
  padding: 0.5em 0.25em;
}

.standard-table th
{
  vertical-align: bottom;
  padding: 0.3em;
}

.result-table 
{
  margin-bottom: 1.5em;
  border: 1px solid #CCCCCC;
  -moz-border-radius: 11px;
  -khtml-border-radius: 11px;
  -webkit-border-radius: 11px;
  border-radius: 11px;
  -moz-box-shadow: 3px 3px 3px #CCCCCC;
  -webkit-box-shadow: 3px 3px 3px #CCCCCC;
  -khtml-box-shadow: 3px 3px 3px #CCCCCC;
  box-shadow: 3px 3px 3px #CCCCCC;
  overflow: hidden;
}

.result-table th
{
  vertical-align: middle;
  padding: 0.2em;
  text-align: left;
	background: 			#74A631 /*{c-bar-background-color}*/;
	color: 				#FFFFFF /*{c-bar-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 0 /*{c-bar-shadow-radius}*/ 	#999999 /*{c-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #9ED351 /*{c-bar-background-start}*/), to( #74A631 /*{c-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #9ED351 /*{c-bar-background-start}*/, #74A631 /*{c-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #9ED351 /*{c-bar-background-start}*/, #74A631 /*{c-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #9ED351 /*{c-bar-background-start}*/, #74A631 /*{c-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #9ED351 /*{c-bar-background-start}*/, #74A631 /*{c-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #9ED351 /*{c-bar-background-start}*/, #74A631 /*{c-bar-background-end}*/);
/*	background-image:         linear-gradient( #B3E76F , #9ED351 );*/
/*	background-image:         linear-gradient( #FDD491 , #FBB347 );*/
/*	background-image:         linear-gradient( #FFD27D , #FBC26D );*/
}

tr.odd-row td
{
  background: #FFFFFF;
}

tr.even-row td
{
  background: #F5F5F5;
}

tr.incomplete-row td
{
  background: #F0F0F0;
}

tr.title-date-row td
{
  padding-bottom: 0;
}

.chain-title
{
  color: #73A72F;
  font-size: 1.1em;
  font-weight: bold;
}

.chain-item-title
{
  color: #AAAAAA;
  font-weight: bold;
  padding-left: 1em;
}

tr.score-row td
{
/*  padding-top: 0;*/
  border-bottom: 1px solid #BBBBBB;
}

tr.divider td
{
  border-bottom: 1px solid #BBBBBB;
}

.score-description
{
/*  color: #73A72F;*/
}

.score-value
{
  color: #00ACEC;
  white-space: nowrap;
}

.assessment-info
{
  color: #00ACEC;
/* font-weight: bold;*/
}

.assessment-table
{
  width: 35em;
  max-width: 90%;
  margin: 0 auto;
  padding: 0.5em;
  border: 1px solid #CCCCCC;
  -moz-box-shadow: 0 0 6px #CCCCCC;
  -webkit-box-shadow: 0 0 6px #CCCCCC;
  box-shadow: 0 0 6px #CCCCCC;
}

.joy-progress-wrapper
{
  width: 25em;
  max-width: 90%;
  float: right;
  margin: -8px 0px 2px 0px;
}

.joy-progress-table
{
  width: 100%;
}

.joy-progress-text
{
  width: 5em;
  text-align: right;
}

.joy-progress-text h5
{
  color: #00ACEC;
  margin: 0px;
}

#joyProgressTrack
{
  height: 12px;
  width: 100%;
  margin: -10px 0px 0px 0px;
}

#joyProgressBar
{
  height: 12px;
  margin: -13px 0px 0px 1px;
  min-width: 12px;
  border: none;
}

.joy-question
{
  clear: both;
}

.joy-question label.text-label
{
  color: #000000;
}

.joy-question-inquiry
{
  margin-bottom: 2em;
}

.joy-slider
{
  width: 100%;
}

table.joy-slider-numbers
{
  width: 100%;
}

table.joy-slider-numbers td
{
  text-align: center;
  width: 9%;
  padding: 0;
  margin: 0;
}

.joy-answer-left
{
  width: 40%;
  float: left;
}

.joy-answer-right
{
  width: 40%;
  float: right;
  text-align: right;
}

.joy-interrupt
{
  width: 40em;
  max-width: 90%;
  margin: 0px auto;
}

.joy-image-container
{
  width: 37.5em;
  max-width: 85%;
  margin: 0px auto;
  text-align: center;
}

.joy-image-container img
{
  max-width: 100%;
  height: auto;
}

.joy-video-container
{
  width: 37.5em;
  max-width: 95%;
  margin: 0px auto;
}

.video-container
{
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video-container iframe,  
.video-container object,  
.video-container embed
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.inquiry-text
{
  width: 15em;
  max-width: 90%;
  margin: 0 auto;
}

.report-graph-1
{
  width: 17em;
  max-width: 90%;
  margin: 0 auto;
}

.report-graph-2
{
  width: 25em;
  max-width: 90%;
  margin: 0 auto;
}

.report-graph-3
{
  width: 35em;
  max-width: 90%;
  margin: 0 auto;
}

.jqplot-point-label
{
  font-weight: bold;
  text-shadow: none;
}