@import url(../css/form.css);

/* =========================== Filter =========================== */	

.filterbar-outer {
	background: url(../library/bg-filterbottom.png) no-repeat bottom left #ebebeb; 
	margin-bottom: 25px;
	width: 620px;
	position: relative;
	}
.filterbar {
	background: url(../library/bg-filtertop.png) no-repeat top left;
	padding: 7px 10px 6px 10px;
	width: 600px;
	}
.filterbar fieldset {
	position: relative;
	/*width: 525px;*/
	}	
.filterbar legend {
	display: none;
	}
.filterbar .desc {
	text-align: left !important;
	padding: 2px 5px 0 0 !important;
	width: auto !important;
	vertical-align: top !important;
	}
.filterbar .element {
	text-align: left !important;
	padding: 0 5px 0 0 !important;
	margin: 0 !important;
	width: auto !important;
	vertical-align: top !important;
	}	
.filterbar .button {
	float: left;
	text-align: left !important;
	padding: 1px 5px 0 0 !important;
	margin: 0 !important;
	width: auto !important;
	vertical-align: top !important;
	}		

.filterbar .from {
	width: 78px !important;
	text-align: right !important;
	}	
			
/* =========================== Event Listing =========================== */

.event-listing .col-1,
.event-detail .col-1 {
	width: 280px;
	padding-top: 10px;
	}
.event-listing .col-2,
.event-detail .col-2 {
	width: 330px;
	padding: 7px 0 0 0;
	}
.event-detail .details {
	float: left;
	clear: both;
	padding: 12px 0 0 0;
	width: 100%;
	}
.event-buttons {
	padding: 5px 0 0px 10px;
	margin-bottom: 10px;
	}
.event-listing .event-buttons {
	padding-left: 0;
	}
.meta {
	margin-bottom: 0.8em;
	background: url(../library/divider.gif) no-repeat bottom left;
	position: relative;
	}

.attendee {
	background: none;
	margin-bottom:15px;
	}

.meta dl:after {
	content: " ";
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
	}

/*.meta dl,*/
.meta dt,
.meta dd {
	float: left;
	display: block;
	}
.meta dl {
	clear: both;
	width: 100%;
	background: url(../library/divider.gif) no-repeat top left;
	padding: 2px 0 2px 0;
	}
.meta dt {
	width: 90px;
	}
.meta dd {
	width: 240px;
	}		
.meta dt strong {
	font-weight: normal;
	font-size: 83.3%;
	color: #999;
	}
	
.toggle {
	background: url(../library/bg-toggle.png) no-repeat 0 0;
	display: block;
	}				
	
/* Books by category */
div.magazine .article {
	padding-top: 5px;
	margin-top: 5px;
	float: left;
	}
div.magazine .article h3 {
	margin-top: .1em;
	}	
div.magazine div.thumbnail {
	width: 90px;
	float: left;
	}
div.magazine div.description {
	width: 505px;
	float: left;
	}		
div.article-img
{
	width:615px;
	overflow:hidden;
}

/* Magazine article listing */
div.newslisting {
	position: relative;
	z-index: auto;
	}
div.newslisting div.thumbnail {
	width: 110px;
	float: left;
	}
div.newslisting div.description {
	width: 485px;
	float: left;
	}		
div.newslisting div.article {
	background: url(../library/divider.gif) no-repeat top left;
	padding-top: 2px;
	padding-bottom: 10px;
	}	

/* News Detail */	
div.news-detail .meta {
	margin-bottom: .8em;
	padding: 4px 0 7px 0;
	}
div.news-detail .meta dl,
div.news-detail .meta dt,
div.news-detail .meta dd {
	float: left;
	display: block;
	}
div.news-detail .meta dl {
	clear: none;
	width: auto;
	background-image: none !important;
	padding: 2px 0 2px 0;
	margin-right: 15px;
	}
div.news-detail .meta dt {
	width: auto;
	padding-right: 3px;
	}
div.news-detail .meta dd {
	width: auto;
	}	
	
.printandemail {
	padding: 5px 0px 5px 45px;
	position: absolute;
	z-index: 1;
	top: 2px;
	left: 370px;
	width: 235px;
	background: url(../library/bg-printandemail.gif) no-repeat bottom left;
	}	
	
.inline-ad {float: right; width: 300px; height: 250px; margin: 10px 0 0 10px;}	
.inline-ad img { display: block;}

.article-image {
	float: left;
	margin: 5px 30px 10px 0;
	}
	
/* =========================== Event Listing =========================== */	
div.news div.article {
	padding-bottom: 5px;
	}
div.news div.article {
	background-position: bottom left !important;
	}	
.news-detail,
.media-detail {
	margin-top: -15px;
	}	

.con-main {
	position: relative;
	}

#registerhelp {
	border: solid 1px #ccc;
	padding: 10px 10px 10px 44px;
	position: absolute;
	top: 3.75em;
	right: 16px;
	background: url(../library/hotline-icon.png) no-repeat 3px 50%;
	}

/* =========================== Division homepage =========================== */		

.division-news-listing .article .description {
	width: 400px;
	}
	
/* =========================== Professional Development =========================== */	
div.pd-list {padding-bottom: 10px;}

div.pd-list h2 {margin-bottom: 10px;}

div.pd-list div.description {
	width: 485px;
	float: left;
	}		
div.pd-list div.article {
	background: url(../library/divider.gif) no-repeat top left;
	padding-top: 4px;
	padding-bottom: 5px;
	}	
	
div.pd-list .date,
div.pd-list .division,
div.pd-list .city,
div.pd-list .title,
div.pd-list .register-link {
	display: block;
	float: left;
	}	
div.pd-list .date { width: 70px;}
div.pd-list .division { width: 40px; font-size: 83.3%;}
div.pd-list .city { width: 100px;}	
div.pd-list .title { width: 320px;}	
div.pd-list .register-link { width: 80px;}	

/* =========================== Media Detail =========================== */	

.media-detail .caption {
	padding-top: 10px;
	}
.media-detail .media {
	padding-top: 13px
	}	
	
.news-detail ul.linklist {
	background-image: none !important;
	}
.news-detail ul.linklist li { 
	background-image: none !important;
	clear: both;
	}
	
.news-detail ul.linklist li a {
	/*display: -moz-inline-block;
	display: inline-block !important;*/
	float: left;
	clear: both;
	}			


/* Event sponsors */

.event-sponsors {
	margin-top: 15px;
	background: url(../library/divider.gif) no-repeat top left;
	padding: 5px 0 0px 0;
	}

.event-sponsor-logos {
	padding: 10px 0 10px 0;
	}

.event-sponsor-logos span {
	padding: 0 20px 10px 0;
	vertical-align: middle;
	display: inline-block;
	}

.event-sponsor-logos img {
	vertical-align: middle;
	}



.event-disclaimer {
	background: url(../library/divider.gif) no-repeat top left;
	padding: 10px 0 0 0;
	}	
.event-cancellation,
.event-termsconditions {
	font-size: 83.3%;
	}
.abn {
	padding: 20px 0 0 0;
	font-size: 83.3%;
	color: #999;
	}		
	
/* Registration invoice */

.event-img {
	position: absolute;
	right: 0;
	}