@import url('mediaplayer/bluemonday/jplayer.blue.monday.css');
@import "jquery-ui.css";
@import "bootstrap.custom.css";
@import "jquery-ui.custom.css";
@import url('../include/oti/css/jquery-ui-1.8.6.custom.css');
@import "../Content/themes/font-awesome.min.css";

/* Fix for issue #154783 */
/*#TopPane a img { position: relative; top: 107px; }*/
#eWebTopPaneBottomLinksCellTable {
    margin: -8px 0 -3px !important;
}

    #eWebTopPaneBottomLinksCellTable img,
    .TopUIHyperLink img {
        border: none;
    }

#eWebForm {
    display: inline;
}

.CalendarEventTitleStyle {
    font-size: 7pt;
}

.CalendarEventDayStyle {
    color: red;
}

.DashboardHyperLink {
    font-size: 8pt;
}

.DashboardHyperLinkDeselected {
    font-size: 8pt;
}

.DashboardHyperLinkLabel {
    font-size: 8pt;
}

.DashboardHyperLinkSelected {
    font-size: 8pt;
    font-weight: bold;
}

.DashboardLabel {
    font-size: 8pt;
}

.DashboardLabelHeader {
    font-size: 8pt;
    font-weight: bold;
}

.DashboardTABLE {
}

.DashboardTD {
    font-size: 8pt;
}

.DashboardTH {
    font-size: 8pt;
    font-weight: bold;
}

.DashboardTR {
}

.DataFormAuditCaption {
    font-size: 7pt;
}

.DataFormAuditValue {
    font-size: 7pt;
}

.DataForm {
    font-size: 8pt;
}

.DataFormButton {
    font-size: 8pt;
    font-family: Montserrat, sans-serif;
}

.DataFormCaptionFONT {
    border-width: 0;
    border-style: solid;
}

.DataFormCaptionInvalidTD {
    font-size: 8pt;
    color: red;
}

.DataFormCaptionTD {
    font-size: 8pt;
    width: 20%;
    text-align: right;
}

.DataFormCheckBox {
    font-size: 8pt;
}

.DataFormCheckBoxList {
    font-size: 8pt;
}

.DataFormTitleIcon {
    text-align: left;
    border: none;
}

.DataFormChildTitleIcon {
    text-align: left;
    border: none;
}

.DataFormChildGridDiv {
    overflow: auto;
    height: 180px;
    width: 100%;
}

.DataFormChildTABLE {
    width: 800px;
}

.DataFormChildHeader {
    text-indent: 2px;
    font-size: 9pt;
    font-weight: bold;
    background-color: #336699;
    color: #ffffff;
    height: 11px;
}

.DataFormChildHeaderIndent {
    text-indent: 30px;
    font-size: 9pt;
    font-weight: bold;
    background-color: #2E2E2E;
    color: #ffffff;
    height: 11px;
}

.DataFormChildHeaderRHS {
    font-size: 9pt;
    font-weight: bold;
    color: #ffffff;
    background-color: #2E2E2E;
    height: 11px;
    width: 100%;
}

.DataFormChildHeaderNoFilter {
    font-size: 9pt;
    background-color: #2E2E2E;
    color: #ffffff;
    background-color: #2E2E2E;
}

.DataFormChildDataGrid {
    behavior: url(../eweb/style/behavior/TableRowOver.htc);
    font-size: 8pt;
    width: 100%;
    border-color: #ffffff;
}

.DataFormChildDataGridAlternatingItem {
    font-size: 8pt;
    color: #000000;
    background-color: #f0f0f0;
}

.DataFormChildDataGridAlternatingItemLink {
    color: #000000;
    font-weight: bold;
}

.DataFormChildDataGridFooter {
    font-size: 8pt;
    font-weight: bold;
    color: #000000;
}

.DataFormChildDataGridHeader {
    font-size: 8pt;
    font-weight: bold;
    background-color: #CCCCCC;
    color: #000000;
}

.DataFormChildDataGridHeader1 {
    font-size: 8pt;
    font-weight: bold;
    background-color: #CCCCCC;
    color: #000000;
}

.DataFormChildDataGridHeaderLink {
    background-color: #cccccc;
    color: #000000;
    text-decoration: none;
    font-size: 7pt;
    font-weight: normal;
}

.DataFormChildDataGridItem {
    font-size: 8pt;
    color: #000000;
    background-color: #F3f3f3;
}

.DataFormChildDataGridItemLink {
    color: #000000;
    font-weight: bold;
}

.DataFormChildDataGridPager {
    font-size: 9pt;
    color: #000000;
}

.DataFormChildDataGridPagerLink {
    color: #000000;
    font-size: 9pt;
}

.DataFormChildDataGridSelectedItem {
    font-size: 8pt;
    font-weight: bold;
    color: #ffffff;
    background-color: #663399;
}

.DataFormChildDataGridSelectedItemLink {
    color: #000000;
}

.DataFormCompareValidator {
    font-size: 8pt;
    color: red;
}

.DataFormDivDefault {
    /* Removal of border in COE per Events eWeb Enhancements Project 1/4/2018*/
    /*border-width: 1px;
    border-style: solid;
    border-color: #888;*/
    background-color: #ffffff;
}

.DataFormDivFormBackground {
    border-width: 1px;
    border-style: solid;
    background-color: ghostwhite;
    border-color: Silver;
}

.DataFormDivLabelBackground {
    background-color: ghostwhite;
}

.DataFormDivNoBorder {
    border-style: none;
}

.DataFormDivNoBorderGray {
    border-style: none;
    background-color: Gray;
}

.DataFormDivNoBorderLightGray {
    border-style: none;
    background-color: #F3F0F6;
}

.DataFormDivNoBorderBlue {
    border-style: none;
    background-color: Blue;
}

.DataFormDivNoBorderGreen {
    border-style: none;
    background-color: Green;
}

.DataFormDivNoBorderRed {
    border-style: none;
    background-color: Red;
}

.DataFormDivNoBorderWhite {
    border-style: none;
    background-color: White;
}

.DataFormDivScroll {
    overflow: auto;
}

.DataFormDropDownList {
}

.DataFormExtenderTableTD {
    font-size: 8pt;
}

.DataFormFieldFONT {
}

.DataFormFieldTD {
    font-size: 8pt;
}

.DataFormFONT {
}

.DataFormFooterFONT {
}

.DataFormFooterTD {
    font-size: 7pt;
}

.DataFormFooterTitleTD {
    padding-left: 4px;
    padding-right: 4px;
    font-weight: bold;
    color: #663399;
    font-size: 8pt;
    background-color: White;
}

.DataFormFooterTR {
}

.DataFormFORM {
}

.DataFormHeaderFONT {
}

.DataFormHeaderLabel {
    font-size: 9pt;
    font-weight: bold;
}

.DataFormHeaderTD {
    font-size: 9pt;
    font-weight: bold;
}

.DataFormHeaderTR {
}

.DataFormHyperLink {
    font-size: 8pt;
    text-decoration: none;
}

.DataFormHyperLinkHighlight {
    font-size: 8pt;
}

.DataFormLabel {
    font-size: 8pt;
}

.DataFormLabelErrorMessage {
    font-size: 8pt;
    color: red;
}

.DataFormLabelField {
    font-size: 8pt;
}

.DataFormLabelFilter {
    font-size: 8pt;
}

.DataFormLabelHeader {
    font-size: 9pt;
    font-weight: bold;
    background-color: #efefef;
}

.DataFormLabelMultiLine {
    font-size: 8pt;
}

.DataFormLabelHeaderBG {
    font-size: 9pt;
    font-weight: bold;
    background-color: #f3f3f3;
}

.DataFormLabelSubHeaderBG {
    font-size: 8pt;
    font-weight: bold;
    background-color: #f3f3f3;
}

.DataFormLabelHyperLink {
    font-size: 8pt;
}

.DataFormLabelInvalidMessage {
    font-size: 8pt;
    color: red;
    font-weight: bold;
}

.DataFormLabelProgress {
    font-size: 8pt;
}

.DataFormLabelReadOnly {
    font-size: 8pt;
}

.DataFormLabelRecordCount {
    font-size: 8pt;
    font-weight: normal;
}

.DataFormLabelRecordNumber {
    font-size: 8pt;
}

.DataFormLabelRequired {
    font-size: 8pt;
    font-weight: bold;
}

.DataFormLabelSubHeader {
    font-size: 8pt;
    font-weight: bold;
}

.DataFormLabelTitle {
    font-size: 9pt;
    font-weight: bold;
}

.DataFormLabelValidMessage {
    font-size: 8pt;
    color: Green;
    font-weight: bold;
}

.DataFormLabelWarning {
    font-size: 8pt;
    color: red;
}

.DataFormLabelWizardHeader {
    font-size: 9pt;
    font-weight: bold;
}

.DataFormLinkButton {
    font-size: 8pt;
}

.DataFormListBox {
    font-size: 8pt;
}

.DataFormListDataGrid {
    font-size: 8pt;
}

.DataFormListDiv {
    overflow: auto;
    height: 469px;
    width: 800px;
}

.DataFormListTD {
    font-size: 8pt;
}

.DataFormListTDDataGrid {
    behavior: url(../eweb/style/behavior/TableRowOver.htc);
    font-size: 8pt;
    width: 100%;
}

.DataFormListTDDataGridAlternatingItem {
    font-size: 8pt;
    color: #000000;
    background-color: #F3F0F6;
}

.DataFormListTDDataGridAlternatingItemLink {
    color: #000000;
    font-weight: bold;
}

.DataFormListTDDataGridCell {
    color: #000000;
    background-color: #efefef;
    border-color: #d9cfc0;
    border-style: solid;
    border-width: 0 0 1px 0;
}

.DataFormListTDDataGridFooter {
    font-size: 8pt;
    font-weight: bold;
    color: #ffffff;
}

.DataFormListTDDataGridHeader {
    font-size: 8pt;
    font-weight: bold;
    color: #ffffff;
    background-color: #663399;
}

.DataFormListTDDataGridHeaderLink {
    color: #ffffff;
    text-decoration: none;
}

.DataFormListTDDataGridItem {
    font-size: 8pt;
    color: #000000;
    background-color: #F3F0F6;
}

.DataFormListTDDataGridItemLink {
    color: #000000;
    font-weight: bold;
}

.DataFormListTDDataGridPager {
    font-size: 9pt;
    color: #000000;
}

.DataFormListTDDataGridPagerLink {
    color: #000000;
}

.DataFormListTDDataGridSelectedItem {
    font-size: 8pt;
    font-weight: bold;
    color: #ffffff;
    background-color: #993399;
}

.DataFormListTDDataGridSelectedItemLink {
    color: #000000;
}

.DataFormPanel {
    font-size: 8pt;
}

.DataFormRadioButton {
    font-size: 8pt;
}

.DataFormRadioButtonList {
    font-size: 8pt;
}

.DataFormRangeValidator {
    font-size: 8pt;
    color: red;
}

.DataFormRecordModeCaption {
    font-size: 8pt;
}

.DataFormRecordModeCheckBox {
    font-size: 8pt;
}

.DataFormRecordModeInsert {
    font-size: 8pt;
}

.DataFormRecordModeTD {
    font-size: 8pt;
}

.DataFormRecordModeUpdate {
    font-size: 8pt;
}

.DataFormRecordNavTD {
    font-size: 8pt;
}

.DataFormRecordNavTR {
    font-size: 8pt;
}

.DataFormRegularExpressionValidator {
    font-size: 8pt;
    color: red;
}

.DataFormRequiredFieldValidator {
    font-size: 8pt;
    color: red;
}

.DataFormSubHeaderTD {
    font-size: 9pt;
}

.DataFormTABLE {
}

.DataFormTextBox {
    font-size: 8pt;
    font-family: Montserrat, sans-serif;
}

.DataFormTD {
    font-size: 8pt;
}

.DataFormTH {
    font-size: 8pt;
    font-weight: bold;
}

.DataFormTR {
}

.DataFormNestedTableTD {
    border-color: #d9cfc0;
    font-size: 8pt;
    border-style: solid;
    border-width: 0 0 1px 0;
    line-height: 12pt;
}

.DataFormNestedTableTH {
    font-size: 8pt;
    font-weight: bold;
    background-color: #CCCCCC;
    color: #000000;
}

.DataFormNestedTableCellTR {
}

.DataFormNestedTableHeaderTR {
    font-size: 8pt;
    font-weight: bold;
    background-color: #CCCCCC;
    color: #000000;
}

.DataFormValidationFONT {
}

.DataFormValidationSummary {
    font-size: 8pt;
    color: red;
}

.DataFormValidationTD {
    font-size: 8pt;
    color: red;
}

.DataGrid {
    font-size: 8pt;
}

.DataGridAlternatingItem {
    font-size: 8pt;
}

.DataGridHeader {
    font-size: 8pt;
}

.DataGridItem {
    font-size: 8pt;
}

.DataGridPager {
    font-size: 8pt;
}

A.DataGridPagerLink:visited {
    color: Black;
    text-decoration: underline;
    font-size: 8pt;
}

A.DataGridPagerLink:link {
    color: Black;
    text-decoration: underline;
    font-size: 8pt;
}

A.DataGridPagerLink:active {
    color: White;
    background-color: Black;
    font-size: 8pt;
}

A.DataGridPagerLink:hover {
    color: White;
    background-color: Black;
    font-size: 8pt;
}

.DataGridSelectedItem {
    font-size: 8pt;
}

.DataList {
    font-size: 8pt;
}

.DataListAlternatingItem {
    font-size: 8pt;
}

.DataListFooter {
    font-size: 8pt;
}

.DataListHeader {
    font-size: 8pt;
}

.DataListItem {
    font-size: 8pt;
}

.DataListSelectedItem {
    font-size: 8pt;
}

.DesignedTABLE {
}

.DesignedRowTD {
    font-size: 8pt;
}

.DesignedRowTR {
}

.ErrorPageBody {
}

.ErrorPageCaption {
}

.ErrorPageHeader {
}

.ErrorPageLink {
}

.ErrorPageTable {
}

.ErrorPageTD {
    font-size: 8pt;
    color: red;
}

.ErrorPageTitle {
    font-size: 9pt;
    font-weight: bold;
    color: red;
}

.ErrorPageTR {
}

.ItemLinksTable {
    border-style: none;
}

A.FormLinksHyperLink:visited {
    color: Blue;
    background-color: White;
    text-decoration: none;
    font-size: 8pt;
}

A.FormLinksHyperLink:link {
    color: Blue;
    background-color: White;
    text-decoration: none;
    font-size: 8pt;
}

A.FormLinksHyperLink:active {
    color: White;
    background-color: Blue;
    text-decoration: none;
    font-size: 8pt;
}

A.FormLinksHyperLink:hover {
    color: White;
    background-color: Blue;
    text-decoration: none;
    font-size: 8pt;
}

A.RecentContactsHyperLink:visited {
    color: Blue;
    background-color: White;
    text-decoration: none;
    font-size: 8pt;
}

A.RecentContactsHyperLink:link {
    color: Blue;
    background-color: White;
    text-decoration: none;
    font-size: 8pt;
}

A.RecentContactsHyperLink:active {
    color: White;
    background-color: Blue;
    text-decoration: none;
    font-size: 8pt;
}

A.RecentContactsHyperLink:hover {
    color: White;
    background-color: Blue;
    text-decoration: none;
    font-size: 8pt;
}

A.ItemLinksHyperLink:visited {
    color: Black;
    text-decoration: none;
    font-size: 8pt;
}

A.ItemLinksHyperLink:link {
    color: Black;
    text-decoration: none;
    font-size: 8pt;
}

A.ItemLinksHyperLink:active {
    color: White;
    text-decoration: none;
    background-color: Black;
    font-size: 8pt;
}

A.ItemLinksHyperLink:hover {
    color: White;
    text-decoration: none;
    background-color: Black;
    font-size: 8pt;
}

A.ItemLinksHyperLinkSelected:visited {
    color: Black;
    text-decoration: none;
    font-size: 8pt;
    font-weight: bold;
}

A.ItemLinksHyperLinkSelected:link {
    color: Black;
    text-decoration: none;
    font-size: 8pt;
    font-weight: bold;
}

A.ItemLinksHyperLinkSelected:active {
    color: White;
    text-decoration: none;
    background-color: Black;
    font-size: 8pt;
    font-weight: bold;
}

A.ItemLinksHyperLinkSelected:hover {
    color: White;
    text-decoration: none;
    background-color: Black;
    font-size: 8pt;
    font-weight: bold;
}

.LeftUIOuterTable {
    width: 160px;
    border: none;
}

.LeftUITable {
    width: 100%;
    border: solid 1px #C5B5D4;
}

.LeftUIInnerTable {
    width: 100%;
}

.LeftUIInnerTableTD {
    width: 100%;
    background-color: White;
    border-color: black black #C5B5D4;
    font-size: 8pt;
    border-style: solid;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    padding-left: 12px;
}

.LeftUISectionTitle {
    font-size: 8pt;
    font-weight: bold;
    line-height: 18px;
}

.LeftUISectionTitleNotBold {
    font-size: 8pt;
}

.LeftUITableHeaderTD {
    font-size: 9pt;
    font-weight: bold;
    background-color: #699ce4;
    color: #ffffff;
    padding-left: 3px;
    height: 11px;
}

.LeftUITableHeaderTDRHS {
    font-size: 9pt;
    font-weight: bold;
    background-color: #663399;
    color: #ffffff;
    height: 11px;
}

.LeftUITableTD {
}

.LeftUIDropDownListFind {
    font-size: 8pt;
    width: 160px;
    background-color: #F3F0F6;
}

.LeftUIDropDownListAccessed {
    font-size: 8pt;
    width: 160px;
    background-color: #F3F0F6;
}

.PageFrameworkBODY {
    background-image: url(../images/CAI/bkgd_small.gif);
    background-repeat: repeat;
    MARGIN: 0px;
    FONT: 0.8em Arial, Helvetica, sans-serif;
    COLOR: #000;
}
/*insert background image in this class */
.PageFrameworkBODYModal {
    font-size: 8pt;
    background-color: #FFFFFF;
    color: #000000;
    margin: 0;
}

.PageFrameworkBottomFONT {
}

.PageFrameworkBottomTD {
    font-size: 8pt;
}

.PageFrameworkBottomTR {
}

.PageFrameworkContentFONT {
}

.PageFrameworkContentTD {
    font-size: 8pt;
    width: 800px;
}

.PageFrameworkContentTR {
}

.PageFrameworkFONT {
}

.PageFrameworkLeftFONT {
}

.PageFrameworkLeftTD {
    font-size: 8pt;
}

.PageFrameworkRightFONT {
}

.PageFrameworkRightTD {
    font-size: 8pt;
}

#PageFrameworkTABLE {
    font-size: 10px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #385e92;
}

.PageFrameworkTABLE {
    width: 100%;
    height: 100%;
    font-size: 8pt;
}

.PageFrameworkTopFONT {
}

.PageFrameworkTopTD {
    font-size: 8pt;
}

.PageFrameworkTopTR {
}

.ProfileHeaderP {
    font-size: 9pt;
    font-weight: bold;
}

.ProfileHeaderTD {
    font-size: 9pt;
    font-weight: bold;
}

.ProfileHeaderTR {
}

.ProfileP {
    font-size: 8pt;
}

.ProfileTABLE {
    width: 800px;
}

.ProfileTD {
    font-size: 8pt;
    width: 100%;
}

.ProfileTH {
    font-size: 9pt;
    font-weight: bold;
}

.ProfileTR {
}

.ProfileRecordNavTD {
    font-size: 8pt;
}

.ProfileRecordNavTR {
    font-size: 8pt;
}

.ProfileTabStripDiv {
    border-style: none;
}

.ProfileTabStripTD {
    text-align: center;
    background-color: #d9cfc0;
    border-bottom: solid 1px White;
}

.ProfileTabStripTDSelected {
    text-align: center;
    background-color: #663399;
    border-bottom: solid 1px #663399;
}

.ProfileTabStripLinksTD {
    text-align: right;
    background-color: #663399;
    border-bottom: solid 1px #663399;
    color: White;
    font-size: 7pt;
}

.ProfileTabStripChildLinksTD {
    text-align: center;
    background-color: #663399;
    color: White;
    font-size: 7pt;
}

A.ProfileTabStripLink:visited {
    color: Black;
    font-size: 8pt;
    text-decoration: none;
}

A.ProfileTabStripLink:link {
    color: Black;
    font-size: 8pt;
    text-decoration: none;
}

A.ProfileTabStripLink:active {
    color: White;
    background-color: Black;
    font-size: 8pt;
    text-decoration: none;
}

A.ProfileTabStripLink:hover {
    color: White;
    background-color: Black;
    font-size: 8pt;
    text-decoration: none;
}

A.ProfileTabStripLinkSelected:visited {
    color: White;
    font-size: 8pt;
    text-decoration: none;
}

A.ProfileTabStripLinkSelected:link {
    color: White;
    font-size: 8pt;
    text-decoration: none;
}

A.ProfileTabStripLinkSelected:active {
    color: White;
    font-size: 8pt;
    text-decoration: none;
}

A.ProfileTabStripLinkSelected:hover {
    color: White;
    font-size: 8pt;
    text-decoration: none;
}

A.ProfileTabStripLinks:visited {
    color: White;
    font-size: 7pt;
    text-decoration: none;
}

A.ProfileTabStripLinks:link {
    color: White;
    font-size: 7pt;
    text-decoration: none;
}

A.ProfileTabStripLinks:active {
    color: White;
    font-size: 7pt;
    text-decoration: none;
}

A.ProfileTabStripLinks:hover {
    color: White;
    background-color: Black;
    font-size: 7pt;
    text-decoration: none;
}

.QueryFormTABLE {
    border-style: inset;
    border-width: thin;
    width: 100%;
}

.QueryTable {
    border-style: outset;
    border-width: thin;
}

.QueryTR {
}

.QueryTD {
    font-size: 8pt;
}

.QueryTH {
    font-size: 8pt;
    font-weight: bold;
}

.QuickReportHyperLink {
    font-size: 8pt;
    color: #000000;
}

.ReportTABLE {
}

.ReportTD {
    font-size: 8pt;
}

.ReportTR {
}

.SearchFormTable {
}

.SearchFormTABLE {
}

.SearchFormTR {
}

.SearchFormTD {
    font-size: 8pt;
}

#SystemTextBox {
    border: transparent;
}

.TabOrderLabel {
    font-size: 8pt;
    color: White;
    background-color: Red;
}

.UILabel {
    font-size: 8pt;
}

.DemoMultiPage {
    border-width: 1px;
    border-top: none;
    padding: 1px;
    width: 600px;
    height: 600px;
}

.DemoTabStripTabSelectedStyle {
    border-style: solid;
    font-weight: bold;
    font-size: 8pt;
    background-color: White;
}

.DemoTabStripTabDefaultStyle {
    border-color: Black;
    border-width: 1px;
    border-style: solid;
    width: 100px;
    text-align: center;
    background-color: White;
    font-size: 8pt;
}

.WizardOuterTable {
    border-style: none;
}

.WizardInnerTable {
    border-style: none;
}

.WizardMultiPage {
    border-style: solid;
    border-width: 1px;
    border-top: none;
    padding: 1px;
}

.wizardstep {
    font-size: 12pt;
    font-weight: bold;
    color: #990000;
}

.WizardTabStripSepDefaultStyle {
    border-color: Black;
    border-width: 1px;
    border-style: solid;
    border-top: none;
    border-left: none;
    border-right: none;
}

.WizardTabStripSepHoverStyle {
}

.WizardTabStripSepSelectedStyle {
}

.WizardTabStripTabDefaultStyle {
    border-color: Black;
    border-width: 1px;
    border-style: solid;
    width: 100px;
    text-align: center;
    background-color: White;
}

.WizardTabStripTabDefaultStyleError {
    border-color: Black;
    border-width: 1px;
    border-style: solid;
    width: 100px;
    text-align: center;
    background-color: Red;
}

.WizardTabStripTabHoverStyle {
    background-color: #eeeeee;
}

.WizardTabStripTabSelectedStyle {
    border-style: solid;
    font-weight: bold;
    border-bottom: none;
}

#WizardContentTable {
    background-color: transparent;
}

.WizardTitle {
    COLOR: #EB7B19;
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    font-size: 14pt;
}

.WizardTitleSeparator {
    font-size: 10pt;
}

.WizardFormTitle {
    font-size: 8pt;
    font-weight: bold;
}

.WizardHeader {
    font-size: 8pt;
    color: #003366;
    font-weight: bold;
}

#US305 {
    margin: 0px;
    padding: 0px;
}

.WizardProgressTable {
    width: 146px;
    border: solid 1px #006699;
    background-color: #ffffff;
}

.WizardProgressHeaderTD {
    font-size: 9pt;
    font-weight: bold;
    background-color: #699ce4;
    color: #ffffff;
    height: 11px;
}

.WizardProgressTableTR {
}

.WizardProgressTableTD {
    border-top: solid 1px #006699;
}

.WizardProgressStepTable {
    width: 146px;
}

.WizardProgressStepTableActive {
    width: 146px;
}

.WizardProgressStepNumberCell {
    width: 30px;
    text-align: right;
}

.WizardProgressStepNumber {
    color: #999;
    font-size: 16pt;
    font-weight: bold;
    font-style: italic;
}

.WizardProgressStepNumberActive {
    color: #000;
}

.WizardProgressImageCell {
    width: 120px;
    text-align: center;
}

.WizardProgressHyperLinkCell {
    width: 120px;
    text-align: center;
}

.WizardProgressHyperLinkCellSubItem {
    width: 120px;
    text-align: left;
}

A.WizardProgressHyperLink:visited {
    color: #999;
    font-size: 7pt;
    text-decoration: none;
}

A.WizardProgressHyperLink:link {
    color: #999;
    font-size: 7pt;
    text-decoration: none;
}

A.WizardProgressHyperLink:active {
    color: #999;
    background-color: White;
    font-size: 7pt;
    text-decoration: none;
}

A.WizardProgressHyperLink:hover {
    color: Black;
    background-color: White;
    font-size: 7pt;
    text-decoration: none;
}

.WizardProgressHyperLinkCurrent {
    color: Black;
    font-size: 7pt;
    font-weight: bold;
}

.wizardbutton {
    font-size: 8pt;
    font-family: Montserrat, sans-serif;
    vertical-align: top;
}

/* DISCUSSION GROUPS */
.DGBox3 {
    width: 100%;
}

.DGDataFormChildDataGridHeader {
    background-color: #999999;
    color: #fff;
    font-size: 7pt;
    font-weight: bold;
    padding: 2px;
}

.DGDataFormChildDataGridHeaderLink {
    background-color: #999999;
    color: #fff;
    font-size: 7pt;
    font-weight: bold;
    padding: 2px;
}

.DGTopicGroupRow {
    font-size: 8pt;
    color: #333;
    background-color: #ddd;
    font-weight: bold;
    padding: 2px;
}

.DGDataFormChildDataGridItem {
    padding: 3px;
    color: #000000;
    background-color: #f9f9f9;
}

.DGDataFormChildDataGridAlternatingItem {
    padding: 3px;
    color: #000000;
    background-color: white;
}

.DGTopicGroup {
    font-size: 8pt;
    color: #000000;
}

.DGDataFormListTDDataGridCell {
    border-bottom: 1px solid #CCCCCC;
    padding: 2px;
    font-size: 8pt;
}

.DGTitle {
    border-bottom: 1px solid #CCCCCC;
    padding: 2px;
    font-weight: bold;
    font-size: 8pt;
}

.DGSmall {
    border-bottom: 1px solid #CCCCCC;
    padding: 2px;
    font-size: 7pt;
    color: #666666;
}

#DiscussionThreadsTable .DGTitle {
    padding: 2px;
    font-weight: normal;
}

#DiscussionTopicGroupsTable .DGTitle {
    padding: 2px 2px 2px 12px;
    font-weight: normal;
}

/* SHOPPING CART */
#onlineStoreProductBox {
    width: 100%;
}

#onlineStoreImageBox {
    width: 100px;
}

    #onlineStoreImageBox a {
        color: #b0b0b0;
        text-decoration: none;
        font-size: 7pt;
        display: block;
    }

.onlineStoreItemImage {
    width: 90px;
    height: 90px;
    margin-bottom: 3px;
    display: block;
}

.onlineStoreZoomImage {
    background: url(../images/icon_magnifyingglass.gif) no-repeat;
    margin-right: 3px;
    width: 10px;
    height: 10px;
    vertical-align: text-top;
}

.onlineStoreZoomlink {
    display: block;
}

#onlineStoreDescription {
    font-size: 8pt;
    padding-right: 12px;
}

    #onlineStoreDescription h3 {
        font-weight: bold;
        font-size: 1.2em;
        margin: 0;
        padding: 0;
        display: inline;
    }

    #onlineStoreDescription p {
        margin: 1em 0 0 0;
        padding: 0;
    }

.onlineStoreNewIcon {
    vertical-align: middle;
}

.onlineStoreHr {
    background-color: #fff;
    color: #fff;
    border-bottom: 1px dashed #999;
    border-style: none none dashed none;
    clear: both;
    margin: 5px 12px 5px 0;
}

.onlineStoreMemberPrice {
    font-weight: bold;
}

.DataFormButtonRight {
    font-size: 8pt;
    font-family: Montserrat, sans-serif;
    float: right;
}

#onlineStoreFeatureBox {
    border: 1px solid #999999;
    font-size: 8pt;
    background-color: #f3f3f3;
    padding: 5px 8px 8px 8px;
    margin-bottom: 12px;
    text-align: center;
}

    #onlineStoreFeatureBox h3 {
        font-weight: bold;
        font-size: 9pt;
        margin: 0 0 1em 0;
        padding: 0;
    }

    #onlineStoreFeatureBox p {
        margin: .5em 0 0 0;
        padding: 0;
    }

#onlineStoreSCBox {
    border: 1px solid #999999;
    font-size: 8pt;
    background-color: #f3f3f3;
    padding: 5px 8px 8px 8px;
    margin-bottom: 12px;
}

    #onlineStoreSCBox h3 {
        font-weight: bold;
        font-size: 9pt;
        margin: 0 0 1em 0;
        padding: 0;
    }

    #onlineStoreSCBox p {
        margin: .5em 0 0 0;
        padding: 0;
    }

#onlineStoreSearchBoxStart {
    border: 1px solid #999999;
    border-bottom-width: 0;
    font-size: 8pt;
    background-color: #f3f3f3;
    padding: 5px 8px 0 8px;
}

#onlineStoreSearchBoxEnd {
    border-bottom: 1px solid #999999;
}

#onlineStoreSearchBoxStart h3 {
    font-weight: bold;
    font-size: 9pt;
    margin: 0;
    padding: 0;
}

.onlineStoreSelectButton {
    float: right;
}

.onlineStoreOutOfStock {
    float: right;
    color: red;
    font-weight: bold;
    padding-left: 30px;
}

#onlineStoreSearchBoxStart h3 {
    font-size: 9pt;
    padding-right: 16px;
    background: url(../images/icon_ols-searchbox-header.gif) right top no-repeat;
}

#onlineStoreSCBox h3 {
    font-size: 9pt;
    padding-right: 16px;
    background: url(../images/icon_ols-shoppingcart-header.gif) right top no-repeat;
}

/* MISCELLANEOUS */
.bottomline {
    border: 1px solid #31255C;
    border-width: 0 0 1px 0;
    font-size: 8pt;
    font-weight: bold;
    margin-bottom: 3px;
    margin-top: 7px;
}

.bottomline1 {
    border-color: black black #d9cfc0;
    font-size: 8pt;
    border-style: solid;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 2px;
    border-left-width: 0px;
}

.bottomline2 {
    border-color: black black #d9cfc0;
    font-size: 8pt;
    border-style: solid;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 2px;
    border-left-width: 0px;
    background-color: #ffffff;
}

.bottomline_eweb {
    border-color: black;
    font-size: 8pt;
    border-style: solid;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
}

.box {
    border: 1px #CCCCCC solid;
    border-color: #666666;
}

.box1 {
    border: 1px #666666 solid;
    border-color: #666666;
    vertical-align: middle;
    font-size: 8pt;
}

.box03 {
    border: 1px solid #888;
    margin: 0px;
    margin-bottom: 6px;
}

    .box03 td.td {
        background-color: #fff;
    }

    .box03 .text {
        PADDING-RIGHT: 6px;
        PADDING-LEFT: 6px;
        PADDING-BOTTOM: 8px;
        PADDING-TOP: 7px;
    }

        .box03 .text .date {
            PADDING-RIGHT: 0px;
            PADDING-LEFT: 4px;
            PADDING-TOP: 0px;
            color: #aaa;
            font-size: 10px;
        }

        .box03 .text .title01 {
            PADDING-RIGHT: 0px;
            PADDING-LEFT: 16px;
            PADDING-BOTTOM: 5px;
            PADDING-TOP: 0px;
            font-size: 11px;
            color: #444;
        }

    .box03 .header {
        font-family: Montserrat, sans-serif;
        font-size: 9pt;
        color: #666;
        font-weight: bold;
        text-align: left;
        border-bottom: 0px solid #888;
        padding-left: 6px;
    }

    .box03 .body {
        color: #888888;
        font-family: Montserrat, sans-serif;
        font-size: 10px;
        margin: 2px;
        margin-top: 0px;
        margin-bottom: 0px;
        border-bottom: 2px solid #fff;
    }

    .box03 .frame {
        border-bottom: 3px solid #888;
        margin-bottom: 0px;
    }

.Connector {
    background-image: url(../images/img_connector.gif);
    background-repeat: repeat-Y;
    background-position: right top;
    width: 13px;
}

.ConnectorT {
    background-image: url(../images/img_connector_T.gif);
    background-repeat: repeat-Y;
    background-position: right top;
    width: 13px;
}

.ConnectorDash {
    background-image: url(../images/img_connector_dash.gif);
    background-repeat: repeat-X;
    background-position: left top;
    width: 13px;
}

.ConnectorL {
    background-image: url(../images/img_connector_L.gif);
    background-repeat: no-repeat;
    background-position: right top;
    width: 13px;
}

.CornerRounderTopLeft {
    background-image: url(../images/img_rounder_left.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.CornerRounderTopRight {
    background-image: url(../images/img_rounder_right.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.CornerRounderBottomLeft {
    background-image: url(../images/img_rounder_bottomL.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}

.CornerRounderBottomRight {
    background-image: url(../images/img_rounder_bottomR.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}

.CustomBullets {
    list-style-position: inside;
    list-style-image: url(../images/img_1_dot.gif);
    line-height: 14px;
    font-size: 5pt;
}

.EventLinksbgrd {
    background-image: url(../images/evt_bgrd_strip.gif);
    background-repeat: repeat-X;
}

.gray {
    background-color: #eeeeee;
}

.darkgray {
    background-color: #cccccc;
}

.HeaderLogo {
    background-image: url(../images/img_Header_Avectra1.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}

.HeaderBackgroundImage {
    background-image: url(../images/img_header_banner.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}

.HeaderBackgroundFill {
    background-color: #31255c;
}

#ivd_cxa_key {
    width: 220px;
}

#inv_cxa_key {
    width: 200px;
}

.name {
    font-size: 12pt;
    font-weight: bold;
}

.SectionBar {
    font-size: 9pt;
    font-weight: bold;
    text-indent: 12px;
    color: #FFFFFF;
    background-color: #999;
}

.ShoppingCartLink {
    font-size: 8pt;
}

.SidePanelDividerdots { /*background-image: url(../images/img_divider_dots1.gif); background-repeat: no-repeat; background-position: center 21px; padding-left: 6px;padding-right: 6px*/
}

.SidePanelUnderline {
    border-color: black black #d9cfc0;
    font-size: 8pt;
    border-style: solid;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    line-height: 12pt;
}

.spacer {
    font-size: 4pt;
    line-height: 2px;
}

.TableHeaderTXT {
    font-size: 12pt;
    font-weight: bold;
    color: #330066;
}

.TableCaptionTXT {
    font-size: 10pt;
    font-weight: bold;
    color: #330066;
}

.TableCaptionTD {
    width: 130px;
}

.TableTextTXT {
    font-size: 9pt;
}

.TableTextTD {
}

.transactions {
    border-bottom: 1px solid #CCCCCC;
    padding: 1px 0 1px 2px;
    font-size: 8pt;
}

.transactions_title {
    background-color: #699ce4;
    font-size: 7pt;
    font-weight: bold;
    padding-top: 1px;
    padding-bottom: 1px;
    color: #FFFFFF;
    padding-left: 2px;
}

/* MAIN MENUS */
.TopUIHyperLink {
    color: #ffe196;
    font-family: Montserrat, sans-serif;
    font-size: 9pt;
    text-decoration: none;
    font-weight: bold;
}

A.TopUIHyperLink:visited {
    color: #ffe196;
    font-size: 9pt;
    text-decoration: none;
    font-weight: bold;
}

A.TopUIHyperLink:link {
    color: #ffe196;
    font-size: 9pt;
    text-decoration: none;
    font-weight: bold;
}

A.TopUIHyperLink:active {
    color: #ffe196;
    font-size: 9pt;
    text-decoration: none;
    font-weight: bold;
}

A.TopUIHyperLink:hover {
    color: #ffe196;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: underline;
}



A.TopUIHyperLinkSelected:visited {
    color: White;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
}

A.TopUIHyperLinkSelected:link {
    color: White;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
}

A.TopUIHyperLinkSelected:active {
    color: White;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
}

A.TopUIHyperLinkSelected:hover {
    color: White;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
}

A.TopUIItemHyperLink:visited {
    color: White;
    font-size: 7pt;
    text-decoration: none;
}

A.TopUIItemHyperLink:link {
    color: White;
    font-size: 7pt;
    text-decoration: none;
}

A.TopUIItemHyperLink:active {
    color: Black;
    background-color: White;
    font-size: 7pt;
    text-decoration: none;
}

A.TopUIItemHyperLink:hover {
    color: Black;
    background-color: White;
    font-size: 7pt;
    text-decoration: none;
}

A.TopUIItemHyperLinkSelected:visited {
    color: White;
    font-size: 7pt;
    font-weight: bold;
    text-decoration: none;
}

A.TopUIItemHyperLinkSelected:link {
    color: White;
    font-size: 7pt;
    font-weight: bold;
    text-decoration: none;
}

A.TopUIItemHyperLinkSelected:active {
    color: White;
    font-size: 7pt;
    font-weight: bold;
    text-decoration: none;
}

A.TopUIItemHyperLinkSelected:hover {
    color: White;
    font-size: 7pt;
    font-weight: bold;
    text-decoration: none;
}

.TopUIItemSeparator {
    color: White;
    font-size: 8pt;
}

.TopUIItemHyperLinkNav {
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
    color: white;
}

#eWebContentPaneTopLinksCellTable .TopUIHyperLink {
    font-size: 7.5pt;
}

/* BODY TEXT */
h1 {
    font: bold 13pt Calibri,arial,sans serif;
    color: #000;
    padding: 0;
    margin: .2em 0 1em 0;
}

.PageTitle, .pageTitle {
    COLOR: #EB7B19;
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    font-size: 14pt;
    padding: 0;
    margin: .2em 0 1em 0;
}

.PageTitleTXT {
    border-style: solid;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-color: black black #663399;
    color: #663399;
    font-size: 11pt;
    font-weight: bold;
    text-indent: 3pt;
}

.SectionHeadTXT {
    font-size: 9pt;
    font-weight: bold;
    text-indent: 12px;
}

.heading {
    font-size: 9pt;
    font-weight: bold;
}

.heading1TXT {
    font-size: 10pt;
}

.bodyTXT {
    font-size: 13pt;
    font-family: Montserrat, sans-serif;
}

.sm_text {
    font-size: 9pt;
    font-family: Montserrat, sans-serif;
}

.tinyTXT {
    font-size: 7pt;
}

.body1bold {
    font-size: 10pt;
    font-weight: bold;
    text-indent: 12px;
}

.tabTXT {
    font-size: 8pt;
    font-weight: bold;
}

.tabTXT2 {
    font-size: 8pt;
    font-weight: bold;
    background-color: #d9cfc0;
}

.linkTXT {
    font-size: 9pt;
    font-weight: bold;
    text-indent: 12px;
    color: #FFFFFF;
    text-decoration: underline;
}

.boxedTXT {
    font-size: 12pt;
    font-weight: bold;
    border: #000066;
    border-style: groove;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
}

.heading2TXT {
    font-size: 16pt;
    font-weight: bold;
}

.heading1spaceTXT {
    font-size: 10pt;
    letter-spacing: 2.5px;
    font-weight: bold;
}

.date1 {
    color: #999999;
}
/* breadcrumb */
.breadcrumb {
    font-family: Arial, Helvetica, sans-serif;
    font-size: .66em;
    color: #a2a2a2;
}

    .breadcrumb a {
        text-decoration: underline;
    }

        .breadcrumb a:link, .breadcrumb a:visited {
            color: #0e4ca4;
        }

.breadcrumbItem {
}

.breadcrumbItemActive {
}

/* Online Store */
#CategoryBrowserTD {
    background-image: url(../images/CAI/bkgd_left.gif);
    background-repeat: repeat-y;
}

.StoreLeftNav {
    vertical-align: top;
    text-align: left;
    background-image: url(../images/CAI/bkgd_left.gif);
    background-repeat: repeat-y;
}


/* GLOBAL */
BODY {
    font-family: Montserrat, sans-serif;
    font-size: 8pt;
    color: #000000;
    margin: 0;
    background: #ffffff;
    /*
	SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff;
	SCROLLBAR-3DLIGHT-COLOR: #888; SCROLLBAR-ARROW-COLOR: #888; SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #888; SCROLLBAR-BASE-COLOR: #888;
	*/
}

td {
    font-family: Montserrat, sans-serif;
}

table {
    empty-cells: show;
    border-collapse: collapse;
}

A:link {
}

A:visited {
}

A:active {
}

A:hover {
}

.bodyTXT ul li {
    list-style-image: url('../images/CAI/bullet.gif');
}

.bodyTXT li {
    margin-bottom: 4px;
}
/*
    Changed by : Robert Columbia (rcolumbia_avctr) (rcc)
    Date Changed : 20140423
    Case Changed for : NS160491 / 160491
    Reason Changed : Add/Edit eWeb popup was cutting off action buttons.
    What Changed : Incorporated one attribute from 2013 baseline.
    Former Content :
    #contentPane {padding:10px;font-size:8pt;} */
#ContentPane {
    padding: 10px;
    font-size: 8pt;
    min-height: 400px !important;
}

#eWebLeftPaneTableCell {
    background-image: url(../images/CAI/bkgd_left.gif);
    background-repeat: repeat-y;
}

#eWebTopPaneTableCell {
    HEIGHT: 166px;
    background-image: url(../images/CAI/bkgd_top.gif);
    background-repeat: repeat-x;
    background-position: left top;
}

#eWebTopPaneTable {
    background: url(../images/CAI/CAI_BannerImage.jpg) no-repeat left top;
    HEIGHT: 134px;
}

#eWebTopPaneTopLinksCellTable {
    float: right;
}

#eWebTopPaneBottomLinksCell {
    margin: 0px;
}

#eWebTopPaneBottomLinksCellTable {
    margin: 0px;
}

    #eWebTopPaneBottomLinksCellTable td {
        margin: 0px;
        padding: 0px;
    }

#eWebLeftPaneTopLinksCellTable {
    width: 179px;
}

    #eWebLeftPaneTopLinksCellTable td {
        BORDER-BOTTOM: #d87442 1px solid;
        padding-top: 5px;
        padding-bottom: 5px;
    }

#XXXXXXXX {
    border: transparent;
}

@media print {
    #eWebLeftPaneTableCell {
        display: none;
    }

    #LeftPane {
        display: none;
    }

    .DataFormLabel {
        font-size: 7pt !important;
        font-size: 8pt;
    }
    /* fix for firefox label wrap */
    .DataFormLabelRequired {
        font-size: 7pt !important;
        font-size: 8pt;
    }
    /* fix for firefox label wrap */
}

/* CAI styles */

#footerLeft {
    width: 246px;
    background-image: url(../images/CAI/bkgd_left.gif);
    background-repeat: repeat-y;
}

#footerRight {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    font-family: Montserrat, sans-serif;
    FONT-SIZE: 9pt;
    PADDING-BOTTOM: 10px;
    COLOR: #a2a2a2;
    PADDING-TOP: 25px;
}

    #footerRight A {
        COLOR: #a2a2a2;
        TEXT-DECORATION: none;
    }

        #footerRight A:hover {
            TEXT-DECORATION: underline;
        }

    #footerRight P {
        MARGIN: 5px 0px;
    }

/* OTI DEFAULTS */

.Invisible {
    display: none;
}

.GrayOut {
    color: #999;
}

.Bold {
    font-weight: bold;
}

.Unbold {
    font-weight: normal;
}

.Normal {
    font-weight: normal;
    font-style: normal;
}

.NoTransform {
    text-transform: none;
}

.Inline {
    display: inline;
}

.Red {
    color: red;
}

.Italic {
    font-style: italic;
}

.Underline {
    text-decoration: underline;
}

.Indent {
    margin-left: 2em;
}

.SmallPadLeft {
    padding-left: 1.5em;
}

.SmallPadRight {
    padding-right: 1.5em;
}

.SmallMargLeft {
    margin-left: .75em;
}

.SmallMargRight {
    margin-right: .75em;
}

.MediumTopMarg {
    margin-top: 2em;
}

.MediumMargLeft {
    margin-left: 2em;
}

.Right {
    text-align: right;
}

.Left {
    text-align: left;
}

.FloatRight {
    float: right;
}

.Center {
    text-align: center;
}

.Clear {
    clear: both;
}

/*    OTI STYLES OR OTI OVERRIDES   */

#eWebLeftPaneTable {
    margin-right: .75em;
}

.OTIDesignationsTable {
    text-align: center;
}

    .OTIDesignationsTable a {
        font-weight: bold;
    }

.DesignationPrintImg {
    border: 0px none #FFFFFF;
}

.DataFormLabel {
    text-transform: capitalize;
}

.DataFormLabelRequired {
    text-transform: capitalize;
}

.Header {
    margin: 0em 0em 1.5em 0em;
    height: 15px;
}

.WrapperPanel {
    width: auto;
}

.linkLeft {
    margin-top: 0px;
    margin-left: 5px;
}

.leftPadding {
    margin-left: 20px;
}

.FieldInputLabelShort {
    display: inline-block;
    width: 9em;
    text-align: left;
    margin-bottom: 0.5em;
}

.FieldInputLabelShortFlat {
    display: inline-block;
    width: 9em;
    text-align: left;
}

.FieldInputLabel {
    display: inline-block;
    width: 12em;
    text-align: left;
    margin-bottom: 0.5em;
}

.FieldInputLabelFlat {
    display: inline-block;
    width: 12em;
    text-align: left;
}

* html .EmptyLabel {
    margin-right: .4em;
}

.InlineLabel {
    width: auto;
    margin-left: 0em;
    margin-bottom: 0.5em;
}

.FieldInput {
    margin-bottom: .3em;
}

#btnAddOrg {
    margin-left: .75em;
}

.FieldsWrapper {
    width: auto;
}

.FreeFlow {
    width: auto;
    position: relative;
}

.FieldMessage {
    margin-left: 12em;
}

.FormBorder {
    border: 1px solid #888;
    margin: 3em 0em 0em 0em;
    padding: 0em 0em 1.5em 0em;
}

.FormBorderNoPadding {
    border: 1px solid #888;
}

.LightPadding {
    margin: 0 .5em 0 .5em;
}

.FieldsPadding {
    padding: .5em 2em .5em 2em;
}

.LightFieldsPadding {
    padding: .5em .5em .5em .5em;
}

#udpLoadIndicator {
    display: inline !important;
}

#BodyTag[rel=COE] #eWebLeftPaneTableCell /* Hide Left Nav on COE page in all browsers except IE Quirks Mode - Quirks mode handled in COE HTML page detail */ {
    display: none;
}

#BodyTag[rel=CreateAccount] #eWebContentPaneTableCell, #BodyTag[rel=MemberJoin] #eWebContentPaneTableCell {
    width: 781px;
    padding: 2em 6em 1em 4em;
}

.NameFix {
    text-transform: capitalize !important;
}

#pnlSelectOrCreate, #pnlOrgMembershipFields {
    display: none;
}

#pnlSelectOrCreateWrapper {
    margin-right: 1em;
}

#pnlCreateNewOrg {
    margin-left: 0;
}

.LeftIndent {
    margin-left: 2em;
}

.PadLeft {
    padding-left: 2em;
}

.Font10 {
    font-size: 10pt;
}

.ErrorHandler, .ErrorHandlerValidator {
    color: Red;
}

.DataFormHyperLink {
    z-index: 1000;
}

.ProfileTH {
    font-weight: normal;
    font-size: 8pt;
}

.DataGridItem .DataFormHyperLink img {
    position: relative;
    top: 3px;
}

.borderTop {
    border: 0;
    border-top: 1px solid #bbd7ee;
}

.borderRight {
    border: 0;
    border-right: 1px dashed #bbd7ee;
}

.LookUpHyperLink, .LookUpClearHyperLink {
    top: 4px;
    position: relative;
}

.LookUp {
}

.DataGridItem .LookUp {
    position: static;
}

.DataGridItem .DatePicker {
    position: relative;
    bottom: 2px;
}

.SpinnerSpan {
    height: 30px;
    display: block;
}

    .SpinnerSpan div {
        display: block;
        width: 16px;
        float: right;
        margin-top: -4px;
    }

.AddEditLinkDiv img {
    border: none;
}

a.CalendarLink {
    position: absolute;
    top: 0px;
    right: 0px;
    margin-right: -5px;
}

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

/* New Classes for 2013 */
.btn {
    display: inline-block;
    text-decoration: none;
    /*padding: 4px 10px 4px;*/
    font-size: 13px;
    /*line-height: 18px;*/
    color: #000000;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #bbbbbb;
    border: 1px solid #cccccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
        background-color: #e6e6e6;
        -webkit-transition: background-position 0.1s linear;
        -moz-transition: background-position 0.1s linear;
        -ms-transition: background-position 0.1s linear;
        -o-transition: background-position 0.1s linear;
        transition: background-position 0.1s linear;
    }
    .btn:hover, .btn:active, .btn.active , btn:visited, a.btn:visited {
        color: #000000!important ;
    }
    .btn:focus {
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

.PageFrameworkBODYModal {
    background-image: none;
}

.ui-dialog .ui-dialog-content {
    padding: 0;
}

.PageFrameworkBODYModal #ContentPane {
    padding: 2px;
}


/* GLYPH ICON HALFLINGS - 150 FREE ONES*/

[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("../images/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
}

    [class^="icon-"]:last-child,
    [class*=" icon-"]:last-child {
        *margin-left: 0;
    }

.icon-white {
    background-image: url("../images/glyphicons-halflings-white.png");
}

.icon-share {
    background-position: -120px -72px;
}

.icon-chevron-left {
    background-position: -432px -72px;
}

.icon-chevron-right {
    background-position: -456px -72px;
}


.icon-chevron-up {
    background-position: -288px -120px;
}

.icon-chevron-down {
    background-position: -313px -119px;
}

.icon-th-list {
    background-position: -264px 0;
}

.icon-signal {
    background-position: -408px 0;
}


/* END OF FREE HALFLING ICONS*/

/* GLYPHICON PRO ICONS 400+ */

[class^="iconpro-"],
[class*=" iconpro-"] {
    display: inline-block;
    *margin-right: .3em;
    line-height: 14px;
    background-image: url("../images/glyphicons.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    vertical-align: text-top;
}

    [class^="iconpro-"]:last-child, [class*=" iconpro-"]:last-child {
        *margin-left: 0;
    }

.nav-list [class^="iconpro-"] {
    margin-right: 2px;
}

.iconpro-white {
    background-image: url("../images/glyphicons-white.png");
}


.iconpro-glass {
    background-position: 0 0;
}

.iconpro-leaf {
    background-position: -34px 0;
}

.iconpro-dog {
    background-position: -68px 0;
}

.iconpro-user {
    background-position: -102px 0;
}

.iconpro-girl {
    background-position: -136px 0;
}

.iconpro-car {
    background-position: -170px 0;
}

.iconpro-user-add {
    background-position: -204px 0;
}

.iconpro-user-remove {
    background-position: -238px 0;
}

.iconpro-film {
    background-position: -272px 0;
}

.iconpro-magic {
    background-position: -306px 0;
}

.iconpro-envelope {
    background-position: -340px 0;
}

.iconpro-camera {
    background-position: -374px 0;
}

.iconpro-heart {
    background-position: -408px 0;
}

.iconpro-beach-umbrella {
    background-position: -442px 0;
}

.iconpro-train {
    background-position: -476px 0;
}

.iconpro-print {
    background-position: -510px 0;
}

.iconpro-bin {
    background-position: -544px 0;
}

.iconpro-music {
    background-position: -578px 0;
}

.iconpro-note {
    background-position: -612px 0;
}

.iconpro-cogwheel {
    background-position: -646px 0;
}

.iconpro-home {
    background-position: -680px 0;
}

.iconpro-snowflake {
    background-position: -714px 0;
}

.iconpro-fire {
    background-position: -748px 0;
}

.iconpro-cogwheels {
    background-position: -782px 0;
}

.iconpro-parents {
    background-position: -816px 0;
}

.iconpro-binoculars {
    background-position: -850px 0;
}

.iconpro-road {
    background-position: -884px 0;
}

.iconpro-search {
    background-position: -918px 0;
}

.iconpro-cars {
    background-position: -952px 0;
}

.iconpro-notes-2 {
    background-position: -986px 0;
}

.iconpro-pencil {
    background-position: -1020px 0;
}

.iconpro-bus {
    background-position: -1054px 0;
}

.iconpro-wifi-alt {
    background-position: -1088px 0;
}

.iconpro-luggage {
    background-position: -1122px 0;
}

.iconpro-old-man {
    background-position: -1156px 0;
}

.iconpro-woman {
    background-position: -1190px 0;
}

.iconpro-file {
    background-position: -1224px 0;
}

.iconpro-credit {
    background-position: -1258px 0;
}

.iconpro-airplane {
    background-position: -1292px 0;
}

.iconpro-notes {
    background-position: -1326px 0;
}

.iconpro-stats {
    background-position: -1360px 0;
}

.iconpro-charts {
    background-position: -1394px 0;
}

.iconpro-pie-chart {
    background-position: -1428px 0;
}

.iconpro-group {
    background-position: -1462px 0;
}

.iconpro-keys {
    background-position: -1496px 0;
}

.iconpro-calendar {
    background-position: -1530px 0;
}

.iconpro-router {
    background-position: -1564px 0;
}

.iconpro-camera-small {
    background-position: -1598px 0;
}

.iconpro-dislikes {
    background-position: -1632px 0;
}

.iconpro-star {
    background-position: -1666px 0;
}

.iconpro-link {
    background-position: -1700px 0;
}

.iconpro-eye-open {
    background-position: -1734px 0;
}

.iconpro-eye-close {
    background-position: -1768px 0;
}

.iconpro-alarm {
    background-position: -1802px 0;
}

.iconpro-clock {
    background-position: -1836px 0;
}

.iconpro-stopwatch {
    background-position: -1870px 0;
}

.iconpro-projector {
    background-position: -1904px 0;
}

.iconpro-history {
    background-position: -1938px 0;
}

.iconpro-truck {
    background-position: -1972px 0;
}

.iconpro-cargo {
    background-position: 0 -34px;
}

.iconpro-compass {
    background-position: -34px -34px;
}

.iconpro-keynote {
    background-position: -68px -34px;
}

.iconpro-attach {
    background-position: -102px -34px;
}

.iconpro-power {
    background-position: -136px -34px;
}

.iconpro-lightbulb {
    background-position: -170px -34px;
}

.iconpro-tag {
    background-position: -204px -34px;
}

.iconpro-tags {
    background-position: -238px -34px;
}

.iconpro-cleaning {
    background-position: -272px -34px;
}

.iconpro-ruller {
    background-position: -306px -34px;
}

.iconpro-gift {
    background-position: -340px -34px;
}

.iconpro-umbrella {
    background-position: -374px -34px;
}

.iconpro-book {
    background-position: -408px -34px;
}

.iconpro-bookmark {
    background-position: -442px -34px;
}

.iconpro-signal-wifi {
    background-position: -476px -34px;
}

.iconpro-cup {
    background-position: -510px -34px;
}

.iconpro-stroller {
    background-position: -544px -34px;
}

.iconpro-headphones {
    background-position: -578px -34px;
}

.iconpro-headset {
    background-position: -612px -34px;
}

.iconpro-warning-sign {
    background-position: -646px -34px;
}

.iconpro-signal {
    background-position: -680px -34px;
}

.iconpro-retweet {
    background-position: -714px -34px;
}

.iconpro-refresh {
    background-position: -748px -34px;
}

.iconpro-roundabout {
    background-position: -782px -34px;
}

.iconpro-random {
    background-position: -816px -34px;
}

.iconpro-heat {
    background-position: -850px -34px;
}

.iconpro-repeat {
    background-position: -884px -34px;
}

.iconpro-display {
    background-position: -918px -34px;
}

.iconpro-log-book {
    background-position: -952px -34px;
}

.iconpro-adress-book {
    background-position: -986px -34px;
}

.iconpro-magnet {
    background-position: -1020px -34px;
}

.iconpro-table {
    background-position: -1054px -34px;
}

.iconpro-adjust {
    background-position: -1088px -34px;
}

.iconpro-tint {
    background-position: -1122px -34px;
}

.iconpro-crop {
    background-position: -1156px -34px;
}

.iconpro-vector-path-square {
    background-position: -1190px -34px;
}

.iconpro-vector-path-circle {
    background-position: -1224px -34px;
}

.iconpro-vector-path-polygon {
    background-position: -1258px -34px;
}

.iconpro-vector-path-line {
    background-position: -1292px -34px;
}

.iconpro-vector-path-curve {
    background-position: -1326px -34px;
}

.iconpro-vector-path-all {
    background-position: -1360px -34px;
}

.iconpro-font {
    background-position: -1394px -34px;
}

.iconpro-italic {
    background-position: -1428px -34px;
}

.iconpro-bold {
    background-position: -1462px -34px;
}

.iconpro-text-underline {
    background-position: -1496px -34px;
}

.iconpro-text-strike {
    background-position: -1530px -34px;
}

.iconpro-text-height {
    background-position: -1564px -34px;
}

.iconpro-text-width {
    background-position: -1598px -34px;
}

.iconpro-text-resize {
    background-position: -1632px -34px;
}

.iconpro-left-indent {
    background-position: -1666px -34px;
}

.iconpro-right-indent {
    background-position: -1700px -34px;
}

.iconpro-align-left {
    background-position: -1734px -34px;
}

.iconpro-align-center {
    background-position: -1768px -34px;
}

.iconpro-align-right {
    background-position: -1802px -34px;
}

.iconpro-justify {
    background-position: -1836px -34px;
}

.iconpro-list {
    background-position: -1870px -34px;
}

.iconpro-text-smaller {
    background-position: -1904px -34px;
}

.iconpro-text-bigger {
    background-position: -1938px -34px;
}

.iconpro-embed {
    background-position: -1972px -34px;
}

.iconpro-embed-close {
    background-position: 0 -68px;
}

.iconpro-adjust {
    background-position: -34px -68px;
}

.iconpro-message-full {
    background-position: -68px -68px;
}

.iconpro-message-empty {
    background-position: -102px -68px;
}

.iconpro-message-in {
    background-position: -136px -68px;
}

.iconpro-message-out {
    background-position: -170px -68px;
}

.iconpro-message-plus {
    background-position: -204px -68px;
}

.iconpro-message-minus {
    background-position: -238px -68px;
}

.iconpro-message-ban {
    background-position: -272px -68px;
}

.iconpro-message-flag {
    background-position: -306px -68px;
}

.iconpro-message-lock {
    background-position: -340px -68px;
}

.iconpro-message-new {
    background-position: -374px -68px;
}

.iconpro-inbox {
    background-position: -408px -68px;
}

.iconpro-inbox-plus {
    background-position: -442px -68px;
}

.iconpro-inbox-minus {
    background-position: -476px -68px;
}

.iconpro-inbox-lock {
    background-position: -510px -68px;
}

.iconpro-inbox-in {
    background-position: -544px -68px;
}

.iconpro-inbox-out {
    background-position: -578px -68px;
}

.iconpro-computer-locked {
    background-position: -612px -68px;
}

.iconpro-computer-service {
    background-position: -646px -68px;
}

.iconpro-computer-process {
    background-position: -680px -68px;
}

.iconpro-phone {
    background-position: -714px -68px;
}

.iconpro-database-lock {
    background-position: -748px -68px;
}

.iconpro-database-plus {
    background-position: -782px -68px;
}

.iconpro-database-minus {
    background-position: -816px -68px;
}

.iconpro-database-ban {
    background-position: -850px -68px;
}

.iconpro-folder-open {
    background-position: -884px -68px;
}

.iconpro-folder-plus {
    background-position: -918px -68px;
}

.iconpro-folder-minus {
    background-position: -952px -68px;
}

.iconpro-folder-lock {
    background-position: -986px -68px;
}

.iconpro-folder-flag {
    background-position: -1020px -68px;
}

.iconpro-folder-new {
    background-position: -1054px -68px;
}

.iconpro-check {
    background-position: -1088px -68px;
}

.iconpro-edit {
    background-position: -1122px -68px;
}

.iconpro-new-window {
    background-position: -1156px -68px;
}

.iconpro-more-windows {
    background-position: -1190px -68px;
}

.iconpro-show-big-thumbnails {
    background-position: -1224px -68px;
}

.iconpro-show-thumbnails {
    background-position: -1258px -68px;
}

.iconpro-show-thumbnails-with-lines {
    background-position: -1292px -68px;
}

.iconpro-show-lines {
    background-position: -1326px -68px;
}

.iconpro-playlist {
    background-position: -1360px -68px;
}

.iconpro-picture {
    background-position: -1394px -68px;
}

.iconpro-imac {
    background-position: -1428px -68px;
}

.iconpro-macbook {
    background-position: -1462px -68px;
}

.iconpro-ipad {
    background-position: -1496px -68px;
}

.iconpro-iphone {
    background-position: -1530px -68px;
}

.iconpro-iphone-transfer {
    background-position: -1564px -68px;
}

.iconpro-iphone-exchange {
    background-position: -1598px -68px;
}

.iconpro-ipod {
    background-position: -1632px -68px;
}

.iconpro-ipod-shuffle {
    background-position: -1666px -68px;
}

.iconpro-ear-plugs {
    background-position: -1700px -68px;
}

.iconpro-albums {
    background-position: -1734px -68px;
}

.iconpro-step-backward {
    background-position: -1768px -68px;
}

.iconpro-fast-backward {
    background-position: -1802px -68px;
}

.iconpro-rewind {
    background-position: -1836px -68px;
}

.iconpro-play {
    background-position: -1870px -68px;
}

.iconpro-pause {
    background-position: -1904px -68px;
}

.iconpro-stop {
    background-position: -1938px -68px;
}

.iconpro-forward {
    background-position: -1972px -68px;
}

.iconpro-fast-forward {
    background-position: 0 -102px;
}

.iconpro-step-forward {
    background-position: -34px -102px;
}

.iconpro-eject {
    background-position: -68px -102px;
}

.iconpro-facetime-video {
    background-position: -102px -102px;
}

.iconpro-download-alt {
    background-position: -136px -102px;
}

.iconpro-mute {
    background-position: -170px -102px;
}

.iconpro-volume-down {
    background-position: -204px -102px;
}

.iconpro-volume-up {
    background-position: -238px -102px;
}

.iconpro-screenshot {
    background-position: -272px -102px;
}

.iconpro-move {
    background-position: -306px -102px;
}

.iconpro-more {
    background-position: -340px -102px;
}

.iconpro-brightness-reduce {
    background-position: -374px -102px;
}

.iconpro-brightness-increase {
    background-position: -408px -102px;
}

.iconpro-circle-plus {
    background-position: -442px -102px;
}

.iconpro-circle-minus {
    background-position: -476px -102px;
}

.iconpro-circle-remove {
    background-position: -510px -102px;
}

.iconpro-circle-ok {
    background-position: -544px -102px;
}

.iconpro-circle-question-mark {
    background-position: -578px -102px;
}

.iconpro-circle-info {
    background-position: -612px -102px;
}

.iconpro-circle-exclamation-mark {
    background-position: -646px -102px;
}

.iconpro-remove {
    background-position: -680px -102px;
}

.iconpro-ok {
    background-position: -714px -102px;
}

.iconpro-ban {
    background-position: -748px -102px;
}

.iconpro-download {
    background-position: -782px -102px;
}

.iconpro-upload {
    background-position: -816px -102px;
}

.iconpro-shopping-cart {
    background-position: -850px -102px;
}

.iconpro-lock {
    background-position: -884px -102px;
}

.iconpro-unlock {
    background-position: -918px -102px;
}

.iconpro-electricity {
    background-position: -952px -102px;
}

.iconpro-ok-2 {
    background-position: -986px -102px;
}

.iconpro-remove-2 {
    background-position: -1020px -102px;
}

.iconpro-cart-out {
    background-position: -1054px -102px;
}

.iconpro-cart-in {
    background-position: -1088px -102px;
}

.iconpro-left-arrow {
    background-position: -1122px -102px;
}

.iconpro-right-arrow {
    background-position: -1156px -102px;
}

.iconpro-down-arrow {
    background-position: -1190px -102px;
}

.iconpro-up-arrow {
    background-position: -1224px -102px;
}

.iconpro-resize-small {
    background-position: -1258px -102px;
}

.iconpro-resize-full {
    background-position: -1292px -102px;
}

.iconpro-circle-arrow-left {
    background-position: -1326px -102px;
}

.iconpro-circle-arrow-right {
    background-position: -1360px -102px;
}

.iconpro-circle-arrow-top {
    background-position: -1394px -102px;
}

.iconpro-circle-arrow-down {
    background-position: -1428px -102px;
}

.iconpro-play-button {
    background-position: -1462px -102px;
}

.iconpro-unshare {
    background-position: -1496px -102px;
}

.iconpro-share-link {
    background-position: -1530px -102px;
}

.iconpro-thin-arrow-right {
    background-position: -1564px -102px;
}

.iconpro-thin-arrow-left {
    background-position: -1598px -102px;
}

.iconpro-bluetooth {
    background-position: -1632px -102px;
}

.iconpro-euro {
    background-position: -1666px -102px;
}

.iconpro-usd {
    background-position: -1700px -102px;
}

.iconpro-bp {
    background-position: -1734px -102px;
}

.iconpro-retweet-2 {
    background-position: -1768px -102px;
}

.iconpro-moon {
    background-position: -1802px -102px;
}

.iconpro-sun {
    background-position: -1836px -102px;
}

.iconpro-cloud {
    background-position: -1870px -102px;
}

.iconpro-direction {
    background-position: -1904px -102px;
}

.iconpro-brush {
    background-position: -1938px -102px;
}

.iconpro-pen {
    background-position: -1972px -102px;
}

.iconpro-zoom-in {
    background-position: 0 -136px;
}

.iconpro-zoom-out {
    background-position: -34px -136px;
}

.iconpro-pin {
    background-position: -68px -136px;
}

.iconpro-riflescope {
    background-position: -102px -136px;
}

.iconpro-rotation-lock {
    background-position: -136px -136px;
}

.iconpro-flash {
    background-position: -170px -136px;
}

.iconpro-google-maps {
    background-position: -204px -136px;
}

.iconpro-anchor {
    background-position: -238px -136px;
}

.iconpro-conversation {
    background-position: -272px -136px;
}

.iconpro-chat {
    background-position: -306px -136px;
}

.iconpro-male {
    background-position: -340px -136px;
}

.iconpro-female {
    background-position: -374px -136px;
}

.iconpro-asterisk {
    background-position: -408px -136px;
}

.iconpro-divide {
    background-position: -442px -136px;
}

.iconpro-snorkel-diving {
    background-position: -476px -136px;
}

.iconpro-scuba-diving {
    background-position: -510px -136px;
}

.iconpro-oxygen-bottle {
    background-position: -544px -136px;
}

.iconpro-fins {
    background-position: -578px -136px;
}

.iconpro-fishes {
    background-position: -612px -136px;
}

.iconpro-boat {
    background-position: -646px -136px;
}

.iconpro-delete-point {
    background-position: -680px -136px;
}

.iconpro-sheriffs-star {
    background-position: -714px -136px;
}

.iconpro-qrcode {
    background-position: -748px -136px;
}

.iconpro-barcode {
    background-position: -782px -136px;
}

.iconpro-pool {
    background-position: -816px -136px;
}

.iconpro-buoy {
    background-position: -850px -136px;
}

.iconpro-spade {
    background-position: -884px -136px;
}

.iconpro-bank {
    background-position: -918px -136px;
}

.iconpro-vcard {
    background-position: -952px -136px;
}

.iconpro-electrical-plug {
    background-position: -986px -136px;
}

.iconpro-flag {
    background-position: -1020px -136px;
}

.iconpro-credit-card {
    background-position: -1054px -136px;
}

.iconpro-keyboard-wireless {
    background-position: -1088px -136px;
}

.iconpro-keyboard-wired {
    background-position: -1122px -136px;
}

.iconpro-shield {
    background-position: -1156px -136px;
}

.iconpro-ring {
    background-position: -1190px -136px;
}

.iconpro-cake {
    background-position: -1224px -136px;
}

.iconpro-drink {
    background-position: -1258px -136px;
}

.iconpro-beer {
    background-position: -1292px -136px;
}

.iconpro-fast-food {
    background-position: -1326px -136px;
}

.iconpro-cutlery {
    background-position: -1360px -136px;
}

.iconpro-pizza {
    background-position: -1394px -136px;
}

.iconpro-birthday-cake {
    background-position: -1428px -136px;
}

.iconpro-tablet {
    background-position: -1462px -136px;
}

.iconpro-settings {
    background-position: -1496px -136px;
}

.iconpro-bullets {
    background-position: -1530px -136px;
}

.iconpro-cardio {
    background-position: -1564px -136px;
}

.iconpro-t-shirt {
    background-position: -1598px -136px;
}

.iconpro-pants {
    background-position: -1632px -136px;
}

.iconpro-sweater {
    background-position: -1666px -136px;
}

.iconpro-fabric {
    background-position: -1700px -136px;
}

.iconpro-leather {
    background-position: -1734px -136px;
}

.iconpro-scissors {
    background-position: -1768px -136px;
}

.iconpro-podium {
    background-position: -1802px -136px;
}

.iconpro-skull {
    background-position: -1836px -136px;
}

.iconpro-celebration {
    background-position: -1870px -136px;
}

.iconpro-tea-kettle {
    background-position: -1904px -136px;
}

.iconpro-french-press {
    background-position: -1938px -136px;
}

.iconpro-coffee-cup {
    background-position: -1972px -136px;
}

.iconpro-pot {
    background-position: 0 -170px;
}

.iconpro-grater {
    background-position: -34px -170px;
}

.iconpro-kettle {
    background-position: -68px -170px;
}

.iconpro-hospital {
    background-position: -102px -170px;
}

.iconpro-hospital-h {
    background-position: -136px -170px;
}

.iconpro-microphone {
    background-position: -170px -170px;
}

.iconpro-webcam {
    background-position: -204px -170px;
}

.iconpro-temple-christianity-church {
    background-position: -238px -170px;
}

.iconpro-temple-islam {
    background-position: -272px -170px;
}

.iconpro-temple-hindu {
    background-position: -306px -170px;
}

.iconpro-temple-buddhist {
    background-position: -340px -170px;
}

.iconpro-electrical-socket-eu {
    background-position: -374px -170px;
}

.iconpro-electrical-socket-us {
    background-position: -408px -170px;
}

.iconpro-bomb {
    background-position: -442px -170px;
}

.iconpro-comments {
    background-position: -476px -170px;
}

.iconpro-flower {
    background-position: -510px -170px;
}

.iconpro-baseball {
    background-position: -544px -170px;
}

.iconpro-football {
    background-position: -578px -170px;
}

.iconpro-ax {
    background-position: -612px -170px;
}

.iconpro-table-tennis {
    background-position: -646px -170px;
}

.iconpro-bowling {
    background-position: -680px -170px;
}

.iconpro-tree-conifer {
    background-position: -714px -170px;
}

.iconpro-tree-deciduous {
    background-position: -748px -170px;
}

.iconpro-more-items {
    background-position: -782px -170px;
}

.iconpro-sort {
    background-position: -816px -170px;
}

.iconpro-filter {
    background-position: -850px -170px;
}

.iconpro-gamepad {
    background-position: -884px -170px;
}

.iconpro-playing-dices {
    background-position: -918px -170px;
}

.iconpro-calculator {
    background-position: -952px -170px;
}

.iconpro-tie {
    background-position: -986px -170px;
}

.iconpro-wallet {
    background-position: -1020px -170px;
}

.iconpro-share {
    background-position: -1054px -170px;
}

.iconpro-sampler {
    background-position: -1088px -170px;
}

.iconpro-piano {
    background-position: -1122px -170px;
}

.iconpro-web-browser {
    background-position: -1156px -170px;
}

.iconpro-blog {
    background-position: -1190px -170px;
}

.iconpro-dashboard {
    background-position: -1224px -170px;
}

.iconpro-certificate {
    background-position: -1258px -170px;
}

.iconpro-bell {
    background-position: -1292px -170px;
}

.iconpro-candle {
    background-position: -1326px -170px;
}

.iconpro-pin-classic {
    background-position: -1360px -170px;
}

.iconpro-iphone-shake {
    background-position: -1394px -170px;
}

.iconpro-pin-flag {
    background-position: -1428px -170px;
}

.iconpro-turtle {
    background-position: -1462px -170px;
}

.iconpro-rabbit {
    background-position: -1496px -170px;
}

.iconpro-globe {
    background-position: -1530px -170px;
}

.iconpro-briefcase {
    background-position: -1564px -170px;
}

.iconpro-hdd {
    background-position: -1598px -170px;
}

.iconpro-thumbs-up {
    background-position: -1632px -170px;
}

.iconpro-thumbs-down {
    background-position: -1666px -170px;
}

.iconpro-hand-right {
    background-position: -1700px -170px;
}

.iconpro-hand-left {
    background-position: -1734px -170px;
}

.iconpro-hand-up {
    background-position: -1768px -170px;
}

.iconpro-hand-down {
    background-position: -1802px -170px;
}

.iconpro-fullscreen {
    background-position: -1836px -170px;
}

.iconpro-shopping-bag {
    background-position: -1870px -170px;
}

.iconpro-book-open {
    background-position: -1904px -170px;
}

.iconpro-nameplate {
    background-position: -1938px -170px;
}

.iconpro-nameplate-alt {
    background-position: -1972px -170px;
}

.iconpro-vases {
    background-position: 0 -204px;
}

.iconpro-announcement {
    background-position: -34px -204px;
}

.iconpro-dumbbell {
    background-position: -68px -204px;
}

.iconpro-suitcase {
    background-position: -102px -204px;
}

.iconpro-file-import {
    background-position: -136px -204px;
}

.iconpro-file-export {
    background-position: -170px -204px;
}

.iconpro-pinterest {
    background-position: -204px -204px;
}

.iconpro-dropbox {
    background-position: -238px -204px;
}

.iconpro-google-alt {
    background-position: -272px -204px;
}

.iconpro-jolicloud {
    background-position: -306px -204px;
}

.iconpro-yahoo {
    background-position: -340px -204px;
}

.iconpro-blogger {
    background-position: -374px -204px;
}

.iconpro-picasa {
    background-position: -408px -204px;
}

.iconpro-amazon {
    background-position: -442px -204px;
}

.iconpro-tumblr {
    background-position: -476px -204px;
}

.iconpro-wordpress {
    background-position: -510px -204px;
}

.iconpro-instapaper {
    background-position: -544px -204px;
}

.iconpro-evernote {
    background-position: -578px -204px;
}

.iconpro-xing {
    background-position: -612px -204px;
}

.iconpro-zootool {
    background-position: -646px -204px;
}

.iconpro-dribbble {
    background-position: -680px -204px;
}

.iconpro-deviantart {
    background-position: -714px -204px;
}

.iconpro-read-it-later {
    background-position: -748px -204px;
}

.iconpro-linked-in {
    background-position: -782px -204px;
}

.iconpro-forrst {
    background-position: -816px -204px;
}

.iconpro-pinboard {
    background-position: -850px -204px;
}

.iconpro-behance {
    background-position: -884px -204px;
}

.iconpro-github {
    background-position: -918px -204px;
}

.iconpro-youtube {
    background-position: -952px -204px;
}

.iconpro-skitch {
    background-position: -986px -204px;
}

.iconpro-4square {
    background-position: -1020px -204px;
}

.iconpro-quora {
    background-position: -1054px -204px;
}

.iconpro-google-plus {
    background-position: -1088px -204px;
}

.iconpro-spotify {
    background-position: -1122px -204px;
}

.iconpro-stumbleupon {
    background-position: -1156px -204px;
}

.iconpro-readability {
    background-position: -1190px -204px;
}

.iconpro-facebook {
    background-position: -1224px -204px;
}

.iconpro-twitter-t {
    background-position: -1258px -204px;
}

.iconpro-twitter {
    background-position: -1292px -204px;
}

.iconpro-buzz {
    background-position: -1326px -204px;
}

.iconpro-vimeo {
    background-position: -1360px -204px;
}

.iconpro-flickr {
    background-position: -1394px -204px;
}

.iconpro-last-fm {
    background-position: -1428px -204px;
}

.iconpro-rss {
    background-position: -1462px -204px;
}

.iconpro-skype {
    background-position: -1496px -204px;
}

.iconpro-e-mail {
    background-position: -1530px -204px;
}

.iconpro-activesocial {
    background-position: -1564px -203px;
}

.iconpro-disablesocial {
    background-position: -1598px -203px;
}

/* END OF PRO ICONS*/

/*
mshaffer@avectra.com 
	case 160505 
	case 161264 		  
*/
table#UPDATEGRIDCONTROL_DOD_Invoice_Detail_InternalUpdateGrid tbody tr th,
div#ExtensionQuickRegTracksOE_COE_ER table tbody tr th,
div#ExtensionQuickRegSessionsOE_COE_ER table tbody tr th {
    font-size: 8pt;
}


/*OTI Style fixes*/

.iconpro-remove {
    display: inline-block;
    margin-left: 5px;
    background-image: url("../images/CAIStore/img_list_delete1.gif");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 47px;
    height: 18px;
    margin-top: 1px;
    vertical-align: text-top;
}

#UPDATEGRIDCONTROL_DOD_Invoice_Detail_AllowRemoveAll {
    /*CSS changes Event eWeb Enhancements Project 1/4/2018*/
    /*display: inline-block;
    line-height: 14px;
    background-image: url("../images/CAIStore/img_list_delete2.gif");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    width: 52px;
    height: 18px;
    margin: 5px;
    vertical-align: text-top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;*/
    text-indent: -99999px;
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(/eWeb/Content/themes/Demo/images/delete.png) no-repeat 50% 50%;
    background-color: #eee;    
}
/*Show this now Event eWeb Enhancements Project 1/4/2018*/
    /*#UPDATEGRIDCONTROL_DOD_Invoice_Detail_AllowRemoveAll > .iconpro-bin {
        display: none;
    }*/

/* Resolve issue where Add/Edit Buttons were showing on separate line than the DropDownListAddEdit control */
/*.AddEditLinkDiv {
    padding-top: 3px;
}*/

.AddEditDiv > select {
    width: 80% !important;
    float: left;
}

#PageFrameWorkTable img {
    border-width: 0;
}

ul.breadcrumb:empty {
    display: none;
}

/* Overriding the bootstrap custom red button with the bootstrap default*/
.btn,
.DataFormButton, 
.wizardbutton, 
.WizardButton,
.wizardButton
{
    display: inline-block;
    *display: inline;
    padding: 4px 12px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 12px;
    font-family: Montserrat, sans-serif;
    line-height: 20px !important;
    color: #000000;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    *background-color: #e6e6e6;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    *border: 0;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
        
.btn-wizard {
    /*margin-top: .5em;*/
    margin-left: .5em;
}

a {
    outline: 0;
}

/* Fix for Event Registration column headers being too large */
#CAI_FeesCustomGridExtension th, #CAI_SessionsCustomGridExtension th {
    font-size: 10px;
}

/* Add space between date field and calendar control */
#ind_entered_field_date {
    margin-right: 3px;
}

/* Fix for bloated input box issue that happens in nf2013 */
/*#DesignedTable input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}*/

footer .bottom .adsection {
    background-color: rgb(204,204,204);
}

@media (max-width:1023px) {
    footer #Footer.bottom .row-fluid .span1.adsection {
        display: none;
    }

    footer #Footer.bottom .row-fluid .span10 {
        width: 88.311966%;
    }
}

#OTIResponsiveeWebLeftPaneTopLinksCellTable {
    width: 179px;
}

    #OTIResponsiveeWebLeftPaneTopLinksCellTable ul {
        list-style-type: none;
        padding-left: 0px;
    }

    #OTIResponsiveeWebLeftPaneTopLinksCellTable .TopUIHyperLink {
        background-image: url("../OTI/images/BulletLinksBg.png");
        background-repeat: no-repeat;
        background-position: 0px 5px;
        padding-left: 10px;
        padding-right: 10px;
        font-family: Montserrat, sans-serif;
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
        word-wrap: break-word;
        color: rgb(51,51,51);
        cursor: auto;
    }

    #OTIResponsiveeWebLeftPaneTopLinksCellTable li {
        padding-top: 5px;
        padding-bottom: 5px;
    }

        #OTIResponsiveeWebLeftPaneTopLinksCellTable li:hover {
            background-color: rgba( 205,230,247,0.5 );
        }

        #OTIResponsiveeWebLeftPaneTopLinksCellTable li > a:hover {
            text-decoration: none;
        }

        #OTIResponsiveeWebLeftPaneTopLinksCellTable li.selected {
            background-color: rgb(239, 239, 239);
        }

header .right-nav .top .login {
    display: none; /* empty content anyway */
}

/*@media (max-width: 1023px) {

    header .right-nav {
        display: block;
        position: absolute;
        z-index: 10;
        top: 17px;
        left: 200px;
        right: 60px;
        width: auto;
    }

        header .right-nav .FooterSocialCont {
            display: none;
        }

    #s4-workspace header .right-nav .top {
        margin-top: 0;
    }

    body header .right-nav .top > ul > li:hover > ul {
        left: auto;
        right: -1px;
    }

    header .right-nav .top > ul > li {
        z-index: auto;
    }
}

@media (max-width: 530px) {

    header {
        height: 200px;
    }

        header .right-nav {
            position: absolute;
            top: 90px;
            left: 8px;
            right: 8px;
        }

    #s4-workspace header .right-nav .top {
        margin-left: 0;
        margin-right: 0;
    }

    header .mobile-search {
        margin-top: 60px;
    }

    header .right-nav .top > ul > li {
        padding-left: 0;
    }
}*/

/* STORE LEFT NAVIGATION */
#StoreLeftNav li {
    background-image: url("../OTI/images/BulletLinksBg.png");
    background-repeat: no-repeat;
    background-position: 0px 8px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    word-wrap: break-word;
    color: rgb(51,51,51);
    cursor: auto;
    vertical-align: top;
    list-style-type: none;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 20px;
}

#StoreLeftNav {
    border: 0 0 0;
    border-collapse: collapse;
    font: 9pt Arial, Helvetica, sans-serif;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    vertical-align: top;
    width: 187px;
}

    #StoreLeftNav .StoreWebPostingImage {
        margin: 0 0 0 0;
    }

.StoreWebPostingTitle {
    color: #000;
    font-size: 80%;
    letter-spacing: 2px;
    padding: 3px 0 8px 20px;
}

#StoreLeftNav div {
    width: 179px;
}


#StoreLeftNav li.StoreLeftNavSubCategory {
    padding: 5px 10px 5px 20px;
}

#StoreLeftNav h3 {
    background: none;
    border-bottom: none;
    padding: 6px 10px 6px 10px;
    color: #000;
    font: 10pt Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin: 0 0 0 0;
    text-decoration: none;
}

#StoreLeftNav a, #StoreLeftNav > a:visited {
    display: block;
    color: #000;
    font: 9pt Arial, Helvetica, sans-serif;
    /*margin-left: 10px;*/
    text-decoration: none;
}

    #StoreLeftNav a:hover {
        text-decoration: underline;
    }

#StoreLeftNav ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.ProductListings {
    margin: 0 20px 0 20px;
}

.StoreMainContent .StoreWebPostingImage {
    margin: 0 0 0 10px;
}

#_BUI {
    display: none;
}

.oti-shell header .Main-nav .bottom nav > ul > li > a, header .Main-nav .bottom nav .ms-rtestate-field > ul > li > a {
    font-size: 14px /*1.15*/;
    padding: 0px 20px;
    font-family: Montserrat, sans-serif;
    display: inline-block;
    font-weight: 500;
    color: #000000;
    line-height: 20px;
}

#jPanelMenu-menu .mobile-bottom-links ul li a{
    font-size: 13px;
    text-decoration: none;
}

div.ms-rtestate-field ul li{
    list-style-type: none;
    padding:0;
}

div.ms-rtestate-field ul{
    padding:0;
    margin:0;
}

#jPanelMenu-menu.bottom nav > ul > li > a, #jPanelMenu-menu.bottom nav .ms-rtestate-field > ul > li > a,
#jPanelMenu-menu.bottom nav .mobile-bottom-links> ul > li > a{
    font-size: 13px;
    text-decoration: none;
}


#jPanelMenu-menu .mobile-bottom-links ul{
    margin: 0;
    padding: 0;
}

#jPanelMenu-menu .mobile-bottom-links ul li.member-area a .arrow{
    left:80%;
}

#ManagerLearnMoreDialog{
	vertical-align: middle;
	line-height: 1.4em;
}

/*End OTI Fixes*/



.pager {
    margin: 20px 0;
    /*text-align: center;*/
    list-style: none;
    *zoom: 1;
}

    .pager:before,
    .pager:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .pager:after {
        clear: both;
    }

    .pager li {
        display: inline;
    }

        .pager li > a,
        .pager li > span {
            display: inline-block;
            padding: 5px 5px;
            background-color: #fff;
        }

            .pager li > a:hover,
            .pager li > a:focus {
                text-decoration: none;
                background-color: #f5f5f5;
            }

    .pager .next > a,
    .pager .next > span {
        float: right;
    }

    .pager .previous > a,
    .pager .previous > span {
        float: left;
    }

    .pager .disabled > a,
    .pager .disabled > a:hover,
    .pager .disabled > a:focus,
    .pager .disabled > span {
        color: #999999;
        cursor: default;
        background-color: #fff;
    }

.icon-pencil {    
    width: 14px;
    height: 14px;
    background-position-x: 0px;
    background-position-y:-72px;
}

.icon-plus-sign {
    background-position-x:0px;
    background-position-y:-96px;
}

.btn-mini {
    padding: 2px;
    line-height: 14px !important;
}

.pagination {
    padding: 0px;
}

/*.DataFormButton,
.wizardbutton {
    line-height: 18px;
    padding: 2px;
}*/

.tooltip
{
    display:none !important;
}

footer.oti-shell
{
    overflow: hidden; /*causes scrollbar to hide/not hide when there is no scrollable content on page*/
}


[class^="iconpro-"],
[class*=" iconpro-"] {
    background-image: url("../../eWeb/images/glyphicons.png");
}

.iconpro-bin {
    background-position: -544px 0px;
}

[class^='iconpro-'] {
    width: 14px;
    height: 14px;
    line-height: 14px;
    margin-top: 1px;
    vertical-align: text-top;
    display: inline-block;
    background-repeat: no-repeat;
}

[class*=' iconpro-'] {
    width: 14px;
    height: 14px;
    line-height: 14px;
    margin-top: 1px;
    vertical-align: text-top;
    display: inline-block;
    background-repeat: no-repeat;
}

.iconpro-remove {
    background-position: -680px -102px;
}




/*HELPER CLASSES*/

.radius2 {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.radius6 {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

.radius10 {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.margl4 {
    margin-left: 4px;
}

.margl10 {
    margin-left: 10px;
}

.margl20 {
    margin-left: 20px;
}

.margl70 {
    margin-left: 70px;
}

.margr4 {
    margin-right: 4px;
}

.margr10 {
    margin-right: 10px;
}

.margr20 {
    margin-right: 20px;
}

.margt4 {
    margin-top: 4px;
}

.margt8 {
    margin-top: 8px;
}

.margt10 {
    margin-top: 10px;
}

.margb8 {
    margin-bottom: 8px;
}

.margb10 {
    margin-bottom: 10px;
}

.marga {
    margin: auto
}


.margRneg2 {
    margin-right: -2px
}

.margRneg4 {
    margin-right: -4px
}


.pad10 {
    padding: 10px
}

.pad6 {
    padding: 6px
}

.padt8 {
    padding-top: 8px
}

.padr8 {
    padding-right: 8px
}


.bold {
    font-weight: 700
}

.upper {
    text-transform: uppercase
}

.italic {
    font-style: italic
}

.small {
    font-size: 75%;
    line-height: 120%
}

.cite {
    font-weight: normal;
    line-height: 120%
}

.strong {
    font-weight: 700
}

.em {
    font-style: italic
}

.normal {
    font-weight: 100;
}

.lead {
    font-size: 1.2em;
}

.black {
    color: #000
}

.white {
    color: #fff
}

.green {
    color: #659a22;
}

.blue, .WizardHeader, legend {
    color: #0088cc
}

.red {
    color: red
}

.greyBG {
    background-color: #eee;
}

.reverseGreen {
    background-color: #659a22;
    color: #fff;
    padding: 4px 8px
}

.borderTop {
    border: 0;
    border-top: 1px solid #ddd;
}

.borderRight {
    border: 0;
    border-right: 1px dashed #ddd;
}

.borderGrey3 {
    border: 3px solid #ccc;
    padding: 10px 12px
}

.sep {
    display: block;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0px;
    height: 2px;
}

.ellipses {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block
}

.ohidden {
    overflow: hidden
}

.wrap {
    white-space: pre-wrap
}

.nowrap {
    WHITE-SPACE: nowrap
}

.pointer {
    cursor: pointer
}

.left-float {
    FLOAT: left
}

.right-float {
    FLOAT: right
}

.right {
    text-align: right
}

.left {
    text-align: left
}

.block {
    display: block
}

.iblock {
    display: inline-block
}

.vertical {
    border: 0;
    border-left: 1px solid #ddd;
    height: 100px;
    margin-left: 10px;
    margin-right: 3px;
    padding-left: 10px;
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.relative-important {
    position: relative !important;
}

.top10 {
    top: 10px;
}

.top30 {
    top: 30px;
}

.top100 {
    top: 100px;
}

.top-100 {
    top: -100px;
}

.top-110 {
    top: -110px;
}

.left10 {
    left: 10px;
}

.left20 {
    left: 20px;
}

.bottom10 {
    bottom: 10px;
}

.right10 {
    right: 10px;
}

.opacity05 {
    opacity: 0.5;
}

.opacity08 {
    opacity: 0.8;
}

.removePadding {
    padding-left: 0;
    padding-right: 0;
}

.removePaddingLeft {
    padding-left: 0;
}

.removePaddingRight {
    padding-right: 0;
}

.imgScaleW {
    width: 100%;
    height: auto
}

.imgScaleH {
    width: auto;
    height: 100%
}

/*WIDTHS*/

.w10p {
    width: 10%
}

.w20p {
    width: 20%
}

.w30p {
    width: 30%
}

.w40p {
    width: 40%
}

.w50p {
    width: 50%
}

.w60p {
    width: 60%
}

.w80p {
    width: 80%
}

.w100p {
    width: 100%
}


.w10 {
    width: 10px;
}

.w20 {
    width: 20px;
}

.w50 {
    width: 50px
}

.w60 {
    width: 60px
}

.w100 {
    width: 100px
}

.w120 {
    width: 120px
}

.w130 {
    width: 130px
}

.w150 {
    width: 150px
}

.w160 {
    width: 160px
}

.w180 {
    width: 180px
}

.w200 {
    width: 200px
}

.w220 {
    width: 220px
}

.w260 {
    width: 260px
}

.w300 {
    width: 300px
}

.w320 {
    width: 320px
}

.w310 {
    width: 310px
}

.w330 {
    width: 330px
}

.w360 {
    width: 360px
}

.w400 {
    width: 400px !important
}

.w500 {
    width: 500px
}

.w600 {
    width: 600px
}

.w680 {
    width: 680px
}

.w700 {
    width: 700px
}

/*Heights*/
.h10 {
    height: 10px
}

.h20 {
    height: 20px
}

.h24 {
    height: 24px;
}

.h30 {
    height: 30px
}

.h40 {
    height: 40px
}

.h50 {
    height: 50px
}

.h60 {
    height: 60px
}

.h70 {
    height: 70px
}

.h80 {
    height: 80px
}

.h100 {
    height: 100px
}

.h110 {
    height: 110px
}

.h120 {
    height: 120px
}

.h130 {
    height: 130px
}

.h140 {
    height: 140px
}

.h150 {
    height: 150px
}

.h200 {
    height: 200px
}

.h220 {
    height: 220px
}

.h250 {
    height: 250px
}

.h300 {
    height: 300px
}

.h350 {
    height: 350px
}

.h400 {
    height: 400px
}

.h440 {
    height: 440px
}

.h500 {
    height: 500px
}

.h550 {
    height: 550px
}

.h600 {
    height: 600px
}

.h640 {
    height: 640px
}

.h800 {
    height: 800px
}

/*FONT SIZE*/
.size10 {
    font-size: 10px;
}

.size11 {
    font-size: 11px;
}

.size12 {
    font-size: 12px;
}

.size13 {
    font-size: 13px;
}

.size14 {
    font-size: 14px;
}

.size16 {
    font-size: 16px;
}

.size18 {
    font-size: 18px;
}

.size20 {
    font-size: 20px;
}

.size24 {
    font-size: 24px;
}

.size30 {
    font-size: 30px;
}

.size36 {
    font-size: 36px;
}

.size48 {
    font-size: 48px;
}

.size60 {
    font-size: 60px;
}

.size72 {
    font-size: 72px;
}

.size90 {
    font-size: 90px;
}

.size100 {
    font-size: 100px;
}

.size120 {
    font-size: 120px;
}