@font-face {
	font-family: Gelion;
	src: url(/includes/fonts/Gelion/Gelion-Light.otf);
}

/* Shouldn't need to have that div.top in every template */
/* Using a class on the body tag so that iframes don't inherit [e.g. HTML Editor] */
body.base {background: transparent url(/images/top-bkg.gif) repeat-x scroll 0 0; padding-top: 20px;}
body.highlight-test {border-top: 15px solid #C3277C;}

b, strong {
    font-weight: 700;
}

/* #### MAIN TEMPLATE STYLES #### */

.wrapper1 { 
    min-height: 100%; 
    height: auto !important; 
    height: 100%; 
    margin: 0 auto -100px; 	
	background: url(/images/bkg.gif) repeat-x scroll;
}

.wrapper2 {	
	width:980px;
	text-align:left;
	margin-left: auto;
	margin-right: auto;
}

.error-page .contentwrapper { 
    width: 100%;
}
.error-page h1 { float: none; width: auto; }
@media only screen and (max-width: 980px) {
    .error-page .wrapper1 { height: auto; min-height: initial; }
    .error-page img { max-width: 100%; }
    .error-page .wrap { 
        width: auto;
    }
    .error-page .footer { height: auto; }
    .error-page .footer2,
    .error-page .footer3 { float: none; }

    .error-page .wrapper2 { padding: .5em; }
    .error-page .footer2 { text-align: center; }
    .error-page .footer3 div { clear: both; float: none; display: block; margin: 0 auto; text-align: center; }
}
.wrapper2print {	
	width:980px;
	text-align:left;
	margin-left: 20px;
}
/* Grey ggl logo bkg bar */
.top {	
	float: left;
	background: url(/images/top-bkg.gif) repeat-x;
	width: 100%;
}
.top2 {	
	float: right;
	height: 38px;
	width: 236px;
	background: url(/images/top-bkg2.gif) no-repeat 0 0;
}
.top3 {	
	padding: 15px 5px 0 37px;	
}

.header2 {	
	float: right;
	text-align: right;	
	margin-top: 30px;
}

.adminlogin {
	/*float: left; IE7 can't override the blankright class so floats the box left*/
	border-left: 1px solid #e1e1e1; 
	padding: 10px 5px 0 10px;
}

.ggllogo { /* Admin GGL logo */
	float: left;
	margin: 12px 0 10px 0;
}

.tabwrapper {	/* Wraps top right 1st tier tabs backend */
	float: right;
	padding: 15px 0 0 0;
	margin: 0;
}

.tab2wrapper {	/* Wraps 2nd tier tabs backend */
	float: left;
	padding: 10px 0 0 0;
	margin: 0;
}

.nodata {	
	text-align: center;
	margin: 20px 0 30px 0;
}

.contentwrapper {	
	width: 744px;
	float: left;
}
.contentwrapperright {	
	width: 744px;
	float: right;		
}

.breadcrumb {	
	float: left;
	width: 736px;	
	padding: 5px 0 0 8px;
}

.breadcrumbbkg {	
	float: left;
	width: 744px;
	height: 35px;
	background: url(/images/breadcrumb-bkg.gif) no-repeat left top;
}

#header a {float:none;}

/* Footer styles */
.push		{ height: 100px; min-height: 100%; clear: both; } 
.footer		{ background: #252D3C; color:#80C1C0; clear: both; font-family: 'Gelion', sans-serif; overflow: hidden; padding: 20px 0 15px; }
.footer2	{ float: left; }
.footer3	{ float: right; }
.footer3 img { vertical-align: top; }
.footer p { padding: 14px 0 0; }

.footer-base {
	background: #252D3C;
	color: #80C1C0;
	font-size: 13px;
	overflow: hidden;
	padding: 20px 30px;
}
	.footer-base * {
		font-family: 'Gelion', sans-serif;
	}

	.footer-base a {
		color: #80C1C0;
		text-decoration: underline !important;
	}

	.footer-base a:hover {
		color: #fff;
		text-decoration: none !important;
	}

/* TODO: Decide whether to use new base class e.g. footer-base__hive or something */
.footer-welcome {
	display: flex;
	justify-content: unset;
}

.footer-welcome-text {
	color: #fff;
	margin-right: 25px;
	text-align: right;
}

@media (min-width: 860px) {
	.footer-base {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
}

/* #### HR TAGS ####*/
.dotline hr, .hrgrey hr, .hrgreen hr, .dynhr hr, .hrgrey2 hr, .dotline2 hr, .dotline3 hr, .dotline4 hr, .dotline5 hr, .hrgrey3 hr, .hrgrey4 hr, .footerline hr, .hrgrey6 hr, .hrgrey7 hr, .hrgrey8 hr
					{ display: none; }

.footerline			{ float: left; background: url(/images/dotline.gif) repeat-x scroll center; height: 1px; width: 100%; margin: 6px 0 5px; }
.hrgreen			{ float: left; background: url(/images/green-dot.gif) repeat-x scroll center; height: 1px;  width: 100%; }
.dynhr				{ float: left; height: 1px; width: 100%; }

.hrgrey, .hrgrey2, .hrgrey3, .hrgrey6, .hrgrey7, .hrgrey8
					{ float: left; background: url(/images/grey-dot.gif) repeat-x scroll center;  height: 1px; width: 100%; }
.hrgrey				{ margin: 3px 0 10px 0;	}
.hrgrey2			{ margin: 3px 0 3px 0;	}
.hrgrey3			{ margin: 2px 0 5px 0;	}
.hrgrey6			{ margin: 0;}
.hrgrey8			{ margin: 1px 0 1px 0;	}

.hrgrey7			{ float: left; background: url(/images/grey-dot.gif) repeat-x 0 2px;  height: 1px; width: 100%; padding: 0 0 10px 0; }

.hrgrey4			{ float: left; background: url(/images/grey-dot.gif) repeat-x scroll center;  height: 1px; width: 720px; }
.hrgrey5			{ float: left; background: url(/images/grey-dot.gif) repeat-x scroll center;  height: 1px; width: 720px; display: none; }

.dotline			{ height: 8px; background: url(/images/dotline.gif) repeat-x scroll top; width: 100%; }
.dotline2, .dotline3, .dotline4
					{ float: left; height: 1px; background: url(/images/dotline.gif) repeat-x scroll center; width: 100%;}
.dotline3			{ margin: 3px 0 10px 0	}
.dotline5			{ float: left; display: none; height: 1px; background: url(/images/dotline.gif) repeat-x scroll center; width: 100px; padding:1px; margin: 1px;}

/*  #### TABS #### */
/* tabs3 - Admin tabs for wizard views */
#tabs3				{ float:left; font-size:100%; width:744px; line-height:normal; border-bottom: 1px solid #8fbc27;}
#tabs3 ul			{ list-style:none; }
#tabs3 li			{ float:left; margin:0 4px 0 0; background: #f0f0f0; }
#tabs3 a			{ display:block; color:#b1b1b1; padding:5px 10px 5px 8px; text-decoration: none; }
#tabs3 a:hover		{ background: #8fbc27; color: white;  }
#tabs3 #current		{ background: #8fbc27; color: white;  }
#tabs3 #current a	{ color: white; }

/* tabs5 - Admin area tabs under edit Event */
/* TODO: ID should not be used to set current tabs! Use class instead */
#tabs5				{ float:left; font-size:100%; width:100%; line-height:normal; border-bottom: 1px solid #535353; margin: 5px 0 20px 0;}
#tabs5 ul			{ list-style:none; }
#tabs5 li			{ float:left; background: #d8d8d8; color: #4a4a4a; margin:0 2px 0 2px; }
#tabs5 a			{ display:block; color:#4a4a4a;  padding:4px 8px 4px 8px;  text-decoration:none; }
#tabs5 a:hover, #tabs5 #current a, #tabs5 #currenttabs5 a, #tabs5 .currenttabs5 a { background: #535353; color: white;  }
#tabs5 a:hover, #tabs5 #current a, #tabs5 #current a { background: #535353; color: white;  }


/* tabs5a - Required for validation so we dont have same id on pages with two lots of tabs !TODO: #currenttabs5a and #current were also problems - should just be classes instead of IDs! */
#tabs5a				{ float:left; font-size:100%; width:100%; line-height:normal; border-bottom: 1px solid #535353; margin: 5px 0 20px 0;}
#tabs5a ul			{ list-style:none; }
#tabs5a li			{ float:left; background: #cecece; color: #535353; margin:0 2px 0 2px; }
#tabs5a a			{ display:block; color:#535353;  padding:4px 8px 4px 8px;  text-decoration:none; }
#tabs5a a:hover, #tabs5a #current a, #tabs5a #currenttabs5a a, #tabs5a .currenttabs5a a { background: #535353; color: white;  }

#tabs5b				{ float:left; font-size:100%; width:100%; line-height:normal; border-bottom: 1px solid #535353; margin: 5px 0 20px 0;}
#tabs5b ul			{ list-style:none; }
#tabs5b li			{ float:left; background: #cecece; color: #535353; margin:0 2px 0 2px; }
#tabs5b a			{ display:block; color:#535353;  padding:4px 8px 4px 8px;  text-decoration:none; }
#tabs5b a:hover, #tabs5b #current a, #tabs5b #currenttabs5b a, #tabs5b .currenttabs5b a { background: #535353; color: white;  }

/* tabs6 - Admin area tabs for Colour Preview */
#tabs6				{ float:left; font-size:1em; padding: 5px 0 0 0; line-height:normal; background: #535353;}
#tabs6 ul			{ padding:0 0 0 7px; list-style:none; }
#tabs6 li			{ float:left; margin:0 2px 0 2px; padding:0 0 0 2px; }
#tabs6 a			{ display:block; padding:1px 6px 2px 4px; text-decoration:none;	margin:3px; }
#tabs6 a:hover		{ color: #ffffff; }
#tabs6 #current		{ background: red; }
#tabs6 #current a	{ background: red; padding-bottom:2px; color: white; }
#tabs6 #currentreg 	{ background: red; }
#tabs6 #currentreg a	{ background: red; padding-bottom:2px; color: white; }
#tabs6 #registration a	{ padding-bottom:2px; color: #b1b1b1; }

/* tabs7 - Admin area tabs for report categories */
#tabs7				{ float:left; font-size:100%; width:100%; line-height:normal; border-bottom: 1px solid #535353; margin: 20px 0 0 0;}
#tabs7 ul			{ list-style:none; }
#tabs7 li			{ float:left; background: #d8d8d8; color: #4a4a4a; margin:0 2px 0 2px; }
#tabs7 a			{ display:block; color:#4a4a4a;  padding:4px 8px 4px 8px;  text-decoration:none; }
#tabs7 a:hover, #tabs7 #current a, #tabs7 #currenttabs7 a { background: #535353; color: white;  }
#tabs7 a:hover, #tabs7 #current a, #tabs7 #current a { background: #535353; color: white;  }

/* tabs1st - Frontend 1st tier tabs */
#tabs1st			{ float:left; width:100%; font-size:1.2em; line-height:normal; }
#tabs1st ul			{ margin:5px 0 0 0; padding:0; list-style:none; }
#tabs1st li			{ float:left; margin:0 5px 0 0; padding:5px 10px 7px 10px; background:#d8d8d8; }
#tabs1st a			{ display:block; text-decoration:none; color:#4a4a4a; }
#tabs1st a:hover	{ color:#000000; }
#tabs1st #current1st	{ color:white; background: #535353; }
#tabs1st #current1st a { color: white;	background: #535353; }

/* tabs7 - Frontend 3rd Level Venues/Agenda */
#tabs3rd				{ float:left; font-size:100%; margin: 10px 0 5px 0; width:744px; line-height:normal; }
#tabs3rd ul			{ list-style:none; border-bottom: 1px solid #d9d9d9; height: 26px; }
#tabs3rd li			{ float:left; margin:0 4px 0 0; background: #f0f0f0; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; }
#tabs3rd a			{ display:block; color:#b1b1b1; padding:5px 10px 5px 8px; text-decoration: none; }
#tabs3rd a:hover		{ background: white; color: white;  }
#tabs3rd #current		{ background: white; color: white;  border-bottom: 1px solid white;  }
#tabs3rd #current a	{ color: white; }



/*  #### RIGHT NAV #### */
.rnav {	/*  1st right nav div */	
	float: right;
	width: 224px;	
	}

.rnav2 {
	margin-top: 10px;
	float: right;
	width: 224px;	
	}


.rnavtitle {	
	float: left;
	width: 224px;	
	height: 20px;
	font-size: 95%;
	background:#535353;
	}

.rnavtitle2 {	
	padding: 2px 5px 3px 7px;
	}

.rnavwrapper1 {		
	width: 218px;
	padding: 3px;
	float: left;
	background: #f0f0f0;
	margin-bottom: 3px;
	}


.rnavwhite {	
	float: left;
	background: white;
	width: 208px;
	padding: 5px 5px 2px 5px;
	float: left;
	}


.rnavdot {
	float: left;
	margin: 5px 0 7px 0;
	clear: both;
}


.h1bkg {
	float: left;
	background: url(/images/h1-bkg.gif) repeat-x 0 20px;
	width: 100%;
	height: 40px;
	margin: 12px 0 1px 0;	
}

.profilepic { /* is this being used? */
	float: right;
	background: #c3c3c3; 
}

.profilepic2 {
	background: #c3c3c3; 
	padding: 4px;
}

.profilepic3 {
	float: left;
	background: #c3c3c3; 
	margin-right: 30px;
}

.profilepic4 {
	background: #c3c3c3; 
	padding: 6px;
}

.quote {	
	padding: 8px;
	float: left;
}

.quote1 {	
	background: #8fbc27;
	padding: 4px 10px 4px 10px;
	margin: 2px;
	color: white;
	font-weight: bold;
	font-size: 0.9em;
	float: left;
}

.emailafriend {	
	width: 100px;
	float:left;
}

.emailafriend2 {	
	width: 146px;
	float:left;
}

/* Lists displayed in columns */
ul.col-3 { overflow: hidden; }
ul.col-3 li { float: left; width: 33%; }

/* #### IMAGE OUTLINE STYLES #### */

/* Older image border styles */
.imgoutline			{ border: 2px solid white; background: white; }
.imgoutlinegrey		{ border: 1px solid #c1c1c1; }
.imgoutline2		{ float: left; text-align: center; border: 2px solid white;	background: white; }
.imgoutlinegrey2	{ float: left; text-align:center; border: 3px solid #e1e1e1; }

/* New image border styles */
.imgwhitegreybord	{ padding:1px; background: white; border: 3px solid #e1e1e1; }
.imgwhitegreybord2	{ padding:1px; background: white; border: 2px solid #e1e1e1; }
.imggreybord		{ border: 3px solid #c8c8c8; }
.imgoutlinewhite	{ border: 1px solid white; }
.imgoutlinewhite2	{ border: 1px solid white; float:left; }


.greylogo {	
	float: left;
	padding: 15px 0 45px 35px;
	text-align: center;
}

.mydetails {	
	float: left;
	width: 300px;
}

.blankleft200 {	
	float: left;
	width: 200px;
}

.content {
	float: left;
	width: 100%;
	margin-top: 10px;
}

.content2 {
	float: left;
	width: 100%;
}


.inassggl {
	float: left;
	text-align: center;
	width: 100%;
	margin-top: 20px;
}

.fifty {
	float: left;
	width: 50%;
}

/* Graphical */
img { border:0; }
hr, .row-bottom, .row-top
{
    clear:both;
    border: 0;
    border-top:1px dotted #333;
    height: 1px;
}

hr, .right-nav
{
    margin-top: -4px;
}

.row-bottom { background-position:left bottom; }
.row-top { background-position:left top; }
hr.grey
{
    border-color: #c1c1c1;
}
hr.solid { border-style:solid; }


.greybox {
	float:left;
	width: 728px;
	font-size: 95%;
	background: #f2f2f2;
	padding: 4px 8px;
	border-bottom: 1px solid #d9d9d9;
}

.regstatus {
	width: 725px;
	margin: 5px 0 1px 0;	
	border: 1px solid #d9d9d9;
	clear: both;	
	background: white;
}

.regstatus2 {
	float:left;
	width: 28px;
	background: #535353;
	padding: 0;
}

.greyboxIE6Bug {
	width: 728px;
	font-size: 95%;
	background: #f2f2f2;
	padding: 4px 8px;
	border-bottom: 1px solid #d9d9d9;
}

.greybkg { background:#535353; }

.greyboxwithtabs {
	float:left;
	width: 728px;
	background: #f2f2f2;
	padding: 4px 8px 0 5px;	
}

.greybox2 {
	background: #f2f2f2;
	padding: 4px 0 4px 6px;
	border-bottom: 1px solid #d9d9d9;
}

.greybox3wrapper {
	float: left;
	width: 664px;
	padding: 4px 6px 4px 6px;
	font-size: 0.85em;
	background: #f2f2f2;
	border-bottom: 1px solid #d9d9d9;
}

.greybarmedium {
	background: #c3c3c3;
	width: 100%;
	height: 20px;
	margin-top: 10px;
}

.greybarmedium2 {
	font-weight: bold;
	padding: 2px 0 2px 6px;
	color: #6d6d6d;
}

.dynbar {
	float: left;
	width: 744px;
	height: 20px;
	margin-top: 6px;
}

.dynbar2 {	
	padding: 2px 0 2px 6px;
}

.minimise2 {	
	float: right;
	padding: 3px 6px 0 0;	
}

.calendar1 {
	float: left;
	height: 19px;
	width: 24px;
	background: url(/images/icon-calendar.gif) no-repeat 4px 0;
}

/* Downloads, other documents page split */

.halfwidth1eft {
	float: left;
	width: 352px;
	padding-right: 10px;
	vertical-align: top;
}

.halfwidthright {
	float: right;
	width: 364px;
	vertical-align: top;
}

.locked
	{ float: left; padding: 2px 0 0 20px; height:19px; margin: 8px 20px 5px 0; }

/*  #### ICON STYLES #### */

/*  Icons with padding left and right */
.controlpaneltop2 .icon,
.delete, .edit, .view, .archive, .moveup, .movedown, .plus, .minus, .faqadd, .client, .invite, .addnew, .hyperlink, .paragraph, .heading, .badge, .confirm, .export, .maximise, .minimise, .print, .calendarLink, .dyntopic, .agenda2, .import, .dyncancel, .dynemail, .dynkey, .dynemailopen, .dynemailclosed, .cancellations, .venues, .results, .addtoevent2, .downloaddoc, .setasattended, .removefromevent, .admin, .cancel2, .enable, .disable, .allowSearch, .removeSearch, .showFilter, .hideFilter, .selectAll, .deselectAll, .blog, .blogRemove, .assignBlogger, .notes, .no-notes, .no-icon {
	float: left;
	padding: 2px 0 0 19px;
	height: 19px;
	margin: 8px 11px 5px 0;
}
.backbkg .export { float: right; margin: 0; }

/*  Icons with no padding for single height rows */
.delete2, .edit2, .edit4, .edit5, .agenda3, .remove4, .attendees2, .delete4, .remove2, .plus2, .minus2, .remove3, .attendees, .view3, .archive2, .edit6, .delete5, .remove5, .invite2, .cancel, .client2, .delete6, .print2, .addnew3, .admin2, .addtoevent, .plus3, .movedown2, .enable2, .disable2, .plus4, .waiting16, .waitingPermitted16, .incomplete16, .noShow16, .cancelled16, .noResponse16, .attending16, .attended16, .paid16, .unpaid16, .notAttending16
												{ float: left; padding: 2px 0 0 19px; height:19px; }

.delete2, .edit2 .movedown2								{ margin: 6px 0 10px 0; }
.edit4											{ margin: 0 20px 10px 0;}
.edit5, .agenda3, .remove4, .attendees2, .plus3, .enable2, .disable2	{ margin: 0 20px 0 0; }
.delete4, .remove2								{ margin: 8px 12px 5px 0; }
.plus2, .minus2									{ margin: 2px 20px 5px 0; }
.remove3, .attendees						{ margin: 8px 0 5px 0; }
.edit6,	.view3, .remove5, .cancel, .delete6		{ margin: 0 0 5px 0; }
.archive2 .delete5, .invite2, .client2, .print2, .plus4		{ margin: 0; }

.edit0, .delete0, .moveup0, .movedown0	{ float: left; padding: 2px 0 0 20px; margin:3px 0 0 0; height:19px; }

.delete3, .confirm2, .dynedit, .dynpreview, .edit3
	{ float: left; padding: 2px 0 0 20px; height:16px; margin: 0; }

.warning, .success	{ padding: 2px 0 0 20px; /*height:16px;*/ margin: 0;}
.warning2			{ float: left; padding: 2px 0 0 20px; height:16px; margin: 0; }
.view2				{ float: left; padding: 2px 0 0 20px; height:16px; margin: 2px 0 0 0; }
.lockedurl			{ float: left; padding: 2px 0 0 20px; height:16px; margin: 2px 0 0 10px; }
.unlockedurl		{ float: left; padding: 2px 0 0 20px; height:16px; margin: 2px 0 0 10px; }
.add, .remove		{ float: left; padding: 2px 0 6px 15px; height:14px; margin: 2px 0 10px 0; }
.addnew2			{ float: right; padding: 0 0 0 20px; height:19px; margin: 0; }
.back				{ float: left; padding: 0 0 0 10px; height:12px; margin: 0; }
.back2				{ padding: 0 0 0 10px; height:12px; margin: 0; }
.notes2, .no-notes2 { float: right; padding: 0 0 0 20px; margin-right: 10px; height:19px; }
.gglfooterlogo { float: right;	padding: 0 20px 0; margin-right: 20px; border-right: 1px solid #6c6c6c; }

/* Backend icon buttons */
.delete, .delete2, .delete3, .delete4, .delete5, .delete6, .delete0
							{ background: url(/images/icon-delete.gif) no-repeat 0 0; }
.edit, .edit2, .edit3, .edit4, .edit5, .edit6, .edit0
							{ background: url(/images/icon-edit.gif) no-repeat 0 0; }
.view, .view2, .view3		{ background: url(/images/icon-preview.gif) no-repeat 0 0; }
.lockedurl					{ background: url(/images/icon-lock.gif) no-repeat 0 0; }
.unlockedurl					{ background: url(/images/icon-unlocked.gif) no-repeat 0 0; }
.archive, .archive2			{ background: url(/images/icon-archive.gif) no-repeat 0 0; }
.moveup, .moveup0					{ background: url(/images/icon-moveup.gif) no-repeat 0 0; }
.movedown, .movedown2, .movedown0	{ background: url(/images/icon-movedown.gif) no-repeat 0 0; }
.plus, .plus2, .plus3, .plus4	{ background: url(/images/icon-plus.gif) no-repeat 0 0; }
.minus, .minus2				{ background: url(/images/icon-minus.gif) no-repeat 0 0; }
.faqadd						{ background: url(/images/icon-faqadd.gif) no-repeat 0 0; }
.client, .client2			{ background: url(/images/icon-client.gif) no-repeat 0 0;}
.invite, .invite2			{ background: url(/images/icon-invite.gif) no-repeat 0 0;}
.addnew, .addnew2, .addnew3	{ background: url(/images/icon-addnew.gif) no-repeat 0 0;}
.hyperlink					{ background: url(/images/icon-hyperlink.gif) no-repeat 0 0;}
.paragraph					{ background: url(/images/icon-paragraph.gif) no-repeat 0 0;}
.heading					{ background: url(/images/icon-heading.gif) no-repeat 0 0;}
.badge						{ background: url(/images/icon-badge.gif) no-repeat 0 0;}
.backbkg .badge             { float: right; margin: 0 10px 0 0; padding-top: 0; }
.confirm, .confirm2			{ background: url(/images/icon-confirm.gif) no-repeat 0 0;}
.export                     { background: url(/images/icon-export.gif) no-repeat 0 0;}
.maximise					{ background: url(/images/icon-maximise2.gif) no-repeat 0 0; }
.minimise					{ background: url(/images/icon-minimise2.gif) no-repeat 0 0; }
.warning, .warning2			{ background: url(/images/icon-warning.gif) no-repeat 0 0; }
.print, .print2				{ background: url(/images/icon-print.gif) no-repeat 0 0; }
.success					{ background: url(/images/icon-success.gif) no-repeat 0 0; }
.add						{ background: url(/images/icon-add.gif) no-repeat 0 3px; }
.remove						{ background: url(/images/icon-remove.gif) no-repeat 0 3px; }
.back, .back2				{ background: url(/images/icon-back.gif) no-repeat 0 5px; }
.remove2, .remove3, .remove4, .remove5
							{ background: url(/images/icon-remove2.gif) no-repeat 0 0; }
.removefromevent			{ background: url(/images/icon-removefromevent.gif) no-repeat 0 0; }
.addtoevent, .addtoevent2	{ background: url(/images/icon-addtoevent.gif) no-repeat 0 0; }
.calendarLink				{ background: url(/images/icon-calendar.gif) no-repeat 0 0; }
.dyntopic					{ background: url(/images/icon-topic.gif) no-repeat 0 0; }
.agenda2, .agenda3			{ background: url(/images/icon-agenda2.gif) no-repeat 0 0; }
.attendees, .attendees2		{ background: url(/images/icon-attendees.gif) no-repeat 0 0; }
.cancel, .cancel2			{ background: url(/images/icon-cancel.gif) no-repeat 0 0; }
.import						{ background: url(/images/icon-import.gif) no-repeat 0 0; }
.admin, .admin2				{ background: url(/images/icon-admin.gif) no-repeat 0 0; }
.cancellations				{ background: url(/images/icon-cancellations.gif) no-repeat 0 0; }
.venues						{ background: url(/images/icon-venues.gif) no-repeat 0 0; }
.results					{ background: url(/images/icon-results.gif) no-repeat 0 0; }
.downloaddoc				{ background: url(/images/icon-export2.gif) no-repeat 0 0; }
.setasattended				{ background: url(/images/icon-setasattended.gif) no-repeat 0 0; }
.locked, a[disabled]		{ background: url(/images/icon-lock.gif) no-repeat 0 0; }
.userguide                  { background: url(/images/icon-userguide.gif) no-repeat 0 center; float: right; padding: 0 20px; height: 15px; }
.defaulticon                { background: url(/images/icon-default.gif) no-repeat 0 center; float: left; padding: 0 8px; height: 15px; }
.enable, .enable2			{ background: url(/images/icon-enable.gif) no-repeat 0 1px; }
.disable, .disable2			{ background: url(/images/icon-disable.gif) no-repeat 0 1px; }
.allowSearch				{ background: url(/images/icon-allow-search.gif) no-repeat 0 1px; }
.removeSearch				{ background: url(/images/icon-remove-search.gif) no-repeat 0 1px; }
.showFilter					{ background: url(/images/icon-show-filter.gif) no-repeat 0 1px; }
.hideFilter					{ background: url(/images/icon-hide-filter.gif) no-repeat 0 1px; }
.selectAll					{ background: url(/images/icon-selectall.gif) no-repeat 0 1px; }
.deselectAll				{ background: url(/images/icon-deselectall.gif) no-repeat 0 1px; }
.blog						{ background: url(/images/icon-blog.gif) no-repeat 0 1px; }
.blogRemove					{ background: url(/images/icon-blogremove.gif) no-repeat 0 1px; }
.assignBlogger				{ background: url(/images/icon-assignBlogger.gif) no-repeat 0 1px; }
.waiting16					{ background: url(/images/icon-waiting16.gif) no-repeat 0 1px; }
.waitingPermitted16			{ background: url(/images/icon-waitingPermitted16.gif) no-repeat 0 1px; }
.incomplete16				{ background: url(/images/icon-incomplete16.gif) no-repeat 0 1px; }
.noShow16					{ background: url(/images/icon-noShow16.gif) no-repeat 0 1px; }
.cancelled16				{ background: url(/images/icon-cancelled16.gif) no-repeat 0 1px; }
.noResponse16				{ background: url(/images/icon-noResponse16.gif) no-repeat 0 1px; }
.attending16				{ background: url(/images/icon-attending16.gif) no-repeat 0 1px; }
.attended16					{ background: url(/images/icon-attended16.gif) no-repeat 0 1px; }
.paid16						{ background: url(/images/icon-paid16.gif) no-repeat 0 1px; }
.unpaid16					{ background: url(/images/icon-unpaid16.gif) no-repeat 0 1px; }
.notAttending16				{ background: url(/images/icon-notAttending16.gif) no-repeat 0 1px; }
.notes, .notes2             { background: url(/images/icon-notes-green.gif) no-repeat 0 1px; }
.no-notes, .no-notes2       { background: url(/images/icon-notes-grey.gif) no-repeat 0 1px; }
	
/* Frontend icon buttons */
.x							{ background: url(/images/x.gif) no-repeat 0 5px; padding-left:9px; }
.dynarrow					{ background: url(/images/dynbull.gif) no-repeat 0 4px; padding-left:7px; }
/*.image						{ background: url(/images/icon-image.gif) no-repeat 0 0; padding: 1px 0 1px 19px;}*/


.media						{ background: url(/images/icon-video.gif) no-repeat 0 0; padding: 1px 0 1px 19px;}
.misc						{ background: url(/images/icon-misc.gif) no-repeat 0 0; padding: 1px 0 1px 19px;}
.pdf						{ background: url(/images/icon-pdf.gif) no-repeat 0 0; padding: 1px 0 1px 19px;}
.ppt						{ background: url(/images/icon-powerpoint.gif) no-repeat 0 0; padding: 1px 0 1px 19px;}
.txt						{ background: url(/images/icon-txt.gif) no-repeat 0 0; padding: 1px 0 1px 19px;}
.word						{ background: url(/images/icon-word.gif) no-repeat 0 0; padding: 1px 0 1px 19px;}
.xls						{ background: url(/images/icon-xls.gif) no-repeat 0 0; padding: 1px 0 1px 19px;}
.dynedit					{ background: url(/images/icon-dynedit.gif) no-repeat 0 0; padding: 1px 0 1px 19px;}
.dynpreview					{ background: url(/images/icon-dynpreview.gif) no-repeat 0 0; padding: 1px 0 1px 19px;}
.event						{ background: url(/images/icon-event.gif) no-repeat 0 1px;	padding: 0 0 0 12px; }
.eventmini					{ background: url(/images/icon-minievent.gif) no-repeat 0 1px;	padding: 0 0 0 13px; }
.dynprint					{ background: url(/images/icon-dynprint.gif) no-repeat 0 0; float: left; padding: 2px 0 0 20px; height:19px; margin: 0;}
.dynbookable				{ background: url(/images/icon-dynbookable.gif) no-repeat 0 0; float: left; padding: 2px 0 0 20px; height:19px; margin: 0;}
.dynbookable2				{ background: url(/images/icon-dynbookable.gif) no-repeat 0 0; float: left; padding: 0 0 0 20px; height:16px; margin: 0;}
.dyncancel					{ background: url(/images/icon-dyncancel.gif) no-repeat 0 0; float: left; padding: 2px 0 0 20px; height:19px; margin: 0;}
.dynemail					{ background: url(/images/icon-dynemail.gif) no-repeat 0 0; float: left; padding: 2px 0 0 20px; height:19px; margin: 0;}

.dynkey                     { background: url(/images/icon-key.gif) no-repeat 0 0; float: left; padding: 2px 0 0 20px; height:19px; margin: 0;}
.dynemailopen               { background: url(/images/icon-openemail.gif) no-repeat 0 0; float: left; padding: 2px 0 0 20px; height:19px; margin: 0;}
.dynemailclosed             { background: url(/images/icon-newemail.gif) no-repeat 0 0; float: left; padding: 2px 0 0 20px; height:19px; margin: 0;}

.dynpie						{ background: url(/images/icon-dynpie.gif) no-repeat 0 0; float: left; padding: 2px 0 0 20px; height:19px;	margin: 8px 20px 5px 0; }
.dynmedia					{ background: url(/images/icon-dynmedia.gif) no-repeat 0 0; padding: 1px 0 1px 19px; margin: 5px 0 0 0;}
.dynpresentation			{ background: url(/images/icon-dynpres.gif) no-repeat 0 0; padding: 1px 0 1px 19px; margin: 8px 20px 5px 0;}
.dynimage					{ background: url(/images/icon-dynimage.gif) no-repeat 0 0; padding: 1px 0 1px 19px; margin: 8px 20px 5px 0;}
.dyndocument				{ background: url(/images/icon-dyndocument.gif) no-repeat 0 0; padding: 1px 0 1px 19px; margin: 8px 20px 5px 0;}
.dyninvoice				{ background: url(/images/icon-invoice.gif) no-repeat 0 0; padding: 1px 0 1px 19px; margin: 8px 20px 5px 0;}

.dynmedia, .dynpresentation, .dynimage, .dyndocument { font-weight: bold; }

/*  #### BACK TO TOP #### */
.backtotop, .backtotop-admin { float: left; padding: 0 0 30px 8px; }
.backtotop-admin			{ background: url(/images/icon-backtotop.gif) no-repeat 0 5px; }
.backtotop					{ background: url(/images/icon-bbt-grey.gif) no-repeat 0 5px; }
.back-icon					{ float: left; background: url(/images/back-icon-grey.gif) no-repeat 0 5px; padding: 0 0 5px 10px; }
.backtotopsmall				{ background: url(/images/btt-small-green.gif) no-repeat 0 5px; padding: 0 0 5px 8px;  }
.backtotopsmallgrey			{ float: left; background: url(/images/btt-small-grey.gif) no-repeat 0 8px; padding: 3px 0 6px 8px; }


/*  #### BACKEND CALENDER STYLES #### */
.date	{ float: left; margin-right: 10px; padding-right: 10px; border-right: 1px solid #e1e1e1; width: 41px}
.month	{ text-align: center; margin-top: 1px;}
.day	{ font-size: 1.4em;	text-align: center;	font-weight: bold; }
.year	{ font-size: 0.85em; text-align: center; color: #898989; font-weight: bold;}

/*  #### BACKEND ICON TEMPLATE IDENTIFIER STYLES #### */
.icon-template { margin: 5px auto 0; }

/*  #### COMMON STYLES V2 #### */
.d-block		{ display: block }
.d-inline		{ display: inline }
.d-inlineblock	{ display: inline-block }
.righttopbot10	{ float: right; margin: 5px 0 5px 0; }
.lefttopbot10	{ float: left; margin: 5px 0 5px 0; }
.spacingtop		{ margin-top: 1px; }
.spacingtop2    { margin-top: 10px; }
.spacingbot1	{ margin-bottom: 4px; }
.padding0		{ padding: 0; }
.padding1		{ padding: 5px; }
.padding2		{ float: left; padding: 4px 5px 8px 0; }
.padding3		{ float: left; padding: 2px 0 0 0;}
.padding4		{ padding: 0 8px 5px 5px;}
.pb0			{ padding-bottom: 0; }
.pl0			{ padding-left: 0; }
.pr0			{ padding-right: 0; }
.pt0			{ padding-top: 0; }
.per100			{ width: 100%; }
.left { float: left; }
.right { float: right; }
.centre, .center { display: block; margin-left: auto; margin-right: auto; }
.hidden { display: none; }
.invisible { visibility: hidden; }
.visible { visibility: visible; }

blockquote { margin-left: 60px;	}

/* Filter locations */
.filterLocations { width:14em; }
.filterLocation {
    display: block;
    float: left;
    font-size: 11px;
    height: 1.5em;
    margin-left: 2em;
    width: 5em;
}
.hideinput input { display: none; }

/*  #### FRONT END DYNAMIC STYLES #### */
.dynregbar {
	background: #5a87ca;
	margin: 5px 0 5px 0;
	padding: 4px 4px 3px 10px;
	color: white;
	float: left;
}

.dynregbarpage {
	padding: 5px 10px 5px 4px;
	float: right;
}

.regleft1 {
	width: 80px;
}

.dynh1 {	
	float:left;
	padding-top: 5px;
	font-size: 1.7em;
}

.dnyhbkg {
	background: url(/images/dynhbkg.gif) repeat-x 0 0;
	float: left;
	width: 100%;
}

.dynheader {	
	margin: 10px 0 0 0;
	width: 100%;
	float: left;
}

.dynheader2 {	
	padding: 10px;
	float: left;
}

.dyncheck {	
	margin-top: 6px;
	padding: 2px 0 2px 5px;
	background: #f0f0f0;
	border-bottom: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
}

.dynleft {	
	width: 25%;
	float: left;
	text-align: center;
}

.dynleft2 {	
	width: 10%;
	float: left;
	text-align: center;
}

.dynright{	
	width: 70%;
	float: left;
}

.dynright2{	
	width: 85%;
	float: left;
}

.dynphoto {	
	padding: 7px 10px 10px 10px;
	float: left;
}

.dynphoto2 {
	background: #c3c3c3; 
	padding: 6px;
}

.dyntext {	
	padding: 10px 10px 10px 5px;
	float: left;
	text-align: left;
}

.dyntext2 {	
	width: 490px;
	padding: 5px 10px 10px 5px;
	float: left;
	text-align: left;
}

.dynformwrapper {
	width: 100%; /* Need this for Opera-Firefox */
	text-align: center;
	float: left; /* Need this for Opera-Firefox */
	visibility: visible;	
}

.dynformwrapper2 {
	float:left;
	padding: 10px; 
	text-align: left;	
}

.dynformwrapper3 {
	float:left;
	text-align: left;	
}

.dyn2colleft {
	width: 180px;
	text-align: right;
	float: left;
}

.dyn2colleft2 {
	padding-right: 20px;
}

.dyngreydesc {
	background: #f0f0f0;
	padding: 5px 8px 5px 8px;
	border-bottom: 1px solid #e1e1e1;
	font-size: 0.85em;
}

.dynformcenterarea {
	margin-left: 150px;
}

.regdetails1 {
	float: left;
	margin-left: 73px;
}

.dynh2 {
	font-size: 1em;
	color: #82004b;
	background: #f0f0f0;
	width: 100%;
	border-bottom: 1px solid #e1e1e1;
}


.dyniconedit {
	background: url(/images/dyniconedit.gif) no-repeat 0 0;
	padding-left: 20px;
	height: 19px;
	padding-top: 1px;
}


/* Intro Stuff */

.introbkg {
	border-top: 1px solid #d5d5d5;
	background: #f6f6f6;
	float: left;
	margin: 10px 8px 0 0;	
	width: 744px;
}

.introtextl1 {
	float: left;
	padding: 20px 20px 0 20px;	
}

.introtextr1 {	
	float: left;
	width: 250px;
	margin: 20px 10px 0 0;
}

.introtextr2 {		
	float: left;
}

.discussdate {	
	float: left;
	background: #f6f6f6;
	border-bottom: 1px solid #d5d5d5;
	width: 100%;
	padding: 3px 0 3px 10px;
	margin-bottom: 5px;
}


.inviteemailwrapper {	
	margin: 10px 0 10px 0;
	float: left;
	width: 100%;
	border: 1px solid #d5d5d5;
}

.inviteemailwrapper2 {	
	padding: 20px;
}


#dyndelegates .pic {
	width: 80px;
	float:left;
}

.logobuild {
	margin-top: 30px;
	text-align: center;
	width: 100%;
}

.dynimgwrapper {
	border: 1px solid #d5d5d5;
	width: 70px;
	height: 70px;
	text-align: center;	
	padding: 5px;
	float: left;
	Margin-right: 10px;
}


/* Login */
.login1 {
	float: left;
	width: 360px;	
}

.login2 {	
	float: left;
	padding: 20px;
}

.login3 {	
	float: left;
	padding: 10px 20px 10px 20px;
} 

.loginvline {		
	float: left;
	background: url(/images/vdotline.gif) repeat-y 0 0;
	width:1px;
	height: 340px;
	margin: 20px 0 20px 0;
	padding-bottom: 10px;
}

.loginvline2 {		
	float: left;
	background: url(/images/vdotline.gif) repeat-y 0 0;
	width:1px;
	height: 126px;
	margin: 15px 0 0 0;
}


/*Popup Control*/
.popupControl{
	background-color:White;
	/*position:absolute; - Sort Site wants this removed */
	visibility:hidden;
}

/*Reorder List*/
.dragHandle {
	width:84px;
	height:8px;
	background-color: #000;
	cursor:move;
}

.callbackStyle {
	list-style: none;
	border:thin blue inset;
}

.callbackStyle table {
	background-color:#000000;
	color:Black;
}

.reorderListDemo { list-style: none; }

.reorderListDemo li {
    display: inline; 
    float: left; 
    margin: 10px 10px 10px 0; 
    padding: 0 10px 10px 10px; 
}

.reorderListDemo li a {color:#8fbc27 !important; font-weight:normal;}

.reorderCue {
	border:dashed thin black;
	width:120%;
	height:150px;
}

.itemArea {
	margin-left:1px;
	text-align:center;
}


/* #### LIST STYLES #### */
ol					{ margin:10px 0 20px 30px; }
ol li				{ margin-left:20px; }

ul					{ margin:0; padding:0; list-style:none;}
li					{ margin:0; padding:0; list-style:none;}
li.libot			{ margin:0; padding:0 0 3px 0; list-style:none;}

.horizontal li { display: inline; }

.dynbull ul			{ margin:0; padding:0 0 0 30px;	list-style:none; }
.dynbull li			{ background: url(/images/dynbull.gif) no-repeat 0 10px;	margin:0 0 0 30px; padding:0 0 0 10px; }

.dynbull2 ul		{ margin:0;	padding:0; list-style:none;	}
.dynbull2 li		{ background: url(/images/dynbull.gif) no-repeat 0 6px; margin:0; padding:0 0 0 6px;	}

ul.dynbull4 		{ margin:2px 0 3px 20px; padding:0; list-style:none; }
.dynbull4 li		{ background: url(/images/dynbull.gif) no-repeat 0 4px; margin:0; padding:0 0 0 8px;}

.dynusdown ul		{ margin:0;	padding:5px 0 5px 30px;	list-style:none; }
.dynusdown li		{ margin:0 0 0 30px; padding:0 0 0 10px; }

#files ul			{ float: left; margin:5px 0 5px 0; padding:5px 0 5px 0; list-style:none; }
#files li			{ margin:2px 2px 0 20px; padding:0 0 0 2px; list-style:none; }

.orangearrow li		{ background: url(/images/orangearrow.gif) no-repeat 0 2px; margin:0 0 8px 0; padding:0 0 0 20px; list-style:none;}

ul.news				{ margin:10px 0 0 0; }
.news li			{ background: url(/images/icon-news.gif) no-repeat 5px 2px; margin:0 0 8px 0; padding:0 0 0 20px; list-style:none;}

ul.downloadFiles	{ margin: 8px 0 0 0; list-style: none; }
.downloadFiles li	{ background:  url(/images/dynbull2.gif) no-repeat 0 3px; padding:0 0 0 7px; list-style: none;}

/* Admin bullets */
.greenbullet ul		{ margin:0; padding:0 0 0 30px; list-style:none; }
.greenbullet li		{ background: url(/images/dynbull.gif) no-repeat 0 4px; margin:0 0 0 30px; padding:0 0 0 10px; list-style:none; }

.redbullet ul		{ margin:0; padding:0 0 0 30px; list-style:none; }
.redbullet li		{ background: url(/images/dynbull.gif) no-repeat 0 4px; color: red; margin:0 0 0 30px; padding:0 0 0 10px; list-style:none; }


.documents ul		{ margin: 6px 0 5px 0; }
.documents li		{ list-style: none; padding-bottom: 6px; }

#imagepaging ul		{ float:left; list-style: none;	width: 222px; text-align: left; }
#imagepaging li		{ float:left; display: inline;  }
#imagepaging li #right 
					{ display: inline; text-align: right; float:right; }

.mimage1			{ float: right;	margin: 4px 0 0 12px; }

/* Frontend gallery main image (e.g. Accommodation) */
#gallerymain		{ margin-top: 10px; float:left; }
#gallerymain ul		{ margin-top: 10px;	border-bottom: 1px solid #e1e1e1; list-style:none; }
#gallerymain li		{ width: 310px;	list-style:none; }

/* Frontend gallery thumbs (e.g. Accommodation) */
#gallerythumbs		{ margin-top: 10px;	float:right; height: 304px;	width: 350px; overflow: auto; overflow-x:hidden; overflow-y:auto; }
#gallerythumbs ul	{ float: left; list-style:none; width: 349px; }
#gallerythumbs li	{ float: left; margin: 0 4px 6px 4px; display:inline; border: 3px solid #e1e1e1; }

#gallerythumbs2 ul	{ float: left; list-style:none; width: 110px; height: 86px; }
#gallerythumbs2 li	{ float: left; margin: 0 3px 6px 3px; display:inline; border: 3px solid #e1e1e1; }

#ordlist			{ display:inline; list-style-type: decimal; }
#ordlist #faq		{ display:inline; text-indent: 20pt; margin-left:20px; list-style-type: decimal;}
#ordlist #number	{ display:inline; width: 30px; list-style-type: decimal; }


/* Uploader Gallery */
.uploadsGallery			{ list-style: none; }
.uploadsGallery li		{ display: inline; float: left; margin: 10px 10px 10px 0; padding: 0 10px 10px 10px; }
.uploadsGallery li img	{ display: block; border: 1px solid #8fbc27; margin: 0 auto; }
.uploadsGallery li p	{ text-align: center; padding: 0 }



/* ## BADGE STYLES ## */

.a4						{ color:#535353; float:left; border: 1px dashed #cccccc; width: 794px; height: 1110px; }
.a4paddingONE			{ float:left; padding: 0; }
.a4paddingTWO			{ float:left; padding: 0; }

.badgebkgONE			{ float: left; width: 341px; height: 212px;	border: 1px dashed #cccccc;	}
.badgebkgTWO			{ float: left; width: 378px; height: 265px;	border: 1px dashed #cccccc;	}

.badgepaddingONE		{ padding: 10px; }
.badgepaddingTWO		{ padding: 15px; }

.badgeid				{ font-size: 100%; font-weight: bold; color: #9f9f9f; }
.badgename				{ font-size: 170%; font-weight: bold; }
.badgecompany			{ font-size: 120%; font-weight: bold; }
.badgejob				{ font-size: 100%; }
.workshop				{ font-size: 90%; }
.venue					{ font-size: 100%; font-weight: bold; }
.badgephotoONE			{ padding:1px; background: white; border: 2px solid #e1e1e1; margin: 0; }
.badgephotoTWO			{ padding:1px; background: white; border: 2px solid #e1e1e1; margin: 0; }


table.printbadgeONE		{ width: 319px;	font-size:100%; }
table.printbadgeTWO		{ width: 346px;	font-size:110%; }

.nophotoONE 
						{ height: 80px; }
.nophotoTWO
						{ height: 110px; }


/* TEMP */
/*table.printbadgeTWO td 		{ border: 1px solid #c1c1c1}
/*table.printbadgeONE	td	{ border: 1px solid #c1c1c1}


/* Colour Picker  */
.colorpicker1 {	
	margin-top: 8px;
	width: 460px;
	float: left;
	border: 1px solid #c1c1c1;
	background: white;
}

.colorpicker2 {
	float: left;
	padding: 10px;
}

/* #### WRAPPERS #### */

/* Wraps all forms */
.formwrapper {
	width: 100%; /* Need this for Opera-Firefox */
	background: #f0f0f0;
	text-align: center;
	float: left; /* Need this for Opera-Firefox */
	visibility: visible;
}

.formwrapper2 {
	padding: 20px 20px 20px 20px; 
	text-align: left;	
}

/* grey panels above and below content in the backend */
.controlpaneltop1	{ width: 100%; float: left; background-color: #f2f2f2; border-bottom: 1px solid #c7c7c7}
.controlpaneltop1 p { margin-top: 5px; }
/* TODO: Add generic class instead */
#EventManagement-Breakouts .controlpaneltop1 p,
#EventManagement-Downloads .controlpaneltop1 p {
	margin-left: 1em;
}

.controlpaneltop2	{ padding: 0 2px 3px 5px;	float:right; }
.controlpanelbot1	{ width: 100%; float: left;	background-color: #f2f2f2; border-top: 1px solid #c7c7c7; margin-top: 5px;}

.emailwrapper {
	padding: 0 18px 0 18px;
	background: white;
	border: 1px solid #c1c1c1;
}

.downloadwrapper1 {
	float: left;
	width: 120px;
	margin-right: 10px;
	text-align: center;		
}

.downloadwrapper2 {
	float: left;	
	margin-right: 10px;
	width: 220px;
}

.contentwrap1 {
	float: left;
	width: 300px;
}

.functioncontent1 {
	width: 100%;
	float: left;
	background-color: #f2f2f2;
	border-bottom: 1px solid #c7c7c7;
}

.functioncontent2 {
	width: 98%;
	float:left;
	padding: 10px 10px 10px 5px;
}

.functionbar1 {
	float: left;
	background: #c7c7c7;
	width: 100%;
	height: 20px;
	border-bottom: 1px solid white;
}

.functionbar2 {
	font-weight: bold;
	padding: 3px 0 2px 6px;
	color: white;
}

.functionbar2 a { color: White !important; }

.searchbardate {
	float: left;
	width: 64px;
	text-align: center;
	margin-right: 5px;
}

/* Styles to open and close filter areas */
.toggle-container { border-bottom: 1px solid #c7c7c7; font-size:95%; margin-bottom: 1em; padding-top: .25em; clear: both; }
.toggle-container .closed, .toggle-container .open { background: #c7c7c7 url(/images/icon-maximise2.gif) no-repeat 5px center; padding-left: 21px; /* Image spacing + h2 padding = 16+5=21 */ }
.toggle-container .open { background-color: #8fbc27; background-image: url(/images/icon-minimise2.gif); }

.toggle-title { position: relative; padding: .5em; border-bottom: 1px solid white; color: white; font-size:1em; line-height: 1; font-weight: bold; }
.toggle-title a { color: White !important; }
.toggle-title .count { position: absolute; right: .5em; }

.toggle-content { position: relative; background: #f2f2f2; padding: 1em; overflow: hidden; }
.toggle-content h4 { margin-bottom: .75em; }
.toggle-content a  { position: absolute; top: .25em; right: -1em; font-size: 100%; }
.toggle-content ul { overflow: hidden; margin-top: .5em }
.toggle-content ul.single-row { height: 16px; }
.toggle-content li { float: left; width: 33%; }
.toggle-container .buttons { margin: 1em 0; text-align: center; }

.summary { background: white; margin: 1em; border: 1px solid #c9c9c9; padding: .75em 1em; }

.search .keywords { text-align: center; font-size: 1.2em; }
.search .input2 { width: 35%; }
.search li { width: 100%; }
.search #search-details li { width: 50%; }
#search-options, #search-details, #search-site { float: left; width: 20%; margin-top: 1em; }
#search-options { margin-left: 12.5%; }
#search-details { width: 40%; }
#search-site { margin-right: 7.5%; }

.workshoptime {
	float:right;
	width: 150px;
	text-align: right;
	border-left: 1px solid #d9d9d9;
}


.whitebkg {
	float:left;
	margin: 10px 8px 10px 10px;
}

.marginwrap1 {
	float:left;	
	padding: 10px 8px 10px 8px;
	width:728px;
	text-align:left;
}

/* Remove the margin-wrap left/right padding when enclosed inside oddgreybkg4 */
.oddgreybkg4 .marginwrap1 { padding-left: 0; padding-right: 0; }

.marginwrap2 {
	float:left;	
	padding: 4px 8px 4px 8px;
	width:728px;
	text-align:left;
}

.marginwrap3 {
	float:left;	
	padding: 8px 8px 4px 8px;
	width:728px;
	text-align:left;
}

.marginwrap4 {
	float:left;	
	width:732px;
	padding: 1px 6px 2px 6px;
	text-align:left;
}


.marginwrap5 {
	float:left;	
	width:724px;
	padding: 6px 10px 6px 10px;
	text-align:left;
}

.simpledimple {
	float:left;	
	width:724px;
}
.simpledomple {
	float:left;	
	width:724px;
	padding: 10px 6px 6px 10px;
}

/* Alternate Item Styles */
.oddgreybkg3, .oddgreybkg4, .oddgreybkg5, .highlight-template { 
    float:left;
    border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	width:724px;
	padding: 6px 10px 6px 10px;
	clear: both;
}
/* Main alternate grey wrapper style for lists */
.oddgreybkg3 { background: #f2f2f2; }

/* Main alternate grey wrapper style for lists with extra top and bottom padding */
.oddgreybkg4 { 
	background: #f2f2f2;	
	padding: 10px 10px 10px 10px;
}

.oddgreybkg5 { width:704px; }

/* Class used to highlight an Event Template - used on Events list */
.highlight-template { background: #ffc; }

/* May not need this if front end is same width as backend */
.videowrapper {
	float:left;	
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	background: #f2f2f2;	
	width:656px;
	padding: 16px 10px 16px 10px;
	clear: both;
}


.greyformwrap {
	float:left;	
	border-bottom: 1px solid #e1e1e1;
	background: #f2f2f2;	
	width:714px;
	padding: 6px 20px 6px 10px;
	clear: both;
}


/* Front end FAQ styles */
.faq1	{ float: left; width: 20px; }
.faq2	{ float: left; padding-bottom: 5px;	width: 630px; }


/* Delegate photo style */
.userpic {
	float:left;
	width: 94px;
	text-align: center;
	margin-right: 15px;	
}

.userpic2 {
	margin: 5px 15px 0 0;
}

.cols1 { width: 100%; }
.cols2 { width: 50%; }
.cols3 { width: 33%; }
.cols4 { width: 24%; float: left; }
.cols5 { width: 20%; }

/*.searchcol { 
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}*/
.searchcol {display:inline;}


/* Frontend Map */
.mappadding {	
	padding:14px 10px 10px 10px;	
}


/* Discussion Topics */
.distopicpic {	
	float: left;
	width: 90px;
	text-align: center;
	margin: 0 6px 0 0;	
}

.distopicdel {	
	float: left;
	width: 120px;	
	margin: 0 20px 0 0;	
}

.distopic {	
	float: left;
	width:485px;
}


/* Custom Email html block */
.cemailhtml	{
	float:left;	
	background: #8fbc27;		
	padding:5px 5px 5px 6px;
	margin:6px 0 5px 0;
	width: 589px;
	color: white;
}


/* Attending white block */
.attendance	{	
	background: white;		
	padding:10px 10px 10px 10px;
	margin:6px 0 5px 0;	
	border: 1px solid #e1e1e1;
	width: 300px;
	text-align: center;
}

/* new */

.selectall {
	float: left;
	padding: 0 0 0 14px;
	height:12px;	
	margin: 0 20px 6px 0;
	background: url(/images/icon-tick.gif) no-repeat 0 2px; 
}


.deselectall {
	float: left;
	padding: 0 0 0 14px;
	height:12px;	
	margin: 0 20px 6px 0;
	background: url(/images/icon-cross.gif) no-repeat 0 3px; 
}

.navplus {
	float: left;
	padding: 0 0 0 14px;
	height:12px;	
	margin: 0 20px 6px 0;
	background: url(/images/navplus.gif) no-repeat 0 3px; 
}

/* TreeView Nav */
.adminnav {
	background: url(/images/adminnav-bkg1.gif) no-repeat 0 0;
	clear: both;
	float: left;
	margin-bottom: 20px;
	padding-top: 5px;
	width: 224px;
}
.adminnavtop { float: left; background: #535353; width: 208px; color:#a7a7a7; padding: 4px 8px 7px; margin: 0; }

/*
    Level 1 - Area              e.g. front or back
    Level 2 - Section           e.g. Events, Users, Venues, FAQs
    Level 3 - Sub-Section       e.g. Details, Venues, Accommodation etc.
    Level 4 - Sub-Section Pages e.g. Add Event, Edit Event, Edit Venue etc.
*/
.treeviewnav { background: url(/images/leftnav-footer.gif) no-repeat 0 bottom; float: left; padding-bottom: 4px; }
.treeviewnav a { display: block; width: 200px; padding: .25em 1em; }

.treeviewnav .level0			{ height: 1px; padding: 0; margin: 0; display:block;}
.treeviewnav .level1			{ height: 0; padding: 0; margin: 0;}
.treeviewnav .level2			{ background: #535353; font-size: 110%; font-weight: bold; margin-bottom: 1px;  }
.treeviewnav .level2 a			{ display: block; background: url(/images/icon-navplus.gif) no-repeat 6px 6px; padding: 3px 5px 3px 19px;}
.treeviewnav .level2 a:hover	{ text-decoration: none; background: #636363 url(/images/icon-navplus.gif) no-repeat 6px 6px; color:white;}
.treeviewnav .level3			{ background: #fff; }
.treeviewnav .level3 a			{ display: block; padding: 2px 6px 2px 18px;}
.treeviewnav .level3 a:hover	{ background: #8fbc27;  color: white; text-decoration: none;}
.treeviewnav .level4			{ background: #ececec; }

.treeviewnav .level3, .treeviewnav .level4 { 
    border-bottom: 1px solid #c7c7c7; 
	color: #535353;	
}

.treeviewnav .level2 a.selectednode { 
    background: url(/images/icon-navminus.gif) no-repeat 6px 6px;
    color: #fff; 
    border-bottom: 0; 
}

.treeviewnav .level3 a.selectednode, 
.treeviewnav .level4 a.selectednode { 
    background: #8fbc27; 
    color: #fff; 
    border-bottom: 0; 
}



/* Email Template */
.lgreybar { 
	float:left;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	background: #f2f2f2;	
	width:580px;
	padding: 6px 10px 6px 10px;
	clear: both;
}

.dgreybar { 
	float:left;
	background: #535353;	
	width:580px;
	padding: 6px 10px 6px 10px;
	clear: both;
}




/* Custom Email Lists Template */

.emailistalternate { float:left;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	background: #f2f2f2;	
	width:656px;
	padding: 6px 5px 6px 5px;
	clear: both;
}

.emailist {
	float:left;	
	width:656px;
	padding: 6px 5px 6px 5px;
	text-align:left;
	background: white;
}


.delegateEmailHeading { color:#535353; }
.delegateEmailInputRow { clear:both; margin-bottom:10px; overflow: hidden; }
.delegateEmailInputRow > label { width:135px; float:left; display:block; text-align:right; margin-right:10px; }
.delegateEmailInputRow input[type=text] { width:550px; float:left; display:block; }
.delegateEmailInputRow input[type=checkbox] { display:inline-block; }
.delegateEmailInputRow p { clear:both; margin-left:145px; font-size:90%; }
	    
#draftEmailList th { padding-left:8px; }
#draftEmailList td { padding:0 0 0 8px; }

.dgreybar2 { 
	float:left;
	background: #535353;	
	width:724px;
	padding: 3px 10px 3px 7px;
	clear: both;
	color: white;
	margin: 4px 0 3px 0;
}


.dgreybar3 { 
	float:left;
	background: #535353;	
	width:707px;
	padding: 3px 10px 3px 7px;
	clear: both;
	color: white;
	margin: 0 0 3px 0;
	text-align: left;
}


.tip1 {
	background: #e6e6e6;
	border: 1px solid #c9c9c9;
	padding: 5px 30px 7px 10px;
	margin: 5px 0 0 0;
	float: left;
	width: 300px;
}


.tip2 {
	background: #e6e6e6;
	border: 1px solid #c9c9c9;
	padding: 5px 30px 12px 10px;
	margin: 5px 0 0 0;
	float: left;
}


.tip3 {
	background: #e6e6e6;
	border: 1px solid #c9c9c9;
	padding: 5px 10px 5px 10px;
	margin: 5px 0 0 0;
	float: left;
}

.tip4 {
	background: #e6e6e6;
	border: 1px solid #c9c9c9;
	padding: 5px 10px 5px 10px;
	margin: 5px 0 0 0;
	float: left;
	width: 702px;
}

.tipindent {
	float: left;
	width: 90px;
	font-weight: bold;
}

.venueindent {
	float: left;
	width: 210px;
}

.backwrapper {	
	padding: 0 0 4px 0;
	float: left;
}

.backwrapper2 {
	float: left;
	padding: 4px 0 4px 0;
}

.backwrapper3 {
	float: left;
	padding: 0 0 12px 0;
}


.backbkg {
	width: 734px;
	float: left;
	padding: 8px 5px 2px 5px;
	height: 22px;
	background: url(/images/paging-bkg.gif) repeat-x 0 -1px;
}


.printgreybar {
	float: left;
	background: #535353;
	width:780px;
	margin-top:-4px; 
	padding: 7px;
	color:white;
}


.printengage {
	float: left;
	margin-left: 35px;
	width: 794px;
}


.psicon {	
	margin: 5px 0 0 8px;
}


.climatecare{
	background: #8fbc27;
	border: 1px solid #c9c9c9;
	padding: 5px 10px 12px 10px;
	margin: 0 0 8px 0;
	float: left;
	color: white;
	width: 708px;
}

.climatecaretop{
	background: white;
	border: 1px solid #c9c9c9;
	border-bottom: none;
	padding: 5px 10px 0 10px;
	margin: 5px 0 0 0;
	float: left;
	color: white;
	width: 708px;
}

.cctext {
	color: #8fbc27;
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 3px;
	float: left;
}

/* terms styles */
h2.v2				{ font-size: 1.6em;	color: #535353;	font-weight: normal; padding: 15px 0 0 0; }

ul.bull1 			{ margin:15px 0 10px 0; padding:0 0 10px 10px;	list-style:none; }
.bull1 li			{ background: url(/images/dynbull.gif) no-repeat 0 5px;	margin:0 0 0 30px; padding:0 0 0 10px; list-style:none;}

ul.bull3 			{ margin: 0 0 10px 0; padding:0 0 10px 10px;	list-style:none; }
.bull3 li			{ background: url(/images/dynbull2.gif) no-repeat 0 7px;	margin:0 0 0 40px; padding:0 0 0 10px; list-style:none;}


ul.blank 			{ margin:15px 0 10px 0; padding:0 0 10px 10px;	list-style:none; }
.blank li			{ margin:0 0 0 30px; padding:0 0 0 10px; list-style:none;}

.termsbacktotop			{  background: url(/images/btt-small-grey.gif) no-repeat 0 8px; padding: 3px 0 6px 8px; }



/* Rad Editor / HTML content saved in the back end, for display */
ul.editorList, .editorBullet { margin: 5px 30px 10px 30px; padding:0 0 0 8px; }
ol.editorList { margin: 5px 30px 10px 10px; padding:0 0 0 8px; }
ol.editorList li { list-style: decimal none inside; }
ul.editorList li { background: url(/images/dynbull.gif) no-repeat 0 5px; padding:0 0 0 8px; list-style:none; }
.editorBullet { background: url(/images/dynbull.gif) no-repeat 0 4px; }


/* global styles css reset (prevent mode) */
.radeditor table,
.rade_toolbar,
.rade_toolbar li,
.rade_tlbVertical,
.rade_dropDownBody ul,
.rade_dropDownBody ul li,
.radwindow table,
.radwindow table td,
.radwindow table td ul,
.radwindow table td ul li
{
 margin: 0 !important;
 padding: 0 !important;
 border: 0 !important;
 list-style: none !important;
}

.rade_wrapper_corner,
.rade_wrapper_center,
.rade_leftVerticalSide,
.rade_rightVerticalSide,
.rade_toolZone,
.rade_editorModes,
.rade_resizeCell,
.rade_toolZone table td,
.radeditor .rade_toolbar,
.radeditor .rade_editorModes ul
{
 border: 0 !important;
}

.rade_toolbar li,
.rade_editorModes ul li,
.rade_InsertTable .rade_tlbVertical .rade_toolbar li
{
 float: left !important;
 clear: none !important;
 border: 0 !important;
}


/* Small tabs */
#deploytabs				{ float:left; width:100%; font-size:1em; line-height:normal; border-bottom: 1px solid #9cc63c; margin-top: 3px;}
#deploytabs ul			{ list-style:none; }
#deploytabs li			{ float:left; margin:0 2px 0 2px; background: white; border-top: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; }
#deploytabs a			{ display:block; padding:2px 6px 2px 5px; text-decoration:none; color:#858585; }
#deploytabs a:hover		{ background: #8fbc27; color:white; padding-left:5px; text-decoration: none; }
#deploytabs #current	{ background: #8fbc27; }
#deploytabs #current a	{ background: #8fbc27; padding-bottom:2px; color: white; }


/* Sortable items & Download Categories */
.move       { display: inline-block; height: 16px; width: 16px; background: url(/images/16-move-grey.png) no-repeat 0 0; margin-right: 5px; cursor: move; }
.move:hover { background-image: url(/images/16-move-color.png); }
.ui-sortable { border-top: 1px solid #ccc; }
.ui-sortable li { border-bottom: 1px solid #ccc; overflow: hidden; clear: both; background: white; }
.ui-sortable li li { border-bottom: none; }
.ui-state-highlight { height: 20px; background: #eee !important; border: 1px solid #ccc; }
.ui-sortable-helper { opacity: .75; }

/* Icons with no margins */
.iedit		{ padding: 2px 0 0 20px; background: url(/images/icon-edit.gif) no-repeat 0 0; }
.iedit2		{ padding: 2px 0 0 17px; background: url(/images/iedit2.gif) no-repeat 0 3px; }
.ieditgrey	{ padding: 2px 0 0 17px; background: url(/images/ieditongrey.gif) no-repeat 0 3px; }
.idelete	{ padding: 2px 0 0 20px; background: url(/images/icon-delete.gif) no-repeat 0 0; }
.imoveup	{ padding: 2px 0 0 20px; background: url(/images/icon-moveup.gif) no-repeat 0 0; }
.imovedown	{ padding: 2px 0 0 20px; background: url(/images/icon-movedown.gif) no-repeat 0 0; }
.idelete	{ padding: 2px 0 0 20px; background: url(/images/icon-delete.gif) no-repeat 0 0; }
.ilocked	{ padding: 2px 0 0 20px; background: url(/images/icon-lock.gif) no-repeat 0 0; }
.idynprint	{ padding: 2px 0 0 20px; background: url(/images/icon-dynprint.gif) no-repeat 0 0; }
.idynemail	{ padding: 2px 0 0 20px; background: url(/images/icon-dynemail.gif) no-repeat 0 0; }
.idynedit	{ padding: 2px 0 0 20px; background: url(/images/icon-dynedit.gif) no-repeat 0 0; }
.idyncancel	{ padding: 2px 0 0 20px; background: url(/images/icon-dyncancel.gif) no-repeat 0 0; }
.ienable	{ padding: 2px 0 0 20px; background: url(/images/icon-enable.gif) no-repeat 0 1px; }
.idisable	{ padding: 2px 0 0 20px; background: url(/images/icon-disable.gif) no-repeat 0 1px; }
.ipage		{ background:white; width: 21px; padding: 5px 0 5px 0; border: 1px solid #535353; text-align: center; margin: 0 auto;}
.ipagelock { background: #f5f5f5 url(/images/pagelock.gif) no-repeat 7px 6px; width: 21px; padding: 5px 0 5px 0; border: 1px solid #b5b5b5; text-align: center; margin: 0 auto;}
.idyninvoice	{ padding: 2px 0 0 20px; background: url(/images/icon-invoice.gif) no-repeat 0 0; }

.tl		{ text-align: left; }
.tr		{ text-align: right; }
.tc		{ text-align: center; }
.tgrey1 {color: #9d9da1;}

.editDelegates { border-collapse:collapse; border:1px solid #006699; }
.editDelegates tr th { padding:6px; }
.editDelegates tr td { padding:6px; }
.editDelegates tr td input { width:100%; }

#forumThreadView #forumTopic { clear: both; }
.imgthread { float: left; max-width: 100px; margin-right: 1em; }
#forumTopic	{ background:#f0f0f0; }
#forumTopic #blankCenter .error { margin-top:8px; }
#forumTopic #controls {}
#forumTopic #controls .row { clear:left; padding:3px 0 3px 0; }
#forumTopic #controls .row .key { width:130px; float:left; text-align:right; padding:4px 8px 0 0; }
#forumTopic #controls .row .value { width:570px; float:left; }
#forumTopic #controls .row .value textarea { width:570px; height:90px; }
#forumTopic #docList { clear:both; width:100%; }
#forumTopic #docList tr td .item { width:605px; background:#ffffff; float:right; margin:2px 30px 2px 0; border-top:1px solid #D7D7D7; border-bottom:1px solid #D7D7D7; padding:8px; }
#forumTopic #docList tr td .type { font-weight:bold; }
#forumTopic #docList tr td .title { }
#forumTopic #docList tr td .title a { color:#401473; text-decoration:underline; }
#forumTopic #docList tr td .title span { color:#535353; margin-left:8px; }
#forumTopic #docList tr td .mediaHolder { text-align:center; }
#forumTopic #docList tr td .uploadedDate { margin:2px 0 2px 0; color:#535353; font-size: 95%;}
#forumTopic #attachmentButtons { margin-left:200px; }
#forumTopic #attachmentButtons a { margin-right:20px; font-weight:normal; }
#forumTopic .greybutton { margin-left: 350px; }

/* Bloggers */
#bloggers #list { }
#bloggers #list .row { float:left; padding:10px 8px 10px 8px; width:728px; background:white; margin:3px 0 3px 0; }
#bloggers #list .alternate { background: #F2F2F2; border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; }
#bloggers #list .row .left { width:93px; float:left; text-align: center; padding-right: 7px;}
#bloggers #list .row .left img { border:2px solid #e1e1e1; padding:1px; background:white; }
#bloggers #list .row .middle { width:428px; float:left; }
#bloggers #list .row .middle .name { font-weight:bold; font-size:110%; }
#bloggers #list .row .middle .position { font-weight:bold; font-size:110%; color:#535353; }
#bloggers #list .row .middle a { display:block; }
#bloggers #list .row .right { width:200px; float:left; }
#bloggers .functionBkg {  width: 744px; float: left; padding: 10px 0 10px 0; background: #f2f2f2; border-bottom: 1px solid #c7c7c7; text-align: center; }
#bloggers .functionBkgBottom {  width: 744px; float: left; padding: 10px 0 10px 0; background: #f2f2f2; border-top: 1px solid #c7c7c7; text-align: center; margin-top: 5px; }
#bloggers .functionBkg .title { float: left; padding-left: 14px; text-align: left;}

/* Blogs */
#blogs .data1 td  { border-bottom: 1px solid #c7c7c7; background :#f2f2f2;}
#blogs .functionBkg { width: 744px; float: left; padding: 10px 0 10px 0; background: #f2f2f2; border-bottom: 1px solid #c7c7c7; text-align: center; margin: 0 0 5px 0;}
#blogs .functionBkgBottom { width: 744px; float: left; padding: 10px 0 10px 0; background: #f2f2f2; border-top: 1px solid #c7c7c7; text-align: center; margin-top: 5px; }
#blogs .blogRemove { background: url(/images/icon-green-remove.gif ) no-repeat 0 3px; float: none; padding: 0 0 0 9px; font-size: 95%; }

/* View Posts */
#viewPosts .row { float:left; padding:10px 8px 10px 8px; width:728px; background:#F2F2F2; border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; margin:3px 0 3px 0; }
#viewPosts .row . alternate { float:left; padding:10px 8px 10px 8px; width:728px; background:white; margin:3px 0 3px 0; }

.addBlogsToEvent { margin:10px 0 0 300px; }
#addBlogsToEvent { margin: 0 0 0 200px; padding:10px 0 10px 0; clear:both; }

/* Quiz Comparisions */
#quizComparisons .functionBkg {  width: 744px; float: left; padding: 10px 0 10px 0; background: #f2f2f2; border-bottom: 1px solid #c7c7c7; text-align: center; }
#quizComparisons { text-align: center; }

.fwnote {
	background:white;
	border: 1px solid #c1c1c1;
	width: 710px;
	padding: 5px 10px 5px 10px;
}

/* Grey bkg for Submit buttons at the bottom of the page */
.functionBkgButton {  width: 744px; float: left; padding: 10px 0 10px 0; background: #f2f2f2; border-top: 1px solid #c7c7c7; text-align: center; margin-top: 5px; }

/* Dark grey bar for headers */
.HeaderBarDgrey {  width: 98%; float: left; padding: 3px 1%; background: #535353; color: white; }


/* Onsite mode action icons */
.action {  float: left; margin-left: 5px; }


/* Engage Section*/
#engageOverview { clear:both; }
#engageOverview #toContribute { float:left; width:728px; font-size:95%; background:#f2f2f2; padding:4px 8px 4px 8px; border-bottom:1px solid #d9d9d9; }
#engageOverview #pageTabs { clear:left; font-size:100%; margin: 0 0 5px 0; width:744px; line-height:normal; padding-top:10px; }
#engageOverview #pageTabs ul { list-style:none; border-bottom:1px solid #d9d9d9; height: 26px; }
#engageOverview #pageTabs li { float:left; margin: 0 4px 0 0; background: #f0f0f0; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-top:1px solid #d9d9d9; }
#engageOverview #pageTabs a { display:block; /*color:#b1b1b1;*/ padding:5px 10px 5px 8px; text-decoration:none; }
#engageOverview #pageTabs a:hover { background:white; /*color:white;*/ }
#engageOverview #pageTabs .current { background:white; border-bottom:1px solid white; }

#registration #info { float:left; width:728px; font-size:95%; background:#f2f2f2; padding:4px 8px 4px 8px; border-bottom:1px solid #d9d9d9; }
.rankNumber { float: left; border: 1px solid #535353; background: white; text-align: center; margin: 0 10px 2px 0; font-weight: bold;	width: 22px; }
.rankNumberEmpty { float: left;	border: 1px solid #c1c1c1;	text-align: center;	margin: 0 10px 2px 0;	font-weight: bold; width: 22px; }

/* Engage Section - Fixes for backend only */
#registration #engage .left { float: left; margin-top: 3px;}
#registration #engage .left input { margin-top: 3px; }


/* Feedback styles - Errors/Success/Warnings/Neutral */
.error, .success, .warning, .neutral {	
	margin:10px;
	padding:10px;
	border:1px solid;
	text-align:center !important;
}
.error {	
	background:#ffebe8;
	border-color:red;
}
.success {	
	background:#d4e2b5;
	border-color:#9cc63c;	
}
.warning {	
	background:#fff2e3;
	border-color:#ff8500;	
}
.neutral 
{
	/*width:705px;
	margin:5px 0 1px 0;
	padding:10px;
	clear:both;*/
	background:white;
	border-color:#d9d9d9;
}


.neutral2 
{	
	padding:10px;
	clear:both;
	background:white;
	border: 1px solid #d9d9d9;
	text-align: center;
}

.RadChart { margin-top: 10px; clear: both; }

/* Popover Elements */

#popover-overlay, .overlay
{
    z-index: 101;
    position:fixed; /* Changed from absolute to encompass scrolling */
    left: 0;
    top: 0;
    width:100%;
    height:100%;
    background: black;
    opacity: 0.75;
    display: none;
}

.popover-container
{
    display: none;
    z-index: 101;
    text-align: center;
}

.popover 
{
    position: relative;
    /*background: url(box.png) no-repeat;*/
    margin: 0 auto;
    border: 10px solid #535353;
    padding: 20px;
    padding: 0;
    background: white;
    color: black;
    overflow:hidden;
}

/* Add New Event popover */
#popover-new-event .popover
{
    width: 400px;
    min-height: 50px;
}
/* Notes popover */
#popover-notes .popover, #popover-report .popover
{
    width: 700px;
    text-align:left;
}

/* Meeting Tool */
#popoverMeeting,
#popoverBookingGrid,
#popoverChangeMeetingUser { text-align:left; }
#popoverMeeting { /*min-width: 1000px;*/ position: fixed; top: 66px; left: 30px; }
#popoverBookingGrid { /*background-color:#fff; border:10px solid #222222; cursor:default; margin-top: 15px; margin-bottom: 15px; position: absolute; top: 10px; left: 10px; z-index:50; padding: 25px; overflow-y: auto;*/ display:none; /*margin-bottom: 15px; position: fixed; top: 25px; left: 10px;*/ }
#popoverChangeMeetingUser .buttons { margin-bottom: 1em; }
#popoverMeeting .popover-body,
#popoverBookingGrid .popover-body,
#popoverChangeMeetingUser .popover-body
{ max-height: none; padding: 12px; }
#popoverBookingGrid .popover-body { padding-top: 0; }

/*.popover .highlight { background: #fbec5d; }*/
.popover-head {
	background: #535353;
}
.popover-head h2 {
	color: White;
	padding-bottom: 10px;
	font-size: 1.8em;
	font-weight: bold;
	cursor: move;
	text-align: left;
	z-index: 99;
}
.popover-head h2 .btn { background: #999; margin-top: 2px; vertical-align: top; }

.popover-head .close-popover,
.popover-head .close-button,
#btnHideCountriesAndTopics {
    position: absolute;
    top: 4px;
    right: 0;
    z-index:103;
}

.loading-container {
    z-index: 105;
    display: none; 
    background: #5b5b5b;
    color: White;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1em 0 0 -10em; /* top was -1.5em, changed to keep it more central in the content div */
    padding: 1em 0;
    width: 20em; 
    height: 2em;
    font-weight: bold;
    text-align: center; 
}
.overlay .loading-container { display: block; }
.loading-container img { vertical-align: middle; }

#popover-notes .delegates { overflow:auto; max-height: 100px; margin-bottom: 1em; }
.popover-body { padding: 2% 2% 0; /*13px*/ max-height: 600px; overflow-y: auto; }
#popover-new-event .popover-body { margin: 30px 0; }
/*#popover-notes .popover-body { height: 350px; }*/

.popover p { padding: 0 0 1em; }

.popover textarea {
    width: 100%; /*674px*/
    height: 5em; /* Two rows seems to require 3em to be correct size - TODO: check in all browsers */
}

/* Handle smaller screens and lots of meeting tool */
#popoverBookingGrid h2,
#filtersMeetingRoomDate {
	max-width: 48%;
}
@media only screen and (min-width: 55em) {
	#popoverBookingGrid h2 {
		max-width: 27.5em;
	}
	#filtersMeetingRoomDate {
		max-width: calc(100vw - 50em);
	}
}


.edit-controls select { margin-right: 2.5em; }
.edit-controls .tickbox { margin-left: 3px; }
.edit-controls .greybutton { position: absolute; right: 1em; width: 7em; }

.upNotes div { overflow: auto; max-height: 163px; margin-bottom: 1em; }

.notes-history { width: 674px; }
.notes-history .col-status { width: 75px; } /* Can go smaller */
.notes-history .col-name-date { width: 98px; } /* Two cols */
.notes-history .col-note { width: 262px; }
.notes-history .col-edit { width: 25px; }
.notes-history th.col-delete { width: 66px; }
.notes-history .col-delete { width: 50px; } /* Last col needs to be 16px wider for the header due to the scrollbar width in the below tds */
/*.notes-history .col-status { width: 13%; }
.notes-history .col-name-date { width: 19%; } /* Two cols * /
.notes-history .col-note { width: 39%; }
.notes-history .col-edit { width: 5%; }
.notes-history .col-delete { width: 5%; }*/

.notes-history td.smaller { font-size: 95%; }

.search-matches .col-type { width: 20% }

#txtSearchUsersToReplace { width: 50%; }
#usersToReplace { max-height: 100px; }

/* End jQuery elements / Popover stuff */


#badgeformtable { border-collapse:collapse; background:#F2F2F2; width:744px; border-top:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; }
#badgeformtable tr td { text-align:center; padding-bottom:12px; }
#badgeformtable tr td a { float:none; padding-right: 0; margin-right: 0; }
#badgeformtable tr td label { font-weight:bold; }
#badgeformtable tr td span { font-weight:bold; }
#badgeformtable tr td.seperator { border-left:1px solid #C7C7C7; }


/* Edit Registration details */
#editDel  { font-size: 14px; float: right; font-weight: bold; margin-right: 6px; }
#editDel .id1 { color:#7b7b7b; }
#editDel .id2 { color:#ff8500; }
#editDel .text { float:left; padding-top: 2px; }
#editDel .icon { float:left; margin-right: 5px; }

/* Simple cols layout system */
.col { float: left; width: 48%; margin: 1em 0 1em 2%; }
.first { margin-left: 0; }

/* List of block elements */
.selectedBlocks { max-height: 200px; overflow-y: auto; margin-top: 0; }
.listBlocks { margin-top: 1em; }
.selectedBlocks .listBlocks { margin-top: .25em; }
.block { color:#535353; font-size: 11px; margin-bottom: 1em; position: relative; overflow: hidden; clear: both; }
.block p { padding: 0; }
.userCol {
    border: 1px solid #ccc;
}

/* Generic buttons*/
.btn-icon { width: 16px; height: 16px; text-indent: -9999em; }
.btn-plus { background-image: url(/images/icon-plus.gif); }
.btn-minus { background-image: url(/images/icon-minus.gif); }

#containerBtnShowGrid { margin-bottom: 1em; }

.delegateDetails { position: relative; min-height: 72px; overflow: hidden; padding: 0 9.5em 0 1em; /* Was height: 56px; padding: 7px 9.5em 7px 7em*/ }
.block img { position: absolute; top: 0; left: 0; }
.delegateDetails img { max-width: 70px; } 
.delegateDetails h3, .delegateDetails h4 { font-size: 1em; }
.delegateDetails p { font-style: italic; }
/* Two counts displayed atop of each other
.meetingsTotal, .face2faceTotal { position: absolute; right: .3em; text-align: center; width: 56px; }
.meetingsTotal { top: 0; }
.face2faceTotal { bottom: 0; }*/
.meetingsTotal { position: absolute; right: .3em; text-align: center; top: 2em; width: 56px; }

/* Circular background */
.block .total { background: #535353; color: white; border-radius: 50%; font-size: 1em; font-weight: bold; line-height: 1.75em; margin: 0 auto; width: 1.75em; }
/* Meeting Tool User buttons */
.delegateDetails-btn { position: absolute; right: 1px; top: 1px; text-indent: -9999em; height: 16px; width: 16px; }
/* Remove buttons */
/*.block*/ .removeBlock { background-image: url(/images/icon-hide.gif); } /* TODO: Merge these in with btn-icon styles plus=show, minus=hide*/
.filterableDelegatesList .removeBlock { background-image: url(/images/icon-show.gif); }
.accommodationRequestStatusChanged, .meetingRequestStatusChanged { background-image: url(/images/icon-waiting16.gif); }
.accommodationRequestStatusComplete, .meetingRequestStatusComplete { background-image: url(/images/icon-setasattended.gif); }
.accommodationRequestStatusIncomplete, .meetingRequestStatusIncomplete { background-image: url(/images/icon-noResponse16.gif); }
.accommodationRequestStatusNone, .meetingRequestStatusNone { background-image: url(/images/icon-cancelled16.gif); }
/* Change Accommodation Request Status button */
/* If this is reused e.g. another button in a table cell go generic for .delegateDetails-btn */
.changeAccommodationRequestStatus { position: static; display: block; margin: 0 auto; }
/* Change Meeting Request Status button */
.changeMeetingRequestStatus { right: 43px; }
/* Meetings VIP button */
.changeIsMeetingsVIP { right: 22px; }
.meetingsVIP { background-image: url(/images/icon-v.png); }
.meetingsNonVIP { background-image: url(/images/icon-v-grey.png); }

#userToReplace .removeBlock,
#booking-grid-users .changeMeetingRequestStatus,
#booking-grid-users .showCountriesTopics,
.filterableDelegatesList .showCountriesTopics
{ display: none; }

/* Meeting Tool Nav */
.meetingToolNav { background: #f2f2f2; border-bottom: 1px solid #c7c7c7; padding: 1em 4em .5em; }
.meetingToolNav li { margin-right: 1em; line-height: 2.5; white-space: nowrap; }

#editMeetingCountriesAndTopics { max-height: 520px; overflow-x: hidden; overflow-y: auto; }
#editMeetingCountriesAndTopics .no-label { clear:left; max-width:730px; }
#editMeetingCountriesAndTopics .countryListContainer p {  }
#editMeetingCountriesAndTopics .specialityListContainer { text-align:left; }
#editMeetingCountriesAndTopics #yourSpecialities .yours { text-align:left;  }
#editMeetingCountriesAndTopics .countryItem { text-align:left; padding:0px; }
#editMeetingCountriesAndTopics .countryItem .itemContainer { padding:10px; }
#editMeetingCountriesAndTopics .countryItem .items div { text-align:left; }
#editMeetingCountriesAndTopics .countryItem .title { display:block; background:#535353; color:#ffffff; padding:5px; }
#editMeetingCountriesAndTopics .countryItem .removeCountry { margin:3px 3px 0 0; }
#popoverMeeting .showCountriesTopics { position:absolute; right:5px; top:1px; cursor:pointer; text-decoration:none; width:16px; height:16px; background:url(/Images/icon-notes-grey.gif) no-repeat; }


/* Availability blocks */
.availability { /*float: right;*/ position: absolute; top: 1px; right: 5em; width: 4.5em; /*~50px*/ }
.availability li 
{
    background: #ccc;
    float: left;
    font-size: 10px;
    line-height: 1.25em;
    margin: 0 0 1px 1px;
    text-align: center;
    width: 2em;
}
.availability .selected { background: #7eaf20; color: white; }

.delegateData { border-bottom: 1px solid #ccc; padding: .5em 0; }
#popoverBookingGrid .delegateData { border-bottom: 0; }
.delegateData li { padding: 0 1em; }
.userCol .delegateData { display: block; }
/*.delegateData td { vertical-align: top; border: 0; }*/

/* Delegate meeting slots */
/*.filterableDelegatesList{ display: none; } testing*/
.delegateMeetings { display: none; }
.delegateMeetings .back { float: right; margin-bottom: 1em; }
.meetingSlots { position: relative; margin: 1em 0; overflow-y: scroll; height: 498px; padding: 1px; }
.meetingSlots table { border: 2px solid black; border-collapse: collapse; border-spacing: 0; width: 100%; }
.meetingSlots th, .meetingSlots td { border: 1px solid #e3e3e3; padding: .5em 0; }
.meetingSlots th { width: 11%; font-weight: normal; text-align: center; }

.meeting {
	background: #7eaf20;
	color: White;
	position: absolute;
    left: 39px;
    width: 298px;
    /* Top and Height are calc/set in JS */
}

/* Popover - should all popover elements be here, or should the overwritten bits be with their inherited styles? e.g. .block and #popoverMeeting .block */
#meetingUsers { margin-bottom: 1em; }
#meetingUsers h2 { background: #8FBC27; color: white; font-size: 1.12em; /*~13px*/ font-weight: bold; padding: .5em .75em; }
#meetingUsers h2 label { margin-left: 1em; }
#meetingUsers h2 input { vertical-align: middle; }
#popoverMeeting .delegateDetails { float: left; border-right: 1px solid #ccc; padding-right: 6em; width: 20%; }
#popoverMeeting .removeBlock { display: none; }
#popoverMeeting .delegateData { float: left; width: 40%; border-width: 0; }
#popoverMeeting .delegateData li { cursor: pointer; padding-left: 1.5em; background: url(/images/ticks.png) no-repeat 0 -17px; margin-left: 1em; }
#popoverMeeting .delegateData .selected { background-position: 0 -1px; color: #7eaf20; }
#popoverMeeting .delegateMeetingDetails { float: right; background: #f2f2f2; width: 29.75%; padding: 1em 1%; }
.delegateMeetingDetails textarea { margin: 0; height: 3.5em; }

.meetingNotes h3 { margin-bottom: 1em; }
.meetingNotes p { overflow: hidden; }
.meetingTopicLabel { float: left; margin-right: 1em; width: 9em; }
.meeting-field-container { margin-bottom: 1em; overflow: hidden; }
.meeting-field-container li label { float: left; margin-right: 1em; }
.meetingNotes .no-label { margin-left: 10em; }
#popoverMeeting .buttons { margin: 1em 1em 1em 10em; }
#popoverMeeting .meetingBeingEdited { margin: 1em 1em 1em 2em; color:#ff0000; font-size:250%; text-align:center; }

/* Sort ordering of these now merged in */
.booking-grid { border-collapse: collapse; }
.booking-grid tr.header { height: 30px; }
.booking-grid td.time-slot { width: 20px; height: 70px; border: 1px solid #ccc; cursor: pointer; }
.time-slot-inner { color: white; font-weight: bold; padding: 10px; }
.time-slot-inner span { font-weight: normal; }
.booking-grid tr.header td,
.booking-grid td.headerCol { border: none; height: 30px; width: 30px; color: white; }

#booking-grid-users { width: 370px; float: left; font-size: 90%; }
#booking-grid-users .booking-grid { width: 100%; }
/*#booking-grid-users .booking-grid td { height: 80px; width: 370px; }*/
#booking-grid-users .booking-grid td .block { border-top: 0; border-right-width: 3px; margin: 0; padding: 0; }
#booking-grid-users .booking-grid td.headerCol { height:30px; border-bottom: 1px solid #ccc; font-size: 120%; }
#booking-grid-users .removeBlock { display: none; } 
#booking-grid-users .cbl { display: inline-block; }
#booking-grid-users select { border: 1px solid #555555; padding: 3px; margin: 5px 10px 3px 0; }
#booking-grid-users .gridMeetingRoomsDates td * { margin: 0 .5em; }
#booking-grid-users .gridMeetingRoomsDates td h2 { margin: 0; }
#booking-grid-users .gridMeetingRoomsDates h3 { margin-top: .5em; }

/* Required to get meeting room date slots to line up with title now that the filters are above them */
/*.meeting-bg { margin-top: 30px; }*/
#filtersMeetingRoomDate {
	position: absolute;
	top: -1px;
	right: 25px;
	margin: 0 !important;
}

.bookinggrid-header {border-collapse:collapse; margin-top:5px;}
.bookinggrid-header .headerCol { width: 30px; color: white; }
.bookinggrid-header .hour { color:#000; }
#booking-grid-timeslots { margin-left: 370px; overflow-x: auto; /*overflow: auto;*/ }
#booking-grid-scroll div { /*margin-top: -1px;*/ overflow-y: hidden; }
#booking-grid-scroll { height:40px; margin-left: 382px;  overflow-x: auto; }

/*#booking-grid-scroll div { width:; }*/
#booking-grid-timeslots td.hour-slot { background-color: #f5f5f5; } 
#booking-grid-timeslots td.available { background-color: #fff; }
#booking-grid-timeslots td.available:hover, #booking-grid-timeslots td.ui-selecting { background-color: #dae9b8; border-color: #8fbc27; }
#booking-grid-timeslots td.unavailable { background-color: #e5e5e5; }
#booking-grid-timeslots td.unavailable:hover { border-color: #d2d2d2; }
#booking-grid-timeslots td.meeting-slot { background-color: #276dbc; }
#booking-grid-timeslots td.fixedmeeting-slot { background-color: #215FA3; font-style: italic; cursor: not-allowed; }
#booking-grid-timeslots td.confidentialmeeting-slot { background-color: #ccc; cursor: not-allowed; }
/*Contrast when deselecting a selection#booking-grid-timeslots td.deselecting { background-color: #276dbc; }*/

#booking-grid-timeslots td.speaker-slot { background-color: #bc2735; }
#booking-grid-timeslots td.booked { background-color: #8fbc27; }
#booking-grid-timeslots td.clash,
#booking-grid-timeslots td.clash:hover
    { background-color: #d1d1d1; cursor: not-allowed; }
#booking-grid-timeslots td.clash:hover { border-color: #ccc; }

/* Needed when no slots shown but need to keep everything in row lined up */
.slotsFiller { height: 55px; }

.meetingRoomDates .formone {
    width: 100%;
}

#selectedVIPs { margin-bottom: 1em; }
#selectedVIPs li { margin-left: .5em; }

.intelligentTopics { float: right; display: block; margin-top: -20px; padding: 5px; width: 300px; border: 1px solid grey; background-color: White; }

#containerTimeslots { max-width: 150px; display: none; height: 200px; overflow-y: scroll; }

.biogs { margin: .5em 0 1em; overflow: hidden; }
.biog { float: left; width: 32%; margin: 0 1% 2em 0; }
.biog img { padding-right: 5px; }
.biog p { padding-top: 0; }

.exportagendaitems { overflow:hidden; }
.exportagendaitems .left { float:left; width:200px; }
.exportagendaitems .left label { width:auto; }
.exportagendaitems .right { float:left; width:200px; }
.exportagendaitems .right label { width:auto; }
.exportagendaitems ul li { overflow:hidden; clear:both;}
.exportagendaitems ul li input { float:left;}
.exportagendaitems ul li label { float:left; width:auto; }
.exportagendaitems .submit { clear:left; }

/* Hotels */
.container-hotel { margin-top: 1em; overflow: hidden; }
.hotel-date { margin-top: 8px; }
.hotel-date .calendar1 { height: auto; background-position: 4px center; }
.toggleHotelVisibilty { float: none; color: #7eaf20; }

/* Upload drag and drop */
/* Alot of these styles are copied from /UserControls/ImageUploaderV2/css/ */
.upload-container { clear: both; overflow: hidden; }
.qq-uploader { position:relative; width: 600px; /*min-height:130px;*/}
.qq-upload-drop-area {
    background: url(/images/icon-large-file-drop.png) no-repeat scroll center 22px #faf7d6;
    border: 1px solid #e4c268;
    display: block;
    margin-bottom: 1em;
    padding: 92px 0 20px;
    text-align: center;
    width: 698px;
}
.qq-upload-list { margin-top: 1em; }
.qq-upload-drop-area span {
    display:block; width:100%; font-size:16px; line-height:16px; color:#000; font-weight:bold;
}
.qq-upload-drop-area-active {background-color:#d4e2b5; border-color:#9cc63c;}
.qq-drop-processing { display: none; }

.qq-upload-button > div { display: inline-block; line-height: 1.35; }

.qq-upload-file,
.qq-upload-spinner,
.qq-upload-size,
.qq-upload-cancel,
.qq-upload-retry,
.qq-upload-failed-text,
.qq-upload-finished,
.qq-upload-delete {
    margin-right: .5em;
}

.qq-upload-spinner {
    display: inline-block;
    background: url(/UserControls/ImageUploaderV2/css/loading.gif);
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
}

/* ScheduledItems */
.scheduled-item-controls .buttons-container {
	margin-bottom: .5em;
	overflow: hidden;
}
.scheduled-item-controls .d-block {
	margin-bottom: .5em;
}
.scheduled-item-controls label {
	font-size: 1.25em;
	font-weight: bold;
}

/* General print styles */
@media print {
    .header,
    .adminnav,
    .breadcrumbbkg,
    .filters,
    .content-footer,
    .footer { display: none; float: none; height: 1px; overflow: hidden; visibility: hidden; }

    .contentwrapperright { width: 100%; float: none; }

    .no-print { display: none; }
}

/*  #### COMMON STYLES #### */
.blankleft		{ float:left; }
.blankright		{ float: right; }
.blankcenter	{ text-align: center; }
.blankcenterbtn	{ float:left; text-align: center; width: 724px; padding: 20px 0 10px 0; }
.fwcenter		{ text-align: center; width: 724px;}
.textleft		{ text-align: left; }
.textright		{ text-align: right; }
.clear			{ clear: both; }
.paddingleft10	{ padding-left:10px; }
.paddingright10	{ padding-right:10px; }
.padding10		{ padding:10px; }
.paddingfl10	{ float: left; padding:10px; }
.paddingfr10	{ float: right; padding:10px; }
.pb1			{ padding: 0 0 12px 0; }
.pb2			{ padding: 0 0 6px 0; }
.mt1			{ margin: 4px 0 0 0; }
.ml8			{ margin-left: 8px; }
.mr0			{ margin-right: 0; }
.clickable      { cursor: pointer; }
.highlight      { background: yellow; }
.arrow-forward  { background: url(/images/dynbull.gif) no-repeat 0 center; padding-left: 7px; }
.nofloat        { float: none; }