/*-----------------------------------------------------------------------------------------------
IWFSPhilly Style Sheet

Fixed-width

Page:                920px
Left Nav:            153px (** background images determine this **)
Content Area:        767px
 - main (left)       612px
 - (gutter)           10px
 - secondary (right) 145px
 
-------------------------------------------------------------------------------------------------*/


/* "Global" styles
-------------------------------------------------------------------------------------------------*/

* {
 padding: 0;
 margin: 0; 
}

body { 
 font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; 
 font-size: 10px;
 background: #9E223B url('../images/background/faux_bkg.gif') repeat-y 0 77px;  
}


/* Page Grid Container DIVs
-------------------------------------------------------------------------------------------------*/

#mainWrapper {							/* outermost site wrapper */
 text-align: left;
 width: 920px;
/* left: 50%;
 margin-left: -460px;	/* 1/2 of page width */
}

#siteBanner {							/* top logo area */
 height: 65px;
 background: #9E223B url('../images/iwfsphillybanner.gif') no-repeat 153px 5px;
}

#bannerShadow {							/* shadow below banner logo */
 float: left;
 height: 12px;
 font-size: 1px;
 width: 100%;
 background: url('../images/background/shadow_m.gif') repeat-x left top;
}

#bannerLeftShadow {
 float: left;
 width: 153px;
 height: 12px;
 font-size: 1px;
 background: url('../images/background/shadow_l.gif') no-repeat;
}

#bannerRightShadow {
 float: right;
 width: 58px;
 height: 12px;
 font-size: 1px;
 background: url('../images/background/shadow_r.gif') no-repeat;
}

#nav {									/* left navigation panel - menu button links */
 float: left;
 width: 153px;
}

#innerWrapper							/* wrapper around everything next to the nav panel */
{
 float: right;
 width: 767px;
 height: auto;
 background-color:#FFFFCC;
}
 
#breadCrumb {							/* breadcrumb at top of page (below banenr and shadow) */ 
 font-weight: bold;
 font-size: 14px;
 color: #9E223B; 
 background-color:#FFFFCC;
}

#breadCrumbArc {						/* right side of breadcrumb - container for "arc" graphic */
 float: right;
 font-size: 1px;
 height: 17px;
 width: 58px;
 background: url('../images/background/arc.gif') no-repeat left top;
}

#pageBanner {							/* page title (below breadcrumb) */
 font-size: 14px;
 font-weight: bold;
 color: white;
 text-indent: 20px;
 background-image: url('none'); 
 background-color:#9E223B
}

#contentWrapper {						/* content area container */
 float: left;
 width: 767px;
}

#content {								/* main (left) content */
 float: left;
 width: 612px;
}

#sidebar {								/* secondary (right) content */
 float: right;
 width: 145px;
}

#fullContent {							/* content container spanning the full width */
 position: relative;
 float: left;
 width: 737px;
 /*height: 100%;*/
 padding-left: 20px;
 padding-right: 10px;
 font-size: 12px;
}

#footer { 								/* menu links at bottom of page */
 clear: both;
 text-align: center;
 font-size: 10px;
}


/* Content Sub-section Container DIVs
-------------------------------------------------------------------------------------------------*/

#contentList {		/* wrapper for lists (restaurants, dinners, etc.) */
 /*position: relative;*/
}

#contentList ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
 border-bottom: 1px solid #9E223B;
}

#contentList li {
 clear: left;
 border-top: 1px solid #9E223B;
 padding: 5px;
}

#contentList li h1 {
 margin-left: -5px;
 margin-right: -5px;
 text-indent: 10px;
 font-size: 14px;
 font-weight: bold;
 background: #FFFFCC; 
}

#contentList li h1 a  {
 display: block;
 width: 100%; 
}

#contentList li h1 a:hover { 
 color: white;
 text-decoration: underline;
 background: #9E223B; 
}

#contentList li h2 {
 font-size: 12px;
 font-weight: bold;
 margin: 0;
}

#contentList li.hoverHighlighted h2 { 
 color: white;
 background: #9E223B; 
}

#contentList li.hoverHighlighted h2 a { 
 color: white;
}

#contentList blockquote {
 padding-left: 10px;
 margin: 5px;
}

#contentDetail {		/* wrapper for a specific item's detail (a restaurant/link/dinner/etc.) */
 position: relative;
}

#contentDetail blockquote {
 font-size: 12px;
 padding-left: 10px;
 border-top: 1px;
 margin: 5px;
 min-height: 30px;
 /* below is a hack for IE */
 height: auto !important;
 height: 30px;
}

#comments {				/* wrapper for comment list */
 position: relative;
}

#comments ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
 border-bottom: 1px solid #9E223B;
}

#comments li {
 padding-left: 2px;
 border-top: 1px solid #9E223B;
}

#comments h1 {
 font-size: 14px;
 font-weight: bold;
 text-indent: 10px;
 color: white;
 background-color:#9E223B;
}

#comments h2 {
 font-size: 12px;
 font-weight: bold;
}

#comments h3 {
 font-size: 14px;
 font-weight: bold;
 text-indent: 10px;
 border-top: 1px solid #9E223B;
 border-bottom: 1px solid #9E223B;
}

#comments blockquote {
 font-size: 12px;
 padding-left: 50px;
 margin: 5px;
 min-height: 30px;
 background: url('../images/icons/iconComment.gif') no-repeat left top;
 /* below is a hack for IE */
 height: auto !important;
 height: 30px;
}

.rightFlush {				/* wrapper for a right-side box */
 position: relative;
 width: 144px;
 background: #FFFFCC;
 border-left: 1px solid #9E223B; 
 border-bottom: 1px solid #9E223B; 
}

.rightFlush h1 {
 color: white;
 background: #9E223B;
 font-size: 12px;
 font-weight: normal;
 text-indent: 5px;
 border-top: none;
}

.rightFlush ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
}

.rightFlush ul li {
 border-top: 1px solid #9E223B;
}

.rightFlush ul li a {
 display: block;
 width: 144px;
 color: gray;
 text-decoration: none;
 font-weight: normal !important;
}

.rightFlush ul li a:hover {
 display: block;
 width: 144px;
 color: white;
 background: #9E223B;
 text-decoration: none;
}

.rightFlush ul li a .dinnerDate {
 color: black;
 padding-left: 2px;
}

.rightFlush ul li a:hover .dinnerDate {
 color: white;
}

.rightFlush ul li a .dinnerName {
 color: gray;
 padding-left: 2px;
}

.rightFlush ul li a:hover .dinnerName {
 color: white;
}

.rightFlush ul li a .deadline {
 color: #9E223B;
 font-weight: bold;
 font-size: 12px;
 padding-left: 2px;
}

.rightFlush ul li a:hover .deadline {
 color: white;
}

.rightFlush input
{
 margin: 2px;
 font-size: 10px;
 text-indent: 0px;
}

.rightFlush select
{
 margin: 2px;
 font-size: 10px;
}

.rightFlush p
{
 padding-left: 2px;
}
 
#pickList {				/* wrapper for a right-side "quick pick list" (links/restaurants/dinners/etc.) */
 position: relative;
 background: #FFFFCC;
 border-left: 1px solid #9E223B; 
 border-bottom: 1px solid #9E223B; 
}

#pickList ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
}

#pickList li {
 border-top: 1px solid #9E223B;
}

#pickList h1 {
 color: white;
 background: #9E223B;
 font-size: 12px;
 border-top: none;
}

#pickList ul a {
 display: block;
 width: 144px;
 color: gray;
 text-decoration: none;
}

#pickList ul a:hover {
 color: white;
 background: #9E223B;
}

#pickList a .dinnerDate {
 color: black;
}

#pickList a:hover .dinnerDate {
 color: white;
}

#scrollingListOuterContainer {
 position: relative;
 width: 144px;
 height: auto;
 margin: auto;
 background: #FFFFCC;
 border-left: 1px solid #9E223B; 
 border-bottom: 1px solid #9E223B; 
 overflow: hidden;
}

#scrollingListInnerContainer {
 position:relative;
 overflow:hidden;
 width:144px;
 height: 300px;
 border-style:none;
 background: url('../images/background/list_filler.gif') left top;
}

#scrollingList {
 height: 300px;
 display: block;
 position: absolute;
 top: 0px;
 left: 0px;
 width: 144px;
 padding: 0px;
 margin: 0px;
 border-bottom: 1px solid #9E223B;
}

#scrollingList li {
 background: #FFFFCC;
 border-top: 1px solid #9E223B;
}

#scrollingList a {
 display: block;
 width: 144px;
 color: gray;
 text-decoration: none;
 font-weight: normal !important;
}

#scrollingList a:hover {
 color: white;
 background: #9E223B;
}

#scrollingList li.current a {
 color: white;
 background: #9E223B;
}

#scrollingList a .dinnerName {
 padding-left: 2px !important;
}

#scrollingList li.current a .dinnerDate {
 color: white;
 background: #9E223B;
}

#scrollingList a .dinnerDate {
 color: black;
 padding-left: 2px;
}

#scrollingList a:hover .dinnerDate {
 color: white;
}

#scrollingListUpArrow, #scrollingListDownArrow {
 width:144px;
 height:10px;
 font:9px verdana;;
 text-align:center;
 cursor:pointer;
}

#scrollingListUpArrow {
 background: #9E223B url('../images/icons/up.gif') no-repeat center;
}

#scrollingListDownArrow {
 background: #9E223B url('../images/icons/down.gif') no-repeat center;
}

#addLink, #addRestaurant, #addBlogEntry {
 text-align: right; 
}

#addLinkForm, #addRestaurantForm, #addBlogEntryForm {
 border-bottom: 3px solid #9E223B;
}


/* Useful DIV Classes
-------------------------------------------------------------------------------------------------*/
.alignleft {
 float: left;
 display: inline;
}

.alignright {
 float: right;
 display: inline;
}

.contributedby {
 font-size: 10px;
 color: gray;
 text-indent: 5px;
}

.separator {
 clear: both;
 height: 1px;
 overflow: hidden;
 margin: 2px 0;
 background: #9E223B;
}

.noticeContainer {
 text-align: center;
 align: center;
 margin: 2px 0;
}

.notice {
 color: white;
 background: #9E223B;
 font-size: 12px;
 padding: 0px 10px;
}


/* Links 
-------------------------------------------------------------------------------------------------*/

a { 
 text-decoration: none; 
 color: #0000CC; 
 font-weight: bold;
}

a:link {
 text-decoration: none; 
 color: #0000CC; 
 font-weight: bold;
}

a:visited { 
 text-decoration: none; 
 color: #0000CC; 
 font-weight: bold;
}

a:active { 
 text-decoration: underline; 
 color: #0033FF; 
 font-weight: bold;
}

a:hover { 
 text-decoration: underline; 
 color: #0033FF; 
 font-weight: bold;
}

a.button {
 font-size: 12px;
}

a.button:hover {
 color: white;
 background: #9E223B;
}

a.external { 
 padding-left: 0px; 
 padding-right: 20px; 
 background: url('../images/icons/icon_external.gif') no-repeat center right; 
}


/* Section-specific Link Styles
-------------------------------------------------------------------------------------------------*/

#breadCrumb a {		/* append '>>' to each breadcrumb link level */
 text-decoration: none; 
 padding-right: 18px; 
 background: url('../images/icons/breadcrumb.gif') no-repeat center right; 
}

#breadCrumb a:hover { 
 text-decoration: underline; 
}

#pageBanner a {		/* links embedded in the page banner */
 text-decoration: underline;
 color: white;
 font-weight: bold;
}

#pageBanner a:link {
 text-decoration: underline; 
 color: white; 
 font-weight: bold; 
}

#pageBanner a:visited { 
 text-decoration: underline; 
 color: white; 
 font-weight: bold; 
}

#pageBanner a:hover {
 color: #0033FF;
}


/* Navigation Menu
-------------------------------------------------------------------------------------------------*/

ul.nav {
 list-style-type: none;
 margin: 0;
 padding: 0;
}

ul.nav li {
 text-align: center;
 vertical-align: middle;
 width: 140px;
 height: auto;
 margin-bottom: 1px;
}

ul.nav a, ul.nav a:visited {
 display: block;
 width: 140px;
 height: 30px;
 font-size: 12pt;
 font-weight: bold;
 border: medium none;
/* border-color: none;
 background-color: none; */
 background-image: url('../images/buttons/button_0.jpg');
 background-repeat: no-repeat;
 background-position: 0 0;
 color: #ffffcc;
 text-decoration: none; padding-left:0px; padding-right:0px; padding-top:4px; padding-bottom:0px
}

ul.nav a:hover {
 background-image: url('../images/buttons/button_1.jpg');
 color: #9e223b;
 text-decoration: none
}


.miniLogin {
 margin: 5px;
 color: #FFFFFF;
 font-size: 12px;
 font-weight: bold;
}

.miniLogin h1 {
 font-size: 16px;
}

.miniLogin input {
 color: #9E223B; 
 background-color:#FFFFCC;
}
 

/* New Content List
-------------------------------------------------------------------------------------------------*/

.newContentIcon {
 float: left;
 width: 50px;
 padding: 5px;
 min-height: 30px;
 /* below is a hack for IE */
 height: auto !important;
 height: 30px;
}

.newContentDetail {
 float: left;
 padding: 5px;
 text-indent: 5px;
 /*margin-left: 20px;*/
}


/* Restaurant Details
-------------------------------------------------------------------------------------------------*/

.restaurantLogoAndAddress {
 float: left;
 width: 150px;
 padding: 3px;
 height: auto;
}

.restaurantLogo {
 width: 150px;
}

.restaurantAddress {
 color: black;
 font-weight: bold;
}
 
.restaurantInfo {
/* float: left; */
 padding: 3px;
 height: auto;
}

.restaurantInfo .food {
 float:left; 
 padding-right: 6px;
 padding-left: 30px; 
 min-height: 24px;
 background: url('../images/icons/food_icon.gif') no-repeat top left;
 /* below is a hack for IE */
 height: auto !important;
 height: 24px;
}

.restaurantInfo .wine {
 float: left; 
 padding-right: 6px;
 padding-left: 38px; 
 min-height: 38px;
 background: url('../images/icons/wine_icon.gif') no-repeat top left; 
 /* below is a hack for IE */
 height: auto !important;
 height: 38px; 
}

.restaurantInfo .wine .BYONotes {
 font-size: 8px;
 display: inline;
}

.restaurantInfo .date {
 float: left; 
 padding-right: 6px;
 padding-left: 35px; 
 max-width: 60px;
 min-height: 37px;
 background: url('../images/icons/calendar_icon.gif') no-repeat top left; 
 /* below is a hack for IE */
 height: auto !important;
 height: 37px;
 /* another IE hack . . . because IE does not support max-width */
 width: expression(this.clientWidth>100?'100px':this.clientWidth+'px');
}

.restaurantInfo .time {
 float: left; 
 padding-right: 6px;
 padding-left: 36px; 
 min-height: 36px;
 background: url('../images/icons/clock_icon.gif') no-repeat top left; 
 /* below is a hack for IE */
 height: auto !important;
 height: 36px;
}

.restaurantInfo .attire {
 float: left; 
 padding-right: 6px;
 padding-left: 32px;
 max-width: 50px; 
 min-height: 32px;
 background: url('../images/icons/tux_icon.gif') no-repeat top left; 
 /* below is a hack for IE */
 height: auto !important;
 height: 32px;
 /* another IE hack . . . because IE does not support max-width */
 width: expression(this.clientWidth>100?'100px':this.clientWidth+'px');
}

.restaurantInfo .photos {
 float: left; 
 padding-right: 6px;
 padding-left: 40px; 
 min-height: 40px;
 background: url('../images/icons/gallery_icon.gif') no-repeat top left; 
 /* below is a hack for IE */
 height: auto !important;
 height: 40px;
}

.restaurantInfo .comments {
 float: left; 
 padding-right: 6px;
 padding-left: 30px; 
 min-height: 26px;
 background: url('../images/icons/iconComment.gif') no-repeat top left; 
 /* below is a hack for IE */
 height: auto !important;
 height: 26px;
}

.restaurantReview {
 clear: left;
}

.restaurantReview h2 {
 font-size: 12px;
 font-weight: bold;
 border-top: 1px solid #9E223B;
}

.signUp {
 float: left; 
 border: 3px solid #9E223B;
 padding: 10px 2px 2px 50px;
 margin: 4px 0 0 5px;
 min-height: 26px;
 background: url('../images/icons/rsvp.gif') no-repeat top left; 
 /* below is a hack for IE */
 height: auto !important;
 height: 26px;
}

.whosComing {
 float: left; 
 border: 3px solid #9E223B;
 padding: 10px 2px 2px 36px;
 margin: 4px 0 0 5px;
 min-height: 26px;
 background: url('../images/icons/question.gif') no-repeat top left; 
 /* below is a hack for IE */
 height: auto !important;
 height: 26px;
}

.chairmansSelections {
 float: left; 
 border: 3px solid #9E223B;
 padding: 2px 2px 2px 2px;
 margin: 4px 0 0 5px;
 min-height: 26px;
/* background: url('../images/icons/question.gif') no-repeat top left; */
 /* below is a hack for IE */
 height: auto !important;
 height: 26px;
}


/* Wrappers for the photo gallery
-------------------------------------------------------------------------------------------------*/

#photoOuterContainer {
 display: none;
 position: absolute;
 z-index: 3;
 background: #FFFFCC; 
 width: 575px;
 height: 365px;
 border-left: 3px solid #9E223B;
 border-right: 3px solid #9E223B;
 border-bottom: 3px solid #9E223B;
}

#photoInnerContainer {
 float: left;
}


/* The document library
-------------------------------------------------------------------------------------------------*/

.folderContainer {
 float: left;
 width: 767px;
 overflow-y: auto;
 height: expression(this.scrollHeight > 400 ? "400px" : "auto"); /* sets max-height for IE */
 max-height: 400px; /* sets max-height value for all standards-compliant browsers */
}

.subfolderList {
 float: left;
 clear: left;
 height: auto;
}

.subfolder {
 float: left; 
 height: 68px;
 width: 98px;
/*
 margin-right: 10px;
 margin-bottom: 10px;
*/ 
 padding: 35px 10px 20px 20px;
 background: url('../images/folder-bkg.png') no-repeat top left transparent; 
 behavior: url('iepngfix.htc');
}

.subfolderList a, .subfolderList a:visited {
 display: block;
 float: left;
 height: 123px;
 width: 128px;
 text-decoration: none;
 outline: none;
 color: black;
 font-weight: normal !important;
}

.subfolderList a:hover, .subfolderList a:active {
 display: block;
 float: left;
 height: 123px;
 width: 128px;
 text-decoration: none;
 outline: none;
 color: #9E223B;
 font-weight: normal !important;
}
 
.subfolder .subfolderName {
 font-size: 14px;
 font-weight: bold;
}

.subfolder .subfolderDocCount {
}

.documentList {
 float: left;
 clear: left;
/* padding: 3px; */
 height: auto;
}

.document {
 float: left; 
 height: 80px;
 width: 68px;
 padding: 37px 22px 5px;
 font-size: 12px;
 background: url('../images/document-bkg.png') no-repeat top left; 
 behavior: url('iepngfix.htc');
}

.documentList a, .documentList a:visited {
 display: block;
 float: left;
 height: 122px;
 width: 112px;
 text-decoration: none;
 outline: none;
 color: black;
 font-weight: bold !important;
}

.documentList a:hover, .document a:active {
 display: block;
 float: left;
 height: 122px;
 width: 112px;
 text-decoration: none;
 outline: none;
 color: #9E223B;
 font-weight: bold !important;
}

#uploadFileForm {
 margin: 10px;
 border-bottom: 3px solid #9E223B;
}

#uploadFileForm h1 {
 font-size: 14px;
 font-weight: bold;
 text-indent: 10px;
 color: white;
 background-color: #9E223B;
}

#uploadFileForm p {
 margin: 5px;
 font-size: 12px;
 font-weight: bold;
}


/* Tables
-------------------------------------------------------------------------------------------------*/

table { 
 background-color:#FFFFCC;
}

thead th { 
 color:#FFFFFF; 
 padding:2px; 
/* text-transform:uppercase; */
 border-top:1px solid #F4D39E; 
 border-left:1px solid #F4D39E; 
 border-bottom:1px solid #B76E00; 
 border-right:1px solid #B76E00; 
 background-color:#9E223B;
}

tfoot th { 
 font-weight: bold;
 padding:2px; 
 text-align: center;
 font-size:1.2em; 
 border-bottom: 1px solid #9E223B; 
}

tfoot td { 
 font-weight:bold; 
/* text-transform:uppercase; */
 font-size:1.2em; 
 padding:0px 5px; 
}

.odd {  }

tbody td { 
 text-align: left;
/*
 background-color:#FFFFCC; 
 color:#000000; 
*/ 
 padding:2px; 
 border-top:1px solid #FFF; 
 border-left:1px solid #FFF; 
 border-bottom:1px solid #AFB5B8; 
 border-right:1px solid #AFB5B8;  
}

tbody th { 
 color:#FFFFFF; 
 padding:2px; 
 font-size: 14px;
 text-align:right; 
 border-top:1px solid #93A1AA; 
 border-left:1px solid #93A1AA; 
 border-bottom:1px solid #2F3B42; 
 border-right:1px solid #2F3B42; 
 background-color:#9E223B;
}

/*
tbody td a {  
 color:#724809; 
 text-decoration:none; 
 font-weight:bold; 
}

tbody td a:hover { 
 background-color:#F5B348; 
 color: #FFF; 
}
*/

tbody th a { 
 color: white; 
 text-decoration: none; 
 font-weight: bold; 
}

tbody th a:hover { 
 color: #0033FF; 
 text-decoration: underline; 
}

tbody tr.hoverHighlighted {
 color: white !important; 
 background-color:#9E223B !important;
}

tbody tr.hoverHighlighted a {
 color: white;
}

tbody tr.hoverHighlighted a:visited {
 color: white;
 text-decoration: underline; 
}

tbody tr.hoverHighlighted a:hover {
 color: white;
 text-decoration: underline; 
}

tbody tr.separator {
 height: 1px; 
 background-color:#9E223B;
}

#contentList table {
 border-collapse: collapse;
}

#contentList td {
 border-top: none;
 border-left: none;
 border-right: none;
 border-bottom: 1px solid #9E223B;
}

#comments td, #addBlogEntryForm td, #addLinkForm td, #addRestaurantForm td, #uploadFileForm td {
 border-top: none;
 border-left: none;
 border-right: none;
 border-bottom: none;
}

#comments th, #addBlogEntryForm th, #addLinkForm th, #addRestaurantForm th, #uploadFileForm th {
 border-bottom: none;
}

.tableContainer {
 float: left;
 padding: 5px;
}

.tableContainer table {
 border-collapse: collapse;
 border: 1px solid #9E223B;
 font-size: 10px;
}

.tableContainer thead th { 
 border:1px solid #9E223B; 
}

.tableContainer td {
 border: none;
}

.tableContainer th {
 font-size: 12px;
}

.menuContainer {
 float: left;
 padding: 5px;
}

.menuContainer table {
 border-collapse: collapse;
 border: 1px solid #9E223B;
 font-size: 10px;
}

.menuContainer td {
 border: 1px solid #9E223B;
}

.menuContainer th {
 font-size: 12px;
 border: 1px solid #9E223B;
}


/* Dinner Signup 
-------------------------------------------------------------------------------------------------*/

#signupFormContainer {
 width: 714px;
 padding: 3px;
}

#signupFormContainer h1 {
 font-size: 14px;
 font-weight: bold;
 color: white;
 background-image: url('none');
 text-align: center;
 width: 100%; 
 background-color:#9E223B
}

#signupFormContainer h2 {
 color: #9E223B;
}

#signupFormContainer table {
 width: 714px;
}

#signupFormContainer tbody#attendees tr {
 border-bottom: 1px solid #9E223B;
}

#signupFormContainer tbody#attendees td {
 font-size: 12px;
 border: 1px solid #9E223B; 
 background-color:transparent;
}

#signupFormContainer #disclaimer {
 border-top: 1px solid #9E223B;
 margin: 3px 30px 0 30px;
 padding-top: 3px; 
 font-size: 12px; 
 font-weight: bold;
}

#signupFormContainer #printInstructions {
 clear: both;
 border: 3px solid #9E223B; 
 margin: 4px auto 0; 
 padding: 3px;
 width: 400px;
}

#signupFormContainer #paymentInstructions {
 display: none;
 float: left;
 font-size: 12px;
 border: 1px solid #9E223B;
 padding: 2px;
 margin: 5px 0 1px 5px;
 width: 200px;
}

#signupFormContainer #mailingInstructions {
 display: none;
 float: right;
 font-size: 12px;
 border: 1px solid #9E223B;
 padding: 2px;
 margin: 5px 5px 1px 0;
}

#signupFormContainer #allergyInstructions {
 display: none;
 float: left;
 font-size: 12px;
 margin: 5px;
}

#signupFormContainer #cutHere {
 display: none;
}

#signupFormContainer #bottomRestaurantName {
 display: none;
}

#signupFormContainer #signupFormChangeButton {
 float: right;
 margin-top: 1px;
}


/* Table Seating Assignment
-------------------------------------------------------------------------------------------------*/

div#attendeeList { 
 float: left;
 margin: 10px;
 border: 1px solid #9E223B;
 background: #FFFFCC;
 padding-bottom: 20px;
}

div#attendeeList h1 {
 padding-left: 5px;
 padding-right: 5px;
 font-size: 12px;
 font-weight: bold;
 color: #FFFFFF;
 background: #9E223B; 
}

div#tableList { 
 clear: left;
 float: left;
 margin: 10px;
 border: 1px solid #9E223B; 
 padding-bottom: 20px;
 width: 95%;
/* IE hack */
/*
 width: auto !important;
 width: 705px;
*/ 
}

div#tableList h1 { 
 padding-left: 5px;
 padding-right: 5px;
 font-size: 12px;
 font-weight: bold;
 color: #FFFFFF;
 background: #9E223B; 
}

div.attendee {
 float: left;
 font-size: 10px;
 margin: 3px;
 border: 2px solid #9E223B;
 padding: 1px;
 position: relative;
 cursor: move;
 width: 90px;
}

div.table {
 float: left;
 margin: 3px;
 background: #FFFFCC;
 padding-bottom: 20px;
 border: 1px solid #9E223B;
 min-width: 110px;
 /* below is a hack for IE */
 width: auto !important;
 width: 110px;
}

div.table h1 {
 padding-left: 5px;
 padding-right: 5px;
 font-size: 12px;
 font-weight: bold;
 color: #FFFFFF;
 background: #9E223B;
}

div.table div.attendee {
 clear: left;
}


/* Dinner Reports
-------------------------------------------------------------------------------------------------*/

div#dinnerReportForm {
 border: 1px solid #9E223B;
 margin: 5px;
 padding: 5px;
 font-size: 12px;
 font-weight: bold;
 line-height: 24px;
}

div#dinnerReportForm h1 {
 padding-left: 5px;
 padding-right: 5px;
 margin-bottom: 5px;
 font-size: 12px;
 font-weight: bold;
 color: #FFFFFF;
 background: #9E223B;
}


/* Paginator
-------------------------------------------------------------------------------------------------*/

.Pages { margin-bottom: 1px; border-top: 1px solid #9E223B; }
.Paginator { float: right; text-align: right; font-size: 10px; margin-left: auto; margin-right: auto; }
.Paginator a, .pageList .this-page { padding: 0px 2px; background: #FFFFCC; text-decoration: none; }
.Paginator a:visited { padding: 0px 2px; background: #FFFFCC; text-decoration: none; }
.Paginator .AtStart { padding: 0px 2px; background: #FFFFCC; color: #aaa; }
.Paginator .Prev { padding: 0px 2px; background: #FFFFCC; }
.Paginator .break { background: #FFFFCC; text-decoration: none; }
.Paginator .Next { padding: 0px 2px; background: #FFFFCC;}
.Paginator .AtEnd { padding: 0px 2px; background: #FFFFCC; color: #aaa; }
.Paginator .this-page { padding: 0px 2px; font-weight: bold; background: #FFFFCC; color: #9E223B; }
.Paginator a:hover { color: white; background: #9E223B; text-decoration: none; }
.Pages div.Results { float: left; color: gray; }


/* "OLD" styles - to be removed
-------------------------------------------------------------------------------------------------*/

td.banner1 A       { text-decoration: underline; color: white; font-weight: bold }
td.banner1 A:link       { text-decoration: underline; color: white; font-weight: bold }
td.banner1 A:visited       { text-decoration: underline; color: white; font-weight: bold }
td.banner1 A:hover { color: #0033FF }
A.subbanner     { text-decoration: none; color: white; font-weight: bold }
A.subbanner:visited       { text-decoration: none; color: white; font-weight: bold }

table.banner    { width: 100%; border-collapse: collapse; border-spacing: 0; border:0px none;  }
td.banner1      { border: 0px none; width: 100%; text-align: center; vertical-align: middle; font-size: 18pt; font-weight:bold; color: white; background-color:#9E223B; }
td.banner2      { background-image: url('../images/background/shadow_m.gif'); height: 12px }

table.subbanner { border: 0px none; border-collapse: separate; border-spacing: 0; width: 100%; color: white; background-color:#9E223B; }
td.subbanner    { width: 100%; vertical-align: middle; font-size: 12pt; font-weight: bold; color: white; margin-left: 5pt; margin-right: 5pt; background-color:#9E223B; }