/* CMS Admin */
#pageDetails { width: 98%; border: 0px solid #CC0256; padding:15px; margin: 0px; display: inline; border-bottom: 0px; border-left: 0px; border-right: 0px; float:right; }
#pageDetails fieldset { border: 1px solid #CC0256; -moz-border-radius: 10px; border-radius: 10px; }
#pageDetails p { font-size: 95%; font-weight: normal; }

#pageDetails legend { text-transform: capitalize; font-size: 90%; font-weight: bold; margin-bottom: 5px; padding:3px; color: #CC0256; }
#pageDetails label { display: inline; float: left; width: 160px; text-align: left; padding-left: 0px; padding-right: 0px; color: #000000; font-size: 75%; margin-top: 5px; vertical-align: top; }
#pageDetails input { border: 1px solid #666; padding-left: 2px; /* margin-bottom: 4px; margin-right: 5px; */ background-color: #FFF; border-style: double; margin-top: 2px; }
#pageDetails select { border: 1px solid #666; padding-left: 2px; /*margin-bottom: 4px;*/ background-color: #FFF; border-style: double; }
#pageDetails textarea { padding: 1px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #999; overflow: auto; } 
#pageDetails .label { display: inline; float: left; width: 155px; text-align: left; padding-left: 0px; padding-right: 0px; color: #000000; font-size: 80%; height: auto; margin-top: 3px; }
#pageDetails .labelMandatory { display: inline; float: left; width: 155px; text-align: left; padding-left: 0px; padding-right: 0px; color: #000000; font-size: 80%; height: auto; margin-top: 3px; font-weight: bold; }
#pageDetails .fieldsetText { color: #000000; font-size: 80%; font-weight: normal; }
#pageDetails .labelText { color: #000000; font-size: 80%; }
#pageDetails .mandatoryFields { color: #EF2B2D; font-weight: bold; margin: 10px; display: inline; float: left; width: 98%; }


#shapeLogo { float: left; display: inline; width: 50%; }
#shapeTicketsLogo { float: left; display: inline; width: 48%; }
#shapeTicketsLogo img { float: right; display: inline; }

#fwcms { width: 98%; padding: 0px; border: 0px solid #CC0256; margin: 0px; }
/* #B7B791 */
#fwcms fieldset { border: 0px solid #CC0256; padding: 0px; margin: 1px; display: block; }
#fwcms fieldset hr { width: 90%; }
/* reset the image so it doesnt float to the right*/
#fwcms fieldset img { float: none; }

/* Welcome */
.color1 { color: #F05133; }
.color1 a:link, .color1 a:visited, .color1 a:hover { color: #F05133; }

/* red */
.color2 { color: #CC0256; }
.color2 a:link, .color2 a:visited, .color2 a:hover { color: #CC0256; font-weight: bold; }

/* turquoise */
.color3 { color: #00AAAC; }
.color3 a:link, .color3 a:visited, .color3 a:hover { color: #00AAAC; font-weight: bold; }

/* green */
.color4 { color: #5DBB56; }
.color4 a:link, .color4 a:visited, .color4 a:hover { color: #5DBB56; font-weight: bold; }

/* orange */
.color5 { color: #EE7B28; }
.color5 a:link, .color5 a:visited, .color5 a:hover { color: #EE7B28; font-weight: bold; }

.sectionTitleBlue { color: #1C1666; }
.quote { margin: 5px 40px 5px 40px; color: #1C1666; }
.quoteOtd { margin: 5px 40px 5px 40px; color: #458C8F; }
.steps { color: #683895; }

.tabletList { color: #ffffff; float: left; width: 350px; margin-top: 25px; font-size: 100%; }
.tabletList a:link, .tabletList a:visited { text-decoration: none; }
.tabletList a:hover { text-decoration: underline; }
.tabletText { margin-left: 350px; }

#orangeTablet { background: url(/images/tablets/tablet_Orange.gif) no-repeat left; font-weight: normal; margin-bottom: 5px; height: 30px; }
#orangeTablet a { color: #ffffff; height: 30px; width: 340px; padding: 5px 20px 5px 20px; }
#redTablet { background: url(/images/tablets/tablet_lightRed.gif) no-repeat left; font-weight: normal;  margin-bottom: 5px; height: 30px; }
#redTablet a { color: #ffffff; height: 30px; width: 340px; padding: 5px 20px 5px 20px; }
#lightPurpleTablet { background: url(/images/tablets/tablet_Purple.gif) no-repeat left; font-weight: normal; margin-bottom: 5px; height: 30px; }
#lightPurpleTablet a { color: #ffffff; height: 30px; width: 340px; padding: 5px 20px 5px 20px; }
#turquoisTablet { background: url(/images/tablets/tablet_turquois.gif) no-repeat left; font-weight: normal; margin-bottom: 5px; height: 30px; }
#turquoisTablet a { color: #ffffff; height: 30px; width: 340px; padding: 5px 20px 5px 20px; }
#lightGreenTablet { background: url(/images/tablets/tablet_Green.gif) no-repeat left; font-weight: normal; margin-bottom: 5px; height: 30px; }
#lightGreenTablet a { color: #ffffff; height: 30px; width: 340px; padding: 5px 20px 5px 20px; }
#lightOrangeTablet { background: url(/images/tablets/tablet_lightOrange.gif) no-repeat left; font-weight: normal; margin-bottom: 5px; height: 30px; }
#lightOrangeTablet a { color: #ffffff; height: 30px; width: 340px; padding: 5px 20px 5px 20px; }
#darkPurpleTablet { background: url(/images/tablets/tablet_Darkblue.gif) no-repeat left; font-weight: normal; margin-bottom: 5px; height: 30px; }
#darkPurpleTablet a { color: #ffffff; height: 30px; width: 340px; padding: 5px 20px 5px 20px; }


/* members Homepage */
#userHome { height: auto; }

#userHome #headingtxt { height: 25px; width: 100%; margin: 0px 0px 10px 0px; padding: 0px; }
#userHome h2 { font-size: 120%; padding: 0px; float: left; display: inline; width: 65%;  }
#userHome #renewalDate { display: inline; float: left; padding: 0px; width: 35%; font-size: 85%; text-align: right; }

DIV.quickLink { clear:both; float:left; width:100%;}
#quickLinks li { margin-left: 0px; margin-right: 20px; width: 25%; float: left; display: inline; }
#quickLinks a:link, #quickLinks a:visited { color: #ffffff; text-decoration: underline; font-weight: bold; }
#quickLinks a:hover { text-decoration: none; }

/* Volunteers Page */
#quickLinksVolunteer { float: left; display: inline; width: 100%; font-size: 95%; }
#quickLinksVolunteer li { float: left; display: inline; width: 30%; height: auto; background-color: #00AAAC; text-align: center; margin: 10px; padding-top: 10px; padding-bottom: 10px; -moz-border-radius: 10px; border-radius: 10px;  }
#quickLinksVolunteer li a:link, #quickLinksVolunteer li a:visited { color: #FFFFFF; }

/* Venue Page */
#quickLinksVenue { float: left; display: inline; width: 100%; font-size: 95%; }
#quickLinksVenue li { float: left; display: inline; width: 30%; height: auto; background-color: #DD7500; text-align: center; margin: 10px; padding-top: 10px; padding-bottom: 10px; -moz-border-radius: 10px; border-radius: 10px;  }
#quickLinksVenue li a:link, #quickLinksVenue li a:visited { color: #FFFFFF; }

/* Admin Page */
#quickLinksAdmin { float: left; display: inline; width: 100%; font-size: 95%; }
#quickLinksAdmin li { float: left; display: inline; width: 30%; height: auto; background-color: #5DBB56; text-align: center; margin: 10px; padding-top: 10px; padding-bottom: 10px; -moz-border-radius: 10px; border-radius: 10px;  }
#quickLinksAdmin li a:link, #quickLinksAdmin li a:visited { color: #FFFFFF; }


#userHome p { font-size: 95%; font-weight: normal; }

#userHome {list-style-type:none;}
#userHome #userHome { text-transform: uppercase; font-size: 90%; font-weight: bold; margin-bottom: 5px; padding: 3px; color: #2B1166; }
#userHome #columns { height: auto; width: 100%; }
#userHome #leftColumn { float: left; display: inline; width: 30%;}
#userHome #rightColumn { float: right; width:65%;}

.row1 { width: 97%; background-color: #F05133; border-bottom: 2px solid #FAD5B7; padding: 10px 3px 10px 3px; color: #FFFFFF; text-align: left; list-style: none; }
.row1 a:link, .row1 a:visited { color: #FFFFFF; }
.row1 a:hover { color: #FFFFFF; text-decoration: none; }

/* end user homepage */

a:link, a:visited, a:active { color: black; text-decoration: underline; font-weight: bold; }
a:hover { color: black; text-decoration: none; }

#pageDetailContent { width: 98%; float: left; display: inline; margin-top: 10px; padding: 0px; border: 0px solid #CC0256; border-bottom: 0px; border-left: 0px; border-right: 0px; }
#pageDetailContent fieldset { border: 1px solid #CC0256; -moz-border-radius: 10px; border-radius: 10px; }
#pageDetailContent p { font-size: 95%; font-weight: normal; }
.pageText li { list-style: disc; list-style-position: outside; font-size: 95%; margin-left: 30px; } 

/* membership */
#pageDetailContent fieldset#membershipDetails { height: auto; width: 98%; float: left; display: inline; padding: 4px; -moz-box-sizing: border-box; }
#pageDetailContent fieldset#personalDetails { height: 475px; width: 49%; float: left; display: inline; padding: 4px; margin-right: 5px; -moz-box-sizing: border-box; }
#pageDetailContent fieldset#addressDetails { height: 475px; width: 49%; float: left; display: inline; padding: 4px; -moz-box-sizing: border-box; }
#pageDetailContent fieldset#security { height: auto; width: 99%; float: left; display: inline; padding: 5px; -moz-box-sizing: border-box; }
#pageDetailContent fieldset#newsletterFormat { height: auto; width: 98%; float: left; display: inline; padding: 5px; }
#pageDetailContent fieldset#accessRequirements { height: auto; width: 98%; float: left; display: inline; padding: 5px; }
#pageDetailContent fieldset#membershipQuestions { height: auto; width: 98%; float: left; display: inline; padding: 5px; }
#pageDetailContent fieldset#paymentDetails { width: 98%; float: left; display: inline; padding: 5px; }
#pageDetailContent fieldset#dataProtection { width: 98%; float: left; display: inline; padding: 5px; }
#pageDetailContent fieldset#termsAndConditions { width: 98%; float: left; display: inline; padding: 5px; }


/* giftmembership */
#pageDetailContent fieldset#giftPersonal { width: 100%; height: 300px; float: left; display: inline; border: 0px; padding: 0px; padding-right: 10px; margin: 0px; }
#pageDetailContent fieldset#giftGroup { width: 50%; height: 100%; float: left; display: inline; border: 0px; padding: 0px; margin: 0px; margin-right: 2px; }
#pageDetailContent fieldset#giftPersonalDetails { height: 49%; width: 100%; float: left; display: inline; padding: 4px; -moz-box-sizing: border-box; }
#pageDetailContent fieldset#giftPaymentDetails { height: 50%; width: 100%; float: left; display: inline; padding: 4px; -moz-box-sizing: border-box; }
#pageDetailContent fieldset#giftAddressDetails { height: 100%; width: 49%; float: left; display: block; padding: 4px; -moz-box-sizing: border-box;}
#pageDetailContent fieldset#nomineePersonalDetails { height: auto; width: 98%; float: left; display: inline; padding: 4px; margin-right: 2px;}
#pageDetailContent fieldset#renewalProcess { width: 98%; float: left; display: inline; padding: 4px;}
#pageDetailContent fieldset#giftDataProtection { width: 98%; float: left; display: inline; padding: 4px;}
#pageDetailContent fieldset#giftTermsAndConditions { width: 98%; float: left; display: inline; padding: 4px;}

/* volunteerform */
#pageDetailContent fieldset#volunteerDetails { height: auto; width: 98%; float: left; display: inline; padding: 4px; -moz-box-sizing: border-box; }
#pageDetailContent fieldset#volunteerPersonalDetails { height: 450px; width: 49%; float: left; display: inline; padding: 4px; margin-right: 2px; -moz-box-sizing: border-box; }
#pageDetailContent fieldset#volunteerAddressDetails { height: 450px; width: 49%; float: left; display: inline; padding: 4px; -moz-box-sizing: border-box; }
#pageDetailContent fieldset#aboutVolunteer { height: auto; width: 98%; float: left; display: inline; padding: 4px; -moz-box-sizing: border-box; }
#pageDetailContent fieldset#step1 { height: auto; width: 98%; float: left; display: inline; padding: 4px;}
#pageDetailContent fieldset#ref1 { height: auto; width: 49%; float: left; display: inline; border-top: 0px; border-bottom: 0px; border-left: 0px; border-right: 0px; padding: 0px; margin-right: 10px;}
#pageDetailContent fieldset#ref2 { height: auto; width: 49%; float: left; display: inline; border-top: 0px; border-bottom: 0px; border-left: 0px; border-right: 0px; padding: 0px; }
#pageDetailContent fieldset#step2 { height: 175px; width: 49%; float: left; display: inline; padding: 4px; margin-right: 2px; -moz-box-sizing: border-box; }
#pageDetailContent fieldset#step3 { height: auto; width: 98%; float: left; display: inline; padding: 4px; -moz-box-sizing: border-box; }
#pageDetailContent fieldset#security { height: auto; width: 98%; float: left; display: inline; padding: 4px; -moz-box-sizing: border-box; }
#pageDetailContent fieldset#termsAndConditions { height: auto; width: 98%; float: left; display: inline; padding: 4px;}
/* END volunteerform */


/* Search */
#pageDetailContent fieldset#filterBy  {height: auto; width: 98%; float: left; display: inline; padding: 5px; }
#pageDetailContent fieldset#searchVolunteer  {height: auto; width: 98%; float: left; display: inline; padding: 5px;}
#pageDetailContent fieldset#searchDates  {height: auto; width: 98%; float: left; display: inline; padding: 5px;}
#pageDetailContent fieldset#GenreList { height: auto; width: 98%; float: left; display: inline; padding: 5px; }
#pageDetailContent fieldset#searchAccessList { height: auto; width: 98%; float: left; display: inline; padding: 5px; }
#pageDetailContent fieldset#searchAccessList2 { height: auto; width: 98%; float: left; display: inline; padding: 5px; }

/* searchresults */
#pageDetailContent #productionDescription { float: left; width: 100%; margin-bottom: 20px; }
#pageDetailContent #productionDescription img { margin: 0px; padding: 0px; }
#pageDetailContent #productionDescription #productionImage { float: left; display: inline; padding: 0px; margin-right: 20px; }
#pageDetailContent #productionDescription #productionTitle a:visited, #pageDetailContent #productionDescription #productionTitle a:link {color: #ffffff; }
#pageDetailContent #productionDescription #productionTitle { background-color: #CC0256; float: left; display: inline; width: 83%; padding: 5px; margin: 0px; border: 0px; color: #FFFFFF; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-radius-topleft: 10px; border-radius-topright: 10px; }
#pageDetailContent #productionDescription #productionDetails { float: left; display: inline; background-color: #DED5AC; width: 83%; padding: 5px; margin: 0px; border-right: 0px; -moz-border-radius-bottomleft: 10px; border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; border-radius-bottomright: 10px; }
#pageDetailContent #productionDescription #productionDetails #performanceDates { float: left; display: inline; width: 70%; padding: 0px; margin: 0px; }
#pageDetailContent #productionDescription #productionDetails #bookTickets { float: left; display: inline; width: 30%; padding: 0px; margin: 0px; text-align: right; border-left: 0px; }
#pageDetailContent #productionDescription #productionDetails #bookTickets img { padding: 0px; margin: 0px; }
#pageDetailContent #productionDescription #productionDetails #bookTickets a:visited,#pageDetailContent #productionDescription #productionDetails #bookTickets a:link {color: #000000; }
#pageDetailContent #nextAndPrevButton { float: left; display: inline; width: 98%; text-align: center; color: #7A1E99; font-weight: bold; height: auto; }
#pageDetailContent #prevButton { float: left; display: inline; width: 35px; margin-left: 30%; }
#pageDetailContent #monthText { float: left; display: inline; width: 230px; }
#pageDetailContent #nextButton { float: left; display: inline; width: 35px; }

/* productionInfo */
#fwcms fieldset#showProduction { width: 100%; margin: 0px; padding: 0px; }
.productionInformation { float: left; width: 68%;  margin-right: 20px; font-size: 95%; text-align: left; }
.productionInformation h1 { margin: 0px; padding: 0px; }
.productionInformation img { float: left; margin: 0px; padding: 0px; display: inline; }
#fwcms fieldset#showProduction #productionThumbnail { float: left; display: inline; padding-right: 10px; }
#fwcms fieldset#showProduction #seatingPlanImg { float: left; display: inline; margin-top: 10px; }
#fwcms fieldset#showProduction #headerDetail { width: 100%; float: left; display: inline; padding: 5px; background-color: #CC0256; -moz-border-radius: 10px; border-radius: 10px; color: #FFFFFF; font-weight: bold; margin-bottom: 10px; }
#fwcms fieldset#showProduction #headerDetail h2 { color: #FFFFFF; margin: 0px; padding: 0px; }
#fwcms fieldset#showProduction #headerDetail a:link, #fwcms fieldset#showProduction #headerDetail a:visited { color: #FFFFFF; }
#fwcms fieldset#showProduction #headerDetail #productionDates { float: left; display: inline; width: 50%; }
#fwcms fieldset#showProduction #headerDetail #accessibilityImgs { float: left; display: inline; width: 50%; }
#fwcms fieldset#showProduction #headerDetail #accessibilityImgs img { float: right; }

#fwcms fieldset#showProduction #productionfeedback { width: 100%; }
#fwcms fieldset#showProduction #productionfeedback #stars { float: left; display: inline; width: 130px; }
#fwcms fieldset#showProduction #productionfeedback #viewFeedback { float: left; display: inline;  padding-top: 5px; }

/* productionbyvenue and search */
DIV.venueRatingSM { margin-left: 70%; font-size: 85%; border-left: 2px solid #CC0256; border-bottom: 2px solid #CC0256; padding: 5px;  -moz-border-radius-bottomleft: 10px; border-radius-bottomleft: 10px;  }
DIV.venueRatingSM img { float: left; display: inline; margin: 0px; padding: 0px; }
DIV.venueRatingSM hr { width: 99%; margin-top: 10px; margin-bottom: 10px; }
DIV.venueRatingSM #header { border-bottom: 1px solid #CC0256; font-weight: bold; padding-bottom: 5px; color: #7A1E99; font-size: 105%; }
DIV.venueRatingSM #contents { margin-top: 5px; }
DIV.venueRatingSM #contents  #header { border-bottom: 1px solid #CC0256; font-weight: bold; padding-top: 10px; color: #7A1E99; }
DIV.venueRatingSM #contents ul { list-style: none; margin-top: 5px; margin-left: 5px; margin-bottom: 5px; }
#infoText { font-size: 85%; display: inline; }

/* productionFeedback and venueFeedback */
#feedbackItem { padding: 5px; border-bottom: 1px solid #CC0256; float: left; display: inline; width: 98%; height: auto; }
#rating { float: left; display: inline; width: 25%; }
#dateleft { float: left; display: inline; }
#averageRating { float: left; display: inline; }
#averageRating img { float: left; margin: 0px; padding: 0px; display: inline; }
#comments { float: left; display: inline; font-size: 95%; width: 75%; }

/* performancelist */
#performanceTitle { background-color: #CC0256; float: left; display: inline; width: 98%; font-size: 115%; padding: 10px; margin: 0px; border: 0px; color: #FFFFFF; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-radius-topleft: 10px; border-radius-topright: 10px; }
#performanceList { background-color: #DED5AC; float: left; display: inline; width: 98%; border-bottom: 2px solid #2B1166; padding: 10px;  }
#performanceInfo { float: left; display: inline; width: 85%; }
DIV.performanceDateTime { float: left; display: inline; margin-right: 20px; }
.performanceAccess { float: left; display: inline; font-size: 90%; }
.performanceAccess li { margin-left: 20px; font-size: 90%; list-style-type: disc; list-style-position: outside; }

#perfomanceBuy { float: left; display: inline; width: 15%; text-align: right; }
#perfomanceBuy img { padding: 0px; margin: 0px; }

/* select seats */
#selectSeatingHeader { float: left; display: inline; width: 100%; height: auto; }
DIV.seatKey { float: right; display: inline; border: 1px solid #2B1166; padding: 5px; height: auto; width: 45%; margin-right: 10px; }
DIV.seatKey img {padding: 0px; margin: 0px; }

#keyTitle { font-size: 115%; text-decoration: underline; font-weight: bold; }
DIV.seatingMap img { float: left; display: inline; border: 1px solid #2B1166; padding: 5px; height: 200px; width: 200px; }
#warning { float: left; display: inline; border: 2px solid #EF2B2D; padding: 5px; height: auto; margin-bottom: 10px; color: #EF2B2D; }
DIV.selectSeatHeading { float: left; display: inline; background-color: #CC0256; border-bottom: 2px solid #2B1166; width: 100%; -moz-border-radius-topleft: 10px; border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-radius-topright: 10px; color: #FFFFFF; font-size: 94%; font-weight: bold; background-image: url(/images/selectticket_Header_BG.gif); background-repeat: no-repeat; background-position: right; height: 30px; }
.selectSeatHeading #locationHeader { display: inline; float: left; padding: 5px 2px 5px 2px; -moz-box-sizing: border-box; }
.selectSeatHeading #memberHeader { width: 100px; float: right; display: block; text-align: center; padding: 5px 2px 5px 2px; -moz-box-sizing: border-box; }
.selectSeatHeading #volunteerHeader { width: 105px; float: right; display: block; text-align: center; padding: 5px 2px 5px 2px; -moz-box-sizing: border-box; }
.selectSeatHeading #CompanionHeader { width: 105px; float: right; display: block; text-align: center; padding: 5px 2px 5px 2px; -moz-box-sizing: border-box; }

#selectSeatDetails { float: left; display: inline; border-bottom: 1px solid #2B1166; width: 100%; height: auto; background-image: url(/images/selectticket_BG.gif); background-repeat: repeat-y; background-position: right; }
#selectSeatDetails #seatDetails { height: auto; width: 55%; display: inline; float: left; padding: 5px 2px 5px 2px; }
#selectSeatDetails #seatDetails img { margin: 0px 10px 0px 0px; padding: 0px; }
#selectSeatDetails #seatTypeDesc { width: 100%; display: inline; float: left; font-size: 95%; }
DIV.ticketPrices { display: inline; float: right; width: 310px; }
#memberTicketPrice { height: auto; width: 100px; float: right; display: block; text-align: center; /*background-color: #EDEED7; border-left: 2px solid #2B1166; border-right: 2px solid #2B1166;*/ padding: 5px 2px 5px 2px; -moz-box-sizing: border-box; }
#volunteerTicketPrice { height: auto; width: 105px; float: right; display: block; text-align: center; /*border-right: 2px solid #2B1166;*/ padding: 5px 2px 5px 2px; -moz-box-sizing: border-box; }
#companionTicketPrice { height: auto; width: 105px; float: right; display: block; text-align: center; /*background-color: #EDEED7; border-right: 2px solid #2B1166;*/ padding: 5px 2px 5px 2px; -moz-box-sizing: border-box;}

DIV.volunteerJob { border: 1px solid #CC0256; -moz-border-radius: 10px; border-radius: 10px; padding: 10px; }

/* show basket */
#cart { float: left; display: inline; width: 100%;}
#cartHeading { float: left; display: inline; background-color: #CC0256; border-bottom: 2px solid #2B1166; width: 100%; -moz-border-radius-topleft: 10px; border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-radius-topright: 10px; color: #FFFFFF; font-weight: bold; padding: 5px; }
#cartPerformance { font-weight: bold; margin-bottom: 5px; }
#headerCartSeat { float: left; display: inline; width: 55%; }
#headerCartTicketType { float: left; display: inline; width: 25%; }
#headerCartTicketPrice { float: left; display: inline; width: 20%; }

#cartTickets { float: left; display: inline; border-bottom: 1px solid #2B1166; width: 100%; height: auto; padding: 5px; }
#cartSeat { float: left; display: inline; width: 55%; }
#cartTicketType { float: left; display: inline; width: 25%; }
#cartTicketPrice { float: left; display: inline; width: 20%; }
#cartTotal { float: left; display: block; width: 85%; text-align: right; padding: 5px; margin-top: 5px; font-weight: bold; }

#pageDetailContent fieldset#cartSelectPayment { height: auto; width: 100%; float: left; display: inline; padding: 5px; -moz-box-sizing: border-box; marign-top: 5px;}

#aplha LI { clear: both; display: inline;  border: 1px SOLID #000000; padding-left: 2px; height: 30px; text-align: center; }

/* feedback history */
/* headings */
#pageDetailContent #feedbackheading { float: left; display: inline; background-color: #CC0256; border-bottom: 2px solid #2B1166; width: 100%; -moz-border-radius-topleft: 10px; border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-radius-topright: 10px; color: #FFFFFF; font-size: 94%; font-weight: bold; padding: 5px; }
/* booking history */
#pageDetailContent #feedbackheading #ordernumber { float: left; display: inline; width: 18%; }
#pageDetailContent #feedbackheading #orderdate { float: left; display: inline; width: 15%; }
#pageDetailContent #feedbackheading #desc { float: left; display: inline; width: 47%; }
#pageDetailContent #feedbackheading #status { float: left; display: inline; width: 19%; text-align: right; }
/* END booking history */
/* feedback Moderation */
#pageDetailContent #feedbackheading #feedbackDate { width: 15%; float: left; display: inline; }
#pageDetailContent #feedbackheading #leftBy { width: 20%; float: left; display: inline; }
#pageDetailContent #feedbackheading #productionInfo { width: 55%; float: left; display: inline; }
/*#pageDetailContent #feedbackheading #perfComment { width: 23%; float: left; display: inline; }
#pageDetailContent #feedbackheading #venueComment { width: 20%; float: left; display: inline; }*/
/* END feedback Moderation */

/* description */
#pageDetailContent #feedbackDetails { float: left; display: inline; height: 50px; background-color: #FFFFFF; border-bottom: 1px solid #2B1166; width: 100%; padding: 5px; font-size: 95%; padding: 5px; height: auto; }
/* booking history */
#pageDetailContent #feedbackDetails #orderDesc {float: left; display: inline; width: 100%; }
#pageDetailContent #feedbackDetails #orderDesc #ordernumber {float: left; display: inline; width: 18%; }
#pageDetailContent #feedbackDetails #orderDesc #orderdate { float: left; display: inline; width: 15%; }
#pageDetailContent #feedbackDetails #orderDesc #desc { float: left; display: inline; width: 47%; }
#pageDetailContent #feedbackDetails #orderDesc #status { float: left; display: inline; width: 19%; text-align: right; }
#pageDetailContent #feedbackDetails #ticketAllocation { float: left; display: inline; margin-top: 5px; height: auto; width: 67%; margin-left: 33%; }
#pageDetailContent #feedbackDetails #ticketAllocation #feedbackLinks { float: left; display: inline; text-align: right; width: 100%; }
#pageDetailContent #feedbackDetails #ticketAllocation #feedbackLinks a:link, #pageDetailContent #feedbackDetails #ticketAllocation #feedbackLinks a:visited { color: #2B1166; }
/* END booking history */
/* feedback Moderation */
.perfomanceComment { height: auto; width: 100%; float: left; display: block; }
.venueComment { height: auto; width: 100%; float: left; display: block; }
#pageDetailContent #feedbackDetails #feedbackDate { width: 15%; float: left; display: inline; }
#pageDetailContent #feedbackDetails #leftBy { width: 20%; float: left; display: inline; }
#pageDetailContent #feedbackDetails #productionInfo { width: 55%; float: left; display: inline; }

.perfComments {width: 100%; float: left; display: inline; margin-bottom: 10px; }
#perfCommentTitle { width: 75%; float: left; display: inline; }
#perfComment { width: 25%; float: left; display: inline; }
.venueComments {width: 100%; float: left; display: inline; }
#venueCommentTitle { width: 25%; float: left; display: inline; }
#venueComment { width: 75%; float: left; display: inline; }

#pageDetailContent #feedbackDetails #status { float: left; display: inline; width: 19%; text-align: right; }
#pageDetailContent #feedbackDetails #buttons { width: 98%; float: left; display: inline; text-align: right; }
#perfCommentTitle { float: left; display: inline; width: 25%; font-weight: bold; height: auto; }
#perfCommentContent { float: left; display: block; width: 75%; height: auto; }
#venueCommentTitle { float: left; display: inline; width: 25%; font-weight: bold; height: auto; }
#venueCommentContent { float: left; display: block; width: 75%; height: auto; }
/* END feedback Moderation */

/* Venue league table */
#pageDetailContent #leagueheading { float: left; display: inline; background-color: #CC0256; border-bottom: 2px solid #2B1166; width: 100%; -moz-border-radius-topleft: 10px; border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-radius-topright: 10px; color: #FFFFFF; font-size: 94%; font-weight: bold; padding: 5px; }
/* Venue league table */
#pageDetailContent #leagueheading #position { float: left; display: inline; width: 20%; }
#pageDetailContent #leagueheading #venue { float: left; display: inline; width: 40%; }
#pageDetailContent #leagueheading #averageRating { float: left; display: inline; width: 40%; }
/* END Venue league table */
/* description */
#pageDetailContent #leagueDetails { float: left; display: inline; height: 50px; background-color: #FFFFFF; border-bottom: 1px solid #2B1166; width: 100%; padding: 5px; font-size: 95%; padding: 5px; height: auto; }
/* booking history */
#pageDetailContent #leagueDetails #position {float: left; display: inline; width: 20%; }
#pageDetailContent #leagueDetails #venue { float: left; display: inline; width: 40%; }
#pageDetailContent #leagueDetails #averageRating { float: left; display: inline; width: 40%; }


/* manage order payments */
#paymentsOutstanding {  float: left; display: inline; background-color: #CC0256; border-bottom: 2px solid #2B1166; width: 100%; -moz-border-radius-topleft: 10px; border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-radius-topright: 10px; color: #FFFFFF; font-size: 94%; font-weight: bold; padding: 5px; }

/*#paymentsOutstanding #orderno { float: left; display: inline; width: 11%; }
#paymentsOutstanding #membersname { float: left; display: inline; width: 11%; }*/
#paymentsOutstanding #paymethod {float: left; display: inline; width: 10%; }
#paymentsOutstanding #ordertype { float: left; display: inline; width: 28%; }
#paymentsOutstanding #amount { float: left; display: inline; width: 10%; }
#paymentsOutstanding #dateOfOrder { float: left; display: inline; width: 13%; }
#paymentsOutstanding #paymentReq { float: left; display: inline; width: 11%; }
#paymentsOutstanding #cleared { float: left; display: inline; width: 11%; }
#paymentsOutstanding #cancelled { float: left; display: inline; width: 9%; }
#paymentsOutstanding #refunded { float: left; display: inline; width: 8%; }

#paymentsOutstandingDetail {  float: left; display: inline; background-color: #FFFFFF; border-bottom: 2px solid #2B1166; width: 100%; -moz-border-radius-topleft: 10px; border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-radius-topright: 10px; color: #000000; font-size: 94%; padding: 5px; }

/*#paymentsOutstandingDetail #orderno { float: left; display: inline; width: 11%; }
#paymentsOutstandingDetail #membersname { float: left; display: inline; width: 11%; }*/
#paymentsOutstandingDetail #paymethod {float: left; display: inline; width: 10%; overflow: hidden; position: relative; }
#paymentsOutstandingDetail #ordertype { float: left; display: inline; width: 28%; overflow: hidden; position: relative; }
#paymentsOutstandingDetail #amount { float: left; display: inline; width: 10%; }
#paymentsOutstandingDetail #dateOfOrder { float: left; display: inline; width: 13%; }
#paymentsOutstandingDetail #paymentReq { float: left; display: inline; width: 11%; }
#paymentsOutstandingDetail #cleared { float: left; display: inline; width: 11%; }
#paymentsOutstandingDetail #cancelled { float: left; display: inline; width: 9%; }
#paymentsOutstandingDetail #refunded { float: left; display: inline; width: 8%; }
#paymentsOutstandingDetail #cancelled img, #paymentsOutstandingDetail #refunded img { float: right; }

/*feedbackform */
#feedbackheader { width: 99%; border-top: 1px solid #CC0256; border-bottom: 1px solid #CC0256; padding: 5px; margin-bottom: 20px; }
#question { font-size: 85%; width: 100%; }
#historyQuestion { margin-bottom: 20px; font-size: 85%; }


#pageLinkInfo  { width: 700px;background:#EBEAE8;}
#valSummary  { width: 700px; background:#EBEAE8; font-size:80%; margin-top: 10px; padding-left: 10px; border-top: 1px solid #003366;}

/* payment.xslt */
.payment {  }
#pageDetailContent fieldset#payment { width: 100%; float: left; display: inline; border-top: 0px; border-bottom: 0px; border-left: 0px; border-right: 0px; padding: 5px; }

/* viewSeatsForSale */
#pageDetailContent fieldset#filter { height: auto; width: 98%; float: left; display: inline; padding: 5px; border: 0px;  border: 1px solid #CC0256; margin-bottom: 5px; }
#pageDetailContent .seatDetails { float: left; border-bottom: 2px solid #2B1166; padding: 5px; background-color: #DED5AC; }
#pageDetailContent .seatDetails #seatArea { float: left; display: inline; width: 25%; }
#pageDetailContent .seatDetails #seatNumber { float: left; display: inline; width: 10%; }
#pageDetailContent .seatDetails #seatStatus { float: left; display: inline; width: 15%; }
#pageDetailContent .seatDetails #seatTypeDesc { float: left; display: inline; width: 50%;  }

#pageDetailContent fieldset#Admin { height: auto; width: 98%; float: left; display: inline; padding: 5px; border: 0px;  border: 1px solid #CC0256; margin-bottom: 5px; }

/* advocate assign member */
#pageDetailContent #header { font-weight: bold; color: #FFFFFF; background-color: #CC0256; padding: 3px; -moz-border-radius-topleft: 10px; border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-radius-topright: 10px; width: 98%; margin-top: 10px; }
#pageDetailContent #membersDetails { float: left; display: inline; width: 98%; padding: 3px; border-bottom: 1px solid #2B1166; }
#pageDetailContent #membersname { float: left; display: inline; width: 80%; font-weight: normal; }
#pageDetailContent #remove { float: left; display: inline; width: 20%; font-weight: normal; }

/* advocate assigned members */
#pageDetailContent #assignAdvocateHead {  float: left; display: inline; background-color: #CC0256; border-bottom: 2px solid #2B1166; width: 100%; -moz-border-radius-topleft: 10px; border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-radius-topright: 10px; color: #FFFFFF; font-size: 94%; font-weight: bold; padding: 5px; }
#pageDetailContent #assignAdvocateHead #membersname { float: left; display: inline; width: 25%; }
#pageDetailContent #assignAdvocateHead #contactmethod { float: left; display: inline; width: 25%; }
#pageDetailContent #assignAdvocateHead #joindate { float: left; display: inline; width: 15%; }
#pageDetailContent #assignAdvocateHead #currentmember { float: left; display: inline; width: 15%; }
#pageDetailContent #assignAdvocateHead #toggle { float: left; display: inline; width: 20%; text-align: right; }

#pageDetailContent #assignAdvocate { float: left; display: inline; height: 50px; background-color: #FFFFFF; border-bottom: 1px solid #2B1166; width: 100%; padding: 5px; font-size: 95%; padding: 5px; height: auto; }
#pageDetailContent #assignAdvocate #membersname { float: left; display: inline; width: 25%; }
#pageDetailContent #assignAdvocate #contactmethod { float: left; display: inline; width: 25%; }
#pageDetailContent #assignAdvocate #joindate { float: left; display: inline; width: 15%; }
#pageDetailContent #assignAdvocate #currentmember { float: left; display: inline; width: 15%; }
#pageDetailContent #assignAdvocate #toggle { float: left; display: inline; width: 20%; text-align: right; }
/* END advocate assigned members */

/* advocate registration */
#pageDetailContent fieldset#advocateDetails { height: auto; width: 98%; float: left; display: inline; padding: 5px; }
#pageDetailContent fieldset#refs { height: auto; width: 98%; float: left; display: inline; padding: 5px; }


/* borough Restrictions */
#pageDetailContent fieldset#restrictions { height: auto; width: 98%; float: left; display: inline; padding: 5px; }
#pageDetailContent fieldset#boroughRestrictions { height: auto; width: 98%; float: left; display: inline; padding: 5px; }
#pageDetailContent fieldset#SectorPreferences { height: auto; width: 98%; float: left; display: inline; padding: 5px; }
.titleLabel { font-weight: bold; }


/* VOLUNTEER RESTRICTIONS */
.key { width: 100%; }
.keyText { height: 33px; width: 100%; float: left; display: inline; }
#keyImage { float: left; display:inline; width: 45px; }
#keyImage img { margin: 0px; padding: 0px; float: left; }
#keytext { float: left; margin-left: 20px; padding: 5px; }

#pageDetailContent fieldset#restrictions { height: auto; width: 98%; float: left; display: inline; padding: 5px; -moz-box-sizing: border-box; }
DIV.calendarColumn { float: left; display: inline; width: 330px; height: 350px; }
#calAvailability img { margin: 0px; padding: 0px; }
DIV.calendarDetailColumn { float: left; /* display: block; width: 48%; */ height: 350px; }
.timeZone { float: left; display: block; width: 100%; margin-bottom: 10px; }
.timeZoneSub { width: 330px; }
.timeZoneHeader { float: left; display: block; background-color: #E0046F; max-width: 315px; text-align: center; border: 1px solid #000000; color: #ffffff; }
#am, #pm, #ev { float: left; display: inline; width: 50px; border-left: 1px solid #000000; padding: 5px; }
#am input, #pm input, #ev input  { margin-left: 10px; }
.timeZoneContent { float: left; display: block; max-width: 315px; border: 1px solid #000000; }
#selectedDt {float: left; display: inline; width: 120px;  padding: 5px; }
DIV.calendarDetails { width: 98%; float: left; display: block; }


/* exchange volunteer */
DIV.volunteerExchangeHeader {  float: left; display: inline; background-color: #CC0256; border-bottom: 2px solid #2B1166; width: 100%; -moz-border-radius-topleft: 10px; border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-radius-topright: 10px; color: #FFFFFF; font-size: 94%; font-weight: bold; padding: 5px; }
DIV.volunteerExchangeHeader #volunteername { display: inline; float: left; width: 50%; }
DIV.volunteerExchangeHeader #volunteerTel { display: inline; float: left; width: 25%; }
DIV.volunteerExchangeHeader #volunteerAvailability { display: inline; float: left; width: 25%; }

DIV.volunteerExchangeBody { float: left; display: inline; height: 50px; background-color: #FFFFFF; border-bottom: 1px solid #2B1166; width: 100%; padding: 5px; font-size: 95%; padding: 5px; height: auto; }
DIV.volunteerExchangeBody #volunteername { display: inline; float: left; width: 50%; }
DIV.volunteerExchangeBody #volunteerTel { display: inline; float: left; width: 25%; }
DIV.volunteerExchangeBody #volunteerAvailability { display: inline; float: left; width: 25%; }

DIV.exchangeLabel { font-weight: bold; font-size: 105%; width: 175px; }
DIV.exchangeTextDetail { font-size: 95%; }

/* viewEventsForSale and ViewPerformance */
DIV.ViewsForSaleRow { width: 100%; float: left; display: inline; }
DIV.ViewsForSaleRow #venue { width: 20%; float: left; display: inline; }
DIV.ViewsForSaleRow #title { width: 50%; float: left; display: inline; }
DIV.ViewsForSaleRow #dateFrom { width: 15%; float: left; display: inline; }
DIV.ViewsForSaleRow #dateTo { width: 15%; float: left; display: inline; }

DIV.ViewsForSaleRow #perfDateTime { width: 25%; float: left; display: inline; }
DIV.ViewsForSaleRow #runningTime { width: 25%; float: left; display: inline; }


/* Submit Buttons */
#_ctl0_btnSave, #_ctl0_Button1, #_ctl0__ctl0__ctl0_btnSave, #_ctl0__ctl0__ctl0_Button1, #_ctl0__ctl0__ctl0_next, #_ctl0__ctl0__ctl0_next2, #_ctl0__ctl0__ctl0_submit, #_ctl0__ctl0__ctl0_save, #_ctl0__ctl0__ctl0_continue1, #_ctl0__ctl0__ctl0_continue2, #_ctl0__ctl0__ctl0_addToBasket2, #_ctl0__ctl0__ctl0_addToBasket { float: right; padding: 2px; margin-right: 10px; marign-top: 10px; margin-bottom: 10px; }

.submitMargin { float: right; display: inline; margin-top: 10px; }
.continueSubmit { float: right; display: inline; padding: 2px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; }
.back_buttonSubmit { float: left; display: inline; padding: 2px; margin-left: 10px; marign-top: 10px; margin-bottom: 10px; }
.back_button { float: left; display: inline; margin-left: 0px; margin-top: 10px; margin-bottom: 10px; width: 110px; height: 30px; }
.back_button img { padding: 0px; margin: 0px; }


/* Notes section on form pages */
div.notes p { margin: 0em 0em 1.2em 0em; }
div.notes p.last { margin: 0em; }
div.notes p.last a { color: #1C1666; font-size: 85%; }
div.notes p.last img { margin: 0px; padding: 0px; line-height: normal; }

/* Setting up the field styles */
#pageDetailContent legend { text-transform: capitalize; font-size: 90%; font-weight: bold; margin-bottom: 5px; padding:3px; color: #CC0256; }

#pageDetailContent label { display: block; float: left; width: 157px; text-align: left; padding: 0px; color: #000000; font-size: 80%; height: auto;  }
#pageDetailContent input { border: 1px solid #666; padding-left: 2px; /* margin-bottom: 4px; margin-right: 5px; */ background-color: #FFF; border-style: double; margin-top: 2px; }
#pageDetailContent select { border: 1px solid #666; padding-left: 2px; /*margin-bottom: 4px;*/ background-color: #FFF; border-style: double; }
#pageDetailContent textarea { padding: 1px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #999; overflow: auto; }

#pageDetailContent .label { display: inline; float: left; width: 155px; text-align: left; padding-left: 0px; padding-right: 0px; color: #000000; font-size: 80%; height: auto; margin-top: 3px; }
#pageDetailContent .labelMandatory { display: inline; float: left; width: 155px; text-align: left; padding-left: 0px; padding-right: 0px; color: #000000; font-size: 80%; height: auto; margin-top: 3px; font-weight: bold; }
#pageDetailContent .fieldsetText { color: #000000; font-size: 80%; font-weight: normal; }
#pageDetailContent .labelText { color: #000000; font-size: 80%; }
#pageDetailContent .mandatoryFields { color: #EF2B2D; font-weight: bold; margin: 10px; display: inline; float: left; width: 98%; }

.checkboxFont { font-size: 105%; }
.incorrectID { font-size: 130%; }

SPAN.anErrorHasOccurred { color: #EF2B2D; padding: 5px; margin-top: 10px; margin-bottom: 10px; width: 100%; }

DIV.contentBlock {}
DIV.contentBlockHighlight { background:#f0f0f0; margin: 0px 0px 30px 0px; border: 1px dotted #a0a0a0; padding: 0px; }

#cmsToolBar { background-color: #ddd; border-bottom: 2px solid #ccc; height:32px; padding-top: 3px; padding-right: 5px; padding-left: 5px; text-align: left; cursor: default; width: 400px; }
#cmsToolBar img { margin-left: 2px; }

#cmsToolBarTop { background-color: #ddd; border-bottom: 2px solid #ccc; height:32px; padding-top: 3px; padding-right: 5px; padding-left: 5px; text-align: left; cursor: default; width: 570px; }
#cmsToolBarTop img { margin-left: 2px;} 


DIV.shapeAddressHO { font-weight: bold; text-decoration: underline; }
DIV.shapeAddressShape { font-weight: bold; font-size: 95%; }
DIV.shapeAddressMain { font-size: 95%; }
DIV.shapeAddressEmail { font-size: 95%; }


.squareBox_DarkOrange { color: #F05133; background:#F05133; border: 1px solid #F05133; font-size: 105%; padding: 10px; width: 33%; text-align: center; }
.squareBox_DarkOrange_Admin { color: #F05133; background:#F05133; border: 1px solid #F05133; font-size: 105%; padding: 10px; width: 40%; text-align: center; margin: 5px 0px 5px 0px; }
.squareBox_LightOrange { color: #000000; background:#FAD5B7; border: 1px solid #F05133; font-size: 105%; padding: 10px; width: 100%; margin: 10px 0px 5px 0px; float:left; clear:both; list-style-type:none;}
.squareBox_Content { font-size: 85%; text-align: center; }
.squareBox_Content_left { font-size: 85%; text-align: left; }
.squareBox_Title { text-transform: capitalize; font-size: 90%; font-weight: bold; margin-bottom: 5px; padding: 0px; color: #F05133; }

/* OPEN THE DOOR STYLING */
DIV.unorderedlist ul { list-style-position: outside; list-style-type: disc; margin-left: 20px; font-size: 95%; }
DIV.courses { width: 100%; padding-top: 5px; }
DIV.courseDatesTitles { color: red; font-weight: bold; margin-bottom: 10px; }
DIV.courseDates { width: 100%; margin-bottom: 5px; }
DIV.courseDates a, DIV.courseDates a:visited { color: red; }
DIV.courseDates a:hover { color: red; }

DIV.courseDates2 { float: left; display: inline; width: 100%; color: #3C8435; padding-bottom: 5px; }
DIV.courseDates2 a, DIV.courseDates2 a:visited { color: #3C8435; }
DIV.courseDates2 a:hover { color: #5DBB56; }

.turquoisetxt { color: #458C8F; }
.darkGreentxt { color: #3C8435; }

#pageDetailContent fieldset#registrationDetails { height: auto; width: 98%; float: left; display: inline; padding: 4px; margin-right: 2px;}
#pageDetailContent fieldset#about { height: auto; width: 98%; float: left; display: inline; padding: 4px; margin-right: 2px;}
#pageDetailContent fieldset#order { height: auto; width: 98%; float: left; display: inline; padding: 4px; margin-right: 2px;}
#pageDetailContent fieldset#orderConf { height: auto; width: 98%; float: left; display: inline; padding: 4px; margin-right: 2px;}
#courseTitle { width: 80%; float: left; display: inline; font-weight: bold; color: #ffffff; }
#courseTitle a:link { color:#ffffff;}
#courseTitle a:hover { color:#ffffff;}
#courseTitle a:visited { color: #ffffff;}

.courseTitleLozenge ul { margin: 0px; padding: 0px; }
.courseTitleLozenge li { margin: 0px 20px 0px 0px; padding: 0px; }
/*.courseTitleLozengeGreen { color: #FFFFFF; background: url(/images/tablets/OTDDarkGreen.jpg) no-repeat left; height: 30px; font-weight: normal; margin-bottom: 5px; }*/
li.courseTitleLozengeGreen { color: #FFFFFF; background-color: #3C8435; font-weight: normal; width: 75%; }
#topLeftCornerGreen { float: left; display: inline; background: url(/images/tablets/OTDDarkGreen_TL.jpg); background-position: left top; background-repeat: no-repeat; width: 15px; z-index: 1; }
#topRightCornerGreen { float: right; display: inline; background: url(/images/tablets/OTDDarkGreen_TR.jpg); background-position: right top; background-repeat: no-repeat; width: 15px; z-index: 1; }
#lozengeContentGreen { float: left; display: inline; width: 100%;  z-index: 2; }
#bottomLeftCornerGreen { float: left; display: inline; background: url(/images/tablets/OTDDarkGreen_BL.jpg); background-position: left bottom; background-repeat: no-repeat; width: 15px; }
#bottomRightCornerGreen { float: right; display: inline; background: url(/images/tablets/OTDDarkGreen_BR.jpg); background-position: right bottom; background-repeat: no-repeat; width: 15px; }

/*.courseTitleLozengeTurquois { color: #FFFFFF; background: url(/images/tablets/OTDTurquois.jpg) no-repeat left; height: 30px; font-weight: normal; margin-bottom: 5px; }*/
li.courseTitleLozengeTurquois { color: #FFFFFF; background-color: #458C8F; font-weight: normal; width: 75%; }
#topLeftCornerTurquois { float: left; display: inline; background: url(/images/tablets/OTDTurquois_TL.jpg); background-position: left top; background-repeat: no-repeat; width: 15px; z-index: 1; }
#topRightCornerTurquois { float: right; display: inline; background: url(/images/tablets/OTDTurquois_TR.jpg); background-position: right top; background-repeat: no-repeat; width: 15px; z-index: 1; }
#lozengeContentTurquois { float: left; display: inline; width: 100%;  z-index: 2; }
#bottomLeftCornerTurquois { float: left; display: inline; background: url(/images/tablets/OTDTurquois_BL.jpg); background-position: left bottom; background-repeat: no-repeat; width: 15px; }
#bottomRightCornerTurquois { float: right; display: inline; background: url(/images/tablets/OTDTurquois_BR.jpg); background-position: right bottom; background-repeat: no-repeat; width: 15px; }


#courseTitleLozenge a:link, #courseTitleLozenge a:visited { color: #FFFFFF; padding: 0px 20px; }
#courseTitleLozenge a:hover { color: #FFFFFF; text-decoration: none; }

#moreInfo { width: 20%; float:left; display: inline; }
#moreInfo a, #moreInfo a:visited { color: #3C8435; }
#moreInfo a:hover { color: #5DBB56; }
#venue { width: 100%; padding-bottom: 5px; border-bottom: solid 1px #3C8435; color: #3C8435; }

#courseDatesTitles { width: 100%; }
#courseDate { float: left; display: inline; width: 100px; }
#courseCost { float: left; display: inline; width: 60px; }
#courseTime { float: left; display: inline; width: 60px; }
#coursePlaces { float: left; display: inline; width: 220px; }
#courseBook { float: left; display: inline; width: 14%; }
#courseRegister { float: left; display: inline; width: 14%; }

/* the main box outline */
.OTDBox_Turquois { float: left; display: inline; width: 100%; background-color: #458C8F; margin: 0px 10px 10px 0px; padding-bottom: 15px; position: relative; /*ie needs this to show float */  }
html>body .OTDBox_Turquois { margin: 10px 0px; } /*mozilla needs this*/
.OTDBoxHeading_Turquois_corners { background: url(/images/tablets/OTDBoxTurqois_White_tl.jpg) no-repeat; height: 10px; margin: 0px 0px -15px 0px; }
.OTDBoxHeading_Turquois_TR { float: right; }
.OTDBoxBottom_Turquois_Corner { background: url(/images/tablets/OTDBoxTurqois_White_bl.jpg) no-repeat; width: 100%; height: 10px; margin: 0px 0px -15px 0px; }
.OTDBoxBottom_Turquois_BR { float: right; margin: 0px 0px -20px 0px;  }

/* Heading Box */
.OTDBoxHeader_Turquois { width: 50%; background-color: #FFFFFF; margin: 10px 30px 25px 30px; font-weight: bold; font-size: 120%; }
.OTDBoxHeadContent_Turquois { padding: 5px 25px;}
.OTDBoxHeader_Turquois_corners { background: url(/images/tablets/OTDBoxTurqois_tl.jpg) no-repeat; height: 10px; margin: 0px 0px -15px 0px; }
.OTDBoxHeader_Turquois_BottomCorner { background: url(/images/tablets/OTDBoxTurqois_bl.jpg) no-repeat; width: 100%; height: 10px; margin: 0px 0px -10px 0px; }
.OTDTurquois_TR { float: right; }
.OTDBoxHeadContent_Turquois_BL { float: left; }
.OTDBoxHeadContent_Turquois_BR { float: right; }

/* Main content Box */
.OTDBoxMain_Turquois { background-color: #FFFFFF; margin: 0px 30px 0px 30px; padding: 0px; }
.OTDBoxMainContent_Turquois { background-color: #FFFFFF; padding: 5px 25px; margin: -10px 0px 0px 0px; font-size: 95%; }
.OTDBoxMainContent_Turquois_corners { background: #FFFFFF url(/images/tablets/OTDBoxTurqois_tl.jpg) no-repeat; height: 0px; margin: -15px 0px 0px 0px; width: 100%; }
.OTDBoxMainContent_Turquois_BottomCorner { background: #FFFFFF url(/images/tablets/OTDBoxTurqois_bl.jpg) no-repeat; height: 10px; }
.OTDBoxMainTurquois_TR { float: right; }
.OTDBoxMainContent_Turquois_BR { background: url(/images/tablets/OTDBoxTurqois_br.jpg) no-repeat right top; height: 10px; margin: 0px 0px -25px 0px; }



/* the main box outline */
.TicketsBox {float: left; display: inline; width: 100%; background-color: #3C8435; margin: 0px 10px 10px 0px; padding-bottom: 15px; position: relative; /*ie needs this to show float */  }
html>body .TicketsBox { margin: 10px 0px; } /*mozilla needs this*/
.TicketsBoxHeading_corners { background: url(/images/tablets/OTDBoxGreen_White_tl.jpg) no-repeat; height: 10px; margin: 0px 0px -15px 0px; }
.TicketsBoxHeading_TR { float: right; }
.TicketsBoxBottom_Corner { background: url(/images/tablets/OTDBoxGreen_White_bl.jpg) no-repeat; width: 100%; height: 10px; margin: 0px 0px -15px 0px; }
.TicketsBoxBottom_BR { float: right; margin: 0px 0px -20px 0px;  }
DIV.TicketsBoxLogo { float: right; margin: 0px 0px 0px 0px; padding: 5px 30px 0px 0px; }

/* Heading Box */
.TicketsBoxHeader { width: 50%; background-color: #FFFFFF; margin: 10px 30px 25px 30px; font-weight: bold; font-size: 120%; }
.TicketsBoxHeadContent { padding: 5px 25px;}
.TicketsBoxHeader_corners { background: url(/images/tablets/OTDBoxGreen_tl.jpg) no-repeat; height: 10px; margin: 0px 0px -15px 0px; }
.TicketsBoxHeader_BottomCorner { background: url(/images/tablets/OTDBoxGreen_bl.jpg) no-repeat; width: 100%; height: 10px; margin: 0px 0px -10px 0px; }
.Tickets_TR { float: right; }
.TicketsBoxHeadContent_BL { float: left; }
.TicketsBoxHeadContent_BR { float: right; }

/* Main content Box */
.TicketsBoxMain { background-color: #FFFFFF; margin: 0px 30px 0px 30px; padding: 0px; }
.TicketsBoxMainContent { background-color: #FFFFFF; padding: 5px 25px; margin: -10 0 0 0px; font-size: 95%; }
.TicketsBoxMainContent li { list-style-type: disc; list-style-image: url(/images/greenBullet.gif) }
.TicketsBoxMainContent_corners { background: #FFFFFF url(/images/tablets/OTDBoxGreen_tl.jpg) no-repeat; height: 10px; margin: -15px 0px 0px 0px; width: 100%; }
.TicketsBoxMainContent_BottomCorner { background: #FFFFFF url(/images/tablets/OTDBoxGreen_bl.jpg) no-repeat; height: 10px; }
.TicketsBoxMainTurquois_TR { float: right; }
.TicketsBoxMainContent_BR { background: url(/images/tablets/OTDBoxGreen_br.jpg) no-repeat right top; height: 10px; margin: 0px 0px -25px 0px; }


/* the main box outline */
.OTDLozAll { width: 100%; float: left; }
.OTDLozBL { float: left; display: inline; width: 49%; }
.OTDLozBR { float: right; display: inline; width: 49%; }
.OTDLoz_Turquois { float: left; display: inline; background-color: #458C8F; margin: 0px 10px 10px 0px; padding-bottom: 15px; position: relative; /*ie needs this to show float */  }
html>body .OTDLoz_Turquois { margin: 10px 0px; } /*mozilla needs this*/
.OTDLozContent { margin: 0px 20px 5px 20px; text-align: center; }
.OTDLozContent a:link, .OTDLozContent a:visited { color: #fff; }
.OTDLozHeading_Turquois_corners { background: url(/images/tablets/OTDBoxTurqois_White_tl.jpg) no-repeat; height: 10px; margin: 0px 0px -10px 0px; }
.OTDLozHeading_Turquois_TR { float: right; }
.OTDLozBottom_Turquois_Corner { background: url(/images/tablets/OTDBoxTurqois_White_bl.jpg) no-repeat; width: 100%; height: 10px; margin: 0px 0px -15px 0px; }
.OTDLozBottom_Turquois_BR { float: right; margin: 0px 0px -20px 0px;  }



/* ----------------------------------------------------------------------------------------------- */
/* -------------------------------------- START COG CSS ------------------------------------------ */


.otd_content {
	width: 100%;
	padding: 10px 0 0 0;
}
}
.otd_content h2 {
	font-size: 110%;
	padding: 10px 0 10px 0;
	line-height: 100%;
}
.otd_content h2 a, .otd_content h2 a:link, .otd_content h2 a:active, .otd_content h2 a:visited {
	text-decoration: none;
}
.otd_content h2 a:hover {
	text-decoration: underline;
}
.otd_content h3 {
	font-size: 110%;
	padding: 10px 0 10px 0;
	line-height: 145%;
	color: #666;
}
.otd_content p {
	margin: 0 0 10px 0;
	padding: 0;
}
.skiptocontent {
	display: none;
	text-indent: -5000px;
}
/*SUBNAV*/

#otd_subnav {
     font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
 }

 #otd_subnav ul {
    line-height: 170%;
    font-size: 90%;
    font-weight: bold;
    margin-left: 15px;
 }

 #otd_subnav ul li {
    list-style: url(/images/arrows/green_arrow.gif);
 }

#otd_subnav ul ul {
    margin-left: 0;
    list-style-image: none;
    list-style: none;
 }
 #otd_subnav ul ul ul {
    margin-left: 12px;
    list-style-image: none;
    list-style: none;
 }
 #otd_subnav a {
 	text-decoration: none;
 }
 
 #otd_subnav a:link, .otd_subnav a:active, .otd_subnav a:visited {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
 }

 #otd_subnav a:hover {
    color: #7e7e7e;
    text-decoration: underline;
    font-weight: bold;
 }


.otd_content ul { 
    margin: 0 0 10px 20px;
	padding: 0;
}
.otd_content ul li { 
    color: #ef3f44;
}
.otd_content ul li p { 
    color: #000;
	margin: 0 0 3px 0;
	padding: 0;
}
.otd_content blockquote {
	margin: 0 0 20px 0;
	padding: 7px 25px;
	color: #ef3f44;
	font-weight: bold;
}
.otd_content blockquote .otd_quoter {
	color: #333;
	font-weight: normal;
}
/*Force floated divs to push page down*/
.otd_clear {
	clear: both;
	margin: 0;
	padding: 0;
	visibility: hidden;
	height: 0;
}

/*ROUNDED TEXT BOXES CSS*/
.otd_leftbox {
	float: left;
	padding: 0;
	width: 49%; /* False value for WinIE4/5 */
	voice-family: "\"}\""; /* Hide from WinIE4/5 */
	voice-family: inherit; /* Recover from hack */
	width: 49%; /* Actual value for all other browsers */
}
html>body .otd_leftbox {  /* For Opera < 7.x */
	width: 49%;
}
.otd_rightbox {
	float: right;
	padding: 0;
	width: 49%; /* False value for WinIE4/5 */
	voice-family: "\"}\""; /* Hide from WinIE4/5 */
	voice-family: inherit; /* Recover from hack */
	width: 49%; /* Actual value for all other browsers */
}
html>body .otd_rightbox {  /* For Opera < 7.x */
	width: 49%;
}
/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body {
    background: #ef3f44 url(/images/otd_images/box_grad.gif) no-repeat bottom right; 
}
.cssbox_head, .cssbox_topleft {
    background: #ef3f44 url(/images/otd_images/box_grad.gif) no-repeat bottom right; 
}
.cssbox { 
    width: auto; !important; /* intended total box width - padding-right(next) */
	margin: 0;
    width: auto; /* IE Win = width - padding */
    padding-right: 6px; /* the gap on the right edge of the image (not content padding) */
} 

/* set the top-right image */ 
.cssbox_head { 
    background-position: top right; margin-right: -6px; /* pull the right image over on top of border */
    padding-right: 6px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_topleft { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 0 0 0 6px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: 6px !important; height: 1%; /* IE Holly Hack */ 
}
.cssbox_topleft h2 { 
	margin: 0;
	padding: 0;
} 

/* set the lower-left corner image */ 
.cssbox_body { 
    background-position: bottom left; 
    padding: 0 0 0 6px; /* mirror .cssbox_head right/left */ 
	margin: 0 0 10px 0;
} 

/*INTERNAL WHITE BOXES*/
/* set the image to use and establish the lower-right position */ 
.int_cssbox, .int_cssbox_body, .int_cssbox_head, .int_cssbox_topleft {
    background: #fff url(/images/otd_images/box_white.gif) no-repeat bottom right; 
}
.int_cssbox { 
    width: auto; !important; /* intended total box width - padding-right(next) */
    width: auto; /* IE Win = width - padding */
    padding-right: 6px; /* the gap on the right edge of the image (not content padding) */
} 

/* set the top-right image */ 
.int_cssbox_head { 
    background-position: top right; margin-right: -6px; /* pull the right image over on top of border */
    padding-right: 6px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.int_cssbox_topleft { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 0 0 0 6px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
}
.int_cssbox_topleft h2 { 
	margin: 0;
	padding: 5px 0;
} 

/* set the lower-left corner image */ 
.int_cssbox_body { 
    background-position: bottom left; 
    padding: 0px 0 6px 6px; /* mirror .cssbox_head right/left */ 
}
.otd_push_box {
	width: 100px;
	height: 6px;
}
/*PURPLE BOX*/
/* set the image to use and establish the lower-right position */ 
.purple_cssbox, .purple_cssbox_body, .purple_cssbox_head, .purple_cssbox_topleft {
    background: #ef3f44 url(/images/otd_images/box_white_corners_mag.gif) no-repeat bottom right; 
}
.purple_cssbox { 
    width: auto; !important; /* intended total box width - padding-right(next) */
	margin: 0;
    width: auto; /* IE Win = width - padding */
    padding-right: 6px; /* the gap on the right edge of the image (not content padding) */
} 

/* set the top-right image */ 
.purple_cssbox_head { 
    background-position: top right; margin-right: -6px; /* pull the right image over on top of border */
    padding-right: 6px; /* right-image-gap + right-inside padding */ 
} 
.purple_cssbox .int_cssbox_head { 
    background-position: top right; margin-right: -6px; /* pull the right image over on top of border */
    padding-right: 6px; /* right-image-gap + right-inside padding */ 
}
.purple_cssbox .int_cssbox, .purple_cssbox .int_cssbox_body, .purple_cssbox .int_cssbox_head, .purple_cssbox .int_cssbox_topleft {
	background-image: url(/images/otd_images/box_corners.gif);
}
/* set the top-left image */ 
.purple_cssbox_topleft { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 0 0 0 6px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: 6px !important; height: 1%; /* IE Holly Hack */ 
}
.purple_cssbox_topleft h2 { 
	margin: 0;
	padding: 5px 0;
} 

/* set the lower-left corner image */ 
.purple_cssbox_body { 
    background-position: bottom left; 
    padding: 0 0 0 6px; /* mirror .cssbox_head right/left */ 
	margin: 0 0 6px 0;
} 
.int_cssbox_body h3 { 
    margin: 0;
	padding: 0;
	font-size: 100%;
	color: #ef3f44;
}
.int_cssbox_body h4 { 
	color: #ef3f44;
}
.int_cssbox_body h3 .greyh3 { 
    margin: 0;
	padding: 5px 0 3px 0;
	font-size: 95%;
	color: #666;
	line-height: 60%;
}
.int_cssbox_body p { 
    margin: 0 0 12px 0;
	padding: 0;
}
.int_cssbox_body ul { 
    margin: 0 0 10px 20px;
	padding: 0;
}
.int_cssbox_body ul li { 
    color: #ef3f44;
}
.int_cssbox_body ul li p { 
    color: #000;
	margin: 0 0 3px 0;
	padding: 0;
}
.int_cssbox .intro_header { 
    color: #000;
	margin: 0;
	padding: 10px 0;
}
.purple_h2 {
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	margin: 0px;
}


/* --------------------------------------      END       ----------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */


/*ROUNDED TEXT BOXES CSS*/
.otd_leftbox {
	position: relative;
}
.otd_rightbox {
	position: relative;
}
.cssbox { 
	position: relative;
} 

/* set the top-right image */ 
.cssbox_head { 
	position: relative;
} 

/* set the top-left image */ 
.cssbox_topleft { 
	position: relative;
	font-size: 6px;
}
.purple_cssbox_topleft { 
	position: relative;
	font-size: 6px;
}
.cssbox_topleft h2 { 
	position: relative;
} 

/* set the lower-left corner image */ 
.cssbox_body { 
	position: relative;
} 

/*INTERNAL WHITE BOXES*/
/* set the image to use and establish the lower-right position */ 
.int_cssbox { 
	position: relative;
} 

/* set the top-right image */ 
.int_cssbox_head { 
	position: relative;
} 

/* set the top-left image */ 
.int_cssbox_topleft { 
	position: relative; 
}
.int_cssbox_topleft h2 { 
	position: relative;
} 

/* set the lower-left corner image */ 
.int_cssbox_body { 
	position: relative; 
}
.otd_push_box {
	position: relative;
	font-size: 6px;
}
.breadcrumb {
	padding-left: 3%;
	padding-right: 3%;
}

#pageDetailContent 		{ width: 98%; margin: 0; padding: 0;}
.internalmaincontent 	{ margin: 0; padding: 0; width:95%;}
.otd_content 			{ margin:0;	padding: 0; width:100%;}

.otd_leftbox {
	float: left;
	padding: 0 0 0 0;
	width: 49%;
}
.otd_rightbox {
	float: right;
	padding: 0 0 0 0;
	width: 49%;
}

#pageDetailContent .OTDlabel { display: inline; width: 155px; text-align: left; padding-left: 0px; padding-right: 0px; color: #000000; font-size: 80%; height: auto; margin-top: 3px; }
#pageDetailContent .OTDlabelMandatory { width: 155px; text-align: left; padding-left: 0px; padding-right: 0px; color: #000000; font-size: 80%; height: auto; margin-top: 3px; font-weight: bold; }

.introTextLeft	{float:left;  width:80%; margin-top:15px;}

#cog	{float:right; width:100px;}