/* =============================================================================
   main.css - site-wide utilities and components
   Loaded after master-old.css; before dafyomiPage.css and page stylesheets.
   Sections:
     1.  Element / global overrides
     2.  Layout & spacing utilities
     3.  Visibility & text utilities
     4.  Outer grid container
     5.  Form elements
     6.  Buttons & downloads
     7.  Grid & table
     8.  Search & paging
     9.  List view
    10.  Message box
    11.  Color tokens
    12.  Links & interactive
   ============================================================================= */


/* =============================================================================
   1. Element / global overrides
   ============================================================================= */

dl {
    padding: 0;
    margin: 0;
}

dt, dd {
    float: right;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 10px 0 30px;
}

legend {
    font-weight: bold;
    color: #700308;
}

legend.floatRight {
    float: right;
    vertical-align: bottom;
    margin-top: 2px;
}


/* =============================================================================
   2. Layout & spacing utilities
   ============================================================================= */

.vMiddle {
    vertical-align: middle;
}

.spacer {
    clear: both;
    height: 10px;
}

.noMargin {
    margin: 0;
    padding: 0;
}

.paddingTop {
    padding-top: 10px;
}

.left {
    text-align: left;
}

div.margin15 {
    margin-right: 15px;
}


/* =============================================================================
   3. Visibility & text utilities
   ============================================================================= */

.hidden {
    display: none;
}

.hiddenAccessible {
    width: 0;
    height: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    overflow: hidden;
    cursor: default;
    font-size: 1px;
}

.ltr {
    direction: ltr;
}

.nowrap {
    white-space: nowrap;
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
}

.linkText {
    width: 300px;
}


/* =============================================================================
   4. Outer grid container
   ============================================================================= */

.divOuterGrid {
    background: url("../images/container_left-top.gif") no-repeat left top;
    width: 800px;
}

h1.gridH1 {
    background: url("../images/container_right-top.gif") no-repeat right top;
    height: 33px;
    padding-right: 30px;
    margin: 0;
}

.divOuterGrid fieldset {
    width: 750px;
    padding: 0 10px 10px 10px;
    margin: 0 19px 0 0;
}

.divInnerGrid {
    width: 799px;
    margin: 0;
    background: url("../images/container_right_middle.gif") repeat-y scroll right center #FDFBF4;
    border-left: 1px solid #B6A258;
    padding: 0 0 10px 0;
}

.firstFieldBlock {
    margin-top: 10px;
}


/* =============================================================================
   5. Form elements
   ============================================================================= */

.fieldset, fieldset {
    border: 1px solid #6D6E71;
    margin-right: 5px;
    margin-left: 5px;
    padding: 5px 10px 10px 10px;
}

.required {
    color: Red;
}

.searchInnerFirst label {
    display: inline-block;
    width: 45px;
}

.searchInnerFirst select {
    width: 110px;
    margin-left: 40px;
}

.searchInnerLarge {
    display: inline-block;
    margin-right: 30px;
}

.lightText input {
    color: #999999;
}

    .lightText input.colorBlack {
        color: #000000;
    }

.pageSearch .label {
    width: 80px;
}

select[disabled], input[disabled] {
    color: #999999;
}

.noBorder, td.noBorder {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}


/* =============================================================================
   6. Buttons & downloads
   ============================================================================= */

.button {
    height: 23px;
    width: 49px;
    color: #771e23;
    cursor: pointer;
    border: 0;
    font-size: 1em;
    font-weight: bold;
    font-family: Arial;
    background: url(../images/btn_bg.gif) no-repeat center 4px;
}

.clsButtonWide span {
    background: url(../images/download-music-yellow.gif) no-repeat left top;
    display: inline-block;
    width: 60px;
    text-align: right;
    padding-bottom: 2px;
}

.download {
    display: inline-block;
    width: 100px;
    height: 19px;
    background: url(../images/btn_bg2_download.gif) no-repeat left top;
}


/* =============================================================================
   7. Grid & table
   ============================================================================= */

.grid {
    border: 1px solid #6D6E71;
}

    .grid caption {
        font-weight: bold;
        text-align: right;
        padding-bottom: 5px;
    }

    .grid th {
        background-color: #EBDEB0;
        border-bottom: 1px solid #6D6E71;
        text-align: right;
    }

.grid th, .grid td {
    padding: 3px 20px;
}

td.smallCell, .clsIndexTable td.smallCell {
    width: 50px;
}

td.mediumCell, .clsIndexTable td.mediumCell {
    width: 75px;
}

td.largeCell, .clsIndexTable td.largeCell {
    width: 105px;
}

/* Overrides master-old.css .clsIndexTable th { color: #000000 } */
table.clsIndexTable th {
    color: #700308;
}

.rightTableHeader th {
    text-align: right;
}

.tableUnderline td a span {
    text-decoration: underline;
}

.textCenter, .clsIndexTable td.textCenter {
    text-align: center;
}

.dafCombo {
    width: 50px;
}

td.maggid {
    width: 110px;
}


/* =============================================================================
   8. Search & paging
   ============================================================================= */

.clsSearchForm {
    margin-bottom: 5px;
}

    .clsSearchForm fieldset {
        padding: 0;
        margin: 0;
    }

.searchTextSpan {
    background-color: #FDB458;
}

.paging {
    margin: 5px 0 0 5px;
    text-align: center;
}


/* =============================================================================
   9. List view
   ============================================================================= */

.divListView {
    margin-top: 20px;
}

    .divListView table {
        border: 1px solid #6D6E71;
        width: 772px;
        margin: 0 19px 0 0;
    }

        .divListView table th {
            border-bottom: 1px solid #6D6E71;
        }

            .divListView table th a {
                text-decoration: none;
            }

    .divListView .divPager {
        width: 772px;
        margin: 0 19px 0 0;
        text-align: center;
    }

    .divListView table th, .divListView table td {
        padding: 4px;
    }

/* =============================================================================
   10. Message box
   ============================================================================= */

.messageboxWrapper {
    border: solid 1px #B6A258;
    background-color: #ffffff;
}

.messageBoxHeader {
    padding: 5px 5px 3px 5px;
}

.messageBoxContent {
    padding: 10px;
}

    .messageBoxContent div {
        text-align: center;
    }


/* =============================================================================
   11. Color tokens
   ============================================================================= */

.darkYellow       { color: #847b50; }
.lightYellow      { color: #977b1a; }
.bordeaux         { color: #781f23; }

.efratDarkYellow  { color: #847b50; }
.efratLightYellow { color: #977b1a; }
.efratBordeaux    { color: #781f23; }


/* =============================================================================
   12. Links & interactive
   ============================================================================= */

a.noTextDec {
    text-decoration: none;
}

a.noLink,
a.noLink:hover,
.divBreadCrumb ol li a.noLink,
.divBreadCrumb ol li a.noLink:hover {
    font-weight: normal;
    text-decoration: none;
}

a.teurButton, a.teurButton:visited, a.teurButton:link {
    display: inline-block;
    margin-right: 5px;
    color: #700308;
}

.teurHidden {
    padding: 5px;
    border: solid 1px #B6A258;
    display: none;
}

/* Overrides master-old.css .clsFooter A:hover (removes text-decoration: underline) */
.clsFooter a.creditAdam:hover {
    text-decoration: none;
    color: #909090;
}