/* CSS Document */ form { padding:0; margin: 0;} a, a img, div { outline:none; border:none; text-decoration:none; } .field { font-size: 11px; color: #767676; float:left; font-family: arial,sans serif;} .radio { position: relative; top: 3px; margin:0 5px 0 5px;} .submit_padding { padding:5px 0 5px 0;} .uploadbtn { padding:5px; vertical-align: middle;} .boldtxt { font-weight: bold;} a img { border-width: 0;} textarea { border: #ccc 1px solid;} .textareakeyword { width:250px;} .sm_grouppix { border: 1px solid; float: left; width: 85px; height: 57px;} .sm_msgpix { border: 1px solid; float: left; margin: 0 10px 5px 0; width: 85px; height: 57px;} /*.msgbody { float: right;}*/ /*------------- design changes for forums on 12.02.09 ---------------*/ .msgbody { /*float: right;*/ float:left; width:305px;} .msg_bodyoverflow { overflow: hidden; clear:none; width:305px; word-wrap:break-word; } .msg_titleoverflow { overflow: hidden; clear:none; width:305px; margin-bottom:4px; word-wrap:break-word;} /*-------------------------------------------------------------------*/ .sm_memberpix { clear: both; border: 1px solid; width: 85px; height: 57px;} .bx_memberlist { padding: 10px 8px 10px 8px; float: left; overflow: hidden; width: 125px;} .checkbox { vertical-align: middle;} .lnav_div { font-size: 11px; float: left; width: 182px; text-align: left;} #lnav_pix { margin:0 auto 0 auto; width: 172px; height: 114px;} #lnav_pix img { border: #00f 1px solid;} #viewstrip { margin:0 auto 0 auto; width: 172px; line-height: 25px; height:25px;} .login_stat { padding-bottom: 3px; font: 10px arial, sans serif; width: 130px; color: #666; text-align: center;} .topnav_stat { margin-top: 5px; font: 11px arial,sans serif; overflow: visible; width: 550px; color: #fff; white-space: nowrap; height: 32px;} .topnav_stat a { font-weight: bold; color: #fff;} .topnav_stat a:visited { color: #fff;} .topnav_stat a:hover { color: #ff0;} .whatsnew { border: #fff 1px solid; background: url(/groups/images/bg_whatsnew.jpg) no-repeat; width: 182px; color: #fff; height: 132px; text-align: left;} .whatsnew a { color: #fff;} .whatsnew a:visited { color: #fff;} .whatsnew a:hover { color: #ff0;} ul { padding-left: 0; margin-left: 0; list-style-type: disc;} .ul-normal { margin-left: 40px; list-style-type: disc;} .topnav { background: url(/groups/images/bg_topnav_bluebar.gif) no-repeat;} .ghd_426 { background: url(/groups/images/ghd_426.gif) no-repeat; float: left; width: 426px; height: 26px; text-align: left;} .ghd_458 { background: url(/groups/images/ghd_458.gif) no-repeat; float: left; width: 458px; height: 26px; text-align: left;} .ghd_566 { background: url(/groups/images/ghd_566.gif) no-repeat; float: left; width: 566px; height: 26px; text-align: left;} .ghd_623 { background: url(/groups/images/ghd_623.gif) no-repeat; width: 623px; height: 26px; text-align: left;} .ghd_note { padding:6px 0 0 10px; vertical-align: middle; width: 420px; height: 23px; background-color: #000000;} .ghd_notelink { padding:5px; font: 12px/15px helvetica, arial, sans-serif; margin-left: 5px;} .ghd_notelink a { clear: right; font: 12px/15px helvetica, arial, sans-serif; color: #09f; text-decoration: underline;} .ghd_notelink a:hover { font: 12px/15px helvetica, arial, sans-serif; color: #09f; text-decoration: none;} .notify_cnt { padding: 2px; float: left; font: bold 30px helvetica, arial, sans-serif; width: 100px; color: #09f; margin: 0 8px 0 0; text-align: right; text-decoration: none;} .nofloat { float: none;} .photoviewer { overflow-y: visible; overflow: auto; width: 564px; text-align: center;} .photoviewer img { border: #000 1px solid; margin: 20px 10px; } .caption { padding: 10px; overflow: hidden; text-align: center;} #photonav a { font-weight: bold;} #mygroups .contents { border: #ccc 1px solid; float: left; margin:0 0 7px 0; width: 424px; text-align: left;} #mygroups .link { background: url(/groups/images/bul_arrow1.gif) no-repeat 2px 4px; color:#09f; text-decoration:none; padding:0 0 0 15px; font-weight:bold;} #mygroups .link:hover { background:url(/groups/images/bul_arrow1.gif) no-repeat 2px 4px; color:#09f; text-decoration:underline;padding:0 0 0 15px; font-weight:bold;} #mygroups .grey { padding: 10px; background: url(/groups/images/bg_greygrad.gif) repeat-x; } #mygroups .col1 { margin:3px 0 0 0; font-weight: bold; float: left; width: 80px; height: 100%;} #mygroups .col2 { clear: right; float: left; margin:0 0 0 7px; overflow: hidden; width: 310px;} #mygroups .own_group { width: 404px;} #mygroups .pic_col { float: left; width: 94px; height: 150px;} #mygroups .desc_col { float: left; padding-bottom: 6px; width: 310px;} #profile_main { width: 424px;} #full_memberlist { width: 424px;} .paging { clear: both; border-top: #ccc 1px solid; padding:0 0 0 10px; font-weight: bold; line-height: 30px;} .paging_new { clear: left; padding:10px 0 0; font-weight: bold; line-height: 30px; text-align:center; margin:0 10px;} .divfix { clear: both; width: 20px; height: 0;} .groupname { font-weight: bold; font-size: 13px;} .rightdropdown { clear: right; display: inline; float: right;} .greyband { clear: both; background: url(/groups/images/bg_greygrad.gif) repeat-x;} .bottompx { border-bottom: #ccc 1px solid;} .nogreyband { clear: both; border-top: #ccc 1px solid; background-color: #fff;} .msg_headerstrip { padding:0; font-weight: bold; background: url(/groups/images/bg_greygrad.gif) repeat-x; margin: 0;} .msg_ldiv { border-right: #ccc 1px solid; padding: 10px; margin: 0; overflow: hidden; width: 300px;} .msg_rdiv { padding: 10px; float: right; margin: 0; overflow: hidden; width: 80px;} .approve_ldiv { padding: 10px; float: left; margin: 0; overflow: hidden; width: 175px; } .approve_rdiv { clear: right; padding: 10px; margin: 0; overflow: hidden; width: 205px;} .joinreason { padding:0 10px 15px 10px;} .msg_topichead { border-right: #ccc 1px solid; padding: 12px 5px 12px 5px; float: left; overflow: hidden; width: 185px; } .msg_mostrecent { border-right: #ccc 1px solid; padding: 12px 5px 12px 5px; overflow: hidden; width: 75px;} .msg_author { border-right: #ccc 1px solid; padding: 12px 5px 12px 5px; float: left; overflow: hidden; width: 70px; text-align: center; } .msg_posts { padding: 12px 5px 12px 5px; float: right; width: 35px; text-align: center;} .msg_div1 { border-right: #ccc 1px solid; padding: 10px 5px 15px 5px; overflow: hidden; width: 75px; height:30px;} .msg_div2 { border-right: #ccc 1px solid; padding: 10px 5px 15px 5px; float: left; overflow: hidden; width: 70px; text-align: center; height:30px;} .msg_div3 { border-right: #ccc 1px solid; padding: 10px 5px 15px 5px; float: left; overflow: hidden; width: 185px; height:30px;} .msg_div4 { padding: 10px 5px 10px 5px; float: right; width: 35px; text-align: center; height:30px;} .contents { clear: both; border: #ccc 1px solid; margin:0 0 7px 0; width: 424px; text-align: left;} .contents_458 { clear: both; border: #ccc 1px solid; margin:0 0 7px 0; width: 456px; text-align: left;} .contents_566 { clear: both; border: #ccc 1px solid; margin:0 0 7px 0; width: 564px; text-align: left;} .searchbox { clear: right; float: left;} #numresults { margin:15px 0 20px 0; overflow: hidden; /*width: 564px;*/} .searchcontent { border: #ccc 1px solid; margin:0 0 7px 0; /*width: 564px;*/ text-align: left;} .hilite { font-weight: bold; color: #f00; background-color: #ff0;} .searchrows { clear: both; padding-bottom: 7px; width: 564px;} .search_pix { clear: both; border: 1px solid; margin:0 0 5px 0; width: 85px; height: 57px;} .pixdiv { padding: 10px; float: left; width: 90px; text-align: center;} hr { border-width: 0; color: #ccc; height: 1px; background-color: #ccc;} .resultbox { padding:10px 0 5px 0; overflow: hidden; width: 440px; line-height: 18px;} .rating { padding-left: 5px; position: relative; top: 2px;} #groupbasics { overflow: hidden; line-height: 18px;} input { font: 12px arial;} #edit_profile { clear: right;} #edit_profile .content { border: #ccc 1px solid; float: left; margin-bottom: 7px; width: 564px; text-align: left;} #edit_profile .grey { padding: 10px; background: url(/groups/images/bg_greygrad.gif) repeat-x;} #edit_profile .grey div { padding:3px 0;} #edit_profile select { font: 12px arial;} #edit_profile textarea { font: 12px arial, sans serif; overflow: auto; width: 350px; height: 100px;} #edit_profile #errors { margin-left: 10px;} #edit_profile .col1 { margin-top: 3px; font-weight: bold; float: left; /*width: 120px;*/ width:95px; height:100%; } #edit_profile .col2 { padding:10px 0 5px 0; overflow: hidden; width: 390px;} #edit_profile .message { font-weight: bold; padding-bottom: 20px; color: #000;} .rightbox { padding:10px 0 5px 0; overflow: hidden; width: 300px;} #loginform { font-weight: bold; font-size: 14px;} #loginform #logintext { font-weight: normal; font-size: 11px;} #loginform a { font-weight: bold;} #loginform #submit_bn { padding:10px 0;} #middle_content { border: 0 dotted; float: left; margin:0 7px;} #middle_content h2 { font: 18px/22px helvetica, arial, sans-serif; clear:both;} #middle_content_new { margin:0 7px;} .bold14 { font-weight: bold; font-size: 14px;} .padding10 { padding:10px;} .greybg { background: url(/groups/images/bg_greygrad.gif) repeat-x;} .greybg-choosegrp { background: url(/groups/images/bg_greygrad.gif) repeat-x; width:564px;} .greybg .chatroomurl{padding:10px;} .greybg .chatroomurl .bold{ font-size:14px; font-weight:bold;} .ubx { border: #ccc 1px solid; width: 100%; text-align: left;} .ubx p { padding:5px 10px 0 10px; font-weight: bold;} .greygrad tr { background: url(/groups/images/bg_greygrad.gif) repeat-x;} .greygrad td { padding:10px;} .ubx1 { border: #ccc 1px solid; width: 100%; text-align: left;} .ubx1 p { padding:5px 5px 0 5px; font-weight: bold;} .ubx1 tr { background: url(/groups/images/bg_greygrad1.gif) repeat-x;} .ubx1 td { padding: 5px;} .spacer { margin-top: 2px; line-height: 7px;} .centerdiv { text-align: center;} .3col_middle { float: left; clear: right; width: 426px; margin-right: 7px; height: 100%;} .ad_120 { clear: right; border: #00f 1px solid; float: left; width: 120px; height: 600px;} .ad_160 { clear: right; border: #00f 1px solid; float: left; width: 160px; height: 600px;} /*.rightad_160 { margin-top:70px; clear: right; border: #00f 1px solid; float: left; width: 160px; height: 600px;}*/ .normal_msg { padding:10px; font-weight: bold; color: #000;} .nonbold { font-weight: normal;} .greymsg { color: #666;} #mini_search { clear: both; background: url(/groups/images/bg_greygrad.gif) #f0f0f0 repeat-x; margin-bottom: 10px; width: 790px; height: 50px;} #mini_search a { font-weight: bold; color: #00f; line-height: 20px;} #mini_search #blurb { padding:8px 15px 0 10px; font-weight: bold; float: left; overflow: hidden; width: 430px;} #mini_search #blurb a { font-weight: normal; text-decoration: none;} #mini_search #blurb a:hover { text-decoration: underline;} #mini_search #blurb #groupname { font-weight: bold; color: #000; text-decoration: none;} #mini_search #blurb #groupname:hover { color: #00f;} #mini_search #searchform { float: left; overflow: hidden;} #mini_search #submit_bn { position: relative; top: 3px;} #searchbanner { padding-right: 8px; float: left;} #login_leftbox { display: inline; font-size: 11px; background: url(/groups/images/bg_loginbox.jpg) no-repeat; float: left; width: 182px; color: #000; height: 167px; margin:0 10px 0 50px;} #login_leftbox #contents { padding:45px 0 0 10px;} #login_leftbox #contents b { font-weight: bold; font-size: 12px; line-height: 30px;} #login_leftbox #contents a { font-weight: bold; color: #00f; text-align: center;} #login_leftbox #contents a:hover { color: #69f;} #login_rightbox { border: #ccc 1px solid; float: left; width: 424px; text-align: left;} #logout { text-align: center;} #footclear { clear: both; height: 10px;} #create_msg { border: #ccc 1px solid; width: 400px; height: 150px;} #filelibrary { margin:7px auto 0 auto; font-weight: bold; background: url(/groups/images/bg_filebox-top.gif) no-repeat; width: 178px; height: 160px;} #filelibrary hr { width: 170px;} #filelibrary .titletxt { padding:4px 0 5px 10px; font-weight: bold; font-size: 13px; color: #000;} #filelibrary .library_row { margin:8px 0 0 0; font-size: 11px; height: 18px;} #filelibrary .library_row img { margin: 0 10px 0 15px; vertical-align: bottom;} #filelibrary #blurb { margin: 0 10px 0 15px;} #filelibrary_bottom { background: url(/groups/images/bg_filebox-bottom.gif) no-repeat; margin: 0 auto; width: 178px; height: 16px;} .no_content { margin: 10px 0 20px 0; font-weight: bold;} .ico_lock { position: relative; top: 6px;} #report_offensive { margin-top: 2px; background: url(/groups/images/bg_offensive_box.gif) no-repeat; left: 2px; width: 177px; position: relative; height: 58px;} #abuse_txt { margin-left: 7px; width: 170px; padding-top: 20px;} #abuse_txt a { font-weight: bold;} /*.msg_titleoverflow { overflow: hidden; clear:both; width:300px; margin-bottom:4px;}*/ /*.msg_bodyoverflow { overflow: hidden; clear:both; }*/ .msg_crumboverflow { overflow: hidden; width: 390px; white-space: nowrap;} .greyhover a { font-weight: normal; color: #c66; text-decoration: none; size: 8px;} .greyhover a:hover { text-decoration: underline;} #choose_type { clear: both; margin: 30px auto 10px; width: 550px; border-collapse: collapse; height: 59px; border-spacing: 0;} #choose_type tr { vertical-align: top;} #choose_type select { margin-top: 5px;} #choose_type td { padding:8px 0 0 0; font-weight: bold; margin: 0;} #cell_free { background: url(/groups/images/bg_freegroup.gif) no-repeat; width: 170px;} #cell_deluxe { background: url(/groups/images/bg_deluxegroup.gif) repeat-x; color: #69f;} #cell_ultimate { background: url(/groups/images/bg_ultimategroup.gif) no-repeat right top; border-left: #ccc 1px solid; width: 300px; color: #f00;} #choose_roomsubmit { margin: 0 auto 20px; width: 64px;} #comparison_matrix { border-top: #ccc 1px solid; background: url(/groups/images/gfx_groupsmatrix.gif) no-repeat; width: 564px; height: 442px;} #comparison_matrix_title { padding-left: 11px; float: left; width: 298px; padding-top: 4px; border-bottom: #cccccc 1px solid; height: 23px;} #comparison_matrix_feature { float: left; width: 85px; padding-top: 4px; border-bottom: #cccccc 1px solid; height: 23px; text-align: center;} .header_largeblack { font-weight: bold; font-size: 16px; line-height: 34px;} #adult_warn { float: left; width: 600px; height: 175px;} #adultwarn_left { background: url(/groups/images/bg_blackbox_left.gif) no-repeat; float: left; width: 8px; height: 100%;} #adultwarn_right { background: url(/groups/images/bg_blackbox_right.gif) right 50%; float: left; width: 592px; height: 100%;} #adultwarn_txt { margin-top: 20px; font-weight: bold; font-size: 12px; float: left; width: 450px; color: #fff; line-height: 16px;} #adultwarn_txt a { color: #fc0;} #adultwarn_submit input { padding:15px 20px 0 20px;} #warn_symbol { background: url(/groups/images/gra_adultwarn.gif) no-repeat center center; float: left; width: 120px; height: 150px;} .warning_icon_pos { margin:-6px 5px 0 0;} .warning_color { color: #c00;} .ok_div { clear: both; font-size: 13px; color: #390; height: 50px;} .ok_sign { background: url(/groups/images/symbol-greencheck.gif) no-repeat center center; float: left; width: 73px; height: 100%;} .errors_div { clear: both; font-size: 13px; height: 73px;} .error_sign { background: url(/groups/images/symbol-rederror.gif) no-repeat left center; float: left; width: 78px; height: 100%;} .subheadbg { padding:2px 6px 1px 10px; /*background: url(/groups/images/bg_section.jpg) repeat-x;*/ background:#456579; } .subhead { font-weight: bold; font-size: 12px; color: #fff;} .fieldtips { font-size: 11px; color: #000;} .indent { margin-left: 16px;} .bold_italic { font-weight: bold; font-style: italic;} .field_align { padding-right: 4px; bottom: 9px; position: relative;} .field_align_smallbutton { padding-right: 4px; bottom: 7px; position: relative;} .tabrow { background: url(/groups/images/bg_bluebar.gif); width: 684px; height: 58px;} .tab { float: left; padding-top: 7px;} .tabon { margin-top: 3px; float: left;} #edit_contents { margin-bottom: 30px; width: 684px; text-align: left;} #manage_contents { width: 684px; text-align: left;} #edit_contents a, #edit_contents-cameo a { font-weight: bold;} .sideborder { border-right: #ccc 1px solid; border-left: #ccc 1px solid; line-height:18px;} .bottomborder { border-bottom: #ccc 1px solid;} /*.fieldrow { clear: left; width: 640px; height: 28px;} .fieldrow_nickname { clear: left; width: 640px; height: 42px;} .fieldrow_box { clear: left; width: 640px; height: 70px;}*/ #permanent_groups { padding:20px 0 0 20px; margin:0 0 20px 0;} #save_changes { margin:0; width: 684px; text-align: left;} /*------------- Approve members style (12.03.2009) ----------*/ .approve-member{ padding-right: 4px; bottom:0;} .approve-radiobtn {margin:0 5px;} /*----------------------------------------------------------*/ .fieldrow { clear:both; width: 640px; min-height: 28px;} .fieldrow_nickname { clear:both; width: 640px; min-height: 42px;} .fieldrow_box { clear:both; width: 640px; min-height: 70px;} .fieldname { font-weight: bold; float: left; width: 100px; height: 24px;} .fieldinput { float: left; height: 24px;} .fieldbox { float: left; height: 70px;} .fieldtips_input { float: left; width: 280px; height: 24px; margin-left:8px;} .fieldtips1_input { float:right; height: 24px; margin-right:100px;} .fieldtips_box { float: left; width: 270px; height: 70px; margin-left:10px;} .fieldsubmit { float: left; width: 276px; height: 26px;} .imageblock { width: 700px; display:table; } /*.groupimage { float: left; width: 180px; height: 114px;}*/ .imageblock .groupimage { display:table-cell; width:125px; vertical-align:middle; float:none; padding-right:25px; padding-right:5px; } /*.imageblock .groupimage .image-container { display:inline-block; vertical-align:middle; width:125px; height:125px; border-radius:125px; background:#fff; text-align:center; position:relative; border:none; } .imageblock .groupimage .image-container img { display:inline-block; vertical-align:middle; width:125px; height:125px; border-radius:125px; border:none; }*/ .imageblock .groupimage .image-container { display:inline-block; vertical-align:middle; background:#f0f0f0; border-radius:50% / 10%; width:114px; height:125px; margin:0; position:relative; text-align:center; background-repeat:no-repeat; background-position:center center; background-size:cover; cursor:pointer; } .imageblock .groupimage .image-container:before { background:inherit; border-radius:5% / 50%; bottom:10%; content:""; left:-5%; position:absolute; right:-5%; top:10%; } .imageblock .groupimage .image-container img { display:none; } .imageblock .groupimage .image-container .edit-image { display:inline-block; vertical-align:middle; background:#51b0f2; position:absolute; right:-8px; bottom:0; padding:0; width:24px; height:24px; text-align:center; border-radius:24px; } .imageblock .groupimage .image-container .edit-image:before { content:''; display:inline-block; vertical-align:middle; width:0; height:100%; } .imageblock .groupimage .image-container .edit-image .edit-icon { background:transparent url(../responsive/images/icon-edit.png) no-repeat 0 0; width:12px; height:12px; display:inline-block; vertical-align:middle; } .imageblock .groupimage img { width:125px; height:125px; border-radius:125px; } .imageblock .groupimage_msg { display:table-cell; font-weight: bold; float:none; vertical-align:middle;} .imageblock .groupimage_msg p { font-size:11px; line-height:14px; font-weight:normal; margin:0 0 7px 0; color:#333; } .imageblock .groupimage_msg p.success-msg { color:#390; font-weight:normal; } .imageblock .groupimage_msg p.error-msg { color:#f00; font-weight:normal;} .imageblock .groupimage_msg .btn-delete, .imageblock .groupimage_msg .btn-save { display:inline-block; background:#5ab9fb; font-size:13px; font-weight:normal !important; line-height:15px; color:#fff; padding:4px 18px; border-radius:19px; } .imageblock .groupimage_msg .btn-delete:hover, .imageblock .groupimage_msg .btn-save:hover { background:#71c5ff; text-decoration:none; } .imageblock .groupimage_msg .btn-delete:active, .imageblock .groupimage_msg .btn-save:active { background:#51b0f2; text-decoration:none; } .imageblock .groupimage_msg .btn-cancel { display:inline-block; background:#fff; font-size:13px; font-weight:normal !important; line-height:15px; color:#7F8A92; padding:3px 17px; border-radius:19px; border:solid 1px #C8C8C8; } .imageblock .groupimage_msg .btn-cancel:hover { background:#71c5ff; color:#fff; text-decoration:none; } .imageblock .groupimage_msg .btn-cancel:active { background:#51b0f2; color:#fff; text-decoration:none; } .content_warning_ico { position: relative; top: 7px;} /*.groupimage_msg { font-weight: bold; float: left; width: 400px; color: #f00; height: 114px;}*/ .memberrow { clear: left; /*width: 640px;*/ height: 33px; width:auto; } .review-applicants { margin:0; padding:0; } .review-applicants .memberrow { width:auto; height:auto; } .review-applicants #edit_contents { border-bottom:solid 1px #ddd; } #editgroup form[name="uploadForm"] + .greybg { padding-top:7px; } #editgroup form[name="uploadForm"] + .greybg p { margin-bottom:12px; } #editgroup .upload-controls { display:block; width:100%; } #editgroup .upload-controls input[type="file"] { display:inline-block; float:left; height:25px; line-height:25px; margin-right:10px; } #editgroup .upload-controls .btn-upload { display:inline-block; float:left; } .nicknamecol { float: left; min-width: 200px; height: 24px;} .admincol { float: left; width: 130px; height: 24px;} .ingroupcol { float: left; width: 125px; height: 24px; margin-right: 84px;} .statuscol { float: left; margin: 0 25px 0 0;} .statuscol a,.removecol a{background: none repeat scroll 0 0 #ccc; border: 1px solid #aaa; border-radius: 2px; font-weight: normal !important; padding: 4px 10px;} .removecol a span{background: url(/groups/images/remove.gif) no-repeat 1px 3px; height: 6px; padding: 4px 3px; width: 10px; display: inline-block;} .statuscol a.dissabled {background: none repeat scroll 0 0 #ccc; border: 1px solid #aaa; border-radius: 2px; font-weight: normal !important; padding: 4px 10px; color:#aaa !important; cursor:default;} .loading-overlay {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5); display: none; height: 100%; position: absolute; width: 100%;} .loading-overlay .loading {left: 50%; position: fixed; text-align: center; top: 45%; z-index: 1000;} .removecol { float: left; width: 100px; height: 24px;} .approvalcol { float: right; width: 250px; height: 24px;} .manage_list { clear: both; width: 380px;} .arrow_bullet { float: left; width: 6px; position: relative; top: 2px;} .manage_item { float: left; padding-bottom: 6px; margin-left: 4px; width: 330px; text-align: justify;} .revshare_info { background: url(/groups/images/revshare_images/bg_main.gif) repeat-x; margin-bottom: -34px; width: 790px; padding-top: 1px; height: 416px;} .revshare_info2 { background: url(/groups/images/revshare_images/bg_main.gif) repeat-x; /*margin-bottom: -34px;*/ margin:30px; width: 790px; padding-top: 1px; /*height: 330px;*/ height:350px;} .revshare_main1 { background: url(/groups/images/revshare_images/bg_main.gif) repeat-x; /*margin-bottom: -34px;*/ margin:30px; width: 790px; padding-top: 20px; height: 510px;} .revshare_main2 { background: url(/groups/images/revshare_images/bg_main.gif) repeat-x; /*margin-bottom: -34px;*/ margin:30px; width: 790px; padding-top: 20px; height: 590px;} .revshare_main3 { background: url(/groups/images/revshare_images/bg_main.gif) repeat-x; /*margin-bottom: -34px;*/ margin:30px; width: 790px; padding-top: 20px; height: 407px;} .revshare_nav { background: url(/groups/images/revshare_images/bg_nav.gif); width: 790px; height: 74px;} .step_number { float: left; width: 50px; height: 50px;} .step_description { font-weight: bold; font-size: 18px; float: left; width: 290px; height: 50px;} .step_progress { font-size: 11px; float: left; width: 420px; height: 50px;} .step_off { font-weight: bold; float: left; width: 139px; height: 20px;} .step_on { font-weight: bold; float: left; width: 139px; color: #fff; height: 20px;} .step_padding { padding:2px 0 0 26px;} .revshare_content1 {/* margin-top: 30px;*/ margin: 30px; background: url(/groups/images/revshare_images/bg_content1.gif) no-repeat; width: 755px; height: 347px; text-align: justify;} .revshare_content2 { margin-top: 30px; background: url(/groups/images/revshare_images/bg_content2.gif) no-repeat; width: 755px; height: 433px; text-align: justify;} .revshare_content3 { margin-top: 30px; font-size: 11px; background: url(/groups/images/revshare_images/bg_content3.gif) no-repeat; width: 756px; height: 300px; text-align: justify;} .revshare_textblock { font-size: 11px; float: left; width: 340px; height: 320px;} .revshare_tos_agree { font-size: 11px; float: left; width: 340px; height: 50px;} /* Style for RevShare (added on 21.07.2009)*/ .revshare_content3 .updated-msg1 { margin:10px 0 0 0;} .revshare_content3 .updated-msg2 { margin:27px 0 0 0;} .revshare_content3 .updated-msg3 { margin:44px 0 0 0;} .revshare_content3 .upgrade-paltalk { float:left; width: 200px; margin:10px 0 0 0;} .revshare_content3 .upgrade-paltalk fieldset{ margin:0; padding:0;} .revshare_content3 .upgrade-paltalk fieldset input { position:relative; top:2px; margin:0 3px 0 0;} .revshare_content3 .upgrade-paltalk fieldset a { float:right; position:relative; top:2px;} .revshare_content3 .save-changes { clear:left; padding:10px 0 0 17px;} /* Style for RevShare*/ /*---------------- Edit groups ----------------------*/ .keyword_box {clear:both; min-height:70px; width:auto; } .keywords strong { font-weight:bold; } .keyword-tags { float:none; margin:0 0 0 100px;} .keyword-tags fieldset { margin:0 0 10px 0; padding:0;} .keyword-tags fieldset input{ margin:0 5px 0 0; width:125px;} a.add-more { clear:left; float:none; padding:1px 10px; line-height:20px; margin:0 0 0 100px; text-decoration:none; color:#09f; border:solid 1px #09f; background:#fff; } a.add-more:hover { text-decoration:underline;} .alert-msg {margin:25px 0 0 0; float:right; display:none; width:110px;position:relative; left:-40px;} .alert-msg-show {margin:25px 0 0 0; float:right; display:inline; width:110px; position:relative; left:-40px;} .ratingtips2 { background:#ffcc01; float:none; margin:0 0 0 16px; padding:4px;} .editgrp_spacer { clear:both;} /*---------------- Edit groups ----------------------*/ /*---------------- Create groups ----------------------*/ #edit_profile .keyword-box { padding: 10px 0 10px 10px; background: url(/groups/images/bg_greygrad.gif) repeat-x;} #edit_profile .keyword-box div { padding:0;} #edit_profile .keyword-box p { margin: 3px 0;} #edit_profile .keyword-tag { float:none; margin:0 0 0 95px;} #edit_profile .keyword-tag fieldset { margin:0 0 10px 0; padding:0;} #edit_profile .keyword-tag fieldset input{ margin:0 5px 0 0;} a.add-more-btn { clear:left; float:none; padding:1px 10px; margin:0 0 0 95px; line-height:20px; text-decoration:none; color:#09f; border:solid 1px #09f; background:#fff; } a.add-more-btn:hover { text-decoration:underline;} /*---------------- Create groups ----------------------*/ /*#groupdetails .groups { background: #e2e5e0; float: left; width: 100%;}*/ #groupdetails .groups { float: left; width: 100%;} #groupdetails .groups .left { border-right: #ccc 1px solid; margin:0 171px 21px 0; padding-bottom: 10px; border-bottom: #ccc 1px solid; background-color: #fff;} #groupdetails .groups .right { padding:0 0 20px 10px; float: right; width: 162px; height:600px;} #groupdetails .groups .content h2 { font: 18px/22px helvetica, arial, sans-serif;} #groupdetails .groups .content p.welcommsg { font: 14px/130% helvetica, arial, sans-serif;} #groupdetails .groups .content p.welcommsg a.button { border: #9cf 1px solid; padding:2px 4px; font-weight: bold; color: #09f; background-color: #fff; text-decoration: none;} #groupdetails .groups .content .smalltype { margin-top: 12px; font: 11px/14px arial, sans-serif; color: #666;} #groupdetails .groups .content .hide { display: none;} /*#groupdetails .groups .content .groupmember { background: none url(../images/news-gradient_new.jpg) repeat-x top ;}*/ /*---------------- group header -------------------------- */ #groupdetails .groups .content #groupheader {/*background: url(../images/grpheader-bg.jpg) repeat-x top;*/ padding:10px 0 0 0;} #groupdetails .groups .content .groupmember { /*background: url(../images/grpheader-bg.jpg) repeat-x top;*/} #groupdetails .groups .content .groupmember .breadcrumb { margin-left: 23px; padding-top: 10px;} #groupdetails .groups .content .groupmember .breadcrumb li { display: inline; list-style-type: none; font-size:12px;} #groupdetails .groups .content .groupmember .breadcrumb li a { padding:0 9px 0 0; background: url(../images/breadcrumb-arrow.gif) no-repeat right 50%; color: #999; text-decoration: underline;} #groupdetails .groups .content .groupmember .breadcrumb li a:hover { text-decoration: none;} #groupdetails .groups .content .groupmember .breadcrumb li.last a { padding: 0; background: none transparent scroll repeat 0% 0%;} #groupdetails .groups .content .groupmember .navlink .editpic { float: left; border: #9cf 1px solid; padding: 4px; margin:5px 3px 0 0; color: #09f; padding-top: 2px; background-color: #fff; text-decoration: none;} #groupdetails .groups .content .groupmember .navlink .editpic a { color: #09f; text-decoration: underline;} #groupdetails .groups .content .groupmember .navlink .editpic a:hover { text-decoration: none;} #groupdetails .groups .content .groupmember .navlink img.group_pic { border: #000 1px solid; float: left; margin: 5px 10px 20px 5px; width: 100px; height: 100px;} #groupdetails .groups .content .groupmember .memberdetails { padding-bottom: 18px; margin: 5px 0 0 200px; height:120px;} #groupdetails .groups .content .groupmember .memberdetails h2 { margin-bottom: 8px; font: bold 24px/26px helvetica, arial, sans-serif; overflow: hidden;} #groupdetails .groups .content .groupmember .memberdetails h2 .addme { } #groupdetails .groups .content .groupmember .memberdetails h2 .addme a { font-size: 14px; margin-left: 8px; color: #09f; text-decoration: underline;} #groupdetails .groups .content .groupmember .memberdetails h2 .addme a:hover { text-decoration: none;} #groupdetails .groups .content .groupmember .memberdetails p { margin: 4px 80px 4px 0;} #groupdetails .groups .content .groupmember .memberdetails p a { font-weight: bold; color: #09f; text-decoration: underline;} #groupdetails .groups .content .groupmember .memberdetails p a:hover { color: #000;} #groupdetails .groups .content .groupmember .memberdetails p a.button { border: #9cf 1px solid; padding:2px 4px; font-weight: bold; color: #09f; background-color: #fff; text-decoration: none;} #groupdetails .groups .content .groupmember .memberdetails p a.button span { color:#000;} #groupdetails .groups .content .groupmember .memberdetails p a.button:hover span { color:#000; text-decoration: none;} #groupdetails .groups .content .groupmember .memberdetails p a.button:hover { text-decoration: underline;} #groupdetails .groups .content .groupmember .memberdetails p a.disabled { border:#ccc 1px solid; color: #bbb; background:#fff; display:inline;} #groupdetails .groups .content .groupmember .memberdetails p a.enabled { border: #09f 1px solid; color: #09f; background:#fff;display:inline;} #groupdetails .groups .content .groupmember .memberdetails p a.more { padding-right: 18px; background: url(../images/hide-show-icons.gif) #fff no-repeat 68px -61px;} #groupdetails .groups .content .groupmember .memberdetails p a.less { padding-right: 18px; background: url(../images/hide-show-icons.gif) #fff no-repeat 74px -4px;} #groupdetails .groups .content .groupmember .memberdetails p a.tooltip { border: 1px solid #9cf; padding: 2px 2px 2px 5px; display: inline; position: relative; text-decoration: none; cursor:default;} #groupdetails .groups .content .groupmember .memberdetails p a.tooltip:hover { border: #000 1px solid; } #groupdetails .groups .content .groupmember .memberdetails p a.tooltip:hover span { border: 1px solid #000; padding: 5px 10px; display: block; position: absolute; width: 180px; top: -56px; left: -1px; font: 11px/14px arial, sans-serif; color: #000; background-color: #fff;} #groupdetails .groups .content .groupmember .memberdetails p a.tooltip span { display: none; } #groupdetails .groups .content .groupmember .memberdetails p a.g-rating { color: #fff; background-color: #690; cursor:default;} #groupdetails .groups .content .groupmember .memberdetails p a.r-rating { color: #fff; background-color: #f00; cursor:default;} #groupdetails .groups .content .groupmember .memberdetails p a.a-rating { } #groupdetails .groups .content .groupmember .memberdetails li p span { padding:0;} #groupdetails .groups .content .groupmember .memberdetails .smalltype { margin-top: 12px; font: 11px/14px arial, sans-serif; color: #666;} #groupdetails .groups .content .groupmember .memberdetails .smalltype a { font-weight: normal; color: #666;} #groupdetails .groups .content .groupmember .memberdetails .link { display: block; font-weight: bold; font-size: 14px; float: left; color: #666;} #groupdetails .groups .content .groupmember .memberdetails .link a { color: #09f; text-decoration: none;} #groupdetails .groups .content .groupmember .memberdetails .link a:hover { text-decoration: underline;} #groupdetails .groups .content .groupmember .memberdetails .adminlink { display: block; font-weight: normal; font-size: 12px; float: left;} #groupdetails .groups .content .groupmember .memberdetails .adminlink a { color: #09f; text-decoration: none;} #groupdetails .groups .content .groupmember .memberdetails .adminlink a:hover { text-decoration: underline;} #groupdetails .groups .content .groupmember .memberdetails .loginlink a { padding-left: 10px; font-size: 14px; color: #333; text-decoration: underline;} #groupdetails .groups .content .groupmember .memberdetails .loginlink a:hover { padding-left: 10px; font-size: 14px; color: #333; text-decoration: none;} #groupdetails .table { } #groupdetails .navlink { padding:10px 0 0 0;} #groupdetails .divspacer { clear: both; overflow: hidden; height: 0;} #groupdetails .divspacer_navlink{width:21px; height:110px; margin:1px; float:left; clear: both; overflow: hidden;} /*-----Menu Starts-----------*/ .menu ul { margin:0; padding:0; list-style-type:none; clear:both;} .menu ul li { position: relative; display: inline; float: left; color:#fff; background:#fff url(../images/menu-gradient_grey.gif); border-left:solid 1px #fff;} .menu ul li a { display: block; padding:5px 20px; text-decoration: none; color: #fff; text-align:center; white-space:nowrap;} .menu ul li a:hover { display: block; padding:5px 20px; text-decoration: none; color: #fff; background-color:none; text-decoration:underline;} .menu ul li a.active { background: #fff; color: #000; border-bottom: #fff 1px solid;} .menu ul li a.admin-active { background: #fff url(../images/admin-arrow.gif) no-repeat 80% 8px !important; color: #000 !important; border-bottom: #fff 1px solid !important; height:30px !important; } .menu ul li a.active:hover { background: #fff; color: #000; border-bottom: #fff 1px solid;} .menu ul li a.tab-highlight { background-color: #09f; } .menu ul li a div { font-size:16px; font-weight:bold; padding:4px 0 0 0px; text-decoration:none; height:14px;} .menu ul li a:hover div { font-size:16px; font-weight:bold; padding:4px 0 0 0px; text-decoration:none; height:14px;} .menu ul li .divactive{font-size:16px; font-weight:bold; background: #fff; COLOR: #000; padding:4px 0 0 0; height:14px;} .menu ul li br { line-height:18px;} .menu ul li a#admin { background: url(../images/admin-arrow.gif) no-repeat 80% 8px; color:#fff; padding:5px 16px 8px 10px; height:30px; width:52px;} .menu ul li ul { left: 0; position: absolute; top:43px; display: block; visibility: hidden; border:1px solid #000; padding:8px; background-color:#fff; text-align:left;} .menu ul li ul li { display: list-item; float: none; background-color:#fff; text-align:left;} .menu ul li ul li.disabled { display: list-item; float: none; background:#fff !important; color:#000 !important; white-space:nowrap; text-align:left;} .menu ul li ul li ul { left: 159px; top: 0;} .menu ul li ul li a { display: block; width: auto; color: #000; text-decoration: none; padding:1px 5px 2px 5px; border:0; background-color:#fff; text-align:left;} .menu ul li ul li a:hover { display: block; color: #000; text-decoration: underline; white-space:nowrap; padding:1px 5px 2px 5px; border:0; background-color:#fff; text-align:left;} .menu ul li ul li a.disabled { display: block; width: auto; color: #000; text-decoration:none; padding:1px 5px 2px 5px; border: 0px solid #ccc; background-color:#fff; text-align:left; cursor:default; } .menu ul li ul li a:hover.disabled { display: block; width: auto; color: #000; text-decoration:none; padding:1px 5px 2px 5px; border: 0px solid #ccc; background-color:#fff; text-align:left; cursor:default;} /*----Menu End-----------*/ #groupdetails .groups .content .left .left-column { display: inline; float: left; margin: 17px 21px 0; width: 120px;} #groupdetails .groups .content .left .left-column h2 { font: 18px/22px helvetica, arial, sans-serif; padding:0 0 4px 0; white-space:nowrap;} #groupdetails .groups .content .left .left-column a { color: #09f; text-decoration: underline;} #groupdetails .groups .content .left .left-column a:hover { color: #09f; text-decoration: none;} #groupdetails .groups .content .left .left-column .membernick { padding:0; display: block; width: 160px; list-style-type: none;} #groupdetails .groups .content .left .left-column .membernick li { border: #ccc 1px solid; padding: 6px 10px; border-bottom:none;} #groupdetails .groups .content .left .left-column .membernick li.last { border-bottom: #ccc 1px solid; } #groupdetails .groups .content .left .left-column .membernick li p { font: 11px/14px arial, sans-serif;} #groupdetails .groups .content .left .left-column .membernick li p a { font-weight: bold; text-decoration: none;} #groupdetails .groups .content .left .left-column .membernick p.name { font: bold 14px/16px helvetica, arial, sans-serif; overflow: hidden; width: 140px; letter-spacing: -0.01em; } #groupdetails .groups .content .left .left-column .membernick p.name a{color:#09f;} #groupdetails .groups .content .left .left-column .membernick p.details { padding:6px 0; overflow: hidden; width: 140px; } #groupdetails .groups .content .left .left-column .membernick p.details .im { background: url(../images/icons.gif) no-repeat 34px -96px; padding:0 20px 5px 0;} #groupdetails .groups .content .left .left-column .membernick p.details a.pic img { border: #000 1px solid; float: left; width: 50px; margin-right: 6px; height: 50px;} #groupdetails .groups .content .left .left-column .membernick p.details img.bannedImg { border: #000 1px solid; float: left; width: 50px; margin-right: 6px; height: 50px;} #groupdetails .groups .content .left .left-column .view { float: left; margin: 9px 0 0; width: 150px; padding-top: 0;} #groupdetails .groups .content .left .left-column .view img { display: block;} #groupdetails .groups .content .left .left-column .report img { display: block; } #groupdetails .hrline { clear: both; margin-top: 5px; width: 150px; border-bottom: #666 1px solid; height: 15px;} #groupdetails .tdline { width:161px; clear:both; border-top:solid #ccc 1px; height:0; margin-top:0;} #groupdetails .report { float: left; margin: 41px 0 0; color: #09f; font-weight: bold; font-size: 12px; } #groupdetails .report a { color: #09f; text-decoration: none;} #groupdetails .report a:hover { color: #09f; text-decoration: underline;} #groupdetails .reporttext { padding:0 0 20px 0; font-size: 11px; color: #999;} #groupdetails .groups .content .left .center-column { margin: 0 0 0 202px; width: auto;} #groupdetails .groups .content .topic { float: left; margin: 15px 21px 0 0; width:97%;} #groupdetails .groups .content .topic a.widget-banner{color:#000; text-decoration:none; cursor: pointer;} #groupdetails .groups .content .topic h2{ font: 18px/22px helvetica, arial, sans-serif; clear:both; padding:4px 0 3px 0;} #groupdetails .groups .content .topic a.left { float: left; margin: 4px 0 0;} #groupdetails .groups .content .topic .left img { display: block;} #groupdetails .groups .content .topic a.right { float: right; text-decoration: underline;} #groupdetails .groups .content .topic .right img { display: block;} #groupdetails .groups .content .topic table { font-size: 11px; float: left; margin-bottom: 8px; width: 100%; border-bottom: #ccc 2px solid;} #groupdetails .groups .content .topic table th { padding-left: 11px; font-weight: normal; background: #999; text-transform: uppercase; color: #fff; line-height: 18px; text-align: left;} #groupdetails .groups .content .topic table td { padding:12px; vertical-align: top; border-bottom: #ccc 1px solid;} #groupdetails .groups .content .topic table td .postmsg{ white-space:nowrap;} #groupdetails .groups .content .topic table td h3 a { font-weight: bold; font-size: 16px; /*float: left; width: 100%;*/ margin: -2px 0 0; color: #09f; line-height: 18px; text-decoration: none;} #groupdetails .groups .content .topic table td h3 a:hover { text-decoration: underline;} #groupdetails .groups .content .topic table td span { display: block; color: #666;} #groupdetails .groups .content .topic table td span a { font: 11px/14px arial, sans-serif; color: #666; text-decoration: underline;} #groupdetails .groups .content .topic table td span a:hover { color: #000;} #groupdetails .groups .content .topic table .replyhead { padding:0 10px; font-weight: bold; width: 45px; color: #fff; text-align: left;} #groupdetails .groups .content .topic table .reply span { font-weight: normal;} #groupdetails .groups .content .topic table .reply a { display: block; font: bold 28px/30px helvetica, arial, sans-serif; color: #9ab; text-decoration: none;} #groupdetails .groups .content .topic table .reply a:hover { color: #000;} #groupdetails .groups .content .topic table .posthead { padding-left: 10px; font-weight: bold; width: auto; text-align: left; } #groupdetails .groups .content .topic table .post a { font-size: 25px; color: #09f; text-decoration: underline;} #groupdetails .groups .content .topic table .latestposthead { padding:0 8px 0 10px; font-weight: bold; text-align: right; white-space:nowrap;} #groupdetails .groups .content .topic table .latestpost{ padding-left: 10px; text-align: right; } #groupdetails .groups .content .topic table .smalltext { padding-left: 10px; color: #666; text-align: right;} #groupdetails .groups .content .topic table .post span { font-size: 12px; color: #333;} #groupdetails .groups .content .topic a { color: #09f; text-decoration: underline;} #groupdetails .groups .content .topic a:hover { text-decoration: none;} #groupdetails .groups .content .media { float: left; margin: 17px 0 0; width: 100%;} #groupdetails .groups .content .media h2 { clear: both; display: block; margin: 4px 0;} #groupdetails .groups .content .media a { color: #09f; text-decoration: underline;} #groupdetails .groups .content .media a:hover { text-decoration: none;} #groupdetails .groups .content .media span {overflow:hidden; white-space:nowrap;} #groupdetails .groups .content .media .links { float: left; width: 106px; margin: 4px;} #groupdetails .groups .content .media .links a { float: left;} #groupdetails .groups .content .media .links a img { display: block;} #groupdetails .groups .content .media .left { float: left; margin: 5px 0 0;} #groupdetails .library { float: left; overflow: hidden; width: 100%;} #groupdetails .library ul { padding:2px 0; float: left; margin: 0 0 0 -4px; width: 100%;} #groupdetails .library li { padding:17px 0 0 22px; font-size: 11px; height: 175px; float: left; margin: 4px 0 0 4px; width: 125px; list-style-type: none;} /**html #groupdetails .library li { height: 175px;}*/ #groupdetails .library li img { border: #666 1px solid; padding:3px; display: block; background: #fff; margin: 0 0 6px;} #groupdetails .library li a { font-weight: bold; color: #09f; text-decoration: none; word-wrap:break-word; width:60px;} #groupdetails .library li a:hover { text-decoration: underline;} #groupdetails .library li div { font-size: 11px; color: #999;} #groupdetails .library li span { padding:2px 0 0 17px; display: block; background: url(../images/photo-icon.gif) no-repeat 0 4px;} #groupdetails .library li span.camera { background: url(../images/camera-icon.gif) no-repeat 0 5px;} #groupdetails .library li span a { font-weight: bold; color: #000; text-decoration: underline;} #groupdetails .library li span a:hover { text-decoration: none;} /*invite email start*/ #groupdetails .groups .content .emailinvite { display: block; background: #fff; padding:18px 20px 0 20px; list-style-type: none;} #groupdetails .groups .content .emailinvite h2 { font: bold 18px helvetica, arial, sans-serif;} #groupdetails .groups .content .emailinvite .email { color:#09f; font: bold 18px/22px helvetica, arial, sans-serif; margin:2px 10px 0 0; float:left;} #groupdetails .groups .content .emailinvite .divider { float:left; margin:6px 8px auto 0;} #groupdetails .groups .content .emailinvite .indicatoremail { background:url(../images/email-invite-toparrow.gif) no-repeat 25%; width:150px; clear:left; height:12px;} #groupdetails .groups .content .emailinvite .indicatorim { background:url(../images/email-invite-toparrow.gif) no-repeat 91%; width:150px; clear:left; height:12px;} #groupdetails .groups .content .emailinvite .emailpage { background:url(../images/bg-email-invite.jpg) repeat-x; min-height:430px; padding: 0 30px 10px 30px; border:none;} #groupdetails .groups .content .emailinvite .emailpage .successmsg { font-size:24px; color:#fff; padding:35px 0 0 0;} #groupdetails .groups .content .emailinvite .emailpage .sentaddress { font-size:18px; color:#000; padding:35px 0 0 0;} #groupdetails .groups .content .emailinvite .emailpage .sentaddress ul li { font-size:18px; color:#000; padding:10px 0 2px 10px; list-style:none; background:url(../images/blackbullet_icon.gif) no-repeat 0 17px;} #groupdetails .groups .content .emailinvite .form { color:#fff; font-size:14px; font-weight:bold; float:left; margin:20px 0 0 0;} #groupdetails .groups .content .emailinvite .to { color:#fff; font-size:14px; font-weight:bold; padding:10px 5px 0 0; float:left;} #groupdetails .groups .content .emailinvite .hlp { font-size:11px; padding:10px 0 0 0; } #groupdetails .groups .content .emailinvite .error { background-color:#ffc; float:none; height:16px; color:#f00; font-weight:bold; font-size:11px; margin:10px 0 0 25px; width:340px; text-align:center; } #groupdetails .groups .content .emailinvite .errorpointer { background:url(../images/error_cut.gif) no-repeat 30px 0; margin:0; height:8px;} #groupdetails .groups .content .emailinvite .emailaddress { color:#000; font-size:12px; font-weight:bold; clear:left; padding:4px 5px 0 0;} #groupdetails .groups .content .emailinvite .field { width:425px; background-color:#fff;} #groupdetails .groups .content .emailinvite .field1 { width:425px; background-color:none;} #groupdetails .groups .content .emailinvite .textarea { border: #000 solid 1px; margin: 5px 0 0 0; width:495px;} #groupdetails .groups .content .emailinvite .textareaerror { border: #f00 1px solid; margin: 0; width:495px;} #groupdetails .groups .content .emailinvite .textareamessage { border: #09f solid 1px; margin: 0 0 10px 0; width:475px;} #groupdetails .groups .content .emailinvite .textareamessageerror { border: #f00 solid 1px; margin: 0 0 10px 0; width:475px;} #groupdetails .groups .content .emailinvite .message { color:#fff; font-size:14px; font-weight:bold; padding:30px 5px 5px 0;} #groupdetails .groups .content .emailinvite .helpLink a { border: #09f solid 1px; width:150px; background-color:#fff; margin:0; padding:1px; text-decoration:none; text-align:center;} #groupdetails .groups .content .emailinvite .helpLinkerror a { border: #f00 solid 1px; width:150px; background-color:#fff; margin:0; padding:1px; text-decoration:none; text-align:center;} #groupdetails .groups .content .emailinvite .messagebg { background-color:#cde; margin:0; padding:4px 8px 4px 8px; } #groupdetails .groups .content .emailinvite .messagebgnone { background-color: none; margin:0; padding:0 8px 4px 8px;} #groupdetails .groups .content .emailinvite .messagebgerror { border: #f00 solid 1px; background-color:#fff; margin: 0 19px 0 0; padding:0 4px 4px 6px; width:415px;} #groupdetails .groups .content .emailinvite .messagebg1 { background-color:#fff; padding:3px 0 0 5px; width:420px; margin: 0 21px 0 0;} #groupdetails .groups .content .emailinvite .sendbutton { background: url(../images/b_sendinvit.gif) repeat-x top #000; font: bold 14px Arial, Helvetica, sans-serif; width:200px; text-align:center; color:#fff; margin:20px 0 20px 100px; padding:5px; border:#000 solid 1px;} #groupdetails .groups .content .emailinvite .sendbutton a { color:#fff; text-decoration:none;} #groupdetails .groups .content .emailinvite .sendbutton a:hover { color:#fff; text-decoration: underline;} #groupdetails .groups .content .emailinvite a { color:#09f; text-decoration:underline; line-height:20px;} #groupdetails .groups .content .emailinvite a:hover { color:#09f; text-decoration:none;} #groupdetails .groups .content .emailinvite a.tooltip { padding: 2px 0 2px 5px; display: inline; position: relative; text-decoration: none; color:#09f; background-color:#cde; cursor: default;} #groupdetails .groups .content .emailinvite a.tooltip:hover { padding: 2px 0 2px 5px; background-color:#cde; color:#09f; cursor:default;} #groupdetails .groups .content .emailinvite a.tooltip:hover span { border: 1px solid #999; padding: 5px 10px; display: block; position: absolute; width: 225px; top: -56px; left: -45px; font: 11px arial, sans-serif; color: #000; background-color: #fff; text-decoration:none;} #groupdetails .groups .content .emailinvite a.tooltip span { display: none; } #groupdetails .groups .content .emailinvite a.learnmore { color: #09f; background: none; text-decoration:underline; cursor:default;} #groupdetails .groups .content .emailinvite a.jointooltip { padding: 2px 0; display: inline; position: relative; text-decoration: none; color:#09f; background-color:#cde; cursor: default;} #groupdetails .groups .content .emailinvite a.jointooltip:hover { padding: 2px 0; background-color:#cde; color:#09f; cursor:default;} #groupdetails .groups .content .emailinvite a.jointooltip:hover span { border: 1px solid #999; padding: 5px 10px; display: block; position: absolute; width: 225px; top: -56px; left: -1px; font: 11px arial, sans-serif; color: #000; background-color: #fff; text-decoration:none;} #groupdetails .groups .content .emailinvite a.jointooltip span { display: none; } #groupdetails .groups .content .emailinvite a.join { color: #09f; background: none; text-decoration:underline; cursor:default;} /* zaman's css */ #groupdetails .groups .content .emailinvite .im_page { background:url(../images/bg-email-invite.jpg) #CDE2EF repeat-x; min-height:500px; padding: 0 30px 10px 30px; border:none;} #groupdetails .groups .content .emailinvite ul li { list-style-type: none; padding-top: 20px; font-size: 14px; font-weight: bold; } #groupdetails .groups .content .emailinvite ul li strong { color: #fff; font-weight: bold;} #groupdetails .groups .content .emailinvite h3 { font: bold 18px helvetica, arial, sans-serif; color: #0199FF;} #groupdetails .groups .content .emailinvite h3 a { text-decoration: none;} #groupdetails .groups .content .emailinvite h3 em { font-size: 16px; font-weight:normal; color: #666; margin: 0 4px;} #groupdetails .groups .content .emailinvite form select { font-size: 9px;} #groupdetails .groups .content .emailinvite .messagebg { background-color:#cde; padding:4px 8px 4px 8px; font-size: 12px; font-weight: normal;} #groupdetails .groups .content .emailinvite ul .left_selectbox { float: left; margin-right: 26px; } #groupdetails .groups .content .emailinvite .selectall { background-color:#cde; width: 250px; height: 20px; line-height: 20px; font-size: 12px; margin-top: 4px; border-bottom: 1px solid #8AB2CF;} #groupdetails .groups .content .emailinvite .selected-alphabet { color:#60f;} #groupdetails .groups .content .emailinvite .selectall { background-color:#cde; width: 235px; height: 20px; line-height: 20px; font-size: 12px; margin-top: 4px; border-bottom: 1px solid #8AB2CF;} #groupdetails .groups .content .emailinvite .selectall input { margin-left: 6px; } #groupdetails .groups .content .emailinvite .selectbox1 { background: #fff; overflow: auto; overflow-y: auto; width: 235px; height: 164px; } #groupdetails .groups .content .emailinvite .selectbox1 ul li { margin: 0 0 1px 6px; padding: 2px 0; font-size: 12px; font-weight: normal; } #groupdetails .groups .content .emailinvite .selectbox2 { background: #fff; overflow:auto; overflow-y: auto; width: 235px; height: 185px; margin-top: 24px; } #groupdetails .groups .content .emailinvite .selectbox2 ul li { margin-bottom: 1px; padding: 2px 0; font-size: 12px; font-weight: normal; background-color: #8AB2CF;} #groupdetails .groups .content .emailinvite .selectbox2 ul li a { float: right; margin: 0 8px 0 0;} #groupdetails .groups .content .emailinvite .helpLink a { font-size: 12px; font-weight: normal;} #groupdetails .groups .content .emailinvite .send_im { background: url(../images/b_sendinvit.gif) repeat-x top #000; font: bold 14px Arial, Helvetica, sans-serif; width:200px; text-align:center; color:#fff; margin:-10px 0 20px 100px; padding:5px; border:#000 solid 1px;} #groupdetails .groups .content .emailinvite .send_im a { color:#fff; text-decoration:none;} #groupdetails .groups .content .emailinvite .send_im a:hover { color:#fff; text-decoration: underline;} #groupdetails .groups .content .emailinvite .msg_alpha {clear:left; padding:0;} #groupdetails .groups .content .emailinvite .im_page .no-pals { padding:20px 0 0 0; font-weight:bold; font-size:14px;} #groupdetails .groups .content .emailinvite .im_page .no-pals p{ margin:0;font-weight:bold; } #groupdetails .groups .content .emailinvite .im_page strong { font-weight:bold;} /*zaman css end*/ /*invite email ends*/ /*Group widget starts*/ #groupdetails .groups .content .groupbadge { display: block; background: #fff; padding: 18px 20px 0 20px; list-style-type: none;} #groupdetails .groups .content .groupbadge h2 { font: bold 28px helvetica, arial, sans-serif; color:#655C53;} #groupdetails .groups .content .groupbadge a { color:#09f; } #groupdetails .groups .content .groupbadge a:hover { text-decoration:underline;} #groupdetails .groups .content .groupbadge .badge { color: #655C53; font: 18px/22px helvetica, arial, sans-serif; margin: 10px 10px 10px 0; float: left;} #groupdetails .groups .content .groupbadge .page { background:#efefef; padding: 15px 30px 10px 30px; border:none;} #groupdetails .groups .content .groupbadge .page .desc { float:left; margin-right:30px; font-family:Helvetica, arial, sans-serif; width:205px;} #groupdetails .groups .content .groupbadge .page .desc .dimension { color:#000; font:13px arial; font-weight:bold; float:left; margin:20px 0 15px 0; padding:0;} #groupdetails .groups .content .groupbadge .page .desc .dimension input { width:40px; float:left; font:18px Arial; border:1px solid #000; text-align:center; margin-right:4px; height:20px;} #groupdetails .groups .content .groupbadge .page .desc .dimension .txtbox { background: none; border: none; margin-left:5px;} #groupdetails .groups .content .groupbadge .page .desc .dimension .height { font-size:12px; float:left; margin-top:5px;} #groupdetails .groups .content .groupbadge .page .desc .pixels { font-weight:normal; float:left; margin:5px 0 0 2px;} #groupdetails .groups .content .groupbadge .page .desc .width { color:#000; font-size:13px; clear:left; padding:4px 5px 0 0;} #groupdetails .groups .content .groupbadge .page .desc .pickstyle { color:#000; font-size:13px; clear:left; padding:20px 5px 0 0;} #groupdetails .groups .content .groupbadge .page .desc .goback { text-align:center; color:#09f; font-size:13px; clear:left; padding:0;} #groupdetails .groups .content .groupbadge .page .desc .previewbtn { background: url(../images/b_sendinvit.gif) repeat-x top #000; font: bold 14px Helvetica, Arial, sans-serif; width:180px; text-align:center; color:#fff; margin:20px 0 20px 0; padding:5px; border:#ccc solid 1px; clear:both; } #groupdetails .groups .content .groupbadge .page .desc .previewbtn a { color:#fff; text-decoration:none;} #groupdetails .groups .content .groupbadge .page .desc .previewbtn a:hover { color:#fff; text-decoration: underline;} #groupdetails .groups .content .groupbadge .page textarea { width:500px; height:265px; overflow:auto; margin-top:7px; border:1px solid #ccc; font:11px/17px Helvetica, Arial, sans-serif;} #groupdetails .groups .content .groupbadge .page .div1 { margin-top:25px; font: bold 17px Helvetica, Arial, sans-serif; } #groupdetails .groups .content .groupbadge .page .div1 .getcode { font: bold 13px Helvetica, Arial, sans-serif; color:#09f;} #groupdetails .groups .content .groupbadge .page .div1 .getcode a { text-decoration:none; color:#09f;} #groupdetails .groups .content .groupbadge .page .div1 .getcode a:hover { text-decoration:underline; color:#09f;} #groupdetails .groups .content .groupbadge .page .photo{ float:left;} #groupdetails .groups .content .groupbadge .heading { background:#e0e0e0; clear:left; height:24px; border-bottom:1px solid #fff; color:#615d51; font: bold 15px Helvetica, Arial, sans-serif; } #groupdetails .groups .content .groupbadge .heading .specifysize1 { float:left; background:#000 url(../images/blackarrow1.gif) no-repeat right top; color:#fff; padding:3px 60px 3px 30px; } #groupdetails .groups .content .groupbadge .heading .specifysize1 a { text-decoration:none; color:#fff;} #groupdetails .groups .content .groupbadge .heading .specifysize1 a:hover { text-decoration:underline; color:#0cf;} #groupdetails .groups .content .groupbadge .heading .specifysize2 { float:left; background:#000 url(../images/blackarrow.gif) no-repeat right top; color:#fff; padding:3px 60px 3px 30px; } #groupdetails .groups .content .groupbadge .heading .specifysize2 a { text-decoration:none; color:#fff;} #groupdetails .groups .content .groupbadge .heading .specifysize2 a:hover { text-decoration:underline; color:#0cf;} #groupdetails .groups .content .groupbadge .heading .getcode1 { color:#655C53; padding:3px 60px 3px 30px; white-space:nowrap; float:left; } #groupdetails .groups .content .groupbadge .heading .getcode1 a { text-decoration:none; color:#655C53; } #groupdetails .groups .content .groupbadge .heading .getcode1 a:hover { text-decoration:underline; color:#0cf;} #groupdetails .groups .content .groupbadge .heading .getcode2 { background:#000 url(../images/blackarrow2.gif) no-repeat right top; color:#fff; padding:3px 60px 3px 30px; float:left; white-space:nowrap; } #groupdetails .groups .content .groupbadge .heading .getcode2 a { text-decoration:none; color:#fff;} #groupdetails .groups .content .groupbadge .heading .getcode2 a:hover { text-decoration:underline; color:#0cf;} /*Group widget ends*/ /*Display banned info*/ .banned { height:150px; text-align:center; font-size:18px; padding-top:250px; vertical-align:middle; } /* msg grey band */ .divfix2{ margin:2px; padding:5px; line-height:10px; width:400px; clear:both; } /*Group Rating info starts*/ #groupdetails .groups .content .groupmember .memberdetails .smalltype .vote {} #groupdetails .groups .content .groupmember .memberdetails .smalltype .vote a {color:#09f;} #groupdetails .groups .content .groupmember .memberdetails .smalltype .vote a:hover{color:#09f;} #groupdetails .groups .content .groupmember .memberdetails .smalltype .vote .votecount{color:#09f;} a.tooltip2 { padding:1px 4px; display: inline; position:relative; text-decoration:none; cursor:default; outline:none;} a.tooltip2:hover {cursor:default; background:none; text-decoration:none; outline:none;} a.tooltip2 span {display: none; } a.tooltip2:hover span { border: 1px solid #999; padding: 5px 10px; display: block; position: absolute; width: 275px; /*top: -95px;*/ top:-80px; left: 5px; font: 12px/17px arial, sans-serif; color: #000; background-color: #fff; text-decoration:none;} /*Group Rating info ends*/ /*Warning A rated groups start*/ .yellowpointer { float:left; margin:0; width:16px; height:16px; background:url(/groups/images/yelow-pointer2.gif) no-repeat; } .ratingtips { width:220px; float:left; padding:4px 10px; background:#ffcc01; } .ratingtips_create { width:300px; position: relative; float:left; padding:8px; background:#ffcc01; } .yellowpointer1 { float:left; margin:0; width:16px; height:16px; background: url(/groups/images/yelow-pointer2.gif) no-repeat; } .ratingtips1 { float:left; padding:4px 10px; background:#ffcc01; } .field-approve { float:left; padding-top:4px;} .field-approve1 { float:left; padding-top:4px;} /*Warning A rated groups end*/ /* added 14 December for Groups footer #groupdetails .groups .content .left .groupfooter { background:url(../images/group-footer.jpg) repeat-x; height:28px; line-height: 38px; display: block; margin-top: 36px; clear: both; } #groupdetails .groups .content .left .groupfooter ul { list-style-type: none; width: 690px; margin: 0 auto;} #groupdetails .groups .content .left .groupfooter ul li { float: left; font: 11px Arial, sans-serif; padding: 0 10px 0 0; margin: 12px 10px 0 0; border-right: 1px solid #999; text-align: center;} #groupdetails .groups .content .left .groupfooter ul li.report{ margin-right: 0; border-right: none; padding: 10px auto 0 auto; list-style-type: none; width: 590px; display: block; margin:14px auto;} #groupdetails .groups .content .left .groupfooter ul li.last { margin-right: 0; border-right: none;} #groupdetails .groups .content .left .groupfooter ul li a { color: #09f; text-decoration: none;} #groupdetails .groups .content .left .groupfooter ul li a:hover { text-decoration: underline;} #groupdetails #footer { margin-top: 0; padding:0} #footer {float: left; width: 100%; padding: 30px 0 25px 0; background: #333 url(/groups/images/footer-bg.gif) repeat-x; margin: 0 0 0 0; }*/ .centerpage{ width:790px; margin:0 auto 0 auto;} /*#groupdetails .groups .content .left #groupfooter { background:url(../images/group-footer.jpg) repeat-x; height:28px; text-align: center;} #groupdetails .groups .content .left #groupfooter .centered { padding-top: 12px; } #groupdetails .groups .content .left #groupfooter p.centeredfoot { border-right: 1px solid #999; display: inline; margin-top: 10px; padding: 0 6px; font: 11px Arial, sans-serif; } #groupdetails .groups .content .left #groupfooter p.centeredfoot a { color: #09f; text-decoration: none; } #groupdetails .groups .content .left #groupfooter p.centeredfoot a:hover { text-decoration: underline; } #groupdetails .groups .content .left #groupfooter p.last { border-right: none; }*/ /* for banned groups display*/ .groups .content .banedgroup{border:10px solid red; width:580px; /*height:120px;*/ min-height:120px; padding:4px; margin:0 auto 20px auto;} .groups .content .banedgroup h1{color:#000; padding:0; font-size:18px; margin:10px;} .groups .content .banedgroup img{ float:left; margin:14px 14px 50px 14px;} .groups .content .banedgroup p{padding:0; margin:6px 6px 6px 102px; font-size:12px;} .groups .content .banedgroup p.reason{margin:4px; overflow:hidden; word-wrap:break-word; } .groups .content .banedgroup p a{color:#09f; font-weight:bold; text-decoration:none;} .groups .content .banedgroup p a:hover{color:#000; font-weight:bold; text-decoration:none;} a.tooltip_pg { padding:1px 4px; border:#09f 1px solid; display: inline; position:relative; text-decoration:none; color:#000; font: bold 12px;} a.tooltip_pg span { display: none; cursor:default;} a.tooltip_pg:hover { background-color:#09f; color:#fff; text-decoration:none; cursor:default;} a.tooltip_pg:hover span { border: 1px solid #999; text-align:left; padding: 5px 10px; display: block; position: absolute; width: 310px; top: -82px; left: 0; font: 12px/17px arial, sans-serif; color: #000; background-color: #fff; text-decoration:none;} a.question_pg { color: #000; background: none; text-decoration:none;} /* ------------------------ GROUP FOOTER-NEW STARTS HERE --------------------------- */ #groupdetails .groups .content .left #groupfooter { background:url(../images/group-footer.jpg) repeat-x; height:16px; padding-top: 12px;} #groupdetails .groups .content .left #groupfooter ul { list-style:none; padding:0; margin:0 10px; } #groupdetails .groups .content .left #groupfooter ul li {display:block; float:left; font:11px Arial, sans-serif; border-right:solid 1px #999; padding:0 8px;} #groupdetails .groups .content .left #groupfooter ul li.last { border:none;} #groupdetails .groups .content .left #groupfooter ul li.create-group { float:right; border:none; padding:0;} #groupdetails .groups .content .left #groupfooter ul li a { color:#09f; text-decoration:none;} #groupdetails .groups .content .left #groupfooter ul li a:hover { color:#09f; text-decoration:underline;} #groupdetails .groups .content .left #groupfooter ul li.create-group a{ background:#09f url(../images/creategroup-bg.gif) no-repeat right center; color:#fff; padding:1px 7px 2px;} #groupdetails .groups .content .left #groupfooter ul li.create-group a:hover{ background:#09f url(../images/creategroup-bg.gif) no-repeat right center; color:#fff; padding:1px 7px 2px; text-decoration:underline;} /* ------------------------ GROUP FOOTER-NEW ENDS HERE --------------------------- */ /* ------------------------ GROUP HEADER-NEW STARTS HERE --------------------------- */ #groupdetails .groups .content .groupmember .navlink .edit-pic { float:left; margin:25px 0 25px 15px; } #groupdetails .groups .content .groupmember .navlink .edit-pic img { width:100px; height:100px; padding:10px; border-bottom:2px solid #d3dbe3; border-right:2px solid #d3dbe3; border-top:1px solid #eee; border-left:1px solid #eee; background:#fff;} #groupdetails .groups .content .groupmember .navlink .edit-pic a{color:#654; text-decoration:none; border:dotted 1px #abb; font-size:11px; font-weight:bold; background:url(../images/editpic-arrow.gif) no-repeat 5px center; padding:0 5px 0 15px; line-height:16px; border-top:none;} #groupdetails .groups .content .groupmember .navlink .edit-pic a:hover{text-decoration:underline;} #groupdetails .groups .content .groupmember ul.grouplinks { list-style:none; display:inline; margin:0; padding:0;} #groupdetails .groups .content .groupmember ul.grouplinks li {background: url(../images/breadcrumb_arrow.gif) no-repeat right 48%; padding:0 8px 2px 0; margin-right:2px; display:inline; font: bold 0.9em Arial, Helvetica, sans-serif; } #groupdetails .groups .content .groupmember ul.grouplinks li.last { padding:0; background:none;} #groupdetails .groups .content .groupmember ul.grouplinks li.red-admin { float:right; background:none;} #groupdetails .groups .content .groupmember ul.grouplinks li a{ color:#09f; text-decoration:none; } #groupdetails .groups .content .groupmember ul.grouplinks li a:hover { text-decoration:underline;} #groupdetails .groups .content .groupmember ul.grouplinks li.red-admin a{ background:#e33; border-right:solid 1px #fff; color:#fff; float:left; padding:3px 6px; } #groupdetails .groups .content .groupmember ul.grouplinks li.red-admin a.admin-plus { background:#e33 url(../images/red-admin-plus.gif) no-repeat 5px center; padding-left:20px; } #groupdetails .groups .content .groupmember ul.grouplinks li.red-admin a.admin-minus { background:#e33 url(../images/red-admin-minus.gif) no-repeat 5px center; padding-left:20px; } #groupdetails .groups .content .groupmember .navlink .member-details { padding-bottom: 18px; margin: 21px 0 0 150px; height:auto;} #groupdetails .groups .content .groupmember .navlink .member-details h2 {margin:4px 0 8px; font:bold 24px helvetica, arial, sans-serif; overflow: hidden; color:#322;} #groupdetails .groups .content .groupmember .navlink .member-details h2 .addme { } #groupdetails .groups .content .groupmember .navlink .member-details h2 .addme a { font-size: 14px; margin-left: 8px; color: #09f; text-decoration: underline;} #groupdetails .groups .content .groupmember .navlink .member-details h2 .addme a:hover { text-decoration: none;} #groupdetails .groups .content .groupmember .navlink .member-details p { /*margin: 4px 80px 4px 0;*/ margin: 4px 0;} #groupdetails .groups .content .groupmember .navlink .member-details p a { font-weight: bold; color: #09f; text-decoration: underline;} #groupdetails .groups .content .groupmember .navlink .member-details p a:hover { color: #000;} #groupdetails .groups .content .groupmember .navlink .member-details p a.button { border: #9cf 1px solid; padding:2px 4px; font-weight: bold; color: #09f; background-color: #fff; text-decoration: none;} #groupdetails .groups .content .groupmember .navlink .member-details p a.button span { color:#000;} #groupdetails .groups .content .groupmember .navlink .member-details p a.button:hover span { color:#000; text-decoration: none;} #groupdetails .groups .content .groupmember .navlink .member-details p a.button:hover { text-decoration: underline;} #groupdetails .groups .content .groupmember .navlink .member-details p a.disabled { border:#ccc 1px solid; color: #bbb; background:#fff; display:inline;} #groupdetails .groups .content .groupmember .navlink .member-details p a.enabled { border: #09f 1px solid; color: #09f; background:#fff;display:inline;} #groupdetails .groups .content .groupmember .navlink .member-details p a.more { padding-right: 18px; background: url(../images/hide-show-icons.gif) #fff no-repeat 68px -61px;} #groupdetails .groups .content .groupmember .navlink .member-details p a.less { padding-right: 18px; background: url(../images/hide-show-icons.gif) #fff no-repeat 74px -4px;} #groupdetails .groups .content .groupmember .navlink .member-details p a.tooltip { border: 1px solid #9cf; padding: 2px 2px 2px 5px; display: inline; position: relative; text-decoration: none; cursor:default;} #groupdetails .groups .content .groupmember .navlink .member-details p a.tooltip:hover { border: #000 1px solid; } #groupdetails .groups .content .groupmember .navlink .member-details p a.tooltip:hover span { border: 1px solid #000; padding: 5px 10px; display: block; position: absolute; width: 180px; top: -56px; left: -1px; font: 11px/14px arial, sans-serif; color: #000; background-color: #fff;} #groupdetails .groups .content .groupmember .navlink .member-details p a.tooltip span { display: none; } #groupdetails .groups .content .groupmember .navlink .member-details p a.g-rating { color: #fff; background-color: #690; cursor:default;} #groupdetails .groups .content .groupmember .navlink .member-details p a.r-rating { color: #fff; background-color: #f00; cursor:default;} #groupdetails .groups .content .groupmember .navlink .member-details p a.a-rating { } #groupdetails .groups .content .groupmember .navlink .member-details li p span { padding:0;} #groupdetails .groups .content .groupmember .navlink .member-details .smalltype { margin-top: 12px; font: 11px/14px arial, sans-serif; color: #666;} #groupdetails .groups .content .groupmember .navlink .member-details .smalltype a { font-weight: normal; color: #666;} #groupdetails .groups .content .groupmember .navlink .member-details .link { display: block; font-weight: bold; font-size: 14px; float: left; color: #666;} #groupdetails .groups .content .groupmember .navlink .member-details .link a { color: #09f; text-decoration: none;} #groupdetails .groups .content .groupmember .navlink .member-details .link a:hover { text-decoration: underline;} #groupdetails .groups .content .groupmember .navlink .member-details .adminlink { display: block; font-weight: normal; font-size: 12px; float: left;} #groupdetails .groups .content .groupmember .navlink .member-details .adminlink a { color: #09f; text-decoration: none;} #groupdetails .groups .content .groupmember .navlink .member-details .adminlink a:hover { text-decoration: underline;} #groupdetails .groups .content .groupmember .navlink .member-details .loginlink a { padding-left: 10px; font-size: 14px; color: #333; text-decoration: underline;} #groupdetails .groups .content .groupmember .navlink .member-details .loginlink a:hover { padding-left: 10px; font-size: 14px; color: #333; text-decoration: none;} #groupdetails .groups .content .groupmember .navlink .member-details .chat-content{ float:left; } #groupdetails .groups .content .groupmember .navlink .member-details .chat-content .chat-status{ color:#000; font-size:14px; font-weight:bold; margin-right:25px; border-bottom:solid 1px #cdd; width:165px; padding:3px 0;} #groupdetails .groups .content .groupmember .navlink .member-details .chat-content .chat-status_pending{ color:#09f; font-size:14px; font-weight:bold; margin-right:25px; border-bottom:solid 1px #cdd; width:165px; padding:3px 0;} #groupdetails .groups .content .groupmember .navlink .member-details .chat-content .chat-status p {vertical-align:baseline; margin:10px 0 0 0; } #groupdetails .groups .content .groupmember .navlink .member-details .chat-content .chat-status a{ color:#09f; text-decoration:none;} #groupdetails .groups .content .groupmember .navlink .member-details .chat-content .chat-status a.manage{ font-size:11px; font-weight:bold; margin-left:10px;} #groupdetails .groups .content .groupmember .navlink .member-details .chat-content .chat-status .last-opened{/*padding-top:5px;*/ font-size:10px; margin:-30px 0 0 95px; font-weight:bold; color:#543;} #groupdetails .groups .content .groupmember .navlink .member-details .chat-status .joined{ color:#ccc; font-size:14px; font-weight:bold; width:165px; padding:3px 0;} #groupdetails .groups .content .groupmember .navlink .member-details .chat-status a:hover{text-decoration:underline; color:#09f;} #groupdetails .groups .content .groupmember .navlink .member-details .desc{ font-size:16px; color:#999; font-weight:normal; margin-left:190px; line-height:20px; } #groupdetails .groups .content .groupmember .navlink .member-details .desc a{ font-size:12px; color:#09f; text-decoration:none;} #groupdetails .groups .content .groupmember .navlink .member-details .desc a:hover{ text-decoration:underline; color:#09f;} #groupdetails .groups .content .groupmember .navlink .member-details #Info {/*float:left; width:100%;*/ margin-left:190px;} /* ------------------------ GROUP HEADER-NEW ENDS HERE --------------------------- */ /* NEW HIDE AND SHOW STARTS HERE */ /*#groupdetails .groups .content .groupmember .navlink .member-details a#toggle { font: 12px/20px Arial, Helvetica, sans-serif; text-decoration: none; display: block; width: 70px;height: 20px; padding-left: 20px; border: 1px solid #000;} #groupdetails .groups .content .groupmember .navlink .member-details a.plus { background:url("../images/showHide.gif") 0px 0px no-repeat; } #groupdetails .groups .content .groupmember .navlink .member-details a.minus { background:url("../images/showHide.gif") 0px -20px no-repeat;} #groupdetails .groups .content .groupmember .navlink .member-details .hide { display: block;} #groupdetails .groups .content .groupmember .navlink .member-details .show { display: none;} #groupdetails .groups .content .groupmember .navlink .member-details .displayblock { display: block; } #groupdetails .groups .content .groupmember .navlink .member-details .displaynone { display:none; }*/ #groupdetails .groups .content .groupmember .navlink .member-details .show{ display:inline !important;} #groupdetails .groups .content .groupmember .navlink .member-details .hide { display:none !important;} #groupdetails .groups .content .groupmember .navlink .member-details .more-info{ display:block !important;} /* NEW HIDE AND SHOW ENDS HERE */ /* Begin widget-md and widget-promo styles */ #groupdetails .groups .content .groupmember .navlink .video-chat-widget { float:left; margin:25px 0 25px 15px; } #groupdetails .groups .content .groupmember .navlink .video-chat-widget a { color:#09f; text-decoration:none; display: block; border:dotted 1px #abb; font-size:11px; font-weight:bold; background:url(/groups/images/editpic-arrow.gif) no-repeat 5px center; padding:0 5px 0 15px; line-height:16px; border-top:none;} #groupdetails .groups .content .groupmember .navlink .video-chat-widget a:hover { text-decoration: underline; } #groupdetails .groups .content .groupmember .navlink .widget-md { margin: 50px 0 0 340px; } #groupdetails .groups .content .topic #widget-promo { height: 190px; border: 1px #000 solid; background:url(/groups/images/bg_advsearch.gif) repeat-x; padding: 10px; } #groupdetails .groups .content .topic #widget-promo img { float: right; width: 220px; height: 184px; margin-left: 20px; } #groupdetails .groups .content .topic #widget-promo h3 { font-size: 18px; line-height: 22px; font-weight: bold; margin-top: 10px; } #groupdetails .groups .content .topic #widget-promo p { font-size: 14px; font-weight: bold; margin-top: 6px; } #groupdetails .groups .content .topic #widget-promo ul { } #groupdetails .groups .content .topic #widget-promo ul li { list-style-type: disc; margin: 5px 0 0 20px; } /* End widget-md and widget-promo styles */ /*--------- View Photo/Video Comment starts here-------------- */ #viewphoto{width:755px; margin:auto;} .middle_content { border:none; float: left; margin:0 7px 0 0; padding-bottom:20px;} .ghd_583{background:url(../images/ghd_titlebar_583.gif) no-repeat 0;width:583px; height:28px;} .centerdiv-viewphoto {text-align:center; border:1px solid #CCC; clear:both; margin:0 0 7px 0; width:581px; font-size:11px;} .centerdiv-viewphoto .report-top{ padding:10px; line-height:20px;} .centerdiv-viewphoto .report-bottom{ padding:10px; line-height:20px; clear:both; border-top:solid 1px #ccc;} .centerdiv-viewphoto strong { font-weight:bold;} .centerdiv-viewphoto .photoviewer-grp { overflow-y: visible; overflow: auto; width: 581px; text-align: center; background: url(../images/bg_greygrad.gif) repeat-x; padding:10px 0;} .centerdiv-viewphoto .photoviewer-grp img, .centerdiv-viewphoto .photoviewer-grp object { border: #000 1px solid; margin:10px; } .centerdiv-viewphoto .photovideo-comment{padding: 10px 0; float: left; clear: both; width:100%; background: url(../images/bg_greygrad.gif) repeat-x;} .centerdiv-viewphoto .photovideo-comment img{ float:left; text-align: left; width:100px; height:100px; margin:0 20px 0 10px; border:solid 1px #000;} .centerdiv-viewphoto .photovideo-comment .descrip{ line-height:17px; text-align:left; margin-right:10px;} .centerdiv-viewphoto .photovideo-comment .descrip img{ float:none; width:auto; height:auto; margin:0; border:none;} .centerdiv-viewphoto .photovideo-comment .descrip img.delete-comment{ height:19px; width:91px;} .centerdiv-viewphoto .photovideo-comment .msg {clear:left; padding:10px 10px 0 10px; text-align:left;} .post-comment {background:transparent url(../images/bg_greygrad.gif) repeat-x scroll 0; border:1px solid #ccc; clear:both; margin:0 0 7px 0; text-align:left; width:581px;} .post-comment .comments-grp{font-weight: bold; padding:20px; line-height:17px;} .post-comment .comments-grp input{width: 540px;} .post-comment .comments-grp textarea{width: 540px;} .post-comment .comments-grp input.button{width:auto; margin:10px 0 0 0;} .ad_160_grp { clear: right; border:none; float: left; width: 160px; height: 600px; padding:0 0 20px 0;} .centerdiv-viewphoto .paging-video {clear:left;padding:10px;font-weight:bold;text-align:left;border-top:solid 1px #ccc;} /*--------- View Photo/Video Comment ends here-------------- */ /*----------allow guest functions*/ a.tooltip_advsettings{ padding:0 3px; border:#09f 1px solid !important; display: inline; position:relative; color:#000; background: none; text-decoration:none;} a.tooltip_advsettings span { display: none; cursor:default;} a.tooltip_advsettings:hover { background-color:#09f; color:#fff; text-decoration:none; cursor:default;} a.tooltip_advsettings:hover span { border: 1px solid #999; text-align:left; padding: 5px 10px; display: block; position: absolute; width: 310px; top: -48px; left: 0; font: 12px/17px arial, sans-serif; color: #000; background-color: #fff; text-decoration:none;} a.tooltip_presettings{ padding:0 3px; border:#09f 1px solid !important; display: inline-block; line-height:14px; position:relative; color:#000; background: none; text-decoration:none;} a.tooltip_presettings span { display: none; cursor:default;} a.tooltip_presettings:hover { background-color:#09f; color:#fff; text-decoration:none; cursor:default;} a.tooltip_presettings:hover span { border: 1px solid #999; text-align:left; padding: 5px 10px; display: block; position: absolute; width: 310px; /*top: -82px;*/ top:auto; bottom:16px; left: 0; font: 12px/17px arial, sans-serif; color: #000; background-color: #fff; text-decoration:none;} a.tooltip-paidmembers{ padding:0 3px; border:#09f 1px solid !important; display: inline-block; line-height:14px; position:relative; color:#000; background: none; text-decoration:none;} a.tooltip-paidmembers div { display: none; cursor:default;} a.tooltip-paidmembers:hover { background-color:#09f; color:#fff; text-decoration:none; cursor:default;} a.tooltip-paidmembers:hover div { border: 1px solid #999; text-align:left; padding: 5px 10px; display: block; position: absolute; width: 310px; /*top:-65px;*/ top:auto; bottom:16px; left: 0; font: 12px/17px arial, sans-serif; color: #000; background-color: #fff; text-decoration:none;} a.tooltip-paidmembers div strong { font-weight:bold; } a.tooltip-paidmembers:hover span.plus-nick { color:#00f; } a.tooltip-paidmembers:hover span.extreme-nick { color:#396; } a.tooltip-paidmembers:hover span.vip-nick { color:#f0f; } /*-------------- tooltip for Groupheader starts here ---------------*/ a.tooltip-vote, a.tooltip-req , a.tooltip-rate{ padding:1px 4px; display: inline; position:relative; text-decoration:none; cursor:default; outline:none;} a.tooltip-vote:hover, a.tooltip-req:hover, a.tooltip-rate:hover {cursor:default; background:none; text-decoration:none; outline:none;} a.tooltip-vote span, a.tooltip-req span, a.tooltip-rate span {display: none; } a.tooltip-vote:hover span, a.tooltip-req:hover span, a.tooltip-rate:hover span { border: 1px solid #999; padding: 5px; display: block; position: absolute; width: 150px; /*top: -95px;*/ top:-80px; right:5px; font: 11px arial, sans-serif; color: #000; background-color: #fff; text-decoration:none !important;} /*-------------- tooltip for Groupheader starts here ---------------*/ /*------ style for manage members ---------- */ #edit_contents .txt-invitemember { font-size: 11px; color: #767676; float:none; font-family: arial,sans serif; margin:0 5px 0 0;} #edit_contents .group-level { font-size:11px; color:#767676;} #edit_contents-cameo .txt-invitemember { font-size: 11px; color: #767676; float:none; font-family: arial,sans serif; margin:0 5px 0 0;} #edit_contents-cameo .group-level { font-size:11px; color:#767676;} /*------ style for manage members ---------- */ /*------ style for create topic---------- */ .topic-subject{ width:350px;} .create-newtopic { border: #ccc 1px solid; width: 400px; height: 150px; margin:5px 0 0 0;} /*------ style for media library ---------- */ .txtbox-caption { width:230px; } /*------ style for displaygroupdetails ---------- */ #groupdetails .groups .content .topic table h3.forum_topic{ display:block; width:210px; overflow:hidden; display:block; word-wrap:break-word; } /* get embed code starts */ .my_clip_button { width:150px; text-align:center; border:1px solid black; background-color:#ccc; margin:10px; padding:10px; cursor:default; font-size:9pt; } .my_clip_button.hover { background-color:#eee; } .my_clip_button.active { background-color:#aaa; } /* get embed code ends */ /* getdomain in advanced settings*/ #edit_contents a.buy-now { background:url(../images/buydomain-btn.gif) no-repeat; padding:4px 14px; color:#000; text-decoration:none; margin:0; } #edit_contents a.buy-now:hover{ text-decoration:underline; } #edit_contents p.create-webpage { margin:0 0 15px 0; } /* getdomain in advanced settings*/ /* Style for create group error in adult rating*/ .rating-adult { float:none; clear:both; height:55px; margin:0 0 0 95px; padding:0; width:100%;} .create-adultroom{ width:300px; position: relative; float:left; padding:5px !important; background:#ffcc01; } .create-adultroom strong { font-weight:bold; } /* Style for create group error in adult rating*/ .tabrow-cameo { background: url(../images/bg_bluebar2.gif); width: 815px; height: 58px;} #edit_contents-cameo { margin-bottom: 30px; width: 815px; text-align: left;} .err-msg-managegrp { font-size:12px; font-weight:normal; color:#f00; margin:0 0 10px 0; padding:0;} .create-topic { font-size:12px; font-weight:bold; color:#333; margin:0; padding:5px 0 6px 0; background:transparent url(../images/create-topic.gif) no-repeat; display:block; width:91px; text-align:center; border:none; cursor:pointer; outline:none; } .create-topic-disable { font-size:12px; font-weight:bold; color:#a2a2a2; margin:0; padding:5px 0 6px 0; background:transparent url(../images/create-topic.gif) no-repeat; display:block; width:91px; text-align:center; border:none; cursor:default; outline:none; } .error-msg-premiumgrp { font-size:13px; font-weight:bold; color:#f00; margin:0 0 0 17px; padding:0; } .indent .paid-members { clear:left; } h5.chatroom-type { margin:0; padding:0; font-size:15px; font-weight:bold; color:#000; line-height:20px; } h5.chatroom-type a { font-weight:normal !important; color:#09f; text-decoration:none; margin:0 0 0 5px; } h5.chatroom-type a:hover { text-decoration:underline; } h6.premium-audiosettings { margin:0; padding:0; font-size:13px; font-weight:bold; color:#000; line-height:18px; } h6.premium-othersettings { margin:15px 0 0 0; padding:0; font-size:13px; font-weight:bold; color:#000; line-height:18px; } .ad-banner { margin:15px 0 0 15px; padding:0; /*float:left; width:100%;*/ } .ad-banner h6 { margin:0; padding:0; font-size:13px; font-weight:bold; color:#000; line-height:18px; display:inline-block; } .ad-banner span { font-size:12px; font-weight:normal; display:inline-block; margin-top:5px; } .ad-banner h6 span { margin-top:0; } .ad-banner input.field { color:#767676; float:none; font-family:arial,sans serif; font-size:11px; } .share-facebook { float:left; margin:10px 0; padding:0; height:25px; overflow:hidden; } .share-facebook .share { float:left; margin:0 5px 0 0; padding:0; } .share-facebook .like-facebook { margin:0; padding:0; width:100px; height:21px; } .share-facebook .like { margin:0; padding:0; width:100px; height:21px; float:left; } .share-facebook .share .fb_iframe_widget span { margin:0 0 0 3px; } /*-------------- User Interaction (Advanced Settings) style starts here ---------------- */ .user-interaction { background: transparent url(/groups/images/bg_greygrad.gif) repeat-x 0 0; border-left:solid 1px #ccc; border-right:solid 1px #ccc; padding:10px; } .user-interaction fieldset { margin:0; padding:0; border:none; } .user-interaction strong { font-weight:bold; } .user-interaction fieldset.new-member { margin:0; padding:0; border:none; clear:left; width:100%; } .user-interaction fieldset.new-member label { float:left; display:block; width:320px; } .user-interaction fieldset.new-member span { margin:0 10px 0 0; } .user-interaction .url-links { margin:0; padding:10px 0 0 0; clear:left; width:100%; } .user-interaction .url-links p { margin:0 0 5px 0; padding:0; } /*-------------- User Interaction (Advanced Settings) style ends here ---------------- */ /*-------------- Download page (Enter the Room) style starts here ---------------------*/ /*body { margin:0; padding:0; background:#f3f3f6 url(http://www.paltalk.com/en/images/download_images/download-bg.gif) repeat; }*/ #download-paltalk { margin:42px auto; padding:0; width:918px; background:transparent url(http://www.paltalk.com/en/images/download_images/download-bg1.png) repeat-x; height:515px; font:normal 12px Arial, Helvetica, sans-serif; } #download-paltalk .bg-right { margin:0 -14px 0 0; padding:0; width:14px; background:transparent url(http://www.paltalk.com/en/images/download_images/download-bg1-right.png); height:515px; float:right; position:relative; } #download-paltalk .bg-left { margin:0 0 0 -12px; padding:0; width:12px; background:transparent url(http://www.paltalk.com/en/images/download_images/download-bg1-left.png); height:515px; float:left; position:relative; } #download-paltalk .content { margin:0; padding:54px 10px 10px 29px; } #download-paltalk .content .get-paltalk { margin:0; padding:0 0 0 415px; background:transparent url(http://www.paltalk.com/en/images/download_images/paltalk-scene.png) no-repeat; min-height:268px; } #download-paltalk .content .get-paltalk h2 { margin:0 0 7px 0; padding:0; font-size:24px; font-weight:bold; color:#83c926; } #download-paltalk .content .get-paltalk h6 { margin:0; padding:0 0 0 20px; font-size:12px; font-weight:bold; color:#fff; } #download-paltalk .content .get-paltalk ul { margin:0; padding:0 0 9px 35px; list-style:disc; } #download-paltalk .content .get-paltalk ul li { margin:0; padding:0; list-style:disc; font-size:12px; color:#fff; } #download-paltalk .content .get-paltalk a { margin:0; padding:0; font-size:12px; color:#fff; text-decoration:underline; display:inline-block; } #download-paltalk .content .get-paltalk a.learn-more { margin:0; padding:0 0 0 22px; font-size:14px; font-weight:bold; color:#09f; text-decoration:underline; background:transparent url(http://www.paltalk.com/en/images/download_images/list-arrow.gif) no-repeat 0 4px; } #download-paltalk .content .get-paltalk a:hover, #download-paltalk .content .get-paltalk a.learn-more:hover { text-decoration:none; } #download-paltalk .content .get-paltalk a.download-free { margin:10px 0 12px 0; padding:10px 0; font-size:28px; font-weight:bold; color:#fff; text-decoration:none; background:transparent url(http://www.paltalk.com/en/images/download_images/download-free.gif) no-repeat; width:310px; display:block; text-align:center; height:36px; } #download-paltalk .content .get-paltalk a.download-free span { font-size:24px; background:transparent url(http://www.paltalk.com/en/images/download_images/download-icon.gif) no-repeat; padding:5px 0 2px 58px } #download-paltalk .content .get-paltalk a.download-free:hover span{ text-decoration:underline; } #download-paltalk .content .paltalk-basic { margin:14px 35px 0 7px; padding:0; background:transparent url(http://www.paltalk.com/en/images/download_images/download-bg2.png) repeat-x; height:136px; } #download-paltalk .content .paltalk-basic .bg-right { margin:0 -14px 0 0; padding:0; width:14px; background:transparent url(http://www.paltalk.com/en/images/download_images/download-bg2-right.png); height:136px; float:right; position:relative; } #download-paltalk .content .paltalk-basic .bg-left { margin:0 0 0 -8px; padding:0; width:8px; background:transparent url(http://www.paltalk.com/en/images/download_images/download-bg2-left.png); height:136px; float:left; position:relative; } #download-paltalk .content .paltalk-basic .basic-content { margin:0; padding:16px 10px 10px 20px; } #download-paltalk .content .paltalk-basic .basic-content strong { font-weight: bold; } #download-paltalk .content .paltalk-basic .basic-content h3 { margin:0 0 7px 0; padding:0; font-size:20px; font-weight:bold; color:#83c926; } #download-paltalk .content .paltalk-basic .basic-content ul { margin:0; padding:0; list-style:none; } #download-paltalk .content .paltalk-basic .basic-content ul li { margin:0 0 5px 0; padding:0 0 0 22px; list-style:none; width:47%; float:left; display:block; font-size:14px; font-weight:normal; color:#fff; background:transparent url(http://www.paltalk.com/en/images/download_images/list-arrow.gif) no-repeat 0 4px; } #download-paltalk .content .win7 { font-size:12px; width: 143px; height: 37px; margin-top: -20px; margin-left: 166px; text-align: left; background: #fff; border: 2px solid #333;} #download-paltalk .content .win7 p { font-size:12px; padding-top: 3px; color: #000; } #download-paltalk .content .win7 p strong { font-size: 14px; font-weight:bold; } #download-paltalk .content .win7 img { float: left; margin: 2px 10px 0 10px; } .dltitle { font-size:24px; font-weight:bold; color:#83c926; } /*-------------- Download page (Enter the Room) style ends here ---------------------*/ /* Modal starts here */ #modal-backdrop { background:rgba(0,0,0,0.8); position:fixed; width:100%; height:100%; top:0; left:0; text-align:center; display:inline-block; z-index:100 } .modal { display:inline-block; height:100%; left:0; position:fixed; text-align:center; top:0; vertical-align:middle; width:100%; z-index:101; } .modal::before { content:""; display:inline-block; height:100%; vertical-align:middle; width:0; } .modal .modal-dialog { display:inline-block;vertical-align:middle;width:97%;font-family:"Roboto";background:none;max-width:450px;position:relative;margin:0 auto;padding:0;border-radius:3px} .modal .modal-dialog::before{display:inline-block;vertical-align:middle;height:100%;width:0;content:''} .modal .modal-dialog .modal-content{width:100%;min-height:150px;display:inline-block;vertical-align:middle;} .modal .modal-dialog .modal-content::before{display:inline-block;vertical-align:middle;height:100%;width:0;content:''} .modal .modal-dialog .modal-content .inprogress-container {margin:0 auto;position:relative; display:inline-block; vertical-align: middle; z-index: 103; } .modal .modal-dialog .modal-content .inprogress-container .inner-content { position:relative; overflow:hidden; width:auto; margin:0 auto; text-align:center; display:block;} .modal .modal-dialog .modal-content .inprogress-container .inner-content h5 { font-size:20px; color:#FFF; font-weight:400; line-height:25px; margin-bottom:15px; } /* Modal starts here */ /* -- UC Widget style starts here -- */ .uploadcare-dialog-tab-UserPhotos:before { background:transparent url(../responsive/images/tab-gallery-icon.png) no-repeat 8px -36px;background-size:auto auto } .uploadcare-dialog-tab-UserPhotos:hover:before { background:transparent url(../responsive/images/tab-gallery-icon.png) no-repeat 8px -36px;background-size:auto auto;opacity:1 } .uploadcare-dialog-tab-UserPhotos.uploadcare-dialog-tab_current::before,.uploadcare-dialog-tab-UserPhotos.uploadcare-dialog-tab_current:hover::before { background:transparent url(../responsive/images/tab-gallery-icon.png) no-repeat 8px 12px;background-size:auto auto } .uploadcare-dialog-tabs-panel-UserPhotos{padding:15px 25px 25px 25px} .uploadcare-dialog-tabs-panel-UserPhotos .inner-content{height:570px;position:relative} .uploadcare-dialog-tabs-panel-UserPhotos .inner-content .uploadcare-dialog-section{position:relative;top:211px;margin:0 auto;text-align:center} .uploadcare-dialog-tabs-panel-UserPhotos .inner-content .uploadcare-dialog-section .uploadcare-dialog-file-sources{display:inline-block !important} .uploadcare-dialog-tabs-panel-UserPhotos .inner-content .empty-gallery{text-align:center;margin-top:20%} .uploadcare-dialog-tabs-panel-UserPhotos .inner-content .image-container{max-height:520px;overflow-y:auto} .uploadcare-dialog-tabs-panel-UserPhotos .inner-content .image-container ul{display:-moz-inline-stack;display:inline-block;vertical-align:middle;*vertical-align:auto;zoom:1;*display:inline} .uploadcare-dialog-tabs-panel-UserPhotos .inner-content .image-container ul li{display:-moz-inline-stack;display:inline-block;vertical-align:middle;*vertical-align:auto;zoom:1;*display:inline;margin:0 17px 20px 0;padding-left:3px;padding-top:3px;position:relative;width:100px;height:100px;cursor:pointer} .uploadcare-dialog-tabs-panel-UserPhotos .inner-content .image-container ul li>a{outline:none !important;border:none !important;display:-moz-inline-stack;display:inline-block;vertical-align:middle;*vertical-align:auto;zoom:1;*display:inline;width:100%;height:100%;background:#fff;text-align:center} .uploadcare-dialog-tabs-panel-UserPhotos .inner-content .image-container ul li .helper{height:100%;display:-moz-inline-stack;display:inline-block;vertical-align:middle;*vertical-align:auto;zoom:1;*display:inline;vertical-align:middle} .uploadcare-dialog-tabs-panel-UserPhotos .inner-content .image-container ul li img{max-width:100%;max-height:100%;display:-moz-inline-stack;display:inline-block;vertical-align:middle;*vertical-align:auto;zoom:1;*display:inline;vertical-align:middle} .uploadcare-dialog-tabs-panel-UserPhotos .inner-content .image-container ul li img.loader{width:35px;height:auto} .uploadcare-dialog-tabs-panel-UserPhotos .inner-content .image-container ul li a.active img{border:solid 3px #0095d5;border-radius:3px;margin:-3px} .uploadcare-dialog-tabs-panel-UserPhotos .inner-content .image-container ul li:hover .overlay{display:block} .uploadcare-dialog-tabs-panel-UserPhotos .inner-content .image-container ul li .overlay{background:rgba(0,0,0,0.75);width:100px;height:100px;position:absolute;top:3px;left:3px;text-align:center;display:none;-webkit-transition:all 166ms ease-out;-moz-transition:all 166ms ease-out;-ms-transition:all 166ms ease-out;-o-transition:all 166ms ease-out;transition:all 166ms ease-out} .uploadcare-dialog-tabs-panel-UserPhotos .inner-content .image-container ul li .overlay a{display:-moz-inline-stack;display:inline-block;vertical-align:middle;*vertical-align:auto;zoom:1;*display:inline;font-size:10px;color:#fff;vertical-align:middle;position:relative;top:40%} .uploadcare-dialog-tabs-panel-UserPhotos .inner-content h4{color:#444;font-size:24px;font-weight:400;margin-bottom:25px} .uploadcare-dialog-tabs-panel-UserPhotos .inner-content p{font-size:14px;font-weight:400;line-height:1.5;color:#444;margin-bottom:25px} .uploadcare-dialog-tabs-panel-UserPhotos .inner-content p a{color:#0095d5} .uploadcare-dialog-tabs-panel-UserPhotos .inner-content p.error-msg{color:#f97360;text-align:left;margin-top:-15px;margin-bottom:5px;font-size:13px;font-weight:400} .uploadcare-dialog-footer { display:none; } /* -- UC Widget style ends here -- */