@font-face 
{
    font-family: 'UbuntuMediumMedium';
    src: url('fonts/UbuntuMedium/UbuntuMedium-M-webfont.eot');
    src: url('fonts/UbuntuMedium/UbuntuMedium-M-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/UbuntuMedium/UbuntuMedium-M-webfont.woff') format('woff'),
         url('fonts/UbuntuMedium/UbuntuMedium-M-webfont.ttf') format('truetype'),
         url('fonts/UbuntuMedium/UbuntuMedium-M-webfont.svg#UbuntuMediumCondensedRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

	
/* ALLOWS UP TO 18 PODS PER SCREEN */

div#podBox1, #podBox2, #podBox3, #podBox4, #podBox5, #podBox6, #podBox7, #podBox8, #podBox9, #podBox10, #podBox11, #podBox12, #podBox13, #podBox14, #podBox15, #podBox16, #podBox17, #podBox18
{
	background-repeat: no-repeat;
	position: absolute;
	width: 170px;
	
/*	box-shadow: 0px 5px 3px -3px #878787;
	-moz-box-shadow: 0px 5px 3px -3px #878787;
	-webkit-box-shadow: 0px 5px 3px -3px #878787;*/
	
	box-shadow: 0 7px 6px -6px #333;
	-moz-box-shadow: 0 7px 6px -6px #333;
	-webkit-box-shadow: 0 7px 6px -6px #333;
}

/*
div#podBox1:hover, #podBox2:hover, #podBox3:hover, #podBox4:hover, #podBox5:hover, #podBox6:hover, #podBox7:hover, #podBox8:hover, #podBox9:hover 
{
	position: absolute;
	display: block;
	margin-left: 557px !important;
	clear: right;
	float: right; */
	
	/* transform: scale(1.03682, 1.03682);*/ /* General */
	/* -moz-transform: scale(1.03682, 1.03682);*/ /* Firefox */
	/* -ms-transform: scale(1.03682, 1.03682);*/ /* Microsoft Internet Explorer */
	/* -webkit-transform: scale(1.03682, 1.03682);*/ /* Chrome, Safari */
	/* -o-transform: scale(1.03682, 1.03682);*/ /* Opera */

/* 	box-shadow: 0px 5px 5px -3px #999;
	-moz-box-shadow: 0px 5px 5px -3px #999;
	-webkit-box-shadow: 0px 5px 5px -3px #999;
}
*/

div#pod1, #pod2, #pod3, #pod4, #pod5, #pod6, #pod7, #pod8, #pod9, #pod10, #pod11, #pod12, #pod13, #pod14, #pod15, #pod16, #pod17, #pod18
{
	background-repeat: no-repeat;
	border: 2px solid #FFF;
	border-left: 4px solid #FFF;
	position: absolute;
	width: 390px;
	margin-left: 25px;
	z-index: 1000;
	
	border-radius: 4px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
	
	box-shadow: 0px 1px 5px 2px #777;
	-moz-box-shadow: 0px 1px 5px 2px #777;
	-webkit-box-shadow: 0px 1px 5px 2px #777;	
}

/* ----------------------- */
/* STAYS SAME FOR ALL PODS */

div#podText
{
	border: 1px solid #B6C4C7;
	border-top: none;
	width: 390px;
	clear: right;
	float: right;
	
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	
	box-shadow: inset 0 7px 6px -6px #878787;
	-moz-box-shadow: inset 0 7px 6px -6px #878787;
	-webkit-box-shadow: inset 0 7px 6px -6px #878787;
	
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#F2F2F2", endColorStr="#EDEDED"); /* IE9 */ 
	background-image: -ms-linear-gradient(top, #F2F2F2 0%, #EDEDED 100%); /* IE10 Consumer Preview */
	background-image: linear-gradient(to bottom, #F2F2F2 0%, #EDEDED 100%); /* W3C Markup, IE10 Release Preview */
	background-image: -moz-linear-gradient(top, #F2F2F2 0%, #EDEDED 100%); /* Mozilla Firefox */
	background-image: -o-linear-gradient(top, #F2F2F2 0%, #EDEDED 100%); /* Opera */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F2F2F2), color-stop(1, #EDEDED)); /* Webkit (Safari/Chrome 10) */
	background-image: -webkit-linear-gradient(top, #F2F2F2 0%, #EDEDED 100%); /* Webkit (Chrome 11+) */
}

div#podText p 
{	
	color: #000;
	font-family: Helvetica, Arial, sans-serif, sans-serif;
	font-size: 0.92em; /*12px*/
	font-weight: normal;
	line-height: 1.3em;
	text-align: left;
	margin: 0;
	padding: 8px;
}

/*div#podText ul 
{
	color: #333333;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	margin-top: 4px;
	margin-right: 48px;
	margin-left: 16px;
	line-height: 1.2em;
}

div#podText ol
{
	color: #333333;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	margin-top: 4px;
	margin-right: 48px;
	margin-left: 16px;
	line-height: 1.2em;
}*/

div#podCloseBtn 
{
	background-repeat: no-repeat;
	margin: 5px;
	clear: right;
	float: right;
}

div#podSmlText 
{
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	width: 168px;
	clear: right;
	float: right;

	box-shadow: inset 0 7px 6px -6px #878787;
	-moz-box-shadow: inset 0 7px 6px -6px #878787;
	-webkit-box-shadow: inset 0 7px 6px -6px #878787;

	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#F2F2F2", endColorStr="#EDEDED"); /* IE9 */
	background-image: -ms-linear-gradient(top, #F2F2F2 0%, #EDEDED 100%); /* IE10 Consumer Preview */ 
	background-image: linear-gradient(to bottom, #F2F2F2 0%, #EDEDED 100%); /* W3C Markup, IE10 Release Preview */ 
	background-image: -moz-linear-gradient(top, #F2F2F2 0%, #EDEDED 100%); /* Mozilla Firefox */ 
	background-image: -o-linear-gradient(top, #F2F2F2 0%, #EDEDED 100%); /* Opera */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F2F2F2), color-stop(1, #EDEDED)); /* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-linear-gradient(top, #F2F2F2 0%, #EDEDED 100%); /* Webkit (Chrome 11+) */ 
}

div#podSmlText p 
{
	color: #000;
	font-family: Helvetica, Arial, sans-serif, sans-serif;
	font-size: 0.92em; /*12px*/
	font-weight: normal;
	line-height: 1.3em;
	text-align: left;
	margin: 0;
	padding: 8px;
}

div#podSubHead
{
	margin: 0;
	background-color: #5A4747;
	padding-left: 2px;
	width: 100%;
	height: 21px;
	clear: right;
	float: right;
}
	
div#podSubHead p
{	
	margin: 0;
	padding-left: 5px;
	padding-top: 3px;
	color: #fff;
	font-weight: bold;
	
}


/* --------------------- */
/* ONLY IN GENERIC */
/* --------------------- */

div#podSmlTitleGEN 
{
	background-color: #3E9846;
	width: 170px;
	height: 28px;
	clear: right;
	float: right;
	
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;

	-webkit-font-smoothing: antialiased;
}

div#podSmlTitleGEN:before
{
	content:'';
	display: block;
	position: absolute;
	top: 6px;
	left: -8px;
	width: 0;
	height: 0;
	margin-left: -5px;
	border-color: transparent #3E9846 transparent transparent;
	border-style: solid;
	border-width: 8px;
}

div#podSmlTitleGEN p 
{
	color: #FFF;
	font-family: 'UbuntuMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 1.27em;
	font-size: 1.2em\9;
	font-weight: 500 !important;
	font-style: normal;
	text-align:	left;
	margin: 0;
	padding: 4px !important;
	padding-left: 7px !important;
}

div#podSmlFooterBgGEN 
{
	background-color: #3E9846;
	text-align: center;
	width: 170px;
	clear: right;
	float: right;
	
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

div#podSmlFooterBgGEN p
{
	color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.85em; /*11px*/
	font-weight: 500;
	text-align: center;
	margin: 0;
	padding: 3px;	
}

div#podTitleGEN 
{
	background-color: #3E9846;
	width: 392px;
	height: 28px;
	margin: 0;
	clear: right;
	float: right;
	
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

div#podTitleGEN p
{
	color: #FFF;
	font-family: 'UbuntuMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 1.27em;
	font-size: 1.2em\9;
	font-weight: 500 !important;
	font-style:	normal;
	text-align:	left;
	display: inline-block;
	width: 353px;
	margin: 0;
	padding: 4px !important;
	padding-left: 7px !important;
}

/* ----- GENERIC POD ICON ----- */
div#podSmlTitleGEN:after
{
	background: url('../images/page_graphics/pod_images/podicons/GEN.png');
	background-size: cover;
	content:'';
	display: block;
	position: absolute;
	height: 42px;
	width: 42px;	
	margin-top: -45px;
	margin-left: 136px;
}

/* --------------------- */
/* ONLY IN USEFUL ADVICE */
/* --------------------- */

div#podSmlTitleUA 
{
	background-color: #8B2828;
	width: 170px;
	height: 28px;
	clear: right;
	float: right;
	
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;

	-webkit-font-smoothing: antialiased;
}

div#podSmlTitleUA:before
{
	content:'';
	display: block;
	position: absolute;
	top: 6px;
	left: -8px;
	width: 0;
	height: 0;
	margin-left: -5px;
	border-color: transparent #8B2828 transparent transparent;
	border-style: solid;
	border-width: 8px;
}

div#podSmlTitleUA p 
{
	color: #FFF;
	font-family: 'UbuntuMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 1.27em;
	font-size: 1.2em\9;
	font-weight: 500 !important;
	font-style: normal;
	text-align:	left;
	margin: 0;
	padding: 4px !important;
	padding-left: 7px !important;
}

div#podSmlFooterBgUA 
{
	background-color: #8B2828;
	text-align: center;
	width: 170px;
	clear: right;
	float: right;
	
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

div#podSmlFooterBgUA p
{
	color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.85em; /*11px*/
	font-weight: 500;
	text-align: center;
	margin: 0;
	padding: 3px;	
}

div#podTitleUA 
{
	background-color: #8B2828;
	width: 392px;
	height: 28px;
	margin: 0;
	clear: right;
	float: right;
	
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

div#podTitleUA p
{
	color: #FFF;
	font-family: 'UbuntuMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 1.27em;
	font-size: 1.2em\9;
	font-weight: 500 !important;
	font-style:	normal;
	text-align:	left;
	display: inline-block;
	width: 353px;
	margin: 0;
	padding: 4px !important;
	padding-left: 7px !important;
}

/* ----- USEFUL ADVICE POD ICON ----- */
div#podSmlTitleUA:after
{
	background: url('../images/page_graphics/pod_images/podicons/UA.png');
	background-size: cover;
	content:'';
	display: block;
	position: absolute;
	height: 42px;
	width: 42px;	
	margin-top: -45px;
	margin-left: 136px;
}

/* -------------------- */
/* ONLY IN KEY TERMS */
/* -------------------- */

div#podSmlTitleKT 
{
	background-color: #5F592B; 
	width: 170px;
	height: 28px;
	clear: right;
	float: right;
	
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

div#podSmlTitleKT:before
{
	content:'';
	display: block;
	position: absolute;
	top: 6px;
	left: -8px;
	width: 0;
	height: 0;
	margin-left: -5px;
	border-color: transparent #5F592B transparent transparent;
	border-style: solid;
	border-width: 8px;
}

div#podSmlTitleKT p 
{
	color: #FFF;
	font-family: 'UbuntuMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 1.27em;
	font-size: 1.2em\9;
	font-weight: 500 !important;
	font-style: normal;
	text-align:	left;
	margin: 0;
	padding: 4px !important;
	padding-left: 7px !important;	
}

div#podSmlFooterBgKT 
{
	background-color: #5F592B;
	text-align: center;
	width: 170px;
	clear: right;
	float: right;
	
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

div#podSmlFooterBgKT p
{
	color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.85em;
	font-weight: 500;
	text-align: center;
	margin: 0;
	padding: 3px;
}

div#podTitleKT
{
	background-color: #5F592B;
	width: 392px;
	height: 28px;
	margin: 0;
	clear: right;
	float: right;
	
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

div#podTitleKT p
{
	color: #FFF;
	font-family: 'UbuntuMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 1.27em;
	font-size: 1.2em\9;
	font-weight: 500 !important;;
	font-style: normal;
	text-align:	left;
	display: inline-block;
	width: 353px;	
	margin: 0;
	padding: 4px !important;
	padding-left: 7px !important;
}

/* ----- KEY TERMS POD ICON ----- */
div#podSmlTitleKT:after
{
	background: url('../images/page_graphics/pod_images/podicons/KT.png');
	background-size: cover;
	content:'';
	display: block;
	position: absolute;
	width: 42px;
	height: 42px;
	margin-top: -45px;
	margin-left: 136px;	
}

/* -------------------- */
/* ONLY IN DOWNLOAD */
/* -------------------- */

div#podSmlTitleDL
{
	background-color: #6D3139;
	width: 170px;
	height: 28px;
	clear: right;
	float: right;
	
	border-top-right-radius: 3px;	
	border-top-left-radius: 3px;
}

div#podSmlTitleDL:before
{
	content:'';
	display: block;
	position: absolute;
	top: 6px;
	left: -8px;
	width: 0;
	height: 0;
	margin-left: -5px;
	border-color: transparent #6D3139 transparent transparent;
	border-style: solid;
	border-width: 8px;
}

div#podSmlTitleDL p 
{
	color: #FFF;
	font-family: 'UbuntuMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 1.27em;
	font-size: 1.2em\9;
	font-weight: 500 !important;
	font-style: normal;
	text-align:	left;
	margin: 0;
	padding: 4px !important;
	padding-left: 7px !important;
}

div#podSmlFooterBgDL 
{
	background-color: #6D3139;
	text-align: center;
	width: 170px;
	clear: right;
	float: right;
		
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

div#podSmlFooterBgDL p
{
	color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.85em;
	font-weight: 500;
	text-align: center;
	margin: 0;
	padding: 3px;
}

div#podTitleDL 
{
	background-color: #6D3139;
	width: 392px;
	height: 28px;
	margin: 0;
	clear: right;
	float: right;
	
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

div#podTitleDL p 
{
	color: #FFF;
	font-family: 'UbuntuMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 1.27em;
	font-size: 1.2em\9;;
	font-weight: 500 !important;;
	font-style: normal;
	text-align:	left;
	display: inline-block;
	width: 353px;
	margin: 0;
	padding: 4px !important;
	padding-left: 7px !important;
}

/* ----- DOWNLOAD POD ICON ----- */
div#podSmlTitleDL:after
{
	background: url('../images/page_graphics/pod_images/podicons/DL.png');
	background-size: cover;
	content:'';
	display: block;
	position: absolute;
	width: 42px;
	height: 42px;
	margin-top: -45px;	
	margin-left: 136px;
}

/* -------------------- */
/* ONLY IN USEFUL LINKS */
/* -------------------- */

div#podSmlTitleUL
{
	background-color: #294D6F; 
	width: 170px;
	height: 28px;
	clear: right;
	float: right;
	
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

div#podSmlTitleUL:before
{
	content:'';
	display: block;
	position: absolute;
	top: 6px;
	left: -8px;
	width: 0;
	height: 0;
	margin-left: -5px;
	border-color: transparent #294D6F transparent transparent;
	border-style: solid;
	border-width: 8px;
}

div#podSmlTitleUL p 
{
	color: #FFF;
	font-family: 'UbuntuMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 1.27em;
	font-size: 1.2em\9;
	font-weight: 500 !important;
	font-style:	normal;
	text-align:	left;
	margin: 0;
	padding: 4px !important;
	padding-left: 7px !important;
}

div#podSmlFooterBgUL 
{
	background-color: #294D6F;
	text-align: center;
	width: 170px;
	clear: right;
	float: right;
	
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

div#podSmlFooterBgUL p 
{
	color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.85em;
	font-weight: 500;
	text-align: center;
	margin: 0;
	padding: 3px;
}

div#podTitleUL 
{
	background-color: #294D6F;
	width: 392px;
	height: 28px;
	margin: 0;
	clear: right;
	float: right;
	
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

div#podTitleUL p 
{
	color: #FFF;
	font-family: 'UbuntuMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 1.27em;
	font-size: 1.2em\9;
	font-weight: 500 !important;;
	font-style: normal;
	text-align:	left;
	display: inline-block;
	width: 353px;
	margin: 0;
	padding: 4px !important;
	padding-left: 7px !important;
}

/* ----- USEFUL LINKS POD ICON ----- */
div#podSmlTitleUL:after
{
	background: url('../images/page_graphics/pod_images/podicons/UL.png');
	background-size: cover;
	content:'';
	display: block;
	position: absolute;
	width: 42px;
	height: 42px;	
	margin-top: -45px;
	margin-left: 136px;	
}

/* -------------------- */
/* ONLY IN STATISTICS */
/* -------------------- */

div#podSmlTitleST 
{
	background-color: #30386C; 
	width: 170px;
	height: 28px;
	clear: right;
	float: right;
	
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

div#podSmlTitleST:before
{
	content:'';
	display: block;
	position: absolute;
	top: 6px;
	left: -8px;
	width: 0;
	height: 0;
	margin-left: -5px;
	border-color: transparent #30386C transparent transparent;
	border-style: solid;
	border-width: 8px;
}

div#podSmlTitleST p 
{
	color: #FFF;
	font-family: 'UbuntuMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 1.27em;
	font-size: 1.2em\9;
	font-weight: 500 !important;
	font-style: normal;
	text-align:	left;
	margin: 0;
	padding: 4px !important;
	padding-left: 7px !important;
}

div#podSmlFooterBgST 
{
	background-color: #30386C;
	text-align: center;
	width: 170px;
	clear: right;
	float: right;
	
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

div#podSmlFooterBgST p 
{
	color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.85em;
	font-weight: 500;
	text-align: center;
	margin: 0;
	padding: 3px;
}

div#podTitleST 
{
	background-color: #30386C;
	width: 392px;
	height: 28px;
	margin: 0;
	clear: right;
	float: right;
	
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

div#podTitleST p 
{
	color: #FFF;
	font-family: 'UbuntuMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 1.27em;
	font-size: 1.2em\9;
	font-weight: 500 !important;
	font-style: normal;
	text-align:	left;
	display: inline-block;
	width: 353px;
	margin: 0;
	padding: 4px !important;
	padding-left: 7px !important;
}

/* ----- STATISTICS POD ICON ----- */
div#podSmlTitleST:after
{
	background: url('../images/page_graphics/pod_images/podicons/ST.png');
	background-size: cover;
	content:'';
	display: block;
	position: absolute;
	height: 42px;
	width: 42px;	
	margin-top: -45px;	
	margin-left: 136px;
}

/* --------------------- */
/* ONLY IN QUOTATION */
/* --------------------- */

div#podSmlTitleQT 
{
	background-color: #172E4F;
	width: 170px;
	height: 28px;
	clear: right;
	float: right;
	
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;

	-webkit-font-smoothing: antialiased;
}

div#podSmlTitleQT:before
{
	content:'';
	display: block;
	position: absolute;
	top: 6px;
	left: -8px;
	width: 0;
	height: 0;
	margin-left: -5px;
	border-color: transparent #172E4F transparent transparent;
	border-style: solid;
	border-width: 8px;
}

div#podSmlTitleQT p 
{
	color: #FFF;
	font-family: 'UbuntuMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 1.27em;
	font-size: 1.2em\9;
	font-weight: 500 !important;
	font-style: normal;
	text-align:	left;
	margin: 0;
	padding: 4px !important;
	padding-left: 7px !important;
}

div#podSmlFooterBgQT 
{
	background-color: #172E4F;
	text-align: center;
	width: 170px;
	clear: right;
	float: right;
	
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

div#podSmlFooterBgQT p
{
	color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.85em; /*11px*/
	font-weight: 500;
	text-align: center;
	position: relative;
	margin: 0;
	padding: 3px;
}

div#podTitleQT 
{
	background-color: #172E4F;
	width: 392px;
	height: 28px;
	margin: 0;
	clear: right;
	float: right;
	
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

div#podTitleQT p
{
	color: #FFF;
	font-family: 'UbuntuMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 1.27em;
	font-size: 1.2em\9;
	font-weight: 500 !important;
	font-style:	normal;
	text-align:	left;
	display: inline-block;
	width: 353px;
	margin: 0;
	padding: 4px !important;
	padding-left: 7px !important;
}

div#podSmlFooterBgQT:before
{
	background: url('../images/page_graphics/pod_images/QTtail.png');
	background-size: cover;
	content:'';
	display: block;
	position: absolute;
	height: 32px;
	width: 32px;
	margin-top: 13px;
	margin-left: 126px;
}

/* ----- QUOTATION POD ICON ----- */
div#podSmlTitleQT:after
{
	background: url('../images/page_graphics/pod_images/podicons/QT.png');
	background-size: cover;
	content:'';
	display: block;
	position: absolute;
	height: 42px;
	width: 42px;	
	margin-top: -45px;
	margin-left: 136px;
}

/* -------------------- */
/* ONLY IN REFLECTION */
/* -------------------- */

div#podSmlTitleRE 
{
	background-color: #2E696E; 
	width: 170px;
	height: 28px;
	clear: right;
	float: right;
	
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

div#podSmlTitleRE:before
{
	content:'';
	display: block;
	position: absolute;
	top: 6px;
	left: -8px;
	width: 0;
	height: 0;
	margin-left: -5px;
	border-color: transparent #2E696E transparent transparent;
	border-style: solid;
	border-width: 8px;
}

div#podSmlTitleRE p
{
	color: #FFF;
	font-family: 'UbuntuMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 1.27em;
	font-size: 1.2em\9;
	font-weight: 500 !important;
	font-style:	normal;
	text-align:	left;
	margin: 0;
	padding: 4px !important;
	padding-left: 7px !important;
}

div#podSmlFooterBgRE
{
	background-color: #2E696E;
	text-align: center;
	width: 170px;
	clear: right;
	float: right;
	
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

div#podSmlFooterBgRE p
{
	color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 500;
	text-align: center;
	font-size: 0.85em;
	margin: 0;
	padding: 3px;
}

div#podTitleRE
{
	background-color: #2E696E;
	width: 392px;
	height: 28px;
	margin: 0;
	clear: right;
	float: right;
	
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

div#podTitleRE p
{
	color: #FFF;
	font-family: 'UbuntuMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 1.27em;
	font-size: 1.2em\9;
	font-weight: 500 !important;
	font-style: normal;
	text-align:	left;
	display: inline-block;
	width: 353px;
	margin: 0;
	padding: 4px !important;
	padding-left: 7px !important;
}

/* ----- REFLECTION POD ICON ----- */
div#podSmlTitleRE:after
{
	background: url('../images/page_graphics/pod_images/podicons/RE.png');
	background-size: cover;
	content:'';
	display: block;
	position: absolute;
	width: 42px;
	height: 42px;
	margin-top: -45px;	
	margin-left: 136px;
}

/* -------------------------- */
/* ONLY IN PORTFOLIO ACTIVITY */
/* -------------------------- */

div#podSmlTitlePT 
{
	background-color: #B15500;
	width: 170px;
	height: 28px;
	clear: right;
	float: right;
	
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;

	-webkit-font-smoothing: antialiased;
}

div#podSmlTitlePT:before
{
	content:'';
	display: block;
	position: absolute;
	top: 6px;
	left: -8px;
	width: 0;
	height: 0;
	margin-left: -5px;
	border-color: transparent #B15500 transparent transparent;
	border-style: solid;
	border-width: 8px;
}

div#podSmlTitlePT p 
{
	color: #FFF;
	font-family: 'UbuntuMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 1.27em;
	font-size: 1.2em\9;
	font-weight: 500 !important;
	font-style: normal;
	text-align:	left;
	margin: 0;
	padding: 4px !important;
	padding-left: 7px !important;
}

div#podSmlFooterBgPT 
{
	background-color: #B15500;
	text-align: center;
	width: 170px;
	clear: right;
	float: right;
	
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

div#podSmlFooterBgPT p
{
	color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.85em; /*11px*/
	font-weight: 500;
	text-align: center;
	margin: 0;
	padding: 3px;
}

div#podTitlePT 
{
	background-color: #B15500;
	width: 392px;
	height: 28px;
	margin: 0;
	clear: right;
	float: right;
	
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

div#podTitlePT p
{
	color: #FFF;
	font-family: 'UbuntuMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 1.27em;
	font-size: 1.2em\9;
	font-weight: 500 !important;
	font-style:	normal;
	text-align:	left;
	display: inline-block;
	width: 353px;
	margin: 0;
	padding: 4px !important;
	padding-left: 7px !important;
}

/* ----- PORTFOLIO POD ICON ----- */
div#podSmlTitlePT:after
{
	background: url('../images/page_graphics/pod_images/podicons/PT.png');
	background-size: cover;
	content:'';
	display: block;
	position: absolute;
	height: 42px;
	width: 42px;	
	margin-top: -45px;
	margin-left: 136px;
}

/* --------------------- */
/* ONLY IN 'PODS' POD */
/* --------------------- */

div#podSmlTitlePODS 
{
	background-color: #2A6442;
	width: 170px;
	height: 28px;
	clear: right;
	float: right;
	
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;

	-webkit-font-smoothing: antialiased;
}

div#podSmlTitlePODS:before
{
	content:'';
	display: block;
	position: absolute;
	top: 6px;
	left: -8px;
	width: 0;
	height: 0;
	margin-left: -5px;
	border-color: transparent #2A6442 transparent transparent;
	border-style: solid;
	border-width: 8px;
}

div#podSmlTitlePODS p 
{
	color: #FFF;
	font-family: 'UbuntuMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 1.27em;
	font-size: 1.2em\9;
	font-weight: 500 !important;
	font-style: normal;
	text-align:	left;
	margin: 0;
	padding: 4px !important;
	padding-left: 7px !important;
}

div#podSmlFooterBgPODS 
{
	background-color: #2A6442;
	text-align: center;
	width: 170px;
	clear: right;
	float: right;
	
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

div#podSmlFooterBgPODS p
{
	color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.85em; /*11px*/
	font-weight: 500;
	text-align: center;
	margin: 0;
	padding: 3px;
}

div#podTitlePODS 
{
	background-color: #2A6442;
	width: 392px;
	height: 28px;
	margin: 0;
	clear: right;
	float: right;
	
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

div#podTitlePODS p
{
	color: #FFF;
	font-family: 'UbuntuMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 1.27em;
	font-size: 1.2em\9;
	font-weight: 500 !important;
	font-style:	normal;
	text-align:	left;
	display: inline-block;
	width: 353px;
	margin: 0;
	padding: 4px !important;
	padding-left: 7px !important;
}

/* ----- 'PODS' POD ICON ----- */
div#podSmlTitlePODS:after
{
	background: url('../images/page_graphics/pod_images/podicons/PODS.png');
	background-size: cover;
	content:'';
	display: block;
	position: absolute;
	height: 42px;
	width: 42px;	
	margin-top: -45px;
	margin-left: 136px;
}

/* ----------------------- */
/* ONLY IN SCREEN DURATION */
/* ----------------------- */

div#podSmlTitleSD 
{
	background-color: #453A4A;
	width: 170px;
	height: 28px;
	clear: right;
	float: right;
	
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;

	-webkit-font-smoothing: antialiased;
}

div#podSmlTitleSD:before
{
	content:'';
	display: block;
	position: absolute;
	top: 6px;
	left: -8px;
	width: 0;
	height: 0;
	margin-left: -5px;
	border-color: transparent #453A4A transparent transparent;
	border-style: solid;
	border-width: 8px;
}

div#podSmlTitleSD p 
{
	color: #FFF;
	font-family: 'UbuntuMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 1.27em;
	font-size: 1.2em\9;
	font-weight: 500 !important;
	font-style: normal;
	text-align:	left;
	margin: 0;
	padding: 4px !important;
	padding-left: 7px !important;
}

div#podSmlFooterBgSD 
{
	background-color: #453A4A;
	text-align: center;
	width: 170px;
	clear: right;
	float: right;
	
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

div#podSmlFooterBgSD p
{
	color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.85em; /*11px*/
	font-weight: 500;
	text-align: center;
	margin: 0;
	padding: 3px;
}

div#podTitleSD
{
	background-color: #453A4A;
	width: 392px;
	height: 28px;
	margin: 0;
	clear: right;
	float: right;
	
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

div#podTitleSD p
{
	color: #FFF;
	font-family: 'UbuntuMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 1.27em;
	font-size: 1.2em\9;
	font-weight: 500 !important;
	font-style:	normal;
	text-align:	left;
	display: inline-block;
	width: 353px;
	margin: 0;
	padding: 4px !important;
	padding-left: 7px !important;
}

/* ----- SCREEN DURATION POD ICON ----- */
div#podSmlTitleSD:after
{
	background: url('../images/page_graphics/pod_images/podicons/SD.png');
	background-size: cover;
	content:'';
	display: block;
	position: absolute;
	height: 42px;
	width: 42px;	
	margin-top: -45px;
	margin-left: 136px;
}

/* ------------------------ */
/* ONLY IN YOUR CONTEXT */
/* ------------------------ */

div#podSmlTitleYC
{
	background-color: #774727; 
	width: 170px;
	height: 28px;
	clear: right;
	float: right;
	
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

div#podSmlTitleYC:before
{
	content:'';
	display: block;
	position: absolute;
	top: 6px;
	left: -8px;
	width: 0;
	height: 0;
	margin-left: -5px;
	border-color: transparent #774727 transparent transparent;
	border-style: solid;
	border-width: 8px;
}

div#podSmlTitleYC p
{
	color: #FFF;
	font-family: 'UbuntuMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 1.27em;
	font-size: 1.2em\9;
	font-weight: 500 !important;
	font-style: normal;	
	text-align:	left;
	margin: 0;
	padding: 4px !important;
	padding-left: 7px !important;
}

div#podSmlFooterBgYC 
{
	background-color: #774727;
	text-align: center;
	width: 170px;
	clear: right;
	float: right;
	
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

div#podSmlFooterBgYC p
{
	color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.85em;
	font-weight: 500;
	text-align: center;
	margin: 0;
	padding: 3px;
}

div#podTitleYC
{
	background-color: #774727;
	width: 392px;
	height: 28px;
	margin: 0;
	clear: right;
	float: right;
	
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

div#podTitleYC p
{
	color: #FFF;
	font-family: 'UbuntuMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 1.27em;
	font-size: 1.2em\9;
	font-weight: 500 !important;;
	font-style: normal;
	text-align:	left;
	display: inline-block;
	width: 353px;
	margin: 0;
	padding: 4px !important;
	padding-left: 7px !important;
}

/* ----- PRACTICAL ADVICE POD ICON ----- */
div#podSmlTitleYC:after
{
	background: url('../images/page_graphics/pod_images/podicons/YC.png');
	background-size: cover;
	content:'';
	display: block;
	position: absolute;
	width: 42px;	
	height: 42px;
	margin-top: -45px;	
	margin-left: 136px;
}

/* --------------------- */
/* ONLY IN CASE STUDY */
/* --------------------- */

div#podSmlTitleCS 
{
	background-color: #583766;
	width: 170px;
	height: 28px;
	clear: right;
	float: right;
	
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;

	-webkit-font-smoothing: antialiased;
}

div#podSmlTitleCS:before
{
	content:'';
	display: block;
	position: absolute;
	top: 6px;
	left: -8px;
	width: 0;
	height: 0;
	margin-left: -5px;
	border-color: transparent #583766 transparent transparent;
	border-style: solid;
	border-width: 8px;
}

div#podSmlTitleCS p 
{
	color: #FFF;
	font-family: 'UbuntuMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 1.27em;
	font-size: 1.2em\9;
	font-weight: 500 !important;
	font-style: normal;
	text-align:	left;
	margin: 0;
	padding: 4px !important;
	padding-left: 7px !important;
}

div#podSmlFooterBgCS 
{
	background-color: #583766;
	text-align: center;
	width: 170px;
	clear: right;
	float: right;
	
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

div#podSmlFooterBgCS p
{
	color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.85em; /*11px*/
	font-weight: 500;
	text-align: center;
	margin: 0;
	padding: 3px;
}

div#podTitleCS 
{
	background-color: #583766;
	width: 392px;
	height: 28px;
	margin: 0;
	clear: right;
	float: right;
	
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

div#podTitleCS p
{
	color: #FFF;
	font-family: 'UbuntuMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 1.27em;
	font-size: 1.2em\9;
	font-weight: 500 !important;
	font-style:	normal;
	text-align:	left;
	display: inline-block;
	width: 353px;
	margin: 0;
	padding: 4px !important;
	padding-left: 7px !important;
}

/* ----- CASE STUDY POD ICON ----- */
div#podSmlTitleCS:after
{
	background: url('../images/page_graphics/pod_images/podicons/CS.png');
	background-size: cover;
	content:'';
	display: block;
	position: absolute;
	height: 42px;
	width: 42px;	
	margin-top: -45px;
	margin-left: 136px;
}

/* ---------------------- */
/* ONLY IN LARGE PROJECTS */
/* ---------------------- */

div#podSmlTitleLP 
{
	background-color: #57463B;
	width: 170px;
	height: 28px;
	clear: right;
	float: right;
	
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;

	-webkit-font-smoothing: antialiased;
}

div#podSmlTitleLP:before
{
	content:'';
	display: block;
	position: absolute;
	top: 6px;
	left: -8px;
	width: 0;
	height: 0;
	margin-left: -5px;
	border-color: transparent #57463B transparent transparent;
	border-style: solid;
	border-width: 8px;
}

div#podSmlTitleLP p 
{
	color: #FFF;
	font-family: 'UbuntuMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 1.27em;
	font-size: 1.2em\9;
	font-weight: 500 !important;
	font-style: normal;
	text-align:	left;
	margin: 0;
	padding: 4px !important;
	padding-left: 7px !important;
}

div#podSmlFooterBgLP 
{
	background-color: #57463B;
	text-align: center;
	width: 170px;
	clear: right;
	float: right;
	
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

div#podSmlFooterBgLP p
{
	color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.85em; /*11px*/
	font-weight: 500;
	text-align: center;
	margin: 0;
	padding: 3px;
}

div#podTitleLP 
{
	background-color: #57463B;
	width: 392px;
	height: 28px;
	margin: 0;
	clear: right;
	float: right;
	
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

div#podTitleLP p
{
	color: #FFF;
	font-family: 'UbuntuMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 1.27em;
	font-size: 1.2em\9;
	font-weight: 500 !important;
	font-style:	normal;
	text-align:	left;
	display: inline-block;
	width: 353px;
	margin: 0;
	padding: 4px !important;
	padding-left: 7px !important;
}

/* ----- LARGE PROJECTS POD ICON ----- */
div#podSmlTitleLP:after
{
	background: url('../images/page_graphics/pod_images/podicons/LP.png');
	background-size: cover;
	content:'';
	display: block;
	position: absolute;
	height: 42px;
	width: 42px;	
	margin-top: -45px;
	margin-left: 136px;
}

/* --------------------- */
/* ONLY IN IN PRACTICE */
/* --------------------- */

div#podSmlTitleIP 
{
	background-color: #774727;
	width: 170px;
	height: 28px;
	clear: right;
	float: right;
	
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;

	-webkit-font-smoothing: antialiased;
}

div#podSmlTitleIP-2Lines /* ## FOR SMALL POD TITLES THAT BREAK OVER 2 LINES ## */
{
	background-color: #774727;
	width: 170px;
	height: 28px;
	clear: right;
	float: right;
	
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;

	-webkit-font-smoothing: antialiased;
}

div#podSmlTitleIP:before
{
	content:'';
	display: block;
	position: absolute;
	top: 6px;
	left: -8px;
	width: 0;
	height: 0;
	margin-left: -5px;
	border-color: transparent #774727 transparent transparent;
	border-style: solid;
	border-width: 8px;
}

div#podSmlTitleIP-2Lines:before /* ## FOR SMALL POD TITLES THAT BREAK OVER 2 LINES ## */
{
	content:'';
	display: block;
	position: absolute;
	top: 6px;
	left: -8px;
	width: 0;
	height: 0;
	margin-left: -5px;
	border-color: transparent #774727 transparent transparent;
	border-style: solid;
	border-width: 8px;
}

div#podSmlTitleIP p 
{
	color: #FFF;
	font-family: 'UbuntuMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 1.27em;
	font-size: 1.2em\9;
	font-weight: 500 !important;
	font-style: normal;
	text-align:	left;
	margin: 0;
	padding: 4px !important;
	padding-left: 7px !important;
}

div#podSmlTitleIP-2Lines p  /* ## FOR SMALL POD TITLES THAT BREAK OVER 2 LINES ## */
{
	color: #FFF;
	font-family: 'UbuntuMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 1.27em;
	font-size: 1.2em\9;
	font-weight: 500 !important;
	font-style: normal;
	text-align:	left;
	margin: 0;
	padding: 4px !important;
	padding-left: 7px !important;
}

div#podSmlFooterBgIP 
{
	background-color: #774727;
	text-align: center;
	width: 170px;
	clear: right;
	float: right;
	
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

div#podSmlFooterBgIP p
{
	color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.85em; /*11px*/
	font-weight: 500;
	text-align: center;
	margin: 0;
	padding: 3px;
}

div#podTitleIP 
{
	background-color: #774727;
	width: 392px;
	height: 28px;
	margin: 0;
	clear: right;
	float: right;
	
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

div#podTitleIP p
{
	color: #FFF;
	font-family: 'UbuntuMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 1.27em;
	font-size: 1.2em\9;
	font-weight: 500 !important;
	font-style:	normal;
	text-align:	left;
	display: inline-block;
	width: 353px;
	margin: 0;
	padding: 4px !important;
	padding-left: 7px !important;
}

/* ----- IN PRACTICE POD ICON ----- */
div#podSmlTitleIP:after
{
	background: url('../images/page_graphics/pod_images/podicons/IP.png');
	background-size: cover;
	content:'';
	display: block;
	position: absolute;
	height: 42px;
	width: 42px;	
	margin-top: -45px;
	margin-left: 136px;
}

div#podSmlTitleIP-2Lines:after  /* ## FOR SMALL POD TITLES THAT BREAK OVER 2 LINES ## */
{
	background: url('../images/page_graphics/pod_images/podicons/IP.png');
	background-size: cover;
	content:'';
	display: block;
	position: absolute;
	height: 42px;
	width: 42px;	
	margin-top: -56px;
	margin-left: 136px;
}

/* --------------------------------- */
/* --------- POD BUTTONS ----------- */
.podButton
{
	background: none;
	border: none;
	text-transform: none;
	letter-spacing: 0em;
	margin: 0;
	padding: 0;
}

.podButton:enabled:hover 
{
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	
	background-image: -ms-linear-gradient(none); /* IE10 Consumer Preview */ 
	background-image: linear-gradient(none); /* W3C Markup, IE10 Release Preview */
	background-image: -moz-linear-gradient(none); /* Mozilla Firefox */ 
	background-image: -o-linear-gradient(none); /* Opera */
	background-image: -webkit-gradient(none); /* Webkit (Safari/Chrome 10) */
	background-image: -webkit-linear-gradient(none); /* Webkit (Chrome 11+) */
}


/* --------------------------------------------- */
/* --------- ACCESSIBLE VERSION PODS ----------- */

.podAcc
{
	background: #F6F6F6;
	border: 1px solid #C3C3C3;
	line-height: 1.4em;
	display: block;
	max-width: 538px;
	margin-bottom: 22px;
	padding: 6px;
	padding-bottom: 0px !important;
	border-radius: 3px;
}

.podTitleAcc
{
	color: #FFFFFF;
	font-family: 'UbuntuMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 1.55em;
	font-size: 1.6em\9;
	font-weight: 500 !important;
	font-style: normal;
	text-align: left;
	display: inline-block;
	width: 524px;
	margin-top: -14px;
	margin-bottom: -2px;
	margin-left: -7px;
	padding-top: 6px !important;
	padding-bottom: 6px !important;
	padding-left: 14px !important;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}


/* ----- POD COLOURS ----- */

#GEN { background: #3E9846; }
#UA { background: #8B2828; }
#KT { background: #5F592B; }
#DL { background: #6D3139; }
#UL { background: #294D6F; }
#ST { background: #30386C; }
#QT { background: #172E4F; }
#RE { background: #2E696E; }
#PT { background: #B15500; }
#SD { background: #453A4A; }
#PODS { background: #2A6442; }
#YC { background: #774727; }
#CS { background: #583766; }
#LP { background: #57463B; }
#IP { background: #774727; }