/* Copyright (c) 2006, dLook Pty Ltd. All rights reserved.
   Author: Alister Cameron [alister@alliancesoftware.com.au]
	 Date: 9/20/2006 3:02:53 PM

   GRID based on YUI - Copyright (c) 2006, Yahoo! Inc. All rights reserved.
   Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt
   version: 0.11.0 */

/* =========================================================================
   Global element styling
   ========================================================================= */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
body{font:13px verdana,arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;text-align:center;}
select,input,textarea{font:99% arial,helvetica,clean,sans-serif;}
pre,code{font:115% monospace;*font-size:100%;}
body * {line-height:1.22em;}
h1{
	font-size: 180%;
	margin-bottom: 0.75em;
	letter-spacing: -0.05em;
	color: #BA0978;
}
iframe, object{
	position: relative;
	border: 0;
	background: #eee;
}
strong{
	font-weight: bold;
}
em{
	font-style: oblique;
}
ol.decimal{
	margin-left: 2.5em;
	list-style: decimal;
}
ol.lower-alpha{
	margin-left: 2.5em;
	list-style: lower-alpha;
}
#lt .dlk-u p{
	padding-right: 5%;
	margin-bottom: 1em;
}
li h3{
	margin-bottom: 1em;
}
#lt .dlk-u a:hover{
	color: #09f;
}

/* =========================================================================
   Grid (master layout)
   ========================================================================= */
#doc{width:75.38em;*width:73.5em;min-width:980px;margin:auto;text-align:left;}
#bd{margin-bottom:1em;text-align:left;}
#ft{font-size:77%;font-family:verdana;clear:both;}
#rt{float:right;width:18%;min-width:175px;border-left: 1px solid #ccc;}
#lt{float:left;width:80%;min-width:783px;}
.dlk-g .dlk-u, .dlk-g .dlk-g, .dlk-ge .dlk-u, .dlk-gf .dlk-u{float:right;display:inline;}
.dlk-g .first, .dlk-gd .first, .dlk-ge .first, .dlk-gf .first{float:left;}
.dlk-g .dlk-u, .dlk-g .dlk-g{width:49.1%;}.dlk-g .dlk-g .dlk-u{width:48.1%;}
.dlk-gb .dlk-u, .dlk-gc .dlk-u, .dlk-gd .dlk-u{float:left;margin-left:1.95%;*margin-left:1.895%;width:32%;min-width:251px;}
.dlk-gb .first, .dlk-gc .first, .dlk-gd .first{margin-left:0;}
.dlk-gd .dlk-u{width:66%;}
.dlk-gd .first{width:32%;}
.dlk-ge .dlk-u{width:24%;}
.dlk-ge .first, .dlk-gf .dlk-u{width:74.2%;}
.dlk-gf .first{width:24%;}
.dlk-ge .first{width:74.2%;}
#bd:after, .dlk-g:after, .dlk-gb:after, .dlk-gc:after, .dlk-gd:after, .dlk-ge:after, .dlk-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#bd, .dlk-g, .dlk-gb, .dlk-gc, .dlk-gd, .dlk-ge, .dlk-gf{zoom:1;}
.dlk-gc{clear:both;}.dlk-gc .dlk-u{width:38.3%;}.dlk-gc .first{width:59.7%;}

/* =========================================================================
   Menus (top and submenu)
   ========================================================================= */
#menu, #submenu{
	position: relative;
	z-index: 100;
	padding: 0.2em 7.5em 0.2em 0;
	height: 1.75em;
	background: #777 url(../images/glyphs.gif?060928) 0px -244px repeat-x;
	overflow: hidden;
}
#submenu{
	background: #ccc;
	background-image: none;
}
#menu ul, #submenu ul, #footer ul{
	padding: 0.2em 1em;
	text-align: right;
}
#menu ul li, #submenu ul li, #footer ul li{
	display: inline;
	font-size: 77%;
	color: #ddd;
}
#menu ul li.left, #submenu ul li.left{
	position: absolute;
	*position: relative;
	float: left;
	padding-left: 0.5em;
	margin-top: 0.25em;
	*margin-top: 0;
	color: #fff;
	background: transparent;
}
#submenu ul li, #submenu ul li.left{
	color: #222;
}
#menu ul li.left em{
	font-weight: bold;
}
#menu ul li a, #submenu ul li a, #footer ul li a{
	position: relative;
	color: #fff;
	padding: 0px 1em 0px 0.75em;
	text-decoration: none;
	border-right: 1px solid #fff;
}
#submenu ul li a{
	color: #222;
	border-right: 1px solid #222;
}
#menu ul li a:hover, #submenu ul li a:hover{
	text-decoration: underline;
}
#menu ul li a.noborder, #submenu ul li a.noborder{
	border: 0;
}
#submenu strong{
	font-weight: bold;
}
/* ----- default submenu content ----- */
#submenu div{
	position: absolute;
	font-size: 77%;
	padding: 0.5em 1.75em;
	color: #444;
	text-align: right;
	overflow: hidden;
}
#submenu div.login{
	left: 54.5%;
	*left: 53%;
	padding: 0.2em 1.75em;
}
#submenu input{
	font-size: 110%;
	margin-top: 0.1em;
	width: 8em;
	background-image: none;
	background: #eee;
}
#submenu input.submit{
	width: auto;
	padding: 0 0.3em;
	background-image: none;
	background: #999;
	color: #fff;
	border: 0;
}
#submenu input.checkbox{
	width: auto;
	padding: 0;
	background: transparent;
	border: 0;
}
#submenu label.hide{
	display: none;
}

/* =========================================================================
   Footer content
   ========================================================================= */
#footer{
	margin: 2em 0 4em;
	border-top: 1px solid #999;
	text-align: center;
	clear: both;
}
#footer ul{
	padding: 0.75em 0;
	text-align: center;
	width: 100%;
}
#footer ul li, #footer ul li{
	display: inline;
	font-size: 77%;
	color: #ddd;
}
#footer ul li a{
	color: #444;
	border-right: 1px solid #999;
}
#footer ul li a:hover{
	text-decoration: underline;
}
#footer ul li a.noborder{
	border: 0;
}
#copyright{
	color: #777;
	margin: 2em 0;
	font-size: 75%;
}

/* =========================================================================
   Logo (top-left of all pages)
   ========================================================================= */
#logo{
	margin: 0;
	width: 79.8%;
	height: 80px;
	background: url(../images/glyphs.gif?060928) no-repeat 100% -54px;
}
#logo a{
	position: absolute;
	display: block;
	z-index: 10000;
	top: 30px;
	height: 38px;
	width: 176px;
	position: relative;
	background: url(../images/dlook-dating-logo-masthead.gif) no-repeat left top;
}
#logo a span{
	display: none;
}

/* =========================================================================
   Main Search Box (front and search pages)
   ========================================================================= */
#searchForm{
	margin: 0 0 1em 0;
	width: 100%;
	background: #939495 url(../images/search-couple.jpg) bottom left no-repeat;
}
#search-couple-head{
	position: absolute;
	z-index: 1000;
	width: 168px;
	height: 61px;
	margin-top: -61px;
	margin-left: 11.7em;
	*margin-left: 11.4em;
	background: url(../images/search-couple-head.jpg);
}
#search-couple-elbow{
	position: absolute;
	width: 16px;
	height: 46px;
	margin-top: 10.4em;
	*margin-top: 10.1em;
	margin-left: -16px;
	background: url(../images/search-couple-elbow.gif);
}
#searchForm .tabs{
	position: absolute;
	z-index: 2;
	width: 31.3em;
	*width: 30.5em;
	height: 32px;
	margin-left: 23.6em;
	*margin-left: 23em;
	font-size: 110%;
	color: #fff;
	font-weight: bold;
	background: url(../images/search-box-tab.gif) 9.4em 0 no-repeat;
}
#searchForm .tabs span{
	display: block;
	padding-top: 0.5em;
}
#searchForm .tabs a{
	position: relative;
	color: #fff;
	padding-left: 3.6em;
	text-decoration: none;
}
#searchForm .tabs a:hover{
	position: relative;
	color: blue;
	text-decoration: underline;
}
#searchForm .northwest{
	padding: 0;
	height: 18em;
	min-height: 240px;
}
#searchForm .form{
	position: relative;
	width: 29.5em;
	left: 23.6em;
	*left: 23em;
	top: 3.2em;
	color: #fff;
	font-size: 110%;
}
#smileyImage {
	display: block;
	position: relative;
	margin-top: -6em;
	left: 45em;
	width: 138px;
	height: 120px;
	background: url(../images/100percentfree.gif) 0em 0em no-repeat;
	text-decoration: none;
}
#smileyImage span { display: none; }

#searchForm .form a{
	color: #fff;
}
#searchForm .form a:hover{
	color: blue;
}
#lt .dlk-u #searchForm p{
	padding: 0 0 0.25em 0;
	*padding: 0 0 0.2em 0;
	margin: 0;
}
#lt .dlk-u #searchForm p.intro{
	margin: 0 0 0.5em 0;
}
#searchForm p label{
	position: absolute;
	padding-top: 0.5em;
	*padding-top: 0.3em;
	font-weight: bold;
	color: #fff;
	text-align: left;
}
#searchForm p input{
	position: relative;
	z-index: 10;
	margin-left: 2.7em;
	width: 5em;
	*width: 4.7em;
}
#searchForm p select{
	position: relative;
	z-index: 10;
	margin-left: 2.7em;
	width: auto;
}
#searchForm input.submit, #miniSearchForm input.submit{
	display: inline;
	margin: 0.4em 0 0 3.1em;
	*margin: 0.2em 0 0 2.8em;
	padding: 0;
	border: 0;
	width: 143px;
	height: 28px;
	background: transparent url(../images/submit-button.gif) no-repeat;
	cursor: hand !important;
	cursor: pointer;
}

#miniSearchForm{
	margin: 1em 0;
	padding: 1em;
	background: #999;
	color: #fff;
}
#miniSearchForm .north{
	background: #999;
	color: #fff;
}
#miniSearchForm table{
	width: 100%;
}
#miniSearchForm label{
	display: block;
	margin: 0;
}
 
/* =========================================================================
   List styling
   ========================================================================= */
div.list{
	margin: 1em 0;
}
div.list ul{
	position: relative;
	list-style-type: none;
	margin: 0 0.2em;
	padding: 0;
	width: 98%;
}
div.list ul li{
	list-style-type: none;
	background: transparent;
	margin: 0;
	padding: 0;
}
div.list ul li a, div.list ul li a:visited{
	display: block;
	margin: 0.2em 0;
	padding: 0.25em 0.5em;
	height: 1.25em;
	overflow: hidden;
	color: #00f;
	text-decoration: none;
}
div.related ul li a, div.related ul li a:visited{
	margin: 0;
	padding: 0.3em 0 0 0.5em;
}
div.list ul.local li a, div.list ul.local li a:visited{
	height: 2.5em;
}
div.list ul li a:hover{
	background: transparent;
	text-decoration: underline;
	color: #fff;
}
div.related ul li a:hover{
	text-decoration: underline;
	color: #00f;
}
div.list h3{
	position: relative;
	margin: 0;
	padding: 0 0 0.25em 0.8em;
	color: #fff;
	font-size: 80%;
	text-transform: uppercase;
}
div.related h3{
	color: #6e6e6e;
}
div.list p{
	margin: 0 0.5em;
	padding: 0;
}
div.list p a, div.list p a:visited{
	color: #fff;
	font-size: 80%;
	text-decoration: none;
}
div.list p a:hover{
	text-decoration: underline;
}

/* =========================================================================
   Member Panel
   ========================================================================= */
#memberpanel{
	background: #777;
	color: #fff;
	margin-bottom: 1em;
	padding: 1em;
}
#memberpanel .name{
	display: block;
	margin: 0 0 0.25em 6.75em;
	font-size: 120%;
	font-weight: bold;
}
#memberpanel img{
	float: left;
	border: 4px solid #fff;
}
#memberpanel .actions{
	margin-left: 7.5em;
}
#memberpanel a{
	display: block;
	padding: 0.1em 0 0.2em;
	color: #fff;
	padding-left: 2.35em;
	background: url(../images/glyphs.gif?060928) no-repeat;
}
#memberpanel a.messagesLnk{
	background-position: -90px -1416px;
}
#memberpanel a.friendsLnk{
	background-position: -90px -1433px;
}
#memberpanel a.profileLnk{
	background-position: -90px -1452px;
}
#memberpanel a.accountLnk{
	background-position: -90px -1470px;
}
#randomtip{
	margin-bottom: 1em;
	padding: 1em;
	border: 1px solid #999;
}
#randomtip h3{
	padding: 0 0 0.2em 1.3em;
	background: url(../images/glyphs.gif?060928) -100px -1492px no-repeat;
	color: #BA0978;
}
#lt .dlk-u #randomtip p{
	font-size: 85%;
	margin: 0;
}

#pagingpanel{
	border: 1px solid #999;
	padding: 0.5em 1em;
	margin-bottom: 1em;
}
#pagingpanel .northwest{
	padding: 0.5em 1em;
}
#pagingpanel span{
	float: right;
}
#pagingpanel a, #pagingpanel a:visited{
	color: blue;
}

#picpanel{
	background: #333;
	margin-bottom: 1em;
}
#picpanel .northwest{
	height: 350px;
}

ul.aboutme .label{
	display: block;
	font-weight: bold;
	color: #777;
}

ul.aboutme li{
	margin-bottom: 1em;
}

/* =========================================================================
   Friends' lists/s
   ========================================================================= */
#friends .dlk-u{
	overflow: hidden;
}
#friends h3, #friendsSmallView h3{
	margin-bottom: 0.5em;
	color: #BA0978;
}
#friends h3 a, #friends h3 a:visited, #friendsSmallView h3 a, #friendsSmallView h3 a:visited{
	padding-left: 0.5em;
	font-size: 85%;
	color: blue;
	font-weight: normal;
}
.friend{
	width: 14.2em;
	*width: 13.9em;
	overflow: hidden;
}
.friend img, #friendsSmallView img{
	width: 86px;
	height: 100px;
	margin-bottom: 0.25em;
	border: 4px solid #fff;
}
#friendsSmallView img{
	margin: 0 1.1em 0 0;
	cursor: hand !important;
	cursor: pointer;
}
#friends .online img, #friendsSmallView .online img{
	border-color: #86CC7B;
}
.friend a.tt img{
	cursor: hand !important;
	cursor: pointer;
}
.friend span.snub{
	position: absolute;
	width: 55px;
	height: 16px;
	margin-left: 98px;
	margin-top: 5.5em;
	background: url(../images/glyphs.gif?060928) 0px -1449px;
}
.friend span.snub a{
	position: absolute;
	height: 16px;
	width: 55px;
}
.friend span.snub span{
	display: none;
}
.friend span.myprofile{
	position: absolute;
	width: 55px;
	height: 16px;
	margin-left: 98px;
	margin-top: 2.5em;
	background: url(../images/glyphs.gif?060928) 0px -1431px;
}
.friend span.myprofile a{
	position: absolute;
	height: 16px;
	width: 55px;
}
.friend span.myprofile span{
	display: none;
}
.friend span.writeme{
	position: absolute;
	width: 60px;
	height: 16px;
	margin-left: 98px;
	margin-top: 4em;
	background: url(../images/glyphs.gif?060928) 0px -1413px;
}
.friend span.writeme a{
	position: absolute;
	height: 16px;
	width: 60px;
}
.friend span.writeme span{
	display: none;
}
.friend span.name{
	display: block;
	width: 12.2em;
	*width: 10.6em;
	overflow: hidden;
	font-weight: bold;
}
.friend span.male{
	padding-left: 1.3em;
	background: url(../images/glyphs.gif?060928) -100px -1378px no-repeat;
}
.friend span.fem{
	padding-left: 1em;
	background: url(../images/glyphs.gif?060928) -100px -1397px no-repeat;
}
#friends .online .status{
	position: absolute;
	width: 50px;
	height: 16px;
	margin-left: 97px;
	background: url(../images/glyphs.gif?060928) 0px -1521px;
}
#friends .offline .status{
	display: none;
}
#friendsSmallView{
	overflow: hidden;
}
#JT_copy .teaser, #JT_copy .introduction{
	text-align: left;
}
#JT_copy .teaser{
	font-weight: bold;
}

#status{
	position: relative;
	float: right;
	top: 10px;
	width: 70px;
	height: 16px;
}
#status.online{
	background: url(../images/glyphs.gif?060928) 0px -1520px no-repeat;
}
#status.offline{
	background: url(../images/glyphs.gif?060928) 0px -1538px no-repeat;
}

/* =========================================================================
   Search page - results listings
   ========================================================================= */
div.listing{
	margin: 1em 0;
	padding: 1em;
}
div.listing, div.listing .northwest{
	height: 9.5em;
}
div.male,
div.maleAlt,
div.fem,
div.femAlt,
div.related,
div.grey, div.pink{
	margin: 1em 0;
	padding: 1em;
}
div.male, div.male .north{
	background-color: #E6F1F7;
}
div.maleAlt, div.maleAlt .north{
	background-color: #F3F8FB;
}
div.fem, div.fem .north{
	background-color: #F7E6F1;
}
div.femAlt, div.femAlt .north{
	background-color: #FBF3F8;
}
div.listing input{
	position: absolute;
	margin-left: 0.9em;
}
#lt .dlk-u div.listing p{
	position: absolute;
	width: 25em;
	margin: 0;
	padding: 0;
}
#lt .dlk-u div.listing p.photo{
	position: relative;
	padding-left: 3em;
}
#lt .dlk-u div.listing p.buttons{
	margin-top: 8.5em;
	margin-left: 3em;
}
#lt .dlk-u div.listing p.desc{
	margin-top: 0.5em;
	margin-left: 13.5em;
	*margin-left: 13.25em;
	height: 9em;
	*height: 9.25em;
	overflow: hidden;
	font-size: 85%;
}
div.listing label{
	position: relative;
	cursor: hand !important;
	cursor: pointer;
}
div.listing img{
	position: relative;
	height: 16px;
	vertical-align: bottom;
}
div.listing p.photo img{
	width: 86px;
	height: 100px;
	border: 4px solid #fff;
}
div.listing span{
	display: block;
	height: auto;
}
div.listing span.name{
	font-size: 110%;
	font-weight: bold;
}
div.listing span.category{
	margin: 0.4em 0;
	font-size: 80%;
	color: #444;
}

/* =========================================================================
   Rounded Corners (everywhere!)
   ========================================================================= */
.north{
	background: url(../images/corners.gif) no-repeat left top;
}
.east{
	background: url(../images/corners.gif) no-repeat right top;
}
.south{
	background: url(../images/corners.gif) no-repeat right bottom;
}
.west{
	background: url(../images/corners.gif) no-repeat left bottom;
}
.northwest{
	background: url(../images/corners.gif) no-repeat left top;
	padding: 1em;
}
/* ----- GREY ----- */
.grey .north, #randomtip .north, #pagingpanel .north{
	background: url(../images/box-grey-nnw.gif) no-repeat left top;
}
.grey .east, #randomtip .east, #pagingpanel .east{
	background: url(../images/box-grey-ene.gif) no-repeat right top;
}
.grey .south, #randomtip .south, #pagingpanel .south{
	background: url(../images/box-grey-sse.gif) no-repeat right bottom;
}
.grey .west, #randomtip .west, #pagingpanel .west{
	background: url(../images/box-grey-wsw.gif) no-repeat left bottom;
}
.grey .northwest, #randomtip .northwest, #pagingpanel .northwest{
	background: url(../images/box-grey-nw.gif) no-repeat left top;
}
/* ----- GREY-FILLED ----- */
.grey-fill .north{
	background: #999 url(../images/box-grey-filled-nnw.gif) no-repeat left top;
}
.grey-fill .east{
	background: url(../images/box-grey-filled-ene.gif) no-repeat right top;
}
.grey-fill .south{
	background: url(../images/box-grey-filled-sse.gif) no-repeat right bottom;
}
.grey-fill .west{
	background: url(../images/box-grey-filled-wsw.gif) no-repeat left bottom;
}
.grey-fill .northwest{
	background: url(../images/box-grey-filled-nw.gif) no-repeat left top;
}
/* ----- PINK ----- */
.pink .north, .related .north{
	background: url(../images/box-pink-nnw.gif) no-repeat left top;
}
.pink .east, .related .east, .cloud .east{
	background: url(../images/box-pink-ene.gif) no-repeat right top;
}
.pink .south, .related .south, .cloud .south{
	background: url(../images/box-pink-sse.gif) no-repeat right bottom;
}
.pink .west, .related .west, .cloud .west{
	background: url(../images/box-pink-wsw.gif) no-repeat left bottom;
}
.pink .northwest, .related .northwest{
	background: url(../images/box-pink-nw.gif) no-repeat left top;
}
/* ----- PINK-FILLED ----- */
.pink-fill .north, .cloud .north{
	background: #E0249A url(../images/box-pink-fill-nnw.gif) no-repeat left top;
}
.pink-fill .east{
	background: url(../images/box-pink-fill-ene.gif) no-repeat right top;
}
.pink-fill .south{
	background: url(../images/box-pink-fill-sse.gif) no-repeat right bottom;
}
.pink-fill .west{
	background: url(../images/box-pink-fill-wsw.gif) no-repeat left bottom;
}
.pink-fill .northwest, .cloud .northwest{
	background: url(../images/box-pink-fill-nw.gif) no-repeat left top;
}

/* =========================================================================
   Alerts & Confirms
   ========================================================================= */
p.alertPar, p.confirmPar, p.infoPar{
	margin: 1em 0;
	padding: 1em 10% 1em 4.4em;
	border: 1px solid #999;
	font-size: 90%;
	font-weight: bold;
}
p.alertPar{
	background: #FFDBDE url(../images/glyphs.gif?060928) 0.75em -647px no-repeat;
}
p.confirmPar{
	background: #E6F4E8 url(../images/glyphs.gif?060928) 0.75em -492px no-repeat;
}
p.infoPar{
	background: #E6E9F4 url(../images/glyphs.gif?060928) 0.75em -794px no-repeat;
}
p.alertPar a, p.confirmPar a, p.infoPar a{
	font-weight: normal;
}
p.alertPar ul{
	margin: 0;
	padding: 0;
}

/* =========================================================================
   Search results paging
   ========================================================================= */
div.pagelinks{
	padding-top: 0.1em; /* WHY does IE need this?!?!?! */
	width: 100%;
	height: 1.3em;
}
.pagelink,
.pagelinklast,
.pagecurrent{
	background: #F0F5FA;
	border: 1px solid #072A66;
	font-size: 85%;
	margin-left: 0.2em;
	padding: 0.1em 0.25em;
}
.popupToggle{
	position: relative;
	background: #F0F5FA url(../images/glyphs.gif?060928) right 0.5em no-repeat;
}
.pagelinklast{
	background: #DFE6EF;
}
.pagecurrent{
	background: #FBBBE4;
}
.pagelink a:active,
.pagelink a:visited,
.pagelink a:link,
.pagelinklast a:active,
.pagelinklast a:visited,
.pagelinklast a:link,
.pagecurrent a:active,
.pagecurrent a:visited,
.pagecurrent a:link{
	color: #000 !important;
	text-decoration: none;
}
.popupBox{
	display: none;
	position: absolute;
	z-index: 1000;
	width: 6.2em;
	padding: 0.3em;
	border: 1px solid #072A66;
	margin-top: 0.1em;
	margin-left: 28em;
	background: #FBBBE4;
}
.popupBox label{
	position: relative;
	display: block;
	padding-bottom: 0.25em;
	color: #222;
}
.popupBox input{
	width: 3.25em;
	background: #fff;
	border: 1px solid #072A66;
	font-size: 85%;
	margin: 0;
	padding: 0.1em;
}
.popupBox span{
	margin: 0.1em 0 0 0.2em;
}

/* =========================================================================
   jTip Tooltips
   ========================================================================= */
a.tt{
	position: absolute;
	margin-top: -2px;
	margin-left: 0.25em;
	width: 20px;
	height: 22px;
	background: transparent url(../images/glyphs.gif?060928) 0px -406px no-repeat;
	cursor: help;
}
#friendsSmallView a.tt, .friend span.photo a.tt{
	position: relative;
	width: auto;
	height: auto;
	margin: 0;
	background-image: none;
	cursor: default;
}
#JT_arrow_left{
	background: transparent url(../images/glyphs.gif?060928) -100px -1526px no-repeat;
	position: absolute;
	z-index: 1001;
	width: 12px;
	height: 24px;
  left: -13px;
	top: -3px;
}
#JT_arrow_right{
	background: transparent url(../images/glyphs.gif?060928) -99px -1551px no-repeat;
	position: absolute;
	z-index: 1001;
	width: 12px;
	height: 24px;
  top: -2px;
}
#JT{
	position: absolute;
	z-index: 1000;
	border: 2px solid #BE087A;
	background-color: #fff;
}
#JT_copy{
	padding: 10px;
	color: #333;
	width: 90%;
	overflow: hidden;
}
.JT_loader{
	background: url(../images/tip-loader.gif) center center no-repeat;
	width: 100%;
	height: 12px;
}
#JT_close_left{
	background-color: #BE087A;
	text-align: left;
	padding: 2px 0 5px 8px;
	font-weight: bold;
	color: #fff;
}
#JT_close_right{
	background-color: #BE087A;
	text-align: left;
	padding: 2px 0 5px 8px;
	font-weight: bold;
	color: #fff;
}
#JT_copy p{
	margin: 3px 0;
	text-align: left;
}
#JT_copy img{
	padding: 1px;
	border: 1px solid #BE087A;
}

/* =========================================================================
   Advertisements
   ========================================================================= */
.ad-leaderboard .label, .ad-skyscraper .label, .ad-banner .label, .ad-rectangle .label, .ad-leaderboard .label{
	position: absolute;
	margin-top: -1.5em;
	*margin-top: -1em;
	text-align: right;
	font-size: 75%;
	color: #999;
}
.ad-skyscraper{
	float: right;
	width: 160px;
	text-align: left;
}
.ad-skyscraper .label{
	width: 160px;
	text-align: center;
}
.ad-skyscraper iframe, .ad-skyscraper img{
	width: 160px;
	height: 600px;
}
.ad-banner{
	margin: 2em 0 1em;
	width: 468px;
	height: 60px;
	overflow: hidden;
}
.ad-banner .label{
	width: 468px;
}
.ad-banner iframe, .ad-banner img{
	width: 468px;
	height: 60px;
}
.ad-rectangle{
	margin: 2em 0 1em;
	width: 300px;
	height: 250px;
	overflow: hidden;
}
.ad-rectangle .label{
	width: 300px;
}
.ad-rectangle iframe, .ad-rectangle img{
	width: 300px;
	height: 250px;
}
.ad-leaderboard{
	margin: 2em 0 1em;
	width: 728px;
	height: 90px;
	overflow: hidden;
}
.ad-leaderboard .label{
	width: 728px;
}
.ad-leaderboard iframe, .ad-leaderboard img{
	width: 728px;
	height: 90px;
}
.inline-advert{
	margin: 1em 0;
}
#ad-internal{
	width: 300px;
	overflow: hidden;
}
#video-promo{
	clear: both;
	padding-top: 0.1em;
	text-align: center;
	margin-left: 1em;
}
#video-promo div{
	text-align: center;
	width: 160px;
	height: 120px;
	background: url(../images/nine.jpg) top center no-repeat;
	margin-top: 2em;
	cursor: hand !important;
	cursor: pointer;
}
#video-promo div span{
	font-size: 0.9em;
	position: relative;
	top: 85px;
	font-weight: bold;
}

/* =========================================================================
   Forms styling
   ========================================================================= */
input, textarea, select, .input, .textarea{
	font-size: 115%;
	padding: 0.1em;
	border-top: 1px solid #7c7c7c;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #ddd;
	background: #fff;
	color: #333;
}
.inputFocus, .textareaFocus{
	font-size: 115%;
	padding: 0.1em;
	border-top: 1px solid #A81A73;
	border-left: 1px solid #C71F88;
	border-right: 1px solid #C71F88;
	border-bottom: 1px solid #D32190;
	background: #FFE5F6;
}
.inputError, .textareaError{
	font-size: 115%;
	padding: 0.1em;
	border-top: 1px solid #E00;
	border-left: 1px solid #D00;
	border-right: 2px solid #D00;
	border-bottom: 2px solid #C00;
	background: #fff;
}
input.checkbox, input.radio, #pm-message-body-inner input.checkbox{
	border: 0;
	background: transparent;
}
form p.stats{
	float: right;
	margin-top: 3em;
	margin-right: 2em;
	width: 160px;
}
fieldset{
	display: block;
	width: 100%;
	margin: 1.5em 0;
	padding: 0 0 2em 0;
	text-align: left;
	border: 1px solid #999;
	background: #f3f3f3 url(../images/fieldsetbg.jpg) no-repeat;
}
fieldset.left{
	width: 400px;
}
#lt .dlk-u fieldset p{
	margin: 0.5em 0 0.5em 0;
	padding: 0 1em 0 1em;
	vertical-align: bottom;
}
#lt .dlk-u fieldset p.infoPar, #lt .dlk-u fieldset p.alertPar, #lt .dlk-u fieldset p.confirmPar{
	margin: 1em 2em 2em 2em;
	padding: 1em 10% 1em 4.4em;
	width: 76%;
}
#lt .dlk-u fieldset p.intro{
	margin: 0 2em 1em 2em;
}
#lt .dlk-u fieldset p.intro code{
	font: normal 120% Courier New, Courier, sans-serif;
}
fieldset h3, dl.accordion dt{
	margin: 0 0 1em 0;
	padding: 0.3em 0 0 0.5em;
	height: 1.65em;
	min-height: 22px;
	font-weight: bold;
	font-size: 100%;
	background: #777 url(../images/glyphs.gif?060928) 0px -244px repeat-x;
	color: #fff;
}
fieldset h3 a, fieldset h3 a:visited, dl.accordion dt a, dl.accordion dt a:visited{
	color: #fff;
	text-decoration: none;
}
legend{
	margin: 0 0 1em 0;
	padding: 0.25em;
	font-weight: bold;
	color: #fff;
}
fieldset h3 legend{
	margin: 0;
	padding: 0;
}
#lt .dlk-u legend a:hover, #lt .dlk-u fieldset h3 a:hover, #lt .dlk-u dl.accordion dt a:hover{
	color: #fff;
	text-decoration: none;
}
fieldset h4{
	margin: 1em 3em;
	padding: 1em 0 0.3em 0;
	border-bottom: 1px solid #ccc;
	font-size: 110%;
	color: #666;
}
p label{
	position: absolute;
	width: 150px;
	padding-top: 0.3em;
	text-align: right;
	font-size: 90%;
	color: #444;
}
textarea{
	margin: 0 0 0 2em;
	border: 1px solid #999;
	font: normal 120% Courier New, Courier, sans-serif;
}
fieldset p input, fieldset p select, fieldset p textarea{
	position: relative;
	margin-left: 160px;
}
fieldset p textarea{
	width: 36em;
}
input.submit{
	padding-left: 1em;
	padding-right: 1em;
}
form p input.submit{
	width: auto;
	padding: 2px;
	background: transparent url(../images/glyphs.gif?060928) 0px -290px repeat-x;
	font-weight: bold;
	font-size: 100%;
	color: #fff;
	border: 1px solid #444;
}
form p input.mini{
	margin: 0;
	width: 70px;
	font-size: 90%;
	color: #000;
	font-weight: normal;
	padding: 0;
}
input.xs, select.xs{
	width: 50px;
}
input.l, select.l{
	width: 250px;
}
input.xl, select.xl{
	width: 400px;
}
input.inline, select.inline, fieldset ul input, fieldset ul label{
	position: relative;
	margin: 0;
	text-align: left;
}
input.submit.inline{
	text-align: center;
}
input.readonly{
	color: #666;
}
p.wide input{
	margin-top: 2em;
	background: #E6E9F4;
}
fieldset dl{
	margin: 0 0 0 6em;
	padding: 0;
}
fieldset dl dt{
	margin-top: 1em;
	font-size: 90%;
	color: #444;
}
fieldset dl dd{
	font-weight: bold;
	margin-left: 1em;
}
fieldset dl dd a{
	font-weight: normal;
}

/* =========================================================================
   Lists styling
   ========================================================================= */
form ul, ul.arrows{
	position: relative;
	margin: 0 0 0 4em;
	list-style-type: none;
	background: transparent;
}
form ul li, ul.arrows li, span.li{
	padding-left: 1.5em;
	background: url(../images/glyphs.gif?060928) 0px -430px no-repeat;
	list-style-type: none;
}
ul.numbered li{
	padding-left: 2em;
	background: url(../images/glyphs.gif?060928) 0px -430px no-repeat;
}
ul.bigPar li{
	background: url(../images/bullet.gif) 0px 4px no-repeat;
}
dl.accordion dt{
	cursor: hand !important;
	cursor: pointer;
}
dl.accordion dd{
	margin: 0;
	padding: 0;
	background: none !important;
	background: #fff;
}

/* =========================================================================
   Tables styling
   ========================================================================= */
table.table{
	position: relative;
	width: 89%;
	margin: 1em 2em 0 3em;
	border-collapse: collapse;
	border-bottom: 1px solid #999;
}
table.table th{
	background-color: #fff;
	font-size: 80%;
	font-weight: bold;
}
table.table td, table.table th{
	padding: 5px;
	font-size: 80%;
	border-bottom: 1px solid #ddd;
}
th h3{
	font-size: 120%;
	padding: 0.5em;
}
td.label{
	color: #666;
	text-align: right;
}
.biggerText a{
	font-size: 120%;
}
table.table tr.trOver td{
	background: #fff;
}
table.table tr.tr td{
	background: transparent;
}

/* =========================================================================
   Miscellaneous
   ========================================================================= */
.clear{
	clear: both;
	font-size: 1px;
	line-height: 0;
}
.left{
	float: left;
	margin-left: 0;
}
.right{
	float: right;
	margin-right: 0;
}
.center{
	text-align: center;
}
.new{
	font-weight: bold;
	color: #6f0;
	font-size: 85%;
}
.purple{
	color: #BA0978;
}
.highlighter{
	background-color: #ff6;
}
img.tick{
	width: 15px;
	height: 13px;
}
.normal{
	font-weight: normal;
}
ul.numbered li{
	margin-left: 0;
	padding-left: 2em;
	background: url(../images/glyphs.gif?060928) 0px 0px no-repeat;
}
.noshow, .listing hr{
	display: none;
}
.sitemapCats, .sitemapRegions{
}

/* =========================================================================
   Slider widget - not used at the mo.
   ========================================================================= */
div.slider{
	background: url(../images/slider-handle.png) no-repeat center center;
	cursor: e-resize;
	width: 18px;
	height: 18px;
}
#lt .dlk-u p.sliderPar{
	margin: 0 0 1em 4em;
	*margin-left: 2em;
	padding: 0;
	float: left;
	width: 40%;
}
.sliderPar strong{
	display: block;
	width: 90%;
	color: #E0249A;
}
.sliderPar small strong{
	display: inline;
}
.sliderPar label{
	display: block;
	position: relative;
	text-align: left;
	float: none;
	width: auto;
}
p.sliderPar textarea, p.sliderPar input.input, p.sliderPar input.inputFocus{
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
}
p.sliderPar textarea{
	height: 10em;
}
.slider-end{
	background: url(../images/slider-right.png) no-repeat center right;
	height: 18px;
}
.slider-bg{
	position: relative;
	margin: 0 18px 0 0;
	background: url(../images/slider-left.png) no-repeat center left;
	height: 18px;
}

/* =========================================================================
   Messaging (and other stuff as well, now)
   ========================================================================= */
#pm-tabs{
	margin-top: 2em;
	text-align: right;
	background: url(../images/pm-tabs-bg.gif) bottom repeat-x;
}
#pm-tabs ul{
	margin: 1em 0 0;
	padding: 0 1em 4px;
	border-bottom: 1px solid #999;
}
#pm-tabs>ul{
	padding-bottom: 3px;
}
#pm-tabs ul li{
	display: inline;
	font-size: 11px;
	line-height: 100%;
	margin: 0 2px 0 0;
	padding: 4px 0.75em;
	border: 1px solid #999;
	background-image: none;
	background: #EAEDF2;
}
#pm-tabs ul li a{
	text-decoration: none;
}
#pm-tabs ul li a:hover{
	text-decoration: underline;
}
#pm-tabs ul li.active a{
	color: #333;
	font-weight: bold;
}
#pm-tabs ul li.active{
	border-bottom: 1px solid #fff;
	background: #fff;
}
#pm-nav{
	margin: 0.75em 0;
	font-size: 85%;
}
#pm-nav select, #pm-message-body-inner select{
	display: inline;
	margin: 0;
	padding: 0;
	width: auto;
}
#pm-nav-links{
	float: right;
	padding-top: 5px;
}
#pm-messages{
	clear: both;
	border-collapse: collapse;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background: #eee;
	width: 100%;
	font-size: 85%;
}
#pm-messages tr.alt{
	background: #f7f7f7;
}
#pm-messages tr.unread td{
	font-weight: bold;
}
#pm-messages tr.active{
	background: #FBBBE4;
}
#pm-messages tr td{
	padding: 0 0.5em;
	height: 2.5em;
}
div.table-footer{
	margin: 0.75em 0.5em;
	font-size: 85%;
}
div.table-footer label, input{
	margin: 0;
	padding: 0;
}
#pm-message-body{
	margin: 0.5em 0 0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background: #eee;
}
#pm-message-body h4{
	margin: 1.25em 0 1em;
	color: #BA0978;
	font-size: 110%;
}
#pm-message-body.edit{
	margin: 0;
	border-top: 0;
}
#pm-message-body-inner{
	margin-left: 100px;
	padding: 1em 0 1em 1em;
	background: #fff;
}
#pm-message-body.profile #pm-message-body-inner{
	margin-left: 320px;
}
#pm-message-body-inner div{
	margin-bottom: 0.75em;
}
#pm-message-body-inner span.label, #pm-message-body.profile #pm-message-body-inner label{
	position: absolute;
	margin-left: -125px;
	padding-top: 2px;
	width: 100px;
	text-align: right;
	color: #666;
	font-size: 85%;
}
#pm-message-body.profile #pm-message-body-inner label{
	margin-left: -225px;
	width: 200px;
}
#pm-message-body.profile #pm-message-body-inner select{
	width: 22em;
}
td.right{
	float: none;
	text-align: right;
}
#pm-message-buttons{
	padding: 1em 2em 0 320px;
	background: url(../images/pm-box-shadow.gif) top repeat-x;
}
#pm-message-buttons p{
	padding-left: 1em;
}
#pm-message-buttons input.submit{
	display: inline;
	padding: 1px 3px;
}
#pm-message-buttons span{
	position: relative;
	float: right;
	margin-top: 0.25em;
	font-size: 85%;
}
#pm-message-body-inner div.thumbPic{
	position: relative;
	float: right;
	margin: 1em 2em;
	width: 83px;
	height: 100px;
	background: #333;
	overflow: hidden;
}
#pm-message-body-inner div.thumbPic img{
	width: 83px;
	height: 100px;
}
#pm-message-body-inner textarea{
	width: 28em;
	margin-right: -75px;
	margin-left: 0;
	padding: 0;
	border: 1px solid #999;
	height: 200px;
	background: transparent;
}
#pm-message-body-inner input{
	border: 1px solid #999;
}
#pm-message-body-inner p input{
	margin: 0 0 0.5em 0;
}
#teaser-chars, #intro-chars{
	color: #E0249A;
}

#pm-message-body div.profilePic{
	position: absolute;
	margin: 2.5em 0 0 2.5em;
	width: 166px;
	height: 200px;
	border-top: 1px solid #c3c3c3;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;	
	background: #333;
	overflow: hidden;
}
#pm-message-body div.profilePic img{
	width: 166px;
	height: 200px;
}

/* =========================================================================
   Browser alert for JS turned off
   ========================================================================= */
#browser-alert-box{
	background: #e0259a;
	height: 2.8em;
}
#browser-alert-text{
	position: absolute;
	top: 1em;
	margin-left: 2em;
	color: #fff;
	font-size: 85%;
}
#browser-alert-text strong{
	font-weight: bold;
	color: yellow;
}

/* =========================================================================
   sIFR styling of headings
   ========================================================================= */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
.sIFR-hasFlash h1{
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 200%;
	margin: 0 0 0.5em -0.3em;
}
* .sIFR-hasFlash h1{
	margin-left: 0;
}
.sIFR-hasFlash h3.replace{
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 150%;
	margin: 0.75em 0 0.75em -0.3em;
}
* .sIFR-hasFlash h3.replace{
	margin-left: 0;
}

/* =========================================================================
   Page is ready! (JavaScript has executed)
   ========================================================================= */
body.ready div.listing{
	height: auto;
}
body.ready #miniSearchForm,
body.ready #pagingpanel,
body.ready #randomtip,
body.ready div.pink,
body.ready div.male,
body.ready div.maleAlt,
body.ready div.femAlt,
body.ready div.fem{
	border: 0;
	padding: 0;
	background: transparent;
}
body.ready #memberpanel,
body.ready #picpanel .northwest{
	padding: 0;
}

/* =========================================================================
   Jason Gillespie Ad 
   ========================================================================= */
   #busPromo{
	width: 160px;
 	height: 160px;
	margin: 1em 0;
	background: url(../images/gillespie-promo-bg.jpg);
	overflow: hidden;
	color: #fff;
	font-size: 90%;
	float: right;
   }
   #busPromo div{
	padding: 1em;
   }
   #busPromo img{
	margin-top: 0.5em;
   }

/* =========================================================================
   Adult Shop Ad 
   ========================================================================= */
   #adultshoppromo{
	margin-left: 2.5em;
   }


/* =========================================================================
   Thexton Ad 
   ========================================================================= */
   #thextonpromo{
	margin-left: 1em;
	margin-top: 2em;
   }

/* =========================================================================
   Time Life Ad 
   ========================================================================= */
   #timelifepromo{
    margin-left: -1.5em;
	margin-top: -1.5em;
	overflow: hidden;
	width: 176px;
	height: 176px;
	z-index: -1;
   }

/* =========================================================================
   Hitwise award 
   ========================================================================= */
   #hitwise-top10-promo {
    	background: url(/themes/dLookDating/images/top10_award_jul_sep_2006_white.gif) 0 0 no-repeat;
	text-align: center;
	width: 100px;
	height: 102px;
	margin-top: 3em;
	margin-left: 3em;
	cursor: hand !important;
	cursor: pointer;
   }

/* =========================================================================
   TO DO. Just for fun!
   ========================================================================= */
#to-do{
	display: none;
	margin-top: 5em;
	padding: 1em;
	background: #ff9;
	border: 1px solid #333;
}
#to-do li{
	margin-left: 1.5em;
	list-style-type: disc;
}