.panel { background-color: #fff; border-radius: 3px 3px 3px 3px; box-shadow: 0 0 4px rgba(0,0,0,0.25); padding: 1px; margin: 0 17px 17px; max-width: 1400px; }
.panel>header { background: #F7F7F7 url(/images/theme/bgPanelHead.png) repeat-x bottom; border-top-left-radius: 3px; border-top-right-radius: 3px; color: #62761e; cursor: default; font-size: 12px; line-height: 31px; font-weight: normal; min-height: 31px; padding: 0 10px; text-shadow: 1px 1px 0 #fff; position: relative; }
.panel>footer { background-color: #f0f0ee; background-image: none; text-align: left; font-weight: normal; border-top: 1px solid #e0e0de; margin: 0; padding: 10px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.panel>.panelContent { padding: 10px; position: relative; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; overflow: auto; }
.panel>.panelContent.tableContainer { padding: 0px; }

.panel>header>.head-title { display:inline-block; width: 200px; text-align: center; border-right: dotted 2px #ccc; margin-right: 10px; }
.panel>header>.head-title>.head-icon { margin-right: 5px; display: inline-block; background-image: url(); width: 24px; background-repeat:no-repeat; background-position: center;}

.panel>header>.head-menu, .panel>footer>.foot-menu { }
.panel>header>.head-menu>a, .panel>footer>.foot-menu>a { position: relative; top: -2px; cursor: pointer; }
.panel>header>.head-menu>a:hover, .panel>footer>.foot-menu>a:hover { background-color: #3D7EAB; }

.panel>header>.head-menu>.linkButton { position: relative; top: -2px; }
.panel>header>.head-menu>.linkButton:hover { background-color: #3D7EAB; cursor: pointer; }

.loading {}
.loading>header { display: block; }
.loading>header a { display: none; }
.loading>div.panelContent { display: block; background: #fff url(/images/icons/ajax-loader.gif) no-repeat center center; min-height: 32px; }

.loading * { display: none; }

.panel ul.tabStrip { background: #fff url(/images/theme/bgTabStrip.png) repeat-x bottom;  height: 34px; line-height: 34px; max-height: 34px; min-height: 34px; /*box-shadow: _boxShadow[inset 0 -5px 65px -5px rgba(5, 12, 26, 0.4), 0 -1px 3px rgba(0, 20, 35, 0.05), inset 0 -5px 10px -5px rgba(0, 0, 0, 0.2)]_;*/ padding-left: 10px;  }
.panel>header ul.tabStrip { /*position: absolute; bottom: 0; left: 0; right: 0;*/ background: inherit; font-weight: 400; padding: 0 10px 0 0; vertical-align: bottom; box-shadow: none; }/* the tab strip *is* the header, so it will look different */
.panel ul.tabStrip li { background-color: #f1f1f1; color: #408ec3; cursor: default; display: inline-block; font-size: 15px; height: 25px; line-height: 25px; border-bottom: 1px solid #e0e0de; margin-right: 5px; max-height: 28px; min-height: 25px; padding: 0 10px; text-shadow: 1px 1px 0 #fff; vertical-align: bottom; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; cursor: pointer; box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(255, 255, 255, 0.6) inset; }
.panel ul.tabStrip li.cms-pnl-StickyTab { position: absolute; right: 10px; bottom: 0; margin: 0; background-color: #F2FAFF; }
.panel ul.tabStrip li:hover { background: #408ec3; border-bottom: 1px solid transparent; box-shadow: 0 -2px 2px rgba(0,0,0,.1), inset 0 -8px 10px -10px rgba(0,0,0,.8); color: #fff; text-shadow: none; }
.panel ul.tabStrip li.current { font-weight: bold; }
.panel ul.tabStrip li.current, .panel ul.tabStrip li.current:hover { background: #fff; box-shadow: 0 -2px 2px rgba(0,0,0,.25), 0 2px #fff; color: #778e45; cursor: default; border-bottom: 1px solid transparent; line-height: 28px; height: 28px; }

.panel span.panelState { background: transparent url(/images/theme/icoCollapse.png) no-repeat center center; cursor: pointer; display: inline-block; margin-right: 5px; width: 14px; }
.panel span.panelState:hover { background-image: url(/images/theme/icoCollapse_hover.png) }

.panel.collapsed {}
.panel.collapsed span.panelState { background-image: url(/images/theme/icoExpand.png) }
.panel.collapsed span.panelState:hover { background-image: url(/images/theme/icoExpand_hover.png) }
.panel.collapsed .head-menu { display: none; }
.panel.collapsed .panelContent { display: none; }
.panel.collapsed footer { display: none; }