/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Main Layout File
 */
 
/* Misc Styles and defaults 
-------------------------------------------- */
  
* {
	margin: 0;
	padding: 0;
}

body {
	color: #333;
	font-family: Verdana, Lucida, sans-serif; height:100%; font-size:12px;
	
}

html {
	background: #626467 url(../images/background_hc.jpg); height:100%;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.clear{
	clear:both;
}

/* CONTAINER
----------------------------------------- */
#BgContainer {  /*background:url(../images/pageBg.gif); */
background:url(../images/background.png);
	
	margin: 0 auto; min-height:100%;  position:relative; padding-bottom:130px;
	
	
}  /* padding is to compensate for footer - footer is 300high. rest of footer is compensated for in col 2 padding. this allows cols 1 and 3 to overlap a certain amount*/

#BgContainer .typography { padding:25px 50px 50px 50px }

#Container { 
	
}
#Layout {
	
	clear: both;
	position:relative;
	
	
}
#Content {
	width: 538px;
	float: right; 	
	margin: 0;
	text-align: left;
}

.widthHolder { width:1090px; margin:0 auto; }



/* HEADER
----------------------------------------- */

#Header { 	
	margin:0;
	height:60px;
/*	background:url(../images/header.jpg) 30px 0px ;
	margin:0px 0px 0px 200px; */ background:url(../images/headerRep.jpg) ;
	
	 }
	 
	 
#miniCart { position:absolute; top:15px; left:590px; padding-left:28px; height:30px; background: url("../images/homeIcon.png") no-repeat 0 8px; }
#miniCart a  { color:#666; text-decoration:none; border-bottom:1px #666 dotted; }
#miniCart a:hover { color:#333333; border-color:#333333}	 
	 
#TopRightImage { position:absolute; right:0px; top:0px; }

#SearchForm_SearchForm { position:absolute; top:16px; left:330px;background:url(../images/header.jpg) no-repeat; width:400px; height:30px; padding-top:10px; padding-left:30px;}

#SearchForm_SearchForm #Search  .middleColumn { padding:0; background:none; margin:0px; float:left; width:auto; }
#SearchForm_SearchForm #Search  .middleColumn #SearchForm_SearchForm_Search { width:160px; border:none;}
	#homeLink { position:absolute; top:24px; left:300px; height:20px; width:20px; background:url(../images/homeIcon.png) no-repeat; overflow:hidden;} 
	#homeLink  span { display:none;}
	
	#logoSmall { padding:0px 0px 15px 260px;}
	
/* COLS */	
	
	
	#pageCol1 { width:220px; float:left; margin-left:20px; } 
	#pageCol2 { width:700px; float:left; background:#FFF; padding-bottom:170px;}
	#pageCol3 { width:120px; float:left; } 

	
	 

/* MAIN NAVIGATION - TABS
----------------------------------------- */

#topLeftImage { position:absolute; top:1px; left:10px;} 
#Navigation {
	font-family: AvenirLTStd85Heavy, Tahoma, Verdana, sans-serif;font-size: 14px;
	margin-top:260px; 
	margin-left:10px;
	
}


#Navigation  #menu_6 a { background-position:0px 2px }
#Navigation  #menu_10 a { background-position:0px -53px}
#Navigation  #menu_32 a { background-position:0px -115px}
#Navigation  #menu_7 a { background-position:0px -168px}
#Navigation  #menu_9 a { background-position:0px -227px}

	#Navigation ul { 
 		
	}
		#Navigation ul li { 
	 		list-style: none; 
			margin: 0px;
			display: block; 
			margin-bottom:3px;
		}
  			#Navigation ul li a { 
				background:url(../images/menuTapes.png) no-repeat;
				text-decoration: none;
				display: block;
				
				
				font-size: 1.2em;
				text-transform:uppercase; 
				padding: 14px 10px 14px 10px;
				color: #fff;
				text-align:center;
			}
				
					#Navigation ul li a:hover { 
			 			
						color: #333;
						cursor: pointer;
					}
					
    			#Navigation ul li a.current,
	    		#Navigation ul li a.section,
	    		#Navigation ul li a.section:hover,
	    		#Navigation ul li a.current:hover { 
					
					color: #000;
				}

/* SUB NAVIGATION - menu
----------------------------------------- */
#Navigation .sub ul { margin-bottom:10px;}
#Navigation .sub a {  background:none; font-size:14px; padding:0px;}
#Navigation .sub a img { margin-bottom:-3px; margin-right:5px; }
			



/* RIGHT COL */

#QuickLinks { position:absolute; top:200px; width:165px; right:20px; font-family: AvenirLTStd85Heavy, Tahoma, Verdana, sans-serif;font-size: 10px; }
#QuickLinks ul { list-style:none; }
#QuickLinks ul  li {}
#QuickLinks ul  li a { display:block; background:url(../images/quickLinks.png)  no-repeat right; font-size:1.5em; text-align:center; height:60px; padding:20px 15px 0 25px; margin-bottom:5px; color:#000000; text-decoration:none; text-transform:uppercase }

#socialMedia {  text-align:center; padding-left:15px; margin-top:460px;}

#QuickLinks  #menu_1 a { background-position:right 0px }
#QuickLinks  #menu_13 a { background-position:right -85px}
#QuickLinks  #menu_20 a { background-position:right -170px}

.fb_iframe_widget { margin:5px auto; width:120px; overflow:hidden; }
 

/* MESSAGEBOXS
--------------------------------------------- */
.message {
	margin: 15px;
	padding: 5px;
	width: 92%;
	color: #979908;
	border: 4px solid #F7F8B4;
	background: #FFFFEA;
}
span.middleColumn .message {
	margin: 4px 0 0 3px;
}
.required {
	margin: 4px 0 0 3px;
	padding: 5px;
	width: 92%;
	color: #DC1313;
	border: 4px solid #FF7373;
	background: #FED0D0;
}

p#Remember label {
	margin: -24px 0 0 20px;
	text-align: left;
}
.entry {
	border-bottom: 1px solid #eee;
}

.typography #Content p.authorDate {
	color: #444;
	margin-top: -15px;
	}
	
	
	

/* FOOTER
----------------------------------------------- */





#FooterBar { 
	/* margin-top:-124px; */
	background: url(../images/blueRibbon.png);
	width:100%;
	position:absolute;
	left:-0px;
	height:33px;
	bottom:90px; 
}


#Footer { 
 height:300px;
 background-color:#999; 
 margin-left:240px; 
 margin-top:200px; 
 position:absolute; 
 bottom:0px; 
 left:0px;
 width:700px;
 background:#888 url(../images/footer.jpg)
}


#FooterTop { background:url(../images/topFooter.jpg); height:195px; }

#sponsorsBox { padding:65px 60px 10px 50px;  font-size:10px; }
#col2Footer #sponsorsBox p { color:#999; margin-bottom:10px; padding-left:20px;}
	
  
			
			#FooterLinks { padding:20px 50px }
			#FooterLinks ul { list-style:none; }
			#FooterLinks ul li { float:left; display:block; margin-right:20px; font-weight:normal }
			#FooterLinks ul li a { color:#666666; font-size:11px; }
			#credit { padding:10px 50px; clear:both; font-size:11px; }
			#credit a { color:#666666; }
			
			
			
			/*   popup (program) */
			
			
#popup {
				height: 100%;
				width: 100%;
				background: #000000;
				position: fixed;
				top: 0px;
				left:0px;
				-moz-opacity:0.75;
				-khtml-opacity: 0.75;
				opacity: 0.75;
				filter:alpha(opacity=75);
				display:block;
				zoom:1;
				}
				
* html #popup { 
	position: absolute;
}
#progPopPDF { position:absolute; top:35px; right:50px;}
#progPopPDF a { font-size:18px;}

#window .PopupClose { background:url(../images/button-close.gif); height:33px; width:67px; display:block; text-indent:-999px; position:absolute; margin:-25px 0 0 -10px; }			
				
				

				
	#window {	
				border: 1px solid #000000;
				background: #ffffff;
				position: fixed;
				
				
	}	
	
	.WindowSmall { width:400px; top:200px; left:50%; margin-left:-200px; height:300px; padding:0px;}
	.WindowMed { width:700px; top:100px; left:50%; margin-left:-350px; height:400px; }
	.WindowMed .inner { overflow:auto; padding:10px; height:380px;}
	
	.WindowFull {  left:25px; top: 25px; right:25px; bottom:25px; padding-top:15px; }
		
	#classListArea { height:250px; overflow:auto;} 	
	#classListArea div { padding:10px; margin-bottom:10px; background:#f1f8f9; }
	#classListArea div p { margin:0 120px 0 0;}
	#classListArea div a { background:#91AAA8; color:#FFFFFF; float:right; -moz-border-radius: 5px; border-radius: 5px; display:block; padding:2px;}
	
* html #window { 
	position: absolute;
}	


			
#popupProgInfo {
				height: 100%;
				width: 100%;
				background: #000000;
				position: fixed;
				top: 0px;
				left:0px;
				-moz-opacity:0.5;
				-khtml-opacity: 0.5;
				opacity: 0.75;
				filter:alpha(opacity=5);
				display:block;
				zoom:1;
				}
				
* html #popupProgInfo { 
	position: absolute;
}				
				
			#windowProgInfo {
				width: 600px;
				height: 350px;
				left:50%;
				top: 100px;
				margin-left:-300px;
				border: 1px solid #000000;
				background: #ffffff;
				position: fixed;
				padding:0px;
	}	
		
	
* html #windowProgInfo { 
	position: absolute;
}	




	
	
#popup_content {  overflow:auto; height:100%; }
			
			/*   PAGES */
			
			
			/* DIRECTORY LISTING */
			
			
#DirectoryListing  { padding-bottom:20px; }			
#DirectoryListing .dirInfo { width:186px; margin:3px; border:1px #CCCCCC solid; padding:3px; float:left; height:305px; }			
#DirectoryListing .dirInfo img { 	margin-left:25px; margin-bottom:20px;	}
#DirectoryListing .dirInfo p { margin:0px; }
#DirectoryListing .smaller { font-size:11px;}

.shadow {
		-moz-box-shadow: 3px 3px 4px #cccccc;
		-webkit-box-shadow: 3px 3px 4px #cccccc;
		box-shadow: 3px 3px 4px #cccccc;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');
	}
	
#SupportersListing .supporters { float:left; height:160px; width:140px; margin:10px 20px; background:#FAFAFA; padding:10px;

}
#SupportersListing #item-6 { 

	 -moz-transform:rotate(3deg);
	 -moz-transform:rotate(3deg);
	-webkit-transform:rotate(3deg);
	-o-transform:rotate(3deg);
	-ms-transform:rotate(3deg);
}
#SupportersListing #item-7, 
#SupportersListing #item-9 { 
 -moz-transform:rotate(357deg);
	 -moz-transform:rotate(357deg);
	-webkit-transform:rotate(357deg);
	-o-transform:rotate(357deg);
	-ms-transform:rotate(357deg);
}

#SupportersListing #item-8 { 
 -moz-transform:rotate(1deg);
	 -moz-transform:rotate(1deg);
	-webkit-transform:rotate(1deg);
	-o-transform:rotate(1deg);
	-ms-transform:rotate(1deg);
}
	
	
	#newsLetterForm { margin:20px; padding:10px; background:#f1f8f8; border:1px solid #B0D8D8 }
	#newsLetterForm label { display:block; margin:5px 0px 5px 0px; }
	#newsLetterForm input {  }
	
	.pageIcon { float:left; margin:10px 5px 0 0; }
	
	
	#facebookBox { margin-top:10px;}
	#facebookBoxNumbers { background:#f3f3f3; border:#d3d3d3 1px solid; padding:4px; font-size:12px; margin:2px auto; }
	#facebookBoxLike { height:25px; overflow:hidden;}
	#facebookBoxLikeInner { margin-top:-50px; padding-left:13px;}
	#facebookBoxNumbers a { color:#333333; text-decoration:none;}
	
	
	
	.typography .programIconLink { position:relative; margin-left:40px; margin-bottom:25px;}
	.typography .programIconLink img { position:absolute; left:-40px; }
	.typography .programIconLink.freerange img { top:-1px; }
	.typography .programIconLink.homework img { top:1px; }
	.typography .programIconLink.yarn img { top:-5px; }
	
	
	
	
	
	
	
	
	
	
	/* program page */
	
.streamDescription { border-top:1px dashed #999999; padding:10px 0px;}
.streamDescription img { float:right}


#loadArea table {
	/* width: 2270px; */
	width: 2445px;
}
#loadArea th,
#loadArea td {
	padding: 5px;
	border-bottom: none;
	border-right: 1px solid white;
	border-top: 1px solid white;
	vertical-align:top;
}
#loadArea th p,
#loadArea td p {
	margin: 0;
}
#loadArea .session-details {
	cursor: pointer;
}


.story {
	font-size: 10px;
	line-height: 11px;
}
.day-heading,
.table-subheadings,
.stream-heading,
.stream-heading-black-smaller-,
.stream-heading-white-smaller-,
.stresam-heading-white,
.break {
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: middle;
}

#popup_content .typography .stream-heading-white-smaller-  { color:#FFFFFF!important}

.soldout {
	background-image: url(../images/soldout.png) !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	
}
.day-heading,
.table-subheadings {
	font-size: 13px;
	line-height: 30px;
}
.break {
	color: #bcbdbf;
	font-weight: normal;
	height: 20px;
	line-height: 20px;
	text-align: center;
}
.white-space-for-break .story {
	display: none;
}
.white-space-for-break {
	color: #bcbdbf;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	font-size: 10px !important;
}
td.remade-heading,
td.heirloom-heading,
td.taste-heading,
td.world-heading,
td.yarn-heading,
td.freerange-heading,
td.homework-heading,
td.stitch-heading { 
	text-align: center;
	font-size: 13px;
	line-height: 30px;
	vertical-align: middle;
}
td.quilt-heading,
td.jewellery-heading,
td.exhibition-store-heading,
td.lecture-series-heading,
td.knit-lounge-heading,
td.finishing-room-heading 
 {
	vertical-align: middle;
	text-transform: uppercase;
	text-align: center;
}
.stream-heading-white-smaller-,
 {
	text-align: center;
	text-transform: uppercase;
}
.stresam-heading-white,
.stream-heading-white-smaller- {
	color: white;
	text-shadow: none;
}
td.day-date-heading {
	background: black;
	color: white;
	text-shadow: none;
}
td.session-time {
	background: #58595b;
	color: white;
	text-shadow: none;
}
td.break-time {
	background: #919598;
	color: white;
	text-shadow: none;
	text-transform: lowercase;
}
.workshop-masterclass {
	display: block;
	margin-bottom: 4px;
}
.class-name {
	font-weight: bold;
}
.venue {
	font-weight: bold;
	margin-top: 5px !important;
	text-transform: none;
	font-size: 0.85em;
}
/* WIDTHS */
td.break-time,
td.session-time,
td.knit-lounge {
	width: 110px; font-size:10px;
}
td.opening-closing { background-color:#7E9596;}

td.remade-masterclass,
td.remade-workshop,
td.taste-masterclass,
td.taste-workshop,
td.yarn-masterclass,
td.yarn-workshop,
td.homework-masterclass,
td.homework-workshop,
td.heirloom-masterclass,
td.heirloom-workshop,
td.world-masterclass,
td.world-workshop,
td.stitch-masterclass,
td.stitch-workshop,
td.freerange-masterclass,
td.freerange-workshop,
td.lecture-series,
td.jewellery-workshop,
td.quilt-workshop,
td.exhibition-store {
	width: 100px;
	cursor: pointer;
}
/* COLOURS */
td.remade-masterclass,
td.heirloom-masterclass		{ background: #edece2; }
td.remade-workshop,
td.heirloom-workshop		{ background: #dad9c2; }
td.taste-masterclass,
td.world-masterclass		{ background: #ead2c7; }
td.taste-workshop,
td.world-workshop			{ background: #d69e89; }
td.yarn-masterclass,
td.freerange-masterclass	{ background: #ecdfd2; }
td.yarn-workshop,
td.freerange-workshop		{ background: #d8bb9f; }
td.homework-masterclass,
td.stitch-masterclass		{ background: #dbded4; }
td.homework-workshop,
td.stitch-workshop			{ background: #b1bba5; }

td.lecture-series			{ background: #97867e; }
td.exhibition-store			{ background: #d4e9e9; }
td.jewellery-workshop		{ background: #b7caca; }
td.quilt-workshop			{ background: #7498a7; }

td.knit-lounge-heading		{ background: #dba822; }

td.finishing-room-heading	{ background: #eecf8d; }

td.knit-lounge				{ background: #f1d7a2; }
td.finishing-room- 			{ background: #f8ebce;}

td.remade-heading			{ background: #babb91 url(../../../assets/Icons/hama-icon-remade.png) no-repeat 20px center; }
td.heirloom-heading			{ background: #babb91 url(../../../assets/Icons/hama-icon-quilt.png) no-repeat 20px center; }
td.taste-heading			{ background: #b9573e url(../../../assets/Icons/hama-icon-taste.png) no-repeat 20px center; }
td.world-heading			{ background: #b9573e url(../../../assets/Icons/hama-icon-giftit.png) no-repeat 20px center; }
td.yarn-heading				{ background: #bb895a url(../../../assets/Icons/hama-icon-knit.png) no-repeat 20px center; }
td.freerange-heading		{ background: #bb895a url(../../../assets/Uploads/hama-nav-active-freerange2.png) no-repeat 20px center; }
td.homework-heading			{ background: #758e68 url(../../../assets/Icons/hama-icon-homework.png) no-repeat 20px center; }
td.stitch-heading			{ background: #758e68 url(../../../assets/Icons/hama-icon-sewnup.png) no-repeat 20px center; }

td.registration 			{ background: #b0d8d8; }
td.keynote-speaker			{ background: #7e9596; }
td.cocktail-function		{ background: #eacd8c; }
td.lecture-series-heading	{ background: #4d372b; }
td.exhibition-store-heading	{ background: #b0d8d8; }
td.jewellery-heading		{ background: #7e9d9e; }
td.quilt-heading			{ background: #00586a; }

#popup_content .typography p { color:#333333; }
#popup_content .typography h1 { margin:0px;}
#popup_content .typography h2 { margin:0px 0px 10px 0px;}
#popup_content .typography h3 { clear:none; }
#popup_content .typography .break-time, 
#popup_content .typography .session-time, 
#popup_content .typography .day-heading { color:#FFFFFF; }

#popup_content #loadAreaProgInfo { padding:10px; height:300px; overflow:auto;}
#popup_contentProgInfo { padding-top:20px;}
#popup_contentProgInfo .PopupCloseProgInfo  { background:url(../images/button-close.gif); height:33px; width:67px; display:block; text-indent:-999px; position:absolute; margin:-25px 0 0 -10px; }			
	
	
.PopupSoldOut { padding:2px; background:#FFFFFF; color:#993300; font-size:11p; font-weight:bold;  width:100%; }				
				
.Level_None { display:none; }
.Level_Rookie {  background:url(/assets/Uploads/Icons/Rookie-Ratingopt.jpeg); width:101px; height:24px; text-indent:-999px;}		
.Level_Novice {  background:url(/assets/Uploads/Icons/Novice-Ratingopt.jpeg); width:101px; height:24px; text-indent:-999px;}	
.Level_Skilled {  background:url(/assets/Uploads/Icons/Skilled-Ratingopt.jpeg); width:101px; height:24px; text-indent:-999px;}	
.Level_Expert {  background:url(/assets/Uploads/Icons/Expert-Ratingopt.jpeg); width:101px; height:24px; text-indent:-999px;}		


.classTimeBlock { background:#ccc; padding:5px; background: none repeat scroll 0 0 #F1F8F8;
    border: 1px solid #B0D8D8;}

.typography .classTimeBlock label { margin:5px 0; }



.DottedBlueButton {
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:3px;
	background:#dce6e1;
	display:block;
	
	-moz-box-shadow: 3px 3px 5px rgba(0,0,0,.6);
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,.6);
	box-shadow: 3px 3px 5px rgba(0,0,0,.6);

}
.DottedBlueButton span {
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:2px dotted #b8c2bc;
	padding:5px;
	display:block;
	text-align:center;
	
}


.DottedPinkButton {
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:3px;
	background:#f197a7;
	display:block;
	
	-moz-box-shadow: 3px 3px 5px rgba(0,0,0,.6);
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,.6);
	box-shadow: 3px 3px 5px rgba(0,0,0,.6);

}
.DottedPinkButton span {
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:2px dotted #fef3e7;
	padding:5px;
	display:block;
	text-align:center;
	color:#fff;
	text-decoration:none;
	
}

.typography a.DottedPinkButton:hover { text-decoration:none}

.typography .soldOut { color:#F197A7; font-size:18px; font-weight:bold; font-family:AvenirLTStd65Medium, Arial, Helvetica, sans-serif; 
 text-transform: uppercase;}
 
 .homeBoxer { width:290px; float:left; margin-bottom:20px; }
	
 .homeBoxer	.mainDiv {  height:280px; overflow:auto; background:#ECF5F4; 	-moz-box-shadow: 3px 3px 5px rgba(0,0,0,.3);
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,.3);
	box-shadow: 3px 3px 5px rgba(0,0,0,.3); padding:10px; }
	
	 .homeBoxer	 .innerDiv { background:#E0E9E8; padding:10px; margin-bottom:5px;}
	 
	 
	 
	 
	 
	 
	 
	 
	 
/* feedback forms */

.attendee-evaluation #EditableLiteralField21 .middleColumn{ background:none; padding:0px;}

.attendee-evaluation .middleColumn,
.teacher-evaluation .middleColumn { width:inherit }

.attendee-evaluation .optionset,
.teacher-evaluation .optionset {
	width:inherit; list-style:none;
}
.attendee-evaluation .optionset label,
.teacher-evaluation .optionset label {
	margin-top: 10px;
}
.attendee-evaluation .optionset li,
.teacher-evaluation .optionset li {
	float: left;
	width: 115px;
	clear:none;
	list-style:none
}
.attendee-evaluation .optionset li input,
.teacher-evaluation .optionset li input {
	
}
.attendee-evaluation .optionset li label,
.teacher-evaluation .optionset li label {
	display: block;
	text-align: left;
	padding-left:25px;
	font-size: .85em;
	font-weight: bold;
	color: gray;
	cursor: pointer;
	margin-top: -2px;
}

.attendee-evaluation form .field .middleColumn textarea,
.teacher-evaluation form .field .middleColumn textarea {
	width: 400px;
}
.attendee-evaluation form #EditableTextField1,
.teacher-evaluation form #EditableTextField11 {
	float: left;
	padding-right: 30px;
}
.attendee-evaluation form .middleColumn input.text,
.teacher-evaluation form .middleColumn input.text {
	width: 200px;
}