*
{
    font-family: Arial;
}

.body
{
    width: 960px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 30px;
    min-height: 500px;
}

h1
{
    font-size: 16px;
}

h2
{
    font-size: 14px;
}

h3
{
    font-size: 12px;
}

h4
{
    font-size: 11px;
}

h1, h2, h3, h4
{
    font-weight: bold;
    padding: 10px 10px;
    margin: 0px 0px 5px 0px;
}

p, span, a, div, input
{
    font-size: 12px;
}

.clearfix
{
    clear: both; 
    float: none; 
}

/* ------------------------------   _general.css   ----------------------------------------*/

/* To remove IE vertical scrollbar */
html
{
    overflow: auto;
}

/* General settings */
body
{
    margin: 0 auto;
    /* padding-bottom: 20px; */ /* space for footer */
    font-family: Helvetica, sans-serif; /* Segoe UI, Arial, */
    font-size: 12px;
    text-align: left;
    color: #000000;
    background: #FFFFFF;
    min-width: 730px;
}

thead
{
    display: table-header-group;
}

.print-only-visible
{
    display: none;
}

.print-invisible
{
    display: inline;
}

.print-button
{
    width: 20px;
    height: 20px;
    background-image: url("/img/icons/printer.png");
    background-color: transparent;
    border: none;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    vertical-align: top;
}

    .print-button:hover
    {
        background-color: Gray; 
    }

a:link, a:active
{
    text-decoration: none;
    color: Black;
}

a:visited
{
    text-decoration: none;
    color: Black;
}

a:hover
{
    text-decoration: underline;
}

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



/* KF started common css classes from here  */

/* buttons */


input::-moz-focus-inner /* firefox hack */
{
    border: 0;
    padding: 0;
}

.button, a.button
{
    margin: 0;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 11px 2px 11px;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #c9c9c9;
    border: 1px solid #b6b3b3;
    color: #6b6969;
    overflow: visible;
    height: 14px;
    line-height: 14px;
}

    .button:hover, a.button:hover
    {
        cursor: pointer;
        text-decoration: none;
        background-color: #adadad;
    }

    .button.important
    {
        background-color: #1395d4;
        border: 1px solid #4bbef5;
        color: #eaf7fd;
    }

        .button.important:hover, 
        .button.important.active 
        {
            background-color: #0f75a6;
        }

    .button[disabled]
    {
        color: #bbb;
        background-color: #e2e2e2;
        border: 1px solid #ddd;
    }

        .button[disabled]:hover
        {
            background-color: #e2e2e2;
            cursor: default;
        }

input.button
{
    height: 20px;
    padding-top: 2px;
}

button.button
{
    height: 20px;
    padding-top: 2px;
}

/* button grouping */

.button-grouping-container
{
    font-size: 0; 
}

.button-grouping-container .button
{
    margin-left: 0; 
    margin-right: 0; 

    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;

    border-right: 0; 
}

    .button-grouping-container .button:first-child
    {
        -moz-border-radius-bottomleft:  4px;
        -webkit-border-bottom-left-radius: 4px;
        border-bottom-left-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -webkit-border-top-left-radius: 4px;
        border-top-left-radius: 4px;
    }

    .button-grouping-container .button:last-child
    {
        -moz-border-radius-bottomright: 4px;
        -webkit-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
        -moz-border-radius-topright: 4px;
        -webkit-border-top-right-radius:  4px;
        border-top-right-radius: 4px;

        border-right: 1px solid #4bbef5 ; 
    }

/*  buttons end  */


.toRight
{
    float: right;
}

.toLeft
{
    float: left;
}

.delete-market-container
{
    float: right;
    padding-right: 3px;
    padding-top: 2px;
}

.small-delete-button
{
    background-image: url("/img/icons/delete.png");
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    border: 0px;
    background-color: transparent;
}

.small-plus-button
{
    margin-top: 2px;
    background-image: url("/img/icons/plus.png");
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    border: 0px;
    background-color: transparent;
    cursor: pointer;
}

.small-cancel-button.no-hover
{
    background-image: none;
}

.small-accept-button
{
    background-image: url("/img/icons/accept.png");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    border: 0px;
    background-color: transparent;
    background-position: center;
}

.small-cancel-button
{
    background-image: url("/img/icons/cancel.png");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    border: 0px;
    background-color: transparent;
}

.small-edit-button
{
    background-image: url("/img/icons/edit.png");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    border: 0px;
    background-color: transparent;
}

.small-delete-button:hover, .small-accept-button:hover, .small-cancel-button:hover
{
    cursor: pointer;
}

.no-hover, .small-delete-button.no-hover:hover, .small-accept-button.no-hover:hover
{
    cursor: default;
    background-position: center;
}

.small-delete-button.subscription
{
    background-position: center;
}

/* /buttons */

.inlineHeaderDiv
{
    position: relative;
    float: right;
    width: 150px;
    text-align: right;
}

    .inlineHeaderDiv .vcard-download
    {
        margin-right: 12px;
        vertical-align: text-top;
    }


/*------------- to here-------------- */

/*------------- login page-------------- */

#login-wrapper input[type="text"], 
#login-wrapper input[type="password"]
{
    padding-left: 0px;
    padding-right: 0px; 
    border: 1px solid #AAA;     
    width: 190px; 
    background-color: White;    
}

#login-wrapper input[type="submit"]
{
    padding-left: 0px; 
    padding-right: 0px; 
    width: 192px; 
    height: 25px; 
}


/* ----------------------------------   home overview    ----------------------------------------*/


.overviewContainers
{
    float: left;
    width: 300px;
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #F1F1F1;
    border-bottom: 2px solid #1395d3;
    padding-bottom: 10px;
}

    .overviewContainers a:hover, .overviewContainers a.alternate:hover
    {
        display: block;
        background-color: #CBCBCB;
        text-decoration: none;
    }

    .overviewContainers h2
    {
        background-color: #1395d3;
        text-align: center;
        display: inline-block;
        width: 280px;
        color: White;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-bottom: 0;
    }

    .overviewContainers a
    {
        display: block;
    }

        .overviewContainers a.alternate
        {
            background-color: White;
        }

        .overviewContainers a div span
        {
            font-size: 11px;
        }

            .overviewContainers a div span.name-field
            {
                font-weight: bold;
                font-size: 12px;
                width: 146px;
                display: inline-block;
            }

            .overviewContainers a div span.status-field
            {
                color: Black;
            }

            .overviewContainers a div span.date-field
            {
                width: 130px;
                display: inline-block;
                text-align: right;
                vertical-align: top;
                color: Gray;
            }

            .overviewContainers a div span.territory
            {
                width: 130px;
                display: inline-block;
                text-align: right;
            }

            .overviewContainers a div span.description-field
            {
                font-size: 11px;
                font-weight: normal;
                color: #353535;
            }

            .overviewContainers a div span.rights
            {
                display: inline-block;
                text-align: right;
                width: 280px;
            }

            .overviewContainers a div span.salesCompany
            {
                display: inline-block;
                width: 146px;
            }

    .overviewContainers div.arrowDown
    {
        background-color: White;
        height: 10px;
        background-image: url("/img/icons/blue-down-arrow.png");
        background-position: center top;
        background-repeat: no-repeat;
    }

    .overviewContainers span.emptyRowInfo
    {
        margin: 5px 12px 12px 12px;
        display: inline-block;
    }

    .overviewContainers .row
    {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .overviewContainers .inline-description
    {
        display: inline-block;
        width: 276px;
    }

#divRecentSales .date-field,
#divRecentDomesticSales .date-field
{
    color: Black;
}

.overviewContainers .sales-spacer
{
    background-color: White;
    height: 10px;
}

.download-pdf-button
{
    display: inline-block;
    width: 17px;
    height: 17px;
    background-image: url("/img/icons/pdf_icon.gif");
}

/* ----------------------------------   search results -------------------------------------*/

.searchContent
{
    margin: 0;
    padding: 0 5px 0 5px;
}


.searchMainContainer
{
    /* float: left; */
    /* width: 750px; */
    margin-top: 4px;
    /* margin-left: 10px; */
    margin-right: 10px;
    background-color: #EAEAEA;
    padding-bottom: 5px;
    padding-top: 5px;
}

    .searchMainContainer .matchesLabel
    {
        color: #1395d4;
        font-weight: bold;
        font-size: 12px;
        margin-left: 0px;
        margin-bottom: 5px;
        display: block;
    }

    .searchMainContainer a:hover, .searchMainContainer a.alternate:hover
    {
        display: block;
        background-color: #CBCBCB;
        text-decoration: none;
    }

    .searchMainContainer h2
    {
        background-color: #CBCBCB;
    }

    .searchMainContainer a
    {
        padding: 3px;
        display: block;
    }

    .searchMainContainer span
    {
        color: #353535;
    }

    .searchMainContainer a.alternate
    {
        display: block;
        background-color: #F1F1F1;
    }

    .searchMainContainer a.selected
    {
        display: block;
        background-color: #CBCBCB;
    }

    .searchMainContainer *
    {
        vertical-align: top;
    }

    .searchMainContainer a div span
    {
        font-size: 11px;
        font-weight: bold;
    }

        .searchMainContainer a div span.name-field
        {
            width: 648px;
            display: inline-block;
            color: #353535;
        }

#foundCompanies .searchMainContainer a div span.name-field
{
    width: 525px;
    display: inline-block;
    color: #353535;
}

#foundCompanies .searchMainContainer a div span.company-country-field
{
    width: 120px;
    display: inline-block;
    color: #353535;
    text-align: left;
    font-weight: normal;
}

#foundProjects .searchMainContainer a div span.name-field
{
    width: 450px;
    display: inline-block;
    color: #353535;
}

#foundProjects .searchMainContainer a div span.director-name
{
    width: 140px;
    display: inline-block;
    color: #353535;
    text-align: center;
    font-weight: normal;
    vertical-align: top;
}

.searchMainContainer a div span.roles-field
{
    width: 280px;
    display: inline-block;
    text-align: right;
    vertical-align: top;
    color: #808080;
}

.searchMainContainer a div span.salesCompany-field
{
    width: 225px;
    display: inline-block;
    text-align: right;
    vertical-align: top;
    color: #353535;
    font-weight: normal;
}

.searchMainContainer a div span.status-field
{
    width: 110px;
    display: inline-block;
    text-align: right;
    vertical-align: top;
    color: #808080;
}

.searchMainContainer a div span.year-field
{
    display: inline-block;
    color: #808080;
}


.searchMainContainer a div span.description-field
{
    font-size: 9px;
    font-weight: normal;
    color: #353535;
}

    .searchMainContainer a div span.description-field label
    {
        display: block;
        margin-left: 12px;
    }

/*----------------foundFiles------------------*/

#foundFiles span
{
    vertical-align: top;
    font-size: 11px;
}

#foundFiles a:hover, #foundFiles .alternate a:hover
{
    background-color: #dddddd;
}

#foundFiles .alternate a
{
    background-color: #f2f2f2;
}

#foundFiles a.fileDetails
{
}

    #foundFiles a.fileDetails:hover
    {
        cursor: pointer;
    }

#foundFiles .button
{
    float: right;
}

#foundFiles span.keywords
{
    display: inline-block;
    width: 170px;
}

#foundFiles span.title
{
    display: inline-block;
    width: 850px;
    font-weight: bold;
    font-size: 12px;
}

#foundFiles span.description
{
    display: inline-block;
    width: 300px;
}

#foundFiles span.relatedFilms
{
    display: inline-block;
    width: 150px;
}

#foundFiles span.relatedContacts
{
    display: inline-block;
    width: 190px;
}

#foundFiles ul
{
    list-style-type: circle;
    padding-left: 15px;
}

#foundFiles span.downloadButton
{
    display: inline-block;
    width: 80px;
    text-align: right;
}

#fileSearchCaption span
{
    display: inline-block;
    font-weight: bold;
    color: Gray;
    padding-left: 5px;
}

    #fileSearchCaption span.keywords
    {
        width: 165px;
    }

    #fileSearchCaption span.filename
    {
        width: 145px;
    }

    #fileSearchCaption span.description
    {
        width: 300px;
    }

    #fileSearchCaption span.relatedFilms
    {
        width: 140px;
    }

    #fileSearchCaption span.relatedContacts
    {
        width: 185px;
    }

/*----- Found tasks-----------------------*/

#foundTasks .searchMainContainer a div span.assignee
{
    color: #353535;
    display: inline-block;
    width: 180px;
}

#foundTasks .searchMainContainer a div span.title
{
    color: #353535;
    display: inline-block;
    width: 540px;
    font-weight: normal;
}

#foundTasks .searchMainContainer a div span.due-date
{
    color: #353535;
    display: inline-block;
    width: 100px;
}

#foundTasks .searchMainContainer a div span.status
{
    color: #808080;
    display: inline-block;
    width: 100px;
    text-align: right;
}

/*----- Found events-----------------------*/

#foundEvents .searchMainContainer a div span.title
{
    color: #353535;
    display: inline-block;
    width: 220px;
}

#foundEvents .searchMainContainer a div span.type
{
    color: #353535;
    display: inline-block;
    width: 100px;
}

#foundEvents .searchMainContainer a div span.participants
{
    color: #353535;
    display: inline-block;
    width: 200px;
}

#foundEvents .searchMainContainer a div span.description
{
    color: #808080;
    display: inline-block;
    width: 405px;
    text-align: right;
}

/* -------------------------------  Tabs on search results  ---------------------------------- */

div.tab-search-menu-wrapper
{
    float: left;
    height: 38px;
}

ul.tab-search-menu
{
    margin: 0;
    padding: 0;
    position: relative;
    cursor: default;
}

.tab-search-item
{
    background-image: url("/img/tab_empty.png");
    background-position: bottom;
    background-repeat: no-repeat;
    background-color: #f1f1f1;
    display: inline-block;
    float: right;
    list-style: none outside none;
    padding-top: 6px;
    padding-bottom: 11px;
    padding-left: 7px;
    padding-right: 7px;
    color: #AAAAAA;
    font-family: Arial;
    font-weight: bold;
    font-size: 14px;
    border-right: 1px solid white;
    text-align: center;
}

    .tab-search-item.clickable
    {
        color: #353535;
        cursor: pointer;
    }

    .tab-search-item.selected
    {
        background-image: url("/img/tab_arrow.png");
        background-position: bottom;
        background-repeat: no-repeat;
        background-color: #dddddd;
        position: relative;
        color: #1395d4;
    }

    .tab-search-item.clickable:hover
    {
        background-color: #cbcbcb;
        background-image: url("/img/tab_arrow_hover.png");
    }

.linksCount
{
    font-family: inherit;
    font-size: inherit;
}

.tabLabelInherit
{
    font-family: inherit;
    font-size: inherit;
}

.search-no-results
{
    color: #1395d4;
    font-weight: bold;
    padding: 15px 20px;
    background-color: #f2f2f2;
    border: 1px solid #ddd;
}

.exact-matches-container
{
    margin-bottom: 15px;
}

/* ------------------------------ CliectNotesControl.ascx -----------------------------------*/

.rightPanelHeader
{
    margin-bottom: 5px;
    background-color: #cbcbcb;
    padding: 0px 0px 0px 10px;
    height: 26px;
    line-height: 26px;
}

    .rightPanelHeader h1
    {
        padding: 0px;
        margin: 0px;
        float: left;
        vertical-align: middle;
        font-size: 14px;
    }

#buttonAddNote, .requestButton
{
    margin-right: 3px;
    margin-top: 3px;
}


/* old one - backup 

#client-notes 
{
	padding-top: 5px; 
	padding-bottom: 5px; 
}

#client-notes li 
{
	display: block; 
	background-image: url("/img/client-note-shadow.png"); 
	background-repeat: no-repeat; 
	background-position: bottom right; 
	height: 158px; 
	margin-right: 5px; 
	
}

#client-notes .note-content 
{
	background-image: url("/img/client-note-bg.png");
	background-repeat: no-repeat; 
	background-position: top left; 
	height: 143px;
	width: 153px; 
	margin-left: 12px;   
	padding: 5px; 
	padding-left: 10px; 
}

#client-notes .note-button 
{
	width: 16px; 
	height: 15px; 
	float: right; 
	cursor: pointer; 
}


#client-notes #remove-new-note-button, 
#client-notes #remove-note-button,
#client-notes #cancel-save-button, 
#client-notes #edit-cancel-save-button 
{
	background: url("/img/client-note-remove-button.png") top left no-repeat; 
	margin-right: 17px; 
	
}

#client-notes #edit-note-button
{
	background: url("/img/client-note-edit-button.png") top left no-repeat; 
}

#client-notes #save-note-button, 
#client-notes #edit-save-note-button
{
	background: url("/img/client-note-save-button.png") top left no-repeat; 
}

#client-notes .date 
{
	color: #999999;  
	font-size: 10px; 
	width: 100px; 
	line-height:10px; 
}

#client-notes .note
{
	margin-top: 3px; 
	font-size: 11px; 
	clear: both; 
	overflow: auto; 
	width: 135px; 
	height: 105px; 
}

#client-notes .newNote
{
	margin-top: 3px; 
	font-size: 11px; 
	clear: both; 
	overflow: auto; 
	width: 135px; 
	height: 125px; 
}

#client-notes .userName 
{
	color: #1395d4; 
	font-size: 11px; 
}

*/

#client-notes
{
    padding-top: 5px;
    padding-bottom: 5px;
}

    #client-notes li
    {
        display: block;
        background-image: url("/img/new_BG_2.png");
        background-repeat: repeat-y;
        background-position: bottom left;
        margin-left: 12px;
    }

    #client-notes .note-content
    {
        background-image: url("/img/new_bottom_2.png");
        background-repeat: no-repeat;
        background-position: bottom left;
        width: 153px;
        padding: 5px 5px 30px 5px;
        padding-left: 10px;
        min-height: 50px;
    }

    #client-notes .note-button
    {
        width: 16px;
        height: 15px;
        float: right;
        cursor: pointer;
    }


    #client-notes #remove-new-note-button,
    #client-notes #remove-note-button,
    #client-notes #cancel-save-button,
    #client-notes #edit-cancel-save-button
    {
        background: url("/img/client-note-remove-button.png") top left no-repeat;
        margin-right: 17px;
    }

    #client-notes #edit-note-button
    {
        background: url("/img/client-note-edit-button.png") top left no-repeat;
    }

    #client-notes #save-note-button,
    #client-notes #edit-save-note-button
    {
        background: url("/img/client-note-save-button.png") top left no-repeat;
    }

    #client-notes .date
    {
        color: #999999;
        font-size: 10px;
        width: 100px;
        line-height: 10px;
    }

    #client-notes .note
    {
        margin-top: 3px;
        font-size: 11px;
        clear: both;
        overflow: auto;
        width: 135px;
    }

    #client-notes .newNote
    {
        margin-top: 3px;
        font-size: 11px;
        clear: both;
        overflow: auto;
        width: 135px;
    }

    #client-notes .userName
    {
        color: #1395d4;
        font-size: 11px;
    }

.addNotePanel
{
    display: none;
    text-align: right;
}

textarea.note-textarea
{
    padding: 0;
    background-color: transparent;
    border: none;
    font-size: 10px;
    width: 120px;
    height: 50px;
    resize: none;
    margin-bottom: 5px;
    overflow: hidden;
    margin-top: 5px;
    margin-right: 7px;
}

.infoNoData
{
    display: none;
    margin-left: 10px;
}


/* ------------------------------   GeneralNotesControl.ascx  ----------------------------------------*/


.addGeneralNoteDiv
{
    width: 510px;
    display: none;
    text-align: right;
    margin-bottom: 10px;
}

.buttonContainer .button
{
    margin-left: 5px;
}

.addGeneralNoteDiv textarea, .generalNotes textarea
{
    background-color: #f5f5f5;
    border: 1px solid #cbcbcb;
    font-size: 10px;
    height: 60px;
    resize: none;
    margin-bottom: 5px;
    overflow: auto;
}

.addGeneralNoteDiv textarea
{
    width: 500px;
}

.generalNotes textarea
{
    width: 440px;
}

.withButtons .leftContent
{
    float: left;
    width: 460px;
    min-height: 60px;
}

.withButtons .rightButtons
{
    float: left;
    width: 60px;
    text-align: right;
    min-height: 60px;
}

.noButtons .leftContent
{
    float: left;
    width: 100%;
    min-height: 60px;
}

.noButtons .rightButtons
{
    display: none;
    width: 0px;
}

.rightButtons .button
{
    margin-bottom: 5px;
}

.generalNotes .date
{
    color: Gray;
    display: inline-block;
    width: 50%;
}

.generalNotes .userName
{
    color: Gray;
    display: inline-block;
    width: 49%;
    text-align: right;
}

.generalNotes .content
{
    display: inline-block;
    clear: both;
    width: 100%;
}

/* ------------------------------   ContactFilmsControl.ascx  ----------------------------------------*/

#contactFilms
{
    display: block;
}

    #contactFilms li
    {
        display: inline-block;
        clear: both;
        color: Gray;
    }

        #contactFilms li.alternate
        {
            background-color: #f6f6f6;
        }

    #contactFilms .title
    {
        font-size: 12px;
        font-weight: bold;
        float: left;
        display: inline-block;
        width: 102px;
        color: Black;
        padding-left: 3px;
        margin-top: 3px;
    }

    #contactFilms .endPP
    {
        font-weight: bold;
        display: inline-block;
        float: left;
        width: 72px;
        text-align: right;
        padding-right: 3px;
        margin-top: 3px;
    }

    #contactFilms .contactRole
    {
        clear: left;
        font-size: 11px;
        display: inline-block;
        width: 107px;
        float: left;
        padding-left: 3px;
        margin-bottom: 3px;
    }

    #contactFilms .prodStatus
    {
        font-size: 11px;
        display: inline-block;
        width: 67px;
        float: left;
        text-align: right;
        padding-right: 3px;
        margin-bottom: 3px;
    }

/* ------------------------------   availabilitiesMasterRpt.aspx  ----------------------------------------*/

#divAvMasterReportCrit
{
    background-color: #f2f2f2;
    width: 240px;
    margin-bottom: 5px;
    display: block;
}

    #divAvMasterReportCrit td, #divAvMasterReportCrit tr, #divAvMasterReportCrit table
    {
        border: 0;
        padding: 0px;
        margin: 0px;
        border-collapse: collapse;
        color: #444;
    }

    #divAvMasterReportCrit .header
    {
        margin-left: 15px;
        font-weight: bold;
        margin-top: 10px;
        margin-bottom: 10px;
        display: inline-block;
    }

    #divAvMasterReportCrit .button
    {
        float: right;
        margin-top: 5px;
    }

    #divAvMasterReportCrit #divCompanies
    {
        overflow: auto;
        height: 550px;
    }

    #divAvMasterReportCrit .leftColumn
    {
        width: 200px;
        padding-left: 5px;
        padding-right: 3px;
        padding-top: 3px;
        padding-bottom: 3px;
        vertical-align: top;
    }

    #divAvMasterReportCrit .rightColumn
    {
        width: 80px;
        padding-right: 5px;
        padding-top: 3px;
        padding-bottom: 3px;
        vertical-align: top;
    }

    #divAvMasterReportCrit .alternate
    {
        background-color: #E8E8E8;
    }

    #divAvMasterReportCrit .selected-row
    {
        background-color: White;
    }

    #divAvMasterReportCrit tr:hover, #divAvMasterReportCrit .alternate:hover
    {
        background-color: #cbcbcb;
        cursor: pointer;
    }

/* ------------------------------   ContactImageUploader  ----------------------------------------*/

#imageUploaderDiv
{
    height: 500px;
    border: 0px solid black;
    margin-top: 10px;
}

.IUOptions
{
    border: 1px solid #BBBBBB;
    width: 270px;
    height: 470px;
    float: left;
    margin: 10px;
    text-align: center;
    background-color: #f2f2f2;
    padding-top: 10px;
}

.IUPhoto
{
    border: 1px solid #BBBBBB;
    width: 640px;
    height: 480px;
    float: left;
    margin: 10px;
    background-color: #f2f2f2;
}

.IUHeader
{
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
}

.iuName
{
    font-size: 16px;
    margin-bottom: 10px;
}

.divPreviewCl
{
    margin: auto;
    margin-bottom: 10px;
    text-align: center;
    border: 1px solid #dddddd;
}

#imageUploaderDiv .iuPanel
{
    text-align: center;
    width: 270px;
    margin-bottom: 10px;
    display: block;
    margin-top: 10px;
}


#btnUpload
{
    width: 270px;
    margin: auto;
}

.iuTest
{
    margin: auto;
    border: 1px solid black;
    width: 10px;
    height: 10px;
}

.inputClass
{
    height: 20px;
    position: relative;
    top: -20px;
    width: 100px;
    cursor: pointer;
}

/* ------------------------------   FilmWebsitesControl.ascx  ----------------------------------------*/

.filmWebsites
{
    padding-top: 10px;
}

    .filmWebsites a
    {
        color: #1395d4;
    }

        .filmWebsites a:visited
        {
            color: #084e70;
        }

    .filmWebsites .urlTextBox
    {
        width: 500px;
        margin-bottom: 5px;
    }

    .filmWebsites .urlText
    {
        width: 460px;
        display: inline-block;
        overflow: hidden;
        padding-left: 24px;
        background-repeat: no-repeat;
        background-position: 0 50%;
        min-height: 20px;
        background-image: url("/img/icons/world.png");
    }

    .filmWebsites .header
    {
        margin-top: 20px;
    }

    .filmWebsites .addWebsitePanel
    {
        display: none;
        text-align: right;
        padding-right: 10px;
    }

    .filmWebsites .site-record
    {
        border-top: 1px dashed #e2e2e2;
        overflow: auto;
        padding: 3px 0 3px 0;
    }

        .filmWebsites .site-record:first-child
        {
            border-top: 0;
        }


    .filmWebsites .remove-website-button
    {
        float: right;
        width: 22px;
        height: 22px;
        background-image: url("/img/icons/cross.png");
        background-position: 50% 50%;
        background-repeat: no-repeat;
        display: inline-block;
        border: 0;
        background-color: transparent;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

        .filmWebsites .remove-website-button:hover
        {
            cursor: pointer;
            background-color: #ddd;
        }

/* ------------------------------  FilmAkaTitlesControl.ascx   ----------------------------------------*/

.akaTitlesHeader
{
    font-weight: bold;
    color: #999;
    margin-left: 3px;
    float: left;
    display: inline-block;
    width: 300px;
    margin-bottom: 5px;
}

.akaTitle
{
    display: inline-block;
    width: 207px;
    margin-left: 20px;
    float: left;
}

.akaCountry
{
    color: #000099;
    display: inline-block;
    width: 100px;
    float: left;
}



/* ------------------------------  ContactEdit.aspx   ----------------------------------------*/


.contactEditEditableRoles
{
}

#headerRoleAdd
{
    margin-bottom: 5px;
}

.imageContainer
{
    text-align: right;
}

.contactEditHeader
{
    width: 440px;
    float: left;
    margin: 0;
}

.nationality-and-sex-wrapper
{
    border-top: 1px dashed #cbcbcb;
    margin-top: 8px;
    padding-top: 8px;
    padding-bottom: 5px;
}

    .nationality-and-sex-wrapper .nationality-record-value
    {
        font-weight: bold;
    }

    .nationality-and-sex-wrapper .nationality-button
    {
        display: inline-block;
        width: 16px;
        height: 16px;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        cursor: pointer;
        padding: 2px;
        border-radius: 3px;
    }

        .nationality-and-sex-wrapper .nationality-button:hover
        {
            background-color: #cbcbcb;
        }

    .nationality-and-sex-wrapper .nationality-record-delete
    {
        background-image: url("/img/icons/cross.png");
    }

    .nationality-and-sex-wrapper #nationality-record-add
    {
        margin-left: 10px;
        background-image: url("/img/icons/add_icon.png");
    }

    .nationality-and-sex-wrapper #save-nationality-button
    {
        background-image: url("/img/icons/accept.png");
    }

    .nationality-and-sex-wrapper #cancel-nationality-button
    {
        background-image: url("/img/icons/cross.png");
    }

    .nationality-and-sex-wrapper #nationality-add-panel
    {
        display: none;
        padding: 5px;
        background-color: #f2f2f2;
        border: 1px solid #ddd;
        margin-top: 8px;
    }

    .nationality-and-sex-wrapper .nationality-value
    {
        font-weight: bold;
        margin-right: 20px;
        margin-left: 5px;
    }

.buttonRightContainer
{
    text-align: right;
    display: inline-block;
    width: 200px;
}

.controlEditContactName
{
    font-size: 16px;
    font-weight: bold;
    margin-right: 0px;
}

.listOfRoles
{
    color: #AAAAAA;
    font-weight: bold;
}

#titleEditor .button
{
    margin-left: 5px;
}

.record
{
    display: block;
    min-height: 30px;
    overflow: auto;
}

    .record *
    {
        vertical-align: top;
    }

    .record .button
    {
        margin-left: 5px;
    }

    .record #type
    {
        display: inline-block;
        width: 90px;
        font-weight: bold;
    }

    .record #roletype
    {
        display: inline-block;
        width: 120px;
        font-weight: bold;
    }

.editBtn
{
    float: right;
}

#contactData
{
    display: inline-block;
    width: 170px;
}

#comDetailNote
{
    width: 82px;
}

#comData .setHistorical,
#historicalComData .setCurrent
{
    margin-bottom: 10px;
}

#comData .record span#type,
#historicalComData .record span#type
{
    width: 60px;
}

#comData .record select#type,
#historicalComData .record select#type
{
    width: 75px;
}

.com-detail-note-text
{
    color: Gray;
    display: inline-block;
    margin-left: 5px;
    width: 100px;
}

.experienceItem
{
    margin-bottom: 20px;
}

    .experienceItem .button
    {
        margin-left: 5px;
    }

.biographyLabel
{
    display: inline-block;
    width: 150px;
    font-weight: bold;
    margin-top: 12px;
}

.bioDateText
{
    font-weight: bold;
}

.editBioWrapper
{
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

.companyName
{
    font-weight: bold;
}

.occupationTitle
{
    display: inline-block;
    width: 220px;
}

.period
{
    display: inline-block;
    width: 295px;
    text-align: right;
}

.addAddressButtonWrapper
{
    padding-top: 15px;
    padding-bottom: 10px;
    text-align: right;
}

.saveAddressButtonWrapper
{
    padding-top: 15px;
    padding-bottom: 10px;
    text-align: right;
    margin-right: 22px;
}


.address
{
    font-weight: bold;
    display: inline-block;
    width: 400px;
}

#contact-addresses-wrapper
{
    margin-bottom: 10px;
}

    #contact-addresses-wrapper .record
    {
        margin: 10px 0 10px 0;
    }

/* ---new address / edit address  form--- */

.micro-form
{
    width: 510px;
}

    .micro-form .types-select
    {
        width: 156px;
        margin-bottom: 10px;
    }

    .micro-form .addres-text
    {
        width: 491px;
        margin-bottom: 10px;
    }

    .micro-form .city-text,
    .micro-form .state-text
    {
        width: 130px;
        margin-bottom: 10px;
        margin-right: 14px;
    }

    .micro-form .zipcode-text
    {
        width: 60px;
        margin-bottom: 10px;
        margin-right: 5px;
    }

    .micro-form .address-text
    {
        color: Gray;
        margin-right: 5px;
        margin-top: 3px;
        display: inline-block;
    }

    .micro-form .lookup-button, input.lookup-button
    {
        display: inline-block;
        width: 16px;
        height: 16px;
        border: 0;
        background-image: url("/img/icons/magnifier.png");
        background-repeat: no-repeat;
        cursor: pointer;
        vertical-align: text-top;
    }

    .micro-form .territories-select
    {
        width: 497px;
    }

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

.workConnections
{
    margin-bottom: 5px;
}

    .workConnections ul
    {
    }
    /*
.workConnections .account-select-header-wrapper
{
	background-color: #e2e2e2;
	margin: 5px 0 0 0;
	padding: 10px 3px 10px 10px;
	font-weight: bold;
	font-size: 14px;
}
.account-select-header-wrapper .left-col
{
	display: inline-block;
	text-align: left;
	width: 50%
}

.account-select-header-wrapper .right-col
{
	display: inline-block;
	text-align: right;
	width: 48%;
}

.workConnections .account-select-header
{
	font-weight: bold;
	font-size: 14px;
}
*/
    .workConnections h2
    {
        background-color: #e2e2e2;
        margin-bottom: 0;
        margin-top: 5px;
    }

        .workConnections h2 span
        {
            font-size: inherit;
        }

    .workConnections .contactLink
    {
        margin-left: 20px;
        margin-top: 5px;
        display: block;
        font-weight: bold;
        display: inline-block;
        width: 210px;
    }

    .workConnections .contact-occupation
    {
        color: Gray;
        font-weight: normal;
        float: right;
    }

    .workConnections .selected .contact-occupation
    {
        padding-right: 10px;
    }

    .workConnections .selected
    {
        display: inline-block;
        width: 220px;
        margin-left: 10px;
        background-color: White;
        padding: 3px 0px 3px 10px;
    }

#contactEditAkas
{
    margin-top: 10px;
    border: 1px solid #dddddd;
    overflow: auto;
    width: 243px;
    float: left;
    padding: 5px;
}

#akaNamesList li
{
    clear: both;
    display: block;
    overflow: auto;
    min-height: 25px;
    vertical-align: middle;
    padding-top: 5px;
}

    #akaNamesList li *
    {
        vertical-align: middle;
    }

#akaNamesList span.akaNameWrapper
{
    width: 125px;
    display: inline-block;
}

#saveAddAKABtn
{
    margin-right: 5px;
}

#newAKANameWrapper
{
    margin-top: 10px;
    margin-bottom: 10px;
}

#akaNamesList .button
{
    margin-left: 5px;
}

#contactEditAkas .akas-header
{
    font-weight: bold;
    height: 25px;
    display: inline-block;
}

#contactRolesEdit .roles-header
{
    font-weight: bold;
    height: 25px;
    display: inline-block;
}

#contactRolesEdit
{
    margin-top: 10px;
    margin-left: 10px;
    border: 1px solid #dddddd;
    overflow: auto;
    width: 243px;
    float: left;
    padding: 5px;
}

#userActivationWrapper
{
    overflow: auto;
}


#activationStatusLabel.inactive
{
    font-weight: bold;
    color: Red;
}

#activationStatusLabel.active
{
    font-weight: bold;
    color: Green;
}

#userActivationWrapper .status-wrapper
{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}

    #userActivationWrapper .status-wrapper *
    {
    }

#userActivationWrapper .button
{
    margin: 5px;
}

#userActivationWrapper span
{
    margin-top: 3px;
}

/* ------------------------------filmography---------------------------------*/

.filmography-container
{
    border: 1px solid #dddddd;
    background-color: #f2f2f2;
    margin-top: 10px;
    padding: 3px;
}

    .filmography-container .row
    {
        padding: 3px;
        vertical-align: middle;
    }

        .filmography-container .row span
        {
            vertical-align: top;
        }

    .filmography-container .alternate
    {
        background-color: White;
    }

    .filmography-container .role-field
    {
        display: inline-block;
        width: 135px;
        text-align: right;
        color: Gray;
        vertical-align: middle;
    }

    .filmography-container .role-field-narrow
    {
        display: inline-block;
        width: 83px;
        text-align: right;
        color: Gray;
    }


    .filmography-container .status-field
    {
        display: inline-block;
        width: 95px;
        text-align: center;
        vertical-align: middle;
    }

    .filmography-container .salescomp-studio-field
    {
        display: inline-block;
        width: 80px;
        font-size: 11px;
    }

    .filmography-container .boxoffice-field
    {
        display: inline-block;
        width: 65px;
        text-align: right;
    }

    .filmography-container .title-field
    {
        display: inline-block;
        width: 200px;
        vertical-align: middle;
    }

    .filmography-container .year-field
    {
        display: inline-block;
        width: 65px;
        text-align: center;
        vertical-align: middle;
    }


/* ------------------------------   availabilities.css   ----------------------------------------*/


#panelProjects
{
    float: left;
    width: 350px;
    height: 1000px;
    background-color: #F2F2F2;
}

#panelAvailability
{
    background-color: #FFFFFF;
    font-size: 11px;
}


#panelRight
{
    float: right;
    width: 300px;
    height: 1000px;
    background-color: #F2F2F2;
}


/* ------------------------------   ContentColumns   ----------------------------------------*/

.clear
{
    clear: both;
}

.masterDiv
{
    margin-bottom: 20px; /* because of footer overlapping */
    /* padding-top: 10px; */ /* to always leave space between submenu and content */
    padding-bottom: 10px; /* to always leave space between footer ans content */
    /* background: none repeat scroll 0 0 #F2F2F2; */
    float: left;
}

#threeColumnContent #leftColumn
{
    background: none repeat scroll 0 0 #F2F2F2;
    float: left;
    width: 240px;
    /* padding-top: 10px;   added for .masterDiv padding commented */
}

#threeColumnContent #middleColumn
{
    background-color: White;
    margin-left: 10px;
    margin-right: 10px;
    float: left;
    width: 520px;
    overflow: hidden;
    padding-top: 10px;
}


#twoColumnContent #middleColumn
{
    margin-left: 0px;
    margin-right: 10px;
    float: left;
    width: 770px;
}

#oneColumnContent #middleColumn
{
    margin-left: 0px;
    float: left;
    width: 960px;
}

#rightColumn /* the same for all designs */
{
    background: #F2F2F2;
    float: left;
    width: 180px;
}

/* ------------------------------   footer.css   ----------------------------------------*/


#footer
{
    clear: both;
    float: left;
    /*    position: fixed;   */
    bottom: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 20px;
    z-index: 99;
    background-color: #D9D9D9;
}

#footer_content
{
    /* width: 730px; */
    margin-left: auto;
    margin-right: auto;
    overflow: visible !important;
    padding-top: 3px;
    font-size: 11px;
    font-family: Arial;
    text-align: center;
    color: #999898; /* position: relative; */
}

    #footer_content div
    {
        font-size: 11px;
        font-family: Arial;
        color: #999898;
    }

    #footer_content a
    {
        font-size: 11px;
        font-family: Arial;
        color: #999898;
        text-decoration: none;
    }

        #footer_content a:hover
        {
            text-decoration: underline;
        }


/* ------------------------------   header.css   ----------------------------------------*/
#wrapper
{
    background: url("/system/img/menu/header_background2.png") repeat-x scroll center bottom transparent; /* background extended */
}

#header
{
    width: 960px;
    margin: 0 auto;
}

/* Customer logo in upper left corner */
#headerLogo
{
    float: left;
    margin-top: 10px;
    margin-left: 20px;
    margin-bottom: 10px;
    width: auto;
    font-family: Arial;
    font-size: 26px;
    font-weight: bold;
    text-align: left;
    color: #242424;
}

/* Tools in upper right corner */

/* OLD HEADER */

#headerSiteTools
{
    float: right; /* margin-top: 5px; */
    margin-top: 8px;
    width: auto;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    padding: 0px;
    /* width: 170px; */
    text-align: right;
}

    #headerSiteTools a
    {
        color: #FFFFFF;
    }

        #headerSiteTools a:hover
        {
            color: #4D4E53;
            cursor: pointer;
        }

/* 
.headerSiteToolsItem
{
	float: left;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 8px;
	padding-right: 10px;
}

*/

.headerSiteToolsItem
{
}

#account-menu-spacer
{
    margin: 7px;
    border-top: 1px solid #1395D4;
}

.headerSiteToolsItemWihSeparator
{
    float: left;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 8px;
    padding-right: 10px;
    background: transparent url(/system/img/menu/header_menu_separator.gif) no-repeat scroll 0 50%;
}


#headerSearch
{
    float: right;
    margin-right: 44px;
    width: 144px;
    padding-top: 6px;
}

#header_search_box
{
    padding: 4px 6px;
    height: 16px;
    width: 144px;
    background: transparent url(/img/background/header_search_background.gif) no-repeat scroll 0 0;
    border-style: none;
}

#header_search_magnifier
{
    float: right;
    border: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

#header_search_value
{
    float: left;
    border: none;
    margin: 0px;
    padding: 0px;
    width: 120px;
    color: #999999;
    background: transparent none repeat scroll 0 0;
}




/* Workspaces */



/* old menu items with fixed width */



#headerWorkspaces
{
    clear: both;
    height: 33px;
    width: 100%;
    position: relative;
}

.headerWorkspaceItem:link, .headerWorkspaceItem:visited
{
    float: left;
    width: 113px;
    /* KF changes with trimming home account entry */
    /* height: 22px; */
    width: 99px;
    height: 22px;
    padding-left: 7px;
    padding-right: 7px;
    overflow: hidden;
    margin-left: 2px;
    padding-top: 6px;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    background-image: none;
    position: relative;
    /*z-index: 30;*/
    top: 5px;
}

.headerWorkspaceItem:hover
{
    text-decoration: none;
    background-color: transparent;
    background-image: url(/system/img/menu/headerWorkspaceTabHover.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0 0;
    position: relative;
}

.homeWorkspaceText
{
    font-size: 14px;
}

.headerWorkspaceItem_selected:link, .headerWorkspaceItem_selected:visited
{
    float: left;
    width: 113px;
    /* KF changes with trimming home account entry */
    /* height: 22px; */
    width: 99px;
    height: 22px;
    padding-left: 7px;
    padding-right: 7px;
    overflow: hidden;
    margin-left: 2px;
    margin-bottom: -1px;
    padding-top: 8px; /*8*/
    font-size: 14px;
    font-weight: bold;
    color: #1395D4;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    background-color: transparent;
    background-image: url(/system/img/menu/headerWorkspaceTabSelected.png);
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: 0 0;
    position: relative;
    top: 5px;
    z-index: 30;
}

/* KF TEST MESS FROM HERE */
/*
#headerWorkspaces
{
	clear: both;
	height: 43px;
	width: 100%;
	position: relative;
}

.headerWorkspaceItem:link, .headerWorkspaceItem:visited
{
	float: left;
	height: 22px;
	margin-left: 2px;
	margin-top: 10px; 
	padding-top: 6px;
	padding-left: 12px; 
	padding-right: 12px; 
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	position: relative;
	/*z-index: 30;*/ /* 
	top: 5px;
	border-top-left-radius: 3px; 
	border-top-right-radius: 3px; 
}
.headerWorkspaceItem:hover
{
	text-decoration: none;
	background-color: rgb(85, 193, 239); 
	position: relative;
}

.headerWorkspaceItem_selected:link, .headerWorkspaceItem_selected:visited
{
	float: left;
	height: 22px;
	margin-left: 2px;
	margin-top: 10px; 
	padding-top: 6px; /*8*/ /* 
	padding-left: 12px; 
	padding-right: 12px; 
	font-size: 14px;
	font-weight: bold;
	color: #1395D4;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	background-color: #f2f2f2; 
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: 0 0;
	border: 1px solid #dddddd; 
	border-bottom: 0; 
	position: relative;
	top: 5px;
	z-index: 30;
	border-top-left-radius: 3px; 
	border-top-right-radius: 3px; 
}

.headerWorkspaceItem_selected:hover
{
	text-decoration: none; 
}

#headerSiteTools
{
	float: right;  
	margin-top: 4px;
	margin-right: 12px; 
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding: 0px;
}
#headerSiteTools a
{
	color: #FFFFFF;
}
#headerSiteTools a:hover
{
	color: #4D4E53;
	cursor: pointer;
}
.headerSiteToolsItem
{
	float: right;
	padding-left: 8px;
	padding-right: 8px;
	margin-bottom: 5px; 
}
*/

#headerSiteTools .clear
{
    clear: both;
}

#headerSiteTools .currentAccountDesc
{
    font-size: 12px;
    color: #e1e1e1;
}



/* change account panel  */
#change-account-panel
{
    display: none;
    width: 220px;
    background-color: #f2f2f2;
    border: 2px solid #1395d4;
    z-index: 100;
    position: absolute;
    top: 30px;
    right: 0px;
    float: right;
}

    #change-account-panel input[type="radio"]
    {
        float: left;
        margin-top: 5px;
    }

    #change-account-panel .account-label
    {
        display: inline-block;
        float: left;
        width: 190px;
        font-weight: bold;
        min-height: 22px;
        margin-top: 5px;
    }

    #change-account-panel .account-label-noradio
    {
        display: inline-block;
        font-weight: bold;
        min-height: 22px;
        margin-top: 5px;
        margin-left: 21px;
    }

        #change-account-panel .account-label-noradio.weak
        {
            font-weight: normal;
            color: Gray;
        }

#headerSiteTools .currentAccountName
{
    font-size: 12px;
    font-weight: bold;
    background-image: url(/img/arrow-down-white.png);
    background-repeat: no-repeat;
    background-position: 100% 65%;
    padding-right: 12px;
    margin-right: 10px;
    vertical-align: middle;
}

#headerSiteTools .reversed
{
    background-image: url(/img/arrow-down-white-reversed.png);
}

#headerSiteTools .currentAccountName:hover
{
    cursor: pointer;
}

.headerSiteToolsItemWihSeparator
{
    float: right;
    padding-left: 8px;
    background: transparent url(/system/img/menu/header_menu_separator.gif) no-repeat scroll 0 50%;
}

/*
#headerSearch
{
	float: left;
	margin-left: 30px; 
	width: 144px;
	padding-top: 9px;
}
#header_search_box
{
	padding: 4px 6px;
	height: 16px;
	width: 144px;
	background: transparent url(/system/img/menu/header_search_background.gif) no-repeat scroll 0 0;
	border-style: none;
}
#header_search_magnifier
{
	float: right;
	border: none;
	margin: 0px;
	padding: 0px;
	width: auto;
}
#header_search_value
{
	float: left;
	border: none;
	margin: 0px;
	padding: 0px;
	width: 120px;
	color: #999999;
	background: transparent none repeat scroll 0 0;
}

*/

/* KF TEST MESS TO HERE */

/* dunkler 0778B1 / heller 1395D4 */


/* Sub menu */

#headerWorkspaceSubmenu
{
    clear: both;
    width: 100%;
    height: 29px;
    background-color: #F2F2F2;
    background: transparent url(/system/img/menu/subMenu.png) repeat-x scroll 0 0;
    /*z-index: 10;*/
    position: relative;
}

.headerWorkspaceSubmenuItem
{
    float: left;
    margin-left: 0px;
    margin-right: 5px;
    margin-top: 9px; /* was 8 */
    font-size: 12px;
    font-weight: bold;
    color: #353535;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    padding-left: 10px; /*padding-right: 10px;*/
    background: transparent url(/system/img/menu/header_menu_separator.gif) no-repeat scroll 0 50%; /* 0px 50%  */
    position: relative;
    z-index: 10;
}

    .headerWorkspaceSubmenuItem.leftMenu
    {
        background: transparent url(/system/img/menu/header_menu_separator.gif) no-repeat scroll 2px 65%; /* 0px 50%  */
    }

    .headerWorkspaceSubmenuItem.first-item
    {
        background: transparent none;
    }


.headerWorkspaceSubmenuItem_selected
{
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 9px; /* was 8 */
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #1398D4;
    text-decoration: none;
    cursor: pointer;
}

a.headerWorkspaceSubmenuItem_selected
{
    float: left;
    margin-left: 0px; /* 10px */
    margin-right: 10px;
    margin-top: 9px; /* was 8 */
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #1398D4;
    text-decoration: none;
    cursor: pointer;
}

.headerWorkspaceSubmenuItem_right
{
    float: right;
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 9px; /* was 8 */
    font-weight: bold;
    color: #353535;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.headerWorkspaceSubmenuItemLabel_right
{
    float: right;
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 9px; /* was 8 */
    font-weight: bold;
    color: #999999;
    text-align: center;
    text-decoration: none;
}

.dropDownMenu
{
    float: right;
    padding-top: 1px; /*display: inline;*/
}

/* Shade lines */

/*

#headerShadeLineDark
{
	clear: both;
	width: 100%;
	height: 1px;
	background-color: #9C9C9C; 
	display: none;
}
#headerShadeLineLight
{
	clear: both;
	width: 100%;
	height: 1px;
	background-color: #5D5D5D;
	display: none;
}
*/

/* ------------------------------   search.css   ----------------------------------------*/


.searchResult
{
    background-color: Transparent;
}

/*
#panelSearch
{
	float:left; 
	width: 300px;
	height: 200px;
	background-color: #F2F2F2;
}
*/

#panelContent
{
    font-size: 11px;
}

/*
#profilePanel
{
	float:right ; 
	width: 300px;
	height: 200px;
	background-color: #F2F2F2;
}
*/

.searchResult:hover
{
    background-color: Yellow;
}




/* -----------------------------  film.css  -----------------------------------------*/

.companyListLi
{
    display: inline;
}

.productionCompany
{
    float: left;
    width: 70%;
}

.listOfLabels label
{
    width: 320px;
}

.companyNameAndFilmType
{
    clear: both;
}

.LeftHandGridAltRowStyle
{
    background-color: #F2F2F2;
}

.LeftHandGridRowStyle
{
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 10px;
}

.LeftHandGridHeaderStyle
{
    background-color: #F2F2F2;
    border-width: 1px;
    border-style: solid;
    color: #333333;
}

.leftHandGridSelectedItem
{
    font-weight: bold;
}

.leftHandGridUnselectedItem
{
    font-weight: normal;
}

.filmPoster
{
    float: right;
    margin-left: 5px;
}

.filmTitle
{
    float: left;
    font-size: 20px;
    font-weight: bold;
    border-style: none;
}

.filmSalesCompany
{
    float: left;
    clear: both;
    font-size: 12px;
    font-weight: bold;
    color: Gray;
}

.filmSalesCmpForHeader
{
    font-size: 12px;
    font-weight: bold;
    color: Gray;
}

.filmSalesCompany a
{
    float: left;
    clear: both;
    font-size: 12px;
    font-weight: bold;
    color: Gray;
}

.filmProductionStatus
{
    float: right;
    font-size: 14px;
    color: Red;
}

.filmCountryGenreLength
{
    float: right;
    font-size: 10px;
    color: Gray;
}

.filmTabPages
{
    clear: both;
    float: left;
    margin-top: 10px;
    width: 100%;
}

.filmLabel
{
    color: #999999;
    font-weight: bold;
    white-space: nowrap;
    width: 220px;
    vertical-align: top;
}

/* RadGrid Mods */

/*

.filmSearchItem tr.rgRow td, .filmSearchItem tr.rgAltRow td
{
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.filmContentContainer
{
	margin: 10px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
}
*/

/*
.filmSearchItem
{
	color: #000099;
	font-weight: bold;
	padding-left: -7px;
	padding-right: -7px;
	padding-top: 2px;
	padding-bottom: 2px;
}
*/

/* - - - - - - - - - - FilmMembers.aspx - - - - - - - - - - */

.left-panel, .center-panel, .right-panel
{
    font-family: helvetica, Sans-Serif;
    font-size: 11px;
}

.left-panel
{
    width: 220px;
    border: solid 1px #DDD;
}

/* search crit */

#goBackButtonWrapper
{
    padding: 10px 10px 10px 15px;
}


div.search-criteria
{
    padding: 10px;
    text-align: right;
}

    div.search-criteria input.button
    {
        margin-top: 5px;
        margin-right: 5px;
    }

    div.search-criteria textarea
    {
        width: 214px;
        height: 50px;
        background-image: url("/img/textareaBG.png");
        background-position: top left;
        background-repeat: no-repeat;
        background-color: transparent;
        border: none;
        overflow: auto;
        resize: none;
        font-size: 12px;
        padding: 0px;
        padding-left: 5px;
    }

/* / search crit */

.people-search-result
{
    padding-bottom: 5px;
}

    .people-search-result *
    {
        font-size: 11px;
    }

    .people-search-result .row
    {
        padding-left: 5px;
        margin-left: 5px;
        margin-right: 5px;
    }

    .people-search-result .alternate
    {
        margin-left: 5px;
        margin-right: 5px;
        background-color: White;
    }

    .people-search-result .selected-row
    {
    }

div.contacts-search-result
{
    -moz-border-radius: 5px 5px 5px 5px;
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #DDDDDD;
    margin-bottom: 10px;
}

    div.contacts-search-result h2, div.left-panel div.companies-search-result h2
    {
        background: none repeat scroll 0 0 #CCCCCC;
        margin: 0;
        padding: 2px 20px;
        text-transform: uppercase;
        font-size: 1.1em;
    }

div.selected-row
{
    font-weight: bold;
    background: gainsboro;
}

.contacts-search-result div.row
{
    padding-left: 10px;
}

.contact-description
{
    text-align: left;
    color: black;
}

.film-people-panel, .film-companies-panel
{
    padding-top: 5px;
    padding-bottom: 20px;
}

    .film-people-panel div.role-group, .film-companies-panel div.role-group
    {
        background: #f2f2f2;
        border: 1px solid #DDDDDD;
        margin-top: 10px;
        min-height: 40px;
    }

.role-group .header
{
    /*text-transform:uppercase;*/ /*font-size:110%;*/
    font-weight: bold;
    background-color: #ddd;
    padding: 4px 5px 6px 5px;
}

    .role-group .header a
    {
        padding-right: 20px;
        cursor: pointer;
        background-image: url('/img/icons/add_icon.png');
        background-position: center right;
        background-repeat: no-repeat;
        margin-right: 2px;
    }

    .role-group .header input[type="checkbox"]
    {
        margin: 0 5px 0 0;
        vertical-align: top;
    }

    .role-group .header .role-name
    {
        display: inline-block;
        width: 150px;
    }

.role-group .contact-description a
{
    float: right;
    margin-left: 5px;
}

.role-group .member-record
{
    padding-left: 5px;
    padding-right: 5px;
    clear: both;
    border-top: 1px dashed #e1e1e1;
    padding-top: 2px;
    padding-bottom: 3px;
    overflow: auto;
}

.role-group li:first-child .member-record
{
    border-top: none;
}

.role-group .member-spacer
{
    height: 10px;
    border-top: 1px dashed #e1e1e1;
}

.role-group .contact-description a.up, span.up
{
    background-image: url("/img/icons/up.png");
    background-repeat: no-repeat;
    display: inline-table;
    height: 20px;
    width: 20px;
    cursor: pointer;
    padding: 0px;
    background-position: 50% 50%;
}

.role-group .contact-description a.down, span.down
{
    background-image: url("/img/icons/down.png");
    background-repeat: no-repeat;
    display: inline-table;
    height: 20px;
    width: 20px;
    cursor: pointer;
    padding: 0px;
    background-position: 50% 50%;
}

    .role-group .contact-description a.down:hover,
    .role-group .contact-description a.up:hover,
    .role-group .contact-description a.remove:hover
    {
        background-color: White;
        border-radius: 3px;
    }

.role-group .contact-description a.spacer
{
    width: 20px;
    height: 20px;
}

.role-group .contact-description a.down:active,
.role-group .contact-description a.up:active,
.role-group .contact-description a.remove:active
{
    background-color: #ddd;
    border-radius: 3px;
}

span.contact-name
{
    background-color: transparent;
    display: inline-block;
    width: 150px;
    margin-top: 3px;
}

span.view-mode
{
    display: inline-block;
    font-style: italic;
    color: Gray;
}

    span.view-mode:hover
    {
        cursor: pointer;
    }

div.view-panel span.view-mode.label
{
    display: none;
}

span.view-mode.label
{
    margin-top: 4px;
    padding-right: 20px;
    background-image: url("/img/icons/edit.png");
    background-repeat: no-repeat;
    background-position: right;
}

span.edit-mode
{
    display: none;
}

input.view-mode
{
    display: none;
}

input.edit-mode
{
    border: 1px solid #BBBBCC;
    display: inline;
    padding: 0;
    width: 100px;
    margin-bottom: 4px;
    height: 16px;
}

a.view-mode.button, span.view-mode.button
{
    display: none;
}

a.edit-mode.button, span.edit-mode.button
{
    display: inline-table;
    padding: 0;
    margin: 0;
}

a.edit-mode.button
{
    background-image: url("/img/icons/accept.png");
    background-repeat: no-repeat;
    display: inline-table;
    width: 16px;
    height: 16px;
    padding-left: 0px;
    float: none;
}

span.edit-mode.button
{
    background-image: url("/img/icons/cancel.png");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.role-group .contact-description a.remove
{
    background-image: url("/img/icons/cross.png");
    background-repeat: no-repeat;
    display: inline-table;
    width: 20px;
    height: 20px;
    padding-left: 0px;
    cursor: pointer;
    background-position: 50% 50%;
}

div.contact-description select
{
    font-size: 12px;
    width: 90px;
    height: 18px;
    margin-bottom: 4px;
    -moz-border-radius: 4px 4px 4px 4px;
}

    div.contact-description select option
    {
        font-size: 12px;
    }


div.film-people-panel div div div.contact-description span.view-mode.label.status
{
    display: inline-table;
    text-transform: capitalize;
}

.members-list .forwhat
{
    display: inline-block;
    width: 140px;
}


/* - - - - - - - - - - homeOverview.aspx - - - - - - - - - - */

.whiteBackground
{
    background-color: White;
}

.right
{
    float: right;
    background-image: url('../../img/background/upperRight.png');
    width: 6px;
    height: 27px;
}


.left
{
    float: left;
    width: 90%;
    height: 27px;
    font-weight: bold;
    padding-left: 5px;
    line-height: 25px;
}

.bottom
{
    background-image: url("../../img/background/bottomLeft.png");
    background-repeat: no-repeat;
    height: 6px;
}

.resize
{
    margin: 0;
    padding: 0 5px;
}

.bottomRight
{
    float: right;
    background-image: url("../../img/background/bottomRight.png");
    height: 6px;
    width: 5px;
}


/* table styles */

.tableStyle
{
    width: 100%;
}

.rowStyle
{
    color: Gray;
}

.rowCompanyStyle
{
    color: Gray;
    font-size: 9px;
}

.altRowStyle
{
    background-color: #EEEEEE;
}


/* - - - - - - - - - - FilmScreeningsControl.ascx - - - - - - - - - - */

.controlEditFilmScreeningDate
{
    font-family: Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    width: 66px;
    margin: 0 0 0 4px;
    padding: 0px;
}

.controlEditFilmScreeningTime
{
    font-family: Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    width: 34px;
    margin: 0px;
    padding: 0px;
}

.controlEditFilmScreeningPlace
{
    font-family: Helvetica,sans-serif;
    font-size: 12px;
    width: 295px;
    margin: 0px;
    padding: 0px;
}

.screeningsTab
{
    width: 100%;
    border-bottom: 1px solid #828282;
    margin-bottom: 20px;
}

    .screeningsTab tr td
    {
        vertical-align: text-top;
    }

.market-container
{
    padding-top: 5px;
}

.marketName
{
    padding-left: 80px;
    font-size: 16px;
    font-weight: bold;
    /*margin-bottom: 10px;*/
    vertical-align: top;
}

.market-premiere-img
{
    padding-left: 10px;
    margin-top: -3px;
}

.errorMsg
{
    color: Red;
}



/* -------------------------------  Tabs on film.aspx  ---------------------------------- */

div.tab-menu-wrapper
{
    float: left;
    width: 460px;
}

ul.tab-menu
{
    margin: 0;
    padding: 0;
    position: relative;
}

.tab-item
{
    background: url("/img/tab-normal.png") no-repeat scroll left top transparent;
    display: inline-block;
    float: right;
    height: 25px;
    line-height: 25px;
    list-style: none outside none;
    margin-left: -10px;
    padding-left: 20px;
    width: 100px;
    z-index: 3;
    color: Gray;
}

    .tab-item.selected
    {
        background: url("/img/tab-active.png");
        z-index: 5;
        position: relative;
        color: Black;
    }

    .tab-item.clickable
    {
        color: Black;
    }

.clear
{
    clear: both;
}


.small
{
    width: 100px;
    height: 100px;
}

/* -------------------------------  Tabs on film.aspx  ---------------------------------- */


/* - - - - - - - - - - film.aspx - - - - - - - - - - */

.castAndCrewHeaders
{
    font-weight: bold;
    color: Gray;
    display: inline-block;
    width: 160px;
    vertical-align: top;
    clear: left;
}
/*
.castAndCrewUl 
{
	margin-bottom: 5px; 
}

.castAndCrewUl .name 
{
	display: inline-block; 
	width: 150px; 
}

.castAndCrewUl .forWhat
{
	display: inline-block; 
	width: 110px; 
	color: #000099; 
}

.castAndCrewUl .status 
{
	display: inline-block; 
	width: 60px;
	text-align: right;  
}

.castAndCrewUl .leftColumn 
{
	display: inline-block; 
	width: 150px; 
}

.castAndCrewUl .rightColumn 
{
	color: #000099; 
	display: inline-block;  
	width: 130px; 
}
*/

.cast-and-crew-wrapper
{
    overflow: auto;
    clear: both;
    float: none;
    margin-top: 5px;
    margin-bottom: 10px;
}

.cast-and-crew-names
{
    display: inline-block;
    width: 350px;
    float: right;
}

.cast-and-crew-wrapper .name-wide
{
    display: inline-block;
    width: 160px;
    margin-bottom: 4px;
}

.cast-and-crew-wrapper .forWhat
{
    color: #000099;
}

.cast-and-crew-wrapper .film-keyword-label
{
    font-weight: bold;
    display: inline-block;
    margin-left: 7px;
}

.filmTable
{
    padding-bottom: 10px;
    margin-bottom: 30px;
}

    .filmTable tr td
    {
        padding-left: 5px;
        padding-right: 5px;
    }

    .filmTable tr.filmTableRow:hover, filmTable tr.altRowStyle:hover
    {
        background-color: #D6D6D6;
        cursor: pointer;
        padding-left: 5px;
    }

    .filmTable tr.altRowStyle
    {
        background-color: #e8e8e8;
    }

.filmTableRow
{
    width: 100%;
    font-size: 10px;
    font-family: Arial;
    color: #333333;
    height: 20px;
    background-color: #f0f0f0;
}

    .filmTableRow tr td a:link, .filmTableRow tr th a:link
    {
        color: #444444;
        text-decoration: none;
    }

.filmTableLeftCol
{
}

    .filmTableLeftCol .film-title
    {
        font-size: 11px;
        float: left;
        width: 104px;
        min-height: 15px;
        margin-top: 2px;
    }

.filmStatus
{
    margin-top: 1px;
    margin-bottom: 2px;
    width: 15px;
    height: 15px;
    margin-right: 4px;
    background-repeat: no-repeat;
    float: left;
}

.filmTableRightCol .film-text
{
    display: inline-block;
    margin-top: 2px;
    font-size: 11px;
    width: 90px;
}


.filmTableRowSelected
{
    background-color: #ffffff;
}

.filmTableRightCol
{
    font-size: 11px;
    text-align: right;
    vertical-align: top;
}


.filmTableHeader
{
    overflow: hidden;
    color: #333333;
    /*border-color: -moz-use-text-color -moz-use-text-color #828282;*/
    /*border-style: none none solid;*/
    /*border-width: 0 0 0px;*/
    font-weight: normal;
    padding-bottom: 4px;
    padding-top: 5px;
    text-align: center;
    font-size: 11px;
    height: 27px;
    /*background-image: url('../../img/background/upperLeft.png');*/
    /*background-position: center;*/
    text-transform: uppercase;
    background-color: #cbcbcb;
}

.emptyGridFilmHeader
{
    overflow: hidden;
    color: #333333;
    text-align: left;
    font: 12px/16px "segoe ui",arial,sans-serif;
    height: 27px;
    background-image: url('../../img/background/upperLeft.png');
    background-position: center;
}

.filmTableHeader th
{
    padding-left: 10px;
}

    .filmTableHeader th img
    {
        margin-left: 5px;
        padding-bottom: 2px;
    }

.filmTableRowSorted
{
    background-color: #F2F2F2;
    border-bottom-color: #F2F2F2;
}


.filmTableContainer
{
    display: none;
    background-color: #e7e7e7;
    margin: 0px;
    padding: 0px;
    padding-left: 0px;
    padding-right: 0px;
    border-left: 0px #818181 solid;
    border-right: 0px #9E9E9E solid;
    border-bottom: 0px #9E9E9E solid;
    /* height: 500px; */
    overflow: auto;
}

.contentSectionHeader
{
    padding: 4px 0px 4px 0px;
    margin: 16px 0px 8px 0px;
    font-weight: bold;
    font-size: 14px;
    color: #1395D4;
    border-top: 2px solid #1395D4;
    border-bottom: 2px solid #CBCBCB;
    vertical-align: middle;
    line-height: 20px;
    height: 20px;
    clear: both;
    float: none;
}

.film-synopsis-container
{
    text-align: justify;
    line-height: 17px;
}

#panelDetails
{
    padding-top: 10px;
    /* padding-left: 10px;
	padding-right: 10px; */
}

#panelCoverage
{
    padding-top: 10px;
    /* padding-left: 10px;
	padding-right: 10px; */
}

/* -------------------------------  marketAvailabilities.aspx  ---------------------------------- */

a:link.selectedProjectItem
{
    background-color: #dddddd;
}


#ctl00_ctl00_contentContainer_contentBody_Table1 tbody tr td select
{
    width: 120px;
}


.marketAvailabilitiesPriceText
{
    width: 60px;
}


#ui-datepicker-div
{
    z-index: 3 !important;
    /*z-index:100 !important;*/
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header
{
    margin-bottom: 8px;
}

.ui-timepicker-div dl
{
    text-align: left;
}

    .ui-timepicker-div dl dt
    {
        height: 25px;
        margin-bottom: -25px;
    }

    .ui-timepicker-div dl dd
    {
        margin: 0 10px 10px 65px;
    }

.ui-timepicker-div td
{
    font-size: 90%;
}

.ui-tpicker-grid-label
{
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

/* -------------------------------  contact.aspx  ---------------------------------- */





.const-width
{
    display: inline-block;
}

.width-40
{
    width: 40px;
}

.width-200
{
    width: 200px;
}

.width-220
{
    width: 220px;
}

/* -------------------------------  Crystal Reports  ---------------------------------- */

.pnlReportView
{
    margin-top: -11px;
    text-align: center;
}

.border-left
{
    border-left: 1px solid silver;
}

.iReport
{
    float: right;
    width: 715px;
    height: 700px;
}

.iReportFull
{
    width: 100%;
    height: 700px;
}


.errorLabel
{
    color: Red;
}

/* -------------------------------  upload plugin  ---------------------------------- */

.qq-uploader
{
    position: relative;
    width: 100px;
    text-align: center;
    margin: auto;
}

.qq-upload-button
{
    height: 20px;
    margin-top: 10px;
    text-align: center;
    cursor: default;
    /* display:block; /* or inline-block 
	width: 105px; padding: 7px 0; text-align:center;    
	background:#880000; border-bottom:1px solid #ddd;color:#fff; */
}

    .qq-upload-button.qq-upload-button-hover, .qq-upload-button.qq-upload-button-hover input
    {
        cursor: pointer;
    }

input.inputClass
{
    cursor: pointer;
}

    input.inputClass:hover
    {
        cursor: pointer;
    }

.qq-upload-button-focus
{
    cursor: pointer;
}

.qq-upload-drop-area
{
    height: 20px;
}

    .qq-upload-drop-area span
    {
        height: 20px;
    }

.qq-upload-drop-area-active
{
    background: #FF7171;
}

.qq-upload-list
{
    margin: 15px 35px;
    padding: 0;
    list-style: disc;
}

    .qq-upload-list li
    {
        margin: 0;
        padding: 0;
        line-height: 15px;
        font-size: 12px;
    }

.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text
{
    margin-right: 7px;
}

.qq-upload-file
{
    display: inline;
}

.qq-upload-spinner
{
    display: inline-block;
    background: url("loading.gif");
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
}

.qq-upload-size
{
    display: none;
}

.qq-upload-cancel
{
    font-size: 11px;
}

.qq-upload-failed-text
{
    display: none;
}

.qq-upload-fail .qq-upload-failed-text
{
    display: none;
}


/* --------------------------------  jcrop plugin  ----------------------------------- */


/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */
.jcrop-holder
{
    text-align: left;
}

.jcrop-vline, .jcrop-hline
{
    font-size: 0;
    position: absolute;
    background: white url('Jcrop.gif') top left repeat;
}

.jcrop-vline
{
    height: 100%;
    width: 1px !important;
}

.jcrop-hline
{
    width: 100%;
    height: 1px !important;
}

.jcrop-handle
{
    font-size: 1px;
    width: 7px !important;
    height: 7px !important;
    border: 1px #eee solid;
    background-color: #333;
    *width: 9px;
    *height: 9px;
}

.jcrop-tracker
{
    width: 100%;
    height: 100%;
}

.custom .jcrop-vline,
.custom .jcrop-hline
{
    background: yellow;
}

.custom .jcrop-handle
{
    border-color: black;
    background-color: #C7BB00;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}




/*-----------------------------dialog new film (edit, coverage)-----------------*/
/*-----------------------------dialog new company-------------------------------*/
#dialog-new-film, #dialog-new-company, #dialog-new-person, #dialog-edit-film, #dialog-coverage-film, #dialog-feedback, #dialog-activate-person, #dialog-reset-password
{
    display: none;
}

    #dialog-new-film .pane, #dialog-new-company .pane
    {
        float: left;
    }

    #dialog-new-film, #dialog-new-company input, select[class~="fixed"]
    {
        width: 240px;
    }

.err
{
    display: inline;
    float: left;
    padding-top: 5px;
    color: Red;
}

.errText
{
    display: block;
    float: left;
    padding-top: 10px;
    margin-left: -136px;
    color: Red;
}

#dialog-activate-person #initialPassword
{
    margin-top: 3px;
    margin-bottom: 3px;
    width: 200px;
}

#dialog-activate-person select
{
    margin-top: 3px;
    margin-bottom: 15px;
    width: 206px;
}

#dialog-activate-person .description
{
    display: inline-block;
    width: 200px;
}

#dialog-activate-person input[type="checkbox"]
{
    margin: 5px;
}

/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */
.jcrop-holder
{
    text-align: left;
}

.jcrop-vline, .jcrop-hline
{
    font-size: 0;
    position: absolute;
    background: white url('Jcrop.gif') top left repeat;
}

.jcrop-vline
{
    height: 100%;
    width: 1px !important;
}

.jcrop-hline
{
    width: 100%;
    height: 1px !important;
}

.jcrop-handle
{
    font-size: 1px;
    width: 7px !important;
    height: 7px !important;
    border: 1px #eee solid;
    background-color: #333;
    *width: 9px;
    *height: 9px;
}

.jcrop-tracker
{
    width: 100%;
    height: 100%;
}

.custom .jcrop-vline,
.custom .jcrop-hline
{
    background: yellow;
}

.custom .jcrop-handle
{
    border-color: black;
    background-color: #C7BB00;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#dialog-new-film textarea
{
    display: block;
    float: left;
}

    #dialog-new-film textarea[class~="fixed"]
    {
        width: 240px;
    }

.noDisplay
{
    display: none;
}

#relatedProjects
{
    padding-left: 10px;
    float: left;
}

#dialog-new-film .relatedProjectsHeader
{
}

.scrollDisplay
{
    overflow: auto;
    width: 250px;
    height: 225px;
    border: 1px solid #000000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.rightPanel
{
    padding-right: 10px;
}

.bottomPanel
{
    padding-top: 10px;
}

fieldset
{
    margin: 0;
    padding: 0;
    border: 0px;
}

legend
{
    font-weight: bold;
}

.popup-label
{
    vertical-align: top;
    font-weight: bold;
}

#dialog-feedback #feedback-message-textarea
{
    width: 320px;
    height: 120px;
}


/*tables in popups----------------------------------------------------------*/
.table-style-new-film
{
    width: 355px;
}

    .table-style-new-film tr > td
    {
        font-weight: bold;
        vertical-align: top;
        width: 95px;
    }

.table-style
{
    width: 540px;
}

.sub-header
{
    text-align: left;
    padding-left: 10px;
}

.table-style tr > td
{
    text-align: left;
    width: 115px;
    font-weight: bold;
    vertical-align: top;
}

    .table-style tr > td + td
    {
        text-align: left;
        width: 360px;
    }

.numeric-text-input
{
    text-align: right;
}

.added-labels
{
    width: 420px;
    display: block;
    float: left;
    padding-top: 4px;
    border-bottom: 1px solid #a6c9e2;
}

.add-button
{
    padding-top: 3px;
    display: block;
}

.text-area
{
    width: 340px;
}

.fixed-dropdown
{
    width: 200px;
}


/*right dropdown menu-------------------------------------------------------------------------------*/
.navClass
{
    margin: 0;
    padding: 0;
    list-style: none;
}

    /* make the LI display inline */
    /* it's position relative so that position absolute */
    /* can be used in submenu */
    .navClass li
    {
        float: right;
        display: block;
        width: 80px;
        position: relative;
        z-index: 50; /* 500 */
        margin: 0 0px;
        background: transparent url(/system/img/menu/down_arrow.png) no-repeat 65px 10px;
    }


.leftMenu li, .leftMenu li:hover
{
    width: 115px;
    background: transparent url(/system/img/menu/down_arrow.png) no-repeat 100px 10px;
}

.dropdown-wide li
{
    width: 130px;
    background: transparent url(/system/img/menu/down_arrow.png) no-repeat 115px 10px;
}

.navClass .no-dropdown
{
    background: none;
    font-weight: bold;
    margin-top: 1px;
    margin-right: 10px;
}

#headerWorkspaceSubmenu .to-right
{
    float: right;
    background: none;
    margin-right: 12px;
}

/* menu button */
.navClass li a
{
    display: block;
    padding: 4px 0px 2px 0px;
    text-decoration: none;
    text-align: left;
    color: black;
    margin-top: 4px;
    padding-left: 12px;
    margin-bottom: 0px;
    position: relative;
    z-index: 99; /* 999*/
}

    .navClass li a.normal-menu-button
    {
        border: 1px solid #f2f2f2;
        font-weight: bold;
        position: relative;
        height: 15px;
    }

.menu-button-hover
{
    font-weight: normal;
    background: #ffffff url(/system/img/menu/down_arrow.png) no-repeat 64px 5px;
    border: 1px solid #979797;
    border-bottom: 1px solid #ffffff;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 15px;
}

.leftMenu .menu-button-hover
{
    background: #ffffff url(/system/img/menu/down_arrow.png) no-repeat 99px 5px;
}

.dropdown-wide .menu-button-hover
{
    background: #ffffff url(/system/img/menu/down_arrow.png) no-repeat 114px 5px;
}

/* submenu */
.navClass ul
{
    position: absolute;
    left: -120px;
    display: none;
    margin: 0 0 0 -2px;
    padding: 0;
    list-style: none;
    border: 1px solid #979797;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: 0px;
    background: white;
}

.leftMenu ul
{
    left: 2px;
}

.navClass ul li
{
    width: 200px;
    float: left;
    border-top: 0px solid #fff;
}

/* display block will make the link fill the whole area of LI */
.navClass ul a
{
    display: block; /*height: 8px;*/
    padding: 5px 5px 13px 0px;
    color: black;
    width: 200px;
    text-align: left;
    border: 0px solid #f2f2f2;
    cursor: pointer;
}

    .navClass ul a:hover
    {
        text-decoration: underline;
    }

.navClass ul
{
    margin: 0 0 0 -2px;
}

.navClass li ul li a.menu-header
{
    font-weight: bold;
    padding-left: 20px;
    padding-bottom: 4px;
    width: 175px;
    background-color: White;
    margin-top: 0px;
}

.navClass li ul li a.menu-item
{
    font-weight: normal;
    padding-left: 40px;
    padding-bottom: 4px;
    width: 155px;
    background-color: White;
    margin-top: 0px;
}

.navClass li ul li.menu-separator
{
    border-bottom: 1px solid #979797;
}

.checked-item
{
    background: transparent url(/system/img/menu/checkbox_checked.png) no-repeat 20px 7px;
}

.unchecked-item
{
    background: transparent url(/system/img/menu/checkbox_unchecked.png) no-repeat 20px 7px;
}

.navClass li ul li a.menu-header:hover
{
    background-color: #d0e5f5;
    width: 175px;
    text-decoration: none;
}

.leftMenu li ul li a.menu-header:hover
{
    background-color: #d0e5f5;
    width: 175px;
    text-decoration: none;
}

.navClass li ul li a.menu-item:hover
{
    background-color: #d0e5f5;
    width: 155px;
    text-decoration: none;
}

.navClass li ul li:last-child a
{
    background-color: White;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}


.navClass li ul li:first-child a
{
    background: white url(/system/img/menu/line_at_top.png) no-repeat 0px 0px;
    border-top: 0px solid white;
}

.leftMenu li ul li:first-child a
{
    background: white url(/system/img/menu/line_at_top_right.png) no-repeat top right;
    border-top: 0px solid white;
}

/*----tabs-company-film-status---------------------------------*/
.tab-company-film-wrapper
{
    padding-top: 5px;
    padding-left: 3px;
    /* font-weight: bold;  -- commented because of iPad/Mac ... displays too wide with Helvetica */
}

.tab-company-film
{
    border-left: 1px #818181 solid;
    cursor: pointer;
}

.tab-company-film-status
{
    float: left;
    padding: 3px 4px;
    background: #eaeaea;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

    .tab-company-film-status:hover
    {
        background: #f1f1f1;
    }

.tab-company-film .selected
{
    color: #1395d5;
    background-color: #cbcbcb;
}

.sales-companies-wrapper
{
    border-left: 0px #818181 solid;
}


/* ------------------ fileEdit.aspx  -------------------------------------- */

#file-edit-main-container
{
    width: 960px;
    margin-top: 10px;
}

    #file-edit-main-container > div
    {
        margin-bottom: 10px;
    }

        #file-edit-main-container > div > div > input
        {
            margin-bottom: 10px;
        }

    #file-edit-main-container .title-edit-text
    {
        width: 280px;
    }

        #file-edit-main-container .title-edit-text[readonly="readonly"],
        #file-edit-main-container .project-edit-text[readonly="readonly"],
        #file-edit-main-container .event-edit-text[readonly="readonly"], 
        #file-edit-main-container .participant-edit-text[readonly="readonly"]
        {
            font-weight: bold;
            border: none;
            cursor: pointer;
        }


    #file-edit-main-container .participant-edit-text
    {
        width: 280px;
    }

    #file-edit-main-container .category-edit-text
    {
        width: 280px;
    }

    #file-edit-main-container .event-edit-text
    {
        width: 280px;
    }

    #file-edit-main-container .task-edit-text
    {
        width: 280px;
    }

    #file-edit-main-container .project-edit-text
    {
        width: 280px;
    }

    #file-edit-main-container #leftFileColumn .button,
    #file-edit-main-container #rightFileColumn .button
    {
        float: right;
        margin-left: 10px;
    }

.file-edit-row
{
    height: 30px;
    vertical-align: middle;
}

.file-version-row
{
    clear: both;
    overflow: auto;
    margin-bottom: 5px;
    vertical-align: middle;
}

    .file-version-row span
    {
        display: inline-block;
        /*padding-bottom: 3px;
	padding-top: 3px;  */
    }

.file-version-name
{
    font-weight: bold;
    width: 460px;
}

.file-version-row a:hover
{
    text-decoration: none;
}

.file-version-note
{
    padding-top: 3px;
    width: 460px;
    color: Gray;
}

.file-version-date
{
    color: #6B6969;
    padding-top: 3px;
    font-weight: bold;
    width: 80px;
}

.file-version-date-name
{
    color: #6B6969;
    padding-top: 3px;
    font-weight: bold;
    width: 90px;
}

.file-version-edit-textbox
{
    width: 260px;
}

#file-edit-versions .date-text-box
{
    width: 70px;
    margin-bottom: 10px;
}

.file-version-user
{
    padding-top: 3px;
    text-align: right;
    width: 285px;
    font-weight: bold;
    color: #6B6969;
}

.editable-user
{
    text-align: left;
    color: #000000;
    padding-left: 53px;
}

#file-edit-description-textarea-wrapper
{
    text-align: center;
}

#file-edit-description-textarea
{
    width: 510px;
    resize: none;
    overflow: hidden;
    height: 55px;
    margin-bottom: 5px;
}

#file-edit-cancel-description-button, #file-edit-save-description-button
{
    display: none;
}

#file-edit-versions-uploader
{
    display: none;
}

#file-edit-versions-buttons-wrapper
{
    display: block;
    margin-top: 10px;
}

#file-edit-versions-uploader-wrapper
{
    height: 10px;
}


#file-edit-main-container .iuPanel div
{
    text-align: center;
}

#file-edit-main-container #leftFileColumn
{
    float: left;
    width: 520px;
    margin-right: 20px;
}

#file-edit-main-container #rightFileColumn
{
    width: 420px;
    float: left;
}

#file-edit-categories-dropdown
{
    width: 300px;
}

#file-edit-main-container #file-edit-ownername
{
    color: Gray;
    font-weight: bold;
    font-size: 12px;
    margin-right: 20px;
}

#file-edit-main-container #file-edit-header
{
    font-size: 20px;
    font-weight: bold;
}

#file-edit-main-container input[type="text"][disabled]
{
    border: 0;
    background-color: White;
    color: Black;
    font-weight: bold;
}

.file-edit-version-date-wrapper
{
    font-weight: normal;
    width: 350px;
    display: block;
}

.file-version-edit-caption
{
    display: inline-block;
    width: 120px;
}

#file-edit-main-container .editable
{
    padding-top: 5px;
    background-color: #f2f2f2;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 5px;
    overflow: auto;
    margin-bottom: 5px;
}

/*----------------- wait screen ---------------------*/
.wait-screen
{
    z-index: 1000;
    border: medium none;
    margin: 0pt;
    padding: 0pt;
    width: 100%;
    height: 100%;
    top: 0pt;
    left: 0pt;
    /*background-color: #111111;*/
    cursor: wait;
    position: fixed;
}

.wait-screen-message
{
    z-index: 1001;
    position: fixed;
    padding: 0px;
    margin: 0px;
    width: 30%;
    top: 40%;
    left: 35%;
    text-align: center;
    color: rgb(0, 0, 0);
    border: 3px solid rgb(170, 170, 170);
    background-color: rgb(255, 255, 255);
    cursor: wait;
    opacity: 1;
}

.wait-screen-message-header
{
    margin: 0px;
}


/*---------------------------SearchPanelControl-------------------------------*/


#searchFilesPanelWrapper
{
    vertical-align: top;
    background-color: #f2f2f2;
    border: 1px solid #dddddd;
    padding: 10px;
    margin-top: 10px;
    overflow: auto;
}

    #searchFilesPanelWrapper .settings-grouping-container
    {
        margin: 10px 10px 10px 10px;
        padding: 0px 10px 10px 10px;
    }

#searchResultPanelWraper
{
    background-color: #f2f2f2;
    margin-top: 10px;
    padding: 0;
    display: none;
}

#searchFilesPanelWrapper select
{
    width: 145px;
    margin-bottom: 3px;
}

#searchFilesFileName
{
    width: 515px;
}

.fileSearchLabel
{
    font-weight: bold;
}

#searchResultPanelWraper table
{
    width: 100%;
}

    #searchResultPanelWraper table th
    {
        text-transform: uppercase;
        font-size: 11px;
        text-align: center;
        background-color: #cbcbcb;
        padding: 3px;
        border: 1px solid #cbcbcb;
    }

#searchResultPanelWraper .datetime
{
    text-align: center;
    width: 75px; 
}


#searchResultPanelWraper .align-center
{
    text-align: center;
}

#searchResultPanelWraper table, #searchResultPanelWraper *
{
    vertical-align: top;
    border-collapse: collapse;
    margin: 0;
    border: 0;
}

#searchResultPanelWraper tr.alternate
{
    background-color: #ececec;
}

#searchResultPanelWraper table .caption
{
    font-weight: bold;
    background-color: #dddddd;
    text-align: center;
    vertical-align: middle;
}

#searchResultPanelWraper table td
{
    padding: 3px;
    font-size: 12px;
    border: 1px solid #dddddd;
}

    #searchResultPanelWraper table td.filename
    {
        max-width: 180px;
        overflow: hidden;
    }

    #searchResultPanelWraper table td.note
    {
        max-width: 180px;
        overflow: hidden;
    }

    #searchResultPanelWraper table td ul
    {
        list-style-type: circle;
        margin-left: 15px;
    }

#searchResultPanelWraper span.info
{
    padding: 10px;
    font-size: 14px;
    display: inline-block;
    width: 680px;
    text-align: center;
    border: 1px solid #dddddd;
    color: rgb(200, 50, 50);
}


#bottom-button-wrapper
{
    clear: both;
    padding-top: 10px;
    margin-left: 10px;
}

    #bottom-button-wrapper .right-column
    {
        text-align: right;
    }

    #bottom-button-wrapper .left-column,
    #bottom-button-wrapper .right-column
    {
        display: inline-block;
        width: 49.8%;
    }

#searchFilesPanelWrapper .line
{
    overflow: auto;
}

#searchFilesPanelWrapper #all-dates-wrapper
{
    width: 726px;
}

#searchFilesPanelWrapper .dates-small-wrapper
{
    float: left;
    width: 181px;
    text-align: center;
}

#searchFilesPanelWrapper .date-text-box
{
    width: 90px;
}

#searchFilesPanelWrapper #radio-date-asc,
#searchFilesPanelWrapper #radio-doc-date
{
    color: #1395d4;
    font-weight: bold;
}

/*---------------------------FilmScreenings-------------------------------*/

#film-screenings-main-container table,
#film-screenings-main-container tr,
#film-screenings-main-container td
{
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border: 0;
}

#film-screenings-main-container
{
    background-color: #f2f2f2;
}

    #film-screenings-main-container table
    {
        width: 100%;
    }

    #film-screenings-main-container .daySeparator
    {
        font-size: 14px;
        font-weight: bold;
        padding: 5px 0px 5px 20px;
        background-color: #e2e2e2;
    }

    #film-screenings-main-container .caption
    {
        font-weight: bold;
    }

    #film-screenings-main-container td
    {
        padding: 2px 3px 2px 3px;
    }

    #film-screenings-main-container .center
    {
        text-align: center;
    }

    #film-screenings-main-container .screening-outOfDate,
    #film-screenings-main-container .screening-outOfDate a
    {
        color: #bbbbbb;
    }

    #film-screenings-main-container tr.screening-outOfDate:hover,
    #film-screenings-main-container tr.screening-actual:hover
    {
        background-color: White;
    }

/* ------------------------------ContactMergeControl------------------------------------*/

#contact-merge-control
{
}

#contact-merge-control-button-wrapper
{
    float: right;
}

#contact-merge-control li
{
    border: 1px solid #cccccc;
    margin-bottom: 5px;
    padding: 5px;
    display: block;
}

#contact-merge-control .contact-merge-field-label
{
    font-weight: bold;
}

#contact-merge-control .contact-merge-left-column
{
    display: inline-block;
    width: 250px;
    text-align: right;
}

#contact-merge-control .contact-merge-right-column
{
    display: inline-block;
    width: 250px;
}

    #contact-merge-control .contact-merge-right-column input,
    #contact-merge-control .contact-merge-right-column p
    {
        margin: 0;
        padding: 0;
        float: left;
    }

#contact-merge-control .contact-merge-left-column input,
#contact-merge-control .contact-merge-left-column p
{
    margin: 0;
    padding: 0;
    float: right;
}

#contact-merge-control .contact-merge-right-column input,
#contact-merge-control .contact-merge-left-column input
{
    margin-left: 4px;
    margin-right: 4px;
}

.contact-merge-description-div
{
    width: 226px;
    height: 100px;
    overflow: auto;
    border: 1px solid #eeeeee;
    float: left;
    display: block;
}

#contact-merge-control #occupation-wrapper input
{
    vertical-align: top;
    margin-top: 0;
}

#contact-merge-control .left-occupation
{
    text-align: right;
    padding-right: 255px;
}

#contact-merge-control .right-occupation
{
    padding-left: 255px;
}

#contact-merge-control .occupation-text
{
    display: inline-block;
    width: 230px;
    margin-bottom: 10px;
}

#contact-merge-control .occupations-subheader
{
    margin-top: 5px;
    color: Gray;
    font-weight: bold;
    display: block;
}

#contact-merge-control #mergedOccupations
{
    margin-left: 10px;
    margin-bottom: 10px;
}

#contact-merge-control .occupation-name
{
    margin-top: 4px;
    display: inline-block;
}

#contact-merge-control .occupation-title
{
    color: Gray;
}

#contact-merge-control .occupation-period
{
    margin-top: 4px;
    float: right;
}

#both-description-wrapper
{
    clear: both;
    height: 120px;
}


.find-contacts-header
{
    font-size: 12px;
    text-align: center;
    display: block;
    margin-bottom: 5px;
    margin-top: 10px;
}

#find-contacts-button-wrapper
{
    padding: 5px;
}

.find-contacts-textbox
{
    margin-left: 5px;
    margin-right: 5px;
    width: 160px;
}

/*-------------------------ErrorMessageControl-----------------------------------*/

/* ---- common for all types ----*/

#error-message-wrapper
{
    font-size: 14px;
    display: block;
    min-height: 100px;
    /* margin-bottom: 10px; */
    margin-top: 10px;
}

    #error-message-wrapper .error-message-header
    {
        padding: 5px 25px 5px 25px;
    }

        #error-message-wrapper .error-message-header span
        {
            font-size: 14px;
            font-weight: bold;
            display: block;
        }

    #error-message-wrapper .error-message-body span
    {
        display: block;
        padding: 5px;
    }

/* ---- error ----*/

.separate-page
{
    margin: auto;
    width: 400px;
    margin-top: 10px;
}

.error #error-message-wrapper
{
    background-color: #FFF5F5;
    border: 1px solid #DDAAAA;
    color: Maroon;
}

    .error #error-message-wrapper a
    {
        color: Red;
        font-weight: bold;
    }

    .error #error-message-wrapper .error-message-header
    {
        border-bottom: 1px solid #DDAAAA;
        color: Maroon;
        background-color: #FFF0F0;
        background: url("/img/icons/delete.png") no-repeat 7px 50%;
    }

/* ---- warning ----*/

.warning #error-message-wrapper
{
    background-color: #F5F5F5;
    border: 1px solid #CCCCCC;
    color: Black;
}

    .warning #error-message-wrapper .error-message-header
    {
        border-bottom: 1px solid #CCCCCC;
        color: Black;
        background-color: #F0F0F0;
    }

/* ---- message ----*/

.message #error-message-wrapper
{
    background-color: #F5F5F0;
    border: 1px solid #1395d4;
    color: #1395d4;
}

    .message #error-message-wrapper .error-message-header
    {
        border-bottom: 1px solid #1395d4;
        color: #1395d4;
        background-color: #F0F0FF;
    }

/*-----*/

#new-file-popup-content
{
}

#new-file-popup-button-wrapper
{
    margin: 20px 10px 20px 10px;
}

#new-file-popup-upload-button
{
    text-align: center;
    margin-bottom: 5px;
}

#new-file-popup-account-wrapper
{
    text-align: center;
}

#new-file-popup-button-wrapper .button
{
    float: right;
    margin-left: 5px;
}

/* -----------------------------FilmMerge.aspx ---------------------------------*/

.merge-film-search-wrapper
{
    border: 1px solid #dddddd;
    background-color: #f2f2f2;
    margin-top: 5px;
}

    .merge-film-search-wrapper li
    {
        margin: 4px;
        padding-top: 2px;
        padding-bottom: 2px;
        display: block;
    }

        .merge-film-search-wrapper li.alternate
        {
            background-color: White;
        }

        .merge-film-search-wrapper li:hover
        {
            text-decoration: none;
            background-color: #dddddd;
        }

    .merge-film-search-wrapper a
    {
        padding-left: 3px;
        display: block;
    }

        .merge-film-search-wrapper a:hover
        {
            text-decoration: none;
        }

#merge-film-search-button-wrapper
{
    padding: 10px;
    vertical-align: middle;
}

    #merge-film-search-button-wrapper .textbox
    {
        width: 135px;
        margin-right: 10px;
    }

#merge-film-search-result-count span
{
    display: block;
    width: 240px;
    text-align: center;
    color: Gray;
    font-size: 11px;
    padding-bottom: 5px;
}

#merge-film-search-header span
{
    display: block;
    width: 230px;
    text-align: center;
    font-size: 14px;
    padding-top: 7px;
    margin: 5px;
}

#film-merge-search-controls-wrapper
{
    background-color: White;
    padding-top: 10px;
}


/* ------------------------------FilmMergeControl------------------------------------*/



.film-merge-control-record
{
    border: 1px solid #dddddd;
    overflow: auto;
    padding: 4px;
    margin-top: 5px;
}

#film-merge-control-button-wrapper
{
    float: right;
    padding-top: 5px;
    margin-bottom: 20px;
}

#film-merge-control .film-merge-field-label
{
    font-weight: bold;
    margin-left: 3px;
    margin-bottom: 5px;
    display: block;
}

#film-merge-control .film-merge-left-column
{
    width: 230px;
    text-align: right;
    float: left;
}

#film-merge-control .film-merge-right-column
{
    width: 230px;
    float: left;
}

#film-merge-control .radio-wrapper
{
    float: left;
}

    #film-merge-control .radio-wrapper input
    {
        margin: 0px 3px 0px 3px;
    }

#film-merge-control .film-merge-right-column input,
#film-merge-control .film-merge-left-column input
{
    margin-left: 4px;
    margin-right: 4px;
}

.film-merge-description-div
{
    width: 226px;
    height: 100px;
    overflow: auto;
    border: 1px solid #eeeeee;
    float: left;
    display: block;
}

.dropdownMenuItemSelected
{
    color: #1398D4 !important;
}


/* ------------------Box Office ------------------------------*/


#box-office-container
{
    margin-top: 10px;
    font-size: 13px;
    background-color: #f2f2f2;
    padding: 5px;
    border: 1px solid #dddddd;
}

    #box-office-container table
    {
        width: 100%;
    }

        #box-office-container table.box-office-daily tr.alternate
        {
            background-color: white;
        }

    #box-office-container table, #box-office-container td, #box-office-container tr
    {
        border: 0;
        margin: 0;
        padding: 0;
        border-collapse: collapse;
    }

    #box-office-container td
    {
        padding: 3px;
        text-align: center;
    }


    #box-office-container .box-office-daily .caption
    {
        font-weight: bold;
        font-size: 11px;
        text-align: center;
    }

    #box-office-container table a
    {
        font-size: 13px;
    }

#box-office-options span.dateLabel, #box-office-options span.dateLabel span
{
    font-size: 14px;
    margin-bottom: 10px;
}

#box-office-options
{
    background-color: #f2f2f2;
    padding: 6px;
    border: 1px solid #dddddd;
    margin-top: 10px;
}

/*--------------------------------------skin.css (for carousel) ------------------------------*/

.jcarousel-skin-ie7 .jcarousel-container
{
    background-color: #e9e9e9;
    border: 2px solid #1395d3;
    border-top: none;
}

#inputs-wrapper
{
    display: none;
    width: 216px;
    background-color: #e9e9e9;
    border: 2px solid #e9e9e9;
    height: 25px;
    z-index: 90;
    padding: 10px;
    width: 780px;
}

#sales-company-search
{
    width: 175px;
}

#sales-company-name
{
    width: 140px;
}

#inputs-wrapper-display-mode
{
    display: none;
    width: 226px;
    background-color: #e9e9e9;
    border: 2px solid #e9e9e9;
    height: 25px;
    z-index: 90;
    padding: 10px 5px 10px 5px;
}

#sales-company-dropdown
{
    position: relative;
}

.jcarousel-skin-ie7 .jcarousel-container-horizontal
{
    width: 780px;
    padding: 10px 10px;
}

.jcarousel-skin-ie7 .jcarousel-clip-horizontal
{
    width: 665px;
    height: 390px;
    display: block;
    clear: both;
    margin: auto;
}

.jcarousel-skin-ie7 .jcarousel-item
{
    width: 215px;
    height: 365px;
    margin-top: 20px;
}

.jcarousel-skin-ie7 .jcarousel-item-horizontal
{
    margin-left: 0;
    margin-right: 7px;
    width: 215px;
    height: 365px;
}

.jcarousel-skin-ie7 .jcarousel-item-placeholder
{
    width: 215px;
    height: 365px;
    background: transparent url("/img/loading.gif") 50% 50% no-repeat;
}

/**
* Horizontal Buttons
*/
.jcarousel-skin-ie7 .jcarousel-next-horizontal
{
    position: absolute;
    top: 220px;
    right: 5px;
    width: 31px;
    height: 31px;
    cursor: pointer;
    background: url("/img/next.png") no-repeat 0 0;
}


.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active
{
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal
{
    position: absolute;
    top: 220px;
    left: 5px;
    width: 31px;
    height: 31px;
    cursor: pointer;
    background: url("/img/prev.png") no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active
{
    cursor: default;
    background-position: -96px 0;
}

.nav-letter-button
{
    float: left;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 3%;
    background-color: White;
    font-weight: bolder;
    font-size: 14px;
    margin: 1px;
    text-align: center;
}

    .nav-letter-button:hover
    {
        text-decoration: none;
        color: White;
        background-color: Gray;
    }

.jcarousel-skin-ie7 .disabled
{
    color: #dddddd;
}

.jcarousel-skin-ie7 .letterRight
{
    float: right;
    width: 14%;
    clear: right;
}

.jcarousel-skin-ie7 .disabled:hover
{
    color: #dddddd;
    background-color: White;
    cursor: default;
}

#sales-company-dropdown-menu
{
    display: none;
    position: absolute;
    top: 45px;
    z-index: 5;
}

#close-button
{
    float: right;
    width: 24px;
    height: 24px;
    background-color: White;
    border: none;
    font-size: 16px;
    font-weight: bolder;
}

    #close-button:hover
    {
        text-decoration: none;
        color: White;
        background-color: Gray;
        cursor: pointer;
    }

#helper-info
{
    height: 18px;
    width: 200px;
}

#sales-company-go-button
{
    background-image: url("/img/go-button.png");
    background-color: transparent;
    width: 24px;
    height: 24px;
    border: none;
    margin-left: 5px;
}

    #sales-company-go-button:hover
    {
        cursor: pointer;
    }

#sales-company-browse-button
{
    /*background-image: url("carousel-images/browse-button.png");
	background-color: transparent; 
	width: 60px; 
	height: 24px; 
	border: none; */
    margin-left: 5px;
}

a.sales-company-item
{
    display: block;
    height: 20px;
    font-size: 12px;
    background: transparent url("/img/dot.png") no-repeat 0 6px;
    padding-left: 9px;
}

div.sales-company-no-data-div
{
    width: 215px;
    height: 365px;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
}

.nav-selected
{
    background-color: #CBCBCB;
}


/*-------------account management page---------------*/
.account-header-container
{
    width: 690px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.account-subheader
{
    color: Gray;
    font-weight: bold;
    font-size: 12px;
}

.account-header
{
    font-size: 18px;
    font-weight: bold;
}

.account-header-container .left-column
{
    display: inline-block;
    width: 50%;
    text-align: left;
}

.account-header-container .right-column
{
    display: inline-block;
    width: 48%;
    text-align: right;
}

/*------subscription edit control----------*/

#account-mgmt-subscriptions-edit h2
{
    text-align: left;
    padding-bottom: 0px;
}

#account-mgmt-subscriptions-edit #subscription-edit-controls-wrapper
{
    padding-bottom: 8px;
    padding-top: 5px;
    text-align: left;
}

    #account-mgmt-subscriptions-edit #subscription-edit-controls-wrapper .button
    {
        float: right;
    }

#account-mgmt-subscriptions-edit .subs-select
{
    width: 125px;
}

#account-mgmt-subscriptions-edit .term-textbox
{
    width: 50px;
}

#account-mgmt-subscriptions-edit .price-textbox
{
    width: 85px;
}

#account-mgmt-subscriptions-edit .date-textbox
{
    width: 75px;
}

.section-header
{
    text-align: right;
}

    .section-header .left-column
    {
        display: inline-block;
        text-align: left;
        width: 49%;
    }

    .section-header .left-column-expandable
    {
        display: inline-block;
        text-align: left;
        width: 49%;
        background-image: url("/system/img/menu/up_arrow.png");
        background-position: -2px 13px;
        background-repeat: no-repeat;
        cursor: pointer;
    }

    .section-header .expanded
    {
        background-image: url("/system/img/menu/down_arrow.png");
    }

    .section-header .right-column
    {
        display: inline-block;
        text-align: right;
        width: 50%;
    }

.width-960
{
    width: 960px;
}

.width-670
{
    width: 668px;
}

.width-325
{
    width: 325px;
}

.width-220
{
    width: 220px;
}

.width-300
{
    width: 300px;
}

.width-160
{
    width: 160px;
}

.width-130
{
    width: 130px;
}

.width-120
{
    width: 120px;
}

.width-180
{
    width: 180px;
}

.width-170
{
    width: 170px;
}

.width-280
{
    width: 280px;
}

.width-30
{
    width: 30px;
}

.width-65
{
    width: 65px;
}

.width-75
{
    width: 75px;
}

.width-90
{
    width: 90px;
}

.width-52
{
    width: 52px;
}

.width-82
{
    width: 82px;
}

.width-55
{
    width: 55px;
}

.width-40
{
    width: 40px;
}

.width-35
{
    width: 35px;
}

.width-85
{
    width: 85px;
}

.width-240
{
    width: 240px;
}

.width-260
{
    width: 260px;
}

.width-390
{
    width: 390px;
}

.width-411
{
    width: 411px;
}

.width-100
{
    width: 100px;
}

.width-200
{
    width: 200px;
}

.align-center
{
    text-align: center;
}

.credit-card-info-wrapper
{
}

    .credit-card-info-wrapper .card-address-input
    {
        width: 352px;
        margin-top: 20px;
    }

    .credit-card-info-wrapper .card-address2-input
    {
        width: 352px;
    }

    .credit-card-info-wrapper .card-address-input-small
    {
        width: 65px;
    }

    .credit-card-info-wrapper .card-address-input-city
    {
        width: 100px;
    }

    .credit-card-info-wrapper input,
    .credit-card-info-wrapper select
    {
        margin-top: 3px;
        margin-bottom: 3px;
    }

    .credit-card-info-wrapper .button
    {
        margin-top: 7px;
    }

    .credit-card-info-wrapper #country-and-save
    {
        overflow: auto;
    }

        .credit-card-info-wrapper #country-and-save select
        {
            width: 232px;
        }

.cc-save-button
{
    float: right;
}

.cc-error
{
    margin-left: 63px;
}

.account-mgmt-controls-wrapper
{
    background-color: #f2f2f2;
    border: 1px solid #dddddd;
    padding: 5px;
    margin-top: 10px;
    /*width: 670px;*/
    float: left;
}


    .account-mgmt-controls-wrapper .header
    {
        background-color: #CBCBCB;
    }

        .account-mgmt-controls-wrapper .header span
        {
            display: inline-block;
            font-size: 12px;
            font-weight: bold;
            color: #333333;
            padding: 4px 3px 4px 3px;
        }

    .account-mgmt-controls-wrapper .row span, .account-mgmt-controls-wrapper .row-alt span, .account-mgmt-controls-wrapper .row a, .account-mgmt-controls-wrapper .row-alt a
    {
        display: inline-block;
        padding-bottom: 3px;
        padding-left: 3px;
        padding-top: 3px;
        text-align: left;
        vertical-align: middle;
    }

    .account-mgmt-controls-wrapper .row-alt
    {
        background-color: White;
    }

.account-mgmt-part-controls-wrapper > div.settings-grouping-container
{
    margin-top: 10px;
    min-height: 10px;
    /*width: 208px;*/
}

.account-mgmt-part-controls-wrapper
{
    border: 1px solid #DDDDDD;
    float: left;
    margin-top: 15px;
    padding: 0 5px 5px;
    z-index: 1;
}

.left-column .account-mgmt-part-controls-wrapper
{
    float: none;
}

    .left-column .account-mgmt-part-controls-wrapper.account-note
    {
        padding: 0;
    }

.m-left
{
    margin-left: 5px;
}

.account-mgmt-part-controls-wrapper .account-subheader
{
    background-color: #F2F2F2;
    font-weight: bold;
    margin-left: 10px;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    top: -8px;
}

.tab-account-content-wrapper .left-column
{
    width: 242px;
    padding-right: 10px;
    float: left;
    overflow: auto;
}

/* ------------ acccount notes control ---------- */
.account-notes-wrapper .record
{
    display: block;
    min-height: 0;
}

.account-notes-wrapper .note-text
{
    display: block;
    font-weight: bold;
    background-color: White;
    padding: 7px;
}

.account-notes-wrapper textarea
{
    width: 220px;
    height: 100px;
}

.account-notes-wrapper .footer
{
    display: block;
    text-align: right;
    color: Gray;
    font-size: 11px;
    float: none;
    clear: both;
    padding: 7px;
}

.account-notes-wrapper .invisible
{
    display: none;
}

.account-notes-wrapper .account-note-button
{
    float: right;
    border: 0;
    width: 24px;
    height: 24px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
    margin-right: 5px;
}

    .account-notes-wrapper .account-note-button:hover
    {
        background-color: White;
        -webkit-border-top-left-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        -moz-border-radius-topleft: 3px;
        -moz-border-radius-topright: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

.account-notes-wrapper .account-note-edit
{
    background-image: url("../img/icons/pencil.png");
}

.account-notes-wrapper .account-note-archive
{
    background-image: url("../img/icons/folder.png");
}

.account-notes-wrapper .account-note-save
{
    background-image: url("../img/icons/accept.png");
}

.account-notes-wrapper .account-note-cancel
{
    background-image: url("../img/icons/cross.png");
}

.account-notes-wrapper .buttons-wrapper
{
    float: none;
    overflow: auto;
}

/*------------------credit card edit control*/
.card-label
{
    display: inline-block;
    width: 45px;
    padding: 2px 2px 5px 2px;
}


.remove-card-details-button
{
    float: right;
    width: 22px;
    height: 22px;
    background-image: url("/img/icons/cross.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .remove-card-details-button:hover
    {
        background-color: White;
    }

/*---------- account-address-control-----------------*/
.address-container
{
    display: inline-block;
    padding: 10px 5px 10px 0;
}

.address-label
{
    display: inline-block;
    width: 220px;
}

/* ------------------account management tabs ----------------------*/
div.tab-account-management-wrapper
{
    float: left;
}

ul.tab-account-management-menu
{
    cursor: default;
    margin: 0;
    padding: 0;
    position: relative;
}

.tab-account-management-item
{
    background-color: #F1F1F1;
    background-position: center bottom;
    background-repeat: no-repeat;
    /*border-right: 1px solid white;*/
    color: #AAAAAA;
    display: inline-block;
    float: right;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    list-style: none outside none;
    padding: 6px 8px 11px;
    text-align: center;
}

    .tab-account-management-item span
    {
        font-size: inherit;
    }

    .tab-account-management-item.clickable
    {
        color: #353535;
        cursor: pointer;
    }

    .tab-account-management-item.selected
    {
        background-image: url("/img/tab_arrow_account.png");
        background-position: bottom;
        background-repeat: no-repeat;
        background-color: #CBCBCB;
        position: relative;
        color: #1395d4;
    }

    .tab-account-management-item.clickable:hover
    {
        background-color: #bbbbbb;
        background-image: url("/img/tab_arrow_account_hover.png");
    }

.image-backgr-position
{
    background-position: 10px;
}

/* ------------------coverage queue tabs ----------------------*/
div.tab-coverage-queue-wrapper
{
    float: left;
}

ul.tab-coverage-queue-menu
{
    cursor: default;
    margin: 0;
    padding: 0;
    position: relative;
}

.tab-coverage-queue-item a
{
    background-color: #F1F1F1;
    background-position: center bottom;
    background-repeat: no-repeat;
    /*border-right: 1px solid white;*/
    color: #AAAAAA;
    display: inline-block;
    float: left;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    list-style: none outside none;
    padding: 6px 8px 11px;
    text-align: center;
}

.tab-coverage-queue-item.clickable a
{
    color: #353535;
    cursor: pointer;
}

.tab-coverage-queue-item.selected a
{
    background-image: url("/img/tab_arrow_account.png");
    background-position: bottom;
    background-repeat: no-repeat;
    background-color: #CBCBCB;
    position: relative;
    color: #1395d4;
}

.tab-coverage-queue-item.clickable:hover a
{
    background-color: #bbbbbb;
    background-image: url("/img/tab_arrow_account_hover.png");
}

.cov-queue-tabs-wrapper .tab-coverage-queue-item a
{
    font-size: 14px;
    padding: 7px 15px;
    border: 1px solid #dddddd;
    border-bottom: 0;
}

.cov-queue-tabs-wrapper .tab-coverage-queue-item.selected a
{
    background-image: none;
}

.cov-queue-tabs-wrapper .tab-coverage-queue-item:hover a
{
    background-image: none;
}

/*-------------------------VirtualAssistantSchedule.aspx------------------*/


#event_edit_container
{
}

    #event_edit_container #event-type,
    #event_edit_container #event-end-time,
    #event_edit_container #event-start-time
    {
        width: 210px;
        padding: 0px;
    }



    #event_edit_container #event-title,
    #event_edit_container #project,
    #event_edit_container #contact
    {
        width: 207px;
        padding: 0;
    }

    #event_edit_container #event-left-column
    {
        float: left;
        width: 270px;
        margin-right: 20px;
    }

    #event_edit_container #event-right-column
    {
        float: left;
        width: 270px;
    }

    #event_edit_container #event-foot
    {
        width: 562px;
        clear: both;
    }

    #event_edit_container #scheduled-projects,
    #event_edit_container #scheduled-contacts
    {
        border: 1px solid #dddddd;
        width: 270px;
        height: 200px;
        overflow: auto;
    }

    #event_edit_container .event-date-label
    {
        display: block;
        margin-top: 10px;
        font-weight: bold;
    }

    #event_edit_container #event-body-textarea
    {
        width: 555px;
        height: 30px;
    }

    #event_edit_container label
    {
        font-weight: bold;
        margin-top: 5px;
    }

    #event_edit_container #event-body-label
    {
        display: block;
        padding-top: 10px;
    }


    #event_edit_container .button
    {
        margin-left: 10px;
    }

    #event_edit_container .event-record .name
    {
        display: block;
        width: 210px;
        float: left;
    }

    #event_edit_container .event-record label
    {
        margin-top: 5px;
    }

    #event_edit_container .event-record:nth-child(even)
    {
        background-color: #f2f2f2;
    }

/*----------------- margins for reports----------------------*/
.report-settings-wrapper
{
    width: 100%;
    position: relative;
    background-color: #F2F2F2;
    border: 1px solid #DDDDDD;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    overflow: auto;
}

.report-title
{
    border-style: none;
    float: left;
    font-size: 24px;
    font-weight: bold;
    margin-left: 60px;
    margin-top: 40px;
}

.report-master-title
{
    float: left;
    font-size: 24px;
    font-weight: bold;
    padding-top: 40px;
    padding-left: 50px;
}

.report-master-offset
{
    height: 100px;
    width: 714px;
    float: right;
    position: relative;
    background-color: #F2F2F2;
    border: 1px solid #DDDDDD;
}

.report-offset
{
    height: 100px;
    width: 100%;
    float: right;
    position: relative;
    background-color: #F2F2F2;
    border: 1px solid #DDDDDD;
}


#report-settings-lineups
{
    width: 200px;
    height: 170px;
    margin-left: 20px;
}

#report-settings-lists
{
    width: 200px;
    /* height: 170px; */
    margin-left: 20px;
}

#report-settings-filters
{
    width: 432px;
    /* height: 170px; */
    margin-left: 20px;
}

#report-settings-options
{
    width: 200px;
    /* height: 170px; */
    margin-left: 20px;
}

.report-title-wrapper
{
    width: 260px;
    float: left;
}

.report-settings-wrapper .button
{
    float: right;
    margin-left: 10px;
}

#report-account-wrapper
{
    clear: both;
}


/* ----------------common - move ------------------*/

.settings-grouping-container
{
    border: 1px solid #dddddd;
    z-index: 1;
    margin-top: 5px;
    float: left;
    padding: 5px;
    padding-top: 0px;
}

    .settings-grouping-container .header
    {
        position: relative;
        top: -8px;
        background-color: #f2f2f2;
        margin-left: 10px;
        padding-right: 5px;
        padding-left: 5px;
        /*z-index: 5; */
        font-weight: bold;
        clear: both;
        float: none;
    }

    .settings-grouping-container .options-wrapper
    {
        margin: 5px;
    }

        .settings-grouping-container .options-wrapper input[type="text"]
        {
            width: 30px;
        }

.report-title-wrapper .title
{
    font-size: 16px;
    font-weight: bold;
}

.report-title-wrapper .reportName
{
    font-size: 14px;
    color: Gray;
    font-weight: bold;
    display: block;
}

    .report-title-wrapper .reportName span
    {
        font-size: inherit;
        color: inherit;
    }

.settings-grouping-container .spacer
{
    height: 10px;
}

/* ------------------------AdvancedSearch.aspx--------------------*/

#advanced-search-wrapper
{
    margin-top: 10px;
}

    #advanced-search-wrapper > div
    {
        background-color: #f2f2f2;
        border: 1px solid #dddddd;
        float: left;
    }

#advanced-search-options
{
    width: 220px;
    padding: 10px;
    margin-right: 10px;
}

#advanced-search-results
{
    width: 680px;
}

    #advanced-search-results a.available
    {
        background-image: url("/img/icons/accept.png");
        background-position: 50% 50%;
        background-repeat: no-repeat;
        display: inline-block;
        width: 100%;
    }

        #advanced-search-results a.available:hover
        {
            text-decoration: none;
        }

    #advanced-search-results .more-results-wrapper
    {
        width: 500px;
        float: left;
        margin-top: 10px;
    }

    #advanced-search-results .more-results-label
    {
        font-size: 16px;
        font-weight: bold;
        color: Maroon;
        margin-left: 10px;
    }

    #advanced-search-results .search-button-wrapper
    {
        padding-right: 10px;
        padding-bottom: 10px;
    }

    #advanced-search-results table
    {
        width: 100%;
        border-collapse: collapse;
    }

        #advanced-search-results table .header
        {
            font-weight: bold;
            background-color: #dddddd;
            font-size: 11px;
        }

        #advanced-search-results table tr.alternate
        {
            background-color: White;
        }

        #advanced-search-results table td
        {
            padding: 3px;
            vertical-align: top;
        }

            #advanced-search-results table td a
            {
                font-size: 11px;
            }

            #advanced-search-results table td.title
            {
            }

                #advanced-search-results table td.title a
                {
                    font-weight: bold;
                }

                #advanced-search-results table td.title .aka-titles
                {
                    display: block;
                    margin-left: 10px;
                    font-size: 11px;
                    color: Gray;
                }

            #advanced-search-results table td.countries
            {
                font-size: 11px;
                color: Gray;
            }

            #advanced-search-results table td.genres
            {
                font-size: 11px;
                color: Gray;
            }

            #advanced-search-results table td.sales-company
            {
                font-size: 11px;
            }

            #advanced-search-results table td.director
            {
                font-size: 11px;
            }

            #advanced-search-results table td.cast
            {
                font-size: 11px;
            }

            #advanced-search-results table td.coverage
            {
            }

/*---------------filter containers -------------*/

#advanced-search-options > div.settings-grouping-container
{
    min-height: 10px;
    width: 208px;
    margin-top: 10px;
}

#advanced-search-options #filterAvailability
{
    min-height: 10px;
    width: 208px;
    margin-top: 10px;
}

#advanced-search-options .filter-content
{
    display: none;
}

#advanced-search-options .header
{
    padding-left: 17px;
    background-image: url(/system/img/menu/down_arrow.png);
    background-repeat: no-repeat;
    background-position: 3px 3px;
    color: Gray;
}

#advanced-search-options .expanded
{
    background-image: url(/system/img/menu/up_arrow.png);
    color: Black;
}

#advanced-search-options .header:hover,
#advanced-search-options .header-expanded:hover
{
    cursor: pointer;
}

.search-button-wrapper
{
    text-align: right;
    padding-top: 10px;
}

#advanced-search-spacer
{
    height: 10px;
    clear: both;
}


#filter-prod-date .left-column,
#filter-create-date .left-column
{
    display: inline-block;
    width: 50px;
}

#advanced-submit-button-wrapper
{
    text-align: right;
}

    #advanced-submit-button-wrapper .button
    {
        margin-top: 10px;
    }

#filter-status .status-checkbox-span
{
    display: inline-block;
    width: 100px;
}

#filter-genres select,
#filter-members input[type="text"],
#filter-countries select
{
    width: 180px;
    margin-bottom: 5px;
}

#filter-budget input[type="text"],
#filter-boxoffice input[type="text"]
{
    width: 40px;
}

#filter-boxoffice select
{
    margin-top: 10px;
}

#filter-prod-date input[type="text"],
#filter-create-date input[type="text"]
{
    width: 80px;
}

.filter-content
{
    text-align: center;
}

#filter-status .filter-content
{
    padding-left: 15px;
    text-align: left;
}

#filter-synopsis .filter-content
{
    padding-left: 15px;
    text-align: left;
}

    #filter-synopsis .filter-content input[type="checkbox"]
    {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    #filter-synopsis .filter-content input[type="text"]
    {
        width: 170px;
    }

#filter-sellers .filter-content
{
    text-align: left;
}

#filter-sellers #role-name
{
    margin-bottom: 4px;
    margin-left: 3px;
    margin-top: 4px;
    display: inline-block;
}

#filter-sellers .role-header
{
    overflow: auto;
    clear: both;
}

#filter-sellers .group-spaceing
{
    padding-bottom: 10px;
}

#filter-sellers .role-radio-header
{
    text-align: center;
    width: 23px;
    display: inline-block;
    float: right;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 20px;
}

    #filter-sellers .role-radio-header.disregard
    {
        background-image: url(/img/icons/user.png);
    }

    #filter-sellers .role-radio-header.attached
    {
        background-image: url(/img/icons/user_add.png);
    }

    #filter-sellers .role-radio-header.open
    {
        background-image: url(/img/icons/user_delete.png);
    }

#filter-sellers li.alternate
{
    background-color: White;
}

#filter-sellers input[type="radio"]
{
    margin: 4px 5px;
    float: right;
}

#filter-sellers #sellers-involved
{
    clear: both;
    overflow: auto;
}

#filter-sellers *
{
    vertical-align: top;
}

/*------------------------user settings-------------------------*/
#settings-left-col
{
    float: left;
    width: 370px;
}

#settings-right-col
{
    width: 350px;
    float: left;
}

#settings-wrapper
{
    background-color: #f2f2f2;
    border: 1px solid #dddddd;
    margin-top: 10px;
    overflow: auto;
    padding: 10px;
    width: 735px;
}

#settings-time-zone
{
    width: 350px;
    margin-top: 20px;
}

    #settings-time-zone select
    {
        width: 330px;
        margin-left: 10px;
        margin-bottom: 10px;
    }

#settings-change-password
{
    width: 350px;
    margin-top: 10px;
}

    #settings-change-password .password-left
    {
        display: inline-block;
        width: 160px;
        text-align: right;
        margin-right: 5px;
    }

    #settings-change-password input
    {
        width: 140px;
    }

    #settings-change-password .spacer
    {
        height: 15px;
    }

    #settings-change-password .error-message-wrapper
    {
        text-align: center;
    }

.settings-grouping-container .buttons-wrapper
{
    text-align: right;
}

#settings-interest-rights
{
    width: 350px;
    margin-top: 20px;
}

#settings-favorite-companies-wrapper
{
    width: 350px;
    margin-top: 10px;
}

/*--------- user settings :: email import -------------*/ 

#settings-email-import-wrapper 
{
    width: 350px;
    margin-top: 20px; 
}

#settings-email-import-wrapper #email-accounts-button-wrapper
{
    text-align: right; 
    padding-right: 4px; 
    margin-bottom: 15px; 
}

#settings-email-import-wrapper .email-row
{
    padding: 4px 4px 4px 4px; 
}

#settings-email-import-wrapper .email-row.alternate 
{
    background-color: White; 
}

#settings-email-import-wrapper .email-row-account
{
    display: inline-block; 
    width: 250px; 
    padding-top: 3px;
    font-weight: bold;  
}

#settings-email-import-wrapper .email-row-enabled 
{
    display: inline-block; 
    width: 25px; 
    padding-top: 3px; 
    vertical-align: top; 
}

#settings-email-import-wrapper .email-row-folders 
{
    padding-top: 5px; 
    color: #777;
}

#settings-email-import-wrapper .email-row-folders .label 
{
    display: inline-block; 
    width: 100px; 
    margin-left: 25px; 
    vertical-align: top; 
}

#settings-email-import-wrapper .email-row-folders .values
{
    display: inline-block; 
    width: 200px; 
} 


#settings-email-import-wrapper .email-row-buttons 
{
    display: inline-block; 
    width: 60px;
    text-align: right;  
    float: right; 
}

#settings-email-import-wrapper .icon-button 
{
    width: 20px; 
    height: 20px; 
    background-position: 50% 50%;  
    background-repeat: no-repeat;    
    border: none; 
    background-color: transparent; 
    cursor:pointer; 
    margin-left: 5px; 
    border-radius: 3px; 
}

#settings-email-import-wrapper .icon-button:hover 
{
    background-color: #ccc;
}

#settings-email-import-wrapper .edit-account-button.icon-button
{
     background-image: url("/img/icons/pencil.png");    
}

#settings-email-import-wrapper .delete-account-button.icon-button
{
    background-image: url("/img/icons/cross.png"); 
}

#settings-email-import-wrapper .add-account-buttons-wrapper 
{
    text-align: right; 
    margin-top:10px;
    margin-bottom: 10px; 
    margin-right: 5px; 
}

#settings-email-import-wrapper #new-account-panel 
{
    display: none; 
    border-top: 1px solid #B0E8B9; 
    border-bottom: 1px solid #B0E8B9;
    background-color: #D3EDD7;  
    margin-bottom: 10px; 
}

#settings-email-import-wrapper #new-account-panel .label
{
    display:inline-block; 
    width: 127px; 
    font-weight: bold; 
    line-height: 20px;
    padding-left: 3px; 
}

#settings-email-import-wrapper #new-account-panel .label.top
{
    vertical-align: top;
}

#settings-email-import-wrapper #new-account-panel input[type="text"], 
#settings-email-import-wrapper #new-account-panel input[type="password"]
{
    width: 210px; 
}

#settings-email-import-wrapper #import-folder-select
{
    height: 180px; 
}

#settings-email-import-wrapper #new-account-panel select
{
    width: 214px; 
}

#settings-email-import-wrapper #email-save-button 
{
    display: none; 
}

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

#settings-va 
{
    width: 350px;
    margin-top: 20px; 
}

    #settings-favorite-companies-wrapper .sales-comp-left
    {
        width: 280px;
        display: inline-block;
    }

    #settings-favorite-companies-wrapper #add-comp-button-wrapper
    {
        text-align: right;
        padding-right: 3px;
        margin-bottom: 10px;
    }

#settings-interest-territories
{
    width: 350px;
    margin-top: 20px;
}

#settings-header-panel
{
    text-align: right;
    padding-bottom: 10px;
}

    #settings-header-panel span
    {
        font-size: 14px;
    }

#settings-wrapper .row
{
    padding: 3px;
}

#settings-wrapper .row-alt
{
    padding: 3px;
    background-color: White;
}

#settings-autocomplete-sales-company
{
    width: 200px;
}

.add-company-right
{
    width: 140px;
    display: inline-block;
    text-align: right;
}

#settings-add-sales-company
{
    margin-bottom: 8px;
}

#settings-header-panel .left-column
{
    text-align: left;
    width: 49%;
    display: inline-block;
}

#settings-header-panel .right-column
{
    text-align: right;
    width: 50%;
    display: inline-block;
}

.Unknown
{
    background-image: url("/img/icons/film_avail_unknown.png");
}

.PartialAvailable
{
    background-image: url("/img/icons/film_avail_notInterest.png");
}

.Sold
{
    background-image: url("/img/icons/film_avail_notAvailable.png");
}

.AvailableActual
{
    background-image: url("/img/icons/film_avail_available.png");
}

.AvailableNotActual
{
    background-image: url("/img/icons/film_avail_availableNotActual.png");
}

.DataError
{
}

.None
{
}

.FilmStatusCalculating
{
    background-image: url("/img/statusCalculating.gif");
}

#filmAvailsAndPricesContol .filmAvailsContol
{
    background-repeat: no-repeat;
    padding-left: 20px;
    display: block;
    min-height: 23px;
}

#filmAvailsAndPricesContol .filmAvailable
{
    background-image: url("/img/icons/film_avail_available.png");
}

#filmAvailsAndPricesContol .filmNotAvailable
{
    background-image: url("/img/icons/film_avail_notAvailable.png");
}

/* Market Cycle control*/
.LeftMargin
{
    padding-left: 8px;
}

.account-select-wrapper
{
    width: 220px;
}

.OuterTableBorderFirst
{
    width: 5%;
    border: 1px solid #dddddd !important;
    border-collapse: collapse;
    padding: 0px !important;
}

.OuterTableBorderLast
{
    width: 95%;
    border-top: 1px solid #dddddd !important;
    border-bottom: 1px solid #dddddd !important;
    border-collapse: collapse;
    padding: 0px !important;
}

.LeftOuterTableBorder
{
    Width: 70%;
    border-collapse: collapse;
    border-right: 1px solid #dddddd !important;
}

.RightOuterTableBorder
{
    Width: 30%;
    border-collapse: collapse;
    border-right: 1px solid #dddddd !important;
}

.BottomOuterTableBorder
{
    border-collapse: collapse;
    border-bottom: 1px solid #dddddd !important;
}


.BottomOuterTableBorderContainer
{
    padding-left: 20px;
}

.MarketPremiere
{
    padding-top: 3px;
    padding-top: 3px;
}

.red-label
{
    color: Red;
}
/*---------account mamagement----------*/
.one-col-2-two-col-wrapper
{
    margin-top: 10px;
}

    .one-col-2-two-col-wrapper > div
    {
        border: 1px solid #dddddd;
        float: left;
    }

.main-left-column-wrapper
{
    background-color: #dddddd;
    width: 220px;
    /* padding: 5px; */
    margin-right: 10px;
}

.main-content-wrapper
{
    padding: 10px;
    width: 680px;
    background-color: #f2f2f2;
}

/*-------------account select control------------------*/

.account-select
{
    margin-bottom: 5px;
}

    .account-select .account-select-header-wrapper
    {
        margin: 5px 0 0 0;
        padding: 10px 3px 10px 10px;
        font-weight: bold;
        font-size: 14px;
    }

.account-select-header-wrapper .left-col
{
    display: inline-block;
    text-align: left;
    width: 50%;
}

.account-select-header-wrapper .right-col
{
    display: inline-block;
    text-align: right;
    width: 48%;
}

.account-select .account-select-header
{
    font-weight: bold;
    font-size: 14px;
}

#account-select-items
{
    background-color: #f2f2f2;
}

    #account-select-items .row-container
    {
        /* margin: 2px 0 2px 0; */
        padding: 2px;
    }

    #account-select-items .contactLink
    {
        display: block;
        font-weight: bold;
        display: inline-block;
        width: 155px;
        padding: 3px;
    }

        #account-select-items .contactLink.wide
        {
            width: 190px;
        }

    #account-select-items .selected
    {
        background-color: white;
        border-top: 1px solid #dddddd;
        border-bottom: 1px solid #dddddd;
    }

    #account-select-items .subscription-sum
    {
        color: Gray;
        display: inline-block;
        font-weight: normal;
        /* text-align: right; */
        width: 45px;
        vertical-align: top;
        padding: 3px;
    }

/*------------------market availabilities -----------------*/

#table-availabilities
{
    border: 1px solid #dddddd;
    background-color: #f2f2f2;
    width: 100%;
}

    #table-availabilities td
    {
        border: 1px solid #dddddd;
        text-align: center;
    }

    #table-availabilities, #table-availabilities *
    {
        border-collapse: collapse;
        /* padding: 0px; */
        margin: 0px;
    }

        #table-availabilities .territory
        {
            width: 150px;
            font-weight: bold;
            padding: 5px;
            text-align: left;
            vertical-align: top;
        }

        #table-availabilities .addButton
        {
            width: 20px;
            padding: 3px;
            vertical-align: top;
        }

        #table-availabilities .add-license-button-wrapper
        {
            text-align: right;
            padding: 3px;
        }

        #table-availabilities .removeButton
        {
            width: 20px;
            padding: 3px;
        }

        #table-availabilities .caption
        {
            font-size: 12px;
            font-weight: bold;
            text-align: center;
            text-transform: uppercase;
            background-color: #eeeeee;
        }


.internal-availabilities-table
{
    border: none;
    width: 100%;
}

    .internal-availabilities-table td
    {
        border: 0 !important;
    }

.internal-requests-table
{
    border: none;
    width: 100%;
}

    .internal-requests-table td
    {
        border: 0 !important;
    }

#table-availabilities .territory
{
    width: 150px;
}

#table-availabilities .add
{
    width: 25px;
}

#table-availabilities .rights
{
    width: 120px;
    height: 20px;
    padding: 0 !important;
}

#table-availabilities .status
{
    width: 150px;
}

#table-availabilities .price
{
    width: 70px;
}

#table-availabilities .updated
{
    width: 50px;
}

#table-availabilities .remove
{
    width: 15px;
    text-align: right;
    padding-right: 5px;
}

#table-availabilities .request-header
{
    text-align: left; 
    background-color: #ddd; 
    padding: 4px; 
}

#table-availabilities .request-note
{
    text-align: left; 
    padding: 4px; 
    margin-bottom: 5px;
    border: 1px solid #ddd; 
}

    #table-availabilities .request-note:last-child
    {
        margin-bottom: 0;
    }

#template-container
{
    background-color: #eeeeee;
    padding: 5px;
    overflow: auto;
}

    #template-container #distributor-dropdown
    {
        width: 170px;
    }

    #template-container #price
    {
        width: 60px;
    }

    #template-container #currency-dropdown
    {
        width: 62px;
        margin-top: 5px;
    }


    #template-container #rights-container
    {
        float: left;
        overflow: auto;
        width: 125px;
        text-align: left;
        padding-left: 10px;
    }

    #template-container #distributor-container
    {
        float: left;
        width: 170px;
    }

    #template-container #price-container
    {
        float: left;
        width: 90px;
    }

    #template-container #buttons-container
    {
        width: 80px;
        float: left;
        text-align: right;
    }

        #template-container #buttons-container .button
        {
            margin-bottom: 5px;
            margin-right: 5px;
        }

/*---------------history log -----------------------*/

#history-log-container
{
    margin-top: 10px;
}

.history-log-table td
{
    padding: 3px;
}

.history-log-table, #history-log-table *
{
    border-collapse: collapse;
    padding: 0px;
    margin: 0px;
}

.history-log-table
{
    border: 1px solid #dddddd;
    background-color: #f2f2f2;
    width: 100%;
    margin-top: 5px;
}

    .history-log-table .name-caption
    {
        background-color: #eeeeee;
        color: Gray;
    }

    .history-log-table .user-name
    {
        font-weight: bold;
    }

    .history-log-table .caption td
    {
        text-align: center;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 10px;
    }

    .history-log-table .action
    {
        width: 200px;
    }

    .history-log-table .original
    {
        width: 100px;
    }

    .history-log-table .new
    {
        width: 100px;
    }

    .history-log-table .history-row td
    {
        text-align: left;
        border: none;
    }

/*-----------------film cleanup -----------------*/

#film-cleanup-container
{
    background-color: #f2f2f2;
    padding: 5px;
}

    #film-cleanup-container .alternate
    {
        background-color: White;
    }

    #film-cleanup-container .film-cleanup-title
    {
        font-size: 16px;
        font-weight: bold;
        margin: 10px;
        display: block;
    }

    #film-cleanup-container .film-cleanup-row:hover,
    #film-cleanup-container .film-cleanup-row.alternate:hover,
    #film-cleanup-container li.alternate:hover,
    #film-cleanup-container li:hover
    {
        background-color: #dddddd;
    }

.film-cleanup-row
{
    padding: 3px;
}

    .film-cleanup-row .title
    {
        display: inline-block;
        width: 400px;
        font-weight: bold;
    }

    .film-cleanup-row .year
    {
        display: inline-block;
        width: 60px;
    }

    .film-cleanup-row .status
    {
        display: inline-block;
        width: 100px;
    }

    .film-cleanup-row .prod-comp
    {
        display: inline-block;
        width: 370px;
        text-align: right;
    }

#film-cleanup-overview-list
{
    list-style-type: circle;
    margin-left: 25px;
}

    #film-cleanup-overview-list li
    {
        font-weight: bold;
        padding: 3px 5px 3px 10px;
    }

        #film-cleanup-overview-list li.alternate
        {
            background-color: White;
        }

    #film-cleanup-overview-list .cleanup-title
    {
        display: inline-block;
        width: 500px;
    }

    #film-cleanup-overview-list a:hover
    {
        text-decoration: none;
    }

    #film-cleanup-overview-list .cleanup-counter
    {
        display: inline-block;
        width: 400px;
        text-align: right;
    }

.film-cleanup-row .hitcount
{
    display: inline-block;
    float: right;
    font-weight: bold;
}

/*--------------review cleanup-------------------------*/

.review-cleanup-container
{
    overflow: auto;
}

    .review-cleanup-container .review-cleanup-row input[type="text"]
    {
        margin: 5px;
    }

    .review-cleanup-container .button.toRight
    {
        margin: 10px 5px;
    }

    .review-cleanup-container .film-title-remove-button
    {
        width: 12px;
        display: inline-block;
        margin-left: 10px;
        vertical-align: bottom;
        margin-bottom: 1px;
    }

    .review-cleanup-container .film-review-title-container
    {
        width: 450px;
        display: inline-block;
    }
/*------------------------event browser-------------------------*/

/*---------------RENAME AND REPLACE SIMILAR TABLES IN SBD (KF)--------------------*/

.event-browse-results
{
    background-color: #f2f2f2;
    padding: 5px;
    margin-top: 10px;
    border: 1px solid #dddddd;
}

    .event-browse-results .header
    {
        font-size: 11px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .event-browse-results a.row
    {
        clear: both;
        display: block;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .event-browse-results .alternate
    {
        background-color: White;
    }

    .event-browse-results a.row:hover
    {
        text-decoration: none;
        background-color: #dddddd;
    }

    .event-browse-results a > span,
    .event-browse-results span,
    .event-browse-results span.header
    {
        display: inline-block;
        vertical-align: middle;
    }

        .event-browse-results span.header
        {
            margin-bottom: 5px;
        }

    .event-browse-results .event-title
    {
        width: 27%;
        text-align: left;
        margin-left: 3px;
    }

    .event-browse-results .event-type
    {
        width: 8%;
        padding-left: 3px;
    }

    .event-browse-results .event-duration
    {
        width: 8%;
        padding-left: 3px;
    }

    .event-browse-results .event-project
    {
        width: 18%;
        padding-left: 3px;
    }

    .event-browse-results .event-participants
    {
        width: 24%;
    }

    .event-browse-results .event-time
    {
        width: 12%;
        text-align: left;
    }

    .event-browse-results .event-description
    {
        width: 14%;
    }

    .event-browse-results .event-created
    {
        width: 15%;
    }

        .event-browse-results .event-created .weak
        {
            color: Gray;
        }

    .event-browse-results .date
    {
        width: 15%;
    }

    .event-browse-results .duration
    {
        width: 10%;
    }

    .event-browse-results .durationHeader
    {
        width: 10%;
    }

    .event-browse-results .type
    {
        width: 15%;
    }

    .event-browse-results .participants
    {
        width: 19%;
    }

    .event-browse-results .note
    {
        width: 29%;
    }

    .event-browse-results .actions
    {
        width: 10%;
        text-align: center;
    }


.event-browse-filter
{
    background-color: #f2f2f2;
    padding: 10px;
    margin-top: 10px;
    border: 1px solid #dddddd;
    overflow: auto;
}

    .event-browse-filter #add-note-button
    {
        float: right;
        margin-right: 2px;
    }

    .event-browse-filter .settings-grouping-container
    {
        margin: 10px 10px 10px 10px;
        padding: 0px 10px 10px 10px;
    }

        .event-browse-filter .settings-grouping-container select
        {
            width: 145px;
        }

        .event-browse-filter .settings-grouping-container input
        {
            width: 515px;
        }

    .event-browse-filter .button
    {
        margin-right: 12px;
    }

.event-browse-results .row
{
    padding-top: 4px;
    padding-bottom: 4px;
}

.event-browse-results .small-button
{
    width: 24px;
    height: 24px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border: 0;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: transparent;
    margin-left: 3px;
    margin-right: 3px;
    vertical-align: top;
}

    .event-browse-results .small-button:hover
    {
        background-color: #ddd;
        cursor: pointer;
    }

.event-browse-results .edit-button
{
    background-image: url("/img/icons/edit.png");
}

.event-browse-results .delete-button
{
    background-image: url("/img/icons/cross.png");
}

.event-notes-count-wrapper
{
    float: right;
    padding-right: 6px;
}

    .event-notes-count-wrapper .line
    {
        padding: 3px 0 3px 0;
    }

    .event-notes-count-wrapper .header-label
    {
        display: inline-block;
        width: 120px;
    }

    .event-notes-count-wrapper .header-value
    {
        font-weight: bold;
        display: inline-block;
        width: 100px;
        text-align: right;
    }

.event-browse-filter .dropdown-wrapper
{
    padding: 17px 5px 5px 5px;
    margin-bottom: 10px;
    width: 680px;
    float: left;
}

    .event-browse-filter .dropdown-wrapper .label
    {
        font-size: 14px;
        font-weight: bold;
        display: inline-block;
        width: 130px;
        text-align: right;
        margin-right: 10px;
    }

    .event-browse-filter .dropdown-wrapper select
    {
        width: 250px;
    }

    .event-browse-filter .dropdown-wrapper .button
    {
        margin-top: 2px;
    }

/*-------------Projects.aspx------------------*/

.event-browse-filter .projects-count-label
{
    font-size: 14px;
    float: right;
    vertical-align: middle;
}

.project-browse-result-container
{
    background-color: #f2f2f2;
    padding: 5px;
    margin-top: 10px;
    border: 1px solid #dddddd;
}

#tbProjectName
{
    width: 200px;
}

#project-manager-wrapper .print-button
{
    float: right; 
}

.project-browse-results
{
    border-collapse: collapse;
    width: 100%;
}



    .project-browse-results .header,
    .event-browse-results .header span
    {
        font-size: 11px;
        font-weight: bold;
        text-transform: uppercase;
        height: 20px;
    }

    .project-browse-results .alternate,
    .event-browse-results .alternate
    {
        background-color: White;
    }

    .project-browse-results .project-title
    {
        height: 25px;
    }

    .project-browse-results a > span,
    .project-browse-results .header th
    {
        vertical-align: middle;
        text-align: center;
    }

    .project-browse-results span.header
    {
        margin-bottom: 5px;
    }

    .project-browse-results td
    {
        text-align: center;
    }

.project-browse-filter
{
    background-color: #f2f2f2;
    padding: 10px;
    margin-top: 10px;
    border: 1px solid #dddddd;
    overflow: auto;
}

    .project-browse-filter .settings-grouping-container
    {
        margin: 10px 10px 10px 10px;
        padding: 0px 10px 10px 10px;
    }


.project-browse-results .project-title
{
    width: 33%;
    text-align:left; 
    padding-left: 3px; 
}

.project-browse-results .project-start-date
{
    width: 8%;
}

.project-browse-results .project-close-date
{
    width: 8%;
}

.project-browse-results .project-days
{
    width: 5%;
}

.project-browse-results .project-references
{
    width: 10%;
}

.project-browse-results .project-time-spent
{
    width: 8%;
}

.project-browse-results .project-description
{
    width: 20%;
}

.project-browse-results td.project-button
{
    width: 5%;
}


/*---------------------------FilmPremieres-------------------------------*/

#film-premieres-main-container table,
#film-premieres-main-container tr,
#film-premieres-main-container td
{
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border: 0;
}

#film-premieres-main-container
{
    background-color: #f2f2f2;
    margin-top: 10px;
    border: 1px solid #dddddd;
}

    #film-premieres-main-container table
    {
        width: 100%;
    }

    #film-premieres-main-container .daySeparator
    {
        font-weight: bold;
        padding: 5px 0px 5px 30px;
        border-top: 2px solid #dddddd;
        background-color: #e9e9e9;
    }

    #film-premieres-main-container .caption
    {
        font-weight: bold;
    }

    #film-premieres-main-container .title
    {
        width: 200px;
    }

    #film-premieres-main-container .filmStatus
    {
        margin-top: 0;
        margin-right: 6px;
        margin-left: 1px;
    }

    #film-premieres-main-container .cast
    {
        width: 40%;
    }

    #film-premieres-main-container td
    {
        padding: 5px;
        vertical-align: text-top;
        border-top: 1px solid #d9d9d9;
    }

    #film-premieres-main-container tr.row:hover td
    {
        background-color: White;
    }

    #film-premieres-main-container .center
    {
        text-align: center;
    }

    #film-premieres-main-container .screening-outOfDate,
    #film-premieres-main-container .screening-outOfDate a
    {
        color: #bbbbbb;
    }

    #film-premieres-main-container tr.screening-outOfDate:hover,
    #film-premieres-main-container tr.screening-actual:hover
    {
        background-color: White;
    }

    #film-premieres-main-container .market-premiere-caption
    {
        font-weight: bold;
        background-color: #dddddd;
        padding: 5px;
        color: #333;
    }

    #film-premieres-main-container .toggle-favorite
    {
        display: inline-block;
        text-decoration: none;
        width: 16px;
        height: 16px;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        cursor: pointer;
    }

        #film-premieres-main-container .toggle-favorite.False
        {
            background-image: url("/img/icons/add_icon.png");
        }

        #film-premieres-main-container .toggle-favorite.True
        {
            background-image: url("/img/icons/cross.png");
        }

    #film-premieres-main-container .center
    {
        text-align: center;
    }

/* ------------- progress indicator on film member search ------------------*/
.progress-container
{
    margin: 5px;
    padding: 5px;
    display: none;
}

.icon-wrapper
{
    width: 16px;
    height: 16px;
    background-image: url("/img/statusCalculating.gif");
    margin-right: 5px;
    float: left;
}

.progress-text
{
    color: #6B6969;
}

/* ------------- progress indicator on recalculate film avail cache------------------*/
#recalculate-film-avails
{
    margin: 5px;
    text-align: center;
    overflow: auto;
}

    #recalculate-film-avails .button
    {
        float: left;
    }

    #recalculate-film-avails .progress-wrapper
    {
        float: left;
        width: 16px;
        height: 16px;
    }

    #recalculate-film-avails .icon-wrapper
    {
        display: none;
        background-image: url("/img/statusCalculating.gif");
        margin-left: -6px;
        margin-top: 2px;
    }

/* ------------- statistics.aspx ------------------*/

#stats-options-panel,
#stats-results-panel
{
    float: left;
    border: 1px solid #dddddd;
    background-color: #f2f2f2;
    margin-top: 10px;
    min-height: 200px;
}

#stats-options-panel
{
    width: 200px;
    margin-right: 10px;
}

    #stats-options-panel .date-label
    {
        display: inline-block;
        width: 70px;
    }

    #stats-options-panel .stats-dropdown
    {
        width: 178px;
    }

#stats-results-panel
{
    width: 740px;
    text-align: center;
}

    #stats-results-panel .chart-caption
    {
        font-weight: bold;
    }

#stats-options-panel .settings-grouping-container
{
    float: none;
    margin: 10px 5px 5px 5px;
}

#stats-options-panel .button
{
    float: right;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
}

#stats-options-panel #chart-properties .description
{
    width: 150px;
    display: inline-block;
}

#stats-options-panel #chart-properties input
{
    width: 20px;
    margin-top: 5px;
}

.service-button
{
    font-size: 12px;
}

.chart-container
{
    width: 520px;
    float: left;
    margin-top: 8px;
}

.chart-subcontainer
{
    margin-top: 5px;
    float: left;
}

.width-250
{
    width: 250px;
}

.width-520
{
    width: 520px;
}

.height-200
{
    height: 150px;
}

.label-empty-data
{
    display: inline-block;
    text-align: center;
    color: #6B6969;
}

.avail-and-price-header
{
    background-color: #cbcbcb;
    padding: 0px 0px 0px 10px;
    height: 26px;
    line-height: 26px;
}

    .avail-and-price-header h1
    {
        font-size: 14px;
    }

    .avail-and-price-header h1
    {
        padding: 0px;
        margin: 0px;
        float: left;
        vertical-align: middle;
    }

.us-distribution-header
{
    margin-bottom: 5px;
    background-color: #cbcbcb;
    padding: 0px 0px 0px 10px;
    height: 26px;
    line-height: 26px;
}

    .us-distribution-header h1
    {
        padding: 0px;
        margin: 0px;
        float: left;
        vertical-align: middle;
        font-size: 14px;
    }

.us-distribution-container .inline-description.no-icon
{
    padding-left: 7px;
    margin-top: 3px;
    margin-bottom: 3px;
}

/* Avail and Price */

.avail-and-price-container
{
    float: left;
    width: 180px;
    margin-top: 20px;
    background-color: #F1F1F1;
}

    .avail-and-price-container a:hover, .avail-and-price-container a.alternate:hover
    {
        display: block;
        background-color: #CBCBCB;
        text-decoration: none;
    }

    .avail-and-price-container h2
    {
        background-color: #1395d3;
        text-align: center;
        display: inline-block;
        width: 280px;
        color: White;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-bottom: 0;
    }

    .avail-and-price-container a
    {
        display: block;
    }

        .avail-and-price-container a.alternate
        {
            background-color: White;
        }

        .avail-and-price-container a div span
        {
            font-size: 11px;
        }

            .avail-and-price-container a div span.name-field
            {
                font-weight: bold;
                font-size: 12px;
                width: 146px;
                display: inline-block;
            }

            .avail-and-price-container a div span.status-field
            {
                color: Black;
            }

            .avail-and-price-container a div span.date-field
            {
                width: 130px;
                display: inline-block;
                text-align: left;
                vertical-align: top;
                color: Gray;
            }

            .avail-and-price-container a div span.territory
            {
                width: 130px;
                display: inline-block;
                text-align: right;
            }

            .avail-and-price-container a div span.description-field
            {
                font-size: 11px;
                font-weight: normal;
                color: #353535;
            }

            .avail-and-price-container a div span.rights
            {
                display: inline-block;
                text-align: right;
                width: 280px;
            }

            .avail-and-price-container a div span.salesCompany
            {
                display: inline-block;
                width: 146px;
            }

    .avail-and-price-container div.arrowDown
    {
        background-color: White;
        height: 10px;
        background-image: url("/img/icons/blue-down-arrow.png");
        background-position: center top;
        background-repeat: no-repeat;
    }

    .avail-and-price-container span.emptyRowInfo
    {
        margin: 5px 12px 12px 12px;
        display: inline-block;
    }

    .avail-and-price-container .row
    {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .avail-and-price-container .inline-description
    {
        display: inline-block;
        width: 156px;
        padding-left: 20px;
        font-size: 12px;
    }

    .avail-and-price-container .filmAvailable
    {
        background-image: url("/img/icons/film_avail_available.png");
        background-repeat: no-repeat;
        margin-left: 10px;
        display: block;
        margin-bottom: 7px;
        min-height: 15px;
    }

    .avail-and-price-container .filmNotAvailable
    {
        background-image: url("/img/icons/film_avail_notAvailable.png");
        background-repeat: no-repeat;
        margin-left: 10px;
        display: block;
        margin-bottom: 7px;
        min-height: 15px;
    }

    .avail-and-price-container .filmAvailableNotActual
    {
        background-image: url("/img/icons/film_avail_availableNotActual.png");
        background-repeat: no-repeat;
        margin-left: 10px;
        display: block;
        margin-bottom: 7px;
        min-height: 15px;
    }

    .avail-and-price-container .filmRequest
    {
        background-image: url("/img/icons/filmRequest.png");
        background-repeat: no-repeat;
        margin-left: 10px;
        display: block;
        margin-bottom: 7px;
        min-height: 15px;
    }

    .avail-and-price-container .sales-spacer
    {
        background-color: White;
        height: 10px;
    }

    .avail-and-price-container .avails-date-separator
    {
        display: block;
        background-color: #e4e4e4;
        padding: 4px 10px 3px 10px;
        font-weight: bold;
        color: #555;
        margin-bottom: 5px;
    }

    .avail-and-price-container .license-owner
    {
        font-weight: bold;
        color: #1395D3;
    }

/* Us Distribution */

.us-distribution-container
{
    float: left;
    width: 180px;
    background-color: #F1F1F1;
    padding-bottom: 10px;
}

    .us-distribution-container a:hover, .us-distribution-container a.alternate:hover
    {
        display: block;
        background-color: #CBCBCB;
        text-decoration: none;
    }

    .us-distribution-container h2
    {
        background-color: #1395d3;
        text-align: center;
        display: inline-block;
        width: 280px;
        color: White;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-bottom: 0;
    }

    .us-distribution-container a
    {
        display: block;
    }

        .us-distribution-container a.alternate
        {
            background-color: White;
        }

        .us-distribution-container a div span
        {
            font-size: 11px;
        }

            .us-distribution-container a div span.name-field
            {
                font-weight: bold;
                font-size: 12px;
                width: 146px;
                display: inline-block;
            }

            .us-distribution-container a div span.status-field
            {
                color: Black;
            }

            .us-distribution-container a div span.date-field
            {
                width: 130px;
                display: inline-block;
                text-align: left;
                vertical-align: top;
                color: Gray;
            }

            .us-distribution-container a div span.territory
            {
                width: 130px;
                display: inline-block;
                text-align: right;
            }

            .us-distribution-container a div span.description-field
            {
                font-size: 11px;
                font-weight: normal;
                color: #353535;
            }

            .us-distribution-container a div span.rights
            {
                display: inline-block;
                text-align: right;
                width: 280px;
            }

            .us-distribution-container a div span.salesCompany
            {
                display: inline-block;
                width: 146px;
            }

    .us-distribution-container div.arrowDown
    {
        background-color: White;
        height: 10px;
        background-image: url("/img/icons/blue-down-arrow.png");
        background-position: center top;
        background-repeat: no-repeat;
    }

    .us-distribution-container span.emptyRowInfo
    {
        margin: 5px 12px 12px 12px;
        display: inline-block;
    }

    .us-distribution-container .row
    {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .us-distribution-container .inline-description
    {
        display: inline-block;
        width: 146px;
        padding-left: 20px;
        font-size: 12px;
    }

    .us-distribution-container .sales-spacer
    {
        background-color: White;
        height: 10px;
    }

    .us-distribution-container .filmAvailable
    {
        background-image: url("/img/icons/film_avail_available.png");
        background-repeat: no-repeat;
        margin-left: 10px;
        display: block;
        margin-bottom: 7px;
        min-height: 15px;
    }

    .us-distribution-container .filmNotAvailable
    {
        background-image: url("/img/icons/film_avail_notAvailable.png");
        background-repeat: no-repeat;
        margin-left: 10px;
        display: block;
        margin-bottom: 7px;
        min-height: 15px;
    }

    .us-distribution-container .filmAvailableNotActual
    {
        background-image: url("/img/icons/film_avail_availableNotActual.png");
        background-repeat: no-repeat;
        margin-left: 10px;
        display: block;
        margin-bottom: 7px;
        min-height: 15px;
    }

/*------- account management tabs ---------------------*/

.tab-account-select-wrapper
{
    height: 25px;
    padding-top: 5px;
}

.tab-account-select
{
    cursor: pointer;
    overflow: auto;
    padding-left: 10px;
}

.tab-account-select-status
{
    float: left;
    padding: 5px;
    background-color: #e2e2e2;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

    .tab-account-select-status:hover
    {
        background: #BBBBBB;
    }

.tab-account-select .selected
{
    background-color: #f2f2f2;
    color: #1395D4;
}

.primary-comm-detail
{
    font-weight: bold;
}

#comData span.PBX-call,
#historicalComData span.PBX-call
{
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url("/img/icons/call-icon.png");
    background-repeat: no-repeat;
    cursor: pointer;
    vertical-align: text-bottom;
}

#historicalComData
{
    display: none;
    border-top: 2px dashed #cbcbcb;
}

    #historicalComData .header
    {
        color: #999;
        font-size: 14px;
        font-weight: bold;
        display: block;
        margin-bottom: 10px;
        margin-top: 5px;
        padding-left: 0;
    }

/* --------------------------workspace management ---------------*/

#workspace-management-wrapper > div
{
    border: 1px solid #dddddd;
    margin-top: 10px;
    float: left;
}

#workspace-management-options
{
    width: 220px;
    margin-right: 10px;
    background-color: #dddddd;
}

#workspace-management-content
{
    width: 680px;
    background-color: #f2f2f2;
    padding: 10px;
}

.filmStatus.NotSet
{
    display: none !important;
}


/*------------User tracking history control---------------------*/

#user-track-history
{
    padding-top: 6px;
}

    #user-track-history .row span, #user-track-history .row-alt span, #user-track-history .header span
    {
        display: inline-block;
        padding: 3px 3px 3px 6px;
        text-align: left;
        vertical-align: middle;
    }

    #user-track-history .row-alt
    {
        background-color: White;
    }

    #user-track-history .header
    {
        background-color: #CBCBCB;
    }

        #user-track-history .header span
        {
            color: #333333;
            display: inline-block;
            font-size: 12px;
            font-weight: bold;
            padding: 3px 3px 3px 6px;
        }

    #user-track-history span.emptyRowInfo
    {
        display: block;
        margin-top: 10px;
        text-align: center;
    }

#user-activity-wrapper
{
    clear: both;
    float: none;
    padding-top: 5px;
}

    #user-activity-wrapper .header
    {
        display: block;
        text-align: center;
        font-weight: bold;
        margin-bottom: 3px;
    }

    #user-activity-wrapper .no-data-label
    {
        display: block;
        text-align: center;
    }

/*---------------filmdocumentscontrol----------------------*/

#film-documents-wrapper
{
    padding-top: 10px;
}

.film-documents-container
{
    border: 1px solid #dddddd;
    margin-bottom: 5px;
    background-color: #f2f2f2;
}

.film-documents-account-header
{
    background-color: #dddddd;
    display: block;
    padding: 3px 5px;
}

.film-documents-container .download-button
{
    width: 85px;
    float: right;
    text-align: right;
}

.film-documents-container .document-row
{
    padding: 5px;
    overflow: auto;
}

    .film-documents-container .document-row.alternate
    {
        background-color: White;
    }


.film-documents-container .filename
{
    font-weight: bold;
    width: 400px;
    display: inline-block;
}

    .film-documents-container .filename:hover
    {
        cursor: pointer;
    }

.film-documents-container .fileDetails:hover
{
    text-decoration: none;
}

.film-documents-container .description
{
    color: Gray;
}

.film-documents-container .related-contacts ul
{
    clear: both;
    overflow: auto;
}

.film-documents-container .related-contacts li
{
    float: left;
    margin-right: 13px;
}

/*------------- overview and detailed chart ---------------------*/

#overview-chart
{
    position: absolute;
    width: 960px;
    height: 400px;
    overflow: auto;
}

.chart-header
{
    background-color: #F2F2F2;
    border: 1px solid #DDDDDD;
    margin-top: 10px;
    overflow: auto;
    padding: 10px;
    vertical-align: top;
}

.chart-header-item
{
    margin-right: 5px;
}

#detailed-chart
{
    color: #333;
    position: absolute;
    height: 500px;
    width: 860px;
    top: 60px;
    overflow: auto;
    left: 100px;
}

#project-names
{
    color: #333;
    position: absolute;
    height: 470px;
    width: 100px;
    top: 60px;
    overflow: hidden;
}

.project-name
{
    display: inline-block;
    font-size: 10px;
    height: 18px;
    width: 100px;
    text-align: right;
    vertical-align: middle;
    padding-right: 3px;
    margin-bottom: 6px;
    margin-top: 6px;
    overflow: hidden;
}

.project-name-header-separator
{
    display: block;
    width: 100px;
    height: 55px;
}

.project-name-footer-separator
{
    display: block;
    width: 100px;
    height: 50px;
}

#overview-navigation
{
    padding-top: 10px; 
}

    #overview-navigation .col1of3
    {
        width: 30%; 
        display: inline-block; 
    }

    #overview-navigation .col2of3
    {
        width: 39%; 
        text-align:center;
        display: inline-block; 
    }

    #overview-navigation .col3of3
    {
        width: 30%; 
        text-align: right; 
        display: inline-block; 
        float: right; 
    }

    #overview-navigation .button
    {
        background-position: 5px 50%; 
        background-repeat: no-repeat; 
        padding-left: 25px; 
    }

    #overview-navigation #timesheet-timeframe-button
    {
        background-image: url("/img/icons/time.png");
    }

    #overview-navigation #timesheet-week-button
    {
        background-image: url("/img/icons/time_go.png");
    }


    #overview-navigation #calendar-week-button
    {
        background-image: url("/img/icons/calendar.png");
    }

/*--------------------WorkspaceManagementGrid--------------------*/

#workspace-grid-wrapper
{
    margin-top: 10px;
}

    #workspace-grid-wrapper table
    {
        background-color: #f2f2f2;
    }

        #workspace-grid-wrapper table,
        #workspace-grid-wrapper table tr,
        #workspace-grid-wrapper table td
        {
            margin: 0;
            padding: 0;
            border-collapse: collapse;
        }

            #workspace-grid-wrapper table td
            {
                border: 1px solid #dddddd;
                padding: 3px;
                font-size: 12px;
                height: 30px;
            }


    #workspace-grid-wrapper .header td.vertical
    {
        height: 110px;
        max-width: 50px;
        overflow: hidden;
        vertical-align: top;
        padding-top: 15px;

    }


    #workspace-grid-wrapper .header td span
    {
        text-transform: uppercase;
        font-size: 10px;
        font-weight: bold;
        height: 40px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        display: block;
    }

    #workspace-grid-wrapper tr.header td.workspace
    {
        width: 194px;
    }


    #workspace-grid-wrapper td.checkboxes
    {
        text-align: center;
        width: 50px;
    }


    #workspace-grid-wrapper .account-related
    {
        background-color: #e9e9e9;
    }

    #workspace-grid-wrapper table span.specification
    {
        color: #aaaaaa;
        font-size: 11px;
    }

    #workspace-grid-wrapper table tr.row-alternate
    {
        background-color: #eeeeee;
    }

    #workspace-grid-wrapper div#bottom
    {
        height: 600px;
        overflow: auto;
        display: block;
        width: 100%;
        clear: both;
    }

    #workspace-grid-wrapper #header-table
    {
        margin-left: 201px;
    }

/* -------------------test -----------*/

#workspace-grid-new-wrapper
{
    margin-top: 10px;
}

    #workspace-grid-new-wrapper table
    {
        background-color: #f2f2f2;
    }

        #workspace-grid-new-wrapper table,
        #workspace-grid-new-wrapper table tr,
        #workspace-grid-new-wrapper table td
        {
            margin: 0;
            padding: 0;
            border-collapse: collapse;
        }



            #workspace-grid-new-wrapper table td
            {
                border: 1px solid #dddddd;
                padding: 3px;
                font-size: 12px;
                height: 30px;
                width: 174px;
            }

    #workspace-grid-new-wrapper .header
    {
        margin-left: 181px;
        overflow: auto;
    }


        #workspace-grid-new-wrapper .header div.vertical
        {
            height: 110px;
            width: 56px;
            overflow: hidden;
            vertical-align: top;
            padding-top: 15px;
            float: left;
            border-right: 1px solid #dddddd;
            border-top: 1px solid #dddddd;
            background-color: #f2f2f2;
        }

            #workspace-grid-new-wrapper .header div.vertical.account-related
            {
                background-color: #E9E9E9;
                border-left: 1px solid #dddddd;
            }


        #workspace-grid-new-wrapper .header div span
        {
            text-transform: uppercase;
            font-size: 10px;
            font-weight: bold;
            height: 40px;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            display: block;
        }


    #workspace-grid-new-wrapper td.checkboxes
    {
        text-align: center;
        width: 50px;
    }


    #workspace-grid-new-wrapper .account-related
    {
        background-color: #e9e9e9;
    }

    #workspace-grid-new-wrapper table span.specification
    {
        color: #aaaaaa;
        font-size: 11px;
    }

    #workspace-grid-new-wrapper table tr.row-alternate
    {
        background-color: #eeeeee;
    }

    #workspace-grid-new-wrapper div#bottom
    {
        height: 600px;
        overflow: auto;
        display: block;
        clear: both;
        float: left;
    }

    #workspace-grid-new-wrapper #header-table
    {
        margin-left: 181px;
    }

/* --------------------- speakeasy -----------------*/


.account-mgmt-controls-wrapper
{
    /* width: 960px; */
}

.speakeasy
{
    width: 950px;
    padding: 10px;
}

#searchFilesPanelWrapper .speakeasy-options
{
    width: 210px;
}

.speakeasy input[type="text"]
{
    width: 200px;
}

#searchFilesPanelWrapper .speakeasy-options select.speakeasy-dropdown
{
    width: 200px;
}


/* ---------------- documentToInvoice --------------- */

.payments-header-container
{
    padding: 10px;
}

.payments-header
{
    font-size: 18px;
    font-weight: bold;
}

.payments-content
{
    background-color: #f2f2f2;
    padding: 5px;
    margin-top: 10px;
    border: 1px solid #dddddd;
}

    .payments-content span.emptyRowInfo
    {
        margin: 5px 12px 12px 12px;
        display: block;
        text-align: center;
    }

    .payments-content .header
    {
        background-color: #CBCBCB;
    }

        .payments-content .header span
        {
            display: inline-block;
            font-size: 12px;
            font-weight: bold;
            color: #333333;
            padding: 4px 0px 4px 3px;
        }

    .payments-content .row span, .payments-content .row-alt span
    {
        display: inline-block;
        padding: 4px 0px 4px 3px;
        vertical-align: middle;
    }

    .payments-content .width-65
    {
        text-align: center;
    }

    .payments-content .row-alt
    {
        background-color: White;
    }

    .payments-content div.header
    {
        background-color: #CBCBCB;
        font-weight: bold;
        font-size: 12px;
    }

.payments-footer-container
{
    text-align: right;
    padding: 10px 0px 5px 0px;
}

.payments-content div.left-col
{
    width: 220px;
    display: inline-block;
    vertical-align: top;
}

.payments-content div.right-col
{
    width: 700px;
    display: inline-block;
}

.payments-content .report-content
{
    background-color: #F5F5F0;
    border: 1px solid #1395D4;
    display: block;
    margin: 5px 0 20px 0;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 5px;
    overflow: auto;
}

.payments-content .report-header
{
    color: #1395D4;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #1395D4;
    padding: 3px 0 2px 3px;
    margin-bottom: 3px;
}

.payments-content .report-item
{
    font-size: 12px;
    font-weight: normal;
    padding-left: 15px;
    padding-top: 2px;
    display: inline-block;
}

.payments-content .paypal-message
{
    display: inline-block;
    margin-bottom: 5px;
}

.payments-content .paypal-message-text
{
    width: 260px;
}

.payments-content .paypal-correction-info
{
    display: inline-block;
    vertical-align: top;
}

.payments-content .paypal-correction-info-text
{
    display: inline-block;
    padding-top: 2px;
    width: 260px;
}

.payments-content .success
{
    color: green;
}

.payments-content .error
{
    color: red;
}

.payments-content .process-invoice-error
{
    margin: 10px;
    border-top: 1px solid Maroon;
    padding-top: 10px;
    color: Maroon;
}

.payments-content .new-invoice-container
{
    margin-top: 10px;
    border: 1px solid #DDDDDD;
    padding: 5px;
}

.payments-content .new-invoice
{
    padding-top: 5px;
}

.payments-content .new-invoice-label
{
    display: inline-block;
    padding-right: 6px;
    text-align: right;
}

.payments-content .new-invoice-item
{
    padding-top: 4px;
}

.new-invoice-container .expandable
{
    font-size: 18px;
    font-weight: bold;
    background-image: url("/system/img/menu/up_arrow.png");
    background-position: 0px 6px;
    background-repeat: no-repeat;
    padding-left: 14px;
    cursor: pointer;
}

.new-invoice-container .expanded
{
    background-image: url("/system/img/menu/down_arrow.png");
}
/* --------------------  Pending Charges -----------------------------*/

.charge-button
{
    display: inline-block;
}

.hidding-button
{
    display: inline-block;
    width: 55px;
    vertical-align: middle;
}

    .hidding-button .small-accept-button
    {
        background-position: left;
    }

.manual-charge
{
    background-position: 30% 50%;
}

.pendingChangesPayPalBtnHidden
{
    display: none;
}

.manual-panel
{
    display: inline-block;
    width: 200px;
}

.payments-content .header span.account-note-header
{
    padding-left: 14px;
}

.payments-content .account-note
{
    width: 260px;
    float: right;
}

.payments-content .account-note-text
{
    color: #777;
    padding: 3px;
    font-weight: bold;
}


/*------------------ box office import pages ----------------------*/
.bo-import-container
{
    background-color: #F2F2F2;
    border: 1px solid #DDDDDD;
    margin-top: 10px;
}

    .bo-import-container .header-cont
    {
        background-color: #F2F2F2;
        margin: 10px;
        padding: 6px;
    }

    .bo-import-container .header
    {
        font-size: 16px;
        font-weight: bold;
    }

    .bo-import-container .uploader
    {
        background-color: #F2F2F2;
        border-bottom: 1px solid #CBCBCB;
        border-top: 1px solid #CBCBCB;
        margin: 0px 5px 0px 5px;
        padding: 10px 0px 10px 0px;
    }

    .bo-import-container .territorySelector
    {
        background-color: #F2F2F2;
        border-bottom: 1px solid #CBCBCB;
        margin: 0px 5px 0px 5px;
        padding: 10px 0px 10px 0px;
    }

    .bo-import-container .label
    {
        display: inline-block;
        width: 80px;
        font-size: 11px;
        font-weight: bold;
    }

    .bo-import-container .notice
    {
        background-color: #EBD1D7;
        display: inline-block;
        font-weight: bold;
        margin-left: 25px;
        padding: 5px;
        width: 535px;
    }

    .bo-import-container .dirty-data-container
    {
        margin-top: 10px;
        padding: 0 5px 0 5px;
    }

    .bo-import-container .button-container
    {
        margin: 10px 0 10px 0;
        padding: 0 5px 0 5px;
    }

.dirty-data-container
{
    overflow: auto;
    max-width: 960px;
    max-height: 600px;
    font-size: 11px;
}

    /*------------------ box office import pages grid ----------------------*/

    .dirty-data-container .row
    {
        /*background-color: #;*/
    }

    .dirty-data-container .row-alt
    {
        background-color: #FAFAFA;
    }

    .dirty-data-container .head
    {
        background-color: #CBCBCB;
    }

/*------------------ box office matching control ----------------------*/
#bo-weekly-mapping-control
{
    background-color: #F2F2F2;
    border: 1px solid #DDDDDD;
    margin-top: 10px;
}

    #bo-weekly-mapping-control .row
    {
        display: inline-block;
        border-bottom: 1px solid #dddddd;
        padding: 5px;
    }

        #bo-weekly-mapping-control .row.alternate
        {
            background-color: White;
        }

    #bo-weekly-mapping-control .left-col
    {
        width: 408px;
        float: left;
        border-right: 1px solid #dddddd;
    }

    #bo-weekly-mapping-control .right-col
    {
        width: 537px;
        float: left;
    }

    #bo-weekly-mapping-control .header span, #bo-weekly-mapping-control .row span, #bo-weekly-mapping-control .row-alt span, #bo-weekly-mapping-control .row input, #bo-weekly-mapping-control .row select, #bo-weekly-mapping-control .row a
    {
        display: inline-block;
        vertical-align: top;
    }

    #bo-weekly-mapping-control input[type=radio]
    {
        margin-top: 0px;
        vertical-align: top;
    }

    #bo-weekly-mapping-control input[type=text]
    {
        margin-top: 4px;
    }

    #bo-weekly-mapping-control .header
    {
        color: #333333;
        font-size: 10px;
        font-weight: bold;
        text-transform: uppercase;
        background-color: #dddddd;
        padding: 5px;
    }

    #bo-weekly-mapping-control .main-title
    {
        font-size: 10px;
        font-weight: bold;
        text-align: right;
    }

    #bo-weekly-mapping-control .chosen-film
    {
        margin-left: 2px;
    }

.nested-row
{
    display: inline-block;
    vertical-align: top;
}

#bo-weekly-mapping-control .propositions
{
    /*cursor: pointer;*/
}

    #bo-weekly-mapping-control .propositions:hover
    {
        /*font-weight: bold;*/
    }

#bo-weekly-mapping-control .navigate-button
{
    background: url("/img/magnifier-arrow-icon.png") no-repeat 0 3px;
    display: inline-block;
    height: 20px;
    width: 20px;
}

#bo-weekly-mapping-control .row-alt
{
    background-color: #FAFAFA;
    border-bottom: 1px solid #CBCBCB;
    padding-bottom: 5px;
    padding-top: 5px;
}

#bo-weekly-mapping-control .button-container
{
    text-align: right;
    padding: 5px;
    background-color: #dddddd;
}

#bo-weekly-mapping-control .row.incomplete
{
    border-left: 2px solid red;
    border-right: 0;
    background-color: #EBD1D7;
}

.width-190
{
    width: 190px;
}

.width-370
{
    width: 370px;
}

.width-170
{
    width: 170px;
}

.width-150
{
    width: 150px;
}

.width-210
{
    width: 210px;
}

.width-140
{
    width: 140px;
}

/* -------- week selector ----------*/

#week-select-wrapper
{
    /* width: 900px; */
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #E9E9E9;
    padding: 0px;
}

#week-select-year-label
{
    text-align: center;
    color: #666666;
}

    #week-select-year-label span
    {
        font-size: 16px;
        font-weight: bold;
    }

#week-select-wrapper .month
{
    display: inline-block;
    background-color: #cccccc;
    color: #eeeeee;
    text-align: center;
    font-weight: bold;
    font-family: Arial;
    font-size: 10px;
    padding: 4px 0px 4px 0px;
}

#week-select-wrapper .alternateMonth
{
    background-color: #bbbbbb;
}

#week-select-wrapper .month span
{
    font-size: 10px;
}

#week-select-wrapper .month:hover
{
    cursor: default;
}

#week-select-wrapper .week
{
    display: block;
    float: left;
    background-color: #1395d4;
    color: #AED7EB;
    text-align: center;
    font-weight: bold;
    font-family: Arial;
    font-size: 9px;
    height: 20px;
    width: 14px;
    vertical-align: middle;
}

#week-select-wrapper .selected,
#week-select-wrapper .alternateWeek.selected,
#week-select-wrapper .alternateWeek.selected a
{
    background-color: White;
    color: #1395d4;
}


#week-select-wrapper .week span,
#week-select-wrapper .week a
{
    font-size: 9px;
    color: #AED7EB;
    display: block;
    height: 20px;
    vertical-align: middle;
    padding-top: 4px;
}

#week-select-wrapper .alternateWeek
{
    background-color: #0382c1;
}

#week-select-wrapper .week:hover
{
    cursor: pointer;
    background-color: White;
    color: #1395d4;
    font-weight: bold;
}


#week-select-wrapper .spacer
{
    display: inline-block;
    text-align: center;
    font-weight: bold;
    font-family: Arial;
    font-size: 10px;
    background-color: #E9E9E9;
}

#week-select-wrapper .wid56
{
    width: 56px;
}

#week-select-wrapper .wid58
{
    width: 58px;
}

#week-select-wrapper .wid60
{
    width: 60px;
}

#week-select-wrapper .wid62
{
    width: 62px;
}


/*--------------carousel for calendar --------------*/


.weekSelectContainerWrapper
{
    background-color: #E9E9E9;
    width: 890px;
    float: left;
    padding-top: 10px;
}

    .weekSelectContainerWrapper .jcarousel-skin-ie7 .jcarousel-container
    {
        border: 0px;
    }

    .weekSelectContainerWrapper .jcarousel-skin-ie7 .jcarousel-container-horizontal
    {
        width: 880px;
        margin: 0;
        padding: 0;
    }

    .weekSelectContainerWrapper .jcarousel-skin-ie7 .jcarousel-clip-horizontal
    {
        width: 790px;
        height: 60px;
        display: block;
        clear: both;
        margin: auto;
    }

    .weekSelectContainerWrapper .jcarousel-skin-ie7 .jcarousel-item
    {
        width: 780px;
        height: 60px;
        margin-top: 0px;
    }

    /**
* Horizontal Buttons
*/
    .weekSelectContainerWrapper .jcarousel-skin-ie7 .jcarousel-next-horizontal
    {
        position: absolute;
        top: 23px;
        right: 10px;
        margin-right: 10px;
        width: 31px;
        height: 31px;
        cursor: pointer;
        background: url("/img/next.png") no-repeat 0 0;
    }


    .weekSelectContainerWrapper .jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal,
    .weekSelectContainerWrapper .jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover,
    .weekSelectContainerWrapper .jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active
    {
        cursor: default;
        background-position: -96px 0;
    }

    .weekSelectContainerWrapper .jcarousel-skin-ie7 .jcarousel-prev-horizontal
    {
        position: absolute;
        top: 23px;
        left: 0px;
        margin-left: 10px;
        width: 31px;
        height: 31px;
        cursor: pointer;
        background: url("/img/prev.png") no-repeat 0 0;
    }

    .weekSelectContainerWrapper .jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal,
    .weekSelectContainerWrapper .jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover,
    .weekSelectContainerWrapper .jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active
    {
        cursor: default;
        background-position: -96px 0;
    }

.eventBasicParametersReadonly
{
    border: medium none;
    color: black;
}

.eventBasicParametersDescription
{
    resize: none;
    overflow: hidden;
}


/*---------genre filter No Sales Agent mode ----------------*/

#genre-filter-container .genre-filter-label
{
    display: inline-block;
    width: 55px;
    font-size: 12px;
}

#genre-filter-container .count-label
{
    display: inline-block;
    width: 160px;
    font-size: 11px;
    font-weight: bold;
    padding-left: 5px;
}

#genre-filter-container .button-container
{
    background-color: #F2F2F2;
    padding-bottom: 3px;
    border-bottom: 1px solid #CBCBCB;
    margin: 5px 5px 3px 5px;
}

/* ---------------event details-------------*/

#event-notes-wrapper
{
    clear: both;
    overflow: auto;
    padding: 10px;
}

#event-notes-button-wrapper
{
    clear: both;
    margin-bottom: 10px;
    overflow: auto;
    background-color: White;
}

#event-left-column
{
    float: right;
}

#event-notes-button-wrapper #redirect-button
{
    width: 200px;
    float: left;
}

#event-notes-button-wrapper #dropdown-container select
{
    width: 540px;
}

#event-notes-button-wrapper #dropdown-container
{
    width: 540px;
    float: left;
}

#event-notes-button-wrapper #edit-buttons
{
    float: left;
    width: 200px;
    text-align: right;
}

#event-projects-wrapper
{
    width: 666px;
    padding-bottom: 5px;
    float: left;
}

#event-projects-container
{
    width: 260px;
}

#eventDetailsContainer
{
    width: 666px;
    min-height: 280px;
    float: left;
}

#participant-container
{
    width: 260px;
    float: right;
}

#event-documents-container
{
    width: 260px;
}

#event-task-container
{
    width: 260px;
}

    #event-task-container #link-task-button
    {
        margin-right: 3px;
    }

    #event-task-container #event-task-record
    {
        padding: 2px 0px;
    }

    #event-task-container #event-task-list
    {
        padding: 0px 5px;
    }

#event-documents-container .button
{
    margin-left: 3px;
}

#event-documents-container #event-documents-list
{
}

    #event-documents-container #event-documents-list span
    {
        font-weight: bold;
    }

#participant-container #scheduled-contacts
{
}

.event-notes-container
{
    background-color: #f2f2f2;
    border: 1px solid #dddddd;
    margin-bottom: 10px;
}

    .event-notes-container span.event-notes-header
    {
        display: block;
        font-size: 16px;
        font-weight: bold;
        padding: 5px;
        background-color: #dddddd;
    }

        .event-notes-container span.event-notes-header span
        {
            font-size: 16px;
            font-weight: bold;
        }

    .event-notes-container .small-delete-button
    {
        display: inline-block;
    }

    .event-notes-container .event-record .name
    {
        width: 210px;
        display: inline-block;
        padding: 3px 3px 3px 5px;
        font-weight: bold;
    }

    .event-notes-container input
    {
        vertical-align: top;
    }


#participant-container #contact
{
    width: 180px;
    margin-left: 5px;
    margin-top: 8px;
    margin-bottom: 5px;
}

#participant-container .toRight
{
    margin-right: 5px;
    margin-top: 8px;
}

#add-note-button-wrapper
{
    float: right;
}

.event-notes-container #event-note-record
{
    padding: 5px;
    border-top: 1px solid #ddd;
    overflow: auto;
}

    .event-notes-container #event-note-record:first-item
    {
        border-top: 0;
    }

    .event-notes-container #event-note-record *
    {
        vertical-align: top;
    }

#lblDeleteNotes, #lblCancelNotes
{
    margin-right: 3px;
}

.event-notes-container #notes-header
{
    padding-left: 5px;
    background-color: #e5e5e5;
}

    .event-notes-container #notes-header span
    {
        font-size: 10px;
        text-transform: uppercase;
        font-weight: bold;
        display: inline-block;
    }

.event-notes-container .w250
{
    width: 250px;
}

.event-notes-container .w370
{
    width: 370px;
}

.event-notes-container .w70
{
    width: 70px;
}

.event-notes-container .w140
{
    width: 140px;
}


.event-notes-container #event-title
{
    font-weight: bold;
    font-size: 14px;
}

.event-notes-container #event-note-record span
{
    display: inline-block;
}

.event-notes-container input#event-project
{
    width: 130px;
}

.event-notes-container input#event-note-notes
{
    width: 250px;
}

.event-notes-container input#event-note-duration
{
    width: 60px;
}

.event-notes-container #event-note-source-edit
{
    width: 75px;
}

.notes-edit-template
{
    background-color: White;
    margin-top: 5px;
    margin-bottom: 5px;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

.event-details-caption
{
    display: inline-block;
    width: 100px;
    font-weight: bold;
    margin-left: 5px;
}

.top-aligned
{
    vertical-align: top;
}

#event-notes-wrapper input#event-title
{
    width: 540px;
}

#event-notes-wrapper select#event-type
{
    width: 206px;
}

#event-notes-wrapper input#date-text-box
{
    width: 200px;
}

#event-notes-wrapper .height-30
{
    height: 30px;
}

#event-notes-wrapper .width-200
{
    width: 200px;
}

#event-notes-wrapper .height-50
{
    height: 45px;
}

#event-body-textarea
{
    width: 540px;
    height: 125px;
    margin-bottom: 5px;
    font-size: 12px;
}

    #event-notes-wrapper input#date-text-box:disabled,
    #event-notes-wrapper input#event-title:disabled,
    #event-body-textarea:disabled
    {
        background-color: transparent;
    }

#event-projects-list
{
    padding: 0px 5px;
}

    #event-projects-list li
    {
        padding: 2px 0px;
    }

/*----------------coverage queueueueue---------------*/

#coverage-queue-container
{
    margin-top: 20px;
}

.cov-queue-tabs-wrapper
{
    overflow: auto;
}

#coverage-queue-main-table
{
    width: 100%;
    font-size: 11px;
    background-color: #f2f2f2;
}

    #coverage-queue-main-table span
    {
        font-size: 11px;
    }

    #coverage-queue-main-table,
    #coverage-queue-main-table *
    {
        border-collapse: collapse;
    }

#cov-queue-inner-wrapper
{
    background-color: #f2f2f2;
    border: 1px solid #dddddd;
}

#cov-queue-inner-tabs
{
    overflow: auto;
    text-align: center;
    padding: 15px 15px 12px 15px;
    font-size: 12px;
}

#coverage-queue-main-table .header
{
    font-weight: bold;
    font-size: 11px;
    background-color: #dddddd;
    text-align: center;
}

#coverage-queue-main-table .filters
{
    background-color: #e8e8e8;
}

    #coverage-queue-main-table .filters td
    {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    #coverage-queue-main-table .filters select
    {
        width: 120px;
    }

    #coverage-queue-main-table .filters .button
    {
        float: right;
    }

#coverage-queue-main-table .header td
{
    padding: 3px;
}

#coverage-queue-main-table .alternate
{
    background-color: White;
}

#coverage-queue-main-table td
{
    padding: 3px;
    text-align: center;
}

#coverage-queue-main-table .w30
{
    width: 30px;
}

#coverage-queue-main-table .filters select.w80
{
    width: 80px;
}

#coverage-queue-main-table .w200
{
    width: 200px;
}

#coverage-queue-main-table .w180
{
    width: 180px;
}

#coverage-queue-main-table .film-title
{
    text-align: left;
}

    #coverage-queue-main-table .film-title span
    {
        font-weight: bold;
        font-size: 12px;
        display: block;
    }

        #coverage-queue-main-table .film-title span.basedon
        {
            color: Gray;
        }

#coverage-queue-main-table .btnAddWriter
{
    border: 0;
    background-image: url("/img/icons/add_icon.png");
    display: inline-block;
    width: 16px;
    height: 16px;
}

    #coverage-queue-main-table .btnAddWriter[disabled]
    {
        visibility: hidden;
    }

    #coverage-queue-main-table .btnAddWriter:hover
    {
        cursor: pointer;
    }

#coverage-queue-main-table .action-buttons-wrapper
{
    text-align: right;
    padding-top: 4px;
    padding-bottom: 4px;
}

#coverage-queue-main-table .upper-row
{
    border-top: 1px solid #dddddd;
}

    #coverage-queue-main-table .upper-row td
    {
        padding-top: 7px;
        padding-bottom: 7px;
    }

#coverage-queue-main-table .action-buttons-wrapper .button
{
    margin-left: 4px;
    margin-right: 4px;
}

#coverage-queue-main-table .expand-actions-button
{
    background-image: url("/img/icons/arrow_down.png");
    width: 16px;
    height: 16px;
}

    #coverage-queue-main-table .expand-actions-button.expanded
    {
        background-image: url("/img/icons/arrow_up.png");
    }

    #coverage-queue-main-table .expand-actions-button:hover
    {
        cursor: pointer;
    }

#coverage-queue-main-table #expand-all-button
{
    background-image: url("/img/icons/multi_arrow_down.png");
    width: 16px;
    height: 16px;
}

    #coverage-queue-main-table #expand-all-button:hover
    {
        cursor: pointer;
    }

    #coverage-queue-main-table #expand-all-button.expanded
    {
        background-image: url("/img/icons/multi_arrow_up.png");
    }

#coverage-queue-main-table .upper-row.marked
{
    background-color: #BDDFF0;
    border: 1px solid #1395d4;
    border-bottom: none;
}

#coverage-queue-main-table .lower-row.marked
{
    background-color: #BDDFF0;
    border: 1px solid #1395d4;
    border-top: none;
}

#coverage-queue-main-table .coverage-buttons-part
{
    float: right;
}

/*---------coverage edit ---------*/

.coverage-edit-container
{
    margin-top: 10px;
    background-color: #f2f2f2;
    border: 2px solid #dddddd;
}

    .coverage-edit-container #tbBasedOnNote
    {
        width: 520px;
    }

#coverage-edit-header 
{
    margin-top: 10px; 
    margin-bottom: 5px; 
}

#coverage-edit-header-left 
{
    width: 180px; 
    float: left; 
}

#coverage-edit-header-middle 
{
    width: 620px; 
    float: left; 
}

#coverage-edit-header-right 
{
    width: 160px; 
    float: left; 
}

#coverage-edit-header-left a, 
#coverage-edit-header-right a 
{
    margin-top: 10px; 
} 

.coverage-edit-container #coverage-properties-wrapper
{
    padding: 10px;
}

.coverage-edit-container span.properties-label
{
    display: inline-block;
    font-weight: bold;
    margin-left: 10px;
}

.coverage-edit-container .button
{
    margin-left: 10px;
}

.coverage-edit-container .header
{
    display: block;
    background-color: #dddddd;
    padding: 5px;
    font-weight: bold;
    font-size: 14px;
}

.coverage-edit-container textarea
{
    width: 946px;
    height: 35px;
    margin: 5px;
    resize: none;
    font-size: 12px;
    border: 0;
}

    .coverage-edit-container textarea.big
    {
        height: 400px;
    }

#coverage-buttons-wrapper
{
    margin-top: 10px;
    text-align: right;
}

/*-------------new analyses tab -----------*/
#analyses-container
{
    clear: both;
    margin-top: 43px;
}

    #analyses-container .no-coverage-label
    {
        display: block;
        background-color: #f2f2f2;
        border: 1px solid #dddddd;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 10px;
        padding: 5px;
    }

    #analyses-container .coverage-container
    {
        border: 1px solid #dddddd;
        margin-bottom: 10px;
        background-color: #f2f2f2;
    }

    #analyses-container .header
    {
        background-color: #dddddd;
        padding: 3px 5px 3px 5px;
    }

        #analyses-container .header .name
        {
            display: inline-block;
            width: 430px;
            font-weight: bold;
        }

        #analyses-container .header .date
        {
            text-align: right;
            display: inline-block;
            width: 75px;
            vertical-align: top;
        }

    #analyses-container .logline-wrapper
    {
        padding: 5px;
    }

    #analyses-container .logline
    {
        display: inline-block;
        width: 400px;
        min-height: 22px;
    }

    #analyses-container .coverageRateWrapper
    {
        width: 95px;
        display: inline-block;
    }

    #analyses-container .rank-wrapper
    {
        text-align: right;
        height: 20px;
        font-weight: bold;
        color: #666666;
        padding-right: 5px;
        clear: both;
        padding-top: 4px;
    }

        #analyses-container .rank-wrapper *
        {
            vertical-align: text-bottom;
        }

/* -------------RequestFilmCoverageControl----------------*/
#request-coverage-control
{
    padding: 10px 5px 5px 5px;
    text-align: center;
    font-weight: bold;
}

    #request-coverage-control .button
    {
        margin-top: 5px;
        margin-bottom: 5px;
    }

#popup-link-document-autocomplete input
{
    width: 300px;
}


#popup-link-document-button-wrapper
{
    margin: 10px 5px;
}

    #popup-link-document-button-wrapper #linked-document-text
    {
        width: 200px;
    }

    #popup-link-document-button-wrapper .link-document-button,
    #popup-link-document-button-wrapper .cancel-button,
    #new-file-popup-content #cancel-document-file-button,
    #new-file-popup-content #file-edit-save-version-button
    {
        width: 16px;
        height: 16px;
        border: 0;
        background-color: transparent;
        margin-left: 7px;
    }

#new-file-popup-content #cancel-document-file-button
{
    background-image: url("/img/icons/cancel.png");
    float: right;
    margin-top: 3px;
    margin-right: 5px;
}

#new-file-popup-content #file-edit-save-version-button
{
    background-image: url("/img/icons/add_icon.png");
    float: right;
    margin-top: 3px;
    margin-right: 5px;
}

#popup-link-document-button-wrapper .link-document-button
{
    background-image: url("/img/icons/link_add.png");
}

#popup-link-document-button-wrapper .cancel-button
{
    background-image: url("/img/icons/cancel.png");
}

    #popup-link-document-button-wrapper .link-document-button:hover,
    #popup-link-document-button-wrapper .cancel-button:hover,
    #new-file-popup-content #file-edit-save-version-button:hover,
    #new-file-popup-content #cancel-document-file-button:hover
    {
        cursor: pointer;
    }

#event-document-record
{
    padding: 4px 4px 1px 4px;
}

#event-documents-list span
{
    display: inline-block;
    font-weight: bold;
    padding: 0px 3px 3px 0px;
    max-width: 210px;
}

#new-file-popup-upload-button-va
{
    background-color: White;
    overflow: auto;
    border-top: 1px solid #dddddd;
    padding: 10px 5px;
    clear: both;
}

    #new-file-popup-upload-button-va #uploadInputWrapper
    {
        float: left;
    }

/*-------------------tasksearchpanel control---------------------*/

.general-gray-container
{
    border: 1px solid #dddddd;
    background-color: #f2f2f2;
}

#task-search-panel
{
    padding: 5px;
    padding-top: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: auto;
}

#account-container select,
#assignee-container select
{
    width: 170px;
}

#datefrom-container input,
#dateto-container input,
#status-container select
{
    width: 80px;
}

#title-container input
{
    width: 218px;
}

#project-container select
{
    width: 222px;
}


#task-search-panel .settings-grouping-container
{
    margin: 5px;
}

#task-search-panel #task-search-button-wrapper
{
    clear: both;
    padding: 5px;
}

    #task-search-panel #task-search-button-wrapper .button
    {
        float: right;
        margin-left: 20px;
    }


/*-------------------tasklist control---------------------*/
#table-task_search-results
{
    border-collapse: collapse;
    width: 100%;
}

    #table-task_search-results td
    {
        padding: 4px;
    }

#task-search-results .header
{
    background-color: #dddddd;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 14px;
    cursor: pointer;
}

#task-search-results .assignee
{
    width: 150px;
    padding-right: 2px;
}

#task-search-results .title
{
    width: 585px;
    padding-right: 2px;
}

#task-search-results .status
{
    width: 80px;
    padding-right: 2px;
}

#task-search-results .duedate
{
    width: 90px;
    padding-right: 4px;
}

#task-search-results .action-delete
{
    text-align: right;
}


#task-search-results .row
{
    padding-top: 4px;
    padding-bottom: 4px;
}

    #task-search-results .row a:hover
    {
        text-decoration: none;
    }

    #task-search-results .row span
    {
        vertical-align: top;
    }

#task-search-results .alternate
{
    background-color: White;
}

#radio-date-asc:hover, #radio-doc-date:hover
{
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

.taskHeaderSortDown
{
    background-image: url(/img/arrow-down.gif);
    background-color: #3399FF;
    background-repeat: no-repeat;
    background-position: 3px;
}

.taskHeaderSortUp
{
    background-image: url(/img/arrow-up.gif);
    background-color: #3399FF;
    background-repeat: no-repeat;
    background-position: 3px;
}

/*------------------treeview tasks control ---------------*/
#treeview-container
{
}

    #treeview-container .status-indicator
    {
        float: left;
        height: 34px;
        width: 7px;
        margin-right: 3px;
    }

    #treeview-container .task-container.status-open .status-indicator
    {
        background-color: #EFF288;
    }

    #treeview-container .task-container.status-reopen .status-indicator
    {
        background-color: #F0D57D;
    }

    #treeview-container .task-container.status-onhold .status-indicator
    {
        background-color: #96C0E3;
    }

    #treeview-container .task-container.status-close .status-indicator
    {
        background-color: #B2E396;
    }

    #treeview-container .task-container.status-cancel .status-indicator
    {
        background-color: #dddddd;
    }

    #treeview-container .task-container.status-cancel span.title,
    #treeview-container .task-container.status-cancel span.assignee
    {
        text-decoration: line-through;
        color: #aaaaaa;
    }

    #treeview-container .task-container
    {
        border: 1px solid #dddddd;
        border-radius: 4px;
        margin-top: 5px;
        height: 34px;
        overflow: hidden;
        background-color: White;
        margin-left: 120px;
    }

        #treeview-container .task-container.level-0
        {
            margin-left: 0px;
            margin-top: 10px;
        }

        #treeview-container .task-container.level-1
        {
            margin-left: 30px;
        }

        #treeview-container .task-container.level-2
        {
            margin-left: 60px;
        }

        #treeview-container .task-container.level-3
        {
            margin-left: 90px;
        }

        #treeview-container .task-container.level-4
        {
            margin-left: 120px;
        }

        #treeview-container .task-container.selected
        {
            background-color: #E4E7F5;
        }

        #treeview-container .task-container:hover
        {
            border: 2px solid #dddddd;
            height: 32px;
        }

            #treeview-container .task-container:hover a
            {
                text-decoration: none;
            }

        #treeview-container .task-container span.assignee
        {
            display: inline-block;
            font-size: 11px;
            font-weight: bold;
        }

        #treeview-container .task-container span.status
        {
            display: inline-block;
            font-size: 11px;
            width: 90px;
            color: #aaaaaa;
            float: right;
        }

        #treeview-container .task-container span.createdatetime
        {
            display: inline-block;
            font-size: 11px;
            width: 130px;
            text-align: right;
            color: #aaaaaa;
            float: right;
            margin-right: 3px;
        }

        #treeview-container .task-container span.title
        {
            font-size: 11px;
            margin-top: 4px;
            display: inline-block;
        }

    #treeview-container .action-delete
    {
        float: right;
        margin: 3px;
    }

/*--------------reopen message -------------------------*/

#showReopenMessageDialogWrapper
{
}

    #showReopenMessageDialogWrapper .textarea-readonly
    {
        border: 1px solid #dddddd;
        overflow: auto;
        resize: none;
        width: 424px;
    }

    #showReopenMessageDialogWrapper .textarea-editable
    {
        border: 1px solid #dddddd;
        overflow: auto;
        resize: none;
        width: 415px;
        height: 215px;
        margin-bottom: 10px;
    }

    #showReopenMessageDialogWrapper #button-wrapper
    {
        text-align: right;
        padding-top: 10px;
    }

/*------------task details control -------------------*/
#task-details-container
{
    margin-top: 10px;
}

    #task-details-container .task-section-container
    {
        background-color: #f2f2f2;
        float: left;
        border: 1px solid #dddddd;
        margin-bottom: 10px;
    }

        #task-details-container .task-section-container .header
        {
            font-weight: bold;
            font-size: 16px;
            background-color: #dddddd;
            display: block;
            padding: 3px;
            overflow: auto;
            height: 21px;
        }

    #task-details-container #task-details-main-wrapper
    {
        padding: 8px;
    }

    #task-details-container .task-section-container .header.leftside
    {
        width: 610px;
    }

    #task-details-container #task-treeview-wrapper
    {
        padding: 0px 8px;
    }

    #task-details-container .task-section-container .header.rightside
    {
        width: 310px;
    }

    #task-details-container #linkEventsArea
    {
        padding-left: 7px;
    }

    #task-details-container .left-panel-wrapper
    {
        width: 604px;
        float: left;
    }

    #task-details-container .right-panel-wrapper
    {
        width: 330px;
        margin-left: 10px;
        float: right;
    }

    #task-details-container #task-title-wrapper input[type="text"]
    {
        width: 515px;
        font-size: 14px;
        font-weight: bold;
    }

    #task-details-container #task-duedate-wrapper
    {
        padding-top: 8px;
    }

        #task-details-container #task-duedate-wrapper input[type="text"]
        {
            width: 100px;
        }

    #task-details-container .task-status-label
    {
        font-size: 14px;
        font-weight: bold;
        color: Red;
        float: right;
    }

    #task-details-container .task-property-description
    {
        display: inline-block;
        width: 75px;
        font-weight: bold;
        vertical-align: top;
        margin-top: 3px;
    }

    #task-details-container #task-description-wrapper
    {
        padding-top: 8px;
    }

        #task-details-container #task-description-wrapper textarea
        {
            font-size: 12px;
            width: 515px;
            height: 70px;
        }

    #task-details-container #task-save-button-wrapper
    {
        padding-top: 8px;
        text-align: right;
    }

    #task-details-container #task-events-buttons-wrapper
    {
        margin: 8px;
        clear: both;
    }

        #task-details-container #task-events-buttons-wrapper .button
        {
            margin-right: 10px;
        }

    #task-details-container #linkEventsArea
    {
        clear: both;
        padding-top: 5px;
        padding-bottom: 5px;
    }

        #task-details-container #linkEventsArea input[type="text"]
        {
            width: 480px;
        }

        #task-details-container #linkEventsArea .button
        {
            margin-left: 10px;
        }

    #task-details-container #task-createsubtask-wrapper
    {
        text-align: right;
        margin: 8px;
    }

    #task-details-container #task-events-list-wrapper
    {
        margin-bottom: 10px;
    }

        #task-details-container #task-events-list-wrapper .innerHeader
        {
            background-color: #e9e9e9;
            padding-bottom: 3px;
            font-weight: bold;
        }

        #task-details-container #task-events-list-wrapper span
        {
            display: inline-block;
            padding-left: 3px;
            vertical-align: top;
            padding-top: 2px;
            padding-bottom: 2px;
        }

        #task-details-container #task-events-list-wrapper .date
        {
            width: 110px;
        }

        #task-details-container #task-events-list-wrapper .duration
        {
            width: 50px;
        }

        #task-details-container #task-events-list-wrapper .type
        {
            width: 70px;
        }

        #task-details-container #task-events-list-wrapper .event
        {
            width: 330px;
        }

        #task-details-container #task-events-list-wrapper .small-delete-button
        {
            margin-right: 4px;
            margin-top: 3px;
        }

        #task-details-container #task-events-list-wrapper .alternate
        {
            background-color: White;
        }

    #task-details-container #task-documents-container .button
    {
        margin-left: 4px;
    }

    #task-details-container #task-documents-container .task-document-record
    {
        width: 280px;
        display: inline-block;
        margin: 3px 5px;
    }

    #task-details-container #task-documents-container a:hover
    {
        text-decoration: none;
    }

    #task-details-container #task-documents-container .small-delete-button
    {
        margin: 4px;
    }

    #task-details-container #task-assignee-container,
    #task-details-container #task-status-container
    {
        padding: 3px 5px;
    }

        #task-details-container #task-assignee-container select,
        #task-details-container #task-status-container select
        {
            width: 150px;
            margin-bottom: 4px;
        }

        #task-details-container #task-assignee-container .description,
        #task-details-container #task-status-container .description
        {
            width: 80px;
            display: inline-block;
            font-weight: bold;
        }

    #task-details-container hr
    {
        width: 95%;
        color: #dddddd;
    }

    #task-details-container #task-projects-wrapper
    {
        padding: 4px;
    }

    #task-details-container .task-project-title
    {
        display: inline-block;
        width: 240px;
        margin: 3px 5px;
    }

    #task-details-container #linkProjectsArea
    {
        clear: both;
        margin-top: 10px;
        margin-bottom: 10px;
    }

        #task-details-container #linkProjectsArea .button
        {
            margin-left: 4px;
        }

        #task-details-container #linkProjectsArea input[type="text"]
        {
            width: 170px;
        }

    #task-details-container #taskProjectsList
    {
        margin-top: 10px;
        margin-right: 5px;
    }

    #task-details-container .task-reporter-container
    {
        padding: 5px;
    }

    #task-details-container .task-reporter-label
    {
        color: Gray;
        display: block;
    }

    #task-details-container .task-reporter-name
    {
        width: 238px;
        display: inline-block;
        padding-top: 2px;
        padding-bottom: 2px;
        font-weight: bold;
    }

    #task-details-container .task-reporter-date
    {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    #task-details-container .task-history-record
    {
        width: 305px;
        padding: 3px 5px;
    }

    #task-details-container .task-history-user
    {
        display: inline-block;
        width: 235px;
        font-weight: bold;
    }

#taskCommentTextArea
{
    height: 190px;
    width: 370px;
}

#event-note-record .event-notes-textarea
{
    padding: 0;
    background-color: transparent;
    font-size: 12px;
    width: 240px;
    height: 20px;
    resize: none;
    overflow: hidden;
    border: 1px solid #dddddd;
}

#popup-task-dialog-link-document
{
    background-color: White;
    border-top: 1px solid #dddddd;
    overflow: auto;
    clear: both;
}

/*----------------comparables control-------------------*/

#comparables-main-container
{
    background-color: #f2f2f2;
    border: 1px solid #dddddd;
}

    #comparables-main-container #comparables-content
    {
        padding: 5px;
        overflow: auto;
    }

    #comparables-main-container .header
    {
        display: block;
        background-color: #dddddd;
        font-size: 14px;
        padding: 3px 5px;
        font-weight: bold;
    }

    #comparables-main-container #comparables-add-wrapper
    {
        float: right;
    }

        #comparables-main-container #comparables-add-wrapper .button
        {
            margin-left: 10px;
        }

        #comparables-main-container #comparables-add-wrapper input[type="text"]
        {
            width: 230px;
        }

        #comparables-main-container #comparables-add-wrapper input[type="checkbox"]
        {
            margin-top: 1px;
            vertical-align: middle;
        }

    #comparables-main-container #comparables-list
    {
        clear: both;
        padding-top: 10px;
    }

        #comparables-main-container #comparables-list .comp-record
        {
            font-weight: bold;
            padding: 3px;
        }

        #comparables-main-container #comparables-list .alternate
        {
            background-color: White;
        }

        #comparables-main-container #comparables-list span
        {
            display: inline-block;
            vertical-align: top;
        }

        #comparables-main-container #comparables-list .title
        {
            width: 287px;
        }

        #comparables-main-container #comparables-list .year
        {
            width: 40px;
            font-weight: normal;
        }

        #comparables-main-container #comparables-list .director
        {
            width: 145px;
            text-align: right;
            font-weight: normal;
            margin-right: 4px;
        }

        #comparables-main-container #comparables-list .delete-comparable-button
        {
            margin-top: 2px;
        }

/*--- [FILM] Analyses tab - box office -------------------*/

#analyses-bo-wrapper
{
    margin-top: 10px;
}

    #analyses-bo-wrapper .tab-bo-content-wrapper
    {
    }

    #analyses-bo-wrapper .bo-panel-content
    {
        float: left;
        min-height: 160px;
        width: 420px;
        max-width: 420px;
        border: 1px solid #dddddd;
        background-color: #f2f2f2;
        margin: 0px;
    }

    #analyses-bo-wrapper .tab-bo-menu
    {
        float: left;
        font: bold 11px;
        list-style: none outside none;
        border-top: 1px solid #dddddd;
        margin: 0;
        margin-top: 30px;
        padding: 0;
        background-color: #f2f2f2;
    }

    #analyses-bo-wrapper .tab-bo-item
    {
        border-right: 1px solid #dddddd;
        border-bottom: 1px solid #dddddd;
        margin: 0;
        font-weight: bold;
        padding: 0px;
        text-align: center;
        color: black;
        cursor: pointer;
        width: 97px;
    }

        #analyses-bo-wrapper .tab-bo-item.selected
        {
            background-color: #f2f2f2;
            color: #1395D4;
        }

    #analyses-bo-wrapper .ula:hover
    {
        background-color: #f2f2f2;
    }

    #analyses-bo-wrapper .ula
    {
        display: block;
        font-weight: bold;
        margin: 0;
        padding: 5px 0px;
        position: relative;
        text-decoration: none;
        color: Gray;
        background-color: White;
    }

        #analyses-bo-wrapper .ula.selected
        {
            background-color: #f2f2f2;
            color: #1395D4;
            left: -1px;
        }

    #analyses-bo-wrapper .header
    {
        display: block;
        font-size: 14px;
        font-weight: bold;
        background-color: #dddddd;
    }

    #analyses-bo-wrapper #analyses-boxoffice-table
    {
        margin: 5px;
        border-collapse: collapse;
        width: 400px;
    }

        #analyses-bo-wrapper #analyses-boxoffice-table th
        {
            padding: 3px;
        }

    #analyses-bo-wrapper #analyses-boxoffice-table
    {
        font-size: 11px;
        text-align: center;
    }

        #analyses-bo-wrapper #analyses-boxoffice-table .row td
        {
            padding: 3px;
        }

        #analyses-bo-wrapper #analyses-boxoffice-table .alternate
        {
            background-color: White;
        }

        #analyses-bo-wrapper #analyses-boxoffice-table .date
        {
            text-align: left;
        }

        #analyses-bo-wrapper #analyses-boxoffice-table .number
        {
            text-align: right;
        }

    #analyses-bo-wrapper .bo-label
    {
        font-weight: bold;
        display: inline-block;
        color: Gray;
        padding-top: 7px;
        padding-bottom: 5px;
    }

        #analyses-bo-wrapper .bo-label.distributor
        {
            float: right;
            font-size: 14px;
            padding-right: 12px;
        }

        #analyses-bo-wrapper .bo-label.released
        {
            padding-left: 12px;
        }

    #analyses-bo-wrapper .total-gross-container
    {
        padding: 10px;
        margin-top: 10px;
    }

    #analyses-bo-wrapper .total-gross-label
    {
        color: gray;
        font-weight: bold;
        font-size: 14px;
    }

    #analyses-bo-wrapper .total-gross-value
    {
        font-weight: bold;
        font-size: 14px;
        margin-left: 10px;
    }

/*---------------overview chart-----------*/

#overview-chart-outer-wrapper
{
    overflow: auto;
    background-color: #f2f2f2;
    border: 1px solid #dddddd;
    margin-top: 10px;
}

    #overview-chart-outer-wrapper #overviewChartInnerWrapper
    {
        height: 590px;
        position: relative;
    }

    #overview-chart-outer-wrapper .week-container
    {
        float: left;
        margin: 0px 3px;
        bottom: 0px;
        width: 28px;
        height: 520px;
        background-color: #C5E08D;
        overflow: visible;
        text-align: center;
    }

        #overview-chart-outer-wrapper .week-container:hover
        {
            cursor: pointer;
            border: 1px solid #dddddd;
            border-top: 0;
            border-bottom: 0;
            width: 26px; /* 2 px smaller than .week-container   */
        }

        #overview-chart-outer-wrapper .week-container.selected .event-time-fill
        {
            background-color: #9cd7f3; 
        }

        #overview-chart-outer-wrapper .week-container.over-boundary
        {
            background-color: #9CDE18;
        }

    #overview-chart-outer-wrapper .event-time-fill
    {
        background-color: #f2f2f2;
        position: relative;
    }

    #overview-chart-outer-wrapper .event-time-count
    {
        background-color: #EDDE9A;
        position: relative;
    }

    #overview-chart-outer-wrapper .week-number-wrapper
    {
        position: absolute;
        top: 535px;
        width: 28px;
        background-color: #e1e1e1;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    #overview-chart-outer-wrapper .week-number-label
    {
        display: block;
        width: 28px;
        font-weight: bold;
        color: Gray;
        font-size: 10px;
    }

    #overview-chart-outer-wrapper .time-label
    {
        font-weight: bold;
        font-size: 10px;
        display: block;
        width: 28px; /* the same as .week-container   */
        text-align: center;
        position: absolute;
        bottom: 0px;
    }

    #overview-chart-outer-wrapper .week-container:hover .time-label,
    #overview-chart-outer-wrapper .week-container:hover .week-number-wrapper,
    #overview-chart-outer-wrapper .week-container:hover .week-number-label
    {
        width: 26px; /* 2 px smaller than .week-container   */
    }

    #overview-chart-outer-wrapper .week-container:hover .week-number-label
    {
        color: Black;
    }

    #overview-chart-outer-wrapper .marker
    {
        position: absolute;
        height: 2px;
        background-color: Blue;
        overflow: visible;
    }

    #overview-chart-outer-wrapper .marker-label
    {
        font-size: 10px;
        color: Navy;
    }

    #overview-chart-outer-wrapper #monthsContainer
    {
        padding-top: 40px;
        clear: both;
        top: 520px;
        position: absolute;
    }

    #overview-chart-outer-wrapper .month-wrapper
    {
        float: left;
        background-color: #e1e1e1;
        padding-top: 3px;
        padding-bottom: 3px;
        text-align: center;
    }

        #overview-chart-outer-wrapper .month-wrapper.alternate
        {
            background-color: #e9e9e9;
        }


    #overview-chart-outer-wrapper .month-label
    {
        font-size: 10px;
        font-weight: bold;
        color: Gray;
    }

    #overview-chart-outer-wrapper .message-text
    {
        color: Maroon;
        display: block;
        text-align: center;
        margin: 10px;
        font-size: 14px;
        font-weight: bold;
    }

/* ---------------timesheet----------------------*/
#timesheet-wrapper
{
    margin-top: 10px; 
    background-color: #f2f2f2; 
    border: 1px solid #ddd;
    padding: 10px; 

}

    #timesheet-wrapper .main-header
    {
        font-size: 20px; 
        font-weight: bold; 
        display:block;
    }

    #timesheet-wrapper .week-header
    {
        font-size: 14px; 
        color: #555; 
        font-weight: bold; 
        display: block; 
    }

    #timesheet-wrapper .spent-time
    {
        display: inline-block; 
        margin-top: 20px; 
        font-weight: bold; 
    }

    #timesheet-wrapper #emails-byday-wrapper
    {
        float: left; 
        margin-top: 20px; 
    }

    #timesheet-wrapper #emails-byproject-wrapper
    {
        float: right; 
        margin-top: 20px; 

    }

    #timesheet-wrapper #timesheet-list-wrapper
    {
        float: none; 
        clear: both; 
        display: block; 
        padding-top: 20px; 
    }

    #timesheet-wrapper table.half-size
    {
        width: 460px;
    }

    #timesheet-wrapper table
    {
        border-collapse:collapse;
        border: 1px solid #ddd;  
    }

    #timesheet-wrapper table caption
    {
        margin-bottom: 3px; 
       font-weight: bold; 
       color: #555;  
    }

    #timesheet-wrapper table td
    {
        padding: 3px; 
        vertical-align:top; 
    }

        #timesheet-wrapper table th
        {
            padding: 3px; 
            background-color: #ddd; 
        }

        #timesheet-wrapper table tr.alternate
        {
            background-color: white; 
        }

    #timesheet-wrapper .print-button-wrapper
    {
    text-align: right; 
    }
/*------ box office publish page ----------------*/

#publish-bo-container.bo-container
{
    background-color: #e9e9e9;
    border: 1px solid #DDDDDD;
    margin-top: 10px;
    float: left;
    width: 960px;
}

#publish-bo-container .header-cont
{
    background-color: #e9e9e9;
    margin: 10px;
    padding: 6px;
}

#publish-bo-container .header
{
    font-size: 16px;
    font-weight: bold;
}

#publish-bo-container .uploader
{
    background-color: #e9e9e9;
    border-bottom: 1px solid #CBCBCB;
    border-top: 1px solid #CBCBCB;
    margin: 0px 5px 0px 5px;
    padding: 10px 0px 10px 0px;
}

#publish-bo-container .label
{
    display: inline-block;
    width: 150px;
    font-size: 12px;
    font-weight: bold;
}

#publish-bo-container .carouser-container
{
    margin-bottom: 10px;
}

#publish-bo-container select
{
    float: right;
    width: 250px;
    margin-right: 10px;
    margin-bottom: 10px;
}

#publish-bo-container #territory-label
{
    float: right;
    margin-right: 10px;
    font-weight: bold;
    margin-top: 3px;
}

#publish-bo-container #date-span-label
{
    font-weight: bold;
    display: inline-block;
    width: 400px;
    margin-left: 20px;
    font-size: 14px;
}

/*----- box-office publish control---------------*/

#bo-publish-control
{
    float: left;
}

    #bo-publish-control .tab-search-menu-wrapper
    {
        height: 53px;
    }

    #bo-publish-control .bo-day-container
    {
        background-color: #F2F2F2;
        border: 1px solid #DDDDDD;
        float: left;
        margin: 0;
        min-width: 960px;
    }

    #bo-publish-control .tabs-pane
    {
        padding-bottom: 4px;
        padding-top: 8px;
    }

    #bo-publish-control .publish-bo-table
    {
        font-size: 11px;
        text-align: center;
        border-collapse: collapse;
        width: 100%;
    }

        #bo-publish-control .publish-bo-table span
        {
            font-size: 11px;
        }

            #bo-publish-control .publish-bo-table span.bold
            {
                font-weight: bold;
            }

        #bo-publish-control .publish-bo-table th
        {
            padding: 4px;
        }

    #bo-publish-control .publish-bo-table
    {
        font-size: 11px;
        text-align: center;
        background-color: #E9E9E9;
    }

        #bo-publish-control .publish-bo-table .row td
        {
            padding: 4px;
        }

        #bo-publish-control .publish-bo-table td.bo-source
        {
            cursor: pointer;
        }

        #bo-publish-control .publish-bo-table th span.bo-publish-header
        {
            display: inline-block;
            min-width: 75px;
            font-size: 11px;
            padding: 4px;
        }

        #bo-publish-control .publish-bo-table .actual-cols
        {
            background-color: #D4FAC5;
            width: 120px;
        }

        #bo-publish-control .publish-bo-table .estimate-cols
        {
            background-color: #F8FAC5;
        }

        #bo-publish-control .publish-bo-table .row td.marked
        {
            font-weight: bold;
            background-color: #FACCC5;
        }

        #bo-publish-control .publish-bo-table input[type="text"]
        {
            width: 70px;
            font-size: 11px;
        }

    #bo-publish-control .tab-grp-container
    {
        float: left;
    }

    #bo-publish-control .tab-grp-header
    {
        font-weight: bold;
        padding: 3px;
    }

        #bo-publish-control .tab-grp-header.daily
        {
            background-color: #DCE6F1;
        }

        #bo-publish-control .tab-grp-header.weekends
        {
            background-color: #8DB4E2;
        }

        #bo-publish-control .tab-grp-header.totals
        {
            background-color: #538DD5;
        }

    #bo-publish-control .tab-search-item
    {
        background-image: url("/img/tab_empty.png");
        background-position: bottom;
        background-repeat: no-repeat;
        background-color: #f1f1f1;
        display: inline-block;
        float: right;
        list-style: none outside none;
        padding-top: 6px;
        padding-bottom: 11px;
        padding-left: 7px;
        padding-right: 7px;
        color: #AAAAAA;
        font-family: Arial;
        font-weight: bold;
        font-size: 12px;
        border-right: 1px solid white;
        text-align: center;
    }

        #bo-publish-control .tab-search-item.clickable
        {
            color: #353535;
            cursor: pointer;
        }

        #bo-publish-control .tab-search-item.selected
        {
            background-image: url("/img/tab_arrow.png");
            background-position: bottom;
            background-repeat: no-repeat;
            background-color: #dddddd;
            position: relative;
            color: #1395d4;
        }

        #bo-publish-control .tab-search-item.clickable:hover
        {
            background-color: #cbcbcb;
            background-image: url("/img/tab_arrow_hover.png");
        }

/*-----------coveragewriterservice----------*/

#coverage-writer-message-container
{
    background-color: #f2f2f2;
    border: 1px solid #dddddd;
    width: 400px;
    margin: auto;
    margin-top: 10px;
}

    #coverage-writer-message-container span.header
    {
        background-color: #dddddd;
        font-weight: bold;
        font-size: 16px;
        display: block;
        padding: 4px;
        padding-left: 10px;
    }

    #coverage-writer-message-container #coverage-writer-controls-wrapper
    {
        padding: 10px;
        padding-top: 0px;
        text-align: right;
    }

    #coverage-writer-message-container textarea
    {
        margin-bottom: 10px;
        width: 375px;
        height: 150px;
        overflow: auto;
        resize: none;
        font-size: 12px;
    }

    #coverage-writer-message-container #message-wrapper
    {
        margin: 10px;
    }

/*-------------contact accounts ----*/

#contact-accounts-wrapper
{
    margin-top: 12px;
}

    #contact-accounts-wrapper .header
    {
        font-weight: bold;
        display: block;
        font-size: 14px;
        margin-bottom: 4px;
        margin-left: 5px;
        color: Gray;
    }

    #contact-accounts-wrapper .account-row:hover
    {
        background-color: #e9e9e9;
    }

    #contact-accounts-wrapper .account-list-item
    {
        display: inline-block;
        padding-bottom: 4px;
        padding-left: 5px;
        width: 148px;
    }

    #contact-accounts-wrapper .manage-accounts
    {
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url("/img/icons/folder_edit.png");
        background-repeat: no-repeat;
        vertical-align: bottom;
        margin-bottom: 2px;
        margin-left: 3px;
        vertical-align: top;
        margin-top: 1px;
    }

#activation-panel-wrapper
{
    overflow: auto;
    text-align: center;
}

/*---------sales agent report-----------*/

#sales-agent-report-wrapper
{
}

    #sales-agent-report-wrapper > div
    {
        background-color: #f2f2f2;
        border: 1px solid #dddddd;
        padding: 5px;
        margin-top: 10px;
        overflow: auto;
    }

    #sales-agent-report-wrapper #report-panel
    {
        padding: 10px;
    }

        #sales-agent-report-wrapper #report-panel #first-column,
        #sales-agent-report-wrapper #report-panel #second-column,
        #sales-agent-report-wrapper #report-panel #third-column
        {
            float: left;
            overflow: auto;
        }

        #sales-agent-report-wrapper #report-panel #first-column
        {
            width: 380px;
        }

        #sales-agent-report-wrapper #report-panel #second-column
        {
            width: 280px;
        }

        #sales-agent-report-wrapper #report-panel #third-column
        {
            width: 200px;
            float: none;
        }

        #sales-agent-report-wrapper #report-panel label
        {
            display: inline-block;
            font-weight: bold;
            width: 100px;
        }

        #sales-agent-report-wrapper #report-panel select
        {
            width: 200px;
            margin-bottom: 10px;
        }

        #sales-agent-report-wrapper #report-panel input[type="text"]
        {
            width: 100px;
            margin-bottom: 10px;
        }


        #sales-agent-report-wrapper #report-panel input[type="checkbox"]
        {
            margin-bottom: 13px;
        }


        #sales-agent-report-wrapper #report-panel #button-wrapper
        {
            text-align: right;
        }


    #sales-agent-report-wrapper #report-result
    {
    }

#accordion-wrapper
{
}

    #accordion-wrapper .row span
    {
        display: inline-block;
        width: 60px;
        margin-left: 5px;
        vertical-align: top;
        text-align: left;
        font-size: 11px;
        margin-top: 2px;
        margin-bottom: 2px;
        height: 27px;
        overflow: hidden;
    }

    #accordion-wrapper .alternate
    {
        background-color: White;
    }

    #accordion-wrapper .header span
    {
        display: inline-block;
        width: 200px;
        text-align: center;
        border: 1px solid #e1e1e1;
        padding: 5px;
        font-size: 14px;
        font-weight: bold;
        margin-right: 2px;
    }

        #accordion-wrapper .header span.selected
        {
            color: #1395d4;
            background-color: White;
        }

    #accordion-wrapper .subheader
    {
        font-weight: bold;
        margin-top: 10px;
        vertical-align: bottom;
        background-color: #dddddd;
    }

    #accordion-wrapper .header .acc-click:hover
    {
        cursor: pointer;
    }

    #accordion-wrapper span.sales-agent
    {
        width: 100px;
        text-align: left;
    }

        #accordion-wrapper span.sales-agent a
        {
            font-size: 11px;
        }

    #accordion-wrapper span.film-title
    {
        width: 140px;
        text-align: left;
        font-weight: bold;
    }

        #accordion-wrapper span.film-title a
        {
            font-size: 11px;
        }

    #accordion-wrapper span.main-cast
    {
        width: 220px;
    }

    #accordion-wrapper span.genre
    {
        width: 140px;
    }

    #accordion-wrapper span.boxoffice
    {
        width: 60px;
        text-align: right;
    }

    #accordion-wrapper span.screen
    {
        width: 40px;
        text-align: right;
    }

    #accordion-wrapper span.datespan
    {
        width: 55px;
    }

    #accordion-wrapper span.sale-price
    {
        width: 80px;
    }

    #accordion-wrapper span.licensor
    {
        width: 70px;
        text-align: left;
    }

    #accordion-wrapper span.licensor-wide
    {
        width: 90px;
        text-align: left;
    }

    #accordion-wrapper span.people
    {
        width: 100px;
    }


/*---------------average ticket prices ----------*/

#ticket-prices-wrapper
{
    background-color: #f2f2f2;
    border: 1px solid #dddddd;
    padding: 10px;
    margin-top: 10px;
}

    #ticket-prices-wrapper .territories-label
    {
        font-weight: bold;
        margin-right: 10px;
    }

    #ticket-prices-wrapper .territories-dropdown
    {
        width: 220px;
    }

    #ticket-prices-wrapper .row
    {
        padding: 2px 3px 4px 3px;
    }

    #ticket-prices-wrapper #ticket-header
    {
        font-weight: bold;
        background-color: #dddddd;
    }

    #ticket-prices-wrapper #tickets-list
    {
        width: 600px;
        border: 1px solid #dddddd;
    }

    #ticket-prices-wrapper ul
    {
        margin-top: 20px;
    }

    #ticket-prices-wrapper .alternate
    {
        background-color: White;
    }

    #ticket-prices-wrapper .year
    {
        display: inline-block;
        width: 90px;
    }

    #ticket-prices-wrapper .price
    {
        display: inline-block;
        width: 90px;
        padding-right: 10px;
    }

    #ticket-prices-wrapper .currency
    {
        display: inline-block;
        width: 120px;
    }

    #ticket-prices-wrapper .usd-rate
    {
        display: inline-block;
        width: 100px;
    }

    #ticket-prices-wrapper .usd-price
    {
        display: inline-block;
        width: 100px;
    }

    #ticket-prices-wrapper .price-button
    {
        display: inline-block;
        background-repeat: no-repeat;
        margin-left: 3px;
    }

        #ticket-prices-wrapper .price-button:hover
        {
            cursor: pointer;
        }

    #ticket-prices-wrapper .edit-button
    {
        width: 16px;
        height: 16px;
        background-image: url("/img/icons/page_white_edit.png");
    }

    #ticket-prices-wrapper .delete-button
    {
        width: 14px;
        height: 14px;
        background-image: url("/img/icons/delete.png");
    }

    #ticket-prices-wrapper #add-price-button
    {
        width: 16px;
        height: 16px;
        background-image: url("/img/icons/add_icon.png");
        vertical-align: bottom;
    }

    #ticket-prices-wrapper .save-button
    {
        width: 16px;
        height: 16px;
        background-image: url("/img/icons/accept.png");
    }

    #ticket-prices-wrapper .cancel-button
    {
        width: 16px;
        height: 16px;
        background-image: url("/img/icons/cancel.png");
    }

    #ticket-prices-wrapper #new-ticket-panel
    {
        padding: 5px;
        background-color: #dddddd;
    }

    #ticket-prices-wrapper .currency-ddl
    {
        width: 120px;
    }

    #ticket-prices-wrapper #ticket-usd-value
    {
        display: inline-block;
        width: 100px;
        font-weight: bold;
    }

        #ticket-prices-wrapper #ticket-usd-value.error
        {
            color: Red;
        }

    #ticket-prices-wrapper input[type="text"]
    {
        width: 90px;
    }

/*------------------------ Group Genres Management ------------------------------ */

#genre-grid-row .group-genre-buttons
{
    display: inline-block;
    width: 40px;
}

    #genre-grid-row .group-genre-buttons:hover
    {
        cursor: pointer;
        text-decoration: underline;
    }

.group-genres-edit-wrapper
{
    display: inline-block;
}

.group-genres-edit-wrapper-hidden
{
    display: none;
}

/* -------- sales reports ----- */

.report-header-wrapper
{
    text-align: center;
}

    .report-header-wrapper h2
    {
        padding-top: 0px;
        padding-bottom: 10px;
    }


#sales-agent-analyses-report-wrapper > div
{
    background-color: #f2f2f2;
    border: 1px solid #dddddd;
    padding: 5px;
    margin-top: 10px;
    overflow: auto;
}

#sales-agent-analyses-report-wrapper select
{
    width: 250px;
}

#sales-agent-analyses-report-wrapper input[type="text"]
{
    width: 100px;
}

#sales-agent-analyses-report-wrapper .button
{
    margin-left: 10px;
}

#sales-agent-analyses-report-wrapper label
{
    font-weight: bold;
    width: 80px;
    display: inline-block;
    text-align: right;
}

    #sales-agent-analyses-report-wrapper label.wide
    {
        font-weight: bold;
        width: 170px;
        display: inline-block;
        text-align: right;
    }

#sales-agent-analyses-report-wrapper .inputs-wrapper
{
    padding-bottom: 10px;
    padding-top: 5px;
}

#sales-agent-analyses-report-wrapper .alternate
{
    background-color: White;
}

.report-main-table
{
    width: 100%;
    border-collapse: collapse;
}

.report-main-table
{
    border: 1px solid #dddddd;
    margin-top: 10px;
}

    .report-main-table .report-table-row td,
    .report-main-table thead th,
    .report-main-table .report-table-footer td
    {
        width: 50px;
        text-align: right;
        padding-left: 2px;
        padding-right: 2px;
    }

        .report-main-table .report-table-row td:last-child,
        .report-main-table thead th:last-child,
        .report-main-table .report-table-footer th:last-child
        {
            width: 53px;
        }

        .report-main-table .report-table-row td:first-child,
        .report-main-table thead th:first-child,
        .report-main-table .report-table-footer td:first-child
        {
            text-align: left;
            width: auto;
        }

    .report-main-table thead
    {
        background-color: #dddddd;
    }

        .report-main-table thead th
        {
            padding-top: 3px;
            padding-bottom: 3px;
            text-align: center;
        }

            .report-main-table thead th:first-child
            {
                padding-left: 10px;
                text-align: left;
            }

    .report-main-table .report-table-footer
    {
        font-weight: bold;
    }

    .report-main-table td:first-child
    {
        padding-left: 3px;
    }

    .report-main-table td
    {
        border: 1px solid #dddddd;
    }

    .report-main-table .report-table-footer td:first-child
    {
        text-align: right;
    }

/*------------territorial analysis -----*/

#territorial-analysis-wrapper > div
{
    background-color: #f2f2f2;
    border: 1px solid #dddddd;
    padding: 5px;
    margin-top: 10px;
    overflow: auto;
}

#territorial-analysis-wrapper select
{
    width: 180px;
}

#territorial-analysis-wrapper input[type="text"]
{
    width: 70px;
}

#territorial-analysis-wrapper label
{
    text-align: right;
    width: 70px;
    font-weight: bold;
    display: inline-block;
}

    #territorial-analysis-wrapper label.wide
    {
        width: 110px;
    }

    #territorial-analysis-wrapper label.superwide
    {
        width: 200px;
        margin-top: 10px;
    }

#territorial-analysis-wrapper .button
{
    float: right;
}

#territorial-analysis-wrapper #select-distributor-wrapper
{
    text-align: center;
    padding: 20px;
    margin-top: 10px;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

#territorial-analysis-wrapper #distributors-analysis-wrapper
{
    margin-top: 20px;
}

    #territorial-analysis-wrapper #distributors-analysis-wrapper table
    {
        border-collapse: collapse;
        width: 100%;
        border: 1px solid #dddddd;
    }

    #territorial-analysis-wrapper #distributors-analysis-wrapper th
    {
        background-color: #dddddd;
        text-align: center;
        padding: 2px;
    }

        #territorial-analysis-wrapper #distributors-analysis-wrapper th.alternate-header
        {
            background-color: #e9e9e9;
            border: 1px solid #dddddd;
        }

    #territorial-analysis-wrapper #distributors-analysis-wrapper tr.alternate
    {
        background-color: White;
    }

    #territorial-analysis-wrapper #distributors-analysis-wrapper tr td
    {
        text-align: right;
        padding: 2px;
        border: 1px solid #dddddd;
    }

    #territorial-analysis-wrapper #distributors-analysis-wrapper tr.footer
    {
        font-weight: bold;
    }

    #territorial-analysis-wrapper #distributors-analysis-wrapper tr td:first-child
    {
        text-align: left;
        padding-left: 3px;
        min-width: 130px;
    }

    #territorial-analysis-wrapper #distributors-analysis-wrapper tr.footer td:first-child
    {
        text-align: right;
    }

#territorial-analysis-wrapper #individual-table-wrapper,
#territorial-analysis-wrapper #individual-chart-wrapper
{
    float: left;
    width: 460px;
    padding-right: 10px;
}

#territorial-analysis-wrapper #individual-chart-wrapper
{
    margin-top: 10px;
}

#territorial-analysis-wrapper #distributor-films-table
{
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    border: 1px solid #dddddd;
}

    #territorial-analysis-wrapper #distributor-films-table tr
    {
        border-top: 1px solid #dddddd;
    }

#territorial-analysis-wrapper tr.alternate
{
    background-color: White;
}

#territorial-analysis-wrapper #distributor-films-table th
{
    font-weight: bold;
    background-color: #dddddd;
    padding: 3px;
    text-align: center;
}

#territorial-analysis-wrapper #distributor-films-table td
{
    padding: 2px;
    border: 1px solid #dddddd;
}

/*---------------territory summary --------*/

#territory-summary-wrapper > div
{
    background-color: #f2f2f2;
    border: 1px solid #dddddd;
    padding: 5px;
    margin-top: 10px;
    overflow: auto;
}

#territory-summary-wrapper select
{
    width: 168px;
}

#territory-summary-wrapper input[type="text"]
{
    width: 45px;
}

#territory-summary-wrapper input[type="checkbox"]
{
    margin-bottom: 0px;
}

#territory-summary-wrapper label
{
    font-weight: bold;
    margin-left: 3px;
    margin-bottom: 3px;
}

#territory-summary-wrapper .button-wrapper
{
    text-align: right;
    margin-top: 10px;
}

#territory-summary-wrapper .alternate
{
    background-color: White;
}

#territory-summary-wrapper .table-wrapper,
#territory-summary-wrapper .chart-wrapper
{
    float: left;
    width: 460px;
    padding-right: 10px;
}

    #territory-summary-wrapper .chart-wrapper img,
    #territory-summary-wrapper .big-chart-wrapper img
    {
        margin-top: 10px;
    }

#territory-summary-wrapper .table-and-chart
{
    clear: both;
    overflow: auto;
}

#territory-summary-wrapper .big-chart-wrapper
{
    text-align: center;
}

#territory-summary-wrapper .inputs-wrapper
{
    text-align: center;
    clear: both;
    margin-top: 5px;
    overflow: auto;
}

    #territory-summary-wrapper .inputs-wrapper .button
    {
        margin-left: 10px;
    }

#territory-summary-wrapper .chart-caption
{
    display: block;
    font-size: 11px;
    font-weight: bold;
    margin-top: 10px;
}

#territory-summary-wrapper .chart-grouping-container
{
    float: left;
    text-align: center;
    border: 1px solid #dddddd;
    background-color: #f2f2f2;
    margin-right: 10px;
    margin-bottom: 10px;
}

#territory-summary-wrapper .no-border
{
    background-color: transparent;
    border: 0px;
    padding: 0px;
}

#territory-summary-wrapper .no-margin
{
    margin-right: 0px;
}

#territorial-analysis-wrapper .number
{
    text-align: right;
}



/*--------------------markets.aspx-----------------*/

#markets-maintenance-wrapper > div
{
    border: 1px solid #dddddd;
    background-color: #f2f2f2;
    margin-top: 10px;
}

    #markets-maintenance-wrapper > div h1
    {
        font-size: 14px;
        font-weight: bold;
        display: block;
        background-color: #dddddd;
        padding: 5px 5px 5px 10px;
        height: 21px;
    }

        #markets-maintenance-wrapper > div h1 .button
        {
            float: right;
            vertical-align: text-top;
        }

#markets-maintenance-wrapper #markets-maintenance-active input
{
    margin-left: 20px;
    vertical-align: text-bottom;
}

#markets-maintenance-wrapper #markets-maintenance-active select
{
    margin: 15px 0px 15px 20px;
    width: 150px;
}

#markets-maintenance-wrapper #markets-maintenance-all
{
    padding-bottom: 5px;
}

#markets-maintenance-wrapper .header
{
    font-weight: bold;
    margin-bottom: 5px;
    color: #606060;
    text-transform: uppercase;
    margin-left: 5px;
    padding-left: 3px;
}

#markets-maintenance-wrapper .market-row
{
    margin-left: 5px;
    margin-right: 5px;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 3px;
}

    #markets-maintenance-wrapper .market-row *
    {
        vertical-align: top;
    }

    #markets-maintenance-wrapper .market-row.alternate
    {
        background-color: White;
    }

#markets-maintenance-wrapper span
{
    width: 120px;
    display: inline-block;
}

#markets-maintenance-wrapper .market-name
{
    width: 200px;
    font-weight: bold;
}

#markets-maintenance-wrapper .market-shortname
{
    width: 80px;
}

#markets-maintenance-wrapper .market-type
{
    width: 80px;
}

#markets-maintenance-wrapper .market-location
{
    width: 100px;
}


#markets-maintenance-wrapper .market-actions
{
    width: 50px;
}

#markets-maintenance-wrapper .market-served
{
    width: 60px;
    text-align: center;
}

#markets-maintenance-wrapper .market-startdate,
#markets-maintenance-wrapper .market-enddate
{
    width: 70px;
}

#markets-maintenance-wrapper .market-website
{
    width: 200px;
}

#markets-maintenance-wrapper .market-description
{
    color: #777777;
    width: 880px;
}

#markets-maintenance-wrapper input.market-name
{
    width: 194px;
}

#markets-maintenance-wrapper input.market-location
{
    width: 94px;
}

#markets-maintenance-wrapper .market-type select
{
    width: 80px;
}

#markets-maintenance-wrapper input.market-shortname
{
    width: 74px;
}

#markets-maintenance-wrapper input.market-startdate,
#markets-maintenance-wrapper input.market-enddate
{
    width: 66px;
}

#markets-maintenance-wrapper input.market-website
{
    width: 196px;
}

#markets-maintenance-wrapper input.market-description
{
    margin-top: 5px;
}

#markets-maintenance-wrapper .market-row input[type="button"]
{
    width: 16px;
    height: 16px;
    cursor: pointer;
    border: 0px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 5px;
    background-color: transparent;
}

#markets-maintenance-wrapper .market-edit-button
{
    background-image: url("/img/icons/page_white_edit.png");
}

#markets-maintenance-wrapper .market-remove-button
{
    background-image: url("/img/icons/delete.png");
}

#markets-maintenance-wrapper .market-save-button
{
    background-image: url("/img/icons/accept.png");
}

#markets-maintenance-wrapper .market-cancel-button
{
    background-image: url("/img/icons/cancel.png");
}

/*------------------BO comparison -------------*/

.BO-comparison-table
{
    font-size: 11px;
    border-collapse: collapse;
    margin-top: 10px;
    border: 1px solid #dddddd;
}

    .BO-comparison-table a
    {
        font-weight: bold;
        font-size: 11px;
    }

    .BO-comparison-table .header
    {
        background-color: #dddddd;
        font-weight: bold;
    }

        .BO-comparison-table .header td
        {
            text-align: center;
        }

    .BO-comparison-table td
    {
        padding: 3px;
    }

        .BO-comparison-table td.align-right
        {
            text-align: right;
        }

        .BO-comparison-table td.right-border
        {
            border-right: 1px solid #dddddd;
        }

    .BO-comparison-table tr.alternate
    {
        background-color: White;
    }


/*-------------------- ask and sales table --------------*/

#ask-and-sales-table
{
    background-color: #f2f2f2;
    border: 1px solid #dddddd;
    border-collapse: collapse;
    width: 100%;
}

    #ask-and-sales-table th
    {
        background-color: #dddddd;
    }

.ask-and-sales-table-label
{
    display: block;
    background-color: #f2f2f2;
    border: 1px solid #dddddd;
    text-align: center;
    font-size: 16px;
    padding: 5px;
}

#ask-and-sales-table td
{
    padding: 3px;
}

#ask-and-sales-table tr.alternate
{
    background-color: White;
}

.statistic-chart-wrapper
{
    border: 1px solid #dddddd;
    padding: 10px;
    background-color: #f2f2f2;
    text-align: center;
    margin-top: 10px;
}

    .statistic-chart-wrapper .header
    {
        margin: 10px;
        font-size: 16px;
        font-weight: bold;
        display: block;
    }

    .statistic-chart-wrapper .activities-left
    {
        float: left;
        width: 200px;
    }

    .statistic-chart-wrapper .activities-title
    {
        float: left;
        width: 520px;
        text-align: center;
    }

    .statistic-chart-wrapper .activities-right
    {
        float: right;
        width: 200px;
        height: 30px;
        text-align: right;
        padding-right: 5px;
    }

/*--------------release schedule ---------------*/
.week-view-wrapper
{
    padding: 10px;
    background-color: #f2f2f2;
    border: 1px solid #dddddd;
    margin-top: 10px;
}

    .week-view-wrapper .main-header
    {
        text-align: center;
        font-weight: bold;
        margin-bottom: 10px;
        font-size: 14px;
    }

    .week-view-wrapper .inputs-wrapper
    {
        text-align: center;
        margin-bottom: 10px;
    }

    .week-view-wrapper .header
    {
        display: block;
        font-size: 12px;
        font-weight: bold;
        padding: 5px 40px;
    }

    .week-view-wrapper .day
    {
        background-color: #CEE3ED;
    }

    .week-view-wrapper .week
    {
        background-color: #9ACBE3;
    }

    .week-view-wrapper .row
    {
        padding-top: 5px;
        padding-bottom: 5px;
    }

        .week-view-wrapper .row span
        {
            vertical-align: top;
        }

        .week-view-wrapper .row.alternate
        {
            background-color: White;
        }

        .week-view-wrapper .row .index
        {
            display: inline-block;
            width: 30px;
            text-align: right;
            font-weight: bold;
            padding-right: 10px;
        }

        .week-view-wrapper .row .title
        {
            display: inline-block;
            width: 400px;
        }

        .week-view-wrapper .row .short-title
        {
            display: inline-block;
            width: 350px;
        }

        .week-view-wrapper .row .distributor
        {
            display: inline-block;
            width: 333px;
        }

        .week-view-wrapper .row .opened
        {
            display: inline-block;
            width: 75px;
            text-align: center;
        }

        .week-view-wrapper .row .numeric-vals
        {
            display: inline-block;
            width: 60px;
            text-align: center;
        }

        .week-view-wrapper .row .pattern
        {
            display: inline-block;
            width: 150px;
            text-align: right;
        }

    .week-view-wrapper .caption span
    {
        font-size: 11px;
        color: #666;
        font-weight: bold;
    }

    .week-view-wrapper .row.caption
    {
        padding-bottom: 1px;
        padding-top: 15px;
    }

    /*--------------industry events ------------------*/

    .week-view-wrapper .row.markets
    {
        padding-top: 8px;
        padding-bottom: 8px;
        border-bottom: 1px solid #dddddd;
    }

        .week-view-wrapper .row.markets:last-child
        {
            border-bottom: 0;
        }

    .week-view-wrapper .row span
    {
        display: inline-block;
    }

    .week-view-wrapper .row .market-dates
    {
        width: 100px;
        text-align: center;
        font-weight: bold;
    }

    .week-view-wrapper .row .market-name
    {
        width: 320px;
    }

    .week-view-wrapper .row .market-type
    {
        width: 100px;
    }

    .week-view-wrapper .row .market-description
    {
        clear: both;
        color: #999999;
        margin-top: 3px;
        width: 320px;
    }

    .week-view-wrapper .row .market-address
    {
        width: 200px;
    }

    .week-view-wrapper .row .market-website
    {
        width: 200px;
        text-align: right;
        padding-right: 5px;
    }

    .week-view-wrapper .row .film-title
    {
        width: 270px;
        font-weight: bold;
        padding-left: 5px;
    }

    .week-view-wrapper .row .film-status
    {
        width: 100px;
    }

    .week-view-wrapper .row .film-countries
    {
        width: 130px;
    }

    .week-view-wrapper .row .film-locations
    {
        width: 145px;
    }

    .week-view-wrapper .row .film-date
    {
        width: 70px;
    }

    .week-view-wrapper .row .film-director
    {
        width: 120px;
    }

    .week-view-wrapper .row .film-budget
    {
        width: 80px;
        text-align: right;
    }


/*-------------------aging summary -------------*/

#aging-summary-wrapper
{
    padding: 10px;
    border: 1px solid #dddddd;
    background-color: #f2f2f2;
    margin-top: 10px;
}

    #aging-summary-wrapper #date-wrapper
    {
        font-weight: bold;
        font-size: 13px;
    }

    #aging-summary-wrapper #header-wrapper
    {
        text-align: center;
        font-weight: bold;
    }

    #aging-summary-wrapper .aging-header
    {
        font-size: 19px;
        display: block;
        margin-top: 4px;
        margin-bottom: 4px;
    }

    #aging-summary-wrapper .aging-sub-header
    {
        font-size: 14px;
        display: block;
    }

    #aging-summary-wrapper .account-name
    {
        font-weight: bold;
        display: inline-block;
        width: 412px;
        padding-left: 5px;
    }

    #aging-summary-wrapper .total .account-name
    {
        text-align: right;
    }

    #aging-summary-wrapper .amount
    {
        display: inline-block;
        width: 100px;
        text-align: right;
    }

    #aging-summary-wrapper .total
    {
        font-weight: bold;
    }

    #aging-summary-wrapper .row
    {
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom: 1px solid #dddddd;
    }

        #aging-summary-wrapper .row.total
        {
            font-weight: bold;
            background-color: #e1e1e1;
        }

        #aging-summary-wrapper .row:last-child
        {
            border-bottom: 0 none;
        }

    #aging-summary-wrapper #table-wrapper
    {
        margin-top: 25px;
    }

    #aging-summary-wrapper .header-row
    {
        font-weight: bold;
        background-color: #e1e1e1;
    }

/*----------accounting tab --------*/

#accounting-tab-wrapper
{
    padding-top: 10px;
    clear: both;
}

    #accounting-tab-wrapper .row span
    {
        display: inline-block;
    }

    #accounting-tab-wrapper .row.header
    {
        background-color: #dddddd;
        font-weight: bold;
    }

    #accounting-tab-wrapper .row
    {
        padding-top: 4px;
        padding-bottom: 4px;
    }

        #accounting-tab-wrapper .row.alternate
        {
            background-color: White;
        }

        #accounting-tab-wrapper .row *
        {
            vertical-align: middle;
        }

        #accounting-tab-wrapper .row .date
        {
            width: 120px;
            padding-left: 5px;
        }

        #accounting-tab-wrapper .row .type
        {
            width: 120px;
        }

        #accounting-tab-wrapper .row .description
        {
            width: 230px;
        }

        #accounting-tab-wrapper .row .amount
        {
            width: 120px;
            text-align: right;
        }

        #accounting-tab-wrapper .row .url
        {
            width: 30px;
            text-align: right;
        }

        #accounting-tab-wrapper .row .refresh a
        {
            display: inline-block;
            margin-left: 5px;
            width: 18px;
            height: 18px;
            background-image: url("/img/icons/view_refresh.png");
        }

        #accounting-tab-wrapper .row .url a
        {
            display: inline-block;
            width: 18px;
            height: 18px;
            background-image: url("/img/icons/pdf_icon.gif");
        }

/*-----------------email templates edit------------------*/
#email-templates-edit-wrapper
{
    border: 1px solid #dddddd;
    background-color: #f2f2f2;
    padding: 10px;
    margin-top: 10px;
}

    #email-templates-edit-wrapper #email-templates-inputs-wrapper
    {
        margin-bottom: 10px;
    }

        #email-templates-edit-wrapper #email-templates-inputs-wrapper select
        {
            margin-right: 10px;
        }

        #email-templates-edit-wrapper #email-templates-inputs-wrapper .button
        {
            vertical-align: top;
        }

        #email-templates-edit-wrapper #email-templates-inputs-wrapper .inactive
        {
            color: #aaaaaa;
        }

        #email-templates-edit-wrapper #email-templates-inputs-wrapper #tbNewTemplateName
        {
            margin-right: 10px;
        }

            #email-templates-edit-wrapper #email-templates-inputs-wrapper #tbNewTemplateName[disabled]
            {
                background-color: transparent;
                border: 1px solid #aaaaaa;
            }

        #email-templates-edit-wrapper #email-templates-inputs-wrapper #right-wrapper
        {
            float: right;
        }

/*-------prod calendar -------------*/
#production-calendar-wrapper .inputs-wrapper
{
    margin-bottom: 20px;
}

    #production-calendar-wrapper .inputs-wrapper select
    {
        margin-right: 7px;
    }

    #production-calendar-wrapper .inputs-wrapper .button
    {
        margin-left: 13px;
    }

#production-calendar-wrapper .tab-account-management-item
{
    padding: 6px 7px 6px;
    font-size: 13px;
    background-image: none;
    background-color: #e9e9e9;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

    #production-calendar-wrapper .tab-account-management-item.selected
    {
        background-color: #dddddd;
    }

    #production-calendar-wrapper .tab-account-management-item:hover
    {
        background-color: #dddddd;
    }

#production-calendar-wrapper .prod-listings-tabs-wrapper
{
    float: left;
}

#production-calendar-wrapper .caption
{
    background-color: #dddddd;
    color: Black;
    padding-top: 6px;
}

/*-------------listings box office --------------------*/
#listings-box-office-wrapper
{
    padding: 10px 10px 0 10px;
    margin-top: 10px;
    background-color: #f2f2f2;
    border: 1px solid #dddddd;
}

    #listings-box-office-wrapper .inputs-wrapper
    {
        text-align: right;
        float: right;
    }

        #listings-box-office-wrapper .inputs-wrapper select
        {
            margin-right: 10px;
            width: 100px;
        }

    #listings-box-office-wrapper h1
    {
        background-color: #dddddd;
        display: inline-block;
        width: 300px;
        padding: 5px 10px;
        font-size: 14px;
        margin-bottom: 0px;
        -moz-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
    }

    #listings-box-office-wrapper .control-wrapper
    {
        min-height: 25px;
        border: 1px solid #dddddd;
        margin-bottom: 10px;
        -moz-border-radius: 0 5px 5px 5px;
        border-radius: 0 5px 5px 5px;
        background-color: #f9f9f9;
    }

    #listings-box-office-wrapper .boxoffice-listings-table
    {
        width: 100%;
        border-collapse: collapse;
    }

        #listings-box-office-wrapper .boxoffice-listings-table td,
        #listings-box-office-wrapper .boxoffice-listings-table th
        {
            text-align: right;
            padding: 3px;
        }

        #listings-box-office-wrapper .boxoffice-listings-table .to-left
        {
            text-align: left;
        }

        #listings-box-office-wrapper .boxoffice-listings-table .bold
        {
            font-weight: bold;
        }

        #listings-box-office-wrapper .boxoffice-listings-table tr
        {
            border-top: 1px solid #eeeeee;
        }

        #listings-box-office-wrapper .boxoffice-listings-table thead tr
        {
            border-top: 0;
        }

        #listings-box-office-wrapper .boxoffice-listings-table tr.alternate
        {
            background-color: White;
        }

/*-------------------film reviews control ------------------*/

#film-review-container
{
    margin-top: 10px;
    border: 1px solid #dddddd;
    background-color: #f2f2f2;
}

    #film-review-container .review-header
    {
        background-color: #DDDDDD;
        display: block;
        font-weight: bold;
        padding: 3px 5px;
    }

        #film-review-container .review-header span
        {
            font-size: 14px;
        }

    #film-review-container #film-review-inner-wrapper
    {
        padding: 8px;
        padding-top: 10px;
    }

    #film-review-container .review-author
    {
        display: inline-block;
        width: 200px;
        font-weight: bold;
    }

    #film-review-container .review-date
    {
        display: inline-block;
        width: 194px;
        color: Gray;
    }

    #film-review-container .review-rating
    {
        display: inline-block;
        width: 100px;
        text-align: right;
    }

        #film-review-container .review-rating *
        {
            vertical-align: text-bottom;
        }

    #film-review-container .review-text
    {
        display: block;
        margin-top: 15px;
        text-align: justify;
        line-height: 18px;
    }

    #film-review-container .display-review-text
    {
        margin-top: 7px;
        line-height: 18px;
        border-top: 1px dashed #cbcbcb;
        padding-top: 7px;
    }

/*--------------------- availabilities ---------------------------*/

#avails-main-left-container
{
    width: 240px;
    float: left;
    background-color: #f2f2f2;
}

    #avails-main-left-container select
    {
        width: 220px;
        margin: 10px;
    }

    #avails-main-left-container .film-projects-label
    {
        font-weight: bold;
        margin-bottom: 10px;
        display: inline-block;
        margin-left: 7px;
    }

    #avails-main-left-container #avails-film-items
    {
        padding: 7px;
    }

        #avails-main-left-container #avails-film-items li a
        {
            padding: 3px;
            display: block;
        }

        #avails-main-left-container #avails-film-items li.alternate
        {
            background-color: White;
        }

#table-availabilities .add-license-button
{
    background-image: url("/img/icons/add_icon.png");
}

#film-avails-container #avails-header-wrapper
{
    overflow: auto;
}

#film-avails-container #avails-button-wrapper .button
{
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
}

#avails-by-terr-main-wrapper
{
    padding-left: 10px;
    width: 710px;
    float: left;
    overflow: auto;
}

    #avails-by-terr-main-wrapper .main-header
    {
        display: inline-block;
        width: 300px;
        font-size: 20px;
        font-weight: bold;
        margin: 10px;
    }

    #avails-by-terr-main-wrapper .territory-header
    {
        display: block;
        font-size: 16px;
        font-weight: bold;
        color: Gray;
        margin-left: 10px;
        margin-bottom: 5px;
    }


/*------------------- without sales panel -----------*/
#without-sales-left-panel
{
}

    #without-sales-left-panel .without-sales-left-part
    {
        min-height: 50px;
    }

    #without-sales-left-panel .header
    {
        display: block;
        background-color: #1395D4;
        font-size: 14px;
        font-weight: bold;
        color: White;
        text-align: center;
        padding: 7px;
        margin-top: 10px;
        border: 1px solid #0D5C82;
    }

    #without-sales-left-panel .cast-agent-name
    {
        font-weight: bold;
        margin: 5px;
        margin-left: 10px;
        display: block;
    }

    #without-sales-left-panel .cast-agent-record
    {
        display: block;
        margin: 5px;
    }

/*-------------Review Cleanup Report------------------*/

#film-cleanup-container .film-container
{
    display: inline-block;
}

#film-review-container .add-review-button
{
    background-image: url("/img/icons/add_icon.png");
}

#film-review-container .review-header-button
{
    float: right;
}

.members-list .padding
{
    margin-top: 10px;
}


/*------------------reviews overview-------------------*/
#reviews-overview-wrapper
{
}

    #reviews-overview-wrapper .standard-container
    {
        padding: 10px;
        background-color: #f2f2f2;
        border: 1px solid #dddddd;
        margin-top: 10px;
    }

    #reviews-overview-wrapper #letter-selector
    {
    }

    #reviews-overview-wrapper #all-reviews-panel
    {
        margin-top: 10px;
    }

    #reviews-overview-wrapper #recent-reviews-panel
    {
        width: 620px;
        float: left;
        margin-top: 10px;
    }

    #reviews-overview-wrapper #other-reviews-panel
    {
        width: 308px;
        float: right;
    }

    #reviews-overview-wrapper .letter-item a
    {
        display: inline-block;
        padding: 5px 9px;
        background-color: White;
        font-size: 14px;
        font-weight: bold;
        border: 1px solid #eeeeee;
    }

        #reviews-overview-wrapper .letter-item a:hover
        {
            text-decoration: none;
            background-color: #cccccc;
        }

    #reviews-overview-wrapper .filmReviewsSelectedElement a
    {
        background-color: #dddddd;
    }

    #reviews-overview-wrapper .all-reviews-film-header
    {
        background-color: #dddddd;
        overflow: auto;
        clear: both;
    }

    #reviews-overview-wrapper .all-reviews-item
    {
        border: 1px solid #dddddd;
        margin-bottom: 10px;
        background-color: #f2f2f2;
        overflow: auto;
        clear: both;
    }

        #reviews-overview-wrapper .all-reviews-item:last-child
        {
            margin-bottom: 0;
        }

    #reviews-overview-wrapper .all-reviews-film-header .film-title
    {
        font-size: 14px;
        font-weight: bold;
        float: left;
        margin: 5px;
    }

    #reviews-overview-wrapper .allFilmReviewRateWrapper,
    #reviews-overview-wrapper .filmReviewRateWrapper
    {
        display: inline-block;
        float: right;
        margin: 5px;
    }

        #reviews-overview-wrapper .allFilmReviewRateWrapper *,
        #reviews-overview-wrapper .filmReviewRateWrapper *,
        #reviews-overview-wrapper .filmCurrentReviewRateWrapper *
        {
            vertical-align: bottom;
        }

    #reviews-overview-wrapper .film-poster
    {
        float: left;
        margin: 10px;
    }

    #reviews-overview-wrapper .review-text
    {
        margin-top: 8px;
        display: inline-block;
        width: 865px;
        float: left;
    }

    #reviews-overview-wrapper .review-more-link
    {
        font-weight: bold;
        text-align: right;
        display: block;
        margin-right: 10px;
    }

    #reviews-overview-wrapper .recent-reviews-item
    {
        margin-bottom: 10px;
    }

        #reviews-overview-wrapper .recent-reviews-item:last-child
        {
            margin-bottom: 0;
        }

    #reviews-overview-wrapper .recent-reviews-film-header
    {
        background-color: #dddddd;
    }

        #reviews-overview-wrapper .recent-reviews-film-header .film-title a
        {
            font-size: 14px;
            font-weight: bold;
            margin: 5px 5px 5px 10px;
            display: inline-block;
            margin-right: 20px;
        }

    #reviews-overview-wrapper .recent-review-text
    {
        display: block;
        border: 1px solid #dddddd;
        background-color: #f2f2f2;
        padding: 10px;
        line-height: 18px;
        text-align: justify;
    }

    #reviews-overview-wrapper #other-reviews-panel .other-reviews-header
    {
        display: block;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        margin-bottom: 10px;
    }

    #reviews-overview-wrapper #other-reviews-panel .other-reviews-film-header
    {
        background-color: #dddddd;
        overflow: auto;
    }

        #reviews-overview-wrapper #other-reviews-panel .other-reviews-film-header .film-title
        {
            display: inline-block;
            margin: 4px 3px 4px 10px;
            font-size: 14px;
            font-weight: bold;
            width: 185px;
        }

        #reviews-overview-wrapper #other-reviews-panel .other-reviews-film-header .filmCurrentReviewRateWrapper
        {
            float: right;
            margin: 3px;
        }

    #reviews-overview-wrapper #other-reviews-panel .other-reviews-item
    {
        margin-bottom: 10px;
        clear: both;
        overflow: auto;
        border-bottom: 2px solid #dddddd;
        padding-bottom: 5px;
    }

    #reviews-overview-wrapper #other-reviews-panel .film-right-poster
    {
        float: right;
        margin-left: 6px;
        margin-bottom: 3px;
        margin-top: 5px;
    }

    #reviews-overview-wrapper #other-reviews-panel .other-review-text
    {
        text-align: justify;
        margin-top: 5px;
        margin-bottom: 0;
    }

    #reviews-overview-wrapper #other-reviews-panel .other-review-more-link
    {
        display: block;
        text-align: right;
        font-weight: bold;
    }

/*------------------------errorlog.aspx----------------------------*/
#error-log-wrapper
{
    border: 1px solid #dddddd;
    background-color: #f2f2f2;
    margin-top: 10px;
}

    #error-log-wrapper table
    {
        overflow: hidden;
        font-size: 11px;
        border-collapse: collapse;
        width: 100%;
    }

        #error-log-wrapper table span
        {
            font-size: 11px;
        }

    #error-log-wrapper #error-log-table a
    {
        font-size: 11px;
        cursor: pointer;
    }

    #error-log-wrapper #error-log-table td
    {
        overflow: hidden;
        padding: 0 2px;
    }

    #error-log-wrapper #error-log-table th
    {
        background-color: #dddddd;
    }


    #error-log-wrapper #error-log-table .border td
    {
        border-bottom: 1px solid #dddddd;
    }

    #error-log-wrapper #error-log-table .border:last-child td
    {
        border-bottom: 0;
    }

    #error-log-wrapper #error-log-table .closeDetailsStackTrace,
    #error-log-wrapper #error-log-table .closeDetails
    {
        float: right;
        width: 12px;
        height: 12px;
        margin: 5px;
    }

    #error-log-wrapper #error-log-table .opened
    {
        background-color: #E4EBF5;
    }

    #error-log-wrapper #error-log-table .overflowing
    {
        max-width: 500px;
    }

    #error-log-wrapper #error-log-table .message-wrapper
    {
        width: 200px;
        font-size: 11px;
        max-height: 100px;
        cursor: pointer;
    }

        #error-log-wrapper #error-log-table .message-wrapper:hover
        {
            background-color: White;
        }

        #error-log-wrapper #error-log-table .message-wrapper.expanded
        {
            max-height: none;
        }

/*--------------average return ratio -------------------*/
#avg-return-ratio-wrapper
{
    background-color: #f2f2f2;
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #dddddd;
}

    #avg-return-ratio-wrapper .main-header
    {
        font-size: 16px;
        text-align: center;
        font-weight: bold;
        margin-bottom: 15px;
        margin-top: 5px;
    }

    #avg-return-ratio-wrapper #avg-return-ratio-table
    {
        width: 100%;
        border-collapse: collapse;
        border: 1px solid #dddddd;
    }

        #avg-return-ratio-wrapper #avg-return-ratio-table td
        {
            padding: 4px;
        }

            #avg-return-ratio-wrapper #avg-return-ratio-table td.index
            {
                width: 20px;
                text-align: right;
            }

        #avg-return-ratio-wrapper #avg-return-ratio-table .header
        {
            font-weight: bold;
            background-color: #dddddd;
        }

        #avg-return-ratio-wrapper #avg-return-ratio-table .number
        {
            text-align: right;
        }

        #avg-return-ratio-wrapper #avg-return-ratio-table .main
        {
            font-weight: bold;
        }

        #avg-return-ratio-wrapper #avg-return-ratio-table tr.alternate
        {
            background-color: White;
        }

/*---------------------daily locations---------------------------*/
#daily-locations-main-wrapper
{
    background-color: #f2f2f2;
    border: 1px solid #dddddd;
    padding: 10px;
    margin-top: 10px;
}

    #daily-locations-main-wrapper .header-label
    {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 20px;
        margin-top: 10px;
        text-align: center;
        display: block;
    }

    #daily-locations-main-wrapper #note-search-wrapper
    {
        margin-top: 10px;
        margin-bottom: 10px;
        padding-left: 40px;
        padding-top: 5px;
        float: left;
        width: 170px;
    }

        #daily-locations-main-wrapper #note-search-wrapper input[type="button"]
        {
            border: 0;
            width: 14px;
            height: 14px;
            background-image: url("/system/img/menu/header_search_magnifier.gif");
            cursor: pointer;
        }

        #daily-locations-main-wrapper #note-search-wrapper .label
        {
            color: Gray;
            display: block;
        }

    #daily-locations-main-wrapper #selections-wrapper
    {
        clear: both;
        overflow: auto;
    }

    #daily-locations-main-wrapper #add-location-wrapper
    {
        clear: both;
        margin-top: 20px;
        margin-bottom: 10px;
        overflow: auto;
    }

    #daily-locations-main-wrapper #add-location-wrapper
    {
        text-align: right;
    }

        #daily-locations-main-wrapper #add-location-wrapper .add-location-template
        {
            background-color: White;
            margin-top: 10px;
            border-top: 1px solid #dddddd;
            border-bottom: 1px solid #dddddd;
            padding: 10px;
            text-align: left;
        }

            #daily-locations-main-wrapper #add-location-wrapper .add-location-template .small-button
            {
                float: right;
                background-color: White;
                margin-left: 10px;
            }

            #daily-locations-main-wrapper #add-location-wrapper .add-location-template .label
            {
                display: inline-block;
                margin-left: 10px;
                margin-right: 3px;
                color: Gray;
            }

            #daily-locations-main-wrapper #add-location-wrapper .add-location-template .note
            {
                width: 200px;
                margin-bottom: 10px;
            }


    #daily-locations-main-wrapper table#location-results
    {
        width: 100%;
        border-collapse: collapse;
        border: 1px solid #dddddd;
    }

        #daily-locations-main-wrapper table#location-results th
        {
            background-color: #dddddd;
            padding: 5px;
            padding-left: 15px;
            cursor: pointer;
        }

        #daily-locations-main-wrapper table#location-results td
        {
            padding: 3px;
        }

        #daily-locations-main-wrapper table#location-results tr.alternate
        {
            background-color: White;
        }

    #daily-locations-main-wrapper .small-button
    {
        display: inline-block;
        border: 0;
        width: 16px;
        height: 16px;
        cursor: pointer;
    }

    #daily-locations-main-wrapper .edit-location-button
    {
        background-image: url("/img/icons/page_white_edit.png");
    }

    #daily-locations-main-wrapper .save-location-button
    {
        background-image: url("/img/icons/accept.png");
    }

    #daily-locations-main-wrapper .cancel-location-button
    {
        background-image: url("/img/icons/cancel.png");
    }


/*-----daily location selector -----*/

#year-month-select-control
{
    float: left;
    width: 720px;
    border-right: 1px solid #dddddd;
    margin-top: 5px;
    margin-bottom: 5px;
}

    #year-month-select-control ul
    {
        margin-bottom: 5px;
    }

    #year-month-select-control li
    {
        display: inline-block;
        padding: 3px;
        font-size: 14px;
        font-weight: bold;
        padding: 5px 0;
        text-align: center;
        vertical-align: middle;
        background-color: White;
        border: 1px solid #dddddd;
        cursor: pointer;
        color: #888888;
        margin-right: 5px;
    }

    #year-month-select-control #monthContainer li
    {
        width: 50px;
    }

    #year-month-select-control #yearContainer li
    {
        width: 77px;
    }

    #year-month-select-control ul li.selected
    {
        background-color: #dddddd;
        border: 1px solid #888888;
        color: Black;
    }

    #year-month-select-control ul li.disabled
    {
        background-color: transparent;
        cursor: default;
        color: #cccccc;
        border: 1px solid #eeeeee;
    }

/*----------------film details edit-------------------*/

.back-button-wrapper
{
    padding-top: 10px;
}

#film-details-edit-main-wrapper
{
    margin-top: 10px;
    padding: 15px;
    background-color: #f2f2f2;
    border: 1px solid #dddddd;
    overflow: auto;
}

    #film-details-edit-main-wrapper .section
    {
        margin-bottom: 20px;
    }

        #film-details-edit-main-wrapper .section .header
        {
            border-top: 2px solid #1395d4;
            border-bottom: 2px solid #dddddd;
            padding-top: 4px;
            padding-bottom: 3px;
            clear: both;
        }

    #film-details-edit-main-wrapper .small-button
    {
        display: inline-block;
        border: 0;
        width: 16px;
        height: 16px;
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: center center;
        background-color: transparent;
        margin-left: 7px;
    }

    #film-details-edit-main-wrapper .add-button
    {
        background-image: url("/img/icons/add_icon.png");
    }

    #film-details-edit-main-wrapper .delete-button
    {
        background-image: url("/img/icons/cross.png");
    }

    #film-details-edit-main-wrapper .accept-button
    {
        background-image: url("/img/icons/accept.png");
    }

    #film-details-edit-main-wrapper .cancel-button
    {
        background-image: url("/img/icons/cancel.png");
    }

    #film-details-edit-main-wrapper .edit-button
    {
        background-image: url("/img/icons/page_white_edit.png");
    }


    #film-details-edit-main-wrapper .simple-film-edit
    {
        margin-right: 17px;
        margin-bottom: 20px;
    }

        #film-details-edit-main-wrapper .simple-film-edit.narrow
        {
            width: 298px;
            float: left;
        }

        #film-details-edit-main-wrapper .simple-film-edit.wide
        {
            width: 613px;
            float: left;
        }

    #film-details-edit-main-wrapper .no-margin
    {
        margin-right: 0px;
    }

    #film-details-edit-main-wrapper .simple-film-edit span.text
    {
        display: inline-block;
        width: 80%;
        vertical-align: top;
    }

    #film-details-edit-main-wrapper .simple-film-edit .buttons
    {
        display: inline-block;
        text-align: right;
        float: right;
    }

    #film-details-edit-main-wrapper .simple-film-edit .header span.text
    {
        font-size: 14px;
        color: #1395d4;
        font-weight: bold;
        line-height: 18px;
    }

    #film-details-edit-main-wrapper .simple-film-edit .row
    {
        padding-top: 4px;
        padding-bottom: 4px;
        border-bottom: 1px solid #e3e3e3;
    }

        #film-details-edit-main-wrapper .simple-film-edit .row:last-child
        {
            border-bottom: 2px solid #dddddd;
        }

        #film-details-edit-main-wrapper .simple-film-edit .row span.text
        {
            font-weight: bold;
        }

    #film-details-edit-main-wrapper .simple-new-item-panel
    {
        display: none;
        background-color: White;
        border-bottom: 2px solid #dddddd;
        padding-top: 4px;
        padding-bottom: 4px;
    }

        #film-details-edit-main-wrapper .simple-new-item-panel select
        {
            width: 200px;
            margin-left: 4px;
        }

        #film-details-edit-main-wrapper .simple-new-item-panel .small-button
        {
            margin-top: 2px;
        }

    #film-details-edit-main-wrapper .film-main-title-edit
    {
        overflow: auto;
    }

    #film-details-edit-main-wrapper .film-main-title-select
    {
        width: 25px;
        float: left;
        margin-top: 1px;
    }

    #film-details-edit-main-wrapper .film-title-edit
    {
        float: left;
        padding-top: 2px;
        padding-bottom: 2px;
    }

        #film-details-edit-main-wrapper .film-title-edit *
        {
            vertical-align: top;
            margin: 0;
        }

    #film-details-edit-main-wrapper .film-edit-title-actions
    {
        float: left;
    }

    #film-details-edit-main-wrapper .ddl-select-territory
    {
        width: 180px;
        height: 21px;
    }

    #film-details-edit-main-wrapper .tb-edit-title
    {
        width: 350px;
        margin-right: 15px;
        margin-left: 10px;
    }

    #film-details-edit-main-wrapper #edit-film-titles input[type="radio"]
    {
        margin-top: 4px;
    }

    #film-details-edit-main-wrapper #edit-film-titles
    {
    }

        #film-details-edit-main-wrapper #edit-film-titles input[type="text"],
        #film-details-edit-main-wrapper #edit-film-titles select
        {
            margin: 0;
            vertical-align: top;
        }

        #film-details-edit-main-wrapper #edit-film-titles .row .small-button
        {
            margin-top: 3px;
        }

    #film-details-edit-main-wrapper .new-film-title-panel
    {
        background-color: White;
    }

    /* locations */

    #film-details-edit-main-wrapper .film-locations-record
    {
        font-weight: bold;
    }

        #film-details-edit-main-wrapper .film-locations-record .country
        {
            display: inline-block;
            width: 200px;
        }

        #film-details-edit-main-wrapper .film-locations-record .region
        {
            display: inline-block;
            width: 200px;
        }

        #film-details-edit-main-wrapper .film-locations-record .city
        {
            display: inline-block;
            width: 200px;
        }

        #film-details-edit-main-wrapper .film-locations-record .zipcode
        {
            display: inline-block;
            width: 200px;
        }

    #film-details-edit-main-wrapper .new-location-wrapper
    {
        background-color: White;
        border-bottom: 1px solid #ddd;
        padding: 5px;
    }

        #film-details-edit-main-wrapper .new-location-wrapper .lookup-button
        {
            background-color: White;
        }

    /* budget */

    #film-details-edit-main-wrapper #budget-content-wrapper
    {
        padding-top: 10px;
    }

        #film-details-edit-main-wrapper #budget-content-wrapper .line
        {
            padding-top: 3px;
            padding-bottom: 3px;
            overflow: auto;
            text-align: right;
        }

        #film-details-edit-main-wrapper #budget-content-wrapper .label
        {
            display: inline-block;
            width: 120px;
            font-weight: bold;
            text-align: left;
        }

        #film-details-edit-main-wrapper #budget-content-wrapper .to-top .label
        {
            vertical-align: top;
            margin-top: 5px;
        }

        #film-details-edit-main-wrapper #budget-content-wrapper input[type="text"]
        {
            width: 163px;
            padding: 2px 0 2px 0;
        }

        #film-details-edit-main-wrapper #budget-content-wrapper select
        {
            width: 167px;
            padding: 0;
            height: 22px;
        }

        #film-details-edit-main-wrapper #budget-content-wrapper textarea
        {
            width: 165px;
            padding: 0;
            font-size: 12px;
            overflow: auto;
            resize: none;
            height: 60px;
        }

        #film-details-edit-main-wrapper #budget-content-wrapper #save-budget-wrapper
        {
            text-align: right;
            padding-top: 10px;
        }

    /* --- production --- */

    #film-details-edit-main-wrapper #production-content-wrapper
    {
        padding-top: 10px;
    }

    #film-details-edit-main-wrapper .production-column.column-left
    {
        float: left;
        overflow: auto;
        width: 280px;
        margin-right: 15px;
    }

    #film-details-edit-main-wrapper .production-bottom
    {
        clear: both;
        margin-top: 25px;
    }

    #film-details-edit-main-wrapper #production-content-wrapper span.label
    {
        font-weight: bold;
        display: inline-block;
        width: 90px;
    }

    #film-details-edit-main-wrapper #production-content-wrapper .to-top span.label
    {
        vertical-align: top;
        margin-top: 5px;
    }

    #film-details-edit-main-wrapper #production-content-wrapper .line
    {
        padding-top: 5px;
        padding-bottom: 4px;
    }

    #film-details-edit-main-wrapper .production-column.column-left select
    {
        width: 147px;
    }

    #film-details-edit-main-wrapper #production-content-wrapper select
    {
        height: 22px;
    }

    #film-details-edit-main-wrapper #production-content-wrapper .err
    {
        display: block;
        float: right;
        margin-bottom: 10px;
        padding-right: 18px;
    }

    #film-details-edit-main-wrapper #production-content-wrapper input[type="text"]
    {
        width: 143px;
        padding: 2px 0 2px 0;
    }

    #film-details-edit-main-wrapper #production-content-wrapper textarea
    {
        margin: 0;
        height: 120px;
        width: 495px;
    }

    #film-details-edit-main-wrapper #production-content-wrapper .save-button-wrapper
    {
        text-align: right;
        padding-top: 10px;
        padding-right: 18px;
    }

/* ==================== online users =======================*/

#online-users-wrapper
{
    margin-top: 10px;
    background-color: #f2f2f2;
    border: 1px solid #dddddd;
    padding: 15px;
}

    #online-users-wrapper .header
    {
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        display: block;
    }

    #online-users-wrapper .history-container
    {
        clear: both;
        overflow: auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #online-users-wrapper .photo-container
    {
        float: left;
        width: 80px;
        padding-left: 5px;
        height: 70px;
    }

    #online-users-wrapper .data-container
    {
        float: left;
        width: 830px;
        overflow: auto;
    }

    #online-users-wrapper .first-row
    {
        margin-bottom: 10px;
    }

    #online-users-wrapper .user-name a
    {
        font-weight: bold;
        font-size: 14px;
    }

    #online-users-wrapper .login-time
    {
        float: right;
        font-weight: bold;
        font-size: 14px;
    }

    #online-users-wrapper .row
    {
        padding: 5px;
    }

        #online-users-wrapper .row.alternate
        {
            background-color: White;
        }

        #online-users-wrapper .row .timestamp
        {
            display: inline-block;
            width: 260px;
        }

        #online-users-wrapper .row .action
        {
            display: inline-block;
            width: 260px;
        }

        #online-users-wrapper .row .details
        {
            display: inline-block;
            width: 260px;
        }

        #online-users-wrapper .row:hover
        {
            background-color: #e3e3e3;
            cursor: default;
        }

    #online-users-wrapper a img
    {
        border: 0;
    }

/* ========================= */

#data-transfers-container
{
    border: 1px solid #ddd;
    background-color: #f2f2f2;
    padding: 15px;
    margin-top: 10px;
}

    #data-transfers-container .dropdown-container
    {
        float: right;
    }

    #data-transfers-container .button-wrapper
    {
        margin-left: 120px;
        margin-bottom: 10px;
    }

    #data-transfers-container .header
    {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 15px;
        display: block;
    }

    #data-transfers-container label
    {
        width: 100px;
        font-weight: bold;
        display: inline-block;
        margin-left: 20px;
    }

        #data-transfers-container label.to-top
        {
            vertical-align: top;
            margin-top: 8px;
        }

    #data-transfers-container input[type="text"],
    #data-transfers-container input[type="password"]
    {
        width: 150px;
    }

    #data-transfers-container input.wide
    {
        width: 500px;
    }

    #data-transfers-container .textboxes-wrapper
    {
        padding-top: 20px;
        clear: both;
        float: none;
        border-top: 1px dashed #ddd;
    }

    #data-transfers-container .line
    {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    #data-transfers-container textarea
    {
        width: 775px;
        height: 250px;
        overflow: auto;
        margin-top: 10px;
    }

    #data-transfers-container .label-success
    {
        color: Green;
        font-weight: bold;
        margin-left: 15px;
        display: inline-block;
        width: 650px;
    }

    #data-transfers-container .label-error
    {
        color: Red;
        font-weight: bold;
        margin-left: 15px;
        display: inline-block;
        width: 650px;
    }

/* ============= project edit ============== */

#project-edit-container
{
    border: 1px solid #ddd;
    background-color: #f2f2f2;
    padding: 15px;
    margin-top: 10px;
}

    #project-edit-container .project-edit-header
    {
        font-size: 16px;
        font-weight: bold;
        display: block;
        text-align: center;
        margin-bottom: 20px;
    }

    #project-edit-container .project-edit-line
    {
        border-bottom: 1px solid #ddd;
        padding: 8px;
    }

        #project-edit-container .project-edit-line.no-border
        {
            border: 0;
        }

    #project-edit-container .project-edit-label
    {
        display: inline-block;
        width: 250px;
        font-weight: bold;
        vertical-align: top;
        margin-top: 5px;
    }

    #project-edit-container .sub-label
    {
        font-weight: normal;
        color: #666;
    }

    #project-edit-container .project-edit-label.no-margin
    {
        margin-top: 0;
    }

    #project-edit-container input[type="text"]
    {
        width: 150px;
    }

    #project-edit-container input[type="checkbox"]
    {
        margin-left: 10px;
        margin-right: 10px;
    }

    #project-edit-container input.wide
    {
        width: 450px;
    }

    #project-edit-container textarea
    {
        width: 450px;
        height: 80px;
    }


/* ============ contact documents ============= */

#contact-documents-wrapper
{
    margin-top: 10px;
    background-color: #f2f2f2;
    padding: 10px;
    border: 1px solid #ddd;
}

    #contact-documents-wrapper .document-record:hover div
    {
        background-color: #ddd;
    }

    #contact-documents-wrapper .document-record:hover
    {
        text-decoration: none;
    }

    #contact-documents-wrapper .file-container
    {
        padding: 4px;
    }

    #contact-documents-wrapper .alternate
    {
        background-color: White;
    }

    #contact-documents-wrapper .filename
    {
        font-weight: bold;
        width: 406px;
        overflow: hidden;
        display: inline-block;
        height: 16px;
    }

    #contact-documents-wrapper .date
    {
        display: inline-block;
        width: 80px;
        text-align: right;
    }

    #contact-documents-wrapper .description
    {
        color: Gray;
    }

/* ================== availability topicality ================= */

#topicality-wrapper
{
    margin-top: 10px;
    border: 1px solid #ddd;
    background-color: #f2f2f2;
    padding: 10px 15px 15px 15px;
}

    #topicality-wrapper .header
    {
        font-size: 16px;
        font-weight: bold;
        display: block;
        border-bottom: 1px dashed #ddd;
        padding-top: 5px;
        padding-bottom: 15px;
        padding-left: 15px;
    }

    #topicality-wrapper .subheader
    {
        display: block;
        color: Gray;
        font-size: 14px;
        padding-bottom: 15px;
        font-weight: bold;
        margin-left: 15px;
    }

    #topicality-wrapper #sales-comp-wrapper
    {
        border-bottom: 1px dashed #ddd;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #topicality-wrapper #territory-wrapper
    {
        padding-top: 10px;
    }

    #topicality-wrapper .topicality-record
    {
        padding: 4px;
        font-weight: bold;
    }

        #topicality-wrapper .topicality-record:hover
        {
            background-color: #ddd;
        }

    #topicality-wrapper .alternate
    {
        background-color: White;
    }

    #topicality-wrapper .percentage
    {
        float: right;
    }

    #topicality-wrapper input[type="text"]
    {
        width: 100px;
        margin-right: 15px;
    }

    #topicality-wrapper select
    {
        width: 130px;
        margin-right: 15px;
    }

/*================= avail queue =================*/

#avail-queue-wrapper
{
    border: 1px solid #ddd;
    padding: 15px;
    margin-top: 10px;
    background-color: #f2f2f2;
}

    #avail-queue-wrapper .header
    {
        display: block;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        border-bottom: 1px dashed #ddd;
        padding: 0 10px 10px 10px;
        margin-bottom: 15px;
    }

    #avail-queue-wrapper .input-wrapper
    {
        margin-bottom: 15px; 
    }

        #avail-queue-wrapper .input-wrapper .button
        {
            float:right; 
        }

        #avail-queue-wrapper .input-wrapper input[type="text"]
        {
            margin-right: 15px; 
            width: 180px; 
            border: 1px solid #ddd; 
            font-weight: bold; 
        }

        #avail-queue-wrapper .input-wrapper input[type="text"].date-control
        {
            padding-left: 20px; 
            width: 70px; 
            background-image: url('/img/icons/calendar.png'); 
            background-repeat: no-repeat; 
            background-position: 0 50%; 
        }

    #avail-queue-wrapper .request-record
    {
        padding: 4px;
    }

        #avail-queue-wrapper .request-record *
        {
            vertical-align: top;
        }

        #avail-queue-wrapper .request-record.alternate
        {
            background-color: White;
        }

        #avail-queue-wrapper .request-record:hover
        {
            background-color: #ddd;
        }

        #avail-queue-wrapper .request-record .date
        {
            display: inline-block;
            width: 100px;
        }

        #avail-queue-wrapper .request-record .user-and-account
        {
            display: inline-block;
            width: 240px;
            font-weight: bold;
        }

        #avail-queue-wrapper .request-record .account
        {
            display: block;
            color: Gray;
            font-weight: normal;
        }

        #avail-queue-wrapper .request-record .film
        {
            width: 235px;
            display: inline-block;
            font-weight: bold;
        }

        #avail-queue-wrapper .request-record .territory
        {
            width: 150px;
            display: inline-block;
        }

        #avail-queue-wrapper .request-record .right-name
        {
            display: block;
            color: Gray;
        }

        #avail-queue-wrapper .request-record .note
        {
            width: 160px;
            display: inline-block;
        }

        #avail-queue-wrapper .request-record .add-avail
        {
            width: 18px;
            display: inline-block;
        }

            #avail-queue-wrapper .request-record .add-avail a
            {
                display: inline-block;
                width: 18px;
                height: 18px;
                background-position: 50% 50%;
                background-repeat: no-repeat;
                background-color: transparent;
                border: 0;
                background-image: url("/img/icons/add_icon.png");
                cursor: pointer;
            }

                #avail-queue-wrapper .request-record .add-avail a:hover
                {
                    text-decoration: none;
                }

/* ==================== popup ===================== */

#request-avail-reason-textarea
{
    width: 420px;
    height: 200px;
}

.avail-and-price-container #request-avail-button-wrapper
{
    text-align: center;
    background-color: #e4e4e4;
    border-bottom: 1px solid #cbcbcb;
}

    .avail-and-price-container #request-avail-button-wrapper .button
    {
        margin-top: 10px;
        margin-bottom: 10px;
    }

.avail-and-price-container .already-requested-label
{
    color: Maroon;
    font-weight: bold;
    padding: 10px;
    display: block;
}

#contact-parent-addresses-wrapper
{
    padding: 0 0 10px 0;
}

.address-types-separator
{
    border-top: 2px dashed #cbcbcb;
}

#contact-parent-addresses-wrapper .parent-address-contact-link
{
    color: Gray;
    font-weight: bold;
    float: right;
}

#contact-parent-addresses-wrapper .parent-address-outer-wrapper
{
    margin-top: 10px;
    border-bottom: 1px solid #e2e2e2;
}

#contact-parent-addresses-wrapper .parent-address-inner-wrapper
{
    margin-bottom: 10px;
}


/* master queue */

#master-queue-main-wrapper
{
    margin-top: 10px; 
}

    #master-queue-main-wrapper .float-right
    {
        float: right; 
    }

    #master-queue-main-wrapper .date-control
    {
        width: 70px; 
        background-image: url('/img/icons/calendar.png'); 
        background-repeat: no-repeat; 
        background-position: 0 50%; 
        border: 1px solid #ddd; 
        padding-left: 20px; 
        font-weight: bold; 
    }

    #master-queue-main-wrapper .email-list-wrapper
    {
        margin-top: 10px; 
    }

    #master-queue-main-wrapper .dismiss-span
    {
        display: inline-block; 
        width: 200px; 
    }

    #master-queue-main-wrapper .email-queue-table, 
    #master-queue-main-wrapper .email-queue-table *  
    {
        border: 0; 
        padding: 0; 
    }

    #master-queue-main-wrapper .email-queue-table
    {
        width: 100%; 
    }

        #master-queue-main-wrapper .email-queue-table th
        {
            background-color: #cbcbcb; 
            color: #333333; 
            padding-top: 5px; 
            padding-bottom: 5px; 
        }

        #master-queue-main-wrapper .email-queue-table td
        {
            padding-top: 3px; 
            padding-bottom: 3px; 
        }

        #master-queue-main-wrapper .email-queue-table tr:nth-child(odd)
        {
            background-color: #f2f2f2; 
        }

        #master-queue-main-wrapper .email-queue-table td .email-list-from
        {
            font-weight: bold; 
        }

        #master-queue-main-wrapper .email-queue-table .no-emails-span
        {
            font-weight: bold; 
            padding-left: 3px; 
        }

/* emails tab on contact page  */



#contact-emails-wrapper
{
    background-color: #f2f2f2; 
    border: 1px solid #ddd; 
    padding: 10px; 
} 

#contact-emails-wrapper .float-right
{
    float: right; 
}

#contact-emails-wrapper .contact-emails-tab-table, 
#contact-emails-wrapper .contact-emails-tab-table *  
{
    border: 0; 
    padding: 0; 
}

#contact-emails-wrapper .contact-emails-tab-table
{
    margin-top: 10px; 
    width: 100%; 
}

    #contact-emails-wrapper .date-control
    {
        width: 70px; 
        background-image: url('/img/icons/calendar.png'); 
        background-repeat: no-repeat; 
        background-position: 0 50%; 
        border: 1px solid #ddd; 
        padding-left: 20px; 
        font-weight: bold; 
    }

        #contact-emails-wrapper .contact-emails-tab-table th
        {
            background-color: #cbcbcb; 
            color: #333333; 
            padding-top: 5px; 
            padding-bottom: 5px; 
            padding-left: 3px; 
        }

        #contact-emails-wrapper .contact-emails-tab-table td
        {
            padding-top: 3px; 
            padding-bottom: 3px;
            padding-left: 3px;  
        }

        #contact-emails-wrapper .contact-emails-tab-table tr:nth-child(even)
        {
            background-color: white; 
        }

        #contact-emails-wrapper .contact-emails-tab-table td .email-subject
        {
            font-weight: bold;
            display: block;  
        }

        #contact-emails-wrapper .contact-emails-tab-table td .email-list-text
        {
            overflow: hidden;
            white-space: nowrap;
            width: 380px;
            display: block; 
        }

        #contact-emails-wrapper .contact-emails-tab-table .no-emails-span
        {
            font-weight: bold; 
            padding-left: 3px; 
        }

/* ---------------- EmailDetails ------------------ */

#email-details-wrapper
{
    margin-top: 10px; 
    border: 1px solid #ddd; 
    background-color: #f2f2f2; 
    padding: 15px; 
    
}

#email-details-wrapper .small-button
{
    display: inline-block;
    border: 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    margin-left: 7px;
}

    #email-details-wrapper .add-button
    {
        background-image: url("/img/icons/add_icon.png");
    }

    #email-details-wrapper .delete-button
    {
        background-image: url("/img/icons/cross.png");
    }

    #email-details-wrapper .edit-button
    {
        background-image: url("/img/icons/page_white_edit.png");
    }

    #email-details-wrapper h1
    {
        font-size: 18px; 
        color: black; 
        display: block; 
        border-bottom: 1px dashed #ddd; 
        padding: 0; 
        padding-bottom: 5px; 
    }

    #email-details-wrapper .email-details-section-wrapper
    {
        margin-bottom: 20px; 
    }

    #email-details-wrapper .email-details-section-wrapper .header 
    {
        border-top: 2px solid #1395d4;
        border-bottom: 2px solid #dddddd;
        padding-top: 4px;
        padding-bottom: 3px;
        clear: both;
    }



    #email-details-wrapper .email-details-section-wrapper span.text
    {
        font-size: 14px;
        color: #1395d4;
        font-weight: bold;
        line-height: 18px;
    }

    #email-details-wrapper .email-details-section-wrapper span.buttons
    {
        display: inline-block;
        text-align: right;
        float: right;
    }

    #email-details-wrapper .email-details-section-wrapper div.line
    {
        padding-top: 4px;
        padding-bottom: 4px;
        border-bottom: 1px solid #e3e3e3;
        font-weight: bold; 
    }

    #email-details-wrapper .line-attachments-type
    {
        font-weight: normal; 
        display: inline-block; 
        width: 150px; 
    }


        #email-details-wrapper .email-details-section-wrapper div.line:last-child
        {
            border-bottom: 2px solid #dddddd;
        }

    #email-details-wrapper #email-details-subheader
    {
        display: inline-block; 
        width: 550px; 
        padding-top: 2px; 
        margin-bottom: 20px; 
    }

        #email-details-wrapper #email-details-subheader .subheader-owner-title
        {
            color: #777; 
        }

        #email-details-wrapper #email-details-subheader .subheader-owner-text
        {
            font-weight: bold; 
            color: #777; 
        }

        #email-details-wrapper #email-details-subheader .subheader-date
        {
            float: right; 
            font-weight: bold; 
        }

    #email-details-wrapper .column-left
    {
        float: left; 
        width: 550px; 
    }

    #email-details-wrapper .column-right
    {
        float: right; 
        width: 350px; 
    }

    #email-details-wrapper #email-details-content-wrapper
    {
        line-height: 1.7em; 
    }

    #email-details-wrapper #email-details-subject-wrapper .header 
    {
        border-top-color: #ddd; 
    }

        #email-details-wrapper #email-details-subject-wrapper .header .text
        {
            color: black; 
        }

    #email-details-wrapper #email-details-participants-wrapper .header 
    {
        border-bottom: 0; 
    }

    #email-details-wrapper .participants-line
    {
        float: right; 
        display: inline-block; 
        width: 400px; 
        line-height: 18px; 
        padding-bottom: 2px; 
        margin-bottom: 3px; 
    }

        #email-details-wrapper .participants-line:last-child
        {
            margin-bottom: 15px; 
        }

        #email-details-wrapper .participants-line span
        {
            font-size: 14px; 
        }

        #email-details-wrapper .participants-line.line-from
        {
            border-bottom: 2px solid #ddd; 
        }

        #email-details-wrapper .participants-line span.data
        {
            font-weight: bold; 
            display: inline-block; 
            width: 280px; 
        }