/* ARTICLE FRONT > STRUCTURE > COLUMNS ////////////////////////////////////////////////*/ blockquote.articleLeftContent, blockquote.articleMiddleContent, blockquote.articleRightContent, blockquote.articleAdvertise {margin: 0; margin-right: 10px; padding: 0; float: left; background: none; border: 0;} blockquote.articleLeftContent *, blockquote.articleMiddleContent *, blockquote.articleRightContent * {margin: 0; padding: 0;} blockquote.articleLeftContent {width: 210px; padding-left:10px;} blockquote.articleLeftContent a span.button { width:195px; font-size:20px; line-height:30px; background-color:#02549e;; color:#FFFFFF; border:2px solid #000000; font-weight:bold; float:left;} blockquote.articleLeftContent a:hover span.button { background-color:#6DD9FA;} blockquote.articleMiddleContent {width: 350px;} blockquote.articleRightContent {width: 143px; padding-right:10px;} blockquote.articleAdvertise {width: 160px; margin: 0;} /* ARTICLE FRONT > STRUCTURE > MIDDLE CONTENT > ARTICLE TOP /////////////////////////////////////////////////////////*/ blockquote.articleMiddleContent div.middleArticleTop, blockquote.articleMiddleContent div.middleArticle {font: normal 11px Arial, Helvetica, sans-serif; color:#666; padding: 10px 0 10px 0; border-top: 1px solid #EEE;} blockquote.articleMiddleContent div.middleArticleTop {padding-top: 0; border: 0;} /* TOP IMAGE */ blockquote.articleMiddleContent div.middleArticleTop img {border: 0; margin: 10px; vertical-align: middle;} blockquote.articleMiddleContent div.middleArticleTop a.mainImage:link, blockquote.articleMiddleContent div.middleArticleTop a.mainImage:active, blockquote.articleMiddleContent div.middleArticleTop a.mainImage:visited, blockquote.articleMiddleContent div.middleArticleTop a.mainImage:hover {margin: 0 10px 0 10px; padding:15px 0 0 0; text-align: center; text-decoration: none; display: block; background: #FFF url(../images/design/bg_articleFront.gif) no-repeat 0 0;} blockquote.articleMiddleContent div.middleArticleTop a.mainImage span.imageBottom {background:url(../images/design/bg_articleFrontBottom.gif) no-repeat 0 0; height:18px; line-height:18px; display:block; padding:0; margin:0;} blockquote.articleMiddleContent div.middleArticleTop h1, blockquote.articleMiddleContent div.middleArticleTop p, blockquote.articleMiddleContent div.middleArticle h1, blockquote.articleMiddleContent div.middleArticle p {text-align: left; padding: 0 10px 0 10px;} blockquote.articleMiddleContent div.middleArticleTop h1 {padding-top: 0;} blockquote.articleMiddleContent div.middleArticleTop span.mainImageCaption {color: #666; text-align: right; padding: 0 10px 5px 5px; margin: 0 10px 0 10px;} /* ARTICLES TITLE - LINK */ blockquote.articleMiddleContent div.middleArticleTop h1 a:link, blockquote.articleMiddleContent div.middleArticleTop h1 a:active, blockquote.articleMiddleContent div.middleArticleTop h1 a:visited, blockquote.articleMiddleContent div.middleArticleTop h1 a:hover, blockquote.articleMiddleContent div.middleArticle h1 a:link, blockquote.articleMiddleContent div.middleArticle h1 a:active, blockquote.articleMiddleContent div.middleArticle h1 a:visited, blockquote.articleMiddleContent div.middleArticle h1 a:hover {font: bold 14px/20px Arial, Helvetica, sans-serif; color: #3189D0; display:block; text-decoration: none;} blockquote.articleMiddleContent div.middleArticleTop h1 a:hover, blockquote.articleMiddleContent div.middleArticle h1 a:hover {color: #3189D0; text-decoration: underline; background-color:#FFFFFF} /* ARTICLE AUTHOR */ blockquote.articleMiddleContent div.middleArticle h1 span, blockquote.articleMiddleContent div.middleArticle h1 span a:link, blockquote.articleMiddleContent div.middleArticle h1 span a:active, blockquote.articleMiddleContent div.middleArticle h1 span a:visited, blockquote.articleMiddleContent div.middleArticle h1 span a:hover, blockquote.articleMiddleContent div.middleArticleTop span, blockquote.articleMiddleContent div.middleArticleTop span a:link, blockquote.articleMiddleContent div.middleArticleTop span a:active, blockquote.articleMiddleContent div.middleArticleTop span a:visited, blockquote.articleMiddleContent div.middleArticleTop span a:hover {display: block; font: bold 10px /*Verdana,*/ Arial, Helvetica, sans-serif; color: #666; text-align: left; padding: 0 10px 0 0;} blockquote.articleMiddleContent div.middleArticleTop a:link, blockquote.articleMiddleContent div.middleArticleTop a:active, blockquote.articleMiddleContent div.middleArticleTop a:visited, blockquote.articleMiddleContent div.middleArticleTop a:hover, /* ARTICLES LINK */ blockquote.articleMiddleContent div.middleArticle a:link, blockquote.articleMiddleContent div.middleArticle a:active, blockquote.articleMiddleContent div.middleArticle a:visited, blockquote.articleMiddleContent div.middleArticle a:hover {color: #214E7B; text-transform: capitalize;} blockquote.articleMiddleContent div.middleArticleTop a:hover, blockquote.articleMiddleContent div.middleArticle a:hover {color: #000; text-decoration: underline;} /* ARTICLE FRONT > STRUCTURE > RIGHT CONTENT > RIGHT ARTICLE /////////////////////////////////////////////////////////*/ blockquote.articleRightContent div.rightArticleTop, blockquote.articleRightContent div.rightArticle {font: normal 11px Arial, Helvetica, sans-serif; color:#666; text-align: left; padding-bottom: 10px; padding-top: 10px; border-top: 1px solid #EEE;} blockquote.articleRightContent div.rightArticleTop {padding-top: 0; border-top: 0;} blockquote.articleRightContent div.rightArticleTop h2, blockquote.articleRightContent div.rightArticle h2 {font: bold 16px Arial, Helvetica, sans-serif;} blockquote.articleRightContent div.rightArticle h2 {font-size: 14px;} /* ARTICLES TITLE - LINK */ blockquote.articleRightContent div.rightArticleTop h2 a:link, blockquote.articleRightContent div.rightArticleTop h2 a:active, blockquote.articleRightContent div.rightArticleTop h2 a:visited, blockquote.articleRightContent div.rightArticleTop h2 a:hover, blockquote.articleRightContent div.rightArticle h2 a:link, blockquote.articleRightContent div.rightArticle h2 a:active, blockquote.articleRightContent div.rightArticle h2 a:visited, blockquote.articleRightContent div.rightArticle h2 a:hover {color: #3189D0; text-decoration: none;} blockquote.articleRightContent div.rightArticleTop h2 a:hover, blockquote.articleRightContent div.rightArticle h2 a:hover {background-color: #FFFFFF; text-decoration:underline; } /* ARTICLE AUTHOR */ blockquote.articleRightContent div.rightArticleTop h2 span, blockquote.articleRightContent div.rightArticleTop h2 span a:link, blockquote.articleRightContent div.rightArticleTop h2 span a:active, blockquote.articleRightContent div.rightArticleTop h2 span a:visited, blockquote.articleRightContent div.rightArticleTop h2 span a:hover, blockquote.articleRightContent div.rightArticle h2 span, blockquote.articleRightContent div.rightArticle h2 span a:link, blockquote.articleRightContent div.rightArticle h2 span a:active, blockquote.articleRightContent div.rightArticle h2 span a:visited, blockquote.articleRightContent div.rightArticle h2 span a:hover {display: block; font: bold 10px /*Verdana,*/ Arial, Helvetica, sans-serif; color: #666;} /* ARTICLE IMAGE */ blockquote.articleRightContent div.rightArticleTop img, blockquote.articleRightContent div.rightArticle img { float: left; margin: 3px 3px 0 3px; padding: 2px; border: 1px solid #EEE;} .articleSearch .box, .articleCategories .box { width:200px; overflow:hidden;} .articleSearch .box h2.header { padding-left:35px; color:#FFFFFF; font-size:20px;} .articleCategories .box h2.header a { padding-left:35px; color:#FFFFFF; font-size:14px;} .articleCategories .box h2.header a:hover { background-color:#0053ba;} .articleSearch .box .content { height:46px;} .articleSearch .box .content, .articleCategories .box .content { border:1px solid #000000; background-color:#eeeeee; margin-bottom:10px;} .articleSearch .box .content input { margin-top:10px; margin-left:10px; border:1px solid #000000; font-size:12px; padding:4px 2px; float:left;} .articleSearch .box .content input[type="submit"] { margin-left:2px; width:46px; height:25px;} .articleCategories .box .content ul { list-style:none; margin-left:0; padding-left:0; line-height:20px; margin:10px 10px 10px 8px;} .articleCategories .box .content ul li { background:url(http://www.offplanpropertyexchange.com/images/oppe/bluearrow.jpg) left center no-repeat; text-align:left; font-size:16px; letter-spacing:-1px; font-weight:bold; padding-left:20px; line-height:18px;} .articleCategories .box .content ul li a { color:#3189D0; font-size:14px;} .articleCategories .box .content ul li a:hover { background-color:#3189D0; color:#FFFFFF}