/*// Styling for the Franchise buyer tab if it is selected //*/
#navBuyerTab {
background: #ccc;
}

td.headerCol,td.headerColEnd  {
background: #ccc;
color: #333;
}

#navBuyerTab a {
color: #333;
font-style: normal;
font-weight: bold;
}

#navBuyerTab a:hover {
color: #333;
background: #ccc;
}

#navBuyerTab:hover {
background: #ccc;
}

/*// Styling for the main landing page //*/
table#midContentMain {
background: #fff;
width: 450px;
}

td.feature3 {
background-color: #FFF;
padding: 5px;
}
td.feature3 {
background-color: #E3E4FA;
}
td.feature3 h1 {
font-weight: bold;
color: #000;
font-size: 14px;
padding-left: 5px;
background-image: none;
}
td.feature3 div {
background: #E3E4FA;
padding: 5px;
padding-bottom:5px;
border: #fff 1px solid;
}

td.feature2, td.feature1 {
background-color: #578D8C;
padding: 5px;
}
td.feature1 {
background-color: #ccc;
}

td.feature2 div, td.feature1 div {
background: #578D8C;
padding: 10px;
padding-bottom: 5px;
border: #fff 1px solid;
}
td.feature1 div {
background: #ccc;
}

td.feature2 h1, td.feature1 h1 {
font-weight: bold;
color: #fff;
font-size: 13px;
padding-left: 5px;
background-image: none;
}
td.feature1 h1 {
color: #333;
}

td.feature2 p, td.feature1 p {
color: #fff;
padding-left: 5px;
}
td.feature1 p {
color: #333;
}

td.feature2 img {
border: 1px solid #fff;
}
td.feature1 img {
border: 1px solid #333;
}


td.feature1 p.moreInfo, td.feature2 p.moreInfo {
text-align: right;
font-weight: bold;
}

/*// color for linkBox on Opportunity Listing Page //*/

div#linkBoxOppList {
background: #C6D4DC;
}

/*// styles for request info button/badge //*/
table#outer {
margin-left: 7px;
background-color:#fff;
border: 1px solid #666;
white-space: nowrap;   
}
table#outer:hover {
border: 1px solid #ffb380;
}
table#outer td.right a, table#outer td.left a {
display: block;
text-decoration: none;
margin:0px;
font-weight: bold;
border: 1px solid #fff;
}
table#outer td.right a {
background: #f5f5f5;
}
table#outer td.left a {
background: #C6D4DC;
}

table#outer td.left {
width: 70%;
}
table#outer td.right a:hover, table#outer td.left a:hover {
text-decoration: none;
color: #2996CC;
}
table#outer td.left {
width: 30%;
}