/**

                           foneVillage CSS file.

**/


body
{ 
  font-family: Arial, Helvetica, San-Serif;
  text-align: center;
  background: url("/images/bg.jpg");
  margin: 0;
  padding: 0;
}

/* form elements*/
input
{
  font-family: Arial, Helvetica, sans-serif;
  border: 1px solid #ccc;
  margin: 0;
}

input:focus
{ 
  background: #ffd;
}


h2
{ 
  margin-top: 1em;
}


#page
{ 
  text-align: left;
  margin: 2px auto;
  margin-top: 0;
  width: 800px;
  padding: 0;
}

/* This is for the FVBlankPage class */
#page2
{ 
  text-align: inherit;
  margin: inherit;
  margin-top: 0;
  padding: 0;
  height: 100%;
  width: 100%;  
  background-color: white;
}


label
{ 
  display: block;
  margin-top: 0.4em;
  font-size: 9pt;
  color: #555;
  padding-top: 0.3em;
  font-weight: bold;
}

.inputtext
{
  margin-top: 0.4em;
  font-size: 9pt;
  color: #555;
  padding-top: 0.3em;
  font-weight: bold;
}


#stupid_image_holder
{ 
  background: url("/images/bodytop.gif") no-repeat; border: none;
  padding-top: 3px;
}


#individual_page_body
{ 
  min-height: 80em;
  background-color: white;
}
/*This is for the FVBlankPage class */
#individual_page_body2
{
  min-height: 500px;
  background-color: white;
}
/**
 * Generic things that anybody might use.
 */
.error
{ 
  color: red;
}
.error_box
{ 
  border: 1px solid #c00;
  color: #400;
  background-color: #f88;
  padding: 3px;
}
.success
{ 
  color: green;
}
.info
{ 
  font-size: 10pt;
  color: #066;
}

.deleted
{ 
  color: #500;
  text-decoration: line-through;
}

.red_bullet_point
{ 
  list-style: circle;
  margin-left:20px;
  margin-bottom:10px;
  color:red;
}

.helpertext
{ 
  font-size: 10px;
  color: #c4171d;
}

.helpertext a
{ 
  color: #007646;
}

/**
 * UNDONE: marcwan. 2007-03-21: this is a bit hacky -- this lets us have 
 *      2 ajax forms per page.  i can't think of a more elegant way of
 *      doing this right now ... it's late.
 */
div.editing #button_area
{ 
  display: block;
}
div.editing #submit_message
{ 
  display: none;
}

div.submitting #button_area
{ 
  display: none;
}
div.submitting #submit_message
{ 
  display: block;
}

div.editing #button_area2
{ 
  display: block;
}
div.editing #submit_message2
{ 
  display: none;
}

div.submitting #button_area2
{ 
  display: none;
}
div.submitting #submit_message2
{ 
  display: block;
}

#submit_message
{ 
  color: green;
  font-size: 10pt;
}




#right_bar
{ 
  width: 200px;
  float: right;
}

.side_joinnow_bar
{ 
  background-color: #ebecdd;
  font-size: 75%;
  padding: 10px;
}

.side_joinnow_bar ul
{ 
  margin-left: 0;  /** IE needs this ... */
  padding-left: 10px;
  list-style: circle;
}

.side_joinnow_bar a
{ 
  color: #007646;
  text-decoration: none;
}
.side_joinnow_bar a:visited
{ 
  color: #007646;
}
.side_joinnow_bar a:hover
{ 
  color: #007646;
  text-decoration: underline;
}

/**
 * ALL PAGE TOPS AND PAGE BOTTOMS
 */
#pagetop
{ 
  margin-bottom: 0.5em;
  background: url("/images/bg_title.gif") no-repeat bottom; border: none;
  background-color: white;
  height: 150px;
}

#langsignontoolbar
{ 
  padding: 5px;
  float: right;
  background-color: black;
  color: white;
  font-size: 10pt;
}

#langsignontoolbar a:link
{ 
  text-decoration: none;
  color: white;
}

#langsignontoolbar a:visited
{ 
  text-decoration: none;
  color: white;
}

#langsignontoolbar a:hover
{ 
  text-decoration: underline;
  color: white;
}

#title_menu_bar span
{ 
  padding: 8px;
  line-height: 35px;
  font-weight: bold;
  color: #007646;
}
#title_menu_bar span.selected
{ 
  background: url("/images/navR.gif") no-repeat right top;
}
#title_menu_bar span.selected a
{
  padding: 6px;
  background: url("/images/navL.gif") no-repeat left top;
}


#navi ul
{
  float: right;
  position: relative;
  bottom: 43px;
  margin-top: 20px;
  padding: 10px 10px 0 10px;
  list-style-type: none;
  font-size: 1.2em;
}

#navi li
{
  padding-left: 8px;
  float: left;
  line-height: 40px;
  vertical-align: middle;
}

#navi li a
{
  padding: 5px 15px 4px 8px;
  color: #333;
  display: block;
  text-decoration: none;
}

#navi li a:hover
{
  text-decoration: underline;
}

#navi li.selected
{
  background: url( images/navL.gif ) no-repeat left top;
}

#navi li.selected a
{
  background: url( images/navR.gif ) no-repeat right top;
  font-weight: bold;
  color: #CD0007;
}



#tmb span:hover
{ 
  padding: 10px;
  border: 1px solid #f59595;
  background-color: #fef5ed;
}

#tmb a
{ 
  text-decoration: none;
  font-weight: bold;
  color: #007646;
  font-size: 1.2em;
}
#tmb a:hover
{ 
  text-decoration: underline;
}



#pagebottom
{ 
  margin-top: 10px;
  font-size: 10pt;
  width: 100%;
  color: black;
}


#bottommenubar
{ 
  padding: 5px;
  float: right;
  color: black;
  font-size: 10pt;
}

#bottommenubar a:link
{ 
  text-decoration: none;
  color: #060;
}

#bottommenubar a:visited
{ 
  text-decoration: none;
  color: #060;
}

#bottommenubar a:hover
{ 
  text-decoration: underline;
  color: #060;
}




/**
* TRIAL FORM PAGE
*/
.boxed_fieldset
{ 
  padding: 5px;
  border: 1px solid gray;
}

#trialregisterformholder
{ 
margin-top: 0.3em;
  width: 47%;
  float: right;
}


#trialsendmeacardformholder
{
  float: left;
  padding: 5px;
  width: 47%;
}

.box_title
{
margin-bottom: 0.3em;
  font-size: 12pt;
  font-weight: bold;
  color: #b00;
}

.smalltextinfobox
{ 
  color: #aaaa44;
  font-size: 11px;
  line-height: 1.5em;
  background-color: #f0efe7;
  border: 1px dotted gray;
  padding: 15px;
}
.smalltextinfobox a
{ 
  color: #007646;
  text-decoration: none;
}


.submittedformmessage
{ 
  color: #883;
  font-size: 10pt;
  line-height: 1.5em;
  background-color: #f0efe7;
  border: 2px solid red;
  padding: 15px;
}
.submittedformmessage a
{ 
  color: #007646;
  text-decoration: none;
}


.nice_form
{ 
  border: 1px solid #ccc;
}

.nice_form_submit_button
{
  cursor: pointer;
  padding: 1px 5px;
  background: #F7B82D;
  color: #fff;
  border: 1px solid #FACF71;
  font-weight: bold;
  width: auto;
  margin-top: 10px;
  font-size: 9pt;
}


#trialregisterform input
{ 
  margin-top: 0.3em;
}

.spacefromtop
{ 
  margin-top: 0.5em;
}

div.registering #trialregisterform
{ 
  display: block;
}
div.registering #trialregistercomplete
{ 
  display: none;
}

div.registered #trialregisterform
{ 
  display: none;
}
div.registered #trialregistercomplete
{ 
  display: block;
}

div.requestingcard #sendmeacardform
{ 
  display: block;
}
div.requestingcard #sendmeacardcomplete
{ 
  display: none;
}
div.requestedcard #sendmeacardform
{ 
  display: none;
}
div.requestedcard #sendmeacardcomplete
{ 
  display: block;
}









/***
 * Specific to User Profile Editing !!!
 */
.area_preference
{ 
  cursor: pointer;
  display: inline;
}

.childrenof_node
{ 
  display: none;
  margin-left: 2em;
}

#form_message
{ 
  padding-left: 3px;
}

.tab_title
{
  height: 2em;
  font-size: 11pt;
  padding: 5px;
  color: #2279af;
  font-weight: bold;
  background-color: #d5edc6;
  border: 1px solid #aaa;
  cursor: pointer;
}

div.tab_title, .selected
{ 
  color: #12699f;
  background-color: white;
  border-bottom: none;
}

#tab_bar
{ 
height: 2em;
  width: 100%;
background-position: bottom;
}

#tab_bar span:hover
{ 
background-color: #3289BF;
}

#tab_body
{ 
  padding: 5px;
  padding-top: 10px;
}

.tab_page
{ 
  margin-bottom: 0.6em;
}
.suggestion
{ 
  color: #999;
  font-weight: normal;
  font-size: 10px;
}

.mandatory
{ 
  color: red;
}



#user_right_navbar
{ 
display: inline;
  float: right;
  width: 12em;
}

.rightbar_title
{
  padding: 5px;
  margin-bottom: 2px;
  font-size: 10pt;
  font-weight: bold;
  background-color: #d5edc6;
  border: 1px solid #aaa;
  cursor: pointer;
  margin-left: 3px;
}

.rightbar_title a
{ 
  color: #2279af;
  text-decoration: none;
}

.rightbar_title a:hover
{ 
  color: #555;
  text-decoration: underline;
}

.rightbar_header
{ 
  color: white;
  padding: 5px;
  margin-bottom: 2px;
  font-size: 10pt;
  font-weight: bold;
  background-color:  #C53389;
  border: 1px solid #aaa;
  margin-left: 3px;
}

#rightnav_bar div:hover
{ 
  background-color:  #C53389;
}

.selected span
{ 
margin-left: 0;
  color: black;
  background-color: white;
  border-left: none;
}


.prefsintro
{ 
  margin: 1em;
}




/**
 * Static Pages!!!
 */
/* FAQ */

dl.faq
{
  font-size: 12px;
}

dl.faq dt
{
  float: none;
  text-align: left;
  width: auto;
  margin-bottom: 10px;
  color: #f90;
  font-size: 1.2em;
  font-weight: bold;
}

dl.faq dd
{
  margin: 0;
  margin-bottom: 20px;
}



/**
 * HOME PAGE
 */
#fudge
{ 
  background: url("/images/promo.en_US.jpg") no-repeat; border: none;
  padding-top: 3px;
}

#home_page_body_text
{ 
  padding: 8px;
  margin: 3px;
  background: url("/images/home_page_body.jpg"); border: none;
  color: #333;
}

#home_page_body_text li
{
  margin-left: 1px;
}
#home_page_body_text span
{
  font-weight: bold;
}

.marquee_data
{ 
  background-color: #ebecdd;
  padding: 4px;
}

.marquee_data img
{ 
  width: 120px;
  height: 95px;
  padding: 4px;
  border: 1px solid #ccc;
}

.marquee_data h4
{ 
  font-weight: bold;
  color: #007646;
  font-size: 1em;
  text-align: center;
  margin-top: 0em;
  margin-bottom: 0em;
}

.marquee_data h5
{ 
  font-weight: bold;
  font-size: 0.8em;
  text-align: center;  
  margin-bottom: 0em;  
  margin-top: 1.3em;  
}
.marquee_data a
{ 
  font-weight: bold;
  color: #007646;
  font-size: 1em;
  text-decoration: none;
}
.marquee_data a:hover
{ 
  text-decoration: underline;
}

#marquee_venues
{ 
  background-color: #ebecdd;
  width: 800px;
  height: 12em;
  overflow: auto;
}
#marquee_venuet
{
  font: 10pt arial;
  width: 100%;
  margin-bottom: 10em;
}

/**
 * Display Venue.
 */
.venue_header
{ 
  background-color: #ebecdd;
  padding: 10px;
}

.heavytext
{ 
  font-weight: bold;
}

.venue_title
{ 
  font-weight: bold;
  color: #007646;
  font-size: 1.2em;
}

.venue_info_table
{ 
  width: 760px;
  margin-top: 0.5em;
  padding-top: 0.5em;
  border-top: 1px dashed #ccc;
  border-bottom: 1px dashed #ccc;
}



p.papershadow
{
  margin-top: 0;
  background: url( images/papershadow.gif ) no-repeat top left;
  height: 10px;
}

p.papershadow_dark
{
  background-image: url( images/papershadow_dark.gif )
}

.venue_voucher_info
{
  font-size: 1em;
  background: url( images/fade_paper.gif ) no-repeat top left;
  padding: 6px;
  width: 160px;
}

.venue_voucher_info dt
{ 
  max-width: 172px;
  color: #c4171d;
}

.venue_voucher_info dd
{ 
  margin-left: 1em;
  max-width: 172px;
  color: #444;
  font-size: 90%;
}

.voucher_info_col
{ 
  font-size: 0.85em;
  vertical-align: top;
  width: 175px !important;
}

.venue_picture_col
{ 
  width: 150px !important;
  vertical-align: top;
}

.venue_picture_holder
{ 
  display: block;
  padding: 3px;
  width: 120px;
  height: 95px;
  border: 1px solid #D0CFBD;
  background: #E2E1CD;
  margin-bottom: 5px;
}

.venue_picture_holder img
{
  width: 120px;
  height: 95px;
  
}

.venue_info_col
{ 
  text-align: left;
  padding: 0;
  margin: 0;
  font-size: 9pt;
  vertical-align: top;
}


.venue_body
{ 
  font: 100% Verdana;
  font-size: 10pt;
  background: #f6f8ed;
  padding: 10px;
}


.venue_body h5
{
  padding-left: 15px;
  background: url( images/icon_ball.gif ) no-repeat top left;
  color: #c5161d;
  margin: 7px 0;
}

.venue_body p
{
  padding-left: 15px;
}

.venue_body .comment_holder
{ 
  padding-left: 15px;
}

#comment_header
{
  color: #007646;
  font-size: 10pt;
}
#comment_header a
{
  color: #007646;
  text-decoration: none;
}
#comment_header a:hover
{
  color: #007646;
  text-decoration: underline;
}


/**
 * Venue Listings
 */
.venue_info_table2
{ 
  margin-top: 0.5em;
  padding-top: 0.5em;
  border-top: 1px dashed #ccc;
  width: 100%;
}

.selecting_box
{ 
  background-color: #ebecdd;
  color: #333;
  padding: 10px;
}

#venuelistings boldtitle
{ 
  margin-top: 0.3em;
  display: block;
  font: 1em Verdana;
  font-weight: bold;
}

.displaying_box
{ 
  margin-top: 1em;
}

.redtext
{ 
  color: #c00;
}

.venue_body_hdr
{ 
}

.venue_info_data
{ 
  float: right;
  width: 60%;
  text-align: left;
}
.venue_info_hdr
{ 
  font-weight: bold;
  text-align: left;
  width: 20%;
  text-align: right;
  margin-right: 8px;
}

.venue_details_table
{ 
  font-size: 1em;
}
.venue_details_header
{ 
  width: 25%;
  text-align: right;
  font-weight: bold;
  padding-right: 0.5em;
}
.venue_details_body
{ 
  vertical-align: top;
}

.indentabit
{ 
  margin-left: 0.5em;
}

.small_show_addr
{ 
  padding-left: 20px;
  background: url("/images/icon_car.gif") no-repeat; border: none;
}
.small_show_category
{ 
  margin-top: 0.3em;
  padding-left: 20px;
  background: url("/images/foneVillageTiny.png") no-repeat; border: none;
}

#venueSearchForm span
{ 
  margin-left: 1em;
  font-weight: bold;
  font-size: 11px;
}

#venueSearchForm .text_input
{ 
  font-size: 11px;
  border: 1px solid #aaa;
}

#venueSearchForm .submit_button
{ 
  border: 1px solid #aaa;
  font-weight: bold;
  font-size: 10px;
  color: #a00;
}

.venue_title a
{ 
  font-weight: bold;
  color: #007646;
  font-size: 1em;
  text-decoration: none;
}
.venue_title a:visited
{ 
  color: #007646;
}
.venue_title a:hover
{ 
  color: #007646;
  text-decoration: underline;
}

.right_more_link
{ 
  float: right;
  color: #008;
  padding-right: 0.5em;
}

.right_more_link a
{ 
  color: #008;
  text-decoration: underline;
}

.right_more_link a:visited
{ 
  color: #008;
  text-decoration: underline;
}



.neighbourhoodspopup
{ 
  border: 3px solid #600;
  padding: 10px;
  position: absolute;
  width: 500px;
  background-color: white;
  vertical-align: middle;
}

.neighbourhoodspopup a
{ 
  color: #008;
  cursor: pointer;
  text-decoration: none;
}

.selector_table span:hover
{ 
  background-color: #b00;
  color: white;
}

.search_selector
{ 
  cursor: pointer;
  padding: 2px;
  color: #060;
}

.search_selector a
{ 
  text-decoration: none;
  color: #060;
}
.search_selector a:visited
{ 
  color: #060;
}
.search_selector a:hover
{ 
  color: white;
}

/**
 * USER HISTORY PAGE (aka mySavings)
 */

#user_trans_table
{ 
  border: 1px solid #bbb;
  font: 10pt Arial;
  width: 475px;
}


#user_trans_header
{ 
  font-weight: bold;
  font-size: 11pt;
  color: #7A7C43;
  background-color: #E3E6C7;
}


#user_trans_table td
{ 
  border-bottom: 1px dotted #D9D9C1;
  padding: 5px;
  color: #8A8C43;
}
.tableRB
{ 
  border-right: 1px dotted #d9d9c1;
}

#user_trans_table a
{ 
  text-decoration: none;
  color: #8A8C43;
}
#user_trans_table a:visited
{ 
  text-decoration: none;
}
#user_trans_table a:hover
{ 
  text-decoration: underline;
}


.next_prev_bar
{ 
  text-align: center;
  margin-top: 1em;
  color: #8A8C43;
}
.next_prev_bar a
{ 
  color: #8A8C43;
  text-decoration: none;
  padding-left: 4px;
}
.next_prev_bar a:visited
{ 
  color: #8A8C43;
}
.next_prev_bar a:hover
{ 
  color: #8A8C43;
  text-decoration: underline;
}


#userhistory_summary
{ 
  background: #F0EFE7;
  color: #666837;
  margin-bottom: 1em;
  border: 1px dotted #a6a877;
  width: 475px;
}

#userhistory_summary table
{ 
  padding: 10px;
  width: 90%;
}


.userhistory_summary_title
{ 
  font-size: small;
  color: #3289BF;
}

.userhistory_summary_value
{ 
  color: #C53389;
  font-size: small;
}


#add_comment_holder
{ 
  padding: 1.1em;
  border: 1px solid black;
  background-color: #ffffef;
  height: 8em;
  width: 18em;
  display: none;
}

#twohundredinput
{ 
  font-size: 10pt;
  width: 18em;
}

#twohundredinput:focus
{ 
  background-color: white;
}

#add_comment_error
{ 
  color: red;
  font-size: 8pt;
  margin-top: 0.2em;
  height: 2em;
}

sub

div.addingcomment #add_comment_form
{ 
  display: block;
}
div.addingcomment #add_comment_done
{ 
  display: none;
}

div.addedcomment #add_comment_form
{ 
  display: none;
}
div.addedcomment #add_comment_done
{ 
  display: block;
}

/**
 * Venue Stats
 */




/**
 * LOGIN PAGE
 */

.login_box
{ 
  float: left;
  width: 47%;
  padding: 5px;
  border: 1px solid #ccc;
}

.login_title
{ 
  padding: 0 5px;
  font-size: 12pt;
  font-weight: bold;
  background: white;
  color: #b00;
}

.login_signup_box
{ 
  padding: 5px;
  width: 48%;
  border: 1px solid #ccc;
  float: right;
}

#statmenu ul 
{
  list-style:none;
}
#statmenu ul li
{
  display:inline;
  font-size:12px;
}
#rightnav_bar .selected
{
  background-color:#ccc;
  color:blue;       
}


/*   for venue search box */
#searchbox
{ 
  margin-top: 1em;
  padding-bottom:10px;
 }
.txt_venue_search
{ 
  border:1px solid #ccc; 
  margin:0 5px;
  width:35px;
 
}


/**
 * USER PAGE BASE contents.
 */
.ubp_content
{ 
  margin-right: 13em;
}



/**
 * FoneVillageBasePage
 */
.fonevillage_site_ad
{ 
  margin-bottom: 0.7em;
}


#ad_fieldset
{ 
  margin-top: 1em;
  padding: 10px;
  text-align: center;
/*  padding-left: 15px;*/
  border: none;
  border-top: 1px solid #bbb;

}


/**
 * News and Events!
 */
.recent_venues_box
{ 
  border: 1px solid #ccc;
  background-color: #ebecdd;
  font: 10pt Verdana;
  font-size: 85%;
  width: 360px;
  min-height: 22em;
  height: 20em;
}

.venue_highlights_box
{ 
  margin-top: 1.0em;
  font-size: 1em;
  background: url( images/fade_paper.gif ) no-repeat top left;
  padding: 6px;
  width: 160px;
}

.venue_highlights_box dt
{ 
  margin-top: 0.3em;
  max-width: 172px;
  color: #c4171d;
}

.venue_highlights_box dd
{ 
  margin-left: 1em;
  max-width: 172px;
  color: #444;
  font-size: 90%;
}


.recent_venue_pane
{ 
  position: absolute;
  width: 360px;
}

.recent_venues_box legend
{
  font-size: 1.3em;
  font-weight: bold;
  color: #CD0007;
}

.recent_venues_box
{ 
  margin-bottom: 1.5em;
 }


#news_page_top
{ 
  margin-bottom: 1em;
}

.news_page_content_text
{ 
  font-size: 90%;
  margin: 1em;
}

#news_fone_words
{ 
  margin-top: 1.5em;
  margin-bottom: 1em;
}

.event_pane
{ 
  width: 360px;
  position: absolute;
}



.event_highlights_box
{ 
  font-size: 1.1em;
}

.event_highlights_box dt
{ 
  color: #c4171d;
}

.event_highlights_box dd
{ 
  margin-bottom: 0.3em;
  margin-left: 1em;
  color: #444;
  font-size: 90%;
}

.specials_header
{ 
  font-weight: bold;
  color: #c4171d;
}

.address_box
{
background: #FFFFFF;
border: 3px solid #ccc;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 3px solid #ccc;
border-right: 3px solid #ccc;

padding: 10px;
}

.address_box_closed
{
display: none;
border: none;
padding: none;
background: none;
}

.close_button
{
  cursor: pointer;
  padding: 1px 3px;
  background: red;
  color: #fff;
  border: 1px solid black;
  font-weight: bold;
  width: auto;
  margin-top: 4px;
  font-size: 7pt;
  right: 100%;
  margin-left: 95%;
}

}