/*
 
Copyright (c) Enigma Interactive 2005

SOM2
Project:	STYLE SHEET
Filename:	layout_events.css
Description:Unique Styles for events pages
     
History
ver date  		who     	comment
-----------------------------------------------------------------------------
35	17May06		CT			Added pointer definition to cancel button
34	25Nov05		CT			Further updates to event attendees page
33	25Nov05		CT			Added .guestDetails for event attendees display page
32	14Nov05		CT			Removed padding from pageText
31	01Nov05		CT			Added high contrast stuff
30	24Oct05		CT			Repositioned the bottons for submit an event
29	24Oct05		CT			Corrected image dimension
28	24Oct05		CT			Updated for high contrast
27	12Oct05		CT			Updated all classes for compatibility with auto width sizing
26	13/9/05		PG			Changed events title width and made it float no more
25	24Aug05		MS			Modified .personalDetails as borders weren't being displayed correctly in firefox, etc
24	16Aug05		CT			Corrected text wrapping
23	12Aug05		CT			Reduced font-size for sort boxes
22	13Jul05		CT			Added memberChk class
21	12Jul05		CT			Amended select field definition
20	12Jul05		CT			Updated #SubmitArticle for fieldsets
19	7/7/05		PG			text justify on body text (so looks ok with images)
18	30Jun05		CT			Added classes for attendees lists
17	29Jun05		PG			alterations to padding for titles 
16	29Jun05		PG			alterations of title, and date
15	27Jun05		CT			Added widths to pageNoRow classes
14	17Jun05		PG			made h5 lowercase on submit page
13	17Jun05		PG			added styles for submit an event
12	15Jun05		PG			fixed booking page again
11	15Jun05		PG			sorted stuff for bookings page
10	14Jun05		PG			added a clear to event boxes
9	14Jun05		PG			altered padding
8	10Jun05		PG			removed a class, put it into standard
7	07Jun05		PG			added more classes for bookings page
6	06Jun05		CT			Amended event titles to h2 for accessibility reasons
5	3Jun05		PG			Added stuff for bookings page, reorgonised 
4	1Jun05		PG			changed some stuff		
3	1Jun05		PG			Added stuff
2	31May05		PG			More stuff for events pages
1	27May05		PG			created
*/
#EventWrapper {
	margin: 25px;
}

#EventWrapper .shortLabel,
#EventWrapper .titlerow .shortLabel{
	padding:0px;
	width:30%;
	float:left;
}

#EventWrapper .row { 
	margin-bottom: 5px;
	float: left;
	width: 100%;
	clear: both;
}

#EventWrapper .info { 
	width:68%;
	float:right;
	text-align: left;
}

#EventWrapper .titlerow {
	padding-bottom:5px;
}

.pageText{
	/* padding-bottom:7px; */
}

/*** EVENT PAGE COMMON STUFF ***/
#EventWrapper .backButton,
#EventWrapper .topButtons,
#EventWrapper .bottomButtons {
	padding:0px 0px 20px 0px;
}

#EventWrapper .topButtons .topButtonCurrent {
	float: left;
	width: auto;
	margin-right: 10px;
}

#EventWrapper .topButtons .topButtonCurrent img {
	width: 89px;
	height: 18px;
	background: transparent url(/res/coArticleEvent/images/but_view_current.gif) no-repeat top left;
}

.front_body_hi #EventWrapper .topButtons .topButtonCurrent img {
	background: transparent url(/res/coArticleEvent/images/hi_but_view_current.gif) no-repeat top left;
}

#EventWrapper .topButtons .topButtonArchive {
	float: left;
	width: auto;
	margin-right: 10px;
}

#EventWrapper .topButtons .topButtonArchive img {
	width: 89px;
	height: 18px;
	background: transparent url(/res/coArticleEvent/images/but_view_archive.gif) no-repeat top left;
}

.front_body_hi #EventWrapper .topButtons .topButtonArchive img {
	background: transparent url(/res/coArticleEvent/images/hi_but_view_archive.gif) no-repeat top left;
}

#EventWrapper .topButtons .topButtonSubmit {
	float: left;
	width: auto;
}

#EventWrapper .topButtons .topButtonSubmit img {
	width: 106px;
	height: 18px;
	background: transparent url(/res/coArticleEvent/images/but_submit_an_event.gif) no-repeat top left;
}

.front_body_hi #EventWrapper .topButtons .topButtonSubmit img {
	background: transparent url(/res/coArticleEvent/images/hi_but_submit_an_event.gif) no-repeat top left;
}

#EventWrapper .topButtons .topButtonMain {
	float: left;
	width: auto;
}

#EventWrapper .topButtons .topButtonMain img {
	width: 122px;
	height: 18px;
	background: transparent url(/res/coArticleEvent/images/but_back_to_main_listing.gif) no-repeat top left;	
}

.front_body_hi #EventWrapper .topButtons .topButtonMain img {
	background: transparent url(/res/coArticleEvent/images/hi_but_back_to_main_listing.gif) no-repeat top left;
}

#EventWrapper .topButtons .topButtonsDetails {
	float: left;
	width: 132px;
}

#EventWrapper .topButtons .topButtonsDetails img {
	width: 132px;
	height: 18px;
	background: transparent url(/res/coArticleEvent/images/but_back_to_event_details.gif) no-repeat top left;
}

.front_body_hi #EventWrapper .topButtons .topButtonsDetails img {
	background: transparent url(/res/coArticleEvent/images/hi_but_back_to_event_detail.gif) no-repeat top left;
}

#EventWrapper .topButtons .topButtonsPrint {
	float: right;
	width: 100px;
}

#EventWrapper .topButtons .topButtonsPrint img {
	width: 100px;
	height: 18px;
	background: transparent url(/res/coArticleEvent/images/but_print_friendly.gif) no-repeat top left;
}

.front_body_hi #EventWrapper .topButtons .topButtonsPrint img {
	background: transparent url(/res/coArticleEvent/images/hi_but_print_friendly.gif) no-repeat top left;
}

#EventWrapper .bottomButtons .bottomButtonsBook {
	float: left;
	width: auto;
}

#EventWrapper .bottomButtons .bottomButtonsBook img {
	width: 117px;
	height: 18px;
	background: transparent url(/res/coArticleEvent/images/but_book_online_now.gif) no-repeat top left;
}

.front_body_hi #EventWrapper .bottomButtons .bottomButtonsBook img {
	background: transparent url(/res/coArticleEvent/images/hi_but_book_online_now.gif) no-repeat top left;
}

#EventWrapper .bottomButtons .bottomButtonsView {
	float: left;
	width: auto;
}

#EventWrapper .bottomButtons .bottomButtonsView img {
	width: 101px;
	height: 18px;
	background: transparent url(/res/coArticleEvent/images/but_view_attendees.gif) no-repeat top left;
}

.front_body_hi #EventWrapper .bottomButtons .bottomButtonsView img {
	background: transparent url(/res/coArticleEvent/images/hi_but_view_attendees.gif) no-repeat top left;
}

#EventWrapper .topButtons img,
#EventWrapper .bottomButtons img{
	padding-right:10px;
}

/* #EventWrapper .row, */
#EventWrapper .titlerow{
	float: left;
	clear:both;
	width:100%;
}

#EventWrapper .row .item_details,
#EventWrapper .row .eventDetails {
	width: auto;
	float:left;
}

/*** EVENTS LIST PAGE STUFF ***/

#EventWrapper .sortBoxTitle .title{
	padding-bottom:3px;
}

#EventWrapper .sortBox1,
#EventWrapper .sortBox2,
#EventWrapper .sortBox3{
	margin-right:10px;	
	float:left;
	font-size: 0.95em;
}

#EventWrapper .sortBox1{ width: 23%; }
#EventWrapper .sortBox2{ width: 24%; }
#EventWrapper .sortBox3{ 
	width: 27%; 
	margin-right:3%;	
}

#EventWrapper .sortRow {
	margin-bottom:25px;
	
}

#EventWrapper .sortRow input {
	width: 42px;
	height: 18px;
	background: transparent url(/res/coArticleEvent/images/but_go.gif) no-repeat top left;
}

.front_body_hi #EventWrapper .sortRow input {
	background: transparent url(/res/coArticleEvent/images/hi_but_go.gif) no-repeat top left;
}

#EventWrapper .eventsRangeRow{
	padding-bottom:15px;
}

#EventWrapper .eventsRangeRow .title {
	display:inline;
	padding-right:3px;
}

#EventWrapper .pageNoRow {
	text-align:center;
	padding-bottom:10px;
}

#EventWrapper .pageNoRow a {
	/* text-decoration:none; */
}

#EventWrapper .pageNoRow .currentPage {
	color:#FF9900;
	display:inline;
	width: 4%;
}

.front_body_hi #EventWrapper .pageNoRow .currentPage {
	color:#666;
}

#EventWrapper .pageNoRow .pageSeparator{
	border-right:1px solid #666;
	display:inline;
	margin-right:5px;
	padding-right:3px;
	width: 4%;
}

#EventWrapper .messageBox {
	font-weight:bold;
	padding-bottom:40px;
}

/*** EVENT SINGLE ARTICLE DISPLAY PAGE ***/
#EventWrapper .eventTitle {
	width: auto;
	float: left;
}

#EventWrapper .eventTitle h2 {
	color:#FF9900;
	font-weight:bold;
	font-size:1.2em;
	padding:0px 0px;
	margin:0px 0px 0px 0px;
	float:left;
	width:auto;
}

.front_body_hi #EventWrapper .eventTitle h2 {
	color:#000;
}

#EventWrapper .bookPlaceTitle {
	padding-bottom:10px;
}

#EventWrapper .eventSpeaker{
	color: #AEC149;
	font-weight: bold;
	font-size: 1.1em;
	width: 68%;
	float: right;
	text-align: left;
}

.front_body_hi #EventWrapper .eventSpeaker{
	color: #000;
}

#EventWrapper .images{
	float:right;
}

#EventWrapper .ImagesAndEventBody{
	margin:5px 0px;
	text-align:justify;
	width: 100%;
	float:left;
}

#EventWrapper .ImagesAndEventBody p{
	padding:4px 0px 10px 0px;
	margin:0;
}

#EventWrapper .ImagesAndEventBody .images{
	padding-left:10px;
}

#EventWrapper .ImagesAndEventBody .images img {
	display:block;
	padding-bottom:10px;
}

#EventWrapper .downloadsLinksContacts {
	margin-top:10px;
	padding-top: 10px;
	width: 100%;
	float:left;
}

#EventWrapper .eventBox {
	padding:5px 0px 10px 0px;
	clear:both;
}

#EventWrapper .eventBox .winLogo {
	float: right;
	width: 51px;
}

#EventWrapper .eventBox .winLogo img {
	width: 51px;
	height: 17px;
	background: transparent url(/res/coArticleEvent/images/win.gif) no-repeat left center;
}

.front_body_hi #EventWrapper .eventBox .winLogo img {
	background: transparent url(/res/coArticleEvent/images/hi_win.gif) no-repeat left center;
}

#EventWrapper .eventBox .memLogo {
	float: right;
	width: 51px;
}

#EventWrapper .eventBox .memLogo img {
	width: 51px;
	height: 17px;
	background: transparent url(/res/coArticleEvent/images/mem.gif) no-repeat left center;
}

#EventWrapper .eventBox .articleMemberType {
	float:right;
}

#EventWrapper .eventBox .articleName {
	font-weight: bold;
}

#EventWrapper .eventBox .articleName a {
	font-weight: bold
}

#EventWrapper .eventBox .articleDate {
	color:#7C8D22;
}

.front_body_hi #EventWrapper .eventBox .articleDate {
	color:#000;
}

#EventWrapper .eventBox .articleBody{
	clear:both;
	padding-top:3px;
}

#EventWrapper .infoTitle{
	width:100%;
	float: left;
}

/*** EVENT BOOK A PLACE PAGE ***/
#EventWrapper #BookingPage .reminderImgHolder {
	width: 100%;
	float: left;
	text-align: center;
}

#EventWrapper #BookingPage .reminderImgHolder img {
	width: 343px;
	height: 57px;
	background: transparent url(/images/coArticleEvent/logon_reminder.gif) no-repeat top left;
}

.front_body_hi #EventWrapper #BookingPage .reminderImgHolder img {
	background: transparent url(/images/coArticleEvent/hi_logon_reminder.gif) no-repeat top left;
}

#EventWrapper #BookingPage .emailImgHolder {
	width: 100%;
	float: left;
	text-align: center;
}

#EventWrapper #BookingPage .emailImgHolder img {
	width: 343px;
	height: 125px;
	background: transparent url(/res/coArticleEvent/images/win_supply_email.gif) no-repeat top left;
}

.front_body_hi #EventWrapper #BookingPage .emailImgHolder img {
	background: transparent url(/res/coArticleEvent/images/hi_win_supply_email.gif) no-repeat top left;
}

#EventWrapper #BookingPage .infoTitle,
#EventWrapper #BookingPage .infoTitleOrange{
	padding-bottom:4px;
	margin-bottom:10px;
	border-bottom:1px solid #AEC149;
	padding-top:30px;
}

#EventWrapper #BookingPage .infoTitleOrange{
	border-bottom:1px solid #FD9A01;
}

#EventWrapper #BookingPage .title{
	float:left;
	width:30%;
	padding:3px 10px 0px 0px;
}

#EventWrapper #BookingPage .shortField{
	float:left;
	width:55%;
}

#EventWrapper #BookingPage .shortField .short{
	width:98%;
}

#EventWrapper #BookingPage .buttons{
	width: 100%;
	float: left;
	text-align: center;
	
}

/* #EventWrapper #BookingPage .buttons input{
	margin: 20px;
} */

#EventWrapper #BookingPage .buttons .cancel {
	width: 45%;
	float: left;
}

#EventWrapper #BookingPage .buttons .cancel img {
	width: 52px;
	height: 18px;
	border: 0px;
	margin: 20px;
	background: transparent url(/images/buttons/but_cancel_0.gif) no-repeat top left;
	cursor: pointer;
}

.front_body_hi #EventWrapper #BookingPage .buttons .cancel img {
	background: transparent url(/images/buttons/hi_but_cancel_0.gif) no-repeat top left;
}

#EventWrapper #BookingPage .buttons .submit {
	width: 45%;
	float: right;
}

#EventWrapper #BookingPage .buttons .submit input{
	width: 62px;
	height: 18px;
	margin: 20px;
	background: transparent url(/images/buttons/but_submit_0.gif) no-repeat top left;
}

.front_body_hi #EventWrapper #BookingPage .buttons .submit input{
	background: transparent url(/images/buttons/hi_but_submit_0.gif) no-repeat top left;
}

#EventWrapper .eventInfo .row{
	padding:10px 0px;
}

#EventWrapper .yourInfo{
	padding-bottom:10px;
}

#EventWrapper .yourInfo .row,
#EventWrapper .additionalPlaces .row{
	padding:10px 0px;
}

#EventWrapper .additionalPlaces .memberChk input{
	top: 5px;
}

#EventWrapper .firstEventChk{
	padding-bottom:20px;
}

#EventWrapper .additionalPlaces{
	padding-bottom:10px;
}

#EventWrapper .additionalPlaces input{
	margin:4px 0px;
}

#EventWrapper .additionalPlaces .titleNoArrow,
#EventWrapper .guestBox .titleNoArrow{
	font-weight:bold;
	padding:4px 0px 10px 0px;
}

#EventWrapper .guestBox .titleNoArrow{
	padding:4px 0px;
}

#EventWrapper .guestBox{
	padding-bottom:10px;
}

#EventWrapper .eventInfo{
 	clear:both;
	padding:0;
	margin:0px 0px 10px 0px;
}

#EventWrapper #BookingPage h2 {
	padding: 3px 0px;
	margin: 3px 0px;
	text-transform:lowercase;
	font: bold 1.2em verdana,arial,sans-serif;
	padding:3px 0px;
	border-bottom:1px solid #AEC149;
}

.front_body_hi #EventWrapper #BookingPage h2 {
	border-bottom:1px solid #000;
}

#EventWrapper #BookingPage h2.orange {
	border-bottom:1px solid #FD9A01;
}

.front_body_hi #EventWrapper #BookingPage h2.orange {
	border-bottom:1px solid #000;
}

span.arrow {
	background: transparent url(/images/global/large_chev.gif) no-repeat right center;
	padding-left: 15px;
}

.front_body_hi span.arrow {
	background: transparent url(/images/global/hi_large_chev.gif) no-repeat right center;
}

span.arrowOrange{
	background: transparent url(/images/global/large_chev_orange.gif) no-repeat right center;
	padding-left: 15px;
}

.front_body_hi span.arrowOrange{
	background: transparent url(/images/global/hi_large_chev.gif) no-repeat right center;
}


/***** Add an event page *******/
#EventWrapper #SubmitArticle .title{
	float:left;
	width:30%;
	padding:3px 10px 0px 0px;
}

#EventWrapper #SubmitArticle .shortField{
	float:left;
	width:55%;
}

#EventWrapper #SubmitArticle .shortField .short{
	width:98%;
}


#EventWrapper #SubmitArticle fieldset{
	border: none;
}

#EventWrapper #SubmitArticle legend{
	right: 13px;
	top:18px;
}

#EventWrapper #SubmitArticle fieldset .titleArrow{
	background: transparent url(/images/global/link_chev.gif) no-repeat right center;
	display:inline;
	padding:0px 1px;
}

#EventWrapper #SubmitArticle .body{
	float:right;
	width:68%;
}

#EventWrapper #SubmitArticle .row{
	padding:5px 0px;
	width: 100%;
	float: left;
	clear:both;
}

#EventWrapper #SubmitArticle h2 {
	padding:0px 0px 0px 0px;
	margin:0;
}

#EventWrapper #SubmitArticle h5 {
	padding:5px 0px 3px 0px;
	font: bold 1.1em verdana,arial,sans-serif;
	margin:0;
	text-transform:lowercase;
}

#EventWrapper #SubmitArticle .infoTitle {
	padding:10px 0px 4px 0px;
	margin:0;
}

#EventWrapper #SubmitArticle .rule {
	padding:10px 0px 0px 0px;
	margin:0px 0px 5px 0px;
	float: left;
	width: 100%;
}

#EventWrapper #SubmitArticle .row select {
	width:48%;
	float: left;
}

#EventWrapper #SubmitArticle #Downloads .title,
#EventWrapper #SubmitArticle #Images .title{
	width:auto;
}

#EventWrapper #SubmitArticle #ImagesDownloads,
#EventWrapper #SubmitArticle #LinksContacts{
	width:100%;
	float: left;
}

#EventWrapper #SubmitArticle #ImagesDownloads .title{
	width:28%;
	float: left;
	padding-left:10px;
}

#EventWrapper #SubmitArticle #LinksContacts .row{
	padding-top:10px
}

#EventWrapper #SubmitArticle #LinksContacts{
	padding:0px 0px 10px 0px;
}

#EventWrapper #SubmitArticle .buttons{
	width: 100%;
	float: left;
	text-align: center;
	
}

#EventWrapper #SubmitArticle .buttons .reset {
	width: 45%;
	float: left;
}

#EventWrapper #SubmitArticle .buttons .reset input{
	width: 44px;
	height: 18px;
	margin: 20px;
	float: right;
	background: transparent url(/images/buttons/but_reset_0.gif) no-repeat top left;
}

.front_body_hi #EventWrapper #SubmitArticle .buttons .reset input{
	background: transparent url(/images/buttons/hi_but_reset_0.gif) no-repeat top left;
}

#EventWrapper #SubmitArticle .buttons .submit {
	width: 45%;
	float: right;
}

#EventWrapper #SubmitArticle .buttons .submit input{
	width: 62px;
	height: 18px;
	margin: 20px;
	float: left;
	background: transparent url(/images/buttons/but_submit_0.gif) no-repeat top left;
}

.front_body_hi #EventWrapper #SubmitArticle .buttons .submit input{
	background: transparent url(/images/buttons/hi_but_submit_0.gif) no-repeat top left;
}

/* attendees list stuff */
#EventWrapper .personDetails {
	border-top:1px dashed #ccc;
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
	float: left;
	clear:both;
}

#EventWrapper .personDetails .guestDetails {
	margin-top:10px;
	margin-left:5px;
	width:100%;
	float: left;
	clear:both;
	font-size: 0.9em;
}

#EventWrapper .personDetails .guestDetails .titleArrow{
	background: transparent url(/images/global/link_chev_green.gif) no-repeat right center;
}

.front_body_hi #EventWrapper .personDetails .guestDetails .titleArrow{
	background: transparent url(/images/global/hi_link_chev.gif) no-repeat right center;
}

#EventWrapper .personDetails .infoRow {
	margin-top:10px;
	width:100%;
	float: left;
}

#EventWrapper .personDetails .title {
	width:28%;
	float:left;
}

#EventWrapper .personDetails .info {
	width:68%;
	float:right;
}

#EventWrapper .personDetails .info .winMember {
	float: right;
	width: 65px;
}

#EventWrapper .personDetails .info .winMember img {
	width: 65px;
	height: 18px;
	background: transparent url(/res/coArticleEvent/images/win_member.gif) no-repeat top right;
}

.front_body_hi #EventWrapper .personDetails .info .winMember img {
	background: transparent url(/res/coArticleEvent/images/hi_win_member.gif) no-repeat top right;
}