.TemplateSideBarOuterBlock { position: fixed; left: 0px; top: 33px; bottom: 0px; padding-top: 5px; background: #ffffff; z-index: 9; overflow: auto; }

.TemplateNavigationPanel { width: 231px; margin: 10px 0px 0px; }
.TemplateNavigationPanel .TemplateMenuLink { display: block; position: relative; background: linear-gradient(#f3f3f3, #eeeeee); color: #333333; padding: 6px 8px 6px 38px; margin: 0px 0px 1px 7px; }
.TemplateNavigationPanel .TemplateMenuLink:hover { background: linear-gradient(#e8e8e8, #d8d8d8); }
.TemplateNavigationPanel .TemplateMenuLink.Clicked { background: linear-gradient(#cceecc, #bbccbb); cursor: wait; }
.TemplateNavigationPanel .TemplateMenuLink.Active { background: linear-gradient(#99ee99, #88cc88); }
.TemplateNavigationPanel .TemplateMenuLink .ImageSpan { position: absolute; left: 8px; top: 5px; width: 21px; text-align: center; }
.TemplateNavigationPanel .TemplateContextHeader { background: linear-gradient(#dddddd, #cccccc); padding: 7px 10px; margin: 0px 0px 1px 7px; font-weight: bold; color: #777777; }
.TemplateNavigationPanel .TemplateMenuBottom { background: #dddddd; height: 8px; margin-left: 7px; font-size: 8px; line-height: 8px; }

.TemplateToolbarOuterBlock {
    height: 33px;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 9000;
    background: linear-gradient(#f2f2f2, #fafafa);
    box-shadow: #aaaaaa 0px 0px 6px;
    text-align: center;
    color: #888888;
}
.TemplateToolbarOuterBlock a { color: #888888; }
.TemplateToolbarInnerBlock { position: relative; text-align: left; white-space: nowrap; }
.TemplateToolbarLeft { display: inline-block; text-align: left; }
.TemplateToolbarRight { position: absolute; right: 0px; top: 0px; min-width: 370px; text-align: right; }

.TemplateMenuButtonPanel { display: inline-block; }
.TemplateMenuButton {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding: 9px 8px 8px 8px;
    border-right: solid 1px #dadada;
    cursor: pointer;
}
.TemplateMenuButton:hover { background: linear-gradient(#e5e5e5, #f0f0f0); }
.TemplateMenuButton.Highlighted { background: #e8e8e8; }
.TemplateMenuIconPanel { display: inline-block; vertical-align: top; margin-left: 13px; }
.TemplateMenuIconPanel a { display: inline-block; padding: 7px 6px; vertical-align: top; }
.TemplateMenuIconPanel a img { vertical-align: top; opacity: 0.75; }
.TemplateMenuIconPanel a:hover { background: linear-gradient(#e5e5e5, #f0f0f0); }
.TemplateMenuIconPanel a:hover img { opacity: 1; }
.TemplateMenuIconPanel a:active { background: linear-gradient(#e5e5e5, #f0f0f0); }
.TemplateMenuSeparator { display: inline-block; height: 16px; line-height: 16px; padding: 9px 0px 8px; margin: 0px 9px 0px 15px; border-left: solid 1px #e0e0e0; }

.TemplateAddButton > a,
.TemplateToolbarLink {
    display: inline-block;
    height: 26px;
    padding: 4px 12px 3px 11px;
    background-position: left top;
    background-repeat: repeat-x;
    border-left: solid 1px #dadada;
    border-right: solid 1px #dadada;
    text-transform: uppercase;
    line-height: 26px;
}

.TemplateToolbarLooseLink { display: inline-block; height: 26px; padding: 4px 10px 3px; line-height: 26px; }

.TemplateLanguageSelection > a,
.TemplateMessengerPopupLink
{
    display: inline-block;
    height: 26px;
    padding: 4px 11px 3px;
    background-position: left top;
    background-repeat: repeat-x;
    border-left: solid 1px #dadada;
    border-right: solid 1px #dadada;
    line-height: 26px;
}
.TemplateLanguageSelection > a:hover, .TemplateMessengerPopupLink:hover { background: linear-gradient(#e5e5e5, #f0f0f0); }
.TemplateLanguageSelection > a:active, .TemplateMessengerPopupLink:active { background: linear-gradient(#e5e5e5, #f0f0f0); }
.TemplateLanguageSelectionPanel { text-align: right; background-color: #FEFEFE; padding: 2px; border: solid 1px #dbdbdb; box-shadow: #AAAAAA 0px 0px 2px; z-index: 9001; }
.TemplateLanguageSelectionPanel a { display: block; color: #888888; line-height: 13px; padding: 3px 2px 3px 4px; }
.TemplateLanguageSelectionPanel a + a {  }
.TemplateLanguageSelectionPanel a img { vertical-align: bottom; margin-left: 4px; border: solid 1px #CCCCCC !important; }
.TemplateLanguageSelectionPanel a:hover { background-color: #EEEEEE; }

.TemplateMessengerPopupLink { border-left: none; min-width: 28px; padding-left: 8px; padding-right: 6px; cursor: pointer; }
.TemplateMessengerPopupLinkImage,
.TemplateMessengerPopupLinkImageActive { position: relative; top: -1px; margin-right: 5px; vertical-align: middle; }
.TemplateMessengerPopupLinkImageActive { display: none; }
.TemplateMessengerPopupLink.hasNotification { color: #ff2d2d; }
.TemplateMessengerPopupLink.hasNotification .TemplateMessengerPopupLinkImage { display: none; }
.TemplateMessengerPopupLink.hasNotification .TemplateMessengerPopupLinkImageActive { display: inline-block; }
.TemplateMessengerPopupLink.active { background: linear-gradient(#e5e5e5, #f0f0f0); }

.TemplateUserPopupLink > a {
    display: inline-block;
    min-width: 212px;
    padding: 4px 1px 3px;
    background-position: left top;
    background-repeat: repeat-x;
    line-height: 26px;
    text-align: center;
}
.TemplateUserPopupLink > a:hover { background: linear-gradient(#e5e5e5, #f0f0f0); }
.TemplateUserPopupLink > a:active { background: linear-gradient(#e5e5e5, #f0f0f0); }
.TemplateUserPopupPanel {
    background-color: #FEFEFE;
    min-width: 212px;
    padding: 3px 0px;
    border: solid 1px #dbdbdb;
    box-shadow: #AAAAAA 0px 0px 5px;
    color: #888888;
    text-align: center;
    z-index: 9001;
}
.TemplateUserPopupPanel a:link { color: #2222DD; }
.TemplateUserPopupPanel a:visited { color: #2222DD; }
.TemplateUserPopupPanel a:hover { color: #A70908; }
.TemplateUserPopupPanel a:active { color: #000000; }

.TemplateUserNameLabel { display: block; line-height: 25px; }
.TemplateUserCompanyLabel { display: block; color: #ababab; }
.TemplateUserButtonsPanel { height: 23px; margin: 20px 10px 0px 6px; text-align: left; }
.TemplateUserButtonsPanelLeft { display: inline-block; vertical-align: top; text-align: left; }
.TemplateUserButtonsPanelRight { display: inline-block; vertical-align: top; float: right; text-align: right; }
.TemplateUserButtonsPanel img { vertical-align: bottom; margin-right: 3px; }

.SessionReminderPanel {
    display: inline-block;
    width: 212px;
    padding: 4px 1px 3px;
    border-right: solid 1px #dadada;
    line-height: 26px;
    text-align: center;
    background-color: #ff7c75;
    color: #ffffff;
    cursor: pointer;
}

.SessionReminderOverlay { display: none; position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: rgba(0,0,0,0.5); z-index: 8999; }
.SessionReminderOverlayInnerPanel {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    padding: 37px 50px 40px;
    background: #ffffff;
    box-shadow: #666666 0px 0px 5px;
    text-align: center;
}
.SessionReminderOverlayLabel { display: block; margin-bottom: 29px; font-weight: bold; }
.SessionReminderOverlayButton { display: inline-block; padding: 7px 18px 6px; background: linear-gradient(#f6f6f6, #dddddd); border: solid 1px #a2a2a2; color: #444444 !important; }
.SessionReminderOverlayButton:active { background: linear-gradient(#dddddd, #f6f6f6); }


.TemplateContentOuterBlock { text-align: center; margin-top: 49px; }
.TemplateContentButtonBlock { height: 24px; padding: 0px 0px 4px; margin-bottom: 24px; text-align: left; }
.TemplaceContentInnerBlock { display: inline-block; text-align: left; }
.TemplateContentOuterBlock.FixedButtons { margin-top: 100px; }
.TemplateContentOuterBlock.FixedButtons .TemplateContentButtonBlock { position: fixed; top: 33px; right: 0px; padding: 15px 8px 10px; margin: 0px; background: #ffffff; z-index: 9; }
.TemplateContentOuterBlock.FixedButtons .TemplaceContentInnerBlock { }

span.TemplateContentButton a, a.TemplateContentButton { display: inline-block; padding: 4px 12px 4px; margin-right: 10px; background: #f4f4f4; border: solid 1px #dddddd; color: #777777; }
span.TemplateContentButton a:hover, a.TemplateContentButton:hover { background: linear-gradient(#f4f4f4, #e4e4e4); border-color: #bbbbbb; }
.TemplateContentButtonBlock .ErrorTicker { vertical-align: middle; }

span.TemplateContentNewButton a, a.TemplateContentNewButton { display: inline-block; padding: 4px 12px 4px; margin-right: 10px; background: #ddf8dd; border: solid 1px #aaddaa; color: #777777; }
span.TemplateContentNewButton a:hover, a.TemplateContentNewButton:hover { background: linear-gradient(#ccf8cc, #aaddaa); border-color: #77bb77; color: #444444; }

.TemplateSearchBox { vertical-align: top; }
.TemplateContentButton + .TemplateSearchBox, .TemplateContentNewButton + .TemplateSearchBox { margin-left: 6px; }
.TemplateSearchBox .AidedTextBox { width: 145px; height: 26px; padding: 0px 6px; border-color: #d1d1d1; vertical-align: top; }
.TemplateSuggestionBox { z-index: 9002; }
.TemplateSearchImage { vertical-align: top; margin: 4px 56px 0px 4px; }