@charset "UTF-8";
/* CSS Document */


#eventTitle{
	height:45px;
	background-image:url(/images/eventcreator/eventtype_bg.jpg);
	background-repeat:repeat-x;
	margin:auto;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	padding:0 15px;
	}
	
#eventTitle h1{color:#fff; font-weight:normal; font-size:18px; line-height:18px;}
#eventTitle span{color:#fff;}

#eventTitle input.form{
	height:29px;
	border:#fff;
	font-weight:bold;
}

#evDetail th, #evDetail td{vertical-align:top;}
#evDetail th{
	width:220px;
	text-align:right;
	font-weight:bold;}
#evDetail img#calendar{margin-bottom:-4px;margin-right:10px;}


#inviteDesign, #guestlist{
	width:870px;
	margin-top:-1px;}


#inviteSendPreview{width:440px;}

#inviteSendGuestlist{width:380px; float:right;}

#inviteSendGuestlist div.listWrap{
	width:380px;
	height:600px;
	overflow:auto;}
	
#inviteDesignMenu{
	width:685px;
	margin:auto;
	position:relative;
	z-index:10000;}
	
#inviteDesignMenu div.ddInvites, div.createInvites, div.eflyer{
	width:227px;
	height:50px;
	float:left;
	padding-top:8px;}

#inviteDesignMenu div.ddInvitesActive, div.createInvitesActive, div.eflyerActive{
	width:227px;
	height:50px;
	float:left;
	padding-top:8px;
	background-image:url(/images/invite_menu.gif);
	background-position:top;
	background-repeat:no-repeat;}

#inviteDesignMenu div.ddInvites:hover, div.createInvites:hover, div.eflyer:hover{
	background-image:url(/images/invite_menu.gif);
	background-position:top;
	background-repeat:no-repeat;}
	
.btCreateInvites{
	margin:auto;
	width:195px;
	height:49px;
	background-image:url(/images/eventcreator/invite_create2.png);
	background-repeat:no-repeat;
}

.btCreateInvitesActive{
	margin:auto;
	width:195px;
	height:49px;
	background-image:url(/images/eventcreator/invite_create1.png);
	background-repeat:no-repeat;
}

.btCreateCommunicate{
	margin:auto;
	width:195px;
	height:49px;
	background-image:url(/images/eventcreator/communicate_create2.png);
	background-repeat:no-repeat;
}

.btCreateCommunicateActive{
	margin:auto;
	width:195px;
	height:49px;
	background-image:url(/images/eventcreator/communicate_create1.png);
	background-repeat:no-repeat;
}

.btFlyer{
	margin:auto;
	width:195px;
	height:47px;
	background-image:url(/images/eventcreator/flyer_bt1.png);
	background-repeat:no-repeat;
	background-position:top;
}

.btFlyerActive{
	margin:auto;
	width:195px;
	height:47px;
	background-image:url(/images/eventcreator/flyer_bt2.png);
	background-repeat:no-repeat;
}

.btDdInvites{
	margin:auto;
	width:195px;
	height:49px;
	background-image:url(/images/eventcreator/invite_dd2.png);
	background-repeat:no-repeat;
}

.btDdInvitesActive{
	margin:auto;
	width:195px;
	height:49px;
	background-image:url(/images/eventcreator/invite_dd1.png);
	background-repeat:no-repeat;
}



.group_btKeyword{
	width:90px;
	height:19px;
	background-image:url(/images/bts/groups/keyword1.gif);
	margin-right:3px;
	float:left;}
	
.group_btKeyword:hover{background-image:url(/images/bts/groups/keyword2.gif);}

.group_btKeywordActive{
	width:90px;
	height:19px;
	background-image:url(/images/bts/groups/keyword_act.gif);
	margin-right:3px;
	float:left;}
	
	
.group_btCategory{
	width:67px;
	height:19px;
	background-image:url(/images/bts/groups/category1.gif);
	margin-right:3px;
	float:left;}
	
.group_btCategory:hover{background-image:url(/images/bts/groups/category2.gif);}

.group_btCategoryActive{
	width:67px;
	height:19px;
	background-image:url(/images/bts/groups/category_act.gif);
	margin-right:3px;
	float:left;}
	
	
.group_btPlace{
	width:67px;
	height:19px;
	background-image:url(/images/bts/groups/place1.gif);
	margin-right:3px;
	float:left;}
	
.group_btPlace:hover{background-image:url(/images/bts/groups/place2.gif);}

.group_btPlaceActive{
	width:67px;
	height:19px;
	background-image:url(/images/bts/groups/place_act.gif);
	margin-right:3px;
	float:left;}
	
	
.group_btPlace{
	width:100px;
	height:19px;
	background-image:url(/images/bts/groups/place1.gif);
	margin-right:3px;
	float:left;}
	
.group_btPlace:hover{background-image:url(/images/bts/groups/place2.gif);}

.group_btPlaceActive{
	width:100px;
	height:19px;
	background-image:url(/images/bts/groups/place_act.gif);
	margin-right:3px;
	float:left;}
	
.group_btDate{
	width:92px;
	height:19px;
	background-image:url(/images/bts/groups/date1.gif);
	margin-right:3px;
	float:left;}
	
.group_btDate:hover{background-image:url(/images/bts/groups/date2.gif);}

.group_btDateActive{
	width:92px;
	height:19px;
	background-image:url(/images/bts/groups/date_act.gif);
	margin-right:3px;
	float:left;}





#EventOrganizerMessage{
	background:url(../../images/bgmenagermessage.jpg) no-repeat;
	padding:15px;
	padding-top:20px;
	width:380px;
	height:66px;
	margin-top:5px;}
	
	
		
.subBox{
	background-color:#e4eaf0;
	border:#d5dde0 1px solid;
	float:left;
	padding:15px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;}
	
.save{
	width:100%;
	border-top:#b3cfd9 1px solid;
	text-align:center;
	padding-top:15px;
	margin-top:15px;
	background-image:url(/images/bt_save_lineicon.gif);
	background-position:center top;
	background-repeat:no-repeat;
	float:left;}
	
.saveStep{
	width:100%;
	text-align:center;
	margin-top:30px;
	float:left;}
	
#imgGallery_navigate, #templateGallery_navigate, #evPageThemes{
	width:898px;
	height:85px;
	float:left;
	padding:15px 1px 15px 1px;}
	
#evPageThemes img{margin-right:1px;}

#evPageThemes img.selected{border:#b3d903 4px solid;margin-bottom:-4px;}
	
#backgroundImageGallery_navigate{
	width:400px;
	height:95px;
	overflow:auto;}

#imgUpload, #eventPageBgColor{
	width:870px;
	float:left;
	padding:15px;}
	
#inviteContent{float:left;width:870px;}

#desenhe_editBox{
	float:right;
	width:420px;
	text-align:left;}

#desenhe_editBox div.cell{
	width:400px;
	border-left:none;border-right:none;
	border-bottom:#c2cdd1 1px solid;
	margin:0 10px;
	padding:10px 0;
	float:left;}

#desenhe_editBox div.lastCell{
	width:400px;
	height:135px;
	margin: 10px;
	float:left;}
	
.setColor{
	width:19px;
	height:19px;
	border: white 1px solid;
	background-color:#F90;
	float:left;
	margin-right:3px;}
	
.setColorLabel{float:left;margin-right:10px;}

.label{
	clear:both;
	font-family: "Trebuchet MS", "Segoe UI", helvetica, arial, geneva, sans-serif;
	font-size: 15px;
	color: #44687e;
	font-weight:bold;}
	
.setColorEvPage{
	width:50px;
	height:50px;
	border:#808285 1px solid;
	background-color:#F90;
	float:left;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;}
	
	
#SendInvite{
	background-color:#feffdf;
	border:#dfe0bc 1px solid;
	width:910px;
	padding:10px;}
	
#SendInvite a.btClose{
	float:right;
	font-family: "Trebuchet MS", trebuchet, helvetica, arial, geneva, sans-serif;
	font-size: 11px;
	font-weight:bold;}
	
	



#galleryBox{
	float:left;
	padding:10px;
	min-height:120px;
	background-color:#3e3f41;
	width:850px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-bottom:30px;
	color:#fff;}
	
#galleryBox span, #galleryBox h3{
	color:#fff;}



	
	

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



/* Convite ------------------------------------------------------------------------------------------*/

#invitePreview{
	width:430px;
	padding:4px;
	border: silver 1px solid;
	float:left;
	background-color:#fff;}

#invitePreview img{margin-bottom:3px;}
#headerBar, #footerBar, #headerBar2, #footerBar2{height:5px;background-color:#231f20;width:100%;}
.invite_h1{font-family:"Times New Roman", Times, serif;font-size:22pt;color:#231f20;}
.invite_h2{font-family:"Times New Roman", Times, serif;font-size:12pt;color:#231f20;}
.invite_text{font-family:"Times New Roman", Times, serif;font-size:12pt;color:#231f20;}


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


/* Graybox - New Event ------------------------------------------------------------------------------------------*/



#gbMenu{
	background:url(/images/eventcreator/bgmenu.jpg) top repeat-x;
	height:71px;
	width:920px;
	text-align:center;
	padding:1px;
	margin:40px 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;}
	

#gbMenu div.boxGuest{
	margin:0 5px;
	width: 191px;
	*width:211px;
	height:51px;
	text-align:center;
	padding:10px;
	float:left;}
	
#gbMenu div.boxGuestActive{
	margin:0 5px;
	width: 191px;
	height:51px;
	text-align:center;
	padding:10px;
	float:left;
	background:url(/images/eventcreator/bgmenu_event.jpg) bottom repeat-x;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;}
	
#gbMenu div.boxEvent{
	margin:0 10px;
	width: 248px;
	height:51px;
	text-align:center;
	padding:10px;
	float:left;}
	
#gbMenu div.boxEventActive{
	margin:0 17px;
	width: 249px;
	height:51px;
	text-align:center;
	padding:10px;
	float:left;                                                                                                                       
	background:url(/images/eventcreator/bgmenu_event.jpg) bottom repeat-x;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;}

#gbMenu a:hover div.boxGuest,#gbMenu a:hover div.boxEvent{
	background:url(/images/eventcreator/bgmenu_event.jpg) bottom repeat-x;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;}
	
	
#eventMenu{
	background:url(/images/eventcreator/bgmenu.jpg) top repeat-x;
	height:33px;
	width:928px;
	padding:1px;
	margin-top:30px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;}
	
#eventMenu div.boxMenu{
	margin:0 1px;
	width: 169px;
	height:19px;
	text-align:center;
	padding:7px;
	float:left;}
	
#eventMenu div.boxMenu:hover, #eventMenu div.boxMenuActive{
	background:url(/images/eventcreator/bgmenu_event.jpg) bottom repeat-x;
	margin:0 1px;
	width: 169px;
	height:19px;
	text-align:center;
	padding:7px;
	float:left;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;}
	
	
#gbMenu div.boxGuest h3, 
#gbMenu div.boxGuest span, 
#gbMenu div.boxEvent h3,
#gbMenu div.boxEvent span, 
#eventMenu div.boxMenu h3, 
#eventMenu div.boxMenu span{color:#939598; font-weight:normal;}


#gbMenu div.boxEventActive h3,
#gbMenu div.boxEventActive span,
#gbMenu div.boMenuActive h3,
#gbMenu div.boxMenuActive span,
#gbMenu div.boxGuestActive span, 
#gbMenu div.boxGuestActive h3{color:#231f20; font-weight:normal;}


#gbMenu div.boxEvent:hover h3, 
#gbMenu div.boxEvent:hover span, 
#gbMenu div.boxMenu:hover h3, 
#gbMenu div.boxMenu:hover span, 
#gbMenu div.boxGuest:hover span, 
#gbMenu div.boxGuest:hover h3{color:#231f20; font-weight:normal;}



#eventMenu div.boxMenu:hover h3, 
#eventMenu div.boxMenu:hover span,
#eventMenu div.boxMenuActive h3, 
#eventMenu div.boxMenuActive span
{color:#231f20; font-weight:normal;}


#eventMenu h3, #gbMenu h3{
	font-size:13px;
	font-weight:bold;}
	
#gbMenu div.boxGuest h3, #gbMenu div.boxEvent h3, #gbMenu div.boxEventActive h3, #gbMenu div.boMenuActive h3, #gbMenu div.boxEvent:hover h3, #gbMenu div.boxMenu:hover h3, #gbMenu div.boxGuest:hover h3, #eventMenu div.boxMenu:hover h3, #eventMenu div.boxMenuActive h3{
	font-size:13px;
	font-weight:bold;}




	
#newEventName{
	width:440px;
	height:32px;
	padding:1px;
	padding-bottom:6px;
	*padding-bottom:8px;
	padding-bottom:8px\9;
	background-color:#157fd7;
	border:#1266ac 1px solid;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:auto;
	margin-top:40px;
	margin-bottom:40px;
}

#newEventName input{
	width:340px;
	font-size:18px;
	height:23px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}






/*-----*/




	
/*
#eventMenu div.boxMenu h3{font-size:13px;}

#eventMenu div.boxMenu:hover, #eventMenu div.boxMenuActive h3{font-size:13px;}

*/
	

#eventMenu table{margin:auto;}


td.iconDetalhe{
	background:url(/images/eventcreator/menu_detalhes.png) left no-repeat;}
	
#eventMenu div.boxMenuActive td.iconDetalhe, #eventMenu div.boxMenu:hover td.iconDetalhe{
	background:url(/images/eventcreator/menu_detalhes2.png) left no-repeat;}
	
td.iconDesign{
	background:url(/images/eventcreator/menu_design.png) left no-repeat;}
	
#eventMenu div.boxMenuActive td.iconDesign, #eventMenu div.boxMenu:hover td.iconDesign{
	background:url(/images/eventcreator/menu_design2.png) left no-repeat;}
	
td.iconLista{
	background:url(/images/eventcreator/menu_guestlist.png) left no-repeat;}
	
#eventMenu div.boxMenuActive td.iconLista, #eventMenu div.boxMenu:hover td.iconLista{
	background:url(/images/eventcreator/menu_guestlist2.png) left no-repeat;}
	
td.iconEvPage{
	background:url(/images/eventcreator/menu_evpage.png) left no-repeat;}
	
#eventMenu div.boxMenuActive td.iconEvPage, #eventMenu div.boxMenu:hover td.iconEvPage{
	background:url(/images/eventcreator/menu_evpage2.png) left no-repeat;}
	
td.iconEnvio{
	background:url(/images/eventcreator/menu_send.png) left no-repeat;}
	
#eventMenu div.boxMenuActive td.iconEnvio, #eventMenu div.boxMenu:hover td.iconEnvio{
	background:url(/images/eventcreator/menu_send2.png) left no-repeat;}



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




.albumInsertBox{
	text-align:left;
	width:435px;
	height:300px;
	*height:320px;
	height:320px\9;
	padding:10px;
	background-color:#f0f6f8;
	border: #d5dde0 1px solid;
	float:left;
	margin-right:10px;
	-moz-border-radius:10px; -webkit-border-radius:10px;}
	

	
.albumInsertBox .gallery{
	width:410px;
	height:175px;
	*height:195px;
	height:195px\9;
	padding:10px;
	background-color:#e4eaf0;
	border: #d5dde0 1px solid;
	float:left;
	-moz-border-radius:10px; -webkit-border-radius:10px;
	overflow:hidden;
}




/*ENVIO E IMPRESSAO----------------------------------------------------------------------------------------------*/


#previewSaldo{
	width:890px;
	float:left;
	background-color:#fff;
	padding:15px;
	border-bottom:silver 1px dotted;
	margin-bottom:15px;
	height:65px;
}


#previewConvite{
	width:440px;
	float:left;
	background-color:#f9f9f9;
	border: #f0f0f0 1px solid;
	padding:15px;
	min-height:400px;
	margin-bottom:15px;
}

#previewLista, .previewSms{
	width:370px;
	float:left;
	margin-bottom:10px;
}

.previewSms div.smsText{
	background-color: #e7f1f8;
	margin:10px 0 10px 0;
}



.check{width:80px;float:left;}
.check table{width:80px;}

.name{float:left; margin-top:2px}
.status{width:90px;float:right;}

.status img{margin-left:18px; margin-top:3px}