.mod_carifghome { font-family /*\**/: Helvetica, Arial, sans-serif\9 /*IE < IE9*/; font-size /*\**/: 12px\9 /*IE < IE9*/; line-height /*\**/: 20px\9 /*IE < IE9*/; color /*\**/: #333333\9 /*IE < IE9*/; position: relative; float: left; display: block; width: 100%; height: 701px; overflow: hidden; padding: 0 0 0 0; margin: 0 0 0 0; line-height: 150.01%; background: url(../images/CARITAS_MOD_carifghome_environment_bg.png) no-repeat left top transparent; } #mod_carifghome_pagetitle { position: absolute; top: 0px; left: 20px; padding: 5px; color: #ffffff; background: #7c7c7c; } .mod_carifghome.page-result { background: url(../images/WSPA_MOD_TEST_Result_bg_paper.jpg) no-repeat 0px 38px transparent; } #mod_carifghome_header { display: none; float: left; height: 40px; width: 100%; position: relative; background: url(../images/WSPA_MOD_TEST_header_bg.png) no-repeat center bottom transparent; } .mod_carifghome h1 { clear: both; color: #3c3c3c; display: block; float: left; font-size: 24px; font-weight: bold; letter-spacing: 0; line-height: 28px; margin: 0; padding: 0 0 8px; text-transform: none; width: 100%; } .mod_carifghome ul { float: left; padding-left: 20px; } .mod_carifghome ul li { float: left; width: 100%; padding-bottom: 10px; } .mod_carifghome ul li p { margin-top: 0px; } .mod_carifghome a.arrow { color: #E30E19; /*font-weight: bold;*/ padding-left: 20px; background: url(../images/ICON_link_ext.gif) no-repeat center left transparent; } .mod_carifghome h3 { clear: both; color: #3c3c3c; display: block; float: left; font-size: 17px; font-weight: bold; letter-spacing: 0; line-height: 22px; margin: 0 0 5px; padding: 0 0 8px; text-transform: none; width: 100%; } .mod_carifghome h4 { clear: both; color: #3c3c3c; display: block; float: left; font-size: 15px; font-weight: bold; letter-spacing: 0; line-height: 19px; margin: 0 0 5px; padding: 0 0 8px; text-transform: none; width: 100%; } .mod_carifghome h3.alert { background: #f80000; padding: 10px; color: #ffffff; border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; } .mod_carifghome h2 { clear: both; color: #3c3c3c; display: block; float: left; font-size: 20px; font-weight: 300; letter-spacing: 0; line-height: 26px; margin: 0 0 5px; padding: 0 0 8px; text-transform: none; width: 100%; } .mod_carifghome_info { float: right; width: 259px; text-align: right; margin-top: -2px; margin-right: 110px; /*padding-right: 25px; background: url(../images/ajax-loader_1.gif) no-repeat center right transparent*/; font-weight: normal; font-family: "Maven Pro", Helvetica, Arial, sans-serif; height: 20px; font-size: 13px; color: #ffffff; text-shadow: 1px 2px 2px #000000; -webkit-text-shadow: 1px 2px 2px #000000; } .mod_carifghome_info#mod_carifghome_process_info { margin-top: -4px; } #mod_carifghome_stepcounter { margin-top: 12px; margin-left: 15px; height: 14px; float: left; width: 100%; overflow: visible; } .mod_carifghome_stepcounter_step_info { background: url(../images/ajax-loader_6.gif) no-repeat scroll right top transparent; color: #FFFFFF; float: right; font-family: "Maven Pro",Helvetica,Arial,sans-serif; font-size: 13px; font-weight: normal; height: 27px; margin-right: 107px; margin-top: -9px; padding-right: 36px; padding-top: 6px; text-align: right; text-shadow: 1px 2px 2px #000000; -webkit-text-shadow: 1px 2px 2px #000000; width: 245px; } .mod_carifghome_stepcounter_step { background: #cf5e32; /*box-shadow: 1px 1px 2px #2c2c2c; -webkit-box-shadow: 1px 1px 2px #2c2c2c;*/ width: 28px; height: 14px; float: left; margin: 0 0 0 0; padding: 0 0 0 0; margin-right: 3px; } .mod_carifghome_stepcounter_step.first { border-radius: 6px 0px 0px 6px; -webkit-border-radius: 6px 0px 0px 6px; } .mod_carifghome_stepcounter_step.last { border-radius: 0px 6px 6px 0px; -webkit-border-radius: 0px 6px 6px 0px; } .mod_carifghome_stepcounter_step.on { background: url(../images/WSPA_MOD_TEST_stepcounter_step_bg.png) repeat center left #ececec; } .mod_carifghome_stepcounter_step.process { background: url(../images/WSPA_MOD_TEST_stepcounter_step_bg.png) repeat center left #017fff; } .mod_carifghome_stepcounter_step.final { background: url(../images/WSPA_MOD_TEST_stepcounter_step_bg.png) repeat center left #76da00; } #mod_carifghome_content { float: left; width: 100%; height: 701px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; position: relative; } #mod_carifghome_bg_clouds { width: 1654px; height: 99px; background-image: url(../images/CARITAS_MOD_carifghome_clouds.png); background-repeat: repeat-x; background-position: 0px 0px; background-color: transparent; position: absolute; top: 50px; left: 0px; z-index: 1; } a#mod_carifghome_button_game { position: absolute; left: 12px; bottom: 94px; width: 97px; height: 26px; background: url(../images/CARITAS_MOD_carifghome_BUTTON_zumSpiel.png) no-repeat center center transparent; text-decoration: none; } a#mod_carifghome_button_game:hover { background: url(../images/CARITAS_MOD_carifghome_BUTTON_zumSpiel_ov.png) no-repeat center center transparent; text-decoration: none; } a#mod_carifghome_button_poster_1 { position: absolute; right: 61px; bottom: 152px; height: 102px; width: 86px; background: url(../images/CARITAS_MOD_carigfhome_poster_1.png) no-repeat top left transparent; text-decoration: none; } a#mod_carifghome_button_poster_1:hover { background: url(../images/CARITAS_MOD_carigfhome_poster_1_ov_anim.gif) no-repeat top left transparent; } a#mod_carifghome_button_poster_2 { position: absolute; right: 62px; bottom: 75px; height: 86px; width: 86px; background: url(../images/CARITAS_MOD_carigfhome_poster_2.png) no-repeat top left transparent; text-decoration: none; } a#mod_carifghome_button_poster_2:hover { background: url(../images/CARITAS_MOD_carigfhome_poster_2_ov_anim.gif) no-repeat top left transparent; } a#mod_carifghome_button_schild_1 { position: absolute; left: 25px; bottom:74px; height: 48px; width: 37px; background: url(../images/CARITAS_MOD_carigfhome_schild_caritas.png) no-repeat top left transparent; text-decoration: none; z-index: 3000; } a#mod_carifghome_button_schild_1:hover { box-shadow: 0px 0px 5px #ffffff; -webkit-box-shadow: 0px 0px 5px #ffffff; } #mod_carifghome_house { z-index: 2000; width: 470px; height: 625px /*584px*/; left: 180px; bottom: 51px; position: absolute; background: url(../images/CARITAS_MOD_carifghome_house_2.png) no-repeat top left transparent; } #mod_carifghome_details_overlay { position: absolute; width: 100%; height: 701px; background: #000000; top: 0px; left: 0px; z-index: 1000; cursor: pointer; } .mod_carifghome_flat { position: absolute; cursor: pointer; } .mod_carifghome_flat_details { box-shadow: 0px 0px 9px #000000; border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; padding: 20px; position: absolute; width: 470px; min-height: 440px; height: auto; background: #4a4041; left: 50%; margin-left: -255px; top: 50%; margin-top: -230px; z-index: 8999; color: #fcfcfc; } .mod_carifghome_flat_details_header { float: left; height: 45px; width: 100%; position: relative; } .mod_carifghome_flat_details_header a.func { cursor: pointer; text-decoration: none; box-shadow: 0px 0px 5px #323232; border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; display: block; float: left; clear: none; width: 30px; height: 29px; margin-right: 15px; } .mod_carifghome_flat_details_header a.func:hover, .mod_carifghome_flat_details_header a.func.act { /*box-shadow: 0px 0px 5px #ffffff; -webkit-box-shadow: 0px 0px 5px #ffffff;*/ text-decoration: none; } .mod_carifghome_flat_details_header a.func_home { background: url(../images/CARITAS_MOD_carifghome_BUTTON_func_home.png) no-repeat bottom center #ffffff; } .mod_carifghome_flat_details_header a.func_home:hover, .mod_carifghome_flat_details_header a.func_home.act { background: url(../images/CARITAS_MOD_carifghome_BUTTON_func_home_ov.png) no-repeat bottom center #ffffff; } .mod_carifghome_flat_details_header a.func_info { background: url(../images/CARITAS_MOD_carifghome_BUTTON_func_info.png) no-repeat bottom center #ffffff; } .mod_carifghome_flat_details_header a.func_info:hover, .mod_carifghome_flat_details_header a.func_info.act { background: url(../images/CARITAS_MOD_carifghome_BUTTON_func_info_ov.png) no-repeat bottom center #ffffff; } .mod_carifghome_flat_details_header a.func_vid { background: url(../images/CARITAS_MOD_carifghome_BUTTON_func_vid.png) no-repeat bottom center #ffffff; } .mod_carifghome_flat_details_header a.func_vid:hover, .mod_carifghome_flat_details_header a.func_vid.act { background: url(../images/CARITAS_MOD_carifghome_BUTTON_func_vid_ov.png) no-repeat bottom center #ffffff; } .mod_carifghome_flat_details_header a.func_close { background: url(../images/CARITAS_MOD_carifghome_BUTTON_func_close.png) no-repeat bottom center #ffffff; text-decoration: none; cursor: pointer; box-shadow: 0px 0px 5px #323232; border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; width: 30px; height: 29px; position: absolute; top: 0px; right: 0px; } .mod_carifghome_flat_details_header a.func_close:hover { background: url(../images/CARITAS_MOD_carifghome_BUTTON_func_close_ov.png) no-repeat bottom center #ffffff; text-decoration: none; /*box-shadow: 0px 0px 5px #ffffff; -webkit-box-shadow: 0px 0px 5px #ffffff;*/ } .mod_carifghome_flat_details_content { float: left; min-height: 390px; height:auto; width: 100%; } #mod_carifghome_flat_details_content_home { } #mod_carifghome_flat_details_content_info { } #mod_carifghome_flat_details_content_vid { } #mod_carifghome_flat_details_content_vid .content_vid_video { width: 100%; float: left; clear: both; } #mod_carifghome_flat_details_content_vid .content_vid_info { border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; width: 453px; height: 95px; bottom: 20px; left: 20px; position: absolute; padding: 7px; margin-top: 10px; padding-left: 10px; background: none transparent; color: #d3b29e; font-size: 14px; font-weight: bold; float: left; clear: both; } .mod_carifghome_flat_details_content_stage { width: 468px; height: 280px; float: left; position: relative; overflow: hidden; margin-bottom: 10px; } .mod_carifghome_flat_details_content_stage_speechbubble { position: absolute; height: auto; text-align: center; line-height: 16px; width: 171px; background: url(../images/CARITAS_MOD_carifghome_details_speechbubble_toright.png) no-repeat top right transparent; color: #2c2c2c; font-size: 12px; font-weight: normal; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* This works in IE 8 & 9 too *//* ... but also 5, 6, 7 */ filter: alpha(opacity=90); /* Older than Firefox 0.8 */ -moz-opacity:0.9; /* Safari 1.x (pre WebKit!) */ -khtml-opacity: 0.9; /* Modern!/* Firefox 0.8+, Safari 2?, Chrome any?/* Opera 9+, IE 9+ */ opacity: 0.9; } .mod_carifghome_flat_details_content_stage_speechbubble.speechbubble_right { left: 230px; top: 20px; padding: 20px; padding-left: 30px; background: url(../images/CARITAS_MOD_carifghome_details_speechbubble_toleft.png) no-repeat top left transparent; } .mod_carifghome_flat_details_content_stage_speechbubble.speechbubble_left { left: 30px; top: 20px; padding: 20px; padding-right: 30px; background: url(../images/CARITAS_MOD_carifghome_details_speechbubble_toright.png) no-repeat right left transparent; } .mod_carifghome_flat_details_content_stage_speechbubble a.speechbubble_close { position: absolute; width: 15px; height: 15px; background: url(../images/CARITAS_MOD_carifghome_BUTTON_func_close.png) no-repeat center center transparent; } .mod_carifghome_flat_details_content_stage_speechbubble a.speechbubble_close:hover { background: url(../images/CARITAS_MOD_carifghome_BUTTON_func_close_ov.png) no-repeat center center transparent; } .mod_carifghome_flat_details_content_stage_speechbubble.speechbubble_left a.speechbubble_close { top: 10px; left: 3px; } .mod_carifghome_flat_details_content_stage_speechbubble.speechbubble_right a.speechbubble_close { top: 10px; right: 3px; } .mod_carifghome_flat_details_content_stage_speechelementfile { position: absolute; top: 0px; left: 0px; cursor: pointer; border: none; } .mod_carifghome_flat_details_content_stage_triggerelementfile { position: absolute; top: 0px; left: 0px; cursor: pointer; border: none; } .mod_carifghome_flat_details_content_info { -webkit-word-wrap: break-word; word-wrap: break-word; width: 100%; float: left; } .mod_carifghome_flat_details_content_info p { width: 100%; float: left; margin-top: 0px; } .mod_carifghome_flat_details_content_info h4 { margin-top: 10px; } .mod_carifghome_flat_details_content_info a { color: #E30E19; /*font-weight: bold; display: block; padding-left: 20px; background: url(../images/ICON_link_ext.gif) no-repeat center left transparent;*/ } .mod_carifghome_flat_details_content_info .content_info_headline { text-shadow: 3px 3px 3px #f0f0f0; border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; padding: 10px; margin-bottom: 8px; background: #ffffff; color: #2c2c2c; font-size: 22px; font-weight: bold; float: left; clear: both; } .mod_carifghome_flat_details_content_info .content_info_text { -webkit-word-wrap: break-word; word-wrap: break-word; border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; width: 450px; min-height: 45px; height: auto; padding: 7px; padding-left: 10px; background: #ffffff; color: #4a4041; font-size: 14px; line-height: 16px; font-weight: bold; float: left; clear: both; } #mod_carifghome a.arrow { color: #E30E19; /*font-weight: bold; display: block; padding-left: 20px; background: url(../images/ICON_link_ext.gif) no-repeat center left transparent;*/ } .mod_carifghome_flat_details_content_article { -webkit-word-wrap: break-word; word-wrap: break-word; border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; float: left; padding: 20px; width: 430px; height: 355px; background: #ffffff; color: #2c2c2c; } .mod_carifghome_flat_details_footer { display: none; } .mod_carifghome_form_newsletter { font-size: /*\**/: 12px\9 /*IE < IE9*/; color: /*\**/: #333333\9 /*IE < IE9*/; font-family /*\**/: Arial\9 /*IE < IE9*/; } .mod_carifghome_form_fields label { float: left; width: 100px; margin-right: 10px; -webkit-text-shadow: 2px 2px 3px #5C5C5C; text-shadow: 2px 2px 3px #5C5C5C; } label.newslabel { font-size /*\**/: 12px\9 /*IE < IE9*/; color /*\**/: #333333\9 /*IE < IE9*/; font-family /*\**/: "Maven Pro", Helvetica, Arial, sans-serif\9 /*IE < IE9*/; } .mod_carifghome_form_newsletter input { float: left; width: 200px; padding: 4px; border: 1px solid #c96030; border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; } .mod_carifghome_form_wide { width: 100%; margin: 0 0 0 0; margin-bottom: 10px; margin-top: 10px; padding: 0 0 0 0; font-size: /*\**/: 12px\9 /*IE < IE9*/; color /*\**/: #333333\9 /*IE < IE9*/; font-family /*\**/: "Maven Pro", Helvetica, Arial, sans-serif\9 /*IE < IE9*/; } .mod_carifghome_form_fields { float: left; width: 100%; margin: 0 0 0 0; margin-bottom: 5px; padding: 0 0 0 0; font-size: /*\**/: 12px\9 /*IE < IE9*/; color /*\**/: #333333\9 /*IE < IE9*/; font-family /*\**/: "Maven Pro", Helvetica, Arial, sans-serif\9 /*IE < IE9*/; } .mod_carifghome_form_info { float: left; width: 100%; font-size: 11px; font-weight: bold; font-size: /*\**/: 12px\9 /*IE < IE9*/; color /*\**/: #333333\9 /*IE < IE9*/; line-height /*\**/: 20px\9 /*IE < IE9*/; font-family /*\**/: "Maven Pro", Helvetica, Arial, sans-serif\9 /*IE < IE9*/; } #mod_carifghome_form_newsletter_error { font-size: 12px; margin-top: 5px; margin-bottom: 10px; float: left; width: 95%; color: #ffffff; padding: 10px; text-shadow: 1px 2px 4px #7C7C8C; -webkit-text-shadow: 2px 2px 4px #333333; border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; background: #e37222; } #mod_carifghome_form_newsletter_error div { font-size: 12px; line-height: 20px; width: 100%; float: left; padding-bottom: 3px; } #mod_carifghome_result {} #mod_carifghome_result h1 { font-size: 31px; } #mod_carifghome_result { font-size /*\**/: 12px\9 /*IE < IE9*/; line-height /*\**/: 20px\9 /*IE < IE9*/; font-family /*\**/: Helvetica, Arial, sans-serif\9 /*IE < IE9*/; color /*\**/: #333333\9 /*IE < IE9*/; } .mod_carifghome.page-result #mod_carifghome_result { padding-left: 20px; width: 93%; } #mod_carifghome_result_left { margin-top: -20px; margin-bottom: 0px; float: left; width: 150px; } #mod_carifghome_result_mid { margin-top: 10px; margin-bottom: 0px; float: left; width: 230px; margin-left: 30px; padding-right: 20px; border-right: 1px solid #b24d23; } #mod_carifghome_result_right { margin-top: 10px; margin-bottom: 0px; float: right; width: 260px; padding-left: 0px; margin-right: -20px /* BE AWARE OF BROWSER COMPATIBILIY WITH THAT BECAUSE IT IS TOO WIDE 20pixels AND MAYBE WOULD BREAK*/; } .mod_carifghome.page-result #mod_carifghome_result_left { float: left; margin-bottom: 0; margin-left: 52px; margin-top: -20px; width: 90px; } .mod_carifghome.page-result #mod_carifghome_result_mid { border-right: 1px solid #B24D23; float: left; margin-bottom: 0; margin-left: 30px; margin-top: 10px; padding-right: 20px; width: 268px; } .mod_carifghome.page-result #mod_carifghome_result_right { float: right; margin-bottom: 0; margin-right: -15px; margin-top: 10px; padding-left: 0; width: 170px; } .mod_carifghome.page-result #mod_carifghome_result_image { margin-left: -90px; } #mod_carifghome_result_image { position: relative; width: 150px; height: 200px; margin-left: -28px; } .image_frame { width: 197px; height: 204px; position: absolute; top: 0px; left: 0px; background: url(../images/WSPA_MOD_PROFILESLIDER1_polaroid_frame_2.png) no-repeat top left transparent; z-index: 1000; } .mod_carifghome.page-result .image_frame { top: -4px; } .image_text { z-index: 1005; position: absolute; height: 32px; bottom: 10px; left: 28px; width: 140px; text-align: center; } img.image_img { max-width: 150px; position: absolute; top: 13px; left: 21px; z-index: 500; } .mod_carifghome_result_intro { color: #B84C1C; float: left; width: 100%; padding-bottom: 15px; border-bottom: 1px solid #B84C1C; margin-top: 15px; margin-bottom: 15px; } .mod_carifghome_result_text { float: left; width: 100%; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #B84C1C; } .mod_carifghome_result_content { float: left; width: 100%; padding-bottom: 30px; } .mod_carifghome_result_social{ float: left; width: 100%; } #mod_carifghome_footer { display: none; float: left; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 56px; background: url(../images/WSPA_MOD_TEST_footer_bg.png) no-repeat center top transparent; } *+html #mod_carifghome_footer { position: static; }/*IE7only*/ .mod_carifghome_footer_info { color: /*\**/: #333333\9 /*IE < IE9*/; font-family /*\**/: "Maven Pro", Helvetica, Arial, sans-serif\9 /*IE < IE9*/; float: left; width: 520px; overflow: hidden; margin-left: 25px; font-size: 11px; padding-left: 30px; margin-top: 20px; margin-top /*\**/: 15px\9 /*IE < IE9*/; background: url(../images/WSPA_MOD_TEST_icon_info.png) no-repeat center left transparent; } .mod_carifghome_footer_info#mod_carifghome_footer_info_steps { background: url(../images/WSPA_MOD_TEST_icon_info.png) no-repeat scroll left center transparent; line-height: 15px; margin-left: 25px; margin-top: 15px; width: 320px; } a#mod_carifghome_button_nextstep { position: absolute; border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; box-shadow: 1px 1px 5px #1c1c1c; -webkit-box-shadow: 1px 1px 5px #1c1c1c; text-decoration: none; font-family: "Maven Pro", Helvetica, Arial, sans-serif; text-shadow: 2px 2px 4px #000000; -webkit-text-shadow: 2px 2px 4px #000000; bottom: 10px; right: 10px; display: block; width: 115px; height: 30px; padding-right: 20px; font-size: 14px; line-height: 27px; padding-left: 10px; background: url(../images/WSPA_BUTTON_submit_bg_arrow-right.png) no-repeat right top transparent; color: #f4f4f5; } a#mod_carifghome_button_nextstep:hover { background: url(../images/WSPA_BUTTON_submit_bg_arrow-right_ov.png) no-repeat right top transparent; color: #ffffff; } *+html a#mod_carifghome_button_nextstep { position: static; float: right; margin-top: 20px; margin-right: 10px; } a#mod_carifghome_button_prevstep { position: absolute; border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; box-shadow: 1px 1px 5px #1c1c1c; -webkit-box-shadow: 1px 1px 5px #1c1c1c; text-decoration: none; text-align: right; font-family: "Maven Pro", Helvetica, Arial, sans-serif; text-shadow: 2px 2px 4px #000000; -webkit-text-shadow: 2px 2px 4px #000000; bottom: 10px; right: 170px; display: block; width: 115px; height: 30px; padding-right: 10px; font-size: 14px; line-height: 27px; padding-left: 20px; background: url(../images/WSPA_BUTTON_submit_bg_arrow-left.png) no-repeat left top transparent; color: #f4f4f5; } a#mod_carifghome_button_prevstep:hover { background: url(../images/WSPA_BUTTON_submit_bg_arrow-left_ov.png) no-repeat left top transparent; color: #ffffff; } *+html a#mod_carifghome_button_prevstep { position: static; float: right; margin-top: 20px; margin-right: 10px; } a#mod_carifghome_button_process { position: absolute; border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; box-shadow: 1px 1px 5px #1c1c1c; -webkit-box-shadow: 1px 1px 5px #1c1c1c; text-decoration: none; font-family: "Maven Pro", Helvetica, Arial, sans-serif; text-shadow: 2px 2px 4px #000000; -webkit-text-shadow: 2px 2px 4px #000000; bottom: 10px; right: 10px; display: block; width: 125px; height: 30px; padding-right: 20px; font-size: 14px; line-height: 27px; padding-left: 10px; background: url(../images/WSPA_BUTTON_submit_bg_arrow-right.png) no-repeat right top transparent; color: #f4f4f5; } a#mod_carifghome_button_process:hover { background: url(../images/WSPA_BUTTON_submit_bg_arrow-right_ov.png) no-repeat right top transparent; color: #ffffff; } *+html a#mod_carifghome_button_process { position: static; float: right; margin-top: 20px; margin-right: 10px; } a#mod_carifghome_button_result { position: absolute; border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; box-shadow: 1px 1px 5px #1c1c1c; -webkit-box-shadow: 1px 1px 5px #1c1c1c; text-decoration: none; font-family: "Maven Pro", Helvetica, Arial, sans-serif; text-shadow: 2px 2px 4px #000000; -webkit-text-shadow: 2px 2px 4px #000000; bottom: 10px; right: 10px; display: block; width: 195px; height: 30px; padding-right: 20px; font-size: 14px; line-height: 27px; padding-left: 10px; background: url(../images/WSPA_BUTTON_submit_bg_arrow-right.png) no-repeat right top transparent; color: #f4f4f5; } a#mod_carifghome_button_result:hover { background: url(../images/WSPA_BUTTON_submit_bg_arrow-right_ov.png) no-repeat right top transparent; color: #ffffff; } *+html a#mod_carifghome_button_result { position: static; float: right; margin-top: 20px; margin-right: 10px; } a#mod_carifghome_button_donate { border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; box-shadow: 1px 1px 5px #1c1c1c; -webkit-box-shadow: 1px 1px 5px #1c1c1c; text-decoration: none; font-family: "Maven Pro", Helvetica, Arial, sans-serif; text-shadow: 2px 2px 4px #000000; -webkit-text-shadow: 2px 2px 4px #000000; display: block; width: 125px; height: 30px; padding-right: 20px; font-size: 14px; line-height: 27px; padding-left: 10px; background: url(../images/WSPA_BUTTON_submit_bg_arrow-right.png) no-repeat right top transparent; float: right; color: #f4f4f5; } a#mod_carifghome_button_donate:hover { background: url(../images/WSPA_BUTTON_submit_bg_arrow-right_ov.png) no-repeat right top transparent; color: #ffffff; } a.mod_carifghome_button_submit { border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; box-shadow: 1px 1px 5px #1c1c1c; -webkit-box-shadow: 1px 1px 5px #1c1c1c; text-decoration: none; font-family: "Maven Pro", Helvetica, Arial, sans-serif; text-shadow: 2px 2px 4px #000000; -webkit-text-shadow: 2px 2px 4px #000000; display: block; width: 125px; height: 30px; padding-right: 20px; font-size: 14px; line-height: 27px; padding-left: 10px; background: url(../images/WSPA_MOD_TEST_button_submit_arrowRight.png) repeat right top transparent; float: left; color: #f4f4f5; } a.mod_carifghome_button_submit:hover { background: url(../images/WSPA_MOD_TEST_button_submit_arrowRight_ov.png) repeat right top transparent; color: #ffffff; } #loading { position: absolute; width: 300px; height: 50px; left: 50%; top: 50%; margin-left: -150px; margin-top: -25px; background: url(../images/ajax-loader_3.gif) no-repeat center right transparent; } #slides { position:absolute; top:0px; left:0px; z-index:100; width: 470px; height: 240px; } /* Slides container Important: Set the width of your slides container Set to display none, prevents content flash */ .slides_container { width:460px; height: 240px; border-radius: 0 100px 100px 0; -webkit-border-radius: 0 100px 100px 0; overflow:hidden; position:relative; display:none; } /* Each slide Important: Set the width of your slides If height not specified height will be set by the slide content Set to display block */ .slides_container div.slide { width:470px; height:240px; display:block; } /* Next/prev buttons */ #slides a.next,#slides a.prev { position:absolute; top:50%; margin-top: -17px; left:24px; width:28px; height:43px; display:block; z-index:101; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* This works in IE 8 & 9 too *//* ... but also 5, 6, 7 */ filter: alpha(opacity=100); /* Older than Firefox 0.9 */ -moz-opacity:1.0; /* Safari 1.x (pre WebKit!) */ -khtml-opacity: 1.0; /* Modern!/* Firefox 0.9+, Safari 2?, Chrome any?/* Opera 9+, IE 9+ */ opacity: 1.0; } #slides a.next:hover,#slides a.prev:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* This works in IE 8 & 9 too *//* ... but also 5, 6, 7 */ filter: alpha(opacity=70); /* Older than Firefox 0.9 */ -moz-opacity:0.7; /* Safari 1.x (pre WebKit!) */ -khtml-opacity: 0.7; /* Modern!/* Firefox 0.9+, Safari 2?, Chrome any?/* Opera 9+, IE 9+ */ opacity: 0.7; } #slides a.next { left:415px; } /* Pagination */ .pagination { position: absolute; bottom: 8px; margin:26px auto 0; width:100px; left: 50%; margin-left: -50px; z-index: 201; } .pagination li { float:left; margin:0 1px; list-style:none; } .pagination li a { display:block; width:12px; height:0; padding-top:12px; background-image:url(../images/pagination2.png); background-position:0 0; float:left; overflow:hidden; } .pagination li.current a { background-position:0 -12px; } /* Caption */ .caption { z-index:500; position:absolute; bottom:49px; left:80px; height:162px; background: url(../images/WSPA_MOD_PROFILESLIDER1_note_bg.png) right center transparent; width:210px; font-size:1.3em; line-height:1.33; color:#fff; text-shadow:none; } .caption .caption_text { color: #000000; font-family: "Maven Pro", Helvetica, Arial, sans-serif; font-size: 13px; position: absolute; right: 25px; top: 20px; width: 144px; } a.profile_button { position: absolute; border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; box-shadow: 1px 1px 5px #1c1c1c; -webkit-box-shadow: 1px 1px 5px #1c1c1c; text-decoration: none; font-family: "Maven Pro", Helvetica, Arial, sans-serif; text-shadow: 2px 2px 4px #000000; -webkit-text-shadow: 2px 2px 4px #000000; bottom: 15px; right: 30px; display: block; width: 95px; height: 30px; padding-right: 20px; font-size: 14px; line-height: 27px; padding-left: 10px; background: url(../images/WSPA_BUTTON_submit_arrow-right.png) no-repeat right top transparent; color: #f4f4f5; } a.profile_button:hover { background: url(../images/WSPA_BUTTON_submit_arrow-right_ov.png) no-repeat right top transparent; color: #ffffff; } /* IMAGE*/ .slide_image { position: absolute; width: 197px; height: 204px; top: 15px; left: 50px; z-index: 1500; } .slide_image_frame { width: 197px; height: 204px; position: absolute; top: 0px; left: 0px; background: url(../images/WSPA_MOD_PROFILESLIDER1_polaroid_frame.png) no-repeat top left transparent; z-index: 1000; } .slide_image_text { z-index: 1005; position: absolute; height: 40px; bottom: 10px; left: 32px; width: 140px; text-align: center; } img.slide_image_img { max-width: 150px; position: absolute; top: 13px; left: 21px; z-index: 500; }