.no-js {
	height: auto;
	overflow: default;
}

.mainTitle {
	font-size: 2.3em;
	font-weight: bold;
}
.title {
	font-size: 1.4em;
	font-weight: bold;
}
.miniTitle {
	font-size: 1.3em;
	font-weight: bold;
}
.tinyTitle {
	font-size: 1.1em;
	font-weight: bold;
}

#text1 li { margin-left:15px; }
#text2 li { margin-left:15px; }
#text3 li { margin-left:15px; }
#text4 li { margin-left:15px; }

.slide a {color:black;}

.largeText { font-size: 2.2em; }
.mediumText { font-size: 1.3em; }
.smallText { font-size: 1.2em; }
.miniText { font-size: 1.1em; }
.tinyText { font-size: 1em; }

.leftAlignText { text-align: left; }
.centerAlignText { text-align: center; }
.rightAlignText { text-align: right; }

.colourScheme1 { background: url(../img/colourSchemes/colourScheme1/scheme_bg.jpg) repeat-x; color:#000000;}
.colourScheme2 { background: url(../img/colourSchemes/colourScheme2/scheme_bg.jpg) repeat-x; color:#000000;}
.colourScheme3 { background: url(../img/colourSchemes/colourScheme3/scheme_bg.jpg) repeat-x; color:#000000;}
.colourScheme4 { background: url(../img/colourSchemes/colourScheme4/scheme_bg.jpg) repeat-x; color:#000000;}
.colourScheme5 { background: url(../img/colourSchemes/colourScheme5/scheme_bg.jpg) repeat-x; color:#000000;}
.colourScheme6 { background: url(../img/colourSchemes/colourScheme6/scheme_bg.jpg) repeat-x; color:#000000;}
.colourScheme7 { background: url(../img/colourSchemes/colourScheme7/scheme_bg.jpg) repeat-x; color:#000000;}
.colourScheme8 { background: url(../img/colourSchemes/colourScheme8/scheme_bg.jpg) repeat-x; color:#000000;}
.colourScheme9 { background: url(../img/colourSchemes/colourScheme9/scheme_bg.jpg) repeat-x; color:#000000;}
.colourScheme10 { background: url(../img/colourSchemes/colourScheme10/scheme_bg.jpg) repeat-x; color:#000000;}
.colourScheme11 { background: url(../img/colourSchemes/colourScheme11/scheme_bg.jpg) repeat-x; color:#000000;}
.colourScheme12 { background: url(../img/colourSchemes/colourScheme12/scheme_bg.jpg) repeat-x; color:#000000;}
.colourScheme13 { background: url(../img/colourSchemes/colourScheme13/scheme_bg.jpg) repeat-x; color:#000000;}
.colourScheme14 { background: url(../img/colourSchemes/colourScheme14/scheme_bg.jpg) repeat-x; color:#000000;}
.colourScheme15 { background: url(../img/colourSchemes/colourScheme15/scheme_bg.jpg) repeat-x; color:#000000;}
.colourScheme16 { background: url(../img/colourSchemes/colourScheme16/scheme_bg.jpg) repeat-x; color:#000000;}
.colourScheme17 { background: url(../img/colourSchemes/colourScheme17/scheme_bg.jpg) repeat-x; color:#000000;}
.colourScheme18 { background: url(../img/colourSchemes/colourScheme18/scheme_bg.jpg) repeat-x; color:#000000;}
.colourScheme19 { background: url(../img/colourSchemes/colourScheme19/scheme_bg.jpg) repeat-x; color:#000000;}
.colourScheme20 { background: url(../img/colourSchemes/colourScheme20/scheme_bg.jpg) repeat-x; color:#000000;}
.colourScheme21 { background: url(../img/colourSchemes/colourScheme21/scheme_bg.jpg) repeat-x; color:#000000;}
.colourScheme22 { background: url(../img/colourSchemes/colourScheme22/scheme_bg.jpg) repeat-x; color:#000000;}
.colourScheme23 { background: url(../img/colourSchemes/colourScheme23/scheme_bg.jpg) repeat-x; color:#000000;}
.colourScheme24 { background: url(../img/colourSchemes/colourScheme24/scheme_bg.jpg) repeat-x; color:#000000;}

.colourScheme1a, .colourScheme1a .sidePanel, .colourScheme1a .sidePanelHidden { background: url(../img/colourSchemes/1Light.png) repeat-x; color:#121212; }
.colourScheme1b, .colourScheme1b .sidePanel, .colourScheme1b .sidePanelHidden { background: url(../img/colourSchemes/1Dark.png) repeat-x; color:#FFFFFF; }
.colourScheme2a, .colourScheme2a .sidePanel, .colourScheme2a .sidePanelHidden { background: url(../img/colourSchemes/2Light.png) repeat-x; color:#121212; }
.colourScheme2b, .colourScheme2b .sidePanel, .colourScheme2b .sidePanelHidden { background: url(../img/colourSchemes/2Dark.png) repeat-x; color:#FFFFFF; }
.colourScheme3a, .colourScheme3a .sidePanel, .colourScheme3a .sidePanelHidden { background: url(../img/colourSchemes/3Light.png) repeat-x; color:#121212; }
.colourScheme3b, .colourScheme3b .sidePanel, .colourScheme3b .sidePanelHidden { background: url(../img/colourSchemes/3Dark.png) repeat-x; color:#FFFFFF; }
.colourScheme4a, .colourScheme4a .sidePanel, .colourScheme4a .sidePanelHidden { background: url(../img/colourSchemes/4Light.png) repeat-x; color:#121212; }
.colourScheme4b, .colourScheme4b .sidePanel, .colourScheme4b .sidePanelHidden { background: url(../img/colourSchemes/4Dark.png) repeat-x; color:#FFFFFF; }
.colourScheme5a, .colourScheme5a .sidePanel, .colourScheme5a .sidePanelHidden { background: url(../img/colourSchemes/5Light.png) repeat-x; color:#121212; }
.colourScheme5b, .colourScheme5b .sidePanel, .colourScheme5b .sidePanelHidden { background: url(../img/colourSchemes/5Dark.png) repeat-x; color:#FFFFFF; }
.colourScheme6a, .colourScheme6a .sidePanel, .colourScheme6a .sidePanelHidden { background: url(../img/colourSchemes/6Light.png) repeat-x; color:#121212; }
.colourScheme6b, .colourScheme6b .sidePanel, .colourScheme6b .sidePanelHidden { background: url(../img/colourSchemes/6Dark.png) repeat-x; color:#FFFFFF; }
.colourScheme7a, .colourScheme7a .sidePanel, .colourScheme7a .sidePanelHidden { background: url(../img/colourSchemes/7Light.png) repeat-x; color:#121212; }
.colourScheme7b, .colourScheme7b .sidePanel, .colourScheme7b .sidePanelHidden { background: url(../img/colourSchemes/7Dark.png) repeat-x; color:#FFFFFF; }
.colourScheme8a, .colourScheme8a .sidePanel, .colourScheme8a .sidePanelHidden { background: url(../img/colourSchemes/8Light.png) repeat-x; color:#121212; }
.colourScheme8b, .colourScheme8b .sidePanel, .colourScheme8b .sidePanelHidden { background: url(../img/colourSchemes/8Dark.png) repeat-x; color:#FFFFFF; }

.colourScheme1a a, .colourScheme2a a, .colourScheme3a a, .colourScheme4a a, .colourScheme5a a, .colourScheme6a a, .colourScheme7a a, .colourScheme8a a { color: #000000; }
.colourScheme1b a, .colourScheme2b a, .colourScheme3b a, .colourScheme4b a, .colourScheme5b a, .colourScheme6b a, .colourScheme7b a, .colourScheme8b a { color: #FFFFFF; }

ul {
	padding-left: 15px;
}

/*.slidesH li { padding-bottom: 10px; }*/
.slidesH li:last-child { padding-bottom: 0px; }

ul.videoList li {
    padding: 0 0 1px;
}

.videoListChapter {
	min-height: 70px;
	width: 325px;
	
}

.QandA {
	font-size: 30px; 
	float: left; 
	line-height: 30px; 
	padding-right: 8px; 
	font-weight: bold;
}

.colourScheme1a .videoListChapter  { background: url(../img/colourSchemes/1inactive.png) repeat-x; color:#121212; background-size: 1px 100%; }
.colourScheme1b .videoListChapter  { background: url(../img/colourSchemes/1inactive.png) repeat-x; color:#FFFFFF; background-size: 1px 100%; }
.colourScheme2a .videoListChapter  { background: url(../img/colourSchemes/2inactive.png) repeat-x; color:#121212; background-size: 1px 100%; }
.colourScheme2b .videoListChapter  { background: url(../img/colourSchemes/2inactive.png) repeat-x; color:#FFFFFF; background-size: 1px 100%; }
.colourScheme3a .videoListChapter  { background: url(../img/colourSchemes/3inactive.png) repeat-x; color:#121212; background-size: 1px 100%; }
.colourScheme3b .videoListChapter  { background: url(../img/colourSchemes/3inactive.png) repeat-x; color:#FFFFFF; background-size: 1px 100%; }
.colourScheme4a .videoListChapter  { background: url(../img/colourSchemes/4inactive.png) repeat-x; color:#121212; background-size: 1px 100%; }
.colourScheme4b .videoListChapter  { background: url(../img/colourSchemes/4inactive.png) repeat-x; color:#FFFFFF; background-size: 1px 100%; }
.colourScheme5a .videoListChapter  { background: url(../img/colourSchemes/5inactive.png) repeat-x; color:#121212; background-size: 1px 100%; }
.colourScheme5b .videoListChapter  { background: url(../img/colourSchemes/5inactive.png) repeat-x; color:#FFFFFF; background-size: 1px 100%; }
.colourScheme6a .videoListChapter  { background: url(../img/colourSchemes/6inactive.png) repeat-x; color:#121212; background-size: 1px 100%; }
.colourScheme6b .videoListChapter  { background: url(../img/colourSchemes/6inactive.png) repeat-x; color:#FFFFFF; background-size: 1px 100%; }
.colourScheme7a .videoListChapter  { background: url(../img/colourSchemes/7inactive.png) repeat-x; color:#121212; background-size: 1px 100%; }
.colourScheme7b .videoListChapter  { background: url(../img/colourSchemes/7inactive.png) repeat-x; color:#FFFFFF; background-size: 1px 100%; }
.colourScheme8a .videoListChapter  { background: url(../img/colourSchemes/8inactive.png) repeat-x; color:#121212; background-size: 1px 100%; }
.colourScheme8b .videoListChapter  { background: url(../img/colourSchemes/8inactive.png) repeat-x; color:#FFFFFF; background-size: 1px 100%; }

.colourScheme1a .current .videoListChapter, .colourScheme1a .boxButton:hover, .colourScheme1b .popUpBox .boxButton:hover, .colourScheme1b .slideTableHeader { background: url(../img/colourSchemes/1Dark.png) repeat-x; color:#FFFFFF; background-size: 1px 100%;}
.colourScheme1b .current .videoListChapter, .colourScheme1b .boxButton:hover, .colourScheme1a .popUpBox .boxButton:hover, .colourScheme1a .slideTableHeader { background: url(../img/colourSchemes/1Light.png) repeat-x; color:#121212; background-size: 1px 100%; }
.colourScheme2a .current .videoListChapter, .colourScheme2a .boxButton:hover, .colourScheme2b .popUpBox .boxButton:hover, .colourScheme2b .slideTableHeader { background: url(../img/colourSchemes/2Dark.png) repeat-x; color:#FFFFFF; background-size: 1px 100%;}
.colourScheme2b .current .videoListChapter, .colourScheme2b .boxButton:hover, .colourScheme2a .popUpBox .boxButton:hover, .colourScheme2a .slideTableHeader { background: url(../img/colourSchemes/2Light.png) repeat-x; color:#121212; background-size: 1px 100%; }
.colourScheme3a .current .videoListChapter, .colourScheme3a .boxButton:hover, .colourScheme3b .popUpBox .boxButton:hover, .colourScheme3b .slideTableHeader { background: url(../img/colourSchemes/3Dark.png) repeat-x; color:#FFFFFF; background-size: 1px 100%;}
.colourScheme3b .current .videoListChapter, .colourScheme3b .boxButton:hover, .colourScheme3a .popUpBox .boxButton:hover, .colourScheme3a .slideTableHeader { background: url(../img/colourSchemes/3Light.png) repeat-x; color:#121212; background-size: 1px 100%; }
.colourScheme4a .current .videoListChapter, .colourScheme4a .boxButton:hover, .colourScheme4b .popUpBox .boxButton:hover, .colourScheme4b .slideTableHeader { background: url(../img/colourSchemes/4Dark.png) repeat-x; color:#FFFFFF; background-size: 1px 100%;}
.colourScheme4b .current .videoListChapter, .colourScheme4b .boxButton:hover, .colourScheme4a .popUpBox .boxButton:hover, .colourScheme4a .slideTableHeader { background: url(../img/colourSchemes/4Light.png) repeat-x; color:#121212; background-size: 1px 100%; }
.colourScheme5a .current .videoListChapter, .colourScheme5a .boxButton:hover, .colourScheme5b .popUpBox .boxButton:hover, .colourScheme5b .slideTableHeader { background: url(../img/colourSchemes/5Dark.png) repeat-x; color:#FFFFFF; background-size: 1px 100%;}
.colourScheme5b .current .videoListChapter, .colourScheme5b .boxButton:hover, .colourScheme5a .popUpBox .boxButton:hover, .colourScheme5a .slideTableHeader { background: url(../img/colourSchemes/5Light.png) repeat-x; color:#121212; background-size: 1px 100%; }
.colourScheme6a .current .videoListChapter, .colourScheme6a .boxButton:hover, .colourScheme6b .popUpBox .boxButton:hover, .colourScheme6b .slideTableHeader { background: url(../img/colourSchemes/6Dark.png) repeat-x; color:#FFFFFF; background-size: 1px 100%;}
.colourScheme6b .current .videoListChapter, .colourScheme6b .boxButton:hover, .colourScheme6a .popUpBox .boxButton:hover, .colourScheme6a .slideTableHeader { background: url(../img/colourSchemes/6Light.png) repeat-x; color:#121212; background-size: 1px 100%; }
.colourScheme7a .current .videoListChapter, .colourScheme7a .boxButton:hover, .colourScheme7b .popUpBox .boxButton:hover, .colourScheme7b .slideTableHeader { background: url(../img/colourSchemes/7Dark.png) repeat-x; color:#FFFFFF; background-size: 1px 100%;}
.colourScheme7b .current .videoListChapter, .colourScheme7b .boxButton:hover, .colourScheme7a .popUpBox .boxButton:hover, .colourScheme7a .slideTableHeader { background: url(../img/colourSchemes/7Light.png) repeat-x; color:#121212; background-size: 1px 100%; }
.colourScheme8a .current .videoListChapter, .colourScheme8a .boxButton:hover, .colourScheme8b .popUpBox .boxButton:hover, .colourScheme8b .slideTableHeader { background: url(../img/colourSchemes/8Dark.png) repeat-x; color:#FFFFFF; background-size: 1px 100%;}
.colourScheme8b .current .videoListChapter, .colourScheme8b .boxButton:hover, .colourScheme8a .popUpBox .boxButton:hover, .colourScheme8a .slideTableHeader { background: url(../img/colourSchemes/8Light.png) repeat-x; color:#121212; background-size: 1px 100%; }

.circleButton130 {
	background: url(../img/colourSchemes/circle130.png) no-repeat; 
	color:#121212;
	text-align:center;
	font-weight: normal;
	cursor: pointer;
	width: 136px; 
	height: 136px;
}

article .circleButton130.current, article .circleButton130:hover {
	background: url(../img/colourSchemes/circle130dark.png) no-repeat; 
	color: #FFFFFF;
}

.videoListTitle {
	padding: 5px 10px 0px 10px;
	font-size: 14px;
	font-weight: bold;
}

.videoListLength {
	float: right;
}

.videoIcon {
	float: left;
	padding: 10px;
}

.sidePanel {
	position: absolute;
	top: 0px;
	left: 0px;
	width:250px; 
	height: 410px; 
	border-right: 1px solid #FFFFFF; 
	float:left;
}

.sidePanelHidden {
	position: absolute;
	top: 0px;
	left: -255px;
	width:250px; 
	height: 410px; 
	border-right: 1px solid #FFFFFF; 
	float:left;
}

.videoListDescription {
	padding: 5px 10px 5px 10px;
	font-size: 12px;
	font-weight: normal;
}

.boxButton {
	background: url(../img/colourSchemes/btn_bkg.png) repeat-x; color:#121212; background-size: 1px 100%;
	text-align:center;
	font-weight: normal;
	border: solid 2px #777777;
	cursor: pointer;
}

.colourScheme1a .transcript, .colourScheme2a .transcript, .colourScheme3a .transcript, .colourScheme4a .transcript, .colourScheme5a .transcript, .colourScheme6a .transcript, .colourScheme7a .transcript, .colourScheme8a .transcript {
	background: url(../img/general/document2_small.png) no-repeat;
	float: right; 
	font-size: 12px; 
	padding: 3px 3px 3px 18px;
}
.colourScheme1b .transcript, .colourScheme2b .transcript, .colourScheme3b .transcript, .colourScheme4b .transcript, .colourScheme5b .transcript, .colourScheme6b .transcript, .colourScheme7b .transcript, .colourScheme8b .transcript {
	background: url(../img/general/document_small.png) no-repeat;
	float: right; 
	font-size: 12px; 
	padding: 3px 3px 3px 18px;
}

.colourScheme1a .document, .colourScheme2a .document, .colourScheme3a .document, .colourScheme4a .document, .colourScheme5a .document, .colourScheme6a .document, .colourScheme7a .document, .colourScheme8a .document {
	background: url(../img/general/document2.png) no-repeat;
	padding: 0px 8px 0px 35px;
	font-weight: bold;
	min-height: 40px;
}

.colourScheme1b .document, .colourScheme2b .document, .colourScheme3b .document, .colourScheme4b .document, .colourScheme5b .document, .colourScheme6b .document, .colourScheme7b .document, .colourScheme8b .document {
	background: url(../img/general/document.png) no-repeat;
	padding: 0px 8px 0px 35px;
	font-weight: bold;
	min-height: 40px;
}

.colourScheme1a .weblink, .colourScheme2a .weblink, .colourScheme3a .weblink, .colourScheme4a .weblink, .colourScheme5a .weblink, .colourScheme6a .weblink, .colourScheme7a .weblink, .colourScheme8a .weblink {
	background: url(../img/general/globe2.png) no-repeat;
	padding: 0px 8px 0px 40px;
	font-weight: bold;
	min-height: 40px;
}

.colourScheme1b .weblink, .colourScheme2b .weblink, .colourScheme3b .weblink, .colourScheme4b .weblink, .colourScheme5b .weblink, .colourScheme6b .weblink, .colourScheme7b .weblink, .colourScheme8b .weblink {
	background: url(../img/general/globe.png) no-repeat;
	padding: 0px 8px 0px 40px;
	font-weight: bold;
	min-height: 40px;
}

.colourScheme1a .activity, .colourScheme2a .activity, .colourScheme3a .activity, .colourScheme4a .activity, .colourScheme5a .activity, .colourScheme6a .activity, .colourScheme7a .activity, .colourScheme8a .activity {
	background: url(../img/general/activity2.png) no-repeat;
	padding: 0px 8px 0px 40px;
	font-weight: bold;
	min-height: 40px;
}

.colourScheme1b .activity, .colourScheme2b .activity, .colourScheme3b .activity, .colourScheme4b .activity, .colourScheme5b .activity, .colourScheme6b .activity, .colourScheme7b .activity, .colourScheme8b .activity {
	background: url(../img/general/activity.png) no-repeat;
	padding: 0px 8px 0px 40px;
	font-weight: bold;
	min-height: 40px;
}

.colourScheme1a ul { color: #465757; }
.colourScheme1b ul { color: #85ff19; }
.colourScheme2a ul { color: #50616f; }
.colourScheme2b ul { color: #ffea00; }
.colourScheme3a ul { color: #5e5540; }
.colourScheme3b ul { color: #bee4fa; }
.colourScheme4a ul { color: #205273; }
.colourScheme4b ul { color: #fcbe12; }
.colourScheme5a ul { color: #5a4338; }
.colourScheme5b ul { color: #aede00; }
.colourScheme6a ul { color: #3e5551; }
.colourScheme6b ul { color: #decf9b; }
.colourScheme7a ul { color: #465f13; }
.colourScheme7b ul { color: #dce2e6; }
.colourScheme8a ul { color: #7d2020; }
.colourScheme8b ul { color: #c2bc9b; }

.colourScheme1a span { color: #121212; }
.colourScheme1b span { color: #FFFFFF; }
.colourScheme2a span { color: #121212; }
.colourScheme2b span { color: #FFFFFF; }
.colourScheme3a span { color: #121212; }
.colourScheme3b span { color: #FFFFFF; }
.colourScheme4a span { color: #121212; }
.colourScheme4b span { color: #FFFFFF; }
.colourScheme5a span { color: #121212; }
.colourScheme5b span { color: #FFFFFF; }
.colourScheme6a span { color: #121212; }
.colourScheme6b span { color: #FFFFFF; }
.colourScheme7a span { color: #121212; }
.colourScheme7b span { color: #FFFFFF; }
.colourScheme8a span { color: #121212; }
.colourScheme8b span { color: #FFFFFF; }

.slideTitle {
	font-size: 30px;
	font-weight: bold;
	line-height: 32px;
}

.slideTitleMini {
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
}

.slidesV {
	width: 511px;
	height: 410px;
	position: absolute;
	right: 0;
	top: 0;
	color: #000;
}
.slidesV .slide {
	width: 511px;
	height: 410px;
	position: relative;
}
.slidesV .slide p, .slidesV .slide ul, .slidesV .slide li {
	margin: 0;
	padding: 0;
	line-height: 1.231;
}
#tabNavigation {
	width: 217px;
	position: absolute;
	left: 0;
	top: 0;
}
.tabs2 {
	height: 49.8%;
}
.tabs2 p {
	font-size: 2.2em;
}
.tabs3 {
	height: 33.12%;
}
.tabs3 p {
	font-size: 2.0em;
}
.tabs4 {
	height: 24.78%;
}
.tabs4 p {
	font-size: 1.8em;
}
.tabs5 {
	height: 19.78%;
}
.tabs5 p {
	font-size: 1.8em;
}
.tabs6 {
	height: 16.44%;
}
.tabs6 p {
	font-size: 1.6em;
}
.tabs7 {
	height: 14.06%;
}
.tabs7 p {
	font-size: 1.8em;
}
.tabs8 {
	height: 12.28%;
}
.tabs8 p {
	font-size: 1.8em;
}
.tabs9 {
	height: 10.88%;
}
.tabs9 p {
	font-size: 1.8em;
}
.tabs10 {
	height: 9.77%;
}
.tabs10 p {
	font-size: 1.8em;
}
#tabNavigation p {
	color: #FFF;
	text-align: center;
	font-weight: bold;
	line-height: 100%;
	margin: 0;
	padding: 0;
	display: table-cell;
	vertical-align: middle;
}
#tabNavigation .divider {
	height: 1px;
}
.tab {
	width: 100%;
	height: 100%;
	display: table;
}
#tabNavigation .tab:hover {
	cursor: pointer;
}
#tabNavigation .arrow {
	width: 21px;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	background-position: center;
}

.colourScheme1 #tabNavigation .divider { background: url(../img/colourSchemes/colourScheme1/tabNavigation_devider.png) no-repeat; }
.colourScheme1 #tabNavigation .tab { background: url(../img/colourSchemes/colourScheme1/tabNavigation_out.png) repeat-y; }
.colourScheme1 #tabNavigation .current { background: url(../img/colourSchemes/colourScheme1/tabNavigation_over.png) repeat-y; }
.colourScheme1 .current .arrow { background: url(../img/colourSchemes/colourScheme1/tabNavigation_arrow.png) no-repeat; }
.colourScheme1 #tabNavigation .tab:hover { background: url(../img/colourSchemes/colourScheme1/tabNavigation_over.png) repeat-y; }

.colourScheme2 #tabNavigation .divider { background: url(../img/colourSchemes/colourScheme2/tabNavigation_devider.png) no-repeat; }
.colourScheme2 #tabNavigation .tab { background: url(../img/colourSchemes/colourScheme2/tabNavigation_out.png) repeat-y; }
.colourScheme2 #tabNavigation .current { background: url(../img/colourSchemes/colourScheme2/tabNavigation_over.png) repeat-y; }
.colourScheme2 .current .arrow { background: url(../img/colourSchemes/colourScheme2/tabNavigation_arrow.png) no-repeat; }
.colourScheme2 #tabNavigation .tab:hover { background: url(../img/colourSchemes/colourScheme2/tabNavigation_over.png) repeat-y; }

.colourScheme3 #tabNavigation .divider { background: url(../img/colourSchemes/colourScheme3/tabNavigation_devider.png) no-repeat; }
.colourScheme3 #tabNavigation .tab { background: url(../img/colourSchemes/colourScheme3/tabNavigation_out.png) repeat-y; }
.colourScheme3 #tabNavigation .current { background: url(../img/colourSchemes/colourScheme3/tabNavigation_over.png) repeat-y; }
.colourScheme3 .current .arrow { background: url(../img/colourSchemes/colourScheme3/tabNavigation_arrow.png) no-repeat; }
.colourScheme3 #tabNavigation .tab:hover { background: url(../img/colourSchemes/colourScheme3/tabNavigation_over.png) repeat-y; }

.colourScheme4 #tabNavigation .divider { background: url(../img/colourSchemes/colourScheme4/tabNavigation_devider.png) no-repeat; }
.colourScheme4 #tabNavigation .tab { background: url(../img/colourSchemes/colourScheme4/tabNavigation_out.png) repeat-y; }
.colourScheme4 #tabNavigation .current { background: url(../img/colourSchemes/colourScheme4/tabNavigation_over.png) repeat-y; }
.colourScheme4 .current .arrow { background: url(../img/colourSchemes/colourScheme4/tabNavigation_arrow.png) no-repeat; }
.colourScheme4 #tabNavigation .tab:hover { background: url(../img/colourSchemes/colourScheme4/tabNavigation_over.png) repeat-y; }

.colourScheme5 .divider { background: url(../img/colourSchemes/colourScheme5/tabNavigation_devider.png) no-repeat; }
.colourScheme5 #tabNavigation .tab { background: url(../img/colourSchemes/colourScheme5/tabNavigation_out.png) repeat-y; }
.colourScheme5 #tabNavigation .current { background: url(../img/colourSchemes/colourScheme5/tabNavigation_over.png) repeat-y; }
.colourScheme5 .current .arrow { background: url(../img/colourSchemes/colourScheme5/tabNavigation_arrow.png) no-repeat; }
.colourScheme5 #tabNavigation .tab:hover { background: url(../img/colourSchemes/colourScheme5/tabNavigation_over.png) repeat-y; }

.colourScheme6 #tabNavigation .divider { background: url(../img/colourSchemes/colourScheme6/tabNavigation_devider.png) no-repeat; }
.colourScheme6 #tabNavigation .tab { background: url(../img/colourSchemes/colourScheme6/tabNavigation_out.png) repeat-y; }
.colourScheme6 #tabNavigation .current { background: url(../img/colourSchemes/colourScheme6/tabNavigation_over.png) repeat-y; }
.colourScheme6 .current .arrow { background: url(../img/colourSchemes/colourScheme6/tabNavigation_arrow.png) no-repeat; }
.colourScheme6 #tabNavigation .tab:hover { background: url(../img/colourSchemes/colourScheme6/tabNavigation_over.png) repeat-y; }

.colourScheme7 #tabNavigation .divider { background: url(../img/colourSchemes/colourScheme7/tabNavigation_devider.png) no-repeat; }
.colourScheme7 #tabNavigation .tab { background: url(../img/colourSchemes/colourScheme7/tabNavigation_out.png) repeat-y; }
.colourScheme7 #tabNavigation .current { background: url(../img/colourSchemes/colourScheme7/tabNavigation_over.png) repeat-y; }
.colourScheme7 .current .arrow { background: url(../img/colourSchemes/colourScheme7/tabNavigation_arrow.png) no-repeat; }
.colourScheme7 #tabNavigation .tab:hover { background: url(../img/colourSchemes/colourScheme7/tabNavigation_over.png) repeat-y; }

.colourScheme8 #tabNavigation .divider { background: url(../img/colourSchemes/colourScheme8/tabNavigation_devider.png) no-repeat; }
.colourScheme8 #tabNavigation .tab { background: url(../img/colourSchemes/colourScheme8/tabNavigation_out.png) repeat-y; }
.colourScheme8 #tabNavigation .current { background: url(../img/colourSchemes/colourScheme8/tabNavigation_over.png) repeat-y; }
.colourScheme8 .current .arrow { background: url(../img/colourSchemes/colourScheme8/tabNavigation_arrow.png) no-repeat; }
.colourScheme8 #tabNavigation .tab:hover { background: url(../img/colourSchemes/colourScheme8/tabNavigation_over.png) repeat-y; }

.colourScheme9 #tabNavigation .divider { background: url(../img/colourSchemes/colourScheme9/tabNavigation_devider.png) no-repeat; }
.colourScheme9 #tabNavigation .tab { background: url(../img/colourSchemes/colourScheme9/tabNavigation_out.png) repeat-y; }
.colourScheme9 #tabNavigation .current { background: url(../img/colourSchemes/colourScheme9/tabNavigation_over.png) repeat-y; }
.colourScheme9 .current .arrow { background: url(../img/colourSchemes/colourScheme9/tabNavigation_arrow.png) no-repeat; }
.colourScheme9 #tabNavigation .tab:hover { background: url(../img/colourSchemes/colourScheme9/tabNavigation_over.png) repeat-y; }

.colourScheme10 #tabNavigation .divider { background: url(../img/colourSchemes/colourScheme10/tabNavigation_devider.png) no-repeat; }
.colourScheme10 #tabNavigation .tab { background: url(../img/colourSchemes/colourScheme10/tabNavigation_out.png) repeat-y; }
.colourScheme10 #tabNavigation .current { background: url(../img/colourSchemes/colourScheme10/tabNavigation_over.png) repeat-y; }
.colourScheme10 .current .arrow { background: url(../img/colourSchemes/colourScheme10/tabNavigation_arrow.png) no-repeat; }
.colourScheme10 #tabNavigation .tab:hover { background: url(../img/colourSchemes/colourScheme10/tabNavigation_over.png) repeat-y; }

.colourScheme11 #tabNavigation .divider { background: url(../img/colourSchemes/colourScheme11/tabNavigation_devider.png) no-repeat; }
.colourScheme11 #tabNavigation .tab { background: url(../img/colourSchemes/colourScheme11/tabNavigation_out.png) repeat-y; }
.colourScheme11 #tabNavigation .current { background: url(../img/colourSchemes/colourScheme11/tabNavigation_over.png) repeat-y; }
.colourScheme11 .current .arrow { background: url(../img/colourSchemes/colourScheme11/tabNavigation_arrow.png) no-repeat; }
.colourScheme11 #tabNavigation .tab:hover { background: url(../img/colourSchemes/colourScheme11/tabNavigation_over.png) repeat-y; }

.colourScheme12 #tabNavigation .divider { background: url(../img/colourSchemes/colourScheme12/tabNavigation_devider.png) no-repeat; }
.colourScheme12 #tabNavigation .tab { background: url(../img/colourSchemes/colourScheme12/tabNavigation_out.png) repeat-y; }
.colourScheme12 #tabNavigation .current { background: url(../img/colourSchemes/colourScheme12/tabNavigation_over.png) repeat-y; }
.colourScheme12 .current .arrow { background: url(../img/colourSchemes/colourScheme12/tabNavigation_arrow.png) no-repeat; }
.colourScheme12 #tabNavigation .tab:hover { background: url(../img/colourSchemes/colourScheme12/tabNavigation_over.png) repeat-y; }

.colourScheme13 #tabNavigation .divider { background: url(../img/colourSchemes/colourScheme13/tabNavigation_devider.png) no-repeat; }
.colourScheme13 #tabNavigation .tab { background: url(../img/colourSchemes/colourScheme13/tabNavigation_out.png) repeat-y; }
.colourScheme13 #tabNavigation .current { background: url(../img/colourSchemes/colourScheme13/tabNavigation_over.png) repeat-y; }
.colourScheme13 .current .arrow { background: url(../img/colourSchemes/colourScheme13/tabNavigation_arrow.png) no-repeat; }
.colourScheme13 #tabNavigation .tab:hover { background: url(../img/colourSchemes/colourScheme13/tabNavigation_over.png) repeat-y; }

.colourScheme14 #tabNavigation .divider { background: url(../img/colourSchemes/colourScheme14/tabNavigation_devider.png) no-repeat; }
.colourScheme14 #tabNavigation .tab { background: url(../img/colourSchemes/colourScheme14/tabNavigation_out.png) repeat-y; }
.colourScheme14 #tabNavigation .current { background: url(../img/colourSchemes/colourScheme14/tabNavigation_over.png) repeat-y; }
.colourScheme14 .current .arrow { background: url(../img/colourSchemes/colourScheme14/tabNavigation_arrow.png) no-repeat; }
.colourScheme14 #tabNavigation .tab:hover { background: url(../img/colourSchemes/colourScheme14/tabNavigation_over.png) repeat-y; }

.colourScheme15 #tabNavigation .divider { background: url(../img/colourSchemes/colourScheme15/tabNavigation_devider.png) no-repeat; }
.colourScheme15 #tabNavigation .tab { background: url(../img/colourSchemes/colourScheme15/tabNavigation_out.png) repeat-y; }
.colourScheme15 #tabNavigation .current { background: url(../img/colourSchemes/colourScheme15/tabNavigation_over.png) repeat-y; }
.colourScheme15 .current .arrow { background: url(../img/colourSchemes/colourScheme15/tabNavigation_arrow.png) no-repeat; }
.colourScheme15 #tabNavigation .tab:hover { background: url(../img/colourSchemes/colourScheme15/tabNavigation_over.png) repeat-y; }

.colourScheme16 #tabNavigation .divider { background: url(../img/colourSchemes/colourScheme16/tabNavigation_devider.png) no-repeat; }
.colourScheme16 #tabNavigation .tab { background: url(../img/colourSchemes/colourScheme16/tabNavigation_out.png) repeat-y; }
.colourScheme16 #tabNavigation .current { background: url(../img/colourSchemes/colourScheme16/tabNavigation_over.png) repeat-y; }
.colourScheme16 .current .arrow { background: url(../img/colourSchemes/colourScheme16/tabNavigation_arrow.png) no-repeat; }
.colourScheme16 #tabNavigation .tab:hover { background: url(../img/colourSchemes/colourScheme16/tabNavigation_over.png) repeat-y; }

.colourScheme17 #tabNavigation .divider { background: url(../img/colourSchemes/colourScheme17/tabNavigation_devider.png) no-repeat; }
.colourScheme17 #tabNavigation .tab { background: url(../img/colourSchemes/colourScheme17/tabNavigation_out.png) repeat-y; }
.colourScheme17 #tabNavigation .current { background: url(../img/colourSchemes/colourScheme17/tabNavigation_over.png) repeat-y; }
.colourScheme17 .current .arrow { background: url(../img/colourSchemes/colourScheme17/tabNavigation_arrow.png) no-repeat; }
.colourScheme17 #tabNavigation .tab:hover { background: url(../img/colourSchemes/colourScheme17/tabNavigation_over.png) repeat-y; }

.colourScheme18 #tabNavigation .divider { background: url(../img/colourSchemes/colourScheme18/tabNavigation_devider.png) no-repeat; }
.colourScheme18 #tabNavigation .tab { background: url(../img/colourSchemes/colourScheme18/tabNavigation_out.png) repeat-y; }
.colourScheme18 #tabNavigation .current { background: url(../img/colourSchemes/colourScheme18/tabNavigation_over.png) repeat-y; }
.colourScheme18 .current .arrow { background: url(../img/colourSchemes/colourScheme18/tabNavigation_arrow.png) no-repeat; }
.colourScheme18 #tabNavigation .tab:hover { background: url(../img/colourSchemes/colourScheme18/tabNavigation_over.png) repeat-y; }

.colourScheme19 #tabNavigation .divider { background: url(../img/colourSchemes/colourScheme19/tabNavigation_devider.png) no-repeat; }
.colourScheme19 #tabNavigation .tab { background: url(../img/colourSchemes/colourScheme19/tabNavigation_out.png) repeat-y; }
.colourScheme19 #tabNavigation .current { background: url(../img/colourSchemes/colourScheme19/tabNavigation_over.png) repeat-y; }
.colourScheme19 .current .arrow { background: url(../img/colourSchemes/colourScheme19/tabNavigation_arrow.png) no-repeat; }
.colourScheme19 #tabNavigation .tab:hover { background: url(../img/colourSchemes/colourScheme19/tabNavigation_over.png) repeat-y; }

.colourScheme20 #tabNavigation .divider { background: url(../img/colourSchemes/colourScheme20/tabNavigation_devider.png) no-repeat; }
.colourScheme20 #tabNavigation .tab { background: url(../img/colourSchemes/colourScheme20/tabNavigation_out.png) repeat-y; }
.colourScheme20 #tabNavigation .current { background: url(../img/colourSchemes/colourScheme20/tabNavigation_over.png) repeat-y; }
.colourScheme20 .current .arrow { background: url(../img/colourSchemes/colourScheme20/tabNavigation_arrow.png) no-repeat; }
.colourScheme20 #tabNavigation .tab:hover { background: url(../img/colourSchemes/colourScheme20/tabNavigation_over.png) repeat-y; }

.colourScheme21 #tabNavigation .divider { background: url(../img/colourSchemes/colourScheme21/tabNavigation_devider.png) no-repeat; }
.colourScheme21 #tabNavigation .tab { background: url(../img/colourSchemes/colourScheme21/tabNavigation_out.png) repeat-y; }
.colourScheme21 #tabNavigation .current { background: url(../img/colourSchemes/colourScheme21/tabNavigation_over.png) repeat-y; }
.colourScheme21 .current .arrow { background: url(../img/colourSchemes/colourScheme21/tabNavigation_arrow.png) no-repeat; }
.colourScheme21 #tabNavigation .tab:hover { background: url(../img/colourSchemes/colourScheme21/tabNavigation_over.png) repeat-y; }

.colourScheme22 #tabNavigation .divider { background: url(../img/colourSchemes/colourScheme22/tabNavigation_devider.png) no-repeat; }
.colourScheme22 #tabNavigation .tab { background: url(../img/colourSchemes/colourScheme22/tabNavigation_out.png) repeat-y; }
.colourScheme22 #tabNavigation .current { background: url(../img/colourSchemes/colourScheme22/tabNavigation_over.png) repeat-y; }
.colourScheme22 .current .arrow { background: url(../img/colourSchemes/colourScheme22/tabNavigation_arrow.png) no-repeat; }
.colourScheme22 #tabNavigation .tab:hover { background: url(../img/colourSchemes/colourScheme22/tabNavigation_over.png) repeat-y; }

.colourScheme23 #tabNavigation .divider { background: url(../img/colourSchemes/colourScheme23/tabNavigation_devider.png) no-repeat; }
.colourScheme23 #tabNavigation .tab { background: url(../img/colourSchemes/colourScheme23/tabNavigation_out.png) repeat-y; }
.colourScheme23 #tabNavigation .current { background: url(../img/colourSchemes/colourScheme23/tabNavigation_over.png) repeat-y; }
.colourScheme23 .current .arrow { background: url(../img/colourSchemes/colourScheme23/tabNavigation_arrow.png) no-repeat; }
.colourScheme23 #tabNavigation .tab:hover { background: url(../img/colourSchemes/colourScheme23/tabNavigation_over.png) repeat-y; }

.colourScheme24 #tabNavigation .divider { background: url(../img/colourSchemes/colourScheme24/tabNavigation_devider.png) no-repeat; }
.colourScheme24 #tabNavigation .tab { background: url(../img/colourSchemes/colourScheme24/tabNavigation_out.png) repeat-y; }
.colourScheme24 #tabNavigation .current { background: url(../img/colourSchemes/colourScheme24/tabNavigation_over.png) repeat-y; }
.colourScheme24 .current .arrow { background: url(../img/colourSchemes/colourScheme24/tabNavigation_arrow.png) no-repeat; }
.colourScheme24 #tabNavigation .tab:hover { background: url(../img/colourSchemes/colourScheme24/tabNavigation_over.png) repeat-y; }

.slidesH {
	width: 728px;
	height: 410px;
	font-size: 14px;
	overflow: hidden;	
}
.slidesH .slide {
	width: 728px;
	height: 410px;
	position: relative;
}

.slidesH p, .slidesH ul, .slidesH li {
	line-height: 1.231;
}

.slidesH .slide .titleBar {
	font-size: 2.3em;
	font-weight: bold;
	color: #FFF;
	padding: 8px 15px 8px 26px;
	position: absolute;
	top: 47px;
	left: 0;
}

.slidesH .slide .titleBar2 {
	font-size: 2.3em;
	font-weight: bold;
	color: #FFF;
	padding: 8px 15px 8px 26px;
	position: absolute;
	top: 25px;
	left: 0;
}

.slidesH .slide .titleBar3 {
	font-size: 2.3em;
	font-weight: bold;
	padding: 8px 15px 8px 26px;
	position: absolute;
	top: 25px;
	left: 0;
}

.colourScheme1 .titleBar { background-color: #4D0000; }
.colourScheme2 .titleBar { background-color: #4D1600; }
.colourScheme3 .titleBar { background-color: #4d2300; }
.colourScheme4 .titleBar { background-color: #4d2c00; }
.colourScheme5 .titleBar { background-color: #4d3300; }
.colourScheme6 .titleBar { background-color: #4d3900; }
.colourScheme7 .titleBar { background-color: #4d3f00; }
.colourScheme8 .titleBar { background-color: #4d4600; }
.colourScheme9 .titleBar { background-color: #4d4d00; }
.colourScheme10 .titleBar { background-color: #3d4a00; }
.colourScheme11 .titleBar { background-color: #304700; }
.colourScheme12 .titleBar { background-color: #1f4400; }
.colourScheme13 .titleBar { background-color: #003d00; }
.colourScheme14 .titleBar { background-color: #00341e; }
.colourScheme15 .titleBar { background-color: #002e2e; }
.colourScheme16 .titleBar { background-color: #001c31; }
.colourScheme17 .titleBar { background-color: #001033; }
.colourScheme18 .titleBar { background-color: #000036; }
.colourScheme19 .titleBar { background-color: #0d0035; }
.colourScheme20 .titleBar { background-color: #160034; }
.colourScheme21 .titleBar { background-color: #210033; }
.colourScheme22 .titleBar { background-color: #320032; }
.colourScheme23 .titleBar { background-color: #3d0023; }
.colourScheme24 .titleBar { background-color: #440015; }

.colourScheme1 .titleBar2 { background-color: #4D0000; }
.colourScheme2 .titleBar2 { background-color: #4D1600; }
.colourScheme3 .titleBar2 { background-color: #4d2300; }
.colourScheme4 .titleBar2 { background-color: #4d2c00; }
.colourScheme5 .titleBar2 { background-color: #4d3300; }
.colourScheme6 .titleBar2 { background-color: #4d3900; }
.colourScheme7 .titleBar2 { background-color: #4d3f00; }
.colourScheme8 .titleBar2 { background-color: #4d4600; }
.colourScheme9 .titleBar2 { background-color: #4d4d00; }
.colourScheme10 .titleBar2 { background-color: #3d4a00; }
.colourScheme11 .titleBar2 { background-color: #304700; }
.colourScheme12 .titleBar2 { background-color: #1f4400; }
.colourScheme13 .titleBar2 { background-color: #003d00; }
.colourScheme14 .titleBar2 { background-color: #00341e; }
.colourScheme15 .titleBar2 { background-color: #002e2e; }
.colourScheme16 .titleBar2 { background-color: #001c31; }
.colourScheme17 .titleBar2 { background-color: #001033; }
.colourScheme18 .titleBar2 { background-color: #000036; }
.colourScheme19 .titleBar2 { background-color: #0d0035; }
.colourScheme20 .titleBar2 { background-color: #160034; }
.colourScheme21 .titleBar2 { background-color: #210033; }
.colourScheme22 .titleBar2 { background-color: #320032; }
.colourScheme23 .titleBar2 { background-color: #3d0023; }
.colourScheme24 .titleBar2 { background-color: #440015; }

.colourScheme1a .slideTitle, .colourScheme1a .slideTitleMini, .colourScheme1a .QandA { color: #465757; }
.colourScheme1b .slideTitle, .colourScheme1b .slideTitleMini, .colourScheme1b .QandA { color: #85ff19; }
.colourScheme2a .slideTitle, .colourScheme2a .slideTitleMini, .colourScheme2a .QandA { color: #50616f; }
.colourScheme2b .slideTitle, .colourScheme2b .slideTitleMini, .colourScheme2b .QandA { color: #ffea00; }
.colourScheme3a .slideTitle, .colourScheme3a .slideTitleMini, .colourScheme3a .QandA { color: #5e5540; }
.colourScheme3b .slideTitle, .colourScheme3b .slideTitleMini, .colourScheme3b .QandA { color: #bee4fa; }
.colourScheme4a .slideTitle, .colourScheme4a .slideTitleMini, .colourScheme4a .QandA { color: #205273; }
.colourScheme4b .slideTitle, .colourScheme4b .slideTitleMini, .colourScheme4b .QandA { color: #fcbe12; }
.colourScheme5a .slideTitle, .colourScheme5a .slideTitleMini, .colourScheme5a .QandA { color: #5a4338; }
.colourScheme5b .slideTitle, .colourScheme5b .slideTitleMini, .colourScheme5b .QandA { color: #aede00; }
.colourScheme6a .slideTitle, .colourScheme6a .slideTitleMini, .colourScheme6a .QandA { color: #3e5551; }
.colourScheme6b .slideTitle, .colourScheme6b .slideTitleMini, .colourScheme6b .QandA { color: #decf9b; }
.colourScheme7a .slideTitle, .colourScheme7a .slideTitleMini, .colourScheme7a .QandA { color: #465f13; }
.colourScheme7b .slideTitle, .colourScheme7b .slideTitleMini, .colourScheme7b .QandA { color: #dce2e6; }
.colourScheme8a .slideTitle, .colourScheme8a .slideTitleMini, .colourScheme8a .QandA { color: #7d2020; }
.colourScheme8b .slideTitle, .colourScheme8b .slideTitleMini, .colourScheme8b .QandA { color: #c2bc9b; }

.popUpBox { background: url(../img/colourSchemes/popup.png) repeat-x; color:#121212; background-size: 1px 100%; border: solid 1px #A8C1DD; }
.popUpBox .slideTitle { color: #50616F; }

.slideTable {
	background-color: #FFFFFF;
	color: #121212;
	font-size: 12px;
	border-right: none 5px #121212;	
}

.slideTable td {
	border-right: solid 1px #121212;
}

.slideTable td:last-child {
	border-right: none 5px #121212;	
}

.slideTable .alternate {
	background-color: #EEEEEE;
}

/* ============================================================================================================================
== BUBBLE WITH A RIGHT-ANGLED TRIANGLE
** ============================================================================================================================ */

/* THE SPEECH BUBBLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-right {
	position:relative;
	padding:15px;
	margin:1em 0 3em;
	color:#000;
	/* font-size:12px; */
	background:#eaeaea; /* default background for browsers without gradient support */
	/* css3 */
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e0e0e0));
	background:-moz-linear-gradient(#ffffff, #e0e0e0);
	background:-o-linear-gradient(#ffffff, #e0e0e0);
	background:linear-gradient(#ffffff, #e0e0e0);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	
	
	/*shadow code*/
	-moz-box-shadow: 0px 3px 4px #000;
	-webkit-box-shadow: 0px 3px 4px #000;
	box-shadow: 0px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

/* Variant : for top positioned triangle
------------------------------------------ */

.triangle-right.top {
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#e0e0e0), to(#2e88c4));
	background:-moz-linear-gradient(#e0e0e0, #2e88c4);
	background:-o-linear-gradient(#e0e0e0, #2e88c4);
	background:linear-gradient(#e0e0e0, #2e88c4);
}

/* Variant : for left positioned triangle
------------------------------------------ */

.triangle-right.left {
	margin-left:40px;
	background:#e0e0e0;
}

/* Variant : for right positioned triangle
------------------------------------------ */

.triangle-right.right {
	margin-right:40px;
	background:#e0e0e0;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-right:after{
	content:"";
	position:absolute;
	bottom:-27px; /* value = - border-top-width - border-bottom-width */
	left:50px; /* controls horizontal position */
	border-width:27px 35px 0px 0px; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#e0e0e0 transparent; 
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* =============================================================================================================Speech bubble with a shadow */

.bubble {
    background:#E0E0E0; /* default background for browsers without gradient support */
    /* css3 */
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e0e0e0));
    background:-moz-linear-gradient(#ffffff, #e0e0e0);
    background:-o-linear-gradient(#ffffff, #e0e0e0);
    background:linear-gradient(#ffffff, #e0e0e0);
   
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius: 10px;
   
	padding:15px;
	margin:1em 0 3em;
	color:#121212;
    display: inline-block;

    position: relative;
   
    /*shadow code*/
    -moz-box-shadow: 0px 3px 4px #000;
    -webkit-box-shadow: 0px 3px 4px #000;
    box-shadow: 0px 3px 4px #000;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	

}
.bubble:after, .bubble:before {
    border-bottom: 27px solid transparent;
    border-left: 35px solid #E0E0E0;
    bottom: -27px;
    content: '';
    position: absolute;
    left: 50px;
		
}
.bubble:before {
    border-left: 36px solid hsla(0,0%,0%,.6);
    bottom: -30px;
	height:3px;
	left: 49px;

}