body {
    font-family: arial, sans-serif;
    font-size: 13px;
    padding: 0;
    background: url('../images/bg.jpg') top center repeat-x;
}

.no_border {
    border: 0 !important;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
}

#page {
    /*width: 960px;*/
    max-width: 1240px;
    min-width: 600px;
    width: 100%;
    margin: 0 auto;
}

#header {
    height: 90px;
    padding: 5px 10px;
    margin-bottom: 5px;
}

#header a {
    color: #ee2477;
}

#header #logo {
    float: left;
    margin-top: 5px;
}

#header_links {
    float: right;
    margin: 12px 10px 0 0;
}

#header_user {
    float: right;
    margin: 0;
    background: url('../images/header-user.png') no-repeat 0px 5px;
    padding: 0 0 0 30px;
    color: #25aae1;
    line-height: 170%;
    border-right: 1px solid #aaaaaa;
    width: 160px;
    height: 70px;
}

#header_user_name {
    font-weight: bold;
    color: #25aae1;
}

#logout {
    color: #ee2477;
    background: url('../images/logout-arrow.png') no-repeat 0px 3px;
    padding: 0 0 0 12px;
    text-decoration: none;
}

#header_info {
    color: #c0c0c0;
    padding: 0 0 0 20px;
    float: right;
    line-height: 170%;
}

#menu {
    font-size: 13px;
    font-weight: bold;
    float: left;
    margin: 11px 0 0 0;
}

#menu a {
    border-right: 1px solid #aaaaaa;
    padding: 0 10px;
    text-decoration: none;
}

#content {
    padding: 0 10px;
}

table {
    font-size: 12px;
    text-align: left;
}

#content form {
    font-size: 13px;
}

a#link {
    color: #165CA3;
    margin-bottom: 10px;
    display: block;
}

table.datagrid {
    width: 100%;
}

.flash {
    color: black;
    background: #FFF9D7;
    border: 1px solid #E2C822;
    padding: 1em;
    margin: 1em 0;
}

/**************** Icons *****************/
span.icon {
    float: left;
    margin: 1px 4px;
}

.icon {
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
}

.icon-add {
    background-image: url('../images/datagrid/icons/page_add.png');
}

.icon-edit {
    background-image: url('../images/datagrid/icons/page_edit.png');
}

.icon-del {
    background-image: url('../images/datagrid/icons/page_delete.png');
}

.icon-copy {
    background-image: url('../images/datagrid/icons/page_copy.png');
}

.icon-save {
    background-image: url('../images/datagrid/icons/page_save.png');
}

.icon-detail {
    background-image: url('../images/datagrid/icons/page_detail.png');
}

.icon-print {
    background-image: url('../images/datagrid/icons/printer.png');
}

.icon-bin {
    background-image: url('../images/datagrid/icons/bin_closed.png');
}

.icon-find {
    background-image: url('../images/datagrid/icons/find.png');
}

.icon-refresh, .icon-invert {
    background-image: url('../images/datagrid/icons/arrow_refresh.png');
}

.icon-invert, .icon-find {
    cursor: pointer;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
}

.icon-shipped, .icon-resolved, .icon-cancelled,
.icon-process, .icon-hold, .icon-disputed,
.icon-no-orders, .icon-invert, .icon-find {
    float: none !important
}

.icon-shipped {
    background-image: url('../images/datagrid/icons/cart_go.png');
}

.icon-resolved {
    background-image: url('../images/datagrid/icons/flag_green.png');
}

.icon-cancelled {
    background-image: url('../images/datagrid/icons/flag_red.png');
}

.icon-no-orders {
    background-image: url('../images/datagrid/icons/box.png');
}

.icon-process {
    background-image: url('../images/datagrid/icons/date_go.png');
}

.icon-hold {
    background-image: url('../images/datagrid/icons/flag_orange.png');
}

.icon-disputed {
    background-image: url('../images/datagrid/icons/flag_blue.png');
}

#login_box {
    width: 270px;
    margin: 100px auto 0 auto;
    border: 1px solid #777777;
    padding: 0 50px;
    background: #3ebaed;
}

#login_box h1 {
    padding-left: 45px;
}

form ul.error {
    list-style-type: none;
}

form ul.error li {
    color: #7c0000;
}

#intro {
    padding-top: 55px;
    text-align: center;
}

.intro_margin {
    margin-right: 58px;
}

#filters {

}

#filters span {
    /*width:225px;*/
    /*width: 16.666%;
    width: 12.5%;
    width: 11.1111%;
    width: 10%;*/
    width: 8.3333%;
    float: left;
    height: 64px;

}

#filters span label {
    font-weight: bold;
    color: #3e3f41;
    padding-bottom: 3px;
    display: block;
}

#filters select, #filters input[type='text'] {
    width: 90%;
}

#pharmacies_title {
    background: url('../images/pharmacies-title.jpg') repeat-x top center;
    height: 44px;
    width: 100%;
    clear: both;
    position: relative;
}

#pharmacies_ico {
    background: url('../images/pharmacies-title-ico.png') no-repeat 15px 5px;
    height: 30px;
    color: #ffffff;
    font-weight: bold;
    padding: 14px 0 0 63px;

}

#routes_ico {
    background: url('../images/routes-title-ico.png') no-repeat 15px 5px;
    height: 30px;
    color: #ffffff;
    font-weight: bold;
    padding: 14px 0 0 63px;

}

#pharmacies {
    height: 290px;
    /*width: 920px;*/
    overflow: auto;
    margin: 10px 10px 0 10px;
}

#pharmacies table {
    width: 100%;
    border-collapse: collapse;
}

#pharmacies table td {
    border: 1px solid #d3e4ee !important;
}

#pharmacies table td a {
    color: #000000;
    text-decoration: none;
    display: block;
    padding: 3px 10px;
}

#pharmacies table tr:hover td, #pharmacies table tr.active td {
    background: #f3f5f4;
}

#pharmacies_card {
    background: url('../images/pharmacies-bg.png') repeat-x top center #e8f3f9;
    margin: 20px 10px 0 10px;
}

#pharmacies_card #tabs {
    height: 34px;
    width: 100%;
}

#pharmacies_card #tabs a {
    background: url('../images/tab.png') repeat-x;
    color: #ffffff;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    padding: 8px 20px;
    margin-right: 10px;
    margin-top: 1px;
    float: left;
}

#pharmacies_card #tabs a.active {
    background: url('../images/tab-active.png') repeat-x;
}

#pharmacies_card h2 {
    font-size: 15px;
    color: #12827a;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    padding: 12px 0 8px 14px;
    width: 65%;
    float: left;
    display: inline-block;

}

#ajax-spinner {
    background: white url('../images/spinner.gif') no-repeat 50% 50%;
    padding: 13px;
    border: 1px solid #CCC;
    font-size: 0;
    z-index: 100;
    width: 20px;
    height: 20px;
    /*margin:0px auto 0 auto;*/
    left: 48%;
    top: 50%;
    position: absolute;
}

#history_table, .table {
    width: 900px;
    width: 100%;
    border-collapse: collapse;
}

#history_table th, .table th {
    background: none;
    color: #3d3e40;
    padding: 5px 10px;
}

#history_table td, .table td {
    border: 1px solid #d3e4ec;
    color: #3d3e40;
    background: #fafcfb;
}

#history_table td a {
    color: #3d3e40;
    text-decoration: none;
    padding: 5px 10px;
    display: block;
}

.table td {
    padding: 5px 10px;
}

#history_table tr:hover td, .table tr:hover td {
    background: #f3f5f4;
}

#card {
    padding: 10px;
    clear: both;
}

.report_row {
    display: block;
}

#report_table {
    width: 900px;
    width: 100%;
    border-collapse: collapse;
}

#report_table th {
    background: none;
    color: #3d3e40;
    padding: 5px 10px;
}

#report_table td {
    border: 1px solid #d3e4ec;
    color: #3d3e40;
    background: #fafcfb;
}

#report_table td span {
    padding: 4px 10px;
    display: block;
}

#report_table input {
    width: 40px;
}

#report_table tr:hover td {
    background: #f3f5f4;
}

.report_row, .report_row_two {
    height: 26px;
    width: 100%;
    display: block;
}

.high {
    height: 54px !important;
}

.report_row label {
    float: left;
    width: 100px;
    width: 12%;
    display: block;
    margin-top: 2px;
    clear: both;
}

.report_row input {
    width: 800px;
    float: left;
}

.report_row textarea {
    width: 800px;
    width: 83%;
    height: 50px;
    float: left;
}

.report_row select {
    width: 340px;
}

.report_row_two label {
    float: left;
    width: 100px;
    display: block;
    margin-top: 2px;
}

.report_row_two input {
    width: 340px;
    float: left;
}

.report_row_two .space {
    float: left;
    width: 20px;
    height: 25px;
}

.report_date {
    border-top: 1px solid #a4c1cc;
    border-bottom: 1px solid #a4c1cc;
    margin: 7px 0;
    padding: 10px 0;
}

#report_pos {
    border-top: 1px solid #a4c1cc;
    border-bottom: 1px solid #a4c1cc;
    margin: 10px 0;
    padding: 10px 0;
}

#report_pos label {
    padding-right: 20px;
}

.submit {
    border: 2px solid #ee2477;
    background: #ee2477;
    color: #ffffff;
    font-weight: bold;
    float: right;
    padding: 3px 15px;
}

#route_print {
    border: 2px solid #ee2477;
    background: #ee2477;
    color: #ffffff;
    font-weight: bold;
    float: right;
    padding: 3px 15px;
    text-decoration: none;
    margin-right: 10px;
}

.table_920 {
    width: 100% !important;
}

#route_edit {
    position: absolute;
    right: 10px;
    top: 9px;
    text-decoration: none;
    color: #dddddd;
    font-weight: bold;
    background: #000000;
    padding: 6px 40px;
}

#route_edit:hover {
    color: #ffffff;
    background: #222222;
}

#route_edit_all {
    float: right;
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    background: #ee2477;
    padding: 6px 40px;
    margin-top: 10px;
}

ul#routes {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul#routes li {
    display: block;
    cursor: pointer;
    border-bottom: 1px solid #bbbbbb;
    background: #fcfcfc;
    padding: 5px 5px;

}

.routes_1 {
    display: block;
    width: 5.88%;
    float: left;
}

.routes_2 {
    display: block;
    width: 7.06%;
    float: left;
}

.routes_3 {
    display: block;
    width: 31.76%;
    float: left;
}

.routes_4 {
    display: block;
    width: 20%;
    float: left;
}

.routes_5 {
    display: block;
    width: 11.76%;
    float: left;
}

.routes_6 {
    display: block;
    width: 11.76%;
    float: left;
}

.routes_7 {
    display: block;
    width: 11.76%;
    float: left;
}

#routes_order_title {
    padding: 5px;
    height: 20px;
    background: #f5f5f5;
    font-weight: bold;
    border-bottom: 1px solid #999999;
}

#filters .button {
    margin-top: 17px;
    float: left;
}

#history {
    margin: 10px 0 0 20px;
}

.margin_left {
    margin-left: 10px;
}

.col {
    float: left;
    width: 45%;
    margin-right: 5%;
}

.col span {
    display: block;
}

.col label {
    float: left;
    clear: both;
    width: 35%;
    margin-bottom: 5px;
}

.col input {
    float: left;
    width: 65%;
    margin-bottom: 5px;
}

.col input[type='checkbox'] {
    width: auto !important;
}

.col select {
    float: left;
    width: 65%;
    margin-bottom: 5px;
}

.col textarea {
    float: left;
    width: 65%;
    height: 130px !important;
    margin-bottom: 5px;
}

.col_bottom {
    clear: both;
    padding-top: 10px;
}

.col_bottom .oksubmit {
    float: right;
    margin: 0 33px 0 0;
    border: 2px solid #ee2477;
    background: #ee2477;
    color: #ffffff;
    font-weight: bold;
    padding: 3px 15px;

}

legend {
    cursor: pointer;
}

#reports_table {
    border: 1px solid #999999;
    border-collapse: collapse;
    width: 100%;
}

#reports_table th, #reports_table td {
    border: 1px solid #999999;
    padding: 3px 5px;
}

#reports_table tr.total td, #reports_table th {
    font-weight: bold;
    background: #eeeeee;
}

.show-product, .show-month {
    cursor: pointer;
    font-weight: bold;
}

.show-month, .show-month-bg {
    background: #c5c5c5;
}

.show-product, .show-product-bg {
    background: #eeeeee;
}

table#schedules {
    width: 100%;
    margin: 30px 0 0 0;
    border-top: 1px solid #999999;
    border-collapse: collapse;
}

table#schedules tr th {
    border-bottom: 1px solid #999999;
    background: #eeeeee;
    padding: 7px 10px;
    text-transform: uppercase;
}

table#schedules tr td {
    border-bottom: 1px solid #cccccc;
    padding: 7px 10px;
}

table#schedules tr td a {
    color: #EE2477;
}

#report_row_checkbox {
    border-bottom: 1px solid #a4c1cc;
    margin-bottom: 10px;
}

#report_row_checkbox label {
    width: 100%;
}

#report_row_checkbox input {
    float: none !important;
    width: auto !important;
}

#pharmacy-amount {
    float: right;
    color: #12827a;
    font-size: 15px;
    margin: 0;
    padding: 12px 14px 8px 0px;
    width: 30%;
    text-align: right;
}

#prev-next-links {
    margin-bottom: 10px;
}

#prev-next-links a {
    color: #12827a;
}

.filter-years {
    margin-left: 10px;
    color: #3d3e40;
    margin-bottom: 5px;
    border-bottom: 1px solid #aaaaaa;
    padding-bottom: 5px;
}

.filter-years a {
    color: #12827a;
    text-decoration: none;
}