@import"reset.css";

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

body{
	font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#4f4f4f;
	position:relative;
	min-width:1028px;
}

html,body{height:100%;}

.ui-widget-content {
	border-radius: 0px !important;
	border:0px none !important;
}
.ui-dialog .ui-dialog-content {
	border: 0px none !important;
}
.ui-widget-overlay {
	background: #000 !important;
	opacity: .5 !important;
	filter: Alpha(Opacity=50) !important;
}
.ui-front {
	z-index:101 !important;
}
.ui-widget-header {
	border: 0px !important;
	background: none !important;
}
.ui-state-highlight {
	border: 1px solid #d3d3d3 !important;
	background: #e6e6e6 !important;
	color: #555 !important;
}
.ui-state-active {
	border: 1px solid #3795f5 !important;
	background: #c0e4f5 !important;
}
.ui-state-focus {
	background: #ddd !important;
	border: 1px solid #ddd !important;
	border-radius:0px !important;
}
.ui-dialog-titlebar-close {
	background:#fff !important;
	border:0px !important;
}
.ui-dialog-titlebar-close:hover {
	background:#eee !important;
}
.no-close .ui-dialog-titlebar-close {display: none !important; }
.theme-buttons { max-width: 500px !important; }
.theme-buttons .ui-dialog-buttonpane {border:0px none !important; }
.theme-buttons .button {
  padding: 5px !important;
  font-size: 22px !important;
  font-weight: bold !important;
  border: 2px solid #333 !important;
  box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  background-color: #333 !important;
  color: #fff !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  background: #333 !important;
  border-radius: 0px !important;
  margin-left: 5px !important;
  margin-right: 0px !important;
}
.theme-buttons .button:hover { background: #444 !important; }
.theme-buttons .button-white {
  padding: 5px !important;
  font-size: 22px !important;
  font-weight: bold !important;
  border: 0px none !important;
  box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  background-color: #fff !important;
  color: #888 !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  background: #fff !important;
  border-radius: 0px !important;
  margin-left: 20px !important;
  margin-right: 0px !important;
}
.theme-buttons .button-white:hover { color: #444 !important; }
#d_labelholder {
	display:none;
	width:100%;
	height:170px;
	line-height:170px;
	font-size:30px;
	position:relative;
}
#d_label {
	display:inline-block;
	position:absolute;
	bottom:0px;
	right:0px;
}
.ui-autocomplete {
	border-radius: 0px !important;
	max-height: 400px !important;
    	overflow-y: auto !important;
    	overflow-x: hidden !important;
    border: 2px solid #888 !important;
	background:#f2f2f2 !important;
}
.ui-autocomplete-category {
	font-weight: bold;
	padding: .2em .4em;
	margin: .8em 0 .2em;
	line-height: 1.5;
}
.sub-label {
	font-size:10px !important;
	padding:0px !important;
}
.autocomplete-pic-thumb {
	width:80px;
	float:left;
	border:1px solid #888;
	margin-right:10px;
	background: url('../images/ajax-loader6.gif') center no-repeat;
}
.autocomplete-text-right {
	float:left;
}
.ui-menu .ui-menu-item {
	list-style-image: none !important;
}

.img-loading {
	background: url('../images/ajax-loader6.gif') center no-repeat;
}

/* Global Structure---------------------------------------- */

.clear{
	clear:both;
	line-height:0;
	font-size:0;
	overflow:hidden;
	height:0;
	width:100%;
	margin:0;
	padding:0;
	display:block;
}
.wrapper {
	min-height:100%;
	position:relative;
}
.white-out {
	width:100%;
	z-index:20000;
	background:#fff;
}

/*********************************header*************************************/

.header, .header div {
	position:relative;
	z-index:100;
	width:100%;
	margin:0 auto;
	height:100px;
	line-height:100px;
	font-size:20px;
	text-align:center;
	padding-top:0px;
	background:#fff;
}

.logo {
	max-height:90px;
	margin-top:10px;
}

#timeout_clock {
	color:#000;
	font-size:12px;
	margin-bottom:20px;
}
#view_trays_on_site {
	color:#fff;
	font-size:16px;
	position:absolute;
	top:10px;
	right:10px;
	z-index:1001;
}

.quick-kiosk-buttons {
	font-size:16px;
	position:fixed;
	z-index:101;
	background:#a7a7a7;
	color:#fff;
	padding:10px;
}
.quick-kiosk-buttons:hover {
	background:#7ecff9;
	cursor:pointer;
}
#weight_capture_container {
	z-index:101;
	position:fixed;
	top:100px;
	right:-10px;
	padding:0px;
	height:0px;
	width:0px;
}
#scale_help {
	padding:15px;
	padding-top:5px;
}
#scale_help ul li {
	list-style-type: decimal;
	list-style-position:inside;
	margin-left:15px;
	margin-bottom:10px;
}
.scale-help-info {
	margin-bottom: 20px;
}
#quick_checkin_lookup {
	top:0px;
	right:0px;
}
#help_box {
	bottom:0px;
	right:0px;
}
#account_box {
	top:0px;
	left:0px;
}
#manage_account_dropdown {
	left:0px;
	top:38px;
	display:none;
	font-size:16px;
	position:fixed;
	z-index:101;
	background:#a7a7a7;
	color:#fff;
	padding:10px;
}
#printer_box {
	bottom:0px;
	left:0px;
}
#printer_slider {
  	width: 500px;
    height: 500px;
    overflow: hidden;
    margin: 0px auto;
    margin-top: 15px;
    display: inline-block;
    padding-top: 10px;
    margin-bottom: 10px;
}
#printer_slider > ul {
	/* styled by JS to match the added width and height of all <li>’s */
	position: relative;
	-webkit-transition: 0.5s left;
	-moz-transition: 0.5s left;
	-ms-transition: 0.5s left;
	-o-transition: 0.5s left;

	list-style: none;
	margin: 0; padding: 0;
}
#printer_slider > ul > li {
  float: left;
  width: 500px; height: 500px;
}
.printer-slider-left, .printer-slider-right {
	height: 500px;
    width: 100px;
    z-index: 100;
    background-repeat: no-repeat;
    opacity: 0.25;
    display: inline-block;
    margin-top: 15px;
    padding-top: 10px;
    margin-bottom: 10px;
}
.printer-slider-left {
	background-image: url(../images/scroll-left-grey.png);
    background-position: center center;
}
.printer-slider-right {
	float: right;
    background-image: url(../images/scroll-right-grey.png);
    background-position: center center;
}
/*
.printer-slider-left:hover, .printer-slider-right:hover {
	opacity: 0.5;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	cursor:pointer;
}
*/

.printer-slider-header { 
	margin-bottom:10px;
	font-size:20px;
	font-weight:bold;
}
.printer-slider-footer { 
	margin-top:10px;
	font-size:12px;
}
.indent-link {
	padding-left:20px;
}
.bold-arrow {
	opacity:0.75 !important;
}
.bold-arrow:hover {
	opacity:9 !important;
	cursor:pointer;
}
/********************** Content ************************/

.content {
	position:relative;
	z-index:4;
	padding:25px 0px;
	width:1000px;
	margin:0 auto;
	padding-bottom:60px;
}
.stepContent {
	display:none;
	width:100%;
	background:#fff;
	padding:10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin:0px auto;
}
.stepHeader {
	font-size:40px;
	line-height: 1.4em;
	background:#fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-top:10px;
	vertical-align:bottom;
}
.subHead {
	color:#ddd;
	text-transform: uppercase;
	font-size:30px;
	vertical-align:bottom;
}

.arrow {
	float:right;
	height:46px;
	width:46px;
	background:url('../images/arrow-grey.png') no-repeat;
}

hr {
	height:3px;
	border:0px;
	width:100%;
	margin:0px;
	background:#ddd;
}
	
a{
	text-decoration:none;
	color:#3795f5;
}
a.stepHeader{
	text-decoration:none;
	color:#333;
	display:block;
}
a:hover{
	text-decoration:none;
	color:#0a79eb;
}
.menu-selection-bold {
	font-weight: bold !important;
	color: #0a64eb !important;
}
.tablelink {
	color:#3795f5 !important;
}
.tablelink:hover {
	cursor: pointer;
	text-decoration:none;
	color:#0a79eb !important;
}
.revisit {
	float:right;
	margin-right:20px;
	font-size:20px;
	line-height:1.4em;
	padding:5px;
	color:#888;
	border: 2px solid #888;
	background:#fff;
}
.revisit:hover {
	color:#3795f5;
	border: 2px solid #3795f5;
	cursor:pointer;
}

/**** TIPS *****/

.tip-container {
	position:relative;
}

#tip_equipment_name {
	background: url('../images/tips/tip_equipment_name3.png') no-repeat;
	background-size: contain;
	position: absolute;
	top: -80px;
	left: -455px;
	height: 403px;
	width: 450px;
}
#tip_multiple_trays {
	background: url('../images/tips/tip_multiple_trays4.png') no-repeat;
	background-size: contain;
	position: absolute;
	top: 10px;
	left: -460px;
	height: 403px;
	width: 447px;
}
#tip_edit_photos {
	background: url('../images/tips/tip_edit_photos.png') no-repeat;
	background-size: contain;
	position: absolute;
	top: -70px;
	left: -290px;
	height: 280px;
	width: 280px;
}
#tip_remove_lid {
	background: url('../images/tips/tip_remove_lid2.png') no-repeat;
	background-size: contain;
	position: absolute;
	top: 20px;
	left: 940px;
	height: 580px;
	width: 350px;
}
#tip_checkout_photos {
	background: url('../images/tips/tip_checkout_photos4.png') no-repeat;
	background-size: contain;
	position: absolute;
	top: 135px;
	left: 910px;
	height: 370px;
	width: 380px;
}
#tip_extend {
	background: url('../images/tips/tip_extend3.png') no-repeat;
	background-size: contain;
	position: absolute;
	top: -125px;
	left: 960px;
	height: 350px;
	width: 350px;
}
#tip_transfer {
	background: url('../images/tips/tip_transfer3.png') no-repeat;
	background-size: contain;
	position: absolute;
	top: -80px;
	left: 950px;
	height: 410px;
	width: 340px;
}
.confirm-company-search {
	font-size:12px;
	text-align:left;
	line-height:20px;
	margin-bottom:10px;
}
.confirm-company-header {
	font-size:18px;
	text-align:left;
	line-height:20px;
	width:100%;
}
.confirm-company-container {
	min-height:350px;
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
}
.cc-item {
	padding:5px;
	font-size:12px;
	text-align:left;
	line-height:20px;
	border:1px solid #aaa;
	color: #000;
	width:100%;
	box-sizing:border-box;
	cursor:pointer;
}
.cc-item-selected {
	background:#3795f5;
	border:1px solid #3795f5;
	color: #fff;
}

/********************** STEP 1 ************************/

.login-box {
	display:inline-block;
	width:300px;
	padding-top:25px;
	margin:0px 120px;
}
.create-box {
	width:300px;
	margin:0px auto;
	padding-top:25px;
	display: inline-block;
}
.tiny_msg {
	font-size:10px;
	padding-top:2px;
	color:red;
	clear: both;
}

.plus {
	background:url('../images/plus.png') no-repeat;
	height:20px;
	width:20px;
	float:left;
	margin-top:1px;
}
.upper {
	color: #888;
	font-weight:bold;
	background:#ddd;
	text-transform:uppercase;
	line-height:1em;
	cursor:pointer;
}
.upper:hover {
	background:#eee;
}
.logout-button {
	display:none;
	width:135px;
	margin:0px auto;
}
#login-msg {
	margin-bottom:10px;
}
#create-msg {
	margin-bottom:10px;
}

.d-link-container {
	margin-bottom:10px;
	font-size:14px;
}
.d-link-left {
	display:inline-block;
	float:left;
}
.d-link-right {
	display:inline-block;
	float:right;
}
.d-link-name {
	font-weight:bold;
}
.d-link-email {
	font-size:10px;
}

/********************** STEP 2 ************************/

.step2-admin-left {
	width:400px;
	float:left;
	display:inline-block;
}
.step2-admin-right {
	width:540px;
	float:right;
	display:inline-block;
}
.buttonlink {
	color:#3795f5 !important;
}
.buttonlink:hover {
	cursor: pointer;
	text-decoration:none;
	color:#0a79eb !important;
}
.transfer-button {
	height:57px;
	float:left;
	line-height:30px !important;
}.transfer-button span { font-size:70%; }
.return-button {
	height:57px;
	float:left;
	line-height:30px !important;
}.return-button span { font-size:70%; }
.bigbutton {
	font-size:40px;
	height:77px;
	float:left;
	background:url('../images/arrow-darker.png') no-repeat;
	border:0px;
	padding:15px;
	font-weight:bold;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: #fff;
	color: #3795f5;
	margin:0px;
	padding-left:60px;
}
.smallheader {
	font-size:30px;
	padding: 25px 0px 25px 10px;
	text-transform:uppercase;
}
.smallbutton {
	font-size:30px;
	height:57px;
	line-height:25px;
	background:url('../images/arrow-darker.png') no-repeat;
	background-size: 33px 33px;
	border:0px;
	padding:5px;
	font-weight:bold;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: #fff;
	color: #3795f5;
	margin:0px;
	padding-left:43px;
}
.bigbuttons {
	margin:0px auto;
	padding-top:30px;
	width:950px;
}
.button-left {
	float:left;
}
.button-right {
	float:right;
}
.center {
	text-align:center;
	padding:10px;
	width:348px;
}
.cr-error-msg {
	color:red;
	text-transform:none;
	font-size:14px;
	font-weight:normal;
}


.search-reassign-box {
	width:350px;
	margin:0px auto;
}
#search_reassign_results {
	min-height:300px;
	width:350px;
	margin:0px auto;
}
.add-checkin-comment-div {
	display:none;
	box-sizing:border-box;
	height:150px;
	padding-top:8px;
}
.checkin-info {
	display:none;
	width:100%;
	margin:0px auto;
	padding-top:25px;
	position:relative;
}
.checkin_info {
	width:100%;
	padding-bottom:20px;
}
.checkin_info-left {
	width:48%;
	float:left;
}
.checkin_info-right {
	width:49%;
	float:right;
	padding-right:2%;
	height:180px;
}
.checkin-comments-div {
	overflow-y:auto;
	height:150px;
}
.checkin-comment {
	padding:5px 0px 5px;
	border-bottom: 1px solid #ddd;
	margin:0px
}
.comment-by {
	color:#888;
	font-weight:bold;
	font-size:12px;
}
.comment-time {
	color:#aaa;
	padding-left:5px;
	font-weight:normal;
}
.comment-content {
	font-size:11px;
}
.ttht {
	 font-size:18px;
	 font-weight:bold;
	 white-space:nowrap;
	 vertical-align:top !important;
}
.review-pics {
	width:644px;
	margin:0px auto;
	padding-top:25px;
	float:right;
}
.trayreview {
	width:640px;
	height:360px;
	border: 2px solid #888;
	float:right;
	position:relative;
}
.traydiv {
	width:100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.add-comment a {
	text-decoration:none;
	color:#3795f5 !important;
	font-size:14px;
	font-weight:normal;
}.add-comment a:hover {
	text-decoration:none;
	color:#0a79eb !important;
}
.cancel-comment {
	text-decoration:none;
	color:#3795f5 !important;
	font-size:12px;
	font-weight:normal;
	display:block;
	margin-top:5px;
}.cancel-comment:hover {
	text-decoration:none;
	color:#0a79eb !important;
}	

.thumb-selected {
	border:2px solid #3795f5 !important;
}
.thumb-title-selected {
	color:#3795f5 !important;
}
.thumb-pic {
	border: 2px solid #888;
	box-sizing:border-box;
	height:120px;
	width:100%;
	background: url('../images/ajax-loader6.gif') center no-repeat;
}

.trayrow {
	width:100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-top:10px;
}

.photoHead {
	font-weight:bold;
	font-size:18px;
	margin-top:7px;
	display:inline-block;
}
.photo-date-div {
	display:inline-block;
	float:right;
	margin-top:7px;
}	
.traycomments, .phototrayname {
	margin-top:5px !important;
	width:100%;
}

/********************** STEP 3 ************************/

.build-checkin-left {
	width:60%;
	position:relative;
	display:inline-block;
	float:left;
	min-height:350px;
}	
.build-checkin-right {
	width: 35%;
	float:right;
	display:inline-block;
	min-height:350px;
}
#build_checkin_trays {
	max-height:300px;
	border-bottom:2px solid #ddd;
	overflow-y:auto;
}
.build-checkin-trays-container {
	margin-bottom:5px;
	font-size:12px;
	border-top:1px solid #ddd;
	padding-top:5px;
}
.build-checkin-trays-left {
	display:inline-block;
	float:left;
	width:400px;
	font-size:16px;
}
.build-checkin-trays-right {
	display:inline-block;
	float:right;
	width:80px;
	text-align:right;
	font-size:16px;
}
.build-checkin-trays-name {
	font-size:18px;
	line-height:26px;
}
.build-checkin-trays-sub {
	font-size:12px;
}
.build-checkin-info-div {
	float:left;
	width:80%;
}
.build-checkin-info-title {
	font-weight:bold;
	white-space:normal;
}
.build-checkin-info-desc {
	font-size:10px;
	line-height:13px;
	white-space:normal;
}
#build_checkin_name_container {
	margin-top:20px;
}
#build_checkin_tray_name, #build_checkin_search {
	width:100%;
}
#build_checkin_button, #build_checkin_trays {
	margin-top:15px;
}

.step3-num-trays-div {
	float:left;
	line-height:38px;
}
#step3_num_trays_container, #step3_tray_name_div {
	margin-bottom:10px;
}
#step3_tray_name_container, #step3_tray_suggestions {
	position:relative;
}
#recent_trays {
	width:100%;
	margin:0px auto;
	padding-top:5px;
	min-height:190px;
}
#step3_tray_name_message {
	line-height:35px;
	margin-right:15px;
	display:inline-block;
}
.step3-number-down, .step3-number-up {
	width:25px !important;
	height:38px !important;
	margin-right:0px !important;
	margin-left:0px !important;
}
#number_of_trays {
	width:50px !important;
	float:left;
	text-align:center !important;
	font-size: 1em !important;
}
#tray_name {
	font-size: 1em !important;
}
#tray_name_selected {
	position:relative;
}
#tray_name_selected div {
	position: absolute;
	top: -20px;
	height: 45px;
	width: 298px;
}
.info-left {
	display:inline-block;
	width:600px;
	float:left;
	min-height:130px;
	font-size: 16px;
}
.info-middle {
	display:block;
	width:300px;
	min-height:130px;
	margin:0px auto;
}
.info-right {
	display:inline-block;
	width:307px;
	float:right;
	min-height:130px;
}
#step3_disabled_div {
	width:350px;
	height:100%;
	opacity:0.8;
	background:#fff;
	z-index:11000;
	position:absolute;
	right:0px;
	top:0px;
}
#loaner_fee {
	background: url('../images/dollarsign.png') no-repeat scroll 4px 3px;
	padding-left:30px;
}
#other_case_info {
	display:none;
}

.surgery_check {
	cursor:pointer;
	display:inline-block;
	line-height:25px;
}
.nodate_check {
	cursor:pointer;
	display:inline-block;
	line-height:25px;
}
.supplies-check {
	cursor:pointer;
	display:inline-block;
	line-height:25px;
}

#surgery_table {
	width:312px;
	display:none;
}
.surgery-left {
	width:72%;
	float:left;
	display:inline-block;
}
.surgery-mid {
	width:32%;
	float:left;
	display:inline-block;
	margin-left:4%;
}
.surgery-right {
	width:22%;
	float:right;
	display:inline-block;
}

.find-trays-msg {
	margin:0px auto;
	width:890px;
	text-align:center;
	font-size:25px;
	line-height:1.4em;
}
.pick-tray {
	display:none;
	width:980px;
	margin:0px auto;
	padding-top:25px;
}
.tray-head-div {
	width:100%;
	height:40px;
	border-bottom:2px solid #888;
	margin-bottom:10px;
}
.tray-list-div {
	width:100%;
	height:70px;
	border-bottom:2px solid #eee;
	margin-bottom:10px;
}
.tray-div {
	line-height:42px;
	font-size:21px;
	float:left;
	width:325px;
	display:inline-block;
	padding:10px;
	overflow:hidden;
	height:30px;
}
.tray-doc-div {
	width:250px !important;
}
.tray-time-div {
	width:175px !important;
}
.tray-header-div {
	font-size:25px;
	float:left;
	width:325px;
	display:inline-block;
	padding:10px;
}
#dialog_past_tray_photos div, #dialog_past_tray_photos ul {
	padding:10px;
}
#dialog_past_tray_photos ul ul {
	list-style: disc inside;
	font-size:70%
}

.partial-left {
	width:300px;
	float:left;
	min-height:50px;
	margin-right:25px;
}
.partial-mid {
	width:300px;
	float:left;
	min-height:50px;
}
.partial-right {
	width:300px;
	float:right;
	min-height:50px;
}
.copy-mid {
	width:650px;
	float:left;
	min-height:50px;
}

.multiple-tray-comment { width:100%; }

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

::-webkit-scrollbar-thumb {
    /* border-radius: 4px; */
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.copy-case-container, .copy-case-header {
	padding:10px;
	font-size:13px;
	border-bottom:1px solid #ddd;
}
.copy-case-container:hover {
	background:#eee;
}
.copy-case-header {
	font-weight:bold;
}
.copy-case-footer {
	border:none !important;
	font-size:14px;
	margin-top:10px;
}
.copy-case-footer:hover {
	background:#fff !important;
}
.cc-date {
	float:left;
	width:32%;
}
.cc-doc {
	float:left;
	width:30%;
}

.cc-proc {
	float:left;
	width:30%;
}
.cc-select {
	float:left;
	width:8%;
}

/********************** STEP 4 ************************/

#step4_content {
	padding: 10px 0px;
}

#saved_photos_div {
	padding-left: 120px !important;
	padding:15px;
	background:rgba(55,184,245,0.24) url("../images/album-arrow.png") left no-repeat;
	background-size:30px;
	background-position:80px;
	font-weight:bold;
}
.tray-assign-cell {
	padding: 5px;
	font-size:110%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border:0px none;
}
.tray-assign-cell:hover {
	background:#eee;
	cursor:pointer;
}
.tray-assign-cell-selected {
	border:2px solid #3795f5;
	background: #eee;
}
#photo_tray_info {
	border: 0px none !important;
}
#photo_tray_info td {
	font-size:10px !important;
}
#d_photo_container {
	width:640px;
	height:360px;
	border: 2px solid #888;
	position:relative;
	cursor: crosshair;
}
.d-photo-comments-div {
	margin-top:20px;
	width:644px;
	height:60px;
}
#d_photo_comments {
	float:right;
	width:490px;
	height:100%;
}

.d-photo-implants-div {
	margin-top:20px;
	width:644px;
	height:60px;
}
.d-photo-tray-number-div {
	margin-top:20px;
	width:644px;
}
.photo-tray-number-div {
	height:60px;
	line-height:60px;
	font-size:30px;
	float:left;
}
.tray-number-down, .step3-number-down {
	border:2px solid #888;
	margin-left:20px;
	border-right:0px none;
	background:#eee;
	background-image: url(../images/scroll-left-grey.png);
	background-repeat: no-repeat;
	background-size: 30%;
	background-position: center center;
	border-radius: 10px 0px 0px 10px;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	width: 30px;
	float: left;
	height: 60px;
}
.tray-number-up, .step3-number-up {
	border:2px solid #888;
	margin-right:20px;
	border-left:0px none;
	background:#eee;
	background-image: url(../images/scroll-right-grey.png);
	background-repeat: no-repeat;
	background-size: 30%;
	background-position: center center;
	border-radius: 0px 10px 10px 0px;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	width: 30px;
	float: left;
	height: 60px;
}
.photo-tray-number {
	height:60px;
	font-size:40px !important;
	width:75px !important;
	float:left;
	text-align:center !important;
}

.album-container {
	display: inline-block;
	float: left;
	min-height: 400px;
	width: 210px;
	margin-right: 10px;
	padding-top: 35px;
	-webkit-box-sizing: border-box;
}
.album-up {
	background-color: #eee;
	border: 2px solid #888;
	width: 100%;
	height: 45px;
	line-height: 45px;
	text-align: center;
	background-image: url(../images/scroll-up-grey.png);
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: center center;
	border-radius: 10px 10px 0px 0px;
	cursor:pointer;
	-webkit-box-sizing: border-box;
}
.album-down {
	background-color: #eee;
	border: 2px solid #888;
	width: 100%;
	height: 45px;
	line-height: 45px;
	text-align: center;
	background-image: url(../images/scroll-down-grey.png);
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: center center;
	border-radius: 0px 0px 10px 10px;
	cursor:pointer;
	-webkit-box-sizing: border-box;
}
.album-photo-container {
	width:100%;
	position:relative;
	height:255px;
	-webkit-box-sizing: border-box;
	overflow:hidden;
}
.album-photos {
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	-webkit-box-sizing: border-box;
}
.album-filter-container {
	margin-bottom:15px;
}
.album-filter {
	width:70% !important;
}
.thumb {
	margin-top:5px;
	margin-bottom:5px;
	position:relative;
	-webkit-box-sizing: border-box;
	cursor:pointer;
}
.thumb-placeholder {
	border:1px solid #ccc !important;
	height:120px;
	cursor: default !important;
}
.picRemove {
	width:40px;
	height:40px;
	position:absolute;
	top:2px;
	right:2px;
	text-align:center;
	line-height:40px;
	z-index:1000;
}
.pic-remove-icon {
	height:40px;
	width:40px;
	display:block;
	background: #fff url('../images/trash-1-black.png') center no-repeat;
	background-size:30px;
	opacity:0.7;
	border-bottom-left-radius:5px;
}
.pic-remove-icon:hover {
	background: #fff url('../images/trash-1-blue.png') center no-repeat;
	background-size:30px;
}
.picTypeText {
	width:50%;
	position:absolute;
	top:2px;
	left:2px;
	z-index:1000;
	color:#000;
	background:#fff;
	opacity:0.7;
	line-height:25px;
	text-align:center;
	font-size:16px;
	border-bottom-right-radius:5px;
}
.picText {
	width:206px;
	position:absolute;
	bottom:2px;
	right:2px;
	z-index:1000;
	color:#000;
	background:#fff;
	opacity:0.7;
	line-height:25px;
	text-align:center;
	font-size:16px;
	text-overflow:ellipsis;
}
.picText-selected {
	color:#fff !important;
	background:#3795f5 !important;
}
.take-pics {
	float:right;
	padding-top:25px;
	width:750px;
}
.webcam {
	float:left;
	width:640px;
	border: 2px solid #888;
}
.webcam_holder {
	background: #eee;
	height: 360px;
	width: 640px;
	margin: 0px auto;
	position: absolute;
	top:0px;
	left:0px;
	z-index:1000;
}
#photo_required_photos_message {
	font-size: 16px;
	line-height: 20px;
	height: 60px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	padding: 2px 10px;
	color: #999;
	font-weight: 100;
	font-family: sans-serif;
}
.cambuttons{
	width:644px;
	display:inline-block;
	float:left;
	margin-top:20px;
}
.zoomer-div {
	height:364px;
	width:90px;
	float:right;
	background: url('../images/zoomer_label.png');
	background-repeat: no-repeat;
	background-position: right;
}
#zoomer {
	height:300px;
	float:left;
	margin-left:10px;
	margin-right:10px;
	margin-top:32px;
	border: 2px solid #888 !important;
	background: #eee !important;
}
#zoomer a.ui-slider-handle {
	border: 2px solid #888 !important;
	background: #ccc !important;
}
#zoomer a.ui-slider-handle:hover {
	background: #aaa !important;
	border: 2px solid #888 !important;
	cursor: pointer !important;
}

#configure-button {
	display:none;
}

#snapmsg {
	display:none;
	color:#333;
}
#donemsg {
	color:#333;
	float:right;
}

#donewithphotos {
	float:right;
}

.traylist {
	width:848px;
	margin:0px auto;
	padding-top:15px;
	display:none;
}

.traypreview {
	width:640px;
	height:360px;
	position: relative;
	border: 2px solid #888;
	margin-right:10px;
}
.preview-dim{
	width:100%;
	height:100%;
	z-index:1001;
	background: #fff;
	opacity: 0.7;
	text-align:center;
	font-size: 25px;
	line-height:360px;
	color:#000;
	position: absolute;
	top:0;
	left:0;
}

.implants_check {
	margin-bottom:10px;
	line-height:25px;
	display:inline-block;
}
.higher {
	z-index:1001;
}
.implants_msg {
	margin-top:-10px !important;
	padding-top:0px !important;
	z-index:1000;
	color:red;
	display:none;
}
.please-wait-implants {
	width:100%;
	text-align:center;
	line-height:30px;
	height:30px;
	display:none;
}

.savephoto {
	margin-right: 4px !important;
}
.deletephoto {
	margin-left: 4px !important;
}
.highlighter {
	z-index:1001;
	background:none;
	border: 3px solid #ff0000;
	width:80px;
	height:80px;
	cursor:move;
}
.hl-close{
	color:#ff0000;
	float:right;
	display:block;
	padding-top: 0px;
	margin-right:5px;
	font-weight:bold;
	font-size:18px;
}
.hl-close:hover{
	opacity:0.9;
}
.hl-holder {
	float:right;
	display:inline-block;
}

/********************** STEP 5 ************************/

.checkin-extra-info {
	width:950px;
	margin:0px auto;
	padding-top:25px;
}
.checkout-extra-info {
	width:618px;
	margin:0px auto;
	padding-top:25px;
}

.ei-left {
	width:400px;
	float:left;
	min-height:130px;
}
.ei-right {
	width:500px;
	float:right;
	min-height:130px;
}

.list-check {
	cursor:pointer;
	display:inline-block;
	line-height:25px;
}
.steril-check {
	cursor:pointer;
	display:inline-block;
	line-height:25px;
}
#removal_row {
	margin-top:18px;
	font-size:20px;
	line-height:25px;
	display:inline-block;
}
.extra-comment {
	width:100%;
	height:100px;
	margin-bottom:20px !important;
}

.checkin-buttons {
	margin:0px auto;
	width:940px;
}
.checkout-buttons {
	margin:0px auto;
	padding-top:25px;
}
.cio-msg {
	margin:0px auto;
	width:890px;
	text-align:center;
	font-size:25px;
	line-height:1.4em;
	color:green;
	padding:25px 0px;
}
.cio-sub {
	color:#333;
	font-size:14px;
	margin:0px auto;
	line-height:1.4em;
	text-align:center;
}
.checkin-button {
	margin-left:25px !important;
}
.checkin-subhead {
	text-align:center;
	font-size:14px;	
	font-weight:normal;
	padding-top:5px;
}
#labelholder {
	margin:0px auto;
	height:200px;
	width:900px;
}
#also_notify {
	width:200px;
	float:right;
}
.preview_label { 
	height:170px;
	margin:0px auto;	
	margin-left:303px;
}

/**********************  Header styles ************************/

h1,h2,h3,h4,h5,h6{
	color:#888;
	font-weight: normal;
	font-family:  'Trebuchet MS';	
	text-transform: uppercase;
	word-spacing:4px;
	padding:0 0 15px 0;
}

h1{
		font-size:37px; 
		line-height:34px;
		padding:19px 0 19px 0;
		font-family: 'Trebuchet MS';
		text-align:center;
		text-transform:uppercase;
		font-size: 37px;
		margin:0 0 16px 0;
}

h2{font-size:34px; line-height:29px;}

h3{font-size:30px; line-height:26px;} 

h4{font-size:27px; line-height:23px;}   

h5{font-size:24px; line-height:20px;}

h6{font-size:20px; line-height:18px;}

/******************** Forms ******************/

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.field {
	line-height: 1.4em;
	font-size: 16px;
	border: 2px solid #888;
	padding:2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius:0px;
	margin:0px;
	width:300px;
	text-align:left;
}

.area {
	line-height: 1.4em;
	font-size: 16px;
	border: 2px solid #888;
	padding:2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius:0px;
	margin:0px;
	resize:none;
}

.select {
	line-height: 1.4em;
	font-size: 16px;
	border: 2px solid #888;
	padding:2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius:0px;
	margin:0px;
}
.select-text {
	line-height:25px;
	display:inline-block;
}
.field-text {
	line-height:30px;
	display:inline-block;
}
.check-text {
	line-height:30px;
	display:inline-block;
	padding-left: 10px;
}

.pad-top {
	margin-top:10px !important;
}

.bigger {
	font-size:24px;
	padding:6px;
}
.smaller {
	font-size: 16px !important;
	padding:10px !important;
}
.disabled-check-cell {
	position:absolute;
	height:30px;
	width:140px;
	z-index:1010;
	background:#fff;
	opacity:0.7;
	display:none;
}
.button {
	padding:15px;
	font-size: 22px;
	font-weight:bold;
	border: 2px solid #333;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: #333;
	color: #fff;
	margin:0px;
	text-transform:uppercase;
	cursor:pointer;
}
.button:hover {
	background-color: #444;
}
.button-disabled {
	opacity: 0.3;
	cursor:default;
}
.button-white {
	padding:15px;
	font-size: 22px;
	font-weight:bold;
	border: 0px none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: #fff;
	color: #3795f5;
	margin:0px;
	text-transform:uppercase;
	cursor:pointer;
}
.button-white:hover {
	color: #0a79eb;
}
.camera-icon {
	padding:15px;
	font-size: 22px;
	font-weight:bold;
	border: 2px solid #333;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #333 url('../images/cam-2.png') center no-repeat;
	background-size: contain;
	cursor:pointer;
	height:60px;
	width:100px;
	margin-right:20px;
	float:right;
}
.camera-icon:hover {
	background-color: #3795f5;
	border:2px solid #3795f5;
}
.trash-icon {
	padding: 10px;
	color: #fff;
	font-size: 20px !important;
	padding-left: 42px;
	font-weight: bold;
	border: 2px solid #333;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #333 url('../images/trash-1.png') center no-repeat;
	background-size: 30px;
	background-position: left;
	background-position-x: 8px;
	cursor: pointer;
	height: 50px;
	margin-right: 20px;
	float: right;
}
.trash-icon:hover {
	background-color: #444;
}
.save-icon {
	padding: 10px;
	color: #fff;
	padding-left: 45px;
	font-size: 20px !important;
	font-weight: bold;
	border: 2px solid #333;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #333 url('../images/save-1.png') no-repeat;
	background-position: left;
	background-position-x: 8px;
	background-size: 30px;
	cursor: pointer;
	height: 50px;
	float: right;
}
.save-icon:hover {
	background-color: #3795f5;
	border:2px solid #3795f5;
}
.weight-icon {
	padding: 10px;
	padding-left: 35px;
	font-weight: bold;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: url('../images/weight.png') no-repeat;
	background-position: left;
	background-size: 30px;
	height: 100%;
	width: 100%;
	display:block;
	margin-top:10px;
	font-size:12px;
}
.weight-clicked {
	background-image: url('../images/weight.gif') !important;
	color:#000 !important;
}
.weight-stopped {
	background-image: url('../images/weight.png') !important;
	color:#000 !important;
}
#tray_assign_disabled {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
.pic-required {
	background: #fff url('../images/cam-2-black.png') center no-repeat;
	background-size: 35px;
	opacity:0.3;
	width:30px !important;
	height: 30px !important;
}
.valid-darker {
	background-image: url('../images/blue_check.png');
	background-repeat: no-repeat;
	background-size: 26px;
	background-position: center;
	opacity:0.8;
	width:30px !important;
	height: 30px !important;
}
.checkbox {
	height:20px;
	width:20px;
	border: 2px solid #888;
	background:#fff;	
	cursor: pointer;
	display:inline-block;
	line-height:25px;
}
.is-checked {
	background: #fff url('../images/check.png') no-repeat !important;
	background-position: center !important;
}

.width100 {
	width:100%;
}
.width60 {
	max-width:60%;
}
.width50 {
	width:50%;
}
.width35 {
	width:35%;
}
.width30 {
	width:30%;
}
.width20 {
	width:20%;
}

.left {
	float:left;
}
.right {
	float:right;
}

.inline{
	display:inline-block;
}

.is-valid {
	background-image: url('../images/blue_check_25.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right;
}

.not-valid {
	background-image: url('../images/x_circle.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right;
}
.searching {
	background-image: url('../images/ajax-loader6.gif');
	background-repeat: no-repeat;
	background-position: 557px center;
}
.search-done {
	height:30px;
	line-height:30px;
	padding-left:35px !important;
	background: #fff url('../images/done-blue.png') no-repeat !important;
	background-position:5px 5px !important;
	background-size: 20px 20px !important;
	font-size:14px;
	color:#3795f5;
	text-align:left;
}
.search-alert {
	height:30px;
	line-height:30px;
	padding-left:35px !important;
	background: #fff url('../images/alert.png') no-repeat !important;
	background-position:5px 5px !important;
	background-size: 20px 20px !important;
	font-size:14px;
	color:#ce5500;
	text-align:left;
}
/******************** Footer ******************/

.footer { height:60px;
	  background:#fff;
	  margin:0px auto;
	  line-height:60px;
	  color:#333;
	  text-align:center;
	  position:absolute;
	  bottom:0;
	  left:0;
	  width:100%;
}

/**************** MESSAGES **************/

.errMessage { 
    border: 1px solid #CC0000; 
    padding: 5px; 
    color: #333;
    background-color: #f4f2f2; 
    margin-bottom: 15px;
    margin-top: 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align:center;

}
.sucMessage { 
    border: 1px solid #007b03; 
    padding: 5px; 
    color: #333; 
    text-align:center; 
    background-color: #d6ffd7; 
    margin-bottom: 15px;
    margin-top: 15px;
}
.loadMessage { 
    border: 1px solid #e0bb3e; 
    padding: 5px; 
    color: #333; 
    text-align:center; 
    background-color: #fffcd7; 
    margin-bottom: 15px;
    margin-left: 10px;
}

#loading_modal {
	height:100%;
	width:100%;
	z-index:1003;
	display: none;  
    	background-color: black;
    	-moz-opacity: 0.7; 
    	opacity: .70;
    	filter: alpha(opacity=70);
    	position:fixed;
    	left:0%;
    	top:0%;
}
#loading_msg {
	display:table;
	font-size:18px;
	text-align:left;
	line-height:50px;
	padding-left:75px !important;
	background: url('../images/ajax-loader6.gif') no-repeat;
	background-position:25px 29px;
	background-size: 32px 32px;
	z-index:1004;
	background-color: #fff;
	position:fixed;
	margin:auto;
	padding:20px;
	border:0px none;
}
.loading-done {
	height:50px;
	line-height:50px;
	padding-left:75px !important;
	background: #fff url('../images/done-blue.png') no-repeat !important;
	background-position:20px 20px !important;
	background-size: 50px 50px !important;
	font-size:18px;
	color:#3795f5;
	text-align:left;
}
.loading-alert {
	height:50px;
	line-height:50px;
	padding-left:75px !important;
	background: #fff url('../images/alert.png') no-repeat !important;
	background-position:20px 20px !important;
	background-size: 50px 50px !important;
	font-size:18px;
	color:#ce5500;
	text-align:left;
}
.loading-error {
	height:50px;
	line-height:50px;
	padding-left:75px !important;
	background: #fff url('../images/error.png') no-repeat !important;
	background-position:20px 20px !important;
	background-size: 50px 50px !important;
	font-size:18px;
	color:red;
	text-align:left;
}
.loading-img div {
	margin-top:20px;
	height:50px;
	line-height:50px;
	font-size:18px;
	text-align:center;
}

.flag-suspension {
	min-height:70px;
	line-height:25px;
	padding-left:90px !important;
	background: url('../images/error.png') no-repeat;
	background-position:left center;
	background-size: 50px 50px;
	font-size:18px;
	text-align:left;
}
.flag-reminder {
	min-height:70px;
	line-height:25px;
	padding-left:90px !important;
	background: url('../images/alert.png') no-repeat;
	background-position:left center;
	background-size: 50px 50px;
	font-size:18px;
	text-align:left;
}
#rep_flagged_timer {
	text-align:right;
	font-size: 70%;
	margin-top:25px;
}
.error-text {
	color:red !important;
}
.alert-text {
	color:#ce5500 !important;
}
.loading-bar {
	height:100%;
	min-height:50px;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	opacity: 0.8;
	cursor:default;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	background:#fff;
	z-index:1003;
	display:none;
}
.loading-bar div {	
	height:100%;
	width:100%;
	z-index:1004;
	background:url('../images/ajax-loader6.gif') no-repeat;
	background-position: center center;
}

/************* TABLES ***********/
.notableborder { border: 0px none !important; }
.regTable { border-collapse: collapse; width:100%; border: 2px solid #fff; }
.regHeader{ background-color: #d7f6f6; font-weight:bold; }
.regTable th { padding: 5px;  border-bottom:2px solid #888; color:#333; text-transform:uppercase; vertical-align:middle; text-align:left;}
.regTable td { font-size: 14px; padding: 5px; vertical-align:middle; text-align:left; }

.regTrayTable { border-collapse: collapse; width:100%; border: 2px solid #fff; }
.regTrayTable td { font-size: 12px; padding: 0px; vertical-align:middle; text-align:left; }
.dataTable { border-collapse: collapse; }
.dataTable .tableHeader{ background-color: #ccc; font-weight:bold; }
.dataTable .altcolor1 { background-color:#FFC; }
.dataTable .altcolor2 { background-color:#FFF; }
.dataTable th { padding: 5px;  background-color:#ccc; border: none; }
.dataTable td { font-size: 14px; padding: 5px; vertical-align:top; }
.dataTable tr.data:hover { background-color:#666; }
.dataTable tr.dash td { border-bottom:1px solid #f4f2f2; }
.dataTable .solid { border-bottom:2px solid #CCC; }

.upfrontindex{
	z-index: 1000 !important;
}

/* fix flip */
/*.take-pics .webcam {
    transform: scale(-1, -1);
}*/