body {
	background:#fff url(images/bg_body.png) repeat-x;
	text-align:center;
	height:100%;
}

em.ext {
    background:url(images/ico_new-window.png) no-repeat 100% 0;
    padding:10px 14px 0 0;
    display:-moz-inline-box;
    display:inline-block;
    vertical-align:middle;
    text-indent:-9999in;
	overflow:hidden;
    cursor:pointer;
    height:0;
    width:0;
    
    padding:0; /* hide links */
}

#page .hide {
	position:absolute;
	overflow:hidden;
	left:-9999in;
	top:-9999in;
	height:0;
	width:0;
}

#page .clear {
	visibility:hidden;
	background:none;
	overflow:hidden;
	display:block;
	font-size:0;
	float:none;
	clear:both;
	padding:0;
	border:0;
	margin:0;
	height:0;
	width:0;
}

/* DROPSHADOW ****************************************************************/
.ds-tr {
    background:url(images/bg_dropshadow_tr.png) no-repeat;
    position:absolute;
    height:100%;
    width:7px;
    left:100%;
    top:0;
}
.ds-br {
    background:url(images/bg_dropshadow_br.png) no-repeat;
    position:absolute;
    height:7px;
    width:7px;
    left:100%;
    top:100%;
}
.ds-bl {
    background:url(images/bg_dropshadow_bl.png) no-repeat;
    position:absolute;
    height:7px;
    width:100%;
    top:100%;
    left:0;
}
.ie6 .ds-tr,
.ie6 .ds-br,
.ie6 .ds-bl {
    display:none;
}

/* HEADER ***************************************************************/
#header {
    position:relative;
}
#header .content {
    background:#009de0 url(images/bg_header.png) repeat-x;
    position:relative;
    padding:30px 20px;
    overflow:hidden;
    text-align:left;
    margin:0 auto;
    width:820px;
}
.ie6 #header .content {
    overflow:visible;
    height:1%;
}
#header h1 {
    position:absolute;
    line-height:1.2;
    width:300px;
    color:#fff;
    left:170px;
    top:60px;
}

/* branding */
#branding {
    position:relative;
    background:#fff;
    height:100px;
    width:75px;
    float:left;
}
#branding h2 {
    overflow:hidden;
    display:inline;
    float:left;
}
#branding h2 a {
    text-indent:-9999in;
    overflow:hidden;
    display:block;
    height:99px;
}
#branding .nerip a {
    background:url(images/logo_nerip.png) no-repeat 11px 11px;
    width:90px;
}
#branding .one-north-east a {
    background:url(images/logo_one-north-east.png) no-repeat 11px 28px;
    width:100px;
}
#branding .ne-councils a {
    background:url(images/logo_ne-councils.png) no-repeat 11px 20px;
    width:125px;
}

/* USERPANEL ****************************************************************/
#user {
    position:relative;
    background:#fff;
    padding:1px;
    float:right;
}

/* log in */
#user .login,
#user .account {
    background:#13B7FD url(images/bg_user.jpg) no-repeat 100% 0;
    padding:6px 10px 10px;
    min-height:81px;
    margin:0;
}
.ie6 #user .login,
.ie6 #user .account {
    height:81px; /* min-height */
    float:left;
}
#user .login h2,
#user .account h2 {
    margin:0 0 6px;
    color:#fff;
}
#user .login label  {
    font-weight:bold;
    display:block;
    color:#fff;
}
#user .login .txt {
    background:#fff url(images/bg_form_field.png);
    border:1px solid #009DE0;
    padding:2px 4px;
    margin:0 0 5px;
    display:block;
    width:170px;
}
#user .login .pwd {
    background:#fff url(images/bg_form_field.png);
    border:1px solid #009DE0;
    padding:2px 4px;
    width:170px;
}
#user .login .label {
    color:#999;
}

/* account */
#user .account .navigation {
    position:relative;
    margin:0;
}
#user .account .navigation li {
    border-left:1px solid #86d7f9;
    padding:0 0 0 .6em;
    margin:0 0 0 .5em;
    display:inline;
}
#user .account .navigation li.alpha {
    border:none;
    padding:0;
    margin:0;
}
#user .account a {
    color:#fff;
}

/* MAIN ******************************************************************/
#main {
    background:#e9e9e9 url(images/bg_main.png) repeat-x;
    padding:20px 0 0;
    overflow:hidden;
    margin:0 auto;
    width:860px;
}
#main .content {
    overflow:hidden;
    text-align:left;
    padding:0 20px;
}

/* NAVIGATION ***************************************************************/
#navPrimary {
    margin:0 20px 20px;
    position:relative;
    background:#fff;
    text-align:left;
    padding:1px;
    clear:both;
}
#navPrimary .content {
    background:#a2dff9 url(images/bg_nav-primary.png) repeat-x;
    overflow:hidden;
    height:3.4em;
    width:818px;
    padding:0;
}
#navPrimary ul {
    list-style:none;
    display:inline;
    float:left;
    margin:0;
}
#navPrimary li {
    border-right:1px solid #67e197;
    font-size:1.15em;
    float:left;
    padding:0;
    margin:0;
}
#navPrimary li a {
    background:#a2dff9 url(images/bg_search.png) no-repeat 0 100%;
    text-decoration:none;
    padding:9px 10px 20px;
    font-weight:bold;
    color:#fff;
    float:left;
}
#navPrimary li a:hover {
    background-position:0 50%;
}

/* SEARCH *******************************************************************/
#search {
    background:#01b347 url(images/bg_search.png) 100% 100%;
    border-left:1px solid #01973c;
    padding:8px 40px 20px 10px;
    float:left;
}
#search label {
    font-size:1.15em;
    padding:0 10px 0 0;
    position:relative;
    font-weight:bold;
    color:#fff;
    top:1px;
}
#search input {
    vertical-align:middle;
}
#search .txt {
    background:#fff url(images/bg_form_field.png);
    border:1px solid #01973C;
    padding:2px 4px;
    width:250px;
}

/* CONTENT ***************************************************************/
#primary {
    width:560px;
    float:left;
}
#secondary {
    width:260px;
    float:right;
}

.wide-tmpl #primary,
.wide-tmpl #secondary {
    clear:both;
    width:820px;
    float:none;
}
.wide-tmpl #secondary {
    width:820px;
}

/* COLUMNS ***************************************************************/
#primary .column-1 {
    margin:0 0 0 0;
    display:inline;
    width:540px;
    float:left;
}
#primary .column-2 {
    margin:0 20px 0 0;
    display:inline;
    width:260px;
    float:left;
}

#secondary .column-1,
#secondary .column-2 {
    margin:0 0 0 0;
    display:inline;
    width:260px;
    float:left;
}

.wide-tmpl #primary .column-1,
.wide-tmpl #secondary .column-1 {
    width:auto;
    float:none;
    margin:0;
}
.wide-tmpl #primary .column-2,
.wide-tmpl #secondary .column-2 {
    margin:0 20px 0 0;
    display:inline;
    width:400px;
    float:left;
}

/* PANELS ***************************************************************/
.panel {
    position:relative;
    background:#fff;
    margin:0 0 20px;
    padding:1px;
}
#main .panel .content {
    border:1px solid #ccc;
    padding:1px 9px;
}
.panel h2 {
    background:#a2dff9 url(images/bg_nav-primary.png) repeat-x;
    margin:0 -8px 6px;
    position:relative;
    padding:6px 8px;
    color:#034d6b;
}

.save-changes h2 {
    background:#01b749 url(images/bg_grd_blu_hoz.png) repeat-x;
    color:#fff;
}
.save-changes .content {
    background:#CFEEFB;
}
#main .save-changes .btn {
    text-align:center;
    font-size:1.5em;
    display:block;
}

/* TAG CLOUD *************************************************************/
#main .tag-cloud .content {
    background:#e9e9e9 url(images/bg_tag-cloud.png) repeat-x;
    text-align:center;
    padding:9px 4px;
}
.tag-cloud ul {
    list-style:none;
    padding:0;
    margin:0;
}
.tag-cloud li {
    font-weight:bold;
    line-height:1.3;
    background:none;
    display:inline;
    padding:0 5px;
    margin:0;
}
.tag-cloud a {
    white-space:nowrap;
}
.tag-cloud .size6 {
    font-size:1.6em;
}
.tag-cloud .size5 {
    font-size:1.4em;
}
.tag-cloud .size4 {
    font-size:1.2em;
}
.tag-cloud .size3 {
    font-size:1.1em;
}
.tag-cloud .size2 {
    font-size:.95em;
}
.tag-cloud .size1 {
    font-size:.8em;
}

/* DEFINITION LISTS ******************************************************/
dl {
    margin:-7px 0 0 0;
    overflow:hidden;
}
.ie6 dl {
    overflow:visible;
    height:1%;
}
dt {
    border-top:1px dotted #ccc;
    padding:6px 0;
    width:180px;
    float:left;
    clear:right;
}
dd.date {
    border-top:1px dotted #ccc;
    text-align:right;
    padding:6px 0;
    float:right;
    width:58px;
    color:#777;
}
dd.summary,
dd.view-more {
    padding-bottom:6px;
    clear:both;
}

/* search results */
.search-results dt {
    float:none;
    width:auto;    
}

/* key/value pair */
.kvp-list dt {
    float:left;
    clear:left;
    width:50%;
}
.kvp-list dd {
    border-top:1px dotted #ccc;
    text-align:left;
    padding:6px 0;
    clear:right;
    float:left;
    color:#777;
    width:50%;
}
.kvp-list p {
    padding:0;
    margin:0;
}
/* research overview */
.research-overview dt {
    width:30%;
}
.research-overview dd {
    width:70%;
}

/* site map */
.site-map dt {
    width:80%;
}
.site-map dd {
    text-align:right;
    width:20%;
}

/* PAGING CONTROL ********************************************************/
.paging {
    border-top:1px dotted #ccc;
    overflow:hidden;
    padding:6px 0;
    width:100%;
}
.paging p {
    float:left;
    margin:0;
}
.paging ul {
    list-style:none;
    float:left;
    margin:0;
}
.paging li {
    float:left;
    padding:0;
    margin:0;
}
.paging li a {
    padding:0 3px;
}
.paging li.current a {
    font-weight:bold;
}

/* FOOTER ****************************************************************/
#footer {
    padding:0 20px 20px;
    background:#e9e9e9;
    text-align:left;
    margin:0 auto;
    width:820px;
}
#footer .content {
    background:#fff no-repeat 97% 55%;
    padding:10px 10px;
    position:relative;
}

#footer ul {
    list-style:none;
    margin:0;
}
#footer li {
    background:none;
    padding:0;
    margin:0 0 4px;
}
#footer li.omega {
    margin:0;
}
#footer a {
    text-decoration:none;
}
#footer a:hover {
    text-decoration:underline;
}
#footer #copyright a {
    color:#000;
}

/* FORM **********************************************************************/
.form-row {
    overflow:hidden;
}
.ie6 .form-row {
    overflow:visible;
    height:1%;
}
.form-sub {
    margin-top:12px;
}
.form-row .txt,
.form-row .pwd,
.form-row .txtarea {
    background:#fff url(images/bg_form_field.png);
    border:1px solid #aaa;
    padding:2px 4px;
    width:14em;
}
.form-row .ddl {
    background:#fff url(images/bg_form_field.png);
    border:1px solid #aaa;
    margin:0 0 2px;
    padding:2px;
}
.form-row .tiny {
    text-align:center;
    width:2em;
}
.form-row .short {
    width:7em;
}
.form-row .long {
    width:25em;
}
.form-row label {
    font-weight:bold;
    margin:0 0 2px;
    display:block;
}
.form-row label em {
    font-style:normal;
    padding:0 3px;
    color:#c00;
}
.form-row input {
    display:block;
}
.form-row input.datepicker {
    display:inline;
    display:inline-block;
}
.ui-datepicker-trigger {
    vertical-align:top;
    margin:0 0 0 -19px;
    position:relative;
    top:3px;
}
.form-row .note {
    margin:4px 0 0;
    font-size:.9em;
    display:block;
    color:#888;
}
.form-row .disabled,
.form-row .label {
    color:#999;
}
.form-row input.inline {
    display:inline;
}
.form-row span.inline {
    margin-right:5px;
    display:inline;
    float:left;
}

/* feedback */
#main .error {
    color:#c00;
}
#main .error input,
#main .error select,
#main .error textarea {
    background-color:#fdd;
    border-color:#c88;
}

#main .feedback {
    margin:-5px -8px 6px;
}
#main .feedback .content {
    border:1px solid #ccc;
    border-width:1px 0;
    padding:6px 9px 0;
}
#main .feedback ul {
    padding:0 0 0 20px;
}
#main .feedback .error {
    border-color:#ecc;
    background:#fdd;
    color:#c00;
}

/* radios / checkboxes */
ul.scrollable {
    max-height:200px;
    overflow:auto;
}
.ie6 ul.scrollable {
    height:200px;
    height:expression( this.scrollHeight > 199 ? "200px" : "auto" );
}

.rdo-horizontal,
.rdo-vertical,
.chk-horizontal,
.chk-vertical {
    position:relative;
    overflow:hidden;
    margin:0 0 6px;
}

.ie6 .rdo-horizontal,
.ie6 .rdo-vertical,
.ie7 .rdo-horizontal,
.ie7 .rdo-vertical,
.ie6 .chk-horizontal,
.ie6 .chk-vertical,
.ie7 .chk-horizontal,
.ie7 .chk-vertical  {
    margin-top:-1px;
}

.ie6 .rdo-horizontal,
.ie6 .chk-horizontal,
.ie6 .rdo-vertical,
.ie6 .chk-vertical {
    width:69.6%;
}

.rdo-horizontal li,
.chk-horizontal li {
    position:relative;
    background:none;
    display:inline;
    padding:0;
    margin:0;
}

.rdo-vertical li,
.chk-vertical li {
    position:relative;
    background:none;
    margin:0 0 5px;
    display:block;
    padding:0;
}

.ie6 .rdo-horizontal li,
.ie7 .rdo-horizontal li,
.ie6 .chk-horizontal li,
.ie7 .chk-horizontal li {
    margin-left:-4px;
}

.ie6 .rdo-vertical li input,
.ie7 .rdo-vertical li input,
.ie6 .chk-vertical li input,
.ie7 .chk-vertical li input {
    margin-left:-4px;
}

.rdo-horizontal li label,
.rdo-vertical li label,
.chk-horizontal li label,
.chk-vertical li label {
    padding:0 15px 0 2px;
    font-weight:normal;
    display:inline;
    float:none;
    width:auto;
    margin:0;
}

.rdo-horizontal li input,
.rdo-vertical li input,
.chk-horizontal li input,
.chk-vertical li input {
    position:relative;
    overflow:visible;
    display:inline;
    margin-left:0;
    top:2px;
}

/* TABLE ****************************************************************/
table {
    border:1px solid #ddd;
    margin-bottom:8px;
    width:100%;
}
thead th {
    border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
    background:#e6e6e6;
    padding:6px 10px;
}
tbody td {
    border-bottom:1px solid #e6e6e6;
    border-right:1px solid #e6e6e6;
    padding:6px 10px;
}
.tl {
    text-align:left;
}
.tc {
    text-align:center;
}
.tr {
    text-align:right;
}
.t0 {
    width:0;
}
.t1 {
    width:1%;
}
.t5 {
    width:5%;
}
.t10 {
    width:10%;
}
.t12 {
    width:12%;
}
.t15 {
    width:15%;
}
.t20 {
    width:20%;
}
.t25 {
    width:25%;
}
.t33 {
    width:33.3%;
}
.t40 {
    width:40%;
}
.t50 {
    width:50%;
}
.t60 {
    width:60%;
}
.t75 {
    width:75%;
}
.t80 {
    width:80%;
}
/* ICONS ****************************************************************/
.panel .toolbar {
    padding:0 0 6px;
}
.panel .toolbar a {
    display:-moz-inline-box;
    display:inline-block;
    padding:6px 0;
}
.panel .toolbar .ico-add {
    background:url(images/ico_add.png) no-repeat 0 50%;
    padding-left:20px;
}

/* AUTO COMPLETE ****************************************************************/
.ac_results {
    border:1px solid #ccc;
    position:relative;
    border-top:none;
    text-align:left;
    background:#fff;
}
.ac_results ul {
    border-top:none;
    list-style:none;
    width:100%;
    margin:0;
}
.ac_results li {
    padding:4px 5px;
    overflow:hidden;
    line-height:1.2;
    cursor:default;
    color:#555;
}
.ac_results strong {
    color:#444;
}
.ac_odd {
    background:#e9f8ff;
}
.ac_results .ac_over {
    background:#A3DFF9;
    color:#000;
}