/*[fmt]A010-100B-3*/ /*.... css reset ....*/ body, div, dl, dt, dd, ul, ol, li, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0;} table { border-collapse: collapse; border-spacing: 0;} fieldset, img { border: 0;} address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal;} ol, ul { list-style: none;} caption, th { text-align: left;} h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;} q:before, q:after { content: '';} abbr, acronym { border: 0;} /*.... end of css reset ....*/ img { border: none;} a { text-decoration: none; outline: none;} .clearBoth { clear: both;} .noBorder { border: 0px solid #000000 !important;} body { font-size: 62.5%; font-family: arial, tahoma, helvetica, "lucida grande", "Lucida Sans Unicode", sans-serif; background: url(../images/bodybg.gif) repeat-x top; color: #494949;} #container { width: 950px; margin: 0px auto; padding-bottom: 20px;} #twoColWrapper { margin-bottom: 20px;} :focus { outline: none;} #container input[type="text"], #container input[type="password"], select, textarea { font-size: 12px; padding: 4px 2px; color: #333; border: 1px solid #D3D3D3; background: url(../images/bg_input_text.gif) repeat-x top; font-family: Arial, helvetica, sans-serif;} #container input[type="submit"], button { /*[disabled]background-color:#07A0CF;*/ /*[disabled]border:1px solid #168CB0;*/ /*[disabled]padding:3px 10px;*/ /*[disabled]color:#FFFFFF;*/ /*[disabled]font-weight:bold;*/ /*[disabled]font-size:11px;*/} #container input[type="cancel"] { /*[disabled]background-color:#989898;*/ /*[disabled]border:1px solid #737373;*/ /*[disabled]padding:3px 10px;*/ /*[disabled]color:#FFFFFF;*/ /*[disabled]font-weight:bold;*/ /*[disabled]font-size:11px;*/} .c { text-align: center;} .r { text-align: right;} hr { color: #C8E4EE; background-color: #C8E4EE; border: 0; height: 1px; clear: both;} /*~~~~~~~~ HEADER STYLES ~~~~~~~~*/ #header { width: 950px; height: 107px; margin-bottom: 15px; background: url(../images/sec_02.jpg) no-repeat;} .logo { float: left; margin: 45px 0 0;} ul#topNav { float: right; height: 22px; padding-top: 8px;} ul#topNav li { display: inline;} ul#topNav li a { color: #FFF; font-size: 11px; margin-left: 15px;} ul#topNav li a:hover { color: #FFF5D7;} /*topNav 2*/ ul#topNav2 { float: right; margin: 7px 0px; display:inline ; width:580px} ul#topNav2 li { display: inline; margin-left: 10px; color: #FFF; font-size: 11px;} ul#topNav2 a, #ctl00_btnSignOut { color: #FFF; font-size: 11px;} #ctl00_btnSignOut { padding: 0 0px;} ul#topNav2 li a:hover { color: #FFF5D7;} ul#topNav2 li.welcome_user { color: #FFFFFF; font-size: 11px; font-weight: bold;} ul#topNav2 li.topNavNumb { margin-left: 2px;} ul#topNav2 li img { vertical-align: middle;} ul#mainNav { clear: right; float: right; height: 54px;} ul#mainNav li { display: inline;} .panel1 a, .panel2 a, .panel3 a, .panel4 a, .panel5 a { float: left; display: block; height: 54px; background: url(../images/navigation.gif) no-repeat; overflow: hidden; text-indent: -3000px;} .panel1 a { width: 119px; background-position: 0 0;} .panel2 a { width: 128px; background-position: -119px 0;} .panel3 a { width: 76px; background-position: -247px 0;} .panel4 a { width: 105px; background-position: -353px 0;} .panel5 a { width: 76px; background-position: -458px 0;} .panel1 a:hover { background-position: 0 -54px;} .panel2 a:hover { background-position: -119px -54px;} .panel3 a:hover { background-position: -247px -54px;} .panel4 a:hover { background-position: -353px -54px;} .panel5 a:hover { background-position: -458px -54px;} /*mainNav2, when a user is logged in*/ ul#mainNav2 { clear: right; float: right; height: 55px; width: 507px;} ul#mainNav2 li { display: inline;} ul#mainNav2 a { float: left; display: block; height: 54px; background: url(../images/mainnav2_.gif) no-repeat; overflow: auto; text-indent: -3000em;} ul#mainNav2 .panel1 a { width: 143px; background-position: 0 0;} ul#mainNav2 .panel2 a { width: 105px; background-position: -143px 0;} ul#mainNav2 .panel3 a { width: 140px; background-position: -248px 0;} ul#mainNav2 .panel4 a { width: 119px; background-position: -388px 0;} ul#mainNav2 .panel1 a:hover { width: 143px; background-position: 0 -55px;} ul#mainNav2 .panel2 a:hover { width: 105px; background-position: -143px -55px;} ul#mainNav2 .panel3 a:hover { width: 140px; background-position: -248px -55px;} ul#mainNav2 .panel4 a:hover { width: 119px; background-position: -388px -55px;} ul#mainNav2 .panel1 a.current { width: 143px; background-position: 0 -110px;} ul#mainNav2 .panel2 a.current { width: 105px; background-position: -143px -110px;} ul#mainNav2 .panel3 a.current { width: 140px; background-position: -248px -110px;} ul#mainNav2 .panel4 a.current { width: 119px; background-position: -388px -110px;} /*~~~~~~~~ LEFT COLUMN STYLES ~~~~~~~~*/ #leftCol { float: left; width: 650px; padding-right: 20px;} #leftCol h1 { margin-bottom: 5px;} #leftCol h2 { margin-bottom: 20px;} .subTitle { display: block; font-size: 20px; color: #2B2B2B; margin-bottom: 20px; line-height: 25px;} #leftCol p { font-size: 13px; color: #747474; margin-bottom: 20px; line-height: 18px;} #leftColList { margin-bottom: 20px;} #leftColList li { width: 40%; float: left; margin: 7px 30px 7px 0px;} #leftColList li a { font-size: 15px; color: #2B2B2B; padding-left: 55px; letter-spacing: 0.1px; background: url(../images/sec_40.gif) no-repeat 25px 0px;} #leftColList li a:hover { color: #5E5E5E;} #searchWrapper { height: 49px; width: 650px; margin-bottom: 10px;} #search { float: left; width: 423px; height: 49px; background: url(../images/sec_06.gif) no-repeat;} #search .text { float: left; width: 340px; margin: 14px 0 0 23px; font-family: arial, helvetica, sans-serif; font-size: 18px; border: 0px solid #000000; background: none;} #search .bttn { float: left; margin: 10px 0 0 12px;} .bttn_create img { display: inline; float: right;} #banner { margin-bottom: 30px;} .divider { clear: both; width: 100%; border-bottom: 1px solid #E1E1E1; margin-bottom: 20px;} .screenCapt { float: left; margin: 0 30px 20px 0; display: inline;} .screenCapt img { margin-bottom: 5px;} .screenCapt h3 a { font-size: 14px; font-weight: bold; color: #108DAB; margin-left: 10px;} .screenCapt h3 a:hover { color: #2EB4D4;} /*~~~~~~~~ RIGHT COLUMN STYLES ~~~~~~~~*/ #rightCol { float: left; width: 280px;} .navRound { clear: both; display: block;} #rightNav { margin-bottom: 15px;} #rightNav li a { display: block; width: 244px; font-size: 13px; color: #7A7A7A; padding: 13px 0 10px 35px; border-bottom: 1px solid #E6E6E6; background: url(../images/rightnavbg.gif) no-repeat;} #rightNav li a:hover { background: url(../images/rightnavbg_hover.gif) no-repeat;} #rightNav li a:focus { background: url(../images/rightnavbg_active.gif) no-repeat;} #rightNav li a:active { background: url(../images/rightnavbg_active.gif) no-repeat;} #advertisement { position: relative; background: url(../images/adbg.gif) repeat-y; text-align: center; padding: 10px 0;} #head_pop_match { height: 25px; background: url(../images/headpop_bg.gif) repeat-y; padding: 5px;} #head_pop_match h2 { float: left; margin: 8px 0 0 10px;} #head_pop_match .more_link a { float: right; margin: 8px 10px 0 0; color: #979696; padding-left: 7px; background: url(../images/sec_46.gif) no-repeat 0px 4px;} #head_pop_match .more_link a:hover { color: #10B2CA;} .popularBox { clear: both; height: 80px; background: url(../images/groups_bg.gif) repeat-y; border-top: 1px solid #E5E5E5; padding: 10px 10px 10px 15px;} .popImage { float: left; border: 1px solid #00A0B8; padding: 3px; margin-right: 15px;} .popularBox h2 a { font-size: 16px; color: #10B2CA; font-weight: bold;} .popularBox h2 a:hover { color: #46E3FA;} .popularBox p { font-size: 10px; color: #979696; margin-bottom: 4px;} .category { display: block; font-size: 11px; color: #3C3C3C; margin-bottom: 4px;} .total_users a { font-size: 10px; color: #10B2CA;} .total_users a:hover { color: #46E3FA;} /*~~~~~~~~ FOOTER STYLES ~~~~~~~~*/ #footer { height: 42px; background: url(../images/footerbg.gif) no-repeat bottom; clear: both; margin-top: 5px; text-align:center;} #footer ul { display: inline; float: none; margin: 10px 15px 0 0;} #footer li { display: inline; font-size: 11px; color: #7E7E7E; margin-left: 8px;} #footer li a { color: #7E7E7E;} #footer li a:hover { color: #10B2CA;} .copyright { float: none; display: inline; font-size: 11px; color: #7E7E7E; margin: 10px 0 0 15px;} .copyright a { color: #7E7E7E;} .copyright a:hover { color: #10B2CA;} /*main strucuture*/ #contentHolder { width: 100%; padding-top: 0px;} #leftColumn { width: 640px; float: left;} #rightColumn { width: 280px; float: right;} #contentHolderGray { padding: 10px 0px 10px 10px; width: 100%; background: #F1F1F1; margin-top: -15px;/*offset the margin-bottom from header... temporary.*/ margin-bottom: 10px; width: 940px;} #fauxWhiteColumn { width: 741px; float: left; display: inline; background: #FFF url(../images/bg_fauxwhite_bottom.gif) no-repeat bottom; padding-bottom: 20px;} #contentHolderGray #leftColumn { width: 230px; float: left; display: inline;/*margin-left: 10px;*/ } #contentHolderGray #midColumn { width: 511px; float: left; display: inline; padding-top: 20px; background: #FFF url(../images/bg_midcolumn_top.gif) no-repeat top;} #contentHolderGray #leftColumnBig { width: 741px; float: left; display: inline; padding-top: 20px; background: #FFF url(../images/bg_midcolumn_top.gif) no-repeat top;} #midColumn2 { width: 511px; float: left; display: inline;} #contentHolderGray #rightColumn { width: 180px; float: left; display: inline; margin-left: 9px;} /*Sign Up Page*/ #signUpPage {} #signUpPage h1 { margin-bottom: 5px;} #signUpPage .tagline { display: block; margin-bottom: 20px;} #signUpPage em { font-size: 12px; color: #FB8700; padding: 0px 3px;} #signUpPage h3 { padding-bottom: 2px; border-bottom: 2px solid #CCE9EF; margin-bottom: 25px;} #signUpPage span.tagline { font-size: 14px; font-weight: bold; color: #595959;} .alertMsg { padding-top: 15px; width: 608px; height: 42px; background: url(../images/bg_alertmsg.gif) no-repeat top; font: bold 16px arial, sans-serif; color: #FFF; text-align: center; margin-bottom: 18px;} .accountInformation, .personalInformation { margin-bottom: 20px;} .accountInformation label, .personalInformation label { display: block; font-size: 13px; font-weight: bold; color: #505050; margin-bottom: 3px;} .accountInformation li, .personalInformation li { float: left; font-size: 12px; padding-top: 10px; width: 48%; height: 63px; border-bottom: 1px solid #E5E5E5;} #signUpPage input[type="text"], #signUpPage input[type="password"], #signUpPage select { font-size: 12px; width: 274px; padding: 4px 2px; color: #333; border: 1px solid #D3D3D3; background: url(../images/bg_input_text.gif) repeat-x top;} #signUpPage select { font-size: 12px; width: 274px; height:25px !important; padding:0; color: #333; border: 1px solid #D3D3D3; background: url(../images/bg_input_text.gif) repeat-x top;} #signUpPage select { background: #FAFAFA;} #signUpPage select.birthMonth { width: 124px;} #signUpPage select.birthDate { width: 57px;} #signUpPage select.birthYear { width: 73px;} #signUpPage span.hint { font-size: 11px; color: #FB8700; display: block;} #signUpPage span.passwordStrength { font-size: 11px; color: #505050;} #signUpPage span.passwordStrength b { color: #2AA3BD;} #signUpPage .verification { clear: both; text-align: center; border-bottom: 1px solid #E5E5E5; padding-bottom: 13px; margin-bottom: 13px;} #signUpPage .verification h6 { font-size: 12px; color: #474747; margin-bottom: 10px;} #signUpPage .buttonHolder { font-size: 12px; color: #858585; text-align: center; margin-bottom: 15px;} #signUpPage .buttonHolder a { color: #1890B4;} /*ad spaces*/ .adSpace { padding-top: 16px; width: 279px; height: 267px; background: url(../images/bg_adspace.gif) no-repeat top;} .adSpace img { display: block; margin: 0px auto;} #adSpace2 { padding-top: 15px; background: #FFF url(../images/bg_adspace2_top.gif) no-repeat top;} #adSpace2 .content { padding-bottom: 15px; background: #FFF url(../images/bg_adspace2_bottom.gif) no-repeat bottom;} #adSpace2 img { display: block; margin: 0px auto;} #adSpace3 { width: 220px; min-height: 500px;/*change height when size is determined*/ background: url(../images/title_adspace.gif) no-repeat center center;/*can be removed*/ padding:20px } #adSpace3 img { display: block; margin: 0px auto;} #adSpaceBottom { margin-top: 10px; width: 741px; height: 111px; background: url(../images/bg_adspace_bottom.gif) no-repeat;} #popularMatchGroups { padding-bottom: 10px; width: 279px; background: url(../images/bg_popularmatchgroups.gif) no-repeat bottom;} #popularMatchGroups h1 { width: 259px; margin-left: 1px; background: #F4F4F4; padding: 15px 0px 10px 18px; border-bottom: 1px solid #E2E2E2;} #popularMatchGroups a.moreLink { font-size: 11px; background: url(../images/arrow_blue.gif) no-repeat 0px 5px; padding-left: 8px; color: #AEAEAE; float: right; display: inline; margin-right: 18px; margin-top: -27px;} #popularMatchGroups a.moreLink:hover { color: #2AA3BD;} #popularMatchGroups .content li { padding-top: 10px; height: 91px; border-bottom: 1px solid #D9D9D9;} #popularMatchGroups .content li.lastItem { border-bottom: none;} #popularMatchGroups .thumb img { padding: 3px; border: 1px solid #07AEC5; float: left; display: inline; margin: 0px 15px;} #popularMatchGroups .title, #popularMatchGroups .category, #popularMatchGroups .category, #popularMatchGroups .users { display: block;} #popularMatchGroups .title { color: #08BED5; font-size: 14px; font-weight: bold;} #popularMatchGroups .category { font-size: 12px; color: #4D4D4D;} #popularMatchGroups .category { font-size: 11px; color: #BFBFBF;} #popularMatchGroups .users { font-size: 12px; color: #08BED5;} #myProfile { padding-bottom: 17px; background: #FFF url(../images/bg_myprofile_bottom.gif) no-repeat bottom;} #myProfile .content { padding: 17px 20px 0px; background: #FFF url(../images/bg_myprofile_top.gif) no-repeat top;} #myProfile .profilePhoto { padding-top: 19px; width: 178px; height: 131px; background: url(../images/bg_profilephoto.gif) no-repeat top; margin-bottom: 8px;} #myProfile .profilePhoto img { display: block; margin: 0px auto; max-height: 112px; max-width: 140px;} #myProfile .editPhoto { text-align: right; margin-bottom: 20px;} #myProfile .editPhoto a { font-size: 11px; font-weight: bold; color: #5C5C5C; background: url(../images/arrow_blue3.gif) no-repeat right 2px; padding-right: 10px;} #myProfile .content ul li a { display: block; width: 100%; background: url(../images/arrow_blue2.gif) no-repeat right 7px; font: bold 11px arial, sans-serif; color: #5C5C5C; padding: 5px 0px; border-top: 1px solid #E3E3E3;} #myProfile .content ul li a:hover { color: #10B2CA;} #myProfile .content ul li a em { color: #2DB1C9;} #myMatchGroups { padding-bottom: 7px; width: 220px; background: #FCFCFC url(../images/bg_mymatches_bottom.gif) no-repeat bottom;} #MgScrollContainer { padding: 10px 0 40px;} #ScrollDown, #ScrollUp { width: 220px;} #myMatchGroups h1 { padding: 10px 0px 10px 11px; width: 209px; font-size: 14px; font-weight: bold; color: #FFF; background: url(../images/bg_grayheader.gif) no-repeat top;} #myMatchGroups h1 a.viewAll { float: right; background: url(../images/bullet_graybg.gif) no-repeat 48px 2px; color: #CCC; font-size: 11px; font-weight: bold; margin-top: -13px; margin-right: 3px; padding-right: 20px;} #myMatchGroups a.viewAll:hover { color: #FFF;} #myMatchGroups .item { padding: 11px 0px; border-bottom: 1px solid #D7D7D7;} #myMatchGroups .last { border-bottom: none;} #myMatchGroups table { width: 90%; margin: 0px auto;} #myMatchGroups table td { padding: 2px 0px;} #myMatchGroups table td.onOff { text-align: left;} #myMatchGroups table td.onOff table { float: left;} #myMatchGroups table td.thumb { vertical-align: top; padding: 0 10px 0 0;} #myMatchGroups table img { vertical-align: middle;} #myMatchGroups .thumb img { padding: 3px; background: #FFF; border: 1px solid #C0C0C0;} #myMatchGroups .title { font-size: 14px; font-weight: bold; color: #3F3F3F; width: 120px; line-height: 1;} #myMatchGroups .matches { color: #3F3F3F;} #myMatchGroups .matches a { color: #009ECE;} #myMatchGroups .goLink, #myMatchGroups .percentage { text-align: right;} #myMatchGroups .goLink { vertical-align: top;} #myMatchGroups .percentage { font-size: 14px; font-weight: bold; color: #0A9FCD;} #myMatchGroups .slider { padding: 5px 0 5 3px;} #myMatchGroups .slider h2 { font-size: 11px; font-weight: bold; margin-bottom: 5px; color: #057EA4;} /*myAccount*/ #myAccount { padding-bottom: 10px; background: #FFF url(../images/bg_myaccount_bottom.gif) no-repeat bottom;} #myAccount h1 { font-size: 22px; font-weight: normal; font-family: tahoma, helvetica, arial, "lucida grande", sans-serif; color: #999999;} /*{ padding: 0px 0px 25px 16px; width: 495px;/*background: #fff url(../images/bg_midcolumn_top.gif) no-repeat top; }*/ #myAccount .blueTab { width: 494px; padding: 11px 0px 11px 17px; background: url(../images/bg_bluetab.gif) no-repeat top; border-bottom: 1px solid #FFF;} #myAccount .grayTab { width: 494px; padding: 11px 0px 11px 17px; background: url(../images/bg_graytab.gif) no-repeat top; border-bottom: 1px solid #FFF;} /*reuses most of the styles from .personalInformation*/ #myAccount .content { padding: 20px 20px 30px; border-left: 1px solid #CECECE;} #myAccount input[type="text"], #myAccount input[type="password"] { font-size: 12px; width: 200px; padding: 4px 2px; color: #333; border: 1px solid #D3D3D3; background: url(../images/bg_input_text.gif) repeat-x top;} #myAccount select { font-size: 11px; padding: 4px 0px; border: 1px solid #D3D3D3; background: #FAFAFA;} #myAccount option { background-color: #FFF;} #myAccount .radio { margin-right: 5px; vertical-align: middle;} #myAccount .genderType { margin-right: 10px;} #myAccount select.birthMonth { width: 90px;} #myAccount select.birthDate { width: 55px;} #myAccount select.birthYear { width: 70px;} #myAccount .buttonHolder { text-align: right;} /*quicknav*/ #quickNav { width: 179px; padding-top: 5px; background: #FFF url(../images/bg_quicknav_top.gif) no-repeat top;} #quickNav ul { padding-bottom: 5px; background: url(../images/bg_quicknav_bottom.gif) no-repeat bottom;} #quickNav li { display: inline;} #quickNav li a { display: block; padding: 10px 0px 10px 12px; width: 167px; font-size: 12px; color: #6A6A6A; border-bottom: 1px solid #ECECEC; background: url(../images/arrow_right.gif) no-repeat 155px 13px;} #quickNav li.last a { border-bottom: none;} #quickNav li a:hover { color: #F78800; background: url(../images/arrow_left.gif) no-repeat 155px 13px;} /*my profile and pending connections*/ .MatchTitle { font-size: 15px; font-weight: bold;} #matchTitleBar { width: 511px; height: 24px; padding-top: 13px; background: url(../images/profile_07.gif) no-repeat top;} /*-------Fix to FireFox 3.4-----------*/ #matchTitleBar .inner { width: 511px;height: 24px;background: url(../images/title_pendcheck.png) no-repeat 15px center;} #matchTitleBar .inner span { visibility:hidden; } /*-------end fix to FireFox 3.4-----------*/ #matchTitleBar h1 { float: left; margin: 0px 0px 0px 15px;} #matchTitleBar h2 { float: left; margin: 0px;} #matchTitleBar .viewAll a { float: right; color: #A7D3E1; padding-right: 15px; margin: 0px 15px 0px 0px; background: url(../images/profile_bullet.png) no-repeat right 1px;} #matchTitleBar .viewAll a:hover { color: #FFF;} #matchGroupNav, #pendingConnectionsNav { height: 29px; width: 511px; background: #DAEFF7;} #matchGroupNav .sortBy, #pendingConnectionsNav .sortBy { float: right; font-size: 11px; font-weight: bold; color: #0A82A6; margin: 8px 14px;} #matchGroupNav ul, #pendingConnectionsNav ul { float: right;} #matchGroupNav li, #pendingConnectionsNav li { float: left; display: inline;} #matchGroupNav li a, #pendingConnectionsNav li a { display: block; color: #5EB2C8; font-size: 11px; font-weight: bold; border-left: 1px solid #AAD7E5; padding: 8px 14px 7px;} #matchGroupNav li a:hover, #pendingConnectionsNav li a:hover { font-size: 11px; font-weight: bold; color: #0A82A6; background: #F4FBFD;} #matchGroupNav li a:focus, #pendingConnectionsNav li a:focus { background: url(../images/matchgroupnav_active.gif) no-repeat center bottom;} #matchGroupNav li a:active, #pendingConnectionsNav li a:active { background: url(../images/matchgroupnav_active.gif) no-repeat center bottom;} #pendingConnectionsNav .select { color: #0A82A6; background: #F4FBFD url(../images/arrow_blue_up2.gif) no-repeat center bottom;} #panelsHolder { padding: 9px 0px 3px; background: #B4D1DD url(../images/matchgroup_bottom.gif) no-repeat bottom;} .matchGroupsPanel, .pendingConnectionsPanel { width: 499px; margin: 0px auto 3px; padding-top: 15px; background: #FCFCFC url(../images/profile_11.gif) no-repeat top;} .matchGroupsPanel .roundBot, .pendingConnectionsPanel .roundBot { clear: both; display: block;} .matchGroupsPanel .avatar, .pendingConnectionsPanel .avatar { float: left; border: 1px solid #C0C0C0; padding: 3px; margin: 0px 10px 8px 15px;} .matchGroupsInfo, .pendingConnectionsInfo { float: left;} .matchGroupsInfo h2 a, .pendingConnectionsInfo h2 a { font-size: 15px; font-weight: bold; color: #009ECE;} .matchGroupsInfo h2 a:hover, .pendingConnectionsInfo h2 a:hover { color: #5EB2C8;} .matchGroupsInfo .infoResults, .pendingConnectionsInfo .infoResults { display: block; font-size: 10px; color: #676767; margin-bottom: 0px;} .matchGroupsInfo p, .pendingConnectionsInfo p { font-size: 11px; color: #B0B0B0;} .pendingConnectionsInfo li { display: inline;} .pendingConnectionsInfo li a { float: left; font-size: 10px; color: #606060; margin: 0 10px 0 0; padding-left: 10px; background: url(../images/pendbullet.gif) no-repeat 0px 4px;} .pendingConnectionsInfo li a:hover { color: #888;} .matchScore { float: right; text-align: center; width: 78px; height: 65px; margin-top: -10px; margin-right: 4px; padding-top: 25px; background: url(../images/bg_matchscore.gif) no-repeat top;} .matchScore h1 { font-size: 25px !important; font-weight: bold; color: #08A1D0 !important;} .matchScore span { font-size: 25px !important; font-weight: bold; color: #08A1D0 !important;} .matchScore h3 { font-size: 10px; margin-bottom: 10px; color: #676767;} .pendingConnectionsCatPanel { width: 499px; height: 45px; margin: 0px auto 3px; padding-top: 5px; background: url(../images/pendCatBg.gif) no-repeat top;} .pendingConnectionsCatPanel .avatar { float: left; border: 1px solid #C0C0C0; padding: 3px; margin: 0px 10px 8px 8px;} .pendingConnectionsCatInfo { float: left; margin-right: 54px;} .pendingConnectionsCatInfo h2 a { font-size: 13px; font-weight: bold; float: left; padding-top: 12px; color: #01789C;} .pendingConnectionsCatInfo h2 a:hover { color: #5EB2C8;} .pendingConnectionsCatInfo h2 a em { font-weight: normal; color: #009ECE; font-style: normal;} .pendingConnectionsCatInfo .infoResults { display: block; font-size: 10px; color: #676767; margin-bottom: 5px;} .pendingConnectionsCatInfo p { font-size: 11px; color: #B0B0B0;} .pendingConnectionsResetScroll { font-size: 13px; font-weight: bold; float: left; color: #01789C; } /*comments*/ #commentsPanelHolder { width: 497px; margin: 0px auto 20px; padding-bottom: 8px; background: #FFF url(../images/commentsroundbot.gif) no-repeat bottom;} #commentsTitleBar { clear: both; width: 497px; height: 24px; margin: 0px auto; padding-top: 13px; background: url(../images/commenttitlebg.gif) no-repeat top;} #commentsTitleBar h1 { float: left; margin: 0px 35px 0px 15px;} #commentsTitleBar h2 { float: left; margin: 0px;} #commentsTitleBar .commentsCount { float: right; font-size: 12px; color: #FFF; margin-right: 15px;} #commentsContainer { background: #FFF;} .commentsPanel { width: 497px; padding: 20px 0px 10px; background: url(../images/commentpanelbg.gif) repeat-y; border-bottom: 1px solid #DADADA;} .commentsPanel .avatar { float: left; border: 1px solid #C0C0C0; padding: 3px; margin: 0px 10px 8px 15px;} .commentsInfo h2 a { float: left; font-size: 15px; font-weight: bold; color: #009ECE;} .commentsInfo h2 a:hover { color: #5EB2C8;} .commentsInfoResults { float: right; color: #676767; margin: 0px 15px 9px 0px; font-size: 11px;} .commentsInfo p { float: left; width: 405px; font-size: 11px; color: #B0B0B0;} .borderNone { border: 0px solid #000000 !important;} #commentsContainer label { float: left; font-size: 13px; font-weight: bold; color: #4F4F4F; margin-left: 8px; margin-bottom: 7px;} #commentsContainer textarea { width: 464px; margin-left: 8px; margin-bottom: 20px; border: 1px solid #D3D3D3; height: 50px; padding: 15px; font-family: arial, helvetica, sans-serif; color: #666; font-size: 12px; background: url(../images/commenttextareabg.gif) no-repeat top left;} #commentsContainer .bttnPost { float: right; margin-right: 10px;} /*Mid Column Styles*/ #midColumn .mainHeader {} #midColumn .categoryTitle, #midColumn2 .categoryTitle { float: left; font-size: 17px; font-weight: bold; color: #505050; margin: 0px 0px 10px 15px;} .midColBack a { float: right; font-size: 12px; font-weight: bold; color: #505050; margin-right: 10px; padding-top: 5px; padding-left: 10px; background: url(../images/midColumnBackBullet.gif) no-repeat left 9px; display: inline; margin-top: -37px;} .midColBack a:hover { color: #777;} #mainLeftPanel { background: #FFF url(../images/bg_roundcorner_topleft.gif) no-repeat left top;} #mainLeftPanel .content { padding: 15px; background: url(../images/bg_roundcorner_bottomleft.gif) no-repeat left bottom;} #mainLeftPanel .profilePhoto { padding-top: 19px; width: 178px; height: 131px; background: url(../images/bg_profilephoto.gif) no-repeat top; margin-bottom: 8px;} #mainLeftPanel .mgphoto { padding-top: 18px; width: 178px; height: 114px; background: url(../images/bg_profilephoto2.gif) no-repeat top; margin-bottom: 8px;} #mainLeftPanel .profilePhoto img, #mainLeftPanel .mgphoto img { display: block; margin: 0px auto; max-height: 112px; max-width: 140px;} #mainLeftPanel .breadCrumb { margin-bottom: 10px;} #mainLeftPanel .breadCrumb li { display: inline; color: #0FA0BD;} #mainLeftPanel .breadCrumb li a { color: #0FA0BD;} #mainLeftPanel .description { margin-bottom: 20px;} #mainLeftPanel .description h6 { color: #505050; font-size: 16px; font-weight: bold; margin-bottom: 0.3em;} #mainLeftPanel .description p { font-size: 12px; color: #818181;} #mainLeftPanel .profileInfo { margin-bottom: 15px;} .myMinimumMatchScore { position: relative; width: 182px; height: 81px; background: url(../images/bg_minmatchscore.gif) no-repeat top; margin-bottom: 10px;} .myMinimumMatchScore h6 { color: #1586AA; font-size: 11px; font-weight: bold; padding: 4px 0px 4px 8px;} .myMinimumMatchScore .slider { position: absolute; top: 36px; left: 7px; width: 130px; height: 15px; background: url(../images/bg_slider.gif) no-repeat top;} .myMinimumMatchScore .percentage { position: absolute; left: 145px; top: 35px; font-size: 14px; font-weight: bold; color: #0A9FCD;} .myMinimumMatchScore .switch { position: absolute; top: 60px; left: 125px;} #mainLeftPanel .profileInfo table { width: 100%;} #mainLeftPanel .profileInfo td.title { font-size: 11px; font-weight: bold; color: #494949; border-bottom: 1px solid #E3E3E3; padding: 4px 0px;} #mainLeftPanel .profileInfo td { font-size: 11px; color: #494949; border-bottom: 1px solid #E3E3E3;} #mainLeftPanel .profileInfo .thumb { margin-bottom: 5px;} #mainLeftPanel .profileInfo .thumb img { padding: 4px; border: 1px solid #D3D3D3; background: #FFF; vertical-align: middle;} #mainLeftPanel .hideMatchGroup { color: #0FA0BD; font-size: 11px; margin-bottom: 10px;} #mainLeftPanel .hideMatchGroup input[type="checkbox"] { position: relative; margin-right: 5px; vertical-align: middle;} #mainLeftPanel .buttonHolder { margin-bottom: 10px;} .orangeBtn { padding-left: 8px; display: block; width: 174px; height: 29px; line-height: 27px !important; font: bold 10px helvetica, arial, sans-serif; color: #FFF; text-transform: uppercase; background: url(../images/bg_orangebtn_long.gif) no-repeat top; margin-bottom: 5px;} .grayBtn { padding-left: 8px; display: block; width: 174px; height: 29px; line-height: 27px !important; font: bold 10px helvetica, arial, sans-serif; color: #FFF; text-transform: uppercase; background: url(../images/bg_graybtn_long.gif) no-repeat top; margin-bottom: 5px;} .blueBtn { padding-left: 8px; display: block; width: 174px; height: 29px; line-height: 27px !important; font: bold 10px helvetica, arial, sans-serif; color: #FFF; text-transform: uppercase; background: url(../images/bg_bluebtn_long.gif) no-repeat top; margin-bottom: 5px;} a.button, input.button { display: inline-block; background: url(../images/btn_blank2.gif) no-repeat; color: #FFFFFF; width: 91px; padding: 0 34px 0 10px; border: 0; height: 34px; line-height: 34px; text-align: right; font-size: 14px; font-weight: bold; color: #FFFFFF !important; overflow: visible;} input.button { width: 138px; overflow: visible;} .buttonm, #btnAddNew { display: inline-block; background: url(../images/btn_blankm.gif) no-repeat !important; color: #FFFFFF; width: 151px !important; padding: 0 34px 0 10px; border: 0; height: 34px; line-height: 34px; text-align: center; font-size: 14px; font-weight: bold; color: #FFFFFF !important;} .buttonGray { display: inline-block; cursor: pointer; background: url(../images/btn_blankm.gif) no-repeat !important; color: #FFFFFF; width: 151px !important; padding: 0 25px 0 20px; border: 0; height: 34px; line-height: 34px; text-align: center; font-size: 14px; font-weight: bold; color: #FFFFFF !important;} input.buttonm { width: 197px; overflow: visible;} .buttonl { display: inline-block; background: url(../images/btn_blankl.gif) no-repeat !important; color: #FFFFFF; width: 221px !important; padding: 0 34px 0 10px; border: 0; height: 34px; line-height: 34px; text-align: center; font-size: 14px; font-weight: bold; color: #FFFFFF !important;} input.buttonl { width: 265px; overflow: visible;} .toggle2 { background: url(../images/btn_close.gif) no-repeat; font-size: 11px; width: 54px; padding: 0 22px 5px 0; height: 16px; line-height: 21px; text-align: center;} /*WILF*/ #WILF { width: 497px; margin: 0px auto; background: #FFF;} #WILF .content { padding: 0px 1px 10px; width: 495px; background: url(../images/bg_roundbottom.gif) no-repeat bottom;} #WILF .content p.instructions { padding: 10px 10px 0; margin: 0 0 -5px; font-size: 12px; font-style: italic;} #EditForm table, .editFormItem table { width: 100%;} #EditForm table h5, .editFormItem table h5 { font-weight: bold;} #EditForm table td, .editFormItem table td { vertical-align: top; padding: 5px; font-size: 12px; color: #444;} #EditForm table td label, .editFormItem table td label { padding: 0 5px; font-size: 11px; color: #444;} #EditForm table td textarea, .editFormItem table td textarea { width: 298px;} #WILF .groupWrapper { width: 99%;} #WILF .groupWrapper ul li { background-color: #FFFFFF; padding: 0; margin: 0; width: 495px;} #WILF .groupWrapper ul li .itemContent { background: #FFF; padding: 15px 10px; color: #818181; min-height: 30px; overflow: visible;} #WILF .groupWrapper ul li .itemContent div { position: relative; padding: 0 !important;} #WILF .groupWrapper ul li .itemContent div input { top: 0; position: absolute; margin-top: 10px; padding-right: 10px;} #WILF .groupWrapper ul li .itemContent div input[type="button"] { height: 13px !important; background-color: #1BACCE; color: #FFFFFF; border: 1px solid #1893B7 !important; padding: 0;} #WILF .groupWrapper ul li .itemContent label { color: #818181; padding: 0 4px; font-size: 11px;} #WILF .groupWrapper ul li .itemContent td { padding: 3px 5px;} #WILF .groupWrapper ul li .itemContent .ajax__calendar { z-index:1000000;} #WILF .groupWrapper ul li .itemContent .ajax__calendar td { padding: 0px;} #WILF .groupWrapper ul li .itemContent td input { vertical-align: text-bottom;} #WILF .groupWrapper ul li .itemContent textarea { font-size: 12px; width: 99%; height: 100px; padding: 4px 2px; color: #333; border: 1px solid #D3D3D3; background: url(../images/bg_input_text.gif) repeat-x top;} #WILF .groupWrapper ul li .itemHeader { border-top: 1px solid #E0E0E0; padding: 12px 0px 12px 10px; font: bold 12px arial, sans-serif; height: auto; color: #696969; background: #F6F6F6 url(../images/bg_graytextbar.gif) repeat-x bottom; clear: both;} #WILF .groupWrapper ul li .itemHeader input { background: url(../images/icon_write.gif) no-repeat; float: right; border: 0; width: 25px; padding: 0; overflow: hidden !important; height: 25px; clear: none; position: absolute; top: 5px; right: 40px; padding-left: 25px; cursor: pointer; text-indent: 25px;} #WILF ul li .itemHeader a.appendEl { width: 25px; overflow: hidden; margin-right: 60px; text-indent: -400em; height: 25px; top: 5px; background: url(../images/icon_add.gif) no-repeat;} #WILF ul li .itemHeader a.closeEl { width: 25px; overflow: hidden; text-indent: -400em; height: 25px; top: 5px; background: url(../images/icon_delete.gif) no-repeat;} /*Item Header blue background*/ .groupItem .itemHeaderBlue { line-height: 28px; background-color: #DAFF9F; border-top: 2px solid #B5EF59; color: #000; padding: 0 10px; cursor: move; font-weight: bold; font-size: 16px; height: 28px; position: relative; margin-bottom: 3px;} .groupItem .itemHeaderBlue a { position: absolute; right: 10px; top: 0px; font-weight: normal; font-size: 11px; text-decoration: none;} #WILF .groupWrapper ul li .itemHeaderBlue { border-top: 1px solid #E0E0E0; padding: 12px 0px 12px 10px; font: bold 12px arial, sans-serif; height: auto; color: #0081A5; background: #DBF0F8 url(../images/bg_bluetextbar.gif) repeat-x bottom; clear: both;} #WILF .groupWrapper ul li .itemHeaderBlue input { background: url(../images/icon_write_blue.gif) no-repeat; float: right; border: 0; width: 25px; padding: 0; overflow: hidden !important; height: 25px; clear: none; position: absolute; top: 5px; right: 40px; padding-left: 25px; cursor: pointer; text-indent: 25px;} #WILF ul li .itemHeaderBlue a.appendEl { width: 25px; overflow: hidden; margin-right: 60px; text-indent: -400em; height: 25px; top: 5px; background: url(../images/icon_add_blue.gif) no-repeat;} #WILF ul li .itemHeaderBlue a.closeEl { width: 25px; overflow: hidden; text-indent: -400em; height: 25px; top: 5px; background: url(../images/icon_delete_blue.gif) no-repeat;} /* End item header blue background*/ #WILF .groupWrapper ul { padding: 0; margin: 0; width: 450px;} #WILF #btnAddNew { margin: 5px; float: right; background: url(../images/btn_addanewquestion.gif) no-repeat; width: 189px; overflow: hidden; text-indent: -400em;} #WILF .content .blueTabNav { padding: 10px 0; height: 17px;} .blueTabNav { width: 497px; margin-left: -1px; background: url(../images/bg_bluetab_blank2.gif) no-repeat top;} .blueTabNav h6 { line-height: 39px; padding-left: 11px;} .blueTabNav li { float: left; margin-top: -10px;} .blueTabNav li a { display: block; float: left; padding-top: 10px; height: 27px; margin: 0px 10px; color: #AED7E3; line-height: 35px; font: bold 14px helvetica, arial, sans-serif;} .blueTabNav li a:hover { color: #FFF;} .blueTabNav li a.current { color: #FFF; background: url(../images/arrow_blue_up.gif) no-repeat center bottom;} .blueTabNav a.match { display: block; text-align: center; width: 85px; height: 38px; line-height: 38px; border-left: 1px solid #54ADC7; font-size: 12px; font-weight: bold; color: #FFF;} .blueTextBar { padding: 10px 0px 10px 11px; font: bold 14px arial, sans-serif; color: #0081A5; background: #DBF0F8 url(../images/bg_bluetextbar.gif) repeat-x bottom;} .grayTextBar { padding: 10px 0px 10px 11px; font: bold 12px arial, sans-serif; color: #696969; background: #F6F6F6 url(../images/bg_graytextbar.gif) repeat-x bottom; border-top: 1px solid #E0E0E0;} .grayTextBar .smallBtns { padding-right: 10px; text-align: right; margin-top: -18px; height: 25px; top: 0px;} #WILF .answers { background: #FFF; padding: 15px 0px;} #WILF .answers em { font-size: 12px; color: #FB8700; padding: 0px 3px;} #WILF .answers table { width: 90%; margin: 0px auto;} #WILF .answers .ajax__calendar table { width: 100%; margin: 0px auto;} #WILF .answers th { font-size: 12px; color: #0081A5; padding-bottom: 8px;} #WILF .answers td { color: #8D8D8D; font-size: 11px; padding: 0px 0px; border-bottom: 1px solid #F6F6F6; vertical-align: top;} #WILF .answers .ajax__calendar td { color: #8D8D8D; font-size: 11px; padding: 0px; border-bottom: 1px solid #F6F6F6; vertical-align: text-bottom;} #WILF .answers label { display: inline-block; padding: 3px 5px;} #WILF .answers label, #WILF .answers input { vertical-align: middle;} #WILF .answers select { width: 118px; font-size: 11px; padding: 4px 0px; border: 1px solid #D3D3D3;/*background: url(../images/bg_select.gif) repeat-x top;*/ background: #FAFAFA;} #WILF .answers select option { font-size: 11px;/*padding: 2px 0px;*/ color: #616261;} #WILF .answers select option.relevant { background: #FFF url(../images/icon_blueball.png) no-repeat 5px 3px; padding-left: 20px;} #WILF .answers select option.notRelevant { background: #FFF url(../images/icon_redball.png) no-repeat 5px 3px; padding-left: 20px;} #WILF .answers select option.mustHave { background: #FFF url(../images/icon_greenball.png) no-repeat 5px 3px; padding-left: 20px;} #WILF .answers .checkbox, #WILF .answers input[type="radio"] { position: relative; vertical-align: middle; margin-right: 5px;} #WILF .answers ul { margin-left: 15px;} #WILF .answers ul li { font-size: 11px; color: #8D8D8D; margin-bottom: 7px;} #WILF .buttonHolder { padding: 20px 10px 20px 0px; text-align: right;} #BottomWILF .buttonHolder { padding: 20px 10px 20px 0px; text-align: right;} #WILF .groupWrapper .editFormItem input.savebtn, #WILF .groupWrapper .editFormItem input.cancelbtn, #WILF .content #EditForm input.cancelbtn, #WILF #EditForm input.savebtn { border: none; height: 27px; text-indent: -90000px; cursor: pointer; overflow: hidden; float: right; margin: 0 5px 10px 0;} #WILF .groupWrapper .editFormItem input.savebtn, #WILF #EditForm input.savebtn { background: url(../images/btn_save_s.gif) no-repeat 0 0; width: 65px;} #WILF .groupWrapper .editFormItem input.cancelbtn, #WILF .content #EditForm input.cancelbtn { background: url(../images/btn_cancels.gif) no-repeat 0 0; border: none; width: 76px;} .groupItem .itemHeader { line-height: 28px; background-color: #DAFF9F; border-top: 2px solid #B5EF59; color: #000; padding: 0 10px; cursor: move; font-weight: bold; font-size: 16px; height: 28px; position: relative; margin-bottom: 3px;} .groupItem .itemHeader a { position: absolute; right: 10px; top: 0px; font-weight: normal; font-size: 11px; text-decoration: none;} /*.................................................................... margin bottom*/ #WILF .content .answers div input { margin: 0 !important;} #WILF .content .answers div input[type="text"] { margin-top: 10px; position: relative; top: -5px; padding: 2px 5px; vertical-align: baseline;} #WILF .content .answers div input[type="button"] { height: 12px !important; background-color: #21B6D4; color: #FFFFFF; border: 1px solid #178CAF !important; left: 65px !important;} /*Numeric type question's buttons*/ .numericUp, .numericDown, .numericDownMinValue, .numericUpMinValue, .numericUpMaxValue, .numericDownMaxValue {left:94px !important;position:absolute;} .numericUp {top:1px !important} .numericDown {top:14px !important} /*.numericUpMinValue {top:21px !important} .numericDownMinValue {top:34px !important}*/ .numericUpMaxValue,.numericUpMinValue {top:-3px !important} .numericDownMaxValue,.numericDownMinValue {top:10px !important} /**************************************/ #WILF .content .answers div { padding: 0; margin: 0;} #commentsPanelHolder, #myMatchGroupsPanel, #pendingConnectionsPanelHolder, #WILF, #myAccount, #myProfile, #myProfileAlt, #myMatchGroups, #mainLeftPanel, #quickNav, #locationPanel, #otherUsers, #createMatchGroup, .bluePanel, .invite, #adSpace3, #adSpaceBottom, .whiteFloat,.whiteFloatSplash, .horzBannerAd, #PopMatchPanelContainer, #dashMyProfile, #dashSrch, #matchGroupBar, .whiteBoxBig, .whiteBoxBigBottom, .whiteBoxMediumBottom, #searchBar { margin-bottom: 10px;} /*myProfileAlt*/ #myProfileAlt { width: 220px; padding-bottom: 17px; background: #FFF url(../images/bg_round_bottom_short.gif) no-repeat bottom;} #myProfileAlt .name { display: block; font-size: 16px; font-weight: bold; color: #057EA3; margin-bottom: 1em;} #myProfileAlt .content { padding: 17px 20px 0px; background: #FFF url(../images/bg_round_top_short.gif) no-repeat top;} #myProfileAlt .profilePhoto { padding-top: 19px; width: 178px; height: 131px; background: url(../images/bg_profilephoto.gif) no-repeat top; margin-bottom: 10px;} #myProfileAlt .profilePhoto img { display: block; margin: 0px auto; max-height: 112px; max-width: 140px;} #myProfileAlt .buttonHolder { margin-bottom: 10px;} #myProfileAlt .buttonHolder input { margin: 2px 0;} #myProfileAlt .profileInfo {} #myProfileAlt .profileInfo table { width: 100%;} #myProfileAlt .profileInfo table td.title { font: bold 11px helvetica, arial, sans-serif; color: #494949;} #myProfileAlt .profileInfo table td { font: normal 11px helvetica, arial, sans-serif; color: #14A1B9; border-bottom: 1px solid #E4E4E4; padding: 5px 0px;} #myProfileAlt .profileInfo table td a { font: normal 11px helvetica, arial, sans-serif; background: url("../images/pendbullet.gif") no-repeat scroll 0 4px transparent; color: #606060; padding-left:10px;} #myProfileAlt .profileInfo table td a:hover { font: normal 11px helvetica, arial, sans-serif; background: url("../images/pendbullet.gif") no-repeat scroll 0 4px transparent; color: #888888; padding-left:10px;} /*locationPanel*/ #locationPanel { padding: 0px 0px 6px; width: 220px; background: #FFF url(../images/bg_round_bottom_short.gif) no-repeat bottom;} #locationPanel .content { padding: 15px 0px 0px; background: #FFF url(../images/bg_round_top_short.gif) no-repeat top;} #locationPanel h6 { padding-left: 9px; margin-bottom: 4px;} #locationPanel a.details { float: right; display: inline; margin: -18px 10px 0px 0px; font-size: 11px; font-weight: bold; color: #898989; background: url(../images/arrow_gray_right.gif) no-repeat right 2px; padding-right: 10px;} #locationPanel a.details:hover { color: #009ECE;} #locationPanel .locationInfo { display: block; padding-left: 8px; font-size: 10px; color: #6B6B6B; padding-bottom: 9px;} #locationPanel .locationInfo b { font-size: 10px; color: #2E2E2E;} #locationPanel .mapHolder img { display: block; margin: 0px auto;} #subgurim_GMapUserLocation span { white-space: normal; padding-left: 30px; display: block;} /*june 30*/ #midColumn h1, #midColumn2 h1 { font-size: 22px; font-weight: normal; font-family: tahoma, helvetica, arial, "lucida grande", sans-serif; color: #666666;} /*{ font-size: 15px; font-weight: bold; color: #505050; margin-bottom: 20px; margin-left: 12px;}*/ #midColumn .numComments, #midColumn2 .numComments { font-size: 12px; color: #1AA5D0; float: right; display: inline; margin-right: 10px; margin-top: -37px;} #WILF .answers table td h6 { font-size: 12px; font-weight: bold; margin-bottom: 5px; color: #646464;} #WILF .answers table td input[type="text"], #WILF .answers table td textarea { font-size: 12px; width: 99%; padding: 4px 2px; color: #333; border: 1px solid #D3D3D3; background: url(../images/bg_input_text.gif) repeat-x top; margin-bottom: 10px;} #WILF .answers table td textarea { height: 85px;} #WILF .answers .buttonHolder { background: #F6F6F6; padding: 4px 0px; text-align: center; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0;} #WILF table.noDivider td { border-bottom: none;} /*FacePile*/ #facePile { padding-bottom: 7px; width: 190px; background: #FCFCFC url(../images/bg_facepile_bottom.gif) no-repeat bottom;} #facePile h1 { padding: 0px 0px 0px 5px; width: 190; font-size: 14px; font-weight: bold; color: #494949;} #facePile li { display: block; float: left; width: 60px; height: 75px; text-align:center} #facePile span.FirstName { display: block; font-size: 10px; color: #737373; padding-bottom: 5px;} #facePile span.thumb img { background: #FFF; padding: 6px; border: 1px solid #D3D3D3; } #facePile span.title { font-size: 11px; font-weight: bold; color: #0A9FCD;} /*media*/ #media { padding: 0px 20px; width:400px} #media h6 { font-size: 15px; font-weight: bold; color: #646464; margin-bottom: 20px;} #media li { display: block; float: left; width: 25%; height: 160px;} /*#media span { display: block; font-size: 10px; color: #737373; padding-bottom: 5px;}*/ #media span.thumb img { background: #FFF; padding: 6px; border: 1px solid #D3D3D3; margin-right:5px} #media span.title { font-size: 11px; font-weight: bold; color: #0A9FCD;} /*createMatchGroup*/ #createMatchGroup { width: 495px; margin: 0px auto; padding: 5px;} #createMatchGroup h1.mainHeader { padding: 0;} #createMatchGroup h1 { font-size: 22px; font-weight: normal; font-family: tahoma, helvetica, arial, "lucida grande", sans-serif; color: #666666;} #createMatchGroup h6 { margin-bottom: 15px;} #createMatchGroup .steps { padding-bottom: 15px; border-bottom: 1px solid #F0F0F0; margin-bottom: 15px;} #createMatchGroup .buttonHolder { padding: 10px; text-align: right;} .blueBox { width: 497px; background: url(../images/bluebox_bottom.gif) no-repeat bottom; padding-bottom: 10px;} .blueBox .blueBoxInner { background: url(../images/bluebox_top.gif) no-repeat top;} .blueBox .breadCrumb { height: 34px; line-height: 32px; padding-left: 10px;} .blueBox .breadCrumb li { display: inline; font-size: 11px; font-weight: bold; color: #666;} .blueBox .breadCrumb li a { color: #666;} .blueBox .breadCrumb li.current a { color: #0097C1;} ul.categoryList { margin-left: 1px;} ul.categoryList li { float: left;} ul.categoryList li a { display: block; width: 227px; float: left; color: #828282; font-size: 11px; padding: 10px; background: #FFF url(../images/arrow_gray.gif) no-repeat 235px 13px; border-top: 1px solid #ECECEC; border-right: 1px solid #ECECEC;} ul.categoryList li.right a { border-right: none;} ul.categoryList li a:hover { color: #0F9DC5; background: #EFF6FD url(../images/arrow_gray_o.gif) no-repeat 235px 13px;} .blueBox .content { padding: 25px 0px;} .blueBox .content table { width: 90%; margin: 0px auto;} .blueBox .content label { display: block; font-size: 13px; font-weight: bold; color: #505050; margin-bottom: 5px;} .blueBox .content table td input[type="text"], .blueBox .content table td textarea { font-size: 12px; width: 99%; padding: 4px 2px; color: #333; border: 1px solid #D3D3D3; background: url(../images/bg_input_text.gif) repeat-x top; margin-bottom: 10px;} .blueBox .content table td input[type="checkbox"] { vertical-align: middle;} .blueBox .content em { color: #31A8BD;} .blueBox .content table h5 { margin-bottom: 5px;} .blueBox .content table h6 { margin-bottom: 9px !important;} .blueBox .content table p { font-size: 12px; color: #858585; margin-bottom: 1em;} .blueBox tr.launchWizard td { padding: 15px 5px; border-bottom: 1px solid #EDEDED;} .blueBox tr.addQuestion td { padding: 15px 0px; border-bottom: none;} /*bluePanel*/ .bluePanel { position: relative; width: 510px; padding-bottom: 7px; min-height: 100px; background: #B4D1DD url(../images/bg_bluepanel_bottom.gif) no-repeat 50% bottom; top: 0px; left: 0px;} .bluePanel h3 { padding-top: 12px; padding-left: 11px; height: 25px; background: #B4D1DD url(../images/bg_bluepanel_top.gif) no-repeat top;} .bluePanel .navigation { height: 28px; background: #DAEFF7; margin-bottom: 8px;} /*float the navigation to the right. an addition to the navigation class*/ .bluePanel .right ul { float: right;} .bluePanel .navigation li { float: left; font-size: 11px; font-weight: bold; color: #0B89A8;} .bluePanel .navigation li.title { padding: 7px 13px;} .bluePanel .navigation li a { display: block; float: left; font-size: 11px; font-weight: bold; color: #0B89A8; border-left: 1px solid #AAD7E5; padding: 7px 13px;} .bluePanel .navigation li a:hover { background: #F4FBFD;} .bluePanel .navigation li a.current { background: #F4FBFD url(../images/arrow_blue_up2.gif) no-repeat center bottom;} .bluePanel .navigation li.miniNav { font-size: 11px; font-weight: bold; color: #0B89A8; padding: 7px 18px 7px 13px; background: #FFF url(../images/arrow_blue_down.gif) no-repeat right 12px; position: relative;} .bluePanel .navigation li.miniNav ul { position: absolute; top: 28px; left: 0px;} .bluePanel .navigation li.miniNav li { float: none; display: inline;} .bluePanel .navigation li.miniNav li a { float: none; border-left: none; display: block; padding: 3px 13px; background: #1288AC; color: #FFF;} .bluePanel .navigation li.miniNav li a:hover { color: #333; background: #A9D2E2;} /*pagination*/ .bluePanel .pagination { float: right; display: inline; text-align: right; margin-top: -25px; padding-right: 10px;} .bluePanel .pagination li { font-size: 12px; color: #88C3D5; display: inline;} .bluePanel .pagination li em { color: #FFF;} /*pagination2, for connection log section*/ .bluePanel .pagination2 { float: right; display: inline; text-align: right; margin-top: -28px; padding-right: 10px;} .bluePanel .pagination2 li { font-size: 12px; color: #77BED1; display: inline;} .bluePanel .pagination2 li em { color: #0B89A8;} /*additional pagination styles*/ .pagination2 li a { color: #5EB2C8; font-size: 11px; font-weight: bold;} .pagination2 li a.current { color: #0A82A6;} .pagination2 li a.previous, .pagination2 li a.next { color: #666;} .pagination2 li a.previous { margin-right: 10px; padding-left: 13px; background: url(../images/arrow_blue_left.gif) no-repeat left 1px;} .pagination2 li a.next { margin-left: 10px; padding-right: 13px; background: url(../images/arrow_blue_right.gif) no-repeat right 1px;} /*if pagination2 at bottom, add this*/ .bluePanel .pagination2Bottom { text-align: right; padding: 7px 10px; background: #DAEFF7;} .bluePanel .pagination2Bottom li { font-size: 12px; color: #77BED1; display: inline;} .bluePanel .pagination2Bottom li em { color: #0B89A8;} .emptyTemplate .whiteBox { width: 501px; background: url(../images/bg_whitebox_bottom.gif) no-repeat bottom; padding-bottom: 5px; margin: 0px auto 2px;} .emptyTemplate .whiteBoxInner { background: url(../images/bg_whitebox_top.gif) no-repeat top; padding-top: 5px;} .bluePanelInner {} .bluePanel .whiteBox { width: 501px; background: url(../images/bg_whitebox_bottom.gif) no-repeat bottom; padding-bottom: 5px; margin: 0px auto 2px;} .bluePanel .whiteBoxInner { background: url(../images/bg_whitebox_top.gif) no-repeat top; padding-top: 5px;} #searchConnection { position: absolute; top: 5px; left: 300px; width: 198px; height: 28px; background: url(../images/bg_searchconnection.gif) no-repeat top;} #searchConnection input.text { position: absolute; top: 4px; left: 10px; width: 145px; font-size: 14px; color: #484848; border: none; background: transparent;} #searchConnection input.submit { float: right; width: 28px; height: 28px; border: none; background: transparent; cursor: pointer;} .whiteBoxInner table { width: 95%; margin: 0px auto;} .whiteBoxInner .thumb img { padding: 3px; background: #FFF; border: 1px solid #C1C1C1;} .whiteBoxInner span.thumb { float: left; display: inline; margin-right: 7px;} .whiteBoxInner span.name { font-size: 15px; font-weight: bold; color: #009ECE; display: block; margin-bottom: 7px;} .whiteBoxInner span.name2 { font-size: 13px; font-weight: bold; color: #01789C; display: block;} .whiteBoxInner span.acceptedOn { font-size: 10px; color: #606060;} .whiteBoxInner .chatDate { font-size: 12px; color: #077EA4; height: 40px;} .whiteBoxInner .chatWith { font-size: 13px; font-weight: bold; color: #01789C; text-align: right;} .whiteBoxInner .button { text-align: right;} .whiteBoxInner a.name2 { font-size: 13px; font-weight: bold; color: #009ECE; display: block;} .chatHistory td { padding: 3px 0px;} .whiteBoxInner .sender, .whiteBoxInner .receiver { width: 100px; font-size: 12px; font-weight: bold;} .whiteBoxInner .sender { color: #01509C;} .whiteBoxInner .receiver { color: #D33700;} .whiteBoxInner .msg { font-size: 12px; color: #5A5A5A;} .whiteBoxInner .matchScore2 {} .whiteBoxInner .matchScore2 span { position: relative; margin: 0px 0px 0px auto; display: block; padding-top: 26px; width: 78px; height: 43px; background: url(../images/bg_matchscore.gif) no-repeat top; text-align: center; font-size: 25px; font-weight: bold; color: #08A1D0; letter-spacing: -1px; word-spacing: -2px;} .matchScore3 div { position: relative; left:20px !important ; margin: 0px 0px 0px auto; display: block; padding-top: 26px; width: 78px; height: 43px; background: url(../images/bg_matchscore.gif) no-repeat top; text-align: center; } .matchScore3 span { font-size: 25px; font-weight: bold; color: #08A1D0; } .lightBlueBox { width: 501px; background: url(../images/bg_lightbluebox_bottom.gif) no-repeat bottom; padding-bottom: 5px; margin: 0px auto 2px;} .lightBlueBoxInner { background: url(../images/bg_lightbluebox_top.gif) no-repeat top; padding-top: 5px;} .lightBlueBoxInner table { width: 90%; margin: 0px auto;} .lightBlueBoxInner td.user {} .lightBlueBoxInner td.user img { vertical-align: middle; padding: 2px; border: 1px solid #C0C0C0; margin-right: 10px;} .lightBlueBoxInner td.user .name { display: inline; font-size: 13px; font-weight: bold; color: #01789C;} .lightBlueBoxInner td.msgSubject a { color: #01789C; font-size: 13px; font-weight: bold;} .lightBlueBoxInner td.msgTime { color: #818182; font-size: 10px; text-align: right;} .lightBlueBoxInner table.form { width: 99%;} .lightBlueBoxInner table.form td { vertical-align: top; padding: 10px;} .lightBlueBoxInner table.form td.title { font-size: 13px; font-weight: bold; color: #01789C;} .lightBlueBoxInner table.form select { font-size: 11px; color: #333; padding: 3px 0px; background: #FAFAFA; border: 1px solid #D3D3D3;} .lightBlueBoxInner input[type="text"], .lightBlueBoxInner textarea { font-size: 12px; width: 99%; padding: 4px 2px; color: #333; border: 1px solid #D3D3D3; background: #FFF url(../images/bg_input_text.gif) repeat-x top;} .lightBlueBoxInner textarea { height: 150px;} .lightBlueBoxInner .buttonHolder { text-align: right; padding: 10px;} .lightBlueBoxInner .message { padding: 20px;} .lightBlueBoxInner .message h2 { font-size: 13px; font-weight: bold; color: #4D4D4D; border-bottom: 1px solid #B4D1DD; padding-bottom: 12px; margin-bottom: 20px;} .lightBlueBoxInner .message h2 .dateStamp { float: right; font-size: 10px; font-weight: normal; color: #818182;} .lightBlueBoxInner .message p { font-size: 12px; line-height: 1.4em; color: #6C6C6C; margin-bottom: 1em;} .paginationBottom {} .paginationBottom table { width: 90%; margin: 0px auto;} .paginationBottom table td a { font-size: 11px; font-weight: bold; color: #666;} .paginationBottom table td.previousPage, .paginationBottom table td.nextPage { width: 100px;} .paginationBottom table td.previousPage { text-align: left;} .paginationBottom table td.previousPage a { background: url(../images/arrow_blue_left.gif) no-repeat left 1px; padding-left: 10px;} .paginationBottom table td.nextPage { text-align: right;} .paginationBottom table td.nextPage a { background: url(../images/arrow_blue_right.gif) no-repeat right 1px; padding-right: 10px;} .paginationBottom table td.pages { text-align: center;} .paginationBottom table td.pages a { color: #6EBACD; padding: 0px 3px;} .paginationBottom table td.pages a.current { color: #3096B4;} /*otherUsers*/ #otherUsers { padding-bottom: 7px; width: 220px; background: #FCFCFC url(../images/bg_mymatches_bottom.gif) no-repeat bottom;} #otherUsers h1 { padding: 9px 0px 11px 11px; width: 209px; font-size: 14px; font-weight: bold; color: #FFF; background: url(../images/bg_grayheader.gif) no-repeat top;} #otherUsers .content {} #otherUsers ul li a { display: block; padding: 10px; border-bottom: 1px solid #D7D7D7;} #otherUsers .last a { border-bottom: none;} #otherUsers .content .thumb img { vertical-align: middle; background: #FFF; padding: 2px; border: 1px solid #C0C0C0; margin-right: 10px;} #otherUsers .content .name { font-size: 12px; font-weight: bold; color: #057EA3;} /*invite*/ .invite {} .invite .content { border: 1px solid #E0E0E0; border-top: none; padding: 20px 10px;} .invite .content table { width: 99%;} .invite .content table td { vertical-align: top; padding: 10px;} .invite td.title { font-size: 13px; font-weight: bold; color: #505050;} .note, p.note { font-size: 10px !important; color: #8C8C8C !important; display:block;} .invite textarea { font-size: 12px; width: 99%; height: 100px; padding: 4px 2px; color: #333; border: 1px solid #D3D3D3; background: url(../images/bg_input_text.gif) repeat-x top;} .invite .buttonHolder { text-align: right; padding: 10px;} .invite .importContacts { padding-top: 10px; border-top: 1px solid #E0E0E0;} .invite .importContacts .buttonHolder { text-align: left; padding: 10px 0px;} .invite .importContacts p { font-size: 11px; color: #7B7B7B; margin-bottom: 1.2em;} .invite .importContacts table { width: 100%;} .invite .importContacts table td { vertical-align: middle; text-align: center; padding: 15px 0px;} /*inbox*/ .emptyMailMessage { display: block; font-size: 14px; font-weight: bold; color: #057EA3 ; padding-bottom:2px} .darkBlueTab { padding: 12px 0px 0px 10px; width: 500px; height: 25px; background: url(../images/bg_darkblue_tab.gif) no-repeat top;} .darkBlueTabNav { width: 510px; height: 37px; background: url(../images/bg_darkblue_tab.gif) no-repeat top;} .darkBlueTabNav li { float: left;} .darkBlueTabNav li a { display: block; float: left; padding-top: 10px; height: 27px; margin: 0px 10px; color: #AED7E3; line-height: 35px; font: bold 14px helvetica, arial, sans-serif;} .darkBlueTabNav li a:hover { color: #FFF;} .darkBlueTabNav li a.current { color: #FFF; background: url(../images/arrow_blue_up.gif) no-repeat center bottom;} /*whiteFloat*/ #grayBg { background: url(../images/bg_graybg.png) repeat top !important; background: #7F7F7F; padding: 20px 0px;} .whiteFloat { width: 489px; margin: 0px auto 10px; background: url(../images/bg_white_rounded_bottom.gif) no-repeat bottom; padding-bottom: 9px;} .whiteFloat .content { padding: 20px 15px 9px; background: #FFF url(../images/bg_white_rounded_top.gif) no-repeat top;} .whiteFloat .content h2 { border-bottom: 1px solid #EFEFEF; padding: 10px 0;} .whiteFloat .content h2 span { font-size: 12px; color: #505050; padding-left: 12px;} .whiteFloat .content .imageUpload { padding: 20px; border-bottom: 1px solid #EFEFEF;} .whiteFloatSplash { width: 700px; margin: 0px auto 10px; background: url(../images/bg_white_rounded_bottom_wide.png) no-repeat bottom; padding-bottom: 9px;} .whiteFloatSplash .splashcontent { padding: 20px 15px 9px; background: #FFF url(../images/bg_white_rounded_top_wide.png) no-repeat top;} .whiteFloatSplash .splashcontent p { font-size: 13px; color: #747474; padding: 0 ;} .whiteFloatSplash .splashcontent h2 { border-bottom: 1px solid #EFEFEF; padding: 10px 0;} .whiteFloatSplash .splashcontent h2 span { font-size: 12px; color: #505050; padding-left: 12px;} .whiteFloatSplash .splashcontent ol li { font-size: 13px; color: #747474; margin-bottom: -9px;} .whiteFloatSplash .splashcontent ol li p { position: relative; top:-22px; left:32px; width:638px; } #UploadBrowse { padding-top: 10px;} .whiteFloat .content .thumb img { padding: 6px; border: 1px solid #D2D2D2 !important; float: left; display: inline; margin-right: 13px; margin: 10px 15px 0 0;} #pnlUploadSharedFile .content { font-size: 13px;} #pnlUploadSharedFile .content p { padding: 5px 25px; margin: 0;} #pnlUploadSharedFile .content textarea { width: 400px !important;} #pnlUploadSharedFile .content p label { display: block;} #pnlUploadSharedFile .content p.note { text-align: right;} #pnlUploadSharedFile .content h2 { font-size: 15px; font-weight: bold; color: #2CB0C8;} #browsePanel { position: relative; top: 13px; float: left; width: 362px; height: 49px; background: #FFF url(../images/bg_browsepanel.gif) no-repeat top;} #browsePanel input.text { position: absolute; font-size: 12px; color: #484848; top: 16px; left: 25px; width: 200px; border: none; background: transparent;} #browsePanel input.submit { float: right; display: inline; margin: 8px 11px auto auto; width: 107px; height: 34px; border: none; background: transparent; cursor: pointer;} .whiteFloat .content .buttonHolder { text-align: right; padding: 10px;} .whiteFloat .content .buttonHolder input { margin: 0px 3px;} ul.categoryListShort {} ul.categoryListShort li { float: left;} ul.categoryListShort li a { display: block; width: 207px; float: left; color: #828282; font-size: 11px; padding: 10px 10px 10px 15px ; background: #FFF url(../images/arrow_gray.gif) no-repeat 210px 13px; border-bottom: 1px solid #ECECEC; border-right: 1px solid #ECECEC;} ul.categoryListShort li.right a { border-right: none;} ul.categoryListShort li a:hover { color: #0F9DC5; background: #FBFBFB url(../images/arrow_gray_o.gif) no-repeat 210px 13px;} #searchTopic { position: relative; width: 453px; height: 49px; background: url(../images/bg_searchtopic.gif) no-repeat top; margin: 5px 0px 10px;} #searchTopic input.text { position: absolute; width: 370px; top: 17px; left: 25px; font-size: 14px; color: #484848; border: none; background: transparent;} #searchTopic input.submit { float: right; width: 43px; height: 49px; border: none; background: transparent; cursor: pointer;} .whiteFloat .steps { margin-bottom: 15px;} .whiteFloat .questions { margin-bottom: 20px;} .whiteFloat .questions h6 { font-size: 12px; font-weight: bold; color: #158AAE; margin-bottom: 10px;} .whiteFloat .questions input[type="checkbox"] { vertical-align: middle; margin-right: 9px;} .whiteFloat .questions ul li { font-size: 12px; font-weight: bold; color: #696969; padding: 9px 0px; border-bottom: 1px solid #E3E3E3;} .whiteFloat .questions h6, .whiteFloat .questions ul li { padding-left: 15px;} .previewArea h6 { font-size: 12px; font-weight: bold; color: #696969; padding: 9px 0px; border-bottom: 1px solid #E3E3E3; margin-bottom: 9px;} .previewArea textarea { width: 98%; padding: 2px; margin-bottom: 20px; border: 1px solid #D3D3D3; height: 80px; font-family: arial, helvetica, sans-serif; color: #666; font-size: 12px; background: url(../images/bg_input_text.gif) repeat-x top;} .previewArea .addTo { display: block; text-align: center; font-size: 11px; color: #696969;} .previewArea .addTo b { color: #1A1A1A;} .previewArea .checkbox, .previewArea input[type="radio"] {vertical-align: middle; margin-left: 0px;} .moreQuestions { position: relative; top: -28px;} .moreQuestions a { font-size: 11px; font-weight: bold; color: #999; background: url(../images/arrow_blue_right.gif) no-repeat right; padding-right: 14px;} .moreQuestions a:hover { color: #1F99E6;} /*spotlight & popular matchgroups*/ #spotlightPanelHolder, #PopMatchPanelHolder { width: 511px; margin: 0px auto 20px; padding-bottom: 8px; background: url(../images/commentsroundbot2.gif) no-repeat bottom;} #spotlightTitleBar, #PopMatchTitleBar, #FeauturedMatchTitleBar { clear: both; width: 511px; height: 24px; margin: 0px auto; padding-top: 13px; background: url(../images/profile_07.gif) no-repeat top;} #spotlightTitleBar h1, #PopMatchTitleBar h1 { float: left; margin: 0px 35px 0px 15px;} #spotlightTitleBar h2, #PopMatchTitleBar h2 { float: left; margin: 0px;} #spotlightTitleBar .commentsCount, #PopMatchTitleBar .commentsCount { float: right; font-size: 12px; color: #FFF; margin-right: 15px;} .jsSlideNav ul { float: right; height: 9px; margin: 2px 10px 0 0;} .jsSlideNav li { display: inline;} .jsSlideNav li a { float: left; display: block; height: 9px; width: 10px;} .arrowL a { background: url(../images/bttns_arrowL_js.gif) no-repeat 0px 0px; margin-right: 4px;} .jsRound a { background: url(../images/bttns_round_js.gif) no-repeat 0px 0px; margin-right: 4px;} .arrowR a { background: url(../images/bttns_arrowR_js.gif) no-repeat 0px 0px; margin-left: 4px;} .arrowL a:hover { background-position: 0px 0px;} .jsRound a:hover { background-position: 0px -9px;} .arrowR a:hover { background-position: 0px 0px;} .arrowL a:focus { background-position: 0px 0px;} .jsRound a:focus { background-position: 0px -9px;} .arrowR a:focus { background-position: 0px 0px;} .arrowL a:active { background-position: 0px 0px;} .jsRound a:active { background-position: 0px -9px;} .arrowR a:active { background-position: 0px 0px;} #spotlightContainer, #PopMatchContainer {} .spotlightPanel, .PopMatchPanel { width: 511px; padding: 20px 0px 10px; background: url(../images/commentpanelbg2.gif) repeat-y; border-bottom: 1px solid #DADADA;} .spotlightPanel { height: 85px !important; overflow: hidden;} .PopMatchPanel .divider { padding: 3px 0px; margin: 0px 0px 10px;} .spotlightPanel .avatar { float: left; border: 1px solid #C0C0C0; padding: 3px; margin: 0px 20px;} .PopMatchPanel .avatar { float: left; border: 1px solid #C0C0C0; padding: 3px; margin: 0px 10px 0px 20px;} .spotlightInfo h2 a { width: 370px; float: left; font-size: 15px; font-weight: bold; color: #009ECE; margin: 0 0 10px 0px;} .PopMatchBox { width: 251px !important; float: left;} .contentBox { float: left; width: 140px;} .contentBox a.userNumb { clear: left; float: left; color: #11A4D1; width: 100px;} .contentBox a.userNumb:hover { color: #5EB2C8;} .PopMatchInfo h2 a { float: left; font-size: 15px; font-weight: bold; color: #009ECE; margin: 0;} .spotlightInfo h2 a:hover, .PopMatchInfo h2 a:hover { color: #5EB2C8;} .spotlightInfoResults, .PopMatchInfoResults { float: right; color: #676767; margin: 0px 15px 9px 0px; font-size: 11px;} .spotlightInfo p { float: left; width: 370px; font-size: 13px; line-height: 17px; color: #B0B0B0;} table#tbl { width: 210px !important;} table#tbl td { padding: 0 !important; vertical-align: top;} .PopMatchInfo p { clear: left; float: left; font-size: 10px; line-height: 12px; color: #A8A7A7; margin: 0 0 2px;} .PopMatchInfo {} .PopMatchInfo {} .spotlightInfo p a, .PopMatchInfo p a { color: #009ECE;} .spotlightInfo p a:hover, .PopMatchInfo p a:hover { color: #5EB2C8;} .PopMatchInfo ul { clear: left; margin: 0;} .PopMatchInfo li { display: inline;} .PopMatchInfo li a { font-size: 10px; color: #606060; margin: 0 10px 2px 0;} .PopMatchInfo li a:hover { color: #888;} .borderNone { border: 0px solid #000000 !important;} /*Horizontal Banner Ad*/ .horzBannerAd { width: 510px; height: 80px; background: url(../images/bannerbg.gif) no-repeat 0px 0px;} .horzBannerAd img { margin: 9px 0 0 21px;} /*dashMyProfile*/ #dashMyProfile { width: 220px; padding-bottom: 17px; background: #FFF url(../images/bg_round_bottom_short2.gif) no-repeat bottom;} #dashMyProfile h1 { font-size: 17px; color: #3B3B3B; margin-bottom: 3px;} #dashMyProfile .greeting { display: block; font-size: 12px; color: #10B2CA; margin-bottom: 10px;} #dashMyProfile .onlineMatching { width: 175px; padding: 0px 0px 0px 23px; margin-bottom: 10px; background: #FFFFFF url(../images/onlineMatchIconbg.gif) no-repeat center left;} #dashMyProfile .onlineMatching select { width: 150px; background-color: #FFFFFF; padding: 0px; border: 1px solid #E3E3E3; font-family: arial, helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #878787;} #dashMyProfile .onlineMatching option { padding: 0px; font-family: arial, helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #878787;} #dashMyProfile ul.connections { margin: 0 0 10px 10px;} #dashMyProfile .connections li { font-size: 13px; color: #5C5C5C;} #dashMyProfile .connections li big { font-size: 14px; color: #0DA5C0; font-weight: bold;} #dashMyProfile .name { display: block; font-size: 16px; font-weight: bold; color: #057EA3; margin-bottom: 1em;} #dashMyProfile .content { padding: 17px 20px 0px; background: #FFF url(../images/bg_round_top_short2.gif) no-repeat top;} #dashMyProfile .profilePhoto { padding-top: 19px; width: 178px; height: 131px; background: url(../images/bg_profilephoto.gif) no-repeat top; margin-bottom: 10px;} #dashMyProfile .profilePhoto img { display: block; margin: 0px auto; max-height: 112px; max-width: 140px;} #dashMyProfile .buttonHolder { margin-bottom: 10px;} #dashMyProfile ul.accountInfo li a { display: block; width: 100%; background: url(../images/arrow_blue2.gif) no-repeat right 7px; font: bold 11px arial, sans-serif; color: #5C5C5C; padding: 5px 0px; border-top: 1px solid #E3E3E3;} #dashMyProfile ul.accountInfo li a:hover { color: #1F1F1F;} #dashMyProfile ul.accountInfo li a em { color: #2DB1C9;} #dashSrch { position: relative; height: 44px; width: 220px; background: url(../images/dashSrch.gif) no-repeat 0px 0px;} #dashSrch input.text { position: absolute; top: 11px; left: 18px; width: 152px; font-size: 14px; color: #787878; background: none; border: none;} #dashSrch input.text:focus { border: 0; outline: none !important;} #dashSrch input.bttn_sub { position: absolute; top: 9px; left: 185px; height: 29px; width: 29px;} /*july 17, 08 (rearrange codes when done)*/ #createMatchGroup ul.iconList { border-top: 1px solid #F0F0F0; padding-top: 17px; margin: 0 auto; padding: 20px 24px; overflow: auto; #zoom: 1;} #createMatchGroup .iconList li { float: left; margin-right: 3px; display: inline; padding: 2px;} #matchGroupBar { position: relative; width: 738px; height: 49px; background: url(../images/matchgroupbar_search.gif) no-repeat left top;} #matchGroupBar .createYourGroup { float: right;} #matchGroupBar input.text { position: absolute; width: 200px; font-size: 11px; color: #484848; top: 15px; left: 24px; border: none; background: transparent;} #matchGroupBar input.submit { position: absolute; width: 33px; height: 49px; top: 0px; left: 238px; border: none; background: transparent; cursor: pointer;} #matchGroupBar .advancedSearch { position: absolute; top: 18px; left: 285px; color: #FFF; font-size: 11px;} /*leftColumnBig*/ #leftColumnBig h1 { padding-left: 19px; margin-bottom: 15px;} #leftColumnBig h1 img { vertical-align: bottom;} #leftColumnBig h1 span { padding-left: 10px; font-size: 12px; font-family: arial, sans-serif; color: #8C8C8C;} .matchGroupListBig { border-top: 1px solid #F0F0F0; padding-top: 7px;} .matchGroupListBig a:hover img { opacity: 0.4; filter: alpha(opacity=40);} .matchGroupListBig li { float: left; display: inline; margin: 0px 4px 4px 0px;} .matchGroupListBig li img { display: block;} .whiteBoxBig { width: 741px; padding-bottom: 6px; background: url(../images/bg_whiteboxbig_bottom.gif) no-repeat bottom;} .whiteBoxBigInner { padding-top: 23px; padding: 23px 7px; background: #FFF url(../images/bg_whiteboxbig_top.gif) no-repeat top;} .whiteBoxBigBottom { width: 740px; padding-top: 15px; padding-bottom: 6px; background: #FFF url(../images/bg_whiteboxbig_bottom.gif) no-repeat bottom;} .blueTitleLong { padding-top: 12px; padding-left: 17px; width: 723px; height: 25px; background: url(../images/bg_bluetitle_long.gif) no-repeat top;} /*if pageNav is in blueTitleLong*/ .blueTitleLong .pageNav { float: right; display: inline; margin-right: 15px;} .pageNav { width: 140px; text-align: right;} .pageNav li { display: inline; margin: 0px 1px;} .pageNav li img { vertical-align: middle;} /*popularMatchGroupsLong*/ #popularMatchGroupsLong {} #popularMatchGroupsLong li { width: 33%; float: left;} #popularMatchGroupsLong .thumb { float: left; width: 70px; height: 100px; display: block;} #popularMatchGroupsLong .thumb img { display: block; margin: 0px auto; padding: 3px; border: 1px solid #C0C0C0;} #popularMatchGroupsLong .title, #popularMatchGroupsLong .category, #popularMatchGroupsLong .description, #popularMatchGroupsLong .numUsers { display: block;} #popularMatchGroupsLong .title { color: #0D74B1; font-size: 14px; font-weight: bold;} #popularMatchGroupsLong .category a { font-size: 11px; color: #4C4D4D; margin-right: 3px;} #popularMatchGroupsLong .description { font-size: 10px; color: #A8A7A7;} #popularMatchGroupsLong .numUsers { color: #0D74B1;} .whiteBoxInner td.content { padding-left: 10px;} .whiteBoxInner .title, .whiteBoxInner .descriptioin, .whiteBoxInner .numUsers { display: block;} .whiteBoxInner .title { font-size: 14px; font-weight: bold; color: #009ECE;} .whiteBoxInner .description { font-size: 10px; color: #A8A7A7;} .whiteBoxInner .numUsers { color: #009ECE;} /*moreGroups*/ #moreGroups { width: 220px; padding-bottom: 17px; background: #FFF url(../images/bg_whitebottom_short.gif) no-repeat bottom;} #moreGroups h4 { font-size: 13px; font-weight: bold; color: #0DA5C0; margin-bottom: 10px;} #moreGroups .content { padding: 17px 20px 0px; background: #FFF url(../images/bg_whitetop_short.gif) no-repeat top;} #moreGroups .groupPhoto { padding-top: 19px; width: 178px; height: 131px; background: url(../images/bg_profilephoto.gif) no-repeat top; margin-bottom: 8px;} #moreGroups .groupPhoto img { display: block; margin: 0px auto;} #moreGroups .editPhoto { text-align: right; margin-bottom: 20px;} #moreGroups .editPhoto a { font-size: 11px; font-weight: bold; color: #5C5C5C; background: url(../images/arrow_blue3.gif) no-repeat right 2px; padding-right: 10px;} #moreGroups .content ul li a { display: block; width: 100%; background: url(../images/arrow_blue2.gif) no-repeat right 7px; font: bold 11px arial, sans-serif; color: #5C5C5C; padding: 5px 0px; border-top: 1px solid #E3E3E3;} #moreGroups .content ul li a:hover { color: #10B2CA;} #moreGroups .content ul li a em { color: #2DB1C9;} /*featuredGroups*/ #featuredGroups { padding: 20px 0px 10px;} #featuredGroups li { width: 49%; float: left;} #featuredGroups .thumb { width: 110px; height: 100px; float: left;} #featuredGroups .thumb img { display: block; margin: 0px auto; border: 1px solid #F1F1F1; padding: 3px;} #featuredGroups .title, #featuredGroups .category, #featuredGroups .description, #featuredGroups .numUsers { display: block;} #featuredGroups .title { font-size: 16px; font-weight: bold; color: #009ECE;} #featuredGroups .category a { font-size: 11px; color: #4C4D4D; margin-right: 2px;} #featuredGroups .description { font-size: 11px; color: #979696;} #featuredGroups .numUsers { color: #11A4D1;} .whiteBoxMediumBottom { padding-bottom: 6px; background: url(../images/bg_whitemedium_bottom.gif) no-repeat bottom;} /*searchBar*/ #searchBar { position: relative; width: 510px; height: 49px; background: url(../images/bg_searchbar.gif) no-repeat bottom;} #searchBar input.text { position: absolute; width: 430px; font-size: 14px; color: #484848; top: 13px; left: 23px; border: none; background: transparent;} #searchBar input.submit { float: right; width: 40px; height: 49px; border: none; background: transparent; cursor: pointer;} /* */ .borderBottom { padding: 0px 1px 10px; width: 495px; background: url(../images/bg_roundbottom.gif) no-repeat bottom;} .borderBottom .answer table { width: 99%;} .borderBottom .answer table td { padding: 10px;} .borderBottom .answer h3 { font-size: 12px; color: #0081A5; margin-bottom: 10px;} .borderBottom .answer ul li { font-size: 12px; color: #8D8D8D; margin-bottom: 2px;} /*potentialMatch*/ #potentialMatch { width: 497px;} #potentialMatch .toolbar { text-align: right; margin-top: -35px; margin-bottom: 20px;} #potentialMatch .toolbar li { display: inline; margin-left: 15px;} #potentialMatch .toolbar li a { font-size: 11px; color: #696969; background: url(../images/arrow_blue_double.gif) no-repeat 0px 4px; padding-left: 13px;} #potentialMatch table { width: 100%; border-top: 1px solid #E3E3E3;} #potentialMatch table td { height: 90px;} #potentialMatch .thumb { width: 60px;} #potentialMatch .thumb img { display: block; border: 1px solid #C0C0C0; padding: 3px;} #potentialMatch .profile {} #potentialMatch .profile .title, #potentialMatch .profile .joinedOn { display: block;} #potentialMatch .profile .title { font-size: 16px; font-weight: bold; color: #0A9FCD;} #potentialMatch .profile .joinedOn { font-size: 10px; color: #646464;} /*cms*/ #cmsContent h1 { margin-bottom: 20px; font-size: 30px; color: #0090AF; padding-bottom: 2px; border-bottom: 2px solid #CCE9EF; margin-bottom: 20px;} #cmsContent { padding: 10px;} #cmsContent.error { width: 802px; margin: 0 auto;} h1#what, h1#benefits { font-size: 26px; color: #08BED5; letter-spacing: -1px;} h1#benefits { margin-top: 25px;} span.num { display: inline-block; background: url(../images/bg_num.gif) no-repeat; width: 29px; line-height: 29px; text-align: center; font-size: 16px; color: #FFFFFF; font-weight: bold; margin-left: -36px; position: relative; top: 2px; margin-right: 2px;} #cmsContent ul.bigList { margin-bottom: 25px;} #cmsContent ol li { font-size: 13px; color: #747474; padding-left: 65px; margin-bottom: 10px;} #cmsContent ol.faq1 li { font-weight: bold; background: url(../images/arrow_blue3.gif) no-repeat 50px 3px;} #cmsContent ol.faq li { border-bottom: 1px solid #DDD; padding: 10px 0 10px 65px;} #cmsContent ul li { font-size: 13px; color: #747474; padding-left: 15px; background: url(../images/bullet_blue.gif) no-repeat 0px 5px; margin-bottom: 10px;} #cmsContent ul { padding: 5px 15px;} #cmsContent ol { padding: 5px 0 10px !important;} #cmsContent ul.bigList li { font-size: 14px; color: #2B2B2B; padding-left: 15px; background: url(../images/bullet_blue.gif) no-repeat 0px 5px; margin-bottom: 10px;} #cmsContent .QandA li { padding-left: 37px; padding-bottom: 25px;} .QandA li.question { font-size: 20px; color: #2B2B2B; background: url(../images/icon_question.gif) no-repeat 0px 3px;} .QandA li.answer { font-size: 13px; color: #747474; border-bottom: 1px solid #E1E1E1; margin-bottom: 25px;} #cmsContent p { font-size: 13px; color: #747474; line-height: 20px; margin: 0; padding: 5px 0;} #cmsContent a { color: #0090AF;} #cmsContent a:hover { color: #1BAAC9;} .faq .top { text-align: right;} .faq .top a { background: url(../images/arrow_blue_up2.gif) no-repeat center right; padding-right: 16px;} #cmsContent .buttonHolder { margin-bottom: 50px;} #cmsContent h2 { font-size: 21px; color: #5B5B5B; padding-bottom: 3px; border-bottom: 1px solid #B8E3EB; margin-bottom: 12px; margin-top: 20px;} #cmsContent h3 { font-size: 15px; padding: 10px 0 0px; font-weight: bold;} /*ourTeam*/ #ourTeam { margin-bottom: 35px;} #ourTeam .teamMember { padding: 20px 0px; border-bottom: 1px solid #E1E1E1;} #ourTeam .teamMember .photo { float: left; display: inline; margin-right: 15px; padding-top: 19px; width: 178px; height: 131px; background: url(../images/bg_team_member_profile.gif) no-repeat top;} #ourTeam .teamMember .photo img { display: block; margin: 0px auto;} #ourTeam .teamMember .name, #ourTeam .teamMember .title, #ourTeam .teamMember .contact { display: block; margin-bottom: 3px;} #ourTeam .teamMember .name { font-size: 18px; color: #000;} #ourTeam .teamMember .title { font-size: 13px; font-weight: bold; color: #037F9F;} #ourTeam .teamMember .contact { font-size: 11px; color: #5A5959; margin-bottom: 15px;} #ourTeam .teamMember .contact a { color: #5A5959; text-decoration: underline;} #ourTeam .teamMember .contact a:Hover { color: #037F9F;} .login_box { width: 33%; float: left;} .loginHeader { display: block; padding: 20px 88px 0 0; margin-bottom: 20px; text-align: right;} .login_box #leftAd { width: 279px; padding-bottom: 14px; background: url(../images/login_ad_bot.gif) no-repeat bottom;} .login_box .top { display: block; margin-bottom: 10px;} #leftAd .ad { display: block; margin: 0px auto;} .login_box h2 { color: #2F2F2F; font-weight: bold; font-size: 18px; margin-bottom: 25px; padding-top: 35px;} .login_box .middleList ul {} .login_box .middleList li { font-size: 13px; float: left; display: inline; margin-bottom: 30px;} .login_box .middleList li a { float: left; display: inline; color: #2F2F2F; margin-right: 35px; padding-left: 10px; background: url(../images/bulletblue.png) no-repeat 0px 4px;} .login_box .middleList li a:hover { color: #666;} .login_box p { color: #6A6A6A; font-size: 12px; margin-bottom: 25px; padding-right: 35px;} .login_box #signinForm .head { margin: 0 0 15px;} #formHolder { padding: 0 30px 30px;} .login_box #signinForm { width: 321px; background: url(../images/login_signup_bg.gif) no-repeat bottom;} .login_box #signinForm label { display: block; font-size: 13px; font-weight: bold; color: #505050; margin-bottom: 3px;} .login_box #signinForm .text { border: 1px solid #D3D3D3; color: #666; font-size: 12px; font-family: arial, helvetica, tahoma, sans-serif; padding: 4px; width: 96%; margin-bottom: 15px; background: url(../images/logininput.gif) repeat-x top;} .login_box #signinForm ul { margin-bottom: 5px;} .login_box #signinForm li { display: inline; color: #858585; font-size: 11px;} .login_box #signinForm li a { margin-left: 10px; color: #047CA3; border-left: 1px solid #858585; padding-left: 10px;} .login_box #signinForm li a:hover { color: #0797C6;} .login_box #signinForm li input { vertical-align: middle; margin-right: 5px;} .login_box #signinForm .bttnSignIn { padding-top: 15px; margin-bottom: 25px; float: left; display: inline;} .modalBackground { background-color: #808080; filter: alpha(opacity=70); opacity: 0.7;} /*Message Alert Window Styles*/ .messagebox { padding: 10px; margin: 8px 0; font-family: Arial, Helvetica, sans-serif; font-size: 17px; color: #FFFFFF; background-color: #808080; border: 1px solid #000000; font-weight: bold; overflow: auto; zoom: 1;} .messagebox .messagetext { float: left; width: 90%;} .messagebox .closebox { float: right; width: 24px; background: url(../images/btn_close_error.png) no-repeat center center; height: 24px; text-indent: -100000em; cursor: pointer;} .msgalert { border-color: #FFCB00; background-color: #FBE158;} .msgerror { background-color: #F07681; height: auto !important; _height: 22px; min-height: 22px; background: #F07681 url(../images/bg_error.png) repeat-x bottom; border: 1px solid #E62A39;} .msgsuccess { border-color: #80A136; background-color: #95CC00;} /*Error labels*/ .hint { font-size: 11px; color: #FB8700; display: block;} /*End Message Alert Window Styles Forgot Password*/ #cmsContent.password { padding: 10px 0;} #cmsContent.password h4 { font-size: 14px; font-weight: bold; padding: 10px 0; border-bottom: 1px solid #EEE; margin: 12px 0;} #cmsContent.unscribe h4 { font-size: 14px; font-weight: bold; padding: 10px 0; border-bottom: 1px solid #EEE; margin: 12px 0;} #cmsContent.password p input[type="text"] { width: 200px;} #cmsContent.unscribe p input[type="text"] { width: 200px;} .password p.buttons { padding-left: 200px !important;} .password p.buttons input { background: url(../images/btn_blank2.gif) no-repeat; border: 0; height: 33px; width: 135px; text-align: center; color: #FFFFFF; font-weight: bold; padding: 0 35px 0 0 !important; font-size: 14px;} .password p.buttons input.cancelbutton { background: url(../images/btn_blank3.gif) no-repeat;} #cmsContent.password em { font-size: 12px; color: #FB8700; padding: 0px 3px;} #cmsContent.password .req { margin: 0; padding: 0;} #cmsContent.unscribe em { font-size: 12px; color: #FB8700; padding: 0px 3px;} #cmsContent.unscribe .req { margin: 0; padding: 0;} #cmsContent.password h2 { background: url(../images/title_forgotpassword.gif) no-repeat; text-indent: -3000em; padding-bottom: 2px; border-bottom: 2px solid #CCE9EF; margin-bottom: 25px;} #cmsContent.unscribe h2 { background: url(../images/title_unscribe.gif) no-repeat; text-indent: -3000em; padding-bottom: 2px; border-bottom: 2px solid #CCE9EF; margin-bottom: 25px;} #cmsContent.password label { width: 200px !important; display: inline-block; font-weight: bold;} #matchDetailsQuoteContainer { text-align: center;} #matchDetailsQuote { text-align: center; font-style: italic; font-size: 14px; color: #666; padding: 0px 60px 0px 60px;} /* new style pending connections*/ #pendMatchWrapper { width: 506px; height: 92px; padding-left: 4px; } #pendMatchTop { float: left; width: 506px; height: 4px; } #pendMatchMid { float: left; width: 506px; height: auto; background: #FFF url(../images/pendMatchMid.png); } .pendMatchWhiteWrapper { float: left; width: 285px } #pendMatchBtm { float: left; width: 507px; height: 9px; } .pendMatchUserThmb { float: left; width: 70px; height: 70px; padding-left: 13px; padding-top: 5px; padding-bottom: 4px; padding-right: 0px; } .pendMatchUserThmb img { border-width: 0px; padding: 3px; background: #FFF; border: 1px solid #C1C1C1; } .pendMatchSummaryInfo { float: left; width: 202px; height: auto; padding-top: 10px; } .pendMatchSummaryInfo a.name { font-size: 15px; font-weight: bold; color: #009ECE; display: block; float: left; width: 189px; } .pendMatchStatusOnline { background: url(../images/userOnline.png) no-repeat; width: 13px; height: 12px; float: left; padding-top: 1px; display: block; } .pendMatchStatusOffline { background: url(../images/userOffline.png) no-repeat; width: 13px; height: 12px; float: left; padding-top: 1px; display: block; } .pendMatchMgInfo { float: left; width: 189px; padding-top: 8px; padding-left: 13px; } .pendMatchMgInfo img { border-width: 0px; padding: 3px; background: #FFF; border: 1px solid #C1C1C1; float: left; display: block; } .pendMatchMgInfo a.name2 { font-size: 13px; font-weight: bold; color: #01789C; display: block; padding-left: 7px; padding-top: 5px; float: left; width: 140px; } .pendMatchMgInfo span.infoResults { float: left; display: block; font-size: 10px; color: #676767; margin-bottom: 0px; width: 140px; padding-left: 7px; padding-top: 5px; } #pendMatchGreyLeft { float: left; width: 101px; padding-left: 10px; height: 79px; } .pending { background: url(../images/MGStatus_Pending.png) 2px no-repeat ; } .expired { background: url(../images/MGStatus_Expired.png) 2px no-repeat ; } .matched { background: url(../images/MGStatus_Matched.png) 2px no-repeat ; } .closed { background: url(../images/MGStatus_Closed.png) 2px no-repeat ; } .accepted { background: url(../images/MGStatus_Accepted.png) 2px no-repeat ; } .topText { color: #006699; font-size: 9px; display: block; float: left; width: 96px; text-align: center; padding-top: 22px; padding-right: 5px } .btmText { color: #006699; font-size: 9px; display: block; float: left; width: 110px; text-align: center; padding-top: 33px; padding-right: 5px } .pendMatchScore { float: left; width: 78px; height: 74px; padding-top: 5px; } #matchScore2 { margin: 0px 0px 0px auto; display: block; padding-top: 26px; width: 78px; height: 43px; background: url(../images/bg_pendMatchMatchscore.gif) no-repeat; text-align: center; font-size: 25px; font-weight: bold; color: #08A1D0; letter-spacing: -1px; word-spacing: -2px; } .closeBtn { float: left; padding-left: 5px; } /************VIDEOS PAGES*****************/ #videoContainer { width: 931px; background-color: #F1F1F1; padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; background-image: url(../images/PWM_VideoPage1B.gif); background-repeat: no-repeat; margin: 0px auto; } #VideopageTitleContainer { /*float: left;*/ height: 130px; width: 600px; font-family: arial, tahoma, helvetica, "lucida grande", "Lucida Sans Unicode", sans-serif; font-size: 13px; color: #747474; line-height: 20px; margin-left: 21px; } #videoPlayerContainer { height: 426px; width: 758px; margin-bottom: 100px; } #Blank { height: 30px; width: 100%; } .profilePhoto { padding-top: 19px; width: 178px; height: 131px; background: url(../images/bg_profilephoto.gif) no-repeat top; margin-bottom: 10px;} .profilePhoto img, .profilePhoto input { display: block; margin: 0px auto; max-height: 112px; max-width: 140px;}