@import url("/fonts/fonts.css");
/* Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* General Layout */
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; margin: 0 auto; }
div { margin: 0; padding: 0; }

a { color: #0054a6; text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus, a:hover, a:active { outline: none; -moz-outline: none; }
img { border: 0px; }
h1 { font-family: 'GothamMediumRegular' , Helvetica, Times New Roman; font-size: 20px; letter-spacing: -1px; color: #18785d; margin: 0px; padding: 0px; font-weight: normal; }
h2 { font-size: 12px; margin: 0px 0px 5px 0px; padding: 0px; }
h3 { font-size: 12px; margin: 0px 0px 5px 0px; padding: 0px; }
h4 { font-size: 12px; margin: 0px 0px 5px 0px; padding: 0px; }
h5 { font-family: 'GothamMediumRegular' , Helvetica, Times New Roman; font-size: 18px; letter-spacing: -1px; color: #333333; margin: 0px; padding: 0px; font-weight: normal; }

h1 a { color: #18785d; }

h1 span, h1 span img { float: right; border: 0px; }
h1 span a { font: normal 11px Verdana; letter-spacing: normal; padding: 0; margin: 0; border: 0; }
h1 span.backlink a { font-size: 13px; font-weight: normal; color: #000000; padding: 0; margin: 0; border: 0; text-transform: none; text-decoration: none; }
h1 span.backlink a:hover { text-decoration: underline; }

hr { color: #999; background-color: #999; height: 1px; border: 0px; }

.heading { font-family: 'GothamMediumRegular' , Helvetica, Times New Roman; font-size: 20px; letter-spacing: -1px; color: #18785d; margin: 0px; padding: 0px; font-weight: normal; }
.heading span, .heading span img { float: right; border: 0px; }
.heading a { color: #18785d; }
.heading span a { font: normal 11px Verdana; letter-spacing: normal; padding: 0; margin: 0; border: 0; }
.heading span.backlink a { font-size: 13px; font-weight: normal; color: #000000; padding: 0; margin: 0; border: 0; text-transform: none; text-decoration: none; }
.heading span.backlink a:hover { text-decoration: underline; }

.hr940 { height: 1px; border: 0px; width: 100%; margin: 20px 0px; background: url('/images/design/hr940.gif') no-repeat; }
.hr620 { height: 1px; border: 0px; width: 100%; margin: 20px 0px; background: url('/images/design/hr620.gif') no-repeat; }
.hr300 { height: 1px; border: 0px; width: 100%; margin: 20px 0px; background: url('/images/design/hr300.gif') no-repeat; }
.hr390 { height: 1px; border: 0px; width: 100%; margin: 20px 0px; background: url('/images/design/hr390.gif') no-repeat; }

.errorText { color: Red; }
.greytext { color: #8f8c8c; }
.cmslink { color: white; background-color: Red; padding: 5px 10px; display: block; font-weight: bold; }

#wrapper { margin: 0 auto; width: 940px; border: 0px solid blue; }
#top { width: 940px; padding: 20px 0; font-size: 10px; }
#strapline { float: left; margin-right: 10px; margin-top: 3px; font: bold 11px Verdana; color: #000; }
#links { float: right; }
#links a { color: #18785d; text-decoration: none; }
#links a:hover { text-decoration: underline; }
#header { height: 200px; margin-bottom: 12px; }
#headerBlank { width: 900px; height: 125px; background: url('/images/design/homepage/background_top_blank.jpg') no-repeat top; padding-top: 0px; padding-bottom: 12px; }
.xleft { float: left; width: 620px; border: 0px solid red; margin-right: 20px; }
.xright { float: left; width: 300px; }
#sitelogo { float: left; width: 180px; }
#homePromo { float: left; width: 500px; margin-right: 20px; border: 0px solid red; }
.seperatorWide { width: 940px; height: 1px; margin: 10px 0px 10px 0px; background-image: url('/images/design/seperatorWide.gif'); background-repeat: no-repeat; }
.seperatorNarrow { width: 260px; height: 1px; margin: 20px 0px 20px 0px; background-image: url('/images/design/seperatorNarrow.gif'); background-repeat: no-repeat; }

.headerTop {
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px; background-color:#f2f2f2; height:37px; width:940px; }
.headerTop .links { float:left; }
.headerTop .links div { display:inline-block; margin:10px 0px 0px 15px;}
.headerTop .links div a { color:#18785d; font-size:11px; }
.headerTop .tel { float:right; font-family: 'GothamMediumRegular'; font-size:13px; text-align:center; margin:4px 30px 0px 0px; font-weight:bold; }
.headerTop .tel span { font-family: 'GothamBoldRegular'; }
.headerTop .tel div.telCost { font-family:verdana; color:#999999; font-size:9px; font-weight:normal; }
.headerTop .d8helper { float:right; margin:10px 10px 0px 0px; }
.headerTop .findus { float:right; margin-right:15px; }
.headerTop .findus div { display:inline-block; margin:10px 0px 0px 2px; }


#header_hindu {width: 900px; height: 143px; background-image: url('/images/design/header_background_hindu.jpg'); background-repeat:no-repeat;}
#header_muslim {width: 900px; height: 143px; background-image: url('/images/design/header_background_muslim.jpg'); background-repeat:no-repeat;}
#header_sikh {width: 900px; height: 143px; background-image: url('/images/design/header_background_sikh.jpg'); background-repeat:no-repeat;}


/*Colors*/
.color1 {color:#ed1c24 !important;} /*red*/
.color2 {color:#333333 !important;} /*default*/
.color3 {color:#65214f !important;} /*purple*/
.color4 {color:#ef2b5b !important;} /*pink*/
.color5 {color:#1e9bef !important;} /*blue*/
.color6 {color:#ebc71a !important;} /*yellow*/
.color7 {color:#9fc639 !important;} /*green*/
.color8 {color:#f88b30 !important;} /*orange*/
.color9 {color:#18a8a6 !important;} /*teal*/


/*Title*/
.title { font-family: 'GothamMediumRegular' , Helvetica, Times New Roman; font-size: 22px; letter-spacing: -1px; color: #18785d; }
.titleBook { font-family: 'GothamBookRegular' , Helvetica, Times New Roman; font-size: 22px; letter-spacing: -1px; color: #18785d; }
p.title { padding: 10px; color: #333; font-size: 18px; }

/*Rounded*/
.rounded { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;border:1px solid #CCCCCC; }
.rounded_NoBorder { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.yellow {background-color:#FAF0C3;}
.beige {background-color:#eeebe2;}
.skyblue { background-color:#e9ecf3;}
.lightblue { background-color:#f0f5f7; }
.cream { background-color: #faf7e6; }
div.rounded { padding:20px; }

.panel { margin-bottom:20px; }
.alert { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding:10px; color:#5f0304;  border:1px solid #bb797d;  background-color:#ffecee; }

/* Form styling */
.formfield input, input { padding: 4px; margin-bottom: 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #b3b3b3; }
.formfield select, select, .formfielddynamic textarea { padding: 3px; margin-bottom: 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #b3b3b3; }
.formfield td input, .formfielddynamic td input, .checkbox input { border: none; vertical-align: middle; }
.formfield td label, .formlabelSearch td label { margin: 0px 10px 0px 5px; vertical-align: middle; }
input[type=checkbox], input[type=radio] { border: none !important; margin-right: 5px !important; vertical-align: middle !important; }


/* Login Box */
#login { float: right; width: 240px; height: 200px; border: 0px solid red; }
#login a { text-decoration: none; }
#login a:hover { text-decoration: underline; }
#login #collectmatches { background-image: url('/images/design/homepage/collectMatchesBg.gif'); background-repeat: no-repeat; width: 230px; height: 15px; padding: 5px; font-size: 10px; }
#login #collectmatches a { text-decoration: underline; font-size: 10px; color: #cc3300; font-weight: bold; }
#login #go { float: right; margin-top: 4px; }
#login #forgotpassword { text-align: right; padding-bottom: 10px; font-size: 10px; }
#forgotpassword a { color: #666666; }

#login #loginfailed { color: #cc0000; font: bold 10px verdana; margin: 0; padding: 2px 0px 0px 0px; height: 15px; display: block; }
.loginBox { border: 1px solid #cccccc; width: 166px; height: 22px; }
.loginInputLabel { float: left; width: 70px; margin-top: 5px; }
.loginInputField { float: right; }


/* Boxes */
.top { width: 503px; height: 12px; background: url('/images/design/homepage/background_left_top.png') no-repeat top; }
.middle { width: 463px; background: url('/images/design/homepage/background_left_middle.png') repeat-y top; padding: 0 20px 10px 20px; }
.bottom { width: 503px; height: 15px; background: url('/images/design/homepage/background_left_bottom.png') no-repeat bottom; margin-bottom: 10px; }


#whyJoinBox { padding: 10px 10px 5px 10px; margin-bottom: 5px; }
.whyJoinList { margin: 10px 0 0 10px; padding: 0; }
.whyJoinList li { list-style: none; background: url(/images/design/bullet_heart.gif) no-repeat 0 1px; min-height: 16px; padding-left: 20px; margin-bottom: 10px; }

.heartBulletList { margin-top:10px; padding:0px 10px; }
.heartBulletList li { list-style:none; background: url(/images/design/bullet_heart.gif) no-repeat 0 3px; min-height:16px; padding-left:20px; margin-bottom:15px;}


/* Video player */
#player { width: 350px; height: 225px; display: block; background: #eeebe2 url('/javascript/flowplayer/splash.png'); }
#playerSplash { padding-top: 10px; width: 350px; }


/* Events */
#events { width: 300px; margin-top: 20px; }
#events .middle a { color: #0000ff; }
#events #logo { padding-right: 50px; }
#events .event { width: 300px; padding-top: 10px; }
#events .event img { padding-right: 10px; }
#events .event a { color: #000000; text-decoration: none; }
#events .event a:hover { text-decoration: underline; }
#events #viewallink { text-align: right; font-weight: bold; padding-top: 10px; display: block; color: #18785d; }


/* Search */
#search { width: 260px; height: 470px; padding: 20px; }
#search #searchbuttons input { padding: 0; margin-top: 10px; }
#search #quickflickbutton { padding: 0; margin: 0; }

#search .quickFlickInputLabel { float: left; width: 110px; font-weight: bold; height: 30px; }
#search .quickFlickInputField { float: left; width: 145px; height: 30px; }


/* Search */
#searchBasic { width: 300px; height: 270px; background: url('/images/design/homepage/background_search_basic.png') no-repeat top; margin-top: 11px; padding: 2px 0 10px 20px; }
#searchBasic #iam { float: left; width: 100px; line-height: 20px; }
#searchBasic #lookingfor { float: left; width: 100px; line-height: 20px; }
#searchBasic #age { float: left; width: 100px; line-height: 20px; }
#searchBasic #age strong { padding-bottom: 5px; display: block; }
#searchBasic #religion { padding: 15px 0; }
#searchBasic #searchbuttons { float: left; }
#searchBasic #quickflickbutton { float: left; }

/* Religion landing page search*/
#searchShort { width: 260px; height: 160px; padding: 20px; }
#searchShort .quickFlickInputLabel { float: left; width: 110px; font-weight: bold; height: 30px; }
#searchShort .quickFlickInputField { float: left; width: 145px; height: 30px; }
#searchShort #searchbuttons input { padding: 0; margin-top: 10px; }
#searchShort #quickflickbutton { padding: 0; margin: 0; }


/* Poll */
#poll { width: 580px; padding: 20px; background: #eeebe2 url('/images/design/EditHelpBackground.gif') no-repeat 360px 0px; overflow: hidden; }
#poll #answers { line-height: 20px; padding-bottom: 20px; }
.pollLeftPanel { float: left; width: 350px; margin-top: 10px; }
.pollRightPanel { float: left; width: 200px; margin: 8px 0px 0px 30px; }
.pollDidYouKnow { font-size: 13px; margin: 10px 0px 0px 20px; }
.pollLearnMoreLink { position: relative; top: 35px; left: 55px; }
#pollNarrow { width: 260px; margin-top: 20px; height: 240px; padding: 20px; background-image: url('/images/design/homepage/pollNarrowBg.gif'); background-repeat: no-repeat; }

/* Poll USA */
#pollUSA { width: 280px; padding: 10px; background: #eeebe2 url('/images/design/EditHelpBackground.gif') no-repeat 140px 0px; overflow: hidden; }
#pollUSA #answers { line-height: 20px; padding-bottom: 20px; }


/* More About Us */
#moreaboutus2 { margin: 30px auto; width: 940px; }
#moreaboutus_content2 { padding-bottom:30px; }


/* Quickflick */
div.scrollable { float: left; overflow: hidden; position: relative; width: 260px; height: 200px; margin: 0px 0px 0px 0px; }
div.scrollable div.items { width: 20000em; position: absolute; }
div.scrollable div.items div { float: left; margin-right: 5px; }
/*
div.scrollable div.items .left {float:left; width:100px; margin:0px;}  
div.scrollable div.items .right {float:left; width:150px; font-size:7.5pt;}
div.scrollable div.items div .right .username {font-size:12px; font-weight:bold; width:150px; display:block; float:left; margin-bottom:3px; }
*/
.quickflickleft { float: left; width: 100px; }
.quickflickleft input { margin-top: 10px; padding: 0; text-align: center; width: 100px; }
.quickflickright { float: left; width: 155px; padding-left: 5px; font-size: 10px; }
.quickflickright .username { font-size: 12px; font-weight: bold; width: 150px; display: block; margin-bottom: 3px; }

a.prev { display: block; width: 60px; height: 31px; background: url('/images/design/homepage/arrow_previous.gif') no-repeat center -31px; float: left; cursor: pointer; }
a.next { display: block; width: 60px; height: 31px; background: url('/images/design/homepage/arrow_next.gif') no-repeat center -31px; float: left; cursor: pointer; clear: right; }
a.join { display: block; margin: 3px 10px 0px 10px; width: 113px; height: 25px; background: url('/images/design/homepage/button_quickflickjoinforfree.gif') no-repeat; float: left; cursor: pointer; }
a.disabled { background-position: center 0px; cursor: default; }


/* Quickflick Images */
.pics { height: 122px; width: 100px; padding: 0; margin: 0; }
.pics img { background-color: #eee; width: 100px; height: 122px; top: 0; left: 0; }


/* Generic Styles */
.clear { clear: both; height: 0; }
.divider { clear: both; height: 20px; }
.nooutline { outline: none; }


/* Custom tabs */
.tabcontenthidden { display: none; }
.tab { float: left; width: 48px; border: solid 1px #b1bfc7; background: #e3ecf1; cursor: pointer; }
.selectedtab { float: left; border: solid 1px #b1bfc7; border-bottom: 0; cursor: pointer; }
#tabcontent { display: block; width: 142px; height: 90px; border: 1px solid #b1bfc7; border-top: none; padding: 3px; margin-top: -1px; }
.quickflicklabel { display: block; float: left; width: 75px; color: #244c9f; border: solid 1px #000; }
.quickflickfield { display: block; float: left; width: 90px; font-weight: normal; border: solid 1px #000; }
.imageCounter { font-size: 7pt; }
.paddedbox { }
.paddedboxnotoppadding { width: 280px; margin: 10px 10px 0px 0px; }

.tab1 { display: block; float: left; width: 67px; height: 19px; cursor: pointer; padding: 5px 0px 0px 3px; margin: 0px; font-weight: bold; color: #333; border-top: 1px solid #b1bfc7; border-left: 1px solid #b1bfc7; border-bottom: 1px solid #fff; border-right: 1px solid #b1bfc7; }
.tab2 { display: block; float: left; width: 68px; height: 19px; cursor: pointer; padding: 5px 0px 0px 3px; margin: 0px; font-weight: bold; color: #333; border: 1px solid #b1bfc7; background: #e3ecf1; }

.qfTabInfo { color: #244c9f; font-weight: bold; vertical-align: top; }



/* Footer */

.footerWrap { width:100%; }

.footerTop { width: 940px; text-align: right; margin: auto; height: 44px; background-image: url('/images/design/footer_heart_top.gif'); background-position: bottom right; background-repeat: no-repeat; }
.footerBottomContainer { width: 100%; background-color: #eeebe2; padding-bottom:2px; }
.footerBottom { width: 940px; margin: auto; height: 229px; background-image: url('/images/design/footer_heart_bottom.gif'); background-position: top right; background-repeat: no-repeat; text-align: left; padding-top: 20px; }

.footerStrapline { float: left; text-align: left; }
.footerCopyright { float: right; text-align: right; }
.footerCopyrightHolder { border-top: 1px solid #666666; padding: 10px 0px 10px 0px; color: #666666; }
.expandLink { color:#333; }

.bottomLinks { float: left; color: #666666; text-decoration: none; font-size: 10px; text-align: left; padding: 0px; margin-bottom: 15px; line-height: 1.6em; }
.bottomLinks a { display: block; color: #666666; text-decoration: none; }
.bottomLinks a:hover { color: #666666; text-decoration: underline; }
.bottomLinksHeader { margin-bottom: 5px; font-weight: bold; font-size: 13px; }

.mediaLogosWrap { width:940px; margin:auto; }
.mediaLogos { height:45px; margin:20px 0px; }
.mediaLogos td { text-align:center; min-width:60px; }
.mediaLogos td.first { text-align:left; width:104px; }
.mediaLogos td.last { text-align:right; width:104px; }


.blogPanel { float: left; width: 390px; }
.smallPromoPanel { float: left; margin-left: 20px; }
.smallPromoPanel a { margin-right: 10px; }
.readMoreLink { color: #ed1c24; padding-bottom: 5px; }
.blogList li { vertical-align: top; margin-bottom: 15px; margin-left: 20px; }
#blogBulletedList { margin-left: 10px; padding: 0; }
.blogListUSA li { list-style:none; background: url(/images/design/bullet_heart_purple.gif) no-repeat 0 3px; min-height:16px; padding-left:20px; margin-bottom:20px;}
.eventPromoBg300 { background-image: url('/images/design/eventPromoBg300.gif'); background-repeat: no-repeat; width: 280px; height: 50px; padding: 10px; }
.eventPromoBgTitle { font-family: 'GothamMediumRegular' , Helvetica, Times New Roman; font-size: 18px; letter-spacing: -1px; margin: 0px; padding: 0px; font-weight: normal; }

.wpBlogList { margin:20px 0px 0px 10px; padding:0px; }
.wpBlogList li { list-style:none; background: url(/images/design/bullet_heart_purple.gif) no-repeat 0 3px; min-height:16px; padding-left:20px; margin-bottom:10px; }



/* Homepage Banner Rotation */
#panes { width: 600px; height: 220px; position: relative; }
#panes div { display: none; position: absolute; width: 600px; height: 220px; }
#panes img { }
#nav { margin-top: 10px; }
#nav ul { width: 600px; margin: 0; padding: 0; }
#nav li { float: left; margin: 0 25px 0 0; padding: 0; list-style-type: none; }
#nav a { display: block; position: relative; }
#nav a.current { }
#nav img { display: block; }
#nav strong { display: block; }



/* New Homepage Banner Slider - June 2011 - Ajay */
.homeBannerMain { float:left; width:500px; margin-right:10px; }
.homeBannerThumb { float:left; width:240px; height:200px; overflow:hidden; }
.sliderControls { position:relative; top:-210px; z-index:100; }
.sliderControls #sliderThumbNext,
.sliderControls #sliderThumbPrev { background-color: Transparent; cursor:pointer; width:240px; height:95px; display:block;  }
.sliderControls #sliderThumbPrev { margin-top:10px; }
ul#sliderMain { margin:0px; padding:0px; }
ul#sliderMain li { width:500px; height:200px; }
ul#sliderThumb { margin:0px; padding:0px; }
ul#sliderThumb li { width:240px; height:105px; }


/* New Homepage Login - June 2011 - Ajay */
#loginNew { float:right; background-color:#f5f3eb; width:540px; padding: 10px; }
#loginNew .loginTitle { float:left; width:140px; }
#loginNew .loginInputField { float: left; width: 150px; margin-right:10px; }
#loginNew .loginInputField input { margin:0px; }
#loginNew .go { float: right; }
#loginNew .go input { margin:0px; padding:0px; }
#loginNew .loginRegister { float:left; margin-right:60px; }
#loginNew .loginRegister a { font-weight:bold; color:#339933; }
#loginNew .loginForgotpassword { float:left; }
#loginNew .loginForgotpassword a { color: #666666; }
#loginNew .loginRemember { float:right; }
#loginNew .loginfailed { color:#cc0000; font: normal 10px verdana; margin: 0; padding-top:3px; display:inline-block; }

.loginPlaceholderText { color:#999999; }

/* generic Jquerytools tootip styling */
.fbconnect_tooltip { display:none; background:url(/images/facebook/home_tooltip.png); height:139px; width:173px; padding:30px 20px 0px 20px; }


.hiringarrow { background:url('/images/werehiring.png') no-repeat top center; width:105px; height:26px; margin:-3px 0 0 160px; z-index:100000; }