﻿@font-face {
font-family: 'MatchIconFont-Regular';
src: url('https://www.match.com/styles/fonts/icons/MatchIconFont-Regular_V3.eot');
src: local('☺'),
url('https://www.match.com/styles/fonts/icons/MatchIconFont-Regular_V3.eot?#iefix') format('embedded-opentype'),
url('https://www.match.com/styles/fonts/icons/MatchIconFont-Regular_V3.woff') format('woff'),
url('https://www.match.com/styles/fonts/icons/MatchIconFont-Regular_V3.ttf') format('truetype'), 
url('https://www.match.com/styles/fonts/icons/MatchIconFont-Regular_V3.svg#MatchIconFont-Regular') format('svg');
font-weight: normal;
font-style: normal;
}

* { padding:0; margin:0; }
html, body { width:100%; font:11px; color:#555; text-align:center; }
table, tr, th, td { font:normal 12px Arial; }

.errorMessageSummary { color:#FF0000; width:880px; display:none; margin:0 auto; z-index:50; top:10px; text-align:left; }
.errorMessageSummary ul { list-style:none; }
#canvas { width:1280px; margin:0 auto; text-align:center; font-family:Arial, Helvetica, sans-serif; position:relative; }
.mLogo { height:33px; margin:15px 0 -6px 0; background:url(/en-us/landing/crm/images/229447_blueMatchLogo.png) no-repeat 0 0; text-indent:-9999px; overflow:hidden; }
.icon{ font-family: "MatchIconFont-Regular"; zoom: 1;*display: inline;-webkit-text-stroke: 0.3px;font-weight: 100;
color: #1574bb;font-size: 25px; margin:25px 0 0;}
#frmContent {  width:452px;  margin:20px 0 3px; float:left; }
.cta1 { color:#555555;font-size:35px;padding-top:10px;}
.cta2 { color:#ED7306;font-size:35px;}
#formLogin { margin:4px 0 0 30px; height:203px; font-size:12px; color:#5b5b5b; width:395px; }
#formLogin .txtbx input { font:10px Verdana, Arial, Helvetica, sans-serif; color:#333333; padding:2px; height:19px; width:190px; border:1px solid #c6c6c6; }
#formLogin .txtbx label { width:58px; display:block; padding:5px 7px 0 0; float:left; text-align:right;}
#formLogin #pnlHandle, #formLogin #pnlPassword { padding:10px 0 4px 0; }
#pnlButton { padding:19px 0 0; margin-bottom:10px;}
#pnlForgotPassword { text-align:left; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; }
#pnlForgotPassword a { color:#989898; text-decoration:none; font-size:9px; }
#pnlForgotPassword a:hover { text-decoration:underline; }
.notMember { padding:6px 0 0; font-size:12px; color:#6f6f6f; }
.notMember a { color:#007cc4; text-decoration:none; display:inline; }
.notMember a:hover { text-decoration:underline; }
		
.promoTermsView { margin:10px 0 0 30px; height:170px; width:391px; color:#000; }
.promoTermsView p.byClick { padding:5px 0 0; margin:5px 0 0; }
.promoTermsView .termscond { margin:5px 0 0; height:89px; width:375px; font:11px "Courier New", Courier, monospace; color:#000; overflow:auto; border:1px solid #000; padding:0; background:#FFF; }
.promoTermsView .termscond p { margin:0 5px 10px; padding:0; width:345px; color:#000; }
.promoTermsView #pnlButton { padding:10px 0 0; float:left; margin-bottom:10px; }											
.pnlFeatures th.col2 { font-size:16px; font-weight:800;line-height:20px;font-family: 'Poppins','Open Sans', 'Helvetica';padding:15px 45px 15px 0px;color:#000000;}
.pnlFeatures th.col3 { font-size:16px; font-weight:800;line-height:20px;font-family: 'Poppins','Open Sans', 'Helvetica';padding-right:15px; color:#000000}			
.pnlFeatures td { padding:7px 0 7px }
.pnlFeatures td.col1 { font-size:16px; font-weight:normal;line-height:20px;font-family: 'Poppins','Open Sans', 'Helvetica'; }
.pnlFeatures td.center{ text-align:center; }
#matchMembertbl { padding-left: 130px !important;padding-right:10px ;border-spacing: 0 2px; }
#matchMembertbl tr { background-color: #f0f1fe; }
#matchMembertbl th { background-color: white; }
#matchMembertbl tr td:first-child { padding-left:10px; }
#members { margin: 25px 0 0 0; width: 455px; height: 720px; font-family: Arial, Helvetica, sans-serif; float: right;}
.m #members { background:url(/en-us/landing/crm/images/ProfileCardSeek_M.png) no-repeat 0 0;  }
.f #members { background:url(/en-us/landing/crm/images/ProfileCardSeek_F.png) no-repeat 0 0;  }
#members p { margin:0px; font-size:13px; }

#footNote { margin:0 0 30px 20px;  }
/*.burst { position:absolute; top:115px; right:45px; width:139px; height:140px; overflow:hidden; text-indent:-99999px; background:url(/en-us/landing/crm/images/common/burst72hrs.png) no-repeat 0 0; }*/
	
.b #frmContent { height:337px; background:url(/en-us/landing/crm/images/111942bFormBG.png) no-repeat 0 0; }
.b .pnlFeatures { height:340px; float:right; clear:none; margin:20px 0 0; background:url(/en-us/landing/crm/images/111942bTableBG.png) no-repeat 0 0; }
.b .pnlFeatures td { padding-top:6px; padding-bottom:6px;}
.b p#footNote { margin:8px 0 5px 470px; }
.b #members { float:none; margin-top:-20px; clear:both; width:auto; }
		
/*.f .b #members { height:96px; background:url(/en-us/landing/crm/images/111942bMembersF.jpg) no-repeat 0 19px; }
.m .b #members { height:96px; background:url(/en-us/landing/crm/images/111942bMembersM.jpg) no-repeat 0 19px; }*/
	
.btnLogin{display: block; height: 52px; width: 213px; background-color: #ED7306; }
.btnLogin_New{display: block; height: 52px; width: 213px; background-color: #ED7306; }
/*.b .burst { top:370px; right:-25px; width:84px; height:85px; background-image:url(/en-us/landing/crm/images/common/burst72hrs-small.png); }*/
span.raquo{font-size: 33px; display: inline-block; margin-top: -11px; vertical-align: top; }
#pnlForgotPwdMob{display:none;}
#pnlForgotPwdMob a{ color:#939393; }
::-webkit-scrollbar { width: 3px; }

::-webkit-scrollbar-track {box-shadow: inset 0 0 5px white;border-radius: 10px;}

::-webkit-scrollbar-thumb { background: grey;border-radius: 0px; }
.popupScroll { display: none; /*position:absolute !important;*/ z-index: 10000; position: fixed !important; left: 51% !important; top: 50% !important; margin: auto !important; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 3px; border-radius: 8px; background-color: #fff; }

.popupScroll .close { cursor: pointer; font-size: 30px; font-weight: bold; }
 .popupScroll .popupScrolltext {text-align: left; overflow-x:hidden !important} 
.blur-filter { -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); }
.no-blur-filter { -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px);}
/*for mobile only*/
@media screen and (max-width: 480px)  {
html, body { width: 100%; overflow-x: hidden !important; text-align:center; }
.popupScroll { display: none; /*position:absolute !important;*/ z-index: 10000;padding: 0px 16px 20px 0px !important; position: fixed !important; left: 51% !important; top: 50% !important; margin: auto !important; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 3px; border-radius: 8px; background-color: #fff; width: 250px !important; height: 260px !important; overflow-x: hidden; }
.popupScroll .popupScrolltext { width: 226px !important; height: 230px !important; overflow-x: hidden; text-align:left; position:fixed }
.popupScroll .popupScrolltext .termscond {overflow-x: hidden;text-align: left;}
.popupScroll .close { cursor: pointer; font-size: 25px; font-weight: bold; } .mobiHide { display: none !important; }
.popupScroll .clsbtn {margin-left: 248px !important; margin-top:3px }

.bottomText { text-align: left; padding: 5px 0px 30px 0px !important; } 

.bottomText div { font-size: 9px !important; } 
#canvas { width: 300px; } 
#frmContent { width: 300px; margin: 0px; float: none; background: none; } 
.cta1 { color: #555555; font-size: 25px; } 
.cta2 { color: #ED7306; font-size: 25px; } 
.m #members { background: url(/en-us/landing/crm/images/ProfileCardSeek_M.png) no-repeat 0 0px; background-size: cover; margin-top: 50px } 
.f #members { background: url(/en-us/landing/crm/images/ProfileCardSeek_F.png) no-repeat 0 0px; background-size: cover; margin-top: 50px } 
.n #MatchMember { display: none !important; } 
.n #members { display: none !important; } 
#members { margin-top: 0px; width: 300px; height: 620px; font-family: Arial, Helvetica, sans-serif; float: none; } 
.pnlFeatures { display: none; } 
#footNote { display: none; } 
.burst { display: none; } 
#members p { display: none; } 
#formLogin { position: static; height: auto; font-size: 12px; color: #5b5b5b; width: 300px; margin: -5px 0 0 0; padding: 0; } 
#formLogin .txtbx label { display: block; float: none; padding: 5px 0 2px 0; font-size: 15px; text-align: left; } 
#formLogin .txtbx input { width: 100%; padding: 5px 0 4px 0; height: 25px; font-size: 13px; border-color: #75a4d5; } 
#formLogin #pnlHandle, #formLogin #pnlPassword { padding: 0px; } 
.btnLogin { display: block; height: 74px; width: 100%; background-color: #ED7306; } 
.btnLogin_New { display: block; height: 74px; width: 100%; background-color: #ED7306; } 
span.raquo { font-size: 45px; display: inline-block; margin-top: -9px; vertical-align: top; } 
#pnlForgotPassword { display: none; } 
#pnlForgotPwdMob { display: block; margin-top: 5px; } 
span.mobiHide { display: none; } /*p.mobiHide{display:none;}*/ .promoTermsView { margin: 10px 0 0 0; height: 204px; width: 100%; color: #000; } 
.promoTermsView .termscond { margin: 5px 0 0; height: 110px; width: 99%; font: 11px "Courier New", Courier, monospace; color: #000; overflow: auto; border: 1px solid #000; padding: 0; background: #FFF; } 
.promoTermsView .termscond p { margin: 0 0 0; padding: 0; width: 100%; color: #000; word-wrap: break-word; } 
.ClickHere { width: 235px !important; padding: 5px 0px 0px 22px !important } 
.Cta { padding: 15px 10px 8px 14px !important } 
.bottomText { text-align: left; padding: 5px 0px 30px 133px; } 
.HeaderImage { padding: 0px 0px 10px 0px !important; width: 300px !important; } 
.scroll { height: 250px !important; width: 250px !important; } 
.Logo { padding: 11px 0 12px 100px !important; }
.errorMessageSummary { color:#FF0000; width:290px; display:none; margin:0 auto; z-index:50; top:10px; text-align:left; }
}