/*
You are being provided this source code version of the Custom Work Product pursuant to that certain 
Basic Agreement between Spot Buy Spot LLC (“SBS”) and Katz Communications, Inc. (“KATZ”) which was 
signed by SBS on July 22, 2003 (“Agreement”).  All capitalized terms not defined herein shall have 
the meaning ascribed to them in the Agreement.  SBS owns the Custom Work Product in all forms, 
which includes, without limitation, all derivative works created by SBS; all such derivate works 
shall be part of the Custom Work Product
*/

body {
	background: #fff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    font-family: Tahoma, Arial;
	font-size: 12px;
}

#logo {
    float: left;
}

#header {
    background: #fff url('../images/bg.jpg') no-repeat;
    height: 50px;
    color: #fff;
}

#welcome {
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    font-size: 14px;
    font-weight: bold;
}

#navbar {
    float: right;
}

.button_nav {
    position: relative;
    overflow: visible;
    height: 28px;
    font-size: 10px;
    font-weight: bold;
    border: 0px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    margin: 0 1px;
    padding: 0 5px;
    border-radius: 0px 0px 10px 10px;
    background: #334F6F; /* Old browsers */
    background: -moz-linear-gradient(top, #7e848e 0%, #4f637b 30%, #334f6f 47%, #153a64 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7e848e), color-stop(30%,#4f637b), color-stop(47%,#334f6f), color-stop(100%,#153a64)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7e848e 0%,#4f637b 30%,#334f6f 47%,#153a64 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7e848e 0%,#4f637b 30%,#334f6f 47%,#153a64 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #7e848e 0%,#4f637b 30%,#334f6f 47%,#153a64 100%); /* IE10+ */
    background: linear-gradient(to bottom, #7e848e 0%,#4f637b 30%,#334f6f 47%,#153a64 100%); /* W3C */
    -pie-background: linear-gradient(#7E848E 0%, #4F637B 30%, #334F6F 47%, #153A64 100%);
    behavior: url(PIE.htc);
}

.button_nav:hover {
    background: #b3b8bd; /* Old browsers */
    background: -moz-linear-gradient(top, #b3b8bd 0%, #7c95b3 30%, #4e74a0 47%, #1c518d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3b8bd), color-stop(30%,#7c95b3), color-stop(47%,#4e74a0), color-stop(100%,#1c518d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b3b8bd 0%,#7c95b3 30%,#4e74a0 47%,#1c518d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b3b8bd 0%,#7c95b3 30%,#4e74a0 47%,#1c518d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b3b8bd 0%,#7c95b3 30%,#4e74a0 47%,#1c518d 100%); /* IE10+ */
    background: linear-gradient(to bottom, #b3b8bd 0%,#7c95b3 30%,#4e74a0 47%,#1c518d 100%); /* W3C */
    -pie-background: linear-gradient(#b3b8bd 0%,#7c95b3 30%,#4e74a0 47%,#1c518d 100%);
    behavior: url(PIE.htc);
}

#content {
    width: 100%;
    background: #fff url('../images/bg.jpg') no-repeat fixed 0px -50px;
    text-align: center;
}

#main {
    text-align: left;
    margin: 0 auto 0 auto;
    background-color: #fff;
    background-image: none;
    width: 90%;
    border: double #ccc;
    padding: 10px 10px 10px 10px;
}

#filters_summary {
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #ccc;
    font-weight: bold;
}

.button_filter {
    background: url('../images/button_filter.gif') no-repeat;
    width: 65px;
    height: 16px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    border: 0 none;
    color: #fff;
}

.button_filter:hover {
    background: url('../images/button_filter_hover.gif') no-repeat;
}

#section_header {
    width: 100%;
    background-color: #59788b;
    height: 25px;
    padding-top: 2px;
    padding-bottom: 3px;
}

#section_header_left {
    width: 32%;
    float: left;
    padding-left: 10px;
}

#section_header_middle {
    width: 32%;
    float: left;
    text-align: center;
}

#section_header_right {
    width: 32%;
    float: right;
    text-align: right;
    padding-right: 10px;
}

#section {
    font-weight: bold;
    font-size: 16px;
    color: #364a69;
    margin-bottom: 5px;
}

#section_nav {
    text-align: right;
    border-top: solid 2px #87888a;
}

.button_section {
    background: url('../images/button_section.gif') no-repeat;
    width: 78px;
    height: 29px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    border: 0 none;
    color: #fff;
}

.button_section_long {
    background: url('../images/button_section_long.gif') no-repeat;
    width: 175px;
    height: 28px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    border: 0 none;
    color: #fff;
}

.button_section_long:hover {
    background: url('../images/button_section_long_hover.gif') no-repeat;
}

.button_section:hover {
    background: url('../images/button_section_hover.gif') no-repeat;
}

.button_header {
    background: url('../images/button_header.gif') no-repeat;
    width: 151px;
    height: 22px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    border: 0 none;
    color: #fff;
    padding-bottom: 1px;
}

.button_header:hover {
    background: url('../images/button_header_hover.gif') no-repeat;
}

.table_header {
    border-right: 0;
    background-color: #59788b;
    color: #fff;
    text-align: left;
}

.avail_SummaryHeader {
    font-weight: bold;
    font-size: 12px;
    color: #59788b;
    background-color: #ccc;
    text-align: center;
}

.avail_SummaryHeader a {
    color: #59788b;
}

.avail_SummayData {
    font-weight: normal;
    font-size: 11px;
    text-align: center;
    background-color: White;
    color: Black;
}

.avail_SummayData_AlternatingRow {
    font-weight: normal;
    font-size: 11px;
    text-align: center;
    color: Black;
    background-color: Gainsboro;
}

.notes {
    background-color: #59788b;
    font-weight: bold;
    color: #fff;
    height: 20px;
    width: 20px;
}

#AvailDetail {
    background-color: #ddd;
}

.detail_label {
    font-weight: bold;
    font-size: 9pt;
    color: #364a69;
}

.detail_data_label {
    font-weight: normal;
    font-size: 9pt;
    color: Black;
}

.due_date {
    color: Red;
    font-weight: bold;
    font-size: 9pt;
}

#comments {
     background-color: #ccc;
}

.comment_header {
    color: #59788b;
    background-color: #ccc;
    font-weight: bold;
}

#comments_container {
     background-color: #ccc;
     padding: 10px 20px 10px 20px;
}

.comment_grid {
    background-color: #fff;
}

.comment_button {
    background: url('../images/add.gif') no-repeat;
    width: 16px;
    height: 16px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    border: 0 none;
    color: #fff;
    cursor: hand;
}

#promo {
   color: #fff;
   font-weight: bold;
}

.promo_label {
    font-weight: bold;
}

.promo_textbox {
    height: 60px;
    width: 100%;
    font-size: 9pt;
    font-weight: normal;
}

.buyline_header {
    font-weight: bold;
    font-size: 12px;
    color: #59788b;
    background-color: #ccc;
    text-align: center;
}

.buyline_footer {
    font-weight: bold;
    font-size: 9pt;
}

.readOnlyBuylineTextbox {
    text-align: center;
    border: 0;
    border-style: none;
}

.PendingReportListViewLabel {
    font-weight: bold;
    font-size: 16px;
    color: Black;
}

.PendingReportLabel {
    font-weight: normal;
    font-size: 12px;
    color: Black;
}

.TextboxAlignRight {
    text-align: right;
}

#LoginBox {
    WIDTH: 100%;
    TEXT-ALIGN: center;
}

#LoginForm {
	/* border: #6699cc 3px outset;  */
    */ MARGIN: 60px;
    */ WIDTH: 500px;
    /* BACKGROUND-COLOR: #e5e5ad; */
}

#LoginHeader {
	padding: 0px;
    BACKGROUND-IMAGE: url(images/nav_bg.gif);
    MARGIN: 0px;
    /* BACKGROUND-COLOR: #e5e5ad; */
    TEXT-ALIGN: left;
}

#LoginData {
	padding: 1em;
    FONT-WEIGHT: bold;
    COLOR: white;
}

#LoginData TABLE {
    TEXT-ALIGN: left;
}

.ErrorText {
	border: red 1px solid;
	padding: 2px;
    color: red;
    font-weight: bold;
    font-size: 12pt;
}

h1 {
    font-weight: bold;
    font-size: 14pt;
}