html {

  filter: expression(document.execCommand("BackgroundImageCache", false, true));

}

html, body {
    width:100%;
    height:100%;
    margin:0px;
    padding:0px;
    font-family: Arial, Helvetica, Sans Serif;
    font-size:0px;
    background-color:#fff;
}



#wrapper {
    width:900px;
    height:600px;
    margin:0px auto;
    padding:0px;
}

.header {
    width:900px;
    height:121px;
    margin:0px;
    padding:0px;
    background-image:url('images/bg_hdr_nav.gif');
    background-repeat:no-repeat;
}

.title {
	text-align:left;
	vertical-align:top;
	width:690px;
	height:49px;
	margin: 17px 0px 22px 18px;
}

.dentistName, .dentistName a, .dentistName a:visited
{
	font-size:14px;
	font-weight:bold;
	color:#696969;
	text-decoration:none;
	margin-bottom:60px;
}

.navbar {
	width:680px;
	height:31px;
	margin: 0px 0px 0px 18px;
	padding:0px;
}

.navbar a
{
	display:block;
	height:31px;
	float:left;
}

a.tab_create {
	width:174px;
	background-image:url('images/tab_create_active.gif');
	margin-right:6px;
}
a.tab_create_button {
	width:150px;
	height:27px;
	margin-top:4px;
	background-image:url('images/btn_tab_create.gif');
	margin-right:6px;
}
a.tab_create_button:hover
{
	background-position:0 -27px;
}

a.tab_referrals {
	width:150px;
	background-image:url('images/tab_manage-referrals_active.gif');
	margin-right:6px;
}
a.tab_referrals_button {
	width:150px;
	height:27px;
	margin-top:4px;
	background-image:url('images/btn_tab_manage-referrals.gif');
	margin-right:6px;
}
a.tab_referrals_button:hover
{
	background-position:0 -27px;
}

a.tab_cases {
	width:120px;
	background-image:url('images/tab_manage-cases_active.gif');
	margin-right:26px;
	margin-right:6px;
}
a.tab_cases_button {
	width:120px;
	height:27px;
	margin-top:4px;
	background-image:url('images/btn_tab_manage-cases.gif');
	margin-right:6px;
}
a.tab_cases_button:hover
{
	background-position:0 -27px;
}

a.tab_help {
	width:68px;
	height:30px;
	background-image:url('images/tab_help_active.gif');
	margin-right:6px;
	margin-top:1px;
}
a.tab_help_button {
	width:68px;
	height:26px;
	margin-top:5px;
	background-image:url('images/btn_tab_help.gif');
	margin-right:6px;
}
a.tab_help_button:hover
{
	background-position:0 -26px;
}

#contents {
    width:900px;
    height:455px;
    margin:0px;
    padding:0px;
    font-size:12px;
    color:#666;
	line-height:18px;
}

.dentist_ready_links a, a.external {
	color:#666;
}

.dentist_logged-in_buttons 
{
	width:490px;height:25px;
	margin:0px;
	padding:0px;
	background-color:#fff;
}

.dentist_logged-in_buttons a
{
	display:block;
	width:157px;
	height:25px;
	margin-right:5px;
	float:left;
}

.dentist_logged-in_buttons a:hover 
{
	background-position:0 -25px;
}

a.create-lumismile 
{
	background-image:url('images/btn_create-lumismile.gif');
}

a.manage-referrals 
{
	background-image:url('images/btn_manage-referrals.gif');
}

a.manage-cases 
{
	background-image:url('images/btn_manage-cases.gif');
}

#contents_left {
	width:385px;
	height:385px;
	margin: 0px 70px 0px 0px;
	border:1px solid;
	border-top-color:#fff;
	border-right-color:#ccc;
	border-bottom-color:#fff;
	border-left-color:#fff;
	float:left;
}

#edit-referral_left {
	width:375px;
	height:215px;
	margin: 0px 40px 0px 0px;
	
	border:1px solid;
	border-top-color:#fff;
	border-right-color:#ccc;
	border-bottom-color:#fff;
	border-left-color:#fff;
	float:left;
}


#form_new-profile_left {
	margin:0px 0px 0px 46px;
	font-size:13px;
	color:#707070;
}
#edit-case_left 
{
	width:224px;
	height:215px;
	margin: 0px 5px 0px 0px;
	float:left;
}
#form_edit-case_left {
	margin:0px 0px 0px 46px;
	font-size:13px;
	color:#707070;
}
#edit-case_middle {
	width:324px;
	height:215px;
	margin: 0px 20px 0px 0px;
	
	border:1px solid;
	border-top-color:#fff;
	border-right-color:#ccc;
	border-bottom-color:#fff;
	border-left-color:#fff;
	float:left;
}
#form_edit-case_middle {
	margin:0px 0px 0px 0px;
	font-size:13px;
	color:#707070;
}
#form_edit-case_right 
{
	width:295px;
	font-size:13px;
	color:#707070;
	margin-top:0px;
	float:left;
}
#form_new-profile_right {
	font-size:13px;
	color:#707070;
	margin-top:0px;
	width:284px;
	float:left;
}
#form_edit-referral_right {
	font-size:13px;
	color:#707070;
	margin-top:0px;
	width:295px;
	float:left;
}

.contents_title {
	margin:0px;
	padding:0px;
	font-size:13px;
	vertical-align:top;
	float:left;
}
.contents_profile_number {
	margin:0px 0px 0px 105px;
	padding:0px;
	font-size:10px;
	vertical-align:top;
	float:left;
}

#profile_number {
	width:40px;
	margin:0px;
	padding:0px;
	font-size:10px;
	line-height:20px;
}

.line {
	display:block;
	height:42px;
	margin-bottom:6px;
	overflow:hidden;
}

.tightline
{
	display:block;
	height:24px;
	margin-bottom:6px;
	line-height:10px;
	overflow:hidden;
}
.profileLabelLine
{
	display:block;
	height:16px;
	margin-bottom:6px;
	margin-left:46px;
	margin-top:12px;	
}

textarea.new-profile
{
	border:1px solid #ADADAD;
	font-size:10px;
    font-family: Arial, Helvetica, Sans Serif;
    margin-bottom:5px;
}

input.new-profile,
input.new-profile_required,
input.new-profile_required_emptytext,
input.new-profile_emptytext,
input.fakebox {
	height:18px;
	border:1px solid #ADADAD;
	font-size:10px;
	line-height:17px;
}
select.new-profile,
select.new-profile_required {
	height:20px;
	border:1px solid #ADADAD;
	font-size:10px;
	line-height:17px;
}

select.new-profile,
input.new-profile,
input.new-profile_emptytext {
	background-image:url('images/bg_input-white.gif');
}

select.new-profile_required,
input.new-profile_required,
input.new-profile_required_emptytext,
input.fakebox {
	background-image:url('images/bg_input-yellow.gif');
}

input.new-profile_required_emptytext,
input.new-profile_emptytext
{	
	color:#999;
}

select.new-profile,
input.new-profile,
input.new-profile_required
{
	color:Black;
}

#form_edit-profile_top
{
	width:900px;
	/*height:247px;*/
	height:272px;
	overflow:auto;
}
.form_edit-profile_top /* rad ajax panel on case editor page */
{
	width:900px;
	height:247px;
	overflow:auto;
	margin-top:0px;	
}

#form_edit-profile_bottom 
{
	font-size:13px;
	background-color:#ECECEC;
	width:900px; /* width should be the same as footer */
	border-top-style:solid;
	border-top-width:thin;
	border-top-color:#CDCDCD;
	margin-top:0px;
	height:190px;
}

#form_edit-profile_bottom-left
{
	float:left;
	width:290px;
	/* margin: 10px 20px 0px 30px; */
	margin:10px 0px 0px 25px;
}
#form_edit-profile_bottom-right
{
	float:right;
	margin:5px  3px 5px 0px;
	width:555px;
}

a.proceed_photo, .proceed_photo_disabled
{
	display:block;
	width:194px;
	height:27px;
	float:right;
}
a.proceed_photo
{
	background-image:url('images/btn_proceed-photo.gif');
}
a.proceed_photo:hover 
{
	background-position:0 -27px;
}

.proceed_photo_disabled
{
	background-image:url('images/btn_proceed-photo_disabled.gif');
}

a.search {
	display:block;
	width:69px;
	height:24px;
	background-image:url('images/btn_search.gif');
	float:right;
}

a.search:hover 
{
	background-position:0 -24px;
}
a.go {
	display:block;
	width:33px;
	height:25px;
	background-image:url('images/btn_go.gif');
}
a.go:hover 
{
	background-position:0 -25px;
}
a.view-lumismile-profile {
	display:block;
	width:155px;
	height:25px;
	background-image:url('images/btn_view-lumismile-profile.gif');
}
a.view-lumismile-profile:hover 
{
	background-position:0 -25px;
}
a.send-email {
	display:block;
	width:98px;
	height:25px;
	background-image:url('images/btn_send-email.gif');
}
a.send-email:hover 
{
	background-position:0 -25px;
}

a.login {
	display:block;
	width:78px;
	height:32px;
	background-image:url('images/btn_login.gif');
	float:right;
}

a.login:hover 
{
	background-position:0 -32px;
}
a.resetpassword {
	display:block;
	width:109px;
	height:32px;
	background-image:url('images/btn_reset-password.gif');
	float:right;
}

a.resetpassword:hover 
{
	background-position:0 -32px;
}

a.SaveProfile {
	display:block;
	width:103px;
	height:27px;
	background-image:url('images/btn_save_profile.gif');
	float:right;
}

a.SaveProfile:hover 
{
	background-position:0 -27px;
}
a.create-new-lumismile
{
	margin-top:3px;
	margin-bottom:3px;
	display:block;
	width:179px;
	height:25px;
	background-image:url('images/btn_create-new.gif');
	float:right;
}
a.create-new-lumismile:hover
{
	background-position:0 -25px;
}

#instructions_left {
	width:320px;
	height:295px;
	margin: 0px 0px 0px 20px;
	float:left;
	font-size:11px;
	overflow:auto;
}


#photo_frame {
	width:429px;
	height:382px;
	background-image:url('images/bg_photo-frame.gif');
	background-repeat:no-repeat;
	overflow:hidden;
}

#photo_placeholder 
{
	margin:20px 0px 0px 30px;
}

#upload-photo_buttons 
{
	width:150px;
	height:280px;
	margin:0px;
	padding:0px;
	z-index:1000;
}

#upload-photo_buttons a
{
	display:block;
	width:70px;
	height:25px;
	margin-left:5px;
	float:right;
}

#upload-photo_buttons a:hover
{
	background-position:0 -25px;
}

#browse-photo_buttons
{
	/*margin-top:160px;*/
	
}

/* http://www.quirksmode.org/dom/inputfile.html */
div.fileinputs {
	position: relative;
	height:25px;
	text-align:right;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 101;
	width:190px;
}

input.file, input.file_ff
{
	/*position: relative;*/
	position: absolute;
	top: 0px;
	width:186px;
	-moz-opacity:0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 103;
	/*visibility:hidden;*/
}

/* a kludge for firefox */
input.file
{
	left: -15px;
}
input.file_ff
{
	left: -55px;
}


html>body #header 
{
	margin-bottom: 1em;
} 


input.fakebox
{
	width:84px;
	position: absolute;
	top: 0px;
	left:0px;
}

.file_browse_button
{
	position: absolute;
	top: 0px;
	left: 90px;
	background-color:#82ACCC;
	color:White;
	font-size:9pt;
	font-weight:bold;
	height:20px;
	border-style:none;
	float:right;
	text-align:center;
	width:81px;
	text-decoration:none;
}


.file_browse_button:hover
{
/*	cursor:pointer;*/
	cursor:auto;
}
/*
input.file:hover, input.file_ff:hover
{
	cursor:pointer;
}
*/

.ButtonStyleA
{
	background-color:#83ACCC;
	color:White;
	font-size:9pt;
	font-weight:bold;
	height:22px;
	border-style:none;
	text-align:center;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
	vertical-align:middle;
	padding-top:3px;
	line-height:normal;
}
.ButtonStyleA:hover
{
	background-color:#F9B116;
}

.file_next_button
{
	position: absolute;
	top: 25px;
	left: 90px;
	background-color:#00579C;
	color:White;
	font-size:9pt;
	font-weight:bold;
	height:20px;
	border-style:none;
	float:right;
	text-align:center;
	width:81px;
	text-decoration:none;
}
.file_next_button:hover
{
	background-color:#F9B116;
}
.file_next_button:visited
{
	color:White;
}

.file_input_error
{
	color:Red;
	font-weight:bold;
	padding:0 0 0 0;
	font-size:12px;
	margin-top: 125px;
	text-align:left;
	line-height:normal;
	width:190px;
	float:left;
	z-index:200;
}

a.go-back 
{
	background-image:url('images/btn_upload_go-back.gif');
	width:70px;
	height:25px;
	display:block;
}
a.go-back:hover
{
	background-position:0 -25px;
}

a.cancel 
{
	background-image:url('images/btn_upload_cancel.gif');
	width:70px;
	height:25px;
	display:block;
}
a.cancel:hover
{
	background-position:0 -25px;
}

a.upload-photo
{
	width:174px;
	height:25px;
	margin-top:142px;
	background-image:url('images/btn_upload-photo.gif');
	float:right;
}

a.upload-photo:hover
{
	background-position:0 -25px;
}

a.reject-replace
{
	display:block;
	width:187px;
	height:25px;
	margin-top:-15px;
	background-image:url('images/btn_reject-replace.gif');
}

a.reject-replace:hover
{
	background-position:0 -25px;
}

a.send-photo
{
	display:block;
	width:187px;
	height:25px;
	margin-top:6px;
	background-image:url('images/btn_send-photo.gif');
}

a.send-photo:hover
{
	background-position:0 -25px;
}

a.upload-next
{
	display:block;
	width:70px;
	height:25px;
	background-image:url('images/btn_upload_next.gif');
	margin-top:5px;
}

a.upload-next:hover
{
	background-position:0 -25px;
}

#ready_alert 
{
   position: absolute; 
   top:0; 
   left:0; 
   width:100%; 
   height:100%; 
   z-index:500; 
   background-image:url('images/bg_joebox.gif');
   background-repeat:repeat ; 
    
}

.ready_alert_dialog
{
	background-color:White;
	/* Default width & height, modify locally if needed: */
	width:564px;
	height:260px;
	/* center-align the dialog: */
	margin-left:auto;
	margin-right:auto;
	/* vertical clearance: */
	margin-top:200px;
}

.ready_alert_dialog_contents
{
	font-size:12px;
	color:#81a4c4;
	margin:34px;
	text-align:left;	
	font-weight:bold;
	line-height:20px;
	/* change spacing from the dialog div by adding a setting for margin-top locally */
	
}


#ready_alert a {
	display:block;
	width:338px;
	height:47px;
	margin: 0px 0px 15px 0px;
}

#ready_alert a:hover 
{
	background-position:0 -47px;
}


a.view-befaft 
{
	background-image:url('images/btn_view-befaft.gif');
}

a.retrieve-later 
{
	background-image:url('images/btn_retrieve-later.gif');
}

a.retake-before
{
    background-image:url('images/btn_retake-before.gif') ;
}

a.upload-later
{
    background-image:url('images/btn_upload-later.gif');
}

#before-after
{
    width:535px; 
    height:467px; 
    margin-top:33px;
    margin-left:auto;
    margin-right:auto;
    background-image:url('images/bg_befaft.gif');
    background-repeat: no-repeat;
}

#before-after-compact
{
    width:535px; 
    height:407px; 
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
    background-image:url('images/bg_befaft_compact.gif');
    background-repeat: no-repeat;
}

#before-after.before-after_detailed
{
	margin-top:125px;	
}

#before-after a {
	display:block;
	height:25px;
	margin:0px;
}

#before-after a:hover 
{
	background-position:0 -25px;
}

#before-after a.PrevNextClose
{
	color:White;
	text-decoration:none;
	display:inline;
	height:auto;
	width:auto;
}

.PhotoDetailPanel
{
	font-size:12px; 
	line-height:16px; 
	color:#6c6c6c; 
	background-color:#CCCCCC;	
	border:solid 4px white;
	text-align:left;
	width:auto;
	padding-left:5px;
	padding-right:5px;
}

#ModalBoxContainer
{
	visibility:hidden;
	z-index:500;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;	
	background-image:url('images/background-trans.gif');
}

a.befaft_print, a.befaft_print_thumbnails 
{
	display:block;
	background-image:url('images/btn_befaft_print.gif');
	border:none;
	width:73px;
	height:25px;
	/*float:right;*/
}
a.befaft_print_thumbnails
{
	margin-left:auto;
	margin-right:auto;
}
a.befaft_print:hover, a.befaft_print_thumbnails:hover
{
	background-position:0 -25px;
}

a.email-patient 
{
	display:block;
	background-image:url('images/btn_email-patient.gif');
	border:none;
	width:103px;
	height:25px;
	/*margin:0px 0px 0px 300px;*/
}
a.email-patient:hover
{
	background-position:0 -25px;
}

#footer 
{    
	width:900px; /* width should be the same as form_edit-profile_bottom */    
	height:28px;    
	margin: 0px 0px 0px 0px;    
	padding: 0px 0px 0px 0px;    
	text-align:right;    
	background-color:#999;    
	font-size:11px;    
	color:#fff;    
	float:right;    
} 
#footer p 
{    
	margin:0px 0px 0px 0px;    
	float:right;        
}

#footer a 
{
	color:#fff;
	text-decoration:none;
}


a.reset-button
{
    background-image:url('images/ResetPasswordButton.jpg');
    border:none;
    height:32px;
    width:109px;
    margin-left:161px;
}

a.reset-button:hover
{
    background-position:0 -32px;
}

/* message on the home page below buttons and incoming messages */
.HomeMessage
{
	color:#115789;
	font-size:13px;
	font-weight:bold;
}

/* styles for referral and case searches */
.SearchInstructions
{
	color:#115789;
	font-size:13px;
	line-height:110%;
	padding-left:25px;
	padding-top:15px;
}

table.SearchDecorator
{ width:100%; height:38px; }

tr.SearchInputRow
{ /* TBD */ }

td.SearchLabelCell
{
	background-color:#CBD6DC;
	text-align:right;
	width:125px;
}

.SearchInputLabel
{
	margin-left:15px;
	margin-right:15px;
}

td.SearchInputCell
{
	background-color:#E6E7E9;
	padding-top:0px;
}

.SearchInput
{
	margin-left:15px;
	margin-right:15px;
	width:87%;
}

.RadSearchInputDiv
{
	margin-left:15px;
	margin-right:15px;
}



/* styles for search results grid */

.SearchResultHeader
{
	background-color:#005595;
	color:White;
}
.SearchResultOddRow
{
	background-color:White;
}
.SearchResultEvenRow
{
	background-color:#BFD0DA;
}

/* styles for Referrals selsection */

.SearchReferralsDirection
{
    margin-left: 155px;
    font-size: 12pt;
    color: #006699;
}
	
/* what is this link */
.what_is_this, .what_is_this a, a.what_is_this
{
	font-size:11px;
	color:Gray;
}
.what_is_this a, a.what_is_this
{
	text-decoration:underline;
}
    
 
/* errors */
.error
{
	color:Red;
	font-size:large;
	font-weight:bold;
	padding:25px 25px 25px 25px;
}

/* successes */
.success
{
	color:Green;
	font-size:large;
	font-weight:bold;
	padding:25px 25px 25px 25px;
}

.dialog
{
	font-size:9pt;
	color:White;
	background-color:#005695;
	border-top: solid 5px #7FAACA;
	border-bottom: solid 5px #7FAACA;
	border-left: solid 7px #7FAACA;
	border-right: solid 7px #7FAACA;
	/* Default width & height, modify locally if needed: */
	width:480px;
	height:250px;
	/* center-align the dialog: */
	margin-left:auto;
	margin-right:auto;
	/* vertical clearance: */
	margin-top:75px;
}

.dialog_contents
{
	margin:15px;
	text-align:center;	
	/* change spacing from the dialog div by adding a setting for margin-top locally */
	
}

/* errors displayed within dialog */
.dialog_error
{
	color:Yellow;
}

.dialog_instructions
{
	font-size:11pt;
}

.dialog_button
{
	background-color:White;
	color:#005695;
	font-size:9pt;
	font-weight:bold;
	height:32px;
	border-style:none;
	float:right;
}
.dialog_button:hover
{
	background-color:Orange;
}

.dialog_button_hidden
{
	visibility:hidden;
}

a.forgot_password, a.forgot_password:visited, a.forgot_password:hover
{
	color:white;font-size:smaller;float:right;
}

a.lightboxlink_Before, a.lightboxlink_After, a.lightboxlink_Original
{
	padding-top:2px;
}

/* Appears on upload and confirm upload pages: */
#lightboxbutton_wrapper
{
	margin: 4px 0 0 30px;
	width:175px;
	text-align:right;
}

.SearchFieldWrapper, .LabeledSearchFieldWrapper
{
	float:left;margin-right:4px;font-size:0px;height:24px;
	overflow:hidden;
	margin-top:2px;
}

.LabeledSearchFieldWrapper
{
	width:280px;
	margin-right: 0px;
}


/* Validator controls */
.validator
{
    color:red;
    font-size:14px;
    font-weight:bold;
}

td.CheckboxColumn
{
	width:20px;
}
tr.CheckboxRow
{
	height:20px;
}