/**** GENERIC STUFF THAT CAN BE OVERRWRITTER ****/

a, a:visited {
	color: #36bba2;
}

a.addendorse, a.newendorse, a.addendorse:visited, a.newendorse:visited {
	color: #bb9336;
}

a:hover {
	text-decoration: none;
}

br.clearall {
	clear: both;
	height: 5px;
}

div.wholecontainer {
	margin: 0;
	padding: 0;
}

input {
	border-radius: 0px;
}

nav.loggedinnavbar a, nav.loggedinnavbar a:visited {
	color: #24917c;
}

/**** HEADER AND FOOTER ****/

#topbar {
	width: 100%;
	padding: 0;
	height: 69px;
	background-color: #323232;
}

#topbar .leftlogo {
	padding-left: 19px;
	padding-top: 14px;
	padding-right: 10px;
	float: left;
}

#topbar .leftlogo #logo {
	width: 43px;
	height: 41px;
}

#topbar .prodbrand {
	float: left;
	height: 100%;
	line-height: 69px;
	color: #ffffff;
}

span.prodname {
	text-transform: uppercase;
}

span.prodver {
	font-weight: light;
	font-size: 65%;
}

#bottomspacer {
	height: 46px;
}

#bottombar {
	width: 100%;
	padding: 0;
	height: 46px;
	line-height: 46px;
	background-color: #323232;
	position: fixed;
    z-index: 100; 
    bottom: 0; 
    left: 0;
}

#bottombarnofixed {
	width: 100%;
	padding: 0;
	height: 46px;
	line-height: 46px;
	background-color: #323232;
    z-index: 100; 
    left: 0;
}

span.footertext {
	font-weight: light;
	color: #ffffff;
	font-size: 65%;
	float: right;
	padding-right: 50px;
}

span.footertext a {
	color: #ffffff;
}

/**** NAVIGATION ****/

.publicnavbar {
	background-color: #f8f8f8;
	border: 0;
	margin-bottom: 0;
/* 
	line-height: 59px;
 */
}

.publicnavbar li {
	height: 59px;
	padding-top: 10px;
}

.loggedinnavbar li {
	height: 59px;
	margin-top: 15px;
}

.publicnavbar li:hover {
	background-color: #eeeeee;
}

.publicnavbar a {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0;
	text-align: center;
	color: #36bba2;
	height: 100%;
/* 
	line-height: 59px;
 */
}

.publicnavbar .active,
.publicnavbar .active a {
	background-color: #36bba2;
	color: #ffffff;
	font-weight: bolder;
}

.publicnavbar .active:hover, .publicnavbar .active a:hover {
	background-color: #36bba2;
	color: #000000;
}

.publicnavbar .navbar-header {
	background-color: #ffffff;
}

.publicnavbar .navbar-toggle {
	padding-top: 0px;
	padding-bottom: 0px;
}

/**** PUBLIC PAGES ****/

.publicbanner {
	margin-left: auto;
	margin-right: auto;
}

.loginbutton {
	min-width: 80px;
}

div#login a, div#login a:visited, p.moretoproom a, p.moretoproom a:visited {
	color: #36bba2;
}

div#login a:hover, p.moretoproom a:hover {
	color: #24917c;
}

.bigtextinput {
	font-size: 1.5em;
}

.forgottextinput {
	font-size: 1.5em;
	width: 250px;
}

input#rememberme {
	margin-right: 8px;
}

p.centered {
	text-align: center;
}

p.toproom {
	padding-top: 5px;
}

p.lesstoproom {
	padding-top: 1px;
}

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

input.reginput {
	width: 250px;
}

span.bignumber {
	font-size: 2em;
	float: left;
	font-weight: bold;
	padding-right: 10px;
	color: #c5c5c5;
}

span.nudgedown {
	margin-top: 7px;
}

span.leftroom {
	margin-left: 15px;
}

.styled-select select {
   background: transparent;
   width: 271px;
   padding-left: 5px;
   padding-bottom: 3px;
   padding-top: 0px;
   font-size: 1.5em;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 1.8em;
   -webkit-appearance: none;
}

.styled-select {
	float:left;
	display: inline-block;
   width: 250px;
   height: 2.5em;
   overflow: hidden;
   background: url(/gui/images/icon_drop_down_arrow_with_space.png) no-repeat right #ffffff;
   border: 1px solid #ccc;
}

.styled-select-large select {
   background: transparent;
   width: 266px;
   padding-left: 5px;
   padding-bottom: 3px;
   padding-top: 0px;
   font-size: 1.5em;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 1.7em;
   -webkit-appearance: none;
}

.styled-select-large {
	float:left;
	display: inline-block;
   width: 233px;
   height: 2.2em;
   overflow: hidden;
   background: url(/gui/images/icon_drop_down_arrow_with_space.png) no-repeat right #FFFFFF;
   border: 1px solid #ccc;
}

.styled-select-medium select {
   background: transparent;
   width: 205px;
   padding-left: 5px;
   padding-bottom: 3px;
   padding-top: 0px;
   margin-top: 3px;
   font-size: 1em;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 1.2em;
   -webkit-appearance: none;
}

.styled-select-medium {
	float:left;
	display: inline-block;
   width: 183px;
   height: 1.7em;
   overflow: hidden;
   background: url(/gui/images/icon_drop_down_arrow_with_space.png) no-repeat right #fff;
   border: 1px solid #ccc;
}

.styled-select-wide-green select {
   background: transparent;
   width: 305px;
   padding-left: 5px;
   padding-bottom: 3px;
   padding-top: 0px;
   margin-top: 3px;
   font-size: 1em;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 1.2em;
   -webkit-appearance: none;
   color: #36bba2;
}

.styled-select-wide-green {
	float:left;
	display: inline-block;
   width: 283px;
   height: 1.7em;
   overflow: hidden;
   background: url(/gui/images/icon_drop_down_arrow_with_space.png) no-repeat right #fff;
   border: 1px solid #ccc;
}

.styled-select-wide select {
   background: transparent;
   width: 305px;
   padding-left: 5px;
   padding-bottom: 3px;
   padding-top: 0px;
   margin-top: 3px;
   font-size: 1em;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 1.2em;
   -webkit-appearance: none;
}

.styled-select-wide {
	float:left;
	display: inline-block;
   width: 283px;
   height: 1.7em;
   overflow: hidden;
   background: url(/gui/images/icon_drop_down_arrow_with_space.png) no-repeat right #fff;
   border: 1px solid #ccc;
}

.styled-select-really-wide select {
   background: transparent;
   width: 555px;
   padding-left: 5px;
   padding-bottom: 3px;
   padding-top: 0px;
   margin-top: 3px;
   font-size: 1em;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 1.6em;
   -webkit-appearance: none;
}

.styled-select-really-wide {
	float:left;
	display: inline-block;
   width: 533px;
   height: 2.1em;
   overflow: hidden;
   background: url(/gui/images/icon_drop_down_arrow_with_space.png) no-repeat right #fff;
   border: 1px solid #ccc;
}

input[type="file"]#pic {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.pic-upload-label {
    border: 1px solid #ccc;
    display: inline-block;
    width: 239px;
    font-size: 1.3em;
    height: 40px;
    color: #fff;
    padding: 6px 12px;
    cursor: pointer;
    margin-right: 8px;
   background: #666666 url(/gui/images/icon_choose_photo.png) no-repeat right;
}

input.greenbutton {
	font-size: 0.9em;
}

.greenbutton {
	text-transform: uppercase;
	color: #ffffff;
	background-color: #36bba2;
	border: 0;
	height: 37px;
	padding-left: 15px;
	padding-right: 15px;
	font-weight: normal;
	font-size: 0.9em;
}

.greenbutton:hover {
	background-color: #24917c;
}

.bluebutton {
	text-transform: uppercase;
	color: #ffffff;
	background-color: #3197ca;
	border: 0;
	height: 37px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 0.9em;
}

.bluebutton:hover {
	background-color: #2387af;
}

.redbutton {
	text-transform: uppercase;
	color: #ffffff;
	background-color: #ff0000;
	border: 0;
	height: 37px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 0.9em;
}

.redbutton:hover {
	opacity: 0.7;
}

.goldbutton {
	text-transform: uppercase;
	color: #ffffff;
	background-color: #bb9336;
	border: 0;
	height: 37px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 0.9em;
}

.goldbutton:hover {
	background-color: #c6ac2c;
}

.orangebutton {
	text-transform: uppercase;
	color: #ffffff;
	background-color: #f4ae00;
	border: 0;
	height: 37px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 0.9em;
}

.orangebutton:hover {
	background-color: #d89000;
}

.graybutton {
	text-transform: uppercase;
	color: #ffffff;
	background-color: #C5C5C5;
	border: 0;
	height: 37px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 0.9em;
}



/**** LOGGED-IN HEADER and NAV ****/

img.help {
	cursor: pointer;
}

div.bigiconrow, div.liliconrow {
	padding-bottom: 15px;
}

.welcomebar {
	color: #ffffff;
	float: right;
	font-size: 1em;
	padding-top: 16px;
	padding-right: 25px;
}

.welcomebar p {
	margin-bottom: 6px;
}

.welcomebar a, .welcomebar a:visited {
	color: #ffffff;
	text-decoration: none;
}

.welcomebar a:hover {
	color: #36bba2;
}

p.accountlinks {
	font-size: 0.8em;
}

div.useravatar {
	float: right;
	padding-top: 16px;
	padding-right: 20px;
}

div.useravatar img {
	height: auto;
	width: auto;
	max-height: 38px;
	max-width: 52px;
}

.mainmenucollapse {
	float: right;
	padding-right: 20px;
	padding-top: 10px;
	border: 0px;
	font-weight: bolder;
	color: #36bba2;
}

.navbar-header button {
	z-index: 10;
}

.loggedinnavbar button {
	border: 0px;
	float: left;
	padding-left: 25px;
}

.loggedinnavbar span.icon-bar {
	border-color: #000;
	height: 5px;
}

.loggedinnavbar .active,
.loggedinnavbar .active a {
	background-color: #36bba2;
	color: #ffffff !important;
	font-weight: bolder;
}

.loggedinnavbar li:hover {
	background-color: #eeeeee;
}

.loggedinnavbar a:hover {
	color: #36bba2;
}

.loggedinnavbar .active a:hover, .loggedinnavbar li.active:hover {
	background-color: #36bba2;
	color: #000000;
	font-weight: bolder;
}

.loggedinnavbar .navbar-header {
	background-color: #ffffff;
	padding-top: 6px;
	min-height: 50px;
}

.loggedinnavbar .navbar-toggle {
	padding-top: 0px;
	padding-bottom: 0px;
}

.loggedinnavbar {
	border: 0px;
	margin-bottom: 0px;
	min-height: 59px;
}

.loggedinnavbar li, .loggedinnavbar li:hover, .loggedinnavbar a {
	padding-top: 10px;
	padding-bottom: 4px;
}

.sysadminnavbar .active,
.sysadminnavbar .active a {
	font-weight: bolder;
	color: #36bba2;
}

.sysadminnavbar a {
	color: #ffffff;
}

.sysadminnavbar .navbar-header {
	padding-top: 6px;
	min-height: 44px;
}

.sysadminnavbar .navbar-toggle {
	padding-top: 0px;
	padding-bottom: 0px;
}

.sysadminnavbar li:hover {
	background-color: #4b4b4b;
}

.sysadminnavbar li {
	padding-top: 2px;
}

.sysadminnavbar {
	border: 0px;
	border-radius: 0px;
	margin-bottom: 0px;
	min-height: 44px;
	font-size: 1em;
	background-color: #4b4b4b;
	color: #ffffff;
}

.sysadminnavbar a:hover {
	color: #36bba2;
	background-color: #4b4b4b !important;
}

div.nopadding {
	padding: 0px;
}

.patientdashtop {
	border: 0px;
	margin: 0;
	padding: 0px;
}

.patientdashtop img {
	padding-top: 0;
	border: 0px;
	margin-top: 0;
	position: relative;
	top: -1px;
	margin-left: auto;
	margin-right: auto;
}

/**** MESSAGE BOX AT TOP ****/
div#messagebox:empty {
	display:none;
}

div#messagebox.message:not(:empty) {
	display: block;
	width: 98%;
	margin: 10px;
	margin-right: 5px;
	background-color: #ffffff;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10%;
	padding-right: 10%;
	color: #bb9336;
	text-align: center;
	border-radius: 0px;
	border: 3px solid #bb9336;
	min-height: 40px;
}

div#messagebox.alert:not(:empty) {
	display: block;
	width: 98%;
	margin: 10px;
	margin-right: 5px;
	background-color: #ffffff;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10%;
	padding-right: 10%;
	color: #d83f55;
	text-align: center;
	border-radius: 0px;
	border: 3px solid #d83f55;
	min-height: 40px;
}

/**** ALERTS ****/

.alertrow {
	background-color: #ff0000;
	height: 43px;
}

.alertlink {
	padding-right: 10px;
	float: right;
   position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);}

.alerttext {
	float: left;
	width: 85%;
	color: #ffffff;
	text-align: center;
   position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

/**** POP-UPS ****/

.ui-dialog {
	border: 1px solid #c0c0c0;
}

.ui-dialog-titlebar-close {
	display: none;
}

.ui-dialog-titlebar {
	height: 45px;
	line-height: 45px;
	font-size: 1.2em;
	text-align: center;
	color: #ffffff;
	font-weight: normal;
	background-color: #bb9336;
}

.greendialog .ui-dialog-titlebar {
	height: 45px;
	line-height: 45px;
	font-size: 1.2em;
	text-align: center;
	color: #ffffff;
	font-weight: normal;
	background-color: #36bba2;
}

.bluedialog .ui-dialog-titlebar {
	height: 45px;
	line-height: 45px;
	font-size: 1.2em;
	text-align: center;
	color: #ffffff;
	font-weight: normal;
	background-color: #3197ca;
}

.reddialog .ui-dialog-titlebar {
	height: 45px;
	line-height: 45px;
	font-size: 1.2em;
	text-align: center;
	color: #ffffff;
	font-weight: normal;
	background-color: #ff0000;
}

.orangedialog .ui-dialog-titlebar {
	height: 45px;
	line-height: 45px;
	font-size: 1.2em;
	text-align: center;
	color: #ffffff;
	font-weight: normal;
	background-color: #f4ae00;
}

.golddialog .ui-dialog-titlebar {
	height: 45px;
	line-height: 45px;
	font-size: 1.2em;
	text-align: center;
	color: #ffffff;
	font-weight: normal;
	background-color: #bb9336;
}

.ui-dialog-content {
	padding: 10px;
	font-size: 1.1em;
	min-height: 120px !important;
}

.dialog-select select {
	width: 322px;
	margin-top: 5px;
	margin-right: 4px;
	font-size: 1.1em;
   background: transparent;
   padding-left: 5px;
   padding-bottom: 3px;
   padding-right: 5px;
   padding-top: 0px;
   line-height: 1;
   border: 0px;
   border-radius: 0;
   height: 1.8em;
   -webkit-appearance: none;
}

.dialog-select {
	float:left;
	display: inline-block;
	margin-left: 34px;
   width: 300px;
   height: 1.8em;
   overflow: hidden;
   background: url(/gui/images/icon_drop_down_arrow_with_space.png) no-repeat right #FFFFFF;
   border: 1px solid #ccc;
}

.ui-dialog-buttonpane {
	padding-bottom: 10px;
	clear: both;
	width: 100%;
}

.ui-dialog-buttonset {
	width: 100%;
	overflow: hidden;
	margin-top: 10px;
}

.ui-dialog-buttonset button {
	background-color: #bb9336;
	display: block;
	color: #ffffff;
	text-transform: uppercase;
	border: 0px;
	float: right;
	font-size: 0.9em;
	margin-right: 15px;
	min-width: 70px;
	margin-bottom: 1px;
	padding-top: 3px;
}

.ui-dialog-buttonset button:hover {
	background-color: #c6ac2c;
}

.greendialog .ui-dialog-buttonset button {
	background-color: #36bba2;
	display: block;
	color: #ffffff;
	text-transform: uppercase;
	border: 0px;
	float: right;
	font-size: 0.9em;
	margin-right: 15px;
	min-width: 70px;
	margin-bottom: 1px;
	padding-top: 3px;
}

.greendialog .ui-dialog-buttonset button:hover {
	background-color: #24917c;
}

.golddialog .ui-dialog-buttonset button {
	background-color: #bb9336;
	display: block;
	color: #ffffff;
	text-transform: uppercase;
	border: 0px;
	float: right;
	font-size: 0.9em;
	margin-right: 15px;
	min-width: 70px;
	margin-bottom: 1px;
	padding-top: 3px;
}

.golddialog .ui-dialog-buttonset button:hover {
	background-color: #c6ac2c;
}

.bluedialog .ui-dialog-buttonset button {
	background-color: #3197ca;
	display: block;
	color: #ffffff;
	text-transform: uppercase;
	border: 0px;
	float: right;
	font-size: 0.9em;
	margin-right: 15px;
	min-width: 70px;
	margin-bottom: 1px;
	padding-top: 3px;
}

.bluedialog .ui-dialog-buttonset button:hover {
	background-color: #2387af;
}

.orangedialog .ui-dialog-buttonset button {
	background-color: #f4ae00;
	display: block;
	color: #ffffff;
	text-transform: uppercase;
	border: 0px;
	float: right;
	font-size: 0.9em;
	margin-right: 15px;
	min-width: 70px;
	margin-bottom: 1px;
	padding-top: 3px;
}

.orangedialog .ui-dialog-buttonset button:hover {
	background-color: #d89000;
}

.reddialog .ui-dialog-buttonset button {
	background-color: #ff0000;
	display: block;
	color: #ffffff;
	text-transform: uppercase;
	border: 0px;
	float: right;
	font-size: 0.9em;
	margin-right: 15px;
	min-width: 70px;
	margin-bottom: 1px;
	padding-top: 3px;
}

.reddialog .ui-dialog-buttonset button:hover {
	background-color: #d83f55;
}

.ui-widget-overlay {
	background: repeat-x scroll 50% 50% #222222; opacity:0.3; filter:Alpha(Opacity=15);
	height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

.ui-front {
    z-index: 100;
}

.ui-widget {
	z-index: 101;
	background-color: #ffffff;
}

/**** DATEPICKER ****/
.ui-datepicker {
	width: 216px;
	height: auto;
	margin: 5px auto 0;
	font: 9pt Arial, sans-serif;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
}
.ui-datepicker a {
	text-decoration: none;
}
/* DatePicker Table */
.ui-datepicker table {
	width: 100%;
}
.ui-datepicker-header {
	background: #333333;
	color: #e0e0e0;
	font-weight: bold;
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);
	-moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	text-shadow: 1px -1px 0px #000;
	filter: dropshadow(color=#000, offx=1, offy=-1);
	line-height: 30px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #111;
}
.ui-datepicker-title {
	text-align: center;
}
.ui-datepicker-prev, .ui-datepicker-next {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
	background-image: url('/gui/images/datepickerarrow.png');
	background-repeat: no-repeat;
	line-height: 600%;
	overflow: hidden;
}
.ui-datepicker-prev {
	float: left;
	background-position: center -30px;
}
.ui-datepicker-next {
	float: right;
	background-position: center 0px;
}
.ui-datepicker thead {
	background-color: #f7f7f7;
	background-image: -moz-linear-gradient(top,  #f7f7f7 0%, #f1f1f1 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));
	background-image: -webkit-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -o-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -ms-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );
	border-bottom: 1px solid #bbb;
}
.ui-datepicker th {
	text-transform: uppercase;
	text-align: center;
	font-size: 6pt;
	padding: 5px 0;
	color: #666666;
	text-shadow: 1px 0px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=0);
}
.ui-datepicker tbody td {
	padding: 0;
	border-right: 1px solid #bbb;
}
.ui-datepicker tbody td:last-child {
	border-right: 0px;
}
.ui-datepicker tbody tr {
	border-bottom: 1px solid #bbb;
}
.ui-datepicker tbody tr:last-child {
	border-bottom: 0px;
}
.ui-datepicker td span, .ui-datepicker td a {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #666666;
	text-shadow: 1px 1px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=1);
}
.ui-datepicker-calendar .ui-state-default {
	background: #ededed;
	background: -moz-linear-gradient(top,  #ededed 0%, #dedede 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede));
	background: -webkit-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: -o-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: -ms-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: linear-gradient(top,  #ededed 0%,#dedede 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
	-webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	-moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
}
.ui-datepicker-calendar .ui-state-hover {
	background: #f7f7f7;
}
.ui-datepicker-calendar .ui-state-active {
	background: #6eafbf;
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	color: #e0e0e0;
	text-shadow: 0px 1px 0px #4d7a85;
	filter: dropshadow(color=#4d7a85, offx=0, offy=1);
	border: 1px solid #55838f;
	position: relative;
	margin: -1px;
}
.ui-datepicker-unselectable .ui-state-default {
	background: #f4f4f4;
	color: #b4b3b3;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
	width: 29px;
	margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
	width: 29px;
	margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
	height: 29px;
	margin-bottom: 0;
}

/**** DASHBOARD ****/
div.bodycontainer {
	padding-top: 20px;
}

p.emerassist {
	float: right;
	color: #ff0000;
	padding-right: 10px;
	text-transform: uppercase;
	height: 30px;
	line-height: 30px;
}

p.pagelabel {
	font-size: 2em;
	color: #C5C5C5;
	height: 30px;
	padding-left: 18px;
	line-height: 30px;
	font-weight: lighter;
}

div.smalldashbox {
	margin-top: 10px;
}

div.dashtop {
	padding-top: 20px;
}

div#patienttitlebar {
	width: 100%;
	overflow: hidden;
}

div.patient_module {
	margin-left: 25px;
	padding: 0px;
	width: 213px;
	margin: 0 auto;
	border: 1px solid #c3c3c3;
}

div#patient_module a, div#patient_module a:visited
{
	color: #36bba2;
}

div.lil_patient_module {
	margin: 0;
	padding: 0px;
	width: 100%;
	overflow: hidden;
	border: 1px solid #c3c3c3;
}

img.patientimage {
	max-width: 211px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

img.lilpatientimage {
	height: 90px;
	margin: 0px;
	padding: 0px;
	padding-right: 10px;
	float: left;
}

div#patientinfo {
	height: 40px;
	padding-top: 3px;
	padding-bottom: 5px;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}

div#lilpatientinfo {
	height: 90px;
	width: 143px;
	padding-top: 29px;
	padding-bottom: 5px;
	border: 0px;
	float: left;
}

a#patientcollapselink, a#patientcollapselink:visited {
	color: #000000;
}
div#patientname {
	font-weight: bold;
	padding-left: 9px;
}

div#patientdesc {
	padding-left: 9px;
	font-size: 0.7em;
	color: #999999;
}

div.patientitem {
	text-transform: none;
	color: #000;
/* 
	color: #36bba2;
 */
	font-size: 1em;
	font-weight: normal;
	height: 45px;
	line-height: 45px;
	padding-left: 40px;
	position: relative;
	border-bottom: 1px solid #dedede;
}

div.formname {
	cursor: arrow;
	color: #000;
}

div.formname:hover {
	color: #36bba2;
}

div#patient_module div.patientitem:last-of-type {
	border-bottom: 0px;
}

div#patientcontent.collapse {
	clear: both;
}

div.patientitem:hover {
	color: #bb9336;
}

div.formstatusdiv:hover {
	color: #36bba2;
}

div.patientitem.form {
	text-transform: none;
	
	padding-left: 9px;
}

div#choosepatient {
	border-top: 0px;
	background: url('/gui/images/icon_change_patient.png') 9px 50% no-repeat;
}

div#choosepatient:hover {
	background: url('/gui/images/icon_change_patient_hover.png') 9px 50% no-repeat;
	color: #bb9336 !important;
}

div#patientaccount {
	background: url('/gui/images/icon_patient_account.png') 9px 50% no-repeat;
}

div#patientaccount:hover {
	background: url('/gui/images/icon_patient_account_hover.png') 9px 50% no-repeat;
	color: #bb9336 !important;
}

div#patientmyaccount {
	background: url('/gui/images/icon_update_my_info.png') 9px 50% no-repeat;
}

div#patientmyaccount:hover {
	background: url('/gui/images/icon_update_my_info_hover.png') 9px 50% no-repeat;
	color: #bb9336 !important;
}

div#requestcg {
	background: url('/gui/images/icon_request_caregiver.png') 9px 50% no-repeat;
}

div#requestcg:hover {
	background: url('/gui/images/icon_request_caregiver_hover.png') 9px 50% no-repeat;
	color: #bb9336 !important;
}

div#patientviewgoals {
	background: url('/gui/images/icon_view_goals.png') 9px 50% no-repeat;
}

div#patientviewgoals:hover {
	background: url('/gui/images/icon_view_goals_hover.png') 9px 50% no-repeat;
	color: #bb9336 !important;
}

div#patientviewmeds {
	background: url('/gui/images/icon_view_meds.png') 9px 50% no-repeat;
}

div#patientviewmeds:hover {
	background: url('/gui/images/icon_view_meds_hover.png') 9px 50% no-repeat;
	color: #bb9336 !important;
}

a.viewmeds:hover, a.editmeds:hover, a.viewgoals:hover, a.editgoals:hover, a#sendsurvlink:hover, 
a.changepatient:hover, a.edituserlink:hover, a.requestcglink:hover {
	text-decoration: none;
	color: #bb9336 !important;
}

div#patientsendsurvey {
	background: url('/gui/images/icon_send_survey.png') 9px 50% no-repeat;
}

div#patientsendsurvey:hover {
	background: url('/gui/images/icon_send_survey_hover.png') 9px 50% no-repeat;
	color: #bb9336 !important;
}

div#patientsendalert {
	background: url('/gui/images/icon_big_send_alert.png') 9px 50% no-repeat;
}

div#patientsendalert:hover {
	background: url('/gui/images/icon_big_send_alert_hover.png') 9px 50% no-repeat;
	color: #ff0000 !important;
}

a.addalertlink:hover {
	text-decoration: none;
	color: #ff0000 !important;
}

div.patientsubhead {
	height: 45px;
	background-color: #36bba2;
	line-height: 45px;
	font-size: 1.4em;
	font-weight: lighter;
	padding-left: 9px;
	color: #ffffff;
}

div.formstatusdiv {
	margin: 0px;
	padding: 0px;
	line-height: normal;
	min-height: 54px;
}

div.formstatusdiv div.formname {
	font-size: 1em;
	margin: 0px;
	padding-top: 5px;
	padding-left: 5px;
	float: left;
}

div.formstatusdiv div.formstatus {
	float: right;
	padding-right: 9px;
	padding-top: 18px;
}

div.formstatusdiv div.formasofdate {
	font-size: 0.8em;
	color: #000;
	clear: left;
	padding-left: 15px;
}

div.formstatusdiv div.formaction {
	font-size: 0.8em;
	color: #999999;
	clear: left;
	padding-left: 15px;
	padding-top: 1px;
}

div.formaction a, div.formaction a:visited {
	color: #999999;
}

div.formaction a:hover {
	color: #36bba2;
}

div.caregiver {
	margin: 0px;
	padding: 0px;
}

div.caregiver div.cgname {
	float: left;
	padding-left: 9px;
	font-size: 1em;
}

div.caregiver div.cgemail {
	float: right;
	padding-right: 9px;
	padding-top: 13px;
}

div.caregiver a, div.caregiver a:visited, div.caregiver a:hover {
	color: #000 !important;
	text-decoration: none;
}

.choose-patient-dialog .ui-dialog-titlebar {
	background-color: #bb9336;
	background: url(/gui/images/icon_popup_change_patient.png) no-repeat 8px #bb9336;
	background-size: 30px;
}

.edit-goals-dialog .ui-dialog-titlebar {
	background-color: #bb9336;
	background: url(/gui/images/icon_popup_view_edit_goals.png) no-repeat 8px #bb9336;
	background-size: 30px;
}

.edit-meds-dialog .ui-dialog-titlebar {
	background-color: #bb9336;
	background: url(/gui/images/icon_popup_view_edit_meds.png) no-repeat 8px #bb9336;
	background-size: 30px;
}

.send-alert-dialog .ui-dialog-titlebar {
	background-color: #ff0000;
	background: url(/gui/images/icon_popup_send_alert.png) no-repeat 8px #ff0000;
	background-size: 30px;
}

.send-alert-dialog {
	min-width: 350px;
}

.send-alert-dialog #alertwhen {
	width: 216px;
}

.send-alert-dialog input[type=radio]:not(old), .fancyradiogroup input[type=radio]:not(old),
.fancyorangeradiogroup input[type=radio]:not(old)  {
  width: 28px;
  margin: 0;
  padding: 0;
  opacity: 0;
}

.send-alert-dialog input[type=radio]:not(old) + label {
  display: inline-block;
  margin-left: -28px;
  padding-left: 28px;
  background: url('/gui/images/icon_send_alert_radio_unselected.png') no-repeat left 7px;
  line-height: 30px;
}

.send-alert-dialog input[type=radio]:not(old):checked + label {
  background: url('/gui/images/icon_send_alert_radio_selected.png') no-repeat left 6px;
}

.fancyradiogroup input[type=radio]:not(old) + label {
  display: inline-block;
  margin-left: -28px;
  padding-left: 28px;
  background: url('/gui/images/icon_mgr_inactive.png') no-repeat 0 7px;
  line-height: 30px;
}

.fancyradiogroup input[type=radio]:not(old):checked + label{
  background: url('/gui/images/icon_mgr_active.png') no-repeat 0 6px;
}

.fancyorangeradiogroup input[type=radio]:not(old) + label {
  display: inline-block;
  margin-left: -28px;
  padding-left: 28px;
  background: url('/gui/images/icon_mgr_inactive.png') no-repeat 0 7px;
  line-height: 30px;
}

.fancyorangeradiogroup input[type=radio]:not(old):checked + label{
  background: url('/gui/images/icon_mgr_active_orange.png') no-repeat 0 6px;
}

.send-survey-dialog .ui-dialog-titlebar {
	background-color: #bb9336;
	background: url(/gui/images/icon_popup_send_survey.png) no-repeat 8px #bb9336;
	background-size: 30px;
}

.rightcollapseicon {
	width: 45px;
	height: 45px;
	float: right;
	background: url(/gui/images/icon_drop_down_arrow_with_space.png) no-repeat 10px;
}

.bigrightcollapseicon {
	width: 45px;
	height: 90px;
	float: right;
	background: url(/gui/images/icon_drop_down_arrow_with_space.png) no-repeat 10px;
}

.rightcollapseicon.whitearrow {
	width: 45px;
	height: 45px;
	float: right;
	background: url(/gui/images/icon_drop_down_arrow_white_with_space.png) no-repeat 10px;
}

div#mytodos {
	border: 1px solid #C3C3C3;
}

div#todostitlebar {
	background: #36bba2;
	color: #FFFFFF;
	height: 45px;
	font-size: 1.5em;
	line-height: 45px;
	font-weight: lighter;
}

div#todosimg {
	float: left;
	width: 45px;
	margin: 0px;
	padding: 0px;
}

div#todosimg img {
	background: #24917c;
	border: 0px;
	margin: 0px;
	padding-left: 8px;
	padding-right: 9px;
	padding-top: 8px;
	padding-bottom: 8px;
}

span#todostitlespan {
	margin-left: 15px;
}

div.todorow {
	min-height: 50px;
	width: 100%;
	clear: both;
	border-top: 1px solid #dedede;
}

div.todoprompt {
	padding-left: 15px;
	line-height: 50px;
	float: left;
}

div.todorow a {
	padding-top: 9px;
	padding-right: 10px;
	float: right;
}

button.todobutton {
	height: 32px;
	background-color: #36bba2;
	color: #FFFFFF;
	border: 0px;
}

button.todobutton:hover {
	background-color: #24917c;
}

input.formbox {
	height: 32px;
	float: right;
	margin-top: 9px;
	margin-right: 25px;
}

div.bigiconbar {
	min-height: 150px;
}

div.bigiconlabel {
	width: 100%;
	text-align: center;
	padding-top: 135px;
}

div#trackissuesicon {
	display: block;
	color: #000000;
	background: url(/gui/images/icon_track_issues.png) no-repeat 50% 50%;
}

div.selected#trackissuesicon, div#trackissuesicon:hover {
	color: #bb9336;
	background: url(/gui/images/icon_track_issues_hover.png) no-repeat 50% 50%;
}

div#enternotesicon {
	display: block;
	color: #000000;
	background: url(/gui/images/icon_enter_notes.png) no-repeat 50% 50%;
}

div.selected#enternotesicon, div#enternotesicon:hover {
	color: #bb9336;
	background: url(/gui/images/icon_enter_notes_hover.png) no-repeat 50% 50%;
}

div#seedataicon {
	display: block;
	color: #000000;
	background: url(/gui/images/icon_see_data.png) no-repeat 50% 50%;
}

div.selected#seedataicon, div#seedataicon:hover {
	color: #bb9336;
	background: url(/gui/images/icon_see_data_hover.png) no-repeat 50% 50%;
}

div#discicon {
	display: block;
	color: #000000;
	background: url(/gui/images/icon_discussion.png) no-repeat 50% 50%;
}

div.selected#discicon, div#discicon:hover {
	color: #bb9336;
	background: url(/gui/images/icon_discussion_hover.png) no-repeat 50% 50%;
}

div.liliconbar {
	min-height: 90px;
}

div.liliconlabel {
	width: 100%;
	text-align: center;
	padding-top: 85px;
}

div#liltrackissuesicon {
	display: block;
	color: #000000;
	background: url(/gui/images/icon_mobile_track_issues.png) no-repeat 50% 50%;
}

div.selected#liltrackissuesicon, div#liltrackissuesicon:hover {
	color: #ff0000;
	background: url(/gui/images/icon_mobile_track_issues_hover.png) no-repeat 50% 50%;
}

div#lildiscicon {
	display: block;
	color: #000000;
	background: url(/gui/images/icon_mobile_discussion.png) no-repeat 50% 50%;
}

div.selected#lildiscicon, div#lildiscicon:hover {
	color: #36bba2;
	background: url(/gui/images/icon_mobile_discussion_hover.png) no-repeat 50% 50%;
}

div#lilenternotesicon {
	display: block;
	color: #000000;
	background: url(/gui/images/icon_mobile_enter_notes.png) no-repeat 50% 50%;
}

div.selected#lilenternotesicon, div#lilenternotesicon:hover {
	color: #3197ca;
	background: url(/gui/images/icon_mobile_enter_notes_hover.png) no-repeat 50% 50%;
}

div#lilseedataicon {
	display: block;
	color: #000000;
	background: url(/gui/images/icon_mobile_see_data.png) no-repeat 50% 50%;
}

div.selected#lilseedataicon, div#lilseedataicon:hover {
	color: #f9d18d;
	background: url(/gui/images/icon_mobile_see_data_hover.png) no-repeat 50% 50%;
}

div#skypeicon {
	display: block;
	color: #000000;
	background: url(/gui/images/icon_skype.png) no-repeat 50% 50%;
}

div#skypeicon:hover {
	color: #bb9336;
	background: url(/gui/images/icon_skype_hover.png) no-repeat 50% 50%;
}

div.multiboxrow {
/* 
	padding-top: 20px;
 */
}

div#recentissues {
	border: 1px solid #C3C3C3;
	max-height: 830px;
	overflow: hidden;
}

div#issuestitlebar {
	background: #36bba2;
	color: #ffffff;
	height: 45px;
	font-size: 1.5em;
	font-weight: lighter;
	line-height: 45px;
}

div#issuesimg {
	float: left;
	width: 45px;
	margin: 0px;
	padding: 0px;
}

div#issuesimg img {
	background: #36bba2;
	border: 0px;
	margin: 0px;
	padding-left: 8px;
	padding-right: 9px;
	padding-top: 6px;
	padding-bottom: 7px;
	max-width: 100%;
	height: 45px;
	object-fit: contain;
}

span#issuestitlespan {
	margin-left: 15px;
}

div#issuesrightlink {
	float: right;
	font-size: 0.6em;
	padding-top: 6px;
	padding-right: 8px;
	font-weight: lighter;
	line-height: 16px;
}

a#seeallissues, a#seeallissues:visited {
	color: #ffffff;
}

a#seeallissues:hover {
	color: #d83f55;
}

div#issuesinstructionsbar {
	background-color: #a6a6a7;
	font-size: 0.9em;
	padding-left: 10px;
	color: #FFFFFF;
	overflow: hidden;
	padding-bottom: 5px;
}

div#issuesinstructionsbar p {
	padding-top: 4px;
	font-size: 1.1em;
	font-weight: bolder;
}

div.issuesinstruction {
	width: 35%;
	margin-left: 34px;
	text-indent: -34px;
}

div.leftinstruction {
	float: left;
}

div.rightinstruction {
	float: right;
}

div.issuesrow {
	overflow: hidden;
	border-top: 1px solid #dedede;
}

div.issuesrow div.issuescat {
	padding-left: 10px;
	padding-bottom: 5px;
	font-weight: bolder;
	font-size: 1.1em;
}

div.issuesrow div.endorimg {
	background: url(/gui/images/icon_endorse_gray.png) no-repeat 10px 50%;
	padding-right: 7px;
	padding-bottom: 5px;
}

div.issuesrow div.noendorimg {
	background: #FFFFFF;
	padding-right: 7px;
	padding-bottom: 5px;
}

div.issuesrow div.issuesimg {
	width: 32px;
	height: 24px;
	float: left;
}

div.issuesrow div.endorimg:hover {
	background: url(/gui/images/icon_endorse_hover.png) no-repeat 10px 50%;
}

div.issuesrow div.deleteendorimg {
	background: url(/gui/images/icon_delete_gray.png) no-repeat 10px 50%;
	padding-right: 7px;
	padding-bottom: 5px;
}

div.issuesrow div.deleteendorimg:hover {
	background: url(/gui/images/icon_delete_gray_hover.png) no-repeat 10px 50%;
}

div.issuesrow div.endorsename {
	padding-left: 75px;
	padding-bottom: 10px;
}

div.issuesrow div.endorsename a, div.issuesrow div.endorsename a:visited {
	color: #000000;
}

div.issuesrow div.notanissue, div.issuesrow div.notanissue a, div.issuesrow div.notanissue a:visited {
	color: #8c8c8c;
}

div.issuesrow div.endorsename a:hover, div.issuesrow div.notanissue a:hover {
	color: #bb9336;
	text-decoration: none;
}

div#recentnotes {
	border: 1px solid #C3C3C3;
	max-height: 393px;
	overflow: hidden;
}

div#recentnotes.visible-sm, div#recentnotes.visible-md, div#recentnotes.visible-lg  {
	margin-bottom: 30px;
}

div#notestitlebar {
	background: #36bba2;
	color: #ffffff;
	height: 45px;
	font-size: 1.5em;
	font-weight: lighter;
	line-height: 45px;
}

div#notesimg {
	float: left;
	width: 45px;
	margin: 0px;
	padding: 0px;
}

div#notesimg img {
	background: #36bba2;
	border: 0px;
	margin: 0px;
	padding-left: 14px;
	padding-right: 15px;
	padding-top: 8px;
	padding-bottom: 8px;
	max-width: 100%;
	height: 45px;
	object-fit: contain;
}

span#notestitlespan {
	margin-left: 15px;
}

div#notesrightlink {
	float: right;
	font-size: 0.6em;
	padding-top: 6px;
	padding-right: 8px;
	font-weight: lighter;
	line-height: 16px;
}

a#seeallnotes, a#seeallnotes:visited {
	color: #ffffff;
}

a#seeallnotes:hover {
	color: #2387af;
}

.notesrow {
	min-height: 60px;
	border-top: 1px solid #dedede;
	overflow: hidden;
}

.notesrow.first {
	border-top: 0px;
}

.attachicon {
	width: 25px;
	float: left;
	display: block;
	height: 60px;
}

.attachicon.attached {
	background: url(/gui/images/icon_note_attachment.png) no-repeat 5px 5px;
}

.notedate {
	font-weight: bolder;
	float: left;
	font-size: 0.7em;
	padding-top: 12px;
	width: 100px;
}

.notetext {
	width: 330px;
	float: left;
}

.notetext.nonote, .notetext.audionote, .notetext.videonote {
	overflow: hidden;
	height: 46px;
	width: 300px;
	line-height: 1.1em;
	margin: 0px;
	margin-top: 8px;
}

.notetext.nonote:before {
	content:"";
	float: left;
	width: 5px; height: 55px;
}

.notetext.nonote > *:first-child {
	float: right;
	width: 100%;
	margin-left: -5px;
}		

.notetext.nonote:after {
	content: "\02026";  

	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;

	float: right; position: relative;
	top: -25px; left: 100%; 
	width: 3em; margin-left: -3em;
	padding-right: 5px;
	
	text-align: right;

	background: -webkit-gradient(linear, left top, right top,
		from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
	background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);			
	background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
	background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
	background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
}

.notetype {
	width: 35px;
	float: right;
	display: block;
	height: 30px;
	position: relative;
	top: -12px;
}

.notetype.audionote {
	background: url(/gui/images/icon_note_audio.png) no-repeat 5px 5px;
}

.notetype.videonote {
	background: url(/gui/images/icon_note_video.png) no-repeat 5px 5px;
}

div#medsbox {
	border: 1px solid #C3C3C3;
	max-height: 393px;
	overflow: hidden;
}

div#medscontent {
	min-height: 160px;
}

div#medstitlebar {
	background: #36bba2;
	color: #ffffff;
	height: 45px;
	font-size: 1.5em;
	font-weight: lighter;
	line-height: 45px;
}

div#medsimg {
	float: left;
	width: 45px;
	margin: 0px;
	padding: 0px;
}

div#medsimg img {
	background: #36bba2;
	border: 0px;
	margin: 0px;
	padding-left: 13px;
	padding-right: 12px;
	padding-top: 11px;
	padding-bottom: 10px;
	max-width: 100%;
	height: 45px;
	object-fit: contain;
}

span#medstitlespan {
	margin-left: 15px;
}

.medsrow {
	padding-left: 10px;
	padding-top: 15px;
	padding-bottom: 10px;
}

div#goalsbox {
	border: 1px solid #C3C3C3;
	max-height: 393px;
	overflow: hidden;
	min-height: 200px;
}

div#goalstitlebar {
	background: #36bba2;
	color: #ffffff;
	height: 45px;
	font-size: 1.5em;
	font-weight: lighter;
	line-height: 45px;
}

div#goalsimg {
	float: left;
	width: 45px;
	margin: 0px;
	padding: 0px;
}

div#goalsimg img {
	background: #36bba2;
	border: 0px;
	margin: 0px;
	padding-left: 8px;
	padding-right: 9px;
	padding-top: 10px;
	padding-bottom: 10px;
}

span#goalstitlespan {
	margin-left: 15px;
}

.goalsrow {
	padding-left: 10px;
	padding-top: 15px;
	padding-bottom: 10px;
}

/**** USER DETAILS FORM ****/

input.wider {
	width: 175px;
}

div.internaltop {
	padding-top: 20px;
	padding-bottom: 10px;
	margin-left: 10px;
}

label#rolelabel {
	display: inline-block;
	margin-right: 19px !important;
	float: left;
}

div#edituserinstructions {
	width: 100%;
	height: 83px;
	background-color: #FAFAFA;
	overflow: hidden;
	display: table;
}

div#editusericon {
	display: table-cell;
	vertical-align: middle;
	background: url(/gui/images/icon_update_account_info_large.png) no-repeat 10px;
	float: left;
	margin-right: 10px;
	margin-left: 75px;
	width: 53px;
	height: 83px;
}

div#editusertext {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	text-align: center;
	font-size: 1em;
	height: 83px;
	margin: 0 auto;
}

div.formcontent {
	margin-top: 20px;
}

form#update-user label {
	width: 200px;
	text-align: right;
	margin-right: 15px;
}

div#picthumb {
	text-align: center;
}

p#regpicp {
	text-align: center;
	color: #c5c5c5;
	padding-top: 1px;
}

p#picp {
	text-align: center;
	color: #c5c5c5;
	padding-top: 5px;
}

p#regpicp label {
	margin: 0;
	margin-top: 5px;
	text-align: center;
	font-weight: lighter;
	width: 250px;
	padding-left: 5px;
	text-align: left;
	float: left;
}

p#picp label {
	margin: 0;
	margin-top: 5px;
	text-align: center;
	height: 24px;
	font-weight: lighter;
	background: url(/gui/images/icon_change_picture.png) no-repeat 25px 0;
}

p#picp label:hover {
	cursor: pointer;
	color: #36bba2;
	background: url(/gui/images/icon_change_picture_hover.png) no-repeat 25px 0;
}

p#regpicp label:hover {
	cursor: pointer;
}

p#picp label img, p#regpicp label img {
	padding-right: 10px;
}

p.buttonbottom {
	width: 100%;
	clear: both;
	text-align: center;
	padding-top: 20px;
}

/**** REQUEST/ASSIGN CAREGIVER/PATIENT ****/

div#requestcginstructions {
	width: 100%;
	height: 83px;
	background-color: #FAFAFA;
	overflow: hidden;
}

div#requestcgicon {
	background: url(/gui/images/icon_choose_cg_instructions.png) no-repeat 10px;
	float: left;
	margin-right: 10px;
	margin-left: 75px;
	width: 53px;
	height: 83px;
}

div#requestcgtext {
	font-size: 1em;
	display: block;
	height: 83px;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 20px;
}

div#cgavailbox {
	min-height: 50px;
	overflow: hidden;
	width: 295px;
	border: 1px solid #c5c5c5;
}

div#cgpick {
	border: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 295px;
}

div#cgpick select {
	width: 330px;
}

div.cgboxtitle {
	background-color: #f2f2f2;
	font-weight: bolder;
	font-size: 1.1em;
	padding-left: 6px;
	padding-top: 6px;
	padding-bottom: 4px;
}

div#cgemerbox {
	min-height: 50px;
	overflow: hidden;
	width: 295px;
	border: 1px solid #c5c5c5;
}

div#cgemerbox label {
	font-size: 0.9em;
	text-align: right;
	width: 100px;
	height: 26px;
	float: left;
}

div#cgemerbox input {
	float: right;
	width: 170px;
	height: 26px;
}

div#cgemerbox div.emerinstructrow {
	margin-top: 5px;
	font-size: 0.9em;
	border-bottom: 1px solid #c5c5c5;
	margin-bottom: 10px;
	padding: 5px;
}

div#cgemerbox div.emerrow {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-right: 5px;
	height: 30px;
}

div#cgcurrentbox {
	width: 300px;
}

div.cgcurrenttitle {
	color: #ffffff;
	font-weight: bolder;
	font-size: 1.1em;
	padding: 6px;
	padding-bottom: 4px;
	background-color: #36bba2;
}

ul#currentlist {
	list-style-type: none;
	padding-left: 20px;
}

ul#currentlist li {
	padding-top: 4px;
	padding-bottom: 4px;
}

img.cgthumb {
	max-width: 35px;
	padding-right: 5px;
}

div#moveleftdiv {
	width: 100%;
	height: 250px;
	background: url(/gui/images/icon_arrow_select_cg.png) no-repeat 50% 50%;
}

div#moveleftdiv:hover {
	background: url(/gui/images/icon_arrow_select_cg_hover.png) no-repeat 50% 50%;
}

/**** ENTER NOTES ****/

p.rightbutt {
	text-align: right;
}

div.iconrow.visible-sm, div.iconrow.visible-md, div.iconrow.visible-lg {
	padding-top: 30px;
	padding-bottom: 35px;
	margin-left: 10px;
	margin-right: 10px;
	border-bottom: 1px solid #C3C3C3;
}

div#notetypediv input[type=radio] {
	position: fixed;
	left: -9999px;
}

div#notetypediv label {
	color: #3197ca;
	font-weight: normal;
	text-transform: uppercase;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 50px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 160px;
	cursor: pointer;
	text-align: center;
}

div#notetypediv label.selected {
	border: 1px solid #3197ca;
}

div#notetypediv label.grayedblue {
	color: #d3e9f4;
	border: 0px;
}

span#videobutt {
	display: block;
	text-transform: uppercase;
	font-size: 0.8em;
	padding-top: 25px;
	padding-left: 50px;
	margin-right: 10px;
	color: #d83f55;
}

div#attachdiv {
	padding-top: 25px;
}

label#filelabel {
	width: 150px;
	height: 30px;
	padding-top: 4px;
	margin-left: 50px;
	float: left;
	color: #C5C5C5;
	padding-left: 40px;
	background: url(/gui/images/icon_paperclip_large.png) no-repeat left 0;
}

label#filelabel:hover {
	background: url(/gui/images/icon_paperclip_large_hover.png) no-repeat left 0;
	color: #3197ca;
}

input#fileattach {
	float: left;
	padding-top: 4px;
}

div#audionotediv {
	text-align: center;
}

div#videonotediv {
	text-align: center;
}

div#audiorecordingslist {
	padding-top: 25px;
	margin-left: auto;
	margin-right: auto;
}

div#audiostart, div#videostart {
	width: 110px;
	height: 90px;
	margin: 10px;
	display: table;
	background-color: #ffffff;
	float: left;
}

div#audiostart.turnedon, div#videostart.turnedon {
	background: url(/gui/images/icon_record.png) no-repeat 50% 6px;
}

div#audiostart.turnedoff, div#videostart.turnedoff {
	background: url(/gui/images/icon_record_dim.png) no-repeat 50% 6px;
}

div#audiostart span, div#videostart span {
	display: table-cell;
	vertical-align: bottom;
	width: 100%;
	padding: 4px;
/* 
	border: 1px solid #000000;
 */
	text-align: center;
}

div#audiostart span.permission {
	vertical-align: middle;
	text-transform: uppercase;
	color: #ffffff;
	cursor: pointer;
	background-color: #3197ca;
	border: 0;
	height: 37px;
	line-height: 37px;
	min-width: 150px;
	padding: 0px;
/* 
	padding-left: 15px;
	padding-right: 15px;
 */
}

div#audiostart span.bright, div#videostart span.bright {
	color: #d83f55;
}

div#audiostart span.dim, div#videostart span.dim {
	color: #fbdbdd;
}

div#audiostop, div#videostop {
	width: 110px;
	height: 90px;
	margin: 10px;
	display: table;
	background-color: #ffffff;
	float: right;
}
div#audiostop.turnedon, div#videostop.turnedon {
	background: url(/gui/images/icon_stop.png) no-repeat 50% 6px;
}

div#audiostop.turnedoff, div#videostop.turnedoff {
	background: url(/gui/images/icon_stop_dim.png) no-repeat 50% 6px;
}

div#audiostop span, div#videostop span {
	display: table-cell;
	vertical-align: bottom;
	width: 100%;
	padding: 4px;
/* 
	border: 1px solid #000000;
 */
	text-align: center;
}

div#audiostop span.bright, div#videostop span.bright {
	color: #d83f55;
}

div#audiostop span.dim, div#videostop span.dim {
	color: #fbdbdd;
}

div.controlbutton {
	display: inline-block;
	cursor: pointer;
}

div#controlsholder {
	width: 325px;
	height: 130px;
	margin: 0 auto;
}

/**** CATS MANAGER ****/

div.moveup:hover {
	background: url(/gui/images/icon_mgr_up_hover.png) no-repeat 50% 50%;
}

div.moveup {
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	background: url(/gui/images/icon_mgr_up.png) no-repeat 50% 50%;
}

div.moveupdim {
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	background: transparent;
}

div.movedown:hover {
	background: url(/gui/images/icon_mgr_down_hover.png) no-repeat 50% 50%;
}

div.movedown {
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	background: url(/gui/images/icon_mgr_down.png) no-repeat 50% 50%;
}

div.movedowndim {
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	background: transparent;
}

div.editicon:hover {
	background: url(/gui/images/icon_mgr_edit_hover.png) no-repeat 50% 50%;
}

div.editicon {
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	background: url(/gui/images/icon_mgr_edit.png) no-repeat 50% 50%;
}

div.delicon:hover {
	background: url(/gui/images/icon_mgr_delete_hover.png) no-repeat 50% 50%;
}

div.delicon {
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	background: url(/gui/images/icon_mgr_delete.png) no-repeat 50% 50%;
}

div.delicondim {
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	background: transparent;
}

div.alerticon:hover {
	background: url(/gui/images/icon_send_alert_hover.png) no-repeat 50% 50%;
}

div.alerticon {
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	background: url(/gui/images/icon_send_alert.png) no-repeat 50% 50%;
}

div.alerticondim {
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	background: transparent;
}

div.assignpaticon:hover {
	background: url(/gui/images/icon_add_patient_hover.png) no-repeat 50% 50%;
}

div.assignpaticon {
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	background: url(/gui/images/icon_add_patient.png) no-repeat 50% 50%;
}

div.assignpaticondim {
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	background: transparent;
}

div.assigncgicon:hover {
	background: url(/gui/images/icon_add_caregiver_hover.png) no-repeat 50% 50%;
}

div.assigncgicon {
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	background: url(/gui/images/icon_add_caregiver.png) no-repeat 50% 50%;
}

div.assigncgicondim {
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	background: transparent;
}

div#biglist {
	padding-left: 225px;
}

div#lilbiglist {
	padding-left: 100px;
}

div.biglist ul {
	list-style-type: none;
}

div.biglist a, .biglist a:hover, .biglist a:visited {
	color: #000000;
}

.js .biglist .accordion {display:none}

.accordion {margin:0; padding:0 10px}

.accordion li {list-style-type:none}

.accordion li.last-child {margin-left:19px; list-style-type:none}

.biglist ul.accordion ul {margin:0; padding:0 0 0 20px;}

.accordion .outer {border:0 none; background: #fff}

.accordion .inner {margin-bottom:0; padding:.25em 20px; position:relative; overflow:hidden}

.accordion .inner .inner {padding-bottom:0}

.accordion .h {padding-top:.3em} /* vertical padding instead of vertical margin (ie8) */

.accordion p {margin:.5em 1px 1em}

a.trigger {padding-left:20px; background-image: url(/gui/images/icon_mgr_collapsed_black.png); background-repeat: no-repeat; background-position: 0 50%;  font-weight:700}

a.trigger.open {background-image: url(/gui/images/icon_mgr_expanded_black.png)}

.last-child a.trigger{padding-left:1px; background-image:none; font-weight:normal}

.biglist a.active{font-weight:700; color:#ef884a; text-decoration:none}

a.link, .heading{display:inline-block; margin-left:5px; font-weight:600; vertical-align:middle}

a.icon.trigger{display:inline-block; width:15px; height:15px; padding:0; border:0 none; border-radius:3px; vertical-align:middle}

.biglist a.icon.trigger{}

.biglist a.icon.trigger:hover,.biglist a.icon.trigger:focus,.biglist a.icon.trigger:active{background-color: #86a0ef!important}

div.editcontrols {
	display: inline-block;
	position: absolute;
	left: 125px;
	height: 25px;
}

div.lileditcontrols {
	display: inline-block;
	height: 25px;
	position: absolute;
	left: 5px;
}

div.explanright {
	float: right;
	color: #c5c5c5;
	padding-right: 10px;
	line-height: 1.8em;
}

div.centered {
	text-align: center;
}

div#catsmgrcontcont {
	width: 400px;
	margin: 0 auto;
}

div.catsmgrbutton, div.rolemgrbutton, div.linksmgrbutton, div.usermgrbutton, div.survmgrbutton {
	background: url(/gui/images/icon_mgr_add.png) no-repeat 0px 3px;
	margin-left: 25px;
	float: left;
	width: 170px;
	color: #c5c5c5;
	font-size: 1.2em;
}

button {
	font-weight: normal;
}

div.endormgrbutton {
	background: url(/gui/images/icon_mgr_add.png) no-repeat 0px 3px;
	margin-left: 33px;
	float: left;
	width: 200px;
	color: #c5c5c5;
	font-size: 1.2em;
}

div.reportmgrbutton {
	background: url(/gui/images/icon_mgr_add.png) no-repeat 0px 3px;
	margin-left: 33px;
	padding-left: 23px;
	clear: both;
	float: left;
	width: 200px;
	color: #c5c5c5;
	font-size: 1.2em;
}

div.catsmgrbutton:hover, div.rolemgrbutton:hover, div.linksmgrbutton:hover, div.survmgrbutton:hover, div.endormgrbutton:hover,
div.reportmgrbutton:hover {
	background: url(/gui/images/icon_mgr_add_hover.png) no-repeat 0px 3px;
}

div.usermgrbutton:hover {
	background: url(/gui/images/icon_mgr_add_trigger.png) no-repeat 0px 3px;
}

div.catsmgrbutton a, div.catsmgrbutton a:visited, div.rolemgrbutton a, div.rolemgrbutton a:visited,
div.linksmgrbutton a, div.linksmgrbutton a:visited, div.survmgrbutton a, div.survmgrbutton a:visited,
div.endormgrbutton a, div.endormgrbutton a:visited, div.reportmgrbutton a, div.reportmgrbutton a:visited,
div.usermgrbutton a, div.usermgrbutton a:visited {
	color: #c5c5c5;
}

div.catsmgrbutton a:hover, div.rolemgrbutton a:hover, div.linksmgrbutton a:hover, div.survmgrbutton a:hover,
div.endormgrbutton a:hover, div.reportmgrbutton a:hover {
	color: #bb9336;
}

div.usermgrbutton a:hover {
	color: #36bba2;
}

p.catsmgrcatheader, p.rolemgrcatheader, p.forgotpwcatheader, p.verificationheader {
	text-align: center;
	padding-top: 25px;
	font-size: 1.3em;
	font-weight: bolder;
	width: 100%;
	color: #36bba2;
	clear: both;
}

div#catcenterbox {
	margin: 0 auto;
	background-color: #FAFAFA;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 60px;
	padding-right: 60px;
	font-weight: bolder;
}

div#catcenterbox input#catname, div#catcenterbox input.fullwidth, input.fullwidth {
	width: 100%;
	font-size: 1.2em;
}

textarea.fullwidth {
	width: 100%;
}

p#catpicp button {
	margin-left: 5px;
}

div.catparentlabel {
	float: left;
	padding-right: 7px;
}

span#addtriggerspan {
	font-size: 1.1em;
	color: #36bba2;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: url(/gui/images/icon_mgr_add_trigger.png) no-repeat left;
}

span#addtriggerspan:hover {
	font-size: 1.1em;
	color: #24917c;
	background: url(/gui/images/icon_mgr_add_trigger.png) no-repeat left;
}

span#addtriggerspan a, span#addtriggerspan a:visited {
	color: #36bba2;
}

span#addtriggerspan a:hover {
	color: #24917c;
}

tr.catsheaderrow td {
	vertical-align: bottom;
	padding-top: 6px;
	font-weight: bolder;
}

input.triggerinput {
	font-size: 1em;
	width: 250px;
}

tr.catstriggitemrow td {
	padding-top: 5px;
	padding-bottom: 5px;
}

a.deltrigger {
	margin-right: 6px;
}

/**** ROLE MANAGER ****/

span.smallerfont {
	font-size: 0.8em;
}

div#rolemgrcontcont {
	width: 200px;
	margin: 0 auto;
}

table.zebratable {
	width: 100%;
	border: 1px solid #dedede;
}

table.zebratable td.iconcell {
	width: 66px;
	padding-left: 10px !important;
}

table.zebratable tr:nth-child(odd) {
   background-color: #fafafa;
}

table.zebratable td {
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 5px;
	font-weight: bolder;
}

p.header {
	font-size: 1.2em;
	font-weight: bolder;
}

table#rolecapstable {
	font-size: 0.9em;
}

table#rolecapstable th {
	font-size: 1.1em;
	color: #36bba2;
}

table#rolecapstable input {
	margin-right: 6px;
}

table#rolecapstable td.capcolumn {
	padding-right: 10px;
	vertical-align: top;
}

table#rolecapstable td {
	vertical-align: top;
	padding-bottom: 4px;
}

/**** LINKS MANAGER ****/
div#linksmgrcontcont {
	width: 200px;
	margin: 0 auto;
}

td.linksmgrlink {
	min-width: 160px;
}

table.zebratable.nobold td {
	font-weight: normal;
}

/**** SURVEY MANAGER ****/
div#survmgrcontcont {
	width: 200px;
	margin: 0 auto;
}

table.survmgr a, table.survmgr a:visited, table.survmgr a:hover {
	color: #000000;
}

span.activesurvey, span.activesurvey a, span.activesurvey a:visited, span.activesurvey a:hover {
	color: #36bba2;
}

span.inactivesurvey {
	color: #000000;
}

div.activeicon {
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	background: url(/gui/images/icon_mgr_active.png) no-repeat 50% 2px;
}

div.activeicon:hover {
	background: url(/gui/images/icon_mgr_active_hover.png) no-repeat 50% 2px;
}

div.inactiveicon {
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	background: url(/gui/images/icon_mgr_inactive.png) no-repeat 50% 2px;
}

div.inactiveicon:hover {
	background: url(/gui/images/icon_mgr_inactive_hover.png) no-repeat 50% 2px;
}

td.linkiconcell {
	width: 115px;
}

td.surviconcell {
	width: 85px;
}

div#survinstructions {
	margin: 0 auto;
	font-size: 0.9em;
	overflow: hidden;
	width: 504px;
}

a.survrenamelink {
	width: 100%;
}

div.thenametoedit {
	min-width: 60%;
	background-color: #ffffff;
	border: 1px solid #000000;
	margin-top: 8px;
	padding: 5px;
	padding-left: 8px;
}

div#catcenterbox.nobold {
	font-weight: normal;
}

div#activestatus {
	width: 265px;
	margin: 0 auto;
	padding-top: 8px;
}

div.activestatswitch {
	text-transform: uppercase;
	width: 130px;
	float: left;
}

div.activestatswitch img {
	padding-right: 9px;
	padding-left: 9px;
}

div.addquestionspan {
	font-size: 1.1em;
	color: #36bba2;
	width: 170px;
	padding-left: 25px;
	height: 20px;
	overflow: hidden;
	margin: 0 auto;
	background: url(/gui/images/icon_mgr_add_trigger.png) no-repeat left 0;
}

div.addquestionspan:hover {
	color: #24917c;
	background: url(/gui/images/icon_mgr_add_trigger_hover.png) no-repeat left 0;
}

div.addquestionspan a, div.addquestionspan a:visited {
	color: #36bba2;
}

div.addquestionspan a:hover {
	color: #24917c;
}

span.greentext {
	font-weight: bolder;
	color: #36bba2;
}

table.questable td {
	padding-bottom: 12px;
}

table.questable td.quesicons {
	padding-right: 10px;
	width: 140px;
}

a.editqueslink, a.editqueslink:visited, a.editqueslink:hover {
	color: #000000;
}

div#stemdiv textarea#prompt, div#shortdiv textarea#prompt, div#multdiv textarea#prompt, div#longdiv textarea#prompt {
	min-height: 90px;
}

div.fancyradiogroup label {
	padding-right: 15px;
}

input.choiceinput {
	margin-bottom: 6px;
}

table#choicestable {
	width: 100%;
}

/**** LOG MANAGER ****/
a.clearlog, a.clearlog:visited {
	padding-left: 45px;
	color: #36bba2;
}

a.clearlog:hover {
	color: #24917c;
}

table#logeventstable td {
	vertical-align: top;
	padding-top: 8px;
	text-indent: -17px;
	padding-left: 17px;
}

table#logeventstable td input {
	margin-right: 3px;
	position: relative;
	top: -2px;
}

input.taller {
	height: 1.8em;
}

table#logreviewtable td {
	vertical-align: middle;
	padding-top: 8px;
	padding-bottom: 5px;
	padding-right: 5px;
}

table#screenlogtable th {
	vertical-align: top;
	text-align: center;
	color: #36bba2;
	font-weight: normal;
	padding-bottom: 8px;
}

table#screenlogtable td {
	font-size: 0.8em;
	vertical-align: top;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 4px;
}

/**** ENDORSEMENT MANAGER ****/
table.zebratable.endormgr {
	border: 0px;
}

table.zebratable.endormgr td.iconcell {
	width: 86px;
	padding-left: 10px !important;
}

table.zebratable.endormgr td {
	font-weight: normal;
}

table.zebratable.endormgr th {
	border: 0px;
}

table.zebratable.endormgr tbody {
	border: 1px solid #dedede;
	font-size: 0.9em;
}

table.zebratable.endormgr tr.headerrow {
	background-color: #ffffff;
	color: #36bba2;
	font-size: 0.9em;
}

table.zebratable.endormgr th.recurcol {
	width: 210px;
}

table.zebratable.endormgr a, table.zebratable.endormgr a:visited {
	color: #000000;
}

table.zebratable.endormgr a:hover {
	color: #36bba2;
}

div#thename.centered {
	margin: 0 auto;
}

input.skinny {
	width: 50px;
}

/**** CATS PUBLIC ****/
div.midspanred {
	color: #ff0000;
	font-size: 1.3em;
	width: 100%;
	text-align: center;
	font-weight: bolder;
}

div.midspangold {
	color: #bb9336;
	font-size: 1.3em;
	width: 100%;
	text-align: center;
	font-weight: bolder;
}

div.catscat {
	text-align: center;
	display: table;
	width: 228px;
	min-height: 100px;
	height: 100px;
	float: left;
	margin: 8px;
	border-top: 8px solid #bb9336;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}

div.catssubcat {
	text-align: center;
	display: table;
	width: 228px;
	height: 50px;
	min-height: 50px;
	background-color: #f2f2f2;
	float: left;
	margin: 8px;
	border: 0;
}

div.catssubitem {
	text-align: center;
	display: table;
	width: 228px;
	height: 50px;
	min-height: 50px;
	background-color: #f2f2f2;
	float: left;
	margin: 8px;
	border: 0;
}

div.catscat div.catscontent, div.catssubcat div.catscontent, div.catssubitem div.catscontent {
	display: table-cell;
	vertical-align: middle;
	position: relative;
}

div.catscat a, div.catscat a:visited,
div.catssubcat a, div.catssubcat a:visited,
div.catssubitem a, div.catssubitem a:visited {
	color: #000000;
}

div.catscat a:hover, div.catssubcat a:hover, div.catssubitem a:hover {
	color: #bb9336;
}

div.catscat img, div.catssubcat img {
	padding-right: 4px;
}

span.link-spanner {
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 1;
}

div.returndiv {
	font-weight: normal;
	background: url(/gui/images/icon_return_to_cats.png) no-repeat 0 0;
	margin-left: 42px;
	padding-left: 25px;
}

div.returndiv:hover {
	background: url(/gui/images/icon_return_to_cats_hover.png) no-repeat 0 0;
}

div.returndiv a, div.returndiv a:visited {
	color: #c5c5c5;
}

div.returndiv a:hover
{
	color: #ff0000;
}

div.catscrumb {
	text-align: center;
	display: table;
	width: 213px;
	height: 50px;
	min-height: 50px;
	background-color: #f2f2f2;
	float: left;
	margin: 8px 25px;
	border: 0;
}

div.catscrumb.toplevel {
	text-align: center;
	display: table;
	background-color: #ffffff;
	width: 213px;
	height: 70px;
	min-height: 70px;
	float: left;
	margin: 8px 25px;
	border-top: 8px solid #bb9336;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}

div.catscrumb div.crumbcontent {
	display: table-cell;
	vertical-align: middle;
	position: relative;
}

div.catscrumb a, div.catscrumb a:visited, div.catscrumb a:hover {
	color: #bb9336;
}

div.catscrumb img {
	padding-right: 4px;
}

p.catname {
	font-size: 1.2em;
}

div.hiliteinstructions {
	text-align: left;
	display: inline-block;
	font-size: 0.8em;
	font-weight: normal;
	color: #c5c5c5;
}

div.notclickedicon {
	height: 20px;
	display: inline-block;
	width: 20px;
	border: 1px solid #dedede;
	background-color: #fbb7bc;
}

div.clickedicon {
	height: 20px;
	display: inline-block;
	width: 20px;
	border: 1px solid #dedede;
	background-color: #a5e5d8;
}

div.itemdesc, div.itemdesc p {
	margin: 0 !important;
	padding: 0 !important;
}

div.itemdesc a, div.itemdesc a:visited {
	color: #36bba2;
}

div.itemdesc a.addendorse, div.itemdesc a.newendorse, div.itemdesc a.addendorse:visited, div.itemdesc a.newendorse:visited {
	color: #bb9336;
}


div.itemdesc a:hover {
	opacity:0.7;
}

div#dialogsurvey div#surveyname {
	display: none;
}

div#dialogsurvey div.question {
	padding-bottom: 10px;
}

div.checklist {
	margin: 0 auto;
	border: 1px solid #dedede;
	padding: 3px;
	margin-top: 13px;
	padding-top: 0px;
	width: 50%;
}

div.checklistbighead {
	background-color: #fafafa;
}

span.bolder {
	font-weight: bolder;
	font-size: 1.1em;
}

div.checklistsubhead {
	font-size: 1.1em;
	padding-left: 6px;
}

div.checklistitem {
	font-size: 1.0em;
	padding-left: 20px;
	
}

/*** REPORTS ****/
div.reporthead {
	border: 1px solid #bb9336;
	height: 40px;
	text-align: center;
	color: #bb9336;
	text-transform: uppercase;
	line-height: 40px;
	width: 100%;
}

div.reportlistingblock {
	display: table;
	border-collapse: separate;
	width: 230px;
}

div.reportrow {
	display: table-row;
}

div.reportlisting {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	font-size: 0.8em;
	text-align: center;
	width: 227px;
	clear: both;
	height: 39px;
	min-height: 39px;
	padding: 6px;
	border-spacing: 5px;
	text-transform: uppercase;
}

div.reportlisting.custom {
	background-color: #c5c5c5;
	color: #ffffff;
}

div.reportlisting.custom:hover {
	background-color: #afafaf;
}

div.reportlisting.custom a, div.reportlisting.custom a:visited,
div.reportlisting.prefab a, div.reportlisting.prefab a:visited {
	color: #ffffff;
}

div.reportlisting.prefab {
	background-color: #bb9336;
	color: #ffffff;
}

div.reportlisting.prefab:hover {
	opacity: 0.7;
}

p.skinnybreak {
	height: 0px;
	line-height: 3px;
}

div.rpticoncell {
	display: table-cell;
	vertical-align: middle;
}

.orange {
	color: #f4ae00;
}

table.reportoutput {
	width: 100%;
}

td.width150 {
	width: 150px;
}

td.width125 {
	width: 125px;
}

td.minwidth125 {
	min-width: 125px;
}

td.width100 {
	width: 100px;
}

table.reportoutput th {
	color: #f4ae00;
	vertical-align: top;
	font-size: 0.8em;
}

table.reportoutput td {
	font-size: 0.8em;
	vertical-align: top;
	padding-top: 3px;
}

table.reportoutput td.leftmost {
	padding-left: 3px;
}

table.reportoutput td.rightmost {
	padding-right: 3px;
}

table.reportoutput tr:nth-child(odd) {
   background-color: #fafafa;
}

table.reportoutput.nozebra tr:nth-child(odd) {
   background-color: #ffffff;
}

table.reportoutput tbody {
	border: 1px solid #dedede;
}

table.reportoutput tr.headerrow {
	background-color: #ffffff;
}

div#rptcenterbox {
	margin: 0 auto;
	background-color: #FAFAFA;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 60px;
	padding-right: 60px;
	font-weight: bolder;
}

div#rptcenterbox.nobold {
	font-weight: normal;
}

div#rptcenterbox label {
	font-weight: normal;
}

div.custlabel {
	width: 140px;
	float: left;
	font-weight: normal;
}

div.reportsubhead {
	font-weight: bolder;
	font-size: 1.1em;
}

div.includeitem {
	padding-left: 4px;
}

p.namepar {
	padding-left: 4px;
}

div#reportnaming input#reportname {
	width: 300px;
}

/**** MANAGE USERS ****/
div#usermgrcontcont {
	width: 200px;
	margin: 0 auto;
}

table.zebratable.usermgr {
	border: 0px;
}

table.zebratable.usermgr td.iconcell {
	width: 120px;
	padding-left: 10px !important;
}

table.zebratable.usermgr td {
	font-weight: normal;
}

table.zebratable.usermgr th {
	border: 0px;
	padding-left: 5px;
	padding-bottom: 2px;
	font-weight: normal;
	font-size: 1.1em;
}

table.zebratable.usermgr tbody {
	border: 1px solid #dedede;
	font-size: 0.9em;
}

table.zebratable.usermgr tr.headerrow {
	background-color: #ffffff;
	color: #36bba2;
	font-size: 0.9em;
}

table.zebratable.usermgr a, table.zebratable.usermgr a:visited, table.zebratable.usermgr a:hover {
	color: #000000;
}

span.green {
	color: #36bba2;
}

td.smallemail a, td.smallemail a:visited {
	color: #000000;
}

td.smallemail a:hover {
	color: #36bba2;
}

/**** SUPPORT ****/
div.linkshead {
	width: 100%;
	text-transform: uppercase;
	color: #36bba2;
	font-weight: normal;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 1px solid #36bba2;
}

div.linklink a:hover {
	color: #24917c;
}

/**** RESET PW ****/
div#resetpwbox {
	margin: 0 auto;
	background-color: #FAFAFA;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 60px;
	padding-right: 60px;
	font-weight: normal;
	width: 100%;
}

div#resetpwbox div.halfwidth {
	font-weight: normal;
	width: 50%;
	padding-right: 4px;
	padding-top: 5px;
	float: left;
	text-align: right;
}

div#resetpwbox input.longer {
	width: 50%;
	float: right;
	font-size: 1.2em;
}

/**** SURVEY DISPLAY ****/
div#thesurvey {
	border: 1px solid #dedede;
}

div.question {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}

div.stem {
	padding-top: 5px;
	padding-bottom: 10px;
}

div.question input[type=text] {
	font-size: 1.2em;
	width: 50%;
}

div.question textarea {
	width: 80%;
	margin-left: 5px;
}

div.oddquestion {
	background-color: #ffffff;
}

div.evenquestion {
   background-color: #fafafa;
}

/**** COLOR DARKENING ****/

body.public a, body.public a:visited, div#login a, div#login a:visited
{
	color: #24917c;
}