/* =========================
Template 3 Stylesheet
========================= */

/* =========================
Base
========================= */
body { margin: 0; }
body, td, a, input { font-family: trebuchet ms, sans-serif; }
input, select, textarea { font-size: 12px; }
li { font-size: 11px; font-weight: bold; }
/* =========================
Footer
========================= */
table#footer { 
font-size: 11px;
font-weight: bold;
color: #F97A13;
margin-top: 10px;
}
table#footer a {
color: #333333;
}
table#footer a:hover {
color: #000000;
}
table#footer td {
text-align: center;
}
/* =========================
Listings
========================= */
div.listIndexCont {
/* listings on main index page */
border: 1px solid #514660;
background-color: #F4F3F5;
vertical-align: top;
}
table#indexSplit {
margin-bottom: 10px;
}
table#indexSplit td {
vertical-align: top;
}
div.listContainer {
margin: 0;
padding: 10px 5px;
border-bottom: 1px solid #C5C5C5;
vertical-align: top;
}
div.listContainer img {
float: left;
padding-right: 5px;
}
div.listTitle a {
font-size: 14px;
font-weight: bold;
color: #50455F;
text-decoration: none;
}
div.listPath {
margin-bottom: 5px;
}
div.listPath a {
font-size: 11px;
font-weight: bold; 
color: #50455F;
text-decoration: none;
}
div.listPath a:hover {
text-decoration: underline;
}
div.listSnip {
font-size: 11px;
color: #000000;
}
div.listLinks a {
text-transform: capitalize;
color: #50455F;
font-weight: bold;
font-size: 11px;
}
div.listLinks a:hover {
color: #1B1720;
}

/* =========================
Google Ads
========================= */
div.indexHeader, div.indexFooter {
text-align: center;
border: 1px solid #F4F3F5;
background-color: #FFFFFF;
font-size: 13px;
font-weight: bold;
font-family: arial;
margin-bottom: 10px;
border-width: 1px 1px 10px 1px;
}
div.indexCol {
text-align: center;
padding: 5px;
border: 1px solid #50455F;
background-color: #F4F3F5;
width: 130px;
margin-left: 5px;
}
div.indexFooter {
margin-top: 10px;
}
/* =========================
Header & Nav
========================= */
table#header { 
background-color: #50455F;
padding: 5px;
height: 75px;
}
td.headerAsearch {
text-align: right;
vertical-align: bottom;
font-size: 13px;
}
td.headerAsearch a {
color: #FFFFFF;
}
div.text {
top: 18px;
right: 50px;
font-size: 11px;
color: #FFFFFF;
position: absolute;
}
div.textsm {
top: 14px;
right: 30px;
font-size: 12pt;
font-weight: bold;
color: #FFFFFF;
position: absolute;
}
div.textlg {
top: 10px;
right: 10px;
font-size: 16pt;
font-weight: bold;
color: #FFFFFF;
position: absolute;
}
table#nav {
font-size: 13px;
padding: 0 5px 5px 10px;
color: #FFFFFF;
background-color: #50455F;
}
table#nav a {
color: #FFFFFF;
}
table#nav input {
margin: 0 2px;
}
table#breadcrumb { 
font-size: 13px; 
background-color: #FFFFFF;
height: 20px;
padding: 0 10px;
}
table#breadcrumb a {
font-weight: bold;
color: #F97A13;
text-decoration: none;
}
table#breadcrumb a:hover {
text-decoration: underline;
}
td.breadListInfo {
text-align: right;
color: #333333;
}
td.leftcol, td.rightcol { 
vertical-align: top;
padding: 0 5px;
width: 150px;
}
td.leftcol a, td.rightcol a {
color: #333333;
text-decoration: none;
display: block; 
font-size: 12px; 
padding: 2px;
}
td.leftcol a:hover, td.rightcol a:hover {
text-decoration: underline;
}
div.colHeader {
font-size: 13px;
font-family: arial;
text-align: center;
padding-top: 5px;
font-weight: bold;
background: url(images/module_top_orange.jpg) no-repeat;
color: #FFFFFF;
height: 30px;
margin-bottom: -5px;
}
div.colContent {
background-color: #EEEDE8;
color: #333333;
font-size: 12px;
width: 147px;
}
div.colFooter {
background: url(images/module_bottom.gif) no-repeat;
height: 30px;
}
td.centrcol {
vertical-align: top;
padding: 2px;
background-color: #FFFFFF;
}
/* =========================
Main Content
========================= */
table#main {
height: 200px;
background-color: #FFFFFF;
}
div.maintext {
font-size: 11px;
margin-top: 10px;
margin-left: 5px;
margin-bottom: 10px;
}
div.maintext a {
color: #F97A13;
}
div.subcolHeader {
/* further categories header */
font-size: 13px;
font-family: arial;
font-weight: bold;
text-align: center;
background-color: #50455F;
padding: 2px;
color: #FFFFFF;
}
table#cat {
/* further categories dox */
font-size: 13px;
height: 50px;
background-color: #F4F3F5;
border: 1px dashed #50455F;
border-width: 0 1px 1px 1px;
margin-bottom: 10px;
}
table#cat td {
vertical-align: top;
padding: 2px 5px;
}
table#cat a {
color: #333333;
text-decoration: none;
}
table#cat a:hover {
text-decoration: underline;
}
div.pageTitle {
margin-left: 5px;
font-size: 16px;
font-family: arial;
font-weight: bold;
color: #333333;
}
/* =========================
Listing Detail
========================= */
div#infoContainer {
/* detail page listing box */
border: 1px solid #50455F;
background-color: #F4F3F5;
margin-bottom: 10px;
}
div.info {
margin: 5px 10px;
}
div.infoTitle a {
font-size: 16px;
font-family: arial;
font-weight: bold;
color: #333333;
text-decoration: none;
}
div.infoTitle a:hover {
color: #50455F;
text-decoration: underline;
}
div.infoDesc {
font-size: 11px;
margin-bottom: 10px;
color: #000000;
}
div.info img.alexa {
float: left;
padding-right: 5px;
}
div.ratebox {
margin-left: 10px;
margin-top: 20px;
margin-bottom: 20px;
background-color: #E2E2E2;
border: solid 1px #666666;
width: 130px;
}
div.infoSnip {
margin-top: 10px;
font-size: 11px;
color: #000000;
font-weight: bold;
}

div.infoLinks {
font-size: 11px;
color: #000000;
}
div.infoLinks a {
font-size: 12px;
font-weight: bold;
color: #F97A13;
text-decoration: none;
margin-top: 10px;
}
div.infoLinks a:hover {
text-decoration: underline;
}
/* =========================
Advanced Search
========================= */
table#search {
background-color: #50455F;
color: #FFFFFF;
border: 1px solid #F97A13;
}
table#search td {
padding: 5px;
}
/* =========================
Resources
========================= */
div.linkContainer {
margin: 0;
padding: 10px 5px;
border-bottom: 1px solid #C5C5C5;
vertical-align: top;
font-size: 11px;
}
div.linkTitle a {
font-size: 14px;
font-weight: bold;
color: #50455F;
text-decoration: none;
}
div.linkTitle a:hover {
text-decoration: underline;
}
/* =========================
Traditional Style
========================= */
table#tcat {
background-color: #F4F3F5;
border: 1px solid #514660;
}
table#tcat td {
font-size: 12px;
vertical-align: top;
padding: 2px;
}
table#tcat a {
text-decoration: none;
color: #333333;
padding: 2px;
}
table#tcat a:hover {
text-decoration: underline;
}
/* =========================
FAQ
========================= */
table#matrix {
margin-top: 10px;
background-color: #50455F;
color: #FFFFFF;
border: 1px solid #F97A13;
}
table#matrix td {
padding: 2px;
}
tr.matrixHead {
font-weight: bold;
color: #000000;
background-color: #F97A13;
}
/* =========================
Members / Login
========================= */
div.warning {
font-weight: bold;
color: #FF0000;
font-size: 11px;
}
div.notes {
padding: 5px 0;
font-size: 11px;
font-weight: bold;
margin-top: 10px;
margin-left: 5px;
margin-bottom: 10px;
border: dashed #666666;
border-width: 1px 0;
}
div.notes a {
color: #F97A13;
}
td.leftcolreg { 
vertical-align: top;
padding: 0 5px;
width: 450px;
font-size: 12px;
}
div.benefitList {
margin-left: 5px;
border-right: 1px dashed #F97A13;
}
div.colContentreg {
text-align: center;
background-color: #EEEDE8;
color: #333333;
font-size: 12px;
width: 147px;
}
/* =========================
Control panel Nav
========================= */
div.memberLink {
font-size: 12px;
font-weight: bold;
background-color: #50455F;
padding: 5px;
margin-bottom: 5px;
color: #FFFFFF;
border: 1px solid #F97A13;
}
div.memberLink a {
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
padding-left: 2px;
}
div.memberLink a:hover {
font-size: 12px;
color: #F97A13;
text-decoration: none;
}
div.memberLinkOn {
font-size: 12px;
font-weight: bold;
background-color: #F97A13;
padding: 5px;
margin-bottom: 5px;
border: 1px solid #50455F;
color: #FFFFFF;
}
div.cpanelCont {
background-color: #EFF6F8;
border: 1px solid #C8D9DF;

}
div.listinfo {
/* waiting / current listing members area */
padding: 2px;
margin-right: 3px;
margin-bottom: 10px;
border-bottom: 1px dashed #999999;
}
div.listinfoHighlight {
padding: 2px;
background-color: #FF0000;
color: #FFFFFF;
margin-right: 3px;
margin-bottom: 10px;
border-bottom: 1px dashed #999999;
}
div.listinfoHighlight a {
color: #000000;
}
div.listinfo_exp a { 
color: #FFFFFF;
}
div.linkPreview {
margin-right: 5px;
padding: 4px;
background: url(images/preview_bg.gif);
}
.snip { 
height: 30px; 
}











/* right column ======================= */





/* LISTINGS ================== */
div.addlist {
background-color: #FFFFFF;
font-weight: bold;
font-size: 13px;
margin-bottom: 4px;
}
div.addlist a {
color: #000000;
text-decoration: none;
}
div.addlist a:hover {
color: #2F2937;
}








div.listHref a {
font-size: 11px;
font-weight: bold;
}
div.resultCount {
font-size: 11px;
margin-top: 10px;
margin-left: 5px;
}
div.pagination {
font-size: 11px;
margin-top: 10px;
margin-left: 5px;
margin-bottom: 10px;
}

/* LISTING INFO =============== */

div.boxTitle {
font-size: 12px;
font-weight: bold;
text-align: center;
padding: 2px;
background-color: #CCCCCC;
}
div.boxContent label {
display: block;
}
div.boxButton {
padding-left: 5px;
padding-top: 5px;
}


div.infoSubmit, div.infoRate {
font-size: 11px;
}

div.reviewPost {
font-size: 11px;
background-color: #990099;
color: #FFFFFF;
padding: 2px;
}










