/** Common management styling for all versions of WebPlus and Browser views. This CSS will load for all Smart Object management interfaces. */
* { font-family: tahoma; font-size: 8pt; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; }

a { color: darkblue; }

body { border: none; background: #e0eaf7; }

button { font-family: Trebuchet MS; font-size: 10pt; }

.float-right { float: right; }

.float-left { float: left; }

.error-message { color: #FF0000; padding: 5px 0px; }

.uibutton { margin-top: 2px; font-family: tahoma; font-size: 8pt; width: 100%; }

.dlgbutton { font-family: Arial; font-size: 9pt; }

iframe.preview { background: #ffffff; border: 1px solid #7f9bd9; width: 100%; height: 450px; }

.list, .mlist { overflow: auto; background: #ffffff; border: 1px solid #7f9bd9; }

.blog-list { position: relative; height: 100%; width: 100%; }
.blog-list .list { height: auto; margin: 0; position: absolute; top: 0; bottom: 40px; right: 0; left: 0; padding: 0; }
.blog-list .buttons { position: absolute; bottom: 0; right: 0; }

.listelement, .counter-item { cursor: pointer; padding: 4px; border-style: none; background: #ffffff; color: #000000; }
.listelement:hover, .counter-item:hover { cursor: pointer; padding: 4px; border-style: none; background: #3168c5; color: #ffffff; }

.listelementselected, .counter-item-selected { cursor: pointer; padding: 4px; border-style: none; background: #5188e5; color: #ffffff; }

.listelementhot { cursor: pointer; padding: 4px; border-style: none; background: #3168c5; color: #ffffff; }

.listelementlocked { cursor: pointer; padding: 4px; border-style: none; background: #cccccc; color: #ffffff; }

.listelementdisabled { padding: 4px; background: #eee; color: #444444; }

.bluebox { border: 1px solid #66d; margin: 24px; padding: 20px; }

table.list { overflow: auto; background: #ffffff; border-style: solid; border-width: 1px; border-color: #7f9bd9; width: 100%; border-collapse: collapse; border-spacing: 0; }

td.previewouter { padding: 0px; border-width: 1px; border-style: solid; border-color: #aca899 white white #aca899; }

.previewinner { margin: 0px; padding: 8px; background-color: #fff; height: 100%; border-width: 1px; border-style: solid; border-color: #716f64 #f1efe2 #f1efe2 #716f64; }

td.listhead { font-weight: bold; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #8af; height: 32px; padding: 2px 0px 2px 6px; background: #cceeff; }

tr.listelement { cursor: pointer; width: 100%; height: 32px; border-style: none; background: #ffffff; color: #000000; }

tr.listelementhot { cursor: pointer; width: 100%; height: 32px; border-style: none; background: #3168c5; color: #ffffff; }

tr.listelementselected { cursor: pointer; width: 100%; height: 32px; border-style: none; background: #5188e5; color: #ffffff; }

tr.listelementlocked { cursor: pointer; width: 100%; height: 32px; border-style: none; background: #cccccc; color: #ffffff; }

td.listcell { padding: 4px 4px 4px 6px; }

td.ralign { text-align: right; }

input.disabled { background-color: #dcd8c9; }

input.enabled { background-color: white; }

.bottombuttonbar, .subbottombuttonbar { text-align: right; clear: both; }

.swr-banner { padding-left: 20px; padding-top: 50px; float: left; }
.swr-banner h2 { font-size: 2.5em; color: #e9edf0; font-family: Georgia, serif; font-weight: lighter; letter-spacing: 1px; }
.swr-banner p { color: #f9ffff; letter-spacing: 1px; }

.object-panel, .button-panel { height: 540px; }

.avatar { max-width: 80px; max-height: 80px; }

/* Form Element Styles - Common to all versions */
.swrui-input { padding: 2px; }
.swrui-input:focus { outline: 0; }
.swrui-input.disabled { border: 0; background: #fff; width: 100%; }

.swrui-select { padding: 2px; }
.swrui-select:focus { outline: 0; }

.swrui-textarea { padding: 2px; min-width: 250px; min-height: 50px; }

.swrui-checkbox { margin: 10px; padding: 5px; }

.swrui-left-label { float: left; line-height: 25px; font-size: 1.1em; }

.swrui-label, .swrui-label-fixed { line-height: 25px; font-size: 1.1em; }

.swrui-label-fixed { display: inline-block; width: 200px; padding: 5px; }

.swrui-fieldset { border: 1px solid #7F9BD9; border-radius: 5px; margin: 10px; padding: 20px; background-color: #FFFFFF; }
.swrui-fieldset legend { font-size: 1.2em; }
.swrui-fieldset input { margin: 5px; }

.swrui-hidden-fieldset { border: 0px; padding: 0px; }
.swrui-hidden-fieldset legend { display: none; }

.swrui-right-setting { float: right; }

.swrui-settings { margin: 0px; padding: 0px; }

.swrui-settings-row { clear: both; }

.swrui-warning, .swrui-error { padding: .8em; border: 1px solid #afb821; background: #feffb0; text-align: justify; margin: 10px 0px; }
.swrui-warning h3, .swrui-error h3 { color: #454242; margin-bottom: 10px; }

.swrui-error { border: 1px solid #cd0a0a; background: #fef1ec; }

/** a.linkbutton Added to make a hyperlink look like a button */
a.linkbutton { text-decoration: none; margin: 0px; margin-left: 3px; min-width: 86px; overflow: visible; padding: 0px 5px; background-color: #E4F2F0; color: #000000; cursor: pointer; border-bottom: 1px solid darkblue; border-right: 1px solid darkblue; border-left: 1px solid lightblue; border-top: 1px solid lightblue; font: 9pt Arial; }

a.linkbutton:hover { background-color: #4FB5FF; }

/* Access Control */
.access-manage { height: 450px; }
.access-manage .section { border: 0; height: auto; border-bottom: 1px dashed #7f9bd9; padding: 10px; }
.access-manage .section .heading { font-size: 1.2em; margin-bottom: 20px; }
.access-manage .section.last { border-bottom: 0px; }

.usergroupmanager .panel.userslist { width: 370px; }

.usergroupmanager .panel.adduser { width: 300px; }

.usergroupmanager .panel { float: left; min-height: 390px; margin-right: 2px; }
.usergroupmanager .panel .large-select { margin: 5px 0px 0px 10px; width: 190px; height: 270px; float: left; }
.usergroupmanager .panel ul { list-style: none; margin: 10px 0px; padding: 0px; }
.usergroupmanager .panel li { margin-bottom: 5px; }
.usergroupmanager .panel .user-buttons { float: left; padding: 20px; }
.usergroupmanager .panel button { min-width: 120px; margin: 5px 0px; }
.usergroupmanager .panel button.bottom { margin-top: 25px; margin-left: 20px; }

#grp-man-select select { margin-bottom: 10px; margin-left: 20px; }
#grp-man-select button { height: 22px; margin-left: 20px; }

/* 12.2013 - Object List */
.object-list { float: left; width: 50%; }
.object-list .tree { overflow: auto; background: #ffffff; border-style: solid; border-width: 1px; border-color: #7f9bd9; height: 450px; }
.object-list .heading, .object-list .info-pane .heading { padding-bottom: 5px; }

.info-pane { float: right; width: 49%; height: 450px; }
.info-pane .preview { padding: 10px; border: 1px solid #7f9bd9; height: 430px; }

.bandwidth { margin-left: 32px; padding: 1px 8px 2px 8px; border: 1px solid red; background: #fee; float: left; }

.bottombuttonbar .left, .subbottombuttonbar .left { float: left; width: 50%; text-align: right; }

/* Blog/CMS Articles Form */
.articles_infoline { margin-bottom: 10px; }
.articles_infoline label { float: left; min-width: 93px; }

.articles_body { margin: 4px 0px; }

.articles_cms { float: left; width: 70%; margin-right: 10px; }

.articles_cms_cats { height: 300px; margin: 4px 10px; }

.articles_options { clear: both; width: 100%; padding-top: 15px; }

.articles_cms_options { width: 70%; }

/* Resource Booker */
.resource-settings { clear: both; margin-bottom: 5px; }
.resource-settings fieldset { border: none; padding: 0; }
.resource-settings fieldset legend { padding: 0; line-height: 25px; font-size: 1.1em; }
.resource-settings fieldset input { margin: 5px 0px; }

#resource-settings-left { float: left; width: 33%; }

#resource-settings-center { float: left; width: 33%; }

.swrui-input { min-width: 130px; }

.swrui-textarea { width: 250px; height: 50px; }

body#front { background: #f3fbfc; }

div#outer { border: 1px solid #000077; }

div#top { height: 90px; background: #246; padding: 30px; color: white; }
div#top h1 { font-family: georgia; font-size: 22px; }
div#top h2 { font-family: georgia; }

div#bottom { background: #9DA4AD; height: 60px; }

img#swr_img { float: left; }

#message { margin: 60px auto; width: 800px; padding: 10px; background: #F8FFFF; border: 1px solid #9da4ad; word-wrap: break-word; }

#msg_sml { margin: 10px auto; padding: 10px; background: #F8FFFF; border: 1px solid #9da4ad; }

span.file img { float: left; padding-right: 4px; }

#browser img { float: left; }

div#log_frm { margin: 60px auto; width: 30%; }

.signup-form p { margin: 8px 0; }
.signup-form .swrui-fieldset { overflow-y: auto; }
.signup-form .step-two { font-size: 1.1em; margin-bottom: 10px; }
.signup-form .login-button { margin: 10px 50px 20px 60px; }
.signup-form .login-button .dlgbutton { text-decoration: none; color: #000; }
.signup-form .checkbox { margin-bottom: 15px; }
.signup-form .checkbox .clear { clear: both; }
.signup-form .checkbox .swrui-checkbox { float: left; margin-top: 2px; }
.signup-form .checkbox .right { margin-left: 30px; }
.signup-form .checkbox .title { display: block; font-size: 1.1em; margin-bottom: 5px; }
.signup-form .checkbox .small-text { display: block; font-size: 0.9em; }

form.acf { border: 2px solid darkblue; padding: 40px; background: lightblue; }

fieldset.acfs { border: 1px solid darkblue; margin: 10px; background: white; }

.acfs legend { font-weight: bold; }
.acfs label { float: left; clear: left; width: 250px; text-align: right; padding: 5px; }
.acfs input { float: left; clear: right; }

.acfs_txt { float: left; padding-top: 5px; }

div#account { width: 720px; margin: 4px auto; }

div.treelistelement { cursor: pointer; width: 350px; height: 32px; background: #ffffff; color: black; }

div.treelistelementhot { cursor: pointer; width: 350px; height: 32px; background: #3168c5; color: #ffffff; }

div.treelistelementselected { cursor: pointer; width: 350px; height: 32px; background: #5188e5; color: #ffffff; }

div.treelistelementlocked { cursor: pointer; width: 350px; height: 32px; background: #cccccc; color: #ffffff; }

div.nlist { padding: 4px; margin: 4px; overflow: auto; background: white; border: 1px solid #7f9bd9; height: 440px; float: left; }

div.spacer { clear: both; }

#ac_nav ul { float: left; margin: 0; padding: 0; }
#ac_nav li { float: left; list-style: none; border-top: 1px solid #7f9bd9; border-left: 1px solid #7f9bd9; }
#ac_nav a { display: block; padding: 4px 14px; text-decoration: none; }
#ac_nav a:hover { background: #f0f0ff; }

.ac_tab_s { background: white; }

.ac_tab { background: #ddddff; }

/* resource booker */
div#days { float: left; }
div#days div { float: left; }

.logon_warn { padding: 8px; margin-bottom: 12px; background: #eef; border: 1px solid #000099; }

div.l_message { margin: 12px; padding: 8px; border: 1px solid darkblue; background: ghostwhite; }

.col3 { float: left; width: 30%; }
.col3 h1 { margin: 12px; }
.col3 button { margin: 0px 12px; }

.left { float: left; }

/* signup page help stuff */
.help_img { float: left; border: 0; }

.help_tip { float: right; display: none; border: 1px solid darkblue; background: #eef; padding: 5px; }

.h_prep { margin: 20px auto; width: 280px; }

#banner-l { float: left; }

#banner { float: left; border: 0; }

#banner-r { float: right; border: 0; }

#rb-div { float: left; display: block; }

#top2 { background: #224466; height: 161px; width: 100%; }
#top2 table { border-collapse: collapse; }

p#WPHostingLink a img { border: none; position: relative; top: -10px; float: left; }

/* Tabs */
#tabs { border: 0; background: transparent; }

.tab-container { height: 480px; }
.tab-container .tab { padding: 14px; background: #fff; border: 1px solid #aaaaaa; border-top: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

.outer-tab-container { position: absolute; overflow: auto; padding: 10px; left: 0; right: 0; top: 0; bottom: 0; }

/* Forum */
.forum-management .section { border-bottom: 1px dashed #7f9bd9; padding: 10px 0px 20px 0px; }
.forum-management .forum { border: 1px solid; display: inline-block; margin: 10px 0px 10px 50px; padding: 10px; }
.forum-management .forum .buttons { text-align: center; margin-top: 10px; }

.superuserswitched { position: absolute; top: 0; left: -290px; z-index: 200; width: 300px; transition: left 1s; }
.superuserswitched a { display: block; padding: 10px; background-color: #F4FA58; font-size: 1.1em; color: #000; text-decoration: none; }
.superuserswitched:hover { left: 0; }

.swr-alert { position: absolute; top: 0; left: 0; margin-right: 20px; z-index: 200; padding: 10px; background-color: #F4FA58; font-size: 1.1em; color: #000; cursor: pointer; }

/* Smart Object Recovery */
.so-recycle, .table-spacer { width: 100%; max-width: 655px; margin: 0 auto; }
.so-recycle.center, .table-spacer.center { text-align: center; }
.so-recycle .heading, .table-spacer .heading { font-size: 1.3em; margin-bottom: 10px; }
.so-recycle .table-wrapper, .table-spacer .table-wrapper { background: #fff; border: 1px solid #aaa; border-radius: 5px; }
.so-recycle .objects, .table-spacer .objects { padding: 10px; }
.so-recycle .objects .hide, .table-spacer .objects .hide { display: none; }
.so-recycle .row, .table-spacer .row { height: 60px; }
.so-recycle .row .icon, .table-spacer .row .icon { width: 10%; text-align: center; }
.so-recycle .row .name, .table-spacer .row .name { width: 40%; }
.so-recycle .row .notice, .table-spacer .row .notice { width: 15%; text-align: center; color: #FF0000; }
.so-recycle .row .notice.bold, .table-spacer .row .notice.bold { font-weight: bold; }
.so-recycle .row .actions, .table-spacer .row .actions { width: 35%; text-align: right; }

.large-loader { text-align: center; margin: 50px 10px; }
.large-loader .icon { width: 45px; }

.load-more { padding: 5px; font-size: 0.9em; text-align: center; cursor: pointer; }
.load-more:hover { background-color: #CCC; }

.limiterBox { border: 1px solid #766; border-top: none; background-color: #ffc; padding: 3px 6px; font-size: 10px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

.site-url-warning { position: fixed; top: 0; left: 0; right: 10; min-height: 50px; padding: 20px; background: #f8ff90; font-size: 1.2em; display: none; }
.site-url-warning .site-url-close { display: block; float: right; font-size: 10px; text-transform: uppercase; border: 1px solid #000; padding: 2px 5px; margin: -15px 0px 10px 10px; }
.site-url-warning .site-url-close:hover { cursor: pointer; background: #fff; }

/* CSS applied only when viewing SWR from a browser */
* { font-size: 9pt; }

.dlgbutton { min-width: 72px; min-height: 26px; margin-left: 8px; cursor: pointer; }

.padded { padding: 10px; }

.side-padded { padding: 0px 10px; }

.list, .mlist { width: 100%; height: 450px; }

.list.fullheight { height: 100%; }
.list img { padding-right: 4px; }

.tab-container { height: 100%; position: relative; }

.tab-container .tab { position: absolute; bottom: 0; top: 32px; left: 0; right: 0; overflow: auto; }

#tabs { position: absolute; width: 100%; bottom: 50px; top: 0; }

.tab-container .bottombuttonbar { padding: 10px 14px 4px 24px; position: absolute; bottom: 0; right: 0; }

.body-panel-left-margin { margin-left: 400px; }

.hidden-object { display: none; }

.spacer-top { margin-top: 10px; }

#left_content { float: left; width: 96%; max-width: 490px; margin: 4px; display: inline; }

.border_box { border: 1px solid #7f9bd9; }

.acfs p { margin: 12px; }

.acfs select { float: left; clear: right; }

input.cb { margin-left: 20px; }

div.message { color: red; margin: 12px; }

div.l_message { margin: 12px; padding: 8px; border: 1px solid darkblue; background: #f8f8ff; }

/* Smart Object list */
.smart-object-list .name, .generic-object-list .name { text-align: center; border: none; border-bottom: 1px solid #CCC; padding: 8px; cursor: pointer; font-size: 1.1em; }
.smart-object-list .name .ui-state.active, .generic-object-list .name .ui-state.active { cursor: auto; }
.smart-object-list .name span, .generic-object-list .name span { float: left; }
.smart-object-list .name .small, .generic-object-list .name .small { font-size: 0.8em; margin-left: 16px; }
.smart-object-list .objects, .generic-object-list .objects { border: none; border-bottom: 1px solid #CCC; }
.smart-object-list .object-name-panel, .generic-object-list .object-name-panel { padding: 10px; margin: 0px; color: #000; border: none; border-bottom: 1px dotted #ccc; }
.smart-object-list .object-name-panel .icon-left, .generic-object-list .object-name-panel .icon-left { float: left; margin: 0px 5px 5px 0px; width: 32px; }
.smart-object-list .object-name-panel .name-middle, .generic-object-list .object-name-panel .name-middle { float: left; width: 73%; }
.smart-object-list .object-name-panel .full-height, .generic-object-list .object-name-panel .full-height { line-height: 32px; }
.smart-object-list .object-name-panel .delete-right, .generic-object-list .object-name-panel .delete-right { float: right; width: 13%; text-align: center; line-height: 35px; display: none; }
.smart-object-list .object-name-panel .delete-object, .smart-object-list .object-name-panel .configure-object, .generic-object-list .object-name-panel .delete-object, .generic-object-list .object-name-panel .configure-object { display: block; text-decoration: none; }
.smart-object-list .object-name-panel .delete-object img, .smart-object-list .object-name-panel .configure-object img, .generic-object-list .object-name-panel .delete-object img, .generic-object-list .object-name-panel .configure-object img { border: 0; }
.smart-object-list .object-name-panel:hover, .generic-object-list .object-name-panel:hover { background-color: #9966FF; color: #fff; cursor: pointer; }
.smart-object-list .object-name-panel:hover .delete-right, .generic-object-list .object-name-panel:hover .delete-right { display: block; }

.browserheader { background-color: #224467; height: 160px; }

.browsercontent { position: absolute; overflow: hidden; top: 160px; bottom: 0; width: 100%; min-width: 850px; min-height: 350px; }

.browserfooter { background: #9DA4AD; height: 60px; position: absolute; bottom: 0; width: 100%; }

.cms-management { height: 97%; }

.article-container { margin: 5px; }

.visual-style-options { width: 210px; margin: 20px 0px 20px 10px; }

/* Form styles - browser version only */
.swrui-input, .swrui-select, .swrui-textarea { padding: 5px; border-radius: 5px; }

.cms-navigation ul { list-style: none; padding: 0; margin: 0; }
.cms-navigation ul li { height: 20px; margin: 5px 10px; }
.cms-navigation ul li label { padding: 0px; margin-right: 10px; }
.cms-navigation ul li input { margin-top: 2px; }

.cms-tree-cat { clear: both; margin-top: 6px; }
.cms-tree-cat ul { padding: 0; margin: 0; }
.cms-tree-cat ul li { padding: 10px 0px; }

.user-grid { float: left; margin: 25px; width: 640px; }
.user-grid .ui-jqgrid { border-radius: 5px; }

.umo-form { width: 90%; margin: 0 auto; margin-bottom: 50px; }
.umo-form p { margin: 5px 0px; }
.umo-form .swrui-input { max-width: 200px; }
.umo-form .subscribers { width: 100%; height: 350px; }
.umo-form .fixed-select { width: 140px; }

.umo-small-form { margin: 20px; }

.umo-column { width: 33%; float: left; }

.umo-dialog-title .ui-dialog-titlebar { background-color: transparent; border: 0px none; position: absolute; right: 0; z-index: 1000; }

.user-view-buttons { /*padding: 20px;*/ }

.warning-text, .reindexprogress { color: #FF0000; font-size: 0.9em; }

.reindexprogress.hidden { display: none; }

.dashboard .swrui-fieldset { margin: 10px 0px; }
.dashboard .half { width: 42%; min-width: 200px; min-height: 100px; float: left; }
.dashboard .left { margin-right: 25px; }
.dashboard p { padding: 5px 0px; }
.dashboard .account { padding: 10px; }
.dashboard .account .welcome { float: left; line-height: 25px; }
.dashboard .account .stats { float: right; font-size: 0.9em; text-align: right; }

/* Dialog Boxes */
#dialog .umo-form { margin-bottom: 0px; }
#dialog .swrui-fieldset { border: 0px; padding: 0px; }
#dialog .swrui-fieldset legend { margin: 0px 0px 15px 0px; }