/* WHATS ON - MAIN STYLES ----------------------------------------------------------------------------------------------------*/ .clear_both_underline{ border-bottom: 1px solid #cccccc; height: 15px; clear:both; } #EventsPage #EventsPageRight {float: right;width: 307px;margin-left:20px;} #EventsPage #EventsPageLeft {float: left;width: 613px;} #EventsTopContainer{background:#fff;} #EventsPage {padding: 0;margin: 0;} #EventsPage {background: url(http://assets.gomy.co.uk/images/templates/html/city-page-bg-new.gif); background-repeat: repeat-y;} /* WHATS ON - SEARCH SECTION - TOP LEFT ----------------------------------------------------------------------------------------------------*/ #EventsPage #Events-Page-Left-Top { width: 613px; background:#fff; border-bottom: 1px solid #ccc; margin-bottom: 15px; padding-bottom:10px;} #EventsPage #Events-Page-Left-Top h2 { margin: 15px 0 15px 0; font-size:16px;} #EventsPage #Events-Page-Left-Top form { clear:both; } #EventsPage #Events-Page-Left-Top form ul li { float:left; margin:0; padding:0; width:260px; list-style-type:none;} #EventsPage #Events-Page-Left-Top form ul li label { clear:none; float:left; font-weight:bold; margin:0; padding:0 0 2px; } #EventsPage #Events-Page-Left-Top form ul li input { border:1px solid #bbb; margin:1px 5px 0 0; padding:2px; width:230px; color:#666;} #EventsPage #Events-Page-Left-Top .EventButton { float:left; margin:10px 0 0 0; } /* WHATS ON - CATEGORY FINDS COLUMN ----------------------------------------------------------------------------------------------------*/ #EventsPage .ColLeft { float:left; width:133px; } #EventsPage .ColLeft h2 { border-bottom:1px solid #CCCCCC; color:#FF6600; font-size:14px; font-weight:normal; line-height:14px; margin:5px 0 18px; padding:0 0 7px; } #EventsPage .ColLeft li { list-style-image:none; list-style-position:outside; list-style-type:none; padding:3px 0; } #EventsPage .ColLeft input {margin-right: 5px; } /* WHATS ON - EVENT DETAILS COLUMN - MIDDLE ----------------------------------------------------------------------------------------------------*/ #EventsPage .ColMid { float:right; width:460px;} #EventsPage .ColMid h2.Search { font-weight: normal; font-size: 14px; margin: 4px 0 15px 0; } #EventsPage .ColMid h2.Search span { color: #ff6600; font-size: 12px;} ul.ContentTabNavigation { border-bottom:2px solid #1B75BB; float:left; font-weight:bold; margin:0 0 20px; padding:0; width:100%; list-style-type:none;} ul.ContentTabNavigation li { background-color:#E4E4E4; float:left; margin:0 2px 0 0; } ul.ContentTabNavigation li a { color:#666; display:block; padding:5px 15px; text-decoration:none; } ul.ContentTabNavigation li strong, ul.ContentTabNavigation li a:hover, ul.ContentTabNavigation li.Active { background-color:#1B75BB; color:#fff; } ul.ContentTabNavigation li.Active { padding:5px 15px; } ul.ContentTabNavigation li.Active.TabLink { padding:0; } ol#Eventlist{ list-style:none; padding: 15px 0 0 0; display:block; } ol#Eventlist li{ border: none; display:block; clear:both; padding: 0 0 15px; } #Eventlist .EventImg, .CinemaImg{ float:left; } #Eventlist .EventImg img, .CinemaImg img{ padding:1px; border:1px solid #ccc;} #Eventlist .EventDetails, .CinemaDetails { float:left; margin: 0 0 0 10px; } #Eventlist .EventDetails p, .CinemaDetails p{ margin: 0;} #Eventlist .EventDetails h2, .CinemaDetails h2 { font-size:13px; padding: 0 0 3px 0; border:0;} #Eventlist .EventDetails, .CinemaDetails p { font-size: 11px; } #Eventlist .EventPara { float:left; width: 460px; margin: 10px 0; } #Eventlist .CinemaPara { float:left; width: 350px; margin: 10px 0 0 10px; } #Eventlist li .EventFoooter{ height: 10px; padding: 0; margin: 0; } #Eventlist ul.actions li{ list-style:none; display:block; float:left; clear:none; background:url(http://assets1.gomy.co.uk/images/templates/icons/site_icons.gif) no-repeat; padding: 0 0 0 20px; margin: 0px; border: none; font-size: 11px; } #Eventlist ul.actions li.action_save_event{ width: 78px; background-position: 0 -142px; } #Eventlist ul.actions li.action_send_friend{ width: 105px; background-position: 0 -25px; } #Eventlist ul.actions li.action_send_mobile{ width: 105px; background-position: 3px -45px; } #Eventlist ul.actions li.action_calendar{ width: 90px; background-position: 0 -299px; } #SuggMissingEvent { border-top:1px solid #CCCCCC; clear:both; margin:10px 0 0 0; overflow:hidden; padding:15px 0; width:460px; } #SuggMissingEvent h3 { color:#FF6600; float:left; font-size:16px; } #SuggMissingEvent .floatLink { float:right; margin:-5px 0 0; } #SuggMissingEvent p { clear:left; float:left; padding:10px 0 0; } /* WHATS ON - EVENT DETAILS RIGHT COLUMN ----------------------------------------------------------------------------------------------------*/ #EventsPage #EventsPageRight { float:right; width:307px; } #EventsPage #EventsPageRight .BigAddBtn { text-align:center; margin:10px 0; } #EventsPage #EventsPageRight #EventCalendar { margin: 20px 0 30px 2px; } #EventsPage #EventsPageRight h2 { border-bottom:1px solid #CCCCCC; color:#FF6600; font-size:14px; font-weight:normal; line-height:14px; margin:5px 0 18px; padding:0 0 7px; } #EventsPage #EventsPageRight .RecentEventsAdd {margin: 0 0 40px 0;} #EventsPage #EventsPageRight .RecentEventsAdd .RecentEvent { clear:both; height:65px; margin:20px 0; width:300px; } #EventsPage #EventsPageRight .RecentEventsAdd .RecentEvent .EventImg { float:left; } #EventsPage #EventsPageRight .RecentEventsAdd .RecentEvent .EventImg img { padding:1px; border:1px solid #ccc; } #EventsPage #EventsPageRight .RecentEventsAdd .RecentEvent .EventDetails { float:left; margin: 0 0 0 10px; } #EventsPage #EventsPageRight .RecentEventsAdd .RecentEvent .EventDetails h3 { font-size:13px; padding: 0 0 3px 0; } #EventsPage #EventsPageRight .RecentEventsAdd .RecentEvent .EventDetails p { font-size: 11px; } #EventsPage #EventsPageRight .EventThirdPartyAd {margin-bottom:10px;} #EventsPage #EventsPageRight .EventThirdPartyAd h4 {font-size:10px;color:#666;text-align:center;font-weight:normal;} #EventsPage #EventsPageRight .EventThirdPartyAd .Advertisment {text-align:center;} /*CALENDAR*/ #EventCalendar table { font-size: 14px; color:#1B75BB; border:2px solid #1b75bb; padding:5px } #EventCalendar tr{ background-color:#EDEDED; } #EventCalendar th { width: 40px; height: 30px; text-align: center; vertical-align: middle; font-weight: bold; font-size: 14px; } #EventCalendar td { width: 40px; height: 30px; text-align: center; vertical-align: middle; font-weight: bold; border: 1px solid #fff; } #EventCalendar td:hover, th:hover { color: #fff; background: #666; cursor:pointer;} .today{ background-color:#1b75bb; color:#FFFFFF; } .mark_day{ background-color:#999999; color:#FFFFFF; } #EventCalendar th a{ text-decoration:none; font-size:14px; color: #fff; } #EventCalendar h3.calendar { font-size: 15px; color:#fff; background:#1b75bb; padding:5px 0 5px 10px; } #EventCalendar tr.MainDays { background:#fff; color:#666; } #EventCalendar th.MainDays:hover { color: #666; background: #fff; cursor:text; } #EventCalendar .CalFooter { padding:5px 0 5px 0; background-color:#fff; text-align:center; cursor:default;} #EventCalendar .CalFooter a { color:#747474; height:25px; line-height:20px; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; text-decoration:none; text-indent:-9999px; width:20px; } #EventCalendar .CalFooter a.prev { background:transparent url(http://assets1.gomy.co.uk/images/templates/icons/cal-nav-sprite.png) no-repeat scroll 30px -170px; display:block; float:left; padding-left:35px; } #EventCalendar .CalFooter a.next { background:transparent url(http://assets1.gomy.co.uk/images/templates/icons/cal-nav-sprite.png) no-repeat scroll 0 -115px; display:block; float:right; padding-right:40px; } #EventCalendar .CalFooter a.close { display:none; float:right; } #EventCalendar .CalFooter select { margin-top:3px; } #EventCalendar .CalFooter select.month { width:90px; } #EventCalendar .CalFooter select.year { width:65px; } #EventsPage .CalNav { clear:both; margin-bottom:10px; overflow:hidden; border-bottom:1px solid #ccc; padding-bottom:5px; } #EventsPage .CalNav p { margin: 3px 5px 0 5px; } #EventsPage .CalNav a { color:#666666; padding-bottom:5px; text-decoration:none; line-height:20px; } #EventsPage .CalNav .DayBefore { background:transparent url(http://assets1.gomy.co.uk/images/templates/icons/cal-nav-sprite.png) no-repeat scroll 0 -170px; float:left; padding-left:20px; } #EventsPage .CalNav .DayAfter { background:transparent url(http://assets1.gomy.co.uk/images/templates/icons/cal-nav-sprite.png) no-repeat scroll right -115px; float:right; padding-right:20px; } /* EVENT DETAILS - MAIN STYLES ----------------------------------------------------------------------------------------------------*/ .bread-crumb-event {margin:0 0 15px 0;} .TwoCol{background: url(http://assets.gomy.co.uk/images/templates/html/1px-1px.gif) repeat-y 622px 0px;} ul.nostyle {margin:0px;padding:0px;list-style:none;} ul.nostyle li{margin:0px;} .ViewAllUsers {text-align: right;width:300px;} .divider {border-bottom: 1px solid #ccc;margin: 20px 0 5px 0;} #EventDetailsPage #EventsPageRight {float: right;width: 307px;margin-left:20px;} #EventDetailsPage #EventsPageLeft {float: left;width: 613px;} /* EVENT DETAILS - MIDDLE SECTION - TOP PART ----------------------------------------------------------------------------------------------------*/ #EventDetailsPage #EventsPageLeft #EventDetailsPic{float:right;max-width:250px;margin-left:10px;display:inline;} #EventDetailsPage #EventsPageLeft #EventDetailsPic img {border:1px solid #ccc;padding:1px;} #EventDetailsPage #EventsPageLeft .UserPictureBox {float:left;margin-right:6px;} #EventDetailsPage #EventsPageLeft #EventSubmittedby {margin-top:7px;} #EventDetailsPage #EventsPageLeft #EventSubmitted {line-height:30px;} #EventDetailsPage #EventsPageLeft #EventSubmitted img {border:1px solid #ccc;padding:1px;} #EventDetailsPage #EventsPageLeft #EventMoreInfo{padding-top:5px;margin:0 10px 20px 0;clear:left;} #EventDetailsPage #EventsPageLeft dl{clear:left;margin:10px 0;} #EventDetailsPage #EventsPageLeft dt{float:left;font-weight:bold;width:100px;} #EventDetailsPage #EventsPageLeft dd{margin-bottom:10px;margin-left:100px;} #EventDetailsPage #EventsPageLeft h2#location_name{font-weight:normal;font-size:12px;display:inline;margin:0px 2px 0px 0px;color:#666666;} #EventDetailsPage #EventsPageLeft .VenueStars div{margin-top:1px;} #EventDetailsPage #EventsPageLeft .VenueStars span{margin-left:5px;font-style:italic;} .ieSucks{height:1%;} address{display:block;margin-top:2px;font-style:normal;} /* EVENT DETAILS - MIDDLE SECTION - BOTTOM PART ----------------------------------------------------------------------------------------------------*/ /* EVENT DETAILS - MIDDLE SECTION - SUBFOOTER TAB */ #EventDetailsPage #EventsPageLeft .Events_subfooter ul {clear: both;padding: 0;margin: 10px 0 20px 0;} #EventDetailsPage #EventsPageLeft .Events_subfooter li {display:inline;list-style:none;background:url(http://assets1.gomy.co.uk/images/templates/icons/site_icons.gif) no-repeat;padding: 0;margin-right: 25px;font-size:11px;} #EventDetailsPage #EventsPageLeft .Events_subfooter li.action_friend {background-position: 0 -26px;padding: 0 0 0 21px;} #EventDetailsPage #EventsPageLeft .Events_subfooter li.action_mobile {background-position: 0 -45px;padding: 0 0 0 17px;} #EventDetailsPage #EventsPageLeft .Events_subfooter li.action_saveevent {background-position: 0 -144px;padding: 0 0 0 19px;} #EventDetailsPage #EventsPageLeft .Events_subfooter li.action_flag {background-position: 0 -104px;padding: 0 0 0 20px;} #EventDetailsPage #EventsPageLeft .Events_subfooter li.action_edit {background-position: 0 -84px;padding: 0 0 0 20px;} /* EVENT DETAILS - MIDDLE SECTION - SUBFOOTER TAB */ #EventDetailsPage #EventsPageLeft div#CommentsTab {border-bottom: 2px solid #1b75bb;margin: 15px 0 15px 0;} #EventDetailsPage #EventsPageLeft div#CommentsTab h3 {padding: 7px;height: 11px;margin: 0;font-size: 12px;font-weight:normal;background-color:#1b75bb;width: 130px;text-align:center;color:#fff;font-weight: bold;} #EventDetailsPage #EventsPageLeft div#Comments h3 {color:#ff6600;margin-bottom: 20px;} /* EVENT DETAILS - MIDDLE SECTION - COMMENTS SECTION */ #EventDetailsPage #EventsPageLeft #EventCommentsSection .comment_text {clear:both;border-bottom:1px solid #CCCCCC;margin: 0 0 15px 0;padding: 0 0 15px 0;} #EventDetailsPage #EventsPageLeft #EventCommentsSection .comment_text .left {font-size: 11px;width: 60px;float:left;} #EventDetailsPage #EventsPageLeft #EventCommentsSection .comment_text .left img {margin: 0 0 3px 0;border: 1px solid #cccccc;padding: 1px;} #EventDetailsPage #EventsPageLeft #EventCommentsSection .comment_text .right {width: 520px;float:right;padding: 0 20px 0 0;} #EventDetailsPage #EventsPageLeft #EventCommentsSection .comment_text .right p {margin: 0 0 10px 0;} #EventDetailsPage #EventsPageLeft #EventCommentsSection .comment_text .event_comment_edit ul {margin: 0;padding: 0;float: right;font-size: 11px;} #EventDetailsPage #EventsPageLeft #EventCommentsSection .comment_text .event_comment_edit li {background:url(http://assets1.gomy.co.uk/images/templates/icons/site_icons.gif) no-repeat;display:inline;list-style-position:outside;list-style-type:none;} #EventDetailsPage #EventsPageLeft #EventCommentsSection .comment_text .event_comment_edit li.remove_comment {background-position: 0 -476px;padding: 0 18px 0 20px;} #EventDetailsPage #EventsPageLeft #EventCommentsSection .comment_text .event_comment_edit li.edit_comment {background-position: 0 -84px;padding: 0 18px 0 20px;} #EventDetailsPage #EventsPageLeft #EventCommentsSection .comment_text .date {font-size:11px;font-style:italic;} #EventDetailsPage #EventsPageLeft #EventCommentsSection textarea#comment {border: 1px solid #ccc;width: 605px;color:#666;font-size:12px;} /* EVENT DETAILS - RIGHT SECTION - UNDER MAP ----------------------------------------------------------------------------------------------------*/ #EventDetailsPage #EventsPageRight .EventMapArea {padding-bottom: 10px;} #EventDetailsPage #EventsPageRight .EventMapArea .map-text-event {font-size:11px;margin-top:4px;} #EventDetailsPage #EventsPageRight .Interested_Buttons {border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;} #EventDetailsPage #EventsPageRight .Interested_Buttons h4 {font-size:14px;font-weight: normal;margin: 0;padding: 10px 0 15px 0;color:#FF6600;} #EventDetailsPage #EventsPageRight .Interested_Buttons p#InOutEventBtns {padding:0 0 20px 0;} #EventDetailsPage #EventsPageRight .Interested_Buttons p#InOutEventBtns img {padding: 0 0 0 10px;} #EventDetailsPage #EventsPageRight .AttendArea {margin: 0;padding: 0;} #EventDetailsPage #EventsPageRight .AttendArea .UsersInArea {padding: 0;} #EventDetailsPage #EventsPageRight .AttendArea .UsersInArea h4 {font-size:14px;font-weight: normal;margin: 0;padding: 10px 0 15px 0;color:#FF6600;} #EventDetailsPage #EventsPageRight .AttendArea .UsersInArea .attend_count {margin-left:5px;color:#666;font-size:12px;font-weight: normal;} #EventDetailsPage #EventsPageRight .AttendArea .UsersInArea ul.UsersInAreaList {float: left;margin: 0 0 15px 0;padding: 0;list-style:none;} #EventDetailsPage #EventsPageRight .AttendArea .UsersInArea ul.UsersInAreaList {margin: 0 0 0 5px;} #EventDetailsPage #EventsPageRight .AttendArea .UsersInArea ul.UsersInAreaList li {display: block;float: left;margin:0 25px 10px 0;} #EventDetailsPage #EventsPageRight .AttendArea .UsersInArea ul.UsersInAreaList img {border:1px solid #ccc; padding:1px;} #EventDetailsPage #EventsPageRight .AttendArea .UsersInArea ul.UsersInAreaList .UsersInAreaText {font-size: 11px;text-align:center;} #EventDetailsPage #EventsPageRight .OtherEvents{padding:5px 0 5px 0;margin:5px 0px 5px 0px;} #EventDetailsPage #EventsPageRight .OtherEvents ul.OtherEventsList {padding-bottom: 10px;} #EventDetailsPage #EventsPageRight .OtherEvents li{margin-left:15px;line-height:20px;} #EventDetailsPage #EventsPageRight .OtherEvents li a{margin-left:10px;} #EventDetailsPage #EventsPageRight .OtherEvents h4 {font-size:14px;font-weight: normal;color:#ff6600;margin:0px 0px 10px 3px;} /* MOVIE DETAILS PAGE ----------------------------------------------------------------------------------------------------*/ #EventDetailsPage .AdvertText {text-align: center;font-size: 11px;} #EventDetailsPage #EventsPageLeft #MovieDetailsPic{float:right;max-width:150px;margin-left:10px;display:inline;} #EventDetailsPage #EventsPageLeft #MovieDetailsPic img {border:1px solid #ccc;padding:1px;} #EventDetailsPage #EventsPageLeft .MovieDetailsTrailer img{margin-top: 10px;} /* ADD A NEW EVENT - EDIT EVENT SECTION ----------------------------------------------------------------------------------------------------*/ #AddEventPage {padding: 0;margin: 0;} #AddEventPage #AddEventPageRight { float: right; width: 307px;} #AddEventPage #AddEventPageLeft { float: left; width: 613px;} /* MAIN PAGE STYLES */ dl.AddNewEventPage .checkbox, dl.AddNewEventPage .PickEventDate .checkbox {float:left;width:auto;margin:0 5px 0 0;} dl.AddNewEventPage dt p, dl.AddNewEventPage dd p {clear:both;margin:0;padding:5px 0;} dl.AddNewEventPage dt input, dl.AddNewEventPage dd input, dl.AddNewEventPage dd textarea {padding:2px;width:400px;border:1px solid #CCCCCC;} dl.AddNewEventPage dt {width: 205px;clear: both;float: left;padding: 4px 0 5px 0;} dl.AddNewEventPage dt label {font-weight: bold;} dl.AddNewEventPage dt label span {color:#ff6600;} dl.AddNewEventPage dd {margin:0;float:left;width:400px;padding:0 0 15px 0;} dl.AddNewEventPage .PickEventWhere {padding-top:5px;} dl.AddNewEventPage textarea {width:275px;padding:5px;height:250px;} dl.AddNewEventPage input.file {border-color:#fff;} dl.AddNewEventPage ul li {display: inline;line-height:20px;padding:0 5px 0 0;} dl.AddNewEventPage .EventCost input {width: 50px;} dl.AddNewEventPage .EventCost .checkbox {margin:3px 5px 0 0;width:auto;} dl.AddNewEventPage dd input#FreeEvent {float:none;border:none;margin:0;padding:0;width:auto;} dl.AddNewEventPage .PickEventDate input {width:115px;margin:0;} dl.AddNewEventPage .EventCalendarIcon{cursor:pointer;} dl.AddNewEventPage .CategorySelector{float:left;margin-right:10px;} dl.AddNewEventPage .EventPhotoUpload img{padding-bottom:10px;} dl.AddNewEventPage .AboutTextMax {display:block;font-size:11px;clear:both;} dl.AddNewEventPage .VenueButton a { font:bold 12px Arial, Sans-serif;text-decoration:none;margin:0;padding:4px 15px;color:#fff;background:#306bc1 url(http://assets2.gomy.co.uk/images/templates/btn/button-bg.jpg) repeat-x;border:1px solid #306bc1;} .AddEventButton { margin-left:200px; } .EventMessage {border: 1px solid #CCCCCC; background-color: #FFFFCC; padding: 10px; width: 285px; color: #666666;position: absolute; left:640px;margin-top:-4px;} .EventMessage p {color: #666666; padding-top:5px; font-size:11px;}