
div.layout_label
{
    font-size: 12px;
    font-weight: bold;
}

// this is to offset the extra padding in inputs
// so they are less likely to overflow the cell.
.layout_field
{
    padding-right: 4px;
}


// temp trying out...
// todo: reckon the header needs some density
.well .table, .well .cougartable
{
    background-color: white;
}


/**
 * New cougartable styles - todo: need to review colours for new skin.
 */
 table.cougartable { border-collapse: collapse; }
table.cougartable tr.odd { background: #F0F0F0; }
table.cougartable tr.rowHover { background: #E0E0E0; cursor: pointer; cursor: hand; }
table.cougartable th   { background-position: center right; background-repeat: no-repeat; }

table.cougartable thead tr  { background: #D8D8D8; }
table.cougartable th.header { cursor: pointer; padding-right: 20px; }
table.cougartable th.headerSortUp { background-color: #DDDDDD; background-image: url(../../../images/asc.gif); cursor: pointer; padding-right: 20px; }
table.cougartable th.headerSortDown { background-color: #DDDDDD; background-image: url(../../../images/desc.gif); cursor: pointer; padding-right: 20px; }

table.cougartable .filterWidget input,
    table.cougartable .filterWidget select { width: 100%; }
table.cougartable .filterWidget th.filtering input,
    table.cougartable .filterWidget th.filtering select { background: #FFFFDD; }

td.sortHandle{
    background: url(../../../images/dots.gif) no-repeat 10px 4px;
    cursor: move;
}


/*
 *  YUI calendar styles
 */
.dateCalendarContainerHolder            { position: absolute; }
body .dateCalendarContainer             { display:none; position:absolute; left:10px; top:0px; z-index: 2; }


/*
 * Autocomplete
 */
.ui-autocomplete { max-height: 300px; overflow-y: auto; overflow-x: hidden; padding-right: 20px; }


/*
 * Misc
 */
img.download                            { border: none; }



// todo: this sort of routine stuff - should it be here??
iframe.popup                            { border: none; }


button.imagebutton  { border: none; background: none; cursor: pointer; padding: 0px; }
button.imagebutton:hover  { background: #DDDDDD; }
button.raw img { vertical-align: bottom; }

a img { border: none; }
