body{background:#eee url(../img/bob/bob.bg.jpg) repeat 0 0;color:#505050;font:75%/1.2em Arial, Helvetica,sans-serif;} /* @group Typo */ h1 {margin:0 0 12px 0;font-size:1.2em;text-transform:uppercase;} a {color:#0099cc;border:none;} a:hover {border-bottom:1px dotted #0099cc;} td, th {text-align:left;} /* @end */ /* @group Header */ #header h1 {padding:22px 36px 16px 36px;margin:0;} #logo {display:block;width:114px;height:54px;background:transparent url(../img/bob/bob.logo.png) no-repeat 0 0;text-indent:-9999px;border:none;} #logo:hover {border:none;} /* @end */ /* @group Navigation */ #nav_w {position:relative;height:83px;} #navigation, #navigation ul {display:block;padding:0 36px;background:#f5f5f5 url(../img/bob/bob.bg2.jpg) repeat 0 0;} #navigation li {float:left;height:46px;} #navigation ul {width:100%;padding:0;position:absolute;top:47px;left:0px;background:#ddd;} #navigation ul li {height:36px;margin:0 18px 0 0;} #navigation .first {margin:0 0 0 -24px;} #navigation ul .first {margin:0 18px 0 36px;} #navigation a {display:block;height:46px;padding:0 24px;background:transparent url(../img/bob/bob.bg_nav.png) no-repeat 50% -10%;color:#8f8f8f;border:none;font:1.1em Arial, Helvetica, sans-serif;line-height:4.5em;text-transform:uppercase;} #navigation .active a {background-position:50% 88%;} #navigation ul a {padding:0;height:auto;margin:10px 0 0 0;padding:4px 6px;background:transparent none;font-size:.8em;line-height:1em;} #navigation ul a {color:#8f8f8f;background:#eee;} #navigation ul a:hover {color:#8f8f8f;background:#f5f5f5;} #navigation .active a, #navigation .active .active a {color:#505050;} #navigation .active .active a {background:#fff;} #navigation .active ul a {color:#8f8f8f;} #navigation .last {float:right;margin:0 -24px 0 0;} /* @end */ /* @group Content */ #content {padding:24px 36px;background:#f5f5f5 url(../img/bob/bob.bg2.jpg) repeat 0 0;border-top:1px solid #ddd;} /* @end */ /* @group Calendar */ #calendar {width:100%;background:#fff;} #calendar a {color:#8f8f8f;border-bottom:1px dotted #8f8f8f;} #calendar a:hover {color:#0099cc;border:none;} #calendar th, #calendar td {text-align:left;border-bottom:1px dotted #eee;border-right:1px dotted #eee;vertical-align:top;} #calendar th {color:#505050;} #calendar td {width:14.2%;min-height:96px;} #calendar th, #calendar .day {padding:12px;} #calendar .bookings {background:transparent url(../img/bob/bob.arrow_bookings.png) no-repeat 14px 0;} #calendar .bookings li {padding:12px;border-bottom:1px dotted #f5f5f5;font-size:.95em;} #calendar .day {display:block;width:18px;color:#555;background:#f5f5f5;text-align:center;font-weight:bold;} #calendar .no_items .day {color:#ccc;background:#fcfcfc;} #calendar .today {background:#f8fdfe;} #calendar .today .day {background:#5dd3fa;color:#fff;} #calendar .today .bookings {background-position:-586px 0;} #calendar .last {border-right:none;} #calendar .bookings .icon {float:right;border:none;} #calendar .blocked .selector {display:inline-block;padding:1px 4px;background:#dc4522;color:#fff;border:none;} /* @end */ /* @group Content */ .icon {display:inline-block;width:16px;height:16px;background:transparent url(../img/bob/bob.icons.png) no-repeat 0 0;text-indent:-9999px;border:none;} .icon:hover {border:none;background-position:-16px 0;} .icon_next {background-position:0 -16px;} .icon_next:hover {background-position:-16px -16px;} .icon_prev {background-position:0 -32px;} .icon_prev:hover {background-position:-16px -32px;} .icon_delete {background-position:0 -48px;} .icon_delete:hover {background-position:-16px -48px;} .icon_edit {background-position:0 -64px;} .icon_edit:hover {background-position:-16px -64px;} .icon_in {background-position:0 -80px;} .icon_in:hover {background-position:-16px -80px;} .icon_status {background-position:0 -96px;} .icon_status:hover {background-position:-16px -96px;} .icon_artist {background-position:0 -112px;} .icon_artist:hover {background-position:-16px -112px;} .hide {display:none;} /* @end */ /* @group Forms */ input, textarea, #form_content select {padding:6px;color:#525760;border:1px solid #a5acb5;font:1.2em/1.2em "Lucida Grande","Lucida Sans Unicode",Verdana, Arial, Helvetica, sans-serif;} input, #form_content select {display:inline-block;width:391px;} .with_button {width:338px;} .checkbox {width:auto;} .disabled {border:none;} .odd .disabled {background:#eee;} #form_content p, #form_content .p, #form_aside p, #form_aside li, #form_content .data_list li {padding:6px;margin:0 0 6px 0;background:#f5f5f5;} #form_content .no_p {background:transparent;} #form_content {width:622px;float:left;padding:24px;background:#fff;} #form_content.full_content {width:888px;} .with_tab_nav {margin:1px 0 0 0;} #form_content .section {margin:0 0 18px 0;padding:0 0 18px 0;border-bottom:1px dotted #eee;} #form_content h2 {margin:0 0 6px 0;} #form_content p {width:610px;position:relative;} #form_content p.full {width:888px;} #form_content label {display:inline-block;width:200px;line-height:1.2em;} #form_content textarea {display:block;width:596px;height:220px;} #form_content .full_text {width:888px;height:1300px;} #form_content .button {width:auto;} #form_content .icon_text {position:absolute;top:14px;right:14px;} #form_content .icon_text_1 {position:absolute;top:14px;right:74px;} #form_content .icon_text_2 {right:52px;} #form_content .fields label, #form_content .timings label {width:auto;} #form_content .col {display:block;position:relative;float:left;} #form_content .col input, #form_content .col select {width:auto;font-size:1em;padding:3px;} #form_content .col_1 {width:240px;} #form_content .col_2 {width:310px;} #form_content .col_2 input {width:296px;} #form_content .col_2 .icon {position:absolute;top:4px;right:10px;} #form_content .col_3 .icon {margin:4px 0 0 0;} #form_content .col_3 li {float:left;} #form_content .col_4 {width:124px;} #form_content .col_5 {width:124px;} #form_content .col_5 input {width:100px;} .ajax_form {padding:18px 0;margin:18px 0;border-top:1px dotted #eee;border-bottom:1px dotted #eee;} #form_aside {float:left;width:214px;margin:1px 0 0 1px;padding:24px;background:#fff;} .form_actions {margin:24px 0 0 0;} #form_content .last, #form_aside .last {margin:0;} #form_content .table {width:100%;} #form_content .table td, #form_content .table th {padding:6px;text-align:left;border-top:1px dotted #eee;} #form_content .table tbody th {font-weight:normal;} #form_content .table label {font-size:1em} #form_content .table input {float:none;display:inline-block;width:96px;font-size:1em;padding:3px;} #form_content .table textarea {width:380px;height:60px;font-size:1em;} #form_content .table .checkbox {width:auto;} #form_content .table tfoot.add {border-top:10px solid #eee;} #form_content .table .t_col_1 {width:70px;} #form_content .table .t_col_2 {width:30px;vertical-align:middle;} #form_content .table .t_col_2 input {width:auto;} #form_content .table .t_col_3 input {width:350px;} #form_content .table .odd td, #form_content .table .odd th {background:#eee;} /* @end */ /* @group Forms */ .tab_nav {width:634px;padding:0 18px;background:#fff;} .tab_nav li {float:left;margin:0 12px 0 0;} .tab_nav a {display:block;padding:18px 6px;color:#bbb;} .tab_nav a:hover {border:none;} .tab_nav .active a {color:#999;background:transparent url(../img/bob/bob.arrow.slider.png) no-repeat center bottom;} .tab_nav .error a {color:#ff0054;} /* @end */ /* @group Filter */ #filter {margin:0 0 12px 0;} #filter .f {float:right;} #filter .search {float:left;} #filter .search label {display:none;} #filter .search input {padding:4px;width:200px;} #filter .search .button {width:auto;} /* @end */ /* @group Table nav */ .table_nav {display:block;background:#fff;} .table_nav_top {margin:0 0 1px 0;} .table_nav_bottom {margin:1px 0 0 0;} .table_filter li {position:relative;float:left;margin:0 6px 0 0;} .table_filter {line-height:1.6em;} .table_filter select, .table_filter input {width:auto;} .table_filter .button {padding:2px;} .table_nav .table_actions, .table_nav .table_filter, .table_nav .pager {float:left;margin:0 1px 0 0;padding:12px;} .table_actions, .table_filter {background:#eee;} .table_nav .pager {padding:14px 12px 10px 12px;} .table_filter input {font-size:.85em;padding:2px;} .select_options{position:absolute;top:3.2em;left:4px;width:250px;border:1px solid #ddd;z-index:920;background:#fff;} .select_options ul{max-height:210px;overflow:auto;} .select_options li{float:none;padding:4px;background:#fff;border-bottom:1px dotted #eee;font-size:.85em;} .select_options label{display:inline;text-transform:none;font-size:1em;} .select_options .select_options_select_all{display:block;padding:1em;margin:0;background:#fff;} .select_options_filter{width:226px;padding:12px;} /* @end */ /* @group Pager */ .pager li{float:left;border-right:1px solid #ddd;} .pager .last{border:none;} .pager a{display:block;border:none;text-transform:uppercase;padding:.1em .5em;font-size:.75em;color:#999;} .pager .active a{color:#555;font-weight:bold;} /* @end */ /* @group List */ .table_list {width:100%;background:#fff;} .table_list td, .table_list th {padding:8px 6px;border-bottom:1px dotted #eee;vertical-align:top;line-height:1.6em;} .table_list th {padding:8px 6px;color:#555;} .table_list .checks {width:20px;} .table_list .odd td {background:#eee;} .table_list .actions li {float:left;} .table_list .disabled td, .table_list .disabled a {color:#ff0054;text-decoration:line-through;} .table_no_data {padding:24px 6px;background:#fff;} .asset_list {width:100%;} .asset_list td {border-top:1px dotted #eee;padding:8px 0;} .asset_list .actions {width:40px;} .asset_list .actions li {float:left;} .list_top {padding:8px 0;} .doc_list_title {padding:18px 0 0 0;} .doc_list {margin:0 0 18px 0;} /* @end */ #form_content {width:622px;float:left;padding:24px;background:#fff;} /* @group Buttons */ .button {display:inline-block;width:auto;padding:8px 10px;font:1em/1em Arial, Helvetica, sans-serif;text-transform:uppercase;border:none;cursor:pointer;background:#eee;color:#999;} .button:hover {background:#e3e6e7;} input.button {padding:6px 10px;} .button:hover {border:none;} .button_add {background:#4cc8e4;color:#fff;} .button_add:hover {background:#00b0d8;} .button_cancel {background:#feea7c;color:#fff;} .button_cancel:hover {background:#ffd802;} .button_save {background:#4cc8e4;color:#fff;} .button_save:hover {background:#00b0d8;} .button_back {background:#c6cecf;color:#fff;} .button_back:hover {background:#aeb9bb;} .button_search {background:#c6cecf;color:#fff;} .button_search:hover {background:#aeb9bb;} .button_publish {background:#56bc8b;color:#fff;} .button_publish:hover {background:#39996b;} .button_small, input.button_small, #form_content .button_small, #form_content .col .button_small {font-size:.75em;padding:4px 5px;} input.button_small {padding:2px;} .button_after_label {margin:0 0 0 202px;} /* @end */ /* @group Checks */ #form_aside .checks_w {background:#fff;} .check{display:inline-block;font-size:.7em;text-transform:uppercase;background:#eee;color:#999;padding:0 3px;border:none;text-align:center;font-weight:bold;} .check:hover{border:none;} .check_sent{background:#e7cc43;color:#fff;} .check_signed, .check_payed{background:#00aa99;color:#fff;} /* @end */ /* @group Round-up */ .round_up {margin:12px 0 0 0;} .round_up li {float:right;margin:0 12px 0 0;line-height:1.6em;} .round_up .last {float:left;} /* @end */ /* @group Errors */ #error_report {width:622px;margin:1px 0 0 0;padding:24px;background:#fff;} #error_report h3 {margin:0 0 6px 0;color:#ff0054;font-size:1.4em;} input.error, select.error, textarea.error {border-bottom:2px solid #ff0054;} /* @end */ /* @group Statistics */ #statistics {width:888px;padding:24px;background:#fff;} #statistics_sidebar{width:200px;float:left;padding:0 0 0 12px;} #statistics_content{width:670px;float:left;border-right:1px dotted #eee;} #statistics_content h2{padding:5px 2px;color:#666;font-size:1em;font-weight:bold;font-style:normal;} .statistics{} .statistics tfoot td{font-weight:bold;} .statistics_top{margin:0 1em 2em 0;width:200px;} .statistics_top{} .statistics_top h2{margin:0;padding:5px 2px;font-size:1em;color:#666;font-style:normal;font-weight:bold;} .statistics_top .tiny_tab{} .statistics_top .tiny_tab li{padding:.6em;border-bottom:1px dotted #ddd;border-left:1px dotted #ddd;border-right:1px dotted #ddd;} .statistics_top ol.tiny_tab li{list-style:decimal inside;} .statistics_top .sub_title{padding:.2em .8em;background:#eee;color:#aaa;font-style:italic;font-size:.85em;} .statistics_top .nav li{float:left;margin:0 1px 0 0;} .statistics_top .nav a{display:block;color:#999;padding:2px 4px 4px 4px;font-size:.85em;border:none;} .statistics_top .nav .active a{color:#666;font-weight:bold;} .statistics_top .sub{display:block;padding:0 0 0 1.8em;font-size:.85em;font-style:italic;} #statistics_content .table_list{width:658px;} #statistics_content .statistics_top{width:100%;} #statistics_content .statistics_top li{float:left;width:200px;border:1px dotted #ddd;margin:0 .5em .5em 0;} .chart_timeline{width:658px;height:300px;margin:0 0 2em 0;border-bottom:1px dotted #f5f5f5;} .chart_pie{width:200px;height:150px;} /* @end */ /* @group Statistics */ .login #wrapper {width:314px;height:220px;position:absolute;top:50%;left:50%;margin:-110px 0 0 -157px;} .login #header, .login #content, .login #header h1 {padding:0;margin:0;border:none;} .login #header {padding:0 0 12px 0;} .login #footer {display:none;} .login #content {background:transparent none;border:none;} .login #content h1 {display:none;} #login p {margin:0 0 6px 0;} #login .last {margin:0;} #login input {display:block;width:302px;background:transparent url(../img/bob/bob.bg3.jpg) repeat 0 0;border:none;font-size:1.6em;} #login label {display:block;font-size:.75em;color:#aaa;text-transform:uppercase;text-align:right;} #login .actions {} #login .button {width:auto;display:inline-block;background:transparent none;font-size:.75em;background:#f5f5f5;border:1px solid #ccc;font-weight:bold;} #login .button:hover {background:#eee;} /* @end */ /* @group Footer */ #footer {padding:12px 36px 24px 36px;font-size:.75em;text-transform:uppercase;border-top:1px solid #ddd;} /* @end */ /* jQuery UI Autocomplete */ .ui-autocomplete {width:250px;border-right:1px solid #eee;border-left:1px solid #eee;} .ui-autocomplete .ui-menu-item {border-bottom:1px solid #eee;} .ui-autocomplete .ui-menu-item a {display:block;padding:8px 12px;background:transparent url(../img/bob/bob.bg.autocomplete.png) repeat 0 0;color:#555;border:none;cursor:pointer;} .ui-autocomplete .ui-menu-item a:hover, .ui-autocomplete #ui-active-menuitem {background:#f5f5f5;} .ui-autocomplete .ui-menu-item em {color:#999;font-weight:normal;font-style:normal;} .ui-autocomplete-loading {background:#fff url(../img/bob/bob.loader_2.gif) no-repeat 98% 50%;} /* @end */ /* @group qTip */ .tip li {padding:1em;border-bottom:1px dotted #eee;} .tip .last {border:none;} .tip .fields {display:block;font-size:.85em;} .tip {max-height:320px;overflow:auto;} /* @end */ /* @group CSS3 */ #calendar {-moz-border-radius-bottomright: 8px;-webkit-border-bottom-right-radius: 8px;-moz-border-radius-bottomleft: 8px;-webkit-border-bottom-left-radius: 8px;} .table_nav_top {-moz-border-radius-topright: 8px;-webkit-border-top-right-radius: 8px;-moz-border-radius-topleft: 8px;-webkit-border-top-left-radius: 8px;} .table_nav_top .table_actions {-moz-border-radius-topleft: 8px;-webkit-border-top-left-radius: 8px;} .table_nav_bottom {-moz-border-radius-bottomright: 8px;-webkit-border-bottom-right-radius: 8px;-moz-border-radius-bottomleft: 8px;-webkit-border-bottom-left-radius: 8px;} .table_nav_bottom .table_actions {-moz-border-radius-bottomleft: 8px;-webkit-border-bottom-left-radius: 8px;} #navigation ul a, #form_content {-moz-border-radius: 8px;-webkit-border-radius: 8px;} #form_content.with_tab_nav {-moz-border-radius: 0;-webkit-border-radius: 0;-moz-border-radius-bottomright: 8px;-webkit-border-bottom-right-radius: 8px;-moz-border-radius-bottomleft: 8px;-webkit-border-bottom-left-radius: 8px;} #form_content p {-moz-border-radius: 4px;-webkit-border-radius: 4px;} #calendar .day {-moz-border-radius-bottomright: 8px;-webkit-border-bottom-right-radius: 8px;} .button {-moz-border-radius: 9px;-webkit-border-radius: 9px;} .button_small {-moz-border-radius: 5px;-webkit-border-radius: 5px;} .tab_nav {-moz-border-radius-topright: 8px;-webkit-border-top-right-radius: 8px;-moz-border-radius-topleft: 8px;-webkit-border-top-left-radius: 8px;} #form_aside {-moz-border-radius-topright: 8px;-webkit-border-top-right-radius: 8px;-moz-border-radius-bottomright: 8px;-webkit-border-bottom-right-radius: 8px;} .check {-moz-border-radius: 4px;-webkit-border-radius: 4px;} .tab_nav.with_tab_nav {-moz-border-radius: 0;-webkit-border-radius: 0;} .login input {-moz-border-radius: 10px;-webkit-border-radius: 10px;} /* @end */