@media all, screen, projector {

.PageEditPageOutline { border-color:black; }
.PageEditOutline { border-left-color: #606261; border-right-color: #606261; }

.editarea_notification { background:#EAEAEA; color:black; }

.window_container {}
.window_title {}
.window_tabregion {}
.window_tab-selected {}
.window_tab-unselected {}
.window_options {}

/* Tables */
.oDataGridCell { }
.oDataGridCell a:link, .oDataGridCell a:visited { color: #0066cc; font-weight: normal; text-decoration: none; }
.oDataGridCell a:active, .oDataGridCell a:hover { color: #0066cc; font-weight: normal; text-decoration: underline; }
.oDataGridCellLink:link {  }
.AlignRight { text-align: right; }

/* Pop Forms */
.oPopFormContainer { padding: 10px; }
.oPopFormFieldset { border: 1px solid #94bff7; }
.oPopFormLegend { padding-left: 5px; padding-right: 5px; }
.oPopFormElementContainer { padding: 6px 10px 10px 10px; }
.oPopFormElement { clear: both; width: 100%; margin-bottom: 2px; overflow: hidden; }
.oPopFormQuestion { text-align: right; width: 35%; float: left; display: block; margin-right: 3px; }
.oPopFormLabel { display: block; padding: 3px 10px 3px 10px; background: #f7f7f7; }
.oPopFormAnswer { text-align: left; display: block; width: 64%; float: left; }
.oPopFormAnswerText { text-align: left; float: left; display: block; width: 60%; }
.oPopFormAnswerTextStyle { font-weight: bold; }
.oPopFormInputSuffix { padding-left: 10px; }

.oPopFormInput { width: 90%; border: 0; float: left; padding: 2px; border-top: 1px solid #abadb3; border-left: 1px solid #e2e3ea; border-bottom: 1px solid #e3e9ef; border-right: 1px solid #dbdfe6; }

.oPopFormInputText { }
.oPopFormInputTextarea { width: 90%; border: 1px solid #eee; background: #fff url("/EasySiteWeb/EasySite/StyleData/Default/Images/input_bg.gif") repeat-x top right; }
.oPopFormSelect { float: left; }
.oGuiFormInputSelect { width: 90%; }
.oGuiFormInputTextShort { width: 100px; }
.oGuiFormInputTextMedium { width: 175px; }
.oGuiFormInputTextFull { width: 250px; }
.oGuiFormDatePicker { width: 100px; }

.oGuiFormInputShort { width: 100px; }
.oPopFormInputMedium { width: 50%; float: left; }

.oPopFormInlineButton { float: left; padding: 0; margin-left: 5px; font-size: 0.9em !important;  }

.DatePickerCalendar { background: #ffffff; }

.x-dlg ul { margin: 0; padding: 0; list-style-type: none; }
.x-dlg li { margin: 0; padding: 0; list-style-type: none; }
.sitemap-node { background-image: url(/EasySiteWeb/EasySite/SupportFiles/ExtJS/resources/images/default/tree/leaf.gif); }
.menuoption { color: #fff; background-color: #3366cc; }

.EditModerationCommentArea { margin: 3px; border: 1px solid #ccc; padding: 7px; background: #f7f7f7; }
.EditModerationCommentInnerAreaNoDivide { width: 100%; overflow: hidden; }

/* Main Page Editor Toolbar Simplified CSS (Aug 2009 - MAB) */
#AdminLinksOuter { font-size: 11px; font-family: tahoma, verdana, helvetica, arial, sans-serif !important; }
#AdminLinksInner { }

/* Main Tabs */
.gui-toolbar { font-size: 11px; font-family: tahoma, verdana, helvetica, arial, sans-serif !important; background: #fff; }
.gui-toolbar .gui-position { position: relative; z-index: 1; padding: 0; cursor: default; }
.gui-toolbar .main-tabs { font-weight: bold; background: #fff url("/EasySiteWeb/EasySite/Administration/Style/Images/editmenu_dark_grayline.gif") repeat-x bottom; }
.gui-toolbar .main-tabs ul, .gui-toolbar .main-tabs ul li { list-style-type: none; padding: 0; margin: 0; }
.gui-toolbar .main-tabs ul li { float: left; display: block; min-width: 80px; text-align: center; }
.gui-toolbar .main-tabs ul li a { display: block; padding: 3px 15px 3px 15px; text-decoration: none; }

.gui-toolbar .main-tabs ul li a.tab-item-unselected:link, .gui-toolbar .main-tabs ul li a.tab-item-unselected:visited { border-left: 1px solid #997095; border-bottom: 1px solid #BAB7B7; color: #996699;  background: #ffffff url("/EasySiteWeb/EasySite/Administration/Style/Images/editmenu_unselected_bg.gif") no-repeat top right; }
.gui-toolbar .main-tabs ul li a.tab-item-unselected:hover, .gui-toolbar .main-tabs ul li a.tab-item-unselected:active {}

.gui-toolbar .main-tabs ul li a.tab-item-selected:link, .gui-toolbar .main-tabs ul li a.tab-item-selected:visited { border-left: 1px solid #BAB7B7; border-bottom: 1px solid #EFF1F3; color: #606161; background: #ffffff url("/EasySiteWeb/EasySite/Administration/Style/Images/editmenu_selected_bg.gif") no-repeat top right; }
.gui-toolbar .main-tabs ul li a.tab-item-selected:hover, .gui-toolbar .main-tabs ul li a.tab-item-selected:active {}
.gui-toolbar .main-tabs ul li:first-child a.tab-item-selected:link, .gui-toolbar .main-tabs ul li:first-child a.tab-item-selected:visited { margin-left: 0px; }

/* Sub Tabs */
.gui-toolbar .sub-tabs { background: #EFF1F3; padding: 3px; border: 1px solid #BAB7B7; border-top: 0; }
.gui-toolbar .sub-tabs ul, .gui-toolbar .sub-tabs ul li { list-style-type: none; padding: 0; margin: 0; }
.gui-toolbar .sub-tabs ul li { float: left; display: block; }
.gui-toolbar .sub-tabs ul li:first-child { }
.gui-toolbar .sub-tabs ul li a { display: block; text-decoration: none; color: #666; padding: 2px 11px 2px 11px; text-decoration: none; border: 1px solid #EFF1F3; border-right: 1px solid #ccc; }

.gui-toolbar .sub-tabs ul li a.tab-item-unselected:link, .gui-toolbar .sub-tabs ul li a.tab-item-unselected:visited { }
.gui-toolbar .sub-tabs ul li a.tab-item-unselected:hover, .gui-toolbar .sub-tabs ul li a.tab-item-unselected:active { background: #f7f7f7; color: #000; border: 1px solid #ccc; border-left: 1px solid #EFF1F3;}
.gui-toolbar .sub-tabs ul li:first-child a.tab-item-unselected:hover, .gui-toolbar .sub-tabs ul li:first-child a.tab-item-unselected:active { border: 1px solid #ccc; }

.gui-toolbar .sub-tabs ul li a.tab-item-selected:link, .gui-toolbar .sub-tabs ul li a.tab-item-selected:visited { font-weight: bold; color: #333; }
.gui-toolbar .sub-tabs ul li a.tab-item-selected:hover, .gui-toolbar .sub-tabs ul li a.tab-item-selected:active { background: #f7f7f7; color: #000; border: 1px solid #ccc; border-left: 1px solid #EFF1F3;}

/* Inline Error Panel */
.panel-error { border: 1px dotted red; padding: 3px; background: #f7f7f7; clear: both; margin-bottom: 8px; }

/* Inline Notification Panel (will be replaced with Sept 09 development) */
.panel-notification { border: 1px solid #ccc; border-top: 0; padding: 5px; background: #eff1f3; }

/* Notification Window */
.editor-alert-outer { clear: both; font-size: 11px !important; border: 1px solid #ccc; border-width: 0 1px; background: #f0e4f0 url("/EasySiteWeb/EasySite/SupportFiles/NotificationMessages/img/bg_panel.gif") repeat-x top left; }
.editor-alert-outer ul, .editor-alert-outer ul li { list-style-type: none; padding: 0; margin: 0; }
.editor-alert-outer ul.editor-messages li.editor-message { height: auto; padding: 5px; border-bottom: 1px solid #ccc; }

.editor-alert-outer ul.editor-messages li.editor-message ul li.icon { float: left; width: 30px; }
.editor-alert-outer ul.editor-messages li.editor-message ul li.icon img { float: left; display: block; margin: 0; border: 0; padding: 0; }
.editor-alert-outer ul.editor-messages li.editor-message ul li.editor-message-outer { float: left; width: auto !important; width: 420px; max-width: 420px; }
.editor-alert-outer ul.editor-messages li.editor-message ul li.expand, .editor-alert-outer ul li.close { display: block; float: right; width: 14px; height: 14px; overflow: hidden; }

.editor-alert-outer ul.editor-messages li.editor-message ul div.editor-message-inner { border-left: 1px solid #ccc; padding-left: 6px; }
.editor-alert-outer ul.editor-messages li.editor-message ul div.editor-message-inner .editor-synopsis { height: 100%; }
.editor-alert-outer ul.editor-messages li.editor-message ul div.editor-message-inner .editor-detail { height: 100%; }
.editor-alert-outer ul.editor-messages li.editor-message ul div.editor-message-inner ul.message-actions li.message-action { margin: 0 0 0 3px; padding-left: 19px; background: url("/EasySiteWeb/EasySite/SupportFiles/images/icons/tools_bullet.gif"); background-repeat: no-repeat; background-position: center left; }
.editor-alert-outer .message-outer p { margin: 0; padding: 0; }

ul.editor-message-actions { list-style-type: square; padding-left: 1em; margin-left: 1em; }
ul.editor-message-actions li { list-style-type: square; margin: auto; padding: auto;  }

/* dynamic toolbar */
.dynamic-toolbar { position: relative; z-index: 1; padding: 0; cursor: default; background: #fff; }
.dynamic-toolbar ul, .dynamic-toolbar ul li { display: block; list-style-type: none; padding: 0; margin: 0; background: 0; }
.dynamic-toolbar ul li { float: left; }

/* live edit dock */
.EditModeButtonBar, .button-dock { display: block; float: left; position: relative; padding: 3px 2px 1px 10px; border-right: 1px solid #cccccc; background: url("/EasySiteWeb/EasySite/SupportFiles/images/SilverToolbar/toolbar.gif"); z-index: 0 !important; z-index: -1; }
.button-dock ul li { text-align: right; }
.button-dock ul li a:link, .button-dock ul li a:visited { display: block; color: #000; padding: 3px 4px 6px 25px; text-decoration: none; }
.button-dock ul li a:hover, .button-dock ul li a:active { color: #000; border: 0px solid #333; text-decoration: none; }
li.button-save a:link, li.button-save a:visited { background: url("/EasySiteWeb/EasySite/SupportFiles/images/SilverToolbar/icon_save.gif") no-repeat top left; }
li.button-save a:hover, li.button-save a:active { background: url("/EasySiteWeb/EasySite/SupportFiles/images/SilverToolbar/icon_save_over.gif") no-repeat top left; }

li.button-publish a:link, li.button-publish a:visited { background: url("/EasySiteWeb/EasySite/SupportFiles/images/SilverToolbar/icon_sav_publish.gif") no-repeat top left; }
li.button-publish a:hover, li.button-publish a:active { background: url("/EasySiteWeb/EasySite/SupportFiles/images/SilverToolbar/icon_sav_publish_over.gif") no-repeat top left; }

li.button-revert a:link, li.button-revert a:visited { background: url("/EasySiteWeb/EasySite/SupportFiles/images/SilverToolbar/icon_cancel.gif") no-repeat top left; }
li.button-revert a:hover, li.button-revert a:active { background: url("/EasySiteWeb/EasySite/SupportFiles/images/SilverToolbar/icon_cancel_over.gif") no-repeat top left; }

/* Administration Bar */
.administration-outer { background: #eeeeee url("/EasySiteWeb/EasySite/StyleData/Default/Images/button_bg.gif") repeat-x left top; border: 1px solid #cccccc; width: 500px; position: relative; z-index: 9999; }
.administration-inner { border: 0 !important; background: 0 !important; background: none !important; padding: 2px !important; margin: 0 !important; }
.administration-body { }

.administration-body .welcome { padding: 3px; }
.administration-body select { width: 10em; }

#AdminLinksOuter .options { width: 23%; border: 1px solid #ccc; background: #fff; overflow: visible !important; text-align: left !important; height: auto; } 
#AdminLinksOuter .options .title { display: block; padding: 2px; }
#AdminLinksOuter .options ul, .options ul li { list-style-type: none; padding: 0; margin: 0; text-transform: lowercase !important; }
#AdminLinksOuter .options ul li { background: #fff; display: block; padding: 0 3px 0 3px; }
#AdminLinksOuter .options ul li a { display: block !important; cursor: hand; width: 100% !important; height: 1.6em; background: red; }
#AdminLinksOuter .options ul { left: -999em; position: absolute; top: 10px; border: 1px solid #ccc; width: 100%; padding-top: 3px; overflow: visible !important; }
#AdminLinksOuter .options:hover ul { left: -1px !important; }
#AdminLinksOuter .options:hover ul:hover { left: -1px !important; }
#AdminLinksOuter ul.showList { left: -1px !important; }

/* timeline window : feedback, etc */

.timeline-window { background: #fff; border: 1px solid #ccc; padding: 8px; margin-bottom: 1em; }

/* moderation dock */
.moderation-dock { border-right: 1px solid #cccccc; height: auto !important; height: 26px; min-height: 26px; font-size: 11px !important; padding: 0 2px 0 10px; background: url("/EasySiteWeb/EasySite/SupportFiles/images/SilverToolbar/toolbar.gif") repeat-x; }

.moderation-dock ul li.button { width: 24%; border: 0; background: 0; font-size: 1em; border-right: 1px #ccc solid; overflow: hidden; }
.moderation-dock ul li.last { border: 0; }
.moderation-dock ul li a:link, .moderation-dock ul li a:visited { display: block; color: #333; border: 0; padding: 6px 4px 7px 19px; text-decoration: none; }
.moderation-dock ul li a:hover, .moderation-dock ul li a:active { color: #000; border: 0; text-decoration: none; }

.moderation-dock ul.subnav { position: absolute; width: auto; clear: both; background: #f7f7f7; border: 1px solid #ccc; border-top: 0; }
.moderation-dock ul.subnav li { text-align: left; clear: both; width: 182px; border-top: 1px solid #ccc !important; }

.moderation-dock ul.subnav li a:link, .moderation-dock ul li.subnav a:visited { display: block; color: #333; padding: 6px 10px 7px 10px; text-decoration: none; }
.moderation-dock ul.subnav li a:hover, .moderation-dock ul li.subnav a:active { color: #fff; background: #666; text-decoration: none; }

}