body {
    background: url(../img/pattern_bg.jpg);
    font-size: 12px;
}

body#body_clean {
    background: none;
    font-size: 12px;
}

/*input, textarea {
    z-index: 1000;
}

.ui-dialog input,
.ui-dialog textarea {
    z-index: 9600;
}

.ui-dialog {
    z-index: 9500;
}*/

.left { float: left; }
.right { float: right; }

.hideit { display: none!important; }

strong { font-weight: bold; }

td a {
    text-decoration: underline!important;
}

table td.assign_info {
    font-size: 14px;
}

.inner_wrapper {
    padding: 6px;
    overflow: hidden;
}

.options {
    width: 160px;
    text-align: center;
    padding: 0!important;
}

.my_button.ui-button-icon-only {
    /*width: 32px;*/
    /*height: 32px;*/
    width: 28px;
    height: 28px;
    margin-top: 4px;
}

.delete {
    /*font-size: 0.8em;*/
    /*margin: 4px 0;*/
    /*display: block;*/
    /*clear: both;*/
    /*width: 100%;*/
}

.my_button111 span.ui-button-text {
    padding: 2px 2px 2px 24px;
}

.has_table_2 { margin-bottom: 10px; }

.has_table_2 table {
    background: #fff;
    width: 100%;
    border: 1px solid #dedede;
    border-bottom: none;
    table-layout: fixed;
}

.has_table_2 table th {
    padding: 4px 8px;
    text-align: center;
    font-weight: bold;
}

table th.status_table_head {
    width: 160px;
}

table th.group_name {
    text-align: left;
    border-bottom: 4px solid #A0522D;
}

table th.group_name h3 {
    font-size: 13px;
    font-weight: 700;
}

table th.group_name p.group_heading {
    font-size: 20px;
    font-weight: 700;
    line-height: 18px;
    padding: 2px 0;
}

div.town_group_name p.town_group_heading {
    font-size: 24px;
    font-weight: 700;
    line-height: 22px;
    padding: 2px 0;
}

div.town_group_name p.town_group_region_heading {
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    padding: 2px 0;
}

.has_table_2 table tr td {
    vertical-align: middle;
    padding: 4px 8px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    word-wrap: break-word;
}
.has_table_2 table tr td.center {
    text-align: center;
}


.has_table_2 table tr.last td {
    border-bottom: 2px solid #3c3c3c;
}

.has_table_datepicker { margin-bottom: 10px; }

.has_table_datepicker > table {
    width: 100%;
    border: 1px solid #dedede;
    border-bottom: none;
}

.has_table_datepicker > table th {
    padding: 4px 8px;
    text-align: center;
    font-weight: bold;
}

.has_table_datepicker > table tr td.date_content {
    width: 40%;
    vertical-align: top;
    padding: 4px 8px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.has_table_datepicker h2 {
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    border-bottom: 1px dashed #5f5f5f;
    padding-bottom: 4px;
}

.reminder_old_info {
    margin-bottom: 10px;
}

/*.hastable table { table-layout: fixed; }*/
.hastable table th { padding: 2px 6px; }
.hastable table tr td { padding: 2px 6px; text-align: center; word-wrap: break-word; }

tr.closure { background-color: rgba(253, 253, 131, 0.7); }
tr.breakdown { background-color: rgba(255, 148, 148, 0.7); }
tr.engagement { background-color: rgba(176, 255, 161, 0.7); }
tr.reminder_row { background-color: rgba(255, 188, 117, 0.7); }

tr.bug_not_resolved { background-color: rgba(220, 0, 0, 0.4); }
tr.bug_resolved { background-color: rgba(0, 220, 0, 0.4); }

tr.closure, tr.breakdown, tr.engagement {
    min-height: 80px;
}

/*.min_h_80 { min-height: 80px; min-width: 240px; }*/
/*.min_h_80 { min-height: 100px; min-width: 240px; }*/
/*.min_h_80 { min-height: 90px; min-width: 240px; text-align: center; }*/
.min_h_80 { min-height: 82px; min-width: 240px; text-align: center; max-width: 256px; }

.car_list { list-style: disc; }
.car_list li {
    margin-left: 14px;
}

span.penalty_error {
    border: 1px solid #cd0a0a;
    background: #b81900;
    color: #ffffff;
    line-height: 14px;
}

table tr td strong,
table tr th strong {
    font-weight: bold;
}

#sms_left_count {
    color: #000000;
    font-size: 14px;
    font-weight: 700;
}

.footer {
    overflow: hidden;
    background-color: #FFFFFF;
    text-align: center;
    padding: 10px;
    margin: 8px 16px 0;
    box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
}

.footer .copyright {
    width: 100px;
    float: right;
    font-size: 0.9em;
}

.footer .copyright strong,
.footer .page_load strong {
    font-weight: bold;
}

.footer .page_load {
    width: 160px;
    float: left;
    font-size: 0.9em;
}

#page_wrapper #page-header #page-header-wrapper {
    background-color: #FFFFFF;
    text-align: center;
    padding: 10px;
    margin: 0 16px 8px;
    box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
    min-height: 90px;
    height: auto;
}

#tooltip {
    border:1px solid #333;
    background:#333 url(themes/lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% 50% repeat-x;
    color:#ffc6c6;
}

/* START GROUPS */
#addnew-dialog h2 { font-size: 16px; font-weight: 700; margin: 6px 0; }

#all-tablets { width: 360px; height: 150px; overflow-y: scroll; margin-bottom: 20px; padding: 10px 6px; }
#all-tablets > div {margin-bottom:5px; padding: 5px; font-size: 1.2em; cursor: move;}

#all-cars { width: 360px; height: 150px; overflow-y: scroll; margin-bottom: 20px; padding: 10px 6px; }
#all-cars > div {margin-bottom:5px; padding: 5px; font-size: 1.2em; cursor: move;}

#selected-tablet { width: 360px; min-height:60px; height: 60px; margin-bottom: 110px; border: 1px solid silver; padding: 4px 6px 16px; }
#selected-tablet > div {margin-bottom:5px; padding: 5px; font-size: 1.2em; cursor: move;}

#selected-car { width: 360px; min-height:60px; height: 60px; margin-bottom: 110px; border: 1px solid silver; padding: 4px 6px 16px; }
#selected-car > div {margin-bottom:5px; padding: 5px; font-size: 1.2em; cursor: move;}

#all-group-users { width: 360px; height: 150px; overflow-y: scroll; margin-bottom: 20px; padding: 10px 6px; }
#all-group-users > div {margin-bottom:5px; padding: 5px; font-size: 1.2em; cursor: move;}

#selected-user { width: 360px; min-height:60px; height: 150px; margin-bottom: 20px; border: 1px solid silver; padding: 4px 6px 16px; }
#selected-user > div {margin-bottom:5px; padding: 5px; font-size: 1.2em; cursor: move;}

.placeholder {border:1px solid black; height:40px;}
/* END GROUPS */

/* ADD REPORT PAGE */
.head { font-weight: bold; font-size: 0.8em; background-color: #fed22f; padding: 2px; }
.ui-menu-item { font-size: 0.9em; }
.ui-autocomplete { width: 880px; min-height: 80px; height: auto; overflow-y: scroll;}
.ui-autocomplete li a { display: inline-block; }
.float-left { float: left; }
.row_item { clear: both; overflow: hidden; }

.row_item .town.head { width: 120px; }
.row_item .phone.head { width: 90px; }
.row_item .address.head { width: 260px; }
.row_item .name.head { width: 300px; }
.row_item .small_field.head { width: 50px; }

.row_item .town { width: 120px; }
.row_item .phone { width: 90px; }
.row_item .address { width: 260px; }
.row_item .name { width: 302px; }
.row_item .small_field { width: 50px; text-align: center; padding: 2px; border-left: 1px solid silver;}
/* END ADD REPORT PAGE */

/* LOGIN FORM */
.login_form {
    width: 400px;
    margin: 6px auto;
    padding: 6px;
    box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
}

.login_form .fieldRow {
    clear: both;
    margin: 4px 0;
    overflow: hidden;
}

.fieldRow label {
    width: 140px;
    float: left;
    font-weight: bold;
    line-height: 26px;
}

.fieldRow input {
    width: 160px;
    float: left;
}

/* END LOGIN FORM */

/* Tooltip */

#tooltip {
    color:#FFF!important;
}

#tooltip div {
    background:#808080;
}

#tooltip h3 {
    color:#fff;
    background:#5f5f5f;
    text-shadow:#000 1px 1px 0;
}

#logo {
    width: 120px;
    float: left;
    margin: 4px 10px;
}

#logo a {
    overflow: hidden;
    display: block;
    padding: 10px;
}

#logo a:hover {
    box-shadow: 0 0 10px #1c94c4;
    -o-box-shadow: 0 0 10px #1c94c4;
    -moz-box-shadow: 0 0 10px #1c94c4;
    -webkit-box-shadow: 0 0 10px #1c94c4;
}

#logo img { width: 100%; }

/* TOP MENU */
#top_menu {
    float: right;
}

#top_menu .logged_as_title {
    text-align: right;
}

#top_menu ul {
    overflow: hidden;
}

#top_menu ul li {
    width: 64px;
    height: 64px;
    padding: 2px;
    float: right;
    margin: 10px;
    display: block;
}

#top_menu ul li {
    box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
}

#top_menu ul li:hover {
    box-shadow: 0 0 10px #1c94c4;
    -o-box-shadow: 0 0 10px #1c94c4;
    -moz-box-shadow: 0 0 10px #1c94c4;
    -webkit-box-shadow: 0 0 10px #1c94c4;
}

#top_menu .menu_icon {
    width: 64px;
    height: 64px;
    overflow: hidden;
    display: block;
}

#top_menu .menu_icon img {
    width: 100%;
}
/* END TOP MENU */

/* CLOCK */
.clock {
    float: left;
    width: 250px;
    padding: 10px;
    /*border: 1px solid #333;*/
    color: #FDBF6B;
    color: #1c94c4;
    /*
    box-shadow: inset 0 0 10px #000;
        -o-box-shadow: inset 0 0 10px #000;
        -moz-box-shadow: inset 0 0 10px #000;
        -webkit-box-shadow: inset 0 0 10px #000;
    */
}

.clock .clock_date {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    text-align: center;
}

.clock ul {
    width: 240px;
    margin: 0 auto;
    padding: 0px;
    list-style: none;
    text-align: center;
}

.clock ul li {
    display: inline;
    font-size: 24px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}

.clock_point {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
}

/* END CLOCK */

/* START LOADING BAR 128 - DIV */
.loading_bar_128 {
    width: 128px;
    height: 16px;
    background-image: url(../img/loading_bar_128.gif);
}
/* END LOADING BAR 128 -DIV */

/* START CONTROL PANEL MENU ROW */
.menu_group_row {
    margin-bottom: 20px;
}

.menu_group_row h2 {
    margin: 10px 0;
    font-size: 20px;
    font-weight: 700;
}
/* END CONTROL PANEL MENU ROW */

/* START SEARCH PAGE */
#search_form table {
    width: 720px;
    margin: 0 auto;
    border: none;
}

#search_form table td {
    border: none;
}

#search_form table td.search_button_column {
    width: 100px;
}

#search_form #search_for {
    width: 100%;
    height: 24px;
    font-size: 18px;
    padding: 2px 4px;
}

#search_form #search_button {
    margin: 10px;
}

/* END SEARCH PAGE */

/* START PAGINATION */
.pagination {
    margin: 10px auto;
    width: 100%;
    text-align: center;
}

.pagination .pagination_active_link,
.pagination .pagination_link {
    margin: 0 4px;
}
/* END PAGINATION */

/* START LIMITER STYLES */
.cw_counter { display: block; clear: both; }
/* END LIMITER STYLES */

/* START STATISTICS TABLE */
.statistics_table {
    width: 100%;
    table-layout: auto;
    page-break-inside: avoid;
    /*    border: 1px solid silver;*/
    border-top: 1px solid silver;
    border-left: 1px solid silver;
}

.statistics_table .customer_info {
    font-size: 12px;
}

.statistics_table th {
    font-weight: 700;
}

.statistics_table th,
.statistics_table td {
    /*padding: 3px 6px;*/
    word-wrap: break-word;
    border-bottom: 1px solid silver;
    border-right: 1px solid silver;
    font-size: 10px;
    padding: 2px!important;
}

#body_clean .statistics_table th,
#body_clean .statistics_table td {
    /*padding: 3px 6px;*/
    word-wrap: break-word;
    border-bottom: 1px solid silver;
    border-right: 1px solid silver;
    font-size: 12px;
    padding: 2px!important;
}

.statistics_table tr.last td {
    border-bottom: 1px solid #000000;
}

@media print
{
}
/* END STATISTICS TABLE */

/* START MAPS */
.map_icon .number {
    width: 32px;
    height: 32px;
    text-align: center;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 34px;
}

.map_icon .switch_icon {
    background: transparent url('../img/maps/switch_icon.png');
}

.map_icon .power_switch_icon {
    background: transparent url('../img/maps/power_switch_icon.png');
}

.map_icon .optic_icon {
    background: transparent url('../img/maps/optic_icon.png');
}

.map_icon .camera_icon {
    background: transparent url('../img/maps/camera_icon.png');
}

.map_icon .grounding_icon {
    background: transparent url('../img/maps/grounding_icon.png');
}

.map_icon .number.supply_number_icon {
    color: #000000;
    font-size: 28px;
}

.map_icon .optic_icon {
    width: 64px;
    height: 64px;
    line-height: 66px;
}

#create_map .map_icon.map_grounding_icon,
#create_map .map_icon.map_supply_number_icon,
#create_map .map_icon.map_camera_icon{
    width: 32px;
    height: 46px;
}
/* END MAPS*/

/* START ANNOUNCEMENT */
#announcement-box {
    background-color: #FFFFFF;
    text-align: left;
    padding: 10px;
    margin: 0 16px 8px;
    box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
    height: auto;
}

body.fixed_header #announcement-box {
    position: relative;
    top: 130px;
}

#announcement-box p {
    padding: 0;
}

#announcement-box h3.announcement-title {
    font-size: 18px;
    font-weight: 700;
}
/* END ANNOUNCEMENT */

/* START SlavVv Menu */
#slav_menu {
    position: absolute;
    width: 200px;
    height: 200px;
    display: none;
    z-index: 6000;
}

#slav_edit_menu {
    position: absolute;
    width: 200px;
    height: 200px;
    display: none;
    z-index: 6000;
}

.pie_menu .item {
    cursor: pointer;
    width: 64px;
    height: 64px;
    text-align: center;
    z-index: 7000;
    font-weight: 700;
    padding: 10px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
}

.pie_menu .item .item_title {
    float: none;
    word-break: break-all;
}
/* END SlavVv Menu */

/* START Map view - Customer info table */
#customer_info_table {
    font-size: 12px;
    table-layout: auto!important;
}

#customer_info_table .center_td {
    text-align: center;
}

#map_options {
    padding: 6px;
    border: 1px solid #ccc;
}

#map_options #result_container {
    border: 1px solid #ccc;
    min-height: 180px;
    padding: 6px 0;
    max-height: 280px;
    overflow-y: auto;
}

#map_options #result_container .pinging_progress { width: 64px; }

.customer_ping_result { min-height: 16px; }
.supply_ping_result { min-height: 16px; }

#map_options #result_container .ping_map_status {
    font-size: 12px;
    font-weight: 700;
}

#map_options #result_container .switch_status_on { color: #007700; }
#map_options #result_container .switch_status_off { color: #aa0000; }
#map_options #result_container .switch_status_empty { color: #666666; }

/* END Map view - Customer info table */

/* START Cisco Structure View */
#network_wrapper {
    overflow: hidden;
    position: relative;
}

.network_holder {
    width: 46%;
    height: 100%;
    overflow-y: none;
    overflow-x: auto;
    border: 1px solid #dedede;
    padding-left: 4px;
    float: left;
    margin-right: 1%;
}

.details_holder {
    width: 50%;
    height: 100%;
    overflow-y: none;
    overflow-x: auto;
    border: 1px solid #dedede;
    padding: 0 4px;
    float: left;
}

.elements_holder {
    width: 98%;
    overflow: hidden;
    border: 1px solid #dedede;
    padding: 4px;
    text-align: center;
    float: left;
    margin: 4px 0;
}

.elements_holder .horizontal_holder {
    display: block;
    width: 100%;
    overflow-x: auto;
}

.elements_holder .horizontal_holder .element {
    width: 160px;
    float: left;
    cursor: pointer;
    margin: 2px;
    padding: 2px;
    height: 20px;
    border: 1px solid #777777;
    text-align: center;
    line-height: 20px;
}

.elements_holder .horizontal_holder .fix_scroll {   
    overflow: hidden;
}

.elements_holder .horizontal_holder .element h3 {
    font-size: 14px;
    font-weight: 700;
}

#details_container {
    text-align: left;
    padding: 6px;
}

#details_container .customers_details_container {
    max-height: 300px;
    overflow-y: auto;
}

#details_container .ports_details_container {
    max-height: 300px;
    overflow-y: auto;
}
/* END Cisco Structure View */

/* BEGIN Fixed Header */
body.fixed_header #page-header {
    position: fixed;
    width: 100%;
}

body.fixed_header #page-layout {
    margin-top: 124px;
}
/* END FIXED HEADER */

/* BEGIN MULTIPLE REPORTS CONTAINER */
.multiple_reports_container {
    position: fixed;
    z-index: 9999;
    display: none;
    width: 320px;
    height: 64px;
    top: -100px;
    left: 50%;
    margin-left: -160px;
}

.report_highlight {
    background: rgba(15, 192, 0, 0.8)!important;
}
/* END MULTIPLE REPORTS CONTAINER */

p.normalized {
    line-height: normal;
    padding: 0;
    font-size: 1em;
}