body { background-color: #000; background-image: url(images/BG6.gif); background-repeat: repeat-x; margin-left: 0; margin-top: 10px; }
.MainTable {  }
#contentAreaContainer { position: relative; width: 550px; height: 290px; z-index: 10; overflow: hidden; border: solid 10px #399cbd; }

#contentAreaContentLayer { color: #fff; font-size: 11px; font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif; background-color: #232323; background-image: url(images/BG4.gif); text-decoration: none; position: relative; top: 0; left: 0; right: 0; bottom: 0; width: 2400px; height: 420px; overflow: hidden; }

.spacer {
	width: 50px;
	height: 280px;
	float: left;
}
#layer_spacer_V { visibility: visible; float: left; clear: both; }
.container {
	float: left;
}
#layer_content { float: left; }
#layer_welcome_content {
	color: #fff;
	font-size: 14px;
	font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	display: block;
	width: 220px;
	height: 20px;
	overflow: visible;
	clear: both;
}

/*    Text    */

.Text_logo { color: #fff; font-size: 14px; font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif; text-decoration: none; }
.Text_invitation { color: #fff; font-size: 20px; font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif; font-weight: bold; text-decoration: none; }
/*    Frame 1    */

#textIntroduction {
	color: #ccc;
	font-size: 11px;
	font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	visibility: visible;
	width: 220px;
	height: 260px;
	overflow: hidden;
	float: left;
	padding: 10px;
}

#textIntroductionAssets {
	color: #ccc;
	font-size: 14px;
	font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif;
	line-height: 18px;
	text-decoration: none;
	visibility: visible;
	padding: 10px;
	width: 260px;
	height: 260px;
	float: left;
	overflow: hidden;
	margin-left: 30px;
}
.NextFrame { color: #fff; font-size: 12px; font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif; text-decoration: none; height: 15px; float: right; padding: 3px; }
.ArrowNextFrame { width: 15px; height: 15px; float: left; margin-top: 2px; padding: 3px; }
/*    Frame 2    */

.pix_main {
	padding: 1px;
	border: solid 10px #399cbd;
}
.pixContainer {
	width: 310px;
	visibility: visible;
	float: left;
	padding: 10px 15px 15px 10px;
}

#textPix {
	color: #ccc;
	font-size: 11px;
	font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	visibility: visible;
	width: 200px;
	height: 260px;
	overflow: hidden;
	float: left;
	padding: 10px;
}
/*    Frame 3 */
.pix_main2 {
	padding: 1px;
	border: solid 10px #399cbd;
}

#formContainer {
	visibility: visible;
	padding: 10px;
	width: 530px;
	height: 260px;
	float: left;
}

#tr_endroit {
	visibility: hidden;
}

input, textarea, select {
	color: #ebebeb;
	font-size: 10px;
	font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	background-color: #0f0f0f;
	border: solid 1px #303030;
}

.InputCountry {
	color: #414141;
	font-size: 10px;
	font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	background-color: #0f0f0f;
	border: solid 1px #303030;
}

td {
	color: #999;
	font-size: 11px;
	font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
}

#invitation_message {
	color: #ccc;
	font-size: 13px;
	font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif;
	line-height: 16px;
	text-decoration: none;
	text-align: left;
	display: block;
}
#textEnd { color: #ccc; font-size: 11px; font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif; text-decoration: none; width: 210px; float: left; padding-top: 10px; }
#layer_comment { width: 220px; height: 120px; overflow: auto; visibility: visible; float: left; padding-bottom: 10px; overflow-x: hidden;}
/*    Thumbnails    */
#PixLayer { position: relative; top: 0; left: 0; right: 0; bottom: 0; width: 554px; height: 87px; z-index: 0; }
#arrowsLeft { visibility: visible; width: 30px; height: 50px; float: left; padding-top: 20px; }
#arrowsRight { visibility: visible; padding-top: 20px; width: 30px; height: 50px; float: left; }
.thumbs {
	visibility: visible;
	width: 60px;
	height: 60px;
	float: left;
	margin-right: 3px;
	padding: 1px;
	border: solid 2px #ccc;
}

.thumbs:hover {
	visibility: visible;
	width: 60px;
	height: 60px;
	float: left;
	margin-right: 3px;
	padding: 1px;
	border: solid 2px #e80771;
}

#thumbsContentLayer { position: relative; top: 0; left: 0; right: 0; bottom: 0; width: 1380px; height: 70px; float: left; }

#thumbsContainer { position: relative; width: 276px; height: 70px; overflow: hidden; float: left; }

#thumbsArrowsContainer { width: 336px; height: 70px; overflow: hidden; float: left; margin-top: 15px; }

#UploadContainer { color: #d5d5d5; font-size: 11px; font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif; background-color: #9e9e9e; text-decoration: none; position: relative; top: 15px; left: 58px; visibility: visible; width: 160px; height: 51px; float: left; overflow: hidden; padding: 7px; border-bottom: 1px solid #414040; border-right: 1px solid #414040; }
.UploadContainerLink { color: #fff; font-size: 15px; font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif; text-decoration: none; }
/*    Footer    */

#onygoInfoContainer { width: 568px; height: 130px; position: relative; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; }
#onygoInfo { color: #fff; font-size: 11px; font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif; text-decoration: none; text-align: center; margin-top: 10px; padding-top: 20px; padding-bottom: 20px; position: relative; z-index: 5; top: 0; right: 0; bottom: 0; left: 0; width: 568px; height: 100px; border-color: #1c1c1c !important; border-style: solid; border-width: 1px; }
.onygoInfoContent {
	color: #303030;
	font-size: 11px;
	font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	text-align: left;
	width: 150px;
	height: 100px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}

.onygoInfoContentTitle {
	color: #399cbd;
	font-size: 11px;
	font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
}

.onygoInfoContentText {
	color: #303030;
	font-size: 11px;
	font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	list-style-type: square;
}

.onygoInfoContentText:hover {
	color: #fff;
	font-size: 11px;
	font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif;
	background-color: #727272;
	text-decoration: none;
	list-style-type: square;
}

#onygoInfoContentGoogle {
	color: #303030;
	font-size: 11px;
	font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	text-align: left;
	width: 150px;
	height: 80px;
	float: left;
	clear: none;
	padding-left: 10px;
}

.font_legal {
	color: #303030;
	font-size: 10px;
	font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	text-decoration: none;
}
#Colors { width: 100px; height: 4px; overflow: hidden; float: left; clear: both; margin-top: 15px; margin-left: 2px; }
/*    Navigation    */

#layer_nav { width: 262px; float: left; display: block; color: #cacaca; font-size: 11px; font-family: Arial, Helvetica, Geneva, sans-serif; text-decoration: none; position: relative; z-index: 10; }
#layer_nav_icons { display: block; position: relative; left: 1px; z-index: 20; width: 32px; height: 200px; float: left; }
#layer_nav_legend {
	color: #831348;
	font-size: 10px;
	font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	display: block;
	width: 180px;
	height: 15px;
	overflow: visible;
	float: left;
}

#layer_nav_content { color: #fff; font-size: 11px; font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif; text-decoration: none; text-align: left; position: relative; left: 1px; display: block; width: 220px; height: 280px; overflow: auto; visibility: visible; float: left; padding: 5px; }

#layer_nav_input {
	color: #ffffff;
	font-size: 11px;
	font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	background-color: #e80771;
	border: solid 1px #a4004d;
}

#layer_nav_contact { position: relative; top: 0; left: 0; right: 0; bottom: 0; width: 32px; height: 32px; }
#layer_nav_icon_info { font-size: 11px; font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif; text-decoration: none; text-align: left; display: block; float: left; }
.Text_nav {
	color: #cacaca;
	font-size: 11px;
	font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	text-align: left;
}

.Text_nav:hover {
	color: #e80771;
	font-size: 11px;
	font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	text-align: left;
	border-bottom: 1px dotted #e80771;
}

.form_forgot_password {
	color: #a4004d;
	font-size: 11px;
	font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
}

#layer_formchangeinfo {
	color: #ffffff;
	font-size: 12px;
	font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	text-align: left;
	display: block;
	width: 180px;
	height: 110px;
}

.form_titles {
	color: #fff;
	font-size: 14px;
	font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
}

.input_pink {
	color: #fff;
	font-size: 11px;
	font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif;
	background-color: #5c5959;
	text-decoration: none;
	background-color: #e80771;
	border: solid 1px #a4004d;
}

.input_orange {
	color: #fff;
	font-size: 11px;
	font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	background-color: #e86612;
	border: solid 1px #c56121;
}

/*    Header
    */

#MenuContainer { background-color: #f6f6f6; width: 562px; height: 13px; overflow: hidden; margin-bottom: 3px; padding: 3px; border: solid 1px #d0d0d0; }

.MenuContainerLink { color: #fff; font-size: 12px; font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif; text-decoration: none; position: relative; left: -10px; }
#Frame1 { background-color: #e80771; position: relative; top: 10px; left: 0; right: 0; bottom: 0; width: 145px; height: 35px; float: left; margin-right: 5px; margin-left: 10px; border-left: 15px solid #f4bc22; }
#Frame2 { background-color: #e80771; position: relative; top: 10px; left: 0; right: 0; bottom: 0; width: 180px; height: 35px; float: left; margin-right: 5px; border-left: 15px solid #399cbd; }
#Frame3 { width: 125px; height: 15px; float: left; }
.GoBack { position: relative; left: -12px; float: left; margin-top: 2px; margin-right: 3px; }
#MenuNavContainer { color: #838383; font-size: 11px; font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif; text-decoration: none; background-color: #f6f6f6; margin-bottom: 3px; padding: 3px; width: 222px; height: 13px; overflow: hidden; margin-left: 10px; border: solid 1px #d0d0d0; }
/*    Alert window
    */
#layer_blank_cover { background-color: #fff; text-align: center; z-index: 1500; visibility: hidden; filter: alpha(opacity=75); opacity: .75; }
#layer_blank_cover_content { color: #399cbd; font-size: 12px; font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif; line-height: 14px; background-color: #fff; text-decoration: none; text-align: left; z-index: 1000; overflow: auto; visibility: hidden; }
.layer_blank_cover_content_link {
	color: #328ba9;
	font-size: 12px;
	font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif;
	line-height: 14px;
	text-decoration: none;
	border-bottom: 1px dotted #328ba9;
}
/*    Address book
 & image book
    */

.user_pix_thumbnails {
	border: solid 2px #e86612;
}

.user_pix_thumbnails:hover {
	border: solid 2px #fff;
}

.userAddEmail {
	color: #fff;
	font-size: 11px;
	font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
}

.userAddEmail:hover {
	color: #49571d;
	font-size: 12px;
	font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

.userAddEmail_erase {
	color: #545c25;
	font-size: 11px;
	font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
}

.userAddEmail_erase:hover {
	color: #9e1732;
	font-size: 11px;
	font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
}

/* TIPS */

.tool-tip { color: #fff; font-size: 11px; font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif; text-decoration: none; width: 139px; z-index: 13000; }
 
.tool-title { font-size: 11px; margin: 0; color: #e80771; font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif; padding: 8px 8px 4px; background: url(images/bubble.png) left top; text-decoration: none; text-transform: uppercase; }
 
.tool-text { color: #fff; font-size: 11px; font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif; padding: 4px 8px 8px; background: url(images/bubble.png) right bottom; text-decoration: none; }
/* RIBBON */
#Ribbon { background-image: url(images/RibbonDark.gif); background-repeat: no-repeat; position: relative; top: 55px; left: 65px; width: 232px; height: 326px; z-index: 900; visibility: visible; filter: alpha(opacity=0); opacity: 0; }