@import url(luna_core.css);

/*
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.
*/

/* Logo size and image source */
/*
#logo {
  width: 250px;
  height: 80px;
  background-image: url(images/logo.gif);
}
*/
body {
  margin-top: 20px;
  font-size: 12px;
  font-family: arial, verdana, sans-serif;
  
 
}

#header {
  background: url("images/header.gif") top left no-repeat;
  height: 83px;
  width: 972px;
  margin: 0;
  padding: 0;
}
img.logo {
  display: block;
  float: left;
  margin-left: 15px;
  margin-top: 15px;
  
}
#loginbar {
  color: #ffffff;
  float: right;
  font-weight: bold;
  padding: 4px 2px 4px 2px;
  margin: 0;
  text-align: left;
  width: 160px;
}

#loginbar input.text {
  
  height: 16px;
  margin: 0px 0px 0px 2px;
  border: 1px solid #57594b;
}


.navbar {
  margin-top: 1px;
  margin-bottom: 1px;
}

ul.primarynav {
  background: #b9b9b9;
  border: 1px solid #b9b9b9;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 970px;
  text-align: center;
}

ul.primarynav li {
  border-right: 1px solid white;
  border-left: 1px solid black;
  text-indent: 0;
  background: #555555;
  float: left;
  list-style: none;
  padding: 0;
  margin: 0;
  
}
ul.primarynav li.first {
  border-left: 0;
}
ul.primarynav li.last {
  border-right: 0;
  
  
}


ul.primarynav a {
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  padding: 7px 28px 7px 27px;
  margin: 0;
  text-decoration: none;
  
}

ul.primarynav a.last {
  padding: 7px 30px 7px 30px; 
}

ul.primarynav a:hover {
  background: #994433;
}



/*
input.login {
  background: url("images/login_button.gif") no-repeat;
}
input.go {
  background: url("images/go_button.gif") no-repeat;
  
}

span.logoff {
  background: url(images/logoff_button.gif) no-repeat;
  display: block;
  height: 18px;
  padding: 3px 8px 3px 9px;
  margin: 0;
  font-weight: bold;
}


input.button {
  border: 0;
  color: #FFFFFF;
  padding: 0;
  margin: 0;
  font-size: 9.5px;
  font-weight: bold;
  height: 20px;
}
*/  
.lessspace {
  line-height: 1.0; 
}


  
#page_wrapper {
  margin: 0px auto;
  width: 972px;
  text-align: left;
}
#wrapper {
  border: 1px solid #bbbbbb;
  
  width: 970px;
  background: url(images/left_extender.gif) bottom left repeat-y;
}  

#wrapper2 {
  background: url(images/right_extender.gif) bottom right repeat-y;
  width: 100%;
}

#left_mainwrapper {
  float: left;
  width: 820px;
}

#leftsidebar {
  background-color: #ededed;
  border-right: 1px solid #b9b9b9;
  float: left;  
  width: 199px;
  line-height: 170%;
  
}
#main {
  background-color: white;
  float: right;
  width: 600px;
  padding: 10px;
}
.error, .message {
  font-size: 12px;
  font-weight: bold;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  width: 95%;
}
.error {
  color: red;
}

.message {
  color: green;
}
/* Content stuff */
#list_container { 
  padding: 10px 0 0 0;
  margin: 0;
}
#cat_description {
  
  float: left;
  padding: 0;
  margin: 0;
  width: 397px;
}
#listtabs {
  background: #ffffff;
  
  margin-top: 0;
  margin-bottom: 0px;
  margin-left: 0;
  padding: 0;
  list-style: none;
  display: block;
  text-align: center;
}

#listtabs li {
  text-indent: 0;
  
  background:url("images/tab_left.gif") no-repeat left top;
  list-style: none;
  float: left;
  padding: 0;
  margin: 0;
  height; 12px;
  
}

#listtabs a {
  background: url(images/tab_right.gif) right top no-repeat;
  display: block;
  padding:3px 10px 2px 10px;
  font-size: 11px;
  
}

#listtabs .current_listtab {
  background-image: url(images/ctab_left.gif);
  
}
#listtabs .current_listtab a {
  background-image: url(images/ctab_right.gif);
  color: #FFFFFF;
  font-weight: bold;
  
}

#aspects_area_holder {
  float: right;
  height: 110px;
  width: 165px;
}
#aspects_area {
  background: url(images/aspects_box.gif) top left no-repeat;
  font-size: 12px;
  
  height: 90px;
  padding:10px;
  width: 145px;
  
}



table.links {
  margin: 0;
}


/* bottom of content */

#sponsored_links {
  border-top: 1px solid #b9b9b9;
  margin-top: 15px;
  padding-top: 15px;
}

#main_banner {
  
  
  
  margin-left: auto;
  margin-right: auto;
}

#site_categories {
  border: 1px solid black;
  height: 45px;
  overflow: auto;
  padding: 5px;
  
}


/* right side bar */
#rightsidebar {
  background-color: #ededed;
  float: right;
  width: 147px;
  height: 100%;
}

#right_options {
  background-color: #ffffff;
  
  border-bottom: 1px solid #b9b9b9;
  padding: 10px;
}

#banner_box {
  
  padding: 0px 10px 15px 10px;
  height: 100%;
}

#banner_box img {
  border: 0;
  padding-bottom: 5px;
}
  
#contentheader .error, #contentheader .message {
  margin: 0px 200px 0px 200px;
}



#left_category_list ul {
  padding: 0 10px 0 20px;
  margin: 5px 0;
}
#left_category_list ul li {
   list-style-type: disc;
   line-height: 170%;
   margin: 0;
   padding: 0;
}


/* survey stuff */
.survey_aspect {
  margin-left: 10px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  color: black;
}

.survey_question {
  margin-left: 20px;
  font-weight: bold;
}

.survey_question_description {
  margin-left: 20px;
}

table.survey_ratings {
  margin-left: 40px;
  width: 93%;
}
div.desctext {
  font-size: 10px;
  text-transform: uppercase;
  padding: 10px 3px;
  text-align: center;
}
div.survey_unimpressed {
  margin-left: 30px;
  float: left;
  width: 70px;
}

div.survey_impressed {
  float: right;
  width: 70px;
}
div.survey_noopinion {
  float: right;
  width: 40px;
}



/* Don't want the shadows? */

.shadowtop, .shadowbottom, .shadowleft, .shadowright {
  background: none;
}
.shadowtopleft, .shadowtopright, .shadowbottomleft, .shadowbottomright {
  width: auto;
  height: auto;
  float: none;
  background: none;
}

#searchbox {
  padding: 10px;
  background: #bbbbbb;
}

#searchbox input.text {
  margin: 0px 3px 6px 0px;
  padding: 1px 0px 1px 2px;
  border: 1px solid #57594b;
  color: #555555;
}  
/*
#searchbox input.text {
  padding: 0;
  height: 20px;
  background: #ffffff;
  margin-bottom: 3px;
 
}
*/
#left_category_list {
  padding: 10px; 
}


* html .searchbox input.submit {
  height: 21px;
}




#footer_links {
  float: left;
  text-align: left;
  
  padding: 3px;
  color: #994433;
  
  width: 80%;
 
}

#footer_links a {
  font-weight: bold;
  color: #994433;
}

#footer_links img {
  padding: 0 3px;
}

#copyright {
  color: #994433;
  float: right;
  font-weight: bold;
  margin: 0px;
  padding: 3px;
  text-align: right;
 
}
.buttonalign {
  margin-bottom: 5px;
  height: 19px;
}
img.spacer {
  margin-top: 3px;
}


.clear {
  clear: both;
}
/* Fonts */
.blue {
  color: #445588;
}

.red {
  color: #994433;
}
.darkred {
  color: #924438;
}
.black {
  color: black;
}

.white {
  color: white;
}
.grey {
  color: #565757l;
}

.large {
  font-size: 14px;
  
  
}

.title {
  font-size: 13px;
  letter-spacing: 1px;
}

.xlarge {
  font-size: 18px;
  font-weight: bold;
}
.small {
  font-size: 10px;
}
.xsmall {
  font-size: 9px;
}
.bold {
  font-weight: bold;
}

.uppercase {
  text-transform: uppercase;
}
hr {
  border: none 0;
  border-top: 1px solid #b9b9b9;/*the border*/
  width: 100%;
  height: 1px;/*whatever the total width of the border-top and border-bottom equ
al*/
}

table {
  border: 0;
  width: 100%;
}
table.links th {
  font-size: 11px;
}
th {
  background-color: #b46557;
  color: white;
  font-weight: bold;
  
}

th.aspects {
  color: white;
  background-color: #924438;
  font-weight: bold;
}


tr.even {
  background-color: #ebedf2;
}
#single_link th {
  color: #979797;
  background-color: #ebedf4;
  
}

div.site_info_box {
  background: url(images/box.gif) top left no-repeat;
  padding: 6px;
  width: 173px;
  height: 115px;
  font-size: 14px;
  line-height: 120%;
}
div.right_site_info_box {
  float: right;
  margin-right: 180px;
}
a {
  color: #445588;
  text-decoration: none;
}
a.blue {
  color: #445588;
}
a:hover {
  
  text-decoration: underline;
}





.highlight {
  background-color: #fbf4ca;
  border: 1px solid #dcdcdc;
}

.centered {
  text-align: center;
}
.underline {
  text-decoration: underline;
}

.uppercase {
  text-transform: uppercase;
}
img {
  border: 0px;
}

.left_container {
  
  float: left;
  padding-right: 10px;
  width: 48%;
  
}

.right_border {
  border-right: 1px solid #b9b9b9;
}

.right_container {
  float: right;
  padding-left: 10px;
  width: 48%;
}
.crumb {
  font-size: 12px;
  padding-bottom: 10px;
}

iframe {
  vertical-align: bottom;
}

table.halftable {
  width: 50%;
}

ul.topics li a {
  font-weight: bold;
  color: #445588;
}

/* tooltips */


a.info{
    position:relative; /*this is the key*/
    text-decoration: none;
}

a.info:hover{z-index:25; text-decoration: underline}

a.info span.tooltip{display: none}

a.info:hover span.tooltip{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:0em; width: 13em;
    border:1px solid #000;
    background-color:#ededed; color:#000;
    text-align: center;
    text-decoration: none;
}


img.info {
  cursor: pointer;
  position: relative;
}


/* hack for ie/win's guillotine bug */
/* start non ie/mac css \*/
* html .content {
  height: 1%;
}

/* message box for login message */

#dropinboxv2cover{
width: 340px; /*change width to desired */
height: 240px;  /*change height to desired. REMOVE if you wish box to be content's natural height */
position:absolute; /*Don't change below 4 rules*/
z-index: 100;
overflow:hidden;
visibility: hidden;
}

#dropinboxv2{
width: 320px; /*change width to above width-20. */
height: 220px; /*change height to above height-20. REMOVE if you wish box to be content's natural height*/
border-top: 1px solid #555555;
border-left: 1px solid #555555;
border-right: 2px solid #555555; /*Customize box appearance*/
border-bottom: 2px solid #555555;
background-color: #ededed;

position:absolute; /*Don't change below 3 rules */
left: 0;
top: 0;
}