body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
.AdminContainer, .report, .StudentContainer { padding: 1em 2em; background: #fff url(../images/shade.gif) top left repeat-x; border-top: 1px solid #fff; }
h1 { font-weight: normal; background: #000 url(../images/blackshade.gif) top left repeat-x; border-top: 1px solid #000; color: #fff; margin: 0; padding: .25em; line-height: 1.3em; }
h2, h3, h4, h5, h6 { font-family: Georgia; font-weight: normal; }
h2, h3 { color: #2B56AC; margin: 0; padding: 8px 2px; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.3em; margin: 2em 0 1.4em; background: url(../images/shade.gif) top left repeat-x; }
.StudentContainer, p, li, td, label { font-size: 1.1em; line-height: 2.1; }
li li, p label { font-size: 1.2em; }
a, a:link, a:visited { color: #2B56AC; }
a:hover, a:active, a:focus { color: #B4230B; }
.clear { clear: both; }
.fixed { position: fixed; z-index: 100; margin-top: -3.5em; width: 100%; }
.right { text-align: right; }
.dateTextBox { width: 6em; }
.italic { font-style: italic; }
.bold { font-weight: bold; }
body { margin-top: 3.5em !important; }
.verticalAlignTop { vertical-align: top; }
.required { color: #B4230B; font-weight: bold; }
.noBullet { list-style: none; }
.mediumLengthTextBox { width: 20em; }
.halfWidth { width: 50% !important; }
.threeQuartersWidth { width: 75% !important; }
/* ----------------- Microformats ----------- */
.vevent { display: none; }

/* ----------------- Footer ----------------- */
div#Footer { float: right; font-size: 1.25em; width: 6em; height: 2.75em; margin: 1.5em; text-align: center; background: #000 url(../images/blackshade.gif) top left repeat-x; }
div#scheduleContainer div#Footer { font-size: 1em; }
div#Footer a { color: #ffffff; text-decoration: none; width: 100%; height: 100%; display: block; padding-top: 0.75em; }

/* ----------------- Tables ----------------- */
table { clear: both; margin: 1em 0; border: 1px solid #dfdfdf; border-width: 0 1px 1px; font-size: 1.1em; width: 100%; }
tr { background: #fff; }
tr.odd { background: #f5f5f5; }
tbody tr:hover, tbody tr:hover th { background: #ffd !important; }
td, th { padding: 5px; border-top: 1px solid #dfdfdf; }
th { color: #555; background: #eee; vertical-align: middle; line-height: 2.1; }
tbody th { vertical-align: top; }
td { vertical-align: top; }
thead th, tfoot th { text-align: left; width: auto; background: #fff url(../images/shade.gif) top left repeat-x; }
table img { display: block; margin: 0 auto; border: none; }
table a { text-decoration: none; }
table#VarianceList { clear: none; }
tr.highlight { border: 1px solid #F5AC3F; background: #FCF2B7; }
tr.createCTSDayRow { border-top: 1px solid #aaa; }
/* --- Admin Menu & Daily Schedule Tools ---- */
#MainMenu_menuAdmin { float: right; width: auto; }
#MainMenu_menuAdmin li.AspNet-Menu-Leaf a img { display: block; }
#MainMenu_menuAdmin li { width: 6em; font-size: 1.2em; }
#MainMenu_menuAdmin li li { width: 12em; font-size: inherit; }
#MainMenu_menuAdmin ul.AspNet-Menu li a, #MainMenu_menuAdmin ul.AspNet-Menu li span { padding: 5px 2em; text-align: center; }
#MainMenu_menuAdmin ul.AspNet-Menu li li a { padding-left: 1em; text-align: left; }
#Tools .fixed { background: #fff; margin-top: 0; margin-right: 0; }
#Tools { position: fixed; z-index: 90; margin-top: 0; width: 100%; }
#Tools p input { vertical-align: bottom; }
#Tools h2 { padding: 16px 2px 0; }
#Tools p { line-height: 1; margin-top: 0; }
/* --------------- Date Picker -------------- */
.datePicker { border: 1px solid #dfdfdf; font-size: 1em; }
#scheduleContainer .DatePickerClass { font-size: .8em; }
.datePicker th, .report #calDatePicker .datePicker th { background: #fff url(../images/shade.gif) top left repeat-x; color: #000; }
.datePicker td a { display: block; width: 100%; height: 100%; text-decoration: none; color: #2B56AC !important; }
.datePicker table td, .datePicker table th, .report #calDatePicker .datePicker table td, .report #calDatePicker .datePicker table th { padding: 0; border: none; }
.datePicker table td, .report #calDatePicker .datePicker table td { font-weight: bold; }
#DatePickerContainer h2, #DatePickerContainer #imgBtnDatePicker {float: left; width: auto;}
/* #DatePickerContainer { overflow: auto; } */
.report #divDatePicker, #formDailySchedule #divDatePicker { margin:3em 1em; position:absolute; }
.hideCalendar { display: none; }
.showCalendar { display: inline-table; position: absolute; z-index: 1; }
#formDailySchedule .showCalendar {display:inline-table; position:absolute; top: -3.5em; right:-15em; width:28em; z-index:1; }
#formMoveSwap .showCalendar {display:inline-table; position:absolute; top: 10.5em; right:30em; width:25em; z-index:1; }
#imgBtnDatePicker, #imgBtnDatePickerBottom { vertical-align: text-bottom; }
.CalendarTitle { padding: 5px; width: 100%; }
.CalendarNextPrev { padding: 5px; }
.datePicker th.CalendarDayHeader { color: #555; }
.datePicker td.CalendarWeekDay { padding: 0; }
.datePicker td.CalendarWeekendDay { background: #f7f7f7; padding: 0; }
.datePicker td.CalendarOtherMonthDay { background: #eee; padding: 0; }
.datePicker td.CalendarSelectedDay, .datePicker td:hover { background: #DAE6CB; padding: 0; }
.datePicker td.CalendarToday { background: #FCF2B7; padding: 0; }
.date {width: 6em;}
#formAppointmentCalendar #divDatePicker table { width: auto; }
.shadow { display: none; height:100%; left:-5px; position:absolute; top:0pt; width:100%; z-index:0; }
.dateHide { visibility: hidden; }
/* ---------- AJAX Calendar ----------------- */
.AjaxCalendarButton { display: inline; cursor: pointer; }
.AjaxCalendar { position: relative; top: 0; left: 0; }
.AjaxCalendar td { padding: 0 !important; line-height: 1.2em; }
.AjaxCalendar .ajax__calendar_container { background-color:#FFFFFF; border:1px solid #646464; color:#000000; cursor:default; font-family:tahoma,verdana,helvetica; font-size:11px; padding:0; position:absolute; text-align:center; width:170px; }
.AjaxCalendar .ajax__calendar_title { cursor:pointer; font-weight:bold; background: #fff url(../images/shade.gif) top left repeat-x; }
.AjaxCalendar .ajax__calendar_dayname { font-weight:bold; font-size: .8em !important; background: #fff url(../images/shade.gif) top left repeat-x; border-bottom:1px solid #F5F5F5; height: 17px; padding: 0; text-align:center; width: 23px; }
.AjaxCalendar .ajax__calendar_day { font-size: .8em !important; border:1px solid #FFFFFF; cursor:pointer; height:17px; padding:0; text-align:center; width:auto; }
.AjaxCalendar .ajax__calendar_today { cursor:pointer; padding:3px 0 6px 0; }
.AjaxCalendar .ajax__calendar_footer { border-top:1px solid #F5F5F5; height:15px; }
.AjaxCalendar .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years { height:139px; left:0; margin:auto; position:absolute; text-align:center; top:0; width:170px; }
.AjaxCalendar .ajax__calendar_hover .ajax__calendar_day, .AjaxCalendar .ajax__calendar_hover .ajax__calendar_month, .AjaxCalendar .ajax__calendar_hover .ajax__calendar_year { background-color: #DAE6CB; }
.AjaxCalendar .ajax__calendar_other { background-color: #eee; }
/* ---------- Daily Schedule Page ----------- */
#scheduleContainer.AdminContainer { float: left; width: 80%; font-size: 1.3em; }
#scheduleContainer.AdminContainer, #formDailySchedule #Tools .fixed { background: url(../images/shade.gif) top left repeat-x; border-top: 1px solid #fff; }
#scheduleContainer.AdminContainer { padding: 0; margin-top: 2px; }
#formDailySchedule div#Tools { position: absolute; right: 0; z-index: 0; float: right; width: 20%; margin-top: 1px; border-top: 1px solid #fff; font-size: .8em; }
#scheduleContainer .LocationAndCalendar { float: right; width: auto; margin: 0 3em; }
#formDailySchedule h2 { background: url(../images/shade.gif) top left repeat-x; }
form#formDailySchedule table#DailySchedule { margin: 1em 2em 1em 1em; width: 96%;}
#DailySchedule td { font-size: 1em; line-height: .9em; }
#DailySchedule td input { display: block; margin: 0 auto; }
#DailySchedule th { font-size: 1em; line-height: 1.2em; text-align: center; }
#DailySchedule tr.DailyScheduleDate th { color: #000; }
#DailySchedule tr.Available { background: #fff; }
#DailySchedule tr.Booked { background: #f0f0f0; }
#DailySchedule tr.ConsultantOut { background: #FFEECC; }
#DailySchedule tr.Ongoing { background: #D6E5C5; }
#DailySchedule tr.Reserved { background: #CDE0F6; }
#scheduleContainer div#scheduleGrid table.datePicker th {font-size: 1.2em;}
#Tools .LocationAndCalendar { font-size: 1.4em; padding: 1em 0; }
#Tools .LocationAndCalendar thead th { font-size: 1.1em; text-align: center; }
#lbConsultants { height: 18em; }
/* -------- Appointment Detail Page --------- */
div#EntrySurvey, div#ConsultantNotesContainer, div#StudentPastAppointmentsContainer, div#pComments { border: 1px solid #ddd; padding-top: 2px; margin: 1em 0; padding: .25em .5em; }
form#formAppointmentDetail h2#DateTime { background: none; width: 60%; float: left; min-height: 48px; }
form#formAppointmentDetail p { line-height: 1; margin: 1em 1em; }
form#formAppointmentDetail th, form#formAppointmentDetail td { text-align: left; vertical-align: top; }
form#formAppointmentDetail p#DateTime, form#formAppointmentDetail p#Student, form#formAppointmentDetail p#UIN { font-size: 1.6em; color: #5F8F23; }
form#formAppointmentDetail p#Missed, form#formAppointmentDetail p#Cancel { float: right; width: 48px; margin: 0 0 10px 10px; }
form#formAppointmentDetail p#MoveSwapIcon { display: inline; }
form#formAppointmentDetail div#studentDetails { width: 60%; float: left; }
form#formAppointmentDetail div#studentDetails th, form#formAppointmentDetail div#studentDetails td { width: 25%; }
form#formAppointmentDetail div#ConsultantDetails { width: 30%; float: left; }
form#formAppointmentDetail div#ConsultantDetails th, form#formAppointmentDetail div#ConsultantDetails td { width: 50%; }
form#formAppointmentDetail div#EntrySurvey { width: 90%; float: left; }
form#formAppointmentDetail div#EntrySurvey table { width: 33% !important; float: left; }
form#formAppointmentDetail div.EntrySurveyGroup2 { float: left; width: 60%; margin: 1em 0 0 1em; }
form#formAppointmentDetail div#StudentPastAppointmentsContainer, form#formAppointmentDetail div#pComments { float: left; clear: left; width: auto; }
form#formAppointmentDetail div#grdStudentFiles table { width: 100% !important; margin: 0 0 0 1em; }
form#formAppointmentDetail input#btnFileUpload { margin-left: 2em; }
div#EntrySurvey, div#EntrySurvey h3, div#ConsultantNotesContainer p#SendEmail { clear: both; }
form#formAppointmentDetail div#ConsultantNotesContainer { clear: left; width: 90%; }
form#formAppointmentDetail div#DurationAndConsultantCheckboxes { float: left; width: 34%; }
form#formAppointmentDetail ul#ConsultantCheckBoxes { float: left; width: 100%; clear: left; font-size: 1em; list-style-type: none; margin-left: -3em; }
form#formAppointmentDetail div#ConsultantNotesTextBoxContainer { float: left; width: 60%; }
form#formAppointmentDetail #AppointmentOptions { float: left; width: 32%; }
form#formAppointmentDetail p#ConsultantNote { float: left; width: 100%; }
form#formAppointmentDetail p#SubmitButton { clear: both; }
form#formAppointmentDetail textarea#tbConsultantNotes, form#formAppointmentDetail textarea#tbComments { width: 99.5%; }
form#formAppointmentDetail div#ConsultantNotesContainer p label { font-weight: normal; font-size: 1em; }
form#formAppointmentDetail #tbConsultantNotes { width: 90%; }
form#formAppointmentDetail div#pComments { margin: 1em 0 0 0.5em; width: 100%; border: none; }
form#formAppointmentDetail div#pComments textarea#tbComments { width: 94%; }
form#formAppointmentDetail div#pComments textarea#tbComments.hasNotes { background: #ffc; }
form#formAppointmentDetail div#pComments label { font-family: Georgia; font-size: 1.25em; color: #2B56AC; }
form#formAppointmentDetail div#pNotesSent, form#formAppointmentDetail div#pReadOnly { clear: both; }
#PastSessions td input { display: block; margin: 0 auto; }
form#formAppointmentDetail div#StudentPastAppointmentsContainer { clear: left; width: 90%; }
form#formAppointmentDetail p.entrySurveyQuestion { font-size: 1.1em; }
form#formAppointmentDetail p.entrySurveyAnswer { font-size: 1.2em; }
div.Instructors { text-indent: 2em; font-size: 1.2em; }
/* ------------- Move/Swap ------------------ */
#MoveSwapBox1, #MoveSwapBox2 { float: left; width: 45em; }
#formMoveSwap #AppointmentDetail { margin-bottom: 5em; }
#MoveSwapBox2 { padding: 0 1em; }
#MoveSwapBox2 #LocationAndCalendar { text-align: right; margin-top: -4.5em; }
#MoveSwapBox2 #LocationAndCalendar #calDatePicker { text-align: center; font-size: 1em; }
#MoveSwapBox2 #LocationAndCalendar #calDatePicker td { text-align: center; font-size: .9em; }
form#formMoveSwap p#DateTime, form#formMoveSwap p#Student, form#formMoveSwap p#UIN { font-size: 1.6em; color: #5F8F23; }
#MoveDailySchedule, #SwapDailySchedule { width: 100%; }
#MoveDailySchedule thead th, #MoveDailySchedule tfoot th, #SwapDailySchedule thead th, #SwapDailySchedule tfoot th { background: #fff url(../images/shade.gif) top left repeat-x; }
#MoveDailySchedule td a, #SwapDailySchedule td a { display: block; text-align: center; }
#MoveDailySchedule label, #SwapDailySchedule label { font-size: 1em; }
#MoveDailySchedule .DailyScheduleDate th { text-align: center; }
/* ----------- Student Search --------------- */
#BookAppointmentSearchContainer h2 { margin-top: 2em; }
#BookAppointmentConfirmationContainer h2 { background: url(../images/shade.gif) top left repeat-x; }
/* ----------- Online Review Step 1 of 3 ---------- */
#formAvailableAsynchTime #HomeContainer .nextAvailableDateAndTime { font-weight: bold; text-align: center; }
/* ------------- Entry Survey --------------- */
#formEntrySurvey select, #formExitSurvey select { display: block; }
#formEntrySurvey textarea, #formExitSurvey textarea { display: block; width: 30em; }
#formEntrySurvey ol ul li, #formExitSurvey ol ul li { list-style-type: none; font-size: .9em; margin-left: -4em; }
table.likert { border: none; font-size: .7em; }
table.likert tr { display: inline; }
table.likert tr td { border: none; padding: 0 3em 0 0; }
table.likert tbody tr:hover, table.likert tbody tr:hover th { background: #ffffff !important; }
form#formExitSurvey ol#Questions label { font-size: 1.3em; }
form#formExitSurvey ol#Questions ul li label { font-size: 1.2em; }
/* ------------------- Survey Question Management ------------------------ */
#formExitSurveyQuestionManagement table#ExitSurvey label { font-size: 1em; }
#SurveyManagementContainer div#divSurveyType { margin-left: 1em; font-weight: bold; display: inline; }
#SurveyManagementContainer div#divSurveyType #pAddSurveyType { display: inline; }
/* ----------- AppointmentDetail ------------ */
#AppointmentDetailContainer p#DateTime, #AppointmentDetailContainer p#Student, #AppointmentDetailContainer p#UIN { font-size: 1.6em; color: #5F8F23; }
/* --------- NotesDetailByStudent ----------- */
#NotesDetailByStudentContainer h2 { background: none; }
#NotesDetailByStudentContainer table {width: 75%; float: right; clear: right;}
#NotesDetailByStudentContainer #StudentDetails {width: 23%; float: left;}
/* ----------------- Config ----------------- */
#SystemConfigurationContainer p { clear: both; }
#SystemConfigurationContainer select, #SystemConfigurationContainer input { position: absolute; left: 36em; }
#SystemConfigurationContainer textarea { width: 40em; display: block; }
#AddButton { float: right; width: 48px; }
#editList { float: left; }
input.subStatusDescription { width: 24em; }
#CreateCTSContainer.AdminContainer { padding: 0; }
#CreateCTSContainer table { margin: 1em; }
span#upDailySchedule { display: block; }
#ManageEmailNotificationsContainer { float: left; width: 68%; padding: 1em 0 0 2%; }
#ManageEmailNotificationsContainer textarea#tbBody { width: 90%; }
table#BodyVariables { float: right; width: 28%; margin: 2em 10px 0 0; clear: none; }
#frmManageEmailNotifications p { display: block; clear: both; margin: 1em; }
#ManageEmailNotificationsContainer p { margin: 1em 0; }
#ManageEmailNotificationsContainer label { float: left; width: 5em; line-height: 1.4; margin: 0 0 1em; }
/* ----------------- Forms ------------------ */
fieldset { color: #450; border: 1px solid #c1ce90; padding: 0 1em 1em; margin-top: 1em; }
fieldset legend { font-weight: bold; font-size: 1.2em; padding: .3em; margin: 0; background: #f7f9f1; border: 1px solid #c1ce90; }
/* ---------------- Reports ----------------- */
.reportContainer { width: 27em; float: left; margin: 0 1.5em 1em 1em; }
#ExitSurveyLikertScores .reportContainer { width: 85em; }
#ExitSurveyResultsContainer .apptType { font-size: 1.5em;font-weight: bold;color: #2B56AC;}
.reportContainer h3 { margin-bottom: .5em; }
.report h2 { margin-top: 0; }
.report table { margin: 1em 0 2em; width: 100%; }
.report thead th, .report tbody th { padding: 0 1em; text-align: left; vertical-align: middle; font-size: 1em; }
.report thead th { background-color: #fff; padding: .9em; }
.report #calDatePicker thead th { text-align: center; font-size: 1.2em; }
.report td { padding: 0 .5em; text-align: center; font-family: Georgia; font-size: 1.8em; border-left: 1px solid #ccc; }
#CoursesContainer td, #ExitSurveyCommentsContainer td, #ExitSurveyLikertScores td, #NotesContainer td, #NotesDetailByStudentContainer td, #NotesDetailByConsultantContainer td
{ font-family: Verdana; font-size: 1.3em; padding: 0.5em; }
#ExitSurveyResultsContainer tbody th { padding: .5em; }
.report table#calDatePicker td { font-family: Verdana; font-size: 1.3em; padding: 0.5em; }
.report table#calDatePicker { width: auto; }
#ExitSurveyCommentsContainer td p, #ExitSurveyLikertScores td p, #ExitSurveyCommentsContainer th p, #ExitSurveyLikertScores th p, #NotesDetailByConsultantContainer td p,
#NotesDetailByConsultantContainer th p, #formNotesDetailByStudent th p { font-size: 1em; margin: 0; }
#formNotesDetailByStudent .NoteDetailStudentName { width: 15em; }
#formNotesDetailByStudent div#StudentSearchNameContainer { padding: 0 0 1em 1em; }
div#DatePickerContainer { padding: 1em; overflow: auto; }
div#DatePickerContainer div.reportSelector { float: left; width: auto; margin-right: 1em; }
#ExitSurveyCommentsContainer td, #ExitSurveyLikertScores td, #ExitSurveyCommentsContainer th { text-align: left; vertical-align: top; }
#ExitSurveyLikertScores th { text-align: left; vertical-align: middle; }
#ExitSurveyCommentsContainer th p, #ExitSurveyLikertScores th p { margin: 1em 0; }
#ExitSurveyCommentsContainer td p, #ExitSurveyLikertScores td p { margin: .5em; }
#NotesDetailByConsultantContainer td { text-align: left; }
#NotesDetailByConsultantContainer th, #CoursesContainer th { vertical-align: top; font-size: 1.2em; line-height: 1.8; padding: .5em; }
#CoursesContainer td { text-align: left; }
/* ------------- Request Leave ---------------------- */
form#formLeaveRequest div#RequestLeaveContainer, form#formLeaveRequest div#PreviousRequests { float: left; width: 45%; margin: .75em .5em; border: 1px solid #DDDDDD; padding: .25em .5em; }
form#formLeaveRequest div#RequestLeaveContainer th { vertical-align: middle; }
form#formLeaveRequest div#RequestLeaveContainer label { font-size: 1.25em; font-weight: bold; }
form#formLeaveRequest div#RequestLeaveContainer table { width: 98%; }
form#formLeaveRequest div#RequestLeaveContainer table label { font-size: 1em; }
form#formLeaveRequest div#RequestLeaveContainer #tbComments { width: 98%; }
form#formLeaveRequest div#RequestLeaveContainer #ibSubmit { float: right; }
form#formLeaveRequest div#PreviousRequests table { width: 98%; }
form#formLeaveRequest div#LeaveRequestUserConfirmationContainer { width: 80%; margin: .75em .5em; border: 1px solid #DDDDDD; padding: .25em .5em;}
/* ------------- Review Leave Request -------------- */
#LeaveRequestContainer { margin: 1em; }
#LeaveRequestContainer .comments { width: 15em; }
#LeaveRequestContainer td { padding: .5em; }
#LeaveRequestContainer .Approved { background-color: #CCFFCC; }
#LeaveRequestContainer .Pending { background-color: #ECE5DB; }
#LeaveRequestContainer .Denied { background-color: #F5B081; }
#LeaveRequestContainer .Retracted { background-color: #FCF2B7; }
#LeaveRequestContainer .Hide { display: none; }
/* ---------------- Messages ---------------- */
.error ul { margin: 1em 0 !important; font-weight: bold; }
.error ul li { margin: -.5em 0 !important; }
.error { padding-left: 28px; border: 1px solid #B4230B; color: #B4230B; background: #F5B081 url(../images/20/error.png) 8px 50% no-repeat; }
.warning { padding-left: 28px; border: 1px solid #F5AC3F; color: #FF8200; background: #FCF2B7 url(../images/20/warning.png) 8px 50% no-repeat; }
.success { padding-left: 28px; border: 1px solid #5F8F23; color: #346513; background: #DAE6CB url(../images/20/check.png) 8px 50% no-repeat; }
.error p, .warning p, .success p { margin: .5em; font-weight: bold; }
.printMessage { float: right; width: 60px; margin: 1em; background: #eee; border: 1px solid #bbb; padding: 1em; text-align: center; }
.printMessage img { display: block; margin: 0 auto; }
.validIndicator { color: #B4230B !important; display: inline !important; }
/* ----- BookAppointmentSearch.aspx validation summary ----- */
div#vsSearch.error ul li { list-style: none !important; }
/* ----------- Edit/Delete CTS Screen ----------- */
div#EditCTSContainer #tbComments { width: 50%; }
/* ----------- Edit/Delete CTS Confirmation Screen ---------- */
div#EditCTSConfirmationContainer table { clear: none; margin: 1em 0; border: 1px solid #dfdfdf; border-width: 0 1px 1px; font-size: 1em; }
div#EditCTSConfirmationContainer div#pDeleteSuccess { clear: both; }
/* ---------------- Login ------------------ */
html#defaultHtml, body.defaultBody, #frmDefault { margin: -1.35em 0 0 0; height: 90%; }
#frmDefault h1 { text-align: center; }
#frmDefault div#divDefault { text-align: center; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -4em; }
#frmDefault div#divDefault .error p { text-align: left; }
#frmDefault div#divBanner { font-size: 1.2em; }
#frmDefault div.push { height: 4em; }
#frmDefault div.copyright { height: 4em; text-align: center; font-size: 1.1em; }
/* ----------------------- Survey Management ---------------------- */
#SurveyManagementContainer .surveyQuestion { width: 100%; }
#SurveyManagementContainer p { font-weight: bold; padding: 1em; }
/* ----------------------- Manage Roles ---------------------- */
#Securables .checkbox { margin: 0 .5em; }
#Securables th { text-align: left; }
#ManageRolesContainer img { display: inline; }
#ManageRolesContainer .makeHidden { visibility: hidden; }
#ManageRolesContainer .makeVisible { visibility: visible; vertical-align: text-bottom; }
#ManageRolesContainer .displayNone { display: none; }
#ManageRolesContainer .displayShow { display: block; position: absolute; margin: 0 0 0 1.5em; padding: .5em 1em; border: 1px solid #000000; border-width: 1px; background: #ffd !important; }
/* ----------------------- Manage Email Notifications ---------------------- */
form#frmManageEmailNotifications .bodyLabel { vertical-align: top; }
form#frmManageEmailNotifications .body { width: 60em; }
form#frmManageEmailNotifications .from, form#frmManageEmailNotifications .subject { width: 40em; }
/* ---------------------------- Manage Locations ----------------------------- */
form#frmLocationManagement div#LocationManagementContainer { margin: 0 2em; padding: 1em; }
/* ---------------------------- Manage Reserved Sub-status Codes ------------------------ */
form#formManageReservedSubstatusCodes .Hexadecimal { width: 6em; }
/* ---------------- Client ----------------- */
form#formAppointmentCalendar table#DailySchedule { margin: 1em 2em 1em 1em; }
#Tools { margin: 1em 0 0 0;}
#AppointmentCalendarContainer div#Tools { position: relative; z-index: 0; float: right; width: 45%; border-top: 1px solid #fff; font-size: .8em; }
#formAppointmentCalendar div.fixed { position: static; }
/*
#AppointmentCalendarContainer #scheduleGrid { float: left; width: 45%; }
*/
#AppointmentCalendarContainer td input { display: block; margin: 0 auto; }
.AppointmentDetailEntrySurvey { float: right; width: 50%; }
#pAppointmentCalendar, #pnlCancel { clear: left; }
#pnlCancel { float: left; width: 60px; }
#pnlCancel .imageButtons { float: none; width: inherit; }
.imageButtons { font-size: .9em; float: left; clear: none; width: 60px; margin: 1em; background: #eee; border: 1px solid #bbb; padding: 1em; text-align: center; }
.imageButtons input { display: block; margin: 0 auto; }
#StudentDetailsContainer { float: left; width: 50%; }
#ConsultationSummary { width: 98%; text-align: left; }
.StudentContainer #divDatePicker thead th, #FutureAppointmentsTable thead th, #PreviousAppointmentsTable thead th { font-size: 1.3em; text-align: center; }
#FutureAppointmentsTable tbody td, #PreviousAppointmentsTable tbody td { text-align: center; }
div#EntrySurveyContainer p#Identification { position: relative; }
div#EntrySurveyContainer ol { position: relative; }
div#EntrySurveyContainer .warning { margin-top: 1em; }
div.subContainer { float: left; margin: 1em; padding: 1em; font-size: 1.2em; width: 25%; min-height: 0em !important; background: #eee; border: 1px solid #bbb; }
div.subContainer ul { list-style-type: none; }
div.fullContainer { float: left;margin: 0.5em; padding: 1em; width: 85%; min-height: 15em; background: #eee; border: 1px solid #bbb; }
div.fullContainer ul { list-style-type: circle; margin-top: 0em; }
div.fullContainer h2 { padding-bottom: 0em; }
div.fullContainer ul li { line-height: 1.25;  font-size: 1em; font-weight: bold;}
.round { -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; }
.forceListStyle { list-style-type: circle !important; }
form#formAvailableAsynchTime div.subContainer { width: 50%; }
form#formAvailableAsynchTime div.buttonContainer ul { width: 45%; margin: 0 auto; }
form#formAvailableAsynchTime div.buttonContainer li { float: left; display: inline; margin: 0 2em; }
form#formAvailableAsynchTime div.buttonContainer a { float: left; text-align: center; padding-top: 32px; min-width: 32px; background-position: center top; background-repeat: no-repeat; text-decoration: none; }
form#formAvailableAsynchTime div.buttonContainer a.cancel { background-image: url('../images/32/cancel.png'); }
form#formAvailableAsynchTime div.buttonContainer a.continue { background-image: url('../images/32/continue.png'); }
div.rssfeed { border: none; background: #fff; height: 35em; }
div.rssfeed h2, div.rssfeed h3 { color: #000; }
div.rssfeed ul { margin-left: 0; padding-left: .2em; text-indent: 0; }
div.rssfeed ul li { margin-bottom: 1.3em; }
div#AppointmentListContainer { margin: 1em 2em; }
/* --------- Workshop Entry Survey --------------- */
div#ClassroomWorkshopEntrySurveyContainer ul { position: relative; list-style: none; margin-left: -3em; }
div#ClassroomWorkshopEntrySurveyContainer .warning { margin-top: 1em; }
div#ClassroomWorkshopEntrySurveyContainer ul li ul { font-size: .75em; margin-left: -4.75em; }
/* ----------- Workshop Requests ------------------- */
#WorkshopRequestTable input { margin: 0 0 0 1em; }
.rbContainer { padding: 1em 0 0 1em; }
form#formClassroomWorkshopDetails div.buttonContainer ul { width: 45%; }
form#formClassroomWorkshopDetails div.buttonContainer li { float: left; display: inline; margin: 0 2em; }
form#formClassroomWorkshopDetails div.buttonContainer a { float: left; text-align: center; padding-top: 32px; min-width: 32px; background-position: center top; background-repeat: no-repeat; text-decoration: none; }
form#formClassroomWorkshopDetails div.buttonContainer a.cancel { background-image: url('../images/32/cancel.png'); }
form#formClassroomWorkshopDetails div.buttonContainer a.continue { background-image: url('../images/32/continue.png'); }
/* ------------ Workshop Appointment Details --------------- */
form#formAppointmentDetail textarea, form#formWorkshopDetails textarea { width: 100%; }
/* ------------ Workshop Details (Admin) ------------------- */
form#formWorkshopDetails #tbWorkshopName, form#formWorkshopDetails #tbSlideShareDoc { width: 40em; }
form#formWorkshopDetails #tbSlideShareId { width: 7em; }
form#formWorkshopDetails .checkbox { margin-right: 2em; }
/* ------------ Accordions ----------------- */
.accordionHeader { border: 1px solid #2F4F4F; color: black; background-color: #eee; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; padding: 5px; margin-top: 5px; cursor: pointer; }
.accordionContent { background-color: white; border: none; border-top: none; padding: 5px; padding-top: 10px; }
/* ------------ Exit Survey Likert Scores -------------- */
.likertTable { padding: 0;border: none; }
.likertTable td { margin: 0 !important; padding: 0 !important;border: none;}
.likertWidth { width: 79%; }
.likertBar { border-left: 1px solid black; }
.likertResponse { width: 16%; }
.likertCount { width: 5%;text-align: center !important; }
/* ------------- Print Styles -------------- */
@media print {
	.error, .warning, .success { background: #eee; color: #000; }
	#MainMenu_menuAdmin, #MainMenu, form#formAppointmentDetail div#StudentPastAppointmentsContainer, form#formAppointmentDetail div#pComments { display: none; }
	form#formAppointmentDetail div#ConsultantNotesContainer, form#formAppointmentDetail div#EntrySurvey, form#formAppointmentDetail div#studentDetails,
	form#formAppointmentDetail div#StudentPastAppointmentsContainer { float: none; width: 100%; }
	form#formAppointmentDetail textarea#tbConsultantNotes { display: block; overflow: visible; margin-top: 3em; }
	#Tools { display: none; }
	body {width: 100%;margin: 0;padding: 0;}
	div#scheduleGrid { width: 125%;margin: 0;padding: 0;}
	#DailySchedule tbody, #DailySchedule tbody tr, #DailySchedule tbody tr td, #DailySchedule tbody tr th { width: auto; }
	#DailySchedule { width: auto; }
	div.AdminContainer { width: auto;margin: 0;padding: 0; }
}

/* ----------- Mobile Styles --------------- */
@media screen and (min-device-width: 240px) and (max-device-width: 400px)
{
	/* Login screen */
	body.defaultBody, form#frmDefault h1 { width: 350px; }

	/* Body */
	body {width: 360px; padding: 0 0 6em; margin: 0 !important; }  /* 80px */
	div.fixed {margin: 0;  position: static; width: 100%; }		/* 80px */
	.AdminContainer, .report, .StudentContainer { padding: 0; }
	#scheduleContainer.AdminContainer, #formDailySchedule div#Tools .fixed { position: static; width: 100%; }
	#formDailySchedule div#Tools { position: relative; width: 100%; }
	#scheduleContainer.AdminContainer { position: relative; margin-bottom: 6em; }	
	#formDailySchedule div#Footer { position: absolute; bottom: -6em; left: 35%; }
	#scheduleContainer.AdminContainer, #AppointmentCalendarContainer.StudentContainer { padding: 0; background: none; border-top: none; }

	/* Menu */
	#MainMenu_menuAdmin ul.AspNet-Menu { z-index: 900; }
	#MainMenu_menuAdmin ul.AspNet-Menu li { width: 20%; }
	#MainMenu_menuAdmin ul.AspNet-Menu li li { width: 12em; }
	#MainMenu_menuAdmin ul.AspNet-Menu li a img { display: block; margin: 0 auto; }
	#MainMenu_menuAdmin { width: 100%; }
	h1 { text-align: center; }

	/* Tables */
	table.responsive { margin: 0; width: 100%;}
	form#formDailySchedule table#DailySchedule { margin: 0; width: 100%;}
	#formDailySchedule .showCalendar { right:-27em; }
	/* Force table to not be like tables anymore */
	table.responsive, table.responsive thead, table.responsive tbody, table.responsive tbody th, table.responsive tbody td,
		table.responsive tbody tr { display: block; }
	/* Hide table headers (but not display: none;, for accessibility) _NO__DOTCOMMA__AFTER__*/
	table.responsive thead tr { position: absolute; top: -9999px; left: -9999px; }
	table.responsive tr { border: 1px solid #ccc; position: relative; overflow: visible; padding-bottom: 1.5em; }
	table.responsive td { /* Behave like a "row" */ border: none; position: relative; top: 1em; padding: .2em 0 0 2em; }
	table.responsive td.apptType { position: absolute; top: 2.4em; right: 1em;  }
	table.responsive td.internalComments { position: absolute; top: 1em; right: 1em;  }
	table.responsive th { padding: 0 }
	table.responsive th h4 { margin: 0; padding: .2em; color: #fff; background: #000; font-weight: bold; font-size: 1.3em; }
	table.responsive th, table#DailySchedule td.arrived { clear: both }
	table#DailySchedule td.arrived, table#DailySchedule td.missed, table#DailySchedule td.cancel, table#DailySchedule td.moveswap,
		table#DailySchedule td.book { float: left; width: 15%; text-align: center; padding: 0.5em 0 0 0; }
	table#DailySchedule td.arrived { padding-left: 1em }
	table#DailySchedule tr:after, table#DailySchedule td.book:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	table#DailySchedule tfoot tr th:nth-child(1), table#DailySchedule tfoot tr th:nth-child(3)  { padding: 5px 1em; }	
	table.responsive td:before { /* Now like a table header */ /*position: absolute; */ float: left; position: relative;
	/* Top/left values mimic padding */ top: 0em; /*left: 1em;*/ width: 45%; padding-right: 2%; white-space: nowrap;
	/* where the magic happens */ content: attr(data-label); }

	/* Settings */
	#SystemConfigurationContainer select, #SystemConfigurationContainer input { display: block; position: static; }
	.AdminContainer, .report, .StudentContainer { background: none; border-top: none; }
	#CoursesContainer table.responsive td:nth-child(1), #CoursesContainer table.responsive td:nth-child(2) { width: 48%; float: left; }
	#SurveyManagementContainer table.responsive tr { min-height: 8em; }
	#SurveyManagementContainer table.responsive tr td:nth-child(1) { clear: both; }
	#SurveyManagementContainer table.responsive tr td:nth-child(1), #SurveyManagementContainer table.responsive tr td:nth-child(2), 
		#SurveyManagementContainer table.responsive tr td:nth-child(3), #SurveyManagementContainer table.responsive tr td:nth-child(4) { width: 15%; float: left; }
	#SurveyManagementContainer table.responsive tr td:nth-child(5) { clear: both; width: 1em; float: left; }
	#SurveyManagementContainer table.responsive tr td:nth-child(6) { float: left; }
	#pReservedSubstatusCodes table.responsive tr { min-height: 12em; }
	#pReservedSubstatusCodes table.responsive td:nth-child(5) { position: absolute; top: 1em; right: 1em; }
	#CreateCTSContainer.AdminContainer { padding: 2em 0 0; }
	#CreateSingleCTSContainer table.responsive tr.createCTSDayRow { min-height: 14em; }
	#CreateCTSContainer table.responsive tr { min-height: 12em; }
	#CreateCTSContainer table.responsive tr.createCTSDayRow { height: 18em; }
	table#DateRanges .right { text-align: left; }
	#OfficeClosuresContainer table.responsive tr { height: 6em; }
	#OfficeClosuresContainer table.responsive td:nth-child(1),#OfficeClosuresContainer table.responsive td:nth-child(2),
		#OfficeClosuresContainer table.responsive td:nth-child(3), #OfficeClosuresContainer table.responsive td:nth-child(4) { width: 30%; float: left; }
	#ManageUsersContainer table#ManageUsersTable.responsive td:nth-child(17) { position: absolute; top: 1em; right: 1em;  }
	#ManageUsersContainer table#UserDetail.responsive td { min-height: 3em; }
	#ManageEmailNotificationsContainer, table#BodyVariables { float: none; width: 100%; }
	#OrphanTable tbody td { padding-right: 0; padding-left: 1em; }
	#OrphanTable tbody td:nth-child(2), #OrphanTable tbody td:nth-child(3) { padding-right: 28px; }
	#OrphanTable tbody td:first-child { position: absolute; top: 8px; right: 8px; width: 20px; }	
	#OrphanTable tbody td:last-child { position: absolute; top: 32px; right: 8px; width: 20px; }
	table#OrphanTable.responsive td:before { width: 8em; }
	/* inline forms for the survey question management */
	table.responsive tbody tr.noFloat td { float: none !important; width: 67% !important; }
	table.responsive tbody tr.noFloat td:first-child { float: right !important; width: 30% !important; }
	table.responsive tbody tr.noFloat td label, table.responsive tbody tr.noFloat td input { display: block; }
	form#formLeaveRequest div#RequestLeaveContainer, form#formLeaveRequest div#PreviousRequests { float: none; border: none; width: 100%; margin: 0; padding: 1em; }

	/* Reports */
	#ExitSurveyLikertScores .reportContainer { width: 100%; }

	/* Client side home screen */
	div.subContainer { min-width: 300px;background: none;border: none;}
	div#GroundRulesContainer { min-width: 300px;background: none;border: none;}

    /* ------------ Exit Survey Likert Scores -------------- */
    .likertWidth { width: 57%; }
    .likertResponse { width: 38%; }


	/* Overrides for date pickers within responsive tables (this should always be last in the mobile section) */
	table.responsive table th, table.responsive table td { display: table-cell; width: 24px; }	
	table.responsive table tr { display: table-row; }
	table.responsive table td:before { content: ""; }
}