/* 
=================================
 Society Container Styles for DNN
=================================
*/  

.ColourContainerBlue {
		color: #ffffff;
		top: 0px;
		left: 0px;
		width: 700px; 
		height: 380px;
		min-height: 380px;
		min-width: 700px;
		padding: 20px 20px 20px 20px;
		background: url(ethics_box.png) no-repeat top left;
		margin: 0;
		}

.ColourContainerGreen {
		color: #ffffff;
		top: 0px;
		left: 0px;
		width: 700px; 
		height: 380px;
		min-height: 380px;
		min-width: 700px;
		padding: 20px 20px 20px 20px;
		background: url(science_box.png) no-repeat top left;
		margin: 0;
		}

.ColourContainerOrange {
		color: #ffffff;
		top: 0px;
		left: 0px;
		width: 700px; 
		height: 372px;
		min-height: 372px;
		min-width: 700px;
		padding: 20px 20px 20px 20px;
		background: url(cardsort_box.png) no-repeat top left;
		margin: 0;
		}
		
.ColourContainerPink {
		color: #ffffff;
		top: 0px;
		left: 0px;
		width: 700px; 
		height: 372px;
		min-height: 372px;
		min-width: 700px;
		padding: 20px 20px 20px 20px;
		background: url(webquest_box.png) no-repeat top left;
		margin: 0;
		}

		
.ColourContainerPurple {
		color: #ffffff;
		top: 0px;
		left: 0px;
		width: 700px; 
		height: 372px;
		min-height: 372px;
		min-width: 700px;
		padding: 20px 20px 20px 20px;
		background: url(opinions_box.png) no-repeat top left;
		margin: 0;
		}

html>body .ColourContainerPurple {
		width: 660px;
		min-width: 660px;
		height: 352px;
		min-height: 352px;
		padding:20px 20px 0 20px ;
		}		


html>body .ColourContainerOrange {
		width: 660px;
		min-width: 660px;
		height: 352px;
		min-height: 352px;
		padding:20px 20px 0 20px ;
		}		
html>body .ColourContainerPink {
		width: 660px;
		min-width: 660px;
		height: 352px;
		min-height: 352px;
		padding:20px 20px 0 20px ;
		}	


html>body .ColourContainerGreen {
		width: 660px;
		min-width: 660px;
		height: 352px;
		min-height: 352px;
		padding:20px 20px 0 20px ;
		}	


html>body .ColourContainerBlue {
		width: 660px;
		min-width: 660px;
		height: 352px;
		min-height: 352px;
		padding:20px 20px 0 20px ;
		}		
html>body .ColourContainerRed {
		width: 660px;
		min-width: 660px;
		height: 352px;
		min-height: 352px;
		padding:20px 20px 0 20px ;
		}		
.ColourContainerRed {
		color: #ffffff;
		top: 0px;
		left: 0px;
		width: 700px; 
		height: 372px;
		min-height: 372px;
		min-width: 700px;
		padding: 20px 20px 20px 20px;
		margin: 0;
		background: url(campaign_box.png) no-repeat top left;
		}
	
.ActivityContainer {
		top: 0px;
		left: 0px;
		width: 270px; 
		height: 200px;
		min-height: 200x;
		min-width: 270px;
		padding: 0;
		margin: 0;
		}

.container_master {
	position: relative;
	padding: 0px 0 10px 0;
	margin: 0;
	width: 100%;
	height: auto;
}

.container_master_nb {
	position: relative;
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto;
}
	
	

.ProwHolder {
	float:left;
	text-align:left;
	height: 156px;
	width: 100%;
	}

.fixedHeight_image
{	width: 100%;
	height: 200px;
	max-height: 200px;
	min-height: 200px;
	padding: 0px 0px 0px 0px;	
	margin: 0;  	
}

.fixedHeight_content
{	top: -200px
	width: 100%;
	height: 200px;
	max-height: 200px;
	min-height: 200px;
	padding: 0px 0px 0px 0px;	
	margin: 0;  	
}

.container_content
{
	width: 100%;
	height: auto;
	padding: 0;	
	margin: 0; 
	color: #ffffff;
}

.container_white
{	color: black;
	width: 100%;
	background-color: white;
	height: auto;
	padding: 0;	
	margin: 0;  
}

.container_white_bordered
{	color: black;
	width: 100%;
	background-color: white;
	height: auto;
	padding: 0;	
	margin: 0;  
	border: 1px solid black;
	
}

.SAH {position: absolute; top: 0px; left: 0;}

.BubbleRowHolder{position: relative;width: 100%;
	margin: 0;
	padding: 0;
	height: auto;
	}

.SFix {float: left; width: 100%; margin: 0; padding:0;}
	
.SpkIcon {float: left;
	margin: 0;
	padding: 0;
	height: auto;
	}

.SpkIcon2 {float: left;
	margin: 0;
	padding: 50px 0 0 0;
	height: auto;
	}

.SIL {height: 60px; width:0px;}

.SpeakerIcon {position: absolute; top: 60px; left: 10px;
	margin: 0;
	padding: 0;}


.BubbleHolder {float: right;
	width: 650px; 
	min-width: 650px;
	background: url(quote_box.jpg) no-repeat top left;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	height: 250px;
	min-height: 250px
	}

.SpeechHolder {float: right;
	width: 661px; 
	min-width: 661px;
	background: url(speech_bubble.gif) no-repeat top left;
	margin: 0;
	padding: 0;
	height: auto;
	}

.CharacterSpeechHolder {float: right;
	width: 546px; 
	min-width: 546px;
	background: url(speech_bubble_small.gif) no-repeat top left;
	margin: 0;
	padding: 0;
	height: auto;
	}
	
.CharacterSpeechTextHolder {
	position: relative;
	top: 10px;
	left: 10px;
	height: 174px;
	min-height: 174px;
	min-width: 516px;
	width: 516px;
	color: white;
	margin: 0;
	padding: 0;
}
.SpeechTextHolder {
	position: relative;
	top: 10px;
	left: 10px;
	height: 174px;
	min-height: 174px;
	min-width: 641px;
	width: 641px;
	color: white;
	margin: 0;
	padding: 0;
}

.BubbleTextHolder {
	position: relative;
	top: 10px;
	left: 10px;
	height: 150px;
	min-height: 150px;
	min-width: 630px;
	width: 630px;
	color: white;
	margin: 0;
	padding: 0;
}

.rowHolder {
	postition: relative;
	height: auto;
	width: 100%;
	margin: 0;
	padding: 0;
	}

.BrowHolder {
	line-height:0;
	font-size:0;
	postition: relative;
	height: auto;
	width: 100%;
	margin: 0;
	padding: 0;
}

.iconLeft { 
	float:left;
	padding: 0;
	margin: 0;
	height: 0;
	}

.iconLeft:after { clear: both;}

.iconRight { 
	float:right;
	top: 0;
	text-align: right;	
	padding: 0;	
	margin: 0;
	height: 0;
	}

html>body .iconRight {
	min-height: 0px;
	height: auto;
}

.iconTLeft { 
	text-align: left;
	padding: 0;	
	margin: 0;
	}

.icon {	padding: 0; 
	margin: 0;
	text-align: right;
	}

.actions {
	top:0px;
	max-width:20px;
	width: 0px;
	}

.EventTitle {position: absolute; left: 80px; top: 0px; padding: 15px}

.ColourContainerPurple .Normal {color: white}
.ColourContainerPurpleStretch .Normal {color: white}

.ColourContainerGreen .Normal {color: white}
.ColourContainerGreenStretch .Normal {color: white}

.ColourContainerGreenTop {margin:0;padding:0;width: 700px;min-width: 700px; height: 20px;min-height: 20px;background:url(science_box_top.png);}
.ColourContainerGreenBottom {margin:0;padding:0;width: 700px;min-width: 700px; height: 20px;min-height: 20px;background:url(science_box_bottom.png);}
.ColourContainerGreenStretch {
		height: auto;
		color: #ffffff;
		top: 0px;
		left: 0px;
		width: 700px; 
		min-width: 700px;
		padding: 0px 20px 0px 20px;
		background: url(science_box_stretch.png) repeat-y bottom left;
		margin: 0;
		}

html>body .ColourContainerGreenStretch {padding: 0px 0px 45px 20px;width:680px; min-width: 680px; margin-right: 20px}


.ColourContainerPurpleTop {margin:0;padding:0;width: 700px;min-width: 700px; height: 20px;min-height: 20px;background:url(opinions_box_top.png);}
.ColourContainerPurpleBottom {margin:0;padding:0;width: 700px;min-width: 700px; height: 20px;min-height: 20px;background:url(opinions_box_bottom.png);}
.ColourContainerPurpleStretch {
		height: auto;
		color: #ffffff;
		top: 0px;
		left: 0px;
		width: 700px; 
		min-width: 700px;
		padding: 0px 20px 0px 20px;
		background: url(opinions_box_stretch.png) repeat-y bottom left;
		margin: 0;
		}

html>body .ColourContainerPurpleStretch {padding: 0px 0px 45px 20px;width:680px; min-width: 680px; margin-right: 20px}

.CCGreyC {width: 870px; padding: 0 0 0 40px; margin:0}

.CCGreyStretch {min-width: 870px; width: 870px; padding: 0 0 0 40px; margin:0;
		height: 229px;
		min-height: 229px;
		color: #000000;
		background: url(grey_box_stretch.jpg) repeat-y bottom right;
		}

html>body .CCGreyStretch { height:auto; min-width: 870px; width: 870px;}

.Holder {position: relative; height: auto;min-width: 870px; width: 870px;}

.FeedbackHolder {position: absolute; top:15px;left:35px;height:auto;}
.FeedbackPosition {position: absolute; top:0px;left:0px; width: 254px; height: 199px; overflow:hidden;}
.FeedbackGreen {position:absolute;top:-15px;left:-15px;background: url(green_frame.png) no-repeat top left; width: 284px; height: 229px;max-width: 284px; max-height: 229px; }
.FeedbackPink {position:absolute;top:-15px;left:-15px;background: url(pink_frame.png) no-repeat top left; width: 284px; height: 229px;max-width: 284px; max-height: 229px; }
.FeedbackPurple {position:absolute;top:-15px;left:-15px;background: url(purple_frame.png) no-repeat top left; width: 284px; height: 229px;max-width: 284px; max-height: 229px; }
.FeedbackRed {position:absolute;top:-15px;left:-15px;background: url(red_frame.png) no-repeat top left; width: 284px; height: 229px;max-width: 284px; max-height: 229px; }
.FeedbackBlue {position:absolute;top:-15px;left:-15px;background: url(blue_frame.png) no-repeat top left; width: 284px; height: 229px;max-width: 284px; max-height: 229px; }
.FeedbackOrange {position:absolute;top:-15px;left:-15px;background: url(orange_frame.png) no-repeat top left; width: 284px; height: 229px;max-width: 284px; max-height: 229px; }


.FBBContent {position: relative; left: 45px; top: 0px; width:480px; font-size: 20px; margin:0;padding: 0;height: auto;}
html>body .FBBContent {width: 470px; margin: -110px 0 -20px 0 }

.FBBTop {	
	float: right;
	margin: 0px 0 0 0;
	padding: 120px 10px 0 0;
	width: 530px;
	min-width: 530px;
	height: auto;
	background: url(quote_top.jpg) no-repeat top left;
}
html>body .FBBTop{padding: 120px 20px 0 10px;}

.FBBBottom {	
	float: right;
	padding:0px 10px 16px 0;
	margin: 0;
	width: 530px;
	min-width: 530px;
	height: auto;
	background: url(quote_bottom.jpg) no-repeat bottom left;
}

html>body .FBBBottom{margin: 0 ; padding: 0px 0px 16px 10px;}

.FBBStretch {	
	float: right;
	margin: -110px 0 0 0;
	padding: 0px 10px 0 0;
	width: 530px;
	background: url(quote_stretch.jpg) repeat-y bottom left;
}

html>body .FBBStretch{height: auto; width: 530px; margin: 0;}

.FBTitle {
	clear:both;
	position: relative;
	top: 10px;
	left: 365px; 
	width: 480px;
	}

.CT_SpeechHolder {	
	float: right;
	margin:  0;
	padding: 15px 0 0 0;
	width: 546px; 
	min-width: 546px;
	height: auto;
	background: url(speech_bubble_smallT.gif) no-repeat top left;
}
.CB_SpeechHolder {	
	float: right;
	padding: 0 0 38px 0;
	width: 546px; 
	min-width: 546px;
	height: auto;
	background: url(speech_bubble_smallB.gif) no-repeat bottom left;
}

.CS_SpeechHolder {float: right;

	width: 546px; 
	min-width: 546px;
	background: url(speech_bubble_smallS.gif) repeat-y top left;
	margin: 0;
	padding: 0;
	height: auto;
	}
	
.C_SpeechText {height: auto;

	position: relative;
	top: 0px;
	left: 10px;
	height: auto;
	min-width: 516px;
	width: 516px;
	color: white;
	margin: 0;
	padding: 0;
}