/* LiveEdit Element CSS */

/* Generics */
.oPanelButtonBarOuter, .oTabOuter, .oPanelOuter { color: #333333;  }
.dialog_title { font-weight: bold; display: block; padding: 1px 0 2px 0; padding-left: 25px; background: url("/EasySiteWeb/EasySite/SupportFiles/images/FloatingWindow/panel_icon_am_inline.gif") no-repeat 1px 1px;  }
div.dialog_content { background: #f2f2f3; display: block; overflow: auto; }
.dialog_minimize, .dialog_maximize { display: none; }
.dialog_close { right: 6px; top: 5px; }
.dialog_n {	height: 22px; }

/* Tabs */
.oTabOuter { padding: 10px 8px 0px 14px; background: #e5e6e6 url("/EasySiteWeb/EasySite/SupportFiles/images/FloatingWindow/tab_bg.gif") repeat-x bottom left; } 
.oTabInner { width: 100%; overflow: hidden; }
ul.oTabBar { margin: 0; padding: 0; }
li.oTabBar { display: inline; background: none; padding: 0; margin: 0; }
span.oTab { float: left; display: block; margin-right: 3px; padding-right: 5px; background: url("/EasySiteWeb/EasySite/SupportFiles/images/FloatingWindow/tab_shadow.gif") no-repeat top right; }
span.oTabOn { }
span.oTabOff { border-bottom: 1px solid #808080; }
a.oTab:link, a.oTab:visited { text-decoration: none; display: block; color: #666666; border: 1px solid #808080; border-bottom: 0; }
a.oTab:hover, a.oTab:active { text-decoration: underline; color: #666666; background: none; }
a.oTabOn:link, a.oTabOn:visited { background: #f2edf5; padding: 4px 20px 4px 20px; }
a.oTabOn:hover, a.oTabOn:active { background: #f2edf5; text-decoration: none; }
a.oTabOff:link, a.oTabOff:visited { background: #e2d8e8; padding: 4px 20px 3px 20px; color: #999999; }
a.oTabOff:hover, a.oTabOff:active { background: #d5cadb; border: 1px solid #808080; border-top: 2px orange solid; padding-top: 3px; border-bottom: 0; color: #000000; text-decoration: none; }

/* Button Bar */
.oPanelButtonBarOuter { text-align: right; background: #eeeeee url("/EasySiteWeb/EasySite/SupportFiles/images/FloatingWindow/button_bar_bg.gif") repeat-x top left; }
.oPanelButtonBarInner { width: 100%; overflow: hidden; }
ul.oPanelButtonBar { margin: 0; padding: 0; }
li.oPanelButtonBar { display: inline; background: none; padding: 0; margin: 0; }
input.oPanelButton { border: 1px solid #999999; background: #ededec url("/EasySiteWeb/EasySite/SupportFiles/images/FloatingWindow/button_bg.gif") repeat-x top left; margin: 10px 0 0 7px; color: #666666; padding: 1px 4px 1px 4px; }

/* Panel and Panel Form Elements */
#AssetManagerSearchPanel, #AssetManagerBrowserWindow { background: #f2edf5; border-bottom: 1px solid #999999; }

.oPanelContainer { color: #333333; }

.oPanelOuter { padding: 12px; clear: both; }
.oPanelInner { width: 100%; overflow: hidden; } 

.oPanelContainer a:link, .oPanelContainer a:visited { color: #333333; text-decoration: none; }
.oPanelContainer a:hover, .oPanelContainer a:active { color: #000000; text-decoration: underline; background: none; }

.oPanelLeftOuter { width: 205px; float: left;  }
.oPanelLeftInner { width: 100%; overflow: hidden; }

.oPanelPreviewOuter { border: 1px solid #908299; background: #ffffff; padding: 6px; margin-top: 6px; }
.oPanelPreviewInner { height: 175px; overflow: hidden; width: 100%; text-align: center; }

.oPanelCategoryOuter { border: 1px solid #908299; background: #ffffff; margin-top: 6px; }
.oPanelCategoryInnerShort { width: 100%; height: 218px; text-align: left; overflow: auto; }
.oPanelCategoryInner { width: 100%; height: 301px; text-align: left; overflow: auto; }

.oPanelCategoryTree { padding: 0 6px 4px 0;  }

.oPanelMultiCategory { text-align: left; padding: 4px; border: 1px dotted #666666; background: #f9f4f8; overflow: auto;	font-style: italic;	height: 35px; }

.oPanelRightOuter { margin-left: 215px; }
.oPanelRightInner { overflow: hidden; float: left; margin-right: 20px; width:/* */ 100%; margin:/* */ 0; }

.oPanelLeftButtonContainer { margin-top: 0; margin-bottom: 8px; clear: both; width: 100%; overflow: hidden; text-align: right; }
.oPanelLeftButton { margin-right: 0; margin-left: 10px; }

.oPanelStatusOuter { clear: both; padding-top: 7px; }
.oPanelStatusInner { overflow: hidden; width: 100%; }
.oStatusBarText { float: left; width: 20%; }
.oPaginationContainer { float: right; width: 79%; text-align: right; }

.oPanelWarningOuter { padding: 8px; color: #000000; border: 1px solid blue; background: #ffffff; margin-bottom: 14px; }
.oPanelWarningInner { width: 100%; overflow: hidden; }
a.oPanelWarningButton:link, a.oPanelWarningButton:visited { color: #0000ff; text-decoration: underline;  }
a.oPanelWarningButton:hover, a.oPanelWarningButton:active {  }

.oPageCategoryList { text-align: left; }

.oPanelForm { width: 100%; overflow: hidden;  }
fieldset.oPanel { border: 1px #cec5d4 solid; padding: 0; margin: 0; }
legend.oPanel { padding-left: 5px; padding-right: 5px; color: #808080; }
.oPanelElementContainer { padding: 10px; }
.oPanelElement { width: 100%; overflow: hidden; margin-bottom: 6px; }

.oPanelQuestion { display: block; }
.oPanelQuestionShort { width: 35%; float: left; }
.oPanelLabel { display: block; background: none; }
.oPanelLabelShort { padding: 2px 5px 2px 0; margin-right: 3px; }
.oPanelAnswer { display: block; }
.oPanelAnswerShort { width: 60%; float: left; }

.oPanelAnswerText { display: block; width: 95%; border: 1px solid #908299; background: #ffffff; margin: 0; padding: 1px 2px 2px 3px; }
.oPanelTextbox { width: 95%; border: 1px solid #908299; background: #ffffff; margin: 0; padding: 1px 2px 2px 3px; }
.oPanelTextarea { width: 95%; border: 1px solid #908299; background: #ffffff; margin: 0; padding: 2px; }
.oPanelSelect { width: 90%; }
.oPanelFile { width: 55%; border: 1px solid #908299; background: #ffffff; margin: 0; padding: 1px 2px 2px 3px; }

.oPanelInputShort { width: 30%; }
.oPanelInputMedium { width: 60%; }

label.oPanelCheckbox { display: block; padding-top: 3px; }
.oPanelSelect { }

.oPanelCalendar { position: absolute; top: 10px; left: 10px; background: #ffffff; }

/* RSS Picker - Floating Window */
.oFloat .oPanelElementContainer { padding: 6px 10px 8px 10px; }
.oFloat .oPanelElement { width: 100%; overflow: hidden; margin-bottom: 2px; }
.oFloat .oPanelQuestion { width: 40%; float: left; }
.oFloat .oPanelAnswer { width: 55%; float: left; }
.oFloat .oPanelLabel { display: block; padding: 2px 5px 2px 2px; margin-right: 3px; }

.oFloat .oPanelButtonBarOuter { text-align: right; clear: both; background: 0; }
.oFloat .oPanelButtonBarInner { width: 100%; overflow: hidden; }
.oFloat ul.oPanelButtonBar { margin: 0; padding: 0; }
.oFloat li.oPanelButtonBar { display: inline; background: none; padding: 0; margin: 0; }

/* Asset Search */
.oAssetManagerSearchPanelOuter { clear: both; background: #f2edf5; padding: 4px 10px 0 10px; }
.oAssetManagerSearchPanelInner { overflow: hidden; width: 100%; }
.oAssetManagerSearchPanelInner .oPanelElementContainer { padding-top: 4px; }
.oAssetManagerSearchPanelInner .oPanelElementContainerOuter { clear: both; }
.oAssetManagerSearchPanelInner .oPanelElementContainerInner { width: 100%; overflow: hidden; }

.oAssetManagerSearchPanelInner .oPanelElementColumn { float: left; overflow: hidden; }
.oAssetManagerSearchPanelInner .oPanelElementOuter { padding-right: 15px; }
.oAssetManagerSearchPanelInner .oPanelElementInner { width: 100%; overflow: hidden; }

.oAssetManagerSearchPanelInner .oPanelQuestionShort { }
.oAssetManagerSearchPanelInner .oPanelLabel { padding-top: 2px; }

.oAssetManagerSeachPanelColumnAlpha { width: 35%; }
.oAssetManagerSeachPanelColumnAlpha .oPanelQuestionShort { width: 31%; }
.oAssetManagerSeachPanelColumnAlpha .oPanelAnswerShort { width: 68%; }
.oAssetManagerSeachPanelColumnAlpha .oPanelTextbox { width: 95%; }

.oAssetManagerSeachPanelColumnBeta { width: 31%; }
.oAssetManagerSeachPanelColumnBeta .oPanelQuestionShort { width: 19%; }
.oAssetManagerSeachPanelColumnBeta .oPanelAnswerShort { width: 80%; }
.oAssetManagerSeachPanelColumnBeta .oPanelTextbox { width: 99%; }

.oAssetManagerSeachPanelColumnGamma { width: 32%; }
.oAssetManagerSeachPanelColumnGamma .oPanelQuestionShort { width: 30%; }
.oAssetManagerSeachPanelColumnGamma .oPanelAnswerShort { width: 69%; }
.oAssetManagerSeachPanelColumnGamma .oPanelTextbox { width: 99%; }

.oAssetManagerSearchPanelOuter .oPanelButtonBarOuter { background: none; border: 0; }

/* Inline Asset */
.oLiveEditPanelAssetBrowserOuter { padding: 4px 10px 10px 10px;  }
.oLiveEditPanelAssetBrowserInner { }

/* Categories */
#CategoryScrollArea { text-align: left; }
#CategoryScrollArea table { padding: 0; margin: 0; float: left; }

.oAssetWindowContainer { height: 275px; overflow: auto;  }

/* Floating Window Asset Thumbnail CSS */
#AssetManagerBrowserWindow .oAssetThumbnailOuter { text-align: center; float: left;  margin-right: 9px; margin-bottom: 9px; }
#AssetManagerBrowserWindow .oAssetThumbnailInner { width: 95px; height: 135px; overflow: hidden; }
#AssetManagerBrowserWindow .oAssetThumbnailImage { border: solid 1px #cccccc; width: auto !important; overflow: visible !important; background: #ffffff; height: 100px !important; vertical-align: middle; }
#AssetManagerBrowserWindow .oAssetThumbnailImage input { display: block; padding: 6px;  }
#AssetManagerBrowserWindow .AssetThumbnailText { padding: 3px; }
#AssetManagerBrowserWindow .AssetManagerThumbnailHolder { border: 1px solid #cccccc; background: #ffffff;  } /* does this get used? */
#AssetManagerBrowserWindow .oAssetThumbnailImage:hover, #AssetManagerBrowserWindow .oAssetThumbnailImage:active { height: 98px !important; border: solid 2px #996699 !important; background: #fdfafd; }

/* Table List */
.oAssetWindowContainer table.DataGrid { width: 95%; margin: 0; }
.oAssetWindowContainer th.DataHeader, .oAssetWindowContainer th { border: 1px solid #000000; background: #666666; color: #ffffff; text-align: left; padding: 2px 5px 2px 5px; }
.oAssetWindowContainer th.DataHeader a:link, .oAssetWindowContainer th.DataHeader a:visited { display: block; color: #ffffff; }
.oAssetWindowContainer th.DataHeader a:hover, .oAssetWindowContainer th.DataHeader a:active { display: block; color: #ffffff; text-decoration: underline; }
.oAssetWindowContainer td { border: 1px solid #cccccc; }
.oAssetWindowContainer span.oDataGridContent, .oAssetWindowContainer td input { display: block; padding: 2px; }
.oAssetWindowContainer tr.table-row-background-alpha { background: #eeeeee; }
.oAssetWindowContainer tr.table-row-background-beta { background: #F7F7F7; }
.oAssetWindowContainer span.oDataGridContent a:link, .oAssetWindowContainer span.oDataGridContent a:visited { display: block; }
.oAssetWindowContainer span.oDataGridContent a:hover, .oAssetWindowContainer span.oDataGridContent a:active {  }

/* Template Builder Element Configuration Form Classes */
.oElementFormContainer { padding: 5px 0 5px 0; clear: both; }
.oElementFormFieldset { border: 1px solid #cccccc; }
.oElementFormLegend { padding-left: 5px; padding-right: 5px; }
.oElementFormElementContainer { padding: 5px 8px 6px 8px; }

.oElementFormElement { clear: both; width: 100%; overflow: hidden; margin-bottom: 2px; }

.oElementFormQuestion { text-align: right; width: 45%; float: left; display: block; }
.oElementFormLabel { display: block; padding: 4px 5px 5px 5px; background: #eeeeee; margin-right: 3px; }

.oElementFormAnswer { text-align: left; display: block; width: 50%; float: left; }
.oElementFormAnswerText { display: block; padding: 3px 0 0 0; }
.oElementFormAnswerTextStyle { font-weight: bold; }

.oElementFormInputText { width: 90%; }
.oElementFormInputCheckBox { }
.oElementFormInputCheckbox input { }
    
.oElementFormInputTextarea { width: 90%; }
.oElementFormInputSelect { width: 90%; }
table.DataFormInputCheckbox { width: 90%; }

.oElementFormInputTextShort { width: 20% }
.oElementFormInputTextMedium { width: 50%; }
.oElementFormInputTextLong { width: 95%; }

.oElementFormInputShort { width: 20% }
.oElementFormInputMedium { width: 50%; }
.oElementFormInputLong { width: 95%; }

.oElementFormButtonContainer { text-align: right; clear: both; padding: 5px 0 5px 0; display: block;  width: 100%; }
.oElementFormLinkContainer { text-align: left; clear: both; padding: 5px 0 10px 0; display: block; width: 100%; }
input.oElementFormButton { border: 1px solid #999999; background: #ededec url("/EasySiteWeb/EasySite/SupportFiles/images/FloatingWindow/button_bg.gif") repeat-x top left; margin-left: 7px; color: #666666; padding: 1px 4px 1px 4px; }

.oElementFormError { color: #ff0000; }

.oElementFormElementCols .oElementFormAnswer { width: 45%; }
.oElementFormElementCols select { width: 100%; }
.oElementFormElementCols .oElementFormHelperIcon { display: block; float: left; text-align: left; width: 5%; padding: 2px 0 0 5px; }
.oElementFormElementCols .oElementFormHelperIcon img { display: block; }

.oElementFormHelperText { width: 47%; float: left; display: block; font-size: 0.94em; color: #ff0000; border: 1px solid #cccccc; background-color: #f7f7f7; padding: 5px; margin-bottom: 5px; }

.DatePickerCalendar { background: #ffffff; }

/* Page Creation / Management Forms and Presentation */

.TreeViewSelected { font-weight: bold; }
a.TreeViewSelected:link, a.TreeViewSelected:visited { font-weight: bold; }
a.TreeViewSelected:hover, a.TreeViewSelected:active { font-weight: bold; }


table.oPageInformation { border: 0; padding: 0; margin: 0; text-align: left; vertical-align: top; }

/* Toggle Table Outlines in ContentEditor */
div.showTables table    { border: 1px dotted #888 !important; }
div.showTables td       { border: 1px dotted #888 !important; }
div.showTables th       { border: 1px dotted #888 !important; }
div.showTables caption  { border: 1px dotted #888 !important; }