/* CSS for ECD 

COLOURS

Green: 							#8C9F64
Lighter Green				#E1E5D5
Lighest Green				#EEF0E6
Grey								#898A8D
Light Grey					#DDDDDD

'White' (on green)			#FAFAFA
*/

body {
	background: white url(/skin_ecd/images/bg.jpg) top left repeat-x;
	font-size: 12px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #898a8d;
	margin:0;
}

::-moz-selection{ background:#8C9F64; color:#fff; }
::selection { background:#8C9F64; color:#fff; }


a {
	color: #8C9F64;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	color: #E1E5D5;
}
a img { border: none; }

h1, h2, h3, h4, h5 { color: #8C9F64; }

h2 { font-size: 18px; }

input[type=text], input[type=password] { 
	border: 1px solid #DDDDDD;
	padding: 3px 2px;
	color: #898A8D;
}
textarea {
	font-size: 12px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	line-height:16px;
	padding: 2px 4px;
}
input[type=text]:focus, input[type=password]:focus { border-color: #BBBBBB; background-color: #FAFAFA;; }

hr {
  	border: 0;
	color: #E1E5D5; /* for wider browser compatibility */
	background-color: #E1E5D5;
	height: 1px;
	margin:15px 0;
}

.clearer { clear: both; display:block;height:1px;width:1px; }

#container {
	position: relative;
	width: 926px;
	margin: 0 auto;
	background: white;
}
#shadlt, #shadlb, #shadrt, #shadrb {
	position: absolute;
	width: 15px;
	overflow:hidden;
}
#shadlt, #shadrt { /* Tops */
	top:0;
	height: 685px;
	background: url(/skin_ecd/images/bg_shadow.png) top left no-repeat;
}
#shadlb, #shadrb { /* Bottoms */
	top:685px;
	bottom:60px;
	background: url(/skin_ecd/images/bg_shadow_repeat.png) top left repeat-y;
}
#shadlt, #shadlb { /* Left */
	left: -15px;
}
#shadrt, #shadrb { /* Right */
	right: -15px;
	background-position: top right;
}


#header {
	height: 166px;
	position:relative;
}
#header #logo {
	position: absolute;
	right: 35px;
	top:30px;
}
#loginform label, #searchform label {
	width: 45px;
	text-align:right;
	display:inline-block;
	margin-right: 7px;
}
#searchform input[type=submit], #loginform input[type=submit] {
	border:none;
	width: 20px;
	height: 21px;
	border: 1px solid #DDDDDD;
	border-left: none;
	vertical-align:top;
	padding:0;
	text-indent: -3000px;
	font-size:0;
	line-height:0;
}
#loginform, #loggedin {
	position: absolute;
	top: 65px;
	left: 20px;
	font-size: 10px;
}
#loggedin { margin: 5px 0 0 7px; }
#loginform input[type=text], #loginform input[type=password] {
	width: 66px;
	font-size: 10px;
	margin-right: 6px;
}
#loginform .hint { color: #CCCCCC; }
#loginform input[type=submit] { 
	background: url(/skin_ecd/images/login_button.png) top left no-repeat; 
	margin-left:-6px;
}
#searchform {
	left: 20px;
	top: 35px;
	position: absolute;
}
#searchform input[type=text] { height: 13px; width: 144px; }
#searchform input[type=submit] { background: url(/skin_ecd/images/search_button.png) top left no-repeat; }

#topnav {
	list-style:none;
	margin:0;
	padding:0;
	text-transform: uppercase;
	background: url(/skin_ecd/images/bg_top_menu.png) top left repeat-x;
	height: 53px;
	overflow:hidden;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
}
#topnav li {
	float: left;
	margin: 12px 6px 0 -6px;
	padding: 0 6px;
	height: 14px;
	border-right: 1px solid #D4D4D4;
	position:relative;
}	
#topnav li a {
	color: white;
	display:block;
	font-weight: normal;
}
#topnav li:first-child a { padding-left: 15px !important; }
#topnav li a:hover { color: #EEF0E6; }
#topnav li.active a { 
	border-bottom:4px solid #618032;
	font-weight:bold !important;
	height:23px;
	margin:0 -5px;
	padding:0 5px;
}
#topnav li.active:first-child a { margin-left:0; }

.topnavTab {
	background-color:#618032;
	bottom:-10px;
	height:4px;
	left:0;
	position:absolute;
	right:0;
}
#topnav li:first-child .topnavTab { left:-2px; }

.topnavCover {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:10;
	background-color: yellow;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	filter: alpha(opacity=0);
	opacity:0;
}

#main {
	padding: 0 12px 40px;
	min-height:468px;
	line-height: 1.7em;
	position:relative;
	z-index:2;
}

#leftcol {
	width: 292px;
	float: left;
}
#rightcol {
	width: 588px;
	margin: 0 0 0 312px;
}
#rightcol .smallbox, #rightcol .mediumbox { margin-left: -10px; margin-right: -10px; }

#singlecol {
	margin: 0 15px;
}

#footer {
	background: url(/skin_ecd/images/bg_footer.png) top left repeat-x;
	height: 60px;
	position:relative;
	left:-15px;
	right:-15px;
	width: 956px;
	margin-bottom: 20px;
}
#footer a { color: #BBBBBB !important; font-weight:normal; }
#footer a:hover { color: #666666 !important; }

#footer_logos {
	position:absolute;
	bottom: 26px;
	left: 15px;
	vertical-align: top;
}

#footer ul {
	list-style:none;
	margin:0;
	padding:0;
	font-size: 11px;
	position: absolute;
	left: 120px;
	bottom: 28px;
}

#footer ul li {
	float: left; /* This makes the bullets into a horizontal line */
	margin: 15px 15px 0 0;
}

#footer ul li a {
	color: white;
}

#designed_by {
	position: absolute;
	right: 15px;
	bottom: 28px;
	font-size: 11px;
}
#designed_by .hullabaloo { color: #666666; }
#designed_by:hover .hullabaloo { color: #000; }
#designed_by .asterisk { color: #FFCC00; }


/* @Item As Bordered Box */
.box { width: 902px; background: url(/skin_ecd/images/large_box_middle.png) top left repeat-y; }
.box .top { background: url(/skin_ecd/images/large_box_top.png) top left no-repeat; height: 10px; }
.box .bottom {  background: url(/skin_ecd/images/large_box_bottom.png) top left no-repeat;	height: 10px; }
.box .top + * { margin: 10px 20px; }

#leftcol .box { width: 292px; background: url(/skin_ecd/images/small_box_middle.png) top left repeat-y;  }
#leftcol .box .top { background: url(/skin_ecd/images/small_box_top.png) top left no-repeat; height: 10px; }
#leftcol .box .bottom {  background: url(/skin_ecd/images/small_box_bottom.png) top left no-repeat;	height: 10px; }
#leftcol .box .top + * { margin: 10px 20px; }

/* @Item AS Bordered Box - Green Centre */
.box.text { } 

.box .top + *.lightgreen { background-color: #E1E5D5; padding: 10px; }

.box.text .top + div {
	padding: 10px;
	background-color: #E1E5D5;
}
#rightcol .box.text .top + div {
	margin: 16px 26px;
}

#rightcol .box { width: 600px; background: url(/skin_ecd/images/medium_box_middle.png) top left repeat-y; margin-left: -10px;  }
#rightcol .box .top { background: url(/skin_ecd/images/medium_box_top.png) top left no-repeat; height: 10px; }
#rightcol .box .bottom {  background: url(/skin_ecd/images/medium_box_bottom.png) top left no-repeat;	height: 10px; }
#rightcol .box .top + * { 
	margin:5px 15px 0;
	padding: 10px;
}

.box h1:first-child, .box h2:first-child { margin-top:0; }

.box.text h2 {
	margin: 10px 0;
	font-size: 14px;
	text-transform:uppercase;
	font-weight:bold;
}
.box.text h2:first-child { 
	margin-top:0; 
	border-bottom:1px dashed #8C9F64;
	padding-bottom: 4px;
}

.box.text ul { list-style:none; margin:0; padding:0; }
.box.text ul li { margin:0; padding: 0; }
.box.text ul li a {
	color: #898A8D;
	font-weight:normal;
}
.box.text ul li a { 
	display:block;
}
.box.text a:hover { color: #444444; }
.box.text ul li.active a { font-weight: bold; }

.box.text h2+p, .box.text h3+p {
	margin-top:0;
}
.box.text p:last-child {
	margin-bottom:0;
}


/***** SPECIFIC ELEMENTS ****/

#welcome h1 {
	margin-left: 13px;
	margin-top: -10px;
}
#home-flash { margin: -10px 0 10px -12px; }

/**** People profiles ****/

#people_grid {
	margin:10px 25px;
	width:852px;
	overflow: auto;
	height: 389px;
	position:relative;
	padding: 0;
}
#people_grid_inner {
	height: 385px;
	padding: 2px 0;
}

#people_grid .gridcol {
	margin-right: 2px;
	width: 139px;
	vertical-align:top;
	float:left;
}
#people_grid .gridcol.leftSpace { margin-left: 10px; }

#people_grid .person {
	width: 139px;
	height: 127px;
	margin-bottom: 2px;
	cursor: pointer;
	position: relative;
	background-position: left top;
	background-repeat: no-repeat;
	margin-top:20px;
}
#people_grid .person:first-child { margin-top:0; }
#people_grid .person:last-child { margin-bottom: 0; }
#people_grid.profileOpen .person { opacity: 0.3; }
#people_grid .person.placeholder { background-color: #E0E0E0; cursor: default; margin-top:0; }

#people_grid .person img { display:none; }
#people_grid .person:hover img { display:inline; }
#people_grid.openProfile .person img { display: none; }
#people_grid .person.active img { display:inline; }

#people_grid .person .caption {
	position: absolute;
	left:0;
	right:0;
	bottom:0;
	background-color: #8C9F64;
	padding: 4px 5px 6px;
	font-size: 11px;
	line-height: 14px;
	opacity: 0.9;
	display:none;
}

#people_grid .person:hover .caption { display:block; }
#people_grid .person .name {
	text-transform: uppercase;
	color: white;
	display:block;
	font-weight: bold;
}
#people_grid .person .title {
	color: #EEF0E6;
}

#people_grid .profile {
	width: 421px;
	height: 385px;
	color: white;
	z-index: 2;
	overflow:hidden;
	position: relative;
}
#people_grid .profile>div.inner {
	height: 365px;
	width: 389px;
	padding: 10px 15px;
	position: relative;
	background: #8C9F64 url(/skin_ecd/images/bg_green_panel_421px.png) top left no-repeat;
	overflow:hidden;
}
#people_grid .profile h2 {
	color: white;
	font-size: 18px;
	margin: 2px 0;
}
#people_grid .profile .title {
	display: block;
	border-bottom: 1px solid #fff;
	padding-bottom: 5px;
	margin-bottom: 5px;
	color: #EEF0E6;
	font-size: 13px;
	height: 25px;
}
#people_grid .profile .blurb {
	overflow: auto;
	position: absolute;
	top: 75px;
	left: 15px;
	width: 389px;
	height: 285px; 
}

#people_grid .profile .closeProfile {
	position: absolute;
	top: 10px;
	right: 10px;
	background: url(/skin_ecd/images/close_but.png) top left no-repeat;
	width: 15px;
	height: 15px;
	cursor:pointer;
	opacity: 0.7;
}
#people_grid .profile .closeProfile:hover { opacity:1; }

#people_grid .profile .scrollUp, #people_grid .profile .scrollDown {
	position: absolute;
	right: 10px;
	width: 13px;
	height: 7px;
	cursor:pointer;
	opacity:0.7;
}
#people_grid .profile .scrollUp:hover, #people_grid .profile .scrollDown:hover { opacity:1; }
#people_grid .profile .scrollUp {
	top:68px;	
	background: url(/skin_ecd/images/arrow_up.png) top left no-repeat;
}
#people_grid .profile .scrollDown {
	bottom:10px;
	background: url(/skin_ecd/images/arrow_down.png) top left no-repeat;
}

.scrollButton {
	width: 22px;
	height: 415px;
	position: absolute;
	cursor:pointer;
	z-index: 4;
	background: url(/skin_ecd/images/arrows.png) left center no-repeat;
	opacity:0.5; filter:alpha[opacity=50];
}
.scrollButton:hover { opacity:1; filter:alpha[opacity=100]; }
.scrollLeft { left:0; }
.scrollRight { background-position: right center; right:0; }

/******* End people profiles ****/


/****** Projects summary ******/

#projects_summary>.top + *  {
	height: 370px;
	position:relative;
	overflow:hidden;
	padding:15px 0;
}
#projects_summary_blurb {
	color:#8C9F64;
	float:left;
	font-size:17px;
	height:141px;
	line-height:23px;
	margin:0 0 10px 25px;
	padding:43px 0 0 2px;
	width:256px;
}

.proj_box { 
	width: 268px; 
	height:148px;
	background: url(/skin_ecd/images/proj_box_middle.png) top left repeat-y; 
	position: relative;
	margin:0 0 49px 15px;
	float: left;
}
.proj_box .top { 
	background: url(/skin_ecd/images/proj_box_top.png) top left no-repeat; 
	left:0;
	position:absolute;
	top:-7px;
	width:268px;
	z-index:5;
}
.proj_box a { display:block; }
.proj_box a img { height: 134px; width: 237px; }
.proj_box a.title { 
	background: url(/skin_ecd/images/proj_box_middle_bottom.png) top left repeat-x; 
	height: 21px; 
	position: absolute;
	padding:2px 18px 6px;
	width: 196px;
	bottom:-29px;
	left:0;
	margin:0 18px;
	text-transform: uppercase;
	color: white;
	text-indent: -10px;
}
.proj_box a.title .proj_title_l { 
	position: absolute; 
	left:-18px; 
	top:0; 
	width:18px; 
	height: 29px; 
	background: url(/skin_ecd/images/proj_box_left_bottom.png); 
}
.proj_box a.title .proj_title_r { 
	position: absolute; 
	right:-18px; 
	top:0; 
	width:18px; 
	height: 29px; 
	background: url(/skin_ecd/images/proj_box_right_bottom.png); 
}
.proj_box .top + * { margin:7px 15px 0; }

/****** End projects summary ******/


/****** Case Study ******/

.case_study.imgs {
	position:relative;
	height:425px;
	z-index:10;
}
.case_study.imgs.noImages { height: auto; }
.cases_list { background: url(/skin_ecd/images/small_box_middle.png) top left repeat-y; width: 292px; margin-top:7px; }
.cases_list .top { background: url(/skin_ecd/images/small_box_top.png) top left no-repeat; height: 10px; }
.cases_list .bottom { background: url(/skin_ecd/images/small_box_bottom.png) top left no-repeat; height: 10px; }
.cases_list .top + * { background: #EEF0E6; margin: 10px 18px 10px 20px; padding-bottom:10px; max-height:380px; position:relative; }
.cases_list .cases {
	list-style:none;
	margin: 0;
	padding: 10px;
	background: url(/skin_ecd/images/title_box_shadow.png) top left repeat-x;
}
.case_study .cases_list .cases { 
	max-height:320px;
	overflow:auto;
}

.cases_list .scrollButton {
	height: 7px;
	width: 13px;
	left: 237px;
}
.cases_list .scrollButton.up {
	top:37px;	
	background: url(/skin_ecd/images/arrow_up_green.png) top left no-repeat;
}
.cases_list .scrollButton.down {
	bottom:5px;
	background: url(/skin_ecd/images/arrow_down_green.png) top left no-repeat;
}


.cases_list .cases a { display:block; color: #898A8D; font-weight: normal; }
.cases_list .cases a:hover { color: #8C9F64; }
.cases_list .cases li.active a { color: #8C9F64; font-weight: bold; }
.cases_list h2 {
	margin: 0;
	padding: 5px 10px;
	background: #8C9F64;
	color: white;
	text-transform: uppercase;
	font-size: 14px;
}

.case_study .images {
	width: 568px;
	height: 415px;
	position: absolute;
	left: 264px;
	top:-7px;
	z-index:10;
}
.case_study .images>.top { 		background: url(/skin_ecd/images/cs_large_box_top.png) top left no-repeat; height: 15px; }
.case_study .images>.bottom {  	background: url(/skin_ecd/images/cs_large_box_bottom.png) top left no-repeat; height: 15px; }
.case_study .images>.top + * {
	margin: -5px 0 0 0;
	padding: 15px 10px 10px 25px; 
	background: url(/skin_ecd/images/cs_large_box_middle.png) top left repeat-y;
	height:389px;
	width:533px;
}

.case_study .images .hero {
	width: 513px;
	height: 385px;
	position: absolute;
	top:25px;
	left:25px;
}

.case_study .thumbs {
	position: absolute;
	top: 15px;
	right: 1px;
	width: 84px;
	z-index: 10;
}
.case_study .thumb {
	width: 84px;
	float: left;
	position: relative;
	margin-bottom: -11px;
	cursor:pointer !important;
	text-align: right;
}
.case_study .thumb img { opacity: 0.5; filter:alpha[opacity=50];cursor: pointer; }
.case_study .thumb:hover img { opacity:1; }
.case_study .thumb .top { 		background: url(/skin_ecd/images/cs_small_box_top.png) right top no-repeat; height: 2px; }
.case_study .thumb .bottom {  	background: url(/skin_ecd/images/cs_small_box_bottom.png) right top no-repeat; height: 10px; }
.case_study .thumb .middle {	background: url(/skin_ecd/images/cs_small_box_middle.png) right top repeat-y; padding: 6px 16px 0 0; }

#casestudy_thumb1 { z-index: 0; }
#casestudy_thumb2 { z-index: -1; }
#casestudy_thumb3 { z-index: -2; }
#casestudy_thumb4 { z-index: -3; }
#casestudy_thumb5 { z-index: -4; }


.case_study .thumb.active img {opacity:1;}
.case_study .thumb.active { z-index:10 !important; }
.case_study .thumb.active .middle { background-color: white; }

.case_study .download {
	display:block;
	background: url(/skin_ecd/images/download_button.png) left top repeat-x;
	bottom:-45px;
	color:white;
	font-size:8px;
	height:35px;
	line-height:13px;
	padding:8px 10px;
	position:absolute;
	right:92px;
	text-transform:uppercase;
	width:75px;
	opacity:0.7;
	filter:alpha[opacity=70];
	z-index:20;
}
.case_study .download:hover { opacity:1; filter:alpha[opacity=100]; }


.case_study.details { z-index: -1; }
.case_study.details .location { 
	font-size:18px;
	color: #8C9F64;
	font-weight: bold;
}


.case_study .factfile { 
	border: 1px dashed #8C9F64;
	border-style: dashed none;
	padding: 3px 0;
	margin: 3px 0;
	font-weight: bold;
}
.case_study.details h1 { width: 400px; }
.case_study h1 + .factfile, .case_study .location + .factfile { margin-top: 20px; }
.case_study .factfile + .factfile { border-top:none; }

.case_study .factfile .label { 
	color: #8C9F64;
	display: inline;
}
.case_study .factfile .datum { 
	display:inline;
}

.case_study .copy p {
	margin: 20px 0;
}

/****** End case Study ******/


/**** Home ****/

#home-images {
	background: url(/skin_ecd/images/home_frame.png) top left no-repeat;
	position: relative;
	height: 444px;
	width: 921px;
	left:-7px;
	top:10px;
	margin-bottom: 30px;
}
#home-images-loading {
	position: absolute;
	width: 921px;
	left:0;
	top:100px;
	background: url(/images/waiting.gif) center center no-repeat;
	padding-top: 50px;
	text-align: center;
}
#home-images .image { 
	height:388px;
	left:34px;
	position:absolute;
	top:20px;
	width:850px;
	background-repeat: no-repeat;
	background-position: -4000px -4000px;
}
#home-images .image:first-child { background-position: 0 0; }
#home-images.js .image:first-child { background-position: -4000px -4000px; }

#home-images .tabs {
	position: absolute;
	top: -14px;
	right: 30px;
	height: 16px;
	display:none;
}
#home-images.js .tabs { display:block; }
#home-images .tab {
	height: 18px;
	width: 9px;
	float: left;
	cursor: pointer;
	background:url(/skin_ecd/images/home_tab.png) left top no-repeat;
	margin: 0 -2px 0 0;
	padding: 1px 6px 0 6px;
	color: white;
	text-align: center;
	position:relative;
	font-size:10px;
}
#home-images .tab.disabled { 
	margin-top:0 !important; 
	height:18px !important; 
	cursor:default !important;
}
#home-images .tab.active { 
	background:url(/skin_ecd/images/home_tab_active.png) left top no-repeat; 
	margin-top:-2px; 
	height: 20px;
	font-weight: bold;
}
#home-images .tab:hover { margin-top:-2px; height: 20px; }

#home-images-toggle { 
	background-color:white;
	cursor:pointer;
	font-weight:bold;
	padding:5px 10px;
	position:absolute;
	right:42px;
	text-transform:uppercase;
	top:25px;
	opacity: 0.3; filter:alpha[opacity=30];
	display:none;
}
#home-images-toggle:hover { opacity: 0.8; filter:alpha[opacity=80]; }
#home-images:hover #home-images-toggle { display:block; }

#ecd30 {
	position: absolute;
	right: 60px;
	bottom: 60px;
}


/**** End Home *****/

/**** Blog *****/

.blog_post h2 {
	font-size: 26px !important;
	text-transform: none !important;
	font-weight: normal;
	height: auto !important;
	border:none !important;
}
.blog_post h3 { font-size: 20px; }
.blog_post .meta {
	font-weight: bold;
	margin-bottom: 20px;
}
.blog_post .post { margin-bottom: 20px; }
.blog_post .footer { overflow:hidden; }
.blog_post a.golink { float: right; }

.blog_posts .blog_post {
	border-bottom: 1px dashed #8C9F64;
	padding-bottom: 5px;
	margin-bottom:30px;
}
.blog_posts .blog_post:last-child {
	margin-bottom:0;
	border:none;
}

.blog_posts .viewMore {
	background-color:#EEF0E6;
	font-size:14px;
	padding:5px;
	text-align:center;
	text-transform:uppercase;
	display:block;
}

.blog_post .comments {
	border-top: 1px dotted #8C9F64;
	padding-top: 10px;
}
.blog_post .comments h3:first-child { margin-top:0; margin-bottom: 10px; }

.blog_post #blogPostComments .head {
	font-size: 10px;
}
.blog_post #blogPostComments .head .author { font-weight: bold; }
.blog_post .waitingApproval { font-style:italic; font-weight: bold; }
.blog_post #blogPostComments .comment {
	padding: 5px 10px 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #EEF0E6;
}
.blog_post textarea, .blog_post input[type=text] {
	background-color: #EEF0E6;
	border: 1px solid #8C9F64;
	width: 401px;
	margin-bottom: 5px;
}
.blog_post textarea {  display:inline-block; width: 397px; }
.blog_post textarea:focus, .blog_post input:focus { background-color: white;  }
.blog_post input[type=submit] { 
	margin: 20px 0 0 120px;
}
.blog_post .moderatedComments { 
	padding: 5px; 
	font-size:10px; 
	text-align: center; 
	background-color: #EEF0E6; 
	margin-top:10px;
	clear:both;
}
.blog_post .comments label { width: 120px; float:left; }
.blog_post .nolabel { margin-left: 120px; clear:both; }
.blog_post .notes { float:left; clear:left; width:115px; font-size: 0.8em; line-height:1em; font-style:italic; }

/* This ensures the 'type the two words' bit moves when the comments textarea expands */
#recaptcha_widget_div { position: relative; }


/**** End Blog *****/


.newsList .date {
	font-size: 8px;
	display: block;
	width: 50px;
	float: left;
}
.newsList li { margin-bottom: 10px !important; }
.newsList .title { 
	margin-left: 55px;
	display:block;
}
.newsList .golink { 
	display:block;
	text-align:right;
}

.newsArticle .date { 
	font-weight: bold; 
	font-size: 10px; 
	border-bottom:1px dashed #8C9F64;
	padding-bottom:10px;
	margin-bottom: 30px;
}
.newsArticle .date + img {
	margin-top: -20px;
}


#map_london { margin-bottom: 20px; border: 1px solid #8C9F64; }
#map_glasgow { border: 1px solid #8C9F64; }

/***** GENERAL CLASSES ****/

/* @Item AS Align - Left */
.floatLeft { float: left; }
/* @Item AS Align - Right */
.floatRight { float: right; }
/* @Item AS Start New Line */
.clear { clear: both; }

/* @Item AS Remove top margin */
.removeTopMargin { }
.removeTopMargin>h1:first-child, .removeTopMargin>h2:first-child, .removeTopMargin>h3:first-child { margin-top:0; }

/* @Text AS Go Link */
.golink { margin-left: 5px; text-transform: uppercase; }
.golink:after { content:' \000BB'; } 

/* @Text AS Green */
.green { color: #8C9F64; }

/* @Text AS Line below */
.linebelow { border-bottom: 1px solid #999999; padding-bottom: 5px; }


/* @Text AS Align left */
.floatLeftM { float: left; margin: 0 10px 10px 0; }
/* @Text AS Align right */
.floatRightM { float: right; margin: 0 0 10px 10px; }

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 Ð 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  .sIFR-active object { display: block; }
  .sIFR-active .box.text h2 {
    visibility: hidden;
  	font-size: 16px;
  	margin-bottom:5px;
	border-bottom:1px dashed #8C9F64;
  }
  .sIFR-active .box.text h1:first-child { margin-top:0; }
  .sIFR-active h1 {
    font-family: Arial;
    visibility: hidden;
    font-size: 30px;
    margin: 15px 0 5px;
  }
  .sIFR-active #welcome h1 {
  	font-size: 48px;
  }
  .sIFR-active #topnav li {
    font-family: Arial;
    visibility: hidden;
    font-size: 12px;
    height: 14px;
    margin-top: 15px;
    background-position: left 15px;
    overflow:visible;
    letter-spacing: 0.05em;
  }  
  .sIFR-active #topnav li:first-child { margin-left: 2px; }
}


/******* END sIFR ***********/


.mceContentBody { background: white; }



.msg {
	background-color:#FFFFDD;
	border:1px solid #8C9F64;
	color:black;
	font-weight:bold;
	margin:10px 0;
	padding:5px 8px;
}
.msg.error {
	border-color: red;
}


#blogFeed {
	background-image: url(/images/icons/rss_18.png);
	background-position: 228px 12px;
	background-repeat: no-repeat;
}
#blogFeed h2 {
	padding-right: 23px;
}



.clientList {
	list-style:none;
	margin: 0 -14px 0 0;
	padding:0;
}
.clientList li {
	background-color:#FAFAFA;
	float:left;
	line-height:16px;
	margin:0 5px 5px 0;
	padding:3px 5px 3px 15px;
	text-align:left;
	width:252px;
}


#downloads {
	list-style: none;
	padding:0;
}
#downloads li {
	background: url(/skin_ecd/images/document.png) left 4px no-repeat;
	margin-bottom:5px;
	padding:2px 2px 7px 22px;
	border-bottom: 1px dotted #E1E5D5;
}
#downloads li:last-child { border:none; }
#downloads a { font-size: 14px; }
#downloads .description {
	display:block;
}


/* @Text AS Bold */
.bold { font-weight: bold; }



/* Download item type */
p + ul.downloads { margin-top:-8px; }
ul.downloads {
	list-style:none;
	padding-left:0;
}
ul.downloads li {
	background: url(/skin_ecd/images/download.png) 5px 2px no-repeat;
	padding-left:30px;
}


/* As of May 2010, the CMS stylesheet uses Clearfix on itemareas, but that breaks this site's layout, so let's negate it. */
itemarea:after{  clear: none !important;  content: none !important;  display: none !important; }
* html itemarea { height: auto; overflow: auto; }
*+html itemarea { min-height: 0; }
/* End Clearfix negation */




.searchResults a {
	font-weight: bold;
	font-size: 14px;
	display: block;
}
.searchResults .searchPreview {
	display: block;
	margin: 5px 20px;
}
.searchResults .searchPreview strong {
	font-size: 14px;
}