/*
includes/backtrack.css

Standard styles for all devices

Author: Chris Brown

Modification:

26/03/2012: Header comment block added.
201210051034: Modified .alert text class
201211071842: Added settingspanelbox classes
201211171251: info, admin & user table headings now vertically aligned to top
201211301456: Table header non-links are black & added warning text class
201309041820: settings_selector classes added
201403211100: Rehab 1:1 styles added
201403251743: Added rehab 1:1 submit button style
202603261144: BTWS-246
202604021519: BTWS-248
*/


*
{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


ol,
ul
{
  margin-left: 2em;
}
li
{
  margin-bottom: 0.5em;
}

img
{
  vertical-align: top;
}


input, select
{
  vertical-align: middle;
  font-weight: normal;
}


a
{
  color: #000080;
  text-decoration: none;
}
a:hover
{
  color: #0000ff;
}
a img
{
  border: 0;
}


strong,
b
{
  font-weight: bold;
}


th,
th a
{
  font-weight: bold;
}
td
{
  font-weight: normal;
}


input[type="text"],
input[type="password"],
input[type="file"],
input[type="checkbox"],
input[type="button"],
input[type="submit"],
select,
textarea,
div.radio_selector
{
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  border-radius: 0.3em;
}
input[type="text"],
input[type="password"],
input[type="file"],
input[type="checkbox"],
input[type="button"],
input[type="submit"],
select,
textarea
{
  background-color: rgba(128, 128, 255, 0.25);
  border: 1px solid rgba(0, 0, 128, 0.25);
}
input[type="text"],
input[type="password"],
input[type="file"]
{
  line-height: 1.5em;
  height: 1.5em;
  padding-left: 0.3em;
}
select
{
  padding-left: 0;
  height: 1.5em;
}
input[type="button"],
input[type="submit"]
{
  padding: 0.5em;
  font-weight: bold;
  border: 1px solid #6060C0;
  color: #000040;
  background-image :    -moz-linear-gradient(rgba(200,200,255,0.5),rgba(100,100,255,0.5));
  background-image :     -ms-linear-gradient(rgba(200,200,255,0.5),rgba(100,100,255,0.5));
  background-image :      -o-linear-gradient(rgba(200,200,255,0.5),rgba(100,100,255,0.5));
  background-image : -webkit-linear-gradient(rgba(200,200,255,0.5),rgba(100,100,255,0.5));
  background-image :         linear-gradient(rgba(200,200,255,0.5),rgba(100,100,255,0.5));
}
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="button"]:active,
input[type="submit"]:active
{
  background-color: rgba(128, 128, 255, 0.75);
}
input[type="text"][disabled],
input[type="button"][disabled],
input[type="submit"][disabled]
{
  background-color: rgba(224, 224, 224, 0.75);
  border: 1px solid #808080;
  color: #404040;
}
input[type="button"][disabled],
input[type="submit"][disabled]
{
  background-image : none;
}


select.alert
{
  background-color: rgba(255, 128, 128, 0.25);
  border: 1px solid rgba(128, 0, 0, 0.25);
}


html, body, #wrapper
{
  height: 100%;
  width: 100%;
}


body > #wrapper
{
  height: auto;
  min-height: 100%;
}


#main
{
  margin: 0 auto;
  width: 100%;
}


html, p, input, textarea
{
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  color: #000000;
}


/* Masthead */
#masthead
{
  position: relative;
  margin: 0 auto;
  width: 100%;
  clear: both;
}
#masthead_top
{
  position: absolute;
  width: 100%;
  background: rgba(251, 157, 64, 1);  
}
#masthead_rest
{
  position: absolute;
  width: 100%;
  background: rgba(2, 29, 58, 1);
}
#masthead_backtrack
{
  position: absolute;
  background: url(../images/masthead-backtrack-white.png) no-repeat;
  background-size: contain;
}
#masthead_keeping
{
  position: absolute;
  background: url(../images/keeping-white.png) no-repeat;
  background-size: contain;
}
#masthead_logo
{
  position: absolute;
  background: url(../images/logo-white.png) no-repeat;
  background-size: contain;  
}
#masthead_title
{
  position: absolute;
  font-size: 2.5em;
  line-height: 1em;
  font-weight: bold;
  text-align: left;
  color: #2D325A;
}
#masthead_topright
{
  position: absolute;
  color: #FFFFFF;
}
#masthead_topright a
{
  color: #E0E0FF;
}
#masthead_topright a:hover
{
  color: #FFFFFF;
}


#nav
{
  line-height: 24px;
  background: rgba(28, 28, 68, 0.75);
  color: #FFFFFF;
}
#nav a
{
  font-weight: bold;
  color: #E0E0FF;  
}
#nav a:hover
{
  color: #FFFFFF;  
}
.navlink
{
  cursor: pointer;
  color: #E0E0FF;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}
.navlink:hover
{
  color: #FFFFFF;
}
.navpointer
{
  cursor: pointer;
}



#content
{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}


#footer
{
  position: relative;
  width: 100%;
  clear: both;
  background: rgba(2, 29, 58, 1);
}
#footer_top,
#footer_middlegap,
#footer_middle,
#footer_bottomgap,
#footer_bottom
{
  width: 100%;
}
#footer_top
{
}
#footer_middlegap
{
  background: rgba(251, 157, 64, 1); 
}
#footer_middle
{
}
#footer_bottomgap
{
  background: rgba(251, 157, 64, 1); 
}
#footer_bottom
{
}
#footer_copyright
{
  float: left; 
  color: #FFFFFF;
}
#footer a
{
  color: #7797C9;
  font-weight: normal;
}
#footer a:hover
{
  color: #FFFFFF;
}
#footer_links
{
  color: #7797C9;
  float: right;
}
#footer_links .selected
{
  color: #e0e0ff;
  text-decoration: none;
  font-weight: bold;
}
#footer_man
{
  position: relative;
  float: right;
  background: url(../images/footer-man.png) no-repeat;
  background-size: contain;
}















div.box,
table.box
{
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(128, 128, 255, 0.5);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
}
table.box
{
  margin: 0 auto;
}


div.controlpanelbox_bak
{
  position: relative;
  float: left;
  width: 75px;
  height: 75px;
  text-align: center;
  line-height: 1.0em;
  margin: 8px;
  opacity: .75;
  -webkit-appearance: none;
  -moz-transition: opacity .25s;
  -webkit-transition: opacity .25s;
  -o-transition: opacity .25s;
  transition: opacity .25s;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;  
  border-radius: 5px;
  -moz-box-shadow: 0 0 0.4em rgba(128, 128, 255, 1);
  -webkit-box-shadow: 0 0 0.4em rgba(128, 128, 255, 1);
  box-shadow: 0 0 0.4em rgba(128, 128, 255, 1);
}
div.controlpanelbox_bak:hover
{
  opacity: 1;
  -moz-box-shadow: 0 0 1em rgba(128, 128, 255, 1);
  -webkit-box-shadow: 0 0 1em rgba(128, 128, 255, 1);
  box-shadow: 0 0 1em rgba(128, 128, 255, 1);
}
div.controlpanelbox_bak-image
{
  position: absolute;
  left: 0px;
  top: 0;
  width: 75px;
  height: 50px;
  opacity: 1;
}
a.controlpanelbox_bak-image
{
  text-decoration: none;
  border: none;
  outline: 0;
}
a.controlpanelbox_bak-image:hover,
a.controlpanelbox_bak-image:active,
a.controlpanelbox_bak-image:visited
{
  text-decoration: none;
  border: none;
}

div.controlpanelbox_bak-text
{
  position: absolute;
  bottom: 3px;
  left: 0px;
  width: 75px;
  text-align: center;
  color: #000000;
  opacity: 1;
  font-size: 0.9em;
  line-height: 0.9em;
}
a.controlpanelbox_bak-text
{
  color: #000000;
  font-size: 1em;
  line-height: 1em;
  text-decoration: none;
}
a.controlpanelbox_bak-text:hover
{
  color: #000080;
  text-shadow: 0px 0px 10px #c0c0ff;
  text-decoration: none;
  border: none;
}


div.controlpanelbox
{
  position: relative;
  float: left;
  width: 75px;
  height: 75px;
  text-align: center;
  line-height: 1.0em;
  margin: 8px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid rgba(255,255,255,0);
}
div.controlpanelbox:hover
{
  background: url(../images/lightblue-background.png);
  border: 1px solid rgba(128,128,255,0.5);
}
div.controlpanelbox-image
{
  position: absolute;
  left: 0px;
  top: 0;
  width: 75px;
  height: 50px;
}
a.controlpanelbox-image
{
  text-decoration: none;
  border: none;
  outline: 0;
}
a.controlpanelbox-image:hover,
a.controlpanelbox-image:active,
a.controlpanelbox-image:visited
{
  text-decoration: none;
  border: none;
}

div.controlpanelbox-text
{
  position: absolute;
  bottom: 3px;
  left: 0px;
  width: 75px;
  text-align: center;
  color: #000000;
  font-size: 0.9em;
  line-height: 0.9em;
}
a.controlpanelbox-text
{
  color: #000000;
  font-size: 1em;
  line-height: 1em;
}
a.controlpanelbox-text:hover
{
  color: #000080;
}













/* HelpDesk */

.help-imagelink:hover
{
  cursor: pointer;
}

div.help-back
{
  position: relative;
  left: 0;
  top: 0;
  margin: 8px;
  margin-bottom: 15px;
  min-height: 24px;
  height: auto !important;
  height: 24px; 
}
div.help-back-arrow
{
  position: absolute;
  left: 0px;
  top: 0;
  width: 25px;
  line-height: 24px;
}
img.help-back-arrow
{
  vertical-align: middle;
}
div.help-back-text
{
  position: absolute;
  top: 0px;
  left: 25px;
  text-align: left;
  line-height: 24px;
  color: #000080;
  font-weight: bold;
}
div.help-back-text:hover
{
  color: #0000c0;
  cursor: pointer;
}

div.help-category
{
  position: relative;
  float: left;
  width: 400px;
  min-height: 100px;
  height: auto !important;
  height: 100px; 
  text-align: center;
  line-height: 1.0em;
  margin: 8px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;  
  border-radius: 5px;
  -moz-box-shadow: 0 0 1em rgba(128, 128, 255, 1);
  -webkit-box-shadow: 0 0 1em rgba(128, 128, 255, 1);
  box-shadow: 0 0 1em rgba(128, 128, 255, 1);
}
div.help-category:hover
{
  -moz-box-shadow: 0 0 1.5em rgba(128, 128, 255, 1);
  -webkit-box-shadow: 0 0 1.5em rgba(128, 128, 255, 1);
  box-shadow: 0 0 1.5em rgba(128, 128, 255, 1);
}
div.help-category-imagebox
{
  position: absolute;
  left: 0px;
  top: 0;
  width: 100px;
  height: 100px;
}
img.help-category-image
{
}
div.help-category-addimage
{
  position: absolute;
  right: 0px;
  bottom: 0px;
  text-align: right;
  vertical-align: bottom;
}
div.help-category-name
{
  position: absolute;
  top: 0px;
  left: 103px;
  width: 245px;
  text-align: left;
  color: #000080;
  font-weight: bold;
  font-size: 1.2em;
  line-height: 20px;
  border-bottom: 1px dotted #c0c0ff;
}
div.help-category-text
{
  position: absolute;
  top: 23px;
  left: 103px;
  width: 245px;
  text-align: left;
  color: #000000;
  font-size: 0.9em;
  line-height: 1.2em;
}
div.help-category-arrow
{
  position: absolute;
  left: 350px;
  top: 0;
  width: 45px;
  line-height: 100px;
}
img.help-category-arrow
{
  vertical-align: middle;
}
img.help-category-arrow:hover,
img.help-category-arrow:active
{
  cursor: pointer;
}


div.help-symptom
{
  position: relative;
  left: 0;
  top: 0;
  width: 800px;
  min-height: 72px;
  height: auto !important;
  height: 72px; 
  text-align: left;
  margin: 8px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;  
  border-radius: 5px;
  -moz-box-shadow: 0 0 1em rgba(128, 128, 255, 1);
  -webkit-box-shadow: 0 0 1em rgba(128, 128, 255, 1);
  box-shadow: 0 0 1em rgba(128, 128, 255, 1);
}
div.help-symptom:hover
{
  -moz-box-shadow: 0 0 1.5em rgba(128, 128, 255, 1);
  -webkit-box-shadow: 0 0 1.5em rgba(128, 128, 255, 1);
  box-shadow: 0 0 1.5em rgba(128, 128, 255, 1);
}
div.help-symptom-edit
{
  position: relative;
  left: 0;
  top: 0;
  text-align: left;
  width: 404px;
}
div.help-symptom-images
{
  position: absolute;
  left: 5px;
  top: 5px;
  width: 82px;
}
div.help-symptom-images-edit
{
}
div.help-symptom-imagebox
{
  padding: 2px;
}
div.help-symptom-imagebox-edit
{
  padding-right: 2px;
}
div.help-symptom-deleteimage
{
  float: left;
}
div.help-symptom-image
{
  width: 80px;
  height: 60px;
  border: 1px solid #000000;
}
div.help-symptom-image-edit
{
  float: left;
  text-align: center;
}
div.help-symptom-name
{
  position: absolute;
  top: 0px;
  left: 90px;
  width: 650px;
  text-align: left;
  color: #000080;
  font-weight: bold;
  font-size: 1.2em;
  line-height: 20px;
  border-bottom: 1px dotted #c0c0ff;
}
div.help-symptom-name-edit
{
  width: 400px;
  padding-bottom: 2px;
}
div.help-symptom-text
{
  position: absolute;
  top: 23px;
  left: 90px;
  width: 650px;
  text-align: left;
  color: #000000;
  font-size: 0.9em;
  line-height: 1.2em;
}
div.help-symptom-text-edit
{
  width: 400px;
  padding-bottom: 2px;
}
div.help-symptom-arrow
{
  position: absolute;
  left: 750px;
  top: 0;
  width: 45px;
  line-height: 72px;
}
img.help-symptom-arrow
{
  vertical-align: middle;
}
img.help-symptom-arrow:hover,
img.help-symptom-arrow:active
{
  cursor: pointer;
}
div.help-symptom-categorylist
{
}
div.help-symptom-category
{
  text-align: left;
  font-weight: bold;
  font-size: 1em;
  line-height: 16px;
  margin: 1px;
}
div.help-symptom-displayorderlist
{
}
div.help-symptom-displayorder
{
  height: 16px;
  margin: 1px;
}


div.help-suggestion
{
  position: relative;
  left: 0;
  top: 0;
  width: 800px;
  min-height: 72px;
  height: auto !important;
  height: 72px; 
  text-align: left;
}
div.help-suggestion-edit
{
  position: relative;
  left: 0;
  top: 0;
  width: 404px;
  text-align: center;
}
div.help-suggestion-name,
div.help-suggestion-name-edit
{
  width: 796px;
  color: #000080;
  font-weight: bold;
  font-size: 1.2em;
  border-bottom: 1px dotted #c0c0ff;
  padding-bottom: 2px;
}
div.help-suggestion-name-edit
{
  width: 400px;
}
div.help-suggestion-text,
div.help-suggestion-text-edit
{
  color: #000000;
  font-size: 0.9em;
  line-height: 1.2em;
  padding-bottom: 2px;
}
div.help-suggestion-link-edit,
div.help-suggestion-yes-edit,
div.help-suggestion-no-edit
{
  width: 400px;
  color: #000000;
  font-size: 1.2em;
  border-bottom: 1px dotted #c0c0ff;
  padding-bottom: 2px;
  text-align: left;
}
div.help-suggestion-images
{
}
div.help-suggestion-imagebox,
div.help-suggestion-imagebox-edit
{
  float: left;
  padding: 2px;
}
div.help-suggestion-deleteimage
{
  float: left;
}
div.help-suggestion-image
{
  float: left;
  text-align: center;
}
div.help-suggestion-caption
{
  clear: both;
  padding-top: 3px;
  text-align: center;
  font-size: 0.9em;
  color: #404040;
  font-style: italic;
}
div.help-suggestion-addimage
{
  float: left;
  text-align: left;
  padding: 2px;
  padding-left: 5px;
}
select.help-suggestion
{
  background-color: #ffffe0;
  border: 1px solid #8080ff;
}
div.help-suggestion-symptomlist
{
}
div.help-suggestion-symptom
{
  text-align: left;
  font-weight: bold;
  font-size: 1em;
  line-height: 16px;
  margin: 1px;
}
div.help-suggestion-displayorderlist
{

}
div.help-suggestion-displayorder
{
  height: 16px;
  margin: 1px;
}
input[type="text"].help-suggestion-displayorder
{
  width: 50px;
  height: 14px;
  background-color: #ffffe0;
  border: 1px solid #8080ff;
}


div.help-suggestion-next
{
  position: relative;
  left: 0;
  top: 0;
  width: 800px; 
  text-align: left;
  margin-top: 20px;
  border-top: 1px dotted #c0c0ff;
}
td.help-suggestion-next-imagebox
{
  width: 38px;
  padding: 3px;
}



td.help-suggestion-next-text
{
  width: 726px;
  font-size: 1em;
  line-height: 1.2em;
}
td.help-suggestion-next-arrow
{
  width: 38px;
  line-height: 32px;
  text-align: right;
  padding: 3px;
}


input[type="text"].help-control,
input[type="file"].help-control,
input[type="checkbox"].help-control,
textarea.help-control,
select.help-control
{
  background-color: #ffffd0;
  border: 1px solid #c0c0ff;
}





















input[type="text"].form-control,
input[type="file"].form-control,
input[type="checkbox"].form-control,
textarea.form-control,
select.form-control
{
  background-color: #ffffd0;
  border: 1px solid #c0c0ff;
}



/* DEBUG */

#debug,
#listdebug
{
  text-align: left;
  padding: 3px;
  margin: 5px;
  font-size: 0.9em;
  line-height: 0.9em;
  background-color: rgba(200, 200, 200, 0.5);
  border: 1px solid rgba(128, 128, 128, 0.5);
  color: #808080;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}


/* AJAX STYLE DARK BACKGROUND */
.fader
{
  background: #E0E0FF;
  opacity: 0.9;
  -moz-opacity: 0.9;
  filter: alpha(opacity=90);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 5;
  display: none;
}


/* ALERT */

#alert_fader
{
  background: #000000;
  opacity: .5;
  -moz-opacity: .5;
  filter: alpha(opacity=50);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 5;
  display: none;
}

#alert_box
{
  width: 310px;
  height: 160px;
  border: 1px #4040FF solid;
  background: #FFFFFF;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;  
  border-radius: 15px;
  -moz-box-shadow: 0 0 1em rgba(128, 128, 255, 1);
  -webkit-box-shadow: 0 0 1em rgba(128, 128, 255, 1);
  box-shadow: 0 0 1em rgba(128, 128, 255, 1);
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -160px;
  padding: 30px 0 0 10px;
  z-index: 10;
  display: none;
  background: #FFFFFF url(../images/alert-background.png) no-repeat top right;
}

.alert_top
{
}

.alert_icon
{
  width: 75px;
  height: 75px;
  text-align: center;
}

.alert_text
{
  padding: 10px;
  text-align: center;
  font-size: 1.2em;
  line-height: 1.1em;
  font-weight: bold;
}

.alert_table
{
  margin: 0 auto;
}

.alert_td
{
  margin: 0 auto;
  padding: 10px;
}

.alert_button
{
  padding: 5px;
  font-size: 1.2em;
  line-height: 1.1em;
  font-weight: bold;
}

.link,
.small_link
{
  cursor: pointer;
  color: #000080;
}
.link:hover,
.small_link:hover
{
  color: #0000ff;
}
.small_link
{
  font-size: 0.9em;
}



.has_hint
{
  border-bottom: 1px dotted #8080FF;
}


/* DIALOG BOXES */

.dialog
{
  background: #FFFFFF url(../images/dialog-background.png) no-repeat right top;
  border: 1px solid rgba(128, 128, 255, 0.5);
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;  
  border-radius: 0.5em;
  z-index: 99;
  display: none;
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  position: fixed;
  top: 50%;
  left: 50%;
}
.dialog_titleicon
{
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}
.dialog_title
{
  text-align: left;
  font-size: 1.3em;
  line-height: 1.1em;
  font-weight: bold;
  color: #6060ff;
}
.dialog_content
{
  text-align: left;
}
.dialog_buttons,
.dialog_button
{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.dialog_buttons
{
  position: absolute;
  justify-content: flex-end;
}
.dialog_button
{
  display: inline;
  justify-content: space-evenly;
  background-color: rgba(128, 128, 255, 0.25);
  border: 1px solid rgba(0, 0, 128, 0.25);
  padding: 0.25em;
  font-weight: bold;
  border: 1px solid #6060C0;
  color: #000040;
  text-align: center;
  background-image :    -moz-linear-gradient(rgba(200,200,255,0.5),rgba(100,100,255,0.5));
  background-image :     -ms-linear-gradient(rgba(200,200,255,0.5),rgba(100,100,255,0.5));
  background-image :      -o-linear-gradient(rgba(200,200,255,0.5),rgba(100,100,255,0.5));
  background-image : -webkit-linear-gradient(rgba(200,200,255,0.5),rgba(100,100,255,0.5));
  background-image :         linear-gradient(rgba(200,200,255,0.5),rgba(100,100,255,0.5));  
}
.dialog_button:hover
{
  background-color: rgba(128, 128, 255, 0.75);
}
.dialog_button_disabled
{
  background-color: rgba(224, 224, 224, 0.75);
  border: 1px solid #808080;
  color: #404040;
  background-image : none;
}
.dialog_button,
.dialog_button_disabled
{
  margin: 0;
  padding: 0.5em;
  cursor: pointer;
}
.dialog_button_gap
{
  width: 0.3em;
}














/* OPTION BOX */


div.options
{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding-top: 30px;
}


div.option-box
{
  position: relative;
  float: left;
  width: 86px;
  height: 95px;
  text-align: center;
  line-height: 1.0em;
  margin-left: 10px;
  margin-right: 10px;
}
div.option-box-image
{
  position: absolute;
  left: 8px;
  top: 0;
  width: 70px;
  height: 70px;
}
a.option-box-a
{
  text-decoration: none;
}
a.option-box-a:hover
{
  text-decoration: none;
  border: none;
}
div.option-box-text
{
  position: absolute;
  top: 53px;
  left: 0;
  width: 86px;
  height: 22px;
  font-size: 11px;
  line-height: 0.9em;
  text-align: center;
}
a.option-box-text
{
  color: #000000;
  text-decoration: none;
}
a.option-box-text:hover
{
  color: #0000C0;
  text-decoration: none;
  border: none;
}

p.option-box
{
  display: block;
  float: left;
  width: 85px;
  height: 95px;
  font-size: 1.0em;
  line-height: 1.0em;
  text-align: center;
}
a.option-box
{
  color: #000000;
  font-size: 0.9em;
  text-decoration: none;
}
a.option-box:hover
{
  color: #0000C0;
  text-decoration: none;
  border: none;
}











table.form
{
/*
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;  
  border-radius: 10px;
  -moz-box-shadow: 0 0 1em rgba(0, 0, 0, .25);
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .25);
  box-shadow: 0 0 1em rgba(0, 0, 0, .25);
  border: 1px solid #A0A0A0;
  background-color: #F8F8FF;
*/
  padding: 5px;
}
table.form *:focus
{
  outline: none;
}
table.form td
{
  padding: 2px;
}

table.formblock td
{
  padding: 1px;
}


table.newform
{
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;  
  border-radius: 10px;
  -moz-box-shadow: 0 0 1em rgba(128, 128, 255, 1);
  -webkit-box-shadow: 0 0 1em rgba(128, 128, 255, 1);
  box-shadow: 0 0 1em rgba(128, 128, 255, 1);
  border: 1px solid #A0A0A0;
  background-color: #F8F8FF;
  padding: 10px;
}
table.newform td
{
  padding: 1px;
}


table.return_backtrack_form
{
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;  
  border-radius: 10px;
  -moz-box-shadow: 0 0 0.75em rgba(192, 192, 255, 1);
  -webkit-box-shadow: 0 0 0.75em rgba(192, 192, 255, 1);
  box-shadow: 0 0 0.75em rgba(192, 192, 255, 1);
  border: 1px solid #A0A0A0;
  background-color: #F8F8FF;
  padding: 10px;
}
table.return_backtrack_form th
{
  padding: 2px;
  font-weight: bold;
}
table.return_backtrack_form td
{
  padding: 2px;
}
input[type="text"].return_backtrack_form,
textarea.return_backtrack_form
{
  background-color: #ffffe0;
  border: 1px solid #8080ff;
}
select.return_backtrack_form
{
  background-color: #ffffe0;
  border: 1px solid #8080ff;
}







table.infotable,
table.usertable,
table.admintable,
table.info
{
  color: #000000;
  padding: 5px 5px 5px 5px;
  margin: 0 auto;
}
tr.user_archived
{
  background-color: rgba(128, 128, 128, 0.2);
}
th.infotable,
th.usertable,
th.admintable,
th.info
{
  color: #000000;
  font-weight: bold;
  padding-left: 2px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  vertical-align: top;
  line-height: 1.1em;
  text-align: left;
  background: url(../images/blue-background.png);
}
th.admintable,
td.admintable
{
  background-color: rgba(128, 128, 255, 0.2);
}
th.infotable a,
th.usertable a,
th.admintable a,
th.info a
{
  font-size: 1.0em;
  color: #0000a0;
}
th.infotable a:hover,
td.infotable a:hover,
td.usertable a:hover,
td.admintable a:hover,
th.info a:hover,
td.info a:hover
{
  border: none;
}
td.infotable,
td.usertable,
td.admintable,
td.info
{
  padding-left: 2px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-bottom: 1px dotted #C0C0FF;
  font-size: 0.9em;
  line-height: 1.1em;
}
td.infotable a,
td.usertable a,
td.admintable a,
td.info a
{
  font-size: 0.9em;
}


/* Specific Pages */

.comment
{
  color: #000000;
}
td.comment-info
{
  font: normal 1.0em/1.1em Verdana, sans-serif;
  line-height: 1.5em;
  background-color: #F0F0FF;
}
td.comment-body
{
  font: normal 0.9em/1.0em Verdana, sans-serif;
  padding-top: 3px;
  padding-bottom: 3px;
  border-bottom: dotted 1px #000080;
  font-style: italic;
}

/**************************************************************************
 * update-ticket.php
 **************************************************************************/

/* Style the controls */

label.update-ticket
{
  display: block;
  float: left;
  clear: left;
  text-align: right;
  padding-right: 5px;
  font-weight: bold;
  width: 65px;
}

input[type="text"].update-ticket,
input[type="email"].update-ticket
{
  width: 527px;
  border: 1px solid #0000C0;
  background-color: #F0F0FF;
  outline: none;
}

input[type="file"].update-ticket
{
  border: 1px solid #0000C0;
  background-color: #F0F0FF;
}

input[type="submit"].update-ticket
{
  display: block;
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 200px;
  height: 40px;
  font-weight: bold;
  opacity: .7;
  -webkit-appearance: none;
  -moz-transition: opacity .5s;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
  color: #000080;
  background-color: #C0C0FF;
  border: 1px solid #0000C0;
}
input[type="submit"].update-ticket:hover,
input[type="submit"].update-ticket:active
{
  cursor: pointer;
  opacity: 1;
}

textarea.update-ticket
{
  display: block;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;  
  border-radius: 5px;
  border: 1px solid #0000C0;
  background-color: #F0F0FF;
  width: 598px;
  height: 100px;
  resize: none;
  outline: none;
}

select.update-ticket
{
  background-color: #F0F0FF;
  border: 1px solid #0000C0;
  width: 100px;
}

span.update-ticket-subject
{
  font-weight: bold;
  font-size: 1.25em;
}

span.update-ticket-priority-low,
span.update-ticket-priority-normal,
span.update-ticket-priority-high
{
  font-weight: bold;
  font-size: 1.25em;
}
span.update-ticket-priority-low
{
  color: #60C060;
}
span.update-ticket-priority-normal
{
  color: #606060;
}
span.update-ticket-priority-high
{
  color: #C06060;
}

.update-ticket-inputdiv
{
  margin-bottom: 5px;
}

p.update-ticket
{
  clear: both;
  padding: 5px;
}

#update-ticket-form
{
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;  
  border-radius: 10px;
  -moz-box-shadow: 0 0 1em rgba(0, 0, 0, .25);
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .25);
  box-shadow: 0 0 1em rgba(0, 0, 0, .25);
  border: 1px solid #aaa;
  position: relative;
  padding: 10px;
  width: 600px;
}

#update-ticket-form *:focus
{
  border: 1px solid #66f;
  outline: none;
} 

#update-ticket-selectsdiv
{
  padding-top: 10px;
}


.update-ticket-message,
.update-ticket-answer
{
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;  
  border-radius: 10px;
  -moz-box-shadow: 0 0 1em rgba(0, 0, 0, .25);
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .25);
  box-shadow: 0 0 1em rgba(0, 0, 0, .25);
  border: 1px solid #aaa;
  margin-bottom: 10px;
}

.update-ticket-message-title, .update-ticket-answer-title
{
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;  
  border-radius: 10px 10px 0 0;
}

.update-ticket-message-body, .update-ticket-answer-body
{
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;  
  border-radius: 0 0 10px 10px;
}

.update-ticket-message-title
{
  background-color: #FFD0D0;
  border-bottom: 1px dotted #FF8080;
}

.update-ticket-message-body
{
  background-color: #FFF0F0;
}

.update-ticket-image-message, 
.update-ticket-image-answer
{
  padding: 3px;
  background-color: #FFFFFF;
  height: 50px;
}
.update-ticket-image-message
{
  border: 1px solid #C00000;
}
.update-ticket-image-answer
{
  border: 1px solid #008000;
}


.update-ticket-answer-title
{
  background-color: #D0FFD0;
  border-bottom: 1px dotted #40C040;
}

.update-ticket-answer-body
{
  background-color: #F0FFF0;
}


/* manage-tickets.php & helpdesk.php */

.ticket-status-open
{
  font-weight: bold;
  color: #C00000;
}

.ticket-status-closed
{
  font-weight: normal;
  color: #800000;
}

.ticket-priority-low
{
  font-weight: normal;
  color: #808080;
}
.ticket-priority-normal
{
  font-weight: normal;
  color: #000000;
}
.ticket-priority-high
{
  font-weight: bold;
  color: #FF0000;
}

.ticket-action-button-message,
.ticket-action-button-answer
{
  font-weight: bold;
  opacity: .5;
  -webkit-appearance: none;
  -moz-transition: opacity .1s;
  -webkit-transition: opacity .1s;
  -o-transition: opacity .1s;
  transition: opacity .1s;
}
.ticket-action-button-message:hover,
.ticket-action-button-message:active,
.ticket-action-button-answer:hover,
.ticket-action-button-answer:active
{
  cursor: pointer;
  opacity: 1;
}
.ticket-action-button-message
{
  color: #800000;
  background-color: #FFC0C0;
  border: 1px solid #800000;
}
.ticket-action-button-answer
{
  color: #008000;
  background-color: #C0FFC0;
  border: 1px solid #008000;
}





/**************************************************************************
 * Classes
 *************************************************************************/

/* Text Styles */

.big
{
  font: normal 1.5em Verdana, sans-serif;
  color: #000000;
  line-height: 1.6em;
}

.medium
{
  font: normal 1.3em Verdana, sans-serif;
  color: #000000;
  padding: 5px;
  line-height: 1.2;
}

.tiny
{
  font: normal 0.6em Verdana, sans-serif;
  color: #000000;
  padding: 0px;
  line-height: 1.0;
}

.tinybold
{
  font-weight: bold;
}

.warning
{
  color: #C00000;
  font-size: 0.9em;
  font-style: italic; 
  font-weight: normal;
}

.alert
{
  color: #C00000;
  font-size: 1.0em;
  font-style: italic; 
  font-weight: bold;
}

.bold
{
  font-weight: bold;
}

.dark-blue
{
  color: #000080;
}

.title
{
  height: 60px;
  font-size: 2.0em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color: #000040;
}

.error
{
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  color: #800000;
}

.formnote
{
  font-size: 0.8em;
  font-style: italic;
  line-height: 1.1em;
  color: #8080FF;
}
.formnote b,
.formnote strong
{ 
  font-size: 1.0em;
  font-weight: bold;
}


.left
{
  float: left;
}


.clear
{
  clear: both;
}

.user-update
{
  color: #008000;
  font-weight: bold;
}

.user-pending
{
  color: #C00000;
  font-weight: bold;
}

.trademark
{
  font-weight: normal;
  font-size: 0.6em;
  vertical-align: super;
}

.cp_user_field
{
  background-color: #FFFF80;
}

.cp_form
{
  -moz-box-shadow: 0 0 1em rgba(0, 0, 0, .25);
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .25);
  box-shadow: 0 0 1em rgba(0, 0, 0, .25);
}

.cp_summary_item
{
  height: 35px;
  padding-top: 4px;
  padding-bottom: 0;
  margin-bottom: 0;
}
.cp_summary_text
{
  height: 31px;
}
.cp_summary_value
{
  height: 29px;
  border: 1px solid #000000;
  text-align: center;
  line-height: 29px;
  font-weight: bold;
}

.cp_chart
{
  margin-bottom: 0;
}




.form_status
{
  float: left;
  border: 0;
  margin: 0;
  line-height: 24px;
  vertical-align: middle;
  color: #c00000;
}


// Alignment

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


// Size

.size5px
{
  font-size: 5px;
  line-height: 1.1em;
}
.size6px
{
  font-size: 6px;
  line-height: 1.1em;
}
.size7px
{
  font-size: 7px;
  line-height: 1.1em;
}
.size8px
{
  font-size: 8px;
  line-height: 1.1em;
}
.size9px
{
  font-size: 9px;
  line-height: 1.1em;
}
.size10px
{
  font-size: 10px;
  line-height: 1.1em;
}
.size11px
{
  font-size: 11px;
  line-height: 1.1em;
}
.size12px
{
  font-size: 12px;
  line-height: 1.1em;
}
.size13px
{
  font-size: 13px;
  line-height: 1.1em;
}
.size14px
{
  font-size: 14px;
  line-height: 1.1em;
}
.size15px
{
  font-size: 15px;
  line-height: 1.1em;
}
.size16px
{
  font-size: 16px;
  line-height: 1.1em;
}
.size17px
{
  font-size: 17px;
  line-height: 1.1em;
}
.size18px
{
  font-size: 18px;
  line-height: 1.1em;
}
.size19px
{
  font-size: 19px;
  line-height: 1.1em;
}
.size20px
{
  font-size: 20px;
  line-height: 1.1em;
}
.size25px
{
  font-size: 25px;
  line-height: 1.1em;
}
.size30px
{
  font-size: 30px;
  line-height: 1.1em;
}

.size5em
{
  font-size: 0.5em;
  line-height: 1.1em;
}
.size6em
{
  font-size: 0.6em;
  line-height: 1.1em;
}
.size7em
{
  font-size: 0.7em;
  line-height: 1.1em;
}
.size8em
{
  font-size: 0.8em;
  line-height: 1.1em;
}
.size9em
{
  font-size: 0.9em;
  line-height: 1.1em;
}
.size10em
{
  font-size: 1.0em;
  line-height: 1.1em;
}
.size11em
{
  font-size: 1.1em;
  line-height: 1.1em;
}
.size12em
{
  font-size: 1.2em;
  line-height: 1.1em;
}
.size13em
{
  font-size: 1.3em;
  line-height: 1.1em;
}
.size14em
{
  font-size: 1.4em;
  line-height: 1.1em;
}
.size15em
{
  font-size: 1.5em;
  line-height: 1.1em;
}
.size16em
{
  font-size: 1.6em;
  line-height: 1.1em;
}
.size17em
{
  font-size: 1.7em;
  line-height: 1.1em;
}
.size18em
{
  font-size: 1.8em;
  line-height: 1.1em;
}
.size19em
{
  font-size: 1.9em;
  line-height: 1.1em;
}
.size20em
{
  font-size: 2.0em;
  line-height: 1.1em;
}
.size25em
{
  font-size: 2.5em;
  line-height: 1.1em;
}
.size30em
{
  font-size: 3.0em;
  line-height: 1.1em;
}

// Colours

.white
{
  color: #FFFFFF;
}







/*************************************************************************/
/* Buttons */

.button-back
{
  font-weight: bold;
  opacity: .7;
  -webkit-appearance: none;
  -moz-transition: opacity .5s;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
  color: #000080;
  background-color: #C0C0FF;
  border: 1px solid #000080;
}
.button-back:hover,
.button-back:active
{
  cursor: pointer;
  opacity: 1;
}



input[type="button"].button-page
{
  padding: 3px;
}



input[type="button"].button-sort
{
  font-weight: bold;
  font-size: 1.0em;
  color: #0000C0;
  border: none;
  background: none;
}
input[type="button"].button-sort:hover,
input[type="button"].button-sort:active
{
  cursor: pointer;
  color: #0000FF;
}
input[type="button"].button-sort:disabled
{
  cursor: default;
  color: #808080;
}




/*************************************************************************/
/* Alignment */

.align-right
{
  float:right;
  margin: 0 0 15px 15px;
}

.align-left
{
  float:left;
  margin: 0 15px 15px 0;
} 



/* User Settings Form */

.user_settings_form_heading
{
  font-size: 13px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  color: #000000;
  background-color: #EDEDED;
  border: 1px #D1D1D1 solid;
  list-style-type: disc;
  padding: 5px;
  margin-bottom:5px;
  margin-top:5px;
  height:15px;
}


#settings_tabs
{
  color: #000000;
  margin: 12px 0px 0px 0px;
  padding: 0px;
  padding-left: 10px;
}
#settings_tabs li
{
  position: relative;
  display: inline; 
  overflow: hidden; 
  list-style-type: none;
  z-index: 1;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;  
  border-radius: 10px 10px 0 0;
  border: 1px solid #c0c0ff;
  border-bottom: none;
  padding: 0px 5px 0px 5px; 
}
#settings_tabs span
{
  color: #000080; 
  font: normal 1em verdana, Arial, sans-serif; 
  cursor: arrow;
}
#settings_tabs span:hover
{
  color: #0000ff;
}

#settings_pages
{
  position: relative;
  -moz-box-shadow: 0 0 1em rgba(0, 0, 0, .25);
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .25);
  box-shadow: 0 0 1em rgba(0, 0, 0, .25);
  border: 1px solid #c0c0ff;
  z-index: 2;
  background: #FFFFFF;
}

.settings_page
{
  font: 0.9em/1.3em verdana, sans-serif; 
  text-align: justify; 
  padding: 20px; 
  z-index: 2;
} 
.settings_page a
{ 
  text-decoration: none; 
  color: #E8E9BE;
} 

#settings_page a:hover
{
  background: #aaaaaa;
} 

th.settings_page_table
{
  border-bottom: 1px dotted #e0e0ff;
}

.settings_page_control_container_notused
{
  opacity: .4;
}
.settings_page_control_container_used
{
  opacity: 1;
}
.settings_page_control_container_notused:hover
{
  opacity: 1;
}


input[type="text"].settings_page_control_used
{
  color: #000000;
  background-color: #ffffe0;
}
input[type="text"].settings_page_control_notused
{
  color: #808080;
  background-color: #e0e0e0;
}



/* Set Settings Page */

#set_settings_title
{
  padding-left: 10px;
  padding-top: 10px;
  font-weight: bold;
  font-size: 1.3em;
  line-height: 1.1em;
}

#set_settings_frame
{
  -moz-box-shadow: 0 0 1em rgba(0, 0, 0, .25);
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .25);
  box-shadow: 0 0 1em rgba(0, 0, 0, .25);
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;  
  border-radius: 10px 10px 10px 10px;

  border: 1px solid #c0c0ff;
  margin: 20px;
}

.set_settings_current
{
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;  
  border-radius: 10px 10px 10px 10px;
  border: 1px solid #8080ff;
  margin: 10px;
}

.set_settings_current_exp
{
  font-weight: normal;
  padding: 3px 10px;
  border-bottom: 1px dotted #c0c0ff;
}

.set_settings_current_list
{
  padding: 3px 10px;
}

.set_settings_options_exp
{
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;  
  border-radius: 10px 10px 10px 10px;
  border: 1px solid #8080ff;
  margin: 10px;
  font-weight: normal;
  padding: 3px 10px;
}

.set_settings_option_frame
{
  width: 600px;
  margin: 5px auto;
  background-color: #ffff00;
}

.set_settings_option_checkbox
{
  width: 30px;
}

.set_settings_option
{
  width: 539px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;  
  border-radius: 10px 10px 10px 10px;
  border: 2px solid #c0c0ff;
}
.set_settings_option_selected
{
  width: 539px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;  
  border-radius: 10px 10px 10px 10px;
  border: 2px solid #8080ff;
}

.set_settings_option_name
{
  padding: 3px 10px;
  font-weight: bold;
  font-size: 1.2em;
  border-bottom: 1px dotted #c0c0ff;
  background-color: #ffffa0;
}
.set_settings_option_name_selected
{
  padding: 3px 10px;
  font-weight: bold;
  font-size: 1.2em;
  border-bottom: 1px dotted #c0c0ff;
  background-color: #ffff80;
}

.set_settings_option_profile
{
  font-size: 0.8em;
  font-weight: normal;
}

.set_settings_option_description
{
  padding: 3px 10px;
  color: #404040;
}
.set_settings_option_description_selected
{
  padding: 3px 10px;
  color: #000000;
  background-color: #ffffe0;
}


.page_intro
{
  width: 75%;
  color: #000040;
  text-decoration: none;
  font: normal 11px/14px Verdana, sans-serif;
  padding-top: 3px;
  padding-bottom: 3px;
  font-style: italic;
  margin: 0 auto;
  min-height: 50px;
  height: auto !important;
  height: 50px; 
}
.page_intro_img
{
  padding-bottom: 3px;
  padding-right: 3px;
}


.form_help
{
  font-size: 0.9em;
  font-style: italic;
  line-height: 1.2em;
  color: #4040FF;
}
.form_help b,
.form_help strong
{ 
  font-size: 1.0em;
  font-weight: bold;
}



/* Rehab */


div.rehab_questionnaire
{
  position: relative;
  left: 0;
  top: 0;

  margin: 0 auto;
  padding: 5px;
  text-align: left;
}

div.rehab_questionnaire_logo
{
  text-align: right;
  margin-bottom: 2px;
}

div.rehab_questionnaire_title_box
{
  background-color: rgba(0, 0, 64, 0.6);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  margin-bottom: 5px;
}

div.rehab_questionnaire_title
{
  color: #FFFFFF;
  font-weight: bold;
  font-size: 1.5em;
  text-align: center;
}
div.rehab_questionnaire_name
{
  color: #E0E0FF;
  font-weight: bold;
  font-size: 1.3em;
  text-align: center;
  padding-top: 5px;
}

div.rehab_questionnaire_dpa_box
{
  background-color: rgba(0, 0, 128, 0.3);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}
div.rehab_questionnaire_dpa
{
  color: #000000;
  font-weight: bold;
  text-align: center;
}

div.rehab_questionnaire_by_box
{
  background-color: rgba(0, 0, 128, 0.3);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  margin-top: 5px;
}
div.rehab_questionnaire_by
{
  color: #000000;
  font-weight: bold;
  font-size: 1.3em;
  text-align: center;
}

div.rehab_questionnaire_intro_box
{
  background-color: rgba(0, 0, 128, 0.3);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}

div.rehab_questionnaire_guide
{
  margin: 5px 2px 0 2px;
}


div.rehab_questionnaire_questions_intro
{
  background-color: rgba(128, 128, 255, 0.2);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 1.2em;
  line-height: 1.1em;
  padding: 4px;
  margin: 5px 0 5px 0;
}


div.rehab_questionnaire_question_box,
div.rehab_onetoone_question_box
{
  position: relative;
  left: 0;
  top: 0;
  background-color: rgba(128, 128, 255, 0.1);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-align: left;
  font-size: 1.2em;
  line-height: 1.1em;
  border-radius: 5px;
  padding: 2px;
  margin-bottom: 3px;
  clear: both;
}
div.rehab_questionnaire_question_box:hover,
div.rehab_onetoone_question_box:hover
{
  background-color: rgba(128, 128, 255, 0.15);
  -moz-box-shadow: 0 0 0.25em rgba(0, 0, 255, .5);
  -webkit-box-shadow: 0 0 0.25em rgba(0, 0, 255, .5);
  box-shadow: 0 0 0.25em rgba(0, 0, 255, .5);
}
div.rehab_questionnaire_question,
div.rehab_onetoone_question
{
  font-size: 0.9em;
}
div.rehab_questionnaire_question_controls,
div.rehab_onetoone_question_controls
{
}
table.rehab_questionnaire_question_control,
table.rehab_onetoone_question_control
{
}
div.rehab_questionnaire_question_answer,
div.rehab_onetoone_question_answer
{
  color: #000080;
  font-weight: bold;
  font-style: italic;
}


div.rehab_questionnaire_question_control_radio,
div.rehab_questionnaire_question_control_checkbox,
div.rehab_onetoone_question_control_radio,
div.rehab_onetoone_question_control_checkbox
{
  float: left;
}
div.rehab_questionnaire_question_next,
div.rehab_onetoone_question_next
{
  line-height: 24px;
  font-size: 0.8em;
}
input[type="text"].rehab_questionnaire_question_text
{
  width: 940px;
}
input[type="text"].rehab_onetoone_question_text
{
  width: 487px;
}
textarea.rehab_questionnaire_question_textarea,
textarea.rehab_onetoone_question_textarea
{
  height: 40px;
}
textarea.rehab_questionnaire_question_textarea
{
  width: 940px;
}
textarea.rehab_onetoone_question_textarea
{
  width: 487px;
}

input[type="text"].rehab_onetoone
{
  width: 360px;
  line-height: 20px;
  font-weight: bold;
  height: 20px;
  padding-left: 5px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: rgba(128, 128, 255, 0.25);
  border: none;
}








div.rehab_onetoone
{
  position: relative;
  left: 0;
  top: 0;

  margin: 0 auto;
  padding: 5px;
  text-align: left;
}

div.rehab_onetoone_logo
{
  text-align: right;
  margin-bottom: 2px;
}


div.rehab_onetoone_title_box
{
  background-color: rgba(0, 0, 64, 0.6);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  margin-bottom: 5px;
}
div.rehab_onetoone_title
{
  color: #FFFFFF;
  font-weight: bold;
  font-size: 1.5em;
  text-align: center;
}
div.rehab_onetoone_name
{
  color: #E0E0FF;
  font-weight: bold;
  font-size: 1.3em;
  text-align: center;
  padding-top: 5px;
}

div.rehab_onetoone_info_box
{
  background-color: rgba(128, 128, 255, 0.2);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  margin-bottom: 5px;
}
div.rehab_onetoone_info
{
  float: left;
  width: 360px;
  padding: 3px;
}
span.rehab_onetoone_info_name
{

}
span.rehab_onetoone_info_value
{
  font-weight: bold;
}

div.rehab_onetoone_data_box
{
  background-color: rgba(128, 128, 255, 0.2);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
}

div.rehab_onetoone_data_title
{
  font-weight: bold;
  padding: 5px;
}

table.rehab_onetoone_data_table
{
  background: #A0A0FF;
}
th.rehab_onetoone_data_table
{
  font-weight: bold;
  background: #D0D0FF;
  padding: 3px;
}
th.rehab_onetoone_data_table_period
{
  font-weight: bold;
  background: #A0A0FF;
  padding: 3px;
}
td.rehab_onetoone_data_table
{
  background: #FFFFFF;
  padding: 3px;
}
td.rehab_onetoone_data_table_period_target
{
  font-weight: bold;
  background: #80FF80;
  padding: 3px;
}
td.rehab_onetoone_data_table_period_close
{
  font-weight: bold;
  background: #FFE080;
  padding: 3px;
}
td.rehab_onetoone_data_table_period_missed
{
  font-weight: bold;
  background: #FF8080;
  padding: 3px;
}
td.rehab_onetoone_data_table_target
{
  background: #C0FFC0;
  padding: 3px;
}
td.rehab_onetoone_data_table_close
{
  background: #FFE0C0;
  padding: 3px;
}
td.rehab_onetoone_data_table_missed
{
  background: #FFC0C0;
  padding: 3px;
}



div.rehab_onetoone_charts
{
  float: right;
  margin-top: 5px;
}

div.rehab_onetoone_chart_box
{
  background-color: rgba(128, 128, 255, 0.2);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  margin-bottom: 5px;
}
div.rehab_onetoone_chart
{
  margin: 0 auto;
}

table.rehab_onetoone_table
{
  background-color: #000000;
}
th.rehab_onetoone_table
{
  text-align: center;
  font-weight: bold;
  padding: 3px;
  background-color: #C0C0FF;
}
td.rehab_onetoone_table
{
  text-align: left;
  font-weight: normal;
  padding: 3px;
  background-color: #FFFFFF;
}
input[type="button"].rehab_onetoone_update_button
{
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

div.rehab_onetoone_questions
{
  margin-top: 5px;
}

div.rehab_onetoone_hourlys
{
  clear: both;
}






input[type="text"].findby
{
  width: 360px;
  line-height: 20px;
  height: 20px;
  padding-left: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: rgba(128, 128, 255, 0.25);
  border: none;
}




td.rehab_session_heading
{
  width: 410px;
  padding: 0;
  margin: 0;
}
td.rehab_session_content
{
  width: 300px;
  padding: 0;
  margin: 0;
}

div#rehab_session,
div.rehab_session_section,
div.rehab_session_section_stage,
div#rehab_session_title
{
  background-color: rgba(200, 200, 255, 0.1);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  margin-bottom: 5px;
  border: 1px solid #C0C0FF;
}

div.rehab_session_stage_arrow
{
  text-align: left;
  padding-right: 5px;
  width: 37px;
}

div.rehab_session_icon
{
  width: 75px;
  height: 75px;  
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 0 0.5em rgb(0, 0, 0);
  -webkit-box-shadow: 0 0 0.5em rgb(0, 0, 0);
  box-shadow: 0 0 0.5em rgb(0, 0, 0);
  padding: 0;
  margin: 0;
}

div.rehab_session_section_stage
{
  background-color: rgba(200, 200, 255, 0.2);
  border: 1px solid #000080;
}
div.rehab_session_section_stage:hover
{
  -moz-box-shadow: 0 0 0.75em rgb(100, 100, 255);
  -webkit-box-shadow: 0 0 0.75em rgb(100, 100, 255);
  box-shadow: 0 0 0.75em rgb(100, 100, 255);
}

span.rehab_session_heading_info
{
  font-style: italic;
  color: #8080C0;
  font-size: 0.8em;
}

div#rehab_session_title
{
  background-color: rgba(200, 200, 255, 0.4);
  font-weight: bold;
  border: 1px solid #A0A0FF;
}

div#rehab_session_name
{
  float: left;
  font-weight: bold;
}
span.rehab_session_name
{
  font-size: 1.5em;
  line-height: 1.1em;
}
div#rehab_session_device
{
  float: right;
}

span.rehab_session_heading
{
  font-weight: bold;
  font-style: italic;
}

table.rehab_session_onetoones
{
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #8080FF;
}
tr.rehab_session_onetoones_even
{
  background-color: rgba(255, 255, 255, 0.1);
}
tr.rehab_session_onetoones_odd
{
  background-color: rgba(0, 0, 0, 0.1);
}
td.rehab_session_onetoones_slot
{
  padding: 3px;
}





span.ajax_error_text
{
  color: #000080;
  font-size: 1.3em;
}
span.ajax_error_support
{
  color: #000080;
}

div#ajax_error_dialog_title
{
  color: #000080;
  font-weight: bold;
  font-size: 1.5em;
}

div#ajax_error_dialog_status
{
  padding-top: 5px;
  padding-bottom: 5px;
  color: #000080;
  font-weight: bold;
  font-size: 1.3em;
}

div#ajax_error_dialog_content a
{
  font-weight: bold;
  color: #0000C0;
}


div.ajaxspinner
{
  width: 64px;
  height: 64px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -32px 0 0 -32px;
  padding: 0;
  z-index: 2000;
  display: none;
}