.fieldWithErrors {
    display: inline;
}

.fieldWithErrors input, .fieldWithErrors select, .fieldWithErrors textarea {
    background-color: #ffdfdf;
}

#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;
}

.yupdatewidgetimage {border: 1px solid #1c90a4;}

.multiple_select {
  border: 1px solid #aaa;
  height: 400px;
  padding: 2px;
  overflow: auto;
  margin: 10px 0px 10px 0px;
}

.multiple_select, .multiple_select ul {
  list-style-type: none;
}

.multiple_select_checkbox {
  background: #fff;
}

.alt {
  background: #cae3e7;
}

.average_rating{font-family: Arial; font-size: 20px; font-weight: 900; text-align: center; margin: 0px;}
.number_of_reviews{font-family: Arial; font-size: 12px; text-align: center;}

input[type=submita] {
   font-size:12px;
   font-family:Arial,sans-serif;
   font-weight:bold;
   color:#557378;
   height:20px;
   background-image:url(/images/barsannapolis/button_bg.gif);
   border-style:solid;
   border-color:#557378;
   border-width:1px;
}

.submit_button {
   font-size:12px;
   font-family:Arial,sans-serif;
   font-weight:bold;
   color:#557378;
   height:20px;
   background-image:url(/images/barsannapolis/button_bg.gif);
   border-style:solid;
   border-color:#557378;
   border-width:1px;
}

.event_outer {
	border: #BBBBBB 1px solid;
	background-color: #F0F0F0;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px 0px 0px 0px;
}

.event_inner_content {
	background-color: white; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	border: 1px solid white;
}

.event_header {
	
}

.primary_event_thumb {
	border:solid 1px #3a3a3a;
	padding:1px;
	float: left;
	margin: 10px 10px 10px 10px;	
}

.event_header  p {
	font-size: 16px;
	font-weight: bolder;
	margin: 4px 4px 4px 4px; 
	padding: 0px 0px 0px 0px;
}

.event_inner_content  p {
	padding: 0px 0px 0px 0px; 
	margin: 10px 10px 10px 10px;
	font-size: 9pt;
}

.event_inner_content  h3 {
	padding: 0px 0px 0px 0px; 
	margin: 10px 10px 10px 10px;
}

.time_and_place_table {
	padding: 0px 0px 0px 0px; 
	margin: 10px 10px 10px 10px;	
}

.time_and_place {
	font-size: 9pt;
}

.event_detail_left_col {
	
}

.event_detail_right_col {
	font-weight: 700;
}

.event_description_detail {
	font-size: 9pt;	
}

h5 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.primary_event_image {
	border:solid 1px #3a3a3a;
	padding:1px;
	float: right;
	margin: 5px;	
}

.secondary_event_image {
	border:solid 1px #3a3a3a;
	padding:1px;
}

.photos {
	position: relative;
}

.pagination_links {
	font-size: 9pt;
	position: absolute;
	top: 0px;
	right: 0px;
}

.photo_management_links {
	font-size: 9pt;	
}


.calendar {
  margin: auto;
  color: white;
  text-align: center;
  max-width: 200px;
}

thead tr {
  color: black;
}

thead {
	font-size: 14px;
}

.monthName th {
  font-weight: normal;
  text-align: right;
  padding-top: 8px;
  padding-bottom: 8px;  
  color: black;
}

.monthName {
	font-size: 16px;
}

.dayName th {
  font-family: Arial; 
  color: #1c90a4;
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #303030;
  border-bottom: 1px solid white;
}

.otherMonth, .day, .specialDay {
  padding: 4px;
  border-right: 1px solid #111111;
  border-bottom: 1px solid #111111;
  border-left: 1px solid #111111;
}

.day, .specialDay {
  border-bottom: 1px solid #111111;
  background-color: #1c90a4;
}
.specialDay {
  background-color: #a8a8a8;
  color: black;
}
.specialDay a, .specialDay a:visited, .specialDay a:hover {
  color: white;
  text-decoration: none;
  padding: 8px;
}
.specialDay a:hover {
  color: white;
  background-color: black;
}
.weekendDay {
  background-color: #1c90a4;
}
.today {
	background-color: white;
	color: black;
}

.day a, .day a:visited, .day a:hover {
  color: white;
}

.today a, .today a:visited, .today a:hover {
	color: black;
}

.otherMonth {
  color: #999999;
  background-color: #4f4f5b;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(/images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(/images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(/images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(/images/loading_orange.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background /images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}


#outside_border {
	padding: 8px 8px 8px 8px;
	background-color: #e6ecec;
	width: 764px;
        position: relative;
}
.ads img {
    border: 0px;
    -ms-interpolation-mode: bicubic;
}
#all_content {
	background-color: #e6ecec;
	width: 764px;
}
#main_body_content {
	position: relative;
	top: 2px;
	border-bottom: 1px solid #55595a;
	border-right: 1px solid #59a7b4;
	background-image: url(/images/newba/bottom_left_bg.gif);
	background-repeat: repeat-y;
}
#header {
	position: relative;
	width: 764px;
	height: 115px;
	top: -28px;
	background-image: url(/images/newba/header.jpg);	
}
#header_links {
	position: relative;
	background-image: url(/images/newba/linksbg.gif);
	width: 764px;
	height: 28px;
	top: 116px;
	z-index: 0;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 28px;
	vertical-align: middle;
}
#header_links a {				
	margin: 0px 20px 0px 20px;
	float:left;
	color:#064954;
	text-decoration:none;
	font-size: 9pt;
	font-weight: 700;
}
#header_links a:hover {	
	color: #CAE3E7;
}

.divider {
	display: inline-block;
	position: relative;
	width: 2px;
	height: 28px;
	float: left;
}

#thebars {
	left: 428px;
	background-image: url(/images/newba/thebars.jpg);
	z-index: 0;
}
#thebars:hover {
	background-image: url(/images/newba/thebars_hover.jpg);
}
#thebands {
	left: 572px;
	background-image: url(/images/newba/thebands.jpg);
    z-index: 0;			
}
#thebands:hover {
	background-image: url(/images/newba/thebands_hover.jpg);
}
.topbuttons {
	position: absolute;
	width: 133px;
	height: 35px;
	top: 107px;
	text-align: center;
	font-family: Arial;
	font-weight: bold;
	color: white;
	vertical-align: middle;
	line-height: 31px;
	z-index: 1000;
	text-indent: -9000px;
}

#login_box {
	width: 145px;
	height: 125px;
	padding: 10px 0px 0px 20px;
	background-image: url(/images/newba/login_box.gif);
	color: #064954;
}

#login_box .management_links {
	color: #064954;
}

#login_box h3 {
	color: #3A3A3A;
	margin-bottom: 2px;
}


#side_links {
	position: relative;
	width: 165px;
	background-image: url(/images/newba/side_links.gif);
}

#side_links ul {
	margin-left: 0px;
	padding: 0px 0px 0px 0px;
	margin: 10px 3px 0px 17px;
}

#side_links li {
	list-style: none;
	padding: 2px 0px 2px 20px;
	border-bottom: 1px dashed #87B9C1;
}

#side_links a {
	color:#064954;
	text-decoration:none;
	font-size: 8pt;
	font-weight: 700;
	font-family: Arial;
}

#side_links a:hover {
	color: #65AEBA;
}

#side_links .link_arrow {
	font-size: 9px;
}

#content_area {
	width: 597px;
	float: right;
	background-color: #c8d3d5;
    
    _width: 595px;
    _position: relative;
}

#left_spacing {
	width: 165px;
	height: 20px;
}

#bottom_left {
	position: absolute;
	bottom: -1px;
	left: 0px;
	height: 8px;
	width: 165px;
	background-image: url(/images/newba/bottom_left.gif);
}

#bottom_right {
	position: absolute;
	bottom: -1px;
	right: -1px;
	height: 57px;
	width: 56px;
	background-image: url(/images/newba/bottom_right.gif);
}

.home_columns {
	width: 279px;
	float: left;
    margin: 0% 0% 0% 2%;

    _width: 277px;
    _margin-left: 1%;
}

#home_column_1 {
	/* position: relative;
	#top: 0px;
	left: 166px; */
    /*
	margin-left: 13px;

    _margin-left: 7px; */
}

#home_column_2 {
	/* position: absolute;
	top: 0px;
	right: 0px; */
	/*
    margin-left: 13px;
	margin-right: 13px;

    _margin-right: 7px;*/
}

.home_box {
	position: relative;
	width: 277px;
	background-color: white;
	margin: 5px 5px 5px 5px;
	padding-top: 30px;
	border: 1px solid #6e878c;
	margin: 13px 0px 13px 0px;

    _border: 0px;
    _overflow: hidden;
}

.home_box .footer {
	position: relative;
	width: 279px;
	height: 9px;
	background-image: url(/images/newba/home_box_footers.gif);
	bottom: -1px;
	left: -1px;

    _overflow: hidden;
}

.home_box .header {
	position: absolute;
	width: 279px;
	height: 28px;
	top: -1px;
	left: -1px;

    background-image: url(/images/newba/blank.gif);

    _overflow: hidden;
}

/*
#whats_happening_today_box .header {
	background-image: url(/images/newba/whats_happening_today_heade.gif);
}

#todays_specials_box .header {
	background-image: url(/images/newba/todays_specials_header.gif);
}

#editors_picks_box .header {
	background-image: url(/images/newba/editors_picks_header.gif);
}

#bartender_of_the_week_box .header {
	background-image: url(/images/newba/bartender_of_the_week_heade.gif);
}

#last_event_box .header {
	background-image: url(/images/newba/recent_events_header.gif);
}
*/

.event_set {
	margin: 5px 5px 0px 5px;
	color: #3a3a3a;
	font-size: 9pt;
	font-weight: 700;
}

.event_set a {
	color: #00889e;
}

.event_location_and_time {
	width: 100%;
}

.event_location {
	width: 45%;
	float: left;
}

.event_time {
	width: 55%;
	float: left;
	text-align: right;
}

.event_title_and_link {
	width: 100%;
}

.event_title {
	width: 70%;
	float: left;
}

.event_link {
	width: 30%;
	float: left;
	text-align: right;
}

.event_description {
	width: 100%;
	display: none;
}

.event_detail {
	margin-bottom: 10px;
}

#bartender_of_the_week_content {
	text-align: center;
	margin: 5px 5px 5px 5px;
}

#botw_bar_name, #botw_bartender_name {
	color: #00889e;
	margin-bottom: 2px;
	font-size: 9pt;
	font-weight: 700;
}

#botw_image {
	border: solid 1px #3A3A3A; 
	padding: 1px;
}

#botw_desc {
	color: #1d1d1d;
	text-align: left;
}

#main_box {
	border: 1px solid #6e878c;
	margin: 30px 60px 30px 60px;
	background: white;

    _width: 464px;
}
#main_box_header {
	position: relative;
	height: 17px;
	padding-bottom: 1px;
	border-bottom: 1px solid #1c90a4;
	background-color: #1c90a4;
	color: white;
	font-size: 9pt;
	font-weight: 700;
	padding-top: 8px;
	padding-left: 25px;
}
#main_box_header_border {
	height: 1px;
	background-color: #a1d1d9;
	border: 1px solid #1c90a4;

    _overflow: hidden;
}
#main_box_content {
	background-color: white;
	padding: 10px;

    _overflow: hidden;
}
#main_box_footer {
	position: relative;
	background-color: white;

    _overflow: hidden;
}

#main_box_header_left {
	position: absolute;
	left: -1px;
	top: -1px;
	width: 9px;
	height: 9px;
	background-image: url(/images/newba/header_tl.gif);
}

#main_box_header_right {
	position: absolute;
	right: -1px;
	top: -1px;
	width: 9px;
	height: 9px;
	background-image: url(/images/newba/header_tr.gif);
}

#main_box_footer_left {
	position: absolute;
	left: -1px;
	bottom: -1px;
	width: 9px;
	height: 9px;
	background-image: url(/images/newba/footer_bl.gif);
}

#main_box_footer_right {
	position: absolute;
	right: -1px;
	bottom: -1px;
	width: 9px;
	height: 9px;
	background-image: url(/images/newba/footer_br.gif);
}

.link_list {
	width: 50%; float: left; text-align: center; margin-top: 10px;
}

.link_list a {
	color:#064954;
	text-decoration:none;
	font-size: 10pt;
	font-weight: 700;
	font-family: Arial;
}

.link_list a:hover {
	color: #65AEBA;
}

.data_location {
	text-align: right;
	color: #3A3A3A;
}

.data_location a {
	color: #3A3A3A;
}

.data_item {
	margin-bottom: 10px;
}

.data_item .data_label {
	font-weight: 700;
	margin-right: 10px;
}

#slideShow {
	text-align: center;
	height: 267px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.homeSlideShow {
	margin-top: 5px;
	margin-bottom: 5px;
}

#slideShow img {
	border: 1px solid #3A3A3A;
	padding: 1px;
	margin-left: auto;
	margin-right: auto;
}

.slideshow {
	text-align: center;
}
.slideshow img {
	border: 1px solid #3A3A3A;
	padding: 1px;
	margin-left: auto;
	margin-right: auto;
}

#profileSlideShow {
	text-align: center;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

#profileSlideShow img {
	border: 1px solid #3A3A3A;
	padding: 1px;
	margin-left: auto;
	margin-right: auto;
}

.event_box a {
	font-weight: 700;
}

.event_box .box_content {
	margin: 5px;
    text-align: center;
}

body {
	background-color: #a0a0a3;
	font-family: Arial;
	font-size: 9pt;
	margin: 0px 0px 0px 0px;
	color: #3A3A3A;
	height: 100%;
}

a {
	color: #00889E;
}

.profile {
    _overflow: hidden;
}

.profile_right {
    width: 240px;
    float: left;
    margin-left: 5px;

    _width: 215px;
    _overflow: hidden;
}

#comments {
    _width: 404px;
}

.categories_column {
    float:left;
    width: 279px;
    margin: 0% 0% 2% 2%;
}

.category_home_box .header {
    height: 28px;
    background-image: url(/images/newba/blank.gif);
}

.category_home_box .box_content {
    padding: 5px;
}

.category_home_box .header h1 {
    color: white;
    text-decoration: underline;
}

.home_box .header h1 {
    margin: 0px 0px 0px 0px;
    line-height: 28px;
    font-size: 9pt;
    vertical-align: bottom;
    padding-left: 20px;    
    color: white;
}

.category_home_box .header a {
    color: white;
    font-family: Arial;    
}

.category_with_description {
    font-size: 9pt;
    font-weight: 700;
}

.comment_image {
    float: left;
    border: 1px solid #3A3A3A;
	padding: 1px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.fan_image {
    border: 1px solid #3A3A3A;
	padding: 1px;
    margin-right: 5px;
    margin-bottom: 5px;
}

#status_text {
    font-weight: bolder;
}

#calendar_events_replace {
    clear: both;
}

#calendar_replace {
    margin-bottom: 10px;
}

#iphone {
    bottom: 10px;
    right: 10px;
    width: 71px;
    height: 121px;
    position: absolute;
}

body > #iphone {
    position: fixed;
}

#twitter {
    bottom: 10px;
    left: 10px;
    width: 32px;
    height: 32px;
    position: absolute;
}

body > #twitter {
    position: fixed;
}

#facebook {
    bottom: 10px;
    left: 52px;
    width: 32px;
    height: 32px;
    position: absolute;
}

body > #facebook {
    position: fixed;
}

.livefeed {
    float: left;
    width:210px;
    height:158px;
    border: 1px solid black;
    padding: 1px;
    margin-bottom: 10px;
}

#webcam_box .box_content {
	margin: 5px;
    text-align: center;
}

.webcam_text {
    color:#00889E;
    font-size:9pt;
    font-weight:700;
    margin-bottom:2px;
}

.home_box .livefeed {
    float: none;
    width: 263px;
    height: 197px;
}

.home_box .header a {
    color: white;
}

.individual_fan {
    float: left;
    width: 70px;
    height: 100px;
    text-align: center;
}

.individual_fan_image {
    height: 70px;
}

.comment_div {
    padding: 5px; margin-top: 10px; margin-bottom: 10px; border-style:solid; border-color:#557378; border-width:1px; background: #cae3e7;
}

.event_set .initially_hidden {
    display: none;
}

.left_nav_header {
    width: 146px;
    height: 22px;
    margin-left: 15px;
    margin-top: 15px;
    text-align: center;
    background-color: #8fafb4;
    color: #185863;
    line-height: 22px;
    font-size: 13px;
    font-family: Arial;
    font-weight: 600;
}
#first_left_nav_header{
    margin-top: 0px;
}

#side_links{
    padding-top: 4px;
}

.topic{
    margin-top: 10px;
}

.compliance {
    padding-top: 50px;
    vertical-align: top;
}

.photos {
    margin-top: 10px;
}

body {
	background-color: #bdc1c5;
}

a {
    color: #032f69;
}

.event_set a {
    color: #032f69;
}

a:hover {
	color: #0571ec;
}

#outside_border {
	background-color: #dfefff;
}

#content_area {
    background-color: #a5c7e9;
}

#main_body_content {
	background-image: url(/images/barhopsocal/bottom_left_bg.gif);
    border-bottom: 1px solid #4d5967;
	border-right: 1px solid #054ead;
}

#header {
    height: 123px;
	background-image: url(/images/barhopsocal/header.jpg);
}

#header_links {
    top: 124px;
	background-image: url(/images/barhopsocal/linksbg.gif);
}

#header_links a {
	color: #95c7ff;
}
#header_links a:hover {	
	color: #ffffff;
}

.topbuttons {
	top: 115px;
}

#thebars {
    left: 429px;
	background-image: url(/images/barhopsocal/thebars.jpg);
}

#thebars:hover {
	background-image: url(/images/barhopsocal/thebars_hover.jpg);
}

#thebands {
	background-image: url(/images/barhopsocal/thebands.jpg);
}

#thebands:hover {
	background-image: url(/images/barhopsocal/thebands_hover.jpg);
}

#login_box {
    color: #032f69;
	background-image: url(/images/barhopsocal/login_box.gif);
}

#login_box .management_links {
	color: #032f69;
}

.submit_button {
   color:#023981;
   height:20px;
   background-image:url(/images/barhopsocal/button_bg.gif);
   border-style:solid;
   border-color:#1e5ca3;
}

#side_links {
	background-image: url(/images/barhopsocal/side_links.gif);
}

#side_links li {
	border-bottom: 1px dashed #70a0d4;
}

#side_links a {
	color: #032f69;
}

#side_links a:hover {
	color: #0571ec;
}

#bottom_left {
	background-image: url(/images/barhopsocal/bottom_left.gif);
}

#bottom_right {
	background-image: url(/images/barhopsocal/bottom_right.gif);
}

.home_box {
    border: 1px solid #004fa9;
}

.home_box .footer {
	background-image: url(/images/barhopsocal/home_box_footers.gif);
}

.home_box .header {
	background-image: url(/images/barhopsocal/blank.gif);
}

#last_event_box .header {
	background-image: url(/images/barhopsocal/recent_events_header.gif);
}

#main_box {
	border: 1px solid #0058cd;
}

#main_box_header_left {
	background-image: url(/images/barhopsocal/header_tl.gif);
}

#main_box_header_right {
	background-image: url(/images/barhopsocal/header_tr.gif);
}

#main_box_footer_left {
	background-image: url(/images/barhopsocal/footer_bl.gif);
}

#main_box_footer_right {
	background-image: url(/images/barhopsocal/footer_br.gif);
}

#main_box_header {
	border-bottom: 1px solid #0058cd;
	background-color: #0058cd;
}
#main_box_header_border {
	background-color: #ebf4fd;
	border: 1px solid #0058cd;
}

.link_list a {
	color: #032f69;
}

.link_list a:hover {
	color: #0571ec;
}

.category_home_box .header {
    background-image: url(/images/barhopsocal/blank.gif);
}

.dayName th {
  color: #0059cf;
}

.weekendDay {
  background-color: #0059cf;
}

.day, .specialDay {
  background-color: #0059cf;
}

.left_nav_header {
    background-color: #5ca3f4;
    color: #023981;
}

/* -------------------------------------------------------------------------------------------------

It's *strongly* suggested that you don't modify this file.  Instead, load a new stylesheet after
this one in your layouts (eg formtastic_changes.css) and override the styles to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

This stylesheet forms part of the Formtastic Rails Plugin
(c) 2008 Justin French

--------------------------------------------------------------------------------------------------*/


/* NORMALIZE AND RESET - obviously inspired by Yahoo's reset.css, but scoped to just form.formtastic
--------------------------------------------------------------------------------------------------*/
form.formtastic, form.formtastic ul, form.formtastic ol, form.formtastic li, form.formtastic fieldset, form.formtastic legend, form.formtastic input, form.formtastic textarea, form.formtastic select, form.formtastic p { margin:0; padding:0; }
form.formtastic fieldset { border:0; }
form.formtastic em, form.formtastic strong { font-style:normal; font-weight:normal; }
form.formtastic ol, form.formtastic ul { list-style:none; }
form.formtastic abbr, form.formtastic acronym { border:0; font-variant:normal; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-family:inherit; font-size:inherit; font-weight:inherit; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-size:100%; }
form.formtastic legend { color:#000; }


/* FIELDSETS & LISTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset { }
form.formtastic fieldset.inputs { }
form.formtastic fieldset.buttons { padding-left:25%; }
form.formtastic fieldset ol { }
form.formtastic fieldset.buttons li { float:left; padding-right:0.5em; }

/* clearfixing the fieldsets */
form.formtastic fieldset { display: inline-block; }
form.formtastic fieldset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] form.formtastic fieldset { display: block; }
* html form.formtastic fieldset { height: 1%; }


/* INPUT LIs
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li { margin-bottom:1.5em; }

/* clearfixing the li's */
form.formtastic fieldset ol li { display: inline-block; }
form.formtastic fieldset ol li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] form.formtastic fieldset ol li { display: block; }
* html form.formtastic fieldset ol li { height: 1%; }

form.formtastic fieldset ol li.required { }
form.formtastic fieldset ol li.optional { }
form.formtastic fieldset ol li.error { }
  

/* LABELS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li label { display:block; width:25%; float:left; padding-top:.2em; }
form.formtastic fieldset ol li li label { line-height:100%; padding-top:0; }
form.formtastic fieldset ol li li label input { line-height:100%; vertical-align:middle; margin-top:-0.1em;}


/* NESTED FIELDSETS AND LEGENDS (radio, check boxes and date/time inputs use nested fieldsets)
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li fieldset { position:relative; }
form.formtastic fieldset ol li fieldset legend { position:absolute; width:25%; padding-top:0.1em; }
form.formtastic fieldset ol li fieldset legend span { position:absolute; }
form.formtastic fieldset ol li fieldset legend.label label { position:absolute; }
form.formtastic fieldset ol li fieldset ol { float:left; width:74%; margin:0; padding:0 0 0 25%; }
form.formtastic fieldset ol li fieldset ol li { padding:0; border:0; }


/* INLINE HINTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li p.inline-hints { color:#666; margin:0.5em 0 0 25%; }


/* INLINE ERRORS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li p.inline-errors { color:#cc0000; margin:0.5em 0 0 25%; }
form.formtastic fieldset ol li ul.errors { color:#cc0000; margin:0.5em 0 0 25%; list-style:square; }
form.formtastic fieldset ol li ul.errors li { padding:0; border:none; display:list-item; }


/* STRING & NUMERIC OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.string input { width:74%; }
form.formtastic fieldset ol li.password input { width:74%; }
form.formtastic fieldset ol li.numeric input { width:74%; }


/* TEXTAREA OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.text textarea { width:74%; }


/* HIDDEN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.hidden { display:none; }


/* BOOLEAN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.boolean label { padding-left:25%; width:auto; }
form.formtastic fieldset ol li.boolean label input { margin:0 0.5em 0 0.2em; }


/* RADIO OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.radio { }
form.formtastic fieldset ol li.radio fieldset ol { margin-bottom:-0.6em; }
form.formtastic fieldset ol li.radio fieldset ol li { margin:0.1em 0 0.5em 0; }
form.formtastic fieldset ol li.radio fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset ol li.radio fieldset ol li label input { margin-right:0.2em; }


/* CHECK BOXES (COLLECTION) OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.check_boxes { }
form.formtastic fieldset ol li.check_boxes fieldset ol { margin-bottom:-0.6em; }
form.formtastic fieldset ol li.check_boxes fieldset ol li { margin:0.1em 0 0.5em 0; }
form.formtastic fieldset ol li.check_boxes fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset ol li.check_boxes fieldset ol li label input { margin-right:0.2em; }



/* DATE & TIME OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.date fieldset ol li,
form.formtastic fieldset ol li.time fieldset ol li,
form.formtastic fieldset ol li.datetime fieldset ol li { float:left; width:auto; margin:0 .3em 0 0; }

form.formtastic fieldset ol li.date fieldset ol li label,
form.formtastic fieldset ol li.time fieldset ol li label,
form.formtastic fieldset ol li.datetime fieldset ol li label { display:none; }

form.formtastic fieldset ol li.date fieldset ol li label input, 
form.formtastic fieldset ol li.time fieldset ol li label input, 
form.formtastic fieldset ol li.datetime fieldset ol li label input { display:inline; margin:0; padding:0;  }


/* -------------------------------------------------------------------------------------------------

Load this stylesheet after formtastic.css in your layouts to override the CSS to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

For example, to make the inline hint paragraphs a little darker in color than the standard #666:

form.formtastic fieldset ol li p.inline-hints { color:#333; }

--------------------------------------------------------------------------------------------------*/

form.formtastic fieldset { display: block; }
form.formtastic fieldset ol li { display: block; }
form.formtastic .submit_button {
    padding: 0px 6px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.scrollable {
  position:relative;
  overflow:hidden;
  width: 360px;
  height:345px;
}
.scrollable .items {
  width:20000em;
  position:absolute;
}
.items div {
  float:left;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(/images/scrollable/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; }


/* left */
a.left				{ margin-left: 0px; }
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{
	background:url(/images/scrollable/arrow/vert_large.png) no-repeat;
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; }


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;
}