/* 
	Replacement for /Resources/Themes/SOLE/CSS.less for sole10 api apps
	
 */

html,body {
    margin: 0;
    padding: 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: ""
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

a:focus {
    outline: thin dotted
}

a:hover,a:active {
    outline: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
    display: block
}

audio,canvas,video {
    display: inline-block;
    *display: inline;
    *zoom:1}

audio:not([controls]) {
    display: none
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

button,input,select,textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}

button,input {
    line-height: normal;
    *overflow: visible
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

button,input[type="button"],input[type="reset"],input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button
}

input[type="search"] {
    -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
}

textarea {
    overflow: auto;
    vertical-align: top
}

.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
}

.fontfamily {
    font-family: Segoe UI,Helvetica,Arial,Sans-Serif
}

.fontsize {
    font-size: 16px
}

h1,h2,h3,h4,h5,h6 {
    font-weight: bold
}

.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
}

.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
}

.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
}

.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
}

.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
}

.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
}

.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
}

.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
}

.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
}

body {
    margin: 0;
    background-color: #fff
}

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: 9px
}

textarea:focus {
    outline: none
}

.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
}

.SOLELogin {
    background: #fff 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
}

.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 #fff;
    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 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
    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 {
    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.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: #036
}

.modal.large.help .modal-body .HelpContentWrap .Block {
    background: #f5f5f5;
    border-bottom: Solid 1px #ccc;
    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: #eee;
    border-color: #ccc
}

.modal.large.help .modal-body .HelpContentWrap .FullBlock {
    background: #f5f5f5;
    border-bottom: Solid 1px #ccc;
    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: #eee;
    border-color: #ccc
}

.modal.large.help .modal-body .HelpContentWrap .FullBlock .AccountIcon {
    background: #fff;
    border-bottom: Solid 1px #ccc;
    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: #444;
    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 #ccc;
    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 #ccc;
    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: #999;
    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: #999
}

.modal.large.help .modal-body .HelpContentWrap table {
    width: 100%;
    border: Solid 1px #eee;
    border-bottom: none
}

.modal.large.help .modal-body .HelpContentWrap table tr:hover {
    background: #bed8f4
}

.modal.large.help .modal-body .HelpContentWrap table tr th {
    background: #eee;
    font-size: 0.875em;
    border-bottom: Solid 1px #eee;
    padding: 10px;
    text-align: left
}

.modal.large.help .modal-body .HelpContentWrap table tr:hover th {
    background: #eee
}

.modal.large.help .modal-body .HelpContentWrap table tr td {
    font-size: 0.875em;
    border-bottom: Solid 1px #eee;
    padding: 10px
}

.modal.large.help .modal-body .HelpContentWrap table tr td a {
    cursor: pointer
}

.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
}

@media all and (max-width: 40.625em) {
    .modal.large {
        width:auto;
        top: .625rem !important;
        right: .625rem;
        bottom: .625rem;
        left: .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
    }
}

button {
    outline: none
}

a.btn {
    line-height: 30px !important
}

.btn {
    background: #bed8f3;
    font-size: 0.8125em;
    color: #036;
    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: #036
}

.btn.primary {
    background-color: #1761bf;
    color: #fff
}

.btn.primary:hover {
    background-color: #004fa2
}

.btn.secondary {
    background-color: #e48383;
    color: #fff
}

.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: .5
}

.btn.right {
    margin-left: .25em
}

.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
}

.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
}

.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
}

.navbtn-toolbar {
    overflow: hidden;
    margin: 0px
}

.navbtn-toolbar .navbtn-group {
    display: inline-block;
    display: inline;
    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
}

.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
}

.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
}

.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
}

.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 {
    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
}

.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: "↓";
    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
}

.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
}

.blockbtn {
    background: #f5f5f5;
    border-bottom: Solid 1px #ccc;
    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: #eee;
    border-color: #ccc
}

.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: #036
}

.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: #036
}

.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 {
    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 {
    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: #ddd
}

.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
}

.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
}

@media all and (max-width: 40.625em) {
    .btn.PrintPage {
        display:none
    }

    .btn.More {
        display: none
    }
}

.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));
    background-image: -moz-linear-gradient(top,#002346,#001830);
    background-image: -ms-linear-gradient(top,#002346,#001830);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#002346),color-stop(100%,#001830));
    background-image: -webkit-linear-gradient(top,#002346,#001830);
    background-image: -o-linear-gradient(top,#002346,#001830);
    background-image: linear-gradient(top,#002346,#001830);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002346',endColorstr='#001830',GradientType=0);
    -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)
}

.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));
    background-image: -moz-linear-gradient(top,#125ca6,#013262);
    background-image: -ms-linear-gradient(top,#125ca6,#013262);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#125ca6),color-stop(100%,#013262));
    background-image: -webkit-linear-gradient(top,#125ca6,#013262);
    background-image: -o-linear-gradient(top,#125ca6,#013262);
    background-image: linear-gradient(top,#125ca6,#013262);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#125ca6',endColorstr='#013262',GradientType=0);
    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));
    background-image: -moz-linear-gradient(top,#3a88d6,#04386b);
    background-image: -ms-linear-gradient(top,#3a88d6,#04386b);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#3a88d6),color-stop(100%,#04386b));
    background-image: -webkit-linear-gradient(top,#3a88d6,#04386b);
    background-image: -o-linear-gradient(top,#3a88d6,#04386b);
    background-image: linear-gradient(top,#3a88d6,#04386b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a88d6',endColorstr='#04386b',GradientType=0)
}

.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));
    background-image: -moz-linear-gradient(top,#00376e,#00264b);
    background-image: -ms-linear-gradient(top,#00376e,#00264b);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#00376e),color-stop(100%,#00264b));
    background-image: -webkit-linear-gradient(top,#00376e,#00264b);
    background-image: -o-linear-gradient(top,#00376e,#00264b);
    background-image: linear-gradient(top,#00376e,#00264b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00376e',endColorstr='#00264b',GradientType=0);
    display: none;
    float: left;
    cursor: pointer
}

.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));
    background-image: -moz-linear-gradient(top,#004386,#002a53);
    background-image: -ms-linear-gradient(top,#004386,#002a53);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#004386),color-stop(100%,#002a53));
    background-image: -webkit-linear-gradient(top,#004386,#002a53);
    background-image: -o-linear-gradient(top,#004386,#002a53);
    background-image: linear-gradient(top,#004386,#002a53);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004386',endColorstr='#002a53',GradientType=0)
}

.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
}

.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: .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: .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));
    background-image: -moz-linear-gradient(top,#fff,#f5f5f5);
    background-image: -ms-linear-gradient(top,#fff,#f5f5f5);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#f5f5f5));
    background-image: -webkit-linear-gradient(top,#fff,#f5f5f5);
    background-image: -o-linear-gradient(top,#fff,#f5f5f5);
    background-image: linear-gradient(top,#fff,#f5f5f5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f5f5f5',GradientType=0);
    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));
    background-image: -moz-linear-gradient(top,#fff,#f5f5f5);
    background-image: -ms-linear-gradient(top,#fff,#f5f5f5);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#f5f5f5));
    background-image: -webkit-linear-gradient(top,#fff,#f5f5f5);
    background-image: -o-linear-gradient(top,#fff,#f5f5f5);
    background-image: linear-gradient(top,#fff,#f5f5f5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f5f5f5',GradientType=0)
}

.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));
    background-image: -moz-linear-gradient(top,#00376e,#00264b);
    background-image: -ms-linear-gradient(top,#00376e,#00264b);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#00376e),color-stop(100%,#00264b));
    background-image: -webkit-linear-gradient(top,#00376e,#00264b);
    background-image: -o-linear-gradient(top,#00376e,#00264b);
    background-image: linear-gradient(top,#00376e,#00264b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00376e',endColorstr='#00264b',GradientType=0);
    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));
    background-image: -moz-linear-gradient(top,#004386,#002a53);
    background-image: -ms-linear-gradient(top,#004386,#002a53);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#004386),color-stop(100%,#002a53));
    background-image: -webkit-linear-gradient(top,#004386,#002a53);
    background-image: -o-linear-gradient(top,#004386,#002a53);
    background-image: linear-gradient(top,#004386,#002a53);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004386',endColorstr='#002a53',GradientType=0)
}

.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: #fff;
    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));
    background-image: -moz-linear-gradient(top,#fff,#f5f5f5);
    background-image: -ms-linear-gradient(top,#fff,#f5f5f5);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#f5f5f5));
    background-image: -webkit-linear-gradient(top,#fff,#f5f5f5);
    background-image: -o-linear-gradient(top,#fff,#f5f5f5);
    background-image: linear-gradient(top,#fff,#f5f5f5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f5f5f5',GradientType=0);
    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));
    background-image: -moz-linear-gradient(top,#fff,#f5f5f5);
    background-image: -ms-linear-gradient(top,#fff,#f5f5f5);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#f5f5f5));
    background-image: -webkit-linear-gradient(top,#fff,#f5f5f5);
    background-image: -o-linear-gradient(top,#fff,#f5f5f5);
    background-image: linear-gradient(top,#fff,#f5f5f5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f5f5f5',GradientType=0)
}

.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));
    background-image: -moz-linear-gradient(top,#125ca6,#013262);
    background-image: -ms-linear-gradient(top,#125ca6,#013262);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#125ca6),color-stop(100%,#013262));
    background-image: -webkit-linear-gradient(top,#125ca6,#013262);
    background-image: -o-linear-gradient(top,#125ca6,#013262);
    background-image: linear-gradient(top,#125ca6,#013262);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#125ca6',endColorstr='#013262',GradientType=0);
    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));
    background-image: -moz-linear-gradient(top,#3a88d6,#04386b);
    background-image: -ms-linear-gradient(top,#3a88d6,#04386b);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#3a88d6),color-stop(100%,#04386b));
    background-image: -webkit-linear-gradient(top,#3a88d6,#04386b);
    background-image: -o-linear-gradient(top,#3a88d6,#04386b);
    background-image: linear-gradient(top,#3a88d6,#04386b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a88d6',endColorstr='#04386b',GradientType=0)
}

.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;
    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 .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));
    background-image: -moz-linear-gradient(top,#fff,#f5f5f5);
    background-image: -ms-linear-gradient(top,#fff,#f5f5f5);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#f5f5f5));
    background-image: -webkit-linear-gradient(top,#fff,#f5f5f5);
    background-image: -o-linear-gradient(top,#fff,#f5f5f5);
    background-image: linear-gradient(top,#fff,#f5f5f5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f5f5f5',GradientType=0);
    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));
    background-image: -moz-linear-gradient(top,#fff,#f5f5f5);
    background-image: -ms-linear-gradient(top,#fff,#f5f5f5);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#f5f5f5));
    background-image: -webkit-linear-gradient(top,#fff,#f5f5f5);
    background-image: -o-linear-gradient(top,#fff,#f5f5f5);
    background-image: linear-gradient(top,#fff,#f5f5f5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f5f5f5',GradientType=0)
}

.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: #036;
    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: #036
}

.Topbar .Fill .SOLESearch .SOLESearchText :-moz-placeholder {
    color: #036
}

.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 transparent;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.35),inset 0 -1px 0 transparent;
    box-shadow: 0 1px 2px rgba(0,0,0,0.35),inset 0 -1px 0 transparent
}

.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: #fff;
    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: #fff;
    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
}

.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
}

.alert .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
}

.alert .close:hover {
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}

.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
}

.alert-block {
    padding-top: 14px;
    padding-bottom: 14px
}

.alert-block>p,.alert-block>ul {
    margin-bottom: 0
}

.alert-block p+p {
    margin-top: 5px
}

@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
    }
}

.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));
    background-image: -moz-linear-gradient(top,#e4bfbf,#dfa4a4);
    background-image: -ms-linear-gradient(top,#e4bfbf,#dfa4a4);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#e4bfbf),color-stop(100%,#dfa4a4));
    background-image: -webkit-linear-gradient(top,#e4bfbf,#dfa4a4);
    background-image: -o-linear-gradient(top,#e4bfbf,#dfa4a4);
    background-image: linear-gradient(top,#e4bfbf,#dfa4a4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4bfbf',endColorstr='#dfa4a4',GradientType=0);
    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: #444;
    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 #ddd;
    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: #777
}

@media all and (max-width: 40.625em) {
    .LoginAnnouncements {
        width:80%;
        margin: 0 auto .625em auto;
        padding: 5%
    }

    .LoginWrapper {
        width: 100%;
        min-height: .0625rem;
        height: auto;
        margin-bottom: 1.25em;
        padding-top: 20px
    }

    .LoginBox {
        background-color: #376ba1;
        background-image: none;
        border-radius: .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
    }
}

.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
}

.ContainerSet .ContainerContent .ContainerSitesCourses {
    width: 410px;
    float: left;
    padding: 0px 10px
}

.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: #036;
    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: #fff;
    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: #fff;
    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: #fff;
    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: #777;
    padding: 0px 5px;
    font-size: 0.75em
}

.ContainerSet .ContainerContent .ContainerSitesCourses .AnnouncementsContent .CSAnnouncements .ContentScroll .Content .ContentWrap ul {
    color: #777;
    padding: 0 5px;
    font-size: 0.75em
}

.ContainerSet .ContainerContent .ContainerSitesCourses .AnnouncementsContent .CSAnnouncements .ContentScroll .Content .ContentWrap ul li {
    color: #777
}

.ContainerSet .ContainerContent .ContainerSitesCourses .CoursesSitesContent {
    background: #fff;
    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: #999;
    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: #036;
    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: #fff;
    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
}

.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: #036;
    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;
    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: #fff;
    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 #ddd;
    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
}

.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: #999
}

.CSWrapper:hover .CSIcon:hover .CSDraggableWrap .DragLine {
    background: #fff;
    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: #fff;
    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
}

.Site-Options {
    width: 250px;
    margin: 0px auto 10px auto
}

.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: #fff;
    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));
    background-image: -moz-linear-gradient(top,#15395b,#002142);
    background-image: -ms-linear-gradient(top,#15395b,#002142);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#15395b),color-stop(100%,#002142));
    background-image: -webkit-linear-gradient(top,#15395b,#002142);
    background-image: -o-linear-gradient(top,#15395b,#002142);
    background-image: linear-gradient(top,#15395b,#002142);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#15395b',endColorstr='#002142',GradientType=0);
    color: #fff;
    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));
    background-image: -moz-linear-gradient(top,#40658a,#274c6f);
    background-image: -ms-linear-gradient(top,#40658a,#274c6f);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#40658a),color-stop(100%,#274c6f));
    background-image: -webkit-linear-gradient(top,#40658a,#274c6f);
    background-image: -o-linear-gradient(top,#40658a,#274c6f);
    background-image: linear-gradient(top,#40658a,#274c6f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40658a',endColorstr='#274c6f',GradientType=0);
    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: #fff
}

.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
}

.btn.settingsSave {
    background-color: #fff;
    color: #049f00;
    margin-left: 10px;
    font-weight: bold;
    border-bottom: Solid 1px #444
}

.btn.settingsSave:hover {
    background-color: #fff;
    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));
    background-image: -moz-linear-gradient(top,#9e9e9e,#676767);
    background-image: -ms-linear-gradient(top,#9e9e9e,#676767);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#9e9e9e),color-stop(100%,#676767));
    background-image: -webkit-linear-gradient(top,#9e9e9e,#676767);
    background-image: -o-linear-gradient(top,#9e9e9e,#676767);
    background-image: linear-gradient(top,#9e9e9e,#676767);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e',endColorstr='#676767',GradientType=0);
    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: #fff;
    padding: 5px 9px
}

.WidgetSettings .TextField {
    width: 230px;
    padding: 0px 9px 10px 9px
}

.WidgetSettings .TextField input {
    width: 226px;
    height: 24px
}

.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
}

.ContentResourcesWrap {
    background: #fff;
    width: 388px;
    min-height: 30px;
    overflow: hidden;
    border: Solid 1px #ccc;
    border-bottom: none
}

.ContentResourcesWrap a {
    width: 388px;
    height: 30px;
    display: block;
    cursor: pointer;
    border-bottom: Solid 1px #ccc;
    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
}

@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
    }
}

.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: #fff;
    color: #777;
    padding: 10px;
    text-decoration: none;
    font-size: 0.8125em;
    border-bottom: Solid 1px #ccc;
    width: 230px;
    display: block
}

.Content-RSS .ContentScroll a:hover {
    background: #f5f5f5;
    color: #3c75af
}

.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: #fff;
    width: 100%;
    display: block
}

.ContentWeather .ContentMain .Report .Day span.Large {
    font-size: 0.875em;
    font-weight: bold;
    color: #fff;
    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: #fff;
    width: 75px;
    float: right;
    display: block
}

.ContentWeather .ContentMain .Report .Temperature span.Large {
    font-size: 1.875em;
    color: #fff;
    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: #fff;
    font-size: 0.625em;
    line-height: 1.7em
}

.ContentWeather .ContentMain .Full-Forecast a:hover {
    text-decoration: underline
}

.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: #fff;
    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 #ccc
}

.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 #ccc
}

.ContentCalendar .CalendarRow .Day {
    width: 32px;
    height: 25px;
    padding-top: 7px;
    text-align: center;
    color: #1c558e;
    background: #f5f5f5;
    border-right: Solid 1px #ccc;
    border-bottom: Solid 1px #ccc;
    font-size: 0.875em;
    float: left
}

.ContentCalendar .CalendarRow .Day:hover {
    background: #ccc;
    color: #fff
}

.ContentCalendar .CalendarRow .Day a {
    background: #3570aa;
    color: #fff;
    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 #ccc;
    border-bottom: Solid 1px #ccc;
    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: #999;
    line-height: 1.5em;
    padding-bottom: 5px;
    font-weight: normal
}

.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
}

.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: #333;
    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: .25rem;
    color: #ccc
}

.Content-Links .ContentScroll a .link-authenticate:hover {
    color: #3c75af
}

.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: #333;
    border-bottom: Solid 1px #ccc;
    white-space: nowrap
}

.Content-Notifications .ContentScroll a {
    background: transparent;
    width: 250px;
    height: auto;
    overflow: hidden;
    display: block;
    cursor: pointer;
    color: #777;
    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: #ccc
}

.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 .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: #333 !important
}

.Content-Notifications .ContentScroll .notification-widget-dismiss:hover {
    color: #b23939 !important
}

.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: #333;
    border-bottom: Solid 1px #ccc;
    white-space: nowrap
}

.Content-Announcement .ContentScroll a {
    background: transparent;
    width: 250px;
    height: auto;
    overflow: hidden;
    display: block;
    cursor: pointer;
    color: #777;
    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: #ccc
}

.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
}

.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: #333;
    border-bottom: Solid 1px #ccc;
    white-space: nowrap
}

.Content-Classifieds .ContentScroll a {
    background: #fff;
    color: #777;
    padding: 10px;
    text-decoration: none;
    font-size: 0.8125em;
    line-height: 1.6em;
    border-bottom: Solid 1px #ccc;
    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
}

.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: #fff;
    color: #777;
    padding: 10px;
    text-decoration: none;
    font-size: 0.8125em;
    line-height: 1.6em;
    border-bottom: Solid 1px #ccc;
    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
}

@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: .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%
    }
}

.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: .25em .3125em;
    display: block;
    line-height: 1.25em
}

.popover-content a img {
    margin-right: .25em
}

.popover-content .previewContent {
    max-height: 150px;
    overflow-x: hidden;
    overflow-y: auto
}

.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
}

.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
}

.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
}

.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
}

.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
}

.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;
    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
}

.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
}

.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
}

.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: #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: 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: #999;
    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
}

.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
}

.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
}

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
}

.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: .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: .5rem;
    font-size: .6875rem;
    line-height: 100%;
    text-transform: uppercase;
    color: gray
}

.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: .25rem;
    left: 0;
    opacity: 0;
    font-size: .6875rem;
    text-transform: uppercase;
    color: gray
}

.chat-room-name {
    display: block;
    margin-bottom: .5rem;
    margin-left: 3.5rem;
    font-size: .6875rem;
    color: #999
}

.chat-new-messages {
    display: block;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: .25rem 1rem;
    background: #eaf5e4;
    font-size: .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: .5rem;
    opacity: .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: .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: .3125rem;
    padding: .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: .25em 1em;
    height: 1.5rem;
    font-size: .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: .5rem
}

.listed-room .icon-circle,.listed-user .icon-circle,.listed-room .icon-circle-blank,.listed-user .icon-circle-blank {
    margin-right: .75rem;
    margin-left: .25rem;
    font-size: .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: .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: #999
}

.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: .25em;
    padding-bottom: .25em;
    color: #333
}

.chat-rooms-and-users .other-room:hover {
    text-decoration: none
}

.chat-notification {
    position: absolute;
    top: .3125rem;
    right: .625rem;
    padding: .125rem .5rem;
    height: 1.125rem;
    font-size: .875rem;
    font-weight: 800;
    line-height: 125%;
    color: white;
    background: #477c2b;
    border-radius: .25rem
}

[class^="wrapper-playback"] {
    position: relative;
    padding: .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: .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: .6875em;
    background: #222;
    border-radius: .25em;
    width: 50%
}

[class^="wrapper-playback"] .inline-control.primary .ui-slider-handle {
    background: #fff;
    border-radius: .25em
}

[class^="wrapper-playback"] .inline-control.label {
    position: relative;
    margin-left: 1em;
    padding: 0 .75em;
    background: #fff;
    border-radius: 0 .125rem .125rem 0;
    font-size: .8125em;
    line-height: 2.230769230769231em
}

[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.153846154em;
    border-top: 1.153846153846154em solid transparent;
    border-bottom: 1.153846153846154em solid transparent;
    border-right: 1.153846154em solid #fff
}

[class^="wrapper-playback"] .inline-control.navbtn {
    float: right
}

.manageChecklistRequirement {
    overflow: hidden;
    padding-top: .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.0
}

.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: .5rem
}

.siteChecklistListing {
    font-size: .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: .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: .25rem;
    padding-left: .25rem;
    font-size: .875rem
}

.form-action-button .icon-trash {
    color: #a03939
}

@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: .3125rem;
    border-top: Solid 1px #ccc
}

.SOLEContentEditWrap.Tab.noTabs .validation-summary-errors,.SOLEContentEditWrap.Tab.noTabs .field-validation-error {
    background: #fee;
    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: .5em 0;
    font-size: .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: #fee;
    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: #fee;
    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: .5em 0;
    font-size: .875em;
    line-height: 1.357142857142857em
}

.contentMessageBox {
    width: auto;
    padding: 7px 20px;
    margin-top: 2px;
    font-size: .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
}

#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
}

.SOLEContentWrap h3.formOptionsTitle {
    margin-top: .5em;
    margin-right: 1rem;
    padding-bottom: .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: .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: .4125rem;
    right: 1rem;
    color: rgba(0,0,0,0.1);
    cursor: move
}

.contentSectionWrap {
    background: #fff;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
    clear: both
}

.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 .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: .75rem;
    left: .5rem;
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
    color: #ccc;
    cursor: move
}

.contentSectionWrap .formBuilderField .icon-reorder:hover {
    color: gray
}

.contentSectionWrap .formBuilderField .formLabel {
    margin-left: 15.625rem
}

.contentSectionWrap .formBuilderField .sectionInputBar .sectionLabel {
    left: 3.125rem
}

.contentSectionWrap .formBuilderField .sectionInputBar .sectionLabel a {
    position: absolute;
    top: .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: .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: .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: .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: .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: .75rem;
    margin-left: 12.5rem
}

.contentSectionWrap .formActions {
    padding: .5rem
}

.contentSectionWrap .formActions .btn {
    margin-bottom: 0
}

.contentSectionWrap .formAdditionalOptions {
    margin-bottom: .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.142857142857143em;
    font-size: .875em;
    line-height: 2.142857142857143em;
    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: .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: .4
}

.contentSectionWrap .sectionInputBar .sectionLabel.required-if:after {
    content: "";
    position: absolute;
    background: #d57c7c;
    top: 2px;
    right: 1px;
    bottom: 2px;
    left: auto;
    width: 3px;
    opacity: .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: .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: .5rem;
    padding-left: .5rem;
    width: 10.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: .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: .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: .75em;
    display: block
}

.contentSectionWrap .sectionInputBar .splitRow .multiElement label.primary {
    font-size: .875rem;
    padding: 9px 10px 0 10px
}

.contentSectionWrap .sectionInputBar .splitRow .multiHeader {
    color: #333;
    width: 100%;
    height: 30px;
    font-size: .875em;
    padding: 0 0 0 .625em
}

.contentSectionWrap .sectionInputBar .splitRow .multiLabel {
    background: #333;
    width: 100%;
    height: 30px;
    color: #fff;
    font-size: .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: .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: .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: .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: .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: .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: .625em .625em 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: .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: .875em
}

.contentSectionWrap .sectionInputBar .contentInputWrap.label .btn,.contentSectionWrap .sectionInputBar .contentTabInputWrap.label .btn {
    vertical-align: top;
    margin-top: .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: .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: .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: .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: .6875em;
    font-size: .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: .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(98%);
    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: .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: .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: .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: #fdd;
    border-radius: 3px;
    padding: 7px 10px;
    margin-top: 4px;
    border: 1px solid #d57c7c;
    font-size: .875em;
    color: #a03939;
    float: left
}

.contentSectionWrap .sectionInputBar .contentEditorWrap textarea {
    border: none;
    width: 99%;
    height: 99%;
    max-height: 368px;
    font-size: .875em;
    line-height: 1.75em
}

.contentSectionWrap .sectionInputBar .contentEditorWrap textarea:focus {
    outline: none
}

.contentSectionWrap .sectionInputBar .content-editor-textarea-validation {
    position: relative;
    z-index: 1;
    margin: .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.0;
    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;
    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
}

.fc-event {
    color: #000 !important;
    font-size: 13px !important
}

.fc-event-title {
    font-size: 13px !important
}

.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;
    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
}

@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: .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: .625rem
}

.contentHeader .actionLink {
    color: #7bba59
}

.contentHeader .actionLink:hover {
    color: #477c2b;
    text-decoration: none
}

.signupListsContent {
    background: #fff;
    padding: .625em
}

#contentSection>h2.signUpDeadlineLabel {
    display: inline-block;
    font-weight: normal;
    font-size: 1.125em;
    color: #d57c7c;
    margin: .425rem 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: .5em 0;
    width: 5rem;
    border: 0.0625rem solid #aaa;
    border-radius: .25em;
    text-decoration: none;
    font-size: .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: .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: .3125em
}

.signUpListOption label.numberOpen span {
    font-size: inherit;
    font-family: inherit
}

.signUpListOption label.numberOpen span.signedUp {
    color: #477c2b;
    margin-right: .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: .75em;
    padding-top: .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: .25em .5em;
    border: 0.0625rem solid #ccc;
    border-left: none;
    border-radius: 0 .125em .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: .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: .0625em;
    padding: 0 1em;
    background: #d69922;
    border-radius: 0 .125em .125em 0;
    line-height: 1.75em;
    color: #fff
}

.discussion-search-result-info:before {
    content: "";
    position: absolute;
    top: 0;
    left: -0.875em;
    border-top: .875em solid transparent;
    border-right: 0.875em solid #d69922;
    border-bottom: .875em solid transparent
}

.discussion-organization {
    float: right
}

.match {
    margin: 0 -0.0625em;
    padding: 0 .0625em;
    background: #e2ae49;
    border-radius: .125em;
    font-size: inherit
}

.discussion-my-information {
    padding: .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: .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: .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: .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: .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: .1875em
}

.discussion-reply.my-reply:before {
    content: "";
    position: absolute;
    top: 1.5em;
    bottom: 1.5em;
    left: 0;
    background: #9ebcd8;
    width: .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: .0625em
}

.discussion-comment:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background: #ccc;
    height: .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: .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: .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: .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: .125em;
    padding: .125em .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: .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: .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: .125em;
    margin-right: .125em;
    padding: 0 .5em;
    background: #fff;
    border: 0.0625em solid #ccc;
    border-radius: .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: .5em
}

[class^="discussion-subject-"][class*="-score"],[class^="discussion-reply"][class*="-score"],[class^="discussion-comment"][class*="-score"] {
    display: inline-block;
    margin-left: .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: .875em;
    line-height: 1.5em
}

[class^="discussion-subject-"][class*="poster-actions"] {
    padding: .6875em 0
}

[class^="discussion-subject-"][class*="footer-rate-actions"] {
    min-height: .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: .875em;
    line-height: 1.5em
}

[class^="discussion-reply-"][class*="posted-image"] {
    position: relative;
    display: block;
    margin: 0 0 .5em 0;
    padding: .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: .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:.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: .5em .5em 2.125em .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: .5em;
        bottom: .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: .125em
    }

    .discussion-my-information {
        padding: .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: .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: .5em;
        font-size: .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: .5em 0 1.5em 0
    }

    [class^="discussion-subject-"][class*="user-actions"],[class^="discussion-reply"][class*="user-actions"],[class^="discussion-comment"][class*="user-actions"] {
        right: .5em;
        bottom: .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: .5em;
        bottom: .5em;
        display: block
    }

    [class^="discussion-subject"] [class*="user-actions"] [class*="button-view"] {
        display: inline-block
    }

    [class^="discussion-subject"] [class*="user-actions"] .button-submit {
        right: .5em;
        bottom: .5em
    }

    [class^="discussion-subject"][class*="header-wrapper"] {
        padding-bottom: .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: .5em;
        font-size: .625em;
        line-height: 1.5em
    }

    [class^="discussion-reply"] [class*="date-posted"] span {
        font-size: inherit
    }

    [class^="discussion-comment"] [class*="date-posted"] {
        margin-top: .5em;
        font-size: .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;
    -moz-animation: animation-loading-circle 1.5s infinite;
    -o-animation: animation-loading-circle 1.5s infinite;
    animation: animation-loading-circle 1.5s infinite;
    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 {
    0% {
        box-shadow: 0 2em 0 0 rgba(0,0,0,0.5)
    }

    12.5% {
        box-shadow: 0 0 0 0 rgba(0,0,0,0.5)
    }

    25% {
        box-shadow: 0 -2em 0 0 rgba(0,0,0,0.5)
    }

    37.5% {
        box-shadow: 0 0 0 0 rgba(0,0,0,0.5)
    }

    50% {
        box-shadow: -2em 0 0 0 rgba(0,0,0,0.5)
    }

    62.5% {
        box-shadow: 0 0 0 0 rgba(0,0,0,0.5)
    }

    75% {
        box-shadow: 2em 0 0 0 rgba(0,0,0,0.5)
    }

    87.5% {
        box-shadow: 0 0 0 0 rgba(0,0,0,0.5)
    }

    100% {
        box-shadow: 0 2em 0 0 rgba(0,0,0,0.5)
    }
}

@-moz-keyframes animation-loading-circle {
    0% {
        box-shadow: 0 2em 0 0 rgba(0,0,0,0.5)
    }

    12.5% {
        box-shadow: 0 0 0 0 rgba(0,0,0,0.5)
    }

    25% {
        box-shadow: 0 -2em 0 0 rgba(0,0,0,0.5)
    }

    37.5% {
        box-shadow: 0 0 0 0 rgba(0,0,0,0.5)
    }

    50% {
        box-shadow: -2em 0 0 0 rgba(0,0,0,0.5)
    }

    62.5% {
        box-shadow: 0 0 0 0 rgba(0,0,0,0.5)
    }

    75% {
        box-shadow: 2em 0 0 0 rgba(0,0,0,0.5)
    }

    87.5% {
        box-shadow: 0 0 0 0 rgba(0,0,0,0.5)
    }

    100% {
        box-shadow: 0 2em 0 0 rgba(0,0,0,0.5)
    }
}

@-o-keyframes animation-loading-circle {
    0% {
        box-shadow: 0 2em 0 0 rgba(0,0,0,0.5)
    }

    12.5% {
        box-shadow: 0 0 0 0 rgba(0,0,0,0.5)
    }

    25% {
        box-shadow: 0 -2em 0 0 rgba(0,0,0,0.5)
    }

    37.5% {
        box-shadow: 0 0 0 0 rgba(0,0,0,0.5)
    }

    50% {
        box-shadow: -2em 0 0 0 rgba(0,0,0,0.5)
    }

    62.5% {
        box-shadow: 0 0 0 0 rgba(0,0,0,0.5)
    }

    75% {
        box-shadow: 2em 0 0 0 rgba(0,0,0,0.5)
    }

    87.5% {
        box-shadow: 0 0 0 0 rgba(0,0,0,0.5)
    }

    100% {
        box-shadow: 0 2em 0 0 rgba(0,0,0,0.5)
    }
}

@keyframes animation-loading-circle {
    0% {
        box-shadow: 0 2em 0 0 rgba(0,0,0,0.5)
    }

    12.5% {
        box-shadow: 0 0 0 0 rgba(0,0,0,0.5)
    }

    25% {
        box-shadow: 0 -2em 0 0 rgba(0,0,0,0.5)
    }

    37.5% {
        box-shadow: 0 0 0 0 rgba(0,0,0,0.5)
    }

    50% {
        box-shadow: -2em 0 0 0 rgba(0,0,0,0.5)
    }

    62.5% {
        box-shadow: 0 0 0 0 rgba(0,0,0,0.5)
    }

    75% {
        box-shadow: 2em 0 0 0 rgba(0,0,0,0.5)
    }

    87.5% {
        box-shadow: 0 0 0 0 rgba(0,0,0,0.5)
    }

    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 .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: .75rem;
    font-size: .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: .125em;
    display: inline-block;
    padding: 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: .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 .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: .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 .625em 0;
    padding: 0 1em;
    height: 1.875rem;
    line-height: 1.875rem !important
}

.surveyReports #surveyReportsPanels ul {
    list-style: none;
    margin: .5em 0;
    padding: 0
}

.surveyReports #surveyReportsPanels ul li {
    padding: .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: .5em
}

#surveyReportsPanels h2.report-title {
    margin: 1em 0 1em 1.5rem;
    font-weight: normal !important
}

.surveyReportsPanel {
    background: #f1f1f1;
    padding: 10px;
    border-radius: .125em;
    margin-bottom: 1.5em
}

.surveyReportsPanel.dateRangePanel .btn {
    margin-bottom: 0
}

.surveyReportsPanel.dateRangePanel #appliedDateRange .filter {
    margin-top: .75em
}

.surveyReportsPanel.dateRangePanel #appliedDateRange .filter span {
    line-height: 1.875em
}

.surveyReportsPanel .reportTitle {
    margin: 0;
    padding-bottom: 0
}

.surveyReportsPanel .filter {
    position: relative;
    padding: .25em;
    margin: .125em;
    background: #fff;
    border: 0.0625em solid #ddd;
    border-radius: .125em
}

.surveyReportsPanel .filter:after {
    content: "";
    display: table;
    clear: both;
    height: 0
}

.surveyReportsPanel .button-cancel {
    float: right
}

.surveyReportsPanel .filter .deleteFilter {
    position: absolute;
    right: .25em;
    top: .125em;
    color: #a03939
}

.surveyReportsPanel #surveyExcelForm,.surveyReportsPanel #surveyPdfForm {
    vertical-align: top
}

.surveyReportsPanel .survey-export-pdf-label {
    display: inline-block;
    margin-left: .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: .625em;
    padding: .625em;
    background: #dedede;
    border-radius: .125em
}

.surveyReportSection h3 {
    font-weight: normal !important;
    color: #222 !important
}

.surveyReportQuestion {
    padding: .625em;
    margin-bottom: .625em;
    background: #fff
}

.surveyReportQuestion .survey-report-question-title {
    font-size: 1em !important;
    font-weight: bold
}

.surveyReportQuestion .chartAndTable {
    min-height: 200px
}

.surveyReportQuestion .chartType {
    padding: .5em;
    margin: .125em .125em .5em .125em;
    background: #e4e4e4;
    border-radius: .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: .5em;
    padding: .5em;
    background: #f1f1f1
}

.surveyReportQuestion .displayOption {
    margin: 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: .625em 2%
}

.questionResponse>p {
    font-size: 1em !important;
    color: #222 !important
}

.questionResponse span {
    font-size: .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: .5em;
    padding: 0 .5em;
    background: #7bba59;
    border-radius: .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: .875em;
    line-height: 2.142857142857143em
}

.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 .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: .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: .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.071428571em solid #ccc;
    font-size: .875em;
    line-height: 2.285714285714286em
}

.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: .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% .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: .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: .1875em;
    line-height: 2.375em;
    cursor: pointer
}

.select-notifications-view .selected:hover {
    background: #ccc
}

.select-notifications-view .selected [class*="icon-"] {
    position: absolute;
    top: .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 .1875em 0;
    background: #ddd;
    border-radius: 0 0 .1875em .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: .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: .75em solid transparent;
    border-bottom: 0.75em solid #7bba59;
    border-left: .75em solid transparent
}

.manage-contact-options.active {
    display: block
}

.manage-contact-options>h2.manage-title {
    margin: 0 .875em .875em .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 .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 {
    color: #444
}

.manage-contact-options .add-new-contact-form .notification-add-contact-type::-moz-placeholder {
    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: .3875em;
    float: right
}

.manage-contact-options .contact-options {
    margin-top: 1em
}

.manage-contact-options .contact-option {
    margin: 0 1em .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: .5em;
    text-decoration: none
}

.manage-contact-options .update-input {
    margin-top: .4125em;
    width: 20em
}

.manage-contact-options .update-contact,.manage-contact-options .cancel-contact-update {
    display: inline-block;
    float: right;
    margin-top: .4125em;
    margin-left: .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: .25em 1em .25em 2em;
    padding: .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: .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: .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: .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: .125em;
    left: .125em;
    background: #ddd;
    border-radius: 50%;
    width: 1em;
    height: 1em
}

.notification-push-options .push-option-label {
    font-size: .875em;
    color: #aaa
}

.homepage-notification-item {
    position: relative;
    display: block;
    padding: .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: .6255em;
    bottom: 0;
    left: 0;
    display: block;
    padding: 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: .5em;
    min-width: 100%;
    color: #444
}

.homepage-notification-message .homepage-notification-title {
    display: block;
    margin-bottom: .5em
}

.homepage-notification-timestamp {
    display: block;
    min-width: 100%;
    font-size: .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
}

.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
}

.field-validation-error {
    color: red
}

.field-validation-valid {
    display: none
}

.input-validation-error {
    border: 1px solid red;
    background-color: #fee
}

.validation-summary-errors li {
    font-weight: bold;
    color: red
}

.validation-summary-valid {
    display: none
}

.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
}

.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
}

.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
}

.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
}

.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
}

.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 #ccc;
    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: #eee;
    border-color: #ccc
}

.SOLEContentWrap .SOLEReadyWrap .ReadyBlock {
    background: #f5f5f5;
    border-bottom: Solid 1px #ccc;
    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 #ccc;
    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: #fff;
    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
}

.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
}

.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
}

.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
}

.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)
}

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: #fff;
    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: .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;
    color: #000;
    vertical-align: text-top;
    text-align: right;
    white-space: nowrap
}

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;
    color: #000;
    vertical-align: text-top;
    text-align: right;
    white-space: nowrap
}

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
}

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: .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: .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: transparent
}

[class^="button"][class*="-transparent"].active {
    background: transparent
}

[class^="button"][class*="-transparent"].active:hover {
    background: transparent
}

[class^="button"][class*="-transparent"][class*="muted"] {
    background: #f5f5f5;
    color: transparent
}

[class^="button"][class*="-transparent"][class*="muted"]:hover {
    background: transparent;
    color: rgba(0,0,0,0.75)
}

[class^="button"][class*="-transparent"][class*="muted"].active {
    background: transparent;
    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: .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: .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: .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: .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: .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: .125em 0 0 .125em
}

[class^="button"][class*="-toggle"]:last-of-type {
    margin-right: 0;
    border-radius: 0 .125em .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 #ccc;
    border-bottom-color: rgba(0,0,0,0.05);
    font-size: .875em;
    line-height: 2.4375rem
}

[class^="table"] th.action-options,[class^="table"] td.action-options {
    padding: 0 1em 0 .5em;
    width: 7em
}

[class^="table"] th.action-options [class*="button"],[class^="table"] td.action-options [class*="button"] {
    margin: .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: .3125em solid transparent;
    border-left: .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: .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: .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: .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 .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: .125em;
    line-height: 2.5em
}

[class^="table"] [class*="button"] {
    margin: .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: .3125em solid transparent;
    border-left: .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: .25em;
    font-size: 1rem;
    line-height: 2.4375rem
}

.pagination {
    height: auto;
    margin: 0 0 10px 0;
    overflow: visible
}

.pagination ul {
    display: inline-block;
    display: inline;
    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 .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
}

.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: #fff;
    -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 #ccc;
    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: #999;
    border-bottom: 1px solid #000;
    width: 25px;
    height: 35px;
    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;
    margin-left: -5px;
    padding: 25px 0px 0px 10px;
    cursor: move
}

.CourseContentPanelWrapper .CourseContentPanel .CourseContentIcon:hover .CourseContentDraggable .DragLine {
    background: #fff;
    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: #999;
    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
}

#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: #fff;
    background: rgba(255,255,255,0.9);
    border: 0.0625em solid #777;
    border-radius: .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 {
    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: #fff;
    display: block
}

.Footer .Text span:first-of-type,.FullFooter .Text span:first-of-type {
    margin-bottom: .625em
}

.Footer .Text span a,.FullFooter .Text span a {
    display: inline-block;
    vertical-align: top;
    color: #fff
}

.Footer .Logo,.FullFooter .Logo {
    width: 60px;
    float: right
}

@media print {
    .Topbar,.SOLECSLeftNav {
        display: none
    }
}

#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: .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
}

@media all and (max-width: 40.625em) {
    body {
        overflow-x:hidden
    }

    .SOLELogin {
        min-height: .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: .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: .125rem;
        padding: .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
    }
}