/* ----Top Level Elements---------------------------------------------------*/
* {
 	outline: none;
}

html {
     overflow: -moz-scrollbars-vertical;
}

body {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	background: url("/media/images/stars_bg.gif") top left repeat-x #333;
	background-color: #333;Í
	padding: 0 0 10px 0;
}

* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /*for other IE versions*/
}

* html img {
  	behavior: url("/media/pngbehavior.htc");
}

img {
	border: none;
	}


h1, h2, h4 {
	display: none;
}

/* ----Classes--------------------------------------------------------------*/

div.colourBlock {
	float: right;
	width: 425px;
	min-height: 250px;
	background-color: #00aeef;
	margin: 10px 0 0 0;
	padding: 10px;
	}	

div.colourBlockDiscount {
	float: left;
	width: 600px;
	min-height: 250px;
	background-color: #00aeef;
	margin: 10px 0 0 0;
	padding: 10px;
	}	

* html div.colourBlockDiscount {
	height: 250px;
	}	

div.outerBlock {
	float: right;
	width: 425px;
	min-height: 250px;
	border: 1px solid #00aeef;
	margin: 10px 0 0 0;
	padding: 10px;
	}	

* html div.colourBlock, * html div.outerBlock {
	height: 250px;
	}	
	
p.MessageBox {
	background-color: #000000;
	margin: 0 0 10px 0;
	padding: 10px;
	}	

.colourMale, #mainContentBottom a.colourMale {
	color: #00aeef;
}

.colourFemale, #mainContentBottom a.colourFemale {
	color: #ec008c;
}

.sexColour {
	color: #00aeef;
}

.highlight {
	color: #fff200;
}

.button {
	background: url('/media/images/dynamic_gradient.php') repeat-x;
	border: 1px solid #FFF;
	color: #FFF;
	font-size: small;
	outline: none;
}	

/* ----Structure------------------------------------------------------------*/

#pageContainer {
	width: 800px;
	margin: 10px auto;
	overflow: hidden;
}

#contentContainer {
	width: 800px;
	margin: -125px 0 0 0;
	background: url('/media/images/content_bg.gif') repeat-y top left;
	overflow: auto;
}

#contentLeft {
	float: left;
	width: 160px;
}

#contentRight {
	float: left;
	width: 640px;
}

#mainContent {
	width: 620px;
	background-color: #000;
	padding: 10px;
	overflow: hidden;
}
		
#mainContentTag {
	width: 620px;
	padding: 0;
	overflow: hidden;
	margin: -1px 0 0 0;
}
		
* html #mainContentTag, *:first-child+html #mainContentTag {
	margin: -200px 0 0 0;
}
		
#mainContentTop {
	width: 100%;
}	
	
#mainContentBottom {
	clear: both;
	width: 100%;
	overflow: hidden
}	

#mainContentTagBottom {
	clear: both;
	width: 550px;
	overflow: hidden;
	background-color: #000;
	z-index: 1;
}	

#mainContentTagBottom {
	clear: both;
	width: 550px;
	overflow: hidden;
	background-color: #000;
	z-index: 1;
}	

/* ----Header---------------------------------------------------------------*/

#headerContainer {
	z-index: 1;
	position: relative;
	width: 800px;
	margin: 50px 0 15px 0;
	background: #000;
	overflow: hidden;
	padding: 15px 15px 15px 0;
}

* html #headerContainer {
	margin: 50px 0 11px 0;
	padding: 15px 0;
}

#onpLogo {
	margin: 0 0 0 0;
	position: relative;
	top: -145px;
	left: 10px;
	z-index: 2;
}

img#strapline {
	float: left;
	margin: 10px 0 0 110px;
}

#inviteFriend {
	background-image: url(../images/inviteBackground.png);
	height: 40px;
	width: 358px;
	float: right;
	margin: 10px 10px 0 0;
}

* html #inviteFriend {
	margin: 10px 5px 0 0;
}
	
#inviteText {	
	float: right;
	width: 138px;
	height: 18px;
	border: none;
	margin: 10px 0 0 0;
	padding: 2px 0 0 2px;
}
	
#inviteSubmit {	
	float: right;
	border: none;
	margin: 10px;
	border: 1px solid #ffffff;
}

/* ----Navigation-----------------------------------------------------------*/

#primaryNav {
	width: 620px;
	margin: 0 0 10px 0;
	padding: 10px;
	background: #000;
	display: block;
	overflow: auto;
}
	
#primaryNav ul {
	width: 100%;
	margin: 0;
	padding: 0;
}
	
#primaryNav ul li {
	display: inline;
	list-style: none;
	margin: 0 13px 0 0;
	float: left;
}
	
#primaryNav ul li:last-child {
	margin: 0;
}

#primaryNav ul li a {
	color: #ffffff;
	text-decoration: none;
}

#primaryNav ul li a:hover {
	color: #fff200;
}

#primaryNav ul li.signOut {
	float: right;
}

/* ----Left Bar: Where To----------------------------------------------------*/

#whereTo {
	width: 150px;
	margin: 0;
	/*background-image: url(../images/where_to_header.png);
	background-position: top;
	background-repeat: no-repeat;*/
	padding: 10px 0;
}
	
	
#whereTo a {
	text-decoration: none;
}	
	
#whereTo ul {
	margin: 0 10px;
	padding: 0;
}
		
#whereTo ul li {
	color: #ec008c;
	margin: 0 0 5px 0;
	list-style: none;
	background-image: url(../images/bullet_cicle.png);
	background-position: center left;
	background-repeat: no-repeat;
	padding: 0 0 0 15px;
}
		
#whereTo ul li span {
	color: #ffffff;
	font-weight: 200;
}

/* ----Main Content---------------------------------------------------------*/

#mainContentTop h3 {
	font-size: 16px;
	font-weight: 100;
	width: 174px;
	color: #00aeef;
	float: left;
	margin: 0;
}	

#mainContentTop h4 {
	display: block;
	font-size: 16px;
	font-weight: 100;
	color: #fff200;
	float: left;
	margin: 0;
}	

#mainContentBottom h3 {
	display: block;
	font-size: small;
	font-weight: 100;
	color: #fff200;
	margin: 0;
}

#mainContentBottom a {
	text-decoration: none;
	color: #fff200;
}	

#mainContentBottom a:hover {
	text-decoration: underline;
}	

#eventCalendar {
	color: #fff200;
	float: right;
	margin: 3px 0 0 0;
	background-image: url(../images/SmallMoon.png);
	background-position: center right;
	background-repeat: no-repeat;
	padding: 0 15px 0 0;
}	

#eventCalendar a {
	text-decoration: none;
	color: #fff200;
}

#profileImage {
	float: left;
	margin: 10px 10px 10px 0;
	border: 2px solid #00aeef;
}

.smallProfileImage, .smallProfileImageMale, .smallProfileImageFemale {
	float: left;
	margin: 10px 9px 10px 0;
	border: 1px solid #00aeef;
}

.smallProfileImageMale {
	border-color: #00AEEF;
}		
	
.smallProfileImageFemale {
	border-color: #EC008C;
}		

#memberUrl {
	clear: both;
	margin: 0;
	padding: 10px 0 0 0;
	text-align: right;
	color: #00aeef;
}	

#memberUrl span {
	color: #fff200;
}

div.colourBlock dl {
	clear: both;
	padding: 5px 0;
	margin: 0;
}

* html div.colourBlock dl {
	padding: 0;
}
	
div.colourBlock dt {
	width: 140px;
	float: left;
}		
	
div.colourBlock dd {
	margin: 0;
	float: left;
	color: #000000;
}		

.questionHeader {
	clear: both;
	padding: 7px 0 0 0;
	margin: 0;
}	

.questionAnswer {
	clear: both;
	color: #000000;
	margin: 0;
	padding: 0;
}	

form#interactionForm {
	margin: 0 0 10px 0;
}

#interaction {
	width: 106px;
}

* html #interaction {
	width: 116px;
}
/* ----Profile Links--------------------------------------------------------*/

ul#profileLinks {
	width: 130px;
	float: left;
	clear: left;
	margin: 0;
	padding: 0 0 0 15px;
}
	
ul#profileLinks li {
	list-style: square;
	margin: 5px 0 0 0;
	color: #fff200;
	}	
	
ul#profileLinks li a {
	color: #ffffff;
	text-decoration: none;
	}

/* ----Footer---------------------------------------------------------------*/

#footerContainer {
	clear: both;
	width: 800px;
	margin: 10px 0 0 0;
	padding: 9px 0 10px 0;
	font-size: 80%;
	background: #000;
	overflow: hidden;
}	

#footerContainer p#terms {
	float: left;
	margin: 0 10px 0 10px;
}

#footerContainer p#copy {
	float: right;
	margin: 0 10px 0 0;
}

#footerContainer a {
	color: #FFF;
}

/* ----END------------------------------------------------------------------*/








		





/* ----Profile Editor Page--------------------------------------------------*/

.imgCrop_previewWrap {
	float: left;
	margin: 10px 0;
	border: 2px solid #00aeef;
}	
	
.imgCrop_previewWrap #profileImage {
	margin: 0;
	border: none;
}

#EditForm fieldset {
	border: none;
	}

#EditForm  input.EditTextBox {
	width: 200px;
	}

#EditForm select {
	width: 200px;
	}	
	
select#dob_day, select#dob_month, select#dob_year {
	width: 64px;
	}	
	
div.colourBlock dt.EditRadioLabel {
	clear: both;
	width: 171px;
	padding: 0 0 0 140px;
	margin: 0;
	}	

#EditForm input.EditRadioButton {
	width: 60px;
	margin: 0;
	padding: 0;
	}	
	
#ShowDob {
	padding: 5px 0 10px 0;
	overflow: auto;
	}	
	
	
#AboutMeArea {
	clear: both;
	}	

#AboutMeArea textarea  {
	width: 400px;
	height: 200px;
	overflow: auto;
	}	
	
#EditForm input#SaveButton {
	clear: both;
	float: right;
	}
		
* html #EditForm input#SaveButton {
	clear: both;
	width: 50px;
	float: right;
	margin: 0 10px 0 0;
	}
		
#EditForm input#location {
	width: 196px;
	}
	
	#ManEdit {
	position: relative;
	bottom: -20px;
	right: -20px;
	float: left;
	}	

#multipleAddresses {
	clear: both;
	padding: 5px 0 0 0;
}

#multipleAddresses a {
	cursor: pointer;
}

* html #EditForm dl {
	padding: 0;
	}

* html #ShowDob {
	margin: 0 0 20px 0;
	}	

* html #EditForm {
	padding: 10px 0 0 0;
	} 	
	
/* ----Favourites Page------------------------------------------------------*/
	
#resultsList * {
	margin: 0;
	padding: 0;
}

#resultsList {
	width: 100%;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	clear: both;
	}
	
#resultsList li {
	height: 180px;
	width: 194px;
	border: 1px solid #ffffff;
	margin: 5px;
	float: left;
	}	

* html #resultsList li {
	width: 178px;
}
	
#resultsList li.male {
	background-color: #00AEEF;
	}	
	
#resultsList li.female {
	background-color: #EC008C;
	}	
	
	
#resultsList li div {
	height: 100%;
	width: 100%;
	padding: 5px 5px 5px 9px;
	}	
	
#resultsList li div .removeButton {
	position: absolute;
	top: 5px;
	right: 5px;
	}	
	
#resultsList li div .removeButton img {
	border: 1px solid #FFF;
	}	
	 
#resultsList li div .resultImage {
	float: left;
	margin: 5px 0;
	border: 1px solid #FFF;
	}	

#resultsList li div .resultLinks {
	width: auto;
	height: auto;
}

#resultsList li div .resultLinks li {
	width: 80px;
	height: auto;
	border: none;
	list-style: square;
	margin: 5px 0 0 20px;
	color: #fff200;
}

#resultsList li div .resultLinks li a {
	color: #FFFFFF;
	text-decoration: none;
}

#resultsList li div .resultLinks li a:hover {
	text-decoration: underline;
}

#resultsList li div p.resultsName {
	clear: both;
	width: 175px;
	margin: 0 0 0 0 10px;
}	
	
#resultsList li div p.resultsName span {
	font-size: 15px;
	color: #FFF200;
	font-weight: bold;
}	

#resultsList li div .resultsStats {
	width: 175px;
	clear: both;
	margin: 5px 0 0 0;
	padding: 0;
}
	
* html #resultsList li div .resultsStats, *:first-child+html #resultsList li div .resultsStats {
	margin: 0;
}
	
#resultsList li div .resultsStats dt {
	float: left;
	width: 80px;
	margin: 3px 0 0 0;
	padding: 0;
}
	
#resultsList li div .resultsStats dd {
	float: left;
	color: #000000;
	margin: 3px 0 0 0;
	padding: 0;
}

.resultsNavigation {
	clear: both;
	padding: 5px;
}	

.resultsNavigation .prevLink {
	float: left;
}	

.resultsNavigation .nextLink {
	float: right;
}	

body.resultsPage #mainContentTop h3 {
	width: auto;
}

body.resultsPage #mainContentTop h3 span {
	color: #fff200;
	font-size: small;
}

/* ----Inbox Page-----------------------------------------------------------*/

table#mailbox {
	width: 100%;
}

table#mailbox th {
	padding: 0 3px;
	background-color: #00aeef;
	text-align: left;
	border-bottom: #000 7px solid;
}

table#mailbox td {
	padding: 3px;
}

table#mailbox td a {
	color: #FFF;
	text-decoration: none;
}

table#mailbox td a:hover {
	text-decoration: underline;
}

table#mailbox td.messageUnread a {
	color: #fff200;
}
	
#messageTo {
	background: #000 url('/media/images/arrow.png') center left no-repeat;
	float: left;
	padding: 0 0 0 28px;
	overflow: hidden;
}

#messageTo img {
	margin: 10px 0;
}


div#autocomplete {
  position:absolute;
  width:250px;
  background-color:black;
  border:1px solid #888;
  margin:0px;
  padding:0px;
}
div#autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div#autocomplete ul li.selected { background-color: #FFF200; color: black;}
div#autocomplete ul li.male { background-color: #00AEEF;}
div#autocomplete ul li.female { background-color: #EC008C;}
div#autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  cursor:pointer;
}

#messageBox {
	clear: both;
	background: #FFF;
	color: #000;
	width: 405px;
	min-height: 150px;
	padding: 10px;
	margin: 10px 0 0 0;
}

#messageBox p {
	margin: 0;
	padding: 0;
}

/* ----Tags Page-----------------------------------------------------------*/

#DogTag {
	position: relative;
	float: right;
	margin: -10px 0 0 0;
	z-index: 2;
	}
	
#DogTagPrice {
	float: right;
	margin: 10px 30px 0 0;
	}	
	
h3#DogTagPageHeader {
	width: 464px;
	margin: 10px 0 0 10px;
	background-image: url(../images/dog_tag_page_header.png);
	background-position: center left;
	background-repeat: no-repeat;
	height: 23px;
	background-color: #000;
	}	
	
h3#DogTagPageHeader span {
	display: none;
	}	
	
#mainContentTagBottom p#TagTopText {
	margin: 30px 0 10px 10px;
	width: 430px;
	}	
		
#mainContentTagBottom p#TagBottomText {
	clear: both;
	margin: 20px 0 20px 10px;
	width: 460px;
	}	
		
#mainContentTagBottom ul {
	float: left;
	}	
		
#mainContentTagBottom ul li {
	font-size: 16px;
	font-weight: bold;
	margin: 3px 0;
	}	
	
#DogTagBanner {
	margin: 0 0 0 10px;
	}	
	
/* ----Venue Page-----------------------------------------------------------*/

#VenueGallery ul {
	list-style: none;
	padding: 0 0 0 10px;
	}	
		
* html #VenueGallery ul {
	list-style: none;
	width: 95%;
	padding: 0 0 0 0;
	margin: 0 0 0 10px;
	}	
		
*:first-child+html #VenueGallery ul {
	list-style: none;
	width: 95%;
	padding: 0 0 0 0;
	margin: 0 0 0 10px;
	}	
		
#VenueGallery ul li {
	display: inline;
	margin: 0;
	}	
		
#VenueGallery ul li a img {
	border: 2px solid #000;
	width: 60px;
	height: 60px;
	}	
	
p.TheDealHeader {
	font-weight: bold;
	margin: 10px 0 0 0;
	padding: 0;
	}

ul.TheDealInfo {
	margin: 5px 0 0 0;
	padding: 0 0 0 10px;
	}


ul.TheDealInfo li {
	list-style: none;
	color: #000;
	padding: 0;
	margin: 0;
	}	
	
#mainContentBottom p.pod_buy a {
	color: #000;
	}		

/* ----Feed Page-----------------------------------------------------------*/
		
.feedItem {
	padding: 0 5px;
}

.feedItem .feedLeft {
	float: left;
}

.feedItem .feedRight {
	float: right;
}

#noPhoto {
	margin: 10px 0 0 0;
}		

#noPhoto img {
	margin: 0 10px 10px 0;
}

#noPhoto p {
	margin: 10px 0 0 0;
}

body#feedPage hr {
	clear: both;
	border: none;
	color: #FFF;
	background: #FFF;
	height: 1px;
}

body#feedPage h4 {
	display: block;
	font-size: 120%;
	font-weight: normal;
	padding: 0;
	margin: 0;
}
	












	
	
/*------

COLORS

YELLOW = #FFF200
BLUE = #00AEEF
PINK = #EC008C

-------*/