/*========================
   Stylesheet for UK Friends Reunited Dating
   18Mar10
==========================*/

/* 	#036 	dark blue
	#e1f2fd	pale blue
	#b0d9f3	blue
	#67a3c9	sea green
	#ececf3	whiteygrey
	#0066cc bright sea green for links
	#996699 plum
   

/*========================
   tags
==========================*/
a:link, 
a:visited, 
a:hover, 
a:active{
	color: #0066cc; 
	}
a:hover {

	}
body{
	color:#036; 
	/* background-color:#D3E1F0; changed for fof refresh*/
	background-color: #809acd;
	background-image: url(../image/backgrounds/o50bg.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	
	}
* html body {background-color: #003399;} /* can't get ie6 to see the bg image */

/*========================
  id and class 
==========================*/
#all{
	background-color:#fcfdfe;
	}
#bannerad{
	display:none; 
	visibility:hidden;
	}
#basicoptions {
	background: url(../Image/Backgrounds/HighlightRecently_alt.gif) no-repeat right top;
	border-bottom: 1px dotted #67a3c9;
	}
#botnav{
	background:none;
	}
#bottom{
	background-color:#cfe3fd;
	}
#head{
	color:#000; 
	background:#cfe3fd url(../Image/template/statusbar-bg_o50.jpg) no-repeat left top; 
	min-height:100px;
	width:995px;
	}
* html #head{
	background:#cfe3fd url(../Image/template/statusbar-bg_o50ie6.jpg) no-repeat left top;
	height: 100px;
	}
#login{
	background-color:#CFE3FD; 
	border:1px solid #6E99F2; 
	opacity:.80; 
	filter:alpha(opacity=80); 
	float: right;
	padding:3px;
	color:#036; 
	margin-top:25px;
	margin-right: 10px;
	}
/* #main.login {
	background: url(../image/backgrounds/Login_bg_alt.jpg) no-repeat; width: 923px; 
	border: 0; 
	margin: 0;
	padding: 35px;
	} */
#namesearch, #namesearchMIN {
background-color:#e1f2fd;
border-bottom:1px dotted #67a3c9;
text-align:left;
}
#popularity, #offers, #distance {background-image: url(/WCContent/image/backgrounds/RestaurantTabs_alt.gif) !important;}
#searchRestaurants { background-color: #E1F2FD !important;}
#subnav .cup{
	background-color:#fff; 
	border-color:#e1e5fa;
	}
#subnav.plain .cup {
	background-color: #e1f2fd;
	}
#topnav{
	background-color:#CFE3FD; 
	border-bottom:1px solid #369; 
	border-top:1px solid #369;
	}
#txtemail{
	width:170px;
	}
	
#warnings, #alerts 
{	background: #f3ede4 url(../image/backgrounds/alertNeutral_alt.png) no-repeat scroll left top;
	border: 3px solid #003399; /* dark blue */
}

#welcomemessage {
	background: url(../image/backgrounds/welcomeMessage_alt_02.png) repeat-y !important;
	}
.welcomebottom {
	background: url(../image/backgrounds/welcomeMessage_alt_04.png) no-repeat bottom !important;
	}
.bigHead { width:688px; height:60px; /*background: url("../Image/termsHeaderTall.jpg") no-repeat scroll left top transparent;*/ background-color: #039; padding:10px; }
.currentlocation, .currentcuisine {color: #BF68CA !important;}
	
.cup, .cupinvis{
	border:0; 
	}
.firstrow {background-color:#E1F2FD !important;}

.formmargin {
	margin: 0 10px !important; 
	}
.hotlistbar, .hotlistbarcontent {
	background-color: #e1f2fd;
	}
.locationFormat2 {border:1px solid #E1F2FD !important;}

.messagetype_sitemail {background-image:url(../image/icons/sitemail_fof.gif);display:block;height:25px;width:30px;}
.messagetype_sitemail_new {background-image:url(../image/icons/sitemail_alt_new.gif);display:block;height:25px;width:30px;}
.messagetype_sitemail_read {background-image:url(../image/icons/sitemail_alt_read.gif);display:block;height:25px;width:30px;}

.navBGbig {
	background: none #e1f2fd;
	}
.paginateTOP{
	padding-top:6px;
	}
.progressbar{
	background-color:#ccc;
	}
.progressdone{
	background-color:#099;
	}
.restaurantItems { border-color:#E1F2FD !important; }
.smallHead  { background-color: #039; }
.splash, .splashPhotos, .splashppl {
	background:transparent url(../Image/splash/splash-spring.jpg) no-repeat scroll left top !important;
}
h1.splash_h1, h2.splash_h2_search, h2.splash_h2, h2.splashh2b {color: #036;}
h1.splash_h1 {line-height: 26px; }
h2.splash_h2_search {margin-top: 0 !important;}
.searchbox_all {margin-top: 292px; margin-left: 65px;}
.splashtable {margin-top: 0px !important; }

.sr_table{
	margin-top:10px;
	}
.tabcontent{
	background-color:#fff; 
	border:1px solid #878787;
	}
.term { border-bottom: 3px solid #039;}
.w1004{
	width:995px; 
	/* border:1px solid #6E99F2; changed for fof refresh */
	border: 1px solid #809acd;
	background-color: #fff;
	margin-top:5px;
	}

/*========================
  Headings
==========================*/

h1.splash_h1, h2.splash_h2_search, h2.splash_h2, h2.splashh2b {
color:#003366;
font-size:18px;
margin-top:0;
padding-top:0;
}
h1 .inheader, h2 .inheader, .navBGbig h2 span.inheader, #subnav h2 span.inheader {
	background-image:url(../Image/Icons/link_arrow_alt.png);
	}
#subnav .navBGbig h2 {
	background-image: url(../image/Backgrounds/RefineSearch_bg_alt.gif);
	}
h2 .paginate{
	padding:3px 4px 3px 0;
	}
.sitemap h2 {	
	background-color: #ffffff;	
	background-image: none;	
	border: 0;	
	color:#003366;	
	font-family:Tahoma,"Trebuchet MS",Arial,sans-serif;	
	font-weight: bold;	
	padding:14px 7px 0px 0px;	
	}
#moreprofile h2 span, #mainleft h1 span, .left50Marg h2 span, .left50 h2 span, .morephotos h2 span, #main.login h2 span {
	color:#bf68ca; /* plum */
	font-weight: normal;
	}
#main .profileintro h2 {
	color:#bf68ca; /* plum */
	}
#subnav.plain h2 {
	background-image: url(../image/Backgrounds/plain_column_top_alt.gif);
	}
	
#subnav .navlists h2 {
	background-image: none;
	background-color: #e1f2fd;
	}
#subnav .navlists .cup {
	background-color: #e1f2fd;
	}
#main h2.distance_and_status, .member-right h2.distance_and_status {
	color:#bf68ca;
	}
#searchRestaurants h2 {background-image: url(/WCContent/image/backgrounds/RefineSearch_bg_alt.gif) !important;}
	
h2.shadow {
	background-color:#e1f2fd;
	}

#welcomemessage h2 {
	background: url(../image/backgrounds/welcomeMessage_alt_01.png) no-repeat !important;
	}

/*========================
  Tables
==========================*/
#results table {border-bottom:4px solid #E1F2FD !important;border-left:4px solid #E1F2FD !important;border-right:4px solid #E1F2FD !important;}
table.firstrow td {background-color:#E1F2FD !important;}
table.firstrow {border-top:4px solid #b0d9f3 !important;width:600px;}

	
/*========================
  Paragraphs
==========================*/

#namesearch p{background:url(../Image/icons/SEARCHbar_magIcon_alt.gif) no-repeat left top; padding:0 0 6px 24px; margin:0; text-align:left;}
span.loginerror p {
	background: #f3ede4 url(../image/backgrounds/alertNeutral_alt.png) no-repeat scroll left top;
	border: 3px solid #003399; /* dark blue */
	}

	
/*========================
  Images
==========================*/
#thumbsView img.selected{
	background-color:#CFE3FD;
	}
.profilephoto img {
	border-color: #E1E5FA; /* very pale blue */	
	}
div#main.paper ul.profile_contact,
#mainfull ul.profile_contact {
background-image:url(../image/Backgrounds/profile_contact_bg_alt.gif);
}
#imagesContainer #images li img {border:1px solid #E1F2FD;}
/*========================
  Lists 
==========================*/
#topnav ul li a:link, 
#topnav ul li a:visited, 
#topnav ul li a:hover, 
#topnav ul li a:active{
	color:#003366; 
	font-weight:normal;
	}
#topnav ul li div li.navListSelected{
	background-color:#a3bced;
	}
#topnav ul li div{
	background-color:#fbfcfe; 
	border:1px solid #336699; 
	top:31px;}
#topnav ul li.highLighted{
	background-color:#bbd3f1;
	}
#topnav ul li.navSelected a:link, 
#topnav ul li.navSelected a:visited, 
#topnav ul li.navSelected a:hover, 
#topnav ul li.navSelected a:active{
	color:#fff; 
	background-image:url(../IMAGE/template/chevron_dn_wht.gif); 
	background-repeat:no-repeat;
	}
#topnav ul li.navSelected div a:link, 
#topnav ul li.navSelected div a:visited, 
#topnav ul li.navSelected div a:hover, 
#topnav ul li.navSelected div a:active{
	color:#003366; 
	background-image:none;
	}
#topnav ul li.navSelected{
	color:#ffffff;
	background-color:#3d5ea2;
	}
#topnav ul li{
	padding:8px 10px;
	}
.photoToolbar ul li{
	padding:0 14px;
	text-align: left;
	width: 223px;
	}
li.AgeLocation{
	color:#6E99F2;
	}
ul.tabs li a:hover, 
ul.tabs li a:active{
	background-color:#a3bced;
	}
ul.tabs li a:link, 
ul.tabs li a:visited, 
ul.tabs li a:hover, 
ul.tabs li a:active{
	color:#333;
	}
ul.tabs li.on a:hover, 
ul.tabs li.on a:active{
	background-color:#fff;
	}
ul.tabs li.on{
	background-color:#fff; 
	background-image:none;
	border:1px solid #878787; 
	border-bottom:none;
	}
ul.tabs li{
	background-color:#CDDAF6; 
	border:1px solid #878787; 
	background-image:none;
	}

#welcomemessage ol li {
	color: #BF68CA !important;
	}
#welcomemessage ol li span {
	color: #036 !important;
	}
/*========================
  Form elements
==========================*/
#login label, 
#login a:link, 
#login a:visited, 
#login a:hover, 
#login a:active{
	font-size: 11px;
	}
#login input#txtemail { width:200px;}
#login input#txtpassword {width: 75px;}

#basicoptions label.selected, 
#advancedsearch label.selected, 
#basicoptions span.selected, 
#advancedsearch span.selected {
	color:#996699;
}

/*========================
  Button colours
==========================*/


/*========================
  Links 
==========================*/

#advancedsearch h3 a.collapsed:link, 
#advancedsearch h3 a.collapsed:visited, 
#advancedsearch h3 a.collapsed:hover, 
#advancedsearch h3 a.collapsed:active{
	background:url(../Image/RefineFilters_top_alt.png) no-repeat left top !important;
	}


#advancedsearch h3 a.expanded:link, 
#advancedsearch h3 a.expanded:visited, 
#advancedsearch h3 a.expanded:hover, 
#advancedsearch h3 a.expanded:active{
	background:url(../Image/RefineFilters_topON_alt.png) no-repeat left top !important; 
	font-weight: bold;
	}

#advancedsearch h3 a:link, 
#advancedsearch h3 a:visited, 
#advancedsearch h3 a:hover, 
#advancedsearch h3 a:active{
	padding-top:5px;
	}
#accountnav, 
#accountnav a:link, 
#accountnav a:visited{
	color:#fff;
	}
#bottom .links,  
#bottom .footer,  
#bottom .footer a:link,  
#bottom .footer a:visited{
	color:#039;
	}

#subnav a:link.buttonlink, 
#subnav a:visited.buttonlink{
	color:#3d5ea2;
	}
.button, 
.buttonall, 
a:link.buttonlink, 
a:visited.buttonlink, 
a:hover.buttonlink, 
a:active.buttonlink, 
a:link.buttonlinkBIG, 
a:visited.buttonlinkBIG, 
a:hover.buttonlinkBIG, 
a:active.buttonlinkBIG{
	color:#3d5ea2; 
	border:1px solid #3d5ea2;
	}
.inheader a:link.buttonlink,
.inheader a:visited.buttonlink, 
.inheader a:hover.buttonlink, 
.inheader a:active.buttonlink{
	color:#036;
	}

a:link.logo, 
a:visited.logo, 
a:hover.logo, 
a:active.logo{
	/* background:url(../Image/template/logo_o50.gif) no-repeat center center; changed for fof refresh */
	background:url(../Image/template/logo_o50.png) no-repeat 20px 20px;
	width: 227px;
	min-height: 100px;
	}
* html a:link.logo,
* html a:visited.logo, 
* html a:hover.logo, 
* html a:active.logo{
	background:none;
	}
a:link.toggle_selected,
a:visited.toggle_selected, 
a:hover.toggle_selected, 
a:active.toggle_selected{
	color:#666;
	}
input.buttonplain, 
h2 .inheader input.buttonplain{
	color:#036;
	}
.paginate span a:link, .paginate span a:visited, .paginate span a:hover, .paginate span a:active, .paginate a:hover, .paginate a:active {
border:1px solid #0066cc;
color:#0066cc;
}
a.toggle_Unselected:link, a.toggle_Unselected:visited, a.toggle_Unselected:hover, a.toggle_Unselected:active {
color:#0066cc;
}
.combined_dd_ss a.dd:link,
.combined_dd_ss a.dd:visited,
.combined_dd_ss a.dd:hover,
.combined_dd_ss a.dd:active {
	background-image: url(../image/DD_SS_alt_01.gif) !important;
	}
.combined_dd_ss a.ss:link,
.combined_dd_ss a.ss:visited,
.combined_dd_ss a.ss:hover,
.combined_dd_ss a.ss:active {
	background-image: url(../image/DD_SS_alt_02.gif) !important;
	}
#popularity a:hover, #offers a:hover, #offers a:active, #popularity a:active, #distance a:hover, #distance a:active {color:#BF68CA !important; }
#sections span.off a:link, #sections span.off a:visited, #sections span.off a:hover, #sections span.off a:active,#sections span a.off:link, #sections span a.off:visited, #sections span a.off:hover, #sections span a.off:active {background-color:#E1F2FD !important;border:1px solid #b0d9f3 !important;}
#sections span.on a:link, #sections span.on a:visited, #sections span.on a:hover, #sections span.on a:active, #sections span a.on:link, #sections span a.on:visited, #sections span a.on:hover, #sections span a.on:active  {background-color:#b0d9f3 !important;border:1px solid #b0d9f3 !important;}


/*========================
  Other tags 
==========================*/


.profileintro_divider {
background-color:#e1f2fd;
}


/* alternate colours for PhotoGallery */
.profilebg { background: url(../Image/Backgrounds/profilebg_alt.gif) no-repeat; }
.profilebgnophoto { background: url(../Image/Backgrounds/profilebgnophoto_alt.gif) no-repeat;}
.profilebgalbumnophoto {background: url(../Image/Backgrounds/profilebgalbumnophoto_alt.gif) no-repeat; }
.profilebgalbum { background: url(../Image/Backgrounds/profilebgalbum_alt.gif) no-repeat; }
.other .profilebg { background: url(../Image/Backgrounds/profilebg_other_alt.gif) no-repeat; }
.other .profilebgalbum { background: url(../Image/Backgrounds/profilebgalbum_other_alt.gif) no-repeat; }

.profilebgalbum ul.tabs li.on a:link, 
.profilebgalbum ul.tabs li.on a:visited, 
.profilebg ul.tabs li.on a:link, 
.profilebg ul.tabs li.on a:visited, 
.profilebgnophoto ul.tabs li.on a:link, 
.profilebgnophoto ul.tabs li.on a:visited,
.profilebgalbumnophoto ul.tabs li.on a:link, 
.profilebgalbumnophoto ul.tabs li.on a:visited {
	background: none !important;
	}
.profilebgalbum ul.tabs li.on a:hover, 
.profilebgalbum ul.tabs li.on a:active,
.profilebg ul.tabs li.on a:hover, 
.profilebg ul.tabs li.on a:active, 
.profilebgalbum ul.tabs li a:hover, 
.profilebgalbum ul.tabs li a:active,
.profilebg ul.tabs li a:hover, 
.profilebg ul.tabs li a:active,
.profilebgnophoto ul.tabs li.on a:hover, 
.profilebgnophoto ul.tabs li.on a:active, 
.profilebgnophoto ul.tabs li a:hover, 
.profilebgnophoto ul.tabs li a:active,
.profilebgalbumnophoto ul.tabs li.on a:hover, 
.profilebgalbumnophoto ul.tabs li.on a:active, 
.profilebgalbumnophoto ul.tabs li a:hover, 
.profilebgalbumnophoto ul.tabs li a:active {
	background: none !important;
	color: #ffffff;
	}
.profilebgalbumnophoto #thumbsView img{background: url(../image/Backgrounds/thumbBorder_alt.gif) 0 0 no-repeat;}
.profilebgalbumnophoto #thumbsView img.selected{background: url(../image/Backgrounds/thumbBorder_alt.gif) -92px 0 no-repeat;}
.profilebgnophoto #thumbsView img{background: url(../image/Backgrounds/thumbBorder_alt.gif) -184px 0 no-repeat; float:left; padding:6px; margin:2px;}
.profilebgnophoto #thumbsView img.selected{background: url(../image/Backgrounds/thumbBorder_alt.gif) -277px 0 no-repeat;}
.profilebgalbum #thumbsView img{background: url(../image/Backgrounds/thumbBorder_alt.gif) 0 0 no-repeat; float:left; padding:6px; margin:2px;}
.profilebgalbum #thumbsView img.selected{background: url(../image/Backgrounds/thumbBorder_alt.gif) -92px 0 no-repeat;}
.profilebg #thumbsView img{background: url(../image/Backgrounds/thumbBorder_alt.gif) -184px 0 no-repeat; float:left; padding:6px; margin:2px;}
.profilebg #thumbsView img.selected{background: url(../image/Backgrounds/thumbBorder_alt.gif) -277px 0 no-repeat;}
#thumbsView .photoPrivacy img {background: #fff none;float: right; left: 73px;margin:0; padding:4px;position: absolute; top: 89px;}

.addphotos_but .photoupload {
	background-image: none;
	background-color: #003399; /* GMTV dark blue */
	}
div#main.paper ul.profile_contact, div#main.memberimages ul.profile_contact {
	background-image: url(../image/Backgrounds/profile_contact_bg_alt.gif);
	}
.contact_options {
	background-image: url(../image/icons/photo_contact_bg_alt.gif);
	}

/* end PhotoGallery colours */

/*-----------------------------------Mail Center Styles START-------------------------------------------*/


/*Mail center tabs*/
div.message ul.mail-tabs {background:url(/WCContent/image/mail-box/message-tab_alt.jpg) no-repeat;}
div.ecard ul.mail-tabs {background:url(/WCContent/image/mail-box/ecard-tab_alt.jpg) no-repeat;}
div.wink ul.mail-tabs {background:url(/WCContent/image/mail-box/wink-tab_alt.jpg) no-repeat;}
div.message ul.mail-tabs li.message a{color:#000;}
div.ecard ul.mail-tabs li.ecards a{color:#000;}
div.wink ul.mail-tabs li.winks a{color:#000;}

/* inbox*/
table.messagetable th {border-bottom:1px solid #0066cc; color:#0066cc;}
table.messagetable td{border-bottom:1px dashed #b0d9f3;}
table.messagetable  td.from_name a:hover{color:#0066cc;}

/*Read message page*/
div.member{border:1px solid #cccccc; background:#e1f2fd;}
div.member-info div.image{background: transparent url(/WCContent/image/mail-box/from-image_alt.gif) no-repeat; border:1px solid #f3ede4;}
div.member-info div.image img{border:1px solid #d0cfce; }
div.member-right{background:#fdfcfa; border:1px solid #cccccc; }
div.member-text{border:1px solid #cccccc;}
div.message-info div.from{background:url(/WCContent/image/mail-box/new-message-from-bottom_alt.gif) no-repeat bottom;}
div.message-info div.from div.message{background:url(/WCContent/image/mail-box/new-message-from-bgr_alt.gif) repeat-y; }
div.message-info div.paginate{background:#f3ede4;}
div.message-info div.from div.details{background:url(/WCContent/image/mail-box/new-message-from-top_alt.gif) no-repeat bottom;}
div#profilecontact{background:#ffffff; border:1px solid #cccccc;}


/*message from*/
div.from{background:url(/WCContent/image/mail-box/message-from-bottom_alt.gif) no-repeat bottom;}
div.from div.details{background:url(/WCContent/image/mail-box/message-from-top_alt.gif) no-repeat bottom;}
div.from div.message{background:url(/WCContent/image/mail-box/message-from-bgr_alt.gif) repeat-y;}
div.from  div.delete{border-left:1px solid #91bedb; border-right:1px solid #91bedb;}

/*message to*/
div.to{background:url(/WCContent/image/mail-box/message-to-bottom_alt.gif) no-repeat bottom; }
div.to div.details{background:url(/WCContent/image/mail-box/message-to-top_alt.gif) no-repeat bottom;}
div.to div.message{background: url(/WCContent/image/mail-box/message-to-bgr_alt.gif) repeat-y; }
div.to{background:url(/WCContent/image/mail-box/message-to-bottom_alt.gif) no-repeat bottom; }
div.to div.details{background:url(/WCContent/image/mail-box/message-to-top_alt.gif) no-repeat bottom; }
div.to  div.delete{background:#e1f2fd; border-left:1px solid #91bedb; border-right:1px solid #91bedb;}

/*message reply*/
div#replyMSG textarea {border:1px solid #91bedb;}

/*-----------------------------------Mail Center Styles END-----------------------------------*/


/* column tops */
.columntop_left {background: url("../image/backgrounds/columntop_left_alt.gif") left top no-repeat; display: inline-block; width: 7px; } 
.columntop_right {background: url("../image/backgrounds/columntop_right_alt.gif") right top no-repeat; display: inline-block; float:right; width: 7px; } 
#mainright h2  { margin:-4px 0 18px 0 !important; padding:0 !important; background: url("../image/backgrounds/columntop_middle_alt.gif") repeat-x; line-height: 37px; }
.datingadviceBG_new {border-bottom: 3px solid #CFE3FD; }
#da_subnav ul, #da_subnav ol { background-color: #E1F2FD;}
#da_subnav ul {list-style-image: url('../Image/icons/bullet_heart_alt.gif'); }