.DockZone:hover {border:1px solid #CCC !important;}
.CustomCssClass {border:1px solid #C00 !important;}

.EditBox * {font-family:tahoma !important;}
.EditBox {position:fixed; top:10px; bottom:10px; left:10px; width:237px; z-index:5000; font:12px tahoma;}
.EditBox .Tab {background:url(tab.png) no-repeat -1px -1px; color:#FFF; display:block; width:173px; height:28px; line-height:29px; padding-left:10px;}
.EditBox .SideBarTop {background:url(sidebar-top.png) no-repeat top right; display:block; width:237px; height:8px; font-size:0px;}
.EditBox .SideBarBottom {position:fixed; bottom:10px; background:url(sidebar-bottom.png) no-repeat top right; display:block; width:237px; height:8px; font-size:0px;}

.EditBox .ModuleTree {cursor:pointer; background:url(modules.png) no-repeat 3px; display:block; background-color:#3D3D3D; padding:5px 5px 5px 21px; color:#FFF; margin-top:5px;}
.EditBox .Properties {cursor:pointer; background:url(properties.png) no-repeat 3px; display:block; background-color:#3D3D3D; padding:5px 5px 5px 21px; color:#FFF; margin-top:5px;}
.EditBox .PageList {cursor:pointer; background:url(pagelist.png) no-repeat 3px; display:block; background-color:#3D3D3D; padding:5px 5px 5px 21px; color:#FFF; margin-top:5px;}
.EditBox .Help {cursor:pointer; background: url(Help.png) no-repeat 3px; display: block; background-color: #3D3D3D; padding: 5px 5px 5px 21px; color: #FFF; margin-top: 5px;}

.EditBox .ModuleTree:hover, .EditBox .Properties:hover, .EditBox .PageList:hover, .EditBox .Help:hover {color:#FFF;}

.EditBox .ModuleTreeBox {}
.EditBox .ModuleTreeBox .rtMinus {background:url(collapse.png) no-repeat !important; color:#FFF;}
.EditBox .ModuleTreeBox .rtPlus {background:url(expand.png) no-repeat !important; color:#FFF;}
.EditBox .ModuleTreeBox .rtIn {color:#FFFFFF !important; background-color:#657F90 !important; border:1px solid #657F90 !important; font-size:small;}
.EditBox .ModuleTreeBox .rtIn:hover, .rtIn:focus, .rtIn:active {background-color:#446377 !important; border:1px solid #446377 !important;}
.EditBox .ModuleTreeBox .rtUL .rtUL .rtTop {padding:2px 0px 2px 10px; margin:0px 0px 0px 5px; background:url(control.png) no-repeat 0px 8px !important;}
.EditBox .ModuleTreeBox .rtUL .rtUL .rtMid {padding:2px 0px 2px 10px; margin:0px 0px 0px 5px; background:url(control.png) no-repeat 0px 8px !important;}
.EditBox .ModuleTreeBox .rtUL .rtUL .rtBot {padding:2px 0px 2px 10px; margin:0px 0px 0px 5px; background:url(control.png) no-repeat 0px 8px !important;}
.EditBox .ModuleTreeBox .rtUL .rtUL .rtImg {display:none;}

.EditBox .PropertiesBox {display: none; color:#FFF; background-color:#657F90; margin-left:5px; margin-right:5px; padding:5px; color:#FFF;}
.EditBox .PropertiesBox .btnSave, .btnCancel {border:1px solid #555555; background-color:#555555; color:#FFFFFF; font:12px tahoma; padding:3px;}

.EditBox .PageListBox {display: none; color:#FFF !important; background-color:#657F90; margin-left:5px; margin-right:5px; padding:5px; color:#FFF;}
.EditBox .PageListBox * {color:#FFF !important; font-size:small !important;}

.EditBox .HelpBox {display: none; color:#FFF; background-color: #657F90; margin-left: 5px; margin-right: 5px; padding: 5px; color: #FFF;}

.EditOptions * {font-family:tahoma !important;}
.EditOptions {background-color:#0C0; position:fixed; top:10px; right:10px; z-index:5000; background:url(toptab.png) no-repeat top left; width:249px; height:44px; line-height:44px; font-size:12px; text-align:center;}
.EditOptions .Preview {background:url(preview.png) no-repeat top left; color:#FFF; padding-left:20px; margin-right:5px; text-decoration:none;}
.EditOptions .Cancel {background:url(cancel.png) no-repeat top left; color:#FFF; padding-left:20px; margin-left:5px; text-decoration:none;}
.EditOptions .Save {background:url(save.png) no-repeat top left; color:#FFF; padding-left:20px; margin-left:5px; text-decoration:none;}


.Opacity {background-image:url(Opacity.png); position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:1 !important;}
.RadDockZone { z-index:2 !important;}