﻿html {overflow-y: scroll;}

body 
{
	padding:0;
	margin:0;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 62.5%;
}

body .Medium
{
	font-size:115%;
}
body .Large
{
	font-size:130%;
}

#page
{
	width: 955px;
	margin: auto;
	padding-top: 10px;
}

#topMenu
{
	width: 910px;
	margin: auto;
	font-size: 1.0em;
	color: #0072AA;
}

a:focus
{
	outline: none;
}

.sideContainer
{
	position: relative;
	float: left;
	width: 241px;
	margin-left: 26px;
	_margin-left: 12px;
	margin-top: -253px;
}
.sideContainerDrill
{
	position: relative;
	float: left;
	width: 241px;
	margin-left: 26px;
	_margin-left: 12px;
	margin-top: -175px;
}

.loggedInTop
{
    height:32px;
    *height:40px;
}

.loggedInBottom
{
   margin-top: 20px;
}

.mainContainer
{
	float: right;
	width: 670px;
	margin-right: 18px;
	_margin-right: 12px;
}
.mainContent
{
	width: 605px;
	margin-right: 83px;
	_margin-right: 0px;
	color: #272525;
}
.bottomContent
{
	width: 810px;
	clear: both;
	margin-left: 73px;
}

a
{
	color: #0072AA;
}

.contentHeader
{
	color: #0072AA;
	font-size: 1.8em;
	font-weight: bold;
	padding-bottom: 20px;
}
.contentHeader sup
{
	font-size: 0.8em;
}

.contentSubHeader
{
	color: #0072AA;
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 15px;
}
.contentSubHeaderFirst
{
	color: #0072AA;
	font-size: 1.5em;
	font-weight: bold;
}
.contentSubHeaderFirst sup
{
	font-size: 0.8em;
}
.content
{
	
}
.content p
{
	font-size: 1.2em;
	margin-bottom: 5px;
}
.content p sup
{
	font-size: 0.7em;
}
.content p .title
{
	color: #0072AA;
	font-weight: bold;
}
.largeTitle
{
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.content .contentSubText
{
	margin-top: 0px;
	margin-bottom: 5px;
}
.content .footnote
{
	font-size: 0.9em;
}
.content .list
{
	color: #0072AA;
	font-size: 1.2em;
}
.content .list li
{
	margin-left: -25px;
}
.content .list li ul
{
	font-size: 1.0em;
	list-style-type: none;
}
.content .list li ul li
{
	margin-left: -27px;
}
.content .list li .text
{
	color: #272525;
}

.content .withTitle
{
	margin-top: 15px;
	margin-bottom: 0px;
	color: #0072AA;
}
.content .withTitle li
{
	margin-left: -25px;
	padding-bottom: 15px;
}
.content .withTitle li .title
{
	font-size: 1.2em;
	font-weight: bold;	
}
.content .withTitle li .title sup
{
	font-size: 0.7em;
}
.content .withTitle li .text
{
	color: #272525;
	font-size: 1.2em;
	font-weight: normal;
}

.content .numbers
{
	color: #272525;
	font-weight: bold;
	list-style-type: decimal;
}
.content .numbers li .text
{
	color: #272525;
}
.content .numbers .letters
{
	margin-left: 0px;
	_margin-left: 40px;
	list-style-type: lower-alpha;
	color: #272525;
}
.content .numbers li
{
	color: #272525;
	
	margin-left: -19px;
	_margin-left: -18px;
}
.content .numbers li span
{
	font-weight: normal;
	
	margin-left: -5px;
	_margin-left: -8px;
}

.content .numbersWithColor
{
	color: #0072AA;
	font-weight: bold;
	list-style-type: decimal;
}
.content .numbersWithColor li
{
	margin-left: -19px;
}
.content .numbersWithColor li .text
{
	color: #272525;
	margin-left: -4px;
	font-weight: normal;
	font-size: 1.2em;
}


.content .referenceTitle
{
	margin-top: 15px;
	font-weight: bold;
}
.content .references sup
{
	font-size: 0.7em;
}
.content .references .numbers
{
	margin-top: 0px;
	margin-left: 8px;
	padding: 0px;
	padding-left: 8px;
	list-style-type: none;
	text-indent: -8px;
	_text-indent: -6px;
}
.content .references .numbers li
{
	margin: 0px;
	padding: 0px;
}

.content .references, .content .references p, .content .references .numbers
{
	font-size: 1.0em;
}

.homeOffset
{
	float: left; 
	margin-left: 13px;
}
.homeOffsetDrilldown
{
	float: left; 
	margin-left: 20px;
}

.linkOffset
{
	float: right;
	margin-right: 13px;
}
.linkOffsetDrilldown
{
	float: right;
	margin-right: 20px;
}

.treatmentSignupBox
{
	background-image: url('images/treatmentSignupMiddle.jpg');
	background-repeat: repeat-y;
	width: 622px;
	margin-left: -10px;
	padding-left: 12px;
	margin-bottom: 12px;
}

.treatmentSignupBox .top
{
	background-image: url('images/treatmentSignupTop.jpg');
	margin-left: -12px;
	width: 622px;
	height: 22px;
}
.treatmentSignupBox .bottom
{
	background-image: url('images/treatmentSignupBottom.jpg');
	margin-left: -12px;
	width: 622px;
	height: 22px;
}
.treatmentSignupBox .text
{
	margin-left: 10px;
	margin-right: 30px;
	margin-top: 0px;
	margin-bottom: 5px;
}
.treatmentSignupBox .text .title
{
	color: #0072AA;
	font-size: 1.5em;
	font-weight: bold;
}
.treatmentSignupBox .text .subText
{
	font-size: 1.1em;
	font-weight: normal;
}
.treatmentSignupButton
{
	margin-top: -33px;
	margin-left: 471px;
}

.groupBox
{
	background-image: url('images/groupBoxMiddle.jpg');
	width: 172px;
	text-align: left;
	padding-bottom: 0px;
}
.groupBox .text
{
	margin-left: 15px;
	margin-right: 15px;
}
.groupBox .text .title
{
	font-size: 1.3em;
	font-weight: bold;
	margin-top: -10px;
}
.groupBox .text .content
{
	font-size: 1.2em;
}
.groupBoxTop
{
	background-image: url('images/groupBoxTop.jpg');
	background-repeat: no-repeat;
	width: 172px;
	padding-top: 5px;
}

.groupBoxBottom
{
	background-image: url('images/groupBoxBottom.jpg');
	width: 172px;
	height: 13px;
}

.safety
{
	margin-top: 30px;
}
.safety .title
{
	background-image: url('images/safetyBar.jpg');
	background-repeat: no-repeat;
	width: 600px;
	height: 18px;
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 0px;
	padding-left: 4px;
}
.safety .text
{
	padding-left: 4px;
	font-size: 1.2em;
}
.safety .text ul
{
	color: #0072AA;
	margin-top: 5px;
	margin-bottom: 5px;
}
.safety .text ul li
{
	margin-left: -27px;
}
.safety .text ul span
{
	color: #272525;
}
.safety p
{
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 1.0em;
}

.footer
{
	width: 605px;
	float: right;
	margin-right: 83px;
	_margin-right: 38px;
	color: #272525;
	margin-bottom: 20px;
	margin-top: 20px;
}
.footer .column
{
	text-align:center;
	font-size: 0.9em;
}
.footer .logo
{
	clear: both;
	text-align:center;
	padding-top: 10px;
}
.footer .small
{
	text-align:center;
}

.loginBox
{
	background-image: url('images/loginBackground.png');
	background-repeat: no-repeat;
	width: 345px;
	height: 333px;
	color: #272525;
}
.loginBox .loginContent
{
	padding-top: 50px;
	margin-left: 65px;
	width: 200px;
}
.loginBox .loginTextBoxBackground
{
	background-image: url('images/searchTextBoxBackground.png');
	background-repeat: no-repeat;
	width: 177px;
	height: 23px;
	text-align: left;
}
.loginBox .loginTextBoxBackground .textBox
{
	font-weight: normal;
	font-size: 10px;
	font-family: Arial;
	color: #272525;
	border: 0px; 
	vertical-align: middle;
	padding-top: 0px;
	margin-top: 4px;
	margin-left: 6px;
	padding-right: 4px;
	width: 160px;
}



.loginBox a
{
	color: #272525;
}
.loginBox .search
{
	padding-top: 20px;
	padding-left: 15px;
}
.searchGo
{
	margin-left: 5px;
	margin-top: 0px;
	
}
.textBoxBackground, .textBoxBackgroundGreen
{
	background-image: url('images/textBox.jpg');
	background-repeat: no-repeat;
	width: 176px;
	height: 17px;
	text-align: left;
}
.textBoxBackgroundGreen
{
	background-image: url('images/textBoxGreen.jpg');
}
.textBoxBackground .textBox, .textBoxBackgroundGreen .textBox
{
	background-color: transparent !important;
	font-weight: normal;
	font-size: 10px;
	font-family: Arial;
	color: #272525;
	border: none; 
	background: none;
	vertical-align: middle;
	padding-top: 0px;
	margin-top: 1px;
	margin-left: 3px;
	padding-right: 4px;
	width: 165px;
	
	_margin-top: 0px;
	_margin-left: 6px;
}
.textBoxBackground .passwordLabel, .textBoxBackgroundGreen .passwordLabel
{
	font-weight: normal;
	font-size: 10px;
	font-family: Arial;
	margin-top: -15px; 
	margin-left: 10px; 
	width: 100px;
}

.textSizeBackground
{
	width: 31px;
	height: 10px;
}
.textSmallOn
{
	background-image: url('images/textSmallOn.jpg');
	width: 10px;
	height: 9px;
}
.textSmallOff
{
	background-image: url('images/textSmallOff.jpg');
	margin-top: -1px;
	width: 11px;
	height: 9px;
}
.textMediumOn
{
	background-image: url('images/textMediumOn.jpg');
	margin-top: -1px;
	width: 10px;
	height: 9px;
}
.textMediumOff
{
	background-image: url('images/textMediumOff.jpg');
	margin-top: -1px;
	width: 11px;
	height: 9px;
}
.textLargeOn
{
	background-image: url('images/textLargeOn.jpg');
	margin-top: -1px;
	width: 10px;
	height: 9px;
}
.textLargeOff
{
	background-image: url('images/textLargeOff.jpg');
	margin-top: -1px;
	width: 11px;
	height: 9px;
}

.mainPhoto
{
	width: 925px;
	margin: auto;
}

.mainLogo
{
	background-image: url('images/logo.png');
	cursor: pointer;
	width: 102px;
	height: 43px;
	margin-left: 68px;
	margin-bottom: 3px;
	margin-top: 15px;
}
.menu
{
	width: 208px;
	margin-top: 15px;
	margin-left: 20px;
	margin-bottom: 0px;
}
.menuMiddle
{
	background-image: url('images/menuMiddle.png');
	background-repeat: repeat-y;
	padding-left: 25px;
	
	_margin-left: 0px;
	_width: 183px;
}
/*.menuMiddle .menuItem, .menuMiddle .menuItemTop, .menuMiddle .menuItemBottom
{
	margin-left: 14px;
	font-size: 1.0em;
	font-weight: bold;
	color: #0080C3;
	padding-top: 5px;
	padding-bottom: 5px;
	border: none;
	border-bottom: 1px solid #0080C3;
}
.menuMiddle .menuItemTop
{
	padding-top: 0px;
}
.menuMiddle .menuItemBottom
{
	padding-bottom: 0px;
	border: none;
}*/
.menuTop
{
	background-image: url('images/menuTop.png');
	background-repeat: no-repeat;
	width: 208px;
	height: 15px;
}
.menuBottom
{
	background-image: url('images/menuBottom.png');
	background-repeat: no-repeat;
	width: 208px;
	height: 18px;
}
/*
.test
{
	background-image: url('images/textIncreaseOn.jpg');
	background-repeat: no-repeat;
    border: 0px;
    font-weight: bold;
	background-color: Transparent;
	width: 13px;
	height: 13px;
	border: 0px;
	padding: 0px;
}
*/
.CalendarWrapper
{
	display:inline;
}
.CalendarWrapper td
{
	padding:0 !important;
}

#dtPicker_dateInput_text
{
	color:White;
}
.HideTextBox
{
	width: 1px !important;
	border: 0 !important;
	margin: 0 !important;
	background: none transparent !important;
	color:White;
}



/*error messages */
.errorSummary
{
	color:#ff6565;
	background-color:Transparent;
	padding:10px 10px 10px 20px;
	margin-bottom:10px;
	margin-top:20px;
}

.errorSummary ul
{
	list-style-position:outside;
	padding-bottom:0;
	margin-bottom:0;
}

.errorSummary ul li
{
	margin:2px;
}

.errorMsgHeading
{
	font-size:1.4em;
	font-weight:bold;
}

.loginContent .errorSummary
{
	color:#ff6565;
	background-color:Transparent;
	padding:0px;
	margin-bottom:10px;
	margin-top:0px;
}

.loginContent .errorSummary ul
{
	list-style-position:outside;
	padding-bottom:0;
	margin-bottom:0;
}

.loginContent .errorSummary ul li
{
	margin:2px;
}

.loginContent .errorMsgHeading
{
	font-size:1.4em;
	font-weight:bold;
}


.successSummary
{
	color: #000000;
	font-weight:bold;
}

.successSummary ul
{
	list-style:none;
}

.successSummary ul li
{
	margin:2px;
}

.infoSummary
{
	color:#272525;
	font-weight:bold;
}
.infoSummary ul
{
	list-style:none;
	font-size: 12px;
	font-weight: bold;
}
.infoSummary ul li
{
	margin:2px;
}

.searchAgainBox
{
	background-image: url('images/searchAgainBox.jpg');
	width: 202px;
	height: 73px;
	color: #272525;
	margin-bottom: 18px;
}
.searchAgainBox .search
{
	padding-top: 2px;
	padding-left: 15px;
	font-weight: bold;
}

.searchResults
{
	width: 605px;
}
.searchResults .text
{
	color: #0072AA;
	font-weight: bold;
}
.searchResults .page a
{
	color: #c2c2c2;
	font-weight: bold;
	text-decoration: none;
}
.searchResults .selected a
{
	color: #0072AA;
	text-decoration: none;
	font-weight: bold;
}

.steps
{
	background-image: url('images/stepsMiddle.jpg');
	background-repeat: repeat-x;
	width: 100%;
	height: 75px;
	margin-top: 5px;
	margin-bottom: 15px;
}
.steps td
{
	border-right: 1px solid #87b9d5;
}
.steps .stepsLeft, .steps .stepsLeftSelected
{
	background-image: url('images/stepsLeft.jpg');
	background-repeat: no-repeat;
	border-right: 0px;
	width: 8px;
	height: 50px;
	border: 0px;
}
.steps .stepsLeftSelected
{
	background-image: url('images/stepsLeftSelected.jpg');
}
.steps .stepsRight, .steps .stepsRightSelected
{
	background-image: url('images/stepsRight.jpg');
	background-repeat: no-repeat;
	width: 9px;
	height: 50px;
	border: 0px;
}
.steps .stepsRightSelected
{
	background-image: url('images/stepsRightSelected.jpg');
}
.steps .selected, .steps .notSelected
{
	height: 66px;
	padding-top: 7px;
}
.steps .selected
{
	background-color: #b7c7e0;
}
.steps .steps1, .steps .steps2, .steps .steps3, .steps .steps4, .steps .steps5
{
	background-repeat: no-repeat;
	height: 40px;
	margin-left: 5px;
}
.steps .steps1 td, .steps .steps2 td, .steps .steps3 td, .steps .steps4 td, .steps .steps5 td
{
	vertical-align: top;
	padding-left: 20px;
	border: 0px;
	font-size: 10px;
	font-weight: bold;
}
.steps .steps1 .subText, .steps .steps2 .subText, .steps .steps3 .subText, .steps .steps4 .subText, .steps .steps5 .subText
{
	font-size: 9px;
	color: #0072AA;
}
.steps .steps1
{
	background-image: url('images/steps1.png');
}
.steps .steps2
{
	background-image: url('images/steps2.png');
}
.steps .steps3
{
	background-image: url('images/steps3.png');
}
.steps .steps4
{
	background-image: url('images/steps4.png');
}
.steps .steps5
{
	background-image: url('images/steps5.png');
}

.adviceBox
{
	background-image: url('images/adviceMiddle.jpg');
	background-repeat: repeat-y;
	width: 255px;
	margin-left: -12px;
	margin-right: -12px;
	padding-left: 22px;
	margin-bottom: 12px;
}

.adviceBox .top
{
	background-image: url('images/adviceTop.jpg');
	margin-left: -22px;
	margin-right: -12px;
	width: 255px;
	height: 25px;
}
.adviceBox .bottom
{
	background-image: url('images/adviceBottom.jpg');
	margin-left: -22px;
	margin-right: -12px;
	width: 255px;
	height: 25px;
}
.adviceBox .text
{
	margin-left: 5px;
	margin-right: 50px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.adviceBox .text .title
{
	color: #0072AA;
	font-size: 1.5em;
	font-weight: bold;
}
.adviceBox .text .subText
{
	font-size: 1.2em;
	font-weight: normal;
}
.adviceBoxButton
{
	margin-top: -38px;
	margin-bottom: 10px;
	text-align:right;
	padding-right:20px;
	width: 222px;
	height: 23px;
}


.groupBoxLarge
{
	background-image: url('images/groupBoxLargeMiddle.jpg');
	width: 354px;
	text-align: left;
	padding-bottom: 0px;
}
.groupBoxLarge .text
{
	margin-left: 15px;
	margin-right: 15px;
}
.groupBoxLarge .text .title
{
	font-size: 1.3em;
	font-weight: bold;
	margin-top: -10px;
}
.groupBoxLarge .text .content
{
	font-size: 1.2em;
}
.groupBoxLargeTop
{
	background-image: url('images/groupBoxLargeTop.jpg');
	background-repeat: no-repeat;
	width: 354px;
	padding-top: 5px;
}
.groupBoxLargeBottom
{
	background-image: url('images/groupBoxLargeBottom.jpg');
	width: 354px;
	height: 25px;
}

.greenBox
{
	margin-top: 10px;
	width: 622px;
	text-align: left;
	margin-bottom: -20px;
}
.greenBox .text
{
	font-size: 1.2em;
	margin-top: 15px;
	margin-bottom: 0px;
}

.unsubscribe, .unsubscribeOn
{
	background-image: url('images/unsubscribeButton.jpg');
	width: 77px;
	height: 18px;
	float: left;
	display: block;
}
.unsubscribe:hover, .unsubscribeOn
{
	background-position: 0px -18px;
}

.editProfile, .editProfileOn
{
	background-image: url('images/editProfile.jpg');
	width: 89px;
	height: 18px;
	float: left;
	display: block;
}
.editProfile:hover, .editProfileOn
{
	background-position: 0px -18px;
}

.logoutButton, .logoutButtonOn
{
	background-image: url('images/logoutButton.jpg');
	width: 52px;
	height: 18px;
	float: left;
	display: block;
}
.logoutButton:hover, .logoutButtonOn
{
	background-position: 0px -18px;
}

#staticContent
{
	display:none;
}
#outOfDate
{
	display:none;
	text-align:center;
	margin-top: 10px;
}

.thumbnailStep1, .thumbnailStep2, .thumbnailStep3, .thumbnailStep4, .thumbnailStep5,
.thumbnailStep1Selected, .thumbnailStep2Selected, .thumbnailStep3Selected, .thumbnailStep4Selected, .thumbnailStep5Selected
{
	width: 85px;
	height: 71px;
	display: block;
	margin-right: 0px;
	background-position: 0px -71px;
}
.thumbnailStep1, .thumbnailStep1Selected
{
	background-image: url('images/testimonialsStep1.jpg');
}
.thumbnailStep2, .thumbnailStep2Selected
{
	background-image: url('images/testimonialsStep2.jpg');
}
.thumbnailStep3, .thumbnailStep3Selected
{
	background-image: url('images/testimonialsStep3.jpg');
}
.thumbnailStep4, .thumbnailStep4Selected
{
	background-image: url('images/testimonialsStep4.jpg');
}
.thumbnailStep5, .thumbnailStep5Selected
{
	background-image: url('images/testimonialsStep5.jpg');
}
.thumbnailStep1Selected, .thumbnailStep2Selected, .thumbnailStep3Selected, .thumbnailStep4Selected, .thumbnailStep5Selected
{
	background-position: 0px 0px;
}

.testimonialSteps
{
	margin-left: 8px;
	width: 166px;
}
.testimonialSteps td
{
	vertical-align: top;
}
.testimonialSteps .text
{
	width: 75px;
	font-size: 9px;
	line-height: 13px;
	font-weight: bold;
}
.testimonialSteps .text .title
{
	font-size: 12px;
	color: #0072AA;
}
.testimonialSteps .separator
{
	width: 85px;
	height: 2px;
	background-image: url('images/testimonialsSepBar.jpg');
	background-repeat: no-repeat;
}


/* treatment calendar */
.treatmentCalendar
{
	width: 812px;
	
}
.treatmentCalendar .data
{
	background-color: #BDD78F;
	color: #FFFFFF;
	font-size: 18px;
	vertical-align: bottom;
    width: 114px;
    height: 70px;
    _height: 82px;
}

.treatmentCalendar .data .content
{
	vertical-align: bottom;
	border: 1px solid #FFFFFF;
	width: 114px;
    height: 70px;
    _height: 82px;
    cursor: pointer;
}

.treatmentCalendar .data .content:hover
{
	border: 1px solid #272525;
}
.treatmentCalendar .data .content .date
{
	margin-top: 0px;
	margin-left: 90px;
	width: 20px;
}
.treatmentCalendar .data .content .panel
{
	height: 40px;
	_height: 52px;
	margin-top: 2px;
	margin-left: 2px;
}
.treatmentCalendar .data .content .panel .imageContent
{
	margin: 2px;
	margin-left: 2px;
	margin-top: 6px;
}

.treatmentCalendarHeader
{
	width: 812px;
	background-color: #E29B5C;
	height: 40px;
	border: 1px solid #FFFFFF;
	border-bottom: 0px;
	border-top: 0px;
	vertical-align: bottom;
}
.treatmentCalendarHeader a
{
	color: #272525;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
.treatmentCalendarHeader .mainTitle
{
	font-size: 15px;
	font-weight: bold;
	
}
.treatmentCalendarHeader .footerText
{
    margin-left: 13px;
    margin-top: 10px;
    font-size: 12px;
    font-weight: bold;
    float: left;
}
.treatmentCalendarHeader .treatmentCalendarPrint,
.treatmentCalendarHeader .treatmentCalendarPrintDisabled,
.treatmentCalendarHeader .treatmentCalendarPrintDisabled:hover
{
	background-image: url('images/treatmentIconPrint.png');
	background-repeat: no-repeat;
	background-position: 0px 1px;
	height: 13px;
	padding: 0px;
	padding-left: 20px;
}
.treatmentCalendarHeader .treatmentCalendarPrint:hover
{
	background-position: 0px -16px;
}

.treatmentCalendarHeader .treatmentCalendarEmail,
.treatmentCalendarHeader .treatmentCalendarEmailDisabled,
.treatmentCalendarHeader .treatmentCalendarEmailDisabled:hover
{
	background-image: url('images/treatmentIconEmail.png');
	background-repeat: no-repeat;
	background-position: 0px 3px;
	height: 12px;
	padding: 0px;
	padding-left: 22px;
}
.treatmentCalendarHeader .treatmentCalendarEmail:hover
{
	background-position: 0px -15px;
}

.treatmentCalendarHeader .treatmentCalendarPreferences,
.treatmentCalendarHeader .treatmentCalendarPreferencesDisabled,
.treatmentCalendarHeader .treatmentCalendarPreferencesDisabled:hover
{
	/*background-image: url('images/treatmentIconPreferences.png');*/
	background-repeat: no-repeat;
	background-position: 1px 3px;
	height: 13px;
	padding: 0px;
	padding-left: 20px;
}
.treatmentCalendarHeader .treatmentCalendarPrint:hover
{
	
}

.treatmentCalendarColumnHeader
{
	width: 812px;
}
.treatmentCalendarColumnHeader td
{
	background-color: #BDD78F;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 18px;
	vertical-align: middle;
	text-align: center;
	width: 114px;
	height: 26px;
}

.calloutTopLeft, .calloutTopRight, .calloutBottomLeft, .calloutBottomRight
{
	position: absolute;
	_position: static;
	display: none;
	width: 342px;
	height: 250px;
	/*top: 0px;
	left: 0px;*/
	background-repeat: no-repeat;
}
.calloutTopLeft
{
	background-image: url('images/treatmentCalloutTopLeft.png');
}
.calloutTopRight
{
	background-image: url('images/treatmentCalloutTopRight.png');
}
.calloutBottomLeft
{
	background-image: url('images/treatmentCalloutBottomLeft.png');
}
.calloutBottomRight
{
	background-image: url('images/treatmentCalloutBottomRight.png');
}

.calloutTopRight .calloutContent, .calloutTopLeft .calloutContent
{
	margin-top: 20px;
	margin-left: 30px;
}
.calloutBottomRight .calloutContent, .calloutBottomLeft .calloutContent
{
	margin-top: 60px;
	margin-left: 30px;
}
.calloutTopRight .calloutContent .addButtons, .calloutTopLeft .calloutContent .addButtons
{
	clear: both;
	margin-top: -20px;
}
.calloutBottomRight .calloutContent .addButtons, .calloutBottomLeft .calloutContent .addButtons
{
	clear: both;
	margin-top: -60px;
}

.calloutTopLeftLarge, .calloutTopRightLarge, .calloutBottomLeftLarge, .calloutBottomRightLarge
{
	position: absolute;
	_position: static;
	display: none;
	width: 525px;
	height: 275px;
	/*top: 0px;
	left: 0px;*/
}
.calloutTopLeftLarge
{
	background-image: url('images/treatmentCalloutTopLeftLarge.png');
}
.calloutTopRightLarge
{
	background-image: url('images/treatmentCalloutTopRightLarge.png');
}
.calloutBottomLeftLarge
{
	background-image: url('images/treatmentCalloutBottomLeftLarge.png');
}
.calloutBottomRightLarge
{
	background-image: url('images/treatmentCalloutBottomRightLarge.png');
}
.calloutTopRightLarge .calloutContent, .calloutTopLeftLarge .calloutContent
{
	margin-top: 20px;
	margin-left: 30px;
}
.calloutBottomRightLarge .calloutContent, .calloutBottomLeftLarge .calloutContent
{
	margin-top: 70px;
	margin-left: 30px;
}
.calloutContent .date
{
	font-size: 18px;
}

.calloutTopLeftSmall, .calloutTopRightSmall, .calloutBottomLeftSmall, .calloutBottomRightSmall
{
	position: absolute;
	_position: static;
	display: none;
	width: 342px;
	height: 175px;
	/*top: 0px;
	left: 0px;*/
	background-repeat: no-repeat;
}
.calloutTopLeftSmall
{
	background-image: url('images/treatmentCalloutTopLeftSmall.png');
}
.calloutTopRightSmall
{
	background-image: url('images/treatmentCalloutTopRightSmall.png');
}
.calloutBottomLeftSmall
{
	background-image: url('images/treatmentCalloutBottomLeftSmall.png');
}
.calloutBottomRightSmall
{
	background-image: url('images/treatmentCalloutBottomRightSmall.png');
}

.calloutTopRightSmall .calloutContent, .calloutTopLeftSmall .calloutContent
{
	margin-top: 20px;
	margin-left: 30px;
}
.calloutBottomRightSmall .calloutContent, .calloutBottomLeftSmall .calloutContent
{
	margin-top: 50px;
	margin-left: 30px;
}
.calloutTopRightSmall .calloutContent .editButtons, .calloutTopLeftSmall .calloutContent .editButtons
{
	clear: both;
	margin-top: -20px;
}
.calloutBottomRightSmall .calloutContent .editButtons, .calloutBottomLeftSmall .calloutContent .editButtons
{
	clear: both;
	margin-top: -50px;
}


.calloutContent .addAppointmentButton,
.calloutContent .editAppointmentButtonBlood,
.calloutContent .editAppointmentButtonDoctor,
.calloutContent .editAppointmentButtonInjection,
.calloutContent .editSymptomProfileButton,
.calloutContent .addSymptomProfileButton
{
	width: 243px;
	height: 72px;
	display: block;
	background-repeat: no-repeat;
	cursor: pointer;
}
.calloutContent .addAppointmentButton
{
	background-image: url('images/treatmentButtonAppointment.png');	
}
.calloutContent .editAppointmentButtonBlood
{
	background-image: url('images/treatmentButtonEditAppointmentBlood.png');	
}
.calloutContent .editAppointmentButtonDoctor
{
	background-image: url('images/treatmentButtonEditAppointmentDoctor.png');	
}
.calloutContent .editAppointmentButtonInjection
{
	background-image: url('images/treatmentButtonEditAppointmentInjection.png');	
}
.calloutContent .editSymptomProfileButton
{
	background-image: url('images/treatmentButtonEditSymptomProfile.png');	
}
.calloutContent .addSymptomProfileButton
{
	background-image: url('images/treatmentButtonSymptomProfile.png');	
}
.calloutContent .addAppointmentButton:hover,
.calloutContent .editAppointmentButtonBlood:hover,
.calloutContent .editAppointmentButtonDoctor:hover,
.calloutContent .editAppointmentButtonInjection:hover,
.calloutContent .editSymptomProfileButton:hover,
.calloutContent .addSymptomProfileButton:hover
{
	background-position: 0px -71px;
}


.calloutContent .addAppointment
{
	position: absolute;
	_position: relative;
	background-color: #ffffff;
	background-image: url('images/treatmentButtonAddAppointment.jpg');
	background-repeat: no-repeat;
	width: 167px;
	font-size: 9px;
	padding-top: 10px;
	display: none;
}
.calloutTopRight .calloutContent .addAppointment, .calloutTopLeft .calloutContent .addAppointment
{
	top: 55px;
	left: 260px;
	_margin-top: -189px;
	_margin-left: -25px;
}
.calloutBottomRight .calloutContent .addAppointment, .calloutBottomLeft .calloutContent .addAppointment
{
	top: 95px;
	left: 260px;
	_margin-top: -229px;
	_margin-left: -25px;
}

.calloutContent .addAppointment .needle,
.calloutContent .addAppointment .needleExtended
{
	background-color: #ffffff;
	height: 39px;
	margin-top: 0px;
	padding-top: 5px;
	padding-left: 18px;
	cursor: pointer;
}
.calloutContent .addAppointment .needle:hover
{
	color: #0072AA;
}
.calloutContent .addAppointment .needle .extendedData
{
	display: none;
}
.calloutContent .addAppointment .needleExtended
{
	/*background-color: #0072AA;
	color: #ffffff;*/
	height: 110px;
}
.calloutContent .addAppointment .needle .icon,
.calloutContent .addAppointment .needleExtended .icon
{
	background-image: url('images/treatmentIconMiniNeedle.png');
	background-repeat: no-repeat;
	width: 6px;
	height: 34px;
	display: block;
	float: left;
	margin-left: 3px;
}
.calloutContent .addAppointment .needleExtended .extendedData
{
	vertical-align: top;
	padding-top: 5px;
}


.calloutContent .addAppointment .drop,
.calloutContent .addAppointment .dropExtended
{
	background-color: #ffffff;
	height: 27px;
	margin-top: 0px;
	padding-top: 5px;
	padding-left: 18px;
	cursor: pointer;
}
.calloutContent .addAppointment .drop:hover
{
	color: #0072AA;
}
.calloutContent .addAppointment .drop .extendedData
{
	display: none;
}
.calloutContent .addAppointment .dropExtended
{
	/*background-color: #0072AA;
	color: #ffffff;*/
	height: 110px;
}
.calloutContent .addAppointment .drop .icon,
.calloutContent .addAppointment .dropExtended .icon
{
	background-image: url('images/treatmentIconMiniDrop.png');
	background-repeat: no-repeat;
	width: 13px;
	height: 23px;
	display: block;
	float: left;
}
.calloutContent .addAppointment .dropExtended .extendedData
{
	vertical-align: top;
	padding-top: 5px;
}


.calloutContent .addAppointment .clipboard,
.calloutContent .addAppointment .clipboardExtended
{
	background-color: #ffffff;
	height: 25px;
	margin-top: 0px;
	padding-top: 5px;
	padding-left: 18px;
	cursor: pointer;
}
.calloutContent .addAppointment .clipboard:hover
{
	color: #0072AA;
}
.calloutContent .addAppointment .clipboard .extendedData
{
	display: none;
}
.calloutContent .addAppointment .clipboardExtended
{
	/*background-color: #0072AA;
	color: #ffffff;*/
	height: 110px;
}
.calloutContent .addAppointment .clipboard .icon,
.calloutContent .addAppointment .clipboardExtended .icon
{
	background-image: url('images/treatmentIconMiniClipboard.png');
	background-repeat: no-repeat;
	width: 13px;
	height: 20px;
	display: block;
	float: left;
}
.calloutContent .addAppointment .clipboardExtended .extendedData
{
	vertical-align: top;
	padding-top: 5px;
}

.calloutContent .editAppointment,
.calloutContent .editAppointmentDetail
{
	position: absolute;
	_position: relative;
	background-color: #ffffff;
	width: 167px;
	display: none;
}
.calloutTopRightSmall .calloutContent .editAppointment, .calloutTopLeftSmall .calloutContent .editAppointment,
.calloutTopRightSmall .calloutContent .editAppointmentDetail, .calloutTopLeftSmall .calloutContent .editAppointmentDetail
{
	top: 65px;
	left: 260px;
	_margin-top: -129px;
	_margin-left: -65px;
}
.calloutBottomRightSmall .calloutContent .editAppointment, .calloutBottomLeftSmall .calloutContent .editAppointment,
.calloutBottomRightSmall .calloutContent .editAppointmentDetail, .calloutBottomLeftSmall .calloutContent .editAppointmentDetail
{
	top: 95px;
	left: 260px;
	_margin-top: -159px;
	_margin-left: -65px;
}
.calloutContent .editAppointmentDetail
{
	width: 200px;
}
.calloutContent .editAppointment .select,
.calloutContent .editAppointmentDetail .select
{
	background-color: #0072AA;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: White;
}
.calloutContent .editAppointment .item,
.calloutContent .editAppointmentDetail .item
{
	border-bottom: 1px solid #272525;
	color: #272525;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.calloutContent .editAppointment .item a
{
	text-decoration: none;
	color: #000000;
	display: block;
}
.calloutContent .editAppointment .item a:hover
{
	color: #0072AA;
}

.treatmentLegendInjection
{
	background-image: url('images/treatmentIconNeedle.png');
	background-repeat: no-repeat;
	width: 6px;
	height: 34px;    
}

.treatmentLegendBlood
{
	background-image: url('images/treatmentIconDrop.png');
	background-repeat: no-repeat;
	width: 18px;
	height: 35px;    
}

.treatmentLegendDoctor
{
	background-image: url('images/treatmentIconClipboard.png');
	background-repeat: no-repeat;
	width: 26px;
	height: 39px;    
}

.treatmentLegendSymptomProfile
{
	background-image: url('images/treatmentIconMan.png');
	background-repeat: no-repeat;
	width: 13px;
	height: 34px;    
}

.treatmentPreferences, .treatmentPreferencesSmall
{
	background-image: url('images/treatmentPreferencesBackground.png');
	background-repeat: no-repeat;
	width: 658px;
	height: 580px;
	color: #272525;
	padding-top: 32px;
}
.treatmentPreferencesSmall
{
	background-image: url('images/treatmentPreferencesBackgroundSmall.png');
	height: 295px;
}
.treatmentPreferences .content, .treatmentPreferencesSmall .content
{
	background-color: #F2F2F2;
	margin-left: 30px;
	width: 573px;
	height: 470px;
	padding-top: 17px;
	padding-left: 16px;
}
.treatmentPreferencesSmall .content
{
	height: 180px;
}
.treatmentPreferences .content .title,
.treatmentPreferencesSmall .content .title
{
	font-size: 20px;
	font-weight: bold;
	color: #0072AA;
	margin-left: 10px;
}
.treatmentPreferences .content .subTitle,
.treatmentPreferencesSmall .content .subTitle
{
	font-size: 16px;
	margin-left: 10px;
}
.treatmentPreferences .treatmentPreferencesTable
{
	
}
.treatmentPreferences .treatmentPreferencesTable .title
{
	font-size: 15px;
	color: #0072AA;
}
.treatmentPreferences .treatmentPreferencesTable .subTitle
{
	font-size: 13px;
	font-weight: bold;
	color: #272525;
}
.treatmentPreferences .treatmentPreferencesTable .verticalBar
{
	margin-left: 5px;
	margin-top: 10px;
	height: 303px;
	width: 13px;
	background-image: url('images/treatmentPreferencesVerticalBar.jpg');
	background-repeat: repeat-y;
}


.treatmentPreferencesEdit
{
	background-image: url('images/treatmentPreferencesEditBackground.png');
	background-repeat: no-repeat;
	width: 653px;
	height: 500px;
	color: #272525;
	padding-top: 32px;
}
.treatmentPreferencesEdit .content
{
	background-color: #FFFFFF;
	margin-left: 34px;
	width: 573px;
	height: 392px;
	padding-top: 10px;
}
.treatmentPreferencesEdit .content .title
{
	font-size: 20px;
	font-weight: bold;
	color: #0072AA;
	margin-left: 30px;
	margin-bottom: 10px;
}
.treatmentPreferencesEdit .content .injection
{
	background-color: #ffffff;
	height: 307px;
}
.treatmentPreferencesEdit .content .doctor
{
	background-color: #fabf93;
	height: 307px;
}
.treatmentPreferencesEdit .content .blood
{
	background-color: #cee6b4;
	height: 307px;
}

.treatmentPreferencesMessage
{
	background-color: #0073ad;
	width: 450px;
	position: absolute;
	top: 100px;
	left: 104px;
	color: #272525;
	padding-top: 17px;
}
.treatmentPreferencesMessage .messageContent
{
	background-color: #F2F2F2;
	margin-left: 20px;
	margin-right: 20px;
}
.treatmentPreferencesMessage .messageContent .messageText
{
	padding:10px;
}
.treatmentPreferencesMessage .messageContent .messageText .title
{
	font-size: 15px;
	padding: 5px;
}
.treatmentPreferencesMessage .errorSummary
{
	color:#ff6565;
	background-color:Transparent;
	padding:0px;
	margin-bottom:10px;
	margin-top:0px;
}

.treatmentPreferencesMessage .errorSummary ul
{
	list-style-position:outside;
	padding-bottom:0;
	margin-bottom:0;
}

.treatmentPreferencesMessage .errorSummary ul li
{
	margin:2px;
	font-size: 12px;
}

.treatmentPreferencesMessage .errorMsgHeading
{
	font-size:14px;
	font-weight:bold;
}

.treatmentPreferencesMessage .infoSummary ul li
{
	font-size: 15px;
}
.treatmentPreferencesMessage .successSummary ul li
{
	font-size: 15px;
}

.treatmentPreferencesMessageInput
{
	background-color: #0073ad;
	width: 450px;
	color: #272525;
	padding-top: 17px;
	height: 100px;
}
.treatmentPreferencesMessageInput .messageContent
{
	background-color: #F2F2F2;
	margin-left: 20px;
	margin-right: 20px;
}
.treatmentPreferencesMessageInput .messageContent .messageText
{
	padding:10px;
}
.treatmentPreferencesMessageInput .messageContent .messageText .title
{
	font-size: 15px;
	padding: 5px;
}

/* Symptom Profile */
.symptomProfile
{
	width: 765px;
	/*height: 942px;*/
	color: #272525;
}
.symptomProfileContent
{
	background-image: url('images/symptomProfileBackgroundMiddle.png');
	background-repeat: repeat-y;
}
.symptomProfileContent .html
{
	padding: 30px;
	padding-top: 5px;
	padding-left: 40px;
}
.symptomProfileContent .html p
{
	font-size: 11px;
}
.symptomProfileContent .html .title
{
	font-size: 18px;
	color: #0072AA;
	font-weight: bold;
	padding-bottom: 10px;
}
.symptomProfileContent .html .subTitle
{
	font-size: 15px;
	color: #0072AA;
	font-weight: bold;
}
.symptomProfileTop
{
	background-image: url('images/symptomProfileBackgroundTop.png');
	background-repeat: no-repeat;
	width: 765px;
	height: 23px;
}
.symptomProfileBottom
{
	background-image: url('images/symptomProfileBackgroundBottom.png');
	background-repeat: no-repeat;
	width: 765px;
	height: 31px;
}
.symptomProfile ol
{
	list-style-position:outside;
	padding-bottom:0;
	margin-bottom:0;
}

.symptomProfile ol li
{
	margin:2px;
	margin-left: -20px;
	font-size: 11px;
}
.symptomProfile #dtPicker_dateInput_text
{
	color:black;
}