/* Add style rules here */

/* extend */
/*.container{
 max-width:900px;
 max-width:100%;
}*/

/*  
	See Bootstrap css for max widths

*/


.tc-box-style2 {
	background-color: #fff;
	border: 1px solid #eee;
	margin-bottom: 15px;
}

.tc-box-style2 .box-title {
		font-size: 24px;
		line-height: normal;
		background-color: #000;
		padding: 15px 20px 13px;
		color: #fff;
		margin: 0 -1px;
	}

.tc-box-style2 .box-content {
		font-size: 20px;
		padding: 10px 15px;
	}



.t-left {
	float:left;
}

.t-right {
	float:right;
}


.t-clearleft {
	clear: left;
}

.t-clearright {
	clear: right;
}

.t-blockcentre {
	display: flex;
	align-items: center;
	justify-content: center
}

.t-toplevel h3, h4, h5 {
	color: brown;
}


.t-strategy {
	background-color:darkolivegreen;
	color:white;
}

.t-action {
	margin-top:10px;
	margin-bottom:10px;
	margin-left: 25px;
	margin-right:25px;
}

.t-communication {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 25px;
	margin-right: 25px;
}

.t-PagePreview {
	background-color: lemonchiffon; 
	opacity: 0.4;
	
}

.t-blockheading {
	float:left;
	/*  o/s common if want same behaviour - acting as inheritance   */
}

.t-elementheading {
	float: left;
	/*  o/s common if want same behaviour - acting as inheritance   */
}

.t-blocklevel {
	float: left;

	/*  o/s common if want same behaviour - acting as inheritance background-color: lemonchiffon;  */
}

.t-blockelementlevel {
	float: left;
	/*  o/s common if want same behaviour - acting as inheritance   */
}

.t-blockdesign {
	float: left;
	/*  o/s common if want same behaviour - acting as inheritance  background-color:aliceblue; */
}

.t-buttonaddblock {
	border-radius: 20%;
	width: 150px;
	height: 60px;
	text-align: center;
}

.t-button
{
	border-radius: 50%;
	width: 50px;
	height: 50px;
	text-align: center;
}

.t-list {
	margin: 20px;
	list-style-type: circle;
	color: burlywood;
}

.t-list > li {
	color: brown;
	margin:15px;
}

.t-listlinks {
	list-style-type: square;
	color:burlywood;
}

.t-listlinks > li  {
		height: 3rem;
	}

.t-listlinks > li >  a {
	height:3rem;
	color: slategray ;
	font-size:1.4rem;
}

.t-listaction {
	color:crimson;
	line-height:250%;
}

.t-listaction > li {
		color: slategray;
}

.t-DeadColour {
	background-color: #F2827F;
}

.t-green {
	color: darkgreen;
}

.t-aqua {
	color: aqua;
}

.t-blue {
	color: cornflowerblue;
}

.t-red {
	color:darkred;
}

.t-indent {
	margin-left: 20px;
}

.t-spaceabove {
	margin-top: 40px;
}

.t-spacebelow {
	margin-bottom: 40px;
}

.t-spaceboth {
	margin-top: 40px;
	margin-bottom:40px;
}

.t-centre {
	text-align:center;
}

.t-italic {
	font-style: italic;
	font-size: 1.25rem;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 50px;
	margin-right: 50px;
	text-align: center;
}


p.t-quote {
	position: relative;
}

p.t-quote::before {
	content: open-quote;
	position: absolute;
	top: -25px;
	left: -25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 90px;
	color: burlywood;
	opacity:0.5;
}

/*.t-quote::after {
	content: close-quote;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 120px;
	color: #889c0b;
}*/

.t-backpage {
	margin-left: 20px;
	margin-top: 40px;
	margin-bottom: 20px;
	font-size: 1.25rem;
}

.t-verticalline {
	border-left: 3px solid grey ;
	height: 200px;
}

.t-tabLevel1 li.k-item.k-state-default.k-tab-on-top.k-state-active {
	background-color: blue !important;
}

.t-tabLevel1 li.k-item.k-state-default {
	background-color: cornflowerblue !important;
	color: white;
	height: 55px;
	width: 100px;
	margin-right: 5px;
	background-image: none;
}

.t-tabLevel2 li.k-item.k-state-default.k-tab-on-top.k-state-active {
	background-color: forestgreen !important;
}

.t-tabLevel2 li.k-item.k-state-default {
	background-color: limegreen !important;
	color: white;
	height: 55px;
	width: 100px;
	margin-right: 5px;
	background-image: none;
}