/* start: design/admin/stylesheets/core.css */
/* CORE CSS 20100126 */

/* BODY */

html
{
    height: 100%; /* To be able to have full page designs in themes */
    min-height:100%;
}

body /* These becomes the initial settings for most other elements */
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    background-color: #ffffff;
    margin: 0;
    padding: 0;
    height: 100%;
    min-height:100%;
}

/* HEADINGS */

h1, h2, h3, h4, h5, h6 /* Set general styles for all headings; some may be overridden later */
{
    font-family: Helvetica, Arial, sans-serif;
    margin: 0.5em 0 0.2em 0;
    padding: 0;
}

h1
{
    font-size: 1.8em;
}

h2
{
    font-size: 1.4em;
}

h3
{
    font-size: 1.1em;
}

h4, h5, h6
{
    font-size: 1em;
}

h6
{
    margin: 0.4em 0 0.1em 0;
}


/* PARAGRAPHS */

p
{
    margin: 0.5em 0 0.5em 0;
    line-height: 1.25em; /* This is aprox. default line height in most popular browsers; set explicitly to ensure consitency. */
}

/* LINKS */

a
{
    color: #0b4e7a;
    text-decoration: underline;
}

a:hover
{
    color: black;
    text-decoration: underline;
    cursor: pointer;
}

a img
{
    border: none; /* Some browsers may display a border around a linked image without this attribute set to _none_. */
}


/* PRE TEXT */

pre, code
{
    font-family: "Courier New", Courier, monospace; /* Usually defaulted to monospaced font anyway, but browwsers may vary which one is used, so giving exact alternatives helps visual consistenct */
    font-size: 1em; /* Setting this exact size may also help visual consistency */
}

pre
{
    background-color: #f8f8f8;
    margin: 1em 0 1em 0;
    padding: 0.2em;
    border: 1px solid #e0e0e0;
}

pre.wordwrap /* Style for ensuring long lines in pre field won't break the design; use   instead to preserve white-space where desired */
{
    white-space: normal;
}

pre.wordwrap span.line /* Style for tag wrapping around each line of text */
{
    display: block;
}

/* Typography & Font Icons*/
@font-face
{
    font-family: 'IcoMoon';
    src: url('/design/admin/fonts/IcoMoon.eot');
    src: url('/design/admin/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('/design/admin/fonts/IcoMoon.svg#IcoMoon') format('svg'), url('/design/admin/fonts/IcoMoon.woff') format('woff'), url('/design/admin/fonts/IcoMoon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

[data-icon]:before
{
    font-family: 'IcoMoon';
    content: attr(data-icon);
    speak: none;
}


/* TABLES */

table
{
    font-size: 1em; /* Fix for size "loss" in tables in IE; redundant for most other browsers */
    margin: 0;
    padding: 0;
}

tr
{
    background: white;
}

th, td
{
    padding: 0;
}
th
{
    font-size:1.1em;
}

table.list td
{
font-size:1.05em;
}

table.list, table.special /* Standard class usable for most regular tables presenting lists, with additional related styles */
{
    width: 100%;
    empty-cells: show;
}

table.list th, table.list td, table.special th, table.special td
{
    padding: 0.4em;
    text-align: left;
    vertical-align: middle;
}

table.list th, table.special th
{
    font-weight: normal;
    white-space: nowrap;
}

table.list td
{
    font-weight: normal;
}

table.list tr:first-child td
{
   border-top: 0 none;
}

/* 'not available rate' */
table.list td.na-rate, table.special td.na-rate
{
    text-align: right;
    font-style: italic;
    color: #C0C0C0;
}

table.list tr.bglight
{
    background-color: #fff;
}

table.list tr.bgdark, table.special tr.bgdark
{
    background-color: #f5f5f5;
}

table.list tr.bglight:hover, table.list tr.bgdark:hover /* This has no effect in IE6 and below */
{
    background-color: #e8e8e8;
}

table.list img
{
    vertical-align: middle;
}

th.tight, td.tight
{
    width: 1%;
}

td.nowrap
{
    white-space: nowrap;
}

td.number, table.list td.number, table.special td.number, table.list td.right
{
    text-align: right;
}


/* ORDERED AND UNORDERED LISTS */

ul, ol
{
    margin: 0.75em 0 1em 2.5em;
    padding: 0;
}

ul ul, ol ul
{
    margin: 0.3em 0 0.5em 1.3em;
}

ul ol, ol ol
{
    margin: 0.3em 0 0.5em 1.9em;
}

ul, ul ul
{
    list-style-type: disc;
}

li
{
    margin: 0 0 0.3em 0;
    padding: 0;
    line-height: 1.25em;
}

/* DEFINITION LISTS */

dl
{
    margin: 0.25em 0 0.25em 0;
    padding: 0;
}

dt, dd
{
    font-style: normal;
    margin: 0 0 0.25em 0;
}

dt
{
    font-weight: bold;
}

dd
{
    margin: 0 1em 0.5em 2.5em;
}


/* FORM ELEMENTS */

form
{
    margin: 0;
    padding: 0;
}

label
{
    font-weight: bold;
    padding-right: 0.5em;
    display: block;
    white-space: nowrap;
    font-size:1.1em;
}

input, select
{
    font-family: Arial, Helvetica, sans-serif; /* Needs to be set for some browsers, to prevent other default font from being used */
    font-size: 1em;
}

input.box, input.halfbox
{
    font-size: 1em;
}

textarea
{
    font-family: Arial, Helvetica, sans-serif; /* Usually defaulted to monospaced font; so it needs to be set if to change */
    font-size: 1em; /* Needs to be specified for IE */
}

optgroup
{
    font-weight: bold;
    font-style: normal;
}

input.button, button, input.defaultbutton, input.button-disabled
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    font-size: 0.9em;
    font-weight: normal;
    padding-left: 0.25em;
    padding-right: 0.25em;
}

input.defaultbutton
{
    font-weight: bold;
    padding-left: 0.45em;
    padding-right: 0.45em;
    color: #094564;
}

input.button-disabled, input.button[disabled="disabled"]
{
    cursor: default;
    color: #888;
}

input.disabled[type="image"]
{
	opacity: 0.7;
	cursor: default;
}

input.box, textarea.box
{
    width: 100%;
}

input.halfbox, textarea.halfbox
{
    width: 48%;
}

td input.halfbox, td textarea.halfbox
{
    width: 98%;
}

fieldset
{
    border: 1px solid #CACACA;
    background-color: #F8F8F8;
    padding: 0.7em;
    margin: 0em;
}

fieldset.block
{
    padding-bottom: 0em;
}

legend
{
    font-weight: bold;
    color: #000000;
    padding: 0 0.35em 0 0.35em;
    font-size:1.1em;
}

/* Make sure long legend texts do not overflow */
/* https://jira.ez.no/browse/EZP-20316 */
/* IE8, IE9 */
fieldset legend 
{
    white-space: normal;
    display: table;
}
/* IE7/ IE6 */
legend span.long-legend-wrap
{
    white-space: normal;
    display: block;
    width: 100%;
}
/* end: overflow workaroud */

fieldset label
{
    color: #000000;
    font-size:1em;
}

label select
{
font-size:0.9em;
}


/* HORIZONTAL RULERS */

hr /* General formatting for all horizontal rulers */
{
    color: #ffffff; /* Color must be set to the same as the background color to hide default formatting in IE */
    border: none; /* All borders must be removed as they are default for Opera */
    border-top: 1px solid #e7e8e0; /* This single top border is the one replacing the default look of the ruler */
    height: 1px;
    margin: 0.35em 0 0.35em 0; /* Be aware that these margins may not be calculated consistently across browsers */
}


/* MESSAGES TO THE USER */

div.message-confirmation, div.message-feedback, div.message-warning, div.message-error
{
    margin: 0.5em 0 1em 0;
    padding: 0.25em 1em 0.75em 1em;
    border: 6px solid #000000;
}

div.box-content div.message-confirmation, div.box-content div.message-feedback, div.box-content  div.message-warning, div.box-content  div.message-error
{
    margin-top: 0;
    padding: 0.25em 0.5em 0.25em 0.5em;
    border: none;
    background-color: transparent;
}

div.message-feedback h2, div.message-warning h2, div.message-error h2
{
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-left: 0.5em;
    padding: 0.25em 0.5em 0.5em 2.5em;
}

div.message-feedback
{
    border-color: #3e8d29;
}

div.message-feedback h2
{
    background-image: url(/design/admin/images/message-feedback.gif);
}

div.message-warning
{
    border-color: #ff910d;
    background: #fff;
}

div.message-warning h2
{
    background-image: url(/design/admin/images/message-warning.gif);
}

div.message-error
{
    border-color: #C11B17;
}

div.message-error h2
{
    background-image: url(/design/admin/images/message-error.gif);
}

div.message-feedback span.time, div.message-warning span.time, div.message-error span.time
{
    font-size: 0.8em;
    margin-top: 0.15em;
    display: block;
    float: right;
}

label.message-error, legend.message-error
{
    color: maroon;
}


/* The remaining styles are important for proper content rendering in eZ publish - Do not remove or alter them without proper knowledge of the possible consequences */

/* POSITION CONTROL */

div.block /* Used around groups of objects which are connected in some way, and requires extra margins to the surroundings */
{
    margin: 0.5em 0 0.5em 0;
    padding: 0;
    clear: both;
}

div.block div.element, div.block div.halfelement /* Used if several objects are to be stacked horizontally within the same block */
{
    padding-right: 1em;
    float: left;
}

div.halfelement
{
    width: 48%;
}

div.block div.left /* Floats elements to the left in a block */
{
    width: 48%;
    float: left;
    clear: left;
}

div.block div.right /* Floats elements to the right in a block */
{
    width: 48%;
    float: right;
    clear: right;
}

div.button-left
{
    float: left;
}

div.button-right
{
    float: right;
    margin-left: 1em;
}

div.button-header
{
    margin-top: 1em;
}

p.text-left, td.text-left, th.text-left, *.text-left
{
    text-align: left;
}

p.text-right, td.text-right, th.text-right, *.text-right
{
    text-align: right;
}

p.text-center, td.text-center, th.text-center, *.text-center
{
    text-align: center;
}

p.text-justify, td.text-justify, th.text-justify, *.text-justify
{
    text-align: justify;
}

div.object-left, table.object-left /* Used for floating images and other content elements to the left inside other content */
{
    margin: 0.25em 0.25em 0.25em 0;
    float: left;
    clear: left;
}

div.object-right, table.object-right /* Used for floating images and other content elements to the right inside other content */
{
    margin: 0.25em 0 0.25em 0.25em;
    float: right;
    clear: right;
}

div.object-center, table.object-center
{
    margin: 0.25em auto 0.25em auto;
    text-align: center;
}

.embed-inline-left
{
    float: left;
}

.embed-inline-right
{
    float: right;
}

.float-break
{
    height: 1%; /* Fix for IE */
}

.float-break:after /* Terminate floating elements flow */
{
    content: "-";
    height: 0;
    font-size: 0;
    visibility: hidden;
    display: block;
    clear: both;
}

div.break /* Old method for terminating floating elements flow; kept for backwards compatibility */
{
    clear: both;
    font-size: 1px; /* Fix for IE */
    height: 1px;
    margin-bottom: -1px;
}


/* SPLIT THREE */

div.split
{
    clear: both;
}

div.split div.three-left
{
    width: 31%;
    float: left;
}

div.split div.three-right
{
    width: 31%;
    float: right;
}

div.split div.three-center
{
    margin: 0 35% 0 35%;
}


/* MISCELLANEOUS STYLES */

div.oe-window /* Needed by OE 5.0 when translating content */
{
    clear: both;
}

.small
{
    font-size: 85%;
}

.hide /* Used on elements which should only be visible if CSS in disabled or unavailable */
{
    display: none;
}

.spamfilter /* Simple fix for stopping spambots from getting correct e-mail addresses from a web page: info<span class="spamfilter>SPAMFILTER</span>@ez.no <span class="spamfilter>(Remove SPAMFILTER to reply)</span> */
{
    display: none;
}

/* multioption */
table.multioption
{
    font-size:1em;
}
table.multioption input.button
{
    margin-left:0;
}
table.multioption, table.multioption table
{
    border-collapse: collapse;
    width: 100%;
    margin: 0;
}

table.multioption table
{
    margin-top: 0.5em;
}

table.multioption th, table.multioption td
{
    padding:0.35em 0.7em;
    border: 1px solid #aaa;
    vertical-align: middle;
    text-align: left;
}
table.multioption table.options-list th, table.multioption table.options-list td
{
    border: 1px solid #bebebe;
}

table.multioption th
{
    vertical-align:top;
    background-color: #cccccc;
}

table.multioption table.options-list th
{
    padding:0.35em 0.5em;
    vertical-align:middle;
    background-color: #eee;
}

table.multioption div.controlbar div.block
{
    padding: 0;
}

table.multioption input.box
{
    width: 98%;
}

.multioption label
{
    font-weight: bold;
    padding: 0.5em 0;
}

.multioption .toolbar
{
    padding:0.4em 0 0.2em 0;
}

option.disabled
{
    color: #a0a0a0;
}

div.attribute-multioption ul
{
    margin: 0 0 0 1em;
    padding: 0;
}

div.attribute-multioption li
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/* end: design/admin/stylesheets/core.css */

/* start: design/standard/stylesheets/debug.css */
/* Debug stylesheets */
td.debugheader
{
	background-color : #eeeeee;
	border-top : 1px solid #444488;
	border-bottom : 1px solid #444488;
	font-size : 0.9em;
	font-family: Arial, Helvetica, sans-serif;
}

pre.debugtransaction
{
	background-color : #f8f6d8;
}

p.comment /* Class to be used during development for quick comments that someone should notice easily */
{
    background-color: #ffff00;
    font-weight: bold;
    padding: 4px;
    margin: 4px;
    border: 2px dashed;
    display: block; /* Set this attribute to "none" to hide the comments */
}

/* eZSetup stuff */
td.ezsetup_header
{
	background-color : #eeeeee;
	border-top : 1px solid #444488;
	border-bottom : 1px solid #444488;
	font-size : 120%;
	font-family: Arial, Helvetica, sans-serif;
}

td.ezsetup_req
{
	font-size : 80%;
	font-family: Arial, Helvetica, sans-serif;
}

.ezsetup_critical
{
	background-color : #eeeeee;
	border-top : 1px solid #444488;
	border-bottom : 1px solid #444488;
	font-size : 120%;
	font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
	color: #FF0000;
}

.ezsetup_uncritical
{
	background-color : #eeeeee;
	border-top : 1px solid #444488;
	border-bottom : 1px solid #444488;
	font-size : 120%;
	font-family: Arial, Helvetica, sans-serif;
	color: #E2A31D;
}

.ezsetup_pass
{
	background-color : #eeeeee;
	border-top : 1px solid #444488;
	border-bottom : 1px solid #444488;
	font-size : 120%;
	font-family: Arial, Helvetica, sans-serif;
	color: #00B500;
}

div.debug-toolbar label
{
    font-weight: normal;
}

/* used templates statistics */
#debug
{
    text-align: left;
    border-top: 1px dashed black;
    padding: 0.3em;
    background-color: #fff;
}

#debug table
{
    border-collapse: collapse;
}

#timingpoints, #timeaccumulators, #debug_resources, #debug_includes, #debug table.debug_resource_usage
{
    border: 1px dashed black;
}

#debug table tr.group td
{
    padding-top: 0.7em;
    font-size: 0.95em;
}

#debug table tr.group td:first-child
{
    padding-left: 0.2em;
    font-size: 1em;
}

#debug table tr.data td
{
    background-color: #ffffff;
    border-top: 1px solid #444488;
    border-bottom: 1px solid #444488;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.95em;
}

#debug table tr.data:nth-child(odd) td {  background-color: #eeeeee; }

#debug table + h2, #debug table + h3
{
    margin-top: 1em;
}

#debug table.debug_resource_usage th + th, #debug table.debug_resource_usage td + td, table#timeaccumulators th + th, table#timeaccumulators td + td, table#timingpoints th + th, table#timingpoints td + td, table#debug_resources td, table#debug_includes td
{
	padding: 0.25em 0.5em 0.25em 0.5em;
}

#debug th
{
    text-align: left;
}

/* style info tags (that have more info when hovering) */
#debug span.debuginfo:after
{
	border: 2px solid #23a4f5;
	border-radius: 10px;
	color: #23a4f5;
	height: 10px;
	width: 10px;
	line-height: 10px;
	font-size: 10px;
	content: "i";
	margin-left: 5px;
	padding: 0 5px 0 5px;
	opacity: 0.6;
}

#debug span.debuginfo:hover:after { opacity: 1; }

/* center 1st and two last columns of template usage output */
#templateusage tr.data td:first-child, #templateusage tr.data td:nth-child(n+5) { text-align: center; }

/* heading colors for misc notices/warnings... */
#debug tr.notice  td.debugheader span { color: green; }
#debug tr.warning td.debugheader span { color: orange; }
#debug tr.error   td.debugheader span { color: red; }
#debug tr.debug   td.debugheader span { color: brown; }
#debug tr.timing  td.debugheader span { color: blue; }
#debug tr.strict  td.debugheader span { color: purple; }

/* end: design/standard/stylesheets/debug.css */

/* start: design/admin/stylesheets/pagelayout.css */
/* ADMIN2 LAYOUT CSS 20100107 */


/* GENERIC */

div#fix
{
    float: left;
    width: 100%;
}

span.vertical-seperator
{
    height: 100%;
    width: 4px;
    border-right: 1px solid #bbb;
    margin-left: 12px;
    margin-right: 16px;
}

.inline { display: inline; }

label.inline { padding-right: 0.1em; }

div.widthcontrol-grippy
{
    position:absolute;
    top:320px;
    left:-15px;
    height: 33px;
    width: 15px;
    background: url('/design/admin/images/3/sprite.png') no-repeat 0 -505px;
    z-index: 9;
}

div.widthcontrol-grippy:hover,
div.widthcontrol-grippy:focus,
div.widthcontrol-grippy:active {
    background: url('/design/admin/images/3/sprite.png') no-repeat -20px -505px;
}

#leftmenu a.show-hide-control
{
display:none;
}

.yui3-js-enabled #leftmenu a.show-hide-control
{
display:block;
}

a.show-hide-control
{
    position:absolute;
    top:300px;
    height: 33px;
    width: 15px;
    background: url('/design/admin/images/3/sprite.png') no-repeat 0 -422px;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    z-index: 11;
}

a.show-hide-control:hover,
a.show-hide-control:focus,
a.show-hide-control:active {
    background: url('/design/admin/images/3/sprite.png') no-repeat -20px -422px;
}

/* link with image and text (in a span) inside it */
a.image-text
{
    text-decoration: none;
}

a.image-text img
{
    vertical-align: middle;
}

a.image-text:hover > span
{
    text-decoration: underline;
}


/* HEADER */

#header-usermenu
{
    display: block;
    float: right;
    text-align: center;
    padding: 2px;
    margin-top: 12px;
    margin-bottom: 20px;
}

#header-usermenu a
{
    color: #ddd;
    text-decoration: none;
    font-size:0.94em;
}

#header-usermenu a:hover { color: #fff; }

#header-usermenu span.header-usermenu-name
{
    display: block;
}

#header-logo #text-push
{
    display: block;
    height:40px;
    width:90px;
}

#header-logo a, #header-logo span
{
    float: left;
    width: 94px;
    height: 65px;
    display: block;
    text-align: left;
    text-decoration: none;
    color:#f4f4f4;
    font-size:11px;
    background: transparent url('/design/admin/images/3/logo_separator_sprite.png') -117px 11px no-repeat;
    padding-left:11px;
    padding-right:11px;
}

#header-search
{
    text-align: right;
    float: right;
    padding: 10px 20px 0;
    text-align: right;
}

.loginpage #header #header-design
{
    height: 100%;
    background: transparent url('/design/admin/images/3/ez_logo_big_community.png') no-repeat center 80%;
}


/* TOP MENU (TABS) */

#header-topmenu
{
    margin-left:120px;
    margin-right:350px;
    padding-top: 20px;
    min-height: 25px;
}

a
{
    -webkit-transition: color 300ms ease;
    -moz-transition: color 300ms ease;
    -ms-transition: color 300ms ease;
    -o-transition: color 300ms ease;
    transition: color 300ms ease;
}

#header-topmenu ul, ul.tabs
{
    margin: 0;
}

ul.tabs
{
    width: 100%;
}

#header-topmenu ul li, ul.tabs li
{
    float: left;
    text-align: center;
    list-style-type: none;
    margin: 0;
}

#header-topmenu ul li a, #header-topmenu ul li span.disabled
{
    display: block;
    text-decoration: none;
    padding: 2px 15px 2px 15px;
    margin-left: 1px;
    margin-top: 2px;
    margin-bottom: 8px;
    min-height: 18px;
}

ul.tabs li a, ul.tabs li span.disabled
{
    display: block;
    font-weight: bold;
    text-decoration: none;
    padding: 2px 15px;
    margin:2px 0 5px 1px;
    min-height: 16px;
}

#header-topmenu ul li.selected a, #header-topmenu ul li a:hover, #header-topmenu ul li.active a
{
    color:#ffe9bd;
}

#header-topmenu ul li.selected a, #header-topmenu ul li.selected span.disabled, ul.tabs li.selected a
{
    margin-bottom: -1px;
}

#header-topmenu ul li span.disabled, span.disabled, ul.tabs.disabled li a
{
    color: #888;
}

#header-topmenu ul li.first a, #header-topmenu ul li.first span.disabled
{
    margin-left: 0.1em;
}

ul.tabs li.first a, ul.tabs li.first span.disabled
{
    margin-left: 0;
}

div.tab-content
{
    height: 20em;
    overflow-y: scroll;
    padding: 1em;
}

div.tabs-content.disabled div.tab-content
{
    display: none;
}


/* PATH */

#path
{
    padding: 0;
    text-align: left;
    min-height: 24px;
}

#path p { margin: 0.5em 0 0 0; }

#path span
{
    color: #333;
}



/* COLUMNS */

#columns
{
    min-height:100%;
    position:relative;
    margin: 0 auto -1px;
    background: white;
}

#maincolumn
{
    border-right: 1px #999 solid;
    margin-right: 190px;
    position: relative;
}

#maincontent
{
    margin: 0 0 0 15em;
    min-height: 200px;
    border-radius: 2px;
    position: relative;
    padding-top:1px;
    padding-bottom:1px;
}

#maincontent-design
{
    margin: 0 20px;
    background:white;
    padding: 0.8em 1.5em 10px 1.5em;
    position:relative;
}

.loginpage #maincontent-design, .loginpage #columns
{
    box-shadow: none;
    background: none;
}

#leftmenu
{
    float: left;
    width: 15em;
    min-height:100%;
    padding-top:1px;
    padding-bottom:1px;
    min-height: 400px;
    margin-bottom: 20px;
}

.leftmenu-items
{
    font-size: 1.05em;
}

.leftmenu-items li
{
    margin-bottom:0.4em;
}

#leftmenu input[type="text"]
{
    width: 90%;
}

#rightmenu
{
    float: right;
    overflow: hidden;
    width: 181px;
    border-radius: 2px 0 0 2px;
    padding-top:1px;
    padding-bottom: 1px;
    min-height: 400px;
    position: relative;
}

div#columns.hide-rightmenu div#rightmenu  { display: none; }
div#columns.hide-rightmenu div#maincolumn { margin-right: 0; }

/* PANELS SEPARATORS */
#left-panels-separator, #right-panels-separator
{
    position: absolute;
    width:50px;
    background: url(/design/admin/images/3/logo_separator_sprite.png) repeat-y 0 0;
    top:0;
    bottom:0;
    z-index:1;
}

.panels-separator-top
{
    background: url(/design/admin/images/3/logo_separator_sprite.png) no-repeat -57px 0;
    width:50px;
    height:21px;
    position: absolute;
    top:0;
}
.panels-separator-bottom
{
    background: url(/design/admin/images/3/logo_separator_sprite.png) no-repeat -57px -79px;
    width:50px;
    height:21px;
    position: absolute;
    bottom:0;
}


#canvas-top
{
    height:20px;
    background: url(/design/admin/images/3/textile.png) repeat-x;
    box-shadow: inset 0 -5px 5px -5px #000000;
}

#canvas-bottom
{
    height:20px;
    background: url(/design/admin/images/3/textile.png) repeat-x;
    box-shadow: inset 0 5px 5px -5px #000000;
}

/* RIGHTMENU */

#rightmenu-design
{
    margin-left:20px;
    padding: 0.8em 1em 10px 1em;
    background:white;
    position: relative;

}

/* This is not supported by IE6, some DOM cleanup is needed to avoid it */
#rightmenu-design > div
{
    margin-top: 0.5em;
    min-width: 12em;
}

#rightmenu-design ul
{
    margin-left: 1.5em;
}

#rightmenu-design select
{
    width:145px;
}

#rightmenu label { font-weight:normal; }



/* LEFTMENU */

#leftmenu-design-wrapper
{
    position:relative;
    min-height: 100%;
}

#leftmenu-design
{
    margin-right: 20px;
    padding: 0.8em 0.8em 0.8em 0.8em;
    background:white;
    min-height: 100%;
    position: relative;
    min-height: 350px;
}

#leftmenu-design ul { margin-left: 1.5em; color: #aaa; }
div.box-header { margin-top: 0.5em; }




div#leftmenu div.translations label
{
    font-weight: normal;
    white-space: normal;
}

ul.leftmenu-items li a
{
    text-decoration: none;
}

ul.leftmenu-items li a:hover
{
    text-decoration: underline;
}

ul.leftmenu-items li.current a
{
    color: #E24602;
    font-weight: bold;
}

/* WIDTH CONTROL */

#widthcontrol-handler
{
    position: absolute;
    right: -30px;
    top:-20px;
    bottom: 0; /* strech div to full width of relative box */
    width: 10px;
    height: 5000px;
    cursor: col-resize;
    z-index:11;
/*    background: #f8f8f8;*/
}



/* FOOTER */

#footer
{
    padding: 0 0.8em;
    position: relative;
    display: block;
    float: none;
    clear: both;
}

#footer p {
    display: block;
    text-align: center;
}

#footer.hidden
{
    display: none;
}



/* CONTENTSTRUCTURE TREE MENU STYLES */

div#contentstructure
{
    overflow: hidden;
    padding-top: 0.5em;
}

div#contentstructure ul#content_tree_menu
{
    margin-top: 0;
    margin-left: 0.25em;
    padding-left: 0.5em;
}

div#contentstructure ul#content_tree_menu ul
{
    margin: 0;
    padding-top: 4px;
    padding-bottom: 0;
}

div#contentstructure ul#content_tree_menu ul ul
{
    margin-left: 0;
}

div#contentstructure ul#content_tree_menu li
{
    list-style-type: none;
    white-space: nowrap;
    position: relative;
}

div#contentstructure ul#content_tree_menu ul li
{
    margin: 0;
    padding-top: 0;
    padding-left: 20px;
    padding-bottom: 4px;
    background-image: url(/design/admin/images/bg_content_tree_li.png);
    background-repeat: no-repeat;
}

div#contentstructure ul#content_tree_menu ul li.lastli
{
    background-position: left -9990px;
    padding-bottom: 2px;
}

div#contentstructure ul#content_tree_menu li img
{
    vertical-align: middle;
}

div#contentstructure a.nodeicon
{
    margin-left: 0;
    padding-left: 0;
}

div#contentstructure li span.node-name-normal
{
    font-weight: normal;
    font-size:1.05em;
}

div#contentstructure li.currentnode > a.image-text span.node-name-normal, div#contentstructure li.currentnode > a.image-text span.node-name-hidden, div#contentstructure li.currentnode > a.image-text span.node-name-hiddenbyparent /* Highlighting of current node */
{
    color: #E24602;
    padding: 0 0.25em 0 0.2em;
}

div#contentstructure li a.image-text span.node-name-hidden, div#contentstructure li.currentnode li a.image-text span.node-name-hidden
{
    font-weight: normal;
    font-style: normal;
    background-color: #ddd;
    padding: 0 0.2em 0 0.2em;
}

div#contentstructure li a.image-text span.node-name-hiddenbyparent, div#contentstructure li.currentnode li a.image-text span.node-name-hiddenbyparent
{
    font-weight: normal;
    font-style: normal;
    background-color: #eee;
    padding: 0 0.2em 0 0.2em;
}

div#contentstructure span.node-hidden, div#contentstructure span.node-hiddenbyparent
{
    display: none;
}

a.openclose, span.openclose
{
    text-decoration: none;
}

a.openclose img, span.openclose img
{
    margin: 0;
    cursor: default;
}

div#contentstructure span.openclose
{
    visibility: hidden;
}

div#contentstructure ul#content_tree_menu ul a.openclose-open, div#contentstructure ul#content_tree_menu ul a.openclose-close, div#contentstructure ul#content_tree_menu ul a.openclose-busy, div#contentstructure ul#content_tree_menu ul a.openclose-error
{
    position: absolute;
    left: 0;
    _left: -20px; /* to fix a bug in IE 6 */
    top: 0;
    width: 16px;
    height: 16px;
    background: transparent url( '/design/admin/images/content_tree-icons.png' ) no-repeat center 0px scroll;
}

div#contentstructure ul#content_tree_menu ul a.openclose-close
{
    background-position: center -16px;
}

div#contentstructure ul#content_tree_menu ul a.openclose-error
{
    background-position: center -32px;
}

div#contentstructure ul#content_tree_menu ul a.openclose-busy
{
    background-position: center -48px;
    cursor: progress;
}

div#contentstructure ul#content_tree_menu div.loaded
{
    display: block;
}

div#contentstructure ul#content_tree_menu div.error
{
    white-space: normal;
    color: grey;
    margin: 10px 0;
    padding: 4px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

div#contentstructure ul#content_tree_menu div.error > span
{
    display: inline-block;
    height: 9px;
    width: 9px;
    border-radius: 9px;
    margin-right: 6px;
    background: Red;
}

div#contentstructure ul#content_tree_menu div.hidden
{
    display: none;
}



/* POPUP MENU */

div.popupmenu
{
    width: 14em;
    margin: 0px;
    padding: 2px;
    background-color: #fff;
    border: 1px solid #999;
    box-shadow: 3px 3px 3px 0px #bbb;
    border-radius:3px;
    font-size:0.90em;
    color:#333;

    /* These three are essential */
    position: absolute;
    z-index: 20;
    display: none;
}

div.popupmenu div.popupmenuheader
{
    background-color: #6f6e6b;
    color:#eee;
    border-bottom: 1px solid #bbb;
}

div.popupmenu#EditSubmenu
{
    z-index: 21;
}

div.popupmenu h3
{
    margin: 0;
    padding: 0.2em 0.5em 0.2em 0.5em;
    float: left;
}

div.popupmenu div.window-close
{
    float: right;
    padding: 1px;
}

div.popupmenu div.window-close p
{
    margin: 0;
    color: #000000;
    font-weight: bold;
    background-color: #ecece4;
    padding: 0.1em 0.3em 0.1em 0.3em;
    border: 1px solid #ffffff;
    border-bottom-color: #bfbeb6;
    border-right-color: #bfbeb6;
}

div.popupmenu a
{
    color: #000000;
    padding: 0.2em 0.3em 0.2em 0.3em;
    text-decoration: none;
    cursor: default;
    display: block;
}

div.popupmenu a.more
{
    background-image: url(/design/admin/images/more-arrow.gif);
    background-repeat: no-repeat;
    background-position: right center;
}

div.popupmenu a.menu-item-disabled
{
    color: #CECECE;
}

div.popupmenu a
{
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

div.popupmenu a:hover
{
    background-color: #D1DFE9;
    text-decoration: none;
    cursor: default;
}

div.popupmenu hr
{
    border: none;
    border-top: 1px solid #c0c0c0;
}



/* BOX MODEL */

.box-content div.context-toolbar.block
{
    padding: 0 0.5em 0 0.5em;
}

.box-content div.block
{
    padding-bottom: 1em;
}

.box-bc .box-ml, .box-ml
{
    padding: 0em;
}

#controlbar-top .box-bc
{
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

#controlbar-top .box-bc .box-ml
{
    margin: 0px 3px 0px 3px;
    padding: 0.5em;
}

#controlbar-top .block
{
    margin:0;
}

h1.context-title
{
    font-size: 1.25em;
}

h2.context-title
{
    font-size: 1.15em;
}

div.context-information, span.classattribute-description
{
    color: #333;
    font-size: 0.8em;
    padding: 0 0.5em 0 0.5em;
    margin-bottom: 1.5em;
    position: relative;
}

span.classattribute-description, p.class-description
{
    font-weight: normal;
    white-space: normal;
    min-height: 15px;
}

span.classattribute-description:hover, p.class-description:hover, div.context-information p:hover
{
    color: #111;
}

div.context-information p.left
{
    width: 48.5%;
    margin-top:0;
    float: left;
}

div.context-information p.right
{
    width: 48.5%;
    margin-top:0;
    float: right;
    text-align: right;
}

div.context-information p.center
{
    text-align: center;
    margin: 0 auto 0 auto;
    padding: 0.3em 0 0.3em 0;
}


div.content-navigation div.context-information p.left
{
    width: 68%;
    font-size:1.15em;
}

div.content-navigation div.context-information p.right
{
    position:absolute;
    width: 30%;
    right:0em;
}

div.context-block
{
    margin-bottom: 1.5em;
}

div.context-block h1.context-title img, div.context-block h2.context-title img
{
    vertical-align: middle;
    margin: -4px 8px 2px 0;
}

/* MENU-BLOCK */

.menu-block
{
    padding: 0.5em 0 1em 0;
}

.menu-block ul
{
    margin: 0;
    width: 100%;
}

.menu-block li
{
    float: left;
    text-align: center;
    list-style-type: none;
    padding: 0;
    margin: 0;

}

.menu-block li a
{
    padding: 0 0.5em;
    margin-left: 4px;
    text-decoration: none;
    display: block;
    border: 1px solid #999;
}

.menu-block li:first-child a
{
    margin-left: 0;
}

.menu-block li.disabled a
{
    background-color: #f3f3f3;
}


/* BUTTONS */

p.versions
{
    margin: 0 0 0.6em;
    padding: 4px 10px;
}

p.table-preferences
{
    margin: 0 0 1.2em;
}

p.table-preferences .current
{
    padding: 1px 10px;
    font-weight: bold;
}

p.table-preferences a
{
    padding: 1px 10px;
    text-decoration: none;
}

input.button, input.defaultbutton, input.button-disabled
{
    width: auto;
    overflow: visible;
    padding: 0.1em 0.5em;
}

input.button:hover
{
    border: 1px solid #999;
}

/* SEARCH */

.searchblock
{
    position: relative;
    float:left;
}

#searchtextwrapper
{
    float:left;

    border: 4px solid rgba(255,255,255,0.1);
    border-radius: 5px;
}

#searchtext
{
    height: 35px;
    padding: 0 5px 0 25px;
    border:none;
    border-radius: 5px;
    line-height: 18px !important;
    font-size: 1.2em;
    font-weight: bold;
    font-style: italic;
    box-shadow: -1px -1px 1px #464a4b;
    background: #abadac;
}

#searchtext:focus
{
    background-color: #f5f3dd;
}

.searchbuttonfield
{
    height: 35px;
    float:left;
    width: 35px;
    margin-left:5px;
    border: 4px solid rgba(255,255,255,0.1);
    border-radius: 5px;
    background: transparent url(/design/admin/images/3/sprite.png) no-repeat 9px -578px;

}

.searchbuttonfield:hover
{
    cursor: pointer;
    border-color: #567975;
    background-color: rgba(0, 0, 0, 0.2);
}

.searchscope
{
    width: 14px;
    height: 14px;
    position: absolute;
    top: 15px;
    left: 10px;
    background: transparent url(/design/admin/images/3/sprite.png) no-repeat 0 -868px;
}

.searchscope-body label
{
    font-size:1em;
}

.searchscope:hover
{
    cursor: pointer;
}

.searchscope-menu-container .searchscope-pane
{
    display: none;
}

.searchscope-pane
{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C1C1C1;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.31);
    margin-top: 6px;
    position: absolute;
    left: -80px;
    width: 250px;
    z-index: 21;
    text-align: left;
}

.searchscope-pane.active,
.searchscope-menu-container.active .searchscope-pane
{
    display: block;
}

.searchscope-pane,
.searchscope-pane > .searchscope-body
{
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.searchscope-pane > .searchscope-body
{
    border-top: 1px solid #DDDDDD;
    display: block;
    padding: 8px 10px;
    position: relative;
}

.searchscope-pane > .searchscope-title
{
    font-weight: bold;
    font-size: 12px;
    color: #111111;
    text-shadow: 1px 1px 0 white;
    padding: 8px 10px 5px 10px;
    background: #f5f5f5;
    background: -moz-linear-gradient(#f4f4f4, #f5f5f5);
    background: -webkit-linear-gradient(#f4f4f4, #f5f5f5);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#f5f5f5')";
    border-bottom: 1px solid #f0f3f3;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.searchscope-pane .close
{
    display: block;
    float: right;
    margin-right: 8px;
    margin-top: 7px;
    width: 16px;
    height: 16px;
    background: transparent url(/design/admin/images/3/sprite.png) no-repeat -28px -868px;
}

.searchscope-pane .close .mini-icon-remove-close
{
    line-height: 16px;
    height: 16px;
    color: #CCC;
}

.login-inputs
{
    padding-top:10px;
    padding-bottom: 10px;
}

input::-webkit-input-placeholder {
   color:#a2a2a2;
   font-style: italic;
}

input:-moz-placeholder {
   color:#a2a2a2;
   font-style: italic;
}

.login-input-wrapper
{
    border: 4px solid rgba(255, 255, 255, 0.1);
    border-radius: 5px 5px 5px 5px;
    text-align: left;
    display: table;
    margin: 0 auto;
    position:relative;

}

.login-input-wrapper:hover
{
    border-color:#567975;
    background-color: rgba(0, 0, 0, 0.2);
}

.login-input-wrapper:hover #loginbutton {
    color: #ffe9bd;
}


.login-text-wrapper
{
    color:#b7b7b7;
    margin-top:15px;
    text-align: center;
}

.login-text-wrapper a
{
    display: inline-block;
    margin-top: 13px;
    padding: 2px;
    color: #6DCFF6;
}

#logintext, #passwordtext
{
    line-height: 35px;
    padding: 4px 5px 4px 45px;
    border:none;
    border-radius: 5px;
    line-height: 18px !important;
    font-size: 1.6em;
    font-weight: bold;
    box-shadow: -1px -1px 1px #464a4b;
    background: #d5d6d6;
    width:250px;
    outline: none;
}

#logintext::-webkit-input-placeholder,
#passwordtext::-webkit-input-placeholder,
#logintext::-moz-placeholder,
#passwordtext::-moz-placeholder
{
    line-height: 24px;
    font-weight: normal;
}

#logintext:focus, #passwordtext:focus
{
    background-color: #f5f3dd;
    font-style: normal;
}

#icon-login
{
    position:absolute;
    left:11px;
    top:8px;
    background: url('/design/admin/images/3/sprite.png') no-repeat 0 -287px;
    width: 26px;
    height:26px;
}

#icon-password
{
    position:absolute;
    left:11px;
    top:14px;
    background: url('/design/admin/images/3/sprite.png') no-repeat 0 -361px;
    width: 24px;
    height:11px;
}


#loginbutton
{
    background: none;
    color:#b7b7b7;
    border-radius: 5px;
    border: 1px solid #3a3d41;
    -moz-box-shadow: inset 1px 1px #6f6e6b, 1px 1px #6f6e6b;
    -webkit-box-shadow: inset 1px 1px #6f6e6b, 1px 1px #6f6e6b;
    box-shadow: inset 1px 1px #6f6e6b, 1px 1px #6f6e6b;
    line-height: 30px;
    font-size: 1.2em;
    font-weight: bold;
    margin:0;
    text-shadow: none;
}

/* FIXED CONTROLBAR DEPENDING ON SCROLL */
.yui3-js-enabled .controlbar-fixed
{
    z-index:200;
    position:fixed;
    width:100%;
    top: -0.6em;
    left:0;
    border-radius:0;
}

.scroll-to-top
{
    position:fixed;
    bottom:0;
    right:0;
    background:#000;
    opacity:0;
    padding:0.5em;
    border-top-left-radius:5px;
    color:#fff;
    text-decoration:none;
    display:none;
    z-index: 100;
}
.yui3-js-enabled .scroll-to-top
{
    display:block;
}
.scroll-to-top:hover
{
color:#fff;
}

#dashboard-logo
{
    float:left;
    width:151px;
    background: url(/design/admin/images/3/logo_separator_sprite.png) no-repeat -239px 0;
    height:72px;
    margin-top:20px;
    margin-left:20px;
}

#mainteinance-text
{
    margin-left: 182px;
    font-size: 0.7em;
}

#mainteinance-text #ez-version,
#mainteinance-text .edition-info,
#footer-design .edition-info {
    font-weight: bold;
    color: #ff8300;
}


/* end: design/admin/stylesheets/pagelayout.css */

/* start: design/admin/stylesheets/content.css */
/* ADMIN2 CONTENT CSS 20100107 */

/* GENERIC */

pre
{
    background-color: #f8f8f8;
    border: 1px solid #e0e0e0;
}


/* CONTENT */

div.mainobject-window iframe
{
    border: 1px solid #e0e0e0;
}

div#maincontent div.content-translation div.block div.original
{
    background-color: #f5f5f5;
    margin: 0.5em 0 0.5em 0;
    padding: 0.2em;
    border: 1px dashed #ddd;
}

div.content-translation div.translation
{
    margin: 0.5em 0 0.5em 0;
}

div.notranslations li
{
    width: 20%;
}

table.list, table.special, table.list th, table.special th
{
    border-collapse: collapse;
}

table.list th, table.special th
{
    font-weight: bold;
    height: 30px;
    border-bottom: 1px solid #ccc;
    vertical-align: middle;
}

table.list label
{
font-weight:normal;
font-size:1em;
}

table.list th a
{
text-decoration:none;
}

table.list .sort-asc a
{
padding-right:1.5em;
background:url(/design/admin/images/icons-sprite.png) no-repeat right -270px;
}

table.list .sort-desc a
{
padding-right:1.5em;
background:url(/design/admin/images/icons-sprite.png) no-repeat right -250px;
}

table.special th
{
    border-top: 1px solid #ccc;
}

table.list tr.bgdark, table.list tr.bgdark th
{
    background-color: #f5f5f5;
}

div.content-navigation-childlist table.list th,
table.list th.icon, table.list td.icon, table.list th.class, table.list td.class, table.list th.checkbox, table.list td.checkbox
{
    width:1%;
}

div.content-navigation-childlist table.list th.name, div.content-edit table.list th.name
{
    width: auto;
}

table.list img
{
    vertical-align: middle;
}

table.list tr.object-cannot-remove td
{
    color: red;
}

table.list td.modifier, table.list td.modified, table.list td.class, div.content-edit table.list td.filesize
{
    white-space: nowrap;
}

div.list-thumbnails div.list-thumbnails-item
{
    border: 4px solid #ffffff;
    padding: 0.5em;
    vertical-align: middle;
    background-color: #f5f5f5;
    width: 155px;
    height: 155px;
    float: left;
    text-align: center;
    position: relative;
}

div.list-thumbnails div.list-thumbnails-item:hover
{
    background-color: #e8e8e8;
}

div.list-thumbnails-item div.controls
{
    position: absolute;
    bottom: 0;
    width: 155px;
    overflow-x: hidden;
}

div.list-thumbnails-item div.controls input, div.list-thumbnails-item div.controls img
{
    vertical-align: middle;
}

table tbody tr.ezasi-sort-drag-handler
{
    cursor: move;
}


/* DASHBOARD */

#ez-version
{
    font-weight: bold;
}

/* GENERIC DIFF STYLES */

ins
{
    color: #008000;
    text-decoration: none;
    border-bottom: 1px solid #00b000;
}

del
{
    color: #d98078;
    text-decoration: line-through;
}

ins:hover, del:hover
{
    background-color: #ffffff;
}

ins:hover
{
    color: #006000;
    border-bottom-width: 0;
}

del:hover
{
    color: #852c25;
    text-decoration: none;
}

div.blockchanges ins, div.blockchanges del
{
    color: #000000;
    padding-left: 0.5em;
    text-decoration: none;
    border-bottom-width: 0;
    display: block;
}

div.blockchanges ins
{
    border-left: 0.5em solid #008000;
}

div.blockchanges del
{
    border-left: 0.5em solid #d98078;
}

div.previous ins
{
    display: none;
}

div.previous del
{
    color: #000000;
    background-color: #ffff00;
    border-bottom-width: 0;
    text-decoration: none
}

div.latest del
{
    display: none;
}

div.latest ins
{
    color: #000000;
    background-color: #ffff00;
    border-bottom-width: 0;
    text-decoration: none;
}

/* CLASS ATTRIBUTE GROUPING */

fieldset.ezcca-collapsible legend a
{
    text-decoration: none;
    padding-left: 20px;
}

fieldset.ezcca-collapsible.ezcca-collapsed
{
    border-width: 1px 0 0 0;
    height: 1em;
    background-color: #FFF;
}

fieldset.ezcca-collapsible.ezcca-collapsed legend
{
    margin-left: 1px;
}

fieldset.ezcca-collapsible legend a
{
    background: url("/design/admin/images/2/yui_sprite.png") no-repeat 0 -400px;
}

fieldset.ezcca-collapsible.ezcca-collapsed legend a
{
    background: url("/design/admin/images/2/yui_sprite.png") no-repeat 0 -350px;
}

/* OBJECTRELATIONLIST */

.ezcca-edit-datatype-ezobjectrelationlist h4, .ezcca-edit-datatype-ezobjectrelation h4
{
    padding-bottom:2px;
    border-bottom: 1px solid #cacaca;
    margin-bottom:1em;
    color:#333;
    font-size:1.1em;
}

/* end: design/admin/stylesheets/content.css */

/* start: design/admin/stylesheets/theme/rounded.css */
/* ADMIN2 ROUNDED CSS 20100107 */
/*
   This stylesheet uses CSS3 features for some styling, this is done in such a way to
   make sure it falls back gracefully in older browsers with almost the same style.
*/

/* WHOLE PAGE */

#page
{
    background: url('/design/admin/images/3/dark_back.png');
    overflow: hidden;
    margin: 0 auto -1px;
    min-height: 100%;
}

/* LOGIN PAGE (center it) */

.loginpage, .loginpage #page
{
    height: 100%;
}

.loginpage #page
{
    overflow:auto;
}

.loginpage a:hover
{
    color:#ffe9bd !important;
}

.loginpage #header
{
    height: 230px;
}

.loginpage #columns
{
    min-height: 0;
}

.loginpage #columns #maincolumn
{
    border-right: 0 none;
    margin-right: 0px;
}

.loginpage #columns #maincontent
{
    width: 48em;
    margin: 0 auto;
    background-image:none;
    box-shadow: none;
}

.loginpage #footer
{
    height: 30px;
    border-top: 1px solid #3a3d41;
    box-shadow: inset 0 1px #6f6e6b;
}

.loginpage .ezusernavigationpart #columns  #maincontent
{
    background:white;
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: 0 0 5px black;
}


/* HEADER */
#header
{
    border-top: 1px solid #696969;
}

.loginpage #header
{
    border-bottom: 1px solid #6f6e6b;
    box-shadow: inset 0 -1px #3a3d41;
}

/* TOP MENU (TABS) */

#header-topmenu ul li a, #header-topmenu ul li span.disabled
{
    color: #B7B7B7;
    text-shadow: -1px -1px 1px black;
    font-size: 1.1em;
    text-decoration: underline;
}

#header-topmenu ul li span.disabled,
#searchtext.disabled {
    background: transparent url(/design/admin/images/3/diagonal_pattern.png) repeat center left;
    color: #444;
    text-shadow: none;
    text-decoration: none;
}

ul.tabs li a, ul.tabs li span.disabled
{
    color: #005b7f;
    font-size: 1.1em;
    text-decoration: underline;
}

ul.tabs li a:hover
{
    color:black;
}

#header-topmenu ul li.selected a, ul.tabs li.selected a
{
    background: #444 none;
    border-radius: 5px;
    color:#f5f3dd;
    text-decoration: none;
}

.tab-content
{
    border: 1px solid #ccc;
    background-color: #f5f5f5;
}

.tabs-content.disabled
{
    border-top: 1px solid #ccc;
}

/* CSS Media Query's to adjust layout based on screen width */

@media all and (max-width: 1124px)
{

    #header-topmenu ul li a, #header-topmenu ul li span.disabled
    {
        min-width: 80px;/* slightly smaller tabs */
    }
}

/* BOX MODEL */

a.show-hide-control:hover
{
    border-color: #666;
}

#leftmenu a.show-hide-control
{
position:relative;
z-index:10;
float:right;
width:19px;
margin-top:50%;
background: url(/design/admin/images/3/sprite.png) no-repeat -20px -461px;
}
#leftmenu a.show-hide-control:hover,
#leftmenu a.show-hide-control:focus,
#leftmenu a.show-hide-control:active
{
background: url(/design/admin/images/3/sprite.png) no-repeat 0 -461px;
}

a.show-hide-tabs
{
    border:none;
    padding: 0 5px;
    cursor: pointer;
    overflow: visible;
    width: auto;
    text-decoration: none;
    background: url('/design/admin/images/3/sprite.png') no-repeat 1px -62px;
}

a#maincontent-hide
{
    background: url('/design/admin/images/3/sprite.png') no-repeat 1px -118px;
}

a.show-hide-tabs:hover
{
/*    border-color: white;*/
}

.tab-block
{
    padding-top: 0.8em;
    border-top: 1px dashed #ddd;
}

.tab-block .button-left
{
    margin: 5px 5px 0 0;
}

.controlbar form .button-left
{
    margin-top:5px;
}

.controlbar form .button-left .block select
{
    height:25px;
}

.controlbar form .button-left .block input.button, .controlbar form .button-left .block input.button-disabled
{
    margin-top: -3px;
}

#controlbar-top .box-bc
{
    border: 1px solid #ccc;
    background: #f4f4f4;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdfdfd), to(#e4e3e4));
    background-image: -moz-linear-gradient(top,  #fdfdfd, #e4e3e4);
    background-image: -ms-linear-gradient(top,  #fdfdfd,  #e4e3e4);
    background-image: -o-linear-gradient(top,  #fdfdfd,  #e4e3e4);
    background-image: linear-gradient(top,  #fdfdfd,  #e4e3e4);
    border-radius: 3px;
    background-clip: padding-box;
    -moz-box-shadow: 0 4px 4px #aaa;
    -webkit-box-shadow: 0 4px 4px #aaa;
    box-shadow: 0 4px 4px #aaa;
}

.box-bc .box-ml, .box-header .box-ml
{
    border: 0 none;
    background-color: transparent;
}

.box-header
{
    border-top: 1px dashed #ccc;
    font-size:1.5em;
}
.box-header select, .box-header input.button
{
margin-top:7px;
font-size:13px;
}

#controlbar-top .box-bc .box-ml
{
    border-top-width: 0;
}


.subitems-controlbar
{
    padding: 0px 5px;
    margin: 0 0 5px 0;
}

.subitems-context-toolbar
{
    padding: 3px;
}


/* MENU-BLOCK */

.menu-block li a
{
    border-radius: 3px;
    background-clip: padding-box;
}

/* BUTTONS */
p.versions
{
    padding-top:10px;
    padding-right:21px;
    background: url('/design/admin/images/3/sprite.png') no-repeat right -770px;

}
p.versions a
{
    color:#005b7f;
    font-size: 1em;
}

p.versions a:hover
{
    color:black;
}


p.table-preferences
{
    border-radius: 3px;
    border-bottom-right-radius: 3px;
    border: 1px solid #CCCCCC;
    background-color: #f0f0f0;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdfdfd), to(#e4e3e4));
    background-image: -moz-linear-gradient(top,  #fdfdfd,  #e4e3e4);
    background-image: -ms-linear-gradient(top,  #fdfdfd,  #e4e3e4);
    background-image: -o-linear-gradient(top,  #fdfdfd,  #e4e3e4);
    background-image: linear-gradient(top,  #fdfdfd,  #e4e3e4);
    background-clip: padding-box;
}

p.table-preferences > a, p.table-preferences > span
{
    border: solid #CCC;
    border-width: 0 1px 0 0;
    padding-right: 1em;
    line-height: 1.5em;
}

p.table-preferences :last-child
{
    border-right: 0px;
}

input.button, input.defaultbutton, input.button-disabled
{
    color: #44484d;
    background: #fff;
    border: 1px solid #cfd1d3;
    border-radius: 3px;
    font-size: 1em;
    margin-left: 5px;
    padding: 3px 6px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

input.defaultbutton, input.button-disabled, input.button[disabled="disabled"]
{
    background-color: #f5f5f5;
}

input.button:hover, input.button:focus {
    background-color: rgba(0, 0, 0, 0.1);
    color: black;
}

input.defaultbutton
{
    background-color: #567975;
    color: #f5f3dd;
    font-weight: normal;
}

input.defaultbutton:hover,
input.defaultbutton:focus {
    background-color: #425c59;
    color: #ffe9bd;
}

input.defaultbutton:active {
    background-color: #525755;
    -moz-box-shadow: inset 0 0 3px #000;
    -webkit-box-shadow: inset 0 0 3px #000;
    box-shadow: inset 0 0 3px #000;
    color: #ff8300;
}

input.button-disabled, input.button[disabled="disabled"]
{
    color: #999;
    background: #fff;

    background-image: url('/design/admin/images/3/diagonal_pattern.png');

}


/* DASHBOARD */
#ez-version
{
    color: #E24602;
}

#ez-publish-community-project-is-innovative-and-cutting-edge
{
    color: #ff5500;
    font-style: italic;
}

div.community-block-title h2,
div.community-block-title span
{
    float: left;
}

div.community-block-title span
{
    margin-top: 1.5em;
    margin-left: 4px;
}

div.community-block-title span.first
{
    margin-left: 8px;
}

div.community-activity
{
    border: 1px solid;
    border-color: #ff5500;
    border-color: rgba(255, 85, 0, 0.31);
    padding: 1em 1em;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

div.community-activity div.loading
{
    font-style: italic;
}

div.community-activity #feed-elements ul h5
{
    margin-top: 0.5em;
}

div.community-activity #feed-elements ul
{
    list-style-type: none;
    margin:0;
    padding:0;
}

div.community-activity #feed-elements ul li p
{
    margin: 0.2em 0;
    font-size: 0.8em;
}

.dashboard-item
{
    margin: 1.5em 0 0.5em 0;
    overflow-x: auto;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 1em;
}

.dashboard-item h2
{
    font-size:1.7em;
}


/* PAGENAVIGATOR */

div.pagenavigator
{
    text-align: center;
    margin-top: 1em;
}

div.pagenavigator a
{
    text-decoration: none;
}

div.pagenavigator p
{
    margin: 0em;
}

div.pagenavigator span.previous
{
    display: block;
    float: left;
}

div.pagenavigator span.next
{
    display: block;
    float: right;
}

div.pagenavigator span.disabled
{
    color: #d0d0d0;
}

div.pagenavigator span.pages span.other, div.pagenavigator span.pages span.current
{
    font-size: 1em;
    margin-left: 1px;
    margin-right: 1px;
    background-color: #fff;
    border: 1px solid #CBCBCB;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 0.3em 0.5em;
    text-decoration: none;
}

div.pagenavigator span.pages span.current
{
    background-color: #f4f4f4;
}

div.alphabetical
{
    margin-top: 1.25em;
}

/* FOOTER */

#footer
{

}

#footer-design
{
    color:#aaa;
}

#footer-design a
{
    color:#6dcff6;
}
#footer-design a:hover
{
    color:#ffe9bd;
}


/* MISC */
table.list th, table.special th
{
    color: #EEE;
    background-color: #6F6E6B;
    padding-top:0;
    padding-bottom:0;
    border-left: 1px solid #a9a9a9;
}

#leftmenu-design ul
{
    color: #333;
}

.settings .current
{
    font-weight: bold;
}


/* YUI 2 calendar (uses #page to force override) */
#page .yui-calendar
{
font-size:0.9em;
}

#page .yui-calendar .calweekdaycell
{
    padding: 0.15em;
}

#page .yui-calcontainer
{
    border-color: #CCCCC3;
}

#page .datepicker-icon
{
    margin-bottom: -2px;
    padding-top: 9px;
}

#page .yui-calcontainer .title
{
position:absolute;
}

/* asynchronous publishing queued page */
.ezap-placeholder h1 {
    margin-bottom: 0.8em;
}

#ezap-message-publishing {
    border-color: #555;
}

#ezap-message-publishing h1:before {
    content: "\021BB";
    color: #555;
}

#ezap-message-finished h1:before, #ezap-message-deferred h1:before {
    content: "\02713";
    color: #3e8d29;
    font-weight: bold;
}

#ezap-error {
    font-size: 1.4em;
    padding: 0.5em;
}

/* end: design/admin/stylesheets/theme/rounded.css */

/* start: design/admin/stylesheets/theme/yui_datatable.css */
/* DATA TABLE */
.yui-dt-data td
{
font-size:1.05em;
}

.yui-dt-col-checkbox {
    width: 40px;
}

.yui-dt-col-crank {
    width: 35px;
}

.yui-dt-col-thumbnail {
    width: 35px;
}

.yui-dt-col-thumbnail .yui-dt-label{
    display: none;
}

.yui-dt-mask {
    position: absolute;
    z-index: 9500;
}

.yui-dt-tmp {
    position: absolute;
    left: -9000px;
}

.yui-dt-scrollable .yui-dt-bd {
    overflow: auto;
}

.yui-dt-scrollable .yui-dt-hd {
    overflow: hidden;
    position: relative;
}

.yui-dt-scrollable .yui-dt-bd thead tr,.yui-dt-scrollable .yui-dt-bd thead th
    {
    position: absolute;
    left: -1500px;
}

.yui-dt-scrollable tbody {
    -moz-outline: none;
}

thead .yui-dt-sortable {
    cursor: pointer;
}

thead .yui-dt-draggable {
    cursor: move;
}

.yui-dt-coltarget {
    position: absolute;
    z-index: 999;
}

.yui-dt-hd {
    zoom: 1;
}

th.yui-dt-resizeable .yui-dt-resizerliner {
    position: relative;
}

.yui-dt-resizer {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    cursor: e-resize;
    cursor: col-resize;
    background-color: #CCC;
    opacity: 0;
    filter: alpha(opacity = 0);
}

.yui-dt-resizerproxy {
    visibility: hidden;
    position: absolute;
    z-index: 9000;
    background-color: #CCC;
    opacity: 0;
    filter: alpha(opacity = 0);
}

th.yui-dt-hidden .yui-dt-liner,td.yui-dt-hidden .yui-dt-liner,th.yui-dt-hidden .yui-dt-resizer
{
    display: none;
}

/* http://normankosmal.com/wordpress/?p=45 */
th.yui-dt-hidden, tr.yui-dt-odd .yui-dt-hidden, tr.yui-dt-even .yui-dt-hidden {
    display:none;
}
.yui-dt-editor {
    position: absolute;
    z-index: 9000;
}

.yui-dt table {
    padding: 0;
    font-size: inherit;
    border-collapse: separate; *
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    clear: both;
}

.yui-dt thead {
    border-spacing: 0;
}

.yui-dt caption {
    color: #000;
    font-size: 85%;
    font-weight: normal;
    font-style: italic;
    line-height: 1;
    padding: 1em 0;
    text-align: center;
}

.yui-dt th,.yui-dt th a {
    text-decoration: none;
    text-align: left;
    vertical-align: bottom;
    color:#eee;
}

.yui-dt th {
    background-color: #6f6e6b;
    margin: 0;
    padding: 0;
    border: none;
    border-left: 1px solid #a9a9a9;
}

.yui-dt th.yui-dt-sortable
{
    background: #44484d;
}

.yui-dt tr.yui-dt-first td {
    border-top: 1px solid #CCCCCC;
}

.yui-dt th .yui-dt-liner {
    white-space: nowrap;
}

.yui-dt-liner {
    margin: 0;
    padding: 0;
    padding: 4px 10px 4px 10px;
}

.yui-dt-coltarget {
    width: 5px;
    background-color: red;
}

.yui-dt td {
    margin: 0;
    padding: 0;
    border: none;
    text-align: left;
    vertical-align:middle;
}

.yui-dt img {
    vertical-align: middle;
}

.yui-dt-last td {
    border: none;
}

/*
.yui-dt-list td {
    border-right: none;
}
*/
.yui-dt-resizer {
    width: 6px;
}

.yui-dt-mask {
    background-color: #000;
    opacity: .25;
    filter: alpha(opacity = 25);
}

.yui-dt-message {
    background-color: #FFF;
}

.yui-dt-scrollable table {
    border: none;
}

.yui-dt-scrollable .yui-dt-hd {
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}

.yui-dt-scrollable .yui-dt-bd {
    border-left: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    background-color: #FFF;
}

.yui-dt-scrollable .yui-dt-data tr.yui-dt-last td {
    border-bottom: 1px solid #CCCCCC;
}

th.yui-dt-asc,th.yui-dt-desc {
    background-color: #6f6e6b;
}

th.yui-dt-sortable .yui-dt-label {
    margin-right: 10px;
}

th.yui-dt-desc .yui-dt-liner {
   background:url(/design/admin/images/3/sprite.png) no-repeat right -170px;
}

th.yui-dt-asc .yui-dt-liner {
    background:url(/design/admin/images/3/sprite.png) no-repeat right -224px;
}

th.yui-dt-asc, th.yui-dt-desc
{
    background: black !important;
}

tbody .yui-dt-editable {
    cursor: pointer;
    text-decoration: underline;
    color: #0B4E7A;
}

.yui-dt-editor {
    text-align: left;
    background-color: #F2F2F2;
    border: 1px solid #808080;
    padding: 6px;
}

.yui-dt-editor label {
    padding-left: 4px;
    padding-right: 6px;
}

.yui-dt-editor .yui-dt-button {
    padding-top: 6px;
    text-align: right;
}

.yui-dt-editor .yui-dt-button button {
    background:
        url("/design/admin/images/2/yui_sprite.png")
        repeat-x 0 0;
    border: 1px solid #999;
    width: 4em;
    height: 1.8em;
    margin-left: 6px;
}

.yui-dt-editor .yui-dt-button button.yui-dt-default {
    background:
        url("/design/admin/images/2/yui_sprite.png")
        repeat-x 0 -1400px;
    background-color: #5584E0;
    border: 1px solid #304369;
    color: #FFF;
}

.yui-dt-editor .yui-dt-button button:hover {
    background:
        url("/design/admin/images/2/yui_sprite.png")
        repeat-x 0 -1300px;
    color: #000;
}

.yui-dt-editor .yui-dt-button button:active {
    background:
        url("/design/admin/images/2/yui_sprite.png")
        repeat-x 0 -1700px;
    color: #000;
}


tr.yui-dt-even {
    background-color: #FFF;
}

tr.yui-dt-odd {
    background-color: #f3f3f3;
}

.yui-dt tbody tr:hover {
    background-color:#D1DFE9;
/*    cursor: pointer;*/
}

.yui-dt tbody tr .yui-dt-liner .yui-dt-button{
    background-color: transparent;
    border: 0 none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    vertical-align:middle;
    width:16px;
    height: 16px;
}

.yui-dt-list tr.yui-dt-even {
    background-color: #FFF;
}

.yui-dt-list tr.yui-dt-odd {
    background-color: #FFF;
}

/*
tr.yui-dt-even td.yui-dt-asc,tr.yui-dt-even td.yui-dt-desc
    {
    background-color: #F8F8F8;
}

tr.yui-dt-odd td.yui-dt-asc,tr.yui-dt-odd td.yui-dt-desc
    {
    background-color: #EEEEEE;
}

.yui-dt-list tr.yui-dt-even td.yui-dt-asc,.yui-dt-list tr.yui-dt-even td.yui-dt-desc
    {
    background-color: #F5F5F5;
}

.yui-dt-list tr.yui-dt-odd td.yui-dt-asc,.yui-dt-list tr.yui-dt-odd td.yui-dt-desc
    {
    background-color: #F5F5F5;
}
*/
th.yui-dt-highlighted,th.yui-dt-highlighted a
{
    background-color: #D1DFE9;
}

tr.yui-dt-highlighted,tr.yui-dt-highlighted td.yui-dt-asc,tr.yui-dt-highlighted td.yui-dt-desc,tr.yui-dt-even td.yui-dt-highlighted,tr.yui-dt-odd td.yui-dt-highlighted
{
    cursor: pointer;
    background-color: #D1DFE9;
}


.yui-dt-list th.yui-dt-highlighted,.yui-dt-list th.yui-dt-highlighted a {
    background-color: #D1DFE9;
}

.yui-dt-list tr.yui-dt-highlighted,.yui-dt-list tr.yui-dt-highlighted td.yui-dt-asc,.yui-dt-list tr.yui-dt-highlighted td.yui-dt-desc,.yui-dt-list tr.yui-dt-even td.yui-dt-highlighted,.yui-dt-list tr.yui-dt-odd td.yui-dt-highlighted
{
    cursor: pointer;
    background-color: #D1DFE9;
}

th.yui-dt-selected,th.yui-dt-selected a {
    background-color: #D1DFE9;
}

tr.yui-dt-selected td,tr.yui-dt-selected td.yui-dt-asc,tr.yui-dt-selected td.yui-dt-desc {
    background-color: #D1DFE9;
}

tr.yui-dt-even td.yui-dt-selected,tr.yui-dt-odd td.yui-dt-selected {
    background-color: #D1DFE9;
}

.yui-dt-list th.yui-dt-selected,.yui-dt-list th.yui-dt-selected a {
    background-color: #D1DFE9;
}

.yui-dt-list tr.yui-dt-selected td,.yui-dt-list tr.yui-dt-selected td.yui-dt-asc,.yui-dt-list tr.yui-dt-selected td.yui-dt-desc {
    background-color: #D1DFE9;
}

.yui-dt-list tr.yui-dt-even td.yui-dt-selected,.yui-dt-list tr.yui-dt-odd td.yui-dt-selected {
    background-color: #D1DFE9;
}

.yui-dt-paginator {
    display: block;
    margin: 6px 0;
    white-space: nowrap;
}

.yui-dt-paginator .yui-dt-first,.yui-dt-paginator .yui-dt-last,.yui-dt-paginator .yui-dt-selected
    {
    padding: 2px 6px;
}

.yui-dt-paginator a.yui-dt-first,.yui-dt-paginator a.yui-dt-last
    {
    text-decoration: none;
}

.yui-dt-paginator .yui-dt-previous,.yui-dt-paginator .yui-dt-next
    {
    display: none;
}

a.yui-dt-page {
    border: 1px solid #CBCBCB;
    padding: 2px 6px;
    text-decoration: none;
    background-color: #fff;
}

.yui-dt-selected {
    border: 1px solid #fff;
    background-color: #fff;
}

/* PAGINATOR */

.yui-pg-container {
    display: block;
    text-align: center;
    margin-top: 10px
}

.yui-pg-first,.yui-pg-previous,.yui-pg-next,.yui-pg-last,.yui-pg-current,.yui-pg-pages,.yui-pg-page {
    display: inline-block;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 1em;
    zoom: 1;
}

.yui-pg-first,.yui-pg-previous,.yui-pg-next,.yui-pg-last {
    color: black;
    background: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee));
    background-image: -moz-linear-gradient(top,  #fff,  #eee);
    background-image: -ms-linear-gradient(top,  #fff,  #eee);
    background-image: -o-linear-gradient(top,  #fff,  #eee);
    background-image: linear-gradient(top,  #fff,  #eee);
    border: 1px solid #cfd1d3;
    border-radius: 3px;
    width: 31px;
    height:25px;
    cursor: pointer;
    text-decoration: none;
    font-size: 2em;
    line-height: 24px;
    margin-left:5px;
}

span.yui-pg-first,span.yui-pg-previous,span.yui-pg-next,span.yui-pg-last
{
    color: #A6A6A6;
    background-image: url('/design/admin/images/3/diagonal_pattern.png');
}

a.yui-pg-first:hover,a.yui-pg-previous:hover,a.yui-pg-next:hover,a.yui-pg-last:hover,a.yui-pg-page:hover{
    border: 1px solid #999;
}

.yui-pg-previous span
{
    margin: 0 5px 0 2px;
}

.yui-pg-next span
{
    margin: 0 5px 0 4px;
}

.yui-pg-pages {
    padding: 0;
}


.yui-pg-current {
    padding: 3px 0;
}


span.yui-pg-first,span.yui-pg-previous,span.yui-pg-next,span.yui-pg-last
    {
    color: #a6a6a6;
}

.yui-pg-page {
    background-color: #fff;
    border: 1px solid #CBCBCB;
    border-radius: 2px;
    padding: 0.3em 0.5em;
    text-decoration: none;
}

.yui-pg-current-page {
    font-weight: bold;
}

.yui-pg-page {
    margin-left: 1px;
    margin-right: 1px;
}

.yui-pg-current,.yui-pg-rpp-options {
    margin-left: 1em;
    margin-right: 1em;
}

/* Column icons */

.crankfield, .crankfield-disabled {
    height: 16px;
    width: 16px;
}

.crankfield {
    background: transparent url(/design/admin/images/icons-sprite.png) no-repeat 0 -192px;
}

.crankfield-disabled {
    background: transparent url(/design/admin/images/icons-sprite.png) no-repeat 0 -208px;
}

.thumbfield {
    height: 16px;
    width: 16px;
}

.thumbview{
    position: relative;
    z-index: 0;
    background: transparent url(/design/admin/images/icons-sprite.png) no-repeat 0 -224px;
}

.thumbview:hover{
    background-color: transparent;
    z-index: 50;
}

.thumbview span {
    position: absolute;
    background-color: white;
    padding: 5px;
    left: -1000px;
    border: 1px solid #999;
    visibility: hidden;
    color: black;
    text-decoration: none;
}

.thumbview:hover span {
    visibility: visible;
    top: 0;
    left: 25px;
}


/* end: design/admin/stylesheets/theme/yui_datatable.css */

/* start: design/admin/stylesheets/theme/yui_menu.css */

.yuimenu {
    top: -999em;
    left: -999em;
}

.yuimenubar {
    position: static;
}

.yuimenu .yuimenu,.yuimenubar .yuimenu {
    position: absolute;
}

.yuimenubar li,.yuimenu li {
    list-style-type: none;
}

.yuimenubar ul,.yuimenu ul,.yuimenubar li,.yuimenu li,.yuimenu h6,.yuimenubar h6
    {
    margin: 0;
    padding: 3px 0;
}

.yuimenuitemlabel,.yuimenubaritemlabel {
    text-align: left;
    white-space: nowrap;
}

.yuimenubar ul { *
    zoom: 1;
}

.yuimenubar .yuimenu ul { *
    zoom: normal;
}

.yuimenubar>.bd>ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    line-height: 0;
}

.yuimenubaritem {
    float: left;
}

.yuimenubaritemlabel,.yuimenuitemlabel {
    display: block;
    outline: none;
}

.yuimenuitemlabel .helptext {
    font-style: normal;
    display: block;
    margin: -1em 0 0 10em;
}

.yui-menu-shadow {
    position: absolute;
    visibility: hidden;
    z-index: -1;
}

.yui-menu-shadow-visible {
    top: 0px;
    right: -4px;
    left: 0px;
    bottom: -4px;
    visibility: visible;
}

.hide-scrollbars * {
    overflow: hidden;
}

.hide-scrollbars select {
    display: none;
}

.yuimenu.show-scrollbars,.yuimenubar.show-scrollbars {
    overflow: visible;
}

.yuimenu.hide-scrollbars .yui-menu-shadow,.yuimenubar.hide-scrollbars .yui-menu-shadow
    {
    overflow: hidden;
}

.yuimenu.show-scrollbars .yui-menu-shadow,.yuimenubar.show-scrollbars .yui-menu-shadow {
    overflow: auto;
}

.yui-overlay.yui-force-redraw {
    margin-bottom: 1px;
}

.yuimenubar {
    line-height: 2; *
    line-height: 1.9;
    border: solid 1px #808080;
    background:
        url("/design/admin/images/2/yui_sprite.png")
        repeat-x 0 0;
}

.yuimenubarnav .yuimenubaritem {
    border-right: solid 1px #ccc;
}

.yuimenubaritemlabel {
    padding: 0 10px;
    color: #000;
    text-decoration: none;
    cursor: default;
    border-style: solid;
    border-color: #808080;
    border-width: 1px 0; *
    position: relative;
    margin: -1px 0;
}

.yuimenubaritemlabel:visited {
    color: #000;
}

.yuimenubarnav .yuimenubaritemlabel {
    padding-right: 20px; *
    display: inline-block;
}

.yuimenubarnav .yuimenubaritemlabel-hassubmenu {
    background:
        url("/design/admin/images/2/yui_submenuindicator.png")
        right center no-repeat;
}

.yuimenubaritem-selected {
    background:
        url("/design/admin/images/2/yui_sprite.png")
        repeat-x 0 -1700px;
}

.yuimenubaritemlabel-selected {
    border-color: #7D98B8;
}

.yuimenubarnav .yuimenubaritemlabel-selected {
    border-left-width: 1px;
    margin-left: -1px; *
    left: -1px;
}

.yuimenubaritemlabel-disabled,.yuimenubaritemlabel-disabled:visited
    {
    cursor: default;
    color: #A6A6A6;
}

.yuimenubarnav .yuimenubaritemlabel-hassubmenu-disabled {
    background-image:
        url("/design/admin/images/2/yui_submenuindicator_disabled.png")
        ;
}

.yuimenu {
    line-height: 1.5; *
    line-height: 1.45;
}

.yuimenubar .yuimenu,.yuimenu .yuimenu {
    font-size: 100%;
}

.yuimenu .bd { *
    zoom: 1;
    _zoom: normal;
    border: solid 1px #999;
    background-color: #FFF;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.yuimenu .yuimenu .bd { *
    zoom: normal;
}

.yuimenu ul {
    padding: 3px 0;
    border-width: 1px 0 0 0;
    border-color: #ccc;
    border-style: solid;
}

.yuimenu ul.first-of-type {
    border-width: 0;
}

.yuimenu h6 {
    font-weight: bold;
    border-style: solid;
    border-color: #ccc;
    border-width: 1px 0 0 0;
    color: #666666;
    padding: 3px 10px 0 10px;
}

.yuimenu ul.hastitle,.yuimenu h6.first-of-type
    {
    border-width: 0;
}

.yuimenu .yui-menu-body-scrolled {
    border-color: #808080 #808080;
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 100px;
}

.yuimenu .topscrollbar,.yuimenu .bottomscrollbar
    {
    height: 16px;
    border: solid 1px #808080;
    background: #D1DFE9
        url("/design/admin/images/2/yui_sprite.png")
        no-repeat 0 0;
}

.yuimenu .topscrollbar {
    border-bottom-width: 0;
    background-position: center -950px;
}

.yuimenu .topscrollbar_disabled {
    background-position: center -975px;
}

.yuimenu .bottomscrollbar {
    border-top-width: 0;
    background-position: center -850px;
}

.yuimenu .bottomscrollbar_disabled {
    background-position: center -875px;
}

.yuimenuitem {
    _border-bottom: solid 1px #fff;
}

.yuimenuitemlabel {
    padding: 0 20px;
    color: #000;
    text-decoration: none;
    cursor: default;
}

.yuimenuitemlabel:hover {
    color: #000;
    text-decoration: none;
}

.yuimenuitemlabel:visited {
    color: #000;
}

.yuimenuitemlabel .helptext {
    margin-top: -1.5em; *
    margin-top: -1.45em;
}

.yuimenuitem-hassubmenu {
    background-image:
        url("/design/admin/images/2/yui_submenuindicator.png")
        ;
    background-position: right center;
    background-repeat: no-repeat;
}

.yuimenuitem-checked {
    background-image:
        url("/design/admin/images/2/yui_checkbox.png")
        ;
    background-position: left center;
    background-repeat: no-repeat;
}

.yui-menu-shadow-visible {
    background-color: #000;
    opacity: .12;
    filter: alpha(opacity = 12);
}

.yuimenuitem-selected {
    background-color: #D1DFE9;
}

.yuimenuitem-selected a{
    color: #000;
    text-decoration: none;
}

a.yuimenuitemlabel-disabled{
    cursor: default;
    color: #A6A6A6;
    text-decoration: none;
}

.yuimenuitemlabel-disabled,.yuimenuitemlabel-disabled:visited {
    cursor: default;
    color: #A6A6A6;
}

.yuimenuitemlabel-disabled:hover {
    color: #A6A6A6;
}

.yuimenuitem-hassubmenu-disabled {
    background-image:
        url("/design/admin/images/2/yui_submenuindicator_disabled.png")
        ;
}

.yuimenuitem-checked-disabled {
    background-image:
        url("/design/admin/images/2/yui_checkbox_disabled.png")
        ;
}

/* TOP TOOLBAR LAYOUT*/

#action-controls {
    display: block;
    float: left;
    margin: 10px 0px;
}

#tpg {
    display: block;
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* BOTTOM TOOLBAR LAYOUT */
#bpg .yui-pg-backward {
    display: block;
    float: left;
}

#bpg .yui-pg-forward {
    display: block;
    float: right;
}

/* TOP TOOLBAR STYLE */
.yui-button {
    color: #44484d;
    background: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee));
    background-image: -moz-linear-gradient(top,  #fff,  #eee);
    background-image: -ms-linear-gradient(top,  #fff,  #eee);
    background-image: -o-linear-gradient(top,  #fff,  #eee);
    background-image: linear-gradient(top,  #fff,  #eee);
    border: 1px solid #cfd1d3;
    border-radius: 3px;
    text-decoration: none;
    overflow: visible;
    width: auto;
    cursor: pointer;
    font-weight: normal;
    text-align: center;
    display:inline-block;
    vertical-align:text-bottom;
    background-clip: padding-box;
    text-shadow: 0 1px #fff;
    font-size: 1.1em;
    margin-left:5px;
}

.yui-button:hover {
    border: 1px solid #999;
}

.yui-button button {
    background-color: #f0f0f0;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdfdfd), to(#e4e3e4));
    background-image: -moz-linear-gradient(top,  #fdfdfd,  #e4e3e4);
    background-image: -ms-linear-gradient(top,  #fdfdfd,  #e4e3e4);
    background-image: -o-linear-gradient(top,  #fdfdfd,  #e4e3e4);
    background-image: linear-gradient(top,  #fdfdfd,  #e4e3e4);
    color: #0B4E7A;
    cursor: pointer;
    display: block;
    border: none;
    padding: 0.25em 0.55em;
}

.yui-button:first-child {
    margin-left: 0px;
}

#ezbtn-more button {
    background: transparent url(/design/admin/images/3/sprite.png) no-repeat right -811px;
    padding-right: 1.7em;
}

#ezbtn-items-button {
    background: url('/design/admin/images/3/sprite.png') no-repeat 5px -650px;
    padding-left: 2em;
}

#ezbtn-new-button {
    background: url('/design/admin/images/3/sprite.png') no-repeat 5px 4px;
    padding-left: 2em;
}

.yui-button-disabled #ezbtn-new-button {
    background: url('/design/admin/images/3/sprite.png') no-repeat 5px 4px;
    padding-left: 2em;
    color: #888
}

#ezbtn-options-button {
    background: url('/design/admin/images/3/sprite.png') no-repeat 5px -713px;
    padding-left: 2em;
}

#ezopt-menu-remove {
    background-image: url('/design/admin/images/trash-icon-16x16.gif');
}

#ezopt-menu-move {
    background-image: url(/design/admin/images/icons-sprite.png);
    background-position: 5% -157px;
}

#ezopt-menu-edit {
    background-image: url('/design/admin/images/2/icon-edit-16x16.png');
}

#ezopt-menu-preview {
    background-image: url('/design/admin/images/2/icon-preview-16x16.png');
}

#ezopt-menu-check {
    background-image: url(/design/admin/images/icons-sprite.png);
    background-position: 5% -61px;
}
#ezopt-menu-uncheck {
    background-image: url(/design/admin/images/icons-sprite.png);
    background-position: 5% -29px;
}

#ezopt-menu-toggle {
    background-image: url('/design/admin/images/2/toggle-button-16x16.png');
}

#ezopt-menu-view {
    background-image: url('/design/admin/images/2/icon-open-16x16.png');
}

#ezopt-menu-copy, #ezopt-menu-copy-subtree {
    background-image: url('/design/admin/images/2/icon-copy-16x16.png');
}

#ezopt-menu-multiupload {
    background-image: url('/design/admin/images/2/icon-up-16x16.png');
}

#ezopt-menu-list {
    background-image: url('/design/admin/images/2/icon-sitemap-16x16.png');
}

#ezopt-menu-remove,
#ezopt-menu-edit,
#ezopt-menu-preview,
#ezopt-menu-toggle,
#ezopt-menu-view,
#ezopt-menu-copy,
#ezopt-menu-copy-subtree,
#ezopt-menu-multiupload,
#ezopt-menu-list {
    background-repeat: no-repeat;
    background-position: 5% 50%;
    padding-left: 1em;
}

#ezopt-menu-move,
#ezopt-menu-check,
#ezopt-menu-uncheck {
    background-repeat: no-repeat;
    padding-left: 1em;
}

/* end: design/admin/stylesheets/theme/yui_menu.css */

/* start: design/admin/stylesheets/theme/yui_container.css */

.yui-overlay,.yui-panel-container {
    visibility: hidden;
    position: absolute;
    z-index: 2;
}

.yui-panel {
    position: relative;
}

.yui-panel-container form {
    margin: 0;
}

.mask {
    z-index: 1;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.mask.block-scrollbars {
    overflow: auto;
}

.masked select,.drag select,.hide-select select {
    _visibility: hidden;
}

.yui-panel-container select {
    _visibility: inherit;
}

.hide-scrollbars,.hide-scrollbars * {
    overflow: hidden;
}

.hide-scrollbars select {
    display: none;
}

.show-scrollbars {
    overflow: auto;
}

.yui-panel-container.show-scrollbars,.yui-tt.show-scrollbars {
    overflow: visible;
}

.yui-panel-container.show-scrollbars .underlay,.yui-tt.show-scrollbars .yui-tt-shadow
    {
    overflow: auto;
}

.yui-panel-container.shadow .underlay.yui-force-redraw {
    padding-bottom: 1px;
}

.yui-effect-fade .underlay,.yui-effect-fade .yui-tt-shadow {
    display: none;
}

.yui-tt-shadow {
    position: absolute;
}

.yui-override-padding {
    padding: 0 !important;
}

.yui-panel-container .container-close {
    overflow: hidden;
    text-indent: -10000em;
    text-decoration: none;
}

.yui-overlay.yui-force-redraw,.yui-panel-container.yui-force-redraw {
    margin-bottom: 1px;
}

.mask {
    background-color: #000;
    opacity: .25;
    filter: alpha(opacity = 25);
}

.yui-panel-container {
    padding: 0 1px; *
    padding: 2px;
}

.yui-panel {
    position: relative;
    left: 0;
    top: 0;
    border-style: solid;
    border-width: 1px 0;
    border-color: #808080;
    z-index: 1; *
    border-width: 1px; *
    zoom: 1;
    _zoom: normal;
}

.yui-panel .hd,.yui-panel .bd,.yui-panel .ft
    {
    border-style: solid;
    border-width: 0 1px;
    border-color: #808080;
    margin: 0 -1px; *
    margin: 0; *
    border: 0;
}

.yui-panel .hd {
    border-bottom: solid 1px #ccc;
}

.yui-panel .bd,.yui-panel .ft {
    background-color: #F2F2F2;
}

.yui-panel .hd {
    padding: 0 10px;
    font-size: 93%;
    line-height: 2; *
    line-height: 1.9;
    font-weight: bold;
    color: #000;
    background:
        url("/design/admin/images/2/yui_sprite.png")
        repeat-x 0 -200px;
}

.yui-panel .bd {
    padding: 10px 15px;
}

.yui-panel .ft {
    border-top: solid 1px #808080;
    padding: 5px 10px;
    font-size: 77%;
}

.container-close {
    position: absolute;
    top: 5px;
    right: 6px;
    width: 25px;
    height: 15px;
    background:
        url("/design/admin/images/2/yui_sprite.png")
        no-repeat 0 -300px;
    cursor: pointer;
}

.yui-panel-container .underlay {
    right: -1px;
    left: -1px;
}

.yui-panel-container.matte {
    padding: 9px 10px;
    background-color: #fff;
}

.yui-panel-container.shadow {
    _padding: 2px 4px 0 2px;
}

.yui-panel-container.shadow .underlay {
    position: absolute;
    top: 2px;
    left: -3px;
    right: -3px;
    bottom: -3px; *
    top: 4px; *
    left: -1px; *
    right: -1px; *
    bottom: -1px;
    _top: 0;
    _left: 0;
    _right: 0;
    _bottom: 0;
    _margin-top: 3px;
    _margin-left: -1px;
    background-color: #000;
    opacity: .12;
    filter: alpha(opacity = 12);
}

.yui-dialog .ft {
    border-top: none;
    padding: 10px;
    font-size: 100%;
}

.yui-dialog .ft .button-group {
    display: block;
    text-align: right;
}

.yui-dialog .ft button.default {
    font-weight: bold;
}

.yui-dialog .ft span.default {
    border-color: #304369;
    background-position: 0 -1400px;
}

.yui-dialog .ft span.default .first-child {
    border-color: #304369;
}

.yui-dialog .ft span.default button {
    color: #fff;
}

.yui-dialog .ft span.yui-button-disabled {
    background-position: 0 -1500px;
    border-color: #ccc;
}

.yui-dialog .ft span.yui-button-disabled .first-child {
    border-color: #ccc;
}

.yui-dialog .ft span.yui-button-disabled button {
    color: #a6a6a6;
}

.yui-simple-dialog .bd .yui-icon {
    background:
        url("/design/admin/images/2/yui_sprite.png")
        no-repeat 0 0;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    float: left;
}

.yui-simple-dialog .bd span.blckicon {
    background-position: 0 -1100px;
}

.yui-simple-dialog .bd span.alrticon {
    background-position: 0 -1050px;
}

.yui-simple-dialog .bd span.hlpicon {
    background-position: 0 -1150px;
}

.yui-simple-dialog .bd span.infoicon {
    background-position: 0 -1200px;
}

.yui-simple-dialog .bd span.warnicon {
    background-position: 0 -1900px;
}

.yui-simple-dialog .bd span.tipicon {
    background-position: 0 -1250px;
}

.yui-tt .bd {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    color: #000;
    padding: 2px 5px;
    border-color: #D4C237 #A6982B #A6982B #A6982B;
    border-width: 1px;
    border-style: solid;
    background-color: #FFEE69;
}

.yui-tt.show-scrollbars .bd {
    overflow: auto;
}

.yui-tt-shadow {
    top: 2px;
    right: -3px;
    left: -3px;
    bottom: -3px;
    background-color: #000;
}

.yui-tt-shadow-visible {
    opacity: .12;
    filter: alpha(opacity = 12);
}

.table-options-row {
    clear: both;
}

.table-options-key {
    float: left;
}

.table-options-value {
    float: right;
}

/* end: design/admin/stylesheets/theme/yui_container.css */

/* start: design/admin/stylesheets/theme/modalwindow.css */
/* GENERIC MODAL WINDOW STYLE */

#overlay-mask
{
    position:fixed;
    left:0;
    top:0;
    z-index:5;
    background:#333;
    opacity:0;
    width:100%;
    height:100%;
    /* IE workaround */
    filter: alpha(opacity = 0);
}

.modal-window
{
    background:#fff;
    border:1px solid #bbb;
    padding:2px;
}

.modal-window .window-close
{
    float:right;
    display:block;
}

.modal-window h2
{
    background-color: #6f6e68;
    margin-top:0;
    font-size:1.1em;
    padding:4px 3px 4px 6px;
    color:#eee;
}

.modal-window fieldset
{
    margin:1em 1em 2em 1em;
}

.modal-window .window-content
{
    min-height:64px;
}

div.box-content .modal-window div.message-error
{
    margin:1em;
    padding:1em;
    background:#f3dfdf;
    border:2px solid #c11b17;
    border-radius:3px;
}

.window-close
{
    float:right;
    display:block;
    width:13px;
    height:13px;
    margin-top:-1px;
    background:url(/design/admin/images/2/yui_sprite.png) no-repeat -6px -301px;
    text-indent:-1000em;
    border:1px solid #aaa;
    font-size:1px;
}


/* AJAX UPLOADER STYLES */

.ajaxuploader-locations label
{
    font-weight:normal;
    white-space: normal;
}

.ajaxuploader-button-bar
{
    margin-top:1.5em;
}

.ajaxuploader-error
{
    color:maroon;
    font-weight:bold;
    padding-left:1em;
}

.ajaxuploader-preview h3
{
    padding-bottom:2px;
    border-bottom: 1px solid #cacaca;
    margin-bottom:1em;
    color:#333;
}
.ajaxuploader-preview dt
{
    font-size:1em;
}

.ajaxuploader-preview dd
{
    margin-left:0;
}

.ajaxuploader-browse .pagination span
{
    color:#888;
}

/* end: design/admin/stylesheets/theme/modalwindow.css */

/* start: extension/ezfind/design/admin/stylesheets/ezajax_autocomplete.css */
.ez-autocomplete .yui3-aclist-list {
    text-align:left;
}

.ez-autocomplete li.yui3-aclist-item-active {
    background: #B0B0B0;
    color: #FFF;
}

/* end: extension/ezfind/design/admin/stylesheets/ezajax_autocomplete.css */

/* start: extension/knowbc/design/admin/stylesheets/knowbc.css */
/*
 * Admin custom CSS
 */
table.monthly.list tbody tr:nth-child(even) {
    background-color: lightgray;
}

/* eZOE */

/* This is used in edit mode */
.mceContentBody .preview_embedded {
    cursor: default;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.mceContentBody .preview_embedded ::-moz-selection { background:none; color:none; }
.mceContentBody .preview_embedded ::selection { background:none; color:none; }
/* END This is used in edit mode */

.preview_embedded {
    position: relative;
    padding: 12px;
    max-width: 504px;
    margin: 10px auto;
    border: 1px solid #d9d9d7;
    overflow: auto;
    background-color: #fff;
}
    .preview_embedded:hover h2 {
        text-decoration: underline;
    }


.column-50 {
    width: calc(50% - 17px);
    float: left;
    overflow: hidden;
}

.column-50 + .column-50 {
    width: 50%;
}

    .column-50 + .column-50:after {
        clear: both;
    }

    .column-50 > img {
        height: auto;
        left: 50%;
        max-height: 179px;
        max-width: 100%;
        position: relative;
        transform: translateX(-50%);
    }

    [class*='column-'] {
        padding-right: 10px;
    }

    [class*='column-']:last-of-type {
        padding-right: 0;
    }

    [class*='column-'],
    [class*='column-']:after,
    [class*='column-']:before {
        -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
                box-sizing: border-box;
    }

ul#blog_posts > li {
    position: relative;
}

.cover {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(200, 200, 200, 0.01);
    display: block;
}

/* eZOE and editor */

figure.dataTable,
.dataTable figcaption {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

figure.dataTable {
    margin-bottom: 12px;
}

#tinymce .dataTable,
.dataTable table {
    border-collapse: collapse;
}

    .dataTable table caption {
        font-weight: bold;
        margin-bottom: 1em;

    }

    #tinymce .dataTable tr:nth-of-type(2n-1),
    .dataTable table tr:nth-of-type(2n-1) {
        background: #CFD1D1;
    }

    #tinymce .dataTable th,
    #tinymce .dataTable td,
    .dataTable table th,
    .dataTable table td {
        border: solid #333 1px;
        padding: .4rem;
    }

    #tinymce .dataTable th,
    .dataTable table th {
        background: #BABCBE;
        font-weight: bold;
        padding: .5rem;
    }

    .dataTable figcaption {
        margin-top: 8px;
        line-height: 13px;
        font-size: 12px;
    }
/* END eZOE */


/* MediaElementJS styling */
.mejs__player.mejs__audio {
    display: inline-block;
    vertical-align: middle;
    border-radius: 15px;
    background: #1367AB;
}
.mejs__player {
    display: inline-block;
    vertical-align: middle;
}
.mejs__player .mejs__controls {
    width: 100%;
    height: 100%;
}

.mejs__player .mejs__controls .mejs__button {
    width: 100%;
    height: 100%;
}
.mejs__player .mejs__controls .mejs__button > button {
    margin: 0;
    top: 52%;
    transform: translateY(-48%) translateX(-48%);
    left: 50%;
    padding: 0;
}

.mejs__player .mejs__controls:not([style*="display: none"]) {
    background: none;;
}
/* END MediaElementJS */
/* end: extension/knowbc/design/admin/stylesheets/knowbc.css */

/* start: extension/knowbc/design/knowbc/stylesheets/lib/mediaelementjs/mediaelementplayer.min.css */
.mejs__offscreen{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.mejs__container{background:#000;font-family:Helvetica,Arial,serif;position:relative;text-align:left;text-indent:0;vertical-align:top}.mejs__container,.mejs__container *{box-sizing:border-box}.mejs__container video::-webkit-media-controls,.mejs__container video::-webkit-media-controls-panel,.mejs__container video::-webkit-media-controls-panel-container,.mejs__container video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.mejs__fill-container,.mejs__fill-container .mejs__container{height:100%;width:100%}.mejs__fill-container{background:transparent;margin:0 auto;overflow:hidden;position:relative}.mejs__container:focus{outline:none}.mejs__iframe-overlay{height:100%;position:absolute;width:100%}.mejs__embed,.mejs__embed body{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.mejs__fullscreen{overflow:hidden!important}.mejs__container-fullscreen{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.mejs__container-fullscreen .mejs__mediaelement,.mejs__container-fullscreen video{height:100%!important;width:100%!important}.mejs__background,.mejs__mediaelement{left:0;position:absolute;top:0}.mejs__mediaelement{height:100%;width:100%;z-index:0}.mejs__poster{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;z-index:1}:root .mejs__poster-img{display:none}.mejs__poster-img{border:0;padding:0}.mejs__overlay{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:absolute;top:0}.mejs__layer{z-index:1}.mejs__overlay-play{cursor:pointer}.mejs__overlay-button{background:url(/extension/knowbc/design/knowbc/stylesheets/lib/mediaelementjs/mejs-controls.svg) no-repeat;background-position:0 -39px;height:80px;width:80px}.mejs__overlay:hover>.mejs__overlay-button{background-position:-80px -39px}.mejs__overlay-loading{height:80px;width:80px}.mejs__overlay-loading-bg-img{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent url(/extension/knowbc/design/knowbc/stylesheets/lib/mediaelementjs/mejs-controls.svg) -160px -40px no-repeat;display:block;height:80px;width:80px;z-index:1}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.mejs__controls{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;left:0;list-style-type:none;margin:0;padding:0 10px;position:absolute;width:100%;z-index:3}.mejs__controls:not([style*="display: none"]){background:rgba(255,0,0,.7);background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35));background:linear-gradient(transparent,rgba(0,0,0,.35))}.mejs__button,.mejs__time,.mejs__time-rail{font-size:10px;height:40px;line-height:10px;margin:0;width:32px}.mejs__button>button{background:transparent url(/extension/knowbc/design/knowbc/stylesheets/lib/mediaelementjs/mejs-controls.svg);border:0;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin:10px 6px;overflow:hidden;padding:0;position:absolute;text-decoration:none;width:20px}.mejs__button>button:focus{outline:1px dotted #999}.mejs__container-keyboard-inactive [role=slider],.mejs__container-keyboard-inactive [role=slider]:focus,.mejs__container-keyboard-inactive a,.mejs__container-keyboard-inactive a:focus,.mejs__container-keyboard-inactive button,.mejs__container-keyboard-inactive button:focus{outline:0}.mejs__time{box-sizing:content-box;color:#fff;font-size:11px;font-weight:700;height:24px;overflow:hidden;padding:16px 6px 0;text-align:center;width:auto}.mejs__play>button{background-position:0 0}.mejs__pause>button{background-position:-20px 0}.mejs__replay>button{background-position:-160px 0}.mejs__time-rail{direction:ltr;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:40px;margin:0 10px;padding-top:10px;position:relative}.mejs__time-buffering,.mejs__time-current,.mejs__time-float,.mejs__time-float-corner,.mejs__time-float-current,.mejs__time-hovered,.mejs__time-loaded,.mejs__time-marker,.mejs__time-total{border-radius:2px;cursor:pointer;display:block;height:10px;position:absolute}.mejs__time-total{background:hsla(0,0%,100%,.3);margin:5px 0 0;width:100%}.mejs__time-buffering{-webkit-animation:b 2s linear infinite;animation:b 2s linear infinite;background:-webkit-linear-gradient(135deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background:linear-gradient(-45deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background-size:15px 15px;width:100%}@-webkit-keyframes b{0%{background-position:0 0}to{background-position:30px 0}}@keyframes b{0%{background-position:0 0}to{background-position:30px 0}}.mejs__time-loaded{background:hsla(0,0%,100%,.3)}.mejs__time-current,.mejs__time-handle-content{background:hsla(0,0%,100%,.9)}.mejs__time-hovered{background:hsla(0,0%,100%,.5);z-index:10}.mejs__time-hovered.negative{background:rgba(0,0,0,.2)}.mejs__time-buffering,.mejs__time-current,.mejs__time-hovered,.mejs__time-loaded{left:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:all .15s ease-in;transition:all .15s ease-in;width:100%}.mejs__time-buffering{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.mejs__time-hovered{-webkit-transition:height .1s cubic-bezier(.44,0,1,1);transition:height .1s cubic-bezier(.44,0,1,1)}.mejs__time-hovered.no-hover{-webkit-transform:scaleX(0)!important;-ms-transform:scaleX(0)!important;transform:scaleX(0)!important}.mejs__time-handle,.mejs__time-handle-content{border:4px solid transparent;cursor:pointer;left:0;position:absolute;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:11}.mejs__time-handle-content{border:4px solid hsla(0,0%,100%,.9);border-radius:50%;height:10px;left:-7px;top:-4px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:10px}.mejs__time-rail .mejs__time-handle-content:active,.mejs__time-rail .mejs__time-handle-content:focus,.mejs__time-rail:hover .mejs__time-handle-content{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mejs__time-float{background:#eee;border:1px solid #333;bottom:100%;color:#111;display:none;height:17px;margin-bottom:9px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:36px}.mejs__time-float-current{display:block;left:0;margin:2px;text-align:center;width:30px}.mejs__time-float-corner{border:5px solid #eee;border-color:#eee transparent transparent;border-radius:0;display:block;height:0;left:50%;line-height:0;position:absolute;top:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0}.mejs__long-video .mejs__time-float{margin-left:-23px;width:64px}.mejs__long-video .mejs__time-float-current{width:60px}.mejs__broadcast{color:#fff;height:10px;position:absolute;top:15px;width:100%}.mejs__fullscreen-button>button{background-position:-80px 0}.mejs__unfullscreen>button{background-position:-100px 0}.mejs__mute>button{background-position:-60px 0}.mejs__unmute>button{background-position:-40px 0}.mejs__volume-button{position:relative}.mejs__volume-button>.mejs__volume-slider{-webkit-backface-visibility:hidden;background:rgba(50,50,50,.7);border-radius:0;bottom:100%;display:none;height:115px;left:50%;margin:0;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:25px;z-index:1}.mejs__volume-button:hover{border-radius:0 0 4px 4px}.mejs__volume-total{background:hsla(0,0%,100%,.5);height:100px;left:50%;margin:0;position:absolute;top:8px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2px}.mejs__volume-current{left:0;margin:0;width:100%}.mejs__volume-current,.mejs__volume-handle{background:hsla(0,0%,100%,.9);position:absolute}.mejs__volume-handle{border-radius:1px;cursor:ns-resize;height:6px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:16px}.mejs__horizontal-volume-slider{display:block;height:36px;position:relative;vertical-align:middle;width:56px}.mejs__horizontal-volume-total{background:rgba(50,50,50,.8);height:8px;top:16px;width:50px}.mejs__horizontal-volume-current,.mejs__horizontal-volume-total{border-radius:2px;font-size:1px;left:0;margin:0;padding:0;position:absolute}.mejs__horizontal-volume-current{background:hsla(0,0%,100%,.8);height:100%;top:0;width:100%}.mejs__horizontal-volume-handle{display:none}.mejs__captions-button,.mejs__chapters-button{position:relative}.mejs__captions-button>button{background-position:-140px 0}.mejs__chapters-button>button{background-position:-180px 0}.mejs__captions-button>.mejs__captions-selector,.mejs__chapters-button>.mejs__chapters-selector{background:rgba(50,50,50,.7);border:1px solid transparent;border-radius:0;bottom:100%;margin-right:-43px;overflow:hidden;padding:0;position:absolute;right:50%;visibility:visible;width:86px}.mejs__chapters-button>.mejs__chapters-selector{margin-right:-55px;width:110px}.mejs__captions-selector-list,.mejs__chapters-selector-list{list-style-type:none!important;margin:0;overflow:hidden;padding:0}.mejs__captions-selector-list-item,.mejs__chapters-selector-list-item{color:#fff;cursor:pointer;display:block;list-style-type:none!important;margin:0 0 6px;overflow:hidden;padding:0}.mejs__captions-selector-list-item:hover,.mejs__chapters-selector-list-item:hover{background-color:#c8c8c8!important;background-color:hsla(0,0%,100%,.4)!important}.mejs__captions-selector-input,.mejs__chapters-selector-input{clear:both;float:left;left:-1000px;margin:3px 3px 0 5px;position:absolute}.mejs__captions-selector-label,.mejs__chapters-selector-label{cursor:pointer;float:left;font-size:10px;line-height:15px;padding:4px 10px 0;width:100%}.mejs__captions-selected,.mejs__chapters-selected{color:#21f8f8}.mejs__captions-translations{font-size:10px;margin:0 0 5px}.mejs__captions-layer{bottom:0;color:#fff;font-size:16px;left:0;line-height:20px;position:absolute;text-align:center}.mejs__captions-layer a{color:#fff;text-decoration:underline}.mejs__captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs__captions-position{bottom:15px;left:0;position:absolute;width:100%}.mejs__captions-position-hover{bottom:35px}.mejs__captions-text,.mejs__captions-text *{background:hsla(0,0%,8%,.5);box-shadow:5px 0 0 hsla(0,0%,8%,.5),-5px 0 0 hsla(0,0%,8%,.5);padding:0;white-space:pre-wrap}.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container{display:none}.mejs__overlay-error{position:relative}.mejs__overlay-error>img{left:0;max-width:100%;position:absolute;top:0;z-index:-1}.mejs__cannotplay,.mejs__cannotplay a{color:#fff;font-size:.8em}.mejs__cannotplay{position:relative}.mejs__cannotplay a,.mejs__cannotplay p{display:inline-block;padding:0 15px;width:100%}
/* end: extension/knowbc/design/knowbc/stylesheets/lib/mediaelementjs/mediaelementplayer.min.css */