@import "main-styles.css";

/* Std Rails error styling */
#errorExplanation { border: 2px solid #bf6363; padding: 10px; margin-bottom: 10px; }
#errorExplanation ul { margin-left: 10px; }
#errorExplanation li { background: #ffbfbf; padding: 2px; margin: 4px; }

/* Patron => Reservations => Book Tickets */
#billingForm .ctrlHolder label, #reservationForm .ctrlHolder select{ margin: 0 5px 0 0; }
#billingForm .ctrlHolder label{ width: 30%; display: block; float: left; }
#billingForm .ctrlHolder input{ width: 40%; display: block; float: left; }

/* Venue => Reservations => Edit resevation */
#ticketsEditTable .ticketQuantity { width: 90px }
#ticketsEditTable .ticketPrice { width: 90px }

/* Venue => Settings => Ticket shop => Edit */
.shopForm #shop_tax { width: 100px;  }
.shopForm p.formHint { clear: left; float: left; margin-top: 4px; }
.shopForm .product { padding: 10px 0px; border-top: 2px solid #dfdfdf; }
.shopForm .product { clear: both; }
.shopForm .product input { width: 200px; }
.shopForm .product p.formHint { clear: left; float: left; margin-top: 4px; width: 300px; }
.shopForm .product .ctrlHolder { width: 200px; float: left; clear: none; margin-right: 40px; }
.shopForm .product .disableAction { clear: both; }
.shopForm .product .disableAction { clear: both; }
.shopForm .product .cancelLink { clear: both; }
.shopForm .addProduct { clear: both; margin: 20px 0px; }

/* Background images */
#menu{ background: none; }

#login-fb { background: url(../images/rg/login-fb.png) 0 0 no-repeat; width:300px; margin-top: 10px; }
 #login-fb .FB_Link img { width:40px; height:40px; margin: 8px; margin-bottom: 12px;}
 #login-fb .fb_name { font-size: 1.2em; color: #fff; position: absolute; padding-top: 1.2em;}
 #login-fb #fb_logout_image { position: absolute; margin-top: 1.5em; margin-left: 12em; }
 
      
/*Pedjas Facebook login styles*/ 

.fbLogin{ background: url(../images/rg/login_fb.png) 0 0 no-repeat !important; margin-right: 10px !important; }
  .fbLogin fieldset{ background: url(../images/rg/login_fieldset_fb.png) 0 100% no-repeat !important; }
  	.fbLogin fieldset .error{ color: #fefefe; }
  	.fbLogin fieldset input{ border: 1px solid #35435F !important; }
      .fbLogin .buttonHolder button{ background: #fff url(../images/rg/facebook_login.png) 0 0 no-repeat !important; width: 64px !important; }
      
      

#header{ height: 120px; }


.or{ float: left; margin-top: 45px; font-size: 1.2em; color:#FFD07F; }
.fbookLogin{ width: 120px; float: right; margin-top: 13px; }
  .fbookLogin p{ width: 100%; color: #AF120A; margin-left: 0 !important; }
  .fbookLogin a{ margin: 7px 0 0 0; display: block; }
    .fbookLogin a img{ padding-left: 0 !important; }



      
/*end of Pedjas facebook login styles*/           

#home #prim h2, #meta h2.first{ background: none; }

/* Colors */
#menu a:link, #menu a:visited, #menu a:hover{ color:#fff; }
#menu a:hover, #menu a.active:link, #menu a.active:visited, #menu a.active:hover{ color:#f9951f; } 

h2, #prim h2, #prim legend, .faq dt{ color: #001349; }


.loggedIn p span{ font-weight: bold; color: #fff; }

/* Borders */


thead th{ border-bottom: 2px solid #acbfef; }

/* Backgrounds */
tr.odd, tr.paymentIssued{ background: #d9e2f8; }
#meta { background: url(../images/new_sidebar.png) 50% 100% no-repeat !important; padding: 0 10px 40px 10px !important; text-shadow: 1px 1px 1px #fff !important; color: #444 !important; }

#meta .menuList li{ background: url(../images/rg/meta_bullet.png) 0 .6em no-repeat; }

.venueLink:link,
.venueLink:visited,
.venueLink:hover{
  background: #f6921e url(../images/rg/button_bookit.png) 0 0 no-repeat;
  color: #fff;
}

.venueSocialLink {
  background: none;
  width: 28px;
}

/* Overall */
#prim legend{
	padding: .6em 0 .9em 0;
}

/* Design differentiations */

/* -1- Home Page */

#home .primContentWrapper{ background: #d9e2f8 url(../images/rg/blue_v_gradient.png) 0 0 repeat-x; border-bottom: 2px solid #acbfef; width:100%; float: none; }
  #home #prim{ width: 650px; float: none; overflow: hidden; margin: 0 auto; padding: 0 310px 0 0; background: url(../images/rg/intro_genie.jpg) 100% 0 no-repeat; color: #001349; }
    
    #home #prim h2, #home #sec h2, #home #terc h2{ margin: 0; padding: 1em 0 .3em 0; background: transparent; font-weight: bold; }
    
    #home #prim strong{ padding: 3px; background: #e2e8f8; }
    
    .registerLink, .venueInfoLink{ float: left; margin: 1em 2em 1.5em 0; width: 154px; height: 44px; line-height: 44px; }
    .registerLink{ padding-left: 170px; }
      .registerLink a{ display: block; height: 44px; text-indent: -9999px; outline: none; background: url(../images/rg/button_register.png) 0 0 no-repeat; }
    
body .narrow #meta{ width:180px; background:#fff url(../images/rg/sidebar_small.png) 0 100% no-repeat; }

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

#home #sec{ width: 48%; float: left; }

#home #terc{ width:48%; float: right; }
  
  .featuresList{ border-top: 1px dotted #dfdfdf;}
    .featuresList li{ list-style: none; margin: 0; padding: .5em .5em .5em 60px; border-bottom: 1px dotted #dfdfdf; font-size: 16px; background: url(../images/rg/checkmark.png) 0 50% no-repeat; height: 38px; }
      .featuresList strong{ background: #ffffdf; padding: 2px; }
  
  .venuesList{ margin: 0; }
    .venuesList li{ overflow: hidden; width: 100%; margin: 0; padding: .5em 0; border-bottom: 1px dotted #dfdfdf; }
      .venuesList strong{ float: left; width: 360px; height: 24px; line-height: 24px; }
      .venuesList .bookIt{ float: right; width: 80px; height: 24px; line-height: 24px; background: url(../images/rg/bookit.png) 0 0 no-repeat; text-indent: -9999px; }
      .venuesList .bookIt:hover{ background-position: 0 -24px; }

/* -2- Other Pages */
.cancelCol{ width: 100px; text-align: right; }
  .cancelConfirm:link, .cancelConfirm:visited, .cancelConfirm:hover{ background: #91cc12; padding: 4px; color: #fff; font-weight: bold; text-decoration: none; font-variant: small-caps; border: 2px solid #b4c7f7; position: relative; top: -2px; }

/* -2.1- Reservations page */
/*#reservation-form label { display: none; }
#reservation-form legend { display: none; }
#reservations a {text-decoration: none}*/
#reservationsHome #prim{ width: 100%; }
#reservations #prim legend{ padding-top: 0; }
#resSelect{ clear: both; margin-left: 49%; }
  #resSelect select{ float: left; width: 23%; margin: 0 4px 0 0; }
#reservations .uniForm .buttonHolder{ border-top: 1px solid #dfdfdf; padding-top: .5em; }
#cancel-add{ float: left; padding: .5em; background: #efefef; border: 1px solid #dfdfdf; line-height: 100%; text-decoration: none; }
#cancel-add:hover { border-color: #ccc; }

/* Reservation status tags */
#reservations .reservationStatus { padding: 1px 5px 1px 5px; }
#reservations .reservationStatus.confirmed { background: #d7deff; color: blue; }
#reservations .reservationStatus.completed { background: #d7ffe0; color: green; }
#reservations .reservationStatus.cancelled { background: #ffe0e0; color: red; }
#reservations .reservationStatus.noshow    { background: black; color: white; }
#reservations .reservationStatus.denied    { background: white; color: black; }
#reservations .reservationStatus.pending   { background: white; color: black; }

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

/* -2.2- Settings page (restaurant) */
/*#settings #prim{ width: 100%; overflow: hidden; float: none; margin: 0; padding: 0; }
  #settings .infoBlock{ float: left; width: 48%; margin: 30px 1.9% 15px 0; height: 68px; overflow: hidden; }*/
  .infoBlock{ margin: 2em 0; padding: 0 0 2em 0; }
    .infoBlock p{}
  
/* -2.2.1- Settings page - Perks */
#settings.settingsPerksPage #meta{ background: transparent; float: none; display: block; width: auto; padding: 0; margin: 0; }
  #settings.settingsPerksPage #meta h2{ padding-left: 0; }
  
  .perkCtrls{ overflow: hidden; width: 250px; }
    .perk{ float: left; width: 140px; }
    .perkAction{ float: right; margin: 0 0 10px 0; width: 100px; }
    .newPerk{ float: none; display: block; clear: both; width: auto; padding: 10px 0 0 150px; border-top: 1px dotted #dfdfdf; }
      .addLink{ padding-left: 20px; background: url(../images/icon_add.png) 0 50% no-repeat; }
      .removeLink{ padding-left: 20px; background: url(../images/icon_delete.png) 0 50% no-repeat; }

/* BC on/off */
.BCOn{ overflow: hidden; width: 100%; height: 36px; line-height: 36px; text-align: center; }
  .BCOn span{ float: left; padding: 0 20px; background: url(../images/rg/bc_on.png) 0 0 no-repeat; }
  .BCOn strong{ float: left; width: 57px; background: url(../images/rg/bc_on.png) 100% 0 no-repeat; color: #fff; font-size: 18px; font-weight: bold; }
  .BCOn em{ float: left; padding: 0 0 0 20px; color: #999; }

/* Test buttons line-up */
.testBtn{ padding-left: 300px; }

.venuePerk{ background: #d9e2f8; }
  .venuePerk strong{ background: url(../images/rg/icon_star-small.png) 0 50% no-repeat; }

  /* ; */
  .points { background-color: #FDFEB8; }
  
  
/*
=MARKETING PAGE STYLES=
*/

#marketing .primContentWrapper{ width: 960px; overflow: hidden; padding: 0; margin: 0 auto; float: none; }
#marketing #header{ overflow: hidden; }
#marketing #menu{ margin: 65px auto 0 auto; overflow: hidden; }
#marketing #menu ul{ overflow: hidden; }
#marketing #menu li{ float: left; }
#marketing strong{ color: #001349; }
.controls li{ list-style-type: none; margin: 0; line-height: 30px; }
.controls li a{ color: #444; padding: 0 20px; text-decoration: none; font-size: 1.2em; display: block; outline: none; text-shadow: 1px 1px 0 #f4f4f4; }
.controls li a:visited{ color: #001349; padding: 0 20px; text-decoration: none; font-size: 1.2em; display: block; outline: none; }
.controls li a:hover{ color: #444; background: #ccc; border: 1px solid #4d4d4d; border-width: 0 1px; }
.controls li a.current{ color: #fff; background: #4D4D4D; text-shadow: 1px 1px 0 #333; }

.scroller .section .informationBox{ width: 370px; float: left; padding: 2em 0 0 0; }
	.scroller .section .informationBox h2{ margin: 0; padding: 0; }
	.scroller .section .informationBox p{ overflow: hidden; margin: 1em 0; }
	.scroller .section .imageNav{ width: 700px; margin: 0 auto; overflow: hidden; border-top: 1px solid #EFEFEF; }
		.scroller .section .imageNav li{ display: block; float: left; list-style-type: none; width: 230px; overflow: hidden; margin: 10px 0 0 0; text-align: center; } 
			.scroller .section .imageNav li span{ display: block; overflow: hidden; padding-left: 2px; color: #001349; }
			.scroller .section .informationBox .features{ width: 100%; margin-bottom: 10px; }
			.scroller .section .informationBox .features li{ margin: 0; width: 100%; float: none; padding: 5px 0; border-bottom: 1px solid #ccc; }
.scroller .section .illustrationBox{ width: 320px; float: right; padding: 1em 0 0 0; }

#marketing #footer{ overflow: hidden; }

/*
=GLIDER STYLE=
-------------------------------------------------*/
#my-glider{ width: 100%; overflow: hidden; }
.controls{ float: left; width: 216px; margin: 0; padding: 20px 0 40px 0; background: url(../images/new_sidebar_narrow.png) 0 100% no-repeat; }
.scroller{  float: right; width: 690px; display: block; overflow: hidden; padding: 0; height:550px !important; }
  .scroller .section{ float:left; overflow: hidden; }
  #section1, #section2, #section3, #section4, 
  #section5, #section6, #section7, #section8, 
  #section9, #section10, #section11{ width: 700px; padding: 0; color: #777; }

  .scroller .content { width: 10000px; max-height: 500px; overflow:hidden; }
  
 
/*
=NEW FIXES 20. MAY=
--------------------------------------------*/


#meta h2{ padding:0 !important; clear: both; margin: 10px 0 0 0; }
#meta h2.first{ padding: 20px 0 !important; margin: 0 !important; } 
#meta h2, #meta h3{ color: #001349 !important; font-size: 1.6em !important; margin: 0 !important; }
#meta h2{ margin: 1em 0 !important; font-size: 1.6em !important; }
#meta a{ color: #cc1c1c !important; }

#meta p{ padding: 8px 0 0 0; margin: 0 !important; }
#meta form{ overflow: hidden; }
#meta form input{ margin: 0 5px 10px 0; float: left; }

/*
=ADMIN STYLE=
-------------------------------------------------*/
.current_city {
    color: #f5911e; 
    font-weight: bold;
    font-size: 1.2em;
}

#billingMonthSelect {
  margin-bottom: 30px; margin-top: 20px; float: right;
}

.loggedIn{ -moz-border-radius-topleft: .6em; -moz-border-radius-topright: .6em; -webkit-border-top-left-radius: .6em !important; -webkit-border-top-right-radius: .6em !important; }

/* 
	LEVEL ONE
*/
.dropdown{ position: relative; padding-bottom: 26px; border-bottom: 1px solid #ccc; }
.dropdown li{ float: left; zoom: 1; list-style: none; background: url(../images/rg/reservations_nav_bg.png) 0 100% repeat-x; margin: 0 10px 0 0;
							-moz-border-radius-topleft: .5em; -moz-border-radius-topright: .5em; -webkit-border-top-right-radius: .5em; -webkit-border-top-left-radius: .5em;
						}
.dropdown a:hover{ color: #fff; }
.dropdown a:active{ color: #fff; }
.dropdown li a{ display: block; padding: 4px 8px; color: #fff; font-weight: bold; text-decoration: none; }
.dropdown li:last-child a{  } /* Doesn't work in IE */
.dropdown li.hover, .dropdown li:hover{ position: relative; }
.dropdown li.hover a{  }


/* LEVEL TWO */
.dropdown ul{ width: 150px; visibility: hidden; position: absolute; top: 18px; left: 0; background: #0D388A;
							-moz-border-radius-topright: .5em; -moz-border-radius-bottomleft: .5em; -moz-border-radius-bottomright: .5em;   -webkit-border-top-right-radius: .5em; -webkit-border-bottom-left-radius: .5em; -webkit-border-bottom-right-radius: .5em;
						}
.dropdown ul li{ float: none; background-image: none; }
									  
/* IE 6 & 7 Needs Inline Block */
.dropdown ul li a{ width: 100%; display: inline-block; } 

/* LEVEL THREE */
.dropdown ul ul{ left: 110px; top: 0; }
.dropdown li:hover > ul{ visibility: visible; }

/*end of dropdown*/

/*404 page styles*/
#errorPage{ background: transparent !important; }

.errorPage{ width: 650px; margin: 100px auto 0 auto; background: url(../images/rg/404_buuble_top.png) 0 0 no-repeat; padding: 15px 0 0 0; overflow: hidden; height: 200px; }
	.errorPage img{ float: right; margin: 0; padding: 0; }
	.errorPage p{ float: left; width: 422px; background: url(../images/rg/404_buuble_bottom.png) 0 100% no-repeat; margin: 0; padding: 0 15px 15px 15px; text-shadow: 1px 1px 0 #fff; font-size: 14px; }
	
.checkbox{ float: left; margin: 1px 5px 0 0; }
#tabbedNav a{ color: #fff !important; }
#pending{ margin-top: 15px; } 

.fixesMeta #reservation_date_from, .fixesMeta #reservation_date_to{ width: 110px; }
.fixesMetaNarrow #reservation_date_from, .fixesMetaNarrow #reservation_date_to{ width: 60px; }
.fixesNew .ctrlHolder{ padding: 0 !important; }
.fixesNew .ctrlHolder input{ width: 172px !important; }
.fixesNew .buttonHolder{ margin-right: 0 !important; }

/*
--------------------NEW VERSION OF SIDEBAR-------------------
*/

.newSidebar{ background: url(../images/new_sidebar.png) 50% 100% no-repeat !important; padding: 0 10px 40px 10px !important; width: 254px !important; text-shadow: 1px 1px 1px #fff !important; color: #444 !important; }
.newSidebar h2, .newSidebar #meta h3{ color: #001349 !important; font-size: 1.6em !important; margin: 0 !important; }
.newSidebar h2{ margin: 1em 0 !important; font-size: 1.8em !important; }
.newSidebar a{ color: #cc1c1c !important; }

body .newNarrow{ overflow: hidden; }
body .newNarrow #meta{ width: 196px !important; padding: 0 10px 40px 10px; background: url(../images/new_sidebar_narrow.png) 50% 100% no-repeat !important; text-shadow: 1px 1px 1px #fff !important; color: #444 !important; }
body .newNarrow #meta h2, body .newNarrow #meta h3{ color: #001349 !important; font-size: 1.6em !important; margin: 0 !important; }
body .newNarrow #meta h2{ margin: 1em 0 !important; font-size: 1.8em !important; }
body .newNarrow #meta a{ color: #cc1c1c !important; }
body .newNarrow #prim{ width:720px; }

/* Admin - reseller */
tr.exclusiveReseller { background: #EEEEEE; color: #000; font-weight: bold; }
body .narrow{ overflow: hidden; }
body .narrow #meta{ width: 196px !important; padding: 0 10px 40px 10px; background: url(../images/new_sidebar_narrow.png) 50% 100% no-repeat !important; text-shadow: 1px 1px 1px #fff !important; color: #444 !important; }
body .narrow #meta h2, body .narrow #meta h3{ color: #001349 !important; font-size: 1.6em !important; margin: 0 !important; }
body .narrow #meta h2{ margin: 0 !important; font-size: 1.5em !important; }
body .narrow #meta h2.first{ padding-bottom: 0 !important; }
body .narrow #meta a{ color: #cc1c1c !important; }
body .narrow #prim{ width:720px; }

/* New design */

.last{ margin: 0 !important; }

/*
=HEADER=
*/

#header{ overflow: hidden; height: 131px; }
	#header h1{ margin: 0; width: 320px; float: left; }


.fbButton{ margin: 0; padding: 0; display: block; height: 31px; width: 87px; float: left; }	
.errorMsg{ margin: 0; color: red; font-style: italic; }
	.errorMsg p{ margin: 0; }
	/*
.loggedIn{ float: none; margin: 15px 0 0 0; width: auto; }	
.loggedIn span{ margin: 3px 10px 0 0 !important; line-height: 25px; }
.logout{ display: block; margin: 0 0 0 0; text-indent: -9999px; width: 77px; height: 25px; background: url(../images/log_out.png) 0 0 no-repeat; border: none; float: right; outline: none; }	
.loggedIn button{ width: 77px; }
	.loggedIn span em{ color: #E77748; font-weight: bold; }
.logoutButton{ background: url(../images/buttons/log_out.png) 0 0 no-repeat; display: block; width: 77px; margin: 2px 10px 0 0; height: 25px; float: left; text-indent: -9999px; }	
	*/
.loggedIn{ overflow: hidden !important; float: right; width: auto !important; }
.loggedIn span{ margin: 3px 10px 0 0 !important; line-height: 25px; float: left; text-align: right !important; }
.logout{ display: block; text-indent: -9999px; width: 77px; height: 25px; background: url(../images/log_out.png) 0 0 no-repeat; border: none; float: left; outline: none;  }	


#menu{ margin: 0px auto 0 auto; overflow: hidden; float: left; width: 640px; }
	#menu li{ float: left !important; color: #fff !important; margin: 0 0 0 8px !important; }
	#menu li .active{ background-image: none !important; }
	#menu a{ color: #F9AC5E !important; text-decoration: none !important; display: block !important; padding: 43px 10px !important; font-size: 1.3em !important; }
	#menu a:hover{ color: #ccc !important; border-bottom: 3px solid #444 !important; }

loggedIn{ overflow: hidden !important; width: 400px !important; }
.loggedIn span{  color: #444 !important; text-align: right; width: auto !important; }	
.loggedIn button{ text-indent: -9999px; width: 77px; height: 25px; background: url(../images/log_out.png) 0 0 no-repeat; border: none; }	

#footer { border: none; width: auto; margin: 30px 0 0 0; }
#footerWrap{ overflow: hidden; background: #3F3F3F url(../images/layout/footer_bg.jpg) 0 0 repeat-x; margin: 10px 0 0 0; }
.footer{ width: 950px; margin: 2em auto;  }
.bwLogo{ float: left; margin: 20px 0 0 0; }
.footer div{ width: 210px; float: left; color: #fff; margin: 0 20px 0 20px; }
	.footer div h4{ font-weight: normal; text-transform: none; font-size: 1.2em; margin: 20px 0 10px 0;  }
.footer ul{ margin: 0; overflow: hidden; background: #2B2B2B; padding: 10px; border: 1px solid #494949; border-width: 0 1px 1px 0; -webkit-border-radius: .5em; -moz-border-radius: .5em; box-shadow: inset 1px 1px 2px #222; -moz-box-shadow: inset 1px 1px 2px #222;}
.footer ul li{ margin: 0; }
.footer ul li a{ text-decoration: none; color: #ccc !important; }
.buttonStyle{ background: #2B2B2B; padding: 10px; border: 1px solid #494949; border-width: 0 1px 1px 0; -webkit-border-radius: .5em; -moz-border-radius: .5em; box-shadow: inset 1px 1px 2px #222; -moz-box-shadow: inset 1px 1px 2px #222; display: block; margin: 10px 0 0  0; font-weight: bold; font-size: 1em; color: #ccc !important; text-decoration: none; text-transform: uppercase; text-align: center; }
.clear{ clear: both; display: block !important; width: 100% !important; height: 10px; }

.footer p{ display: block; text-align: center; color: #ccc; margin: 10px 0 0 0; float: none; clear: left; }
#footerWrap li{ list-style-type: none; }

/*new css*/
.noShow{ text-indent: -9999px !important; }

body{ background: url(../images/layout/site_bg_internal.png) 0 0 repeat-x !important; }

.promo{ margin: 0; background: url(../images/layout/sub_header_illustration.png) 0 0 no-repeat; overflow: hidden; min-height: 370px; }
	.promo p{ color: #fff; margin: 50px 0 0 40px; width: 380px; font-size: 1.2em; }
	.promo span{ text-indent: -9999px !important; margin: 0 0 0 -9999px; }
.button{ background: url(../images/buttons/register_button.png) 0 0 no-repeat; display: block; height: 49px; width: 295px; text-indent: -9999px; margin: 35px 0 5px 40px; }
	.moreLink{ color: #ccc; text-decoration: none; margin: 20px 0 0 110px; background: url(../images/icons/arrow_icon.png) 100% 50% no-repeat; padding: 0 20px 0 0; }
#home .promo a{ color: #fff; }

.promoBoxes{ overflow: hidden; margin: 0;  background: url(../images/layout/box_bottom_shadow.png) 10px 100% repeat-x; padding: 0 0 12px 0; }
	.promoBoxes li{ width: 215px; float: left; margin: 0 17px 0 0; border: 1px solid #ccc; -webkit-border-radius: .5em; -moz-border-radius: .5em; padding: 5px; list-style-type: none; }
		.promoBoxes li a{ text-decoration: none; color: #f16327; }
		.promoBoxes li img{ float: left; }
		.promoBoxes li h3, .promoBoxes li p, .promoBoxes li a{ float: right; width: 155px; margin: 0; }
		.promoBoxes li p{ font-size: .8em; line-height: 150%; margin-top: 5px; }
		.promoBoxes li a{ text-align: right; background: url(../images/icons/orange_arrow_icon.png) 100% 50% no-repeat; padding: 0 10px 0 0; font-size: .8em; }
		
		.promoBoxes li h3{ font-weight: bold; font-size: 1em; }

#primary{ width: 615px; background: url(../images/layout/recent_activity_bg_top.png) 0 0 no-repeat; overflow: hidden; float: left; margin: 20px 0 0 0; }
	#primary h2{ margin: 0 0 0 100px; }

.patronReservations{ overflow: hidden; width: 585px; margin: 2em auto 0 auto; padding: 1px 15px 0 15px ; }
	.patronReservations h4{ background: url(../images/layout/blue_side_bg.png) 0 0 no-repeat; text-indent: -9999px; display: block; float: left; height: 157px; width: 41px; margin: 0; }
	.patronReservations	table{ border: 1px solid #4F8BB8; height: 155px; font-size: .9em; line-height: 1.2em; width: 540px; margin: 1px 0 0 0; }
	.patronReservations td{ padding: 0 6px; }
	.patronReservations .zebra{ background: #E7E7E7; }
	.patronReservations .date{ color: #f16327; }
	.patronReservations a{ color: #11639b; text-decoration: none; }
	
.clientsConc{ overflow: hidden; width: 585px; margin: 2em auto 0 auto; padding: 1px 15px 40px 15px; background: url(../images/layout/recent_activity_bg_bottom.png) 50% 100% no-repeat; }
	.clientsConc h4{ background: url(../images/layout/orange_side_bg.png) 0 0 no-repeat; text-indent: -9999px; display: block; float: left; height: 156px; width: 40px; margin: 0; }
	.clientsConc	table{ border: 1px solid #FC6600; height: 154px; font-size: .9em; line-height: 1.2em; width: 540px; margin: 1px 0 0 0; }
	.clientsConc td{ padding: 0 6px; }
	.clientsConc .zebra{ background: #E7E7E7; }
	.clientsConc .date{ color: #f16327; }
	.clientsConc a{ color: #11639b; text-decoration: none; }	
	
#secondary{ float: right; width: 329px; background: url(../images/layout/tweets_bg_top.png) 0 0 no-repeat; overflow: hidden; margin: 20px 0 0 0; }	
	#secondary h2{ margin: 0 0 0 100px; }
	
	#secondary ul{ margin: 20px 0 0 0; background: url(../images/layout/tweets_bg_bottom.png) 50% 100% no-repeat; padding: 0 0 30px 0; }
		#secondary ul li{ background: url(../images/layout/divider.png) 50% 100% no-repeat; padding: 0 0 10px 0; margin: 0 20px 10px 20px; overflow: hidden;  }
			#secondary ul li a{ color: #11639b; text-decoration: none; }
			#secondary ul li p{ margin: 0; font-size: .9em; }

#login{ width: 430px; float: right; margin: 58px 0 0 0; background: none !important; }
	#login label{ float: left !important; line-height: 2em; margin: 0 5px 0 0; color: #F9AC5E; }
	#login fieldset{ width: 430px; background: none; }
		#login button{ float: left; margin: 0 5px 0 0; background: url(../images/ok_icon.png) 0 0 no-repeat; border: none; display: block; text-indent: -9999px; height: 26px; width: 26px; }
	#login .ctrlHolder{ width: 100px;  float: left; margin: 5px 10px 0 0; height: 50px; }
	#login .fbButton{ margin: 2px 0 0 0; }
		#login .ctrlHolder input{ width: 100px; margin: 0;  font-size: .8em; border: 1px solid #ccc; padding: 0 0 0 2px; margin: 0; display: block; }
		#login .ctrlHolder span{ font-size: .8em; padding: 0 0 0 5px; margin: 1em 0 0 0; color: #ccc; display: block; overflow: hidden; }

#reservationsHome #prim{ min-height: 600px; }
#meta h2, #meta .first{ margin: 0 !important; }

#mainContent{ min-height: 600px; }

/* fix for landers */
body#lander { background: none; }

/*fixe on 29.03. by Predrag Jovanovic*/

#invite_name, #invite_email{ width: 210px !important; float: right !important; margin-bottom: 0 !important; }



/*
================ START PATRON LIST STYLES ================
*/
#prim{
position: relative;
}
#reservationSearch, #csvDownload{
width: 320px;
border: 1px solid #ccc;
-moz-border-radius: .5em;
-webkit-border-radius: .5em;
border-radius: .5em;
text-shadow: 1px 1px 0 #fff;
background: #efefef;
padding: 10px;
float: left;
margin: 2em 0 0 0;
background: -moz-linear-gradient(100% 100% 90deg,#efefef, #ddd);
background: -webkit-gradient(linear, 0 top, 0 bottom, from(#ddd), to(#efefef));
}
#reservationSearch{
margin-right: 3em;
height: 54px;
}
#reservationSearch h3{
font-size: 1.2em;
margin: 0 0 13px 0;
}
#reservationSearch .ctrlHolder{
padding: 0;
width: 80%;
float: left;
}
#reservationSearch .textInput{
width: 62%;
}
.searchButton{
float: left;
margin: 3px 0 0 0;
}
#csvDownload{
width: 340px;
height: 74px;
padding: 0;
}
#csvDownload p{
width: 55%;
float: left;
text-align: right;
margin: 0;
padding: 0;
font-size: 1.2em;
border-right: 1px solid #ccc;
padding: 10px;
}
#csvDownloadHelp{
display: block;
font-size: 1em;
}
.csvDownload{
display: block;
}
#csvDownloadHint{
margin: 10px 0 0 0;
background: rgba(0, 0, 0, .8);
border: 1px solid #333;
-webkit-border-radius: .5em;
padding: 10px;
width: 320px;
float: right;
color: #ccc;
text-shadow: 1px 1px 0 #111;
position: absolute;
right: 0;
top: 100px;
}
#csvDownloadHint a{
color: #F9AC5E;
}
.downloadButton{
line-height: 74px;
text-align: center;
border-left: 1px solid #f2bf92;
width: 131px;
display: block;
float: right;
text-decoration: none;
font-size: 2em;
background: #f29d4c;
text-shadow: 1px 1px 0 #444;
color: #fff !important;
font-weight: bold;
font-style: italic;
background: -moz-linear-gradient(100% 100% 90deg,#FEB569, #D15D00);
background: -webkit-gradient(linear, 0 top, 0 bottom, from(#D15D00), to(#FEB569));
-moz-border-radius-bottomright: .2em;
-moz-border-radius-topright: .2em;
-webkit-border-top-right-radius: .2em;
-webkit-border-bottom-right-radius: .2em;
border-bottom-right-radius: .2em;
border-top-right-radius: .2em;
}
/*
================ END PATRON LIST STYLES ================
*/

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

/*
================ NEW RESELLER PAGES STYLES ================
*/
#resellers #primary{
width: 660px;
padding: 0 20px 0 0;
float: left;
border-right: 1px solid #ccc;
margin: 2em 0 0 0;
background: none !important;
}
#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;
background: no-repeat;
}
#resellers #secondary ul{
background: none;
}
#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{
color: #ee6a00;
}
#resellers #primary h4{
color: #089dde;
font-size: 1.2em;
margin: 2em 0 0 0;
line-height: 100%;
}
 #resellers #secondary ul li h4{
 color: #014c8c;
margin: 2.2em 0 .5em 0 !important;
 }
#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/rg_levels_ul_title_bg.png) 0 0 no-repeat !important;
height: 41px;
color: #fff;
}
.real_time_account, .register_reseller_acc{
display: block;
height: 122px;
padding: 0 0 0 80px;
width: 238px;
float: left;
line-height: 125px;
color: #fff !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/rg_real_time_account_button.png) 0 0 no-repeat; margin: 0 10px 0 0; }
.register_reseller_acc{ background: url(../images/bc_home/rg_register_for_reseller_acc.png) 0 0 no-repeat; }

#resellers #secondary ul li{
padding: 10px;
min-height: 130px;
max-height: 130px;
}
#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/option_a.png) 0 0 no-repeat !important; }
.step_two   { background: url(../images/bc_home/option_b.png) 0 0 no-repeat !important; }
.step_three { background: url(../images/bc_home/option_c.png) 0 0 no-repeat !important; }
.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/rg_become_reseller_button.png) 0 0 no-repeat;
}


/*
================ END RESELLER PAGES STYLES ================
*/