/*************** Header ***************/

.BannerHeader { background-repeat: no-repeat; background-position: center left; height: 60px; }

.HeaderLeft { width: 180px; background-position: center center; background-repeat: no-repeat; }

.HeaderCenter { }

.HeaderRight { }

/*************** Template **************

.ContentDiv { height: expression(window.document.body.offsetHeight - document.getElementById( 'BannerDiv' ).offsetHeight - 5); overflow: auto; background-color: #F5EDDF; }    */
.ContentDiv { overflow: auto; background-color: #F5EDDF; }

.LeftPane { padding-left: 10px; padding-bottom: 5px; width: 25%; }

.ContentPane { padding-left: 10px; padding-bottom: 5px; padding-right: 10px; }

.RightPane { width: 25%; padding-bottom: 5px; padding-right: 10px; }

.TopLine { font-family: Arial, Verdana, Helvetica, sans-serif; }

.TopLine .ProxyList { font-size: 9px; color: Navy; font-family: Arial; }


.TopLine .LeftCell { padding: 28px 10px 0px 10px; }

.TopLine .RightCell { padding: 5px 10px 10px 10px; text-align: right; }

.TopLine .ActiveTabId { border: #2f4f4f 1px solid; width: 20px; padding: 2px; margin-top: 10px; background-color: #ffffcc; }

.TopLine .PortalName { font-family: Arial; font-size: 14px; font-weight: bold; width: 100%; text-align: center; padding-left: 10px; padding-right: 10px; }

.TopLine .Welcome { font-family: Arial; font-size: 10px; }

/************* Builder Site Links ******************/

.BuilderSiteLinks { }

.BuilderSiteLinks .SiteLinksLeftCell { background-image: url(../Assets/Images/Dynami/sitelinks_left.gif); width: 10px; height: 21px; background-position: left top; background-repeat: no-repeat; }

.BuilderSiteLinks .SiteLinksCenterCell { background-color: #D0D9CB; color: #002D62; vertical-align: middle; text-align: center; border-top: #c3cfbd 1px solid; border-bottom: #c3cfbd 1px solid; }

.BuilderSiteLinks .SiteLinksRightCell { background-image: url(../Assets/Images/Dynami/sitelinks_right.gif); width: 10px; height: 21px; background-position: left top; background-repeat: no-repeat; }

.BuilderSiteLinks .SiteLinks { font-size: 10px; }

.BuilderSiteLinks .SiteLinks A:hover { color: gold; }

.BuilderSiteLinks .SiteLinks A:visited { color: navy; }

.BuilderSiteLinks .SiteLinks A:active { color: navy; }

.BuilderSiteLinks .SiteLinks A:link { color: navy; }


/************* Consumer Site Links ******************/

.ConsumerSiteLinks { }

.ConsumerSiteLinks .SiteLinksLeftCell { }

.ConsumerSiteLinks .SiteLinksCenterCell { color: #002D62; vertical-align: middle; text-align: center; }

.ConsumerSiteLinks .SiteLinksRightCell { }

.ConsumerSiteLinks .SiteLinks { font-size: 12px; }

.ConsumerSiteLinks .Welcome { font-family: Arial; font-size: 12px; }

.ConsumerSiteLinks .SiteLinks A:hover { color: gold; }

.ConsumerSiteLinks .SiteLinks A:visited { color: navy; }

.ConsumerSiteLinks .SiteLinks A:active { color: navy; }

.ConsumerSiteLinks .SiteLinks A:link { color: navy; }


/************* Consumer IE Link ******************/

.IELink { font-size: 11px; position:relative; top: 5px;}

.IELink A:hover { color: black; }

.IELink A:visited { color: black; }

.IELink A:active { color: black; }

.IELink A:link { color: black; }


/******************* Module Types *******************/

.StandardModuleTitle { font-weight: bold; font-size: 11px; color: #002d62; font-family: Arial, 'Microsoft Sans Serif' , Verdana; padding: 0px 0px 3px 8px; margin-top: 10px; }

/*  Default Module Header */
.DefaultModuleHeader { background-color: gray; margin-top: 10px; }
.DefaultModuleHeader .ImageCell { width: 12px; }
.DefaultModuleHeader .LeftCell { display: none; }
.DefaultModuleHeader .CenterCell { text-align: left; }
.DefaultModuleHeader .RightCell { text-align: right; }
.DefaultModuleHeader TR { padding-right: 5px; padding-left: 5px; padding-top: 3px; padding-bottom: 0px; }
.DefaultModuleHeader .CommandImg { margin: 0px 0px 1px 5px; }
.DefaultModuleHeader .Title { font-weight: bold; font-size: 11px; color: white; font-family: Arial, Verdana, Helvetica, sans-serif; position: relative; top: -2px; }
.DefaultModuleHeader .Link { font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; width: 25%; }
.DefaultModuleHeader A.Link:link { color: white; }
.DefaultModuleHeader A.Link:visited { color: white; }
.DefaultModuleHeader A.Link:active { color: white; }
.DefaultModuleHeader A.Link:hover { text-decoration: underline; color: gold; }

/*  Centered Module Header */
.CenteredModuleHeader { border-right: gray 1px solid; border-top: gray 1px solid; border-left: gray 1px solid; border-bottom: gray 1px solid; background-color: white; margin-top: 10px; }
.CenteredModuleHeader .LeftCell { width: 25%; }
.CenteredModuleHeader .CenterCell { text-align: center; }
.CenteredModuleHeader .RightCell { width: 25%; text-align: right; }
.CenteredModuleHeader TR { padding-right: 5px; padding-left: 5px; padding-bottom: 0px; padding-top: 0px; }
.CenteredModuleHeader .CommandImg { margin: 0px 0px 1px 5px; }
.CenteredModuleHeader .Title { font-weight: bold; font-size: 11px; color: black; font-family: Arial, Verdana, Helvetica, sans-serif; position: relative; top: -2px; }
.CenteredModuleHeader .Link { font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; }
.CenteredModuleHeader A.Link:link { color: darkgreen; }
.CenteredModuleHeader A.Link:visited { color: darkgreen; }
.CenteredModuleHeader A.Link:active { color: darkgreen; }
.CenteredModuleHeader A.Link:hover { text-decoration: underline; color: gray; }

/*  Headerless Module Edit Div */
.HeaderlessEdit { width: 100%; text-align: right; position: absolute; padding-right: 5px; margin-top: 10px; }
.HeaderlessEdit IMG { filter: progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=40); }
.HeaderlessEdit A.ModuleEditLink { font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; position: relative; top: -1px; }
.HeaderlessEdit A.ModuleEditLink:link { color: darkgreen; }
.HeaderlessEdit A.ModuleEditLink:visited { color: darkgreen; }
.HeaderlessEdit A.ModuleEditLink:active { color: red; }
.HeaderlessEdit A.ModuleEditLink:hover { text-decoration: underline; color: darkgray; }


/*  Module Panel Styles  */

.DefaultModulePanel { background-color: White; -moz-box-sizing: border-box; }

.BorderedModulePanel { width: 100%; border-right: lightgrey 1px solid; border-left: lightgrey 1px solid; border-bottom: lightgrey 1px solid; padding-right: 5px; padding-left: 5px; padding-bottom: 5px; padding-top: 5px; position: relative; background-color: White; -moz-box-sizing: border-box; }


/************************** TaskBar ********************************/
.TaskGroup { left: 10px; top: expression(this.offsetParent.offsetParent.scrollTop - 120); position: absolute; }

.TaskBar { font-size: 7px; /*behavior: url(Content/controls/recipe/moveable.htc);*/ font-family: Arial; background-color: darkgray; }

.TaskBar TH { font-size: 5px; cursor: move; background-color: dimgray; }

.TaskBar TD { padding-right: 2px; padding-left: 2px; padding-top: 3px; padding-bottom: 3px; background-color: #ece9d8; }

.TaskBar TD.Over { background-color: lightyellow; }

.TaskBar TD.separator { background-color: darkgray; }


/******************* TreeView ***********************/
.DefaultTreeView { }