html, body, h1, h2, h3, h4, h5, h6, p, ul, li, form, ol { display:block; margin:0; padding:0; font:Arial, Helvetica, sans-serif; list-style:none; outline:none; color:#666666; }
a { text-decoration:none; outline:none; }
a:link { outline:none; }
a:visited { outline:none; }
a:active { outline:none; }
#AgeSliderContainer { width:280px; margin:0 auto; }
#AgeSliderRail { width:276px; border:1px solid #777; }
.AgeSliderStatusLabel { font-size: 120%; }
#AgeSliderTrack1, #AgeSliderTrack2 { position: relative; width:280px; height:0px; }
#AgeSliderTrack2 { height: 0px; background-color: transparent; }
#AgeSliderActiveZone1, #AgeSliderActiveZone2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
}
.AgeSliderStatus1, .AgeSliderStatus2 { font-weight:bold; text-align:center; width: 280px; line-height:150%;}
.AgeSliderStatus1 { color: #33CC66; margin-bottom:24px;}
.AgeSliderStatus2 { color: #9999FF; margin-top:24px;}
.handle {
/* This .handle class affects both the Age and Preference sliders ....cl..... 14-Jul-2011 */
cursor: move;
display: block;
position: absolute;
top: 0;
}
.handle {border-style: solid;}
#AgeSliderHandleLeft1, #AgeSliderHandleRight1, #AgeSliderHandleLeft2, #AgeSliderHandleRight2 { cursor:auto; border-width: 9px; border-color: transparent; }
#AgeSliderHandleLeft1 { border-left-color: #33CC66; margin-top:-18px; }
#AgeSliderHandleRight1 { border-right-color: #33CC66; margin-top:-18px;}
/* .handle2b { border-style: solid;} */
#AgeSliderHandleLeft2 { border-left-color: #9999FF; margin-top:-1px;}
#AgeSliderHandleRight2 { border-right-color: #9999FF; margin-top:-1px;}
.AnswerContainer, .Match { width:375px; margin:7px auto; position:relative; }
.Match { width:325px; }
.AnswerContainer input{ margin-top:8px; }
#AnswerContainer1A { float:left; }
#AnswerContainer1A1 { font-size:90%; }
#AnswerTextArea { height:120px; width:370px; border: 1px solid #aaa; font-family:Arial; overflow:auto; margin-top: 20px;}
.Match #AnswerTextArea { width:320px; color: #444;font-family: verdana, arial, helvetica, sans-serif; font-size:11px;}
#ContentWrapper_A {
width:785px;
margin:20px;
margin-top: 0;
xmargin-bottom:40px;
}
.FourFifths { margin-top: -30px; } /* This lifts the Match page title into the white space shared by the Top 10 medallion */
#IrrelevantQuestionAlert { position:absolute; top:0; left:40px; border:1px solid #777; background-color:#fff; padding:20px; width:300px; }
.MatchAnswerSlider { }
table.MatchAnswerSlider tr th.AnswerWeight, table.MatchAnswerSlider tr td.AnswerWeight{
width:65px;
text-align:center;
}
#OtherAnswer {
margin-left:2px;
}
#MatchCombineProfiles {
width:400px;
margin:0 auto;
padding:20px;
}
#MatchDissatified { }
#MatchDissatified a{ color:blue; font-size:10px; }
#MatchGaugeCluster_en, #MatchGaugeCluster_es, #MatchGaugeCluster_fr { font-size: 15px; }
#MatchGaugeCluster_en #Gauge, #MatchGaugeCluster_es #Gauge, #MatchGaugeCluster_fr #Gauge { float:left; margin-right:12px; }
#MatchGaugeCluster_en .Number, #MatchGaugeCluster_es .Number, #MatchGaugeCluster_fr .Number { font-size: 18px; color:#3c6; }
#MatchGaugeCluster_en .Text { font-weight:bold; margin-bottom:10px; }
#MatchGaugeCluster_es .Text { font-weight:bold; margin-bottom:10px; font-size: 13px; }
#MatchGaugeCluster_fr .Text { font-weight:bold; margin-bottom:10px; font-size: 13px; }
#MatchGaugeHelp { float:right; margin-top:8px; }
#MatchGaugeHelp a { position:relative; }
#MatchGaugeHelp a span { display:none; text-decoration:none; position:absolute; }
#MatchGaugeHelp a:hover span { display: block; float: left; background-color:#9999cc; padding: 4px; overflow: hidden; color:#fff; width: 200px; font-size: 12px; top:-300px; left: 20px; z-index:100; }
.MRRemainingQuestions { font-size: 10px; font-weight:bold; margin-top:4px; color:red; }
.MRRemainingQuestions a.MRPopUp { position:relative; color:blue; }
.MRRemainingQuestions a.MRPopUp span { display:none; text-decoration:none; position:absolute; }
.MRRemainingQuestions a.MRPopUp:hover span { display: block; float: left; background-color:#9999cc; padding: 4px; overflow: hidden; color:#fff; width: 200px; font-size: 12px; top:-80px; left: -50px; z-index:100; }
#MatchGaugeRefreshButton { color:#1a4; font-weight:bold; }
#MatchInstructions1 { width:740px; margin-top:72px; }
#Masvn tchInstructions1A { text-align:left; color:#239; } /* formerly called #MatchStartPageText */
#MatchInstructions1A p { margin:12px 12px 0 12px; } /* formerly #MatchStartPageText p */
#MatchInstructions1A .Heading1 { color:#e70; font-weight:bold; font-size:120%; padding-top:10px;} /* formerly #MatchStartPageText .Heading1 */
#MatchInstructions1A a:link, #MatchInstructions1A a:visited, #MatchInstructions1A a:hover { color:#693; text-decoration:underline; }
#MatchInstructions1B { width: 370px; float:right; }
.MatchInstructionsTitle { }
.MatchInstructionsTitleDiv {padding-left:10px; padding-top:30px; }
.MatchProfileMessage { float:left; }
.MatchProfileMessage #PersonalMessage { width:428px; height:63px; background:#efffff; border:1px solid #3c6; margin:1px; padding:2px; font-family: verdana, arial, helvetica, sans-serif; font-size:11px; color: #444; scrollbar-base-color:#ddd; overflow:auto; resize:none; }
.MatchProfileSendButton a { float:left; width:180px; height:60px; background:#3c6; margin:0 0 0 10px; padding:6px 0 0 0; font-size:14px; font-weight:bold; text-align:center; border:2px solid #eee; border-color: #eee #0a4 #0a4 #eee; }
.MatchProfileSendButton #Arrow,.MatchProfileSendButton #Name, .MatchProfileSendButton #Text_en, .MatchProfileSendButton #Text_es, .MatchProfileSendButton #Text_en { display:block; background:#33CC66; color:#ffffff; }
#Name { font-weight:bold; font-size:16px; }
#Text_en, #Text_fr { font-size: 10px; width:150px;}
#Text_es { font-size: 9px; width:150px;}
.MatchProfileSendButton a span.Bullet { float:right; margin:2px 0 0 0; border:solid 25px #000; border-width:25px 5px 25px 20px; border-color:#3c6 #3c6 #3c6 #fff; }
.MatchProfileSendButton a:hover, .MatchProfileSendButton a:hover #Name, .MatchProfileSendButton a:hover #Text_en, .MatchProfileSendButton a:hover #Text_es, .MatchProfileSendButton a:hover #Text_fr { background:#33CCEE; color:#06c;text-decoration:none; }
.MatchProfileSendButton a:hover { border:2px solid #eee; border-color: #eee #06c #06c #eee; }
.MatchProfileSendButton a:hover span.Bullet { border-color:#33CCEE; border-left-color:#06c; }
.MatchProfileStatusColumn { float: left; width: 200px; }
.MatchProfileStatusColumn a:link, .MatchProfileStatusColumn a:visited { color:#36f; }
.MatchProfileStatusColumn a:hover { color:blue; }
.MatchProfileStatusKey{ font-size: 10px; margin:6px 0 24px 0; }
#MatchProfileStatusWrapper { text-align: left; margin: 0px auto; padding: 0px; border:0; width: 603px; height: 400px; font-size: 100%; line-height:20px;}
.MatchProfileStatusTitle {margin-top:0;}
#MatchResultsButton, #AdvertiserMatchButton { width:220px; margin:20px auto; }
#MatchResultsButton input, #AdvertiserMatchButton input{ color:#06c; font-weight:bold; padding:20px; font-size:15px; width:220px; height:60px; }
#MatchResults { padding:20px; background-color:#ddd; }
.MatchResults_A { text-align: left; padding:15px; color: #777; background-color:#FFFFFF; }
.MatchResults_A #MRInstructions { margin:20px; font-size:17px; }
.MatchResults_A #MRLinks { margin:20px; }
.MatchResults_A #MRList { padding:20px; padding-top:0; text-align:center; color:#27c; font-size:12px; }
.MatchResultsCheckboxCluster { width: 100px; float:left; margin-right:6px; }
.MatchResultsIcon, .DirectoryItemWebIcon {
float:left;
margin-right:1em;
}
.MatchResultsItemDescription { font-size:11px; }
.MatchResultsItemName { margin-bottom: 3px; font-weight:bold; }
.MatchResultsOppsVideoCluster { float:right; }
#MatchResultsQuantity { float:left; font-size:24px; font-weight:bold; margin-bottom:20px; color:#27c; }
#MatchResultsQuantity span { color:#3c6; }
#MatchResultsQuantity span#message_org_selected { color:#27c; }
#MatchResultsSelect { float:left; border-bottom: 1px solid #3c6; width:100%; text-align:left; }
#MatchResultsSelectA, #MatchResultsSelectB { vertical-align:2px }
.MRItemURL { margin-left:2em; margin-top:0.5em; }
.MRItemWrapper, .MRItemWrapperFeatured { border-top: 1px solid #3c6; padding:4px 0; text-align: left; color:#003; }
.MRItemWrapperFeatured { background-color:#ffe; font-size:120% }
.MREvents { }
.MRPercentText { font-size: 13px; font-weight: bold; color: #3c6; }
.MRPercentText span { vertical-align: 2px; }
.MRRemainingQuestions { font-size: 10px; font-weight:bold; margin-top:4px; color:red; }
.MRRemainingQuestions a.MRPopUp { position:relative; color:blue; }
.MRRemainingQuestions a.MRPopUp span { display:none; text-decoration:none; position:absolute; }
.MRRemainingQuestions a.MRPopUp:hover span { display: block; float: left; background-color:#9999cc; padding: 4px; overflow: hidden; color:#fff; width: 200px; font-size: 12px; top:-80px; left: -50px; z-index:100; }
.MRRemainingQuestionsList a { font-size: 10px; text-decoration:underline; color:red; }
.MRVideo { }
#MatchTitle { font-size:24px; color:#06c; font-weight:bold; margin: 0.5em 1em 1em; text-align:center; }
#MatchTitleBox { }
#PreferenceSliderBox { xwidth:428px; margin:0 auto; margin-top:10px;} /* 448px */
#PreferenceSliderContainer { width:316px; margin:0 auto; }
.PreferenceSlider { width:316px; position: relative; }
table.PreferenceSliderRail {width:295px;height:12px;margin-left:10px;}
tr.PreferenceSliderRail td {background:#ddd; }
table.PreferenceSliderLabels { height:12px; margin:0 auto; vertical-align:bottom; }
table.PreferenceSliderLabels td {width:143px;}
div#PreferenceSliderHandle { border:12px solid transparent; border-bottom-color:#9999FF; cursor:auto; position: absolute; margin-top:-7px; }
.ProgressBar { }
div.ProgressBar { background:#ddd repeat left top; height:36px; margin: 2px 0 2px 0; padding:0 5px; }
div.ProgressBar a.prev { display:block; float:left; background:#33CC66; width:80px; height:22px; margin:4px 0 0 0; padding:6px 0 0 0; font-size:14px; font-weight:bold; text-align:center; color:#ffffff; }
div.ProgressBar a.next { display:block; float:right; background:#33CC66; width:80px; height:22px; margin:4px 0 0 0; padding:6px 0 0 0; font-size:14px; font-weight:bold; text-align:center; color:#ffffff; }
div.ProgressBar a.prev span.Bullet { float:left; margin:-2px 0 0 0; border:solid 10px #000000; border-color:#33CC66 #ddd #33CC66 #33CC66; }
div.ProgressBar a.next span.Bullet { float:right; margin:-2px 0 0 0; border:solid 10px #000000; border-color:#33CC66 #33CC66 #33CC66 #ddd; }
div.ProgressBar a.prev:hover,div.ProgressBar a.next:hover { background:#33CCEE; color:#ddd; }
div.ProgressBar a.prev:hover span.Bullet { border-color:#33CCEE; border-right-color:#ddd; }
div.ProgressBar a.next:hover span.Bullet { border-color:#33CCEE; border-left-color:#ddd; }
div.ProgressBar ul.pagedots { width:530px; height:36px; margin:0 auto !important; }
div.ProgressBar ul.pagedots li { float:left; background:none !important; margin:0 !important; padding:0 !important; }
div.ProgressBar ul.pagedots li.dot a, div.ProgressBar ul.pagedots li.AnsweredDot a { position:relative; overflow:visible; display:block; width:13px; height:36px; text-align:center; text-decoration:none !important; }
div.ProgressBar ul.pagedots li.dot a span.Bullet { display:block; font-size:30px; line-height:normal !important; color: #ffffff; }
div.ProgressBar ul.pagedots li.AnsweredDot a span.Bullet { display:block; font-size:30px; line-height:normal !important; color: #34cc67; }
div.ProgressBar ul.pagedots li.dot a span.TipBullet, div.ProgressBar ul.pagedots li.AnsweredDot a span.TipBullet { position:absolute; display:block; visibility:hidden; left:1px; top:2px; border-style:solid; border-width:5px; border-color:#9999cc #ddd #ddd #ddd; }
div.ProgressBar ul.pagedots li.dot a span.TipLabel, div.ProgressBar ul.pagedots li.AnsweredDot a span.TipLabel { position:absolute; display:block; visibility:hidden; background:#9999cc; left:-53px; bottom:33px; width:110px; padding:4px; color:#FFFFFF; text-align:center; font-size:12px; height:54px; line-height:normal !important; }
div.ProgressBar ul.pagedots li.dot a span.TipLabel span.TipLabelNumber, div.ProgressBar ul.pagedots li.AnsweredDot a span.TipLabel span.TipLabelNumber { font-size: 18px; font-weight:bold;}
div.ProgressBar ul.pagedots li.dot a:hover span.Bullet, div.ProgressBar ul.pagedots li.AnsweredDot a:hover span.Bullet { color:#9999cc; }
/* div.ProgressBar ul.pagedots li.dot a:visited span.Bullet { color:#33CC66;} */
div.ProgressBar ul.pagedots li.dot a:hover span.TipBullet, div.ProgressBar ul.pagedots li.AnsweredDot a:hover span.TipBullet { visibility:visible; }
div.ProgressBar ul.pagedots li.dot a:hover span.TipLabel, div.ProgressBar ul.pagedots li.AnsweredDot a:hover span.TipLabel { visibility:visible; }
div.ProgressBar ul.pagedots li.dot a:hover span.TipLabel span.TipLabelNumber, div.ProgressBar ul.pagedots li.AnsweredDot a:hover span.TipLabel span.TipLabelNumber { visibility:visible; }
div.ProgressBar ul.pagedots li.activedot a { position:relative; overflow:visible; display:block; width:25px; height:35px; text-align:center; text-decoration:none !important; }
div.ProgressBar ul.pagedots li.activedot a span.Bullet { display:block; font-size:30px; line-height:normal !important; color:#FFF; }
div.ProgressBar ul.pagedots li.activedot a span.TipBullet { position:absolute; display:block; left:8px; top:22px; border-style:solid; border-width:5px; border-color:#ddd #ddd #9999FF #ddd; }
div.ProgressBar ul.pagedots li.activedot a span.TipLabel { position:absolute; display:block; background: #9999FF ;left:-46px; top:32px; width:110px; padding:4px; color:#FFFFFF; text-align:center; font-size:12px; height:54px; line-height:normal !important; }
div.ProgressBar ul.pagedots li.activedot a span.TipLabelNumber { font-size: 18px; font-weight:bold;}
div.ProgressBar ul.pagedots li.activedotAns a { position:relative; overflow:visible; display:block; width:25px; height:35px; text-align:center; text-decoration:none !important; }
div.ProgressBar ul.pagedots li.activedotAns a span.Bullet { display:block; font-size:30px; line-height:normal !important; color:#34cc67; }
div.ProgressBar ul.pagedots li.activedotAns a span.TipBullet { position:absolute; display:block; left:8px; top:22px; border-style:solid; border-width:5px; border-color:#ddd #ddd #9999FF #ddd; }
div.ProgressBar ul.pagedots li.activedotAns a span.TipLabel { position:absolute; display:block; background: #9999FF ;left:-46px; top:32px; width:110px; padding:4px; color:#FFFFFF; text-align:center; font-size:12px; height:54px; line-height:normal !important; }
div.ProgressBar ul.pagedots li.activedotAns a span.TipLabelNumber { font-size: 18px; font-weight:bold;}
.ProgressBarKey, .ProgressBarTitle , .MatchProfileStatusTitle, .MatchProfileStatusKey{ text-align:center; color: #33CC66; }
.ProgressBarKey { font-size: 10px; margin-bottom:30px; }
.ProgressBarTitle, .MatchProfileStatusTitle { font-size: 16px; font-weight: bold; margin-top:10px; }
#QuestionBox_1, #QuestionBox_2, #QuestionBox_3, #QuestionBox_4, #QuestionBox_2_Match, #QuestionBox_3_Match, #QuestionBox_4_Match { margin-top:20px; text-align: left; font-size: 15px; line-height:115%; padding:15px; color: #777; background-color:#FFFFFF; }
.qtext { margin: 15px 0 0 0; }
#QuestionBox_1 { list-style-position:outside; width:380px; margin:20px; float:left; padding-top:0; }
#QuestionBox_1 a, #QuestionBox_2 a { text-decoration:none; }
#QuestionBox_1 a#QB1PopUp, #QuestionBox_2 a#QB1PopUp { position:relative; color:red; }
#QuestionBox_1 a#QB1PopUp span, #QuestionBox_2 a#QB1PopUp span { display:none; text-decoration:none; position:absolute; }
#QuestionBox_1 a#QB1PopUp:hover span, #QuestionBox_2 a#QB1PopUp:hover span { display: block; float: left; background-color:#9999cc; padding: 4px; overflow: hidden; color:#fff; width: 400px; font-size: 12px; top: 18px; left: -100px; z-index:100; }
#QuestionBox_2, #QuestionBox_3, #QuestionBox_2_Match, #QuestionBox_3_Match { width:280px; }
#QuestionBox_2 { background-color:#efefef; }
#QuestionBox_3_Match .Title { font-weight:bold; color:#06c; text-align:center; margin-bottom: 6px; }
#QuestionBox_3 { margin:20px 0 0 0; }
#QuestionBox_3Text { margin:0 auto; position:relative; }
.QuestionBox_3TextLength1 {margin:-5px -20px -20px -5px; width:250px; height:350px; overflow-y: auto; font-size: 11px; }
.QuestionBox_3TextLength2 { }
#QuestionBox_3Text input {
margin-top:6px;
}
#QuestionBox_4, #QuestionBox_4_Match { height:100px; margin:0 0 0 20px; text-align:center; width:380px; float:left; }
.QuestionBoxTitle { font-size:15px; font-weight:bold; }
#QuestionColumnLeft { float:left; width: 450px; }
#QuestionColumnRight { float:left; width:315px; }
#QuestionBoxComment {
font-size:11px;
padding:15px;
background:#efefef;
border:1px solid #ddd;
color:#666;
line-height:15px;
margin:15px 0;
}
#QuestionContainer {
background-color:#ddd;
padding-bottom:20px;
}
#QuestionDiscerner {
margin-top:12px;
font-style:italic;
}
#QuestionDiscernerTitle {
font-weight:bold;
}
/* #lin_2{
width:190px;
float:right;
height:50px;
padding:10px;
padding-top:60px;
margin-top:-120px;
background-color:#FFFFFF;
}
*/
/* Commented out by CL 2011-08-04 I can't find a use for desc on the site
#desc{
padding-bottom:30px;
} */
/* div#zoom_element { width:50px; height:50px; background:#2d86bd; position:relative; } */ /* I don't think this is used any more ....cl... 7/13/2011 */
/*
label.desc, legend.desc{
font-size:95%;
font-weight:bold;
color:#222;
line-height:150%;
margin:0;
padding:30 30 30 10;
padding-bottom:22px;
border:none;
display:block;
white-space: normal;
width:100%;
} */
#QuestionDiscerner {
margin-top:12px;
font-style:italic;
}
#QuestionDiscernerTitle {
font-weight:bold;
}
span.val_active { color:#777; }
#desc{
padding-bottom:30px;
}
/* div#zoom_element { width:50px; height:50px; background:#2d86bd; position:relative; } */ /* I don't think this is used any more ....cl... 7/13/2011 */
label.desc, legend.desc{
font-size:95%;
font-weight:bold;
color:#222;
line-height:150%;
margin:0;
padding:30 30 30 10;
padding-bottom:22px;
border:none;
display:block;
white-space: normal;
width:100%;
}
/*(AS)*/
.btn_onClick{
float: left;
width: 180px;
height: 60px;
margin: 0 0 0 10px;
padding: 6px 0 0 0;
font-size: 14px;
font-weight: bold;
text-align: center;
color: #FFFFFF;
border: 2px solid;
cursor: pointer;
}
.btn_onClick a, .btn_onClick a:hover, .btn_onClick a:visited{
color: #FFFFFF;
}
.btn_onClick:hover{
background-color: #33CCEE;
border-color: #eee #2aaec9 #2aaec9 #eee;
}
.btn_onClick_lightGreen{
background-color: #99CC33;
border-color: #eee #0a4 #0a4 #eee;
}
.btn_onClick_purple{
background-color: #9999CC;
border-color: #eee #8282af #8282af #eee;
}
.btn_onClick .loading_box_onClick img{
margin: 10px 0;
}
.btn_onClick .btn_onClick_text{
float: left;
width: 150px;
}
.btn_onClick .btn_onClick_text .title{
font-size: 16px;
}
.btn_onClick .btn_onClick_text .subtitle{
font-size: 10px;
}
.btn_onClick .btn_onClick_arrow_rigth{
float: right;
margin: 2px 0 0 0;
border: solid 25px #000;
border-width: 25px 5px 25px 20px;
border-color: transparent transparent transparent #fff;
}
.btn_onClick .btn_onClick_arrow_left{
float: left;
margin: 2px 4px 0 0;
border: solid 25px #000;
border-width: 25px 20px 25px 5px;
border-color: transparent #fff transparent transparent;
}