/* template navigation */

/* .template #tempalte_results { list-style: none; } */

.ribbon-title {
	padding-left: 10px;
	}

div.templates-container-background { 
	margin-top : -5px ; 
	padding: 0; 
	background: url("/site/resource/images/invite/templates-container-background.png") repeat-y ; 
	width: 672px;
	height: auto;
	}
	
div.template-container-background_footer {
	margin-top : -6px ; 
	background: url("/site/resource/images/invite/templates-container-background-footer.png") no-repeat scroll 0 0;
	height: 18px;
	width: 672px;
	}
div.template { width: 670px; /* border: red 1px solid; */ }
div.template ul li {  list-style: none; text-decoration: none; }

div.template div.navList
{
	display: block;
    text-align:center;
    width: 100%;
	height: 30px;
}

div.template div.navList ul
{
    margin-right: 10px;
	float: right;
    width: 250px;
}

div.template div.navList li
{
	float: right;
	padding:0 0px;
	white-space:nowrap;
}

div.template div.navList .page
{	
	width: 115px;
	font-size: 0.9em;
	text-transform: none;
	color: #5F5698;
}

div.template div.navList .page select
{
	width: 50px;
	font-size: 0.9em;
	text-align: right;
	color: #000000;
}
div.template div.navList li a
{
	display: block;
	height:	50px;
}

div.template div.navList li.next a
{
	background: url('/site/resource/images/invite/btn-MediumArrowNext.png') no-repeat scroll 0 0;
	margin-top: 2px;
	margin-right: 6px;
	margin-left: 4px;
	width: 16px;
	height:	15px;
	cursor: pointer;
}

div.template div.navList li.next a:hover
{
	/* background-position: 0 -50px; */
	background: url('/site/resource/images/invite/btn-MediumArrowNext.png') no-repeat scroll 0 -15px transparent;
	width: 16px;
	height:	15px;
	cursor: pointer;
}

div.template div.navList li.previous a
{
	background:url('/site/resource/images/invite/btn-MediumArrowPrevious.png') no-repeat scroll 0 0;
	margin-top: 2px;
	margin-right: 4px;	
	width: 16px;	
	height:	15px;
	cursor: pointer;
}

div.template div.navList li.previous a:hover
{
	background:url('/site/resource/images/invite/btn-MediumArrowPrevious.png') no-repeat scroll 0 -15px transparent;
	width: 16px;	
	height:	15px;
	cursor: pointer;
}
/*############################# NEW Style #############################*/

div.template div.template-image { border: white 1px red; }
div.view-more { float: right; border: 0; padding-right: 10px; }
div.view-more img { border: none; }

/* ********** templates header ********** */
div.template div.padder
{
    padding-bottom: 5px;
    padding-top: 5px;
}
div.template div.occasion p
{
    font-size: 120%; 
    font-weight: bold; 
    padding: 0 10px 10px 20px;
}

div.template div.templateHead
{
	border-bottom:			1px dashed #a3a3a3;
}

div.template div.templateHead H1
{
	color:					#522079;
	font-weight:			bold;
}

div.template div.templateHead p
{
	margin-bottom:			10px;
	margin-top:				5px;
}

div.template div.templateHead H1,
div.template div.templateHead p
{
	margin-left:			20px;
	margin-right:			20px;
}

/* ********** template results ********** */
#template_results.error
{
	background:					none;
	font-weight:				bold;
	text-align:					left !important;
}

#template_results li
{
	float:					left;
	margin:					2px 6px 10px 6px;
	position:				relative;
	text-align:				center;
	width: 150px;
}

#template_results li a
{
	cursor:					default !important;
	color:					#828282 !important;
	display:				block;
	height:					245px;
	padding:				10px;
	text-decoration:		none;
	width:					150px;
}

#template_results li a:hover
{
	cursor:					pointer;
}

#template_results li a:hover
{
	background:				#f1f1f1;
}

#template_results li a img.enlarge
{
	cursor:					pointer;
	display:				none;
	height:					14px;
	left:					20px;
	position:				absolute;
	top:					2px;
	width:					14px;
	z-index:				9999;
}

#template_results li a:hover img.enlarge
{
	display:				none;
}



#template_results div.template-image {
	display: block; 
	background:				url(/site/resource/images/invite/template-background.png) center center no-repeat;
	height:					160px;
	width:					155px
}


#template_results li div.template-image img.preview
{
	position: absolute;
	background:				#d1d5d6 url(/site/resource/img/global/ajax/loader_greylight_purple.gif) center center no-repeat;
	/* height:					150px; */
	height:					120px;
	width:					120px;
	/* border: blue 1px solid; */
	top: 24px;
	left:15px;
}

#template_results li img
{
	cursor:					pointer;
}

#template_results li div.separator
{
	border-bottom: 			1px dashed #a3a3a3;
	line-height:			0;
	margin:					5px 0;
	width:					auto !important;
}

#template_results li span
{
	color:					#521f7b;
	cursor:					pointer;
	font-size:              1em;
}

#template_results input
{
	border:					0 !important;
}

#template_results li p input
{
	margin:					0 4px 0 0;
	padding:				0;
}

#template_results li div,
#template_results li p
{
	margin: 				0 auto;
	text-align:				left;
	width:					150px;
	font-size:              0.8em;
}

#template_results li div { text-align: center; }

/* ########## common elements ########## */
/* ********** buttons ********** */
#event .btn_group
{
	/* background: 			#f6f6f6 url(/site/resource/img/invite/btn_group_bg.jpg) repeat-x 0 0; */
	display: 				block;
	margin:					2px 0;
	padding: 				2px 5px;
	text-align:				right;
}

#event .preview_page { 
	height:auto; 
	display: block; 
	width: 965px;
	position: absolute; 
	bottom: 0px; 
	right: 10px;
	}

/* button group - control */
#event .btn_group .btns_control a
{
	float:					right;
	height:	41px;
	margin: 0;
	margin-left: 10px;
}

#event .btn_group .btns_control a:hover
{
	color: #5F5698;
}

#event .btn_group .btns_control a span
{
	display:none;
}

#event .btn_group .btns_control a.previous
{
	float: left;
	text-align: left;
	cursor: pointer;
}

#event a.btn_add_contacts
{
	background:				url(/site/resource/images/invite/button/btn_add_contacts.png) no-repeat 0 0;
	width: 200px;
}

#event a.btn_change_design
{
	background:				url(/site/resource/images/invite/button/btn_change_design.png) no-repeat 0 0;
	width: 148px;
}

#event a.btn_edit_details
{
	background:				url(/site/resource/images/invite/button/btn_edit_details.png) no-repeat 0 0;
	width: 140px;
}
#event a.btn_print_invite
{
	background:				url(/site/resource/images/invite/button/btn_print_invite.png) no-repeat 0 0;
	width: 159px;
}
#event a.btn_print_guest_list
{
	background:				url(/site/resource/images/invite/button/btn_print_guestlist.png) no-repeat 0 0;
	width: 180px;
}


#event a.btn_preview
{
	background:				url(/site/resource/images/invite/button/btn_preview.png) no-repeat 0 0;
	width: 116px;
}

/* button group - rsvp */
#event .btn_group .btns_rsvp ul li
{
	float: left;
}

#event .btn_group .btns_rsvp ul h3
{
	margin-top: 0.8em;
	font-size: 1.1em;
}

#event .btn_group .btns_rsvp a
{
	display:				block;
	height:					41px;
}

#event .btn_group .btns_rsvp a.btn_print_invite
{
	float:right;
}

#event a.btn_preview:hover,
#event a.btn_change_design:hover,
a.btn_print_invite:hover,
a.btn_print_guest_list:hover,
a.btn_add_contacts:hover,
a.btn_edit_details:hover
{
  /* background-position:	0 -29px !important; */
  background-position:	0 bottom !important;
}

a.btn_print_guest_list
{
	background:				url(/site/resource/img/invite/button/black/btn_print_guestlist.png) no-repeat 0 0;
	width: 90px;
	
}

#event .btn_group .btns_rsvp a span
{
	display:				none;
}

#event .btn_group .btns_rsvp h1
{
	color:					#444;
	font-weight:			bold;
	float:					left;
}

#event a.btn_maybe
{
	background:				url(/site/resource/images/invite/button/btn_rsvp_maybe.png) no-repeat 0 0;
	width:					130px;
}

#event a.btn_no
{
	background:				url(/site/resource/images/invite/button/btn_rsvp_no.png) no-repeat 0 0;
	width:					240px;
}

#event a.btn_yes
{
	background:				url(/site/resource/images/invite/button/btn_rsvp_yes.png) no-repeat 0 0;
	width:					240px;
}

#event a.btn_yes:hover, #event a.btn_maybe:hover,
#event a.btn_no:hover
{
  /* background-position:	0 -29px !important; */
  background-position:	0 bottom !important;
}

#event .btns_photos a.btn_view_photos
{
	background:				url(/site/resource/img/invite/button/black/btn_view_event_photos.png) no-repeat 0 0;
	display:				block;	
	float:					right;
	height:					29px;
	width:					144px;
}

#event .btns_photos a:hover.btn_view_photos
{
	background-position:	0 bottom;
}

#event .btns_photos a.btn_view_photos span
{
	display:				none;
}


/* override for details.aspx */
#event .btn_group.details
{
	margin-bottom:			10px;
}

#event .btn_group.details .contributor
{
	float:					left;
}

#event .btn_group.details .contributor h3
{
	/* display:				inline;
	font-size:				100%; */
	font-size: 1.0em;
}

#event .btn_group.details .contributor a
{
	display:				inline;
}

#event .btn_group.details .control
{
	float:					right;
}


/* ********** buttons (large) ********** */
#event .btn_group_large
{
	/* border-top:				1px dashed #bfbfbf; */
	margin-top:				10px;
	padding-left:				20px;
	padding-bottom: 2px;
	position:				relative;
	height: 50px;
}

#event .btn_group_large a span, #event a.btn_send_now span
{
	display:				none;
}

#event .btn_group_large .left
{
	float:					left;
}

#event .btn_group_large .right
{
	float:					right;
}


#event .btn_group_large a
{
	display:				block;
	float:					left;
	height:					37px;
	margin:					0;
}

/*#event a.btn_upload_contacts, #event a.btn_upload_contacts2
{
	display:				block;
	height:					40px;
	margin:					0 0px;
}*/

#event a.btn_send_now
{
	height: 38px;
}

#event .btn_group_large a:hover, #event a:hover.btn_send_now, #event a.btn_upload_contacts:hover, #event a.btn_upload_contacts2:hover
{
	background-position:	0 bottom !important;
}

#event .btn_group_large a.btn_round_join
{
	background:				url(/site/resource/img/invite/button/large/btn_round_join.jpg) no-repeat 0 0;
	height:					125px;
	width:					125px;
}

#event .btn_group_large a.btn_round_gifts
{
	background:				url(/site/resource/img/invite/button/large/btn_round_last_minute_gifts.jpg) no-repeat 0 0;
	height:					125px;
	width:					125px;
}

#event .btn_group_large a.btn_print
{
	background:				url(/site/resource/img/invite/button/large/btn_print_invite.png) no-repeat 0 0;
	display:				none;
	width:					190px;
}

#event .btn_group_large a.btn_upload
{
	background:				url(/site/resource/img/invite/button/large/btn_upload_to_outlook.jpg) no-repeat 0 0;
	display:				none;
	height:					60px;
	width:					192px;
}

#event .btn_group_large a.btn_back
{
	background:				url(/site/resource/images/invite/button/btn_back_large.png) no-repeat 0 0;
	width:					130px;
}

#event .btn_group_large a.btn_save
{
	background:				url(/site/resource/images/invite/button/btn_save_large.png) no-repeat 0 0;
	background-position:	0 bottom;
	width:					130px;
}

#event .btn_group_large a:hover.btn_save
{
	background-position:	0 top !important;
}

#event .btn_group_large a.btn_save_draft
{
	background:				url(/site/resource/img/invite/button/large/btn_save_draft.png) no-repeat 0 0;
	width:					160px;
}

#event .btn_group_large a.btn_preview
{
	/* background:				url(/site/resource/img/invite/button/large/btn_large_preview.png) no-repeat 0 0;
	width:					160px; */
	background:				url(/site/resource/images/invite/button/btn_preview_large.png) no-repeat 0 0;
	width: 131px;
}

#event .btn_group_large a.btn_invite_send
{
	background:				url(/site/resource/img/invite/button/large/btn_next_step.png) no-repeat 0 0;
	width:					194px;
}

#event .btn_group_large a.btn_add_contacts
{
	background:				url(/site/resource/images/invite/button/btn_next_step.png) no-repeat 0 0;
	width:					194px;
}

#event .btn_group_large a.btn_add_contacts:hover
{
	display:				block;
	float:					left;
	margin:					0;
}

#event a.btn_upload_contacts
{
	background:				url(/site/resource/images/invite/button/btn_next_step.png) no-repeat 0 0;
	width:					194px;
}

#event a.btn_upload_contacts2
{
	background:				url(/site/resource/images/invite/button/btn_next_step.png) no-repeat 0 0;
	width:					194px;
}

#event a.btn_send_now
{
	background:				url(/site/resource/images/invite/button/btn_send_now.png) no-repeat 0 0;
	width:					172px;
	margin-left: 10px;
}
#event a span
{
		text-indent: -10000em;
		display: none;
}

#event a.btn_view_invite,
#event a.btn_print_preview_thin,
#event a.btn_viewguestlist_thin,
#event a.btn_print_guestlist_thin,
#event a.btn_invite_others_thin,
#event a.btn_edit_invite_thin,
#event a.btn_SaveYourEventIntoOutlook
{
	height: 9px;
}

#event a.btn_view_invite
{
	display: block;
	float: left;
	background:				url(/site/resource/images/invite/button/btn_view_invite.png) no-repeat 0 0;
	width:					95px;
	margin-left: 20px;
}

#event a.btn_print_preview_thin
{
	display: block;
	float: left;	
	background:				url(/site/resource/images/invite/button/btn_print_preview_thin.png) no-repeat 0 0;
	width:					112px;
}

#event a.btn_viewguestlist_thin
{
	display: block;
	float: left;	
	background:				url(/site/resource/images/invite/button/btn_viewguestlist_thin.png) no-repeat 0 0;
	width:					118px;
}

#event a.btn_print_guestlist_thin
{
	display: block;
	float: left;	
	background:				url(/site/resource/images/invite/button/btn_print_guestlist_thin.png) no-repeat 0 0;
	width:					120px;
}

#event a.btn_invite_others_thin
{
	display: block;
	float: left;	
	background:				url(/site/resource/images/invite/button/btn_invite_others_thin.png) no-repeat 0 0;
	width:					110px;
}

#event a.btn_edit_invite_thin
{
	display: block;
	float: left;	
	background:				url(/site/resource/images/invite/button/btn_edit_invite_thin.png) no-repeat 0 0;
	width:					86px;
}

#event a.btn_SaveYourEventIntoOutlook
{
	display: block;
	float: left;	
	background:				url(/site/resource/images/invite/button/btn_SaveYourEventIntoOutlook.png) no-repeat 0 0;
	width:					203px;
}

#event a:hover.btn_view_invite,
#event a:hover.btn_print_preview_thin,
#event a:hover.btn_viewguestlist_thin,
#event a:hover.btn_print_guestlist_thin,
#event a:hover.btn_invite_others_thin,
#event a:hover.btn_edit_invite_thin,
#event a:hover.btn_SaveYourEventIntoOutlook
{
	background-position:	0 bottom !important;
}

/* E-Cards */
#event a.btn_view_ecard,
#event a.btn_print_preview_ecard_thin,
#event a.btn_ecard_others_thin,
#event a.btn_edit_ecard_thin
{
	height: 9px;
}

#event a.btn_view_ecard
{
	display: block;
	float: left;
	background:				url(/site/resource/images/e-card/btn_view_ecard.png) no-repeat 0 0;
	width:					95px;
	margin-left: 20px;
	border: red solid 0px;
}

#event a.btn_print_preview_ecard_thin
{
	display: block;
	float: left;	
	background:				url(/site/resource/images/e-card/btn_print_preview_ecard_thin.png) no-repeat 0 0;
	width:					112px;
	border: red solid 0px;
}

#event a.btn_ecard_others_thin
{
	display: block;
	float: left;	
	background:				url(/site/resource/images/e-card/btn_ecard_others_thin.png) no-repeat 0 0;
	width:					120px;
	border: red solid 0px;
}

#event a.btn_edit_ecard_thin
{
	display: block;
	float: left;	
	background:				url(/site/resource/images/e-card/btn_edit_ecard_thin.png) no-repeat 0 0;
	width:					86px;
	border: red solid 0px;
}

#event a:hover.btn_view_ecard,
#event a:hover.btn_print_preview_ecard_thin,
#event a:hover.btn_ecard_others_thin,
#event a:hover.btn_edit_ecard_thin
{
	background-position:	0 bottom !important;
}



/* END: E-Cards */


/* General vertical button list */
#event ul.btnList
{
    margin-top:5px;
}

#event ul.btnList li
{
    margin-bottom: 15px;
}

#event ul.btnList a.btn
{
    display:block;
    height:29px;
    width:185px;
    margin-bottom:5px;
}

#event ul.btnList a.btn.large
{
    height:48px;
    width: 243px;
}

#event ul.btnList a.btn.large:hover
{
    background-position: 0 0 !important;
}

/* ********** tab navigation ********** */
#event #invite_create_navigation
{
	position:				relative;
}

#event #invite_create_navigation,
#event #invite_create_navigation li a
{
	/* background-image:		url(/site/resource/img/invite/create/navigation.png);
	background-repeat: 		no-repeat; */
	background:	url(/site/resource/images/invite/create/navigation.png) no-repeat scroll 0 0 transparent;
	height:					52px;
}

#event #invite_create_navigation li
{
	display: 				inline;
}

#event #invite_create_navigation li a
{
	float: 					left;
	width:					224px;
	/* border:1px solid red; */
}

#event #invite_create_navigation li a span
{
	display:				none;
	height: 				0;
	visibility:				hidden;
}

/* default */
#event #invite_create_navigation li#icn_design a { background-position: 0 -50px;  margin-left: 0px; }
#event #invite_create_navigation li#icn_details a { background-position: 225px 0; margin-left: 0px; }
#event #invite_create_navigation li#icn_contacts a { background-position: 450px 0; margin-left: 0px; }

/* hover */
/* click and hover action has been disabled!
#event #invite_create_navigation li#icn_design a:hover { background-position: -33px -60px; }
#event #invite_create_navigation li#icn_details a:hover { background-position: -303px -60px; }
#event #invite_create_navigation li#icn_contacts a:hover { background-position: -573px -60px; }
*/
#event #invite_create_navigation li#icn_design a:hover { background-position: 0px 0px; }
#event #invite_create_navigation li#icn_details a:hover { background-position: -224px -52px; }
#event #invite_create_navigation li#icn_contacts a:hover { background-position: -448px -105px; }
/* selected */
#event #invite_create_navigation.design li#cn_design a { background-position: 0px 0px !important; cursor: default; }
#event #invite_create_navigation.details li#icn_details a { background-position: -224px -52px; }
#event #invite_create_navigation.contacts li#icn_contacts a { background-position: -448px -105px; }


#event #invite_create_description
{
	background:				#31213b url(/site/resource/img/invite/create/navigation_description_background.jpg) top left repeat-x;
	color:					#fff;
	padding:				10px 45px 20px;
}

#event #invite_create_description h3
{
	display:				none;
	font-weight:			bold;
}

#event #invite_create_description p
{
	font-size:				14pt;
	font-weight:			bold;
	margin-top:				5px;
}

#event
{
	/* padding-top:			5px;*/
	padding-top: 0;
}

/* ********** sub navigation ********** */
#invite_create_sub_navigation
{
	/* background:					#c4c8c9 url(/site/resource/img/invite/create/sub_navigation_background.jpg) top left repeat-x; 
	border:						1px solid #bcbfbe;
	height:						40px;
	position:					relative;
	margin-top:					2px;
	*/
	padding-top: 2px;
}

#invite_create_sub_navigation ul
{
	height: 					25px;
	margin: 					7px 10px;
}

#invite_create_sub_navigation ul li
{
	float:						left;
	padding:					2px 0;
}

#invite_create_sub_navigation ul li span
{
	display: block;
	padding: 2px 5px 0 0;
	width: 70px;
	font-weight: bold;
	color: #5F5698 ;
	font-size: 0.9em;
	text-transform: capitalize;
}

#invite_create_sub_navigation ul li div.border
{
	background:					#fff;
	/*border: 					1px solid #97afc6;*/
	
	border-top:					2px solid #9A9A9A;
	border-left:				2px solid #9A9A9A;
	border-right:				2px solid #EEEEEE;
	border-bottom:				2px solid #EEEEEE;
	
	height:						15px;
	position:					relative;
	width:						275px;
}

#invite_create_sub_navigation ul li select
{
	border: #5F5698 1px solid;
	width:						170px !important;
}

#invite_create_sub_navigation ul li input
{
	border: #5F5698 1px solid;
	width:						170px;
		height:						19px;
}

#invite_create_sub_navigation ul li select,
#invite_create_sub_navigation ul li input
{
	/*font-size:					95%;*/
}

#invite_create_sub_navigation ul li input.btn-search {
	margin-left: 5px; 
	background: url("/site/resource/images/btn-search.png") no-repeat scroll 0 0 transparent;
	width: 20px;
	border: none;
	}

#invite_create_sub_navigation ul li input.btn-search:hover {
	margin-left: 5px; 
	background: url("/site/resource/images/btn-search.png") no-repeat scroll 0 -19px transparent;
	cursor: pointer;
	width: 20px;
	border: none;
	}
#invite_create_sub_navigation ul li.separator
{
	padding:					0 !important;
}

#invite_create_sub_navigation ul li.separator img
{
	height: 					25px;
	margin:						0 6px;
	width:						2px;
}

/* ********** columns ********** */
#event div.column.left
{
	float: 						left;
	width: 						670px;
}

#event div.column.right
{
	float: 						right;
	width: 						670px;
}

/* ********** hero image ********** */


#event div.hero
{
	/* height:						250px; */
	height: 380px;
	width: 670px;
	position:					relative;
	margin:						5px 0 0;
}

#event div.hero #hero-background
{
	background: #F3EFFC url(../images/invite/hero-background.png) no-repeat top center;
	height: 380px;
	width: 625px;
	margin-left: 25px;
	
}
#event div.hero img
{
	position:					absolute;
	top:						0;
}

#event div.hero table {
	background-repeat:			no-repeat;
	height:						250px;
	/* position:					absolute; */
	position: absolute;
	left:						58px;
	top:						50px;
	width:						560px;
	/* border: red solid 1px; */
	
}

#event div.hero table td.image {
	width:						50%;
}

#event div.hero table td.image img {
	margin:						10px;
}

#event div.hero table td.text {
	width:						50%;
}

/*  ########## Preview hero ##########  */

.hero-preview {
	display: block;
	position: relative;
	background: url(../images/invite/hero-background-preview.png) no-repeat center top scroll;
	padding-left: 10px;
	height: 520px;
}


/* ########## design ########## */
/* ********** occasion description ********** */
#result_description
{
	border-bottom:			1px dashed #a3a3a3;
	margin-bottom:			10px;
	margin-top:				10px;
}

#result_description h1
{
	color:					#522079;
	/*font-size:				200%;*/
	font-weight:			bold;
}

#result_description p
{
	margin-bottom:			10px;
	margin-top:				5px;
}

#result_description h1,
#result_description p
{
	margin-left:			20px;
	margin-right:			20px;
}


/* ########## details ########## */
#event #details
{
	margin-bottom: 20px;
	margin-left: 40px;
	width: 600px;
	color: #5F5698;
	font-size: 0.9em;
}

#event #details  table
{
	width: 560px;
}

#event #details td
{
	padding-bottom:5px;
	text-align:left;
	width: 50%;
	vertical-align: top;
}

#event #details td.pad_top
{
	padding-top: 10px;
}

#event #details label
{
	display:block;
	margin-bottom:2px;
}

#event #details p.sub
{
	font-size: 0.8em;
}

#event #details td.mandatory label
{
	font-weight: bold;
}

#event #details td.mandatory label span
{
    font-weight: normal;
}

#event #details input
{
	/* width: 255px; */
	width: 200px;
	height: 17px;
	color: #000000;

}

#event #details span.checkbox input
{
	/* width: 255px; */
	width: 10px;
	height: 11px;
	padding-top: 6px;
}
#event #details select.occasion
{
    /* width: 255px !important; */
		width: 200px !important; 
}

#event #details textarea
{
	margin-bottom: 5px;
	width: 530px;
}


/* ########## contacts ########## */
#contacts label
{
	font-size: 140%;
	font-weight: bold;
	margin: 10px;
}

#contacts input
{
	width: 430px;
}



		
		
	
	
/*

div.popup
{
background: url(/site/resource/img/global/popup/mask_background.png) repeat;
left: 0;
position: absolute;
top: 0;
z-index: 9999;
}

div.popup div.profile
{
position: absolute;
height: 695px;
width: 860px;

background: white;
border: 1px solid black;
z-index: 1001;
}

div.popup div.profile iframe
{
height: 100%;
width: 100%;
}

div.popup div.header,
div.popup div.body
{
display: block;
margin: 2px auto;
width: 854px;
}

div.popup div.header
{
background: #683e8a;
color: #fff;
font-family: helvetica,arial,san-serif;
height: 20px;
padding: 2px 10px;
}

div.popup div.body
{
height: 655px;
overflow:hidden;
}


*/