﻿/*  HTML5 Boilerplate  */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, 
menu, nav, section, summary, time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}                  
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

body { font:13px/1.231 sans-serif; *font-size:small; } 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

body, select, input, textarea {   color: #444; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
html { overflow-y: scroll; }

a:hover, a:active { outline: none; }
a, a:active, a:visited { color: #d9ba00; }
a:hover { color: #5f99f0; }

ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }

nav ul, nav li { margin: 0; } 
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre {  padding: 15px;  white-space: pre;  white-space: pre-wrap;  white-space: pre-line;  word-wrap: break-word; }
textarea { overflow: auto; } 
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px;  -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red;  box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; } 
a:link { -webkit-tap-highlight-color: #FF5E99; } 

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; } 
.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px);  clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden;	 } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* 
	Primary Styles - Author: JTP - 15/12/2010
	-----------------------------------------
	
	Colours:
		Body BG grey: #d5d6d6
		Light grey: #d1d2d2
		Mid grey: #a8aaad
		Dark grey: #5c5b5a
		Teal: #5f99f0
*/

/* 
*	Defaults 
*/

body 
{ 
	background: #d6d6d6 url("/mira/resources/images/structure/body-bg.png") repeat-x 0 0;
	color: #5c5b5a;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
	font-size: 13px;
	line-height: 20px;
	text-align: center;
}

body#HomePage
{	
    background: #d6d6d6 url("/mira/resources/images/structure/body-bg-home.png") repeat-x 0 0;
}

h1
{
	color: #5f99f0;
	font-size: 31px;
	font-weight: bold;
	line-height: 36px;
	margin-bottom: 15px;
}

h1.standalone { padding: 7px 11px; }

#HomePage h1
{
	font-size: 37px;
	line-height: 41px;
}

	h1 small
	{
		color: #5c5b5a;
		display: block;
		font-size: 16px;
		font-style: italic;
	}

h2
{
	color: #5f99f0;
	font-size: 17px;
	font-weight: bold;
	padding-top: 10px;
}
	
h3
{
	color: #5f99f0;
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 15px;
}

h4
{
	color: #5f99f0;
	font-size: 18px;
	font-weight: bold;
}

h5
{
	color: #5f99f0;
	font-size: 14px;
	font-weight: bold;
}

h6
{
	color: #b1b3b4;
	font-size: 16px;
	font-weight: bold;
	line-height: 21px;
	margin-bottom: 12px;
}

p, li, label
{
	color: #5C5B5A;
	/*font-size: 13px;*/
	line-height: 18px;
	margin: 8px 0;
}

a, a:active, a:visited { color: #5f99f0; text-decoration: none; }
a:hover { color: #5f99f0; text-decoration: underline; }

::-moz-selection{ background: #a8aaad;  color:#fff; text-shadow: none; }
::selection { background: #a8aaad; color:#fff; text-shadow: none; } 
a:link { -webkit-tap-highlight-color: #5f99f0; } 

/* Site container */
#container 
{ 
	position: relative;
	width: 100%; 
}

/* 
*	Site header 
*/

#site-header
{
	background: #fff url("/mira/resources/images/structure/header-bg2.png") no-repeat center top;
	height: 149px;
} .ie6 #site-header { position: relative; }

	/* Nav: Top quick links */
	#quick-links
	{
		font-size: 11px;
		font-weight: bold;
		overflow: visible;
		margin: 0 auto;
		padding: 7px 0 6px 0;
		text-align: right;
		text-transform: uppercase;
		width: 960px;
	}
	
		#quick-links ul { float:right; }
	
		#quick-links li
		{
			color: #5c5b5a;
			display: inline;
			margin-left: 3px;
		}
		
		#quick-links a 
		{ 
			color: #5c5b5a; 
			margin-right: 3px;
		}

        #quick-links .quick-link-divider {
            float: right;
            display: block;
            margin-left: 3px;
        }

        #quick-links #country-selector
		{
			background: #b1b3b4 url("/mira/resources/images/arrows/country-selector-arrow-down.png") no-repeat 72px 50%;
			clear: none;
			display: block;
			float: right;
			margin: -3px 0px 0 9px;
			padding: 0; 
			position: relative;
			z-index: 80;
            width:90px;
		}
		
		#quick-links #country-selector:hover,
		#quick-links #country-selector.sfhover
		{
			background-image: url("/mira/resources/images/arrows/country-selector-arrow-up.png");
		}
			
		.borderradius #quick-links #country-selector
		{
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			border-radius: 2px;
		}	
		
		.ie6 #quick-links #country-selector,
		.ie7 #quick-links #country-selector,
		.ie8 #quick-links #country-selector
		{ 
			border-radius: 2px;
			behavior: url("/mira/resources/js/PIE.htc"); 
		}		
		    
		.borderradius #quick-links #country-selector:hover,
		.borderradius #quick-links #country-selector.sfhover
		{
			-moz-border-radius: 2px 2px 0 0;
			-webkit-border-radius: 2px 2px 0 0;
			border-radius: 2px 2px 0 0;
		}
		    
		.ie7 #country-selector.sfhover ul,
		.ie8 #country-selector.sfhover ul
		{ 
			border-radius:  0 0 2px 2px;
			behavior: url("/mira/resources/js/PIE.htc"); 
		}
		
			#country-selector ul
			{
				background: #b1b3b4;
				left: -999em;
				margin: 0;
			    padding: 0;
				position: absolute;
				z-index: 100;
				width: 90px;
			}
			
			.borderradius #country-selector ul
			{
				-moz-border-radius: 0 0 2px 2px;
				-webkit-border-radius: 0 0 2px 2px;
				border-radius: 0 0 2px 2px;
			}
			
			.ie7 #country-selector ul,
			.ie8 #country-selector ul
			{ 
				border-radius:  0 0 2px 2px;
				behavior: url("/mira/resources/js/PIE.htc"); 
			}
			
				#country-selector li
				{
					display: block;
					margin: 0;
					width: 160px;
				}
				
				#country-selector:hover ul,
		        #country-selector.sfhover ul
				{
					left: auto;
					right: 0;
				}
				
				#country-selector a
				{
					margin: 0;
				}
			
			#country-selector .flag 
			{
			    display: block;
				background: transparent no-repeat 5px 50%;
				text-indent: 0;
				text-align: left;
				padding: 2px 20px 2px 40px;
				width: 30px;
				line-height: 20px;
			}
			
			#country-selector .uk { background-image: url("/mira/resources/images/countries/uk.jpg"); }
			#country-selector .in { background-image: url("/mira/resources/images/countries/india.jpg"); }
	
        /*
		#quick-links #country-selector
		{
			background: #b1b3b4 url("/mira/resources/images/arrows/country-selector-arrow-down.png") no-repeat 28px 7px;
			clear: none;
			display: inline;
			float: right;
			height: 11px;
			margin: 1px 7px 0 10px;
			padding: 3px; 
			position: relative;
			width: 40px;
			z-index: 80;
		}
		
		#quick-links #country-selector:hover,
		#quick-links #country-selector.sfhover
		{
			background-image: url("/mira/resources/images/arrows/country-selector-arrow-up.png");
			height: 16px;
		}
		
		.ie6 #quick-links #country-selector.sfhover,
		.ie7 #quick-links #country-selector:hover
		{ height: 11px; }
		
		.borderradius #quick-links #country-selector
		{
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			border-radius: 2px;
		}
		
		.ie7 #quick-links #country-selector,
		.ie8 #quick-links #country-selector
		{ 
			border-radius: 2px;
			behavior: url("/mira/resources/js/PIE.htc"); 
			position: relative;
		}
		
			#country-selector ul
			{
				background: #b1b3b4;
				left: -999em;
				margin: 5px 0 0 0;
				padding: 2px 0;
				position: absolute;
				z-index: 100;
				width: 150px;
			}
			
			.borderradius #country-selector ul
			{
				-moz-border-radius: 2px;
				-webkit-border-radius: 2px;
				border-radius: 2px;
			}
			
			.ie7 #country-selector ul,
			.ie8 #country-selector ul
			{ 
				border-radius: 2px;
				behavior: url("/mira/resources/js/PIE.htc"); 
				position: relative;
			}
			
				#country-selector li
				{
					display: block;
					margin: 0;
					padding: 3px 10px;
					width: 130px;
				}
				
				#country-selector:hover ul
				{
					left: auto;
					right: 0;
				}
				
				.ie6 #country-selector.sfhover ul,
				.ie7 #country-selector:hover ul, 
				.ie8 #country-selector:hover ul
				{
					left: auto;
					right: 107px;
				}
				
				#country-selector a
				{
					margin: 0;
					width: 40px;
				}
			
			#country-selector .flag 
			{
				background: transparent url("/mira/resources/images/countries/uk.png") no-repeat left center;
				display: block;
				height: 11px;
				text-align: left;
				text-indent: -999em;
				width: 40px;
			}
			
			#country-selector ul .flag 
			{
				height: auto;
				padding: 1px 0 0 25px;
				width: 105px;
				text-indent: 0;
				text-align: left;
			}
			
			#country-selector .uk { background-image: url("/mira/resources/images/countries/uk.png"); }
			#country-selector .cn { background-image: url("/mira/resources/images/countries/uk.png"); }
			#country-selector .in { background-image: url("/mira/resources/images/countries/uk.png"); }
            */

	/* Search, logo and nav container */
	#header-content
	{
		clear: both;
		margin: 0 auto;
		overflow: auto;
		padding: 0 0 12px 0;
		position: relative;
		text-align: left;
		width: 960px;
	}
		
		/* Site search form */
		#site-search
		{
			display: block;
			margin: 0;
			overflow: auto;
			padding: 0;
			width: 960px;
		}
		
			#site-search fieldset
			{
				background: transparent url("/mira/resources/images/structure/striped-bg-teal.png") repeat 0 0;
				display: block;
				float: right;
				margin-top: 11px;
				padding: 8px;
			}
			
			.borderradius #site-search fieldset 
			{
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				border-radius: 3px;
			}
			
			.ie7 #site-search fieldset,
			.ie8 #site-search fieldset 
			{ 
				border-radius: 3px;
				behavior: url("/mira/resources/js/PIE.htc"); 
				position: relative;
			}
			
			#site-search label { display: none; }
			
			#site-search .text-field
			{
				border: 3px solid #5f99f0;
				width: 280px;
			}
			
			#site-search .button { border: 3px solid #5f99f0; }
			
		#ErrorPage #site-search {
		    height: 58px;
		}
			
		/* Site logo */
		#logo
		{
			background-image: url("/mira/resources/images/logo-MIRA.png");
			height: 59px;
			margin-top: -7px;
			width: 242px;
		}
		
		/* Main site navigation */
		#navigation 
		{ 
			position: absolute;
			right: 2px; bottom: 0;
		}
		
		.ie6 #navigation,
		.ie7 #navigation
		{ bottom: 10px; }
		
			/* Navigation list */
			#navigation ul { overflow: auto; }
		
				#navigation li
				{
					color: #fefefe;
					display: inline;
					float: left;
					margin-left: 8px;
					padding-top: 8px;
				}
				
					#navigation a
					{
						display: inline;
						color: #fefefe;
						float: left;
						font-size: 15px;
						font-weight: normal;
						margin-right: 8px;
						text-transform: uppercase;
					}
				
				/* Fire rolldown navigation button */
				#navigation .rolldown-trigger
				{
					background: #abcaf8 url("/mira/resources/images/structure/rolldown-trigger-bg.png") repeat-x left top;
					margin: 0 5px 12px 0;
					padding: 5px 10px;
				}
				
				.borderradius #navigation .rolldown-trigger
				{
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
					border-radius: 3px;
				}
				
				.ie7 #navigation .rolldown-trigger,
				.ie8 #navigation .rolldown-trigger
				{ 
					border-radius: 3px;
					behavior: url("/mira/resources/js/PIE.htc"); 
					position: relative;
				}
				
					#navigation .rolldown-trigger a
					{
						background: transparent url("/mira/resources/images/arrows/rolldown-trigger-arrow.png") no-repeat 0 60%;
						font-size: 21px;
						font-weight: normal;
						margin-right: 0;
						padding-left: 25px;
					}
					
					#navigation .no-nav a
					{
						background: none;
						padding-left: 0;
					}
					
					#navigation .rolldown-trigger a:hover { text-decoration: none; }
					
				/* State of trigger when nav is rolled down */
				#navigation .rolldown-expanded
				{
					background: #fff;
					border: 1px solid #fff;
					margin: 0 5px 0 0;
					padding: 5px 10px 17px 10px;
				}
				
				.ie6 #navigation .rolldown-expanded,
				.ie7 #navigation .rolldown-expanded 
				{ padding-bottom: 5px; }
				
				.borderradius #navigation .rolldown-expanded
				{
					-moz-border-radius: 3px 3px 0 0;
					-webkit-border-radius: 3px 3px 0 0;
					border-radius: 3px 3px 0 0;
				}
				
				.ie7 #navigation .rolldown-expanded,
				.ie8 #navigation .rolldown-expanded
				{ 
					border-radius: 3px;
					behavior: url("/mira/resources/js/PIE.htc"); 
					position: relative;
				}
				
					#navigation .rolldown-expanded a
					{
						background: transparent url("/mira/resources/images/arrows/rolldown-trigger-arrow-up.png") no-repeat 0 60%;
						color: #5f99f0;
						font-size: 21px;
						font-weight: normal;
						margin-right: 0;
						padding-left: 25px;
					}
					
					#navigation .rolldown-expanded a:hover { text-decoration: none; }
					
	/* Rolldown navigation */
	#rolldown 
	{
		display: none;
		margin: 0;/*12px 0 0 0;*/
		text-align: left;
	} 
	
		#rolldown-navigation
		{
			display: block;
			margin: 0 auto;
			overflow: auto;
			padding: 12px 0;
			width: 960px;
		}
		
			#rolldown-navigation li
			{
				border-right: 1px solid #cecece;
				display: block;
				float: left;
				margin: 5px 10px 0 0;
				overflow: auto;
				width: 229px;
			}
			
			#rolldown-navigation li.end 
			{ 
				border-right: 0; 
				margin-right: 0; 
			}
			
				#rolldown-navigation a
				{
					border-bottom: 1px solid #cecece;
					display: block;
					float: left;
					padding-bottom: 5px;
				}
				
				#rolldown-navigation li.bottomRow a { border-bottom: none; }
			
				#rolldown-navigation img 
				{
					border: 2px solid #b1b3b4;
					display: block;
					height: 42px;
					width: 42px;
				}
				
				#rolldown-navigation a.link
				{
					color: #5c5b5a;
					font-size: 14px;
					font-weight: bold;
					height: 36px;
					padding: 5px 12px 10px 12px;
					width: 149px;
				}
				
				#rolldown-navigation a:hover { text-decoration: underline; }
				
					#rolldown-navigation small 
					{ 
						color: #5c5b5a; 
						display: block;
						font-size: 11px;
						font-weight: normal;
					}
				
					#rolldown-navigation b
					{
						color: #5f99f0;
						font-weight: normal;
					}
					
					#rolldown-navigation a:hover b { text-decoration: none; }

/*
*	Container to hold everything beneath the header
*/

#post-header-container
{
	padding-top: 252px;
	position: relative;
}

    .ie6 #post-header-container { display: inline-block; }

.minimal #post-header-container { padding-top: 125px; }

#HomePage #post-header-container { padding-top: 275px; }

.ie6 .position-fix { top: 0 !important; }

/* 
*	Fading hero images/content
*/

#hero 
{
	position: absolute;
	left: 0; top: 0;
	height: 534px;
	overflow: hidden;
	width: 100%;
	z-index: 0;
}

    .home #hero { height: 550px; }

.slide
{
	background: transparent url("/mira/media/mira/default-hero.jpg") no-repeat center top;
	display: none;
	height: 450px; 
	padding: 71px 0;
	width: 100% !important;
}

    #HomePage .slide { padding: 50px 0; }

.minimal .slide { padding-top: 45px; }

.no-js #hero .slide.first { display: block; }

	.slide .slide-inner
	{
		display: block;
		margin: 0 auto;
		overflow: auto;
		width: 960px;
	}
	
	.slide .slide-inner:hover { text-decoration: none; }
	
		.strap
		{
			background: transparent url("/mira/resources/images/structure/hero-overlay.png") no-repeat left top;
			color: #fefefe;
			display: block;
			float: left;
			font-size: 15px;
			line-height: 25px;
			height: 125px;
			margin-right: 8px;
			overflow: hidden;
			padding: 20px 0 10px 25px;
			text-align: left;
			width: 415px;
		}
	
		#HomePage .strap
		{
			background: transparent url("/mira/resources/images/structure/hero-overlay-home.png") no-repeat 98.5% top;
			float: right;
			padding: 60px 20px 10px 15px;
			width: 395px;
		}
		
		.minimal .strap
		{
			background: transparent url("/mira/resources/images/structure/hero-overlay-minimal.png") repeat left top;
			height: auto;
			padding: 10px 0 5px 25px;
		}
		
			.strap strong
			{
				display: block;
				font-size: 33px;
				font-weight: bold;
				line-height: 40px;
				margin-bottom: 2px;
				margin-right: -20px;
				padding-right: 0;
			}
			
			#HomePage .strap strong 
			{ 
				font-size: 33px; 
				line-height: 38px;
				margin-bottom: 5px;
			}
			
			.slide a:hover .strap strong { text-decoration: underline; }
			
		.strap-home
		{
			color: #fefefe;
			display: inline;
			float: right;
			font-size: 40px; 
			font-weight: bold;
			line-height: 46px;
			margin-right: 8px;
			overflow: hidden;
			padding: 0 0 10px 15px;
			text-align: left;
			width: 415px;
		}
		
			.strap-home small
			{
				background: transparent url("/mira/resources/images/structure/hero-overlay-home-bottom.png") no-repeat right bottom;
				display: block;
				font-size: 16px;
				font-weight: normal;
				line-height: 25px;
				padding: 0 15px 10px 15px;
				margin-top: 4px;
				width: 400px;
			}
	
	/* Breadcrumb trail navigation */
	#breadcrumb
	{
		font-size: 11px;
		font-weight: bold;
		padding: 0 20px 5px 0;
		text-align: left;
	}
	
		#breadcrumb li
		{
			color: #fff;
			display: inline;
			font-weight: bold;
			margin-left: 3px;
		}
		
		#breadcrumb a 
		{ 
			color: #fff;
			margin-right: 3px;
		}
		
		#breadcrumb b { color: #5f99f0; }

/* Hero slide nav bar */
#hero-navigation
{
	background: transparent url("/mira/resources/images/structure/hero-nav-bg.png") repeat-x 0 0;
	margin: 0 auto;
	overflow: auto;
	margin-top: 0;
	padding: 10px;
	position: relative;
	text-align: left;
	width: 940px;
	z-index: 10;
}

	#hero-navigation ul 
	{
		background: transparent url("/mira/resources/images/structure/hero-nav-links-bg.png") repeat-x left 20px;
		height: 55px;
		overflow: hidden; 
		padding: 0 43px 0 47px;
		position: relative;
		width: 850px;
	}
	
		#hero-navigation li { display: inline; float: left; }
		
			#hero-navigation a
			{
				background: transparent url("/mira/resources/images/structure/hero-nav-on-bg.png") no-repeat 50% 55px;
				display: inline;
				color: #fefefe;
				float: left;
				font-size: 14px;
				font-weight: bold;
				margin: 0 4px 0 0;
				padding: 29px 10px 8px;
				text-transform: uppercase;
				text-align: center;
				width: 259px;
			}
			
			.ie6 #hero-navigation a { background: transparent url("/mira/resources/images/structure/hero-nav-on-bg.gif") no-repeat 50% 55px; }
			
			#hero-navigation .active a:hover { text-decoration: none; }

			.no-js #hero-navigation a:hover
			{ background-position: 50% 0; }
			
		/* Left and right arrows */
		#hero-navigation .first,
		#hero-navigation .last
		{
			background: #3784B8 url("/mira/resources/images/structure/hero-nav-ends-bg.png") repeat-x 0 0;
			display: inline;
			float: left;
			height: 35px;
			margin: 20px 7px 0 0;
			padding: 0;
			width: 40px;
		}
		
		#hero-navigation .first
		{
			float: none;
			position: absolute;
			left: 0; top: 0;
		}

		#hero-navigation .last 
		{ 
			float: none;
			margin: 20px 0 0 3px; 
			position: absolute;
			right: 0; top: 0;
		}

			#hero-navigation .first a,
			#hero-navigation .last a
			{ 
				background: transparent url("/mira/resources/images/arrows/hero-arrow-left.png") no-repeat center center; 
				height: 35px;
				margin: 0;
				padding: 0;
				width: 40px;
				text-indent: -999em;
			}
			
			#hero-navigation .last a { background-image: url("/mira/resources/images/arrows/hero-arrow-right.png"); }

/* 
*	Main content section
*/	

#main-content-container
{
	background: #fff;
	margin: 0 auto;
	overflow: auto;
	padding: 10px 10px 110px 10px;
	position: relative;
	text-align: left;
	width: 940px;
	min-height: 400px;
	z-index: 10;
}

    #main-content-container.no-padding
    {
        padding: 10px 0 110px 0;
	    width: 960px;
    }

#HomePage #main-content-container { padding-bottom: 90px; }

#TimelinePage #main-content-container {
	overflow: hidden;
}

	/* Columns for content pages */
	#lcol
	{
		float: left;
		margin-right: 20px;
		width: 700px;
	}
	
	.ie7 #lcol,
	.ie8 #lcol {
	    margin-right: 0;
	}
	
	#OfficePage #lcol 
	{ 
		margin-top: 30px; 
		margin-right: 10px;
	}
	
	#lcol.slim { width: 220px; }
	
	#mcol 
	{
		float: left;
		margin-right: 20px;
		width: 538px;
	}
	
	#OfficePage #mcol 
	{ 
		margin-top: 30px; 
		margin-right: 10px;
	}
	
	#rcol 
	{ 
		float: left; 
		width: 220px;
	}
	
	.ie7 #rcol,
	.ie8 #rcol {
		float: right; 
	}
	
	#fcol { clear: both; }
	
	#rcol.slim { width: 160px; }
	
	#rcol.wide { width: 700px; }
	
	#OfficePage #rcol { margin-top: -15px; }
	
	/* Primary actual content container (<h1>, <p>'s etc) */
	#content
	{
		border-bottom: 1px solid #cecece;
		padding: 7px 11px;
	}
	
    #content:before,
    #content:after {
        content: "";
        display: table;
    }

    #content:after {
        clear: both;
    }
	
	#content.general { padding-bottom: 22px; }
	
	#content.no-border { border-bottom: none; }
	
	#content.open
	{
		border: none;
		padding: 7px 11px 50px 11px;
	}
	
	#SearchResultsPage #content.open { padding-bottom: 40px; }
	
	#OfficePage #content
	{
		border: none;
		padding: 0 10px;
	}
	
	#HomePage #content p
	{
		color: #5c5b5a;
		font-size: 18px;
		line-height: 24px;
		margin: 0 0 12px 0;
	}
	
	#content p.leader,
	#content p
	{
		color: #5c5b5a;
		font-size: 14px;
		line-height: 21px;
		margin: 0 0 12px 0;
		padding-top: 12px;
	}
	
	#content ul,
	#content ol { font-size: 14px; }
	
	#content p.leader
	{
		font-size: 16px;
		line-height: 24px;
		margin: 0 0 12px 0;
		padding-top: 0;
	}
	
		#content p.leader img
		{
			margin-left: -11px;
			margin-bottom: 20px;
		}
		
	#content table {
	    margin-bottom: 12px;
	}
		
	#content th,
	#content td {
	    padding: 5px 10px;
	    text-align: left;
	}
	
	#content th {
	    border-left: 1px solid #333;
	    border-bottom: 1px solid #333;
	    background-color: #D5E7F2;
	}
	
	#content tbody th {
	    border-color: #ccc;
	}
	
	#content td {
	    border-left: 1px solid #333;
	    border-bottom: 1px solid #ccc;
	}
	
	#content tr th:first-child,
	#content tr td:first-child {
	    border-left: none;
	}
		
	#content .fl
	{
		color: #5f99f0;
		font-size: 34px;
	}
	
	#content img,
	#content object
	{
		border: 2px solid #b1b3b4;
		display: block;
	}
	
	#content img.no-border,
	#content object.no-border
	{
		border: none;
	}
	
	#content .right
	{
		clear: right;
		margin: 12px 0 0 15px;
	}
	
	#content figure.left
	{
	    margin-top: 12px;
	}
	
	#content img.left { margin: 0 15px 12px 0; }
	#content img.right { margin: 0 0 12px 15px; }
	
	#content figcaption
	{
		color: #5f99f0;
		font-size: 12px;
		font-style: italic;
		font-weight: bold;
		line-height: 18px;
		padding: 10px 5px;
	}
	
	#content .small { width: 155px;	}
	#content .medium { width: 215px; }
	#content .large { width: 275px;	}
	
	.jwVideo { display: block; color: #fff; background-color: #C5C6C7; }
	
	/* Container for large links */
	.links-container
	{
	    clear: both;
		overflow: hidden;
		margin-top: 30px;
	}
	
	.links-container.closed
	{
		border-bottom: 1px solid #cecece;
		padding-bottom: 25px;
	}
	
	.links-container.slim 
	{ 
		border-top: 1px solid #cecece;
		margin-top: 18px; 
		padding-top: 18px;
	}
	
	.links-container.vertical
	{
		border-right: 1px solid #cecece;
		float: left;
		margin-top: 25px; 
		width: 469px;
	}
	
	.links-container.giant
	{
		border: none;
		float: none;
		width: 700px;
	}
	
	.links-container.extra 
	{
		border-top: 1px solid #cecece;
		padding-top: 30px;
	}
	
	.links-container.last { border: none; }
	
		.links-container h3 { padding: 0 0 0 11px; }
	
		/* CTA box links */
		.links-container .cta,
		.links-container .cta-expanded
		{
			border-right: 1px solid #cecece;
			float: left;
			margin-right: 10px;
			padding-right: 10px;
		}
		
		.links-container.slim .cta,
		.links-container.slim .cta-expanded,
		.links-container.vertical .cta,
		.links-container.vertical .cta-expanded
		{
			border-right: none;
			border-bottom: 1px solid #cecece;
			margin: 0 10px 20px 0;
			padding: 0 0 20px 0;
		}
		
		#rcol .links-container.slim .cta,
		#rcol .links-container.slim .cta-expanded
		{ margin-right: 0; }
		
		.links-container.giant .cta-expanded
		{
			margin-right: 0;
			margin-bottom: 0;
			padding-bottom: 30px;
		}
		
		.links-container.open .cta-expanded
		{
			border: none;
			padding-bottom: 15px;
		}
		
		.links-container .cta.last,
		.links-container .cta-expanded.last
		{
			border: none;
			margin: 0;
			padding: 0;
		}
		
			.links-container .cta a
			{
				border: 2px solid #b1b3b4;
				display: block;
				position: relative;
			}
			
			.ie6 .links-container .cta a { width: 215px; }
			
			.links-container .cta a:hover { text-decoration: none; }
			
				.links-container .cta img
				{
					display: block;
					height: 228px;
					width: 215px;
				}
			
				.links-container .cta figcaption
				{
					background: transparent url("/mira/resources/images/structure/cta-overlay.png") no-repeat right top;
					color: #fff;
					font-size: 17px;
					font-weight: bold;
					padding: 52px 15px 8px 10px;
					position: absolute;
					right: 0; bottom: 0;
					width: 190px;
				}
				
				.links-container .cta span
				{
				    padding-right: 15px;
					background: transparent url("/mira/resources/images/arrows/cta-arrow.png") no-repeat 100% 97%;
					display: block;
				}
			
			/* CTA box links with content */
			.links-container .cta-expanded a { display: block; }
			
				.links-container .cta-expanded span 
				{ 
					border: 2px solid #b1b3b4;
					display: block;
					height: 109px;
					position: relative;
					width: 215px;
				}
				
				.links-container.giant .cta-expanded span 
				{
					height: 229px;
					width: 456px;
				}
				
				.links-container.vertical .cta-expanded span 
				{
					float: left;
				}
				
					.links-container .cta-expanded img
					{
						display: block;
						height: 109px;
						width: 215px;
					}
					
					.links-container.giant .cta-expanded img
					{
						height: 230px;
						width: 455px;
					}
					
					.links-container .cta-expanded time,
					.links-container .cta-expanded b
					{
						background-color: #5F99F0;
						color: #fff;
						display: block;
						font-size: 23px;
						font-weight: bold;
						padding: 3px 8px;
						position: absolute;
						left: 3px; bottom: 0;
						text-align: center;
						text-transform: uppercase;
					}
					
					.links-container.vertical .cta-expanded time,
					.links-container.vertical .cta-expanded b
					{
						left: auto; bottom: auto;
						right: 0; top: 3px;
					}
					
					.links-container .cta-expanded b
					{
						font-size: 14px;
						text-align: left;
						text-transform: none;
					}
					
						.links-container .cta-expanded time small
						{
							display: block;
							font-size: 12px;
							line-height: 12px;
						}
					
				.links-container .cta-expanded figcaption 
				{
					color: #5c5b5a;
					font-size: 13px;
					font-weight: normal;
					line-height: 18px;
					padding: 8px 2px 0 10px;
					width: 203px;
				}
				
				.links-container.vertical .cta-expanded figcaption 
				{
					float: left;
					font-size: 12px;
					line-height: 16px;
					padding: 3px 2px 0 20px;
					width: 215px;
				}
				
				.links-container.giant .cta-expanded figcaption 
				{
					font-size: 13px;
					line-height: 18px;
					width: 218px; 
				}
				
					.links-container .cta-expanded figcaption strong
					{
						color: #5f99f0;
						display: block;
						font-size: 14px;
						font-weight: bold;
						line-height: 19px;
						margin-bottom: 3px;
						text-decoration: none;
					}
					
					.links-container.vertical .cta-expanded figcaption strong
					{
						font-size: 13px;
						line-height: 18px;
						margin-bottom: 5px;
					}
				
				.links-container .cta-expanded a:hover { text-decoration: none; }
				.links-container .cta-expanded a:hover figcaption strong { text-decoration: underline; }
				
		.links-container .logged-in
		{
			background: #8596a6 url("/mira/resources/images/arrows/more-info-arrows.png") no-repeat 15px -39px;
			color: #fff;
			display: block;
			float: none;
			font-size: 17px;
			font-weight: bold;
			margin: 15px 0 0 0;
			padding: 10px 10px 12px 48px;
		}
	
	/* Headed vertical lists of links */
	.links-container.vert-lists
	{
		border-top: 1px solid #cecece;
		overflow: auto;
		padding-top: 25px;
	}
	
		.vert-lists .links 
		{ 
			float: left; 
			margin-right: 30px;
		}
	
			.vert-lists ul 
			{ 
				list-style: none; 
				margin: 20px 0 0 11px;
				width: 316px;
			}
			
				.vert-lists li
				{
					border-bottom: 1px solid #cecece;
					font-size: 15px;
					padding-bottom: 5px;
				}
				
					.vert-lists li a
					{
						color: #5c5b5a;
					}
				
		.vert-lists .last { border: none; margin: 0; }
		
	/* More link */
	#main-content-container .more
	{
		clear: both;
		display: block;
		font-weight: bold;
		margin: 0;
		padding: 30px 10px 20px 10px;
		text-align: right;
		text-transform: uppercase;
	}
	
		#main-content-container .more a
		{
			background: transparent url("/mira/resources/images/arrows/cta-arrow-teal.png") no-repeat right top;
			padding-right: 17px;
		}
		
	/* Expand/contract more info boxes */
	#more-info 
	{
	    clear: both;
		border-bottom: 1px solid #cecece;
		margin: 30px 0 18px 0;	
		overflow: hidden;		
		padding-bottom: 30px;
	}
	
	/* Tab navigation */
	.tabs { overflow: auto; }
	
	.tabs.mini
	{
		border-bottom: 1px solid #cecece;
		padding-bottom: 30px;
	}

	.tab-links 
	{
		margin-bottom: 12px;
		overflow: hidden; 
	}
	
	.tabs.mini .tab-links  { margin: 0; }
	
	#OfficePage .tab-links 
	{ 
		float: right;
		margin: 3px 0 25px 0; 
		width: 175px;
	} 
		
		.tab-links li { float: left; }
		
		.tab-links a
		{
			background: #5c5b59;
			color: #fff;
			display: block;
			float: left;
			font-size: 19px;
			font-weight: bold;
			margin: 0 5px 0 0;
			padding: 12px 15px;
		}
		
		.tabs.mini .tab-links a
		{
			font-size: 12px;
			margin-right: 3px;
			padding: 6px 12px 5px 12px;
		}
		
		#OfficePage .tab-links a 
		{
			margin: 0 0 0 5px; 
		}
	
		.tab-links .active a { background: #5F99F0; }
		
		.tabs.mini .tab
		{
			background: #D5E7F2;
			padding: 15px 10px 10px 10px;
		}
		
		.tabs.mini .tab table { width: 98%; }
		.tabs.mini .tab th { padding: 0 20px 5px 0; text-align: right; }
	
		/* Expand/contract panels */	
		#more-info .tab ul
		{
			margin: 0;
			padding: 0;
		}
		
			#more-info .tab li 
			{
				list-style: none;
				margin: 0;
			}
			
			#more-info .tab .active { padding-bottom: 2px; }
			
				#more-info .tab h2 
				{
					font-size: 19px;
					padding-top: 0; 
				}
				
				#more-info .tab h2 a
				{
					background: #5c5b59 url("/mira/resources/images/arrows/more-info-arrows.png") no-repeat 15px 17px;
					color: #fff;
					display: block;
					margin-bottom: 2px;
					padding: 10px 10px 12px 48px;
				}
				
				#more-info .tab .active h2 a 
				{ 
					background: #5F99F0 url("/mira/resources/images/arrows/more-info-arrows.png") no-repeat 15px -40px; 
					margin: 0;
				}
			
				#more-info .tab div
				{
					background: #D5E7F2;
					display: none;
					overflow: auto;
					margin-left: 1px;
					padding: 15px 11px 0 11px;
				}
				
				.no-js #more-info .tab .active div { display: block; }
				
					#more-info .tab img
					{
						border: 2px solid #b1b3b4;
						display: block;
						float: left;
						height: 185px;
						margin-right: 28px;
						width: 316px;
					}
				
					#more-info .tab p,
					#more-info .tab p.more
					{
						clear: none;
						color: #5c5b5a;
						margin: 0;
						padding: 0 0 16px 0;
					}
					
					.mini .tab p { color: #5c5b5a; }
					
					#more-info .tab p.more { padding-top: 15px; }
					
						#more-info .tab p.more a { margin-left: 20px; }
					
		/* Product specs etc */	
		#spec-tables .tab dl { overflow: auto; }

			#spec-tables .tab dt,
			#spec-tables .tab dd
			{
				clear: left;
				color: #5c5b5a;
				display: block;
				font-size: 14px;
				font-weight: bold;
				float: left;
				margin-right: 25px;
				padding: 5px 0;
				text-align: right;
				width: 220px;
			}
			
			#spec-tables .tab dd
			{
				clear: none;
				font-weight: normal;
				float: left;
				text-align: left;
				width: 405px;
			}
			
		/* Grid - e.g. Gallery */
		.grid { overflow: hidden; }
		
		.grid.standalone 
		{
			border-bottom: 1px solid #cecece;
			padding-bottom: 28px;
		}
		
			.grid h3
			{
				background: #5F99F0 url("/mira/resources/images/arrows/more-info-arrows.png") no-repeat 15px 17px;
				color: #fff;
				display: block;
				font-size: 17px;
				margin: 40px 0 0 0;
				padding: 10px 10px 12px 48px;
			}
			
			.grid.dark h3 { background-color: #8596a6; }
			
			.grid.standalone h3 { margin-top: 0; }

			.grid ul
			{
				list-style: none;
				margin: 0;
			}

				.grid li
				{
					background: #d6d6d6;
					display: block;
					float: left;
					height: 109px;
					margin: 0 2px 2px 0;
					padding: 2px 10px 0 10px;
					width: 212px;
				}

				.ie6 .grid li
				{ height: 116px; }
				
				.grid.dark li { background: #ced5dd; }
				
				.grid .end { margin-right: 0; }
				
				.grid img
				{
					border: 2px solid #b1b3b4;
					float: left;
					display: block;
					margin-right: 10px;
				}
				
				.grid p,
				.grid a
				{
					color: #5c5b5a;
					font-size: 14px;
					font-weight: bold;
				}
				
					.grid small
					{
						display: block;
						font-size: 14px;
						font-weight: normal;
					}
				
				#main-content-container .grid .more
				{
					clear: none;
					float: right;
					color: #5F99F0;
					padding-bottom: 10px;
					background: transparent url("/mira/resources/images/arrows/cta-arrow-teal.png") no-repeat right 70%;
			        padding-right: 17px;
			        cursor: pointer;
				}
				
                    #main-content-container .grid a p:hover { color: #5F99F0; text-decoration: underline; }
				
				    #main-content-container .grid .more.push-up { padding-top: 10px; }
				    
				.mediaGallery li {
				    position: relative;
				}
				    
				.mediaGallery li .more {
				    position: absolute;
				    right: 12px;
				    bottom: 4px;
				}
				
				.js .mediaGallery h3 {
				    cursor: pointer;
				}
				
				.mediaGalleryExpanded h3 { 
					background-position: 15px -40px; 
				}
				
		/* Boxed aside, containing links etc */
		.boxout 
		{
			background: #D5E7F2;
			float: left;
			margin: 25px 0 0 10px;
			padding: 12px 10px 0 10px;
			width: 200px;
			display: inline;
		}
		
		#SearchResultsPage .boxout { margin: 0; }
		
			.boxout h3 { font-size: 19px; }
			
			.boxout ul
			{
				list-style: none;
				margin: 0;
				padding: 0;
			}

				.boxout li
				{
					border-bottom: 1px solid #93BDD9;
					line-height: 17px;
					margin: 6px 0;
					padding-bottom: 5px;
				}
				
				.boxout .last { border: none; }
				
					.boxout a { color: #5c5b5a; }
					
		/* Map location menu */
		.map-links { overflow: auto; }
		
			.map-links h3 { margin-left: 7px; }
			.map-links h4 { margin: 0 0 7px 7px; }
		
			.map-links .links
			{
				border-right: 1px solid #cecece;
				float: left;
				margin: 10px 0;
				width: 166px;
			}
			
			.map-links .links .last { border: none; }
			
			.map-links ol
			{
				font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
				font-size: 13px;	
				margin: 0;
				padding: 0;
			}
			
				.map-links li
				{
					border-bottom: 1px solid #cecece;
					list-style: none;
					margin: 0 10px 5px 0;
					overflow: auto;
					padding: 0 0 1px 8px;
				}
				
				.map-links .last 
				{ 
					border: none; 
					padding-bottom: 0; 
				}

					.map-links b
					{
						background: transparent url("/mira/resources/images/structure/location-marker-bg.png") no-repeat 0 0;
						color: #fff;
						display: block;
						float: left;
						font-weight: normal;
						height: 26px;
						margin: 3px 0 0 0;
						padding-top: 2px;
						text-align: center;
						width: 20px;
					}
					
					.map-links p
					{
						color: #5c5b5a;
						margin: 0 0 0 28px;
						overflow: auto;
						padding: 0;
						width: 120px;
					}
				
					.map-links a
					{
						color: #5c5b5a;
						display: block;
						font-weight: bold;
						line-height: 16px;
						margin: 0 0 2px 0;
					}
					
					#main-content-container .map-links .more
					{
						float: left;
						font-size: 12px;
						text-align: left;
						margin: 0 0 0 28px;
						padding: 0;
						width: auto;
						display: inline;
					}
						
						#main-content-container .map-links .more a { color: #5f99f0; }
						
		/* Results list */
		.results { overflow: auto; }

		.results { margin: 0; }
		
		.results li
		{
			border-bottom: 1px solid #cecece;
			display: block;
			list-style: none;
			margin: 0;
			overflow: auto;
			margin: 0 0 13px 0;
			padding: 0 5px 7px 7px;
			position: relative;
		}
		
		.results h2 
		{ 
			color: #5c5b5a;
			font-size: 14px;
			margin-bottom: 0;
			padding: 0; 
		}
		
			.results h2 a 
			{ 
				display: block;
				font-size: 17px;
				margin-bottom: 5px;
			}
			
		.results p
		{
			color: #5c5b5a;
			float: left;
			font-size: 12px;
			width: 540px;
		}
		
		.results .breadcrumb
		{ margin-top: 0; }
		
		#main-content-container .results .more
		{
			padding: 0;
			position: absolute;
			right: 8px; bottom: 18px;
			width: auto;
		}
		
		.results time { text-transform: uppercase; }
		
		/* Pager control */
		.pager
		{
			float: right;
			margin: 0 auto;
			overflow: hidden;
			margin: -5px -11px 0 0;
			position: relative;
			text-align: left;
			display: inline;
			width: 910px;
		}
		
		.pager.bottom { margin: 13px -2px 0 0; }
		
			.pager ul 
			{
				overflow: hidden; 
				position: relative;
			    float: right;
			}
			
				.pager li { display: inline; float: left; width: 31px; }
				
					.pager a
					{
						background: transparent url("/mira/resources/images/structure/pager-bg.png") repeat-x 0 0;
						display: block;
						color: #fefefe;
						font-size: 16px;
						font-weight: bold;
						height: 36px;
						margin: 0 2px 0 0;
						padding: 5px 10px 0 10px;
						text-transform: uppercase;
					}
				
					.pager a,
					.pager a:link,
					.pager a:visited,
					.pager a:hover,
					.pager a:active
					{ color: #fefefe; }
					
					.pager.bottom a 
					{
						background: transparent url("/mira/resources/images/structure/pager-bg.png") repeat-x left 12px;
						height: 24px;
						padding-top: 17px;
					}
					
					.pager .active a
					{
						background: transparent url("/mira/resources/images/structure/pager-on-bg.png") no-repeat 0 0;
					}
					
					.pager.bottom .active a { background: transparent url("/mira/resources/images/structure/pager-bottom-on-bg.png") no-repeat 0 0; }
					
					.pager .active a:hover { text-decoration: none; }
					
				/* Left and right arrows */
				.pager .prev,
				.pager .next
				{
					background: transparent url("/mira/resources/images/structure/hero-nav-ends-bg.png") repeat-x left -6px;
					display: block;
					float: left;
					height: 41px;
					margin: 0 2px 0 0;
					padding: 0;
					width: 30px;
				}
				
				.pager.bottom .prev,
				.pager.bottom .next
				{
					margin-top: 12px;
					height: 29px;
				}
				
					.pager .prev a,
					.pager .next a
					{ 
						background: transparent url("/mira/resources/images/arrows/hero-arrow-left.png") no-repeat 50% 8px; 
						height: 41px;
						margin: 0;
						padding: 0;
						width: 30px;
						text-indent: -999em;
					}
					
					.pager .next a { background-image: url("/mira/resources/images/arrows/hero-arrow-right.png"); }
		
	/* Contextual child navigation */
	#childNavigation 
	{ 
		border-bottom: 1px solid #cecece;
		margin: 15px 0 17px 0;
	}
	
	#childNavigation.open 
	{ 
		border: none; 
		margin-bottom: 0;
	}
	
		#childNavigation h4 { margin: 0 0 20px 10px; }
		
		#OfficePage #childNavigation h4 
		{
			background: #fff url("/mira/resources/images/arrows/title-arrow-down.png") no-repeat left 8px;
			display: block;
			margin-bottom: 10px; 
			padding-left: 22px;
		}
		
		#childNavigation ul
		{
			list-style: none; 
			padding-bottom: 10px;
		}
		
			#childNavigation li
			{
				border-bottom: 1px solid #cecece;
				padding: 6px 10px 5px 10px;
			}
			
			#OfficePage #childNavigation li { padding-left: 33px; }
			
			#childNavigation .active { background: #D5E7F2; }
			
			#childNavigation .last { border: none; }
		
		#childNavigation li a
		{
			color: #5c5b5a;
		}
		
	.newsArchiveList a.active,
	.newsArchiveList a.active:visited {
	    font-weight: bold;	    
	}
	
	.newsArchiveList li {
	    position: relative;
	}
	
	.newsArchiveList .toggle {
	    position: absolute;
	    right: 10px;
	    top: 12px;
	    display: block;
	    width: 13px;
	    height: 6px;
	    background: transparent url("/mira/resources/images/arrows/country-selector-arrow-up.png") no-repeat 0 0;
	    cursor: pointer;
	}
	
	.newsArchiveList .toggleCollapsed {
	    background-image: url("/mira/resources/images/arrows/country-selector-arrow-down.png");
	}
	
	/* Contact options box */
	#contactOptions { background: transparent url("/mira/resources/images/structure/striped-bg-grey.png") repeat 0 0; }
	
	#contactOptions.dark { background-image: url("/mira/resources/images/structure/striped-bg-dark.png"); }
	#contactOptions.light { background: #D5E7F2; }
	
	.borderradius #contactOptions
	{
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
	}
	
	.ie7 #contactOptions,
	.ie8 #contactOptions
	{ 
		border-radius: 2px;
		behavior: url("/mira/resources/js/PIE.htc"); 
		position: relative;
	}
	
		#contactOptions h4 { padding: 20px 10px 8px 10px; }
		
		#contactOptions.dark h4 { color: #fff; }
		
		#contactOptions ul
		{
			background: #d5d6d6;
			margin: 0;
			padding: 10px 10px 5px 10px;
		}
		
		#contactOptions.dark ul { background-color: #8596a6; }
		
		#contactOptions.light ul { background-color: #D5E7F2; }
		
		.borderradius #contactOptions ul
		{
			-moz-border-radius-bottomright: 2px;
			-moz-border-radius-bottomleft: 2px;
			-webkit-border-bottom-right-radius: 2px;
			-webkit-border-bottom-left-radius: 2px;
			border-bottom-right-radius: 2px;
			border-bottom-left-radius: 2px;
		}
		
		.ie7 #contactOptions ul,
		.ie8 #contactOptions ul
		{ 
			border-radius: 0 0 2px 2px;
			behavior: url("/mira/resources/js/PIE.htc"); 
			position: relative;
		}
		
			#contactOptions li
			{
				background: #c5c6c7 none no-repeat 10px 8px;
				color: #5c5b5a;
				font-weight: bold;
				list-style: none;
				margin: 0 0 5px 0;
				padding: 8px 10px 8px 40px;
			}
			
			#contactOptions.dark li
			{ 
				background-color: #70808d; 
				color: #d0cfcd;
			}
			
			
			#contactOptions.light li
			{ 
				background-color: #C8D3DB; 
			}
			
			#contactOptions li.phone { background-image: url("/mira/resources/images/icons/phone-icon.png"); }
			#contactOptions li.email { background-image: url("/mira/resources/images/icons/email-icon.png"); }
			#contactOptions li.download { background-image: url("/mira/resources/images/icons/download-icon.png"); }
			#contactOptions li.press { background-image: url("/mira/resources/images/icons/press-icon.png"); }
			
			.borderradius #contactOptions li
			{
				-moz-border-radius: 2px;
				-webkit-border-radius: 2px;
				border-radius: 2px;
			}
			
			.ie7 #contactOptions li,
			.ie8 #contactOptions li
			{ 
				border-radius: 2px;
				behavior: url("/mira/resources/js/PIE.htc"); 
				position: relative;
			}
			
				#contactOptions strong
				{
					color: #5f99f0;
					display: block;
					font-size: 16px;
					margin: 5px 0;
				}
				
				#contactOptions.dark strong { color: #fff; }
				
				#contactOptions a
				{
					color: #5c5b5a;
					display: block;
					font-size: 13px;
					line-height: 16px;
					margin: 0 5px 5px 0;
				}
				
				#contactOptions.dark a { color: #d0cfcd; }
				
				#contactOptions a:hover { text-decoration: none; }
				
					#contactOptions a strong { margin: 0 0 5px 0; }
					
					#contactOptions a:hover strong { text-decoration: underline; }
					
				#contactOptions .multiple-lines strong { margin-top: 0; }
				
				#contactOptions li ul
				{
					background: transparent;
					margin-top: 3px;
					padding: 0;
				}
				
				.borderradius #contactOptions li ul
				{
					-moz-border-radius: 0;
					-webkit-border-radius: 0;
					border-radius: 0;
				}
				
				.ie7 #contactOptions li ul,
				.ie8 #contactOptions li ul
				{
					border-radius: 0;
					behavior: none;
				}
				
					#contactOptions li li
					{
						background: none;
						border-bottom: 1px solid #a6a6a7;
						font-weight: normal;
						list-style: none;
						margin: 0;
						padding: 3px 0;
					}
					
					.borderradius #contactOptions li li
					{
						-moz-border-radius: 0;
						-webkit-border-radius: 0;
						border-radius: 0;					
					}
					
					.ie7 #contactOptions li li,
					.ie8 #contactOptions li li
					{
						border-radius: 0;
						behavior: none;
					}
					
					#contactOptions li .last { border: none; }
						
						#contactOptions li li a
						{
							font-weight: bold;
							margin: 0;
						}

						#contactOptions li li a:hover { text-decoration: underline; }

/* 
*	Mailing list strip
*/	

#mailing-list
{
	background: #a8aaad;
	overflow: hidden;
}

#mailing-list.empty { height: 49px; }

	#mailing-list fieldset
	{
		display: block;
		margin: 0 auto;
		padding: 10px 0 10px 371px;
		text-align: left;
		width: 589px;
	}
	
		#mailing-list label { color: #fff; }
		
		#mailing-list .text-field 
		{ 
			border: 3px solid #98999b;
			width: 274px;
		}
		
		#mailing-list .validation {
		    float: left;
		    padding-left: 167px;
		    color: #e00 !important;
		}

/* 
*	Site footer 
*/

#site-footer
{
	background: #5c5b5a url("/mira/resources/images/structure/footer-bg.gif") no-repeat center bottom;
	padding: 45px 0 12px 0;
}

	#mini-sitemap
	{
		margin: 0 auto;
		overflow: auto;
		padding: 0 0 60px 351px;
		text-align: left;
		width: 609px;
	}
	
		/* Sitemap lists */
		#mini-sitemap ul
		{
			float: left;
			margin-left: 20px;
			width: 160px;
		}
	
		#mini-sitemap li
		{
			border-bottom: 1px solid #727271;
			line-height: 16px;
			padding: 3px 1px 2px 1px;
		}

		#mini-sitemap li.first 
		{ 
			border-bottom: none; 
			padding: 0 1px;
		}
		
		#mini-sitemap li.last 
		{ 
			border-bottom: none; 
			padding: 4px 1px 0 1px;
		}
		
		#mini-sitemap h6 a
		{
			font-size: 16px;
		}
		
		#mini-sitemap a
		{
			color: #b1b3b4;
			font-size: 12px;
			font-weight: bold;
		}
		
		#mini-sitemap a:hover
		{ text-decoration: none; color: #fff; }
	
	#copyright
	{
		color: #b1b3b4;
		display: block;
		font-size: 13px;
		font-weight: bold;
		line-height: 16px;
		margin: 0 auto;
		padding-left: 371px;
		text-align: left;
		width: 589px;
	}
	
/* 
*	Forms 
*/

/* Buttons */
.button
{
	background: #dcdddd url("/mira/resources/images/structure/button-bg.png") repeat-x left bottom;
	border: 3px solid #98999b;
	color: #5c5b5a;
	float: left;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
	font-size: 13px;
	font-weight: bold;
	padding: 4px 6px 3px 6px;
	text-transform: uppercase;
	display: inline;
	border-radius: 4px;
}

.button--large {
    font-weight: normal;
    letter-spacing: 0.1px;
    font-size: 14px;
    padding: 9px 25px;
    border: solid 1px #5f99f0;
    background-color: #5f99f0;
    background-image: none;
    border-radius: 0;
}

.button--large, .button--large:active, .button--large:visited {
    color: #ffffff;
}

.button--large + .button--large {
    margin-left: 10px;
}

.button--alt {
    background-color: transparent;
    color: #5f99f0;
}

.ie6 .button,
.ie7 .button
{ overflow: visible; }

.ie7 .button,
.ie8 .button
{ 
	border-radius: 4px;
	behavior: url("/mira/resources/js/PIE.htc"); 
	position: relative;
}

/* Inline forms */
form.inline { overflow: auto; }

.inline label
{
	float: left;
	font-size: 16px;
	font-weight: bold;
	margin: 4px 12px 0 0;
}
		
.inline .text-field
{
	background: #fcfcfc url("/mira/resources/images/structure/text-field-bg.png") repeat-x left bottom;
	border: 3px solid #98999b;
	color: #5c5b5a;
	float: left;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
	font-size: 13px;
	margin-right: 5px;
	padding: 4px;
	width: 262px;
}
			
.inline .text-field
{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.ie7 .inline .text-field,
.ie8 .inline .text-field
{
	border-radius: 4px;
	behavior: url("/mira/resources/js/PIE.htc"); 
	position: relative;	
}

/* Sidebar forms */

.filter.side
{
	padding-bottom: 20px;
}

	.filter.side fieldset
	{
		padding: 5px 0 8px 0;
	}

	.filter.side legend
	{
		color: #5c5a5b;
		display: inline;
		float: left;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 10px;
		margin-left: 3px;
	}
	
	.filter.side .multi legend
	{
		background: transparent url("/mira/resources/images/arrows/search-multi-arrow.png") no-repeat left center;
		padding-left: 24px;
	}
	
	.filter.side input.text-field
	{
		border: 3px solid #b2b3b5;
		color: #5c5b5a;
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
		font-size: 13px;
		padding: 3px;
		width: 185px;
	}
	
	.borderradius .filter.side input.text-field
	{
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	
	.filter.side label
	{
		color: #5b5b59;
		display: inline;
		float: left;
		margin: 0 0 10px 12px;
		width: 170px;
	}
	
	.ie6 .filter.side label,
	.ie7 .filter.side label,
	.ie8 .filter.side label,
	.ie9 .filter.side label	{
	    width: 150px;
	    padding-top: 3px;
	}
	
	.filter.side .hidden { display: none; }
	
	.filter.side .option
	{
		clear: left;
		float: left;
		margin-left: 3px;
		display: inline;
	}
	
	    .filter.side .option input
	    { 
	        margin-top: 3px;
	        vertical-align: top;
	    }
	
	.ie6 .filter.side .option,
	.ie7 .filter.side .option,
	.ie8 .filter.side .option
	{ margin-top: 0; }
	
	.filter.side .button
	{
		margin-top: 20px;
	}

/* Block forms */

.block .instructions
{
	color: #5b5b59;
	font-size: 14px;
	font-weight: bold;
	margin: 22px 0 12px 60px;
}

.block .req { color: #5f99f0; margin-right: 2px; }

.block fieldset 
{
	background: #D5E7F2;
	display: block;
	margin: 0 0 12px 60px;
	overflow: visible;
	padding: 15px 25px 35px 25px;
	position: relative;
	width: 590px;
}

	.block legend
	{
		color: #5f99f0;
		display: block;
		float: left;
		font-size: 21px;
		font-weight: bold;
		line-height: 21px;
		margin: 0 0 25px 0;
		padding: 0;
		position: relative;
	}
	
		.block legend strong
		{
			background: #5f99f0;
			color: #fff;
			display: block;
			font-size: 28px;
			line-height: 28px;
			padding: 10px 0 10px 15px;
			position: absolute;
			left: -85px; top: 10px;
			width: 55px;
		}
	
		.block legend span
		{
		    display: block;
		    width: 590px;
		    white-space: normal;
		}
	
	.block label,
	.block .label
	{
		clear: left;
		color: #5b5b59;
		display: block;
		float: left;
		font-size: 14px;
		font-weight: bold;
		margin: 0 20px 20px 0;
		padding: 2px 0 0 0;
		text-align: right;
		width: 195px;
	}
	
	.block input.text-field,
	.block textarea,
	.block select,
	.block .value
	{
		color: #5c5b5a;
		float: left;
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
		font-size: 13px;
		margin: 0 0 20px 0;
		padding: 3px;
		width: 280px;
	}
	
	.block input.text-field,
	.block textarea
	{
		border: 1px solid #e2e3e8;
		border-top-color: #acadb2;
	}
	
	.block textarea 
	{ 
		height: 150px; 
		margin-bottom: 10px;
	}
	
	.cff textarea {
	    height: auto;
	}
	
	.borderradius .block input.text-field,
	.borderradius .block textarea
	{
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	.ie7 .block input.text-field,
	.ie7 .block textarea,
	.ie8 .block input.text-field,
	.ie8 .block textarea
	{ 
		border-radius: 3px;
		behavior: url("/mira/resources/js/PIE.htc"); 
		position: relative;
	}
	
	.block select 
	{ 
		margin-top: 2px; 
		padding: 0; 
	}
	
	.block .options
	{
		background: transparent;
		clear: both;
		margin: 0;
		padding: 0;
		position: relative;
		width: auto;
		overflow: hidden;
	}	
	
		.block .options p,
		.block .options legend
		{
			clear: left;
			color: #5b5b59;
			display: block;
			float: left;
			font-size: 14px;
			font-weight: bold;
			line-height: 18px;
			padding: 2px 20px 20px 0;
			margin: 0;
			position: static;
			text-align: right;
			width: 195px;
		}
		
		.block .options label
		{
			clear: none;
			color: #5b5b59;
			display: block;
			float: left;
			font-size: 14px;
			font-weight: bold;
			margin: 0 30px 20px 0;
			padding: 2px 0 0 0;
			text-align: right;
			width: auto;
		}
		
		.block .option {
		    float: left;
		}
		
		.block .options .option
		{
			float: left;
			margin: 6px 12px 0 2px;
			display: inline;
		}
		
		.ie6 .block .options .option,
		.ie7 .block .options .option
		{ margin: 1px 12px 0 0; }
		
		.block .verticalOptions { float: left; }
		
		    .block .verticalOptions .option { clear: left; }
		
		.ie6 .block .verticalOptions,
		.ie7 .block .verticalOptions {
		    width: 375px;
		    padding-bottom: 15px;
		}
		
		.ie6 .block .verticalOptions .option,
		.ie7 .block .verticalOptions .option {
		    width: 15px;
		}
		
		.ie6 .block .verticalOptions label,
		.ie7 .block .verticalOptions label {
		    display: inline;
		    width: 300px;
		    text-align: left;
		}
		
		.block .optionList {
		    clear: both;
		    margin: 0 0 20px 182px;
		    list-style-type: none;
		}
		
		    .block .optionList li {
		        overflow: hidden;
		    }
		
		    .block .optionList label {
		        clear: none;
		        margin: 0;
		        padding-left: 20px;
		        text-align: left;
		    }
		
		    .block .optionList input {
		        float: left;
		        margin-top: 6px;
		    }
		
		.block .noLabel {
		    margin-left: 215px;
		}
			
	.block .button
	{
		clear: both;
		margin-right: 88px;
		margin-bottom: 20px;
		padding-right: 15px;
		padding-left: 15px;
	}
	
	.ie6 .block .button,
	.ie7 .block .button
	{ 
		float: left;
		margin-left: 370px;
		margin-right: 0;
	}
	
#photo-map .tab
{ padding-bottom: 10px; }
	
    #photo-map .tab img
    { vertical-align: top; }

/* Validation */
.validation *
{
    color: Red;
}

    .validation ul,
    .validation ul li
    {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

div.validation
{
    color: Red;
    padding: 0 0 10px 60px;
}

#profileListNav {
    width: 720px;
    margin-right: -20px;
}

    #profileListNav li {
        float: left;
        width: 84px;
        min-height: 120px;
        padding: 15px 28px 10px 8px;
    }

        #profileListNav li a {
            display: block;
            font-size: 12px;
            line-height: 1.333;
            font-weight: bold;
            text-align: center;
        }

        #profileListNav li img {
            display: block;
            width: 80px;
            height: 80px;
            border: 2px solid #a9aaac !important;
        }
        
.profile {
    margin-top: 29px;
    padding: 30px 0 0 15px;
    border-top: 1px solid #CECECE;
}

.profileFirst { margin-top: 0; }

    .profile h2 {
        padding-top: 5px;
        font-size: 21px;
        font-weight: bold;
        color: #5f99f0;
    }
    
    .profile h3 {
        margin-bottom: 15px;
        font-size: 13px;
        font-weight: bold;
        color: #5C5B5A;
    }
        
    .profile .profileImage {
        float: left;
        margin: 0 15px 15px 0;
        border: 2px solid #a9aaac !important;
    }
    
/* Timeline */
.timeline {
    width: 912px;
    padding: 14px;
    background-color: #cdcdcd;
}

    .timeline .dates {
        width: 912px;
        margin-bottom: 20px;
    }
    
        .timeline .dates ul {
            overflow: hidden;
        }

        .timeline .dates li {
            float: left;
            width: 132px;
            height: 100px;
            padding-top: 16px;
            margin: 0 1px;
        }

            .timeline .dates li a {
                position: relative;
                display: block;
                width: 124px;
                height: 92px;
                padding: 4px;
                overflow: hidden;
            }

            .timeline .dates li img {
                display: block;
                width: 120px;
                height: 88px;
                border: 2px solid #b2b3b5 !important;
            }

            .timeline .dates li span {
                position: absolute;
                left: 4px;
                bottom: 8px;
                display: block;
                width: 108px;
                padding: 6px 6px 4px;
                font-size: 20px;
                line-height: 1.1;
                font-weight: bold;
                text-align: center;
                color: #fff;
                background-color: rgba(89, 89, 87, 0.3);
            }
            
    .timeline .dateInfo {
        position: relative;
        width: 912px;
        height: 324px;
        margin-bottom: 20px;
        overflow: hidden;
    }
            
        .timeline .dateInfo .image img {
            display: block;
            width: 912px;
            height: 324px;
        }
            
        .timeline .dateInfo .description {
            position: absolute;
            top: 20px;
            left: 20px;
            width: 400px;
            padding: 20px;
            background-color: rgba(89, 89, 87, 0.6);
        }
        
        .ie6 .timeline .dateInfo .description {
            background-color: rgb(89, 89, 87);
        }
        
        .ie7 .timeline .dateInfo .description,
        .ie8 .timeline .dateInfo .description {
            background: transparent url('/MIRA/resources/images/timeline/desc-bg.png') 0 0 repeat;
        }
            
            .timeline .dateInfo .description h2 {
                padding: 0;
                font-size: 26px;
                line-height: 1.1;
                color: #fff;
            }
            
            .timeline .dateInfo .description p {
                line-height: 1.8;
                font-weight: bold;
                color: #fff;
            }
            
.timelineActive {
    position: relative;
    padding-bottom: 124px;
    z-index: 10;
}
            
    .timelineActive .viewport {
        position: relative;
        overflow: hidden;
    }
            
    .timelineActive .strip {
        position: absolute;
        left: 0;
        top: 0;
        float: left;
    }
            
    .timelineActive .stripItem {
        float: left;
    }
            
    .timelineActive .controls {
        position: absolute;
        left: 14px;
        bottom: 14px;
        width: 912px;
        margin: 0;
        background: transparent url('/MIRA/resources/images/timeline/timeline-controls.gif') 0 100% repeat-x;
        z-index: 30;
    }
            
        .timelineActive .controls .control {
            float: left;
            width: 40px;
            height: 100px;
            margin-top: 16px;
            background: #3582B5 url('/MIRA/resources/images/timeline/timeline-control.gif') 0 0 repeat-x;
            overflow: hidden;
        }           
        .timelineActive .controls .prevPanel { margin-left: 0; }
        .timelineActive .controls .nextPanel { margin-right: 0; }        
            
            .timelineActive .controls .control a {
                display: block;
                width: 40px;
                height: 100px;
                text-indent: -9999px;
                color: #fff;
                background: transparent url('/MIRA/resources/images/timeline/timeline-control-prev.gif') 15px 50% no-repeat;
            } 
            .timelineActive .controls .nextPanel a { background-image: url('/MIRA/resources/images/timeline/timeline-control-next.gif'); } 
            
        .timelineActive .controls .viewport {
            float: left;
            width: 832px;
        }
            
        .timelineActive .controls .strip { padding: 0 14px; }
    
        .timelineActive .controls .stripItemActive {
            background: transparent url('/MIRA/resources/images/timeline/timeline-control-item-active.png') 50% 0 no-repeat;        
        }
    
            .timelineActive .controls .stripItemActive a { background-color: #3582B5; }
            
    .timelineActive .panels {
        position: relative;
        width: 912px;
        z-index: 20;
    }
            
        .timelineActive .panels .stripItem { margin-bottom: 0; }

/* Reusable elements */
.left { float: left; }
.right { float: right; }
.clearBoth { clear: both !important; }

/* autocomplete */
.acInput {
	width: 200px;
}

.acResults {
	z-index: 100;
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}

    .acResults ul {
	    width: 100%;
	    list-style-position: outside;
	    list-style: none;
	    padding: 0;
	    margin: 0;
    }

    .acResults li {
	    margin: 0px;
	    padding: 2px 5px;
	    cursor: pointer;
	    display: block;
	    width: 100%;
	    text-align: left;
	    overflow: hidden;
    }

.acLoading {
	background : url('/MIRA/resources/images/autocomplete/loading.gif') right center no-repeat;
}

.acSelect {
	background-color: Highlight;
	color: HighlightText;
}

/* Colorbox */
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;background-color:#fff;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; border:5px solid #000;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc; padding-right:80px;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/mira/resources/images/colorbox/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/mira/resources/images/colorbox/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(/mira/resources/images/colorbox/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}
 
/* Datepicker */       
div.datepicker {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 196px;
	height: 147px;
	position: absolute;
	cursor: default;
	top: 0;
	left: 0;
	display: none;
	z-index: 2000;
}
.datepickerContainer {
	background: #121212;
	position: absolute;
	top: 10px;
	left: 10px;
}
.datepickerBorderT {
	position: absolute;
	left: 10px;
	top: 0;
	right: 10px;
	height: 10px;
	background: url(/mira/resources/images/datepicker/datepicker_t.png);
}
.datepickerBorderB {
	position: absolute;
	left: 10px;
	bottom: 0;
	right: 10px;
	height: 10px;
	background: url(/mira/resources/images/datepicker/datepicker_b.png);
}
.datepickerBorderL {
	position: absolute;
	left: 0;
	bottom: 10px;
	top: 10px;
	width: 10px;
	background: url(/mira/resources/images/datepicker/datepicker_l.png);
}
.datepickerBorderR {
	position: absolute;
	right: 0;
	bottom: 10px;
	top: 10px;
	width: 10px;
	background: url(/mira/resources/images/datepicker/datepicker_r.png);
}
.datepickerBorderTL {
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: url(/mira/resources/images/datepicker/datepicker_tl.png);
}
.datepickerBorderTR {
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: url(/mira/resources/images/datepicker/datepicker_tr.png);
}
.datepickerBorderBL {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: url(/mira/resources/images/datepicker/datepicker_bl.png);
}
.datepickerBorderBR {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: url(/mira/resources/images/datepicker/datepicker_br.png);
}
.datepickerHidden {
	display: none;
}
div.datepicker table {
	border-collapse:collapse;
}
div.datepicker a {
	color: #eee;
	text-decoration: none;
	cursor: default;
	outline: none;
}
div.datepicker table td {
	text-align: right;
	padding: 0;
	margin: 0;
}
div.datepicker th {
	text-align: center;
	color: #999;
	font-weight: normal;
}
div.datepicker tbody th {
	text-align: left;
}
div.datepicker tbody a {
	display: block;
}
.datepickerDays a {
	width: 20px;
	line-height: 16px;
	height: 16px;
	padding-right: 2px;
}
.datepickerYears a,
.datepickerMonths a{
	width: 44px;
	line-height: 36px;
	height: 36px;
	text-align: center;
}
td.datepickerNotInMonth a {
	color: #666;
}
tbody.datepickerDays td.datepickerSelected{
	background: #136A9F;
}
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
	background: #17384d;
}
tbody.datepickerYears td.datepickerSelected,
tbody.datepickerMonths td.datepickerSelected{
	background: #17384d;
}
div.datepicker a:hover,
div.datepicker a:hover {
	color: #88c5eb;
}
div.datepicker td.datepickerNotInMonth a:hover {
	color: #999;
}
div.datepicker tbody th {
	text-align: left;
}
.datepickerSpace div {
	width: 20px;
}
.datepickerGoNext a,
.datepickerGoPrev a,
.datepickerMonth a {
	text-align: center;
	height: 20px;
	line-height: 20px;
}
.datepickerGoNext a {
	float: right;
	width: 20px;
}
.datepickerGoPrev a {
	float: left;
	width: 20px;
}
table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears {
	display: none;
}
table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW {
	display: none;
}
table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW {
	display: none;
}
td.datepickerDisabled a,
td.datepickerDisabled.datepickerNotInMonth a{
	color: #333;
}
td.datepickerDisabled a:hover {
	color: #333;
}
td.datepickerSpecial a {
	background: #700;
}
td.datepickerSpecial.datepickerSelected a {
	background: #a00;
}

/* Festive eCard */

.festive-ecard-introduction
{
    width: 609px;
    height: 314px;
    position: relative;
    padding: 21px 0 10px 25px;
    overflow: hidden;
    float: left;
}

    .festive-ecard-introduction h1
    {
        font-size: 38px;
        line-height: 46px;
        padding: 0 0 8px 0;
    }

.festive-ecard-section
{
    width: 317px;
    height: 325px;
    position: relative;
    padding: 10px 0 10px 0;
    overflow: hidden;
    float: left;
}

    .festive-ecard-section .festive-image
    {
        width: 276px;
        height: 250px;
        overflow: hidden;
        border: solid 2px #B1B3B4 !important;
        position: absolute;
        left: 26px;
        top: 12px;
    }
    
        .festive-ecard-section .festive-image img
        {
            -moz-transform: scale(1);
            -webkit-transform: scale(1);
            -o-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            
            -moz-transition: all 0.7s ease-in-out;
            -webkit-transition: all 0.7s ease-in-out;
            -o-transition: all 0.7s ease-in-out;
            transition: all 0.7s ease-in-out;
            
            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: alpha(opacity=100);
            opacity: 1;
        }
    
            .festive-ecard-section:hover .festive-image img
            { 
                -moz-transform: scale(10);
                -webkit-transform: scale(10);
                -o-transform: scale(10);
                -ms-transform: scale(10);
                transform: scale(10);
                
                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                filter: alpha(opacity=0);
                opacity: 0;
            }
    
    .festive-ecard-section .festive-overlay
    {
        width: 317px;
        height: 325px;
        display: block;
        position: absolute;
        background-repeat: no-repeat;
        background-position: 0 0;
        text-indent: -5000px;
        overflow: hidden;
        right: 0;
        top: 10px;
    }
    
    .festive-ecard-section .festive-rollover
    {
        width: 240px;
        height: 189px;
        text-align: center;
        padding: 61px 18px 0 18px;
        border: solid 2px #B1B3B4 !important;
        background: #0867A6 url('/mira/resources/images/festive/rollover-background.gif') repeat-x 0 0;
        position: absolute;
        overflow: hidden;
        left: 26px;
        top: 12px;
        
        -moz-transition: all 0.5s linear;
        -webkit-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
        
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }
    
        .festive-ecard-section:hover .festive-rollover
        {
            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: alpha(opacity=100);
            opacity: 1;
        }
        
        .festive-ecard-section .festive-rollover h2
        {
            color: #FFFFFF;
            font-size: 21px;
            border-bottom: 1px solid #FFFFFF;
            padding: 0 0 8px 0;
            line-height: 30px;
            font-weight: bold;
        }
    
            .festive-ecard-section .festive-rollover h2 span
            {       
                display: block; 
                font-size: 16px;
                font-weight: bold;
                line-height: 20px;
            }
    
        .festive-ecard-section .festive-rollover p
        {
            color: #FFFFFF;
            padding: 9px 0 0 0;
            line-height: 18px;
            font-size: 13px;
            margin: 0;
        }
    
            .festive-ecard-section .festive-rollover p img
            {
                vertical-align: middle;
                margin-left: 5px;
            }    
            
        .festive-ecard-section .festive-rollover h2,        
        .festive-ecard-section .festive-rollover p
        { 
            -moz-transform: scale(0);
            -webkit-transform: scale(0);
            -o-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            
            -moz-transition: all 0.5s linear;
            -webkit-transition: all 0.5s linear;
            -o-transition: all 0.5s linear;
        
            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            opacity: 0;
        } 
                
            .festive-ecard-section:hover .festive-rollover h2,        
            .festive-ecard-section:hover .festive-rollover p
            {
                -moz-transform: scale(1);
                -webkit-transform: scale(1);
                -o-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1);
                
                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
                filter: alpha(opacity=100);
                opacity: 1;
            }   

.test:after {
   content: "Test";
}

@media print {
    * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
    a, a:visited { color: #444 !important; text-decoration: underline; }
    abbr:after { content: " (" attr(title) ")"; }
    .ir a:after { content: ""; }  
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; }  
    tr, img { page-break-inside: avoid; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3{ page-break-after: avoid; }
  
    #colorbox, #cboxOverlay,
    #hero, #quick-links, #site-search, #navigation, #rolldown,
    #hero-navigation, #mailing-list, #mini-sitemap,
    #rcol, .tab-links,
    #more-info .tab img, #more-info .tab p.more,
    .cta-expanded time, .timeline .controls
    { display: none !important; }
    
    #HomePage #hero, .tab, #more-info .tab div,
    #NewsEventsHubPage .links-container
    { display: block !important; }
  
    #logo, #site-header, #post-header-container, #main-content-container,
    #hero, #hero .slide, #hero .slide .slide-inner, #hero .strap,
    #content, #copyright, #lcol,
    .tab, #more-info .tab div, #more-info .tab h2 a, #more-info .tab p,
    .links-container .cta-expanded b,
    .timeline .panels, .timeline .viewport, .timeline .strip, .timeline .stripItem,
    .timeline .stripItem .description, .timeline .stripItem img {
        position: static !important;
        float: none !important;
        width: auto !important;
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
    }
    
    #logo {
        border-bottom: 1px solid #444;
        margin-bottom: 20px !important;
        font-size: 37px;
        line-height: 41px;
        text-indent: 0 !important;
        text-decoration: none !important;
        background-image: none;
        page-break-after: avoid;
    }
    
    #copyright {
        clear: both;
    }
  
    #hero figure {
        display: block !important;
        opacity: 1 !important;
    }
  
    #hero .slide .slide-inner {
        display: block;
        margin-bottom: 20px !important;
    }
    
    #more-info .tab h2 {
        margin-bottom: 5px !important;
    }
    
    #more-info .tab p, #more-info .tab ul {
        font-size: 16px !important;
        margin-bottom: 20px !important;
        overflow: visible !important;
    }
    
    .standalone {
        padding-left: 0;
        padding-right: 0;
    }
    
    .links-container .cta-expanded span {
        position: static;
        height: auto;
        border: 0;
    }
}


/* used on body when overlay visible to avoid double scrolling */
.overlay-showing {
    overflow: hidden;
}

.overlay-showing .overlay {
    display: block;
}

.overlay {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
    background-color: #d5d6d6;
    background-color: rgba( 255,255,255, 0.75 );
    overflow: auto;
    display: none;
}

.overlay__inner {
    background-color: #ffffff;
    width: 960px;
    padding: 150px 35px;
    margin: auto;
    text-align: left;
    min-height: 100%;
    position: relative;
}

.overlay__logo {
    position: absolute;
    top: 75px;
    left: 35px;
}

.overlay__close {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    right: 35px;
    top: 105px;
}

.overlay__close:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    margin-left: 10px;
    margin-top: -2px;
    background-image: url('/MIRA/resources/images/icons/close-icon.png');
}

.overlay, .overlay * {
    box-sizing: border-box;
}

.overlay__video {
    border: solid 1px #bababa;
}

.overlay__heading {
    margin: 10px 0 20px;
    font-weight: normal;
}

.overlay__quote {
    margin: 20px 0;
}

.overlay__quote p {
    color: #7c7c7c;
    font-size: 18px;
    line-height: 24px;
    quotes: "“" "”"
}

.overlay__quote p:before {
    content: open-quote;
}

.overlay__quote p:after {
    content: close-quote;
}

.overlay__quote cite {
    font-size: 18px;
    color: #9c9c9c;
}

