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

body {
	background: #fff;
	text-align: left;
	padding: 0;
	margin: 0;
	font-family: arial;
	font-size: 12px;
}

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
}

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

h2 {
	height: 20px;
	font-size: 12px
}

h1 span, h2 span, th span, dt span {
	font-weight: bold;
	color: #000
}

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

/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
	font-size: 30px;
	font-family: Tahoma, Arial;
	font-weight: normal;
	margin: 0 0 15px 0;
	padding: 0
}

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

#container {
	width: auto;
	margin: 0;
	padding: 0;
}

#header {
	background: none;
	height: 70px;
	border-bottom: 1px solid #000;
	margin-bottom: 20px
}

#navigation {
	display: none
}

#footer {
	clear: both;
	padding: 10px 0 0 0;
	height: 93px;
	margin-top: 40px;
	border-top: 1px solid #000
}

/* common styles */

#siteLogo {
	padding-top: 10px
}

	#siteLogo span {
		display: block;
		height: 20px;
		font-weight: bold;
		padding-top: 3px
	}

#footerLinks 
{
	display: none
}

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

.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: 10px 0 0 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 label
{	
	font-size: 12px;
	width: 50px;
}

.centredForm .other .textBox {
	width: 140px;
	float: right
}

.centredForm .fileInput 
{
	width: 160px;
}

.formButtons {
	clear: both;
	text-align: right;
	width: 275px
}

/* Homepage styles */

#welcomeText h2 {
	margin-bottom: 20px;
	font-size: 20px;
	height: auto
}

#welcomeText dl {
	display: none	
}

#homepagePromo {
	display: none
}	

#homepageContent {
	margin-top: 10px
}

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

#newSites dt, #sectorList dt, #featuredAgencies dt, #projectSummary dt, #agencySummary dt, #agencyPage #projectSummary dt, #description h2, #agencySiteList dt, #agencyOtherSiteList dt {
	padding-bottom: 10px;
	display: block
}	

/* Advertising */

#sponsorBanner {
	display: none
}

#sponsorLogo {
	display: none
}

/* listing table */

#paginationTop 
{
	display: none
}

#listing {
	clear: both
}

#listingAccountTable {
	width: 100%;
}

#listingAccountTable caption {
	display: none
}

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

#listingAccountTable th {
	height: 18px;
}

#listingTable {
	width: 100%;
}

#listingImage {
	display: none
}

#listingTable caption {
	display: none
}

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

#listingTable th {
	height: 18px;
}

.clientTh {
	width: 170px
}

.projectTh {
	width: 170px
}

.expiresTh {
	width: 170px
}

/* Agency list */

.agencyColumn h3 {
	color: #B0B0B0;
	font-size: 14px;
	font-family: Tahoma, Arial;
}

.agencyColumn a {
	display: block;
}

/* Detail page */

#description {
	margin-top: 610px
}

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

#description div, #agencyDetail div {
	width: 65%;
	float: right
}

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

#projectSummary, #agencySummary {
	width: 30%;
	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: 65%;
	line-height: 18px;
}

#agencySiteList dd, #agencyOtherSiteList dd {
	width: 45%;
	float: left;
	padding-right: 10px
}

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

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

#detailImages {
	position: absolute;
	top: 140px;
	left: 0;
}

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

#detailImages ul li {
	padding-bottom: 10px;
	float: left;
	padding-right: 10px
}

/* Register */

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

/* Register */

#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
}

.imageUpload 
{
	margin-bottom: 10px
}

/* listing */

.listingNavigation, .latestNavigation { display: none }

#accountNav 
{
	padding-top: 20px
}