/*WidgetSelector */


div.EeeWidgetSelector{ background-color:white;text-align: left; }
div.EeeWidgetSelectorInLine{height: 300px;}
.EeeWidgetSelectorButton{}



.EeeWidgetSelector .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.EeeWidgetSelector .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.EeeWidgetSelector .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.EeeWidgetSelector .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.EeeWidgetSelector .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.EeeWidgetSelector .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.EeeWidgetSelector .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.EeeWidgetSelector .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.EeeWidgetSelector .ui-tabs .ui-tabs-hide { display: none !important; }


/*.EeeWidgetSelector .ui-tabs{min-width: 500px;}*/
.EeeWidgetSelector .ui-tabs-vertical { height: 100%;box-sizing:border-box;}
.EeeWidgetSelector .ui-tabs-vertical .ui-tabs-nav { height: 100%;box-sizing:border-box; padding: .2em .1em .2em .2em; float: left; width: 12em;background: none;border-width: 0;border-right-width: 1px;}
.EeeWidgetSelector .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%;border: 1px solid silver; border-bottom: 1px solid silver !important; border-right-width: 0 !important; margin: 0 -1px -1px 0;background-image: url("themes/base/images/ui-bg_highlight-soft_75_cccccc_1x100.png");}
.EeeWidgetSelector .ui-tabs-vertical .ui-tabs-nav li:hover { background-image: url("themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png");}
.EeeWidgetSelector .ui-tabs-vertical .ui-tabs-nav li a { display:block;float: none;}
.EeeWidgetSelector .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; background-color: white;background-image: none;}
.EeeWidgetSelector .ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 40em;}


.EeeWidgetSelector .ui-tabs .tabs-content{ position: relative;padding-left: 1em;height: 100%; overflow: auto;/*padding-right: 10px;*/}
.EeeWidgetSelector .ui-tabs .tabs-content ul{ list-style: none;margin: 0;padding: 0;}


.EeeWidgetSelector .tabs-content .title{}
.EeeWidgetSelector .tabs-content .description{ font-style: italic;color: silver;margin-bottom: 10px;}


.EeeWidgetSelector.ui-dialog-content{ padding: 0;}
.EeeWidgetSelector .sortableWidgets{ list-style: none;padding: 0;margin: 0;}
.EeeWidgetSelector .sortableWidgets li{ padding: 5px 10px;margin: 4px ;width: auto;}
.EeeWidgetSelector .sortableWidgets li.ui-state-default{ cursor: move; }
.EeeWidgetSelector .sortableWidgets input[type=checkbox] { cursor: pointer;}




/*WidgetSelector */

/*EeeWidgetManager*/
.EeeWidgetManager{border: 1px solid silver;}
.EeeWidgetManager:before,
	.EeeWidgetManager:after {display: table;line-height: 0;content: "";}
.EeeWidgetManager:after {clear: both;}


.EeeWidgetManager ul.widgetsContainer{list-style: none;margin: 0;padding: 0;position: relative;}
.EeeWidgetManager ul.widgetsContainer .ui-helper-hidden{ display: none;}


/*sortable layout*/

.EeeWidgetManager ul.widgetsContainer > li{float: left; margin: 0; margin: 0; width: 50%; height: 350px; box-sizing: border-box; padding: 5px; min-width: 350px;}
.EeeWidgetManager ul.widgetsContainer > li.sortable-placeholder {background-color: #F9F6F4;}

.EeeWidgetManager ul.widgetsContainer > li.EeeWidgetWrapper{ position: relative; }

/*resizable*/
.EeeWidgetManager li.EeeWidgetWrapper > .ui-resizable-s { bottom: 0px;}

/*fixedColumns*/
.EeeWidgetManager.fixedColumns { min-width: 950px;}
.EeeWidgetManager.fixedColumns > table{ table-layout: fixed;border-collapse: collapse;border-spacing: 0;padding: 0;margin: 0;}
.EeeWidgetManager.fixedColumns > table td{ vertical-align: top;width: auto;padding: 0;margin: 0;border-width: 0;}
.EeeWidgetManager.fixedColumns .EeeWidget .EeeWidgetContent{ vertical-align: middle;}
.EeeWidgetManager.fixedColumns ul.widgetsContainer { min-height: 350px;} 
.EeeWidgetManager.fixedColumns ul.widgetsContainer > li{float: none;display: block;width: 100%;min-width:auto;}



.EeeWidget {
	height: 100%;
	border: 1px solid silver;border-radius: 5px;
	box-shadow: 1px 1px 5px 0 silver;background-color: white;
	padding: 0;margin: 0;
}
.EeeWidget>table{width: 100%; height: 100%;	border-collapse: collapse;border-spacing: 0;padding: 0;margin: 0;table-layout: fixed;}
.EeeWidget:hover{border-color: gray; box-shadow: 1px 1px 5px 0px gray;}
.EeeWidget tr, .EeeWidget td{ padding: 0;margin: 0;border-width: 0;vertical-align: middle;text-align: center;white-space: normal;}

/*@media (max-width: 800px)  {
	.EeeWidgetManager ul.widgetsContainer > li.EeeWidgetWrapper {float: none;display: block;width: 100%;}
	.EeeWidget {min-width: 500px;}
	.EeeWidgetManager.fixedColumns .EeeWidget {min-width: auto;}
}*/

/*Widget Layout*/

				
.EeeWidget .EeeWidgetWrapper{height: 100%; margin: 0 10px;}

.EeeWidget .EeeWidgetHeader {
	height: 37px;border-radius: 5px 5px 0 0;
	vertical-align: top;
}

.EeeWidget .EeeWidgetHeader .EeeWidgetWrapper {
	margin: 0;
	height: 32px;
	padding: 0 10px;
	background-color:#F4D6BC; border-radius: 5px 5px 0 0;text-align: center;
}


.EeeWidget .EeeWidgetToolBar {height: 30px;vertical-align: top;}
.EeeWidget .EeeWidgetToolBar .EeeWidgetWrapper{height: 25px;}

.EeeWidget .EeeWidgetContent { position: relative;}
.EeeWidget .EeeWidgetContent .EeeWidgetWrapper{height: 100%; vertical-align: top;}


.EeeWidget .EeeWidgetFooter {
	vertical-align: bottom;
	height: 22px;text-align: right;border-radius: 0 0 4px 4px;color: silver;
}

.EeeWidget .EeeWidgetFooter .left{ float: left;}

.EeeWidget .EeeWidgetFooter .EeeWidgetWrapper{font-size: 9pt; line-height: 12px; font-style: italic; _background-color: #EB6E44;}

.EeeWidget .EeeWidgetFooter a{ color: silver;font-style: normal; }
.EeeWidget .EeeWidgetFooter a:hover{ color: #232323;}




/*widget styles*/

.EeeWidget .EeeWidgetHeader .title {font-size: 1.3em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;cursor: move;color: black;line-height: 31px;height: 100%;}

/*headr toolbar*/

.EeeWidget .EeeWidgetHeader .EeeHeaderToolBar{ list-style: none;float: right;height: 100%;padding-left: 0;margin: 0; }
.EeeWidget .EeeWidgetHeader .EeeHeaderToolBar > li{float: left; margin: 0; border: 1px solid transparent;margin-top: 4px;border-radius: 4px;}
.EeeWidget .EeeWidgetHeader .EeeHeaderToolBar > li > a { margin: 2px;border-radius: 1px;}
.EeeWidget .EeeWidgetHeader .EeeHeaderToolBar > li:hover { border: 1px solid white; }
.EeeWidget .EeeWidgetHeader .EeeHeaderToolBar > li:hover a{ box-shadow: 0px 0px 15px 0px white;}
.EeeWidget .EeeWidgetHeader .EeeHeaderToolBar > li > a:active{ background-color: white; box-shadow: 0px 0px 10px 5px white;}
.EeeWidget .EeeWidgetHeader .EeeHeaderToolBar > li > a:focus{ outline: none;}
.EeeWidget .EeeWidgetHeader .EeeHeaderToolBar .ui-icon {
	background-image: url(themes/base/images/ui-icons_888888_256x240.png)/*{iconsDefault}*/;
}
.EeeWidget .EeeWidgetHeader .EeeHeaderToolBar li:hover .ui-icon {
	background-image: url(themes/base/images/ui-icons_454545_256x240.png)/*{iconsHover}*/;
}

.EeeWidget .EeeWidgetHeader .EeeHeaderToolBar .description{position: absolute;width: 80%;right: 10%;background-color: white;box-shadow: 0 0 5px 1px silver;
														   border: 1px solid silver;min-height: 40px;vertical-align: middle;padding: 5px;z-index: 2; }
.EeeWidget .EeeWidgetHeader .EeeHeaderToolBar .description .close{ float: right;}

/*header menu*/
.EeeWidget .EeeWidgetHeader .EeeWidgetDropDownMenu .ui-menu{position: absolute;text-align: right;z-index: 2;right: 16px;margin-top: 1px;text-wrap: none;display: none;border-radius: 4px 0 4px 4px;}
.EeeWidget .EeeWidgetHeader .EeeWidgetDropDownMenu:hover .ui-menu{ display: block;}
.EeeWidget .EeeWidgetHeader .EeeWidgetDropDownMenu .ui-menu .ui-menu-item{ list-style: none;}
.EeeWidget .EeeWidgetHeader .EeeWidgetDropDownMenu .ui-menu .ui-menu-item a:hover{background-image: url("themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png");}

/*WidgetToolBar*/
.EeeWidget .EeeWidgetToolBar .EeeWidgetWrapper{border: 1px solid silver;border-radius: 4px;padding: 0 2px;}
.EeeWidget .EeeWidgetToolBar ul{ padding: 0;list-style: none;line-height: 22px;margin: 0;}
.EeeWidget .EeeWidgetToolBar ul li{ float: left;margin-left: 5px;}
.EeeWidget .EeeWidgetToolBar ul li.active a{ font-weight: bold;color: black;cursor: default;}

/*WidgetContent*/

.EeeWidget .EeeWidgetContent .EeeWidgetWrapper{ }
.EeeWidget .EeeWidgetContent .OverFlowAuto{overflow: auto;}


/*Widget Standalone*/
.Standalone {position: relative;width: 600px;margin: 0;padding: 0;}
.Standalone>section { margin: 10px;}
.Standalone article > div.EeeWidgetWrapper{position: relative;margin: 0; margin: 0; height: 350px; box-sizing: border-box; padding: 5px; min-width: 350px;}
.Standalone .EeeWidget .EeeWidgetHeader .title { cursor: default;}

/*Error message*/
.errorMessage { text-align: left;list-style: none;margin: 0;padding: 0 20px;padding-bottom: 40px;}
.errorMessage .ui-state-error{ background-color: transparent;border-width: 0;background-image: none;}
.errorMessage .errorMessage{padding-left: 20px;padding-bottom: 0;}
.errorMessage .stackTrace{ color: grey;}