html {
	height: 100%;
	min-height: 100%;
	margin-bottom: 1px;
}

div.error {
	font-weight: bold;
	color: #991605;
	padding: 0px 0px 0px 2px;
}

.wizardFrame div.error {
	font-weight: bold;
	color: #991605;
	padding: 2px 0px 2px 2px;
}

div.errorHeader {
	font-weight: bold;
	color: #991605;
	z-index: 51;
	height: 20px;
	position: absolute;
	width: 744px;
	margin-left: auto;
	margin-right: auto;
	top: 104px;
	text-align: right;
}

.wizardFrame div.errorHeader {

}

body {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  background-color: #e6eefc;
  margin: 0 !important; margin: 0 0 0 1px;
  background-image: url(../images/panel_bg.gif);
  background-repeat: repeat-y;
  background-position: center;
  line-height: 16px;
  height: 100%;
  min-height: 100%;
}

body.blank {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  background-color: #ffffff;
  margin: 0 !important; margin: 0 0 0 1px;
  background-image: none;
  line-height: 16px;
  height: 100%;
  min-height: 100%;
  width: 500px;
}

#lightboxBG, #lightboxBG2 {
	opacity:0.4;
	filter:alpha(opacity=40);
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: #000000;
	z-index: 1000;
	display: none;
	overflow: hidden;
}

.lightboxPanel {
	z-index: 1001;
	position: absolute; 
	background-color: #ffffff;
}

/* Page layout, background */

body.adSidebarBG {
  background-image: url(../images/panel_bg_ads.gif);
}

body.leftSidebarBG {
  background-image: url(../images/panel_leftSidebarBG.gif);
}

body.bigLeftSidebarBG {
  background-image: url(../images/panel_bigLeftSidebarBG.gif);
}
.topPageSpacer {
	height: 12px;
}

.mainLeftColumn {
	width: auto;
	padding: 12px 12px 12px 12px;
	vertical-align: top;
}

.skinnyRightColumn {
	width: 171px;
	padding: 0px 6px 0px 6px;
	vertical-align: top;
	float:right;
}


.ads_right_160x600 {
	float: right;
	width: 160px;
	height: 600px;
}

.mainContent {
	clear: both;
	padding-top: 4px;
}

.showGiftContent {
	clear: both;
	padding-top: 4px;
	position: relative;
	top: -19px;
	width: 564px;
}

.breadcrumbBar {
	height: 12px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: -19px;
	left: -18px;
	white-space: nowrap;
}

.breadcrumbs {
	font-size: 11px;
	color: #999;
	background-image: url(../images/breadcrumbs_bulletOff.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 28px;
	padding-top: 5px;
	height: 30px;
	float: left;
	text-decoration: none;

}

.breadcrumbsHover {
	font-size: 11px;
	color: #3e63c6;
	text-decoration: underline;
	background-image: url(../images/breadcrumbs_bulletOn2.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 28px;
	padding-top: 5px;
	height: 30px;
	float: left;
}


div.pagination {
	text-align: center;
	font-size: 11px;
	float: right;
	z-index: 0;
	height: 24px;
	width: 90px;
	background-color: #F0EEEE;
	line-height: 22px;
	position: relative;
	top: 6px;
	border: 0px;
}

.prevBackButtons {
}

div.pagination #Left {
	position: relative;
	left: -2px;
}


/* ActionPanel */

td.action {
	width: 18%;
	padding: 12px 34px 12px 0px;
}

td.action div.title {
	padding-bottom: 8px;
}
	
td.action div.title span.available {
	color: #006600;
	font-weight: bold;
}
	
td.action div.title span.reserved {
	color: #990000;
	font-weight: bold;
}
	
td.action div {
	line-height: 17px;
}
	
td.action div.generalInterest {
	line-height: 16px;
	color: #666666;
}
	
td.action div.actionBullets {
	padding-top: 8px;
	padding-bottom: 16px;
	border-bottom: 1px solid #d3d6da;
	margin-top: 8px;
	margin-bottom: 8px;
}
	
td.action div.actionBullets div.reserved {
	background-image: url(../images/icon_reserved_sm.gif);
	background-repeat: no-repeat;
	padding-left: 28px;
	padding-bottom: 8px;
}

div.generalInterest div.available {
	background-image: url(../images/icon_reserved_sm.gif);
	background-repeat: no-repeat;
	padding-left: 28px;
	padding-bottom: 8px;
}

td.action div.actionBullets div.save {
	background-image: url(../images/lightbulb.gif);
	background-repeat: no-repeat;
	padding-left: 28px;
	padding-bottom: 8px;
}

td.action div.actionBullets div.cancel {
	background-image: url(../images/icon_cancel.gif);
	background-repeat: no-repeat;
	padding-left: 28px;
	padding-bottom: 8px;
}

td.action div.share {
	padding-top: 6px;
}

.giftStatusArea {
	margin-top: 12px;
	margin-bottom: 12px;
	width: 340px;
}

.giftStatusTop {
	background-image: url(../images/giftStatusPanel_top.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 340px;
	height: 8px;
}

.giftStatusMiddle {
	background-image: url(../images/giftStatusPanel_middle.gif);
	background-repeat: repeat-y;
	background-position: left;
	padding: 0px 12px 0px 12px;
}

.giftStatusMiddle div {
	padding-top: 3px;
	padding-bottom: 3px;
}

.giftStatusMiddle span.available {
	color: #006600;
	font-weight: bold;
}
	
.giftStatusMiddle span.reserved {
	color: #990000;
	font-weight: bold;
}
	


.giftStatusBottom {
	background-image: url(../images/giftStatusPanel_bottom.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 340px;
	height: 7px;
}

#actions {
	padding: 0px;
	padding-top: 0px;
}

#actions div.title {
	padding-bottom: 8px;
}
	
#actions div {
	line-height: 17px;
}
	
	
#actions div.actionBullets {
}
	
#actions div.actionBullets div.reserved {
	background-image: url(../images/icon_reserved_sm.gif);
	background-repeat: no-repeat;
	padding-left: 28px;
	padding-bottom: 12px;
}

#actions div.actionBullets div.save {
	background-image: url(../images/lightbulb.gif);
	background-repeat: no-repeat;
	padding-left: 28px;
	padding-bottom: 12px;
}

#actions div.actionBullets div.cancel {
	background-image: url(../images/icon_cancel.gif);
	background-repeat: no-repeat;
	padding-left: 28px;
	padding-bottom: 12px;
}

.giftDetails div.share {
	padding-bottom: 8px;
}

.giftDetails {
	width: auto;
	padding: 12px 18px 4px 0px;
	vertical-align: top;
}

.url {
	padding: 4px 0px 8px 0px;
}

.reservationStatusPanel {
	width: 165px;
	background-repeat: no-repeat;
	background-position: top left;
	text-align: center;
	padding-top: 10px;
	min-height: 85px;
}

.reservationStatusPanel .status {
	padding: 0px 10px 0px 10px;
}

.giftDetails .date {
	padding-top: 8px;
}

.reservationStatusPanel .status {
}

.reservationStatusPanel .action {
	padding-top: 10px;
}


.giftDetails #title, giftTitle {
	font-size: 16px;
	font-weight: bold;
	background-repeat: no-repeat;
	position: relative;
}


.giftDetails .title {
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}

.giftDetails image {
}
.giftDetails .description {
	padding: 4px 0px 8px 0px;
}

.giftDetails .date {
	font-size: 11px;
	color:#333333;
}
.date_0 {
	color:#333333;
}
.date_1 {
	color:#009900;
}
.date_2 {
	color:#0000FF;
}
.date_3 {
	color:#CC9933;
}
.date_4 {
	color:#CC0000;
}
.date_5 {
	text-decoration:line-through;
}

	
.giftDetails #picture {
	padding-top: 12px;
	overflow: hidden;
}
	


input {
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	


/* Miscalleneous add-ons */

#groupIcons td {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
 }

.footnote {
	font-size: 11px;
	color: #666666;
}

div.howItWorksMenu {
	width: 170px;
	margin-right: 12px;
	float: right;
}

* html div.howItWorksMenu {
	margin-right: 0px;
}

div.howItWorksMenu div.howLink, div.howLinkOn {
	padding-bottom: 6px;
	background-image: url(../images/bullet_orangeTriangle.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 15px;
	display: block;
	padding-top: 3px;
}

div.howItWorksMenu div.howLinkOn a {
	font-weight: bold;
	text-decoration: none;
	-moz-outline-style: none;
}

div.howItWorksMenu div.off a {
	font-weight: normal;
	text-decoration: underline;
}

.faqTopicMenu {
	width: 25%;
	padding-right: 16px;
	border-right: 1px #cccccc solid;
}

div.faqMenu div.faqTopic, div.faqTopicOn {
	padding: 6px 6px 6px 6px;
	display: block;
}

div.faqMenu div.faqTopicOn {
	background-color: #66A0E2;
}

div.faqMenu div.faqTopicOn a {
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
  	outline: none;
}

.faqContent {
	padding-left: 16px;
	padding-right: 44px;
	width: 100%; 
}

.faqContent div {
	line-height: 18px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.faqBullet {
	margin-top: 6px;
	margin-right: 3px;
}

div.faqQuestion {
	background-image: url(../images/bullet_orangeTriangle_sp.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold; 
	padding-left: 15px;
	margin-top: 6px;
}

.faqQuestion a {
	outline: none;	
}

.faqAnswer {
	display: none;
	padding-left: 15px;
}

a.linkoff {
	background-color: #ffffff;
	font-weight: normal;
	padding: 2px;
}

a.linkon, a.linkon:link, a.linkon:visited, a.linkon:hover, a.linkon:active {
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	background-color: #F6E396;
	padding: 2px;
}

.howPanel {
	float: left;
	width: 520px;
	margin-top: 0px;
	padding-left: 12px;
	padding-right: 20px;
}

* html .howPanel {
	padding-left: 0px;
	padding-right: 0px;
}

.howPanelTitle {
	color: #0065D7;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 6px;
}

.howQuestion {
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 24px;
}

.howAnswer {
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 24px;
}

.helpLink {
	background-image: url(../images/help.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	text-decoration: none;
}

.helpLink .linkText {
	color: #3e63c6;
	text-decoration: underline;
}

.grey {
	color: #666666;
}

.normal {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
}

#normalRight {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  float: right;
}

span.normalRight {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  float: right;
}

td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 12px;
}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 12px;
}

div.name {
	font-size: 16px;
	font-weight: bold;
	color: #3766bc;
	padding-bottom: 6px;
}

.smaller {
	font-size: 11px;
	color:#333333;
}

.dateAdded {
	font-size: 11px;
	color:#333333;
}

#null {
	font-size: 11px;
	color: #666666;
}
	
#null2 {
	font-size: 12px;
	color: #666666;
}
	

	
img {
	vertical-align: middle;
}

div.spaceBefore {
	padding-top: 12px;
}

div.spaceBefore_sm {
	padding-top: 6px;
}

.spaceAfter {
	padding-bottom: 12px;
}

.spaceAfter_sm {
	padding-bottom: 6px;
}


div.filtering div {
	padding: 3px;
	color: #666666;
}
	
.white {
	color: #ffffff;
}
	
img {
	vertical-align: middle;
}

.floatRight {
	float: right;
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}

textarea.message {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	width: 99%;
	height: 150px;
	padding: 3px;
}

div.footer {
	font-size: 11px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #666666;
	line-height: 16px;
	background-image: url(../images/panel_bg.gif);
	background-repeat: repeat-y;
	background-position: center;
	clear: both;	
	float: inherit;
	margin-top: 56px;
}

div.footer div.separator {
	width: 730px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0px;
}

img.groupImage_large {
	width: 100px;
	padding-right: 16px;
}

img.groupImage_small {
	width: 50px;
}

/* Main Header */

div.header {
	background-image: url(../images/headerBG.gif);
	background-position: center top;
	width: 758px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 10px 0px 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-repeat: repeat-X;
	
}

div.header div.giftBG {
	background-image: url(../images/header_gifts.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 126px;
	vertical-align: top;
	padding-left: 120px;
}

.utilities {
	font-size: 11px;
	float: right;
	white-space: nowrap;
	padding-right: 6px;
}

.utilities .signInLink {
	font-size: 12px;
}

.utilities .signInLink img{
	border: 0px;
	padding: 0px 0px 3px 3px;
}

ul.tabs {
	list-style: none;
	margin: 0px;
	padding: 0px;
	z-index: 99;
	overflow: hidden;
	height: 32px;
	position: relative;
	top: 29px;
	left: 12px;
	float: left;
}

ul.tabs li {
	height: 32px;
	float: left;
}

span.tabMiddle {
	height: 32px;
	float: left;
	text-align: center;
	line-height: 32px;
	padding: 0px 6px 0px 6px;
	color: #253EA0;
}

li.on span.tabMiddle {
	background-image: url(../images/tab_on_middle.gif);
}

li.off span.tabMiddle {
	background-image: url(../images/tab_off_middle.gif);
}

li.hover span.tabMiddle {
	background-image: url(../images/tab_hover_middle.gif);
	text-decoration: underline;
	color: #1F45DC;
}

li.onPlusHover span.tabMiddle {
	background-image: url(../images/tab_on_middle.gif);
	text-decoration: underline;
}

span.tabLeft {
	height: 32px;
	width: 5px;
	float: left;
}

ul.tabs li.on span.tabLeft, ul.tabs li.onPlusHover span.tabLeft {
	background-image: url(../images/tab_on_left.gif);
}

ul.tabs li.off span.tabLeft {
	background-image: url(../images/tab_off_left.gif);
}

ul.tabs li.hover span.tabLeft {
	background-image: url(../images/tab_hover_left.gif);
}

span.tabRight {
	background-position: left;
	background-repeat: no-repeat;
	height: 32px;
	width: 5px;
	float: left;
	padding-right: 3px;
}

ul.tabs li.on span.tabRight, ul.tabs li.onPlusHover span.tabRight {
	background-image: url(../images/tab_on_right.gif);
}

ul.tabs li.off span.tabRight {
	background-image: url(../images/tab_off_right.gif);
}

ul.tabs li.hover span.tabRight {
	background-image: url(../images/tab_hover_right.gif);
}

ul.tabs a {
		cursor:pointer;
}

/* Subtabs */

ul.subtabs {
	list-style: none;
	margin: 0px;
	padding: 0px;
	z-index: 99;
	overflow: hidden;
	height: 37px;
	background-image: url(../images/subtab_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-left: 6px;
}

ul.subtabs li {
	height: 27px;
	float: left;
	position: relative;
	top: 10px;
	left: 0px;
}

span.subtabMiddle {
	height: 27px;
	float: left;
	text-align: center;
	line-height: 27px;
	padding: 0px 6px 0px 6px;
	color: #253EA0;
}

li.on span.subtabMiddle {
	background-image: url(../images/subtab_on_middle.gif);
}

li.off span.subtabMiddle {
	background-image: url(../images/px.gif);
}

li.hover span.subtabMiddle {
	background-image: url(../images/px.gif);
	text-decoration: underline;
	color: #1F45DC;
}

li.onPlusHover span.subtabMiddle {
	background-image: url(../images/subtab_on_middle.gif);
	text-decoration: underline;
}

span.subtabLeft {
	height: 27px;
	width: 5px;
	float: left;
	overflow: hidden;
}

ul.subtabs li.on span.subtabLeft, ul.subtabs li.onPlusHover span.subtabLeft {
	background-image: url(../images/subtab_on_left.gif);
}

span.subtabRight {
	height: 27px;
	width: 5px;
	float: left;
	overflow: hidden;
}

ul.subtabs li.on span.subtabRight, ul.subtabs li.onPlusHover span.subtabRight {
	background-image: url(../images/subtab_on_right.gif);
}

ul.subtabs a {
		cursor:pointer;
}





/* Titles and subtitles */

h1 {
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	color: #eb9c11;
	padding: 0px 0px 6px 0px;
	margin: 0px;
}

div.h1SmallerWithoutPadding {
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	color: #eb9c11;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}


.pageTitle {
	padding: 0px 0px 6px 0px;
	margin: 0px;
}

h3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #d88d07;
	margin: 0px;
	padding: 0px;
}

h2 {
	font-size: 16px;
	font-weight: bold;
	color: #2466E1;
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

h4 {
	font-weight: bold;
	padding-bottom: 4px;
	margin-bottom: 0px;
	color: #768BAB;
}

.wizard_question {
	font-size: 14px;
	font-weight: bold;
	color: #2466E1;
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 9px;
	padding-left: 0px;
}

div.giftListTitle {
	font-size: 16px;
	font-weight: bold;
	padding-top: 6px;
}
	
div.subtitleWithSeparator {
	background-image: url(../images/divider.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding: 18px 0px 12px 0px;
	margin-top: 8px;
	font-size: 18px;
	font-weight: bold;
	color: #d88d07;
}

div.h2withSeparator {
	background-image: url(../images/divider.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding: 18px 0px 12px 0px;
	margin-top: 8px;
	font-size: 16px;
	font-weight: bold;
	color: #2466E1;
}

div.subtitleWithoutSeparator {
	padding: 0px 0px 12px 0px;
	margin-top: 8px;
	font-size: 18px;
	font-weight: bold;
	color: #d88d07;
}


/*div.subtitleWithSeparator {
	background-color: #E7F2FF;
	padding: 8px 8px 8px 8px;
	margin-top: 24px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #8699BD;
}*/


/* Not sure how to classify */


.comment {
	border-bottom: 1px #cccccc solid;
	padding: 4px 0px 4px 0px;
}

div.message {
  margin-right: 12px;
}

.message img {
	cursor: pointer;
}

div.messageInfo {
  	margin-right: 12px;
	padding-top: 6px;
	font-size: 11px;
	color: #666666;
	padding-bottom: 6px;
	margin-bottom: 6px;
}

div.messageInfo span.name {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

.balloonHelpContainer {
	z-index: 99;
	position: absolute;
}

.balloonHelpContainerLeft {
	z-index: 99;
	position: relative;
	top: 2px;
	left: -120px;
	text-align: left;
}

.balloonHelpContainer img {
	z-index: 100;
	position: relative;
	top: 2px;
	left: 2px;
}

.balloonHelpContent {
	width: 240px;
	font-size: 12px;
	background-color:#ffffff;
	border-color: #5A8CE8;
	border-width: 2px;
	border-style: solid;
	padding: 8px 8px 8px 8px;
	white-space: normal;
	position: relative;
	top: -50px;
	left: 13px;
}

span.balloonHelpContent div {
	padding-top: 8px;
}


/*
	background-color:#eeeceb;
	border-color: #b5b5b4;
	border-width: 1px;
	border-style: solid;
	padding: 8px 8px 8px 8px;
	margin-left: 16px;
*/


/* I think we can get rid of this detailsPanel stuff -- I think the balloonHelp styles are the newer version of the same thing
div.detailsPanel {
	position: relative;
	top: -42px;
	left: 188px;
	z-index: 99;
	visibility: hidden;
	float: right;
}

div.detailsPanelContent {
	width: 160px;
	font-size: 12px;
	background-color:#eeeceb;
	border-color: #b5b5b4;
	border-width: 1px;
	border-style: solid;
	padding: 8px 8px 8px 8px;
}
*/

/*
table.editList td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E2DDD3;
	padding: 6px 1px 6px 1px;
}

tr.giftList_editON {
	padding: 2px 0px 0px 4px;
}

tr.giftList_editON input{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFCC;
	border-style: solid;
	border-width: 1px;
	border-color: #A5A29C;
	padding: 2px 2px 1px 2px;
}

tr.giftList_editON .fieldGiftName input {
	font-weight: bold;
	color: #3e63c6;
}

tr.giftList_editON .fieldDescription textarea {
	width: 410px;
	font-family: verdana;
	font-size: 12px; 
	background-color: #FFFFCC;
	border-style: solid;
	border-width: 1px;
	border-color: #A5A29C;
	padding: 2px 2px 2px 2px;
}

tr.giftList_editON div.field {
	border: 0px;
	height: 24px;
	padding: 0px 0px 0px 4px;
	color: #3e63c6;
	font-weight: bold;
}

tr.giftList_editOFF {
	padding: 2px 0px 0px 4px;
}

tr.giftList_editOFF .fieldGiftName input {
	font-weight: bold;
	color: #3e63c6;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
	border-style: solid;
	border-width: 2px;
	border-color: #fff;
	padding-left: 1px;
}

tr.giftList_editOFF .fieldDescription {
}

tr.giftList_editOFF .fieldDescription textarea {
	display:block;
	width: 410px;
	font-family: verdana;
	font-size: 12px; 
	background-color: #fff;
	border-style: solid;
	border-width: 2px;
	border-color: #fff;
	padding-left: 1px;
}

#field {
	height: auto;
	overflow: none;
	white-space: normal;
	border-color: #fff;
}
*/

.birthdayTable {
	white-space: nowrap;
}
	
.birthdayTable td {
	padding: 4px;
	white-space: nowrap;
}
	
.birthdayTable .header {
	border-bottom: 1px solid #e2ddd3;
	height: 24px;
}	
	
div.groupName {
	font-weight: bold;
	padding-bottom: 3px;
}

div.groupDescription {
	font-weight: normal;
}
.box_addAnImage {
	border: solid;
	border-width: 1px;
	border-color: #999999;
	background-color: #E9E8E2;
	text-align: center;
	height: 80px;
}

.box_preview {
	margin-top: 12px;
}


/* Bullets */

div.bullet {
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 15px;
	padding-top: 0px;
	padding-bottom: 6px;
}

div.bulletTight {
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 15px;
	padding-top: 0px;
}

div.bulletAdd {
	background-image: url(../images/bullet_add2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 15px;
	padding-bottom: 6px;
}

.giftBullet {
	background-image: url(../images/icon_gift.gif);
	background-repeat: no-repeat;
	padding-left: 22px;
}

.giftBulletNull {
	background-image: url(../images/px.gif);
	background-repeat: no-repeat;
	padding-left: 22px;
}

.bullet_gold {
	background-image: url(../images/bullet_gold.gif);
	background-repeat: no-repeat;
	padding-left: 22px;
	padding-bottom: 4px;
	margin-left: 0px;
}

.reserveBullet {
	background-image: url(../images/icon_reserved.gif);
	background-repeat: no-repeat;
	padding-left: 38px;
	padding-bottom: 6px;
}

.shareBullet {
	background-image: url(../images/icon_share.gif);
	background-repeat: no-repeat;
	padding-left: 38px;
}

.emailBullet {
	background-image: url(../images/email.gif);
	background-repeat: no-repeat;
	padding-left: 24px;
}

.reserveBullet_sm {
	background-image: url(../images/icon_reserved_smBlue.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-bottom: 6px;
}

.ideaBullet_sm {
	background-image: url(../images/icon_idea_smBlue.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-bottom: 6px;
}
.wandBullet {
	background-image: url(../images/wand.gif);
	background-repeat: no-repeat;
	padding-left: 24px;
}

.previewBullet {
	background-image: url(../images/preview.gif);
	background-repeat: no-repeat;
	padding-left: 24px;
}

div.popularGift {
	margin-bottom: 6px;
	background-color: red;
	clear: both;
}

div.popButton {
  float: left;
  padding-bottom: 12px;
  }
  
div.popGift {
  float: left;
  padding-bottom: 12px;
  width: 124px;
  margin-left: 6px;
  }
  
/* Links */

a:link, a.normalLink:link {
   color: #3e63c6;
}

a:visited, a.normalLink:visited {
   color: #3e63c6;
}

a:hover, a.normalLink:hover {
   color: #3e63c6;
}

a:active, a.normalLink:active {
   color: #3e63c6;
  outline: none;
}

a.white:link {
	color: #ffffff;
	text-decoration: none;
}
a.white:visited {
	color: #ffffff;
	text-decoration: none;
}
a.white:hover {
	color: #ffffff;
	text-decoration: underline;
}
a.white:active {
	color: #ffffff;
	text-decoration: underline;
}

.link, #link {
   color: #3e63c6;
   text-decoration: underline;
   cursor: pointer;
   line-height: 34px;
 }


/* Forms */

.formLabel {
	padding: 2px 0px 0px 12px;
}

.formLabel_required {
	background-image: url(../images/bullet_required.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 2px 0px 0px 12px;
	padding-left: 12px;
}
.formLabel_error {
	background-image: url(../images/bullet_required.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 2px 0px 0px 12px;
	padding-left: 12px;
	color: red;
}
.formLabel2 {
	font-size: 11px;
	font-weight: bold;
	padding: 2px 0px 2px 2px
}

form {
	padding: 0px;
}
	
table.form1 td {
	padding-top: 4px;
	padding-bottom: 4px;
	vertical-align: top;
}

table.form2 td {
	padding: 6px;
}


/* Lists */

table.list td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E2DDD3;
	padding: 3px;
}
	
span.list {
	padding: 4px 0px 4px 4px;
	text-align: left;
	height: 29px;
	background-image: url(../images/th_bg.gif);
	background-repeat: repeat-x;
	font-size: 11px;
}

table.list th {
	padding: 4px 6px 4px 6px;
	text-align: left;
	height: 29px;
	background-image: url(../images/th_bg.gif);
	background-repeat: repeat-x;
	font-size: 11px;
}
	
table.list2 td {
	padding: 6px;
}

table.list3 td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E2DDD3;
	padding: 9px;
}

table.list4 td {
	padding-bottom: 5px;
	padding-top: 5px;
}

table.list5 td {
	padding: 5px 3px 5px 3px;
}
	
/* Table for My Giftlist and Gifts Found -- individual rows swap out into edit controls */


	/* Overall table style -- Padding and borders between rows */
	table.editableList td {
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #E2DDD3;
		padding: 8px 6px 0px 6px;
		vertical-align: top;
	}
	
	table.editableList td.addPanel {
		padding-bottom: 6px; 
		border-bottom: 3px #9EB8E8 solid;
	}
	
	/* For button row on top */
	table.editableList #buttonRow td {
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #E2DDD3;
		padding: 0px 6px 12px 6px;
	}

	/* For internal tables -- less padding, no borders */
	table.editableList table td {
		border-bottom-width: 0px;
		border-bottom-style: none;
		padding: 2px;
	}
	
	/* For title row -- less padding, no borders */
	#giftListTitle td {
		border-bottom-width: 0px;
		border-bottom-style: none;
		padding: 4px 2px 0px 2px;
	}

	/* Common styles for all form fields -- sizes, padding, text style  */
	table.editableList input, table.editableList textarea {
		font-size: 12px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		border-style: solid;
		border-width: 1px;
		padding: 2px;
		margin: 0px 0px 2px 1px;
	}
	
	/* Delete row  */
	table.editableList.deleteRow {
		text-align: center;
		padding: 12px 24px 12px 24px;
	}
	
	tr.deleteRow td {
		background-color: #eef3fd;
		text-align: center;
	}
	
	tr.deleteRow td input {
		border: 0px;
	}
	
	/* Special fields  */
	
		/* Auto-sizing fields (for gift descriptions)  */
		textarea.autosize {
			width: 400px; /* jms changed to 100% for image inclusion -- but was stretching out page, and we no longer have images */
			height:0px;
			overflow: visible;
			background:#FFF;
			color: #000;
		}

		#text1, #text2 {
			display: none;
			visibility: hidden;
			/* width: 300px; */
		}

		/* Title of Gift List (big, bold, orange) */
		#giftListTitle td input {
			/* width: 300px; */
			font-weight: bold;
			font-size: 18px;
			font-family: Geneva, Arial, Helvetica, sans-serif;
			border-style: solid;
			border-width: 1px;
			color: #d88d07;
		}

		/* Name of individual gifts (bold, blue) */
		input.fieldGiftName {
			color: #3e63c6;
			font-weight: bold;
			width: 400px; /* may need to change back to percentage when images go back in */
		}

		/* URL of individual gifts  */
		input.fieldGiftURL {
			color:#999999;
			font-weight: normal;
			width: 100%; 
			float: right;
		}	
			
		/* "For whom" field */
		input.forWhom_blank {
			width: 120px;
		}
		
	/* Presentation when row is STATIC... */

		/* Presentation of form fields -- background and border colors */
		tr.static input, tr.static textarea {
			background-color: #fff;
			border-color: #fff;
		}
		
		tr.static textarea.gi_description {
			display: none;
		}
		
		/* Hide options (e.g., photo, URL) */
		tr.static .giftlistOptions {
			display: none;
		}
		
		/* Hide buttons for editing */
		tr.static .buttons_editMode {
			display: none;
		}
		
		/* "For whom" field */
		tr.static input.forWhom_blank {
			color: #ffffff;
		}
	
		input.forWhom {
			width: 120px;
		}
	
		.bgPlain {
			background-color: #fff;
			border-color: #fff;
		}

		
	/* Presentation when row is EDITABLE... */
	
		/* Turn the background color blue */
		tr.editable td {
			background-color: #eef3fd;
		}

		/* Turn off the url */
		tr.editable input.fieldGiftURL {
			display: none;
		}
		
		/* Change the presentation of form fields (different color background & border) */
		tr.editable input, tr.editable textarea {
			background-color: #FFFFCC;
			border-color: #fff;
			border-color: #A5A29C;
		}

		/* No special colors on radio buttons */
		.editable input.radio {
			border-style: none;
			border-width: 0px;
			padding: 0px;
			margin: 0px 0px 0px 0px;
			background-color: #eef3fd;
		}
		
		/* No special colors if we say so */
		tr.editable .plain {
			border-style: none;
			border-width: 0px;
			padding: 0px;
			margin: 0px 0px 0px 0px;
			background-color: #eef3fd;
		}

		/* Make the description field at least a couple rows tall */
		tr.editable textarea {
			min-height: 36px;
			height: 36px !important;
		}
		
		/* Show options (e.g., photo, URL) */
		tr.editable .giftlistOptions {
			display: block;
			padding-top: 4px;
		}
		
		/* Hide buttons that only appear in static mode */

		tr.editable .buttons_staticMode {
			display: none;
		}

		/* "For whom" field */
		tr.editable input.forWhom_blank {
			color: #666666;
		}

/* Commmon style elements for all form fields, regardless of mode  */
/*
div.fieldDescriptionContainer {
	 width: 400px;
	 position: relative;
	 left: 0px;
	 top: 0px;
	 margin-bottom: 4px;
}

tr.editable div.fieldDescriptionContainer {
	 min-height: 56px;
}
*/
/*table.editableList textarea {
	font-size: 12px;
	width: 100%;
	height: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-style: solid;
	border-width: 1px;
	padding: 2px;
	margin: 0px 0px 2px 1px;
	overflow: visible;
}

textarea.moTextArea {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 300px;
	height: auto;
	overflow: visible;
	color: red;
}
*/
/*
.forWhomContainer {
	padding-left: 4px;
	position: relative;
	top: -8px;
	height: 12px;
}

.forWhomContainer .text {
	position: relative;
	top: 1px;
}

.forWhom input {
	width: 100px;
	position: relative;
	top: -44px;
	left: 0px;
}

tr.static .forWhom {
	position: absolute;
	top: 0px;
	left: 0px;
}

tr.editable .forWhomContainer {
	position: relative;
	top: 4px;
	left: 0px;
	margin-bottom: 10px;
}
*/

/* If no recipient identified in static form  */
/*
.forWhomContainer_empty {
	padding-left: 4px;
	position: relative;
	top: -8px;
	height: 12px;
}

.forWhomContainer_empty .text {
	position: relative;
	top: 1px;
}

.forWhom input {
	width: 100px;
	position: relative;
	top: -44px;
	left: 0px;
}

tr.static .forWhomContainer_empty {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
}

tr.static .forWhom {
	position: absolute;
	top: 0px;
	left: 0px;
}

tr.editable .forWhomContainer_empty {
	position: relative;
	top: 4px;
	left: 0px;
	margin-bottom: 10px;
}

*/

/* Commmon style elements for all form fields in a STATIC row  */


/* Unique elements for the GIFT NAME field  (bold, blue) */

/*div.fieldGiftNameContainer {
	 width: 400px;
	 position: relative;
	 left: 0px;
	 top: 0px;
}
*/


/* Unique elements for the DESCRIPTION field  (width, height) */



/* Buttons -- display appropriate ones based on mode */





	
	


/* Checklists -- CAN PROBABLY THIN THIS OUT*/

.checklist {
    border: 5px solid #5a8ce8;
    list-style: none;
    height: 30em;
    overflow: auto;
}

.checklist, .checklist li { margin: 0; padding: 4px; 
}

.alt {
	background-color: #f1f5ff;
}

.checklist label {
    display: block;
    height: 1%;
    padding-left: 25px;
    text-indent: -25px;
}

.checklist label:hover, .checklist label.hover {
	background: #e3edff;
	color: #000;
	overflow: visible;
}

.checklist2 {
    border: 2px solid #cccac6;
    list-style: none;
    height: 5em;
    overflow: auto;
}

.checklist2, .checklist3 li { margin: 0; padding: 3px; 
}

.checklist2 label:hover {
	background: #ffffff;
	color: #000;
	overflow: visible;
}

.checklist2 .alt {
	background-color: #ffffff;
}

.checklist3 {
    border: 2px solid #cccac6;
    list-style: none;
    height: 12em;
    overflow: hidden;
}

.checklist3, .checklist3 li { margin: 0; padding: 3px; 
}

.checklist3 label {
    display: block;
    height: 1%;
    padding-left: 25px;
    text-indent: -25px;
}

.checklist3 label:hover, .checklist3 label.hover {
	background: #e3edff;
	color: #000;
	overflow: visible;
}



/* Buttons */

ul.buttonRow1 {
	padding-left: 0px;
	margin-left: 0px;
}

ul.buttonRow1 li {
	list-style: none;
	margin: 0px;
	padding-top: 12px;
	padding-left: 0px;
	display: inline;
}

ul.buttonRow1 span.btnLeft {
	background-image: url(../images/btn3_L.gif);
	background-position: top;
	float: left;
	height: 24px;
	width: 6px;
}

ul.buttonRow1 span.btnMiddle {
	background-image: url(../images/btn3_M.gif);
	background-position: top;
	background-repeat: repeat-x;
	float: left;
	line-height: 24px;
	padding: 0px 5px 0px 5px;
}

ul.buttonRow1 span.btnRight {
	background-image: url(../images/btn3_R.gif);
	background-position: top;
	float: left;
	height: 24px;
	width: 6px;
	margin-right: 5px;
}

ul.buttonRow1 a {
	text-decoration: none;
	color: #264392;
}

ul.buttonRow1 a:hover {
	text-decoration: underline;
}

.wizardButton_next {
	float: right;
	padding-top: 8px;
	border: none;
}


/* Lines, Separators */

div.separator {
	background-image: url(../images/divider.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding: 18px 0px 12px 0px;
	margin-top: 6px;
}

div.separator_tight {
	background-image: url(../images/divider.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding: 0px 0px 0px 0px;
	margin-top: 10px;
}

div.separator2 {
	background-image: url(../images/px_brn.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin: 6px 0px 6px 0px;
}

td.separatorVert2 {
	background-image: url(../images/divider_vertical_grey.gif);
	background-repeat: repeat-y;
	background-position: top;
	width: 28px;
}



/* Panel Styles */

.panel1 {
	width: 100%;
}

.panel1 .top {
	background-image: url(../images/panel1_top.gif);
	height: 11px;
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
	padding: 0px;
}

.panel1 .top img {
	display: block;
}

.panel1 .bottom {
	background-image: url(../images/panel1_bottom.gif);
	height: 11px;
	background-repeat: repeat-x;
}

.panel1 .bottom img {
	display: block;
}

.panel1 .middle {
	background-color: #eef3fd;
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: #8B929D;
	padding: 3px 6px 3px 18px;
	height: 100%;
}

.panel2 {
	width: 100%;
	padding: 5px;
}

.panel2 .top {
	background-image: url(../images/panel2_top.gif);
	height: 11px;
	background-repeat: repeat-x;
}

.panel2 .top img {
	display: block;
}

.panel2 .bottom {
	background-image: url(../images/panel2_bottom.gif);
	height: 11px;
	background-repeat: repeat-x;
}

.panel2 .bottom img {
	display: block;
}

.panel2 .middle {
	background-color: #6587c4;
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: #5d75a2;
	padding: 6px 6px 6px 18px;
}

.panel3 {
	width: 171px;
	padding: 5px;
	}

.panel3 .top {
	background-image: url(../images/panel3_top.gif);
	height: 11px;
	background-repeat: repeat-x;
}

.panel3 .top img {
	display: block;
}

.panel3 .bottom {
	background-image: url(../images/panel3_bottom.gif);
	height: 11px;
	background-repeat: repeat-x;
}

.panel3 .bottom img {
	display: block;
}

.panel3 .middle {
	background-color: #fdf6e8;
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: #e6e2dc;
	padding: 6px 10px 6px 12px;
}

.panel4 {
	width: 100%;
}

.panel4 .top {
	background-color: #E0EAFC;
	height: 11px;
	margin: 0px;
	padding: 0px;
}

.panel4 .top img {
	display: block;
}

.panel4 .bottom {
	background-color: #E0EAFC;
	height: 11px;
	background-repeat: repeat-x;
}

.panel4 .bottom img {
	display: block;
}

.panel4 .middle {
	background-color: #E0EAFC;
	border-width: 0px;
	padding: 6px 6px 6px 18px;
}

.panel5 {
	width: 100%;
	padding: 5px;
	}

.panel5 .top {
	background-image: url(../images/panel5_top.gif);
	height: 6px;
	background-repeat: repeat-x;
	padding: 0px 0px 0px 0px;
}

.panel5 .top img {
	display: block;
}

.panel5 .bottom {
	background-image: url(../images/panel5_bottom.gif);
	height: 6px;
	background-repeat: repeat-x;
	padding: 0px 0px 0px 0px;
}

.panel5 .bottom img {
	display: block;
}

.panel5 .middle {
	background-color: #F2F3F4;
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: #D5E2F8;
	padding: 4px 12px 4px 12px;
}

.panel6_header {
	background-image: url(../images/panel6_header1px.gif);
	background-repeat: repeat-x;
	height: 37px;
	background-color: #E4E7EB;
}

.panel6_headerLeft {
	background-image: url(../images/panel6_headerLeft.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 100%;
	width: 5px;
	float: left;
}

.panel6_headerRight {
	background-image: url(../images/panel6_headerRight.gif);
	background-repeat: no-repeat;
	background-position: top right;
	height: 100%;
	width: 5px;
	float: right;
}

.panel6_headerContents {
	padding: 10px 6px 6px 8px;
}

.panel6_headerBottom {
	background-image:url(../images/panel6_headerBottom1px.gif);
	background-repeat: repeat-x;
	height: 1px;
}

.panel6_body {
	background-color: #F6F9FE;
	border-left: 1px #C4D7F9 solid;
	border-right: 1px #C4D7F9 solid;
}

.panel6_contents {
	padding: 4px;
}

.panel6_table {
	padding-bottom: 6px;
	width: 100%;
}

.panel6_table tr td {
	padding: 4px 2px 4px 2px;
}

.panel6_table tr td.columnHeader {
	background-color: #E5EBF6;
	color: #4B6288;
}

.panel6_table tr td.spacer {
	padding: 2px 0px 2px 0px;
}

.panel6_bottom {
	background-image: url(../images/panel6_bottom1px.gif);
	background-repeat: repeat-x;
	height: 5px;
	margin-bottom: 9px;
}

.panel6_bottomLeft {
	background-image: url(../images/panel6_bottomLeft.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 100%;
	width: 5px;
	float: left;
}

.panel6_bottomRight {
	background-image: url(../images/panel6_bottomRight.gif);
	background-repeat: no-repeat;
	background-position: top right;
	height: 100%;
	width: 5px;
	float: right;
}

table.rowPadding tr td {
	padding: 4px 2px 4px 2px;
}

table.rowDividers tr td {
	border-bottom: 1px #cccccc solid;
}

table.people {
	padding: 16px 0px 0px 0px;
	vertical-align: top;
	border: 0px;
}

table.people td {
	text-align: center;	
	border: 0px;
	width: 70px;
	vertical-align: top;
	padding-left: 2px;
	padding-right: 2px;
}

div.peoplePhoto {
	width: 60px;
	clear:both;
	padding-left: 5px;
	padding-right: 5px;
	cursor: pointer;
}

div.peoplePhoto img {
	padding-top: 16px;
	border: 0;
}

div.peopleName {
	line-height: 14px;
	padding-bottom: 0px;
	text-decoration: underline;
	width: 60px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: normal;
	cursor: pointer;
}

div.newGift {
	color: #eb9c11;
	padding-bottom:16px;
}

table.people #name {
	font-weight: bold;
}

/* People Details */
div.peopleDetails {
	float:right; 
	width: 156px; 
	color: #666666;
}


/* Wizard Styles */

.wizardTitle {
	height: 22px;
	padding: 9px 0px 6px 0px;
	font-size: 16px;
	font-weight: bold;
	color: #E9E7E0;
	margin: 0px;
	position: relative;
	left: -6px;
}

.wizardFrame {
    border: 5px solid #5a8ce8;
    overflow: visible;
	padding: 18px;
	width: 540px;
}

.wizardFrame div {
	padding-top: 3px;
	padding-bottom: 3px;
}

.wizardFrame div.spaceBefore {
	padding-top: 16px;
	padding-bottom: 16px;
}

.wizardFrame div.spaceAfter {
	padding-top: 3px;
	padding-bottom: 16px;
}

.wizardFrame div.bullet {
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 15px;
	margin-top: 6px;
	padding-top: 0px;
}

.wizardButtonRow {
	 padding-top: 12px;
}

.wizardButtonRow_inside {
	background-image: url(../images/divider.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding: 16px 0px 0px 0px;
	margin-top: 10px;
	text-align: center;
}


.wizardButtonNext {
	 float: right;
}

.wiz123 {
	position: relative;
	top: -6px;
	left: -6px;
	z-index: 99;
	border: 12px;
}

.wizardBorder {
    border: 5px solid #5a8ce8;
	padding: 12px 12px 12px 12px;
}

.amzGift {
	/*background-color: #FDF8E5;*/
}

.giftList {
	border-bottom: 1px #E2DDD3 solid;
}

.giftList_gift, .amzGift, .giftList .edit  {
	padding: 8px;
}

.giftList_buttons {
	float: right;
	width: 100px;
}

.giftList_buttons div {
	float: right;
	width: 28px; 
	vertical-align: middle;
}

.giftList_buttons #btn_amazon {
	width: 38px;
	text-align: center;
	padding-top: 2px;
	padding-left: 2px;
 	border-left: 1px dotted #cccccc;
	height: 20px;
	outline: none;
}

#btn_amazon * {
	outline: none;
}
 
.giftList_status {
	width: 40px;
	float: left;
	height: 20px;
}

.giftList_statusMenuContainer, .giftList_statusMenuContainer:focus {
	position: absolute;
	margin-top: 25px;
	outline: none;
}

.giftList_statusMenu {
	position: relative;
	border: 1px #979695 solid;
	padding: 6px 12px 6px 6px;
	background-color: #ffffff;
	z-index: 101;
	top: 0px;
	left: 1px;
	width: 175px;
	text-align: center;
	outline: none;
}

.giftList_menuButton{
	padding-top: 8px;
}

.giftTagButton {
	z-index: 99;
	cursor: pointer;
}

.giftList_nameDescription {
	float: left;
	width: 385px;
}

#giftName {
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 3px;
}

#giftDescription {
	font-weight: normal;
	font-size: 12px;
	padding-bottom: 0px;
	margin-bottom: 4px;
	overflow: hidden;
}

#giftItemLinks {
	font-weight: normal;
}
	



.giftList .giftName_reserved_question, .giftList #giftName_reserved_question {
	padding-left: 0px;
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 3px;
}

.giftList .giftName_available, .giftList #giftName_available {
	padding-left: 42px;
	background-image: url(../images/icon_available.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 3px;
}

.giftList #giftRecipient {
	padding-left: 42px;
	font-weight: normal;
	font-size: 12px;
	padding-bottom: 0px;
	margin-bottom: 9px;
	overflow: hidden;
}

.giftList .whoSuggests, .giftList #whoSuggests {
	padding-left: 6px;
	font-weight: normal;
	font-size: 12px;
	padding-bottom: 0px;
	margin-top: 8px;
	color: #666666;
}

.giftList .whoSuggests span.name, .giftList #whoSuggests #name {
	font-weight: bold;
}



.giftList .giftURL, .giftList #giftURL {
	font-weight: normal;
	font-size: 12px;
	overflow: hidden;
	width: 450px;

}

.giftList .dateAdded, .giftList #dateAdded {
	padding-left: 42px;
	font-weight: normal;
	font-size: 11px;
	color: #999999;
	margin-bottom: 9px;
}

.giftIdeasFilter {
	padding: 0px 0px 0px 0px;
	width: 100px;
	margin-right: 12px;
}

.giftIdeasTable {
	border-left: 1px #cccccc solid;
}

.giftIdeasFilter div {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
}

div.giftIdeasFilter div.filterON {
	background-color: #F6E396;
}

div.giftIdeasFilter div.filterDivider {
	border-bottom: 1px #cccccc solid;
	margin-bottom: 4px;
}


table.giftIdeas tr td {
	text-align: center;
	width: 25%;
}

table.giftIdeas2 tr td {
	text-align: center;
	width: 15%;
	padding-bottom: 18px;
}

table.giftIdeas tr td div.giftImage {
	height: 75px;
	padding-top: 6px;
	padding-bottom: 6px;
}

table.giftIdeas tr td div.giftName {
	margin-left: 12px;
	margin-right: 12px;
	
}

.giftPrice {
	font-weight: normal;
	padding-top: 6px;
}

.price {
	font-weight: normal;
}

.button_add {
	padding-top: 6px;
}

div.giftIdeas_button {
	text-align: center;
	width: 100%;
	margin-top: 12px;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #D3ECFE;
}

div.giftRollover_container {
	position: absolute;
}

div.giftRollover {
	position: relative;
	top: 0px;
	left: -13px;
	z-index: 50;
	width: 120px;
	font-size: 12px;
	background-color:#FEF7DA;
	border-left: 1px #F6D292 solid;
	border-right: 1px #F6D292 solid;
	border-bottom: 1px #F6D292 solid;
	padding: 4px 0px 0px 0px;
	white-space: normal;
	text-align: center;

}

.giftRolloverName {
	display: none;
}

.giftRolloverPrice {
	font-weight: bold;
}

#searchPanel {
	display: none;
}

.null {
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 8px;
	font-weight: bold;
}

#giftCell {
	width: 120px;
	background-color: white;
	border: 1px white solid;
	margin-top: 10px;
}

.giftCell {
	width: 120px;
	background-color: white;
	border: 1px white solid;
	margin-top: 10px;
}

.rightColumnWithBorder  {
	background-image: url(../images/vertical_divider.gif);
	background-position: left;
	background-repeat: repeat-y;
}

#searchResults, #AmazonAds {
	float: right;
	width: 250px;
	height:100%;
	padding-left: 18px;
}

.amazonAds_giftDetail {
	padding-top: 10px;
	width: 100%;
}

.amazon_ad {
	float:left;
	margin-bottom: 20px;
	margin-left: 12px;
	width: 140px; 
	overflow: hidden;
	text-align: center;
	height: 138px;
}

.amazon_ad div.image {
	position: relative;
}

.bottomCenter {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
}

.amazonAds_giftDetail .amazon_ad {
	margin-left: 0px;
	margin-right: 7px;
	margin-bottom: 10px;
	margin-top: 10px;
}

#searchResults ul, #searchResults ol, #AmazonAds ul, #AmazonAds ol {
	margin-left: 0px;
	padding-left: 0px;
}

#searchResults li, #AmazonAds li {
	padding-bottom: 10px;
	margin-bottom: 10px;
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 10px;
}

#AmazonAdsPanel {
	padding-top: 6px;
}

.or {
	background-image: url(../images/or_bg.gif);
	background-repeat: repeat-x;
	padding-left: 40px;
	width: 200px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.alert {
	background-color: #FEE4C9;
	border: 1px #FF9900 solid;
	padding: 9px;
	margin-top: 9px;
	margin-bottom: 9px;
}

.recentActions {
	width: 100%;
	border: 0px;
	margin-bottom: 10px;
}
.recentActions1 {
	width: 100%;
	border: 0px;
	padding-bottom: 20px;
}

.recentActionsPhoto {
	padding-right: 12px;
	vertical-align: top;
	float: left;
}

.recentActionsContent {
	width: 100%;
	vertical-align: top;
}
.recentActionsContent1 {
	width: 100%;
	vertical-align: top;
	padding-left: 60px;
}

.recentActionsHeader {
	background-color: #E5EBF6;
	font-weight: bold;
	padding: 6px;
}

.headerControl {
	float: right;
	font-weight: normal;
	padding-right: 6px;
}

.recentActionsItem {
	padding: 5px;
	border-bottom: 1px #CCCCCC solid;
	margin-left: 4px;
	padding-left: 0px;
	white-space: nowrap;
	overflow: hidden;

}

.recentActionsItem1 {
	padding: 5px;
	border-bottom: 1px #CCCCCC solid;
}

.recentActionsFooter {
	padding: 5px;
	padding-bottom: 5px;
}
.recentActionsFooter1 {
	padding: 12px 5px 5px 5px;
	padding-left: 60px;
}

.shownUsers {
	width: 90%;
	float: left;
	background:#CC3333;
	border: thin;
}

.hiddenUsers {
	width: 10%;
	float: right;
	background:#CCCC00;
	border: thin;
}

.gray {
	color: #999999;
}

.recentActionsTime {
	color: #999999;
	font-size: 10px;
	float: right;
	z-index: 105;
	background-color: #ffffff;
}

.name2 {
	padding: 4px 4px 4px 12px;
	background-image: url(../images/bullet_orangeTriangle.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.subhead_bg {
	padding: 12px 10px 0px 5px;
	height: 54px;
	background-image: url(../images/subhead_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin-bottom: 0px;
}

#sayMorePanel {
	display: none; 
	margin-top: 4px;
	}

.bigNote_container {
	background-color: #FDFAEE;
	border: 1px #638BB9 solid;
	padding: 8px;
	margin-bottom: 10px;
}

.bigNote {
}

.bigNote div {
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 4px;
	padding-bottom: 6px;
	line-height: 17px;
}

.note_pullQuote {
	background-image: url(../images/note_pullQuote.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	width: 503px;
	height: 85px;
	margin-top: 0px;
}

.note_pullQuote div {
	padding: 12px 44px 0px 12px;
}

.disabled {
	color: #999999;
	text-decoration: none;
 	text-decoration: line-through;
}

.buttonMenu {
	background-color: #ffffff;
	border: 1px #999999 solid;
	display: none;
	width: 290px;
	position: absolute;
	margin-top: 22px;
	z-index: 300;
}

.buttonMenu div {
	padding: 3px;
}

a.nodots
{
  outline: none;
}

/* New Gift List Styles - Editable Panel */

.giftListItem {
	min-height: 20px;
	height: 12px; 
	height:auto !important;
}

.giftList .edit {
	background-color:#EEF3FD;
	padding: 3px 4px 4px 42px;
	display: none;
}

.giftList .edit div, .giftList .edit td {
	padding: 1px;
	font-weight: normal;
}

.giftList .edit input {
	background-color: #FFFFCC;
	border: 1px #A5A29C solid;
	padding: 2px;
}

.giftList .edit .name {
	color: #3e63c6;
	font-weight: bold;
	width: 400px; /* may need to change back to percentage when images go back in */
	background-color: #FFFFCC;
	border: 1px #A5A29C solid;
	padding: 2px;
}

.giftList .edit .description {
	width: 400px; /* may need to change back to percentage when images go back in */
	background-color: #FFFFCC;
	border: 1px #A5A29C solid;
	padding: 2px;
	height: 36px;
}

.giftList .edit radio {
	margin-bottom: 4px;
}

#glNameEdit textarea {
	width: 410px;
	padding: 5px;
}

#glNameEdit textarea.glName {
	font-weight: bold;
	font-size: 24px;
	color: #eb9c11;
	height: 18px;
	cursor: text;
}

.featureSummary
{
	margin-top: 10px;
	margin-bottom: 10px;
	clear:both;
}

.featureSummary span
{
	width:75%; 
	float:right; 
	clear:right;
	margin-bottom: 10px;
}

#giftDetailPanel {
	position: absolute;
	display: none;
}
	
.giftDetailPanel {
	position: relative;
	left: 200px;
	top: 0px;
	width: 560px;
	height: 370px;
	z-index:300;
	border: 3px #709BEB solid;
	background-color: #ffffff;
}

.giftDetailPanel_header {
	background-color: #ECF2FE;
	height: 31px;
	background-image: url(../images/giftDetailPanel_headerBG.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	color: #6F7CA1;
}

.giftDetailPanel_header div {
	padding: 6px;
	vertical-align: middle;
}

.giftDetailPanel_body {
	background-color: #ffffff;
	padding: 12px;
	overflow: auto;
	height: 100%;
}

.giftDetailPanel .detail_info {
 	float: left; 
	vertical-align: top; 
	padding: 6px;
	width: 280px;
 }
 
.giftDetailPanel .AmazonAds {
	width: 200px;
	float: right; 
	vertical-align: top;
}


.giftDetailPanel .title {
	font-weight: bold;
	font-size: 16px;
}

.giftDetailPanel #subPanel {
	width:300px;
	float: left; 
	vertical-align: top;
	height: 130px;
	overflow-y: scroll;
	border: 1px #cccccc solid;
	background-color: #ffffff;
	padding-left: 4px;
	margin: 4px;
}

.plannerHeader {
	background-image: url(../images/headerBG_2.gif);
	background-repeat: repeat-x; 
	background-position: bottom;
	border-bottom: 1px #E2DDD3 solid;
}

.forWhom td:hover {
	background-color: #FDF5CE;
}

/* Planner Styles */

.plannerPersonRow {
	clear: both;
	padding-top: 10px;
	width: 100%; 
	height: 100%;
	display: block;
}

.photoColumn {
	float: left;
	width: 60px;
	padding-right: 10px;
	padding-right: 0px;
}

.listColumn {
	float: left;
	width: 487px;
}

.plannerNameBar {
	border: 1px #B1CEE6 solid;
	background-image: url(../images/popular_header_bg.gif);
	background-position: top;
	background-color: #DEEFFD;
	background-repeat: repeat-x;
	padding: 6px;
}

.plannerName {
	font-weight: bold;
}

a:hover .plannerNameBar .plannerName {
	text-decoration: underline;
}

.plannerNameBar_actions {
	text-decoration: none;
	padding-left: 3px;
	color: #666666;
}

.plannerNameBar_actions img {
 padding-right: 2px;
}

.plannerItem {
	padding: 5px;
	border-top: 1px #CCCCCC solid;
	margin-left: 4px;
	padding-left: 0px;
	margin-top: -1px;
	clear: both;
}

.plannerItem  .plannerItemNull {
	color: #666666;
	padding-left: 4px;
}

.plannerItem_suggest {
	float: right;
	border-left: 1px #cccccc dotted; 
	padding-left: 10px;
	height: 20px;
	width: 60px;
}

.plannerItem_suggest img {
	padding-top: 5px;
}

.plannerItem_price {
	float: right;
	padding-right: 8px;
	padding-top: 2px;
	width: 60px;
	text-align: right;
}

.plannerItem_note {
	float: left;
	width: 20px;
}

.plannerItem_note img {
	padding-top: 3px;
	padding-right: 6px;
}

.plannerItem_gift {
	float: left;
	overflow: hidden;
	padding-left: 4px;
	width: 290px;
}

.plannerItem_gift a {
	border-bottom: 1px #3E63C6 dotted;
	text-decoration: none;
	outline: none;
}

.plannerItem_gift img {
	position: relative;
	top: -1px;
	padding-left: 3px;
	border: 0px;
}

.plannerItem_infoPanel {
	clear: both;
	padding: 6px 6px 6px 24px; 
}

.plannerItem_infoPanel div {
	padding-left: 3px;
	padding-right: 3px;
}

.plannerItem_infoPanel table {
	width: 350px;
	padding-top: 10px; 
	padding-bottom: 5px; 
}

.plannerItem_infoPanel table td {
	padding: 2px 4px 2px; 
}

.planner_noteContainer {
	position: absolute;
}

.planner_notePopup {
	position: relative;
	left: 8px;
	top: -30px;
}

.planner_notePopupPointer {
	position: relative;
	left: 7px;
	top: 12px;
	float: left;
}

.planner_notePopupBody {
	border: 1px #746E5A solid;
	background-color: #FEF4CD; 
	width: 180px;
	padding: 8px; 
	white-space: normal;
	float: left;
}

table.noBorders td {
	border-top: 0px;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
}


/* Popular Page */

.popularCategoryMenu {
	width: 150px;
	padding-right: 10px;
	border-right: 1px #cccccc solid;
}

.popularGift_row td {
	background-color: #ffffff;
	border-top: 1px #cccccc solid;
}

.popularGift_row:hover td, .popularGift_rowSelected td {
	background-color: #E7F8FE;
}

.popularGift:hover td {
	background-color: #E7F8FE;
}

.popularGiftName {
	font-weight: bold;
	color: #333333;
	float: left;
	padding-top: 3px;
}

.popularNumber {
	padding-top: 3px;
	width: 26px;
}

.popular_panelArea {
}

.popular_panel {
	width: 470px; 
	border: 1px #cccccc solid;
	margin-bottom: 10px;
	padding: 12px 8px 10px 8px; 
	margin-right: 10px;
	position: relative;
	top: -1px;
	z-index: 90;
	background-color: #ffffff;
	clear: both;
}

.popular_panel span {
}

a.tabLink {
	outline: 0px;
	-moz-outline-style: none;
}

a.tabLink:active {
	outline: none;
	-moz-outline-style: none;
}



.popular_panelArea *, .popular_panelArea td {
	background-color: #ffffff;
}

.popular_panelArea_conf {
	background-image: url(../images/check2.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0px 6px 4px 18px; 
	position: relative;
	left: -3px;
	top: 3px;
	font-weight: bold;
	color: #006600;
}

.popular_conf_planner {
	font-weight: bold;
	color: #006600;
}

.panelAreaChecklist tr td {
	padding-top: 6px;
	padding-left: 0px;
	width: 25%;
}

.panelAreaChecklist div {
	padding: 1px 0px 1px 0px;
}

.panelArea .checkbox {
	margin-right: 6px;
	vertical-align: middle;
}

.popular_tabArea {
	margin-right: 18px;
}

.popular_tabOn, .popular_tabOff {
	float: right;
	width: 74px;
	height: 24px;
	margin-bottom: -4px;
	text-align: right;
	padding: 4px 6px 0px 0px;
	z-index: 100;
	position: relative;
}

.popular_tabOn {
	background-image: url(../images/tab_bg_on.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.popular_tabArea a {
	outline: none;
	text-decoration: none;
} 

.tabMenu tr td {
	border-bottom: 1px #E9ECF2 solid;
	padding: 3px;
}

div.category, div.categoryOn, div.hierarchy_1, div.hierarchy_1_On {
	padding: 5px;
	display: block;
	border: 1px #ffffff solid;
	font-weight: bold;
}

div.hierarchy_1 a {
	text-decoration: none;
}

div.hierarchy_1 a:hover {
	text-decoration: underline;
}

div.hierarchy_1 img, div.hierarchy_1_On img {
	display: none;
}

div.categoryOn, div.hierarchy_1_On {
	background-color: #66A0E2;
}

div.categoryOn a, div.hierarchy_1_On a {
	text-decoration: none;
	color: #ffffff;
  	outline: none;
	font-weight: bold;
}

div.subcategory, div.subcategoryOn, div.hierarchy_2, div.hierarchy_2_On {
	background-image: url(../images/bullet_grayTriangle_indent.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #666666;
	padding: 3px 3px 3px 18px;
}

div.subcategoryOn, div.hierarchy_2_On {
	background-image: url(../images/bullet_whiteTriangle_indent.gif);
	background-color: #66A0E2;
}

div.categoryOn a, div.subcategoryOn a, div.hierarchy_2_On a {
	outline: none;
	color: #ffffff;
	text-decoration: none;
}

.subcats {
	padding-bottom: 8px;
}

.searchPanel_permission {
	position: relative;
	border: 3px #5a8ce8 solid;
	width: 210px;
	height: 110px;
	float: left;
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: 10px;
	cursor: pointer;
}

.searchPanel_private {
	position: relative;
	background-color: #F7F9F9;
	border: 1px #C7D2E0 solid;
	width: 210px;
	height: 110px;
	float: left;
	margin-top: 2px;
	margin-bottom: 12px;
	margin-right: 8px;
	margin-left: 8px; 
	cursor: pointer;
}

.panelContent {
	padding: 6px;
}

.searchPanel_image {
	float: left;
	width: 50px; 
	padding-right: 10px;
}

.searchPanel_body {
	float: left;
	width: 130px;
}

.searchPanel_name {
	font-weight: bold;
}

.searchPanel_description {
	padding-top: 4px;
	color: #666666;
}

.searchPanel_message {
	clear: both;
	position: absolute;
	bottom: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 100%; 
	text-align: center;
}

.searchPanel_permission .searchPanel_message {
	color: #3D6837;
	background-color: #CEF9C8;
}

.searchPanel_private .searchPanel_message {
	color: #999999;
}

.panelHeader {
	margin-top: -10px;
	margin-bottom: 12px;
}

.panelHeader_top {
	background-image: url(../images/panel_header_top.gif);
	width: 763px;
	height: 5px;
	background-repeat:no-repeat;
}

.panelHeader_middle {
	background-image: url(../images/panel_header_middle.gif);
	width: 763px;
	background-repeat:repeat-y;
}

.panelHeader_buttons {
	float: right;
	padding-right: 12px;
	padding-top: 3px;
}

.panelHeader_title {
	float: left;
	padding-left: 10px;
}

.panelHeader_bottom {
	background-image: url(../images/panel_header_bottom.gif);
	width: 763px;
	height: 6px;
	background-repeat:no-repeat;
}

.menuButton_buttonPlusMenu {
	 float: left;
	 padding-right: 2px;
}

.menuButton_menuContainer {
	 position: absolute;
	 z-index: 1000;
}

.menuButton_menu { 
	position: relative; 
	top: 1px;
	background-color: #FFFFFF;
	border: 1px #cccccc solid;
	padding: 1px;
}

.menuButton_menuTitle {
	background-color: #EEEEEE; 
	color: #666666;
	padding: 1px 1px 1px 3px;
}

.menuButton_menuBody {
	padding: 5px;
}	

.menuButton_menuBody div {
	padding: 5px 0px 0px 0px;
}	

.gl_links {
}

.gl_links tr td {
	padding: 12px 6px 12px 6px;
	border-top: 1px #9EB8E8 solid; 
}

.gl_links textarea, .gl_links input {
	background-color: #F3F3F3;
	border-color: #6084C6;
	border-width: 1px;
	border-style: solid;
	padding: 1px;
}

.homepage_lower {
	background-image: url(../images/hp_lower_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 269px;
	width: 778px;
	position: relative;
	left: -1px;
	margin: 0px;
	padding: 0px;
	margin-top: 12px;
}

.homepage_lower2 {
	background-image: url(../images/hp_lower_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	width: 778px;
	position: relative;
	left: -1px;
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
}

.homepage_lower table, .homepage_lower2_table {
	width: 100%;
	padding-top: 24px;
}

.homepage_lower table tr td {
	padding: 4px 10px 4px 10px;
	width: 25%;
}

.homepage_lower .thumbnail {
	border: 3px #BFCDE5 solid;
	margin-bottom: 6px;
}

.homepage_lower .thumbnailLabel {
	margin-top: 9px;
	margin-bottom: 6px;
	border: 0px;
}

.homepage_lower td .tmm_link, .homepage_lower td .tmm_link {
	visibility: hidden;
}

.homepage_lower td, .homepage_lower a  {
	color: #546679;
	line-height: 17px;
}

.homepage_lower td:hover, .homepage_lower td:hover a, .homepage_lower td.on  {
	color: #000000;
}

.homepage_lower td:hover .thumbnail, .homepage_lower td.on .thumbnail {
	border: 3px #5F98D7 solid;
}

.homepage_lower td:hover .tmm_link {
}

.homepage_lower td:hover * {
	cursor: pointer;
}

.homepagePanel {
	padding-top: 12px;
	padding-left: 12px;
	height: 230px;
}

.homepagePanel div {
	padding-bottom: 4px;
	margin-right: 12px;
}

.smallLabel {
	color: #666666;
	font-weight: bold;
	font-size: 11px;
	padding-bottom: 3px;
}

#inviteeTable tr td {
	padding: 2px;
}

.no_bg, .no_bg a, .no_bg a:hover, .no_bg a:active, .no_bg * {
	background-image: url(../images/px_white.gif);
}




