@import url('../../../Content/themes/base/all.css');


/*-- Basic layout setup --*/
* { margin:0; padding:0; }
p {}
blockquote { margin-left: 40px; margin-right: 40px; }

html {font-size:12px;}
body, input, textarea, keygen, select, button,.main .RadTreeView_Default {font-family:  sans-serif, Calibri, Tahoma, Arial, Sans-Serif, Webdings; color:#444444;}
html.main { width:100%; height:100%; overflow:hidden; border:0; }
body.main { height:100%; width:100%; overflow:hidden; margin:0; padding:0; font-size:1em; background-color:#fff; border:0; }
html.InnerContent, html.InnerContent body {width:100%; height:100%;}

form { padding:0px; margin:0px; }
td{ vertical-align:top; }
a { text-decoration:none; outline:none; color:#444444; }
img { border:0; }

input[type='password'] { font-family:Arial, Sans-Serif; }

.Draggable { cursor:move; }

table.fields td { vertical-align:middle; padding-right:5px; } 

#aspnetForm { width:100%; height:100%; }

#Header { position:absolute; top:0px; left:0px; right:0px; z-index:400; min-width:1000px; background:url(../Images/Layout/header_bg.png) repeat-x; font-family:Calibri, Tahoma, Arial, Sans-Serif; font-weight:bold; }
#HeaderInner { height:51px; background:url(../Images/Layout/header_left_bg.png) no-repeat; }

#ResizeHandle { background:#6B7886 url(../Images/Layout/resize_handle.png) no-repeat center center; position:absolute; top:0; height:31px; left:193px; width:9px; cursor:e-resize; z-index:6000; }
#ResizeOverlay { display:none; position:absolute; top:0; left:0; right:0; bottom:0; z-index:100000; }

#Wrapper { position:absolute; top:51px; bottom:0; left:0; right:0; z-index:0; }
#CaptionBar { position:absolute; top:0px; height:35px; left:0; right:0; background:#2B3441 url(../Images/Layout/captionbar_left_bg.png) no-repeat top left; }
#ToolBar { position:absolute; top:0; left:201px; right:0; border-left:1px solid #BEC7D3; border-bottom:1px solid #BEC7D3; }
#ToolBarWide { position:absolute; top:0; left:0; right:0; border-left:1px solid #BEC7D3; }
#ToolBarProperties { position:absolute; top:0; left:201px; right:291px; border-left:1px solid #BEC7D3;  }
#ContentWide { position:absolute; top:31px; bottom:0px; left:0; right:0; overflow:auto; z-index:0; background:#fff; }
#ContentTreeEditorList  { position:absolute; top:0px; bottom:0px; left:202px; right:0; overflow:auto; z-index:0; }
#Dashboard { position:absolute; top:0px; bottom:0px; left:0; right:0; overflow:auto; z-index:0; background:#dadfef url(../Images/Layout/dashboard_bg.gif) repeat-x; }
#Footer { position:absolute; bottom:0px; height:62px; left:0px; right:0px; color:#fff; z-index:0; }
#Footer #FooterInner { background:url(../Images/Layout/footer_bg.png); }
#Footer #FooterInner2 { background:url(../Images/Layout/footer_left_bg.png) no-repeat top left; }
#Footer #FooterInner3 { background:url(../Images/Layout/footer_right_bg.png) no-repeat top right; height:37px; padding:25px 30px 0 30px; text-transform:uppercase; font-size:.8em; text-align:center; }
#Footer #FooterInner3 a { color:#e9d131; }

#PropertiesCaption { position:absolute; top:0; right:0; width:291px; overflow:auto; z-index:0; background:#EBE9ED; }
#Properties { position:absolute; top:31px; bottom:0px; right:0; width:291px; overflow:auto; z-index:0; background:#EBE9ED; border-left:1px solid #BEC7D3;}
#Tree { position:absolute; top:31px; bottom:0px; left:0; width:201px; border-right:1px solid #bec7d3; background:#F6F7F9; overflow:auto; z-index:0; }
#TreeCaption { position:absolute; top:0; left:0; width:202px; overflow:hidden; }
#Content { position:absolute; top:31px; bottom:0px; left:202px; right:0; overflow:auto; z-index:0; }
#ContentProperties { position:absolute; top:31px; bottom:0px; right:291px; left:202px; overflow:auto; z-index:0; background:#fff; }
#PropertiesPanel { background-color:#f5f5f5; }

/* Tree closed */
.TreeClosed #Tree {display:none;}
.TreeClosed #Content { left:0px !important; }
.TreeClosed #ContentProperties { left:0px !important; }

/* Properties closed */
.PropertiesClosed #Properties {display:none; }
.PropertiesClosed #ContentProperties { right:0px !important; }

.PropertyButton input, input.PropertyButton { float:left; background:#6B7886; color:#fff; padding:5px 10px; border:0; margin:5px 0 0 5px; }

/* Overriding styles for the ToolbarContent master page (which is used for i-frames) */
#ToolbarContent #Wrapper { position:absolute; top:0; bottom:0; left:0; right:0; z-index:0; }
#ToolbarContent #ToolBar { position:absolute; top:0; left:0; right:0; border-left:none; border-bottom:1px solid #BEC7D3; background:#EBE9ED url(../Images/Layout/ToolbarBg.png) repeat-x; }
#ToolbarContent #Content { position:absolute; top:32px; bottom:0; left:0; right:0; overflow:auto; z-index:0; }

#ToolbarPanel { background:#EBE9ED url(../Images/Layout/ToolbarBg.png) repeat-x; }

#NavigationBar { height:37px; }

#HeaderInner .Logo { position:absolute; top:0; left:44px; }

#WebsiteSwitcher { position:absolute; top:17px; right:5px; width:400px; text-align:right; }
#WebsiteSwitcher div.FancyDropdown { float:right; }

div.FancyDropdown { background:url(../Images/Layout/FancyDropdownBg.png) no-repeat; width:200px; height:26px; }
div.FancyDropdown select { border:none; margin:5px 0 0 5px; width:190px; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: transparent; outline:none;}

#Logout { float:right; font-weight:bold; }
#Logout a { display:block; background:url(../images/layout/logout_button.png) no-repeat 0 6px; padding:6px 10px 5px 20px; }

#WebsiteName { text-align:center; color:#fff; font-size:1.7em; font-style:italic; padding-top:15px; }

#CaptionBarInner { height:28px; padding:7px 0 0 20px; background:url(../Images/Layout/captionbar_right_bg.png) no-repeat top right; }
#CaptionBar h2 { font-size:1.7em; color:#fff; font-weight:normal; text-transform:uppercase; }

#TreeCaption { background:#6b7886; height:31px; position:relative; }
#TreeCaption h2 { color:#fff; text-transform:uppercase; font-size:1.2em; font-weight:normal; padding:7px 0 0 11px; }
#TreeCaption ul { list-style:none; position:absolute; top:5px; right:9px; }
#TreeCaption ul li { float:left; margin-left:2px; }
#TreeCaption ul li a { width:16px; height:16px; float:right; text-indent:-3000px; overflow:hidden; background:transparent; padding:2px 2px; border:1px solid transparent;}
#TreeCaption ul li.Refresh a { background:url(../Images/Layout/RefreshTree.png) no-repeat center center; }
#TreeCaption ul li.Toggle a { background:url(../Images/Layout/ArrowUp.png) no-repeat center center; }
.TreeClosed #TreeCaption ul li.Toggle a { background:url(../Images/Layout/ArrowDown.png) no-repeat !important; }
#TreeCaption ul li.SwitchViews a { background:url(../Images/16x16icons/PageArea.png) no-repeat center center}
#TreeCaption ul li a.selected { background-color:silver; border:1px solid #434343; }

.PropertiesCaption .Caption { background:#6b7886; height:31px; position:relative; }
.PropertiesCaption .Caption h2 { color:#fff; text-transform:uppercase; font-size:1.2em; font-weight:normal; padding:7px 0 0 11px; }
#PropertiesCaption ul { list-style:none; position:absolute; top:7px; right:7px; width:20px; }
#PropertiesCaption ul li { float:left; margin-left:3px; }
#PropertiesCaption ul li a { width:17px; height:17px; float:left; text-indent:-3000px; overflow:hidden; background:transparent; }
#PropertiesCaption ul li.Toggle a { background:url(../Images/Layout/ArrowUp.png) no-repeat; }
.PropertiesClosed #PropertiesCaption ul li.Toggle a { background:url(../Images/Layout/ArrowDown.png) no-repeat !important; }

/*
#ToolBar ul, #ToolBarWide ul, #ToolBarProperties ul { position:absolute; top:8px; right:5px; list-style:none; }
#ToolBar ul li, #ToolBarWide ul li, #ToolBarProperties ul li { float:left; margin-left:3px; }
#ToolBar ul li a, #ToolBarWide ul li a, #ToolBarProperties ul li a { width:17px; height:17px; float:left; text-indent:-3000px; overflow:hidden; background:transparent; }
#ToolBar ul li.Refresh a, #ToolBarWide ul li.Refresh a, #ToolBarProperties ul li.Refresh a { background:url(../Images/Layout/RefreshTree.png) no-repeat; }
*/

.RadTreeView .rtImg { height:16px; width:16px; }

li.mobile-previews { background:url(../Images/16x16icons/mobile.png) no-repeat; }

.LinkedSupportFilesContainer { width:200px; float:right; margin-right:10px; }

#LisaVersion { position:absolute; top:25px; left:30px; font-family:"Lucida Sans", Calibri, Tahoma, Sans-Serif; }
#WebsiteSelect { position:absolute; top:21px; right:30px; }
#WebsiteSelect label { float:left; padding:4px 7px 0 0; }
#WebsiteSelect select { font-size:1em; margin-right:10px; width:150px; }
#WebsiteSelect a { font-weight:bold; color:#fff; padding:0 10px; }
/*----*/

/* Drop-down button container */
.ButtonBar { margin-left:250px; margin-top:20px; z-index:30000;  display:inline-block; }

/* Drop down menu buttons */
ul.LisaDropDownMenu { margin:0; padding:0; list-style:none; display:inline-block; margin-right:4px; }
ul.LisaDropDownMenu > li { position:relative; }
ul.LisaDropDownMenu > li > a { display:block; text-transform:uppercase; color:#353f4d; font-size:1.1em; padding:4px 38px 10px 20px; background:url(../Images/Layout/DropDownButtonArrow.png) no-repeat top right; }
ul.LisaDropDownMenu > li.LisaDropDownButton:hover, ul.LisaDropDownMenu li.LisaDropDownButton.Selected { background:url(../Images/Layout/DropDownButtonHover.png) no-repeat top left; }
ul.LisaDropDownMenu > li.LisaDropDownButton:hover > a, ul.LisaDropDownMenu li.LisaDropDownButton.Selected > a { background:url(../Images/Layout/DropDownButtonArrowHover.gif) no-repeat top right; }

/* Drop down menu sub-items */
li.LisaDropDownButton ul { display:none; list-style:none; position:absolute; top:24px; right:0px; background:#EFF1F8;  border-right:1px solid #cdcfd4; border-bottom:1px solid #b9bbbf; border-radius:8px 0px 8px 8px; box-shadow:5px 5px 14px -7px black;}
li.LisaDropDownButton ul li { transition:background-color 0.1s; background-repeat:no-repeat; background-position:4px 50%; margin:0; border-top:1px solid #ffffff; border-bottom:1px solid #e3e8f3; }
li.LisaDropDownButton ul li:hover { background-color:#dce2f0; background-image:none; color:#336699; }
li.LisaDropDownButton ul li a { display:block; color:#353f4d; padding:7px 7px 7px 45px; min-height:35px; width:170px; text-transform:none; font-size:1.2em; }
li.LisaDropDownButton ul li a .ButtonTitle { font-weight:bold; display:block; }
li.LisaDropDownButton ul li a .ButtonDescription { font-size: .75em; }
li.LisaDropDownButton ul li.first { border-top:0; border-radius:8px 0px 0px 0px; }
li.LisaDropDownButton ul li.last { border-top:0; border-radius:0px 0px 8px 8px; }
li.LisaDropDownButton ul li.only { border-radius:8px 0px 8px 8px; }

/* Pages */

/*Toolbar buttons*/
#TemplateButtons { display:none; }
#PageButtons {display:block;}

.EditTemplateItemsButton { display:block; }
.EditPageItemsButton { display:none; }

body.DesignTemplateItems #TemplateButtons { display:block; }
body.DesignTemplateItems #PageButtons { display:none; }

body.DesignTemplateItems .EditTemplateItemsButton { display:none; }
body.DesignTemplateItems .EditPageItemsButton { display:block; }

.ToggleButtonEditMode { float:right !important; margin-right:0 !important; }
.EditPageItemsButton input { background-color:#BEC7D3 !important; border:1px solid #b4b4b4 !important; }

/* Unpublished notification */
.UnpublishedNotification { background:#ffffcc; display:none; float:left; border-radius:3px; border:1px solid #D3E221; }
.UnpublishedNotification p { float:left; padding:6px 0 0 5px; }
.UnpublishedNotification .LisaButton input { padding:2px; }

#PageUnpublishedButtons, #TemplateUnpublishedButtons {display:none;}

.PageUnpublished #PageUnpublishedButtons {display:block;max-width:100%;}
.TemplateUnpublished #TemplateUnpublishedButtons {display:block;max-width:100%;}

.ToolBar .Unpublished { float:left; position:static;}

.ToolBar .UnpublishedNotification.Popup { width:80px; }

/* Hide some controls in page item desing mode */
.ControlList .TemplateControls { display:none; }
.DesignTemplateItems .ControlList .TemplateControls {display:block;}



/* Dashboard */

#Dashboard-Wrapper { margin:10px; min-width:950px; position:relative; }

#Dashboard-Wrapper .Dashboard-Shadow-T { height:9px; background:url(../Images/Layout/dashboard_shadow_t.gif) repeat-x;  }
#Dashboard-Wrapper .Dashboard-Shadow-TR { height:9px; width:9px; float:right; background:url(../Images/Layout/dashboard_shadow_tr.gif) no-repeat top right;  }
#Dashboard-Wrapper .Dashboard-Shadow-TL { height:9px; background:url(../Images/Layout/dashboard_shadow_tl.gif) no-repeat top left;  }

#Dashboard-Wrapper .Dashboard-Shadow-B { height:9px; background:url(../Images/Layout/dashboard_shadow_b.png) repeat-x bottom left;  }
#Dashboard-Wrapper .Dashboard-Shadow-BR { height:9px; width:9px; float:right; background:url(../Images/Layout/dashboard_shadow_br.png) no-repeat bottom right;  }
#Dashboard-Wrapper .Dashboard-Shadow-BL { height:9px; background:url(../Images/Layout/dashboard_shadow_bl.png) no-repeat bottom left;  }

#Dashboard-Wrapper .Dashboard-Shadow-L { background:url(../Images/Layout/dashboard_shadow_l.png) repeat-y; padding-left:9px; overflow:auto; }
#Dashboard-Wrapper .Dashboard-Shadow-R { background:url(../Images/Layout/dashboard_shadow_r.png) repeat-y top right; padding-right:9px; overflow:auto; }
#Dashboard-Wrapper .Dashboard-content { overflow:auto; }
#Dashboard-Wrapper .Dashboard-content-inner { background:#fff; width:900px; min-height:150px; overflow:auto; }
#Dashboard-Wrapper .Dashboard-Filler { background:url(../Images/Layout/dashboard_content_bg.gif) 0 20px; }

.DashboardSection { float:left; width:280px; padding:15px 20px 0 20px; overflow:hidden; }
.Wide { width:540px; }
.FullWidth { float:none; width:auto; }
.DashboardSection .DashboardBox { padding-bottom:20px; }
.DashboardSection .title { font-family:Georgia, Calibri, Tahoma, Sans-Serif; font-weight:normal; font-size:2.2em; font-style:italic; color:#333; padding-bottom:15px; margin-bottom:10px; background:url(../Images/Layout/SectionTitleBackground.png) repeat-x bottom left; }

.DashboardSection .rss-article { padding-bottom:10px; }
.DashboardSection .rss-article .dates { color:gray; }
.DashboardSection .rss-article h3.headlines { padding:2px 0; }
.DashboardSection .rss-article h3.headlines a { color:#666; font-size:.8em; font-family:Georgia, Calibri, Tahoma, Sans-Serif; }

.DashboardSection ul.shortcuts { list-style:none; }
.DashboardSection ul.shortcuts li { float:left; width:100px; margin-right:10px; background:url(../Images/Layout/DashboardShortcutItem.gif) no-repeat top right; }
.DashboardSection ul.shortcuts li a { font-family:Georgia, Sans-Serif; font-size:14px; color:#353f4d; display:block; text-align:center; font-style:italic; width:100px; padding:90px 0 10px 0; }
.DashboardSection ul.shortcuts li.pages a { background:url(../Images/Layout/ShortcutsPages.png) no-repeat 36px 24px; }
.DashboardSection ul.shortcuts li.new-newsitem a { background:url(../Images/Layout/ShortcutsNewNews.png) no-repeat 36px 24px; }
.DashboardSection ul.shortcuts li.item-gallery a { background:url(../Images/Layout/ShortcutsItemGallery.png) no-repeat 32px 27px; }
.DashboardSection ul.shortcuts li.change-password a { background:url(../Images/Layout/ShortcutsChangePassword.png) no-repeat 33px 24px; }
.DashboardSection ul.shortcuts li.global-settings a { background:url(../Images/Layout/ShortcutsSettings.png) no-repeat 33px 24px; }
.DashboardSection ul.shortcuts li.global-settings { margin-right:0; }

.DashboardSection table.PageList { width:100%; }
.DashboardSection table.PageList th { text-align:left; font-weight:bold; padding:3px 5px 10px 5px; }
.DashboardSection table.PageList td { padding:5px; background:#F7F8FA; }
.DashboardSection table.PageList tr.AltRow td { background:#E9EDF0; }
.DashboardSection table.PageList td.Icon a { display:block; width:16px; height:16px; text-indent:-100px; overflow:hidden; }
.DashboardSection table.PageList td.Edit a { background:url(../Images/Layout/LastChangedEditIcon.png) no-repeat; }
.DashboardSection table.PageList td.View a { background:url(../Images/Layout/LastChangedViewIcon.png) no-repeat; }
.DashboardSection table.PageList td.Edit, .DashboardSection table.PageList td.View { width:10px; text-align:center; }

.DashboardSection.Wide table.PageList th { text-align:left; font-weight:bold; padding:3px 10px 10px 10px; }
.DashboardSection.Wide table.PageList td { padding:5px 10px; background:#F7F8FA; }

.DashboardSection .commentlist hr { display:none; }
.DashboardSection .commentlist h3 { display:none; }
.DashboardSection .commentlist form { display:none !important; }
.DashboardSection .commentitem { padding:5px; background:#E9EDF0; }
.DashboardSection .commentitem a { color:#000; }
.DashboardSection .item1 { background:#F7F8FA !important; }
.DashboardSection .commentitem h5 { font-size:.9em; padding:2px 0; }
.DashboardSection .commentlist fieldset { border:1px solid silver; margin-bottom:10px; }
.DashboardSection .commentlist fieldset legend { font-weight:bold; margin-left:10px; color:#000; }
.DashboardSection .commentlist fieldset label { display:block; padding:10px 10px 5px 10px; }
.DashboardSection .commentlist fieldset textarea { width:250px; margin:0 10px; }
.DashboardSection .commentlist fieldset input[type=submit] { margin:3px 0 3px 10px; padding:2px 7px; }

.DashboardControl { position:relative; }
.DashboardControl .edit-actions { display:none; list-style:none; margin:0; padding:0; position:absolute; top:9px; right:7px; }
.DashboardControl .edit-actions li.remove a { background:url(../Images/16x16icons/Delete2.png) no-repeat; width:16px; height:16px; display:block; text-indent:-300px; overflow:hidden; }

.EditMode .DashboardControl { outline:2px dashed silver; min-height:50px; margin-bottom:15px; }
.EditMode .DashboardControl .edit-actions { display:block; }

#reset-dashboard { display:none; position:absolute; top:50px; right:5px; padding:10px; border-radius:10px 0 0 10px;  background:#fff url(../Images/16x16icons/Replace.png) 50% 50% no-repeat; text-indent:-300px; overflow:hidden; width:20px; }
.EditMode #reset-dashboard { display:block; }

#customize-dashboard { position:absolute; top:5px; right:5px; padding:10px; border-radius:0 0 0 10px;  background:#fff url(../Images/16x16icons/Edit.png) 50% 50% no-repeat; text-indent:-300px; overflow:hidden; width:20px; }

.AddControls { display:none; background:#E9EDF0; padding:6px; border-radius:6px; }
.AddControls select { width:100%; }
.EditMode .AddControls { display:block; }

#pagesearch { width:265px; }
.Wide #pagesearch { width:520px; }

/*-- Dialogs --*/
.LisaModalDialog {background-color:black;position:absolute;border:1px solid #444;top:0px;left:0px;overflow:hidden; z-index:1000;}
.LisaModalDialog .Window {border:0px;border-top:1px solid gray;height:100%;width:100%;}
.LisaModalDialog .Title {float:left; color:#ffffff; font-weight:bold; font-size:1.1em; padding:4px 0 0 4px; }
.LisaModalDialog .CloseButton {float:right;}
#LisaModalDialogBodyOverlay { position:absolute; top:0; left:0; width:100%; height:100%; background:black; z-index:500; filter:alpha(opacity=40); opacity:0.4; }
/*----*/

.TextAreaEditor { white-space:pre; border:0; font-family:Courier new, sans-serif; font-size:12px; }

.panel { padding:6px 3px; border-top:1px solid #fff; border-bottom:1px solid silver; background:#EBE9ED; }
.panel label { float:left; padding:3px 5px 0 4px; }

#LisaNotificationPanel { display:none; position:absolute; bottom:11px; right:8px; border:2px solid #2B3441; background:#6B7886; color:#fff; padding:30px; font-size:1.5em; width:150px; }

/* Modules */
#ModuleList .Module { float:left; border:1px solid #445A71; background:url(../Images/Layout/ModuleBoxBg.png) repeat-x; color:#000; margin-left:10px; margin-top:10px; padding:10px; }
#ModuleList .Module .Icon { float:left; margin-right:5px; margin-bottom:5px; }
#ModuleList .Module .Name { font-weight:bold; color:#000; display:block; padding-bottom:3px; font-size:1.4em; }
#ModuleList .Module .Description { color:#000; }
#ModuleList .Module a { display:block; height:70px; width:170px; }
#ModuleList .Module:hover { background:#D5DBED; }

/*----*/

/* Login panel */
.LoginPage {margin:0px;padding:0px;overflow:hidden;}

.LoginPage #LoginPanel { width:600px; height:400px; position:absolute; left:50%; top:50%; margin:-200px 0 0 -300px; background:url(../Images/Layout/LoginPanelBackground.png) no-repeat bottom left; }
.LoginPage #LoginPanel h1 { width:600px; height:115px; background:url(../Images/Layout/LoginPanelHeader.png) no-repeat bottom left; text-indent:-3000px; overflow:hidden; }
.LoginPage #LoginPanel h2 { text-transform:uppercase; color:#fff; font-size:1em; font-weight:normal; text-align:center; padding:40px 0 10px 0; }
.LoginPage #LoginPanel .fields { width:300px; margin:0 auto; }
.LoginPage #LoginPanel .field-row { clear:both; height:30px; }
.LoginPage #LoginPanel .field-row label { float:left; width:75px; color:#fff; padding-top:3px; }
.LoginPage #LoginPanel .field-row input { float:left; width:195px; border:1px solid #85c6ff; padding:2px; }
.LoginPage #LoginPanel .field-row select { float:left; width:200px; }
.LoginPage #LoginPanel .checkbox { padding:5px 0; margin-left:74px; height:20px; }
.LoginPage #LoginPanel .checkbox label { float:left; color:#fff; }
.LoginPage #LoginPanel .checkbox input { float:left; border:none; margin-right:10px; }
.LoginPage #LoginPanel .button { min-width:80px; margin-left:73px; padding:7px; background:#3F6282; color:#fff; border:1px solid #4A6F91; border-radius:3px; cursor:pointer; }
.LoginPage #LoginPanel #message,
.LoginPage #LoginPanel .message { color:red; padding:7px; font-weight:normal; }
.LoginPage #LoginPanel .versionInfo {font-size: 0.9em; position: absolute; bottom: 5px; right: 5px; color: #fff;}
.LoginPage .ForgottenPwd { color:#fff; margin-left:10px; }
.LoginPage .ForgottenPwd:hover { text-decoration:underline; }
.LoginPage #LoginPanel .success { padding: 10px; background:#D3F0D2; border:1px solid #72CF70; border-radius: 3px; margin-top: 10px; }
.LoginPage p { text-align: center; color:#fff; padding: 2em;}

.LoginPage.Popup-1 #LoginPanel {
    left: 0;
    top: -10px;
    margin: 0;
    background-size: cover;
    height: 440px;
}

.LoginPage.Popup-1 #LoginPanel .versionInfo {
    bottom:15px;
}

.ChangePassword #LoginPanel .fields { width:352px; }
.ChangePassword #LoginPanel .button { float:right; margin-left:0; }

/* Property Grid */

#PagePropertiesPanel { background:#EBE9ED; }

.PropertyGrid { background:#EBE9ED; }
.PropertyGrid table { width:100%; background:#EBE9ED; border:1px solid #EBE9ED; border-collapse:collapse; }
.PropertyGrid table th { color:#ACA899; text-align:left; padding:3px; }
.PropertyGrid table td { border:1px solid #EBE9ED; background:#fff; vertical-align:top; }
.PropertyGrid table td.label { padding:4px 3px 4px 6px; }
.PropertyGrid table td.focused { background:#316ac5 !important; color:#fff; }
.PropertyGrid table td.field { padding:2px 0 0 0; }
.PropertyGrid table td input,
.PropertyGrid table td textarea,
.PropertyGrid table td select { border:1px solid transparent; font-size:12px; }
.PropertyGrid table td .checkbox input { width:auto; }
.PropertyGrid table td textarea { height:100px; }
.PropertyGrid table td select { font-size:10px; }
.PropertyGrid table td .LisaButton { float:right; }
.PropertyGrid table td .LisaButton input { background:#EBE9ED; }
.PropertyGrid .description { height:50px; background:#EBE9ED; padding:5px 23px 5px 10px; }
.PropertyGrid .description p { margin:0; padding:4px 0 0 0; }

.PropertyGrid .LisaButton { display:inline; padding-right:3px; margin-left:10px; }
.PropertyGrid .LisaButton .LisaButtonInnerContainer { display:inline; }
.PropertyGrid .LisaButton input { color:#fff; font-weight:bold; font-size:1.1em; background:#6B7886; border:1px solid #000; }
.PropertyGrid table .LisaButton input { color:gray; }

/* Filter Panel */
.LisaFilterPanel .Filterfield
{
	float:left;
}

/* NewsEditor specific styles */
#NewsEditor { background:#fff; }
#NewsEditor .field-row { clear:both;  }
#NewsEditor .field-row label { float:left; width:85px; padding:3px 0 0 4px; }
#NewsEditor .ContentEditor { background:#fff; }
#NewsEditor .ImageSelector { position:relative; }
#NewsEditor .dp-choose-date { border:1px solid #000; background:silver; width:20px; margin-left:2px; }
#NewsEditor #ImagePreviewPanel { height:200px; border-bottom:1px solid #BEC7D3; display:none; text-align:center; }
#NewsEditor #ImagePreviewPanel img { margin:5px 0; }
#NewsEditor #ImagePreviewPanel .field-row label { width:75px; }
#NewsEditor #ImagePreviewPanel .field-row { width:290px; text-align:left; }
#NewsEditor #ImagePreviewPanel .field-row-checkbox { width:290px; text-align:left; }

#SupportFileProperties { xheight:65px; border-bottom:1px solid #BEC7D3; display:none; }

.Default.RadEditor { background:#fff !important; }

.OrderDetails { padding:20px; }
.OrderDetails h2 { padding-bottom:10px; margin-bottom:10px; }
.OrderDetails h3 { border-bottom:1px solid #000; border-top:1px solid #000; padding:3px 0; margin-bottom:5px; background:#eaeaea; }

.OrderDetails .Customer { float:left; width:300px; }
.OrderDetails .Customer table td { padding:3px; }
.OrderDetails .Customer table th { text-align:left; padding:3px; }

.OrderDetails .Shipping { float:left; width:300px; }
.OrderDetails .Shipping table td { padding:3px; }
.OrderDetails .Shipping table th { text-align:left; padding:3px; }

.OrderDetails .Payment { clear:both; }
.OrderDetails .Payment table td { padding:3px; }
.OrderDetails .Payment table th { text-align:left; padding:3px; }

.OrderDetails .SalesLines { clear:both; min-height:100px; }
.OrderDetails .SalesLines table th { text-align:left; }

.OrderDetails .SalesLines table th { text-align:left; }

#PageItemDragDummy 
{	
	display:none;
	background-image: -webkit-linear-gradient(top, #FFFFFF, #DDDDDD);
	box-shadow: 3px 3px 10px #333333;position:absolute;z-index:30000;border:1px solid black;padding:4px;border-radius:5px;
	width:250px;
	min-height:65px;
	-webkit-backface-visibility: hidden;
	-webkit-transform:rotate(2deg);
}
#PageItemDragDummy p {font-family: Georgia, Calibri, Tahoma, Sans-Serif; font-weight:normal;font-size:16px;font-style:italic; padding:20px 0 0 50px; }
#PageItemDragDummy .Icon { background-repeat:no-repeat; background-position: 10px 50%; min-height:65px; }

/* Versions */

.VersionBar {padding:5px;background-color:#FFFFCC;overflow:auto;}
.VersionBar .VersionDropDown {float:left;margin-bottom:3px;}
.VersionBar #VersionButtons {float:left;}

.VersionDetailsPanel {padding:5px; margin:5px 2px; border-radius:5px;border:1px solid gray;background-color:#efefef;max-height:70px;overflow:auto;position:relative;display:none;clear:both;}
.VersionDetailsPanel .Title {font-weight:bold;padding-bottom:5px;}
.VersionDetailsPanel .CloseCommentsLink {position:absolute;right:0px;top:0px;margin:5px;}
.VersionTools {overflow:auto;}
/*-- --*/

.left { float: left; }
.right { float: right; }

/* Mobile/tablet preview */

#MobilePreviewMenu  
{
	display:none;
	position: absolute;
	top: 27px;
	right: 59px;
	border: 1px solid #B4B4B4;
	width: 250px;
	z-index: 2000;
	background: #fff;
	border-radius:15px;
	padding:10px 5px;
	border-top-right-radius:0px;
	-webkit-box-shadow: 5px 5px 14px -7px black;
}
#MobilePreviewMenu.open { display:block; z-index:1999; }

#MobilePreviewMenu ul { list-style:none; margin:0; padding:0; }
#MobilePreviewMenu ul li { }
#MobilePreviewMenu ul li span { display:block; font-size:11px; color:silver; }
#MobilePreviewMenu ul li a { color:#000; display:block; border-bottom:1px solid #eaeaea; padding:5px; }
#MobilePreviewMenu ul li a.selected { background:#F0F2F9; }
#MobilePreviewMenu ul li a:hover { background:#f3f3f3; }
#MobilePreviewMenu ul li.last a { border-bottom:0; }
#MobilePreviewMenu ul li a:hover span, #MobilePreviewMenu ul li a.selected span { color:gray; }

#MobilePreviewMenu > div { height:25px; padding:0 5px; border-bottom:1px solid #eaeaea; }
#MobilePreviewMenu > div input { float:left; margin-right:4px; }
#MobilePreviewMenu > div label { float:left; }

#scroller { position:fixed; top:115px; width:32px; left:50%; background:#ECEBEB; border-radius:10px; }
#scroller a { width:32px; height:32px; overflow:hidden; text-indent:-300px; display:block; }
#scroller a:active { background-color:silver !important; border-radius:10px; }
#scroller a.up { background:url(../Images/32x32icons/bullet_arrow_up.png) no-repeat; }
#scroller a.dn { background:url(../Images/32x32icons/bullet_arrow_down.png) no-repeat; }

.iphone4 #scroller { margin:0 0 0 225px; }
.iphone4-landscape #scroller { margin:0 0 0 397px; }

.iphone5 #scroller { top:170px; margin:0 0 0 250px; }
.iphone5-landscape #scroller { top:170px; margin:0 0 0 430px; }

.ipad #scroller { margin:0 0 0 505px; }
.ipad-landscape #scroller { margin:0 0 0 615px; }

.generic240x320 #scroller { top:180px; margin:0 0 0 140px; }
.generic240x320-landscape #scroller { top:180px; margin:0 0 0 285px; }

.generic480x800 #scroller { top:220px; margin:0 0 0 180px; }
.generic480x800-landscape #scroller { top:220px; margin:0 0 0 390px; }

.generic720x1280 #scroller { top:220px; margin:0 0 0 210px; }
.generic720x1280-landscape #scroller { top:220px; margin:0 0 0 430px; }

/* For live edit preview in iPhone 3/3G/3GS/4/4S mode */
div.iphone4 { background:#fff !important; overflow:auto !important; }
div#device-image.iphone4 { width:450px !important; height:800px !important; position:absolute; left:50%; margin-left:-225px; top:0; z-index:1000; background:url(../Images/LiveEdit/MobileBackgrounds/iphone4.png) no-repeat 50% 0 !important; }
iframe.iphone4 { width:320px !important; height:480px !important; margin:157px auto 0 auto; display:block !important; position:relative; z-index:2000; }

/* For live edit preview in iPhone 3/3G/3GS/4/4S landscape mode */
div.iphone4-landscape { background:#fff !important; overflow:auto !important; }
div#device-image.iphone4-landscape { width:800px !important; height:450px !important; position:absolute; left:50%; margin-left:-400px; top:0; z-index:1000; background:url(../Images/LiveEdit/MobileBackgrounds/iphone4-landscape.png) no-repeat 50% 0 !important; }
iframe.iphone4-landscape { width:480px !important; height:320px !important; margin:65px auto 0 auto; display:block !important; position:relative; z-index:2000; }

/* For live edit preview in iPhone 5 mode */
div.iphone5 { background:#fff !important; overflow:auto !important; }
div#device-image.iphone5 { width:495px !important; height:898px !important; position:absolute; left:50%; margin-left:-247px; top:0; z-index:1000; background:url(../Images/LiveEdit/MobileBackgrounds/iphone5.png) no-repeat 50% 0 !important; }
iframe.iphone5 { width:320px !important; height:568px !important; margin:158px auto 0 auto; display:block !important; position:relative; z-index:2000; }

/* For live edit preview in iPhone 5 landscape mode */
div.iphone5-landscape { background:#fff !important; overflow:auto !important; }
div#device-image.iphone5-landscape { width:898px !important; height:495px !important; position:absolute; left:50%; margin-left:-449px; top:0; z-index:1000; background:url(../Images/LiveEdit/MobileBackgrounds/iphone5-landscape.png) no-repeat 50% 0 !important; }
iframe.iphone5-landscape { width:568px !important; height:320px !important; margin:88px auto 0 auto; display:block !important; position:relative; z-index:2000; }

/* For live edit preview in iPad portrait mode */
div.ipad { background:#fff !important; overflow:auto !important; }
div#device-image.ipad { width:997px !important; height:1276px !important; position:absolute; left:50%; margin-left:-498px; top:0; z-index:1000; background:url(../Images/LiveEdit/MobileBackgrounds/ipad-portrait.png) no-repeat 50% 0 !important; }
iframe.ipad { width:768px !important; height:1024px !important; margin:127px auto 0 auto; display:block !important; position:relative; z-index:2000; }

/* For live edit preview in iPad landscape mode */
div.ipad-landscape { background:#fff !important; overflow:auto !important; }
div#device-image.ipad-landscape { width:1276px !important; height:997px !important; position:absolute; left:50%; margin-left:-638px; top:0; z-index:1000; background:url(../Images/LiveEdit/MobileBackgrounds/ipad-landscape.png) no-repeat 50% 0 !important; }
iframe.ipad-landscape { width:1024px !important; height:768px !important; margin:116px auto 0 auto; display:block !important; position:relative; z-index:2000; }

/* For live edit preview in a generic 320x480 phone */
div.generic240x320 { background:#fff !important; overflow:auto !important; }
div#device-image.generic240x320 { width:320px !important; height:620px !important; position:absolute; left:50%; margin-left:-160px; top:0; z-index:1000; background:url(../Images/LiveEdit/MobileBackgrounds/generic-240x320.png) no-repeat 50% 0 !important; }
iframe.generic240x320 { width:240px !important; height:320px !important; margin:157px auto 0 auto; display:block !important; position:relative; z-index:2000; }

/* For live edit preview in a generic 320x480 phone landscape */
div.generic240x320-landscape { background:#fff !important; overflow:auto !important; }
div#device-image.generic240x320-landscape { width:608px !important; height:380px !important; position:absolute; left:50%; margin-left:-304px; top:0; z-index:1000; background:url(../Images/LiveEdit/MobileBackgrounds/generic-240x320-landscape.png) no-repeat 50% 0 !important; }
iframe.generic240x320-landscape { width:320px !important; height:240px !important; margin:99px auto 0 auto; display:block !important; position:relative; z-index:2000; }

/* For live edit preview in a generic 480x800 phone */
div.generic480x800 { background:#fff !important; overflow:auto !important; }
div#device-image.generic480x800 { width:370px !important; height:820px !important; position:absolute; left:50%; margin-left:-185px; top:0; z-index:1000; background:url(../Images/LiveEdit/MobileBackgrounds/generic-480x800.png) no-repeat 50% 0 !important; }
iframe.generic480x800 { width:320px !important; height:533px !important; margin:197px auto 0 auto; display:block !important; position:relative; z-index:2000; }

/* For live edit preview in a generic 480x800 phone */
div.generic480x800-landscape { background:#fff !important; overflow:auto !important; }
div#device-image.generic480x800-landscape { width:820px !important; height:450px !important; position:absolute; left:50%; margin-left:-410px; top:0; z-index:1000; background:url(../Images/LiveEdit/MobileBackgrounds/generic-480x800-landscape.png) no-repeat 50% 0 !important; }
iframe.generic480x800-landscape { width:533px !important; height:320px !important; margin:105px auto 0 auto; display:block !important; position:relative; z-index:2000; }

/* For live edit preview in a generic 720x1280 phone */
div.generic720x1280 { background:#fff !important; overflow:auto !important; }
div#device-image.generic720x1280 { width:418px !important; height:871px !important; position:absolute; left:50%; margin-left:-209px; top:0; z-index:1000; background:url(../Images/LiveEdit/MobileBackgrounds/generic-720x1280.png) no-repeat 50% 0 !important; }
iframe.generic720x1280 { width:360px !important; height:640px !important; margin:128px auto 0 auto; display:block !important; position:relative; z-index:2000; }

/* For live edit preview in a generic 720x1280 phone landscape */
div.generic720x1280-landscape { background:#fff !important; overflow:auto !important; }
div#device-image.generic720x1280-landscape { width:850px !important; height:473px !important; position:absolute; left:50%; margin-left:-425px; top:0; z-index:1000; background:url(../Images/LiveEdit/MobileBackgrounds/generic-720x1280-landscape.png) no-repeat 50% 0 !important; }
iframe.generic720x1280-landscape { width:640px !important; height:360px !important; margin:84px auto 0 auto; display:block !important; position:relative; z-index:2000; }

/*-- --*/

.PageProfiling { display:none; }

#PageProfiler  
{
	display:none;
	position: absolute;
	top: 27px;
	right: 30px;
	border: 1px solid #B4B4B4;
	min-width: 450px;
	max-width: 650px;
	z-index: 2000;
	background: #fff;
	border-radius:15px;
	padding:15px;
	border-top-right-radius:0px;
	-webkit-box-shadow: 5px 5px 14px -7px black;
}
#PageProfiler.open { display:block; z-index:1999; }
#PageProfiler h3 { font-size:1.4em; padding-bottom:5px;  }
#PageProfiler table { width:100%; margin:10px 0; border-collapse:collapse; }
#PageProfiler table th { padding:5px; text-align:left; border:1px solid #eaeaea; }
#PageProfiler table td { padding:3px 5px; border:1px solid #eaeaea; vertical-align:middle; }
#PageProfiler table .number { text-align:right; }
#PageProfiler table tr:hover td { background:#f3f3f3; cursor:pointer; }
#PageProfiler table td.highest, #PageProfiler table tr:hover td.highest { background:#EC4059; color:#fff; }

.PageItem-BreadCrumbs { padding:5px; overflow:auto; border-bottom:1px solid silver; font-size:11px; }
.PageItem-BreadCrumbs ul { list-style:none; }
.PageItem-BreadCrumbs li { float:left; }
.PageItem-BreadCrumbs li span { padding:5px; background:#fff; border:1px solid silver; border-radius:3px; margin:0 5px 5px 0; float:left; color:silver; }
.PageItem-BreadCrumbs li a { padding:5px 5px 5px 25px; background-color:#fff; border:1px solid silver; border-radius:3px; margin:0 5px 5px 0; float:left; color:black; background-repeat:no-repeat; background-position:5px 50%; background-size:18px; }
.PageItem-BreadCrumbs li a:hover { color:#fff; background-color:silver; }
.PageItem-BreadCrumbs li:after { content: ">"; font-weight: bold; display: inline-block; padding: 6px 6px 0 0; }
.PageItem-BreadCrumbs li:last-child:after { content: ""; }