/* OVERALL */
body { font-family: Arial; font-size: 12px; line-height: 12px; color: #616161; background: #333 url(../images/background.png) top left; }
a { color: #0073bb; text-decoration: none; }
a:hover { color: #0073bb; }
h1, h2, h3, h4, h5, h6 { font-family: Arial; font-size: 12px; line-height: 12px; font-weight: bold; padding: 10px 0; }
.loader { width: 16px; height: 16px; background: url('../images/ajax-loader-black-white.gif') center center no-repeat ; display: inline; position: absolute; margin: 7px 0 0 10px; }
.error { border: 1px dashed #faa; background:#fee; }
pre { width: 100%; overflow: auto;}
table.full-width { width: 100%; }
table th,
table td { padding: 8px; }
table th { background: #fafafa url(../images/table-background.png) left top repeat-x; font-weight: bold; border-top: 1px solid #fff; }
table tbody th { background: #444; color: #fff; font-weight: bold; cursor: pointer; }
table tbody .active th { background: #aaba91; color: #616161; }
.even { background: #fafafa; }
.complete { background: #c0ffc0; }
.canceled { background: #ffc0c0; }
.pointer { cursor: pointer; }
.scroll_controls { background: #fff; position: fixed; top: 0; left: 0; width: 100%; height: 45px; z-index: 100; border-bottom: 1px #dbdbdb solid; }
.scroll_controls .header { width: 960px; margin: 0 auto; position: relative; }
.scroll_controls ul { margin: 0 5px 0 0; right: 0; position: absolute; top: 5px; }
.scroll_controls ul li { float: left; margin: 0 0 0 10px; }
.scroll_controls ul li.loader { position: absolute; left: -21px; top: 6px; }
.scroll_controls h1 { padding: 22px 0 0px 205px; }
.sortable .placeholder { border: 1px dashed #ddd; background: #eee; }
.paginator,
.paginator ul { float: right; }
.paginator { margin: 20px 0; }
.paginator li { float: left; }
.paginator span { border: 1px solid #ddd; padding: 5px 10px; margin: 0 0 0 10px; background: #fafafa url(../images/table-background.png) left top repeat-x; }
/* END OVERALL */

/* FORMS */
fieldset { margin: 10px 0 0 0; }
fieldset input,
fieldset .hint,
fieldset label,
fieldset li { float:left; }
fieldset label { width:200px; font-weight: bold; margin: 11px 0 0 0; }
fieldset input[type=checkbox] { margin: 11px 0 0 0; }
fieldset li { clear:both; list-style:none; padding-bottom:10px; }
fieldset input,
fieldset textarea { padding: 8px; border: #d0d0d0 1px solid; margin: 0; }
fieldset textarea { height: 100px; }
fieldset .max-width { width: 532px; }
fieldset .width-200 { width: 200px; }
fieldset .width-300 { width: 300px; }
fieldset .required span { color: #F55;}
fieldset .swfupload { margin: 0 0 0 5px; }
fieldset input[type=button] { margin: 0 0 0 5px; font-weight: bold; background: url(../images/select-file-bg.png) center right repeat-x; border: 0; color: #fff; padding: 8px 30px 9px; cursor: pointer; display: block; text-transform: uppercase; line-height: 12px; font-size: 12px; }
fieldset .hint,
fieldset .hint { clear: both; display: block; margin: 10px 0 0 200px; }
fieldset .hint a,
fieldset .hint a { margin: 0 10px 0 0; }
fieldset .delete-image,
fieldset .delete-image { cursor: pointer; }
/* END FORMS */

/* CONTENT */
.content-wrapper { background: #fff; }
.content { min-height: 600px; background: url(../images/content-left-border.png) repeat-y 192px top; }
.box .header { margin: 21px 0 0 0; position: relative; }
.box .header ul { right: 0; position: absolute; top: -10px; }
.box .header ul li { float: left; margin: 0 0 0 10px; }
.box .header ul li.loader { position: absolute; left: -21px; top: 6px; }
.box .header { border-bottom: 1px solid #dbdbdb;  }
.options { margin: 20px 0 0 0; padding: 0; }
.options li { cursor: pointer;  background: #fafafa url(../images/content-left-border.png) repeat-y top right; border-top: 1px solid #d5d5d5; margin: 0; padding: 0; }
.options li.last { border-bottom: 1px solid #d5d5d5; }
.options li.active { background: #fff; }
.options li span { font-weight: bold; width: 170px; display: block; padding: 10px; }
.options li.save-btn span { background: url(../images/disk.png) 160px center no-repeat; }
.options li.notice-btn span { background: url(../images/notice.png) 160px center no-repeat; }
.options .selectBox-dropdown { width: 140px; margin: 5px 0; }
.options .selectBox-arrow { padding: 0; }
.button { font-weight: bold; background: url(../images/orange-bg.png) center right repeat-x; border: 0; color: #fff; padding: 9px 30px; margin: 0; cursor: pointer; display: block; text-transform: uppercase; line-height: 12px; font-size: 12px;  }
.button:hover { color: #fff; }
.action { padding: 7px 0 !important; }
.action span { display: none; }
.action a { float: left; margin: 0 0 0 5px; width: 16px; height: 16px; display: block; }
.action .delete { background: url(../images/delete-icon.png) center center no-repeat; }
.action .update { background: url(../images/update-icon.png) center center no-repeat; }
.action .view { background: url(../images/view-icon.png) center center no-repeat; }
.action .connect { background: url(../images/connect-icon.png) center center no-repeat; }
.action .disconnect { background: url(../images/disconnect-icon.png) center center no-repeat; }
.action .print { background: url(../images/printer.png) center center no-repeat; }
.action .pdf { background: url(../images/script.png) center center no-repeat; }
.action .cancel { background: url(../images/delete-icon.png) center center no-repeat; }
.action .complete { background: url(../images/accept.png) center center no-repeat; }
.action .pending { background: url(../images/clock.png) center center no-repeat; }
.action .read { background: url(../images/magnifier.png) center center no-repeat; }
/* CONTENT */

/* HEADER */
.logo h1 { display: block; width: 224px; height: 103px; background: url(../images/shell-logo-200x200.png) no-repeat center center; background-size: contain; margin: 15px 0 0 0; }
.logo h1 span { display: none; }
.top-links { float: right; margin: 82px 0 0 0; }
.top-links li { float: left; background: url(../images/top-links-spacer.png) right center no-repeat; margin: 0 20px 0 0; padding: 0 22px 0 0; }
.top-links li.last { background: none; margin: 0; padding: 0; }
.top-links a { color: #f1ab00; font-weight: bold; }
.top-links .website { background: url(../images/monitor-icon.png) left center no-repeat; padding: 0 0 0 23px; }
.top-links .user { background: url(../images/user-icon.png) left center no-repeat; padding: 0 0 0 20px; }
/* END HEADER */

/* NAVIGATION */
.navigation-wrapper { background: url(../images/navigation-background.png) repeat-x left top; height: 43px; padding: 5px 0; position: relative; top: 5px;}
.navigation { position: relative; left: 83px; border-left: 1px solid #434343; }
.navigation li,
.navigation ul,
.navigation { z-index: 1; float: left; }
.navigation li { float: left; position: relative; }
.navigation li a,
.navigation li span { display: block; text-decoration: none; font-weight: normal; cursor: pointer; text-transform: uppercase; }
.navigation > li { border-right: 1px solid #434343;  }
/*.navigation > li.active { background: #216eba url(../images/navigation-active.png) repeat-x left top; }*/
.navigation > li.active { background: #f1ab00; }
.navigation > li a,
.navigation > li span { padding: 15px 15px 16px; color: #fff; }
.navigation > li > .children { background: url(../images/navigation-children.png) no-repeat right center; padding-right: 30px; margin-right: 10px; }
.navigation ul { visibility: hidden; font-size: 12px; width: 210px; position: absolute; left: -1px; border-color: #434343; border-width: 0px 1px 1px 1px; border-style: solid; background: #fff; padding: 5px; }
.navigation ul ul { border-width: 1px; }

.navigation li:hover ul	{ }
.navigation li:hover ul ul	{ visibility: hidden; position: absolute; top: -6px; left: 215px; }
.navigation li li:hover ul	{ }

.navigation li li		{ padding: 0px 0px 0px 0px; margin: 0px; float: none; }
.navigation li li a,
.navigation li li span		{ padding: 10px !important; font-weight: normal; color: #404040!important; }
.navigation li li a:hover,
.navigation li li span:hover		{ color: #404040 !important; background: #ededed; }

.navigation li li:hover a		{ color: #404040 !important; }
.navigation li li:hover li a		{ color: #404040 !important; }
.navigation li li:hover li a:hover	{ color: #404040 !important; background: #ededed; }

.navigation li li.active a,
.navigation li li.active span	{ color: #404040 !important; font-weight: bold; }
.navigation li li.active li a		{ color: #404040 !important; font-weight: normal; }
.navigation li li.active li a:hover	{ color: #404040 !important; background: #ededed; }
.navigation li li li.active a		{ color: #404040 !important; font-weight: bold; }
/* END NAVIGATION */

/* DASHBOARD */
.dashboard ul,
.dashboard ul li { float: left; }
.dashboard li a { background: url(../images/dashboard-button-background.png) center center no-repeat; width: 181px; height: 88px; display: block; line-height: 18px; font-weight: bold; }
.dashboard span { padding: 26px 0px 26px 45px; margin: 0 10px; display: block; height: 36px; }
.dashboard .action span { display: none; }
.dashboard .page-create span { background: url(../images/page-create-icon.png) 5px center no-repeat; }
.dashboard .menu span { background: url(../images/menu-manager-icon.png) 5px center no-repeat; }
.dashboard .file-manager span { background: url(../images/file-manager-icon.png) 5px center no-repeat; }
.dashboard .page span { background: url(../images/page-manager-icon.png) 5px center no-repeat; }
.dashboard .blog span { background: url(../images/blog-manager-icon.png) 5px center no-repeat; }
.dashboard .blog-create span { background: url(../images/blog-create-icon.png) 5px center no-repeat; }
.dashboard .user span { background: url(../images/user-manager-icon.png) 5px center no-repeat; }
.dashboard .room span { background: url(../images/room-manager-icon.png) 5px center no-repeat; }
.dashboard .slide span { background: url(../images/slide-manager-icon.png) 5px center no-repeat; }
.dashboard .member span { background: url(../images/member-manager-icon.png) 5px center no-repeat; }
.dashboard .event span { background: url(../images/event-manager-icon.png) 5px center no-repeat; }
.dashboard .event-create span { background: url(../images/event-create-icon.png) 5px center no-repeat; }
.dashboard ul { margin: 10px 0 0 2px; }
.dashboard li { margin: 0 8px 0 0; }
.dashboard li.last { margin: 0; }
.dashboard .twitter textarea { width: 98%; height: 90px; margin: 10px 0 10px 0;}
.dashboard .twitter .button { float: right; }
.dashboard .twitter #chars { float: right; margin: 0; padding: 0; position: absolute; bottom: 20px; left: 220px; }
.dashboard .twitter { margin: 0 0 10px 0; }
/* END DASHBOARD */

/* PAGES */
.page td,
.page th { padding: 9px 0; overflow:hidden; line-height: 1em; }
.page td { background: url(../images/table-background.png) left top repeat-x; }
.page th { background: #fafafa; }
.page th.title { padding-left: 9px; }
.page .title { padding: 9px 0px 9px 0px; }
.page li { cursor: move; }
.page li .title { padding-left: 9px; width: 261px; }
.page li li .title { padding-left: 18px; width: 252px; }
.page li li li .title { padding-left: 27px; width: 243px; }
.page .status { width: 100px; }
.page .created { width: 150px; }
.page .modified { width: 150px; }
.page .actions { width: 80px; }
.page .loader { width: 100%; height: 100%; display: block; background-position: center 25%; }
/* PAGES */

/* PAGE CREATE / UPDATE */
.page-create fieldset,
.page-update fieldset { display: none; }
.page-create #fieldset-page_information,
.page-update #fieldset-page_information { display: block; }
/* END PAGE CREATE / UPDATE */

/* BLOG POST CREATE / UPDATE */
.blog-post-create fieldset,
.blog-post-update fieldset { display: none; }
.blog-post-create #fieldset-blog_post_information,
.blog-post-update #fieldset-blog_post_information { display: block; }
/* END BLOG POST CREATE / UPDATE */

/* BLOG POST CREATE / UPDATE */
.news-item-create fieldset,
.news-item-update fieldset { display: none; }
.news-item-create #fieldset-news_item_information,
.news-item-update #fieldset-news_item_information { display: block; }
/* END BLOG POST CREATE / UPDATE */

/* SLIDE */
.slide td,
.slide th { padding: 9px 0; overflow:hidden; line-height: 1em; }
.slide td { background: url(../images/table-background.png) left top repeat-x; }
.slide th { background: #fafafa; }
.slide th.title { padding-left: 9px; }
.slide .title { padding: 9px 0px 9px 0px; }
.slide li { cursor: move; }
.slide li .title { padding-left: 9px; width: 261px; }
.slide li li .title { padding-left: 18px; width: 252px; }
.slide li li li .title { padding-left: 27px; width: 243px; }
.slide .status { width: 100px; }
.slide .created { width: 150px; }
.slide .modified { width: 150px; }
.slide .actions { width: 80px; }
.slide .loader { width: 100%; height: 100%; display: block; background-position: center 25%; }
/* END SLIDE */

/* MENU MANAGER */
.menu .sortable { margin: 10px 0 0 0; }
.menu .sortable ol ol { margin: 0 0 0 20px; }
.menu .sortable li { width: 340px; margin: 10px 0 10px 0; }
.menu .sortable li > div { overflow: hidden; }
.menu .sortable .header { cursor: move; padding: 9px; margin: 0; background: #f1f1f1 url(../images/menu-manager-header.png) left top repeat-x; border: 1px solid #dbdbdb; position: relative; }
.menu .sortable .header h1 { padding: 0; margin: 0; }
.menu .sortable .body { padding: 9px; border: 1px solid #dbdbdb; border-width: 0 1px 1px 1px; position: relative; }
.menu .sortable .hide { display: none; }
.menu .sortable .type { position: absolute; right: 40px; top: 9px; cursor: pointer; color: #bbb; font-weight: bold; }
.menu .sortable .toggle { width: 30px; height: 30px; background: #d6d6d6 url(../images/menu-manager-toggle.png) center center no-repeat; position: absolute; right: 0; top: 0; cursor: pointer; }
.menu .sortable fieldset { margin: 0; }
.menu .sortable fieldset label { width: 100px; margin: 16px 0 0 0; }
.menu .sortable fieldset input { margin: 5px 0; }
.menu .sortable .bottom { padding: 10px 0 0 0; clear: both; height: 16px; }
.menu .sortable .delete { width: 16px; height: 16px; background: url(../images/delete-icon.png) center center no-repeat; display: block; position: absolute; right: 10px; cursor: pointer; }
.menu-pages { margin: 10px 0 0 0;  }
.menu-pages .header { background: #797979; color: #fff; padding: 10px; font-weight: bold; }
.menu-pages .body { background: #fff; padding: 10px; border: 1px solid #dbdbdb; border-top: none; }
.menu-pages .control { padding: 10px 0 0 0; clear: both; }
.menu-pages a { float: right; background-image: url(../images/blue-bg.png); }
.menu-pages .loader { margin: 7px 0 0 60px; }
.menu-pages li { float: left; }
.menu-pages label { float: left; }
.menu-pages label span { float: right; width: 148px; margin: 3px 0 0 0; }
.menu-pages label input { float: left; }
.menu-links { margin: 10px 0 0 0;  }
.menu-links .header { background: #797979; color: #fff; padding: 10px; font-weight: bold; }
.menu-links .body { background: #fff; padding: 10px; border: 1px solid #dbdbdb; border-top: none; }
.menu-links a { float: right; background-image: url(../images/blue-bg.png); }
.menu-links .loader { margin: 7px 0 0 60px; }
.menu-links label { width: 30px; }
.menu-links input { width: 120px; }
/* END MENU MANAGER */

/* ACL RULE */
.permission .controls { margin: 9px; }
/* END ACL RULE */

/* FOOTER */
.footer-wrapper { min-height: 90px; background: url(../images/login-border.png) center 10px no-repeat; padding: 23px 0 0 0;}
#footer, #footer a { color: #fff; }
#footer span { float: right; }
/* END FOOTER */

/* LOGIN */
#login-layout { color: #fff; background: #333 url(../images/background.png) top left; position: absolute; width: 100%; height: 100%; }
#login-layout .top, #login-layout .bottom { height: 110px; background: url(../images/login-top-bottom.png) top left; display: block; width: 100%; position: relative; }
#login-layout .border { height: 3px; background: url(../images/login-border.png) center top; }
#login-layout .bottom { bottom: 0px; position: absolute; }
#login-layout .top .border { top: 107px; position: relative; }
#login-layout .cube-websuite { height: 400px; background: url(../images/vert-border.png) center right no-repeat; display: block; }
#login-layout .cube-websuite span { width: 100%; height: 100%; display: block; text-indent: -999px; overflow: hidden; background: url(../images/shell-logo-200x200.png) center center no-repeat; }
#login-layout fieldset { margin: 0; }
#login-layout fieldset li { clear:both; list-style:none; padding-bottom: 0px; }
#login-layout fieldset input,
#login-layout fieldset .hint { float:left; }
#login-layout fieldset input[id=username] { width: 193px; background: #fff url(../images/login-input-200.png) center left no-repeat; border: 1px solid #000; padding: 7px 0 7px 7px; }
#login-layout fieldset input[id=password] { width: 143px; background: #fff url(../images/login-input-150.png) center left no-repeat; border: 1px solid #000; padding: 7px 0 7px 7px; }
#login-layout fieldset input[id=remember_me] { border: none; padding: 0;  }
#login-layout fieldset .hint {  clear: none; margin: 10px 0 0 7px; display: inline;  }
#login-layout fieldset input { margin: 10px 0 0 0;}
#login-layout fieldset input.error { border: 1px solid #a00; background-color: #fee; }
#login-layout fieldset label { margin: 18px 0 0 0; width: 110px; float:left; font-weight: bold; }
#login-layout fieldset .errors { float: right; display: block; }
#login-layout label[for=login],
#login-layout label[for=remember_me] { overflow: hidden; text-indent: -999px; margin: 0; }
#login-layout .box { background: url(../images/login-background.png) center right repeat-y; padding: 13px 20px 20px 20px; margin: 110px 0 0 0; }
#login-layout .button { margin: 10px 0 0 0; font-weight: bold; background: url(../images/orange-bg.png) center right repeat-x; height: 30px; border: 0; color: #fff; padding: 0 30px; cursor: pointer; display: block;}
#login-layout .loader { background: url('../images/ajax-loader-white-black.gif') center center no-repeat; margin: 16px 0 0 10px; }
/* END LOGIN */

/* PRINT */
#print { color: #000; background: #fff; position: relative; }
#print .print { cursor: pointer; position: absolute; right: 10px; top: 10px; width: 100px; text-align: center; }
#print table td { padding: 50px 10px; }
#print p { padding: 10px; }
/* END PRINT */

/* POPUP */
#popup p { margin: 5px 0; }
/* END POPUP */

/* FLATSCREEN */
#flatscreen { background: #407f2e; color: #fff; font-size: 34px; line-height: 48px; }
#flatscreen .header { margin: 0; padding: 0; border: none;  }
#flatscreen table thead td { background: #407f2e; padding: 20px; color: #fff; }
#flatscreen table thead th { background: #264d1b; padding: 20px; font-weight: normal; }
#flatscreen table .date-time .time { text-align: right; }
#flatscreen table td { background: #fff; padding: 20px; border: 2px solid #407f2e; color: #407f2e; }
#flatscreen .pick_up { color: #ea6604; }
/* END FLATSCREEN */

/* select2 */
.select2-selection.select2-selection--multiple {overflow: auto;}