/* This file is part of the WWWink system.
   (c) Naturally Open Inc.

   google/panel.css: Google CSS declarations
   $Id: wwwinkle-1.3.css,v 1.3 2004/11/22 00:09:06 rtmyers1 Exp rtmyers1 $
*/

/* GLOBALS */
/*body, td, button, input { font: message-box; }*/

/* BORDERS AND BACKGROUNDS */
/* for sponsored ad and details boxes */

.border { margin: 10px 0px 10px 0px; border: 1px solid #7A94A3; }
.light-background { background: #ffffff;/*#F7F6E4;*/ }

/*****************************************************************
generic elements 
******************************************************************/
button { 
  width: 30px; 
}

/*a          { text-decoration: none; color: black; }
a:hover    { text-decoration: underline; }
a:visited  { color: #c11B17; }
a.visited  { color: #c11B17; }
*/

/*****************************************************************
 section-by-section formatting 
******************************************************************/

/* non-bottom is everything but buttom, duh */
#non-bottom { 
  overflow: hidden;
}

/*.section-title {
  font-weight: bold;
  text-align: center;
  width: 100%; 
  padding: 5px;
}*/

/****************************************************************
  CONTENT SECTIONS
****************************************************************/

.content {
  overflow-y: auto;
  overflow-x: hidden;
  display: none;
  clear: both;
}

.home #content-home, .contents #content-contents, .usage #content-usage, .buy #content-buy, .troubleshooting #content-troubleshooting { display: block; }

/*#content-home { display: block; }*/

.content-title {
  background: #BAC5D5;
  width: 100%;
  border:#BAC5D5 1px solid;
  border-bottom: solid 1px /*#765*/ #7A94A3;
}
  
/*****************************************************************/
/* USAGE CONTENT */
#content-usage {
  padding-bottom: 5px;
 }

/*****************************************************************/
/* Contents CONTENT */
#content-contents {   
}

/*****************************************************************/
/* Download CONTENT */
#content-buy { }

/*****************************************************************/
/* Troubleshooting CONTENT */
#content-troubleshooting { 
  padding-bottom: 5px;
}

.usage-item {
  color:#222222;
  padding: 0px 20px 0px 20px;
  /*padding: 5px; */
}

.usage-title {
  text-align: left;
  font-weight: bold;
  font-family: Tahoma, Arial, Helvetica, sans-serif; 
  font-size: 80%;
  background: #DEE6EB;
  padding: 10px;
  border-top: solid 1px /*#765*/ #7A94A3;
  border-bottom: solid 1px /*#765*/ #7A94A3;
  text-indent: 10px;
}

.trouble-title {
  text-align: left;
  font-weight: bold;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 80%;
  background: #ebdede;
  padding: 10px;
  border-top: solid 1px /*#765*/ #7A94A3;
  border-bottom: solid 1px /*#765*/ #7A94A3;
  text-indent: 10px;
}

.trouble-item, usage-item {
  color:#222222;
  padding: 0px 20px 0px 20px;
  color: red;
  /*padding: 5px; */
}

.ws-result {
  overflow-x: hidden;
  display:block; padding: 5px;
  white-space: nowrap; 
  text-overflow: ellipsis;
  width: 100%;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 80%;
  text-indent: 15px;
}

.ws-result-section {
  padding: 8px;
  text-align: center; 
  width: 100%; 
  font-weight: bold; 
  color: #444444;
}

.odd-result { }
.even-result {   
  background: #F7F6E4;
  border-top: solid 1px #7A94A3;
  border-bottom: solid 1px #7A94A3;
}

.bullet { height: 10px; width: 8px; }
.even-result .bullet { background: #FFA500; /*gray/*#C6BAD5;*/}
.odd-result  .bullet { background: #FFA500; /*gray/*#DBD9AD;*/}

/*****************************************************************
  headers (tabs)
  see http://www.alistapart.com/articles/slidingdoors/
****************************************************************/
#header {
      float:left;
      width:100%;
      background: url(../image/bg.gif) repeat-x bottom;
      font-size:10pt; /*93%*/
      line-height:normal;
      }
    #header ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      white-space: nowrap;
      }
    #header li {
      float:left;
      background:url(../image/left_both.gif) no-repeat left -150px;
      margin:0;
      padding:0 0 0 9px;
      border-bottom:1px solid #7A94A3;
      }
    #header a {
      float:left;
      display:block;
      width:.1em;
      background: url(../image/right_both.gif) no-repeat right -150px;
      padding:5px 10px 4px 1px;
      text-decoration:none;
      font-weight:bold;
      color:#7A94A3;
      }
    #header > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #header a {float:none;}
    /* End IE5-Mac hack */
    #header a:hover {
      color:#333;
      }

    .home #nav-home, .contents #nav-contents, .usage #nav-usage, .buy #nav-buy,
    .troubleshooting #nav-troubleshooting    {
      background-position: left top; 
      border-width:0;
      }
  
    .home #nav-home a, .contents #nav-contents a, .usage #nav-usage a, .buy #nav-buy a,
    .troubleshooting #nav-troubleshooting a {
      background-position: right top;
      padding-bottom:5px;
      color:#333;
      }
    #header li:hover, #header li:hover a {
      background-position: 0% -150px;
      color:#333;
      }
    #header li:hover a {
      background-position: 100% -150px;
      }