body
{
	font:             100% Verdana, Arial, Helvetica, sans-serif;
  background-image: url("../images/background.jpg");
  margin:           0px;
  padding:          0px;
  text-align:				center;
}
td img
{
  /* Another Mozilla/Netscape bug with making sure our images display correctly */
  display: block;
}

#fourty_thousand
{
  border: solid 2px #859DB6;
  text-align: left; 
  background-color: white;
  padding: 10px;
  width: 700px;
  margin: 0 auto 0 auto; 
  font-size: 10pt;
}

/* Login Page */

img 
{
	margin: 0;
  padding: 0;
}


#main_container
{
  width: 950px;
  background: #D9E7E7;
  margin: 0 auto; 
  border: solid thin black; 
  margin-top: -2px;
}
#header
{
	background-color: #86A1B2;
	text-align: center;
}
#login_left
{
	float: left;
	background-color: #344955;
	width: 20%;
  font-size: 10pt;
  height: 900px;
}
#login_right
{
	float: right;
  width: 80%;

}

#login_sub_left
{
  float: left;
  font-size: 10pt; 
  width: 235px; 
  height: 125px; 
  background-image:url(/images/what_is_it.jpg); 
  padding: 75px 20px 0px 120px;

}

#login_sub_right
{
  float: left;
  font-size: 10pt; 
  width: 255px; 
  height: 125px; 
  background-image:url(/images/why_join.jpg); 
  padding: 75px 100px 0px 22px;
}
#login_sub_left a:link
{
	color: gray;
  text-decoration:none;
}
#login_sub_left a:visited
{
	color: gray;
  text-decoration:none;
}
#login_sub_left a:hover
{
	color: blue;
  text-decoration:underline;
}


#login_sub_right a:link
{
	color: gray;
  text-decoration:none;
}
#login_sub_right a:visited
{
	color: gray;
  text-decoration:none;  
}
#login_sub_right a:hover
{
	color: blue;
  text-decoration:underline;
}

#login_container
{
  border: #D9E7E7 medium inset;
	margin: 0 auto;
  width: 90%;
  background-color: #D9E7E7;
	margin-top: 6px;
}

#login_error
{
  background-color: #FFEFDF;
  margin-right:     10px;
  margin-left:      10px;
  margin-top:       10px;
  margin-bottom:    10px;
  padding:          8px;
  color:            black;
  font-weight:      bold;
  text-align:       center;
  border:           red thick ridge;
}
#login_cartoon_caption
{
  border: solid medium #657A77; 
  background-color: #CCFFCC; 

	margin: 10px;
  padding: 8px;
	font-size: 10pt;
}

#login_fire_and_forget
{
  font-size: 10pt; 
  background-repeat: no-repeat;
  background-position:top;
}

#own_message
{
	padding: 10px;
  border: #D9E7E7 medium inset;
	margin: 0 auto;
  width: 80%;
  background-color: white;
	margin-top: 6px;
}

#login_fire_and_forget_middle
{
	margin-top: -5px;
	background-image:url(/images/fire_and_forget_middle.jpg);
	background-repeat: repeat-y;
	margin-left: 35px;
  margin-right: 70px;

}

table.fire_and_forget_table
{
	font-size: 10pt; 
  border-collapse: collapse; 
}

#commentForm { width: 500px; }
#commentForm label { width: 250px; }
#commentForm label.error, #commentForm input.submit { margin-left: 253px; }

h1.center
{
  text-align:  center;
  font-family: Verdana;
  color:       blue;
}

.birthdaypod
{
  background-image:  url(../images/header-pod.png);
  background-repeat: no-repeat;
  color:             black;
  font-size:         10pt;

  text-align:        center;
  padding-top:       6pt;
  padding-bottom:    12px;
  float:             left;
  width:             100%;
}

.birthdaypod_am
{
  background-image:  url(../images/header_pod_am.png);
  background-repeat: no-repeat;
  color:             black;
  font-size:         10pt;

  text-align:        center;
  padding-top:       6pt;
  padding-bottom:    12px;
  float:             left;
  width:             100%;
}

a.maint:visited {color:#660000;}
a.maint:link {color:#660000;}
a.maint:hover {color:#660000;}
a.maint:active {color:#660000;}

.pod
{
  background-image:  url(../images/header-pod-noround.jpg);
  background-repeat: repeat-x;
  color:             black;
  font-size:         10pt;
  font-weight:       bold;
  text-align:        center;
  padding-top:       4px;
  padding-bottom:    12px;
}

.podbottom
{
  position:          relative;
  background-image:  url(../images/header-pod-noround.jpg);
  background-repeat: repeat-x;
  bottom:            -5px;
  color:             black;
  font-size:         14px;
  font-weight:       bold;
  text-align:        center;
  padding-top:       4px;
  padding-bottom:    12px;
}

a.birthday:link
{
  font-weight:     bold;
  font-size:       16px;
  color:           yellow;
  text-decoration: none;
}

a.birthday:visited
{
  font-weight:     bold;
  font-size:       16px;
  color:           yellow;
  text-decoration: none;
}

a.birthday:hover
{
  font-weight:      bold;
  font-size:        16px;
  color:            blue;
  background-color: yellow;
  text-decoration:  none;
}

td img
{
  /* Another Mozilla/Netscape bug with making sure our images display correctly */
  display: block;
}

#GiftSuggestionDiv
{
  /* Used for identification and possible future use */
}

#PersonalProfileDiv
{
  margin-top:          14px;
  width:               730px;
  background-color:    #86A1B2;
	margin-left: auto;
  margin-right: auto;
  margin-bottom:       24px;

  z-index:             1;
}

#ProfileEntityDiv
{

  text-align:   left;
  font-size:    12pt;
  float:        left;
  width:        230px;
  padding-left: 6px;
}

#ProfileFieldDiv
{
  text-align: left;
  font-size:  10pt;
  float:      left;
  width:      200px;
}

#ProfileDescriptionDiv
{
  width:         200px;
  float:         right;
  padding-right: 6px;
  font-size:     10pt;
  text-align:    left;
}

#birthday_outer_container
{

  width:            628px;
  margin-left:      10px;
  margin-bottom:    6px;
  float:            left;
  background-color: #cadff0;
/*  background-color:#CADFF0; */
  color:            black;

		-moz-border-radius-bottomleft:  10px;  /* Firefox */
   	-webkit-border-bottom-left-radius: 10px;  /* Safari/WebKit */
    	border-bottom-left-radius: 10px;  /* future browsers with CSS3 support */
		-moz-border-radius-bottomright:  10px;  /* Firefox */
   	-webkit-border-bottom-right-radius: 10px;  /* Safari/WebKit */
    	border-bottom-right-radius: 10px;  /* future browsers with CSS3 support */
}

/*
  background-image:url(../images/background.jpg);
  background-repeat: repeat-y;
*/

#birthday_inner_container
{
  float:      right;
  width:      100%;
  text-align: center;
	
}

.menu
{
  background-color: blue;
  border:           thick outset yellow;
  color:            yellow;
  font-weight:      bold;
  font-size:				10px;
}

.menu_return
{
	background-image:url(../images/back_to_bm.png);
  width: 280px;
  height: 40px;
  background-repeat: no-repeat;

}

#menu
{
	margin-left: 	auto;
  margin-right: auto;
  width: 				895px;

  color:             #33FF99;
  font-weight:       bold;
  text-align:        center;

}

#messages
{
  background-color: #FFEFDF;
  margin-right:     20px;
  margin-left:      20px;
  margin-top:       22px;
  margin-bottom:    12px;
  padding:          8px;
  color:            black;
  font-weight:      bold;
  text-align:       center;
  border:           red thick ridge;
}

#right_col_ads
{
  /* Box on right side of Happy Birthday Calendar for Information, Advertising, Feedback, etc... */

  position:       relative;
  vertical-align: top;
  margin-top:     0;
  width:          140px;
  margin-left:    750px;
  text-align:     center;
  color:          #666666;
  font-size:      10pt;
}

#feedback
{
  /* Box on right side of Happy Birthday Calendar for Information, Advertising, Feedback, etc... */
  margin-left:  16pt;
  margin-right: 16pt;
  font-size:    10pt;
  font-weight:  bold;
  padding:      2pt;
  text-align:   center;
  color:        white;
}

a.feedback:visited {color: yellow;}
a.feedback:hover   {color: gray;}
a.feedback:link    {color: yellow;}

#ConfirmCallsDiv /*ok*/
{
  position:         relative;
  padding-left:     0pt;
  padding-right:    0pt;
  top:              0pt;
  height:           auto;
  text-align:       center;
  background-color: white;
}

#ConfirmListDiv
{
  width:        550px;
  margin-left:  auto;
  margin-right: auto;
}

#ConfirmListDiv table
{
  width:            100%;
  border-collapse:  collapse;
  border-style:     groove;
  border-color:     black;
  background-color: #ffffcc; /* Shade Of Light Yellow */
  text-align:       center;
  vertical-align:   middle;
  font-size:        10pt;
  font-weight:      bold;
}

#ConfirmListDiv td.Headers
{
  width:            33%;
  font-size:        12pt;
  background-color: #ffffcc; /* Shade Of Light Yellow */
}

#apGiftsListDiv
{
  position:         relative;
  width:            100%;
  height:           auto;
  background-color: #3399ff; /* Shade Of Light blue */
}

#apGiftsListDiv table
{
  width:            100%;
  font-size:        10pt;
  font-weight:      bold;
  table-layout:     fixed;
  background-color: #599BD0;
}

#apGiftsListDiv th
{
  padding:          2pt;
  border-style:     solid;
  border-color:     black;
  border-width:     thin;
  text-align:       center;
  vertical-align:   middle;
  font-size:        14pt;
  background-color: #599BD0; /* Shade Of Blue */
}

#apGiftsListDiv td
{
  width:          25%;
  max-width:      25%;
  padding:        2pt;
  border-style:   solid;
  border-color:   black;
  border-width:   thin;
  text-align:     center;
  vertical-align: middle;
}

#apGiftsListDiv td.EmptyCell
{
  width:      25%;
  min-width:  25%;
  text-align: center;
}

#apGiftsListDiv td img
{
  max-width:    120pt;
  margin-left:  auto;
  margin-right: auto;
  border-style: hidden;
  border-color: black;
  border-width: 0pt;
}

#apGiftsListDiv td img.SynergyLink
{
  height: 1pt;
  width:  1pt;
}

#add_birthday
{
/* Container for the Add a Birthday*/
  position:          absolute;
  width:             900px;
  left:              50%;
  margin-left:       -450px;

  background-color:  #000066;
  background-image:  url(../images/bg.png);
  background-repeat: repeat-y;

}

#add_pod
{
  width:            730px;
  margin-left:      11px;
  margin-bottom:    12px;
  float:            left;
  background-color: #cadff0;
  color:            black;
}

#inside_add_pod
{
  width:            700px;
  margin:           0 auto;
  text-align:       center;
  background-color: #cadff0;
  color:            black;

}

#YourBirthdaySong
{
  position:     relative;
  float:        right;
  margin-right: 10pt;
  width:        275px;
}

#YourBirthdaySong img
{
  width:        100%;
  padding:      0pt;
  border-style: none;
  border-width: 0pt;
  border-color: black;
}

#BirthdaySongWords
{
  position:    relative;
  width:       100%;
  padding-top: 5pt;
  font-size:   8pt;
  text-align:  center;
  border:      solid thin black;
}

#FeedbackDiv
{
  top:              0px;
  width:            700px;
  margin-left:      auto;
  margin-right:     auto;
  text-align:       center;
  vertical-align:   middle;
  background-color: #CADFF0; /* Shade Of Light Blue */
}

#FeedbackDiv textarea
{
  width:        90%;
  height:       90%;
  margin-left:  auto;
  margin-right: auto;
  text-align:   left;
}

#MainContainer
{
  position:           absolute;
  top:                25px;
  left:               50%;
  margin-left:        -450px;
  background-color:   #344955;
  width:              900px;
  border:             thin black solid;
}

#LoginHeaderDiv
{
  position:     relative;
  top:          0px;
  width:        800px;
  height:       155px;
  margin-left:  auto;
  margin-right: auto;
}
#MainContent
{
  top:              30px;
  position:         relative;
  width:            800px;
  height:           480px;
  margin-right:     auto;
  margin-left:      auto;
  background-color: #D9E7E7;
  border-style:     solid;
  border-width:     thin;
  border-color:     #0033FF;
  z-index:          1000;
}
#ForgotPasswordDiv
{
  position:     relative;
  top:          0pt;
  padding:      5pt;
}
#MessageBox
{
  position:       absolute;
  top:            25px;
  left:           25px;
  width:          70%;
  height:         70px;
  margin-left:    auto;
  margin-right:   auto;
  padding:        5pt;
  text-align:     center;
  vertical-align: top;
  font-family:    arial;
  font-size:      10pt;
  color:          green;
}

#footer
{
	width: 100%;
	text-align: center;
	background-color: #344955;
  color: white;
  padding-top: 4px;
  padding-bottom: 4px;
}  

.center { text-align: center; }
.color_burgundy { color: #660000; }
.color_green { color: green; }
.submit_button { font-weight: bold; background-color:#FFCC33; color:#660000; }
.margin_top { margin-top: 10px; margin-left: 30px;}
.left_align { text-align: left; }
.right_align { text-align: right; }
.padding_10px { padding: 10px; }
.margin_10px { margin: 10px; }
.background_white { background-color: white; }
.clear { clear: both; }

.round
{
  -moz-border-radius-bottomleft:  10px;  /* Firefox */
  -webkit-border-bottom-left-radius: 10px;  /* Safari/WebKit */
    border-bottom-left-radius: 10px;  /* future browsers with CSS3 support */
  -moz-border-radius-bottomright:  10px;  /* Firefox */
  -webkit-border-bottom-right-radius: 10px;  /* Safari/WebKit */
    border-bottom-right-radius: 10px;  /* future browsers with CSS3 support */
  -moz-border-radius-topleft:  10px;  /* Firefox */
  -webkit-border-top-left-radius: 10px;  /* Safari/WebKit */
    border-top-left-radius: 10px;  /* future browsers with CSS3 support */
  -moz-border-radius-topright:  10px;  /* Firefox */
  -webkit-border-top-right-radius: 10px;  /* Safari/WebKit */
    border-top-right-radius: 10px;  /* future browsers with CSS3 support */
}