/* SVN FILE: $Id: cake.generic.css 7690 2008-10-02 04:56:53Z nate $ */
/**
 *
 * PHP versions 4 and 5
 *
 * CakePHP(tm) :  Rapid Development Framework <http://www.cakephp.org/>
 * Copyright 2005-2008, Cake Software Foundation, Inc.
 *                1785 E. Sahara Avenue, Suite 490-204
 *                Las Vegas, Nevada 89104
 *
 * Licensed under The MIT License
 * Redistributions of files must retain the above copyright notice.
 *
 * @filesource
 * @copyright   Copyright 2005-2008, Cake Software Foundation, Inc.
 * @link        http://www.cakefoundation.org/projects/info/cakephp CakePHP(tm) Project
 * @package     cake
 * @subpackage    cake.app.webroot.css
 * @since     CakePHP(tm)
 * @version     $Revision: 7690 $
 * @modifiedby    $LastChangedBy: nate $
 * @lastmodified  $Date: 2008-10-02 00:56:53 -0400 (Thu, 02 Oct 2008) $
 * @license     http://www.opensource.org/licenses/mit-license.php The MIT License
 */

  body, caption, th, td, input, textarea, select, option, legend, fieldset
  {
    font-family: Verdana, Helvetica, "Bitstream Vera Sans", sans-serif;
  }

  /* General Style Info */
  body {
    /*background: url('/content/img/body.png') no-repeat;*/
  }
  a {
    color: #184597;
    text-decoration: underline;
    font-weight: bold;
  }
  a:hover {
    text-decoration:none;
  }
  a img {
    border:none;
  }
  h1, h2, h3, h4 {
    font-weight: normal;
  }
  h1 {
    font-size: 100%;
    margin: 0.1em 0;
  }
  h2 {
    font-size: 150%;
    margin: 0.3em 0;
  }
  h3 {
    font-size: 130%;
    padding-top: 1.5em;
  }
  h4 {
    padding-top: 0.5em;
  }
  ul, li {
    margin: 0 12px;
    list-style-type: disc;
  }
  strong {
    font-weight: bold;
  }
  p {
    margin-top: 10px;
    margin-bottom: 5px;
  }
  em {
    font-style: italic;
  }

  h2.idea-gallery {
    float: left;
    display: block;
    width: 100%;
    height: 35px;
    background: url('/content/img/idea_gallery.png') no-repeat;
    text-indent: -9999px;
    text-decoration: none;
  }
  h2.contact-us {
    float: left;
    display: block;
    width: 100%;
    height: 35px;
    background: url('/content/img/contact_us.png') no-repeat;
    text-indent: -9999px;
    text-decoration: none;
  }
  h2.email-design {
    float: left;
    display: block;
    width: 100%;
    height: 35px;
    background: url('/content/img/email_design.png') no-repeat;
    text-indent: -9999px;
    text-decoration: none;
    margin-left: -1px;
  }
  .pages h2 {
    margin-top: 0.6em;
  }
  /* Layout */
  #container {
    /* Use a 12px base font size with a 16px line height */
    font-size: 0.75em; /* 16px x .75 = 12px */
    line-height: 1.333em; /* 12px x 1.333 = 16px */
    width: 920px;
    position: relative;
  }

  #header {
    height: 95px;
  }
  #header h1 {
    position: absolute;
    top: 16px;
    left: 688px;
    margin: 0;
    padding: 0;
    width: 165px;
    height: 58px;
    z-index: 80;
  }
  #header h1 a {
    display: block;
    width: 165px;
    height: 58px;
    background: url('/content/img/logo.gif') no-repeat;
    text-indent: -9999px;
    text-decoration: none;
  }
  #header h1 a:hover {
  }
  #navbar {
    float: left;
    display: inline;
    width: 100%;
    margin: 10px 0 20px -15px;
  }

  #navbar ul {
  }

  #navbar li {
    border-right: 1px solid #000000;
    display: inline;
    float: left;
    list-style-type: none;
    padding: 0;
    margin: 0;
  }
  #navbar li.last {
    border-right: 0;
  }
  #navbar li a {
    display: block;
    line-height: 15px;
    padding: 0 5px;
    text-decoration: none;
  }
  #main {
    position: relative;
  }
  #sidebar {
    float: left;
    display: inline;
    width: 220px;
    margin-top: 0;
    margin-left: 0;
    margin-right: -220px;
    padding: 0;
  }
  #sidebar a {
    color: #fff;
  }
  #content {
    float: left;
    display: inline;
    margin-top: 0;
    margin-left: 220px;
    margin-right: -920px;
    width: 700px;
  }
  #content-inner {
    padding: 0px 20px 40px 0px;
  }
  #footer {
    font-family: Arial;
    font-size: 8.5pt;
    line-height: 9pt;
    clear: both;
    padding: 6px 10px;
    text-align: center;
    color: #666666;
  }
  #footer a {
    font-weight: normal;
    color: blue;
    text-decoration: none;
  }
  #footer div {
    padding-top: 17px;
  }

  /* Tables */
  table {
    background: #fff;
    border:1px solid #ccc;
    border-right:0;
    clear: both;
    color: #333;
    margin-bottom: 10px;
    width: 100%;
  }
  th {
    background: #f2f2f2;
    border:1px solid #bbb;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    text-align: center;
  }
  th a {
    background:#f2f2f2;
    display: block;
    padding: 2px 4px;
    text-decoration: none;
  }
  th a:hover {
    background: #ccc;
    color: #333;
    text-decoration: none;
  }
  table tr td {
    background: #fff;
    border-right: 1px solid #ccc;
    padding: 4px;
    text-align: center;
    vertical-align: top;
  }
  table tr.altrow td {
    background: #f4f4f4;
  }
  td.actions {
    text-align: center;
    white-space: nowrap;
  }
  td.actions a {
    margin: 0px 6px;
  }

  /* Paging */
  div.paging {
    float: right;
    background:#fff;
    color: #ccc;
    margin-right: 12px;
  }
  div.paging div.disabled {
    color: #ddd;
    display: inline;
  }
  div.paging span {
  }
  div.paging span.current {
    color: #000;
  }
  div.paging span a {
  }

  /* Scaffold View */
  dl {
    margin:3px 0 2px 10px;
    width:96%;
    background: #efefef;
    padding: 10px;
  }
  dl dt {
    margin: 4px 0 0;
    width: 200px;
  }
  dl dd {
    background: white none repeat scroll 0 0;
    border: 1px solid #CCCCCC;
    margin-left: 200px;
    margin-top: -18px;
    overflow: auto;
    padding: 2px 4px;
  }

  /* Forms */
  form {
    clear: both;
    padding: 0;
    width: 98%;
  }
  fieldset {
    border: 1px solid #ccc;
    margin-top: 30px;
    padding: 8px 10px;
  }
  fieldset legend {
    background:#fff;
    font-weight: bold;
  }
  fieldset fieldset {
    margin-top: 0px;
    margin-bottom: 20px;
    padding: 16px 10px;
  }
  fieldset fieldset legend {
    font-size: 120%;
    font-weight: normal;
  }
  fieldset fieldset div {
    clear: left;
    margin: 0 20px;
  }
  form div {
    clear: both;
    padding: 0.5em 0.5em 0.5em 0;
    vertical-align: text-top;
  }
  form div.input {
    color: #444;
  }
  form div.required {
    color: #333;
    font-weight: bold;
  }
  form div.submit {
    border: 0;
    clear: both;
    margin-top: 10px;
  }
  label {
    display: block;
    font-size: 110%;
    padding-right: 20px;
  }
  input, textarea {
    clear: both;
    font-size: 100%;
    padding: 2px;
    width: 100%;
  }
  select {
    clear: both;
    font-size: 120%;
    vertical-align: text-bottom;
  }
  select[multiple=multiple] {
    width: 100%;
  }
  option {
    padding: 0 3px;
  }
  div.checkbox {
    margin-bottom: 0.4em;
    margin-top: 0.4em;
    padding: 0;
  }
  input[type=checkbox] {
    clear: left;
    float: left;
    /* margin: 0px 6px 7px 2px; */
    width: auto;
  }
  .checkbox input { /* for IE 6 */
    clear: left;
    float: left;
    /* margin: 0px 6px 7px 2px; */
    width: auto;
  }
  .checkbox label {
    line-height: 19px;
  }
  input[type=radio] {
    float:left;
    width:auto;
    margin: 0 3px 7px 0;
  }
  div.radio label {
    margin: 0 0 6px 20px;
  }
  input[type=submit], input[type=button] {
    display: inline;
    font-size: 110%;
    padding: 2px 5px;
    width: auto;
    vertical-align: bottom;
  }
  #buttons input, button { /* for IE 6 */
    display: inline;
    font-size: 110%;
    padding: 2px 5px;
    width: auto;
    vertical-align: bottom;
  }

  /* Notices and Errors */
  div.message {
    clear: both;
    color: #900;
    font-size: 140%;
    font-weight: bold;
    margin: 1em 0;
  }
  div.error-message {
    clear: both;
    color: #900;
    font-weight: bold;
  }
  p.error {
    background-color: #e32;
    color: #fff;
    font-family: Courier, monospace;
    font-size: 120%;
    line-height: 140%;
    padding: 0.8em;
    margin: 1em 0;
  }
  p.error em {
    color: #000;
    font-weight: normal;
    line-height: 140%;
  }
  .notice {
    background: #ffcc00;
    color: #000;
    display: block;
    font-family: Courier, monospace;
    font-size: 120%;
    line-height: 140%;
    padding: 0.8em;
    margin: 1em 0;
  }
  .success {
    background: green;
    color: #fff;
  }

  /*  Actions  */
  div.actions ul {
    margin: 0px 0;
    padding: 0;
  }
  div.actions li {
    display: inline;
    list-style-type: none;
    line-height: 2em;
    margin: 0 2em 0 0;
    white-space: nowrap;
  }
  div.actions ul li a {
    background:#fff;
    color: #003d4c;
    text-decoration: none;
  }
  div.actions ul li a:hover {
    color: #333;
    text-decoration: underline;
  }

  /* Related */
  div.related {
    clear: both;
    display: block;
  }
  #header, #content, #navbar, #sidebar, #footer {
    overflow:visible;
  }
  div.pagination {
   padding: 0.5em;
   text-align: center;
  }

  #ItemTextSearch {
   width: 215px
  }

  #results, #results td {
    border: none;
    width: 33%;
  }

  .emailleft {
   float: left;
   width: 400px;
  }
  .emailright {
    float: left;
    width: 280px;
    padding: 0.5em 0;
  }

  .emailright img {
    display: block;
  }

  #fadeshow {
    width: 100%;
    margin-top: 10px;
  }

  #fadeshowText {
    text-align: right;
  }

  .categories {
    padding: 0;
  }
  #categories, #categories td {
    border: none;
    text-align: left;
    border: none;
  }
  #categories td {
    width: 33%;
    padding: 1px;
  }

  #ItemIndexForm {
    width: 100%;
  }

  #categories .checkbox {
    margin: 0;
  }
  /* item formatting */
  .item-image {
  }
  .item-image img {
    border: 1px solid #000;
  }
  .item-name {
  }
  .item-price {
    display: inline;
  }
  .item-email {
  }

  .image-title {
    /*margin-top: 4px;*/
  }
  #sitemap {
    display: none;
  }
  div.adminSearchDiv {
    float: right;
  }
  form#adminSearch {
    width:300px;
    float: left;
    margin-right: 0;
  }
  form#adminSearch div {
    float: left;
    clear: none;
    padding: 0 0.5em;
  }
  form#adminSearch input {
    float: left;
  }
  div.sitemap {
    margin: 1em 0;
  }
  ul.tree {
    list-style-type: circle;
  }
  ul.tree li a {
    font-weight: normal;
  }
  ul.tree li {
    font-size: 12px;
    /*margin-left: 7px;*/
  }
  ul.tree li.first {
    margin-top: 0.5em;
  }
  ul.tree li.last {
    margin-bottom: 0.5em;
  }
  ul.tree li.heading {
    margin-top: 15px;
    font-size: 15px;
    list-style-type: none;
    margin-left: 0;
  }
  ul.admin li.heading {
    font-size: 1em;
  }
  ul.admin li {
    line-height: 20px;
    vertical-align: middle;
    list-style-type: none;
  }
  ul.admin li img {
    vertical-align: middle;
  }
  
  .image-list {
    float: left;
    width: 100%;
  }
  #view-thumb-nav .item-image {
    float: left;
    padding: 4px;
  }
  .image-thumb {
  }
  .image-actions {
    text-align: center;
  }
  
  #view-item h1 {
    float: left;
    width: 100%;
    font-size: 26px;
    line-height: 26px;
    font-weight: bold;
    margin: 10px 0;
  }
  #view-item #view-details {
    float: left;
    width: 100%;
  }
  #view-item #view-image {
    float: left;
    width: 600px;
    margin: 0 20px 0 0;
  }
  #view-item #view-description {
    float: left;
    width: 250px;
  }
  .view-cat-size {
    font-size: 0.9em;
  }
  .view-cat-size a {
    font-weight:normal;
    text-decoration:none;
  }
  #view-thumb-nav {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
  }
  #view-back-next {
    float: right;
    margin: 10px 20px 0 0;
  }
  #view-back-next a {
    font-weight: normal;
    text-decoration: none;
    color: #000;
  }
  #alt-header {
    width: 920px;
    height: 94px;
    text-align: right;
    background: url("../img/header_revised.png") no-repeat top left;
    color: #FFF;
    font-size: 14px;
  }
  #alt-header-inner {
    padding-right: 40px;
  } 
  #alt-header a {
    text-decoration: none;
    color: #FFF;
  }
  
  #contact-us-form {
    width: 340px;
    float: left;
  }
  #contact-us-info {
    margin-top: 75px;
    margin-left: 60px;
    float: left;
  }
  #contact-us-info a {
    text-decoration: none;
  }
  .formSubmissions p {
    padding:0.5em 0.5em 0.5em 0;
  }
  .formSubmissions table,
  .formSubmissions table td {
    border: 0;
    text-align: left;
  }
  .formSubmissions table td {
    padding: 2px 0.5em;
  }
  .formSubmissions form label,
  .formSubmissions form input {
    font-size: 100%;
  }
  .email-item-info {
    padding: 5px;
    font-size: 0.9em;
  }
  
  .sidebar-contact {
    margin-top: 270px;
    text-align: center;
  }
  .email-link {
    list-style: none;
    list-style-image: none;
    padding-top: 5px;
    padding-bottom: 15px;
  }
  .email-link img {
    vertical-align: middle;
  }