/* Global styles */
body {
	font-size: 13px;
}
/* START:notice */
#notice {
  border: 2px solid red;
  padding: 1em;
  margin-bottom: 2em;
  background-color: #f0f0f0;
  font: bold smaller sans-serif;
}
/* END:notice */

/* Styles for admin/list */


#member-list table, #log-list table, #restaurant-list table, #review-list table
{
	width: 750px;
    border-collapse:  collapse;
}

#log-list .qsc-canceled
{
	color: red;
	font-weight: bold;
	font-style: italic;
}	

#member-list .list-title, #restaurant-list .list-title, #log-list .list-title {
	color:        #244;
	font-weight:  bold;
	font-size:    larger;
}

#member-list .list-image, #restaurant-list .list-image, #log-list .list-image {
  width:        60px;
  height:       70px;
}

th {
       background: #999;
}

table.most_expensive, table.top_attendees, table.top_reviewers, table.top_restaurants, table.most_frequented, table.most_reviewed, table.worst_restaurants {
   background: navy;
}

.most_expensive td {
    background: #CC9966;
	text-align: right;
}

.top_attendees td {
    background: #FF6666;
}

.top_reviewers td {
     background: teal;
}

.top_restaurants td {
    background: lime;
}

.most_frequented td {
     background: aqua;
}

.most_reviewed td {
    background: yellow;
}

.worst_restaurants td {
     background: olive;
}

/* div#member-list, div#restaurant-list, div#log-list {
    background: navy;
} */

#member-list tfoot, #restaurant-list tfoot, #log-list tfoot {
       background: #999;
       font-weight: bold;
}

#member-list .list-actions, #restaurant-list .list-actions, #log-list .list-actions{
  font-size:    x-small;
  text-align:   right;
  padding-left: 1em;
}

#member-list .list-line-even, #review-list .list-line-even {
  background:   #28f;
}

#log-list .list-line-even {
   background: #fa8;
}

#log-list .list-line-odd {
    background: #bb3;
}

#log-list .marked, #restaurant-list .marked, #member-list .marked, #review-list .marked {
    background: #be4;
}

#log-list .marked td, #restaurant-list .marked td, #member-list .marked td, #review-list .marked td {
    border-top: 2px solid red;
    border-bottom: 2px solid red;
}

#log-list .marked td.last, #restaurant-list .marked td.last, #member-list .marked td.last, #review-list .marked td.last {
    border-right: 2px solid red;
}

#log-list .marked td.first, #restaurant-list .marked td.first, #member-list .marked td.first, #review-list .marked td.first {
    border-left: 2px solid red;
}

#restaurant-list .list-line-odd {
   background:  #99c;
}

#restaurant-list .list-line-even {
	background: #92c;
} 

#member-list .list-line-odd, #review-list .list-line-odd {
  background:   #f7f;
}


/* Styles for main page */

#banner {
  border-bottom: 2px solid;
  font:  50px/90px "Arial" sans-serif;
}

#banner img {
    float: left;
    height: 80px;
    background: white;
    padding-left:  5px; 
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px; 
    /* border-top: 1px #282 solid;
    border-left: 1px #282 solid; */
}

#banner td#banner-title{
  padding-left:  2.0em;
  text-align:  left;
}

#banner td#logo{
	width:  1em;
}
img.uploaded-pics {
   width: 100%;
}

#columns {
  font-family: "Arial" sans-serif;
   background: #141;
}

#main {
  font-family: "Arial" sans-serif;
  margin-left: 12.75em;
  padding-top: 1ex;
  padding-left: 2em;
  background: white;
}

#foot {
    float: left;
    font-family:  "Arial" sans-serif;
    font-style: italic;
    width: 100%;
}

#foot table.left-right
{
     width:  100%;
}

#foot table.left-right td.col1 {
    width:  80%;
    text-align: left;
}

#foot table.left-right td.col2 {
   text-align: right;
}


#side {
  font-family: "Arial" sans-serif;
  float: left;
  padding-top: .25em; 
  padding-bottom: .25em;
  width: 13.75em;
  background: navy;
  line-height: 1.25em;
}

#side #greeting {
    color: white;
    font-size: small;
}

#side a {
  color: #bfb;
  font-size: small;
  text-decoration: none;
}

#side li.off, #side ul.off {
	  list-style-type: none;
}

#side ul.menu-items {
        list-style-type: none;
        padding-left: .5em;
        margin-left: .75em;
}

.menu-group {
    color: yellow; 
	padding-left: .25em;
	margin-left: .5em;
	padding-bottom: .05em;
}

h1 {
  font:  150% sans-serif;
  color: #226;
  border-bottom: 3px dotted #77d;
  margin-bottom: .25em;
}

h2 {
  font:  125% sans-serif;
  color: #226;  
  border-bottom: 1px dotted #77d;
}

h3 {
  margin-top:  1.5em;
  font:  110% sans-serif;
  color: #226;  
  border-bottom: 1px solid #77d;
}

.loud {
    font: 200% sans-serif;
}

.extra-loud {
     font: 300% sans-serif;
     color: maroon;
}

.note {
  font-size: small;
  font-style: italic;
}



/* And entry in the member catalog */

#member  .entry {
  border-bottom: 1px dotted #77d;
}

#member  .title {
  font-size: 120%;
  font-family: sans-serif;
}

#member .entry img {
  width: 75px;
  float: left;
}


#member .entry h3 {
 margin-bottom: 2px;
 color: #227;
}

#member .entry p {
 margin-top: 0px; 
 margin-bottom: 0.8em; 
}

#member .entry .price-line {
}

#member .entry .add-to-cart {
  position: relative;
}

#member .entry  .price {
  color: #44a;
  font-weight: bold;
  margin-right: 2em;
}

/* START:inline */
#member .entry form, #member .entry form div {
  display: inline;
}
/* END:inline */

/* START:cart */
/* Styles for the cart in the main page and the sidebar */

/* .cart-title { */
/*  font: 120% bold; */
/* } */

.item-price, .total-line {
  text-align: right;	
}

.total-line .total-cell {
  font-weight: bold;
  border-top: 1px solid #595;
}

/* Styles for viewing objects */

table#view-member td.col1, table#view-qsc td.col1 {
   	vertical-align: top;
        width: 25%;	
	text-align: right;
}

table#view-member td.col2, table#view-qsc td.col2{
        vertical-align: top;
        width: 75%;
 	padding-left: .75em;
}

/* This table is for the rating number plus the image to represent it all on a single line */

table.rating-plus {
      vertical-align: top;
      padding-top: 0px;
}

table.rating-plus td.rating-number {
     padding-top: 0px;
}

table.rating-plus td.rating-image {
          padding-top: 0px;
          padding-left: .75em;
}

table.rating-plus td.rating-image img {
          height:  1em;
}

table.whos-coming-list td.col1
{     padding-top: 0px;
	  padding-left: 0px;
	  padding-right: 6px;
	  text-align:  right;
}

table.whos-coming-list td.col2
{     padding-top: 0px;
	  padding-left: 0px;
	  padding-right: 6px;
	  text-align:  left;
}

table.whos-coming-list 
{
	margin-top: 2px;
	border-collapse:  collapse;
}

table.view-info td.rating {
           padding-top: 0px;
}


/* Styles for the home page */

table#attendance td {
	vertical-align: top;
        margin-top: 0em;
        padding-top: 0em;
        margin-bottom: 0em;
        padding-bottom: 0em;
}

#will-attend {
    color: green;
    border:  2px solid green;
        padding: .25em;
        margin-top: 0em;
        background: #bba;
}

#may-attend {
    color: blue;
    border:  2px solid blue;
        padding: .25em;
        margin-top: 0em;
        background: #bba;
} 
  
#not-attend {
    color: maroon;  
    border: 2px solid maroon;
        padding: .25em;
        margin-top: 0em;
        background: #bba;
}

.whos-coming-header {
	font-size: 3em;
	letter-spacing: 12px;
}

/* Styles for the cart in the sidebar */

#cart, #cart table {
  font-size: smaller;	
  color:     white;
}

#cart table {
  border-top:    1px dotted #595;
  border-bottom: 1px dotted #595;
  margin-bottom: 10px;
}
/* END:cart */

/* Styles for order form */

.qsc-form input:focus {
     background: yellow;
}

.qsc-form fieldset {
  background: #efe;
}

.qsc-form legend {
  color: #dfd;
  background: #141;
  font-family: sans-serif;
  padding: 0.2em 1em;
}

.qsc-form label {
  width: 10em;
  float: left;
  text-align: right;
  margin-right: 0.5em;
  display: block;
}

.qsc-form span.required {
	background-color: #fdb;
	padding-left: .25em;
	padding-right: .25em;
}

table.submit {
   width: 13.8em;
}

table.submit td.submit{
  text-align: right;
}

table.submit2 {
   width: 14.2em;
}

table.submit2 td.submit{
  text-align: right;
}

table.submit3 {
   width: 14.2em;
}

table.submit3 td.submit{
  text-align: right;
}


.qsc-form table#login-info td.col1 label{
  width: 9.5em;
}

.qsc-form table#city-state-zip td.col1 label, .qsc-form table#restaurant-prices td.col1 label, .qsc-form table#rating td.col1 label{
   width: 9.5em;
} 

.qsc-form table#city-state-zip td.col3 label, .qsc-form table#city-state-zip td.col5 label, .qsc-form table#restaurant-prices td.col3 label {
   width: 2em;
}

.qsc-form table#login-info td.col3 label{
    width: 6em;
}
.qsc-form table#default-attend {
     width: 100%;
}

.qsc-form table#default-attend td.col1 {
	width: 10em;
        text-align: right;
}

.qsc-form table#default-attend td.col2 label {
       width: 15em;
       white-space: nowrap;
       text-align: left;
}

.qsc-form table#default-attend td.col3 {
       width: 5em;
       text-align: right;
}


/* The error box */

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

table.view-info
{
        font: small sans-serif;
        border-collapse:  collapse;
        margin-bottom:  1em;
        margin-left: .5em;
}

table.view-info th
{
    text-align:  left;
    color:  white;
    font-weight:  normal;
}

table.qsc-basics
{
	width: 44%;
/*        float: top; */
        border: 1px solid navy;
}

table.qsc-basics th
{
        background: navy;
}

span.closed
{
        background: yellow;
}

table.qsc-basics-upper-right
{
	float: left;
	width: 44%;
	border: 1px solid navy;
}

table.qsc-basics-upper-right th
{
	background: navy;
}

table.qsc-basics-upper-right span.closed
{
	background: yellow;
}

table.member-logins
{
        width: 25em;
        border: 1px solid navy;
}

table.member-logins th
{
        background: navy;
}

table.whats-fresh
{
    width:  25em;
    border: 1px solid navy;
}

table.whats-fresh th
{
        background: navy;
}


table.qsc-basics-full
{
		width: 90%;
        border: 1px solid navy;
}

table.qsc-basics-full th 
{
        background: navy;
}


table.qsc-pic 
{
	float: left;
        width: 27em;
/*        border: 1px solid maroon; */
}

table.qsc-pic-home
{
	width: 20.75em;
	float: left;
/*        border: 1px solid maroon; */
}

table.qsc-pic th, table.qsc-pic-home th
{
        background: maroon;
} 

table.qsc-pic td.col1
{
	padding-top: 0em;
        padding-left: 0em;
        padding-right: 0em; 
        padding-bottom: 0em;
}

table.qsc-pic-home td.col1
{
	padding-top: 0em;
        padding-left: 0em;
        padding-right: 0em; 
        padding-bottom: 0em;
}

table.qsc-pic-home table.home-photo-header td
{
	background:  maroon;
	padding-top: 0em;
    padding-left: 0em;
    padding-right: 0em; 
    padding-bottom: 0em;
	width: 12em;
}

table.qsc-pic-expanded table.home-photo-header td
{
	background:  maroon;
	padding-top: 0em;
    padding-left: 0em;
    padding-right: 0em; 
    padding-bottom: 0em;
	width: 30em;
}

table.view-info table.home-photo-header td.caption
{
	padding-top:  .15em;
	text-align: left;
	vertical-align: top;
}

table.view-info table.home-photo-header td.shuffle
{
	text-align: right;
	vertical-align: top;
}

table.qsc-pic img
{
	width: 27.25em;
} 

table.qsc-pic-home img
{
     width: 25em;
}

table.qsc-pic-home table.home-photo-header img
{
     width: 3.85em;
}

table.qsc-pic-expanded table.home-photo-header img
{
     width: 3.85em;
}

table.qsc-pic-expanded
{
        float: left;
        width: 95%;
/*        border: 1px solid maroon; */
}       
        
table.qsc-pic-expanded th
{
        background: maroon;
}

table.qsc-pic-expanded td.col1
{
        padding-top: 0em;
        padding-left: 0em;
        padding-right: 0em;
        padding-bottom: 0em;
}

table.qsc-pic-expanded img
{
     width: 100%;
}
table.qsc-fruit-pic
{
        float: left;
        width: 44%;
        border: 1px solid olive;
}

table.qsc-fruit-pic th
{
        background: olive;
}

table.qsc-fruit-pic img
{
     display: block;
     margin-left: auto;
     margin-right: auto;
     width: 54%;
}

table.qsc-fruit-full
{
        width: 25em;
        float: left;
        border: 1px solid olive;
}

table.qsc-fruit-full th
{
        background: olive;
}

table.qsc-fruit-full img
{
     float: left;
     width: 5em;
     margin-right: .5em;
}

table.qsc-second-pic
{  
        float: left;
        width: 44%;
        border: 1px solid olive;
}   

table.qsc-second-pic th
{
        background: olive;
}       

table.qsc-second-pic img
{   
     display: block;
     margin-left: auto;
     margin-right: auto;
	 /* width: 17.5em; */
     /* width: 17.5em; */
}

table.qsc-in-depth
{
	float: left;
    border: 1px solid green;
	width: 90%;
}

table.qsc-in-depth th
{
        background: green;
}

table.qsc-notes
{
	float: left;
    width: 90%;
    border: 1px solid purple;
}

table.qsc-notes th
{
        background: purple;
}

table.qsc-notes td
{
        line-height:  1.2em;
}


table.qsc-faves
{
	float: left;
    border: 1px solid #CC9900;
	width: 90%;
}

table.qsc-faves th
{
        background: #CC9900;
}


table.view-info td
{
    background:  #FFFFCC;
    border: none;
    padding-left: .5em;
    padding-right: .5em;
}

table.view-info td.start, table.view-info div.start
{
   padding-top: .4em;
}

table.view-info td.col1
{
    text-align:  right;
    font-weight: bold;
    vertical-align: top;
    width:  25%;
}

table.view-info td.col2
{
    vertical-align: top;
    width:  75%;
}

table.member-logins td.col1, table.whats-fresh td.col1
{
    text-align:  right;
    font-weight: bold;
    vertical-align: top;
    width:  65%;
}

table.member-logins td.col2, table.whats-fresh td.col2
{
    vertical-align: top;
    width:  35%;
}

table.upper-left
{
    float: left; 
	margin-top: .25em;
	margin-right: .75em;
}

/* Focus for select */
select:focus 
{
	background:  yellow;
}

/* Restaurant chooser */
div#choice
{
	font:  50px/90px "Arial" sans-serif;
	text-align: center;
	background: teal;
}

table.back_to_top {
   width: 97%;
}

table.back_to_top td.back_to_top {
  text-align: right;
}

span.bold {
	font-weight: bold;
}

span.red {
	color: red;
}

span.blue {
	color: blue;
}

span.green {
	color: green;
}

span.purple {
	color: purple;
}

span.orange {
	color: #FF6600;
}

span.yellow {
	color: #FFCC33;
}

span.olive {
	color: olive;
}

span.blue {
	color: blue;
}

span.navy {
	color: navy;
}

span.fuchsia {
	color: fuchsia;
}

span.brown {
	color: #996600;
}

span.maroon, span.marroon {
	color: maroon;
}