body{ font-family:Tahoma, Helvetica, Arial, Sans-serif; font-size:11px; line-height:1.5; margin:0; padding:0;} a { color:#999900; text-decoration:underline; outline:none; } a:hover { color:#999900; text-decoration:none; outline:none; } a:active { color:#999900; outline:none; } h1{ padding:0; margin:0px; font-size:180%; font-weight:normal; color:#000000;} .pageHeading h1{ padding:0; font-size:18pt; color:#FF8700; margin:auto; margin:-10px 0 5px 5px;} h2{ padding:0; margin:0px; font-size:150%; clear:both; font-weight:normal;} .formTitle { width:700px; height:30px; color:#FF8700; font-size:150%; font-weight:bold; border-bottom:2px solid #ff9900; margin:auto; text-align:center; padding:5px;} h3{ font-size: 120%; margin: 0 0 10px 0; clear: both; } @media screen and (-webkit-min-device-pixel-ratio:0){ h3{ font-size: 110%;}} hr { width:100%; height:1px; color:#cccccc; float:left;} .greenArrowSmall {width:7px; height:7px; margin:5px 5px 0 5px; float:left; background:url('../images/sprite.gif') no-repeat scroll -494px -312px; } .alertIcon {width:14px; height:14px; margin:0px 5px 0 5px; float:left; background:url('../images/sprite.gif') no-repeat scroll -769px -32px; } form { margin: 0px; padding: 0px; } select { font-family:Tahoma; font-size:11px; padding: 1px; outline:none; border: 1px solid #999999; padding:2px;} .main{ width:100%; height:auto;} .topBlack{ width:100%; height:0px; background-color:#fff; } .topContainer{ width:980px; height:100%; margin:auto; vertical-align:top; position:relative; z-index:99;} .topContainer div#leaderboard {width: 468px; height: 60px; margin: 8px 0; position: absolute; right: 0; top: 0;} .topContainer #login_area { width:469px; height:auto; position:absolute; top:65px; right:0; display:block; padding-top: 17px; z-index: 1; } .topContainer #account_area { width:438px; height:auto; position:absolute; z-index: 1; top:82px; right:0; display:none; } .topContainer #account_links { width:438px; height:auto; position:absolute; z-index: 1; top:22px; right:0; display:none;} .topContainer #account_links .links { width:438px; height:auto; color:#c8ca1d; font-size:12px;} .topContainer #account_links .links a{ color:#FF8700;} .topContainer #account_links .links td { padding-left:12px; color:#c8ca1d; font-size:11px; padding-bottom:2px; padding-top:1px; } .topContainer #account_links td.update { background:url(../images/update_star.gif) left no-repeat;} /*.topContainer #login_content { margin:0; padding:0px 10px 0 10px; _padding:5px 5px 0 8px; background:#fff;}*/ .topContainer #myaccount_content { width:418px; height:auto; padding:0 10px 5px 10px; _padding:5px 0 5px 0; float:left; background:transparent url(../images/sprite.gif) no-repeat scroll -373px -1129px; } .login_join_us { display: block; text-align:right; height:20px; font-size:11px; } .login_join_us a:hover{ color:#999900; } #login_explain {float:left; padding-left:4px; color:#666; text-align:left; width:300px;} .topContainer .login_bottom { width:439px; height:4px; margin:0 0 0 -1px; padding:0; float:left; } /* background:url('../images/sprite.gif') no-repeat scroll -371px -1019px; */ #login_bottom_logged_in { width:439px; height:4px; margin:0 0 0 -1px; padding:0; float:left; background:url('../images/sprite.gif') no-repeat scroll -371px -1019px; } #loginContainer { margin:1px 0 0 0; font-size:12px; text-align:left;} #loginContainer .loginError { float:left; width:236px; height:auto; display:block; color:#ff0000; margin:0; font-size:11px; padding-left:5px; *padding-left:10px; display:block;} #accountContainer{ margin:5px 0 0 5px; width:432px; font-family:Tahoma; font-size:12px; text-align:right; display:block; color: #666666; font-weight:bold;} #accountContainer .logout {display: inline; margin-left:5px;} #accountContainer .logout a{ color: #999900; font-weight:normal; } #accountContainer .logout a:hover{ color: #999900; text-decoration:underline; } #accountContainer .myAccount{margin-left:0; padding:0; font-weight:bold; float:right; width:93px; height:22px;} #accountContainer .myAccount_open{ margin-left:73px; padding:0; font-weight:bold; float:right; width:93px; height:22px;} #accountContainer .myAccount_open a{ color: #cccccc; padding:0; font-weight:bold; float:right; width:93px; height:22px; } /* background:url('../images/sprite.gif') no-repeat scroll -843px -872px; */ #accountContainer .myAccount a{ width:93px; height:22px; color: #cccccc; float:left;} /* background:url('../images/sprite.gif') no-repeat scroll -843px -906px; */ #accountContainer .myAccount a:hover{ color: #ffffff;} #accountContainer .welcome_user{display: inline;} .welcome_text { font-weight: normal; } .loginField{ width:110px; height:16px; font-family:Tahoma; font-size:11px; padding:2px; border:1px solid #999999; margin-left:4px; float:left;} .goButton{ margin:0 0 0 8px; width:36px; height:23px; background:url('../images/sprite.gif') no-repeat scroll -769px -5px; cursor:pointer; float:left;} #log-in-btn { float: left; } #join-us-btn { float: right; } #log-in-btn span, #join-us-btn span { position:relative; top:-9px; padding-right:5px; font-size:12px; color:#666; } .topFavorites{ width:103px; height:24px; float:left; font-size:11px; font-family:Tahoma; color:#FFCC00; text-align:right; outline:none; padding-top:3px;} .topFavorites a{ text-decoration:underline; color:#FFcc00; outline:none;} .favStar{ float:left; width:16px; height:16px; background:url('../images/sprite.gif') no-repeat scroll 00 00;} .bodyWrapper{ width:980px; height:auto; margin:auto; vertical-align:top;} #socialLanding_right .viewmoreLink{ width:71px; _width:80px; height:auto;font-weight:bold; float:right; padding:0 0 0 0; _padding:0 0 0 28px; margin:-16px -10px 0 0; } #socialLanding_right .viewmoreLink a{ color:#000000; text-decoration:none; } #socialLanding_right .viewmoreLink a:hover{ color:#999900; text-decoration:underline; } #homeTop {width:838px; float:left; margin:7px 0 0 5px;} #homeTop .main_image {width:568px; height:270px; float:left;} #homeTop #homeMsgPanel {width:267px; height:109px; float:right; color: #7A797B; font-size: 1.3em; font-weight: 600; text-align: center; line-height: 1.6em; margin-bottom: 10px;} #homeTop #homeMsgPanel span {font-size: 0.8em; font-weight: 300px; } #homeTop #homeVideo {width:267px; height: 151px; float: right; margin: 0; } #homeTop .findMore_box {width:208px; height:274px; float:left; margin:0 0 0 0px;} #homeTop .findMore_box .top {width:208px; height:10px; float:left; margin:0px; padding:0; background:url('../images/sprite.gif') no-repeat scroll -344px -288px;} #homeTop .findMore_box .middle {width:208px; height:254px; _margin:-3px 0; float:left; background:url(../images/findmore_back.jpg) bottom no-repeat;} #homeTop .findMore_box .bottom {width:208px; height:10px; float:left; background:url('../images/sprite.gif') no-repeat scroll -566px -288px;} #homeTop .findMore_box .findmore_text {width:144px; height:24px; margin:9px auto; background:url('../images/sprite.gif') no-repeat scroll -122px -512px;} #homeTop .findMore_box .video_thumb {width:173px; height:130px; margin:22px auto;} #homeTop .findMore_box .watchvideo_button {width:159px; height:27px; margin: 30px auto auto auto;} #homeTop .findMore_box .watchvideo_button a{width:159px; height:27px; background:url('../images/sprite.gif') no-repeat scroll -518px -512px; display:block; outline:none; cursor:pointer;} .createAccount_area {width:250px; margin:10px 0; float:right; display:block;} .createAccount_area p{ padding:0; margin: 5px 0 12px 0; font-weight:bold;} .createAccount_area label {font-size: 12px; margin-right:0; width: auto;} .accountField{ border: 1px solid #999999; padding: 2px; width: 214px; height:16px; outline:none; font-family:Tahoma; font-size:12px;} .createAccount_area .accountField {width: 155px;} .freeAccount_button {width:218px; height:27px; margin: 0 0 10px 2px; float:left; } .freeAccount_button a{width:218px; height:27px; background:url('../images/sprite.gif') no-repeat scroll -288px -512px; display:block; outline:none; cursor:pointer; } #homeNavigation { width:834px; height:41px; _height:46px; background:url('../images/sprite.gif') no-repeat scroll 00 -552px; position:relative; z-index: 1; } #homeNavigation ul {margin: 0px; padding: 0px; list-style-type:none; height: 41px; outline:none; } #homeNavigation ul li {display: inline; margin: 0px; _margin: 0 0 0 0; padding: 0px; float:left; outline:none; } #homeNavigation ul li a { display: block; height: 41px; outline:none; } #homeNavigation span { display: none; outline:none;} #homeNavigation li.welcome a {width: 143px; background-position: 0px 0px; outline:none;} #homeNavigation li.welcome a:hover {width: 143px; height:41px; background-position: 0px 0px; outline:none; background:url('../images/sprite.gif') no-repeat scroll 00 -664px;} #homeNavigation li.welcome_selected {width: 143px; height:41px; background-position: 0px 0px; outline:none; background:url('../images/sprite.gif') no-repeat scroll 00 -608px;} #homeNavigation li.aboutus a {width: 116px; background-position: 0px 0px; outline:none; margin:0 0 0 23px;} #homeNavigation li.aboutus a:hover {width: 116px; background-position: 0px 0px; outline:none; background:url('../images/sprite.gif') no-repeat scroll -166px -664px; margin:0 0 0 23px;} #homeNavigation li.aboutus_selected {width: 116px; height:41px; background-position: 0px 0px; outline:none; background:url('../images/sprite.gif') no-repeat scroll -166px -608px; margin:0 0 0 23px;} #homeNavigation li.how_works a {width: 142px; height:41px; background-position: 0px 0px; outline:none; margin:0 0 0 12px;} #homeNavigation li.how_works a:hover {width: 142px; height:41px; background-position: 0px 0px; outline:none; background:url('../images/sprite.gif') no-repeat scroll -294px -664px; margin:0 0 0 12px;} #homeNavigation li.how_works_selected {width: 142px; height:41px; background-position: 0px 0px; outline:none; background:url('../images/sprite.gif') no-repeat scroll -294px -608px; margin:0 0 0 12px;} #homeNavigation li.testimonials a {width: 142px; height:41px; background-position: 0px 0px; outline:none; margin:0 0 0 9px;} #homeNavigation li.testimonials a:hover{width: 142px; height:41px; height:41px; outline:none; background:url('../images/sprite.gif') no-repeat scroll -445px -664px; margin:0 0 0 9px;} #homeNavigation li.testimonials_selected {width: 142px; height:41px; outline:none; background:url('../images/sprite.gif') no-repeat scroll -445px -608px; margin:0 0 0 9px;} #homeNavigation li.faq a {width: 96px; height:41px; background-position: 0px 0px; outline:none; margin:0 0 0 7px;} #homeNavigation li.faq a:hover {width: 96px; height:41px; outline:none; background:url('../images/sprite.gif') no-repeat scroll -594px -664px; margin:0 0 0 7px;} #homeNavigation li.faq_selected {width: 96px; height:41px; outline:none; background:url('../images/sprite.gif') no-repeat scroll -594px -608px; margin:0 0 0 7px;} .welcomeText {width:545px; height:auto; float:left; margin:5px 0 5px 0; padding: 10px 0 1px; border-right: 1px solid #cccccc;} .welcomeText h1 { margin-left:5px; margin-top:20px; } .welcomeText_full {width:800px; height:auto; float:left; margin:5px 0 5px 0; padding: 0 0 10px 0;} .welcomeText p{padding:5px; margin:0;} .welcomeText ul { padding:5px 5px 5px 40px; list-style-type:inherit;} .welcomeText ul li { padding:10px 0 0 0;} .newmembers_container { width: auto; height:auto; float:left; margin:0; padding-left:0px; position:relative; z-index: 1; } /*.newmembers_container { width:47%; height:auto; float:left; margin:0; padding-left:0px; position:relative; }*/ /*.shared_container { margin-top: -10px; }*/ @media screen and (-webkit-min-device-pixel-ratio:0){.newsafari { width:395px; margin:20px 0 0 0; color:#666666;}} .newmembers_container h2{ color:#666666; padding:10px 0 5px 0; font-size:14px; font-weight:bold;} .newmembers_container .match { width:380px; height:auto; margin:0; padding:5px; color:#FF8700; font-weight:bold;} .newmembers_container #search_criteria{ width:400px; height:auto; padding:2px 0 0 0; overflow:hidden; display:block; border-bottom:1px solid #cccccc; clear:both; margin:0 0 0 3px; color:#666666;} #user_my_status_area { /*padding-left:10px;*/ _padding-left:115px; } .status_padding_fix_IE6{ _padding-left:5px !important; } .members_profile_page { width:400px; margin-top:5px; /*_margin-top:-7px !important;*/ position: relative;} .membership_details { width:375px; _width:370px; height:auto; margin:auto auto 10px auto; padding:5px 5px 5px 0px; color:#666666; display:block; overflow:hidden;} .divider { padding-bottom:10px; border-bottom:1px solid #cccccc;} .membership_details span{ color:#FF8700;} .membership_details thead{ color:#00000; font-weight:bold;} .points_table { border:1px solid #cccccc; float:left;} .points_table .box{ border:1px solid #cccccc;} .points_table .title{ background-color:#f5f5f5; font-size:14px; font-weight:bold; padding:5px; border:1px solid #cccccc; color:#666666; } .promotional_code { width:267px; height:auto; margin:auto auto 10px auto; padding:2px; color:#666666; display:block; overflow:hidden; background:#ffffcc; border:1px dashed #cccc99; float:left; } .membership { width:auto; height:auto; float:left; margin:0; padding: 5px 5px 5px 0px; color:#666666; position:relative;} .membership input{ *vertical-align:middle;} .membership .checkbox_container{ width:150px; height:auto; float:left; margin:0; padding:5px; color:#666666;} .membership span { color:#FF8700;}.points_table .box{ border:1px solid #cccccc;} .btn_save { float:left; margin-right:20px;} .newmembers_container .more { position:relative;} .newmembers_container .more .viewmoreLink{ width:71px; _width:80px; height:auto;font-weight:bold; float:right; padding:0 0 0 0; _padding:0 0 0 28px; margin:5px -10px 0 0; } .newmembers_container .more .viewmoreLink a{ color:#000000; text-decoration:none; } .newmembers_container .more .viewmoreLink a:hover{ color:#999900; text-decoration:underline; } .newmembers_container .heading { position:relative;} .newmembers_container .heading .viewmoreLink{ width:71px; _width:80px; height:auto;font-weight:bold; float:right; padding:0 0 0 0; _padding:0 0 0 28px; margin:-16px -10px 0 0; } .newmembers_container .heading .viewmoreLink a{ color:#000000; text-decoration:none; } .newmembers_container .heading .viewmoreLink a:hover{ color:#999900; text-decoration:underline; } .newmembers_container .myFriends_right .heading { position:relative;} .newmembers_container .myFriends_right .heading .viewmoreLink{ width:71px; _width:80px; height:auto;font-weight:bold; float:right; padding:0 0 0 0; _padding:0 0 0 28px; margin:-16px -10px 0 0; } .newmembers_container .myFriends_right .heading .viewmoreLink a{ color:#000000; text-decoration:none; } .newmembers_container .myFriends_right .heading .viewmoreLink a:hover{ color:#999900; text-decoration:underline; } .newmembers_container h1 { padding:0; margin:0px; font-size:180%; border-bottom:1px solid #cccccc;} .newmembers_container .socialPhotoSmall{ float: left; margin: 5px 5px 5px 0; height:100px; width:100px; text-align: center;} .newmembers_container .socialPhotoSmall img { border: 2px solid #cccccc; padding: 1px; height:100px; width:100px; } .newmembers_container ul.socialContainer .friend-actions { width: 20%; float: left; } .newmembers_container ul.socialContainer .friend-actions .socialPhotoSmall, .newmembers_container ul.socialContainer .friend-actions .left_actions { padding: 0; margin: 0 auto; width: auto; float: none; } .newmembers_container ul.socialContainer { margin: 10px 0 0 0; padding: 0; /*position:relative;*/ height:auto; width:auto;} .newmembers_container ul.socialContainer .last { border:none;} .newmembers_container ul.socialContainer li {clear: both; margin:5px 0 0 0; _margin-left:3px; padding:0 1% 10px; border-bottom: 1px solid #cccccc; float: left; width: 98%; } div#newmembers_container_dynamic_updater {float: left; width: 380px;} div#newmembers_container_dynamic_updater .newmembers_container {width: 380px; padding-left:12px;} div#newmembers_container_dynamic_updater .newmembers_container ul.socialContainer {width: 380px;} div#newmembers_container_dynamic_updater .newmembers_container ul.socialContainer li {width: 370px;} .newmembers_container ul.socialContainer .eventData {margin: 0; padding: 0; color:#666666; float: right; width: 69%;} .friend-request-list .newmembers_container ul.socialContainer .eventData { width: 68%; } .newmembers_container .social_details { margin:0; padding: 0 0 7px 0;} .newmembers_container ul.socialContainer .eventData p {padding: 0; margin: 5px 0px 3px 0px;} .newmembers_container ul.socialContainer .eventData span {color:#FF8700;} .newmembers_container ul.friends { width:458px;} .newmembers_container ul.friends li{ width:447px;} .newmembers_container form { margin:0px; padding:0px; } .newsafari_testimonials {margin-top:20px;} #group_details_share img{ margin-top:6px;} .newmembers_container ul.find_friends { margin: 10px 0 0 0; padding: 0; position:relative; height:auto; overflow:hidden; width:380px;} .newmembers_container ul.find_friends .last { border:none;} .newmembers_container ul.find_friends li {clear: both; margin:5px 0 0 0; _margin-left:3px; padding:0 6px 10px 5px; border-bottom: 1px solid #cccccc; float: left; width: 380px; } .newmembers_container ul.find_friends .eventData {margin: 0; padding: 0 0 7px 120px; _padding-left:110px; position:relative; color:#666666;} .newmembers_container .social_details { margin:0; padding: 0 0 7px 0;} .newmembers_container ul.find_friends .eventData p {padding: 0; margin: 5px 0px 3px 0px;} .newmembers_container ul.find_friends .eventData span {color:#FF8700;} .newmembers_container ul.find_friends .eventData .eventDate{color:#666666; font-weight:bold; padding-right:10px;} .testimonial_container { width:400px; _width:375px; height:auto; max-height:2650px; float:left; overflow-x:hidden; overflow-y:auto; } .newmembers_container ul.revContainer { margin: 0px; padding: 0px; position:relative; height:auto; overflow:hidden; width:400px; _width:375px; } .newmembers_container ul.revContainer .last { border:none;} .newmembers_container ul.revContainer li {clear: both; margin:5px 0 0 0; _margin-left:3px; padding:0 6px 10px 5px; border-bottom: 1px solid #cccccc; float: left; width: 369px; _width:345px; color:#666666; position:relative; } .newmembers_container ul.revContainer li .testimonial_user { width:100px; height:auto; position:absolute; bottom:5px; right:0; text-align:right; font-weight:bold; font-style:italic;} .account_container { width: 375px; margin-top:5px; /*_margin-top:-7px;*/ } .newmembers_container .refPhotoSmall{ float: left; margin: 5px 5px 5px 0; height:60px; width:60px; text-align: center; z-index:100000; position:relative;} .newmembers_container .refPhotoContainer{ width: 70px; height:auto; float: left; text-align:center; z-index:10000;} .newmembers_container .refPhotoSmall img { border: 2px solid #cccccc; padding: 1px; height:60px; width:60px; } .newmembers_container ul.refContainer { margin: 10px 0 0 0; padding: 0; position:relative; height:auto; overflow:hidden; width:400px;} .newmembers_container ul.refContainer .last { border:none;} .newmembers_container ul.refContainer li {clear: both; margin:5px 0 0 0; _margin-left:3px; padding:0 6px 10px 5px; border-bottom: 1px solid #cccccc; float: left; width: 380px; } .newmembers_container ul.refContainer .eventData {margin: 0; padding: 0 0 7px 85px; _padding-left:75px; position:relative; color:#666666;} .newmembers_container .social_details { margin:0; padding: 0 0 7px 0;} .newmembers_container ul.refContainer .eventData p {padding: 0; margin: 5px 0px 3px 0px;} .newmembers_container ul.refContainer .eventData span {color:#FF8700;} .newmembers_container .findmore_link{ width:110px; height:20px; float:right; font-weight:bold; margin:25px -5px 0 0;} .newmembers_container .findmore_link a{ float:right; font-weight:bold; color:#000000; text-decoration:none;} .newmembers_container .findmore_link a:hover{ float:right; font-weight:bold; color:#000000; text-decoration:underline;} .newmembers_container ul.userDetails{ padding:0; width:100%; padding-top:15px; /*_margin-top:-67px;*/ float:left; /*position:relative;*/} *:first-child+html .newmembers_container ul.userDetails{ padding-top:10px;} .newmembers_container ul.userDetails li{ padding: 0; margin: 0 10px 0 0; border: none; width:auto; } .newmembers_container ul.userDetails li{ list-style:none; display:inline; clear:none; } #whiteBox_middle .top { margin-top:10px;} #whiteBox_middle .discussion { margin:10px 0 0 0;} #whiteBox_middle .discussion ul { width:280px; margin: 0 0 10px 0px; *margin:0; padding-left:10px; } #whiteBox_middle .discussion ul li { width:60px; height:60px; padding:0; margin:10px 10px 13px 15px; } #whiteBox_middle .discussion .mypoints_content { padding-left:0; *height:190px; } #whiteBox_middle .discussion .mypoints_main { margin:0 0 10px 0;} #whiteBox_middle .discussion .mypoints_middle { height:auto; padding:0 0 10px 0; *padding:0; background:url(../images/mypoint_group.gif) bottom no-repeat; _margin-top: -3px;} #whiteBox_middle .discussionLeft { width:480px; margin-top:0;} #whiteBox_middle .newLeft { margin: 0 0 0 5px;} #whiteBox_middle .post{ padding-bottom:0; *padding-bottom:5px;} #whiteBox_middle .profileRight_content .ContentRegistration label{ width:60px; color: #666666; } #whiteBox_middle .profileRight_content .ContentRegistration ul{ width:350px; padding-left:0;} #whiteBox_middle .profileRight_content .ContentRegistration ul li{ width:350px; height:auto; margin:0 0 10px 0;} #whiteBox_middle .profileRight_content .ContentRegistration ul li .textfield {width:240px;} #whiteBox_middle #dashboard_right .viewWidth { width:71px;} #whiteBox_middle .middle{float:left; width:300px; height:auto; margin:0; float:left; padding: 5px; position:relative;} #whiteBox_middle .middle input{float:left; margin:2px 5px 5px 0; *vertical-align:middle;} #whiteBox_middle .middle label{line-height: 20px; float: none; font-weight:normal;} #whiteBox_middle .middle label{ width: auto; margin:0 0 5px 0; text-align:left;} #whiteBox_middle .hidden{float:left; width:300px; height:auto; display:none; padding: 0 0 10px 20px;} #whiteBox_middle .hidden .textfield{width:300px; margin-bottom:10px;} #whiteBox_middle .group_photos {width:795px; height:auto; float:left; margin:15px auto; padding:0 5px 0 5px;} #whiteBox_middle .group_photos .uploadPhoto{ background:#F5F5F5 none repeat scroll 0 0; border:1px solid #E0E0E0; margin:0 32px 20px 0; padding:8px 10px 10px 5px; width:155px; } #whiteBox_middle .group_photos .uploadPhoto span{ color:#FF8700;} #whiteBox_middle .group_photos .uploadPhoto p{ margin:5px 0px 0px 20px ; padding:2px; margin:1px 0 0 15px; } #whiteBox_middle .group_photos .uploadVideo{ height:auto;} #whiteBox_middle .group_photos .uploadVideo img { width:100px; height:75px; border: 2px solid #cccccc; padding:1px;} #whiteBox_middle .group_photos .uploadPhoto .share_button{ margin:5px auto; float:none;} .rightPhotoFinal { border:1px solid red; margin-right:0px !important; } #whiteBox_middle .group_photos .uploadVideo p{ margin:0; padding:2px 0 0 0;} #whiteBox_middle .photo_user_details { width:635px; height:auto; float:left; margin-top:10px;} #whiteBox_middle .photo_user_details ul .eventData{ padding-left:90px;} #whiteBox_middle .photo_user_details ul li{ width:600px; height:auto; margin:0 0 0 10px; border:none;} #whiteBox_middle .photo_user_details ul { width:600px; height:auto; margin:0; float:left; padding:0;} #whiteBox_middle .photoDetails_main .ContentRegistration ul { width:600px; height:auto; margin:0; float:left; padding:0;} #whiteBox_middle .photoDetails_main .ContentRegistration ul li{ width:600px; height:auto; margin:0;} #whiteBox_middle .photo_user_details .comment_border { border-bottom:1px solid #cccccc;} #whiteBox_middle .photo_user_details .socialPhotoSmall{ float: left; margin: 5px 5px 5px 0; height:60px; width:60px; text-align: center;} #whiteBox_middle .photo_user_details .socialPhotoSmall img { border: 2px solid #cccccc; padding: 1px; height:60px; width:60px; } #whiteBox_middle .uploadVideo img { width:100px; height:75px; border: 2px solid #cccccc; padding:1px;} .photoDetails_main { width:640px; height:auto; margin:auto; padding:0; clear:both;} .photoDetails_main .admin_criteria { width:570px; margin: 0 0 0 15px;} #whiteBox_middle .photoDetails_main .admin_criteria h1 { padding-left:0;} .photoDetails_photo { width:auto; height:auto; max-width:640px; max-height:480px; margin: 10px auto 10px auto; overflow:hidden;} .photoDetails_photo img { width:auto; height:480px; max-width:640px; max-height:auto; overflow:hidden; margin:auto;} .photoDetails_caption { width:640px; height:auto; font-size:12px; font-weight:bold; color:#000000; text-align:center; } .profileRight_content .message{width:300px; margin: 5px 0 10px 0; float:left; position:relative;} .profileRight_content .newmembers_container .groupMargin { width:330px;} .profileRight_content .newmembers_container .groupMargin li { width:330px;} .newmembers_container ul.interestgroups{ float:left; margin: 4px 0 0 0; padding: 0; position:relative; height:auto; width:400px; clear:both;} .newmembers_container ul.interestgroups li { display:block; clear:both; position:relative; clear:both; margin:5px 0px 5px 0px; padding:0px 6px 0px 5px; _padding:0 0 5px 0; border-bottom: 1px solid #cccccc; float: left; width: 400px; min-height:65px; } #whiteBox_middle .nospace { margin-top:0;} #whiteBox_middle .nopadding { padding:0;} #whiteBox_middle .newmembers_container .left_align { padding-left:0;} #whiteBox_middle .newmembers_container h1 { border:none; padding:0px 0 0 0px; _padding-top:0px; margin-left:10px; border-bottom:1px solid #CCCCCC; } #whiteBox_middle .groupMain_content .left{ margin-left:10px;} .newmembers_container ul.interestgroups .last { border:none; } #whiteBox_middle .newmembers_container .groupMargin { width:330px;} #whiteBox_middle .newmembers_container .postMargin { width:380px;} #whiteBox_middle .newmembers_container .postMargin li { width:360px;} .admin_criteria h1 {border: 0px solid #000 !important; } #whiteBox_middle .newmembers_container .result { width:360px; margin: 10px 0 0 0;} #whiteBox_middle .right { width:auto; height:auto; float:right; text-align:right; margin:0 0 20px 0; font-weight:bold;} #whiteBox_middle .groupwide { width:800px;} #whiteBox_middle .discussion_list { width:380px; float:left;} #whiteBox_middle .photo_wide { width:778px; margin:0;} #whiteBox_middle .photoError { width:760px;} #whiteBox_middle .TabbedPanelsContent .admin_searchResult { width:750px;} #whiteBox_middle .TabbedPanelsContent .admin_criteria { width:750px;} #whiteBox_middle .TabbedPanelsContent .admin_criteria_bottom { width:750px;} #whiteBox_middle .listing_right { margin-left:14px; clear:none;} #whiteBox_middle .groupwide li { width:350px; height:auto; _height:115px; padding-top: 5px; } #whiteBox_middle .groupwide ul.pagination li { margin:0; width: auto !important;} #whiteBox_middle .groupRight { width:360px; margin-left:10px; } #whiteBox_middle .groupDetails_content .ContentRegistration ul.registration { width:430px;} #whiteBox_middle .groupDetails_content .ContentRegistration ul.registration label { width: 60px;} #whiteBox_middle .groupDetails_content .ContentRegistration ul.registration li { width:430px; height:auto; margin-left:0; padding-top:4px; } #whiteBox_middle .groupDetails_content .ContentRegistration ul.registration li .textfield {width:330px;} .newmembers_container ul.interestgroups .groupData {margin: 0; padding: 0; position:relative; color:#666666;} .newmembers_container ul.interestgroups .groupData a{font-weight:bold;} .newmembers_container ul.interestgroups .groupData p {padding: 0; margin:0; clear:both;} .newmembers_container ul.interestgroups .groupData span { color:#FF8700;} .newmembers_container ul.interestgroups .groupData span a { color:#FF8700; text-decoration:underline; font-weight:normal;} .newmembers_container ul.interestgroups .groupData span a:hover { color:#FF8700; text-decoration:none; font-weight:normal;} .newmembers_container ul.interestgroups .groupData .userDetails {margin:10px 0 10px 0;} .newmembers_container ul.interestgroups .groupData .group_title { color:#FF8700; font-weight:bold; font-size:14px; margin:-2px 0 0 0; *margin:0; width:260px;} .newmembers_container ul.interestgroups .groupData .group_title a{ color:##999900; text-decoration:underline;} .newmembers_container ul.interestgroups .groupData .group_title a:hover{ color:#FF8700; text-decoration:none;} .newmembers_container .groupmember_photo { position: relative; margin: 0 10px 0 0; clear:both;} .newmembers_container .groupmember_photo img { width:42px; height:42px; float:left;} .newmembers_container ul.groupmember_photo { float: left; margin: 10px 0 10px 0; padding: 0; width:270px;} .newmembers_container ul.groupmember_photo li{ float: left; display:inline; clear:none; width:auto; border:none; padding:1px; margin:5px 3px 0 0; border: 2px solid #cccccc; width:42px; height:42px; min-height:42px;} .newmembers_container ul.groupmember_photo .matching{ border: 2px solid #FF8700; width:42px; height:42px;} .group_action { width:120px; height:auto; position:absolute; top:0; right:5px;} .newsafari { margin-top:10px; } .newsafari_friends { margin-top:15px; _margin-top:10px; width: 47%;} .no_border { border: 0px solid #fff !important; } .edit_area {float:left; position:relative; display:block; width:52px; height:auto; font-weight:normal;} .delete_area {float:left; position:relative; display:block; width:65px; _width:77px; height:auto; font-weight:normal;} .discussion_actions {float:right; width:125px; _width:157px; height:auto; font-weight:normal;} .discussion_bottom { width:350px; height:auto; float:left; margin:25px 0 0 0; font-weight:normal;} .emailIcon {width:16px; height:15px; margin:0px 5px 0 0; float:left; background:url('../images/sprite.gif') no-repeat scroll -690px -512px; } .inboxIcon {width:16px; height:15px; margin:0px 5px 0 5px; float:left; background:url('../images/icon_inbox.gif') no-repeat; } .addIcon {width:12px; height:12px; margin:0px 7px 0 0; _margin-right: 5px; float:left; background:url('../images/sprite.gif') no-repeat scroll -722px -512px; } .yesIcon {width:12px; height:9px; margin:5px 7px 0 5px; _margin-right: 5px; float:left; background:url('../images/apply.gif') no-repeat; } .noIcon {width:12px; height:12px; margin:3px 7px 0 5px; _margin-right: 5px; float:left; background:url('../images/cancel.gif') no-repeat; } .refIcon {width:16px; height:16px; margin:3px 7px 0 5px; _margin-right: 5px; float:left; background:url('../images/ref.gif') no-repeat; } .removeIcon {width:13px; height:13px; margin:3px 7px 0 7px; _margin-right: 5px; float:left; background:url('../images/icon_remove.gif') no-repeat; } .editIcon {width:16px; height:16px; margin:3px 7px 0 5px; _margin-right: 5px; float:left; background:url('../images/icon_edit.gif') no-repeat; } .searchIcon {width:16px; height:16px; margin:3px 7px 0 5px; _margin-right: 5px; float:left; background:url('../images/search.gif') no-repeat; } .groupIcon {width:31px; height:34px; margin:0px 5px 0 5px; float:left; background:url('../images/group_icon.gif') no-repeat; } .email_close {width:16px; height:16px; margin:0px 5px 0 5px; float:left; background:url('../images/mail.gif') no-repeat; } .email_open {width:16px; height:16px; margin:0px 5px 0 5px; float:left; background:url('../images/mail_read.gif') no-repeat; } .quotelIcon {width:16px; height:16px; margin:0px 5px 0 5px; float:left; background:url('../images/icon_quote.gif') no-repeat; } .quote_right {width:16px; height:16px; margin:0 0 0 5px; float:left; background:url('../images/quote_right.gif') no-repeat; } .commentIcon { width:16px; height:16px; margin:0px 0 0 15px; float:left; background:url('../images/comments.gif') no-repeat;} .backIcon { width:16px; height:16px; margin:0 5px 0 0; float:left; background:url('../images/back.gif') no-repeat;} .printIcon { width:16px; height:16px; margin:0 5px 0 0; float:left; background:url('../images/print.gif') no-repeat;} .exportIcon { width:16px; height:16px; margin:0 5px 0 0; float:left; background:url('../images/export.gif') no-repeat;} .newIcon { width:16px; height:16px; margin:0 5px 0 0; float:left; background:url('../images/new.gif') no-repeat;} .sub_divider { width:1px; height:19px; margin:0 0 0 12px; float:left; position:relative; background:url('../images/divider.gif') no-repeat;} .black_divider { width:1px; height:19px; margin:0 0 0 12px; float:left; position:relative; background:url('../images/black_divider.gif') no-repeat;} .shareIcon { width:16px; height:16px; margin:0 5px 0 5px; float:left; background:url('../images/share-icon-16x16.png') no-repeat;} .search_icon { width:24px; height:24px; margin:0 5px 0 5px; float:left; background:url('../images/icon_search.gif') no-repeat;} .card {width:9px; height:11px; padding: 0 ; background:url('../images/red_card.gif') left no-repeat; position:absolute; right:20px; bottom: 5px; margin-top:5px;} .card a{ width:9px; height:11px; float:left;} .onlineIcon {width:16px; height:16px; margin:0px 5px 0 0; float:left; background:url('../images/online.gif') no-repeat } .offlineIcon {width:12px; height:16px; margin:0px 5px 0 5px; float:left; background:url('../images/sprite.gif') no-repeat scroll -742px -533px; } .placeIcon {width:13px; height:15px; margin:0px 5px 0 5px; float:left; background:url('../images/sprite.gif') no-repeat scroll -759px -512px; } .online{ color:#FF8700; float:left; font-weight:normal;} .offline{ color:#666666; float:left; font-weight:normal;} .right_actions { width:115px; height:auto; float:right; margin: 10px 0 0 0; _margin-top:0px; _margin-left:-5px; position:relative;} .right_actions p { margin:0 0 5px 0; padding:0;} .right_actions .share_button {width:83px; height:16px; margin:5px 0 0 5px; _margin:5px 0 0 10px; clear:both; float:none; } .right_actions .share_button a {width:83px; height:16px; background:url('../images/sprite.gif') no-repeat scroll -818px -5px; display:block; outline:none; cursor:pointer; } .right_actions .red_flag {width:12px; height:12px; padding: 0 ; background:url('../images/icon_flag.gif') left no-repeat; color:#ff0000; position:relative; margin:5px 0 0 5px; _margin:5px 0 0 10px; right:0; bottom:0;} .right_actions .red_flag a{ width:12px; height:12px;} .blockIcon {width:14px; height:14px; margin:0px 5px 0 5px; _margin-right:0; float:left; background:url('../images/sprite.gif') no-repeat scroll -691px -531px; } .settingsRight_content { width:375px; height:auto; float:left; margin:0; padding: 0 0 10px 20px; position:relative;} .settingsRight_content h1 { width: 350px; height:auto; padding:0; margin:0px; font-size:180%; border-bottom:1px solid #cccccc;} .settingsRight_container { width:401px; height:auto; position:relative; float:right; margin:5px 4px 10px 0;} .rightTable_top{ width:401px; height:10px; padding:0px; background: url(../images/settingsRight_top.gif) no-repeat;} .rightTable_bottom{ width:401px; height:10px; background: url(../images/settingsRight_bottom.gif) no-repeat;} .rightTable_middle{ width:401px; height:auto; background:url(../images/settingsRight_middle.gif) repeat-y; overflow:hidden; position:relative;} .profileRight_content { width:350px; height:auto; float:left; margin:0; padding: 0 0 10px 20px; z-index:0;} .profileRight_content h1 { width: 340px; height:auto; padding:0; margin:0px; font-size:180%; border-bottom:1px solid #cccccc;} .profileRight_container { width:375px; height:auto; float:right; margin:5px 4px 10px 0px; padding:0; z-index:0;} .profileRight_container .heading { position:relative; width:360px; height:auto; margin:auto;} .profileRight_container .heading .viewmoreLink{ width:71px; _width:80px; height:auto;font-weight:bold; float:right; padding:0 0 0 0; _padding:0 0 0 28px; margin:-16px -10px 0 0; } .profileRight_container .heading .viewmoreLink a{ color:#000000; text-decoration:none; } .profileRight_container .heading .viewmoreLink a:hover{ color:#999900; text-decoration:underline; } .right_shared_container { margin-top:-4px; } .right_shared_container .profileRight_content {padding-left:0; width:370px;} .right_shared_container .profileRight_content p {margin: 0 0 10px 0;} .shared_right_mygroups { margin-top: 10px; } .top_group_details { margin-top:15px; margin-right: 13px;} .mainContent .group_right { padding:10px; display:table; width:330px; margin:0px 0 10px 0; background: #f0f0f0; border:1px solid #cccccc; float:right; } .mainContent .recent_right { padding:10px; display:table; width:340px; margin:0; float:right; } .mainContent .recent_right h1 { padding:0; margin:0px; font-size:180%; border-bottom:1px solid #cccccc;} #homeContentarea .wide { width:815px; _width:810px; } #homeContentarea .wide_top { width:810px; _width:796px; padding:25px 0px 20px 12px; _margin-left:4px; } #homeContentarea .wide_top.news_area { padding-bottom: 0; } #homeContentarea .wide_top .groupmember_photo {width:255px;} #homeContentarea .wide_top ul li { width:260px; _width:243px; border-bottom:none; border-right:1px solid #cccccc;} #homeContentarea .wide_top ul ul.groupmember_photo li { width:42px; border:2px solid #cccccc;} #homeContentarea .wide_top ul li.last { border-right: none !important ;} .profile_top{ width:375px; height:10px; background: url(../images/profileRight_top.gif) no-repeat; margin:0;} .profile_bottom{ width:375px; height:10px; background: url(../images/profileRight_bottom.gif) no-repeat; float:left;} .profile_middle{ width:375px; height:auto; background:url(../images/profileRight_middle.gif) repeat-y; overflow:hidden; float:left;} .mainContent .event_upcoming { width:380px; float:left; margin:0;} .mainContent .event_upcoming .social_title { width:210px;} .mainContent .event_upcoming .rsvp_button { right:-5px;} .mainContent .event_upcoming .share_button { right:-2px;} .mainContent .event_upcoming ul.socialContainer { width:380px; margin:0;} .upcomingSocial_container { width:400px; height:auto; float:right; margin:20px 4px 0 0; position:relative; color:#666666;} .upcomingSocial_container.newsafari_friends {margin-top: 15px;} div#upcoming_socials_container_dynamic_updater {float: right;} div#upcoming_socials_container_dynamic_updater .upcomingSocial_container {margin-top: 0;} upcomingSocial_container .heading { position:relative;} .upcomingSocial_container .heading .viewmoreLink{ width:71px; _width:80px; height:auto;font-weight:bold; float:right; padding:0 0 0 0; _padding:0 0 0 28px; margin:-16px -10px 0 0; } .upcomingSocial_container .heading .viewmoreLink a{ color:#000000; text-decoration:none; } .upcomingSocial_container .heading .viewmoreLink a:hover{ color:#999900; text-decoration:underline; } .upcomingSocial_container h1 { padding:0; margin:0px; font-size:180%; border-bottom:1px solid #cccccc;} div#upcoming_socials_container_dynamic_updater .upcomingSocial_container h1 {width: 400px;} .upcomingSocial_container .socialPhotoSmall{ float: left; margin: 5px 5px 5px 0; height:45px; width:60px; text-align: center;} .upcomingSocial_container .socialPhotoSmall img { border: 2px solid #cccccc; padding: 1px; height:45px; width:60px; } .upcomingSocial_container .left_actions { width:165px; _width:175px; height:auto; float:left; clear:both; margin: 5px 0 0 0; _margin-top:0px; color:#666666; _position:absolute;} .upcomingSocial_container .left_actions p{ margin: 5px 0 0 0; padding:0;} .upcomingSocial_container .left_actions span{ font-weight:bold; color:#FF8700;} .upcomingSocial_container .findmore_link{ width:110px; height:20px;float:right; font-weight:bold; margin:35px -5px 0 0;} .upcomingSocial_container .findmore_link a{ float:right; font-weight:bold; color:#000000; text-decoration:none;} .upcomingSocial_container .findmore_link a:hover{ float:right; font-weight:bold; color:#000000; text-decoration:underline;} .upcomingSocial_container .social_title {color:#999900; margin:0; padding:0 5px 0 0; font-weight:bold;} .upcomingSocial_container .social_details { margin-top:10px; padding: 0 0 5px 0;} .upcomingSocial_container .group_align { margin:15px 0 5px 0;} .helpIcon{width:14px; height:14px;float:left; margin:2px 0 0 5px; _margin-left:2px; background:url('../images/sprite.gif') no-repeat scroll -588px -253px; cursor:pointer;} .findmore_button { width:109px; height:15px; float:right; right:0; bottom:0; *top:12px; position:absolute; } .findmore_button a{ width:109px; height:15px; float:right; position:absolute; background:url('../images/sprite.gif') no-repeat scroll -824px -39px; } .wide_top { width:300px; height:auto; margin:0; float:left; position:relative;} .friends_searchResult{ width:auto; height:auto; margin:10px 0 0 0; padding: 0 0 10px 0; float:left; position:relative;} .friends_searchResult h1 { float:left; width:400px; height:auto;} .search_again { width:140px; height:auto; float:right; font-weight:bold; position:relative;} .wide_top .groupImage{ float: right; margin: 5px 20px 5px 0; _margin: 5px 10px 5px 0; height:70px; width:70px;} .wide_top .groupImage img { border: 2px solid #cccccc; padding: 1px; } .wide_top .heading { position:relative;} .wide_top .heading .viewmoreLink{ width:71px; _width:80px; height:auto;font-weight:bold; float:right; padding:0 0 0 0; _padding:0 0 0 28px; margin:-16px -10px 0 0; } .wide_top .heading .viewmoreLink a{ color:#000000; text-decoration:none; } .wide_top .heading .viewmoreLink a:hover{ color:#999900; text-decoration:underline; } .wide_top h1 { padding:0; margin:0px; font-size:180%; border-bottom:1px solid #cccccc;} .wide_top ul.interestgroups{ margin: 10px 0 0 0; padding: 0; position:relative; height:auto; overflow:hidden; width:350px;} .wide_top ul.wide-vertical li { width: 328px; margin:5px 0 10px 0; padding:0 4px 5px 4px; border-bottom: 1px solid #cccccc; float: left; } .wide_top ul.wide-vertical .last { border:none; } .wide_top ul.wide-vertical li { list-style:none; display:inline; } .wide_top ul.wide-vertical .groupData {margin: 0; padding: 0 0 7px 5px; margin-left:10px; position:relative; color:#666666;} .wide_top ul.wide-vertical .groupData a{font-weight:bold;} .wide_top ul.wide-vertical .groupData p {padding: 0; margin:0;} .wide_top ul.wide-vertical .groupData span { color:#FF8700;} .wide_top ul.wide-vertical .groupData span a { color:#FF8700; text-decoration:underline; font-weight:normal;} .wide_top ul.wide-vertical .groupData span a:hover { color:#FF8700; text-decoration:none; font-weight:normal;} .wide_top ul.wide-vertical .groupData .userDetails {margin:0 0 10px 0;} .wide_top ul.wide-vertical .groupData .group_title { color:#FF8700; font-weight:bold; font-size:14px; margin:-2px 0 0 0; *margin:0;} .wide_top ul.wide-vertical .groupData .group_title a{ color:#FF8700; text-decoration:underline;} .wide_top ul.wide-vertical .groupData .group_title a:hover{ color:#FF8700; text-decoration:none;} .wide_top.news_area ul.wide-vertical li { height: 170px; } .wide_top .groupmember_photo { float:left; width:400px; height:auto;} .wide_top .groupmember_photo img { width:42px; height:42px; float:left;} .wide_top ul.groupmember_photo { float: left; margin: 10px 0 10px 0; padding: 0; width:260px;} .wide_top ul.groupmember_photo li{ float: left; display:inline; clear:none; width:auto; border:none; padding:1px; margin:5px 3px 0 0; border: 2px solid #cccccc; width:42px; height:42px;} .wide_top ul.groupmember_photo .matching{ border: 2px solid #FF8700; width:42px; height:42px;} .share_button {width:83px; height:16px; float:left; margin:5px 0 5px 0; } .share_button a {width:83px; height:16px; background:url('../images/sprite.gif') no-repeat scroll -818px -5px; display:block; outline:none; cursor:pointer; } .join_button {width:120px; height:27px; float:left; margin:0 0 5px 0; } .join_button a {width:120px; height:27px; background:url('../images/sprite.gif') no-repeat scroll -834px -820px; display:block; outline:none; cursor:pointer; } .leave_button {width:106px; height:27px; float:left; margin:0 0 5px 0; background:url('../images/sprite.gif') no-repeat scroll -834px -938px; display:block; } .join_leave_btn_rt { float: right !important; margin-right: 0px !important;} .leave_button a {width:106px; height:27px; outline:none; cursor:pointer; float:left; } /* header Styles*/ #pageHeader{ width:980px; position:relative; z-index: 1000;} #pageHeader #logo{ width:350px; height: 60px; overflow: hidden; margin-top: 28px; float: left;} #logo img{ border:0px solid #000; } #pageHeader #mainCity { position:absolute; left: 350px; top: 36px; width:158px; height:45px; font-size:13px; color:#666666; font-weight:bold; text-transform:uppercase; line-height: 17px;} #pageHeader #mainCity span{ color:#666666; font-size:11px; text-transform:none; margin-right:5px; font-weight:normal;} #pageHeader .change { margin-left:10px; font-weight:normal;} #pageHeader #topBanner { position:absolute; left: 512px; top: 16px; width:468px; height:60px; background:url('../images/sprite.gif') no-repeat scroll -288px 00;} #pageHeader #topCityNames{ position:absolute; top: 83px; left:0; width:550px; font-family:Tahoma; font-size:11px; text-align:left; padding:5px 0 0 0; color:#666666;} #pageHeader #topCityNames ul li { list-style:none; display:inline; margin:0px;} #pageHeader #topCityNames ul li span{border-right:1px solid #000000;display:inline; padding:0 3px; margin:0px;} #pageHeader #topCityNames ul li a{color:#666666;text-decoration:none; margin:0px; padding:0; outline:none;} #pageHeader #topCityNames ul li a:hover{color:#000000;text-decoration:underline; margin:0px; padding:0; outline:none;} #pageHeader #searchContainer{position:absolute; top:45px; right:3px; width:300px; font-family:Tahoma; font-size:12px;} #pageHeader .search_field{ width:110px; height:16px; font-family:Tahoma; font-size:11px; padding:2px; border:1px solid #999999; margin-left:4px;} #pageHeader .goButton{ position:absolute; top:0px; right:0; width:36px; height:23px; background:url('../images/sprite.gif') no-repeat scroll -769px -4px; cursor:pointer;} #pageHeader .goButton a{ pwidth:36px; height:21px; cursor:pointer;} #pageHeader #forgotPassword{ position:absolute; width:105px; height:24px; font-size:12px; font-family:Tahoma; color:#999900; text-align:right; outline:none; left: 298px; top:0px;} #pageHeader .loading { width:31px; height:31px; position:absolute; background:url(../images/ajax-loader2.gif) no-repeat; left: 552px; top: 70px;} #pageHeader .exitContainer { width: 156px; font-size: 1em; margin-bottom: -25px; float: right; text-align: right; } #pageHeader .exitContainer h3, #pageHeader .exitContainer h4 { margin: 0 0 2px; clear: none; } #pageHeader .exitContainer h3 { font-size: 1.2em; } #pageHeader .exitContainer h4 { font-size: 1em; } #hidden-cities{width:843px;margin:0 auto 10px; padding:0 10px 0 127px;text-align:left;background-color: #f0f0f0; border:1px solid #cccccc; overflow:auto; display:none; clear: both;} #hidden-cities a{color: #666666; text-decoration:none; outline:none;} #hidden-cities a:hover{color: #000000; text-decoration:underline;} #hidden-cities a.cities-hide{float:right;font-size:11px;margin-top:15px; font-weight:bold;} #hidden-cities ol{float:left;padding:5px 0;width:129px; margin:0px; padding:5px;} #hidden-cities ol li { list-style:none;} #hidden-cities ol li a{margin-left:5px; outline:none;} #pageHeader #forgotPassword a{ color:#999900; outline:none; text-decoration:underline; outline:none;} #bodyContainer{ width:980px; height:auto; margin:auto; vertical-align:top; } /* top main navigation Styles*/ #mainNavigation {width:980px; height:31px; font-size:9px; outline:none; z-index: 1; } #mainNavigation ul {margin: 0px; padding: 0px; list-style-type:none; width:980px; height:31px; outline:none; float:left; border-bottom:4px solid #FF9203;} #mainNavigation ul li {display: inline; margin: 0 3px 0 0; padding: 0px; float:left; outline:none; font-size:12px; font-weight:bold; clear:none;} #mainNavigation ul li a { height: 31px; outline:none; font-size:12px; color:#666666; text-decoration:none; } #mainNavigation ul li a:hover { color:#ffffff;} #mainNavigation span { text- outline:none; text-transform:none; } .tab_main { width:auto; height:31px; margin:0; padding:0; float:left; } .tab_left { width:9px; height:31px; float:left; background:url(../images/tab_left.jpg) no-repeat;} .tab_right { width:auto; height:25px; float:left; background:url(../images/tab_right.jpg) right repeat-x; text-align:center; padding:6px 18px 0 9px;} .tab_left_selected { width:9px; height:31px; float:left; background:url(../images/tab_selected_left.jpg) no-repeat;} .tab_right_selected { width:auto; height:25px; float:left; background:url(../images/tab_selected_right.jpg) right repeat-x; text-align:center; padding:6px 18px 0 9px; color:#ffffff;} .tab_main2 { width:auto; height:31px; margin:0; padding:0; float:left; } .tab_left2 { width:9px; height:31px; float:left; background:url(../images/tab_left_block.jpg) no-repeat;} .tab_right2 { width:auto; height:25px; float:left; background:url(../images/tab_right_block.jpg) right repeat-x; text-align:center; padding:6px 18px 0 9px;} .tab_left_selected2 { width:9px; height:31px; float:left; background:url(../images/tab_selected_left_2.jpg) no-repeat;} .tab_right_selected2 { width:auto; height:25px; float:left; background:url(../images/tab_selected_right2.jpg) right repeat-x; text-align:center; padding:6px 18px 0 9px; color:#ffffff;} #bodyContainer .tab_right_selected2 a { color:#ffffff; text-decoration:none;} #bodyContainer .tab_right_selected2 a:hover { color:#ffffff; text-decoration:underline;} .subLinks { width:960px; height:24px; color:#ffffff; background-color:#FF9203; padding:0 10px 0 10px; clear:both; _margin: -2px 0 0 0;} .subLinks ul{ width:960px; height:24px; float:left; padding:0; margin:0; clear:both; } .subLinks ul li{ width:auto; height:24px; float:left; padding:2px 0 0 0; margin:0 15px 0 0; color:#ffffff;} .subLinks ul li a { width:auto; height:24px; color:#ffffff; text-decoration:none; float:left;} .subLinks ul li a:hover { color:#ffffff; text-decoration:underline;} .white_arrow { width:8px; height:5px; margin:6px 5px 0 0; float:left; background:url('../images/arrow_white.gif') no-repeat;} .subLinks ul .selected { font-weight:bold; text-decoration:underline; float:left; } .subLinks span { float:left; width:auto; height:20px;} .subLinks span a { float:none;} .sub_subLinks { width:770px; height:24px; color:#ffffff; padding:0 10px 0 10px; clear:both; _margin: -2px 0 0 0;} .sub_subLinks ul{width:770px; height:24px; color:#ffffff; padding:0 10px 0 10px; clear:both; _margin: -2px 0 0 0; } .sub_subLinks ul li{ width:auto; height:24px; float:left; padding:2px 0 0 0; margin:0 15px 0 0; color:#666666;} .sub_subLinks ul li a { color:#666666; text-decoration:none; float:left;} .sub_subLinks ul li a:hover { color:#666666; text-decoration:underline;} .sub_subLinks ul .selected { font-weight:bold; text-decoration:underline; } .subNavigation .firstTab { margin: 0 3px 0 10px;} .subNavigation .selected { border-bottom:1px solid #ffffff;} #msd-upcoming #upcomingSocialTab, #msd-invites #myInvitesTab, #msd-past #pastSocialTab, #msd-friends #friendsSocialTab { border-bottom: 1px solid #ffffff; } .subNavigation {width:800px; height:26px; font-size:9px; outline:none; margin:7px 0 0 0px; border-bottom:1px solid #999999; } .subNavigation ul {margin: 0; _margin: 0 0 -10px 0; padding: 0px; list-style-type:none; width:100%; _width:800px; height:31px; _height:21px; outline:none; float:left; } .subNavigation ul li {display: inline; margin: 0 3px 0 0; padding: 0px; float:left; outline:none; font-size:11px; clear:none; } .subNavigation ul li a { height: 26px; outline:none; font-size:13px; color:#666666; text-decoration:none; } .subNavigation ul li a:hover { color:#666666;} .subNavigation span { text- outline:none; text-transform:none; } .subtab_main { width:auto; height:26px; margin:0; padding:0; float:left; position:relative;} .subtab_left { width:4px; height:26px; float:left; background:url(../images/sub_left.gif) no-repeat;} .subtab_right { width:auto; height:20px; float:left; color:#666666; background:url(../images/sub_right.gif) right repeat-x; text-align:center; padding:3px 15px 3px 11px;} .subtab_right a { color:#666666; text-decoration:none; } .subtab_right a:hover { color:#cccccc; text-decoration:underline; } .weekContainer{ display: inline; overflow:hidden; margin-top:0;} .dateContainer{ width:149px; height:auto; margin:auto; overflow:hidden; float:left; margin:0 17px 0 0; } .weekContainer .dateBack{ width:149px; height:22px; margin: 0px auto; padding:5px 0 0 0; overflow:hidden; background:url('../images/date_back.gif') no-repeat; text-align:center; font-family:"Trebuchet MS"; font-size:12px; font-weight:bold; color:#ffffff;} .weekContainer .dateMiddle{ width:149px; height:auto; margin:auto; overflow:hidden; background:url('../images/date_middle.gif') repeat-y; padding:0 5px 0 5px; position:relative; } .weekContainer .dateMiddle ul{ width:149px; height:90px; float: left; margin: 0 0 0 2px; padding: 0; } .weekContainer .dateMiddle ul li{float: left; display:inline; clear:none; width:auto; border:none; padding:0; } .weekContainer .dateMiddle img{width:35px; height:35px; border:1px #666666 solid; margin:5px 8px 0 2px; float:left; } #socialLanding_left .weekContainer .viewmoreLink{ width:71px; _width:80px; height:auto;font-weight:bold; float:left; padding:0 0 0 75px; _padding:0 0 0 28px; } #whiteBox_middle .weekContainer .viewmoreLink a{ color:#000000; text-decoration:none; } #whiteBox_middle .weekContainer .viewmoreLink a:hover{ color:#999900; text-decoration:underline; } .weekContainer .symbols{ width:26px; height:26px; border:2px #666666 solid; margin:5px 3px 0 0; float:left; } .weekContainer .dateBottom{ width:149px; height:9px; margin:auto auto 20px auto; overflow:hidden; position:relative; background:url(../images/date_bottom.gif) top no-repeat;} .weekContainer .dateMiddle_default{ width:149px; height:82px; margin:auto; overflow:hidden; background:url('../images/date_middle.gif') repeat-y; padding:0 7px 0 7px; position:relative; } .weekContainer .dateMiddle_default img{width:91px; height:61px; border:1px #666666 solid; margin:5px 4px 0 0; float:left; } #whiteBox_middle .weekContainer .week_right { margin-right:22px;} #socialLanding_left { width:500px; height:auto; overflow:hidden; display:block; float:left;} #socialLanding_left .searchSocial { width:500px; height:auto; margin:0; padding:0px; vertical-align:top; overflow:hidden; display:block; position:relative; float:left;} #socialLanding_left .keywordField{ border: 1px solid #999999; padding: 2px ; width: 227px; margin:5px 0 0 0; outline:none; font-family:Tahoma; font-size:11px; color:#999999; float:left; margin-right:20px;} #socialLanding_left .postcodeField{ border: 1px solid #999999; padding: 2px; width: 125px; margin:5px 0 0 0; outline:none; font-family:Tahoma; font-size:11px; color:#999999; float:left; } #socialLanding_left .post_code{ border: 1px solid #999999; padding: 1px ; width: auto; margin:5px 0 0 0; outline:none; font-family:Tahoma; font-size:11px; color:#999999; margin-right:5px;} .optional{ color:#999999; font-size:10px; clear:none; } #socialLanding_left .selectButton { width:64px; height:20px; float:left; clear:both; margin: 10px 0 0 0; z-index:100000; position:relative;} #socialLanding_left .selectButton a {width:64px; height:20px; background:url('../images/sprite.gif') no-repeat scroll -641px -312px; display:block; outline:none; cursor:pointer; z-index:1000000; } #socialLanding_left .searchButton {width:81px; height:27px; margin: 0 0 0 13px; float:left; } #socialLanding_left .searchButton a{width:81px; height:27px; background:url('../images/sprite.gif') no-repeat scroll -401px -312px; display:block; outline:none; cursor:pointer; } #socialLanding_left #Searchcategory { width:313px; height:auto; float:left; margin: 0 10px 0 0; padding:5px; overflow:hidden; display:block; background-color:#f0f0f0; border: 1px solid #cccccc; line-height:15px;} #socialLanding_left #Searchcategory ul{float:left; padding:0; margin:0px;} #socialLanding_left #Searchcategory ul li { list-style:none; padding:2px; margin:0 0 0 20px; float: left; width: 42%;} #socialLanding_left #Searchcategory ul li a { color:#000000; text-decoration:none;} #socialLanding_left #Searchcategory ul li a:hover{ color:#FF8700; text-decoration:none;} #socialLanding_left #Searchcategory ul li .selected{ color:#FF8700; text-decoration:none;} #socialLanding_left #Searchcategory .special_category{ list-style-image:url(../images/greenArrow.gif); *list-style-image:url(../images/greenArrow_ie.gif); width: 43%;} .viewSocial{ float:left; font-size:11px; font-family:Tahoma; vertical-align:top; overflow:hidden; width:280px; height:auto; text-align:left; } .viewSocial ul li span{border-right:1px solid #666666;display:inline;padding:0 3px; text-align:left;} .viewSocial ul li a{color:#999900;text-decoration:underline; outline:none;} .viewSocial ul li a:hover{color:#999900;text-decoration:none;} .viewSocial ul li{ list-style:none; display:inline;} #socialLanding_left .dateRange {float:left; width:auto; height:auto; margin:10px 0px 5px 0px; display:none;} .displayButton {width:81px; height:27px; margin: -3px 0 0 15px; float:left; } .displayButton a{width:81px; height:27px; background:url('../images/sprite.gif') no-repeat scroll -426px -456px; display:block; outline:none; cursor:pointer; float:left; } #socialLanding_left #searchFilter{ width:280px; height:25px; overflow:hidden; float:left; clear:none; padding: 2px 5px 0 5px; } #socialLanding_left #search_criteria{ width:auto; height:auto; padding:2px 0 0 0; overflow:hidden; display:block; clear:both; color:#666666;} #paginationContainer{ width:auto; height:auto; vertical-align:top; overflow:hidden; float:right; clear:none;} .paginationContainer{ width:auto; float:right; clear:none;} .pagination { width:auto; height:25px; overflow:hidden; display:block; } ul.pagination { padding: 2px 0 0; margin:0; float:left;} ul.pagination li { list-style:none; display:inline; padding: 0 3px; float: left;} ul.pagination li a{ color:#000000; text-decoration:underline;} ul.pagination li a:hover{ color:#ff9900; text-decoration:none;} ul.pagination li .selected{ color:#ff9900; text-decoration:none; font-weight:bold;} .arrowPrev { width:11px; height:11px; background:url('../images/sprite.gif') no-repeat scroll -507px -312px; cursor:pointer; float:left; margin:5px 0 0 0; } .arrowPrev a { width:11px; height:11px; float:left; text-decoration:none; } .arrowNext { width:11px; height:11px; background:url('../images/sprite.gif') no-repeat scroll -527px -312px; cursor:pointer; float:left; overflow:hidden; margin:4px 0 0;} .arrowNext a { width:11px; height:11px; float:left; overflow:hidden; text-decoration:none; } #socialLanding_left .searchResult { width:470px; height:auto; overflow:hidden; display:block; clear:both; font-size:120%; font-weight:bold; margin-top: 30px;} #socialLanding_left .searchResult #keyword, #location { color:#FF8700;} #socialLanding_left ul.eventContainer { margin: 0; padding: 0;} #socialLanding_left .recommended_socials h1 { width:480px; margin: 0 0 10px 0; *margin: 0px;} #socialLanding_left .recommended_socials {float:left; position:relative; } #socialLanding_left ul.eventContainer li {clear: both; margin:5px 0 0; padding: 2% 1%; border-top: 1px solid #cccccc; float: left; } #socialLanding_left .p_event { z-index:0;} .small { padding: 0 0 7px 60px;} .userData h1 {color:#000000;} .userData p {padding: 0; margin: 0px 0px 3px 0px;} .userData span {color:#FF8700;} .userData select { float:left; position:relative; margin: 0 0 0 5px;} .userData .textfield { width:247px; font-size:11px; font-family:Tahoma; border:1px solid #666666; margin:5px 0 10px 0;; padding:2px;} .userFancyForm { padding:5px 5px 0px 0px; float:left; position:relative; clear: both; _clear: none;} #fancy_form { display:block; } #statusForm { margin:0px; padding:10px;width: auto;float: left;} .clear { clear:both; height:2px; } .socialStatus_label { width:105px; height:auto; float:left; font-size:14px; color:#000000; font-weight:bold; } .socialStatus { width:345px; height:auto; float:left; font-size:14px; color:#666666; font-weight:bold; margin: 0 0 0 5px;} .profile_photo { width:100px; height:auto; float:left; clear:both; text-align:center; position:relative;} .profile_photo p{ padding: 0; margin: 0px;} .profile_photo span {color:#FF8700;} #socialLanding_left .eventData .suggest_social_text { text-align:center; padding-left:10px;} #socialLanding_right ul.recentContainer .recentData .eventCategory1 {color:#FF8700;font-size:10px;padding-right:5px;} #socialLanding_right span {color:#FF8700;} .myupdates_container { width:480px; _width:472px; height:auto; float:left; margin:10px 0 20px 0; color:#666666; padding:10px 0 15px 0; border-top: 1px solid #cccccc; clear:both; border-bottom:1px solid #cccccc;} #bodyContainer .no_border { border-bottom:none; margin:10px 0 0 0;} #bodyContainer .test_right {width:380px; margin-top:20px !important; _margin-top:27px !important; } .groupMain_content .freeAccount_button { margin:0; float:none;} .myupdates_container p{ padding: 0; margin: 0px 0px 3px 0px;} .myupdates_container .tip{clear:both; *margin-top:-15px;} .myupdates_container h1{ padding: 0; margin: 0px; float:left; color:#000000;} .myupdates_container select{ padding: 0; margin: 7px 0 0 10px;; float:left; border: 1px solid #999999; padding:2px;} .myupdates_container #today,#yesterday,#day_before{ width: 500px; _width:467px; height:auto; float:left; clear:both; position:relative; margin: 10px 0 0 0; } .myupdates_container span { color:#FF8700;} .myupdates_container .heading{ width:470px; _width:468px; height:auto; padding:2px 5px 2px 5px; background:#f0f0f0; border:1px solid #cccccc; clear:both; font-size:12px; font-weight:bold; color:#000000;} .myupdates_container .updates_parent{ width:470px; height:auto; padding:2px 5px 0 5px;} .myupdates_container .updates{ width:430px; height:auto; padding:0; margin:5px 0 0 25px;} .myupdates_container .icon_social_diary { background-image:url(../images/social_diary.gif); float:left; width:16px; height:16px; padding:0; margin:5px 0 0 0; } .myupdates_container .icon_friends { background-image:url(../images/friends.gif); float:left; width:16px; height:16px; padding:0; margin:5px 0 0 0; } .myupdates_container .icon_groups { background-image:url(../images/group.gif); float:left; width:16px; height:16px; padding:0; margin:5px 0 0 0; } .myupdates_container .icon_favoritePlace { background-image:url(../images/globe.gif); float:left; width:16px; height:16px; padding:0; margin:5px 0 0 0; } #dashboard_right {width:308px; /*_width:306px;*/ height:auto; overflow:hidden; display:block; float:left; margin:0 5px auto 0; color:#666666; /*position:relative;*/} #menu_findfriends_section #dashboard_right {margin-top: 40px;} #dashboard_right span{color:#FF8700;} #dashboard_right p{ padding: 0; margin: 0px 0px 3px 0px;} #dashboard_right .viewmoreLink{ width:174px; _width:180px; height:auto;font-weight:bold; float:right; padding:0 0 0 0; margin:-7px 0 5px 0; } #dashboard_right .viewmoreLink a{ color:#000000; text-decoration:none; } #dashboard_right .viewmoreLink a:hover{ color:#999900; text-decoration:underline; } #dashboard_right h1 {margin:0 0 0 5px; padding:0; color:#000000;} #dashboard_right_top_content {padding-top:42px; padding-bottom:0px; height:242px; } .dashboard_right_h2 { font-size:180%; font-weight:normal; color:#000000; margin-bottom:10px; padding-left:0px;} .mypoints_main {width:308px; height:auto; display:block; padding:0; margin:0 0 10px 0; position:relative;} .mypoints_top {width:308px; height:10px; background:url(../images/mypoints_top.gif) no-repeat;} .mypoints_middle {width:308px; height:auto; background:url(../images/mypoints_middle.gif) no-repeat bottom; _margin-top: -3px; float:left;} .mypoints_middle2 {width:308px; height:auto; background:url(../images/mypoints_middle2.gif) repeat-y; _margin-top: -3px;} .mypoints_bottom {width:308px; height:10px; background:url(../images/mypoints_bottom.gif) no-repeat; float:left;} .mypoints_bottom2 {width:308px; height:10px; background:url(../images/mypoints_bottom2.gif) no-repeat;} .mypoints_content {width:285px; height:auto; margin:auto; padding:2px 0 0 15px; position:relative; display:table;} .invite_table{ width:270px; padding-left:8px; } #dashboard_right ul.recommended_friends {width:275px; height:auto; margin:auto; padding:2px 0 0 5px; position:relative;} #dashboard_right ul.recommended_friends li {padding:5px 0 5px 0; margin:0; border-bottom: 1px solid #cccccc;} .clear_dashboard { clear:both; height:15px; _height:5px; } #dashboard_right .userDetails{ width:280px; height:auto; float:left; margin:5px 0;} #dashboard_right .userDetails ul{ padding:0; float:left;} #dashboard_right .userDetails ul li{ border:none; display:inline; float:left; width:auto; margin-right: 10px; } #dashboard_right ol{ padding:0 0 0 15px; *padding:0 0 0 20px; margin:0; } #dashboard_right ol li{ padding:3px; margin:0; } ul.nextSteps { padding:0 0 0 15px; margin:0; width:260px; list-style: decimal;} ul.nextSteps li { padding:3px; margin:0; float:left; width:260px; } .progressbar { width: 96px; border: 1px solid #999; margin:10px 0 0 0; float:right; padding: 1px; } .progress_greenbar { width: 30%; height:10px; float:left; background: url('../images/goal_progress_bar_bg.gif') repeat-x; } .post_button {width:58px; height:27px; margin: -3px 0 0 5px; float:left; position:relative; clear:none; } .post_button a{width:58px; height:27px; background:url('../images/sprite.gif') no-repeat scroll -818px -277px; display:block; outline:none; cursor:pointer;} .visitors_Photo { float:left; margin: 0 0 0 0;} ul.visitors_photo { float: left; margin: 0 0 10px 0; padding: 0; width:470px; height:auto;} ul.visitors_photo { float: left; margin: 0 0 10px 10px; padding: 0; width:470px; height:auto;} ul.visitors_photo li{ float: left; display:inline; clear:none; width:60px; border:none; margin: 10px 10px 20px 0; height:60px; text-align:center; border: 2px solid #cccccc; padding:1px;} .visitors_photo img{ width:60px; height:60px;} ul.visitors_photo .matching{ border: 2px solid #FF8700; width:60px; height:60px;} .places_Photo { float:left; margin: 0 0 0 0;} ul.places_Photo { float: left; margin: 0 0 10px 0; padding: 0; width:335px; height:auto;} ul.places_Photo li{ float: left; display:inline; clear:none; width:45px; border:none; padding:0; margin: 10px 10px 0 0; _margin-right:7px; height:auto; text-align:center;} .places_Photo ul li { display:inline; list-style:none; border:none; } .places_Photo img{ border: 2px solid #cccccc; width:42px; height:42px; padding:1px; float:left;} .photo_video img{ border: 2px solid #cccccc; width:60px; height:60px; padding:1px; float:left;} .photo_video { float: left; display:inline; clear:none; width:63px; border:none; padding:0; margin: 10px 10px 10px 0; _margin-right:7px; height:auto; text-align:center;} .friends_Photo_container { float: left; margin:10px 0 10px 0 ; padding: 0; width:450px; height:auto; position:relative;} .friends_Photo { float:left; margin: 0 20px 5px 0; width: 65px; height:105px; text-align:center; position:relative; overflow:hidden;} .friends_Photo img{ border: 2px solid #cccccc; width:60px; height:60px; padding:1px; float:left;} /*.friends_Photo { float:left; margin: 0 0 0 0;} ul.friends_Photo { float: left; margin: 0 0 10px 0; padding: 0; width:470px; height:auto;} ul.friends_Photo li{ float: left; display:inline; width:100px; height:auto; border:none; padding:0; margin: 10px 0 0 0; text-align:center; border-right:1px solid #cccccc; padding: 0 5px 0 5px;} .friends_Photo ul li { display:inline; list-style:none; border:none; }*/ .friends_Photo img{ border: 2px solid #cccccc; width:60px; height:60px; padding:1px; clear:both;} .user_testimonails { width:100px; height:70px; float:left; padding: 0 5px 0 10px; margin:0 20px 0 -20px; line-height:15px; color:#999999; display:block;} .interested_button {width:129px; height:27px; float:right; /*position:absolute; right:-5px; top:0;*/ } .interested_button a {width:129px; height:27px; background:url('../images/sprite.gif') no-repeat scroll -474px 00px; display:block; outline:none; cursor:pointer; } .btn_interested {width:129px; height:27px; float:left; background:url('../images/sprite.gif') no-repeat scroll -474px 00px; cursor:pointer; } .btn_interested a {width:129px; height:27px; display:block; outline:none; } .suggest_share {width:83px; height:16px; float:right; position:absolute; right:40px; top:65px; } .suggest_share a {width:83px; height:16px; background:url('../images/sprite.gif') no-repeat scroll -818px -5px; display:block; outline:none; cursor:pointer; } .event_share {width:83px; height:16px; float:right; position:absolute; right:40px; top:35px; } .event_share a {width:83px; height:16px; background:url('../images/sprite.gif') no-repeat scroll -818px -5px; display:block; outline:none; cursor:pointer; } .event_social_status { width:200px; height:auto; margin:10px 10px 10px 0; padding:5px; background:#f0f0f0; border:1px dashed #cccccc; color:#FF8700; float:right;} .event_social_status a { color:#FF8700; text-decoration:none;} .event_social_status a:hover { color:#FF8700; text-decoration:underline; } #mainContainer .event_title { width:255px;} #socialLanding_left .eventData .eventCategory{color:#FF8700; padding-right:10px; font-size:11px;} #socialLanding_left .eventData .share_button {width:83px; height:16px; float:right; position:absolute; right:0px; top:35px; margin:0; } #socialLanding_left .eventData .share_button a {width:83px; height:16px; background:url('../images/sprite.gif') no-repeat scroll -818px -5px; display:block; outline:none; cursor:pointer; } #socialLanding_left .eventPhotoSmall{ float: left; margin: 5px 5px 5px 0; height:45px; width:60px; text-align: center; position:relative; z-index:1;} #socialLanding_left .eventPhotoSmall img { border: 2px solid #cccccc; padding: 1px; height:45px; width:60px; } .profilePhotoSmall{ float: left; margin: 5px 5px 5px 0; height:auto; width:100px; height:100px; text-align: center;} .profilePhotoSmall img { padding: 1px; width:100px; height:100px; } .recommedPhotoSmall{ float: left; margin: 5px 5px 5px 0; height:42px; width:42px; text-align: center;} .recommedPhotoSmall img { border: 2px solid #cccccc; padding: 1px; width:42px; height:42px; } #socialLanding_left h3 {width:300px;color:#999900; margin:0; clear:none; padding:0 5px 0 0;} #socialLanding_left h3 a { color:#999900; text-decoration:underline;} #socialLanding_left h3 a:hover { color:#999900; text-decoration:none;} #socialLanding_left .interestedUserPhoto { float:left; margin: 0 10px 0 0;} #socialLanding_left ul.interestedUserPhoto { float: left; margin: 0 0 10px 0; padding: 0;} #socialLanding_left ul.interestedUserPhoto li{ float: left; display:inline; clear:none; width:auto; border:none; padding:0;} #socialLanding_left .viewmoreLink{ font-weight:bold; float:left; padding: 35px 0 0 0; } #socialLanding_left .viewmoreLink a{ color:#000000; text-decoration:none; } #socialLanding_left .recommended_more { float:right; position:relative; padding:5px 0 5px 0; *padding:0 0 5px 0; margin: 0px 20px 0 0; *margin: 0px 10px 0px 0px;} #socialLanding_left .viewmoreLink a:hover{ color:#999900; text-decoration:underline; } #socialLanding_left .formError400{ background-color:#f0f0f0; width:480px; height:auto; margin:auto; padding:5px; font-family:Tahoma; font-weight:bold; color:#CC0000;; margin-top:10px; border:1px solid #cccccc; display:block; text-align:center; } #socialLanding_right {width:288px; height:auto; overflow:hidden; display:block; float:left; margin-left:9px; margin-top:-4px;} #socialLanding_right p {margin:0 0 10px 0;} #socialLanding_right ol { *margin:10px 0 10px 45px;} #socialLanding_right ol li { font-size:12px; font-weight:bold; margin:0 0 0 20px;} #socialLanding_right .textContainer {width:288px; height:auto; overflow:hidden; display:block; margin: auto;} #socialLanding_right .createSocial {width:289px; height:auto; margin:15px auto 0 auto;} #socialLanding_right .organiseSocial {width:258px; height:42px; overflow:hidden; background:url('../images/sprite.gif') no-repeat scroll 00 -456px; margin:auto; } #socialLanding_right .suggestSocial {width:232px; height:45px; overflow:hidden; background:url('../images/sprite.gif') no-repeat scroll 00 -1440px; margin:auto; } .social_join_h1 { margin-left:3px; } .add_eventTxt { width:275px; height:48px; overflow:hidden; background:url('../images/sprite.gif') no-repeat scroll 00 -1326px; margin:auto auto 15px auto;} .createSocial_button {width:152px; height:27px; margin: 15px auto 5px auto; } .createSocial_button a {width:152px; height:27px; background:url('../images/sprite.gif') no-repeat scroll -271px -456px; display:block; outline:none; cursor:pointer; } .addEvent_button {width:175px; height:27px; margin:0 0 5px 40px; background:url('../images/sprite.gif') no-repeat scroll -289px 00; outline:none; cursor:pointer; } .addEvent_button a {width:175px; height:27px; display:block; } #socialLanding_right .addSuggestion_button {width:216px; height:27px; margin: 15px auto 5px auto; background:url('../images/sprite.gif') no-repeat scroll -736px -1231px; display:block; padding-bottom:5px; } #socialLanding_right .addSuggestion_button a {width:216px; height:27px; outline:none; float:left; } #socialLanding_right .membersOut_thisweek {width:288px; height:auto; overflow:hidden; display:block; margin:25px auto auto auto;} #socialLanding_right .membersOut_thisweek p {margin:-5px 0 0 0; padding:0 0 0 3px;} #socialLanding_right .membersOut_thisweek .cityName {font-size:12px; font-weight:bold; color:#FF8700;} #socialLanding_right h1{ padding:0; margin:0px; font-size:180%; letter-spacing: -1px;} #socialLanding_right h2{ padding:0; margin:0px; font-size:180%; letter-spacing: -1px;} .membersOut_Photo { float:left; margin: 0 0 0 0;} ul.membersOut_Photo { margin: 0 0 10px 0; padding: 0; width:100%;} ul.membersOut_Photo li{ float: left; display:inline; clear:none; width:auto; border:none; padding:0;} .membersOut_Photo ul li { display:inline; list-style:none; border:none; float:left; clear:none;} .membersOut_Photo img{ border: 2px solid #cccccc; margin: 10px 8px 0 0; width:60px; height:60px; padding:1px; float:left;} #socialLanding_right .viewmoreLink{ width:71px; _width:80px; height:auto;font-weight:bold; float:right; padding:0 0 0 0; _padding:0 0 0 28px; margin:-41px -10px 0 0; } #socialLanding_right .viewmoreLink a{ color:#000000; text-decoration:none; } #socialLanding_right .viewmoreLink a:hover{ color:#999900; text-decoration:underline; } #socialLanding_right .recent_socials {width:288px; height:auto; overflow:hidden; margin:15px 0 0 0;} /* #socialLanding_right .recent_socials .viewmoreLink {width:80px; margin-right:-4px;} */ #socialLanding_right ul.recentContainer { margin: -10px 0 0 0; padding: 0; height:auto; overflow:hidden; width:286px; background-color:#f0f0f0; border:1px solid #cccccc; position:relative; color:#666666; } #socialLanding_right ul.recentContainer li { width:276px; clear: none; margin:5px 0 0 0; padding:0 0 2px 5px; border-bottom: 1px solid #cccccc; float: left; } #socialLanding_right ul.recentContainer .recentData {margin: 0; padding: 0 0 7px 73px; position:relative;} #socialLanding_right ul.recentContainer .recentData ol {float:left; margin:-15px 0 0 0;*margin:0px; padding:0; width:80px; border:none;} #socialLanding_right ul.recentContainer .recentData ol li { list-style:none; border:none; font-size:11px;} #socialLanding_right ul.recentContainer .recentData .stars { width:120px; _width:118px;} #socialLanding_right ul.recentContainer .recentData ol li span { color:#FF8700;} #socialLanding_right ul.recentContainer .recentData ol li span a { color:#FF8700; text-decoration:none;} #socialLanding_right ul.recentContainer .recentData ol li span a:hover { color:#999900;} #socialLanding_right ul.recentContainer .recent_last{ border:none;} #socialLanding_right ul.recentContainer .recentData .viewMore{float:right; position:relative; width:70px; margin:30px 0 0 0; text-align:right; font-weight:bold; padding:3px;} .ratingStars_big {margin: 1px 0 0 0; padding: 0; float:left; width:125px; height:19px;} .ratingStars_big img { float:left; width:20px; height:19px; margin-right:1px;} .ratingStars {margin: 1px 0 0 0; padding: 0; float:left; width:75px; height:14px;} .ratingStars img { float:left; width:14px; height:13px; margin-right:1px;} .testimonial_Stars {margin: 0; padding: 0; float:left; width:75px; height:14px;} .testimonial_Stars img { float:left; width:14px; height:13px; margin-right:1px;} #socialLanding_right ul.recentContainer .recentData p {padding: 0; margin: 2px 0px 3px 0px;} #socialLanding_right ul.recentContainer .recentData .eventDate{color:#FF8700; font-weight:bold; padding-right:5px;} #socialLanding_right ul.recentContainer .recentData .recentDate{color:#000000; font-weight:bold; padding-right:5px;} #socialLanding_right ul.recentContainer .recentData .eventCategory{color:#FF8700; padding-right:5px; font-size:10px; color:#999900;} #socialLanding_right .recentPhotoSmall{ float: left; margin: 4px 5px 5px 0; height:45px; width:60px; text-align: center; position:relative; z-index:100000;} #socialLanding_right .recentPhotoSmall img { border: 2px solid #cccccc; padding: 1px; height:45px; width:60px; } #socialLanding_right h3 {width:195px; color:#999900; margin:0; clear:none; padding:0 0 0 0; font-size:12px;} #socialLanding_right h3 a { width:190px; color:#999900; text-decoration:underline;} #socialLanding_right h3 a:hover { color:#999900; text-decoration:none;} #socialLanding_right .social_organised { width:64px; height:auto; float:left; clear:both; margin: 0; text-align:center; position:relative; z-index:100000;} #socialLanding_right .social_organised p { padding:0; margin:0; font-size:10px;} #socialLanding_right .social_organised .thumb { width:26px; height:26px; border:2px #cccccc solid; margin:auto;} #mainContainer { width:940px; height:auto; margin:auto; border-right:2px solid #999999; border-left:2px solid #999999; /*_margin-top:-2px; position:relative;*/ padding:12px 18px 0 18px; overflow:hidden;} #mainContainer .middleContent {height:auto; *margin:0 0 20px 0; /*_margin-top:-2px;*/ /*position:relative; overflow:hidden;*/} #rightContainer_section {width:118px; float:right;} #mainContainer #rightContainer{ width:118px; height:auto; float:right; /*_margin-right:4px;*/ vertical-align:top; margin-top: 7px;} .right_logged_in { margin-top: 7px !important; } #mainContainer #rightContainer #rightlinks{ width:118px; height:auto; margin:0; padding:0; } #mainContainer #rightContainer #linksTop{ width:118px; height:6px; background:url('../images/sprite.gif') no-repeat scroll 00 -212px; } #mainContainer #rightContainer #linksMiddle{ width:106px; height:auto; background-color:#ffffff; border-left:1px solid #cccccc; border-right:1px solid #cccccc; _margin-top:-7px; padding: 0 5px 0 5px; line-height:20px; } #mainContainer #rightContainer .linksMiddleTxt{ width:106px; height:20px; font-family:Tahoma; font-size:11px; font-weight:bold; color:#FF8700; text-decoration:none; border-bottom:2px dotted #cccccc;} #mainContainer #rightContainer .linksMiddleTxt a{ text-decoration:none; color:#FF8700; outline:none;} #mainContainer #rightContainer .linksMiddleTxt a:hover{ text-decoration:none; color:#FF8700;} /*.profile_panel { margin-top:10px; }*/ .profile_links a{ color: #6e6e6e !important; } .profile_links a:hover{ color: #000000 !important; } #mainContainer #rightContainer #linksBottom{ width:118px; height:6px; background:url('../images/sprite.gif') no-repeat scroll -122px -212px; margin-bottom: 10px;} #mainContainer #rightContainer .adBanner{ width:118px; height:auto; margin: 8px 0 15px 0;} #mainContainer #homeContentarea{ width:826px; height:auto; margin:5px 0 20px 7px; float:left; _margin-left:4px; } #mainContainer #leftContainer{ width:816px; height:auto; float:left; margin:0 0 20px 0; font-family: "Calibri", Arial; font-size: 13px;} #mainContainer .lft_spc{ margin:5px 0 0 10px; _margin:5px 0 0 5px; } #mainContainer #leftContainer #homewhite_middle{ width:804px; height:auto; _margin-left:_14px; background:url('../images/whiteBoxMiddle_back.gif') repeat-y; padding:0 15px 0 15px; _margin-top:-5px; display:table; clear:both; } @media screen and (-webkit-min-device-pixel-ratio:0){#mainContainer #leftContainer #whiteBox_middle { width:834px;}} #mainContainer #leftContainer #homewhite_bottom{ width:834px; height:8px; _margin-left:_14px; background:url('../images/sprite.gif') no-repeat scroll 00 -238px; font-size:2px;} .recent_title { width:300px; float:left; margin:0 0 0 5px;} .head_top { margin:10px 0 10px 0; float:left;} .testimonial_heading h1{ padding:0; color:#FF8700; margin:auto; margin:15px 0 0 5px; position:relative;} #mainContainer #leftContainer #whiteBox_top{ width:834px; height:8px; _margin-left:_14px; background:url('../images/sprite.gif') no-repeat scroll 00 -222px; } #mainContainer #leftContainer #whiteBox_middle{ /*width:804px;*/ height:auto; /*_margin-left:_14px;*/ /*padding:0 10px ;*/ /*_margin-top:-5px;*/ /*display:table;*/ clear:both; /*position:relative;*/ } @media screen and (-webkit-min-device-pixel-ratio:0){#mainContainer #leftContainer #whiteBox_middle { width:834px;}} #mainContainer #leftContainer #whiteBox_bottom{ width:810px; height:8px; } #mainContainer #leftContainer #whiteBox_middle .groupLeft { float:left; margin-top:0; *margin-top:30px; margin-left:10px;} #bottomCurve{ width:980px; height:9px; background:url('../images/sprite.gif') no-repeat scroll 00 -98px; } /** HOMEPAGE **/ .home #mainContainer {padding: 12px 0 0 0; width: 976px;} .home #mainContainer #leftContainer {width: 850px;} .home #rightContainer_section {float: left;} .home .mainContent {width:805px;} .search_public_header { margin-top:15px; } #searchArea{ width:955px; height:26px; margin:auto; padding-top:4px; background-color:#e0e0e0; border:1px solid #cccccc; clear:both;} .searchField{ width:210px; height:16px; font-family:Tahoma; font-size:11px; padding:2px; border:1px solid #999999; margin-left:4px; position:absolute; left:35px;} #searchText{font-family:Tahoma; font-size:12px; font-weight:bold; color:#666666; text-transform:uppercase; position:absolute; left:10px;} #searchArea .go{ position:absolute; top:13px; right:320px; width:36px; height:21px; background:url('../images/sprite.gif') no-repeat scroll -769px -5px; cursor:pointer; } .mainContent{ /*width:800px;*/ height:auto; margin:auto; /*overflow:hidden; position:relative;*/ color:#555555;} .searchContent{ width:800px; height:auto; margin:auto; position:relative; color:#666666;} .group_search_bx input { float:left; margin: 0 0 0 10px; } .group_search_bx img { float: left; margin: 0 0 10px 10px; } .mainContent fieldset { width:790px; *width:805px; border:none; margin:10px 0 0 7px; _margin-left:3px; border-top:3px solid #bcbe7c; float:left; clear:both; } .mainContent .heading {margin:0 0 0 50px; padding:0 10px 0 10px; font-size:16pt; color:#787b0e; } .mailContent{ width:750px; height:auto; margin:0 auto 15px auto; overflow:hidden; position:relative;} .socialDiary_container { float:left; width:100%; height:auto; padding:4px; margin:auto auto auto 15px; position:relative; _margin: 15px auto auto 7px;} *:first-child+html .socialDiary_container {margin: 15px auto auto 15px;} .socialDiary_container #categoryBox { width:420px; height:auto; margin:5px 10px; float:left; padding:5px 10px; overflow:hidden; display:block; border: 1px solid #cccccc; line-height:15px; float:left;} .socialDiary_container #categoryBox ul{float:left; width:100%; margin:4px 0 0 0;} .socialDiary_container #categoryBox ul li { list-style:none; padding:7px; width: 187px; float: left;} .socialDiary_container #categoryBox ul li:nth-child(even) { float: right; } .socialDiary_container #categoryBox ul li.submit-button { float: right; padding: 5px 0; text-align: right; } .socialDiary_container #categoryBox ul li a { color:#000000; text-decoration:none;} .socialDiary_container #categoryBox ul li a:hover{ color:#FF8700; text-decoration:none;} *html .socialDiary_container #categoryBox .check{ float:left; *margin-top:-3px; overflow:hidden;} *:first-child+html .socialDiary_container #categoryBox .check{ float:left; *margin-top:-3px; overflow:hidden;} .socialDiary_container #categoryBox .check{ float:left; margin-top:1px; overflow:hidden;} .socialDiary_container #datepicker { margin: 5px 0 0 20px; z-index: 10000;} .socialDiary_container .diary_viewSocial{ float:left; margin:5px 0 10px 0; font-size:11px; font-family:Tahoma; } .socialDiary_container .diary_viewSocial ul li span{border-right:1px solid #666666;display:inline;padding:0 3px; text-align:left;} .socialDiary_container .diary_viewSocial ul li a{color:#999900;text-decoration:underline; outline:none;} .socialDiary_container .diary_viewSocial ul li a:hover{color:#999900;text-decoration:none;} .socialDiary_container .diary_viewSocial ul li{ list-style:none; display:inline;} .socialDiary_container .dateRange { width:480px; height:auto; display:none; clear:both;} .socialDiary_container #listing { width:780px; height:auto; overflow:hidden; display:block; float:left; margin:5px 0 0 0;} .socialDiary_container .search_social { width:500px; height:auto; margin:auto; padding:0; overflow:hidden; display:block; position:relative;} .socialDiary_container .search_result { width:740px; height:auto; padding:2px 5px 2px 5px; overflow:hidden; display:block; background:#f0f0f0; border:1px solid #cccccc; clear:both; font-size:14px; font-weight:bold; margin:0 0 0 3px;} .socialDiary_container .paging { width:735px; height:20px; overflow:hidden; display:block; clear:both; text-align:right; position:relative; border-bottom:1px solid #cccccc; } .socialDiary_container ul.paging { padding: 0 18px 0 0px; margin: 5px 0 0 3px;} .socialDiary_container ul.paging li { list-style:none; display:inline; padding:1px 1px 1px 1px; margin-bottom:10px;} .socialDiary_container ul.paging li a{ color:#000000; text-decoration:underline;} .socialDiary_container ul.paging li a:hover{ color:#ff9900; text-decoration:none;} .socialDiary_container ul.paging li .selected{ color:#ff9900; text-decoration:none; font-weight:bold;} .socialDiary_container .paging .arrowPrev { width:11px; height:11px; background:url('../images/sprite.gif') no-repeat scroll -507px -312px; position:absolute; right:139px; *right:142px; top:4px; cursor:pointer; } .socialDiary_container .paging .arrowNext { width:11px; height:11px; background:url('../images/sprite.gif') no-repeat scroll -527px -312px; position:absolute; right:0px; top:4px; cursor:pointer;} .socialDiary_container .displayButton {width:81px; height:27px; margin: -3px 0 0 15px; float:left; } .socialDiary_container .displayButton a{width:81px; height:27px; background:url('../images/sprite.gif') no-repeat scroll -426px -456px; display:block; outline:none; cursor:pointer; float:left; } .socialDiary_container ul.social_listing { margin: 0 0 0 0; padding: 0; position:relative; height:auto; overflow:hidden; width:780px;} .socialDiary_container ul.social_listing .redCards{ width:29px; height:11px; background:url('../images/sprite.gif') no-repeat scroll -918px -5px; clear:none; float:left; margin: 3px 0 0 5px; } .eventData .invitedCriteria{float:left;color:#666666;} .eventData span {color:#FF8700;} .socialDiary_container .eventDate{color:#666666; font-weight:bold; padding-right:10px;} .socialDiary_container .helpIcon{width:14px; height:14px;float:left; margin:2px 0 0 5px; _margin-left:2px; background:url('../images/sprite.gif') no-repeat scroll -588px -253px; cursor:pointer;} .socialDiary_container .eventCategory{color:#FF8700; padding-right:10px; font-size:10px;} .socialDiary_container .changersvp_button {width:131px; height:27px; float:left; margin:0 0 5px 0; } .socialDiary_container .changersvp_button a {width:131px; height:27px; background:url('../images/sprite.gif') no-repeat scroll -518px -456px; display:block; outline:none; cursor:pointer; } .socialDiary_container .removeme_button {width:110px; height:27px; float:left; margin:0 0 5px 0; } .socialDiary_container .removeme_button a {width:110px; height:27px; background:url('../images/sprite.gif') no-repeat scroll 0 -512px; display:block; outline:none; cursor:pointer; } .socialDiary_container .hostsocial_button {width:157px; height:27px; float:left; margin:0 0 5px 0;} .socialDiary_container .hostsocial_button a{width:157px; height:27px; background:url('../images/sprite.gif') no-repeat scroll -789px -512px; display:block; outline:none; cursor:pointer;} .changersvp_small {width:98px; height:27px; float:left; margin:10px 0 5px 0; } .changersvp_small a {width:98px; height:27px; background:url('../images/sprite.gif') no-repeat scroll -843px -552px; display:block; outline:none; cursor:pointer; } .socialDiary_container .share_button {width:155px; height:16px; float:left; margin:0 0 5px 0; } .socialDiary_container .share_button a {width:83px; height:16px; background:url('../images/sprite.gif') no-repeat scroll -818px -5px; display:block; outline:none; cursor:pointer; } .socialDiary_container .notInterested_button {width:155px; height:16px; float:left; margin:5px 0 0 0; } .socialDiary_container .notInterested_button a {width:155px; height:16px; background:url('../images/sprite.gif') no-repeat scroll -818px -456px; display:block; outline:none; cursor:pointer; } .socialDiary_container .socialPhotoSmall{ float: left; margin: 5px 5px 5px 0; height:45px; width:60px; text-align: center;} .socialDiary_container .socialPhotoSmall img { border: 2px solid #cccccc; padding: 1px; height:45px; width:60px; } .socialDiary_container h3 {width:300px;color:#999900; margin:0; clear:none; padding:0 5px 0 0;} .socialDiary_container h3 a { color:#999900; text-decoration:underline;} .socialDiary_container h3 a:hover { color:#999900; text-decoration:none;} .socialDiary_container .interestedUserPhoto { float:left; margin: 0 5px 0 0;} .socialDiary_container ul.interestedUserPhoto { float: left; margin: 0 0 10px 0; padding: 0;} .socialDiary_container ul.interestedUserPhoto li{ float: left; display:inline; clear:none; width:auto; border:none; padding:0;} .socialDiary_container ul.interestedUserPhoto .viewmoreLink{ font-weight:bold; float:left; padding: 35px 0 0 0; } .socialDiary_container ul.interestedUserPhoto .viewmoreLink a{ color:#000000; text-decoration:none; } .socialDiary_container ul.interestedUserPhoto .viewmoreLink a:hover{ color:#999900; text-decoration:underline; } .socialDiary_container .social_organised { width:64px; height:auto; float:left; clear:both; margin: 10px 0 0 0; text-align:center;} /*.socialDiary_container .invited { width:64px; height:auto; float:left; clear:both; margin: 10px 0 0 0; text-align:left; line-height:14px;}*/ .socialDiary_container .invited p { padding:0; margin:0; font-size:10px;} .socialDiary_container .social_organised p { padding:0; margin:0; font-size:10px;} .socialDiary_container .social_organised .thumb { width:26px; height:26px; border:2px #cccccc solid; margin:auto;} .socialDiary_container .formError400{ background-color:#f0f0f0; width:480px; height:auto; margin:auto; padding:5px; font-family:Tahoma; font-weight:bold; color:#CC0000;; margin-top:10px; border:1px solid #cccccc; display:block; text-align:center; } .socialDiary_container #rightActions {width:240px; height:184px; overflow:hidden; display:block; margin:8px 0 10px 0; position:relative; padding:5px; color:#666666; font-weight:bold; background-color:#ffffff; border:1px solid #cccccc;} .socialDiary_container #rightActions ul {width:200px; margin:2px 0 10px 20px; _margin:2px 0 0 5px; padding:2px; float:left;} .socialDiary_container #rightActions ul li{ list-style:none; border:none; padding:2px; margin:2px 0 0 0; width:200px;} #myinvite_nav {width:400px; height:38px; float:left; font-size:11px; outline:none; position:relative; margin: -5px 0 0 20px; } #myinvite_nav select { margin:5px 0 0 0; float:left;} #myinvite_nav .viewTxt { margin:7px 5px 0 0; *margin:5px 5px 0 0; display:block; float:left;} .spacing {*margin-top:15px; margin-left:-10px;} #myinvite_nav ul {margin: 0px; padding: 0px; list-style-type:none; height: 38px; outline:none; _margin-bottom:-2px; } #myinvite_nav ul li {display: inline; margin: 0px; padding: 0px; float:left; outline:none; } #myinvite_nav ul li a { display: block; position:relative; width:130px; height: 30px; outline:none; } #myinvite_nav span { display: none; outline:none;} #myinvite_nav li.received a {width: 131px; height:30px; outline:none; padding: 0 20px 0 0; background:url('../images/btn_received.gif') top no-repeat; float:left;} #myinvite_nav li.sent a {width: 131px; height:30px; outline:none; background:url('../images/btn_sent.gif') top no-repeat; float:left;} #myinvite_nav li.received a:hover {width: 131px; height:30px; outline:none; background:url('../images/btn_received_selected.gif') top no-repeat; padding: 0 20px 0 0;} #myinvite_nav li.sent a:hover {width: 131px; height:30px; outline:none; background:url('../images/btn_sent_selected.gif') top no-repeat;} #myinvite_nav li.received_selected {width: 131px; height:38px; outline:none; background:url('../images/btn_received_selected.gif') top no-repeat; padding: 0 20px 0 0;} #myinvite_nav li.sent_selected {width: 131px; height:38px; outline:none; background:url('../images/btn_sent_selected.gif') top no-repeat;} #invitation_heading { width:775px; height:25px; background:#e2e2e2; border:1px solid #999999; float:left; clear:both; margin:10px 0 5px 0; } #invitation_heading ul { margin:0px; padding:0;} #invitation_heading ul li { margin:0px; padding:0; display:inline; height:22px;} #invitation_heading li.from { margin:0px; padding:3px 0 0 5px; width:185px; font-size:12px; font-weight:bold; float:left; border-right:1px solid #999999;} #invitation_heading li.social { margin:0px; padding:3px 0 0 5px; width:270px; font-size:12px; font-weight:bold; float:left; border-right:1px solid #999999;} #invitation_heading li.social_type { margin:0px; padding:3px 0 0 5px; width:90px; font-size:12px; font-weight:bold; float:left; border-right:1px solid #999999;} #invitation_heading li.social_date { margin:0px; padding:3px 0 0 5px; width:90px; font-size:12px; font-weight:bold; float:left; border-right:1px solid #999999;} #invitation_heading li.social_action { margin:0px; padding:3px 0 0 5px; width:110px; font-size:12px; font-weight:bold; float:left;} .invitation_container { width:777px; height:auto; background:#edf5ff; float:left; clear:both; margin:1px 0 0 0; color:#666666; } .invitation_container ul { margin:0px; padding:0; height:auto;} .invitation_container ul li { margin:0px; display:inline; height:100%;} .from { margin:0px; padding:3px 0 0 5px; width:186px; font-weight:bold; float:left; border-right:1px solid #ffffff;} .from p{ margin:0px; padding:0 0 2px 60px; font-weight:normal;} .social { margin:0px; padding:3px 0 0 5px; width:271px; font-weight:bold; float:left; border-right:1px solid #ffffff;} .social p{ margin:0px; padding:0 0 2px 5px; font-weight:normal;} .social_type { margin:0px; padding:3px 0 0 5px; width:90px; font-weight:bold; float:left; border-right:1px solid #ffffff;} .social_date { margin:0px; padding:3px 0 0 5px; width:90px; font-weight:bold; float:left; border-right:1px solid #ffffff;} .social_action { margin:0px; padding:3px 0 0 5px; width:110px; font-weight:bold; float:left;} .social_action p{ margin:0px; padding:0 0 2px 5px;} .social_action span{ color:#FF8700; } .invitation_container2 { width:777px; height:auto; background:#f8fbff; float:left; clear:both; margin:1px 0 0 0; color:#666666; } .invitation_container2 ul { margin:0px; padding:0;} .invitation_container2 ul li { margin:0px; display:inline; height:auto;} .invitation_rsvped { width:777px; height:auto; background:#fefee8; float:left; clear:both; margin:1px 0 0 0; color:#666666; } .invitation_rsvped ul { margin:0px; padding:0;} .invitation_rsvped ul li { margin:0px; display:inline; height:auto;} .invitation_thumb{ width:42px; height:42px; float:left; padding:1px; border:2px solid #cccccc; margin:3px; } .invitation_thumb img{ width:42px; height:42px;} .rsvp_btn {width:89px; height:27px; margin:auto; } .rsvp_btn a {width:89px; height:27px; background:url('../images/sprite.gif') no-repeat scroll -852px -419px; display:block; outline:none; cursor:pointer; } /* Registartion content */ #userRegistration{ height:auto; margin-top:15px; font-family:Tahoma; font-size:11px;} .helpTip{ width:220px; height:auto; color:#666666; font-family:Tahoma; font-size:11px; position:absolute; border: 1px solid #999999; padding: 3px; display:none;left:465px; *margin-top: -22px; } .interest_tip{display:block; margin-left:100px; *margin-top:0px;} #userRegistration .textField{ border: 1px solid #999999; width: 250px; outline:none; font-family:Tahoma; font-size:11px; padding: 5px;} #userRegistration .nameField{ border: 1px solid #999999; width: 130px; outline:none; font-family:Tahoma; font-size:11px; padding: 5px; float:left; } .photoIcon{ width:55px; height:55px; border:2px solid #cccccc; margin-right:10px; } .photoField{ border: 1px solid #999999; padding: 2px; outline:none; margin:0px 0px 5px 220px; font-family:Tahoma; font-size:11px;} #userRegistration .mandetory{ color:#ff0000; font-weight:normal;} .signUp{ width:82px; height:27px; cursor:pointer; float:left; clear:both; } .signUp a{ width:82px; height:27px; background:url('../images/sprite.gif') no-repeat scroll 00 -253px; display:block;} .save_details{ width:171px; height:27px; cursor:pointer; float:left; clear:both; } .save_details a{ width:171px; height:27px; background:url('../images/sprite.gif') no-repeat scroll 00 -1019px; display:block;} .save_interests{ width:171px; height:27px; cursor:pointer; float:left; clear:both; } .save_interests a{ width:171px; height:27px; background:url('../images/sprite.gif') no-repeat scroll -188px -1019px; display:block;} .btn_finedFriends{ width:168px; height:27px; cursor:pointer; float:left; clear:both; padding: 0 10px 0 0; } .btn_finedFriends a{ width:168px; height:27px; background:url('../images/sprite.gif') no-repeat scroll -706px -64px; display:block;} .btn_send{ width:82px; height:27px; cursor:pointer; float:left; clear:both; padding: 0 10px 0 0; } .btn_send a{ width:82px; height:27px; background:url('../images/sprite.gif') no-repeat scroll -899px -64px; display:block;} input.btn_send { width:82px!important; height:27px; background:url('../images/sprite.gif') no-repeat scroll -899px -64px; display:block;} .otherCountry_container { float:left; width:270px; height:auto; display:none; color:#000000; margin:10px 0 0 220px; _margin:10px 0 0 110px; padding:5px; background-color:#f0f0f0; border: 1px solid #cccccc; z-index:10000; position:relative;} .extras_thumbnail_main { width:720px; height:auto; clear:both; margin: 10px auto auto auto; position:relative;} .extras_thumbnail_main .uploadPhoto{ margin: 0; height:auto; width:100px; text-align: left; position:relative; clear:none; float:left; margin: 0 20px 0 0; _margin-right: 13px;} .extras_thumbnail_main .uploadPhoto img { border: 2px solid #cccccc; padding: 1px; width:100px; height:100px; margin:0 27px; } .delete_button { width:81px; height:21px; margin:10px auto; background:url(../images/btn_delete.gif) no-repeat;} .delete_button a{ width:81px; height:21px; float:left;} .upload_thumbnail_parent { width:380px; height:auto; clear:both; margin:20px auto 20px auto; position:relative; padding: 15px 0 15px 15px; overflow:hidden;} .upload_thumbnail_main { width:auto; height:auto; clear:both; float:left; margin:auto; position:relative; background:#f0f0f0; padding: 15px 0 15px 15px; border:1px #cccccc solid; overflow:hidden;} .upload_thumbnail_main .uploadPhoto{ margin: 0; height:auto; width:100px; text-align: center; position:relative; clear:none; float:left; margin: 0 20px 0 0; _margin-right: 13px;} .upload_thumbnail_main .uploadPhoto img { border: 2px solid #cccccc; padding: 1px; width:100px; height:100px; } #createsocial_main { width:811px; height:auto; margin:0 0 0 5px; padding:0; float:left; clear:both; position:relative; } #createsocial_main fieldset { width:750px; height:22px; *width:770px; border:none; margin:5px 0 0 2px; _margin-left:3px; border-bottom:1px solid #cccccc; float:left; clear:both; } #createsocial_main .heading {margin:0 0 0 50px; padding:0 10px 0 10px; font-size:16pt; color:#FF8700; } #createsocial_nav {width:811px; height:41px; background:url('../images/sprite.gif') no-repeat scroll 00 -872px; outline:none; position:relative; margin: 0 0 10px 5px; } #createsocial_nav ul {margin: 0px; padding: 0px; list-style-type:none; height: 41px; outline:none; _margin-bottom:-2px; } #createsocial_nav ul li {display: inline; margin: 0px; padding: 0px; float:left; outline:none; } #createsocial_nav ul li a { display: block; height: 41px; outline:none; float:left; } #createsocial_nav span { display: none; outline:none;} #createsocial_nav li.socialinfo a {width: 147px; height:41px; background-position: 00 -872px; outline:none;} #createsocial_nav li.extras a {width: 78px; height:41px; background-position: -172px -872px; margin-left:25px; _margin-left:12px; outline:none;} #createsocial_nav li.invite_rsvp a {width: 219px; height:41px; background-position: -278px -872px; margin-left:28px; _margin-left:14px; outline:none;} #createsocial_nav li.display a {width: 176px; height:41px; background-position: -522px -872px; margin-left:25px; _margin-left:12px; outline:none;} #createsocial_nav li.socialinfo a:hover {width: 147px; height:41px; outline:none; background:url('../images/sprite.gif') no-repeat scroll 00 -820px;} #createsocial_nav li.extras a:hover {width: 78px; height:41px; margin-left:25px; _margin-left:12px; outline:none; background:url('../images/sprite.gif') no-repeat scroll -172px -820px;} #createsocial_nav li.invite_rsvp a:hover {width: 219px; height:41px; margin-left:28px; _margin-left:14px; outline:none; background:url('../images/sprite.gif') no-repeat scroll -278px -820px;} #createsocial_nav li.display a:hover {width: 176px; height:41px; margin-left:25px; _margin-left:12px; outline:none; background:url('../images/sprite.gif') no-repeat scroll -522px -820px;} #createsocial_nav li.socialinfo_selected {width: 147px; height:41px; margin-left:0; outline:none; background:url('../images/sprite.gif') no-repeat scroll 00 -820px;} #createsocial_nav li.extras_selected {width: 78px; height:41px; margin-left:25px; outline:none; background:url('../images/sprite.gif') no-repeat scroll -172px -820px;} #createsocial_nav li.invite_rsvp_selected {width: 219px; height:41px; margin-left:28px; outline:none; background:url('../images/sprite.gif') no-repeat scroll -278px -820px;} #createsocial_nav li.display_selected {width: 176px; height:41px; margin-left:25px; outline:none; background:url('../images/sprite.gif') no-repeat scroll -522px -820px;} #what_social {width:790px; *width:805px; border:none; margin:0px 0px 0px 11px; clear:both; float:left; position:relative;} #what_social h3 { color:#666666; margin: 0 0 0 7px;} #what_social h2 { color:#FF8700; margin: 0 0 0 7px; font-weight:normal;} #what_social .middle{float:left; width:300px; height:30px; margin:0; float:left; padding: 0 0 0 50px; position:relative;} #what_social .middle input{float:left; margin:2px 5px 0 0; *margin:0 5px 0 0;} #what_social .middle label{line-height: 20px; float: none; font-weight:normal;} #what_social .middle label{ width: auto; margin:0 0 5px 0; text-align:left;} #what_social .hidden{float:left; width:300px; height:auto; display:none; padding: 0 0 0 70px;} .forgot_container .left_space { margin-left:27px;} .forgot_container {width:600px; height:auto; margin:20px auto; padding:0; border:1px solid #cccccc; position:relative; display:table;} .forgot_container #passwordHelp{ width:120px; height:auto; color:#999999; font-family:Tahoma; font-size:11px; position:absolute; border: 1px solid #ddd; padding: 3px; display:none; left:440px; *margin-top: -22px; } .forgot_msg h3{ color:#000000; margin:0; } .forgot_msg {width:480px; height:auto; margin:auto; padding:5px 5px 10px 5px; display:table; position:relative; clear: none;} .upgrade_msg {width:550px; height:auto; margin:auto; padding:5px 5px 10px 5px; display:table; position:relative; } .upgrade_msg h3{ margin:0;} .upgrade_msg h3 span{ color:#000000; text-decoration:underline;} .okay { float:left; margin:0 10px 0 0;} #extras .group_cloud { right:30px; bottom:30px;} #extras .add_group { width:690px; height:auto; padding:10px; background:#f5f5f5; border:1px solid #e0e0e0; margin:15px auto 10px auto; overflow:hidden; clear:both; position:relative;} #extras .add_group label { width:150px;} #extras .add_group .ContentRegistrationTerms { margin-left:170px; _ margin-left:85px;} #extras {width:790px; *width:805px; border:none; margin:0; clear:both; float:left;} #extras h3 { color:#666666; margin: 0 0 0 7px;} #extras h2 { color:#FF8700; margin: 0 0 0 7px; font-weight:normal;} #extras .middle{float:left; width:300px; height:30px; margin:0; float:left; padding: 0 0 0 50px; position:relative;} #extras .middle input{float:left; margin:2px 5px 0 0; *margin:0 5px 0 0;} #extras .middle label{line-height: 20px; float: none; font-weight:normal;} #extras .middle label{ width: auto; margin:0 0 5px 0; text-align:left;} #extras .hidden{float:left; width:300px; height:auto; display:none; padding: 0 0 0 70px;} #extras h1 { text-align:center; font-weight:normal;} #when_where {width:790px; *width:805px; border:none; margin:10px 0 0 0px; clear:both; float:left;} #someWhere {width:790px; *width:805px; border:none; margin:10px 0 0 0px; clear:both; float:left; display:block; position:relative;} #when {width:790px; *width:805px; border:none; margin:10px 0 0 0px; clear:both; float:left; display:block; position:relative;} #when h2 { color:#FF8700; margin: 0 0 0 7px; font-weight:normal;} .costField{ border: 1px solid #999999; padding: 2px; width: 70px; outline:none; margin: 0 0 0 5px;} .cvvField{ border: 1px solid #999999; padding: 2px; width: 70px; outline:none; margin: 0; font-size:11px; float:left;} .invite {width:790px; *width:805px; border:none; margin:0; margin-bottom:20px; clear:both; float:left; position:relative;} .invite h1 { text-align:center; font-weight:normal;} .invite h2 { color:#FF8700; margin: 0 0 0 7px; font-weight:normal;} .invite .middle{float:left; width:300px; height:30px; margin:0; float:left; padding: 0 0 0 50px; position:relative;} .invite .middle input{float:left; margin:2px 5px 0 0; *margin:0 5px 0 0;} .invite .middle label{line-height: 20px; float: none; font-weight:normal;} .invite .middle label{ width: auto; margin:0 0 5px 0; text-align:left;} /* form classes start */ .ContentRegistration ul { float: left; margin: 0; padding: 10px 0 5px 15px;0px; width:375px;} .ContentRegistration li{ float: left; display: block; clear: none; margin: 0 0 10px 0; width: 360px;} .ContentRegistration ul.registration { float: left; margin: 0; padding: 10px 0 5px 15px; width:500px;} .ContentRegistration ul.registration li{ float: left; display: block; clear: none; margin: 0 0 10px 0; width: 675px;} .ContentRegistration ul.registration label{ color: #666666; line-height: 15px; font-weight: bold; width: 200px; float: left; text-align:right; padding: 0 20px 0 0;} .ContentRegistration ul.registration .fieldError { float:left; width:300px; height:auto; display:block; color:#ff0000; margin:0 0 0 220px; _margin:0 0 0 110px;} .ContentRegistration ul.registration em{ float: left; clear: left; margin: 0 0 5px 220px; width: 200px; color:#999999;} .ContentRegistration ul.registration .ContentRegistrationTerms{ width: 250px; margin-left: 220px; _margin-left: 110px; float:left; text-align:left; height:auto; clear:both;} .ContentRegistration ul.registration .ContentRegistrationTerms label{ font-weight: normal; float: left; width: auto; margin:0 0 5px 0; text-align:left;} .ContentRegistration .wide {width:500px; } .ContentRegistration .url_wide {width:750px; } .url_conatiner {width:600px; height:auto; display:table;} .ContentRegistration ul#search-friends li { width: 430px; } .ContentRegistration ul#search-friends #rdAgeRange { margin-left: 5px; } .ContentRegistration ul#search-friends #age1 { margin-left: 5px; } .ContentRegistration ul#search-friends .single_data { width: auto; } .wide ol{ float:left;} .wide ol li { list-style:decimal; float:left;} .ContentRegistration .single_data {margin-left:145px; _margin-left:73px; padding:2px;} .ContentRegistration .single_data input {float:left;} .ContentRegistration .costArea{float:left; background-color:#f5f5f5; border:1px solid #cccccc; padding:5px;} .wideArea ul { float: left; margin: 0; padding: 10px 0 5px 15px;0px; width:700px;} .wideArea li{ float: left; display: block; clear: none; margin: 0 0 10px 0; width: 680px;} .wideArea li textarea{ border: 1px solid #666666; padding: 2px; width: 500px; height:auto; font-family:Tahoma; font-size:11px;} .wideArea label{ line-height: 15px; font-weight: bold; width: 125px; float: left; text-align:right; padding: 0 20px 0 0;} .ContentRegistration strong{ margin-left:0px;} .ContentRegistration label{ color:#666666; line-height: 18px; font-weight: bold; width: 125px; float: left; text-align:right; padding: 0 20px 0 0;} .ContentRegistration .register{ line-height: 15px; font-weight: bold; width: 200px; float: left; text-align:right; padding: 0 20px 0 0;} .ContentRegistration em{ float: left; clear: left; margin: 0 0 5px 145px; _margin-left: 148px; width: 200px; color:#999999;} .ContentRegistration .help{ float: left; clear: left; margin: 0 0 5px 145px; _margin-left: 148px; width: 200px; color:#666666;} .ContentRegistration .import_help{ float: left; clear: left; margin: 0 0 5px 220px; _ margin-left:110px; width: 500px; color:#666666;} .ContentRegistration li .textfield{ border: 1px solid #999999; padding: 2px; width: 200px; float:left; font-size:11px;} .ContentRegistration li .tagfield{ border: 1px solid #999999; padding: 2px; width: 305px; float:left; font-size:11px;} .ContentRegistration li textarea{ border: 1px solid #999999; padding: 2px; width: 200px; height:80px; font-family:Tahoma; font-size:11px;} .ContentRegistration span.ContentRegistrationGender{ float: left; clear:right;} .ContentRegistration span.socialCost{ float: left; clear:both; margin:0 0 5px 0; width:230px; height:auto;} .ContentRegistration span.socialCost input{ float: left;} .ContentRegistration span.socialCost span{ float: left;} .ContentRegistration span.socialCost .membership{ float: left; width:70px; padding: 0 0 5px 5px;} .sidePanelHelp { height:170px !important; } .textfield_grey { color: #999999;} .ContentRegistration .ContentRegistrationGender input{ margin: 0 2px -2px 7px; outline:none;} .ContentRegistration .ContentRegistrationTerms{ width: 250px; margin-left: 145px; _margin-left: 73px; float:left; text-align:left; height:auto; clear:both;} .ContentRegistration .rightContent_big{ width: 400px; margin-left: 145px; _margin-left: 73px; float:left; text-align:left; height:auto; clear:both;} .ContentRegistration .rightContent_big label,.ContentRegistration .rightContent_big input{ font-weight: normal; float: left; width: auto; margin:0 0 5px 0; text-align:left;} .ContentRegistration .rightContent_big input{ margin-right: 5px; border: none;} .ContentRegistration .space { width:15px; border:none;} .ContentRegistration .ContentRegistrationTerms label,.ContentRegistration .ContentRegistrationTerms input{ font-weight: normal; float: left; width: auto; margin:0 0 5px 0; text-align:left;} .ContentRegistration .ContentRegistrationTerms input{ margin-right: 5px; border: none;} .ContentRegistration .map_area{ width:225px; height:211px; float:left; border:1px solid #cccccc;} .ContentRegistration .ContentRegistrationTerms label{line-height: 15px; float: none; display:block;} .ContentRegistration .ContentRegistrationTerms .formError{ width: auto; margin-left: 25px; _margin-left: 14px;} .ContentRegistration .formError{ margin: 5px 0 0 150px; _margin-left: 75px; white-space: normal;} .event_map{ width:300px; height:250px; float:left; border:1px solid #cccccc; margin:0 0 10px 0;} .big_map{ width:708px; height:365px; float:left;} /*create socials form classes end */ .profileRight_container .errorsmall { width:360px;} .form_right {width:450px; height:auto; overflow:hidden;} .iconhelp{ width:14px; height:14px; background:url('../images/sprite.gif') no-repeat scroll -588px -253px; float:right; cursor:pointer;} .notAllowed_help{width:14px; height:14px;float:left; margin:1px 0 0 5px; _margin-left:2px; background:url('../images/sprite.gif') no-repeat scroll -588px -253px; cursor:pointer;} /*#helpToolTip{ position: absolute; border:solid 5px #cccccc; width: 465px; height:auto; overflow:hidden; font-size:11px; color:#666666; padding:10px; background-color:#f5f5f5; display:none; z-index: 100; filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=115);}*/ .helpContent{width:95%; height:auto; float:left; margin-top:-10px;} .formClose{float:right;margin-right:1px;margin-top:0;width:13px;height:16px;z-index:1;border:none;background:url(../images/sprite.gif) no-repeat scroll -608px -253px;cursor:pointer;margin-left:140px;} .mandetory{ color:#ff0000; font-weight:normal;} .top_content{ width:700px; height:auto; margin:15px auto auto auto; padding:5px; font-family:Tahoma; font-weight:bold;ss margin-top:10px; display:block; } #admin-socials-index p { width: 100%; float: left; } #admin-socials-index #submit { float: right; } #admin-socials-index .iconCalendar { margin: 2px 15px 0 5px; } #admin-socials-index .dateLabel { margin: 0 8px 0 0; } .success380{ background-color:#f5f5f5; width:370px; height:auto; margin: 10px auto auto 3px; padding:5px; font-family:Tahoma; font-weight:bold; color:#009900; border:1px solid #cccccc; display:block; text-align:center; float:left; } .formError380{ background-color:#f5f5f5; width:370px; height:auto; margin: 10px auto auto 3px; padding:5px; font-family:Tahoma; font-weight:bold; color:#ff0000; border:1px solid #cccccc; display:block; text-align:center; float:left; } .formErrorSmall { background-color:#F5F5F5; border:1px solid #CCCCCC; color:#CC0000; display:block; font-family:Tahoma; font-weight:bold; height:auto; padding:4px; text-align:center; margin-bottom:5px; display:block; width:100%;} .formSuccessSmall { background-color:#F5F5F5; border:1px solid #CCCCCC; color:#009900; display:block; font-family:Tahoma; font-weight:bold; height:auto; padding:4px; text-align:center; margin-bottom:5px; display:block; width:100%;} .formError{ background-color:#f5f5f5; width:700px; height:auto; margin:auto; padding:5px; font-family:Tahoma; font-weight:bold; color:#CC0000;; margin-top:10px; border:1px solid #cccccc; display:block; text-align:center; } .success{ background-color:#f5f5f5; width:700px; height:auto; margin:auto; padding:5px; font-family:Tahoma; font-weight:bold; font-size:88%; color:#009900; margin-top:10px; border:1px solid #cccccc; display:block; text-align:center; } .success600{ background-color:#f5f5f5; width:589px; height:auto; margin:auto; padding:5px; font-family:Tahoma; font-weight:bold; color:#009900; margin-top:10px; border:1px solid #cccccc; display:none; text-align:center; } .success350{ background-color:#f5f5f5; width:340px; height:auto; margin:auto; padding:5px; font-family:Tahoma; font-weight:bold; color:#009900; margin-top:10px; border:1px solid #cccccc; display:none; text-align:center; float:left; } .formError350{ background-color:#f5f5f5; width:340px; height:auto; margin:auto; padding:5px; font-family:Tahoma; font-weight:bold; color:#ff0000; margin-top:10px; border:1px solid #cccccc; display:block; text-align:center; float:left; } .success400{ background-color:#f5f5f5; width:500px; height:auto; margin:auto; padding:5px; font-family:Tahoma; font-weight:bold; color:#009900; margin-top:10px; border:1px solid #cccccc; display:none; text-align:center; } .formError400{ background-color:#f0f0f0; width:500px; height:auto; margin:auto; padding:5px; font-family:Tahoma; font-weight:bold; color:#CC0000;; margin-top:10px; border:1px solid #cccccc; display:block; text-align:center; } .posting_rules{ background-color:#f0f0f0; width:500px; height:auto; margin:10px auto; padding:2px 10px 5px 10px; *padding:15px 10px 0 10px; border:1px solid #cccccc; } .formError600{ background-color:#f0f0f0; width:589px; height:auto; margin:auto; padding:5px; font-family:Tahoma; font-weight:bold; color:#CC0000;; margin-top:10px; border:1px solid #cccccc; display:block; text-align:center; } .fieldError { float:left; width:300px; height:auto; display:block; color:#ff0000; margin:0 0 0 145px; _margin:0 0 0 73px;} .fieldHelp { float:left; width:300px; height:auto; display:block; color:#999999; clear:both;} .guest_note{margin:5px; 0 10px 0; color:#666666; display:block;} .labelHelp { float:left; width:125px; height:auto; display:block; color:#999999; clear:both; text-align:right; padding: 0 20px 0 0;} .dateSelector {float:left; width:360px; height:auto; margin:5px 0px 5px 0px; display:block;} .eventdate_selector {float:left; width:200px; height:auto; margin:0 0px 5px 0px; display:block;} .dateLabel {float:left; margin:2px 8px 0px 5px; float:left;} .dateSelector ul {float:left; width:500px; margin:0; padding:0;} .dateSelector ul input {float:left;} .dateSelector ul li label {float:left; width:52px; padding:0; margin:0;} .dateSelector ul li {list-style:none; display:inline; width:52px; margin:0; padding:0;} .formError600_1{ background-color:#f0f0f0; width:589px; height:auto; margin:auto; padding:5px; font-family:Tahoma; font-weight:bold; color:#CC0000;; margin-top:10px; border:1px solid #cccccc; text-align:center; } .success600_1{ background-color:#f5f5f5; width:589px; height:auto; margin:auto; padding:5px; font-family:Tahoma; font-weight:bold; color:#009900; margin-top:10px; border:1px solid #cccccc; text-align:center; } .success460_1{ background-color:#f5f5f5; width:460px; height:auto; margin: 10px auto 5px auto; padding:5px; font-family:Tahoma; font-weight:bold; color:#009900; border:1px solid #cccccc; text-align:center; float:left; } .formError460_1{ background-color:#f5f5f5; width:460px; height:auto; margin: 10px auto 5px auto; padding:5px; font-family:Tahoma; font-weight:bold; color:#ff0000; border:1px solid #cccccc; text-align:center; float:left; } .success365_1{ background-color:#f5f5f5; width:367px; height:auto; margin:auto; padding:5px; font-family:Tahoma; font-weight:bold; color:#009900; margin-top:10px; border:1px solid #cccccc; text-align:center; } .formError365_1{ background-color:#f5f5f5; width:367px; height:auto; margin:auto; padding:5px; font-family:Tahoma; font-weight:bold; color:#ff0000; margin-top:10px; border:1px solid #cccccc; text-align:center; } .success350_1{ background-color:#f5f5f5; width:340px; height:auto; margin:auto; padding:5px; font-family:Tahoma; font-weight:bold; color:#009900; margin-top:10px; border:1px solid #cccccc; text-align:center; float:left; } .formError350_1{ background-color:#f5f5f5; width:340px; height:auto; margin:auto; padding:5px; font-family:Tahoma; font-weight:bold; color:#ff0000; margin-top:10px; border:1px solid #cccccc; text-align:center; /*float:left;*/ } .iconCalendar{width:16px; height:16px; background:url(../images/sprite.gif) no-repeat scroll -368px -253px; float:left; margin:3px 0px 0px 5px; cursor:pointer;} .activationSelector {float:left; width:120px; height:auto; margin:5px 0px 5px 10px; display:block;} #meetingPlace{ height:auto; margin-top:15px; font-family:Tahoma; font-size:11px;} #meetingPlace .textField{ border: 1px solid #999999; padding: 2px; width: 250px; outline:none; font-family:Tahoma; font-size:11px;} #meetingPlace .tagsArea{ border: 1px solid #999999; padding: 2px; width: 250px; height:100px; outline:none;} #categoryContainer{width:300px; margin:0 padding:0; text-align:left; overflow:auto; display:block; float:left;} #categoryContainer ol{float:left;padding:0px 0;width:110px; margin:0px;} #categoryContainer ol li { list-style:none; width:129px;} .cloud_tag{color:#006fa8;width:200px; height:100px; float:left; position:absolute; bottom:25px; _bottom:0px; right:-120px;} .cloud_tag h2{color:#000000;} .cloud_tag a{color:#006fa8;text-decoration:none;} .cloud_tag a:hover{color:#006fa8;text-decoration:underline;} .cloud_tag span.rank4{font-size:15px;} .cloud_tag span.rank5{font-size:16px;} .cloud_tag span.rank6{font-size:17px;} .cloud_tag span.rank7{font-size:12px;} .interest_tags {position:relative; margin:0; right:0; bottom:0; height:auto;} .meetingContent{ width:800px; height:auto; margin:auto; overflow:hidden; display:none;} .createButton {width:81px; height:27px; padding:0; float:left; } .createButton a{width:81px; height:27px; background:url('../images/sprite.gif') no-repeat scroll -401px -253px; display:block; outline:none; } .nextButton {width:81px; height:27px; padding: 0; float:left; } .nextButton a{width:81px; height:27px; background:url('../images/sprite.gif') no-repeat scroll -494px -253px; display:block; outline:none; } .viewSocialButton {width:150px; height:27px; padding: 0; float:left; } .viewSocialButton a{width:150px; height:27px; background:url('../images/sprite.gif') no-repeat scroll -135px -312px; display:block; outline:none; } .publishButton {width:81px; height:27px; padding:0; float:left; } .publishButton a{width:81px; height:27px; background:url('../images/sprite.gif') no-repeat scroll -305px -312px; display:block; outline:none; } .inviteButton {width:81px; height:27px; padding: 0 10px 0 0px; float:left; } .inviteButton a{width:81px; height:27px; background:url('../images/sprite.gif') no-repeat scroll -818px -312px; display:block; outline:none; } .importButton {width:81px; height:27px; padding: 0 10px 0 0px; float:left; } .importButton a{width:81px; height:27px; background:url('../images/sprite.gif') no-repeat scroll -722px -312px; display:block; outline:none; } .cancelLink { padding:5px; font-weight:bold; float:left; margin: 0 10px 0 0;} .textField{ border: 1px solid #999999; padding: 5px; width: 250px; margin:0px !important; outline:none; font-family:Tahoma; font-size:11px;} .iconHotmail { width:109px; height:26px; float:left; padding:0 0 0 5px; background:url('../images/sprite.gif') no-repeat scroll -844px -596px;} .iconYahoo { width:61px; height:27px; float:left; padding:0 0 0 5px; background:url('../images/sprite.gif') no-repeat scroll -388px -64px;} .iconAol { width:61px; height:27px; float:left; padding:0 0 0 5px; background:url('../images/sprite.gif') no-repeat scroll -468px -64px;} .iconGmail { width:61px; height:27px; float:left; padding:0 0 0 5px; background:url('../images/sprite.gif') no-repeat scroll -635px -64px;} .iconPlaxo { width:61px; height:27px; float:left; padding:0 0 0 5px; background:url('../images/sprite.gif') no-repeat scroll -552px -64px;} .descriptionArea {width:300px; height:80px; padding:3px; overflow:auto; clear:both; font-family:Tahoma; font-size:11px; border:1px solid #999999; } .importList { width:600px; height:200px; float:left; overflow-x:hidden; overflow-y:auto; clear:both; padding:0 0 10px 0; margin:0 0 10px 0; border:1px solid #cccccc;} .friend_msg{ border: 1px solid #666666; padding: 2px; width:400px; height:80px; font-family:Tahoma; font-size:11px; float:left; overflow:auto;} #whiteBox_middle .mainContent .event_left { margin:0; padding: 10px 0 10px 0; width:400px; clear:none; float:left;} #whiteBox_middle .mainContent .event_left h1 { border-bottom: 1px solid #cccccc;} #whiteBox_middle .eventSearch { width:500px; float:left;} #searchSocial { width:535px; height:auto; margin:auto; padding:10px 10px 0 10px; overflow:hidden; display:block; position:relative; clear:both; color:#666666;} #searchSocial .eventData .buy_button {width:113px; height:27px; float:left; clear:both; } #searchSocial .eventData .buy_button a {width:113px; height:27px; background:url('../images/btn_buyTickets.gif') no-repeat; display:block; outline:none; cursor:pointer; } #searchSocial .event_reviews .groupMain h1{ border:none;} #searchSocial .event_reviews .groupMain .ratinginfo { padding: 0 0 0 5px; } .mainContent #searchSocial .publicEvent { width:400px; margin:0 0 5px 0; border:none;} #searchSocial .event_reviews { width:400px; margin:5px 0 0 0; } #searchSocial .event_reviews .search_result { width:377px;} #searchSocial .event_reviews .search_result_criteria { width:377px;} #searchSocial .event_reviews .reviewContainer { width:400px;} #searchSocial .event_reviews .reviewContainer li { width:390px; } #searchSocial .event_reviews h1 { border-bottom: 1px solid #cccccc;} #searchSocial .ContentRegistration ul.add_event { float: left; margin: 0; padding: 10px 0 5px 15px; width:500px;} #searchSocial .ContentRegistration ul.add_event li{ display: block; clear: none; margin: 0 20px 10px 0; width: 220px;} #searchSocial .ContentRegistration ul.add_event label{ line-height: 15px; font-weight: bold; width: 150spx; clear:both; float:none; text-align:right; padding: 0 20px 0 0;} #searchSocial .ContentRegistration ul.add_event em{ float: left; clear: left; margin: 0 0 5px 120px; width: 200px; height:auto; overflow:hidden;} #searchSocial .ContentRegistration ul.registration { float: left; margin: 0; padding: 10px 0 5px 15px; width:400px;} #searchSocial .ContentRegistration ul.registration li{ float: left; display: block; clear: none; margin: 0 0 10px 0; width: 375px;} #searchSocial .ContentRegistration ul.registration label{ line-height: 15px; font-weight: bold; width: 102px; float: left; text-align:right; padding: 0 20px 0 0;} #searchSocial .ContentRegistration ul.registration em{ float: left; clear: left; margin: 0 0 5px 120px; width: 200px; height:auto; overflow:hidden;} #searchSocial .criteria{ width:380px; height:auto; padding:5px 10px 5px 10px; overflow:hidden; display:block; border-bottom:1px solid #cccccc; clear:both; margin:5px 0 0 0; color:#666666;} .mainContent .eventData .event { width:360px;} .details_title { width:290px; height:auto; font-size:18px; color:#000000; line-height:22px; margin:0 0 10px 0 ;} #searchSocial span{color:#FF8700;} #searchSocial .eventDate{color:#666666;} #searchSocial ul.eventContainer .redCards{ width:29px; height:11px; background:url('../images/sprite.gif') no-repeat scroll -918px -5px; clear:none; float:left; margin: 3px 0 0 5px; } #searchSocial .keywordField{ border: 1px solid #999999; padding: 2px ; width: 250px; margin:5px 0 0 0; outline:none; font-family:Tahoma; font-size:11px; color:#999999; float:left; margin-right:20px;} #searchSocial .postcodeField{ border: 1px solid #999999; padding: 2px; width: 125px; margin:5px 0 0 0; outline:none; font-family:Tahoma; font-size:11px; color:#999999; float:left; } #searchSocial .searchButton {width:81px; height:27px; margin: 17px 0 0 15px; float:left; } #searchSocial .searchButton a{width:81px; height:27px; background:url('../images/sprite.gif') no-repeat scroll -401px -312px; display:block; outline:none; cursor:pointer; } #Searchcategory { width:300px; height:auto; margin:5px 0 0 0; float:left; padding:5px; overflow:hidden; display:block; background-color:#f0f0f0; border: 1px solid #cccccc;} #Searchcategory .back { float:right; text-align:right; width:100%; height:auto;} #Searchcategory ol{float:left;padding:0px 0;width:138px; margin:0px;} #Searchcategory ol li { list-style:none; padding:2px;} #activity_category { width:300px; height:auto; margin:0; float:left; padding:5px; overflow:hidden; display:block; background-color:#f5f5f5; border: 1px solid #e5e5e5;} #activity_category ol{float:left;padding:0px 0;width:129px; margin:0px;} #activity_category ol li { list-style:none; padding:2px; margin:0; _width:129px;} #searchSocial .admin_criteria { width:400px; height:auto; padding:5px 10px 5px 0; border:none; overflow:hidden; display:block; clear:both; margin:5px 0 0 0; color:#666666; } #searchSocial .admin_criteria .dicussion_details { width:178px;} #searchSocial .viewSocial{ float:left; font-size:11px; font-family:Tahoma; vertical-align:top; overflow:hidden; width:280px; height:auto; text-align:left; } #searchSocial .viewSocial ul li span{border-right:1px solid #666666;display:inline;padding:0 3px; text-align:left;} #searchSocial .viewSocial ul li a{color:#999900;text-decoration:underline; outline:none;} #searchSocial .viewSocial ul li a:hover{color:#999900;text-decoration:none;} #searchSocial .viewSocial ul li{ list-style:none; display:inline;} #searchSocial .dateRange {float:left; width:480px; height:auto; margin:10px 0px 5px 0px; display:none;} #searchSocial .searchResult { width:520px; height:auto; margin:auto; padding:2px 5px 2px 5px; overflow:hidden; display:block; background:#f0f0f0; border:1px solid #cccccc; clear:both; font-size:14px; font-weight:bold; margin-top:5px;} #searchSocial .searchResult #keyword, #location { color:#FF8700} #searchSocial ul.eventContainer { margin: 0 0 0 0; padding: 0; position:relative; height:auto; overflow:hidden; width:100%;} #searchSocial ul.eventContainer li {clear: both; margin:5px 0 0 3px; _margin-left:3px; padding:0 6px 2px 5px; border-bottom: 1px solid #cccccc; float: left; width: 500px; position:relative; } #searchSocial .p_event { z-index:-1;} #searchSocial ul.eventContainer .eventData {margin: 0; padding: 0 0 7px 80px; color:#666666; position:relative;} #searchSocial ul.eventContainer .details { padding-left:0;} #searchSocial ul.eventContainer .eventDescription {width:370px; height:auto; padding: 0 0 7px 0; text-align:justify; margin-top:0; clear:both; } #searchSocial ul.eventContainer .eventData p {padding: 0; margin: 0px 0px 3px 0px;} #searchSocial ul.eventContainer .eventData .eventDate{color:#666666; font-weight:bold; padding-right:10px;} #searchSocial ul.eventContainer .eventData .eventCategory{color:#FF8700; padding-right:10px; font-size:10px;} #searchSocial ul.eventContainer .eventData .price{color:#999999;} #searchSocial .eventPhotoSmall{ float: left; margin: 5px 5px 5px 0; height:42px; width:60px; text-align: center; position:relative;} #searchSocial .eventPhotoSmall img { border: 2px solid #cccccc; padding: 1px; height:42px; width:60px; } ul.eventContainer .eventData .price{color:#666666;} #searchSocial .detailsPhotoSmall{ float: left; margin: 5px 5px 5px 0; height:auto; width:70px; text-align: center; position:relative;} #searchSocial .detailsPhotoSmall img { border: 2px solid #cccccc; padding: 1px; width:70px; height:70px; } #searchSocial h3 { color:#999900; margin:0; clear:none; padding:0;} #searchSocial h3 a { color:#999900; text-decoration:underline;} #searchSocial h3 a:hover { color:#999900; text-decoration:none;} #searchSocial .interestedUserPhoto { float:left;} .socialdetails_width {width:400px;} .venue_details { width:400px; height:auto; padding: 0 5px 10px 5px; *padding-top:5px; clear:both; float:left;} .details_label{width:110px; clear:both;} #searchSocial ul.interestedUserPhoto { float: left; margin: 0 0 10px 0; padding: 0;} #searchSocial ul.interestedUserPhoto li{ float: left; display:inline; clear:none; width:auto; border:none; padding:0;} #searchSocial .viewmoreLink{ font-weight:bold; float:right; padding: 0; } #searchSocial .viewmoreLink a{ color:#000000; text-decoration:none; } #searchSocial .viewmoreLink a:hover{ color:#999900; text-decoration:underline; } .details_space { margin:5px 40px 0 0; _margin:5px 18px 0 0; } .RSVP_details {float:left; margin: 2px 0 0 0;} #searchSocial .selectButton { width:64px; height:20px; float:left; clear:both; margin: 10px 0 0 0; z-index:100000; position:relative;} #searchSocial .selectButton a{width:64px; height:20px; background:url('../images/sprite.gif') no-repeat scroll -641px -312px; display:block; outline:none; cursor:pointer; } #searchSocial .ticketButton { width:185px; height:27px; clear:both; margin: 10px 0 0 0;} #searchSocial .ticketButton a{width:185px; height:27px; background:url('../images/sprite.gif') no-repeat scroll 00px -1231px; display:block; outline:none; cursor:pointer; } .fileField{ border: 1px solid #999999; padding: 2px; width: 200px; outline:none; margin:0px 0px 5px 0px; font-family:Tahoma; font-size:11px;} #searchSocial #search_criteria{ width:530px; height:auto; padding:2px 0 0 0; overflow:hidden; display:block; border-bottom:1px solid #cccccc; clear:both; margin:0 0 0 3px; color:#666666;} #searchSocial #searchFilter{ width:280px; height:25px; overflow:hidden; float:left; clear:none; padding: 2px 5px 0 5px; } .eventdetails { width:280px; height:auto; float:left; margin:5px 0 0 0;} .eventdetails_title { width:60px; height:auto; float:left; margin:0 5px 0 0; font-weight:bold;} .eventdetails_text { width:215px; height:auto; float:left; margin:0; position:relative;} .eventdetails_info { width:300px; height:auto; float:left; margin:0; } .event_actions { width:140px; height:auto; float:left; margin:0 10px 0 0; } .event_actions_main { width:400px; height:auto; float:left; margin:10px 0 0 0;} .organizer_container .recent_socials {width:281px; height:auto; overflow:hidden; margin:15px 0 0 0; padding:3px; float:left;} .organizer_container ul.recentContainer { margin: 0 0 0 0; padding: 0; height:auto; overflow:hidden; width:281px; position:relative; color:#666666; } .organizer_container ul.recentContainer li {clear: none; margin:5px 0 0 0; padding:0 0 2px 5px; border-bottom: 1px solid #cccccc; float: left; } .organizer_container ul.recentContainer .recentData {margin: 0; padding: 0 0 7px 73px; position:relative;} .organizer_container ul.recentContainer .recentData ol {float:left; margin:-15px 0 0 0;*margin:0px; padding:0; width:80px; border:none;} .organizer_container ul.recentContainer .recentData ol li { list-style:none; border:none; font-size:11px;} .organizer_container ul.recentContainer .recentData .stars { width:120px; _width:118px;} .organizer_container ul.recentContainer .recentData ol li span { color:#FF8700;} .organizer_container ul.recentContainer .recentData ol li span a { color:#FF8700; text-decoration:none;} .organizer_container ul.recentContainer .recentData ol li span a:hover { color:#999900;} .organizer_container ul.recentContainer .recent_last{ border:none;} .organizer_container ul.recentContainer .recentData .viewMore{float:right; position:relative; width:70px; margin:30px 0 0 0; text-align:right; font-weight:bold; padding:3px;} .organizer_container ul.recentContainer .recentData p {padding: 0; margin: 2px 0px 3px 0px;} .organizer_container ul.recentContainer .recentData .eventDate{color:#FF8700; font-weight:bold; padding-right:5px;} .organizer_container ul.recentContainer .recentData .recentDate{color:#666666; font-weight:bold; padding-right:5px;} .organizer_container ul.recentContainer .recentData .eventCategory{color:#FF8700; padding-right:5px; font-size:10px; color:#999900;} .organizer_container .recentPhotoSmall{ float: left; margin: 5px 5px 5px 0; height:45px; width:60px; text-align: center; position:relative; z-index:100000;} .organizer_container .recentPhotoSmall img { border: 2px solid #cccccc; padding: 1px; height:45px; width:60px; } .organizer_container .social_organised { width:64px; height:auto; float:left; clear:both; margin: 10px 0 0 0; text-align:center; position:relative; z-index:100000;} .organizer_container .social_organised p { padding:0; margin:0; font-size:10px;} .organizer_container .social_organised .thumb { width:26px; height:26px; border:2px #cccccc solid; margin:auto;} .organizer_container .bottom { border-bottom: 1px solid #CCCCCC;} .organizer_container { width:300px; height:auto; float:left; padding:5px 0 10px 0; margin:10px 0 0 0; border-bottom: 1px solid #cccccc;} .organizer_container ul.eventContainer { margin: 0 0 0 0; padding: 15px 0 0 0; position:relative; height:auto; overflow:hidden; width:300px; clear:both;} .organizer_container ul.eventContainer li {clear: both; margin:5px 0 0 3px; _margin-left:3px; padding:0 6px 2px 5px; border-bottom: 1px solid #cccccc; float: left…; position:relative;} .organizer_container ul.eventContainer .eventData {margin: 0; padding: 0 0 7px 60px; color:#666666;} .organizer_container ul.eventContainer .eventDescription {width:370px; height:auto; padding: 0 0 7px 0; text-align:justify; margin-top:0; clear:both; } .organizer_container ul.eventContainer .eventData p {padding: 0; margin: 0px 0px 3px 0px;} .organizer_container ul.eventContainer .eventData .eventDate{color:#666666; font-weight:bold; padding-right:10px;} .organizer_container .eventPhotoSmall{ float: left; margin: 5px 5px 5px 0; height:auto; width:48px; text-align: center;} .organizer_container .eventPhotoSmall img { border: 2px solid #cccccc; padding: 1px; height:42px; width:42px; } ul.social_actions { width:320px; height:auto; float:left; margin:0; padding:0;} ul.social_actions li { width:145px; height:auto; display:inline; margin:0; padding:0 10px 10px 0; float:left;} .organizer_container ol { margin:0; padding:0 0 0 25px;} .organizer_container ol li { margin:0; padding:0 0 5px 0;} .organizer_container p {padding: 0; margin: 5px 0px 3px 0px; color:#666666;} .organizer_container h3{ color:#000000; clear:none;} .organizer_container label{ font-weight:bold; color:#666666;} .organizer_container .yes{ color:#009900;} .organizer_container .no{ color:#ff0000;} .organizer_container .maybe{ color:#ff9900;} .organizer_container .viewmoreLink{ font-weight:bold; float:right; padding: 0; margin:-10px 0 0 0; } .organizer_container .viewmoreLink a{ color:#000000; text-decoration:none; } .organizer_container .viewmoreLink a:hover{ color:#999900; text-decoration:underline; } .organizer_container textarea{ width:300px; height:70px; margin: 15px 0 0 0; padding:3px; border:1px solid #999999; font-family:Tahoma; font-size:11px; } .groupMain textarea{ width:300px; height:70px; margin: 15px 0 0 0; padding:3px; border:1px solid #999999; font-family:Tahoma; font-size:11px; } .organizer_container .smallGrey { padding:5px; margin:0 0 10px 0;} .groupMain .smallGrey { padding:5px; margin:0 0 10px 0;} .organizer_container .number { color:#FF8700; float:left;} .organizer_container .ratinginfo { width:300px; height:auto; float:left; padding: 0 0 0 5px;} .groupMain .ratinginfo { width:345px; height:auto; float:left; padding: 0 0 0 5px;} .newmembers_container .past { width:380px; border:none; margin-top:0;} .newmembers_container .past ul { width:380px;} .newmembers_container .past ul li { width:380px;} .newmembers_container .past ul.recentContainer .recentData ol { width:120px;} .newmembers_container .past ul.recentContainer .recentData ol li { width:120px;} .newmembers_container .ratinginfo {padding:10px 0 0 10px;} .rating_result{ width:290px; height:auto; float:left; font-size:14px; font-weight:bold; padding:0 5px 0 5px; margin: 10px 0 0 0; } .newmembers_container .rating_result { padding:0 5px 0 10px;} .rating_result p{ float:left; margin: 5px 0px 3px 0px;} .ratinginfo p{ float:left; } .organizer_container .ratinginfo span { color:#FF8700;} .organizer_container .bookingDetails { font-size:14px; font-family:Tahoma; margin:0 0 0 40px; font-weight:bold; color:#666666;} .ratingDetails { width:290px; height:auto; float:left; font-size:11px; font-family:Tahoma; margin:10px 0 5px 0; padding: 0 0 0 5px; font-weight:bold; color:#666666;} .ratingDetails span { color:#FF8700;} .groupMain .ratingDetails { color:#666666;} .organizer_container ul.photos_videos { float: left; margin: 0 0 10px 0; padding: 0; width:300px;} .organizer_container ul.photos_videos li{ float: left; display:inline; clear:none; width:auto; border:none; padding:0;} .organizer_container ul.photos_videos img{ border: 2px solid #cccccc; margin: 5px 2px 4px 0; width:42px; height:42px; padding:1px; float:left;} .details_right { width:300px; height:auto; float:left; padding:0 10px 10px 10px; margin:0 0 0 55px; position:relative;} .mainContent .details_right .organizer_container #socialLanding_right .recent_socials { width:300px; margin:0;} .mainContent .details_right .organizer_container #socialLanding_right ul.recentContainer { background-color:#ffffff; width:300px; border:none;} .mainContent .details_right .organizer_container #socialLanding_right ul.recentContainer li { width:300px;} .mainContent .details_right .organizer_container #socialLanding_right { width:300px; margin:0;} .postComments_Button { width:158px; height:27px; float:left; clear:both; margin: 5px 0 0 0; border: none; background:url('../images/sprite.gif') no-repeat scroll -218px -1231px;} .postComments_Button a{width:158px; height:27px; outline:none; display:block; } .upgrade_membership { width:178px; height:27px; float:left; margin:0 0 0 5px; background:url('../images/sprite.gif') no-repeat scroll -384px -1231px;} .upgrade_membership a{width:178px; height:27px; outline:none; display:block; } .addmonths_btn { width:163px; height:27px; float:left; margin:0 5px 0 5px; background:url('../images/sprite.gif') no-repeat scroll -568px -1231px;} .addmonths_btn a{width:163px; height:27px; outline:none; display:block; } .organizer_container .details_title { margin:0; } .organizer_container .organizerPhotoCS { text-align: center; } .organizer_container .organizerPhoto{ margin: 10px 0 0 0; height:auto; width:70px; text-align: center; position:relative; clear:none; float:left;} .organizer_container .organizerPhoto img { border: 2px solid #cccccc; padding: 1px; width:70px; height:70px; } .organizer_details { padding:0 10px 0 90px; margin: 10px 0 0 0;} .organizer_container ul.social_actions li { width: 130px; } .yes_button { width:46px; height:27px; float:left; margin: 10px 20px 0 0; background:url('../images/sprite.gif') no-repeat scroll -928px -633px;} .yes_button a{width:46px; height:27px; display:block; outline:none;} .no_button { width:46px; height:27px; float:left; margin: 10px 20px 0 0; background:url('../images/sprite.gif') no-repeat scroll -852px -673px;} .no_button a{width:46px; height:27px; display:block; outline:none;} .maybe_button { width:64px; height:27px; float:left; margin: 10px 20px 0 0; background:url('../images/sprite.gif') no-repeat scroll -852px -633px;} .maybe_button a{width:64px; height:27px; display:block; outline:none;} .red_flag {width:12px; height:12px; padding: 0 ; background:url('../images/icon_flag.gif') left no-repeat; color:#ff0000; position:absolute; right:20px; bottom: 5px; margin-top:5px;} .red_flag a{ width:12px; height:12px; float:left;} .topSpac { bottom:0; right:90px;} .updateprofile_btn {margin:10px 0 0 65px; clear:both;} .select_date {float:right; width:460px; height:auto; margin:10px 0px 5px 0px; display:none;} .report_date {float:left; width:320px; height:auto; margin:0; padding:0; display:block;} .report_date .dateLabel {float:left; margin:2px 8px 0 5px; float:left;} .interestedUserPhoto ul li { display:inline; list-style:none; border:none; float:left; clear:none;} .interestedUserPhoto img{ border: 2px solid #cccccc; margin: 0 4px 4px 0; width:42px; height:42px; padding:1px; float:left;} .inviteFriends_Container { width:550px; height:auto; display:block; margin:0 0 0 165px; } .inviteFriends_Container #inviteFriends { width:500px; height:auto; display:block; clear:both; } .inviteFriends_Container #inviteGroups { width:500px; height:auto; display:block; clear:both; } .inviteFriends_Container #inviteAssociate { margin-top:20px; width:500px; height:auto; display:block; clear:both; } .inviteFriends_Container #inviteExternalList { margin-top:20px; width:500px; height:auto; display:block; clear:both; } .inviteFriends_Container #guest_RSVP { margin-top:20px; width:500px; height:auto; display:block; clear:both; } .inviteFriends_Container .inviteFriend_list { border: 1px solid #999999; padding: 2px; width: 150px; height:143px; overflow:auto; outline:none; } .inviteFriends_Container .inviteFriend_select { border: 1px solid #999999; padding: 2px; width: 150px; height:150px; overflow:auto; outline:none; float:left; padding:10px; } .inviteFriends_Container .costField{ border: 1px solid #999999; padding: 0px; width: 70px; outline:none; float:left;} .inviteFriends_Container .actionContainer { width:140px; height:143px;; display:block; float:left; margin:auto; text-align:center; position:relative; padding: 0 10px 0 10px; margin-top:15px; overflow:hidden; } .inviteFriends_Container .button_add { width:56px; height:16px; background:url('../images/sprite.gif') no-repeat scroll -627px -253px; display:block; cursor:pointer; clear:both; position:absolute; top:0px; right:50px; } .inviteFriends_Container .button_remove { width:77px; height:16px; background:url('../images/sprite.gif') no-repeat scroll -818px -253px; display:block; cursor:pointer; position:absolute; top: 30px; right:40px; } .inviteFriends_Container .button_addAll { width:80px; height:16px; background:url('../images/sprite.gif') no-repeat scroll -705px -253px; display:block; cursor:pointer; clear:both; position:absolute; bottom:30px; right:40px; } .inviteFriends_Container .button_removeAll { width:100px; height:16px; background:url('../images/sprite.gif') no-repeat scroll -0 -312px; display:block; cursor:pointer; position:absolute; bottom: 0px; right:30px; } .inviteFriends_Container .inviteMsgArea{ border: 1px solid #999999; padding: 2px; width: 250px; height:70px; outline:none; font-family:Tahoma; font-size:11px;} .meetingTimeBox{ width:210px; height:auto; margin: 0px 0px 10px 20px; float:left;} .timeField{ border: 1px solid #999999; padding: 2px; width: 25px; outline:none; font-size:11px;} .dateField{ border: 1px solid #999999; padding: 2px; width: 100px; outline:none; font-size:11px;} /*Classes for Calendar starts */ #calendar{ width: 205px; height: 165px; text-align: center; margin: 5px auto; border: 1px solid #999999; background-color: #f3f8ff; position: absolute; font: 11px Trebuchet MS;} ul{ list-style-type: none; margin:0; padding:0;} .months, .emptM, .headDay, .dayNormal, .dayBlank, .dayDisabled, .dayWeekend, .dayCurrent, .yearBrowse, .monthDisabled, .currMonth, #closeBtn { margin: 1px 0 0 1px; padding: 0; width: 28px; height: 14px; line-height: 14px; float: left; text-align: center; background-color: #feefe4; color: #000; display: inline;} .emptM, .dayDisabled, .monthDisabled{ color: #d7d6d5; background-color: #f2f2f2;} .headDay{ color: #fff; background-color: #48688f; width: 28px;} .dayNormal, .dayBlank, .dayWeekend, .dayCurrent{ color: #fff; background-color: #70b0ff; width: 28px;} .dayBlank{background-color: #f3f8ff} .dayWeekend{background-color: #ff6161} .dayCurrent, .currMonth{background-color: #71d45b} .dayDisabled{width: 20px} #days{margin-left: 1px; width: 203px;} #elements{height: 150px;} .months a, #days a, .currMonth a{color: #000; text-decoration: none; display: block;} .currMonth a{color: #FFF} #days a{color: #fff;} .yearBrowse, #closeBtn {width: 203px; background-color: #FFF; line-height: 14px;} .yearBrowse a, #closeBtn a{text-decoration: none; color: #f30; font-weight: bold;} .yearBrowse b{margin: 0 5px} /* Classes for calendar ends */ .friendslist_container{ padding: 2px; width: 205px; height:auto; overflow:auto; outline:none; float:left;} .social_friendsList{ border: 1px solid #999999; padding: 2px; width: 200px; height:150px; overflow-x:hidden; overflow-y:auto; outline:none; background:#ffffff;} .social_friendsList ul {padding-left:5px; margin:0px; width:175px; float:left; overflow:hidden;} .social_friendsList ul li{ border-bottom: 1px dotted #cccccc; width:160px; padding: 5px 5px 5px 0px; margin:0px; height:auto; outline:none; list-style:none; float:left; line-height:30px; } .social_friendsList ul li a{ color:#999900; font-weight:bold; text-decoration:underline; } .social_friendsList ul li input{ width:15px; float:left; border:none; } .social_friendsList ul li a:hover{ color:#999900; font-weight:bold; text-decoration:none; } .social_friendsList .thumb{ width: 30px; height:30px; outline:none; float:left; margin-right:5px; } .social_friendsList .thumb img{ border: 2px solid #cccccc; width: 30px; height:30px; } .social_friendsList .checkbox{float:left; margin:10px 10px 0px 0px; *margin:7px 5px 0px 0px;} #pageFooter { height:100px; clear:both; background:url('../images/footerBack.gif') repeat-x; margin:auto; /*position:relative;*/} #pageFooter #masterCardLogo{ width:124px; margin-left:10px; height:45px; float:left; background:url('../images/sprite.gif') no-repeat scroll -86px -253px; position:relative; top:25px; } #pageFooter #visaLogo{ width:124px; height:45px; float:right; background:url('../images/sprite.gif') no-repeat scroll -230px -253px; position:relative; top:25px; right:15px; } #pageFooter .footerNav{font-size:11px;font-family:Tahoma;vertical-align:top;height:auto; position:relative; top:50px; text-align:center;} #pageFooter .footerNav ul li span{border-right:1px solid #666666;display:inline;padding:0 5px;} #pageFooter .footerNav ul li a{color:#666666;text-decoration:none; outline:none;} #pageFooter .footerNav ul li a:hover{color:#000000;text-decoration:underline;} #pageFooter .footerNav ul,.footerNav ul li{ list-style:none; display:inline;} .bottomNav{ font-size:11px; font-family:Tahoma; vertical-align:top; margin:auto; padding:15px 0 25px 0;overflow:hidden;width:720px; height:auto; position:relative; text-align:center;} .bottomNav ul li span{border-right:1px solid #666666;display:inline;padding:0 5px; color:#666666;} .bottomNav ul li a{color:#000000;text-decoration:none; outline:none;} .bottomNav ul li a:hover{color:#666666;text-decoration:underline;} .bottomNav ul,.bottomNav ul li{ list-style:none; display:inline;} .social_all { background-color:#ffffff; border:1px solid #cccccc;} .social_attending { background-color:#fcf4e7; border:1px solid #f7dcb4;} .social_hosting { background-color:#f0f8fd; border:1px solid #c8deee;} .social_suggested_interested { background-color:#fdf5f7; border:1px solid #f4d7dc;} .social_public { background-color:#f3fbeb; border:1px solid #cce7b0;} .social_public_interested { background-color:#fcfce7; border:1px solid #e3e3ba;} .social_may_attend { background-color:#f0f0f0; border:1px solid #cccccc;} .social_suggested { background-color:#f8ebfc; border:1px solid #d8b8e1;} .month1 { background-color:#f8ebfc; border:1px solid #d8b8e1; padding:3px; font-size:12px; font-weight:bold; text-align:center; color:#993366;} .month2 { background-color:#f3fbeb; border:1px solid #cce7b0; padding:3px; font-size:12px; font-weight:bold; text-align:center; color:#336600;} .month3 { background-color:#fcf4e7; border:1px solid #f7dcb4; padding:3px; font-size:12px; font-weight:bold; text-align:center; color:#993300;} .legendSpace {margin: 5px 0;} .points35 { width:28px; height:29px; float:left; background:url('../images/sprite.gif') no-repeat scroll -789px -33px; margin:0 0 0 10px;} #registration_nav {width:811px; height:41px; background:url('../images/sprite.gif') no-repeat scroll 00 -920px; outline:none; position:relative; margin: 0 0 10px 5px; } #registration_nav ul {margin: 0px; padding: 0px; list-style-type:none; height: 41px; outline:none; _margin-bottom:-2px; } #registration_nav ul li {display: inline; margin: 0px; padding: 0px; float:left; outline:none; } #registration_nav ul li a { display: block; height: 41px; outline:none; float:left; } #registration_nav span { display: none; outline:none;} #registration_nav li.register a {width: 95px; height:41px; background-position: 00 -920px; outline:none;} #registration_nav li.find_friends a {width: 184px; height:41px; background-position: -188px -920px; margin-left:93px; _margin-left:46px; outline:none;} #registration_nav li.profile a {width: 71px; height:41px; background-position: -456px -920px; margin-left:84px; _margin-left:42px; outline:none;} #registration_nav li.what_you a {width: 131px; height:41px; background-position: -614px -920px; margin-left:87px; _margin-left:43px; outline:none;} #registration_nav li.register a:hover {width: 95px; height:41px; outline:none; background:url('../images/sprite.gif') no-repeat scroll 00 -968px;} #registration_nav li.find_friends a:hover {width: 184px; height:41px; margin-left:93px; _margin-left:46px; outline:none; background:url('../images/sprite.gif') no-repeat scroll -188px -968px;} #registration_nav li.profile a:hover {width: 71px; height:41px; margin-left:84px; _margin-left:42px; outline:none; background:url('../images/sprite.gif') no-repeat scroll -456px -968px;} #registration_nav li.what_you a:hover {width: 131px; height:41px; margin-left:87px; _margin-left:43px; outline:none; background:url('../images/sprite.gif') no-repeat scroll -614px -968px;} #registration_nav li.register_selected {width: 95px; height:41px; margin-left:0; outline:none; background:url('../images/sprite.gif') no-repeat scroll 00 -968px;} #registration_nav li.find_friends_selected {width: 184px; height:41px; margin-left:93px; outline:none; background:url('../images/sprite.gif') no-repeat scroll -188px -968px;} #registration_nav li.profile_selected {width: 71px; height:41px; margin-left:84px; outline:none; background:url('../images/sprite.gif') no-repeat scroll -456px -968px;} #registration_nav li.what_you_selected {width: 131px; height:41px; margin-left:87px; outline:none; background:url('../images/sprite.gif') no-repeat scroll -614px -968px;} .ContentRegistration li .keywordField{ border: 1px solid #999999; padding: 2px ; width: 250px; outline:none; font-family:Tahoma; font-size:11px; color:#999999; } .ContentRegistration .searchButton { clear:both; width:81px; height:27px; margin: 17px 0 0 160px; float:left; } .ContentRegistration .searchButton a{width:81px; height:27px; background:url('../images/sprite.gif') no-repeat scroll -401px -312px; display:block; outline:none; cursor:pointer; } .findfriend_left {width:489px; height:auto; float:left; padding: 0 0 10px 0; color:#666666;} .findfriend_left p{padding:5px; margin:0;} .findfriend_right {width:250px; height:auto; margin:10px auto 0 10px; _margin:10px auto 0 6px; float:left; display:block;} .findfriend_right p{ padding:0; margin: 0 0 10px 0; font-weight:bold;} .form_area { width:443px; height:auto; float:left; /*position:relative;*/ vertical-align:top; background:#F5F5F5; border:1px solid #E0E0E0; padding:0px 17px 5px 10px;} .findfriend_left h1{ margin:0px 0 5px 0; padding-top:0; } .findfriend_left .searchResult { width:472px; height:auto; /*margin:auto; padding:2px 5px 2px 5px;*/ overflow:hidden; display:block; clear:both; font-size:120%; font-weight:bold; margin-top:30px; float:left;} .findfriend_left .searchResult #keyword, #location { color:#FF8700} .findfriend_left .search_criteria{ width:466px; height:auto; padding:10px 0 0 0; overflow:hidden; display:block; border-bottom:1px solid #cccccc; clear:both; margin:0 0 0 0px; color:#666666;} .find_friends_container { padding:0px; margin:0px; position:static;} .findfriend_left .sort { width:500px; padding:2px 5px 2px 5px; overflow:hidden; background:#ffffff; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; clear:both; font-size:11px; font-weight:normal; margin-top:5px; margin-bottom:10px; line-height: normal;} .findfriend_left .sort input { vertical-align: middle;} .findfriend_left .vspace { width:150px; float:left} .findfriend_left .vspace input{ *vertical-align:middle;} .addFriend_details {width:80px; height:auto; float:left; padding:10px; clear:none;} .addFriend_details .friendPhoto{ margin: 0; height:auto; width:70px; text-align: center; position:relative; clear:none; float:left;} .addFriend_details .friendPhoto img { border: 2px solid #cccccc; padding: 1px; width:70px; height:70px; } /* Form template start*/ .formwidth:{ width:100%;} .labelwidth: { width:20%} .csform h1{padding:0; font-size:18pt; color:#FF8700; margin:auto; margin:0 0 10px 5px; position:relative;} .csform ul { margin: 0; padding: 10px 0 5px 15px;0px; width:70%;} .csform li{ display: block; clear: none; margin: 0 0 10px 0; width: 100%; position:relative;} .csform ul.formarea .fieldError { float:left; width:300px; height:auto; display:block; color:#ff0000; margin:0 0 0 220px; _margin:0 0 0 110px;} .csform ul.formarea .singleList{ width: 250px; margin-left: 220px; _margin-left: 110px; float:left; text-align:left; height:auto; clear:both;} .csform ul.formarea .singleList label{ font-weight: normal; float: left; width: auto; margin:0 0 5px 0; text-align:left;} .csform .wide {width:500px; } .csform .single_data {margin-left:30%; _margin-left:11%; padding:2px 2px 2px 15px;} .csform .single_data input {float:left;} .csform strong{ margin-left:0px;} .csform label{ line-height: 15px; font-weight: bold; width: 30%; float: left; text-align:right; padding: 0 20px 0 0;} .csform em{ float: left; clear: left; margin: 0 0 5px 145px; _margin-left: 148px; width: 200px; color:#999999;} .csform .help{ float: left; clear: left; margin: 0 0 5px 145px; _margin-left: 148px; width: 200px; color:#666666;} .csform .import_help{ float: left; clear: left; margin: 0 0 5px 220px; _ margin-left:110px; width: 500px; color:#666666;} .csform li .textfield{ border: 1px solid #999999; padding: 2px; width: 200px; float:left; font-size:11px;} .csform li .tagfield{ border: 1px solid #999999; padding: 2px; width: 305px; float:left; font-size:11px;} .csform li textarea{ border: 1px solid #666666; padding: 2px; width: 200px; height:80px; font-family:Tahoma; font-size:11px;} .csform .space { width:15px; border:none;} .csform .singleList label,.csform .singleList input{ font-weight: normal; float: left; width: auto; margin:0 0 5px 0; text-align:left;} .csform .singleList input{ margin-right: 5px; border: none;} .csform .singleList label{line-height: 15px; float: none; display:block;} .csform .formError{ background-color:#f5f5f5; width:100%; height:auto; margin:auto; padding:5px; font-family:Tahoma; font-weight:bold; color:#CC0000;; margin-top:10px; border:1px solid #cccccc; display:block; text-align:center; } .csform .success{ background-color:#f5f5f5; width:100%; height:auto; margin:auto; padding:5px; font-family:Tahoma; font-weight:bold; color:#009900; margin-top:10px; border:1px solid #cccccc; display:block; text-align:center; } .csform ul.payment_form { float: left; margin: 0; padding: 10px 0 5px 15px; width:500px;} .csform ul.payment_form li{ float: left; display: block; clear: none; margin: 0 0 10px 0; width: 475px;} .csform ul.payment_form label{ line-height: 15px; font-weight: bold; width: 200px; float: left; text-align:right; padding: 0 20px 0 0;} .csform ul.payment_form .fieldError { float:left; width:300px; height:auto; display:block; color:#ff0000; margin:0 0 0 220px; _margin:0 0 0 110px;} .csform ul.payment_form em{ float: left; clear: left; margin: 0 0 5px 220px; width: 200px; color:#999999;} .csfieldError { float:left; width:300px; height:auto; display:block; color:#ff0000; margin:0 0 0 190px; _margin:0 0 0 95px;} /* Form template ends */ .contact_tablearea { width:600px; height:auto; position:relative; margin:auto;} .contact_tablearea table { margin:auto; } .contact_tablearea table td { background:#f0f0f0; border:1px solid #cccccc; } /* table template classes start */ .tableArea { width:100%; height:auto; float:left; position:relative;} .tableArea table{ margin-bottom:20px; margin:auto;} .tableArea h1{ padding:0; font-size:18pt; color:#000000; margin:auto; margin:0 0 10px 5px; position:relative;} .tableArea th{ width:auto; height:30px; background:url(../images/th_back.gif) top repeat-x; font-size:14px; font-weight:bold; border-left:1px solid #ffffff; border:1px solid #f0f0f0; text-align:left; padding: 2px 10px 2px 10px; color:#000000; } .tableArea td{ width:auto; height:20px; padding: 2px 10px 2px 10px; border:1px solid #f0f0f0;} .tableArea .even{ background-color:#f3fbda; color:#666666; } .tableArea .odd{ background-color:#ffffff; color:#666666;} .tableArea .red_flag {width:12px; height:12px; padding: 0 ; background:url('../images/icon_flag.gif') left no-repeat; color:#ff0000; position:relative; margin:5px 0 0 5px; _margin:5px 0 0 10px; right:0; bottom:0;} .tableArea span { color:#FF8700;} .tableArea .bronze_back { background:url(../images/bronze_back.jpg) top repeat-x; text-align:center; } .price_td { width:150px; text-align:center;} /* table template ends */ .membership_price { width:150px; height:auto; clear:both; font-size:11px; font-weight:bold; float:left; font-family:Tahoma; color:#666666;} .myprofile ul { float: left; margin: 0; padding: 10px 0 5px 0px; width:400px;} .myprofile li{ float: left; display: block; clear: none; margin: 0 0 10px 0; width: 400px;} .myprofile li .textfield{ border: 1px solid #999999; padding: 2px; width: 200px; float:left; position:relative; display:block; font-size:11px;} .myprofile ul.profile { float: left; margin: 0; padding: 10px 0 5px 0px; width:400px; position:relative; display:block; } .myprofile ul.profile li{ float: left; display: block; clear: none; margin: 0 0 10px 0; width: 400px; position:relative;} .myprofile ul.profile label{ line-height: 15px; font-weight: bold; width: 130px; float: left; text-align:right; padding: 0 20px 0 0;} .myprofile ul.profile .fieldError { float:left; width:200px; height:auto; display:none; color:#ff0000; margin:0 0 0 150px; _margin:0 0 0 75px;} .myprofile ul.profile em{ float: left; clear: left; margin: 0 0 5px 150px; width: 200px; color:#999999;} .myprofile ul.profile .single{ width: 250px; margin-left: 150px; _margin-left: 75px; float:left; text-align:left; height:auto; clear:both;} .myprofile ul.profile .single label{ font-weight: normal; float: left; width: auto; margin:0 0 5px 0; text-align:left;} .myprofile ul.changePass { float: left; margin: 0; padding: 10px 0 5px 0px; width:350px;} .myprofile ul.changePass li{ float: left; display: block; clear: none; margin: 0 0 10px 0; width: 350px;} .myprofile ul.changePass label{ line-height: 15px; font-weight: bold; width: 110px; float: left; text-align:right; padding: 0 20px 0 0;} .myprofile ul.changePass .fieldError { float:left; width:200px; height:auto; display:block; color:#ff0000; margin:0 0 0 130px; _margin:0 0 0 65px;} .myprofile ul.changePass em{ float: left; clear: left; margin: 0 0 5px 130px; width: 200px; color:#999999;} .myprofile ul.changePass .single{ width: 250px; margin-left: 130px; _margin-left: 65px; float:left; text-align:left; height:auto; clear:both;} .userlikes_label { width:105px; height:auto; float:left; font-weight:bold; text-align:left; padding: 0 5px 0 0;} .userlikes { width:165px; height:auto; float:left; padding: 0 0 10px;} .groupTxt { width:288px; height:61px; margin:auto; background:url('../images/groupTxt.gif') no-repeat; padding:0;} .groupbtn_container { width:184px; height:21px; margin:15px auto;} /*Admin sub tabs */ .adminSection_tab { width:798px; height:26px; font-size:12px; font-family:Arial, Helvetica, sans-serif; background:transparent url('../images/adminsubTab_back.gif') no-repeat; margin:15px 0 0 0; } .adminSection_tab ul {margin:0 20px; padding:0; } .adminSection_tab ul li { display:block; float:left; line-height:26px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0;padding:0 20px 0 20px; } .adminSection_tab ul li:hover {background:#e3e2e2 none repeat scroll 0 0;} .adminSection_tab ul li a { text-decoration:none; display:block; color:#666666; } .adminSection_tab ul li a:hover { display:block; text-decoration:none;} .adminSection_tab ul li.active { color:#000000; background: url('../images/activeArrow.gif') no-repeat scroll top; height:34px; position:relative; font-weight:bold;} .payment_heading {color:#666666; margin: 10px auto 0 auto; text-align:center; font-size:14px; font-weight:bold; padding:4px;} .fancy_select { font-family:Tahoma; font-size:11px; padding: 1px; outline:none; border: 1px solid #999999; padding:2px; width:85px;} .adminFloat { float:left; position:relative; } .group_search { margin:0 0 -8px 5px; *margin:-12px 0 0 10px; *vertical-align:middle;} .group_details { width:380px; height:auto; float:left; padding: 0 0 5px 0; margin-bottom: 15px;} .group_details span{ color:#FF8700;} .icon_exit { background-image:url('../images/exit_icon.gif'); float:left; width:20px; height:20px; padding:0; margin:2px 5px 0 0; } .icon_user { background-image:url('../images/user.gif'); width:16px; height:16px; padding:0; margin:2px 5px 0 0; display: inline-block;} .icon_chat { background-image:url('../images/chat.gif'); float:left; width:16px; height:16px; padding:0; margin:2px 5px 0 0; } .guestDetails{ width:550px; height:auto; margin:15px 10px 5px 0; overflow:hidden; clear:both;} .guestDetails ul{ padding:0; float:left;} .guestDetails ul li{ border:none; display:inline; float:left; width:150px; height:34px; font-size:14px; color:#666666; font-weight:bold; margin: 0 2px 0 0; padding:5px; text-align: center; } .guestDetails ul li a{ text-decoration:none; color:#666666;} .guestDetails ul li a:hover{ text-decoration:underline; color:#000000;} .guestDetails ul .selected { color:#000000; font-size:14px; background:url(../images/activeArrow.gif) no-repeat center bottom; padding:0 20px; text-align: center; } .guestDetails ul li span{ color:#FF8700; } .guestlist_container {width:100%; height:auto; display:block; float:left; margin:15px auto auto auto;} ul.guestList { float: left; margin: 0 0 10px 0; padding: 0; width:100%; position:relative;} ul.guestList li{ float: left; clear:none; width:218px; height:auto; border:none; padding:10px; margin: 10px 25px 0 0; text-align:center; display:inline; background:url(../images/guestList_back.jpg) repeat-x top; border:1px solid #e3e2e2; max-height:200px;} ul.guestList li:nth-child(3n+1) { clear: both; } ul.guestList li span{ color:#FF8700; float:left; } .guestList img{ border: 2px solid #cccccc; margin: 0; width:60px; height:60px; padding:1px; float:left; } .guestList .matching{ border: 2px solid #FF8700; width:60px; height:60px;} .guestInfo { width:130px; height:auto; margin:0 0 0 15px; position:relative; text-align:left; float:left;} .guestInfo h3{ font-size: 110%; margin: 0; float:left; width:135px;} .guestInfo p{ margin:0; padding:0; font-size:90%;} .guestActions { width:784px; height:20px; padding:5px; margin: 5px 0 10px 0; float:left; background:#f0f0f0; border: 1px solid #cccccc;} .IM_area {float:left; width:100px; height:auto;} .guest_online {width:16px; height:16px; margin:0px 5px 0 0; float:left; background:url('../images/online.gif') no-repeat } .subCategory_container { border: 1px solid #cccccc; ; position: absolute; visibility: visible; background-color: white; width:200px; height:100px; display:none; } .subCategory_container ul{float:left; padding:0px 0; width:129px; margin:0px; position:relative;} .subCategory_container ul li { list-style:none; padding:2px;} .codecontent {width:790px; height:auto; margin:20px auto; overflow:hidden; position:relative;} .codeContainer { width:154px; height:180px; float:left; margin: 0 4px 0 0; position:relative;} .codeContainer_top { width:154px; height:10px; float:left; margin: 0 4px 0 0; background:url(../images/codeTop.gif) no-repeat;} .codeContainer_middle { width:154px; height:160px; margin: 0 4px 0 0; background:url(../images/codeMiddle.jpg) no-repeat;} .codeContainer_bottom { width:154px; height:10px; float:left; margin: 0 4px 0 0; background:url(../images/codeBottom.gif) no-repeat;} .code_middlecontent { width:133px; height:145px; margin:auto;} .code_middlecontent .textContainer{ padding:10px 5px 5px 5px; float:left; line-height:13px; color:#666666;} .number_back { width:18px; height:18px; clear:both; float:left; background:url(../images/orange_circle.gif) no-repeat; text-align:center; color:#FFFFFF; font-weight:bold;} .codeHeading { width:110px; height:18px; float:left; font-weight:bold; color:#666666; padding:0 0 0 5px;} .socialMain { width:100%; height:auto; float:left; clear:both; padding:0 0 5px 0;} .socialDate {width: 22%; height:auto; float:left; padding:0;} .socialName, .placeName {width: 76%; height:auto; float:left; padding:0; color:#000000;} .rating { width:140px; height:auto; float:left;} .ratingTxt { float:left; padding: 0 5px 0 0;} .reviewComments { width:100%; height:auto; float:left; padding:0 0 5px 0; font-style:italic;} .confirmation_actions { margin:0 auto 10px auto; position:relative; width:175px; padding:5px; display:table;} .play_button { width:16px; height:16px; clear:both; background:url(../images/bt_play.gif) no-repeat; margin:auto;} .photoVideo_heading { margin-bottom:-10px;} .top_space {margin:20px 0px 0px 0;} .group_top { margin: 7px auto 0 auto;} .grey_box { background:#f5f5f5; border:1px solid #e0e0e0; margin-top:15px; margin-left:0px; } .point_container { background:#f5f5f5; border:1px solid #e0e0e0; margin:15px 0 10px 0; padding:5px 10px 5px 10px; width:778px; color:#666666; } .point_container li { padding:3px;} .greyFull { width:690px; height:auto; padding:10px; background:#f5f5f5; border:1px solid #e0e0e0; margin:15px auto 10px auto; overflow:hidden; clear:both;} .greyBack { width:687px; height:auto; padding:10px; background:#f5f5f5; border:1px solid #e0e0e0; margin:0 0 10px 03px;; overflow:hidden; clear:both;} .terms_conatiner { width:400px; height:auto;} .friends_content { margin:10px 0 0 0;} .photo_user_top { margin:0 0px 0px 150px; } .messageBox_top { width: 794px; position:relative; height:10px; float:left; background:url(../images/messgeBox_top.gif) no-repeat;} .messageBox_bottom { width: 794px; position:relative; height:10px; float:left; background:url(../images/messageBox_bottom.gif) no-repeat;} .messageBox_middle { width: 794px; height:auto; float:left; _margin-top:-3px; position:relative; background:url(../images/messageBox_middle.gif) repeat-y;} .messageBox_content { width:750px; height:auto; position:relative; margin:0px; padding:5px; display:table;} .messageBox_content #inviteFriends { width:700px; height:auto; display:block; clear:both; padding:0 0 10px 100px; #padding-top:12px; color:#666666; float:left; position:relative; } .messageBox_content .actionContainer { width:100px; height:120px;; display:block; float:left; margin:auto; text-align:center; position:relative; padding: 0 10px 0 10px; margin-top:35px; overflow:hidden; } .messageBox_content .inviteFriend_list { border: 1px solid #999999; padding: 2px; width: 110px; height:123px; overflow:auto; outline:none; } .messageBox_content .button_add { width:56px; height:16px; background:url('../images/sprite.gif') no-repeat scroll -627px -253px; display:block; cursor:pointer; clear:both; position:absolute; top:0px; right:30px; } .messageBox_content .button_remove { width:77px; height:16px; background:url('../images/sprite.gif') no-repeat scroll -818px -253px; display:block; cursor:pointer; position:absolute; top: 30px; right:20px; } .messageBox_content .button_addAll { width:80px; height:16px; background:url('../images/sprite.gif') no-repeat scroll -705px -253px; display:block; cursor:pointer; clear:both; position:absolute; bottom:30px; right:20px; } .messageBox_content .button_removeAll { width:100px; height:16px; background:url('../images/sprite.gif') no-repeat scroll -0 -312px; display:block; cursor:pointer; position:absolute; bottom: 0px; right:10px;} .messageBox_content h1{ padding: 3px 0px 0px 15px;} .myFriends_right { width:390px; height:auto; margin:auto; float:left;} .rightCurve_top{ width:370px; height:10px; background-image:url(../images/rightCurve_top.gif);} .rightCurve_bottom{ width:370px; height:10px; background-image:url(../images/rightCurve_bottom.gif);} .rightCurve_middle{ width:370px; height:auto; background:url(../images/rightCurve_middle.gif) repeat-y; overflow:hidden; position:relative;} .myFriends_right .content { width:800px; height:auto; margin:auto; padding:0;} .myFriends_right #inviteFriends { width:350px; height:auto; display:block; clear:both; padding:0 0 0 5px; } .myFriends_right .inviteFriend_select { border: 1px solid #999999; padding: 2px; width: 110px; height:120px; overflow:auto; outline:none; float:left; padding:0; } .myFriends_right .left_actions { width:80px; _width:90px; height:auto; float:left; clear:both; margin: 5px 0 0 0; _margin-top:0px; color:#666666; _position:absolute;} .myFriends_right .left_actions p{ margin: 5px 0 0 0; padding:0;} .myFriends_right .left_actions span{ color:#FF8700;} .myFriends_right ul.friends { margin: 0; padding: 0; position:relative; height:auto; overflow:hidden; width:800px;} .myFriends_right ul.friends .last { border:none;} .myFriends_right ul.friends li { margin: 0 10px; padding: 0; border-bottom: 1px solid #cccccc; float: left; width: 369px; } .myFriends_right ul.friends li:nth-child(odd) { clear: both; margin: 0; } .myFriends_right ul.friends li:nth-child(even) { float: right; clear: none; margin: 0; } .myFriends_right ul.friends .eventData {margin: 0; padding: 0 0 7px 75px; _padding-left:75px; position:relative; color:#666666;} .myFriends_right .social_details { margin:0; padding: 0 0 7px 0;} .myFriends_right ul.friends .eventData p {padding: 0; margin: 5px 0px 3px 0px;} .myFriends_right ul.friends .eventData span {color:#FF8700;} .myFriends_right .friendsPhotoSmall{ float: left; margin: 5px 5px 5px 0; height:60px; width:60px; text-align: center;} .myFriends_right .friendsPhotoSmall img { border: 2px solid #cccccc; padding: 1px; height:60px; width:60px; } .myFriends_right .search_criteria{ width:325px; height:auto; padding:2px 0 0 0; overflow:hidden; display:block; border-bottom:1px solid #cccccc; clear:both; margin:0 0 0 3px; color:#666666;} .myFriends_right ul.friendsAction{ padding:0; width:350px; padding-top:5px; _margin-top:-67px; float:left; position:relative;} *:first-child+html .myFriends_right ul.friendsAction{ padding-top:10px;} .myFriends_right ul.friendsAction li{ padding:2px; margin:1px 0 0 1px; border:none; width:96px; } .myFriends_right ul.friendsAction li{ list-style:none; display:inline; clear:none; } .myFriends_right ul.friendsAction .wide{ width:143px; } .textfield{ border: 1px solid #999999; padding: 2px; width: 175px; font-size:11px;} .nameField{ border: 1px solid #999999; width: 130px; outline:none; font-family:Tahoma; font-size:11px; padding: 2px; float:left; margin: 0 0 0 5px; } .event_name{ border: 1px solid #999999; width: 130px; outline:none; font-family:Tahoma; font-size:11px; padding: 2px; margin: 0 0 0 5px; } .twitterDetails {width:600px; height:auto; margin: 0 0 0 160px; float:left; clear:both; display:none; vertical-align:baseline;} .goButton_space {margin: 0 0 -6px 5px; *margin-bottom:2px; *vertical-align: middle;} .profilePhoto_field {width:300px; height:auto; float:left;} .admin_calendar_area { width:778px; height:auto; margin:20px 0 10px 0; float:left; padding:10px; background:#f5f5f5; border:1px solid #e0e0e0;} .admin_calendar_actions { width:100%; height:auto; float:left; clear:both; padding:0 0 10px 0;} .admin_calendar_actions .prev { width:250px; height:auto; float:left;} .admin_calendar_actions .next { width:45px; height:auto; float:right;} .admin_searchResult { width:778px; height:auto; padding:5px 10px 5px 10px; overflow:hidden; display:block; background:#f0f0f0; border:1px solid #cccccc; clear:both; font-size:14px; font-weight:bold; margin:10px 0 0 0; float:left;} .admin_searchResult #keyword, #location { color:#FF8700} #admin_criteria{ width:758px; height:auto; padding:5px 10px 5px 0px; overflow:hidden; display:block; border-bottom:1px solid #cccccc; clear:both; margin:5px 0 0; color:#666666; } .admin_criteria{ width:796px; height:auto; padding:5px 0px 5px 0px; overflow:hidden; display:block; border-bottom:1px solid #cccccc; clear:both; margin:7px 0 0 0; color:#666666;} .admin_criteria_bottom{ width:778px; height:auto; padding:5px 10px 5px 10px; overflow:hidden; display:block; clear:both; margin:5px 0 0 0; color:#666666;} .admin_criteria h1{ border:none; width:auto; float:left;} .admin_criteria .dicussion_details { float:left; width:300px; height:auto; font-size:12px; font-weight:bold; margin:7px 0 0 10px; } .admin_criteria .dicussion_details span { color:#FF8700; } .bottomPagination{ width:778px; height:auto; padding:5px 10px 5px 10px; overflow:hidden; display:block; border-top:1px solid #cccccc; clear:both; margin:5px 0 0 0; color:#666666;} .bottomPagination_small{ width:342px; height:auto; padding:5px 10px 5px 10px; overflow:hidden; display:block; clear:both; margin:5px 0 0 0; color:#666666;} .friends_criteria{ width:778px; height:auto; padding:5px 10px 5px 5px; overflow:hidden; display:block; clear:both; margin:5px 0 0 0; color:#666666;} .friends_criteria span { color:#FF8700;} .search_result { width:380px; height:auto; display:block; clear:both; font-size:120%; font-weight:bold; margin:30px 0 0 0;} .search_result #keyword, #location { color:#FF8700;} .search_result_criteria{ width:410px; height:auto; /*padding:5px 10px 5px 10px;*/ overflow:hidden; display:block; border-bottom:1px solid #cccccc; clear:both; margin:5px 0 0 0; color:#666666;} .search_result_criteria strong {font-weight:normal;} .user_thumb{ float: left; margin: 5px 5px 10px 0; height:60px; width:60px; text-align: center;} .user_thumb img { border: 2px solid #cccccc; padding: 1px; height:60px; width:60px; } .mail_details { width:auto; height:auto; float:left; font-weight:bold; padding:2px 0 0 10px; margin:0;} .mail_actions { width:250px; height:auto; float:right;} .mail_container { width:684px; height:auto; margin:20px auto auto auto; padding:8px; border:1px solid #cccccc; position:relative; overflow:hidden; display:none; } .mail_container .flag { margin:3px 7px 0 7px; _margin-right: 5px; float:left; position:relative; float:left; right:0; bottom:0; } .mail_msg {width:500px; height:auto; margin:auto; padding:5px 5px 10px 5px; display:table; position:relative;} .mail_msg label{ line-height: 15px; font-weight: bold; width: 67px; float: left; text-align:right; padding: 0 20px 0 0;} .mail_msg ul{ width:500px;} .mail_msg ul li{ width:500px;} .mailMessage { width:400px; height:auto; float:left;} .mail_thumb {width:100px; height:auto; float:left; padding:10px; clear:none;} .mail_thumb .friendPhoto{ margin: 0; height:auto; width:100px; text-align: center; position:relative; clear:none; float:left;} .mail_thumb .friendPhoto img { border: 2px solid #cccccc; padding: 1px; width:100px; height:100px; } .mail_container .left_actions { width:125px; height:auto; float:left; clear:both; margin: 5px 0 0 -3px; _margin-top:0px; _margin-left:-5px; padding:0 0 0 10px;} .mail_msg ul.msg_actions{ padding:0; width:540px; _width:510px; padding:0; float:left; position:relative;} .mail_msg ul.msg_actions .wide{ width:130px; _width:140px;} *:first-child+html .mail_msg ul.msg_actions{ padding-top:10px;} .mail_msg ul.msg_actions li{ padding:0 0 5px 0; margin:0 0 0 1px; border:none; width:82px; } *:first-child+html .mail_msg ul.msg_actions li{ margin-top:-10px;} .mail_msg ul.msg_actions li{ list-style:none; display:inline; clear:none; } .topaction_container { width: 90%; height:25px; margin:0 0 0 10px; float:left; border-bottom:1px solid #cccccc; } #adminsocial_area{ width:800px; height:auto; margin:10px 0 0 0; float:left; position:relative;} #adminsocial_area .groupImage{ float: right; margin: 5px 20px 5px 0; _margin: 5px 10px 5px 0; height:70px; width:70px;} #adminsocial_area .groupImage img { border: 2px solid #cccccc; padding: 1px; } #adminsocial_area ul.socials{ margin:0; padding: 0; position:relative; height:auto; overflow:hidden; width:255px;} #adminsocial_area ul.socials li { margin:5px 0 0 0; padding:0 5px 20px 5px; _padding:0 0 5px 0; float: left; width: 240px; } #adminsocial_area ul.socials li:nth-child(3n+1) { clear: both; } #adminsocial_area ul.socials .last { border:none; } #adminsocial_area ul.socials li { list-style:none; display:inline; } #adminsocial_area ul.socials .socialData {margin: 0; padding: 0 0 7px 5px; position:relative; color:#666666;} #adminsocial_area ul.socials .socialData input{ vertical-align:middle;} #adminsocial_area ul.socials .socialData a{font-weight:bold;} #adminsocial_area ul.socials .socialData p {padding: 0; margin:0;} #adminsocial_area ul.socials .socialData .eventDate{color:#666666; font-weight:bold; padding-right:10px;} #adminsocial_area ul.socials .socialData span { color:#FF8700;} #adminsocial_area ul.socials .socialData span a { color:#FF8700; text-decoration:underline; font-weight:normal;} #adminsocial_area ul.socials .socialData span a:hover { color:#FF8700; text-decoration:none; font-weight:normal;} #adminsocial_area ul.suggested{ margin:0; padding: 0; position:relative; height:auto; overflow:hidden; width:255px;} #adminsocial_area ul.suggested li { margin:5px 0 0 0; padding:0 5px 20px 5px; _padding:0 0 5px 0; float: left; width: 240px; height:100px } #adminsocial_area ul.suggested .last { border:none; } #adminsocial_area ul.suggested li { list-style:none; display:inline; } #adminsocial_area ul.suggested .socialData {margin: 0; padding: 0 0 7px 5px; position:relative; color:#666666;} #adminsocial_area ul.suggested .socialData input{ vertical-align:middle;} #adminsocial_area ul.suggested .socialData a{font-weight:bold;} #adminsocial_area ul.suggested .socialData p {padding: 0; margin:0;} #adminsocial_area ul.suggested .socialData .eventDate{color:#666666; font-weight:bold; padding-right:10px;} #adminsocial_area ul.suggested .socialData span { color:#FF8700;} #adminsocial_area ul.suggested .socialData span a { color:#FF8700; text-decoration:underline; font-weight:normal;} #adminsocial_area ul.suggested .socialData span a:hover { color:#FF8700; text-decoration:none; font-weight:normal;} .adminSocial_container { width:265px; height:auto; float:left; padding:0; margin: 0 0 0 0;} #group_category .special_category{ list-style-image:url(../images/greenArrow.gif); *list-style-image:url(../images/greenArrow_ie.gif);} .groupContainer { width:254px; height:auto; float:left; position:relative; margin: 0 10px 0 0;} .groupContainer_top { width:254px; height:10px; float:left; background:url(../images/group_top.gif) no-repeat; _margin-bottom:-3px;} .groupContainer_bottom { width:254px; height:10px; float:left; background:url(../images/group_bottom.gif) no-repeat; vertical-align:top; _margin-top:-10px;} .groupContainer_middle { width:254px; height:110px; float:left; background:url(../images/group_middle.gif) no-repeat;} .groupContent { width: 230px; height:auto; margin:auto; padding:10px 0 0 0;} #whiteBox_middle .no_border { border: none;} #whiteBox_middle .owner { width:340px; border:none; margin:5px 0 0 0;} #whiteBox_middle .owner p{ margin-top:0;} .groupdetails_main { width:480px; height:auto; float:left; position:relative; margin:10px 0 0 5px;} .groupDetails_top {width:480px; height:10px; background:url(../images/groupDetails_top.gif) no-repeat; float:left;} .groupDetails_middle {width:480px; height:auto; background:url(../images/groupDetails_middle.gif) no-repeat bottom; _margin-top: -3px; float:left;} .groupDetails_bottom {width:480px; height:10px; background:url(../images/groupDetails_bottom.gif) no-repeat; overflow:hidden; float:left;} .groupDetails_content {width:455px; height:auto; margin:auto; padding:2px 10px 0 15px; position:relative; overflow:hidden; float:left;} .groupMain { width:380px; height:auto; float:left; position:relative; margin:10px 0 10px 0;} .groupMain_top { width:380px; height:10px; background:url(../images/groupMain_top.gif) no-repeat; } .groupMain_bottom { width:380px; height:10px; background:url(../images/groupMain_bottom.gif) no-repeat; } .groupMain_middle { width:380px; height:auto; background:url(../images/groupMain_middle.gif) bottom; } .groupMain_content {width:350px; height:auto; margin:auto; padding:2px 10px 10px 10px; position:relative; overflow:hidden; } .groupMain_content span {color:#FF8700; } .photo_video_group_h1 { margin-top:0px !important; border-bottom: 0px solid #000 !important; } .eventMain { width:3400px; height:auto; float:left; position:relative; margin:10px 0 10px 0;} .eventMain_top { width:400px; height:10px; background:url(../images/eventMain_top.gif) no-repeat; } .eventMain_bottom { width:3400px; height:10px; background:url(../images/eventMain_bottom.gif) no-repeat; } .eventMain_middle { width:400px; height:auto; background:url(../images/eventMain_middle.gif) bottom; } .eventMain_content {width:370px; height:auto; margin:auto; padding:2px 10px 10px 10px; *padding-bottom:0; position:relative; overflow:hidden; } .eventMain_content span {color:#FF8700; } .breadcrumb_container { width:800px; height:auto; float:left; padding:10px 0 10px 0; font-size:12px; color:#666666; border-bottom:1px solid #cccccc;} .groupText { width:435px; height:auto; margin:10px 0 10px 0; padding:10px; background-color:#f0f0f0; border:1px solid #cccccc; float:left;} .post_container { width:380px; height:auto; float:left; position:relative; margin-left:10px;} .post_actions { width:360px; height:auto; float:left; position:relative; margin:15px 0 0 0;} .quote_container { width:90px; height:auto; float:right;} .newmembers_container ul.reviewContainer { margin: 0 0 10px 0; padding: 15px 0 0 0; position:relative; height:auto; width:360px; clear:both;} .newmembers_container ul.reviewContainer li { margin:5px 0 0 3px; _margin-left:3px; padding:0 6px 2px 5px; border-bottom: 1px solid #cccccc; float: left; width: 360px; position:relative;} .newmembers_container ul.reviewContainer .eventData {margin: 0; padding: 0 0 7px 10px; color:#666666; overflow:hidden;} .newmembers_container ul.reviewContainer .eventDescription {width:350px; height:auto; padding: 0 0 7px 0; text-align:justify; margin-top:0; clear:both; } .newmembers_container ul.reviewContainer .eventData p {padding: 0; margin: 0px 0px 3px 0px;} .newmembers_container ul.reviewContainer .eventData .eventDate{color:#666666; font-weight:bold; padding-right:10px;} .newmembers_container .eventPhotoSmall{ float: left; margin: 5px 5px 5px 0; height:auto; width:48px; text-align: center;} .newmembers_container .eventPhotoSmall img { border: 2px solid #cccccc; padding: 1px; height:42px; width:42px; } .review_rating {width:300px; height:auto; float:left; padding:3px 0 5px 0;} .event_rating {width:80px; height:auto; float:left; padding:3px 0 5px 0;} #createsocial_main .left { margin-left:145px;} .newmembers_container .recent_reviews { margin:5px 0 0 0; _margin-left:3px; padding:0 6px 2px 5px; border-bottom: 1px solid #cccccc; float: left; width: 369px; height:auto; position:relative;} .newmembers_container .recent_reviews .eventData {margin: 0 ; padding: 0 0 7px 60px; color:#666666;} .newmembers_container .recent_reviews .eventData p {padding: 0; margin: 0px 0px 3px 0px;} .newmembers_container .recent_reviews .eventData .eventDate{color:#666666; font-weight:bold; padding-right:10px;} .newmembers_container .commentContainer { margin:5px 0 0 0; _margin-left:3px; padding:0 6px 2px 5px; border-bottom: 1px solid #cccccc; float: left; width: 360px; height:auto; position:relative;} .newmembers_container .commentContainer .eventData {margin: 0 ; padding: 0 0 7px 60px; color:#666666;} .newmembers_container .commentContainer .eventDescription {width:350px; height:auto; padding: 0 0 7px 0; text-align:justify; margin-top:0; clear:both; } .newmembers_container .commentContainer .eventData p {padding: 0; margin: 0px 0px 3px 0px;} .newmembers_container .commentContainer .eventData .eventDate{color:#666666; font-weight:bold; padding-right:10px;} .map_main { width:708px; height:auto; margin: 20px auto 20px auto; padding:0; display:table;} .map_container { width:708px; height:365px; margin:auto; padding:0; border:1px solid #cccccc; float:left;} .map_container img { width:708px; height:auto; margin:auto; padding:0; float:left;} .meetup_address { width:338px; height:auto; background:#f0f0f0; border:1px solid #cccccc; padding:5px; margin:0 0 10px 0;} .social_address { width:338px; height:auto; float:right; background:#f0f0f0; border:1px solid #cccccc; padding:5px; margin:0 0 10px 0;} .print_map { width:80px; height:auto; float:right; margin:5px 0 0 0;} #whiteBox_middle .mainContent .big_recommend { width:775px;} .event_create_button { width:286px; height:27px; float:left; background:url(../images/event_create_suggest.gif) no-repeat;} .event_create_button a { width:286px; height:27px; float:left;} /*.organizer_container .interested_button { position:relative; margin:0; padding:0; float:left;}*/ .organizer_container .host_button { position:relative; margin:0; padding:0; float:left; top:0; right:0;} .organizer_container .createSocial_button { margin-left:0;} .organizer_container .event_action ul { margin-top:5px;} .organizer_container .event_action li { padding-bottom:0;} #whiteBox_middle .mainContent .suggest_right { width:380px; margin:0;} .places_near { width:706px; height:auto; margin:auto; color:#666666; } .places_near ul { width:706px; height:auto; margin:0 0 15px 0; padding:0; float:left; } .places_near ul li { width:120px; height:125px; padding:0 10px 0 10px; margin:0; float:left; display:inline; border-right:1px solid #cccccc; } .bottom_border { border-bottom: 1px solid #cccccc;} .testimonials_photos { width:380px; height:auto; max-height:2600px; margin:15px 0 0 0; overflow-x:hidden; overflow-y:auto; float:left; position:relative;} .testimonials_photos ul { width:380px; height:auto; float:left; position:relative; margin:15px 0 0 0; padding:0;} .testimonials_photos ul li { width:125px; height:auto; float:left; position:relative; margin:0 0 25px 0; padding:0; display:inline;} .testimonials_photos ul li .photo_thumb { width:106px; height:110px; margin:auto; padding:0; float:left;} .testimonials_photos ul li .photo_thumb img { border: 2px solid #cccccc; padding: 1px; width:100px; height:100px; } .photo_main { width:614px; height:464px; margin:auto; padding:0;} .photo_main img { width:600px; height:450px; border:5px solid #cccccc; padding:2px;} .testimonial_text { width:380px; height:auto; float:left; position:relative; margin:20px 0 10px 0;} .event_keyword{ border: 1px solid #999999; padding: 2px ; width: 115px; margin:5px 0 0 0; outline:none; font-family:Tahoma; font-size:11px; color:#999999; margin-right:20px;} .tip { font-style:italic;} .sitemap_main { width:200px; height:auto; float:left; margin:0; padding:10px 15px 0 15px;} .sitemap_main ul { width:200px; height:auto; float:left; padding:0 0 10px 0; clear:both;} .sitemap_main ul li{ width:200px; height:auto; clear:both; padding:0;} .sitemap_sub { width:auto; height:auto; float:left; margin-left:10px; padding:0;} .sitemap_sub ul { width:auto; height:auto; float:left; margin:0; padding:0; color:#666666;} .sitemap_sub ul li{ width:auto; height:auto; clear:both; margin:0; padding:0;} .sitemap_sub a{ color:#666666;} .sitemap_sub a:hover{ color:#000000;} .guest_attendence { width:510px; height:auto; float:left; padding:10px; margin:15px 0 0 0; } .guest_attendence ul { width:510px; height:auto; float:left; margin:0 0 15px 0; padding: 0 0 10px 0;} .guest_attendence ul li{ width:225px; height:auto; float:left; margin: 10px 0 0 10px; position:relative;} .guest_attendence ul li p { width: 160px; height:auto; float:left; color:#666666; margin:0; padding:0;} .guest_attendence ul input { float:left; margin:0 5px 0 0;} .guest_list { width:500px; height:200px; float:left; overflow-x:hidden; overflow-y:auto; padding:5px; margin: 0 0 10px 0; position:relative; } ul.memberList { float: left; margin: -20px 0 20px 0; padding: 0; width:800px; position:relative;} ul.memberList li{ float: left; clear:none; width:227px; border:none; padding:10px; margin: 10px 25px 0 0; text-align:center; display:inline; background:url(../images/guestList_back.jpg) repesssssat-x top; border:1px solid #e3e2e2;} ul.memberList li:nth-child(3n+1) { clear: both; } .li_member_last { margin-right: 0px !important; } ul.memberList li span{ color:#FF8700; float:left; } .memberList img{ border: 2px solid #cccccc; margin: 0; width:60px; height:60px; padding:1px; float:left; } .memberList .matching{ border: 2px solid #FF8700; width:60px; height:60px;} .member_area {float:left; width:70px; height:auto; margin:5px 0 0 0;} .member_info {float:left; width:130px; height:auto; margin:5px 0 0 0;} ul.memberList .left_actions { width:70px; height:auto; float:left; clear:both; margin: 5px 0 0 -3px; _margin-top:0px; _margin-left:-5px;} ul.memberList .left_actions p { margin:0 0 5px 0; padding:0;} .eventerror_left { float:left; width:200px; height:auto; display:block; color:#ff0000; margin:0;} .btn_inviteFriends{ width:184px; height:27px; cursor:pointer; float:left; clear:both; padding: 0 10px 0 0; background:url('../images/sprite.gif') no-repeat scroll -59px 00; } .btn_inviteFriends a{ width:184px; height:27px; display:block; float:left;} .msgHelp { float:left; width:200px; height:auto; display:block; color:#838181; clear:both; text-align:right; padding: 0 20px 0 0; font-style:italic;} .helpText { width:300px; float:left; margin:0 0 0 220px; padding:0; color:#838181; font-style:italic;} #what_social ul.txt { width:300px; float:left; margin:0; padding:0; color:#838181; font-style:italic;} #what_social ul.txt li { float:left; padding:2px 0 0 15px; margin:0; width:300px;} .extras_thumbnail_main .share_photo {width:83px; height:16px; float:left; margin:5px 0 5px 15px; } .extras_thumbnail_main .share_photo img {width:83px; height:16px; float:left;} .social_heading { width:500px;} .pop_window { width:600px; height:300px; border:5px solid #cccccc; position:absolute; left:25%; display:none; z-index:1000000; background-color:#FFFFFF; } #mainContainer .middleContent .profile_heading { width:380px; } ul.about_me { width:140px; height:auto; float:left; position:absolute; right:8px; top:7px; _top:20px; margin:0; padding:0; } ul.about_me li { width:59px; height:auto; float:left; padding: 0 5px 0 5px; border-right:1px solid #cccccc; text-align:center;} .about_profile_link {top: 3px !important; right: 18px !important; _top:10px !important; } #about_profile_link_likes {right: 20px !important;} .groupleft_photos {width:70px; float:left; position:relative; z-index:1;} .select_friend_error { float:left; width:200px; height:auto; display:block; color:#ff0000; padding:0; margin:0 0 10px 102px; _margin:0 0 0 73px;} ul.press_text { border-top:1px solid #CCCCCC; padding-top:30px; width:780px; float:left;} ul.press_text li { border-bottom:1px solid #CCCCCC; margin-bottom:20px; padding-bottom:20px; width:780px; float:left; } ul.press_text p { line-height:16px; width:500px; } .press_logo { width:250px; float:right;} ul.faq { border-top:1px solid #CCCCCC; width:780px; display:list-item; float:left; margin:0 0 0 20px;} ul.faq li { border-bottom:1px solid #CCCCCC; padding: 20px 0 20px 0; width:780px; height:auto; display:inline-block;} ul.faq li h1{ margin:0 0 15px 0;} ul.faq p { line-height:16px; width:760px; clear:both; margin:10px 0 0 0; } .faq_question { width:700px; font-weight:bold; clear:both; cursor:pointer; float:left; margin: 0 0 5px 0;} .switchcontent { display:none; clear:both; margin: 0 0 20px 0; float:left; } ol.listing { margin-bottom: 10px; padding: 0 0 0 20px; width:700px; margin:0 0 0 20px; float:left;} ol.listing li { border:none; margin:0 ; padding:0 ; width:700px; height:auto; display:list-item; list-style:disc;} .team_photo { width:120px; height:120px; float: left; border:2px solid #cccccc; } .team_details { float: left; padding: 0 0 0 20px; } .team_details p{ margin:0;} #mainContainer #leftContainer h1, #mainContainer #leftContainer h2, #mainContainer #leftContainer #about-the-city #createsocial_main .heading {color:#333; font-family: "Calibri", Arial; margin: 0; padding: 0; font-size: 160%; line-height: 1.4; z-index: 1;} #mainContainer #leftContainer #createsocial_main fieldset {margin: 0 0 15px 10px; padding: 0 0 1px;} #what_social { margin: 0; } #mainContainer #leftContainer .findfriend_left h1 {margin-bottom: 15px;} #mainContainer #leftContainer .shared_interests_header h1 {margin-bottom: 15px;} #mainContainer #leftContainer .socials_header h1 {margin-bottom: 15px;} #mainContainer #leftContainer .social_join_h1 {margin-bottom: 15px;} #mainContainer #leftContainer .pageHeading h1 {margin-bottom: 15px;} #mainContainer .socialinvite #leftContainer #createsocial_main fieldset {margin-left:0;} #mainContainer #leftContainer .messageBox_content h1 {padding:3px 0 0 15px;} .upcomingSocial_container ul.socialContainer .redCards{ width:29px; height:11px; background:url('../images/sprite.gif') no-repeat scroll -918px -5px; clear:none; float:left; margin: 3px 0 0 5px; } /* Find Friends - Join us today box */ #menu_findfriends_section form#formJoinUsToday table { width: 300px; text-align: center; border-top: 1px solid #ccc; padding-top: 15px; margin-top: 20px;} #menu_findfriends_section form#formJoinUsToday img { margin-bottom: 10px; } #menu_findfriends_section form#formJoinUsToday label { font-weight: bold; } #menu_findfriends_section form#formJoinUsToday input.accountField { width: 195px; } #menu_findfriends_section form#formJoinUsToday .freeAccount_button { padding-left: 40px; } div#membership-types { margin-top: 10px; padding-bottom: 10px; } div#membership-types table { font-size:12px; } /* About The City */ #about-the-city { color:#000000; } #about-the-city h1 { font-size:190% !important; } #about-the-city h2 { padding:5px !important; } #about-the-city a { font-size:14px !important; } #about-the-city .share_button { float:left; position:relative; !important; margin-right:10px; padding-bottom:5px; } .popup_whatmembership { padding:10px; } /** News Teasers **/ div.news-article-teaser {} div.news-article-teaser h3 { font-size: 1.08em; margin: 0; color: #333; } div.news-article-teaser div.category { display: inline; color: s; } div.news-article-teaser div.summary { color: #666; } .metro_adminFloat { width: 380px; } .metro_loginbox { border-top: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); margin: 0pt auto 20px; padding: 20px 0pt 20px 40px; float: left; width: 330px; } #leftContainer .mainContent .search-social-details-new { width: 400px; float: left; } .add-new-group-promo a { width: 365px; height: 135px; background: #FFF url(/assets/images/addGroupPanel.png) no-repeat center center; display: block; } .add-new-group-promo a span, .add-new-group-promo a strong { display: none; } #what_social .login-troubleshooting { border: 1px solid rgb(204, 204, 204); padding: 10px; width: 420px; float: left; background-color: rgb(238, 238, 238); } #socialLanding_right .join-us-today-panel { border-top: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); margin: 10px auto 20px; padding: 20px 0pt; float: left; width: 288px; } #socialLanding_left ul.eventContainer .redCards, #socialLanding_left ul.eventData .redCards, #socialLanding_left .eventData .helpIcon, #socialLanding_left ul.eventData .helpIcon { display: inline-block; margin: 0 0 0 3px; padding: 0; } #what_social .login-troubleshooting { border: 1px solid #CCC; padding: 10px; width: 410px; } #whiteBox_middle { width: auto !important; } .friend-request-confirm ul.socialContainer .eventData { width: 78% !important; } .forgot_container ul.socialContainer .forgot_msg, .friend-request-confirm ul.socialContainer .forgot_msg { width: 78% !important; float: right; padding: 0; } .forgot_container ul.socialContainer .forgot_msg { width: 76% !important; } .friend-request-confirm .newmembers_container { width: 100%; } .metro_interestgroups-main .group_search_bx { display: block; float: left; width: 100%; } #createsocial_main fieldset legend.heading { color: #333333; font-size: 160%; line-height: 1.4; margin: 0; padding: 0; } .friend-request-list .newmembers_container { width: 100%; } .friend-request-list .newmembers_container .mini-info { width: 20%; float: left; } .friend-request-list .newmembers_container .eventData { width: 75% !important; float: right; } .friend-request-list .newmembers_container ul.socialContainer li { margin: 5px 0; padding: 10px 0; width: 98%; } .friend-request-list .newmembers_container ul.socialContainer li ul.userDetails { padding: 10px 0 0; margin: 0; } .friend-request-list .newmembers_container ul.socialContainer li ul.userDetails li, .friend-request-list .newmembers_container ul.socialContainer li ul.actions li { width: auto; margin: 0 20px 0 0; padding: 0; clear: none; border: none; } .friend-request-list .newmembers_container ul.socialContainer li ul.actions { margin: 10px 0 0; float: left; } #socialLanding_left .userData { width: 76%; } #socialLanding_left .userData h1, #socialLanding_left .userData p { text-align: left; } #socialLanding_left .userData h1, #socialLanding_left .userData .socialist-since { margin-bottom: 0; } #socialLanding_left .userData h1, #socialLanding_left .userData .right_actions { position: inherit; z-index: 200; } #socialLanding_left .categories { width: 315px; float: left; border: 1px solid #E0E0E0; background: #F5F5F5; padding: 5px; } #socialLanding_left .categories ul li { width: 43%; float: left; margin-left: 6%; } #socialLanding_left .categories ul li a { color: #000000; text-decoration: none; } .social-home .categories ul li.special_category { list-style-image: url(../images/greenArrow.gif); clear: both; width: 86% !important; } .social-home .socials-search-box .view-period, .social-home .socials-search-box .cant-find-social { clear: both; margin: 5px 0 5px; } #socialLanding_left #datepicker { float: right; width: auto; } #searchSocial .eventContainer, #searchSocial .eventContainer li, #searchSocial .eventContainer li .details_title { width: 100%; } #searchSocial .eventContainer .eventData { padding: 0 !important; } #searchSocial .eventContainer li { width: auto !important; } .find_friends_container .socialContainer li .photo_info { float: left; width: 30%; clear: none; } .find_friends_container .socialContainer li .eventData { clear: none; float: right; width: 67%; } .socialDiary_container .socialDiary-catContainer { float: left; width: 450px; } .socialDiary_container #datepicker { width: 153px; float: none; } #socialLanding_left ul.eventContainer div.invited { width: 100%; } #socialLanding_left ul.eventContainer .places-left { clear: both; } .panel-header-no #formJoinUsToday .join-us-image { width: 219px; margin: 0 auto; } .userDashboardHome #socialLanding_left .eventData .rsvp_button { float: right; position: relative; right: auto; top: auto; width: 89px; height: 27px; margin-bottom: 5px; margin-left: 5px; } .userDashboardHome #socialLanding_left .eventData h3 { width: auto; padding: 0; } .userDashboardHome #socialLanding_left #recommended_socials_div { width: 485px; } #socialLanding_left ul.eventContainer li { margin:0; padding: 3% 0 2%; width:100%; position: relative; } .userDashboardHome .userData { overflow: visible; width: 375px !important; float: right; padding-left: 0; } .userDashboardHome .user-profile-image { float: left; width: 100px !important; } #SocialDiary_container #search_social { margin: 0; width: 781px; } #user_my_status_area #statusForm .when span, #user_my_status_area #statusForm .when strong, #user_my_status_area #statusForm .when select { float: left; } .socialDiary_container .eventData p.invited { width: 100%; padding: 0; clear: both; } .socialDiary_container .eventData p.invited * { float: left; clear: none; } .socialDiary_container .eventData p.invited .invitedCriteria { margin-left: 3px; } .search-social-details-new .date .red_flag { right: 0 !important; top: auto !important; left: auto !important; bottom: auto !important; } #user_profile_settings_form .membership_details { clear: both; overflow: visible; } #user_profile_settings_form .membership_details .membership { clear: both; width: 100%; } #upcoming_socials_container_dynamic_updater .socialContainer .social-buttons { float: right; width: 29%; position: inherit; display: block; margin: 0 0 10px 10px; } #upcoming_socials_container_dynamic_updater .socialContainer .rsvp_button, #upcoming_socials_container_dynamic_updater .socialContainer .rsvp_button .share_button { top: auto; bottom: auto; left: auto; right: auto; position: inherit; margin: 0; padding: 0; } #menu_findfriends_section .socialContainer .photo_info .socialPhotoSmall { margin: 0 auto 10px; float: none; } #menu_findfriends_section .socialContainer .photo_info .socialPhotoSmall img { clear: both; } #menu_findfriends_section .socialContainer .photo_info .left_actions { width: auto; padding: 0; margin: 0; } #menu_findfriends_section .socialContainer .photo_info .left_actions p { margin: 0; padding: 0; } #menu_findfriends_section .mainContent .secondary-content { float: right; } .metro_dashboard-home #dashboard_right .mypoints_content { margin: 0 auto; width: 90%; padding: 0; } .metro_dashboard-home #dashboard_right .mypoints_content .userlikes_label { width: 39%; float: left; clear: both; } .metro_dashboard-home #dashboard_right .mypoints_content .userlikes { width: 60%; float: right; } .metro_dashboard-home #dashboard_right .mypoints_content .userlikes_label, .metro_dashboard-home #dashboard_right .mypoints_content .userlikes { padding: 0 0 10px; margin: 0; } .metro_dashboard-home #dashboard_right .friend-groups ul li { margin-right: 5px; } .metro_dashboard-home #dashboard_right .friend-groups ul br { display: none; } .metro_dashboard-home .TabbedPanelsContentGroup .TabbedPanelsContentVisible { padding-left: 0; margin-left: 0; } .metro_dashboard-home .TabbedPanelsContentGroup #paginationContainer { overflow: visible; } .metro_dashboard-home .TabbedPanelsContentGroup .TabbedPanelsContentVisible .no-of-reviews { width: 30%; float: left; } #feature-removal-message { width: 88%; padding: 1% 5%; margin: 2% 0 3%; font-size: 0.9em; font-weight: normal; } #what_social #feature-removal-message { display: none; } .rsvp-fully-booked { background: url("/assets/images/sprite.png") no-repeat scroll -1120px 0 #FFFFFF; height: 150px; margin: 0 auto; overflow: hidden; width: 250px; text-indent: -2000px; } #city-nav { position: relative; width: 550px; font-size: 1em; padding: 0 0 20px; clear: both; float: left; } ul#city-nav li { border-right: 1px solid #CCC; list-style: none; float: left; padding: 0 5px 0; } ul#city-nav li:first-child { padding: 0 5px 0 0; } ul#city-nav li a { color: #666; text-decoration: none; } #city-nav li a:hover { color: #000; text-decoration: underline; } ul#city-nav li#more-cities { border: none; } ul#city-nav li#more-cities a { color: #999900; } #other-cities, #other-cities #footer { background-image: url("/assets/images/sprite.png"); background-repeat: no-repeat; padding: 20px 20px 0 40px; position: absolute; display: block; left: 100px; top: 100px; width: 700px; opacity: 0.95; float: left; } #other-cities * { } #other-cities { background-position: -1390px top; z-index: 10000 !important; } #other-cities #footer { background-position: -1390px bottom; margin: 0; left: 0; top: auto; bottom: -20px; height: 20px; width: 760px; opacity: 1; padding: 0; } #other-cities div { float: left; width: 120px; margin-right: 20px; } #other-cities div dl { margin-top: 10px; } #other-cities div dt { font-weight: bold; } #other-cities div dd { margin-left: 15%; } #other-cities div dl dt, #other-cities div dl dd a { color: #666 !important; text-decoration: none; } #other-cities div dl dd a:hover { text-decoration: underline; color: #000 !important; } #leftContainer #other-cities { padding: 2%; position: inherit; opacity: 1; float: left; width: 96%; background: none; } #leftContainer #other-cities div { width: 20%; margin: 0; } /** AUTH **/ div#authentication-form div#create-cs-account { font-size: 1.2em; margin: 0 20px; padding-top: 10px; text-align: right; clear: both; } button { position: relative; border: 0; padding: 0; cursor: pointer; overflow: visible; /* removes extra side padding in IE */ float: left; } button::-moz-focus-inner { border: none; /* overrides extra padding in Firefox */ padding: 0; } button span { position: relative; display: block; white-space: nowrap; } .btn-primary, .btn-secondary, .btn-neg, .btn-facebook, .btn-img { text-align: center; font-size: 14px; /*text-transform: uppercase;*/ font-family: "Calibri", Helvetica, Tahoma, Arial, sans-serif; font-weight: normal; padding: 3px 8px; width: auto; display: inline-block; overflow: visible; text-decoration: none; letter-spacing: 0.08em; border-radius: 7px; /* On the off-chance that CSS3 is ever an actual standard */ -moz-border-radius: 7px; -webkit-border-radius: 5px; border-style: solid; border-width: 1px 1px 2px; } .btn-facebook { padding-left: 31px; color: #FFF; border-color: #3a5187 #435b8f #254281 #4e669b; background: url(/assets/images/sprite.png) no-repeat -4108px 1px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7085b6), to(#415e9c), color-stop(0.04, #b5c1dc), color-stop(0.05, #6d81b0)); } .btn-img { border: 0; padding: 0 13px 0 0; cursor: pointer; -webkit-border-radius: 0; -moz-border-radius: 0; height: 30px; } .btn-img span { display: inline-block; text-align: center; white-space: nowrap; padding: 3px 0px 0px 15px; height: 27px; color: #fff; } button.btn-img span { padding-top: 4px; height: 26px; } .btn-primary, .btn-secondary { color: #FFF; border-color: #DF9E5E #D78636 #CC6600 #D68331; background: url(/assets/images/sprite.png) no-repeat -3270px 0; background: -moz-linear-gradient(center bottom, #ff7f00 0%, #FFAD0A 100%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFAD0A), to(#ff8800), color-stop(0.04, #fff2e5), color-stop(0.05, #FFAD0A)); } .btn-primary-img { background: transparent url(/assets/images/buttons-sprite.png) no-repeat right -232px; } .btn-primary-img span { background: transparent url(/assets/images/buttons-sprite.png) no-repeat left -200px; text-shadow: 0px -1px 0px #e48900; color: #fff !important; } .btn-primary-img:hover { color: #fff; background-position: right -296px; } .btn-primary-img:hover span { background-position: left -264px; } .btn-primary-img:active { color: #fff; background-position: right -360px; } .btn-primary-img:active span { background-position: left -328px; } .btn-secondary-img { background: transparent url(/assets/images/buttons-sprite.png) no-repeat right -232px; } .btn-secondary-img span { background: transparent url(/assets/images/buttons-sprite.png) no-repeat left -200px; text-shadow: 0px -1px 0px #e48900; color: #fff !important; } .btn-secondary-img:hover { color: #fff; background-position: right -296px; } .btn-secondary-img:hover span { background-position: left -264px; } .btn-secondary-img:active { color: #fff; background-position: right -360px; } .btn-secondary-img:active span { background-position: left -328px; } /*#btn-header-login { color: #666; border-color: #E0E0E0 #DADADA #CCC #DADADA; background: #F9F9F9; background: -moz-linear-gradient(center bottom, #F5F5F5 0%, #FFF 100%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#F5F5F5), color-stop(0.04, #fefefe), color-stop(0.05, #fdfdfd)); }*/ /*.btn-secondary { color: #FFF; border-color: #FFBD12 #FF990F #D78636 #FFBD12; background: url(/assets/images/sprite.png) no-repeat -3270px -100px; background: -moz-linear-gradient(center bottom, #FFAD0A 0%, #FFC411 100%); background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#FFAD0A), to(#FFC411)); } */ .btn-facebook-img { background: transparent url(/assets/images/buttons-sprite.png) no-repeat right -32px; } .btn-facebook-img span { padding-left: 44px; background: transparent url(/assets/images/buttons-sprite.png) no-repeat left top; text-shadow: 0px -1px 0px #47597e; } .btn-facebook-img:hover { color: #fff; background-position: right -96px; } .btn-facebook-img:hover span { background-position: left -64px; } .btn-facebook-img:active { color: #fff; background-position: right -160px; } .btn-facebook-img:active span { background-position: left -128px; } /*.btn-neg { color: #FFF; border-color: #595959 #474747 #323232 #595959; background: url(/assets/images/sprite.png) no-repeat -3270px -200px; background: -moz-linear-gradient(center bottom, #666 0%, #7F7F7F 100%); background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#666), to(#7F7F7F)); }*/ .btn-neg-img { background: transparent url(/assets/images/buttons-sprite.png) no-repeat right -632px; } .btn-neg-img span { background: transparent url(/assets/images/buttons-sprite.png) no-repeat left -600px; color: #fff !important; text-shadow: 0px -1px 0px #666; } .btn-neg-img:hover { color: #fff; background-position: right -696px; } .btn-neg-img:hover span { background-position: left -664px; } .btn-neg-img:active { color: #fff; background-position: right -760px; } .btn-neg-img:active span { background-position: left -728px; } .btn-third-img { background: transparent url(/assets/images/buttons-sprite.png) no-repeat right -432px; } .btn-third-img span { color: #828282; background: transparent url(/assets/images/buttons-sprite.png) no-repeat left -400px; text-shadow: 0px 1px 0px #888; } .btn-third-img:hover { color: #828282; background-position: right -496px; } .btn-third-img:hover span { background-position: left -464px; } .btn-third-img:active { color: #828282; background-position: right -560px; } .btn-third-img:active span { background-position: left -528px; } #login_area { text-align: right; }