/* --- Resources --- */
#resource-content {
    margin-left: 175px;
}
.newsContainer {
    width: 90%;
    border: solid 1px #CCCCCC;
    padding: 20px;
}
.newsHeader {
    background-color: #f2f2f2;
}
.newsContainer h2 {
    padding: 4px;
    margin: 0;
}
.newsTitle {
    font-size: 20px;
    color: #76aa24;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: solid 1px #CCCCCC;
}
.newsHeader {
    padding: 8px;
    border: solid 1px #aaaaaa;
    background-color: #f1f1f1;
    font-size: 11px;
    margin-bottom: 20px;
}
.newsHeader span {
    display: block;
    float: right;
}
.newsDescription {
    font-size: 12px;
    line-height: 20px;
}
.priceBoxTitle {
    background-color: #e7f2d5;
    border-bottom: solid 3px #aec885;
    padding: 7px 8px;
    font-weight: bold;
}
h2.priceBoxTitle {
    background: none;
    padding: 5px 0;
}
.priceBoxContent {
    border: solid 1px #e3efd0;
    padding: 10px;
    padding-bottom: 20px;
    margin-bottom: 5px;
}
.BoxContent {
    border: solid 1px #e3efd0;
    padding: 10px;
    padding-bottom: 20px;
    margin-bottom: 5px;
    text-align: justify;
}
.changered {
    color: Red;
}
.changegreen {
    color: Green;
}
.nochange {
    color: Blue;
}
.priceBoxContent1 {
    border: solid 1px #e3efd0;
    padding: 10px;
    padding-bottom: 20px;
    margin-bottom: 5px;
    width: 800px;
    height: 180px;
}
.priceBoxContent1 ul li span {
    font-size: 10px;
}

.listprice {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 22px;
}

.smalltext {
    font-size: 12px;
    font-style: italic;
    color: Black;
}
.Allmonth {
    text-align: right;
}
h1 {
    font-family: Arial;
    font-size: 14px;
    color: Green;
}
#sc-butts {
    padding-left: 100px;
}
#sc-butts ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#sc-butts ul li {
    list-style: none;
    display: block;
    float: left;
    margin-right: 4px;
}
#sc-butts ul li a {
    display: block;
    background-color: #98cf4a;
    font-weight: bold;
    color: #003300;
    text-decoration: none;
}
#sc-butts ul li a:hover {
    color: #972600;
}
#sc-butts ul li a.prices {
    background: #98cf4a url(../ScrapResources/images/price_icon.gif) no-repeat 5px;
}
#sc-butts ul li a.newss {
    background: #98cf4a url(../ScrapResources/images/news_icon.gif) no-repeat 5px;
}
#sc-butts ul li a.monthly {
    background: #98cf4a url(../ScrapResources/images/cal_icon.gif) no-repeat 5px;
}
#sc-butts ul li a.weekly {
    background: #98cf4a url(../ScrapResources/images/chart_icon2.gif) no-repeat 5px;
}
#sc-butts ul li a.detailed {
    background: #98cf4a url(../ScrapResources/images/detailed_icon.gif) no-repeat 5px;
}

td#prices #sc-butts ul li a.prices, td#prices #sc-butts ul li a.detailed, td#newss #sc-butts ul li a.newss, td#monthly #sc-butts ul li a.monthly, td#weekly #sc-butts ul li a.weekly {
    color: #FFFFFF;
}
div#prices #sc-butts ul li a.prices, div#prices #sc-butts ul li a.detailed, div#newss #sc-butts ul li a.newss, div#monthly #sc-butts ul li a.monthly, div#weekly #sc-butts ul li a.weekly {
    color: #FFFFFF;
}

#sc-butts ul li a span {
    display: block;
    background: url(../ScrapResources/images/left_corn.gif) no-repeat left;
}
#sc-butts ul li a span span {
    display: block;
    background: url(../ScrapResources/images/right_corn.gif) no-repeat right;
    padding: 7px 7px;
}

#sc-butts ul li a.prices span span {
    padding-left: 30px;
    padding-right: 15px;
}
#sc-butts ul li a.detailed span span {
    padding-left: 40px;
    padding-right: 15px;
}
#sc-butts ul li a.newss span span {
    padding-left: 35px;
    padding-right: 15px;
}
#sc-butts ul li a.weekly span span {
    padding-left: 45px;
    padding-right: 15px;
}
#sc-butts ul li a.monthly span span {
    padding-left: 40px;
    padding-right: 15px;
}

h3.priceHeading {
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    color: #91C11E;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: solid 1px #E6E6E6;
    background: none;
}
h3.priceHeading span {
    color: #336600;
}

.resourcesBox {
    background-color: #FFFFFF;
    padding: 15px 2px;
    margin-bottom: 8px;
    border-right: #99cc33 1px solid;
    border-top: #99cc33 1px solid;
    border-left: #99cc33 1px solid;
    border-bottom: #99cc33 1px solid;
}
#prcLeftBar ul#maincats ul li {
    font-weight: normal;
}
#prcLeftBar ul#maincats {
    margin: 0 8px;
    padding: 0;
    list-style: none;
}
#prcLeftBar ul#maincats ul {
    margin-bottom: 15px;
    display: block;
    padding-left: 15px;
}
#prcLeftBar ul#maincats div {
    font-weight: bold;
    color: #005571;
}

.LeftMenuHeading {
    display: block;
    background-color: #f9f9f9;
    margin-top: 30px;
    border: solid 1px #CCCCCC;
    margin-bottom: 5px;
    padding: 5px;
    font-size: 13px;
    color: #000000;
}


#prcTopBar {
    /*background: url(../ScrapResources/images/topbar_bg.gif) left bottom;*/
    padding-top: 30px;
    width: 970px;
}
#prcTopBar ul {
    margin: 0;
    padding: 0;
}
#prcTopBar ul li {
    list-style: none;
    display: block;
    float: left;
    margin-right: 4px;
}
#prcTopBar ul li a {
    display: block;
    padding: 5px 10px;
    background-color: #5e7fab;
    color: #FFFFFF;
    border-top: solid 1px #000000;
    border-left: solid 1px #000000;
    border-right: solid 1px #000000;
    border-bottom: solid 1px #5e7fab;
    text-decoration: none;
}
#prcTopBar ul li a:hover {
    background-color: #e04813;
}
#prcTopBar ul li a#top-SMS {
    background-color: #f36d00;
}
#prcTopBar ul li a#top-Email {
    background-color: #429e44;
}
/*#Commodity #top-Commodity, 
#ScrapMetal #top-ScrapMetal, 
#PlasticRubber #top-PlasticRubber, 
#DubaiSteel #top-DubaiSteel {
    background-color:White;
    color:Black;
    border-bottom:solid 1px White;
    font-weight:bold;
}*/

#Metal #top-Metal, #Scrap #top-Scrap, #Plastic #top-Plastic, #Rubber #top-Rubber, #Oil #top-Oil, #Steel #top-Steel {
    background-color: #d7e2f1;
    color: Black;
    border:solid 1px #72a7ee;
    border-bottom: none;
    margin:0px;
    font-weight: bold;
    padding-bottom:6px;
}
#ulPriceSubmenu {
    /*background-color: #d7e2f1;*/
    background:url(../images/panels/bluegradient_bg.gif) repeat-x;
    border: solid 1px #72a7ee;
    border-top:none;
    clear:both;
}
#ulPriceSubmenu ul{
    margin:0px;
    padding: 8px 10px;
    overflow:hidden;
}
#ulPriceSubmenu ul li{
    margin:0px;
    list-style:none;
    display:inline;
}

#ulPriceSubmenu ul li a{
    float:left;
    border:none;
    padding: 4px 10px;
    border-right: dotted 1px black;
    text-decoration:none;
}

#prcHeader {
    background: url(../ScrapResources/images/header_bg.png) bottom;
    height: 60px;
}
#prcHeader img {
    margin-top: 5px;
    margin-left: 5px;
}
#prcLeftBar {
    width: 200px;
    background-color: #edf0f4;
    border-right: solid 1px Gray;
    float: left;
    /*height: 1700px;*/
}
#prcContent {
    width: 750px;
    float: left;
    margin-left: 10px;
    overflow: hidden;
}
#prcRight {
    float: right;
    width: 250px;
}
#prcCenter {
    float: left;
    width: 480px;
}

.grayTitle, .grayTitleBig {
    background: url(../ScrapResources/images/SubTitle_BG.gif) no-repeat;
    padding: 6px;
    padding-left: 12px;
    margin: 15px 0;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
}
.grayTitleBig {
    background: url(../ScrapResources/images/SubTitle_BG_Big.gif) no-repeat;
}
h1 {
    font-family: Arial;
    font-size: 24px;
    color: #497cc9;
}
.frontDesc {
    font-size: 12px;
    line-height: 16px;
}
.frontBotContent {
    background-color: #edecec;
    border: solid 1px Gray;
    padding: 10px;
    font-size: 11px;
    margin: 10px 0;
}
.rightChartPanel {
    background: url(../ScrapResources/images/front-right-panel.gif) no-repeat;
    width: 237px;
    height: 131px;
    margin: 20px 0;
}
.rightChartPanel div {
    padding: 2px;
}
.DateRangeSel {
    display: block;
    float: right;
    font-size: 18px;
    color: #666666;
    padding: 5px 8px;
    border: solid 1px #e6e6e6;
    text-decoration: none;
    background: url(../ScrapResources/images/downArrow.gif) no-repeat right center;
    padding-right: 40px;
}
#DateRangeBox {
    border: solid 1px #e6e6e6;
    background-color: #f0efef;
    padding: 10px;
    float: right;
    clear: both;
}
.CDateRangeBox {
    padding: 10px;
    border: solid 1px #e6e6e6;
}
.PriceRangePanel {
    padding: 15px 10px;
    background: url(../ScrapResources/images/smallGrayPanel.gif) no-repeat;
    font-size: 15px;
    color: #333333;
}
.memMessage {
    background-color: #fafafa;
    border: solid 1px #a3a39f;
    padding: 10px;
    font-size: 11px;
    margin: 10px;
}
a.pnlArchive {
    display: block;
    background: url(../ScrapResources/images/pnlArchive.gif) no-repeat;
    width: 300px;
    height: 101px;
    text-decoration: none;
    font-size: 16px;
}
a.pnlArchive span {
    display: block;
    margin: 20px;
    margin-left: 100px;
    padding-top: 25px;
}
a.pnlArchive:hover {
    background: url(../ScrapResources/images/pnlArchive2.gif) no-repeat;
    color: #c11900;
}
a.pnlCompare {
    display: block;
    background: url(../ScrapResources/images/pnlCompare.gif) no-repeat;
    width: 300px;
    height: 101px;
    text-decoration: none;
    font-size: 16px;
}
a.pnlCompare span {
    display: block;
    margin: 20px;
    margin-left: 100px;
    padding-top: 25px;
}
a.pnlCompare:hover {
    background: url(../ScrapResources/images/pnlCompare2.gif) no-repeat;
}
.compareTable {
    background-color: #CCCCCC;
}
.compareTable td {
    background-color: #FFFFFF;
}
.RateUnitInfo {
    font-size: 11px;
    color: #333333;
    margin-left: 30px;
}

/*charts in pricehome*/
.Chartcontent {
    float: left;
    width: 350px;
    background: url(../images/price_bg.gif) repeat-y left top;
}
.Chartcontent h4 {
    width:300px;
    background: url(../images/price_top.gif) no-repeat 1px top;
    margin: 0;
    padding: 15px 18px 12px 20px;
    font-weight: bold;
    font-size: 14px;
    font-family: Arial;
    color: #d40000;
    height:20px;
}
.Chartcontent .bot {
    background: url(../images/price_bottom.gif) no-repeat -1px bottom;
    height: 45px;
}
.Chartcontent .Chart {
    margin-left: 30px;
}


.chartLeft {
    float: left;
    width: 140px;
}
.chartCenter {
    float: left;
    width: 30px;
}
.chartRight {
    float: right;
    width: 140px;
}


/* news in price home*/
.newsBox {
    clear: both;
    width: 400px;
    margin-left: 10px;
    float: left;
}
.newsheading {
    width: 400px;
    height: 18px;
    border-bottom: 2px solid #ACACAC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    line-height: 10px;
    text-decoration: none;
    color: #000000;
}
.newsheading span {
    color: #678B03;
}
.newslisting {
    width: 400px;
    margin-top: 1px;
    padding: 0px;
    text-align: left;
    overflow: hidden;
}
.newslisting ul {
    padding: 0px;
    margin: 0px;
    margin-top: 15px;
}
.newslisting ul li {
    list-style: none;
    padding: 4px 0px 4px 14px;
    background: url(../images/left-arrow1.gif) 1px no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #034872;
}
.newslisting ul li h2 {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
}
.newslisting ul li h2 a {
    color: #034872;
    text-decoration: none;
}
.eventBox {
    width: 300px;
    float: right;
}
.eventcontent {
    float: right;
    width: 200px;
}
.eventItem {
    padding: 2px 0px;
    overflow: hidden;
    border-bottom: dotted 1px #CCCCCC;
}

.pricelinkstyle {
    width: 225px;
    font: 12px/20px arial;
    text-align: left;
    text-decoration: none;
    display: inline-block;
}