/* the preview box is for the admin section, mimic headlinesContainer so we can get appropriate heights */
div.headlinesAdminPreviewBox 
{
    height:150px;
    width: 648px;
    overflow: auto;
    margin: 4px;
    border: 1px solid black;
}

table.headlinesContainer
{
    height:150px;
    width: 648px;
    min-height: 180px;
}

table.headlinesContainer td
{
    border: solid 1px #E8EEF6;
    padding: 5px;
    vertical-align:bottom;

}

table.headlinesContainer td.headlineNav
 {
    padding: 4px;
    border-bottom: solid 2px #063166;
    background-color: #E8EEF6;
    color: Black;
    text-align: right;
    vertical-align: middle;
    margin-top: 3px;
    height: 30px;
 }
 
td#headlineDetail
 {
    vertical-align: top;
    text-align:left;
    border-bottom: solid 1px #063166;
    height:120px;
    min-height: 120px;
 }
 
td#headlineDetail img {
    background-image: url('../images/LoadingSmall.gif');
    background-position: center;
    background-repeat: no-repeat;
 }
 
td#headlineDetail table td
 {
    border:none;
    padding: 3px;
    vertical-align: top;
 }
 
table.headlinesContainer td.headlineNav span.headlinesButton
{
    padding: 1px 3px 1px 3px;
    margin: 1px 3px 1px 3px;
    border-right: #d7d7d7 2px ridge;
    border-top: #d7d7d7 2px ridge;
    border-left: #d7d7d7 2px ridge;
    border-bottom: #d7d7d7 2px ridge;
    cursor: pointer;
    font-size:85%;
    background-color: #331b08;
    color:White;
}

table.headlinesContainer td.headlineNav span.disabled
{
    background-color: #D7D7D7;
    cursor: auto;
    font-size:85%;
    color:Black;
}


table.headlineInner, 
table.headlineInner td {
    border: none;
}