/* formatText.css
  CSS for master layout of template
*/


/* Background images for coloured bubble bullets
*/
.bubbleBlue { background-image: url("../images/layout/bullet_blue.png"); }
.bubbleGreen { background-image: url("../images/layout/bullet_green.png"); }
.bubbleOrange { background-image: url("../images/layout/bullet_orange.png"); }
.bubblePink { background-image: url("../images/layout/bullet_pink.png"); }
.bubblePurple { background-image: url("../images/layout/bullet_purple.png"); }
.bubbleRed { background-image: url("../images/layout/bullet_red.png"); }


/* Content Items are used to format Umbraco WYSIWYG editor
*/
.contentItem
{
	font-size: 0.69em;
}
.contentItem ul
{
  margin: 0px;
	padding: 0px 0px 10px 0px;
}
.contentItem ul li 
{
    margin: 0px;
    padding: 0px 0px 5px 0px;
	list-style: none;
	padding-left: 15px;
	line-height: 1.38em;
	background-position: 0px 3px;
	background-repeat: no-repeat;
}
.contentItem ul.noBullets li  { background-image: url("") !important; }

.contentItem ol
{
  margin: 0px;
	padding: 0px 0px 10px 37px;
}
.contentItem a
{
  color:  #bb01a8; /* 8C017E */
 text-decoration : none;
}
.contentItem a:hover
{
  color: #000;
}
.contentItem a img
{
  border: 0px; 
}
.contentItem img
{
  margin-bottom: 10px;
}
.contentItem p
{
    margin: 0px;
	padding: 0px 0px 10px 0px;
	color: #000000;
}



/* Event Items are used to format What's On Events
*/
.eventItem
{
	font-size: 0.69em;
}
.eventItem ul
{
    margin: 0px;
	padding: 0px;
}
.eventItem li 
{
    margin: 0px;
	padding: 0px;
	list-style: none;
}
.eventItem a
{
    color: #bb01a8;
	text-decoration: none;
}
.eventItem a.hasArrow
{
	padding-left: 10px;
	background-image: url("../images/layout/arrow_purple.gif");
	background-position: 0px 2px;
	background-repeat: no-repeat;	
}
.eventItem a:hover
{
    color: #000;
}
.eventItem a img
{
    border: 0px; 
}
.eventItem img
{
    margin-bottom: 10px;
}
.eventItem p
{
    margin: 0px;
	padding: 0px 0px 10px 0px;
	color: #000000;
}


/* Coloured buttons
*/
.sectionItem a, .searchItem a
{
	padding-left: 15px;
	background-position: 0px 3px;
	background-repeat: no-repeat;	
    color: #bb01a8;
	text-decoration: none;	
	display: block;
}
.sectionItem a:hover, .searchItem a:hover
{
  color: #000;
}
.sectionItem
{
	font-size: 0.69em;
}
.searchItem
{
  width: auto;
	display: block;
	font-size: 0.69em;
	border-bottom: 20px solid #fff;
}
.sectionItem p,.searchItem p
{
  margin: 0px;
	padding: 0px 0px 10px 15px;
	color: #000000;
}


/* Date item
*/
.dateItem
{
  width: auto;
	font-size: 0.69em;
	color: #c7c1b1;
	font-family: Verdana;
/*	margin: -10px 0px 20px 0px; */
}


/* Event Detail Summary
*/
.eventImage
{
  width: 156px;
	overflow: hidden;
	display: block;
	float: left;
	padding: 12px 0px 0px 0px;
	margin-right: 10px;
}
.eventDetail
{
  width: 294px;
	display: block;
	float: left;
	padding: 6px 0px 0px 0px;	
}
.eventDetail ul
{
  margin: 10px 0px 10px 0px !important;  
}
.eventDetail ul li
{
  /*background: none;*/
	padding-left: 15px;
	display: block;
	clear: both;
}
.eventDetail ul li span
{
	display: block;
	float: left;
}
.eventDetail ul li span.label
{
  width: 83px;	
}
.eventDetail ul li span.data
{
  width: 195px;
	clear: right;
}
.eventDetail .eventDetailLinks
{
  width: 100%;
	display: block;
	padding: 0px 0px 20px 0px;
}
.eventDetail .eventDetailLinks a
{
	padding-left: 10px;	
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
.eventDetail .eventDetailLinks a.floatLeft
{
  float: left;
  background-image : url("../images/layout/bullet_blue.gif");
}
.eventDetail .eventDetailLinks a.floatRight
{
  float: right;
  background-image: url("../images/layout/bullet_pink.gif"); 
}



/* Donation item
*/
.donationItem
{
  display: block;
	background-image: url("../images/layout/bg_donation.gif");
	background-position: top right;
	background-repeat: no-repeat;
	padding: 10px 110px 30px 0px;
	width: 370px;	
}
.donationPrice
{
  width: 210px;
	height: 28px;
	overflow: hidden;
	display: block;
	float: left;
	background-color: #bed730;
	margin: 10px 10px 0px 0px;
}
.donationPrice h3
{
  padding: 3px 0px 0px 7px !important;
}
.donationButton
{
  width: 144px;
	display: block;
	float: left;
	margin: 10px 0px 0px 0px;	
}
.donationButton a
{
  width: 144px;
	height: 30px;
	display: block;
	background-image: url("../images/layout/btn_donate_orange.gif");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	text-decoration: none;	
}
.donationButton a span
{
  visibility: hidden;
}


/* Video item
*/
.videoItem
{
  width: 135px;
	float: left;
	display: block;
}
.videoItem .videoItemList
{
  width: 100%;
	height: 225px;	
	display: block;
	overflow: hidden;
}
.videoItem .videoItemList ul li
{
  margin: 0px 0px 5px 0px !important;
}
.videoItem .videoItemList ul li a
{
  display: block;
}
.videoItem .videoItemLinks
{
  width: 135px;
	display: block;
	overflow: hidden;	
}


.commentItem
{
  display: block;
}
.commentItem p
{
  display: block;
	font-size: 12px;
}
.commentItem p span
{
  display: block;
	color: #777777;
	font-size: 11px;	
}



/* Lists
*/
ul.arrowList li a
{
  padding-left: 10px;
	background-image: url("../images/layout/arrow_purple.gif");	
	background-position: 0px 1px;
	background-repeat: no-repeat;	
}


ul.arrowLinks
{
  margin-top: 8px;
}
ul.arrowLinks li
{ 
  float: left;
	margin-right: 7px;
}
ul.arrowLinks li a
{
	display: block;
	background-position: 0px 2px;
	background-repeat: no-repeat;
}
ul.arrowLinks li a.selected
{
  font-weight: bold;	
}
ul.arrowLinks li a.previousArrow
{
  overflow: hidden;
	width: 5px;
	height: 12px;
	background-image: url("../images/layout/arrow_purple_left.gif");
}
ul.arrowLinks li a.nextArrow
{
  overflow: hidden;
	width: 5px;
	height: 12px;
	background-image: url("../images/layout/arrow_purple.gif");
}
ul.arrowLinks li a span
{
  visibility: hidden;
}


ul.eventLinks
{
  display: block;
}
ul.eventLinks li
{ 
  float: left;
	width: 45%;
	margin-bottom: 12px;
}

.videoDisplay
{
  width: 320px;
	float: right;
	display: block;
}



/* Buttons
*/
.backButton
{
  width: 100%;
	display: block;
	text-align: right;
	font-size: 0.69em;
	margin-top: -12px;
	padding: 0px 0px 10px 0px;	
}
.backButton a
{
  margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: 1.38em;
	padding: 0px 0px 0px 10px;
  color: #bb01a8;
	text-decoration: none;
	background: #fff url("../images/layout/arrow_purple_left.gif") 0px 50% no-repeat !important;
}
.backButton a:hover
{
  color: #000;
}

.itemBorder
{
  display: block;
	padding-top: 7px;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;	
	margin-bottom: 7px;
}


/* Get Adobe Acrobat
*/
.contentBodyWrapper .itemGetAcrobat
{
  width: auto;
	display: block;
	margin: 10px 0px 5px 0px;
}
.contentBodyWrapper .itemGetAcrobat p
{
  margin: 0px;
	padding: 0px 10px 0px 0px;
	font-size: 0.69em;
	color: #000000;
	width: 150px;
	display: block;
	float: left;
}
.contentBodyWrapper .itemGetAcrobat a
{
	display: block;
	float: left;
}