@charset "utf-8";
/* oldalformázó állomány */
.ui-widget {
    font-family: arial, ms sans serif;
}


HTML,
BODY {
    margin:0;
    padding:0;
    height:100%;
    font-family: arial, ms sans serif;
}

BODY.admin_login #pg_main,
BODY.admin_forgotten_password #pg_main {
    background: url('images/bg.jpg') no-repeat center center;
    background-size: cover;
}

H2 {
    font-size: 14px;    
    font-weight: bold;
    margin: 0 0 10px 0;
}

P {
    margin: 0 0 10px 0;
}

A {
    text-decoration: none;
}

EM {
    font-style: italic;
}

A.btn {
    background: #efefef;
    border-color: #ccc;
    color: #666;
    display: block;
    float: left;
    margin: 5px;
    position: relative;
    font-size: 12px;
    padding: 2px 10px 2px 20px;
}
A.btn:hover {
    color: #2E6E9E;
}

A.btn span.ui-icon {
    left: 2px;
    margin: 0 5px 0 0;
    position: absolute;
    top: 1px;
}

div.ui-widget {
    font-size: 12px;
}

STRONG {
    font-weight: bold;
}

EM {
    font-style: italic;
}

#pg_wrapper {
    width: 100%;
    height: 100%;     /* firefoxnak kell, ie megy nélküle is */
    margin: 0 auto;
}

#pg_main {
    min-height: 100%;
    position: relative;
}

#pg_header {
    height: 111px;
    position: relative;
    background: url('images/header-bg.png') repeat-x;
    z-index: 1000;
}

#pg_header #pg_home_link {
    position: absolute;
    display: block;
    width: 241px;
    height: 36px;
    top: 9px;
    left: 5px;
    background: url('images/logo.png') no-repeat;
}

#pg_header #pg_home_link SPAN {
    display: none;
}

#pg_body {
    padding-bottom: 70px;    /* A footer magassága, + body<->footer távolság */
}

#pg_footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #4c4c4c;
    color: #eee;
    font-size: 10px;
}
 
#pg_footer A {
    color: #eee;
}

#pg_footer A:hover {
    text-decoration: underline;
}

#pg_body {
    float: left;
    width: 100%;
    font-size: 12px;
}

#pg_body A {
    color: #2E6E9E;
}

#main_col {
    overflow: auto;
}

#main_col .col_content {
    overflow: auto;
    border: 1px solid #DDD;
    margin: 5px;
    padding: 10px;
}

#main_col .col_content #inner_left {
    float: left;
    width: 35%;
    margin: 0 10px 0 0;
}

#main_col .col_content #inner_right {
    overflow: hidden;
}


#sidebar_holder {
    float: left;
    width: 310px;
    border: 1px solid #fff;
}

#sidebar_holder.closed {
    width: 42px;
}

#sidebar {
    float: left;
    margin: 5px 0 0 5px;
    width: 300px;
    height: 500px;
    background-color: #fff;
    border: 1px solid #D0D0D0;
}

#sidebar #close_sidebar {
    margin: 0;
    display: block;
}

#closed_sidebar {
    display: none;
    float: left;
    margin: 5px 0 0 5px;
    width: 35px;
    background-color: #fff;
    border: 1px solid #D0D0D0;
}

#closed_sidebar #open_sidebar {
    margin: 5px 5px 5px 5px;
    height: 15px;
    padding-right: 0;
    width: 3px;
}

#closed_sidebar #open_sidebar SPAN {
    top: 2px;
    left: 3px;
}

#sidebar .form TABLE {
    width: 100%;
    margin: 0 0 10px 0;
}

#sidebar .form .text_input {
    margin: 0;
}

#sidebar .form TEXTAREA {
    width: 275px;
}

#sidebar .form .submit_area {
    width: 287px;
}

.col_content {
    margin: 5px;
}

#main_col #content_holder {
    width: 100%;
    float: left;
}

#main_col #help_holder {
    display: none;
    float: right;
}

#main_col #help_holder .col_content {
    padding: 0;
    margin-left: 5px;
}

#help {
    padding: 0 5px 0 5px;
}

#help H1, #help H2, #help H3 {
    color: #2E6E9E;
    font-weight: bold;
    margin: 0 0 10px 0;
}

#help P {
    margin: 0 0 10px 0;
}

#help H1 {
    font-size: 14px;
}

#help H2 {
    font-size: 12px;
    margin: 10px 0 5px 0;
}


#pg_header #pg_main_nav {
    position: absolute;
    top: 51px;
    height: 38px;
    line-height: 38px;
}

#pg_header #pg_main_nav .ui-icon {
    margin-top: -8px;
    position: absolute;
    right: 3px;
    top: 55%;
}

#pg_header #pg_main_nav UL LI {
    float: left;
    border-left: 1px solid #F7F7F7;
    border-right: 1px solid #D0D0D0;
    background: #eee;
    position: relative;
}

#pg_header #pg_main_nav UL LI.hover {
    background: #ddd;
}

#pg_header #pg_main_nav UL LI A {
    display: block;
    height: 40px;
    line-height: 42px;
    padding: 0 14px 0 8px;
    color: #464545;
    text-shadow: 1px 1px 0 #FFFFFF;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
}

#pg_header #pg_main_nav UL LI.red A {
    color: #f00;
}

#pg_header #pg_main_nav UL LI.with_ul A {
    padding-right: 20px;
}

#pg_header #pg_main_nav UL LI UL {
    display: none;
    background: #fff;
    border: 1px solid #aaa;
    box-shadow: 0 0 5px #999;
    left: -1px;
    padding: 5px;
    position: absolute;
    top: 40px;
    width: 160px;
    z-index: 1000;
}

#pg_header #pg_main_nav UL LI UL LI {
    background: #f0f0f0;
    border-bottom: 1px dotted #ccc;
    border-left: none;
    border-right: none;
    float: none;
    height: 30px;
    line-height: 30px;
    position: relative;
}

#pg_header #pg_main_nav UL LI UL LI A {
    line-height: 32px;
}

#pg_header #pg_main_nav UL LI UL LI A.add {
    position: absolute;
    right: 6px;
    top: 6px;
    width: 24px;
    height: 13px;
    line-height: 13px;
    padding: 2px;
    text-shadow: none;
    font-weight: normal;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    text-align: center;
}

#pg_header #pg_functions {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #ccc;
}



.clearer {
    clear: both;
}

.sticky {
    position: fixed;
    top: 0;
}

.hcenter { text-align: center; }
.hleft { text-align: left; }
.hright { text-align: right; }


/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; }
.ui-corner-tr { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; }
.ui-corner-br { -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }
.ui-corner-top { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }
.ui-corner-right {  -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }
.ui-corner-left { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; }
.ui-corner-all { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

.ui-state-error,
.ui-state-highlight {
    margin: 10px 0 10px 0;
    padding: 5px 5px 5px 2px;
}

#cms_form .ui-state-error,
#cms_form .ui-state-highlight {
    margin-left: 0px;
    margin-right: 10px;
}

.ui-state-error P,
.ui-state-highlight P {
    margin: 0;
}


.ui-widget-header H3 {
    font-size: 12px;
    padding: 4px 5px 4px 5px;
    font-weight: bold;
}

.ui-state-error .ui-icon,
.ui-state-highlight .ui-icon  {
    float: left;
    margin: 0 2px 0 0;
}

#pg_body .ui-state-error A {
    color: #f00;
}

#pg_body .ui-state-error A:hover {
    text-decoration: underline;
}

div.ui-widget.ui-jqgrid {
    font-size: 12px !important;
}

.ui-jqgrid A {
    text-decoration: none;
    color: #2E6E9E;
}

.ui-jqgrid A:hover {
    text-decoration: underline;
}

.ui-jqgrid tr.jqgrow td {
    height: 34px;
    padding: 0 3px 0 3px;
}

.ui-jqgrid .ui-pg-input,
.ui-jqgrid .ui-pg-selbox {
    border: 1px solid #AAA;
}

tr.ui-search-toolbar input {
    height: 18px;
    border: 1px solid #AAA;
}

tr.ui-search-toolbar select {
    height: 20px;
    border: 1px solid #AAA;
}

tr.ui-search-toolbar select option {
    line-height: 20px;
}

.ui-jqgrid .yes {
    color: #178c00;
}

/* jstree */
.jstree {
    margin: 5px 0 0 0;
}

.jstree LI {
    font-size: 12px;
}


/* fileuploader */
#file_uploader {

}

.qq-upload-button {
    width: 350px;
    padding: 6px 6px 6px 6px;
    background: #ddd;
    color: #444;
    height: 30px;
    line-height: 30px;

}

.qq-upload-drop-area {
    width: 350px;
    padding: 5px 5px 5px 5px;
    height: 30px;
    min-height: 30px;
    background: #ddd;
    color: #444;
    border: 1px dashed #999;

}

/* form */
.form FIELDSET {
    position: relative;
}

.form TABLE {
    width: 90%;
    font-size: 12px;
    margin: 10px;
}

.form TABLE .col_label {
    width: 20%;
}

.form .text_input {
    width: 350px;
    border: 1px solid #aaa;
    height: 19px;
    line-height: 19px;
    padding: 0 5px 0 5px;
    margin: 0 10px 0 0;
}

.form .text_input.small {
    width: 100px;
}

.form SELECT.text_input.small {
    width: 120px;
}

.form .text_input.disabled {
    background: #eee;
}

.form .text_input.middle {
    width: 170px;
}

.form SELECT.text_input.middle {
    width: 182px;
}

.form SELECT.text_input {
    width: 362px;
    padding-right: 0;
    background-image: none !important;
}

.form .text_input.readonly {
    background: #ddd;
    color: #999;
}

.form TEXTAREA.text_input {
    width: 350px;
    height: 150px;
}

.form TEXTAREA.text_input.short {
    height: 50px;
}

.form TEXTAREA.text_input.large {
    width: 500px;
    height: 300px;
}

.form TABLE TD {
    padding: 3px 1px 3px 1px;
    vertical-align: top;
}

.form TABLE TD LABEL {
    display: inline-block;
    margin: 4px 0 0 0;
}

.form .ui-button {
    width: 362px;
}

.form SPAN.warning {
    color: #f00;
}

.form .text_input.required {
    background: #fff url('images/input-icon-required.png') no-repeat 340px 2px;
    border: 1px solid #f00;
}

.form .complex.required {
    border: 1px solid #f00;
}

.form .text_input.warning {
    background: #fff url('images/input-icon-warning.png') no-repeat 339px 2px;
    border: 1px dotted #f00;
}

.form .submit_area {
    background: #E5ECF9;
    width: 364px;
    height: 50px;
    border-top: 3px solid #A6C9E2;
    position: relative;
}

.form .submit_area.large {
    width: 514px;
}

.form .submit_button {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -16px 0 0 -67px;
    background: transparent url('images/button-submit.png') no-repeat;
    width: 134px;
    height: 28px;
    border: none;
    cursor: pointer;
    font-size: 12px;
}

.form .submit_button.hover {
    background-position: 0 -28px;
}

.form #actual_picture_holder {
    position: relative;
    float: left;
    padding: 0 20px 0 0;
}

.form #actual_picture_holder IMG {
    margin: 0 0 10px 0;
}

.form #actual_picture_holder .delete {
    position: absolute;
    right: 0;
    top: 0;
}

.form TABLE .ui-state-error, .form TABLE .ui-state-highlight {
    margin: 0;
}

.form H3 {
    font-weight: bold;
    margin: 20px 0 0 0;
}

.form A.btn {
    float: none;
    margin-top: 0;
    margin-left: 0;
    width: 100px;
    display: inline;
    height: 16px;
}

.form TR.form_title TD P {
    border-bottom: 1px dotted #ccc;
    padding: 10px 0 0 0;
}



/* table */



.ui-widget-content .table {
    border-collapse: collapse;
    width: 100%;
    font-size: 12px;
}

.ui-widget-content TH {
    background: #ddd;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}

.ui-widget-content .table TD, .table TH {
    padding: 3px 5px 3px 5px;
}

.ui-widget-content .table TR.even TD {
    background: #f8f8f8;
}

.ui-widget-content .table TR.hover TD {
    background: #E5ECF9;
}

.ui-widget-content .table TR.pointer {
    cursor: pointer;
}

.ui-widget-content .table TR.even:last-child TD {

}

/* breadcrumb */

#breadcrumb {
    font-size: 12px;
}

#breadcrumb UL LI {
    display: inline-block;
    height: 27px;
    line-height: 27px;
    background: url('images/breadcrumb-arrow.png') no-repeat right;
    height: 100%;
    padding: 0 20px 0 5px;
}

#breadcrumb UL LI A {
    color: #2E6E9E;
}

#breadcrumb UL LI A:hover {
    text-decoration: underline;
}


/* toolbar */
#toolbar {
    margin: 10px 0 10px 0;
    overflow: auto;
    padding: 5px 0 5px 0;
    background: #E5ECF9;
    position: relative;
}

#toolbar .disabled {
    cursor: default;
}

#toolbar H1 {
    float: left;
    font-size: 18px;
    height: 32px;
    line-height: 32px;
    background: url('images/title-icons.png') no-repeat;
    padding: 0 0 0 42px;
    margin: 14px 0 0 10px;
}

.toolbar UL {
    float: right;
}

.toolbar UL LI {
    float: left;
    border-right: 1px solid #fff;
    border-left: 1px solid #bdd2f9;
    font-size: 12px;
    padding: 0 10px 0 10px;
}

.toolbar UL LI:first-child {
    border-left: none;
}

.toolbar UL LI:last-child {
    border-right: none;
}

.toolbar UL LI A {
    display: block;
    width: 74px;
    height: 54px;
    text-decoration: none;
    text-align: center;
}

#toolbar UL LI A.disabled{
    color: #888;
}

.toolbar UL LI A SPAN.cms_icon {
    margin: 5px auto 5px auto;
}

.toolbar UL LI A SPAN {
    display: block;
}

.toolbar .max_records {
    position: absolute;
    left: 53px;
    bottom: 2px;
    font-size: 11px;
}

/* blockui */
.blockMsg {
    opacity: 0.8;
}

#blockui_ajax_loader {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('images/ajax-loader.gif') no-repeat;
    margin: 0 10px 5px 0;
}

.blockUI STRONG {
    line-height: 36px;
}

/* toolbar title icons */
#toolbar.admin_login H1 { background-position: 0 -192px; }

#toolbar.admin_content H1,
.module_icon A SPAN.img.admin_content {
    background-position: 0 -320px;
}

#toolbar.admin_slides H1,
.module_icon A SPAN.img.admin_slider {
    background-position: 0 -352px;
}

#toolbar.admin_categories H1,
.module_icon A SPAN.img.admin_categories,
.module_icon A SPAN.img.module_categories  {
    background-position: 0 -256px;
}

#toolbar.admin_products H1,
.module_icon A SPAN.img.admin_products {
    background-position: 0 -224px;
}

#toolbar.admin_users H1,
.module_icon A SPAN.img.admin_users  {
    background-position: 0 -288px;
}

#toolbar.admin_settings H1,
.module_icon A SPAN.img.admin_settings {
    background-position: 0 -64px;
}

#toolbar.admin_shipping_rates H1,
.module_icon A SPAN.img.admin_shipping_rates {
    background-position: 0 -128px;
}

#toolbar.admin_modules H1,
.module_icon A SPAN.img.admin_modules {
    background-position: 0 -512px;
}

#toolbar.admin_banners H1,
.module_icon A SPAN.img.admin_banners {
    background-position: 0 -544px;
}

#toolbar.admin_geo_zones H1,
.module_icon A SPAN.img.admin_geo_zones {
    background-position: 0 -576px;
}

#toolbar.admin_pay_modes H1,
.module_icon A SPAN.img.admin_pay_modes {
    background-position: 0 -96px;
}


#toolbar.admin_companies H1,
.module_icon A SPAN.img.admin_companies {
    background-position: 0 -32px;
}

#toolbar.admin_orders H1,
.module_icon A SPAN.img.admin_orders,
.module_icon A SPAN.img.module_shopping_cart {
    background-position: 0 -384px;
}

#toolbar.admin_projects H1,
.module_icon A SPAN.img.admin_projects  {
    background-position: 0 -480px;
}

#toolbar.admin_recycling_plants H1,
.module_icon A SPAN.img.admin_recycling_plants  {
    background-position: 0 -512px;
}

#toolbar.admin_deposits H1,
.module_icon A SPAN.img.admin_deposits  {
    background-position: 0 -544px;
}

#toolbar.admin_polluted_sites H1,
.module_icon A SPAN.img.admin_polluted_sites  {
    background-position: 0 -576px;
}

.dashboard_menu LI A SPAN.img.doc {
    background-position: 0 -416px;
}

.module_icon A SPAN.img.module_search {
    background-position: 0 -448px;
}

.module_icon A SPAN.img.module_featured {
    background-position: 0 -480px;
}

.module_icon A {
    width: 70px;
    height: 70px;
    text-align: center;
    font-size: 10px;
    border:  1px solid #ddd;
    display: block;
    padding: 5px;
    border-radius: 2px;
}

.module_icon A:hover {
    border:  1px solid #999;
    background: #eee;
}

.module_icon A SPAN.img {
    background: url('images/title-icons.png') no-repeat;
    display: block;
    width: 32px;
    height: 32px;
    margin: 10px 19px 10px 19px;
}



/* cms_icon */
.cms_icon {
    background: url('images/cms-icons.png') no-repeat;
    display: inline-block;
    width: 32px;
    height: 32px;
}

.cms_icon SPAN {
    display: none;
}

.cms_icon.add { background-position: 0 0; }
.cms_icon.add.disabled, .disabled .cms_icon.add { background-position: -32px 0; }
.cms_icon.add:hover { background-position: -64px 0; }
.cms_icon.add.disabled:hover, .disabled .cms_icon.add:hover { background-position: -32px 0; cursor: default; }

.cms_icon.edit { background-position: 0 -32px; }
.cms_icon.edit.disabled, .disabled .cms_icon.edit { background-position: -32px -32px; }
.cms_icon.edit:hover { background-position: -64px -32px; }
.cms_icon.edit.disabled:hover, .disabled .cms_icon.edit:hover { background-position: -32px -32px; cursor: default;}

.cms_icon.delete { background-position: 0 -64px; }
.cms_icon.delete.disabled, .disabled .cms_icon.delete { background-position: -32px -64px; }
.cms_icon.delete:hover { background-position: -64px -64px; }
.cms_icon.delete.disabled:hover, .disabled .cms_icon.delete:hover { background-position: -32px -64px; cursor: default;}

.cms_icon.copy { background-position: 0 -96px; }
.cms_icon.copy.disabled, .disabled .cms_icon.copy { background-position: -32px -96px; }
.cms_icon.copy:hover { background-position: -64px -96px; }
.cms_icon.copy.disabled:hover, .disabled .cms_icon.copy:hover { background-position: -32px -96px; cursor: default; }

.cms_icon.list { background-position: 0 -128px; }
.cms_icon.list.disabled, .disabled .cms_icon.list { background-position: -32px -128px; }
.cms_icon.list:hover { background-position: -64px -128px; }
.cms_icon.list.disabled:hover, .disabled .cms_icon.list:hover { background-position: -32px -128px; cursor: default; }

.cms_icon.save { background-position: 0 -160px; }
.cms_icon.save.disabled, .disabled .cms_icon.save { background-position: -32px -160px; }
.cms_icon.save:hover { background-position: -64px -160px; }
.cms_icon.save.disabled:hover, .disabled .cms_icon.save:hover { background-position: -32px -160px; cursor: default; }

.cms_icon.apply { background-position: 0 -192px; }
.cms_icon.apply.disabled, .disabled .cms_icon.apply { background-position: -32px -192px; }
.cms_icon.apply:hover { background-position: -64px -192px; }
.cms_icon.apply.disabled:hover, .disabled .cms_icon.apply:hover { background-position: -32px -192px; cursor: default; }

.cms_icon.help { background-position: 0 -224px; }
.cms_icon.help.disabled, .disabled .cms_icon.help { background-position: -32px -224px; }
.cms_icon.help:hover { background-position: -64px -224px; }
.cms_icon.help.disabled:hover, .disabled .cms_icon.help:hover { background-position: -32px -224px; cursor: default; }

.cms_icon.cancel { background-position: 0 -256px; }
.cms_icon.cancel.disabled, .disabled .cms_icon.cancel { background-position: -32px -256px; }
.cms_icon.cancel:hover { background-position: -64px -256px; }
.cms_icon.cancel.disabled:hover, .disabled .cms_icon.cancel:hover { background-position: -32px -256px; cursor: default; }

.cms_icon.export { background-position: 0 -288px; }
.cms_icon.export.disabled, .disabled .cms_icon.export { background-position: -32px -288px; }
.cms_icon.export:hover { background-position: -64px -288px; }
.cms_icon.export.disabled:hover, .disabled .cms_icon.export:hover { background-position: -32px -288px; cursor: default; }


.small_icon {
    background: url('images/small-icons.png') no-repeat center center;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.small_icon SPAN {
    display: none;
}

.small_icon.add { background-position: 0 0; }
.small_icon.add.disabled { background-position: -16px 0; }
.small_icon.add:hover { background-position: -32px 0; }
.small_icon.add.disabled:hover { background-position: -16px 0; cursor: default; }

.small_icon.edit { background-position: 0 -16px; }
.small_icon.edit.disabled { background-position: -16px -16px; }
.small_icon.edit:hover { background-position: -32px -16px; }
.small_icon.edit.disabled:hover { background-position: -16px -16px; cursor: default; }

.small_icon.delete { background-position: 0 -32px; }
.small_icon.delete.disabled { background-position: -16px -32px; }
.small_icon.delete:hover { background-position: -32px -32px; }
.small_icon.delete.disabled:hover { background-position: -16px -32px; cursor: default; }

.small_icon.copy { background-position: 0 -48px; }
.small_icon.copy.disabled { background-position: -16px -48px; }
.small_icon.copy:hover { background-position: -32px -48px; }
.small_icon.copy.disabled:hover { background-position: -16px -48px; cursor: default; }

.small_icon.photo { background-position: 0 -64px; }
.small_icon.photo.disabled { background-position: -16px -64px; }
.small_icon.photo:hover { background-position: -32px -64px; }
.small_icon.photo.disabled:hover { background-position: -16px -64px; cursor: default; }

.small_icon.no_photo { background-position: 0 -80px; }
.small_icon.no_photo.disabled { background-position: -16px -80px; }
.small_icon.no_photo:hover { background-position: -32px -80px; }
.small_icon.no_photo.disabled:hover { background-position: -16px -80px; cursor: default; }

.small_icon.status { background-position: 0 -96px; }
.small_icon.status.disabled { background-position: -16px -96px; }
.small_icon.status:hover { background-position: -32px -96px; }
.small_icon.status.disabled:hover { background-position: -16px -96px; cursor: default; }


.small_icon.view { background-position: 0 -112px; }
.small_icon.view.disabled { background-position: -16px -112px; }
.small_icon.view:hover { background-position: -32px -112px; }
.small_icon.view.disabled:hover { background-position: -16px -112px; cursor: default; }





/* tabs */
UL.ui-tabs-nav LI A{
    font-size: 12px;
}

/* admin_categories */
#category_tree {
    overflow: hidden;
}

/* dashboard */
.dashboard_menu {
    margin: 0 10px 10px 10px;
}

.dashboard_menu UL {
    border-radius: 4px;
}

.dashboard_menu UL.green {
}

.dashboard_menu UL.orange {
}

.dashboard_menu LI {
    display: inline-block;
    margin: 10px 10px 0 0;
    background: #fff;
}






/* admin login */
BODY.admin_login #pg_header,
BODY.admin_forgotten_password #pg_header {
    display: none;
}

BODY.admin_login #main_col .col_content,
BODY.admin_forgotten_password #main_col .col_content {
    border: none;
}

BODY.admin_login #login,
BODY.admin_forgotten_password #login {
    width: 480px;
    height: 200px;
    margin: -150px 0 0 -240px;
    position: absolute;
    left: 50%;
    top: 50%;
}

/* admin modules */
.connected_sortable .module_icon {
    margin: 5px;
}

.connected_sortable .module_icon A {
    width: 60px;
    height: 55px;
    background: #fff;
    border: 1px solid #96c083;
}

.connected_sortable .module_icon A SPAN.img {
    margin: 5px 14px;
}

.connected_sortable .module_icon.required A {
    border: 1px solid #ffa800;
}

#modules_holder .module_icon {
    float: left;
}

/* repetition */
.form .repetition_panel {
    position: absolute;
    left: 613px;
    top: -8px;
}
.form .repetition_panel SPAN {
    float: left;
    width: 16px;
    height: 16px;
    margin: 2px 3px 2px 2px;
    background-image: url('images/repetition_buttons.png');
    cursor: pointer;
}

.form .repetition_panel SPAN.add {
    background-position: 0 0;
}

.form .repetition_panel SPAN.rem {
    background-position: 0 -16px;
}


.form .repetition_panel SPAN.up {
    background-position: 0 -32px;
    display: none;
}

.form .repetition_panel SPAN.down {
    background-position: 0 -48px;
    display: none;
}

/*ie6 miatt*/
.form .repetition_panel SPAN.add_disabled {
    background-image: url('images/repetition_buttons.png');
    background-position: -32px 0 !important;
}
.form .repetition_panel SPAN.rem_disabled {
    background-image: url('images/repetition_buttons.png');
    background-position: -32px -16px !important;
}
.form .repetition_panel SPAN.up_disabled {
    background-image: url('images/repetition_buttons.png');
    background-position: -32px -32px !important;
}
.form .repetition_panel SPAN.down_disabled {
    background-image: url('images/repetition_buttons.png');
    background-position: -32px -48px !important;
}


.form .repetition_panel .disabled {
    border: none;
    width: 16px;
    height: 16px;
    background-position: -32px 0;
}

.form .repetition_panel .disabled.rem {
    background-position: -32px -16px;
}

.form .repetition_panel .disabled.up {
    background-position: -32px -32px;
}

.form .repetition_panel .disabled.down {
    background-position: -32px -48px;
}


TABLE.sub_table {
    width: 100%;
}

TABLE.sub_table TH {
    font-weight: bold;
    padding: 6px 5px 4px 5px;
    border-bottom: 2px solid #ccc;
    background: #fff887;
}


TABLE.sub_table TD {
    padding: 4px 5px 4px 5px;
    border-bottom: 1px solid #ccc;
}

TABLE.sub_table TR:last-child TD {
    border-bottom: none;
}

TABLE.sub_table.answer TH {
    background: #c4ffb2;
}


TABLE.sub_table UL {
    margin: 10px 0 0 20px;
}

TABLE.sub_table UL LI {
    list-style-type: disc;
    line-height: 18px;
}

TABLE.sub_table UL LI A {
    color: #444;
}

BODY.admin_map #pg_header {
    height: 94px;
}


BODY.admin_map #pg_main {
    height: 100%;
    overflow: hidden;
}

BODY.admin_map #pg_map_wrapper {
    float: left;
    width: 100%;
    height: 100%;
}

BODY.admin_map #pg_col_left  {
    float:left;
    width:350px;
    height: 100%;
    border-right:5px solid #333 !important;
}

BODY.admin_map #pg_col_main {
    overflow:hidden;
    width:auto;
    height: 100%;

}

#main_map {
    height: 100%;
    width: 100%;
}


#map_canvas {
    height: 100%;
    width: 100%;
}

#info_content {
    width: 600px;
}

#info_content H1 {
    font-size: 16px;
    font-weight: bold;
}

#info_content DL {
    margin: 10px 0 0 0;
}

#info_content DL DT {
    font-weight: bold;
}

#info_content DL DD {
    padding: 0 0 0 30px;
}

#info_content .contact_details {
    background: #afdad6;
    margin: 10px 0 10px 0;
    padding: 5px;
    border: 1px dotted #508b87;
}


.progress_item {
    width: 50%;
    margin: 0 0 5px 0;
    float: left;
}

.progress_item .inner {
    background: #eee;
    margin: 0 10px 0 0;
    padding: 0 5px 0 5px;
    overflow: hidden;
}

.progress_item STRONG {
    white-space: nowrap;
}

.progress {
    background-color: #f5f5f5;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    height: 10px;
    overflow: hidden;
}

.progress_bar {
    background-color: #337ab7;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    color: #fff;
    float: left;
    height: 100%;
    line-height: 10px;
    text-align: center;
    transition: width 0.6s ease 0s;
}

.progress.needed .progress_bar {
    background-color: #f00;
}

#jstree {

}

#jstree A {
    /*white-space: normal !important;*/
    height: auto;
    padding: 1px 2px;
    font-size: 11px;
}


#tick_holder {
    width: 300px;
    margin: 20px 0 20px 0;
    text-align: center;
}


#tick_holder P {
    text-align: center !important;
    font-style: italic;
}

.controls {
    margin-top: 16px;
    border: 1px solid transparent;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 32px;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#pac-input {
    display: none;
    background-color: #fff;
    padding: 0 11px 0 13px;
    width: 400px;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    text-overflow: ellipsis;
}

#pac-input:focus {
    border-color: #4d90fe;
    margin-left: -1px;
    padding-left: 14px;  /* Regular padding-left + 1. */
    width: 401px;
}

.pac-container {
    font-family: Roboto;
}

#type-selector {
    color: #fff;
    background-color: #4d90fe;
    padding: 5px 11px 0px 11px;
}

#type-selector label {
    font-family: Roboto;
    font-size: 13px;
    font-weight: 300;
}

H3.ui-accordion-header  {
    padding: 7px 5px 5px 30px;
    color: #464545;
}

.ui-accordion .ui-accordion-content {
    padding: 0;
}