/*************************************************************************
	Resolution 2009
	MODULE: 	append-ep.css
	PURPOSE:	Append all old css styles to new templates
*************************************************************************/

/* Auto float clearing for compliant browsers
*************************************************************************/
#about_members:after,
#two-cols:after,
#three-cols:after,
.clearfix:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
	}

.fl-left,
.flLeft { float:left; }

.fl-right,
.flRight { float:right; }

.img-right {
	float: right;
	clear: both;
	margin: 5px 0 10px 10px;
	}
	
.img-left {
	float: left;
	clear: both;
	margin: 5px 10px 10px 0;
	}

.editorial .img-left,
.editorial .img-right
{
	/*
	background: #e2dfdb;
	border: 1px solid #d3d0cc;
	*/
	padding: 5px;
}



.alCenter {
	text-align: center !important;
	}
	
.alRight {
	text-align: right !important;
	}
	
	
em.keyword {
	font-style: normal;
	font-weight: bold;
	background: #d90026;
	color: #fff;
	}

br.first {
	line-height: 0em;
	}

.confirm {
 	background: #d8e8d8 url("../site_images/bg_confirm.gif") no-repeat 10px 50%;
 	padding: 3px 5px 3px 32px !important;
 	margin: 0 0 10px 0 !important;
 	font-weight: bold;
 	color: #3A8A3E !important;
  	border: 1px solid #3A8A3E;
	}


.error {
 	border: 2px solid #d04444;
 	background: #fafafa url("../site_images/bg_alert.gif") no-repeat 10px 50%;
 	padding: 4px 10px 4px 32px !important;
 	margin: 0 0 10px 0 !important;
 	font-weight: bold;
 	color: #d04444 !important;
	}

.error span {
	display: block;
	margin: 0 0 8px 0;
	}

.error a {
	color: #82AACD !important;
	}
	
.re-send-activation {
	text-align: center;
	}

.re-send-activation a {
	margin: 0 auto;
	display: block;
	width: 210px;
	background:#9999CC;
	border:1px solid #9999CC;
	color: #fff !important;
	}
	

.clear {
	clear: both;
	overflow: hidden;
	line-height: 0 !important;
	height: 0 !important;
	font-size: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	}

.review {
	text-align:right;
	font-weight: bold;
	color: #d04444 !important;
	}

.disguise {
	position: absolute;
	left: -10000px;
	}

.contract,	
.expand {
	background-image: url("../site_images/icon_expand.gif");
	background-repeat: no-repeat;
	background-position: top right;
	}
	
.contract {
	background-image: url("../site_images/icon_contract.gif");
	}
	
.hide {
	display: none;
	}
	
.b {
	font-weight: bold;
	}



/* ---------------- Three column background ---------------- */
#three-cols {
	margin-top: 9px;
	background: url("../site_images/bg-three-cols.gif") repeat-y;
	}
	
#three-cols .three-shim {
	clear:both;
	display:block;
	height:2px;
	background:#FFF url(../site_images/bg-three-col-bottom.gif) no-repeat;
	}



/* ---------------- Columns  ---------------- */
#column1 {
	float: left;
	width: 288px;
	margin-right: 9px
	}

#column2 {
	float: left;
	width: 288px;
	margin-right: 9px
	}

#column3 {
	float: right;
	width: 288px;
	}


/* ---------------- Two column split background (events) ---------------- */
#two-cols {
	float:left;
	border-top: 9px solid #e2dfdb;
	background: url("../site_images/bg-two-cols.gif") repeat-y;
	
	/*
	margin: 0 -18px -17px -18px; 
	border-top: 9px solid #e2dfdb;
	background: url("../site_images/bg-two-cols.gif") repeat-y;
	padding: 0 1px !important;
	*/
	}

.columnHalfLeft {
	float: left;
	width: 324px;
	border-top: 1px solid #d3d0cc;
	margin: 0 10px 0 0;
	}

.columnHalfRight {	
	float: left;
	width: 325px;
	border-top: 1px solid #d3d0cc;
	}


.columnHalfLeft h2,
.columnHalfRight h2 {
	background: #f19210;
	font-size: 1.5em;
	padding: 11px 11px 11px 16px !important;
	color: #fff;
	margin: 0 1px !important;
	}
	
.columnHalfLeft h2 a,
.columnHalfRight h2 a {
	color: #fff;	
	}
		
.columnHalfLeft .vevent,
.columnHalfRight .vevent {
	padding: 10px;
	}
	
.columnHalfLeft .vevent h3,
.columnHalfRight .vevent h3 {
	margin: 0 0 0.3em 0;
	}
	
.columnHalfLeft .vevent h3 a,
.columnHalfRight .vevent h3 a {
	color: #FF9700;
	}

.columnHalfLeft .vevent p.eDate,
.columnHalfRight .vevent p.eDate {
	margin: 0 0 0.3em 0 !important;
	font-size: 90%
	}
	
.columnHalfLeft a.more,
.columnHalfRight a.more {
	padding: 0 0 0 10px;
	}



/* ---------------- Homepage welcome ---------------- */
#about_block {
	color: #fff;
	border-left: 1px solid #D3D0CC;
	border-right: 1px solid #D3D0CC;
	border-bottom: 2px solid #C4C1BE;
	background: #b10422 url(../site_images/about_right.jpg) no-repeat right top;
	}
	
#about_block .about_left {
	width: 400px;
	background: #b10422 url(../site_images/about_back.jpg) no-repeat left bottom;
	padding: 20px 20px 0 20px;
	float: left;
	}

#about_block h1 {
	color: #fff;
	font-size: 3em;
	margin: 0 0 10px 0;
	}
	
#about_block p {
	font-weight: bold;
	}

#about_block p a {
	color: #fff;
	}

#about_block .about_right {
	float: left;
	width: 440px;
	height: 250px;
	position: relative;
	background: black;
	}
	
#about_block .about_right img {
	position: absolute;
	top: 0;
	left: 0;
	}



/* ---------------- Landing page blocks ---------------- */
.block {}
	
.block h2 {
	font-size: 1.5em;
	padding: 11px 11px 11px 16px;
	background: #517DB2;
	color: #fff;
	margin: 0 1px;
	}

.block h2 a {
	color: #fff !important;
	text-decoration: none !important;
	}

.block_item {
	margin: 16px 16px 26px 16px;
	}

.block h3 {
	margin: 0 0 5px 0;
	}

.block h3 a {
	font-weight: normal;
	}
	
.block_item p {
	line-height: 1.2em;
	margin: 0 0 10px 0;
	}
	
.block_item p.summary {
	margin: 0 0 5px 0;	
	}

.block_inner {
	padding: 10px;
	}
	
.block ul {
	margin: 0 0 20px 0 !important;
	list-style: none;
	}

.block ul li {
	background: url(../site_images/bullet.png) no-repeat 0 7px;
	padding: 0 0 0 14px;
	margin: 0 0 10px 0;
	line-height: 1.25em;
	}

.block_inner dl {
	margin: 0 !important;
	}

.block_inner dt {
	margin: 0 !important;
	padding: 0 0 5px 0 !important;
	}

.block_inner dd {
	margin: 0 !important;
	padding: 0 0 10px 0 !important;
	}
	
.block a.more {
	/*font-weight: normal;*/
	}

.block a span,
a.more span {
	position: absolute;
	background: url(../site_images/arrow.gif) no-repeat right 4px;
	height: 14px;
	width: 6px;
	text-indent: -9999px;
	}

.block_bottom {
	border-bottom: 10px solid #e2dfdb;
	}

.block_green h2 { background: #BDB817; }
.block_yellow h2 { background: #ef9820; }
.block_blue h2 { background: #87B1D2; }
.block_emerald h2 { background: #5ac09b; }

.block_green a,
.block_green a:visited { color: #BDB817; }
.block_yellow a,
.block_yellow a:visited { color: #ef9820; }
.block_blue a,
.block_blue a:visited { color: #87B1D2; }
.block_emerald a,
.block_emerald a:visited { color: #5ac09b; }
.block_navy a,
.block_navy a:visited { color: #5c85b6; }


h2.need-some-help { background-image: url(../site_images/green_help.jpg); }
h2.news { background-image: url(../site_images/orange_news.jpg); }
h2.code { background-image: url(../site_images/blue_code.jpg); }
h2.join { background-image: url(../site_images/blue_join.jpg); }
h2.mem-training { background-image: url(../site_images/bg-mem-training.png); }
h2.mem-publications { background-image: url(../site_images/bg-mem-publications.png); }
h2.mem-jobs { background-image: url(../site_images/bg-mem-jobs.png); }
h2.mem-practice { background-image: url(../site_images/bg-mem-practice.png); }
h2.mem-code { background-image: url(../site_images/bg-mem-code.png); }
h2.mem-policy { background-image: url(../site_images/bg-mem-policy.png); }
h2.mem-directory { background-image: url(../site_images/bg-mem-directory.png); }
h2.mem-news { background-image: url(../site_images/bg-mem-news.png); }


.blue_login h2 {
	background: #87B1D2 url(../site_images/blue_login.jpg) repeat-x left top;
	padding: 9px 0 9px 50px;
	margin: 0;
	}

.blue_login h2 a,
.blue_login h2 a:visited {
	color: #fff;
	text-decoration: none;
	}


.block .file-list li {
	background: url("../site_images/icon_file_small.gif") no-repeat 0 3px;
	padding-left: 20px;
	}
	
.block .panelLink {
	background: url("../site_images/icon_link_small.gif") no-repeat 0 3px;
	padding-left: 20px;
	}


.block .news-list {}

.block .news-list h4 {
	font-weight: bold;
	font-size: 1.2em;
	margin: 20px 0 5px 0;
	}

.block .news-list li {
	background: none;
	padding: 0;
	}

.block .news-list li p {
	margin: 0 0 5px 0;
	}



/* ---------------- Member collection listing ---------------- */
ul.rgList {
	float: left;
	width: 45%;
	}




/* ---------------- Page controls ---------------- */
p.backTo {
	clear: both;
	padding-top: 40px;
	}

p.backToTop {
	margin-right: 20px;
	}

p.backToTop a,
p.backTo a,
li.backTo a {
	background: url(../site_images/bg_backTo.gif) no-repeat 0 50%;
	padding-left: 22px;
	color: #60513A !important;
	}

p.backToTop a:hover,
p.backToTop a:active,
p.backToTop a:focus,
p.backTo a:hover,
p.backTo a:active,
p.backTo a:focus {
	text-decoration: underline !important;	
	}
	
p.backToWithPadding {
	padding-top: 15px;
	}

.bottomlinks,
.articlelinks {
	clear: both;
	margin: 50px 0 0 0 !important;
	padding: 0 0 25px 0 !important;
	list-style: none !important;
	}

.bottomlinks li {
	float: left;
	padding: 4px 0 !important;
	}
	
.bottomlinks li,
.articlelinks li {
	padding: 0 30px 0 30px !important;
	}

.bottomlinks li a,
.articlelinks li a {
	color: #60513A;
	font-weight: bold;
	text-decoration: none;
	}

.bottomlinks li a:hover {
	text-decoration: underline;
	}

.top {
	background: url(../site_images/to_top.gif) no-repeat 0 50% !important;
	}

.print {
	background: url(../site_images/print.gif) no-repeat 0 50% !important;
	}

.back-to {
	background: url(../site_images/bg_backTo.gif) no-repeat 0 50% !important;
	}

.report-mistake {
	float: right;
	text-align: right;
	padding: 40px 0 10px 50px;
	background: url(../site_images/icon_question.png) no-repeat 0 35px !important;
	}
	
.report-mistake a {
	color: #60513A !important;
	}




/* ---------------- Pagination ---------------- */
.pagination {
	border-bottom: 1px dotted #777;
	padding: 0 0 5px 0px;
	margin: 0;
	font-size: 90%;
	}
	
.pBottom {
	border: 0 !important;
	margin-top: 10px;
	}
	
.pNoBorder {
	border: 0 !important;
	}

.pagination p {
	margin: 5px 0 0 0 !important;
	font-size: 1.1em;
	}

.pagination label {
	font-size: 1.1em;	
	}

.pagination .fListSubmit {	
	background: #9999cc;
	border: 1px solid #9999cc;
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	cursor: pointer;
	margin-left: 5px;
	}

.pagination strong {
	color: #d90026;
	}

.pagination form {
	margin: 0 !important;
	}

.filterInfo {
	padding: 0 0 5px 0px;
	margin: 0 0 20px 0;
	border-bottom: 1px dotted #777;
	}

.filterInfo h3 {
	color: #6f6658;
	line-height: 1em !important;
	}

.filterInfo p,	
.filterInfo h3 {
	margin: 0 !important;
	}
	
.filterInfo h3 em {
	color: #d90127;
	font-style: normal;
	}

.greyed {
	color: #ccc !important;
	}

a.next,
.nextGreyed {
	padding-right: 11px;
	background: url("../site_images/bg_activeArrow.gif") no-repeat right 50%;
	color: #837c72 !important;
	text-decoration: none !important;
	font-weight: bold;
	}
	
	
.nextGreyed {
	color: #ccc !important;
	background: url("../site_images/bg_greyArrow.gif") no-repeat right 50%;
	}

a.prev,
.prevGreyed {
	padding-left: 11px;
	background: url("../site_images/bg_activeArrowBack.gif") no-repeat left 50%;
	color: #837c72 !important;
	text-decoration: none !important;
	font-weight: bold;
	}
	
.prevGreyed {	
	color: #ccc !important;
	background: url("../site_images/bg_greyArrowBack.gif") no-repeat left 50%;
	}

.loading {
	background: #fff url("../site_images/loading.gif") no-repeat 5px 7px;
	border: 2px solid #ccc;
	padding: 15px 20px 15px 40px;
	}

