/* Resetting the browser defaults */
html, 
body, 
form, 
fieldset{
  margin: 0;  padding: 0;
  font: 100%/140% "trebuchet ms", arial, helvetica, verdana, sans-serif;
}

/* Set the starting font size to 10px */
body{
  font: 12px/150% "trebuchet ms", arial, helvetica, verdana, sans-serif;
}

/* Form field text-scaling */
select, 
input, 
textarea{ 
  font: 99%/140% "trebuchet ms", arial, helvetica, verdana, sans-serif;
}

/* Fixing monospaced fonts */
pre,
code{
  font:125% monospace;
}

/* Neutralize vertical margins */
h1, h2, h3, h4, h5, h6, 
p, 
pre,
blockquote, 
ul, ol, dl{
  margin: .7em 0;
  padding: 0;
}

/* Styles for headings */
h1, h2, h3, h4, h5, h6{
  text-align:left;
  font: 180%/110% "trebuchet ms", arial, helvetica, verdana, sans-serif;
}

/* Apply left margin only to the few elements that need it */
li, 
blockquote, 
dd{
  margin-left: 1.7em; padding:0;
}
ol li{
  margin-left:2em;
}

/* Miscellaneous conveniences */
form label{
  cursor: default;
}
fieldset{
  border: none;
}
legend{
  font-weight:bold;
  color:#000;
  display:none;
}
button{
	cursor: pointer;
}

input:focus,
textarea:focus{
  background: #FFFFDF;
}

a img{
  border:none;
}

abbr,
acronym{
	font-variant: small-caps;
	border-bottom: 1px dotted #dfdfdf;
}

/* Reusable classes */
.note{
	padding:5px 5px 5px 25px;
	background: #FFFFDF url(../images/icon_note.png) 5px 5px no-repeat;
	border:1px solid #EEEFA4; border-width: 0 1px 1px 0;
}
#prim .note{
	background-color: #f4f4f4;
	border-color: #dfdfdf;
}
.note p{
  margin: 0;
}

.hr{
	clear:both;
	margin:10px 0 0 0;
	background: #fff;
	border: none; border-top: 1px dotted #dfdfdf;
}
	hr{
		visibility: hidden;
		font-size: 0;
		line-height: 0;
		height: 0;
		border: none;
	}

#meta .menuList li{
	margin-left: 0; padding: .2em 0 .2em 20px;
	background: url(../images/meta_bullet.png) 0 .6em no-repeat;
	list-style: none;
	border-bottom: 1px dotted #90915B;
}
	.menuList li a:link,
	.menuList li a:visited,
	.menuList li a:hover{
		text-decoration: none;
		font-weight: bold;
	}

.accent{
	background: #FEFFBF;
	color: #000;
	padding: .2em;
}

.print{
	float:right;
	margin:1em 0 0 20px;
}
	.print a:link,
	.print a:visited,
	.print a:hover{
		text-decoration: none;
		display: block;
		width: 43px;
		height: 36px;
		background: url(../images/print_link.png) 50% 0 no-repeat;
		text-indent: -9999px;
		text-decoration: none;
	}

.pagination{
	margin: 1em 0;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: url(../images/line.png) 0 50% repeat-x;
}
	.pagination li{
		margin: 0;  padding: 0 5px;
		display: inline;
		list-style: none;
		background: #fff;
	}
	.pagination li.last{
		padding: 0 12px 0 5px;
		background: #fff url(../images/pagin_right.png) 100% 50% no-repeat;
	}
	.pagination li.first{
		padding: 0 5px 0 12px;
		background: #fff url(../images/pagin_left.png) 0 50% no-repeat;
	}
		.pagination a:link,
		.pagination a:visited,
		.pagination a:hover{
			text-decoration: none;
			font-weight: bold;
			color:#0076A8;
		}

.notification{
  margin: 1em 0; padding: 0 0 0 50px;
  background: #FDFEC3 url(../images/icon_notification-big.png) 10px 50% no-repeat;
  border: 1px solid #DEDF99; border-width: 1px 0;
  font-weight: bold;
}
  .notification p{
    margin: 10px 0;
  }
  .notification p.manage{
    float:right;
    margin-top: -2.6em; padding: 0 10px;
  }
    .notification p.manage a:link,
    .notification p.manage a:visited,
    .notification p.manage a:hover{
      text-decoration: none;
      width: 69px;
      height: 23px;
      display: block;
      text-indent: -9999px;
      background: url(../images/button_manage.png) 0 0 no-repeat;
    }

/* Those are the resets, let's get on with the styling */

html{
	background: #fff url(../images/drop_shadow.png) 0 0 repeat-x;
	color :#444;
}

/* Link defaults */
a:link{
  color:#cc1c1c;
}
a:visited{
  color: #972424;
}
a:hover{
	text-decoration: none;
}

/* Headings defaults */
h2,
#prim h2,
#prim legend{
  font-weight: bold;
  color:#00649A;
	margin:0;	padding:1.2em 0 .9em 0;
	display:block;
	font: 18px/110% "trebuchet ms", arial, helvetica, verdana, sans-serif;
}
#home #prim h2,
#meta h2.first{
  background: url(../images/watermark_on_yellow.png) 100% 0 no-repeat;
}
#membersEdit #prim legend{
	padding-top: .6em;
	padding-bottom: .6em;
}

h3{
	font-size: 16px;
}

/* Tables */
table{
	margin: 0;
	border-collapse: collapse;
	width: 100%;
	background-color: transparent !important;
}
	td, 
	th{
		padding: 4px 2px;
	}
	thead th{
		border-bottom: 2px solid #68DCEF;
		text-align: left;
	}
	tr.odd,
	tr.paymentIssued{
		background: #DFFAFF;
	}
	
  .sortable th{ cursor: pointer; }

.ctrlsList,
.ctrlsList li{
	margin: 0;
	list-style: none;
	display: inline;
}
	.ctrlsList li{
		margin: 0 10px 0 0;
  }

#header{
  width:960px;
  margin:0 auto;
  overflow:hidden;
}

  #header h1{
		margin: 0;
    float:left;
		height:108px;
		width:248px;
		text-indent:-9999px;
  }
		#header h1 strong{
			display:none;
		}
    #header h1 img{
      display: block;
    }

  #login{
    float:right;
		width:301px;
		height:63px;
    background:#00679C url(../images/login.png) 0 0 no-repeat;
    margin: 15px 0 0 0; padding: 5px 0 0 0;
    color:#aff;
    position: relative;
  }
  	#login fieldset{
  		background:url(../images/login_fieldset.png) 0 100% no-repeat;
  	}
  	#login legend,
  	#login h2{
  		display: block;
  		color:#00679C;
  		margin: 0 0 0 14px; padding: 0;
  		font-size: 100%;
  	}
  	 #login legend strong.error{
  	   color: red;
  	 }
		#login input{
			width:120px;
			border:1px solid #085c83;
			font-weight: bold;
			font-size: 11px;
			padding:2px;
			color:#085c83;
			float:left;
			margin:8px 5px 12px 14px;
		}
			#login .buttonHolder{
				clear:both;
				text-align: right;
				padding:0 9px 0 0;				
			}
				#login .buttonHolder button{
					width:50px;
					height:21px;
					border: none;
					text-indent: -9999px;
					background:#fdfeb8 url(../images/login_button.png) 0 0 no-repeat;
				}
	#login a:link,
	#login a:visited,
	#login a:hover{
		color:#FDFEB8;
	}
	/* When the user is logged in */
	#login.loggedIn{
           
	}
		#login.loggedIn p{
			margin:4px auto;
			overflow:hidden;
			width:280px;
		}
			#login.loggedIn p span{
				float:left;
				line-height:24px;
				width:210px;
				overflow: hidden;
			}
			#login.loggedIn p button{
				float:right;
				width:63px;
				height: 24px;
				line-height: 24px;
				background: url(../images/button_logout.png) 0 0 no-repeat;
				border:none;
				color:#b7201c;
				font-size: 11px;
				font-weight: bold;
			}
			
    body #login .forgotPass{
      position: absolute; bottom: -10px; left: 15px;
      font-size: 10px;
      line-height: 100%;
      width: 11em;
      margin: 0;
    }
			body #login .forgotPass a:link,
			body #login .forgotPass a:visited,
			body #login .forgotPass a:hover{
				color: #aaa;
			}

#menu{
  background:#00679C url(../images/menu_bar.png) 0 50% repeat-x;
  text-align:center;
  padding:3px 0;
}
    #menu li{
      display:inline;
    }

      #menu a:link,
      #menu a:visited,
      #menu a:hover{
        text-decoration:none;
        color:#fff;
        padding:16px 0;
        font-weight: bold;
        font-size: 13px;
      }
      #menu a:hover{
        color:#FDFEB8;
      }
      /* Active item */
      #menu a.active:link,
      #menu a.active:visited,
      #menu a.active:hover{
        background:url(../images/menu_active.png) 50% 0 no-repeat;
        color:#FDFEB8;
      }

#mainContent{
  overflow:hidden;
  width:960px;
  margin:0 auto;
}
  .primContentWrapper{
    float:left;
    width:640px;
    margin:0;
  }
    #home #prim{
      background:#FDFEB8 url(../images/sidebar.png) 0 100% no-repeat;
      width:280px;
      float:right;
      margin:0; padding:1px 20px;
    }
      #newsList,
      #newsList li,
      #eventsList,
      #eventsList li{
      	list-style: none;
      	margin:0;
      }
      #eventsList{ padding: 0 0 20px 0; }
      	#newsList li,
      	#eventsList li{
      	  padding:.4em 0;
      	  border-bottom:1px dotted #dfdfdf;	
      	}
      	#eventsList li{ border-color: #dcde91; }
          #newsList .datePosted,
          #eventsList .datePosted{
          	font-weight: bold;
          	margin: 0 10px 0 0;
          	color:#aaa;
          }
      .moreLink{
        margin:0 0 0 7px;
        position:relative; top:1px;
      }
      .moreArticles{
        text-align: center;
      }
        .moreArticles a{
          padding: 0 20px 0 0;
          background: url(../images/more_link.png) 100% 50% no-repeat;
        }
      
      #couponCode{
     		background: url(../images/coupon_bg.png) 0 0 no-repeat;
				overflow:hidden;
				width: 300px;
				margin:1em auto; padding: 10px 0 0 0;
      } 
        #couponCode fieldset{
          background: url(../images/coupon_bg.png) 0 100% no-repeat;
          padding: 0 0 10px 0;
        }
        #couponCode legend{
          display: none;
        }
        #couponCode .error{
          color: red;
          font-weight: bold;
          margin: 0 12px 4px 12px;
        }
        #couponCode input{
          float:left; 
					width:216px;
					margin:0 0 0 10px; padding:2px;
					border:1px solid #e0e199;
					font-size: 14px;
					font-weight: bold;
					color:#999;
        }
        
        #couponCode button{
          float:right;
					width:50px;
					margin:0 10px 0 0;
					height:21px;
          text-indent:-9999px;
					background: url(../images/coupon_code_button.png) 0 0 no-repeat;
					border:none;
        }
    #home #sec{
      width:300px;
      float:left;
      margin:0;
    }

  #home #terc{
    width:300px;
    float:right;
    margin:0;
  }

/* End home page */
#meta{
  background:#FDFEB8 url(../images/sidebar.png) 0 100% no-repeat;
  width:280px;
  float:left;
  margin:0; padding:1px 20px 10px 20px;
}
	#meta ol li{
		margin-left: 1.6em;
	}

#prim{
	float: right;
	width:610px;
}
#paymentInfo #prim,
#eula #prim,
#about #prim,
#thankYou #prim,
#restaurants #prim{ /* Styles for prim when there is no #meta */
	float: none;
	width: 100%;
	overflow: hidden;
}

.reservationDetails{
  margin: 0 1em;
}
.reservationDetails:after{
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
  min-height: 0;
  visibility: hidden;
}
	.reservationDetails dt{
		margin: 0.4em 0;
		float: left;
		width: 100px;
	}
	.reservationDetails dd{
		margin: 0.4em 0;
		float: right;
		width: 470px;
		font-weight: bold;
		color: #000;
	}

/* Members section */
.tabbedNav{
	margin: 1.4em 0 0 1em;
	border-bottom: 1px solid #dfdfdf;
	text-align: center;
	width: 100%;
	position: relative;
}
.tabbedNav:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .tabbedNav{ height: 1%;}
/* End hide from IE-mac */

	.tabbedNav li{
		float: left;
		list-style: none;
		margin:0 10px;
	}
		.tabbedNav a:link,
		.tabbedNav a:visited,
		.tabbedNav a:hover{
			background: #eeefef;
			text-decoration: none;
      font-weight: bold;
      color: #CC1C1C;
			border: 1px solid #dfdfdf; border-bottom: none;
			padding:8px;
			display: block;
      line-height:100%;
		}
	.tabbedNav li.active{
		border: 1px solid #dfdfdf; border-bottom: none;
		padding:8px;
		background: #fff;
		font-weight: bold;
		position: relative; top: 1px;
    line-height:100%;
	}
  .tabbedNav li.addMember, .tabbedNav li.warning{
  	position: absolute; right:0; top: 6px;
  	margin: 0;
  }
  	.tabbedNav li.addMember a:link,
  	.tabbedNav li.addMember a:visited,
  	.tabbedNav li.addMember a:hover{
  		background: transparent url(../images/icon_add.png) 0 50% no-repeat;
  		line-height: 16px;
  		padding: 0 0 0 20px;
  		border: none;
  	}
  	.tabbedNav li.warning a:link,
  	.tabbedNav li.warning a:visited,
  	.tabbedNav li.warning a:hover{
  		background: #ffffdf url(../images/icon_error.png) 4px 50% no-repeat;
  		color: maroon;
  		font-weight: bold;
  		line-height: 100%;
  		padding: 4px 4px 4px 23px;
  		border: none;
  	}

col.userName{
	width: 170px;
}

/* Settings section */
.infoBlock{
	padding-bottom: 1em;
	border-bottom: 1px dotted #ccc;
	overflow: hidden;
	width: 100%;
}
	.infoBlock p{
		margin:0; padding: 0 0 0 182px;
	}
	.infoBlock .settingsLink{
		background: url(../images/settings_link.png) 0 0 no-repeat;
		height: 36px;
		float: left;
		margin: 0 20px 0 0; padding: 0;
	}
	.infoBlock a{
		background-position: 6px 50%;
		background-repeat: no-repeat;
		display: block;
		width: 112px;
		height: 36px;
		line-height: 36px;
		padding: 0 0 0 48px;
	}
	.infoBlock a:link,
	.infoBlock a:visited,
	.infoBlock a:hover{
		text-decoration: none;
		font-weight: bold;
		font-size: 11px;
		color:#555;
	}
	.infoBlock a:hover{
		color:#cc1c1c;
	}
.settingsSchedule a{ background-image: url(../images/icon_calendar-big.png); }
.settingsPerks a{ background-image: url(../images/icon_heart-big.png); }
.settingsRestaurants a{ background-image: url(../images/icon_settings.png); }
.settingsBilling a{ background-image: url(../images/icon_money.png); }
.settingsNotifications a{ background-image: url(../images/icon_notification-big.png); }
.settingsConcierge a{ background-image: url(../images/icon_concierge.png); }
.settingsVIP a{ background-image: url(../images/icon_star-big.png); }
.settingsWebsite a{ background-image: url(../images/icon_website-big.png); }
.settingsSocial a{ background-image: url(../images/icon_social_networking.png); }
.settingsReservations a{ background-image: url(../images/icon_edit-big.png); }
.settingsShop a{ background-image: url(../images/icon_price-info.png); }

.infoBlock h3{
	margin: 1em 0 1em 180px;
	font-size: 100%;
	font-weight: bold;
}
.infoBlock h3.first{
	margin-top: 27px;
}

/* FAQ section */
dl.faq{
}
  .faq dt{
    margin: 0 0 .5em 0;
    font-weight: bold;
    color: #00649A;
  }
  .faq dd{
    margin: 0 0 1em 0; 
    position: relative; 
  }
    .FAQBack:link,
    .FAQBack:visited,
    .FAQBack:hover{
      position: absolute; right: 0; top: -2em;
      text-decoration: none;
      font-weight: bold;
      color: #aaa;
    }

#footer{
  width:960px;
  margin:30px auto;
  border-top:2px solid #dfdfdf;
  color:#ccc;
  font-weight:bold;
}
  #footer p{
    text-align:center;
  }
	
	#footer a:link,
	#footer a:visited,
	#footer a:hover{
		color:#aaa;
	}

/* Restaurants */
.venue{
  margin: 0; padding: 0 0 1.2em 0;
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #dfdfdf;
}
  .venueInfo{
    float: left;
    width: 170px;
  }
    .venueInfo img{
      display: block;
      margin: 5em 0 0 0;
    }
    ol.perks{
      float: right;
      width: 330px;
      overflow: auto;
      height: 240px;
      margin: 0 0 0 30px;
    }
      ol.perks li{
        list-style: none;
		    margin: 0; padding: 0 3px;
      }
    .venueAbout{
      float: right;
      width: 760px;
    }
      .venueAbout p{ width: 390px; margin-top: 0; }
      .hasSummary p{ width: 200px; }
        .venueLink:link,
        .venueLink:visited,
        .venueLink:hover,
        .venueSocialLink {
          float: left;
          display: block;
          width: 63px;
          height: 24px;
          line-height: 24px;
          margin:1em 1em 1em 0;
          text-align: center;
          background: #eff0ab url(../images/button_bookit.png) 0 0 no-repeat;
          text-decoration: none;
          font-weight: bold;
        }
        /*.venueLink a:hover{
          color: #333;
        }*/

.venuePerk{ padding: 3px 0; padding-left: 5px; background: #f4f4f4; text-align: left; }
.venuePerk strong{ padding: 3px 0 3px 20px; background: url(../images/icon_star-small.png) 0 50% no-repeat; }

.venueSummary{
  margin: 1em 0 0 0;
  width: auto;
  overflow: hidden;
  font-size: .8em;
}
  .venueSummary dt{ float: left; width: 75px; clear: right; }
  .venueSummary dd{ margin: 0 0 1em 0; float: right; width: 85px; }
    .venueSummary .venueLink{ margin-top: .4em; }

/* Textual page style */
dl.featureList{ margin: 1em 0 0 0; padding: 1em 0 0 0; border-top: 1px dotted #dfdfdf; }
.featureList dt{
  width: 24%;
  margin: 0;
  text-align: right;
  font-weight: bold;
}
.featureList dd{
  margin: -1.5em 0 1em 0; padding: 0 0 1em 26%;
  border-bottom: 1px dotted #dfdfdf;
}
.featureList dd.twoLines{ margin-top: -3em; }

#specialConciergeMsg { background: #fff7b2; padding: 1.5em; }


body .narrow #meta{ width:180px; background:#fff url(../images/sidebar.png) 0 100% no-repeat; }

body .narrow #prim{ width:710px; }

.metaSubheader { text-transform: uppercase; }

/*
=Predrag's CSS=
--------------------------------------------------------------------------------*/
#pjHome .primContentWrapper{ width:100%; overflow:hidden; padding-bottom:10px; background: url(../images/home_prim_bottom_bg.png) 0 100% no-repeat; }
  #pjHome #prim{ width:440px; padding:0 20px; float:left; background: url(../images/home_prim_top_bg.png) 0 0 no-repeat; }
    #pjHome #prim p{ margin-top:0; }

    #pjHome #prim .firstVisit{ overflow:hidden; }
      #pjHome #prim .firstVisit p{ width:260px; float:left; margin-top:0; }
      #pjHome #prim .firstVisit a{ width:158px; height:47px; margin-top:4px; display:block; float:right; text-indent:-9999px; background: url(../images/watch_demo_button.png) 0 0 no-repeat; }
  
    #pjHome #prim .member{ overflow:hidden; clear:both; }
      #pjHome #prim .member p{ width:440px; float:left; margin-top:0; }
      #pjHome #prim .member form input { width: 7em; margin-left: 1em; border: 1px solid #ccc; background: #fff; }
  
  #pjHome #sec{ width:440px; padding:0 10px; padding-bottom:10px; float:right; background: url(../images/home_left_bg.png) 0 100% no-repeat; }
    #pjHome #sec .mainHeading{ background: url(../images/watermark_on_yellow.png) 100% 100% no-repeat; }
    #pjHome #sec .bubbles{ width:100%; overflow:hidden; background: url(../images/concierge_dude.png) 50%  50% no-repeat; min-height:200px; }
      #pjHome #sec .bubbles .bubbleLeft{ float:left; width:170px; }
      #pjHome #sec .bubbles .bubbleRight{ float:right; width:170px; }
      
        #pjHome #sec .bubbles .bubbleLeft li{ background: url(../images/left_bottom_bubble.png) 0 100% no-repeat; }
        #pjHome #sec .bubbles .bubbleLeft li span{ background: url(../images/top_bubble.png) 0 0 no-repeat; width:100%; height:5px; display:block; }
        #pjHome #sec .bubbles .bubbleLeft li:hover, #pjHome #sec .bubbles .bubbleLeft .selectedBubble{ background: url(../images/left_bottom_bubble_hover.png) 0 100% no-repeat; }
        #pjHome #sec .bubbles .bubbleLeft .selectedBubble a:link{ color: #fff; }
        #pjHome #sec .bubbles .bubbleRight .selectedBubble a:link{ color: #fff; }
        #pjHome #sec .bubbles .bubbleLeft li:hover span, #pjHome #sec .bubbles .bubbleLeft .selectedBubble span{ background: url(../images/top_bubble_hover.png) 0 0 no-repeat; width:100%; height:5px; display:block; }
        #pjHome #sec .bubbleLeft li a:link, #pjHome #sec .bubbleLeft li a:visited{ padding:0 15px 5px 5px; }
        
        #pjHome #sec .bubbles .bubbleRight li{ background: url(../images/right_bottom_bubble.png) 0 100% no-repeat; }
        #pjHome #sec .bubbles .bubbleRight li span{ background: url(../images/top_bubble.png) 100% 0 no-repeat; width:100%; height:5px; display:block; }
        #pjHome #sec .bubbles .bubbleRight li:hover,  #pjHome #sec .bubbles .bubbleRight .selectedBubble{ background: url(../images/right_bottom_bubble_hover.png) 0 100% no-repeat; }
        #pjHome #sec .bubbles .bubbleRight li:hover span, #pjHome #sec .bubbles .bubbleRight .selectedBubble span{ background: url(../images/top_bubble_hover.png) 100% 0 no-repeat; width:100%; height:5px; display:block; }
        #pjHome #sec .bubbleRight li a:link, #pjHome #sec .bubbleRight li a:visited{ padding:0 5px 5px 15px; }

      #pjHome #sec ul li{  list-style-type:none; margin:10px 0; }
        #pjHome #sec ul li a:link, #pjHome #sec ul li a:visited{ width:150px; display:block; color:#444; text-decoration:none; outline:none; }
        #pjHome #sec ul li a:hover{ color:#fff; }
      
      .testimonials{ border:1px solid #cbe0b9; color:#747474; border-width:1px 0; font-size:1.5em; font-weight:normal; font-style:italic; line-height:160%; }
        .testimonials p{ margin:10px 25px; color: #00649A; }
#login.loggedIn fieldset{ height: 0px !important; } 


.member form{ clear: both; height: 60px !important; }
.member form .goButton{ text-indent: -9999px; background: url(../images/bc_go_button.png) 0 0 no-repeat; width: 59px; height: 40px; border: none; position: relative; top: 7px; left: 10px; }
.loggedIn{
padding: 10px 0 0 0 !important;
}
.loggedIn span{
margin: 0 0 0 20px !important;
}

#resellerOverview table tr.restaurant,
#resellerOverview table tr.reseller { border-bottom: 1px solid #ececec; }
#resellerOverview table tr.reseller { background-color: #f6f6f6; }
#resellerOverview table .total td { font-weight: bold; }
#resellerOverview th a:link { color: #444444; text-decoration: none; }

#paymentInfo tr.noProfit { color: #c1c1c1; }

/*
================ NEW RESERVATION PAGES STYLES ================
*/
#makeReservation_wc #menu{
margin: 2.5em 0 0 0;
}
#makeReservation_wc #prim{
width: 715px;
float: left;
padding: 20px 0 0 0;
}
#makeReservation_wc .tabbedNav{
margin: 2em 0 0 0;
border-color: #c8c8c8;
}
#makeReservation_wc .tabbedNav li{
margin: 0 1em 0 0;
font-size: 1.2em;
}
#makeReservation_wc .tabbedNav li, #makeReservation_wc .tabbedNav li a{
-moz-border-radius-topleft: .5em;
-moz-border-radius-topright: .5em;
-webkit-border-top-right-radius: .5em;
-webkit-border-top-left-radius: .5em;
border-top-right-radius: .5em;
border-top-left-radius: .5em;
background: #F2F3B7;
color: #444;
font-weight: normal;
border-color: #c8c8c8;
}
#makeReservation_wc .tabbedNav li a{
padding: .7em 1.5em;
}
#makeReservation_wc .tabbedNav li.active{
background: #fff !important;
padding: .7em 1.5em;
}
form#prim{
width: 596px !important;
overflow: hidden;
}
#makeReservation_wc legend{
background: #f4f5e9;
width: 100%;
font-size: 1.2em;
padding: .5em 1.5em;
margin: 0 0 1em 0;
color: #024583 !important;
}
#makeReservation_wc legend span{
color: #ee6a00;
font-weight: bold;
}
#makeReservation_wc h3{
font-size: 1em !important;
color: #024583;
}
.date{
margin: 0 1.9em;
}
.detailsHolder{
overflow: hidden;
width: 65%;
float: left;
}
.detailsHolder .ctrlHolder{
padding: 0 !important;
margin: 0 0 1em 0 !important;
}
.detailsHolder .checkbox{
margin: 0 !important;
padding: 0 !important;
}
.detailsHolder .ctrlHolder label{
display: block !important;
width: 110px !important;
float: left !important;
color: #21ADCE;
}
#makeReservation_wc select{
width: 300px;
display: block;
margin: 2px 2px 2px 2px;
}
#makeReservation_wc #reservation_restaurant_id{
margin-top: 18px;
}
#makeReservation_wc #reservation_timeslot{
margin-bottom: 0;
}
.pageTitle{
background: url(../images/layout/reservation_page_tagline.jpg) 0 0 no-repeat;
height: 116px;
}
.pageTitle h2{
color: #fff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
font-size: 2.2em;
margin: 0;
padding: 1em 0 0 0;
font-weight: bold;
}
.pageTitle p{
color: #fff;
font-size: 1.4em;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
margin: 0;
}
.partyInfo .ctrlHolder{
padding: 1em 0 1em 1.7em !important;
overflow: hidden;
}
.partyInfo .multiHolder{
padding: 1em 0 1em 1.7em !important;
overflow: hidden;
}
.venueSelect .multiHolder{
clear: both;
padding: 1em 0 1em 0 !important;
overflow: hidden;
}
.partyInfo label, .venueSelect label{
display: block;
float: left;
width: 150px;
line-height: 200%;
font-weight: bold;
color: #024583;
}
#makeReservation_wc input, #makeReservation_wc #billingForm input{
-moz-border-radius: .5em !important;
-webkit-border-radius: .5em !important;
border-radius: .5em !important;
border: 1px solid #ccc !important;
padding: .3em .5em;
}
.partyInfo input, .venueSelect input{
display: block;
float: left;
width: 75%;
-moz-border-radius: .5em;
-webkit-border-radius: .5em;
border-radius: .5em;
border: 1px solid #ccc;
padding: .3em .5em;
}
.partyInfo select, .venueSelect select{
display: block;
float: left;
width: 75%;
}
.partyInfo textarea{
width: 503px;
-moz-border-radius: .5em;
-webkit-border-radius: .5em;
border-radius: .5em;
border: 1px solid #ccc;
padding: .3em .5em;
}
.partyInfo .smaller, .venueSelect .smaller{
width: 22%;
}
.partyInfo .label, .venueSelect .label{
margin: 0 0 0 1em;
line-height: 200%;
float: left;
font-weight: bold;
color: #444;
}
.partyInfo .checkbox{
float: left;
width: auto;
margin: .5em .3em 0 0;
}
.venueSelect .checkbox{
float: left;
width: auto;
margin: .1em .3em 0 0;
}
.partyInfo .combinedInput, #makeReservation_wc .venueSelect .combinedInput{
width: 130px;
}
.firstBoxHolder{
display: block;
float: left;
width: 150px;
}
.venueSelect .firstBoxHolder{
padding: 4px 0;
}
.partyInfo .boxHolder, .venueSelect .boxHolder{
overflow: hidden !important;
width: 260px;
float: left;
margin: 0 !important;
}
.venueSelect .boxHolder{
width: 250px;
}
.partyInfo .boxHolder label, .venueSelect .boxHolder label{
width: 24% !important;
margin: 0 .5em 0 0;
}
.venueSelect .boxHolder label{
line-height: 150% !important;
}
.partyInfo .boxHolder input, .partyInfo .boxHolder select, .venueSelect .boxHolder input, .venueSelect .boxHolder select{
width: 65% !important;
float: left !important;
margin: 0 !important;
}
.partyInfo .boxHolder select, .venueSelect .boxHolder select{
width: 73% !important;
margin-top: .3em !important;
}
#makeReservation_wc #ticketsEditTable, #makeReservation_wc #searchResults{
width: 670px;
margin: 0 auto;
}
#makeReservation_wc #ticketsEditTable td span, #makeReservation_wc #searchResults td span{
background: #F2F3B7;
border: 1px solid #c8c8c8;
-moz-border-radius: .5em;
-webkit-border-radius: .5em;
border-radius: .5em;
padding: .5em;
width: 97%;
font-weight: bold;
color: #444;
display: block;
}
#makeReservation_wc #searchResults td span{
width: 92%;
margin: 0 auto;
}
#makeReservation_wc #searchResults td a{
width: 50px;
text-decoration: none;
font-weight: bold;
text-align: center;
background: #000;
color: #fff;
display: block;
border: 1px solid #c8c8c8;
-moz-border-radius: .5em;
-webkit-border-radius: .5em;
border-radius: .5em;
padding: .5em;
float: right;
margin: 0 3px 0 0;
}
#makeReservation_wc #ticketsEditTable td select, #makeReservation_wc #searchResults td select{
margin: 0;
width: auto;
}
#billingForm, .venueSelect{
overflow: hidden;
width: 670px;
margin: 0 auto;
}
#billingForm .ctrlHolder, .venueSelect .ctrlHolder{
clear: none !important;
float: left !important;
width: 315px !important;
}
.venueSelect .ctrlHolder{
padding: 0 !important;
}
#makeReservation_wc #billingForm label{
line-height: 130% !important;
padding: .2em 0 !important;
}
#makeReservation_wc .venueSelect label{
padding: 0;
}
#billingForm select, .venueSelect select{
width: auto !important;
margin: 0 .5em 0 0 !important;
float: left !important;
}
#billingForm .noteHint, .venueSelect .noteHint{
margin: 0 0 0 .5em !important;
line-height: 170% !important;
}
#billingForm input.medium, .venueSelect input.medium{
width: 194px !important;
}
.venueSelect input{
-moz-border-radius: .5em;
-webkit-border-radius: .5em;
border-radius: .5em;
border: 1px solid #ccc;
padding: .3em .5em;
}
#billingForm select.medium, .venueSelect select.medium{
width: 207px !important;
}
#makeReservation_wc .buttonHolder{
background: #F2F3B7;
border-top: 1px solid #c8c8c8;
padding: .5em 0;
}
#makeReservation_wc .buttonHolder .submitButton{
margin: 0 auto !important;
text-align: center;
display: block;
height: 34px;
width: 267px;
background: url(../images/layout/submit_reservation_button.png) 0 0 no-repeat;
border: none;
text-indent: -9999px;
}
#moreOpt{
float: right;
width: 230px;
}
.optBox{
background: #F2F3B7;
-moz-border-radius: .5em;
-webkit-border-radius: .5em;
border-radius: .5em;
padding: 1em;
margin: 0 0 1em 0;
}
#makeReservation_wc .optBox h3{
font-size: 1.8em !important;
text-align: center;
color: #444 !important;
margin: 0;
}
#makeReservation_wc .optBox p{
color: #CC4B00;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .6);
background: #f1f1e8;
border: 1px solid #D4D8C2;
-moz-border-radius: .5em;
-webkit-border-radius: .5em;
border-radius: .5em;
padding: .3em .5em;
text-align: center;
font-size: 1.2em;
}
#makeReservation_wc .optBox a{
display: block;
margin: 0 auto;
width: 142px;
padding: 0 25px 0 0;
height: 37px;
line-height: 37px;
background: url(../images/layout/more_opt_button.png) 0 0 no-repeat;
color: #fff;
text-decoration: none;
font-size: 1.2em;
text-align: center;
}
#makeReservation_wc .tabbedNav{
width: 715px !important;
}
/*
================ END RESERVATION PAGES STYLES ================
*/
/*
================ NEW RESERVATION PAGES STYLES ================
*/
#resellers #primary{
width: 660px;
padding: 0 20px 0 0;
float: left;
border-right: 1px solid #ccc;
margin: 2em 0 0 0;
}
#resellers #primary a{
color: #0b8cc4;
text-decoration: none;
}
#resellers #primary a:hover{
text-decoration: underline;
}
#resellers #secondary{
width: 234px;
float: right;
margin: 2em 0 0 0;
}
#resellers #secondary ul li{
list-style-type: none;
padding: 0;
margin: 2em 0;
}
#resellers #secondary ul li h4{
font-size: 1.2em;
text-align: center;
}
#resellers #primary h3, #resellers #secondary h3, #resellers #secondary ul li h4{
color: #009ac2;
}
#resellers #primary h4{
color: #789e06;
font-size: 1.2em;
margin: 2em 0 0 0;
line-height: 100%;
}
#resellers #primary p{
color: #444;
}
.levels_listing{
width: 567px;
margin: 0 auto;
}
.levels_listing tr{
background: #EAEDD3;
-moz-border-radius: 5px;
display: block;
margin: 0 0 5px 0;
}
.levels_listing td{
height: 41px;
padding: 0 10px !important;
list-style-type: none;
margin: 0;
padding: 0;
}
.levels_listing td a{
display: block;
}
.levels_title{
background: url(../images/bc_home/levels_ul_title_bg.png) 0 0 no-repeat !important;
height: 41px;
}
.real_time_account, .register_reseller_acc{
display: block;
height: 122px;
padding: 0 0 0 80px;
width: 238px;
float: left;
line-height: 125px;
color: #007cab !important;
font-weight: bold;
text-decoration: none;
}
.resellers_nav li{
padding: 0;
margin: 0;
list-style-type: none;
}
.real_time_account{ background: url(../images/bc_home/real_time_account_button.png) 0 0 no-repeat; margin: 0 10px 0 0; }
.register_reseller_acc{ background: url(../images/bc_home/register_for_reseller_acc.png) 0 0 no-repeat; }

#resellers #secondary ul li{
padding: 10px;
min-height: 100px;
max-height: 100px;
}
#resellers #secondary ul li h4{
margin: 2.4em 0 0 0;
}
#resellers #secondary ul li p{
margin: 0;
line-height: 120%;
font-size: .9em;
}
.step_one   { background: url(../images/bc_home/step_01.png) 0 0 no-repeat; }
.step_two   { background: url(../images/bc_home/step_02.png) 0 0 no-repeat; }
.step_three { background: url(../images/bc_home/step_03.png) 0 0 no-repeat; }
.step_four  { background: url(../images/bc_home/step_04.png) 0 0 no-repeat; }

.become_reseller{
display: block;
text-indent: -9999px;
width: 234px;
height: 41px;
background: url(../images/bc_home/become_reseller_button.png) 0 0 no-repeat;
}


/*
================ END RESERVATION PAGES STYLES ================
*/

#billingMonthSelect {
  float: right;
  margin-top: 2em;
}

#invitationCode { 
  background-color: white;
  border: 2px solid gray;
  padding: 3px;
  font-size: 1.8em;
  font-family: "Courier New", Courier, monospace;
  font-weight: bolder;
  text-align: center;
}