﻿/*
GPR 08-07-2010

HTML REFORMAT
GLOBAL
FORMS
HEADER
COLUMNS
SIDE PANEL
MAIN CONTENT
FOOTER
HOMEPAGE
*/

/*================================= HTML REFORMAT ==========================================*/
body, html, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, select, dl, dt, dd{ margin:0; padding:0; font-size:1em; }
html{ overflow-y:scroll; }
html.popupbuttons{ overflow:hidden; }
body{ margin:0; padding:0; color:#696969; font:75%/140% Arial, Helvetica, sans-serif; text-align:left; background:#FFF; }
html.popup body{ padding:20px; }
h1, h2, h3, h4, h5, h6, pre, code{ margin:0 0 0.5em; color:#000038; font:normal 1.3em Arial, Helvetica, sans-serif; clear:both; }
h1{ font-size:1.5em; }
h2{ font-size:1.3em; }
ul, ol{ list-style:none; }
p{ margin:0 0 0.7em; }
fieldset{ border:none; }
a{ color:#283791; font-weight:bold; text-decoration:none; outline:0; }
a:hover{ text-decoration:underline; }
img, a img{ border:0; }
/* --- Float Fix --- */
div:after,ul:after,dl:after,form:after,fieldset:after{ content:"."; display:block; clear:both; height:0; visibility:hidden; }
div,ul,dl,form,fieldset{ zoom:1; }
/*================================= GLOBAL =================================================*/
#container{ width:980px; margin:0 auto; padding:0; text-align:left; }
h1.trail{ padding:2px 5px; font-size:0.8em; background:#EDEDED; /*display:inline-block;*/ float:left; }
#print{ padding:5px; border:1px solid #C6C6C6; position:absolute; top:26px; right:0; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; }
#print img{ margin:1px 5px 0 0; display:inline-block; float:left; }
.statustrue{ color:green; font-weight:bold; }
.statusfalse{ color:silver; text-decoration:line-through; }
.error, .link_nonlive{ color:red; }
/* --- Date Picker --- */
.datepick{ margin-top:5px; padding:5px; border:1px solid #000; background:#fff; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; }
.datepick-popup{ z-index:1000; }
.datepick-nav{ border:1px solid #283791; background:url(/images/backgrounds/datepicker-nav.png) repeat-x top left #2837ff; -moz-border-radius:0.4em; -webkit-border-radius:0.4em; }
.datepick-nav a, .datepick-ctrl a{ width:33%; padding:5px 0; color:#fff; font-size:0.9em; text-align:center; display:inline-block; }
.datepick-nav a:hover{ text-decoration:none; }
.datepick-ctrl{ display:none; border-top:1px solid #000; }
.datepick-ctrl a{ width:50%; }
.datepick-month-header{padding:5px; border-bottom:1px solid #000; }
.datepick-month-header select{ width:40%; margin:0 5%; padding:0; font-size:0.9em; border:0; -moz-border-radius:0; -webkit-border-radius:0; }
.datepick-month{ width:200px; } /* This will determine the width of the entire date picker */
.datepick-month table{ width:100%; }
.datepick-month th, .datepick-month td{ width:14%; }
.datepick-month th span, .datepick-month a{ color:#000; font-size:0.9em; border: 1px solid #777; text-align:center; display:block; }
.datepick-month th span{ border:0; }
.datepick-month a.datepick-weekend{ background:#ddd; }
.datepick-month a.datepick-today{ background:#f0c0c0; }
.datepick-month a.datepick-selected{ color:#fff; background:#777; }
.datepick-month a.datepick-highlight{ background:#f08080; }
.datepick-month a:hover{ text-decoration:none; }
.datepick-clear-fix{ display:none; }
/*================================= FORMS ==================================================*/
input.text, select, textarea{ width:174px; margin:5px 0; padding:5px 5px 4px; color:#1f1f21; font:normal 1em Arial, Helvetica, sans-serif; border:1px solid #9C9C9C; background:#fff; float:left; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; }
input.submit{ padding:3px 5px; color:#fff; font-size:1.1em; font-weight:bold; border:1px solid #1f1f21; background:#000; }
input.submit, input.button, a.submit, div.buttons button, input.OMButton, button{ padding:8px 27px 8px 17px; border:solid #CDCDCD; border-width:0 1px 1px 0; background:url(/images/backgrounds/submit.png) no-repeat top right #E0E0E0; display:inline-block; cursor:pointer; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; }
input.submit, a.submit, input.button, input.OMButton{ padding:8px 27px 9px 17px; color:#696969; font-weight:normal; }
input.back, a.back{ padding:8px 17px 9px 27px; background-position:0 -43px; }
div.buttons button{ margin:2px 5px;
                    width:	auto;
overflow:  visible;
                     }
span.buttons{ text-align:right; float:right; white-space:nowrap; }
.popupbuttons input{ font-size:0.7em; }
input.top, button.top, a.top{ padding:8px 17px 9px; background-position:top left; }
input.small, buttom.small, a.small{ padding:2px 5px; background-position:top left; }
input.red{ color:red; font-weight:bold; }
input.orange{ color:orange; font-weight:bold; }
input.green{ color:green; font-weight:bold; }
.buttondisabled{ text-decoration:line-through; }
a.submit:hover{ text-decoration:none; }
input.blue, a.blue, div.buttons button{ color:#FFF; border:0; background:url(/images/backgrounds/submit_blue.png) no-repeat top right #081671; }
input.red, a.red, div.buttons-red button{ color:#FFF; background:url(/images/backgrounds/submit_red.png) no-repeat top right #EC2119; }

/*a.red-button  {background:url(/images/backgrounds/submit_red.png) no-repeat center; width:92px; height:34px; margin:4px; padding:17px 0 0 15px; color:#fff;}*/
form dt, form dd{ width:75%; margin-bottom:5px; float:left; }
form dt{ width:25%; clear:both; }
form dt label{ padding:5px 0 4px; display:block; }
form dd input.text{ margin:0; }
/*================================= HEADER =================================================*/
#header{ text-align:left; background:#FFF; }
#header .inner{ width:980px; margin:0 auto; position:relative; }
/* --- User --- */
#header #user .inner{ background:red; }
#header #user{ border-top:7px solid #1c3e95; }
#header.ads #user{ /*border-color:#;*/ }
#header.adsintranet #user{ /*border-color:#;*/ }
#header.bag #user{ border-color:#106cb7; }
#header.dic #user{ border-color:#003295; }
#header.sc21 #user{ /*border-color:#;*/ }
#header.adsscotland #user{ /*border-color:#;*/ }
#header.adstoulouse #user{ /*border-color:#;*/ }
#header.egad #user{ border-color:#1C356B; }
#header.eezing #user{ border-color:#4494B9; }
#header #user.loggedin{ border-color:#EB212B!important; }
#header #user .content{ position:absolute; top:0; right:0; z-index:100; }
#header #user ul, #header #user form, #header #user .content div{ font-size:0.9em; float:left; }
#header #user ul{ right:293px; }
#header #user li{ float:left; margin:0 5px; padding:7px 0 5px; }
#header #user li a{ width:50px; padding:5px; color:#EB212B; text-align:center; display:block; }
#header #user.loggedin li a{ color:#1c3e95; }
#header #user li a:hover, #header #user li.selected a{ color:#5D5D5D!important; background:url(/images/backgrounds/top_menu.png) no-repeat center center; }
#header #user form, #header #user .content div{ padding:10px; background:#F0F0F0; }
#header #user form{ background:url(/images/backgrounds/user_out.png) no-repeat bottom left #F0F0F0; }
#header #user .content div{ background:url(/images/backgrounds/user_in.png) no-repeat bottom left #F0F0F0; }
#header #user input.text{ width:85px; margin:0 10px 0 0; padding:3px; border:0; float:left; }
#header #user input.submit{ padding:0!important; border:0; background:transparent; float:left; }
#header #user form a{ margin-left: 10px; padding:2px 0 1px; display:inline-block; float:left; }
#header #user .content div span, #header #user .content div img{ padding:2px 0; float:left; display:inline-block; }
#header #user .content div img{ padding:0; margin:0 5px; }
#logobar{ padding:10px 0 1px; }
#logobar h1{ color:#232E8D; font-size:1.2em; font-weight:bold; position:absolute; bottom:8px; right:0; }
/* --- Main Menu --- */
#topmenu{ padding:16px 0 10px; text-align:center; background:url(/images/backgrounds/main_menu.gif) no-repeat top center; }
#topmenu li{ margin:0 5px; display:inline; }
#topmenu a{ padding:5px 10px; color:#5D5D5D; font-size:1.2em; font-weight:normal; display:inline-block; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; }
#topmenu a.main{ color:#1c3e95; font-weight:bold; }
#topmenu a.loggedin{ color:#ee2d24; font-weight:bold; }
#topmenu a.selected{ font-weight:bold; background:#E3E3E3; }
#topmenu a:hover{ text-decoration:none; background:#E3E3E3; }
/*================================= COLUMNS ================================================*/
#side, #main{ padding:10px 0; float:left; }
#side{ width:205px; padding-right:10px; }
#main{ width:765px; position:relative; }
.oneCol #main{ width:980px; }
#homePage #side{ padding:0; }
#homePage #main{ width:980px; padding-top:0; }

/*================================= SIDE PANEL =============================================*/
/* Side Menu */
#sidemenu{
	margin:				0 0 10px;
	padding:			5px; 
}
#sidemenu .closed ul{ 
	display:			none;
}
#sidemenu li{ /* See ie7.css & ie6.css */
	position:			relative;
	margin:				0;
	padding:			0;
	line-height:		1.5em;
	border-bottom:		1px dotted #dadada; 
	display:block;
}

#sidemenu li a{
	font-weight:		normal;
	color:				#7C7C7C;
	font-size:          0.9em;
}

#sidemenu li ul.childbranch li ul.childbranch li span.menuitem{
	padding:			0 0 5px 60px;
}

#sidemenu li ul.childbranch li span.menuitem{
	padding:			0 0 5px 40px;
}

#sidemenu li span.menuitem{
	display:			block;
	margin:				0;
	padding:			0 5px 5px 20px;
}

#sidemenu li ul.childbranch li{
	border-top        : 1px dotted #dadada; 
	border-bottom     : 1px dotted #fff; 
}

#sidemenu li a.selected {
    font-weight:bold;
}

#sidemenu li img.branch{
	margin: 7px 5px -4px -20px;
}

#sidemenu li img.leaf{
	margin: 7px 5px -4px -20px;}
}

#sidemenu li li a{ 
	font-size:			0.9em;
}

/* 
--- OLD SIDE MENU CSS ---
#sidemenu{ padding:5px; border:1px solid #E6E6E6; background:url(/images/backgrounds/side_menu.gif) no-repeat bottom left #E6E6E6; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; }
#sidemenu .closed ul{ display:none; }
#sidemenu li ul{ padding-left:0; }
#sidemenu li{ position:relative;}
#sidemenu li a{ padding:5px 5px 5px 25px; color:#464646; font-weight:normal; border-top:1px solid #FFF; border-bottom:1px solid #DADADA; display:block;}
#sidemenu li img{position:absolute;top:7px;left:5px;}
#sidemenu li li.leaf a{ padding-left:30px;background:url(/images/backgrounds/leaf.png) no-repeat 20px 6px; }
#sidemenu li a.selected{ color:#FF0000; }
#sidemenu li li a{ font-size:0.9em; }
#sidemenu li.branch a{ padding-left:25px;}
*/

/*================================= MAIN CONTENT ===========================================*/
.panel h2{ padding:10px 0; font-weight:bold; border-bottom:1px dashed #000; }
/* --- List Links --- */
.listlinks{ margin:6px 0; }
.listlinks li a{ margin-bottom:5px; padding:8px 6px 8px 36px; background:url(/images/backgrounds/page.png) no-repeat 12px 7px #F8F8F8; display:block; }
/* --- Anchor Links --- */
.anchorlinks{ margin:6px 0; }
.anchorlinks li a{ margin-bottom:5px; padding:8px 6px 8px 36px; background:url(/images/backgrounds/page_link.png) no-repeat 12px 7px #F8F8F8; display:block; }
/* --- Topics --- */
.topic{ width:100%; border-top:1px dashed #000; }
.topic td{ padding:10px 0; text-align:justify; vertical-align:top; }
.topic td.content{ width:100%; }
/*.topic h3{ color:#273591; font-size:1em; font-weight:bold; }*/
.topic img{ margin-left:10px; padding:6px; background:url(/images/backgrounds/topic.gif) repeat-y top center; display:block; }
.topic td td img{ padding:0; background:transparent; }
.topic table{ width:507px; padding:0; background:#F8F8F8; float:left; }
.topic table td{ padding:5px; vertical-align:middle; }
.topic table td img{ margin:0; }
.topic .more{ margin-left:10px; float:right; }
/* --- List --- */
.list{ width:100%; border-collapse:collapse; text-align:left; }
.list td{ margin:0; padding:0; }
.list .container{ padding:10px 0; text-align:justify; border-top:1px dashed #000; position:relative; }
.list .own .container{ background:#f1f1f1; }
.list .otherevent .container {background : #e0e6f0;}
.list .adsevent .container {background : #f2e8ea;}
.list .adsevent .date{ width:62px; margin-right:10px; margin-bottom:20px; padding:10px; color:#000; text-align:center; vertical-align:middle; float:left; display:inline-block; }

.list .news_row .container {background : #fff;}
.list .news_row .date{ width:62px; margin-right:10px; margin-bottom:20px; padding:10px; color:#000; text-align:center; vertical-align:middle; float:left; display:inline-block; }


.list .otherevent .date{ width:62px; margin-right:10px; margin-bottom:20px; padding:10px; color:#000; text-align:center; vertical-align:middle; float:left; display:inline-block; }
.list .logo{ width:500px; display:inline-block; }
.list .info{ width:160px; float:right; }
/*.list .news_list_thumb{ padding:5px; background:url(/images/backgrounds/topic.gif) repeat-y top center; display:block; }*/
.list .time{ padding:10px 0 0; font-size:0.9em; font-style:italic; text-align:center; display:block; }
.list .content{ width:505px; padding:11px 0 0; float:left; }
.list h2{ padding:0; color:#273591; font-size:1em; font-weight:bold; border:0; }
.list p{ margin:0; }
.list p.venue{ margin-bottom:5px; font-weight:bold; }
/* --- News/Event View --- */
#news_view .info{ margin-left:12px; float:right; padding-left:10px; padding-bottom:10px; }
#news_view .image{ padding:5px; background:url(/images/backgrounds/topic.gif) repeat-y top center #ededed; clear: left; }
#news_view .time{ padding:10px 0 0; font-size:0.9em; font-style:italic; text-align:center; display:block; }
#news_view .news_date{ width:140px; margin-right:10px; padding:10px; color:#000; text-align:center; background:#EFEFE7; float:left; display:inline-block; }
#news_view .own{ margin-bottom:8px; }
#news_view .venue{ padding-bottom:12px; font-weight:bold; }
#news_view .blurb{ }
#news_view .body{ clear: left;}
#news_view .body ul { margin-left: 1em; padding-bottom: 5px; }
#news_view .body ul li { list-style: none; padding: 0 0 0 12px; background: url(/images/blueBullet.png) no-repeat 0 6px; margin: 4px;}
#news_view .body ol { margin-left: 2.5em; padding-bottom: 5px; clear: right;}
#news_view .body ol li { list-style: decimal; padding: 0 0 0 0; margin: 4px 4px 4px 0; clear: right;}
#news_view .body h3{ clear:none; }
#news_view .content{ margin-bottom:10px; text-align:justify; clear:left; }
/* --- Search --- */
form#dmssearch{ margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #000; }
form.search table{ width:100%; }
form.search label{  }
form.search input.text, form.search select, form.search textarea{ padding:5px 10px; color:#7a7a7a; border:0; background:#e5e5e5; -moz-border-radius:1em; -webkit-border-radius:1em; }
form.search input.text{ width:300px; }
form.search select{ width:320px; }
form#dmssearch input.text{ width:160px; }
form#dmssearch select{ width:180px; }
form.search textarea{ width:300px; height:100px; }
form.search .required{ color:red; }
form.search .calendar img{ margin:5px; padding:5px 0; float:left; }
form.search span{ margin:5px 0; padding:3px 0; font-size:0.9em; display:inline-block; }
form#dmssearch #SectorSelect select, form#dmssearch #ServiceSelect select, form#dmssearch #SubjectSelect select{ width:400px; }
form#dmssearch input.button{ margin-left:10px; float:right; }
/* --- Search Results --- */
table.searchResult{ width:100%; margin:5px 0 0; padding:0 0 5px; border-bottom:1px dashed #000; }
table.searchResult img{ float:left; }
table.searchResult span.ResultsLabel{ font-weight:bold; }
table.searchResult td.ResultsLabel{ width:100%; margin-top:5px; padding:5px 0; background:#ededed; display:inline-block; }
table.searchResult td.ResultsLabel img{ margin-left:5px; float:left; }
table.searchResult td.ResultsLabel span{ padding:3px 5px 2px; font-size:0.9em; display:inline-block; }	
/* --- Pages --- */
.pages{ width:100%; margin:5px 0; border:1px solid #e6e6e6; background:#f6f6f6; border-collapse:collapse; }	
.pages td{ padding:0; font-size:0.9em; padding:5px 1%; }
.pages .prev, .pages .next{ width:10%; }
.pages .next{ text-align:right; }
.pages .prev a, .pages .next a{ padding:0 5px; display:inline-block; }
.pages .pageList{ width:74%; text-align:center; }
.pages a{ color:#7396bf; font-weight:normal; }
/* --- Links --- */
table.links{ width:507px; margin-bottom:10px; padding:0; border:0; background:#F8F8F8; float:none; }
table.links td{ padding:5px; border:0; vertical-align:middle; }
table.links td img{ margin:0; }
ul.listlinks{ clear:both; }
/* --- Edit --- */
.edit{ text-align:left; }
.edit th{ padding:10px 0; vertical-align:top; white-space:nowrap; }
.edit p{ padding:10px 0; margin:0; }
.edit .notes{ margin:5px; padding:5px 0; font-size:0.9em; display:block; clear:both; }
.edit .required{ color:red; }
.edit .calendar img{ margin:5px; padding:6px 0; float:left; }
.edit .icon img{ float:left; }
.edit .icon span{ padding:4px 0; display:inline-block; }
.edit input.text, .edit textarea{ width:250px; }
.edit select{ width:262px; }
.edit input.checkbox{ float:none; }
.edit .buttons{ text-align:right; float:right; white-space:nowrap; }
table.docLinks{ margin:10px 0; padding-top:10px; border-top:1px dashed #000; }
.edit .title em{ font-size:1.2em; font-style:normal; }
.edit .template-buttons{ margin:5px 0; }
.edit > div.panel > table.grouptable, .edit > div.panel > table.template { margin-bottom:10px; border:solid #aaa; border-width:1px 1px 1px 1px; clear:both; margin-bottom: 10px; }
/* .edit .grouptable th, .edit .grouptable td{ border-bottom:1px solid #aaa!important; } */
.edit .grouptable th{ white-space:normal; }
.edit .grouptable td{ vertical-align:top; padding:5px!important; }
.edit .grouptable p{ padding:0; }
.edit .grouptable .body p{ padding:inherit; }
/* --- History --- */
.history{ border-collapse:collapse; }
/*.history .ref{ font-weight:bold; }*/
.history th{ padding:5px 0; }
.history td{ padding:5px 0; border-top:1px solid #e6e6e6; }
/* --- Page List --- */
ul#pagelist{ clear:both; }
ul#pagelist li:after{ content:"."; display:block; clear:both; height:0; visibility:hidden; }
ul#pagelist li{ zoom:1; }
ul#pagelist th, ul#pagelist td, ul#pagelist li li{ padding:5px 0; border-bottom:1px solid #eee; clear:both; }
ul#pagelist ul, ul#pagelist li li ul{ margin-top:5px; border-top:1px solid #eee; clear:both; }
/*table#pagelist.template{ margin:0 0 10px; border-top:0; }*/
#pagelist li li li{ padding-left:23px; }
#pagelist .showchild ul{ display:block; }
#pagelist .hidechild ul{ display:none; }
#pagelist #PLtmp, #PLloading{ padding:2px 5px; font-size:0.8em; border:1px solid #666; background:#ffd; position:absolute; }
#PLloading{ display:none; }
#pagelist .toggle, #pagelist .icon{ width:16px; height:16px; padding:3px 5px 2px; float:left; }
#pagelist a{ padding:3px 5px 2px; font-weight:normal; display:inline-block; }
#pagelist th a{ font-weight:bold; }
#pagelist .buttons{ text-align:right; float:right; }
#frmPageList select{ margin-right:5px; }
/* --- Page Edit --- */
/* #frmPageEdit ul, #frmPageEdit ul li{ float:left; }*/
#frmPageEdit ul{ margin-left: 1em;padding-bottom: 5px; }
#frmPageEdit ul li{list-style: none; padding: 0 0 0 12px; background: url(/images/blueBullet.png) no-repeat 0 6px;}
#frmPageEdit ol li{list-style: decimal; list-style-position : inside; padding: 0 0 0 12px;}
#frmPageEdit ul.last{ border:0; }
#frmPageEdit ul li{ margin:0 2px; }
#frmPageEdit .statuswipnew{ color:#aaa; }
#frmPageEdit .statuspending{ color:#f79c39; }
/*#frmPageEdit .statusarchived{ color:#; }*/
#frmPageEdit .statuswiplive{ color:#f00; }
#frmPageEdit .statuslive{ color:#39b531; }
/* --- Groups --- */
.group{ margin:10px 0; }
.group h3{ clear:none; }
.group .content{ padding:10px; border:1px solid #ededed; background:#f8f8f8; }
.group .storyside{ margin:0 10px 10px 0; padding:5px; border:1px solid #e6e6e6; background:#fff; float:left; }
.group .buttons{ margin-top:10px; }
/* --- Sitemap --- */
#sitemap a{ padding:5px; color:#fff; background:#24328f; display:block; }
#sitemap ul{ margin:5px 0; }
#sitemap li a{ margin-top:1em; }
#sitemap li li a{ margin:0; padding-left:2em; color:#24328f; background:url(/images/backgrounds/arrow_right.png) no-repeat 10px 9px; }
#sitemap li li.branch a{ background:url(/images/backgrounds/arrow_down.png) no-repeat 10px 10px #ededed; }
#sitemap li li li a{ margin-left:2em; background:url(/images/backgrounds/arrow_right.png) no-repeat 10px 9px!important; }
/* --- Glossary --- */
#terms{ margin-bottom:10px; text-align:center; }
#terms li{ display:inline; }
#terms li a{ width:20px; padding:5px; color:#fff; text-align:center; background:#1c3e95; display:inline-block; }
#pagelist.terms{ border-collapse:collapse; }
#pagelist.terms th{ padding:5px 10px; background:#f0f0f0; }
#pagelist.terms th em{ padding:3px 0; font-size:1.3em; display:block; }
/* --- Page Footer --- */
.pagefooter{ padding:10px; border:1px solid #EDEDED; background:#F8F8F8; }
/* --- Last Modified --- */
span.last_modified{ margin:1em 0; color:#A8A8A8; font-size:0.9em; font-weight:bold; font-style:italic; text-align:right; float:right; }
span.article_source{ margin:1em 0; color:#A8A8A8; font-size:0.9em; font-weight:bold; font-style:italic; text-align:left; float:left; }
/*================================= FOOTER =================================================*/
#footer{ background:#E0E0E0; overflow:hidden; clear:both; }
#footer .inner{ width:980px; margin:0 auto; text-align:left; padding:20px 0; }
#footer ul{ text-align:center; }
#footer li{ margin:5px 0; padding:0 5px; border-right:1px solid #FFF; display:inline; }
#footer li.last{ border:0; }
#footer #site .inner{ background:url(/images/backgrounds/logo_grey.gif) no-repeat center right; }
#footer #site h2{ margin:0 0 -15px; font-weight:bold; }
#footer #site form{ margin-top:21px; float:left; width:425px; }
#footer #site input.text{ width:260px; margin-right:10px; }
#footer #site input.submit, form.search input.submit { border:0; background:transparent; padding:0!important; }
#footer #site a{ margin-left:10px; float:left; }
#footer #site a.sitemap{ margin-top:21px; }
#footer #images{ background:#CCC; }
#footer #images .inner{ width:auto; text-align:center; }
#footer #notes{ color:#FFF; font-size:0.9em; background:#333; }
#footer #notes a{ color:#FFF; font-weight:normal; }
/*================================= HOMEPAGE ===============================================*/
#homePage{ background:url(/images/backgrounds/main_home.png) no-repeat top left #EBEBEB; background-repeat:no-repeat; }
/* --- News --- */
#homePage #news{ height:254px; margin-bottom:13px;}
#homePage #news img{ margin:3px 10px 3px -15px; padding:15px; background:url(/images/backgrounds/news_gradient.png) no-repeat top left; float:left; }
#homePage #news h1, #homePage #news h2{ font-weight:bold; clear:none; }
#homePage #news h1{ padding-top:30px; color:#252D90; font-size:2em; }
#homePage #news h2{ margin:0; color:#777; }
#homePage #news p{ margin-bottom:1em; color:#ACACAC; font-size:1.2em; font-weight:bold; }
/* --- Main Content --- */
#homePage .panel{ width:300px; margin-right:20px; float:left; }
#homePage .lastPanel{ margin-right:0; }
#homePage .panel h1{ margin:0 0 0.1em; padding:8px 10px 25px; background:url(/images/backgrounds/header.gif) no-repeat top left; }
#homePage .panel h1 img{ float:left; }
#homePage .panel h1 span{ padding:1px 5px; display:inline-block; }
#homePage .panel h1 a{ color:#000038; font-weight:normal; }
#homePage .panel h1 a:hover{ text-decoration:none; }
#homePage .panel table{ border-collapse:collapse; }
#homePage .panel th, #homePage .panel td{ padding:5px; border-bottom:4px solid #EBEBEB; background:#F7F7F7; vertical-align:top; }
#homePage .panel th{ color:#ee2d24; -moz-border-radius:0.5em 0 0 0.5em; }
#homePage .panel td{ -moz-border-radius:0 0.5em 0.5em 0; }
#homePage .panel td h2{ margin:0; padding:0; font-size:1em; border:0; }
#homePage .panel td a{ color:#696969; }
#homePage .panel li a{ height:100%; padding:6px 5px 6px 35px; border-bottom:4px solid #EBEBEB; background:url(/images/backgrounds/quick_links.gif) no-repeat top left #F7F7F7; display:block; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; }
#homePage .panel li a:hover{ color:#F04F41; }
#homePage .panel .options{ margin-top:10px; }
#homePage .panel .options a{ display:block; float:left; }
#homePage .panel .options a.right{ float:right; }
#homePage .left{ clear:left; }
#homePage #postits div{ width:300px; height:290px; background:#F7F7F7; position:relative; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; }
#homePage #postits img{ position:absolute; }
#homePage .link{ margin-top:10px; padding-top:10px; border-top:1px dashed #000; }
#homePage .link p{ padding:5px; text-align:center; background:#FFF; position:relative; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; }
#homePage .link a{ font-size:1.2em; border-bottom:1px dotted #000; }
#homePage .link a:hover{ text-decoration:none; }
#homePage .link a img{ position:absolute; top:-5px; left:10px; }

/* AL CSS */
.cmscontent h3{ 
	margin-top:1.0em;
}
.cmscontent ul  {
    margin-left: 1em;
    padding-bottom: 5px; 
}
.cmscontent ul li { 
    list-style:   none;
	padding:      0 0 0 12px;
	background:   url(/images/blueBullet.png) no-repeat 0 6px;
	margin: 	4px;
}
.cmscontent ol  {
    margin-left: 2.5em;
    padding-bottom: 5px; 
	clear: right;
}
.cmscontent ol li { 
	list-style:   decimal;
	padding:      0 0 0 0;
	margin:		4px 4px 4px 0;
	clear: right;
}

tr.otherdetails {display:none;}

div.myads-loading { position:relative;float:left;padding-top:100px;padding-left:150px;}
div.myads-loading-side { position:relative;float:left;padding-left:80px;padding-top:25px;}
div#library-loading { position:relative;float:left;padding-top:100px;padding-left:250px;}

/* DW CSS */
.cmscontent table{ width:765px; background:#F8F8F8; border:1px solid #EDEDED; table-layout:fixed; padding:2px; empty-cells:show;}
.cmscontent table tr:first-child td { padding:4px; vertical-align:middle; font-size: 14px; font-weight:bold; border-bottom:1px solid #EDEDED;}
.cmscontent table td { vertical-align:top; padding:4px; background:#FFFFFF;}
.twtr-hd {height:28px;}
.twtr-hd h3 {display:none;}
.twtr-hd h4 {display:none;}


.articlecomment {
    margin-bottom   : 10px;
    background      : none repeat scroll 0 0 #F8F8F8;
    border          : 1px solid #EDEDED;
    padding         : 10px;
}

/* Headings */
h1.heading {
   font-size        : 2em;
   color            : #1c3e95;
   font-weight      : bold;
}

h2.heading {
    border-bottom   : none;
    margin          : 0 0 4px 0.5em;
}
h1.heading span, h2.heading span {
    color           : #ED3026;
}

/* Layouts */
.float-right {float:right}
.cols-2 .col {width:47.5%; margin:0 1% 10px 1%; float:left;}
.cols2 {width:64%; margin:0 1% 10px 1%; float:left;}
.cols-3 .col {width:31%; margin:0 1% 10px 1%; float:left;}
.col p {margin:5px;}


.box-container{width:100%; float:left; margin:7px 0 7px 0; border:1px solid #999; background:#fff; padding:15px 0 0 0;}
.bottom-right {position:absolute; bottom:0; right:0;}
.top-right {position:absolute; top:10; right:0;}
.bottom-left {position:absolute; bottom:0; left:0;}

.alignTopRight {position:absolute; top:25px; right:5px;}

/* Re-usable Styles */
.shadow {-moz-box-shadow:0 0 4px 2px #ccc; -webkit-box-shadow:0 0 4px 2px #ccc; box-shadow:0 0 4px 2px #ccc;}

.rounded-all {-webkit-border-radius:7px; -khtml-border-radius:7px; -moz-border-radius:7px; border-radius:7px;}
.rounded-top-left {-webkit-border-top-left-radius:7px 0 0 0; -khtml-border-radius-topleft:7px 0 0 0;	-moz-border-radius-topleft:7px 0 0 0; border-top-left-radius:7px 0 0 0;}
.rounded-top-right {-webkit-border-top-right-radius:0 7px 0 0; -khtml-border-radius-topright:0 7px 0 0; -moz-border-radius-topright:0 7px 0 0; border-top-right-radius:0 7px 0 0;}
.rounded-bottom-left {-webkit-border-radius:0 0 0 7px; -khtml-border-radius:0 0 0 7px; -moz-border-radius:0 0 0 7px; border-radius:0 0 0 7px;}
.rounded-bottom-right {-webkit-border-bottom-right-radius:0 7px 0 0; -khtml-border-radius-bottomright:0 7px 0 0;	-moz-border-radius-bottomright:0 7px 0 0; border-bottom-right-radius:0 7px 0 0;}

.rounded-top {-webkit-border-radius:7px 7px 0 0; -khtml-border-radius:7px 7px 0 0; -moz-border-radius:7px 7px 0 0; border-radius:7px 7px 0 0;}
.rounded-bottom {-webkit-border-radius:0 0 7px 7px; -khtml-border-radius:0 0 7px 7px; -moz-border-radius:0 0 7px 7px; border-radius:0 0 7px 7px;}
.rounded-left {-webkit-border-radius:0 0 7px 7px; -khtml-border-radius:0 0 7px 7px; -moz-border-radius:0 0 7px 7px; border-radius:0 0 7px 7px;}
.rounded-right {-webkit-border-radius:0 7px 7px 0; -khtml-border-radius:0 7px 7px 0; -moz-border-radius:0 7px 7px 0; border-radius:0 7px 7px 0;}

a.edit {background:url(/images/buttons/edit-button.png) no-repeat center; width:61px; height:24px; margin:-35px 4px 4px 4px; padding:8px 0 0 10px; color:#999;}
a.editwide {background:url(/images/buttons/edit-button2.png) no-repeat center; width:101px; height:24px; margin:-35px 4px 4px 4px; padding:8px 0 0 10px; color:#999;}
a.more {background:url(/images/buttons/more-button.png) no-repeat center; width:74px; height:24px; margin:4px; padding:8px 0 0 10px; color:#999;} 
a.less {background:url(/images/buttons/less-button.jpg) no-repeat center; width:74px; height:24px; margin:4px; padding:8px 25px 0 0; color:#999;text-align: right;}
#side a.more {display:block; float:right;}
#side a.less {display:block; float:left;}

a.moreresize{background:url(/images/buttons/plus-sign.png) no-repeat top right #E0E0E0; color:#999;padding:5px 25px 5px 10px;; height:24px; -border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; margin: 4px;}
a.moreresize:hover{ text-decoration:none; }

a.arrow{background:url(/images/buttons/arrow.png) no-repeat top right #E6E6E6; color:#999;padding:5px 25px 5px 10px;; height:24px; -border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; margin: 4px;}
a.arrow:hover{ text-decoration:none; }


a.blue-button {background:url(/images/buttons/blue-button.png) no-repeat center; width:92px; height:34px; margin:4px; padding:17px 0 0 15px; color:#fff;}
a.grey-button {background:url(/images/buttons/grey-button.png) no-repeat center; width:92px; height:34px; margin:4px; padding:17px 0 0 15px; color:#fff;}

div.last-login {color:#283791; font-style:italic; float:right; margin:-20px 20px 0 0;}

/* Page Specific - Dashboard */
.news h2 {background:#c1d82f;}
.events h2 {background:#ED3026;}
.opportunities h2 {background:#2B3491;}
.suggestions h2,.library h2 {background:#0057FF;}
.box-container h2 {font-weight:bold; color:#fff; width:175px; border:none; margin:0 2px 0 0; padding:4px; font-size:16px;}

#my-headlines .box-container {position:relative;}
#my-prefs .box-container {position:relative;}
#my-headlines ul {height:290px; overflow:hidden; margin-bottom:30px !important;}
.box-container ul {margin:5px 3px 0 5px; padding:0;}
.box-container ul li {border-bottom:1px dotted #999; margin:1px 0 1px 0; overflow:hidden; color:#283791; font-weight:bold; padding:4px 0 1px 0;}
.box-container ul li span.deleteCategory {color:grey;}
.box-container ul li:last-child{border-bottom:0 none;}
.box-container ul li .date {color:#000; width:42px; height:42px; float:left; text-align:center; margin:0 5px 0 0; background-repeat:no-repeat; font-size:13px; background-position: top center;}
.box-container ul li .headline {height:32px; overflow:hidden;}

#my-library .box-container {position:relative;}

.news ul li .date {background-image:url(/images/icons/news-date-icon.gif); padding-top:1px; height:41px; line-height:20px;}
.events ul li .date {background-image:url(/images/icons/events-date-icon.gif); padding-top:0px; height:42px; line-height:16px;}
.events ul li .date-2 {background-image:url(/images/icons/events-date-icon-2.gif); padding-top:3px; height:39px; line-height:20px;}
.opportunities ul li .date {background-image:url(/images/icons/opportunity-date-icon.gif); padding-top:4px; height:38px; line-height:20px;}

.news .date span {display:block; font-size:11px; line-height:12px;}
.events .date span {display:block; font-size:11px; line-height:14px; color:#fff;}
.opportunities .date span {display:block; font-size:11px; line-height:12px;}

#dashboard-my-details, #dashboard-my-preferences {height:180px; overflow:hidden; position:relative;}
#dashboard-my-details h2, #dashboard-my-preferences h2,#search-my-library h2 {color:#283791;width:70%; padding:3px 10px 0 15px;}
#dashboard-my-details p {/*background:#F0F0F0;*/ padding:3px 10px 0 15px;}
#dashboard-my-details p span {float:right;width:50%;text-align:left;}

ul#suggestions-list, #dashboard-my-preferences ul,#dialog-options ul, ul#pref-cats {margin:0 0 0 5%; padding:0;}
#pref-cats li, #dashboard-my-preferences li{border:none; width:44%; float:left; background:url(/images/icons/bullet-arrow-icon.png) no-repeat center left; height:25px; margin:0; padding:8px 0 0 24px;}
#suggestions-list li{border:none; width:88%; background:url(/images/icons/bullet-arrow-icon.png) no-repeat center left; min-height:25px; margin:0; padding:4px 0 0 30px;}

#dialog-options li {border:none; width:28%; float:left; height:25px; margin:0; padding:8px 0 0 34px;}

#article-image-div,#homepage-image-div{padding: 5px;}

.changeCategory{float:left; padding:0 7px 7px 0; cursor: pointer}
.changeCategory img {vertical-align:middle; margin-right:2px;}
.changeCategory img:hover {cursor:pointer;}
.addCategory {color:#283791;}

