/* Table of Contents:

	Overall Layout
	Header Layout
	Middle Layout
	Footer Layout
	
*/

/* Overall Layout
--------------------------------------------------------------------------------------- */
body {
	width: 100%;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #3b3a3a;
}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	color: #00559e;
	text-decoration: none;
	font-weight: bold;
	display: block;
}

.top {
	background-image: url(images/topbar.gif);
	background-repeat: repeat-x;
	height: 102px;
	width: 100%;
}

.middle {
	background-repeat: repeat-x;
	width: 100%;
	background-color: #FFFFFF;
}

.bottom {
	background-image: url(images/bottombg.gif);
	background-repeat: repeat-x;
	width: 100%;
	height: 100%;
	background-color: #3b3a3a;
}

.mainbuttonleft {
	background-image: url(images/main_button_left_bg.gif);
	background-repeat: repeat-x;
	height: 35px;
	width: 6px;
	background-position: 0px 5px;
}
.mainbuttonmiddle {
	background-image: url(images/main_button_bg.gif);
	background-repeat: repeat-x;
	height: 35px;
	text-transform: uppercase;
	text-align: center;
	background-position: 0px 5px;
}

.mainbuttonright {
	background-image: url(images/main_button_right_bg.gif);
	background-repeat: repeat-x;
	height: 35px;
	width: 6px;
	background-position: 0px 5px;
}
a.mainbutton, a.mainbutton:link {
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	text-decoration: none;
}

a.mainbutton:hover {
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 11px;
	color: #ef3d32;
	padding-top: 5px; 
	padding-right: 5px; 
	padding-left: 5px;
	text-decoration: none;
}

/* Rebound Rehab mark. Source is 214x94 (2x) for hi-dpi; drawn at 107x47 so the
   1068:469 aspect ratio is preserved, and centred vertically so it clears the
   blue bars above and below the 53px white header band. */
.logo_bottom {
	background-image    : url(images/rebound_logo.png);
	background-repeat   : no-repeat;
	background-position : left center;
	height              : 53px;
	width               : 212px;
	background-size     : 107px 47px;
}

.client_name {
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 14px;
	font-weight: bold;
	color: #004280;
	text-decoration: none;
	text-transform: uppercase;
	text-align: right;
	padding-top: 10px;
	padding-right: 5px;
	vertical-align: top;
}

.user_name {
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
	text-align: right;
	padding-top: 10px;
	padding-right: 5px;
	vertical-align: top;
}

.content_table {
	background-color: #FFFFFF;
	border-top-color: #d6d6d6;
	border-right-color: #d6d6d6;
	border-bottom-color: #d6d6d6;
	border-left-color: #d6d6d6;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

.content_spacing {
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
}

.table_title {
	background-image: url(images/table_title.gif);
	background-repeat: repeat-x;
	height: 27px;
	width: 100%;
}

.title_text {
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 12px;
	color: #004280;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
	padding-left: 10px;
}

.title_link {
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 12px;
	color: #004280;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
	padding-left: 10px;
	float: right;
	padding-right: 10px;
	padding-top: 3px;

}

.title_link:hover {
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
	padding-left: 10px;

	float: right;
	padding-right: 10px;
	padding-top: 3px;

}

/* Unified header action links (Print / Export / + Add), used by the patient
   search and all report pages so the links sit in one place and never wrap. */
.actionBar {
	white-space: nowrap;
	text-align: right;
	padding-right: 14px;
}
a.actionLink, .actionBar a {
	display: inline-block;
	float: none;
	margin-left: 16px;
	padding: 3px 0 0 0;
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #004280;
	text-transform: uppercase;
	text-decoration: none;
	vertical-align: middle;
}
a.actionLink:hover, .actionBar a:hover {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}

/* Unified filter row: each label stays glued to its input, and a line only
   breaks between whole label+input pairs. Shared by search and report pages. */
.filterRow {
	text-align: left;
	font-size: 11px;
	color: #333;
	padding: 4px 0 0 10px;
}
.filterField {
	display: inline-block;
	white-space: nowrap;
	vertical-align: middle;
	margin: 0 12px 6px 0;
}
.filterField input,
.filterField select {
	vertical-align: middle;
}

.data_table {
}

p {
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 11px;
	color: #50504f;
	text-decoration: none;
	text-align: left;
	padding-left: 5px;
}

.whiteheader {
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	text-align: left;
	padding-left: 5px;
}

a {
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 11px;
	color: #004280;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
}

a:hover {
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
}

/* Form Elements
--------------------------------------------------------------------------------------- */
input {
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	text-align: left;
	margin: 0px 5px 5px 0px;
}

/* Unclassed submit buttons pick up the gray text from the input rule above;
   Safari draws them on its blue system button, making the label unreadable.
   Style them like .jstButton so the text is white in every browser. */
input[type="submit"] {
	background-color: #004381;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	border: none;
	text-align: center;
	padding: 3px 12px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	-webkit-appearance: none;
	cursor: pointer;
}


.dropdowninput {

}

select {
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	text-align: left;
	margin: 0px 5px 5px 0px;
	width: 140px;
}

/* Footer Layout
--------------------------------------------------------------------------------------- */

.footertext {
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 8pt;
	color: #fff;
	vertical-align: middle;
	margin-bottom: 10px;
	font-weight: normal;
	margin-left: 20px;
}

a.logotext, a.logotext:link, a.logotext:visited {
	font-family: Century Gothic, Apple Gothic, Arial, sans-serif;
	font-size: 8pt;
	color: #fff;
	vertical-align: middle;
	margin-bottom: 10px;
	font-weight: normal;
	text-decoration: none;
}

/* Show/Hide Menu stuff
--------------------------------------------------------------------------------------- */
#nav, #nav ul{
  list-style:none;
  margin:0px;
  padding: 0px;
}
#nav ul{
  	padding-top: 2px;
}
#nav li{
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
	background-color: #0582CD;
	width: 200px;
	margin: 0;
	background-image: url(images/menubg.gif);
	background-repeat: repeat-x;
	border-top-color:#000066;
	border-top-style: solid;
	border-top-width: 1px;
}

#nav li a{
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
	margin: 0;
	padding-left: 0;
}


#nav li ul{
	padding-top: 2px;
}

#nav li a{
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
	padding-left: 14px;
}

#nav li ul li{
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 10pt;
	padding-left: 0;
	margin-left: 0;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
	background-color:#0582CD;
	background-image: url(images/menubg2.gif);
	background-repeat: no-repeat;
}

#nav li ul li a{
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
	padding-left: 20px;
}

#nav li ul li ul li{
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 10pt;
	padding-left: 0;
	margin-left: 0;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
	background-color:#0582CD;
	background-image: url(images/menubg3.gif);
	background-repeat: no-repeat;
}

#nav li ul li ul li a{
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 10px;
	color:#333333;
	text-decoration: none;
	text-align: left;
	margin: 0;
	padding-left: 28px;
}

#nav li ul li ul li a:hover{
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif - p;
	font-size: 10px;
	color:#666666;
	text-decoration: none;
	text-align: left;
	margin: 0;
	padding-left: 28px;
}


#nav a{
	text-decoration:none;
}
#nav a:hover{
  color:#CCCCCC;
}
/*This gets rid of the default bullet*/
#nav .expandable{ 
  padding-left:0px;
  background-image:none;
}
/*Gives a little padding between the new image and the text*/
#nav .expandable img{ 
  margin-right: 0;
}
/*To make the expand/collapse stand out*/
#expandAll, #collapseAll {
  font-weight:bold;
}

.hand{
	cursor: pointer;
}

/* code for jstTable */
.jstMainTable{
	width: 752px;
	width: 752px !important;
	float: left;
}

.jstTable{
	width: 752px;
	width: 752px !important;
	float: left;
}

.jstTableHeader{
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	float:center;
	background-color:#004A8F;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 5px;
	/*text-decoration:underline;*/
}

.jstTableLink{
	font-family: Arial, Helvetica, sans-serif;
	color: #1c7629;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

.jstTableLink:hover{
	font-family: Arial, Helvetica, sans-serif;
	color:#3366CC;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

.jstPage{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
}
.jstTableData{
	font-family: Arial, Helvetica, sans-serif;
	/*color: #004580;*/
	background-color: #fff;
	font-size: 9pt;
	/*font-weight: bold;*/
	text-decoration: none;
	padding: 5px 5px;
	border:#D6D6D6 solid 1px;
}

.jstTableData1{
	font-family: Arial, Helvetica, sans-serif;
	/*color: #004580;*/
	background-color:#E6E6E6;
	font-size: 9pt;
	/*font-weight: bold;*/
	text-decoration: none;
	padding: 5px 5px;
	border:#D6D6D6 solid 1px;
}

.jstButton{
background-color:#004381; 
color:#FFFFFF;  
font-weight:bold; 
font-size:10px;
border:none;
text-align:center;
height:20px;
font-size:11px;
font-weight:bold;
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
-khtml-border-radius: 4px; 
border-radius: 4px;
}

.jstFilterTable{
}

.jstTableFilterLabel{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	padding-bottom: 5px;
}

.jstTableFilterSpace{
}

.jstFilterSelect{
}

.errmsg {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000099;
}

.floatright {
	float: right;
	padding-right: 2px;
	padding-top: 3px;
}

/* John adds these for survey */

.part {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #00376a;
	text-decoration: underline;
	padding: 20px 0px 10px 0px;
	font-weight: bold;
}

.section {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #00376a;
	text-decoration: none;
	font-weight: bold;
}

.numbers {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5191ce;
	text-decoration: none;
	font-weight: bold;
}

.survansw {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5191ce;
	text-decoration: none;
	padding-left: 20px;
	font-weight: bold;
}

.percent {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	text-decoration: none;
	font-weight: bold;
}

.questions {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00376a;
	text-decoration: none;
	font-weight: bold;
}

.numbers2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5191ce;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	display: block;
}

.test {
	border: red solid 1px;
}

/* for progress bar */
img.percentImage1 {
 background: white url(images/percentImage_back1.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 1px 0;
}

img.percentImage2 {
 background: white url(images/percentImage_back2.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 1px 0;
}

img.percentImage3 {
 background: white url(images/percentImage_back3.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 1px 0;
}

img.percentImage4 {
 background: white url(images/percentImage_back4.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 1px 0;
}

/* MultiSelect 
-------------------------------------------------------------------------------------------------------------------*/

		.asmContainer {
			/* container that surrounds entire asmSelect widget */
			
		}
		
		.asmSelect {
			/* the newly created regular 'select' */
			display: block; 
		}
		
		.asmOptionDisabled {
			/* disabled options in new select */
			color: #999; 
		}
		
		.asmHighlight {
			/* the highlight span */
			padding: 0;
			margin: 0 0 0 1em;
		}
		
		.asmList {
			/* html list that contains selected items */
			margin: 0.25em 0 0 0; 
			position: relative;
			display: block;

			list-style: none; 
		}
		
		.asmListItem {
			/* li item from the html list above */
			position: relative; 
			margin-left: 0;
			padding-left: 0;
			list-style: none;
			background: #fff;
			border: 1px solid #bbb; 
			width: 300px; 
			margin: 0 0 -1px 0; 
			line-height: 1em;
		}
		
		.asmListItem:hover {
			background-color: #f8f8f8;
		}
		
		.asmListItemLabel {
			/* this is a span that surrounds the text in the item, except for the remove link */
			padding: 5px; 
			display: block;
		}
		
		.asmListSortable .asmListItemLabel {
			cursor: move; 
		}
		
		.asmListItemRemove {
			/* the remove link in each list item */
			position: absolute;
			right: 0; 
			top: 0;
			padding: 5px; 
		}

/*17nov2011*/

label
{
	font-size:12px; 
	float:left;
	margin: 0 10px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.detail_main
{
	float:left;
	width:600px; 
	padding-top:10px;
}
.detail_left
{
	font-size:12px; 
	float:left;
	width:130px; 
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.detail_right
{
	float:left; 
	font-size:12px; 
	width:550px;
	font-family:Arial, Helvetica, sans-serif;
}

.button {
	background:#004280;
	width:170px;
	height:20px;
	padding-bottom:3px; 
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	border:1px solid #000000;
}

.dashbar {
	margin-left:5px; 
	width:300px;
	height:10px;
	background:#004280; 
	border:1px solid;
	margin-top:5px;
	padding:5px 0px 12px 5px;
}

.searchbutton {
	background:#004280;
	color:#FFFFFF;
	border:1px solid;
	height:20px;
	padding-bottom:3px;
}