
/* ********** Transform users list */
#homeUsersBox{ clear: both; float: left; position: relative; left: -70px; margin: 17px 0 60px;
	perspective: 900px;
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	-o-perspective: 900px;
}
_:-o-prefocus, #homeUsersBox { left: 0; }
#homeUsersBox div.perspective{ display: block;
	-webkit-transform: rotateY(-15deg);
	-webkit-transform-style: preserve-3d;
	-moz-transform: rotateY(-15deg);
	-moz-transform-style: preserve-3d;
	-o-transform: rotateY(-15deg);
	-o-transform-style: preserve-3d;
	transform:rotateY(-15deg);
	transform-style: preserve-3d;
 }
#homeUsersBox div.perspective .usersList{ overflow: hidden;	width: 993px; height: 553px; background-color: #7D96B6;	border: 2px solid #66a9d8 !important; padding: 0 0 10px 3px; }
.reflection { display: inline-block; overflow: hidden; width: 1000px; height: 90px; margin-bottom: 15px; }
.reflection .usersList { width: 1000px !important;
	-webkit-transform: scaleY(-1);
	-moz-transform: scaleY(-1);
	-ms-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	transform: scaleY(-1);
 }
.overlay { position: absolute; top: 569px; left: 0; width: 100%; height: 90px;
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0.4), rgba(255,255,255,1));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4), rgba(255,255,255,1));
	background-image: -o-linear-gradient(top, rgba(255,255,255,0.4), rgba(255,255,255,1));
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0.4), rgba(255,255,255,1));
	background-image: linear-gradient(top, rgba(255,255,255,0.4), rgba(255,255,255,1));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#B2000000, endColorstr=#F0000000)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5E9ECED,endColorstr=#E5E9ECED);
    zoom: 1;
	background-color: rgba(225,255,255,0.5);
 }
.usersPerspective ul li { float: left;	margin: 10px 0 2px 15px; }
.usersPerspective ul li img { width: 124px;	height: 124px; }



/* ********** MEETING: Advice for women and men */
.advice { position: relative;float: left; width: 500px; margin-bottom: 10px; }
.advice img { float: left; margin: 10px 10px 0 0; }
.advice .adviceShortText { float: left; width: 250px; margin: 10px 10px 0 0; }
.advice .dash a { display: inline-block; color: #FFF; line-height: 27px; padding-right: 22px; background: url("/view/templates/default/img/arrows/white_arrow_small.png") right 9px no-repeat; }
.advice .dash a:hover { text-decoration: underline; }
.advice a.more { position: absolute; bottom: 0; right: 0; color: #36739e; display: inline-block; text-decoration: underline; margin: 5px 20px 0 0; }
.advice a.more:hover { text-decoration: none; }

/* ********** TABS: (About text) */
.aboutText { columns: 2;	-moz-columns: 2; -webkit-columns: 2; -o-columns: 2;	font-size: 12px; }
.aboutText h1 {	display: block;	color: #2896B6;	margin-bottom: 5px; }
.aboutText h2 { display: inline; font-weight: bold; color: #181818; }




/* ********** Styles for alternative homepage offline */

/* ********** Styles for  user list */
#homeUsersBoxAlt { clear: both; float: left; position: relative;  margin: 17px 0 30px; }
.usersListAlt  .regFormStep1 { background-color: rgba(233, 236, 237, 0.8) !important; height: 300px; }
.usersListAlt .regFormStep1 label, .usersListAlt  .regFormStep1 h2 { font-weight: bold; }
.usersListAlt  .regFormStep1 h2 { font-size:21px; }
.usersListAlt{ background: url("/view/templates/default/img/users_list.JPG"); border: 15px solid #7D96B5; height: 543px;width: 970px; }
.usersListAlt .regFormStep1Home { position: absolute; top: 100px; left: 266px; }

/* ********** Styles for prefooter section  */
.footerContainerCenter { margin: 0 auto; width: 1000px; display: table; }
.preFooter_alt { width: 986px;  background: #ffffff; position: relative; border-top:1px solid #2c4369; padding: 20px 7px 40px; float: left; margin:20px 0 30px 0;  }
.preFooter_alt li { float: left; width: 233px; margin-right: 18px;  }
.preFooter_alt li.last { margin-right: 0; }
.preFooter_alt h4 { color: #2896b6; font-weight: bold; font-size:1.2em; margin-bottom: 13px; }
.preFooter_alt p { color: #3f4158; margin-top: 10px; }

/* ********** Styles for footer  */
.footerContainerAlt { width: 1000px; background: #ffffff; float: left; border-top: 1px solid #2c4369; margin-bottom: 20px; display: table-row; }
 .footerAlt { background: #f1f3f5; }
.footerContainerAlt a { color: #2c4369; display: block; padding: 4px 0; }
.footerContainerAlt ul { padding: 18px 0 18px 15px;}
.footerContainerAlt a:hover { color: #3F3F3F; }
.footerLeft { width: 199px; }
.footerCenter , .footerRight { width:399px; }
.footerLeft , .footerCenter , .footerRight { display: table-cell; }
.footerLeft , .footerCenter { border-right: 1px solid #2896b6; }
.footerTitle { background:#d5d9e1; border-bottom: 2px solid #CCCCCC;; padding-left: 15px; }
.footerTitle h4 { color: #2896b6;  height: 37px; line-height: 37px; font-weight: bold;  }
.footerRight ul { float: left; }

.footerMenuListing { width: 100%; }
.footerMenuListing li { float: left; width: 50% }
.footerCenter ul { float: left; }
