/**
 * Generic elements.
*/
body {
    color: #000;
    background: #fff;
    font: normal 81.3%/1.538em "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}
a {
    color: #0074BD;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
hr {
    margin: 0;
    padding: 0;
    border: none;
    height: 1px;
    background: #cccccc;
}
legend {
    font-weight: bold;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    margin: 10px 0;
}
h1 {
    font-size: 1.538em;
}
h2 {
    font-size: 1.385em;
}
h3 {
    font-size: 1.231em;
}
h4 {
    font-size: 1.154em;
}
h5,
h6 {
    font-size: 1.077em;
}
p {
    margin: 1em 0;
}
dl {
    margin: 0 0 20px;
}
dl dd,
dl dl {
    margin-left: 20px; /* LTR */
    margin-bottom: 10px;
}
blockquote {
    margin: 1em 40px;
}
address {
    font-style: italic;
}
u,
ins {
    text-decoration: underline;
}
s,
strike,
del {
    text-decoration: line-through;
}
big {
    font-size: larger;
}
small {
    font-size: smaller;
}
sub {
    vertical-align: sub;
    font-size: smaller;
    line-height: normal;
}
sup {
    vertical-align: super;
    font-size: smaller;
    line-height: normal;
}
nobr {
    white-space: nowrap;
}
abbr,
acronym {
    border-bottom: dotted 1px;
}
ul,
.block ul,
.item-list ul {
    list-style-type: disc;
    list-style-image: none;
    margin: 0.25em 0 0.25em 1.5em; /* LTR */
}
.item-list .pager li {
    padding: 0.5em;
}
.item-list ul li,
li.leaf,
ul.menu li {
    list-style-type: disc;
    list-style-image: none;
}
ul.menu li {
    margin: 0;
}
ol {
    list-style-type: decimal;
    margin: 0.25em 0 0.25em 2em; /* LTR */
}
.item-list ul li.collapsed,
ul.menu li.collapsed {
    list-style-image:url(/misc/menu-collapsed.png);
    list-style-type:disc;
}
.item-list ul li.expanded,
ul.menu li.expanded {
    list-style-image:url(/misc/menu-expanded.png);
    list-style-type:circle;
}
quote,
code {
    margin: .5em 0;
}
code,
pre,
kbd {
    font-size: 1.231em;
}
pre {
    margin: 0.5em 0;
    white-space: pre-wrap;
}

/**
 * Skip link.
*/
#skip-link {
    margin-top: 0;
    position: absolute;
    left: 50%; /* LTR */
    margin-left: -5.25em; /* LTR */
    width: auto;
    z-index: 50;
}
#skip-link a,
#skip-link a:link,
#skip-link a:visited {
    display: block;
    background: #444;
    color: #fff;
    font-size: 0.94em;
    padding: 1px 10px 2px 10px; /* LTR */
    text-decoration: none;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-radius: 0 0 10px 10px;
}
#skip-link a:hover,
#skip-link a:focus,
#skip-link a:active {
    outline: 0;
}

/**
 * Branding.
*/
#branding {
    overflow: hidden;
    padding: 20px 20px 0 20px; /* LTR */
    position: relative;
    background-color: #e0e0d8;
}
#branding div.breadcrumb {
    font-size: 0.846em;
    padding-bottom: 5px;
}
#branding div.block {
    position: relative;
    float: right; /* LTR */
    width: 240px;
    padding-left: 10px; /* LTR */
    background: #333;
}
#branding div.block form label {
    display: none;
}
#branding div.block form div.form-item {
    float: left; /* LTR */
    border: 0;
    margin: 0;
    padding: 0;
}
#branding div.block form input.form-text {
    width: 140px;
    margin-right: 10px; /* LTR */
}
#branding div.block form input.form-submit {
    text-align: center;
    width: 80px;
}

/**
 * Help.
*/
#help {
    font-size: 0.923em;
    margin-top: 1em;
}
#help p {
    margin: 0 0 10px;
}
#help div.more-help-link {
    text-align: right; /* LTR */
}

/**
 * Page title.
*/
#page-title {
    background: #333;
    padding-top: 20px;
}
#branding h1.page-title {
    color: #000;
    margin: 0;
    padding-bottom: 10px;
    font-size: 1.385em;
    font-weight: normal;
    float: left; /* LTR */
}

/**
 * Console.
*/
#console {
    margin: 9px 0 10px;
}

/**
 * Tabs.
*/
ul.primary {
    float: right; /* LTR */
    border-bottom: none;
    text-transform: uppercase;
    font-size: 0.923em;
    height: 2.60em;
    margin: 0;
    padding-top: 0;
}
ul.primary li {
    float: left; /* LTR */
    list-style: none;
    margin: 0 2px;
}
ul.primary li a:link,
ul.primary li a.active,
ul.primary li a:active,
ul.primary li a:visited,
ul.primary li a:hover,
ul.primary li.active a {
    display: block;
    float: left; /* LTR */
    height: 2.60em;
    line-height: 2.60em;
    padding: 0 18px 8px;
    background-color: #a6a7a2;
    color: #000;
    font-weight: bold;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #a6a7a2;
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    border-radius: 8px 8px 0 0;
}
ul.primary li.active a,
ul.primary li.active a.active,
ul.primary li.active a:active,
ul.primary li.active a:visited {
    background-color: #fff;
    border-color: #c9cac4;
}
ul.primary li a:hover {
    color: #fff;
}
ul.primary li.active a:hover {
    color: #000;
}
.tabs-secondary {
    clear: both;
}
ul.secondary {
    float: right; /* LTR */
    font-size: 0.923em;
    padding: 0 3px 5px;
    line-height: 1.385em;
    overflow: hidden;
    background-color: #fff;
}
ul.secondary li {
    margin: 0 5px;
    float: none; /* LTR */
}
ul.secondary li a {
    background-color: #ddd;
    color: #000;
    display: inline-block;
}
ul.secondary li a,
ul.secondary li a:hover,
ul.secondary li.active a,
ul.secondary li.active a.active {
    padding: 2px 10px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}
ul.secondary li a:hover,
ul.secondary li.active a,
ul.secondary li.active a.active {
    color: #fff;
    background: #666;
}
#content {
    clear: left;
}

/**
 * Page layout.
*/
#page {
    padding: 20px 0 40px 0; /* LTR */
    margin-right: 40px; /* LTR */
    margin-left: 40px; /* LTR */
    background: #fff;
    position: relative;
    color: #333;
}
#secondary-links ul.links li {
    padding: 0 10px 10px 0; /* LTR */
}
#secondary-links ul.links li a {
    font-size: 0.923em;
    background: #777;
    color: #fff;
    text-align: center;
    padding: 5px;
    height: 55px;
    width: 80px;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#secondary-links ul.links li a:hover {
    background: #999;
}
ul.links li,
ul.inline li {
    padding-right: 1em; /* LTR */
}
ul.inline li {
    display: inline;
}
#secondary-links ul.links li.active-trail a,
#secondary-links ul.links li a.active {
    background: #333;
}
ul.admin-list li {
    position: relative;
    padding-left: 30px; /* LTR */
    padding-top: 9px;
    border-top: 1px solid #ccc;
    margin-left: 0; /* LTR */
    margin-bottom: 10px;
    background: url(images/list-item.png) no-repeat 0 11px; /* LTR */
    list-style-type: none;
    list-style-image: none;
}
.admin-panel .item-list ul,
ul.admin-list {
    margin: 0;
    padding: 0;
}
.admin-panel .item-list ul,
ul.admin-list.compact {
    margin: 8px 0;
}
.admin-panel .item-list li,
ul.admin-list.compact li {
    border: none;
    background: none;
    margin: 0 0 0.75em;
    line-height: 1;
    padding: 0;
}
ul.admin-list li:last-child {
    border-bottom: none;
}
ul.admin-list li a {
    margin-left: -30px; /* LTR */
    padding: 0 0 4px 30px; /* LTR */
    min-height: 0;
}
ul.admin-list.compact li a {
    margin-left: 0; /* LTR */
    padding: 0;
}
ul.admin-list li div.description a {
    margin-left: 0; /* LTR */
    padding: 0;
    min-height: inherit;
}
div.submitted {
    color: #898989;
}

/**
 * Tables.
*/
table {
    width: 100%;
    font-size: 0.923em;
    margin: 0 0 10px;
    border: 1px solid #bebfb9;
}
table td,
table th {
    vertical-align: middle;
    padding: 8px 10px;
    border: 0;
    color: #000;
}
tr.even,
tr.odd {
    border-width: 0 1px 0 1px;
    border-style: solid;
    border-color: #bebfb9;
    background: #f3f4ee;
}
tr.odd {
    background: #fff;
}
tr.drag {
    background: #fe7;
}
tr.drag-previous {
    background: #ffb;
}
table th {
    text-transform: uppercase;
    background: #e1e2dc;
    font-weight: normal;
    border-width: 1px;
    border-style: solid;
    border-color: #bebfb9;
    padding: 3px 10px;
}
table th.active {
    background: #bdbeb9;
}
table th a {
    display: block;
    position: relative;
}
table th.active a {
    padding: 0 25px 0 0; /* LTR */
}
table th.active img {
    position: absolute;
    top: 3px;
    right: 3px; /* LTR */
}
table td.active {
    background: #e9e9dd;
}
table tr.odd td.active {
    background: #f3f4ee;
}
table tr.selected td.active,
table tr.selected td {
    background: #ffc;
    border-color: #eeb;
}
table.system-status-report tr {
    border-bottom: 1px solid #ccc;
}
table.system-status-report tr.ok {
    color: #255b1e;
    background-color: #e5ffe2;
}
table.system-status-report tr.info {
    color: #040f37;
    background-color: #bdf;
}
table.system-status-report tr.warning {
    color: #840;
    background-color: #fffce5;
}
table.system-status-report tr.error {
    color: #8c2e0b;
    background-color: #fef5f1;
}
/**
 * Exception for webkit bug with the right border of the last cell
 * in some tables, since it's webkit only, we can use :last-child
*/
tr td:last-child {
    border-right: 1px solid #bebfb9; /* LTR */
}


/**
 * Fieldsets.
 *
 * Fieldset legends are displayed like containers in Seven. However, several
 * browsers do not support styling of LEGEND elements. To achieve the desired
 * styling:
 * - All fieldsets use 'position: relative'.
 * - All legend labels are wrapped in a single span.fieldset-legend that uses
 *   'position: absolute', which means that the LEGEND element itself is not
 *   rendered by browsers.
 * - Due to using 'position: absolute', collapsed fieldsets do not have a
 *   height; the fieldset requires a 'padding-top' to make the absolute
 *   positioned .fieldset-legend appear as though it would have a height.
 * - Various browsers are positioning the legend differently if there is a
 *   'padding-left'/'padding-right' applied on a fieldset and inherit the
 *   positioning even to absolute positioned elements within; we therefore have
 *   to apply all padding to the inner .fieldset-wrapper instead.
*/
fieldset {
    border: 1px solid #ccc;
    padding: 2.5em 0 0 0; /* LTR */
    position: relative;
    margin: 1em 0;
}
fieldset .fieldset-legend {
    margin-top: 0.5em;
    padding-left: 15px; /* LTR */
    position: absolute;
    text-transform: uppercase;
}
fieldset .fieldset-wrapper {
    padding: 0 13px 13px 15px; /* LTR */
}
fieldset.collapsed {
    background-color: transparent;
}
html.js fieldset.collapsed {
    border-width: 1px;
    height: auto;
}
fieldset fieldset {
    background-color: #fff;
}
fieldset fieldset fieldset {
    background-color: #f8f8f8;
}

/**
 * Form elements.
*/
.form-item {
    padding: 9px 0;
    margin: 0 0 10px;
}
.filter-wrapper .form-item,
div.teaser-checkbox .form-item,
.form-item .form-item {
    padding: 5px 0;
    margin: 0;
    border: 0;
}
.form-type-checkbox {
    padding: 0;
}
.text-format-wrapper .form-item {
    padding-bottom: 0;
}
.form-item label {
    margin: 0;
    padding: 0;
}
.form-item label.option {
    font-size: 0.923em;
    text-transform: none;
}
.form-item label.option input {
    vertical-align: middle;
}
.form-disabled input.form-autocomplete,
.form-disabled input.form-text,
.form-disabled input.form-file,
.form-disabled textarea.form-textarea,
.form-disabled select.form-select {
    background-color: #eee;
    color: #777;
}

/* Filter */
.filter-wrapper {
    border-top: 0;
    padding: 10px 2px;
}
.filter-wrapper .fieldset-wrapper {
    padding: 0 6px;
}
.filter-wrapper .form-item,
.filter-wrapper .filter-guidelines,
.filter-wrapper .filter-help {
    font-size: 0.923em;
    padding: 2px 0 0 0; /* LTR */
}
ul.tips,
div.description,
.form-item div.description {
    margin: 5px 0;
    line-height: 1.231em;
    font-size: 0.923em;
    color: #666;
}
ul.tips li {
    margin: 0.25em 0 0.25em 1.5em; /* LTR */
}
body div.form-type-radio div.description,
body div.form-type-checkbox div.description {
    margin-left: 1.5em; /* LTR */
}
input.form-submit,
a.button {
    cursor: pointer;
    padding: 4px 17px;
    margin-bottom: 1em;
    margin-right: 1em; /* LTR */
    color: #5a5a5a;
    text-align: center;
    font-weight: normal;
    font-size: 1.077em;
    font-family: "Lucida Grande", Verdana, sans-serif;
    border: 1px solid #e4e4e4;
    border-bottom: 1px solid #b4b4b4;
    border-left-color: #d2d2d2;
    border-right-color: #d2d2d2;
    background: url(images/buttons.png) 0 0 repeat-x;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
a.button:link,
a.button:visited,
a.button:hover,
a.button:active {
    text-decoration: none;
    color: #5a5a5a;
}
input.form-submit:active {
    background: #666;
    color: #fff;
    border-color: #555;
    text-shadow: #222 0 -1px 0;
}
input.form-button-disabled,
input.form-button-disabled:active {
    background: #eee none;
    border-color: #eee;
    text-shadow: none;
    color: #999;
}
input.form-autocomplete,
input.form-text,
input.form-file,
textarea.form-textarea,
select.form-select {
    padding: 2px;
    border: 1px solid #ccc;
    border-top-color: #999;
    background: #fff;
    color: #333;
}
input.form-text:focus,
input.form-file:focus,
textarea.form-textarea:focus,
select.form-select:focus {
    color: #000;
    border-color: #ace;
}
html.js input.form-autocomplete {
    background-position: 100% 4px;
}
html.js input.throbbing {
    background-position: 100% -16px;
}
ul.action-links {
    margin: 1em 0;
    padding: 0 20px 0 20px; /* LTR */
    list-style-type: none;
    overflow: hidden;
}
ul.action-links li {
    float: left; /* LTR */
    margin: 0 1em 0 0; /* LTR */
}
ul.action-links a {
    padding-left: 15px; /* LTR */
    background: transparent url(images/add.png) no-repeat 0 center;
    line-height: 30px;
}

/* Exceptions */
#diff-inline-form select,
div.filter-options select {
    padding: 0;
}

/**
 * System.
*/
div.admin .right,
div.admin .left {
    width: 49%;
    margin: 0;
}
div.admin-panel,
div.admin-panel .body {
    padding: 0;
    clear: left;
}
div.admin-panel {
    margin: 0 0 20px;
    padding: 9px;
    background: #f8f8f8;
    border: 1px solid #ccc;
}
div.admin-panel h3 {
    font-size: 0.923em;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 9px;
}

/* admin/appearance */
#system-themes-page h2 {
    font-weight: normal;
    text-transform: uppercase;
}
.theme-selector h3 {
    font-weight: normal;
}
.theme-default h3 {
    font-weight: bold;
}
.system-themes-list-enabled .theme-selector h3 {
    margin-top: 0;
}

/* Update options. */
div.admin-options {
    background: #f8f8f8;
    line-height: 30px;
    height: 30px;
    padding: 9px;
    border: 1px solid #ccc;
    margin: 0 0 10px;
}
div.admin-options label {
    text-transform: uppercase;
    font: 0.846em/1.875em Lucida Grande, Lucida Sans Unicode, sans-serif;
}
div.admin-options label,
div.admin-options div.form-item {
    margin-right: 10px; /* LTR */
    float: left; /* LTR */
}
div.admin-options div.form-item {
    padding: 0;
    border: 0;
}

/* Update status */
.versions table.version {
    border: none;
}

/* Maintenance theming */
body.in-maintenance #sidebar-first {
    float: left; /* LTR */
    width: 200px;
}
body.in-maintenance #content {
    float: right; /* LTR */
    width: 550px;
    padding-right: 20px; /* LTR */
    clear: none;
}
body.in-maintenance #page {
    overflow: auto;
    width: 770px;
    margin: 0 auto;
    padding-top: 2em;
}
body.in-maintenance #branding h1 {
    width: 770px;
    margin: 0 auto;
    float: none;
}
body.in-maintenance .form-radios .form-type-radio {
    padding: 2px 0;
}
body.in-maintenance div.form-item:after {
    content: "";
    display: none;
    clear: none;
}
body.in-maintenance .form-submit {
    display: block;
}
body.in-maintenance #logo {
    margin-bottom: 1.5em;
    max-width: 180px;
}
ol.task-list {
    margin-left: 0; /* LTR */
    list-style-type: none;
    list-style-image: none;
}
ol.task-list li {
    padding: 0.5em 1em 0.5em 20px; /* LTR */
    color: #adadad;
}
ol.task-list li.active {
    background: transparent url(images/task-item.png) no-repeat 3px 50%; /* LTR */
    padding: 0.5em 1em 0.5em 20px; /* LTR */
    color: #000;
}
ol.task-list li.done {
    background: transparent url(images/task-check.png) no-repeat 0 50%;
    color: green;
}

/* Overlay theming */
.overlay #branding {
    background-color: #fff;
    padding-top: 15px;
}
.overlay #branding h1.page-title,
.overlay #left,
.overlay #footer {
    display: none;
}
.overlay #page {
    margin: 0;
    padding: 0 20px;
}
.overlay #branding div.breadcrumb {
    float: left; /* LTR */
    position: relative;
    z-index: 10;
}
#overlay-tabs {
    bottom: -1px;
    font-size: 1.54em;
    line-height: 1.54em;
    margin: 0;
}
#overlay-tabs li {
    margin: 0 -2px;
}
.overlay ul.secondary {
    background: transparent none;
    margin: -1.4em 0 0.3em 0; /* LTR */
    overflow: visible;
}
.overlay #content {
    padding: 0;
}
h1#overlay-title {
    font-weight: normal;
}

/* Shortcut theming */
div.add-or-remove-shortcuts {
    float: left; /* LTR */
    padding-top: 6px;
    padding-left: 6px; /* LTR */
}

/* Dashboard */
#dashboard .dashboard-region div.block h2 {
    background: #E0E0D8;
}
#dashboard div.block h2 {
    margin: 0;
    font-size: 1em;
    padding: 3px 10px;
}
#dashboard div.block div.content {
    padding: 10px 5px 5px 5px; /* LTR */
}
#dashboard div.block div.content ul.menu {
    margin-left: 20px; /* LTR */
}
#dashboard .dashboard-region .block {
    border: #ccc 1px solid;
}

/* Field UI */

#field-display-overview input.field-formatter-settings-edit {
    margin: 0;
    padding: 1px 8px;
}
#field-display-overview tr.field-formatter-settings-changed {
    background: #FFFFBB;
}
#field-display-overview tr.drag {
    background: #FFEE77;
}
#field-display-overview tr.field-formatter-settings-editing {
    background: #D5E9F2;
}
#field-display-overview .field-formatter-settings-edit-form .form-item {
    margin: 10px 0;
}
#field-display-overview .field-formatter-settings-edit-form .form-submit {
    margin-bottom: 0;
}

/* Recent content block */
#dashboard div#block-node-recent div.content {
    padding: 0;
}
#block-node-recent table,
#block-node-recent tr {
    border: none;
}
#block-node-recent .more-link {
    padding: 0 5px 5px 0; /* LTR */
}

/* User login block */
#user-login-form .openid-links {
    margin-left: 0; /* LTR */
}
#user-login-form .openid-links .user-link {
    margin-left: 1.5em; /* LTR */
}

/* Disable overlay message */
#overlay-disable-message {
    background-color: #addafc;
}
#overlay-disable-message a,
#overlay-disable-message a:visited {
    color: #000;
}
#overlay-disable-message a:focus,
#overlay-disable-message a:active {
    outline: none;
    text-decoration: underline;
}
.overlay-disable-message-focused a {
    padding: 0.4em 0.6em;
}
.overlay-disable-message-focused #overlay-dismiss-message {
    background-color: #59a0d8;
    color: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
tr td:last-child {
    border-right: 0;
}
.no_border, .no_border tbody{
    border: 0px none;
    margin: 0;
}
.no_border td{
    padding: 0;
}

.td_img{
    width: 65px;
}
.td_button{
    width: 50px;
}
.left_button ,.right_button{
    padding: 0;
}

.history .footable{
    width: 100%;
}
.pager_div{
    margin-bottom: 30px;
    margin-right: 25%;
    margin-left: 25%;
}
.pager_div ul{
    margin: 0;
    padding: 0;
    list-style: none outside none;
}
.pager_songs li span,
.pager_songs li a{
    display: block;
    margin: 3px;
    font-size: 1.1em;
    width: auto;
    padding: 5px 5px;
    text-align: center;
    font-weight:bold;
}
.pager_songs li a{
    color: #7B3478;
}
.pager_songs li a.active{
    background-color: #7B3478;
    color: #D9A128;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -khtml-border-radius: 40px;
    border-radius: 40px;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;    
}
.pager_songs li a:hover{
    color: #D9A128;
    background-color: #7B3478;
    cursor: pointer;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -khtml-border-radius: 40px;
    border-radius: 40px;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;    
}
.pager_songs li {
    float: left;
}
span.update_content{
    background: #f4f44c;
    padding: 2px 4px;
    color: #666666;
}
span.insert_content, span.log_in{
    background: #00FF00;
    padding: 2px 4px;
    color: #ffffff;
}
span.delete_content, span.log_out{
    background: #ff0000;
    padding: 2px 4px;
    color: #ffffff;
}
.form_inputs input{
    border:  #6a6b6c solid thin;
    padding: 4px;
}

.big_totals{
    position: relative;
    height: 500px;
    width: 1015px;
    margin: 27px;
}
.total_singers, .total_songs, .total_category, .total_views , .total_confirms, .total_subs, .total_requests
, .total_approves, .total_late, .total_rejects, .total_bookings{
    width: 150px;
    height: 150px;
}
.total_singers{
    background-color: #ACD53B;
}
.total_singers{
    position: absolute;
    top: 230px;
    left: 400px;
}
.total_singers .total_number{
    padding-left: 38px;
    padding-top: 35px;
    font-size: 4em;
    font-weight: bold;
    color: #ffffff;
}
.total_singers .total_title{
    color: #ffffff;
}
.total_views .total_number{
    padding-left: 38px;
    padding-top: 35px;
    font-size: 4em;
    font-weight: bold;
    color: #ffffff;
}
.total_views .total_title{
    color: #ffffff;
}
.total_views{
    position: absolute;
    top: 20px;
    left: 90px;
}
.total_views{
    background-color: #89B9CF;
}
.total_requests .total_number{
    padding-left: 38px;
    padding-top: 35px;
    font-size: 4em;
    font-weight: bold;
    color: #ffffff;
}
.total_requests .total_title{
    color: #ffffff;
}
.total_requests{
    position: absolute;
    top: 20px;
    left: 295px;
}
.total_requests{
    background-color: #3B3C3E;
}
.total_subs .total_number{
    padding-left: 38px;
    padding-top: 35px;
    font-size: 4em;
    font-weight: bold;
    color: #ffffff;
}
.total_subs .total_title{
    color: #ffffff;
}
.total_subs{
    position: absolute;
    top: 20px;
    left: 500px;
}
.total_subs{
    background-color: #D74E2A;
}
.total_confirms .total_number{
    padding-left: 38px;
    padding-top: 35px;
    font-size: 4em;
    font-weight: bold;
    color: #EAE7E0;
}
.total_confirms{
    position: absolute;
    top: 20px;
    left: 705px;
}
.total_confirms .total_title{
    color: #EAE7E0;
}
.total_confirms{
    background-color: #72402C;
}
.total_songs .total_number{
    padding-left: 38px;
    padding-top: 35px;
    font-size: 4em;
    font-weight: bold;
    color: #ffffff;
}
.total_songs .total_title{
    color: #ffffff;
}
.total_songs{
    position: absolute;
    top: 230px;
    left: 90px;
}
.total_songs{
    background-color: #1C58BA;
}
.total_category .total_number{
    padding-left: 38px;
    padding-top: 35px;
    font-size: 4em;
    font-weight: bold;
    color: #ffffff;
}
.total_category .total_title{
    color: #ffffff;
}
.total_category{
    position: absolute;
    top: 230px;
    left: 705px;
}
.total_category{
    background-color: #B275CB;
}
.total_approves .total_number{
    padding-left: 38px;
    padding-top: 35px;
    font-size: 4em;
    font-weight: bold;
    color: #ffffff;
}
.total_approves .total_title{
    color: #ffffff;
}
.total_approves{
    position: absolute;
    top: 430px;
    left: 90px;
}
.total_approves{
    background-color: #998786;
}
.total_bookings .total_number{
    padding-left: 38px;
    padding-top: 35px;
    font-size: 4em;
    font-weight: bold;
    color: #ffffff;
}
.total_bookings .total_title{
    color: #ffffff;
}
.total_bookings{
    position: absolute;
    top: 430px;
    left: 295px;
}
.total_bookings{
    background-color: #435442;
}
.total_rejects .total_number{
    padding-left: 38px;
    padding-top: 35px;
    font-size: 4em;
    font-weight: bold;
    color: #ffffff;
}
.total_rejects .total_title{
    color: #ffffff;
}
.total_rejects{
    position: absolute;
    top: 430px;
    left: 500px;
}
.total_rejects{
    background-color: #994755;
}
.total_late .total_number{
    padding-left: 38px;
    padding-top: 35px;
    font-size: 4em;
    font-weight: bold;
    color: #EAE7E0;
}
.total_late{
    position: absolute;
    top: 430px;
    left: 705px;
}
.total_late .total_title{
    color: #EAE7E0;
}
.total_late{
    background-color: #999900;
}
.total_space{
    position: absolute;
    top: 630px;
    left: 705px;
}
.total_title{
    padding-left: 30px;
    padding-top: 30px;
}
#slider_reminder_interval, #slider_reminder_late_interval, #slider_notification_live_duration, #slider_notifications_start_time, #slider_notifications_end_time{
    width: 200px;
}
.red_toolbar a:hover{
    text-decoration: none;
}
/*Calender*/
div#full_div {
    text-align: center;
    word-wrap: break-word;
}

div#year {
    text-align: center;
    font-size: 2em;
}

div#week {
    width: auto;
    height: auto !important;
    min-height: 620px;
    height: 620px;
}

div.day {
    border: 3px solid black;
    margin-right: 5px;
    margin-left: 5px;
    width: 13%;
    padding: 5px;
    height: auto !important;
    min-height: 620px;
    height: 620px;
}

div.big_div {
    position: relative;
    border: 1px solid black;
    margin-bottom: 5px;
    height: auto !important;
    min-height: 190px;
    height: 190px;
}

div.img_div {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50px;
    height: 50px;
}

div.first_div {
    margin-left: 55px;
}

div.second_div {
    margin: 5px;
}

div.red {
    color: red;
    border: 1px solid red;
}

div.green {
    color: green;
    border: 1px solid green;
}

div.crossed {
    text-decoration: line-through;
}

div#controls {
    text-align: center;
}

div.icon_container {
    margin-left: 110px;
    margin-top: -25px;
}

i.icon-remove {
    cursor: pointer;
    color: red;
}
/*Scan*/
.success_response {
    background: rgba(0,255,0,0.5);
    border: 3px green solid;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;

}

.error_response {
    background: rgba(255,0,0,0.5);
    border: 3px red solid;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
}

input.form-submit {
    background-color: lightgray;
}
table.reservation_workflow tbody,
table.reservation_workflow{
    border: 0 none;
}
.reservation_workflow button{
    border: 0 none;
    background-color: transparent;
    padding: 0;
    margin-bottom: 15px;
    cursor: pointer;
}
.reservation_workflow .col_items{
    background-color: #ececec;
    padding: 5px 0;
}
.reservation_workflow .col_title{
    padding: 10px;
    font-size: 1.3em;
    border-bottom: 2px #6c6c6c solid;
}
.reservation_workflow .div_date{
    padding: 0 10px;
    padding-right: 55px;
}
.reservation_workflow .div_user{
    padding: 0 10px;
    padding-right: 55px;
}
.reservation_workflow .col_item{
    padding: 5px;
    font-size: .9em;
}
.div_tr{
    position: relative;
    margin: 5px;
    margin-top: 0;
    background-color: #ffffff;
    padding: 5px;
}
.div_buttons{
    width:50px;
    top:10px;
    right: 0px;
    position: absolute;
}
.requests_table .div_buttons{
    top:0px;
}
.div_img{
    width:50px;
    height: 50px;
    top:10px;
    left: 10px;
    position: absolute;
    overflow: hidden;
}
.div_title{
    padding-left: 75px;
    padding-right: 55px;
    vertical-align: middle;
    display: table-cell;
    height: 55px;
}
.icon_small{
    width: 25px;
    height: 25px;
    background-image: url(../images/icons_23.png);
    background-repeat: no-repeat;
    float: right;
}
.icon_small.pending_icon{ background-position: -239px -198px; }
.icon_small.approved_icon{ background-position: -78px -271px;}
.icon_small.checkedout_icon{ background-position: -80px -65px;}
.icon_small.checkedin_icon{ background-position: -80px -131px; }
.icon_small.rejected_icon{ background-position: -159px -256px;}
.icon_small.cancelled_icon{ background-position: -74px -300px;}



ul.dashboard_menu,
ul.dashboard_menu li{
    margin: 0;
    padding: 0;
    list-style: none outside none;
}
ul.dashboard_menu li{
    float: left;
    margin-right: 20px;
}
ul.dashboard_menu li a.menu_link{
    color: #6c6c6c;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    display: block;
    border-radius: 3px;
}
ul.dashboard_menu li a.menu_link:hover{
    color: #2c2c2c;
    cursor: pointer;
    background-color: #dcdcdc;
}
ul.dashboard_menu li a.menu_link .menu_link_wrapper {
    width: 160px;
    height: 130px;
}
ul.dashboard_menu li a strong{ font-size: 1.05em; font-weight: normal;}
ul.dashboard_menu li a span{ font-size: .8em; }

.dash_image{
    width: 48px;
    height: 48px;
    background-image: url(../images/icons_46.png);
    background-repeat: no-repeat;
    margin: 8px auto;
}
.dash_image.menu_categories{
    background-position: -323px -395px;
}
.dash_image.menu_singers{
    background-position: 0 -525px;
}
.dash_image.menu_songs{
    background-position: -402px -196px;
}
.dash_image.menu_users{
    background-position: -160px -394px;
}
.dash_image.menu_albums{
    background-position: -402px -60px;
}
.dash_image.menu_news{
    background-position: -241px -62px;
}
.dash_image.menu_pages{
    background-position: -80px -60px;
}
.dash_image.menu_requests{
    background-position: -241px -195px;
}
.dash_image.menu_publications{
    background-position: -79px -195px;
}
.dash_image.menu_reports{
    background-position: 0 -131px;
}
.dash_image.menu_content{
    background-position: -320px -131px;
}
.dash_image.menu_projects{
    background-position: -321px 2px;
}

span.state-checkin{
    background: #43c83c; 
    padding: 2px 4px;
    color: #ffffff;
}
span.state-checkedout, span.state-checkout{
    background: #D0D0D0; 
    padding: 2px 4px;
    color: #ffffff;
}
span.state-request{
    background: #815e5e;
    padding: 2px 4px;
    color: #ffffff;
}
span.state-approve, span.state-approved{
    background: #455067;
    padding: 2px 4px;
    color: #ffffff;
}
span.state-cancel, span.state-canceled{
    background:  #1eb8cc;
    padding: 2px 4px;
    color: #ffffff;
}
span.state-rejected, span.state-reject{
    background: #fa3031;
    padding: 2px 4px;
    color: #ffffff;
}
span.state-expired, span.state-expire{
    background: #ff9900;
    padding: 2px 4px;
    color: #ffffff;
}
span.state-pending{
    background: #2b96ea; 
    padding: 2px 4px;
    color: #ffffff;
}
span.state-new{
    background: #393; 
    padding: 2px 4px;
    color: #ffffff;
}
span.state-done{
    background: #72402C; 
    padding: 2px 4px;
    color: #ffffff;
}
.message_success{
    display: none;
}
.btn_wrapper{
    margin-top: 25px;
}
table.list_users input{
    height: auto;
    width: auto;
    border: 1px #dcdcdc solid;
}
table.list_users td.updating{
    color: blue;
}
.filter_label{
    width: 75px;
}
.filter_border{
    border: 1px #000000 solid;
    padding: 1px 2px;
    margin: 0px 10px 0px 0px;
}
.filter_margin{
    margin: 5px 10px;
}
.filters_wrapper, .bulk_update_wrapper{
    border: 1px #000000 solid;
}
.bulk_update_wrapper{
    margin-left: 15px;
}
.form_title_wrapper h2{
    margin: 0 auto;
    font-size: 1.2em;
}
.form_title_wrapper {
    border-bottom: 1px #000000 solid;
    padding: 5px 10px;
    background-color: #e1e2dc;
}
.update_button{
    width: 110px;
}
.updating_row td{
    color: #dcdcdc;
}
.bulk_update_wrapper button{
    margin: 0;
    padding: 0;
}
#edatepicker, #sdatepicker, #full_name_filter, #title_filter{
    margin-right: 15px;
}
.form_label{
    width: 150px;
}
.info_wrapper{
    margin-top: 10px;
    padding: 7px 7px 7px 7px;
    border: 1px solid #000000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.inline-block{
    vertical-align: middle;
    display: inline-block;
    *zoom: 1; /* to trigger hasLayout in IE6-7 */
    *display: inline; /* for IE6-7 */
}
.inline-block-top{
    vertical-align: top;
    display: inline-block;
    *zoom: 1; /* to trigger hasLayout in IE6-7 */
    *display: inline; /* for IE6-7 */
}
.inline-block-bottom{
    vertical-align: bottom;
    display: inline-block;
    *zoom: 1; /* to trigger hasLayout in IE6-7 */
    *display: inline; /* for IE6-7 */
}
tr td:last-child {
    border-right: 0;
}
.no_border, .no_border tbody{
    border: 0px none;
    margin: 0;
}
.no_border td{
    padding: 0;
}
.reservation_workflow .footable > tbody > tr > td {
    padding: 5px;
}
.td_img{
    width: 65px;
}
.tabs-secondary {
    margin-right: 150px;
    height: auto !important;
    height: 20px;
    min-height: 20px;
}
#edit-field-content-provider,#edit-field-file-code,#edit-field-sample-code{
    display: none;
}


#page {
    margin-right: 25px;
    margin-left: 25px;
}
table#admin_panel, table#admin_panel tbody.admin_tbody{
    padding: 0;
    margin: 0;
    border: 0 none;
}
td#admin_menu:last-child,
td#admin_menu{
    float: left;
    min-height: 300px;
    width: 200px;
    padding: 0;
    margin: 0;
    border: 0 none;
    vertical-align: top;
}
td#page_content:last-child,
td#page_content{
    clear: none;
    position: relative;
    padding: 0;
    margin: 0;
    border: 0 none;
    vertical-align: top;
    width: 100%
}
.breadcrumb {
    color: #000000;
    font-size: 0.9em;
}
.breadcrumb a{
    color: #2c2c2c;
}
.padding20{
    padding: 20px;
}
.pager_btn{
    padding: 0 3px;
}
.fs-sort{
    cursor: pointer;
    color: blue;
}
.fs-sort{
    padding-left: 27px;
}
.fs-sort-active{
    font-weight: bold;
    background-image: url("../images/sort.png");
    background-repeat: no-repeat;
    background-position: bottom left;
}
.fs-sort-active.fs-sort-dir-DESC{
    background-position: top left;
}
.fs-sort:hover{
    text-decoration: underline;
    background-image: url("../images/sort-hover.png");
    background-repeat: no-repeat;
    background-position: bottom left;
}
.fs-sort-active.fs-sort-dir-DESC:hover{
    background-image: url("../images/sort-hover.png");
    background-position: top left;
}
.filters_div input.form-text,
.filters_div select.form-select {
    margin-right: 20px;
}

/***Start: Pager Div*/
.pager_wrapper .pager_list li span,
.pager_wrapper .pager_list li a{
    display: block;
    margin: 3px;
    font-size: 1.1em;
    width: auto;
    padding: 5px 5px;
    text-align: center;
    font-weight:bold;
}
.pager_wrapper .pager_list li a{
    text-decoration: none;
    color: #424957;
}
.pager_wrapper .pager_list li a.active{
    background-color: #424957;
    color: #000000;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -khtml-border-radius: 40px;
    border-radius: 40px;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;    
}
.pager_wrapper .pager_list li a:hover{
    color: #000000;
    background-color: #424957;
    cursor: pointer;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -khtml-border-radius: 40px;
    border-radius: 40px;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;    
}
.pager_wrapper .pager_list li {
    float: left;
    list-style:none;
}

.add_new_icon{
    padding-left: 15px;
    background: transparent url(../images/add.png) no-repeat 0 center;
    line-height: 30px;
}