@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: #000; margin: 0; background-image: url('/images/design/footer_Bg_tile.gif'); background-repeat: repeat-x; background-position: bottom; }
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: 15px; margin: 0px 0px 5px 0px; padding: 0px; }
h3 { font-size: 14px; margin: 0px 0px 5px 0px; padding: 0px; }
h4 { font-size: 13px; 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; }

.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 red; }
#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; }

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

/*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: 1px solid #CCCCCC; }
.rounded_NoBorder { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.beige { background-color: #eeebe2; }
.cream { background-color: #faf7e6; }
div .rounded { padding: 20px; }

.alert { -moz-border-radius: 5px; -webkit-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: 1px solid #b3b3b3; }
.formfield select, select, .formfielddynamic textarea { padding: 3px; margin-bottom: 4px; -moz-border-radius: 5px; -webkit-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 */
#moreaboutus { margin-bottom: 20px; }
#moreaboutus_content { }


/* 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 */
.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; }
.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; }

.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; }



.blogPanel { float: left; width: 410px; }
.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; }




/* 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; }