/* Default styles ----------------------------- */

/* the following launchOverlay styles were supplied to us by centaur */
#launchOverlay{ width:304px; border:1px solid #6D047A; background:#ffffff; z-index:99; position:absolute; margin:100px 50%; left:-152px; text-align:left }
#launchOverlay .closeRow{ color:#FFFFFF; font-weight:bold; text-align:right; background:#6D047A; padding-right:3px; }
#launchOverlay p{ margin:0 10px 15px 15px; }


body {
	margin: 0 0 0 20px;
	font-family: arial;
	font-size: 12px;
	padding: 0;
	background: #666666;
	text-align: center;
}

td, th {
	font-size: 12px;
	vertical-align: top
}

select, input, textarea {
	font-size: 12px;
	font-family: arial;
	vertical-align: middle
}

form {
	padding: 0;
	margin: 0
}

legend 
{
	display: none
}

a {
	color: #000;
	text-decoration: none
}

a:hover {
	color: #C41425
}

h1 {
	font-size: 30px;
	font-family: Tahoma, Arial;
	font-weight: normal;
	margin: 0 0 15px 0;
	padding: 0;
	height: 37px
}

	h1.managementArea 
	{
		font-size: 20px;
		margin-bottom: 0
	}

	h2.managementArea {
		font-size: 30px;
		font-family: Tahoma, Arial;
		font-weight: normal;
		margin: 0 0 15px 0;
		padding: 0;
		height: auto
	}

h2, dd, dl, dt {
	margin: 0;
	padding: 0
}

h2 {
	height: 20px
}

h1 span, h2 span, th span, dt span {
	display: none
}

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


/* These are standard sIFR styles... do not modify */

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

/* These "decoy" styles are used to hide the browser text before it is replaced...any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size: 31px;
}

.sIFR-hasFlash h1.managementArea {
	visibility: hidden;
	font-size: 21px;
}

.sIFR-hasFlash h2.managementArea {
	visibility: hidden;
	font-size: 31px;
}

/* Page Layout ----------------------------------------------- */

#container {
	width: 934px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	background: #fff
}

#header {
	background: url(../images/background_header.gif) no-repeat;
	height: 201px
}

#main {
	background: url(../images/background_main.gif) repeat-y;
	padding-left: 86px;
	padding-right: 86px;
	padding-bottom: 50px;
}

#navigation {
	position: absolute;
	top: 135px;
	left: 88px;
	width: 761px
}

#footer {
	clear: both;
	background: url(../images/background_footer.gif) no-repeat;
	padding-left: 86px;
	padding-right: 86px;
	height: 93px
}

/* common styles */

#siteLogo {
	background: url(../images/strapline.gif) no-repeat top right;
	border-bottom: 1px solid #000;
	display: block;
	position: absolute;
	top: 100px;
	left: 87px;
	width: 763px
}

	#siteLogo span {
		display: none
	}

#copyright, #footerLinks {
	float: left;
	margin-top: 10px;
	margin-right: 20px
}

#navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navigation li {
	float: left;
	display: block;
	background: url(../images/pipe.gif) no-repeat;
	background-position: 100% 3px;
}

#navigation .lastItem {
	background: none;
	padding: 0;
	margin: 0
}

#primaryNav {
	float: left;
	font-weight: bold
}

	#primaryNav li {
		padding-right: 23px;
		margin-right: 8px
	}
	
	#primaryNav span {
		float: left
	}
	
	#primaryNav ul {
		float: left
	}
	
	#primaryNav ul li {
		font-weight: normal;
		padding: 0 0 0 8px;
		background: url(../images/colon.gif) no-repeat;
		background-position: 0 5px;
		margin: 0 0 0 8px;
		display: inline
	}

#secondaryNav {
	float: right
}

	#secondaryNav li {
		padding-right: 8px;
		background: url(../images/pipe.gif) no-repeat;
		background-position: 100% 3px;
		margin-right: 8px
	}
	
/* forms */

.errorText 
{
	border: solid 1px red;
	padding: 10px;
	margin-bottom: 10px
}

.Required {
	background: url(../images/mandatory.gif) no-repeat;
	background-position: 111px 4px
}

span.Required {
	background: url(../images/mandatory.gif) no-repeat;
	background-position: 0 4px
}

.centredForm {
	margin: 30px 0 0 70px;
	padding-top: 20px;
	background: url(../images/background_formtop.gif) no-repeat;
	width: 617px;
}

.centredForm form {
	padding: 0 17px 20px 17px;
	background: url(../images/background_formbottom.gif) bottom left no-repeat;
}

.centredForm fieldset {
	clear: both;
  	border: 0px solid #fff; /* for opera */
  	padding: 0;
  	margin: 0;
}

.centredForm h3 {
	margin-bottom: 10px;
	padding: 0;
	font-size: 12px;
	width: 112px;
	text-align: right
}
	
.centredForm p {
	padding: 0 0 10px 0;
	margin: 0;
	width: 275px;
}
	
.centredForm label {
	display: block;
	float: left;
	width: 110px;
	margin-top: 1px;
	text-align: right;
}

	label.mandatory {
		background: url(../images/mandatory.gif) no-repeat;
		background-position: 100% 3px
	}

.centredForm span {
	display: block;
	width: 155px;
	float: right;
}

select.textBox {
	width: 151px
}

.textBox {
	width: 150px;
}

/* border hack */
html>body .textBox {
	width: 152px;
}

.centredForm p.checkbox, .centredForm p.other
{
	text-align: right
}

.centredForm .checkbox label
{	
	float: right;
	width: 155px;
	text-align: left
}

.centredForm .multiple span label
{	
	font-size: 12px;
	display: inline;
	float: none;
}

.centredForm .multiple .textBox
{	
	width: auto
}

.centredForm .other
{	
	text-align: left
}

.centredForm .fileInput 
{
	width: 150px;
}

.formButtons {
	clear: both;
	margin-left: 120px;
}

/* Homepage styles */

#welcomeText h2 {
	background: url(../images/welcome.gif) no-repeat;
	text-indent: -1000em;
	height: 80px;
	width: 100%	
}

#welcomeText dl {
	margin: 0;
	padding: 0;
	height: 70px;
	width: 100%;
	margin-bottom: 30px;
	background: url(../images/background_search.gif) no-repeat
}

#welcomeText dt {
	height: 47px
}

#welcomeText dd {
	padding: 0;
	float: left;
	width: 255px;
	height: 24px;
}

#welcomeText .lastItem {
	width: 240px
}

#welcomeText a {
	display: block;
	width: auto;
	height: 24px;
}

#welcomeText dt, #welcomeText dd {
	text-indent: -1000em
}

#homepagePromo {
	float: left;
	width: 250px;
	margin-top: 10px
}	
	#promoImage 
	{
		border: 1px solid #ccc
	}

	#addYourSite {
		background: url(../images/addyoursite.gif) no-repeat;
		width: 227px;
		height: 56px;
		margin-top: 20px
	}

	#addYourSite a {
		display: block;
		width: 227px;
		height: 56px
	}
	
	#addYourSite span {
		display: none
	}

#homepageContent {
	width: 505px;
	float: right;
	border-left: 1px solid #C9C9C9;
	margin-top: 10px
}

	#homepageContent p {
		margin: 0 0 35px 15px
	}
	
	#newSites {
		padding-left: 15px;
		float: left;
		width: 314px;
		line-height: 18px;
		color: #9D9D9D;
	}
	
	#sectorList {
		line-height: 18px;
		color: #9D9D9D;
		float: right;
		width: 157px;
	}
	
	#featuredAgencies {
		clear: both;
		padding: 35px 0 0 15px;
	}
	
	#featuredAgencies dd {
		float: left;
		width: 140px;
		padding-top: 2px
	}
	
	#featuredAgencies img {
		border: 1px solid #000
	}	
	
/* Subtitles */

#newSites dt {
	background: url(../images/h2_newsites.gif) no-repeat;
	height: 20px
}	

#sectorList dt {
	background: url(../images/h2_sitesbysector.gif) no-repeat;
	height: 20px
}

#featuredAgencies dt {
	background: url(../images/h2_featuredagencies.gif) no-repeat;
	height: 20px
}

#projectSummary dt {
	background: url(../images/h2_clientproject.gif) no-repeat;
	height: 20px
}

#agencySummary dt {
	background: url(../images/h2_agency.gif) no-repeat;
	height: 20px
}

#agencyPage #projectSummary dt {
	background: url(../images/h2_contact.gif) no-repeat;
	height: 20px
}

#description h2 {
	background: url(../images/h2_description.gif) no-repeat;
}

#agencySiteList dt {
	background: url(../images/h2_sites.gif) no-repeat;
	height: 20px
}

#agencyOtherSiteList dt {
	background: url(../images/h2_othersites.gif) no-repeat;
	height: 20px
}

/* Advertising */

#sponsorBanner {
	position: absolute;
	top: 9px;
	left: 382px;
	width: 468px;
	height: 70px;
	background: url(../images/sitesponsor.gif) no-repeat bottom right;
}

#sponsorLogo {
	background: url(../images/sponsoredby.gif) no-repeat;
	padding-top: 10px;
	margin-top: 30px;
	width: 120px
}

/* listing table */

#paginationTop 
{
	float: right;
	padding-bottom: 20px;
	margin-top: -10px;
	color: #B0B0B0
}

	#paginationTop span 
	{
		display: block;
		float: left;
		padding-right: 20px;
		color: #000
	}

#listing {
	clear: both
}

#listingAccountTable {
	width: 100%;
	float: left;
}

#listingAccountTable caption {
	display: none
}

#listingAccountTable td, #listingAccountTable th {
	border-bottom: 1px solid #BFBFBF;
	padding: 2px 6px 2px 6px;
}

#listingAccountTable th {
	height: 18px;
}

#listingTable {
	width: 573px;
	float: right;
}

#listingImage {
	float: left;
	width: 170px;
}

#listingTable caption {
	display: none
}

#listingTable td, #listingTable th {
	border-bottom: 1px solid #BFBFBF;
	padding: 2px 6px 2px 6px;
}

#listingTable th {
	height: 18px;
}

.clientTh {
	background: url(../images/h2_client.gif) no-repeat;
	background-position: 6px 0;
	width: 170px
}

.projectTh {
	background: url(../images/h2_project.gif) no-repeat;
	background-position: 6px 0;
	width: 170px
}

.agencyTh {
	background: url(../images/h2_agency.gif) no-repeat;
	background-position: 6px 0;
}

.expiresTh {
	background: url(../images/h2_expires.gif) no-repeat;
	background-position: 6px 0;
	width: 170px
}

/* Agency list */

.agencyColumn {
	width: 250px;
	float: left
}

.agencyColumn h3 {
	color: #B0B0B0;
	font-size: 14px;
	font-family: Tahoma, Arial;
	width: 20px;
	float: left;
	display: inline;
	text-align: center;
	padding: 0;
	margin: -2px 0 0 23px;
	clear: both;
}

.agencyColumn a {
	display: block;
	width: 198px;
	margin-left: 52px;
	clear: both
}

.agencyColumn a.first {
	float: right;
	width: 198px;
	margin-left: 0;
	clear: none
}

/* Detail page */

#description {
	width: 600px;
	margin-top: 500px;
}

#agencyPage #description {
	margin-top: 30px
}

#description div, #agencyDetail div {
	width: 350px;
	float: right
}

#agencyDetail {
	clear: both;
	margin-top: 32px;
}

#projectSummary, #agencySummary {
	width: 238px;
	float: left;
}

#projectSummary dd, #agencySummary dd {
	border-bottom: 1px solid #000;
	padding: 1px 0;
}

dd#summaryLogo 
{
	border: 0;
	padding-top: 12px
}

#agencySiteList, #agencyOtherSiteList {
	float: right;
	width: 512px;
	line-height: 18px;
}

#agencySiteList dd, #agencyOtherSiteList dd {
	width: 244px;
	float: left;
	margin-right: 10px
}

#agencySiteList a, #agencyOtherSiteList a {
	display: block
}

#detailImages {
	position: absolute;
	top: 250px;
	left: 86px;
	width: 763px;
}

/*#detailImages img {
	border: solid 1px #ccc
}*/

#detailImages #mainImage {
	float: left;
	border: solid 1px #ccc
}

#detailImages ul {
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 133px
}

#detailImages ul li {
	padding-bottom: 10px
}

/* logon */

#smallForm {
	background: url(../images/background_formtopsml.gif) no-repeat;
	width: 310px;
	margin: 30px 0 0 220px;
}

#smallForm form {
	background: url(../images/background_formbottomsml.gif) bottom left no-repeat;
}

/* Register */

#accountForm fieldset {
	float: left;
	width: 270px;
	clear: none;
}

#smallForm {
	background: url(../images/background_formtopsml.gif) no-repeat;
	width: 310px;
	margin: 30px 0 0 220px;
}

#smallForm form {
	background: url(../images/background_formbottomsml.gif) bottom left no-repeat;
}

#logonForm {
	background: url(../images/background_formtopsml.gif) no-repeat;
	width: 310px;
	float: left;
	margin: 30px 0 0 60px;
	display: inline
}

#logonForm form {
	background: url(../images/background_formbottomsml.gif) bottom left no-repeat;
}

#registerForm {
	background: url(../images/background_formtopsml.gif) no-repeat;
	width: 310px;
	float: left;
	margin: 30px 0 0 30px;
}

#registerForm form {
	background: url(../images/background_formbottomsml.gif) bottom left no-repeat;
}

#logonForm fieldset {
	float: left;
	width: 270px;
	clear: none;
}

#removeLogo 
{
	display: block;
	margin: 5px 0
}

#accountNav 
{
	padding-top: 20px;
	margin-bottom: 30px
}