@CHARSET "ISO-8859-1";

html, body {
	
}

.lightThemed a, .lightThemed a:hover, .lightThemed a:visited {
	color: white !important;
}

body {
	background-image: url("/images/back_main.jpg");
	background-repeat: repeat-x;
	width: auto;
	font-style: normal;
	font-weight: normal;
}

hr {
	border: 1px solid #cccccc;
}

textarea {
	resize: none;
}

.text {
	font-family: Arial;
	font-size: 12px;
}

input.text {
	margin-bottom: 10px;
	width: 180px;
}

input.calendar {
	margin-bottom: 10px;
	width: 150px;
}

select.text {
	margin-bottom: 10px;
	width: 180px;
}

input.file {
	
}

textarea, input[type="text"], input[type="password"], select {
	font-size: 12px;
}

select {
	
}

a {
	font-style: normal;
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	
}

a:active {
	
}

p {
	
}

img {
	border: none;
}

#page {
	margin: 15px auto;
	position: relative;
	min-width: 1280px;
	width: inherit;
}

#header {
	position: relative;
	height: 30px;
	width: inherit;
}

#topMiddle {
	top: 0px;
	left: 30px;
	margin: 0px 9px 0px 30px;
	height: 30px;
}

#banner {
	position: relative;
	height: 100px;
	width: inherit;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: top right;
}

#breadCrumb {
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	position: relative;
	height: 40px;
	width: inherit;
	background-color: #ffffff;
}

.favIcon {
	margin: 7px 2px 7px 7px;
	height: 16px;
	width: 15px;
	background-repeat: no-repeat;
	background-image: url("/images/favicon.png");
}

.infoIcon {
	margin: 0px 10px 0px 0px;
	height: 30px;
	width: 30px;
	background-repeat: no-repeat;
	background-image: url("/images/icon_info.png");
}

.schoolsoftLogo {
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("/images/schoolsoft_logo-sml.png");
	height: 25px;
}

#content {
	border: 1px solid #cccccc;
	border-top: none;
	min-widthx: 978px;
	min-height: 500px;
	position: relative;
	background-color: #ffffff;
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: top left;
	background-image: url("/images/back_contentTop.jpg");
}

.baseContentTableCell {
	padding: 0;
	vertical-align: top;
}

.baseContentTableColumnRight {
	padding: 0;
	vertical-align: top;
	min-width: 210px;
	flex-grow: 0;
}

.baseContentTableColumnLeft {
	flex-grow: 1;
}

.baseContentTable {
	padding: 0;
	border: none;
	width: 100%;
	flex-wrap: nowrap;
	vertical-align: top;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	justify-items: stretch;
}

#contentLeft {
	padding: 30px 30px 10px 30px;
	margin-right: 0px;
	vertical-align: top;
	position: relative;
}

#contentRight1 {
	position: absolute;
	right: 0px;
	top: 0px;
}

#contentRight {
	widthx: 260px;
	min-height: 460px;
	height: inherit;
	background-image: url("/images/back_right.jpg");
	background-position: top left;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-color: #ffffff;
	padding: 20px;
}

#footer {
	min-width: 980px;
	min-height: 20px;
	padding-top: 17px;
	width: auto;
}

#loginButton {
	margin-left: 0px;
}

#supportLink, .supportLink {
	width: 55px;
	position: absolute;
	text-align: right;
	font-family: 'Tahoma';
	font-size: 11px;
	line-height: 30px;
	margin-right: 10px;
	top: 0px;
	right: 0px;
}

#documentLink, .documentLink {
	width: 75px;
	position: absolute;
	text-align: right;
	font-family: 'Tahoma';
	font-size: 11px;
	line-height: 30px;
	margin-right: 10px;
	top: 0px;
	right: 0px;
}

#supportLink a, .supportLink a, #documentLink a, .documentLink a {
	color: #ffffff;
}

#bannerSchoolName {
	font-family: 'Trebuchet MS';
	font-size: 24px;
	line-height: 70px;
	margin-left: 30px;
	float: left;
}

#headerTitle {
	margin-left: 2px;
	font-size: 11px;
	font-family: 'Trebuchet MS';
	line-height: 30px;
	vertical-align: middle;
	color: white;
	width: 600px;
}

.tab {
	display: inline;
	border: none;
}

.blueFont {
	color: #011ea7;
}

.whiteFont {
	color: #ffffff !important;
}

.white
{
    color: #ffffff !important;
}

.darkGrayFont {
	color: #333333 !important;
}

.mediumDarkGrayFont, .mediumDarkGrayFont.ui-selectoneradio label, .mediumDarkGrayFont.ui-selectoneradio > div.ui-radiobutton label {
	color: #616161 !important;
}

.mediumGrayFont {
	color: #aaaaaa;
}

.lightGrayFont {
	color: #cccccc;
}

.gray {
	color: #666666;
}

.blackFont {
	color: #000000;
}

.redFont {
	color: red;
}

span.bubbletag {
	border-radius: 5px 5px;
}

#logoutDiv, #surveylogoutDiv {
	height: 15px;
	line-height: 15px;
	margin: 7px 10px 8px 0px;
	position: absolute;
	top: 0px;
	right: 0px;
	display: inline-block;
}

.logoutDiv {
	height: 15px;
	line-height: 15px;
	margin: 7px 10px 8px 0px;
	position: absolute;
	top: 0px;
	display: inline-block;
}

/*  Buttons  */
.expandIcon {
	display: block;
	background-image: url("/images/expand.png");
	height: 13px;
	width: 13px;
	line-height: 15px;
	background-repeat: no-repeat;
	background-position: 0 0px;
}

/* BTN - Log Out */
#logoutButton, .logoutButton, #updatePFButton {
	display: block;
	height: 15px;
	color: #ffffff;
	font-family: 'Tahoma';
	font-size: 11px;
	font-weight: bold;
}

.xButton {
	display: block;
	background-image: url("/images/close.gif");
	height: 15px;
	width: 13px;
	line-height: 15px;
	background-repeat: no-repeat;
	background-position: 0 0px;
}

.upButton {
	display: block;
	background-image: url("/images/default/upArrow.png");
	height: 20px;
	width: 18px;
	line-height: 20px;
	background-repeat: no-repeat;
	background-position: 0 0px;
}

.downButton {
	display: block;
	background-image: url("/images/default/downarrow.png");
	height: 20px;
	width: 18px;
	line-height: 20px;
	background-repeat: no-repeat;
	background-position: 0 0px;
}

.leftButton, .rightButton, .initialInvoiceButton, .renewButton,
	.parentSiteButton, .copyButton, .reserveButton, #loginButton,
	#bookButton, .bookButton, #regButton, #nextButton, .nextButton,
	#backButton, .backButton, #cancelButton, #submitButton, #clearButton,
	.clearButton, #closeWindowButton, #editButton, #deleteButton,
	.editButton, .deleteButton, .submitButton, .cancelButton, .skipButton,
	.closeWindowButton, #cancelApptButton, .cancelApptButton,
	.printAllSchedulesButton, .laterButton, .customButton {
	display: inline-block;
	height: 14px;
	line-height: 14px;
	background-repeat: no-repeat;
	background-position: 0 0px;
	padding: 5px 20px 5px 20px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.leftButton {
	background-image: url("/images/default/left_arrow.png");
}

.rightButton {
	background-image: url("/images/default/right_arrow.png");
}

.attnIconSmall {
	display: inline-block;
	height: 14px;
	width: 15px;
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-image: url("/images/icon_attn_small.png");
}

.attnIcon {
	display: block;
	height: 28px;
	width: 30px;
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-image: url("/images/icon_caution.png");
}


span.licenseExpired a {
	font-weight: bold !important;
	color: red !important;
	font-size: 14px !important;
	text-decoration: underline;
}

.initialInvoiceButton:hover, .renewButton:hover, .parentSiteButton:hover,
	.copyButton:hover, .reserveButton:hover, #loginButton:hover,
	#bookButton:hover, .bookButton:hover, #regButton:hover, #nextButton:hover,
	.nextButton:hover, #backButton:hover, .backButton:hover, #cancelButton:hover,
	#submitButton:hover, #clearButton:hover, .clearButton:hover,
	#closeWindowButton:hover, #editButton:hover, #deleteButton:hover,
	.editButton:hover, .deleteButton:hover, .submitButton:hover,
	.cancelButton:hover, .skipButton:hover, .closeWindowButton:hover,
	#cancelApptButton:hover, .cancelApptButton:hover,
	.printAllSchedulesButton:hover, .laterButton:hover, .continueButton:hover,
	.submitContinueButton:hover, .customButton:hover {
	background-position: 0 -24px;
}

.leftButton span, .rightButton span, .initialInvoiceButton span,
	.renewButton span, .parentSiteButton span, .copyButton span,
	.reserveButton span, #loginButton span, #bookButton span, .bookButton span,
	#regButton span, #nextButton span, .nextButton span, #backButton span,
	.backButton span, #cancelButton span, #submitButton span, #clearButton span,
	.clearButton span, #closeWindowButton span, #editButton span,
	#deleteButton span, .editButton span, .deleteButton span, .submitButton span,
	.cancelButton span, .skipButton span, .closeWindowButton span,
	#cancelApptButton span, .cancelApptButton span,
	.printAllSchedulesButton span, .laterButton span, .continueButton span,
	.submitContinueButton span, .customButton span {
	color: white;
	font-size: 12px;
	font-family: "Tahoma";
	font-weight: normal;
}

.helpSmall {
	display: inline-block;
	height: 14px;
	width: 14px;
	background-repeat: no-repeat;
	background-position: 0 0px;
}

.preserve {
	white-space: pre-wrap;
}

.helpLarge {
	display: none;
	height: 20px;
	width: 20px;
	background-repeat: no-repeat;
	background-position: 0 0px;
}

.helpLarge span {
	display: none;
}

.exportSysAdminButton span, .addDistrictButton span,
	.viewMyScheduleButton span, .viewMasterScheduleButton span,
	#bookNewRoundButton span, .addSessionButton span, .addStaffButton span,
	.createTeamButton span, .viewStaffListButton span, .viewTeamsButton span
	{
	color: white;
	font-size: 12px;
	font-family: "Tahoma";
	font-weight: normal;
}

#bookNewRoundButton, .addSessionButton, .addStaffButton,
	.createTeamButton, .viewStaffListButton, .viewTeamsButton,
	.viewSchoolListButton, .createSchoolButton {
	display: inline-block;
	height: 14px;
	line-height: 14px;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-position: 0 0px;
	padding: 5px 20px 5px 20px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.exportSysAdminButton, .addDistrictButton, .addParentButton,
	.searchButton, .viewParentListButton, .viewMyScheduleButton,
	.viewMasterScheduleButton, .continueButton, .submitContinueButton {
	display: inline-block;
	height: 14px;
	line-height: 14px;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-position: 0 0px;
	padding: 5px 20px 5px 20px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.viewMyScheduleButton:hover, .viewMasterScheduleButton:hover,
	.addParentButton:hover, .searchButton:hover, .viewParentListButton:hover,
	.viewSchoolListButton:hover, .createSchoolButton:hover {
	background-position: 0 -24px;
}

.addParentButton span, .searchButton span, .viewParentListButton span,
	.viewSchoolListButton span, .createSchoolButton span {
	color: white;
	font-size: 12px;
	font-family: "Tahoma";
	font-weight: normal;
}

.tag:hover {
	background-color: #000000;
}

.tag {
	background-color: #000000;
}

.errorTag:hover {
	background-color: #FF0000;
}

.errorTag {
	background-color: #FF0000;
}

.errorTag span {
	text-decoration: line-through;
}

.editBillingSmallButton, .selectSmallButton, .addSmallButton,
	.invoiceSmallButton, .referralSmallButton, .poSmallButton, .tag,
	.errorTag {
	display: inline-block;
	height: 11px;
	line-height: 11px;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-position: 0 0px;
	padding: 1px 5px 2px 5px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.editBillingSmallButton:hover, .selectSmallButton:hover, .addSmallButton:hover,
	.invoiceSmallButton:hover, .referralSmallButton:hover, .poSmallButton:hover,
	.tag:hover, .errorTag:hover {
	background-position: 0 -13px;
}

.editBillingSmallButton span, .selectSmallButton span, .addSmallButton span,
	.invoiceSmallButton span, .referralSmallButton span, .poSmallButton span,
	.tag span, .errorTag span {
	color: white;
	font-size: 9px;
	font-family: "Tahoma";
	font-weight: normal;
}

.startMeetingButton:hover, .exportSysAdminButton:hover,
	.addDistrictButton:hover, #bookNewRoundButton:hover, .addSessionButton:hover,
	.addStaffButton:hover, .createTeamButton:hover, .viewStaffListButton:hover,
	.viewTeamsButton:hover {
	background-position: 0 -24px;
}

.startMeetingButton, .modeSmallButton, .approveSmallButton,
	.exitSmallButton, .editSmallButton, .cancelSmallButton,
	.editBreakSmallButton, .deleteSmallButton, .scheduleSmallButton,
	.bookSmallButton, .reserveSmallButton {
	display: inline-block;
	height: 11px;
	line-height: 11px;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-position: 0 0px;
	padding: 1px 5px 2px 5px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.modeSmallButton:hover, .approveSmallButton:hover, .exitSmallButton:hover,
	.editSmallButton:hover, .cancelSmallButton:hover, .editBreakSmallButton:hover,
	.deleteSmallButton:hover, .scheduleSmallButton:hover, .bookSmallButton:hover,
	.reserveSmallButton:hover {
	background-position: 0 -13px;
}

.startMeetingButton span, .modeSmallButton span, .approveSmallButton span,
	.exitSmallButton span, .editSmallButton span, .cancelSmallButton span,
	.editBreakSmallButton span, .deleteSmallButton span,
	.scheduleSmallButton span, .bookSmallButton span, .reserveSmallButton span
	{
	color: white;
	font-size: 9px;
	font-family: "Tahoma";
	font-weight: normal;
}

.ui-messages ul {
	margin-top: 0px !important;
}

.calendarIcon {
	display: block;
	height: 14px;
	width: 14px;
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-image: url("/images/icon_calendar.png");
}

.notesIcon {
	display: block;
	height: 16px;
	width: 16px;
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-image: url("/images/icon_notes.png");
}

.printIcon {
	height: 16px;
	width: 16px;
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-image: url("/images/icon_printer.png");
}

.saveIcon {
	height: 16px;
	width: 16px;
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-image: url("/images/icon_save.png");
}

/* TAB - Book a Conference */
#tabBook, #tabBookDistrict {
	float: left;
	border: none;
	margin: 0px 2px 0px 2px;
	display: block;
	height: 30px;
	background-repeat: no-repeat;
	background-position: 0 0px;
}

#tabBook:hover, #tabBookDistrict:hover {
	background-position: 0 -30px;
}

#tabBook.current, #tabBookDistrict.current {
	background-position: 0 -30px;
}

#tabBook span, #tabBookDistrict span {
	display: none;
}

/* TAB - My Conferences */
#tabMyConference {
	float: left;
	border: none;
	margin: 0px 2px 0px 2px;
	display: block;
	height: 30px;
	background-repeat: no-repeat;
	background-position: 0 0px;
}

#tabMyConference:hover, #tabMyConference.current {
	background-position: 0 -30px;
}

#tabMyConference span {
	display: none;
}

/* TAB - My Profile */
#tabProfile {
	float: left;
	border: none;
	margin: 0px 2px 0px 2px;
	display: block;
	height: 30px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#tabProfile:hover, #tabProfile.current {
	background-position: 0 -30px;
}

#tabProfile span {
	display: none;
}

/* TAB - admin tabs */
#tabImportDataView, #tabInvoiceView, #tabDistricts, #tabSchedules,
	#tabMain, #tabStaff, #tabParents, #tabDemoLeads,
	#tabReferralRequestView, #tabSchoolProfile, #tabConferences,
	#tabSuperSchoolProfile, #tabBillingView {
	float: left;
	border: none;
	margin: 0px 2px 0px 2px;
	display: block;
	height: 30px;
	background-repeat: no-repeat;
	background-position: 0 0px;
}

#tabImportDataView:hover, #tabDistricts:hover, #tabDistricts.current,
	#tabSchedules:hover, #tabSchedules.current, #tabMain:hover, #tabMain.current,
	#tabStaff:hover, #tabStaff.current, #tabSuperSchoolProfile:hover,
	#tabSuperSchoolProfile.current, #tabBillingView.current {
	background-position: 0 -30px;
}

#tabInvoiceView:hover, #tabInvoiceView.current, #tabParents:hover,
	#tabParents.current, #tabDemoLeads.current, #tabReferralRequestView.current,
	#tabReferralRequestView:hover, #tabDemoLeads:hover, #tabSchoolProfile:hover,
	#tabSchoolProfile.current, #tabConferences:hover, #tabConferences.current,
	#tabBillingView:hover, #tabBillingView.current {
	background-position: 0 -30px;
}

#tabImportDataView span, #tabInvoiceView span, #tabDistricts span,
	#tabSchedules span, #tabMain span, #tabStaff span, #tabDemoLeads span,
	#tabReferralRequestView span, #tabParents span, #tabSchoolProfile span,
	#tabConferences span, #tabSuperSchoolProfile span, #tabBillingView span
	{
	display: none;
}

/* End of buttons */
.lightGrayBackground {
	background-color: #eeeeee;
}

.bodyMain {
	font-size: 12px;
	font-family: 'Tahoma';
	line-height: 16px;
}

.bodyLarge {
	font-size: 14px !important;
	font-family: 'Tahoma';
	line-height: 18px;
}

.bodyMedium, .bodyMedium.ui-selectoneradio label {
	font-size: 12px !important;
	font-family: 'Tahoma';
	line-height: 14px;
}

.ui-messages-error-summary {
	font-size: 14px !important;
}

.bodySmall, .bodySmall.ui-selectoneradio label {
	font-size: 11px !important;
	font-family: 'Tahoma';
	line-height: 12px;
}

.bodyExtraLarge {
	font-size: 20px;
	font-family: 'Tahoma';
}

.bodyTitle {
	font-weight: bold;
	font-size: 24px;
	font-family: 'Trebuchet MS';
	margin-bottom: 25px;
	display: block;
}

.Tahoma18 {
	font-size: 18px;
	font-family: 'Tahoma';
	line-height: 18px;
}

.largeTrebuchet {
	font-size: 12px;
	font-family: 'Trebuchet MS';
	line-height: 12px;
}

.medTrebuchet {
	font-size: 10px;
	font-family: 'Trebuchet MS';
	line-height: 10px;
}

.smallTrebuchet {
	font-size: 9px;
	font-family: 'Trebuchet MS';
	line-height: 10px;
}

.italic {
	font-style: italic;
}

.bold {
	font-weight: bold;
}

.labelMedium {
	font-weight: bold;
	margin-bottom: 10px;
}

.noPadding {
	padding: 0px;
}

.footerText {
	width: auto;
	text-align: center;
	font: 11px 'Tahoma';
	line-height: 18px;
	color: #666666;
}

.centered {
	text-align: center;
}

.blockItem {
	display: block;
}

.inlineItem {
	display: inline;
}

.inlineBlockItem {
	display: inline-block !important;
}

.break1 {
	line-height: 10px;
}

.br {
	margin-bottom: 5px;
}

.br1 {
	margin-bottom: 10px;
}

.br2 {
	margin-bottom: 20px;
}

.br3 {
	margin-bottom: 30px;
}

.br5 {
	margin-bottom: 50px;
}

.formBox {
	background-color: #dedede;
	padding: 15px 0px 15px 30px;
	margin-bottom: 2px;
}

.statusBox {
	width: 508px;
	border-color: #dedede;
	border-width: 1px;
	border-style: solid;
	background-color: #f5f5f5;
	padding: 20px 50px 20px 50px;
}

.commentBox {
	border-color: #f1f1f1;
	border-width: 1px;
	border-style: solid;
	background-color: #fffff5;
	padding: 20px 50px 20px 50px;
}

.noteBox {
	border-color: #e2e2e2;
	border-width: 1px;
	border-style: solid;
	background-color: #eeeeee;
	padding: 10px 20px 10px 20px;
	background-repeat: no-repeat;
	background-position: top center;
	background-image: url("/images/shadow.png");
}

.grayBorder {
	border-color: #e2e2e2;
	border-width: 1px;
	border-style: solid;
}

.red {
	color: red;
}

.floatLeft {
	float: left;
}

.clear {
	clear: both;
}

.borderized {
	border: 1px solid #000000;
}

.borderizedGray {
	border: 1px solid #cccccc;
}

.inheritDim {
	width: auto;
	height: auto;
}

.errorMessage {
	padding-left: 30px;
	color: red;
	display: block;
	font-size: 12px;
	font-family: 'Tahoma';
	line-height: 16px;
}

.message {
	padding-left: 30px;
	color: black;
	display: block;
	font-size: 12px;
	font-family: 'Tahoma';
	line-height: 16px;
}

#loginForm {
	padding-top: 25px;
	margin-top: 1px;
	position: relative;
}

#loginBox {
	width: 218px;
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
}

#registerNowBox {
	width: 218px;
	float: left;
	padding: 10px 0px 10px 30px;
	background-color: #eeeeee;
}

#loginForgotPassword {
	clear: both;
	margin-top: 5px;
	margin-bottom: 15px;
}

#supportLabel {
	clear: both;
	margin-top: 0px;
}

<!--
register -->#regsiterForm {
	min-height: inherit;
	min-width: inherit;
}

#registerBox, #registerBox2, #registerBox3 {
	width: 690px;
}

.grayBackground {
	background-color: #eeeeee !important;
}

.medGrayBackground {
	background-color: #dddddd !important;
}

.darkGrayBackground {
	background-color: #cccccc !important;
}

.blackBackground {
	background-color: #000000 !important;
}

.whiteBackground {
	background-color: #ffffff !important;
}

.thickBorder {
	border-width: 8;
	border-style: solid;
}

#myBookedConferenceSection {
	width: 260px;
	margin: 0px;
}

.myBookedConferencesSchoolHeader {
	border: 1px solid #cccccc;
	position: relative;
	padding: 5px 10px 5px 10px;
	width: 233px;
}

.myBookedConferences {
	border: 1px solid #cccccc;
	border-top-style: none;
	position: relative;
	padding: 5px 10px 5px 10px;
	width: 233px;
}

.myBookedConferencesTable {
	position: relative;
	padding: 0px 0px 0px 0px;
	border-collapse: separate;
	border-spacing: 0px;
	width: 255px;
}

.myBookedConferencesBigTable {
	position: relative;
	padding: 0px 0px 0px 0px;
	border-collapse: separate;
	border-spacing: 0px;
	widthx: 915px;
}

.myDistrictsTable {
	position: relative;
	padding: 0px 0px 0px 0px;
	border-collapse: separate;
	border-spacing: 0px;
	width: 1035px;
}

.myBillingTable {
	position: relative;
	padding: 0px 0px 0px 0px;
	border-collapse: separate;
	border-spacing: 0px;
	width: 450px;
}

.adminParentsBigTable {
	position: relative;
	padding: 0px 0px 0px 0px;
	border-collapse: separate;
	border-spacing: 0px;
	width: 925px;
}

.adminParentsDialogTable {
	position: relative;
	padding: 0px 0px 0px 0px;
	border-collapse: separate;
	border-spacing: 0px;
	width: 550px;
}

.myTeacherListTable {
	position: relative;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	min-width: 670px;
}

.adminStaffConferenceListTable {
	position: relative;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	/* width: 689px;  */
}

.mySurveyDataTable {
	position: relative;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	border-width: 0px;
}

.myBookedConferencesRow {
	border: 1px solid #cccccc;
	border-top-style: none;
	position: relative;
	padding: 5px 10px 5px 10px;
	width: inherit;
}

.myBookedConferencesPrintLabel {
	display: block;
	position: relative;
	right: 0px;
	width: inherit;
	text-align: right;
	height: 20px;
}

.masterSchedulePrintLabel {
	display: block;
	position: relative;
	left: 0px;
	width: 42px;
	text-align: left;
	height: 20px;
}

.myParentEmailListPrintLabel {
	display: block;
	position: relative;
	left: 0px;
	width: inherit;
	height: 20px;
}

.myBookedConferencesNoConferencesBooked {
	display: block;
	position: relative;
	left: 0px;
	width: inherit;
}

#myBookedConferencesHeader {
	border-top-style: solid;
	line-height: 25px;
	text-align: center;
	width: 233px;
}

.myConferenceHeader {
	border: 0px solid #ffffff;
	background-color: #cccccc;
	padding: 10px 5px 10px 5px;
	text-align: left;
}

.myConferenceTableButtonColumn {
	border: 1px solid #ffffff;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
	padding: 0px 5px 0px 5px !important;
}

.myConferenceTableColumn {
	border: 1px solid #ffffff;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 2px 0px 2px 0px !important;
}

.myConferenceTableColoredColumn {
	border: 1px solid #ffffff;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.myConferenceTableColumnNoPadding {
	border: 1px solid #ffffff;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
	padding: 0px !important;
}

.scheduleSingleColumn {
	width: 72px;
	padding: 0px;
	border: none;
	border-right: 1px solid #cccccc;
	border-spacing: 0px;
	border-collapse: collapse;
}

.myScheduleMatrixTable {
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

.myScheduleMatrixRow {
	margin: 0;
	width: inherit;
}

.myScheduleMatrixHeader {
	margin: auto;
	text-align: center;
	border: 1px solid #cccccc;
	padding: 0px 0px 0px 0px;
	width: 72px;
}

.myScheduleMatrixCell {
	margin: auto;
	text-align: center;
	height: 25px;
}

.borderBottom1 {
	border-bottom: 1px solid #cccccc;
}

.borderBottom2 {
	border-bottom: 2px solid #cccccc;
}

.borderBottom3 {
	border-bottom: 3px solid #cccccc;
}

.borderBottom4 {
	border-bottom: 4px solid #cccccc;
}

.borderBottom5 {
	border-bottom: 5px solid #cccccc;
}

.borderBottom6 {
	border-bottom: 6px solid #cccccc;
}

.borderBottom7 {
	border-bottom: 7px solid #cccccc;
}

.borderBottom8 {
	border-bottom: 8px solid #cccccc;
}

.borderBottom9 {
	border-bottom: 9px solid #cccccc;
}

.borderBottom10 {
	border-bottom: 10px solid #cccccc;
}

.borderBottom11 {
	border-bottom: 11px solid #cccccc;
}

.borderBottom12 {
	border-bottom: 12px solid #cccccc;
}

.borderBottom13 {
	border-bottom: 13px solid #cccccc;
}

.borderBottom14 {
	border-bottom: 14px solid #cccccc;
}

.borderBottom15 {
	border-bottom: 15px solid #cccccc;
}

.borderBottom16 {
	border-bottom: 16px solid #cccccc;
}

.borderBottom17 {
	border-bottom: 17px solid #cccccc;
}

.borderBottom18 {
	border-bottom: 18px solid #cccccc;
}

.borderBottom19 {
	border-bottom: 19px solid #cccccc;
}

.borderBottom20 {
	border-bottom: 20px solid #cccccc;
}

.borderNone {
	border: none;
}

.borderCollapse {
	border-collapse: collapse;
	border-spacing: 0px;
}

.bottomFooter {
	height: 50px;
	margin-top: 15px;
}

.buttonContainer, .selectionContainer {
	display: flex;
	justify-content: center;
	width: 100%;
	align-items: center; 
	background-color: #cccccc !important;
	overflow: hidden;
	min-height: 50px;
}

.buttonContainer li {
	float: left;
	position: relative;
	right: 50%;
}

.buttonMenu {
	padding: 0;
	margin: 0 auto;
	list-style-type: none;
	float: left;
	position: relative;
	left: 50%;
}

.selectionContainer li {
	float: left;
	position: relative;
}

.letterSelectionMenu {
	padding: 0;
	margin: 0 auto;
	list-style-type: none;
	float: left;
	position: relative;
	margin-left: 20px;
}

.alphabetMenu {
	padding: 0;
	margin: 0 auto;
	list-style-type: none;
	float: left;
	position: relative;
	left: 50%;
}

.alphabetContainer li {
	float: left;
	position: relative;
	right: 50%;
}

.adminControlPanel {
	padding: 15px 20px 25px 20px;
}

.adminInfoPanel {
	padding: 5px 5px 5px 5px;
}

.adminControlPanelIconSpacing {
	margin-right: 50px;
}

.adminControlPanelTab {
	width: 110px;
	height: 25px;
	font-size: 12px;
	font-family: 'Trebuchet MS';
	line-height: 25px;
	text-align: center;
}

.adminInfoPanelHeading {
	font-size: 12px;
	font-family: 'Trebuchet MS';
}

.adminInfoPanelContent {
	font-size: 11px;
	font-family: 'Trebuchet MS';
}

.adminConferencesButtonArea {
	width: 1200px;
	height: 24px;
	background-color: #eeeeee;
	padding: 13px 13px 13px 13px;
}

.adminStaffConferencesButtonArea {
	width: 918px;
	height: 24px;
	background-color: #eeeeee;
	padding: 13px 13px 13px 13px;
}

.adminTopButtonAreaDialog {
	width: 533px;
	height: 34px;
	background-color: #eeeeee;
	padding: 13px 2px 13px 13px;
}

.adminConferencesButton {
	margin: 0px;
}

.adminConferencesRoundPanel {
	border: 1px solid #cccccc;
	padding: 6px 6px 6px 6px;
	width: 1031px;
	margin-bottom: 5px;
}

.adminConferencesCurrentRoundPanel {
	border-style: double;
	padding: 6px 6px 6px 6px;
	width: 1027px;
	margin-bottom: 5px;
}

.adminConferencesRoundTitlePanel {
	min-height: 75px;
	width: 1011px;
	background-color: #eeeeee;
	padding-left: 15px;
}

.adminConferencesRoundTitle {
	color: black;
	font-size: 16px;
	font-family: "Tahoma";
	font-weight: normal;
}

.adminConferencesRoundInfo {
	font-size: 12px;
	font-family: "Tahoma";
	font-weight: normal;
}

.adminConferenceSessionTable {
	position: relative;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	width: 911px;
}

.adminConferenceSessionTableColumn {
	border: 1px solid #ffffff;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
	padding: 2px 5px 2px 7px;
}

.adminConferenceSessionTableButtonColumn {
	border: 1px solid #ffffff;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
	padding: 2px 0px 2px 4px;
}

.teacherAttendeeTable {
	position: relative;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	width: 561px;
}

.editSessionTable {
	position: relative;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	width: 566px;
}

.editRoundSessionTable {
	position: relative;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	width: 874px;
}

.blockedBackground {
	background-color: #CCCCCC;
	color: #666666;
}

#timeSlotGrid tbody {
	vertical-align: top;
}

.letterSelection {
	width: 25px;
	margin-left: 5px;
	margin-right: 5px;
}

.top {
	vertical-align: top;
}

.middle {
	vertical-align: middle;
}

.popup {
	background-color: red;
	border-width: 1px;
	border-style: dotted;
	border-color: black;
	z-index: 9;
}

.requirementBox {
	float: left;
	border-width: 2px;
	border-style: solid;
	padding: 10px 5px 10px 5px;
	width: 250px;
}

.lightGray {
	color: #E3E3E3;
}

.underline {
	text-decoration: underline;
}

.linkUnderline:hover {
	font-weight: bold;
}

.matrixHeader {
	height: 86px;
}

.matrixInnerHeader {
	height: 70px;
	padding-top: 5px;
}

.roundInfoBox {
	margin-top: 85px;
	padding: 0px 0px 0px 0px;
}

.smallLineHeight {
	line-height: 9px;
}

.tableContainer {
	border: 1px solid #cccccc;
	float: left;
	min-height: 100px;
	max-height: 250px;
	width: 610px;
	overflow: auto;
}

.medTopRoundCorners {
	border-top-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-top-right-radius: 10px;
}

.medBottomRoundCorners {
	border-bottom-left-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
}

.medRoundCorners {
	border-radius: 10px;
	-moz-border-radius: 10px;
}

.referral {
	padding: 20px;
	width: 160px;
	border: 1px solid #eee;
	text-align: center;
	-moz-box-shadow: 0px 3px 5px #ddd;
	-webkit-box-shadow: 0px 3px 5px #ddd;
	box-shadow: 0px 3px 5px #ddd;
	/* For IE 8 */
	-ms-filter:
		"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=160, Color='#dddddd')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=160,
		Color='#dddddd');
	background-image: url(gradBack.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.referral p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
}

.openIcon {
	display: block;
	height: 22px;
	width: 21px;
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-image: url("/images/icon_open.png");
}

.dialogContentWidth {
	width: 550px;
}

.startMeetingButton {
	background-color: #669900;
}

.freshbookIcon {
	display: inline-block;
	height: 16px;
	width: 16px;
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-image: url("/images/freshbooks.png");
}

*.rf-pp-cnt-scrlr {
	top: 0;
	left: 0;
	overflow: auto;
	background: #FFF;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

*.rf-pp-cnt {
	padding: 10px;
	color: #000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

*.rf-pp-shdw {
	background-color: #000;
	opacity: .1;
	filter: alpha(opacity = 10);
	position: absolute;
	top: 6px;
	left: 6px;
	bottom: -6px;
	z-index: -1;
	border-radius: 0;
}

*.rf-pp-cntr {
	border: 1px solid #C4C0B9;
	border-radius: 0;
	background: #FFF;
	z-index: 100;
}

*.rf-pp-shade {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #d0d0d0;
	opacity: .5;
	filter: alpha(opacity = 50);
}

input, select, textarea, button, keygen, isindex {
	border-width: 1px;
	border-color: #C4C0B9;
	color: #000;
}

input, select, textarea, button, keygen, isindex, legend, a {
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
}

textarea, input[type="text"], input[type="password"], select {
	border-width: 1px;
	border-style: solid;
	border-color: #C4C0B9;
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	color: #000;
	background-repeat: no-repeat;
	background-position: 1px 1px;
	background-color: #fff;

}

.ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-error-icon, .ui-messages-fatal-icon {
	margin-top: -8px !important;
}



.ui-messages-info {
	font-size: 14px !important;
}

.ui-messages-info, .ui-messages-warn, .ui-messages-error, .ui-messages-fatal {
	border: none !important;
}

.rightTooltip, .leftTooltip {
	position: relative;
	display: inline-block;
}

.rightTooltip span, .leftTooltip span {
	visibility: hidden;
	width: 200px;
	background-color: black;
	color: #fff;
	text-align: left;
	padding: 5px 8px;
	border-radius: 6px;
	position: absolute;
	z-index: 999;
	white-space: pre-wrap;
}

.rightTooltip span {
	top: -5px;
	left: 125%;
}

.leftTooltip span {
	top: -5px;
	right: 125%;
}

.rightTooltip:hover span, .leftTooltip:hover span {
	visibility: visible;
}

.cm.ui-datatable table thead tr th {
	border: none;
	background-color: #cccccc !important;
	padding: 0px;
	border-right: 2px solid #ffffff !important;
}

.cm.ui-datatable table tbody tr td {
	padding: 0px !important;
}

.cm.ui-datalist, .cm.ui-datatable table thead tr th, .cm.ui-datatable table tbody tr td {
	border: none;
}

.cm.ui-datatable table tbody tr td.myConferenceTableColumn, .cm.ui-datatable table tbody tr td.myConferenceTableButtonColumn {
	padding: 2px 5px 2px 7px !important;
}

.cm.ui-datatable table {
	width: auto !important;
}
	
.noBullet.ui-datalist, .noBullet.ui-datalist li, .noBullet.ui-datalist .ui_datalist-content ul li.ui_datalist-item {
	list-style: none !important;
}

.cm.ui-datalist ul {
	padding-left: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	padding-right: 0px !important;
}

.noFlex.cm.ui-datalist ul {
	display: block !important;
}

.cm .ui-datatable-tablewrapper {
	overflow: visible !important;
}

.noEmptyMessage .ui-datalist-empty-message, .noEmptyMessage .ui-datatable-empty-message {
	display: none !important;
}

th.adminConferenceSessionTableColumn, th.adminConferenceSessionTableButtonColumn {
	
}

.custom.ui-inputfield, .custom.ui-selectonemenu label,  .custom .ui-selectonemenu-item.ui-selectonemenu-list-item {
	font-size: 12px !important;
}

.ui-widget-header {
	margin-bottom: 10px;
}

.ui-outputlabel {
	font-size: 12px !important;
}

.noPadding {
	padding: 0px !important;
}

.padding0 {
	padding: 0px;
}

.padding2 {
	padding: 2px;
}

.padding5 {
	padding: 5px;
}

.padding10 {
	padding: 10px;
}

.padding20 {
	padding: 20px;
}

.padding30 {
	padding: 30px;
}

.hpadding0 {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.hpadding2 {
	padding-left: 2px !important;
	padding-right: 2px !important;
}

.hpadding5 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.hpadding10 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.hpadding20 {
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.vpadding2 {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}

.vpadding5 {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.vpadding10 {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.vpadding20 {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.padBot50 {
	padding-bottom: 50px !important;
}

.underline1 {
	border-bottom: 1px dotted #ddd;
}

.underline2 {
	border-bottom: 2px solid #ddd;
}

.underline3 {
	border-bottom: 2px solid #e5e5e5;
}

.rounded3 {
	border-radius: 3px;
}

.rounded5 {
	border-radius: 5px;
}

.rounded8 {
	border-radius: 8px;
}

.rounded10 {
	border-radius: 10px;
}

.uppercase {
	text-transform: uppercase;
}

.MarRight5 {
	margin-right: 5px;
}

.MarRight10 {
	margin-right: 10px;
}

.MarRight20 {
	margin-right: 20px;
}

.MarBot0 {
	margin-bottom: 0px;
}

.MarBot10 {
	margin-bottom: 10px;
}

.MarBot20 {
	margin-bottom: 20px;
}

.MarBot30 {
	margin-bottom: 30px;
}

.MarBot40 {
	margin-bottom: 40px;
}

.MarLeft20 {
	margin-left: 20px;
}

.MarLeft15 {
	margin-left: 15px;
}

.MarLeft10 {
	margin-left: 10px;
}

.MarTop5 {
	margin-top: 5px;
}

.MarTop40 {
	margin-top: 40px;
}

.MarBot5 {
	margin-bottom: 5px;
}

.MarBot100 {
	margin-bottom: 100px;
}

.grayBC {
	background-color: #aaaaaa !important;
}

.ui-blockui {
   position : fixed;
}

.ui-blockui-content.ui-shadow {
	webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.ui-datepicker-calendar tbody tr .ui-datepicker-today a.ui-state-hover {
	color: #ffffff !important;
	font-weight: bold;
}