.TemplateDesignerPaletteWindow
{
	top:83px;
	left:570px;
	height: 280px;
	width: 180px;
	position:absolute;
	z-index: 2;
}


.TemplateDesignerPaletteIconArea
{
	padding:6px;
}

.oTemplateDesignerPalette img {
float:left;
margin:2px;
}

.TemplateDesignerPaletteIconArea img
{
	margin:2px;
}

.TemplateDesignerPaletteRegionTitle
{
	background:#fafafa;
	padding:2px;
}

.TemplateDesignerPaletteClientRegion
{
	background:white;
	padding:0px;
}

.ElementMenu { visibility: hidden; background: white; border: solid 1px #cccccc; clear: both; }
.ElementMenuHeading { cursor: default; background: #999999; color: #ffffff; font-size:1em; text-align: left; font-weight :bold; padding:1px; padding-left:10px; padding-right:10px; width:200px;  }
.ElementMenuOption { background: #f2f2f2; color:white; font-size: 1em; padding:1px; padding-left:10px; padding-right:10px; width:200px;}
.ElementMenuOption a, .ElementMenuOption a:visited {}
.ElementMenuOption a:active, .ElementMenuOption a:hover { color: #ff0000; }
/*
.TemplateDesigner-Page { border: dotted 1px #fafafa; background: #fefefe; padding:5px; width: 550px; }
*/
.TemplateDesigner-Droppable { border: dotted 1px #f0f0f0; background: #fafafa; padding: 5px; margin-top: 5px; margin-bottom: 0px; color: #dadada; clear: both; }
.TemplateDesigner-DesignColumn { border: dotted 2px #bbbbbb; background:#fefefe; padding: 5px; color: gray; }
.TemplateDesigner-PageElement { border: dotted 1px #cacaca; background: #dadada; padding: 5px; color: #888888; font-weight:bold;position:relative;}

/* Content Editor Styles */
#SymbolSelector td			{	width:18px; height:18px; text-align:center; vertical-align:middle; }
#SymbolSelector table		{	display:inline; float:left; }
div.SpellCheckMenu			{	text-align: left; padding: 1px; border: 1px solid black; background-color: #fff; }
div.SpellCheckMenu	a		{	padding: 1px; display: block; color: black; text-decoration: none; }
div.SpellCheckMenu	a:hover	{	background-color: Navy; color: White;	}

/* Edit View New MG Classes */
.oEditFormContainer { padding: 10px; }
.oEditFormFieldset { border: 1px solid #cccccc; margin: 0 0 1em 0; }
.oEditFormLegend { padding-left: 5px; padding-right: 5px; }
.oEditFormElementContainer { padding: 5px 10px 8px 10px; }
.oEditFormElement { clear: both; width: 100%; overflow: hidden; margin: 0 0 2px 0; }

.oEditFormQuestion { text-align: right; width: 49%; float: left; display: block; background: #eeeeee; margin-right: 3px; margin-top: 1px; }
.oEditFormLabel { display: block; padding: 3px 10px 2px 10px; }

.oEditFormAnswer { text-align: left; display: block; width: 50%; float: left; }
.oEditFormAnswerText { text-align: left; float: left; display: block; width: 60%; }
.oEditFormAnswerTextStyle { font-weight: bold; }
.oEditFormInputSuffix { padding-left: 10px; }

.oEditFormInput { border: 1px solid #ccc; }
.oEditFormInputText { width: 90%; }
.oEditFormInputTextarea { width: 90%; }
.oEditFormInputSelect { width: 90%; }
table.DataFormInputCheckbox { width: 90%; }
.oEditFormInputCheckbox { width: 90%; }
.oEditFormInputShort { width: 20%; }

.DatePickerCalendar { background: #ffffff; }

/* 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; }

/* Gui Forms (have to deprecate as escaped into per client styles)
.oGuiFormContainer { padding: 10px; }
.oGuiFormFieldset { border: 1px solid #cccccc; margin-top: 1em; }
.oGuiFormLegend { padding-left: 5px; padding-right: 5px; }
.oGuiFormElementContainer { padding: 10px; }
.oGuiFormElement { clear: both; width: 100%; overflow: hidden; margin-bottom: 1px; }

.oGuiFormQuestion { text-align: right; width: 35%; float: left; display: block; background: #eeeeee; margin-right: 3px; }
.oGuiFormLabel { display: block; padding: 15px 10px 16px 10px; }

.oGuiFormAnswer { text-align: left; display: block; width: 60%; float: left; }
.oGuiFormAnswerText { text-align: left; float: left; display: block; width: 60%; }
.oGuiFormAnswerTextStyle { font-weight: bold; }
.oGuiFormInputSuffix { padding-left: 10px; }

.oGuiFormInputText { width: 90%; }
.oGuiFormInputTextarea { width: 90%; }
.oGuiFormInputSelect { width: 90%; }
.oGuiFormInputTextShort { width: 100px; }
.oGuiFormInputTextMedium { width: 175px; }
.oGuiFormInputTextFull { width: 250px; }
.oGuiFormDatePicker { width: 100px; }
 */
/* Page Creation Forms */
.oPageManagerFormContainer { padding: 10px; }
.oPageManagerFormFieldset { border: 1px solid #cccccc; margin-top: 1em; }
.oPageManagerFormLegend { padding-left: 5px; padding-right: 5px; }
.oPageManagerFormElementContainer { padding: 10px; }
.oPageManagerFormElement { clear: both; width: 100%; overflow: hidden; margin-bottom: 2px; }

.oPageManagerFormQuestion { text-align: right; width: 35%; float: left; display: block; }
.oPageManagerFormQuestionLong { width: 74%; }
.oPageManagerFormLabel { display: block; padding: 4px 10px 4px 10px; margin-right: 3px; background: #eeeeee; }

.oPageManagerFormAnswer { text-align: left; display: block; width: 64%; float: left; }
.oPageManagerFormAnswerShort { width: 25%; }

.oPageManagerFormAnswerText { text-align: left; float: left; display: block; width: 60%; }
.oPageManagerFormAnswerTextStyle { font-weight: bold; }
.oPageManagerFormAnswerPlain { display: block; padding: 4px 0 0 2px; }
.oPageManagerFormInputSuffix { padding-left: 10px; }

.oPageManagerFormInputText { width: 90%; }
.oPageManagerFormInputTextarea { width: 90%; }
.oPageManagerFormInputSelect { width: 90%; }
.oPageManagerFormInputTextShort { width: 100px; }
.oPageManagerFormInputTextMedium { width: 175px; }
.oPageManagerFormInputTextFull { width: 250px; }
.oPageManagerFormDatePicker { width: 100px; }

.DatePickerCalendar { background: #ffffff; }

/* Panel Forms */

.oPanelForm { float: left; width: 100%; overflow: hidden; }
.oPanelFormContainer { padding: 0; width: 100%; }
.oPanelFormFieldset { border: 1px solid #cccccc; padding: 0; margin: 0; }
.oPanelFormLegend { padding-left: 5px; padding-right: 5px; }
.oPanelFormElementContainer { padding: 8px; }

.oPanelFormElement { clear: both; display: block; width: 100%; margin-top: 1px; overflow: hidden; }

.oPanelFormQuestion { display: block; width: 35%; float: left; }
.oPanelFormAnswer { display: block; width: 60%; float: left; }

.oPanelFormLabel { display: block; padding: 3px; color: #404040; background: #eeeeee; }
.oPanelFormInputText { width: 100%; }
.oPanelFormInputFile { width: 100%; }
.oPanelFormAnswerText { display: block; padding: 3px 10px 2px 10px; }
.oPanelFormInputTextarea { width: 100%; }

.oTemplateDesignerPaletteWindowOuter { position: absolute; top: 25px; right: 100%; width: 190px; z-index: 99; border: solid 1px #cccccc; background: #F7F7F7; }
.oTemplateDesignerPaletteWindowInner { width: 100%; }

.oTemplateDesignerPaletteHeaderOuter { cursor: hand; cursor: default; background: #F7F7F7 url("/EasySiteWeb/EasySite/SupportFiles/images/Panel_Images/bg_panel_title.gif") repeat-x bottom; padding: 2px 3px 2px 1px; }
.oTemplateDesignerPaletteHeaderInner { width: 100%; }

.oTemplateDesignerPaletteTitle { float: left; padding-top: 1px; font-weight: bold; color: #404040;  }
.oTemplateDesignerPaletteRegionTitle {	background: #eeeeee; padding: 4px 10px 4px 10px; font-weight: normal; color: #404040; }


/* from EditMode */

/* temp */
.oPageManagerFormSharePanel { background: none; padding: 0; }
.oPageManagerFormSharePanelInner { width: 100%; overflow: hidden; }

/* Panel Forms */
.oPanelForm { float: left; width: 100%; overflow: hidden; }

.oPanelFormElement { clear: both; display: block; width: 100%; margin-top: 1px; overflow: hidden; }

.oPanelFormQuestion { display: block; width: 35%; float: left; }
.oPanelFormAnswer { display: block; width: 60%; float: left; }

.oPanelFormLabel { display: block; padding: 3px; color: #404040; background: #eeeeee; }
.oPanelFormInputText { width: 100%; }
.oPanelFormInputFile { width: 100%; }
.oPanelFormAnswerText { display: block; padding: 3px 10px 2px 10px; }
.oPanelFormInputTextarea { width: 100%; }

/* New Nov 2006 Code by MG */
.oPaletteOuter { cursor: hand; position: absolute; top: 5%; right: 100%; width: 185px; z-index: 2; }
.oPaletteInner { border: solid 1px #cccccc; background: #F7F7F7; }

.oPaletteHeaderOuter { padding: 2px 3px 2px 1px; border-bottom: solid 1px #cccccc; background: url("/EasySiteWeb/EasySite/SupportFiles/images/Panel_Images/bg_panel_title.gif") repeat-x bottom left; }
.oPaletteHeaderInner { width: 100%; overflow: hidden; }

.oPaletteTitle { display: block; padding: 1px 0 2px 20px; font-weight: bold; color: #404040; background: url("/EasySiteWeb/EasySite/SupportFiles/images/Panel_Images/icon_panel_tbe.gif") no-repeat left top; }

.oPaletteSubTitle { display: block; padding: 3px 5px 4px 5px; font-weight: normal; color: #404040; background: #eeeeee; }

.oTemplateDesignerPaletteWindowOuter { border: solid 1px #cccccc; background: #F7F7F7; }
.oTemplateDesignerPaletteWindowInner { width: 100%; overflow: hidden; }

.oTemplateDesignerPaletteHeaderOuter { background: #F7F7F7 url("/EasySiteWeb/EasySite/SupportFiles/images/Panel_Images/bg_panel_title.gif") repeat-x bottom; padding: 2px 3px 2px 1px; }
.oTemplateDesignerPaletteHeaderInner { width: 100%; overflow: hidden; }

/* Asset Manager Controls in Edit Mode

/* Panel Title Controls */
.AssetManagerTitleBar { cursor: hand; background: #F7F7F7 url("/EasySiteWeb/EasySite/SupportFiles/images/Panel_Images/bg_panel_title.gif") repeat-x bottom; width: 100%; overflow: hidden; }
.AssetManagerTitle { display: block; float: left;  padding: 2px 0 0 0; }
#PanelIcon { float: left; padding: 2px; width: 22px; }
.PanelTitleBar { }
.PanelTitle { float: left; color: #404040; font-size: 1em; font-weight: normal; }
.AssetManagerTitleRoot { font-weight: bold; }
#ClosePanelWin { float: right; padding: 2px; }
.IconPanelClose { border: 0; }

/* Panel Button Bar */
#PanelButtonBar { border-top: solid 1px #cccccc; padding: 3px 8px 3px 8px; background: #E5E5E5; }
a.PanelButtonBarLink:link, a.PanelButtonBarLink:visited { text-decoration: none; color: #404040; } 
a.PanelButtonBarLink:hover, a.PanelButtonBarLink:active { text-decoration: underline; color: #404040; } 

.AssetManagerMiniToolbar { }

/* Panel Main Window */
.AssetManagerAreaMiddle { background: #F7F7F7; padding: 8px; }
.AssetDetailsLeftOuter { width: 148px; float: left; border: 1px solid #cccccc; background: #ffffff; }
.AssetDetailsLeftInner { padding: 8px; vertical-align: middle; text-align: center; height: 175px; }
.AssetDetailsRightOuter { margin-left: 175px; }
.AssetDetailsRightInner { vertical-align: top; }

/* Panel Form */
.PanelFormDivider { margin-bottom: 4px; }
.PanelFormQuestion { font-size: 1em; color: #404040; }
.PanelFormInputTextbox { border: 1px solid #cccccc; padding: 1px 2px 1px 3px; background: #ffffff; width: 90%; }
.PanelFormInputTextarea { border: 1px solid #cccccc; padding: 1px 2px 1px 3px; background: #ffffff; width: 90%; }

.AssetCategoryPanelOuter { float: left; height: 300px; width: 168px; overflow: scroll; border: 1px solid #cccccc; background: #ffffff; }
.AssetCategoryPanelInner { float: left; width: 100%; }


/* Element Configuration (simple) */
.element-configuration { clear: both; }
.element-configuration fieldset { border: 1px solid #ccc; }
.element-configuration legend { padding-left: 10px; padding-right: 10px; }
.element-configuration .elements-container { padding: 5px 10px 8px 10px; }
.element-configuration .element { width: 100%; overflow: hidden; margin-bottom: 2px; }
.element-configuration .element .question { display: block; width: 45%; float: left; text-align: right; }
.element-configuration .element .question label { display: block; padding: 3px 10px 3px 10px; background: #eeeeee; margin-right: 3px; }
.element-configuration .element .answer { display: block; width: 54%; float: left; }
.element-configuration .element .answer-text { }
.form .input { width: 95%; margin: 0; padding: 2px; border: 1px solid #ccc; float: left; background: #fff; }
.form .input-textbox {  }
.form .input-textarea {  }
.form .input-select {  }
.form .input-radios {  }
.form .input-checkboxes {  }

.form .input-medium { width: 55%; }
.form .input-short { width: 20%; }

/* Template Builder Element Configuration Form Classes */
.oElementFormContainer { padding: 5px 0 5px 0; }
.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 4px 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%; }
.oElementFormInputTextMediumLong { width: 75%; }
.oElementFormInputTextLong { width: 95%; }

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

.oElementFormButtonContainer { text-align: right; clear: both; padding: 5px 0 5px 0; }
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; }


/* dont know where this is used */
.AssetManagerExceptionArea { padding: 5px; }

.AssetListPanelOuter { margin-left: 168px; }
.AssetListPanelInner { }


.AssetManagerStatusBarOuter { clear: both; }
.AssetManagerStatusBarInner { padding-top: 8px; }
.StatusBarText { float: left; }

.AssetManagerToolbar { background: #E5E5E5; } /* check if still in use */

.Edit_CurrentAsset_ChangeableColor { background: #F7F7F7; }

.AssetManager_Details_Footer { font-size: 1em; text-align:right;}
.AssetManagerPageNavigation { background: #F7F7F7; font-size: 1em; padding-right: 10px; padding-left: 10px; padding-top:2px; }

.AssetManager_ListBox { font-size: 1em; }
.AssetManager_Toolbar_Title { font-weight: bold; font-size: 1em; padding: 3px; }

.AssetManager_PreviewImageCell { padding: 8px; }

/* Will Need changing when asset management taken out of tables */
.InlineAssetFormInputText { padding: 2px; padding-left: 4px; border: 1px solid #E5E5E5; background: #ffffff; width: 135px; }
.InlineAssetFormQuestion { background: #EDEDED; display: block; text-align: right; padding: 2px 6px 2px 5px; }
.InlineAssetFormInputTextarea { border: 1px solid #E5E5E5; background: #ffffff; width: 135px; }
.InlineAssetFormInputSelect { background: #ffffff; border: 1px solid #e5e5e5;  }

.InlineHeadlineFormQuestion { background: #EDEDED; display: block; text-align: right; padding: 2px 6px 2px 5px; font-weight: normal; }
.InlineHeadlineFormInputText { padding: 2px; padding-left: 4px; border: 1px solid #E5E5E5; background: #ffffff; }

.AssetManager_Field { background: #EDEDED; display: block; text-align: right; padding: 2px 6px 2px 5px;  }
.AssetManager_Value { display: block; margin: 0; padding: 0; float: left; }
.AssetManager_Label { margin: 0; padding: 0; }


.Panel_PreviewPane_Calendar { position: absolute; top: 130px; right: 20px; background: #ffffff; }


.AssetManager_TabBar { border-top: 1px solid #BAB7B7; border-bottom: 1px solid #BAB7B7; padding: 7px; background: #EFF1F3; }
.AssetManager_SelectedTab:link, .AssetManager_SelectedTab:visited { 
    color: #000000; border: 1px #ffffff solid; background: #CCCCCC; padding: 2px 10px 2px 10px; text-decoration: none; }
.AssetManager_SelectedTab:active, .AssetManager_SelectedTab:hover { 
    color: #ff0000; background: #E5E5E5; text-decoration: underline; }

.AssetManager_UnselectedTab:link, .AssetManager_UnselectedTab:visited { 
    color: #606161; border: 1px #EFF1F3 solid; background: #EFF1F3; padding: 2px 10px 2px 10px; text-decoration: none; }
.AssetManager_UnselectedTab:active, .AssetManager_UnselectedTab:hover { 
    color: #000000; border: 1px #ffffff solid; background: #CCCCCC; padding: 2px 10px 2px 10px; text-decoration: none;  }
    
div.genericListSetting ul.settingsList { list-style-type: none; padding: 0; margin: 0;}
div.genericListSetting ul.settingsList li { clear:both; margin-bottom:10px; list-style-type: none; }
div.genericListSetting ul.settingsList li .removeButton { padding-left:5px; }

.ie6-inner { float: left; }

/* temp only! */
div.admin_options_content { clear: both; }
div.admin_search { padding: 10px; }
.admin_options_content ul, .tool_options li { margin: 0; padding: 0;  }
.admin_options li { list-style-type: none; background: url("/EasySiteWeb/EasySite/SupportFiles/images/icons/bullet.gif"); background-repeat: no-repeat; padding-left: 20px; background-position: center left; }
.admin_options a:link, .admin_options a:visited {  }
.admin_options a:active, .admin_options a:hover { }