/**************************************
RPM Ltd 2010 - Written by Jamie Sanders
**************************************/

@import url("Reset.css");
@import url("Common.css");
@import url("jScrollPane.css");
/* @import url("SelectBox.css"); */

body
{
	background-color: #000;
	color: #333;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
}
h1, h2, h3, h4, label, dt
{
	font-family: Clarendon, Palatino Linotype, Book Antiqua, Palatino, serif;
}
h1, h2, h3, h4
{
	color: #000;
}
h1, h2, h3, h4, p
{
	margin-bottom: 10px;
}
h1
{
	font-size: 28px;
}
h2
{
	font-size: 24px;
}
h3
{
	font-size: 20px;
}
h4
{
	font-size: 18px;
}
a
{
	text-decoration: underline;
}
p, ul
{
	line-height: 16px;
}
dt
{
	font-size: 20px;
	color: #f00;
}
a
{
	color: #fff;
	text-decoration: underline;
}
#Canvas
{
	background: url(../Images/Layout/canvas.jpg) no-repeat center top;
	width: 960px;
	margin: auto;
	position: relative;
	z-index: 100;
}
#Header
{
	height: 240px;
	width: 100%;
	position: relative;
	z-index: -1;
}
#Navigation
{
	background: url(../Images/Layout/navigation.png) no-repeat center top;
	width: 581px;
	height: 53px;
	text-align: center;
	position: absolute;
	right: 20px;
	top: 210px;
	z-index: 700;
}
#Navigation a
{
	height: 25px;
	background: url(../Images/Buttons/navigation.png) no-repeat;
	display: block;
	position: absolute;
	top: 14px;
	text-decoration: none;
}
#Navigation a.link1, #Navigation a.link1on
{
	width: 53px;
	background-position: 0 0;
	left: 176px;
}
#Navigation a.link1:hover, #Navigation a.link1on
{
	background-position: 0 -25px;
}

#Navigation a.link2, #Navigation a.link2on
{
	width: 130px;
	background-position: -80px 0;
	left: 265px;
}
#Navigation a.link2:hover, #Navigation a.link2on
{
	background-position: -80px -25px;
}
#Navigation a.link3, #Navigation a.link3on
{
	width: 123px;
	background-position: -232px 0;
	left: 270px;
}
#Navigation a.link3:hover, #Navigation a.link3on
{
	background-position: -232px -25px;
}
#Navigation a.link4, #Navigation a.link4on
{
	width: 139px;
	background-position: -375px 0;
	left: 414px;
}
#Navigation a.link4:hover, #Navigation a.link4on
{
	background-position: -375px -25px;
}
#Navigation a span
{
	font-size: 0;
	visibility: hidden;
}
#ColumnRight
{
	width: 600px;
	float: right;
}
#ColumnLeft
{
	width: 350px;
	float: left;
}
.content
{
	padding: 35px;
}
/*#Footer
{
	clear: both;
	background: url(../Images/Layout/footer.png) no-repeat center 20px;
	width: 100%;
	height: 187px;
	position: relative;
	color: #fff;
	border-bottom: solid 5px #000;
}*/
#Footer{
	float:left;
	background:url("../img/bg_footer.gif") no-repeat;
	width:898px;
	height:173px;
	clear: both;
	position: relative;
	color: #fff;
	border-bottom: solid 5px #000;
}
#Footer a
{
	color: #fff;
}
#Copyright
{
	position: absolute;
	bottom: 0;
	left: 0;
}
#ExternalLink
{
	position: absolute;
	bottom: 0;
	right: 0;
}
div.formGeneralQuestions textarea
{
	height: 50px;
}
.popup
{
	background: url(../Images/Layout/stripes.jpg) no-repeat center center;
	width: 750px;
	padding: 25px;
	border: solid 1px #a4875f;
}
.popupContent
{
	background: url(../Images/Layout/stripes-alpha.png) repeat;
	border: solid 1px #e0e0e2;
	padding: 15px;
	position: relative;
	padding-bottom: 60px;
}
.validator
{
	position: absolute;
	margin-left: -45px;
	margin-top: -54px;
	display: block;
	width: 46px;
	height: 53px;
	background: url(../Images/exclamation.png) no-repeat 0 0;
	line-height: 0;
}
.validator span
{
	display: none;
	visibility: hidden;
}
/* Top cell homepage */
.stripes
{
	background: url(../Images/Layout/stripes.jpg) no-repeat 0 0;
	width: 897px;
	margin: auto;
	position: relative;
	z-index: 200;
}
.fullHeight
{
	height: 1100px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.fullHeight dt
{
	font-size: 15px;
}
.fullHeight dd
{
	padding: 3px 0 3px 10px;
}
.fullHeightAdmin
{
	height: 5000px;
	width: 1600px;
	overflow: auto;
}
.cell-top.stripes
{
	margin-bottom: 26px;
}
.cell-top .content
{
	padding: 40px 0 0 0;
	width: 360px;
	margin-left: 200px;
	/*margin-left: 480px;*/
}
.stripesBottom
{
	background: url(../Images/Layout/stripes-bottom.jpg) no-repeat center bottom;
	width: 897px;
	height: 14px;
	font-size: 0;
	line-height: 0;
	position: relative;
	top: 14px;
}
.videoHolder
{
	background: url(../Images/Layout/video-holder.png) no-repeat 0 0;
	width: 410px;
	height: 311px;
	position: absolute;
	padding: 22px 0 0 19px;
}
.videoHolderFestivals
{
	background: url(../Images/Layout/video-holder-festivals.png) no-repeat 0 0;
	width: 305px;
	height: 277px;
	position: absolute;
	padding: 48px 0 0 33px;
}
.cell-top .videoHolder
{
	top: 40px;
	left: 12px;
	z-index: 10;
}
/*.crowd
{
	background: url(../Images/Layout/crowd.png) repeat-x;
	padding: 0 0 89px 0;
	margin: 0 14px 0 12px;
}*/
.cell-top .crowd
{
	clear: both;
	position: relative;
	top: 16px;
	background-position: 7px bottom;
	padding-bottom: 110px;
}
.applyNow
{
	width: 186px;
	height: 50px;
	background: url(../Images/Buttons/apply-now.png) no-repeat 0 0;
	display: block;
	float: right;
	line-height: 0;
	text-decoration: none;
	position: relative;
	bottom: 10px;
}
.applyNow span
{
	visibility: hidden;
	display: none;
}
.applyNow:hover
{
	background-position: 0 -47px;
}
.jobSpec dt.top
{
	margin-top: 50px;
}
.jobSpec dd
{
	line-height: 16px;
}
.jobSpec dt, .jobSpec dd
{
	width: 249px;
	padding-bottom: 3px;
}
.jobSpec .responsibilities, .jobSpec .mustBe
{
	position: absolute;
	right: 0;
}
.jobSpec dt.responsibilities
{
	top: 50px;
}
.jobSpec dd.responsibilities
{
	top: 75px;
}
.jobSpec dt.mustBe
{
	top: 210px;
}
.jobSpec dd.mustBe
{
	top: 235px;
}
.jobSpec dd ul
{
	padding-left: 30px;
}
.jobSpec dd ul li
{
	list-style: disc outside;
	padding: 5px 0 3px 10px;
}
.jobSpec
{
	position: relative;
	width: 500px;
	height: 400px;
	padding: 0 0 20px 300px;
	background: url(../Images/rock-on.png) no-repeat 30px 30px;
}
.openJobSpec, .openReturnToApplication
{
	border-bottom: solid 1px #000;
}
.openJobSpec
{
	float: left;
	cursor: pointer;
	font-size: 18px;
	display: none;
}
.openReturnToApplication
{
	cursor: pointer;
	font-size: 16px;
	position: absolute;
	left: 468px;
	z-index: 12;
	top: -16px;
	cursor: pointer;
	font-size: 18px;
	display: none;
}
.returnToApplication .label
{
	display: block;
	margin-bottom: 4px;
}
.returnToApplication .textbox
{
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	color: #36c;
	border-top: solid 2px #c3c3c3;
	border-left: solid 2px #c3c3c3;
	border-right: solid 2px #fff;
	border-bottom: solid 2px #fff;
	width: 335px;
	margin-bottom: 5px;
}
.returnToApplication .textbox.error
{
	background-color: #fcc;
	border-top-color: #f88;
	border-left-color: #f88;
	border-right-color: #fcc;
	border-bottom-color: #fcc;
}
.returnToApplication .enter
{
	float: right;
}
.enter
{
	width: 150px;
	height: 50px;
	background: url(../img/btn_submit.png) no-repeat 0 0;
	position : relative;
	left: 340px;
	top: 10px;
	display: block;
}
.enter.hover
{
	background-position: 0 -50px;
}
.playtowin
{
	width: 265px;
	height: 100px;
	background: url(../img/btn_playtowin.png) no-repeat 0 0;
	position: relative;
	left: 300px;
	display: block;
}
.playtowin.hover
{
	background-position: 0 -100px;
}
/*Note that these are altered in the Javascript.css*/
.returnToApplication
{
	position: relative;
	left: 0;
	top: 0;
	padding: 20px;
	clear: both;
	margin: 0;
	background: none;
}
/* Middle cell of homepage with keep informed form */
.cell-middle
{
	background: url(../Images/Layout/cell-middle.jpg) no-repeat;
	width: 897px;
	height: 331px;
	margin: auto;
	position: relative;
	margin-bottom: 15px;
}
.cell-middle .content
{
	width: 415px;
}
.cell-middle *
{
	color: #fff;
}
.cell-middle .formMini
{
	position: absolute;
	left: 500px;
	top: 0;
}
.formMini
{
	background: url(../Images/Layout/form-mini.png) no-repeat;
	width: 410px;
	height: 308px;
	padding: 63px 0 0 25px;
	position: relative;
	z-index: 300;
	color: #fff;
}
.formMini h3
{
	margin-bottom: 0;
}
.formMini p
{
	width: 335px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.formMini .label
{
	display: block;
	margin-bottom: 5px;
}
.formMini .textbox
{
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	color: #36c;
	border-top: solid 2px #333;
	border-left: solid 2px #fff;
	border-right: solid 2px #fff;
	border-bottom: solid 2px #fff;
	width: 100%;
}
.formMini .textbox.error, .formMini div.error .textbox
{
	background-color: #fcc;
	border-top-color: #800;
	border-left-color: #fcc;
	border-right-color: #fcc;
	border-bottom-color: #fcc;
}
.formMini .firstName, .formMini .lastName, .formMini .email, .formMini .dateOfBirth
{
	padding: 0;
	padding-top: 5px;
}
.formMini .firstName, .formMini .lastName
{
	width: 160px;
	float: left;
	margin-right: 15px;
}
.formMini .email
{
	clear: both;
	width: 335px;
}
.formMini .dateOfBirth
{
	width: 180px;
}
.formMini .dateOfBirth .textbox
{
	float: left;
	margin-right: 5px;
}
.formMini .day, .enter_code_element .day
{
	width: 35px;
}
.formMini .month, .enter_code_element .month
{
	width: 35px;
}
.formMini .year, .enter_code_element .year
{
	width: 70px;
	margin-right: 0 !important;
}
.formMini .agree
{
	clear: both;
	margin-top: 5px;
	/*border: solid 1px #f00;*/
}

.formMini .keepInformed, .formMini .send
{
	display: block;
	float: right;
	position: relative;
	right: 70px;
	top: 5px;
}
.keepInformed
{
	background-image: url(../Images/Buttons/keep-informed.png);
	width: 208px;
	height: 57px;
}
.keepInformed.hover
{
	background-position: 0 -56px;
}
.send
{
	background-image: url(../img/btn_send.png);
	width: 82px;
	height: 44px;
}
.send.hover
{
	background-position: 0 -50px;
}
/* Cell bottom with packs and twitter */
.cell-bottom
{
	width: 897px;
	height: 204px;
	position: relative;
	margin: auto;
}
.packs
{
	background: url(../Images/Layout/packs.jpg) no-repeat 0 0;
	width: 555px;
	height: 204px;
	position: absolute;
	left: 0;
	top: 0;
}
.packs .content
{
	position: absolute;
	width: 240px;
	left: 253px;
	top: 25px;
	padding: 0;
}
.packs .content h3
{
	margin-bottom: 3px;
}
.packs .packShots
{
	position: absolute;
	top: 25px;
	left: 30px;
	display: block;
}
.twitter
{
	background: url(../Images/Layout/twitter.jpg) no-repeat right 0;
	width: 354px;
	height: 204px;
	position: absolute;
	right: 0;
	top: 0;
}
.twitter .twitterPick
{
	position: absolute;
	top: 25px;
	left: 0;
	display: block;
	background-image: url(../Images/twitter-pick.png);
	width: 126px;
	height: 157px;
}
.twitter .content
{
	position: absolute;
	width: 202px;
	left: 130px;
	top: 25px;
	padding: 0;
	color: #214265;
}
.twitter .content h4
{
	color: #fff;
	margin-bottom: 8px;
}
.twitter .content dl
{
	height: 77px;
	font-size: 11px;
}
.twitter .content dt
{
	color: #039;
	font-size: 11px;
	margin-bottom: 3px;
}
.twitter .content dd
{
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: solid 1px #fff;
	color: #000;
	line-height: 14px;
}
.twitter .link, #box_tweet .link
{
	display: none;
	visibility: hidden;
}
.twitter .followUs
{
	position: absolute;
	left: 15px;
	top: 105px;
}
.twitter a, .twitterLarge a
{
	color: #000;
}
.followUs
{
	display: block;
	width: 123px;
	height: 35px;
	background: url(../img/btn_followus.png) no-repeat 0 0;
	line-height: 0;
	text-decoration: none;
}
.followUs span
{
	display: none;
	visibility: hidden;
}
a.followUs:hover
{
	background-position: 0 -50px;
}
/* Social Networking Share Links */
.home .socialNetworks
{
	position: absolute;
	z-index: 500;
	top: 250px;
	left: 56px;
}
.socialNetworks a, .socialNetworks .shareThisOn
{
	background: url(../img/btn_social_networks.png) no-repeat;
	height: 25px;
	display: block;
	float: left;
}
.socialNetworks .shareThisOn
{
	background-position: 0 0px;
	width: 79px;
}
.socialNetworks a
{
	width: 20px;
	text-decoration: none;
}
.socialNetworks a.shareFacebook
{
	background-position: -79px 0px;
}
.socialNetworks a.shareTwitter
{
	background-position: -104px 0px;
}
.socialNetworks a.shareMySpace
{
	background-position: -129px 0px;
}
.socialNetworks a:hover.shareFacebook
{
	background-position: -79px -25px;
}
.socialNetworks a:hover.shareTwitter
{
	background-position: -104px -25px;
}
.socialNetworks a:hover.shareMySpace
{
	background-position: -129px -25px;
}
.socialNetworks a span, .socialNetworks .shareThisOn span
{
	display: none;
	visibility: hidden;
}
/* Festivals Page */
.festivalsRight
{
	padding-top: 75px;
	height: 1065px;
	width: 565px;
	background: url(../Images/Layout/festivals-right.jpg) no-repeat;
}
.festivalsRight .rssfeed
{
	position: absolute;
	margin: 1035px 0 0 540px;
	z-index: 600;
}
.twitterLarge
{
	height: 532px;
	width: 344px;
	background: url(../Images/Layout/twitter-large.jpg) no-repeat;
	position: relative;
}
.twitterLarge h3
{
	color: #fff;
	margin-top: 45px;
}
.twitterLarge dl
{
	height: 345px;
	line-height: 16px;
}
.twitterLarge dt
{
	color: #039;
	font-size: 12px;
	margin-bottom: 3px;
}
.twitterLarge dd
{
	padding-bottom: 7px;
	margin-bottom: 7px;
	border-bottom: solid 1px #fff;
	color: #000;
}
.twitterLarge .followUs
{
	position: absolute;
	right: 30px;
	bottom: 20px;
}
.twitterLarge .link
{
	visibility: hidden;
	display: none;
}
.twitterPickSmall
{
	position: absolute;
	height: 125px;
	width: 100px;
	right: 25px;
	top: -20px;
	background-image: url(../Images/twitter-pick-small.png);
}
.twitterLarge .posted
{
	color: #000;
	display: block;
	margin: 10px 0;
	font-weight: bold;
}
.twitterLarge li
{
	color: #214265;
	font-size: 13px;
	border-bottom: solid 2px #fff;
	padding-bottom: 10px;
	line-height: 15px;
}
div.festivalsCalendar
{
	padding: 0 0 0 30px;
}
div.calendar, .calendar h4
{
	background-repeat: no-repeat;
}
div.calendar
{
	height: 137px;
	width: 100px;
	float: left;
	margin: 0 2px 40px 0;
	position: relative;
	z-index: 700;
}
div.calendar .revealed
{
	background: url(../Images/Layout/calendar.png) no-repeat 0 0;
	cursor: pointer;
}

div.calendar .revealedRead
{
	background: url(../Images/Layout/calendarRead.png) no-repeat 0 0;
	cursor: pointer;
}

div.calendar .hidden
{
	background-image: none;
	cursor: default;
}
.calendar h4
{
	font-size: 14px;
	padding: 4px 0 0 7px;
	width: 93px;
	height: 133px;
	position: relative;
}

/* Added revealedRead to  */

.revealed, .revealedRead
{
	position: relative;
	right: 2px;
}


.hidden
{
	position: relative;
	left: 3px;
}
.revealed h4, .revealedRead h4
{
	background-position: center 25px;
	color: #fff;
}
.hidden h4
{
	background-position: 0 0;
	color: #000;
}
.calendar h5
{
	position: absolute;
	color: #000;
	font-size: 10px;
	top: 95px;
	left: 14px;
	font-weight: normal;
	width: 80px;
}
.calendarPopup
{
	width: 295px;
	height: 332px;
	background: url(../Images/Layout/calendar-popup.png) no-repeat;
	position: absolute;
	right: -75px;
	top: -313px;
	z-index: 800;
}
.calendarPopup h3
{
	font-size: 19px;
	margin-bottom: 2px;
}
.calendarPopup .content
{
	padding: 8px 17px 25px 10px;
	line-height: 16px;
}
.calendarPopup .content img
{
	margin-bottom: 3px;
}
.calendarPopup .dynamic-scroll
{
	margin-right: 8px;
	padding: 0 8px 0 3px;
	height: 160px;
}
.calendarPopup .country
{
	font-weight: bold;
	font-size: 12px;
	color: #333;
	line-height: 20px;
}
.calendarPopup .date
{
	color: #c00;
	font-size: 12px;
	line-height: 20px;
}
.festivalsLeft
{
	width: 284px;
	height: 259px;
	position: relative;
	background: url(../Images/Layout/festivals-left.jpg);
	padding: 320px 30px 0;
	color: #fff;
	margin-bottom: 29px;
}
.festivalsLeft h1
{
	color: #ffad00;
	font-size: 20px;
}
.festivalsLeft .keepInformed
{
	position: absolute;
	right: 30px;
}
.festivalsLeft .videoHolderFestivals
{
	top: 5px;
	left: 20px;
}
.closeCross
{
	width: 72px;
	height: 28px;
	background: url(../Images/Buttons/close-cross.png) no-repeat 0 0;
	position: absolute;
	right: 65px;
	top: 60px;
}
.closeCross.hover
{
	background-position: 0 -29px;
}
/* About */
/* About */
.about
{
	width: 885px;
	height: 699px;
	margin: auto;
	background: url(../Images/Layout/about.jpg) no-repeat center top;
	position: relative;
	z-index: 1000;
}
.about div
{
	position: absolute;
}
.about .philosophy
{
	top: 415px;
	left: 565px;
	width: 254px;
}
.about .philosophy h1
{
	margin-bottom: 10px;
	font-size: 24px;
}
.about .philosophy p
{
	line-height: 14px;
}
.about .movie
{
	top: 416px;
	left: 53px;
}
.about .fresh, .about .splash
{
	width: 579px;
	left: 150px;
	color: #000;
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 1300;
}
.about .fresh h2, .about .splash h2
{
	margin-bottom: 0;
}
.about .fresh
{
	top: 58px;
	height: 115px;
	background-image: url(../Images/Products/packs-fresh.png);
}
.about .splash
{
	height: 107px;
	top: 202px;
	background-image: url(../Images/Products/packs-splash.png);
}
.about .fresh img, .about .splash img
{
	width: 115px;
	height: 115px;
	display: block;
	position: absolute;
	cursor: pointer;
	text-decoration: none;
	font-size: 0;
}
.about .fresh .product1
{
	left: 0;
}
.about .fresh .product2
{
	left: 160px;
}
.about .fresh .product3
{
	left: 315px;
}
.about .fresh .product4
{
	left: 464px;
}
.about .splash .product1
{
	left: 70px;
}
.about .splash .product2
{
	left: 230px;
}
.about .splash .product3
{
	left: 390px;
}
.about .fresh div.product1
{
	background-image: url(../Images/Products/Popup/Fresh/peppermint.png);
}
.about .fresh div.product2
{
	background-image: url(../Images/Products/Popup/Fresh/strawberry.png);
}
.about .fresh div.product3
{
	background-image: url(../Images/Products/Popup/Fresh/spearmint.png);
}
.about .fresh div.product4
{
	background-image: url(../Images/Products/Popup/Fresh/tropical.png);
}
.about .splash div.product1
{
	background-image: url(../Images/Products/Popup/Splash/peppermint.png);
}
.about .splash div.product2
{
	background-image: url(../Images/Products/Popup/Splash/strawberry.png);
}
.about .splash div.product3
{
	background-image: url(../Images/Products/Popup/Splash/spearmint.png);
}
.about .fresh div, .about .splash div
{
	width: 225px;
	height: 147px;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 1200;
	top: -210px;
	display: none;
	padding: 60px 40px 0 30px;
	margin-left: -120px;
}
.about .fresh div h2, .about .splash div h2
{
	display: none;
	visibility: hidden;
}
.return, .proceed
{
	line-height: 0;
	text-decoration: none;
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	width: 150px;
	height: 50px;
}
.return span, .proceed span
{
	display: none;
	visibility: hidden;
}
.return
{
	background-image: url(../Images/Buttons/return.png);
}
.proceed
{
	background-image: url(../Images/Buttons/proceed.png);
}
.return:hover, .proceed:hover
{
	background-position: 0 -49px;
}
.popupContent .return
{
	position: absolute;
	left: 200px;
}
.popupContent .proceed
{
	position: absolute;
	left: 380px;
}
/* Admin */
.gridview td, .gridview th
{
	padding: 5px;
}
.login td
{
	padding: 5px;
}
/* This is to hide all the tracking code iframes which seem to be throwing the layout out of place */
iframe
{
	display: none;
	visibility: hidden;
}
/* Phase 2 */
.wheresMyCode
{
	position: relative;
	width: 500px;
	height: 400px;
	padding: 0 0 20px 300px;
	background: url(../Images/rock-on.png) no-repeat 30px 30px;
}
.openWheresMyCode, .openReturnToApplication
{
	border-bottom: solid 1px #000;
}
.openWheresMyCode
{
	float: left;
	cursor: pointer;
	font-size: 18px;
	display: none;
}
.fanBox
{
	display: block !important;
	visibility: visible !important;
	border: none;
	width: 300px;
	height: 250px;
	background-color: Transparent;
}
.fanBoxLink
{
	font-size: 8px;
	padding-left: 10px;
}

.festivalsRight .virtualFestivalsLink
{
	position: absolute;
	margin: 1025px 0 0 400px;
	z-index: 600;
	font-size: 11px;
}
.virtualFestivalsLink
{
	width: 147px;
	padding-top: 5px;
}
.virtualFestivalsLink a
{
	width: 80px;
	height: 20px;
	background: transparent url(../Images/Logos/vf.gif) no-repeat 0 0;
	text-indent: -10000px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}

/* ADDITIONAL */
.festival_info_button_holder{
	margin:14px 0 0 0;
	display: inline;
	width:124px;
	height:40px;
	float:right;
}

.festival_info_button{
	margin:0;
	width:124px;
	height:40px;
	display: block;
	background: url("../img/btn_readmore2.png") no-repeat 0 0px;
	behavior:url("Css/htc/iepngfix.htc");
}

.festival_info_button:hover{ 
  background-position: 0 -40px;
}
.festival_info_button span{
  display: none;
}


.calendar2 .detail_link a
{
	position: absolute;
	color: #FF0000;
	font-size: 10px;
	font-weight: normal;
	top: 120px;
	left: 18px;
	
}

div.calendar2, .calendar2 h4
{
	background-repeat: no-repeat;
}


/* Read h4 style */
 .calendar2 h4.katieRead{ text-decoration:line-through;}

div.calendar2
{
	height: 167px;
	width: 100px;
	float: left;
	margin: 0 2px 10px 0;
	position: relative;
	z-index: 700;
}
div.calendar2 .revealed
{
	background: url(../Images/Layout/calendar.png) no-repeat 0 0;
	cursor: pointer;
}

div.calendar2 .revealedRead{

	background: url(../Images/Layout/calendarRead.png) no-repeat 0 0;
	cursor: pointer;

}


div.calendar2 .hidden
{
	background-image: none;
	/*cursor: default;*/
}
.calendar2 h4
{
	font-size: 14px;
	padding: 4px 0 0 7px;
	width: 93px;
	height: 133px;
	position: relative;
}
.calendar2 h5
{
	position: absolute;
	color: #000;
	font-size: 10px;
	top: 95px;
	left: 14px;
	font-weight: normal;
	width: 80px;
}


.festivalsRight2
{
	padding-top: 70px;
	height: 1085px;
	width: 565px;
	background: url(../Images/Layout/festivals-right.jpg) no-repeat;
}
.festivalsRight2 .rssfeed
{
	position: absolute;
	margin: 1035px 0 0 540px;
	z-index: 600;
}
.festivalsRight2 .virtualFestivalsLink
{
	position: absolute;
	margin: -37px 0 0 400px;
	z-index: 600;
	font-size: 11px;
}	


.calendar2 .detail_link2 a
{
	position: absolute;
	width: 102px;
	height: 37px;
	display: block;
	top: 127px;
	left: 0px;
	background: url("../img/btn_fest_findoutmore.png") no-repeat 0 0px;
	behavior:url("Css/htc/iepngfix.htc");
	/*cursor: pointer;*/
	
}


/* Added an extra class to provide an "already read state" */
.calendar2 .detail_link2 a.katieBlog
{
	position: absolute;
	width: 102px;
	height: 37px;
	display: block;
	top: 127px;
	left: 0px;
	background: url("../img/btn_fest_katieBlog.png") no-repeat 0 0px;
	behavior:url("Css/htc/iepngfix.htc");
	/*cursor: pointer;*/
	
}


.calendar2 .detail_link2 a.katieBlog:hover{
	background-position: -1px -44px;	
}


.calendar2 .detail_link2 a:hover
{
	background-position: 0 -40px;	
}
.calendar2 .detail_link2 span
{
	display: none;
	font-size: 0px;	
}