/* ------------------------------   */
/*  SHARED PANEL STYLES */
/* ------------------------------   */
.exportPickerPanel {
    position:absolute; 
    display:block; 
    width:auto;
    background-color:#9fcc9b;
    padding: 5px 10px 5px 10px; 
    border: 1px solid #325411;
}

/*  --------------------------------
       SHARED STYLES FOR LISTS  
    ---------------------------------   */
div.checkboxButton  {
    float:left;
    width: 175px;
    padding: 5px 3px 5px 3px;
    cursor: pointer; 
    background-color: #EDEDED;
}
div.checkboxButtonOn{
    background-color: #C6C6C6!important;
}
/* ------------------------------   */
/*   Link/Label + Icon/image      */
/* ------------------------------   */
.cursorLink
{
    cursor: pointer; 
}
a.cellLink {
    display:block;
    width:100%; 
    height:100%;
} 

a.fullWidthPlain {
    display:block;
    width:100%; 
    height:100%;
    text-decoration: none; 
} 
a.fullWidthPlain:hover {
    text-decoration:underline;
} 
a.inspect { 
    display:block; 
    background: url('../images/inspect.png') no-repeat 0px 2px;
    height:16px;width:16px;
}
a.inspectLink { 
    display:block; 
    background: url('../images/inspect.png') no-repeat 0px 0px;
    padding-left:20px;
}

a.printIconLink { 
    display:block; 
    background: url('../images/print.png') no-repeat 0px 0px;
    float:left;
    height:16px;
    width:16px;
    text-decoration:none;
}
a.openFolder 
{
    background: url('../images/openfolder.png') no-repeat 0px 0px;
    height:16px;
    width:16px;
    display:block;
    float:left;
}

a.calendar { 
    display:block; 
    background: url('../images/calendar.png') no-repeat 0px 2px;
    padding-left:20px;
}

a.itinerary { 
    display:block; 
    background: url('../images/itinerary.png') no-repeat 0px 2px;
    padding-left:20px;
}


a.reload { 
    display:block; 
    background: url('../images/reload.png') no-repeat 0px 2px;
    padding-left:20px;
}

.reloadPanelRight
{
    float: right;
    padding-right: 25px;
}

a.empty { 
    display:block;
    background: url('../images/new.png') no-repeat 0px 2px;
    padding-left:20px;
}
a.sortAsc { 
    display:block;
    background: url('../images/sortasc.png') no-repeat bottom right;
    padding-left:0px;
    padding-right:18px;
}
a.sortDesc { 
    display:block;
    background: url('../images/sortdesc.png') no-repeat bottom right;
    padding-left:0px;
    padding-right:18px;
}

a.add 
{   
    background: url('../images/add.png') no-repeat 0px 0px;
    padding-left:20px;
    width:16px;
    height:16px;
    padding-bottom:3px;
}

a.addLink{     
    display:block;
    background: url('../images/add.png') no-repeat 0px 2px;
    padding-left:20px;
}
a.delete{
    background: url('../images/delete.png') no-repeat;
    text-decoration: none;
    width:13px;
    height:15px;
}
a.deleteSales{
    background: url('../images/delete.png') no-repeat;
    text-decoration: none;
    width:13px;
    height:15px;
}
a.openTabbedFolder
{
    display:block;
    background: url('../images/folder_tabbed.png') no-repeat 0px 0px;
    padding-left:20px;
    width:18px;
    height:18px;    
}
a.ticketAway{     
    display:block;
    background: url('../images/ticket_away.png') no-repeat 0px 0px;
    width:18px;
    height:18px;    
}
a.summarysheet 
{
    padding-left:20px;
    background: url('../images/page_icon.png') no-repeat 0px 0px;
    height:18px;
    padding-bottom:3px;
}
a.exportbars{     
    display:block;
    background: url('../images/chart_icon.png') no-repeat 0px 0px;
    width:18px;
    height:18px;  
    padding-bottom:3px;  
}
a.tickets{     
    display:block;
    background: url('../images/tickets_icon.png') no-repeat 0px 0px;
    width:18px;
    height:18px;  
    padding-bottom:3px;  
}
a.exportButton {
    width:65px;
    height:20px;
    background: url('../images/chart_icon.png') no-repeat 2px 2px;
    padding: 2px 2px 2px 24px; 
    border: 1px solid #000;
    background-color: #9fcc9b;
    border-radius: 5px;
    display:block;
    font-weight:bold;
}
a.ticketLink{     
    display:block;
    background: url('../images/tix.png') no-repeat 0px 2px;
    padding-left:20px;
}

a.printLink { 
    display:block; 
    background: url('../images/print.png') no-repeat 0px 2px;
    padding-left:20px;
}
a.approveLink{     
    background: url('../images/approve.png') no-repeat 0px 2px;
    padding-left:20px;
}
a.rejectLink{     
    background: url('../images/reject.png') no-repeat 0px 2px;
    padding-left:20px;
}
a.cancelLink
{
    background: url('../images/cancel.gif') no-repeat 0px 2px;
    padding-left:20px;
}

.itemOk{
    background: url(../images/item_ok.png) no-repeat;
    padding-left: 17px;
    display:block; 
}
.itemThumb {	
    background-image:#fff url(../images/oks.png) no-repeat; 
    width: 75px;
    padding-left: 17px;
    display:block; 
}
.itemWarning{
    background: url(../images/warning.png) no-repeat;
    padding-left: 17px;
    display:block; 
}
.itemNotOk{
    background: url(../images/item_nok.png) no-repeat;
    padding-left: 17px;
    display:block; 
}
.okTick {
    color:#006400; 
    background:url(../images/tick.png) no-repeat 0px 10px; 
    padding:10px 0px 10px 20px; 
    font-weight:bold; 
}

a.pdf {	
    background: url(../images/pdficon_small.gif) no-repeat;
    /*padding-left: 19px;*/
    display:block; 
}
a.pdfLink {	
    background: url(../images/pdficon_small.gif) no-repeat;
    padding-left: 19px;
    display:block; 
}
a.pdfDraft {	
    background: url(../images/pdf_Draft.png) no-repeat;
    width:19px;
    height:19px;}
a.pdfFinal{	
    background: url(../images/pdf_Final.png) no-repeat;
    width:19px;
    height:19px;
}

a.ok {	
    background:#fff url(../images/oks.png) no-repeat;
    padding-left: 17px;
    display:block; 
}
a.ok-transparentBG {	
    background:url(../images/oks.png) no-repeat;
    padding-left: 17px;	
}
a.pdficon{
    background: url('../images/pdficon_small.gif') no-repeat;
    text-decoration: none;
    display: block;
    width:17px;
    height:17px;
    float:left;
}
a.emailicon{
    background: url('../images/email.png') no-repeat;
    text-decoration: none;
    display: block;
    width:17px;
    height:17px;
    float:left;
}
a.emailsend{
    background: url('../images/email.png') no-repeat;
    text-decoration: none;
    padding-left:17px; 
    float:left;
}
a.swf {	
    background:#fff url(../images/adobe-swf_icon_small.png) no-repeat;
    padding-left: 19px;
    padding-bottom: 5px;
}
a.excel {	
    background: url(../images/excel.gif) no-repeat;
    padding-left: 19px;
    padding-bottom: 5px;
    background-color:inherit;
    text-decoration: underline;
}
a.excel:hover {	
    background: url(../images/excel.gif) no-repeat;
    padding-left: 19px;
    padding-bottom: 5px;
    background-color:inherit;
    text-decoration:none;
}
a.search
{
    background: url('../images/search.png') no-repeat;
    padding-left: 19px;
}
a.paint {	
    background:#fff url(../images/page_white_paintbrush.png) no-repeat;
    padding-left: 19px;
    display:block; 
}
a.word {	
    background:#fff url(../images/page_white_word.png) no-repeat;
    padding-left: 19px;
    display:block; 
}
a.new {	
    background:#fff url(../images/new.png) no-repeat;
    padding-left: 19px;
    display:block; 
}

a.publish {	
    display:block; 
    background: url('../images/publish.png') no-repeat 0px 2px;
    padding-left:20px;
}
     
a.moveUp {	
    background:url(../images/arrow_up.png) no-repeat 0 0;
    display:block; 
    width:16px;
    height:16px;
    float:left;
}
a.moveDown {	
    background:url(../images/arrow_down.png) no-repeat 0 0;
    display:block; 
    width:16px;
    height:16px;
    float:left;
}
a.confirmLink {
    background:url(../images/confirm.png) no-repeat 0 0;
    padding-left:17px;
}
a.authoriseLink {
    background:url(../images/authorise.png) no-repeat 0 0;
    padding-left:17px;
}
a.colour-palette {
    background:url(../images/colour-palette.gif) no-repeat 0 0;
    display:block; 
    width:16px;
    height:16px;
    float:left;
}
a.copysetupLink {
    background:url(../images/copysetup.png) no-repeat 0 0;
    padding-left:20px;  
    padding-bottom: 2px;
}

a.artistmoney
{
    background: url('../images/artistmoney.png') no-repeat;
    text-decoration: none;
    display:block;
    padding-left:20px;    
    width:16px;
    height:16px;
    float:left;
}

a.build 
{ 
    display:block;
    background: url('../images/build.png') no-repeat 0px 2px;
    padding-left:20px;
}

a.nocontent
{ 
    display:block;
    background: url('../images/no_content.png') no-repeat 0px 2px;
    padding-left:20px;
}

a.calendar
{ 
    background: url('../images/calendar.png') no-repeat 0px 2px;
    display:block;
    padding-left:20px;
    float:left;
}

a.copy
{
    background: url('../images/createcopy.png') no-repeat;
    text-decoration: none;
    display:block;
    padding-left:20px;    
    width:16px;
    height:16px;
    float:left;
}
a.copyIcon
{
    background: url('../images/createcopy.png') no-repeat;
    text-decoration: none;
    display:block;  
    width:16px;
    height:16px;
    float:left;
}

a.copytext
{
    background: url('../images/createcopy.png') no-repeat;
    padding-left:20px;
}

a.edittext
{
    background: url('../images/edit.png') no-repeat;
    padding-left:20px;
}
a.openFolderTextLink
{
    background: url('../images/openfolder.png') no-repeat 0px 0px;
    padding-left:20px;
}


a.edit
{
    background: url('../images/edit.png') no-repeat;
    text-decoration: none;
    display: block;
    width:16px;
    height:16px;
    float:left;
}

a.editGreen
{
    background: url('../images/editGreen.png') no-repeat;
    text-decoration: none;
    display: block;
    width:16px;
    height:16px;
    float:left;
}
a.editGray
{
    background: url('../images/editGray.png') no-repeat;
    text-decoration: none;
    display: block;
    width:16px;
    height:16px;
    float:left;
}
a.editGreenText
{
    background: url('../images/editGreen.png') no-repeat;
    padding-left:20px;
}

a.editRevert
{
    background: url('../images/editRevert.png') no-repeat;
    text-decoration: none;
    display: block;
    width:16px;
    height:16px;
    float:left;
}

a.editRevertText
{
    background: url('../images/editRevert.png') no-repeat;
    padding-left: 20px;
}

a.editRed
{
    background: url('../images/editRed.png') no-repeat;
    text-decoration: none;
    display: block;
    width:16px;
    height:16px;
    float:left;
}
a.editRedText
{
    background: url('../images/editRed.png') no-repeat;
    padding-left:20px;
}

a.finalise
{
    background: url('../images/itineraryshowstatus_active.png') no-repeat;
    text-decoration: none;
    display: block;
    width:16px;
    height:16px;
    float:left;
}

a.finalised
{
    background: url('../images/itineraryshowstatus_finalised.png') no-repeat;
    text-decoration: none;
    display: block;
    width:16px;
    height:16px;
    float:left;
}

a.cancelled
{
    background: url('../images/itineraryshowstatus_cancelled.png') no-repeat;
    text-decoration: none;
    display: block;
    width:16px;
    height:16px;
    float:left;
}

a.note
{
    background: url('../images/note.png') no-repeat;
    text-decoration: none;
    display: block;
    width:16px;
    height:16px;
    float:left;
}

a.nonotes
{
    background: url('../images/note_none.png') no-repeat;   
}

a.navigateLeft
{
    background: url('../images/navigate_left.png') no-repeat;
    text-decoration: none;
    display: block;
    width:22px;
    height:22px;
    float:left;
}

a.navigateRight
{
    background: url('../images/navigate_right.png') no-repeat;
    text-decoration: none;
    display: block;
    width:22px;
    height:22px;
    float:left;
}

a.navigateJumpLeft
{
    background: url('../images/navigate_jump_left.png') no-repeat;
    text-decoration: none;
    display: block;
    width:22px;
    height:22px;
    float:left;
}

a.navigateJumpRight
{
    background: url('../images/navigate_jump_right.png') no-repeat;
    text-decoration: none;
    display: block;
    width:22px;
    height:22px;
    float:left;
}

a.itemnotok
{
    background: url('../images/item_nok.png') no-repeat;
    text-decoration: none;
    display: block;
    width:16px;
    height:16px;
    float:left;
}

a.editlink
{ 
    display:block; 
    background: url('../images/edit.png') no-repeat 0px 2px;
    padding-left:20px;
}

a.delete
{
    background: url('../images/delete.png') no-repeat;
    text-decoration: none;
    display:block;
    width:13px;
    height:15px;
    float:left;  
}

button.delete
{
    background: url('../images/delete.png') no-repeat;
    text-decoration: none;
    display:block;
    width:13px;
    height:25px;
    /*float: right;*/
    border: 0;
    padding: 11px 0px 11px 1px;
    clear: right;
}

a.ticketHoldDescription
{
    float:left;
    width: 85%;    
}

.ui-autocomplete 
{
    max-height: 450px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

a.cancelLink
{
    background: url('../images/cancel.gif') no-repeat;
    text-decoration: underline;
    display: inline;
    width:16px;
    height:16px;
    float:none;
    padding-left: 15px;
}

a.cancelLink:hover
{
    background: url('../images/cancel.gif') no-repeat;
    text-decoration: none;
    display: inline;
    width:16px;
    height:16px;
    float:none;
    padding-left: 15px;
}

a.cancel, button.cancel
{
    background: url('../images/cancel.gif') no-repeat;
    text-decoration: none;
    display:block;
    width:16px;
    height:16px;
    float:left;
}

button.cancel {
    border: transparent 0px;
}

a.save
{
    background: url('../images/save.png') no-repeat;  
    text-decoration: none;
    display:block;
    width:16px;
    height:16px;
    float:left;
}
a.savetext
{
    background: url('../images/save.png') no-repeat 0px 0px;   
    display:block;
    padding-left:20px;
}

a.savetext-disabled
{
    background: url('../images/save-disabled.png') no-repeat;    
    display:block;
    padding-left:20px;
    text-decoration:none;
    color:#999;
    cursor:default;
}

a.email-confirmation, a.send-confirmation
{
    background: url('../images/email.png') no-repeat 0;   
    display:block;
    padding-left:20px;
}

a.send-dealsheet
{
    background: url('../images/contract.png') no-repeat 0;   
    display:block;
    padding-left:20px;
}

button.email-confirmation
{
    background: url('../images/email.png') no-repeat 0;   
    display:block;
    padding-left:20px;
    text-decoration: underline;
    margin-left: 10px;
    font-size: 100%; 
    background-color: transparent; 
    border: 0px transparent
}

button.email-confirmation:hover
{
    text-decoration: none;
}
button.send-confirmation {
    background: url('../images/email.png') no-repeat 0;   
    display:block;
    padding-left:20px;
    border: transparent 0;
    color: #ffffff;
    text-decoration: underline;
    margin-top: -3px;
    margin-left: 20px;

}
button.send-confirmation:hover {
    text-decoration: none;
}

button.createTicketing {
    background: url('../images/tickets_icon.png') no-repeat 0;   
    display:block;
    padding-left:20px;
    text-decoration: underline;
    margin-left: 10px;
    font-size: 100%; 
    background-color: transparent; 
    border: 0 transparent
}
button.createTicketing:hover, button.createTicketing:disabled {
    text-decoration: none;
}

a.create-template 
{
    background: url('../images/page_white_paintbrush.png') no-repeat 0 0;   
    display:block;
    padding-left:20px;
}

a.expand
{
    background: url('../images/expand.png') no-repeat;
    text-decoration: none;
    display:block;
    width:16px;
    height:16px;
    float:right;
}

a.contract
{
    background: url('../images/contract.png') no-repeat;
    text-decoration: none;
    display:block;
    width:16px;
    height:16px;
    float:right;
}

a.expandtext
{
    background: url('../images/expand.png') no-repeat;
    padding-left:20px;
}

a.contracttext
{
    background: url('../images/contract.png') no-repeat;
    padding-left:20px;
}

a.expand-small
{
    background: url('../images/expand-small.png') no-repeat 0px 4px;
    text-decoration: none;
    display:block;
    width:12px;
    height:16px;
    float:left;
}

a.contract-small
{
    background: url('../images/contract-small.png') no-repeat 0px 4px;
    text-decoration: none;
    display:block;
    width:12px;
    height:16px;
    float:left;
}

a.showCostUtil
{
    background: url('../images/cogwheel.png') no-repeat;
    text-decoration: none;
    display:block;
    width:16px;
    height:16px;
    float:left;
}
a.rates
{
    background: url('../images/rates.png') no-repeat;
    text-decoration: none;
    display:block;
    width:16px;
    height:16px;
    float:left;
}
a.rates-disabled
{
    background: url('../images/rates-disabled.png') no-repeat !important;    
}
a.hallRental
{
    background: url('../images/build.png') no-repeat;
    text-decoration: none;
    display:block;
    width:16px;
    height:16px;
    float:left;
}

a.configure
{
    background: url('../images/build.png') no-repeat;
    text-decoration: none;
    display:block;
    width:16px;
    height:16px;
    float:left;
}

a.warning
{
    background: url('../images/warning.png') no-repeat;
    text-decoration: none;
    display: block;
    width:16px;
    height:16px;
    float:left;
}

a.magnet
{
    background: url('../images/magnet.png') no-repeat;
    text-decoration: none;
    display: block;
    width:16px;
    height:16px;
    float:left;
}
.magnettext
{
    background: url('../images/magnet.png') no-repeat;
    padding-left:20px;
}

.magnetofftext
{
    background: url('../images/magnet_off.png') no-repeat;
    padding-left:20px;
}

a.excel
{
    background: url('../images/excel.gif') no-repeat;
    display:block;
    width:13px;
    height:15px;
    float:left;    
}

a.exceltext
{
    background: url('../images/excel.gif') no-repeat;
    /*padding-left:20px;  */
    padding: 0 0 5px 20px;
}

a.user
{
    background: url('../images/user.png') no-repeat;
    display:block;
    width:16px;
    height:16px;    
    float:left;
}

a.usertext
{
    background: url('../images/user.png') no-repeat;
    padding-left:20px;
}

/* ------------------------------   */
/*  Labels/Links - Plain            */
/* ------------------------------   */
.inTicketingLabel
{
    font-size:90%;
    background-color:#FABD17;
    padding-left:4px;
    padding-right:4px;
}

.inTicketing
{
    background: url('../images/tix.png') no-repeat 0px 2px;
    padding-left:20px;  
}
.largeFont 
{
    font-size: 1.25em!important;
}
.smallFont 
{
    font-size:80%; 
    font-weight:normal; 
    text-decoration:none; 
}
a.smallFont {
    text-decoration:underline;
}
.plainLabel {
    font-weight:normal;
}
.bold{
    font-weight:bold;
}
.paging{ 
    padding-top: 5px;
}	
.comment {
    font-size: 85%;
    font-weight: normal;
    padding-left: 3px;
    padding-right: 3px;
}

.waiting { 
    background:url(../images/indicator.gif) no-repeat; 
    padding-left:20px; 
}
.redText {
    color: #FF0000;
}
.blueText {
    color: #0000FF;
}
.grayText
{
    color: #8a8a8a !important;
}
.grayText a
{
    color: #606060 !important;
}

.italic
{
    font-style: italic;
}
/* ------------------------------   */
/*  Content Block Styles            */
/* ------------------------------   */
.highlightBackground
{
     background-color:#FABD17 !important; 
}
.highlightBackgroundLight
{
     background-color:#FFE794 !important; 
}
.highlightTableRow td
{
    background-color:#FABD17 !important; 
}
.highlightTableRowLight td
{
    background-color:#FFE794 !important; 
    /*border: 1px solid #FABD17; */
}
.orangeBackground {
    background-color:#fabd17;
}
.leftSideBarControl{
    display: block;	
    border-top: 2px solid #eee;	
}

.borderRed {
    border: Solid 1px Red;
}
.borderNone {
    border: none 0px;
}
blockquote p {
    font:160% Georgia;
    color:#aaa;
    padding:0 10% 0 0;
    line-height:30px;
}
label.info
{
    border: solid 1px #6f6f6f;
    color: #6f6f6f;
    background-color: #fdf7db;
    font-weight:normal;
    font-size: 10px;
    padding: 3px; 
}
.postit 
{
    border: solid 1px #000;
    background-color: #fdf7db;
    padding: 5px;
}

/* ------------------------------   */
/*  Images                          */
/* ------------------------------   */
.update img {
    background:none;
    border:none;
    padding:0px;
    margin:0px;
}

div.accumulativeSalesValidation div.exclamation
{
    background-image: url('../images/exclamation.png');
    background-repeat: no-repeat;
    width:16px;
    height:16px;
    cursor:pointer;
    float: right;
}

td.ticketBandSales div.exclamation
{
    background-image: url('../../../images/exclamation.png');
    background-repeat: no-repeat;
    width:16px;
    height:16px;
    float: right;
}

td.ticketBandUnAllocated div.exclamation
{
    background-image: url('../images/exclamation.png');
    background-repeat: no-repeat;
    width:16px;
    height:16px;
    float: right;
}
/* ------------------------------            
   Messages to the User: 
   Error, Success, Validation       
 ------------------------------   */

/* Used for Success messages on the Message Panel */
div.successMessage {
    color:#006400; 
    background:url(/images/tick.png) no-repeat 0px 10px; 
    padding:10px 0px 10px 20px; 
    font-weight:bold; 
}
/* Used for Forbidden messages on the Message Panel */
div.forbiddenMessage {
    color:#CA4D00; 
    background:url(/images/item_nok.png) no-repeat 0px 10px; 
    padding:10px 0px 10px 20px; 
    font-weight:bold; 
}
/*Inline success message with icon (tick)*/
span.successMessageIcon {
    color:#006400; 
    background:url(/images/tick.png) no-repeat 0 0; 
    padding: 0 10px 0 18px; 
    font-weight:bold; 
}

/* Used for the Validation summary on the Message Panel*/
.field-validation-error
{
    font-weight: bold;
    color: #d83c0c;
}
.validation-summary-errors {
    font-weight: bold;
    color: #d83c0c;
}
#messagePanelValidationSummary .validation-summary-errors ul {
    padding: 0px 0px 0px 0px;
    margin: 10px 0 5px 15px;
    border-top: none;
    line-height: normal;
}
#messagePanelValidationSummary .validation-summary-errors ul > li 
{
    padding-bottom: 0.4em;
}

/* Used for formatting input elements with validation errors */
.input-validation-error {
    border: 1px solid #d83c0c !important;
    background-color: #ffeeee;
}

/* Used for general error labels rendered anywhere in View pages */
.error {  /*TODO: remove when 100% use of message panel is in place */
    font-size: 90%;
    font-weight: normal;
    color: #ff0000;
}

/*Inline error message with icon (cross)*/
span.errorMessageIcon {	
    color: #ff0000;
    background:url(/images/cancel.gif) no-repeat 0 0; 
    padding: 0 10px 0 18px; 
    font-weight:bold; 
}

.message {	/*TODO: remove when message panel is in place */
    font-weight: bold;
    color: #1560BD;
}
.errorCompact{  /*TODO: remove when message panel is in place */
    color:#FF0000;
    font-size: 90%;
}

/* ------------------------------ */
/*   Table Content - Search       */
/* ------------------------------ */
.searchTable {
    border-spacing: 2px;
    width: 98%;
}
.searchTable th {	
    border-bottom:1px solid #eee;
    padding: 2px;
    padding-right: 0px;
    text-align: left;
    vertical-align: bottom;
}

.searchTable td {	
    padding: 2px 4px 3px 2px;
    /*background:#EAEAEA;*/
}
.stripedRows tr:nth-child(even) td
{
    background-color:#ededed;
}
.stripedRows tr:nth-child(odd) td
{
    background-color: #f0f0f0; 
}
.darker {
    background-color: #C1C1C1!important;
}
.searchTableFooter {
    font-weight:bold;
    font-size: 12px;
    border-top: solid 1px #ccc;
}
.searchTableButtonColumn {
    text-align: center;
    padding: 10px;
    width:80px;
}
.searchTable .headerRow td
{	
    background: #C4C4C4;
    font-weight: bold;
}
.searchTable .totalsRow td
{	
    background: white;
    font-weight: bold;
    color: #444; 
}

/* ------------------------------   */
/*   Table Content - Form           */
/* ------------------------------   */
.formTable 
{ 
    display: inline-block;	
}
.formTable td {
    text-align:left;
    background:#eaeaea;
    padding: 2px;
    vertical-align: top;
}
.formTable td.separator {
    width:10px; background-color:White;
}
.formTable td label {
    margin:1px; width:inherit;
}
/* ------------------------------   */
/*   Table Content - Slim           */
/* ------------------------------   */
.slimTable 
{ 
    border-collapse: collapse;
    border-width:0px;
    padding: 0px;
    margin: 2px;
}
.slimTable th {
    text-align:left;
    background:#ffffff;
    font-weight: bold;
    padding: 4px; 
    vertical-align: top;
}
.slimTable td {
    text-align:left;
    background:#eaeaea;
    padding: 4px; 
    vertical-align: top;
    border-bottom: Solid 0.1em #bdbdbd;
}
/* ------------------------------   */
/*   Table Content - Slim Columns   */
/* ------------------------------   */

.columnTableContainer{ 
    border-collapse: collapse;
    border: 1px solid #d8d8d8; 	
    padding: 0px;
    margin: 0px;
}
.columnTableContainer th {	
    border-bottom:1px solid #eee;
    text-align: left;
    padding: 0px;
    height: 24px;
    border-bottom: Solid 0.1em #bdbdbd;
}
.columnTableContainer td {
    text-align:left;
    background:#eaeaea;
    padding: 0px;
    vertical-align: top;
    height: 24px;
    border-bottom: Solid 0.1em #bdbdbd;
}
.columnTableContainer .showColumn{ 
    border-collapse: collapse;
    border: 0px;	
    padding: 0px;
    margin: 0px;
}
.showColumn .editColumn { 
    width:290px;    
}
.showColumn .readColumn {
    width:175px;
}
.showColumn .headingColumn { 
    width:170px;
}
.showColumn .sectionBasic{
    background-color: #faf0e6;
    vertical-align: middle;
}
.showColumn .sectionTickets{
    background-color: #ffebcd; 
    vertical-align: middle;
}
.showColumn .sectionFinancials{
    background-color: #F5DEB3;
    vertical-align: middle;
}
.showColumn .errorBorder{
    border: solid 1px Red;
    border-top: solid 0.2em Red;
}
/* ------------------------------           */
/* Horizontal Table Content - Plus Button   */
/* ------------------------------           */
.plusButton{ 
    float:left;
    width:35px;
    height:30px;
    margin: 0px;
    padding: 0px;
}
.plusButton table{
    border-collapse: collapse;
    border: solid 0px White;
    padding: 0px;
    margin: 0px;
}
/* ------------------------------ */
/*  ???????????????      */
/* ------------------------------ */
.layoutTable {
    border: none;	
}
.layoutTable td{
    text-align: left;
    background-color: inherit;
}



/* ------------------------------       */
/*   Artist Detail Panel (Offer/deal)   */
/* ------------------------------       */

#artistDetailPanelContainer
{
    float:right;	
    z-index: 1;
    margin-top: -15px;
}

.artistDetailPanel {	
    text-align:center;   
    background-color: #1e90ff;    
    text-transform: capitalize;    
    color: White;    
    font-size: 1.3em;
    font-weight: bold;
    padding:2px;
    width: 320px;    
}

.eventDate {
     font-size: 75%;
}



/* ------------------------------ */
/*   Deal/Offer Tab Control       */
/* ------------------------------ */
#dealTabs{	
    display: block;		
    padding: 0px 0px 0px 0px;	
}
#dealTabItems{   
    padding-bottom: 10px;
    height: 15px;
}
#dealTabItems ul{
    list-style: none;
}
#dealTabItems li{
    float: left;
    margin-right: 1px;       
}
#dealTabItems a{
    background: url("../images/corners/bottom_left.gif") no-repeat scroll left bottom transparent;
    display: block;
    height: 25px;
    line-height: normal;
    padding-left: 30px;
    text-align: center;
    text-decoration: none;
}
#dealTabItems a span		
{
    background: url(../images/corners/bottom_right.gif) right bottom no-repeat;		
    padding-right: 30px;
    padding-top:3px;
    height: 22px;
    display: inline-block;
} 	
#dealTabItems .enabledItem{
    background-color: #ffe794;
}
#dealTabItems .activeItem{
    background-color: #fabd17;
}
#dealTabItems .newItem{
    background-color: #fabd17;
}
#dealTabItems .disabledItem{
    background-color: #ededed;
}
    
/* --------------------------- */
/*   Generic Tab Control       */
/* --------------------------- */

#tabPanel{   
    padding-left: 20px; 
    padding-bottom: 5px;
    height:25px;
    margin-left:140px;
}
#tabPanel ul{
    list-style: none;
}
#tabPanel li{
    float: left;
    padding-right: 1px;
}
#tabPanel a{
    display: block;
    text-decoration: none;
    text-align: center;                   
    background: url(../images/corners/bottom_left.gif) left bottom no-repeat;
    line-height: normal;     
    padding-left: 30px;
    height: 25px;    
}
#tabPanel a span{		
    background: url(../images/corners/bottom_right.gif) right bottom no-repeat;		
    padding-right: 30px;
    padding-top:3px;
    height: 22px;
    display: inline-block;
    cursor: pointer;
} 	
#tabPanel .enabledItem{
    background-color: #ffe794;
}
#tabPanel .activeItem{
    background-color: #fabd17;
}
#tabPanel .newItem{
    background-color: #fabd17;
}
#tabPanel .disabledItem{
    background-color: #ededed;
}
    
/* ------------------------------ */
/*   PICKER                       */
/* ------------------------------ */
.picker 
{
    /*padding-bottom: 10px;*/
}

.picker .pickerLabel
{
    float: left;
}

.picker .pickerContainer
{
    float:left;
    padding-left:4px;
}

.picker .pickerClearer
{
    clear: left;
    height: 0px;
}

.picker .pickerChoice
{
    float:left;
}
.picker .pickerSearch
{
    float:left;
    padding-top: 2px;
}

.picker .pickerBusy
{
    vertical-align: bottom;    
}

#lastUpdated
{
    font-size: 80%;	
}

/* ------------------------------ */
/*   Offer Summary                */
/* ------------------------------ */

#offerSummary
{	
    padding-top: 5px;
    padding-bottom: 5px;
    /*padding-left: 5px;*/
    width: 400px;	
}

#offerSummary label
{	
    width: 100px;
    display: inline-block;	
    vertical-align:top;
    font-weight: bold;
    color: #777;	
}

#offerSummary span
{		
    display: inline-block;	
    vertical-align:top;	
    color: #777;	
}

/* ------------------------------   */
/*   Help pages                     */
/* ------------------------------   */


#helpFaq div.categoryTitle { font-weight:bold;padding-top:10px; }
#helpFaq div.faqTopicName { width:600px;background-color:#F5F5F5;padding-left:5px;padding-top:2px;padding-bottom:2px;padding-right:5px;border-bottom:solid 1px #C7C7C7; }
#helpFaq div.faqTopicContent { width:600px;background-color:#FFF;padding-left:10px;padding-top:5px;padding-bottom:15px;border-bottom:solid 1px #C7C7C7; }
#helpFaq a.expandTopic {  background: url('../images/item_closed.png') no-repeat 0px 2px;padding-left:15px; }
#helpFaq a.collapseTopic {  background: url('../images/item_open.png') no-repeat 0px 2px;padding-left:15px; text-decoration:none; }

/* ------------------------------   */
/*   Help Side Bar                 */
/* ------------------------------   */

.helpSideBar  {line-height: 20px; }
.helpSideBar h1 { color: #FFCF4C; display: block; font-size: 220%; border: 0px solid Blue;  }
.helpSideBar span { padding: 2px; display:block; }
.helpSideBar a { text-decoration: underline; }
.helpSideBar .help  { background: url('../images/help_faq.png') no-repeat 70px 0px; height: 38px; padding-left: 0px; padding-top: 15px; border: 0px solid black;}
.helpSideBar .lightbulb  { background: url('../images/lightbulb_48.png') no-repeat 70px 0px; height: 38px; padding-left: 0px; padding-top: 15px; border: 0px solid black;}
.helpSideBar .product  { background: url('../images/balls_48.png') no-repeat 70px 0px; height: 38px; padding-left: 0px; padding-top: 15px; border: 0px solid black;}

/* ------------------------------ */
/*   Rounded Border               */
/* ------------------------------ */
.roundedBorder .t {background: url(../images/bordercorners/dot.gif) 0 0 repeat-x; }
.roundedBorder .b {background: url(../images/bordercorners/dot.gif) 0 100% repeat-x}
.roundedBorder .l {background: url(../images/bordercorners/dot.gif) 0 0 repeat-y}
.roundedBorder .r {background: url(../images/bordercorners/dot.gif) 100% 0 repeat-y}

.roundedBorder .bl {background: url(../images/bordercorners/bl.png) 0 100% no-repeat}
.roundedBorder .br {background: url(../images/bordercorners/br.png) 100% 100% no-repeat}
.roundedBorder .tl {background: url(../images/bordercorners/tl.png) 0 0 no-repeat}
.roundedBorder .tr {background: url(../images/bordercorners/tr.png) 100% 0 no-repeat; padding:10px} 


/* ------------------------------ */
/*   Notice Area       KW TODO check where this is used : wrong color       */
/* ------------------------------ */
.Notice
{
    border-style: solid;
    border-width: 1px;
    background-color: #FFE794;
    text-align: center;
}

/* ------------------------------ */
/*   Generic Dialog               */
/* ------------------------------ */

.dialog { position:absolute; background-color:#fff; border: solid 2px #111; padding:0px; z-index: 100; }
.dialog .dialogDragHandle { position:absolute; width:85%; height:25px; cursor:move; background-color:#fff; }
.dialog .dialogDragHandle { width:100%; height:25px; cursor:move; background-color: #111; color: #fff; }
.dialog .dialogDragHandle { background-color:rgba(0, 0, 0, 0.8); float: left; }
.dialog .dialogTools { position:absolute; right:3px; }
.dialog .dialogTools { position: absolute; right:3px; top: 3px; }
.dialog .dialogContent { padding: 10px; padding-top: 30px; }
.dialog .dialogDragHandle strong { padding-left: 10px; float: left; }

.dialog 
{
    box-shadow: 0 3px 0 rgba(0,0,0,0.1);	
    border: solid 2px rgba(0, 0, 0, 0.8);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}


/* ------------------------------ */
/*        Error Dialog            */
/* ------------------------------ */
#errorDialog { width:400px; background: url('../images/exclamation.png') no-repeat 20px 30px #fff; min-height:50px; z-index:999; }
#errorDialog .dialogContent { padding-left: 40px; padding-top: 30px; }

/* ------------------------------ */
/*   Picker Dialog                */
/* ------------------------------ */

.pickerDialog { width: 300px; }
.pickerDialogTools { position:absolute; right:3px; }
.pickerDialogListContainer { padding-top:10px; }
.pickerDialogList { max-height:200px; overflow:auto; }
.pickerDialogTitle { font-weight:bold; }
.pickerDialogWaiting { background:url(../images/indicator.gif) no-repeat; padding-left:20px; }

/* ------------------------------ */
/*   Utility Classes              */
/* ------------------------------ */

.visible { display:inline; }
.visibleBlock { display:block; }
.hidden { display:none; }
.alwaysHidden { display:none !important; }
.clear { clear: both; height:0px; }
.clearRight { clear: right; height:0px; }
input[disabled] { background-color:#ccc; }
input[readonly] { background-color:#d9d9d9;color:#6d6d6d; }
.spacerLeft { padding-left:3px; float: left; height: 10px;}
.line { height: 2px; background-color: #888; padding: 0px; }
.wrapText { white-space:normal; }

/* Validation */
.validationError input[type=text], .validationError select, input.validationError { background-color: #FFC6C6 !important; }


.searchTable-level2 { 	
    font-size: 100%;
    width:100%;
}
.searchTable-level2 th {	
    border-bottom:1px solid #fff;
    padding: 3px;
    padding-right: 10px;
    text-align: left;
    background:#ccc;
}
.searchTable-level2 td
{
    border-color: #FFFFFF;
    text-align: left;
    background: #ccc;
    padding: 3px;
    vertical-align: top;
}


.searchTable-level3 { 	
    font-size: 100%;
    width:100%;
}
.searchTable-level3 th
{
    background-position: #D8D8D8;
    border-bottom: 1px solid #fff;
    padding: 3px;
    padding-right: 10px;
    text-align: left;
    background: #D8D8D8;
}
.searchTable-level3 td {
    border-color: #FFFFFF;
    text-align:left;
    background:#D8D8D8;
    padding: 3px;
    vertical-align: top;
}


.pipelineCostingItem {
    padding: 2px;
}



/* ------------------------------   */
/*   Calendar View				    */
/* ------------------------------   */

.calendarPageHeader {	
    font-size:1.9em;
    padding-bottom:5px;
    text-align:center;
    width:300px;
}

.calendarHeader
{
    border: solid 1px Orange;		
    display:-moz-inline-box;
    display: inline-block;	
    width: 120px;
    text-align: center;
    background-color: Orange;
    color: #444;
    font-weight: normal;
}

input.smallCalendar
{
    width: 80px;
}


* html .calendarHeader { display:inline; }  /* for IE 6 */
* + html .calendarHeader { display:inline; }  /* for IE 7 */

.calendarCell
{
    border: solid 1px #fff;	
    display: inline-block;
    width: 120px;
    text-align: left;
    height: 90px;
    background-color: #EAEAEA;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 85%;
    vertical-align: top;
}

* html .calendarCell { display:inline; }  /* for IE 6 */
* + html .calendarCell { display:inline; }  /* for IE 7 */

.calendarCellInactive {	
    border: solid 1px #fff;	
    display: inline-block;
    width: 120px;
    text-align: right;
    height: 90px;
    background-color: #FFFFFF;	
    overflow: auto;	
}

* html .calendarCellInactive { display:inline; }  /* for IE 6 */
* + html .calendarCellInactive { display:inline; }  /* for IE 7 */


.calendarDay
{
    font-weight: normal;
    display: block;
    background-color: #FFE794;
    text-align: right;
    /*background-color: #A7A7A7*/
}

/* Inline Help */
.help img { width: 16px; height:16px; }
.help a {text-decoration: none; padding-bottom: 20px; vertical-align: top;}
.help a .helpComment { display:none; border: solid 0px orange; background-color:#C9DFF1; font-size: 80%; padding: 2px;} /*  OC Default mode: hide the text */
.help a:hover .helpComment  { margin-left: 5px; display:block;} /* OC Display text on hover  */ 


/*Spacing*/
div.spacing
{
    height: 20px; 
    display: inline; 
    height:20px; 
    width: 100%; 
    float: left;
}

/* Ticket Allocation Price element */
table tr.retailPrice td,
table tr.retailPrice td a,
.retailPrice,
.retailPrice a { color: #787878 !important;}


/* TicketSaleStatus elements */
table tr.draftSale td, 
table tr.draftSale td a,
.draftSale, 
.draftSale a { color: #787878 !important; }

#ticketSaleStatusLegend span, #ticketSaleStatusLegend em { float:left; margin-right:3px; }
#ticketSaleStatusLegend span.legendBlock { display:block; float:left; width:10px; height:10px; margin:4px 2px 0 3px; }
#ticketSaleStatusLegend span.draftSale span.legendBlock {  background-color:#787878; }
#ticketSaleStatusLegend span.publishedSale span.legendBlock {  background-color:#000; }

.percentageSoldLow { color: #008000; }			/* green */
.percentageSoldMediumLow { color: #FF8C00; }	/* yellow */
.percentageSoldMediumHigh { color: #FF4500; }	/* orange */
.percentageSoldHigh { color: #FF0000; }			/* red */

.percentageSoldLowBackground { background-color: #008000 !important; }        /* green */
.percentageSoldMediumLowBackground { background-color: #FF8C00 !important; }  /* yellow */
.percentageSoldMediumHighBackground { background-color: #FF4500 !important; } /* orange */
.percentageSoldHighBackground { background-color: #FF0000 !important; }       /* red */

#percentSoldLegend span.legendBlock { display:inline-block; width:10px; height:10px; }
#percentSoldLegend span.legendCancelledRescheduled span.legendBlock { background-color: #0000FF; }

#percentSoldLegend span.legendPercentageSoldLow span.legendBlock { background-color: #008000; } /* green */
#percentSoldLegend span.legendPercentageSoldMediumLow span.legendBlock { background-color: #FF8C00; } /* yellow */
#percentSoldLegend span.legendPercentageSoldMediumHigh span.legendBlock { background-color: #FF4500; }/* orange */
#percentSoldLegend span.legendPercentageSoldHigh span.legendBlock { background-color: #FF0000; }/* red */

/* ------------------------------ */
/*        Status Message          */
/* ------------------------------ */
#statusMessage { background:url(../images/indicator.gif) no-repeat; padding-left:20px; font-weight:bold; }

/* ------------------------------ */
/*    Draggable Table Styling     */
/* ------------------------------ */
table.reorderable .tDnD_whileDrag td { background-color:#FFE794 !important; }
table.reorderable td.dragHandle { width: 5px; padding-left:0px; cursor:move; background-image: url(/images/draghandle.png); background-repeat:no-repeat; background-position:  2px 50%; } /*Not using background:url(/images/draghandle.png) no-repeat 2px 50%; on purpose, as it sets bg colour to transparent*/

/* ------------------------------ */
/*    Free Text Picker Styles     */
/* ------------------------------ */
span.freeTextPicker div.pickerItemOk { background: url('/images/item_ok.png') no-repeat right 3px; }
span.freeTextPicker div.pickerItemNotOk { background: url('/images/item_nok.png') no-repeat right 3px; }
span.freeTextPicker div.autoCompleteList { position:absolute; background-color:#fff; border:solid 1px orange; }
span.freeTextPicker div.autoCompleteList div { padding:3px; cursor:pointer;text-decoration:underline; }
span.freeTextPicker div.autoCompleteList div.selected { background-color:#FFE794; }
span.freeTextPicker div.autoCompleteList div.moreResults { padding-top:5px; font-size:0.8em; font-style:italic; }
div.freeTextPickerFindDialog { width:300px; }
div.freeTextPickerFindDialog input.findText { width:200px !important; min-width:200px !important; }
div.freeTextPickerFindDialog div.findResultListContainer { max-height:200px; overflow:auto; margin-top:10px; }
span.freeTextPicker a.pickerNew { margin-left: 5px; }

.inlineFreeTextPicker span.freeTextPicker { display:block; float:left; margin-left:4px; }
.inlineFreeTextPicker span.freeTextPicker input.pickerText { padding: 2px; width: 150px; border: 1px solid #ccc;}
.inlineFreeTextPicker span.freeTextPicker div.textContainer { float:left; width:175px; }
.inlineFreeTextPicker span.freeTextPicker a.pickerFind, div.artistPicker span.freeTextPicker a.pickerNew { float:left; margin-left:5px; }

/* -------------------------------------------------------------------------------------------- */
/*    Multi-select control - overrides for /scripts/jQueryMultiSelect/jQueryMultiSelect.css     */
/* -------------------------------------------------------------------------------------------- */
input.multiSelect[readonly] { background-color:#fff; color: #000; width:83px; }
input.multiSelect[readonly].focus,input.multiSelect[readonly].active { border:1px solid #BBBBBB; }
#sidebar-search div.multiSelectOptions label { font-weight:normal; padding:0; margin:2px; white-space:nowrap; }
#sidebar-search div.multiSelectOptions label input { margin:0; }

#sidebar-search div.multiSelectOptions label.checked { background:none; }

.panel h1
{
    color: #CA4D00;	
    font-size: 100%;
}

.panel h2
{	
    font-size: 90%;
    border: none;
    padding-left: 5px;
}

.boxHeading
{
    border-bottom: none;
    margin: 5px 0px 0px 10px;
    font-weight: bold;
}


.linkpanel
{
    display: inline-block; 
    border: 0px solid black;   	
}

.linkpanel a
{
    color: #0072B1;		
}

.barchart
{	
    background: url('../images/chart_bar.png') no-repeat;   
    padding-left: 19px;
    padding-bottom: 5px;
    background-color:inherit;
    text-decoration: underline;     
}

.barchartlarge
{	
    height: 70px;
    padding-left: 100px;
    padding-top: 45px;	
    background: url('../images/chart_bar.png') no-repeat -15px 0px;        
}

.calendarlarge
{	
    height: 70px;
    padding-left: 100px;
    padding-top: 35px;	
    background: url('../images/calendarlarge.jpg') no-repeat 0px 0px;        
}


.reportPanel
{
    border: 0px solid black;   	
}

.customFieldLabel
{
    display: inline-block;
}

/*
OFFER/SHOW STATUS STYLES
Styles for different Offer and ItineraryShow statuses
-----------------------------------------------------
*/

/*Cancelled & Deleted Offers + Cancelled Shows*/
.offerStatus-Cancelled, tr.offerStatus-Cancelled td, tr.offerStatus-Cancelled td a,
.offerStatus-Deleted, tr.offerStatus-Deleted td, tr.offerStatus-Deleted td a, 
.itineraryShowStatus-Cancelled, tr.itineraryShowStatus-Cancelled td, tr.itineraryShowStatus-Cancelled td a
{
    color: Maroon;
}

.offerStatus-Cancelled .offerStatusHighlight,
.offerStatus-Deleted .offerStatusHighlight,
.itineraryShowStatus-Cancelled .itineraryShowStatusHighlight
{
    font-weight:bold;
}

/*Mature Offers*/
.offerStatus-Mature, tr.offerStatus-Mature td, tr.offerStatus-Mature td a
{
    color: #666;
}

/*Finalised Shows*/
.itineraryShowStatus-Finalised, tr.itineraryShowStatus-Finalised td, tr.itineraryShowStatus-Finalised td a {
    color: #0f570f;
}

.labelText
{
    vertical-align: middle !important;
}

.selectShowTemplate:hover
{
    cursor: pointer;
    background-color: #ddd;
}

/*
End Offer/ItineraryShow status styles
-----------------------------------------------------
*/

/*
Ticket agent admin page
-----------------------------------------------------
*/

#agentBookingFeeTable tr {
    height: 24px;
}

#agentBookingFeeTable .row-drag-handle 
{
    display: block;
    width: 100%;
    text-align: center;    
    padding-top: 4px;  
    padding-left: 1px;  
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
 
#agentBookingFeeTable .row-drag-handle:active { 
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

#agentBookingFeeTable .row-delete
{
    display: block;    
    text-align: center;
    padding-top: 4px;
    padding-top: 4px;
    cursor: pointer;
}

/*
End Ticket agent admin page
-----------------------------------------------------
*/


/*
Overrides for the newer, nicer dialogs
- Eventually, all dialogs should be moved across to look like this... 
-----------------------------------------------------
*/
#agentSaleSummaryDialog {
    width: 655px;
    top: 25% !important;
    left: 20% !important;
}

#agentSaleSummaryDialog .selectDeselectAllAgentsLink {
    display: block;
    margin: 10px 0;
}

#agentSaleSummaryDialog .checkboxButton {    
    width: 200px;
    height: 20px;
}

#agentSaleSummaryDialog #agentList {
    max-height: 250px;
    overflow-y: scroll;   
}
/*
End overrides for the newer, nicer dialogs
-----------------------------------------------------
*/

/*
Custom DataTables styling
-----------------------------------------------------
*/

.dataTables_filter label 
{    
    display: inline-block;
    width: 200px;        
    font-size: 100%;
    font-weight: bold;
    color: #444;
    margin-left: 5px;
    margin-bottom: 10px;
}

.dataTables_filter label input
{
    position: absolute;
    margin-left: 100px;
    width: 250px;
}

.dataTables_info
{
    font-weight: bold;
    color: #444;
    margin-left: 5px;
    margin-bottom: 10px;
    margin-top: 10px; 
}

.dataTables_paginate 
{
    margin-top: 10px;
    margin-left: 5px;
}

.dataTables_paginate a   
{  
    font-weight: bold;
    margin-right: 10px;
    text-decoration: underline;
    cursor: pointer;
}

.dataTables_paginate a.disabled 
{
    color: #adadad;
    font-weight: normal;
    text-decoration: none;
    cursor: default;
}

.dataTables_paginate a.current 
{
    text-decoration: none;
}

.btn {
    display: inline-block;
    height: 25px;
    line-height: 25px;    
    padding: 0 25px;    
    border-radius: 5px;
}

.btn:hover {
    cursor: pointer;
    opacity: .8;
}

.btn-success {
    background-color: #008B8B;
    color: #fff;
}

/*
End Custom DataTables styling
-----------------------------------------------------
*/

.data-input-container {
    border: 1px solid lightgray;
    border-radius: 5px; 
    padding: 10px
}

.confirmation-add-row {
    cursor: pointer;
    vertical-align: middle;
}

.confirmation-remove-row {
    cursor: pointer;
    vertical-align: middle;
    padding-right: 2px;
}

#offerConfirmation .formLabel {
    width: 105px;    
}

#offerConfirmation .formLabel.indented {
    width: 93px;
}

.ShowOwner select {
    min-width: 140px;
}

.large-text {
    display: inline-block;
    font: 180% Arial;
    font-weight: bold;
    margin: 5px 0 0 10px
}

.spin-loader {
    margin-left: 10px;
    width: 140px;
    text-align: center;
}

.spin-loader > span {
  width: 14px;
  height: 14px;
  background-color: #CA4D00;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spin-loader .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spin-loader .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}