/*
 * Copyright (c) Carnegie Mellon University - ui-common, 2017
 */

/*Primary resets.*/
html { overflow-y:scroll; }
body { min-width: 320px; padding: 0px; margin: 0px; background-color:#fff; letter-spacing: .02em; color:#000000; }
:focus, :active, :hover { outline: 0 none; }
#container { font-size: 11px; font-family: Verdana, Arial, sans-serif; }
#container table td { font-size: 11px; font-family: Verdana, Arial, sans-serif; }
.main-portal-col td { padding:0; vertical-align: top; }
input, .input-txt, .input-txt-area, .gwt-DateBox input, input[type="radio"], input[type="checkbox"], .input-date { font-size: 11px; font-family: Verdana, Arial, sans-serif;
    padding: 2px; border: 1px solid #D8D8D8; margin-right:3px; margin-top:0px; margin-bottom:0px; line-height: 13px; }
.input-suggest { vertical-align: top; }
.input-txt-area { height: 75px; }
.gwt-PasswordTextBox { margin-left:5px; }
select, .listbox { font-size: 11px; font-family: Verdana, Arial, sans-serif;
    margin-right:3px; margin-top:0px; margin-bottom:0px;  letter-spacing: 0; }
.suggest-list { /*width:100%; Do not use width on the select box... ever*/ }
.gwt-Anchor { cursor: pointer; }
.gwt-TextBox-HelperText { color: #999999; }
.dateBoxFormatError, .input-txt.dateBoxFormatError, .gwt-TextBox-FormatError,
.input-txt.input-error, .input-txt-area.input-error { background:none repeat scroll 0 0 #FFF2F2; border-color: #FF0000; }
.input-txt.input-uppercase {text-transform: uppercase; }
.input-txt.input-inactive, .input-txt-area.input-inactive { background:none repeat scroll 0 0 #CCDDEE; border-color: #778899; color:#334455 !important; }
.input-txt.input-inactive-disabled, .input-txt-area.input-inactive { background:none repeat scroll 0 0 #E5EEF0; border-color: #9FA8B0; color:#5C646C !important; }
option[disabled] { color: #999999; margin-top:2px; }
form { margin: 0px; padding: 0px; }
a { text-decoration: none; color: #0000FF; outline:none; }
img { border:0; }
.input-txt, .input-txt-area { }
input.xxx-sm, .input-txt.xxx-sm, .input-txt-area.xxx-sm { width: 100%; max-width:16px; }
input.xx-sm, .input-txt.xx-sm, .input-txt-area.xx-sm { width: 100%; max-width:40px; }
input.x-sm, .input-txt.x-sm, .input-txt-area.x-sm { width: 100%; max-width:60px; }
input.sm, .input-txt.sm, .input-txt-area.sm { width: 100%; max-width:80px; }
input.med, .input-txt.med, .input-txt-area.med { width: 100%; max-width:100px; }
input.lg, .input-txt.lg, .input-txt-area.lg { width: 100%; max-width:134px; }
input.x-lg, .input-txt.x-lg, .input-txt-area.x-lg { width: 100%; max-width:170px; }
input.xx-lg, .input-txt.xx-lg, .input-txt-area.xx-lg { width: 100%; max-width:210px; }
input.xxx-lg, .input-txt.xxx-lg, .input-txt-area.xxx-lg { width: 100%; max-width:280px; }

/*Custom classes*/
.h-pnl, .v-pnl, .f-pnl, .c-pnl, .scr-pnl, .s-pnl, .focus-pnl { border-spacing: 0; }
.wide, .h-pnl.wide, .v-pnl.wide, .f-pnl.wide, .c-pnl.wide, .s-pnl.wide, .d-pnl.wide { width: 100%; clear: both; }
.half, .h-pnl.half, .v-pnl.half, .f-pnl.half, .c-pnl.half, .s-pnl.half, .d-pnl.half { width: 50%; clear: both; }
.section-pnl { padding: 15px 0 5px; }
.dialog-error { color: #FF0000; font-weight: bold; display: block; padding: 15px 0; }
.th { background: #EBEBEB url(../images/hborder.png) repeat-x scroll 0 -2003px; border-bottom: 1px solid #BBBBBB;
    border-top: 2px solid #E3E3E3; padding: 2px 8px 3px 8px; }
.td-bold { font-weight: bold; }
.main-pnl-inner, .mainErrorPanel { background: #ffffff; margin: 10px 10px 10px 0px; border-color: #464646; border-width: 0px;
    border-style: solid; width: 1000px; }
.mainErrorPanel { width:600px; margin-top:40px; }
.mainErrorHdr { font-size: 18px; font-weight: bold; color:#FF0000; }
.mainErrorMsg { font-size: 16px; font-weight: bold; padding:10px; }
.topBar { background-image: url(tartan-background.jpg); background-repeat: repeat-x; }
.topBar .center { background-color: #960000; font-size: 4px; height: 10px; line-height: 10px; overflow: hidden; }
.pageFooter { margin: 0px; padding: 8px 5px 8px 20px; background: #3e3e3e; border-collapse: separate; }
.pageFooter .copyright { color: #ffffff; font-size: 9px; }
.pageHeader { background: #960000; padding: 8px 5px 20px 10px; border-collapse: separate; }

.pageHeader .name {
    font-weight: bold;
    font-size: 12px;
    vertical-align: text-bottom;
    color: #FFFFFF;
    padding: 1px 2px 0px 1px;
    font-family: Verdana, Arial, sans-serif; }
.pageHeader .clickable-text { font-weight: light; font-size: 11px; vertical-align: text-bottom; color: #FFFFFF;
    padding: 0; font-family: Verdana, Arial, sans-serif; cursor: pointer; }
.pageHeader .header-links-pnl { padding: 0 10px 0 0; }
.pageHeader .linkDivider { font-weight: light; font-size: 11px; vertical-align: text-bottom; color: #FFFFFF; padding: 0px 5px;
    font-family: Verdana, Arial, sans-serif; }
.pageHeader .for { font-weight: light; font-size: 12px; vertical-align: text-bottom; color: #FFFFFF; padding: 1px 2px 0px 1px;
    font-family: Verdana, Arial, sans-serif; }
.pageHeader .id { font-size: 11px; color: #FFFFFF; padding-right: 10px; font-family: Verdana, Arial, sans-serif; }
.header-corner-img { padding:0px; margin:0px; border:0; vertical-align: bottom; }
.inputFormRow { margin: 10px 0px 0px 0px; padding: 0px; }
.inputFormLabelColumn { padding:0px; width: 160px; }
.inputFormLabelColumnWide { padding:0px; width: 200px; }
.inputFormFieldColumn { padding:0px; width: 300px; }
.inputFormFieldColumnNarrow { padding:0px; width: 160px; }
.with-left-nav .inputFormLabelColumn { width: 160px; }
.with-left-nav .inputFormLabelColumnWide { width: 180px; }
.with-left-nav .inputFormFieldColumn, .memo-pnl .inputFormFieldColumn { width: 239px; }
.with-left-nav .inputFormFieldColumnNarrow { width: 160px; }
.memo-pnl .inputFormLabelColumn { width: 130px; }
.memo-pnl .inputFormFieldColumn { width: 200px; }

/*Header with line*/
.line-header { position: relative; margin-top: 20px; }
.line-header:before, .line-header:after { content: ""; display: block; border-top: dashed 1px #656565; width: 100%; height: 7px; position: absolute; top: 50%; z-index: 1; }
.line-header:before{ border-left: dashed 1px #656565; }
.line-header:after { border-right: dashed 1px #656565; }
.line-header span { background: #fff; padding: 0 5px; position: relative; z-index: 5; margin-left: 15px; }

/*TextLabelUtil TextTypes*/
.txt { font-family: Verdana, Arial, sans-serif; font-size: 11px; }
.page-title, .content-title, .section-title { font-size:22px; color: #333333; display: block; font-weight: bold; }
.content-title { font-size: 16px; }
.section-title { font-size: 14px; margin-right: 5px; display: inline; }
.grid-hdr { margin-bottom:2px; vertical-align: top; text-transform: uppercase; color: #656565; display: block; }
.grid-hdr-nomar { margin: 0px, 0px, 0px, 0px; vertical-align: top; text-transform: uppercase; color: #656565; display: block;}
.grid-cell { vertical-align: top; margin: 0px; color:#333333; display: block; }
.grid-cell-nomar { margin: 0px, 0px, 0px, 0px; vertical-align: top; margin: 0px; color:#333333; display: block; }
.second-hdr { font-size: 14px; font-weight: bold; margin: 2px 0px 7px 0px; color:#000000; display: inline; padding-right:5px; line-height: 19px;}
.emphasized { font-weight: bold; margin: 2px 0px 7px 0px; color:#000000; display: block; }
.form-hdr { font-weight: bold; vertical-align: top; padding:2px 4px 2px 0; color:#000000; }
.form-spacer { font-size: 2px; margin: 0px; padding: 0px; }
.validation-msg { font-weight: bold; color: #FF0000; padding: 0px; display: inline; width:97%; }
.warning-msg { font-weight: bold; color: #F49300; padding: 0px; display: inline; }
.subtle-msg { color: #656565; padding: 0px; display: inline; }
.subtle-msg-italic { color: #656565; padding: 0px; display: inline; font-style: italic;}
.info-msg { font-weight: bold; color: #628828; padding: 0px; display: inline; }
.not-found-msg { display: block; padding: 7px 3px; }
.modal-instructions { padding: 2px 0px 10px 0px; display: block; }
.inv-title { font-size: 18px; color: #960000; }
.inv-body { color: #0b1212; padding: 2px 0px 20px 0px; }
.qpa-label { margin-right:5px; display: inline; vertical-align: top; font-weight: bold; }
.accountactivity-reversals { padding: 5px 4px 5px 0px; }
.grid, .sub-hdr-grid, .data-grid, .body-hdr-grid { padding:0px; margin:0; border-spacing: 0px; }
.filtergrid {background-color: #e5e5e5; height: 30px;}
.body-hdr-grid { margin-bottom:10px; }
.grid.wide, .sub-hdr-grid.wide, .data-grid.wide, .body-hdr-grid.wide { width: 100%; clear: both; }
.grid.half, .sub-hdr-grid.half, .data-grid.half, .body-hdr-grid.half { width: 50%; clear: both; }
.grid td, .sub-hdr-grid td, .body-hdr-grid td, .grid .h-pnl td, .grid .v-pnl td { padding:0; margin:0px; }
.grid .highlighted, .grid .highlighted td { background-color: #E6F2D2 !important; color: #628828; font-weight: bold; }
.data-grid td .link, .body-hdr-grid td .link  { display: block; padding:1px; }
.data-grid td .link:hover, .body-hdr-grid td .link:hover { text-decoration: none; }
.data-grid-pager { padding:0px; margin:15px auto 25px; }
.gwt-DialogBox .data-grid-pager { margin-bottom: 5px; }
.data-grid-pager td { padding:2px; }
.data-grid-pager td .txt { font-size:10px; }
.multiple-grid { margin-bottom:20px; }
.dataGridRow { min-height: 30px; vertical-align: middle; }
.grid .totals-row td, .data-grid .totals-row td,
.body-hdr-grid .totals-row td, .sub-hdr-grid .totals-row td { background-color: #F2F2F2; border-top:1px solid #E1E1E1; }
.data-grid tr.hovered-row td { background-color: #DDDDDD; }
.data-grid tr.header-row.hovered-row td { background-color: transparent; }
.data-grid tr.totals-row.hovered-row td { background-color: #F2F2F2; }
.lineSpacer, .lineSpacerDotted, .lineSpacerDashed, .lineSpacerThicker { border-bottom: 1px solid #464646; width:100%; }
.borderTopDotted td, .borderTopSpacer td, .borderTopDashed td { border-top: 1px solid #464646; }
.lineSpacer, .lineSpacerDotted, .lineSpacerDashed { margin:0 0 5px; padding:5px 0 0; font-size: 1px; clear:both; display:block;
    line-height:1px; height:1px; }
.lineSpacerDotted { border-bottom-style:dotted; }
.borderTopDotted td { border-top-style:dotted; }
.lineSpacerDashed { border-bottom-style:dashed; }
.borderTopDashed td { border-top-style:dashed; }
.lineSpacerThicker { border-bottom-width: 2px; padding:5px 0 0 0; clear:both; }
.footer { background: #464646; padding: 0px 0px 0px 0px; }
.subsectionSelected { background: #7C7C7C; color: #ffffff; text-decoration: none; padding: 4px; margin: 2px; cursor: pointer; }
.subsectionUnselected { background: #ffffff; color: #464646; padding: 4px; margin: 2px; cursor: pointer; }
.content { }
.fill { background: #EBEBEB; }
.printIcon { color:#999999; font-size:10px; font-weight:bold; float: right; margin:5px; width:70px; }
.printBtn { background: url(../images/print-icon.gif) top right no-repeat; color:#999999; display:block; float:right; font-size:10px;
    font-weight:bold; height: 13px; line-height: 13px; padding-right: 18px; vertical-align: middle; cursor: pointer; float: right; }
.small { font-size:10px !important ; }

/*GWT overrides*/
.gwt-Button { background: transparent url(../images/regular-button.gif) repeat-x 0 0px; border: 1px outset #9a9a9a; cursor: pointer;
    font-size: 12px; margin: 0px 3px; padding: 1px 3px; text-decoration: none; }
.gwt-Button:active { background: transparent url(../images/regular-button.gif) repeat-x 0 -36px; border: 1px inset #000000;
    color: #FFFFFF; }
.gwt-Button:hover { background: transparent url(../images/regular-button.gif) repeat-x 0 -18px; border: 1px outset #9a9a9a; }
.gwt-Button[disabled] { color: #888888; cursor: default; }
.gwt-Button[disabled]:hover { background: transparent url(../images/regular-button.gif) repeat-x 0 0px; border: 1px outset #CCCCCC; }

/* gwt-cal */
.gwt-cal .major-time-interval { box-sizing: content-box; }
.gwt-cal .minor-time-interval { box-sizing: content-box; }

/*Cancel Button*/
.gwt-CancelButton { background: transparent url(../images/cancel-button.gif) repeat-x 0 0px; border: 1px outset #9a9a9a;
    cursor: pointer; font-size: 12px; margin: 0px 5px 0px 5px; padding: 1px 3px; text-decoration: none; }
.gwt-CancelButton:active { background: transparent url(../images/cancel-button.gif) repeat-x 0 -36px; border: 1px inset #000000; }
.gwt-CancelButton:hover { background: transparent url(../images/cancel-button.gif) repeat-x 0 -18px; border: 1px outset #9a9a9a; }
.gwt-CancelButton[disabled] { color: #888888; cursor: default; }
.gwt-CancelButton[disabled]:hover { background: transparent url(../images/cancel-button.gif) repeat-x 0 0px; border: 1px outset #CCCCCC; }

/*ScrollTable*/
.gwt-ScrollTable { /*border-color: #464646; border-style: solid; border-width: 1px 1px 1px 1px;*/ }
.gwt-ScrollTable .headerWrapper { /*background: #7C7C7C;*/ font-weight: bold; }
.gwt-ScrollTable .header { font-weight: bold; text-transform: uppercase; float: left; cursor: pointer; }
.gwt-ScrollTable .centered { text-align: center; }
.gwt-ScrollTable .footerWrapper { /*border-top: 1px solid #464646; background: #7C7C7C;*/ }
.gwt-ScrollTable .dataTable td, .gwt-ScrollTable .headerTable td, .gwt-ScrollTable .footerTable td {
    /*border-color: #464646; border-style: solid; border-width: 1px 1px 1px 1px;*/ white-space: nowrap; overflow: hidden; }
.gwt-ScrollTable .headerTable td, .gwt-ScrollTable .footerTable td { /*color: #FFFFFF;*/ }
.gwt-ScrollTable .dataTable tr.highlighted { /*background: #C3D9FF;*/ }
.gwt-ScrollTable .dataTable td.highlighted { /*background: #FFFFFF; cursor: pointer;*/ }
.gwt-ScrollTable .dataTable tr.selected td { /*background: #7AA5D6;*/ }

/*Applied to the options at the bottom of the page.*/
.gwt-PagingOptions { border-top: none; }
.gwt-PagingOptions .hdrErrorMessage { color: #FF0000; }
.pagingOptionsFirstPage, .pagingOptionsLastPage, .pagingOptionsNextPage, .pagingOptionsPreviousPage { cursor: pointer; }
.gwt-InlineCellEditor { border: 3px solid #464646; padding: 4px; background: #ffffff; overflow: auto; }
.gwt-InlineCellEditor .accept { cursor: pointer; }
.gwt-InlineCellEditor .cancel { cursor: pointer; }

/*suggest panel*/
.gwt-SuggestBoxPopup { background: #fff; border:1px solid #D8D8D8; border-top-width: 0; z-index: 1000; }
.gwt-SuggestBoxPopup .item-selected { background: #eee; cursor: pointer; }

/*Applied to AbstractOptions*/
.AbstractOption-Label { font-weight: bold; text-align: right; }

/*Custom Filter*/
.filterTitle { background-color: #E5ECF9; border-top: 1px solid #3366CC; font-size: 130%; font-weight: bold; margin: 2em 0 0 -10px;
    padding: 1px 3px; position: relative; }

/*for validation errors*/
.validationFailedBorder { border: 2px solid #FF3366; }
.gwt-Tree .gwt-TreeItem { padding: 1px 0px; margin: 0px; white-space: nowrap; cursor: default; }
.gwt-Tree .gwt-TreeItem-selected { background: #FFFFFF;

    /*or whatever color the header is supposed to be*/ }
.gwt-Image-button { cursor: pointer; margin: 0px 4px 0px 4px; }
.gwt-DecoratedTabBar { background-color: #464646; padding: 0px 5px 0px 5px; }
.gwt-DecoratedTabBar .tabTopCenter { padding: 0px; background: #464646; }
.gwt-DecoratedTabBar .tabTopLeft { padding: 0px; }
.gwt-DecoratedTabBar .tabTopRight { padding: 0px; }
* html .gwt-DecoratedTabBar .tabTopLeftInner,* html .gwt-DecoratedTabBar .tabTopRightInner { width: 6px; height: 6px; overflow: hidden; }
.gwt-DecoratedTabBar .tabMiddleLeft, .gwt-DecoratedTabBar .tabMiddleRight { width: 6px; padding: 0px; background: #464646; }
.gwt-DecoratedTabBar .tabMiddleLeftInner, .gwt-DecoratedTabBar .tabMiddleRightInner { width: 1px; height: 1px; }
.gwt-DecoratedTabBar .tabMiddleCenter { padding: 2px 10px 5px 10px; cursor: pointer; color: #ffffff; font-size: 14px;
    font-family: Verdana, Arial, sans-serif; text-align: center; font-weight: bold; background: #464646; }
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter { background: #aaaaaa; }
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft { background: #aaaaaa; }
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight { background: #aaaaaa; }
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight { background: #aaaaaa; }
.gwt-TabBarItem-wrapper { padding: 0px; margin: 0px; height: 0px; }
.gwt-TabBarItem-wrapper-selected { background: #aaaaaa; }
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter { cursor: default; color: black; background: #aaaaaa; }
.gwt-DecoratedTabBar .gwt-TabBarItem-disabled .tabMiddleCenter { cursor: default; background: #7c7c7c; color: black; }
.gwt-TabPanelBottom { border-width: 0px; border-color: #7C7C7C; border-style: solid; overflow: hidden; padding: 5px 20px 60px 20px;
    margin: 0px; }
.gwt-DecoratedTabBar .gwt-TabBarFirst { padding: 0px 0px 0px 50px; }
.cw-DockPanel td { border: 1px solid #BBBBBB; padding: 3px; }
.gwt-DialogBox { z-index: 1000; position: absolute; box-shadow: 0 0 10px black;
    border-radius: 5px; /* Need this top level border-radius for stacked dialogs */
}
.gwt-DialogBox .Caption { padding: 14px 0 0 3px; cursor: move; font-family: Verdana, Arial, sans-serif; font-size: 24px;
    font-weight: bold; max-width: 92%; white-space: normal; }
.gwt-DialogBox .dialogContent { padding: 4px; font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: normal; }
.gwt-DialogBox .dialogMiddleCenter { background: #ffffff; }
.gwt-DialogBox .dialogTopCenter { background-color: white; }
.gwt-DialogBox .dialogBottomCenter { background-color: white; }
.gwt-DialogBox .dialogMiddleLeft { background-color: white; width: 10px; }
.gwt-DialogBox .dialogMiddleRight { background-color: white; width: 10px; }
.gwt-DialogBox .dialogTopLeftInner { padding: 5px; }
.gwt-DialogBox .dialogTopRightInner { padding: 5px; }
.gwt-DialogBox .dialogBottomLeftInner { padding: 5px; height: 15px; }
.gwt-DialogBox .dialogBottomRightInner { padding: 5px; height: 15px; }
.gwt-DialogBox .dialogTopLeft { background-color: white; border-radius: 5px 0 0 0; }
.gwt-DialogBox .dialogTopRight { background-color: white; border-radius: 0 5px 0 0; }
.gwt-DialogBox .dialogBottomRight { background-color: white; border-radius: 0 0 5px 0;}
.gwt-DialogBox .dialogBottomLeft { background-color: white; border-radius: 0 0 0 5px; }

/*Portlet styles*/
.body-content { min-height: 680px; }
.body-content-error { padding:15px 15px 75px; }
.portlet { margin: 0px 0px 10px 0px; }
.portlet .hdrErrorMessage, .portlet .hdrInfoMessage, .portlet .hdrConfirmMessage, .portlet .hdrYieldMessage,
.message-panel .hdrErrorMessage, .message-panel .hdrInfoMessage, .message-panel .hdrConfirmMessage, .message-panel .hdrYieldMessage,
.gwt-DialogBox .hdrErrorMessage, .gwt-DialogBox .hdrInfoMessage, .gwt-DialogBox .hdrConfirmMessage,
.gwt-DialogBox .hdrYieldMessage, .active-status-item, .inactive-status-item, .body-content-pnl .hdrErrorMessage,
.body-content-pnl .hdrInfoMessage, .body-content-pnl .hdrConfirmMessage,
.body-content-pnl .hdrYieldMessage {
    padding: 8px 7px 10px 35px;
    font-weight: bold;
    margin-bottom: 5px;
}

.hdrYieldMessage, .inactive-status-item {
    background-image: url(../images/status-icon-warning.png);
    background-repeat: no-repeat;
}
.hdrInfoMessage {
    background-image: url(../images/status-icon-success.png);
    background-repeat: no-repeat;
}
.hdrConfirmMessage, .active-status-item {
     background-image: url(../images/status-icon-success.png);
     background-repeat: no-repeat;
 }
.hdrErrorMessage {
    background-image: url(../images/status-icon-alert.png);
    background-repeat: no-repeat;
}

.gwt-DialogBox .hdrErrorMessage, .gwt-DialogBox .hdrInfoMessage, .gwt-DialogBox .hdrConfirmMessage,
.gwt-DialogBox .hdrYieldMessage, .body-content-pnl .hdrInfoMessage, .body-content-pnl
.hdrConfirmMessage  { border-width:1px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.gwt-DialogBox .hdrErrorMessage, .gwt-DialogBox .hdrInfoMessage, .gwt-DialogBox .hdrConfirmMessage,
.gwt-DialogBox .hdrYieldMessage { z-index: 1000; position: relative; margin-bottom:5px; }
.portlet .hdrErrorMessage, .message-panel .hdrErrorMessage, .gwt-DialogBox .hdrErrorMessage,
.body-content-pnl .hdrErrorMessage { color: #FF0000; background-color:#FFF2F2;
    border-color:#FFF2F2; }
.portlet .hdrInfoMessage, .portlet .hdrConfirmMessage, .message-panel .hdrInfoMessage, .message-panel .hdrConfirmMessage,
.gwt-DialogBox .hdrInfoMessage, .gwt-DialogBox .hdrConfirmMessage,
.body-content-pnl .hdrInfoMessage, .body-content-pnl .hdrConfirmMessage { color: #628828; background-color:#E6F2D2;
    border-color:#E6F2D2; }
.portlet .hdrYieldMessage, .message-panel .hdrYieldMessage, .gwt-DialogBox .hdrYieldMessage,
.body-content-pnl .hdrYieldMessage { color: #F49300; background-color:#FFFFCC;
    border-color:#FFFFCC; }
.portlet .hdrNoMessage, .message-panel .hdrNoMessage, .gwt-DialogBox .hdrNoMessage, .body-content-pnl .hdrNoMessage { }
.status-icon { background:transparent url(../images/status-icons.png) no-repeat 0 0; display:block; width:17px; height: 17px; }
.active-status-item, .inactive-status-item { padding:5px 0 2px 28px; margin:0; color:#333333; }
.status-icon.confirm { background-position: -9px -7px; }
.status-icon.yield { background-position: -9px -93px; }
.status-icon.error { background-position: -9px -178px; }
.portlet-body input { font-size: 11px; font-family: Verdana, Arial, sans-serif; }
.portlet-info { border-bottom: 1px solid #D8D8D8; }
.portlet-widget { background: #FFF; border: 1px solid #B5B5B5; -webkit-border-radius: 6px; -moz-border-radius: 6px;
    border-radius: 6px; position: relative; z-index: 2; clear:both; }
.portlet .portlet-header { color: #000; font-weight: bold; font-size: 11px; padding: 5px; text-align: left; overflow: hidden;
    -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
    position: relative; z-index: 2; }
.portlet select, .portlet .listbox { font-size: 11px; }
.portlet-widget-header { background: #D8D8D8 url(../images/gray-gradient.gif); background-size: cover; -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-radius: 5px 5px 0 0; }
.portlet .portlet-body { background: transparent; font-weight: normal; padding: 7px; text-align:left;
    -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; position: relative; z-index: 2; }
.portlet .portlet-body-white { background:#ffffff; font-weight: normal; padding: 7px; -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px;
    -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
.gwt-PopupPanelGlass {
    overflow-x: hidden !important;
    background-color: #000000;
    opacity: .5;
    filter: alpha(opacity=50); /* Add for IE8 */
    width:100% !important; /*IE was adding scrollbars when due to the GlassPanel width's incorrect calculations*/
    z-index: 999;
    position: fixed !important; }

/*Tips*/
.tip { margin: 0px 5px 15px; }
.tip .title { font-weight: bold; background: #ffffff; margin: 1px; }
.tip .body { margin: 0 1px 10px 2px; }
.innerPanel { padding: 0px; margin: 0px; background-color: #0000FF; color: #0000FF; }

/*Input fields*/
.small-input input { font-size: 11px; font-family: Verdana, Arial, sans-serif; }

/*  NOTE: clickable-text is hidden from print view, while clickable-text-to-print is visible in print view, but altered to
  look like text. These two style classes SHOULD NOT be used for real <a/> tags,
  and SHOULD ONLY be used for clickable labels. */
.clickable-text, .clickable-text-to-print, .link, .link a,
.link-to-print { display: inline; color: #0000FF; cursor: pointer; font-weight:normal; }
.link, .link a, .link-to-print { padding: 0px; margin: 0px; }
a:hover.img-link img { filter:alpha(opacity=75) !important; -moz-opacity:.75 !important; opacity:.75 !important; }
.clickable-text-up-hovering, .clickable-text-to-print-up-hovering { }
.clickable-text-up-disabled, .clickable-text-to-print-up-disabled,
.link.disabled { color:#999999 !important; font-weight:normal; cursor: default; text-decoration: none; }
.link-padding-left { padding-left: 5px; }
.link-padding-right { padding-right: 5px; }
.link-img-with-text { vertical-align: top; }
.link-img-with-text .link-img { float:left; }
.link-img-with-text .link-txt { margin-bottom:5px; line-height: normal; width: 96%; }
.dim { color:#999999; font-weight:normal; }
.edit-link { display:block; margin:5px; }

/*print only*/
.print-only-block { display:none; }
.print-only-inline { display:none; }

/*Radio buttons*/
.v-radio .gwt-RadioButton, .v-radio .radio { display:block !important; }
.h-radio .gwt-RadioButton, .h-radio .radio { display:inline !important; }

/*Modal/Dialog Windows specific*/
.dialog-window { font-family: Verdana, Arial, sans-serif; font-size: 11px; }
.dialog-window table td, .dialog-window .grid td { vertical-align: middle; }
.dialog-window .grid { margin-top:5px; }
.dialog-window .grid td { padding:1px 2px; }
.dialog-window .grid > div { padding: 1px 2px; }
.dialog-window .grid .button-row-right, .dialog-window .grid .button-row-left { padding:0 !important; }
.dialog-window .grid .h-pnl td, .dialog-window .grid .v-pnl td { padding:0; margin:0px; }
.dialog-window .grid-cell { margin-right: 2px; }
.dialog-window .radio, .dialog-window .radio input { border: none; }
.dialog-window input, .dialog-window textarea,
.dialog-window select, .dialog-window .listbox { font-family: Verdana, Arial, sans-serif;
    font-size: 11px; background-image: none; border: solid 1px #D8D8D8; display: inline; }
.dialog-window .validation-msg, .dialog-window .info-msg { padding:2px 0; display: block; }
.h-radio .validation-msg { display:block; }
.v-radio .validation-msg { display:inline; }
.dialog-body { clear: both; }
.dialog-close-button { position:absolute; right:15px; top:15px; cursor:pointer; }
.dialog-window .noborder input, .gwt-RadioButton input, input[type="radio"] { border: none; }
.gwt-CheckBox input, input[type="checkbox"] {
    border: none;
    margin-right: 2px;
}
.gwt-CheckBox-disabled label { color:#AFAFAF; }
.gwt-CheckBox.txt-normal label {
    font-weight: normal; font-style: normal; text-decoration: none;
}

/*Schedule List*/
/*Course panels, that get rendered as Div's (Primary Style)*/
.gwt-course-list { width: 100%; }
.gwt-course { padding: 0px; margin-bottom: 10px; white-space: normal; border: 1px solid #666;
    -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius:6px; position: relative; z-index: 2; }
.gwt-course .header { color: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.gwt-course-headerpadding { padding: 3px; }
.gwt-course .title { font-weight: bold; color: #FFF; margin-bottom: 3px; margin-left: 15px; display:block;
    padding:0px 5px 2px 4px; cursor: pointer; }
.gwt-course .course-units { padding:1px; display:block; margin-left:17px; margin-right:7px; color: #ffffff; }
.gwt-course .info-image { cursor: pointer; }
.gwt-course .remove { font-size: 9px; cursor: pointer; padding: 2px; }
.gwt-course .expandcollapse { font-size: 0px; cursor: pointer; text-align: left; line-height: 0;
    height:15px; width:15px; background: url("../images/expandcollapse.png") no-repeat scroll 0 0 transparent; display:block;
    float:left; margin-top:1px; }
.gwt-course .expanded { background-position: 0px -16px; }
.gwt-course .collapsed { background-position: 0px 0px; }
.gwt-course .body { font-weight: normal; padding:1px; }
.gwt-course-pnl { margin-top:-2px; }
.gwt-course-tooltip { max-width: 350px; font-size: 10px; }
.course-tooltip-title { float:left; display: block; font-weight: bold; margin-right:10px; }

/*Top-level navigation - menu bar.*/
.gwt-MenuBar { cursor: pointer; font-size: 11px; border: 0px; padding: 0px; margin: 0px;
    background: url(../images/3dnavbar.png) repeat-x scroll; height: 30px; }
.gwt-MenuBar .gwt-MenuItem { cursor: pointer; padding: 0px; margin: 0px; }
.gwt-MenuBar .gwt-MenuItem-selected { background: #960000; color: #ffffff; }
.gwt-MenuBar-horizontal { border: 0px; padding: 0px; margin: 0px; }
.gwt-MenuBar-horizontal table { border-spacing: 0px; margin: 0px; padding: 0px; border-collapse: collapse; }
.gwt-MenuBar-horizontal .gwt-MenuItem { padding: 8px 12px; margin: 0px; border: 0px; vertical-align: bottom;
    color: #ffffff; font-weight: bold; font-size: 11px; }
.gwt-MenuBar-horizontal .gwt-MenuItem:hover, .gwt-MenuBar-horizontal .gwt-MenuItem-selected { background: transparent url(../images/mouseover-state.jpg) repeat-x; height:30px;}
.gwt-MenuBar-horizontal .gwt-MenuItemSeparator { width: 1px; padding: 0px; margin: 0px; border: 0px;
    border-left: 1px solid #888888; background: #ffffff; }
.gwt-MenuBar-horizontal .gwt-MenuItemSeparator .menuSeparatorInner { width: 1px; height: 1px; background: #ffffff; }
.gwt-MenuBar-vertical { margin-top: 0px; margin-left: 0px; background: #ffffff; }
.gwt-MenuBar-vertical table { border-collapse: collapse; }
.gwt-MenuBar-vertical .gwt-MenuItem { padding: 4px 14px 4px 3px; }
.gwt-MenuBar-vertical .gwt-MenuItemSeparator { padding: 2px 4px; }
.gwt-MenuBar-vertical .gwt-MenuItemSeparator .menuSeparatorInner { height: 3px; padding: 0px; border: 0px;
    border-top: 1px solid #DDD; background: #EEE; overflow: hidden; }
.gwt-MenuBar-vertical .subMenuIcon { padding-right: 4px; }
.gwt-MenuBar-vertical .subMenuIcon-selected { background: #E0EDFE; }
.gwt-MenuBarPopup { margin: 1px 0px 0px -5px; z-index:1000; }
.gwt-MenuBarPopup .menuPopupTop { display: none; }
.gwt-MenuBarPopup .menuPopupTopCenter { background: transparent url(../images/hdropdown-shadow.png) repeat-x scroll 0px -9px;
    -background: transparent url(../images/hdropdown-shadow_ie6.png) repeat-x scroll 0px -9px; }
.gwt-MenuBarPopup .menuPopupBottomCenter { background: transparent url(../images/hdropdown-shadow.png) repeat-x scroll 0px -18px;
    -background: transparent url(../images/hdropdown-shadow_ie6.png) repeat-x scroll 0px -18px; }
.gwt-MenuBarPopup .menuPopupMiddleLeft { background: transparent url(../images/dropdown-shadow.png) repeat-y scroll -21px 0px;
    -background: transparent url(../images/dropdown-shadow_ie6.png) repeat-y scroll -21px 0px; }
.gwt-MenuBarPopup .menuPopupMiddleRight { background: transparent url(../images/dropdown-shadow.png) repeat-y scroll -36px 0px;
    -background: transparent url(../images/dropdown-shadow_ie6.png) repeat-y scroll -36px 0px; }
.gwt-MenuBarPopup .menuPopupTopLeftInner { height: 0px; width: 6px; }
.gwt-MenuBarPopup .menuPopupTopRightInner { height: 0px; width: 5px; }
.gwt-MenuBarPopup .menuPopupBottomLeftInner { height: 15px; width: 6px; }
.gwt-MenuBarPopup .menuPopupBottomRightInner { height: 15px; width: 5px; }
.gwt-MenuBarPopup .menuPopupTopLeft { background: transparent url(../images/dropdown-shadow.png) no-repeat scroll -21px 0px;
    -background: transparent url(../images/dropdown-shadow_ie6.png) no-repeat scroll -21px 0px; }
.gwt-MenuBarPopup .menuPopupTopRight { background: transparent url(../images/dropdown-shadow.png) no-repeat scroll -36px 0px;
    -background: transparent url(../images/dropdown-shadow_ie6.png) no-repeat scroll -36px 0px; }
.gwt-MenuBarPopup .menuPopupBottomLeft { background: transparent url(../images/dropdown-shadow.png) no-repeat scroll -41px -18px;
    -background: transparent url(../images/dropdown-shadow_ie6.png) no-repeat scroll -41px -18px; }
.gwt-MenuBarPopup .menuPopupBottomRight { background: transparent url(../images/dropdown-shadow.png) no-repeat scroll -61px -17px;
    -background: transparent url(../images/dropdown-shadow_ie6.png) no-repeat scroll -61px -17px; }
* html .gwt-MenuBarPopup .menuPopupTopLeftInner { height: 5px; overflow: hidden; width: 5px; }
* html .gwt-MenuBarPopup .menuPopupTopRightInner { height: 5px; overflow: hidden; width: 8px; }
* html .gwt-MenuBarPopup .menuPopupBottomLeftInner { height: 8px; overflow: hidden; width: 5px; }
* html .gwt-MenuBarPopup .menuPopupBottomRightInner { height: 8px; overflow: hidden; width: 8px; }
.gwt-PopupPanel { z-index:2000; }
.FlexTable { background-color: #FFFFFF; }
.FlexTable-row-line-top { }
.FlexTable .highlighted, .FlexTable .highlighted td { background-color: #E6F2D2 !important; color: #628828; font-weight: bold; }
.EvenRow, .EvenRow td { background-color: #FFFFFF; padding:2px 3px; }
.OddRow, .OddRow td { background-color: #F5F5F5; border-left-width: 0; border-right-width: 0; padding:2px 3px; }
.HideRow, .HideRow td { padding:0px !important; display:none; }
.AddRowPaddingBottom, .AddRowPaddingBottom td { padding-bottom:20px !important; }
.td-bg-white, .td-bg-white td, .HideRow, .HideRow td { background-color: #FFFFFF !important; }
.td-border-none, .td-border-none td, .HideRow, .HideRow td { border-width:0px !important; }
.wrapperPanel-accountdetail { background-color: #FFFFFF; }

/*Button panel styles*/
.buttonpanel-button-left { float: left; margin-right: 5px; }
.buttonpanel-button-right { float: right; margin-left: 20px; }
.buttonpanel-button-right-degree-advisor {float: right; margin-left: 20px; margin-bottom: 10px; }
.buttonpanel-button-center { margin-left: 5px; display: inline; }
.buttonpanel { text-align: center; }
.buttonpanel:after { content:""; display:block; clear:both; }
.button-holder { margin: 3px 0; }
.button-row-right, .button-row-left { text-align: right !important; vertical-align: top !important; }
.button-row-left { text-align: left !important; }
.textWithToolTip { cursor: pointer; }
.toolTipBox { font-size: 11px; font-family: Verdana, Arial, sans-serif; padding: 3px; background: #FFFACD; border: 1px solid black;
    z-index: 2001; }
.gwt-DisclosurePanel { }
.gwt-DisclosurePanel-open { }
.gwt-DisclosurePanel-closed { }
.gwt-DisclosurePanel .header, .gwt-DisclosurePanel .header a,
.gwt-DisclosurePanel .header td { text-decoration: none; /*Remove underline from header*/ color: black;
    background: none; cursor: pointer; font-size: 11px; font-weight: bold; }
.gwt-DisclosurePanel-white .header, .gwt-DisclosurePanel-white .header a,
.gwt-DisclosurePanel-white .header td { background: #FFFFFF; text-align: left; font-size: 11px;
    font-family: Verdana, Arial, sans-serif; font-weight: bold; cursor: pointer; }
.dateBoxPopup { z-index: 2000; }
.gwt-DatePicker { border: 1px solid #A2BBDD; cursor: default; }
.gwt-DatePicker td, .datePickerMonthSelector td:focus { font-size: 12px; outline: none }
.datePickerDays { width: 100%; background: #ffffff; }
.datePickerDay, .datePickerWeekdayLabel, .datePickerWeekendLabel { font-size: 90%; text-align: center; padding: 4px; outline: none; }
.datePickerWeekdayLabel, .datePickerWeekendLabel { background: #D4D4D4; padding: 0px 4px 2px; cursor: default; }
.datePickerDay { padding: 4px; cursor: pointer; }
.datePickerDayIsToday { border: 1px solid black; padding: 3px; }
.datePickerDayIsWeekend { background: #EEEEEE; }
.datePickerDayIsFiller { color: #888888; }
.datePickerDayIsValue { background: #aaccee; }
.datePickerDayIsDisabled { color: #AAAAAA; font-style: italic; }
.datePickerDayIsHighlighted { background: #F0E68C; }
.datePickerDayIsValueAndHighlighted { background: #bbddd9; }
.datePickerMonthSelector { background: #D4D4D4; width: 100%; }
td.datePickerMonth { text-align: center; vertical-align: center; white-space: nowrap; font-size: 90%; font-weight: bold;
    color: #0000FF; }
.datePickerPreviousButton, .datePickerNextButton { font-size: 120%; line-height: 1em; color: #0000FF; cursor: pointer;
    padding: 0px 4px; }
.eastNavHaveQuestions { padding-bottom:5px; padding-top:5px; }
.eastNavUnderstandBillImage { float:right; margin: 5px 50px 20px 50px; }

/*Wait dialog*/
.wait-dialog { z-index: 9999; }
.wait { background: #ffffff; border-color: #666666; border-width: 1px; border-style: solid; }

/*Dialogues*/
.error-dialogue-pnl { padding: 0 5px; }
.dialog-button-holder { width: 100%; }
.dialog-buttons { text-align: right; }
.dialog-buttons-left.dialog-buttons { text-align: left; }

/*QPA & Grades*/
.qpaChart-legend { margin: 5px 0px 20px 0px; }
.qpaChart-legend .section-title { vertical-align: top; display:inline; }
.qpaChart-legend .label { padding: 3px; }
.qpaChart-hover { text-align: left; padding: 4px; background-color: #ffffff; border-style: solid; border-width: 1px;
    font-family: Verdana, Arial, sans-serif; }
.qpaChart-hover td { font-size: 10px; color: #666666; }
.grades-graph-pnl {  }
.qpa-home-pnl {  }
.grades-graph {  }
.grades-units-col { padding-right: 13px; }

/*BrowserUtil*/
.bad-browser-pnl { color:#FF0000; font-size: 16px; font-weight: bold; padding:10px; margin:15px 15px 5px 5px;
    background-color:#ffffff; text-align: left; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.bad-browser-pnl .browsers-supported-div { color:#555555; font-size: 14px; }
.ok-browser-pnl { color:#628828; font-size: 1px; display: none; }

/*Main Portal*/
.main-title-panel { margin:10px 15px; }
.main-content-panel { margin-bottom: 15px; }
.main-portal-div { text-align: left; }
.main-portal-pnl { margin:0 auto; }
.hdr-pnl-outer { width:100%; }

/*Feedback*/
.feedback-directions { display:block; padding:15px 0px 10px; }
.feedback-response { display:block; padding:20px 5px 5px; }
.feedback-table td { padding:2px; }
.feedback-tip { width: 100px; display: block; margin-left:5px; }
.terms-box, .scroll-box { border:1px solid #CCCCCC; display:block; height:100px; margin-bottom:10px; margin-left:15px; overflow:auto;
    padding:5px 5px 10px; width:93%; }
.scroll-box { margin: 5px 5px 0 0; width: 98%; }
.terms-check-pnl { margin-left:15px; }
.terms-check-pnl .validation-msg { padding:0 0 4px; }

/*Buttons*/
button::-moz-focus-inner { border: 0; padding: 0; }

/*FF button padding hack*/
.cmu-btn[class], .cmu-btn-disabled[class] { width:auto; }
.cmu-btn, .cmu-btn-disabled { background-color: #d2d3d6; border-color: #949699 #9B9DA0 #97999D #949699; border-style: solid; border-width: 1px; color: #5E6164; cursor: pointer;
    font-weight: bold; height: 20px; line-height: 16px; margin: 0 0 0 7px; overflow: visible; padding: 0; position: relative; text-align: center; width: 0;
    outline: 0 none; vertical-align: bottom; border-radius: 7px; padding: 0 7px; font-size: 11px; font-family: Verdana, Arial, sans-serif; white-space: nowrap;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d2d3d6), color-stop(100%, #b0b3b7));
    background-image: -webkit-linear-gradient(top, #d2d3d6, #b0b3b7);
    background-image: -moz-linear-gradient(top, #d2d3d6, #b0b3b7);
    background-image: -ms-linear-gradient(top, #d2d3d6, #b0b3b7);
    background-image: -o-linear-gradient(top, #d2d3d6, #b0b3b7);
    background-image: linear-gradient(top, #d2d3d6, #b0b3b7); }
.cmu-btn:focus, .cmu-btn:active, .cmu-btn:hover, .cmu-btn:focus-disabled, .cmu-btn-disabled:active, .cmu-btn-disabled:hover { outline: 0 none; }
button, .input-button { outline:0 none; }
.data-grid .cmu-btn, .data-grid .cmu-btn-disabled { height:18px; line-height: 16px; margin:0px; font-size:9px; }
.cmu-btn:hover, .data-grid tr.hovered-row .cmu-btn { background-color: #76787b; color:#FFFFFF; border-color: #76787b #747678 #727477 #76787b;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76787b), color-stop(100%, #595b5d));
    background-image: -webkit-linear-gradient(top, #76787b, #595b5d);
    background-image: -moz-linear-gradient(top, #76787b, #595b5d);
    background-image: -ms-linear-gradient(top, #76787b, #595b5d);
    background-image: -o-linear-gradient(top, #76787b, #595b5d);
    background-image: linear-gradient(top, #76787b, #595b5d); }
.cmu-btn.cmu-btn-click { outline: 0 none; background-color: #babbbe; color: #7A7F84;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #babbbe), color-stop(100%, #939599));
    background-image: -webkit-linear-gradient(top, #babbbe, #939599);
    background-image: -moz-linear-gradient(top, #babbbe, #939599);
    background-image: -ms-linear-gradient(top, #babbbe, #939599);
    background-image: -o-linear-gradient(top, #babbbe, #939599);
    background-image: linear-gradient(top, #babbbe, #939599); }
.cmu-btn:focus, .cmu-btn-disabled:focus { border: 1px solid #3399ff; -moz-box-shadow: 0px 0px 5px #A9D2FC; -webkit-box-shadow: 0px 0px 5px #A9D2FC; box-shadow: 0px 0px 5px #A9D2FC; }

.cmu-btn-disabled { cursor: default !important; color: #A5A0A0 !important; text-shadow: 1px 1px #FFFFFF; cursor: default !important; }

/*Rank buttons*/
.rank-img-btn { margin-top:3px; }
.rank-img-btn.disabled { cursor: default !important; }

/*Sub Header Tabs*/
.sub-hdr-tab { display: inline; background: none repeat scroll 0 0 #DADADA; border-collapse: collapse; color: #333333;
    border-color: #DADADA; border-style: solid; border-width: 1px 1px 0px; cursor: pointer; font-weight: normal;
    font-size: 12px; line-height: 27px; margin: 0 5px 0 0; overflow: visible; padding: 0; position: relative; text-align: center;
    width: 0; outline: 0 none; padding: 6px 10px; text-decoration: none !important;
    border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; }
.sub-hdr-tab.prospect { background: none repeat scroll 0 0 #A37277; color: #FFFFFF; border-color: #A37277; border-width: 1px; }
.sub-hdr-tab.prospect.memo { background-color: #ff9900; }
.sub-hdr-tab:focus, .sub-hdr-tab:active, .sub-hdr-tab:hover { outline: 0 none; }
.sub-hdr-tab:hover { background-color: #CACACA; border-color: #CACACA; }
.sub-hdr-tab.prospect:hover { background-color: #915762; border-color: #915762; }
.sub-hdr-tab.prospect.memo:hover { background-color: #cd5100; }
.sub-hdr-tab.menuSelected { border-color: #FFFFFF; border-style: solid; border-width: 3px 3px 1px;
    background-color:#FFFFFF; font-weight: bold; outline: 0 none;
    border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; }
.sub-hdr-tab.menuSelected.prospect, .sub-hdr-tab.menuSelected.prospect.memo { border-color: #A37277; border-style: solid; border-width: 1px 1px 0px;
    background-color:#FFFFFF; font-weight: bold; outline: 0 none; color:#333333;
    border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0;
    border-bottom: 2px solid #FFFFFF; }

/*PDF Button*/
.cmu-btn.cmu-btn-pdf{ background-position: top left; background-image: url(../images/adobe.png); background-color: transparent; padding-left: 22px; color: #5E6164;
    background-repeat: no-repeat; border-style: none; box-shadow: none; }

/*Paging Table Column Select Button*/
.cmu-btn.btn-column-select{ background-position: top right; background-image: url(../images/column_management_icon.png); background-repeat: no-repeat;
    background-color: transparent; height: 22px; width: 35px; color: #5E6164; border-style: none; border-radius: 0 0 0 0; box-shadow: none; cursor: pointer; }

/*Subtotal Button*/
.cmu-btn.cmu-btn-calculator { height: auto; background-position: 0 0px; background-image: url(../images/calc-icon.png); background-repeat: no-repeat;
    background-color: transparent; width: 14px; height: 14px; color: #5E6164; border-style: none; border-radius: 0 0 0 0; box-shadow: none; }

/*Tooltip Menu Button*/
.cmu-btn.btn-tt-menu, .data-grid tr.hovered-row .cmu-btn.btn-tt-menu { height: auto; background-position: 0 0px; background-image: url("../images/tt-menu-gear-icon-btn.png?d=20120101");
    background-color: transparent; height: 22px; width: 35px; color: #5E6164;   border-style: none; box-shadow: none; background-repeat: no-repeat;}
.cmu-btn.btn-conflict-info, .data-grid tr.hovered-row .cmu-btn.btn-conflict-info { height: auto; background-position: 0 0px; background-image: url(../images/conflict_icon.png);
    background-color: transparent; height: 22px; width: 35px; color: #5E6164;   border-style: none; box-shadow: none; background-repeat: no-repeat;}
.cmu-btn.btn-hourglass-green-info, .data-grid tr.hovered-row .cmu-btn.btn-hourglass-green-info { height: auto; background-position: 0 0px; background-image: url(../images/hour_glass_green.png);
    background-color: transparent; height: 22px; width: 35px; color: #5E6164;   border-style: none; box-shadow: none; background-repeat: no-repeat;}
.cmu-btn.btn-hourglass-red-info, .data-grid tr.hovered-row .cmu-btn.btn-hourglass-red-info { height: auto; background-position: 0 0px; background-image: url(../images/hour_glass_red.png);
    background-color: transparent; height: 22px; width: 35px; color: #5E6164;   border-style: none; box-shadow: none; background-repeat: no-repeat;}
.cmu-btn-icon , .btn-tt-menu-icon { background: transparent; border: 0px none; cursor: pointer; padding: 0px; }
.cmu-btn-icon { width: 20px; }
.btn-tt-menu-icon { width: 33px; }
.btn-tt-menu-placeholder { padding-left: 35px; }

/* Icon styles for tooltips */
.info-icon-placeholder,
.hourglass-green-info,
.data-grid tr.hovered-row .hourglass-green-info,
.hourglass-red-info,
.data-grid tr.hovered-row .hourglass-red-info,
.blue-i-circle,
.data-grid tr.hovered-row .blue-i-circle {
    padding-left: 22px;
    padding-bottom: 3px;
    height: auto;
    height: 22px;
    width: 35px;
    color: #5E6164;
    border-style: none;
    box-shadow: none;
    background-repeat: no-repeat;
    background-position: 0 0px;
    background-color: transparent;
}

.hourglass-green-info, .data-grid tr.hovered-row .hourglass-green-info {
    background-image: url(../images/hour_glass_green.png);
}

.hourglass-red-info, .data-grid tr.hovered-row .hourglass-red-info {
    background-image: url(../images/hour_glass_red.png);
}

.blue-i-circle, .data-grid tr.hovered-row .blue-i-circle {
    background-image: url(../images/info-b.png);
}

/*Tooltip & Tooltip Menu*/
.tt-trigger-tt-menu, .tt-trigger-w-info, .tt-trigger-b-info, .tt-trigger-warn-info, .tt-trigger-conflict-info, .tt-trigger-hourglass-green-info, .tt-trigger-hourglass-red-info {
    display: block; cursor: pointer; }
.tt-trigger-w-info, .tt-trigger-b-info, .tt-trigger-warn-info, .tt-trigger-conflict-info, .tt-trigger-hourglass-green-info, .tt-trigger-hourglass-red-info {
    width:20px; height:19px; }
.tt-trigger-w-info { background: transparent url(../images/info-w.png) no-repeat top left; }
.tt-trigger-b-info { background: transparent url(../images/info-b.png) no-repeat top left; }
.tt-trigger-warn-info { background: transparent url(../images/warn.png) no-repeat top left; }
.tt-trigger-conflict-info { background: transparent url(../images/conflict_icon.png) no-repeat top left; }
.tt-trigger-hourglass-green-info { background: transparent url(../images/hour_glass_green.png) no-repeat top left; }
.tt-trigger-hourglass-red-info { background: transparent url(../images/hour_glass_red.png) no-repeat top left; }
.tt-trigger-tt-menu { width:35px; height:22px; background: transparent url(../images/tt-menu-gear-icon-btn.png?d=20120101) no-repeat top left; }
.tt-wrapper { font-size: 10px; display:block; padding:0; z-index:2000; }
.tt-wrapper.tt-menu { }
.tt-wrapper.tt-hdr-menu { }
.tt-hdr { font-weight: bold; border-bottom:1px solid #999; padding:0 0 5px; }
.tt-msg { padding:5px 0; }
.tt-menu-body { padding:0; }
.tt-menu-list { list-style: none outside none; margin: 0; padding: 0; }
.tt-menu-list .tt-menu-item a { font-size: 12px; font-weight: bold; color:#333; display: block; padding: 2px 0 4px; }
.tt-menu-list .tt-menu-item a:hover { color:#888; }
.tt-pointer { float:left; height: 21px; width: 21px; margin:0 10px !important; }
.tt-pointer-right { float:right; }
.tt-menu .tt-pointer, .tt-hdr-menu .tt-pointer { visibility: hidden; }
.tt-top, .tt-body, .tt-bot { clear:both; overflow: hidden; }
.tt-top { height: 32px; }
.tt-hdr-menu .tt-top { height: 37px; }
.tt-body { }
.tt-bot { height: 30px; }
.tt-left, .tt-center, .tt-right { float:left; width: 16px; height:200px;
    background: transparent url(../images/tooltip-bg.png?d=20111006) no-repeat top left; }
.tt-menu .tt-left, .tt-menu .tt-center, .tt-menu .tt-right { background-image:url(../images/tooltip-menu-bg.png); }
.tt-hdr-menu .tt-left, .tt-hdr-menu .tt-center, .tt-hdr-menu .tt-right { background-image:url(../images/tooltip-hdr-menu-bg.png); }
.tt-menu .tt-right { width:35px; }
.tt-hdr-menu .tt-right { width:55px; }
.tt-top .tt-left { background-position:top left; }
.tt-top .tt-center { background-position:top center; }
.tt-top .tt-right { background-position:top right; }
.tt-body .tt-left { background-position:center left; }
.tt-body .tt-center { background-position:center center; }
.tt-body .tt-right { background-position:center right; }
.tt-bot .tt-left { background-position:0px -952px; }
.tt-bot .tt-center { background-position:-20px -952px; }
.tt-bot .tt-right { background-position:-984px -952px; }
.tt-menu .tt-bot .tt-left { background-position:0px -275px; }
.tt-menu .tt-bot .tt-center { background-position:-20px -275px; }
.tt-menu .tt-bot .tt-right { background-position:-465px -275px; }
.tt-hdr-menu .tt-bot .tt-left { background-position:0px -275px; }
.tt-hdr-menu .tt-bot .tt-center { background-position:-20px -275px; }
.tt-hdr-menu .tt-bot .tt-right { background-position:-445px -275px; }
.tt-pointer { background: transparent url(../images/tooltip-pointer.png) no-repeat bottom left; }

/*Image Buttons*/
a.img-btn-a { text-decoration: none !important; display: block; outline: none; width: 0px; height:20px;
    background: transparent url(../images/buttons-sprite.png?d=20110801) no-repeat 0px 0px;
    text-align: left; text-indent: -10000px; position: relative; padding: 0px; margin: 0px; }
a.img-btn-a.img-btn-remove { background-position: 0px 0px; width:71px; }
a.img-btn-a.img-btn-remove:hover { background-position: 0px -21px; }
a.img-btn-a.img-btn-add { background-position: -73px 0px; width:43px; }
a.img-btn-a.img-btn-add:hover { background-position: -73px -21px; }
a.img-btn-a.img-btn-edit { background-position: -117px 0px; width:43px; }
a.img-btn-a.img-btn-edit:hover { background-position: -117px -21px; }
a.img-btn-a.img-btn-delete { background-position: -162px 0px; width:61px; }
a.img-btn-a.img-btn-delete:hover { background-position: -162px -21px; }
a.img-btn-a.img-btn-view { background-position: -225px 0px; width:48px; }
a.img-btn-a.img-btn-view:hover { background-position: -225px -21px; }

/*Time Picker*/
.timepickr-main { float: left; position: relative; }
.timepickr-display { float: left; height:14px; width: 55px; padding:1px; outline: none; text-align: center;
    border: solid 1px #D8D8D8; position: relative; z-index:1; }
.timepickr-display.input-error { background:none repeat scroll 0 0 #FFF2F2; border-color: #FF0000; }
.timepickr-popup { position: absolute; left: 0px; top: 20px; width: 500px; z-index:2; }
.timepickr-row {  position: relative; background-color: #FFFFFF; clear: both; float: left; -webkit-border-radius: 4px;
    -moz-border-radius: 4px; border-radius: 4px; border:1px solid #FFFFFF; }
.timepickr-button { cursor: pointer; font-size: 9px; margin: 2px; padding: 4px 6px; font-weight: bold; text-align: center;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #D2D3D6;
    border: 1px solid #B5B6B9; color: #5E6164; float: left; }
.timepickr-row .state-hover { background-color:#636567; border-color:#636567; color:#FFFFFF; }

/*Date Time Picker*/
.datetimepickr-wide, .datetimepickr-stacked { }
.datetimepickr-wide { width:150px; }
.datetimepickr-stacked { width:85px; }
.timepickr-wide, .timepickr-stacked { }
.timepickr-wide { width:85px; }
.timepickr-stacked { width:85px; }

/*Multi-Select*/
.multiselect-hdr { font-size: 12px; font-weight: bold; }
.multiselect-hdr, .multiselect-title { vertical-align: bottom; }
.multiselect-pnl { height: 152px; min-width: 100px; max-width: 400px; border: 1px solid #B5B6B9; }
.multiselect-pnl.top-pnl { height: 106px; }
.dialog-window .grid.multiselect-tbl, .grid.multiselect-tbl { margin: 2px 0 0 0; }
.multiselect-btn { background-image:url(../images/close-button.png); background-color:transparent; margin: 0 0 0 3px; }
.multiselect-sort-btn { float: right; padding-left: 3px; padding-bottom: 2px; }
.multiselect-output-grid tr.hovered-row td { background-color: #3399ff; }
.multiselect-selected-output, .multiselect-selected-output td { background-color: #B5B6B9; }

/*Misc Fonts*/
.txt-red, .txt-red a { color:#FF0000 !important; }
.txt-green, .txt-green a { color:#628828 !important; }
.txt-blue, .txt-blue a { color:#0000FF !important; }
.txt-disabled, .radio-disabled label { color:#ddd !important; }

/*Schedule*/
.course-browse-table { margin:0; }
.bread-crumb-pnl, .bread-crumb-pnl.grid { margin:0 0 10px 0px; }
.bread-crumb-pnl .link.disabled, .bread-crumb-pnl .txt { color:#000000 !important; font-size: 11px; }
.course-list-tbl { width: 100%; }
.course-list-tbl td { padding:2px 3px; vertical-align: top; }
.schedule-list-pnl { width: 629px; }
.schedule-list-instructor-email { font-size: 9px !important; }
.schedule-list-flextable { width:600px; margin-left:20px; }
.schedule-list-delete-col { text-align: right; }
.schedule-academic-dates-entry { padding: 7px; }
.schedule-course-search-help-text { color:#999999;font-size:10px;font-style:italic;margin-left:5px;}
.schedule-course-search-help-text-simple { color:#999999;font-size:10px;font-style:italic;margin-left:52px; }
.schedule-course-search-days {border: solid 1px #CCC; float:left;}
.sched-view-term-lbl { padding-right:5px; display:inline-block; height:20px; line-height: 20px; vertical-align: bottom; }
.schedule-select { float:left; }
.schedule-buttons { float:right; margin:-2px 0 5px 0; }
.schedule-buttons .cmu-btn { margin:0; }
.schedule-buttons .schedule-btn-cal { width:100px; }
.schedule-buttons .schedule-btn-list { width:70px; }
.schedule-buttons .cmu-btn, .schedule-buttons .cmu-btn-disabled, .schedule-buttons .cmu-btn:focus, .schedule-buttons .cmu-btn-disabled:focus { background: transparent none repeat scroll 0 0;
    border:0 none; padding:0; box-shadow: none; border-radius: 0; }
.schedule-buttons .cmu-btn .btn-inner-right, .schedule-buttons .cmu-btn-disabled .btn-inner-right { line-height:20px; padding:0 8px 0 2px; text-align:left; }
.schedule-buttons .cmu-btn.cmu-btn-hover .btn-inner-left, .schedule-buttons .cmu-btn-disabled.cmu-btn-hover .btn-inner-left { background-position:left top; color:#FFFFFF; }
.schedule-buttons .cmu-btn.cmu-btn-hover .btn-inner-right, .schedule-buttons .cmu-btn-disabled.cmu-btn-hover .btn-inner-right { background-position:right top; color:#FFFFFF; }
.schedule-buttons .schedule-btn-cal .btn-inner-left { background: transparent url(../images/buttons-schedule-bg.png) no-repeat scroll left bottom; padding:0 0 0 25px; }
.schedule-buttons .schedule-btn-list .btn-inner-right { background: transparent url(../images/buttons-schedule-bg.png) no-repeat scroll right bottom; padding:0 25px 0 10px; }
.schedule-buttons .schedule-btn-cal.btn-selected .btn-inner-left { background-position: center left; }
.schedule-buttons .schedule-btn-cal.btn-selected .btn-inner-right { color: #7A7F84; }
.schedule-buttons .schedule-btn-list.btn-selected .btn-inner-right { background-position: center right; color: #7A7F84; }
.schedule-buttons .btn-selected { cursor: default; }
.schedule-units-label { float:right; }
.schedule-plan-title { margin-right: 3px; }
.schedule-waitlist-pnl { width: 629px; }

/*Below is used for converting specific styles to class names that can be over-ridden*/
/*Floating classes*/
.float-right { float: right; }
.float-left { float: left; }
.float-none { float: none; }
.float-inherit { float: inherit; }
.float-right:after, .float-left:after { content:""; display:block; clear:both; }

/*Text align classes*/
.txt-r, .txt-r th, .txt-r td { text-align: right; }
.txt-l { text-align: left; }
.txt-c { text-align: center; }
.txt-j { text-align: justify; }
.txt-case-cap { text-transform: capitalize; }
.txt-case-up { text-transform: uppercase; }
.txt-case-low { text-transform: lowercase; }

/*Vertical align classes*/
.valign-m { vertical-align:middle; }
.valign-t { vertical-align:top; }
.valign-b { vertical-align:bottom; }
.grid.valign-m td { vertical-align: middle; }
.grid.valign-t td { vertical-align: top; }
.grid.valign-b td { vertical-align: bottom !important; }

/*Position classes*/
.pos-rel { position: relative; }
.pos-abs { position: absolute; }
.pos-stat { position: static; }
.pos-fix { position: fixed; }

/*clearing float classes*/
.clear-both { clear:both; }
.clear-none { clear:none; }
.clear-left { clear:left; }
.clear-right { clear:right; }
.clear-box { clear:both; display:block; line-height:0; height:0; }
br.clear-both, br.clear-left, br.clear-right { line-height:0; height:0; }
br.last-clear-br { line-height: 15px; height: 15px; } /*Needed as an IE hack.*/

/*display classes*/
.display-inline { display: inline !important; }
.display-inline-block { display: inline-block !important; }
.display-none { display: none !important; }
.display-block { display: block !important; }
.display-table { display: table !important; }

/*margin classes*/
.mar-right-sm { margin-right:5px !important; }
.mar-right-med { margin-right:15px !important; }
.mar-right-lg { margin-right:25px !important; }
.mar-right-none { margin-right:0px !important; }
.mar-top-sm { margin-top:5px !important; }
.mar-top-med { margin-top:15px !important; }
.mar-top-lg { margin-top:25px !important; }
.mar-top-none{ margin-top:0px !important; }
.mar-left-sm { margin-left:5px !important; }
.mar-left-med { margin-left:15px !important; }
.mar-left-lg { margin-left:25px !important; }
.mar-left-none{ margin-left:0px !important; }
.mar-bot-sm { margin-bottom:5px !important; }
.mar-bot-med { margin-bottom:15px !important; }
.mar-bot-lg { margin-bottom:25px !important; }
.mar-bot-none { margin-bottom:0px !important; }
.mar-all-sm { margin:5px !important; }
.mar-all-med { margin:15px !important; }
.mar-all-lg { margin:25px !important; }
.mar-all-none { margin:0px !important; }

/*padding classes*/
.pad-right-sm { padding-right:5px !important; }
.pad-right-med { padding-right:15px !important; }
.pad-right-lg { padding-right:25px !important; }
.pad-right-none { padding-right:0px !important; }
.pad-left-sm { padding-left:5px !important; }
.pad-left-med { padding-left:15px !important; }
.pad-left-lg { padding-left:25px !important; }
.pad-left-none { padding-left:0px !important; }
.pad-top-sm { padding-top:5px !important; }
.pad-top-med { padding-top:15px !important; }
.pad-top-lg { padding-top:25px !important; }
.pad-top-none { padding-top:0px !important; }
.pad-top-xs { padding-top: 3px !important; }
.pad-bot-sm { padding-bottom:5px !important; }
.pad-bot-med { padding-bottom:15px !important; }
.pad-bot-lg { padding-bottom:25px !important; }
.pad-bot-none { padding-bottom:0px !important; }
.pad-all-x-sm { padding:3px !important; }
.pad-all-sm { padding:5px !important; }
.pad-all-med { padding:15px !important; }
.pad-all-lg { padding:25px !important; }
.pad-all-none { padding:0px !important; }
.pad-table-none, .pad-table-none td { padding:0px !important; }

/*standard border classes*/
.noborder, .totals-row .noborder td { border: 0px; }
.border-bottom { border-bottom: 1px solid #464646; }
.border-bottom-dashed { border-bottom: 1px dashed #464646; }
.border-top { border-top: 1px solid #464646; }
.border-top-dotted { border-top: 1px dotted #464646; }
.border-right { border-right: 1px solid #464646; }
.border-left { border-left: 1px solid #464646; }
.border-all { border: 1px solid #464646; }
.border-red { border-color:#FF0000 !important; }

/*overflow classes*/
.overflow-hidden { overflow: hidden; }
.overflow-visible { overflow: visible; }
.overflow-auto { overflow: auto; }

/*font classes*/
.txt-bold { font-weight: bold; }
.txt-italic { font-style: italic; }
.txt-normal { font-weight: normal; font-style: normal; text-decoration: none; }
.txt-underline { text-decoration: underline; }

/*whitespace classes*/
.ws-no-wrap { white-space: nowrap; }
.ws-normal { white-space: normal; }
.ws-pre { white-space: pre; }

/*word wrap and word break classes*/
.word-break-all { word-break: break-all; }

/*Stack Order*/
.z-index-top { z-index: 999; }

/*opacity classes*/
.opacity-zero { filter: alpha(opacity = 0); opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; }

/*cursor classes*/
.c-pointer { cursor: pointer; }
.c-default { cursor: default; }
.c-crosshair { cursor: crosshair; }
.c-move { cursor: move; }
.c-text { cursor: text; }

/* Widget Grid */
.widget-grid .grid-hdr { text-transform: uppercase; margin: 2px 4px 1px 0px; font-size: 11px; text-align: center; }
.widget-grid td, .interview-grid td .grid-cell { letter-spacing:0px; word-spacing:0px; }

/* Cmu Grid Widget */
.grid-widget { font-size: 9px; font-family: Verdana,Arial,sans-serif; height: 75px; width: 175px; text-align: left; border: 1px solid #666;
    overflow: hidden; white-space: normal; filter: alpha(opacity = 75); opacity: 0.75; -moz-opacity: 0.75; -webkit-opacity: 0.75;
    border-radius:6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
.grid-widget .header { color: #FFF; font-size: 11px; padding: 5px; text-align: center; font-weight: bold;
    -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; }
.grid-widget .flag { padding: 4px 5px 0px 0px; float:right; }
.grid-widget .line1 { padding: 4px 0px 0px 4px; }
.grid-widget .line2 { padding: 2px 0px 0px 4px; }

/* Time Entry Box */
.timeentrybox {z-index:1; width: 175px; }

/* GOL diploma name instructions styles*/
.gol-special-chars-pnl a.header td {
    color: blue;
    font-weight: normal;
}

.gol-special-chars-tbl, .gol-special-chars-tbl td {
    font-weight: normal;
    border: 1px solid #000;
}

/* Notifications */
.notification-bell {float: right; padding: 0;}
.notification-bell .gem{-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; line-height:14px; color:#fff; font-size:10px; font-weight:bold; text-align:center; padding-top:0; padding-bottom:0; background:#f4a644; border:0; display: block; margin: -15px 0 0 15px; min-width: 20px; position: absolute; z-index: 100;}
.notification-panel .notification-row {min-height: 20px;}
.notification-panel .notification-failure {background-color: #fff2f2;}

/* No javascript error */
.no-javascript-error {
    background-color: white;
    padding: 10px;
    min-height: 100px;
}

/*Course Detail Composite Widget*/
.course-detail-widget .grid-hdr { text-transform:none; }
.course-detail-widget .txt { font-size:12px; }
.course-detail-widget .grid td { vertical-align: top; }
.course-description-label-column { min-width: 150px; }

/*Find Courses Modal*/
.wrapper-find-course .data-grid td { padding: 2px 8px 2px 3px; }
.wrapper-find-course .clickable-text, .wrapper-find-course table td .txt { font-size: 11px; }

.side-tips table, .side-tips .portlet {
    width: 100%;
}
.bottom-tips .portlet, .bottom-tips table {
    width: 100%;
}

/* Radio/checkbox margin style */
.radio input[type="radio"], .radio-inline input[type="radio"] {
    margin-left: 5px;
    margin-top: 2px;
}

.gwt-DialogBox .Caption {
    padding-top: 5px;
}
.gwt-DialogBox label {
    display: unset;
}

#initialLoadWait {
    height: 300px;
    width: 100%;
    text-align: center;
    background-color: white;
    margin: 0;
}
#initialLoadWait img {
    width: 50px;
    margin: 50px;
}

#best-viewed-on-tablet, #best-viewed-on-desktop {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0.95;
    width: 100%;
    text-align: center;
    z-index: 999;
}

.word-wrap-fits-all {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}

/* Hyphenate on all screen sizes */
.hyphenate-lg {
    hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
}

/* Styles for SMALL, MEDIUM, and LARGE screens */
@media only screen and (min-width: 768px) {

}

/* MEDIUM (MD) screens and smaller */
@media only screen and (max-width: 1199px) {
    .hyphenate-md {
        hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
    }
}

/* SMALL (SM) screens and smaller */
@media only screen and (max-width: 991px) {
    .gwt-DialogBox .Caption {
        font-size: 20px;
    }

    .hyphenate-sm {
        hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-word;
    }

    #best-viewed-on-desktop {display: block!important;}

    .bank-acct-activity-cmu-btn{
        margin: 2px 0 2px 7px;
    }
}

/* EXTRA SMALL (SM) screens */
@media only screen and (max-width: 767px) {
    .hyphenate-xs {
        hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
    }

    .hide-on-xs {
        display: none;
    }

    #best-viewed-on-tablet {display: block!important;}

}