/*
 * Theme: OneEleven 2012 (c)
 * Author: Goran Ilic (ja@ich-mach-das.at) - http://dev.cmsmadesimple.org/users/uniqu3
 * Version: 1.0
 *
 */

/* NORMALIZE BROWSER
 * normalize.css 2011-11-04T15:38 UTC - http://github.com/necolas/normalize.css
 */

 @import '/libs/font-awesome/css/font-awesome.min.css';

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

audio:not([controls]) {
    display: none
}

[hidden] {
    display: none
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    margin: 0
}

body, button, input, select, textarea {
    font-family: sans-serif
}

a:focus {
    outline: thin dotted
}

a:hover, a:active {
    outline: 0
}

h1 {
    font-size: 2em
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

blockquote {
    margin: 1em 40px
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

pre, code, kbd, samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: none
}

q:before, q:after {
    content: '';
    content: none
}

small {
    font-size: 75%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

ul, ol {
    margin-left: 0;
    padding: 0 0 0 40px
}

dd {
    margin: 0 0 0 40px
}

nav ul, nav ol {
    list-style: none;
    list-style-image: none
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

form {
    margin: 0
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    *margin-left: -7px
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}

button, input {
    line-height: normal
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
    *overflow: visible
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

/* GRID SYSTEM
 * Fluid Grid based on Based on 960 Grid System - http://www.960.gs
 * Helper Styles for Module Developer, make aligning modules easier.
 * (To bad Robert didn't request this earlier i could of saved myself
 * from writing a bunch of Styles)
 * For Demo see /admin/themes/OneEleven/doc/grid.html
 */

/* Container - Wrapping all grids inside,
 * use .cf class to clear floated elements
 */
.c_full {
    width: 100%
}

/* Global Grid style, the actual grid */
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
    display: inline;
    float: left;
    position: relative;
    margin-left: 1%;
    margin-right: 1%
}

/* Alpha = no margin left, Omega = no margin right  */
.alpha {
    margin-left: 0
}

.omega {
    margin-right: 0
}

/* Grids up to 12 columns */
.c_full .grid_1 {
    width: 6.333%
}

.c_full .grid_2 {
    width: 14.667%
}

.c_full .grid_3 {
    width: 23.0%
}

.c_full .grid_4 {
    width: 31.333%
}

.c_full .grid_5 {
    width: 39.667%
}

.c_full .grid_6 {
    width: 48.0%
}

.c_full .grid_7 {
    width: 56.333%
}

.c_full .grid_8 {
    width: 64.667%
}

.c_full .grid_9 {
    width: 73.0%
}

.c_full .grid_10 {
    width: 81.333%
}

.c_full .grid_11 {
    width: 89.667%
}

.c_full .grid_12 {
    width: 98.0%
}

/* Prefix to add extra space left
 * Example (same for other like suffix, push or pull): <div class='grid_1 prefix_1'>
 */
.c_full .prefix_1 {
    padding-left: 8.333%
}

.c_full .prefix_2 {
    padding-left: 16.667%
}

.c_full .prefix_3 {
    padding-left: 25.0%
}

.c_full .prefix_4 {
    padding-left: 33.333%
}

.c_full .prefix_5 {
    padding-left: 41.667%
}

.c_full .prefix_6 {
    padding-left: 50.0%
}

.c_full .prefix_7 {
    padding-left: 58.333%
}

.c_full .prefix_8 {
    padding-left: 66.667%
}

.c_full .prefix_9 {
    padding-left: 75.0%
}

.c_full .prefix_10 {
    padding-left: 83.333%
}

.c_full .prefix_11 {
    padding-left: 91.667%
}

/* Suffix to add extra space right */
.c_full .suffix_1 {
    padding-right: 8.333%
}

.c_full .suffix_2 {
    padding-right: 16.667%
}

.c_full .suffix_3 {
    padding-right: 25.0%
}

.c_full .suffix_4 {
    padding-right: 33.333%
}

.c_full .suffix_5 {
    padding-right: 41.667%
}

.c_full .suffix_6 {
    padding-right: 50.0%
}

.c_full .suffix_7 {
    padding-right: 58.333%
}

.c_full .suffix_8 {
    padding-right: 66.667%
}

.c_full .suffix_9 {
    padding-right: 75.0%
}

.c_full .suffix_10 {
    padding-right: 83.333%
}

.c_full .suffix_11 {
    padding-right: 91.667%
}

/* Push to right */
.c_full .push_1 {
    left: 8.333%
}

.c_full .push_2 {
    left: 16.667%
}

.c_full .push_3 {
    left: 25.0%
}

.c_full .push_4 {
    left: 33.333%
}

.c_full .push_5 {
    left: 41.667%
}

.c_full .push_6 {
    left: 50.0%
}

.c_full .push_7 {
    left: 58.333%
}

.c_full .push_8 {
    left: 66.667%
}

.c_full .push_9 {
    left: 75.0%
}

.c_full .push_10 {
    left: 83.333%
}

.c_full .push_11 {
    left: 91.667%
}

/* Pull to left */
.c_full .pull_1 {
    left: -8.333%
}

.c_full .pull_2 {
    left: -16.667%
}

.c_full .pull_3 {
    left: -25.0%
}

.c_full .pull_4 {
    left: -33.333%
}

.c_full .pull_5 {
    left: -41.667%
}

.c_full .pull_6 {
    left: -50.0%
}

.c_full .pull_7 {
    left: -58.333%
}

.c_full .pull_8 {
    left: -66.667%
}

.c_full .pull_9 {
    left: -75.0%
}

.c_full .pull_10 {
    left: -83.333%
}

.c_full .pull_11 {
    left: -91.667%
}

/* Margin top */
.m_top_5 {
    margin-top: 5px !important
}

.m_top_10 {
    margin-top: 10px !important
}

.m_top_15 {
    margin-top: 15px !important
}

.m_top_25 {
    margin-top: 25px !important
}

.m_top_30 {
    margin-top: 30px !important
}

.m_top_35 {
    margin-top: 35px !important
}

.m_top_45 {
    margin-top: 45px !important
}

.m_top_60 {
    margin-top: 60px !important
}

.m_top_90 {
    margin-top: 90px !important
}

.m_top_120 {
    margin-top: 120px !important
}

/* Margin bottom */
.m_bottom_5 {
    margin-bottom: 5px !important
}

.m_bottom_10 {
    margin-bottom: 10px !important
}

.m_bottom_15 {
    margin-bottom: 15px !important
}

.m_bottom_25 {
    margin-bottom: 25px !important
}

.m_bottom_30 {
    margin-bottom: 30px !important
}

.m_bottom_35 {
    margin-bottom: 35px !important
}

.m_bottom_45 {
    margin-bottom: 45px !important
}

.m_bottom_60 {
    margin-bottom: 60px !important
}

.m_bottom_90 {
    margin-bottom: 90px !important
}

.m_bottom_120 {
    margin-bottom: 120px !important
}

/* Padding top */
.p_top_5 {
    padding-top: 5px !important
}

.p_top_10 {
    padding-top: 10px !important
}

.p_top_15 {
    padding-top: 15px !important
}

.p_top_30 {
    padding-top: 30px !important
}

.p_top_45 {
    padding-top: 45px !important
}

.p_top_60 {
    padding-top: 60px !important
}

.p_top_90 {
    padding-top: 90px !important
}

.p_top_120 {
    padding-top: 120px !important
}

.p_top_130 {
    padding-top: 130px !important
}

/* Padding bottom */
.p_bottom_5 {
    padding-bottom: 5px !important
}

.p_bottom_10 {
    padding-bottom: 10px !important
}

.p_bottom_15 {
    padding-bottom: 15px !important
}

.p_bottom_30 {
    padding-bottom: 30px !important
}

.p_bottom_45 {
    padding-bottom: 45px !important
}

.p_bottom_60 {
    padding-bottom: 60px !important
}

.p_bottom_90 {
    padding-bottom: 90px !important
}

.p_bottom_120 {
    padding-bottom: 120px !important
}

.p_bottom_130 {
    padding-bottom: 130px !important
}

/* CLEARFIX */
* html .cf {
    height: 1%;
    overflow: visible
}

* + html .cf {
    min-height: 1%
}

.cf:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

.clear {
    clear: both;
    height: 0
}

.clearb {
    clear: both
}

/* COMMON STUFF */

/*
 * Colors:
 * #f6f6f6 Body/Content Background
 * #232323 Dark background
 * #cecece Grey background
 * #ddd Grey background
 * #585858 Dark grey titles
 * #fa8004 Orange (links, title)
 * #147fdb Blue (links, titles)
 */

html, body {
    width: 100%;
    margin: 0px;
    padding: 0px;
    min-height: 100%;
    height: 100%
}

body {
    min-width: 900px;
    color: #232323;
    line-height: 1.3;
    font-size: 12px;
    background: #f6f6f6
}

ins {
    background-color: #ff9;
    color: #232323;
    text-decoration: none;
}

mark {
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cecece;
    margin: 10px 0;
    padding: 0
}

ul, ol {
    list-style: none;
    margin: 0;
    padding: 0
}

#oe_mainarea ul, ol {
    margin: 10px 0 10px 25px
}

#oe_mainarea li {
    line-height: 1.5
}

#oe_mainarea ol li {
    list-style: decimal
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #585858
}

#oe_mainarea ul {
    list-style: square
}

h1 {
    font-size: 20px
}

h2 {
    font-size: 18px
}

h3 {
    font-size: 16px
}

h4 {
    font-size: 14px
}

h5 {
    font-size: 12px
}

h6 {
    font-size: 11px
}

p {
    font-size: 12px;
    margin: 2px 0
}

a,
span {
    outline: none
}

table,
td,
tr {
    text-align: left
}

form {
    margin: 0px;
    display: inline
}

a:link,
a:visited {
    color: #147fdb;
    text-decoration: none
}

a:hover,
a:active {
    color: #fa8004;
    text-decoration: underline
}

a.external {
    background: url(themes/OneEleven/images/icons/system/external-small.png) no-repeat right;
    padding-right: 20px
}

.alert-dialog a {
    text-decoration: underline
}

.file {
    background: url(themes/OneEleven/images/icons/system/document-list.png) no-repeat left;
    padding-left: 25px
}

.important {
    color: red;
    font-weight: normal
}

.smallgrey {
    font-weight: normal;
    font-size: 10px;
    margin: 10px 0 0 0
}

div.pagecontainer .h-inside {
    float: left;
    padding-top: 8px;
    padding-right: 10px;
    margin-left: 10%;
    width: 18em;
    margin-bottom: 0.5em;
    text-align: right
}

.visible {
    position: static
}

.invisible {
    position: absolute;
    left: -9999em;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

/* Format code chunks */
pre, code, samp, kbd {
    font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'Courier New', monospace;
    text-align: left;
    color: #232323;
    height: auto;
    font-size: 12px
}

pre code {

}

pre {
    padding: 5px 20px;
    border-left: 10px solid #cecece;
    background: #eee;
    margin: 5px;
    overflow: auto;
    display: inline-block;
    width: auto
}

/* border radius */
table.pagetable,
table.pagetable a.tooltip span,
div.pagecontainer fieldset,
input,
textarea,
select,
menu,
.group_memberships,
.dashboard-box img,
.warning,
.error,
.information,
.message,
.success,
.pagewarning,
.green,
.red,
.yellow {
    border-radius: 4px
}

/* forms */
form {
    margin: 0px;
    display: inline
}

input,
textarea,
select,
menu {
    font-family: sans-serif;
    font-size: 12px;
    margin: 2px 5px 2px 0;
    padding: 4px 5px;
    border: 1px solid #aaa;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background: #f0f0f0
}

input {
    text-indent: 5px;
    margin-right: 5px
}

/*
input[type='text'] {
	min-width: 25%
}
*/
input[type='text']#in_title,
input[type='text']#in_menutext {
    min-width: 30%
}

input:hover,
input:focus,
textarea:hover,
textarea:focus,
select:hover,
select:focus,
menu:focus,
checkbox:hover {
    border: 1px solid #aaa;
    outline: 0;
    background: #fff
}

input[type="text"],
input[type="password"] {
    padding: 5px
}

input[type="button"],
input[type="submit"],
.ui-button {
    border: 1px solid #d3d3d3;
    background: #cecece url(themes/OneEleven/css/default-cmsms/images/ui-bg_highlight-soft_75_cecece_1x100.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555;
    cursor: pointer;
    height: 28px;
    font-size: 12px
}

.ui-button {
    margin: 4px 0
}

.ui-button-text {
    font-size: 12px;
    margin-left: 2px
}

button.ui-button.ui-state-active {
    border: 1px solid #d3d3d3;
    background: #cecece url(themes/OneEleven/css/default-cmsms/images/ui-bg_highlight-soft_75_cecece_1x100.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #147fdb
}

input[type="button"]:hover,
input[type="submit"]:hover {
    cursor: pointer
}

input[type="checkbox"] {
    background: #fff;
    border: none
}

textarea {
    width: 48em;
    height: 30em;
    overflow: auto
}

/* Notification messages */
.orange {
    color: #e6c26e
}

.red {
    color: #ae432e
}

.blue {
    color: #058dc7
}

.message,
.pagewarning,
.pagemcontainer,
.pageerrorcontainer,
.pageerrorinstalldir,
.green,
.red,
.yellow,
.warning,
.information {
    display: inline-block;
    width: auto;
    font-size: 11px;
    padding: 10px 10px 10px 40px;
    margin: 10px 0
}

.pagewarning.hidden {
    display: none
}

.dialog .green,
.dialog .red,
.dialog .yellow,
.dialog .orange {
    display: block
}

.green,
.red,
.yellow,
.orange {
    padding: 10px;
}

.warning,
.pagewarning {
    background: #faf6d4 url(themes/OneEleven/images/icons/extra/warning.png) 10px 50% no-repeat;
    border: 1px solid #e6c26e
}

.yellow {
    background: #faf6d4;
    color: #e6c26e;
    border: 1px solid #e6c26e
}

.error,
.pageerrorcontainer,
.pageerrorinstalldir {
    background: #f2d4ce url(themes/OneEleven/images/icons/extra/block.png) 10px 50% no-repeat;
    border: 1px solid #ae432e
}

.red {
    background: #f2d4ce;
    color: #ae432e;
    border: 1px solid #ae432e
}

.success,
.pagemcontainer {
    background: #d9e6c3 url(themes/OneEleven/images/icons/extra/accept.png) 10px 50% no-repeat;
    border: 1px solid #77ab13
}

.green {
    background: #d9e6c3;
    color: #77ab13;
    border: 1px solid #77ab13
}

.information {
    background: #cee6f2 url(themes/OneEleven/images/icons/extra/info.png) 10px 50% no-repeat;
    border: 1px solid #058dc7
}

.message:hover {
    cursor: help
}

.pagewarning p,
.message p {
    color: #232323;
    margin: 0;
    font-size: 11px
}

.pagewarning h3 {
    margin: 2px 0;
    font-size: 14px;
    color: #e6c26e
}

aside.message,
.pagemcontainer,
.pageerrorcontainer,
.pageerrorinstalldir {
    position: fixed;
    z-index: 9999;
    border-top: none;
    width: 30%;
    font-size: 11px;
    border-radius: 0 0 4px 4px;
    box-shadow: 1px 1px 3px 1px #444;
    -webkit-box-shadow: 1px 1px 3px 1px #444;
    top: 0;
    margin: 0;
    left: 35%
}

.pageerrorcontainer ul {
    border: none;
    margin-left: 25px;
    background: none
}

/* close notification */
.close-warning {
    float: right;
    display: inline-block;
    width: 16px;
    height: 16px;
    text-indent: -9999em;
    background: transparent url(themes/OneEleven/images/icons/extra/red.gif) no-repeat;
    cursor: pointer;
    margin: 5px
}

/* --- LAYOUT --- */
/* full height */
#oe_container {
    position: relative;
    height: auto !important;
    height: 100%;
    margin: 0 0 -30px 0;
    min-height: 100%
}

/* realign content */
.spacer {
    height: 30px;
    clear: both
}

#oe_admin-content {
    height: 100%
}

#oe_admin-content .shadow {
    background: transparent url(themes/OneEleven/images/layout/sprite_repeatx.png) 831px -148px repeat-x;
    z-index: 900;
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    height: 7px
}

/*** header ***/
header.header {
    height: 100px;
    background: #cecece
}

header .header-top {
    height: 69px;
    border-bottom: 1px solid #cecece;
    background: #eee url(themes/OneEleven/images/layout/sprite_repeatx.png) 831px -10px repeat-x
}

header .cms-logo {
    width: 240px;
    height: 70px;
    padding-left: 10px;
    float: left
}

header .contacts {
    float: left;
    width: 300px;
    height: 50px;
    padding-top: 6px;
}

header .admin-title {
    text-align: right;
    max-width: 70%;
    overflow: hidden;
    display: inline-block;
    height: 70px;
    font: bold 14px/70px sans-serif;
    margin-right: 20px;
    color: #585858;
    text-shadow: 1px 1px 0 #fff;
    float: right
}

header .header-bottom {
    height: 29px;
    line-height: 29px;
    border-bottom: 1px solid #0f0f0f;
    position: relative;
    width: 100%;
    background: #232323 url(themes/OneEleven/images/layout/sprite_repeatx.png) 831px -99px repeat-x
}

header .welcome {
    width: 250px;
    overflow: hidden;
    float: left;
    color: #fff;
    background: transparent url(themes/OneEleven/images/layout/welcome-bg.gif) no-repeat top right
}

header .welcome span {
    display: inline-block;
    width: auto;
    font-size: 11px;
    line-height: 18px;
    margin-left: 10px
}

header .welcome a {
    color: #fff
}

header a.welcome-user {
    height: 18px;
    width: 18px;
    display: inline-block;
    text-indent: -999em;
    margin-right: 10px;
    background: url(themes/OneEleven/images/layout/sprite_norepeat.png) -10px -336px no-repeat
}

/* breadcrumbs nav */
header .breadcrumbs {
    float: left;
    height: 29px
}

header .breadcrumbs ul {
    display: inline-block;
    list-style: none;
    line-height: 29px;
    margin: 0 0 0 25px
}

header .breadcrumbs ul li {
    float: left;
    color: #fff;
    font-size: 11px;
    padding: 0 8px 0 4px
}

header .breadcrumbs ul li.home {
    padding: 0 10px 0 0;
    background: url(themes/OneEleven/images/layout/breadcrubms-divider.png) no-repeat right;
}

header .breadcrumbs ul li.home a {
    background: url(themes/OneEleven/images/layout/sprite_norepeat.png) -10px -367px no-repeat;
    width: 18px;
    text-indent: -999em
}

header .breadcrumbs ul li.first {
    padding-left: 18px
}

header .breadcrumbs ul li a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    background: url(themes/OneEleven/images/layout/breadcrubms-divider.png) no-repeat right;
    padding-right: 24px
}

header .breadcrumbs ul li a:hover, header .breadcrumbs ul li a:active {
    text-decoration: underline
}

header .breadcrumbs ul li.current, header .breadcrumbs ul li.current a {
    color: #fa8004
}

/* shortcut icons */
header .shortcuts {
    line-height: 25px;
    float: right
}

header .shortcuts ul {
    width: auto;
    text-align: left;
    margin-right: 20px
}

header .shortcuts li {
    padding: 0 12px;
    display: inline-block;
    float: left
}

header .shortcuts li:last-child, header .shortcuts li.last {
    padding: 0 0 0 12px
}

header .shortcuts li a {
    display: block;
    margin-top: 5px;
    width: 18px;
    height: 25px;
    text-indent: -9999em;
    background: url(themes/OneEleven/images/layout/sprite_norepeat.png) no-repeat;
    overflow: hidden
}

header .shortcuts li.help a {
    background-position: -10px -737px
}

header .shortcuts li.settings a {
    background-position: -10px -10px
}

header .shortcuts li.logout a {
    background-position: -10px -86px
}

header .shortcuts li.view-site a {
    background-position: -10px -124px
}

header .shortcuts li.favorites a {
    background-position: -10px -48px
}

/*** sidebar ***/
#oe_sidebar {
    width: 249px;
    border-right: 1px solid #fff;
    background: #ddd url(themes/OneEleven/images/layout/sidebar-shadow.png) repeat-y right;
    position: absolute;
    left: 0;
    top: 100px;
    bottom: 0
}

#oe_container.sidebar-off #oe_sidebar {
    overflow: hidden;
    width: 40px
}

#oe_sidebar aside {
    padding-bottom: 30px;
    position: relative
}

#oe_sidebar nav.navigation {
    height: auto;
    margin-top: 45px;
    position: relative
}

/* toggle sidebar */
#oe_sidebar .toggle-button {
    text-indent: -9999em;
    z-index: 900;
    display: block;
    cursor: pointer;
    width: 24px;
    height: 25px;
    position: absolute;
    right: -1px;
    top: 75px
}

#oe_sidebar .toggle-button.top {
    top: -33px
}

#oe_sidebar .toggle-button {
    background-image: url(themes/OneEleven/images/layout/sprite_norepeat.png);
    background-repeat: no-repeat
}

.sidebar-on #oe_sidebar .toggle-button {
    background-position: -9px -254px
}

.sidebar-off #oe_sidebar .toggle-button {
    background-position: -9px -216px
}

/* sidebar notifications */
#oe_sidebar .notification a {
    text-decoration: none;
    display: block;
    height: 35px;
    background: url(themes/OneEleven/images/layout/sprite_norepeat.png) -10px -446px no-repeat;
    color: #fff
}

#oe_sidebar .notification a span {
    line-height: 1.3
}

#oe_sidebar .notification {
    overflow: hidden;
    height: 35px;
    line-height: 35px;
    position: relative;
    padding: 14px 10px;
    background: #232323 url(themes/OneEleven/images/layout/sprite_repeatx.png) 122px -175px repeat-x;
    color: #fff
}

#oe_sidebar div.notification .box-shadow,
#oe_sidebar nav.navigation .box-shadow {
    width: 11px;
    z-index: 10;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(themes/OneEleven/images/layout/sidebar-shadow.png) repeat-y right
}

#oe_sidebar .notification span {
    font-size: 11px;
    display: inline-block;
    padding-left: 30px
}

#oe_sidebar .alert-dialog {
    visibility: hidden;
    text-indent: -9999em
}

#oe_sidebar .alert-dialog strong {
    padding: 4px 0
}

/* main navigation */
nav ul#oe_pagemenu {
    border-bottom: 1px solid #adadad;
    /*margin-top: 45px*/
}

nav ul#oe_pagemenu li {
    position: relative;
    zoom: 1;
    background: url(themes/OneEleven/images/layout/navigation-bg.gif) repeat-x top;
    line-height: 35px;
    padding: 0
}

/* position sticky menu */
.sidebar-on #oe_sidebar nav.navigation {
    width: 249px
}

.sidebar-off #oe_sidebar nav.navigation {
    width: 40px;
    overflow: hidden
}

/* toggle submenu */
nav ul#oe_pagemenu li span.open-nav {
    display: block;
    width: 210px;
    height: 35px;
    z-index: 50;
    position: absolute;
    right: 5px;
    top: 0;
    text-indent: -9999em
}

nav ul#oe_pagemenu li span.open-nav.open-sub,
nav ul#oe_pagemenu li.current span.open-nav,
nav ul#oe_pagemenu li:hover span.open-nav,
nav ul#oe_pagemenu li.current span.open-nav,
nav ul#oe_pagemenu li.current:hover span.open-nav,
nav ul#oe_pagemenu li a span:hover {
    cursor: pointer;
    background: url(themes/OneEleven/images/layout/sprite_norepeat.png) 180px -176px no-repeat
}

/*** menu style ***/
nav ul#oe_pagemenu li a {
    background: url(themes/OneEleven/images/layout/sprite_norepeat.png) no-repeat;
    color: #232323;
    outline: 0;
    margin-left: 10px;
    height: 35px;
    font-weight: bold;
    display: block;
    text-shadow: 1px 1px 0px #fff;
    padding-left: 30px;
    text-decoration: none
}

nav ul#oe_pagemenu li.current li a {
    color: #232323
}

nav ul#oe_pagemenu li ul,
#oe_container.sidebar-off nav ul#oe_pagemenu li span.open-nav {
    display: none
}

#oe_container.sidebar-on nav ul#oe_pagemenu li.current ul {
    display: block
}

#oe_container.sidebar-on nav ul#oe_pagemenu li {
    zoom: 1
}

nav ul#oe_pagemenu li.current a,
nav ul#oe_pagemenu li a:hover,
nav ul#oe_pagemenu li:hover a,
nav ul#oe_pagemenu li a:active,
nav ul#oe_pagemenu li.current li a:hover,
nav ul#oe_pagemenu li.current li a:active,
nav ul#oe_pagemenu li.current li a,
nav ul#oe_pagemenu li li a:hover {
    color: #147fdb;
}

nav ul#oe_pagemenu li a.optimize {
    background-position: -10px -628px
}

nav ul#oe_pagemenu li a.main {
    background-position: -10px -484px
}

nav ul#oe_pagemenu li a.content {
    background-position: -10px -520px
}

nav ul#oe_pagemenu li a.layout {
    background-position: -10px -556px
}

nav ul#oe_pagemenu li a.usersgroups {
    background-position: -10px -592px
}

nav ul#oe_pagemenu li a.extensions {
    background-position: -10px -628px
}

nav ul#oe_pagemenu li a.siteadmin {
    background-position: -10px -664px
}

nav ul#oe_pagemenu li a.myprefs {
    background-position: -10px -700px
}

nav ul#oe_pagemenu li a.ecommerce {
    background-position: -10px -990px
}

/* hover, active */
nav ul#oe_pagemenu li a.main:hover,
nav ul#oe_pagemenu li.current a.main,
nav ul#oe_pagemenu li:hover a.main {
    background-position: -10px -278px
}

nav ul#oe_pagemenu li a.content:hover,
nav ul#oe_pagemenu li.current a.content,
nav ul#oe_pagemenu li:hover a.content {
    background-position: -10px -758px
}

nav ul#oe_pagemenu li a.layout:hover,
nav ul#oe_pagemenu li.current a.layout,
nav ul#oe_pagemenu li:hover a.layout {
    background-position: -10px -790px
}

nav ul#oe_pagemenu li a.usersgroups:hover,
nav ul#oe_pagemenu li.current a.usersgroups,
nav ul#oe_pagemenu li:hover a.usersgroups {
    background-position: -10px -823px
}

nav ul#oe_pagemenu li a.extensions:hover,
nav ul#oe_pagemenu li.current a.extensions,
nav ul#oe_pagemenu li:hover a.extensions {
    background-position: -10px -854px
}

nav ul#oe_pagemenu li a.siteadmin:hover,
nav ul#oe_pagemenu li.current a.siteadmin,
nav ul#oe_pagemenu li:hover a.siteadmin {
    background-position: -10px -921px
}

nav ul#oe_pagemenu li a.myprefs:hover,
nav ul#oe_pagemenu li.current a.myprefs,
nav ul#oe_pagemenu li:hover a.myprefs {
    background-position: -10px -885px
}

nav ul#oe_pagemenu li a.ecommerce:hover,
nav ul#oe_pagemenu li.current a.ecommerce,
nav ul#oe_pagemenu li:hover a.ecommerce {
    background-position: -10px -953px
}

/* second level & colapsed sidebar */
nav ul#oe_pagemenu ul {
    padding: 8px 0;
    background: #f0f0f0
}

nav ul#oe_pagemenu li li {
    background: none;
    line-height: 22px
}

nav ul#oe_pagemenu li li.module {
    background-color: #e5e5e5;
    border-bottom: 1px dotted #f0f0f0
}

nav ul#oe_pagemenu li.current li a,
nav ul#oe_pagemenu li li a,
nav ul#oe_pagemenu li:hover li a {
    height: 22px;
    color: #232323;
    font-weight: normal;
    background-image: none;
    background: none
}

nav ul#oe_pagemenu li li a:hover,
nav ul#oe_pagemenu li li.current a {
    color: #147fdb;
}

nav ul#oe_pagemenu li li a:hover,
nav ul#oe_pagemenu li li a:active,
nav ul#oe_pagemenu li.current li a:hover,
nav ul#oe_pagemenu li.current li a:active {
    padding-left: 30px
}

/*** page content ***/
#oe_mainarea {
    margin: 0 0 0 249px
}

#oe_container.sidebar-off #oe_mainarea {
    margin: 0 0 0 40px
}

#oe_mainarea .content-inner {
    padding: 0 20px 0 25px
}

#oe_mainarea header.pageheader {
    height: 63px;
    margin-bottom: 15px;
    position: relative;
    border-bottom: 1px solid #fa8004
}

/*** footer ***/
footer#oe_footer {
    width: 100%;
    z-index: 100;
    height: 30px;
    background: transparent url(themes/OneEleven/images/layout/sprite_repeatx.png) 829px -259px repeat-x;
    padding-top: 5px;
    clear: both;
    position: fixed;
    bottom: 0
}

footer#oe_footer a {
    text-decoration: none;
    color: #147fdb
}

footer#oe_footer a:hover, footer#oe_footer a:active {
    color: #fa8004
}

#oe_footer small {
    font-size: 11px;
    color: #fff
}

#oe_footer .footer-left {
    width: 450px;
    padding: 10px;
    line-height: 15px;
    float: left
}

.footer-left {
    margin: 0 0 0 260px
}

#oe_container.sidebar-off .footer-left {
    margin: 0 0 0 60px
}

#oe_footer .footer-right {
    float: right;
    padding: 10px;
    line-height: 15px;
    display: inline;
    width: auto
}

#oe_footer ul.links {
    display: inline-block;
    margin-right: 20px;
    font-size: 11px;
    width: auto
}

#oe_footer ul.links li {
    display: block;
    padding: 0 8px;
    float: left
}

#oe_footer ul.links li:last-child, #oe_footer ul.links li.last {
    padding: 0 0 0 8px
}

/* --- CONTENT --- */
#oe_mainarea header.pageheader h1 {
    font-size: 18px;
    line-height: 63px;
    font-weight: normal;
    width: auto;
    margin: 0;
    padding: 0;
    float: left;
    display: inline;
    color: #147fdb
}

#oe_mainarea header.pageheader .module-icon {
    vertical-align: middle;
    margin-right: 15px;
    max-height: 32px
}

#oe_mainarea header.pageheader span.helptext,
.pageheader span.helptext {
    display: inline;
    line-height: 63px;
    float: right;
    width: auto;
    color: #232323;
    font-size: 12px
}

#oe_mainarea header.pageheader span.helptext {
    margin-right: 270px
}

#oe_mainarea header.pageheader.drop-hidden span.helptext {
    margin-right: 0
}

span.helptext a.external,
span.helptext a {
    display: inline-block;
    width: auto;
    padding-right: 20px;
    margin-left: 8px;
    background: url(themes/OneEleven/images/icons/system/info-external.gif) no-repeat right
}

span.helptext a {
    background: url(themes/OneEleven/images/icons/system/info.gif) no-repeat right
}

.pageheader span.helptext {
    display: inline-block;
    line-height: 1.3;
    padding-right: 0;
    margin-left: 8px;
    background: none
}

.pageheader span.helptext a img {
    margin-right: 10px
}

#oe_mainarea a.helpicon {
    display: none;
}

.pageheader {
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    color: #147fdb
}

div.pageoverflow {
    clear: left;
    padding-top: 1px;
    width: auto;
    overflow: hidden
}

div.pageoverflow img {
    border: 0px
}

div.pageoptions,
p.pageoptions {
    padding: 2px 0
}

div.pageoptions a,
p.pageoptions a,
a.pageoptions {
    padding: 2px 0;
    color: #585858;
    display: inline
}

img.systemicon {
    border: none;
    vertical-align: top
}

#copy_paste_in_forum {
    width: 80%;
    margin: 0 10%
}

.pagerows a {
    display: inline-block;
    background: #eee;
    padding: 2px 4px;
    margin: 2px 1px;
    color: #585858;
    border: 1px solid #ccc
}

.pagerows strong {
    background: #147fdb;
    padding: 2px 4px;
    margin: 0 1px;
    color: #fff;
    border: 1px solid #147fdb
}

/*** dialogs ***/
div.alert-dialog ul li {
    margin: 10px 0
}

div.alert-dialog span.ui-icon {
    float: left
}

div.dialog h3 {
    margin: 5px 0;
    color: #147fdb;
    font-size: 14px
}

div.dialog a.bookmark {
    padding-left: 20px;
    line-height: 20px;
    background: url(themes/OneEleven/images/icons/system/bookmark.png) no-repeat left
}

div.dialog form#chdir_form {
    display: block
}

div.dialog form#chdir_form select {
    width: 200px
}

/*** tables ***/
table th:first-child {
    border-top-left-radius: 4px
}

table th:last-child {
    border-top-right-radius: 4px
}

table tr:last-child td:first-child {
    border-bottom-left-radius: 4px
}

table tr:last-child td:last-child {
    border-bottom-right-radius: 4px
}

table.pagetable {
    border-collapse: inherit;
    font-size: 11px;
    border: 1px solid #ddd;
    width: 100%;
    margin: 5px 0
}

table.pagetable caption {
    color: #585858;
    text-align: left;
    font-weight: bold;
    font-size: 12px;
    padding: 5px 0
}

table.pagetable th,
table.pagetable thead tr {
    color: #fa8004;
    text-shadow: -1px -1px 0 #000;
    background: #232323 url(themes/OneEleven/images/layout/sprite_repeatx.png) 831px -99px repeat-x;
    height: 45px;
    text-align: left;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px
}

table.pagetable th a {
    color: #fa8004
}

table.pagetable th.active {
    color: #147fdb
}

table.pagetable th.active a,
table.pagetable th a:hover {
    color: #147fdb;
    text-decoration: underline
}

table.pagetable tr {
    height: 36px
}

table.pagetable td {
    color: #585858;
    padding-left: 5px;
    padding-right: 5px
}


table.pagetable tr:hover td {
	background-color: rgba(255, 247, 106, 0.32);
}

table.pagetable a {
    color: #232323
}

table.pagetable a.tooltip {
    position: relative
}

table.pagetable a.tooltip span {
    display: none;
    text-decoration: none;
    position: absolute;
    background: #efefef;
    left: 110%;
    bottom: 10px;
    box-shadow: 1px 1px 3px 1px #222;
    -webkit-box-shadow: 1px 1px 3px 1px #222;
    border: 1px solid #ddd;
    padding: 5px;
    z-index: 900;
    min-width: 150px;
    width: auto;
    line-height: 1.3
}

table.pagetable th.pagepos {
    text-align: center
}

.move {
    width: 60px;
    text-align: left;
    padding-left: 5px
}

.checkbox {
    padding-left: 10px
}

table.pagetable th.pageicon {
    min-width: 16px;
    width: 1%;
    border: none
}

th.pagew10 {
    width: 10%
}

th.pagew25 {
    width: 25%
}

th.pagew50 {
    width: 50%
}

th.pagew60 {
    width: 60%
}

th.pagew70 {
    width: 70%
}

td.pagew30 {
    width: 30%
}

td.pagepos {
    text-align: center
}

tr.row1 {
    background: #f2f2f2
}

tr.row2 {
    background: #fafafa
}

tr.row1:hover,
tr.row2:hover,
tr.row1hover,
tr.row2hover {
    background: #ddd
}

td.pageicon {
    background: #f2f2f2 !important
}

td.icons_wide {
    width: 25px
}

/*** File Manager ***/
#filesarea img {
    max-width: 32px
}

/*** iframe ***/
iframe.imageframe {
    margin-top: 10px;
    border: none;
    width: 100%
}

iframe.preview {
    background-color: #fff;
    margin: 10px 0;
    border: solid 1px #ddd;
    width: 95%;
    height: 400px
}

/*** content text and forms ***/
.pageback {
    clear: both;
    text-align: left
}

a.pageback {
    display: inline-block;
    position: relative;
    margin: 10px 0;
    line-height: 26px;
    color: #232323;
    text-decoration: none;
    padding: 0 8px 0 20px
}

a.pageback .ui-icon {
    position: absolute;
    left: 0;
    top: 6px
}

a.pageback:hover {
    color: #fff
}

div.pagecontainer .pagetext {
    color: #585858;
    margin: 10px 0 5px 0;
    padding: 0;
    width: auto;
    font-weight: bold
}
div.pagecontainer .pagetext.red {
  padding: 3px 15px 1px;
}
.separator {
    background-color: #e4e4e4;
    padding: 5px !important;
    width: 650px !important;
}

div.pagecontainer .pageshowrows {
    color: #585858;
    font-size: 11px;
    text-align: right;
    margin-bottom: 5px
}

div.pagecontainer span.helptext {
    display: inline-block
}

/*** content forms ***/
div.pagecontainer .pageinput {
    padding: 0;
    margin: 0;
    width: auto;
    text-align: left
}

.pageinput img {
    line-height: 28px;
    vertical-align: middle
}

div.pagecontainer fieldset {
    border: 1px solid #ddd;
    margin: 10px 0
}

div.pagecontainer legend {
    font-weight: bold;
    color: #585858;
    padding: 0 5px;
    font-size: 14px
}

.pageinput input,
.pageinput textarea,
.pageinput select,
.pageinput menu {
    margin-bottom: 4px
}

.group {
    padding-right: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
}

.group_memberships {
    margin: 0;
    height: 1%; /*IE*/
    padding: 5px 10px;
    background: #fefefe;
    border: 1px solid #ddd;
}

div.pagecontainer p.pageinput,
div.pagecontainer .pageinput label {
    font-size: 11px
}

p.pageinputwysiwyg {
    padding-top: 5px
}

p.pagemessage {
    margin-bottom: 0;
    padding: 5px;
    font-weight: bold
}

input.pagecheckbox {
    border: none
}

textarea.pagebigtextarea {
    height: 40em;
    width: 55em
}

.pageinput textarea {
    font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'Courier New', monospace;
    font-size: 12px;
    line-height: 1.6
}

textarea.pagesmalltextarea {
    height: 15em;
    width: 48em
}

textarea.pageextrasmalltextarea {
    height: 8em;
    width: 28em;
}

/*** tabs ***/
#page_tabs {
    overflow: hidden;
    margin-top: 20px
}

#page_tabs div {
    color: #585858;
    border-radius: 4px 4px 0 0;
    text-shadow: -1px 1px 0 #fff;
    background: #ddd;
    font-weight: bold;
    text-align: center;
    float: left;
    cursor: pointer;
    white-space: nowrap;
    padding: 11px;
    margin-top: 1px;
    margin-right: 1px
}

#page_tabs div img {
    height: 14px;
    margin-top: 2px;
    margin-left: 5px;
    margin-right: 5px
}

#page_tabs div:hover {
    color: #147fdb
}

#page_tabs div.active {
    color: #fff;
    text-shadow: -1px -1px 0 #054882;
    background: #147fdb url(themes/OneEleven/images/layout/tab-active.png) no-repeat center bottom
}

#page_content {
    background: #fff;
    border-radius: 0 0 4px 4px;
    padding: 20px 10px;
    border: 1px solid #ddd;
    border-top: 3px solid #ddd
}

/*** topcontent - dashboard ***/
.dashboard-box {
    min-height: 100px;
    width: 31.513%;
    float: left;
    border-radius: 4px;
    margin-right: 2.29%;
    margin-bottom: 1%;
    background: #d5d5d5 url(themes/OneEleven/images/layout/sprite_repeatx.png) 214px -339px repeat-x;
    border: 1px solid #ddd
}

.dashboard-box.last {
    margin-right: 0
}

.dashboard-box nav {
    padding: 10px
}

.dashboard-box img {
    max-height: 48px;
    padding: 20px;
    box-shadow: inset 0px 1px 15px 1px #ddd;
    -webkit-box-shadow: inset 0px 1px 15px 1px #ddd;
    margin-right: 10px;
    float: left;
    border: 1px solid #ddd;
    background: #fff
}

.dashboard-box:hover img {
    box-shadow: inset 0px 1px 15px 1px #ffd8b0;
    -webkit-box-shadow: inset 0px 1px 15px 1px #ffd8b0;
    transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out
}

.dashboard-box h3 {
    text-shadow: 0 1px 0 #fff;
    margin: 0 0 5px 0
}

.dashboard-box span.description {
    color: #585858;
    font-style: italic
}

.dashboard-box h4 {
    margin: 5px 0;
    font-size: 11px;
    color: #232323
}

#oe_mainarea .dashboard-box ul.subitems {
    margin: 0;
    padding: 0
}

.dashboard-box ul.subitems li {
    list-style: none;
    margin: 0 4px;
    line-height: 1.4;
    float: left
}

.dashboard-box ul.subitems li a {
    font-size: 11px;
    text-decoration: underline
}

/*** reorder pages ***/
.reorder-pages {
    margin: 20px 0
}

ul.sortableList,
.reorder-pages ul {
    list-style-type: none;
    width: 450px;
    margin: 0;
    padding: 0
}

ul.sortableList li {
    list-style-type: none;
    display: block;
    margin: 10px 0
}

ul.sortableList div.label {
    border: solid 1px #ddd;
    word-wrap: break-word;
    border-radius: 4px;
    cursor: move;
    padding: 3px 10px 3px 35px;
    background: #eee url(themes/OneEleven/images/icons/extra/reorder.gif) no-repeat 10px 50%;
    text-shadow: 0 1px 0 #fff;
    font-weight: bold;
    color: #585858
}

ul.sortableList li div.label em {
    display: block;
    text-indent: 10px;
    font-weight: normal;
    color: #147fdb;
    font-size: 11px
}


.sortable.label {

    cursor: move;
    /*padding: 3px 10px 3px 35px;*/
    background-image: url(themes/OneEleven/images/icons/extra/reorder.gif);
    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-y: 50%;

}

ul.sortable .placeholder {
    border: 2px dashed #ddd;
    background: #f2f2f2
}

/* Changelog, System Maintenance page */
.version {
    background: #f1f1f1;
    border: 1px solid #ddd;
    margin: 15px 0;
    padding: 20px;
    font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
    line-height: 1.5
}

.version h3 {
    text-transform: uppercase;
    color: #147fdb;
    margin: 0;
    padding: 0;
    font-family: sans-serif;
}

/*** theme dropzone ***/
.drop {
    position: absolute;
    width: 262px;
    padding-top: 1px;
    padding-bottom: 14px;
    right: 0;
    top: 0
}

.drop a.toggle-dropzone {
    background: transparent url(themes/OneEleven/images/layout/toggle-dropzone.png) no-repeat -15px 0;
    border: 1px solid #ccc;
    border-top: none;
    text-indent: -9999em;
    width: 15px;
    height: 14px;
    position: absolute;
    bottom: 0;
    right: 0
}

a.toggle-dropzone:active,
a.toggle-dropzone:focus {
    outline: none
}

.drop.hidden a.toggle-dropzone {
    background: transparent url(themes/OneEleven/images/layout/toggle-dropzone.png) no-repeat 0 0;
}

.drop .drop-inner {
    float: none;
    border: 1px solid #ccc;
    border-top: none;
    background: #ddd;
    font-size: 10px;
    color: #585858;
    text-shadow: 1px 1px 0 #fff;
    padding: 5px 10px;
    width: 240px
}

.drop div.zone {
    display: block;
    float: left;
    width: 210px;
    border: 1px dashed #ccc;
    text-align: center
}

.drop div.zone:hover,
.drop div.zone:focus {
    border: 1px dashed #77ab13
}

.drop #theme_dropzone {
    width: 200px;
    overflow: visible;
    line-height: 30px;
    text-align: center;
    height: 30px;
    background: #ddd
}

.drop span.folder-selection {
    display: inline-block;
    float: left;
    margin-right: 10px;
    width: 16px;
    cursor: pointer;
    height: 30px;
    text-align: left;
    background: transparent url(themes/OneEleven/images/layout/folder-horizontal-open.png) no-repeat left
}

.drop.hidden .drop-inner {
    display: none
}

.drop #theme_dropzone .ui-progressbar-value {
    margin: 10px 5px 5px 0;
    max-width: 190px;
    text-shadow: none;
    height: 12px;
    line-height: 12px;
    font-weight: normal;
    font-size: 11px;
    text-align: center;
    border: 1px solid #aaa;
    border-radius: 4px;
    display: none
}

/* --- LOGIN PAGE --- */
#login #wrapper {
    padding-top: 10%
}

#login div.login-container,
#login div.login-container#error {
    width: 352px;
    padding-top: 36px;
    margin: auto;
}

#login .logo {
    width: 180px;
    height: 36px;
    position: absolute;
    right: 10px;
    top: -29px
}

#login div.login-box {
    background: #d5d5d5 url(themes/OneEleven/images/layout/sprite_repeatx.png) 214px -339px repeat-x;
    position: relative;
    border-radius: 4px 4px 0 4px;
    border: 1px solid #aaa;
    box-shadow: #999 0 0 6px;
    -webkit-box-shadow: #999 0 0 6px;
    margin: 0 auto;
    padding: 10px 20px;
    width: 310px
}

#login h1 {
    color: #585858;
    margin-bottom: 20px;
    font-size: 12px;
    text-shadow: 0 1px 0 #fff;
}

#login aside.info {
    display: none
}

#login fieldset {
    margin: 0 0 10px 0;
    padding: 0;
    border: none
}

#login label {
    color: #585858;
    font-size: 11px
}

#login input[type="text"],
#login input[type="password"] {
    margin: 5px 0;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    width: 300px
}

#login input[type="text"]:focus,
#login input[type="password"]:focus {
    margin: 5px 0;
    border: 1px solid #147fdb;
    box-shadow: 0 0 5px #147fdb;
    -webkit-box-shadow: 0 0 5px #147fdb;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out
}

#login input.loginsubmit {
    border: 1px solid #838282;
    color: #fff;
    text-indent: 0;
    line-height: 28px;
    height: 28px;
    width: auto;
    padding: 0 14px;
    margin-top: 15px;
    background: #838282 url(themes/OneEleven/images/layout/input-bg.gif) repeat-x top
}

#login input.loginsubmit:hover,
#login input.loginsubmit:focus {
    border: 1px solid #e87602;
    background: #fa8106 url(themes/OneEleven/images/layout/input-hover-bg.gif) repeat-x top
}

#login div.info-wrapper {
    position: absolute;
    width: 25px;
    left: -27px;
    top: 10px
}

#login div.info-wrapper.open {
    left: -302px;
    padding-left: 25px;
    width: 275px
}

#login a.toggle-info {
    width: 25px;
    outline: none;
    border-radius: 4px 0 0 4px;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #aaa;
    border-right: none;
    height: 25px;
    display: block;
    text-indent: -9999em;
    background: #ececec url(themes/OneEleven/images/layout/information.png) no-repeat center
}

#login aside.info {
    font-size: 11px;
    color: #585858;
    background: #ececec;
    width: 255px;
    padding: 0 10px 10px 10px;
    border: 1px solid #aaa;
    border-right: none;
    border-radius: 0 0 0 4px
}

#login aside.info p {
    font-size: 11px
}

#login aside.info p.warning {
    background-image: none;
    margin-top: 5px;
    padding: 5px
}

#login aside.info ol {
    margin-bottom: 0;
    list-style: decimal
}

#login div.info-wrapper h2 {
    font-size: 12px;
    margin: 5px 0 10px 0
}

#login img.goback {
    padding-top: 2px;
    float: left
}

#login p.forgotpw {
    display: inline-block;
    width: auto;
    float: right;
    margin-bottom: 0
}

#login p.forgotpw a {
    padding-left: 20px;
    background: url(themes/OneEleven/images/layout/help.png) left 50% no-repeat;
    color: #585858;
    text-shadow: 0 1px 0 #fff;
    font-size: 11px;
    text-decoration: none
}

#login .copyright {
    margin: 5px auto;
    text-align: center
}

#login small {
    text-align: center;
    font-size: 12px;
    color: #585858;
    display: block
}

#login small a {
    color: #fa8004;
    text-decoration: none;
    font-weight: bold
}

#login .message {
    display: block
}

/* --- SCREEN UP TO 1024px --- */
@media screen and (max-width: 1024px) {
    @-ms-viewport {
        width: device-width;
    }
    @-o-viewport {
        width: device-width;
    }
    @-moz-viewport {
        width: device-width;
    }
    @-webkit-viewport {
        width: device-width;
    }
    @viewport {
        width: device-width;
    }
    /* change tabs to full width on smaller screen size */
    .sidebar-on #page_tabs div {
        text-align: left;
        float: none;
        border-radius: 0;
        margin-right: 0
    }

    .sidebar-on #page_tabs div.active {
        color: #fff;
        background: #147fdb
    }

    textarea {
        width: 43em;
    }

    header .header-top {
        overflow: hidden
    }

    header .admin-title {
        font-size: 12px
    }

    #oe_sidebar {
        bottom: 30px
    }

    #oe_sidebar aside {
        padding: 0
    }

    #oe_mainarea header.pageheader span.helptext em {
        display: none
    }

    .dashboard-box {
        float: none;
        width: auto;
        margin: 10px 0
    }

    footer#oe_footer {
        clear: both;
        overflow: hidden;
        line-height: 20px;
        position: static
    }

    #oe_footer .footer-left {
        margin-left: 0
    }

    .move {
        width: auto;
        padding: 0;
        max-width: 16px
    }

    .move,
    table.pagetable th.pageicon,
    table.pagetable th,
    table.pagetable td,
    th.pagew10,
    th.pagew25,
    th.pagew50,
    th.pagew60,
    th.pagew70,
    td.pagew30 {
        width: auto;
        padding: 0;
        max-width: 30px;
        word-wrap: break-word;
        text-overflow: elipsis
    }

    table.pagetable th {
        overflow: hidden
    }

    .checkbox {
        padding-left: 0
    }
}

/* --- SCREEN UP TO 768px --- */
@media screen and (max-width: 768px) {
    @-ms-viewport {
        width: device-width;
    }
    @-o-viewport {
        width: device-width;
    }
    @-moz-viewport {
        width: device-width;
    }
    @-webkit-viewport {
        width: device-width;
    }
    @viewport {
        width: device-width;
    }
    /* override our predefined min-with for smaller screens and full height stuff */
    body {
        margin: 0;
        min-width: 100%;
        padding: 0;

    }

    a {
        outline: 0
    }

    img {
        float: none;
    }

    #oe_container,
    .header,
    #oe_mainarea,
    #oe_sidebar,
    #oe_admin-content {
        margin: 0;
        float: none;
        display: block
    }

    #oe_container {
        width: 100%;
        padding: 0;
        position: static;
        height: auto
    }

    .spacer,
    #oe_sidebar div.notification .box-shadow,
    #oe_sidebar nav.navigation .box-shadow,
    header .breadcrumbs,
    #oe_footer .footer-right,
    #oe_sidebar .toggle-button,
    header .admin-title,
    #oe_admin-content .shadow,
    .drop {
        display: none
    }

    #oe_admin-content {
        height: auto
    }

    header .welcome {
        width: auto
    }

    #oe_sidebar {
        border: none;
        width: 100%;
        background: #ddd;
        position: static
    }

    #oe_sidebar aside {
        padding: 0
    }

    .sidebar-on #oe_sidebar nav.navigation {
        width: auto
    }

    .sidebar-off #oe_sidebar nav.navigation {
        width: auto;
        overflow: hidden
    }

    header.header {
        overflow: hidden
    }

    #oe_mainarea header.pageheader span.helptext {
        margin-right: 0
    }

    #oe_mainarea {
        width: 100%;
        display: block
    }

    #oe_mainarea .content-inner {
        padding: 0 5px
    }

    header .cms-logo {
        background: none;
        width: auto;
        float: left;
    }

    header .contacts {
        float: left;
        width: 30%;

        padding-top: 6px;
    }

    header .shortcuts li {
        padding: 0 5px;
    }

    header .shortcuts li:last-child, header .shortcuts li.last {
        padding: 0 0 0 5px
    }

    .dashboard-box {
        float: none;
        width: auto;
        margin: 10px 0
    }

    .dashboard-box img {
        display: inline
    }

    table.pagetable {
        max-width: 100%
    }

    body.currentpages table.pagetable td:nth-child(4),
    body.currentpages table.pagetable th:nth-child(4),
    body.currentpages table.pagetable td:nth-child(5),
    body.currentpages table.pagetable th:nth-child(5),
    body.currentpages table.pagetable td:nth-child(6),
    body.currentpages table.pagetable th:nth-child(6),
    body.currentpages table.pagetable td:nth-child(7),
    body.currentpages table.pagetable th:nth-child(7),
    body.currentpages table.pagetable td:nth-child(8),
    body.currentpages table.pagetable th:nth-child(8) {
        display: none
    }

    /* position:fixed doesn't work well with mobile devices */
    footer#oe_footer {
        clear: both;
        overflow: hidden;
        line-height: 20px;
        position: static
    }

    #oe_footer .footer-left {
        float: none;
        margin: 0;
        padding: 0;
        width: 100%;
        text-align: center;
        display: block
    }

    #oe_footer small {
        padding: 10px 0 0 0;
        margin: 0;
        display: block;
        font-size: .7em
    }

    fieldset,
    form,
    input,
    textarea,
    select,
    menu {
        max-width: 90%
    }

    textarea {
        max-width: 40em
    }

    iframe {
        max-width: 90%
    }

    input,
    textarea,
    select,
    menu {
        height: auto
    }

    select {
        -webkit-appearance: listbox;
        -moz-appearance: listbox;
    }

    #login #wrapper {
        padding-top: 2%
    }
}

@media screen and (max-width: 480px) {
    @-ms-viewport {
        width: device-width;
    }
    @-o-viewport {
        width: device-width;
    }
    @-moz-viewport {
        width: device-width;
    }
    @-webkit-viewport {
        width: device-width;
    }
    @viewport {
        width: device-width;
    }
    aside.message,
    .pagemcontainer,
    .pageerrorcontainer,
    .pageerrorinstalldir {
        left: 5%;
        right: 5%;
        width: auto
    }

    #oe_mainarea header.pageheader span.helptext {
        display: none;
    }

    textarea,
    select {
        max-width: 23em
    }

    #login div.login-container,
    #login div.login-container#error {
        width: 302px
    }

    #login div.login-box {
        width: 260px
    }

    #login input[type="text"],
    #login input[type="password"] {
        width: 250px
    }

    #login div.info-wrapper {
        display: none
    }
}

div.file_block {
    width: 350px;
    overflow: hidden;
}

div.file_block > div {
    float: left;
    padding-left: 10px;
    padding-bottom: 10px;
}

div.file_block .image_container {
    position: relative;
}

div.file_block .delete-icon {
    background: url(themes/OneEleven/images/icons/extra/red.gif) no-repeat right;
    width: 14px;
    height: 13px;
    position: absolute;
    bottom: 34px;
    right: -2px;
}

div.file_block .file_text {
    display: block;
    width: 90px;
}

#currentfilelist {
    overflow: hidden;
    width: 350px;
}

#currentfilelist > div {
    float: left;
    padding-left: 10px;
    padding-bottom: 10px;
}

#currentfilelist .delete-icon {
    background: url(themes/OneEleven/images/icons/extra/red.gif) no-repeat right;
    width: 14px;
    height: 13px;
    position: absolute;
    bottom: 6px;
    right: -8px;
}

#currentfilelist .image_container {
    position: relative;
}

#currentfilelist2 {
    overflow: hidden;
    width: 350px;
}

#currentfilelist2 > div {
    float: left;
    padding-left: 10px;
    padding-bottom: 10px;
}

#currentfilelist2 .delete-icon {
    background: url(themes/OneEleven/images/icons/extra/red.gif) no-repeat right;
    width: 14px;
    height: 13px;
    position: absolute;
    bottom: 6px;
    right: -8px;
}

#currentfilelist2 .image_container2 {
    position: relative;
}

.cont_img_div img {
    width: 100px;
    height: 100px;
}