﻿@import url("/fonts/fonts.css");

body 
{
    font: normal normal normal 11px/1.5em Verdana, Arial, Helvetica, sans-serif; 
    color: #000; margin: 0 auto; padding: 0;
    background: #fff url('/images/bottom/footer_Bg_tile.gif') repeat-x bottom;
}
       
.clear {clear:both; }

#twitter-follow { border:0; position:fixed; top:0; right:0; z-index:100; }
#facebook-follow { border:0; position:fixed; top:130px; right:0; z-index:100; }

div, span { margin: 0; padding: 0; }
a { color:#0099cc; text-decoration:none; }
a:hover { text-decoration:none; background-color:#daecf2; }
a:focus, a:hover, a:active { outline:none; -moz-outline:none; }

img { border:0px; }
img a:hover { background-color:Transparent; }


h1 { font-family: 'GothamMediumRegular', Helvetica, Times New Roman; font-size:22px; 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 span { border:0px; }
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; }

.hr260 { height: 1px; border:0px; width:100%; margin:20px 0px 15px 0px; background:url('/images/hr260.gif') no-repeat; }
.hr300 { height: 1px; border:0px; width:100%; margin:20px 0px 15px 0px; background:url('/images/hr300.gif') no-repeat; }
.hr390 { height: 1px; border:0px; width:100%; margin:20px 0px 15px 0px; background:url('/images/hr390.gif') no-repeat; }
.hr620 { height: 1px; border:0px; width:100%; margin:20px 0px 15px 0px; background:url('/images/hr620.gif') no-repeat; }
.hr940 { height: 1px; border:0px; width:100%; margin:20px 0px 15px 0px; background:url('/images/hr940.gif') no-repeat; }

.errorText { color:Red; }
.greytext { color: #8f8c8c; }
.cmslink { color:white; background-color:Red; padding:5px 10px; display:block; font-weight:bold; }
.backToTopLink { font-family: 'GothamMediumRegular', Helvetica, Times New Roman; font-size:15px; letter-spacing:-1px; color:#666; margin:0px; padding:0px; font-weight:normal; }
.backToTopLink img { padding-left:5px; }


/* Rounding */
.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;}
.skyblue { background-color:#e9ecf3;}
div.rounded { padding:18px; }

.panel { margin-bottom:20px; }
.alert { -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:10px; color:#5f0304;  border:1px solid #bb797d;  background-color:#ffecee; }

/* Form styling */
input, select, textarea { padding:4px;  margin-bottom:4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px solid #b3b3b3; }
.contactFormFieldHolder input,
.contactFormFieldHolder select,
.contactFormFieldHolder textarea { padding:4px;  margin-bottom:4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px solid #b3b3b3; }
input[type=checkbox], input[type=radio] { border: none !important; margin-right:5px !important; vertical-align:middle !important; }

/* Colors */
.Red {color:#ed1c24;}
.Grey {color:#333333;}
.Purple {color:#65214f;}
.Pink {color:#ef2b5b;}
.Blue {color:#1e9bef;}
.Yellow {color:#ebc71a;}
.Green {color:#99cc33;}
.Orange {color:#f88b30;}
.Aqua {color:#0eaf96;}

/* Site Layout */
.hiddenText {height: 145px; padding:0px 35px; color:#ccc; font-size:16px; }
.hiddenText2 {height: 185px; padding:0px 35px; color:#ccc; font-size:16px; }

.siteLayoutMain { width: 970px; background-color:#fff; margin:auto; }
.siteLayoutTop { z-index:100; width: 940px; height: 145px; background: transparent url('/images/header/headerbg.png') no-repeat fixed top center; padding:0px 15px; margin: auto;  position: fixed; top: 0; }
.siteLayoutTop2 { z-index:100; width: 940px; height: 185px; background: transparent url('/images/header/headerbg2.png') no-repeat fixed top center; padding:0px 15px; margin: auto;  position: fixed; top: 0; }
.siteLayoutBody { width: 970px; padding:0px 15px; margin-top:15px; }
.siteLayoutLeft { float:left; width:620px; margin-right:20px; }
.siteLayoutRight { float:left; width: 300px; }
.siteLayoutFull { width:940px; }
.siteLayoutBottom { width:100%; }

.logo { float:left; padding:10px 0 0 20px; }
.logo a:hover { background-color:Transparent; }

.onlineDatingLogo { float:left; margin:0 20px 20px 0; }
.onlineDatingLogo a:hover { background-color:Transparent; }

/* Navigation */
ul.navigation { list-style: none; margin-top: 0px; }
ul.navigation li { float: left; margin:0px 15px; }
ul.navigation li a { width: 50px; height: 35px; display: block; text-align:center; }
ul.navigation li a em { padding-top: 42px; display: block; position: relative; font: normal normal normal 12px 'GothamBookRegular', Helvetica, Times New Roman; color:#666; }
ul.navigation li a em:hover { color:#ff2476; }

ul.navigation li.home a { background: url(/images/header/home.gif) bottom center no-repeat;}
ul.navigation li.home a:hover { background-position: top center; text-decoration:none; }

ul.navigation li.events a { background: url(/images/header/events.gif) bottom center no-repeat;}
ul.navigation li.events a:hover { background-position: top center; text-decoration:none; }

ul.navigation li.speeddating a { background: url(/images/header/speeddating.gif) bottom center no-repeat;}
ul.navigation li.speeddating a:hover { background-position: top center; text-decoration:none; }

ul.navigation li.padlockparty a { background: url(/images/header/padlockparty.gif) bottom center no-repeat;}
ul.navigation li.padlockparty a:hover { background-position: top center; text-decoration:none; }

ul.navigation li.onlinedating a { background: url(/images/header/onlinedating.gif) bottom center no-repeat;}
ul.navigation li.onlinedating a:hover { background-position: top center; text-decoration:none; }

ul.navigation li.successstories a { background: url(/images/header/successstories.gif) bottom center no-repeat;}
ul.navigation li.successstories a:hover { background-position: top center; text-decoration:none; }

ul.navigation li.blog a { background: url(/images/header/blog.gif) bottom center no-repeat;}
ul.navigation li.blog a:hover { background-position: top center; text-decoration:none; }

ul.navigation li.mediacoverage a { background: url(/images/header/mediacoverage.gif) bottom center no-repeat;}
ul.navigation li.mediacoverage a:hover { background-position: top center; text-decoration:none; }

ul.navigation li.contact a { background: url(/images/header/contact.gif) bottom center no-repeat;}
ul.navigation li.contact a:hover { background-position: top center; text-decoration:none; }

/* Sub Navigation */
.subNavTable td { padding:20px 8px 0px; }
.subNav { font-size: 11px; color:#666; }
.subNav:hover { color:#ff2476; background-color:Transparent !important; }

/* Lists */
ul.list { list-style-type:circle; }
ul.list li { margin-bottom:20px; padding-left:5px; }
ul.list li span { font-weight:bold; }
ul.list ul { list-style-type:disc; margin-top:5px; font-style:italic; }
ul.list ul li { margin-bottom:5px; padding-left:5px; }

.whyJoinList { margin:0; padding:0; }
.whyJoinList li { list-style:none; background: url(/images/bullet_heart.gif) no-repeat 0 3px; padding-left:20px; margin-bottom:10px;}


/* Footer */
.footerBottomContainer { width:100%; background-color:#eeebe2; }
.footerTop {width:940px; text-align:right; margin:auto; height:44px; background-image:url('/images/bottom/footer_heart_top.gif');  background-position:bottom right; background-repeat:no-repeat;}
.footerBottom { width:940px; margin:auto; height:240px;  background-image:url('/images/bottom/footer_heart_bottom.gif'); background-position:top right; background-repeat:no-repeat; text-align:left; padding-top:20px; }
.footerCopyright { border-top:1px solid #666666; padding:10px 0px 10px 0px; color:#666666; }
.footerCopyright a { color:#666666; }
.footerCopyright a:hover { background-color:Transparent; }


.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; background-color:Transparent !important; }
.bottomLinksHeader { margin-bottom:5px; font-weight:bold; font-size:13px; }

/* Flowplayer */
.player, #player { z-index:0; width:400px; height:250px; display:block; margin:0px; padding:0px; }
div.playlist { position:relative; overflow:hidden; height:285px !important; }
div.playlist div.clips { position:absolute; height:20000em; }
div.playlist, div.clips { float:left; }
div.clips a { display:block; width:160px; padding:5px; margin-bottom:15px; background-color:#f0f0f0; text-decoration:none; color:#0575c0; }
div.clips a.first { }
div.clips a.playing, div.clips a.paused, div.clips a.progress { border:0; color:#ffffff; background-color:#093157; }
div.clips a.progress { opacity:0.6; moz-opacity:0.6; }
div.clips a.paused { background-position:0 0; }
div.clips a span { display:block; font-size:11px; color:#666; }
div.clips a em { font-style:normal; color:#f00; }	
div.clips a:hover { text-decoration:none; background-color:#1e9bef; color:#ffffff; }
div.clips a.playing:hover, div.clips a.paused:hover, div.clips a.progress:hover { background-color:#0575c0 !important; }

/* Newsletter */
.Newsletter { color: #FFFFFF; padding: 14px 0px 0px 10px; float:left; }
.Newsletter-field { float:right; background-color:#000000; height:31px; }
.Newsletter-button { float:right; background-color:#000000; height:31px; }
.newsletterFormField { margin-top:4px; border:1px solid #1facd5; padding:2px;  font-size:11px; }
.newsletterFormButton { margin:5px; }

/* Newsletter Control */
.siteControls_NewsletterFieldHeader { float:left; font: bold 11px Verdana; color:#000; }
.siteControls_NewsletterFields { float:right; margin-left:10px; margin-bottom:5px; }
.frmInputNewsletter { width:157px; padding:3px; height:14px; font:normal 10px Verdana; }
.frmInputNewsletterDDL { width:165px; padding:3px; height:24px; font:normal 10px Verdana; }
.frmInputNewsletterDateDDL { padding:3px 2px; height:24px; font:normal 10px Verdana; }


.userError { color:#ffff00; }
.navigation { padding:12px 0px 3px 5px; color:#000000; }


/* Buttons */
.buttons { font:bold 12px Verdana; background-color:#FFFFFF; padding:3px; text-decoration:none; color:#333; border:1px solid #666; }
.print { width:93px; margin-right:3px; margin-top:3px; color:#819A47; font-weight:bold; }
.buttons_minor { font-size:12px; background-color:#CCCCCC; padding:2px; text-decoration:none; color:#000000; border:1px solid black; }


.loginRegisterLinks { float:right; padding:10px; color:#FFFFFF; }
.loginRegisterLinks a { color:#FFFFFF; text-decoration:none; font-weight:bold; }


/* Contact Form */
.contactFormFieldText { float:left; width:110px; padding:3px; }
.contactFormFieldHolder { float:left; padding:3px; }
.contactFormField { width:160px; }
.contactFormFieldTextarea { border:1px solid #666666; height:100px; width:300px; }


.frmInput { border:1px solid #666666; width:150px; }
.frmInputDropDownList { border:1px solid #666666; width:155px; }


/* Send To Friend Form */
.sendToFriend_Link { padding:10px;  font-size:13px;  border:1px solid #CCCCCC; }
.sendToFriendFieldHeader { float:left; width:160px; padding:3px; }
.sendToFriendField { float:left; padding:3px; }

/* Breadcrumbs */
.breadCrumbsBar { padding:10px; }
.breadCrumbs { float:left; padding:0px 10px 10px 0px; color:#FF70B0; font-weight:bold; }
.breadCrumbs a { text-decoration:none; color:#000000; }
.breadCrumbs a:hover { text-decoration:underline; color:#000000; }

/*  SITEPAGE */
.SitePageHyperLink { float:left; padding: 0px 15px 0px 15px; }

/* GALLERY */
.galleryHolder { float:left; margin:0 5px 10px 5px; }
.galleryImage { padding:6px; margin-bottom:10px; height:125px; width:125px; text-align:center; border:1px solid #e5e5e5; }
.galleryImageTitle { padding:6px; margin-bottom:10px; height:30px; width:120px; text-align:center; font:normal 9px Verdana; color:#666666; }
.galleryPagination { margin-bottom:10px; }

/* Event Details */
.eventdetailslabel { float: left; width: 90px; font-weight: bold; }
.eventdetailsfield { float: left; width:170px; margin-bottom:15px; }


.siteMapLink { padding-bottom:2px; }
.siteMapLink a { text-decoration:none; color:#6A6349; }

.subPages a { font-weight:bold; text-decoration:none; color:#000000; }
.subPages a:hover { text-decoration:underline; }

.pageTitle { margin-bottom:25px; }

.adminEditLinksBar { background-color:#ff0000; margin:15px 0px; }
.adminEditLinks { color:#FFFFFF; padding:10px 12px; display:inline-block; }
.adminEditLinks:hover { background-color:#cc0000;}


/* Chilli Feed MAIN */
.chillifeed { margin:15px 0px; }
.chillifeedImage { float:left; border:1px solid #ccc; }
.chillifeedContainer { float:left; margin-left:20px; width:406px; }
.chillifeedDetails { float:left; width:300px; }
.chillifeedEventName, .chillifeedEventName a { display:block; color:#32b2d0; font-size:14px; font-weight:bold; margin-bottom:3px; }
.chillifeedEventName a:hover { background-color:Transparent; text-decoration:underline; }
.chillifeedEventDate { color:#000; font-size:12px; font-weight:bold; margin-bottom:3px; }
.chillifeedPrice { float:right; text-align:right; color:#000; font-size:12px; font-weight:bold; }
.chillifeedBuyButton { float:right; width:112px; margin-left:20px; }
.chillifeedDescription { text-align:justify; margin-top:3px; }
.chillifeedBanner { margin:15px 0px; border:1px solid #333; width:516px; height:75px; }
.chillifeedContainerNewsletter { float:right; width:640px; }
.chillifeedDetailsNewsletter { float:left; width:530px; }

/* Chilli Feed SMALL */
.chillifeedSmall { margin:15px 0px; width:300px; }
.chillifeedSmall .chillifeedImage { float:left; border:1px solid #ccc; }
.chillifeedSmall .chillifeedContainer { float:left; margin-left:10px; width:188px; }
.chillifeedSmall .chillifeedDetails { float:left; width:300px; }
.chillifeedSmall .chillifeedEventName, .chillifeedSmall .chillifeedEventName a { display:block; color:#333; font-size:11px; font-weight:bold; margin-bottom:3px; }
.chillifeedSmall .chillifeedEventName a:hover { background-color:Transparent; text-decoration:underline; }
.chillifeedSmall .chillifeedEventDate { color:#666; font-size:10px; 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; }


/* FAQ */
.faqQuestion { font-weight:bold; margin-bottom:5px; }
.faqAnswer { margin-bottom:15px; }
.faqAnswer:first-letter { color:#ed1c24; font-weight:bold; }


.mediapartnersTable td { padding-bottom:40px;}


/* Quick Flick Scrollable */
.scrollable { float:left; position:relative; overflow:hidden; width: 500px; height:250px; border:1px solid #ccc; }
.scrollable .items { width:20000em; height:240px; overflow:hidden; position:absolute; clear:both; }
.scrollable .active { border:1px solid #000; z-index:9999; position:relative; }
a.browse { float:left; background:url(http://flowplayer.org/tools/img/scrollable/arrow/hori_large.png) no-repeat; display:block; width:30px; height:30px; margin:10px; cursor:pointer; font-size:1px; }
a.right { background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; } 
a.left { margin-left: 0px; } 
a.left:hover { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }
a.up, a.down { background:url(http://flowplayer.org/tools/img/scrollable/arrow/hori_large.png) no-repeat; float: none; margin: 10px 50px; }
a.up:hover { background-position:-30px 0; }
a.up:active { background-position:-60px 0; }
a.down { background-position: 0 -30px; }
a.down:hover { background-position:-30px -30px; }
a.down:active { background-position:-60px -30px; } 
a.disabled { visibility:hidden !important; } 	
.profile_intro_formlabel { float: left; width: 90px; color: #3E5285; line-height: 20px; }
.profile_intro_formfield { float: left; width: 150px; }
#profile_speechbubble { width: 300px; height: 43px; background: url('/images/speechbubble.png') no-repeat; padding: 10px 0px 0px 25px; font-size: 0.8em; }
.quick_flick_viewprofile { margin-top:20px; }


/* Blog/News */
.newsArticleContainer:hover { background-color:#e9ecf3;}
.newsArticleThumb { }
.newsArticleDate {  font-size:11px;  color:#999999;  margin-bottom:5px; }
.newsArticleTitle,.newsArticleTitle a { font-size:14px; font-weight:bold; color:#000;  margin-bottom:10px; text-decoration:none; }
.newsArticleText, .newsArticleText a { font-size:12px; color:#333333; margin-bottom:10px;  text-decoration:none; }
.newsArticleMoreLink, .newsArticleMoreLink a { font-size:10px; color:#003399; }
.newsArticleTitleMain { font-size:20px; color:#000; margin-bottom:20px; }
.newsArticleTextMain { font-size:12px; margin-bottom:10px; }
.newsFeedSmallTitle { float:left; width:175px; margin-right:10px; }
.newsFeedSmallTitle a {font:normal 11px Verdana; color:#000; }
.newsFeedSmallTitle a:hover { background-color:Transparent; text-decoration:underline; }

.newsFeedSmallMore { float:right; width:75px; text-align:right; }
.newsFeedSmallMore a:hover { background-color:Transparent; text-decoration:underline; }

.pastEventsTable a { float:left; margin:0 5px 20px 5px; display:inline-block; }
.pastEventsTable img { width:180px; height:255px; }

.eventdetailslabelShort
{
    float: left;
    width: 40px;
    margin:0px 10px 20px 5px;
    text-align:center;
}

.eventdetailsfieldShort
{
    float: left;
    margin:5px 0px 20px 0px;
}

/* ------------------------SEND TO FRIEND FORM---------------------------------*/
.sendToFriend_Link
{
    padding: 10px;
    font-size: 13px;
    border: 1px solid #CCCCCC;
}

.sendToFriendFieldHeader
{
    float: left;
    width: 160px;
    padding: 6px;
}

.sendToFriendField
{
    float: left;
    padding: 3px;
}
/* ------------------------END SEND TO FRIEND FORM---------------------------------*/

.siteMapLinkIndented
{
    padding-bottom: 2px;
}

.siteMapLinkIndented a
{
    margin-left: 20px;
    text-decoration: none;
    color: #cc1414;
}

.siteMapLink
{
    margin-top:10px;
    padding-bottom: 2px;
    font-weight:bold;
}

.siteMapLink a
{
    text-decoration: none;
    color: #000000;
}