@import url(base.css);
@import url(boxes.css);
@import url(widget.css);


/* 1. CUSTOM BOX STYLES
**********************************************************/
.cb { position: relative; }
.cb .bt, .cb .bt div, .cb .bb, .cb .bb div { background: none; height: 0px; }
.cb .i1, .cb .i2 { background: none; padding:0; }
.cb .i3 { padding: 0px; background-color: #ffffff; }

.white { position: relative; padding-bottom: 30px;  _border: 1px solid #ffffff; border-bottom: 1px solid #d4d4d4; }



/* 2. PAGE LAYOUT
**********************************************************/
#wrapper {
	width: 980px;
	position: relative;
}

#mastfooter {
	/*_margin-top: 600px;*/
	_position: relative;
}

.column { float: left; }

#invitegraphic {
	width: 500px;
	height: 575px;
	/*background: #f1f1f1;*/
	margin-right: 15px;
	position: relative;
}

#invitecontent {
	position: relative;
	width: 450px;
}

#invitecontent #frame {
	position: relative;
	background: url(/images_www/boxes/xspl-invitecontent.gif) no-repeat right bottom;
}

#invitetabs { 
	font-size: .8em;
	height: 40px;
	background: url(/images_www/boxes/xspl-invitecontent.gif) no-repeat right 31px;
	clear: both;
	position: relative;
}
#invitetabs li { 
	/*display: inline-block;border: 1px solid #000; */ 
	float: left;
	text-transform: uppercase; 
	text-align: left;
	position: relative;
	width: auto;
	padding-left: 9px; 
}
#invitetabs li a { 
	padding: 9px 9px 0 0;
	margin-left: 0px;
	height: 33px;
	display: inline-block; 
	position: relative;
	color: #638d2f;
	font-weight: bold; 
}
#invitetabs li.on { 
	height: 33px;
	background: url(/images_www/tab-ffffff_ds.gif) no-repeat -200px 0px;
}
#invitetabs li.on a { 
	color: #333;
	font-weight: bold;
	background: url(/images_www/tab-ffffff_ds.gif) no-repeat 100% 0%;
	_background: url(/images_www/tab-ffffff_ds.gif) no-repeat right top;
}
#invitetabs li.first { 
	background: url(/images_www/tab-ffffff_ds.gif) no-repeat 100% 0%;
	padding-left: 0px;
}
#invitetabs li.first a {
	padding: 10px 0 0 10px;
	margin: 0 10px 0 0; 
	background: url(/images_www/tab-ffffff_ds.gif) no-repeat left 0px;
}
#invitetabs li#tabshare a {
	color: #ea5124; 
}




/* 3. TAB FRAMES
**********************************************************/

#frame_body {
	width: 445px;
	height: 550px;
	overflow: auto;
	position: relative;
	clear: both;
}

/* A. GIFT DETAILS */
#giftdetails {
	padding: 0 10px;
	position: relative;
}
h1#section_title {
	display: none;
}

#giftdetails #invite_statusbar { 
	padding: 5px 15px 15px 15px;
	margin: 0 auto 15px auto; 
	border-bottom: 1px solid #eaeaea;
	position: relative;
	width: 375px;
}
#giftdetails #invite_statusbar #goal { 
	font-size: 14px; 
	font-weight: bold; 
	position: relative;
	padding-left: 5px;
	_padding=bottom: 10px;
}
#giftdetails #invite_statusbar #goal #amtraised { 
	font-size: 20px; 
}

#giftdetails #invite_statusbar #statusbar { 
	width: 382px; 
	height: 50px; 
	background: url(/images_www/bar-empty_green.gif) no-repeat top left; 
	margin: 10px 0; 
	clear: both;
	position: relative;
}
#giftdetails #invite_statusbar #statusbar #percentraised { 
	position: absolute;
	top: 16px;
	/*left: 10px;*/
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-shadow: #548b3f 0px 0px 2px;
}
#giftdetails #invite_statusbar #message {
	text-align: center;
	_font-size: 11px;
	_padding-left: 25px; 
}
#giftdetails #invite_statusbar #message a {
	font-size: 11px;
	display: block;
}

#giftbasket {
	position: relative;
}

#giftbasket h4 {
	font-size: 14px;
	font-weight: bold;
	height: 22px; 
	margin: 0 30px;
	clear: both;
	position: relative;
}
#giftbasket #addllinks {
	font-size: 0.9em;
	position: absolute;
	bottom: -8;
	left: 170px;
}

#giftbasket .container { 
	width: 358px;
	height: 150px;
	_height: 160px;
	overflow: hidden; 
	position: relative; 
	background: url(/images_www/bg-carousel.png) repeat-x; 
	margin: 0 0 0 30px;
	padding: 10px 0px;
	/*top: 16px;
	border: 1px solid #000;*/
}/**/
#giftbasket .container .msg { 
	text-align: center;
	padding-top: 60px;
}

#giftbasket ul { width: 9999px; position: relative; top: 0; left: 0; }                      
#giftbasket ul li { width: 179px; text-align: center; list-style:none; float:left; font-size: 0.8125em; _font-size: 0.9m; }
#giftbasket ul li .product_thumbnail { height: 80px; padding: 10px 0 0 0; margin: 0 0 6px 0; _margin: 0 0 10px 0; overflow: hidden; }
#giftbasket ul li .product_thumbnail img { height: 80px;  }

#giftbasket .previous_button, #giftbasket .next_button { position: absolute; top: 22px; width: 25px; height: 161px; z-index: 100; cursor: pointer; }
#giftbasket .previous_button { left: 8px; _left: -23px; }
#giftbasket .next_button { left: 388px; _left: 360px; }

#giftbasket .previous_button { background: url(/images_www/button-carousel_prev.png) no-repeat; }
#giftbasket .previous_button_over { background: url(/images_www/button-carousel_prev.png) no-repeat; cursor: pointer; }
#giftbasket .previous_button_disabled { background: url(/images_www/button-carousel_prev.png) no-repeat; cursor: default; }

#giftbasket .next_button { background: url(/images_www/button-carousel_next.png) no-repeat; z-index: 100; cursor: pointer; }
#giftbasket .next_button_over { background: url(/images_www/button-carousel_next.png) no-repeat; cursor: pointer; }
#giftbasket .next_button_disabled { background: url(/images_www/button-carousel_next.png) no-repeat; cursor: default; }

#giftdetails #reply_status {
	text-align: center;
	padding: 15px;
	margin: 10px auto 0px auto; 
	_margin: 10px auto 0px 20px; 
	border-top: 1px solid #eaeaea;
	position: relative;
	width: 375px;
}
#giftdetails #reply_status h4 {
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 5px 0;
	margin: 0; 
}
#giftdetails #reply_status h5 {
	padding: 0px 0 5px 0;
}

#giftdetails #statusshare {
	background: #fcf9ce;
	padding: 8px;
	margin-top: 10px;
}
#giftdetails #statusshare td {
	vertical-align: middle;
}
#giftdetails #statusshare a {
	text-decoration: none;
	border: none;
}
#giftdetails #statusshare .statussharetitle {
	text-align: left;
	font-weight: bold;
	padding: 0 0 0 15px;
	_padding: 0px;
}
#giftdetails #statusshare .statusshareicons {
	text-align: left;
	vertical-align: middle;
	float: left;
	padding: 0 0 0 10px;
	position: relative;
}
#giftdetails #statusshare .statussharelike {
	padding: 0 0 0 10px;
}



/* B. WHO'S INVITED */

#invited a, #invited a:visited { color: #ff6c00; }
#contributed a, #contributed a:visited { color: #557628; }
#not_part a, #not_part a:visited { color: #760000; }
#not_reply a, #not_reply a:visited { color: #333; }

#whosinvited { 
	width: auto; 
	margin: 10px 5px 10px 0;
	padding: 0 8px;
	background: url(/images_www/bg-gv-ededed250.gif) repeat-x;
	overflow: hidden; 
}
#whosinvited h2 { 
	padding: 18px 10px 16px 18px; 
	font-weight: normal; 
	font-size: 14px; 
}

#invitee_name_list { 
	clear: both; 
	padding-top: 6px; 
	border-top: 1px solid #e8e8e8; 
	background: #ffffff;
	height: 390px;
	overflow: auto;
}

.inviteeinfo {
	clear: both;
	border-bottom: 1px dotted #e8e8e8;
	height: 20px;
	padding: 4px 6px;
	margin: 3px 8px;
	position: relative;
}
div.inviteeinfo:hover { background:#e8e8e8; }
.inviteeinfo div {
	float: left;
}
.inviteename {
	width: 195px;
	padding-left: 6px;
}
.inviteeviewed {
	width: 95px;
}
.inviteeamt {
	padding-right: 6px;
	text-align: right;
	width: 70px;
}
.inviteeemail, .inviteeviewed, .inviteeamt, .inviteename em {
	font-size: 11px;
	padding-top: 2px;
}
div.me { 
	font-weight: bold; 
	color: #ff6c00; 
}
div.organizer { 
	font-weight: bold; 
}

#whosinvited #addllinks {
	clear: both;
	text-align: center;
	padding: 15px 0px;
}

#whosinvited .email_msg { font-weight: bold; padding: 12px; _padding: 6px 12px; border-top: 1px solid #e8e8e8; clear: both; }
#whosinvited .email_msg p { font-weight: normal; }

#whosinvited #sharelinks { 
	position: absolute;
	top: 26px;
	right: 26px;
}

/* C. SIGN THE CARD #ecard .form_generic #msg  { height: 100px; clear: both; }
#ecard .form_generic #name label { margin: 0 3px 0 0; }
#ecard .form_generic #msg label { height: 100px; float: left; margin: 0 5px 0 0; }
*/

#ecard #headermsg { padding: 18px 12px; margin: 10px; background: #bdda8d; }
#ecard #headermsg { 
	width: auto; 
	margin: 10px 10px 10px 0;
	padding: 0 8px;
	background: url(/images_www/bg-gv-bdda8d250.gif) repeat-x; 
}
#ecard #headermsg h3 { 
	padding: 18px 10px 16px 18px;
}
#ecard .form_generic { 
	background: #fff;/**/
	padding: 4px 16px; 
}
#ecard .form_generic div { 
	margin: 10px 0; 
	clear: both; 
}
#ecard .form_generic #ecard_from { width: 340px; }
#ecard .form_generic label { display: block; color: #666; font-size: 12px; }
#ecard .form_generic input#ecard_from { width: 250px; }
#ecard .form_generic #submit { width: 100%; text-align: right; }
#ecard .form_generic #name input { width: 100%; }
#ecard .form_generic #msg textarea { width: 100%; height: 75px; }
#ecard .form_generic #msg textarea, #ecard .form_generic #name input { 
	border: 1px solid #ccc;
	padding: 4px;
	font-size: 13px;
}


#ecard #thx_msg { padding: 10px 17px 0px 17px; margin: 0px 3px; /*background: #e0e0d8;*/ }
#ecard #contributors { padding: 15px 20px 0px 20px; }
#ecard #contributors ol { margin-bottom: 20px; }
#ecard #contributors h3 { border-bottom: 1px dotted #CCC; padding: 0 0 5px 0; }
#ecard #contributors li { border-bottom: 1px solid #e0e0d8; padding: 10px 0; }
#ecard #contributors li img { vertical-align: middle; }
#ecard #contributors li p { margin: 0; padding: 5px 0 0 0; }

#ecardrecipient h3.forwho {
	font-size: 16px;
	padding-top: 12px;
}
#ecardrecipient #ecard #contributors { padding: 15px 10px 0px 0px; }


/* D. MESSAGE CENTER */

#pod_message_form {  margin: 10px; }
#pod_message_form h3 { display: inline; font-size: 1.1em; font-weight: bold; }

#pod_message_form .row1 { border-bottom: 1px solid #e0e0d8; background: url(/images_www/bg_gray.gif) top center;/**/ }
#pod_message_form .row2 { border-bottom: 1px solid #e0e0d8; }
#pod_message_form .row { padding: 12px; }
#pod_message_form div.row span.label { font-weight: bold; }
#pod_message_form div.row span.data { white-space: nowrap; font-size: .9em; }
#pod_message_form .mesg { clear: both; padding: 0 12px 6px 12px; }

#pod_message_form #post { padding: 18px; 12px; background: #eee; }
#pod_message_form #post h4 { font-size: 14px; padding-bottom: 12px; }
#pod_message_form #post textarea { height: 100px; width: 100%; border: 1px solid #ccc; padding: 4px; }
#pod_message_form #post .button { text-align: right; width: 100%; padding-top: 10px; }

#frame_mc #contact { margin: 0 10px 7px 10px; padding: 18px; background: #f4f6e2; }


/* E. SHARE */
#frame_share { 
	margin: 10px 5px 10px 0;
	padding: 0 8px;
	background: url(/images_www/bg-gv-ededed250.gif) repeat-x;
	overflow: hidden; 
	position: relative;
}

#frame_share h2 {
	padding: 15px 0px 15px 6px;
}

#sharesocial, #getwidget, #shareurl {
	padding: 0px 10px;
	border-top: 1px dotted #e0e0d8;
	position: relative;
	background: #ffffff;
}
#getwidget h3, #sharesocial h3, #shareurl h3 {
	font-weight: bold;
	font-size: 13px;
	padding-bottom: 0px;
	display: inline-block;
}
#sharesocial h3, #shareurl h3 {
	padding: 25px 0;
}
#getwidget p, #sharesocial p, #shareurl p {
	padding: 0;
	margin: 0px;
}

#sharesocial #socialicons {
	position: absolute;
	top: 16px;
	_top: 18px;
	left: 175px;
	_left: 155px;
}
#sharesocial a {
	font-size: 14px;
}
#shareurl {
	
}
#shareurl input {
	padding: 5px;
	font-size: 10px;
	width: 225px;
	_height: 26px;
	border: 1px solid #cccccc;
	background: #f1f1f1;
	position: absolute;
	top: 18px;
	_top: 20px;
	left: 175px;
	_left: 155px;
}
#getwidget {
	padding-top: 25px;
}
#getwidget h4 {
	font-weight: bold;
	padding-bottom: 10px;
}
#getwidget p {
	padding-bottom: 10px;
}
#getwidget strong.miniheader {
	font-size: 11px;
	display: block;
	padding: 3px 0;
}
#getwidget #widgetgoodies textarea {
	padding: 5px;
	font-size: 10px;
	width: 205px;
	height: 85px;
	_height: 90px;
	border: 1px solid #cccccc;
	background: #f1f1f1;
	overflow: auto;
}
#getwidget #widgetcustomize {
	borderX: 1px solid #ffcc33;
	background: #fcf9ce;
	padding: 10px;
	margin-top: 10px;
	width: 185px;
	_width: 205px;
}
#getwidget #widgetcustomize h4 {
	background: url(/images_www/icon-colorpicker.png) no-repeat left top;
	padding: 2px 0 5px 25px;
	_padding: 0px 0 5px 25px;
}
#getwidget .small {
	width: 180px;
}
#getwidget #widgetpreview {
	position: absolute;
	top: 66px;
	_top: 70px;
	left: 230px;
	_left: 220px;
}





/* 4. ORGANIZER NOTE BOXES
**********************************************************/


.organizernote {
	background: #FFFFCC;
	border: 2px solid #FFCC33;
	margin-bottom: 30px;
	color: #666;
	font-size: 16px;
	position: relative;
	padding: 10px;
}
.organizernote h3 {
	font-size: 16px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
.organizernote p {
	padding-top: 0;
	margin-top: 0;
}
.organizernote th, .organizernote td {
	vertical-align: middle;
}
.organizernote th {
	padding: 25px;
	border-right: 1px solid #FFCC33;
	width: 600px;
}
.organizernote td {
	padding-left: 35px;
	_padding: 20px 0 0 35px;
}

.previewnote th {
	width: 620px;
}
.previewnote td {
	padding: 0 0 0 45px;
	text-align: center;
}
.previewnote td a.linkbutton {
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	padding: 0;
	display: inline-block;
	background: url(/images_www/button-create_prev_next.png) no-repeat left top;
	margin:0 22px 0 0;
	position: relative;
}
.previewnote td a.linkbutton span {
	padding: 13px 30px 0 10px;
	left: 22px;
	display: inline-block;
	height: 30px;
	_height: 43px;
	background: url(/images_www/button-create_prev_next.png) no-repeat right -43px;
	position: relative;
	cursor: pointer;
}

.liveeventnote td a {
	background: none;
	color: #2178a0;
	font-size: 16px;
	font-weight: normal;
	display: block;
	margin: 5px 0;
	padding: 0;
}
.liveeventnote td a:hover {
	color: #638d2f;
}
.liveeventnote td span {
	background: none;
	padding: 0;
	margin: 0;
	height: 20px;
}

.notreadynote {

}
#notreadymsg {
	margin-left: 0;
	_margin-left: 35px;
	position: relative;
	text-align: left;
}
#notreadymsg h3 {
	font-weight: bold;
	font-size: 16px;
	padding: 6px 0 0px 65px;
	background: url(/images_www/icon-warning48.png) no-repeat 0px 0px;
	line-height: 1.2em;
}
#notreadymsg ol {
	
}
#notreadymsg li {
	background: #fff5d3;
	margin: 5px 0;
	padding: 5px 0;
}
#notreadymsg a {
	font-size: 14px;
	display: block;
	padding: 10px 0px 10px 45px;
	width: 160px;
}
#notreadymsg li.details {
	background: url(/images_www/icon-details40.png) no-repeat 0px 0px;
}
#notreadymsg li.gifts {
	background: url(/images_www/icon-gift40.png) no-repeat 0px 0px;
}
#notreadymsg li.participants {
	background: url(/images_www/icon-invitepeeps40.png) no-repeat 0px 0px;
}
#notreadymsg li.options {
	background: url(/images_www/icon-options40.png) no-repeat 0px 0px;
}




/* 5. RECIPIENT ECARD (there's also ecard-code.css for the form page)
**********************************************************/

#ecardrecipient #invitecontent #frame {
	height: 650px;
}
#ecardrecipient #invitecontent #frame #contributors {
	height: 320px;
	width: 95%;
	overflow: auto;
	margin-top: 0px;
	padding-top: 0px;
}


#ecardrecipient .form_generic {
	padding: 10px 16px 0px 16px; 
	margin: 10px 10px 10px 0;
	background: #bdda8d url(/images_www/bg-gv-bdda8d250.gif) repeat-x; 
}
#ecardrecipient .form_generic div { 
	margin: 10px 0; 
	clear: both; 
}
#ecardrecipient .form_generic #ecard_from { width: 340px; }
#ecardrecipient .form_generic label { display: block; color: #666; font-size: 12px; }
#ecardrecipient .form_generic input#ecard_from { width: 250px; }
#ecardrecipient .form_generic #submit { width: 100%; text-align: right; }
#ecardrecipient .form_generic #name input { width: 100%; }
#ecardrecipient .form_generic #msg textarea { width: 100%; height: 75px; }
#ecardrecipient .form_generic #msg textarea, #ecard .form_generic #name input { 
	border: 1px solid #ccc;
	padding: 4px;
	font-size: 13px;
}

#ecardrecipient .form_generic .email_back_txt {
	font-weight: bold;
	font-style: italic;
}
#ecardrecipient .form_generic p { 
	padding-bottom: 130px; 
}