
/* SET DEFAULTS */
body {
	position:relative;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	color:#000;
	font-family: arial, helvetica,verdana,tebuchet,sans-serif;
	background: #fff ; 
	text-align:center;
}
* { 
	font-size: 1em; 
}
div, form{
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dt, dd  {
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6{
	padding: .2em 0;
	line-height: 1.2em;	
}	

h1{
	font-size: 2.2em;
	padding:.3em 0;
}
li h1{font-size: 2em;}

h2{
	font-size: 1.9em;
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing:-.04em;
}
li h2{font-size: 1.64em;}

h3 {font-size: 1.4em;}
li h3{font-size: 1.27em;}

h4 {font-size: 1.3em;}
li h4{font-size: 1.18em;}

h5 {font-size: 1.2em;}
li h6{font-size: 1.08em;}

h6 {font-size: 1.1em;}
li h2, li h3, li h4, li h5, li h6{
	font-size:1em;
}

p{
	font-size: 1.1em;
	line-height: 1.3em;
	padding: 0 0 1em 0;  
}

ul, ol, dl { 
	padding: 0 0 1.2em 0;  
} 
ul, ol, dl, li, dt, dd {
	line-height:1em;
	list-style: none;
}
li, dt, dd {
	font-size: 1.1em;
	line-height: 1.5em;
}
li li, li dt ,li dd,li p, li label, li input, li select,
dt li, dt dt ,dt dd, dt p,
dd li, dd dt ,dd dd, dd p {
	font-size: 1em;
	padding:0;
}
li p {padding-bottom:.5em;}

table{border-collapse:collapse;padding:0 0 1em 0;}
td, th{
	margin:0;
	padding:0;
	font-size: 1.1em;
}
th {font-weight:bold;}

/* LINK styles */
a {
	color:#000;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration: underline;
}
a:hover {
}


	a.skiplink {
		position:absolute;
		left:-20000em;
		font-size:8px;
	}
	
img, a img {
	border: none;
	vertical-align:middle;
}		


/* BOXES */
	#wrapper{
	}		
	#header, #content, #footer{
		z-index:0;
		width:940px;
		margin:0 auto;
		text-align:left;
	}		
	#header {
		z-index:0;
		min-height:38px;
		padding:16px 0 0 0;
	}
	#contentBox {
		float:left;
		width:100%;
		z-index:1;
		text-align:center;
		position:relative;
		padding:14px 0;
		border-top:1px solid #000;
		border-bottom:1px solid #000;
	}
		#content {
			z-index:50;
			min-height:120px;
			height: auto !important;
			height:120px;
		}
		#bgIcons {
			clear:both;
			width:1190px;
			width:940px;
			margin:0 auto;
			z-index:-1;
			position:relative;
			overflow:visible;
			text-align:left;
		}
		#bgIcons img{position:absolute;left:0;bottom:-14px;}
		#bgIcons img.right{left:auto;right:0;margin-right:-125px;}
		#bgIcons img.left{margin-left:-125px;}


	#footer  {
		clear:both;
		padding:20px 0;
	}








/* HEADER styles */
	#header h1{
		padding:2px 0 0 0;
		height:17px;
		font-size:1.2em;
		line-height:1em;
		float:left;
		width:160px;
	}



	/* MENU styles */
		#menu{
			float:left;
			display:inline;
			width:770px;
			border-bottom:12px solid #fff;
		}
			#menu li{display:inline;}
			#menu a {
				text-transform:none;
				text-decoration:none;
			}
			#menu a:hover {
				color:#fff;
				background:#000;
			}
		#mainNav {padding:0 0 4px 0;}
			#mainNav li{
				font-size:1.4em;
				padding-right:20px;
				background: url(../images/bgs/mainNav-li.gif) right center no-repeat;
			}
			#mainNav li.aboutNav{
				padding-right:0px;
				background-image:none;
			}
			#mainNav a {
				padding:5px 6px;
			}

		#menu h2 {
			float:left;
			width:auto;
			font-size:1.1em; 
			font-weight:normal;
			padding:6px 5px 0 6px; 
		}
		#menu .sectionNav {padding:4px 0 0 0;}
			.sectionNav li{
				float:left;
				width:auto;
				display:inline;
				padding-right:11px;
				white-space:nowrap;
				background: url(../images/bgs/mainNav-li-li.gif) right center no-repeat;
			}
			.sectionNav a {
				padding:3px 6px;
			}
	

/* FOOTER styles */
	#footer p{font-size:1.2em;}

	/* FOOTER MODULES */
		#footer .narrowBox,
		#footer .wideBox{
			float:left;
			display:inline;
			width:320px;
		}
		#footer .wideBox{width:600px;}
		#footer .module{margin-bottom:15px;}

		#footer .narrowBox .module{width:300px;}

		#footer .wideBox .module{
			width:578px;
			padding:10px 20px;
			border:1px solid #000;
			margin-bottom:5px;
			overflow:hidden;
			position:relative;
		}
		.wideBox .module .moduleHeading{
			float:left;
			width:132px;
			padding:0;
			font-size:2.3em;
		}
		.wideBox .module .moduleContent{margin-left:135px;}
		.wideBox .imgBox,
		.wideBox .imgBox a{color:#fff;}
		.wideBox .imgBox .captionBox{
			z-index:-1;
			left:0px;
			top:0px;
			position:absolute;
		}

			form#MailingList {width:300px;}
				#MailingList .row,
				#MailingList .formbuttons {display:inline;position:relative;}
				#MailingList label{
					display:block;
					width:300px;
					height:auto;
					margin:0;
					padding:0;
					font-size: 1.7em;
					font-weight:normal;
					letter-spacing:-.04em;
					text-transform:uppercase;
				}
				#MailingList input {vertical-align:middle;}
				#MailingList input#MailingList_Email{float:left;width:220px;}
				#MailingList input#submitbutton {padding:0;margin:3px ;height:19px;}
				#MailingList span.inputError {position:absolute;top:45px;}
	



	#footer .sponsorList {clear:both;width:100%;}
	#footer .sponsorList li,
	#footer .sponsorList li img{
		display:inline;
		vertical-align:middle;
	}
	#footer .sponsorList li{padding-right:10px;}

	#footer #userpanel{clear:both;padding:10px 0;background:#eee;}
	#footer #userpanel ul, #footer #userpanel li{display:inline;}

	#footer p.copyright{font-size:1em;}

	
		


/* CONTENT styles */

	#content li,
	#content dt,
	#content dd{
		padding-left:20px;
	}	
	#content ul li,
	#content dt{
		background: url(../images/icons/bullet.gif) 6px 4px no-repeat; 
	}	
	#content ol li{
		list-style:inside decimal; 
	}	

	#content dt{font-weight:bold;}	
	#content .specs dt{
		float:left;
		display:inline;
		padding:0 6px 0 0;
		background: none;
	}

	#content .captionBox{
		float:left;
		display:inline;
		width:300px;
		margin:0 10px 15px 0px;
	}
		#content .captionBox p.caption{
			padding:0 3px;
			font-size:1.1em;
		}

	#content .contentText{margin-left:320px;}

	/* stepthroughs, switches and typefilters */
		#content .switch,
		#content .stepThrough{
			padding:5px 0;
		}
			#content .switch {
				line-height:1.7em;
				clear:both;
			}
	
			#content .filterNav {
				float:left; 
				width:620px;
				padding-bottom:10px;
			}
				#content .filterNav h2 {
					float:left;
					width:150px;padding:0 ; 
				}
				#content .filterNav .sectionNav {float:left;padding:4px 0;width:230px;}
				#content .filterNav .partners {margin-left:0px;text-align:right;}
				#content .filterNav .sectionNav li{
					float:none;
					display:inline;
					padding:0 6px 0 0;
					background-image:none;
					text-transform:uppercase;
				}
				#content .filterNav .sectionNav li.active{
					margin-right:6px;
				}



			#content .switch a,
			#content .switch a.active,
			#content .stepThrough a,
			#content .stepThrough .active,
			#content .filterNav .sectionNav a,
			#content .filterNav .sectionNav .active{
				color:#EF619A;
				padding:1px 3px;
				border:1px solid #E5E5E5;
				text-decoration:none;
				background: #fff;
			}
				#content .switch a.active,
				#content .stepThrough .active,
				#content .filterNav .sectionNav .active{
					color:#000;
					background: #E5E5E5;
				}
				#content .switch a:hover,
				#content .stepThrough a:hover,
				#content .filterNav .sectionNav a:hover{		
					border:1px solid #E5E5E5;
					background: #E5E5E5;
				}


/* SPLASH BANNER IMAGES */
	.splash{padding-bottom:15px;}
		.index .splash{position:relative;padding-bottom:0;}


/* EVENTS DEFAULTS (for all sections) */
	#content .eventSummary .more{white-space:nowrap;}
	
		
	/* SIDEBAR */
		/* narrow module output column */
			#content #sidebar{
				 margin-left:640px;
				 margin-right:-20px;
				 width:300px;
			}
				#content #sidebar .module{padding-bottom:15px;}
				#content #sidebar .captionBox{margin:0 0px 15px 0px;float:none;}

	/* CALENDAR */
		/* narrow column - table calender nav */
			#content .calendarMonth{
				width:300px;
			}
	
			#content .calendarMonth .calendarBlurb{
				float:right;
				width:100px;
			}
			#content .calendarMonth h2.dateNav{
				font-size:1.2em;
				width:180px;
				padding:2px 3px;
				text-align:right;
			}
			#content .calendarMonth h2.dateNav a{padding:0 3px;}
			#content .calendarMonth h2.dateNav strong{	float:left;	}
	
			#content .calendarMonth .cal{
				padding:0;
				margin-bottom:10px;
				background:#fff;
				border:0px solid #fefefe;
			}
			#content .calendarMonth .cal th,
			#content .calendarMonth .cal td{
				text-align:center;
				width:25px;
				padding:3px 0px;
				font-size:1.3em;
				border:2px solid #eee;
			}
	
			#content .calendarMonth .cal th{ color:#DE0778;font-size:1.4em; }
			#content .calendarMonth .cal td{ background:transparent; }
			#content .calendarMonth .cal td.on{ background:#eee; }
	
			#content .calendarMonth .cal td a{
				color:#DE0778;
				text-decoration:none;
			}
			#content .calendarMonth .cal td a:hover{color:#000;}
	
	/* MAP */
		/* narrow column - google maps */
			#content .locationMap{
				width:300px;
				position:relative;
			}
				#content #map {
					width:190px;
					height:130px;
					overflow:hidden;
					margin-bottom:10px;
				}
				#content #map .gmnoprint span{display:block;width:185px;font-size:.8em;}
				#content .locationMap .mapBlurb{
					float:right;
					width:100px;
				}
				#content .locationMap #mapInfo{
					position:absolute;
					left:199px;
				}
					#content .locationMap #mapInfo .popupInfo{
						width:93px;
						height:103px;
						padding:7px 0 20px 7px;
						background: #EF619A url(../images/bgs/map-popup.gif) left bottom no-repeat;
					}
					#content .locationMap #mapInfo h1{font-size:1.5em;}
		


		/* full page - google maps */
			.map #content .locationMap{
				width:620px;
				position:relative;
			}
				.map #content #map {
					width: 500px; 
					height: 400px;
					border:2px solid #ccc;
				}
				.map #content .locationMap #mapInfo{left:515px;}
				.map #content .locationMap #mapInfo .popupInfo{width:103px;height:120px;}



	/* EVENTLIST DEFAULTS */
		#content .eventsMultiple,
		#content .eventList,
		#content .eventList li{
			float:left;
			width:auto;
			display:inline;
		}
		#content .eventsMultiple,
		#content .eventList{
			 width:630px;
			 padding:0;
		}
			#content .eventsMultiple .stepThrough{
				float:right;
				width:480px;
			}
			#content .eventList .eventItem{
				 width:300px;
				 height:175px;
				 padding:0 20px 15px 0px;
				 background-image:none;
			}
			#content .eventList li.box1{clear:left;}
			#content .eventList li.box2{padding-right:0;}
			#content .eventList .captionBox{
				margin:0;
				width:140px;
			}
			#content .eventList .eventSummary{
				width:145px;
				margin-left:150px;
			}
			#content .eventList .eventTitle{font-size: 1.27em;}
			#content .eventList .eventDate{font-size: 1.18em;padding-top:0;}

		/* venue sorted events */
			#content .locationsMultiple,
			#content .locationList{
				float:left;
				display:inline;
				width:630px;
			}
			#content .locationHeader{
				float:left;
				width:630px;
				display:inline;
				padding-bottom:15px;
			}
				#content .locationHeader h1,
				#content .locationHeader h2{
					padding:0;
				}
				#content .locationHeader h2{text-transform:none;}
			#content #locationMapSingle{
				 margin-left:640px;
				 margin-right:-20px;
				 width:300px;
			}


	/* SINGLE EVENT DEFAULTS */
		#content .eventSingle{}
			#content .eventSingle .eventText{margin-left:480px;width:460px;padding-top:20px;}
			#content .eventSingle .captionBox{background:#fff;width:460px;text-align:center;}
			#content .eventSingle .captionBox .imageCredit{color:#000;font-size:1em;padding:0;}
	
				#content .eventSingle .eventText .contentText{margin-left:0px;clear:left;}
				#content .eventSingle .eventText .captionBox{display:inline;width:300px;text-align:left;}

				#content .eventText .presentsLine{padding:0 0 10px 0;font-style:italic;}
				#content .eventText h1.eventTitle{padding:0;line-height:1.1em;text-transform:uppercase;}
				#content .eventText h2.eventLocation{padding:.1em 0 5px 0;font-size:1.6em;}
	
				#content .eventText dl.eventSpecs{
					float:left;
					width:460px;
					margin:.5em 0;
					padding:.4em 0;
					border-top:1px solid #eeeeee;
					border-bottom:1px solid #eeeeee;
				}
				#content .eventSpecs dt{
					clear:left;
					float:left;
					width:60px;
					display:inline;
					padding-left:0;
					background-image:none;
				}
				#content dl.eventSpecs dd{float:left;padding-left:0px;width:395px;}
				#content dl.eventSpecs dl.cost {width:390px;padding:0; }
				#content dl.eventSpecs dl.cost dt{width:85px;}
				#content dl.eventSpecs dl.cost dd{margin-left:90px;width:290px;}
	
		/* calendar & maps INSIDE a single event! */
				#content .eventSingle .calendarMap{clear:left;}
				#content .eventSingle .calendarMonth{float:left;width:220px;}
					#content .eventSingle .calendarMonth .calendarBlurb{display:none;}
				#content .eventSingle .locationMap{margin-left:240px;width:220px}

		/* multiple additional events INSIDE a single event! */
			#content .eventSingle .eventsMultiple,
			#content .eventSingle .eventList{
				 width:460px;
			}
				#content .eventSingle .eventList .eventItem{
					width:140px;
					height:auto;
				}
				#content .eventSingle .eventList .eventItem .captionBox{float:none;}
				#content .eventSingle .eventList .eventItem .eventSummary{margin:0;}
	




/* INDEX */
	.index #bgIcons {display:none;}
	.index #contentBox{
		color:#fff;
		background:#000;
	}
		.index #contentBox a{
			color:#fff;
		}
			.index .splash .splashText{
				position:absolute;
				top:14px;
				left:640px;
				width:200px;
				height:220px;
				padding:10px;
				color:#000;
				font-weight:bold;
				text-transform:uppercase;
				background: url(../images/bgs/index-splashText.gif) left top no-repeat;
			}
			.index #contentBox .splash .splashText a{
				color:#DE0778;
			}
			.index .splash .splashText h2{
				font-size:2.2em;
				font-weight:bold;
				line-height: 1.1em;
				padding:0 0 .1em 0;	
			}
			.index .splash .splashText p{
				padding-right:15px;
				font-size: 1.1em;
				line-height: 1.1em;
			}

		.index #colFeat{
			width:940px;
			min-height:250px;
			clear:both;
			padding-bottom:15px;
		}
		/* post festival layout - festival layout has google maps in colThree. may be re-instated next year */
		.index #colOne,
		.index #colTwo{
			float:left;
			width:640px;
		}
		.index #colTwo{width:300px;}
		/* festival layout had google maps in colThree.. this section kep as backup as layout may be re-instated next year 
			.index #colOne,
			.index #colTwo,
			.index #colThree{
				float:left;
				width:320px;
			}
			.index #colThree{width:300px;}

		*/

	/* index event styles */
		.index #content .eventsMultiple,
		.index #content .eventList{
			 width:640px;
		}
		/* festival layout 
			.index #content .eventsMultiple,
			.index #content .eventList{
				 width:320px;
			}
		*/
			.index #content .eventList .eventItem{
				width:140px;
			 	height:auto;
			}
				/* post festival alterations - remove if going back to 2 events on front */
				.index #content .eventList  li.box2{padding-right: 20px;}
				.index #content .eventList  li.box4{padding-right: 0px;}
				
			.index #content .eventList .eventItem .captionBox{float:none;}
			.index #content .eventList .eventItem .eventSummary{margin:0;}
	
		/* index calendar styles */
			.index #content .calendarMonth .cal{background:#000;}
			.index #content .calendarMonth .cal th,
			.index #content .calendarMonth .cal td{border:2px solid #111;}
			.index #content .calendarMonth .cal td.on{background: #111;}
			.index #content .calendarMonth .cal td.on a{color:#DE0778;font-weight:normal;}
			.index #content .calendarMonth .cal td.on a:hover{color:#fff;}

		/* index map styles */
			.index #content .locationMap #mapInfo .popupInfo{
				background: #EF619A url(../images/bgs/map-popup-front.gif) left bottom no-repeat;
			}



/* UNCATEGORISED EVENTS (reflects black of index page) */
	.events #bgIcons {display:none;}
	.events #contentBox{
		color:#fff;
		background:#000;
	}
		.events #contentBox a{color:#fff;}
		.events #content .stepThrough a{color:#EF619A;}

	/* SIDEBAR */
		/* calendar output box on date filter page */
			.events #content #sidebar{
				margin:0;
				float:right;
				 width:300px;
			}
	
		/* index calendar styles */
			.events #content .calendarMonth .cal{background:#000;}
			.events #content .calendarMonth .cal th,
			.events #content .calendarMonth .cal td{border:2px solid #111;}
			.events #content .calendarMonth .cal td.on{background: #111;}
			.events #content .calendarMonth .cal td.on a{color:#DE0778;font-weight:normal;}
			.events #content .calendarMonth .cal td.on a:hover{color:#fff;}




/* BAKERY */
	.bakery #contentBox{
		color:#fff;
		background:#000 url(../images/bgs/bakery-content.gif) center top repeat-x;
	}
		.bakery #contentBox a{color:#fff;}
		.bakery #content .captionBox img{border:3px solid #fff;}
	
	/* SIDEBAR */
		/* calendar output box on date filter page */
			.bakery #content #sidebar{
				margin:0;
				float:right;
				 width:300px;
			}

	
/* BAKERY & BREADBOX styles */
	/* bakery styles */
		.bakery #bgIcons,
		.breadbox #bgIcons {display:none;}

		/* bakery stepthroughs */
				.bakery #content .stepThrough a,
				.bakery #content .stepThrough .active{
					color:#820000;
					border:1px solid #ccc;
					background: #fff;
				}
				.bakery #content .stepThrough .active{
					background: #ccc;
					color:#000;
				}
				.bakery #content .stepThrough a:hover{		
					border:1px solid #ccc;
					background: #ccc;
			}

	/* bakery/breadbox event styles */
		/*  front featured event */
			.bakery #content .featuredEvent,
			.breadbox #content .featuredEvent{
				 float:left;
				 width:640px;
			}
				.bakery #content .eventTitle a,
				.breadbox #content .eventTitle a {text-transform:none;}
				.bakery #content .featuredEvent .captionBox,
				.breadbox #content .featuredEvent .captionBox{width:310px;}
				.bakery #content .featuredEvent .eventSummary,
				.breadbox #content .featuredEvent .eventSummary{
					width:300px;
					margin-left:320px;
				}
	
					.bakery .featuredEvent h1.eventTitle,
					.bakery .featuredEvent h2.eventLovation,
					.bakery .featuredEvent h3.eventDate,
					.breadbox .featuredEvent h1.eventTitle,
					.breadbox .featuredEvent h2.eventLovation,
					.breadbox .featuredEvent h3.eventDate {line-height:1em;}
					.bakery .featuredEvent h1.eventTitle,
					.breadbox .featuredEvent h1.eventTitle{
						font-size:3em;
						padding:20px 0 0 0;
					}
					.bakery .featuredEvent h1.eventTitle a,
					.breadbox .featuredEvent h1.eventTitle a {text-decoration:none;}
					.bakery .featuredEvent h1.eventTitle a:hover,
					.breadbox .featuredEvent h1.eventTitle a:hover {text-decoration:underline;}
					.bakery .featuredEvent .eventLocation,
					.breadbox .featuredEvent .eventLocation {
						font-size:2em;
						font-weight:normal;
						text-transform:none;
					}
					.bakery .featuredEvent .eventDate,
					.breadbox .featuredEvent .eventDate {
						font-size:1.7em;
						margin-bottom:10px;
						padding-bottom:10px;
						border-bottom:2px solid #fff;
					}
					.bakery .featuredEvent .eventSummary p,
					.breadbox .featuredEvent .eventSummary p {
						font-size:1.2em;
						padding-right:80px;
					}
					.bakery .featuredEvent p{font-weight:bold;}

		/* multiple events */
			.bakery #content .eventsMultiple,
			.breadbox #content .eventsMultiple{
				 width:320px;
				 margin-right:-20px;
			}
				.bakery #content .eventsMultiple .stepThrough,
				.breadbox #content .eventsMultiple .stepThrough{
					float:left;
					width:320px;
				}

				.bakery #content .eventList,
				.breadbox #content .eventList {
					width:310px;
				}
				.bakery #content .eventList .eventItem,
				.breadbox #content .eventList .eventItem{
					height:auto;
					padding-right:0;
				}
				.bakery #content .eventList .eventSummary, 
				.breadbox #content .eventList .eventSummary{margin-left:157px;width:140px;} 
				.bakery #content .eventList .eventTitle,
				.breadbox #content .eventList .eventTitle{font-size: 1.45em;}

		/* single event */
			.bakery #content .eventSingle .captionBox .imageCredit{padding-left:3px;}
			.bakery #content .eventSingle .narrow{padding:5px 0;}

		/* calendar */
			.bakery #content .calendarMonth .cal{background:#000;}
			.bakery #content .calendarMonth .cal th{ color:#820000; }
			.bakery #content .calendarMonth .cal th,
			.bakery #content .calendarMonth .cal td{border:2px solid #111;}
			.bakery #content .calendarMonth .cal td.on{background: #111;}
			.bakery #content .calendarMonth .cal td.on a{color:#820000;font-weight:normal;}
			.bakery #content .calendarMonth .cal td.on a:hover{color:#fff;}



/* ABOUT */
	/* staff & partners/sponsors*/
		#content .staffIntro,
		#content .sponsorIntro{
			float:left;
			width: 300px;
		}
			#content .staffIntro .contentItem,
			#content .staffIntro .contentText,
			#content .sponsorIntro .contentItem,
			#content .sponsorIntro .contentText{margin:0;}

		#content .staffCategories,
		#content .sponsorCategories{
			margin-left:320px; 
		}
		.festival #content .sponsorCategories{margin-left:0px;float:left;width:620px;}

		#content .staffCategories .staffCategory,
		#content .staffList ,
		#content .sponsorCategories .sponsorCategory,
		#content .sponsorList {
			float:left;
			width:620px;
		}
		#content .staffCategories .staffCategory,
		#content .staffList .staffItem,
		#content .sponsorCategories .sponsorCategory,
		#content .sponsorList .sponsorItem{
			padding-left:0;
			background-image:none;
		}
		#content .staffList,
		#content .sponsorList {margin-top:-10px;}
		#content .staffList .staffItem,
		#content .sponsorList .sponsorItem{
			float:left;
			width:620px;
			padding:10px 0 5px 0 ;
			border-bottom:1px solid #eeeeee;
		}
		#content .staffItem .captionBox,
		#content .sponsorItem .captionBox {
			width:140px;
			text-align:right;
			margin:0 0 5px 0;
		}

		#content .staffItem .staffText,
		#content .sponsorItem .sponsorText{margin-left:150px;}

		#content .staffText h2,
		#content .sponsorText h2{font-size:1.4em;padding-top:0;}
		#content .staffText h3,
		#content .sponsorText h3{font-size:1.2em;padding-top:0;}






/* FORMS */
	
	/* CORE FORM styles */
		form * {
			color:#000; /* change for each site */
			font-family:arial, helvetica, verdana, trebuchet, sans-serif;
		}
		form{
			padding:0 0 1em 0;
		}

		/* clear browser defaults */
		input, select, textarea, label, legend, fieldset{
			padding:0;
			margin:2px 0 ;
			font-size: 1.1em;
		}
		input, select, textarea{
			color:#313131;
			padding:3px 2px;
			vertical-align:middle;
			background:#eee url(../images/bgs/input.gif) !important;
			border:1px solid #D7D7D7;/* change for each site */
		} 
		input.radio{background:transparent none !important;} 
		textarea{ height: 60px; } 
		option {font-family: arial, helvetica, verdana, trebuchet, sans-serif;}
		label, legend {
			color:#000;
			font-weight:bold;
		}
		input{ width:180px; }
		label{
			float:left;
			width:120px;
			margin:3px 0 8px 0;
		}
		select {width:auto;}
		textarea{ 
			height: 70px;
			width: 250px;
		} 
		fieldset{ 
			clear:both;
			padding:5px 10px;
			margin:0 0 .5em 0; 
			background:#fff !important;
			border:1px solid #D7D7D7; /* change for each site */
		} 
		/* DREAMGIRL FORM LIST STUFF */
			form .row {clear:both;}
			form ul.multi{
				float:left;
				width:240px;
				padding-bottom:0;
			}
			form ul.multi li{
				float:left;
				width:120px;
				font-size:1em;
				padding:2px 0;
			}
			form ul.multi input,
			form ul.row input{
				width:auto;
				margin-right:3px;
			}
			form ul.multi label{font-weight:normal;}
			form li{
				padding:0px;
				background-image:none;
			}
	
		/* FEATURE LOGIN FORM  */
			form.loginForm{ 
				width:300px; 
			}
			form.loginForm label{ 
				width:80px; 
			}
			form.loginForm input{ 
				margin:2px 0; 
			}
			form.loginForm input.loginbutton{ 
				margin-left:80px; 
			}
			

	
	
	
		/* BUTTONS */
			form .gobutton,
			form .loginbutton,
			form .updatebutton,
			form .submitbutton,
			form #submitbutton{
				width:auto;
				padding:0;
				cursor:pointer;
				margin-left:120px; 
				background:#fff !important;
				border:0px solid #DA1105;
				vertical-align: middle;
			}

			#search .gobutton {
				margin-left: 5px;
			}

		/* ERROR styling */
			form h1.errorMessage,
			form h2.warning{ 
				font-size:1.6em;
				color:#DE041D; 
			}
			form .inputError{ 
				display:block;
				color:#DE041D; 
				font-size:11px;
				line-height:1em;
				margin:6px 0 0 3px;
			}
	
		


	
/* clearfix hack if needed */

	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
		}
	
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
		}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
		}	


        

/* management tweaks */
	#content .manage dl {
		border: 1px dashed #ccc;
		padding-bottom:0;
	}
	#content .manage dd {
		margin-left: 20px;
	}
	#content .manage .newButton {
		display:block;
		padding-bottom: 12px;
	}	






/* dreamgirl CMS styles*/
.buttonContainer
{
		display: inline;
        overflow: visible;
}

#dgInlineFeedback {
        width: 259px;
        height: 242px;
        color: #000;
        background: url(../dreamgirl/images/success.png)!important;
        background: url(../dreamgirl/images/success.gif);
        }


.dgInlineForm {
        width: 500px;
        border: 0px;
       /* margin:12px 0 0 -200px; */
        margin:12px 0 0 0;
		left:0;
        position: absolute;
        visibility: visible;
        overflow: hidden;
		z-index:100;
        
}

iframe {
		position:absolute;
        width: 500px;
        border: 0px;
        padding: 0px;
        margin: 0px;
}
.dgInlineButton {
        border: 0px;
        background-color: transparent;
}

.dgInlineButtonActivated {
        background-color: #ccc;
        margin-right: 3px;
}

.dgActiveElement {
		border: 1px dashed #eebddc;
		z-index:100 !imp