/*
*
* CSS code to drive specific pages
*
*
*/


body.createprofile div#content p {
	width: 420px;
}

body.legal div#content p {
	width: 420px;
}

body.tickets div#content p {
	width: 420px;
}


/* CREATE PROFILE (COMMON TO RUMOURS AND VENUES)
-----------------------------*/

	div.createprofile-wrapper {
		position: relative;
	}
		div.createprofile-wrapper div.publish-wrapper {
			font-size: 11px;
			margin-bottom: 11px;
			white-space: nowrap;
		}

		div.createprofile-wrapper div.heading-wrapper {
			position: relative;
			overflow: hidden;
			margin-bottom: 15px;
		}
			div.createprofile-wrapper div.heading-wrapper h3.title {
				float: left;
				font: normal 20px/normal "Arial", sans-serif;
				margin: 0;
				padding: 0;
				border: 1px solid transparent;
			}
			div.createprofile-wrapper div.heading-wrapper h3.seperator {
				float: left;
				font: 16px/normal "Arial", sans-serif;
				margin: 1px 10px 0 10px;
				padding: 0;
				border: 1px solid transparent;
			}
			div.createprofile-wrapper div.heading-wrapper h3.steps {
				float: left;
				margin: 0;
				padding: 0;
				font: normal 20px/normal "Arial", sans-serif;
				border: 1px solid transparent;
			}

		div.createprofile-wrapper div.required-wrapper {
			margin-bottom: 15px;
		}
		
		div.createprofile-wrapper div.buttons-wrapper {
			background: url(../images/line-profile-footer.png) no-repeat;
			margin: 30px 0 0 -25px;
			padding: 16px 0 0 25px;
		}
			div.buttons-wrapper a.prev,
			div.buttons-wrapper a.next,
			div.buttons-wrapper a.update,
			div.buttons-wrapper a.create-listing,
			div.buttons-wrapper a.create-profile {
				float: left;
				margin-right: 3px;
			}

		
		/* STEP 2 */
		div.createprofile-wrapper div.industry-column {
			float: left;
			margin-right: 50px;
		}
			div.createprofile-wrapper div.industry-column.last {
				margin-right: 50px;
			}

			div.createprofile-wrapper div.industry-column div.industry-number {
				font-size: 14px;
				margin-bottom: 5px;
			}
		
			div.createprofile-wrapper div.industry-column div.positions-label {
				font-size: 14px;
				margin: 5px 0 15px 5px;
			}

			div.createprofile-wrapper div.industry-column select {
				width: 200px;
			}
			
			div.createprofile-wrapper div.industry-column div.sectors-column {
				overflow: hidden;
				width: 200px;
			}
				div.createprofile-wrapper div.industry-column div.industry-sectors ul {
					margin: 0;
					padding: 0;
					list-style-type: none;
				}
					div.createprofile-wrapper div.industry-column div.industry-sectors ul li {
						margin: 0 0 5px 5px;
						padding: 0;
					}


		/* STEP 3 */
		div.createprofile-wrapper table.myphotos {
			position: relative;
			margin: 0 0 20px 0;
			padding: 0;
			overflow: hidden;
		}
			div.createprofile-wrapper table.myphotos td {
				vertical-align: bottom;
				padding-right: 25px;
				min-width: 200px;
			}
				div.createprofile-wrapper table.myphotos td img {
					border: 1px solid #000000;
				}


/* MY PROFILE (COMMON TO RUMOURS AND VENUES)
-----------------------------*/

	div.myprofile-photos-panel {
		position: relative;
		float: left;
		width: 250px;
		margin-left: -17px;
	}
	
	img#profile-photo {
		border: 2px solid #000000;
	}
	
	ul#photo-toggler-thumbs {
		margin: 10px 0 10px 0;
		padding: 0;
		list-style-type: none;
		overflow: hidden;
	}
		ul#photo-toggler-thumbs li {
			float: left;
			margin-right: 10px;
		}
			ul#photo-toggler-thumbs li a {
				outline: none;
			}

			ul#photo-toggler-thumbs li img {
				border: 1px solid #000000;
			}



	div.myprofile-panel {
		position: relative;
		float: left;
		width: 500px;
	}

	div.row {
		overflow: hidden;
	}
		div.row span.label {
			width: 130px;
			float: left;
			background: url(../images/bullet-myprofile.png) 0 0 no-repeat;
			padding-left: 7px;
		}
			div.row span.label.nobg {
				background: none;
				padding-left: 0;
			}
			div.row span.label.special-events {
				width: 70px;
			}
		div.row span.value {
			float: left;
			width: 300px;
		}
			div.row span.value.special-events {
				width: 200px;
			}

	div.myprofile-panel h2 {
		font-size: 18px;
		margin: 20px 0 40px 25px;
	}
	
	div.myprofile-panel div.heading {
		position: relative;
		background: url(../images/line-myprofile.png) 0 bottom no-repeat;
		padding: 0 25px;
		overflow: hidden;
	}
		div.myprofile-panel div.heading h3 {
			margin-bottom: 0;
			float: left;
		}
		div.myprofile-panel div.heading a {
			position: absolute;
			right: 45px;
			bottom: 1px;
		}
	
	div.myprofile-panel div.data {
		padding: 15px 25px 40px 25px;
	}
	
	
	div.weeklyevent-row {
		position: relative;
		padding: 20px 12px;
		background: #ffffff;
		overflow: hidden;
	}
	div.weeklyevent-row.alt {
		background: #eaeaea;
	}
		div.weeklyevent-row div.day {
			font: bold 16px/20px "Arial", sans-serif;
			color: #000000;
		}
		div.weeklyevent-row a.event {
			font-weight: bold;
		}
		div.weeklyevent-row div.poster {
			float: left;
			width: 75px;
			min-width: 75px;
			margin-right: 30px;
		}
		div.weeklyevent-row div.event-data {
			float: left;
			width: 275px;
		}





/* PROFILE LISTING (SEARCH)
-----------------------------*/

	div.profile-search-wrapper {
		position: relative;
		padding: 19px 0 0 480px;
		overflow: hidden;
	}
		div.profile-search-wrapper div.search-field {
			float: left;
		}
			div.profile-search-wrapper div.search-field span.label {
				float: left;
				line-height: 22px;
				margin-right: 10px;
			}
			div.profile-search-wrapper div.search-field input[type=text] {
				float: left;
				width: 200px;
				margin-right: 10px;
				margin-bottom: 0;
			}

		div.profile-search-wrapper a.search {
			float: left;
		}
		
	
	div.profile-list-heading-wrapper {
		background: url(/images/header-mic.png) 0 0 no-repeat;
		width: 989px;
		height: 138px;
		margin: -19px 0 0 -40px;
		padding-left: 40px;
	}

		div.profile-list-heading-wrapper h2 {
			padding-top: 20px; margin-top: 0;
		}

		div.profile-list-heading-wrapper div.headings {
			overflow: hidden;
			padding-top: 3px;
			margin-bottom: 0px;
		}
			div.profile-list-heading-wrapper div.headings h3 {
				float: left;
				margin-bottom: 0;
			}
			
			/* rumour profiles */
			div.profile-list-heading-wrapper div.headings h3.industry {
				width: 170px;
			}
			div.profile-list-heading-wrapper div.headings h3.sector {
				width: 200px;
			}
			div.profile-list-heading-wrapper div.headings h3.profile {
				width: 350px;
			}

			/* venue profiles */
			div.profile-list-heading-wrapper div.headings h3.venue-name {
				width: 190px;
			}
			div.profile-list-heading-wrapper div.headings h3.venue-type {
				width: 170px;
			}
			div.profile-list-heading-wrapper div.headings h3.venue-contact{
				width: 350px;
			}
	
	
	div.profile-list-results-wrapper {
		overflow: visible;
		margin-top: 15px;
		padding-bottom: 5px;
	}
	
	
	div.venue-list-results-wrapper {
		overflow: hidden;
		margin-top: 15px;
		padding-bottom: 5px;
	}
		div.venue-list-results-wrapper div.venue-name {
			float: left;
			width: 193px;
		}
		div.venue-list-results-wrapper div.venue-type {
			float: left;
			width: 172px;
		}
		div.venue-list-results-wrapper div.venue-contact {
			float: left;
			width: 360px;
			overflow: hidden;
		}
			div.venue-list-results-wrapper div.venue-contact span.label {
				float: left;
				width: 75px;
			}
			div.venue-list-results-wrapper div.venue-contact span.value {
				float: left;
				width: 285px;
			}

		
	ul.profile-select {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
		ul.profile-select li {
			line-height: 20px;
		}
		ul.profile-select li a {
			outline: none;
		}
		ul.profile-select li.active a {
			color: #f6851f;
		}


	ul.profile-select.industry {
		float: left;
		width: 173px;
	}
	ul.profile-select.sector {
		float: left;
		width: 202px;
	}
	ul.profile-select.profiles {
		float: left;
		width: 350px;
	}
		ul.profile-select.profiles li {
			position: relative;
			overflow: hidden;
			margin-bottom: 10px;
		}
			ul.profile-select.profiles li a {
				line-height: 28px;
			}
			ul.profile-select.profiles li img {
				border: 1px solid #000000;
				margin: 0 10px 0 0;
			}


/* EVENTS LIST
-----------------------------*/

	div.event-wrapper {
		position: relative;
		padding-top: 20px;
	}
		div.event-wrapper div.poster-wrapper {
			float: left;
			width: 272px;
		}
			div.event-wrapper div.poster-wrapper img {
				margin-bottom: 3px;
			}
			
		div.event-wrapper div.data-wrapper {
			float: left;
			width: 450px;
			margin-left: 70px;
		}
		div.event-wrapper h2.event {
			letter-spacing: -1px;
			margin-bottom: 10px;
			font: bold 20px/26px "Arial", sans-serif;
		}
		div.event-wrapper div.row {
			overflow: hidden;
			margin-bottom: 10px;
		}
			div.event-wrapper div.row a.venue {
				font-weight: bold;
			}
			div.event-wrapper div.row div.label {
				float: left;
				font-weight: bold;
				width: 90px;
			}
			div.event-wrapper div.row div.value {
				float: left;
			}
		div.event-wrapper div.buttons {
			overflow: hidden;
			padding-top: 15px;
		}
			div.event-wrapper div.buttons a {
				float: left;
				margin-right: 3px;
			}
		div.event-wrapper div.separator {
			height: 1px;
			background: url(../images/separator-tickets.png) no-repeat;
			margin: 30px 0 10px -35px;
		}


/* ABOUT US
-----------------------------*/

	div.content.aboutus {
		position: relative;
		width: 340px;
		margin-right: 40px;
		float: left;
	}
		div.content.aboutus img.title {
			margin: 30px 0 30px 0;
		}
			
	div.aboutus-photo {
		position: relative;
		float: left;
		margin: 20px 0;
	}

	div.aboutus-photo img.pattern {
		z-index: 1;
		position: absolute;
		right: -99px;
		bottom: 14px;
	}
	
	div.aboutus-photo img.photo {
		z-index: 100;
		position: relative;
		border: 13px solid #000000;
	}
	

/* CONTACT US
-----------------------------*/

	body.contactus div.column-emailaddresses {
		float: left;
		width: 226px;
	}

	body.contactus div.column-content {
		float: left;
		border-left: 1px solid #9b9b9b;
		padding-left: 36px;
		width: 490px;
	}

	div.contact-requirements p + ul {
		margin-top: -20px;
		margin-left: 0;
		list-style-type: none;
	}
		div.contact-requirements p + ul li {
			background: url(../images/bullet-myprofile.png) 0 0 no-repeat;
			padding-left: 7px;
		}


/* RUMOUR'S PICK
-----------------------------*/

	body.rumourspick div.content {
		float: left;
		width: 360px;
	}
	
	body.rumourspick div#content h2 {
		padding: 20px 0 10px 0;
		margin: 0;
	}
	
	body.rumourspick div.nickname {
		color: #0088ff;
		font: 18px/normal "Arial", sans-serif;
		letter-spacing: -1px;
		margin-bottom: 20px;
	}
	
	body.rumourspick div.member-photo {
		float: left;
		margin: 5px 0 0 35px;
		width: 393px;
		min-height: 327px;
		background: url(../images/rumourspick-mic.png) right top no-repeat;
	}
		body.rumourspick div.member-photo img.photo {
			border: 13px solid #000000;
		}


/* TESTIMONIALS
-----------------------------*/

	body.testimonials div.content {
		float: left;
		width: 360px;
	}
		body.testimonials div#content p {
			width: auto;
		}

	body.testimonials div.line-separator {
		background: url(../images/separator-testimonials.png) center 0 no-repeat;
		padding-bottom: 20px;
	}
	
	div.testimonial {
		position: relative;
		margin: 0 0 40px 0;
	}
		div.testimonial blockquote {
			margin: 0 0 10px 0;
		}
		div.testimonial span.name {
			font-weight: bold;
		}
	
	div.testimonials-mic {
		float: left;
		margin: -65px 0 0 40px;
		background: url(../images/testimonials-mic.png) no-repeat;
		width: 333px;
		height: 394px;
	}


/* NEWS & EVENTS
-----------------------------*/

	div.subnav {
		position: relative;
		float: left;
		width: 342px;
	}

	div.subtitle {
		position: relative;
		margin: 0 0 25px -21px;
		width: 300px;
		height: 32px;
	}
		body.news div.subtitle {
			background: url(../images/subtitles/news.png) no-repeat;
		}
		body.photos div.subtitle {
			background: url(../images/subtitles/photogalleries.png) no-repeat;
		}
		body.videos div.subtitle {
			background: url(../images/subtitles/videos.png) no-repeat;
		}
		body.events div.subtitle {
			background: url(../images/subtitles/events.png) no-repeat;
		}
		body.events-past div.subtitle {
			background: url(../images/subtitles/events-past.png) no-repeat;
		}
		body.tickets div.subtitle {
			background: url(../images/subtitles/events.png) no-repeat;
		}
	
	body.news div.content {
		float: left;
		margin: 50px 0 0 0;
		padding: 0;
		width: 350px;
	}
		body.news div#content p {
			width: auto;
		}
		body.news div.content h2 {
			font: 20px/22px "Arial", sans-serif;
			letter-spacing: -1px;
			margin: 0 0 10px 0;
		}
		body.news div.content div.date {
			margin: 0 0 10px 0;
		}
		body.news div.content div.source {
			font-weight: bold;
			margin: 0 0 20px 0;
		}
		body.news div.content img {
			border: 13px solid #000000;
		}
	
		div.news {
			margin: 0 0 10px 0;
			width: 200px;
		}

		div.news.active a {
			color: #f6851f;
		}
	

	
/* PHOTO GALLERY
-----------------------------*/
	
	body.videos div.content h2,
	body.photos div#content h2 {
		font: 20px/normal "Arial", sans-serif;
		letter-spacing: -1px;
		margin: 0 0 20px 0;
		padding: 0;
	}

	body.videos div.content,
	body.photos div.content {
		float: left;
		margin: 50px 0 0 0;
		padding: 0;
		width: 450px;
	}
	
	ul.gallery {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		list-style-type: none;
		overflow: hidden;
	}
		ul.gallery li {
			position: relative;
			float: left;
			list-style: none;
			margin: 0 10px 10px 0;
			width: 95px;
			height: 95px;
			line-height: 95px;
			text-align: center;
			background: #ffffff;
		}
		ul.gallery li a {
			cursor: pointer;
		}
		ul.gallery li a span {
			display: inline-block;
			vertical-align: middle;
			background: #ffffff;
			margin: 0;
			padding: 0;
		}

		ul.gallery img {
			border: 1px solid #000000;
		}
/*
		ul.gallery a:hover img  {
			border: 1px solid #f6851f;
		}
*/

	ul.videos {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		width: 414px;
		list-style-type: none;
	}
		ul.videos li {
			position: relative;
			float: left;
			list-style: none;
			margin: 0 10px 10px 0;
			width: 118px;
			height: 88px;
			line-height: 88px;
			text-align: center;
			background: #ffffff;
		}
		ul.videos li a {
			cursor: pointer;
		}
		ul.videos li a span {
			display: inline-block;
			vertical-align: middle;
			background: #ffffff;
			margin: 0;
			padding: 0;
		}
			ul.videos li a span.play {
				position: absolute;
				left: 38px;
				top: 23px;
				display: inline-block;
				vertical-align: middle;
				width: 42px;
				height: 42px;
				margin: 0;
				padding: 0;
				background: url(../images/buttons-videoplay.png) no-repeat;
				opacity: 0.5;
			}

		ul.videos img {
			border: 1px solid #000000;
		}
		ul.videos a:hover img  {
			border: 1px solid #f6851f;
		}

		ul.videos li a:hover span.play {
			opacity: 1;
		}