/*
 * 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
 */
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 {
    -webkit-font-smoothing: subpixel-antialiased;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
a:focus { outline: none }
a:hover, a:active {	outline: 0 }
h1 { font-size: 2em }

h1,
h2,
h3,
h4,
h5,
h6
{
	-webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
}
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: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'Courier New', monospace;
	_font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', '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,.row { width: 100% }

.content_relative_grid{
	display: inline;
	float: left;
	position: relative;
	
}

/* Global Grid style, the actual grid */
.grid_stretch,
.grid_1,
.grid_15,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.one-col,
.one-half-col,
.two-col,
.two-half-col,
.three-col,
.three-half-col,
.four-col,
.five-col,
.six-col,
.seven-col,
.eight-col,
.nine-col,
.ten-col,
.eleven-col,
.tvelve-col {
	display: inline;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%
}

.nomargin .one-col,
.nomargin .one-col-space,
.nomargin .one-half-col,
.nomargin .two-col,
.nomargin .two-half-col,
.nomargin .three-col,
.nomargin .two-col-space,
.nomargin .three-col-space,
.nomargin .three-half-col,
.nomargin .four-col,
.nomargin .five-col,
.nomargin .six-col,
.nomargin .four-col-space,
.nomargin .five-col-space,
.nomargin .six-col-space,
.nomargin .seven-col,
.nomargin .eight-col,
.nomargin .nine-col,
.nomargin .ten-col,
.nomargin .eleven-col,
.nomargin .tvelve-col {
	display: inline;
	float: left;
	position: relative;
	margin-left: 0;
	margin-right: 0
}

/* 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,.one-col { width: 6.333% }
.c_full .grid_15,.one-half-col { width: 10.5% }
.c_full .grid_2,.two-col { width: 14.667% }
.c_full .grid_25,.two-half-col { width: 18.834% }
.c_full .grid_3,.three-col { width: 23.0% }

.c_full .grid_35,.three-half-col { width: 27.167% }
.c_full .grid_4,.four-col { width: 31.333% }
.c_full .grid_5,.five-col { width: 39.667% }
.c_full .grid_6,.six-col { width: 48.0% }
.c_full .grid_7,.seven-col { width: 56.333% }
.c_full .grid_8,.eight-col { width: 64.667% }
.c_full .grid_9,.nine-col { width: 73.0% }
.c_full .grid_10,.ten-col { width: 81.333% }
.c_full .grid_11,.eleven-col { width: 89.667% }
.c_full .grid_12,.tvelve-col { width: 98.0% }

/* Grids up to 12 columns stretching*/
.c_full .grid_4_stretch,.four-col-stretch{width: 37.333%}

/* fullgrid no space */
.nomargin .one-col-space { width: 6.325% }
.nomargin .one-col { width: 8.325% }
.nomargin .one-half-col { width: 10.5% }
.nomargin .two-col-space { width: 14.65% }
.nomargin .two-col { width: 16.65% }
.nomargin .three-col-space { width: 22.975% }
.nomargin .three-col { width: 24.975% }
.nomargin .four-col-space { width: 31.30% }
.nomargin .four-col { width: 33.30% }
.nomargin .five-col-space { width: 39.625% }
.nomargin .five-col { width: 41.625% }
.nomargin .six-col-space { width: 48% }
.nomargin .six-col { width: 49.95% }
.nomargin .seven-col { width: 58.275% }
.nomargin .eight-col { width: 66.60% }
.nomargin .nine-col { width: 74.925% }
.nomargin .ten-col { width: 83.25% }
.nomargin .eleven-col { width: 91.575% }
.nomargin .tvelve-col { width: 99.9% }

/* Push to right linear*/
.nomargin .push_one_space { left: 2% }
.nomargin .push_two_space { left: 4% }
.nomargin .push_three_space { left: 6% }
.nomargin .push_four_space { left: 8% }
.nomargin .push_five_space { left: 10% }

/* Pull to left linear*/
.pull_one_linear { left: -2% }
.pull_two_linear { left: -4% }
.pull_three_linear { left: -6% }
.pull_four_linear { left: -8% }
.pull_five_linear { left: -10% }



/* 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,.push_one { left: 8.333% }
.c_full .push_2,.push_two { left: 16.667% }
.c_full .push_3,.push_three { left: 25.0% }
.c_full .push_4,.push_four { left: 33.333% }
.c_full .push_5,.push_five { left: 41.667% }
.c_full .push_6,.push_six { left: 50.0% }
.c_full .push_7,.push_seven { left: 58.333% }
.c_full .push_8,.push_eight { left: 66.667% }
.c_full .push_9,.push_nine { left: 75.0% }
.c_full .push_10,.push_ten { left: 83.333% }
.c_full .push_11,.push_eleven { 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 left */
.p_left_5 { padding-left: 5px !important }
.p_left_10 { padding-left: 10px !important }
.p_left_15 { padding-left: 15px !important }
.p_left_20 { padding-left: 20px !important }
.p_left_30 { padding-left: 30px !important }
.p_left_45 { padding-left: 45px !important }
.p_left_60 { padding-left: 60px !important }
.p_left_90 { padding-left: 90px !important }
.p_left_120 { padding-left: 120px !important }
.p_left_130 { padding-left: 130px !important }

/* Margin left */
.m_left_5 { margin-left: 5px !important }
.m_left_10 { margin-left: 10px !important }
.m_left_15 { margin-left: 15px !important }
.m_left_30 { margin-left: 30px !important }
.m_left_45 { margin-left: 45px !important }
.m_left_50 { margin-left: 50px !important }
.m_left_60 { margin-left: 60px !important }
.m_left_90 { margin-left: 90px !important }
.m_left_120 { margin-left: 120px !important }
.m_left_130 { margin-left: 130px !important }

/* Padding right */
.p_right_5 { padding-right: 5px !important }
.p_right_10 { padding-right: 10px !important }
.p_right_15 { padding-right: 15px !important }
.p_right_30 { padding-right: 30px !important }
.p_right_45 { padding-right: 45px !important }
.p_right_60 { padding-right: 60px !important }
.p_right_90 { padding-right: 90px !important }
.p_right_120 { padding-right: 120px !important }
.p_right_130 { padding-right: 130px !important }

/* Margin right */
.m_right_5 { margin-right: 5px !important }
.m_right_10 { margin-right: 10px !important }
.m_right_15 { margin-right: 15px !important }
.m_right_25 { margin-right: 25px !important }
.m_right_30 { margin-right: 30px !important }
.m_right_45 { margin-right: 45px !important }
.m_right_50 { margin-right: 50px !important }
.m_right_60 { margin-right: 60px !important }
.m_right_90 { margin-right: 90px !important }
.m_right_120 { margin-right: 120px !important }
.m_right_130 { margin-right: 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 }

/* Padding bottom */
.p_general_5 { padding: 5px !important }
.p_general_10 { padding: 10px !important }
.p_general_15 { padding: 15px !important }
.p_general_30 { padding: 30px !important }
.p_general_45 { padding: 45px !important }
.p_general_60 { padding: 60px !important }
.p_general_90 { padding: 90px !important }
.p_general_120 { padding: 120px !important }
.p_general_130 { padding: 130px !important }

.dark_background{
	background-color: #a1a3b0;
}

.light_background{
	background-color:#f6f6f6;
}


/* 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 }

/* 2.0 STYLES, moved from inline .tpl, please do not add inline styles, thank you
 * and this needs more work
 */

.row {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.row:before, .row:after {
	content: " ";
	display: table;
}

.row:after {
	clear: both;
}

/* --linear grid --*/

.half,
.one-fith,
.two-fith,
.three-fith,
.four-fith{
	display: inline;
	float: left;
	position: relative;
	margin-left: 0;
	margin-right: 0
}



.half {
	width: 50%;
}

.one-fith,.one-fifth{
	width:20%;
}

.two-fifth{
	width:40%;
}

.three-fifth{
	width:60%;
}

.four-fifth{
	width:80%;
}
/* 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;}

abbr[title],
dfn[title] {
	cursor: help
}
hr {
	display: block;
	height: 1px;
	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 ol li{
	list-style:decimal
}

#oe_mainarea ul {
	list-style: square
}

p {
	margin: 2px 0
}

a,
span {
	outline: none
}

form {
	margin: 0px;
	display: inline
}

a.external {
	padding-right: 20px
}

.file {
	padding-left: 25px
}

.smallgrey {
		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;
}
.visible {
	position: static
}
.invisible {
	position:absolute;
	left:-9999em;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden
}

.hidden {
    display: none !important;
}

/* Format code chunks */
pre, code, samp, kbd {
	height: auto;
	}
pre code {

	}
pre {
	padding: 5px 20px;
	margin: 5px;
	overflow: auto;
	display: inline-block;
	width: auto
	}

/* forms */
form {
	margin: 0px;
	display: inline
}
input,
textarea,
select,
menu {
	margin: 2px 5px 2px 0;
	padding: 4px 5px;
}

textarea {
	resize: both;
}
.resize-horizontal {
	resize: horizontal;
}
.resize-vertical {
	resize: vertical;
}
input {
	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 {
	outline: 0;
}

input[type="button"],
input[type="submit"],
.ui-button
 {
	height: 28px;
}
.ui-button {
	margin: 4px 0
}
.ui-button-text {
	margin-left: 2px
}
textarea {
	min-width: 10em;
	min-height: 3em;
}
/*
textarea {
	width: 48em;
	height: 30em;
	overflow: auto
}
*/
/* Notification messages */

.message,
.pagewarning,
.pagemcontainer,
.pageerrorcontainer,
.pageerrorinstalldir,
.green,
.red,
.yellow,
.warning,
.information {
	display: inline-block;
	width: auto;
	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 p,
.pagewarning p,
.message p {
	margin: 0;
}
.warning h3,
.pagewarning h3 {
	margin: 2px 0;
}
.block {
	display: block;
}
aside.message,
.pagemcontainer,
.pageerrorcontainer,
.pageerrorinstalldir  {
	position: fixed;
	z-index: 9999;
	width: 30%;
	box-shadow: 1px 1px 3px 1px #444;
	-webkit-box-shadow: 1px 1px 3px 1px #444;
	top:0;
	margin:0;
	left: 35%
}
aside .no-slide,
.no-slide  {
	position: inherit;
	left: auto;
	top: auto;
	box-shadow: none;
	-webkit-box-shadow: none;
	width: auto;
	display: block;
	z-index: 0
}
.pageerrorcontainer ul {
	margin-left: 25px;
}
.errorDialog {
  height: 100%;
  line-height: 100%;
}
#cms_busy, .busy {
    position: fixed;
    z-index: 999;
    height: 50px;
    width: 50px;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* close notification */
.close-warning {
	float:right;
	display: inline-block;
	width: 16px;
	height: 16px;
	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 {
	z-index: 50;
	position: absolute;
	top: 100px;
	left: 0;
	width: 100%;
	height: 7px
}
/*** header ***/
header.header {
	height: 100px;
}
header .header-top {
	height: 69px;
}
header .cms-logo {
	width: 240px;
	height: 70px;
	padding-left: 10px;
	float: left
}
header .admin-title {
	max-width: 70%;
	overflow: hidden;
	display: inline-block;
	height: 70px;
	margin-right: 20px;
	float: right
}
header .header-bottom {
	height: 29px;
	line-height: 29px;
	position: relative;
	width: 100%;
}
header .welcome {
	width: 250px;
	overflow: hidden;
	float: left;
}
header .welcome span {
	display: inline-block;
	width: auto;
	line-height: 18px;
	margin-left: 10px
}
header a.welcome-user {
	height: 18px;
	width: 18px;
	display: inline-block;
	margin-right: 10px;
}
/* breadcrumbs nav */
header .breadcrumbs {
	float: left;
	height: 29px
}
header .breadcrumbs ul {
	display: inline-block;
	list-style: none;
	margin: 0 0 0 25px
}
header .breadcrumbs ul li {
	float: left;
	padding: 0 8px 0 4px
}
header .breadcrumbs ul li.home {
	padding: 0 10px 0 0;
}
header .breadcrumbs ul li.home a {
	width: 18px;
}
header .breadcrumbs ul li.first {
	padding-left: 18px
}
header .breadcrumbs ul li a {
	padding-right: 24px
}
/* shortcut icons */
header .shortcuts {
	float: right
}
header .shortcuts ul {
	width: auto;
	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;
	overflow: hidden
}

/*** sidebar ***/
#oe_sidebar {
	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: 60;
	display: block;
	cursor: pointer;
	width: 24px;
	height: 25px;
	position: absolute;
	right: -1px;
	top: 75px
}
#oe_sidebar .toggle-button.top {
	top: -33px
}
/* sidebar notifications */
#oe_sidebar .notification a {
	display: block;
	height: 35px;
}
#oe_sidebar .notification {
	overflow: hidden;
	height: 35px;
	position: relative;
	padding: 14px 10px
}
#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;
}
#oe_sidebar .notification span {
	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 li {
	position: relative;
	zoom: 1;
	line-height: 35px;
	padding: 0
}
/* position sticky menu */
.sidebar-on #oe_sidebar nav.navigation {

}
.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
}

/*** menu style ***/
nav ul#oe_pagemenu li a {
	outline: 0;
	margin-left: 10px;
	height: 35px;
	display: block;
	padding-left: 30px;
}

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
}

/* second level & collapsed sidebar */
nav ul#oe_pagemenu ul {
	padding: 8px 0
}
nav ul#oe_pagemenu li.current li a,
nav ul#oe_pagemenu li li a,
nav ul#oe_pagemenu li:hover li a {
    height: auto;
	padding: 5px 5px 5px 30px;
}

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 177px
}
#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;
}
/*** footer ***/
footer#oe_footer {
	width: 100%;
	z-index: 50;
	height: 30px;
	padding-top: 5px;
	clear: both;
	position: fixed;
	bottom: 0
}
#oe_footer .footer-left {
	width: 450px;
	padding: 10px;
	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;
	display: inline;
	width: auto
}
#oe_footer ul.links {
	display: inline-block;
	margin-right: 20px;
	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 {
	width: auto;
	margin:0;
	padding:0;
	float: left;
	display: inline;
}
#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;
	float:right;
	width: auto;
}
#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;
}
.pageheader span.helptext {
	display: inline-block;
	line-height: 1.3;
	padding-right: 0;
	margin-left: 8px;
}
.pageheader span.helptext a img{
	margin-right: 10px
}
#oe_mainarea a.helpicon {
	display: none;
}
.pageheader {
	margin:0;
	padding:0;
}
div.pageoverflow {
	clear: left;
	padding-top: 1px;
	width: auto;
	overflow: hidden
}
div.pageoptions,
p.pageoptions {
	padding: 2px 0
}
div.pageoptions a,
p.pageoptions a,
a.pageoptions {
	padding: 2px 0;
	display: inline;
}
img.systemicon {
	vertical-align: top
}
#copy_paste_in_forum {
	width: 80%;
	margin: 0 10%
}
.pagerows a {
	display: inline-block;
	padding: 2px 4px;
	margin: 2px 1px;
}
.pagerows strong {
	padding: 2px 4px;
	margin: 0 1px;
}
/*** dialogs ***/
div.alert-dialog ul li {
	margin: 10px 0
}
div.alert-dialog span.ui-icon {
	float:left
}
div.dialog h3 {
	margin:5px 0;
}
div.dialog a.bookmark {
	padding-left: 20px;
	line-height: 20px;
}
div.dialog form#chdir_form {
	display: block
}
div.dialog form#chdir_form select {
	width: 200px
}
/*** tables ***/
table.pagetable {
	width: 100%;
	margin: 5px 0;
font-size: 1em;
}
table.pagetable caption {
	padding: 5px 0
}
table.pagetable th,
table.pagetable thead tr {
	height: 45px;
	padding-left: 5px;
	padding-right: 5px
}
table.pagetable tr {
	height: 36px
}
table.pagetable td {
	padding-left: 5px;
	padding-right: 5px
}
/*
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;
	padding: 5px;
	z-index: 900;
	min-width: 150px;
	width: auto;
	line-height: 1.3
}
*/
.move {
	width: 60px;
	text-align: left;
	padding-left: 5px
}
.checkbox {
	padding-left: 10px
}
table.pagetable th.pageicon {
	min-width: 16px;
	width: 1%;
}
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.icons_wide {
	width: 25px
}

/*** Design manager ***/


#oe_mainarea ul.sortable-list {
	list-style: none;
	padding: 0;
	margin: 0;
	max-height: 321px;
	overflow: auto;
	min-height: 25px;
}

#oe_mainarea .sortable-list li {
	list-style: none;
	padding: 4px 12px;
	margin-bottom: 1px;
	display: block;
	position: relative;
	cursor: move;
}

#oe_mainarea .sortable-list li .sortable-remove {
	float: right;
	display: inline-block;
}

#oe_mainarea .available-templates li .sortable-remove,
#oe_mainarea .available-stylesheets li .sortable-remove {
	display: none;
}

#oe_mainarea .sortable-list > li.ui-state-highlight {
	padding: 14px 0;
}


/*** File Manager ***/
#filesarea img {
	max-width: 32px
}
/*** iframe ***/
iframe.imageframe {
	margin-top: 10px;
	width: 100%
}
iframe.preview {
	margin: 10px 0;
	width: 95%;
	height: 400px
}
/*** content text and forms ***/
/* TODO pageback class now redundant? */
.pageback {
	clear: both;
	text-align: left
}
a.pageback {
	display: inline-block;
	position: relative;
	margin: 10px 0;
	line-height: 26px;
	padding: 0 8px 0 20px
}
a.pageback .ui-icon {
	position: absolute;
	left: 0;
	top: 6px
}

div.pagecontainer .pagetext {
	margin: 10px 0 5px 0;
	padding: 0;
	width: auto;
}
div.pagecontainer .pageshowrows {
	margin-bottom: 5px
}
div.pagecontainer span.helptext {
	display: inline-block
}
/*** content forms ***/
div.pagecontainer .pageinput {
	padding: 0;
	margin: 0;
	width: auto;
}
.pageinput img {
	line-height: 28px;
	vertical-align: middle
}
div.pagecontainer fieldset {
	margin: 10px 0
}
div.pagecontainer legend {
	padding: 0 5px;
}
.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;
}
p.pageinputwysiwyg {
	padding-top: 5px
}
p.pagemessage {
	margin-bottom: 0;
}
/*
textarea.pagebigtextarea {
	height: 40em;
	width: 90%
}
*/
.pageinput textarea,textarea.pagesmalltextarea,textarea.pageextrasmalltextarea {
	width: 90%;
}
textarea.pagesmalltextarea {
	height: 15em;
}
textarea.pageextrasmalltextarea {
	height: 8em;
}

/*** tabs ***/
#page_tabs {
	overflow: hidden;
}
#page_tabs div {
	float: left;
	padding: 5px;
	margin-top: 1px;
	margin-right: 1px
}
#page_tabs div img {
	height: 14px;
	margin-top: 2px;
	margin-left: 5px;
	margin-right: 5px
}
#page_content {
	padding: 20px 10px;
}
/*** topcontent - dashboard ***/
.dashboard-box {
	min-height: 100px;
	width: 31.513%;
	float: left;
	margin-right: 2.29%;
	margin-bottom: 1%;
}
.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;
}
.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 {
	margin:0 0 5px 0
}

.dashboard-box h4 {
	margin: 5px 0;
}
#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
}

/*** 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 {
	padding: 3px 10px 3px 35px;
}
ul.sortableList li div.label em {
	display: block;
}
/* Changelog, System Maintenance page */
.version {
	margin: 15px  0;
	padding: 20px;
}
.version h3 {
	margin: 0;
	padding: 0;
}
/*** theme dropzone ***/
.drop {
	position: absolute;
	width: 262px;
	padding-top:1px;
	padding-bottom: 14px;
	right: 0;
	top:0
}

.drop-inner + a.toggle-dropzone {
	width: 15px;
	height: 14px;
	position: absolute;
	bottom: 0;
	right:0
}
a.toggle-dropzone:active,
a.toggle-dropzone:focus {
	outline: none
}
.drop .drop-inner {
	float:none;
	padding: 5px 10px;
	width: 240px
}
.drop div.zone {
	display: block;
	float:left;
	width: 210px;
}
.drop #theme_dropzone {
	width: 200px;
	overflow: visible;
	line-height: 30px;
	height: 30px;
}
.drop span.folder-selection {
	display: inline-block;
	float:left;
	margin-right: 10px;
	width: 16px;
	cursor: pointer;
	height: 30px;
}
.drop.hidden .drop-inner {
	display: none
}
.drop #theme_dropzone .ui-progressbar-value {
	margin: 10px 5px 5px 0;
	max-width: 190px;
	height: 12px;
	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 {
  position: relative;
  box-shadow: #999 0 0 6px;
  -webkit-box-shadow: #999 0 0 6px;
  margin: 0 auto;
  padding: 10px 20px;
  width: 310px
}
#login h1 {
	margin-bottom: 20px;
}
#login aside.info {
	display: none
}
#login fieldset {
	margin:0 0 10px 0;
	padding:0;
}
#login input[type="text"],
#login input[type="password"] {
	margin: 5px 0;
	width: 300px
}
#login input[type="text"]:focus,
#login input[type="password"]:focus {
	margin: 5px 0;
	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 {
	height: 28px;
	width: auto;
	padding: 0 14px;
	margin-top: 15px;
}
#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;
	position: absolute;
	top:0;
	left:0;
	height: 25px;
	display: block;
}
#login aside.info {
	width: 255px;
	padding: 0 10px 10px 10px;
}
#login aside.info p.warning {
	margin-top: 5px;
	padding: 5px
}
#login aside.info ol {
	margin-bottom: 0;
	list-style: decimal
}
#login div.info-wrapper h2 {
	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;
}
#login .copyright {
	margin: 5px auto;
}
#login small {
	display: block
}
#login .message {
	display: block
}

/* 2.0 STYLES, moved from inline .tpl, please do not add inline styles, thank you
 * and this needs more work
 */

.options-form {
	text-align: right;
}

#oe_mainarea .options-menu {
	margin: 0;
	padding: 0;
	height: 35px;
	z-index: 999;
	list-style-type: none;
}

#oe_mainarea .options-menu > li {
	line-height: 35px;
	float: left;
	display: block;
	padding: 0 1em;
	position: relative;
}

#oe_mainarea .options-menu li ul {
	position: absolute;
	left: -999em;
	top: 0;
	margin: 0;
	padding: 15px;;
}

#oe_mainarea .options-menu li.parent:hover {
    background: #fafafa;
    cursor: pointer;
}

#oe_mainarea .options-menu li:hover ul {
	left: 0;
	top: 32px;
	width: 240px;
}

#oe_mainarea .options-menu li li {
	display: block;
	cursor: pointer;
}

/* --- CMS_HELP --- */

.cms_helptext ul{

	padding: 0 10px;
	list-style: disc;
}

.cms_helptext ul li{

	margin-bottom: 8px;
}

/* NO - media types for easy working */
/* TinyMCE override for filepicker iframe*/
.mce-container-body iframe {
	max-width: none !important;
}

/* 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)
 */
 
 /* base browser font size: 16px, now do math "XX / 16 = ??" where XX is desired font size */
/* 30px=1.875x16px */
/* 28px=1.75x16px */
/* 26px=1.625x16px */
/* 25px=1.5625x16px */
/* 24px=1.5x16px */
/* 22px=1.375x16px */
/* 20px=1.25x16px */
/* 18px=1.125x16px */
/* 16px=1x16px */
/* 14px=0.875x16px */
/* 13px=0.8125x16px */
/* 12px=0.75x16px */
/* 10px=0.625x16px */
/*  8px=0.5x16px */
 
 
html {
	font-size: 1em;
	line-height: 1.1;
}

body {
	color: #232323;
	line-height: 1;
	font-size: 0.875em;/* dfeault font-size 10pt=14px=0.875em */
	background: #f6f6f6
}

.normal-font-size{
	/* 14px */
	font-size: 0.875em
}

/* Font-Sizes - Lineheight */

.drop .drop-inner{
	font-size: 0.625;/* 10px*/
	
}

header .breadcrumbs ul li,
#oe_sidebar .notification span,
#oe_footer small,
header .welcome span,
.smallgrey {
	font-size: 0.6875em;/* 11px*/
}

.small-font-size,
input[type="button"],
input[type="submit"],
.message,
.pagewarning,
.pagemcontainer,
.pageerrorcontainer,
.pageerrorinstalldir,
.green,
.red,
.yellow,
.warning,
.information,
.warning p,
.pagewarning p,
.message p,
aside.message,
.pagemcontainer,
.pageerrorcontainer,
.pageerrorinstalldir,
#oe_footer ul.links,
#oe_mainarea header.pageheader span.helptext,
.pageheader span.helptex,
div.pagecontainer .pageshowrows,
div.pagecontainer p.pageinput,
div.pagecontainer .pageinput label,
.dashboard-box h4,
.dashboard-box ul.subitems li a,
ul.sortableList li div.label em,
.drop #theme_dropzone .ui-progressbar-value,
#login h1,
#login aside.info p,#login aside.info,#login div.info-wrapper h2,#login p.forgotpw a,#login small
{
	font-size: 0.75em;/*12px*/
}

p, pre, code, samp, kbd,
menu,
#login label
{
	/* 13px */
	font-size: 0.8125em
}

.warning h3,
.pagewarning h3,
div.dialog h3,
div.pagecontainer legend {
	/* 14px */
	font-size: 0.875em
}

#oe_mainarea header.pageheader h1 {
	font-size: 1.125em;
	line-height: 3.9375;
	font-weight: normal;
	display: inline;
}


.pageheader {
	font-size: 1.125em;
	font-weight: normal;
}

h1 {
	font-size: 1.25em
}
h2 {
	font-size: 1.125em
}
h3 {
	font-size: 1em
}
h4 {
	font-size: 0.875em
}
h5 {
	font-size: 0.75em
}
h6 {
	font-size: 0.75em
}

/* breadcrumbs nav */
header .breadcrumbs ul {
	display: inline-block;
	list-style: none;
	line-height: 1.8125em;
}


header .shortcuts {
	line-height: 1.5625em;
}

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



/* main navigation */
nav ul#oe_pagemenu li {
	line-height: 2.1875em;
}

/*** footer ***/
#oe_footer .footer-left,
#oe_footer .footer-right {
	line-height: 0.9375em;
}




#oe_sidebar .notification span {
	display: inline-block;
}

#oe_footer .footer-right {
	display: inline;
}

/* --- CONTENT --- */

#oe_mainarea header.pageheader span.helptext,
.pageheader span.helptext  {
	display: inline;
	line-height: 3.9375;
}

#oe_mainarea li {
	line-height: 1.5
}

header .welcome span {
	display: inline-block;
	line-height: 1.125em;/* 18px*/
}

.pageheader span.helptext {
	display: inline-block;
	line-height: 1.3;
}


div.dialog a.bookmark {
	line-height: 20px;
}

/* TODO pageback class now redundant? */



a.pageback {
	display: inline-block;
	line-height: 1.625em;
	text-decoration: none;
}

/*** content forms ***/

.pageinput img {
	line-height: 1.75;
}

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

.drop #theme_dropzone .ui-progressbar-value {
	text-shadow: none;
	line-height: 12px;
}

#login input.loginsubmit {
	line-height: 1.75;
}

.dashboard-box ul.subitems li {
	line-height: 1.4;
}
/*** reorder pages ***/

/* Changelog, System Maintenance page */
.version {
	font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'Courier New', monospace;
	line-height: 1.5
}

.errorDialog {
  line-height: 100%;
}

/* ---- Colors -----*/

.color-white,
header .welcome a,
header .breadcrumbs ul li,
header .breadcrumbs ul li a,
header .welcome,
#oe_sidebar .notification a,
#oe_sidebar .notification,
#oe_footer small,
.pagerows strong,
a.pageback:hover,
#page_tabs div.active,
#login input.loginsubmit  {
	color: #fff
}

ins,
a,
a.pageback,
pre, code, samp, kbd,
nav ul#oe_pagemenu li.current li a,nav ul#oe_pagemenu li a,nav ul#oe_pagemenu li.current li a,
nav ul#oe_pagemenu li li a,
nav ul#oe_pagemenu li:hover li a,
#oe_mainarea header.pageheader span.helptext,
.pageheader span.helptext,
.dashboard-box h4,
.warning p,
.pagewarning p,
.message p
{
	color: #232323
}

a.pageback {
	color: #373742;
}

.dashboard-box h4 {
	color: #373742
}

a:hover,
a:active,
#login small a,
footer#oe_footer a:hover,
footer#oe_footer a:active,
header .breadcrumbs ul li.current,
header .breadcrumbs ul li.current a {
	color: #fa8004;
}

button.ui-button.ui-state-active,
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,
.pageheader,
nav ul#oe_pagemenu li li a:hover,
nav ul#oe_pagemenu li li.current a,
footer#oe_footer a,
#oe_mainarea header.pageheader h1,
div.dialog h3,
ul.sortableList li div.label em,
#page_tabs div:hover,
.version h3 {
	color: #147fdb;
}


header .admin-title,
div.pageoptions a,
p.pageoptions a,
a.pageoptions,
.pagerows a ,
div.pagecontainer .pagetext,
div.pagecontainer .pageshowrows,
div.pagecontainer legend,
#page_tabs div,
.dashboard-box span.description,
ul.sortableList div.label,
.drop .drop-inner,
#login h1,
#login label,
#login small,
#login p.forgotpw a,
#login aside.info {
	color: #585858;
}

div.workset,div.worksetborder{
background-color:#f7f7f9;
}


.orange,.warning h3,
.pagewarning h3,.yellow {
	color: #e6c26e
}
.red,
.text-red,
a.text-red,
table.pagetable a.text-red  {
	color: #ae432e
}

.blue {
	color: #058dc7
}

.yellow {
	background: #faf6d4;
}

.red {
	background: #f2d4ce;
	color: #ae432e;
}

.important,
.errorDialog {
	color: red;
}

.green {
	background: #d9e6c3;
	color: #77ab13;
}


ins {
	background-color: #ff9;
	text-decoration: none;
}
mark {
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title],
dfn[title] {
	cursor: help
}



p {
}
a,
span {
	outline: none
}


form {
	display: inline
}

table.pagetable th,
table.pagetable thead tr {
	white-space: nowrap;
}


.dashboard-box span.description {
	font-style: italic
}

.dashboard-box ul.subitems li a,
table.pagetable th.active a,
table.pagetable th a:hover,
header .breadcrumbs ul li a:hover, header .breadcrumbs ul li a:active,
.alert-dialog a,
a:hover,
a:active {
	text-decoration: underline
}

#login small a,
#login p.forgotpw a,
footer#oe_footer a,
nav ul#oe_pagemenu li a,
#oe_sidebar .notification a,
header .breadcrumbs ul li a,
a:link,
a:visited {
	text-decoration: none;
}



ul.sortableList li div.label em {
	text-indent: 10px;
}


 /* -- text-align --*/

.doleft,
table,
td,
tr,
pre, code, samp, kbd,
header .shortcuts ul,
table.pagetable caption,
table.pagetable th,
table.pagetable thead tr,
.move,
.pageback,
div.pagecontainer .pageinput,
.drop span.folder-selection,
div.pagecontainer .pageshowrows
{
	text-align: left
}


.doright, div.pagecontainer .h-inside,.options-form,
header .admin-title {
	text-align: right
}

.docenter,td.pagepos,table.pagetable th.pagepos,
#login .copyright,#login small,#page_tabs div,
.drop div.zone,.drop #theme_dropzone,
.drop #theme_dropzone .ui-progressbar-value {
	text-align: center
}


/*** Font-weight ***/

table.pagetable caption,
div.pagecontainer .pagetext,
p.pagemessage,
#login small a,
div.pagecontainer legend  {
	font-weight: bold;
}


.fontnormal,
.important,
.smallgrey,
button.ui-button.ui-state-active,
input[type="button"],
input[type="submit"],
.ui-button,
ul.sortableList li div.label em,
.drop #theme_dropzone .ui-progressbar-value {
		font-weight: normal;
}


/* Format code chunks */
pre, code, samp, kbd {
	font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'Courier New', monospace;
	}
	
pre {
	background: #eee;
	}
/* border radius */

/* forms */

input,
textarea,
select,
menu {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;;
	background: #f0f0f0
}
textarea {
	resize: both;
}
.resize-horizontal {
	resize: horizontal;
}
.resize-vertical {
	resize: vertical;
}
input {
	text-indent: 5px;
}

input:hover,
input:focus,
textarea:hover,
textarea:focus,
select:hover,
select:focus,
menu:focus,
checkbox:hover {
	background: #fff
}

.bg_white,input[type="checkbox"],
#page_content,.dashboard-box img {
	background: #fff;
}


.pointer,
.cursorpointer,
.cms_helpicon,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="button"],
input[type="submit"],
.ui-button,
a.tooltip,
div.pageoptions a,
p.pageoptions a,
a.pageoptions {
	cursor: pointer
}

#oe_mainarea .sortable-table {
	cursor: move;
}

/* Notification messages */
.tooltip,.message:hover {
	cursor: help;
}

div.pageoptions a,
p.pageoptions a,
a.pageoptions {
	display: inline;
}

.message,
.pagewarning,
.pagemcontainer,
.pageerrorcontainer,
.pageerrorinstalldir,
.green,
.red,
.yellow,
.warning,
.information,
div.pagecontainer span.helptext,
#oe_footer ul.links,
#oe_footer ul.links {
	display: inline-block;
}

/*** Design manager ***/
#oe_mainarea a.helpicon,
nav ul#oe_pagemenu li ul,
#oe_container.sidebar-off nav ul#oe_pagemenu li span.open-nav,
#oe_mainarea .available-templates li .sortable-remove,
#oe_mainarea .available-stylesheets li .sortable-remove,
.pagewarning.hidden {
	display: none;
}

.block,aside .no-slide,
.no-slide,
#oe_sidebar .toggle-button,
#oe_sidebar .notification a,
nav ul#oe_pagemenu li span.open-nav,
nav ul#oe_pagemenu li a,
#oe_container.sidebar-on nav ul#oe_pagemenu li.current ul,
#oe_footer ul.links li,
div.dialog form#chdir_form,
#login a.toggle-info,
#login small,
.dialog .green,
.dialog .red,
.dialog .yellow,
.dialog .orange{
	display: block;
}




header .admin-title {
	display: inline-block;
	font: bold 14px/70px sans-serif;
	text-shadow: 1px 1px 0 #fff;
}


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

/* position sticky menu */

/* toggle submenu */

nav ul#oe_pagemenu li a {
	outline: 0;
	font-weight: bold;
}




/*** page content ***/
#oe_mainarea header.pageheader {
	border-bottom: 1px solid #fa8004
}

/*** tabs ***/
#page_tabs div {
	background: #ddd;
	font-weight: bold;
	cursor: pointer;
	white-space: nowrap;
}



/*** ------------------------------- ***/
/*** Backgrounds ***/



aside .no-slide,
.no-slide  {
	-webkit-box-shadow: none;
	background-image: none;
}
.pageerrorcontainer ul {
	background: none
}

header.header {
	background: #cecece
}
/* second level & collapsed sidebar */
nav ul#oe_pagemenu ul {
	background: #f0f0f0
}
nav ul#oe_pagemenu li li {
	background: none;
	line-height: 1;
}
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 {
    line-height: 1.3;
    white-space: pre-line;
    word-break: normal;
	font-weight: normal;
	background-image: none;
	background: none
}

/* --- CONTENT --- */


.pageheader span.helptext {
	display: inline-block;
	background: none
}

.pagerows a {
	display: inline-block;
	background: #eee;
}
.pagerows strong {
	background: #147fdb;
}
/*** dialogs ***/

/*** tables ***/

tr.row1,li.row1 {
	background: #f2f2f2
}
tr.row2,l1.row2 {
	background: #fafafa
}
tr.row1:hover,
tr.row2:hover,
tr.row1hover,
tr.row2hover,
li.row1:hover,
li.row2:hover,
li.row1hover,
li.row2hover {
	background: #ddd
}

tr.row3 {
	background: #f2f2f2
}
tr.row4 {
	background: #fafafa
}


tr.row1 td.borderedit{
	background: #f2f2f2
}
tr.row2 td.borderedit{
	background: #fafafa
}

tr.row3 td.borderedit{
	background: #f2f2f2
}
tr.row4 td.borderedit{
	background: #fafafa
}

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

td.borderedit{
background-color:#fff;
}

td.bordernonetrans{
background-color:transparent;
}

td.borderedit1 input[type="text"], td.borderedit input[type="password"], td.borderedit button[type="submit"] {
    background-color:#fff;
    padding:0px;
}

td.bordernoneedit{
background-color:#f2f2f2;
}

td.pageicon {
	background: #f2f2f2 !important
}

/*** File Manager ***/

/*** iframe ***/
iframe.preview {
	background-color: #fff;
}


.group_memberships {
	background: #fefefe;
}

ul.sortable .placeholder {
	background: #f2f2f2
}
/* Changelog, System Maintenance page */
.version {
	background: #f1f1f1;
}

#login aside.info {
	background: #ececec;
}

#oe_mainarea .options-menu li.parent:hover,#oe_mainarea .options-menu li:hover ul {
    background: #fafafa;
}

.drop .drop-inner,
.drop #theme_dropzone {
	background: #ddd
}


/*** ----------------------------------------------------------------- ***/
/*** Sprites and Background images ***/


a.external {
	background: url(themes/OneEleven/images/icons/system/external-small.png) no-repeat right;
}
.file {
	background: url(themes/OneEleven/images/icons/system/document-list.png) no-repeat left;
}


#cms_busy, .busy {
    background: transparent url(themes/OneEleven/images/icons/extra/spinner.gif) no-repeat;
	background-size: 50px 50px;
    cursor: wait;
}

/* close notification */
.close-warning {
	display: inline-block;
	text-indent: -9999em;
	background: transparent url(themes/OneEleven/images/icons/extra/close.png) no-repeat;
	cursor: pointer;
}

header .header-bottom {
	line-height: 1.8125em;
	background: #232323 url(themes/OneEleven/images/layout/sprite_repeatx.png) 831px -99px repeat-x
}

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

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


/* shortcut icons */

header .shortcuts li {
	display: inline-block;
}
header .shortcuts li a {
	text-indent: -9999em;
	background: url(themes/OneEleven/images/layout/sprite_norepeat.png) no-repeat;
}

/*** sidebar ***/

/* toggle sidebar */
#oe_sidebar .toggle-button {
	text-indent: -9999em;
	cursor: pointer;
}
#oe_sidebar .toggle-button{
	background-image: url(themes/OneEleven/images/layout/sprite_norepeat.png) ;
	background-repeat: no-repeat
}

/* sidebar notifications */

#oe_sidebar .notification a {
	background: url(themes/OneEleven/images/layout/sprite_norepeat.png) -10px -446px no-repeat;
}
#oe_sidebar .notification {
	line-height: 35px;
	background: #232323 url(themes/OneEleven/images/layout/sprite_repeatx.png) 122px -175px repeat-x;
}

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;
}


span.helptext a.external,
span.helptext a {
	display: inline-block;
	background: url(themes/OneEleven/images/icons/system/info-external.gif) no-repeat right
}


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

/*** theme dropzone ***/

#page_tabs div.active {
	background: #147fdb url(themes/OneEleven/images/layout/tab-active.png) no-repeat center bottom
}

/*** topcontent - dashboard ***/


/*** reorder pages ***/

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

.drop-inner + a.toggle-dropzone {
	background: transparent url(themes/OneEleven/images/layout/toggle-dropzone.png) no-repeat -15px 0;
	text-indent: -9999em;
}


.drop span.folder-selection {
	display: inline-block;
	cursor: pointer;
	background: transparent url(themes/OneEleven/images/layout/folder-horizontal-open.png) no-repeat left
}


/* --- LOGIN PAGE --- */


#login input.loginsubmit {
	text-indent: 0;
	background: #838282 url(themes/OneEleven/images/layout/input-bg.gif) repeat-x top
}
#login input.loginsubmit:hover,
#login input.loginsubmit:focus {
	background: #fa8106 url(themes/OneEleven/images/layout/input-hover-bg.gif) repeat-x top
}

#login a.toggle-info {
	outline: none;
	text-indent: -9999em;
	background: #ececec url(themes/OneEleven/images/layout/information.png) no-repeat center
}

#login aside.info p.warning {
	background-image: none;
}

/* 2.0 STYLES, moved from inline .tpl, please do not add inline styles, thank you
 * and this needs more work
 */
 
#login p.forgotpw a {
	background: url(themes/OneEleven/images/layout/help.png) left 50% no-repeat;
}


/* background images */

#login div.login-box {
  background: #d5d5d5 url(themes/OneEleven/images/layout/sprite_repeatx.png) 214px -339px repeat-x;
}


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

#oe_admin-content .shadow {
	background: transparent url(themes/OneEleven/images/layout/sprite_repeatx.png) 831px -148px repeat-x;
}

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

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

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

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

input[type="button"],
input[type="submit"],
.ui-button
 {
	background: #cecece url(themes/OneEleven/css/default-cmsms/images/ui-bg_highlight-soft_75_cecece_1x100.png) 50% 50% repeat-x;
}

button.ui-button.ui-state-active {
	background: #cecece url(themes/OneEleven/css/default-cmsms/images/ui-bg_highlight-soft_75_cecece_1x100.png) 50% 50% repeat-x;
}
header .header-top {
	background: #eee url(themes/OneEleven/images/layout/sprite_repeatx.png) 831px -10px repeat-x
}
header .cms-logo {
	background: transparent url(themes/OneEleven/images/layout/cms-logo-bg.gif) no-repeat top right;
}
header .welcome {
	background: transparent url(themes/OneEleven/images/layout/welcome-bg.gif) no-repeat top right
}

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

.dashboard-box {
	background: #d5d5d5 url(themes/OneEleven/images/layout/sprite_repeatx.png) 214px -339px repeat-x;
}

#oe_sidebar {
	background: #ddd url(themes/OneEleven/images/layout/sidebar-shadow.png) repeat-y right;
}
#oe_sidebar div.notification .box-shadow,
#oe_sidebar nav.navigation .box-shadow {
	background: url(themes/OneEleven/images/layout/sidebar-shadow.png) repeat-y right
}
footer#oe_footer {
	background: transparent url(themes/OneEleven/images/layout/sprite_repeatx.png) 829px -259px repeat-x;
}
span.helptext a {
	background: url(themes/OneEleven/images/icons/system/info.gif) no-repeat right
}

/*--- SPRITE BACKGROUND ---*/
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.files {
	background-position: -10px -520px
}
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.files:hover,
nav ul#oe_pagemenu li.current a.files,
nav ul#oe_pagemenu li:hover a.files {
	background-position: -10px -758px
}
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
}

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-on #oe_sidebar .toggle-button {
	background-position: -9px -254px
}
.sidebar-off #oe_sidebar .toggle-button {
	background-position: -9px -216px
}


/* 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)
 */
 
 /* default border border:1px solid #444; */
 
 .defaultborder{
 border:1px solid #444;
 }
 
/* --- No Border --- */

div.pageoverflow img {
	border: 0px
}

img.systemicon,
#login fieldset,
iframe.imageframe,
input.pagecheckbox,
iframe.imageframe,
input.pagecheckbox,
.drop-inner + a.toggle-dropzone,
.drop .drop-inner {
	border: none;
}



aside.message,
.pagemcontainer,
.pageerrorcontainer,
.pageerrorinstalldir  {
	border-top: none;
}

/* -- Solid --- */

input:hover,
input:focus,
textarea:hover,
textarea:focus,
select:hover,
select:focus,
menu:focus,
checkbox:hover,
input,
textarea,
select,
menu,
#login a.toggle-info,
#login aside.info,
#login div.login-box,
#login div.login-box,
.drop #theme_dropzone .ui-progressbar-value {
	border: 1px solid #aaa;
}

#login input[type="text"]:focus,
#login input[type="password"]:focus {
	border: 1px solid #147fdb;
}
#login input.loginsubmit {
	border: 1px solid #838282;
}
#login input.loginsubmit:hover,
#login input.loginsubmit:focus {
	border: 1px solid #e87602;
}

#oe_mainarea .options-menu li:hover ul {
        border: 1px solid #d0d0d0;
}


button.ui-button.ui-state-active {
	border: 1px solid #d3d3d3;
}

/* Notification messages */
.warning,
.pagewarning,
.yellow {
	border: 1px solid #e6c26e
}

.error,
.pageerrorcontainer,
.pageerrorinstalldir,
.red,
aside .no-slide,
.no-slide {
	border: 1px solid #ae432e
}
.success,
.pagemcontainer,
.green {
	border: 1px solid #77ab13
}

.information {
	border: 1px solid #058dc7
}

.pagerows strong {
	border: 1px solid #147fdb
}

.pagerows a,
.drop-inner + a.toggle-dropzone,
.drop .drop-inner
{
	border: 1px solid #ccc;
}

.dashboard-box img,
ul.sortableList div.label,
.dashboard-box ,
.version,
.group_memberships,
div.pagecontainer fieldset,
iframe.preview,
table.pagetable {
	border: 1px solid #ddd;
}

.errorDialog {
  border: 1px solid red;
}


/*** header ***/
header .header-top {
	border-bottom: 1px solid #cecece;
}
header .header-bottom,
nav ul#oe_pagemenu li li.module {
	border-bottom: 1px solid #0f0f0f;
}
#oe_sidebar {
	border-right: 1px solid #fff;
}

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

/*** page content ***/
#oe_mainarea header.pageheader {
	border-bottom: 1px solid #fa8004
}

/*** tables ***/

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

hr {
	border: 0;
	border-top: 1px solid #cecece;
}


#page_content {
	border: 1px solid #ddd;
	border-top: 3px solid #ddd
}

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

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


/* --- LOGIN PAGE --- */

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

input,
textarea,
select,
menu {
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

/* --- Border Radius --- */


/* Format code chunks */
pre,hr  {
	border-left: 10px solid #cecece;
	}
	
#login a.toggle-info,
#login aside.info {
	border-right: none;
}



abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
}
	
	
/* 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,
aside .no-slide,
.no-slide,
.dashboard-box,
ul.sortableList div.label,
.drop #theme_dropzone .ui-progressbar-value  {
	border-radius: 4px
}
/* forms */

#login div.login-box,
#login div.login-box {
  border-radius: 4px 4px 0 4px;
}


#login a.toggle-info {
	border-radius: 4px 0 0 4px;
}
#login aside.info {
	border-radius: 0 0 0 4px
}

#page_tabs div {
	border-radius: 4px 4px 0 0;
}


aside.message,
.pagemcontainer,
.pageerrorcontainer,
.pageerrorinstalldir,
#page_content  {
	border-radius: 0 0 4px 4px;
}



/* disable 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,
input.searchstring,input.searchstring:hover,input.searchstring:focus,
.core-acordion,
input,
textarea,
select {
    border-radius: 0px;
}



div.infoinput{
border:1px solid #c0c0c0;
}



.tooltipstuffedit{
border:1px solid #aaa;
}



input.searchstring,
input.searchstring:hover,
input.searchstring:focus,
.filterbox .restetlink{
border:1px solid #444;
}

.filterbox div,
.filterbox .filterboxtext{
	border:none;
}

.filterbox .one-col{
	border:1px solid #444;
	border-right:0px;
}

.filterbox .restetlink{
border-right:1px solid #444;
}



.ajaxformcontent,.ajaxformeditcontent{
border-bottom:10px solid #444;

}


.dboxfree,
.dbox{
	border-radius: 4px;
}


.dbox,
.dashboard-box div.fa-box,
.dboxfree {
    border: 1px solid #ddd;
}


 

.ui-accordion .ui-accordion-header{
	border:1px solid #444;}
.ui-accordion .ui-accordion-icons{padding-left:2.2em}
.ui-accordion .ui-accordion-noicons{padding-left:.7em}
.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon{padding:0px;position:absolute;right:.5em;top:50%;margin-top:-8px}
.ui-helper-reset{border:0;outline:0;text-decoration:none;list-style:none}
.ui-tooltip {
    border-radius: 20px;
  }


.adv_object_terminal,
.adv_object_group,
.adv_object_ds_client,
div#ajaxform,div#ajaxformedit,
div.popup_smallviewheader,
div.viewheadersmall,
.filtertable td{
border:1px solid #000;
}



input[type=file]::-webkit-file-upload-button,
.filtertable td.noborder {
  border:0px;
}

div#ajaxform,div#ajaxformedit{
  border-bottom: 10px solid #2a2a2b;
}

.boxheadlineblack_nonecolapse{
  border: 1px solid #444;
}



div.worksetborder{
border-left:1px solid #000;
border-right:1px solid #000;

}



input,
textarea,
select,
menu {
	border: 1px solid #aaa;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}


header .header-top {
	border-bottom: 1px solid #cecece;
}





nav ul#oe_pagemenu li li,
#oe_mainarea header.pageheader,
table.pagetable th.noborder,
.filtertable td.noborder {
	border-bottom: 0px
}


/* ---- Tables ----*/


table.pagetable {
	border: 1px solid #444;
	border-bottom: 10px solid #444;
	border-right: 1px solid #444;
}

table.pagetable th,
table.pagetable thead tr{
border-bottom:1px solid #000;
}


table.pagetable th,
table.pagetable thead tr,
td.borderedit{
border-left:1px solid #000;
border-right:0px;
}


td.bordernonetrans,
td.bordernone{
border:0px;
}

td.borderedit1 input[type="text"], td.borderedit input[type="password"], td.borderedit button[type="submit"] {
    border:1px solid #fff;
}



td.bordernoneedit{
border:1px solid #000;
border-right:0px;
}

td.lastborder{
border-right:1px solid #ccc;
}



.borderbottom,
.border_bottom{
border-bottom:1px solid #000;
}

.border_topright{
border-top:1px solid #000;
border-right:1px solid #000;
}

.border_left{
border-left:1px solid #000;
}



















/* ----- costum.css --*/

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


/* loading prevent input */
#first
{
    
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    top:0;  
    opacity:0.5;
    background-color:#000;
    color:#fff;
    z-index:9999;
    width:100%;
    height:100%
}



body {
	color: #373742;
	background: #373742
}
ins {
	color: #373742;
}

pre, code, samp, kbd {
	color: #373742;
}


/* disable border-radius */

a:link,
a:visited {
	/*color: #147fdb;*/
}

a:hover,
a:active {
	/*color: #fa8004;*/
}



/* --- font-size --- */
.fs6{
font-size:0.5em;
}

 /* --- helper --- */



div.infoinput{
width:225px;
background-color:#fff;
float:right;
}

[name="m1_pgroupID"]{
	margin-right:-5px;
	    width: 173px;
}

div.boxheadlineblack .tooltipcont{
	float:right;
}

.commentline{
	width:90%;
background-color:#dce6f2;
}


span.lablespace{
padding-left:20px;
height:20px;
}

input[size="42"]{
width:275px;
}

input{
	-webkit-margin-before:0em;
    -webkit-margin-after:0em;
}

span.lablespacefilled{
    padding-left: 8px;
    padding-right: 8px;
}

.required{
background-color:#ffeeeb;
}

.shouldbefilled{
background-color:#eaffe7;
}

.deprecated, .deprecated *{
	opacity:0.5
}

.inputdisabled,.inputdisabled:hover{
background-color:#c0c0c0;
}

.infobackground {
	background-color: #f2f4f8;
	padding:3px;
}

.displayblock{
display: block;
}

.displayinlineblock{
display: inline-block;
}

.uppercase{
	text-transform: uppercase;
}

div.viewheadersmall .formheader-tooltip,div.viewheadersmall .formheader-title{
	
	margin-top:3px;
}

.buttoncont{
  /* width: 25px; */
  /* height: 14px; */
  /* padding-right: 3px; */
  /* padding-left: 3px; */
  /* border: 1px solid #aaa; */
  /* margin-left: 3px; */
  /* margin-top: 2px; */
  /*display: block;*/
  /* text-align: center; */
  /* vertical-align: middle; */
  /* padding-top: 3px; */
  /* padding-bottom: 3px; */
  align-items: flex-start;
  text-align: center;
  cursor: default;
  /* color: buttontext; */
  padding: 1px 3px 2px;
  border: 1px outset #C0C0C0;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  background-color: #f2f2f2;
  box-sizing: border-box;
  margin-top:2px;
}


.tooltipcont{
width:25px;
height:25px;
padding-right:2px;
}

.tooltipstuffedit{
padding-right:5px;
padding-left:5px;
margin-right:2px;
}

.tooltipmandant{
padding-right:8px;
padding-left:8px;
}

.formcontrols{
	width:250px;
	
}

.mandant_tooltip #m1_input_info{
	width:350px;
}

#branchetable{
	
	width:600px;
}


.small_popup{
	width:300px;
}

.normal_popup{
width:600px;	
}

.medium_long_popup{
	width:800px;
}

.long_popup{
	width:1000px;
}

.scroll_able{
  overflow-y:auto;
  max-height:50vh	
}

div.header_matchcode_text{
    background-color: #e2e3e6;
    padding-left: 5px;
    padding-right: 5px;
}

input.searchstring,input.searchstring:hover,input.searchstring:focus{
background-color:#fff;
}

.sorticon{
color:#fff;
float:right;
}

 .w135{
 width:135px;
 }

 .w540{
 width:540px;
 }




.ajaxformcontent,.ajaxformeditcontent{
background-color:#fff;
min-width: 350px;

}

.ajaxformcontent,.ajaxformeditcontent{
-webkit-margin-before:0px;
-webkit-margin-after:0px;
}

#form_filecomment .popup_viewheader{
	width:600px;
}

.setbold{
font-weight:bold !important;
}

.dboxfree{
	float: left;
	margin-right: 0px;
	margin-bottom: 1%;
	padding-left:5px;
}



.dbox{
	float: left;
	margin-right: 10px;
	margin-bottom: 1%;
	padding-left:5px;
}

.dbox_nobg{
	float: left;
	margin-right: 10px;
	margin-bottom: 1%;
	padding-left:5px;
}

.dashboard-box-thecore-longbox-overscroll{
	height: 200px;
	overflow-y:auto;
	overflow-x: hidden;
}


.dashboard-box-thecore-shortbox-overscroll{
	width:31.513%;
	height: 200px;
	overflow-y:auto;
	overflow-x: hidden;
}

.dashboard-box div.fa-box {
    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;
    background: #fff;
    font-size: 2.75em;
}


 .core-acordion{
 width:100%;
 min-height: 100px;
min-height: inherit;
padding-left:0px;
}

.acordion-header{
	
	    background-color: #d4d5da;
    color: #222222;
    display: block;
    cursor: pointer;
    position: relative;
    padding: .4em .4em .4em .6em;
    min-height: 0;
    font-weight: bold;
}

.acordion-header-dark{
	background-color: #a1a3b0;
    color: #222222;
    display: block;
    cursor: pointer;
    position: relative;
    padding: .4em .4em .4em .6em;
    min-height: 0;
    font-weight: bold;
}

.ui-accordion .ui-accordion-header{
	background-color:#d4d5da;
	color:#222222;
	display:block;
	cursor:pointer;
	position:relative;
	/**margin-top:2px;**/
	padding:.4em .4em .4em .6em;
	min-height:0;
	font-weight:bold;}
.ui-accordion .ui-accordion-icons{padding-left:2.2em}
.ui-accordion .ui-accordion-noicons{padding-left:.7em}
.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon{padding:0px;position:absolute;right:.5em;top:50%;margin-top:-8px}
.ui-helper-reset{border:0;outline:0;text-decoration:none;list-style:none}
.ui-tooltip {
    padding: 10px 20px;
    box-shadow: 0 0 7px black;
    background-color:white;
  }



.cursorpoint{
cursor:pointer;
}

.adv_object{
background-color:#c6d9f1;
width:100%;
min-height:100px;

}

.adv_object_heading{
width:300px;
vertical-align:middle;
height:100px;
float:left;
  padding-left: 10px;
  padding-top: 10px;
}

.adv_obj_box_defaults{
min-height:100px;
float:left;
background-color:#c6d9f1;
}

#terminal_assign_wrapper .sortable-add,
#terminal_assign_wrapper .sortable-remove{
	float:right;
	
}

#available-dsclients,#selected-dsclients{
	height:350px;
	overflow-y:scroll
}


.icon_big_sized{
 font-size: 20pt;
  padding: 10px;
}

.icon_big{
	font-size: 1.625em;
  margin-top: 25px;
  float: left;
  padding: 10px;
  background-color: #f2f4f8;
  padding-right: 17px;
  margin-left: 22px;
  padding-left: 17px
}

.icon_big_no_margin{
	font-size: 1.625em;
  float: left;
  padding: 10px;
  background-color: #f2f4f8;
  padding-right: 17px;
  padding-left: 17px
}

.icon_big_nonclick{
	font-size: 1.625em;
  margin-top: 25px;
  float: left;
  padding: 10px;
  padding-right: 17px;
  margin-left: 22px;
  padding-left: 17px
}

.adv_obj_box_heading{
font-weight:bold;
/*font-size:0.5em;*/
margin-top:4px;
margin-right: 3px;
width:280px;
}

.adv_obj_box_heading div.tooltipcont{
font-size:1em;
}

.adv_object_ds_airtime div.adv_obj_box_heading{
	margin-right:30px;
}

.adv_object_terminal{
height:68px;
overflow-x: hidden;
overflow-y: scroll;
background-color:#ededf1;
font-size:0.8em;
}

.adv_object_group_popup{
width:470px;
}

.adv_object_rightsmanagment{

  min-height: 100px;
}


.adv_object_group,.adv_object_ds_client{
width:100%;
height:68px;
overflow-x: hidden;
overflow-y: scroll;
float:right;
margin-top: 5px;
margin-bottom: 10px;
background-color:#ededf1;
padding-left:3px;
margin-right:5px;
}



.adv_object_ds_on_air .icon_big_no_margin{
margin-top:10px;
}

.adv_object_ds_airtime div.adv_obj_box_heading{
width:80px;
text-align:center
}






input[type=file]::-webkit-file-upload-button {
  padding: 6px 5px;  /* Make it pretty. */
  /* …other prettification like background color… */

  /* Make room for icon. */
  padding-left: 35px;
  width:29px;
  background:transparent;
}

input[type=file] {
  position: relative;
    width: 27px;
    background: transparent;
    height: 22px;
    margin-top: 0px;
}

input[type="file" i]{
width:29px;
}

input[type=file]:before {
  font-family: "FontAwesome";
  content: "\f07c";
  position: absolute;
  top: -1px;
  left: 0;
margin: 0;
  padding: 8px 5px;  /* NOTE: Same padding as on the upload button. */
  /*line-height: 21px;*/  /* Magic number :/ Modify this until it looks good. */
  /*width:25px;*/
   /* width: 25px; */
  /* height: 14px; */
  /* padding-right: 3px; */
  /* padding-left: 3px; */
  /* border: 1px solid #aaa; */
  /* margin-left: 3px; */
  /* margin-top: 2px; */
  display: block;
  /* text-align: center; */
  /* vertical-align: middle; */
  /* padding-top: 3px; */
  /* padding-bottom: 3px; */
  align-items: flex-start;
  text-align: center;
  cursor: default;
  /* color: buttontext; */
  padding: 3px 2px 3px;
  border: 1px outset #C0C0C0;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  background-color: #f2f2f2;
  box-sizing: border-box;
}



div#ajaxform,div#ajaxformedit{
display:none;
position:fixed;
padding:0px !important;
z-index:9001;
  left: 311px;
  top: 86px;
    background-color: #fff;
}

.boxheadlineblack, .boxheadlineblack_nonecolapse{
color:#000;
font-size: 1em;
font-weight:bold;
}

.boxheadlineblack_nonecolapse{
  background: #cecece;
  color: #222222;
  display: block;
  cursor: pointer;
  position: relative;
  min-height: 0;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 1em;
  font-weight: bold;
}

.billheadline{
font-size: 1em;
font-weight:bold;
}

#knddropdown{
width:300px;
}

.docenter{
text-align:center;
}

.doright{
text-align:right;
}

.floatright{
float:right;
}

.floatleft{
float:left;
}

.dotop{
vertical-align:top;
}

.dobottom{
vertical-align:bottom;
}

.colorwhite{
color:#fff;
}

.colorblack{
color:#000;
}

.colorgreen{
color:green;
}

.colororange{
color:#e26b0a;
}

.colorred{
color: #fd6941;
}

.colorblue {
	color: #558ed5;
}

.coloryellow {
	color: #ffb800;
}

.bgcolorinfo{
background-color:#ffffd6;
}

.colorgrey {
	color: #C0C0C0;
}

.colorgreen {
	color: #00ad4d;
}

.prioicon{
font-size:1em;
font-weight:bold;
}

td.blue button,table.pagetable a.blue{
color: #058dc7;
}

.blue {
	color: #558ed5;
}

.minboxheight{
height:25px;
}

#m1_save,#m1_savepos, #m1_refresh, #m1_times, #m1_check, #m1_nextstep,#close,#m1_submit{
margin-right:5px;
font-size:1em;
width:22px;
height:25px;
padding-top:3px;
}

#m1_save, #m1_refresh{
color:#0070c0;
}

#m1_check{
color:green;
}

#m1_times{
color:#ae432e;
}

div#ajaxform div#ui-datepicker-div, div#ajaxformedit div#ui-datepicker-div{
  width: 178px;

}

.width125p{
width:125px;
}

.datepickerwidth,.width115p{
width:115px;
}

.width75p{
width:75px;
}

.objectwidth,.width105p{
width:105px;
}

.datepicker{
font-weight:bold;
color:#538dd5;
}

button{
padding:0px;
}

.famicon{
font-size:0.75em;
}





.ui-click-button{
padding:2px 4px 2px 4px;
background-color: #f2f2f2;
    box-sizing: border-box;
    padding: 2px 0px 3px;
}


div.popup_viewheader{
width:100%;
height:30px;
background-color:#a1a3b0;
margin-top:0px;
padding-top:10px;
}

div.popup_smallviewheader{
width:100%;
height:25px;
background-color:#d4d5da;
margin-top:0px;
}

div.popup_viewheader h3,div.popup_smallviewheader h3{
margin-left:10px;
font-size:1.25em;
width:80%;
margin-top:0px;
}

div.formcontrols_nowidth,div.formcontrols{
float:right;
}


div.viewheader{
width:100%;
height:50px;
background-color:#a1a3b0;
padding-top:10px;
}

div.viewheadersmall{
width:100%;
height:25px;
background-color:#d4d5da;
}

div.viewheader div.formheader-tooltip,.formheader-title{
font-size:1.2em;
font-weight: bold;
}

div.editbill_top_viewheader div.formheader-title{
width:50%;
float:left;
}

.formheader-title{
color: #fd4817;
  text-transform: uppercase;
}

.formheader-title-small{
color: #000;
  font-weight: bold;
  font-size: 0.75em;
  margin-top:5px;
}

.filterbox div{
	margin:0px;
	text-align:center;
	padding:2px;
}

div.searchbox{
   padding-left: 8px;
}

div.searchbox td{
vertical-align:top;
}

div.searchbox td.label{
padding-top:3px;
}

div.formheader-bussiness-info
{
width:300px;
background-color:#f2f2f2;
margin-left:5px;
margin-top:1px;
}

h3.viewheader span.cms_help, div.popup_viewheader h3 span.cms_help {
	padding-left:5px;
	padding-right:5px;
}



div.workset,div.worksetborder{
background-color:#f7f7f9;
}


label.longlabel{
width:300px;
}

label.shortlabel{
width:150px;
}

div.workset label,div.worksetborder label {
color: #000;
font-weight: bold;
width: 150px;
margin-right:5px;
padding-left:5px;
line-height: 1.3em;
}

div.formheader-bussiness-info label {
color: #000;
font-weight: bold;
width: 65px;
margin-right:5px;
padding-left:5px;
display:inline-table;
}

input,
textarea,
select,
menu {
	margin: 1px 0px 1px 0;
padding:0px;
	background: #fff
}

menu{
	margin: 2px 0px 2px 0;
	padding: 0px 2px;
	background: #f0f0f0
}

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

.warning p,
.pagewarning p,
.message p {
	color: #373742;
}

header.header {
	height: 80px;
    background: #cecece;
    width: 100%;
    float: left;
    position:relative;
    z-index:9000;
}

header .header-top {
	height: 80px;
	background: #373742
}
header .cms-logo {
	width: 240px;
	height: 70px;
	padding-left: 10px;
	background: none;
	float: left
}
header .admin-title {
	
	display:none;
}

header .header-bottom {
	background: #373742
}

header .welcome {
	color: #fb975b;
}


header .userinfobox {
	float: right;
	padding-right:15px;
}

header .shortcuts {
	margin-top:25px;
}

header .shortcuts li.userwelcome
{
width:150px;
}

header .shortcuts li a.userlink {
	width: 27px;
	text-indent: 0em;
}


header .shortcuts li a ,header .shortcuts li a:visited, header .shortcuts li a:hover{
    color:#fa8004;
}

#oe_sidebar {
	width: 170px;
	background: #373742 url(themes/OneEleven/images/layout/sidebar-shadow.png) repeat-y right;
	position: absolute;
	left: 0;
	top: 80px;
	bottom: 0
}
#oe_container.sidebar-off #oe_sidebar {
	overflow: hidden;
	background: #373742 url(themes/OneEleven/images/layout/sidebar-shadow.png) repeat-y right;
	width: 40px;
	position: absolute;
	left: 0;
	top: 80px;
	bottom: 0
}
#oe_sidebar aside {
	padding-bottom: 30px;
	position: fixed
}

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

#oe_sidebar .notification {
	background: #373742 url(themes/OneEleven/images/layout/sprite_repeatx.png) 122px -175px repeat-x;
}

nav ul#oe_pagemenu li {
	background:none;
	overflow:hidden;
}

.sidebar-on #oe_sidebar nav.navigation {
	background:#373742 url(themes/OneEleven/images/layout/sidebar-shadow.png) repeat-y right;
}
.sidebar-off #oe_sidebar nav.navigation {
		background:#373742 url(themes/OneEleven/images/layout/sidebar-shadow.png) repeat-y right;

}
/* toggle submenu */
nav ul#oe_pagemenu li span.open-nav {
	width: 280px;
}

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:none;
}
/*** menu style ***/
nav ul#oe_pagemenu li a {
	text-shadow: initial;
	background:none;
	margin-left:0px;
	padding-left: 13px;
}
nav ul#oe_pagemenu li.current li a {
	color: #373742
}

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

/*** page content ***/

#oe_mainarea .content-inner {
	padding: 0 20px 0 25px;
	z-index:8000;
	background:#f6f6f6
}
#oe_mainarea header.pageheader {
	height: 100px;
	margin-bottom: 0px;
}

#oe_mainarea header.pageheader h1 {
	line-height: 30px;
}

#oe_mainarea header.pageheader span.helptext,
.pageheader span.helptext  {
	line-height: 30px;
	color: #373742;
}

div.pageoverflow {
clear:initial;	
}

/* ---- Tables ----*/


table.pagetable {
	width: 100%;
	margin: 0px;
}

table.pagetable th,
table.pagetable thead tr {
    color: initial;
    text-shadow: initial;
	background: #d4d5da;/*#a1a3b0;*/
	height: 15px;
}

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

table.pagetable tr {
	height: 25px
}

table.pagetable th.pageicon {
	/*min-width: 5px;*/
	color:#fff;
    /*width: 15px;*/
    text-align:center;
}

table.pagetable th.pageiconblack {
	min-width: 5px;
	color:#222222;
    width: 15px;
    text-align:center;
}

th.pagew5 {
	width: 5%
}

th.pagew7 {
	width: 7%
}

th.pagew40 {
	width: 40%
}

th.pagew30 {
	width: 30%
}


td.borderedit1 input[type="text"], td.borderedit input[type="password"], td.borderedit button[type="submit"] {
    padding:0px;
}

#oe_mainarea .sortable-list li .sortable-remove,#oe_mainarea .sortable-list li .sortable-add {
	float: right;
	display: inline-block;
}

.drop {
	top:80px;
}

.half {
	width: 49%;
	float: left;
}

.one-third {
	width: 30%;
	float: left;
}

.two-third {
	width: 59%;
	float: left;
}

.one-quarter{
	width: 24.8%;
	float: left;
}

.three-quarter{
	width: 75%;
	float: left;
}

.three-sixteen{
	width: 18.6%;
	float: left;
}

.five-sixteen{
	width: 31%;
	float: left;
}

.one-eight{
	width: 12%;
	float: left;
}

.three-eight{
	width: 36%;
	float: left;
}

.four-eight{
	width: 48%;
	float: left;
}

.five-eight{
	width: 60%;
	float: left;
}

.six-eight{
	width: 72%;
	float: left;
}

.seven-eight{
	width: 84%;
	float: left;
}


.two-row-height{
height:40px;
}

.p5left{
padding-left:5px
}

.p10left{
padding-left:10px
}

.p5top{
padding-top:5px
}

.popupblockscroll{
height:500px;
overflow-x:scroll;
}

.action_bar_box{
width:20%;
float:left;
background-color:#a1a3b0;
}

.tooltippopup{
font-weight:bold;
color:#0070c0;
width:5%;
float:left;
background-color:#a1a3b0;
font-size: 1.125em;
}

.popuphead{
background-color:#a1a3b0;
height:25px;
}

.popupheading{
font-weight:bold;
color:#0070c0;
width:75%;
font-size: 1.125em;
float:left;
background-color:#a1a3b0;
}

.darkbottom{
height:15px;
background-color:#373742;
}

.darkgrey_color{
background-color:#d4d5da;
}

.lightblue{
	background-color:#c6d9f1;
}