@import url(luna_core.css);

/*****************/
/* Global styles */
/*****************/

body {
  margin: 0;
  padding: 0;
  color: #33332e;
  background: #ecedf2;
  font: normal 11px;
  text-align: center;
}

a, a:visited {
  color: #093d72;
}
a:hover {
  color: #ca5211;
  text-decoration: underline;
}

p {
  display: block;
}


/*****************/
/* Common styles */
/*****************/

#ocwrapper {
  border-right-width: 320px;
  border-right-color: #fff;
}

#content {
  margin: 0 30px 0 20px;
  padding: 0;
}
#content a {
  color: #216CA1;
  font-family: verdana,sans-serif;
}
#content a:visited, #content a:hover {
  color: #ca5211;
}
#shadow_wrapper {
  margin: 0 auto;
  width: 1030px;
  background: url(/static/luna/images/bg_shadow.gif) repeat-y;
}
#wrapper {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  background: #fff;
  width: 1010px;
}

.imgph {
  margin: 5px auto;
  display: block;
  text-align: center;
/*  border: 1px solid #fff; */
}

.date {
  color: #505050;
  font: normal 10px verdana;
}


/******************/
/* Error Messages */
/******************/

#contentheader .error, #contentheader .message {
  margin: 0 310px 0 0;
}


/*****************/
/* Header        */
/*****************/

#header {
  background: none;
  padding: 5px 5px 0;
}
.banner {
  margin: 10px 0 0;
  text-align: center;
}
#logo {
  width: 269px;
  height: 62px;
  background-image: url(images/RENX_largelogo.jpg);
/*  margin-left: 25px; */
}
#topnav {
  float: right;
  text-align: right;
}
#topnav ul, #topnav ul.topnav2 {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
}
#topnav ul.topnav2 {
  margin-top: 20px;
  float: none;
}
#topnav ul li {
  float: left;
  list-style: none;
}


/*****************/
/* Main Nav bar  */
/*****************/

ul.primarynav {
  margin: 0;
  padding: 0;
  border-bottom: 0px solid #fff;
  float: right;
  list-style: none;
}
ul.primarynav {
  width: 100%;
  background: #446688;
}
ul.primarynav li {
  float: right;
  list-style: none;
  border-right: 1px solid #fff;
  background: none;
}
ul.primarynav a {
  margin-right: 1px;
  padding: 7px 9px 7px 10px;
  float: left;
  color: #fff;
  font-size: 11px;
  text-decoration: none;
}
ul.primarynav a:visited {
  color: #fff;
}
ul.primarynav a:hover {
  color: #fff;
  background: #737180;
}
ul.primarynav li.home             { background: transparent; }
body#home ul.primarynav li.home   { background: #0078B8; }  /* 3366ff 0A38C2 */
body.static ul.primarynav li.home { background: #0078B8; }  /* 3366ff 0A38C2 */
ul.primarynav li.commercial       { background: #ba9011; }  /* cc9900 */
ul.primarynav li.residential      { background: #BA500C; }  /* ca5211 */
ul.primarynav li.green            { background: #4C7016; }  /* 597857 8FAE91 009900 76B100  */
ul.primarynav li.infrastructure   { background: #8065B4; }  /* #660066 */
ul.primarynav li.reoc             { background: #A89166; }  /* 990000 B96A9A 937700 92865A 796D41 # */


.current_page_bar {
  height: 3px; 
  /* default color */
  background: #0078B8;
} 
.home           .current_page_bar { background: #0078B8; }
.commercial     .current_page_bar { background: #ba9011; }
.residential    .current_page_bar { background: #BA500C; }
.green          .current_page_bar { background: #4C7016; }
.infrastructure .current_page_bar { background: #8065B4; }
.reoc           .current_page_bar { background: #A89166; }


/******************/
/* Bread crumbs   */
/******************/

.lasttitle {
  font-weight: bold;
}
.crumb .lasttitle {
  font-weight: normal;
}


/******************/
/* Marquee        */
/******************/

.marquee {
  margin: 10px 0;
  padding: 10px;
  border: 1px solid #999; /* #bbb; */
  height: 220px;
  background: #eee;
}
#content .marquee h2.marquee_header {
  background: #ddd;
  display: block;
  padding: 10px;
  margin: -11px;
  color: #000;
/*  height: 18px; */
}
.home           #content  .marquee h2.marquee_header { border: 1px solid #0078B8; }
.commercial     #content  .marquee h2.marquee_header { border: 1px solid #ba9011; }
.residential    #content  .marquee h2.marquee_header { border: 1px solid #BA500C; }
.green          #content  .marquee h2.marquee_header { border: 1px solid #4C7016; }
.infrastructure #content  .marquee h2.marquee_header { border: 1px solid #8065B4; }
.reoc           #content  .marquee h2.marquee_header { border: 1px solid #A89166; }

#content .marquee h3 { 
  margin: 0 0 10px;
  font-size: 15px;
  border-bottom: 0;
}
#content .marquee h3 a,
#content .marquee h3 a:visited { 
  color: #093d72;
  font-weight: bold;
  font-size: 18px;
  border-bottom: 0;
  text-decoration: none;
}
#content .marquee h3 a:hover { 
  color: #ca5211;
}
.marquee .description {
  margin: 5px 0 5px 0;
  color: #000;
}
.marquee .publisher {
  color: #000;
  margin: 5px 0;
  font-weight: bold;
}

#rotate {
  position: relative;
}
#rotate div div.imgph {
  float: left;
  margin: 0 10px 0 0;
}
#rotate ul {
  float: right;
}
#rotate ul li {
  border: 1px solid #000;
  background: #ddd;
}
#rotate ul li.ui-tabs-selected a {
  color: #000;
  font-weight: bold;
}
.home           #rotate ul li.ui-tabs-selected { background: #99CFEA; }
.commercial     #rotate ul li.ui-tabs-selected { background: #E5D8B3; }
.residential    #rotate ul li.ui-tabs-selected { background: #E6C3AC; }
.green          #rotate ul li.ui-tabs-selected { background: #AFC58C; }
.infrastructure #rotate ul li.ui-tabs-selected { background: #B8AAD5; }
.reoc           #rotate ul li.ui-tabs-selected { background: #CCBFA7; }

.home           #rotate ul li { border: 1px solid #0078B8; }
.commercial     #rotate ul li { border: 1px solid #ba9011; }
.residential    #rotate ul li { border: 1px solid #BA500C; }
.green          #rotate ul li { border: 1px solid #4C7016; }
.infrastructure #rotate ul li { border: 1px solid #8065B4; }
.reoc           #rotate ul li { border: 1px solid #A89166; }

#rotate .ui-tabs-panel {
  background: transparent;
  border: none;
  margin: 0;
  padding: 15px 10px 0;
}
#rotate .ui-tabs-nav li {
  min-width: 20px;
  width: 20px;
  margin:0 0 0 2px;
}
#rotate .ui-tabs-nav li a,
#rotate .ui-tabs-nav li.ui-tabs-selected a {
  margin-top: 0px;
}
#rotate .ui-tabs-nav li a span, 
#rotate .ui-tabs-nav li.ui-tabs-selected a span {
  font-size: 11px;
  width: 10px;
  height: 10px;
  min-width: 10px;
  min-height: 10px;
  padding: 3px 6px 7px;
}
#rotate .hidden {
  display: none;
}


/****************************/
/* Main content (left side) */
/****************************/

.content_left, .content_right {
  width: 310px;
  float: left;
}
.content_right {
  margin: 0 0 0 20px;
}

.linklisting {
  margin: 15px 0 20px;
}

/******************/
/* Right side bar */
/******************/

#rightsidebar {
  margin-right: -310px;
  width: 300px;
}
#rightsidebar .imgph {
  margin: 5px auto;
}
#rightsidebar .ads {
  text-align: center;
}
#rightsidebar .ad_row {
  padding: 0 5px;
}
#rightsidebar .ad_left, #rightsidebar .ad_right {
  float: left;
  width: 50%;
  text-align: center;
}
#rightsidebar img {
  padding: 12px 0;
}


/******************/
/* Boxes          */
/******************/

.inner_box {
  border: 1px solid #999;;
  margin: 10px 0 0;
  padding: 5px;
  color: #000;
}
#ocwrapper .inner_box h3 {
  font-family: verdana, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #000;
  padding: 7px;
  margin: -6px -6px 0;
  border-bottom: 1px solid #000;
}
.home           #ocwrapper .inner_box h3 { background: #99CFEA; border: 1px solid #0078B8; }
.commercial     #ocwrapper .inner_box h3 { background: #E5D8B3; border: 1px solid #ba9011; }
.residential    #ocwrapper .inner_box h3 { background: #E6C3AC; border: 1px solid #BA500C; }
.green          #ocwrapper .inner_box h3 { background: #AFC58C; border: 1px solid #4C7016; }
.infrastructure #ocwrapper .inner_box h3 { background: #B8AAD5; border: 1px solid #8065B4; }
.reoc           #ocwrapper .inner_box h3 { background: #CCBFA7; border: 1px solid #A89166; }
.newsletter     #ocwrapper .inner_box h3 { background: #99CFEA; border: 1px solid #0078B8; }
.static         #ocwrapper .inner_box h3 { background: #99CFEA; border: 1px solid #0078B8; }

#ocwrapper .inner_box .inner_box_body {
  background: #efefef;
  margin: 0 -5px -5px;
  padding: 10px;
}
.inner_box_body p {
  margin: 5px 0 10px;
}
.inner_entry {
  margin-bottom: 15px;
}
.advert_entry {
  padding: 5px;
  border: 1px solid #999;
}
.advert_entry .article_img img {
  max-width: 150px;
}
.inner_entry img.external_link {
  float: none;
  margin: 0 0 0 2px;
}
.inner_entry img {
  float: left;
  margin: 0 10px 20px 0;
}
.inner_entry p {
  margin: 5px 0;
}

#content      .inner_entry span.article_title,
#rightsidebar .inner_entry span.article_title,
#content      .trends      .inner_entry a.title,
#content      .blogs       .inner_entry a.title,
#content      .readers     .inner_entry a.title,
#content      .hr          .inner_entry a.title,
#ocwrapper    .events      .inner_entry a.title
{
  color: #093d72;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}
#content   .trends .inner_entry a.title:hover,
#content   .blogs  .inner_entry a.title:hover,
#content   .hr     .inner_entry a.title:hover,
#ocwrapper .events .inner_entry a.title:hover
{
  color: #ca5211;
}


/*** Boxes (common properties) ***/

#ocwrapper .inner_box .blogs      h3, 
#ocwrapper .inner_box .readers    h3,
#ocwrapper .inner_box .searchbar  h3,  
#ocwrapper .inner_box .newsletter h3 { 
  background: #446688;
  border: 1px solid #446688;
  color: #fff;
}

#content .inner_box_header a {
  color: #fff;
}

/*** Top Stories Box ***/

.sector_title {
  background: #ddd;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 5px -10px 8px;
  padding: 2px 5px;
}
/*
.sector_title {
  margin: 5px 0 10px;
}
*/
.sector_title span {
  font-size: 13px;
  font-weight: bold;
}

/*** Market Trends Box  ***/


/*** Blogs Box (Home Page) ***/

.inner_box .blogs a.title {
  color: #093d72;
  font-size: 14px;
  font-weight: bold;
}
.inner_box .blogs a.title:hover {
  color: #ca5211;
}
.inner_box .blogs .author {
  font: bold 12px verdana; 
  color: #505050;
}

/*** Readers Write Box ***/

.inner_box .readers h3 {
  background: #d6e0eb;
  color: #093d72;
  font-weight: bold;
}

/*** Human Resources Box ***/

.inner_box .publisher {
  font: 11px verdana; 
  color: #000;
}

/*** Search Box ***/

.searchbar {
  border: 0;
  margin: 0;
  padding: 0;
}
#ocwrapper .searchbar h3 {
  background: #446688;
  color: #fff;
}
.searchbar .inner_box_body {
  background: #fff;
}
.searchbar input.text {
  width: 220px;
}
.searchbar a {
  display: block;
  margin-top: 5px;
}

/*** Newsletter Box ***/

.inner_box .newsletter p {
  font-style: italic;
  font-weight: bold;
  margin: 5px 0 0;
}

/*** RSS Feeds Box ***/

.inner_box .rss_feeds .inner_box_body {
  background-color: #ffffcc;
  color: #000;
}
.inner_box .rss_feeds a {
  color: #093d72;
}
.inner_box .rss_feeds a:visited,
.inner_box .rss_feeds a:hover {
  color: #ca5211;
}


/*****************/
/* Newsletters   */
/*****************/

#content .newsletter_articles .inner_entry .article_title {
  font-size: 13px;
}
.newsletter_top, .newsletter_bottom {
  padding: 10px;
}
.recent_news {
  margin: 10px 10px 20px;
}
.recent_news p {
  font-weight: bold;
}
.recent_news ul {
  margin: 10px 0 0 40px;
}
.recent_news ul li {
  font-size: 11px;
  margin-bottom: 10px;
  list-style-type: disc;
  margin-left: 20px;
}

#content p.adminctrl {
  margin-left: 150px;
}
#content p.adminctrl a {
  font-size: 10px;
  color: #668bab;
  font-weight: bold;
  text-decoration: none;
  margin-left: 0px;
}
#content p.adminctrl a img {
  margin: 0 2px;
  float: none;
}


/*********************/
/* Home Page         */
/*********************/

#home .story_info {
  float: left;
}
#home .category {
  float: left;
  margin: 0 0 0 20px;
}


/*********************/
/* Category Pages    */
/*********************/

#category .story_info {
  float: left;
}
#category .category {
  float: left;
  margin: 0 0 0 20px;
}


/*********************/
/* Detailed Pages    */
/*********************/

#detailed_article h3 {
  color: #093d72;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 0;
  margin: 25px 0 10px;
}
#detailed_article .story_info {
  margin: 0 0 10px;
}
#detailed_article p.description {
  color: #000;
  font-size: 12px;
  margin: 5px 0;
}
#detailed_article #content div.imgph {
  float: left;
  margin: 0 10px 0 0;
}
#detailed_article .comment {
  background-color: #e9f3ff;
  border-top: 1px solid #666;
  margin-top: 20px;
  padding-top: 10px;
}
#detailed_article .comment_author {
  color: #093d72;
  font-weight: bold;
}
#detailed_article .comment_date {
  color: #888;
  font-weight: bold;
}

.event_row { 
  margin-top: 18px;
  background-color: #e9f3ff;
}
.hr_row { 
  margin-top: 18px;
  background-color: #fcf0e9;
}
.market_row { 
  margin-top: 18px;
  background-color: #f0f0f0;
}
.gap_row { 
  margin-top: 18px;
}
.col1 {
  float: left; 
  width: 135px;
  font-weight: bold;
  line-height: 20px;
  vertical-align: middle;
  text-align: left;
  margin: 0;
}
.col2 {
  float: left;
  width: 500px;
  line-height: 20px;
  margin: 0;
}


/*********************/
/* Search Results    */
/*********************/

.searchhl-1 { 
  background: #f9c488;
}
#search_results #content h3 {
  border-top: 1px solid #bbbfa1;
  border-bottom: 1px solid #bbbfa1;
  background: #d6e0eb;
}
#search_results #content .article_title {
  font-size: 13px;
}
#search_results ul.results li {
  margin-bottom: 10px;
}
#search_results .paging {
  margin-top: 5px;
}
#search_results .linklisting {
  margin: 10px 0 10px 10px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
}
#search_results .linklisting h4 a:link {
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}
#search_results .linklisting .linkdescription {
  background: #fff;
  border: none;
}
#search_results .linklisting p.linkactions {
  padding-left: 5px;
}


/*********************/
/* Sponsors related  */
/*********************/

.sponsor_info {
  margin: 20px 0 10px;
}
#content h3.sponsor {
  font-size: 14px;
}



/*********************/
/* Static pages      */
/*********************/

.static_page {
  margin: 20px 10px;
}
.static_page h4 {
  display: block;
  font-weight: bold;
  margin: 25px 0 10px;
}
.static_page ul {
  margin: 10px 0 0 40px;
}
.static_page ol {
  margin: 10px 0 0;
}
.static_page ul li, .static_page ol li {
  font-size: 11px;
  margin-bottom: 10px;
}
.static_page ul li {
  list-style-type: disc;
  margin-left: 20px;
}
.static_page dl {
}
.static_page dl dt {
  font-weight: bold;
}
.static_page dl dd {
  margin: 2px 0 10px 3px;
}
.biz_name {
  color: #093d72;
  font-size: 11px;
  font-weight: bold;
}


/*********************/
/* Footer            */
/*********************/

#footer {
  padding: 0;
  background: #fff;
  border-top: 0;
}
#footer p {
  text-align: center;
}
#footer .footer_nav {
  color: #fff;
  padding: 5px;
  background: #446688;
}
#footer a, #footer a:hover {
  color: #fff;
}
#footer a:hover {
  color: #ca5211;
}
#contentfooter,
#ocwrapper,
#contentheader {
  background: #eee;
}
#ocwrapper {
  background: none;
}
#content .top_stories ul,
#content .top_stories ul li {
  list-style: none;
  margin: 5px 0 0;
}


/*
This file inherits from luna_core.css, so styles in this file will override
styles defined in it.  Changes to this file will NOT be overwritten during
upgrades.

Here's a quick tutorial on overriding styles.  Say you want to change the
background colour of the body.  Looking at luna_core.css, the colour is
defined in the rule:

    body {
      margin: 0px;
      padding: 0px;
      color: #33332e;
      background: #ffffff;
      font: normal 11px tahoma, geneva, verdana, sans-serif;
      text-align: center;
    }

To change the background colour of white (#ffffff) to gray (#dddddd), you would
add the following to this file:

    body {
      background: #dddddd;
    }

If you also wanted to change the font as well as the background, then you could
use:

    body {
      background: #dddddd;
      font: normal 12px times new roman;
    }

Also note that every template's body id is assigned the template name (without
the .html extension).  So if you want to change the h2 heading in the
category.html template, you can do this by:

    #category h2 { 
      color: red; 
      font-weight: bold; 
    }

To start you off, some sample overriding styles have been provided below.  Note
that you will have to uncomment the rules for them to work.
*/

/* If the height of your logo changes from the original, then you will probably
want to also change the vertical position of the login link */
/*
#loginbar a {
  margin-top: 25px;
}
*/

/* Show the left sidebar */
/*
#ocwrapper {
  border-left-width: 200px;
}
#leftsidebar {
  display: block;
}
#contentheader .error, #contentheader .message {
  margin: 0px 200px 0px 200px;
}
*/

/* Hide the right sidebar */
/*
#ocwrapper {
  border-right-width: 0px;
}
#rightsidebar {
  display: none;
}
#contentheader .error, #contentheader .message {
  margin: 0px;
}
*/

/* Change the right sidebar width.  Note that the sidebars have a 10px left or
right padding (left sidebar has a left padding and right sidebar has a right
padding), hence the 150px - 10px = 140px width */


/* Change width of document */
/*
#wrapper {
  width: 95%;
}
*/

/* Don't want the shadows? */
.shadowtop, .shadowbottom, .shadowleft, .shadowright {
  background: none;
}
.shadowtopleft, .shadowtopright, .shadowbottomleft, .shadowbottomright {
  width: auto;
  height: auto;
  float: none;
  background: none;
}

/* If you change the globals category_cols or home_category_cols, then you will
need to change the width of the columns themselves.  Note that IE sometimes has
problems if this value adds up to 100%, so keep the width a little under 100%.
For example, if you changed category_cols to 3, then this example would set
the width of the columns to 33% (99% total).  If you want to change the columns
on the home page as well, then remember to set a rule for "#home dl" as well. */
/*
#category dl {
  width: 33%;
}
*/

.h3space {
  height: 20px;
}