/* @override http://david.quickcrew.springload.co.nz/css/style.css */

/*
=general
=page structure
=header
=main_menu
=utilitynav

---------------------------------------------- */

/*********************
 * Resets
 ********************/

sup {vertical-align: top;}
sub {vertical-align: bottom;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
br.clear {clear: both; display: block; height: 0; line-height: 0;}
span.nobr {white-space: nowrap;}
.hide {position: absolute; top: -999em;}
/* =self clearing floats */ 
.minical:after, .clearfix:after, #content:after, label:after, .panel:after, .mini_cal_wrap:after, .production_service dl:after, .minical:after, .button_block:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* dont put .panel or .submit in this one or Safari really pops its pegs!*/
label, .production_service dl, .clearfix, .minical { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}/* End hide from IE-mac */
.print_only {display: none;}


/*********************
 * General / Typography
 ********************/
 
html {
     height: 100%;
 }

body {
    height: 100%;
    margin: 0;
    width: 100%;
    background-color: #f9f9f9;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
    font-size: 75%; /* 12px */
    color: #4C4C4C;
    margin: 0;
    padding: 0;
}

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

* html #container { 
    height: 100%; 
} 

table, tr, td, input, select, textarea, ol, ul {
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
    vertical-align: top;
}


a:hover, a.current {text-decoration: underline;}
p {
    margin: 0.8em 0 .8em;
    line-height: 18px;
}

/* Lucida font-family limitations: http://www.brownbatterystudios.com/sixthings/2007/03/14/lucida-hybrid-the-grande-alternative/ */
b, strong, em, i {font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', Arial, Helvetica, sans-serif;}

a img, img {border: 0;}

a {
    color: #00A5ED;
    text-decoration: none
}

a:hover {text-decoration: underline;}

h1, h2, h3, h4 {
    font-family: Arial, Helvetica, sans-serif;
/* really?    margin: 0;*/
    color: #4e4e4e;
}

h1 {
    font-family: georgia, times, serif;
    font-weight: normal;
    font-style: italic;
    color: #666;
    border-bottom: 1px solid #dcdcdc;
    font-size: 2em;
    padding-bottom: 5px;
    position: relative;
}

h2 {
    font-family: georgia, times, serif;
    font-weight: normal;
    font-style: italic;
    color: #666;
    border-bottom: 1px solid #dcdcdc;
    font-size: 20px;
    padding-bottom: 5px;
    position: relative;
    margin-bottom: 0.5em;
}

h3 {
    font-family: georgia, times, serif;
    font-weight: normal;
    font-style: italic;
    color: #666;
    margin: 14px 0 5px;
}

h5 {
    font-family: georgia, times, serif;
    font-weight: normal;
    font-style: italic;
    color: #4e4e4e;
    border-bottom: 1px solid #dcdcdc;
    font-size: 13px;
    padding-bottom: 8px;
    position: relative;
    margin-bottom: 0.5em;
}

.panel p small, .panel > p { margin-left: 15px; }
.panel.no_padding > p,
.panel.no_padding > label
 { padding: 0 12px; }


ul  {list-style: square;}
li { margin: 0 0 .3em 0; }

h2 span {
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
}


#content li.space {
    padding-bottom: 20px;
}

optgroup {
    font-style: normal;
    margin: 5px 0 5px 10px;
}

optgroup option {color: #333;}
    .mceEditor{display: block; width: 415px;}



/* headings with a floated list of links at right */

div.header_wrapper {position: relative;}

div.header_wrapper ul, div.header_wrapper .paginate {
    list-style: none;
    padding-left: 0;
    position:absolute;
    right: 0;
    bottom: -0.80em;
    z-index: 1;
}

div.header_wrapper .paginate {
    bottom: -0.35em;
}

div.header_wrapper.no_underline h1 {
   border-bottom: none;
   margin-bottom: 6px;
}

div.header_wrapper ul li {float: left;}

div.header_wrapper ul.secondary li:first-child a {
    background-image: none;
}

div.header_wrapper ul li a {
    font-style: normal;
    padding: 0 10px;
    border-right: 1px solid #fff;
    border-left: 1px solid #c1c1c1;
    font-size: 11px;
}

div.header_wrapper ul li.pagination {padding-right: 5px;}

div.header_wrapper ul li.pagination a {
    border: none;
    padding-right: 3px;
}

div.header_wrapper ul li:first-child a {
    padding-left: 0;
    border-left: none;
}

div.header_wrapper ul li:last-child a {
    padding-right: 0;
    border-right: none;
}



/*
=popup styles
-----------------------------------------------------*/

#yk_bg {
background: red !important; border: 2px dotted pink !important;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    filter: alpha(opacity=40);
    -moz-opacity: 0.3;
    opacity: 0.3;
    z-index: 10000;
}

#yk_box {}

#yk_box h3 { text-align:left;}

#yk_box_loading {
    width:400px;
    text-align: center;
    background: red !important; border: 2px dotted pink !important;
}

#yk_box_loading_search_popup {
    width:890px;
    text-align: center;
    margin-top:200px;
}

#yk_box_loading p {
    margin-top:80px;
    margin-bottom:100px;  
}



/*
=modal_popup  or .default_popup
-----------------------------------------------------*/

.default_popup {
background: red !important; border: 2px dotted pink !important;
    position: absolute;
    z-index: 10001;
    background-color: #fff;
    color: #333;
    border: 1px solid #999;
}




/*
=search_popup
-----------------------------------------------------*/

.search_popup {
background: red !important; border: 2px dotted pink !important;
    position: absolute;
    left: 30px;
    z-index: 10001;
    background-color: #fff;
    color: #333;
    padding: 10px;
    border: 1px solid #999;
    width: 890px;
    height: 450px;
    overflow: auto;
}

.search_popup h3 {
    clear: both;
    margin: 10px 0;
}

.search_popup #extra_search_crumbs {
    margin: 10px 0;
}

.search_popup #extra_search_crumbs a.button {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.search_popup #extra_search_crumbs p {
    margin: 0;
    padding: 3px 5px;
    background-color: #eee;
    font-size: .93em; background: purple !important;
    position: relative;
}



/*
=Booking steps
-----------------------------------------------------*/

.booking_steps {
background: red !important; border: 2px dotted pink !important;
    background: #eee url(/images/header_bg_green.jpg) repeat-x left top;
    margin: 0;
    font-family: helvetica, arial;
    border-bottom: 1px solid #ccc;
}

.booking_steps a {
    text-decoration: none;
    color: #00A5ED;
    color: #444;
    display: block;
    float: left;
    padding: 3px 10px 2px;
    border: 1px solid #ccc;
    background: #FFC64E url(/images/header_bg_grey.jpg) repeat-x 0 0;
    border-left: none;
    border-bottom: none;
}

.booking_steps span {
    display: block;
    float: left;
    color: #222;
    font-weight: bold;
    padding: 4px 10px 2px;
    border-right: 1px solid #ccc;
}

.booking_steps a.active, .booking_steps a.active:hover {
    background: #ccc;
    font-weight: bold;
    color: #222;
}

.booking_steps a:hover {
    background: #FFC64E url(/images/header_bg_blue2.jpg) repeat-x 0 0;  
    color: #000;
}



/*
=Step 2 - Add crew
-----------------------------------------------------*/

.toggle_unavailable_row {
    display: none;
}

table.listing.findcrew {
    background: #fff;
}

.listing.findcrew td {padding: 5px 6px 0;}

.listing.findcrew td.add_button {padding: 3px 6px;}
/*
table.findcrew a.button, table.findcrew a.button strong {
    width: 40px;
    text-align: center;
}

.listing.findcrew a.availability {
    text-decoration: none;
    color: #4C4C4C;
}

.listing.findcrew a.availability:hover {
    text-decoration: none;
    color: #00A5ED;
}
*/
.listing.findcrew a.availability img {margin: 0 4px -2px 0;}

.listing.findcrew tr.added td,
.listing.findcrew tr.crew_buddy_dark.added td,
.listing.findcrew tr.crew_buddy_light.added td {
    background-color: #FFF6C6;
}

.listing.findcrew tr.crew_buddy_dark td,
.listing.findcrew tr.crew_buddy_light td  {
    background-color: #F5FAED;
    border-bottom: 1px solid #ddd;
}

.listing.findcrew tr.crew_services_light td,
.listing.findcrew tr.crew_services_dark td {
    background-color: #eee;
    border-bottom: 1px solid #ddd;
}

tr.piltww_header td, tr.crew_services_header td {
background: red !important; border: 2px dotted pink !important;
    background: transparent url(/images/header_bg_green.jpg) repeat-x left bottom;
    padding: 4px 10px;
    border-top: 10px solid #fff;
    border-bottom: 4px solid #fff;
}

tr.piltww_header h4, tr.crew_services_header h4 {
    margin: 3px 0 6px 10px;
    color: #333;
}

tr.piltww_header a, tr.crew_services_header a {
    float: right;
    text-decoration: none;
    background: transparent url(/images/close.gif) no-repeat 0 2px;
    font-weight: bold;
    padding: 0 0 0 14px;
}

a.piltww {
background: red !important; border: 2px dotted pink !important;
    float:right;
    margin-left: 6px;
}

a.crew_services {
background: red !important; border: 2px dotted pink !important;
    float:right;
    margin-left: 6px;
}

a.service_crew {
background: red !important; border: 2px dotted pink !important;
    float:right;
    margin-left: 6px;
}

.listing.findcrew tr.added a.button {
    background: transparent url(/images/buttons/button_left_grey.gif) no-repeat 0 0;
}

.listing.findcrew tr.added a.button strong { 
    background: transparent url(/images/buttons/button_bg_grey.gif) no-repeat right top;
}

.listing.findcrew tr.added a.button:hover strong { 
    color: #000;
}

.cal_updated {
    font-size: .93em;
    color: #666;
    clear: both;
    padding: 4px;
}



/* The pop open minical row */
.listing tr.add_crew_calendar td {
background: red !important; border: 2px dotted pink !important;
    padding: 0 0 25px;
    border-bottom: 1px solid #ccc;
}

tr.add_crew_calendar div.show_minical {
background: red !important; border: 2px dotted pink !important;
    width: 838px;
    overflow: auto;
    padding: 10px;
    background-color: #f8f8f8;
}

.panel tr.add_crew_calendar div.show_minical {
background: red !important; border: 2px dotted pink !important;
    width: 805px;
}


/*
=managecrew table
-----------------------------------------------------*/

.listing.managecrew {background: red !important; border: 2px dotted pink !important;}

.listing.managecrew a.status {text-decoration: none;}

.listing.managecrew a.status:hover {
    text-decoration: none;
    color: #00A5ED;
}

.listing.managecrew a.status img {margin: 0 4px -1px 0;}
.listing.managecrew td {padding: 5px 6px 0;}
.listing.managecrew td.buttons {padding: 3px 6px;}

.booking_minical_container {
    width: 936px;
    background-color: #ddd;
}

td.last a img {
    margin: 3px 2px;
}


/*
=form
-----------------------------------------------------*/
form {
    margin: 0;
    padding: 0;
}
/*
fieldset {
    display: block;
    clear: both;
    border: none;
    margin: 0;
    padding: 0;
}
*/

fieldset {
    border: none;
    padding: 0;
    margin: 0 0 30px;
    /**/
    background-color: #fff;
    border: 1px solid #d5d5d5;
    margin: 0 0 30px;
}

label.pencils_disabled {
background: red !important; border: 2px dotted pink !important;
    position:relative;
    left:5px;
    top:-1px;
}

span.label {
    float: left;
    padding-right: 5px;
}

input.text, input[type=text], input[type=file], input[type=password], select, textarea {
    padding: 3px;
    background-color: #fff;
    border: 1px solid #ccc;
}

textarea.textarea-content {
    width: 250px;
}

input[type=text], input.text {
    width: 250px;
}

select {padding: 0;}

#callsheet_status select, /* is this used? */
.header_wrapper select 
{
    position: relative;
    top: -3px;
}

.callsheet_status {
    float: right;
}

#callsheet_container {
    clear: both;
}

input.text:focus, textarea:focus {border: 1px solid #999;}



/* = radio */

input[type=radio] {
    width: 13px;
    position: relative;
    top: 6px;
    height: 13px;
    margin-right: 3px;
}

div.form_element input[type=radio] {
    top: 0;
}

input.disabled {
    margin-right: 6px;
}

/* = file */

div.form_element input[type=file] {
    width: 196px;
}

/* = checkbox */

input.checkbox,
input[type=checkbox] {

}


/* = textarea */

div.col_single textarea, div.col_double textarea {
    width: 430px; 
    max-width: 430px;
    width: 416px; 
    max-width: 416px; 
}

textarea.large {
    width: 331px;
}

textarea.booking_message_textarea {
    width: 331px;
    height: 150px;
}

/* standard form input widths */
.form_element label.small { width: 100px; }
.form_element label.medium { width: 200px; }
.form_element  label.large { width: 300px; }

.xlarge input, .xlarge select, .xlarge textarea { width: 394px !important; }
.large input[type=text], .large select, .large textarea { width: 214px !important; }
.larger input[type=text], .larger select, .larger textarea { width: 258px !important; }
.medium input[type=text], .medium select, .medium textarea { width: 144px !important; }
.small input[type=text], .small select, .small textarea { width: 44px !important; }


/* =form_element */

div.form_element {
    position: relative;
    padding: 8px 10px;
}

.form_element.error {
    background-color: #ffe7e4;
    margin-bottom: 1px;
}

div.form_element label {
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    width: 193px;
    vertical-align: middle;
}

div.form_element input {
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    vertical-align: middle;
}


div.form_element textarea {
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    vertical-align: top;
}


div.form_element + p {

}

div.form_element.shoot_dates {width: 940px;}
div.form_element:first-child {border-top: none !important;}
div.form_element.first {border-top: none;}
.listing.roles td input, .listing.roles td select  {margin: 5px 0;}

div.form_element.last {}

div.field_group {background: red !important; border: 2px dotted pink !important;}
/*
div.field_group a.field_delete_link {
    display: block;
    background-color: #CBECFB;
    background-image: url(/cms/images/icons/close.gif);
    background-repeat: no-repeat;
    background-position: 385px 8px;
    padding: 5px;
    margin: -5px -5px 0 -5px;
}

div.field_group a.field_delete_link:hover {
    text-decoration: none;
    background-color: #eee;
}
*/


div.form_element label small { width: 100px; }

#swfu_form_element_eq_file {

}

div.ui-dialog-content div.form_element select {
    top: 0;
}

.ui-dialog-content .form_element {
    width: auto;
}

.ui-dialog-content .form_element label {
    width: 130px;
}

span.label_note {
    color: #777;
    font-family: georgia, times, serif;
    font-style: italic;
    display: block;
    margin: 2px 0 0 200px;
}

.ui-dialog .ui-dialog-content span.label_note {
    margin: 2px 0 0 130px;
}

p.counter {
    color: #777;
    font-family: georgia, times, serif;
    font-style: italic;
}

div.form_element .form_field, div.form_element .swfu_form_element {
    display: inline-block;
    vertical-align: top;
}
div.form_element .form_field .label-note {margin-left: 0;}

div.shoot_dates label {
    float: none;
}

/* =error classes */


span.form_error {
    color: #ED645A;
    font-family: helvetica, arial;
}


    
input + span.form_error {
    margin-left: 7px;
}

div.form_element.shoot_dates .form_error {
    position: absolute;
    top: 0px;
    left: 86px;
}

.form_element.error input, .form_element.error select, .form_element.error textarea {
    background-color: #fff;
    border: 1px solid #f00;
}

.formstyle div.submit  {
    margin-top: 10px;
    padding-left: 18px;
}

div.submit a.button { 
    margin-right: 10px; 
    cursor: pointer;
}

.formstyle input + a.button {
    margin: -2px 10px 0; 
}

.formstyle label + label {
    width: auto;
}

.formstyle label + label + span {
    display: block;
    clear: left;
}

.exception h2 {
    border-bottom: none;
    font-size: 18px;
    margin-bottom: 0;
    padding-bottom: 0;    
}

.exception .exception-message {
    font-weight: bold;    
}


/*******common form****************/

form.gallery_form {
    padding: 4px 0;
}

form.gallery_form label {
    color: #999;
    font-size: 0.917em;
    padding-bottom: 5px;
}

form.gallery_form input.text {
    display: block;
    float: none;
    width: 378px;
    margin: 0;
}

form.gallery_form textarea {
    display: block;
    width: 609px;
    height: 80px;
    margin: 0;
}


.swfu_file_table div.padding_ig {
    padding: 15px 12px;  
    min-height: 0;
}

#swfu_file_table_useful_files .swfu_cell_title {
    position: absolute;
    left: 450px;
    top: 13px;
}

#swfu_file_table_useful_files .swfu_cell_filename {
    clear: left;
    margin-left: -12px;
}

#swfu_file_table_useful_files .uploading {
    position: relative;
}

#swfu_file_table_useful_files .uploading .swfu_cell_filename {
    position: absolute;
    top: 17px;
    left: 80px;
}

#swfu_file_table_useful_files div.clean_swfu_cell_status {
    position: absolute;
    left: 870px;
    top: 18px;
}
 
span.swfu_progress_bar_percentage {
    color:#4C4C4C;
    font-family:'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;
    font-size:100%;
    float:none;
    margin:0;
    display:block;
    padding-top:5px;
    position: relative;
    top: -5px;
}

div.ds_thumb {
    background: transparent url(/images/ds-thumb.png) no-repeat right bottom;
    position: relative;
}

div.ds_thumb img {
    position: relative;
    top: -3px;
    left: -2px;
}

.resource .ds_thumb {
    padding: 0;
    width: auto;
    margin-right: 30px;
    float: left;
}

.resource .title_box {
    padding: 0;
    width: auto;
    height: auto;
}

.resource input[type="text"], .resource input.text {
    margin: 7px 3px;
    width: 330px;
}

.wb_imagegallery_swfu_title input[type="text"], 
.wb_imagegallery_swfu_title input.text {
    margin: 0;
}

div.wb_imagegallery_swfu_width {
    width: 600px
}

div#swfu_file_table_ig_images div.swfu_progress_bar {
    top: 50px;
    left: 90px;
}

div#swfu_file_table_ig_images .resource .ds_thumb {
    margin-right: 14px;
}

div#swfu_file_table_ig_images div.resource div.swfu_cell_delete {
    width: 50px;
    top: auto;
}

div#swfu_file_table_ig_images div.clean_swfu_cell_status {
    float: right;
    margin-top: 0;
    margin-right: 23px;
}

div#swfu_file_table_useful_files .resource input[type="text"],
div#swfu_file_table_useful_files .resource input.text
{
   width: 210px;
}

div#swfu_file_table_useful_files div.swfu_cell_title.swfu_table_header {
   width: 250px;
}

div#swfu_form_element_production_stills {
    width: 940px;
}

div#swfu_form_element_production_stills div.swfu_cell_title.swfu_table_header {
    width: 350px;
    padding-left: 15px;
}

.resource .swfu_cell_size {
    padding: 10px 0 0 14px;
}

.resource .swfu_cell_filename {
    padding-top: 10px;
}

.resource .uploaded_tick {
    float:left;
    width:50px;
    height:23px;
    margin: 4px 0 0 12px;
}

div div.clean_swfu_cell_status {
    float:left;
    width:50px;
    height:23px;
    margin-top: 4px;
}



div div.swfu_cell_options {
    text-align: right;
    padding-right: 10px;
    width: 140px;
}

form.common_form a.button strong, form.common_form a.button {
    background-image: url(/images/button-bg-gradient.png);
    color: #0099cc;
}

form.common_form a.button strong:hover, form.common_form a.button:hover {
    color: #333;
}

#eq_preferred_crew_error {
    padding-left: 0;
    display: block;
    clear: both;
}
/*************Image Gallery List***************/

table.pics_list_large {
    padding: 0;
    position: relative;
    left: -20px;
    width: 940px;
}

table.pics_list_large td {
    background-color: #dcdbdb;
    padding: 10px;
}

table.pics_list_large td h4 {
    margin: 0 0 7px;
    font-weight: normal
}

table.pics_list_large div.image_wrapper {
    position: relative;
    min-height: 200px;
}

table.pics_list_large div.image_wrapper img {
    border: 1px solid #ccc;
    display: block;
    margin: 0 auto;
}

table.pics_list_large div.image_wrapper img:hover {
    display: block;  
    border: 1px solid #fff;
}

table.pics_list_large div.image_wrapper.portrait {}

table.pics_list_large div.image_wrapper div.file_options {
    display: none;
    position: absolute; 
    width: 100%; 
	filter:alpha(opacity=70); /* Only IE reads this*/
    background-color: #fff;
    background-color: rgba(255,255,255,0.8);
    bottom: 0px;
    left: 0;
    z-index: 1000;
    height: 100%;
}

table.pics_list_large div.image_wrapper:hover div.file_options {
    display: block;
}

table.pics_list_large div.file_options ul {
    list-style: none;
    padding: 0;
    margin: 20px 12px 0;
}

table.pics_list_large div.file_options ul li {
    padding: 0;
    margin: 0 0 7px;
}

table.pics_list_large div.file_options a {
    padding: 4px 20px;
}

table.pics_list_large div.item_options a.wb_select_add { background: transparent url(/images/icon-add.png) no-repeat 0 50%; }
.file_options a.download { background: transparent url(/images/icon-download.png) no-repeat 0 50%; }
.file_options a.add_note { background: transparent url(/images/icon-note-yellow.png) no-repeat 0 50%; }
.file_options a.delete { background: transparent url(/images/icon-trash.png) no-repeat 0 50%; } 
.file_options a.edit { background: transparent url(/images/icon-edit.png) no-repeat 0 50%; }
.file_options a.shortlist { background: transparent url(/images/icon-add-grey.png) no-repeat 0 50%; }
.file_options a.shortlisted { background: transparent url(/images/icon-tick.png) no-repeat 0 50%; }


table.pics_list_large div.file_options ul li.wb_select {
    margin: 6px 0 0 0;
    line-height: 1.5em;
}
table.pics_list_large div.file_options ul li.wb_select label {
    display: block;
}

.file_options .wb_select label input.checkbox { 
    position: relative;
    top: -2px;
}

table.pics_list_large div.image_wrapper div.file_options a.enlarge {
    text-align: center;
    background-color: #fff;
    padding: 10px 0;
    text-decoration: none;
    display: block;
    margin: 20px 12px 0;
    font-size: 14px;
    border: 1px solid #ccc;
}

table.pics_list_large div.image_wrapper div.file_options a.enlarge:hover {
    background-color: #00A5ED;
    color: #fff;
}


div.files_actions_container img {
    margin: 0 0 0 4px;
}

/* file history */

div.wb_history_wrapper ul {
    padding: 0;
    margin: 0 0 0 20px;
    list-style: none;
}

.wb_history_wrapper li {
    margin: 5px 0 0;
    padding: 0;
    font-size: 11px;
}

.wb_history_wrapper li p {
    margin: 0;
}





/*
=structure
---------------------------------------------- */
#container {}

#main_menu {
    font-family:  Arial, Helvetica, sans-serif;
    height: 35px;
    margin: 0;
    padding: 0 0 0 20px;
    position: relative;
    z-index: 750;
    font-size: 1.083em; /* 13px */
    line-height: 20px;
}


div.header_shadow {
    height: 6px;
    width: 100%;
    position: fixed;
    background: transparent url('/images/header-shadow.png') repeat-x 0 0;
    top: 95px;
    left: 0;
    z-index: 250;
}

/* used on expandable panel pages */
#content_frame {
    width: 100%;
    overflow-y: scroll;
}

#content {
    width: 940px;
    margin-left: 20px;
    padding: 110px 0 51px 0;
    position: relative;
    z-index: 0;
}

#content.photo_gallery {
    width: 1007px;
}

.content_narrow {width: 617px;}

.col_even {
    float: left;
    width: 419px;
}

#footer {
    background-color: #242424;
    padding: 10px 0 10px 20px;
    font-size: 0.917em;
    color: #999;
    overflow: hidden;
    min-width: 920px;
    margin-top: -59px;
    position: relative;
    z-index: 1; 
}

#footer a {color: #52bfdd;}

a.logo_footer {
    position: relative;
    top: 3px;
    margin-right: 3px;
}

#tech {
    clear: both;
    text-align: left;
    padding: 8px 0 0 0px;
    font-size: 0.917em;
    line-height: 16px;
}

#debug {
    margin: 0 !important;
    line-height: 18px;
    padding: 20px !important;
}

.limit_width {width: 580px;}



/*
=main_menu
---------------------------------------------- */
#main_menu li {
    list-style: none;
    float: left;
    padding-right: 8px;
    position: relative;
}

#main_menu li:hover {
    background: transparent url('/images/menu-hover-bg.png') repeat-x 0 0;
}

#main_menu li#home > a {
    background: transparent url('/images/logo-q.png') no-repeat 12px 5px;
    text-indent: -999em;
    width: 11px;/*19px*/
}

#main_menu li a, #main_menu li span {
    display: block;
    height: 28px;/*35px*/
    padding: 0;
    text-decoration: none;
    padding: 7px 8px 0 12px;
    background: transparent url('/images/nav-arrow.png') no-repeat 100% 15px;
    color: #dcdcdc;
    outline: none;
    position: relative;
}

#main_menu li a:focus, #main_menu li a:hover, #main_menu li a:active, #main_menu li.current a, #main_menu li a.active {
    color: #c5ecaa;
    background-position: 100% -21px;
}

#main_menu li#home a {cursor: pointer;}

#main_menu li.no_sub a {
    background-image: none;
    padding-right: 0;
}

#main_menu li.no_sub_home a {
    padding-right: 8px;   
}


/* 2nd level */

/**** make 2nd & 3rd levels visible (for styling purposes only) ****/
#main_menu ul.nav_options,
#main_menu ul.sub_nav_options {
/*display: block !important;visibility: visible !important;*/
}

li.sub_nav_corner {
    position: absolute !important;
    height: 4px !important;
    background: transparent url('/images/submenu-bg-corner.png') no-repeat 0 0 !important;
}

#main_menu ul.nav_options {
    margin: 0;
    position: absolute;
    top: 35px;
    background: transparent url('/images/submenu-bg-right.png') no-repeat 100% 100%;
    white-space: nowrap;
    padding: 0 0px 4px 0;
    display: none; /* prevents a flash during page load */
    margin-left: 4px;
    min-width: 139px;
}

#main_menu ul.nav_options li {
    background: transparent url('/images/submenu-bg-left.png') repeat-y 0 0;
    float: none;
    clear: both;
    border-right: none;
    padding: 0;
    margin: 0;
    line-height: 18px;
    position: relative;
    left: -4px;
    padding-left: 4px;
}

#main_menu ul.nav_options li span.inactive {color: #818181;}

#main_menu ul.nav_options li a, #main_menu ul.nav_options li span {
    clear: both;
    color: #373737;
    padding: 4px 12px 3px 12px;
    height: auto;
    background-image: none;
    background-color: white;
}

#main_menu ul.nav_options li a:focus, #main_menu ul.nav_options li a:hover, #main_menu ul.nav_options li a:active {
    background: #373737;
    color: #eee;
}

#main_menu ul.nav_options li.divide {
    padding-top: 7px;
    background: transparent url('/images/submenu-divider.png') repeat-x 0px 0;
}

#main_menu ul.nav_options li.sub_present > a {
    background: transparent url('/images/sub-nav-more-items.png') no-repeat 100% 11px;
    padding-right: 24px;
}

#main_menu ul.nav_options li.sub_present > a:hover {
    background-color: #373737;
    background-position: 100% -89px;
}


/* 3rd level */

#main_menu ul.nav_options li:hover ul {display: block;}

#main_menu ul.sub_nav_options {
    position: absolute;
    top: -1px;
    left: 100%;
    margin: 0;
    background: transparent url('/images/submenu-bg-right.png') no-repeat 100% 100%;
    white-space: nowrap;
    padding: 0 0 4px 0;
    display: none; /* prevents a flash during page load */
}

#main_menu ul.sub_nav_options li {background: none;}
#main_menu li:first-child ul.sub_nav_options {top: 0;}
#main_menu li:first-child ul.sub_nav_options li:first-child a {border-top: none;}
#main_menu ul.sub_nav_options li:first-child a {border-top: 1px solid #ccc;}
#main_menu ul.sub_nav_options li a {border-left: 1px solid #b1b1b1;}
#main_menu .nav_options li.divide > ul {top: 6px;}

#main_menu ul.sub_nav_options li.divide {
    padding-top: 7px;
    background: transparent url('/images/sub-submenu-divider.png') repeat-x 0px 0;
}


ul#main_menu li.btp {
    margin: 0 0 0 40px;
    padding: 0;
}

ul#main_menu li.btp a {
    background: #f28e00;
    margin: 5px 0 0;
    padding: 2px 10px;
    height: auto;
    font-size: 0.917em;
    font-weight: bold;
    color: #fff;
}

ul#main_menu li.btp:hover a {
    color: #000;
    background: #ffae3b;
}


/*
=header
---------------------------------------------- */

#header {
    background:#F9F9F9 url(/images/header-bg.gif) repeat-x 0 0;
    height:95px;
    margin:0 auto;
    padding:0;
    line-height: 154%; /* 20px */
    position: fixed;
    top: 0;
    z-index: 500;
    width: 100%;
	width: 959px;

}

#header .headers, #header .headers h1 {
    font-family: georgia, times, serif;
    font-weight: normal;
    border-bottom: none;
}

#header .headers {clear: both; position: relative; padding-left: 20px;}
#header .headers a {text-decoration: none;}

.headers img {
    float: left;
    margin: 19px 10px 0 0;
}

#header .headers h1 {
    font-size: 2em;
    margin-top: 18px;
    line-height: 58px;
    display: inline;
    white-space: nowrap;
}

#header .headers h1 span a {
    color: #81AF60;
    font-size: 0.667em;
    font-style: italic;
}

#header .headers h1 em {font-size: .8em;background: red !important;}
#header .headers h1 a {color: #00A5ED; margin: 0 2px;}

#header .headers h1 a:hover {
    color: #4e4e4e;
    text-decoration: none;
}

#header .headers span.date {
    font-weight: normal;
    color: #888;
    font-size: 0.833em;
    text-transform: uppercase;
    letter-spacing: 1px;
}


/*nonav header styles*/

#header.nonav {
    height: 84px;
    position: relative;
    background: transparent url(/images/header-bg-slim.png) no-repeat 0% 0%;
}

#header.nonav .headers h1 {margin: 2px 0 0;}
#header.nonav p.date {margin-top: 0 ;}

/*
.headers div.logout {
    position: absolute;
    right: 12px;
    top: 16px;
}
*/

a.logout {
    float: right;
    font-size: 0.8333em;
    margin: 8px 8px 0; 
    color: #52BFDD;
    position: relative;
    z-index: 1000;
}


.headers div.logout span {
    float: left;
    margin-right: 8px;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
    color: #9f9f9f;
    font-size: 11px;
    line-height: 34px;
}



/*
=subnav
-----------------------------------------------------*/
ul.subnav {
    list-style: none;
    margin: 14px 0 0 -6px;
    padding: 0;
    height: 2em;
}

ul.subnav li {
    display: inline;
    float: left;
}

ul.subnav a {
    display: block;
    float: left;
    padding: 0 10px 2px;
    border-left: 1px solid #A5A5A5;
}

ul.subnav a span {
    color: #666;
    font-weight: normal;
}

ul.subnav a span img { margin: 0 2px -1px 2px; }
ul.subnav li:first-child a { border: none; }

ul.subnav a.active {
    color: #000;
    text-decoration: none;
    font-weight: bold;
}


/*
=panels
-----------------------------------------------------*/

.panel, fieldset.panel {
    border-left: 1px solid #D5D5D5;
    border-right: 1px solid #D5D5D5;
    background-color: #fff;
    font-size: 91.67%; /* 11px */
}

.panel small, fieldset.panel small {
    font-size: 100%; /* 11px */
}

fieldset.panel {
border: 0;
margin: 0 16px 30px 0;
}

.panel {padding: 10px 14px 7px; line-height: 18px;}
.panel.no_padding {padding: 0;}
#booking_prepare_form .panel.no_padding {padding-bottom: 10px;}

.panel h1 { font-size: 1.8em; }

.panel p { 
    margin-top: 0; 
    clear: left;
    margin: 6px 0 0;
}

.panel .form_element p {
    margin-left: 192px;
}


/* =panel ul */
.panel ul {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 160%;
}

.panel ul.small {
    display: block;
    font-size: .915em; /* 11px */
    color: #999;
    line-height: 1.3em;
}

.panel li {padding: 0;}


/* =panel dl */

.panel dl {
    clear: left;
    margin: 0 0 12px;
}

.panel dt { color: #333; }

.panel dd {
    text-align: left;
    margin: 0 0 1.5em;
}


h3.panel_block, fieldset.panel h3 {
    margin: 0 -16px 10px; /* tweaked for ie */
    display: block;
    left: 0;
    top: 0; /* tweaked for ie */
    float: none;
    color: #5DA701;
    padding: 2px 15px;
}

fieldset.panel h3 {
    background: #ddd url(/images/header_bg_grey.jpg) repeat-x 0 0;
    border-bottom: 1px solid #ccc;
    color: #333;
}

.panel h4 {
    margin: 0;
    font-size: 12px;
}

h3.panel_block a.close {
    float: right;
    margin-top: 4px;
}

/* =noticeboard panel */

ul.noticeboard {
    line-height: 1.5em;
    margin: 0 0 8px;
    max-height: 300px;
    overflow: auto;
}

.add_notice_now  { position: relative; }
.add_notice a.button.grey { display: none; }
.add_notice_now a.button.grey { display: inline; }

.add_notice textarea {
    margin: 12px 0 7px;
    padding: 6px 6px 2px;
    width: 416px;
    height: 60px;
    background-color: #fffde1;
}


.add_notice_now a.button.grey {
    margin: 4px 0 0;
    float: right;
}

.noticeboard li {
    margin: 0;
    padding: 3px 6px 3px 0;
    clear: both;
    border-bottom: 1px solid #e6e6e6;
}

.noticeboard li.stripe {
    background-color: #fff;
    border-top: none;
}

.noticeboard small {
    display: block;
    color: #81af60;
}

.noticeboard a.delete_notice {
    float: right;
    background: transparent url('/images/icon-trash.png') no-repeat 0 0;
    height: 16px;
    width: 16px;
    overflow: hidden;
    text-indent: -999em;
    margin: 3px 0 0 0;
}

.noticeboard a.delete_notice:hover {background-position: 0 100%;}
.noticeboard p { margin: 0;}


/* =linklist panel*/

ul.linklist {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.linklist li {
    margin: 5px 0 0;
    border-top: 1px solid #eee;
    padding: 5px 0 0;
}

ul.linklist li:first-child {
    margin: 0;
    border-top: none;
    padding: 0;
}

ul.linklist p.title {
    margin: 0;
}

ul.linklist p.title a {
    font-weight:  bold;
    padding: 0;
}

ul.linklist p.desc {
    margin: 0;
}

ul.linklist span.caption {
    color: #999;
}

ul.linklist li.thumb a {
    min-height: 65px;
    height: 65px;
}

*>ul.linklist li.thumb a {
    height: auto;
}

ul.linklist a img.display {
    border: 1px solid #ccc;
    width: 80px;
    height: 50px
}

ul.linklist p.list_edit {
background: red !important; border: 2px dotted pink !important;
    margin: -1px 0 10px;
    border-bottom: 1px solid #ccc;
    background: #ccc url(/images/option_bg.gif) repeat-x bottom left;
    padding: 2px 14px;
    font-size: 11px;
    clear: both;
}

ul.linklist p.list_edit a {
    display: inline;
    line-height: 140%;
    padding: 0;
    margin: 0;
    border-bottom: none;
    color: #00A5ED;
}

.linklist img {
    float: right;
    width: 50px;
    height: 50px;
    margin: 6px 0 6px 6px;
    border: 1px solid #ccc;
    background-color: #fff;
}




/* Signup page */
ul.signup_options {
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

ul.signup_options li {margin: 10px 0;}

ul.signup_options a {
    display: block;
    font-size: 1.2em;
    padding: 4px 0;
}


ul.signup_options a:hover {
    background-color: #E9F6FC;
    text-decoration: none;
}

ul.signup_options a span {
    color: #000;
    font-weight: bold;
}



/* Quicklist */

ul.quicklist {
    margin: 0;
    list-style: none;
    padding: 0;
}

ul#re_preferred_crew_crew_list {
    width: 350px;
}

ul.quicklist li {
    line-height: 20px;
    padding: 2px 0 4px;
    margin: 0;
    border-top: 1px solid #e6e6e6;
    position: relative;
}

ul.quicklist li:first-child {border-top: none;}

ul.quicklist a.remove {
    float: right;
    margin-left: 5px;
}

ul.quicklist li span {
    position: absolute;
    top: 2px;
    right: 70px;
}

/*
=production overview calendar
-----------------------------------------------------*/
.production_calendar {
background: red !important; border: 2px dotted pink !important;
    margin: 0 0 40px;
    background-color: #eee;
    display: none;
}


/* =crew invitation */

div.invitation {
    position: absolute;
    right: 50px;
    top: 4px;
    height: 22px; /*25px*/
    background: #2b2b2b url(/images/invitation-alert.gif) no-repeat 4px 3px;
    font-size: 11px;
    z-index: 800;
}

div.invitation a {
    color: #fff;
    position: relative;
    display: block;
    z-index: 2;
    text-indent: 21px;
    padding: 3px 9px 0 6px;
}

div.invitation a:hover {color: #09c; text-decoration: none;}
div.invitation a:hover span {color: #fff;}

div.invitation span {
   font-weight: bold;
    position: absolute;
    left: 6px;
    text-align: center;
    width: 15px;
    text-indent: 0;
}

div.invitation div.bgicon {
    padding: 16px 0 5px 40px;
    margin: 0;
}

div.invitation div.pencil { background: transparent url(/images/icon_pencil_lg.png) no-repeat 0 12px; }
div.invitation div.firm { background: transparent url(/images/icon_firm_lg.png) no-repeat 0 12px; }

div.invitation p {
    line-height: 140%;
    margin: 0 0 5px;
}

div.invitation small {color: #F68B00;}



/*
=help
-----------------------------------------------------*/

#page_help {
background: red !important; border: 2px dotted pink !important;
    background-color: #fff;
    margin-top: 21px;
    padding: 10px 25px 4px 25px;
    border-bottom: 1px solid #ccc;
    width: 890px;
}

#page_help h3 {
    font-size: 1.2em;
    margin: .3em 0 0.8em;
    color: #81AF60;
}

#page_help p {
    color: #777;
    margin: 0 0 .6em;
    width: 870px;
}

#page_help strong {color: #454545;}
#page_help a.close {float: right;}

#page_help_toggle_link_header {
    position: absolute;
    right: 0;
    top: 24px;
    font-size: .93em;
    color: #708D45;
    background: transparent url(/images/help.gif) no-repeat 0 2px;
    padding: 0 0 0 20px;
}


/*
=feedback
-----------------------------------------------------*/
div.feedback {
    margin-bottom: 20px;
    background-color: #ccc; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border: 1px solid #ccc; 
    padding: 1em 12px 0 44px;
}

#invite_confirm_form div.feedback {
    margin-top: 20px;
}

/*notice*/
div.feedback.notice {
    background: #fdfad1 url(/images/feedback-notice.png) no-repeat 8px 8px;
    border-color: #ffdf7f;
    color: #c2770b;
}
/*success*/
div.feedback.success {
    background: #e0f3d3 url(/images/feedback-success.png) no-repeat 8px 8px;
    border-color: #c4dab5;
    color: #558a31;
}
/*warning*/
div.feedback.warning {
    background: #ffe7e4 url(/images/feedback-warning.png) no-repeat 8px 8px;
    border-color: #f9cbc8;
    color: #ed645a;
}
/*info*/
div.feedback.info {
    background: #d9f0fd url(/images/feedback-info.png) no-repeat 8px 8px;
    border-color: #bcdae9;
    color: #7298c7;
}
/* =invite */
div.feedback.invite {
    background: #FFD6E2 url(/images/feedback-info.png) no-repeat 8px 8px;
    border-color: #ff89a5;
    color: #FF0048;
}

div.feedback.a_d_invite {
    background-color: #ff5686;
    border-color: #ccc;
    color: #FF0048;
    padding: 10px;
    margin-top: 10px;
}

div.feedback.release {
    background-color: #eee;
    border-color: #ddd;
    color: #FF0048;
    padding: 10px;
    margin-top: 10px;
}


div.feedback h2 {
    margin: 0 0 .7em;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 1.3em;
    border-bottom: none;
}

div.feedback p {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 0 1em;
    font-size: 1.1em;
}



/*
=findcrew formbox
-----------------------------------------------------*/
#findcrew_tabs {
background: red !important; border: 2px dotted pink !important;
    position: relative;
    bottom: -1px;
    clear: both;
}

#findcrew_tabs ul {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    border-left: 1px solid #ccc;
}

#findcrew_tabs li {
    display: inline;
    margin: 0;
    padding: 0;
}

#findcrew_tabs a {
    margin: 0;
    height: 20px;
    padding: 2px 12px 2px 17px;
    display: block;
    float: left;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    background: #fff url(/images/closed.gif) no-repeat 8px 50%;
    text-decoration: none;
}

#findcrew_tabs a:hover {
    background-color: #fff;
    text-decoration: none;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: #fff url(/images/open.gif) no-repeat 5px 50%;
}

#findcrew_tabs a.active {
    border: 1px solid #999;
    border-bottom: 1px solid #eee;
    padding: 2px 12px 2px 18px;
    background: #eee url(/images/open.gif) no-repeat 5px 50%;
}


/* closed */
/*
#crewbox.closed  { display: none; }
#crewbox.closed #findcrew_formbox { display: none;}
#crewbox.closed #findcrew_tabs .active { border-bottom: 1px solid #ccc; }
*/
#findcrew_formbox {
    padding: 12px;
    border: 1px solid #ccc;
    width: 830px;
    background-color: #eee;
    clear: both;
}

#findcrew_formbox input, #findcrew_formbox select {
    width: auto;
    float: none;
    background-color: #fff;
}
#findcrew_formbox input.checkbox, #findcrew_formbox input.radio {background:none; }

.role_list {
    width: 220px;
    float: left;
    margin-right: 14px;
    border-right: 1px solid #ddd;
    padding-right: 10px;
    margin-bottom: 11px;
}

.role_list.last {
    border: none;    
}

.role_list label {
    display: block;
    margin: 0 0 3px;
}

.formbox_extras {
    clear: both;
    padding: 20px 0 30px;
    font-size: .93em;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}

.formbox_extras:first-child {
    padding-top: 0;
}


.formbox_extras input, .formbox_extras select {
    border: 1px solid #ccc;
}

.formbox_extras .form_element {
    width: 235px;
    margin-right: 38px;
    float: left;
    clear: none;
}

.formbox_extras .form_element input[type="text"] {
    margin: 5px 0 0;
    width: 227px;
}

.formbox_extras .form_element select {
    margin: 5px 0 0;
    width: 227px;
    height: 21px;
}

.formbox_extras a.form_bottom_link {
    position: absolute;
    bottom: 15px;
    left: 0;
}




#warning {
background: red !important; border: 2px dotted pink !important;
    width: 282px;
    background: url(/images/warning_repeat.gif) repeat-y;
    position: absolute;
    top: 20px;
    left: 80px;
    z-index: 100;
}

#warning p {
    margin: 0 1em .6em 1em;
    padding: 0;
}

ul.producer {
    clear: both;
    list-style: none;
    margin: 1em 0;
    padding: 0;
}

ul.producer li {
    margin: 0 0 .5em 4px;
    padding: 0;
}

ul.producer input { margin: 0 1em 0 0; }

/*
=homepage
-----------------------------------------------------*/
/*
.homepage { margin: 0 0 3em;background: red !important; border: 2px dotted pink !important; }

.welcome  {background: red !important; border: 2px dotted pink !important;
    font-family: Helvetica, Arial, sans-serif;
}

.welcome h1 { font-weight: normal; }

.welcome ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.welcome li {
    margin: 0 0 .7em;
    padding: 0;
    font-size: 1.6em;
    font-family: Helvetica, Arial, sans-serif;
}

.welcome p {
    font-size: 1.165em;
    line-height: 1.5em;
}


.homepic {
    margin: 20px 0;
    padding: 7px 6px;
    border: 1px solid #ccc;
}

.panel.newsletter {
    margin-top: 40px;
}
*/


h1 img.favourite {
    position: relative;
    top: -8px;
    left: 2px;
}

.profile_image {
    padding: 14px 20px;
    background-color: #e6e6e6;
    margin: 0 0 10px;
    border: 1px solid #ccc;
}

.profile_image img {
    border: 1px solid #cacacb;
}


/*
=faq
-----------------------------------------------------*/

.faq dt { font-weight: bold; }
.faq dd { margin: 0 0 1em; color: #666;}

div.faq h4 {
    margin-bottom: 2px;
}

div.faq p {
    margin: 1px;
}



/*
=inline-block
-----------------------------------------------------*/
.inline-block {
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
}



/*
=button container
-----------------------------------------------------*/

div.button_block {
    clear: both;
    margin: 6px 0;
}


/* Button bar */

/*
.button {
    background: transparent url('/images/button-bg.png') no-repeat 100% 0;
    display: block;
    float: left;
    height: 22px;
    margin-right: 18px;
    padding-right: 10px;
    font-size: 0.917em;
    font-size: 11px;
    color: #00A5ED !important;
    line-height: 20px;
    position: relative;
    left: 8px;
}
*/

.button {
    background: transparent url('/images/button-bg.png') no-repeat 100% 0;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    height: 22px;
    margin: 0 12px;
    padding-right: 10px;
    font-size: 11px;
    color: #00A5ED !important;
    line-height: 20px;
}

.button strong {
    background: transparent url('/images/button-bg.png') no-repeat 0 0;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    font-weight: normal;
    height: 20px;/*22*/
    padding: 1px 2px 1px 12px;
    margin-left: -8px;
    cursor: pointer;
}   
 

.button:hover {
    background: transparent url('/images/button-bg.png') no-repeat 100% -88px;
}

.button:hover strong {
    background: transparent url('/images/button-bg.png') no-repeat 0 -88px;
}

span.button strong {cursor: auto;}

/* Loading version */

.loading_container .button strong {
    background-position: 0 0 !important;
    color: #aaa;
}

.loading_container .button {
    background-position: 100% 0 !important;
}

/* Blue bg version */
.button:first-child {background-position: 100% 100%;}
.button:first-child strong {background-position: 0 100%;}
/*
.button:hover {background-position: 100% 50% !important;}
.button strong:hover {background-position: 0 50% !important;}
*/

/* Grey button large */
#footer_booking_bar a.button.primary_dialog_button {
    background: transparent url('/images/button-bg-large.png') no-repeat 100% 100%;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    height: 32px;
    padding-right: 16px;
    font-size: 1.333em;
    color: #0099cc;
    line-height: 24px;
}

#footer_booking_bar a.button.primary_dialog_button strong {
    background: transparent url('/images/button-bg-large.png') no-repeat 0 100%;
    font-weight: bold;
    height: 25px;
    padding: 4px 4px 3px 19px;
    cursor: pointer;
    font-family: Helvetica, Arial, sans-serif;
    margin-left: -12px;
}

#footer_booking_bar .button_block span {
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    color: #848484;
}

#footer_booking_bar .button_block span a {
    color: #0099CC;
}

#footer_booking_bar .extra_options {
    padding-bottom: 10px;
}


/* instances of button on different bg colours */
tr.ruler a.button strong {background-color: #e5f6fc !important;}
div.ui-dialog a.button strong {background-color: #e5e5e5; color: #09c;}
div.ui-dialog.calendar_dialog a.button strong {background-color: #fbf49e;}
.form_element.error a.button strong {background-color: #FEEBEB;}


a.button:hover {
    text-decoration: none;
    color: #333 !important;
}


/* Blue button */
/*
a.blue_button {
    background: transparent url('/images/button-bg.png') no-repeat 100% 100%;
    display: block;
    float: left;
    height: 22px;
    margin-right: 6px;
    padding-right: 10px;
    font-size: 0.917em;
    font-size: 11px;
    color: #09c !important;
    line-height: 20px;
}

a.blue_button strong {
    background: #fff url('/images/button-bg.png') no-repeat 0 100%;
    display: block;
    float: left;
    font-weight: normal;
    height: 20px;
    padding: 1px 2px 1px 12px;
}


tr.ruler a.blue_button strong {background-color: #e5f6fc;}

a.blue_button:hover {
    text-decoration: none;
    background-position: 100% 0;
    color: #666 !important;
}

a.blue_button:hover strong {background-position: 0 0;}

*/



/* input type=submit buttons */

div.submit_button {
    background: transparent url('/images/button-bg.png') no-repeat 0 100%;
    display: block;
    float: left;
    height: 22px;
    padding-left: 10px;
    font-size: 11px;
    position: relative;
    top: -3px;
}

span.submit_button_end {
    background: #fff url('/images/button-bg.png') no-repeat 100% 100%;
    display: block;
    float: left;
    font-weight: normal;
    height: 20px;/*22*/
    padding: 0 2px 2px 0;
}

input.submit_input {
    background: none;
    border: none;
    height: 22px;
    padding: 0 0 2px 12px;
    color: #09c;
    cursor: pointer;
    position: relative;
    top: 0px;
    left: -10px;
    margin-right: -12px;
    padding-right: 12px;
}

div.submit_button:hover {background-position: 0 0;}
div.submit_button:hover span.submit_button_end {background-position: 100% 0;}
div.submit_button:hover input.submit_input {color: #666;}



/*
=secondary links (often follow buttons)
-----------------------------------------------------*/
a.secondary {line-height: 22px; padding: 0 3px; font-size: 11px; }
span.pipe {}

/*
a.primary_dialog_button + a.secondary.secondary_dialog_button {
    font-size: 14px;
    position: relative;
    top: 4px;
    left: 5px;
}
*/

/*
=options
-----------------------------------------------------*/

p.options {
    margin: 12px 0 6px;
    clear: both;
}

div.no_padding p.options {margin-left: 14px; margin-right: 14px;}

div.options {
    margin: 0;
    clear: both;
    border: 1px solid #ddd;
    background: #ccc url(/images/option_bg.gif) repeat-x bottom left;
    padding: 5px 14px;
    font-size: 11px;
}

.panel.no_padding > p.options {padding: 0;}

p#search_options {

    width: 830px;
}

.options.stack { margin-bottom: 3em; }

.options span {
    margin: 0 7px 0 0;
    padding: 0 0 0 7px;
    border-left: 1px solid #999;
    color: #2D91BC;
    color: #555;
}


p.options a {
    border-left: 1px solid #999;
    padding: 0 9px;
}

.options a:first-child, .options a.first, .options span:first-child, .options span.first {
    border-left: none;
    padding-left: 0;
}

.options span {color: #999;

}



/*
=message classes
--------------------------------------------*/
/* Used in the booking preview table */
.msg-info {
    background: #FEFCD7 url(/cms/images/icons/alert.gif) 5px 2px no-repeat;
    padding: 2px 0 2px 26px;
    margin: 0;
    color: #c2770b;
}


.msg-error {
    background: transparent url(/cms/images/icons/alert.gif) 5px 5px no-repeat;
    padding: 5px 5px 5px 25px;
}

.msg-error span {
    color: #DD4604;
    font-weight: bold;
}

.no_javascript {
    margin: 16px;
    padding: 5px;
    border: 1px dotted black;
    background-color: #fff;
}

.form-required {color: red;}


/*
=service
-----------------------------------------------------*/

.service_edit {

}

.service_image {

    float: right;
    border: 1px solid #ccc;
    margin: 10px 0 20px 12px;
}

div.no_img_yet {

    float: right;
    border: 1px solid #ccc;
    margin: 12px 0 20px 12px;
    width: 370px;
    height: 158px;
    background-color: #eee;
    text-align: center;
    padding-top: 120px;
}


/* =temporary (michael)*/
.hide_me {
    display: none;
}

.show_me {
    display: block;
}





/*
=misc
---------------------------------------------- */

.show_template {
    font-size: 0.917em;
}

/* Support the alignment of the calendar row in manually add. */
label + div.minical_for_daytypes,
div.minical_for_daytypes + span.minical {
    margin-left: 193px;
}


/**/
p.section_description {
   padding: 0;
   margin: 1em 14px;
}

table.listing a.shortlist {
    display: block;
    width: 100%;
    height: 20px;
    background: transparent url(/images/icon-add-grey.png) no-repeat 50% 50%;
}

table.listing  a.shortlist:hover {
    background: transparent url(/images/icon-add.png) no-repeat 50% 50%;
}

table.listing  a.shortlisted {
    background: transparent url(/images/tick_green.gif) no-repeat 50% 50%;
    display: block;
    width: 100%;
    height: 20px;
}

table.listing span.shortlisted {
    display: block;
    width: 100%;
    text-align: center;
}

table.listing a.shortlisted:hover {
    background: transparent url(/images/tick_grey.gif) no-repeat 50% 50%;
}


table.booking_preview_type td.first {
    width: 10px; /* just a narrow value to squeeze it up*/
}

a.icon_history,
a.icon_history:hover {

    position: relative;
    bottom: -4px;
    text-decoration: none;
}


table.booking_preview_type td.first {
    width: 10px; /* just a narrow value to squeeze it up*/
}

#line_producer_latest_productions {
    clear: both;
    display: block;
    margin: 12px 0 0 190px;
}

p.invite_check {
    clear:both;
    color: #f00;
    background-color: #FFDFDF;
    margin: 0;
}

p.invite_check span.invited_checked {
    display: block;
    color: #74B000;
    background-color: #EDFDCE;
    padding: 0 5px;
}



/*greyed out screen popup dialog*/
.modal {

    text-align: left;
    padding: 0 16px 16px;
    height: auto;
    border: 1px solid #fff;
    width: 300px;
}


/* enlarged still */

.popup {

    border: none;
    text-align: left;
}

.popup img {display: block;}

.popup h3 {
    background-color: #fff;
    margin: 0;
    padding: 5px 14px;
    color: #333;
}

.popup a#close {
    position: absolute;
    top: 10px;
    right: 10px;
}

.popup p {margin: 0;}

.popup p.prevnext {
    margin: 0;
    background: #fff;
    padding: 4px 14px;
    font-size: .93em;
}

.popup p.caption {
    margin: 4px 14px;
    color: #666;
    font-size: .93em;
}

.popup p.prevnext a {}
.popup a#previous {}

.popup a#next {
    position: absolute;
    right: 10px;
}

a.calendar_key {
    float: right;
    font-size: .93em;
}

.options span {color: #999;}
p.results { margin: 20px 0 30px; width: 700px; }


/* Stills gallery */
.still {
    width: 278px;
    border: 1px solid #ccc;
    background-color: #F2F1F1;
    padding: 10px 10px 5px;
    float: left;
    margin: 0 0 14px 20px;
    position: relative;
}

.still.first {
    margin-left: 0;
}

.still img {
    border: 1px solid #ccc;
}

.still p.title {
    font-size: .93em;
    line-height: 1.4em;
    margin: 6px 0 0;
    height: 3em;
}

.still p.options {margin: 0 -10px 0;}
.still_image {cursor: pointer;}

.custom_block {
    margin: 0 0 14px;
    padding: 12px 16px 0;
    border-bottom: 2px solid #ddd;
    clear:both;
}

.custom_block .form_element {
    border-top: none;
    padding: 5px 0;
    margin: 0;
}

.custom_block .form_element label {
    margin: 0;
    padding: 0;
}

.custom_block .form_element.last {
    margin: 0 0 8px;
    border-bottom: none;
    padding: 5px 0;
}

.custom_block input, .custom_block select, .custom_block textarea {border: 1px solid #ccc;}
#pr_key_people .form_element label {width: 100px;}
.markas {margin: 10px 0;}
.markas input {margin: -2px 0 0;}
.markas label {margin:  0 0 0 10px;}
.like_to_work_results {clear:both;}
#like_to_work_results h4 {margin: 0 0 5px; padding-top: 10px}

#send_news_form label {
    color: #777;
    margin: 0 0 4px;
}

#send_news_form .form_error {
    margin-left: 193px;
}


img.display_image {
    margin: 0 0 10px 10px;
    border: 1px solid #ccc;
    float: right;
}

#send_feedback_form {
    margin-top: 20px;
    padding-bottom: 20px;
}

.prod_images  {
    margin: 0 0 30px;
    border: 1px solid #ccc;
    padding: 20px 0 10px;
    position: relative;
}

.prod_images img {
    width: 227px;
    height: 170px;
    margin: 0 0 9px 9px;
    cursor: pointer;
}

.clapper {
    position: absolute;
    top: 12px;
    left: 770px;
}

.top_panel {margin: 0 0 2em;
}

.panel.shootcam img {
    margin: 0 10px 10px 20px;
    width: 224px;
}
.panel.weather_watch img, .panel.weather_watch select { margin: 0 10px 10px 20px;
}

a.apply {
    background: transparent url(/images/icon_paste.gif) no-repeat 0 0;
    padding: 0 0 3px 20px !important;
}

.add {
    background: transparent url(/images/icon_add.gif) no-repeat 0 0;
    padding: 0 0 0 17px;
}

.stripe, dd.no_stripe, .overview dt.no_stripe {}

div.paginate.inhead {
    position: absolute;
    right: 10px;
    top: 4px;
    margin: 0;
}

span.paginate.infoot {
}

div.paginate {
    margin: 10px 0;
    font-size: .93em;
}

div.paginate a {
    font-size: 1.1em;
    line-height: 150%;
}

div.paginate a.shift img, span.paginate a.shift img { position: relative; bottom: -3px; }

.rss_info { margin: 10px 0;

}

.rss_info img {}

.rss_info a {
    font-size: 1em;
    text-decoration: none;
}

.add_txt {

    width: 350px;
    float: left;
    background-color: #eee;
    border: 1px solid #ccc;
    margin: 20px 0 20px 20px
}

.add_txt form { margin: 10px; }

div.crew_search { padding: 0 2px 4px 2px;

}

.legal {

    color: #666;
    width: 580px;
    margin-top: 50px;
}

ol.withroman { list-style-type: lower-roman; }

ol.withroman ol { list-style-type: lower-alpha; }

#loading {

    background: #FBECA6;
    border: 1px solid #bababa;
    padding:  6px;
    color:  #777;
}

a.pdf {

   background: url(/images/pdf.gif) left no-repeat;
   padding: 4px 0 4px 24px;
   display: inline;
   margin-bottom: 1em;
}



/*
=Box headers
-----------------------------------------------------*/

div.box_header {
    background: #d8d8d8 url('/images/box-header-bg.png') no-repeat 0 0;
    border-bottom: 1px solid #c1c1c1;
    position: relative;
    margin-top: 10px; 
}

a.box_show_hide {
    text-indent: -9000em;
    width: 21px;
    height: 31px;
    background: #dedede url('/images/box-show-hide.png') no-repeat scroll 0 0;
    border-left: 1px solid #c8c8c8;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10; /* Make sure it's above the panel header */
    display: none;
    cursor: pointer;
}

div.box_header:hover a.box_show_hide {display: block;}
a.box_show_hide:hover {background-position: 0 -100px;}

div.box_header h2 {
    font-size: 1.083em;
    padding: 8px 14px 0;
    height: 22px;
    text-shadow: #fff 1px 1px 1px;
    margin: 0;
    color: #363636;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
    text-shadow: 0 1px #fcfcfc;
}

div.box_header h2 span.month_selector {
    position: absolute;
    right: 14px;
    top: 10px;
}

div.box_header h2 span {
    font-size: .85em;
    color: #666;
    font-weight: normal;
}

div.box_header h2 a {
    font-size: 11px;
    padding: 7px 7px 0;
    font-weight: normal;
}

div.box_header_shadow {
    height: 14px;
    width: 100%;
    background: transparent url('/images/table-header-shadow.png') repeat-x 0 0;
}

div.box_header_shadow + p {
    background-color: #f7f7f7;
    margin-bottom: 0;
    padding-bottom: 6px !important;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

div.panel div.box_header_shadow {
    position: relative;
    left: -1px;
}

div.box_footer {
    height: 7px;
    background: transparent url('/images/box-corners.png') no-repeat scroll 0 100%;
    position: relative;
    top: -7px;
    left: 0; /* for IE7 */
    z-index: 10;
}

div.box_footer_right {
    height: 7px;
    width: 10px;
    background: transparent url('/images/box-corners.png') no-repeat scroll right 100%;   
    position: absolute;
    right: 0;
    bottom: 0;
}

span.planner_footer_year {
    background: #e5e5e5;
    display: block;
    border-right: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    text-align: center;
    height: 18px;
    font-family: georgia, serif;
    color: #666;
    font-size: 13px;
    line-height: 7px;
}


/* Expandable panel styles */
div.wide_panel_container div.box_header {
    background: #d8d8d8 url('/images/box-header-huge-bg.png') no-repeat 0 0;
}
div.wide_panel_container div.box_footer {
    background: transparent url('/images/box-corners-huge.png') no-repeat scroll 0 100%;
}
div.wide_panel_container div.box_header_shadow {
    background: transparent url('/images/table-header-shadow-huge.png') repeat-x 0 0;
    border-left: 1px solid #d5d5d5;
}
div.wide_panel_container a.box_show_hide {
    right: 0;
}
div.wide_panel_container div.box_header_shadow + p {
    background-color: transparent;
}

/*
=Production planner calendar
-----------------------------------------------------*/

div.instructions {
    padding: 17px;
    background: #fcfcdd;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    color: #777456;
    line-height: 20px;
    border-bottom: 1px solid #c1c1c1;
}

div.instructions a.close {
    background: transparent url('/images/button-close-instructions.gif') no-repeat scroll 0 0;
    display: block;
    width: 17px;
    height: 17px;
    text-indent: -999em;
    float: right;
    position: relative;
    top: -7px;
    right: -7px;
    outline: none;
    z-index: 1;
}

div.instructions h2 {
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    font-family: Georgia, Times, serif;
    color: #777456;
    margin: 0 0 0.5em;
}

div.instructions ol, div.instructions ol li,
div.instructions ul, div.instructions ul li {
    margin: 0;
    padding: 0;
    list-style: inside decimal;
}



/*
=Options bar
-----------------------------------------------------*/

div.options_bar {
    padding: 9px 16px;
    background: transparent;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    font-size: 11px;
    line-height: 20px;
    background: #e6e6e6;
    color: #8f8f8f;
}

div.options_bar a {
    outline: none;
    font-size: 11px;
}


div.options_bar p.note {
    color: #333;
}

div.options_bar ul, div.options_bar ul li {margin: 0; padding: 0; list-style: none;}

div.options_bar > ul.primary li {
    float: left;
    border-right: 0px solid #c1c1c1;
    border-left: 0px solid #f9f9f9;
    position: relative;
}

div.options_bar ul.primary li.has_sub > a {background: transparent url('/images/options-bar-item-has-sub.png') no-repeat 100% 6px;}

li.has_sub ul {
    display: none;
}

div.options_bar ul.primary li a {
    padding: 0 10px 0 22px;
    text-decoration: none;
}

div.options_bar ul.primary li a.button {
    padding-left: 0;
    margin: 0 0 0 20px;
}

div.options_bar ul.primary > li:first-child > a { 
    padding-left: 0;
}

div.options_bar ul.primary ul {
    position: absolute;
    z-index: 15;
    background: transparent url(/images/submenu-options-bar-bg.png) no-repeat scroll right bottom;
    padding-right: 4px;
    padding-bottom: 4px;
    margin-top: 11px;
    top: 16px;
    border-left: 1px solid #ccc;
}

div.options_bar ul.primary ul li {
    display: block;
    float: none;
    border: none;
    background-color: #fff;
    padding: 0;
    margin: 0;
}

div.options_bar ul.primary ul li a,
div.options_bar ul.primary ul li span {
    display: block;
    padding: 2px 14px;
    white-space: nowrap;
    color: #333;
    font-size: 12px;
    text-decoration: none;
}

div.options_bar ul.primary ul li span {
    color: #999;
}


div.options_bar ul.primary ul li a:hover {
    background-color: #444;
    color: #fff;
    text-decoration: none;
}

div.options_bar ul.primary ul li:last-child a {padding-bottom: 8px;}


div.options_bar > ul.secondary {float: right;}

div.options_bar > ul.secondary li {
    float: left;
    padding: 0 12px;
    background: transparent url(/images/pipe.png) no-repeat top left;
}

div.options_bar > ul.secondary li:first-child {
    background-image: none;
    padding-left: 0;
}

div.options_bar > ul.secondary li:last-child {
    padding-right: 0;
}

div.options_bar span.section_note {
    margin: 0 0 0 20px;
    float: right;
}


/*
=Production rebooking calendar
-----------------------------------------------------*/

span.day_type.new {
    margin-top: 0 !important;
    position: absolute;
    top: 5px;
    height: 32px !important;
    width: 32px !important;
    background-position: left top;
    background-image: url('/images/rebook_type_new.gif');
}

span.day_type.original {
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    margin-top: 0 !important;
    position: absolute;
    top: 48px;
    height: 32px !important;
    width: 32px !important;
    background-position: left top;
    background-image: url('/images/rebook_type_old.gif');
}

.day_type.original span,
.day_type.new span {
    margin-top: 9px;
}



/*
=Production planner calendar
-----------------------------------------------------*/

div.planner_panel .panel { padding-bottom: 0; }

table.planner_head {
    width: 924px;
    width: 922px;
    table-layout: fixed;
}

table.planner_head th {
    background: #f7f7f7;
    width: 130px;
    color: #666;
    font-weight: normal;
    font-family: Georgia, Times, serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 10px;
    cursor: pointer;
    padding: 0 0 3px;
    padding-bottom: 7px;
    line-height: 1.1em;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #fff;
}

table.planner_head th.first {border-left: 1px solid #fff; width: 129px;}

div.calendar_loading {
    position: absolute;
    z-index: 50;
    text-align: center;
    background-color: #ccc;
    opacity: 0.4;
}

div.calendar_loading p {
    width: 100%;
    color:#4E4E4E;
    color: #333;
    font-family:Arial,Helvetica,sans-serif;
    font-size: 48px;
    font-weight: bold;
    position: relative;
    top: -48px;
}

/* Planner Body */
div.planner_body_wrapper {
    background: #fff url('/images/planner-tr-bg.png') repeat-y scroll -1px 0;
    position: relative; /* only needed to position scroller absolutely */
    width: 938px;
    border-bottom: 9px solid #e5e5e5;
    border-right: 1px solid #d5d5d5;
}

table.planner {
    border-left: 0px solid #d5d5d5;
    border-right: 0px solid #d5d5d5;
    table-layout: fixed;
    width: 925px;
    border-spacing: 2px 0; /* horiz, vert */
    position: relative;
    left: -1px;
}

table.planner td.planner {
    height: 80px;
    border-top: 0px solid #ccc;
    border-right: 0px solid #fff;
    border-left: 0px solid #dfdfdf;
    vertical-align: top;
    padding: 0;
    padding-bottom: 3px;
}

table.planner tr td:first-child {width: 129px;}

.planner_cell_wrapper {
    position: relative;
    margin-bottom: -3px;
}

table.planner div.day {
    text-align: right;
    padding: 6px;
    color: #4e4e4e;
    font-size: 15px;
    font-family: Georgia, Times, serif;
}

td.planner.extra_day div.day {color:#b3b3b3;}
td.planner div.day span {color:#b3b3b3;}
table.planner td.planner {background: transparent url('/images/planner-td-bg.gif') repeat-x scroll 0 0; }
table.planner td.planner.qc_holiday {background: #fff url('/images/planner-td-bg-holiday.gif') repeat-x scroll 0 0;}
table.planner td.planner.today {background: #efefef url('/images/planner-td-bg-today.gif') repeat-x scroll 0 0;}
table.planner td.planner.extra_day {background: #fff url('/images/planner-td-bg-extra-day.gif') repeat-x scroll 0 0;}
table.planner td.ui-selected, table.planner td.ui-selecting {background-color: #b9f8ff !important;}



/* Planner entry styles */

table.planner span.spacer {
    clear: both;
    display: block;
    height: 18px;
    margin-bottom: 3px;
}

table.planner div.bottom_spacer {height: 26px;}



/* Entries and Notes */

span.unavailable, span.call_first {
    height: 22px;
    background-color: #f87373;
    color: #690f0f;
    display: block;
    position: absolute;
    width: 100%;
    font-size: 11px;
    line-height: 22px;
    text-align: center;
    border-top: 1px solid #fff;
    bottom: 0;
}

span.call_first {
background-color: #e6e6e6;
color: #666;
}

span.unavailable {
background-color: #f87373;
color: #690f0f;
}


a.proj_date,
a.pl_note_link,
a.cal_invite,
a.firm_crew_booking,
a.pencil_crew_booking,
a.firm_rental_booking,
a.pencil_rental_booking {
    display: block;
    padding: 5px 4px 0 10px;
    height: 13px;
    font-family: helvetica, arial;
    line-height: 11px;
    white-space: nowrap;
    position: relative;
    margin-bottom: 3px;
    width: 118px;
    background-repeat: repeat-x;
    background-position: 0 0;
}


a.proj_date, a.firm_crew_booking {color: #fff; background-image: url('/images/planner-entry.png');}

a.pl_note_link {color: #9a8d09; background-image: url('/images/note-yellow.png');}
a.pl_note_link.pl_note_colour_1 {color: #9a8d09; background-image: url('/images/note-yellow.png');}
a.pl_note_link.pl_note_colour_2 {color: #a46841; background-image: url('/images/note-brown.png');}
a.pl_note_link.pl_note_colour_3 {color: #4d9992; background-image: url('/images/note-blue.png');}
a.pl_note_link.pl_note_colour_4 {color: #775592; background-image: url('/images/note-purple.png');}

a.cal_invite {color: #ff0048; background-image: url('/images/planner-entry-invite.png');}
a.pencil_crew_booking {color: #4e8322; background-image: url('/images/planner-entry-pencil.png');}
a.firm_rental_booking {color: #fff; background-image: url('/images/planner-entry-firmrental.png');}
a.pencil_rental_booking {color: #4288c5; background-image: url('/images/planner-entry-pencilrental.png');}

a.proj_date:hover,
a.pl_note_link:hover,
a.cal_invite:hover,
a.firm_crew_booking:hover,
a.pencil_crew_booking:hover,
a.firm_rental_booking:hover,
a.pencil_rental_booking {
    text-decoration: none;
}

a.proj_date.first_and_last, a.firm_crew_booking.first_and_last {background: url('/images/planner-entry-f-l.png') no-repeat;}

a.pl_note_link.first_and_last {background: url('/images/note-yellow-fl.png') no-repeat;}
a.pl_note_link.pl_note_colour_1.first_and_last {background: url('/images/note-yellow-fl.png') no-repeat;}
a.pl_note_link.pl_note_colour_2.first_and_last {background: url('/images/note-brown-fl.png') no-repeat;}
a.pl_note_link.pl_note_colour_3.first_and_last {background: url('/images/note-blue-fl.png') no-repeat;}
a.pl_note_link.pl_note_colour_4.first_and_last {background: url('/images/note-purple-fl.png') no-repeat;}

a.cal_invite.first_and_last {background: url('/images/planner-entry-invite-f-l.png') no-repeat;}
a.pencil_crew_booking.first_and_last {background: url('/images/planner-entry-pencil-f-l.png') no-repeat;}
a.firm_rental_booking.first_and_last {background: url('/images/planner-entry-firmrental-f-l.png') no-repeat;}
a.pencil_rental_booking.first_and_last {background: url('/images/planner-entry-pencilrental-f-l.png') no-repeat;}

tr td:first-child a.proj_date.first_and_last,
tr td:first-child a.firm_crew_booking.first_and_last,
tr td:first-child a.pl_note_link.first_and_last,
tr td:first-child a.cal_invite.first_and_last,
tr td:first-child a.pencil_crew_booking.first_and_last,
tr td:first-child a.firm_rental_booking.first_and_last,
tr td:first-child a.pencil_rental_booking.first_and_last,
tr td:first-child a.proj_date.first,
tr td:first-child a.firm_crew_booking.first,
tr td:first-child a.pl_note_link.first,
tr td:first-child a.cal_invite.first,
tr td:first-child a.pencil_crew_booking.first,
tr td:first-child a.firm_rental_booking.first,
tr td:first-child a.pencil_rental_booking.first {
    background-position: -1px 0;
}


table.planner tr td:last-child a.proj_date,
table.planner tr td:last-child a.firm_crew_booking,
table.planner tr td:last-child a.pl_note_link,
table.planner tr td:last-child a.cal_invite,
table.planner tr td:last-child a.pencil_crew_booking,
table.planner tr td:last-child a.firm_rental_booking,
table.planner tr td:last-child a.pencil_rental_booking {
    background-repeat: no-repeat;
/*    background-position: -4px 0;*/
}

table.planner tr td:last-child a.proj_date.last,
table.planner tr td:last-child a.firm_crew_booking.last,
table.planner tr td:last-child a.pl_note_link.last,
table.planner tr td:last-child a.cal_invite.last,
table.planner tr td:last-child a.pencil_crew_booking.last,
table.planner tr td:last-child a.firm_rental_booking.last,
table.planner tr td:last-child a.pencil_rental_booking.last {
    background-position: -1px 0;
}

a.proj_date.first, a.firm_crew_booking.first {background: url('/images/planner-entry-f.png') no-repeat;}

a.pl_note_link.first {background: url('/images/note-yellow-f.png') no-repeat;}
a.pl_note_link.pl_note_colour_1.first {background: url('/images/note-yellow-f.png') no-repeat;}
a.pl_note_link.pl_note_colour_2.first {background: url('/images/note-brown-f.png') no-repeat;}
a.pl_note_link.pl_note_colour_3.first {background: url('/images/note-blue-f.png') no-repeat;}
a.pl_note_link.pl_note_colour_4.first {background: url('/images/note-purple-f.png') no-repeat;}

a.cal_invite.first {background: url('/images/planner-entry-invite-f.png') no-repeat;}
a.pencil_crew_booking.first {background: url('/images/planner-entry-pencil-f.png') no-repeat;}
a.firm_rental_booking.first {background: url('/images/planner-entry-firmrental-f.png') no-repeat;}
a.pencil_rental_booking.first {background: url('/images/planner-entry-pencilrental-f.png') no-repeat;}

a.proj_date.last, a.firm_crew_booking.last {background: url('/images/planner-entry-l.png') no-repeat;}

a.pl_note_link.last {background: url('/images/note-yellow-l.png') no-repeat;}
a.pl_note_link.pl_note_colour_1.last {background: url('/images/note-yellow-l.png') no-repeat;}
a.pl_note_link.pl_note_colour_2.last {background: url('/images/note-brown-l.png') no-repeat;}
a.pl_note_link.pl_note_colour_3.last {background: url('/images/note-blue-l.png') no-repeat;}
a.pl_note_link.pl_note_colour_4.last {background: url('/images/note-purple-l.png') no-repeat;}

a.cal_invite.last {background: url('/images/planner-entry-invite-l.png') no-repeat;}
a.pencil_crew_booking.last {background: url('/images/planner-entry-pencil-l.png') no-repeat;}
a.firm_rental_booking.last {background: url('/images/planner-entry-firmrental-l.png') no-repeat;}
a.pencil_rental_booking.last {background: url('/images/planner-entry-pencilrental-l.png') no-repeat;}

/* widths for planner note comments */

span.day_width_1, span.day_width_2,
span.day_width_3, span.day_width_4,
span.day_width_5, span.day_width_6,
span.day_width_7 {
    position: relative;
    z-index: 2;
    xdisplay: block;
    xoverflow: hidden;
}

a.proj_date span,
a.cal_invite span,
a.firm_crew_booking span,
a.pencil_crew_booking span,
a.firm_rental_booking span,
a.pencil_rental_booking span {
    margin-left: 8px;
    padding: 0 6px;
    background-color: #6cb431;
    line-height: 9px;
}

a.cal_invite span {
    background-color: #ffd6e2;
}

a.pencil_crew_booking span {
    background-color: #e4ffce;
}

a.firm_rental_booking span {
    background-color: #4288c5;
}

a.pencil_rental_booking span {
    background-color: #C4E6FF;
}

/* This spacer shows every time there's
   a crew_booking span, to create a space
   for the absolutely positioned span at
   the bottom of a day cell.
*/
span.booking_spacer {
    display: block;
    font-size: 11px;
    line-height: 14px;
    /*background-color: #fc0;*/
}

a.crew_booking, span.crew_booking {
    font-size: 11px;
    line-height: 14px;
    position: absolute;
    bottom: 2px;
    right: 2px;
    display: block;
    background-color: #ddfac6;
    /*border: 1px solid #5e9d2a;*/
    width: 18px;
    color: #6cb431;
    text-align: center;
    font-weight: bold;
}


/*
span.day_width_2 {background: pink;
padding: 0 12px !important;
margin: 0 12px;
}
*/
/*
span.day_width_1 {min-width: 117px;}
span.day_width_2 {min-width: 248px;}
span.day_width_3 {min-width: 381px;}
span.day_width_4 {min-width: 512px;}
span.day_width_5 {min-width: 645px;}
span.day_width_6 {min-width: 776px;}
span.day_width_7 {min-width: 908px;}

span.day_width_1 {min-width: 117px;}
span.day_width_2 {width: 248px;}
span.day_width_3 {max-width: 381px;}
span.day_width_4 {max-width: 512px;}
span.day_width_5 {max-width: 645px;}
span.day_width_6 {max-width: 776px;}
span.day_width_7 {max-width: 908px;}

*/


/* Full cell booking states, used on crew/rental booking overview calendar */


/* Declined */
table.planner td.planner.full_cell_declined_declined_crew, 
table.planner td.planner.full_cell_declined_declined_rental { 
    background-color: #CCCCCC;
}

/* Pencil Icon */
table.planner td.planner.full_cell_pencil_booked_crew div.planner_cell_wrapper, 
table.planner td.planner.full_cell_pencil_pending_crew div.planner_cell_wrapper,
table.planner td.planner.full_cell_pencil_invited_crew div.planner_cell_wrapper,
table.planner td.planner.full_cell_pencil_booked_rental div.planner_cell_wrapper,
table.planner td.planner.full_cell_pencil_pending_rental div.planner_cell_wrapper, 
table.planner td.planner.full_cell_pencil_invited_rental div.planner_cell_wrapper { 
    background: transparent url(/images/icon_pencil_lg.png) no-repeat 50% 100%; 
}

/* Firm Icon*/
table.planner td.planner.full_cell_firm_booked_crew div.planner_cell_wrapper,
table.planner td.planner.full_cell_firm_waiting_crew div.planner_cell_wrapper,
table.planner td.planner.full_cell_firm_invited_crew div.planner_cell_wrapper,
table.planner td.planner.full_cell_firm_booked_rental div.planner_cell_wrapper, 
table.planner td.planner.full_cell_firm_waiting_rental div.planner_cell_wrapper,
table.planner td.planner.full_cell_firm_invited_rental div.planner_cell_wrapper {
    background: transparent url(/images/icon_firm_lg.png) no-repeat 50% 100%; 
}

/* Booked Rental Blue*/
table.planner td.planner.full_cell_pencil_booked_rental, 
table.planner td.planner.full_cell_pencil_pending_rental,
table.planner td.planner.full_cell_firm_booked_rental, 
table.planner td.planner.full_cell_firm_waiting_rental {
    background-color: #4288c5; 
}

/*Booked Crew Green*/
table.planner td.planner.full_cell_firm_booked_crew,
table.planner td.planner.full_cell_firm_waiting_crew,
table.planner td.planner.full_cell_pencil_booked_crew, 
table.planner td.planner.full_cell_pencil_pending_crew {
    background-color: #6cb431;
}

/*Invited Crew/Rental Pink*/
table.planner td.planner.full_cell_pencil_invited_crew,
table.planner td.planner.full_cell_firm_invited_crew,
table.planner td.planner.full_cell_pencil_invited_rental,
table.planner td.planner.full_cell_firm_invited_rental { 
    background-color: #ff5686; 
}




table.planner td.planner.full_cell_firm_waiting_rental div.day span,
table.planner td.planner.full_cell_pencil_waiting_rental div.day span,
table.planner td.planner.full_cell_firm_booked_rental div.day span,
table.planner td.planner.full_cell_pencil_booked_rental div.day span,
table.planner td.planner.full_cell_firm_waiting_crew div.day span,
table.planner td.planner.full_cell_pencil_waiting_crew div.day span,
table.planner td.planner.full_cell_firm_booked_crew div.day span,
table.planner td.planner.full_cell_pencil_booked_crew div.day span,
table.planner td.planner.full_cell_firm_invited_crew div.day span,
table.planner td.planner.full_cell_pencil_invited_crew div.day span,
table.planner td.planner.full_cell_firm_invited_rental div.day span,
table.planner td.planner.full_cell_pencil_invited_rental div.day span {
    color: #fff;
}


/*
=Planner scroller
-----------------------------------------------------*/

div.planner_scroll {
    /* height and top are determined in jQuery .js */
    width: 17px;
    position: absolute;
    z-index: 2;
    right: -1px;
    background: transparent url('/images/planner-scroll-bg.gif') repeat-y 0 0;
    border-left: 1px solid #fff;
}

div.planner_scroll a {
    width: 17px;
    height: 19px;
    display: block;
    text-indent: -999em;
    outline: none;
    background: transparent url('/images/planner-scroll-buttons.png') no-repeat 0 0;
}

div.planner_scroll a.scroll_up_fast, div.planner_scroll a.scroll_down_fast {height: 29px;}

div.planner_scroll a.scroll_up {position: absolute; top: 0;}
div.planner_scroll a.scroll_up:hover {background-position: 0 -100px;}

div.planner_scroll a.scroll_up_fast {position: absolute; top: 18px; background-position: 100% 0;}
div.planner_scroll a.scroll_up_fast:hover {background-position: 100% -80px;}

div.planner_scroll a.scroll_down_fast {position: absolute; bottom: 18px; background-position: 100% -28px;}
div.planner_scroll a.scroll_down_fast:hover {background-position: 100% 100%;}

div.planner_scroll a.scroll_down {position: absolute; bottom: -1px; background-position: 0 -19px;}
div.planner_scroll a.scroll_down:hover {background-position: 0 -119px;}








/*
=Contextual pop-up menus
-----------------------------------------------------*/

#contextMenu {position: absolute; margin-left:-20px;}

#contextMenu ul {
    position: absolute;
    top: -14px;
    left: -4px;
    z-index: 999;
    padding: 0 4px 4px;
    background: transparent url(/images/submenu-bg.png) no-repeat bottom right;
    width: 200px;
    list-style: none;
}

#contextMenu li {
    margin: 0;
    padding: 0;
    position: relative;
    line-height: 18px;
}

#contextMenu li:first-child {border-top: 1px solid #ccc;}

#contextMenu li.divide  {
    padding-top: 7px;
    background: transparent url('/images/submenu-divider.gif') no-repeat 0 0;
}

#contextMenu li a,
#contextMenu li span.inactive {
    text-decoration: none;
    display: block;
    clear: both;
    color: #373737;
    padding: 4px 12px 3px;
    height: auto;
    background-image: none;
    font-size: 1.083em;
}

#contextMenu li a:hover {
    background: #373737;
    color: #eee;
}

#contextMenu li.sub_present > a {
    background: transparent url('/images/sub-nav-more-items.png') no-repeat 100% 11px;
}

#contextMenu li.sub_present > a:hover {
    background-color: #373737;
    background-position: 100% -89px;
}

#contextMenu li span.inactive {color: #999;}


/* sub level */

#contextMenu ul ul {
    margin: 0;
    position: absolute;
    top: -1px;
    left: 200px;
    width: 200px !important;/*189*/
    background: transparent url('/images/submenu-bg.png') repeat-x -4px 100%;
    padding: 0 4px 4px 0px;
}

#contextMenu li.divide > ul {top: 6px;}
#contextMenu ul ul li {border-left: 1px solid #b1b1b1;}

/* sub sub sub (currently unused, but here for a fallback) */
#contextMenu ul ul ul {left: 180px;}



/* planner options setup*/

.planner_options_setup {

    position: absolute;
    left: 30%;
    top: 20%;
    width: 278px;
    height: 146px;
    z-index: 1000;
    padding: 18px 39px 44px 27px;
    background-color: #fff;
    background: transparent url(/images/planner_options_bg.png) no-repeat 0 0;
}

.planner_options_setup a.close {
    float: right;
    position: relative;
    left: 10px;
    top: -10px;
}

.planner_options_setup textarea {
    width: 270px;
    height: 50px;
    display: block;
    margin: 4px 0 0px;
}

.planner_options_setup label {margin: 10px 0 0;}

.planner_options_setup input {
    width: 270px;
    display: block;
    margin: 4px 0 30px;
}

.planner_options_setup p.cd {
    float: right;
    position: relative;
    bottom: -6px;
}

.planner_options_setup p.cd a {text-decoration: none;}



/* =file_icon */
a.txt {

    padding: 5px 0 5px 20px;
    background: transparent url(/images/icons/txt.gif) no-repeat 0% 50%;
}

a.pdf {

    padding: 5px 0 5px 20px;
    background: url(/images/icons/pdf.gif) no-repeat 0% 50%;
}

a.jpg {
    padding: 5px 0 5px 20px;
    background: url(/images/icons/jpg.gif) no-repeat 0% 50%;
}

a.doc, a.msword {
    padding: 5px 0 5px 20px;
    background: transparent url(/images/icons/doc.gif) no-repeat 0% 50%;
}

.pl_copy_days {
    text-decoration:underline; 
    color:black;
    cursor:pointer;
} 




/*
=files tab box
-----------------------------------------------------*/

#file_tabs {
background: red !important; border: 2px dotted pink !important;
    margin-top: 20px;
    position: relative;
    bottom: -1px;
    clear: both;
}

#file_tabs ul {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    border-left: 1px solid #ccc;
}

#file_tabs li {
    display: inline;
    margin: 0;
    padding: 0;
}

#file_tabs a {
    margin: 0;
    height: 20px;
    padding: 2px 12px 2px 17px;
    display: block;
    float: left;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    background: #fff url(/images/closed.gif) no-repeat 8px 50%;
    text-decoration: none;
}

#file_tabs a:hover {
    background-color: #fff;
    text-decoration: none;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: #fff url(/images/open.gif) no-repeat 5px 50%;
}

#file_tabs a.active {
    border: 1px solid #999;
    border-bottom: 1px solid #eee;
    padding: 2px 12px 2px 18px;
    background: #eee url(/images/open.gif) no-repeat 5px 50%;
}

.files_window {
    padding: 12px;
    border: 1px solid #ccc;
    width: 830px;
    background-color: #eee;
    clear: both;
}

#files_container dl.stripe {background: none;}

#files_container dl {
    border: none;
    border-top: 1px solid #bbb;
    padding: 30px 0;
}

#files_container dl.first {
    border: none;
    padding: 5px 0 30px 0;
}

#files_container dt {color: #999;}




/*
=datepicker related styles
-----------------------------------------------------*/

div.start_date input,
div.end_date input {
    border: 1px solid #ccc;
    width: 70px;
    padding: 4px 6px 2px 26px;
    background: #fff url('/images/datepicker-input.png') no-repeat 0 49%;
}

div.start_date input:focus, div.end_date input:focus {background: #fff url('/images/datepicker-input-active.png') no-repeat 0 49%;}




/*
=planner modal popup
-----------------------------------------------------*/

div.calendar_dialog textarea {width: 331px; max-width: 339px; height: 100px; margin: 0; overflow-y: auto;}
div.calendar_dialog.ui-dialog .ui-dialog-content {overflow: hidden;}

div.calendar_dialog div.form_element {
    padding: 4px 0;
}


/*
.ui-dialog {
    padding: 10px !important;
    background: transparent url(/images/alpha-black.png) repeat left top !important;
    -moz-border-radius-bottomleft:8px !important;
    -moz-border-radius-bottomright:8px !important;
    -moz-border-radius-topleft:8px !important;
    -moz-border-radius-topright:8px !important;
    max-height: 500px;
}

.ui-dialog-content {
    background-color: #e5e5e5 !important;
    -moz-border-radius-bottomleft:8px !important;
    -moz-border-radius-bottomright:8px !important;
    max-height: 453px;
}

.ui-dialog-titlebar {
    -moz-border-radius-bottomleft:0 !important;
    -moz-border-radius-bottomright:0 !important;
    -moz-border-radius-topleft:8px !important;
    -moz-border-radius-topright:8px !important;
}

.ui-dialog {
    padding-bottom: 18px !important;
}

.ui-dialog-content textarea {
    width: 250px;
}
*/

/*
=error dialog
-----------------------------------------------------*/

.dialog_error .ui-widget-header {
    background: #818182 url(/css/smoothness/images/ui-bg_highlight-soft_75_e2a8a8_1x100.png) repeat-x scroll 50% 0;
}

/*
=portlets and columns
-----------------------------------------------------*/

.col_double {width: 460px; float: left; clear: left; margin-right: 20px;}
.col_single {width: 460px; float: left;}
.col_three_quarter {width: 620px; float: left; clear: left; margin-right: 20px;}
.col_one_quarter {width: 300px; float: left;}

div.col_single div.box_header,
div.col_double div.box_header {
    background-image: url('/images/box-header-half-bg.png');
}

div.portlet div.box_middle {
    margin: 0;
    padding: 0;
    list-style: none;
    background: #fff;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    padding: 14px 26px;
}

div.col_double div.box_footer,
div.col_single div.box_footer {
    background-image: url('/images/box-corners-half.png');
}




/*
=production stills panel
-----------------------------------------------------*/

div#prod_images_container a img {
    width: 406px;
    height: 271px;
}

div#prod_images_container a {
    display: block;
    padding-left: 12px;
}

div#prod_images_container div {
    padding-bottom: 10px;
}





/*
=overview
-----------------------------------------------------*/

dl.overview {
    line-height: 1.6em;
    margin: 0 0 1.5em;
}

.overview dt {
    float: left;
    width: 80px;
    padding: 0;
    margin: 0;
    color: #999;
    clear: left;
}


.overview dd {
    color: #4e4e4e;
    display: block;
    padding: 0;
    margin: 0 0 0 140px;
}

.overview dd a+span { display: block; }

.overview.narrow dt {  }
.overview.narrow dd { padding: 5px 0 0 10px; }
.overview.wide dt, .panel .overview.wide dt { width: 220px; }
.overview.wide dd { margin: 5px 0 0 230px; }
.overview.xwide dt, .panel .overview.xwide dt { width: 270px; }
.overview.xwide dd { margin: 5px 0 0 280px; position: relative; top: -5px; }




.panel.browse_crew {
    padding-top: 20px;
}


dl.overview.browse_results {
    border-bottom: 1px solid #eee;
    padding: 0 0 10px;
    margin: 0 0 10px
}


/* stop breaks where paragraph tags appear within dd's */
.overview dd p {display: inline-block;}
.service_image + dl dd p {display: block; clear: none;}

/* .panel overviews */
.panel .overview dt {
    padding-left: 0; 
    width: 140px;
}

.panel .overview dd {
    padding-left: 20px;
}


/*
=project items
-----------------------------------------------------*/

.panel.project_items {
    padding: 0 0 13px;
    font-size: 0.917em;
}

.panel.project_items h3.panel_block {}

.panel.project_items h4 {
    font-size: 12px;
    margin: 0;
    background-color: #f7f7f7;
    padding: 4px 14px 6px;
    border-top: 1px solid #f7f7f7;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}

.panel.project_items dl {
    padding: 0 14px;
    border: none;
    margin: 0 0 12px;
    position: relative;
    top: -1px;
}

.panel.project_items dl:last-child {margin-bottom: 0;}

.panel.project_items .overview dt {
    padding: 4px 0 6px;
    width: 160px;
    border-top: 1px solid #e6e6e6;
    margin-top: 0;
}
.panel.project_items .overview dd {
    margin-left: 160px;
    padding: 4px 0 6px;
    border-top: 1px solid #e6e6e6;
    text-align: right;
    margin-top: 0;
}

.panel.project_items p.options {
    margin-left: -10px;
    margin-right: -10px;
    margin: 20px -10px -10px;

}




/*
=table_listing
-----------------------------------------------------*/

table.listing {
    width: 100%;
    background: #fff;
}

table.listing.no_panel {
    border: 1px solid #d5d5d5;
    line-height: 22px;
}

table.listing.no_panel th {
    padding-top: 14px;
}

table.listing.no_panel {
    background: white;
}

.rowfade {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

tr.offline td,
tr.stripe.offline td
 { background-color: #fee7e7 !important; }

.panel.preview_invites table.listing div.minical {
    border: 1px solid #ccc;
    position: absolute;
    padding: 10px;
    background-color: #fff;
    z-index: 100;
}


.panel.preview_invites table.listing a {
    font-size: .93em;
}

table.listing th.first,
table.listing td.first {
    border-left: 1px solid #fff;
    padding-left: 14px;
    text-align: left;
}

div.table_right .booking_view_shoot_date {
    background-color: #f5ff58;
}

tr.stripe td, tr.stripe th {background: #f7f7f7 !important;}
tr.ruler td, tr.ruler th {background: #e5f6fc !important;}
table.listing th {text-align: left; background: #f7f7f7;}

table.listing th, table.listing td {
    padding: 1px 10px;
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #fff;
}

table.listing thead th {
    color: #444;
    font-weight: normal;
    font-family: Georgia, Times, serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 10px;
    padding-top: 0;
    padding-bottom: 6px;
    line-height: 1.1em;
    white-space: nowrap;
}

table.listing td {font-size: 11px;}

table.listing tbody th {
    font-size: 11px;
    font-weight: normal;
    color: #666;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
    background-color: inherit;
}

table.listing tbody tr.stripe th {
    background-color: #F7F7F7;
}

table.listing td.centre { text-align: center; }
table.listing tr.fade td { color: #999; }
table.listing tr.fade td a { color: #80D0F3; }
table.listing tr.add_message.even td { border-top: 1px solid #fff; }

table.listing td.currency, table.listing th.currency {
    text-align: right;
    width: 70px;
}

table.listing tr.total td {
    border-top: 8px solid #fff;
    border-bottom: 1px solid #ccc;
    background-color: #deeeca;
}


table.listing td a.button {margin-right: 18px;}
table.listing td a:last-child {margin-right: 0;}
table.listing th.actions, table.listing td.actions {
    text-align: right; width: 67px;
    white-space: nowrap;
}

table.listing td.actions .delete {
    position: relative;
    top: 4px;
    margin-left: 3px;
}

table.listing tr.title_row td {
    font-size: 16px;
    font-family: georgia, serif;
    font-style: italic;
    padding-top: 1.375em;
    line-height: 1em;
}

table.listing tr.opened_top td,
table.listing tr.opened_bottom td,
table.listing tr.opened_top td:hover,
table.listing tr.opened_bottom td:hover {
    background-color: #FEFCD7;
}

tr.scrolling_content td,
tr.scrolling_content td.first {
    padding: 0 0 15px;
}
tr.scrolling_content div.scroll_me {
    width: 936px;
    overflow-x: auto;
    overflow-y: hidden; 
}

p.last_updated, p.expired {
    margin: 5px 0 0 12px;
}


table.listing tr.selected td {
    background-color: #CAEEF7 !important;
}

table.listing tr.booking_info_note td {
    background-color: #fefcd7;
}


table.listing tr.bo_status_pending td {
    background-color: #fefcd7;
}

table.listing tr.bo_status_pending td:first-child,
table.listing tr.bo_status_pending:hover td:first-child {
    background: #fefcd7 url(/images/info_notice.gif) no-repeat 4px 50% !important;
    padding-left: 24px !important;
}





/* Project Crew Table */
div.table_right .project_crew_table th.last,
div.table_right .project_crew_table td.last,
div.table_right .project_crew_table
{border-right: none !important;}

td.maintain_height {visibility: hidden; font-size: 11px !important; padding-left: 0 !important; padding-right: 0 !important; border-left: none !important; border-right: none !important;}


/* turn off whitespace nowrap for wide filler cells */
table.listing.wrap_control th.filler, table.listing.wrap_control td.filler {width: 100%; white-space: normal; }
table.listing.wrap_control th, table.listing.wrap_control td { white-space: nowrap; }


/******tables from wysiwug *******/

table.listing table.callsheet_subtable {
    border: none;
    border-bottom: none;
    border-collapse: collapse;
    margin: 0 0 7px;
}

table.listing table.callsheet_subtable td, 
table.listing table.callsheet_subtable th,
table.listing table.callsheet_subtable td.first,
table.listing table.callsheet_subtable th.first {
    border: none;
    background-color: #fff;
    padding: 0px 8px;
}

table.callsheet_subtable h4 {
    text-align: left;
    margin: 0;
}

/* Workbook (Files) Page */

table.listing tr .additional_detail {
    color: #999;
    display: none;
}

table.listing tr:hover .additional_detail {
    display: inline;
}

.note_author {
    color: #999;
}

.workbook_production_only {
    float: left;
    font-size: 11px;
    padding: 0 10px;
    padding-top: 1px;
}

.workbook_production_only input {
    position: relative;
    top: -2px;
}

.swfupload {position: relative; top: 2px;}


#resources_wrapper div.resource {
    min-height: 29px;
}

div.resource {
    position: relative;
}

ul.resource {
    list-style: none;
    margin: 0;
    padding: 0 0 0;
}


ul.resource li {
    border-bottom: 1px solid #e6e6e6;
    padding: 0 0 5px;
    margin: 5px 0 0;
}

ul.resource li.ui-sortable-helper {
    padding: 10px;
    margin: 0;
    background-color: #fffee7;
    border: 1px dashed #bbb;
}

ul.resource span.drag {
    float: left;
    margin: 0 6px 0 0;
    padding: 4px 10px 0 0;
    border-right: 1px solid #e6e6e6;
    height: 40px;
    cursor: move;
}

ul.resource a.file_icon {
    float: left;
    margin: 0px 12px 0 0;
}

ul.resource li div.item_detail {
    float: left;
    width: 650px;
}

ul.resource li div.item_detail strong {
    display: block;
    margin: 0 0 2px;
}


ul.resource li div.item_detail p.description {
    font-size: 11px;
    margin: 0;
}

ul.resource li div.item_options {
    float: right;
}

ul.resource li div.item_options a {
    margin-left: 10px;
}

ul.resource li a.item_title {
    font-weight: bold;
}

ul.resource li span.num_images {
    font-size: 11px;
    margin: 0 10px 0 4px;
}

ul.resource li span.uploaded_by {
    font-size: 11px;
    color: #999;
}

ul.resource span.file_size {
    font-size: 11px;
    color: #999;
}


ul.resource li:last-child {
    border-bottom: none;
}

.swfu_file_table div.resource {
    padding: 15px 12px;
}


div.resource p.item span.file_info {
    font-size: 11px;
}

div.resource p.item span.file_info span {
    color: #999;
}

div.resource p.item span, .workbook_filename {color: #4e4e4e;}

div.resource a.trash, div.resource div.trash, div.resource div.swfu_cell_delete {
    position: absolute;
    right: -14px;
    top: 24px;
}

div.resource div.trash, div.resource div.swfu_cell_delete {
    width: auto;
    float:none;
    padding: 0px;
}

div.resource p {
    margin-bottom:0;
}

p.note {
    font-family: georgia, times, serif;
    font-weight: normal;
    font-style: italic;
}

div.resource.uploading {
    border-top: none;
    background: transparent url('/images/resource-uploading-bg.png') no-repeat 0 0;
}

img.upload {
    float: left;
    position: absolute;
    left: 10px;
}

div.upload_status, div.swfu_progress_bar {
    background: transparent url('/images/uploading-bg.png') repeat-x 0 0;
    height: 14px;
    width: 485px !important;
    overflow: hidden;
    padding: 2px;
    position: absolute;
    left: 91px;
    top: 40px;
}

div.upload_status_bar, div.swfu_progress_bar_progress {
    background: transparent url('/images/uploading-status-bar.png') repeat-x 0 0;
    height: 14px;
    padding: 0 !important;
}

div#swfu_form_element_production_stills div.swfu_progress_bar {
    top: 50px;
    left: 95px;
}

div.swfu_progress_bar_progress span.swfu_progress_bar_percentage {
    margin:0 0 0 240px;
}

div.clean_swfu_cell_status {
    float:none;
    width: auto;
}

div.swfu_fix_line_height {
    padding: 10px 6px 10px 68px;
}


li#wb_status_text {
    /** This needs different style from notes **/
    border: 1px dashed purple;
}

#wb_file_note {
    width: 96%;
    height: 40px;
    margin-bottom: 20px;
}

/***********production stills page**************/

.production_stills_wrapper .resource {
    border-top: none;
    border-bottom: 1px solid #DCDCDC;
    padding: 12px 15px 24px;
}

.production_stills_wrapper .resource h2 {
    font-size: 1.333em;
}

.production_stills_wrapper .resource a.trash {
    top: 15px;
}


/*
=sortable stuff
-----------------------------------------------------*/


/*
=dialog box
-----------------------------------------------------*/

#callsheet_add {
    overflow: auto;
}

#callsheet_add div.form_element textarea {
    width: 250px;   
}


/*
=callsheet
-----------------------------------------------------*/
.callsheet_note {
    margin-left: 20px;
    display: block;
}



/*
=table with horizontal scroll
-----------------------------------------------------*/

.table_left, .table_right {
    float: left;
}

.table_right {
    overflow-x: auto;
    background: transparent url(/images/bg-table-container.png) repeat-x left top;
}

.days_header th {
    width: 14px;    
}

.table_left table.listing, .table_right table.listing {
    width: auto;
    border-right: 1px solid #DCDCDC;
}

.table_left table.listing td {
    white-space: nowrap;
    padding: 0 6px;
}


table.listing td label img {
    margin: 0 0 -3px;
}

table.listing td input.checkbox, 
table.listing td input[type="checkbox"] {

}

.table_right table.listing tr:first-child th {
    border-bottom: none;
    padding-bottom: 12px;
    padding-left: 10px;
    text-align: left;
}

.table_right table.listing tr:first-child th {
    background-image: url(/images/months.png);
    background-repeat: repeat-x;
}

th.jan { background-position: left 0px !important; }
th.feb { background-position: left -33px !important; }
th.mar { background-position: left -66px !important; }
th.apr { background-position: left -99px !important; }
th.may { background-position: left -132px !important; }
th.jun { background-position: left -165px !important; }
th.jul { background-position: left -198px !important; }
th.aug { background-position: left -231px !important; }
th.sep { background-position: left -264px !important; }
th.oct { background-position: left -297px !important; }
th.nov { background-position: left -330px !important; }
th.dec { background-position: left -363px !important; }


.table_left table.listing th {
    padding-bottom: 29px;
}


.table_right table.listing th, .table_right table.listing td {
    padding-left: 6px;
    padding-right: 6px; 
    text-align: center;
    vertical-align: middle;
}

.table_right table.listing td img {
    padding: 0 3px;
}

.table_right table.listing th.first, .table_right table.listing td.first {
    border-left: none;
}

.favourite_container a img {
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    width: 14px;
    height: 14px;
    vertical-align: middle;    
}

.favourite_container a {
    line-height: 100%;
    margin: 0 0 0 3px;
}

.swfu_container {
    display: block;
    padding: 0 0 10px 0;
}

#swfu_form_element_cse_map_file .swfu_container {
    display: block;
    float: right;
    margin-right: 153px;
}


/************ ordering handle details *********************/


table.listing td.has_handle {
    width: 32px;
    border-left: none;
}

table.listing span.handle {
    display: block;
    width: 21px;
    height: 11px;
    text-indent: -900em;
    background-image: url(/images/icon-drag-handle.gif);
    margin: 4px auto 0;
}

/************side nav layout*********************/

.col1 {
    width: 159px;
    float: left;
    background: transparent url(/images/bg-side-nav-top.png) no-repeat left top;
    margin-right: 46px;
}

.col1_bottom {
    height: 6px;
    background: transparent url(/images/bg-side-nav-bottom.png) no-repeat left top;
}


.col2 {
    float: left;
    width: 620px;
    margin-bottom: 20px;
}

ul.side_nav {
    margin: 0;
    padding: 2px 0 3px;
    list-style-type: none;
}

ul.side_nav li {
    float: none;
    clear: both;
    padding: 0;
    margin: 0;
    line-height: 18px;
}

ul.side_nav li.divide {
    background: transparent url(/images/border-grey-h.png) repeat-x left 5px;
    padding-top: 8px;
}

ul.side_nav li.current a {
    background: transparent url(/images/arrow-side-nav.png) no-repeat 1px 5px;
    color: #666;
}

ul.side_nav li:first-child a {
    padding-top: 1px;
    margin-top: 4px;
}

ul.side_nav a {
    display: block;
    padding: 3px 0 3px 12px;
    font-size: 1.083em;
}

ul.side_nav a:hover, ul.side_nav a:active  {
    background-color: #dcdcdc !important;
    background-image: none !important;
    text-decoration: none;
}

.col2 h1 {
    margin: 6px 0 4px;
}

/*********news************/

.section {
    border-bottom: 1px solid #dcdcdc;
}

.section .date {
    font-size: 0.917em;
    color: #999;
    margin: 4px 0 0;
}

.section h2 {
    font-size: 1.5em;
    border-bottom: none;
    margin: 1px 0;
    padding: 0;
}

.section img {
    float: left;
    margin: 13px 15px 15px 0;
}

.section p {
    margin: 6px 0 2px;
}

.section p.note {
    font-style: normal;
    font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;
    font-size: 0.917em; 
    margin: 2px 0 6px;
    clear: right;
}

p.article_date {
    color: #999999;
    font-size: 0.917em;
    font-style: italic;
    margin-top: 0;
}

a.back, p.back_link {
    background: transparent url(/images/arrow-back.png) no-repeat left 50%;
    padding-left: 16px;
    font-size: 11px;
    margin-bottom: 30px;
    display: block;
}

/********pink_box************/

.side_box {
    padding: 14px 20px;
    margin-bottom: 20px;
}

.side_box.pink {
    background-color: #fdecfe;
    border: 1px solid #fbb7ff;  
}

.side_box.green {
    background-color: #dbffe2;
    border: 1px solid #8ef18c;  
}

.side_box h2 {
    color: #4f4f4f;
    font-size: 1.333em;
    border-bottom: none;
    margin: 0 0 10px;
}

.side_box input[type=text] {
    width: 250px;
    margin: 0 0 10px;
}

.side_box select {
    margin: 4px 0 10px;
}

.side_box select:first-child {
    margin-right: 4px;
}

/**********crew booking section*****/

.header_container {
    width: 960px;   
}

.show_hide_search_options {
    float: right;
    position: relative;
    top: 14px;
    display: block;
}

.horizontal_sub_nav {
    background-color: #e5e5e5;
    padding-top: 15px;
    margin: 0 0 20px;
}

.horizontal_sub_nav ul {
    margin: 0 0 0 20px;
    list-style-type: none;
    width: 940px;
    padding: 0;
}

.horizontal_sub_nav ul li {
    float: left;
    height: 35px;
    font-size: 1.333em;
    font-family: georgia, times, serif;
    font-style: italic;
    color: #0099cc;
    margin: 0 5px 1px 0;
    border-top: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-bottom: none;
    background-color: #d7d7d7;
    top: 1px;
    position: relative;
}

.horizontal_sub_nav ul li a {
    display: block;
    float: left;
    padding: 10px 14px 0;
    height: 25px;
}

.horizontal_sub_nav ul li.current {
    color: #666;
    background-color: #f9f9f9;  
}

.horizontal_sub_nav ul li.current:hover {
    background-color: #f9f9f9;  
}

.horizontal_sub_nav ul li:hover {
    background-color: #f0f0f0;
}


.horizontal_sub_nav ul li a:hover, .horizontal_sub_nav ul li a:active {
    text-decoration: none;
}

/************footer************/

#footer_booking_bar {
    background-color: #e5e5e5;
    margin: -14px 0 0 -20px;
    padding: 14px 0 0 20px;
}

#footer_booking_bar div.button_block {
    margin: 6px 0 0;
    padding: 0 0 14px;
}

/**********image viewer********/

ul.option_links {
    float: right;
    margin-right: 10px;
    font-size: .917em;
}

#content ul.option_links li {
    float: left;
    border-left: 1px solid #ccc;
    margin: 0 0 0 12px;
    line-height: 10px;
}

#content ul.option_links li:first-child {
    border-left: none;
}

p.counter {
    font-size: .917em;
    margin-left: 10px;
}


#prod_images_container p.counter {
    margin-bottom: 2px;   
}

#prod_images_container {
    position: relative;
    top: 3px;
}

#prod_images_container a.prev, #prod_images_container a.next {
    position: absolute;
    display: block;
    color: #969696;
    background-color: #fff;
    height: 15px;
    padding: 2px 10px 3px;
    font-size: .917em;
    top: 63px;
    line-height: 15px;
}

#prod_images_container a.prev {
    left: 12px;
    background: #fff url(/images/arrow-prev.png) no-repeat left 4px;
    padding-left: 13px;
}

#prod_images_container a.next {
    right: 12px;
    background: #fff url(/images/arrow-next.png) no-repeat right 4px;
    padding-right: 13px;
}

/****terms and conditions****/

ul.tandc {
    list-style-type: none;
    padding-left: 0;
}

/****404 page *********/

.page_404 {
    padding: 30px 0;
    width: 534px;
}

.page_404 h1 {
    border-bottom: none;
    text-align: center;
}

.page_404 p {
    text-align: center;
}

/**get directions****/

.from_input, .to_input {
    float: left;
    margin-bottom: 30px; 
}

.from_input {
    width: 240px;
    margin-right: 10px;
}

.from_input input {
    display: block;
    width: 232px;
    margin-top: 5px;
}

.to_input {
    width: 240px;
    margin-right: 10px;
}

.to_input input {
    display: block;
    width: 232px;
    margin-top: 5px;
}

.from_to_end .button {
    margin-top: 20px;
}

#map_panel {
    clear: both;
    margin-top: 20px;
    height: 940px;
}

/******links_list****/

table.links_list tr td {
    padding: 3px 0;
}

/*****misc ********/

.float_right {
    float: right;
    margin: 4px 0 9px;
}

.sub_text {
    font-size: 0.917em;
    color: #848484; 
}

h3 ~ .sub_text {
    margin-top: -6px;
} 

.wide_tinymce {
    width:870px !important;
}

.wide_tinymce .mceEditor {
    width:100% !important;
}


/* image gallery title/input*/

.image-gallery-title p {
    width: 289px;
    float: left;
    cursor: pointer;
}

/**/
.xlarge {
    width:100% !important;
}

div.link_auth_user_wrapper {
    width: 460px;
    float:left;
    margin-right: 20px;
    clear: left;
}

div.link_auth_user_wrapper.right {
    margin-right: 0;
    clear: none;
}

.form-error {
    color: #ED645A;
}

.no_underline {
    border-bottom: none;
}

/******** add buttons***********/

a.add_button, span.add_button {

}

a.add_button:hover {
    text-decoration: none;
}

a.add_button.add_button_added {
    text-indent: -999em;
    background-position: left -29px;
}

span.add_button.add_button_adding {
    text-indent: -999em;
    background-position: left -138px;
}

a.add_button.add_button_added:hover {
    background-position: left -87px;
}

a.add_button.add_button_add:hover {
    background-position: left -58px;
}

span.add_button.add_button_unavailable {
    display: block;
    text-indent: -999em;
    background-position: left -114px;
}

a.availability img {
    margin: 3px 5px -1px 0;
}

a.availability {
    color: #4e4e4e;
}

a.availability:hover {
    color: #0099CC;
    text-decoration: none;
}

.unavailable a.availability {
    color: #d7544b;
}

/****** table. no_header ***********/

table.listing.no_header {
    border: 1px solid #d5d5d5;
    padding-top: 10px;
    background-color: #f7f7f7;
}



/****** workbook ***********/
#content div.wb_history_wrapper li {color: #999;  margin-bottom: .5em; }
#content div.wb_history_wrapper li p {color: #4e4e4e; margin-top: 0;}

/******* Workbook targeting ***********/

div.panel_columns {
    width: 460px;
    float: left;
    margin-right: 20px;
    display: inline-block;
    vertical-align: top;
}

div.panel_columns.right {
    margin-right: 0;
}

/************* files list ************/

.files_list h2 {
    margin-top: 27px;
}

.files_list ul {
    padding: 0;
    list-style-type: none;
    margin: 0;
}

.files_list li {
    position: relative;
    padding: 10px 5px 10px 60px;
    margin-bottom: 10px;
    min-height: 28px;
}

.files_list li img {
    position: absolute;
    top: 0;
    left: 5px;
}

/********* Booking step 4 *********/

form#invite_confirm_form h2 {
    border-bottom: none;
    margin-bottom: 0;
}

form#invite_confirm_form h2 + table.listing {
    border-top: 1px solid #DCDCDC;
    padding-top: 10px;
    background-color: #f7f7f7;
}


form#invite_confirm_form table.listing tr.stripe td {
    background-color: #f7f7f7;
}

table.booking_cost_summary {
    width: 550px;
    margin: 20px 0 0;
}

table.listing td.currency,
table.listing div.currency {
    text-align: right;
}

table.booking_cost_summary td {
    padding: 5px 0;
}

tr.total_invite_costs td {
    border-bottom: 1px solid #ddd;
}

tr.total_invite_costs .cost_total {
    font-size: 1.2em;
    font-weight: bold;
    color: #222;
}

table.booking_cost_summary #account_balance {
    margin-left: 10px;
}

.expiration_date {
    margin: 10px 0 10px 16px;
    font-size: .917em;
}

.expiration_date select {
    margin: -2px 10px 0 3px;
}



/******** Send emails***************/

form.formstyle.wide .form_element {
    width: 940px;
}

form.formstyle.wide .form_element input {
    top: 0;
}

/******** Crew I like, Rentals and showreel icons ***************/
/*these icons are now inline where they belong. */



/******* showreel dialog ********/
.showreel_dialog .ui-dialog-content {
    margin: auto;
    text-align: center;
}

/******* color key **************/

.key {
    background-color: #fff;
    padding: 10px;
    margin-top: 20px;
}

div.instructions .key ul, div.instructions .key ul li  {
    list-style-type: none; 
}

div.instructions .key ul li {
    display: inline;
    margin: 0 20px 0 0;
    padding: 5px 0 5px 40px;
    line-height: 30px !important;
    background-position: left 50%;
    background-repeat: no-repeat;
    white-space: nowrap;
}

div.instructions .key ul li.crew_booking {
    background-image: url(/images/icon_crew_bookings.png);
    padding-left: 23px;
}

div.instructions .key ul li.key_note {
    background-image: url(/images/key-note.png);
    padding-left: 23px;
}

div.instructions .key ul li.stripe.orange {
    background-image: url(/images/icon-stripe-orange.png);
    padding-left: 35px;
}

div.instructions .key ul li.stripe.black {
    background-image: url(/images/icon-stripe-black.png);
    padding-left: 35px;
}

div.instructions .key ul li.icon_day {
    background-image: url(/images/icon_day.gif);
    padding-left: 20px;
    background-position: -10px 50%;
}

div.instructions .key ul li.icon_night {
    background-image: url(/images/icon_night.gif);
    padding-left: 20px;
    background-position: -10px 50%;
}

div.instructions .key ul li.icon_weather {
    background-image: url(/images/icon_weather.gif);
    padding-left: 20px;
    background-position: -10px 50%;
}

div.instructions .key ul li.icon_wrap {
    background-image: url(/images/icon_wrap.gif);
    padding-left: 20px;
    background-position: -10px 50%;
}

div.instructions .key ul li.icon_travel {
    background-image: url(/images/icon_travel.gif);
    padding-left: 25px;
    background-position: -5px 50%;
}

div.instructions .key ul li.icon_recce {
    background-image: url(/images/icon_recce.gif);
    padding-left: 20px;
    background-position: -10px 50%;
}

div.instructions .key ul li.icon_preproduction {
    background-image: url(/images/icon_preproduction.gif);
    padding-left: 20px;
    background-position: -8px 50%;
}

div.instructions .key ul li.icon_half_day {
    background-image: url(/images/icon_half_day.gif);
    padding-left: 20px;
    background-position: -10px 50%;
}

div.instructions .key ul li.icon_day_off {
    background-image: url(/images/icon_day_off.gif);
    padding-left: 28px;
    background-position: -5px 50%;
}

div.instructions .key ul li.key_dark_green {
    background-image: url(/images/key-dark-green.png);
    padding-left: 20px;
}

div.instructions .key ul li.key_green {
    background-image: url(/images/key-green.png);
    padding-left: 20px;
}

div.instructions .key ul li.key_dark_blue {
    background-image: url(/images/key-dark-blue.png);
    padding-left: 20px;
}

div.instructions .key ul li.key_blue {
    background-image: url(/images/key-blue.png);
    padding-left: 20px;
}

div.instructions .key ul li.key_pink {
    background-image: url(/images/key-pink.png);
    padding-left: 20px;
}

.key h3 {
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 3px;
    margin-top: 0;
}

.key dl {
    margin: 10px 0 0;
}

.key dl dt, .key dl dd {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 5px;
    margin: 0;
}

.key dl dt {
    width: 40px;
    text-align: right;
    margin-right: 10px;
}

.key dl dd {
    width: 147px;
}

.key dl dt .stripe {
    height: 5px;
    width: 40px;
    background-color: #ccc;
    margin-top: 9px;
}

.key dl dt .stripe.orange {
    background-color: #f28e00;
}

.key dl dt .stripe.black {
    background-color: #666;
}

.key dl dt .full {
    height: 11px;
    width: 40px;
    background-color: #efefef;
    border-top: 5px solid #666;
}

.key dl dt .crew_booking {
    position: static;
    float: right;
    
}


/***** Dragging stuff *******/

table.reordering_mode tbody tr.sortable td {
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
}

table.reordering_mode tbody tr.sortable:hover td {
    cursor: move;
    background-color: #FEF2D2;
    border-top: 1px dashed #222;
    border-bottom: 1px dashed #222;
}

table.reordering_mode tbody tr.sortable:hover td.first {
    border-left: 1px dashed #222;
}

table.reordering_mode tbody tr.sortable:hover td.last {
    border-right: 1px dashed #222;
}

table.reordering_mode tbody tr.sortable:hover td * {
    border: none;
}

table.reordering_mode tr.sortable td .hide_drag_overflow {
    height: 20px;
    xwhite-space: nowrap;
    overflow: hidden;
}

table.reordering_mode tr.sortable td .hide_drag_overflow * {
    background-color: transparent;
}

table.reordering_mode tr.sortable .additional_detail {
    display: none !important;
}

table.reordering_mode {
    background: url(/images/reorder-bg.gif);
}

.panel_toolbar_spinner {
    padding-top: 3px;
    display: none;
}

.drag_placeholder {
    background-color: #fff !important;
}
.drag_placeholder td {
    xheight: 20px;
}

/*** video ***/
.panel_video {
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	border-top: 1px solid #c1c1c1;
	margin-top: -1px;
	background: #f9f9f9;
}

.video_head {
    border-bottom: none;
     margin-bottom: 0;
	font-size: 18px;
	display: block;
	font-family: Georgia, Times New Roman, Times, serif;
	font-style: italic;
}

.duration {
   font-family: Georgia, Times New Roman, Times, serif;
   font-style: italic;
   font-size: 12px;
   color: #666;   
   display: block;
}

.panel_video p {
    margin-top: 7px;
}

.panel_video_wrap {
    margin: 1px;
    background: #f0f0f0;
    border-bottom: 1px solid #dcdcdc;
    padding: 16px 14px 10px 14px;
}

.panel_video_wrap.stripe {
    background: #f9f9f9;  
    border-bottom: #f9f9f9; 
}

.video_content {
    width: 550px;
    float: left;
    padding-top: 5px;
    
}

.video_img_holder {
	float: left;	   
	width: 129px;
	height: 89px;
	position: relative;
	margin: 0 18px 5px 0;
}


img.mask, img.video_upload {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 10;
}

.panel_video_bot {
	height: 47px;
	background: url(/images/video-panel-bot.png) no-repeat 0 0;
	margin-top: -2px;
}

a.play_button {
	background: url(/images/video-play-button.png) no-repeat 0 0;  
	height: 25px;
	width: 25px;
	display: block;
	position: absolute;
	left: 50px;
	top: 30px;
	z-index: 1000;
}


a.play_button:hover {
   	background-position: bottom;
}

/* video slider */
.graphic, #prevBtn, #nextBtn {
       margin: 0;
       padding: 0;
       display: block;
       overflow: hidden;
       text-indent: -999em;
}

#slider_wrap {
    position: relative;
    float: left;
    left: 19px;
}

#slider {
    background: #363636;
}

#slider ul, #slider li{
	margin: 0;
	padding: 0;
	list-style: none;
}

#slider li { 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width: 223px;
	height: 101px;
	overflow: hidden;
}

/* next / previous buttons */

#prevBtn, #nextBtn { 
	display: block;
	width: 20px;
	height: 101px;
	position: absolute;
	left: -20px;
	top: 0px;
}

#nextBtn { 
	left: 442px;
}

#prevBtn a, #nextBtn a {
    display: block;
    width: 20px;
    height: 101px;
    background:url(/images/btn_prev.gif) no-repeat 0 0;
    outline: none;
}

#nextBtn a { 
	background:url(/images/btn_next.gif) no-repeat 0 0;
}

#prevBtn a:hover, #nextBtn a:hover {
    background-position: 0 100%;
}

/* END EASY SLIDER */

/**** custom ***/
.slider_img {
    border: 3px solid #202020;
    float: left;
}

#slider a {
    display: block;
    text-decoration: none;
}

#slider span {
   color: #fff; 
}
 
#slider span.slider_title {
    color: #fff;
    font-size: 14px;
    font-style: italic;
    font-family: georgia, times, serif;
    font-weight: normal;
    width: 102px;
    margin-bottom: 5px;
}

#slider  {
    width: 442px !important;
}

 #slider img.slider_img {
     margin: 19px 0 0 14px;
     margin-right: 10px;
 }
 
 .slider_detail {
     margin: 20px 0 5px 0;
     float: left;
 }
 .slider_duration {
    font-size: 11px;
    font-family: georgia, times, serif;
    background: url(/images/bg-duration.png) no-repeat 0 0;
    display: block;   
    margin-top: 4px;
    padding: 0 8px 0 8px;
 }
 
 .slider_duration span {
     position: relative;
     top: -1px;
 } 
 
 #slider li {
     background: url(/images/bg-slider.png) no-repeat 100% 0;
    font-size: 12px;
    font-style: italic;
 }
 
 #slider li.last{
     background: none;
 }

#videos_dialog1 .video_wrap {
    border: 1px solid #ccc;
    border-top: none;
    float: left;
}