﻿/* stol.css */

#plain_table 
{
  display: table;
  text-align: left;
  vertical-align: top;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
  
border-style: dotted;
border-color: blue;
border-width: 0px;
}
#plain_row  
{
 display: table-row;
}
#plain_cell
{
  display: table-cell;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 20px; 
  text-align: left;
  vertical-align: top;
 
border-style: solid;
border-color: gray;
border-width: 0px;
}

#home_table 
{
  display: table;
  zztable-layout: fixed;
  zzwidth: 1000px;
  text-align: left;
  vertical-align: top;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
  zzmargin: 0 auto; 
  /*
border-style: solid;
border-color: blue;
border-width: 0px;
*/
}
#home_row  
{
 display: table-row;
}
#home_col_left
{
  display: table-cell;
  width: 200px;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 0px; 
  text-align: left;
  vertical-align: top;
  /*
border-style: dotted;
border-color: gray;
border-width: 0px;
*/
}
#home_col_centre
{
  display: table-cell;
  width: 580px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px; 
  text-align: left;
  vertical-align: top;
  /*
border-style: dotted;
border-color: gray;
border-width: 0px;
*/
}
#home_col_right
{
  display: table-cell;
  width: 200px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px; 
  text-align: left;
  vertical-align: top;
  /*
border-style: dotted;
border-color: gray;
border-width: 0px;
*/
}

#home_centre
{
  text-align: center;
border-style: dotted;
border-color: gray;
border-width: 0px;
}


#image_link_table
{
  display: table;
  vertical-align: top;
  background-color: white;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  margin: 0 auto;
}
#image_link_row
{
  display: table-row;
}
#image_link_cell a
{
  display: table-cell;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  vertical-align: top;
  border-style: solid;
  border-color: white;
  border-width: 1px;
}
#image_link_cell a:hover
{
  display: table-cell;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border-style: solid;
  border-color: #8080f0;
  border-width: 1px;
}

#tintro
{
  color: black;
  font-size: 16pt;
}
#tmain
{
  color: #202020;
  font-size: 12pt;
}
#small_text
{
  color: black; 
  font-size: 8pt;
}


#celeb_name_big
{
  color: black; 
  font-size: 16pt;
  font-weight: normal;
  text-decoration: none;
  text-align: center;
}
#celeb_name_big a
{
  color: black; 
  font-size: 16pt;
  font-weight: normal;
  text-decoration: none;
  text-align: center;
}
#celeb_name_big a:hover
{
  color: #8080f0; 
  font-size: 16pt;
  font-weight: normal;
  text-decoration: none;
  text-align: center;
}

#definition
{
  width: 180px;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  color: black;
  font-weight: normal;
  font-size: 10pt;
  text-align: left;
  vertical-align: top;
  border-style: solid;
  border-color: #c0c0c0;
  border-width: 1px;
}

#primo_largec
{
  color: black;
  font-size: 14pt;
  font-weight: normal;
  text-decoration: none;
  text-align: center;
}
#primo_vsmall
{
  color: black;
  font-size: 4pt;
  font-weight: normal;
  text-decoration: none;
}
#celeb_1
{
  color: black;
  font-size: 12pt;
  font-weight: normal;
  text-decoration: none;
}

#celeb_2
{
  color: black;
  font-size: 16pt;
  font-weight: normal;
  text-decoration: none;
}
#celeb_2 a:link
{
  color: #6080ff; /* primoblue */
  font-size: 16pt;
  font-weight: normal;
  text-decoration: none;
}
#celeb_2 a:visited
{
  color: #6080ff; /* primoblue */
  font-size: 16pt;
  font-weight: normal;
  text-decoration: none;
}
#celeb_2 a:hover
{
  color: #c0c0c0; 
  font-size: 16pt;
  font-weight: normal;
  text-decoration: none;
}

#celebrating
{
  color: #808080; 
  font-size: 10pt;
  font-weight: normal;
  text-decoration: none;
}


#celeb_table 
{
  display: table;
  zzwidth: 840px;
  text-align: left;
  vertical-align: top;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
/*
border-style: solid;
border-color: gray;
border-width: 1px;
*/
}
#celeb_row  
{
 display: table-row;
}
#celeb_col1
{
  display: table-cell;
  zzwidth: 200px;
  margin: 2px 2px 2px 2px;
  padding: 2px 2px 2px 2px;
  text-align: left;
  vertical-align: top;
}
#celeb_col2
{
  display: table-cell;
  zzwidth: 200px;
  margin: 2px 2px 2px 2px;
  padding: 2px 2px 2px 2px;
  text-align: left;
  vertical-align: top;
}
#celeb_col3
{
  display: table-cell;
  zzwidth: 200px;
  margin: 2px 2px 2px 2px;
  padding: 2px 2px 2px 2px;
  text-align: left;
  vertical-align: top;
}

#dieversary
{
  text-align: left;
  vertical-align: top;
  padding: 5px 5px 5px 5px;
  
border-style: dotted;
border-color: gray;
border-width: 1px;
}
#facebook
{
  text-align: left;
  vertical-align: top;
  
border-style: dotted;
border-color: gray;
border-width: 1px;
}


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

#about_table 
{
  display: table;
  width: 1000px;
  text-align: left;
  vertical-align: top;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
  
border-style: solid;
border-color: blue;
border-width: 0px;
}
#about_row  
{
 display: table-row;
}
#about_col_left
{
  display: table-cell;
  width: 300px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px; 
  text-align: left;
  vertical-align: top;
  
border-style: solid;
border-color: white;
border-width: 5px;
}
#about_col_center
{
  display: table-cell;
  width: 470px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px; 
  text-align: left;
  vertical-align: top;
  
border-style: solid;
border-color: white;
border-width: 5px;
}
#about_col_right
{
  display: table-cell;
  width: 200px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px; 
  text-align: left;
  vertical-align: top;
  
border-style: solid;
border-color: white;
border-width: 5px;
}

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

#personal_table 
{
  display: table;
  width: 1000px;
  float: left;
  text-align: left;
  vertical-align: top;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
  
border-style: solid;
border-color: blue;
border-width: 0px;
}
#personal_row  
{
 display: table-row;
}
#personal_col_left
{
  display: table-cell;
  width: 290px;
  margin: 0px 0px 0px 0px;
  padding: 0px 5px 0px 5px; 
  text-align: left;
  vertical-align: top;
  
border-style: dotted;
border-color: gray;
border-width: 1px;
}
#personal_col_centre
{
  display: table-cell;
  width: 490px;
  margin: 0px 0px 0px 0px;
  padding: 0px 5px 0px 5px; 
  text-align: left;
  vertical-align: top;
  
border-style: dotted;
border-color: gray;
border-width: 1px;
}
#personal_col_right
{
  display: table-cell;
  width: 190px;
  margin: 0px 0px 0px 0px;
  padding: 0px 5px 0px 5px; 
  text-align: left;
  vertical-align: top;
  
border-style: dotted;
border-color: gray;
border-width: 1px;
}

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


#featured_table 
{
  display: table;
  font-family: Arial, Verdana, sans-serif;
  width: 450px;
  text-align: left;
  vertical-align: top;
  background-color: white;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
  margin: 0 auto; 
  empty-cells: show;
  
  border-style: solid;
  border-color: white;
  border-width: 0px;
}
#featured_row  
{
  display: table-row;
}
#featured_cell1
{
  display: table-cell;
  width: 45%;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  color: black;
  font-weight: normal;
  font-size: 10pt;
  text-align: left;
  vertical-align: middle;
  border-style: solid;
  border-color: #c0c0c0;
  border-width: 1px;
}
#featured_cell2
{
  display: table-cell;
  width: 10%;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  color: black;
  font-weight: normal;
  font-size: 10pt;
  text-align: left;
  vertical-align: middle;
  border-style: solid;
  border-color: #c0c0c0;
  border-width: 0px;
}
#featured_cell3
{
  display: table-cell;
  width: 45%;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  color: black;
  font-weight: normal;
  font-size: 10pt;
  text-align: left;
  vertical-align: middle;
  border-style: solid;
  border-color: #c0c0c0;
  border-width: 1px;
}
#featured_date
{
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  color: black;
  font-weight: normal;
  font-size: 14pt;
  border-style: solid;
  border-color: #808080;
  border-width: 0px;
}
#featured_congrats
{
  padding: 0px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  color: black;
  font-weight: normal;
  font-size: 16pt;
}
#featured_its_your
{
  padding: 2px 2px 12px 2px; 
  margin: 0px 0px 0px 0px;
  color: black;
  font-weight: normal;
  font-size: 14pt;
}

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

#dob_form
{
  padding: 0px 0px 0px 0px; 
  margin: 0px 0px 0px 0px;
  color: black;
  font-weight: normal;
  font-size: 10pt;
  text-align: left;
  vertical-align: top;
  border-style: solid;
  border-color: green;
  border-width: 0px;
}
#dob_form_button
{
  width: 100px; 
  height: 25px; 
  font-size: 12pt;
}
.dob_form_dom select 
{
   width: 60px;
   padding: 5px;
   font-size: 16pt;
   height: 30px;
  border-style: solid;
  border-color: #c0c0c0;
  border-width: 1px;
}
.dob_form_month select 
{
   width: 150px;
   padding: 5px;
   font-size: 16pt;
   height: 30px;
  border-style: solid;
  border-color: #c0c0c0;
  border-width: 1px;
}
#dob_form_year
{
   width: 80px;
   padding: 5px;
   font-size: 16pt;
   line-height: 1;
   height: 30px;
  border-style: solid;
  border-color: #c0c0c0;
  border-width: 1px;
}

/* styles for text input boxes */
#css_id_100
{
  width: 100px; 
  height: 30px; 
  font-size: 14pt;
  border-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
}
#css_id_200
{
  width: 200px; 
  height: 30px; 
  font-size: 14pt;
  border-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
}
#css_id_300
{
  width: 300px; 
  height: 30px; 
  font-size: 14pt;
  border-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
}
#css_id_400
{
  width: 400px; 
  height: 30px; 
  font-size: 14pt;
  border-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
}
#css_id_button
{
  width: 100px; 
  height: 25px; 
  font-size: 12pt;
  font-weight: normal;
  color: #101010;
  background-color: #e0e0e0;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
}
#css_id_button:hover
{
  width: 100px; 
  height: 25px; 
  font-size: 12pt;
  font-weight: normal;
  color: #808080;
  background-color: #e0e0e0;
  cursor: grab;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}


.button_loading
{
  width: 100px; 
  height: 25px; 
  font-size: 12pt;
  font-weight: normal;
  color: #101010;
  background-color: #c0c0c0;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
  pointer-events:none;
}
.active_button_disabled
{
  width: 100px; 
  height: 25px; 
  font-size: 12pt;
  font-weight: normal;
  color: #101010;
  background-color: #c0ffc0;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
  pointer-events:none;
}
.active_button_enabled
{
  width: 100px; 
  height: 25px; 
  font-size: 12pt;
  font-weight: normal;
  color: #101010;
  background-color: #00ff00;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
    zzpointer-events:none;
}
.active_button_enabled:hover
{
  width: 100px; 
  height: 25px; 
  font-size: 12pt;
  font-weight: normal;
  color: #808080;
  background-color: #00e000;
  cursor: grab;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}
.passive_button_disabled
{
  width: 100px; 
  height: 25px; 
  font-size: 12pt;
  font-weight: normal;
  color: #101010;
  background-color: #ffffc0;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
  pointer-events:none;
}
.passive_button_enabled
{
  width: 100px; 
  height: 25px; 
  font-size: 12pt;
  font-weight: normal;
  color: #101010;
  background-color: #ffff00;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
    zzpointer-events:none;
}
.passive_button_enabled:hover
{
  width: 100px; 
  height: 25px; 
  font-size: 12pt;
  font-weight: normal;
  color: #808080;
  background-color: #e0e000;
  cursor: grab;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}
.start_button_disabled
{
  width: 100px; 
  height: 25px; 
  font-size: 12pt;
  font-weight: normal;
  color: #101010;
  background-color: #c0ffc0;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
  pointer-events:none;
}
.start_button_enabled
{
  width: 100px; 
  height: 25px; 
  font-size: 12pt;
  font-weight: normal;
  color: #101010;
  background-color: #00ff00;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
    zzpointer-events:none;
}
.start_button_enabled:hover
{
  width: 100px; 
  height: 25px; 
  font-size: 12pt;
  font-weight: normal;
  color: #808080;
  background-color: #00e000;
  cursor: grab;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}
.stop_button_disabled
{
  width: 100px; 
  height: 25px; 
  font-size: 12pt;
  font-weight: normal;
  color: #101010;
  background-color: #ffc0c0;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
  pointer-events:none;
}
.stop_button_enabled
{
  width: 100px; 
  height: 25px; 
  font-size: 12pt;
  font-weight: normal;
  color: #ffffff;
  background-color: #ff0000;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
    zzpointer-events:none;
}
.stop_button_enabled:hover
{
  width: 100px; 
  height: 25px; 
  font-size: 12pt;
  font-weight: normal;
  color: #ffffff;
  background-color: #ff8080;
  cursor: grab;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}
.kill_button_disabled
{
  width: 100px; 
  height: 25px; 
  font-size: 12pt;
  font-weight: normal;
  color: #ffffff;
  background-color: #c0c0c0;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
  pointer-events:none;
}
.kill_button_enabled
{
  width: 100px; 
  height: 25px; 
  font-size: 12pt;
  font-weight: normal;
  color: #ffffff;
  background-color: #000000;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
    zzpointer-events:none;
}
.kill_button_enabled:hover
{
  width: 100px; 
  height: 25px; 
  font-size: 12pt;
  font-weight: normal;
  color: #ffffff;
  background-color: #c0c0c0;
  cursor: grab;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}

#celeb_full_name
{
  width: 300px; 
  height: 30px; 
  font-size: 14pt;
  border-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
}
#celeb_twitter_id
{
  width: 300px; 
  height: 30px; 
  font-size: 14pt;
  border-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
}
#celeb_hashtags
{
  width: 300px; 
  height: 30px; 
  font-size: 14pt;
  border-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
}
#orange
{
  width: 100px; 
  height: 30px; 
  font-size: 14pt;
  border-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
}
#celeb_nominate_button
{
  width: 100px; 
  height: 25px; 
  font-size: 12pt;
  font-weight: normal;
  color: #808080;
  background-color: #e0e0e0;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
}
#celeb_nominate_button:hover
{
  width: 100px; 
  height: 25px; 
  font-size: 12pt;
  font-weight: normal;
  color: #808080;
  background-color: #e0e0e0;
  cursor: grab;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}
#choose_file_button
{
  width: 200px; 
  height: 25px; 
  font-size: 12pt;
  font-weight: bold;
}

#search_text_input
{
  width: 200px; 
  height: 30px; 
  font-size: 14pt;
  border-width: 1px;
  border-color: blue;
}
#search_form_button 
{
  width: 100px; 
  height: 25px; 
  font-size: 12pt;
  font-weight: normal;
  color: #808080;
  background-color: #e0e0e0;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
}
#search_form_button:hover
{
  width: 100px; 
  height: 25px; 
  font-size: 12pt;
  font-weight: normal;
  color: #808080;
  background-color: #e0e0e0;
  cursor: grab;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}

#home_intro
{
  padding: 0px 0px 0px 0px; 
  margin: 0px 0px 0px 0px;
  color: black;
  font-weight: normal;
  font-size: 10pt;
  text-align: left;
  vertical-align: top;
  border-style: solid;
  border-color: red;
  border-width: 0px;
}
#home_intro_name
{
  color: black; 
  font-size: 16pt;
  font-weight: normal;
  text-decoration: none;
  text-align: left;
}

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

#basic_intro_table 
{
  display: table;
  width: 620px;
  text-align: left;
  vertical-align: top;
  background-color: white;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
  margin: 0 auto; 
  border-style: solid;
  border-color: #c0c0c0;
  border-width: 0px;
}
#basic_intro_row 
{
  display: table-row;
}
#basic_intro_cell
{
  display: table-cell;
  padding: 2px 5px 2px 5px; 
  margin: 0px 0px 0px 0px; 
  font-size: 14pt;
  color: black;
  text-decoration: none;
  white-space: normal;
  border-style: solid;
  border-color: white;
  border-width: 1px;
}
#basic_intro_cell a
{
  display: table-cell;
  padding: 2px 5px 2px 5px; 
  margin: 0px 0px 0px 0px; 
  font-size: 14pt;
  color: blue;
  text-decoration: none;
  white-space: normal;
  border-style: solid;
  border-color: white;
  border-width: 1px;
}
#basic_intro_cell a:hover
{
  display: table-cell;
  padding: 2px 5px 2px 5px; 
  margin: 0px 0px 0px 0px; 
  font-size: 14pt;
  color: blue;
  text-decoration: none;
  white-space: normal;
  border-style: solid;
  border-color: blue;
  border-width: 1px;
}

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

#celeb_profile_table 
{
  display: table;
  width: 400px;
  text-align: left;
  vertical-align: top;
  background-color: white;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
  margin: 0 auto; 
  border-style: solid;
  border-color: #c0c0c0;
  border-width: 0px;
}
#celeb_profile_row 
{
  display: table-row;
}
#celeb_profile_cell
{
  display: table-cell;
  padding: 2px 0px 2px 2px; 
  margin: 0px 0px 0px 0px; 
  white-space: normal;
  border-style: solid;
  border-color: red;
  border-width: 0px;
}

#celeb_profile_name
{
  font-size: 12pt;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px; 
  white-space: normal;
  border-style: solid;
  border-color: #c0c0c0;
  border-width: 0px;
}
#celeb_profile_description
{
  font-size: 8pt;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px; 
  white-space: normal;
  border-style: solid;
  border-color: #c0c0c0;
  border-width: 0px;
}

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

#celeb_event_table 
{
  display: table;
  width: 404px;
  text-align: left;
  vertical-align: top;
  background-color: white;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
  margin: 0 auto; 
  border-style: solid;
  border-color: #c0c0c0;
  border-width: 0px;
}
#celeb_event_row 
{
  display: table-row;
}
#celeb_event_cell
{
  display: table-cell;
  width: 200px;
  padding: 2px 0px 2px 2px; 
  margin: 0px 0px 0px 0px; 
  white-space: normal;
  border-style: solid;
  border-color: red;
  border-width: 0px;
}
#celeb_event_name
{
  font-size: 16pt;
}
#celeb_event_large
{
  font-size: 12pt;
}
#celeb_event_large a
{
  font-size: 12pt;
  color: brown;
}
#celeb_event_large a:hover
{
  font-size: 12pt;
  color: #808080;
}

#stock_name
{
  font-size: 11pt;
  font-weight: bold;
  color: black;
  text-decoration: none;
}
#stock_name a
{
  font-size: 10pt;
  font-weight: normal;
  color: blue;
  text-decoration: none;
}
#stock_name a:hover
{
  font-size: 10pt;
  font-weight: normal;
  color: #808080;
  text-decoration: none;
}

#stock_name_sold
{
  font-size: 11pt;
  font-weight: bold;
  color: black;
  text-decoration: none;
}
#stock_name_sold a
{
  font-size: 10pt;
  font-weight: normal;
  color: #c0c0c0;
  text-decoration: none;
}
#stock_name_sold a:hover
{
  font-size: 10pt;
  font-weight: normal;
  color: #808080;
  text-decoration: none;
}

#stock_data
{
  font-size: 10pt;
  font-weight: normal;
  color: black;
  text-decoration: none;
}
#stock_data_sold
{
  font-size: 10pt;
  font-weight: normal;
  color: #c0c0c0;
  text-decoration: none;
}
#stock_data_selected
{
  font-size: 11pt;
  font-weight: bold;
  color: black;
  text-decoration: none;
}

#stock_tiny
{
  font-size: 6pt;
  font-weight: normal;
  color: red;
  text-decoration: none;
  float: left;
  vertical-align: bottom;
}

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

#events_table 
{
  display: table;
  font-family: Arial, Verdana, sans-serif;
  /* float: left; */
  text-align: left;
  vertical-align: top;
  background-color: white;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
  margin: 0 auto; 
  empty-cells: show;
  border-style: solid;
  border-left-color: white;
  border-right-color: white;
  border-top-color: white;
  border-bottom-color: white;
  border-width: 0px;
}
#events_row  
{
  display: table-row;
}
#events_header /* default alignment */
{
  display: table-cell;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  color: #808080;
  font-weight: normal;
  font-size: 10pt;
  vertical-align: bottom;
  border-style: solid;
  border-color: white;
  border-width: 2px;
}
#events_header_left
{
  display: table-cell;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  color: #808080;
  font-weight: normal;
  font-size: 10pt;
  text-align: left;
  vertical-align: bottom;
  border-style: solid;
  border-color: white;
  border-width: 2px;
}
#events_header_center
{
  display: table-cell;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  color: #808080;
  font-weight: normal;
  font-size: 10pt;
  text-align: center;
  vertical-align: bottom;
  border-style: solid;
  border-color: white;
  border-width: 2px;
}
#events_header_right
{
  display: table-cell;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  color: #808080;
  font-weight: normal;
  text-align: right;
  font-size: 10pt;
  vertical-align: bottom;
  border-style: solid;
  border-color: white;
  border-width: 2px;
}
#events_cell /* default alignment */
{
  display: table-cell;
  padding: 1px 4px 1px 4px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  vertical-align: top;
  font-size: 10pt;
  /* white-space: nowrap; */
  border-style: solid;
  border-color: white;
  border-width: 2px;
}
#events_cell_first
{
  display: table-cell;
  padding: 1px 4px 1px 4px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  vertical-align: top;
  font-size: 9pt;
  color: #808080;
  border-style: solid;
  border-color: white;
  border-width: 2px;
}
#events_cell_first a
{
  display: table-cell;
  padding: 1px 4px 1px 4px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  vertical-align: top;
  font-size: 10pt;
  color: Black;
  text-decoration: none;
  border-style: solid;
  border-color: white;
  border-width: 2px;
}
#events_cell_first a:hover
{
  display: table-cell;
  padding: 1px 4px 1px 4px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  vertical-align: top;
  font-size: 10pt;
  color: #8080f0;
  text-decoration: none;
  border-style: solid;
  border-color: #8080f0;
  border-width: 2px;
}
#events_cell_left2
{
  display: table-cell;
  padding: 1px 1px 1px 4px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  vertical-align: top;
  font-size: 9pt;
  color: #808080;
  border-style: solid;
  border-color: white;
  border-width: 2px;
}
#events_cell_left2 a
{
  display: table-cell;
  padding: 1px 1px 1px 4px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  vertical-align: top;
  font-size: 10pt;
  color: Black;
  text-decoration: none;
  border-style: solid;
  border-color: white;
  border-width: 2px;
}
#events_cell_left2 a:hover
{
  display: table-cell;
  padding: 1px 1px 1px 4px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  vertical-align: top;
  font-size: 10pt;
  color: #8080f0;
  text-decoration: none;
  border-style: solid;
  border-color: #8080f0;
  border-width: 2px;
}
#events_cell_left
{
  display: table-cell;
  padding: 1px 4px 1px 4px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  vertical-align: top;
  font-size: 10pt;
  border-style: solid;
  border-color: white;
  border-width: 2px;
}
#events_cell_center
{
  display: table-cell;
  padding: 1px 4px 1px 4px;
  margin: 0px 0px 0px 0px;
  text-align: center;
  vertical-align: top;
  font-size: 10pt;
  border-style: solid;
  border-color: white;
  border-width: 2px;
}
#events_cell_right
{
  display: table-cell;
  padding: 4px 4px 1px 4px;
  margin: 0px 0px 0px 0px;
  text-align: right;
  vertical-align: top;
  font-size: 10pt;
  
  border-style: solid;
  border-color: white;
  border-width: 2px;
  /*
  border-style: solid;
  border-color: #e0e0e0;
  border-width: 0px;
*/
}


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

/* Based on simple1_table - For displaying schedule tables  */

#schedule /* TODO: move out? */
{
  font-family: Monospace, Arial, Verdana, sans-serif;
  word-wrap: break-word;
  text-align: left;
}

#schedule_table 
{
  display: table;
  font-family: Arial, Verdana, sans-serif;
  /* float: left; */
  text-align: left;
  vertical-align: top;
  background-color: white;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
  margin: 0 auto; 
  empty-cells: show;
  border-style: solid;
  border-left-color: white;
  border-right-color: white;
  border-top-color: white;
  border-bottom-color: white;
  border-width: 1px;
}

#schedule_row  
{
  display: table-row;
}

#schedule_header /* default alignment */
{
  display: table-cell;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  color: #808080;
  font-weight: normal;
  font-size: 8pt;
  vertical-align: bottom;
  border-style: solid;
  border-color: white;
  border-width: 1px;
}

#schedule_header_left
{
  display: table-cell;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  color: #808080;
  font-weight: normal;
  font-size: 8pt;
  text-align: left;
  vertical-align: bottom;
  border-style: solid;
  border-color: white;
  border-width: 1px;
}

#schedule_header_center
{
  display: table-cell;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  color: #808080;
  font-weight: normal;
  font-size: 8pt;
  text-align: center;
  vertical-align: bottom;
  border-style: solid;
  border-color: white;
  border-width: 1px;
}

#schedule_header_right
{
  display: table-cell;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  color: #808080;
  font-weight: normal;
  text-align: right;
  font-size: 8pt;
  vertical-align: bottom;
  border-style: solid;
  border-color: white;
  border-width: 1px;
}

#schedule_cell /* default alignment */
{
  display: table-cell;
  border-style: solid;
  border-color: white;
  border-width: 1px;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  text-align: left;
  vertical-align: top;
  font-size: 10pt;
  white-space: nowrap;
}

#schedule_cell_left
{
  display: table-cell;
  border-style: solid;
  border-color: white;
  border-width: 1px;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  text-align: left;
  vertical-align: bottom;
  font-size: 10pt;
}
#schedule_cell_left a
{
  display: table-cell;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  text-align: left;
  vertical-align: bottom;
  font-size: 12pt;
  text-decoration: none;
  
  border-style: solid;
  border-color: white;
  border-width: 1px;
}
#schedule_cell_left a:hover
{
  display: table-cell;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  text-align: left;
  vertical-align: bottom;
  font-size: 12pt;
  text-decoration: none;
  
  border-style: solid;
  border-color: blue;
  border-width: 1px;
}

#schedule_cell_center
{
  display: table-cell;
  border-style: solid;
  border-color: #e0e0e0;
  border-width: 1px;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  text-align: center;
  vertical-align: bottom;
  font-size: 10pt;
}

#schedule_cell_right
{
  display: table-cell;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  text-align: right;
  vertical-align: middle;
  font-size: 10pt;
  text-decoration: none;
  
  border-style: solid;
  border-color: white;
  border-width: 3px;
}

/*** no borders ***/

#schedule_header_left_nb
{
  display: table-cell;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  font-weight: bold;
  font-size: 10pt;
  text-align: left;
  vertical-align: bottom;
  border-style: solid;
  border-color: white;
  border-width: 1px;
}

#schedule_header_center_nb
{
  display: table-cell;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  font-weight: bold;
  font-size: 10pt;
  text-align: center;
  vertical-align: bottom;
  border-style: solid;
  border-color: white;
  border-width: 1px;
}

#schedule_header_right_nb
{
  display: table-cell;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  font-weight: bold;
  text-align: right;
  font-size: 10pt;
  vertical-align: bottom;
  border-style: solid;
  border-color: white;
  border-width: 1px;
}

#schedule_cell_left_nb
{
  display: table-cell;
  color: #808080;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  text-align: left;
  vertical-align: bottom;
  font-size: 10pt;
  border-style: solid;
  border-color: white;
  border-width: 1px;
}

#schedule_cell_center_nb
{
  display: table-cell;
  color: #808080;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  text-align: center;
  vertical-align: bottom;
  font-size: 10pt;
  border-style: solid;
  border-color: white;
  border-width: 1px;
}

#schedule_cell_right_nb
{
  display: table-cell;
  color: #808080;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  text-align: right;
  vertical-align: middle;
  font-size: 10pt;
  border-style: solid;
  border-color: white;
  border-width: 1px;
}




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

#form_cell
{
  color: #808080; 
  font-size: 10pt;
  font-weight: normal;
  text-decoration: none;   
}

#form_cell_intro
{
  color: #808080; 
  font-size: 12pt;
  font-weight: lighter;
}

#form_cell_dob
{
  display: table-cell;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  vertical-align: middle;
  font-size: 9pt;
  white-space: nowrap;
border-style: solid;
border-color: #c0f0c0;
border-width: 0px;
}

#form_cell_dob select
{
  color: #6080ff; 
  font-size: 16pt;
  font-weight: normal;
  text-decoration: none;   
}

#form_cell_dob input[type="text"]
{
  color: #6080ff; 
  font-size: 16pt;
  font-weight: normal;
  text-decoration: none;   
}



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

#how_do_you_celebrate
{
  color: black; 
  font-size: 12pt;
  font-weight: normal;
  text-decoration: none; 
  padding: 5px 5px 5px 0px; 
  margin: 5px 5px 5px 0px;
  zzvertical-align: bottom; 
}

#how_do_you_celebrate a
{
  color: blue; 
  font-size: 10pt;
  font-weight: normal;
  text-decoration: underline;
  padding: 5px 5px 5px 5px; 
  zzmargin: 5px 5px 5px 5px;
  zzvertical-align: bottom; 
}

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

#facebook_table 
{
  display: table;
  width: 500px;
  text-align: left;
  vertical-align: top;
  background-color: white;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
  margin: 0 auto; 
  border-style: solid;
  border-color: #c0c0c0;
  border-width: 1px;
}
#facebook_row 
{
  display: table-row;
}
#facebook_cell
{
  display: table-cell;
  padding: 0px 0px 0px 0px; 
  margin: 0px 0px 0px 0px; 
  white-space: normal;
  border-style: solid;
  border-color: #c0c0c0;
  border-width: 0px;
}


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

#induct_table 
{
  display: table;
  zzwidth: 500px;
  text-align: left;
  vertical-align: top;
  background-color: white;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
  margin: 0 auto; 
border-style: solid;
border-color: #c0c0c0;
border-width: 0px;
}
#induct_row 
{
  display: table-row;
}
#induct_cell
{
  display: table-cell;
  text-align: left;
  vertical-align: top;
  padding: 0px 0px 0px 0px; 
  margin: 0px 0px 0px 0px; 
  white-space: normal;
  border-style: solid;
  border-color: #c0c0c0;
  border-width: 0px;
}

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

#no_schedule_table 
{
  display: table;
  zzwidth: 500px;
  text-align: left;
  vertical-align: top;
  background-color: white;
  margin: 0px 0px 0px 0px; 
  padding: 0px 10px 0px 0px; 
  margin: 0 auto; 
border-style: solid;
border-color: red;
border-width: 0px;
}
#no_schedule_row 
{
  display: table-row;
}
#no_schedule_cell_left
{
  display: table-cell;
  width: 100px;
  text-align: left;
  vertical-align: top;
  padding: 0px 5px 0px 10px; 
  margin: 0px 0px 0px 0px; 
  white-space: normal;
border-style: solid;
border-color: #c0c0c0;
border-width: 1px;
}
#no_schedule_cell_centre1
{
  display: table-cell;
  width: 300px;
  text-align: left;
  vertical-align: top; 
border-style: solid;
border-color: white;
border-width: 1px;
}
#no_schedule_cell_centre2
{
  display: table-cell;
  width: 300px;
  text-align: left;
  vertical-align: top; 
  padding: 5px 5px 5px 5px; 
border-style: solid;
border-color: #c0c0c0;
border-width: 1px;
}
#no_schedule_cell_right
{
  display: table-cell;
  width: 100px;
  text-align: left;
  vertical-align: top;
  padding: 0px 5px 0px 10px; 
  margin: 0px 0px 0px 0px; 
  white-space: normal;
border-style: solid;
border-color: #c0c0c0;
border-width: 1px;
}

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

#box_link a
{
  padding: 2px 5px 2px 5px; 
  margin: 0px 0px 0px 0px; 
  font-size: 12pt;
  color: blue;
  text-decoration: none;
  white-space: normal;
  border-style: solid;
  border-color: white;
  border-width: 1px;
}
#box_link a:hover
{
  padding: 2px 5px 2px 5px; 
  margin: 0px 0px 0px 0px; 
  font-size: 12pt;
  color: blue;
  text-decoration: none;
  white-space: normal;
  border-style: solid;
  border-color: blue;
  border-width: 1px;
}

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