/*!
 * Bootstrap @VERSION
 *
 * Copyright 2011 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 * Date: @DATE
 */
/* CSS Reset*/
/* Reset.less
 * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here	that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
 * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ERIC MEYER RESET */
/* -------------------------------------------------- */
html,
body {
  margin: 0;
  padding: 0;
}
/*
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, img, q, s, samp, small, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; }
table { border-collapse: collapse; border-spacing: 0; }
*/
strike,
strong {
  font-size: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
img,
q,
s,
samp,
small,
sub,
sup,
tt,
var,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
caption {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-size: 100%;
  line-height: 1;
  font-family: inherit;
}
a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  line-height: 1;
  font-family: inherit;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ol,
ul {
  list-style: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
/* Normalize.css */
/* Pulling in select resets form the normalize.css project */
/* -------------------------------------------------- */
/* Display in IE6-9 and FF3 */
/* ------------------------- */
/* Source: http:/*github.com/necolas/normalize.css */
html {
  /*http://css-tricks.com/eliminate-jumps-in-horizontal-centering-by-forcing-a-scroll-bar/
*/
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
/* Focus states */
a:focus {
  outline: thin dotted;
}
/* Hover & Active */
a:hover,
a:active {
  outline: 0;
}
/* Display in IE6-9 and FF3 */
/* ------------------------- */
/* Source: http:/*github.com/necolas/normalize.css */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
/* Display block in IE6-9 and FF3 */
/* ------------------------- */
/* Source: http:/*github.com/necolas/normalize.css */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/* Prevents modern browsers from displaying 'audio' without controls */
/* ------------------------- */
/* Source: http:/*github.com/necolas/normalize.css */
audio:not([controls]) {
  display: none;
}
/* Prevents sub and sup affecting line-height in all browsers */
/* ------------------------- */
/* Source: http:/*github.com/necolas/normalize.css */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Img border in a's and image quality */
/* ------------------------- */
/* Source: http:/*github.com/necolas/normalize.css */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
/* Forms */
/* ------------------------- */
/* Source: http:/*github.com/necolas/normalize.css */
/* Font size in all browsers, margin changes, misc consistency */
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button,
input {
  line-height: normal;
  /* FF3/4 have !important on line-height in UA stylesheet */
  *overflow: visible;
  /* Inner spacing ie IE6/7 */
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  /* Inner padding and border oddities in FF3/4 */
  border: 0;
  padding: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  /* Cursors on all buttons applied consistently */
  -webkit-appearance: button;
  /* Style clicable inputs in iOS */
}
input[type="search"] {
  /* Appearance in Safari/Chrome */
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  /* Inner-padding issues in Chrome OSX, Safari 5 */
}
textarea {
  overflow: auto;
  /* Remove vertical scrollbar in IE6-9 */
  vertical-align: top;
  /* Readability and alignment cross-browser */
}
/* Core variables and mixins */
/*---------------------------------------------------------------------------------------*/
/* SOLE Framework                                                                        */
/*---------------------------------------------------------------------------------------*/
/*-----TABLE OF CONTENTS-----------------------------------------------------------------*/
/*  1. SECTION 1 - SOLE Toolbar Layout                                                   */
/*  2. SECTION 2 - SOLE Basic Framework                                                  */
/*  3. SECTION 3 - SOLE Help Layout                                                      */
/*  4. SECTION 4 - SOLE Login Page Layout                                                */
/*  5. SECTION 5 - SOLE Homepage Layout                                                  */
/*  6. SECTION 6 - SOLE Widgets Layout                                                   */
/*  7. SECTION 7 - SOLE Full Page Layout                                                 */
/*  8. SECTION 8 - SOLE Table Layout                                                     */
/*  9. SECTION 9 - SOLE Partial Page Layouts                                             */
/*  10. SECTION 10 - SOLE Courses/Sites Layout                                           */
/*  11. SECTION 11 - SOLE Cloud Content                                                  */
/*  12. SECTION 12 - SOLE Calendar                                                       */
/*  13. SECTION 13 - SOLE Footer                                                         */
/*---------------------------------------------------------------------------------------*/
/*-----SECTION 1 - SOLE TOOLBAR LAYOUT---------------------------------------------------*/
/*---------------------------------------------------------------------------------------*/
/*  SOLE Toolbar Framework                                                               */
/*---------------------------------------------------------------------------------------*/
/* Toolbar Size Settings */
/* All other Toolbar Button Font Settings */
/* Toolbar Colors */
/* Darkest of Primary Color */
/* Medium of Primary Color */
/* Lightest of Primary Color */
/* Grey Tone of Color */
/* Toolbar Font Color */
/* Hover */
/* Main Color of Toolbar */
/* Gradient from bottom to top of Toolbar */
/* Bottom 2px line of Toolbar */
/* Home/Settings Toolbar Button Styles */
/* Primary Button of Toolbar */
/* Primary Button Hover State of Toolbar */
/* Primary Button Gradient from bottom to top of Toolbar */
/* Primary Button Hover State Gradient from bottom to top of Toolbar */
/* Primary Bottom 2px line of Toolbar */
/* Primary Bottom Hover State 2px line of Toolbar */
/* Active - Color of Button */
/* Active - Highlight Color of Button */
/* Favorites/Profile Toolbar Button Styles */
/* Secondary Button of Toolbar */
/* Secondary Button Hover State of Toolbar */
/* Secondary Button Gradient from bottom to top of Toolbar */
/* Secondary Button Hover State Gradient from bottom to top of Toolbar */
/* Secondary Bottom 2px line of Toolbar */
/* Secondary Bottom Hover State 2px line of Toolbar */
/* Active - Color of Button */
/* Active - Highlight Color of Button */
/* General Toolbar Drop Down Colors */
/* Toolbar Drop Down Link Font Color */
/* Hover */
/* Toolbar Drop Down Link Background Color Hover */
/* Toolbar Drop Down Link Border Bottom Color */
/* Favorites Drop Down Colors */
/* Favorites Title Font Color */
/* Favorites List Panel Border Bottom Color */
/* Favorites Page Title Font Color */
/* Favorites - Favorite Icon Hover Background Color - Should be same color as Favorites Box */
/* Profile Drop Down Colors */
/* Profile Link Bottom Border Color */
/* Toolbar Apps Colors */
/* Toolbar Apps Font Color */
/* Hover */
/* SOLE Search Colors */
/* SOLE Search Box Active Background Color */
/* SOLE Search Title Background Color */
/* SOLE Search Title Font Color */
/* SOLE Search Font Color */
/* SOLE Search Result Header Font Color */
/* SOLE Search Results Background Color */
/* SOLE Search Listing CS Category Background Color */
/* SOLE Search Listing Category Background Color */
/* SOLE Search Listing Link Background Color */
/* Hover */
/* SOLE Search Link Font Color */
/* SOLE Search Link Secondary Color */
/* SOLE Search Link Header Border Color */
/* SOLE Search Link Border Color */
/* Hover */
/* Toolbar Sprites */
/* SOLE Text Logo */
/* Sole Bar Sprite */
/* SOLE Bar Icons */
/* Favorites Tab Images */
/* Profile Tab Images */
/* Toolbar Images - Locations Pulled From Toolbar Sprites */
.IconSOLEText {
  background: url('/Resources/themes/SOLE/Toolbar/SOLELogo.png') no-repeat;
  width: 53px;
  height: 13px;
}
.IconSOLE {
  background: url('/Resources/themes/SOLE/Toolbar/ToolbarIcons.png') 0px 0px no-repeat;
  width: 34px;
  height: 31px;
  margin: 2px 5px 0px 0px;
}
.IconStar {
  background: url('/Resources/themes/SOLE/Toolbar/ToolbarIcons.png') 0px -40px no-repeat;
  width: 17px;
  height: 17px;
  margin: 11px 5px 12px 0px;
}
.IconEmail {
  background: url('/Resources/themes/SOLE/Toolbar/ToolbarIcons.png') 0px -80px no-repeat;
  width: 30px;
  height: 22px;
  margin: 10px 5px 0px 0px;
}
.IconEmailHover {
  background-position: 0px -120px;
}
.IconCalendar {
  background: url('/Resources/themes/SOLE/Toolbar/ToolbarIcons.png') 0px -160px no-repeat;
  width: 28px;
  height: 28px;
  margin: 6px 5px 0px 0px;
}
.IconCalendarHover {
  background-position: 0px -200px;
}
.IconSOLECloud {
  background: url('/Resources/themes/SOLE/Toolbar/ToolbarIcons.png') 0px -240px no-repeat;
  width: 28px;
  height: 17px;
  margin: 10px 5px 0px 0px;
}
.IconSOLECloudHover {
  background-position: 0px -280px;
}
.IconNotes {
  background: url('/Resources/themes/SOLE/Toolbar/ToolbarIcons.png') 0px -320px no-repeat;
  width: 24px;
  height: 24px;
  margin: 7px 5px 0px 0px;
}
.IconNotesHover {
  background-position: 0px -360px;
}
.IconPopulated {
  background: url('/Resources/themes/SOLE/Toolbar/ToolbarIcons.png') 0px -680px no-repeat;
  width: 24px;
  height: 24px;
  margin: 7px 5px 0px 0px;
}
.IconPopulatedHover {
  background-position: 0px -720px;
}
.IconHelp {
  background: url('/Resources/themes/SOLE/Toolbar/ToolbarIcons.png') 0px -600px no-repeat;
  width: 24px;
  height: 24px;
  margin: 8px 1px 0px 0px;
}
.IconHelpHover {
  background-position: 0px -640px;
}
.IconSettings {
  background: url('/Resources/themes/SOLE/Toolbar/ToolbarIcons.png') 0px -400px no-repeat;
  width: 21px;
  height: 23px;
  margin: 9px 0px 8px 0px;
  padding: 0px;
}
.IconDropDown {
  background: url('/Resources/themes/SOLE/Toolbar/ToolbarIcons.png') 0px -440px no-repeat;
  width: 8px;
  height: 5px;
  margin-top: 17px;
}
.IconDropDownActive {
  background: url('/Resources/themes/SOLE/Toolbar/ToolbarIcons.png') -27px -440px no-repeat;
  width: 8px;
  height: 5px;
  margin-top: 17px;
}
.IconSOLESearch {
  background: url('/Resources/themes/SOLE/Toolbar/ToolbarIcons.png') 0px -520px;
  width: 22px;
  height: 24px;
}
.IconSOLESearchHover {
  background-position: 0px -560px;
}
.IconSOLEAdvancedSearch {
  background: url('/Resources/themes/SOLE/Toolbar/ToolbarIcons.png') 0px -760px no-repeat;
  width: 22px;
  height: 16px;
}
.IconSOLEAdvancedSearchHover {
  background: url('/Resources/themes/SOLE/Toolbar/ToolbarIcons.png') 0px -800px no-repeat;
  width: 22px;
  height: 16px;
}
/*-----END OF SOLE TOOLBAR LAYOUT--------------------------------------------------------*/
/*-----SECTION 2 - SOLE BASIC FRAMEWORK--------------------------------------------------*/
/*---------------------------------------------------------------------------------------*/
/*  SOLE Basic Framework                                                               */
/*---------------------------------------------------------------------------------------*/
/* SOLE Fonts */
.fontfamily {
  font-family: Segoe UI, Helvetica, Arial, Sans-Serif;
}
.fontsize {
  font-size: 16px;
}
/* SOLE CSS Inherits */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}
/* SOLE Rounded Corner Settings */
/* Set the border radius of your blocks here */
/* Rounded Corners all around */
/* Rounded Corners on top */
/* Rounded Corners on the right */
/* Rounded Corners on the left */
/* Rounded Corners on the bottom */
/* SOLE Default Link Color */
/* SOLE Default Buttons - Button styles for Courses/Sites found in - Courses/Sites Button Colors - section */
/* Default Button Background Color */
/* Hover */
/* Default Button Border for all sides but Bottom - Only applies on .navbtn elements */
/* Default Button Border Bottom Color */
/* Default Button Font Color */
/* Default Primary Button Background Color */
/* Hover */
/* Default Primary Button Border Bottom Color */
/* Default Primary Button Font Color */
/* Default Secondary Button Background Color */
/* Hover */
/* Default Secondary Button Border Bottom Color */
/* Default Secondary Button Font Color */
/* SOLE Modal Popup */
/* Modal Background Color */
/* Modal Border Color */
/* Modal Header Background Color */
/* Modal Header Border Bottom Color */
/* Modal Header Font Color */
/* Modal Body Background Color */
/* Modal Title Label Font Color */
/* Modal Headers Font Color */
/* Modal Footer Background Color */
/* Modal Footer Border Top Color */
/* Modal Close Button Color - Inherits 25% Opacity */
/* Hover - Inherits 60% Opacity */
/*-----END OF SOLE GENERAL STYLES--------------------------------------------------------*/
/*-----SECTION 3 - SOLE HELP LAYOUT------------------------------------------------------*/
/*---------------------------------------------------------------------------------------*/
/*  SOLE Help Content Layout                                                             */
/*---------------------------------------------------------------------------------------*/
/* Modal Help Size Settings */
/* Modal Help General Font Size */
/* Modal Help Color */
/* Modal Help Body Header Font Color */
/* Modal Help Note Box Font Color */
/* Modal Help Button Background Color */
/* Hover */
/* Modal Help Button Border Bottom Color */
/* Hover */
/* Modal Help True Button Background Color */
/* Modal Help True Button Border Bottom Color */
/* Modal Help False Button Background Color */
/* Modal Help False Button Border Bottom Color */
/* Modal Help Table Border Color */
/* Modal Help Table Row Background Hover Color */
/*-----END OF SOLE MODAL POPUP STYLES----------------------------------------------------*/
/*----- SECTION 4 - LOGIN PAGE LAYOUT----------------------------------------------------*/
/*---------------------------------------------------------------------------------------*/
/*  SOLE Login Background / Login Box                                                    */
/*---------------------------------------------------------------------------------------*/
/* Login Page Background Color */
/* Login Page Background Color */
/* Login Page Background Image/Login Box Image */
/* Auto Generated From Script */
/*---------------------------------------------------------------------------------------*/
/* SOLE Login Page Framework                                                             */
/*---------------------------------------------------------------------------------------*/
/* Login Page Size Settings */
/* Login Announcement Header Font Size */
/* Login Announcement Header Line Height */
/* Login Announcement Title Font Size */
/* Login Announcement Title Line Height */
/* Login Page Colors */
/* Login Page Label Font Color */
/* Login Page Sign In Button Background Color */
/* Hover */
/* Login Page Sign In Button Font Color */
/* Hover */
/* Login Page Sign In Button Bottom Border Color */
/* Login Announcement Box Background Color */
/* Login Announcement Header Font Color */
/* Login Announcement Header Border Color */
/* Login Announcement Title Font Color */
/* Login Page Shadow Settings */
/* Login Announcement Box Shadow Percentage - Lower number = less shadow */
/* Login Page Image Paths */
/* Login Page Images - Locations Pulled From Login Page Image Paths */
.LoginPageHelpIcon {
  background: url('/Resources/Themes/SOLE/Login/HelpIcon.png') no-repeat;
  width: 32px;
  height: 32px;
  margin-top: 18px;
}
.LoginPageErrorIcon {
  background: url('/Resources/Themes/SOLE/Login/LoginErrorIcon.png') no-repeat;
  width: 24px;
  height: 24px;
}
/*-----END OF SOLE LOGIN PAGE STYLES-----------------------------------------------------*/
/*-----SECTION 5 - SOLE HOMEPAGE BASE LAYOUT---------------------------------------------*/
/*---------------------------------------------------------------------------------------*/
/* SOLE Homepage Backgrounds                                                             */
/*---------------------------------------------------------------------------------------*/
/* SOLE Homepage Colors */
/* Homepage Background Color */
/* SOLE Homepage Images */
/*---------------------------------------------------------------------------------------*/
/* SOLE Homepage Courses Sites Panels Framework                                          */
/*---------------------------------------------------------------------------------------*/
/* Courses Sites Size Settings */
/* Courses/Sites Header Title Font */
/* Courses/Sites Header Line Height */
/* Courses/Sites Panel Width */
/* Height of each Course Panel - Courses Sites Panel Height + Courses Sites Border Height must be equal to Courses Sites Min Height */
/* Height of Course Panel Border */
/* Courses/Sites Panel Content Left Padding - This is the amount of padding between the Panels Font and Icon side of the Courses/Sites Panels */
/* Course Title Text Font Size */
/* Course Title Text Line Height */
/* Course Information Text Font Size */
/* Course Alert Font Size */
/* Course Alert Padding */
/* Announcements Margin Top - Typically 0px - Add Margin if the Content Box is a floating element below a transparent Title */
/* Announcements Rounded Corners Setting */
/* Announcements Title Font Size */
/* Announcements Title Line Height */
/* Courses Sites Size Settings - Auto Builds - Do not edit */
/* - Courses/Sites Wrapper Width - Always remains 410 pixels - No referrence made in Stylesheet to this variable */
/* 55px = width of the Courses/Sites Icon Panel to the left of the content */
/* 1 Included after @BorderRadius to elimate width of left side border on Alert Panel */
/* 2 Icluded at end to subtract widths of borders on the Alert Panel */
/* Courses Sites Colors */
/* Courses/Sites Header Background Color */
/* Courses/Sites Header Border Bottom Color */
/* Courses/Sites Header Font Color */
/* Courses/Sites Content Wrap Background Color */
/* Announcements Content Wrap Background Color */
/* Courses/Sites Header Font Color */
/* Announcements Paragraph Font Color */
/* Background Color behind Icon */
/* Hover */
/* Border Color under Icon Panel */
/* Hover */
/* Courses/Sites Icon Panel - On Drag Hover Background Color */
/* Courses/Sites Icon Panel - Drag Bars Background Color */
/* Background Color behind Font */
/* Hover */
/* Hidden Style - Within a course */
/* Border Color under Font Panel */
/* Hover */
/* Hidden Style - Within a course */
/* Courses/Sites Drag Placeholder Background Color */
/* Course Title Color */
/* Hover */
/* Hidden Style - Within a course */
/* Hidden Hover Style */
/* Course Info Font Color */
/* Hover */
/* Hidden Style */
/* Hidden Hover Style */
/* Course Alert Background Color */
/* Course Alert Content Background Color */
/* Course Alert Content Font Color */
/* Course Alert Divider Color */
/* Course Alert Announcement Font Color */
/* Courses/Sites Settings Drop Down Background Color */
/* Courses/Sites Settings Drop Down Background Color */
/* Courses/Sites Content Quote Font Color */
/* Courses Sites Sprites */
/* Courses/Sites Icons */
/* Courses Sites Images - Locations Pulled From Courses Sites Sprites */
.IconCoursesSitesSettings {
  background: url('/Resources/Themes/SOLE/CoursesSitesIcons.png') 0px 0px no-repeat;
  width: 22px;
  height: 23px;
  margin: 8px 0px 0px 0px;
}
.IconCoursesSitesSettingsHover {
  background-position: 0px -25px;
}
.IconCoursesSitesCourse {
  background: url('/Resources/Themes/SOLE/CoursesSitesIcons.png') 0px -50px no-repeat;
  width: 48px;
  height: 42px;
  margin: 12px 0px 6px 3px;
}
.IconCoursesSitesApp {
  background: url('/Resources/Themes/SOLE/CoursesSitesIcons.png') 0px -94px no-repeat;
  width: 42px;
  height: 50px;
  margin: 4px 0px 6px 9px;
}
.IconCoursesSitesSite {
  background: url('/Resources/Themes/SOLE/CoursesSitesIcons.png') 0px -144px no-repeat;
  width: 40px;
  height: 44px;
  margin: 10px 0px 6px 9px;
}
.IconCoursesSitesControlPanel {
  background: url('/Resources/Themes/SOLE/CoursesSitesIcons.png') -47px 0px no-repeat;
  width: 15px;
  height: 16px;
}
.IconCoursesSitesControlPanelHover {
  background-position: -47px -25px;
}
.IconCoursesSitesClose {
  background: url('/Resources/Themes/SOLE/CoursesSitesIcons.png') -64px 0px no-repeat;
  width: 14px;
  height: 15px;
}
.IconCoursesSitesCloseHover {
  background-position: -64px -25px;
}
.IconCoursesSitesFavorite {
  background: url('/Resources/Themes/SOLE/CoursesSitesIcons.png') -24px 0px no-repeat;
  width: 21px;
  height: 21px;
}
.IconCoursesSitesFavoriteHover {
  background-position: -24px -25px;
}
.IconCoursesSitesFavorited {
  background: url('/Resources/Themes/SOLE/CoursesSitesIcons.png') -24px -25px no-repeat;
  width: 21px;
  height: 21px;
}
/*---------------------------------------------------------------------------------------*/
/* SOLE Homepage Panels Framework                                                        */
/*---------------------------------------------------------------------------------------*/
/* Panels Size Settings */
/* Width of Panel - Panel Width is inherited across Panels Framework, Widget Options/Add Framework, and All Widgets */
/* Panel Title Font Font Size */
/* Panel Title Line Height */
/* Panel Default Font Size */
/* Panel Default Line Height */
/* Panel Settings Border Height */
/* Panel Colors */
/* Background Color of Panels */
/* Panel Title Font Color */
/* Panel Settings Background Color */
/* Panel Settings Border Color */
/* Panel Loading Font Color */
/* Panel Dragging Placeholder Background Color */
/* Panels Sprites */
/* Panels Icon Sprite */
/* Panels Images - Locations Pulled From Panels Sprites */
.IconPanelsClose {
  background: url('/Resources/Core/Images/Panels/MiniIcons.png') -86px -18px no-repeat;
  width: 16px;
  height: 16px;
}
.IconPanelsCloseHover {
  background-position: -86px 0px;
}
.IconPanelsMinimize {
  background: url('/Resources/Core/Images/Panels/MiniIcons.png') -102px -18px no-repeat;
  width: 16px;
  height: 16px;
}
.IconPanelsMinimizeHover {
  background-position: -102px 0px;
}
.IconPanelsMinimized {
  background: url('/Resources/Core/Images/Panels/MiniIcons.png') -118px -18px no-repeat;
  width: 16px;
  height: 16px;
}
.IconPanelsMinimizedHover {
  background-position: -118px 0px;
}
.IconPanelsConfigure {
  background: url('/Resources/Core/Images/Panels/MiniIcons.png') -71px -18px no-repeat;
  width: 13px;
  height: 16px;
}
.IconPanelsConfigureHover {
  background-position: -71px 0px;
}
/*---------------------------------------------------------------------------------------*/
/* SOLE Widgets Options/Add Framework                                                    */
/*---------------------------------------------------------------------------------------*/
/* Widget Options/Add Size Settings */
/* Widget Options Padding Top */
/* Widget Options Padding Left */
/* Widget Options Padding Right */
/* Widget Options Padding Bottom */
/* Height of Widget Options Wrapper - Add Panels/Pick A Theme section */
/* Widget Options Font Size */
/* Widget Options Line Height */
/* Add Widget Image Wrap Width/Height */
/* Add Widget Padding Left */
/* Add Widget Padding Right */
/* Add Widget Title Font Size */
/* Add Widget Title Line Height */
/* Widget Options/Add Dynamic Size Settings - Auto Builds - Do not edit */
/* Widget Options Width - Dependant on Widget Options Paddings and Panel Width */
/* Add Widget Title Wrap - Dependant on Image Wrap Width, Image Wrap Padding, Additonal Width for Add Icon, and Panel Width */
/* Widgets Options/Add Color */
/* Widget Options Background Color */
/* Widget Font Color */
/* Hover */
/* Add Widget Primary Background Color */
/* Hover */
/* Add Widget Primary Background Highlight Color - Gradient from Bottom to Top of Background */
/* Hover */
/* Add Widget Border Top Color */
/* Hover */
/* Add Widget Border Bottom Color */
/* Hover */
/* Add Widget Title Font Color */
/* Widgets Options/Add Images - Locations Pulled From Panels Sprites */
.IconAddPanels {
  background: url('/Resources/Core/Images/Panels/MiniIcons.png') -18px 0px no-repeat;
  width: 15px;
  height: 15px;
  margin: 1px 5px 0px 0px;
}
.IconPickTheme {
  background: url('/Resources/Core/Images/Panels/MiniIcons.png') -36px 0px no-repeat;
  width: 16px;
  height: 15px;
  margin: 1px 5px 0px 0px;
}
.IconSOLEHelp {
  background: url('/Resources/Core/Images/Panels/MiniIcons.png') -53px 0px no-repeat;
  width: 16px;
  height: 16px;
  margin: 0px;
}
.IconAddWidget {
  background: url('/Resources/Core/Images/Panels/MiniIcons.png') 0px 0px no-repeat;
  width: 18px;
  height: 18px;
  margin: 11px 10px 0px 0px;
}
.IconResetLayout {
  background: url('/Resources/Core/Images/Panels/MiniIcons.png') -71px 0px no-repeat;
  width: 13px;
  height: 16px;
  margin: 1px 0px 0px 0px;
}
/*-----END OF SOLE HOMEPAGE BASE LAYOUT--------------------------------------------------*/
/*-----SECTION 6 - SOLE WIDGETS LAYOUT---------------------------------------------------*/
/*---------------------------------------------------------------------------------------*/
/*  SOLE Widgets Settings Framework                                                      */
/*---------------------------------------------------------------------------------------*/
/* Widget Standard Styles Size Settings */
/* Widget Settings Left/Right Margins Around Box Wrapper */
/* Widget Settings Left/Right Padding Around Headers/Field Boxes */
/* Widget Settings Header Font Size */
/* Widget Settings Save Button Font Size */
/* Widget Standard Styles Size Settings - Auto Builds - Do not edit */
/* Minus 4 due to browser presets that give input boxes 2px inset borders on input boxes */
/* Widget Standard Styles Colors */
/* Widget Settings Save Button Background Color */
/* Hover */
/* Widget Settings Save Button Font Color */
/* Hover */
/* Widget Settings Save Button Bottom Border */
/* Widget Standard Button Styles - All buttons but Social Panels */
/* Widget Button Background Color */
/* Hover */
/* Widget Button Border Bottom Color */
/* Widget Button Font Color */
/*---------------------------------------------------------------------------------------*/
/*  SOLE Widgets RSS Feed Framework                                                      */
/*---------------------------------------------------------------------------------------*/
/* RSS Feed Size Settings */
/* RSS Feed Content Wrapper Height */
/* RSS Feed Content Padding */
/* RSS Feed Content Font Size */
/* RSS Feed Line Height */
/* RSS Feed Size Settings - Auto Builds - Do not edit */
/* RSS Feed Colors */
/* RSS Feed Settings Primary Background Color */
/* RSS Feed Settings Primary Highlight Background Color - Gradient from Bottom to Top of Background */
/* RSS Feed Settings Header Font Color */
/* RSS Feed Content Link */
/* Hover */
/* RSS Feed Content Font Color */
/* Hover */
/* RSS Feed Content Border Bottom Color */
/*---------------------------------------------------------------------------------------*/
/*  SOLE Widgets Weather Framework                                                       */
/*---------------------------------------------------------------------------------------*/
/* Weather Feed Size Settings */
/* Weather Content Left/Right Margins Around Weather Content */
/* Weather Content Border Size */
/* Weather Report Padding */
/* Weather Feed Size Settings - Auto Builds - Do not edit */
/* 75px = Day Content Width / 70 = Temperature Width */
/* 2px to allow for extra spacing between weather image and day/temp Font */
/* Weather Feed Colors */
/* Weather Settings Primary Color */
/* Weather Settings Primary Highlight Color - Gradient from Bottom to Top of Background */
/* Weather Content Background Color */
/* Weather Content Border Color */
/* Weather Report Primary Color */
/* Weather Report Primary Highlight Color - Gradient from Bottom to Top of Background */
/* Weather Report Border Bottom Color */
/* Weather Report Date/Time Font Color */
/*---------------------------------------------------------------------------------------*/
/*  SOLE Widgets Calendar Framework - Styles Homepage/Courses Homepage Layout            */
/*---------------------------------------------------------------------------------------*/
/* Calendar Size Settings */
/* Calendar Left/Right Margins Around Calendar Content */
/* Whats New Header Font Size */
/* Whats New Header Line Height */
/* Whats New Header Padding Bottom */
/* Calendar Size Settings - Auto Builds - Do not edit */
/* Minus 1px for added border on calendar rows */
/* Calendar Colors */
/* Calendar Header Font Color */
/* Calendar Header Days Of Week Font Color */
/* Calendar Day Font Color */
/* Hover */
/* Calendar Day Background Color */
/* Hover */
/* Calendar Day Empty Background Color */
/* Calendar Active Day/NextPrev Month Background Color */
/* Hover */
/* Calendar Active Day Font Color */
/* Calendar Header Border Bottom Color */
/* Whats New Header Font Color */
/*---------------------------------------------------------------------------------------*/
/*  SOLE Widgets Horoscope Framework                                                     */
/*---------------------------------------------------------------------------------------*/
/* Horoscope Size Settings */
/* Horoscope Left/Right Margins Around Horoscope Content */
/* Horoscope Link Font Size */
/* Horoscope Content Font Size */
/* Horoscope Size Settings - Auto Builds - Do not edit */
/* Horoscope Colors */
/* Horoscope Link Font Color */
/* Horoscope Content Font Color */
/*---------------------------------------------------------------------------------------*/
/*  SOLE Widgets Links Framework                                                         */
/*---------------------------------------------------------------------------------------*/
/* Links Size Settings */
/* Links Content Wrapper Height */
/* Links Content Header Font Size */
/* Links Content Font Size */
/* Links Content Font Size Line Height */
/* Links Content Padding */
/* Links Content Header Padding */
/* Links Content Right Padding */
/* Links Content Left Padding */
/* Links Size Settings - Auto Builds - Do not edit */
/* 16px = Width of Favorites Icon Width */
/* Links Colors */
/* Links Feed Settings Primary Background Color */
/* Links Feed Settings Primary Highlight Background Color - Gradient from Bottom to Top of Background */
/* Links Feed Settings Header Font Color */
/* RSS Feed Content Link */
/* Hover */
/* Links Content Header Font Color */
/* Links Feed Content Font Color */
/* Hover */
/* Links Icons */
/* Links Images - Pulled From Links Icons */
.IconLinksFavorite {
  background: url('/Resources/Core/Images/LinksWidget/LinksWidgetIcons.png') 0px 0px no-repeat;
  width: 16px;
  height: 16px;
  margin: 0px;
}
.IconLinksFavoriteHover {
  background-position: 0px -18px;
}
.IconLinksFavoriteOn {
  background: url('/Resources/Core/Images/LinksWidget/LinksWidgetIcons.png') 0px -18px no-repeat;
  width: 16px;
  height: 16px;
  margin: 0px;
}
/*---------------------------------------------------------------------------------------*/
/* SOLE Widgets Announcements Framework                                                  */
/*---------------------------------------------------------------------------------------*/
/* Announcements Size Settings*/
/* Announcements Content Padding - Left/Right Padding Only */
/* Announcements App Title Font Size */
/* Announcements App Title Line Height */
/* Announcements Content Link Font Size */
/* Announcements Content Timestamp Font Size */
/* Announcements Content Line Height */
/* Announcements Size Settings - Auto Builds - Do not edit */
/* 34px = Icon Span Width */
/* Announcements Colors */
/* Announcements App Title BG Color */
/* Announcements App Title Font Color */
/* Announcements App Title Border Bottom Color */
/* Announcements Content Background Color */
/* Announcements Content Background Color Hover */
/* Announcements Content Font Color */
/* Hover */
/* Announcements Content Border Bottom Color */
/* Hover */
/*---------------------------------------------------------------------------------------*/
/*  SOLE Widgets Bookmarks Framework                                                     */
/*---------------------------------------------------------------------------------------*/
/* Bookmarks Size Settings */
/* Bookmarks Content Wrapper Height */
/* Bookmarks Content Padding */
/* Bookmarks Content Font Size */
/* Bookmarks Line Height */
/* Bookmarks Size Settings - Auto Builds - Do not edit */
/* Bokmarks Colors */
/* Bookmarks Content Link Background Color */
/* Hover */
/* Bookmarks Content Font Color */
/* Hover */
/* Bookmarks Content Border Bottom Color */
/*-----END OF SOLE WIDGETS LAUYOUT-------------------------------------------------------*/
/*-----SECTION 7 - SOLE FULL PAGE LAYOUT-------------------------------------------------*/
/*---------------------------------------------------------------------------------------*/
/* SOLE Fullpage Layout Framework                                                        */
/*---------------------------------------------------------------------------------------*/
/* Fullpage Size Settings */
/* Fullpage Content Left/Right Padding */
/* Homepage Layout Full Page Content Padding */
/* Fullpage Content Template Input Search Box Font Size */
/* Fullpape Content Template Font Size */
/* Fullpage Content Template Line Height  */
/* Fullpage Content Template Content Padding */
/* Fullpage Ad Modal Label Font Size */
/* Fullpage Ad Modal Label Line Height */
/* Fullpage Ad Modal Edit Font Size */
/* Fullpage Size Settings - Auto Builds - Do not edit */
/* 960px is the Default width of the SOLE Homepage Layout */
/* Fullpage Colors */
/* Fullpage Content Wrap Background Color */
/* Fullpage Content Template Highlight Bar Background Color */
/* Fullpage Content Template Highlight Bar Search Font Color */
/* Fullpage Content Template Highlight Bar Header Font Color */
/* Fullpage Content Template Highlight Bar Primary Font Color */
/* Fullpage Content Template Highlight Bar Secondary Font Color */
/* Fullpage Form Wrap Background Color */
/* Fullpage Ad Modal Title Font Color */
/* Fullpage Ad Modal Content Font Color */
/* Fullpage Content Font Color */
/* Fullpage Advanced Search Title Font Color */
/* Fullpage Notes Title Font Color */
/*-----END OF SOLE FULL PAGE LAYOUT------------------------------------------------------*/
/*-----SECTION 8 - SOLE TABLE LAYOUT-----------------------------------------------------*/
/* SOLE Table Size Settings */
/* SOLE Table Font Size */
/* SOLE Table Colors/Background Images */
/* SOLE Table Background Color */
/* SOLE Table Header Background Color */
/* SOLE Table Border Color */
/* SOLE Table Row Hover Color */
/* SOLE Table Subheader Row Background Color */
/* SOLE Table <td class="Label"> Background Color */
/* SOLE Table <td class="Label"> Font Color */
/* SOLE Table <td class="Form"> Background Color */
/* SOLE Table <td class="Highlighted"> Background Color */
/* Hover */
/* SOLE Table <td class="Highlighted"> Font Color */
/* SOLE Table Odd Row Background Color */
/* Hover */
/* SOLE Table Even Row Background Color */
/* Hover */
/* SOLE Table Select Group Label Background Color */
/* SOLE Table Select Group Label Font Color */
/* SOLE Table - H1 - Font Color */
/* SOLE Table - H2 - Font Color */
/* SOLE Table - H3 - Font Color */
/* SOLE Table - H4 - Font Color */
/* SOLE Table Row - H1 - Font Color */
/* SOLE Table Row - H2 - Font Color */
/* SOLE Table Row - H3 - Font Color */
/* SOLE Table Row - H4 - Font Color */
/* SOLE Table - Header Link - Font Color */
/* Hover */
/* SOLE Table Primary Font Color */
/* Inherits from SOLETableHeaderThreeFontColor - Do not edit */
/* SOLE Table <label> Font Color */
/* SOLE Table Radio Button Text Font Color */
/* SOLE Table - Primary <td> row - Used to highlight primary table data - Ex: Small Groups List - Course Info */
/*-----END SOLE TABLE LAYOUT---------------------------------------------------------------*/
/*-----SECTION 9 - SOLE PARTIAL PAGE LAYOUTS---------------------------------------------*/
/*---------------------------------------------------------------------------------------*/
/* SOLE Generic Partial Page Styles                                                      */
/*---------------------------------------------------------------------------------------*/
/* Generic Half Page Background Color */
/*---------------------------------------------------------------------------------------*/
/* SOLE Extended Weather Framework                                                       */
/*---------------------------------------------------------------------------------------*/
/* Ex Weather Size Setttings */
/* Extended Weather Content Padding */
/* Extended Weather Temperature Font Size */
/* Extended Weather Temperature Line Height */
/* Extended Weather Additional - Humidity/Winds - Font Size */
/* Extended Weather Additional - Humidity/Winds - Line Height */
/* Extended Weather Future Day Width */
/* Extended Weather Future Day - Day Font Size */
/* Extended Weather Future Day Temperature Width */
/* Extended Weather Future Day Temperature Description Font Size */
/* Extended Weather Future Day Temperature Line Height */
/* Extended Weather Future Day Temperature Font Size */
/* Extended Weather Future Day Conditions Width */
/* Extended Weather Future Day Conditions Font Size */
/* Extended Weather Future Day Weather Icon Margin-Top */
/* Ex Weather Size Settings - Auto Builds - Do not edit */
/* - Width of Ex Weather Content is equal to width of Courses/Sites Panel - This width then is set at --@CoursesSitesPanelWidth-- Found in the - SOLE Homepage Courses Sites Panels Framework - */
/* Extended Weather has overlapping divs which are 30px greater than the width of the panel - 30 = 30px - 130 = Right Side Desc Width - 70 = Temp Width */
/* Margin left absolutely positions the Humidity and Winds to the right side of the content box */
/* Do not edit */
/* Ex Weather Colors */
/* Extended Weather Background Color */
/* Extended Weather Future Day Border Color */
/* Extended Weather Font Color */
/* Extended Weather Today Info Bar Date Background Color */
/* Extended Weather Today Info Bar Conditions Background Color */
/* Extended Weather Today Info Bar Font Color */
/* Extended Weather Future Day Temperature Description Font Color */
/* Extended Weather Future Day Conditions Font Color */
/*---------------------------------------------------------------------------------------*/
/* SOLE Viewable Resources Framework                                                     */
/*---------------------------------------------------------------------------------------*/
/* Viewable Resources Size Settings */
/* Viewable/Content Resources Content Padding - Left/Right Only */
/* Viewable/Content Resources Font Size */
/* Viewable/Content Resources Line Height */
/* Viewable Resources Size Settings - Auto Builds - Do not edit */
/* 2 is for the left/right borders on the link */
/* 16 + @ViewableResourcesContentPadding = Size of Icon span to left of text */
/* Viewable Resources Colors */
/* Viewable/Content Resources Border Color */
/* Hover */
/* Viewable/Content Resources Background Color - Hover */
/* Viewable Resources Images - Image Path can be found in the SOLE Widgets Links Framework */
.IconResourcesFavorite {
  background: url('/Resources/Core/Images/LinksWidget/LinksWidgetIcons.png') 0px 0px no-repeat;
  width: 16px;
  height: 16px;
  margin: 7px 0px 0px 0px;
}
.IconResourcesFavoriteHover {
  background-position: 0px -18px;
}
.IconResourcesFavoriteOn {
  background: url('/Resources/Core/Images/LinksWidget/LinksWidgetIcons.png') 0px -18px no-repeat;
  width: 16px;
  height: 16px;
  margin: 7px 0px 0px 0px;
}
/*-----END PARTIAL PAGE LAYOUTS----------------------------------------------------------*/
/*-----SECTION 10 - SOLE COURSE/SITE LAYOUT----------------------------------------------*/
/*---------------------------------------------------------------------------------------*/
/*  SOLE Courses/Sites Background                                                        */
/*---------------------------------------------------------------------------------------*/
/* SOLE Courses/Sites Base Background Color - Likely same color as you used on - Login Page Background Color */
/* SOLE Courses/Sites Base Background Image - If no Background Image use "none" */
/*---------------------------------------------------------------------------------------*/
/* SOLE Course Left Navigation Layout                                                    */
/*---------------------------------------------------------------------------------------*/
/* Left Navigation Colors */
/* SOLE Courses/Sites Left Navigation Background Color */
/* SOLE Courses/Sites Title Font Color - Course Number/Course Name */
/* Hover */
/* SOLE Courses/Sites Left Navigation Scrollable Background Color - Background Color behind Left Nav Buttons */
/* SOLE Courses/Sites Left Navigation Scrollable Bottom Border Color */
/* Left Navigation Button Background Color */
/* Hover */
/* Left Navigation Button Top Border Color */
/* Left Navigation Button Bottom Border Color */
/* Hover */
/* Left Navigation Button Font Color */
/* Hover */
/* Left Navigation Hidden Button Background Color */
/* Left Navigation Hidden Button Font Color */
/* Left Sub Navigation Background Color */
/* Left Sub Navigation Button Background Color */
/* Hover */
/* Active */
/* Hidden */
/* Left Sub Navigation Button Font Color */
/* Hover */
/* Inherits from @LeftSubNavButtonFontColor */
/* Hidden */
/* Left Navigation Resume Button Background Color */
/* Left Navigation Resume Button Font Color */
/* Left Navigation Admin Font Color */
/* Left Navigation Admin Select Field Background Color */
/* Left Navigation Admin Select Field Border Color */
/* Secondary Left Nav Background Color - Gradebook/Notes */
/* Left Navigation - Grades/Notes - Background Color */
/* Left Navigation - Grades Content - Background Color */
/* Left Navigation - Grades Information - Background Color */
/* Left Navigation - Grades Information Details - Background Color */
/* Left Navigation - Grades Information - Bottom Border Color */
/* Left Navigation - Grades Information Label - Font Color */
/* Left Navigation - Grades Information Details - Font Color */
/* Left Navigation - Grades - User Panel - Background Color */
/* Left Navigation - Grades - User Panel - Bottom Border Color */
/* Left Navigation - Grades - User Message Button - Background Color */
/* Hover */
/* Left Navigation - Grades - User Panel - Font Color */
/* Left Navigation - Grades - User Panel Text Box - Font Color */
/* Left Navigation - Grades - Message Box - Background Color */
/* Left Navigation - Grades - Student Release - Background Color */
/* Left Navigation - Grades - Student Release - Font Color */
/* left Navigation - Grades - Sumbit Buttons - Background Color */
/* Hover */
/* Left Navigation - Grades - Submit Buttons - Border Color */
/* Left Navigation - Grades - Submit Buttons - Font Color */
/* Left Navigation Image/Icon Paths */
/* Left Navigation Image/Icon Properties */
.IconLeftNavNotepad {
  background: url('/Resources/Core/Images/Notepad/CourseNotepadIcon.png') no-repeat;
  width: 38px;
  height: 38px;
}
.IconLeftNavNotepadPopulated {
  background: url('/Resources/Core/Images/Notepad/CourseNotepadIconPopulated.png') no-repeat;
  width: 38px;
  height: 38px;
}
.IconLeftNavReturn {
  background: url('/Resources/Core/Images/Notepad/CourseIcon.png') no-repeat;
  width: 38px;
  height: 38px;
}
.IconLeftNavUserMessage {
  background: url('/Resources/Themes/SOLE/Grades-UserMessage-Icon.png') 0 0 no-repeat;
  width: 16px;
  height: 14px;
}
.IconLeftNavUserMessageHover {
  background-position: 0 -14px;
}
.IconLeftNavUserMessageHasContent {
  background-position: 0 -28px;
}
/*---------------------------------------------------------------------------------------*/
/* SOLE Course Right Column Content Layout                                               */
/*---------------------------------------------------------------------------------------*/
/* Course Right Column Colors */
/* SOLE Courses/Sites Right Column Background Color */
/* SOLE Courses/Sites Right Column Left Border Color */
/* SOLE Courses/Sites Right Column Header Background Color */
/* SOLE Courses/Sites Right Column Header Font Color */
/* SOLE Courses/Sites Right Column Header Breadcrumbs Font Color */
/* SOLE Courses/Sites Right Column Ribbon Background Color */
/* SOLE Courses/Sites Right Column Ribbon Border Color */
/* Ribbon buttons in -- Courses/Sites Button Colors -- section */
/* SOLE Courses/Sites Right Column Course Content Background Color */
/* Course Right Column Images/Icons Paths */
/* Course Right Column Images/Icons Properties */
.IconCourseBreadcrumbsFavorite {
  background: url('/Resources/Themes/SOLE/CoursePagesImages.png') -34px -10px no-repeat;
  width: 17px;
  height: 17px;
}
.IconCourseBreadcrumbsFavoriteHover {
  background-position: -53px -10px;
}
.IconCourseBreadcrumbsFavoriteOn {
  background: url('/Resources/Themes/SOLE/CoursePagesImages.png') -53px -10px no-repeat;
  width: 17px;
  height: 17px;
}
/*---------------------------------------------------------------------------------------*/
/* SOLE Admin/Course Base Layout                                                         */
/*---------------------------------------------------------------------------------------*/
/* Courses/Sites Size Settings */
/* SOLE Course Default Padding - Default indentationfor all content in Courses/Sites - (Ex: Course Title, Course Content, Wrappers Spacing, MyFiles Spacing) */
/* Course/Admin Pages - H1 Font Size */
/* Course/Admin Pages - H2 Font Size */
/* Course/Admin Pages - H3 Font Size */
/* @CourseAdminHeaderFourFontSize:                        Course/Admin Pages - H4 inherits from CourseDefaultFontSize */
/* Course/Admin Pages - H1 - Padding Bottom */
/* Course/Admin Pages - H2 - Padding Bottom */
/* Course/Admin Pages - H3 - Padding Bottom */
/* Course/Admin Pages - H4 - Padding Bottom */
/* SOLE Course Header Font Weight - Effects all font-weights of headers in Course Page */
/* SOLE Course - Default Font size of content in SOLE Course Page - Effects <p>, <select>, <input>, notebox, infobox, all course content */
/* SOLE Course - Default Line Height */
/* SOLE Course - Secondary Font size of content in SOLE Course page */
/* SOLE Course - <ul><li> Line Height */
/* SOLE Course Label Line Height */
/* SOLE Course - Homepage - Whats New Title Font Weight */
/* Courses/Sites Colors */
/* Do not edit @AdminPagesBGColor -- Inherits from Course Main BG color -- */
/* Admin Pages Background Color */
/* Admin Pages - H1 Font Color */
/* Admin Pages - H2 Font Color */
/* Admin Pages - H3 Font Color */
/* Admin Pages - H4 Font Color */
/* Admin Pages - Paragraph Font Color */
/* Admin Pages - <p class="Message"> Font Color */
/* Admin Pages - <p class="OK"> Font Color */
/* Admin Pages - <p class="Error"> Font Color */
/* Admin Pages - <hr /> Color */
/* Do not edit @UserActivityBGColor -- Inherits from Course Main BG color -- */
/* Admin - UserActivity Background Color */
/* Admin - UserActivity Header Font Color */
/* SOLE Course - H1 Font Color */
/* SOLE Course - H2 Font Color */
/* SOLE Course - H3 Font Color */
/* SOLE Course - H4 Font Color */
/* SOLE Course - P Font Color */
/* SOLE Course - Link Font Color */
/* Hover */
/* SOLE Course - <p class="Message"> Font Color */
/* SOLE Course - <p class="OK"> Font Color */
/* SOLE Course - <p class="Error"> Font Color */
/* SOLE Course - <ul><li> Font Color */
/* SOLE Course - <hr /> Color */
/* SOLE Course Default Text Input Font Color */
/* SOLE Courses Homepage Panels */
/* SOLE Course - Homepage - Panels Background Color */
/* SOLE Course - Homepage - Border Color */
/* SOLE Course - Homepage - Calendar - Header Font Color */
/* SOLE Course - Homepage - Calendar - Days Label - Font Color */
/* SOLE Course - Homepage - New Content - Panel - Background Color - Hover */
/* SOLE Course - Homepage - New Content - Panel - Border Color - Hover */
/* SOLE Course - Homepage - New Content - Link - Font Color */
/* Hover */
/* SOLE Course - Homepage - New Content - Sub Text - Font Color */
/* SOLE Courses Content Wrap Types */
/* SOLEContentWrap - Info - Background Color */
/* SOLEContentWrap - Info - Bottom Border Color */
/* SOLEContentWrap - Course - Background Color */
/* SOLEContentWrap - Course - Border Color */
/* SOLEContentWrap - Course - H2 Font Color */
/* SOLEContentWrap - Content - Background Color */
/* SOLEContentWrap - Content - Border Color */
/* SOLEContentWrap - Tab - Background Color */
/* SOLEContentWrap - Tab - Border Color */
/* SOLEContentWrap - TabDark - Background Color */
/* SOLEContentWrap - IFrame - Background Color */
/* SOLE Reorder/Move Styles */
/* SOLE Content Reorder Panels - Background Color */
/* SOLE Content Reorder Panels - Font Color */
/* SOLE Content Reorder Panels - Approved Placeholder - Background Color */
/* SOLE Content Reorder Panels - Approved Placeholder - Border Color */
/* SOLE Content Reorder Panels - Denied Placeholder - Background Color */
/* SOLE Content Reorder Panels - Denied Placeholder - Border Color */
/* SOLE Info/NoteboxWarning/Error Styles - Do not style these unless you absolutely have to */
/* Infobox Background Color */
/* Infobox Border Color */
/* Infobox Font Color */
/* Infobox - Close - Background Color */
/* Infobox - Success - Background Color */
/* Infobox - Success - Border Color */
/* Infobox - Success - Heading Font Color */
/* Infobox - Warning - Background Color */
/* Infobox - Warning - Border Color */
/* Infobox - Warning - Heading Font Color */
/* Infobox - Error - Background Color */
/* Infobox - Error - Border Color */
/* Infobox - Error - Heading Font Color */
/* Notebox Background Color */
/* Notebox Border Color */
/* Notebox Font Color */
/* Courses/Sites - Previous/Next Buttons */
/* Previous/Next Buttons Background Color */
/* Hover */
/* Previous/Next Font Color */
/* Pager Styles - Can be found in Admin Options */
/* Pagination Border Color */
/* Pagination Hover Button Background Color */
/* Pagination Active Button Background Color */
/* Inherited from PagerActiveButtonBGColor - Do not edit */
/* Pagination Default Font Color */
/* Pagination Font Actve/Select Color */
/* Pagination Disabled Font Color */
/* Pagination Select Field Font Color */
/* Pagination Custom Select Field Background Color */
/* Hover */
/* Pagination Custom Select Field Drop Down Arrow Color */
/* Course Information/Communication Tools/Assessment Tools - Styles */
/* Course Info/Communication Tools/Assessment Tools - Description Text - Font Color */
/* Announcement Posting BG Color */
/* Announcemtns Posting Top Border Color */
/* Announcements Posting Font Color */
/* Roster User Wrap BG Color */
/* Hover */
/* Roster User Wrap Border Bottom Color */
/* Hover */
/* Textbook Listing Background Color */
/* Textbook Listing Border Color */
/* Textbook Listing Title Font Color */
/* Textbook Listing Title Optional Font Color */
/* Textbook Listing Primary Content Background Color */
/* Textbook Listing Label Font Color */
/* Textbook Listing Text Font Color */
/* Chat - Messages - Border Color */
/* Chat - Users - Background Color */
/* Chat - Users - Hover Background Color */
/* Chat - Users - Active User Background Color */
/* Chat - Users - Border Color */
/* Chat - Users - Header Font Color */
/* Chat - Users - Font Color */
/* Chat - Box - Background Color */
/* Chat - Box - Border Color */
/* Courses/Sites Button Colors */
/* Ribbon - Button - Large - Background Color */
/* Hover */
/* Active */
/* Ribbon - Button - Large - Border Color */
/* Ribbon - Button - Large - Font Color */
/* Hover */
/* Ribbon - Button - DropDown - Background Color */
/* Hover */
/* Ribbon - Button - DropDown - Border Color */
/* Button - Default - Background Color */
/* Hover */
/* Active */
/* Button - Default - Border Color */
/* Button - Default - Font Color */
/* Hover */
/* Active */
/* Button/NavBtn - Secondary - Background Color */
/* Hover */
/* Active */
/* Button/NavBtn - Secondary - Border Color */
/* Button/NavBtn - Secondary - Font Color */
/* Button - More - Page Details Button in Right Column Header - Background Color */
/* Hover */
/* Active */
/* Button - More - Bottom Border Color */
/* Button - More - Font Color */
/* @ButtonMoreDropDownLinkBGColor:                                             Inherits from ButtonMoreBGColor */
/* Button - More - Popup Link Background Color */
/* Hover */
/* Button - More - Tag Button Background Color */
/* Hover */
/* Button - More - Tag Button Font Color */
/* Hover */
/* Button - MyFiles - Path Button - Background Color */
/* Button - MyFiles - Path Button - Border Color */
/* Button - MyFiles - Path Button - Font Color */
/* Button - MyFiles - Path - DropDown - Background Color */
/* Hover */
/* Button - MyFiles - Path - DropDown - Font Color */
/* Button - MyFiles - Background Color */
/* Hover */
/* Button - MyFiles - Border Color */
/* Button - MyFiles - Font Color */
/* Courses/Sites Blobk Buttons Colors */
/* Block Button - Background Color - Buttons To Add Course Content */
/* Hover */
/* Block Buttons - Border Color */
/* Hover */
/* Block Buttons - Font Color */
/* Hover */
/* Courses/Sites Tabs Colors */
/* Tabs - Secondary - Background Color */
/* Hover */
/* Active */
/* Tabs - Secondary - Border Color */
/* Active */
/* Tabs - Secondary - Font Color */
/* Active */
/* Tabs are used in places like the Admin pages */
/* Tabs - Secondary - Background Color */
/* Hover */
/* Active */
/* Tabs - Secondary - Border Color */
/* Active */
/* Tabs - Secondary - Font Color */
/* Active */
/* Courses/Sites Images/Icons Paths */
/* Courses/Sites Images/Icons Properties */
.ImageCollapsePageTop {
  background: url('/Resources/Themes/SOLE/CoursePagesImages.png') 0px 0px no-repeat;
  width: 48px;
  height: 8px;
}
.ImageCollapsePageTopExpand {
  background: url('/Resources/Themes/SOLE/CoursePagesImages.png') -49px 0px no-repeat;
}
.ImageCollapsePageAll {
  background: url('/Resources/Themes/SOLE/CoursePagesImages.png') -10px -10px no-repeat;
  width: 21px;
  height: 21px;
}
.ImageCollapseLeft {
  background: url('/Resources/Themes/SOLE/CoursePagesImages.png') 0px -10px no-repeat;
  width: 14px;
  height: 46px;
}
.ImageExpandLeft {
  background: url('/Resources/Themes/SOLE/CoursePagesImages.png') 0px -58px no-repeat;
  width: 14px;
  height: 46px;
}
/*-----END SOLE COURSE/SITE LAYOUT-------------------------------------------------------*/
/*-----SECTION 11 - SOLE CLOUD CONTENT LAYOUT--------------------------------------------*/
/*---------------------------------------------------------------------------------------*/
/* SOLE Cloud Content Framework                                                          */
/*---------------------------------------------------------------------------------------*/
/* SOLE Cloud Content Colors */
/* Cloud - Wrap - Background Color */
/* Cloud - Wrap - Border Color */
/* Cloud - Navigation/Footer - Font Color */
/* @CloudNavButton                                            Color Styling in - Courses/Sites Button Colors - @ButtonMyFilesPath */
/* Cloud - Files Navigation - Background Color */
/* Cloud - Files Navigation - Border Color */
/* @CloudFilesNavButton                                       Color Styling in - Courses/Sites Button Colors - @ButtonMyFiles */
/* Cloud - Files Content - Background Color */
/* Hover */
/* Cloud - Files Content - Border Color */
/* Cloud - Files Back Bar - Background Color */
/* Cloud - Footer - Background Color */
/* Cloud - Footer Text Label - Font Color */
/*-----END SOLE CLOUD CONTENT LAYOUT------------------------------------------------------*/
/*-----SECTION 12 - SOLE CALENDAR LAYOUT--------------------------------------------------*/
/*---------------------------------------------------------------------------------------*/
/* SOLE Calendar Framework                                                               */
/*---------------------------------------------------------------------------------------*/
/* Calendar Colors */
/* Calendar Title Font Color */
/* Calendar Buttons Background Color */
/* Hover */
/* Active */
/* Disabled */
/* Calendar Buttons Border Color */
/* Active */
/* Disabled/DisabledFontColor */
/* Calendar Buttons Font Color */
/* Active */
/* Calendar All Day Background Color */
/* Calendar Headers Background Color */
/* Calendar Headers Font Color */
/* Calendar Grid Border Color */
/* Calendar Full Page Background Color */
/* Calendar Key Background Color */
/* Calendar Key Border Color */
/* Calendar Key Font Color */
/*-----SECTION 13 - SOLE FOOTER LAYOUT----------------------------------------------------*/
/*---------------------------------------------------------------------------------------*/
/* SOLE Footer Framework                                                                 */
/*---------------------------------------------------------------------------------------*/
/* Footer Size Settings */
/* Footer Font Size */
/* Footer Colors */
/* Footer Font Color */
/* Mixins.less
 * Snippets of reusable CSS to develop faster and keep code readable
 * ----------------------------------------------------------------- */
/* Baseline grid */
/* Griditude */
/* Modify the grid styles in mixins.less */
/* For our grid calculations */
/* Grays */
/* lighten(@black, 25%); */
/* Clearfix for clearing floats like a boss h5bp.com/q */
/* Center-align a block level element */
/* Sizing shortcuts */
/* Input placeholder text */
/* Font Stacks */
/* Grid System */
/* Necessary grid styles for every column to make them appear next to each other horizontally */
/* makeColumn can be used to mark any element (e.g., .content-primary) as a column without changing markup to .span something */
/* Border Radius */
/* Drop shadows */
/* Transitions */
/* Background clipping */
/* CSS3 Content Columns */
/* Make any element resizable for prototyping */
/* Add an alphatransparency value to any background or border color (via Elyse Holladay) */
/* Gradient Bar Colors for buttons and allerts */
/* Gradients */
/* Reset filters for IE */
/* Opacity */
/* SOLE Imports */
body {
  margin: 0;
  background-color: #ffffff;
}
body.HomepageBackground {
  background-color: #3570AA;
}
body.HomepageNoPanelsBackground {
  background-color: #3570AA;
}
body.IFrameBackground {
  background-color: transparent;
}
* {
  font-family: Segoe UI, Helvetica, Arial, Sans-Serif;
  font-size: 16px;
}
a {
  color: #0069d6;
  text-decoration: none;
  line-height: inherit;
  font-weight: inherit;
}
a:hover {
  color: #00438a;
  text-decoration: underline;
}
img {
  border: none;
}
ul,
ol {
  margin: 0 0 18px 25px;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
li {
  line-height: 18px;
  color: #444;
}
ul.stripped {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.unstyled {
  list-style: none;
  margin-left: 0;
}
p {
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  margin-bottom: 18px / 2;
}
textarea:focus {
  outline: none;
}
/* Baseline Classes for hidden and shown elements */
.hiddenElement,
.hidden {
  display: none !important;
}
.disabledElement {
  opacity: 0.5;
  cursor: default;
}
.visibleElement {
  display: block;
}
.inline {
  display: inline-block;
}
.gist-highlight {
  border-left: 3ex solid #eee;
  position: relative;
}
.gist-highlight pre {
  counter-reset: linenumbers;
}
.gist-highlight pre div:before {
  color: #aaa;
  content: counter(linenumbers);
  counter-increment: linenumbers;
  left: -3ex;
  position: absolute;
  text-align: right;
  width: 2.5ex;
}
/*------------------------------------------------------*/
/* SOLE BACKGROUND IMAGES                               */
/*------------------------------------------------------*/
.SOLELogin {
  background: #ffffff url('/images/spacer.gif') top center no-repeat;
  min-height: 850px;
  padding: 60px 0px 0px 0px;
}
.SOLEHomepage {
  background: #3570AA url('/Resources/Themes/SOLE/Background.png') top center no-repeat;
  min-height: 850px;
  padding-top: 60px;
}
.SOLEHomepageNoPanels {
  background: #3570AA url('/Resources/Themes/SOLE/BackgroundNoPanels.png') top center no-repeat;
  min-height: 850px;
  padding-top: 60px;
}
/*------------------------------------------------------*/
/* SOLE ADD ON IMPORTS                                  */
/*------------------------------------------------------*/
/*------------------------------------------------------*/
/* SOLE MODAL POPUPS                                    */
/*------------------------------------------------------*/
/* Modal - Standards */
.modal-backdrop {
  background-color: #000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop,
.modal-backdrop.fade.in {
  filter: alpha(opacity=80);
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10009;
  width: 560px;
  margin: -250px 0 0 -280px;
  background-color: transparent;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.modal .close {
  margin-top: -8px;
  float: right;
  color: #000;
  font-size: 1.25em;
  font-weight: bold;
  text-shadow: 0 1px 0 #ffffff;
  filter: alpha(opacity=25);
  -khtml-opacity: 0.25;
  -moz-opacity: 0.25;
  opacity: 0.25;
}
.modal .close:hover {
  color: #000;
  text-decoration: none;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.modal.fade {
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
  -ms-transition: opacity 0.3s linear, top 0.3s ease-out;
  -o-transition: opacity 0.3s linear, top 0.3s ease-out;
  transition: opacity 0.3s linear, top 0.3s ease-out;
  top: -25%;
}
.modal.fade.in {
  top: 50%;
}
.modal-header {
  background: #f5f5f5;
  border-bottom: 1px solid #eee;
  padding: 10px 15px;
  -webkit-border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
}
.modal-header h1,
.modal-header h2,
.modal-header h3,
.modal-header h4 {
  color: #002346;
}
.modal-body {
  background: #fff;
  padding: 15px;
}
.modal-body form {
  background: #fff;
  margin-bottom: 0;
}
.modal-footer {
  background: #f5f5f5;
  padding: 14px 15px 15px;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
  zoom: 1;
  margin-bottom: 0;
}
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: "";
  zoom: 1;
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn {
  margin-left: 5px;
}
.modal .popover,
.modal .twipsy {
  z-index: 12000;
}
.hide {
  display: none;
}
.fade {
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -ms-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  opacity: 0;
}
.fade.in {
  opacity: 1;
}
/* Modal - Large Box */
.modal.large {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10009;
  width: 940px;
  margin: -315px 0 0 -470px;
  background-color: transparent;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.modal.large .modal-body {
  height: 500px;
  overflow: auto;
  overflow-x: hidden;
}
/* Modal - Help */
.modal.large.help {
  margin-top: -245px;
}
.modal.large.help .modal-body {
  height: 360px;
}
.modal.large.help .modal-body .HelpContentWrap {
  width: 100%;
  min-height: 50px;
  overflow: hidden;
}
.modal.large.help .modal-body .HelpContentWrap h2 {
  font-size: 1em;
  line-height: 2em;
  color: #003366;
}
.modal.large.help .modal-body .HelpContentWrap .Block {
  background: #f5f5f5;
  border-bottom: Solid 1px #cccccc;
  width: 150px;
  height: 115px;
  float: left;
  padding-top: 35px;
  margin: 0px 10px 10px 0px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  font-size: 0.8125em;
  line-height: 1.25em;
  text-decoration: none;
  cursor: pointer;
}
.modal.large.help .modal-body .HelpContentWrap .Block:hover {
  background: #eeeeee;
  border-color: #cccccc;
}
.modal.large.help .modal-body .HelpContentWrap .FullBlock {
  background: #f5f5f5;
  border-bottom: Solid 1px #cccccc;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 60px;
  padding: 10px;
  margin-bottom: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 0.8125em;
  text-decoration: none;
  display: block;
}
.modal.large.help .modal-body .HelpContentWrap .FullBlock:hover {
  background: #eeeeee;
  border-color: #cccccc;
}
.modal.large.help .modal-body .HelpContentWrap .FullBlock .AccountIcon {
  background: #ffffff;
  border-bottom: Solid 1px #cccccc;
  width: 48px;
  height: 50px;
  float: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-top: -40px;
  padding: 5px;
  display: block;
}
.modal.large.help .modal-body .HelpContentWrap .FullBlock .Text {
  width: 100%;
  height: 40px;
  float: right;
  display: block;
}
.modal.large.help .modal-body .HelpContentWrap .FullBlock .Text .Content {
  margin-left: 68px;
  display: block;
}
.modal.large.help .modal-body .HelpContentWrap .FullBlock .Text .Content .Title {
  font-size: 0.875em;
  color: #0069d6;
  font-weight: bold;
  padding: 3px 0px;
  display: block;
}
.modal.large.help .modal-body .HelpContentWrap .FullBlock .Text .Content .Info {
  font-size: 0.75em;
  color: #444444;
  display: block;
  line-height: 1.25em;
}
.modal.large.help .modal-body .HelpContentWrap .FullBlock .Text .Content .Info b {
  font-size: 1em;
}
.modal.large.help .modal-body .HelpContentWrap .ReadyBlock {
  background: #f5f5f5;
  border-bottom: Solid 1px #cccccc;
  width: 110px;
  height: 89px;
  float: left;
  padding-top: 21px;
  margin: 0px 10px 10px 0px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  font-size: 0.875em;
  text-decoration: none;
}
.modal.large.help .modal-body .HelpContentWrap .ReadyBlock24 {
  background: #f5f5f5;
  border-bottom: Solid 1px #cccccc;
  width: 60px;
  height: 48px;
  float: left;
  padding-top: 12px;
  margin: 0px 10px 10px 0px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  font-size: 0.875em;
  text-decoration: none;
}
.modal.large.help .modal-body .HelpContentWrap .True {
  background: #baeaa1;
  border-bottom: Solid 1px #8dca6c;
}
.modal.large.help .modal-body .HelpContentWrap .False {
  background: #f3b5b5;
  border-bottom: Solid 1px #e08b8b;
}
.modal.large.help .modal-body .HelpContentWrap .NoteBox {
  color: #999999;
  font-size: 0.875em;
  line-height: 1.5em;
  padding-bottom: 3px;
}
.modal.large.help .modal-body .HelpContentWrap .SearchField {
  padding-bottom: 20px;
  overflow: hidden;
}
.modal.large.help .modal-body .HelpContentWrap .SearchField #Search {
  font-size: 1.125em;
  float: left;
}
.modal.large.help .modal-body .HelpContentWrap .SearchField #Search:focus {
  outline: none;
}
.modal.large.help .modal-body .HelpContentWrap .SearchField .primary {
  float: left;
  margin-left: 5px;
}
.modal.large.help .modal-body .HelpContentWrap .Misc {
  font-size: 0.875em;
  line-height: 1.5em;
  padding-bottom: 4px;
  color: #999999;
}
.modal.large.help .modal-body .HelpContentWrap table {
  width: 100%;
  border: Solid 1px #eeeeee;
  border-bottom: none;
}
.modal.large.help .modal-body .HelpContentWrap table tr:hover {
  background: #bed8f4;
}
.modal.large.help .modal-body .HelpContentWrap table tr th {
  background: #eeeeee;
  font-size: 0.875em;
  border-bottom: Solid 1px #eeeeee;
  padding: 10px;
  text-align: left;
}
.modal.large.help .modal-body .HelpContentWrap table tr:hover th {
  background: #eeeeee;
}
.modal.large.help .modal-body .HelpContentWrap table tr td {
  font-size: 0.875em;
  border-bottom: Solid 1px #eeeeee;
  padding: 10px;
}
.modal.large.help .modal-body .HelpContentWrap table tr td a {
  cursor: pointer;
}
/* SOLE Content Modal Styles */
.SOLEModalFormWrap {
  background: #f5f5f5;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  min-height: 40px;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
}
.SOLEModalFormWrap h1,
.SOLEModalFormWrap h2,
.SOLEModalFormWrap h3,
.SOLEModalFormWrap h4 {
  color: #369;
}
.SOLEModalFormWrap h2 {
  margin-bottom: 10px;
}
.SOLEModalFormWrap form {
  background: #f5f5f5;
}
.SOLEModalFormWrap label {
  font-size: 0.8125em;
  color: #333;
  line-height: 1.5em;
}
.SOLEModalFormWrap p {
  font-size: 0.8125em;
  color: #333;
  line-height: 1.5em;
  margin: 0px 0px 5px 0px;
  padding: 0px;
}
.SOLEModalFormWrap p img {
  float: left;
  margin: 3px 5px 0px 0px;
}
.SOLEModalFormWrap p b {
  font-size: 1em;
}
.SOLEModalFormWrap ul {
  margin-left: 10px;
}
.SOLEModalFormWrap ul li {
  font-size: 0.8125em;
  color: #333;
  line-height: 1.5em;
  margin: 0px;
  padding: 0px;
}
.SOLEModalFormWrap .FormTitle {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding-bottom: 2px;
  display: block;
}
.SOLEModalFormWrap .FormTitle label {
  font-size: 0.8125em;
  color: #333;
  line-height: 1.5em;
}
.SOLEModalFormWrap .FormTitle p {
  font-size: 0.8125em;
  color: #333 !important;
  line-height: 1.5em;
  margin: 0px;
  padding: 0px;
}
.SOLEModalFormWrap .FormTitle p b {
  font-size: 1em;
}
.SOLEModalFormWrap .FormField {
  color: #333;
  font-size: 0.8125em;
  width: 100%;
  display: block;
}
.SOLEModalFormWrap .FormField .text-box {
  width: 300px;
  font-size: 1.35em;
  margin-bottom: 10px;
}
.SOLEModalFormWrap .FormField textarea {
  width: 300px;
  font-size: 1.35em;
  margin-bottom: 10px;
}
.SOLEModalFormWrap .FormField input {
  width: 300px;
  font-size: 1.35em;
  margin-bottom: 10px;
}
.SOLEModalFormWrap .FormField select {
  font-size: 1.35em;
  margin-bottom: 10px;
}
.SOLEModalFormWrap .FormField p.Checkbox {
  font-size: 1em;
  color: #333;
  line-height: 1.5em;
  margin: 0px;
  padding: 0px;
}
.SOLEModalFormWrap .FormField p.Checkbox b {
  font-size: 1em;
}
.SOLEModalFormWrap .FormField p.Checkbox input {
  width: 20px;
}
.SOLEModalFormWrap .FormField .field-validation-error {
  font-size: 1em;
  line-height: 1.5em;
}
.SOLEModalFormWrap .FormField .field-validation-error span {
  font-size: 1em;
}
.SOLEModalFormWrap .FormField .field-validation-error span i,
.SOLEModalFormWrap .FormField .field-validation-error span b {
  font-size: 1em;
}
.SOLEModalFormWrap .FormField .ExtendedValidation {
  min-height: 30px;
  overflow: hidden;
  margin: -25px 0px 0px 0px;
}
.SOLEModalFormWrap .FormField .ExtendedValidation .field-validation-error {
  font-size: 0.8125em;
  line-height: 1.5em;
}
.SOLEModalFormWrap .FormField .ExtendedValidation .field-validation-error span {
  font-size: 1em;
}
.SOLEModalFormWrap .FormField .ExtendedValidation .field-validation-error span i,
.SOLEModalFormWrap .FormField .ExtendedValidation .field-validation-error span b {
  font-size: 1em;
}
/* Mobile */
@media all and (max-width: 40.625em) {
  .modal.large {
    width: auto;
    top: 0.625rem !important;
    right: 0.625rem;
    bottom: 0.625rem;
    left: 0.625rem;
    margin: 0 !important;
  }
  .modal.large.help .modal-body {
    height: 18em;
  }
  .modal.large.help .modal-body .HelpContentWrap .Block {
    width: 100%;
    height: 5em;
    padding: 1.25rem 0;
  }
}
/*------------------------------------------------------*/
/* SOLE BUTTONS										    */
/*------------------------------------------------------*/
button {
  outline: none;
}
a.btn {
  line-height: 30px !important;
}
/* Bootstrap Buttons */
.btn {
  background: #BED8F3;
  font-size: 0.8125em;
  color: #003366;
  border: none;
  height: 30px;
  line-height: 30px;
  padding: 0 14px;
  cursor: pointer;
  display: inline-block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.btn:hover {
  background: #9dbee0;
  text-decoration: none;
  color: #003366;
}
.btn.primary {
  background-color: #1761bf;
  color: #ffffff;
}
.btn.primary:hover {
  background-color: #004fa2;
}
.btn.secondary {
  background-color: #e48383;
  color: #ffffff;
}
.btn.secondary:hover {
  background-color: #c66363;
}
.btn.closebutton {
  background-color: #ea9797;
  color: #fff;
}
.btn.closebutton:hover {
  background-color: #d57c7c;
}
.btn.savebutton {
  background-color: #8dca6c;
  color: #fff;
}
.btn.savebutton:hover {
  background-color: #6faf4d;
}
.btn.SOLE {
  background-color: #8dca6c;
  color: #fff;
}
.btn.SOLE:hover {
  background-color: #6faf4d;
}
.btn.Submit {
  background-color: #7bba59;
  color: #fff;
}
.btn.Submit:hover {
  background-color: #62a43e;
}
.btn.Close,
.btn.Cancel {
  background-color: #ea9797;
  color: #fff;
}
.btn.Close:hover,
.btn.Cancel:hover {
  background-color: #d57c7c;
}
.btn.Generic {
  background-color: #f5f5f5;
  color: #333;
}
.btn.Generic:hover {
  background-color: #e5e5e5;
}
.btn.More {
  background-color: #6a9bc8;
  color: #fff;
  display: block;
  border-bottom: Solid 1px #4d657d;
  overflow: visible;
  float: right;
}
.btn.More:hover {
  background-color: #5789b6;
}
.btn.More .caret {
  margin: 14px 0 0 5px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #fff;
}
.btn.More .dropdown {
  display: none;
  position: absolute;
  z-index: 9999;
  overflow: hidden;
  top: 32px;
  right: 0;
  width: 300px;
  border-top: Solid 1px #4d657d;
  text-align: left;
}
.btn.More .dropdown .selection a {
  background: #6a9bc8;
  width: 270px !important;
  font-size: 0.875em;
  width: auto;
  border-top: none;
  padding: 0 14px;
  line-height: 34px;
  color: #fff;
  border-bottom: Solid 1px #4d657d;
  border-left: Solid 1px #4d657d;
  border-right: Solid 1px #4d657d;
  cursor: pointer;
  display: block;
  text-decoration: none;
  overflow: hidden;
}
.border-radius(0px) .btn.More .dropdown .selection a:hover {
  background: #598ab8;
}
.btn.More .dropdown .selection a.Modal {
  background-color: #8ebae2;
}
.btn.More .dropdown .selection a.Modal:hover {
  background: #598ab8;
}
.btn.More .dropdown .selection span.Modal {
  background-color: #8ebae2;
}
.btn.More .dropdown .selection span.Modal:hover {
  background: #598ab8;
}
.btn.More .dropdown .selection span.Modal.Tag {
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #002346;
  padding: 3px;
  font-size: 1em;
}
.btn.More .dropdown .selection span.Modal.Tag:hover {
  background: #C0D7F4;
  color: #002346;
}
.btn.More .dropdown .selection:last-child a {
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
}
.btn.More.ActiveBtn {
  background-color: #5789b6;
}
.btn.More.ActiveBtn .caret {
  margin: 3px 0 0 5px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #fff;
  border-top: 4px solid transparent;
}
.btn.PrintPage {
  background-color: #6a9bc8;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-bottom: Solid 1px #4d657d;
  float: right;
  margin-left: 5px;
  height: 25px;
  padding: 5px 5px 0 6px;
}
.btn.PrintPage:hover {
  background-color: #5789b6;
}
.btn.Chat.toggleButton {
  background: #BED8F3;
  border-bottom: Solid 1px #356FAA;
  float: left;
  margin-right: 5px;
}
.btn.Chat.toggleButton:hover {
  Background: #9dbee0;
}
.btn.Chat.toggleButton.down {
  background: #9dbee0;
  float: left;
  margin-right: 5px;
}
.btn-disabled {
  opacity: 0.5;
}
.btn.right {
  margin-left: 0.25em;
}
/* SOLE Nav Button Settings/Layout */
.navbtn {
  background: #7fb1f0;
  font-size: 0.8125em;
  color: #fff;
  text-decoration: none;
  border: Solid 1px #1a6dd6;
  padding: 6px 14px;
  cursor: pointer;
  position: relative;
  float: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.navbtn:hover {
  background: #5295ea;
  color: #fff;
  text-decoration: none;
}
.navbtn.ActiveTab {
  background: #1761bf;
  color: #fff;
}
.navbtn.ActiveTab:hover {
  background: #1761bf;
}
.navbtn.light {
  background: #e5e5e5;
  font-size: 0.8125em;
  color: #333;
  text-decoration: none;
  border: Solid 1px transparent;
  border-bottom: Solid 1px #ccc;
  cursor: pointer;
  position: relative;
  float: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.navbtn.light:hover {
  background: #999;
  color: #fff;
  text-decoration: none;
}
.navbtn.light.ActiveTab {
  background: #999;
  color: #fff;
}
.navbtn.light.ActiveTab:hover {
  background: #999;
}
/* SOLE Nav Button Large - Courses/Sites Large Nav Bar */
.navbtn.large {
  background: transparent;
  font-size: 0.8125em;
  line-height: 1em;
  color: #1761bf;
  text-decoration: none;
  text-align: center;
  border: Solid 1px transparent;
  padding: 5px;
  cursor: pointer;
  position: relative;
  float: left;
  width: auto;
  height: 70px;
  margin: 0px 2px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.navbtn.large:hover {
  background: #5295ea;
  text-decoration: none;
  color: #fff;
}
.navbtn.large:hover .caret {
  border-top-color: #fff;
}
.navbtn.large img {
  clear: both;
  margin-bottom: -4px;
}
.navbtn.large .caret {
  width: 0;
  height: 0px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #fff;
  margin-top: 4px !important;
}
.navbtn.large .dropdown {
  display: none;
  position: absolute;
  z-index: 9999;
  margin-top: 23px;
  overflow: hidden;
  width: 150px;
  border-top: Solid 1px #ddd;
  left: 0;
}
.navbtn.large .dropdown .selection {
  width: 120px;
}
.navbtn.large .dropdown .selection:hover {
  background: #f5f5f5;
}
.navbtn.large .dropdown .selection a {
  width: 120px;
  background: #fff;
  border: Solid 1px #ddd;
  border-top: none;
  padding: 0 14px;
  line-height: 34px;
  font-size: 0.875em;
  display: block;
  overflow: hidden;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  text-decoration: none;
}
.navbtn.large .dropdown .selection a:hover {
  background: #f5f5f5;
}
.navbtn.large .dropdown .selection:last-child a {
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
}
.navbtn.large.ActiveTab {
  background: #1761bf;
  color: #fff;
}
.navbtn.large.ActiveTab .caret {
  border-top-color: #fff;
}
.navbtn.large.ActiveDropDown {
  background: #1761bf;
  color: #fff;
}
.navbtn.large.ActiveDropDown .caret {
  border-top-color: #fff;
}
.navbtn.large.ActiveDropDown:hover {
  background: #1761bf;
}
.navbtn.large:first-child {
  margin-left: 5px;
}
.navbtn.large:last-child {
  margin-right: 5px;
}
/* SOLE Nav Button Small */
.navbtn.small {
  background: #7fb1f0;
  font-size: 0.75em;
  line-height: 0.875em;
  color: #fff;
  text-decoration: none;
  text-align: center;
  border: Solid 1px #1a6dd6;
  padding: 5px;
  cursor: pointer;
  position: relative;
  float: left;
  width: auto;
  height: 12px;
  margin-left: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.navbtn.small:hover {
  background: #5295ea;
  color: #fff;
  text-decoration: none;
}
.navbtn.small.ActiveTab {
  background: #1761bf;
  color: #fff;
}
.navbtn.small.light {
  background: #e5e5e5;
  font-size: 0.75em;
  line-height: 0.875em;
  color: #333;
  text-decoration: none;
  text-align: center;
  border: Solid 1px #ccc;
  padding: 5px;
  cursor: pointer;
  position: relative;
  float: left;
  width: auto;
  height: 12px;
  margin-left: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.navbtn.small.light:hover {
  background: #999;
  color: #fff;
  text-decoration: none;
}
.navbtn.small.light.ActiveTab {
  background: #999;
  color: #fff;
}
/* Nav Btn Toolbar - Top Tier Wrapper - Displays navbtn-grouping inline */
.navbtn-toolbar {
  overflow: hidden;
  margin: 0px;
}
.navbtn-toolbar .navbtn-group {
  display: inline-block;
  display: inline;
  /* IE7 inline-block hack */
  zoom: 1;
}
.navbtn-toolbar .navbtn.CSDetails {
  background: #fff;
  color: #444;
  border: transparent;
  border-bottom: Solid 1px #ccc;
  margin-right: 5px;
  padding: 1px 14px;
  vertical-align: top;
}
.navbtn-toolbar .navbtn.CSDetails img {
  margin-top: 2px;
  float: left;
}
.navbtn-toolbar .navbtn.CSDetails .Text {
  padding: 0px 8px 0 10px;
  float: left;
  font-size: 1em;
}
.navbtn-toolbar .navbtn.CSDetails:hover {
  background: #ddd;
}
.navbtn-toolbar .caret {
  display: inline-block;
  width: 0;
  height: 0;
  text-indent: -99999px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #444;
  margin-top: 12px !important;
}
.navbtn-toolbar .caret.collapse {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid transparent;
  border-bottom: 4px solid #444;
  margin-top: 8px !important;
}
/* Nav Btn Group - Second Tier Wrapper - Displays navbtn inline with 0 margin */
.navbtn-group {
  position: relative;
  zoom: 1;
  float: left;
}
.navbtn-group:before,
.navbtn-group:after {
  display: table;
  content: "";
  zoom: 1;
}
.navbtn-group:after {
  clear: both;
}
.navbtn-group .dropdown-menu {
  display: none;
}
.navbtn-group + .navbtn-group {
  margin-left: 5px;
}
.navbtn-group .navbtn {
  background: #7fb1f0;
  font-size: 0.8125em;
  color: #fff;
  text-decoration: none;
  border: Solid 1px #1a6dd6;
  padding: 6px 14px;
  cursor: pointer;
  position: relative;
  float: left;
  margin-left: -1px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.navbtn-group .navbtn:hover {
  background: #5295ea;
  text-decoration: none;
}
.navbtn-group .navbtn.ActiveTab {
  background: #1761bf;
  color: #fff;
}
.navbtn-group .navbtn.ActiveTab:hover {
  background: #1761bf;
}
.navbtn-group .navbtn.light {
  background: #e5e5e5;
  font-size: 0.8125em;
  color: #333;
  text-decoration: none;
  border: Solid 1px #ccc;
  cursor: pointer;
  position: relative;
  float: left;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.navbtn-group .navbtn.light:hover {
  background: #999;
  color: #fff;
  text-decoration: none;
}
.navbtn-group .navbtn.light.ActiveTab {
  background: #999;
  color: #fff;
}
.navbtn-group .navbtn.light.ActiveTab:hover {
  background: #999;
}
.navbtn-group .navbtn.small.light {
  background: #e5e5e5;
  font-size: 0.75em;
  line-height: 0.875em;
  color: #333;
  text-decoration: none;
  text-align: center;
  border: Solid 1px #ccc;
  padding: 5px;
  cursor: pointer;
  position: relative;
  float: left;
  width: auto;
  height: 12px;
  margin-left: -1px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.navbtn-group .navbtn.small.light:hover {
  background: #999;
  color: #fff;
  text-decoration: none;
}
.navbtn-group .navbtn.small.light:first-child {
  -webkit-border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;
}
.navbtn-group .navbtn.small.light:last-child {
  -webkit-border-radius: 0px 5px 5px 0px;
  -moz-border-radius: 0px 5px 5px 0px;
  border-radius: 0px 5px 5px 0px;
}
.navbtn-group .navbtn.small.light.ActiveTab {
  background: #999;
  color: #fff;
}
.navbtn-group .navbtn.small {
  font-size: 0.75em;
  line-height: 0.875em;
}
/* Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match */
.navbtn-group .navbtn:first-child {
  margin-left: 0;
  -webkit-border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;
}
.navbtn-group .navbtn:last-child,
.navbtn-group .dropdown-toggle {
  -webkit-border-radius: 0px 5px 5px 0px;
  -moz-border-radius: 0px 5px 5px 0px;
  border-radius: 0px 5px 5px 0px;
}
.navbtn-group.navbtn-single .navbtn {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.navbtn-group .navbtn:hover,
.navbtn-group .navbtn:focus,
.navbtn-group .navbtn:active,
.navbtn-group .navbtn.active {
  z-index: 2;
}
/* Reposition the caret */
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  text-indent: -99999px;
  vertical-align: top;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #fff;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.navbtn .caret {
  margin-top: 7px;
  margin-left: 0;
}
.navbtn:hover .caret,
.open.navbtn-group .caret {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
/* Account for other colors */
.navbtn-primary .caret,
.navbtn-danger .caret,
.navbtn-info .caret,
.navbtn-success .caret {
  border-top-color: #fff;
  filter: alpha(opacity=75);
  -khtml-opacity: 0.75;
  -moz-opacity: 0.75;
  opacity: 0.75;
}
.navbtn-group .dropdown-toggle:active,
.navbtn-group.open .dropdown-toggle {
  outline: 0;
}
.navbtn-group .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.navbtn-group.open {
  /* IE7's z-index only goes to the nearest positioned ancestor, which would make the menu appear below buttons that appeared later on the page */
  z-index: 1000;
}
.navbtn-group.open .dropdown-toggle {
  background: #1761bf;
}
.navbtn-group.open .dropdown-toggle-light {
  background: #999;
}
.navbtn-group.open .dropdown-menu {
  display: block;
}
.dropdown-toggle {
  background-image: none;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  max-width: 220px;
  padding: 0;
  margin: 4px 0 0 0;
  list-style: none;
  background-color: #7fb1f0;
  border-color: #1a6dd6;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  color: #fff;
}
.dropdown-menu li {
  font-size: 0.8125em;
  line-height: 0.8125em;
}
.dropdown-menu li a {
  color: #fff;
  display: block;
  padding: 9px 14px 11px 14px;
  clear: both;
  white-space: nowrap;
}
.dropdown-menu li a:hover {
  background: #5295ea;
  text-decoration: none;
}
.dropdown-menu li a.ActiveTab {
  background: #1761bf;
  color: #fff;
}
.dropdown-toggle-light {
  padding-left: 8px;
  padding-right: 8px;
  -webkit-border-radius: 0px 5px 5px 0px;
  -moz-border-radius: 0px 5px 5px 0px;
  border-radius: 0px 5px 5px 0px;
}
.dropdown-toggle-light .caret {
  display: inline-block;
  width: 0;
  height: 0;
  text-indent: -99999px;
  vertical-align: top;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #333;
  opacity: 0.6;
  filter: alpha(opacity=60);
  content: "2193";
}
.dropdown-menu.light {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  max-width: 220px;
  padding: 0;
  margin: 4px 0 0 0;
  list-style: none;
  background-color: #e5e5e5;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  color: #333;
}
.dropdown-menu.light li {
  font-size: 0.8125em;
  line-height: 0.8125em;
}
.dropdown-menu.light li a {
  color: #333 !important;
  display: block;
  padding: 9px 14px 11px 14px;
  clear: both;
  white-space: nowrap;
}
.dropdown-menu.light li a:hover {
  background: #999 !important;
  text-decoration: none;
}
.dropdown-menu.light li a.ActiveTab {
  background: #999 !important;
  color: #fff !important;
}
/* SOLE Tabs Layout */
.nav-tabs,
.nav-pills {
  zoom: 1;
  margin-bottom: 10px;
  margin-left: 0;
  list-style: none;
}
.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
  display: table;
  content: "";
  zoom: 1;
}
.nav-tabs:after,
.nav-pills:after {
  clear: both;
}
.nav-tabs > li,
.nav-pills > li {
  float: left;
}
.nav-tabs > li > a,
.nav-pills > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
}
.nav-tabs {
  border-bottom: 1px solid #ccc !important;
}
.nav-tabs > li {
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  background: #E5F2FF;
  color: #002346;
  display: block;
  padding-top: 9px;
  padding-bottom: 9px;
  border: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -webkit-border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  font-size: 0.8125em;
}
.nav-tabs > li > a:hover {
  background: #BED8F4;
  color: #002346;
  border-color: #ccc;
  text-decoration: none;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
  color: #1761bf;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs > li.dropdown {
  position: relative;
}
.nav-tabs > li > .dropdown-toggle:after {
  width: 0;
  height: 0;
  display: inline-block;
  content: "&darr;";
  text-indent: -99999px;
  vertical-align: top;
  margin-top: 6px;
  margin-left: 4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #002346;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.nav-tabs > li.dropdown.open > .dropdown-menu {
  display: block;
  margin-top: 0;
  padding-top: 0;
}
.SOLEContentWrap .nav-tabs,
.SOLEContentWrap .nav-pills {
  zoom: 1;
  margin-bottom: 10px;
  margin-left: 0;
}
.SOLEContentWrap .nav-tabs:before,
.SOLEContentWrap .nav-pills:before,
.SOLEContentWrap .nav-tabs:after,
.SOLEContentWrap .nav-pills:after {
  display: table;
  content: "";
  zoom: 1;
}
.SOLEContentWrap .nav-tabs:after,
.SOLEContentWrap .nav-pills:after {
  clear: both;
}
.SOLEContentWrap .nav-tabs > li,
.SOLEContentWrap .nav-pills > li {
  float: left;
}
.SOLEContentWrap .nav-tabs > li > a,
.SOLEContentWrap .nav-pills > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
}
.SOLEContentWrap .nav-tabs {
  border-bottom: 1px solid #ccc !important;
}
.SOLEContentWrap .nav-tabs > li {
  margin-bottom: -1px;
}
.SOLEContentWrap .nav-tabs > li > a {
  background: #E5F2FF;
  color: #002346;
  display: block;
  padding-top: 9px;
  padding-bottom: 9px;
  border: 1px solid #ccc;
  -webkit-border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  font-size: 0.8125em;
}
.SOLEContentWrap .nav-tabs > li > a:hover {
  background: #BED8F4;
  color: #002346;
  border-color: #ccc;
  text-decoration: none;
  cursor: pointer;
}
.SOLEContentWrap .nav-tabs > .active > a,
.SOLEContentWrap .nav-tabs > .active > a:hover {
  color: #1761bf;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: transparent;
  cursor: default;
}
/* SOLE Custom Nav/Button Styles */
.SOLECSNav.Header .navbtn-toolbar {
  float: right;
}
.SOLECSNav.Header .navbtn-group {
  float: right;
  margin: 0;
}
.SOLECSNav.Header .navbtn-group .dropdown-toggle-light {
  padding-left: 8px;
  padding-right: 8px;
  -webkit-border-radius: 0px 5px 5px 0px;
  -moz-border-radius: 0px 5px 5px 0px;
  border-radius: 0px 5px 5px 0px;
}
.SOLECSNav.Header .navbtn-group .dropdown-toggle-light .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-top: 6px;
  text-indent: -99999px;
  vertical-align: top;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #333;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.SOLECSNav.Header .navbtn-group .dropdown-menu {
  min-width: 160px;
  max-width: 220px;
  padding: 0;
  margin: 2px 0 0 0;
  right: 0;
  left: auto;
}
.SOLECSNav.Header .navbtn-group .dropdown-menu li {
  font-size: 0.8125em;
  line-height: 0.8125em;
}
.SOLECSNav.Header .navbtn-group .dropdown-menu li a {
  color: #fff;
  display: block;
  padding: 9px 14px 11px 14px;
  clear: both;
  white-space: nowrap;
}
.SOLECSNav.Header .navbtn-group .dropdown-menu li a:hover {
  background: #5295ea;
  text-decoration: none;
}
.SOLECSNav.Header .navbtn-group .dropdown-menu li a.ActiveTab {
  background: #1761bf;
  color: #fff;
}
.SOLECSNav.Header .navbtn {
  float: left;
}
/* SOLE Block Buttons */
.blockbtn {
  background: #f5f5f5;
  border-bottom: Solid 1px #cccccc;
  width: 150px;
  height: 115px;
  display: inline-block;
  padding-top: 35px;
  margin: 0px 10px 10px 0px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  font-size: 0.8125em;
  line-height: 0.8125em;
  text-decoration: none;
  cursor: pointer;
}
.blockbtn:hover {
  background: #eeeeee;
  border-color: #cccccc;
}
.blockbtn.Medium {
  background: #fff;
  border-color: #ccc;
  color: #002346;
  width: 90px;
  height: 76px;
  padding-top: 14px;
  text-decoration: none;
  vertical-align: top;
}
.blockbtn.Medium:hover {
  background: #ddd;
  border-bottom-color: #777;
  color: #003366;
}
.blockbtn.Medium.selected {
  background: #ddd;
  border-bottom-color: #777;
}
.blockbtn.Small {
  background: #fff;
  border-color: #ccc;
  color: #002346;
  width: 48px;
  height: 48px;
  padding: 10px;
}
.blockbtn.Small:hover {
  background: #ddd;
  border-bottom-color: #777;
  color: #003366;
}
/* SOLE My Files Button Styles */
.SOLEFilesNav.Medium .navbtn {
  background: #1a639d;
  font-size: 0.8125em;
  color: #fff;
  text-decoration: none;
  border: Solid 1px #1a6dd6;
  padding: 6px 14px;
  margin-left: 5px;
  cursor: pointer;
  position: relative;
  float: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.SOLEFilesNav.Medium .navbtn:hover {
  background: #3077b0;
  color: #fff;
  text-decoration: none;
}
.SOLEFilesPath .navbtn.full {
  padding: 0 10px 0 0;
  background: #fff;
  border-color: #777;
  width: 888px;
  cursor: default;
}
.SOLEFilesPath .navbtn-group {
  position: relative;
  width: 100%;
}
.SOLEFilesPath .navbtn-group .navbtn {
  padding: 0 10px 0 0;
  background: #fff;
  border-color: #777;
}
.SOLEFilesPath .navbtn-group .navbtn.path {
  position: absolute;
  left: 0;
  right: 0px;
  border-radius: 5px;
}
.SOLEFilesPath .navbtn-group .dropdown-toggle:active,
.SOLEFilesPath .navbtn-group.open .dropdown-toggle {
  outline: 0;
}
.SOLEFilesPath .navbtn-group .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 6px;
  padding-bottom: 6px;
  position: absolute;
  right: 0;
}
.SOLEFilesPath .navbtn-group.open {
  /* IE7's z-index only goes to the nearest positioned ancestor, which would make the menu appear below buttons that appeared later on the page */
  z-index: 1000;
}
.SOLEFilesPath .navbtn-group.open .dropdown-toggle {
  background: #eee;
}
.SOLEFilesPath .navbtn-group.open .dropdown-toggle-light {
  background: #ccc;
}
.SOLEFilesPath .navbtn-group.open .dropdown-menu {
  display: block;
}
.SOLEFilesPath .caret {
  border-top-color: #777;
}
.SOLEFilesPath .dropdown-toggle {
  background-image: none;
}
.SOLEFilesPath .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 918px;
  padding: 0;
  margin: 4px 0 0 0;
  list-style: none;
  background-color: #fff;
  border-color: #777;
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  color: #000;
}
.SOLEFilesPath .dropdown-menu li {
  font-size: 0.8125em;
  line-height: 0.8125em;
}
.SOLEFilesPath .dropdown-menu li a {
  background: #fff;
  color: #333;
  display: block;
  padding: 9px 14px 11px 14px;
  clear: both;
  white-space: nowrap;
}
.SOLEFilesPath .dropdown-menu li a:hover {
  background: #eee;
  text-decoration: none;
}
.SOLEFilesPathModal .navbtn.full {
  padding: 0 10px 0 0;
  background: #fff;
  border-color: #777;
  width: 888px;
  cursor: default;
}
.SOLEFilesPathModal .navbtn-group .navbtn {
  padding: 0 10px 0 0;
  background: #fff;
  border-color: #777;
}
.SOLEFilesPathModal .navbtn-group .navbtn.path {
  width: 642px;
}
.SOLEFilesPathModal .navbtn-group .dropdown-toggle:active,
.SOLEFilesPathModal .navbtn-group.open .dropdown-toggle {
  outline: 0;
}
.SOLEFilesPathModal .navbtn-group .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.SOLEFilesPathModal .navbtn-group.open {
  /* IE7's z-index only goes to the nearest positioned ancestor, which would make the menu appear below buttons that appeared later on the page */
  z-index: 1000;
}
.SOLEFilesPathModal .navbtn-group.open .dropdown-toggle {
  background: #eee;
}
.SOLEFilesPathModal .navbtn-group.open .dropdown-toggle-light {
  background: #ccc;
}
.SOLEFilesPathModal .navbtn-group.open .dropdown-menu {
  display: block;
}
.SOLEFilesPathModal .caret {
  border-top-color: #777;
}
.SOLEFilesPathModal .dropdown-toggle {
  background-image: none;
}
.SOLEFilesPathModal .dropdown-toggle.Dormant .caret {
  border-top-color: #dddddd;
}
.SOLEFilesPathModal .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 918px;
  padding: 0;
  margin: 4px 0 0 0;
  list-style: none;
  background-color: #fff;
  border-color: #777;
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  color: #000;
}
.SOLEFilesPathModal .dropdown-menu li {
  font-size: 0.8125em;
  line-height: 0.8125em;
}
.SOLEFilesPathModal .dropdown-menu li a {
  background: #fff;
  color: #333;
  display: block;
  padding: 9px 14px 11px 14px;
  clear: both;
  white-space: nowrap;
}
.SOLEFilesPathModal .dropdown-menu li a:hover {
  background: #eee;
  text-decoration: none;
}
.SOLEFilesPathModal .dropdown-menu.cloud {
  min-width: 678px;
}
/* SOLE Course Grades Buttons */
.GradesButtons {
  width: 230px;
  bottom: 40px;
  height: 44px;
  padding: 15px 10px 0 10px;
  position: absolute;
}
.GradesButtons .navbtn {
  background: #fff;
  border-color: #dbdbdb;
  color: #333;
  padding: 6px 10px;
}
.GradesButtons .navbtn:hover {
  background: #ccc;
}
/* Mobile */
@media all and (max-width: 40.625em) {
  .btn.PrintPage {
    display: none;
  }
  .btn.More {
    display: none;
  }
}
/*------------------------------------------------------*/
/* SOLE BAR - Primary/Secondary/Active Buttons          */
/*------------------------------------------------------*/
.Topbar {
  height: 40px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  overflow: visible;
}
.Topbar .Fill {
  background-color: #002346;
  border-bottom: 2px Solid #1761bf;
  width: 100%;
  height: 38px;
  background-color: #001830;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#002346), to(#001830));
  /* Konqueror */
  background-image: -moz-linear-gradient(top, #002346, #001830);
  /* FF 3.6+ */
  background-image: -ms-linear-gradient(top, #002346, #001830);
  /* IE10 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #002346), color-stop(100%, #001830));
  /* Safari 4+, Chrome 2+ */
  background-image: -webkit-linear-gradient(top, #002346, #001830);
  /* Safari 5.1+, Chrome 10+ */
  background-image: -o-linear-gradient(top, #002346, #001830);
  /* Opera 11.10 */
  background-image: linear-gradient(top, #002346, #001830);
  /* The standard */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002346', endColorstr='#001830', GradientType=0);
  /* IE9 and down */
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.35), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.35), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.35), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  /* SOLE BUTTON */
  /* FAVORITES BUTTON */
  /* FAVORITES BUTTON ACTIVE */
  /* PROFILE BUTTON */
  /* PROFILE BUTTON ACTIVE */
  /* SETTINGS BUTTON */
  /* SETTINGS BUTTON ACTIVE */
  /* SOLE SEARCH SECTION */
  /* SOLE APPS SECTION */
}
.Topbar .Fill .SOLEBarContent {
  width: 960px;
  height: 40px;
  margin: auto;
}
.Topbar .Fill .SOLEBarContentFullScreen {
  left: 0;
  right: 0;
  height: 40px;
}
.Topbar .Fill a.SOLEButton {
  background-color: #125ca6;
  border-bottom: 2px Solid #5d91d2;
  height: 38px;
  text-decoration: none;
  padding: 0px 10px;
  background-color: #013262;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#125ca6), to(#013262));
  /* Konqueror */
  background-image: -moz-linear-gradient(top, #125ca6, #013262);
  /* FF 3.6+ */
  background-image: -ms-linear-gradient(top, #125ca6, #013262);
  /* IE10 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #125ca6), color-stop(100%, #013262));
  /* Safari 4+, Chrome 2+ */
  background-image: -webkit-linear-gradient(top, #125ca6, #013262);
  /* Safari 5.1+, Chrome 10+ */
  background-image: -o-linear-gradient(top, #125ca6, #013262);
  /* Opera 11.10 */
  background-image: linear-gradient(top, #125ca6, #013262);
  /* The standard */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#125ca6', endColorstr='#013262', GradientType=0);
  /* IE9 and down */
  display: block;
  float: left;
  cursor: pointer;
}
.Topbar .Fill a.SOLEButton:hover {
  background-color: #3a88d6;
  background-color: #04386b;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#3a88d6), to(#04386b));
  /* Konqueror */
  background-image: -moz-linear-gradient(top, #3a88d6, #04386b);
  /* FF 3.6+ */
  background-image: -ms-linear-gradient(top, #3a88d6, #04386b);
  /* IE10 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3a88d6), color-stop(100%, #04386b));
  /* Safari 4+, Chrome 2+ */
  background-image: -webkit-linear-gradient(top, #3a88d6, #04386b);
  /* Safari 5.1+, Chrome 10+ */
  background-image: -o-linear-gradient(top, #3a88d6, #04386b);
  /* Opera 11.10 */
  background-image: linear-gradient(top, #3a88d6, #04386b);
  /* The standard */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a88d6', endColorstr='#04386b', GradientType=0);
  /* IE9 and down */
}
.Topbar .Fill a.SOLEButton .SOLELogo {
  background: url('/Resources/themes/SOLE/Toolbar/ToolbarIcons.png') 0px 0px no-repeat;
  width: 34px;
  height: 31px;
  margin: 2px 5px 0px 0px;
  display: block;
  float: left;
}
.Topbar .Fill a.SOLEButton .SOLEText {
  background: url('/Resources/themes/SOLE/Toolbar/SOLELogo.png') no-repeat;
  width: 53px;
  height: 13px;
  height: 26px;
  margin-top: 14px;
  font-weight: bold;
  display: block;
  float: left;
}
.Topbar .Fill a.SOLEButton .SOLELeftSideButton {
  height: 40px;
  float: left;
}
.Topbar .Fill a.SOLEButton .SOLERightSideButton {
  height: 40px;
  float: left;
}
.Topbar .Fill .FavoritesButton {
  background-color: #00376e;
  border-bottom: 2px Solid #1761bf;
  width: 30px;
  height: 38px;
  text-decoration: none;
  padding: 0px 10px;
  background-color: #00264b;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#00376e), to(#00264b));
  /* Konqueror */
  background-image: -moz-linear-gradient(top, #00376e, #00264b);
  /* FF 3.6+ */
  background-image: -ms-linear-gradient(top, #00376e, #00264b);
  /* IE10 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00376e), color-stop(100%, #00264b));
  /* Safari 4+, Chrome 2+ */
  background-image: -webkit-linear-gradient(top, #00376e, #00264b);
  /* Safari 5.1+, Chrome 10+ */
  background-image: -o-linear-gradient(top, #00376e, #00264b);
  /* Opera 11.10 */
  background-image: linear-gradient(top, #00376e, #00264b);
  /* The standard */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00376e', endColorstr='#00264b', GradientType=0);
  /* IE9 and down */
  display: none;
  float: left;
  cursor: pointer;
  /* FAVORITES DROP DOWN */
}
.Topbar .Fill .FavoritesButton:hover {
  background-color: #004386;
  background-color: #002a53;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#004386), to(#002a53));
  /* Konqueror */
  background-image: -moz-linear-gradient(top, #004386, #002a53);
  /* FF 3.6+ */
  background-image: -ms-linear-gradient(top, #004386, #002a53);
  /* IE10 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #004386), color-stop(100%, #002a53));
  /* Safari 4+, Chrome 2+ */
  background-image: -webkit-linear-gradient(top, #004386, #002a53);
  /* Safari 5.1+, Chrome 10+ */
  background-image: -o-linear-gradient(top, #004386, #002a53);
  /* Opera 11.10 */
  background-image: linear-gradient(top, #004386, #002a53);
  /* The standard */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004386', endColorstr='#002a53', GradientType=0);
  /* IE9 and down */
}
.Topbar .Fill .FavoritesButton .StarIcon {
  background: url('/Resources/themes/SOLE/Toolbar/ToolbarIcons.png') 0px -40px no-repeat;
  width: 17px;
  height: 17px;
  margin: 11px 5px 12px 0px;
  display: block;
  float: left;
}
.Topbar .Fill .FavoritesButton .DropDownArrow {
  background: url('/Resources/themes/SOLE/Toolbar/ToolbarIcons.png') 0px -440px no-repeat;
  width: 8px;
  height: 5px;
  margin-top: 17px;
  float: left;
}
.Topbar .Fill .FavoritesButton .FavoritesBox {
  width: 230px;
  margin: 0px 0px 0px -15px;
  display: none;
  visibility: visible;
  height: auto;
  z-index: 100;
  position: relative;
  float: left;
  z-index: 9999;
  /* FAVORITES DROP DOWN WITH SCROLL - Favorites Repeater sets a max height for viewable favorites */
  /* FAVORITES DROP DOWN WITH NO SCROLL - Favorites Repeater sets a max height for viewable favorites */
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeater {
  background: url('/Resources/themes/SOLE/Toolbar/FavoritesTab.png') 0px 0px repeat-y;
  max-height: 500px;
  width: 230px;
  margin-top: 0px;
  overflow: hidden;
  height: auto;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeater .FavoritesScroll {
  height: auto;
  max-height: 500px;
  width: 223px;
  overflow: auto;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeater .FavoritesScroll #FavLoad {
  width: 200px;
  overflow: auto;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeater .FavoritesScroll .FavoritesWrap {
  height: auto;
  margin: 0px 0px 0px 5px;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeater .FavoritesScroll .FavoritesWrap .FavoritesSection {
  width: 200px;
  height: auto;
  border-bottom: Solid 1px #ccc;
  padding-bottom: 4px;
  overflow: auto;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeater .FavoritesScroll .FavoritesWrap .FavoritesSection .FavoritesTitle {
  font-size: 1em;
  color: #92bbe1;
  margin: 6px 0px 10px 9px;
  display: block;
  float: left;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeater .FavoritesScroll .FavoritesWrap .FavoritesSection .PagesFavoriteTitle {
  font-weight: bold;
  color: #ccc;
  width: 180px;
  height: 21px;
  margin: 0px 5px 0px 9px;
  display: block;
  float: left;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeater .FavoritesScroll .FavoritesWrap .FavoritesSection .PagesFavoriteTitle .CourseIcon {
  width: 16px;
  height: 16px;
  margin: 2px 5px 0px 0px;
  display: block;
  float: left;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeater .FavoritesScroll .FavoritesWrap .FavoritesSection .PagesFavoriteTitle .PagesFavoriteTitleText {
  height: 16px;
  font-size: 0.75em;
  line-height: 1.75em;
  display: block;
  float: left;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeater .FavoritesScroll .FavoritesWrap .FavoritesSection a.FavoritesSettings {
  background: url('/Resources/themes/SOLE/Toolbar/FavoritesTab.png') -460px 0px no-repeat;
  width: 20px;
  height: 20px;
  margin: 6px 9px 0px 0px;
  display: block;
  float: right;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeater .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites {
  margin: 0;
  padding: 0;
  list-style: none !important;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeater .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites {
  width: 190px;
  height: 21px;
  float: left;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeater .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites a.CSFavorite {
  color: #002346;
  text-decoration: none;
  width: 186px;
  height: 21px;
  line-height: 1.3em;
  margin: 0px 5px;
  padding-left: 4px;
  display: block;
  overflow: hidden;
  cursor: pointer;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeater .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites a.CSFavorite:hover {
  background: #bed8f4;
  color: #002346;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeater .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites a.CSFavorite .CourseIcon {
  width: 16px;
  height: 16px;
  margin: 2px 5px 0px 0px;
  display: block;
  float: left;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeater .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites a.CSFavorite .FavoritesIcons {
  width: 16px;
  height: 16px;
  margin: 2px 5px 0px 0px;
  display: block;
  float: left;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeater .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites a.CSFavorite .CSFavoriteText {
  width: 164px;
  height: 16px;
  font-size: 0.75em;
  display: block;
  float: left;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeater .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites a.CSFavorite .PagesFavoriteText {
  width: 149px;
  height: 16px;
  font-size: 0.75em;
  display: block;
  float: left;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeater .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites a.PagesFavorite {
  color: ToolbarDropDownLinkFontColor;
  text-decoration: none;
  width: 176px;
  height: 21px;
  line-height: 1.3em;
  margin: 0px 5px;
  padding-left: 14px;
  display: block;
  overflow: hidden;
  cursor: pointer;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeater .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites a.PagesFavorite:hover {
  background: #bed8f4;
  color: #002346;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeater .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites a.PagesFavorite .CourseIcon {
  width: 16px;
  height: 16px;
  margin: 2px 5px 0px 0px;
  display: block;
  float: left;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeater .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites a.PagesFavorite .FavoritesIcons {
  width: 16px;
  height: 16px;
  margin: 2px 5px 0px 0px;
  display: block;
  float: left;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeater .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites a.PagesFavorite .CSFavoriteText {
  width: 164px;
  height: 16px;
  font-size: 0.75em;
  display: block;
  float: left;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeater .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites a.PagesFavorite .PagesFavoriteText {
  width: 149px;
  height: 16px;
  font-size: 0.75em;
  display: block;
  float: left;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeater .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites .LinkFavoriteWrap {
  background: transparent;
  width: 16px;
  height: 16px;
  float: right;
  margin: -19px 2px 0px 0px;
  padding-left: 4px;
  display: block;
  position: relative;
  cursor: pointer;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeater .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites .LinkFavoriteWrap .LinksFavoritesIconOn {
  float: right;
  display: block;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeater .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites .LinkFavoriteWrap:hover {
  background: transparent;
  filter: alpha(opacity=40);
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeater .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites .LinkFavoriteWrap:hover .LinksFavoritesIconOn {
  float: right;
  display: block;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeater .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites:hover .LinkFavoriteWrap {
  background: #bed8f4;
  width: 16px;
  height: 16px;
  float: right;
  margin: -19px 0px 0px 0px;
  padding-left: 4px;
  display: block;
  position: relative;
  cursor: pointer;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeater .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites:hover .LinkFavoriteWrap .LinksFavoritesIconOn {
  background: url('/Resources/Core/Images/LinksWidget/LinksWidgetIcons.png') 0px -18px no-repeat;
  width: 16px;
  height: 16px;
  margin: 0px;
  float: right;
  display: block;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeater .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites:hover .LinkFavoriteWrap:hover {
  background: #fff;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeater .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites:hover .LinkFavoriteWrap:hover .LinksFavoritesIconOn {
  background-position: 0px -18px;
  float: right;
  display: block;
  filter: alpha(opacity=40);
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesFooter {
  background: url('/Resources/themes/SOLE/Toolbar/FavoritesTab.png') -230px 0px no-repeat;
  width: 230px;
  height: 12px;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeaterNoScroll {
  background: url('/Resources/themes/SOLE/Toolbar/FavoritesTab.png') -670px 0px repeat-y;
  max-height: 500px;
  width: 210px;
  margin-top: 0px;
  overflow: hidden;
  height: auto;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeaterNoScroll .FavoritesScroll {
  height: auto;
  max-height: 500px;
  width: 223px;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeaterNoScroll .FavoritesScroll #FavLoad {
  width: 200px;
  overflow: auto;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeaterNoScroll .FavoritesScroll .FavoritesWrap {
  height: auto;
  margin: 0px 0px 0px 5px;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeaterNoScroll .FavoritesScroll .FavoritesWrap .FavoritesSection {
  width: 200px;
  height: auto;
  border-bottom: Solid 1px #cfcfcf;
  padding-bottom: 4px;
  overflow: auto;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeaterNoScroll .FavoritesScroll .FavoritesWrap .FavoritesSection .FavoritesTitle {
  font-size: 1em;
  color: #92bbe1;
  margin: 6px 0px 10px 9px;
  display: block;
  float: left;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeaterNoScroll .FavoritesScroll .FavoritesWrap .FavoritesSection .PagesFavoriteTitle {
  font-weight: bold;
  color: #ccc;
  width: 180px;
  height: 21px;
  margin: 0px 5px 0px 9px;
  display: block;
  float: left;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeaterNoScroll .FavoritesScroll .FavoritesWrap .FavoritesSection .PagesFavoriteTitle .CourseIcon {
  width: 16px;
  height: 16px;
  margin: 2px 5px 0px 0px;
  display: block;
  float: left;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeaterNoScroll .FavoritesScroll .FavoritesWrap .FavoritesSection .PagesFavoriteTitle .PagesFavoriteTitleText {
  height: 16px;
  font-size: 0.75em;
  line-height: 1.75em;
  display: block;
  float: left;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeaterNoScroll .FavoritesScroll .FavoritesWrap .FavoritesSection a.FavoritesSettings {
  background: url('/Resources/themes/SOLE/Toolbar/FavoritesTab.png') -460px 0px no-repeat;
  width: 20px;
  height: 20px;
  margin: 6px 9px 0px 0px;
  display: block;
  float: right;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeaterNoScroll .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites {
  margin: 0;
  padding: 0;
  list-style: none !important;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeaterNoScroll .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites {
  width: 190px;
  height: 21px;
  float: left;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeaterNoScroll .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites a.CSFavorite {
  color: #002346;
  text-decoration: none;
  width: 186px;
  height: 21px;
  line-height: 1.3em;
  margin: 0px 5px;
  padding-left: 4px;
  display: block;
  overflow: hidden;
  cursor: pointer;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeaterNoScroll .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites a.CSFavorite:hover {
  background: #bed8f4;
  color: #002346;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeaterNoScroll .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites a.CSFavorite .CourseIcon {
  width: 16px;
  height: 16px;
  margin: 2px 5px 0px 0px;
  display: block;
  float: left;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeaterNoScroll .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites a.CSFavorite .FavoritesIcons {
  width: 16px;
  height: 16px;
  margin: 2px 5px 0px 0px;
  display: block;
  float: left;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeaterNoScroll .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites a.CSFavorite .CSFavoriteText {
  width: 164px;
  height: 16px;
  font-size: 0.75em;
  display: block;
  float: left;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeaterNoScroll .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites a.CSFavorite .PagesFavoriteText {
  width: 149px;
  height: 16px;
  font-size: 0.75em;
  display: block;
  float: left;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeaterNoScroll .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites a.PagesFavorite {
  color: #002346;
  text-decoration: none;
  width: 176px;
  height: 21px;
  line-height: 1.3em;
  margin: 0px 5px;
  padding-left: 14px;
  display: block;
  overflow: hidden;
  cursor: pointer;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeaterNoScroll .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites a.PagesFavorite:hover {
  background: #bed8f4;
  color: #002346;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeaterNoScroll .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites a.PagesFavorite .CourseIcon {
  width: 16px;
  height: 16px;
  margin: 2px 5px 0px 0px;
  display: block;
  float: left;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeaterNoScroll .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites a.PagesFavorite .FavoritesIcons {
  width: 16px;
  height: 16px;
  margin: 2px 5px 0px 0px;
  display: block;
  float: left;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeaterNoScroll .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites a.PagesFavorite .CSFavoriteText {
  width: 164px;
  height: 16px;
  font-size: 0.75em;
  display: block;
  float: left;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeaterNoScroll .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites a.PagesFavorite .PagesFavoriteText {
  width: 149px;
  height: 16px;
  font-size: 0.75em;
  display: block;
  float: left;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeaterNoScroll .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites .LinkFavoriteWrap {
  background: transparent;
  width: 16px;
  height: 16px;
  float: right;
  margin: -19px 2px 0px 0px;
  padding-left: 4px;
  display: block;
  position: relative;
  cursor: pointer;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeaterNoScroll .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites .LinkFavoriteWrap .LinksFavoritesIconOn {
  float: right;
  display: block;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeaterNoScroll .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites .LinkFavoriteWrap:hover {
  background: transparent;
  filter: alpha(opacity=40);
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeaterNoScroll .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites .LinkFavoriteWrap:hover .LinksFavoritesIconOn {
  float: right;
  display: block;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeaterNoScroll .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites:hover .LinkFavoriteWrap {
  background: #bed8f4;
  width: 16px;
  height: 16px;
  float: right;
  margin: -19px 0px 0px 0px;
  padding-left: 4px;
  display: block;
  position: relative;
  cursor: pointer;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeaterNoScroll .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites:hover .LinkFavoriteWrap .LinksFavoritesIconOn {
  background: url('/Resources/Core/Images/LinksWidget/LinksWidgetIcons.png') 0px -18px no-repeat;
  width: 16px;
  height: 16px;
  margin: 0px;
  float: right;
  display: block;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeaterNoScroll .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites:hover .LinkFavoriteWrap:hover {
  background: #fff;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesRepeaterNoScroll .FavoritesScroll .FavoritesWrap .FavoritesSection ul.Favorites li.Favorites:hover .LinkFavoriteWrap:hover .LinksFavoritesIconOn {
  background-position: 0px -18px;
  float: right;
  display: block;
  filter: alpha(opacity=40);
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
}
.Topbar .Fill .FavoritesButton .FavoritesBox .FavoritesFooterNoScroll {
  background: url('/Resources/themes/SOLE/Toolbar/FavoritesTab.png') -880px 0px no-repeat;
  width: 210px;
  height: 12px;
}
.Topbar .Fill .FavoritesButton .FavoritesLeftSideButton {
  height: 40px;
  float: left;
}
.Topbar .Fill .FavoritesButton .FavoritesRightSideButton {
  height: 40px;
  float: left;
}
.Topbar .Fill .ActiveButtonFav {
  background-color: #fff;
  background-color: #f5f5f5;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5));
  /* Konqueror */
  background-image: -moz-linear-gradient(top, #fff, #f5f5f5);
  /* FF 3.6+ */
  background-image: -ms-linear-gradient(top, #fff, #f5f5f5);
  /* IE10 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f5f5f5));
  /* Safari 4+, Chrome 2+ */
  background-image: -webkit-linear-gradient(top, #fff, #f5f5f5);
  /* Safari 5.1+, Chrome 10+ */
  background-image: -o-linear-gradient(top, #fff, #f5f5f5);
  /* Opera 11.10 */
  background-image: linear-gradient(top, #fff, #f5f5f5);
  /* The standard */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f5f5f5', GradientType=0);
  /* IE9 and down */
  height: 38px;
  text-decoration: none;
  padding: 0px 10px;
  display: block;
  float: left;
}
.Topbar .Fill .ActiveButtonFav:hover {
  background-color: #fff;
  background-color: #f5f5f5;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5));
  /* Konqueror */
  background-image: -moz-linear-gradient(top, #fff, #f5f5f5);
  /* FF 3.6+ */
  background-image: -ms-linear-gradient(top, #fff, #f5f5f5);
  /* IE10 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f5f5f5));
  /* Safari 4+, Chrome 2+ */
  background-image: -webkit-linear-gradient(top, #fff, #f5f5f5);
  /* Safari 5.1+, Chrome 10+ */
  background-image: -o-linear-gradient(top, #fff, #f5f5f5);
  /* Opera 11.10 */
  background-image: linear-gradient(top, #fff, #f5f5f5);
  /* The standard */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f5f5f5', GradientType=0);
  /* IE9 and down */
}
.Topbar .Fill .ActiveButtonFav .DropDownArrow {
  background: url('/Resources/themes/SOLE/Toolbar/ToolbarIcons.png') -27px -440px no-repeat;
  width: 8px;
  height: 5px;
  margin-top: 17px;
  float: left;
}
.Topbar .Fill .ProfileButton {
  background-color: #00376e;
  border-bottom: 2px Solid #1761bf;
  min-width: 115px;
  max-width: 210px;
  height: 38px;
  text-decoration: none;
  padding: 0px 10px;
  cursor: pointer;
  background-color: #00264b;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#00376e), to(#00264b));
  /* Konqueror */
  background-image: -moz-linear-gradient(top, #00376e, #00264b);
  /* FF 3.6+ */
  background-image: -ms-linear-gradient(top, #00376e, #00264b);
  /* IE10 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00376e), color-stop(100%, #00264b));
  /* Safari 4+, Chrome 2+ */
  background-image: -webkit-linear-gradient(top, #00376e, #00264b);
  /* Safari 5.1+, Chrome 10+ */
  background-image: -o-linear-gradient(top, #00376e, #00264b);
  /* Opera 11.10 */
  background-image: linear-gradient(top, #00376e, #00264b);
  /* The standard */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00376e', endColorstr='#00264b', GradientType=0);
  /* IE9 and down */
  float: right;
  display: block;
}
.Topbar .Fill .ProfileButton:hover {
  background-color: #004386;
  background-color: #002a53;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#004386), to(#002a53));
  /* Konqueror */
  background-image: -moz-linear-gradient(top, #004386, #002a53);
  /* FF 3.6+ */
  background-image: -ms-linear-gradient(top, #004386, #002a53);
  /* IE10 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #004386), color-stop(100%, #002a53));
  /* Safari 4+, Chrome 2+ */
  background-image: -webkit-linear-gradient(top, #004386, #002a53);
  /* Safari 5.1+, Chrome 10+ */
  background-image: -o-linear-gradient(top, #004386, #002a53);
  /* Opera 11.10 */
  background-image: linear-gradient(top, #004386, #002a53);
  /* The standard */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004386', endColorstr='#002a53', GradientType=0);
  /* IE9 and down */
}
.Topbar .Fill .ProfileButton .DropDownArrow {
  background: url('/Resources/themes/SOLE/Toolbar/ToolbarIcons.png') 0px -440px no-repeat;
  width: 8px;
  height: 5px;
  margin-top: 17px;
  float: left;
}
.Topbar .Fill .ProfileButton .ProfilePic {
  width: 32px;
  height: 37px;
  margin: 3px 5px 0px -5px;
  display: block;
  float: left;
}
.Topbar .Fill .ProfileButton .ProfileText {
  font-size: 0.875em;
  color: #ffffff;
  margin: 10px 5px 0px 0px;
  line-height: 1.4em;
  max-width: 145px;
  display: block;
  float: left;
}
.Topbar .Fill .ProfileButton .ProfileBox {
  width: 144px;
  margin: 0px -20px 0px -15px;
  display: none;
  visibility: visible;
  z-index: 100;
  position: relative;
  float: left;
  clear: both;
  overflow: hidden;
}
.Topbar .Fill .ProfileButton .ProfileBox .ProfileRepeater {
  background: url('/Resources/themes/SOLE/Toolbar/ProfileSettingsTab.png') 0px 0px repeat-y;
  height: auto;
  width: 144px;
  overflow: hidden;
}
.Topbar .Fill .ProfileButton .ProfileBox .ProfileRepeater ul.Profile {
  margin: 0;
  padding: 0;
  list-style: none;
}
.Topbar .Fill .ProfileButton .ProfileBox .ProfileRepeater ul.Profile li.Profile {
  width: 140px;
  height: 31px;
  float: left;
}
.Topbar .Fill .ProfileButton .ProfileBox .ProfileRepeater ul.Profile li.Profile a.Profile {
  font-size: 0.875em;
  color: #002346;
  text-decoration: none;
  width: 129px;
  height: 25px;
  line-height: 1.5em;
  margin: 0px 0px 0px 5px;
  padding: 5px 0px 0px 5px;
  border-bottom: Solid 1px #ccc;
  display: block;
}
.Topbar .Fill .ProfileButton .ProfileBox .ProfileRepeater ul.Profile li.Profile a.Profile:hover {
  background: #bed8f4;
  color: #002346;
}
.Topbar .Fill .ProfileButton .ProfileBox .ProfileFooter {
  background: url('/Resources/themes/SOLE/Toolbar/ProfileSettingsTab.png') -144px 0px no-repeat;
  width: 144px;
  height: 12px;
}
.Topbar .Fill .ProfileButton .ProfileLeftSideButton {
  height: 40px;
  float: left;
}
.Topbar .Fill .ProfileButton .ProfileRightSideButton {
  height: 40px;
  float: left;
}
.Topbar .Fill .ActiveButtonPro {
  background-color: #fff;
  background-color: #f5f5f5;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5));
  /* Konqueror */
  background-image: -moz-linear-gradient(top, #fff, #f5f5f5);
  /* FF 3.6+ */
  background-image: -ms-linear-gradient(top, #fff, #f5f5f5);
  /* IE10 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f5f5f5));
  /* Safari 4+, Chrome 2+ */
  background-image: -webkit-linear-gradient(top, #fff, #f5f5f5);
  /* Safari 5.1+, Chrome 10+ */
  background-image: -o-linear-gradient(top, #fff, #f5f5f5);
  /* Opera 11.10 */
  background-image: linear-gradient(top, #fff, #f5f5f5);
  /* The standard */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f5f5f5', GradientType=0);
  /* IE9 and down */
  min-width: 115px;
  height: 38px;
  text-decoration: none;
  padding: 0px 10px;
  display: block;
  float: right;
}
.Topbar .Fill .ActiveButtonPro:hover {
  background-color: #fff;
  background-color: #f5f5f5;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5));
  /* Konqueror */
  background-image: -moz-linear-gradient(top, #fff, #f5f5f5);
  /* FF 3.6+ */
  background-image: -ms-linear-gradient(top, #fff, #f5f5f5);
  /* IE10 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f5f5f5));
  /* Safari 4+, Chrome 2+ */
  background-image: -webkit-linear-gradient(top, #fff, #f5f5f5);
  /* Safari 5.1+, Chrome 10+ */
  background-image: -o-linear-gradient(top, #fff, #f5f5f5);
  /* Opera 11.10 */
  background-image: linear-gradient(top, #fff, #f5f5f5);
  /* The standard */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f5f5f5', GradientType=0);
  /* IE9 and down */
}
.Topbar .Fill .ActiveButtonPro .ProfileText {
  color: #002346;
}
.Topbar .Fill .ActiveButtonPro .DropDownArrow {
  background: url('/Resources/themes/SOLE/Toolbar/ToolbarIcons.png') -27px -440px no-repeat;
  width: 8px;
  height: 5px;
  margin-top: 17px;
}
.Topbar .Fill .SettingsButton {
  background-color: #125ca6;
  border-bottom: 2px Solid #5d91d2;
  width: 21px;
  height: 38px;
  text-decoration: none;
  padding: 0px 10px;
  background-color: #013262;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#125ca6), to(#013262));
  /* Konqueror */
  background-image: -moz-linear-gradient(top, #125ca6, #013262);
  /* FF 3.6+ */
  background-image: -ms-linear-gradient(top, #125ca6, #013262);
  /* IE10 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #125ca6), color-stop(100%, #013262));
  /* Safari 4+, Chrome 2+ */
  background-image: -webkit-linear-gradient(top, #125ca6, #013262);
  /* Safari 5.1+, Chrome 10+ */
  background-image: -o-linear-gradient(top, #125ca6, #013262);
  /* Opera 11.10 */
  background-image: linear-gradient(top, #125ca6, #013262);
  /* The standard */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#125ca6', endColorstr='#013262', GradientType=0);
  /* IE9 and down */
  cursor: pointer;
  display: block;
  float: right;
}
.Topbar .Fill .SettingsButton:hover {
  background-color: #3a88d6;
  background-color: #04386b;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#3a88d6), to(#04386b));
  /* Konqueror */
  background-image: -moz-linear-gradient(top, #3a88d6, #04386b);
  /* FF 3.6+ */
  background-image: -ms-linear-gradient(top, #3a88d6, #04386b);
  /* IE10 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3a88d6), color-stop(100%, #04386b));
  /* Safari 4+, Chrome 2+ */
  background-image: -webkit-linear-gradient(top, #3a88d6, #04386b);
  /* Safari 5.1+, Chrome 10+ */
  background-image: -o-linear-gradient(top, #3a88d6, #04386b);
  /* Opera 11.10 */
  background-image: linear-gradient(top, #3a88d6, #04386b);
  /* The standard */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a88d6', endColorstr='#04386b', GradientType=0);
  /* IE9 and down */
}
.Topbar .Fill .SettingsButton .SettingsIcon {
  background: url('/Resources/themes/SOLE/Toolbar/ToolbarIcons.png') 0px -400px no-repeat;
  width: 21px;
  height: 23px;
  margin: 9px 0px 8px 0px;
  padding: 0px;
  display: block;
  float: left;
}
.Topbar .Fill .SettingsButton .SettingsBox {
  width: 144px;
  margin: 0px 0px 0px -108px;
  display: none;
  visibility: visible;
  position: relative;
  float: left;
  overflow: hidden;
  z-index: 9999;
}
.Topbar .Fill .SettingsButton .SettingsBox .SettingsRepeater {
  background: url('/Resources/themes/SOLE/Toolbar/ProfileSettingsTab.png') 0px 0px repeat-y;
  height: auto;
  width: 144px;
  overflow: hidden;
}
.Topbar .Fill .SettingsButton .SettingsBox .SettingsRepeater ul.UserSettings {
  margin: 0;
  padding: 0;
  list-style: none;
}
.Topbar .Fill .SettingsButton .SettingsBox .SettingsRepeater ul.UserSettings li.ToolbarSettings {
  width: 140px;
  height: 31px;
  float: left;
}
.Topbar .Fill .SettingsButton .SettingsBox .SettingsRepeater ul.UserSettings li.ToolbarSettings a.ToolbarSettings {
  font-size: 0.875em;
  color: #002346;
  width: 129px;
  height: 25px;
  line-height: 1.5em;
  margin: 0px 0px 0px 5px;
  padding: 5px 0px 0px 5px;
  border-bottom: Solid 1px #ccc;
  text-decoration: none;
  display: block;
  overflow: hidden;
}
.Topbar .Fill .SettingsButton .SettingsBox .SettingsRepeater ul.UserSettings li.ToolbarSettings a.ToolbarSettings:hover {
  background: #bed8f4;
  color: #002346;
}
.Topbar .Fill .SettingsButton .SettingsBox .SettingsFooter {
  background: url('/Resources/themes/SOLE/Toolbar/ProfileSettingsTab.png') -144px 0px no-repeat;
  width: 144px;
  height: 12px;
}
.Topbar .Fill .SettingsButton .SettingsLeftSideButton {
  height: 40px;
  float: left;
}
.Topbar .Fill .SettingsButton .SettingsRightSideButton {
  height: 40px;
  float: left;
}
.Topbar .Fill .ActiveButtonSet {
  background-color: #fff;
  background-color: #f5f5f5;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5));
  /* Konqueror */
  background-image: -moz-linear-gradient(top, #fff, #f5f5f5);
  /* FF 3.6+ */
  background-image: -ms-linear-gradient(top, #fff, #f5f5f5);
  /* IE10 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f5f5f5));
  /* Safari 4+, Chrome 2+ */
  background-image: -webkit-linear-gradient(top, #fff, #f5f5f5);
  /* Safari 5.1+, Chrome 10+ */
  background-image: -o-linear-gradient(top, #fff, #f5f5f5);
  /* Opera 11.10 */
  background-image: linear-gradient(top, #fff, #f5f5f5);
  /* The standard */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f5f5f5', GradientType=0);
  /* IE9 and down */
  height: 38px;
  text-decoration: none;
  padding-left: 10px;
  display: block;
  float: right;
}
.Topbar .Fill .ActiveButtonSet:hover {
  background-color: #fff;
  background-color: #f5f5f5;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5));
  /* Konqueror */
  background-image: -moz-linear-gradient(top, #fff, #f5f5f5);
  /* FF 3.6+ */
  background-image: -ms-linear-gradient(top, #fff, #f5f5f5);
  /* IE10 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f5f5f5));
  /* Safari 4+, Chrome 2+ */
  background-image: -webkit-linear-gradient(top, #fff, #f5f5f5);
  /* Safari 5.1+, Chrome 10+ */
  background-image: -o-linear-gradient(top, #fff, #f5f5f5);
  /* Opera 11.10 */
  background-image: linear-gradient(top, #fff, #f5f5f5);
  /* The standard */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f5f5f5', GradientType=0);
  /* IE9 and down */
}
.Topbar .Fill .ActiveButtonSet .SettingsIcon {
  background: url('/Resources/themes/SOLE/Toolbar/ToolbarIcons.png') 0px -400px no-repeat;
  width: 21px;
  height: 23px;
  margin: 9px 0px 8px 0px;
  padding: 0px;
}
.Topbar .Fill .SOLEAdvancedSearch {
  background: #5d91d2;
  width: 22px;
  height: 16px;
  margin-top: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  float: right;
  display: none;
  padding: 6px 4px 6px 5px;
}
.Topbar .Fill .SOLEAdvancedSearch:hover {
  background: #1761bf;
}
.Topbar .Fill .SOLEAdvancedSearch:hover .SOLESearchAdvancedIcon {
  background: url('/Resources/themes/SOLE/Toolbar/ToolbarIcons.png') 0px -800px no-repeat;
  width: 22px;
  height: 16px;
  display: block;
}
.Topbar .Fill .SOLEAdvancedSearch .SOLESearchAdvancedIcon {
  background: url('/Resources/themes/SOLE/Toolbar/ToolbarIcons.png') 0px -760px no-repeat;
  width: 22px;
  height: 16px;
  display: block;
}
.Topbar .Fill .SOLESearch {
  background-color: transparent;
  min-width: 23px;
  height: 24px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  float: right;
  display: block;
  margin: 5px;
  padding: 2px;
  cursor: pointer;
}
.Topbar .Fill .SOLESearch .SOLESearchText {
  width: 1px;
  float: left;
  display: block;
  height: 28px;
}
.Topbar .Fill .SOLESearch .SOLESearchText .SOLESearchInputText {
  background: transparent;
  height: 22px;
  border: none;
  min-width: 1px !important;
  color: #003366;
  font-style: italic;
  font-size: 0.875em;
  line-height: 1.25em;
  padding: 2px;
  display: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.Topbar .Fill .SOLESearch .SOLESearchText .SOLESearchInputText:focus {
  outline: none;
}
.Topbar .Fill .SOLESearch .SOLESearchText ::-webkit-input-placeholder {
  color: #003366;
}
.Topbar .Fill .SOLESearch .SOLESearchText :-moz-placeholder {
  color: #003366;
}
.Topbar .Fill .SOLESearch .SOLESearchIcon {
  background: url('/Resources/themes/SOLE/Toolbar/ToolbarIcons.png') 0px -520px;
  width: 22px;
  height: 24px;
  float: right;
  display: block;
}
.Topbar .Fill .SOLESearch .SOLESearchIcon:hover {
  background-position: 0px -560px;
}
.Topbar .Fill .SOLESearch .SOLESearchResults {
  background: #fff;
  width: 304px;
  min-height: 30px;
  z-index: 9999;
  position: relative;
  float: left;
  overflow: hidden;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  margin: 5px 0px 0px -2px;
  display: none;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35), inset 0 -1px 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35), inset 0 -1px 0 rgba(0, 0, 0, 0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35), inset 0 -1px 0 rgba(0, 0, 0, 0);
}
.Topbar .Fill .SOLESearch .SOLESearchResults .SOLESearchResultsWrap {
  width: 304px;
  min-height: 30px;
  margin-bottom: 5px;
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
}
.Topbar .Fill .SOLESearch .SOLESearchResults .SOLESearchResultsWrap h2.SOLESearchListingTitle {
  background: #f5f5f5;
  width: 264px;
  height: 30px;
  padding: 5px 10px 0px 30px;
  font-size: 1em;
  color: #002346;
  line-height: 1.5em;
  border-bottom: Solid 1px #ccc;
  cursor: default;
}
.Topbar .Fill .SOLESearch .SOLESearchResults .SOLESearchResultsWrap .SearchListingCoursesSitesCategory {
  background: #fff;
  width: 304px;
  min-height: 30px;
  overflow: hidden;
  padding-bottom: 0px;
  border-bottom: Solid 1px #f5f5f5;
  cursor: default;
}
.Topbar .Fill .SOLESearch .SOLESearchResults .SOLESearchResultsWrap .SearchListingCoursesSitesCategory .SearchListingIcon {
  width: 24px;
  height: 20px;
  float: left;
  padding: 10px 0px 0px 6px;
}
.Topbar .Fill .SOLESearch .SOLESearchResults .SOLESearchResultsWrap .SearchListingCoursesSitesCategory .SearchListingList {
  width: 274px;
  min-height: 30px;
  float: right;
}
.Topbar .Fill .SOLESearch .SOLESearchResults .SOLESearchResultsWrap .SearchListingCoursesSitesCategory .SearchListingList .Link {
  background: #fff;
  width: 268px;
  min-height: 30px;
  padding: 0px 3px;
  display: block;
  cursor: pointer;
  border-left: Solid 1px #f5f5f5;
  text-decoration: none;
}
.Topbar .Fill .SOLESearch .SOLESearchResults .SOLESearchResultsWrap .SearchListingCoursesSitesCategory .SearchListingList .Link:hover {
  background: #bed8f4;
  border-color: #8eb8e1;
}
.Topbar .Fill .SOLESearch .SOLESearchResults .SOLESearchResultsWrap .SearchListingCoursesSitesCategory .SearchListingList .Link .SearchCoursesSitesText {
  width: 264px;
  height: 36px;
  overflow: hidden;
  display: block;
  font-size: 0.875em;
  line-height: 2.5em;
  color: #3c75af;
}
.Topbar .Fill .SOLESearch .SOLESearchResults .SOLESearchResultsWrap .SearchListingCoursesSitesCategory .SearchListingList .Link .SearchPrimaryText {
  width: 264px;
  min-height: 24px;
  display: block;
  font-size: 0.875em;
  line-height: 1.7em;
  color: #3c75af;
}
.Topbar .Fill .SOLESearch .SOLESearchResults .SOLESearchResultsWrap .SearchListingCoursesSitesCategory .SearchListingList .Link .SearchSecondaryText {
  width: 264px;
  min-height: 12px;
  display: block;
  font-size: 0.6125em;
  line-height: 0.75em;
  color: #828282;
}
.Topbar .Fill .SOLESearch .SOLESearchResults .SOLESearchResultsWrap .SearchListingCategory {
  background: #fff;
  width: 304px;
  min-height: 30px;
  overflow: hidden;
  padding-bottom: 0px;
  border-bottom: Solid 1px #f5f5f5;
  cursor: default;
}
.Topbar .Fill .SOLESearch .SOLESearchResults .SOLESearchResultsWrap .SearchListingCategory .SearchListingIcon {
  width: 24px;
  height: 20px;
  float: left;
  padding: 10px 0px 0px 6px;
}
.Topbar .Fill .SOLESearch .SOLESearchResults .SOLESearchResultsWrap .SearchListingCategory .SearchListingList {
  width: 274px;
  min-height: 30px;
  float: right;
}
.Topbar .Fill .SOLESearch .SOLESearchResults .SOLESearchResultsWrap .SearchListingCategory .SearchListingList .Link {
  background: #fff;
  width: 268px;
  min-height: 30px;
  padding: 0px 3px;
  display: block;
  cursor: pointer;
  border-left: Solid 1px #f5f5f5;
  text-decoration: none;
}
.Topbar .Fill .SOLESearch .SOLESearchResults .SOLESearchResultsWrap .SearchListingCategory .SearchListingList .Link:hover {
  background: #bed8f4;
  border-color: #8eb8e1;
}
.Topbar .Fill .SOLESearch .SOLESearchResults .SOLESearchResultsWrap .SearchListingCategory .SearchListingList .Link .SearchCoursesSitesText {
  width: 264px;
  min-height: 36px;
  display: block;
  font-size: 0.875em;
  line-height: 2.5em;
  color: #3c75af;
}
.Topbar .Fill .SOLESearch .SOLESearchResults .SOLESearchResultsWrap .SearchListingCategory .SearchListingList .Link .SearchPrimaryText {
  width: 264px;
  min-height: 24px;
  display: block;
  font-size: 0.875em;
  line-height: 1.7em;
  color: #3c75af;
}
.Topbar .Fill .SOLESearch .SOLESearchResults .SOLESearchResultsWrap .SearchListingCategory .SearchListingList .Link .SearchSecondaryText {
  width: 264px;
  min-height: 12px;
  display: block;
  font-size: 0.6125em;
  line-height: 0.75em;
  color: #828282;
}
.Topbar .Fill .SOLESearchWrap.Active .SOLESearch {
  background: #fff;
}
.Topbar .Fill .SOLEApps {
  height: 40px;
  float: right;
}
.Topbar .Fill .SOLEApps .SOLEMailButton {
  padding: 0px 5px;
  height: 40px;
  display: block;
  float: left;
  cursor: pointer;
}
.Topbar .Fill .SOLEApps .SOLEMailButton .EmailNotificationWrap {
  min-width: 23px;
  width: auto;
  max-width: 34px;
  height: 25px;
  margin: 4px -20px 0px 0px;
  float: left;
  z-index: 9999;
  position: relative;
}
.Topbar .Fill .SOLEApps .SOLEMailButton .EmailNotificationWrap .EmailNotificationLeft {
  background: url('/Resources/themes/SOLE/Toolbar/ToolbarIcons.png') 0px -480px no-repeat;
  width: 5px;
  height: 25px;
  float: left;
}
.Topbar .Fill .SOLEApps .SOLEMailButton .EmailNotificationWrap .EmailNotificationRepeater {
  background: url('/Resources/themes/SOLE/Toolbar/ToolbarIcons.png') -5px -480px repeat-x;
  min-width: 5px;
  width: auto;
  max-width: 24px;
  height: 25px;
  font-size: 0.625em;
  line-height: 1.6em;
  font-weight: bold;
  color: #ffffff;
  float: left;
}
.Topbar .Fill .SOLEApps .SOLEMailButton .EmailNotificationWrap .EmailNotificationRight {
  background: url('/Resources/themes/SOLE/Toolbar/ToolbarIcons.png') -29px -480px no-repeat;
  width: 5px;
  height: 25px;
  float: left;
}
.Topbar .Fill .SOLEApps .SOLEMailButton .EmailIcon {
  background: url('/Resources/themes/SOLE/Toolbar/ToolbarIcons.png') 0px -80px no-repeat;
  width: 30px;
  height: 22px;
  margin: 10px 5px 0px 0px;
  display: block;
  float: left;
}
.Topbar .Fill .SOLEApps .SOLEMailButton:hover .EmailIcon {
  background-position: 0px -120px;
}
.Topbar .Fill .SOLEApps .SOLEMailButton .MailBox {
  width: 144px;
  margin: 40px -144px 0px -5px;
  display: none;
  visibility: visible;
  position: relative;
  overflow: hidden;
  z-index: 9999;
}
.Topbar .Fill .SOLEApps .SOLEMailButton .MailBox .MailRepeater {
  background: url('/Resources/themes/SOLE/Toolbar/ProfileSettingsTab.png') 0px 0px repeat-y;
  height: auto;
  width: 144px;
  overflow: hidden;
}
.Topbar .Fill .SOLEApps .SOLEMailButton .MailBox .MailRepeater ul.Mail {
  margin: 0;
  padding: 0;
  list-style: none !important;
}
.Topbar .Fill .SOLEApps .SOLEMailButton .MailBox .MailRepeater ul.Mail li.Mail {
  width: 140px;
  height: 31px;
  float: left;
}
.Topbar .Fill .SOLEApps .SOLEMailButton .MailBox .MailRepeater ul.Mail li.Mail a.Mail {
  color: #002346;
  text-decoration: none;
  width: 129px;
  height: 25px;
  line-height: 1.5em;
  margin: 0px 0px 0px 5px;
  padding: 5px 0px 0px 5px;
  border-bottom: Solid 1px #ccc;
  display: block;
  overflow: hidden;
}
.Topbar .Fill .SOLEApps .SOLEMailButton .MailBox .MailRepeater ul.Mail li.Mail a.Mail:hover {
  background: #bed8f4;
  color: #002346;
}
.Topbar .Fill .SOLEApps .SOLEMailButton .MailBox .MailRepeater ul.Mail li.Mail a.Mail .MailText {
  max-width: 100px;
  font-size: 0.875em;
  line-height: 1.6em;
  float: left;
  overflow: hidden;
  display: block;
}
.Topbar .Fill .SOLEApps .SOLEMailButton .MailBox .MailRepeater ul.Mail li.Mail a.Mail .NewMailWrap {
  min-width: 20px;
  max-width: 85px;
  width: auto;
  margin: -1px 4px 0px 4px;
  float: right;
}
.Topbar .Fill .SOLEApps .SOLEMailButton .MailBox .MailRepeater ul.Mail li.Mail a.Mail .NewMailWrap .NewMailLeft {
  background: url('/Resources/themes/SOLE/Toolbar/ProfileSettingsTab.png') -288px 0px no-repeat;
  width: 3px;
  height: 22px;
  float: left;
}
.Topbar .Fill .SOLEApps .SOLEMailButton .MailBox .MailRepeater ul.Mail li.Mail a.Mail .NewMailWrap .NewMailRepeater {
  background: url('/Resources/themes/SOLE/Toolbar/ProfileSettingsTab.png') -291px 0px repeat-x;
  height: 22px;
  padding: 0px 3px 0px 3px;
  font-size: 0.875em;
  font-weight: bold;
  color: #ffffff;
  float: left;
}
.Topbar .Fill .SOLEApps .SOLEMailButton .MailBox .MailRepeater ul.Mail li.Mail a.Mail .NewMailWrap .NewMailRight {
  background: url('/Resources/themes/SOLE/Toolbar/ProfileSettingsTab.png') -374px 0px no-repeat;
  width: 3px;
  height: 22px;
  float: left;
}
.Topbar .Fill .SOLEApps .SOLEMailButton .MailBox .MailFooter {
  background: url('/Resources/themes/SOLE/Toolbar/ProfileSettingsTab.png') -144px 0px no-repeat;
  width: 144px;
  height: 12px;
}
.Topbar .Fill .SOLEApps .SOLEMailButton .AppLeftSideButton {
  height: 40px;
  float: left;
}
.Topbar .Fill .SOLEApps .SOLEMailButton .AppRightSideButton {
  height: 40px;
  float: left;
}
.Topbar .Fill .SOLEApps .ActiveButtonMail .EmailIcon {
  background-position: 0px -120px;
}
.Topbar .Fill .SOLEApps .ActiveButtonMail .AppsText {
  color: #a5c5ed;
}
.Topbar .Fill .SOLEApps .SOLEAppsButton {
  text-decoration: none;
  padding: 0px 5px;
  height: 40px;
  display: block;
  float: left;
  cursor: pointer;
}
.Topbar .Fill .SOLEApps .SOLEAppsButton .AppLeftSideButton {
  height: 40px;
  float: left;
}
.Topbar .Fill .SOLEApps .SOLEAppsButton .AppRightSideButton {
  height: 40px;
  float: left;
}
.Topbar .Fill .SOLEApps .SOLEAppsButton .CalendarIcon {
  background: url('/Resources/themes/SOLE/Toolbar/ToolbarIcons.png') 0px -160px no-repeat;
  width: 28px;
  height: 28px;
  margin: 6px 5px 0px 0px;
  display: block;
  float: left;
}
.Topbar .Fill .SOLEApps .SOLEAppsButton:hover .CalendarIcon {
  background-position: 0px -200px;
}
.Topbar .Fill .SOLEApps .SOLEAppsButton .SOLECloudIcon {
  background: url('/Resources/themes/SOLE/Toolbar/ToolbarIcons.png') 0px -240px no-repeat;
  width: 28px;
  height: 17px;
  margin: 10px 5px 0px 0px;
  display: block;
  float: left;
}
.Topbar .Fill .SOLEApps .SOLEAppsButton:hover .SOLECloudIcon {
  background-position: 0px -280px;
}
.Topbar .Fill .SOLEApps .SOLEAppsButton .NotesIcon {
  background: url('/Resources/themes/SOLE/Toolbar/ToolbarIcons.png') 0px -320px no-repeat;
  width: 24px;
  height: 24px;
  margin: 7px 5px 0px 0px;
  display: block;
  float: left;
}
.Topbar .Fill .SOLEApps .SOLEAppsButton:hover .NotesIcon {
  background-position: 0px -360px;
}
.Topbar .Fill .SOLEApps .SOLEAppsButton .NotesIconPopulated {
  background: url('/Resources/themes/SOLE/Toolbar/ToolbarIcons.png') 0px -680px no-repeat;
  width: 24px;
  height: 24px;
  margin: 7px 5px 0px 0px;
  display: block;
  float: left;
}
.Topbar .Fill .SOLEApps .SOLEAppsButton:hover .NotesIconPopulated {
  background-position: 0px -720px;
}
.Topbar .Fill .SOLEApps .SOLEAppsButton .ActiveNote {
  background-position: 0px -360px;
}
.Topbar .Fill .SOLEApps .SOLEAppsButton .ActiveNotePopulated {
  background-position: 0px -720px;
}
.Topbar .Fill .SOLEApps .SOLEAppsButton .HelpIcon {
  background: url('/Resources/themes/SOLE/Toolbar/ToolbarIcons.png') 0px -600px no-repeat;
  width: 24px;
  height: 24px;
  margin: 8px 1px 0px 0px;
  display: block;
  float: left;
}
.Topbar .Fill .SOLEApps .SOLEAppsButton:hover .HelpIcon {
  background-position: 0px -640px;
}
.Topbar .Fill .SOLEApps .SOLEAppsButton .AppsText {
  font-size: 0.875em;
  color: #fff;
  margin-top: 10px;
  line-height: 1.4em;
  float: left;
}
.Topbar .Fill .SOLEApps .SOLEAppsButton:hover .AppsText {
  color: #a5c5ed;
}
.Topbar .NotepadWrapper {
  width: 100%;
  height: 286px;
  overflow: hidden;
  display: none;
}
.Topbar .NotepadWrapper .Notepad960Wrap {
  width: 954px;
  margin: 0px auto;
  padding: 0px 3px;
}
.Topbar .NotepadWrapper .NotepadFullScreenWrap {
  width: 100%;
  padding: 0px 3px;
}
.Topbar .NotepadWrapper .NotepadBindingWrap {
  width: 100%;
  height: 55px;
  position: relative;
}
.Topbar .NotepadWrapper .NotepadBindingWrap .NotepadBinding {
  background: url('/Resources/Core/Images/Notepad/NotepadBinding.png') repeat-x;
  width: 100%;
  height: 47px;
  position: relative;
  padding: 8px 0px 0px 0px;
}
.Topbar .NotepadWrapper .NotepadBindingWrap .NotepadBinding .Title {
  background: url('/Resources/Core/Images/Notepad/NotesTitle.png') no-repeat;
  width: 91px;
  height: 20px;
  margin: 0px 0px 0px 10px;
  display: block;
  float: left;
}
.Topbar .NotepadWrapper .NotepadBindingWrap .NotepadBinding .ViewAll {
  background: url('/Resources/Core/Images/Notepad/ViewAllButton.png') no-repeat;
  width: 90px;
  height: 16px;
  margin-right: 15px;
  display: block;
  float: right;
  cursor: pointer;
  filter: alpha(opacity=60);
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
.Topbar .NotepadWrapper .NotepadBindingWrap .NotepadBinding .ViewAll:hover {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.Topbar .NotepadWrapper .NotepadBindingWrap .NotepadBinding .Save {
  background: url('/Resources/Core/Images/Notepad/SaveButton.png') no-repeat;
  width: 48px;
  height: 17px;
  margin-right: 15px;
  display: block;
  float: right;
  cursor: pointer;
  filter: alpha(opacity=60);
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
.Topbar .NotepadWrapper .NotepadBindingWrap .NotepadBinding .Save:hover {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.Topbar .NotepadWrapper .NotepadBindingWrap .NotepadBinding .Close {
  background: url('/Resources/Core/Images/Notepad/Close.png') no-repeat;
  width: 19px;
  height: 18px;
  margin: -2px 10px 0px 0px;
  display: block;
  float: right;
  cursor: pointer;
  filter: alpha(opacity=60);
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
.Topbar .NotepadWrapper .NotepadBindingWrap .NotepadBinding .Close:hover {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.Topbar .NotepadWrapper .NotepadBindingWrap .NotepadTornPaper {
  background: url('/Resources/Core/Images/Notepad/NotepadTornPaper.png') repeat-x;
  width: 100%;
  height: 21px;
  z-index: 6;
  position: relative;
}
.Topbar .NotepadWrapper .NotepadContentWrap {
  width: 100%;
  min-height: 100px;
  overflow: hidden;
  margin-top: 0px;
  position: relative;
  padding-top: 0px;
}
.Topbar .NotepadWrapper .NotepadContentWrap .NotepadVerticalLine {
  background: #ec9b6d;
  left: 30px;
  width: 2px;
  height: 100%;
  position: absolute;
  z-index: 5;
}
.Topbar .NotepadWrapper .NotepadContentWrap .ContentNotepad {
  background: #ebce76;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  border: Solid 1px #494949;
  border-top: none;
  height: 213px;
  padding-top: 12px;
  overflow: hidden;
}
.Topbar .NotepadWrapper .NotepadContentWrap .ContentNotepad .NotepadScroll {
  width: 100%;
  height: 230px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-left: -1px;
  padding: 8px 1px 0px 0px;
  position: relative;
}
.Topbar .NotepadWrapper .NotepadContentWrap .ContentNotepad .NotepadScroll:focus {
  outline: none;
}
.Topbar .NotepadWrapper .NotepadContentWrap .ContentNotepad .NotepadScroll .ContentLines {
  background: url('/Resources/Core/Images/Notepad/NotepadHorizontalLines.png') repeat;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 210px;
  padding: 3px 10px 0px 40px;
  position: absolute;
  display: block;
  overflow: visible;
  left: 0px;
  font-size: 1em;
  line-height: 1.75em;
  /*.Content { font-size: 0.875em; line-height: 2.2em; padding: 3px 0px 16px 50px; text-align: left; }*/
}
.Topbar .NotepadWrapper .NotepadContentWrap .ContentNotepad .NotepadScroll .ContentLines .Content {
  background: transparent;
  font-size: 0.875em;
  line-height: 2.15em;
  text-align: left;
  width: 100%;
  height: 202px;
  border: none;
  color: #000;
}
.Topbar .NotepadWrapper .NotepadContentWrap .ContentNotepad .NotepadScroll .ContentLines .Content:focus {
  outline: none;
}
#messagePanel {
  width: 100%;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  top: 40px;
  left: 0;
  right: 0;
  z-index: 10001;
  position: fixed;
  overflow: visible;
  display: block;
}
.alert {
  width: 911px;
  padding: 10px 35px 10px 14px;
  margin: 0px auto 10px auto;
  font-size: 0.8125em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #F8E3E3;
  border: 1px solid #D31F1B;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  display: none;
}
.alert .clsInfo {
  font-size: 0.875em;
}
.alert .clsSuccess {
  font-size: 0.875em;
}
.alert .clsWarning {
  font-size: 0.875em;
}
.alert .clsError {
  font-size: 0.875em;
}
.alert img {
  display: inline-block;
  margin-right: 3px;
}
.alert p {
  margin-bottom: 0;
  font-weight: bold;
  vertical-align: top;
}
.alert,
.alert-heading {
  color: #D31F1B;
}
/* Adjust close link position */
.alert .close {
  background: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  top: -2px;
  right: -27px;
  line-height: 1.25em;
  cursor: pointer;
  float: right;
  width: 24px;
  height: 24px;
  filter: alpha(opacity=70);
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.alert .close:hover {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
/* Alternate styles */
.alert-success {
  background-color: #E7F7E1;
  border-color: #2F8B0D;
}
.alert-success,
.alert-success .alert-heading {
  color: #2F8B0D;
}
.alert-success .Ok,
.alert-success .alert-heading .Ok {
  color: #2F8B0D;
}
.alert-warning {
  background-color: #FFF6BF;
  border-color: #FFD324;
}
.alert-warning,
.alert-danger .alert-heading,
.alert-error .alert-heading {
  color: #514721;
}
.alert-warning .Error,
.alert-danger .alert-heading .Error,
.alert-error .alert-heading .Error {
  color: #D31F1B;
}
.alert-error {
  background-color: #F8E3E3;
  border-color: #D31F1B;
}
.alert-error,
.alert-danger .alert-heading,
.alert-error .alert-heading {
  color: #D31F1B;
}
.alert-error .Error,
.alert-danger .alert-heading .Error,
.alert-error .alert-heading .Error {
  color: #D31F1B;
}
.alert-info {
  background-color: #D5EDF8;
  border-color: #205791;
}
.alert-info,
.alert-info .alert-heading {
  color: #205791;
}
/* Block alerts */
.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}
.alert-block p + p {
  margin-top: 5px;
}
/*----- End of SOLE Toolbar Styles ---------------------*/
/* Mobile */
@media all and (max-width: 40.625em) {
  .Topbar .Fill .SOLEBarContent,
  .Topbar .Fill {
    width: 100%;
  }
  .Topbar .Fill .SOLEBarContent .FavoritesButton,
  .Topbar .Fill .FavoritesButton {
    display: none;
  }
  .Topbar .Fill .SOLEBarContent .SOLEApps .MailApp,
  .Topbar .Fill .SOLEApps .MailApp,
  .Topbar .Fill .SOLEBarContent .SOLEApps .NotesApp,
  .Topbar .Fill .SOLEApps .NotesApp,
  .Topbar .Fill .SOLEBarContent .SOLEApps .HelpApp,
  .Topbar .Fill .SOLEApps .HelpApp,
  .Topbar .Fill .SOLEBarContent .SOLEApps .FilesApp,
  .Topbar .Fill .SOLEApps .FilesApp {
    display: none;
  }
  .Topbar .Fill .SOLEBarContent .SOLEApps .CalendarApp .CalendarIcon,
  .Topbar .Fill .SOLEApps .CalendarApp .CalendarIcon {
    margin-right: 0;
  }
  .Topbar .Fill .SOLEBarContent .ProfileButton,
  .Topbar .Fill .ProfileButton {
    min-width: 46px;
    width: 46px;
    max-width: 46px;
    padding: 0 5px;
  }
  .Topbar .Fill .SOLEBarContent .ProfileButton .ProfilePic,
  .Topbar .Fill .ProfileButton .ProfilePic {
    margin-left: 0;
  }
  .Topbar .Fill .SOLEBarContent .ProfileButton .ProfileText,
  .Topbar .Fill .ProfileButton .ProfileText {
    display: none;
  }
  .Topbar .Fill .SOLEBarContent .ProfileButton .ProfileBox,
  .Topbar .Fill .ProfileButton .ProfileBox {
    float: right;
    margin-right: -10px;
  }
  .Topbar .Fill .SOLEBarContent .SOLESearchWrap.Active,
  .Topbar .Fill .SOLESearchWrap.Active {
    background: rgba(0, 0, 0, 0.9);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 38px;
  }
  .Topbar .Fill .SOLEBarContent .SOLESearchWrap .SOLESearch .SOLESearchText,
  .Topbar .Fill .SOLESearchWrap .SOLESearch .SOLESearchText {
    float: left;
  }
  .Topbar .Fill .SOLEBarContent .SOLESearchWrap .SOLESearch .SOLESearchResults,
  .Topbar .Fill .SOLESearchWrap .SOLESearch .SOLESearchResults {
    width: 100%;
    margin-top: 30px;
  }
  .Topbar .Fill .SOLEBarContent .SOLESearchWrap .SOLESearch .SOLESearchResults .SOLESearchResultsWrap,
  .Topbar .Fill .SOLESearchWrap .SOLESearch .SOLESearchResults .SOLESearchResultsWrap {
    margin-bottom: 30px;
    max-height: 400px;
  }
  .Topbar .Fill .SOLEBarContent .SOLESearchWrap .SOLEAdvancedSearch,
  .Topbar .Fill .SOLESearchWrap .SOLEAdvancedSearch {
    display: none;
    visibility: hidden;
  }
  .alert {
    width: 90%;
    padding: 0;
  }
  .alert .close {
    top: 5px;
    right: 10px;
  }
}
/*------------------------------------------------------*/
/* SOLE LOGIN                                           */
/*------------------------------------------------------*/
.LoginWrapper {
  width: 960px;
  min-height: 600px;
  overflow: hidden;
  margin: 0px auto;
  padding-top: 100px;
}
.LoginBox {
  background: url('/Resources/Core/Images/HomepageLogo.ashx') no-repeat;
  width: 663px;
  height: 80px;
  margin: 0px auto;
  padding-top: 270px;
}
.LoginBox [class*="soleicon-"] {
  display: none;
}
.LoginBox .LoginContent {
  width: 575px;
  height: 54px;
  margin: 0px auto;
}
.LoginBox .LoginContent .LoginField {
  width: 220px;
  height: 54px;
  float: left;
  margin-right: 10px;
}
.LoginBox .LoginContent .LoginField .LoginTitle {
  font-size: 0.875em;
  color: #fff;
  padding-bottom: 5px;
}
.LoginBox .LoginContent .LoginField .TextInputField {
  width: 214px;
  height: 30px;
  padding-bottom: 4px;
}
.LoginBox .LoginContent .LoginField .TextInputField .text-box {
  width: 210px;
  height: 24px;
}
.LoginBox .LoginContent .LoginField .TextInputField input {
  width: 210px;
  height: 24px;
}
.LoginBox .LoginContent .SignInField {
  width: 70px;
  height: 30px;
  float: left;
  padding-top: 19px;
  margin-right: 8px;
}
.LoginBox .LoginContent .SignInField .btn.login {
  background: #fff;
  color: #444;
  border-bottom: Solid 1px #ccc;
  font-size: 0.8125em;
}
.LoginBox .LoginContent .SignInField .btn.login:hover {
  background: #e9e9e9;
  color: #444;
}
.LoginBox .LoginContent .HelpField {
  background: url('/Resources/Themes/SOLE/Login/HelpIcon.png') no-repeat;
  width: 32px;
  height: 32px;
  margin-top: 18px;
  float: left;
  display: block;
  cursor: pointer;
}
.LoginBox .LoginLabels {
  width: 575px;
  margin: 0px auto;
}
.LoginBox .LoginLabels .LabelWraps {
  width: 220px;
  height: 14px;
  color: #fff;
  float: left;
  margin-right: 10px;
}
.LoginBox .LoginLabels .LabelWraps input {
  margin-right: 2px;
  float: left;
}
.LoginBox .LoginLabels .LabelWraps label {
  font-size: 0.625em;
  float: left;
  padding-top: 1px;
}
.LoginBox .LoginLabels .LabelWraps span {
  font-size: 0.625em;
  float: left;
  padding-top: 1px;
}
.LoginBox .LoginLabels .LabelWraps span a {
  color: #fff;
}
.LoginErrorBox {
  background-color: #e4bfbf;
  background-color: #dfa4a4;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#e4bfbf), to(#dfa4a4));
  /* Konqueror */
  background-image: -moz-linear-gradient(top, #e4bfbf, #dfa4a4);
  /* FF 3.6+ */
  background-image: -ms-linear-gradient(top, #e4bfbf, #dfa4a4);
  /* IE10 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4bfbf), color-stop(100%, #dfa4a4));
  /* Safari 4+, Chrome 2+ */
  background-image: -webkit-linear-gradient(top, #e4bfbf, #dfa4a4);
  /* Safari 5.1+, Chrome 10+ */
  background-image: -o-linear-gradient(top, #e4bfbf, #dfa4a4);
  /* Opera 11.10 */
  background-image: linear-gradient(top, #e4bfbf, #dfa4a4);
  /* The standard */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4bfbf', endColorstr='#dfa4a4', GradientType=0);
  /* IE9 and down */
  width: 623px;
  height: 36px;
  margin: 0px auto;
  border-top: Solid 1px #bc7171;
  padding: 13px 0px 0px 40px;
}
.LoginErrorBox .LoginErrorIcon {
  background: url('/Resources/Themes/SOLE/Login/LoginErrorIcon.png') no-repeat;
  width: 24px;
  height: 24px;
  float: left;
  padding-right: 10px;
}
.LoginErrorBox .LoginErrorMessage {
  font-size: 0.8125em;
  color: #a40000;
  font-weight: bold;
  float: left;
  padding: 4px 10px 0px 0px;
}
.LoginErrorBox .LoginErrorMessage .LoginText {
  font-size: 1em;
  color: #a40000;
  float: left;
  padding-right: 5px;
}
.LoginErrorBox .LoginErrorMessage .LoginErrorLink {
  font-size: 1em;
  color: #444444;
  font-weight: bold;
  float: left;
  display: block;
  cursor: pointer;
}
.LoginBoxBottom {
  background: url('/Resources/Core/Images/HomepageLogo.ashx') 0px -350px no-repeat;
  width: 663px;
  height: 62px;
  margin: 0px auto;
}
.LoginAnnouncements {
  background: #f5f5f5;
  width: 643px;
  min-height: 50px;
  overflow: hidden;
  margin: 0px auto -80px auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  -webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.25), inset 0 0px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.25), inset 0 0px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0px 3px rgba(0, 0, 0, 0.25), inset 0 0px 0 rgba(0, 0, 0, 0.1);
}
.LoginAnnouncements h2 {
  font-size: 1.25em;
  font-weight: normal;
  color: #002346;
  line-height: 1.25em;
  padding-bottom: 10px;
  border-bottom: Solid 1px #dddddd;
  width: 100%;
}
.LoginAnnouncements .Content {
  width: 100%;
  min-height: 50px;
  max-height: 120px;
  overflow: auto;
  padding-top: 15px;
  position: relative;
  z-index: 9999;
}
.LoginAnnouncements .Content h3 {
  margin-bottom: 10px;
  font-size: 1em;
  color: #1761bf;
  line-height: 0.875em;
}
.LoginAnnouncements .Content p {
  font-size: 0.75em;
  margin-bottom: 6px;
  padding: 0;
  color: #777777;
}
/*----- End of SOLE Login Styles -----------------------*/
/* Mobile */
@media all and (max-width: 40.625em) {
  .LoginAnnouncements {
    width: 80%;
    margin: 0 auto 0.625em auto;
    padding: 5%;
  }
  .LoginWrapper {
    width: 100%;
    min-height: 0.0625rem;
    height: auto;
    margin-bottom: 1.25em;
    padding-top: 20px;
  }
  .LoginBox {
    background-color: #376BA1;
    background-image: none;
    border-radius: 0.625rem;
    overflow: hidden;
    padding: 5%;
    width: 80%;
    height: auto;
  }
  .LoginBox [class*="soleicon-"] {
    display: block;
    margin-bottom: 1.25rem;
    width: 100%;
    font-size: 5em;
    text-align: center;
    color: #fff;
  }
  .LoginBox .LoginContent {
    width: 100%;
  }
  .LoginBox .LoginContent .LoginField {
    width: 100%;
    margin-right: 0;
  }
  .LoginBox .LoginContent .LoginField .LoginTitle {
    width: 100%;
  }
  .LoginBox .LoginContent .LoginField .TextInputField {
    width: auto;
    position: relative;
  }
  .LoginBox .LoginContent .LoginField .TextInputField .text-box,
  .LoginBox .LoginContent .LoginField .TextInputField input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: none;
    width: auto;
  }
  .LoginBox .LoginContent .SignInField {
    width: 100%;
    margin-right: 0;
  }
  .LoginBox .LoginContent .SignInField input {
    width: 100%;
    padding: 0;
  }
  .LoginBox .LoginContent #HelpButton {
    background-position: center;
    margin: 1.25em auto 0 auto;
    width: 100%;
    float: left;
    display: block;
  }
  .LoginBox .LoginLabels {
    display: none;
  }
  .LoginBoxBottom {
    background-image: none;
    height: 0;
  }
}
/*------------------------------------------------------*/
/* SOLE HOMEPAGE BASE STYLES                            */
/*------------------------------------------------------*/
.ContainerSet {
  width: 960px;
  margin: 0px auto;
}
.ContainerSet .UpdateBrowser {
  width: 940px;
  height: 41px;
  margin-top: -10px;
  margin-bottom: 10px;
  padding: 0 10px;
}
.ContainerSet .ContainerContent {
  min-height: 600px;
  width: 100%;
  overflow: hidden;
  padding-bottom: 40px;
  /*----- SOLE Homepage Fullpage Layout -----*/
  /*----- SOLE Homepage Panels Layout -----*/
}
.ContainerSet .ContainerContent .ContainerSitesCourses {
  width: 410px;
  float: left;
  padding: 0px 10px;
  /*----- SOLE Homepage Courses/Sites/Announcements Content Layout -----*/
}
.ContainerSet .ContainerContent .ContainerSitesCourses .Header {
  background: #bed8f3;
  width: 410px;
  height: auto;
  overflow: hidden;
  -webkit-border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  border-bottom: Solid 1px #8eb8e1;
}
.ContainerSet .ContainerContent .ContainerSitesCourses .Header h2 {
  height: auto;
  font-weight: bold;
  color: #003366;
  margin: 0px;
  padding: 0px 10px 3px 10px;
}
.ContainerSet .ContainerContent .ContainerSitesCourses .Header h2 .CoursesSitesTitle {
  float: left;
  font-size: 1.5em;
  line-height: 1.5em;
  display: block;
}
.ContainerSet .ContainerContent .ContainerSitesCourses .Header h2 .CoursesSitesSettings {
  background: url('/Resources/Themes/SOLE/CoursesSitesIcons.png') 0px 0px no-repeat;
  width: 22px;
  height: 23px;
  margin: 8px 0px 0px 0px;
  cursor: pointer;
  display: block;
  float: right;
}
.ContainerSet .ContainerContent .ContainerSitesCourses .Header h2 .CoursesSitesSettings:hover {
  background-position: 0px -25px;
}
.ContainerSet .ContainerContent .ContainerSitesCourses .Header h2 .CoursesSitesSettings .CoursesSitesSettingsDropDown {
  background: #8eb8e1;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  width: 165px;
  height: auto;
  overflow: hidden;
  z-index: 9999;
  position: absolute;
  margin: 28px 0px 0px -143px;
  padding-bottom: 5px;
  display: none;
}
.ContainerSet .ContainerContent .ContainerSitesCourses .Header h2 .CoursesSitesSettings .CoursesSitesSettingsDropDown ul.CSSettings {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.ContainerSet .ContainerContent .ContainerSitesCourses .Header h2 .CoursesSitesSettings .CoursesSitesSettingsDropDown ul.CSSettings li {
  list-style: none;
  width: 165px;
  height: auto;
  overflow: hidden;
}
.ContainerSet .ContainerContent .ContainerSitesCourses .Header h2 .CoursesSitesSettings .CoursesSitesSettingsDropDown ul.CSSettings li a {
  background: #8eb8e1;
  width: 155px;
  height: 30px;
  border-bottom: Solid 1px #709eca;
  display: block;
  cursor: pointer;
  text-decoration: none;
  font-size: 0.75em;
  line-height: 2.5em;
  color: #ffffff;
  padding-left: 10px;
}
.ContainerSet .ContainerContent .ContainerSitesCourses .Header h2 .CoursesSitesSettings .CoursesSitesSettingsDropDown ul.CSSettings li a:hover {
  background: #709eca;
}
.ContainerSet .ContainerContent .ContainerSitesCourses .Header h2 .CoursesSitesSettingsOn {
  background-position: 0px -25px;
  float: right;
}
.ContainerSet .ContainerContent .ContainerSitesCourses .AnnouncementsContent {
  background: #ffffff;
  width: 410px;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  padding: 5px 0px;
  margin: 0px 0px 10px 0px;
}
.ContainerSet .ContainerContent .ContainerSitesCourses .AnnouncementsContent .CSAnnouncements {
  background: #ffffff;
  width: 410px;
  max-height: 300px !important;
  overflow: hidden;
  padding: 0px 0px 5px 0px;
}
.ContainerSet .ContainerContent .ContainerSitesCourses .AnnouncementsContent .CSAnnouncements .ContentScroll {
  width: 100%;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}
.ContainerSet .ContainerContent .ContainerSitesCourses .AnnouncementsContent .CSAnnouncements .ContentScroll:focus {
  outline: none;
}
.ContainerSet .ContainerContent .ContainerSitesCourses .AnnouncementsContent .CSAnnouncements .ContentScroll .Content {
  width: 390px;
  padding: 5px 10px;
  min-height: 40px;
  overflow: hidden;
}
.ContainerSet .ContainerContent .ContainerSitesCourses .AnnouncementsContent .CSAnnouncements .ContentScroll .Content .ContentWrap {
  width: 100%;
  float: right;
}
.ContainerSet .ContainerContent .ContainerSitesCourses .AnnouncementsContent .CSAnnouncements .ContentScroll .Content .ContentWrap h1,
.ContainerSet .ContainerContent .ContainerSitesCourses .AnnouncementsContent .CSAnnouncements .ContentScroll .Content .ContentWrap h2,
.ContainerSet .ContainerContent .ContainerSitesCourses .AnnouncementsContent .CSAnnouncements .ContentScroll .Content .ContentWrap h3,
.ContainerSet .ContainerContent .ContainerSitesCourses .AnnouncementsContent .CSAnnouncements .ContentScroll .Content .ContentWrap h4 {
  color: #002346;
  padding: 5px 5px 10px 5px;
}
.ContainerSet .ContainerContent .ContainerSitesCourses .AnnouncementsContent .CSAnnouncements .ContentScroll .Content .ContentWrap h3 {
  font-size: 1em;
  line-height: 1em;
}
.ContainerSet .ContainerContent .ContainerSitesCourses .AnnouncementsContent .CSAnnouncements .ContentScroll .Content .ContentWrap h3 img {
  margin-bottom: -3px;
}
.ContainerSet .ContainerContent .ContainerSitesCourses .AnnouncementsContent .CSAnnouncements .ContentScroll .Content .ContentWrap span {
  font-size: 1em;
}
.ContainerSet .ContainerContent .ContainerSitesCourses .AnnouncementsContent .CSAnnouncements .ContentScroll .Content .ContentWrap u,
.ContainerSet .ContainerContent .ContainerSitesCourses .AnnouncementsContent .CSAnnouncements .ContentScroll .Content .ContentWrap i,
.ContainerSet .ContainerContent .ContainerSitesCourses .AnnouncementsContent .CSAnnouncements .ContentScroll .Content .ContentWrap b,
.ContainerSet .ContainerContent .ContainerSitesCourses .AnnouncementsContent .CSAnnouncements .ContentScroll .Content .ContentWrap strong,
.ContainerSet .ContainerContent .ContainerSitesCourses .AnnouncementsContent .CSAnnouncements .ContentScroll .Content .ContentWrap em {
  font-size: 1em !important;
}
.ContainerSet .ContainerContent .ContainerSitesCourses .AnnouncementsContent .CSAnnouncements .ContentScroll .Content .ContentWrap a {
  color: #002346;
  padding: 0px 5px;
}
.ContainerSet .ContainerContent .ContainerSitesCourses .AnnouncementsContent .CSAnnouncements .ContentScroll .Content .ContentWrap p {
  color: #777777;
  padding: 0px 5px;
  font-size: 0.75em;
}
.ContainerSet .ContainerContent .ContainerSitesCourses .AnnouncementsContent .CSAnnouncements .ContentScroll .Content .ContentWrap ul {
  color: #777777;
  padding: 0 5px;
  font-size: 0.75em;
}
.ContainerSet .ContainerContent .ContainerSitesCourses .AnnouncementsContent .CSAnnouncements .ContentScroll .Content .ContentWrap ul li {
  color: #777777;
}
.ContainerSet .ContainerContent .ContainerSitesCourses .CoursesSitesContent {
  background: #ffffff;
  width: 390px;
  min-height: 580px;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  padding: 10px 10px;
}
.ContainerSet .ContainerContent .ContainerSitesCourses .CoursesSitesContent .ContentQuote {
  width: 390px;
  min-height: 24px;
  color: #999999;
  font-size: 0.75em;
  font-style: italic;
  margin-top: 5px;
}
.ContainerSet .ContainerContent .ContainerSitesCourses .CoursesSitesContent .siteplaceholder {
  background: #f5f5f5;
  width: 390px;
  height: 60px;
  margin-bottom: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: block;
}
.ContainerSet .ContainerContent .ContainerFullPageContent {
  width: 940px;
  float: left;
  padding: 0px 10px;
  margin-bottom: 40px;
}
.ContainerSet .ContainerContent .ContainerFullPageContent .Header {
  background: #bed8f3;
  width: 940px;
  -webkit-border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  border-bottom: Solid 1px #8eb8e1;
}
.ContainerSet .ContainerContent .ContainerFullPageContent .Header h2 {
  height: auto;
  font-weight: bold;
  color: #003366;
  margin: 0px;
  padding: 0px 10px 3px 10px;
  overflow: hidden;
  display: block;
}
.ContainerSet .ContainerContent .ContainerFullPageContent .Header h2 .Title {
  float: left;
  font-size: 1.5em;
  line-height: 1.5em;
  display: block;
}
.ContainerSet .ContainerContent .ContainerFullPageContent .Header h2 .CoursesSitesSettings {
  background: url('/Resources/Themes/SOLE/CoursesSitesIcons.png') 0px 0px no-repeat;
  width: 22px;
  height: 23px;
  margin: 8px 0px 0px 0px;
  cursor: pointer;
  display: block;
  float: right;
}
.ContainerSet .ContainerContent .ContainerFullPageContent .Header h2 .CoursesSitesSettings:hover {
  background-position: 0px -25px;
}
.ContainerSet .ContainerContent .ContainerFullPageContent .Header h2 .CoursesSitesSettings .CoursesSitesSettingsDropDown {
  background: #8eb8e1;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  width: 165px;
  height: auto;
  overflow: hidden;
  z-index: 9999;
  position: relative;
  margin: 28px 0px 0px -143px;
  padding-bottom: 5px;
  display: none;
}
.ContainerSet .ContainerContent .ContainerFullPageContent .Header h2 .CoursesSitesSettings .CoursesSitesSettingsDropDown ul.CSSettings {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.ContainerSet .ContainerContent .ContainerFullPageContent .Header h2 .CoursesSitesSettings .CoursesSitesSettingsDropDown ul.CSSettings li {
  list-style: none;
  width: 165px;
  height: auto;
  overflow: hidden;
}
.ContainerSet .ContainerContent .ContainerFullPageContent .Header h2 .CoursesSitesSettings .CoursesSitesSettingsDropDown ul.CSSettings li:hover {
  background: #709eca;
}
.ContainerSet .ContainerContent .ContainerFullPageContent .Header h2 .CoursesSitesSettings .CoursesSitesSettingsDropDown ul.CSSettings li a {
  background: #8eb8e1;
  width: 155px;
  height: 30px;
  border-bottom: Solid 1px #709eca;
  display: block;
  cursor: pointer;
  text-decoration: none;
  font-size: 0.75em;
  line-height: 2.5em;
  color: #ffffff;
  padding-left: 10px;
}
.ContainerSet .ContainerContent .ContainerFullPageContent .Header h2 .CoursesSitesSettingsOn {
  background-position: 0px -25px;
  float: right;
}
.ContainerSet .ContainerContent .ContainerFullPageContent .Content {
  background: #fff;
  width: 920px;
  min-height: 500px;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  padding: 10px;
  /* App styles for Content */
}
.ContainerSet .ContainerContent .ContainerFullPageContent .Content h1,
.ContainerSet .ContainerContent .ContainerFullPageContent .Content h2,
.ContainerSet .ContainerContent .ContainerFullPageContent .Content h3,
.ContainerSet .ContainerContent .ContainerFullPageContent .Content h4 {
  margin: 0px 0px 10px 0px;
  padding: 0px;
  display: block;
  color: #003366;
  font-weight: bold;
}
.ContainerSet .ContainerContent .ContainerFullPageContent .Content .ContentBodyHeader {
  color: #002346;
}
.ContainerSet .ContainerContent .ContainerFullPageContent .Content .navbtn-toolbar {
  overflow: hidden;
  margin: 0 0 10px 0;
}
.ContainerSet .ContainerContent .ContainerFullPageContent .Content .navbtn-toolbar .navbtn-group {
  display: inline-block;
  display: inline;
  /* IE7 inline-block hack */
  zoom: 1;
}
.ContainerSet .ContainerContent .ContainerFullPageContent .Content p {
  color: #333;
  line-height: 1.25em;
}
.ContainerSet .ContainerContent .ContainerFullPageContent .Content .UserNotesHomeLayout h2 a {
  color: #002346;
}
.ContainerSet .ContainerContent .ContainerFullPageContent .Content .btn {
  margin-bottom: 10px;
}
.ContainerSet .ContainerContent .ContainerFullPageContent .Content ul {
  list-style: disc;
  margin: 0px 0px 20px 20px;
  color: #333;
}
.ContainerSet .ContainerContent .ContainerFullPageContent .Content ul li {
  color: #333;
}
.ContainerSet .ContainerContent .ContainerFullPageContent .Content ul.nav-tabs {
  list-style: none;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #ccc !important;
}
.ContainerSet .ContainerContent .ContainerFullPageContent .Content ul.nav-tabs li a {
  font-size: 1em;
}
.ContainerSet .ContainerContent .ContainerFullPageContent .Content .ui-tabs {
  padding: 0;
  border: none !important;
}
.ContainerSet .ContainerContent .ContainerFullPageContent .Content .ui-widget-content {
  border: none !important;
}
.ContainerSet .ContainerContent .ContainerFullPageContent .Content .pagination ul {
  margin: 0;
}
.ContainerSet .ContainerContent .ContainerFullPageContent .Content ul.breadcrumb {
  margin: 0 0 10px 0;
}
.ContainerSet .ContainerContent .ContainerFullPageContent .Content ul.breadcrumb .active {
  color: #333;
}
.ContainerSet .ContainerContent .ContainerFullPageContent .Content .well h1 {
  color: #002346;
}
.ContainerSet .ContainerContent .ContainerFullPageContent .Content .well h2 {
  color: #002346;
}
.ContainerSet .ContainerContent .ContainerFullPageContent .Content .well h3 {
  color: #002346;
}
.ContainerSet .ContainerContent .ContainerFullPageContent .Content .well h4 {
  color: #002346;
}
.ContainerSet .ContainerContent .ContainerFullPageContent .Content .well hr {
  background: #002346;
  width: 100%;
  height: 1px;
  margin: 5px 0px;
  border: none;
}
.ContainerSet .ContainerContent .ContainerFullPageContent .Content .row .DescriptionText {
  color: #333;
}
.ContainerSet .ContainerContent .Container-Panels {
  width: 510px;
  min-height: 600px;
  float: right;
  padding: 0px 10px;
}
.ContainerSet .ContainerContent .Container-Panels .Container-Panel-Row-Left {
  width: 250px;
  min-height: 600px;
  padding-bottom: 50px;
  float: left;
}
.ContainerSet .ContainerContent .Container-Panels .Container-Panel-Row-Right {
  width: 250px;
  min-height: 600px;
  padding-bottom: 50px;
  float: right;
}
.ContainerSet .ContainerContent .Container-Panels .Container-Panel {
  width: 250px;
  min-height: 400px;
}
.ContainerSet .ContainerContent .Container-Panels .Container-Panel .placeholder {
  background: #8eaac7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 250px;
  margin: 0px auto 10px auto;
}
.ContainerSet .ContainerContent .Container-Panels .Container-Panel .Panel {
  background: #ffffff;
  width: 250px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0px auto 10px auto;
}
.ContainerSet .ContainerContent .Container-Panels .Container-Panel .Panel h2 {
  padding: 9px 5px 10px 10px;
  margin: 0px;
  cursor: move;
}
.ContainerSet .ContainerContent .Container-Panels .Container-Panel .Panel h2 .Title {
  font-size: 1.125em;
  line-height: 0.75em;
  color: #1c558e;
}
.ContainerSet .ContainerContent .Container-Panels .Container-Panel .Panel h2 .panelclose {
  background: url('/Resources/Core/Images/Panels/MiniIcons.png') -86px -18px no-repeat;
  width: 16px;
  height: 16px;
  display: block;
  float: right;
  cursor: pointer;
}
.ContainerSet .ContainerContent .Container-Panels .Container-Panel .Panel h2 .panelclose:hover {
  background-position: -86px 0px;
}
.ContainerSet .ContainerContent .Container-Panels .Container-Panel .Panel h2 .minimize {
  background: url('/Resources/Core/Images/Panels/MiniIcons.png') -102px -18px no-repeat;
  width: 16px;
  height: 16px;
  margin-right: 3px;
  display: block;
  float: right;
  cursor: pointer;
}
.ContainerSet .ContainerContent .Container-Panels .Container-Panel .Panel h2 .minimize:hover {
  background-position: -102px 0px;
}
.ContainerSet .ContainerContent .Container-Panels .Container-Panel .Panel h2 .minimized {
  background: url('/Resources/Core/Images/Panels/MiniIcons.png') -118px -18px no-repeat;
  width: 16px;
  height: 16px;
  margin-right: 3px;
  display: block;
  float: right;
  cursor: pointer;
}
.ContainerSet .ContainerContent .Container-Panels .Container-Panel .Panel h2 .minimized:hover {
  background-position: -118px 0px;
}
.ContainerSet .ContainerContent .Container-Panels .Container-Panel .Panel h2 .configure {
  background: url('/Resources/Core/Images/Panels/MiniIcons.png') -71px -18px no-repeat;
  width: 13px;
  height: 16px;
  margin-right: 5px;
  display: block;
  float: right;
  cursor: pointer;
}
.ContainerSet .ContainerContent .Container-Panels .Container-Panel .Panel h2 .configure:hover {
  background-position: -71px 0px;
}
.ContainerSet .ContainerContent .Container-Panels .Container-Panel .Panel .Settings {
  background: #fdfdfd;
  position: relative;
  border-bottom: 1px solid #dddddd;
  display: none;
  height: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.ContainerSet .ContainerContent .Container-Panels .Container-Panel .Panel .loading {
  background: url('/Resources/Core/Images/Panels/progress-indicator.gif') no-repeat center;
  min-height: 80px;
  padding-top: 10px;
  margin: 0px auto;
  width: 210px;
  color: #424242;
}
.ContainerSet .ContainerContent .Container-Panels .Container-Panel .Panel .loading span.Text {
  font-size: 0.75em;
  line-height: 0.75em;
  padding-bottom: 10px;
}
.ContainerSet .ContainerContent .Container-Panels .Container-Panel .Panel .Content {
  margin-bottom: 0px;
  overflow: hidden;
  height: auto;
  max-height: 500px;
  display: block;
}
.ContainerSet .ContainerContent .Container-Panels .Container-Panel .Panel .Content .Text {
  padding: 10px 0px;
}
.ContainerSet .ContainerContent .Container-Panels .Container-Panel .Panel .Content .PanelError {
  width: 230px;
  padding: 0px 10px;
  font-size: 0.75em;
}
.ContainerSet .ContainerContent .Container-Panels .Container-Panel .Panel .PanelLoadError {
  font-size: 0.75em;
  background: #F8E3E3;
  color: Red;
  padding: 10px;
  overflow: hidden;
  margin-bottom: 5px;
}
.ContainerSet .ContainerContent .Container-Panels .Container-Panel .Panel .PanelLoadError #validation-messages {
  font-size: 1em;
  display: block;
  padding: 10px 0px;
}
/*------------------------------------------------------*/
/* COURSES AND SITES STYLES                             */
/*------------------------------------------------------*/
.CSWrapper {
  width: 390px;
  min-height: 60px;
  margin-bottom: 10px;
  text-decoration: none !important;
  overflow: hidden;
  cursor: pointer;
  display: block;
}
.CSWrapper .CSIcon {
  background: #d4d4d4;
  border-bottom: Solid 1px #cecece;
  -webkit-border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;
  width: 55px;
  height: 59px;
  float: left;
}
.CSWrapper .CSIcon .CSCourseIcon {
  background: url('/Resources/Themes/SOLE/CoursesSitesIcons.png') 0px -50px no-repeat;
  width: 48px;
  height: 42px;
  margin: 12px 0px 6px 3px;
  float: left;
}
.CSWrapper .CSIcon .CSAppIcon {
  background: url('/Resources/Themes/SOLE/CoursesSitesIcons.png') 0px -94px no-repeat;
  width: 42px;
  height: 50px;
  margin: 4px 0px 6px 9px;
  float: left;
}
.CSWrapper .CSIcon .CSSiteIcon {
  background: url('/Resources/Themes/SOLE/CoursesSitesIcons.png') 0px -144px no-repeat;
  width: 40px;
  height: 44px;
  margin: 10px 0px 6px 9px;
  float: left;
}
.CSWrapper .CSIcon .CSDraggableWrap {
  width: 40px;
  height: 34px;
  z-index: 9999;
  -webkit-border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;
  position: relative;
  top: 0;
  float: left;
  filter: alpha(opacity=70);
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
  display: block;
  margin-top: -60px;
  padding: 25px 0px 0px 15px;
  cursor: move;
}
.CSWrapper .CSContent {
  background: #f2f2f2;
  width: 335px;
  height: 59px;
  -webkit-border-radius: 0px 5px 5px 0px;
  -moz-border-radius: 0px 5px 5px 0px;
  border-radius: 0px 5px 5px 0px;
  border-bottom: Solid 1px #e3e3e3;
  text-decoration: none;
  float: right;
  display: block;
}
.CSWrapper .CSContent .CourseInfoWrap {
  width: 330px;
  height: 48px;
  padding: 12px 0px 0px 5px;
  margin: 0px;
  display: block;
}
.CSWrapper .CSContent .CourseInfoWrap .Title {
  font-size: 0.8em;
  line-height: 1.25em;
  font-weight: bold;
  color: #036;
  height: 18px;
  width: 325px;
  overflow: hidden;
  display: block;
}
.CSWrapper .CSContent .CourseInfoWrap:hover .Title {
  color: #036;
}
.CSWrapper .CSContent .CourseInfoWrap .Information {
  font-size: 0.75em;
  color: #828282;
  height: 12px;
  display: block;
}
.CSWrapper .CSContent .CourseInfoWrap .Information font {
  font-size: 1em;
}
.CSWrapper .CSContent .CourseInfoWrap:hover .Information {
  color: #828282;
}
.CSWrapper .CSContent .CourseOptions {
  width: 35px;
  height: 60px;
  margin-top: -60px;
  padding: 5px 5px 0px 0px;
  float: right;
  position: relative;
  z-index: 10;
  display: block;
}
.CSWrapper .CSContent .CourseOptions .CSSettings {
  width: 35px;
  height: 20px;
  display: block;
}
.CSWrapper .CSContent .CourseOptions .CSSettings .CSControlPanel {
  background: url('/Resources/Themes/SOLE/CoursesSitesIcons.png') -47px 0px no-repeat;
  width: 15px;
  height: 16px;
  float: left;
  cursor: pointer;
  display: none;
}
.CSWrapper .CSContent .CourseOptions .CSSettings .CSControlPanel:hover {
  background-position: -47px -25px;
}
.CSWrapper .CSContent .CourseOptions .CSSettings .CSClose {
  background: url('/Resources/Themes/SOLE/CoursesSitesIcons.png') -64px 0px no-repeat;
  width: 14px;
  height: 15px;
  float: right;
  cursor: pointer;
  display: none;
}
.CSWrapper .CSContent .CourseOptions .CSSettings .CSClose:hover {
  background-position: -64px -25px;
}
.CSWrapper .CSContent .CourseOptions .FavoriteWrap {
  width: 30px;
  height: 30px;
  margin-top: 5px;
  display: block;
}
.CSWrapper .CSContent .CourseOptions .FavoriteWrap .FavoriteIcon {
  background: url('/Resources/Themes/SOLE/CoursesSitesIcons.png') -24px 0px no-repeat;
  width: 21px;
  height: 21px;
  float: right;
  cursor: pointer;
  display: block;
}
.CSWrapper .CSContent .CourseOptions .FavoriteWrap .FavoriteIcon:hover {
  background-position: -24px -25px;
  filter: alpha(opacity=40);
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
}
.CSWrapper .CSContent .CourseOptions .FavoriteWrap .FavoritedIcon {
  background: url('/Resources/Themes/SOLE/CoursesSitesIcons.png') -24px -25px no-repeat;
  width: 21px;
  height: 21px;
  float: right;
  cursor: pointer;
  display: block;
}
.CSWrapper .CSContent .CourseOptions .FavoriteWrap .FavoritedIcon:hover {
  background-position: -24px -25px;
  filter: alpha(opacity=40);
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
}
.CSWrapper:hover .CSIcon {
  background: #bfbfbf;
  border-bottom: Solid 1px #b2b2b2;
}
.CSWrapper:hover .CSIcon:hover .CSDraggableWrap {
  background: #999999;
}
.CSWrapper:hover .CSIcon:hover .CSDraggableWrap .DragLine {
  background: #ffffff;
  width: 25px;
  height: 3px;
  margin: 0px 0px 2px 0px;
  display: block;
}
.CSWrapper:hover .CSContent {
  background: #e6e6e6;
  border-bottom: Solid 1px #c8c8c8;
}
.CSWrapper:hover .CSContent .CSSettings {
  width: 35px;
  height: 20px;
  display: block;
}
.CSWrapper:hover .CSContent .CSSettings .CSControlPanel {
  background: url('/Resources/Themes/SOLE/CoursesSitesIcons.png') -47px 0px no-repeat;
  width: 15px;
  height: 16px;
  float: left;
  cursor: pointer;
  display: block;
}
.CSWrapper:hover .CSContent .CSSettings .CSControlPanel:hover {
  background-position: -47px -25px;
}
.CSWrapper:hover .CSContent .CSSettings .CSClose {
  background: url('/Resources/Themes/SOLE/CoursesSitesIcons.png') -64px 0px no-repeat;
  width: 14px;
  height: 15px;
  float: right;
  cursor: pointer;
  display: block;
}
.CSWrapper:hover .CSContent .CSSettings .CSClose:hover {
  background-position: -64px -25px;
}
.CSWrapper .Alert {
  background: #f5f5f5;
  width: 321px;
  height: 26px;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  border-left: Solid 1px #e3e3e3;
  border-right: Solid 1px #e3e3e3;
  border-bottom: Solid 1px #e3e3e3;
  float: right;
  margin: 0px 5px 0px 0px;
  padding: 4px;
  display: block;
}
.CSWrapper .Alert .AlertContent {
  background: #ffffff;
  width: 311px;
  height: 21px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 5px 5px 0px 5px;
  display: block;
}
.CSWrapper .Alert .AlertContent .NewContent {
  font-size: 0.75em;
  color: #e48383;
  font-style: italic;
  padding-right: 5px;
  float: left;
}
.CSWrapper .Alert .AlertContent .Divider {
  font-size: 0.75em;
  color: #cecece;
  float: left;
}
.CSWrapper .Alert .AlertContent .NewAnnouncement {
  font-size: 0.75em;
  color: #e6b333;
  font-style: italic;
  padding-left: 5px;
  float: left;
}
/*------------------------------------------------------*/
/* WIDGET STYLES                                        */
/*------------------------------------------------------*/
.Site-Options {
  width: 250px;
  margin: 0px auto 10px auto;
  /* WIDGETS TO ADD MENU */
}
.Site-Options .Options {
  background: #001931;
  -webkit-border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  width: 240px;
  height: 16px;
  padding: 5px 5px 6px 5px;
}
.Site-Options .Options a {
  text-decoration: none;
  margin-right: 10px;
  color: #ffffff;
  float: left;
}
.Site-Options .Options a:hover {
  color: #a5c5ed;
}
.Site-Options .Options a .AddPanelsIcon {
  background: url('/Resources/Core/Images/Panels/MiniIcons.png') -18px 0px no-repeat;
  width: 15px;
  height: 15px;
  margin: 1px 5px 0px 0px;
  float: left;
}
.Site-Options .Options a .PickThemeIcon {
  background: url('/Resources/Core/Images/Panels/MiniIcons.png') -36px 0px no-repeat;
  width: 16px;
  height: 15px;
  margin: 1px 5px 0px 0px;
  float: left;
}
.Site-Options .Options a .ResetLayoutIcon {
  background: url('/Resources/Core/Images/Panels/MiniIcons.png') -71px 0px no-repeat;
  width: 13px;
  height: 16px;
  margin: 1px 0px 0px 0px;
  float: right;
}
.Site-Options .Options a .HelpIcon {
  background: url('/Resources/Core/Images/Panels/MiniIcons.png') -53px 0px no-repeat;
  width: 16px;
  height: 16px;
  margin: 0px;
  float: left;
}
.Site-Options .Options a .Text {
  float: left;
  font-size: 0.75em;
  line-height: 1.5em;
}
.Site-Options #add-widget-menu {
  display: none;
  overflow: auto;
}
.Site-Options #set-theme-menu {
  display: none;
  overflow: auto;
}
.Site-Options #reset-layout-menu {
  display: none;
  overflow: auto;
}
.Site-Options .Menu {
  background: #001931;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  margin: 0px;
  padding: 0px;
  height: 255px;
}
.Site-Options .Menu .ContentScroll {
  height: 250px;
  overflow: auto;
}
.Site-Options .Menu .ContentScroll:focus {
  outline: none;
}
.Site-Options .Menu .addwidget {
  background: #15395b;
  background-color: #002142;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#15395b), to(#002142));
  /* Konqueror */
  background-image: -moz-linear-gradient(top, #15395b, #002142);
  /* FF 3.6+ */
  background-image: -ms-linear-gradient(top, #15395b, #002142);
  /* IE10 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #15395b), color-stop(100%, #002142));
  /* Safari 4+, Chrome 2+ */
  background-image: -webkit-linear-gradient(top, #15395b, #002142);
  /* Safari 5.1+, Chrome 10+ */
  background-image: -o-linear-gradient(top, #15395b, #002142);
  /* Opera 11.10 */
  background-image: linear-gradient(top, #15395b, #002142);
  /* The standard */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#15395b', endColorstr='#002142', GradientType=0);
  /* IE9 and down */
  color: #ffffff;
  margin: 0px;
  width: 250px;
  height: 39px;
  border-top: Solid 1px #2a537a;
  border-bottom: 1px solid #001932;
  text-align: left;
  cursor: pointer;
  background-color: #bed8f3;
}
.Site-Options .Menu .addwidget:hover {
  background: #40658a;
  background-color: #274c6f;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#40658a), to(#274c6f));
  /* Konqueror */
  background-image: -moz-linear-gradient(top, #40658a, #274c6f);
  /* FF 3.6+ */
  background-image: -ms-linear-gradient(top, #40658a, #274c6f);
  /* IE10 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #40658a), color-stop(100%, #274c6f));
  /* Safari 4+, Chrome 2+ */
  background-image: -webkit-linear-gradient(top, #40658a, #274c6f);
  /* Safari 5.1+, Chrome 10+ */
  background-image: -o-linear-gradient(top, #40658a, #274c6f);
  /* Opera 11.10 */
  background-image: linear-gradient(top, #40658a, #274c6f);
  /* The standard */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40658a', endColorstr='#274c6f', GradientType=0);
  /* IE9 and down */
  border-top: Solid 1px #6484a3;
  border-bottom: Solid 1px #113e69;
}
.Site-Options .Menu .addwidget a {
  text-decoration: none;
}
.Site-Options .Menu .addwidget .PanelIcon {
  width: 24px;
  height: 24px;
  padding: 0px 5px 0px 5px;
  margin-top: 8px;
  float: left;
}
.Site-Options .Menu .addwidget .PanelIcon img {
  margin: 0px;
  padding: 0px;
}
.Site-Options .Menu .addwidget .Title {
  width: 181px;
  float: left;
  font-size: 0.75em;
  line-height: 3.2em;
  color: #ffffff;
}
.Site-Options .Menu .addwidget .AddIcon {
  background: url('/Resources/Core/Images/Panels/MiniIcons.png') 0px 0px no-repeat;
  width: 18px;
  height: 18px;
  margin: 11px 10px 0px 0px;
  float: left;
  display: block;
}
/* WIDGET GENERAL SETTINGS */
.btn.settingsSave {
  background-color: #ffffff;
  color: #049f00;
  margin-left: 10px;
  font-weight: bold;
  border-bottom: Solid 1px #444444;
}
.btn.settingsSave:hover {
  background-color: #ffffff;
  color: #05d700;
}
.WidgetSettings {
  background: #9e9e9e;
  background-color: #676767;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#9e9e9e), to(#676767));
  /* Konqueror */
  background-image: -moz-linear-gradient(top, #9e9e9e, #676767);
  /* FF 3.6+ */
  background-image: -ms-linear-gradient(top, #9e9e9e, #676767);
  /* IE10 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9e9e9e), color-stop(100%, #676767));
  /* Safari 4+, Chrome 2+ */
  background-image: -webkit-linear-gradient(top, #9e9e9e, #676767);
  /* Safari 5.1+, Chrome 10+ */
  background-image: -o-linear-gradient(top, #9e9e9e, #676767);
  /* Opera 11.10 */
  background-image: linear-gradient(top, #9e9e9e, #676767);
  /* The standard */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#676767', GradientType=0);
  /* IE9 and down */
  width: 248px;
  margin: 0px 1px;
  height: auto;
  overflow: hidden;
}
.WidgetSettings .settingErrorMessages {
  background: #F8E3E3;
  color: Red;
  padding: 0px 10px;
  margin-top: 10px;
}
.WidgetSettings .settingErrorMessages #validation-messages {
  font-size: 0.75em;
  display: block;
  padding: 10px 0px;
}
.WidgetSettings .SettingsHeader {
  width: 230px;
  height: 20px;
  font-size: 0.875em;
  color: #ffffff;
  padding: 5px 9px;
}
.WidgetSettings .TextField {
  width: 230px;
  padding: 0px 9px 10px 9px;
}
.WidgetSettings .TextField input {
  width: 226px;
  height: 24px;
}
/*------------------------------------------------------*/
/* EXTENDED WEATHER                                     */
/*------------------------------------------------------*/
.ExtendedWeatherWrap {
  background: #224375;
  width: 390px;
  min-height: 80px;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
}
.ExtendedWeatherWrap .ExtendedWeatherDay {
  width: 370px;
  min-height: 18px;
  padding: 10px;
  font-size: 1.125em;
  border-bottom: Solid 1px #001931;
}
.ExtendedWeatherWrap .ExtendedWeatherToday {
  background: #044383;
  width: 370px;
  height: 130px;
  overflow: hidden;
  padding: 10px;
  border-bottom: Solid 1px #001931;
}
.ExtendedWeatherWrap .ExtendedWeatherToday .Report {
  width: 370px;
  min-height: 60px;
}
.ExtendedWeatherWrap .ExtendedWeatherToday .Report .Temp {
  width: 70px;
  font-size: 3em;
  line-height: 1em;
  float: left;
  margin-top: 22px;
}
.ExtendedWeatherWrap .ExtendedWeatherToday .Report .Image {
  width: 200px;
  float: left;
  margin: -15px 10px 0px -15px;
}
.ExtendedWeatherWrap .ExtendedWeatherToday .Report .Image img {
  width: 200px;
}
.ExtendedWeatherWrap .ExtendedWeatherToday .Report .Additional {
  width: 130px;
  font-size: 0.75em;
  line-height: 1.5em;
  text-align: right;
  margin: -100px 0px 0px 240px;
  z-index: 1;
  position: relative;
  float: right;
}
.ExtendedWeatherWrap .ExtendedWeatherToday .InfoBar {
  width: 370px;
  height: 30px;
  z-index: 1;
  position: relative;
  margin: -38px 0px 0px 0px;
  float: left;
}
.ExtendedWeatherWrap .ExtendedWeatherToday .InfoBar .Date {
  background: #7a99c8;
  color: #fff;
  width: 90px;
  height: 30px;
  font-size: 1em;
  line-height: 1.85em;
  float: left;
  -webkit-border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;
  padding: 0px 10px;
}
.ExtendedWeatherWrap .ExtendedWeatherToday .InfoBar .Conditions {
  background: #4a6da2;
  color: #fff;
  width: 240px;
  height: 30px;
  font-size: 1em;
  line-height: 1.85em;
  float: left;
  -webkit-border-radius: 0px 5px 5px 0px;
  -moz-border-radius: 0px 5px 5px 0px;
  border-radius: 0px 5px 5px 0px;
  padding: 0px 10px;
}
.ExtendedWeatherWrap .ExtendedWeatherFuture {
  width: 370px;
  height: 40px;
  padding: 0px 10px;
  display: block;
  border-bottom: Solid 1px #001931;
}
.ExtendedWeatherWrap .ExtendedWeatherFuture .Day {
  width: 40px;
  height: 28px;
  font-size: 0.75em;
  float: left;
  margin-top: 12px;
  text-align: center;
}
.ExtendedWeatherWrap .ExtendedWeatherFuture .TempHigh {
  width: 40px;
  height: 36px;
  margin-top: 5px;
  float: left;
  text-align: center;
}
.ExtendedWeatherWrap .ExtendedWeatherFuture .TempHigh span.Desc {
  width: 40px;
  font-size: 0.6em;
  font-weight: bold;
  color: #7a99c8;
  line-height: 1em;
  display: block;
}
.ExtendedWeatherWrap .ExtendedWeatherFuture .TempHigh span.Temp {
  width: 40px;
  font-size: 1.15em;
  font-weight: bold;
  display: block;
}
.ExtendedWeatherWrap .ExtendedWeatherFuture .TempLow {
  width: 40px;
  height: 36px;
  margin-top: 5px;
  float: left;
  text-align: center;
}
.ExtendedWeatherWrap .ExtendedWeatherFuture .TempLow span.Desc {
  width: 40px;
  font-size: 0.6em;
  color: #7a99c8;
  line-height: 1em;
  display: block;
}
.ExtendedWeatherWrap .ExtendedWeatherFuture .TempLow span.Temp {
  width: 40px;
  font-size: 1.15em;
  font-weight: normal;
  display: block;
}
.ExtendedWeatherWrap .ExtendedWeatherFuture .Conditions {
  width: 140px;
  height: 28px;
  color: #bed8f3;
  float: left;
  overflow: hidden;
  font-size: 0.75em;
  margin: 12px 0px 0px 10px;
}
.ExtendedWeatherWrap .ExtendedWeatherFuture .Image {
  width: 90px;
  height: 40px;
  float: right;
  overflow: hidden;
}
.ExtendedWeatherWrap .ExtendedWeatherFuture .Image img {
  width: 90px;
  margin-top: -10px !important;
}
/*------------------------------------------------------*/
/* VIEWABLE RESOURCES                                   */
/*------------------------------------------------------*/
.ContentResourcesWrap {
  background: #ffffff;
  width: 388px;
  min-height: 30px;
  overflow: hidden;
  border: Solid 1px #cccccc;
  border-bottom: none;
}
.ContentResourcesWrap a {
  width: 388px;
  height: 30px;
  display: block;
  cursor: pointer;
  border-bottom: Solid 1px #cccccc;
  text-decoration: none;
}
.ContentResourcesWrap a:hover {
  background: #bed8f4;
  border-color: #8eb8e1;
}
.ContentResourcesWrap a .Icon {
  width: 16px;
  height: 24px;
  padding: 6px 0px 0px 10px;
  display: block;
  float: left;
}
.ContentResourcesWrap a .Text {
  width: 342px;
  height: 30px;
  font-size: 0.8125em;
  line-height: 2.3em;
  display: block;
  float: left;
  padding: 0px 10px;
}
.ContentResourcesWrap a .LinkFavoriteWrap {
  width: 16px;
  height: 16px;
  float: right;
  margin: 0px 10px 0px 0px;
  display: block;
}
.ContentResourcesWrap a .LinkFavoriteWrap .LinksFavoritesIcon {
  background: url('/Resources/Core/Images/LinksWidget/LinksWidgetIcons.png') 0px 0px no-repeat;
  width: 16px;
  height: 16px;
  margin: 7px 0px 0px 0px;
  float: right;
  filter: alpha(opacity=60);
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  display: block;
}
.ContentResourcesWrap a .LinkFavoriteWrap .LinksFavoritesIcon:hover {
  background-position: 0px -18px;
  filter: alpha(opacity=60);
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
.ContentResourcesWrap a .LinkFavoriteWrap .LinksFavoritesIconOn {
  background: url('/Resources/Core/Images/LinksWidget/LinksWidgetIcons.png') 0px -18px no-repeat;
  width: 16px;
  height: 16px;
  margin: 7px 0px 0px 0px;
  float: right;
  display: block;
}
.ContentResourcesWrap a .LinkFavoriteWrap .LinksFavoritesIconOn:hover {
  background-position: 0px -18px;
  filter: alpha(opacity=60);
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
/*-----END OF HALF PAGES--------------------------------*/
/* Mobile */
@media all and (max-width: 40.625em) {
  .SOLEHomepage {
    background: #3570aa;
    background-image: none;
  }
  .ContainerSet {
    position: absolute;
    top: 60px;
    right: 5%;
    left: 5%;
    width: auto;
  }
  .ContainerSet .ContainerContent .ContainerSitesCourses {
    width: 100%;
    padding: 0;
  }
  .ContainerSet .ContainerContent .ContainerSitesCourses .Header {
    width: 100%;
  }
  .ContainerSet .ContainerContent .ContainerSitesCourses .AnnouncementsContent {
    width: 100%;
  }
  .ContainerSet .ContainerContent .ContainerSitesCourses .AnnouncementsContent .CSAnnouncements {
    width: 100%;
  }
  .ContainerSet .ContainerContent .ContainerSitesCourses .AnnouncementsContent .CSAnnouncements .ContentScroll .Content {
    width: 96%;
    padding: 5px 2%;
  }
  .ContainerSet .ContainerContent .ContainerSitesCourses .CoursesSitesContent {
    width: auto;
  }
  .ContainerSet .ContainerContent .ContainerSitesCourses .CoursesSitesContent .CSWrapper {
    width: 100%;
    position: relative;
  }
  .ContainerSet .ContainerContent .ContainerSitesCourses .CoursesSitesContent .CSWrapper .CSContent {
    position: absolute;
    top: 0;
    right: 0;
    left: 55px;
    bottom: 0;
    width: auto;
  }
  .ContainerSet .ContainerContent .ContainerSitesCourses .CoursesSitesContent .CSWrapper .CSContent:after {
    content: "";
    background: #000;
    height: 30px;
    position: absolute;
    bottom: -30px;
  }
  .ContainerSet .ContainerContent .ContainerSitesCourses .CoursesSitesContent .CSWrapper .CSContent .CourseInfoWrap {
    width: auto;
  }
  .ContainerSet .ContainerContent .ContainerSitesCourses .CoursesSitesContent .CSWrapper .CSContent .CourseInfoWrap .Title {
    width: auto;
  }
  .ContainerSet .ContainerContent .ContainerSitesCourses .CoursesSitesContent .CSWrapper .Alert {
    margin-top: 60px;
    width: auto;
    max-width: 190px;
  }
  .ContainerSet .ContainerContent .ContainerSitesCourses .CoursesSitesContent .CSWrapper .Alert .AlertContent {
    width: auto;
  }
  .ContainerSet .ContainerContent .ContainerSitesCourses .CoursesSitesContent .ContentQuote {
    width: 100%;
  }
  .ContainerSet .ContainerContent .ContainerFullPageContent {
    width: 100%;
    padding: 0;
  }
  .ContainerSet .ContainerContent .ContainerFullPageContent .Header {
    width: 100%;
  }
  .ContainerSet .ContainerContent .Container-Panels {
    float: none;
    width: auto;
  }
  .ContainerSet .ContainerContent .Container-Panels .Container-Panel-Row-Left,
  .ContainerSet .ContainerContent .Container-Panels .Container-Panel-Row-Right {
    float: none;
    width: auto;
    min-height: 1px;
    padding-bottom: 0;
  }
  .ContainerSet .ContainerContent .Container-Panels .Site-Options {
    display: none;
  }
}
/*------------------------------------------------------*/
/* SOLE WIDGETS											*/
/*------------------------------------------------------*/
/* GENERAL RSS */
.Content-RSS {
  height: 200px;
  margin-bottom: 5px;
}
.Content-RSS .ContentScroll {
  height: 200px;
  overflow: auto;
}
.Content-RSS .ContentScroll:focus {
  outline: none;
}
.Content-RSS .ContentScroll a {
  background: #ffffff;
  color: #777777;
  padding: 10px;
  text-decoration: none;
  font-size: 0.8125em;
  border-bottom: Solid 1px #cccccc;
  width: 230px;
  display: block;
}
.Content-RSS .ContentScroll a:hover {
  background: #f5f5f5;
  color: #3c75af;
}
/* WEATHER */
.ContentWeather {
  height: auto;
  margin-bottom: 1px;
  display: block;
  overflow: hidden;
}
.ContentWeather .ContentMain {
  background: #224375;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  width: 246px;
  height: 88px;
  margin: 0px 1px;
  overflow: hidden;
  border: Solid 1px #002346;
}
.ContentWeather .ContentMain .Report {
  background: #044383;
  width: 236px;
  height: 58px;
  padding: 5px;
  border-bottom: Solid 1px #002346;
  clear: both;
}
.ContentWeather .ContentMain .Report .Day {
  width: 75px;
  padding: 0px;
  float: left;
}
.ContentWeather .ContentMain .Report .Day span.Small {
  font-size: 0.625em;
  font-weight: normal;
  color: #ffffff;
  width: 100%;
  display: block;
}
.ContentWeather .ContentMain .Report .Day span.Large {
  font-size: 0.875em;
  font-weight: bold;
  color: #ffffff;
  width: 100%;
  display: block;
}
.ContentWeather .ContentMain .Report .Image {
  width: 91px;
  float: left;
  text-align: center;
}
.ContentWeather .ContentMain .Report .Image img {
  width: 89px;
}
.ContentWeather .ContentMain .Report .Temperature {
  width: 70px;
  padding: 0px;
  text-align: right;
  float: left;
}
.ContentWeather .ContentMain .Report .Temperature span.Small {
  font-size: 0.625em;
  color: #ffffff;
  width: 75px;
  float: right;
  display: block;
}
.ContentWeather .ContentMain .Report .Temperature span.Large {
  font-size: 1.875em;
  color: #ffffff;
  line-height: 30px;
  width: 70px;
  margin: 3px 0px;
  float: right;
  display: block;
}
.ContentWeather .ContentMain .Full-Forecast {
  width: 236px;
  height: 24px;
  text-align: left;
  padding: 1px 5px 0px 5px;
}
.ContentWeather .ContentMain .Full-Forecast a {
  color: #ffffff;
  font-size: 0.625em;
  line-height: 1.7em;
}
.ContentWeather .ContentMain .Full-Forecast a:hover {
  text-decoration: underline;
}
/* CALENDAR */
.ContentCalendar {
  height: auto;
  overflow: hidden;
  margin-bottom: 9px;
}
.ContentCalendar .ContentHeader {
  width: 232px;
  height: 20px;
  margin: 0px 9px 4px 9px;
  font-size: 0.875em;
  text-align: center;
  color: #1c558e;
}
.ContentCalendar .ContentHeader .NextPrevMonth {
  background: #3570aa;
  width: 14px;
  height: 14px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #ffffff;
  padding: 0px 4px 1px 4px;
  font-weight: bold;
  font-size: 0.875em;
  filter: alpha(opacity=70);
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.ContentCalendar .ContentHeader .NextPrevMonth:hover {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.ContentCalendar .CalendarDaysRow {
  width: 232px;
  height: 20px;
  overflow: hidden;
  margin: 0px 9px;
  border-bottom: Solid 1px #cccccc;
}
.ContentCalendar .CalendarDaysRow .Label {
  width: 33px;
  height: 20px;
  text-align: center;
  color: #9e9e9e;
  font-size: 0.75em;
  float: left;
}
.ContentCalendar .CalendarRow {
  width: 231px;
  height: 33px;
  overflow: visible;
  margin: 0px 9px;
  border-left: Solid 1px #cccccc;
}
.ContentCalendar .CalendarRow .Day {
  width: 32px;
  height: 25px;
  padding-top: 7px;
  text-align: center;
  color: #1c558e;
  background: #f5f5f5;
  border-right: Solid 1px #cccccc;
  border-bottom: Solid 1px #cccccc;
  font-size: 0.875em;
  float: left;
}
.ContentCalendar .CalendarRow .Day:hover {
  background: #cccccc;
  color: #ffffff;
}
.ContentCalendar .CalendarRow .Day a {
  background: #3570aa;
  color: #ffffff;
  width: 32px;
  height: 25px;
  margin-top: -7px;
  padding-top: 7px;
  line-height: 1.35em;
  text-align: center;
  display: block;
  text-decoration: none;
  cursor: pointer;
}
.ContentCalendar .CalendarRow .Day a:hover {
  background: #1c558e;
}
.ContentCalendar .CalendarRow .EmptyDay {
  width: 32px;
  height: 32px;
  background: #e3e3e3;
  border-right: Solid 1px #cccccc;
  border-bottom: Solid 1px #cccccc;
  float: left;
}
.ContentCalendar .btn.calendar {
  background-color: #f5f5f5;
  color: #1c559d;
  margin: 9px 0px 0px 8px;
  border-bottom: Solid 1px #ccc;
}
.ContentCalendar .btn.calendar:hover {
  background-color: #e3e3e3;
}
.ContentCalendar .btn.calendar:last-child {
  margin-left: 2px;
}
.WhatsNewCourseInfoWrap {
  width: 100%;
  padding: 0px 0px 10px 0px;
  min-height: 30px;
  overflow: hidden;
}
.WhatsNewCourseInfoWrap h2 {
  font-size: 1em;
  color: #999999;
  line-height: 1.5em;
  padding-bottom: 5px;
  font-weight: normal;
}
/* HOROSCOPE */
.ContentHoroscope {
  height: auto;
  overflow: hidden;
  margin-bottom: 9px;
}
.ContentHoroscope select {
  width: 230px;
  margin: 0px 10px 10px 10px;
}
.ContentHoroscope a {
  font-size: 1em;
  color: #3c75af;
  padding: 0px 10px;
  width: 230px;
  display: block;
}
.ContentHoroscope span {
  padding: 5px 10px 0px 10px;
  width: 230px;
  display: block;
}
.ContentHoroscope span p {
  margin: 0px;
  padding: 0px;
  font-size: 0.8125em;
  color: #777;
}
/* LINKS */
.Content-Links {
  max-height: 400px;
  margin-bottom: 5px;
}
.Content-Links .ContentScroll {
  max-height: 400px;
  overflow: auto;
}
.Content-Links .ContentScroll:focus {
  outline: none;
}
.Content-Links .ContentScroll h4 {
  font-size: 0.8125em;
  color: #333333;
  padding: 5px 10px;
}
.Content-Links .ContentScroll a {
  background: #fff;
  color: #3c75af;
  padding: 0px 10px 0px 20px;
  text-decoration: none;
  width: 220px;
  height: 21px;
  overflow: hidden;
  display: block;
  cursor: pointer;
}
.Content-Links .ContentScroll a:hover {
  background: #f5f5f5;
  color: #3c75af;
}
.Content-Links .ContentScroll a:hover .LinkFavoriteWrap {
  width: 16px;
  height: 16px;
  float: right;
  margin: 2px 0px 0px 0px;
  display: block;
}
.Content-Links .ContentScroll a:hover .LinkFavoriteWrap .LinksFavoritesIcon {
  background: url('/Resources/Core/Images/LinksWidget/LinksWidgetIcons.png') 0px 0px no-repeat;
  width: 16px;
  height: 16px;
  margin: 0px;
  float: right;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  display: block;
}
.Content-Links .ContentScroll a:hover .LinkFavoriteWrap .LinksFavoritesIcon:hover {
  background-position: 0px -18px;
  filter: alpha(opacity=40);
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
}
.Content-Links .ContentScroll a:hover .LinkFavoriteWrap .LinksFavoritesIconOn {
  background: url('/Resources/Core/Images/LinksWidget/LinksWidgetIcons.png') 0px -18px no-repeat;
  width: 16px;
  height: 16px;
  margin: 0px;
  float: right;
  display: block;
}
.Content-Links .ContentScroll a:hover .LinkFavoriteWrap .LinksFavoritesIconOn:hover {
  background-position: 0px -18px;
  filter: alpha(opacity=40);
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
}
.Content-Links .ContentScroll a:hover .link-authenticate {
  color: #7ea8d3;
}
.Content-Links .ContentScroll a .LinksText {
  position: relative;
  width: 204px;
  font-size: 0.75em;
  line-height: 1.75em;
  float: left;
}
.Content-Links .ContentScroll a .LinkFavoriteWrap {
  width: 16px;
  height: 16px;
  float: right;
  margin: 2px 0px 0px 0px;
  display: block;
}
.Content-Links .ContentScroll a .LinkFavoriteWrap .LinksFavoritesIcon {
  background: url('/Resources/Core/Images/LinksWidget/LinksWidgetIcons.png') 0px 0px no-repeat;
  width: 16px;
  height: 16px;
  margin: 0px;
  float: right;
  filter: alpha(opacity=30);
  -khtml-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  display: block;
}
.Content-Links .ContentScroll a .LinkFavoriteWrap .LinksFavoritesIcon:hover {
  background-position: 0px -18px;
  filter: alpha(opacity=40);
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
}
.Content-Links .ContentScroll a .LinkFavoriteWrap .LinksFavoritesIconOn {
  background: url('/Resources/Core/Images/LinksWidget/LinksWidgetIcons.png') 0px -18px no-repeat;
  width: 16px;
  height: 16px;
  margin: 0px;
  float: right;
  display: block;
}
.Content-Links .ContentScroll a .LinkFavoriteWrap .LinksFavoritesIconOn:hover {
  background-position: 0px -18px;
  filter: alpha(opacity=40);
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
}
.Content-Links .ContentScroll a .link-authenticate {
  position: absolute;
  top: 0;
  right: 0.25rem;
  color: #ccc;
}
.Content-Links .ContentScroll a .link-authenticate:hover {
  color: #3c75af;
}
/* NOTIFICATIONS */
.Content-Notifications {
  min-height: 30px;
  margin-bottom: 8px;
  max-height: 500px;
}
.Content-Notifications .ContentScroll {
  min-height: 30px;
  max-height: 452px;
  overflow: auto;
}
.Content-Notifications .ContentScroll:focus {
  outline: none;
}
.Content-Notifications .ContentScroll .AppTitle {
  position: relative;
  background: #f0f0f0;
  width: 230px;
  height: auto;
  padding: 0 10px;
  font-size: 0.8125em;
  line-height: 2em;
  font-weight: bold;
  color: #333333;
  border-bottom: Solid 1px #cccccc;
  white-space: nowrap;
}
.Content-Notifications .ContentScroll a {
  background: transparent;
  width: 250px;
  height: auto;
  overflow: hidden;
  display: block;
  cursor: pointer;
  color: #777777;
  font-size: 1em;
  text-decoration: none;
  padding: 5px 0px;
  border-bottom: Solid 1px #f5f5f5;
}
.Content-Notifications .ContentScroll a:hover {
  background: #f5f5f5;
  color: #3c75af;
  border-color: #cccccc;
}
.Content-Notifications .ContentScroll a.reminder {
  background: #f5f5f5;
}
.Content-Notifications .ContentScroll a .Image {
  width: 24px;
  height: 30px;
  padding: 6px 0 0 10px;
  float: left;
  display: block;
}
.Content-Notifications .ContentScroll a .Content {
  width: 196px;
  min-height: 36px;
  padding: 0 10px;
  float: left;
  display: block;
}
.Content-Notifications .ContentScroll a .Content .Title {
  width: 196px;
  height: auto;
  float: left;
  display: block;
  font-size: 0.8125em;
  line-height: 1.3em;
  padding: 2px 0 5px 0;
}
.Content-Notifications .ContentScroll a .Content .Timestamp {
  width: 196px;
  height: 1rem;
  float: left;
  display: block;
  font-size: 0.625em;
  line-height: 1.3em;
}
.Content-Notifications .ContentScroll a .Content .btn.Dismiss {
  float: right;
  margin-top: -0.5em;
  padding: 0 0.3125em 0 1em;
  background: transparent !important;
  color: #ccc;
}
.Content-Notifications .ContentScroll a .Content .btn.Dismiss:hover {
  color: #d57c7c;
}
.Content-Notifications .ContentScroll .notification-widget-dismiss {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  padding: 0 1em;
  background: #f0f0f0;
  height: 2em;
  line-height: 2em;
  color: #333333 !important;
}
.Content-Notifications .ContentScroll .notification-widget-dismiss:hover {
  color: #b23939 !important;
}
/* ANNOUNCEMENTS */
.Content-Announcement {
  min-height: 30px;
  max-height: 500px;
  margin-bottom: 5px;
}
.Content-Announcement .ContentScroll {
  min-height: 30px;
  max-height: 250px;
  overflow: auto;
}
.Content-Announcement .ContentScroll:focus {
  outline: none;
}
.Content-Announcement .ContentScroll .AppTitle {
  position: relative;
  background: #f0f0f0;
  width: 230px;
  height: auto;
  padding: 0 10px;
  font-size: 0.8125em;
  line-height: 2em;
  font-weight: bold;
  color: #333333;
  border-bottom: Solid 1px #cccccc;
  white-space: nowrap;
}
.Content-Announcement .ContentScroll a {
  background: transparent;
  width: 250px;
  height: auto;
  overflow: hidden;
  display: block;
  cursor: pointer;
  color: #777777;
  font-size: 1em;
  text-decoration: none;
  padding: 5px 0px;
  border-bottom: Solid 1px #f5f5f5;
}
.Content-Announcement .ContentScroll a:hover {
  background: #f5f5f5;
  color: #3c75af;
  border-color: #cccccc;
}
.Content-Announcement .ContentScroll a .Image {
  width: 24px;
  height: 30px;
  padding: 6px 0 0 10px;
  float: left;
  display: block;
}
.Content-Announcement .ContentScroll a .Content {
  width: 196px;
  min-height: 36px;
  padding: 0 10px;
  float: left;
  display: block;
}
.Content-Announcement .ContentScroll a .Content .Title {
  width: 196px;
  height: auto;
  float: left;
  display: block;
  font-size: 0.8125em;
  line-height: 1.3em;
  padding: 2px 0 5px 0;
}
.Content-Announcement .ContentScroll a .Content .Timestamp {
  width: 196px;
  height: 1rem;
  float: left;
  display: block;
  font-size: 0.625em;
  line-height: 1.3em;
}
/* CLASSIFIED ADS */
.Content-Classifieds {
  min-height: 30px;
  max-height: 240px;
  margin-bottom: 9px;
}
.Content-Classifieds .ContentScroll {
  min-height: 30px;
  max-height: 200px;
  overflow: auto;
}
.Content-Classifieds .ContentScroll:focus {
  outline: none;
}
.Content-Classifieds .ContentScroll .AppTitle {
  background: #f0f0f0;
  width: 230px;
  height: auto;
  padding: 0px 10px;
  font-size: 0.8125em;
  line-height: 2em;
  font-weight: bold;
  color: #333333;
  border-bottom: Solid 1px #cccccc;
  white-space: nowrap;
}
.Content-Classifieds .ContentScroll a {
  background: #ffffff;
  color: #777777;
  padding: 10px;
  text-decoration: none;
  font-size: 0.8125em;
  line-height: 1.6em;
  border-bottom: Solid 1px #cccccc;
  width: 230px;
  display: block;
}
.Content-Classifieds .ContentScroll a:hover {
  background: #f5f5f5;
  color: #3c75af;
}
.Content-Classifieds .ContentScroll a img {
  float: left;
  margin-right: 5px;
}
.btn.classifieds {
  background: #f5f5f5;
  color: #1c559d;
  margin: 8px 0 0 8px;
  border-bottom: Solid 1px #ccc;
}
.btn.classifieds:hover {
  background-color: #e3e3e3;
}
/* BOOKMARKS */
.Content-Bookmarks {
  min-height: 30px;
  max-height: 240px;
  margin-bottom: 9px;
}
.Content-Bookmarks .ContentScroll {
  min-height: 30px;
  max-height: 200px;
  overflow: auto;
}
.Content-Bookmarks .ContentScroll a {
  background: #ffffff;
  color: #777777;
  padding: 10px;
  text-decoration: none;
  font-size: 0.8125em;
  line-height: 1.6em;
  border-bottom: Solid 1px #cccccc;
  width: 230px;
  float: left;
  display: block;
}
.Content-Bookmarks .ContentScroll a:hover {
  background: #f5f5f5;
  color: #3c75af;
}
.Content-Bookmarks .ContentScroll a.DeleteBookmark {
  background: none;
  border: none;
  width: 16px;
  height: 16px;
  margin-top: -40.8px;
  display: block;
  float: right;
  position: relative;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.Content-Bookmarks .ContentScroll a.DeleteBookmark:hover {
  background: none;
  border: none;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
/* Mobile */
@media all and (max-width: 40.625em) {
  .ContainerSet .ContainerContent .Container-Panels {
    padding: 10px 0 0 0;
    min-height: 1px;
    clear: both;
  }
  .ContainerSet .ContainerContent .Container-Panels .Container-Panel {
    width: auto;
    min-height: 1px;
  }
  .ContainerSet .ContainerContent .Container-Panels .Container-Panel .Panel {
    width: auto;
  }
  .ContainerSet .ContainerContent .Container-Panels .Container-Panel .Panel.CustomCustom.RSS,
  .ContainerSet .ContainerContent .Container-Panels .Container-Panel .Panel.CustomCNN.Sports,
  .ContainerSet .ContainerContent .Container-Panels .Container-Panel .Panel.CustomCNN.Top.Stories,
  .ContainerSet .ContainerContent .Container-Panels .Container-Panel .Panel.CustomWVU.News,
  .ContainerSet .ContainerContent .Container-Panels .Container-Panel .Panel.CustomWeather,
  .ContainerSet .ContainerContent .Container-Panels .Container-Panel .Panel.CustomCustom.Weather,
  .ContainerSet .ContainerContent .Container-Panels .Container-Panel .Panel.CustomContent.Calendar,
  .ContainerSet .ContainerContent .Container-Panels .Container-Panel .Panel.CustomHoroscope,
  .ContainerSet .ContainerContent .Container-Panels .Container-Panel .Panel.CustomClassified.Ads {
    display: none;
    visibility: hidden;
  }
  .Content-Links .ContentScroll a {
    width: 100%;
    padding: 0;
  }
  .Content-Links .ContentScroll a .LinksText {
    padding-left: 20px;
  }
  .Content-Links .ContentScroll a .LinkFavoriteWrap {
    padding-right: 10px;
  }
  .Content-Bookmarks .ContentScroll a {
    position: relative;
    width: 92%;
    padding: 10px 4%;
  }
  .Content-Announcement .ContentScroll .AppTitle,
  .Content-Notifications .ContentScroll .AppTitle {
    width: 92%;
    padding: 0 4%;
  }
  .Content-Announcement .ContentScroll a,
  .Content-Notifications .ContentScroll a {
    position: relative;
    width: 100%;
  }
  .Content-Announcement .ContentScroll a .Image,
  .Content-Notifications .ContentScroll a .Image {
    position: absolute;
    top: 0.5em;
    bottom: 0;
    left: 0;
  }
  .Content-Announcement .ContentScroll a .Content,
  .Content-Notifications .ContentScroll a .Content {
    display: block;
    float: none;
    margin: 0 0 0 2em;
    width: auto;
  }
  .Content-Announcement .ContentScroll a .Content .Title,
  .Content-Notifications .ContentScroll a .Content .Title,
  .Content-Announcement .ContentScroll a .Content .Timestamp,
  .Content-Notifications .ContentScroll a .Content .Timestamp {
    width: 100%;
  }
}
/*------------------------------------------------------*/
/* SOLE POPOVER TIPS									*/
/*------------------------------------------------------*/
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9900;
  display: none;
  padding: 5px;
}
.popover.top {
  margin-top: -5px;
}
.popover.right {
  margin-left: 5px;
}
.popover.bottom {
  margin-top: 5px;
}
.popover.left {
  margin-left: -5px;
}
.popover.top .arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
}
.popover.right .arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #000;
}
.popover.bottom .arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000;
}
.popover.left .arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000;
}
.popover .arrow {
  position: absolute;
  width: 0;
  height: 0;
}
.popover-inner {
  padding: 2px;
  min-width: 100px;
  width: auto;
  max-width: 280px;
  overflow: hidden;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
.popover-title {
  padding: 9px 15px;
  line-height: 1;
  background-color: #f5f5f5;
  border-bottom: 1px solid #eee;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.popover-content {
  padding: 10px;
  background-color: #fff;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.popover-content p,
.popover-content ul,
.popover-content ol {
  margin-bottom: 0;
}
.popover-content > hr {
  padding: 0 !important;
  margin: 0 !important;
}
.popover-content img.photo {
  height: 100px;
}
.popover-content a {
  vertical-align: top;
  padding: 0.25em 0.3125em;
  display: block;
  line-height: 1.25em;
}
.popover-content a img {
  margin-right: 0.25em;
}
.popover-content .previewContent {
  max-height: 150px;
  overflow-x: hidden;
  overflow-y: auto;
}
/*------------------------------------------------------*/
/* SOLE TOOLTIPS									    */
/*------------------------------------------------------*/
.tooltip {
  position: absolute;
  z-index: 9000;
  display: block;
  visibility: visible;
  padding: 5px;
  font-size: 11px;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=80);
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.tooltip.top {
  margin-top: -2px;
}
.tooltip.right {
  margin-left: 2px;
}
.tooltip.bottom {
  margin-top: 2px;
}
.tooltip.left {
  margin-left: -2px;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #000;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
}
/*------------------------------------------------------*/
/* SOLE COURSE PAGE LEFT NAV FRAMEWORK STYLES           */
/*------------------------------------------------------*/
.SOLECSBGWrap {
  background: #356faa none no-repeat;
  position: fixed;
  top: 40px;
  bottom: 0;
  left: 0;
  right: 0;
}
.SOLECSWrap {
  position: absolute;
  top: 40px;
  bottom: 0;
  width: 100%;
}
.SOLECSWrap > SOLEContentWrap {
  margin-bottom: 0;
}
/* SOLE Course Page Left Nav */
.ExpandedCourseBar {
  background: #000;
  position: fixed;
  left: 0;
  height: 100%;
  width: 20px;
  z-index: 301;
  display: none;
  filter: alpha(opacity=30);
  -khtml-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  cursor: pointer;
}
.SOLECSLeftNav {
  background: #356faa;
  width: 250px;
  height: 100%;
  top: 40px;
  bottom: 0;
  position: fixed;
  z-index: 80;
  display: block;
  overflow: hidden;
}
.SOLECSLeftNav a {
  text-decoration: none;
}
.SOLECSLeftNav a:hover h1.CourseName {
  color: #C0D7F4;
}
.SOLECSLeftNav a:hover .CourseDesc {
  color: #C0D7F4;
}
.SOLECSLeftNav a h1.CourseName {
  font-size: 1.5em;
  line-height: 1.5em;
  color: #fff;
  padding: 12px 0px 0px 10px;
}
.SOLECSLeftNav a .CourseDesc {
  font-size: 0.75em;
  line-height: 1em;
  color: #fff;
  padding: 0px 0px 18px 10px;
  margin-top: -3px;
  display: block;
}
.SOLECSLeftNav .ContentScroll {
  background: #2a639e;
  position: absolute;
  top: 75px;
  bottom: 98px;
  overflow: auto;
  overflow-x: none;
  border-bottom: Solid 1px #002346;
}
.SOLECSLeftNav .ContentScroll:focus {
  outline: none;
}
.SOLECSLeftNav ul {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
}
.SOLECSLeftNav ul li {
  width: 100%;
  min-height: 40px;
  white-space: nowrap;
}
.SOLECSLeftNav ul li a {
  background: #1c558e;
  border: Solid 1px #3f7ab5;
  border-left: none;
  border-right: none;
  border-bottom-color: #184b7f;
  color: #fff;
  font-size: 0.875em;
  line-height: 1.35em;
  text-decoration: none;
  padding: 10px;
  height: 18px;
  left: 0;
  right: 0;
  display: block;
}
.SOLECSLeftNav ul li a:hover {
  background: #044383;
  border-bottom-color: #002346;
  color: #fff;
}
.SOLECSLeftNav ul li a.Hidden {
  background: #6b9dcb;
  color: #1c558e;
  font-style: italic;
}
.SOLECSLeftNav ul li ul.SubNav {
  background: #8ab6df;
  overflow: hidden;
  height: auto;
  padding: 0px 10px;
  width: 230px;
}
.SOLECSLeftNav ul li ul.SubNav li:first-child {
  margin-top: 5px;
}
.SOLECSLeftNav ul li ul.SubNav li:last-child {
  margin-bottom: 5px;
}
.SOLECSLeftNav ul li ul.SubNav li {
  width: 100%;
  min-height: 25px;
  white-space: nowrap;
  margin-bottom: 1px;
}
.SOLECSLeftNav ul li ul.SubNav li a {
  background: transparent;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: none;
  font-size: 0.75em;
  text-decoration: none;
  padding: 5px 0px;
  height: 16px;
  left: 0;
  right: 0;
  display: block;
  overflow: hidden;
}
.SOLECSLeftNav ul li ul.SubNav li a:hover {
  background: #fff;
  color: #036;
}
.SOLECSLeftNav ul li ul.SubNav li a img {
  float: left;
  display: inline-block;
  margin: 0 3px;
  height: 16px;
}
.SOLECSLeftNav ul li ul.SubNav li a.Active {
  background: #1c558e;
  color: #fff;
}
.SOLECSLeftNav ul li ul.SubNav li a.Active:hover {
  color: #fff;
}
.SOLECSLeftNav ul li ul.SubNav li a.Hidden {
  background: #6b9dcb;
  color: #1c558e;
  font-style: italic;
}
.SOLECSLeftNav ul li ul.SubNav li ul {
  margin-left: 15px;
  left: 0;
  right: 0;
  width: auto;
}
.SOLECSLeftNav ul li ul.SubNav li.Resume {
  height: 30px;
  width: 250px;
  margin: 0px 0 5px -10px;
}
.SOLECSLeftNav ul li ul.SubNav li.Resume a {
  background: #fff;
  color: #049b00;
  font-size: 0.75em;
  padding: 7px 10px;
  height: 16px;
  width: 230px;
  display: block;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.SOLECSLeftNav ul li ul.SubNav li.Resume a {
  background: #fff;
  color: #049b00;
  font-size: 0.75em;
  padding: 7px 10px;
  height: 16px;
  width: 230px;
  display: block;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.SOLECSLeftNav ul li.RootParent.Active a.RootParentLink {
  background: #044383;
  border: Solid 1px #3f7ab5;
  color: #fff;
  border-left: none;
  border-right: none;
  border-bottom-color: #184b7f;
}
.SOLECSLeftNav .LeftNavAdminPanel {
  position: absolute;
  bottom: 40px;
  left: 0;
  height: 38px;
  z-index: 110;
  font-size: 0.875em;
  width: 230px;
  padding: 10px;
}
.SOLECSLeftNav .LeftNavAdminPanel .SelectWrapper {
  width: 90px;
  float: left;
  color: #fff;
  padding-top: 3px;
}
.SOLECSLeftNav .LeftNavAdminPanel .SelectWrapper .Label {
  width: 90px;
  font-size: 0.6em;
  line-height: 0.875em;
  padding-bottom: 2px;
  color: #fff;
  clear: both;
}
.SOLECSLeftNav .LeftNavAdminPanel .SelectWrapper select {
  background: #245c96;
  border: Solid 1px #245c96;
  width: 110px;
  font-size: 0.75em;
  color: #fff;
}
.SOLECSLeftNav .LeftNavAdminPanel .SelectWrapper select:focus {
  outline: none;
}
.SOLECSLeftNav .LeftNavAdminPanel .NotesIcon {
  background: url('/Resources/Core/Images/Notepad/CourseNotepadIcon.png') no-repeat;
  width: 38px;
  height: 38px;
  display: block;
  cursor: pointer;
  filter: alpha(opacity=80);
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  float: right;
}
.SOLECSLeftNav .LeftNavAdminPanel .NotesIcon:hover {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.SOLECSLeftNav .LeftNavAdminPanel .NotesIconPopulated {
  background: url('/Resources/Core/Images/Notepad/CourseNotepadIconPopulated.png') no-repeat;
  width: 38px;
  height: 38px;
  display: block;
  cursor: pointer;
  filter: alpha(opacity=80);
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  float: right;
}
.SOLECSLeftNav .LeftNavAdminPanel .NotesIconPopulated:hover {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.SOLECSLeftNav .LeftNavAdminPanel .ActiveNote {
  background: url('/Resources/Core/Images/Notepad/CourseNotepadIcon.png') no-repeat;
  width: 38px;
  height: 38px;
  display: block;
  cursor: pointer;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  float: right;
}
.SOLECSLeftNav .LeftNavAdminPanel .ActiveNotePopulated {
  background: url('/Resources/Core/Images/Notepad/CourseNotepadIconPopulated.png') no-repeat;
  width: 38px;
  height: 38px;
  display: block;
  cursor: pointer;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  float: right;
}
/* SOLE Left Nav Notepad */
.CourseNotepadWrapper {
  width: 250px;
  height: 100%;
  top: 40px;
  bottom: 0;
  position: fixed;
  z-index: 78;
  margin-left: -250px;
  display: block;
  overflow: hidden;
}
.CourseNotepadWrapper .NotepadWrap {
  background: #356faa;
  width: 100%;
  height: 100%;
  margin: 0px auto;
  padding: 0;
}
.CourseNotepadWrapper .NotepadBindingWrap {
  width: 100%;
  height: 97px;
  position: relative;
}
.CourseNotepadWrapper .NotepadBindingWrap .NotepadBinding {
  background: url('/Resources/Core/Images/Notepad/CoursesNotepadBinding.png') repeat-x;
  width: 100%;
  height: 85px;
  position: relative;
  padding: 12px 0 0 0;
}
.CourseNotepadWrapper .NotepadBindingWrap .NotepadBinding a {
  text-decoration: none;
}
.CourseNotepadWrapper .NotepadBindingWrap .NotepadBinding a:hover h1.CourseName {
  color: #C0D7F4;
}
.CourseNotepadWrapper .NotepadBindingWrap .NotepadBinding a:hover .CourseDesc {
  color: #C0D7F4;
}
.CourseNotepadWrapper .NotepadBindingWrap .NotepadBinding a h1.CourseName {
  font-size: 1.5em;
  line-height: 1.5em;
  color: #fff;
  padding: 0px 0px 0px 10px;
}
.CourseNotepadWrapper .NotepadBindingWrap .NotepadBinding a .CourseDesc {
  font-size: 0.75em;
  line-height: 1em;
  color: #fff;
  padding: 0px 0px 18px 10px;
  margin-top: -3px;
  display: block;
}
.CourseNotepadWrapper .NotepadBindingWrap .NotepadTornPaper {
  background: url('/Resources/Core/Images/Notepad/NotepadTornPaper.png') repeat-x;
  width: 100%;
  height: 21px;
  z-index: 6;
  position: relative;
}
.CourseNotepadWrapper .NotepadContentWrap {
  width: 250px;
  top: 137px;
  left: 0;
  bottom: 59px;
  overflow: hidden;
  margin-top: 0px;
  position: fixed;
  margin-left: -250px;
  padding-top: 0px;
}
.CourseNotepadWrapper .NotepadContentWrap .NotepadVerticalLine {
  background: #ec9b6d;
  left: 20px;
  width: 2px;
  height: 100%;
  position: absolute;
  z-index: 5;
}
.CourseNotepadWrapper .NotepadContentWrap .ContentNotepad {
  background: #ebce76;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  border: Solid 1px #494949;
  border-top: none;
  position: relative;
  top: 0;
  bottom: 0;
  height: 100%;
  overflow: hidden;
}
.CourseNotepadWrapper .NotepadContentWrap .ContentNotepad .NotepadScroll {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  margin-left: -1px;
  padding: 0px 1px 0px 0px;
  position: relative;
}
.CourseNotepadWrapper .NotepadContentWrap .ContentNotepad .NotepadScroll:focus {
  outline: none;
}
.CourseNotepadWrapper .NotepadContentWrap .ContentNotepad .NotepadScroll .ContentLines {
  background: url('/Resources/Core/Images/Notepad/NotepadHorizontalLines.png') repeat;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 30px 5px 8px 25px;
  position: absolute;
  display: block;
  overflow: visible;
  left: 0px;
  font-size: 1em;
  line-height: 1.75em;
  clear: both;
}
.CourseNotepadWrapper .NotepadContentWrap .ContentNotepad .NotepadScroll .ContentLines .Content {
  background: transparent;
  font-size: 0.875em;
  line-height: 2.15em;
  text-align: left;
  width: 100%;
  height: 100%;
  border: none;
  padding: 0;
  color: #000;
  box-shadow: none;
}
.CourseNotepadWrapper .NotepadContentWrap .ContentNotepad .NotepadScroll .ContentLines .Content:focus {
  outline: none;
}
.CourseNotepadWrapper .NotepadAdminPanel {
  background: #356FAA;
  position: fixed;
  margin: 0 4px 0px 0px;
  margin-left: -250px;
  bottom: 0px;
  left: 0;
  height: 41px;
  z-index: 110;
  font-size: 0.875em;
  width: 230px;
  padding: 7px 10px 9px 10px;
}
.CourseNotepadWrapper .NotepadAdminPanel .NotesOptions {
  height: 20px;
  width: 157px;
  padding: 12px 0 5px 0px;
  float: left;
}
.CourseNotepadWrapper .NotepadAdminPanel .NotesOptions .ViewAll {
  background: url('/Resources/Core/Images/Notepad/ViewAllButton.png') no-repeat;
  width: 90px;
  height: 16px;
  margin-right: 15px;
  display: block;
  float: left;
  cursor: pointer;
  filter: alpha(opacity=80);
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.CourseNotepadWrapper .NotepadAdminPanel .NotesOptions .ViewAll:hover {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.CourseNotepadWrapper .NotepadAdminPanel .NotesOptions .Save {
  background: url('/Resources/Core/Images/Notepad/SaveButton.png') no-repeat;
  width: 48px;
  height: 17px;
  display: block;
  float: left;
  cursor: pointer;
  filter: alpha(opacity=80);
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.CourseNotepadWrapper .NotepadAdminPanel .NotesOptions .Save:hover {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.CourseNotepadWrapper .NotepadAdminPanel .CourseIcon {
  background: url('/Resources/Core/Images/Notepad/CourseIcon.png') no-repeat;
  width: 38px;
  height: 38px;
  display: block;
  cursor: pointer;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  float: right;
}
.CourseNotepadWrapper .NotepadAdminPanel .CourseIcon:hover {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.GradesWrapper {
  background: #356FAA;
  width: 250px;
  height: 100%;
  top: 40px;
  bottom: 0;
  left: -250px;
  position: fixed;
  z-index: 79;
  display: block;
  overflow: hidden;
}
.GradesWrapper .GradesWrap {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
}
.GradesWrapper .GradesTitle {
  background: #356faa;
  width: 250px;
  height: 107px;
  display: block;
}
.GradesWrapper .GradesTitle a {
  text-decoration: none;
}
.GradesWrapper .GradesTitle a:hover h1.CourseName {
  color: #C0D7F4;
}
.GradesWrapper .GradesTitle a:hover .CourseDesc {
  color: #C0D7F4;
}
.GradesWrapper .GradesTitle a h1.CourseName {
  font-size: 1.5em;
  line-height: 1.5em;
  color: #fff;
  padding: 12px 0px 0px 10px;
}
.GradesWrapper .GradesTitle a .CourseDesc {
  font-size: 0.75em;
  line-height: 1em;
  color: #fff;
  padding: 0px 0px 18px 10px;
  margin-top: -3px;
  display: block;
}
.GradesWrapper .GradesTitle h1.AssignmentName {
  background: #053a6f;
  font-size: 1em;
  line-height: 1em;
  color: #fff;
  padding: 6px 0 10px 10px;
  border-top: 1px solid #3f7ab5;
}
.GradesWrapper .GradesInfoBar {
  width: 100%;
  height: 40px;
}
.GradesWrapper .GradesInfoBar ul {
  margin: 0;
  padding: 0;
  width: 100%;
}
.GradesWrapper .GradesInfoBar ul li {
  width: 100%;
  min-height: 40px;
  white-space: nowrap;
}
.GradesWrapper .GradesInfoBar ul li span {
  background: #1c558e;
  border: Solid 1px #3f7ab5;
  border-left: none;
  border-right: none;
  border-bottom-color: #184b7f;
  color: #fff;
  font-size: 0.875em;
  line-height: 1.35em;
  text-decoration: none;
  padding: 10px;
  height: 18px;
  left: 0;
  right: 0;
  display: block;
}
.GradesWrapper .GradesInfoBar ul li span:hover {
  background: #044383;
  border-bottom-color: #002346;
  color: #fff;
}
.GradesWrapper .GradesInfoBar ul li span .caretdown {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  display: inline;
  float: right;
  margin-top: 7px;
}
.GradesWrapper .GradesInfoBar ul li span.Active {
  background: #044383;
  border-bottom-color: #002346;
  color: #fff;
}
.GradesWrapper .GradesContent {
  background: #053a6f;
  width: 250px;
  top: 147px;
  bottom: 99px;
  overflow: hidden;
  position: absolute;
  padding-bottom: 40px;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
}
.GradesWrapper .GradesContent .GradesInfo {
  background: #6a9bc8;
  width: 250px;
  overflow: hidden;
  display: none;
  position: fixed;
  top: 187px;
  z-index: 300;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.55), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.55), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.55), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.GradesWrapper .GradesContent .GradesInfo .Label {
  width: 70px;
  height: 24px;
  float: left;
  padding: 6px 10px 0 10px;
  color: #fff;
  font-size: 0.875em;
  text-align: right;
  border-bottom: solid 1px #13497e;
  white-space: nowrap;
}
.GradesWrapper .GradesContent .GradesInfo .Info {
  background: #c0d7f4;
  width: 140px;
  height: 24px;
  float: right;
  padding: 6px 10px 0 10px;
  color: #002346;
  font-size: 0.875em;
  border-bottom: solid 1px #13497e;
  white-space: nowrap;
}
.GradesWrapper .GradesContent .UsersWrap {
  width: 230px;
  top: 0;
  bottom: 30px;
  padding: 10px 10px 20px 10px;
  overflow: visible;
  overflow-y: auto;
  position: absolute;
}
.GradesWrapper .GradesContent .UsersWrap .UserPanel {
  width: 230px;
  min-height: 40px;
  padding: 0;
  margin-top: 3px;
}
.GradesWrapper .GradesContent .UsersWrap .UserPanel .UserInfo {
  background: #fff;
  width: 230px;
  height: 40px;
  padding: 0;
  border-bottom: solid 2px #6a9bc8;
}
.GradesWrapper .GradesContent .UsersWrap .UserPanel .UserInfo .MessageButton {
  background: transparent;
  width: 26px;
  height: 40px;
  float: left;
  -webkit-border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;
  cursor: pointer;
}
.GradesWrapper .GradesContent .UsersWrap .UserPanel .UserInfo .MessageButton .MessageIcon {
  background: url('/Resources/Themes/SOLE/Grades-UserMessage-Icon.png') 0 0 no-repeat;
  width: 16px;
  height: 14px;
  display: block;
  -webkit-border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;
  margin: 15px 0 0 5px;
}
.GradesWrapper .GradesContent .UsersWrap .UserPanel .UserInfo .MessageButton:hover {
  background: #dbdbdb;
}
.GradesWrapper .GradesContent .UsersWrap .UserPanel .UserInfo .MessageButton:hover .MessageIcon {
  background-position: 0 -14px;
}
.GradesWrapper .GradesContent .UsersWrap .UserPanel .UserInfo .MessageButton .MessageIcon.Active {
  background-position: 0 -14px;
}
.GradesWrapper .GradesContent .UsersWrap .UserPanel .UserInfo .MessageButton .MessageIcon.HasContent {
  background-position: 0 -28px;
}
.GradesWrapper .GradesContent .UsersWrap .UserPanel .UserInfo .UserName {
  width: 100px;
  height: 21px;
  padding: 10px 0 9px 5px;
  margin-right: 5px;
  float: left;
  font-size: 0.875em;
  line-height: 1.5em;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
}
.GradesWrapper .GradesContent .UsersWrap .UserPanel .UserInfo .UserGrade {
  width: 89px;
  height: 40px;
  float: left;
}
.GradesWrapper .GradesContent .UsersWrap .UserPanel .UserInfo .UserGrade input {
  margin-top: 6px;
  width: 40px;
  float: left;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  color: #333;
}
.GradesWrapper .GradesContent .UsersWrap .UserPanel .UserInfo .UserGrade select {
  margin-top: 6px;
  width: 40px;
  float: left;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  color: #333;
}
.GradesWrapper .GradesContent .UsersWrap .UserPanel .UserInfo .UserGrade span {
  height: 21px;
  font-size: 0.875em;
  line-height: 1.5em;
  color: #000;
  padding-top: 10px;
  padding-left: 5px;
  display: block;
  float: left;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: none;
}
.GradesWrapper .GradesContent .UsersWrap .UserPanel .UserInfo .UserAttendanceName {
  width: 100px;
  height: 21px;
  padding: 10px 0 9px 5px;
  margin-right: 5px;
  float: left;
  font-size: 0.875em;
  line-height: 1.5em;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
}
.GradesWrapper .GradesContent .UsersWrap .UserPanel .UserInfo .UserAttendance {
  width: 40px;
  height: 40px;
  float: left;
}
.GradesWrapper .GradesContent .UsersWrap .UserPanel .UserInfo .UserAttendance select {
  margin-top: 7px;
  width: 40px;
  float: left;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  color: #333;
}
.GradesWrapper .GradesContent .UsersWrap .UserPanel .UserMessageBox {
  background: #8ab6df;
  width: 210px;
  min-height: 0px;
  overflow: hidden;
  padding: 5px;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  margin-left: 5px;
  display: none;
}
.GradesWrapper .GradesContent .UsersWrap .UserPanel .UserMessageBox textarea {
  width: 206px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: none;
  color: #333;
}
.GradesWrapper .GradesContent .UsersWrap .UserPanel:first-child {
  margin-top: 0;
}
.GradesWrapper .GradesContent .UsersWrap:focus {
  outline: none;
}
.GradesWrapper .GradesContent .StudentRelease {
  background: #000e1b;
  width: 240px;
  min-height: 25px;
  padding: 5px 0 5px 10px;
  bottom: 0;
  position: absolute;
  color: #fff;
  font-size: 0.875em;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
}
.GradesWrapper .GradesContent .StudentRelease input {
  margin-right: 5px;
}
.GradesWrapper .user-attendance-list {
  margin-top: 6px;
}
/*------------------------------------------------------*/
/* SOLE COURSE PAGE TOP NAV/BREADCRUMBS/RIBBON          */
/*------------------------------------------------------*/
.SOLECSRight {
  background: #fff;
  margin-left: 250px;
  min-width: 692px;
  min-height: 100%;
  height: auto;
  overflow: visible;
  border-left: Solid 1px #369;
  z-index: 9003;
}
.SOLECSRight .SOLECSInfoWrap {
  background: #c0d7f4;
  padding: 10px 10px 1px 10px;
  clear: both;
  right: 0;
  left: 0;
  display: block;
  /* SOLE COURSE PAGE - CONTENT LAYOUT TYPES */
}
.SOLECSRight .SOLECSInfoWrap h1 {
  font-size: 1.5em;
  line-height: 1.5em;
  color: #002346;
  font-weight: bold;
  padding: 0px 0px 10px 0px;
  margin: 0px;
  display: block;
}
.SOLECSRight .SOLECSInfoWrap .SOLECSTitle {
  left: 0;
  right: 0;
  display: block;
}
.SOLECSRight .SOLECSInfoWrap .SOLECSTitle h1 {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
}
.SOLECSRight .SOLECSInfoWrap .SOLECSNav.Large {
  overflow: hidden;
  background: #fff;
  height: 82px;
  border-color: #ccc;
  min-width: 740px;
}
.SOLECSRight .SOLECSInfoWrap .SOLECSNav.Large .navbtndivision {
  background: #ccc;
  width: 1px;
  height: 83px;
  margin: 0px 2px;
  float: left;
}
.SOLECSRight .SOLECSInfoWrap .SOLEContentWrap.LargeCourseContent {
  margin: 0;
  top: 0;
  bottom: 0;
  margin-left: -10px;
  margin-right: -10px;
  padding: 10px;
  -webkit-border-radius: 0px 0px 0px 5px;
  -moz-border-radius: 0px 0px 0px 5px;
  border-radius: 0px 0px 0px 5px;
  overflow: hidden;
}
.SOLECSRight .SOLECSInfoWrap .SOLEContentWrap.LargeCourseContent .MainCourseContentIPAD {
  right: 0;
  left: 0;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.SOLECSRight .SOLECSInfoWrap .SOLEContentWrap.LargeCourseContent .MainCourseContentIPAD:focus {
  outline: none;
}
.SOLECSRight .SOLECSInfoWrap .SOLEContentWrap.SmallCourseContent {
  margin: 0;
  top: 0;
  bottom: 0;
  margin-left: -10px;
  margin-right: -10px;
  padding: 10px;
  -webkit-border-radius: 0px 0px 0px 5px;
  -moz-border-radius: 0px 0px 0px 5px;
  border-radius: 0px 0px 0px 5px;
  overflow: hidden;
}
.SOLECSRight .SOLECSInfoWrap .SOLEContentWrap.MediumCourseContent {
  margin: 0;
  top: 0;
  bottom: 0;
  margin-left: -10px;
  margin-right: -10px;
  padding: 10px;
  -webkit-border-radius: 0px 0px 0px 5px;
  -moz-border-radius: 0px 0px 0px 5px;
  border-radius: 0px 0px 0px 5px;
  overflow: hidden;
}
.SOLECSBreadcrumbs {
  width: 100%;
  height: 18px;
  font-size: 0.75em;
  margin-top: -5px;
  color: #0069D6;
}
.SOLECSBreadcrumbs .Text {
  display: inline-block;
  font-size: 1em;
  vertical-align: top;
  margin: 2px 4px 0 0;
}
.SOLECSBreadcrumbs .Text a {
  color: #0069D6;
}
.SOLECSBreadcrumbs .ContentFavoritesIcon {
  background: url('/Resources/Themes/SOLE/CoursePagesImages.png') -34px -10px no-repeat;
  width: 17px;
  height: 17px;
  display: inline-block;
  cursor: pointer;
}
.SOLECSBreadcrumbs .ContentFavoritesIcon:hover {
  background-position: -53px -10px;
  filter: alpha(opacity=70);
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.SOLECSBreadcrumbs .ContentFavoritesIconOn {
  background: url('/Resources/Themes/SOLE/CoursePagesImages.png') -53px -10px no-repeat;
  width: 17px;
  height: 17px;
  display: inline-block;
  cursor: pointer;
}
.SOLECSNav {
  background: transparent;
  width: 100%;
  min-height: 30px;
  border-bottom: Solid 1px transparent;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 5px 0px;
}
.SOLECSNav .navbtn-toolbar {
  margin: 0px 5px;
}
.SOLECSNav .navbtn-toolbar .navbtn-group {
  margin: 0px;
  display: inline-block;
  display: inline;
  /* IE7 inline-block hack */
  zoom: 1;
}
.SOLECSNav .navbtn-group {
  margin: 0px 5px;
}
.SOLECSNav.Medium {
  background: #fff;
  height: 30px;
  border-color: #ccc;
}
.SOLECSNav.Large {
  background: #fff;
  height: 82px;
  border-color: #ccc;
}
.SOLECSNav.Large .navbtndivision {
  background: #ccc;
  width: 1px;
  height: 83px;
  margin: 0px 2px;
  float: left;
}
.SOLECSNav.Header {
  position: relative;
  z-index: 100;
  width: auto;
  right: 0;
  left: 0;
  margin-top: -37px;
  margin-bottom: 10px;
  padding: 0;
}
/*------------------------------------------------------*/
/* SOLE COURSE PAGE - MAIN COURSE CONTENT PANEL         */
/*------------------------------------------------------*/
.MainCourseContent {
  right: 0;
  left: 0;
  overflow: auto;
  padding: 0 0 10px 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.MainCourseContent:focus {
  outline: none;
}
.CKFormWrap {
  width: 100%;
  overflow: hidden;
}
.PageContentBox {
  background: #fff;
  right: 0;
  left: 0;
  overflow: auto;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 1em;
}
.PageContentBox:focus {
  outline: none;
}
.PageContentBox img {
  float: none;
  margin: 5px;
}
.PageContentBox a {
  color: #0069d6;
}
.PageContentBox a:hover {
  color: #00438a;
}
.PageContentBox p,
.PageContentBox div {
  margin: 0 0 10px 0 !important;
  overflow: visible;
  font-size: 1em;
  line-height: 1.5em !important;
}
.PageContentBox p strong,
.PageContentBox div strong,
.PageContentBox p em,
.PageContentBox div em,
.PageContentBox p a,
.PageContentBox div a,
.PageContentBox p ul,
.PageContentBox div ul,
.PageContentBox p ol,
.PageContentBox div ol,
.PageContentBox p p,
.PageContentBox div p,
.PageContentBox p b,
.PageContentBox div b,
.PageContentBox p i,
.PageContentBox div i,
.PageContentBox p span,
.PageContentBox div span,
.PageContentBox p div,
.PageContentBox div div {
  font-size: inherit;
}
.PageContentBox p img,
.PageContentBox div img {
  margin: 5px !important;
  float: none;
}
.PageContentBox ol,
.PageContentBox ul,
.PageContentBox em,
.PageContentBox strong,
.PageContentBox b,
.PageContentBox i,
.PageContentBox a {
  font-size: 0.875em;
}
.PageContentBox ol strong,
.PageContentBox ul strong,
.PageContentBox em strong,
.PageContentBox strong strong,
.PageContentBox b strong,
.PageContentBox i strong,
.PageContentBox a strong,
.PageContentBox ol em,
.PageContentBox ul em,
.PageContentBox em em,
.PageContentBox strong em,
.PageContentBox b em,
.PageContentBox i em,
.PageContentBox a em,
.PageContentBox ol a,
.PageContentBox ul a,
.PageContentBox em a,
.PageContentBox strong a,
.PageContentBox b a,
.PageContentBox i a,
.PageContentBox a a,
.PageContentBox ol ul,
.PageContentBox ul ul,
.PageContentBox em ul,
.PageContentBox strong ul,
.PageContentBox b ul,
.PageContentBox i ul,
.PageContentBox a ul,
.PageContentBox ol ol,
.PageContentBox ul ol,
.PageContentBox em ol,
.PageContentBox strong ol,
.PageContentBox b ol,
.PageContentBox i ol,
.PageContentBox a ol,
.PageContentBox ol p,
.PageContentBox ul p,
.PageContentBox em p,
.PageContentBox strong p,
.PageContentBox b p,
.PageContentBox i p,
.PageContentBox a p,
.PageContentBox ol b,
.PageContentBox ul b,
.PageContentBox em b,
.PageContentBox strong b,
.PageContentBox b b,
.PageContentBox i b,
.PageContentBox a b,
.PageContentBox ol i,
.PageContentBox ul i,
.PageContentBox em i,
.PageContentBox strong i,
.PageContentBox b i,
.PageContentBox i i,
.PageContentBox a i,
.PageContentBox ol span,
.PageContentBox ul span,
.PageContentBox em span,
.PageContentBox strong span,
.PageContentBox b span,
.PageContentBox i span,
.PageContentBox a span {
  font-size: inherit;
}
.PageContentBox div {
  font-size: 0.875em;
  color: #444;
}
.PageContentBox div p {
  margin: 0 0 10px 0;
}
.PageContentBox div strong,
.PageContentBox div em,
.PageContentBox div a,
.PageContentBox div ul,
.PageContentBox div ol,
.PageContentBox div p,
.PageContentBox div b,
.PageContentBox div i,
.PageContentBox div span {
  font-size: inherit;
}
/*------------------------------------------------------*/
/* SOLE COURSE PAGE - IPAD LAYOUT                       */
/*------------------------------------------------------*/
/*------------------------------------------------------*/
/* SOLE COURSE PAGE - MODULE STYLES                     */
/*------------------------------------------------------*/
.ModuleListWrap {
  clear: both;
  cursor: pointer;
  display: block;
  overflow: hidden;
}
.ModuleListWrap:hover .blockbtn.Small {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.ModuleListWrap .blockbtn.Small {
  float: left;
  filter: alpha(opacity=70);
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.ModuleListWrap .ModuleInfo {
  float: left;
  padding-top: 10px;
}
.ModuleListWrap .ModuleTitle {
  font-size: 1.2em;
}
.ModuleListWrap .ModuleDescription {
  font-size: 0.8125em;
  color: #333;
  clear: both;
}
/* Announcements */
.ModuleAnnouncement {
  width: 100%;
  clear: both;
  padding-bottom: 20px;
}
.ModuleAnnouncement .Information {
  font-size: 12px;
  color: #828282;
}
.ModuleAnnouncement .PostingTitle {
  width: 100%;
  overflow: hidden;
  padding-bottom: 5px;
}
.ModuleAnnouncement .PostingTitle .Icon {
  width: 48px;
  height: 48px;
  display: inline-block;
}
.ModuleAnnouncement .PostingTitle .Title {
  font-size: 1.3em;
  padding-top: 8px;
  padding-left: 10px;
  display: inline-block;
  vertical-align: top;
}
.ModuleAnnouncement .PostingTitle .Title a {
  color: #0069d6;
}
.ModuleAnnouncement .PostingTitle .Title a:hover {
  color: #00438a;
}
.ModuleAnnouncement .PostingTitle .AnnouncementOptions {
  background: #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: Solid 1px #cccccc;
  height: 35px;
  width: auto;
  padding: 0px 5px 0px 10px;
  float: right;
  margin: 10px 0 0 0;
  display: none;
  filter: alpha(opacity=60);
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
.ModuleAnnouncement .PostingTitle .AnnouncementOptions:hover {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.ModuleAnnouncement .PostingTitle .AnnouncementOptions .OptionsLink {
  width: auto;
  height: 26px;
  padding-top: 9px;
  display: none;
  cursor: pointer;
  float: left;
}
.ModuleAnnouncement .Posting {
  background: #f5f5f5;
  overflow: hidden;
  clear: both;
  border-top: 1px solid #ccc;
  padding: 10px;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
}
.ModuleAnnouncement .Posting p {
  color: #000;
}
.ModuleAnnouncement .Posting img {
  float: none !important;
}
.ModuleAnnouncement .Posting div p {
  margin: 0 0 10px 0;
}
.ModuleAnnouncement:hover .PostingTitle .AnnouncementOptions {
  display: block;
}
.ModuleAnnouncement:hover .PostingTitle .OptionsLink {
  display: block;
}
.ModuleAnnouncement:hover .PostingTitle .OptionsLink .DeleteIcon {
  background: url('/Resources/Core/Images/Panels/CourseContentIcons.png') 0px -18px no-repeat;
  width: 18px;
  height: 22px;
  float: left;
  margin: -2px 5px 0px 0px;
  display: block;
}
.ModuleAnnouncement:hover .PostingTitle .OptionsLink .SettingsIcon {
  background: url('/Resources/Core/Images/Panels/CourseContentIcons.png') 0px -42px no-repeat;
  width: 19px;
  height: 20px;
  float: left;
  margin: -1px 5px 0px 0px;
  display: block;
}
.ModuleAnnouncement:hover .PostingTitle .OptionsLink .ReportsIcon {
  background: url('/Resources/Core/Images/Panels/CourseContentIcons.png') 0px -64px no-repeat;
  width: 20px;
  height: 20px;
  float: left;
  margin: -1px 5px 0px 0px;
  display: block;
}
.ModuleAnnouncement:hover .PostingTitle .OptionsLink .OptionsText {
  font-size: 0.625em;
  line-height: 1.6em;
  color: #999999;
  float: left;
  margin-right: 10px;
}
.ModuleAnnouncement:hover .PostingTitle .OptionsLink:hover .PermissionsIcon {
  background-position: -22px 0px;
}
.ModuleAnnouncement:hover .PostingTitle .OptionsLink:hover .DeleteIcon {
  background-position: -22px -18px;
}
.ModuleAnnouncement:hover .PostingTitle .OptionsLink:hover .SettingsIcon {
  background-position: -22px -42px;
}
.ModuleAnnouncement:hover .PostingTitle .OptionsLink:hover .ReportsIcon {
  background-position: -22px -64px;
}
.ModuleAnnouncement:hover .PostingTitle .OptionsLink:hover .OptionsText {
  color: #333;
}
.ModuleAnnouncement:last-child {
  padding-bottom: 10px;
}
/* Roster */
.RosterGroupWrap {
  width: 100%;
  clear: both;
  margin-bottom: 20px;
  overflow: hidden;
  display: block;
}
.RosterGroupWrap h3 {
  text-align: left;
  font-size: 1em;
}
.RosterGroupWrap .RosterUserWrap {
  background: #f5f5f5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-bottom: 1px solid #ccc;
  padding: 10px;
  width: auto;
  overflow: hidden;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.RosterGroupWrap .RosterUserWrap:hover {
  background: #ccc;
  border-bottom-color: #aaa;
}
.RosterGroupWrap .RosterUserWrap .Image {
  width: 80px;
  padding-right: 10px;
  float: left;
}
.RosterGroupWrap .RosterUserWrap .Info {
  width: 100px;
  float: left;
}
.RosterGroupWrap .RosterUserWrap .Info span {
  clear: both;
  display: block;
}
.RosterGroupWrap .RosterUserWrap .Info .Device {
  background: #ddd;
  padding: 2px;
  border-radius: 50%;
  text-align: center;
  width: 23px;
  height: 23px;
  display: inline-block;
}
.RosterGroupWrap .RosterUserWrap .Info .Device:last-child {
  margin-top: 2px;
}
.RosterGroupWrap:last-child {
  margin-bottom: 0px;
}
/* Textbook */
.TextbookListing {
  background: #f5f5f5;
  border-bottom: 1px solid #ccc;
  min-width: 580px;
  width: auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 10px;
}
.TextbookListing .TextbookHeaderLabelsWrap {
  width: 100%;
  height: 40px;
}
.TextbookListing .TextbookHeaderLabelsWrap .Title {
  color: #002346;
  float: left;
  font-size: 1.3em;
}
.TextbookListing .TextbookHeaderLabelsWrap .Additional {
  float: left;
  font-size: 1.3em;
  color: #777;
  text-align: right;
  margin-left: 20px;
}
.TextbookListing .TextbookListingWrap {
  width: 100%;
  position: relative;
  height: auto;
  padding-bottom: 5px;
  overflow: hidden;
  display: block;
}
.TextbookListing .TextbookListingWrap .Information {
  width: 100%;
  display: block;
  position: relative;
}
.TextbookListing .TextbookListingWrap .Information .PrimaryInformation {
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  left: 0;
  right: 0;
  position: relative;
  clear: both;
  margin-right: 110px;
  margin-bottom: 10px;
}
.TextbookListing .TextbookListingWrap .Information .PrimaryInformation p {
  font-size: 1em;
}
.TextbookListing .TextbookListingWrap .Information .AdditionalInformation {
  clear: both;
  padding-right: 110px;
  min-height: 85px;
  overflow: hidden;
}
.TextbookListing .TextbookListingWrap .Information .AdditionalInformation .Pages {
  width: 50px;
  float: left;
}
.TextbookListing .TextbookListingWrap .Information .AdditionalInformation .Pages .Number {
  width: 50px;
  text-align: center;
  font-size: 1.3em;
  color: #777;
}
.TextbookListing .TextbookListingWrap .Information .AdditionalInformation .Pages .Label {
  width: 50px;
  text-align: center;
  color: #000;
}
.TextbookListing .TextbookListingWrap .Information .AdditionalInformation .Extra {
  max-width: 420px;
  float: left;
  margin-left: 20px;
}
.TextbookListing .TextbookListingWrap .Information p {
  font-size: 0.875em;
  color: #777;
}
.TextbookListing .TextbookListingWrap .Information .TextbookLabel {
  font-size: 1em;
  color: #000;
}
.TextbookListing .TextbookListingWrap .ImageWrap {
  float: right;
  width: 100px;
  margin-left: 10px;
  position: absolute;
  top: 0;
  right: 0;
}
.TextbookListing .TextbookListingWrap .ImageWrap p {
  font-size: 0.75em;
}
/* Forum */
div.Reply {
  padding: 10px 10px 10px 20px;
}
.CourseSortable {
  padding-bottom: 10px;
  overflow: hidden;
}
ol.sortable,
ol.sortable ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.sortable li {
  margin: 7px 0 0 0 !important;
  padding: 0;
}
.sortable li div.SortableWrap {
  background: #f5f5f5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 0;
  margin: 7px 0 5px 0 !important;
  cursor: move;
  width: 100%;
}
.sortable li div.SortableWrap .SortableContent {
  padding: 5px;
  color: #333;
}
.sortable li div.SortableWrap img {
  margin-left: 5px;
}
.sortable li ol {
  margin-left: 20px;
}
.coursePlaceholder {
  background-color: #E7F7E1;
  border: 1px dashed #2F8B0D;
  width: 100%;
  height: 28px;
  margin-bottom: 5px !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.ui-nestedSortable-error {
  background-color: #F8E3E3 !important;
  border: 1px dashed #D31F1B !important;
}
/* Chat */
.ChatEngine {
  min-width: 670px;
  width: auto;
  max-width: 100%;
  height: 500px;
  position: relative;
  margin-bottom: 10px;
}
.ChatEngine .ChatMessages {
  background: #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin-right: 250px;
  height: 424px;
  -webkit-border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  border-radius: 5px 0 0 0;
  border: 1px solid #ccc;
  border-right: none;
  border-bottom: none;
}
.ChatEngine .ChatMessages .Messages {
  margin: 10px;
  color: #000;
  font-size: 0.875em;
  line-height: 1em;
  height: 404px;
  overflow: auto;
}
.ChatEngine .ChatMessages .Messages span {
  padding: 0 5px 5px 5px;
  margin: 0;
  font-size: 1em;
  line-height: 1.25em;
  clear: both;
  display: block;
  overflow: hidden;
}
.ChatEngine .ChatMessages .Messages span.System .Message {
  background: #f7f7f7;
  font-size: 0.8em;
  color: #999;
  padding: 5px;
  border: 1px solid #f1f1f1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  word-wrap: break-word;
}
.ChatEngine .ChatMessages .Messages span.Them .Name {
  color: #777;
  font-size: 0.8em;
}
.ChatEngine .ChatMessages .Messages span.Them .Message {
  background: #f5f5f5;
  padding: 5px;
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  float: left;
  width: auto;
  max-width: 70%;
  word-wrap: break-word;
}
.ChatEngine .ChatMessages .Messages span.You .Name {
  float: right;
  color: #369;
  font-size: 0.8em;
}
.ChatEngine .ChatMessages .Messages span.You .Message {
  background: #d0e7ff;
  padding: 5px;
  border: 1px solid #72a0cd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  float: right;
  width: auto;
  max-width: 70%;
  word-wrap: break-word;
}
.ChatEngine .ChatMessages .Messages span.Private .Name {
  color: #dd7200;
  font-size: 0.8em;
}
.ChatEngine .ChatMessages .Messages span.Private .Message {
  background: #faf8cc;
  padding: 5px;
  border: 1px solid #ffe289;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  float: left;
  width: auto;
  max-width: 70%;
  word-wrap: break-word;
}
.ChatEngine .ChatMessages .Messages span.YouPrivate .Name {
  float: right;
  color: #dd7200;
  font-size: 0.8em;
}
.ChatEngine .ChatMessages .Messages span.YouPrivate .Message {
  background: #ffe289;
  padding: 5px;
  border: 1px solid #eeb211;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  float: right;
  width: auto;
  max-width: 70%;
  word-wrap: break-word;
}
.ChatEngine .ChatUsers {
  background: #fff;
  position: absolute;
  right: 0;
  width: 250px;
  height: 498px;
  -webkit-border-radius: 0px 5px 5px 0px;
  -moz-border-radius: 0px 5px 5px 0px;
  border-radius: 0px 5px 5px 0px;
  border: 1px solid #ccc;
}
.ChatEngine .ChatUsers h1 {
  margin: 10px;
  padding: 0;
  font-size: 1.5em;
  color: #000;
}
.ChatEngine .ChatUsers .Users {
  color: #002346;
  font-size: 1em;
  line-height: 1.25em;
  height: 447px;
  overflow: auto;
}
.ChatEngine .ChatUsers .Users ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ChatEngine .ChatUsers .Users ul li {
  background: transparent;
  padding: 5px 10px;
  color: #002346;
}
.ChatEngine .ChatUsers .Users ul li:hover {
  background: #e5e5e5;
}
.ChatEngine .ChatUsers .Users ul li img {
  margin-right: 4px;
  margin-bottom: -2px;
}
.ChatEngine .ChatUsers .Users ul li.You {
  background: #adcdf5;
}
.ChatEngine .ChatUsers .Users ul li.You:hover {
  background: #adcdf5;
}
.ChatEngine .ChatBox {
  background: #f5f5f5;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 76px;
  margin-right: 250px;
  margin-top: 424px;
  -webkit-border-radius: 0 0 0 5px;
  -moz-border-radius: 0 0 0 5px;
  border-radius: 0 0 0 5px;
  border: 1px solid #ccc;
  border-top: none;
  border-right: none;
}
.ChatEngine .ChatBox .Box {
  background: #fff;
  position: absolute;
  margin: 10px;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  width: auto;
  height: 54px;
  margin-right: 100px;
  color: #000;
  font-size: 0.875em;
  line-height: 1em;
  border: 1px solid #eee;
}
.ChatEngine .ChatBox .Box Textarea {
  margin: 1px 0 0 1px;
  width: 99%;
  height: 48px;
  border: none;
}
.ChatEngine .ChatBox .btn {
  position: absolute;
  margin: 10px;
  right: 0;
  width: 80px;
  height: 16px;
  padding: 18px 0 22px 0;
  text-align: center;
  font-size: 1em;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.chat-messages-list {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin-right: 250px;
  height: 424px;
  background: white;
  border-radius: 5px 0 0 0;
  border-top: 0.0625rem solid #ccc;
  border-right: none;
  border-bottom: none;
  border-left: 0.0625rem solid #ccc;
}
.chat-context-title {
  padding-right: 1rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 150%;
  background: #DAE9FB;
  border-bottom: 0.0625rem solid #ccc;
}
.chat-messages {
  overflow: auto;
  margin: 1rem;
  height: 359px;
  font-size: 0.875rem;
  color: black;
}
.chat-message,
.chat-related-message {
  position: relative;
  display: block;
  padding-left: 3.5rem;
  font-size: inherit;
}
.chat-message {
  margin-top: 1rem;
  min-height: 2rem;
}
.chat-related-message:hover .chat-message-date-related {
  opacity: 1;
}
.chat-message-user-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.25rem;
  height: 2.25rem;
}
.chat-message-text {
  font-size: inherit;
}
.chat-message-text .chat-message-user-name {
  font-size: inherit;
  font-weight: 800;
  line-height: 100%;
}
.chat-message-text .chat-message-date {
  padding-left: 0.5rem;
  font-size: 0.6875rem;
  line-height: 100%;
  text-transform: uppercase;
  color: #808080;
}
.chat-sent-text {
  display: block;
  font-size: inherit;
  line-height: 150%;
}
.chat-message-date-related {
  -moz-transition: opacity 0.25s ease-in;
  -o-transition: opacity 0.25s ease-in;
  -webkit-transition: opacity 0.25s ease-in;
  transition: opacity 0.25s ease-in;
  position: absolute;
  top: 0.25rem;
  left: 0;
  opacity: 0;
  font-size: 0.6875rem;
  text-transform: uppercase;
  color: #808080;
}
.chat-room-name {
  display: block;
  margin-bottom: 0.5rem;
  margin-left: 3.5rem;
  font-size: 0.6875rem;
  color: #999999;
}
.chat-new-messages {
  display: block;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 0.25rem 1rem;
  background: #eaf5e4;
  font-size: 0.875rem;
  line-height: 150%;
  color: #477c2b;
}
.chat-compose-message {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 76px;
  margin-right: 250px;
  margin-top: 424px;
  background: #f5f5f5;
  border-radius: 0 0 0 5px;
  border: 1px solid #ccc;
  border-top: none;
  border-right: none;
}
.chat-compose-message .compose-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 10px 10px 10px 10px;
  width: auto;
  height: 54px;
  font-size: 0.875em;
  line-height: 1em;
  color: #000;
  background: #fff;
  border: 0.0625rem solid #eee;
}
.chat-compose-message .compose-box textarea {
  float: left;
  margin: 1px 0 0 1px;
  width: calc(99% - 2rem);
  height: 48px;
  border: none;
  resize: none;
}
.chat-compose-message .compose-box .add-emoji {
  -moz-transition: opacity 0.125s ease-in;
  -o-transition: opacity 0.125s ease-in;
  -webkit-transition: opacity 0.125s ease-in;
  transition: opacity 0.125s ease-in;
  float: right;
  padding-top: 1rem;
  padding-right: 0.5rem;
  opacity: 0.5;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}
.chat-compose-message .compose-box .add-emoji:hover {
  opacity: 1;
}
.chat-compose-message .compose-box .add-emoji.is-active {
  opacity: 75;
}
.chat-compose-message .compose-box .emojis {
  -moz-transition: opacity 0.125s ease-in;
  -o-transition: opacity 0.125s ease-in;
  -webkit-transition: opacity 0.125s ease-in;
  transition: opacity 0.125s ease-in;
  position: absolute;
  right: 0;
  bottom: 3.25rem;
  overflow: auto;
  padding: 0;
  opacity: 0;
  width: 15.625rem;
  height: 0;
  background: white;
  box-shadow: 0 0.0625rem 0.1875rem 0 rgba(0, 0, 0, 0.25);
  border-radius: 0.25rem;
}
.chat-compose-message .compose-box .emojis.is-visible {
  padding: 1rem;
  opacity: 1;
  height: 10rem;
}
.chat-compose-message .compose-box .emojis .emoji-icon {
  display: block;
  float: left;
  margin-top: 0.3125rem;
  padding: 0.25rem;
  width: 1.375rem;
  height: 1.375rem;
}
.chat-compose-message .btn {
  position: absolute;
  margin: 10px;
  right: 0;
  width: 80px;
  height: 16px;
  padding: 18px 0 22px 0;
  text-align: center;
  font-size: 1em;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.listed-room,
.listed-user {
  padding: 0;
  font-family: Segoe UI, Helvetica, Arial, Sans-Serif;
}
.listed-room .chat-area-name,
.listed-user .chat-area-name {
  display: block;
  padding: 0.25em 1em;
  height: 1.5rem;
  font-size: 0.875rem;
  line-height: 165%;
  cursor: pointer;
}
.listed-room .icon-circle,
.listed-user .icon-circle,
.listed-room .icon-circle-blank,
.listed-user .icon-circle-blank,
.listed-room .icon-group,
.listed-user .icon-group {
  margin-right: 0.5rem;
}
.listed-room .icon-circle,
.listed-user .icon-circle,
.listed-room .icon-circle-blank,
.listed-user .icon-circle-blank {
  margin-right: 0.75rem;
  margin-left: 0.25rem;
  font-size: 0.75rem;
  line-height: 1.5rem;
}
.listed-room .icon-circle,
.listed-user .icon-circle {
  color: #477c2b;
}
.listed-room .icon-circle.unknown,
.listed-user .icon-circle.unknown {
  color: #5da238;
}
.listed-room .icon-group,
.listed-user .icon-group {
  color: #3f709e;
}
.chat-rooms-and-users {
  background: #fff;
  position: absolute;
  right: 0;
  overflow: auto;
  width: 250px;
  height: 498px;
  border-radius: 0px 5px 5px 0px;
  border: 1px solid #ccc;
}
.chat-rooms-and-users .chat-list-title {
  margin: 10px;
  padding: 0;
  font-size: 1em;
  font-weight: 600;
  text-transform: uppercase;
  color: #000;
}
.chat-rooms-and-users .chat-users,
.chat-rooms-and-users .chat-rooms {
  margin: 0 0 2rem 0;
  padding: 0;
  color: #002346;
  font-size: 0.875em;
  line-height: 1.25em;
  list-style: none;
  overflow: auto;
}
.chat-rooms-and-users .chat-users.offline li,
.chat-rooms-and-users .chat-rooms.offline li {
  color: #999999;
}
.chat-rooms-and-users .chat-users li,
.chat-rooms-and-users .chat-rooms li {
  position: relative;
  background: transparent;
  padding: 0;
  line-height: 150%;
  color: #333;
}
.chat-rooms-and-users .chat-users li:hover,
.chat-rooms-and-users .chat-rooms li:hover {
  background: #e5e5e5;
}
.chat-rooms-and-users .chat-users li img,
.chat-rooms-and-users .chat-rooms li img {
  margin-right: 4px;
  margin-bottom: -2px;
}
.chat-rooms-and-users .chat-users li.active-private-message,
.chat-rooms-and-users .chat-rooms li.active-private-message {
  background: #adcdf5;
}
.chat-rooms-and-users .chat-users li.active-private-message:hover,
.chat-rooms-and-users .chat-rooms li.active-private-message:hover {
  background: #adcdf5;
}
.chat-rooms-and-users .chat-users li.current-room,
.chat-rooms-and-users .chat-rooms li.current-room {
  background: #dae9fb;
}
.chat-rooms-and-users .chat-users li.current-room:hover,
.chat-rooms-and-users .chat-rooms li.current-room:hover {
  background: #dae9fb;
}
.chat-rooms-and-users .current-room,
.chat-rooms-and-users .other-room {
  font-size: inherit;
}
.chat-rooms-and-users .other-room {
  display: block;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  color: #333;
}
.chat-rooms-and-users .other-room:hover {
  text-decoration: none;
}
.chat-notification {
  position: absolute;
  top: 0.3125rem;
  right: 0.625rem;
  padding: 0.125rem 0.5rem;
  height: 1.125rem;
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 125%;
  color: white;
  background: #477c2b;
  border-radius: 0.25rem;
}
[class^="wrapper-playback"] {
  position: relative;
  padding: 0.5em;
  background: #eee;
}
[class^="wrapper-playback"]:before {
  content: "";
  position: absolute;
  z-index: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #ccc;
  height: 2.9125em;
}
[class^="wrapper-playback"]:after {
  content: "";
  display: table;
  clear: both;
}
[class^="wrapper-playback"][class*="-audio"] {
  width: 18.75em;
}
[class^="wrapper-playback"][class*="-video"] {
  width: 40em;
}
[class^="wrapper-playback"] video,
[class^="wrapper-playback"] audio,
[class^="wrapper-playback"] iframe {
  margin-bottom: 0.5em;
}
[class^="wrapper-playback"] video:after,
[class^="wrapper-playback"] audio:after,
[class^="wrapper-playback"] iframe:after {
  content: "";
  display: table;
  clear: both;
}
[class^="wrapper-playback"] .inline-control {
  position: relative;
  display: inline-block;
  float: none;
}
[class^="wrapper-playback"] .inline-control.primary {
  margin-top: 0.6875em;
  background: #222;
  border-radius: 0.25em;
  width: 50%;
}
[class^="wrapper-playback"] .inline-control.primary .ui-slider-handle {
  background: #fff;
  border-radius: 0.25em;
}
[class^="wrapper-playback"] .inline-control.label {
  position: relative;
  margin-left: 1em;
  padding: 0 0.75em;
  background: #fff;
  border-radius: 0 0.125rem 0.125rem 0;
  font-size: 0.8125em;
  line-height: 2.23076923em;
}
[class^="wrapper-playback"] .inline-control.label span {
  font-size: inherit;
}
[class^="wrapper-playback"] .inline-control.label:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1.15384615em;
  border-top: 1.15384615em solid transparent;
  border-bottom: 1.15384615em solid transparent;
  border-right: 1.15384615em solid #fff;
}
[class^="wrapper-playback"] .inline-control.navbtn {
  float: right;
}
/* Checklists Tool */
.manageChecklistRequirement {
  overflow: hidden;
  padding-top: 0.125rem;
}
.manageChecklistRequirement .optionsWrap {
  height: 28px;
  float: left;
  border: 1px solid #ccc;
  border-left: none;
  border-radius: 0 3px 3px 0;
  margin-top: -2px;
  opacity: 0.3;
}
.manageChecklistRequirement .optionsWrap:hover {
  opacity: 1;
}
.manageChecklistRequirement .optionsWrap .editItem,
.manageChecklistRequirement .optionsWrap .deleteItem,
.manageChecklistRequirement .optionsWrap .clearSection,
.manageChecklistRequirement .optionsWrap .orderItem {
  padding: 3px 10px 4px 10px;
  display: inline-block;
  text-decoration: none;
}
.manageChecklistRequirement .optionsWrap .editItem.inactive,
.manageChecklistRequirement .optionsWrap .deleteItem.inactive,
.manageChecklistRequirement .optionsWrap .clearSection.inactive,
.manageChecklistRequirement .optionsWrap .orderItem.inactive {
  cursor: default;
}
.manageChecklistRequirement .optionsWrap .editItem.inactive:hover [class^="icon"],
.manageChecklistRequirement .optionsWrap .deleteItem.inactive:hover [class^="icon"],
.manageChecklistRequirement .optionsWrap .clearSection.inactive:hover [class^="icon"],
.manageChecklistRequirement .optionsWrap .orderItem.inactive:hover [class^="icon"] {
  color: #ccc;
}
.manageChecklistRequirement .optionsWrap .editItem.inactive [class^="icon"],
.manageChecklistRequirement .optionsWrap .deleteItem.inactive [class^="icon"],
.manageChecklistRequirement .optionsWrap .clearSection.inactive [class^="icon"],
.manageChecklistRequirement .optionsWrap .orderItem.inactive [class^="icon"] {
  color: #ccc;
}
.manageChecklistRequirement .optionsWrap .editItem.inactive [class^="icon"]:before,
.manageChecklistRequirement .optionsWrap .deleteItem.inactive [class^="icon"]:before,
.manageChecklistRequirement .optionsWrap .clearSection.inactive [class^="icon"]:before,
.manageChecklistRequirement .optionsWrap .orderItem.inactive [class^="icon"]:before {
  -moz-transition: transform 0.15s ease-in;
  -o-transition: transform 0.15s ease-in;
  -ms-transition: transform 0.15s ease-in;
  -webkit-transition: transform 0.15s ease-in;
  transition: transform 0.15s ease-in;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.manageChecklistRequirement .optionsWrap .editItem .icon-pencil,
.manageChecklistRequirement .optionsWrap .deleteItem .icon-pencil,
.manageChecklistRequirement .optionsWrap .clearSection .icon-pencil,
.manageChecklistRequirement .optionsWrap .orderItem .icon-pencil,
.manageChecklistRequirement .optionsWrap .editItem .icon-trash,
.manageChecklistRequirement .optionsWrap .deleteItem .icon-trash,
.manageChecklistRequirement .optionsWrap .clearSection .icon-trash,
.manageChecklistRequirement .optionsWrap .orderItem .icon-trash,
.manageChecklistRequirement .optionsWrap .editItem .icon-reorder,
.manageChecklistRequirement .optionsWrap .deleteItem .icon-reorder,
.manageChecklistRequirement .optionsWrap .clearSection .icon-reorder,
.manageChecklistRequirement .optionsWrap .orderItem .icon-reorder {
  font-size: 18px;
  padding-bottom: 2px;
  text-decoration: none;
}
.manageChecklistRequirement .optionsWrap .editItem .icon-pencil,
.manageChecklistRequirement .optionsWrap .deleteItem .icon-pencil,
.manageChecklistRequirement .optionsWrap .clearSection .icon-pencil,
.manageChecklistRequirement .optionsWrap .orderItem .icon-pencil {
  color: #7bba59;
}
.manageChecklistRequirement .optionsWrap .editItem .icon-trash,
.manageChecklistRequirement .optionsWrap .deleteItem .icon-trash,
.manageChecklistRequirement .optionsWrap .clearSection .icon-trash,
.manageChecklistRequirement .optionsWrap .orderItem .icon-trash {
  color: #ea9797;
}
.manageChecklistRequirement .optionsWrap .editItem .icon-reorder,
.manageChecklistRequirement .optionsWrap .deleteItem .icon-reorder,
.manageChecklistRequirement .optionsWrap .clearSection .icon-reorder,
.manageChecklistRequirement .optionsWrap .orderItem .icon-reorder {
  color: #3f709e;
}
.manageChecklistRequirement .optionsWrap .editItem {
  border-right: 1px solid #ccc;
  margin-right: -4px;
}
.manageChecklistRequirement .optionsWrap .editItem:hover .icon-pencil {
  color: #477c2b;
}
.manageChecklistRequirement .optionsWrap .deleteItem:hover .icon-trash {
  color: #a03939;
}
.manageChecklistRequirement .optionsWrap .orderItem {
  border-right: 1px solid #ccc;
  margin-right: -4px;
}
.manageChecklistRequirement .optionsWrap .orderItem:hover .icon-reorder {
  color: #30567a;
}
.manageChecklistRequirement .optionsWrap .orderItem:last-child {
  margin-right: 0;
  border-right: none;
}
.manageChecklistTitle {
  display: inline-block;
  margin-left: 1rem;
  line-height: 1.5rem;
}
.SOLEContentWrap .btn.Submit.checklistAddOption {
  margin-top: 1.25rem;
  margin-bottom: 0;
  margin-left: 1.25rem;
}
.checklistEditableFields {
  margin-top: 0.5rem;
}
.siteChecklistListing {
  font-size: 0.875rem;
  line-height: 2.5rem;
  border-bottom: 0.0625rem solid #ccc;
}
.siteChecklistListing:last-of-type {
  border-bottom: none;
}
.siteChecklistListing span {
  font-size: inherit;
}
.siteChecklistListing span.siteChecklistIcons {
  display: inline-block;
  margin-right: 0.5rem;
  width: 1rem;
  font-size: 1rem;
}
.siteChecklistListing span.siteChecklistIcons [class^="icon"] {
  font-size: 1rem;
}
.siteChecklistListing span.siteChecklistIcons .icon-check {
  color: #477c2b;
}
.siteChecklistListing span.siteChecklistIcons .icon-check-empty {
  color: #a03939;
}
.form-reports-wrap {
  padding: 1.5em;
}
.form-reports-actions {
  width: 2.5rem;
}
.form-action-button {
  padding-right: 0.25rem;
  padding-left: 0.25rem;
  font-size: 0.875rem;
}
.form-action-button .icon-trash {
  color: #a03939;
}
/* Mobile */
@media all and (max-width: 40.625em) {
  .SOLECSLeftNav.mobileHide {
    left: -250px;
  }
  .SOLECSLeftNav.mobileHide:before {
    content: "";
    background: rgba(0, 0, 0, 0.85);
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .SOLECSLeftNav {
    z-index: 9900;
  }
  .SOLECSLeftNav:before {
    content: "";
    background: rgba(0, 0, 0, 0.5);
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -2;
  }
  .SOLECSLeftNav .LeftNavAdminPanel .NotesIcon {
    display: none;
  }
  .SOLECSRight {
    margin-left: 0;
    min-width: 100%;
    width: 100%;
  }
  .SOLECSRight .SOLECSInfoWrap .SOLECSNav {
    display: none;
  }
  .SOLECSRight .SOLECSInfoWrap .SOLECSTitle {
    padding-left: 50px;
  }
  .SOLECSRight .SOLECSInfoWrap .SOLECSTitle h1 {
    white-space: normal;
    word-wrap: break-word;
  }
  .SOLECSRight .SOLECSInfoWrap .SOLECSBreadcrumbs {
    display: none;
  }
  .ModuleListWrap {
    position: relative;
  }
  .ModuleListWrap .blockbtn,
  .ModuleListWrap .ModuleInfo {
    float: none;
  }
  .ModuleListWrap .blockbtn {
    position: absolute;
    top: 0;
    left: 0;
  }
  .ModuleListWrap .ModuleInfo {
    position: relative;
    margin-left: 4.9375em;
    min-height: 4.625em;
  }
}
button,
input,
select,
textarea {
  vertical-align: top;
}
.SOLEContentEditWrap {
  left: 0;
  right: 0;
  height: auto;
  border-radius: 5px;
  padding: 0;
  margin-bottom: 10px;
  overflow: visible;
  font-size: 16px;
}
.SOLEContentEditWrap.Tab {
  background: #fff;
  min-height: 40px;
  overflow: visible;
  border-radius: 0px 0px 5px 5px;
  margin-top: -10px;
  margin-bottom: 10px;
  border: Solid 1px #ccc;
  border-top: none;
}
.SOLEContentEditWrap.Tab.noTabs {
  margin-top: 0.3125rem;
  border-top: Solid 1px #ccc;
}
.SOLEContentEditWrap.Tab.noTabs .validation-summary-errors,
.SOLEContentEditWrap.Tab.noTabs .field-validation-error {
  background: #FFEEEE;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ea9797;
  display: block;
  padding: 0 20px;
  position: relative;
  margin-top: 2px;
}
.SOLEContentEditWrap.Tab.noTabs .validation-summary-errors:after,
.SOLEContentEditWrap.Tab.noTabs .field-validation-error:after {
  content: "";
  position: absolute;
  z-index: 9999;
  border-top: 8px solid #ea9797;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  bottom: -8px;
  left: 50%;
  margin-left: -8px;
}
.SOLEContentEditWrap.Tab.noTabs .validation-summary-errors ul,
.SOLEContentEditWrap.Tab.noTabs .field-validation-error ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.SOLEContentEditWrap.Tab.noTabs .validation-summary-errors ul li,
.SOLEContentEditWrap.Tab.noTabs .field-validation-error ul li {
  font-weight: normal;
  padding: 7px 0;
  font-size: 0.875em;
  color: #a03939;
  border-bottom: 1px dotted #ea9797;
}
.SOLEContentEditWrap.Tab.noTabs .validation-summary-errors ul li:last-child,
.SOLEContentEditWrap.Tab.noTabs .field-validation-error ul li:last-child {
  border-bottom: none;
}
.SOLEContentEditWrap.Tab.noTabs .validation-summary-errors > span,
.SOLEContentEditWrap.Tab.noTabs .field-validation-error > span {
  display: block;
  padding: 0.5em 0;
  font-size: 0.875em;
  color: #a03939;
}
.SOLEContentEditWrap.Tab .ActiveTab {
  display: block;
}
.SOLEContentEditWrap.Tab p:last-child {
  margin-bottom: 10px;
}
.SOLEContentEditWrap.Tab .ActiveTab,
.SOLEContentEditWrap.Tab .tab-pane,
.SOLEContentEditWrap.Tab .infobox p {
  margin-bottom: 0;
}
.SOLEContentEditWrap.Tab .validation-summary-errors {
  background: #FFEEEE;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ea9797;
  padding: 0 20px;
  position: relative;
  margin-top: 2px;
}
.SOLEContentEditWrap.Tab .validation-summary-errors:after {
  content: "";
  position: absolute;
  z-index: 9999;
  border-top: 8px solid #ea9797;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  bottom: -8px;
  left: 50%;
  margin-left: -8px;
}
.SOLEContentEditWrap.Tab .validation-summary-errors ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.SOLEContentEditWrap.Tab .validation-summary-errors ul li {
  font-weight: normal;
  padding: 7px 0;
  font-size: 0.875em;
  color: #a03939;
  border-bottom: 1px dotted #ea9797;
}
.SOLEContentEditWrap.Tab .validation-summary-errors ul li:last-child {
  border-bottom: none;
}
.SOLEContentEditWrap.Tab.tab-content {
  background: #fff;
  min-height: 40px;
  overflow: hidden;
  border-radius: 0px 0px 5px 5px;
  margin-top: -10px;
  margin-bottom: 10px;
  border: Solid 1px #ccc;
  border-top: none;
}
.SOLEContentEditWrap.Tab.tab-content .tab-pane {
  display: none;
}
.SOLEContentEditWrap.Tab.tab-content .tab-pane.active {
  display: block;
}
.SOLEContentEditWrap.Tab.tab-content .ActiveTab {
  display: block;
}
.SOLEContentEditWrap.Tab.tab-content .validation-summary-errors,
.SOLEContentEditWrap.Tab.tab-content .field-validation-error {
  background: #FFEEEE;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ea9797;
  padding: 0 20px;
  position: relative;
  margin-top: 2px;
}
.SOLEContentEditWrap.Tab.tab-content .validation-summary-errors:after,
.SOLEContentEditWrap.Tab.tab-content .field-validation-error:after {
  content: "";
  position: absolute;
  z-index: 9999;
  border-top: 8px solid #ea9797;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  bottom: -8px;
  left: 50%;
  margin-left: -8px;
}
.SOLEContentEditWrap.Tab.tab-content .validation-summary-errors ul,
.SOLEContentEditWrap.Tab.tab-content .field-validation-error ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.SOLEContentEditWrap.Tab.tab-content .validation-summary-errors ul li,
.SOLEContentEditWrap.Tab.tab-content .field-validation-error ul li {
  font-weight: normal;
  padding: 7px 0;
  font-size: 0.875em;
  color: #a03939;
  border-bottom: 1px dotted #ea9797;
}
.SOLEContentEditWrap.Tab.tab-content .validation-summary-errors ul li:last-child,
.SOLEContentEditWrap.Tab.tab-content .field-validation-error ul li:last-child {
  border-bottom: none;
}
.SOLEContentEditWrap.Tab.tab-content .validation-summary-errors > span,
.SOLEContentEditWrap.Tab.tab-content .field-validation-error > span {
  display: block;
  padding: 0.5em 0;
  font-size: 0.875em;
  line-height: 1.35714286em;
}
.contentMessageBox {
  width: auto;
  padding: 7px 20px;
  margin-top: 2px;
  font-size: 0.875em;
  position: relative;
}
.contentMessageBox.info {
  background: #ecf6ff;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #3f709e;
  color: #3f709e;
}
.contentMessageBox.info:after {
  content: "";
  border-top: 8px solid #3f709e;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -8px;
}
.contentMessageBox.info strong,
.contentMessageBox.info b,
.contentMessageBox.info i,
.contentMessageBox.info p,
.contentMessageBox.info span,
.contentMessageBox.info a,
.contentMessageBox.info div {
  font-size: inherit;
  color: inherit;
}
.contentMessageBox.info ul li {
  border-bottom-color: #79a9d5;
  color: #3f709e;
}
.contentMessageBox ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.contentMessageBox ul li {
  padding-bottom: 5px;
  margin-top: 5px;
  border-bottom: 1px dotted #888;
  color: #333;
}
.contentMessageBox ul li:first-child {
  margin-top: 0;
}
.contentMessageBox ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
/* SOLE -- CONTENT -- NAVIGATION SECTIONS */
#contentTitleBar {
  width: 100%;
  height: 35px;
  background: #eee;
  padding: 5px 0 0 0;
  margin-top: 10px;
  position: relative;
}
#contentTitleBar #backButton {
  background: #ea9797;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  margin-left: 20px;
  padding: 6px 10px;
  float: left;
  cursor: pointer;
}
#contentTitleBar #backButton:hover {
  background: #d57c7c;
}
#contentTitleBar #backButton:hover #backButtonCircle {
  background: #d57c7c;
}
#contentTitleBar #backButton #backButtonCircle {
  background: #ea9797;
  border: 2px solid #fff;
  height: 14px;
  width: 14px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  text-align: center;
  position: relative;
}
#contentTitleBar #backButton #backButtonCircle .icon-chevron-left {
  position: absolute;
  top: 0px;
  left: 2px;
  font-size: 14px;
  color: #fff;
}
#contentTitleBar #nextButton {
  background: #7bba59;
  min-width: 18px;
  height: 18px;
  border-radius: 3px;
  margin-right: 20px;
  padding: 6px 10px;
  float: right;
  cursor: pointer;
  text-decoration: none;
}
#contentTitleBar #nextButton:hover {
  background: #477c2b;
}
#contentTitleBar #nextButton:hover #nextButtonCircle {
  background: #477c2b;
}
#contentTitleBar #nextButton #nextButtonCircle {
  background: #7bba59;
  border: 2px solid #fff;
  height: 14px;
  width: 14px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  text-align: center;
  position: relative;
}
#contentTitleBar #nextButton #nextButtonCircle .icon-chevron-right {
  position: absolute;
  top: 0px;
  left: 3px;
  font-size: 14px;
  color: #fff;
}
#contentTitleBar #nextButton .icon-download {
  font-size: 24px;
  color: #fff;
  font-weight: normal;
  margin: -3px 0 0 -1px;
}
#contentTitleBar #nextButton .textLabel {
  color: #fff;
  line-height: 18px;
  display: inline-block;
  vertical-align: top;
}
#contentTitleBar .contentTitle {
  font-size: 1.125em;
  color: #333;
  padding-top: 2px;
  margin-left: 20px;
  float: left;
}
/* FORM EDITING DRAGGING - SOLE FORMS */
.SOLEContentWrap h3.formOptionsTitle {
  margin-top: 0.5em;
  margin-right: 1rem;
  padding-bottom: 0.5rem;
  margin-left: 1rem;
  font-size: 1.25em;
  font-weight: 400;
  font-family: 'Oswald', sans-serif;
  color: #333;
}
.formBuilderToolbox {
  margin-right: 1.25rem;
  width: 13.75rem;
  float: left;
  position: fixed;
}
.formBuilderToolbox div button {
  display: block;
  width: 13.75rem;
  margin: 0.3125rem 0;
  text-align: left;
  cursor: move;
}
.formBuilderToolbox div button.Submit {
  display: block;
  width: 13.75rem;
  margin: 1.25rem 0 0 0;
  cursor: pointer;
}
.formBuilderToolbox div label {
  display: block;
}
.draggableFormOption {
  position: relative;
}
.draggableFormOption .btn {
  padding-right: 2.5rem;
}
.draggableFormOption:hover .dragFormOption {
  color: #4c7f30;
}
.dragFormOption {
  position: absolute;
  top: 0.4125rem;
  right: 1rem;
  color: rgba(0, 0, 0, 0.1);
  cursor: move;
}
/* SOLE -- CONTENT -- REUSABLES */
.contentSectionWrap {
  background: #fff;
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
  clear: both;
  /* Form editing */
  /* */
}
.contentSectionWrap:last-child.collapsed .sectionInfoWrap .sectionInfo .infoBlock .sectionHoverArrow {
  border-bottom: none;
  border-top: 5px solid #333;
  top: auto;
  bottom: 34px;
}
.contentSectionWrap:last-child.collapsed .sectionInfoWrap .sectionInfo .infoBlock .sectionHoverInfo {
  top: auto;
  bottom: 38px;
}
.contentSectionWrap:last-child.collapsed .sectionInfoWrap .sectionInfo:last-child .infoBlock .sectionHoverArrow {
  right: 50%;
  margin-right: -4px;
}
.contentSectionWrap:last-child.collapsed .sectionInfoWrap .sectionInfo:last-child .infoBlock .sectionHoverInfo {
  right: 0;
  margin-right: 0;
}
.contentSectionWrap:last-child.collapsed .contentMessageBox {
  display: none;
}
.contentSectionWrap h2.sectionTitle {
  font-size: 1.125em;
  font-weight: normal;
  color: #333;
  margin: 0 0 20px 20px;
  padding: 0;
  float: left;
  position: relative;
}
.contentSectionWrap .sectionAddContentActions {
  clear: both;
  margin: 0 0 0.625rem 0;
}
.contentSectionWrap .sectionAddContentActions .addContentButton {
  display: inline-block;
  margin-left: 1.25rem;
}
.contentSectionWrap > .contentMessageBox {
  float: left;
  width: 100%;
  display: block;
}
.contentSectionWrap > .contentMessageBox:after {
  content: ".";
  clear: both;
  line-height: 0;
  height: 0;
  visibility: hidden;
}
.contentSectionWrap #titleCreationForm {
  width: 100%;
  height: auto;
  clear: both;
}
.contentSectionWrap .sectionInfoWrap {
  display: none;
}
.contentSectionWrap .listOption {
  margin-bottom: 10px;
}
.contentSectionWrap.formBuilder {
  margin-left: 15rem;
  width: auto;
  min-height: 20rem;
}
.contentSectionWrap.formBuilder .ui-state-highlight {
  background: #ddd;
  border: none;
  border-radius: 0;
}
.contentSectionWrap .formHint {
  padding-top: 3rem;
  width: 100%;
  height: 17rem;
  font-size: 1.5em;
  text-align: center;
  background: #eef6e9;
  color: #62a43e;
}
.contentSectionWrap .formBuilderField .icon-reorder {
  position: absolute;
  top: 0.75rem;
  left: 0.5rem;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
  color: #cccccc;
  cursor: move;
}
.contentSectionWrap .formBuilderField .icon-reorder:hover {
  color: #808080;
}
.contentSectionWrap .formBuilderField .formLabel {
  margin-left: 15.625rem;
}
.contentSectionWrap .formBuilderField .sectionInputBar .sectionLabel {
  left: 3.125rem;
}
.contentSectionWrap .formBuilderField .sectionInputBar .sectionLabel a {
  position: absolute;
  top: 0.6875rem;
  left: 2rem;
}
.contentSectionWrap .formBuilderField .sectionInputBar .contentInputWrap {
  left: 15.625rem;
}
.contentSectionWrap .formBuilderField .sectionInputBar .contentInputWrap.checkbox,
.contentSectionWrap .formBuilderField .sectionInputBar .contentInputWrap.radio {
  margin-right: 3.25rem;
  margin-left: 15.625rem;
}
.contentSectionWrap .formBuilderField .sectionInputBar .contentInputWrap.checkbox:hover .move-option,
.contentSectionWrap .formBuilderField .sectionInputBar .contentInputWrap.radio:hover .move-option {
  display: block;
}
.contentSectionWrap .formBuilderField .sectionInputBar .contentInputWrap.checkbox .add-option,
.contentSectionWrap .formBuilderField .sectionInputBar .contentInputWrap.radio .add-option {
  font-size: 0.875rem;
  color: #62a43e;
  cursor: pointer;
}
.contentSectionWrap .formBuilderField .sectionInputBar .contentInputWrap.checkbox .add-option:hover,
.contentSectionWrap .formBuilderField .sectionInputBar .contentInputWrap.radio .add-option:hover {
  color: #4c7f30;
}
.contentSectionWrap .formBuilderField .sectionInputBar .contentInputWrap.checkbox .add-option span,
.contentSectionWrap .formBuilderField .sectionInputBar .contentInputWrap.radio .add-option span {
  font-size: inherit;
}
.contentSectionWrap .formBuilderField .sectionInputBar .contentInputWrap.checkbox .label,
.contentSectionWrap .formBuilderField .sectionInputBar .contentInputWrap.radio .label {
  display: block;
  padding: 0 0 0 2.5rem;
  width: calc(100% - 2.5rem);
  font-size: 0.875rem;
  line-height: 2.5rem;
}
.contentSectionWrap .formBuilderField .sectionInputBar .contentInputWrap.checkbox .label input,
.contentSectionWrap .formBuilderField .sectionInputBar .contentInputWrap.radio .label input {
  width: calc(100% - 80px);
  font-size: inherit;
  line-height: 2rem;
}
.contentSectionWrap .formBuilderField .sectionInputBar .contentInputWrap.checkbox .move-option,
.contentSectionWrap .formBuilderField .sectionInputBar .contentInputWrap.radio .move-option {
  position: absolute;
  top: 0.6875rem;
  right: 3rem;
  left: auto;
  display: none;
  font-size: 1rem;
  cursor: move;
}
.contentSectionWrap .formBuilderField .sectionInputBar .contentInputWrap.checkbox .removeRow,
.contentSectionWrap .formBuilderField .sectionInputBar .contentInputWrap.radio .removeRow {
  top: 0.0625rem;
}
.contentSectionWrap .formBuilderField .sectionInputBar .contentInputWrap.scrollableSection.push-left {
  margin-left: 15.625rem;
}
.contentSectionWrap .formBuilderField .sectionInputBar .contentInputWrap.select {
  background: #eee;
}
.contentSectionWrap .formBuilderField .sectionInputBar .contentEditorWrap {
  left: 15.625rem;
}
.contentSectionWrap .formLabel {
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 0.75rem;
  margin-left: 12.5rem;
}
.contentSectionWrap .formActions {
  padding: 0.5rem;
}
.contentSectionWrap .formActions .btn {
  margin-bottom: 0;
}
.contentSectionWrap .formAdditionalOptions {
  margin-bottom: 0.625rem;
}
.contentSectionWrap .formAdditionalOptions .sectionInputBar {
  background: white;
}
.contentSectionWrap .formAdditionalOptions .sectionInputBar .contentInputWrap.checkbox,
.contentSectionWrap .formAdditionalOptions .sectionInputBar .contentInputWrap.radio {
  margin-right: 0;
}
.contentSectionWrap .formAdditionalOptions .sectionInputBar .contentInputWrap.select {
  background: #fff;
}
.contentSectionWrap .sectionInputBar {
  width: 100%;
  min-height: 40px;
  height: auto;
  clear: both;
  overflow: hidden;
  background: #eee;
  position: relative;
  margin-bottom: 10px;
}
.contentSectionWrap .sectionInputBar:hover > .removeRow {
  display: block;
}
.contentSectionWrap .sectionInputBar:last-of-type {
  margin-bottom: 0;
}
.contentSectionWrap .sectionInputBar.answers {
  margin-bottom: 5px;
}
.contentSectionWrap .sectionInputBar.contentOverflow:before,
.contentSectionWrap .sectionInputBar.contentOverflow:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
}
.contentSectionWrap .sectionInputBar.contentOverflow:after {
  clear: both;
}
.contentSectionWrap .sectionInputBar.contentOverflow {
  background: #fff;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  min-height: 38px;
  height: 100%;
  zoom: 1;
  overflow: visible;
}
.contentSectionWrap .sectionInputBar.contentOverflow.tags {
  background: #eee;
}
.contentSectionWrap .sectionInputBar.contentOverflow.flexHeight {
  background: #eee;
}
.contentSectionWrap .sectionInputBar.stack {
  margin-bottom: 0;
}
.contentSectionWrap .sectionInputBar button,
.contentSectionWrap .sectionInputBar .button {
  height: 2.14285714em;
  font-size: 0.875em;
  line-height: 2.14285714em;
  color: #fff;
  border: none;
  border-radius: 3px;
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
  margin-top: 4px;
}
.contentSectionWrap .sectionInputBar button.setWidth,
.contentSectionWrap .sectionInputBar .button.setWidth {
  width: 94px;
}
.contentSectionWrap .sectionInputBar button.submit,
.contentSectionWrap .sectionInputBar .button.submit {
  background: #7bba59;
}
.contentSectionWrap .sectionInputBar button.submit:hover,
.contentSectionWrap .sectionInputBar .button.submit:hover {
  background: #4b8c28;
}
.contentSectionWrap .sectionInputBar button.cancel,
.contentSectionWrap .sectionInputBar .button.cancel {
  background: #ea9797;
}
.contentSectionWrap .sectionInputBar button.cancel:hover,
.contentSectionWrap .sectionInputBar .button.cancel:hover {
  background: #d57c7c;
}
.contentSectionWrap .sectionInputBar .absoluteRight {
  position: absolute;
  right: 0;
  top: 0;
}
.contentSectionWrap .sectionInputBar .sectionLabel {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 210px;
  font-size: 0.875em;
  line-height: 1.25rem;
  color: #333;
  text-align: right;
  padding: 10px 20px 0 20px;
}
.contentSectionWrap .sectionInputBar .sectionLabel.required:before {
  content: "";
  position: absolute;
  border-right: 6px solid #d57c7c;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  top: 14px;
  right: 4px;
  left: auto;
  bottom: auto;
}
.contentSectionWrap .sectionInputBar .sectionLabel.required:after {
  content: "";
  position: absolute;
  background: #d57c7c;
  top: 2px;
  right: 1px;
  bottom: 2px;
  left: auto;
  width: 3px;
}
.contentSectionWrap .sectionInputBar .sectionLabel.required-if:before {
  content: "";
  position: absolute;
  border-right: 6px solid #d57c7c;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  top: 14px;
  right: 4px;
  left: auto;
  bottom: auto;
  opacity: 0.4;
}
.contentSectionWrap .sectionInputBar .sectionLabel.required-if:after {
  content: "";
  position: absolute;
  background: #d57c7c;
  top: 2px;
  right: 1px;
  bottom: 2px;
  left: auto;
  width: 3px;
  opacity: 0.4;
}
.contentSectionWrap .sectionInputBar .sectionLabel.error {
  background: #ffe0e0;
  color: #822a2a;
}
.contentSectionWrap .sectionInputBar .sectionLabel.error:before {
  content: "";
  background: #d57c7c;
  width: 3px;
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 2px;
  border: none;
}
.contentSectionWrap .sectionInputBar .sectionLabel.error:after {
  content: "";
  background: #ea9797;
  width: 3px;
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 7px;
  border: none;
}
.contentSectionWrap .sectionInputBar .sectionLabel.textarea {
  height: 368px;
  position: relative;
}
.contentSectionWrap .sectionInputBar .sectionLabel.selectMulti {
  height: 272px;
  position: relative;
}
.contentSectionWrap .sectionInputBar .sectionLabel.calendarEventRepeat {
  height: 114px;
  position: relative;
}
.contentSectionWrap .sectionInputBar .sectionLabel.sectionTagsPosition {
  background: #EEE;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
.contentSectionWrap .sectionInputBar .sectionLabel.tags {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.contentSectionWrap .sectionInputBar .sectionLabel .removeRow {
  float: left;
  color: #ea9797;
}
.contentSectionWrap .sectionInputBar .sectionLabel .removeRow [class*="icon-"] {
  color: inherit;
}
.contentSectionWrap .sectionInputBar .sectionLabel .removeRow:hover {
  color: #d57c7c;
}
.contentSectionWrap .sectionInputBar .sectionLabel label {
  font-size: inherit;
}
.contentSectionWrap .sectionInputBar .sectionLabel a {
  color: #3f709e;
  text-decoration: none;
  margin-left: 0.25rem;
}
.contentSectionWrap .sectionInputBar .sectionLabel a > i {
  color: inherit;
}
.contentSectionWrap .sectionInputBar .sectionLabel a.btn.Submit {
  color: white;
}
.contentSectionWrap .sectionInputBar .sectionLabel .sectionLabelForm {
  margin-top: -0.3125rem;
  margin-left: -1rem;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  width: 10.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 0.875rem;
  text-align: right;
}
.contentSectionWrap .sectionInputBar .splitRow {
  width: 50%;
  height: 40px;
  float: left;
  position: relative;
  margin-right: 0px;
}
.contentSectionWrap .sectionInputBar .splitRow.col2 {
  width: 20%;
}
.contentSectionWrap .sectionInputBar .splitRow.col3 {
  width: 30%;
}
.contentSectionWrap .sectionInputBar .splitRow.col4 {
  width: 40%;
}
.contentSectionWrap .sectionInputBar .splitRow.col6 {
  width: 60%;
}
.contentSectionWrap .sectionInputBar .splitRow.col7 {
  width: 70%;
}
.contentSectionWrap .sectionInputBar .splitRow.col10 {
  width: 100%;
}
.contentSectionWrap .sectionInputBar .splitRow.textCenter {
  text-align: center;
}
.contentSectionWrap .sectionInputBar .splitRow:last-child .sectionLabel {
  width: 30px;
}
.contentSectionWrap .sectionInputBar .splitRow:last-child .contentInputWrap {
  left: 70px;
}
.contentSectionWrap .sectionInputBar .splitRow:last-child .contentInputWrap.limitpicker {
  margin-left: 0;
}
.contentSectionWrap .sectionInputBar .splitRow:last-child .full {
  left: 0;
}
.contentSectionWrap .sectionInputBar .splitRow.autoHeight {
  height: auto;
}
.contentSectionWrap .sectionInputBar .splitRow.validation {
  min-height: 1px;
  height: auto;
}
.contentSectionWrap .sectionInputBar .splitRow .full {
  left: 0;
  border: none;
}
.contentSectionWrap .sectionInputBar .splitRow button {
  margin-top: 4px;
  top: 0;
}
.contentSectionWrap .sectionInputBar .splitRow button i {
  font-size: 0.875em;
}
.contentSectionWrap .sectionInputBar .splitRow .multiElement {
  background: #fff;
  display: inline-block;
  width: auto;
  height: 40px;
  vertical-align: top;
  margin-right: -4px;
}
.contentSectionWrap .sectionInputBar .splitRow .multiElement.transparent {
  background: transparent;
}
.contentSectionWrap .sectionInputBar .splitRow .multiElement input[type='radio'] {
  display: inline-block;
  position: relative;
}
.contentSectionWrap .sectionInputBar .splitRow .multiElement input[type='text'] {
  height: 40px;
  line-height: 2.5em;
}
.contentSectionWrap .sectionInputBar .splitRow .multiElement .radioLabel {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  display: inline-block;
  vertical-align: top;
  margin: 1px 10px 0 -4px;
  padding: 12px 10px 0 0;
}
.contentSectionWrap .sectionInputBar .splitRow .multiElement select {
  width: 200px;
  padding-right: 6px;
}
.contentSectionWrap .sectionInputBar .splitRow .multiElement select.short {
  width: 100px;
}
.contentSectionWrap .sectionInputBar .splitRow .multiElement select.medium {
  width: 150px;
}
.contentSectionWrap .sectionInputBar .splitRow .multiElement label {
  padding: 11px 10px 0 10px;
  font-size: 0.75em;
  display: block;
}
.contentSectionWrap .sectionInputBar .splitRow .multiElement label.primary {
  font-size: 0.875rem;
  padding: 9px 10px 0 10px;
}
.contentSectionWrap .sectionInputBar .splitRow .multiHeader {
  color: #333;
  width: 100%;
  height: 30px;
  font-size: 0.875em;
  padding: 0 0 0 0.625em;
}
.contentSectionWrap .sectionInputBar .splitRow .multiLabel {
  background: #333;
  width: 100%;
  height: 30px;
  color: #fff;
  font-size: 0.875em;
  line-height: 2em;
  text-align: center;
}
.contentSectionWrap .sectionInputBar .removeRow {
  color: #a03939;
  display: none;
  font-size: 1.75rem;
  line-height: 2.25rem;
  cursor: pointer;
  position: absolute;
  top: 0.125rem;
  right: 1rem;
}
.contentSectionWrap .sectionInputBar .removeRow:hover {
  color: #7a2c2c;
}
.contentSectionWrap .sectionInputBar .contentInputWrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 250px;
  border: 1px solid #ddd;
  border-right: none;
}
.contentSectionWrap .sectionInputBar .contentTabInputWrap {
  position: relative;
  float: left;
  margin-left: 250px;
  margin-right: 165px;
  padding: 3px;
  background: #fff;
  height: auto;
  width: auto;
}
.contentSectionWrap .sectionInputBar .contentInputWrap:hover .removeRow,
.contentSectionWrap .sectionInputBar .contentTabInputWrap:hover .removeRow {
  display: block;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.browse input[type='text'],
.contentSectionWrap .sectionInputBar .contentTabInputWrap.browse input[type='text'],
.contentSectionWrap .sectionInputBar .contentInputWrap.clear input[type='text'],
.contentSectionWrap .sectionInputBar .contentTabInputWrap.clear input[type='text'] {
  position: absolute;
  width: 98.5%;
  min-width: 24.5em;
  left: 0;
  right: 102px;
  border-right: 1px solid #ddd;
  line-height: 2.375em;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.browse button,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.browse button,
.contentSectionWrap .sectionInputBar .contentInputWrap.clear button,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.clear button,
.contentSectionWrap .sectionInputBar .contentInputWrap.browse .button,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.browse .button,
.contentSectionWrap .sectionInputBar .contentInputWrap.clear .button,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.clear .button {
  background: #7bba59;
  position: absolute;
  top: 4px;
  right: 20px;
  margin-top: 0;
  border-radius: 3px;
  font-size: 0.875em;
  color: #fff;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.browse button:hover,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.browse button:hover,
.contentSectionWrap .sectionInputBar .contentInputWrap.clear button:hover,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.clear button:hover,
.contentSectionWrap .sectionInputBar .contentInputWrap.browse .button:hover,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.browse .button:hover,
.contentSectionWrap .sectionInputBar .contentInputWrap.clear .button:hover,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.clear .button:hover {
  background: #62a43e;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.browse button,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.browse button,
.contentSectionWrap .sectionInputBar .contentInputWrap.clear button,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.clear button {
  height: 30px;
  padding: 5px 14px 6px 14px;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.browse .button,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.browse .button,
.contentSectionWrap .sectionInputBar .contentInputWrap.clear .button,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.clear .button {
  height: 30px;
  padding: 0 14px 0 14px;
  line-height: 30px;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.browse label,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.browse label,
.contentSectionWrap .sectionInputBar .contentInputWrap.clear label,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.clear label {
  position: absolute;
  padding-top: 8px;
  right: 20px;
  font-size: 0.875em;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.clear button,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.clear button,
.contentSectionWrap .sectionInputBar .contentInputWrap.clear .button,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.clear .button {
  background: #ea9797;
  position: absolute;
  top: 4px;
  right: 20px;
  margin-top: 0;
  border-radius: 3px;
  font-size: 0.875em;
  color: #fff;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.clear button:hover,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.clear button:hover,
.contentSectionWrap .sectionInputBar .contentInputWrap.clear .button:hover,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.clear .button:hover {
  background: #d57c7c;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.options input[type='text'],
.contentSectionWrap .sectionInputBar .contentTabInputWrap.options input[type='text'] {
  width: 190px;
  border-right: 1px solid #ddd;
  margin-right: -4px;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.options .select,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.options .select,
.contentSectionWrap .sectionInputBar .contentInputWrap.options .cancel,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.options .cancel {
  display: inline-block;
  padding: 5px 14px 6px 14px;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.options .select,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.options .select {
  background: #7bba59;
  margin-left: 10px;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.options .select:hover,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.options .select:hover {
  background: #62a43e;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.options .clear,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.options .clear {
  background: #ea9797;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.options .clear:hover,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.options .clear:hover {
  background: #d57c7c;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.options #AssignmentName,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.options #AssignmentName {
  background: #fff;
  display: inline-block;
  height: 22px;
  width: 200px;
  padding: 10px 10px 6px 10px;
  margin-right: 6px;
  border-right: 1px solid #ddd;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.category,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.category,
.contentSectionWrap .sectionInputBar .contentInputWrap.tags,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.tags {
  right: 205px;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.radio,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.radio,
.contentSectionWrap .sectionInputBar .contentInputWrap.checkbox,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.checkbox {
  background: #fff;
  position: relative;
  left: auto;
  right: auto;
  margin-left: 250px;
  height: 39px;
  width: auto;
  border-bottom: none;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.radio:last-of-type,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.radio:last-of-type,
.contentSectionWrap .sectionInputBar .contentInputWrap.checkbox:last-of-type,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.checkbox:last-of-type {
  border-bottom: 1px solid #ddd;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.radio.flexHeight,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.radio.flexHeight,
.contentSectionWrap .sectionInputBar .contentInputWrap.checkbox.flexHeight,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.checkbox.flexHeight {
  min-height: 39px;
  height: auto;
  border-top: none;
  border-bottom: none;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.radio .label,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.radio .label,
.contentSectionWrap .sectionInputBar .contentInputWrap.checkbox .label,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.checkbox .label {
  line-height: 2.5rem;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.datepicker,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.datepicker,
.contentSectionWrap .sectionInputBar .contentInputWrap.limitpicker,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.limitpicker {
  background: #fff;
  position: relative;
  left: auto;
  right: auto;
  margin-left: 250px;
  height: 39px;
  border-bottom: 1px solid #ddd;
  width: auto;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.datepicker #slider,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.datepicker #slider,
.contentSectionWrap .sectionInputBar .contentInputWrap.limitpicker #slider,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.limitpicker #slider,
.contentSectionWrap .sectionInputBar .contentInputWrap.datepicker .smallslider,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.datepicker .smallslider,
.contentSectionWrap .sectionInputBar .contentInputWrap.limitpicker .smallslider,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.limitpicker .smallslider {
  margin: 14px;
  width: 375px;
  margin-right: 45px;
  display: inline-block;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.datepicker .smallslider,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.datepicker .smallslider,
.contentSectionWrap .sectionInputBar .contentInputWrap.limitpicker .smallslider,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.limitpicker .smallslider {
  width: 150px;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.datepicker #slider > .ui-slider-handle,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.datepicker #slider > .ui-slider-handle,
.contentSectionWrap .sectionInputBar .contentInputWrap.limitpicker #slider > .ui-slider-handle,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.limitpicker #slider > .ui-slider-handle,
.contentSectionWrap .sectionInputBar .contentInputWrap.datepicker .smallslider > .ui-slider-handle,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.datepicker .smallslider > .ui-slider-handle,
.contentSectionWrap .sectionInputBar .contentInputWrap.limitpicker .smallslider > .ui-slider-handle,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.limitpicker .smallslider > .ui-slider-handle {
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1rem;
  width: 50px;
  text-align: center;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.datepicker .checkbox,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.datepicker .checkbox,
.contentSectionWrap .sectionInputBar .contentInputWrap.limitpicker .checkbox,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.limitpicker .checkbox {
  display: inline-block;
  width: 20px;
  height: 40px;
  vertical-align: top;
  border-left: 1px solid #ddd;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.datepicker .checkbox .checkboxLabel,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.datepicker .checkbox .checkboxLabel,
.contentSectionWrap .sectionInputBar .contentInputWrap.limitpicker .checkbox .checkboxLabel,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.limitpicker .checkbox .checkboxLabel {
  position: relative;
  display: inline-block;
  width: 90px;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.limitpicker,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.limitpicker {
  height: 38px;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.limitpicker #slider,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.limitpicker #slider,
.contentSectionWrap .sectionInputBar .contentInputWrap.limitpicker .smallslider,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.limitpicker .smallslider {
  margin: 13px;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.selectUsers,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.selectUsers {
  background: #fff;
  position: absolute;
  left: 250px;
  right: 0;
  border-bottom: 1px solid #ddd;
  width: auto;
  padding: 0.625em 0.625em 0 0.625em;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.selectUsers .submit,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.selectUsers .submit {
  margin-left: 4px;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.selectUsers .cancel,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.selectUsers .cancel {
  margin-right: 4px;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.select,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.select {
  background: #fff;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.label,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.label {
  background: #eee;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.label input[type='text'],
.contentSectionWrap .sectionInputBar .contentTabInputWrap.label input[type='text'] {
  width: 190px;
  display: inline-block;
  border-right: 1px solid #ddd;
  margin-right: -4px;
  vertical-align: top;
  line-height: 2.375em;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.label .label,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.label .label {
  display: inline-block;
  font-size: 0.75em;
  color: #777;
  padding-left: 10px;
  white-space: nowrap;
  overflow: hidden;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.label .label a,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.label .label a {
  color: #555;
  font-style: italic;
  text-decoration: none;
  margin-left: 5px;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.label .label a:hover,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.label .label a:hover {
  color: #222;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.label .label a i,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.label .label a i {
  font-size: 0.875em;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.label .btn,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.label .btn {
  vertical-align: top;
  margin-top: 0.25em;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.label.flexHeight,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.label.flexHeight {
  padding: 0;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.label.flexHeight input,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.label.flexHeight input {
  height: 3.6875rem;
  line-height: 3.6875rem;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.calendar,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.calendar {
  background: #eee;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.calendar input[type='datetime'],
.contentSectionWrap .sectionInputBar .contentTabInputWrap.calendar input[type='datetime'] {
  width: 190px;
  display: inline-block;
  border-right: 1px solid #ddd;
  margin-right: -4px;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.calendar input[type='text'],
.contentSectionWrap .sectionInputBar .contentTabInputWrap.calendar input[type='text'] {
  width: 190px;
  display: inline-block;
  border-right: 1px solid #ddd;
  margin-right: -4px;
  line-height: 2.375em;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.tags,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.tags {
  position: relative;
  left: auto;
  right: auto;
  margin-left: 250px;
  min-height: 39px;
  overflow: visible;
  border-bottom: none;
  width: auto;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.chooseFiles,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.chooseFiles {
  padding: 0.4375em;
  border-bottom: 0.0625em solid #ddd;
  min-height: 1.5625em;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.helpLabel,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.helpLabel {
  background: #fff2d9;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.helpLabel input[type='text'],
.contentSectionWrap .sectionInputBar .contentTabInputWrap.helpLabel input[type='text'] {
  width: 190px;
  display: inline-block;
  border-right: 1px solid #ffe7b8;
  margin-right: -4px;
  line-height: 2.375em;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.helpLabel .label,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.helpLabel .label {
  display: inline-block;
  font-size: 0.75em;
  color: #93702e;
  line-height: 2.5rem;
  padding: 0 0 0 10px;
  white-space: nowrap;
  overflow: hidden;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.helpLabel .label a,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.helpLabel .label a {
  color: #846323;
  font-style: italic;
  text-decoration: none;
  margin-left: 5px;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.helpLabel .label a:hover,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.helpLabel .label a:hover {
  color: #332304;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.helpLabel .label a i,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.helpLabel .label a i {
  font-size: 0.875em;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.scrollableSection,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.scrollableSection {
  position: relative;
  left: -0.0625em;
  overflow-y: auto;
  max-height: 15em;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.scrollableSection.push-left,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.scrollableSection.push-left {
  margin-left: 250px;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.scrollableSection ul,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.scrollableSection ul {
  margin-top: 0.6875em;
  font-size: 0.875em;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.scrollableSection ul.list,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.scrollableSection ul.list {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.scrollableSection ul .list-item,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.scrollableSection ul .list-item {
  padding-right: 1rem;
  padding-left: 1rem;
  line-height: 2.3125rem;
  border-bottom: solid 0.0625rem #ccc;
}
.contentSectionWrap .sectionInputBar .contentInputWrap.scrollableSection ul .list-item:last-child,
.contentSectionWrap .sectionInputBar .contentTabInputWrap.scrollableSection ul .list-item:last-child {
  border-bottom: none;
}
.contentSectionWrap .sectionInputBar .contentInputWrap input[type="file"],
.contentSectionWrap .sectionInputBar .contentTabInputWrap input[type="file"] {
  font-size: 0.875em;
}
.contentSectionWrap .sectionInputBar .contentInputWrap input[type='text'],
.contentSectionWrap .sectionInputBar .contentTabInputWrap input[type='text'] {
  width: 100%;
  height: 38px;
  border: none;
  font-size: 0.875em;
  padding: 0 5px;
  line-height: 2.375em;
}
.contentSectionWrap .sectionInputBar .contentInputWrap input[type='datetime'],
.contentSectionWrap .sectionInputBar .contentTabInputWrap input[type='datetime'] {
  width: 100%;
  height: 38px;
  border: none;
  font-size: 0.875em;
  padding: 0 5px;
}
.contentSectionWrap .sectionInputBar .contentInputWrap input[type='radio'],
.contentSectionWrap .sectionInputBar .contentTabInputWrap input[type='radio'] {
  padding: 0;
  margin: 13px;
  position: absolute;
  z-index: 5;
}
.contentSectionWrap .sectionInputBar .contentInputWrap input[type='checkbox'],
.contentSectionWrap .sectionInputBar .contentTabInputWrap input[type='checkbox'] {
  padding: 0;
  margin: 13px;
  position: absolute;
  z-index: 5;
}
.contentSectionWrap .sectionInputBar .contentInputWrap select,
.contentSectionWrap .sectionInputBar .contentTabInputWrap select {
  width: 350px;
  height: 38px;
  color: #333;
  border-color: #fff;
  border-right: 1px solid #ddd;
  padding: 7px 1% 7px 5px;
  font-size: 0.875em;
  line-height: 14px;
}
.contentSectionWrap .sectionInputBar .contentInputWrap select.multi,
.contentSectionWrap .sectionInputBar .contentTabInputWrap select.multi {
  width: 100%;
  height: 200px;
  border: 1px solid #ddd;
}
.contentSectionWrap .sectionInputBar .contentInputWrap select option,
.contentSectionWrap .sectionInputBar .contentTabInputWrap select option {
  color: #333;
}
.contentSectionWrap .sectionInputBar .contentInputWrap textarea,
.contentSectionWrap .sectionInputBar .contentTabInputWrap textarea {
  width: calc(100% - 2px);
  min-height: 5rem;
  border: none;
}
.contentSectionWrap .sectionInputBar .contentInputWrap .tagit,
.contentSectionWrap .sectionInputBar .contentTabInputWrap .tagit {
  background: #fff;
  min-height: 32px;
  width: 343px;
  border: none;
  border-right: 1px solid #ddd;
  font-size: 0.875em;
  margin: 0 4px 0 0;
  float: left;
}
.contentSectionWrap .sectionInputBar .contentInputWrap .tagit .tagit-choice,
.contentSectionWrap .sectionInputBar .contentTabInputWrap .tagit .tagit-choice {
  margin: 2px 5px 0 0;
  padding: 6px 14px 7px 4px;
}
.contentSectionWrap .sectionInputBar .contentInputWrap .tagit .tagit-choice .tagit-close,
.contentSectionWrap .sectionInputBar .contentTabInputWrap .tagit .tagit-choice .tagit-close {
  padding: 4px 0 4px 3px;
}
.contentSectionWrap .sectionInputBar .contentInputWrap .tagit .tagit-new,
.contentSectionWrap .sectionInputBar .contentTabInputWrap .tagit .tagit-new {
  padding: 2px 2px;
  margin-top: 2px;
}
.contentSectionWrap .sectionInputBar .contentInputWrap .tagit .tagit-new input,
.contentSectionWrap .sectionInputBar .contentTabInputWrap .tagit .tagit-new input {
  height: 26px;
  font-size: 1em;
}
.contentSectionWrap .sectionInputBar .contentInputWrap .tagit-hiddenSelect,
.contentSectionWrap .sectionInputBar .contentTabInputWrap .tagit-hiddenSelect {
  display: none;
}
.contentSectionWrap .sectionInputBar .contentInputWrap .radioLabel,
.contentSectionWrap .sectionInputBar .contentTabInputWrap .radioLabel,
.contentSectionWrap .sectionInputBar .contentInputWrap .checkboxLabel,
.contentSectionWrap .sectionInputBar .contentTabInputWrap .checkboxLabel {
  background: #fff;
  font-size: 0.875rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 12px 20px 12px 40px;
  white-space: nowrap;
}
.contentSectionWrap .sectionInputBar .contentInputWrap .radioLabel.draft,
.contentSectionWrap .sectionInputBar .contentTabInputWrap .radioLabel.draft,
.contentSectionWrap .sectionInputBar .contentInputWrap .checkboxLabel.draft,
.contentSectionWrap .sectionInputBar .contentTabInputWrap .checkboxLabel.draft,
.contentSectionWrap .sectionInputBar .contentInputWrap .radioLabel.low,
.contentSectionWrap .sectionInputBar .contentTabInputWrap .radioLabel.low,
.contentSectionWrap .sectionInputBar .contentInputWrap .checkboxLabel.low,
.contentSectionWrap .sectionInputBar .contentTabInputWrap .checkboxLabel.low {
  color: #93702e;
  padding-top: 10px;
}
.contentSectionWrap .sectionInputBar .contentInputWrap .radioLabel.released,
.contentSectionWrap .sectionInputBar .contentTabInputWrap .radioLabel.released,
.contentSectionWrap .sectionInputBar .contentInputWrap .checkboxLabel.released,
.contentSectionWrap .sectionInputBar .contentTabInputWrap .checkboxLabel.released,
.contentSectionWrap .sectionInputBar .contentInputWrap .radioLabel.normal,
.contentSectionWrap .sectionInputBar .contentTabInputWrap .radioLabel.normal,
.contentSectionWrap .sectionInputBar .contentInputWrap .checkboxLabel.normal,
.contentSectionWrap .sectionInputBar .contentTabInputWrap .checkboxLabel.normal {
  color: #477c2b;
  padding-top: 10px;
}
.contentSectionWrap .sectionInputBar .contentInputWrap .radioLabel.closed,
.contentSectionWrap .sectionInputBar .contentTabInputWrap .radioLabel.closed,
.contentSectionWrap .sectionInputBar .contentInputWrap .checkboxLabel.closed,
.contentSectionWrap .sectionInputBar .contentTabInputWrap .checkboxLabel.closed,
.contentSectionWrap .sectionInputBar .contentInputWrap .radioLabel.high,
.contentSectionWrap .sectionInputBar .contentTabInputWrap .radioLabel.high,
.contentSectionWrap .sectionInputBar .contentInputWrap .checkboxLabel.high,
.contentSectionWrap .sectionInputBar .contentTabInputWrap .checkboxLabel.high {
  color: #a03939;
  padding-top: 10px;
}
.contentSectionWrap .sectionInputBar .contentInputWrap .radioLabel.flexHeight,
.contentSectionWrap .sectionInputBar .contentTabInputWrap .radioLabel.flexHeight,
.contentSectionWrap .sectionInputBar .contentInputWrap .checkboxLabel.flexHeight,
.contentSectionWrap .sectionInputBar .contentTabInputWrap .checkboxLabel.flexHeight {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  padding: 13px 20px 13px 40px;
  height: auto;
  white-space: normal;
}
.contentSectionWrap .sectionInputBar .contentInputWrap .radioLabel.flexHeight p,
.contentSectionWrap .sectionInputBar .contentTabInputWrap .radioLabel.flexHeight p,
.contentSectionWrap .sectionInputBar .contentInputWrap .checkboxLabel.flexHeight p,
.contentSectionWrap .sectionInputBar .contentTabInputWrap .checkboxLabel.flexHeight p {
  margin-bottom: 10px;
}
.contentSectionWrap .sectionInputBar .contentInputWrap .radioLabel.flexHeight p:last-child,
.contentSectionWrap .sectionInputBar .contentTabInputWrap .radioLabel.flexHeight p:last-child,
.contentSectionWrap .sectionInputBar .contentInputWrap .checkboxLabel.flexHeight p:last-child,
.contentSectionWrap .sectionInputBar .contentTabInputWrap .checkboxLabel.flexHeight p:last-child {
  margin-bottom: 0;
}
.contentSectionWrap .sectionInputBar .contentInputWrap .radioLabel .subLabel,
.contentSectionWrap .sectionInputBar .contentTabInputWrap .radioLabel .subLabel,
.contentSectionWrap .sectionInputBar .contentInputWrap .checkboxLabel .subLabel,
.contentSectionWrap .sectionInputBar .contentTabInputWrap .checkboxLabel .subLabel {
  display: inline-block;
  font-size: inherit;
  color: #676767;
}
.contentSectionWrap .sectionInputBar .contentInputWrap .radioLabel .btn,
.contentSectionWrap .sectionInputBar .contentTabInputWrap .radioLabel .btn,
.contentSectionWrap .sectionInputBar .contentInputWrap .checkboxLabel .btn,
.contentSectionWrap .sectionInputBar .contentTabInputWrap .checkboxLabel .btn {
  margin-top: -0.5em;
  font-size: 1em;
}
.contentSectionWrap .sectionInputBar .contentInputWrap .label,
.contentSectionWrap .sectionInputBar .contentTabInputWrap .label {
  font-size: 0.875em;
  padding: 13px 20px 13px 40px;
  white-space: nowrap;
}
.contentSectionWrap .sectionInputBar .contentInputWrap .label.flexHeight,
.contentSectionWrap .sectionInputBar .contentTabInputWrap .label.flexHeight {
  position: relative;
  padding: 12px 20px 0 20px;
  height: auto;
  white-space: normal;
}
.contentSectionWrap .sectionInputBar .contentInputWrap .label.flexHeight p,
.contentSectionWrap .sectionInputBar .contentTabInputWrap .label.flexHeight p {
  margin-bottom: 10px;
}
.contentSectionWrap .sectionInputBar .contentInputWrap .field-validation-error,
.contentSectionWrap .sectionInputBar .contentTabInputWrap .field-validation-error {
  width: 0;
  height: 0;
  display: none;
  visibility: hidden;
}
.contentSectionWrap .sectionInputBar .contentInputWrap .select2-choices,
.contentSectionWrap .sectionInputBar .contentTabInputWrap .select2-choices {
  background-image: none;
  border: none;
}
.contentSectionWrap .sectionInputBar .contentInputWrap .select2-choices input,
.contentSectionWrap .sectionInputBar .contentTabInputWrap .select2-choices input {
  margin: 0;
}
.contentSectionWrap .sectionInputBar .contentInputWrap .select2-container,
.contentSectionWrap .sectionInputBar .contentTabInputWrap .select2-container {
  border: none;
}
.contentSectionWrap .sectionInputBar .contentTabInputWrap.tags {
  left: 4px;
}
.contentSectionWrap .sectionInputBar .contentTabInputWrap .tagit {
  height: auto;
  width: 100%;
  margin: 0;
  padding: 0;
}
.contentSectionWrap .sectionInputBar .categoryButtonWrap {
  background: #fff;
  width: 145px;
  height: 38px;
  padding-left: 20px;
  float: right;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.contentSectionWrap .sectionInputBar .categoryButtonWrap button {
  background: #7bba59;
  color: #fff;
  width: 125px;
  height: 30px;
  margin: 4px 0 0 0;
  border-radius: 3px;
  font-size: 0.875em;
}
.contentSectionWrap .sectionInputBar .categoryButtonWrap button:hover {
  background: #62a43e;
}
.contentSectionWrap .sectionInputBar .categoryButtonWrap button .icon-plus {
  font-size: 14px;
  margin-right: 5px;
}
.contentSectionWrap .sectionInputBar .tagButtonWrap {
  background: #fff;
  width: 145px;
  height: 34px;
  padding-top: 4px;
  padding-left: 20px;
  float: right;
}
.contentSectionWrap .sectionInputBar .tagButtonWrap.tagButtonPosition {
  position: absolute;
  right: 0;
  top: 0;
}
.contentSectionWrap .sectionInputBar .tagButtonWrap a {
  background: #7bba59;
  color: #fff;
  width: auto;
  height: 15px;
  padding: 8px 10px 7px 10px;
  border-radius: 3px;
  font-size: 0.875em;
  float: left;
  text-decoration: none;
}
.contentSectionWrap .sectionInputBar .tagButtonWrap a:hover {
  background: #62a43e;
}
.contentSectionWrap .sectionInputBar .contentEditorWrap {
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 250px;
  overflow: auto;
  border: 1px solid #ddd;
  border-right: none;
  padding: 5px;
}
.contentSectionWrap .sectionInputBar .contentEditorWrap .field-validation-error {
  background: #ffdddd;
  border-radius: 3px;
  padding: 7px 10px;
  margin-top: 4px;
  border: 1px solid #d57c7c;
  font-size: 0.875em;
  color: #a03939;
  float: left;
}
.contentSectionWrap .sectionInputBar .contentEditorWrap textarea {
  border: none;
  width: 99%;
  height: 99%;
  max-height: 368px;
  font-size: 0.875em;
  line-height: 1.75em;
}
.contentSectionWrap .sectionInputBar .contentEditorWrap textarea:focus {
  outline: none;
}
.contentSectionWrap .sectionInputBar .content-editor-textarea-validation {
  position: relative;
  z-index: 1;
  margin: 0.5rem;
  padding: 1rem;
  background: #fbecec;
  border: 0.0625em solid #a03939;
  color: #a03939;
}
.contentSectionWrap .sectionInputBar .content-editor-textarea-validation .field-validation-error {
  position: relative;
  left: auto !important;
  color: inherit;
}
.contentSectionWrap #SelectiveReleaseInfo,
.contentSectionWrap #SelectiveReleaseCriteria {
  display: block;
}
.contentSectionWrap #SelectiveReleaseInfo {
  margin: 10px 0;
}
.contentSectionWrap .add-files-wrapper {
  margin-bottom: 1.25em;
}
.contentSectionWrap .actionButtonsWrap {
  width: 100%;
  min-height: 30px;
}
.contentSectionWrap .actionButtonsWrap .submitAction,
.contentSectionWrap .actionButtonsWrap .cancelAction,
.contentSectionWrap .actionButtonsWrap .secondaryAction {
  width: auto;
  height: auto;
  color: #fff;
  font-size: 0.875em;
  line-height: 15px;
  padding: 7px 10px 8px 10px;
  border-radius: 3px;
  display: inline-block;
  border: none;
  text-decoration: none;
}
.contentSectionWrap .actionButtonsWrap .submitAction:first-child,
.contentSectionWrap .actionButtonsWrap .cancelAction:first-child,
.contentSectionWrap .actionButtonsWrap .secondaryAction:first-child {
  margin-left: 20px;
}
.contentSectionWrap .actionButtonsWrap .submitAction .icon-plus,
.contentSectionWrap .actionButtonsWrap .cancelAction .icon-plus,
.contentSectionWrap .actionButtonsWrap .secondaryAction .icon-plus {
  font-size: 14px;
  line-height: 12px;
  margin-right: 5px;
}
.contentSectionWrap .actionButtonsWrap .submitAction {
  background: #7bba59;
  cursor: pointer;
}
.contentSectionWrap .actionButtonsWrap .submitAction:hover {
  background: #62a43e;
}
.contentSectionWrap .actionButtonsWrap .submitAction.active {
  background: #4b8c28;
  position: relative;
}
.contentSectionWrap .actionButtonsWrap .submitAction.active:after {
  content: "";
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 5px solid #4b8c28;
  position: absolute;
  bottom: -5px;
  left: 45%;
}
.contentSectionWrap .actionButtonsWrap .cancelAction {
  background: #ea9797;
}
.contentSectionWrap .actionButtonsWrap .secondaryAction {
  background: #aaa;
  cursor: pointer;
}
.contentSectionWrap .actionButtonsWrap .secondaryAction:hover {
  background: #999;
}
.contentSectionWrap .actionButtonsWrap .secondaryAction.active {
  background: #888;
  position: relative;
}
.contentSectionWrap .actionButtonsWrap .secondaryAction.active:after {
  content: "";
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 5px solid #888;
  position: absolute;
  bottom: -5px;
  left: 45%;
}
.contentSectionWrap .actionButtonsWrap input.submitAction {
  padding: 0 10px !important;
  border: 0 !important;
  margin: 0 !important;
  height: 30px;
  line-height: 22px;
}
.contentSectionWrap .actionButtonsWrap input.submitAction:first-child {
  margin-left: 20px !important;
}
.contentSectionWrap .actionButtonsWrap .pointsWrap {
  background: #477c2b;
  border-radius: 3px;
  display: inline-block;
  padding: 4px;
  height: 22px;
  margin: 0 20px;
}
.contentSectionWrap .actionButtonsWrap .pointsWrap .pointsLabel {
  color: #fff;
  font-size: 0.875em;
  display: inline-block;
  padding: 0 4px;
}
.contentSectionWrap .actionButtonsWrap .pointsWrap .pointsInput {
  border: none;
  font-size: 0.875em;
  display: inline-block;
  width: 42px;
  padding: 1px 4px;
}
.contentSectionWrap .actionButtonsWrap .file-limit-warning {
  padding: 0 1.5em;
  background: #f7d7d7;
  color: #a03939;
  line-height: 1.875em;
}
.contentSectionWrap.inactive {
  opacity: 0.6;
}
.contentSectionWrap.collapsed {
  opacity: 1;
  background: #fafafa;
  height: 20px;
  cursor: pointer;
  overflow: hidden;
}
.contentSectionWrap.collapsed:hover {
  background: #fff;
}
.contentSectionWrap.collapsed h2.sectionTitle {
  color: #777;
}
.contentSectionWrap.collapsed .sectionInfoWrap {
  float: right;
  margin-right: 20px;
  display: block;
  margin-top: -5px;
}
.contentSectionWrap.collapsed .sectionInfoWrap .sectionInfo {
  background: #ddd;
  color: #333;
  width: auto;
  height: 18px;
  font-size: 0.875em;
  padding: 7px 28px 5px 10px;
  border-radius: 3px;
  position: relative;
  display: inline-block;
}
.contentSectionWrap.collapsed .sectionInfoWrap .sectionInfo:hover {
  background: #333;
  color: #fff;
}
.contentSectionWrap.collapsed .sectionInfoWrap .sectionInfo:hover .infoBlock {
  display: block;
}
.contentSectionWrap.collapsed .sectionInfoWrap .sectionInfo .icon-info-sign {
  position: absolute;
  font-size: 16px;
  top: 7px;
  right: 10px;
  bottom: 0;
}
.contentSectionWrap.collapsed .sectionInfoWrap .sectionInfo .infoBlock {
  display: none;
}
.contentSectionWrap.collapsed .sectionInfoWrap .sectionInfo .infoBlock .sectionHoverArrow {
  position: absolute;
  width: 0;
  height: 0;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-bottom: 5px solid #333;
  top: 34px;
  right: 50%;
  margin-right: -4px;
}
.contentSectionWrap.collapsed .sectionInfoWrap .sectionInfo .infoBlock .sectionHoverInfo {
  position: absolute;
  z-index: 2;
  width: 150px;
  padding: 5px;
  display: block;
  background: #333;
  color: #fff;
  font-size: 0.75em;
  line-height: 14px;
  border-radius: 3px;
  text-align: center;
  top: 38px;
  right: 50%;
  margin-right: -80px;
}
.contentSectionWrap.collapsed .sectionInfoWrap .sectionInfo .infoBlock .sectionHoverInfo ul {
  margin: 0;
  padding: 0;
}
.contentSectionWrap.collapsed .sectionInfoWrap .sectionInfo .infoBlock .sectionHoverInfo ul li {
  color: inherit;
  font-size: inherit;
  margin: 0;
  padding: 0;
  list-style: none;
}
.contentSectionWrap.collapsed .sectionInfoWrap .sectionInfo .infoBlock .sectionHoverInfo ul li.correct {
  color: #7bba59;
}
.contentSectionWrap.collapsed .sectionInfoWrap .sectionInfo:last-child:hover .infoBlock {
  display: block;
}
.contentSectionWrap.collapsed .sectionInfoWrap .sectionInfo:last-child .infoBlock {
  display: none;
}
.contentSectionWrap.collapsed .sectionInfoWrap .sectionInfo:last-child .infoBlock .sectionHoverArrow {
  right: 50%;
  margin-right: -4px;
}
.contentSectionWrap.collapsed .sectionInfoWrap .sectionInfo:last-child .infoBlock .sectionHoverInfo {
  right: 0;
  margin-right: 0;
}
.contentSectionWrap.collapsed .sectionInputBar,
.contentSectionWrap.collapsed .actionButtonsWrap,
.contentSectionWrap.collapsed .optionalFields {
  display: none;
}
.contentSectionWrap.collapsed.submit .actionButtonsWrap {
  display: block;
}
.contentSectionWrap.submit {
  padding: 20px 0;
  min-height: 30px;
}
.contentSectionWrap.submit .actionButtonsWrap {
  overflow: hidden;
}
#checklistSection {
  margin-bottom: 10px;
  border-radius: 5px;
  padding: 10px;
  width: calc(100% - 20px);
  border-bottom: 1px solid #ccc;
}
#checklistSection h2 {
  font-size: 1.125em;
  line-height: 1.125em;
  color: #002346;
  padding-bottom: 3px;
  font-weight: bold;
}
#checklistSection div.js-requirement-info {
  padding-left: 10px;
}
#checklistSection div.js-requirement-info.not-accessible {
  color: #333;
}
#checklistSection div.js-requirement-info i.icon-check {
  color: #62a43e;
}
#checklistSection div.js-requirement-info i.icon-check-empty {
  color: #a03939;
}
#checklistSection div.js-requirement-info i.icon-check-empty.no-show {
  color: #333;
}
.contentSectionSubmitWrap {
  background: #fff;
  width: auto;
  padding: 1.25em;
  clear: both;
}
.contentSectionSubmitWrap .actionButtonsWrap {
  width: 100%;
  min-height: 30px;
}
.contentSectionSubmitWrap .actionButtonsWrap .submitAction,
.contentSectionSubmitWrap .actionButtonsWrap .cancelAction,
.contentSectionSubmitWrap .actionButtonsWrap .secondaryAction {
  width: auto;
  height: auto;
  color: #fff;
  font-size: 0.875em;
  line-height: 15px;
  padding: 7px 10px 8px 10px;
  border-radius: 3px;
  display: inline-block;
  border: none;
  text-decoration: none;
}
.contentSectionSubmitWrap .actionButtonsWrap .submitAction .icon-plus,
.contentSectionSubmitWrap .actionButtonsWrap .cancelAction .icon-plus,
.contentSectionSubmitWrap .actionButtonsWrap .secondaryAction .icon-plus {
  font-size: 14px;
  line-height: 12px;
  margin-right: 5px;
}
.contentSectionSubmitWrap .actionButtonsWrap .submitAction {
  background: #7bba59;
  cursor: pointer;
}
.contentSectionSubmitWrap .actionButtonsWrap .submitAction:hover {
  background: #62a43e;
}
.contentSectionSubmitWrap .actionButtonsWrap .submitAction.active {
  background: #4b8c28;
  position: relative;
}
.contentSectionSubmitWrap .actionButtonsWrap .submitAction.active:after {
  content: "";
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 5px solid #4b8c28;
  position: absolute;
  bottom: -5px;
  left: 45%;
}
.contentSectionSubmitWrap .actionButtonsWrap .cancelAction {
  background: #ea9797;
}
.contentSectionSubmitWrap .actionButtonsWrap .cancelAction:hover {
  background: #d57c7c;
}
.contentSectionSubmitWrap .actionButtonsWrap .secondaryAction {
  background: #aaa;
  cursor: pointer;
}
.contentSectionSubmitWrap .actionButtonsWrap .secondaryAction:hover {
  background: #999;
}
.contentSectionSubmitWrap .actionButtonsWrap .secondaryAction.active {
  background: #888;
  position: relative;
}
.contentSectionSubmitWrap .actionButtonsWrap .secondaryAction.active:after {
  content: "";
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 5px solid #888;
  position: absolute;
  bottom: -5px;
  left: 45%;
}
.contentSectionSubmitWrap .actionButtonsWrap input.submitAction,
.contentSectionSubmitWrap .actionButtonsWrap input.cancelAction {
  padding: 0 10px !important;
  border: 0 !important;
  margin: 0 !important;
  height: 30px;
  line-height: 22px;
}
.contentSectionSubmitWrap .actionButtonsWrap .pointsWrap {
  background: #477c2b;
  border-radius: 3px;
  display: inline-block;
  padding: 4px;
  height: 22px;
  margin: 0 20px;
}
.contentSectionSubmitWrap .actionButtonsWrap .pointsWrap .pointsLabel {
  color: #fff;
  font-size: 0.875em;
  display: inline-block;
  padding: 0 4px;
}
.contentSectionSubmitWrap .actionButtonsWrap .pointsWrap .pointsInput {
  border: none;
  font-size: 0.875em;
  display: inline-block;
  width: 42px;
  padding: 1px 4px;
}
#maintable {
  overflow-x: auto;
}
.SOLEFilesNavWrap,
.SOLEFilesModalNavWrap {
  background: #f5f5f5;
  border: 1px solid #dbdbdb;
  -webkit-border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  padding: 10px 10px 0px 10px;
  clear: both;
  width: auto;
  overflow: hidden;
  margin: 0 auto;
}
.SOLEFilesNavWrap .SOLEFilesPath,
.SOLEFilesModalNavWrap .SOLEFilesPath {
  left: 0px;
  right: 0px;
  height: 30px;
  overflow: visible;
  display: block;
  margin-bottom: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.SOLEFilesNavWrap .SOLEFilesPath img,
.SOLEFilesModalNavWrap .SOLEFilesPath img {
  display: inline-block;
  padding: 2px 5px 0 10px;
}
.SOLEFilesNavWrap .SOLEFilesPath h1,
.SOLEFilesModalNavWrap .SOLEFilesPath h1 {
  font-size: 1em;
  line-height: 1em;
  color: #333;
  vertical-align: top;
  padding: 0;
  padding-top: 7px;
  margin: 0px;
  display: inline-block;
  font-weight: normal;
}
.SOLEFilesNavWrap .SOLEFilesPathModal,
.SOLEFilesModalNavWrap .SOLEFilesPathModal {
  left: 0px;
  right: 0px;
  height: 30px;
  overflow: visible;
  display: block;
  margin-bottom: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.SOLEFilesNavWrap .SOLEFilesPathModal img,
.SOLEFilesModalNavWrap .SOLEFilesPathModal img {
  display: inline-block;
  padding: 2px 5px 0 10px;
}
.SOLEFilesNavWrap .SOLEFilesPathModal h1,
.SOLEFilesModalNavWrap .SOLEFilesPathModal h1 {
  font-size: 1em;
  line-height: 1em;
  color: #333;
  vertical-align: top;
  padding: 0;
  padding-top: 7px;
  margin: 0px;
  display: inline-block;
  font-weight: normal;
}
.SOLEFilesNavWrap .SOLEFilesNav.Header,
.SOLEFilesModalNavWrap .SOLEFilesNav.Header {
  position: relative;
  z-index: 100;
  width: auto;
  right: 0;
  left: 0;
  margin-top: -37px;
  padding: 0;
}
.SOLEFilesNavWrap .SOLEFilesNav,
.SOLEFilesModalNavWrap .SOLEFilesNav {
  background: transparent;
  width: 100%;
  min-height: 30px;
  border-bottom: Solid 1px transparent;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 0px;
}
.SOLEFilesNavWrap .SOLEFilesNav .navbtn-toolbar,
.SOLEFilesModalNavWrap .SOLEFilesNav .navbtn-toolbar {
  margin: 0px 5px;
}
.SOLEFilesNavWrap .SOLEFilesNav .navbtn-toolbar .navbtn-group,
.SOLEFilesModalNavWrap .SOLEFilesNav .navbtn-toolbar .navbtn-group {
  margin: 0px;
  display: inline-block;
  display: inline;
  /* IE7 inline-block hack */
  zoom: 1;
}
.SOLEFilesNavWrap .SOLEFilesNav .navbtn-group,
.SOLEFilesModalNavWrap .SOLEFilesNav .navbtn-group {
  margin: 0px 5px;
}
.SOLEFilesNavWrap .SOLEFilesNav.Medium,
.SOLEFilesModalNavWrap .SOLEFilesNav.Medium {
  background: #00457c;
  height: 30px;
  border-color: #f5f5f5;
  margin-bottom: 10px;
}
.SOLEFilesNavWrap .SOLEFilesNav.Medium img,
.SOLEFilesModalNavWrap .SOLEFilesNav.Medium img {
  margin-bottom: -1px;
}
.SOLEFilesNavWrap .SOLEFilesContent,
.SOLEFilesModalNavWrap .SOLEFilesContent,
.SOLEFilesNavWrap .SOLEFilesContentModal,
.SOLEFilesModalNavWrap .SOLEFilesContentModal {
  background: #fff;
  border: 1px solid #777;
  width: auto;
  min-height: 40px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 0 0 5px 0;
}
.SOLEFilesNavWrap .SOLEFilesContent .SOLEFilesHeader,
.SOLEFilesModalNavWrap .SOLEFilesContent .SOLEFilesHeader,
.SOLEFilesNavWrap .SOLEFilesContentModal .SOLEFilesHeader,
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEFilesHeader {
  left: 0;
  right: 0;
  height: 30px;
  border-bottom: 1px solid #777;
}
.SOLEFilesNavWrap .SOLEFilesContent .SOLEFilesHeader .Label,
.SOLEFilesModalNavWrap .SOLEFilesContent .SOLEFilesHeader .Label,
.SOLEFilesNavWrap .SOLEFilesContentModal .SOLEFilesHeader .Label,
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEFilesHeader .Label {
  font-size: 0.875em;
  color: #333;
  padding: 5px 0 0 10px;
}
.SOLEFilesNavWrap .SOLEFilesContent .SOLEFilesHeader .SelectLabel,
.SOLEFilesModalNavWrap .SOLEFilesContent .SOLEFilesHeader .SelectLabel,
.SOLEFilesNavWrap .SOLEFilesContentModal .SOLEFilesHeader .SelectLabel,
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEFilesHeader .SelectLabel {
  width: 20px;
  float: left;
  padding-top: 6px;
}
.SOLEFilesNavWrap .SOLEFilesContent .SOLEFilesHeader .NameLabel,
.SOLEFilesModalNavWrap .SOLEFilesContent .SOLEFilesHeader .NameLabel,
.SOLEFilesNavWrap .SOLEFilesContentModal .SOLEFilesHeader .NameLabel,
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEFilesHeader .NameLabel {
  width: 175px;
  float: left;
}
.SOLEFilesNavWrap .SOLEFilesContent .SOLEFilesHeader .SizeLabel,
.SOLEFilesModalNavWrap .SOLEFilesContent .SOLEFilesHeader .SizeLabel,
.SOLEFilesNavWrap .SOLEFilesContentModal .SOLEFilesHeader .SizeLabel,
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEFilesHeader .SizeLabel {
  width: 165px;
  float: right;
}
.SOLEFilesNavWrap .SOLEFilesContent .SOLEFilesHeader .ModifiedLabel,
.SOLEFilesModalNavWrap .SOLEFilesContent .SOLEFilesHeader .ModifiedLabel,
.SOLEFilesNavWrap .SOLEFilesContentModal .SOLEFilesHeader .ModifiedLabel,
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEFilesHeader .ModifiedLabel {
  width: 85px;
  float: right;
}
.SOLEFilesNavWrap .SOLEFilesContent .SOLEFilesHeader .ActionLabel,
.SOLEFilesModalNavWrap .SOLEFilesContent .SOLEFilesHeader .ActionLabel,
.SOLEFilesNavWrap .SOLEFilesContentModal .SOLEFilesHeader .ActionLabel,
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEFilesHeader .ActionLabel {
  width: 133px;
  float: right;
}
.SOLEFilesNavWrap .SOLEFilesContent .SOLEFilesBackBar,
.SOLEFilesModalNavWrap .SOLEFilesContent .SOLEFilesBackBar,
.SOLEFilesNavWrap .SOLEFilesContentModal .SOLEFilesBackBar,
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEFilesBackBar {
  background: #dedede;
  border-bottom: 1px solid #777;
  left: 0;
  right: 0;
  height: 27px;
  padding-top: 3px;
}
.SOLEFilesNavWrap .SOLEFilesContent .SOLEFilesBackBar a,
.SOLEFilesModalNavWrap .SOLEFilesContent .SOLEFilesBackBar a,
.SOLEFilesNavWrap .SOLEFilesContentModal .SOLEFilesBackBar a,
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEFilesBackBar a {
  font-size: 0.8125em;
  padding: 0 0 0 10px;
}
.SOLEFilesNavWrap .SOLEFilesContent .SOLEFile,
.SOLEFilesModalNavWrap .SOLEFilesContent .SOLEFile,
.SOLEFilesNavWrap .SOLEFilesContentModal .SOLEFile,
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEFile {
  left: 0;
  right: 0;
  background: #fff;
  height: 30px;
  overflow: hidden;
  clear: both;
}
.SOLEFilesNavWrap .SOLEFilesContent .SOLEFile:hover,
.SOLEFilesModalNavWrap .SOLEFilesContent .SOLEFile:hover,
.SOLEFilesNavWrap .SOLEFilesContentModal .SOLEFile:hover,
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEFile:hover {
  background: #eee;
}
.SOLEFilesNavWrap .SOLEFilesContent .SOLEFile .Content,
.SOLEFilesModalNavWrap .SOLEFilesContent .SOLEFile .Content,
.SOLEFilesNavWrap .SOLEFilesContentModal .SOLEFile .Content,
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEFile .Content {
  font-size: 0.875em;
  color: #333;
  padding: 5px 0 0 10px;
}
.SOLEFilesNavWrap .SOLEFilesContent .SOLEFile .Content input,
.SOLEFilesModalNavWrap .SOLEFilesContent .SOLEFile .Content input,
.SOLEFilesNavWrap .SOLEFilesContentModal .SOLEFile .Content input,
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEFile .Content input {
  margin-top: 2px;
}
.SOLEFilesNavWrap .SOLEFilesContent .SOLEFile .Content a,
.SOLEFilesModalNavWrap .SOLEFilesContent .SOLEFile .Content a,
.SOLEFilesNavWrap .SOLEFilesContentModal .SOLEFile .Content a,
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEFile .Content a {
  color: inherit;
}
.SOLEFilesNavWrap .SOLEFilesContent .SOLEFile .SelectContent,
.SOLEFilesModalNavWrap .SOLEFilesContent .SOLEFile .SelectContent,
.SOLEFilesNavWrap .SOLEFilesContentModal .SOLEFile .SelectContent,
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEFile .SelectContent {
  width: 20px;
  float: left;
  padding-top: 6px;
}
.SOLEFilesNavWrap .SOLEFilesContent .SOLEFile .NameContent,
.SOLEFilesModalNavWrap .SOLEFilesContent .SOLEFile .NameContent,
.SOLEFilesNavWrap .SOLEFilesContentModal .SOLEFile .NameContent,
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEFile .NameContent {
  width: 175px;
  float: left;
  white-space: nowrap;
  overflow: visible;
}
.SOLEFilesNavWrap .SOLEFilesContent .SOLEFile .SizeContent,
.SOLEFilesModalNavWrap .SOLEFilesContent .SOLEFile .SizeContent,
.SOLEFilesNavWrap .SOLEFilesContentModal .SOLEFile .SizeContent,
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEFile .SizeContent {
  background: #fff;
  width: 165px;
  float: right;
  white-space: nowrap;
  overflow: hidden;
  padding-top: 6px;
}
.SOLEFilesNavWrap .SOLEFilesContent .SOLEFile .ModifiedContent,
.SOLEFilesModalNavWrap .SOLEFilesContent .SOLEFile .ModifiedContent,
.SOLEFilesNavWrap .SOLEFilesContentModal .SOLEFile .ModifiedContent,
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEFile .ModifiedContent {
  background: #fff;
  width: 85px;
  float: right;
  padding-top: 6px;
}
.SOLEFilesNavWrap .SOLEFilesContent .SOLEFile .ActionContent,
.SOLEFilesModalNavWrap .SOLEFilesContent .SOLEFile .ActionContent,
.SOLEFilesNavWrap .SOLEFilesContentModal .SOLEFile .ActionContent,
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEFile .ActionContent {
  width: 133px;
  float: right;
  padding-top: 6px;
}
.SOLEFilesNavWrap .SOLEFilesContent .SOLEFile .ActionContent img,
.SOLEFilesModalNavWrap .SOLEFilesContent .SOLEFile .ActionContent img,
.SOLEFilesNavWrap .SOLEFilesContentModal .SOLEFile .ActionContent img,
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEFile .ActionContent img {
  display: inline-block;
  margin-right: 2px;
  padding-top: 2px;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.SOLEFilesNavWrap .SOLEFilesContent .SOLEFile:hover .ActionContent img,
.SOLEFilesModalNavWrap .SOLEFilesContent .SOLEFile:hover .ActionContent img,
.SOLEFilesNavWrap .SOLEFilesContentModal .SOLEFile:hover .ActionContent img,
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEFile:hover .ActionContent img {
  opacity: 1;
  filter: alpha(opacity=100);
}
.SOLEFilesNavWrap .SOLEFilesContent .SOLEFile:hover .SizeContent,
.SOLEFilesModalNavWrap .SOLEFilesContent .SOLEFile:hover .SizeContent,
.SOLEFilesNavWrap .SOLEFilesContentModal .SOLEFile:hover .SizeContent,
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEFile:hover .SizeContent,
.SOLEFilesNavWrap .SOLEFilesContent .SOLEFile:hover .ModifiedContent,
.SOLEFilesModalNavWrap .SOLEFilesContent .SOLEFile:hover .ModifiedContent,
.SOLEFilesNavWrap .SOLEFilesContentModal .SOLEFile:hover .ModifiedContent,
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEFile:hover .ModifiedContent {
  background: #eee;
}
.SOLEFilesNavWrap .SOLEFilesContent form .SOLEFilesInfo,
.SOLEFilesModalNavWrap .SOLEFilesContent form .SOLEFilesInfo,
.SOLEFilesNavWrap .SOLEFilesContentModal form .SOLEFilesInfo,
.SOLEFilesModalNavWrap .SOLEFilesContentModal form .SOLEFilesInfo {
  padding: 10px 10px 0 10px;
}
.SOLEFilesModalNavWrap {
  width: 680px;
}
.SOLEFilesModalNavWrap .SOLEFilesContentModal {
  width: 678px;
  overflow: hidden;
}
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEFilesHeader {
  left: 0;
  right: 0;
  height: 30px;
  border-bottom: 1px solid #777;
}
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEFilesHeader .Label {
  font-size: 0.875em;
  color: #333;
  padding: 5px 0 0 10px;
}
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEFilesHeader .SelectLabel {
  width: 20px;
  float: left;
  padding-top: 6px;
}
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEFilesHeader .NameLabel {
  width: 145px;
  float: left;
  white-space: nowrap;
  overflow: hidden;
}
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEFilesHeader .SizeLabel {
  width: 90px;
  float: left;
  white-space: nowrap;
  overflow: hidden;
}
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEFilesHeader .ModifiedLabel {
  width: 85px;
  float: left;
}
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEFilesHeader .ActionLabel {
  width: 125px;
  float: left;
}
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEImageFile {
  background: #f5f5f5;
  width: 303px;
  height: 120px;
  overflow: hidden;
  margin: 5px;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  float: left;
  display: block;
}
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEImageFile:hover {
  background: #eee;
}
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEImageFile .InfoWrap {
  width: 303px;
  max-height: 120px;
  float: left;
}
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEImageFile .InfoWrap .Image {
  width: 120px;
  height: 120px;
  float: left;
  margin-right: 10px;
}
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEImageFile .InfoWrap .Image img {
  max-width: 120px;
  max-height: 120px;
}
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEImageFile .InfoWrap .Content {
  font-size: 0.875em;
  color: #333;
  padding: 5px 0 0 10px;
  color: #777;
}
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEImageFile .InfoWrap .NameContent {
  width: 145px;
  height: 20px;
  float: left;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
}
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEImageFile .InfoWrap .SizeContent {
  width: 160px;
  height: 20px;
  float: left;
  color: #333;
  font-size: 0.8125em;
  white-space: nowrap;
  overflow: hidden;
}
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEImageFile .InfoWrap .Link {
  font-size: 0.8125em;
}
.SOLEFilesModalNavWrap .SOLEFilesContentModal .SOLEImageFile:hover .ActionContent img {
  opacity: 1;
  filter: alpha(opacity=100);
}
.SOLEFilesNavFooter {
  background: #dedede;
  border: 1px solid #dbdbdb;
  border-top: none;
  min-width: 660px;
  width: auto;
  height: 24px;
  margin: 0 auto 10px auto;
  padding: 5px 0 0 10px;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
}
.SOLEFilesNavFooter p.Size {
  font-size: 0.8125em;
  color: #333;
  margin: 0;
  padding-top: 1px;
}
.SOLEFilesNavFooter p.Size span {
  font-weight: bold;
  font-size: 1em;
  color: #008e0a;
}
.fc-state-default .fc-button-inner {
  border-style: solid;
  border-color: #ccc;
  background: #E5F2FF;
  color: #002346;
}
.fc-state-default .fc-button-inner:hover {
  background: #8AB6DF;
}
.fc-state-default {
  border-color: #ccc;
}
.fc-state-hover,
.fc-state-hover .fc-button-inner {
  border-color: #ccc;
}
.fc-state-down,
.fc-state-down .fc-button-inner {
  border-color: #002346;
  background: #1C558E;
}
.fc-state-active,
.fc-state-active .fc-button-inner {
  border-color: #002346;
  background: #1C558E;
  color: #fff;
  cursor: default;
}
.fc-state-active:hover,
.fc-state-active .fc-button-inner:hover {
  border-color: #002346;
  background: #1C558E;
  color: #fff;
}
.fc-state-disabled,
.fc-state-disabled .fc-button-inner {
  background: #6B9DCB;
  color: #2868A1;
  border-color: #ccc;
  cursor: default;
}
.fc-state-disabled:hover,
.fc-state-disabled .fc-button-inner:hover {
  background: #6B9DCB;
  color: #2868A1;
  border-color: #ccc;
}
.fc-state-disabled {
  cursor: default;
}
.fc-state-disabled .fc-button-effect {
  display: none;
}
.fc-agenda-allday th {
  border-width: 0 1px;
}
.fc-agenda-allday .fc-day-content {
  background: #8AB6DF;
}
.fc-header-title h2 {
  color: #002346 !important;
  font-size: 1.25em !important;
  padding-top: 4px;
}
.fc-widget-header {
  background: #E5F2FF;
  color: #002346;
}
.fc-widget-header,
.fc-widget-content {
  border: 1px solid #ccc;
}
/* <td>, usually */
.fc-event {
  color: #000 !important;
  font-size: 13px !important;
}
.fc-event-title {
  font-size: 13px !important;
}
/*------------------------------------------------------*/
/* SOLE FULL CALENDAR                                   */
/*------------------------------------------------------*/
.CalendarContent {
  background: #fff;
  width: 920px;
  min-height: 500px;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  padding: 10px;
}
.CalendarContent h1,
.CalendarContent h2,
.CalendarContent h3,
.CalendarContent h4 {
  margin: 0px 0px 10px 0px;
  padding: 0px;
  display: block;
}
.CalendarContent .navbtn-toolbar {
  overflow: hidden;
  margin: 0px 0px 10px 0px;
}
.CalendarContent .navbtn-toolbar .navbtn-group {
  display: inline-block;
  display: inline;
  /* IE7 inline-block hack */
  zoom: 1;
}
.CalendarContent p {
  color: #333;
  line-height: 1.25em;
}
.CalendarContent ul {
  list-style: disc;
  margin: 0px 0px 20px 20px;
  color: #333;
}
.CalendarContent ul li {
  color: #333;
}
.CalendarFilters {
  margin-top: -34px;
  margin-right: 10px;
}
.CalendarLabelWrap {
  position: relative;
  top: -10px;
  margin-left: -5px;
  overflow: hidden;
  padding: 5px;
  padding-top: 0;
  width: 920px;
  display: none;
}
.CalendarLabel {
  position: relative;
  left: 0;
  right: 0;
  padding: 10px;
  font-size: 0.8125em;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.45), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.45), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.45), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.CalendarLabel:last-child {
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
}
.CalendarKey {
  background: #fff;
  border: 1px solid #ccc;
  width: 918px;
  min-height: 50px;
  overflow: hidden;
}
.CalendarKey .CalendarLabelKey {
  width: 306px;
  height: 20px;
  padding: 10px 0;
  float: left;
}
.CalendarKey .CalendarLabelKey p {
  padding: 0 10px;
}
.CalendarKey .CalendarLabelKey p .ColorBlock {
  width: 20px;
  height: 20px;
  display: inline-block;
}
.CalendarKey .CalendarLabelKey p .Text {
  color: #002346;
  vertical-align: top;
  padding-top: 2px;
  font-size: 1em;
}
#loading {
  position: absolute;
  z-index: 99999;
  width: 850px;
}
.fc-button-content {
  font-family: Arial;
}
/* Mobile */
@media all and (max-width: 40.625em) {
  .CalendarContent {
    width: 90%;
    padding: 0 5%;
  }
  #calendar {
    width: 100%;
  }
  .CalendarKey {
    width: 100%;
  }
  .CalendarKey .CalendarLabelKey {
    width: 100%;
  }
  .CalendarLabelWrap {
    width: 100%;
  }
}
.contentHeader {
  background: #fff;
  overflow: hidden;
  padding: 0.625em;
}
.contentHeader #backButton {
  background: #ea9797;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  padding: 6px 10px;
  float: left;
  cursor: pointer;
}
.contentHeader #backButton:hover {
  background: #d57c7c;
}
.contentHeader #backButton:hover #backButtonCircle {
  background: #d57c7c;
}
.contentHeader #backButton #backButtonCircle {
  background: #ea9797;
  border: 2px solid #fff;
  height: 14px;
  width: 14px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  text-align: center;
  position: relative;
  display: block;
}
.contentHeader #backButton #backButtonCircle .icon-chevron-left {
  position: absolute;
  top: 0;
  left: 2px;
  font-size: 14px;
  color: #fff;
}
.contentHeader h1.title {
  float: left;
  font-size: 1.25em;
  font-weight: normal;
  color: #333;
  margin-left: 0.625rem;
}
.contentHeader .actionLink {
  color: #7bba59;
}
.contentHeader .actionLink:hover {
  color: #477c2b;
  text-decoration: none;
}
.signupListsContent {
  background: #fff;
  padding: 0.625em;
}
#contentSection > h2.signUpDeadlineLabel {
  display: inline-block;
  font-weight: normal;
  font-size: 1.125em;
  color: #d57c7c;
  margin: 0.425rem 0 0.625rem 0;
}
#contentSection > h2.signUpDeadlineLabel [class*="icon-"] {
  font-size: inherit;
}
.signUpListOption {
  border-bottom: 0.0625em solid #888;
  padding: 1em;
  border: 0.0625rem solid #ddd;
  border-top: none;
}
.signUpListOption:first-of-type {
  border-top: 0.0625rem solid #ddd;
}
.signUpListOption .actionButton,
.signUpListOption .actionSpan {
  float: left;
  display: block;
  padding: 0.5em 0;
  width: 5rem;
  border: 0.0625rem solid #aaa;
  border-radius: 0.25em;
  text-decoration: none;
  font-size: 0.875em;
  line-height: 1em;
  text-align: center;
  color: #aaa;
}
.signUpListOption .actionButton.signUp,
.signUpListOption .actionSpan.signUp {
  border-color: #477c2b;
  color: #477c2b;
}
.signUpListOption .actionButton.signUp:hover,
.signUpListOption .actionSpan.signUp:hover {
  background: #477c2b;
  color: #fff;
}
.signUpListOption .actionButton.remove,
.signUpListOption .actionSpan.remove {
  border-color: #d57c7c;
  color: #d57c7c;
}
.signUpListOption .actionButton.remove:hover,
.signUpListOption .actionSpan.remove:hover {
  background: #d57c7c;
  color: #fff;
}
.signUpListOption .actionButton.inactive,
.signUpListOption .actionSpan.inactive {
  background: #ccc;
  color: #fff;
  border-color: #ccc;
}
.signUpListOption .actionButton.full,
.signUpListOption .actionSpan.full {
  background: #a03939;
  border-color: #a03939;
  color: #fff;
}
.signUpListOption .actionButton.admin,
.signUpListOption .actionSpan.admin {
  width: 5rem;
  background: #888;
  border-color: #888;
}
.signUpListOption .listTitle {
  width: 65%;
  font-size: 1.5em;
  line-height: 1.25em;
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  color: #333;
  float: left;
  margin-left: 0.625rem;
  padding-bottom: 0;
}
.signUpListOption label.numberOpen {
  font-size: 1.5em;
  line-height: 1.25em;
  font-family: 'Oswald', sans-serif;
  color: #7bba59;
  float: right;
  margin-right: 0.3125em;
}
.signUpListOption label.numberOpen span {
  font-size: inherit;
  font-family: inherit;
}
.signUpListOption label.numberOpen span.signedUp {
  color: #477c2b;
  margin-right: 0.625rem;
}
.signUpListOption label.numberOpen span.full {
  color: #d57c7c;
}
.signUpListOption label.numberOpen span.inactive {
  color: #ccc;
}
.signUpListOption .yourStatus {
  width: 1.875em;
  height: 1.875em;
  border: 0.125em solid #ddd;
  border-radius: 50%;
  float: right;
  text-align: center;
  overflow: hidden;
}
.signUpListOption .yourStatus [class*="icon-"] {
  font-size: 1.75em;
  line-height: 1.35em;
  color: #f1f1f1;
}
.signUpListOption .yourStatus [class*="icon-"].hasUsers {
  color: #aaa;
}
.signUpListOption .yourStatus [class*="icon-"].signedUp {
  color: #477c2b;
}
.signUpListOption .summary {
  color: #aaa;
  clear: both;
  font-size: 0.75em;
  padding-top: 0.3125rem;
  margin-left: 7.85rem;
  width: 11em;
  cursor: pointer;
}
.signUpListOption .summary:hover {
  color: #555;
}
.signupListsContent .placeholder {
  height: 6.125em;
}
.drag-sign-up-list {
  float: left;
  margin-right: 1em;
  margin-left: -1em;
  padding: 0.25em 0.5em;
  border: 0.0625rem solid #ccc;
  border-left: none;
  border-radius: 0 0.125em 0.125em 0;
  color: grey;
  text-align: center;
}
.drag-sign-up-list i {
  line-height: 1em;
  font-size: 1.125em;
}
.drag-sign-up-list:hover {
  cursor: move;
  background-color: grey;
  color: white;
}
.signupInfoBox {
  background: #FFF6BF;
  border: 1px solid #ffa800;
  border-left: none;
  border-right: none;
  padding: 20px;
  color: #333;
  clear: both;
}
.signupInfoBox i {
  color: #a03939;
  margin-right: 5px;
}
.signupInfoBox a {
  color: #3f709e;
  text-decoration: none;
}
.signupInfoBox a:hover {
  color: #0e375e;
}
.actionLink.delete {
  color: #a03939;
}
#contentDiscussion #lightbox,
#contentDiscussion #progressIndicator {
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  margin: 0;
}
#contentDiscussion #lightbox .modal-body,
#contentDiscussion #progressIndicator .modal-body,
#contentDiscussion #lightbox #progressIndicator .modal-body,
#contentDiscussion #progressIndicator #progressIndicator .modal-body {
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  background-color: transparent;
  padding: 0;
}
#contentDiscussion #lightbox .modal-body img,
#contentDiscussion #progressIndicator .modal-body img {
  border-radius: 10px;
}
#contentDiscussion #lightbox .modal-body a,
#contentDiscussion #progressIndicator .modal-body a {
  color: white;
  width: 1.5em;
}
.discussion-search-and-organize {
  padding: 0.5em 1.5em;
  background: #eee;
  border: 0.0625em solid #ccc;
  height: 1.875em;
}
.discussion-search-option {
  float: left;
  margin-right: 1em;
}
.discussion-search-option input[type="text"] {
  margin: 0;
  padding: 0 1em;
  border: 0.0625em solid #ccc;
  width: 16em;
  height: 1.75em;
  font-size: 1em;
  line-height: 1.75em;
}
.discussion-search-result-info {
  position: relative;
  float: left;
  margin-top: 0.0625em;
  padding: 0 1em;
  background: #d69922;
  border-radius: 0 0.125em 0.125em 0;
  line-height: 1.75em;
  color: #fff;
}
.discussion-search-result-info:before {
  content: "";
  position: absolute;
  top: 0;
  left: -0.875em;
  border-top: 0.875em solid transparent;
  border-right: 0.875em solid #d69922;
  border-bottom: 0.875em solid transparent;
}
.discussion-organization {
  float: right;
}
.match {
  margin: 0 -0.0625em;
  padding: 0 0.0625em;
  background: #e2ae49;
  border-radius: 0.125em;
  font-size: inherit;
}
.discussion-my-information {
  padding: 0.5em 1.5em;
  background: #f2f6fa;
  border: 0.0625em solid #9ebcd8;
  border-top: none;
  line-height: 1.875em;
}
.discussion-subject,
.discussion-reply,
.discussion-comment {
  position: relative;
  padding: 1.5em;
  background: #fff;
  border: 0.0625em solid #ccc;
  border-top: none;
  border-bottom-width: 0.25em;
}
.discussion-subject:after,
.discussion-reply:after,
.discussion-comment:after {
  content: " ";
  display: table;
  clear: both;
}
.discussion-subject.stick-to-top,
.discussion-reply.stick-to-top,
.discussion-comment.stick-to-top {
  position: fixed;
  z-index: 9999;
  top: 2.5em;
  right: 0.625em;
  left: 16.3125em;
  padding-bottom: 0;
}
.discussion-subject.stick-to-top [class*="discussion-subject"],
.discussion-reply.stick-to-top [class*="discussion-subject"],
.discussion-comment.stick-to-top [class*="discussion-subject"] {
  display: none;
}
.discussion-subject.stick-to-top .discussion-subject-header-wrapper,
.discussion-reply.stick-to-top .discussion-subject-header-wrapper,
.discussion-comment.stick-to-top .discussion-subject-header-wrapper {
  display: block;
  border: none;
}
.discussion-subject.stick-to-top .discussion-subject-header-wrapper .discussion-subject-user-img,
.discussion-reply.stick-to-top .discussion-subject-header-wrapper .discussion-subject-user-img,
.discussion-comment.stick-to-top .discussion-subject-header-wrapper .discussion-subject-user-img,
.discussion-subject.stick-to-top .discussion-subject-header-wrapper .discussion-subject-header-information,
.discussion-reply.stick-to-top .discussion-subject-header-wrapper .discussion-subject-header-information,
.discussion-comment.stick-to-top .discussion-subject-header-wrapper .discussion-subject-header-information {
  display: inline-block;
}
.discussion-subject.stick-to-top .discussion-subject-header-wrapper .discussion-subject-user-img [class*="discussion-subject"],
.discussion-reply.stick-to-top .discussion-subject-header-wrapper .discussion-subject-user-img [class*="discussion-subject"],
.discussion-comment.stick-to-top .discussion-subject-header-wrapper .discussion-subject-user-img [class*="discussion-subject"],
.discussion-subject.stick-to-top .discussion-subject-header-wrapper .discussion-subject-header-information [class*="discussion-subject"],
.discussion-reply.stick-to-top .discussion-subject-header-wrapper .discussion-subject-header-information [class*="discussion-subject"],
.discussion-comment.stick-to-top .discussion-subject-header-wrapper .discussion-subject-header-information [class*="discussion-subject"] {
  display: block;
}
.discussion-subject.stick-to-top .discussion-subject-header-wrapper .discussion-subject-user-img [class*="discussion-subject"] span,
.discussion-reply.stick-to-top .discussion-subject-header-wrapper .discussion-subject-user-img [class*="discussion-subject"] span,
.discussion-comment.stick-to-top .discussion-subject-header-wrapper .discussion-subject-user-img [class*="discussion-subject"] span,
.discussion-subject.stick-to-top .discussion-subject-header-wrapper .discussion-subject-header-information [class*="discussion-subject"] span,
.discussion-reply.stick-to-top .discussion-subject-header-wrapper .discussion-subject-header-information [class*="discussion-subject"] span,
.discussion-comment.stick-to-top .discussion-subject-header-wrapper .discussion-subject-header-information [class*="discussion-subject"] span {
  font-size: inherit;
}
.discussion-subject.stick-to-top .discussion-subject-reply-saved,
.discussion-reply.stick-to-top .discussion-subject-reply-saved,
.discussion-comment.stick-to-top .discussion-subject-reply-saved {
  display: block;
}
.discussion-subject.stick-to-top .discussion-subject-user-actions,
.discussion-reply.stick-to-top .discussion-subject-user-actions,
.discussion-comment.stick-to-top .discussion-subject-user-actions {
  right: 1.5em;
  bottom: 1.5em;
  display: block;
}
.discussion-subject.stick-to-top .discussion-subject-add-a-reply,
.discussion-reply.stick-to-top .discussion-subject-add-a-reply,
.discussion-comment.stick-to-top .discussion-subject-add-a-reply {
  margin-bottom: 4.875em;
}
.discussion-subject.stick-to-top .discussion-subject-add-a-reply.active,
.discussion-reply.stick-to-top .discussion-subject-add-a-reply.active,
.discussion-comment.stick-to-top .discussion-subject-add-a-reply.active {
  display: block;
}
.discussion-subject-add-a-reply,
.discussion-reply-add-a-comment {
  display: none;
  clear: both;
  margin-bottom: 3.3125em;
  padding: 1em;
  background: #eee;
  height: 0;
}
.discussion-subject-add-a-reply.active,
.discussion-reply-add-a-comment.active {
  display: block;
  min-height: 2em;
  height: auto;
}
.discussion-subject-add-a-reply.active:after,
.discussion-reply-add-a-comment.active:after {
  content: " ";
  display: table;
  clear: both;
}
.discussion-subject-add-a-reply .cke_chrome,
.discussion-reply-add-a-comment .cke_chrome {
  box-shadow: none;
}
.discussion-subject-add-a-reply .discussion-subject-reply-saved,
.discussion-reply-add-a-comment .discussion-subject-reply-saved,
.discussion-subject-add-a-reply .field-validation-error,
.discussion-reply-add-a-comment .field-validation-error {
  display: inline-block;
  margin: 0.5em 1em 0 0;
}
.discussion-subject-add-a-reply .discussion-subject-reply-saved,
.discussion-reply-add-a-comment .discussion-subject-reply-saved {
  color: #578c3a;
}
.discussion-subject-add-a-reply .field-validation-error,
.discussion-reply-add-a-comment .field-validation-error {
  color: #c23928;
}
.discussion-reply-add-a-comment {
  margin-top: 1.5em;
}
.discussion-reply-comment-author {
  margin-bottom: 1em;
}
.discussion-reply-comment-author-image {
  display: inline-block;
  margin-right: 0.5em;
  border: 0.0625rem solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
}
.discussion-reply-comment-author-image img {
  border-radius: 50%;
  width: 100%;
}
.composeComment {
  height: 5em;
}
.composeComment .cke_reset {
  height: 5em;
}
.discussion-reply {
  padding-bottom: 0;
  border-bottom-width: 0.1875em;
}
.discussion-reply.my-reply:before {
  content: "";
  position: absolute;
  top: 1.5em;
  bottom: 1.5em;
  left: 0;
  background: #9ebcd8;
  width: 0.5em;
}
.discussion-reply.collapsible {
  cursor: pointer;
}
.discussion-reply.read {
  background: #eee;
}
.discussion-reply.read [class^="discussion-reply"][class*="poster-actions"] {
  background: #eee;
}
.discussion-reply.read [class^="discussion-reply"][class*="-footer-rate-actions"] {
  background: #eee;
}
.discussion-reply.favorited {
  background: #fbf3e3;
  border-color: #d69922;
}
.discussion-reply.favorited [class^="discussion-reply"][class*="poster-actions"] {
  background: #fbf3e3;
}
.discussion-reply.favorited [class^="discussion-reply"][class*="-footer-rate-actions"] {
  background: #fbf3e3;
}
.discussion-comment {
  clear: both;
  padding-bottom: 0;
  background: #f5f5f5;
  border-color: #ccc;
  border-bottom-width: 0.0625em;
}
.discussion-comment:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background: #ccc;
  height: 0.0625em;
}
.discussion-comment:nth-last-child(3) {
  margin-bottom: 4.875em;
}
.discussion-comment.change-margin {
  margin-bottom: 0;
}
.discussion-comment.my-comment {
  background: #f2f6fa;
  border-color: #9ebcd8;
}
.discussion-comment.my-comment:before {
  background: #9ebcd8;
}
.discussion-comment.my-comment .discussion-comment-header-poster-actions {
  background: #f2f6fa;
}
.discussion-comment .cke_chrome {
  border-top: none;
  box-shadow: none;
}
[class^="discussion-subject-"],
[class^="discussion-reply"],
[class^="discussion-comment"] {
  vertical-align: top;
}
[class^="discussion-subject-"][class*="-header-wrapper"],
[class^="discussion-reply"][class*="-header-wrapper"],
[class^="discussion-comment"][class*="-header-wrapper"] {
  position: relative;
  padding-bottom: 1.5em;
  border-bottom: 0.0625em solid #ccc;
  border-bottom: 0.0625em solid rgba(0, 0, 0, 0.1);
}
[class^="discussion-subject-"][class*="-user-img"],
[class^="discussion-reply"][class*="-user-img"],
[class^="discussion-comment"][class*="-user-img"] {
  display: inline-block;
  margin-right: 1em;
  background: #bbb;
  border: 0.0625rem solid rgba(0, 0, 0, 0.15);
  border-radius: 50%;
}
[class^="discussion-subject-"][class*="-user-img"] img,
[class^="discussion-reply"][class*="-user-img"] img,
[class^="discussion-comment"][class*="-user-img"] img {
  border-radius: 50%;
  width: 100%;
}
[class^="discussion-subject-"][class*="-header-information"],
[class^="discussion-reply"][class*="-header-information"],
[class^="discussion-comment"][class*="-header-information"] {
  display: inline-block;
}
[class^="discussion-subject-"][class*="-username"],
[class^="discussion-reply"][class*="-username"],
[class^="discussion-comment"][class*="-username"] {
  display: block;
}
[class^="discussion-subject-"][class*="-username"] .unread,
[class^="discussion-reply"][class*="-username"] .unread,
[class^="discussion-comment"][class*="-username"] .unread {
  margin-right: 0.5em;
  font-weight: 700;
  color: #629e42;
}
[class^="discussion-subject-"][class*="-date-posted"],
[class^="discussion-reply"][class*="-date-posted"],
[class^="discussion-comment"][class*="-date-posted"] {
  display: block;
}
[class^="discussion-subject-"][class*="-comments-info"],
[class^="discussion-reply"][class*="-comments-info"],
[class^="discussion-comment"][class*="-comments-info"] {
  font-size: 0.875em;
  font-weight: 700;
  color: #000;
  color: rgba(0, 0, 0, 0.5);
}
[class^="discussion-subject-"][class*="poster-actions"],
[class^="discussion-reply"][class*="poster-actions"],
[class^="discussion-comment"][class*="poster-actions"] {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.3125em 0;
  background: #fff;
  height: 1.875em;
}
[class^="discussion-subject-"][class*="posting"],
[class^="discussion-reply"][class*="posting"],
[class^="discussion-comment"][class*="posting"] {
  margin: 1.5em 0;
  font-size: 1em;
}
[class^="discussion-subject-"][class*="posting"] h1,
[class^="discussion-reply"][class*="posting"] h1,
[class^="discussion-comment"][class*="posting"] h1,
[class^="discussion-subject-"][class*="posting"] h2,
[class^="discussion-reply"][class*="posting"] h2,
[class^="discussion-comment"][class*="posting"] h2,
[class^="discussion-subject-"][class*="posting"] h3,
[class^="discussion-reply"][class*="posting"] h3,
[class^="discussion-comment"][class*="posting"] h3,
[class^="discussion-subject-"][class*="posting"] h4,
[class^="discussion-reply"][class*="posting"] h4,
[class^="discussion-comment"][class*="posting"] h4,
[class^="discussion-subject-"][class*="posting"] h5,
[class^="discussion-reply"][class*="posting"] h5,
[class^="discussion-comment"][class*="posting"] h5 {
  padding-bottom: 1.5rem !important;
  color: #444 !important;
}
[class^="discussion-subject-"][class*="posting"] p,
[class^="discussion-reply"][class*="posting"] p,
[class^="discussion-comment"][class*="posting"] p {
  margin-bottom: 1.5em !important;
  overflow: hidden;
  font-size: inherit !important;
  line-height: 1.5em !important;
  color: #222 !important;
}
[class^="discussion-subject-"][class*="posting"] p:last-child,
[class^="discussion-reply"][class*="posting"] p:last-child,
[class^="discussion-comment"][class*="posting"] p:last-child {
  margin-bottom: 0 !important;
}
[class^="discussion-subject-"][class*="posting"] p span,
[class^="discussion-reply"][class*="posting"] p span,
[class^="discussion-comment"][class*="posting"] p span,
[class^="discussion-subject-"][class*="posting"] p b,
[class^="discussion-reply"][class*="posting"] p b,
[class^="discussion-comment"][class*="posting"] p b,
[class^="discussion-subject-"][class*="posting"] p strong,
[class^="discussion-reply"][class*="posting"] p strong,
[class^="discussion-comment"][class*="posting"] p strong,
[class^="discussion-subject-"][class*="posting"] p i,
[class^="discussion-reply"][class*="posting"] p i,
[class^="discussion-comment"][class*="posting"] p i,
[class^="discussion-subject-"][class*="posting"] p p,
[class^="discussion-reply"][class*="posting"] p p,
[class^="discussion-comment"][class*="posting"] p p,
[class^="discussion-subject-"][class*="posting"] p div,
[class^="discussion-reply"][class*="posting"] p div,
[class^="discussion-comment"][class*="posting"] p div {
  font-size: inherit;
}
[class^="discussion-subject-"][class*="posting"] img,
[class^="discussion-reply"][class*="posting"] img,
[class^="discussion-comment"][class*="posting"] img {
  max-width: 100%;
}
[class^="discussion-subject-"][class*="posting"] .mention,
[class^="discussion-reply"][class*="posting"] .mention,
[class^="discussion-comment"][class*="posting"] .mention,
[class^="discussion-subject-"][class*="posting"] .mentioned,
[class^="discussion-reply"][class*="posting"] .mentioned,
[class^="discussion-comment"][class*="posting"] .mentioned {
  background: #efe9c7;
  border-radius: 0.125em;
  padding: 0.125em 0.25em;
}
[class^="discussion-subject-"][class*="posting"] .mentioned,
[class^="discussion-reply"][class*="posting"] .mentioned,
[class^="discussion-comment"][class*="posting"] .mentioned {
  background: #c7d6ef;
}
[class^="discussion-subject-"][class*="attachments"],
[class^="discussion-reply"][class*="attachments"],
[class^="discussion-comment"][class*="attachments"] {
  margin-bottom: 1.5em;
  padding: 0.5em;
  background: #f7f7f7;
  border: 0.0625rem solid #ddd;
}
[class^="discussion-subject-"] .reply-attachments-list,
[class^="discussion-reply"] .reply-attachments-list,
[class^="discussion-comment"] .reply-attachments-list {
  margin: 0.5em 0 0 0;
  padding: 0;
  list-style: none;
}
[class^="discussion-subject-"] .reply-attachments-list:after,
[class^="discussion-reply"] .reply-attachments-list:after,
[class^="discussion-comment"] .reply-attachments-list:after {
  content: " ";
  display: table;
  clear: both;
}
[class^="discussion-subject-"] .reply-attachments-list li:last-child .attachment-link,
[class^="discussion-reply"] .reply-attachments-list li:last-child .attachment-link,
[class^="discussion-comment"] .reply-attachments-list li:last-child .attachment-link {
  margin-bottom: 0;
}
[class^="discussion-subject-"] .reply-attachments-list .attachment-link,
[class^="discussion-reply"] .reply-attachments-list .attachment-link,
[class^="discussion-comment"] .reply-attachments-list .attachment-link {
  float: left;
  margin-bottom: 0.125em;
  margin-right: 0.125em;
  padding: 0 0.5em;
  background: #fff;
  border: 0.0625em solid #ccc;
  border-radius: 0.125em;
  line-height: 1.875em;
}
[class^="discussion-subject-"][class*="-footer-favorite-actions"],
[class^="discussion-reply"][class*="-footer-favorite-actions"],
[class^="discussion-comment"][class*="-footer-favorite-actions"],
[class^="discussion-subject-"][class*="-footer-rate-actions"],
[class^="discussion-reply"][class*="-footer-rate-actions"],
[class^="discussion-comment"][class*="-footer-rate-actions"] {
  float: left;
  margin-bottom: 1.5em;
  background: #fff;
}
[class^="discussion-subject-"][class*="-footer-favorite-actions"],
[class^="discussion-reply"][class*="-footer-favorite-actions"],
[class^="discussion-comment"][class*="-footer-favorite-actions"] {
  right: 9.625em;
  padding-right: 0.5em;
}
[class^="discussion-subject-"][class*="-score"],
[class^="discussion-reply"][class*="-score"],
[class^="discussion-comment"][class*="-score"] {
  display: inline-block;
  margin-left: 0.25em;
  width: 2.5em;
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.25em;
  text-align: left;
  color: #999;
}
[class^="discussion-subject-"][class*="-score"][class*="positive"],
[class^="discussion-reply"][class*="-score"][class*="positive"],
[class^="discussion-comment"][class*="-score"][class*="positive"] {
  color: #7bba59;
}
[class^="discussion-subject-"][class*="-score"][class*="negative"],
[class^="discussion-reply"][class*="-score"][class*="negative"],
[class^="discussion-comment"][class*="-score"][class*="negative"] {
  color: #DD6859;
}
[class^="discussion-subject-"][class*="-score"][class*="favorite"],
[class^="discussion-reply"][class*="-score"][class*="favorite"],
[class^="discussion-comment"][class*="-score"][class*="favorite"] {
  color: #aa7a1b;
}
[class^="discussion-subject-"][class*="user-actions"],
[class^="discussion-reply"][class*="user-actions"],
[class^="discussion-comment"][class*="user-actions"] {
  position: absolute;
  right: 1.5em;
  bottom: 1.5em;
}
[class^="discussion-subject-"][class*="-user-img"] {
  width: 3.25em;
  height: 3.25em;
}
[class^="discussion-subject-"][class*="-username"] {
  font-size: 1.875em;
  line-height: 1em;
}
[class^="discussion-subject-"][class*="-date-posted"] {
  font-size: 0.875em;
  line-height: 1.5em;
}
[class^="discussion-subject-"][class*="poster-actions"] {
  padding: 0.6875em 0;
}
[class^="discussion-subject-"][class*="footer-rate-actions"] {
  min-height: 0.0625em;
}
[class^="discussion-reply-"][class*="-user-img"] {
  width: 2.5em;
  height: 2.5em;
}
[class^="discussion-reply-"][class*="-username"] {
  font-size: 1.25em;
  line-height: 1em;
}
[class^="discussion-reply-"][class*="-date-posted"] {
  font-size: 0.875em;
  line-height: 1.5em;
}
[class^="discussion-reply-"][class*="posted-image"] {
  position: relative;
  display: block;
  margin: 0 0 0.5em 0;
  padding: 0.5em;
  background: #ccc;
  width: 40%;
}
[class^="discussion-reply-"][class*="posted-image"]:last-child {
  margin-bottom: 0;
}
[class^="discussion-reply-"][class*="posted-image"] img {
  margin-bottom: -0.25em;
  width: 100%;
}
[class^="discussion-comment-"][class*="-user-img"] {
  width: 2.5em;
  height: 2.5em;
}
[class^="discussion-comment-"][class*="-username"] {
  font-size: 1.25em;
  line-height: 1em;
}
[class^="discussion-comment-"][class*="-date-posted"] {
  font-size: 0.875em;
  line-height: 1.5em;
}
[class^="discussion-comment-"][class*="poster-actions"] {
  background: #f5f5f5;
}
[class^="discussion-comment-"][class*="-edit-current-comment"] {
  float: right;
  margin: 1.5em 0;
}
@media all and (max-width: 40.625em) {
  .discussion-search-and-organize {
    padding: 0.5em;
  }
  .discussion-search-option {
    width: 100%;
  }
  .discussion-search-option input[type="text"] {
    padding: 0 2%;
    width: 95.75%;
  }
  .discussion-organization {
    display: none;
  }
  .discussion-subject,
  .discussion-reply,
  .discussion-comment {
    padding: 0.5em 0.5em 2.125em 0.5em;
  }
  .discussion-subject .discussion-subject-add-a-reply.active {
    margin-bottom: 1em;
  }
  .discussion-subject.stick-to-top {
    right: 0;
    left: 0;
    min-height: 3em;
  }
  .discussion-subject.stick-to-top .discussion-subject-header-wrapper .discussion-subject-header-information {
    display: none;
  }
  .discussion-subject.stick-to-top [class*="user-actions"] {
    right: 0.5em;
    bottom: 0.75em;
  }
  .discussion-subject.stick-to-top [class*="user-actions"] [class*="button-view"] {
    display: inline-block;
  }
  .discussion-subject.stick-to-top .discussion-subject-add-a-reply.active {
    position: relative;
    z-index: 20;
    margin-top: 2.75em;
    margin-bottom: 3.5em;
  }
  .discussion-reply.my-reply:before {
    width: 0.125em;
  }
  .discussion-my-information {
    padding: 0.5em;
  }
  [class^="discussion-subject-"],
  [class^="discussion-reply"],
  [class^="discussion-comment"] {
    position: relative;
  }
  [class^="discussion-subject-"][class*="header-wrapper"],
  [class^="discussion-reply"][class*="header-wrapper"],
  [class^="discussion-comment"][class*="header-wrapper"] {
    padding-bottom: 0.5em;
  }
  [class^="discussion-subject-"] [class*="-user-img"],
  [class^="discussion-reply"] [class*="-user-img"],
  [class^="discussion-comment"] [class*="-user-img"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 2.5em;
    height: 2.5em;
  }
  [class^="discussion-subject-"] [class*="header-information"],
  [class^="discussion-reply"] [class*="header-information"],
  [class^="discussion-comment"] [class*="header-information"] {
    margin-left: 3em;
  }
  [class^="discussion-subject-"] [class*="-username"],
  [class^="discussion-reply"] [class*="-username"],
  [class^="discussion-comment"] [class*="-username"] {
    font-size: 1.25em;
  }
  [class^="discussion-subject-"] [class*="date-posted"],
  [class^="discussion-reply"] [class*="date-posted"],
  [class^="discussion-comment"] [class*="date-posted"] {
    margin-top: 0.5em;
    font-size: 0.625em;
    line-height: 1.5em;
  }
  [class^="discussion-subject-"] [class*="date-posted"] span,
  [class^="discussion-reply"] [class*="date-posted"] span,
  [class^="discussion-comment"] [class*="date-posted"] span {
    font-size: inherit;
  }
  [class^="discussion-subject-"] [class*="poster-actions"] .button-edit,
  [class^="discussion-reply"] [class*="poster-actions"] .button-edit,
  [class^="discussion-comment"] [class*="poster-actions"] .button-edit {
    display: none;
  }
  [class^="discussion-subject-"][class*="posting"],
  [class^="discussion-reply"][class*="posting"],
  [class^="discussion-comment"][class*="posting"] {
    margin: 0.5em 0 1.5em 0;
  }
  [class^="discussion-subject-"][class*="user-actions"],
  [class^="discussion-reply"][class*="user-actions"],
  [class^="discussion-comment"][class*="user-actions"] {
    right: 0.5em;
    bottom: 0.5em;
  }
  [class^="discussion-subject-"][class*="user-actions"] [class*="button-view"],
  [class^="discussion-reply"][class*="user-actions"] [class*="button-view"],
  [class^="discussion-comment"][class*="user-actions"] [class*="button-view"] {
    display: none;
  }
  [class^="discussion-subject-"][class*="-footer-rate-actions"],
  [class^="discussion-reply"][class*="-footer-rate-actions"],
  [class^="discussion-comment"][class*="-footer-rate-actions"] {
    display: none;
  }
  [class^="discussion-subject"] [class*="user-actions"] {
    right: 0.5em;
    bottom: 0.5em;
    display: block;
  }
  [class^="discussion-subject"] [class*="user-actions"] [class*="button-view"] {
    display: inline-block;
  }
  [class^="discussion-subject"] [class*="user-actions"] .button-submit {
    right: 0.5em;
    bottom: 0.5em;
  }
  [class^="discussion-subject"][class*="header-wrapper"] {
    padding-bottom: 0.5em;
    min-height: 2.5em;
  }
  [class^="discussion-subject"][class*="-footer-rate-actions"] {
    display: block;
  }
  .discussion-comment:nth-last-child(3) {
    margin-bottom: 1em;
  }
  [class^="discussion-reply"] [class*="date-posted"] {
    margin-top: 0.5em;
    font-size: 0.625em;
    line-height: 1.5em;
  }
  [class^="discussion-reply"] [class*="date-posted"] span {
    font-size: inherit;
  }
  [class^="discussion-comment"] [class*="date-posted"] {
    margin-top: 0.5em;
    font-size: 0.625em;
    line-height: 1.5em;
  }
  [class^="discussion-comment"] [class*="date-posted"] span {
    font-size: inherit;
  }
  .discussion-reply-add-a-comment.active {
    margin-bottom: 0;
  }
}
.loading-survey {
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: table;
  background: #7bba59;
  width: 100%;
  height: 100%;
}
.loading-survey .loading-message {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.loading-survey .loading-circle {
  -webkit-animation: animation-loading-circle 1.5s infinite;
  /* Safari 4+ */
  -moz-animation: animation-loading-circle 1.5s infinite;
  /* Fx 5+ */
  -o-animation: animation-loading-circle 1.5s infinite;
  /* Opera 12+ */
  animation: animation-loading-circle 1.5s infinite;
  /* IE 10+ */
  position: relative;
  margin: 0 auto;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2em 0 0 rgba(0, 0, 0, 0.5);
  width: 16em;
  height: 16em;
}
@-webkit-keyframes animation-loading-circle {
  /* BOTTOM */
  0% {
    box-shadow: 0 2em 0 0 rgba(0, 0, 0, 0.5);
  }
  /* BOTTOM TO MIDDLE */
  12.5% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
  }
  /* MIDDLE TO TOP */
  25% {
    box-shadow: 0 -2em 0 0 rgba(0, 0, 0, 0.5);
  }
  /* TOP TO MIDDLE */
  37.5% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
  }
  /* MIDDLE TO LEFT */
  50% {
    box-shadow: -2em 0 0 0 rgba(0, 0, 0, 0.5);
  }
  /* LEFT TO MIDDLE */
  62.5% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
  }
  /* MIDDLE TO RIGHT */
  75% {
    box-shadow: 2em 0 0 0 rgba(0, 0, 0, 0.5);
  }
  /* RIGHT TO MIDDLE */
  87.5% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
  }
  /* MIDDLE TO BOTTOM */
  100% {
    box-shadow: 0 2em 0 0 rgba(0, 0, 0, 0.5);
  }
}
@-moz-keyframes animation-loading-circle {
  /* BOTTOM */
  0% {
    box-shadow: 0 2em 0 0 rgba(0, 0, 0, 0.5);
  }
  /* BOTTOM TO MIDDLE */
  12.5% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
  }
  /* MIDDLE TO TOP */
  25% {
    box-shadow: 0 -2em 0 0 rgba(0, 0, 0, 0.5);
  }
  /* TOP TO MIDDLE */
  37.5% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
  }
  /* MIDDLE TO LEFT */
  50% {
    box-shadow: -2em 0 0 0 rgba(0, 0, 0, 0.5);
  }
  /* LEFT TO MIDDLE */
  62.5% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
  }
  /* MIDDLE TO RIGHT */
  75% {
    box-shadow: 2em 0 0 0 rgba(0, 0, 0, 0.5);
  }
  /* RIGHT TO MIDDLE */
  87.5% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
  }
  /* MIDDLE TO BOTTOM */
  100% {
    box-shadow: 0 2em 0 0 rgba(0, 0, 0, 0.5);
  }
}
@-o-keyframes animation-loading-circle {
  /* BOTTOM */
  0% {
    box-shadow: 0 2em 0 0 rgba(0, 0, 0, 0.5);
  }
  /* BOTTOM TO MIDDLE */
  12.5% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
  }
  /* MIDDLE TO TOP */
  25% {
    box-shadow: 0 -2em 0 0 rgba(0, 0, 0, 0.5);
  }
  /* TOP TO MIDDLE */
  37.5% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
  }
  /* MIDDLE TO LEFT */
  50% {
    box-shadow: -2em 0 0 0 rgba(0, 0, 0, 0.5);
  }
  /* LEFT TO MIDDLE */
  62.5% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
  }
  /* MIDDLE TO RIGHT */
  75% {
    box-shadow: 2em 0 0 0 rgba(0, 0, 0, 0.5);
  }
  /* RIGHT TO MIDDLE */
  87.5% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
  }
  /* MIDDLE TO BOTTOM */
  100% {
    box-shadow: 0 2em 0 0 rgba(0, 0, 0, 0.5);
  }
}
@keyframes animation-loading-circle {
  /* BOTTOM */
  0% {
    box-shadow: 0 2em 0 0 rgba(0, 0, 0, 0.5);
  }
  /* BOTTOM TO MIDDLE */
  12.5% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
  }
  /* MIDDLE TO TOP */
  25% {
    box-shadow: 0 -2em 0 0 rgba(0, 0, 0, 0.5);
  }
  /* TOP TO MIDDLE */
  37.5% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
  }
  /* MIDDLE TO LEFT */
  50% {
    box-shadow: -2em 0 0 0 rgba(0, 0, 0, 0.5);
  }
  /* LEFT TO MIDDLE */
  62.5% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
  }
  /* MIDDLE TO RIGHT */
  75% {
    box-shadow: 2em 0 0 0 rgba(0, 0, 0, 0.5);
  }
  /* RIGHT TO MIDDLE */
  87.5% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
  }
  /* MIDDLE TO BOTTOM */
  100% {
    box-shadow: 0 2em 0 0 rgba(0, 0, 0, 0.5);
  }
}
.loading-survey .loading-circle [class*="icon-"] {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -0.5em 0 0 -0.5315em;
  font-size: 8em;
  color: #dfeed7;
}
.loading-survey .loading-circle .label {
  position: relative;
  z-index: 1;
  font-family: 'Oswald', sans-serif;
  font-size: 2em;
  line-height: 8em;
  color: #41682b;
}
.survey-header-title {
  overflow: hidden;
}
.survey-header-title .survey-title {
  margin: -0.125em 0 0 0;
  padding: 0 0.75em;
  background: #f1f1f1;
  font-size: 2em;
  line-height: 2.25em;
}
.customHeader,
.customFooter {
  padding: 1.5em;
  background: #f1f1f1;
  overflow: hidden;
}
.customFooter {
  background: #f1f1f1;
}
.sections,
.survey-statuses,
.survey-nav-options {
  background: #fff;
}
.survey-section-label {
  border-bottom: 0.0625em solid #ccc;
  display: block;
  padding: 1.5em;
}
.survey-section-label .title {
  font-size: 1.5em;
  color: #333;
}
.survey-section-label .label {
  font-size: 0.75em;
}
.survey-section-label .label p {
  font-size: inherit;
}
.survey-question {
  border-bottom: 0.0625em solid #ccc;
  padding: 1.5em;
}
.survey-question .question-text {
  display: block;
  margin-bottom: 1em;
  font-size: 1em;
}
.survey-question .question-text p {
  overflow: hidden;
  font-size: inherit;
  line-height: 1.5em;
}
.survey-question .required {
  display: block;
  padding-bottom: 0.75rem;
  font-size: 0.75em;
  color: #cd7272;
}
.survey-answer-wrapper {
  margin-bottom: 0.25em;
}
.survey-answer-wrapper textarea {
  width: 31.25em;
  height: 5em;
}
.survey-answer-wrapper input[type="checkbox"],
.survey-answer-wrapper input[type="radio"] {
  vertical-align: middle;
}
.survey-answer-wrapper .label,
.survey-answer-wrapper .label-inline-answer {
  vertical-align: top;
  font-size: 1em;
  line-height: 1.5em;
}
.survey-answer-wrapper .label-inline-answer {
  margin-right: 1.5em;
}
.survey-answer-wrapper .answer {
  font-size: 1em;
}
.survey-answer-wrapper:last-child {
  margin-bottom: 0;
}
.survey-answer-wrapper.rating {
  display: inline-block;
}
.survey-statuses .survey-status-label {
  padding: 1.5em 1.5em 0 1.5em;
  font-family: 'Oswald', sans-serif;
}
.survey-statuses .survey-status-label span {
  font-family: inherit;
}
.survey-unanswered-questions {
  background: #f5e3e3;
  border-bottom: 0.0625em solid #ccc;
  padding: 1.5em 1.5em 1em 1.5em;
}
.survey-unanswered-questions [class*="title"] {
  margin-top: 2em;
  padding-bottom: 1em;
  font-family: 'Oswald', sans-serif;
  font-size: 1em;
  font-weight: normal;
  color: #a03939;
}
.survey-unanswered-questions [class*="title"]:first-child {
  margin-top: 0;
}
.survey-unanswered-questions .unanswered-question {
  line-height: 1.5em;
  color: #444;
}
.survey-unanswered-questions .unanswered-question p {
  font-size: 1em;
}
.survey-nav-options {
  overflow: hidden;
  padding: 1.5em;
}
.survey-nav-options .button-survey-nav,
.survey-nav-options .button-submit-survey {
  background: #7bba59;
  border-radius: 0.125em;
  display: inline-block;
  padding: 0 0.625em;
  font-size: 1em;
  line-height: 2.5em !important;
  text-decoration: none;
  color: #fff;
}
.survey-nav-options .button-survey-nav.faded,
.survey-nav-options .button-submit-survey.faded {
  opacity: 0.25;
  background: #222;
  cursor: default;
}
.survey-nav-options .button-survey-nav.faded:hover,
.survey-nav-options .button-submit-survey.faded:hover {
  background: #222;
}
.survey-nav-options .button-survey-nav:hover,
.survey-nav-options .button-submit-survey:hover {
  background: #477c2b;
}
.survey-nav-options .button-submit-survey {
  float: right;
}
.survey-completion-message {
  padding: 0.3875em 1.25rem;
  background: #e4e4e4;
  border-bottom: 0.0625em solid #eee;
}
.survey-completion-message span {
  color: #477c2b;
}
.survey-completion-message span,
.survey-completion-message p {
  display: inline-block;
  line-height: 1.5em;
}
.reportsOptions {
  padding: 0 1.5em;
  background: #f1f1f1;
}
.reportsOptions [class*="btn"] {
  margin-top: -0.5em;
}
.reportsOptions form {
  vertical-align: top;
}
.reportsOptions a,
.reportsOptions span,
.reportsOptions button {
  display: inline-block;
  vertical-align: top;
  margin-right: 0;
  padding: 0 0.5em;
  line-height: 3.5em;
  color: #0069d6;
}
.reportsOptions a:hover,
.reportsOptions span:hover,
.reportsOptions button:hover {
  background: #ddd;
  text-decoration: none;
}
.reportsOptions span {
  border-bottom: 0.25em solid #ccc;
}
.surveyReports {
  overflow: hidden;
  padding: 1.5em;
}
.surveyReports #surveyReportsPanels {
  float: left;
  width: 20%;
}
.surveyReports #surveyReportsPanels h2 {
  font-weight: normal;
}
.surveyReports #surveyReportsPanels select {
  width: 100%;
  margin-bottom: 6px;
}
.surveyReports #surveyReportsPanels input[type="text"],
.surveyReports #surveyReportsPanels select,
.surveyReports #surveyReportsPanels input[type="date"] {
  width: 100%;
  border: 0.0625em solid #ddd;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 6px;
}
.surveyReports #surveyReportsPanels .inline {
  vertical-align: top;
}
.surveyReports #surveyReportsPanels [class*="btn"] {
  margin: 0.625em 0 0 0;
}
.surveyReports #surveyReportsPanels [class*="btn"].Submit:first-of-type,
.surveyReports #surveyReportsPanels [class*="btn"].Submit:nth-child(2n),
.surveyReports #surveyReportsPanels [class*="btn"].Cancel:first-of-type {
  vertical-align: top;
  margin: 0 0 0.625em 0;
  padding: 0 1em;
  height: 1.875rem;
  line-height: 1.875rem !important;
}
.surveyReports #surveyReportsPanels ul {
  list-style: none;
  margin: 0.5em 0;
  padding: 0;
}
.surveyReports #surveyReportsPanels ul li {
  padding: 0.3125em 0;
}
.surveyReports #surveyReportsPanels .export [class*="btn"] {
  margin: 0;
}
.surveyReports #reportArea {
  float: left;
  margin-left: 2%;
  width: 78%;
}
#surveyReportsPanels h2:first-of-type {
  margin-top: 0.5em;
}
#surveyReportsPanels h2.report-title {
  margin: 1em 0 1em 1.5rem;
  font-weight: normal !important;
}
.surveyReportsPanel {
  background: #f1f1f1;
  padding: 10px;
  border-radius: 0.125em;
  margin-bottom: 1.5em;
}
.surveyReportsPanel.dateRangePanel .btn {
  margin-bottom: 0;
}
.surveyReportsPanel.dateRangePanel #appliedDateRange .filter {
  margin-top: 0.75em;
}
.surveyReportsPanel.dateRangePanel #appliedDateRange .filter span {
  line-height: 1.875em;
}
.surveyReportsPanel .reportTitle {
  margin: 0;
  padding-bottom: 0;
}
.surveyReportsPanel .filter {
  position: relative;
  padding: 0.25em;
  margin: 0.125em;
  background: #fff;
  border: 0.0625em solid #ddd;
  border-radius: 0.125em;
}
.surveyReportsPanel .filter:after {
  content: "";
  display: table;
  clear: both;
  height: 0;
}
.surveyReportsPanel .button-cancel {
  float: right;
}
.surveyReportsPanel .filter .deleteFilter {
  position: absolute;
  right: 0.25em;
  top: 0.125em;
  color: #a03939;
}
.surveyReportsPanel #surveyExcelForm,
.surveyReportsPanel #surveyPdfForm {
  vertical-align: top;
}
.surveyReportsPanel .survey-export-pdf-label {
  display: inline-block;
  margin-left: 0.25em;
  line-height: 1.8125em;
}
.surveyReportsPanel .date-range-label,
.surveyReportsPanel .date-range-input {
  display: inline-block;
}
.SOLEExamWrap.content.print {
  position: relative;
}
.SOLEExamWrap.content.print .reportsOptions {
  display: none;
}
.SOLEExamWrap.content.print #surveyReportsPanels {
  display: none;
}
.SOLEExamWrap.content.print .questionResponses {
  height: auto;
  max-height: none;
  overflow-y: auto;
}
.SOLEExamWrap.content.print .surveyReportSection {
  background: #fff;
  page-break-before: always;
  break-before: always;
  page-break-inside: auto;
  break-inside: auto;
}
.SOLEExamWrap.content.print .surveyReportSection:first-of-type {
  page-break-before: avoid;
  break-before: avoid;
}
.SOLEExamWrap.content.print .surveyReportQuestion {
  position: relative;
  display: block;
  page-break-before: auto;
  break-before: auto;
  page-break-inside: auto;
  break-inside: auto;
}
.SOLEExamWrap.content.print .surveyReportQuestion:first-of-type {
  page-break-before: avoid;
  break-before: avoid;
}
.SOLEExamWrap.content.print .surveyReportQuestion h4 {
  line-height: 1.75em !important;
}
.surveyReportSection {
  margin-bottom: 0.625em;
  padding: 0.625em;
  background: #dedede;
  border-radius: 0.125em;
}
.surveyReportSection h3 {
  font-weight: normal !important;
  color: #222 !important;
}
.surveyReportQuestion {
  padding: 0.625em;
  margin-bottom: 0.625em;
  background: #fff;
}
.surveyReportQuestion .survey-report-question-title {
  font-size: 1em !important;
  font-weight: bold;
}
.surveyReportQuestion .chartAndTable {
  min-height: 200px;
}
.surveyReportQuestion .chartType {
  padding: 0.5em;
  margin: 0.125em 0.125em 0.5em 0.125em;
  background: #e4e4e4;
  border-radius: 0.125em;
  color: #222;
  text-decoration: none;
}
.surveyReportQuestion .chartType:hover {
  background: #d4d4d4;
}
.surveyReportQuestion .chartType.selected {
  background: #7bba59;
  color: #fff;
}
.surveyReportQuestion .chartType.selected:hover {
  background: #477c2b;
}
.surveyReportQuestion table {
  width: 100%;
}
.surveyReportQuestion thead {
  background: #ccc;
}
.surveyReportQuestion th {
  border-right: 2px solid white;
  padding: 4px;
}
.surveyReportQuestion th:last-child {
  border-right: none;
}
.surveyReportQuestion tbody tr:nth-child(even) td {
  background: #f1f1f1;
}
.surveyReportQuestion tbody tr:nth-child(odd) td {
  background: #e4e4e4;
}
.surveyReportQuestion td {
  border-right: 2px solid white;
  padding: 2px;
}
.surveyReportQuestion td:last-child {
  border-right: none;
}
.surveyReportQuestion tfoot {
  background: #ccc;
}
.surveyReportQuestion .displayOptions {
  margin-bottom: 0.5em;
  padding: 0.5em;
  background: #f1f1f1;
}
.surveyReportQuestion .displayOption {
  margin: 0 0 0.25em 0;
}
.surveyReportQuestion .displayOption input[type="checkbox"] {
  height: 1.3125em;
}
.surveyReportQuestion .displayOption select {
  font-size: 1em;
}
.questionResponses {
  height: auto;
  max-height: 1000px;
  overflow-y: auto;
}
.questionResponse {
  width: 96%;
  border-bottom: 1px solid #ddd;
  padding: 0.625em 2%;
}
.questionResponse > p {
  font-size: 1em !important;
  color: #222 !important;
}
.questionResponse span {
  font-size: 0.75em;
  color: #aaa;
}
.individualSurveys {
  position: relative;
}
.individualReportActionItems {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  padding: 1.1875em;
}
.individualReportActionItems .btn {
  margin-bottom: 0 !important;
}
.survey-submission-response {
  margin: 1.5em 1.5em 0 1.5em;
}
.survey-submission-response .survey-submission-collapsable {
  display: inline-block;
  margin-right: 0.5em;
  padding: 0 0.5em;
  background: #7bba59;
  border-radius: 0.1875em;
  height: 2em;
  line-height: 1.875em;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}
.survey-submission-response .survey-submission-collapsable:hover {
  background: #629e42;
}
.survey-submission-response h2 {
  display: inline-block;
  line-height: 2em;
}
.individualReportInformation {
  position: absolute;
  top: 0;
  left: 0;
  padding: 1.1875em 1.5em;
}
.individualReportInformation .btn.Cancel {
  margin-bottom: 0;
}
.individualReportInformation .surveySubmissionDate {
  display: inline-block;
  vertical-align: top;
  margin-left: 1em;
}
.individualReportInformation .surveySubmissionDate span {
  display: inline-block;
  font-size: 0.875em;
  line-height: 2.14285714em;
}
.individualReportInformation .surveySubmissionDate span.survey-started-at {
  margin-right: 1em;
  color: #b77013;
}
.individualReportInformation .surveySubmissionDate span.survey-finished-at,
.individualReportInformation .surveySubmissionDate span .survey-submitted-at {
  color: #477c2b;
}
.individualSurvey {
  position: relative;
  padding-top: 4.3125em;
}
.individualReportUser {
  padding: 0 1.5em 1.5em 1.5em;
}
.deleteSurvey {
  margin-left: 1em;
  color: #a03939;
}
.deleteSurvey [class*="icon-"] {
  font-size: inherit;
}
.navigateIndividualReport,
.requestIndividualReport {
  display: inline-block;
  margin: 0 0.25em 0 0;
}
.navigateIndividualReport .select-report,
.requestIndividualReport .select-report {
  width: 4em;
}
.requestIndividualReport {
  vertical-align: top;
  line-height: 2em;
}
.requestIndividualReport input {
  margin: 0;
  width: 3em;
}
.surveyReportSection.individual,
.surveyReportQuestion.individual {
  padding: 1.5em;
  background: #eee;
}
.surveyReportSection.individual .title-report-section,
.surveyReportQuestion.individual .title-report-section {
  padding-bottom: 1.5em;
  font-size: 1.125em;
  line-height: 1.25em;
  color: #222;
}
.surveyReportSection.individual .title-report-survey-question,
.surveyReportQuestion.individual .title-report-survey-question {
  position: relative;
  margin-bottom: 0.5em;
  font-size: 1em;
  color: #222;
}
.surveyReportSection.individual .title-report-survey-label,
.surveyReportQuestion.individual .title-report-survey-label {
  position: absolute;
  top: 0;
  left: 0;
  font-size: inherit;
  font-weight: 700;
}
.surveyReportSection.individual .title-report-survey-text,
.surveyReportQuestion.individual .title-report-survey-text {
  margin-left: 2.5em;
  font-size: inherit;
}
.surveyReportSection.individual .title-report-survey-text p,
.surveyReportQuestion.individual .title-report-survey-text p,
.surveyReportSection.individual .title-report-survey-text i,
.surveyReportQuestion.individual .title-report-survey-text i,
.surveyReportSection.individual .title-report-survey-text em,
.surveyReportQuestion.individual .title-report-survey-text em,
.surveyReportSection.individual .title-report-survey-text u,
.surveyReportQuestion.individual .title-report-survey-text u,
.surveyReportSection.individual .title-report-survey-text b,
.surveyReportQuestion.individual .title-report-survey-text b,
.surveyReportSection.individual .title-report-survey-text strong,
.surveyReportQuestion.individual .title-report-survey-text strong,
.surveyReportSection.individual .title-report-survey-text div,
.surveyReportQuestion.individual .title-report-survey-text div,
.surveyReportSection.individual .title-report-survey-text span,
.surveyReportQuestion.individual .title-report-survey-text span {
  font-size: inherit;
  line-height: 1.3125em;
}
.surveyReportSection.individual .survey-answer-list,
.surveyReportQuestion.individual .survey-answer-list {
  margin: 0 0 0 1.25em;
  padding: 0;
}
.surveyReportSection.individual {
  border-bottom: 0.0625em solid #ccc;
}
.surveyReportQuestion.individual {
  background: #fff;
}
[class^="report-student-list-"] {
  border-bottom: 0.0625em solid #ccc;
}
[class^="report-student-list-"] .report-student-title {
  color: #477c2b;
}
[class^="report-student-list-"]:nth-child(2) .report-student-title {
  color: #444;
}
[class^="report-student-list-"]:last-child {
  margin-bottom: 0.5em;
}
[class^="report-student-list-"]:last-child .report-student-title {
  color: #a03939;
}
.report-student-title {
  padding: 0 1em;
  font-size: 1em;
  line-height: 2.5em;
}
.report-student-listing {
  padding: 0 1em;
  background: #f5f5f5;
  border-bottom: 0.07142857em solid #ccc;
  font-size: 0.875em;
  line-height: 2.28571429em;
}
.report-student-listing:last-child {
  border-bottom: none;
}
.survey-intro-block {
  margin: 10em auto;
  padding: 2em;
  background: #fff;
  width: 37.5em;
}
#directionsHeader {
  width: 500px;
  height: auto;
  margin: 0 auto;
  padding-bottom: 1em;
  text-align: left;
}
.soleicon-SOLE {
  font-size: 4em;
  color: #676767;
}
.surveyTitle {
  display: inline-block;
  vertical-align: top;
  padding-top: 0.5em;
  font-size: 2em;
  line-height: 1.25em;
  color: #477c2b;
}
#launchExamHeader {
  display: none;
  float: right;
  border: none;
  padding: 7px 15px 9px 15px;
  border-radius: 3px;
  margin-top: 30px;
}
#directionsContainer {
  position: relative;
  margin: 0 auto;
  background: #fff;
  width: 500px;
  height: auto;
  padding: 5px;
  text-align: left;
}
#directionsContainer h1.directions {
  padding: 0 2%;
  font-size: 1.25em;
  color: #7bba59;
}
.directionsSurveyTitle {
  color: #444;
}
.directionsSurveyTitle .title {
  margin-bottom: 1em;
  padding: 0 2%;
  font-size: 1.5em;
  color: inherit !important;
}
.surveyDirections,
.surveyPassword {
  margin: 1em 0;
  width: 100%;
}
.surveyDirections {
  overflow-y: auto;
  margin: 1em 0;
  padding: 1em 2% 0 2%;
  border: 0.0625em solid #ccc;
  border-right: none;
  border-left: none;
  width: 96%;
  max-height: 12em;
}
.surveyDirections p {
  margin: 0 0 1em 0;
  font-size: 1em;
  line-height: 1.25em;
}
.passwordInput {
  padding: 0 2% 0.125em 2%;
  background: #eee;
  border: none;
  width: 96%;
  height: 2.5em;
  font-size: 1.5em;
  line-height: 2.5em;
}
.passwordInput:focus {
  outline: none;
}
.passwordSubmit {
  padding: 0 2%;
  background: #7bba59;
  border-radius: 0;
  width: 100%;
  height: 2.5em;
  font-size: 1em;
  line-height: 2.5em;
  text-align: left;
  color: #fff;
}
.passwordSubmit:hover,
.passwordSubmit:focus {
  background: #477c2b;
  outline: none;
  color: #fff;
}
@media all and (max-width: 96.875em) {
  .surveyReports {
    overflow: hidden;
    padding: 1.5em;
  }
  .surveyReports #surveyReportsPanels {
    float: left;
    width: 30%;
  }
  .surveyReports #reportArea {
    float: left;
    margin-left: 2%;
    width: 68%;
  }
}
@media all and (max-width: 66.25em) {
  .surveyReports {
    overflow: hidden;
    padding: 1.5em;
  }
  .surveyReports #surveyReportsPanels {
    float: left;
    width: 40%;
  }
  .surveyReports #reportArea {
    float: left;
    margin-left: 2%;
    width: 58%;
  }
}
@media all and (max-width: 40.625em) {
  .survey-answer-wrapper textarea {
    width: 99%;
  }
}
@media print {
  .reportsOptions {
    display: none;
  }
  .survey-submission-response {
    margin: 1em 1em 0 1em;
  }
  .survey-submission-response h2 {
    font-size: 1.5em;
  }
  .survey-submission-response .survey-submission-collapsable {
    display: none;
  }
  .individualReportInformation .btn {
    display: none;
  }
  .individualReportInformation .surveySubmissionDate {
    margin-left: 0;
  }
  .individualReportUser {
    padding: 0 1em 1em 1em;
  }
  #surveyReportsPanels {
    display: none;
  }
  .surveyReportSection.individual {
    padding: 0.5em 1em;
  }
  .surveyReportQuestion.individual {
    padding: 0 1em 1em 1em;
  }
  .individualSurveyWrapper {
    page-break-before: always;
    break-before: always;
    page-break-inside: auto;
    break-inside: auto;
  }
  .individualSurveyWrapper:first-child {
    page-break-before: avoid;
    break-before: avoid;
  }
}
.notification-select-options {
  margin: 1em 0;
  width: 100%;
  height: 2.5em;
}
.select-notifications-view {
  position: relative;
  float: left;
  width: 24em;
  height: 2.5em;
}
.select-notifications-view .selected {
  position: relative;
  padding: 0 2em 0 1em;
  background: #ddd;
  border: 0.0625em solid #bbb;
  border-radius: 0.1875em;
  line-height: 2.375em;
  cursor: pointer;
}
.select-notifications-view .selected:hover {
  background: #ccc;
}
.select-notifications-view .selected [class*="icon-"] {
  position: absolute;
  top: 0.75em;
  right: 1em;
}
.select-notifications-view .select-options {
  position: absolute;
  z-index: 1;
  top: 2.5625em;
  right: 0;
  left: 0;
  display: none;
  padding: 0 0 0.1875em 0;
  background: #ddd;
  border-radius: 0 0 0.1875em 0.1875em;
  line-height: 2.5em;
}
.select-notifications-view .select-options.active {
  display: block;
}
.select-notifications-view .select-options .select-option {
  display: block;
  padding: 0 1em;
}
.select-notifications-view .select-options .select-option:hover {
  background: #ccc;
}
.add-new-contact-option {
  display: block;
  float: right;
  padding: 0 1em;
  background: #7bba59;
  border-radius: 0.1875em;
  line-height: 2.5em;
  color: #fff;
}
.add-new-contact-option:hover {
  background: #629e42;
  color: #fff;
  text-decoration: none;
}
.manage-contact-options {
  display: none;
  position: relative;
  margin: 1em 0;
  padding: 1em 0;
  background: #eef6e9;
  border-top: 0.1875em solid #7bba59;
}
.manage-contact-options:after {
  content: "";
  position: absolute;
  top: -0.75em;
  right: 5.5em;
  border-right: 0.75em solid transparent;
  border-bottom: 0.75em solid #7bba59;
  border-left: 0.75em solid transparent;
}
.manage-contact-options.active {
  display: block;
}
.manage-contact-options > h2.manage-title {
  margin: 0 0.875em 0.875em 0.875em !important;
  font-size: 1.25em;
  font-weight: 400 !important;
  color: #355624 !important;
}
.manage-contact-options .add-new-contact-form {
  margin: 0 1em 1em 1em;
  padding: 0 0.5em 0 0;
  background: #fff;
  height: 2.5em;
}
.manage-contact-options .add-new-contact-form .notification-select-contact-type,
.manage-contact-options .add-new-contact-form .notification-add-contact-type,
.manage-contact-options .add-new-contact-form .notification-select-phone-carrier {
  display: inline-block;
  border: none;
  border-bottom: 0.0625em solid #6db049;
  height: 1.5em;
  font-size: 1em;
}
.manage-contact-options .add-new-contact-form .notification-select-contact-type:focus,
.manage-contact-options .add-new-contact-form .notification-add-contact-type:focus,
.manage-contact-options .add-new-contact-form .notification-select-phone-carrier:focus {
  outline: none;
}
.manage-contact-options .add-new-contact-form .notification-select-contact-type,
.manage-contact-options .add-new-contact-form .notification-select-phone-carrier {
  margin-right: -0.25em;
  height: 2.5625em;
  line-height: 2.5625em;
}
.manage-contact-options .add-new-contact-form .notification-add-contact-type {
  margin: 0 -0.1875em 0 0;
  padding: 0 1em;
  border-right: 0.1875em solid #eef6e9;
  border-left: 0.1875em solid #eef6e9;
  height: 2.5em;
  line-height: 2.5em;
}
.manage-contact-options .add-new-contact-form .notification-add-contact-type::-webkit-input-placeholder {
  color: #444;
}
.manage-contact-options .add-new-contact-form .notification-add-contact-type:-moz-placeholder {
  /* Firefox 18- */
  color: #444;
}
.manage-contact-options .add-new-contact-form .notification-add-contact-type::-moz-placeholder {
  /* Firefox 19+ */
  color: #444;
}
.manage-contact-options .add-new-contact-form .notification-add-contact-type:-ms-input-placeholder {
  color: #444;
}
.manage-contact-options .add-new-contact-form button {
  margin-top: 0.3875em;
  float: right;
}
.manage-contact-options .contact-options {
  margin-top: 1em;
}
.manage-contact-options .contact-option {
  margin: 0 1em 0.0625em 1em;
  padding: 0 1em;
  background: #fff;
  line-height: 2.5em;
}
.manage-contact-options .contact-option-edit,
.manage-contact-options .contact-option-delete {
  display: inline-block;
  float: right;
  margin-left: 0.5em;
  text-decoration: none;
}
.manage-contact-options .update-input {
  margin-top: 0.4125em;
  width: 20em;
}
.manage-contact-options .update-contact,
.manage-contact-options .cancel-contact-update {
  display: inline-block;
  float: right;
  margin-top: 0.4125em;
  margin-left: 0.5em;
}
.manage-contact-options .contact-option-edit {
  color: #7bba59;
}
.manage-contact-options .contact-option-edit:hover {
  color: #578c3a;
}
.manage-contact-options .contact-option-delete {
  color: #d57c7c;
}
.manage-contact-options .contact-option-delete:hover {
  color: #c24242;
}
.notification-item {
  display: block;
  clear: both;
  background: #fff;
  border-bottom: 0.0625em solid #ddd;
  width: 100%;
  height: 2.5em;
}
.notification-title,
.notification-feed-toggle,
.notification-view-options,
.notification-push-options {
  float: left;
}
.notification-title {
  padding-left: 1em;
  width: 19em;
  line-height: 2.5em;
}
.notification-title a {
  text-decoration: none;
}
.notification-title [class*="icon-"] {
  color: #e9982e;
}
.notification-feed-toggle {
  position: relative;
  float: right;
  margin: 0.25em 1em 0.25em 2em;
  padding: 0.1875em;
  background: #ddd;
  border-radius: 1em;
  width: 3.25em;
  height: 1.625em;
}
.notification-feed-toggle.pushed {
  float: left;
  margin-left: 12.25em;
}
.notification-feed-toggle .feed-label {
  position: absolute;
  right: 4em;
  line-height: 1.625em;
  text-align: right;
}
.notification-feed-toggle .feed-label .on,
.notification-feed-toggle .feed-label .off {
  font-size: 0.875em;
  font-weight: bold;
  white-space: nowrap;
}
.notification-feed-toggle .feed-label .on {
  color: #7bba59;
}
.notification-feed-toggle .feed-label .off {
  color: #d57c7c;
}
.notification-feed-toggle [class*="notifications-feed"] {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  background: #fff;
  border-radius: 50%;
  width: 1.625em;
  height: 1.625em;
  color: #999;
}
.notification-feed-toggle [class*="notifications-feed"]:hover[class^="show"] {
  background: #eee;
  color: #7bba59;
}
.notification-feed-toggle [class*="notifications-feed"]:hover[class^="hide"] {
  background: #eee;
  color: #d57c7c;
}
.notification-feed-toggle [class*="notifications-feed"].active {
  color: #fff;
}
.notification-feed-toggle [class*="notifications-feed"].active[class^="show"] {
  background: #7bba59;
}
.notification-feed-toggle [class*="notifications-feed"].active[class^="hide"] {
  background: #d57c7c;
}
.notification-feed-toggle [class*="notifications-feed"].active:hover[class^="show"] {
  color: #fff;
}
.notification-feed-toggle [class*="notifications-feed"].active:hover[class^="hide"] {
  color: #fff;
}
.notification-feed-toggle [class*="notifications-feed"][class^="show"] {
  background: transparent;
}
.notification-feed-toggle [class*="notifications-feed"][class^="hide"] {
  background: transparent;
}
.notification-feed-toggle [class*="notifications-feed"] [class*="icon-"] {
  line-height: 1.65em;
}
.notification-push-options {
  float: right;
  padding-right: 1em;
  width: 19em;
  text-align: right;
}
.notification-push-options .select-push-option {
  margin-left: 0.5em;
  line-height: 2.5em;
}
.notification-push-options .select-push-option:first-child {
  margin-left: 0;
}
.notification-push-options .select-push-option:hover .push-option-state:after {
  background: #b4d8a1;
}
.notification-push-options .select-push-option:hover .push-option-label {
  color: #444;
}
.notification-push-options .select-push-option.active .push-option-state:after {
  background: #7bba59;
}
.notification-push-options .select-push-option.active .push-option-label {
  color: #4c7a33;
}
.notification-push-options .select-push-option.active:hover .push-option-state:after {
  background: #d57c7c;
}
.notification-push-options .select-push-option.active:hover .push-option-label {
  color: #b23939;
}
.notification-push-options .push-option-state,
.notification-push-options .push-option-label {
  display: inline-block;
  vertical-align: top;
}
.notification-push-options .push-option-state {
  position: relative;
  margin-top: 0.5875em;
  background: transparent;
  border: 0.0625em solid #ccc;
  border-radius: 50%;
  width: 1.25em;
  height: 1.25em;
}
.notification-push-options .push-option-state:after {
  content: "";
  position: absolute;
  top: 0.125em;
  left: 0.125em;
  background: #ddd;
  border-radius: 50%;
  width: 1em;
  height: 1em;
}
.notification-push-options .push-option-label {
  font-size: 0.875em;
  color: #aaa;
}
.homepage-notification-item {
  position: relative;
  display: block;
  padding: 0.5em 0;
  background: #fff;
  border-bottom: 0.0625em solid #ccc;
  text-decoration: none;
}
.homepage-notification-item:hover {
  background: #f5f5f5;
  text-decoration: none;
}
.homepage-notification-item.reminder {
  background: #fff5cc;
}
.title-homepage-notification-app {
  padding-left: 1em;
  background: #f0f0f0;
  border-bottom: 0.0625em solid #ccc;
  height: 1.75em;
  line-height: 1.75em;
}
.title-homepage-notification-app .label {
  float: left;
  width: 16.125em;
  font-weight: bold;
  white-space: nowrap;
}
.title-homepage-notification-app .btn {
  float: right;
  background: transparent;
  border-radius: 0;
  line-height: 1.25em;
  color: #444;
}
.title-homepage-notification-app .btn:hover {
  background: #ddd;
  color: #b23939;
}
.homepage-notification-image {
  position: absolute;
  top: 0.6255em;
  bottom: 0;
  left: 0;
  display: block;
  padding: 0 0.5em;
  width: 1.5em;
}
.homepage-notification-content {
  position: relative;
  display: block;
  margin: 0 0 0 2.5em;
  padding: 0;
  width: auto;
}
.homepage-notification-message {
  display: block;
  margin-bottom: 0.5em;
  min-width: 100%;
  color: #444;
}
.homepage-notification-message .homepage-notification-title {
  display: block;
  margin-bottom: 0.5em;
}
.homepage-notification-timestamp {
  display: block;
  min-width: 100%;
  font-size: 0.75em;
  color: #777;
}
.homepage-notification-timestamp .dismiss-notification {
  float: right;
  margin-right: 1em;
  color: #ccc;
}
.homepage-notification-timestamp .dismiss-notification:hover {
  color: #d57c7c;
}
.notifications-include-dismissed {
  margin: 1em 0 0 0;
}
.WebBackground {
  background: #3570aa url('/Resources/Core/Images/Web/BackgroundImage.png') top center no-repeat;
  width: 100%;
  min-height: 650px;
}
.WebBackground .WebWrap {
  width: 960px;
  margin: 0px auto;
  padding-bottom: 10px;
  /* Web Left Nav */
  /* Web Content */
}
.WebBackground .WebWrap .WebHeader {
  width: 960px;
  height: 133px;
}
.WebBackground .WebWrap .WebHeader .WebTitleImage {
  background: url('/Resources/Core/Images/Web/SiteTitle.png') no-repeat;
  width: 246px;
  height: 88px;
  margin-top: 20px;
  margin-left: 20px;
  float: left;
  display: block;
  filter: alpha(opacity=80);
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.WebBackground .WebWrap .WebHeader .WebTitleImage:hover {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.WebBackground .WebWrap .WebHeader .WebTopNavigation {
  width: 610px;
  margin: 60px 20px 0 20px;
  float: right;
  text-align: right;
}
.WebBackground .WebWrap .WebHeader .WebTopNavigation a {
  color: #fff;
  font-size: 0.875em;
  line-height: 0.875em;
  vertical-align: top;
  margin-right: 20px;
  text-decoration: none;
}
.WebBackground .WebWrap .WebHeader .WebTopNavigation a:hover {
  color: #abd3f4;
}
.WebBackground .WebWrap .WebHeader .WebTopNavigation a.Active {
  color: #abd3f4;
}
.WebBackground .WebWrap .WebHeader .WebTopNavigation a:last-child {
  margin-right: 0;
}
.WebBackground .WebWrap .WebHeader #nav {
  width: 610px;
  margin: 0 20px 0 20px;
  float: right;
  text-align: right;
}
.WebBackground .WebWrap .WebHeader #nav ul {
  margin: 60px 0px 0px 0px;
}
.WebBackground .WebWrap .WebHeader #nav li {
  display: inline;
  margin: 0px 20px 0px 0px;
  font-size: 1em;
}
.WebBackground .WebWrap .WebHeader #nav a {
  color: #fff;
  font-family: Segoe UI;
  text-transform: uppercase;
  text-decoration: none;
}
.WebBackground .WebWrap .WebHeader #nav a:hover {
  color: #abd3f4;
}
.WebBackground .WebWrap .WebLeftNavWrap {
  width: 310px;
  float: left;
  margin-right: 10px;
}
.WebBackground .WebWrap .WebLeftNavWrap ul {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
}
.WebBackground .WebWrap .WebLeftNavWrap ul li {
  width: 100%;
  min-height: 40px;
  white-space: nowrap;
}
.WebBackground .WebWrap .WebLeftNavWrap ul li a {
  background: #1c558e;
  border: Solid 1px #3f7ab5;
  border-left: none;
  border-right: none;
  border-bottom-color: #184b7f;
  color: #fff;
  font-size: 0.875em;
  line-height: 1.35em;
  text-decoration: none;
  padding: 10px;
  height: 18px;
  left: 0;
  right: 0;
  display: block;
}
.WebBackground .WebWrap .WebLeftNavWrap ul li a:hover {
  background: #044383;
  border-bottom-color: #002346;
}
.WebBackground .WebWrap .WebLeftNavWrap ul li a.Hidden {
  background: #6b9dcb;
  color: #1c558e;
  font-style: italic;
}
.WebBackground .WebWrap .WebLeftNavWrap ul li ul.SubNav {
  background: #8ab6df;
  overflow: hidden;
  height: auto;
  padding: 0px 10px;
  width: 290px;
}
.WebBackground .WebWrap .WebLeftNavWrap ul li ul.SubNav li:first-child {
  margin-top: 5px;
}
.WebBackground .WebWrap .WebLeftNavWrap ul li ul.SubNav li:last-child {
  margin-bottom: 5px;
}
.WebBackground .WebWrap .WebLeftNavWrap ul li ul.SubNav li {
  width: 100%;
  min-height: 25px;
  white-space: nowrap;
}
.WebBackground .WebWrap .WebLeftNavWrap ul li ul.SubNav li a {
  background: transparent;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: none;
  font-size: 0.75em;
  text-decoration: none;
  padding: 5px 0px 5px 10px;
  height: 16px;
  left: 0;
  right: 0;
  display: block;
  overflow: hidden;
}
.WebBackground .WebWrap .WebLeftNavWrap ul li ul.SubNav li a:hover {
  background: #fff;
  color: #036;
}
.WebBackground .WebWrap .WebLeftNavWrap ul li ul.SubNav li a img {
  float: left;
  display: inline-block;
  margin: 0 3px;
  height: 16px;
}
.WebBackground .WebWrap .WebLeftNavWrap ul li ul.SubNav li a.Active {
  background: #1c558e;
  color: #fff;
}
.WebBackground .WebWrap .WebLeftNavWrap ul li ul.SubNav li a.Active:hover {
  color: #fff;
}
.WebBackground .WebWrap .WebLeftNavWrap ul li ul.SubNav li a.Hidden {
  background: #6b9dcb;
  color: #1c558e;
  font-style: italic;
}
.WebBackground .WebWrap .WebLeftNavWrap ul li ul.SubNav li ul {
  margin-left: 15px;
  left: 0;
  right: 0;
  width: auto;
}
.WebBackground .WebWrap .WebLeftNavWrap ul li ul.SubNav li.Resume {
  height: 30px;
  width: 310px;
  margin: 0px 0 5px -10px;
}
.WebBackground .WebWrap .WebLeftNavWrap ul li ul.SubNav li.Resume a {
  background: #fff;
  color: #049b00;
  font-size: 0.75em;
  padding: 7px 10px;
  height: 16px;
  width: 290px;
  display: block;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.WebBackground .WebWrap .WebLeftNavWrap ul li.RootParent.Active a.RootParentLink {
  background: #044383;
  border: Solid 1px #3f7ab5;
  border-left: none;
  border-right: none;
  border-bottom-color: #184b7f;
}
.WebBackground .WebWrap .SOLEContentWrap.Web {
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0 0 0 10px;
  min-height: 200px;
}
.WebBackground .WebWrap .SOLEContentWrap.Web h1 {
  font-size: 1.3125em;
  line-height: 1.3125em;
  color: #002346;
  padding-bottom: 10px;
}
.WebBackground .WebWrap .SOLEContentWrap.Web h2 {
  font-size: 1.125em;
  line-height: 1.125em;
  color: #002346;
  padding-bottom: 10px;
}
.WebBackground .WebWrap .SOLEContentWrap.Web h3 {
  font-size: 1em;
  line-height: 1em;
  color: #002346;
  padding-bottom: 10px;
}
.WebBackground .WebWrap .SOLEContentWrap.Web h4 {
  font-size: 0.875em;
  line-height: 1.25em;
  color: #002346;
  padding-bottom: 10px;
}
.WebBackground .WebWrap .SOLEContentWrap.Web img {
  display: inline-block;
}
.WebBackground .WebWrap .SOLEContentWrap.Web .infobox p {
  margin-bottom: 0;
}
.WebBackground .WebWrap .SOLEContentWrap.Web p {
  margin-bottom: 20px;
}
.WebBackground .WebWrap .SOLEContentWrap.Web p.Updated {
  color: #0069d6;
}
.WebBackground .WebWrap .SOLEContentWrap.Web p.Updated:last-child {
  margin-bottom: 10px;
}
.WebBackground .WebWrap .SOLEContentWrap.Web ul {
  margin-left: 30px;
  margin-bottom: 20px;
}
.WebBackground .WebWrap .SOLEContentWrap.Web ul li {
  color: #676767;
  line-height: 1.5em;
  margin: 0px;
  padding: 0px;
  list-style: disc;
  font-size: 0.875em;
}
.WebBackground .WebWrap .SOLEContentWrap.Web ul li p {
  font-size: 1em;
  margin-bottom: 2px;
}
/*------------------------------------------------------*/
/* SOLE VALIDATION                                      */
/*------------------------------------------------------*/
.field-validation-error {
  color: #ff0000;
}
.field-validation-valid {
  display: none;
}
.input-validation-error {
  border: 1px solid #ff0000;
  background-color: #ffeeee;
}
.validation-summary-errors li {
  font-weight: bold;
  color: #ff0000;
}
.validation-summary-valid {
  display: none;
}
/*------------------------------------------------------*/
/* SOLE CORE FRAMEWORK STYLES                           */
/*------------------------------------------------------*/
/* Absolute Elements - Collapse Buttons/Page Switching */
.CollapsePageTop {
  background: url('/Resources/Themes/SOLE/CoursePagesImages.png') 0px 0px no-repeat;
  width: 48px;
  height: 8px;
  z-index: 99999;
  top: 0;
  position: relative;
  margin: -10px auto 2px auto;
  cursor: pointer;
  filter: alpha(opacity=70);
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.CollapsePageTop:hover {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.CollapsePageTop.Expand {
  background: url('/Resources/Themes/SOLE/CoursePagesImages.png') -49px 0px no-repeat;
}
.CollapsePageAll {
  background: url('/Resources/Themes/SOLE/CoursePagesImages.png') -10px -10px no-repeat;
  width: 21px;
  height: 21px;
  cursor: pointer;
  position: absolute;
  margin: -8px 0 0 -8px;
}
.CollapseLeft {
  background: url('/Resources/Themes/SOLE/CoursePagesImages.png') 0px -10px no-repeat;
  width: 14px;
  height: 46px;
  cursor: pointer;
  position: fixed;
  z-index: 300;
  left: 236px;
  margin-top: 15px;
  filter: alpha(opacity=70);
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.CollapseLeft:hover {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.CollapseLeft [class*="icon-"] {
  visibility: hidden;
}
.ExpandLeft {
  background: url('/Resources/Themes/SOLE/CoursePagesImages.png') 0px -58px no-repeat;
  width: 14px;
  height: 46px;
  cursor: pointer;
  position: fixed;
  z-index: 300;
  left: 6px;
  margin-top: 15px;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.PrevNextTabsWrap {
  left: 0;
  right: 0;
  margin-left: 250px;
  height: 30px;
  z-index: 300;
  position: fixed;
  bottom: 0;
}
.PrevNextTabsWrap .PrevNextButtons {
  margin: 0 auto;
  width: 121px;
  height: 30px;
}
.PrevNextTabsWrap .Previous {
  background: #8ab6df;
  width: 60px;
  height: 24px;
  -webkit-border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  border-radius: 5px 0 0 0;
  float: left;
  text-align: center;
  color: #002346;
  padding-top: 6px;
  font-size: 0.875em;
  border-right: Solid 1px #689bcb;
  cursor: pointer;
}
.PrevNextTabsWrap .Previous:hover {
  background: #689bcb;
}
.PrevNextTabsWrap .Previous .ArrowLeft {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #002346;
  display: inline-block;
  margin-right: 4px;
}
.PrevNextTabsWrap .Next {
  background: #8ab6df;
  width: 60px;
  height: 24px;
  -webkit-border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  border-radius: 0 5px 0 0;
  float: right;
  text-align: center;
  color: #002346;
  padding-top: 6px;
  font-size: 0.875em;
  cursor: pointer;
}
.PrevNextTabsWrap .Next:hover {
  background: #689bcb;
}
.PrevNextTabsWrap .Next .ArrowRight {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #002346;
  display: inline-block;
  margin-left: 4px;
}
.infoHoverIcon {
  position: relative;
  font-size: inherit;
}
.infoHoverIcon:after {
  content: "";
  background: transparent;
  position: absolute;
  top: -10px;
  bottom: 0;
  left: -5px;
  right: -5px;
}
.infoHoverIcon:hover > .infoHoverBlock {
  display: block;
}
.infoHoverIcon > .infoHoverBlock {
  display: none;
  background: #fff;
  border: 1px solid #333;
  width: 200px;
  padding: 10px;
  min-height: 50px;
  font-size: inherit;
  position: absolute;
  bottom: 25px;
  left: 50%;
  margin-left: -110px;
}
.infoHoverIcon > .infoHoverBlock:after {
  content: "";
  border-top: 6px solid #333;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  position: absolute;
  left: 50%;
  margin-left: -7px;
  bottom: -6px;
}
.infoHoverIcon > .infoHoverBlock b,
.infoHoverIcon > .infoHoverBlock i,
.infoHoverIcon > .infoHoverBlock u,
.infoHoverIcon > .infoHoverBlock p,
.infoHoverIcon > .infoHoverBlock div,
.infoHoverIcon > .infoHoverBlock span,
.infoHoverIcon > .infoHoverBlock a {
  font-size: inherit;
}
/*------------------------------------------------------*/
/* SOLE COURSE/ADMIN FRAMEWORK LAYOUTS                  */
/*------------------------------------------------------*/
/* Primary Styles for SOLE Course Content Pages */
.SOLECSContentWrap {
  background: #356faa;
  left: 0;
  right: 0;
  min-height: auto;
  padding: 10px;
}
.SOLECSContentWrap h1 {
  font-size: 1.3125em;
  line-height: 1.3125em;
  color: #002346;
  padding-bottom: 10px;
}
.SOLECSContentWrap h2 {
  font-size: 1.125em;
  line-height: 1.125em;
  color: #002346;
  padding-bottom: 10px;
}
.SOLECSContentWrap h3 {
  font-size: 1em;
  line-height: 1em;
  color: #002346;
  padding-bottom: 10px;
}
.SOLECSContentWrap h4 {
  font-size: 0.875em;
  line-height: 0.875em;
  color: #002346;
  padding-bottom: 10px;
}
.SOLECSContentWrap p {
  font-size: 0.875em;
  line-height: 0.875em;
}
.SOLECSContentWrap p img {
  margin: 0px 3px -3px 0px;
}
.SOLECSContentWrap hr {
  background: #002346;
  width: 100%;
  height: 1px;
  margin: 5px 0px;
  border: none;
}
/* Primary Styles for Admin Pages Etc... */
.SOLECoreWrap {
  background: #356faa;
  left: 0;
  right: 0;
  min-height: auto;
  padding: 60px 10px 10px 10px;
}
.SOLECoreWrap h1 {
  font-size: 1.3125em;
  line-height: 1.3125em;
  color: #e5f2ff;
  padding-bottom: 10px;
}
.SOLECoreWrap h2 {
  font-size: 1.125em;
  line-height: 1.125em;
  color: #e5f2ff;
  padding-bottom: 10px;
}
.SOLECoreWrap h3 {
  font-size: 1em;
  line-height: 1em;
  color: #e5f2ff;
  padding-bottom: 10px;
}
.SOLECoreWrap h4 {
  font-size: 0.875em;
  line-height: 0.875em;
  color: #e5f2ff;
  padding-bottom: 10px;
}
.SOLECoreWrap p {
  font-size: 0.875em;
  line-height: 0.875em;
  color: #fff;
}
.SOLECoreWrap p img {
  margin: 0px 3px -3px 0px;
}
.SOLECoreWrap p.Large {
  font-size: 1em;
  line-height: 1.25em;
}
.SOLECoreWrap p.Small {
  font-size: 0.75em;
  line-height: 1.125em;
}
.SOLECoreWrap p.Message {
  color: #ccc;
}
.SOLECoreWrap p.OK {
  color: #b2f699;
}
.SOLECoreWrap p.Error {
  color: #ffb5b3;
}
.SOLECoreWrap hr {
  background: #002346;
  width: 100%;
  height: 1px;
  margin: 5px 0px;
  border: none;
}
/*------------------------------------------------------*/
/* SOLE CORE DEFAULT Template Content Styles            */
/*------------------------------------------------------*/
.Right {
  float: right;
  margin-left: 5px;
}
.Left {
  float: left;
  margin-right: 5px;
}
.SpaceLeft {
  margin-left: 5px;
}
.SpaceRight {
  margin-right: 5px;
}
.BottomSpacing {
  padding-bottom: 10px !important;
}
.NoBottomSpacing {
  margin-bottom: 0 !important;
}
/* Make the div behave like a button */
/* SOLE - Primary Content Styles */
.SOLEContentWrap {
  left: 0;
  right: 0;
  height: auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px 10px 0px 10px;
  margin-bottom: 10px;
  overflow: visible;
  /* table { border: Solid 1px #ccc; border-bottom: none; tr td { border-bottom: Solid 1px #ccc; padding: 10px; } }*/
}
.SOLEContentWrap h1 {
  font-size: 1.3125em;
  line-height: 1.3125em;
  color: #002346;
  padding-bottom: 10px;
  font-weight: bold;
}
.SOLEContentWrap h2 {
  font-size: 1.125em;
  line-height: 1.125em;
  color: #002346;
  padding-bottom: 3px;
  font-weight: bold;
}
.SOLEContentWrap h2 a {
  color: #002346;
}
.SOLEContentWrap h2.NoMargin {
  padding-bottom: 0px;
  color: #fff;
  margin-bottom: 0px !important;
  font-weight: bold;
}
.SOLEContentWrap h2.NoMargin a {
  color: #fff;
}
.SOLEContentWrap h3 {
  font-size: 1em;
  line-height: 1em;
  color: #002346;
  padding-bottom: 10px;
  font-weight: bold;
}
.SOLEContentWrap h4 {
  font-size: 0.875em;
  line-height: 0.875em;
  color: #002346;
  padding-bottom: 10px;
  font-weight: bold;
}
.SOLEContentWrap p {
  font-size: 0.875em;
  color: #444;
  line-height: 1.3em;
  margin: 0px;
  padding: 0px;
}
.SOLEContentWrap p img {
  float: left;
  margin: 3px 10px -3px 0px;
}
.SOLEContentWrap p b {
  font-size: 1em;
}
.SOLEContentWrap p.Large {
  font-size: 1em;
  line-height: 1.25em;
}
.SOLEContentWrap p.Small {
  font-size: 0.75em;
  line-height: 1.125em;
}
.SOLEContentWrap p.Message {
  color: #3c75af;
}
.SOLEContentWrap p.OK {
  color: #2F8B0D;
}
.SOLEContentWrap p.Error {
  color: #D31F1B;
}
.SOLEContentWrap .PageContentBox p img {
  float: none;
}
.SOLEContentWrap .Content .UserNotesSiteLayout h2 a {
  color: #002346;
}
.SOLEContentWrap hr {
  background: #ccc;
  width: 100%;
  height: 1px;
  margin: 0 0 5px -10px;
  border: none;
  padding: 0 10px;
}
.SOLEContentWrap .Text {
  font-size: 0.875em;
  line-height: 2.1em;
}
.SOLEContentWrap input {
  font-size: 1.125em;
  color: #333;
}
.SOLEContentWrap input:focus {
  outline: none;
}
.SOLEContentWrap select {
  font-size: 1.125em;
  padding: 1px 0;
  color: #333;
}
.SOLEContentWrap select:focus {
  outline: none;
}
.SOLEContentWrap input.btn {
  font-size: 0.8125em;
}
.SOLEContentWrap p.SearchText {
  margin: 7px 5px 0 0;
}
.SOLEContentWrap input.Search {
  margin-bottom: 10px;
  width: 400px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: none;
  padding: 3px;
}
.SOLEContentWrap .btn {
  margin-bottom: 10px;
}
.SOLEContentWrap .btn.RightMargin {
  margin-right: 5px;
}
.SOLEContentWrap .btn.LeftMargin {
  margin-left: 5px;
}
.SOLEContentWrap .notebox .btn {
  font-size: 1em;
}
.SOLEContentWrap label {
  font-size: 0.8125em;
  color: #333;
  line-height: 1.5em;
}
.SOLEContentWrap .FormTitle {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding-bottom: 2px;
  display: block;
}
.SOLEContentWrap .FormTitle label {
  font-size: 0.8125em;
  color: #676767;
  line-height: 1.5em;
}
.SOLEContentWrap .FormTitle > p,
.SOLEContentWrap .FormTitle p {
  font-size: 0.8125em;
  color: #676767 !important;
  line-height: 1.5em;
  margin: 0px;
  padding: 0px;
}
.SOLEContentWrap .FormTitle > p b,
.SOLEContentWrap .FormTitle p b {
  font-size: 1em;
}
.SOLEContentWrap .FormField {
  color: #333;
  font-size: 0.8125em;
  width: 100%;
  display: block;
}
.SOLEContentWrap .FormField .text-box {
  width: 300px;
  font-size: 1.35em;
  margin-bottom: 10px;
}
.SOLEContentWrap .FormField textarea {
  width: 300px;
  font-size: 1.35em;
  margin-bottom: 10px;
}
.SOLEContentWrap .FormField input {
  width: 300px;
  font-size: 1.35em;
  margin-bottom: 10px;
}
.SOLEContentWrap .FormField select {
  font-size: 1.35em;
  margin-bottom: 10px;
}
.SOLEContentWrap .FormField p.Checkbox {
  font-size: 1em;
  color: #333 !important;
  line-height: 1.5em;
  margin: 0px;
  padding: 0px;
}
.SOLEContentWrap .FormField p.Checkbox b {
  font-size: 1em;
}
.SOLEContentWrap .FormField p.Checkbox input {
  width: 20px;
}
.SOLEContentWrap .FormField .field-validation-error {
  font-size: 1em;
  line-height: 1.5em;
}
.SOLEContentWrap .FormField .field-validation-error span {
  font-size: 1em;
}
.SOLEContentWrap .FormField .field-validation-error span i,
.SOLEContentWrap .FormField .field-validation-error span b {
  font-size: 1em;
}
.SOLEContentWrap .FormField .ExtendedValidation {
  min-height: 30px;
  overflow: hidden;
  margin: -25px 0px 0px 0px;
}
.SOLEContentWrap .FormField .ExtendedValidation .field-validation-error {
  font-size: 0.8125em;
  line-height: 1.5em;
}
.SOLEContentWrap .FormField .ExtendedValidation .field-validation-error span {
  font-size: 1em;
}
.SOLEContentWrap .FormField .ExtendedValidation .field-validation-error span i,
.SOLEContentWrap .FormField .ExtendedValidation .field-validation-error span b {
  font-size: 1em;
}
.SOLEContentWrap .HomeCalendarTagWrap {
  width: 272px;
  float: left;
}
.SOLEContentWrap .HomeCalendarTagWrap .HomeCalendarWrap {
  background: #fff repeat;
  width: 252px;
  min-height: 210px;
  padding: 10px;
  display: block;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.SOLEContentWrap .HomeCalendarTagWrap .HomeCalendarWrap #calendar .ContentCalendar {
  margin-bottom: 0;
}
.SOLEContentWrap .HomeCalendarTagWrap .HomeCalendarWrap #calendar .ContentCalendar .ContentHeader {
  color: #002346;
  margin: 0 auto;
}
.SOLEContentWrap .HomeCalendarTagWrap .HomeCalendarWrap #calendar .ContentCalendar .CalendarDaysRow {
  margin: 0 auto;
}
.SOLEContentWrap .HomeCalendarTagWrap .HomeCalendarWrap #calendar .ContentCalendar .CalendarDaysRow .Label {
  color: #ABCCEC;
}
.SOLEContentWrap .HomeCalendarTagWrap .HomeCalendarWrap #calendar .ContentCalendar .CalendarRow {
  margin: 0 auto;
}
.SOLEContentWrap .HomeCalendarTagWrap .HomeCalendarWrap #calendar .ContentCalendar .btn.calendar {
  margin: 10px auto 0 auto;
  width: 107px;
  display: block;
}
.SOLEContentWrap .HomeCalendarTagWrap .TagsWrap {
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 252px;
  padding: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
.SOLEContentWrap .HomeNewContent {
  left: 0;
  right: 0;
  height: auto;
  overflow: hidden;
  padding: 0 0 0 10px;
  position: relative;
  margin-bottom: 10px;
}
.SOLEContentWrap .HomeNewContent .HomeNewContentWrapper {
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  left: 0;
  right: 0;
  margin-bottom: 10px;
  padding: 10px;
  position: relative;
  border-bottom: 1px solid #ccc;
}
.SOLEContentWrap .HomeNewContent .HomeNewContentWrapper div.NewContentWrap {
  font-size: 0.875em;
  line-height: 0.875em;
  color: #0069D6;
  margin-top: 5px;
  padding: 10px;
  border: solid 1px transparent;
  display: block;
}
.SOLEContentWrap .HomeNewContent .HomeNewContentWrapper div.NewContentWrap .NewContentSub {
  font-size: 0.8125em;
  margin-top: 5px;
  color: #777;
  display: block;
}
.SOLEContentWrap .HomeNewContent .HomeNewContentWrapper a.NewContentWrap {
  font-size: 0.875em;
  line-height: 0.875em;
  color: #0069D6;
  margin-top: 5px;
  padding: 10px;
  border: solid 1px transparent;
  display: block;
  text-decoration: none;
  cursor: pointer;
}
.SOLEContentWrap .HomeNewContent .HomeNewContentWrapper a.NewContentWrap:hover {
  background: #F1FBFF;
  color: #00438A;
  border: 1px solid #ABCCEC;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.SOLEContentWrap .HomeNewContent .HomeNewContentWrapper a.NewContentWrap .NewContentSub {
  font-size: 0.8125em;
  margin-top: 5px;
  color: #777;
  display: block;
}
.SOLEContentWrap .HomeNewContent #whatsnew {
  max-height: 300px;
  overflow: auto;
}
.SOLEContentWrap .HomeNewContent .HomeNewContentWrapper:last-child {
  margin-bottom: 0px;
}
.SOLEContentWrap .placeholder {
  background: #f5f5f5;
  filter: alpha(opacity=70);
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  min-height: 60px;
  margin-bottom: 10px;
}
.SOLEContentWrap .SOLEReadyWrap {
  width: 100%;
  min-height: 40px;
  overflow: hidden;
  color: #002346;
}
.SOLEContentWrap .SOLEReadyWrap h2 {
  font-size: 1em;
  line-height: 1.5em;
  padding-bottom: 3px;
  color: #fff;
}
.SOLEContentWrap .SOLEReadyWrap .Block {
  background: #f5f5f5;
  border-bottom: Solid 1px #cccccc;
  width: 150px;
  height: 115px;
  float: left;
  padding-top: 35px;
  margin: 0px 10px 10px 0px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  font-size: 0.8125em;
  text-decoration: none;
  cursor: pointer;
}
.SOLEContentWrap .SOLEReadyWrap .Block:hover {
  background: #eeeeee;
  border-color: #cccccc;
}
.SOLEContentWrap .SOLEReadyWrap .ReadyBlock {
  background: #f5f5f5;
  border-bottom: Solid 1px #cccccc;
  width: 110px;
  height: 89px;
  float: left;
  padding-top: 21px;
  margin: 0px 10px 10px 0px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  font-size: 0.875em;
  line-height: 0.875em;
  text-decoration: none;
  color: #0069d6;
}
.SOLEContentWrap .SOLEReadyWrap .ReadyBlock24 {
  background: #f5f5f5;
  border-bottom: Solid 1px #cccccc;
  width: 60px;
  height: 48px;
  float: left;
  padding-top: 12px;
  margin: 0px 10px 10px 0px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  font-size: 0.875em;
  line-height: 0.875em;
  text-decoration: none;
}
.SOLEContentWrap .SOLEReadyWrap .True {
  background: #baeaa1;
  border-bottom: Solid 1px #8dca6c;
}
.SOLEContentWrap .SOLEReadyWrap .False {
  background: #f3b5b5;
  border-bottom: Solid 1px #e08b8b;
}
.SOLEContentWrap.Highlight {
  background: #3c75af;
  height: auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #ffffff;
  min-height: 30px;
  margin-bottom: 10px;
  overflow: hidden;
}
.SOLEContentWrap.Highlight h2 {
  font-size: 1em;
  line-height: 1.5em;
  padding-bottom: 3px;
  color: #fff;
}
.SOLEContentWrap.Highlight h2 a {
  color: #fff;
}
.SOLEContentWrap.Highlight h2.NoMargin {
  font-size: 1em;
  line-height: 1.25em;
  padding-bottom: 0px;
  color: #fff;
  margin-bottom: 0px !important;
}
.SOLEContentWrap.Highlight h2.NoMargin a {
  color: #fff;
}
.SOLEContentWrap.Highlight p {
  color: #fff !important;
  padding-bottom: 10px;
}
.SOLEContentWrap.Form {
  background: #f5f5f5;
  min-height: 40px;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 10px;
}
.SOLEContentWrap.Form h2 {
  color: #676767 !important;
}
.SOLEContentWrap.Form p {
  color: #676767 !important;
}
.SOLEContentWrap.Info {
  background: #f5f5f5;
  min-height: 40px;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 10px;
  border-bottom: Solid 1px #ccc;
}
.SOLEContentWrap.Course {
  background: #f5f5f5;
  min-height: 40px;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 10px;
  border: Solid 1px #ccc;
}
.SOLEContentWrap.Course h2 {
  color: #333;
}
.SOLEContentWrap.Content {
  background: #fff;
  min-height: 25px;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 10px;
  border: Solid 1px #ccc;
}
.SOLEContentWrap.List {
  min-height: 25px;
  overflow: hidden;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding-bottom: 10px;
  border-bottom: Solid 1px #ccc;
}
.SOLEContentWrap.Tab {
  background: #fff;
  min-height: 40px;
  overflow: hidden;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  margin-top: -10px;
  margin-bottom: 10px;
  border: Solid 1px #ccc;
  border-top: none;
  /* State of the Course Styles */
}
.SOLEContentWrap.Tab .ActiveTab {
  display: block;
}
.SOLEContentWrap.Tab p:last-child {
  margin-bottom: 10px;
}
.SOLEContentWrap.Tab .ActiveTab,
.SOLEContentWrap.Tab .tab-pane,
.SOLEContentWrap.Tab .infobox p {
  margin-bottom: 0;
}
.SOLEContentWrap.Tab .stateOfCourseWrap {
  padding: 0 0 10px 0;
  height: 30px;
}
.SOLEContentWrap.Tab .stateOfCourseWrap #progress {
  width: 100%;
  height: 28px;
  border: solid black 1px;
  position: relative;
}
.SOLEContentWrap.Tab .stateOfCourseWrap #progressBar {
  width: 0%;
  height: 100%;
  background: #aee392;
}
.SOLEContentWrap.Tab .stateOfCourseWrap #currentModule {
  float: left;
  color: #477c2b;
  position: absolute;
  top: 5px;
  left: 15px;
}
.SOLEContentWrap.Tab .stateOfCourseWrap #archivePercent {
  float: right;
  color: #477c2b;
  position: absolute;
  top: 5px;
  right: 15px;
  font-weight: bold;
}
.SOLEContentWrap.Tab.tab-content {
  background: #fff;
  min-height: 40px;
  overflow: hidden;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  margin-top: -10px;
  margin-bottom: 10px;
  border: Solid 1px #ccc;
  border-top: none;
}
.SOLEContentWrap.Tab.tab-content .tab-pane {
  display: none;
}
.SOLEContentWrap.Tab.tab-content .tab-pane.active {
  display: block;
}
.SOLEContentWrap.Tab.tab-content .ActiveTab {
  display: block;
}
.SOLEContentWrap.Tab.Dark {
  background: #f5f5f5;
}
.SOLEContentWrap.IFrame {
  padding: 0;
}
/* SOLE Message Box */
.infobox {
  background-color: #D5EDF8;
  border: 1px solid #205791;
  left: 0;
  right: 0;
  padding: 10px 35px 10px 14px;
  margin: 0px auto 10px auto;
  font-size: 0.875em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: block;
}
.infobox:after {
  content: "";
  display: table;
  height: 0;
  clear: both;
}
.infobox .clsInfo {
  font-size: 0.875em;
}
.infobox .clsSuccess {
  font-size: 0.875em;
}
.infobox .clsWarning {
  font-size: 0.875em;
}
.infobox .clsError {
  font-size: 0.875em;
}
.infobox p,
.infobox div,
.infobox span {
  overflow: hidden;
  margin: 0 0 10px 0;
  font-size: 1em;
  line-height: 1.5em;
}
.infobox p img,
.infobox div img,
.infobox span img {
  margin: 3px 10px -3px 0;
}
.infobox p div,
.infobox div div,
.infobox span div,
.infobox p a,
.infobox div a,
.infobox span a,
.infobox p b,
.infobox div b,
.infobox span b,
.infobox p i,
.infobox div i,
.infobox span i,
.infobox p span,
.infobox div span,
.infobox span span,
.infobox p strong,
.infobox div strong,
.infobox span strong,
.infobox p em,
.infobox div em,
.infobox span em,
.infobox p u,
.infobox div u,
.infobox span u {
  font-size: 1em;
}
.infobox p:last-child,
.infobox div:last-child,
.infobox span:last-child {
  margin-bottom: 0;
}
.infobox a {
  display: inline !important;
  float: none !important;
  margin-right: 0 !important;
}
.infobox p,
.infobox-heading {
  color: #205791 !important;
}
.infobox .close {
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  top: -2px;
  right: -27px;
  line-height: 1.25em;
  cursor: pointer;
  float: right;
  width: 24px;
  height: 24px;
  filter: alpha(opacity=70);
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.infobox .close:hover {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.infobox.success {
  background-color: #E7F7E1;
  border-color: #2F8B0D;
}
.infobox.success p,
.alert-success .alert-heading {
  color: #2F8B0D !important;
}
.infobox.warning {
  background-color: #FFF6BF;
  border-color: #FFD324;
}
.infobox.warning p,
.alert-danger .alert-heading,
.alert-error .alert-heading {
  color: #514721 !important;
}
.infobox.error {
  background-color: #F8E3E3;
  border-color: #D31F1B;
}
.infobox.error p,
.alert-danger .alert-heading,
.alert-error .alert-heading {
  color: #D31F1B !important;
}
.notebox {
  overflow: auto;
  background-color: #f1fbff;
  border: 1px solid #76a8de;
  left: 0;
  right: 0;
  padding: 10px 35px 10px 14px;
  margin: 0px auto 10px auto;
  font-size: 0.875em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: block;
}
.notebox:after {
  content: "";
  display: table;
  height: 0;
  clear: both;
}
.notebox .clsInfo {
  font-size: 1em;
}
.notebox .clsSuccess {
  font-size: 1em;
}
.notebox .clsWarning {
  font-size: 1em;
}
.notebox .clsError {
  font-size: 1em;
}
.notebox p,
.notebox div,
.notebox span,
.notebox b,
.notebox strong,
.notebox i,
.notebox em,
.notebox u {
  font-size: 1em;
  color: #205791;
}
.notebox p,
.notebox div,
.notebox span {
  overflow: hidden;
  margin: 0 0 10px 0;
  line-height: 1.5em;
}
.notebox p img,
.notebox div img,
.notebox span img {
  margin: 3px 10px -3px 0;
}
.notebox p:last-child,
.notebox div:last-child,
.notebox span:last-child {
  margin-bottom: 0;
}
.notebox u {
  font-size: 1em;
}
.descriptionbox {
  overflow: auto;
  background-color: white;
  border: 1px solid #76a8de;
  left: 0;
  right: 0;
  padding: 10px 35px 10px 14px;
  margin: 0px auto 10px auto;
  font-size: 0.875em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: block;
}
.descriptionbox:after {
  content: "";
  display: table;
  height: 0;
  clear: both;
}
.descriptionbox .clsInfo {
  font-size: 1em;
}
.descriptionbox .clsSuccess {
  font-size: 1em;
}
.descriptionbox .clsWarning {
  font-size: 1em;
}
.descriptionbox .clsError {
  font-size: 1em;
}
.descriptionbox p,
.descriptionbox div,
.descriptionbox span,
.descriptionbox b,
.descriptionbox strong,
.descriptionbox i,
.descriptionbox em,
.descriptionbox u {
  font-size: 1em;
}
.descriptionbox p,
.descriptionbox div,
.descriptionbox span {
  overflow: hidden;
  margin: 0 0 10px 0;
  line-height: 1.5em;
}
.descriptionbox p img,
.descriptionbox div img,
.descriptionbox span img {
  margin: 3px 10px -3px 0;
}
.descriptionbox p:last-child,
.descriptionbox div:last-child,
.descriptionbox span:last-child {
  margin-bottom: 0;
}
.descriptionbox u {
  font-size: 1em;
}
/* SOLE Accordion */
.accordion {
  margin-bottom: 10px;
}
.accordion-group {
  margin-bottom: 2px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.accordion-heading {
  border-bottom: 0;
}
.accordion-heading .accordion-toggle {
  display: block;
  padding: 8px 15px;
}
.accordion-inner {
  padding: 9px 15px;
  border-top: 1px solid #e5e5e5;
}
/* SOLE Typehead Wells */
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #eee;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
/*------------------------------------------------------*/
/* SOLE CORE - TABLES LAYOUTS                           */
/*------------------------------------------------------*/
/* from css reset*/
table.SOLE,
table.SOLE td {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-size: 100%;
  line-height: 1;
  font-family: inherit;
}
table.SOLE {
  border-collapse: collapse;
  border-spacing: 0;
}
table.SOLE {
  background: #FFFFFF;
  width: 100%;
  border: Solid 1px #adcdf5;
  margin-bottom: 10px;
}
table.SOLE h1 {
  font-size: 1.3125em;
  line-height: 1.3125em;
  color: #002346;
  padding-bottom: 0;
}
table.SOLE h2 {
  font-size: 1.125em;
  line-height: 1.125em;
  color: #002346;
  padding-bottom: 0;
  white-space: normal;
}
table.SOLE h3 {
  font-size: 1em;
  line-height: 1em;
  color: #002346;
  padding-bottom: 0;
}
table.SOLE h4 {
  font-size: 0.875em;
  line-height: 0.875em;
  color: #002346;
  padding-bottom: 0;
}
table.SOLE tbody tr th h1,
table.SOLE tbody tr th h2,
table.SOLE tbody tr th h3,
table.SOLE tbody tr th h4 {
  color: #002346 !important;
}
table.SOLE tr:hover {
  background: #d1e4f9;
}
table.SOLE tr.Odd {
  background: #fff;
}
table.SOLE tr.Odd:hover {
  background: #f9f9f9;
}
table.SOLE tr.Even {
  background: #fbfbfb;
}
table.SOLE tr.Even:hover {
  background: #f7f7f7;
}
table.SOLE tr.OKRow {
  background: #DAFAC9;
}
table.SOLE tr.ErrorRow {
  background: #F9D1D1;
}
table.SOLE tr.BlueHighlightRow {
  background: #C4D6EF;
}
table.SOLE tr th {
  background: #bed8f4;
  font-size: 0.8125em;
  font-weight: bold;
  color: #002346;
  border-bottom: Solid 1px #adcdf5;
  text-align: left;
  padding: 10px;
}
table.SOLE tr th i,
table.SOLE tr th a,
table.SOLE tr th b,
table.SOLE tr th em,
table.SOLE tr th strong {
  font-size: 1em;
}
table.SOLE tr th a {
  color: #0069d6;
}
table.SOLE tr th a:hover {
  color: #00438a;
}
table.SOLE tr:hover th {
  background: #bed8f4;
}
table.SOLE tr th.Category {
  text-align: left;
}
table.SOLE tr th.SubHeader {
  background: #e4f2ff;
  white-space: normal;
}
table.SOLE tr th.SubHeader p {
  color: #002346;
}
table.SOLE tr:hover th.SubHeader {
  background: #e4f2ff;
}
table.SOLE tr th .caretdown {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #002346;
  display: inline;
  float: left;
  margin-top: 4px;
}
table.SOLE tr th .caretdown.collapsed {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #002346;
  border-top: 5px solid transparent;
  display: inline;
  float: left;
  margin-top: 0px;
}
table.SOLE tr td {
  font-size: 0.8125em;
  color: #000;
  border-bottom: Solid 1px #adcdf5;
  padding: 10px;
}
table.SOLE tr td h1 {
  color: #002346;
  padding-bottom: 4px;
}
table.SOLE tr td h2 {
  color: #002346;
  padding-bottom: 4px;
  white-space: normal;
}
table.SOLE tr td h3 {
  color: #002346;
  padding-bottom: 4px;
}
table.SOLE tr td h4 {
  color: #002346;
  padding-bottom: 4px;
}
table.SOLE tr td p {
  font-size: 1em;
  line-height: 1.3em;
  padding: 0px 5px 0px 0px;
  vertical-align: top;
}
table.SOLE tr td p img {
  margin: 0px 3px -3px 0px;
}
table.SOLE tr td b,
table.SOLE tr td em,
table.SOLE tr td strong,
table.SOLE tr td i,
table.SOLE tr td u {
  font-size: inherit;
}
table.SOLE tr td a {
  font-size: 1.1em;
  line-height: 1em;
}
table.SOLE tr td a.InnerTable {
  font-size: 1em;
  padding-top: 1px;
}
table.SOLE tr td a.btn {
  padding: 6px 14px;
  font-size: 0.8125em;
}
table.SOLE tr td input {
  float: left;
  margin-right: 5px;
  color: #333;
}
table.SOLE tr td textarea {
  margin-right: 5px;
}
table.SOLE tr td select {
  float: left;
  margin-right: 5px;
  font-size: 1em;
  margin-top: 1px;
}
table.SOLE tr td .extended {
  width: 90%;
}
table.SOLE tr td #viewName > input {
  font-size: 0.875em;
}
table.SOLE tr td #viewList select {
  clear: both;
  overflow: hidden;
  font-size: 0.875em;
}
table.SOLE tr td #viewList span {
  clear: both;
  overflow: hidden;
  font-size: 0.875em;
}
table.SOLE tr td #viewList div#viewSettings {
  clear: both;
  overflow: hidden;
  padding-top: 5px;
  font-size: 0.8125em;
}
table.SOLE tr td div select {
  font-size: 0.875em;
}
table.SOLE tr td span {
  font-size: 1em;
}
table.SOLE tr td span select {
  font-size: 1em;
  margin-top: 2px;
}
table.SOLE tr td span a {
  font-size: 1em;
  line-height: 2em;
}
table.SOLE tr td span input {
  font-size: 0.8125em;
  line-height: 1.5em;
}
table.SOLE tr td span p.Forum {
  text-align: top;
  padding: 0;
}
table.SOLE tr td span.InnerTable {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 6px;
  display: block;
}
table.SOLE tr td .cke_combo {
  font-size: 0.875em;
}
table.SOLE tr td .cke_combo span,
table.SOLE tr td .cke_combo a {
  height: 1.875em;
  font-size: inherit;
  line-height: 1.9125em;
}
table.SOLE tr td .cke_combo_button {
  line-height: 1em;
}
table.SOLE tr td p.Forum {
  text-align: top;
  padding: 0;
}
table.SOLE tr td font b {
  font-size: 0.875em;
}
table.SOLE tr td label {
  font-size: 1em;
  color: #000;
}
table.SOLE tr td ul li {
  font-size: 1em;
  color: #000;
  margin: 0 0 0 10px;
}
table.SOLE tr td .field-validation-error span {
  font-size: 0.875em;
  line-height: 2em;
}
table.SOLE tr td .inlineLabel {
  font-size: 0.875em;
  display: inline-block;
  line-height: 1.625rem;
}
table.SOLE tr td .inlineText {
  font-size: 0.875em;
  display: inline-block;
}
table.SOLE tr td .inlineRadio {
  float: left;
  margin-right: 10px;
  padding: 3px 0;
  font-size: 1em;
  color: #333;
}
table.SOLE tr td .inlineRadio p,
table.SOLE tr td .inlineRadio input {
  display: inline-block;
  padding: 0;
}
table.SOLE tr td .inlineRadio p {
  font-size: 0.875em;
}
table.SOLE tr td .inlineRadio input {
  margin-top: 1px;
}
table.SOLE tr td .inlineRadio a {
  padding: 0;
  vertical-align: top;
}
table.SOLE tr td .inlineInput {
  font-size: 1em;
  display: inline-block;
}
table.SOLE tr td .inlineInput p,
table.SOLE tr td .inlineInput input {
  display: inline-block;
  padding: 0;
}
table.SOLE tr td .inlineInput input {
  margin-top: 1px;
}
table.SOLE tr td .inlineInput a {
  padding: 0;
  vertical-align: top;
}
table.SOLE tr td .inlineElements {
  display: block;
  clear: both;
  overflow: hidden;
  padding-bottom: 7px;
}
table.SOLE tr td .inlineElements:last-child {
  padding-bottom: 0px;
}
table.SOLE tr td .inlineElements p {
  float: left;
  margin-right: 5px;
  font-size: 0.875em;
  padding: 4px 0px 0 0 !important;
}
table.SOLE tr td .inlineElements input {
  float: left;
  margin-right: 5px;
}
table.SOLE tr td .inlineElements span {
  float: left;
  margin-right: 5px;
}
table.SOLE tr td .inlineElements textarea {
  float: left;
  margin-right: 5px;
}
table.SOLE tr td .inlineElements select {
  float: left;
  margin-right: 5px;
}
table.SOLE tr td .inlineElements .radio {
  padding-top: 6px;
  float: left;
}
table.SOLE tr td .inlineElements .radio input {
  margin-right: 0;
  margin-top: 0;
  padding-top: 0;
}
table.SOLE tr td .inlineElements .check {
  padding-top: 7px;
  float: left;
}
table.SOLE tr td .inlineElements .check input {
  margin-left: 0;
}
table.SOLE tr td .stackedRadio {
  width: 100%;
  padding: 3px 0;
  overflow: hidden;
  display: block;
  font-size: 1em;
  color: #333;
  clear: both;
}
table.SOLE tr td .stackedRadio input {
  vertical-align: top;
  margin-top: 0;
  padding-top: 0;
}
table.SOLE tr td .stackedContent {
  width: 100%;
  padding: 3px 0;
  margin-bottom: 5px;
  overflow: hidden;
  display: block;
  font-size: 1em;
  color: #333;
  clear: both;
}
table.SOLE tr td .stackedContent:last-child {
  margin-bottom: 0;
}
table.SOLE tr td .stackedContent input {
  vertical-align: top;
  margin-top: 0;
  padding-top: 0;
}
table.SOLE tr td .RepeatingEvent {
  display: none;
}
table.SOLE tr td .RepeatingEvent .field-validation-error {
  pading-top: 0px;
  font-size: 0.875em;
  display: inline-block;
  line-height: 2em;
}
table.SOLE tr td .RepeatingEvent .field-validation-error span {
  font-size: 1em;
}
table.SOLE tr td .TableContentWrap {
  background: #f5f5f5;
  padding: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  left: 0;
  right: 0;
}
table.SOLE tr td .formFieldHeading {
  left: 0;
  right: 0;
  padding: 0 0 10px 0;
}
table.SOLE tr td .formFieldHeading p {
  font-size: 0.875em;
  padding-top: 0;
}
table.SOLE tr td .selectGroupEditFields {
  width: 200px;
  float: left;
  margin-right: 10px;
}
table.SOLE tr td .selectGroupLabel {
  background: #2A639E;
  width: 180px;
  height: 16px;
  overflow: hidden;
  padding: 4px 10px;
  font-size: 0.875em;
  color: #fff;
}
table.SOLE tr td .selectGroupEditButton {
  width: 100px;
  float: left;
  margin-right: 10px;
}
table.SOLE tr td .infobox,
table.SOLE tr td .notebox {
  font-size: 1em;
}
table.SOLE tr td .infobox p,
table.SOLE tr td .notebox p {
  padding-top: 0;
}
table.SOLE tr td .Message {
  margin-bottom: 5px;
  padding-top: 0;
}
table.SOLE tr.ExpandableRow:hover td {
  background: #ecf3f9 !important;
}
table.SOLE tr.selected td {
  background: #b1cde7 !important;
}
table.SOLE tr.SelectableRow th {
  background: #e4f2ff;
}
table.SOLE tr.SelectableRow th h1,
table.SOLE tr.SelectableRow th h2,
table.SOLE tr.SelectableRow th h3,
table.SOLE tr.SelectableRow th h4 {
  color: #000;
}
table.SOLE tr.SelectableRow th:hover {
  background: #b1cde7;
}
table.SOLE tr.selected th {
  background: #b1cde7;
  color: #000;
}
table.SOLE tr.selected th h1,
table.SOLE tr.selected th h2,
table.SOLE tr.selected th h3,
table.SOLE tr.selected th h4 {
  color: #000;
}
table.SOLE tr.selected th:hover {
  background: #b1cde7;
}
table.SOLE tr td.Label {
  background: #e5f2ff;
  width: 150px;
  vertical-align: text-top;
  text-align: right;
  white-space: nowrap;
  color: #000;
}
table.SOLE tr td.Label label {
  font-size: 1em;
  color: #000;
}
table.SOLE tr td.Label b {
  font-size: 1em;
  color: #000;
}
table.SOLE tr td.Label p {
  color: #000;
  padding-right: 0;
  padding-top: 0;
}
table.SOLE tr td.Label p.InnerTable {
  font-size: 1em;
}
table.SOLE tr td.Required {
  background-image: url('/images/required.png');
  background-position: 165px 15px;
  background-repeat: no-repeat;
  padding-right: 20px;
}
table.SOLE tr td.ShortLabel {
  background: #e5f2ff;
  min-width: 20px;
  vertical-align: text-top;
  text-align: right;
  white-space: nowrap;
  color: #000;
}
table.SOLE tr td.ShortLabel label {
  font-size: 1em;
  color: #000;
}
table.SOLE tr td.ShortLabel p {
  color: #000;
}
table.SOLE tr td.ShortLabel p.InnerTable {
  font-size: 1em;
  vertical-align: top;
  padding-top: 0;
}
table.SOLE tr td.Highlighted {
  background: #e4f2ff;
}
table.SOLE tr td.Highlighted img {
  padding: 0 5px 0 0;
  display: inline-block;
}
table.SOLE tr td.Highlighted p {
  display: inline-block;
  color: #000;
}
table.SOLE tr:hover td.Highlighted {
  background: #b1cde7;
}
table.SOLE tr td.Form {
  background: #fbfbfb;
  padding: 4px;
}
table.SOLE tr td.Form p {
  padding: 6px 5px 0px 0px;
  display: inline-block;
}
table.SOLE tr td.Form div.Forum p {
  padding-top: 0;
  font-size: 0.875em;
}
table.SOLE tr td.Form p.Forum {
  text-align: top;
  padding: 0;
}
table.SOLE tr td.Form input {
  display: inline-block;
  line-height: 1.35em;
}
table.SOLE tr td.Form a {
  line-height: 2em;
  display: inline-block;
  float: left;
  margin-right: 5px;
}
table.SOLE tr td.Form a:hover {
  margin-right: 5px;
}
table.SOLE tr td.Form a.Exams img {
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
table.SOLE tr td.Form a.Exams:hover img {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
table.SOLE tr td.Form hr {
  padding: 0 5px;
  margin: 5px 0 5px -5px;
}
table.SOLE tr td.Form textarea {
  width: 400px;
  height: 50px;
  color: #333 !important;
}
table.SOLE tr td.Form .field-validation-error {
  display: inline-block;
  line-height: 2em;
}
table.SOLE tr td.Form .field-validation-error span {
  font-size: 1em;
}
table.SOLE tr td.Form .infobox p {
  padding-top: 0;
}
table.SOLE tr td.Form .cke_button a {
  line-height: 0.5em;
}
table.SOLE tr td.Form .cke_combo_button {
  line-height: 1em;
}
table.SOLE tr td.Form .btn {
  margin-bottom: 0;
}
table.SOLE tr td.ExpandedRow {
  color: #000;
}
table.SOLE tr td.Primary {
  background-color: #ffffd2;
}
table.SOLE tr td.Completed {
  background-color: #f1f7fd;
}
table.SOLE tr td.Dormant {
  background-color: #adcdf5;
  height: 2px;
  padding: 1px;
}
/*For old gradebook gridview to fit more rows*/
table.Gradebook {
  font-size: 13px !important;
}
table.Gradebook TD {
  padding: 4px !important;
}
.cke_editor td {
  background: transparent !important;
  border: none !important;
  padding: 0px !important;
}
.cke_editor tr {
  background: transparent !important;
  border: none !important;
  padding: 0px !important;
}
table.BlankTable {
  color: #333;
}
.ExamsEditDeleteWrap {
  background: #e4f2ff;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  border: Solid 1px #adcdf5;
  border-top: none;
  position: relative;
  padding: 10px 10px 0 10px;
  left: 0;
  right: 0;
  overflow: hidden;
  margin-top: -10px;
  margin-bottom: 10px;
}
.ExamsEditDeleteWrap .btn {
  font-size: 0.875em;
  line-height: normal;
}
button {
  -webkit-appearance: button;
  background: transparent;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
[class^="button"] {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0 1em;
  border: none;
  border-radius: 0.125em;
  font-size: 1em;
  line-height: 1.875em;
  text-decoration: none;
  background: #dfdfdf;
  color: #3f3f3f;
  cursor: pointer;
}
[class^="button"]:hover {
  background: #c6c6c6;
}
[class^="button"].active {
  background: #d2d2d2;
}
[class^="button"].active:hover {
  background: #c6c6c6;
}
[class^="button"][class*="muted"] {
  background: #f5f5f5;
  color: #dfdfdf;
}
[class^="button"][class*="muted"]:hover {
  background: #c6c6c6;
  color: #3f3f3f;
}
[class^="button"][class*="muted"].active {
  background: #c6c6c6;
  color: #3f3f3f;
}
[class^="button"]:focus {
  outline: none;
}
[class^="button"].new-section {
  margin-left: 1.25em;
}
[class^="button"][class*="-circle"] {
  padding: 0;
  border-radius: 50%;
  width: 1.875em;
}
[class^="button"][class*="-transparent"] {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0 1em;
  border: none;
  border-radius: 0.125em;
  font-size: 1em;
  line-height: 1.875em;
  text-decoration: none;
  background: transparent;
  color: rgba(0, 0, 0, 0.75);
  cursor: pointer;
}
[class^="button"][class*="-transparent"]:hover {
  background: rgba(0, 0, 0, 0);
}
[class^="button"][class*="-transparent"].active {
  background: rgba(0, 0, 0, 0);
}
[class^="button"][class*="-transparent"].active:hover {
  background: rgba(0, 0, 0, 0);
}
[class^="button"][class*="-transparent"][class*="muted"] {
  background: #f5f5f5;
  color: transparent;
}
[class^="button"][class*="-transparent"][class*="muted"]:hover {
  background: rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, 0.75);
}
[class^="button"][class*="-transparent"][class*="muted"].active {
  background: rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, 0.75);
}
[class^="button"][class*="-transparent"]:focus {
  outline: none;
}
[class^="button"][class*="-transparent"]:hover {
  background: rgba(0, 0, 0, 0.1);
}
[class^="button"][class*="-transparent"].active {
  background: rgba(0, 0, 0, 0.05);
}
[class^="button"][class*="-submit"],
[class^="button"][class*="-create"],
[class^="button"][class*="-release"],
[class^="button"][class*="-add"],
[class^="button"][class*="-positive"] {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0 1em;
  border: none;
  border-radius: 0.125em;
  font-size: 1em;
  line-height: 1.875em;
  text-decoration: none;
  background: #7bba59;
  color: #fff;
  cursor: pointer;
}
[class^="button"][class*="-submit"]:hover,
[class^="button"][class*="-create"]:hover,
[class^="button"][class*="-release"]:hover,
[class^="button"][class*="-add"]:hover,
[class^="button"][class*="-positive"]:hover {
  background: #629e42;
}
[class^="button"][class*="-submit"].active,
[class^="button"][class*="-create"].active,
[class^="button"][class*="-release"].active,
[class^="button"][class*="-add"].active,
[class^="button"][class*="-positive"].active {
  background: #6db049;
}
[class^="button"][class*="-submit"].active:hover,
[class^="button"][class*="-create"].active:hover,
[class^="button"][class*="-release"].active:hover,
[class^="button"][class*="-add"].active:hover,
[class^="button"][class*="-positive"].active:hover {
  background: #629e42;
}
[class^="button"][class*="-submit"][class*="muted"],
[class^="button"][class*="-create"][class*="muted"],
[class^="button"][class*="-release"][class*="muted"],
[class^="button"][class*="-add"][class*="muted"],
[class^="button"][class*="-positive"][class*="muted"] {
  background: #f5f5f5;
  color: #7bba59;
}
[class^="button"][class*="-submit"][class*="muted"]:hover,
[class^="button"][class*="-create"][class*="muted"]:hover,
[class^="button"][class*="-release"][class*="muted"]:hover,
[class^="button"][class*="-add"][class*="muted"]:hover,
[class^="button"][class*="-positive"][class*="muted"]:hover {
  background: #629e42;
  color: #fff;
}
[class^="button"][class*="-submit"][class*="muted"].active,
[class^="button"][class*="-create"][class*="muted"].active,
[class^="button"][class*="-release"][class*="muted"].active,
[class^="button"][class*="-add"][class*="muted"].active,
[class^="button"][class*="-positive"][class*="muted"].active {
  background: #629e42;
  color: #fff;
}
[class^="button"][class*="-submit"]:focus,
[class^="button"][class*="-create"]:focus,
[class^="button"][class*="-release"]:focus,
[class^="button"][class*="-add"]:focus,
[class^="button"][class*="-positive"]:focus {
  outline: none;
}
[class^="button"][class*="-cancel"],
[class^="button"][class*="-delete"],
[class^="button"][class*="-close"],
[class^="button"][class*="-negative"] {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0 1em;
  border: none;
  border-radius: 0.125em;
  font-size: 1em;
  line-height: 1.875em;
  text-decoration: none;
  background: #DD6859;
  color: #fff;
  cursor: pointer;
}
[class^="button"][class*="-cancel"]:hover,
[class^="button"][class*="-delete"]:hover,
[class^="button"][class*="-close"]:hover,
[class^="button"][class*="-negative"]:hover {
  background: #d4412f;
}
[class^="button"][class*="-cancel"].active,
[class^="button"][class*="-delete"].active,
[class^="button"][class*="-close"].active,
[class^="button"][class*="-negative"].active {
  background: #d95544;
}
[class^="button"][class*="-cancel"].active:hover,
[class^="button"][class*="-delete"].active:hover,
[class^="button"][class*="-close"].active:hover,
[class^="button"][class*="-negative"].active:hover {
  background: #d4412f;
}
[class^="button"][class*="-cancel"][class*="muted"],
[class^="button"][class*="-delete"][class*="muted"],
[class^="button"][class*="-close"][class*="muted"],
[class^="button"][class*="-negative"][class*="muted"] {
  background: #f5f5f5;
  color: #DD6859;
}
[class^="button"][class*="-cancel"][class*="muted"]:hover,
[class^="button"][class*="-delete"][class*="muted"]:hover,
[class^="button"][class*="-close"][class*="muted"]:hover,
[class^="button"][class*="-negative"][class*="muted"]:hover {
  background: #d4412f;
  color: #fff;
}
[class^="button"][class*="-cancel"][class*="muted"].active,
[class^="button"][class*="-delete"][class*="muted"].active,
[class^="button"][class*="-close"][class*="muted"].active,
[class^="button"][class*="-negative"][class*="muted"].active {
  background: #d4412f;
  color: #fff;
}
[class^="button"][class*="-cancel"]:focus,
[class^="button"][class*="-delete"]:focus,
[class^="button"][class*="-close"]:focus,
[class^="button"][class*="-negative"]:focus {
  outline: none;
}
[class^="button"][class*="-edit"],
[class^="button"][class*="-logout"],
[class^="button"][class*="-favorite"] {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0 1em;
  border: none;
  border-radius: 0.125em;
  font-size: 1em;
  line-height: 1.875em;
  text-decoration: none;
  background: #d69922;
  color: #fff;
  cursor: pointer;
}
[class^="button"][class*="-edit"]:hover,
[class^="button"][class*="-logout"]:hover,
[class^="button"][class*="-favorite"]:hover {
  background: #aa7a1b;
}
[class^="button"][class*="-edit"].active,
[class^="button"][class*="-logout"].active,
[class^="button"][class*="-favorite"].active {
  background: #c0891f;
}
[class^="button"][class*="-edit"].active:hover,
[class^="button"][class*="-logout"].active:hover,
[class^="button"][class*="-favorite"].active:hover {
  background: #aa7a1b;
}
[class^="button"][class*="-edit"][class*="muted"],
[class^="button"][class*="-logout"][class*="muted"],
[class^="button"][class*="-favorite"][class*="muted"] {
  background: #f5f5f5;
  color: #d69922;
}
[class^="button"][class*="-edit"][class*="muted"]:hover,
[class^="button"][class*="-logout"][class*="muted"]:hover,
[class^="button"][class*="-favorite"][class*="muted"]:hover {
  background: #aa7a1b;
  color: #fff;
}
[class^="button"][class*="-edit"][class*="muted"].active,
[class^="button"][class*="-logout"][class*="muted"].active,
[class^="button"][class*="-favorite"][class*="muted"].active {
  background: #aa7a1b;
  color: #fff;
}
[class^="button"][class*="-edit"]:focus,
[class^="button"][class*="-logout"]:focus,
[class^="button"][class*="-favorite"]:focus {
  outline: none;
}
[class^="button"][class*="-view"] {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0 1em;
  border: none;
  border-radius: 0.125em;
  font-size: 1em;
  line-height: 1.875em;
  text-decoration: none;
  background: #3f709e;
  color: #fff;
  cursor: pointer;
}
[class^="button"][class*="-view"]:hover {
  background: #30567a;
}
[class^="button"][class*="-view"].active {
  background: #38638c;
}
[class^="button"][class*="-view"].active:hover {
  background: #30567a;
}
[class^="button"][class*="-view"][class*="muted"] {
  background: #f5f5f5;
  color: #3f709e;
}
[class^="button"][class*="-view"][class*="muted"]:hover {
  background: #30567a;
  color: #fff;
}
[class^="button"][class*="-view"][class*="muted"].active {
  background: #30567a;
  color: #fff;
}
[class^="button"][class*="-view"]:focus {
  outline: none;
}
[class^="button"][class*="-search"] {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0 1em;
  border: none;
  border-radius: 0.125em;
  font-size: 1em;
  line-height: 1.875em;
  text-decoration: none;
  background: #a4a4a4;
  color: #fff;
  cursor: pointer;
}
[class^="button"][class*="-search"]:hover {
  background: #8b8b8b;
}
[class^="button"][class*="-search"].active {
  background: #979797;
}
[class^="button"][class*="-search"].active:hover {
  background: #8b8b8b;
}
[class^="button"][class*="-search"][class*="muted"] {
  background: #f5f5f5;
  color: #a4a4a4;
}
[class^="button"][class*="-search"][class*="muted"]:hover {
  background: #8b8b8b;
  color: #fff;
}
[class^="button"][class*="-search"][class*="muted"].active {
  background: #8b8b8b;
  color: #fff;
}
[class^="button"][class*="-search"]:focus {
  outline: none;
}
[class^="button"][class*="-toggle"] {
  margin-right: -0.1875em;
  border-radius: 0;
}
[class^="button"][class*="-toggle"]:first-of-type {
  border-radius: 0.125em 0 0 0.125em;
}
[class^="button"][class*="-toggle"]:last-of-type {
  margin-right: 0;
  border-radius: 0 0.125em 0.125em 0;
}
[class^="table"] {
  margin: 0;
  padding: 0;
  border: none;
  width: 100%;
  text-align: center;
}
[class^="table"][class*="-text-left"] {
  text-align: left;
}
[class^="table"][class*="-text-right"] {
  text-align: right;
}
[class^="table"] tr {
  background: #fff;
  border-color: transparent;
}
[class^="table"] tr:hover {
  background: #f7f7f7;
}
[class^="table"] tr:hover[class*="success"] {
  background: #dfeed7;
}
[class^="table"] tr:hover[class*="warning"] {
  background: #f4dfb7;
}
[class^="table"] tr:hover[class*="error"] {
  background: #f7dcd8;
}
[class^="table"] tr:hover td[class*="success"] {
  background: #eef6e9;
}
[class^="table"] tr:hover td[class*="warning"] {
  background: #f0d5a1;
}
[class^="table"] tr:hover td[class*="error"] {
  background: #f3c8c3;
}
[class^="table"] tr[class*="success"] {
  background: #eef6e9;
}
[class^="table"] tr[class*="warning"] {
  background: #f7e9cd;
}
[class^="table"] tr[class*="error"] {
  background: #fbefed;
}
[class^="table"] tr[class*="label-A"] {
  background: #eef6e9;
}
[class^="table"] tr[class*="label-B"] {
  background: #f1f4e2;
}
[class^="table"] tr[class*="label-C"] {
  background: #fbf3e3;
}
[class^="table"] tr[class*="label-D"] {
  background: #fceee2;
}
[class^="table"] tr[class*="label-F"] {
  background: #fbefed;
}
[class^="table"] tr.assignment-message,
[class^="table"] tr.stats-report-row,
[class^="table"] tr.rubric-score {
  display: none;
}
[class^="table"] tr.assignment-message.active,
[class^="table"] tr.stats-report-row.active,
[class^="table"] tr.rubric-score.active {
  display: table-row;
}
[class^="table"] th {
  background: #f2f2f2;
}
[class^="table"] th[class*="table-group-name"] {
  background: #fff;
  font-size: 1.125em;
  font-weight: 400;
}
[class^="table"] th[class*="table-group-name"] .group-name,
[class^="table"] th[class*="table-group-name"] [class*="table-grade"] {
  display: block;
  float: left;
  font-size: inherit;
  text-align: left;
}
[class^="table"] th[class*="table-group-name"] [class*="group-grade"] {
  float: right;
  text-align: right;
}
[class^="table"] th,
[class^="table"] td {
  position: relative;
  vertical-align: top;
  margin: 0;
  padding: 0 1rem;
  border-bottom: 0.0625rem solid #cccccc;
  border-bottom-color: rgba(0, 0, 0, 0.05);
  font-size: 0.875em;
  line-height: 2.4375rem;
}
[class^="table"] th.action-options,
[class^="table"] td.action-options {
  padding: 0 1em 0 0.5em;
  width: 7em;
}
[class^="table"] th.action-options [class*="button"],
[class^="table"] td.action-options [class*="button"] {
  margin: 0.5em 0 0 0;
}
[class^="table"] th.action-options [class*="button"][class*="view"],
[class^="table"] td.action-options [class*="button"][class*="view"] {
  position: relative;
}
[class^="table"] th.action-options [class*="button"][class*="view"].active:after,
[class^="table"] td.action-options [class*="button"][class*="view"].active:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -0.3125em;
  bottom: -0.25em;
  border-top: 0.3125em solid #30567a;
  border-right: 0.3125em solid transparent;
  border-left: 0.3125em solid transparent;
}
[class^="table"] th[class*="view"],
[class^="table"] td[class*="view"] {
  background: #e7eef5;
}
[class^="table"] th[class*="success"],
[class^="table"] td[class*="success"],
[class^="table"] th[class*="extra-credit"],
[class^="table"] td[class*="extra-credit"] {
  background: #eef6e9;
}
[class^="table"] th[class*="warning"],
[class^="table"] td[class*="warning"],
[class^="table"] th[class*="dropped"],
[class^="table"] td[class*="dropped"] {
  background: #f7e9cd;
}
[class^="table"] th[class*="error"],
[class^="table"] td[class*="error"] {
  background: #fbefed;
}
[class^="table"] th[class*="not-used"],
[class^="table"] td[class*="not-used"] {
  background: #f2f2f2;
}
[class^="table"] th[class*="single-line"],
[class^="table"] td[class*="single-line"] {
  white-space: nowrap;
}
[class^="table"] th[class*="multi-line"],
[class^="table"] td[class*="multi-line"] {
  padding: 0.6875em 0;
  line-height: 1.5em;
}
[class^="table"] th[class*="max-width"],
[class^="table"] td[class*="max-width"] {
  width: 100%;
}
[class^="table"] th[class*="primary-content"],
[class^="table"] td[class*="primary-content"] {
  width: 50%;
}
[class^="table"] th[class*="text-left"],
[class^="table"] td[class*="text-left"] {
  text-align: left;
}
[class^="table"] th[class*="text-right"],
[class^="table"] td[class*="text-right"] {
  text-align: right;
}
[class^="table"] th .wrapper-positioned-table-element,
[class^="table"] td .wrapper-positioned-table-element {
  position: relative;
  font-size: inherit;
}
[class^="table"] th .positioned-table-buttons,
[class^="table"] td .positioned-table-buttons {
  position: absolute;
  top: 0.1875em;
  right: 0;
}
[class^="table"] th input,
[class^="table"] td input,
[class^="table"] th textarea,
[class^="table"] td textarea {
  border: 0.0625rem solid #ccc;
  text-align: center;
}
[class^="table"] th input.redError,
[class^="table"] td input.redError,
[class^="table"] th textarea.redError,
[class^="table"] td textarea.redError {
  background: #f7dcd8;
  border: 0.0625em solid #DD6859;
}
[class^="table"] th input.greenOk,
[class^="table"] td input.greenOk,
[class^="table"] th textarea.greenOk,
[class^="table"] td textarea.greenOk {
  background: #d1e7c5;
  border: 1px solid #7bba59;
}
[class^="table"] th .link-edit,
[class^="table"] td .link-edit {
  color: #7bba59;
}
[class^="table"] th .link-edit:hover,
[class^="table"] td .link-edit:hover {
  color: #629e42;
}
[class^="table"] th .link-delete,
[class^="table"] td .link-delete {
  color: #DD6859;
}
[class^="table"] th .link-delete:hover,
[class^="table"] td .link-delete:hover {
  color: #d4412f;
}
[class^="table"] th p,
[class^="table"] td p {
  padding: 0.625em 0;
  font-size: inherit;
  line-height: 1.5em;
}
[class^="table"] th p:first-child,
[class^="table"] td p:first-child {
  padding-top: 0;
}
[class^="table"] th ul,
[class^="table"] td ul {
  margin: 0 0 0.1875em 0;
  padding: 0;
  vertical-align: top;
  list-style: none;
}
[class^="table"] th ul a,
[class^="table"] td ul a {
  display: inline-block;
  padding-top: 0.125em;
  line-height: 2.5em;
}
[class^="table"] [class*="button"] {
  margin: 0.5em 0 0 0;
}
[class^="table"] [class*="button"][class*="view"] {
  position: relative;
}
[class^="table"] [class*="button"][class*="view"].active:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -0.3125em;
  bottom: -0.25em;
  border-top: 0.3125em solid #30567a;
  border-right: 0.3125em solid transparent;
  border-left: 0.3125em solid transparent;
}
[class^="table"] .positioned-table-buttons {
  margin: 0;
}
[class^="table"] .link {
  color: #0069d6;
  text-decoration: none;
  line-height: inherit;
  font-weight: inherit;
  cursor: pointer;
}
[class^="table"] .link:hover {
  color: #00438a;
  text-decoration: underline;
}
[class^="table"] [class*="fa-"] {
  margin-right: 0.25em;
  font-size: 1rem;
  line-height: 2.4375rem;
}
/*------------------------------------------------------*/
/* SOLE CORE PAGINATION LAYOUT                          */
/*------------------------------------------------------*/
.pagination {
  height: auto;
  margin: 0 0 10px 0;
  overflow: visible;
}
.pagination ul {
  display: inline-block;
  display: inline;
  /* IE7 inline-block hack */
  zoom: 1;
  margin-left: 0;
  margin-bottom: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination li {
  display: inline-block;
  position: relative;
  margin-right: -4px;
}
.pagination a {
  float: left;
  padding: 10px 14px;
  font-size: 0.8125em;
  color: #0069d6;
  line-height: 1em;
  text-decoration: none;
  border: 1px solid #ddd;
  border-left-width: 0;
}
.pagination a:hover {
  background-color: #f5f5f5;
}
.pagination .active a {
  background-color: #f5f5f5;
  color: #333;
  cursor: default;
}
.pagination .disabled a,
.pagination .disabled a:hover {
  color: #333;
  background-color: #f5f5f5;
  cursor: default;
}
.pagination li:first-child a {
  border-left-width: 1px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.pagination li:last-child a {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.pagination li form {
  border-left-width: 1px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  float: left;
  font-size: 0.8125em;
  line-height: 1em;
  text-decoration: none;
  border: 1px solid #ddd;
  padding: 3px 4px 4px 4px;
}
.pagination li form form select {
  font-size: 0.8125em;
}
.pagination li form select {
  color: #999;
  padding: 1px 0;
}
.pagination-centered {
  text-align: center;
}
.pagination.right {
  float: right;
}
/* Pagination - Custom CSS - DropDown */
.pagination .select {
  background: #fff;
  width: 120px;
  position: relative;
  font-size: 0.875em;
  color: #333;
  float: left;
  padding: 0 14px 1px 14px;
  line-height: 32px;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.pagination .select:hover {
  background: #f5f5f5;
}
.pagination .select .caretdown {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #333;
  display: inline;
  float: right;
  margin-top: 15px;
}
.pagination .dropdown {
  display: none;
  position: absolute;
  margin: 38px 0 0 0;
  left: 0;
  overflow: hidden;
  width: 150px;
  border-top: Solid 1px #ddd;
}
.pagination .dropdown.bottom {
  margin: 0;
  bottom: 38px;
  border-top: none;
}
.pagination .dropdown.bottom .selection:first-child a {
  border-radius: 5px 5px 0 0;
  border-top: 1px solid #ddd;
}
.pagination .dropdown.bottom .selection:last-child a {
  border-radius: 0;
}
.pagination .dropdown .selection {
  width: 120px;
}
.pagination .dropdown .selection:hover {
  background: #f5f5f5;
}
.pagination .dropdown .selection a {
  width: 120px;
  background: #fff;
  border: Solid 1px #ddd;
  border-top: none;
  padding: 0 14px;
  line-height: 34px;
  font-size: 0.875em;
  display: block;
  overflow: hidden;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.pagination .dropdown .selection a:hover {
  background: #f5f5f5;
}
.pagination .dropdown .selection:last-child a {
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
}
/*------------------------------------------------------*/
/* COURSE CONTENT PANEL                                 */
/*------------------------------------------------------*/
.CourseContentPanelWrapper {
  width: 100%;
  min-height: 60px;
  margin-bottom: 10px;
}
.CourseContentPanelWrapper .CourseContentPanel {
  width: 100%;
  height: 60px;
  display: block;
  cursor: pointer;
  text-decoration: none;
}
.CourseContentPanelWrapper .CourseContentPanel .CourseContentIcon {
  background: #ffffff;
  -webkit-border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;
  float: left;
  width: 25px;
  height: 48px;
  overflow: hidden;
  border-bottom: Solid 1px #cccccc;
  padding: 6px 0px 5px 5px;
  margin-top: -60px;
}
.CourseContentPanelWrapper .CourseContentPanel .CourseContentIcon img {
  height: 48px;
  margin-bottom: 5px;
  float: left;
}
.CourseContentPanelWrapper .CourseContentPanel .CourseContentIcon .CourseContentIconShadow {
  background: url('/Resources/Core/Images/Panels/CourseContentPanelIconShadow.png') repeat-y;
  width: 8px;
  height: 59px;
  margin: -59px 0px 0px 17px;
  float: right;
}
.CourseContentPanelWrapper .CourseContentPanel .CourseContentIcon .CourseContentDraggable {
  display: none;
}
.CourseContentPanelWrapper .CourseContentPanel .CourseContentIcon:hover .CourseContentDraggable {
  background: #999999;
  border-bottom: 1px solid #000;
  width: 25px;
  height: 35px;
  -webkit-border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;
  position: relative;
  top: 0;
  float: left;
  filter: alpha(opacity=70);
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
  display: block;
  margin-top: -60px;
  margin-left: -5px;
  z-index: 9999;
  padding: 25px 0px 0px 10px;
  cursor: move;
}
.CourseContentPanelWrapper .CourseContentPanel .CourseContentIcon:hover .CourseContentDraggable .DragLine {
  background: #ffffff;
  width: 25px;
  height: 3px;
  margin: 0px 0px 2px 0px;
  display: block;
}
.CourseContentPanelWrapper .CourseContentPanel .ContentIconWrapColorASGN {
  background: #c5eaf4;
  border-color: #82d2ed;
}
.CourseContentPanelWrapper .CourseContentPanel .ContentIconWrapColorINFO {
  background: #537598;
  border-color: #375677;
}
.CourseContentPanelWrapper .CourseContentPanel .ContentIconWrapColorFLDR {
  background: #c5d8ea;
  border-color: #85a3bf;
}
.CourseContentPanelWrapper .CourseContentPanel .ContentIconWrapColorCHAT {
  background: #ade6f5;
  border-color: #7bc4d6;
}
.CourseContentPanelWrapper .CourseContentPanel .ContentIconWrapColorFORU {
  background: #dad2c3;
  border-color: #b09e80;
}
.CourseContentPanelWrapper .CourseContentPanel .ContentIconWrapColorCAST {
  background: #fbfbc5;
  border-color: #eeee9f;
}
.CourseContentPanelWrapper .CourseContentPanel .ContentIconWrapColorFILE {
  background: #f9c204;
  border-color: #dbaa00;
}
.CourseContentPanelWrapper .CourseContentPanel .ContentIconWrapColorANNO {
  background: #fbfbc5;
  border-color: #eeee9f;
}
.CourseContentPanelWrapper .CourseContentPanel .ContentIconWrapColorCONT {
  background: #fbfbc5;
  border-color: #eeee9f;
}
.CourseContentPanelWrapper .CourseContentPanel .ContentIconWrapColorLINK {
  background: #eff3f9;
  border-color: #dae1eb;
}
.CourseContentPanelWrapper .CourseContentPanel .ContentIconWrapColorSURV {
  background: #c00a0a;
  border-color: #a70101;
}
.CourseContentPanelWrapper .CourseContentPanel .ContentIconWrapColorEXAM {
  background: #bdbdbd;
  border-color: #a3a3a3;
}
.CourseContentPanelWrapper .CourseContentPanel .ContentIconWrapColorNEXA {
  background: #9b9b9b;
  border-color: #8a8a8a;
}
.CourseContentPanelWrapper .CourseContentPanel .ContentIconWrapColorJOUR {
  background: #a3d7ec;
  border-color: #78bad6;
}
.CourseContentPanelWrapper .CourseContentPanel .ContentIconWrapColorMULTI {
  background: #1760bf;
  border-color: #002f6a;
}
.CourseContentPanelWrapper .CourseContentPanel:hover .ContentIconWrapColorASGN {
  background: #89bfce;
  border-color: #5992a2;
}
.CourseContentPanelWrapper .CourseContentPanel:hover .ContentIconWrapColorINFO {
  background: #2f4f71;
  border-color: #15314d;
}
.CourseContentPanelWrapper .CourseContentPanel:hover .ContentIconWrapColorFLDR {
  background: #8aa8c5;
  border-color: #587c9f;
}
.CourseContentPanelWrapper .CourseContentPanel:hover .ContentIconWrapColorCHAT {
  background: #81c6d8;
  border-color: #4c9cb1;
}
.CourseContentPanelWrapper .CourseContentPanel:hover .ContentIconWrapColorFORU {
  background: #b6a78b;
  border-color: #917f5d;
}
.CourseContentPanelWrapper .CourseContentPanel:hover .ContentIconWrapColorCAST {
  background: #dfdc95;
  border-color: #aeab5d;
}
.CourseContentPanelWrapper .CourseContentPanel:hover .ContentIconWrapColorFILE {
  background: #d5ab1b;
  border-color: #b39018;
}
.CourseContentPanelWrapper .CourseContentPanel:hover .ContentIconWrapColorANNO {
  background: #dfdc95;
  border-color: #aeab5d;
}
.CourseContentPanelWrapper .CourseContentPanel:hover .ContentIconWrapColorCONT {
  background: #dfdc95;
  border-color: #aeab5d;
}
.CourseContentPanelWrapper .CourseContentPanel:hover .ContentIconWrapColorLINK {
  background: #c4cedd;
  border-color: #97a5ba;
}
.CourseContentPanelWrapper .CourseContentPanel:hover .ContentIconWrapColorSURV {
  background: #940808;
  border-color: #730505;
}
.CourseContentPanelWrapper .CourseContentPanel:hover .ContentIconWrapColorEXAM {
  background: #a1a1a1;
  border-color: #7d7d7d;
}
.CourseContentPanelWrapper .CourseContentPanel:hover .ContentIconWrapColorNEXA {
  background: #7f7f7f;
  border-color: #595959;
}
.CourseContentPanelWrapper .CourseContentPanel:hover .ContentIconWrapColorJOUR {
  background: #82b7cc;
  border-color: #6499af;
}
.CourseContentPanelWrapper .CourseContentPanel:hover .ContentIconWrapColorMULTI {
  background: #0f4a97;
  border-color: #08336c;
}
.CourseContentPanelWrapper .CourseContentPanel .CourseContentDescription {
  background: #f2f2f2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-bottom: Solid 1px #e3e3e3;
  float: right;
  width: 100%;
  height: 59px;
  margin: 0px;
}
.CourseContentPanelWrapper .CourseContentPanel .CourseContentDescription .CourseContentDescriptionContent {
  margin-left: 40px;
  height: 48px;
  padding-top: 12px;
}
.CourseContentPanelWrapper .CourseContentPanel .CourseContentDescription .CourseContentDescriptionContent .Title {
  font-size: 0.8em;
  line-height: 1.25em;
  font-weight: bold;
  color: #036;
  height: 18px;
  width: auto;
  margin-right: 60px;
  overflow: hidden;
  display: block;
}
.CourseContentPanelWrapper .CourseContentPanel .CourseContentDescription .CourseContentDescriptionContent:hover .Title {
  color: #036;
}
.CourseContentPanelWrapper .CourseContentPanel .CourseContentDescription .CourseContentDescriptionContent .Information {
  font-size: 0.75em;
  color: #828282;
  height: 12px;
  display: block;
}
.CourseContentPanelWrapper .CourseContentPanel .CourseContentDescription .CourseContentDescriptionContent .Information .Desc {
  color: #828282;
  font-size: 1em;
  font-weight: bold;
}
.CourseContentPanelWrapper .CourseContentPanel .CourseContentDescription .CourseContentDescriptionContent .Information .Info {
  font-style: italic;
  margin-right: 10px;
  font-size: 1em;
}
.CourseContentPanelWrapper .CourseContentPanel .CourseContentDescription .CourseContentDescriptionContent:hover .Information {
  color: #828282;
}
.CourseContentPanelWrapper .CourseContentPanel .CourseContentDescription .CourseContentDescriptionContent:hover .Information .Desc {
  color: #828282;
}
.CourseContentPanelWrapper .CourseContentPanel .CourseContentDescription .CourseContentOptions {
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: Solid 1px #ccc;
  height: 35px;
  width: auto;
  padding: 0px 5px 0px 10px;
  float: right;
  margin: -48px 10px 0px 0px;
  z-index: 1;
  position: relative;
  display: none;
  filter: alpha(opacity=60);
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
.CourseContentPanelWrapper .CourseContentPanel .CourseContentDescription .CourseContentOptions .OptionsLink {
  width: auto;
  height: 26px;
  padding-top: 9px;
  display: none;
  cursor: pointer;
  float: left;
}
.CourseContentPanelWrapper .CourseContentPanel .CourseContentDescription.HiddenStyle {
  background: #ddd;
  border-color: #bbb;
}
.CourseContentPanelWrapper .CourseContentPanel .CourseContentDescription.HiddenStyle:hover {
  background: #ddd;
  border-color: #bbb;
}
.CourseContentPanelWrapper .CourseContentPanel .CourseContentDescription.HiddenStyle .Title {
  font-size: 0.8em;
  line-height: 1.25em;
  font-weight: bold;
  color: #999;
  height: 18px;
  width: auto;
  overflow: hidden;
  display: block;
}
.CourseContentPanelWrapper .CourseContentPanel .CourseContentDescription.HiddenStyle:hover .Title {
  color: #999;
}
.CourseContentPanelWrapper .CourseContentPanel .CourseContentDescription.HiddenStyle .Information {
  font-size: 0.75em;
  color: #828282;
  height: 12px;
  display: block;
}
.CourseContentPanelWrapper .CourseContentPanel .CourseContentDescription.HiddenStyle .Information .Desc {
  color: #828282;
  font-size: 1em;
  font-weight: bold;
}
.CourseContentPanelWrapper .CourseContentPanel .CourseContentDescription.HiddenStyle .Information .Info {
  font-style: italic;
  color: #828282;
  margin-right: 10px;
  font-size: 1em;
}
.CourseContentPanelWrapper .CourseContentPanel .CourseContentDescription.HiddenStyle:hover .Information {
  color: #828282;
}
.CourseContentPanelWrapper .CourseContentPanel .CourseContentDescription.HiddenStyle:hover .Information .Desc {
  color: #828282;
}
.CourseContentPanelWrapper .CourseContentPanel .CourseContentDescription.HiddenStyle:hover .Information .Info {
  color: #828282;
}
.CourseContentPanelWrapper .CourseContentPanel:hover .CourseContentDescription {
  background: #e6e6e6;
  border-bottom: Solid 1px #c8c8c8;
}
.CourseContentPanelWrapper .CourseContentPanel:hover .CourseContentDescription .CourseContentOptions {
  display: block;
}
.CourseContentPanelWrapper .CourseContentPanel:hover .CourseContentDescription .CourseContentOptions:hover {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.CourseContentPanelWrapper .CourseContentPanel:hover .CourseContentDescription .OptionsLink {
  display: block;
}
.CourseContentPanelWrapper .CourseContentPanel:hover .CourseContentDescription .OptionsLink .PermissionsIcon {
  background: url('/Resources/Core/Images/Panels/CourseContentIcons.png') 0px 0px no-repeat;
  width: 10px;
  height: 16px;
  float: left;
  margin: 0px 5px 0px 0px;
  display: block;
}
.CourseContentPanelWrapper .CourseContentPanel:hover .CourseContentDescription .OptionsLink .DeleteIcon {
  background: url('/Resources/Core/Images/Panels/CourseContentIcons.png') 0px -18px no-repeat;
  width: 18px;
  height: 22px;
  float: left;
  margin: -2px 5px 0px 0px;
  display: block;
}
.CourseContentPanelWrapper .CourseContentPanel:hover .CourseContentDescription .OptionsLink .SettingsIcon {
  background: url('/Resources/Core/Images/Panels/CourseContentIcons.png') 0px -42px no-repeat;
  width: 19px;
  height: 20px;
  float: left;
  margin: -1px 5px 0px 0px;
  display: block;
}
.CourseContentPanelWrapper .CourseContentPanel:hover .CourseContentDescription .OptionsLink .ReportsIcon {
  background: url('/Resources/Core/Images/Panels/CourseContentIcons.png') 0px -64px no-repeat;
  width: 20px;
  height: 20px;
  float: left;
  margin: -1px 5px 0px 0px;
  display: block;
}
.CourseContentPanelWrapper .CourseContentPanel:hover .CourseContentDescription .OptionsLink .OptionsText {
  font-size: 0.625em;
  line-height: 1.6em;
  color: #999999;
  float: left;
  margin-right: 10px;
}
.CourseContentPanelWrapper .CourseContentPanel:hover .CourseContentDescription .OptionsLink:hover .PermissionsIcon {
  background-position: -22px 0px;
}
.CourseContentPanelWrapper .CourseContentPanel:hover .CourseContentDescription .OptionsLink:hover .DeleteIcon {
  background-position: -22px -18px;
}
.CourseContentPanelWrapper .CourseContentPanel:hover .CourseContentDescription .OptionsLink:hover .SettingsIcon {
  background-position: -22px -42px;
}
.CourseContentPanelWrapper .CourseContentPanel:hover .CourseContentDescription .OptionsLink:hover .ReportsIcon {
  background-position: -22px -64px;
}
.CourseContentPanelWrapper .CourseContentPanel:hover .CourseContentDescription .OptionsLink:hover .OptionsText {
  color: #333;
}
/*------------------------------------------------------*/
/* DROP ZONE FILE UPLOADER                              */
/*------------------------------------------------------*/
#dropzone {
  margin: 0;
  width: 100%;
  min-height: 100%;
}
#dropzone .title-attachments {
  pointer-events: none;
}
.add-files-box {
  margin: 0;
}
.drop-file .upload-drop-zone {
  display: block;
  opacity: 1;
  pointer-events: none;
}
.upload-drop-zone {
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  position: absolute;
  z-index: 2;
  top: 1em;
  right: 0em;
  bottom: 1em;
  left: 16.25em;
  display: none;
  overflow: hidden;
  opacity: 0;
  margin: 0 1rem;
  padding: 1rem 0;
  background: #ffffff;
  background: rgba(255, 255, 255, 0.9);
  border: 0.0625em solid #777;
  border-radius: 0.125em;
}
.upload-files-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -7.25em 0 0 -7.25em;
  background: #5f89b5;
  border-radius: 50%;
  width: 14.5em;
  height: 14.5em;
  text-align: center;
  color: #1f3043;
}
.upload-files-circle [class*="fa-"] {
  display: block;
  font-size: 5em;
  line-height: 2.25em;
}
.upload-files-circle .upload-files-label {
  position: absolute;
  right: 2em;
  bottom: 3.5em;
  left: 2em;
}
/*------------------------------------------------------*/
/* FOOTER                                               */
/*------------------------------------------------------*/
.Footer {
  width: 960px;
  height: 60px;
}
.FullFooter {
  width: 100%;
  height: 60px;
}
.Footer .Text,
.FullFooter .Text {
  width: 890px;
  float: left;
  padding: 5px 0px 0px 10px;
}
.Footer .Text span,
.FullFooter .Text span {
  font-size: 0.6em;
  color: #ffffff;
  display: block;
}
.Footer .Text span:first-of-type,
.FullFooter .Text span:first-of-type {
  margin-bottom: 0.625em;
}
.Footer .Text span a,
.FullFooter .Text span a {
  display: inline-block;
  vertical-align: top;
  color: #ffffff;
}
.Footer .Logo,
.FullFooter .Logo {
  width: 60px;
  float: right;
}
/* Printer specific */
@media print {
  .Topbar,
  .SOLECSLeftNav {
    display: none;
  }
}
/* css for timepicker */
#ui-datepicker-div {
  z-index: 99999 !important;
}
.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}
.ui-timepicker-div dl {
  text-align: left;
  font-size: 0.875em;
  color: gray;
  margin: 5px;
}
.ui-timepicker-div dl dt {
  height: 25px;
  margin-bottom: -25px;
}
.ui-timepicker-div dl dd {
  margin: 0 10px 10px 65px;
}
.ui-timepicker-div td {
  font-size: 90%;
}
.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}
/* Mobile */
@media all and (max-width: 40.625em) {
  body {
    overflow-x: hidden;
  }
  .SOLELogin {
    min-height: 0.0625rem;
    height: auto;
  }
  .CollapseLeft {
    background-image: none;
    background: #fff;
    border: 1px solid #001C38;
    z-index: 9999;
    width: 40px;
    height: 30px;
    top: 35px;
    left: 10px;
    opacity: 1;
    text-align: center;
    border-radius: 5px;
  }
  .CollapseLeft.clicked {
    left: 260px;
  }
  .CollapseLeft [class*="icon-"] {
    visibility: visible;
    font-size: 1.25em;
    line-height: 1.5em;
  }
  .Footer,
  .FullFooter {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 10px;
  }
  .Footer .Text,
  .FullFooter .Text {
    width: 100%;
  }
  .Footer .Logo,
  .FullFooter .Logo {
    display: none;
  }
  .SOLEContentWrap .HomeCalendarTagWrap,
  .SOLEContentWrap .HomeNewContent {
    width: 100%;
  }
  .SOLEContentWrap .HomeCalendarTagWrap .HomeCalendarWrap,
  .SOLEContentWrap .HomeCalendarTagWrap .TagsWrap {
    width: auto;
  }
  .SOLEContentWrap .HomeNewContent {
    padding: 0;
  }
  .SOLEContentWrap.Tab.AdminPage .SOLECSNav {
    overflow: hidden;
  }
  .SOLEContentWrap.Tab.AdminPage .SOLECSNav .navbtn-group {
    width: 100%;
    margin: 0;
  }
  .SOLEContentWrap.Tab.AdminPage .SOLECSNav .navbtn-group .navbtn {
    padding: 0.25rem 0;
    border-radius: 5px;
  }
  .SOLEContentWrap.Tab.AdminPage .SOLECSNav .navbtn-group .navbtn:first-child {
    border-radius: 5px;
  }
  .SOLEContentWrap.Tab.AdminPage .SOLECSNav .navbtn-group .navbtn:last-child {
    border-radius: 5px;
  }
  .SOLEContentWrap.Tab.AdminPage .SOLECSNav a.navbtn {
    width: 100%;
    margin-bottom: 0.125rem;
    padding: 0.3125em 0;
    text-align: center;
  }
  .SOLEContentWrap.Tab.AdminPage .SOLEContentWrap {
    background: transparent;
    padding: 0;
    border: none;
  }
  .CourseContentPanelWrapper .CourseContentPanel:hover .CourseContentDescription .CourseContentOptions {
    display: none;
  }
  table.SOLE {
    width: 100%;
  }
  table.SOLE .mobileHide {
    display: none;
  }
  .PrevNextTabsWrap {
    margin-left: 0;
  }
  .PrevNextTabsWrap .PrevNextButtons .Previous {
    position: absolute;
    left: 0;
    border-radius: 0 5px 0 0;
  }
  .PrevNextTabsWrap .PrevNextButtons .Next {
    position: absolute;
    right: 0;
    border-radius: 5px 0 0 0;
  }
  .courseFooter {
    display: none;
  }
}