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

/* BODY */

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

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

/* 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: 1em 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: #E24602;
    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;
}


/* TABLES */

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

th, td
{
    padding: 0;
}

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

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

table.list th, table.special th
{
    border-top-width: 2px;
    font-weight: normal;
    white-space: nowrap;
}

table.list td
{
    border-top: 1px solid #f0f0f0;
    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;
}

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: 0.9em;
}

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.25em 0 0.25em;
}

fieldset label
{
    color: #000000;
}


/* 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/admin2/images/message-feedback.gif);
}

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

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

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

div.message-error h2
{
    background-image: url(/design/admin2/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;
    margin-right: 1em;
}

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

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

/* end: design/admin2/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/admin2/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; }

#leftmenu a.show-hide-control
{
    display:none;
    float:right;
    margin-top:1.5em;
}

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

a.show-hide-control
{
    float: left;
    text-align: center;
    padding: 3px;
    margin: 10px 0 0 2px;
    height: 9px;
    width: 8px;
    line-height: 7px;
    font-size: 16px;
    text-decoration: none;
}

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

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


/* HEADER */

#header-usermenu
{
    float: right;
    text-align: center;
    padding: 1em 10px 0;
}

#header-usermenu a
{
    color: #ddd;
    text-decoration: none;
}

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

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

#header-logo a, #header-logo span
{
    float: left;
    width: 108px;
    height: 45px;
    display: block;
    text-align: left;
    text-decoration: none;
    background: transparent url('/design/admin2/images/2/ez-logo-white.png') no-repeat 7px 7px scroll;
}

#header-search
{
    text-align: right;
    float: right;
    padding: 1.4em 5px 0;
    text-align: right;
}


/* TOP MENU (TABS) */

#header-topmenu
{
    padding-left: 2px;
    padding-top: 20px;
    float: left;
    min-height: 25px;
}

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

ul.tabs
{
    width: 100%;
    margin: 0.5em 0 0 0;
}

#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, ul.tabs li a, ul.tabs li span.disabled
{
    display: block;
    font-weight: bold;
    text-decoration: none;
    padding: 2px 6px 2px 6px;
    margin-left: 1px;
    margin-top: 2px;
    min-width: 95px;
    min-height: 20px;
}

ul.tabs li a, ul.tabs li span.disabled
{
    min-height: 16px;
    min-width: 80px;
}

#header-topmenu ul li.selected a, #header-topmenu ul li a:hover, #header-topmenu ul li.active a,
ul.tabs li.selected a, ul.tabs li a:hover
{
    margin-top: 0;
    min-height: 22px;
    color: #094564;
}

ul.tabs li.selected a, ul.tabs li a:hover
{
    min-height: 18px;
}

#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: 8px 6px 6px 6px;
    text-align: left;
    min-height: 24px;
}

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

#path span
{
    color: #333;
}



/* COLUMNS */

#columns
{
    background-color: #f5f5f5;
}

#maincolumn
{
    background-color: #fff;
    border-right: 1px #999 solid;
    margin-right: 180px;
}

#maincontent
{
    margin: 0 0 0 15em;
    min-height: 200px;
    padding: 0 1em 1em 1em;
}

#leftmenu
{
    float: left;
    width: 15em;
    overflow: hidden;
    margin-top: 5px;
}

#rightmenu
{ 
    float: right;
    width: 181px;
    overflow-x: hidden;
    margin-top: 5px;
}

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



/* RIGHTMENU */

#rightmenu-design
{
    margin: 3.5em 1em 0 1.5em;
    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 label { font-weight:normal; }



/* LEFTMENU */

#leftmenu-design
{
    margin: 0 1.8em 0 0.8em;
}

#leftmenu-design ul { margin-left: 1.5em; color: #aaa; }
#leftmenu-design 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 */

#leftmenu.widthcontroled
{
    position: relative;
}

#widthcontrol-handler
{
    position: absolute;
    right: 0;
    top: 1em;
    bottom: 0; /* strech div to full width of relative box */
    width: 7px;
    cursor: e-resize;
    overflow: hidden;
    background: #f8f8f8 url('/design/admin2/images/2/vertical-grippie.png') no-repeat right 30% scroll;
}

#widthcontrol-handler:hover
{
    background-position: left 30%;
    background-color: #eaeaea;
}


/* FOOTER */

#footer
{
    text-align: center;
    padding: 0.8em;
}



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

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/admin2/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;
    font-size: 0.85em;
    margin: 0px;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #bbb;

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

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

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

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.1em 0.3em 0.1em 0.3em;
    text-decoration: none;
    cursor: default;
    display: block;
}

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

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

div.popupmenu a:hover
{
    color: #ffffff;
    background-color: #2d537a;
    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-header
{
    padding: 0.1em 0em 0.1em 0em; /* 0.1 needed to avoid gaps in border */
}

.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.4em;
}

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

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

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%;
    float: left;
}

div.context-information p.right
{
    width: 48.5%;
    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%;
}

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

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.26em 0.7em;
}

/* SEARCH */

.searchblock
{
    position: relative;
}

#searchtext
{
    height: 18px;
    padding: 4px 20px 0 5px;
}

#searchtext.passive
{
        color: #888;
}

.searchbuttonfield
{
    height: 17px;
    position: absolute;
    right: 3px;
    top: 3px;
    width: 17px;
}

.searchbuttonfield:hover
{
    cursor: pointer;
}

/* FIXED CONTROLBAR DEPENDING ON SCROLL */
.yui3-js-enabled .controlbar-fixed
{
    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;
}
.yui3-js-enabled .scroll-to-top
{
    display:block;
}
.scroll-to-top:hover
{
color:#fff;
}

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

/* start: design/admin2/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;
}

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

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

table.list .sort-desc a
{
padding-right:1.5em;
background:url(/design/admin2/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.context-attributes table.list th, div.mainobject-window table.list th
{
    color: #333;
    border-top: 1px solid #CCCCCC;
}

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/admin2/images/2/yui_sprite.png") no-repeat 0 -400px;
}

fieldset.ezcca-collapsible.ezcca-collapsed legend a
{
    background: url("/design/admin2/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;
}

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

/* start: design/admin2/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.
*/


/* LOGIN PAGE (center it) */

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

.loginpage #header
{
    height: 15%;
}

.loginpage #columns
{
    height: 85%;
    background-color: #fff;
}

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

.loginpage #columns #maincontent
{
    width: 48em;
    margin: 0 auto;
}

.loginpage #columns #maincontent .box-header
{
    background: transparent url('/design/admin2/images/2/ez-logo-black.png') no-repeat top right scroll;
    padding-top: 1em;
}

.loginpage #footer
{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}

.loginpage #debug
{
    padding-bottom: 4em;
}


/* HEADER */
#header
{ 
    border-bottom: 1px solid #666;
    background-color: #246b99;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#246b99), to(#3b8bb4));
    background-image: -moz-linear-gradient(top,  #246b99,  #3b8bb4);
    background-image: -ms-linear-gradient(top,  #246b99,  #3b8bb4);
    background-image: -o-linear-gradient(top,  #246b99,  #3b8bb4);
    background-image: linear-gradient(top,  #246b99,  #3b8bb4);
}

.loginpage #header
{
    border-bottom-width: 0;
    background: #fefefe;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#fff));
    background-image: -moz-linear-gradient(top,  #f5f5f5,  #fff);
    background-image: -ms-linear-gradient(top,  #f5f5f5,  #fff);
    background-image: -o-linear-gradient(top,  #f5f5f5,  #fff);
    background-image: linear-gradient(top,  #f5f5f5,  #fff);
}

/* TOP MENU (TABS) */

#header-topmenu ul li a, #header-topmenu ul li span.disabled, ul.tabs li a, ul.tabs li span.disabled
{
    border: 1px solid #666;
    border-bottom-width: 0;
    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);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-clip: padding-box;
}

ul.tabs li a, ul.tabs li span.disabled
{
    border-color: #ccc;
}

#header-topmenu ul li.selected a, #header-topmenu ul li.selected span.disabled, ul.tabs li.selected a
{
    border-bottom: 1px solid #fff;
    background: #fff none;
    background-clip: padding-box;
}

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

.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-logo a, #header-logo span
    {
        width: 50px;/* Use only eZ logo on small screens */
    }

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

/* BOX MODEL */

a.show-hide-control
{
    background-color: white;
    border: 1px solid #999;
    border-left: 0;
    margin-left: 0;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    background-clip: padding-box;
}


#leftmenu a.show-hide-control
{
    border:1px solid #999;
    border-right: 0;
    border-radius:0;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

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

a.show-hide-tabs
{
    padding: 0 5px;
    border-radius: 3px;
    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);
    border: 1px solid #CCCCCC;
    cursor: pointer;
    font-weight: normal;
    font-size: 1em;
    overflow: visible;
    text-align: center;
    text-decoration: none;
    vertical-align: text-bottom;
    width: auto;
    background-clip: padding-box;
}

a.show-hide-tabs:hover
{
    border-color: #999;
}

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

#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-bottom: 1px solid #ccc;
}

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

.context-information, .subitems-controlbar
{
    background-color: #F5F5F5;
    border: 1px solid #ccc;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background-clip: padding-box;
}

.context-information
{
    border-top: 0 none;
}

.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
{
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border: 1px solid #CCCCCC;
    border-top: 0 none;
    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.versions a
{
    text-decoration: none;
}

p.table-preferences
{
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border: 1px solid #CCCCCC;
    border-top: 0 none;
    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;
}

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

input.button, input.defaultbutton, input.button-disabled
{
    color: #fff;
    background: #516e9e;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5d7db1), to(#445c89));
    background-image: -moz-linear-gradient(top,  #5d7db1,  #445c89);
    background-image: -ms-linear-gradient(top,  #5d7db1,  #445c89);
    background-image: -o-linear-gradient(top,  #5d7db1,  #445c89);
    background-image: linear-gradient(top,  #5d7db1,  #445c89);
    border: 1px solid #cfd1d3;
    border-radius: 3px;
    background-clip: padding-box;
}

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

input.defaultbutton
{
    background: #d68916;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e99a21), to(#c97d10));
    background-image: -moz-linear-gradient(top,  #e99a21,  #c97d10);
    background-image: -ms-linear-gradient(top,  #e99a21,  #c97d10);
    background-image: -o-linear-gradient(top,  #e99a21,  #c97d10);
    background-image: linear-gradient(top,  #e99a21,  #c97d10);
}

input.button-disabled, input.button[disabled="disabled"]
{
    color: #888;
    background: #f3f3f3;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#dfdfdf));
    background-image: -moz-linear-gradient(top,  #fefefe,  #dfdfdf);
    background-image: -ms-linear-gradient(top,  #fefefe,  #dfdfdf);
    background-image: -o-linear-gradient(top,  #fefefe,  #dfdfdf);
    background-image: linear-gradient(top,  #fefefe,  #dfdfdf);
}

/* SEARCH */
#searchtext
{
    border: 1px solid #666;
    border-radius: 3px;
    background: #fff url(/design/admin2/images/icons-sprite.png) no-repeat right -365px;
    background-clip: padding-box;
    line-height: 18px !important;
}

#searchtext:focus
{
    border-color: #000;
}

#searchtext.disabled
{
    background-color: #efefef;
}

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

.content-dashboard .box-header
{
     background: transparent url('/design/admin2/images/2/welcome.png') no-repeat scroll right bottom;
     padding: 35px 0 0;
}

.content-dashboard .box-header h1
{
     visibility: hidden;
}

.dashboard-item
{
    margin-top: 2em;
}


/* PAGENAVIGATOR */

div.pagenavigator
{
    text-align: center;
}

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: 0.8em;
    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
{
    border-top: 1px solid #999;
    background: #fefefe;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#fefefe));
    background-image: -moz-linear-gradient(top,  #f5f5f5,  #fefefe);
    background-image: -ms-linear-gradient(top,  #f5f5f5,  #fefefe);
    background-image: -o-linear-gradient(top,  #f5f5f5,  #fefefe);
    background-image: linear-gradient(top,  #f5f5f5,  #fefefe);
}


/* MISC */
table.list th, table.special th
{
    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);
    padding-top:0;
    padding-bottom:0;
}

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

#editform #leftmenu
{
    border:1px solid #ccc;
    border-radius:3px;
    background:#f5f5f5;
}

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


/* YUI 2 calendar (uses #page to force override) */

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

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

/* start: design/admin2/stylesheets/theme/yui_datatable.css */
/* DATA TABLE */

.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;
    border: 1px solid #CCCCCC;
    width: 100%;
    clear: both;
    border-radius: 2px;
}

.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 {
    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);
}

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

.yui-dt th {
    margin: 0;
    padding: 0;
    border: none;
    border-left: 1px dotted #CBCBCB;
}

.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;
    border-bottom: 1px dotted #CBCBCB;
    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: #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);
}

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

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

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

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/admin2/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/admin2/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/admin2/images/2/yui_sprite.png")
        repeat-x 0 -1300px;
    color: #000;
}

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


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

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

.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: 0.8em;
    zoom: 1;
}

.yui-pg-first,.yui-pg-previous,.yui-pg-next,.yui-pg-last {
    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);
    border-color: -moz-use-text-color #CCCCCC #CCCCCC;
    border: 1px solid #CCCCCC;
    text-decoration: none;
    border-radius: 2px;
    overflow: visible;
    width: auto;
    cursor: pointer;
    font-weight: normal;
    text-align: center;
    margin: 0px 2px;
    padding: 0.1em 0.4em;
}

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


.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/admin2/images/icons-sprite.png) no-repeat 0 -192px;
}

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

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

.thumbview{
    position: relative;
    z-index: 0;
    background: transparent url(/design/admin2/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/admin2/stylesheets/theme/yui_datatable.css */

/* start: design/admin2/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/admin2/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/admin2/images/2/yui_submenuindicator.png")
        right center no-repeat;
}

.yuimenubaritem-selected {
    background:
        url("/design/admin2/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/admin2/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/admin2/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/admin2/images/2/yui_submenuindicator.png")
        ;
    background-position: right center;
    background-repeat: no-repeat;
}

.yuimenuitem-checked {
    background-image:
        url("/design/admin2/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/admin2/images/2/yui_submenuindicator_disabled.png")
        ;
}

.yuimenuitem-checked-disabled {
    background-image:
        url("/design/admin2/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: 15px;
    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 {
    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);
    border-color: #CCCCCC;
    border: 1px solid #CCCCCC;
    text-decoration: none;
    border-radius: 2px;
    overflow: visible;
    width: auto;
    cursor: pointer;
    font-weight: normal;
    text-align: center;
    display:inline-block;
    vertical-align:text-bottom;
    margin: auto 0.25em;
}

.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.2em 0.5em;
}

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

#ezbtn-more button {
    background: transparent url(/design/admin2/images/icons-sprite.png) no-repeat 98% -126px;
    padding-right: 1.7em;
}

#ezbtn-items-button { 
    background: transparent url(/design/admin2/images/icons-sprite.png) no-repeat 5% 2px;
    padding-left: 2em;
}

#ezbtn-new-button {
    background: transparent url(/design/admin2/images/icons-sprite.png) no-repeat 5% -94px;
    padding-left: 2em;
}

.yui-button-disabled #ezbtn-new-button {
    background: transparent url(/design/admin2/images/icons-sprite.png) no-repeat 5% -294px;
    padding-left: 2em;
    color: #888
}

#ezbtn-options-button {
    background: transparent url(/design/admin2/images/icons-sprite.png) no-repeat 5% -326px;
    padding-left: 2em;
}

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

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

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

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

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

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

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

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

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

#ezopt-menu-list {
    background-image: url('/design/admin2/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/admin2/stylesheets/theme/yui_menu.css */

/* start: design/admin2/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/admin2/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/admin2/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/admin2/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/admin2/stylesheets/theme/yui_container.css */

/* start: design/admin2/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;
    border-radius:5px;
    padding:2px;
}

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

.modal-window h2
{
    background-color: #e4e3e4;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e4e3e4), to(#fdfdfd));
    background-image: -moz-linear-gradient(top, #e4e3e4, #fdfdfd);
    background-image: -ms-linear-gradient(top,  #e4e3e4,  #fdfdfd);
    background-image: -o-linear-gradient(top,  #e4e3e4,  #fdfdfd);
    background-image: linear-gradient(top,  #e4e3e4,  #fdfdfd);
    /* IE */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e3e4', endColorstr='#fdfdfd');
    border-radius:5px;
    margin-top:0;
    font-size:1.1em;
    padding:4px 3px 4px 6px;
}

.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/admin2/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;
}

.has-default-value
{
    color:#888;
}

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

/* start: extension/ezautosave/design/admin2/stylesheets/autosave.css */

#ez-as-place
{
font-size:0.95em;
display:block;
padding:2px 0 2px 20px;
color:#333;
float:left;
}

.as-success
{
background:url(/extension/ezautosave/design/standard/images/icons-sprite.png) no-repeat 0 0;
}

.as-saving
{
background:url(/extension/ezautosave/design/standard/images/as-loader.gif) no-repeat 0 1px;
}

.as-error
{
background:url(/extension/ezautosave/design/standard/images/icons-sprite.png) no-repeat 0 -49px;
}

.as-error span
{
border-bottom:1px dashed #999;
}

/* end: extension/ezautosave/design/admin2/stylesheets/autosave.css */

/* start: extension/ezautosave/design/admin2/stylesheets/preview.css */
#content-preview
{
position:fixed;
right:0;
top:0;
height:0;
background:#fff;
z-index:1000;
width:100%;
display:none;
}

#content-preview a.close
{
display:block;
float:right;
font-weight:normal;
font-size:0.7em;
color:#333;
text-decoration:none;
}

#content-preview img
{
vertical-align:middle;
}

#content-preview .context-information
{
border-top:1px solid #ccc;
margin-bottom:0;
}

.controlbar-fixed #content-preview.previewed
{
border-top:1px solid #ccc;
display:block;
}

#content-preview .loader, #content-preview .error
{
display:none;
}

#content-preview.loading, #content-preview.error
{
text-align:center;
}

#content-preview.loading .loader
{
margin:40px auto 0 auto;
display:inline-block;
font-size:120%;
background:#fff url(/design/admin2/images/2/loader.gif) 15px center no-repeat;
padding:20px 30px 20px 62px;
color:#222;
}

#content-preview.loading #preview-iframe
{
display:none;
}

#content-preview.error .error
{
margin:40px auto 0 auto;
display:inline-block;
font-size:120%;
background:#ffdede url(/design/admin2/images/message-error.gif) 15px center no-repeat;
padding:20px 30px 20px 62px;
border:1px solid #9a2e2e;
border-radius:5px;
color:#550101;
}

#content-preview.previewed iframe
{
border:1px solid #999;
width:100%;
margin-bottom:10px;
}

#content-preview .preview-header
{
padding:20px 0 10px 0;
}


#content-preview h1
{
margin-top:0;
}

#content-preview.error #preview-iframe
{
display:none;
}

#preview-iframe
{
padding:0 20px;
}

#preview-spacer
{
visibility:hidden;
}

.controlbar-fixed #preview-link, .controlbar-fixed #preview-spacer
{
display:inline-block;
padding:0 0.8em;
margin-left:0.5em;
font-weight:bold;
}

#preview-link, #preview-spacer
{
display:none;
}

#preview-link span, #preview-spacer span
{
display:inline-block;
margin-top:0.7em;
padding-left:15px;
background: url(/design/admin2/images/2/yui_sprite.png) no-repeat -16px -850px;
}

#preview-link
{
position:fixed;
top:0;
right:0;
border-left:1px solid #ccc;
z-index:2000;
}

#preview-link:hover
{
cursor:s-resize;
}

#preview-link.previewed
{
background:#fff;
z-index:2000;
border-bottom:1px solid #fff;
}


#preview-link.previewed span
{
background: url(/design/admin2/images/2/yui_sprite.png) no-repeat -16px -950px;
}

#preview-link.previewed:hover
{
cursor:n-resize;
}

.preview-warning
{
font-size:1.1em;
}

/* end: extension/ezautosave/design/admin2/stylesheets/preview.css */

/* empty: extension/ezoe_fontawesome/design/standard/stylesheets/fontawesome_ezoe.css */