/* UK IMC CSS */
body {
margin: 0;
padding: 0;
font: small Arial, Helvetica, sans-serif;
line-height: 1.3em;
background: #fff;
color: #000;
}

/* Links */
a, a:link { 
color: #2750D4;
text-decoration: none; 
}
a:visited { 
color: #963; 
}
a:hover, a:active { 
color: #B42323;
text-decoration: underline; 
}

/* Standards */
.access {
display: none;
}

.small, small {
font: 80% Verdana, Arial, Helvetica, sans-serif;
line-height: 1.5em;
}

.shout {
font-weight: bold;
color: #CC3333;
}

/* ------ */
/* IMAGES */
/* ------ */
img.inlineimg {
border: none;
float: left;
padding: 0 10px 10px 0;
}

img.inlineimg-left {
border: none;
float: left;
padding: 0 10px 10px 0;
}

img.inlineimg-right {
border: none;
float: right;
padding: 0 0 10px 10px;
}

div#securityalert {
border 2px solid black;
background: #eee;
float: right;
}

/* XML Image */
img.rss {
border: 0;
float: right; 
padding: 0 10px 0 0;
}

/* Clears */
div.clearleft {
clear: left;
margin: 0px;
padding: 0px
}
div.clear {
clear: both;
margin: 0px;
padding: 0px
}

/* ----------- */
/* TOP BITS */
/* ----------- */

/* header and top bar */
div.header {
margin: 16px 0 0 0;
padding: 0;
background: transparent url(/img/uk-banner.gif) repeat-x;
}

/* Top navigation */
div.top { 
position: absolute;
top: 6px;
right: 10px;
text-align: right;
margin: 0;
padding: 2px 232px 6px 0;
}
div.top-wide {
position: absolute;
top: 6px;
right: 10px;
text-align: right;
margin: 0;
padding: 2px 0 6px 0;
}
div.top p, div.top-wide p {
color: #333;
padding: 0;
margin: 0;
}
div.top p a, div.top-wide p a {
background: #fff;
}
/* the follwing two rules can be removed sometime, the two after are the ones
 * used for the padlock at the top of the page
*/
div.top p a#security, div.top-wide p a#security {
background: yellow url(/img/lockopen.gif) no-repeat;
padding: 2px 2px 2px 24px
}
div.top p a#securityclosed, div.top-wide p a#securityclosed {
background: yellow url(/img/lockclosed.gif) no-repeat;
padding: 2px 2px 2px 20px
}
div.top p a.insecure, div.top-wide p a.insecure {
color: #2750D4;
background: yellow url(/img/lockopen.gif) no-repeat;
padding: 2px 2px 2px 24px
}
div.top p a.secure, div.top-wide p a.secure {
color: #2750D4;
background: yellow url(/img/lockclosed.gif) no-repeat;
padding: 2px 2px 2px 20px
}
div.leftcolumn dl.secure {
color: #000;
background: #FFC; 
}
div.leftcolumn dl.secure dt.header {
color: #000;
background: yellow;
border-bottom: 1px solid #9d9da1;
padding: 5px 6px 6px 10px;
margin: 0 0 8px 0;
}
div.leftcolumn dl.secure dt.header a.secure {
color: #2750D4;
background: yellow url(/img/lockclosed.gif) left no-repeat;
padding-left: 20px
}
div.leftcolumn dl.insecure {
color: #000;
background: #FFC; 
}
div.leftcolumn dl.insecure dt.header {
color: #000;
background: yellow; 
border-bottom: 1px solid #9d9da1;
padding: 5px 6px 6px 10px;
margin: 0 0 8px 0;
}
div.leftcolumn dl.insecure dt.header a.insecure {
color: #2750D4;
background: yellow url(/img/lockopen.gif) left no-repeat;
padding-left: 26px
}



/* ---- */
/* Logo */
/* ---- */
#logo { 
z-index: 2;
width: 381px;
height: 72px;
}
div#logo h1 {
text-indent: -9999px;
margin: 0;
padding: 0;
border: 0;
}
h1 a:link, h1 a:visited	{
display: block;	
width: 381px;
height: 72px;
margin: 0 0 0 0;
padding: 0;
border: 0;
text-decoration: none;
}
h1 a:link, h1 a:visited	{
background: transparent url(/img/uk-logo.gif) top left no-repeat;
}


/* ---------- */
/* Abstract */
/* ---------- */
p#abstract {
position: absolute;
top 0;
left: 0;
margin: 0;
padding: 12px 250px 6px 20px;
font-style: italic;
}
p#abstract-wide {
position: absolute;
top 0;
left: 0;
margin: 0;
padding: 12px 20px 6px 20px;
font-style: italic;
}

/* ------------------- */
/* THREE COLUMNS */
/* ------------------- */

div.leftcolumn {
position: absolute;
left: 0;
top: 160px;
width: 166px;
max-width: 166px; 
background: transparent;
margin: 0;
padding: 0;
}

div.central {
margin: 72px 251px 40px 186px;
}
div.central-wide {
margin: 72px 20px 40px 186px;
}
div.central-full {
margin: 72px 20px 40px 20px;
}

div.rightcolumn {
position: absolute;
right: 0px;
top: 0px;
width: 220px;
max-width: 220px;
margin: 0 10px 0 0;
border-right: 1px solid #9d9da1;
border-left: 1px solid #9d9da1;
border-bottom: 1px solid #9d9da1;
}


/* ---------------------- */
/* CENTRAL COL BITS */
/* ---------------------- */

/* Features */
div.feature {
margin: 0 0 22px 0;
padding: 0 6px 16px 6px;
border-bottom: 1px solid #9d9da1;
}

/* Special Feature */
div.special {
margin: 0 0 22px 0;
padding: 10px 12px 6px 12px;
border: 1px solid #9d9da1;
background: #eee;
}

/* 'Start', topic index page headers */
div.start{
margin: 0;
padding: 0 0 12px 0;
}
div.start p {
font-style: italic;
}

div.feature h2, div.special h2, div.start h2, div.start h1 {
font: 150%/1.1em "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
font-weight: bold;
padding: 0 0 0 0;
margin: 0;
}

div.feature h3, div.feature h4, div.feature h5, div.feature h6, div.feature h7 {
font-family: "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
padding: 10px 0 0 0;
margin: 0;
}

div.feature p.date, div.special p.date {
font: 80% Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 2px 0 12px 0;
font-weight: bold;
}

/* Imgs within features and specials */
div.feature img.mediaimg, div.special img.mediaimg, div.feature img, div.special img {
margin: 4px 10px 10px 0;
float: left;
border: 1px solid black;
}

/* Homepage / list paras */
div.feature p, div.special p, div.start p {
margin: 0 0 1em 0;
padding: 0;
}

/* Related categories paragraph */
p.related {
margin-top: 1em;
font: 80% "Verdana", "Arial", "Helvetica", sans-serif;
}

/* Read more button */
p.readmore {
font: 80% "Verdana", "Arial", "Helvetica", sans-serif;
float: right;
position: relative;
padding: 0;
margin: 0;
}
p.readmore a {
display: block;
padding: 4px 22px 4px 8px;
margin: 11px 0 0 10px;
background: #fff url("/img/read_more.gif") right no-repeat;
border: 1px solid #9d9da1;
}
p.readmore a:hover {
text-decoration: none;
color: #fff;
background: #CC3333 url("/img/read_moreo.gif") right no-repeat; 
}

/* Breaking News */
div.breaking {
margin: 0 0 22px 0;
padding: 10px 10px 0 10px;
border: 1px solid #9d9da1;
background: #eee;
}
div.breaking h2 {
font: 150%/1.1em "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
font-variant: small-caps; 
letter-spacing: 0.1em;
font-weight: bold;
padding: 0 0 5px 0;
margin: 0;
}
div.breaking span.date {	
font-weight: bold;
padding: 0 10px 0 6px;
margin: 0 10px 0 0;	
border-right: 1px dashed black;
}
div.breaking p {
margin: 0 0 1em 6px;
padding: 0;
}


/* ------------------- */
/* ARTICLES & COMMENTS */
/* ------------------- */

/* Article Div */
div.article {
margin: 29px 0 6px 0;
padding: 10px 10px 1px 10px;
border: 1px solid #9d9da1;
}

/* Comments Header */
h2#commentsheader {
font: 140%/1.1em "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
font-weight: bold;
}

/* Additions and Comments Divs */
div.additions, 
div.comments {
background: #EEE;
color: #000;
margin: 0 0 20px 0;
padding: 0em;
border: 1px solid #9d9da1;
}

div.comments div.commentsnav {
margin: 0px 20px 10px 10px;
}
div.comments div.commentsnav p {
font-weight: bold;
}

div.addition,
div.comment {
background: #FFF;
color: #000;
margin: 0px 10px 10px 10px;
padding: 10px 10px 1px 10px;
border: 1px solid #9d9da1;
}

/* Headers */
div.article h1, div.comments h1 {
font: 150%/1.1em "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
font-weight: bold;
padding: 0 0 4px 0;
margin: 0;
}
div.article h1.arttitle a, 
div.article h2.arttitle a:link, 
div.article h2.arttitle a:visited, 
div.article h2.arttitle a:hover {
background: transparent;
color: #000;
text-decoration: none;
}
div.article h2, div.comments h2 {
font: 150%/1.1em "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
font-weight: bold;
padding: 0 0 4px 0;
margin: 0;
}
div.additions h2.additionstitle, 
div.comments h2.commentstitle {
/* border-bottom: 1px solid #9d9da1; */
background: #EEE;
color: #000;
padding: 5px 0 6px 10px;
margin: 0 0 8px 0;
}
div.additions h2.additionstitle a, 
div.additions h2.additionstitle a:link, 
div.additions h2.additionstitle a:visited, 
div.additions h2.additionstitle a:hover, 
div.comments h2.commentstitle a, 
div.comments h2.commentstitle a:link, 
div.comments h2.commentstitle a:visited, 
div.comments h2.commentstitle a:hover {
background: transparent;
color: #000;
text-decoration: none;
}
div.article h3, div.comments h3 {
font: 130%/1.1em "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
font-weight: bold;
padding: 0 0 4px 0;
margin: 0;
}
div.addition h3.additiontitle, 
div.comment h3.commenttitle {
font-weight: bold;
padding: 0 0 4px 0;
margin: 0;
}
div.addition h3.additiontitle a, 
div.addition h3.additiontitle a:link, 
div.addition h3.additiontitle a:visited, 
div.addition h3.additiontitle a:hover, 
div.comment h3.commenttitle a, 
div.comment h3.commenttitle a:link, 
div.comment h3.commenttitle a:visited, 
div.comment h3.commenttitle a:hover {
background: transparent;
color: #000;
text-decoration: none;
}
div.article h4, div.comments h4 {
font: 120%/1.1em "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
font-weight: bold;
padding: 0 0 4px 0;
margin: 0;
}
div.article h5, div.article h6, div.comments h5, div.comments h6 {
font: 110%/1.1em "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
font-weight: bold;
padding: 0 0 4px 0;
margin: 0;
}

/* Date Line */
div.article p.date, div.comment p.date {
font: 80% "Verdana", "Arial", "Helvetica", sans-serif;
margin: 0 0 15px 0;
padding: 0 0 0 0;
font-weight: bold;
}

/* Article Intro Para */
div.article div.intro {
background: #eee;
font-style: italic;
margin: 0 0 10px 0;
padding: 10px;
}

/* Trash and Disputed Intro Para */
div.trash div.article div.intro, 
div.disputed div.article div.intro {
background: transparent;
font-style: italic;
margin: 0 0 10px 0;
padding: 10px;
}


/* Article Media */ 
div.article div.media p {
margin: 0px;
padding: 0px;
/*
font-weight: bold;
font-style: italic;
*/
}

/* thumbnail images */
div.articlecontent {
clear: both;
padding-top: 1em;
}
span.imageicon {
float: left;
width: auto;
text-align: center;
padding: 0.4em;
margin: 0.4em;
font-size: smaller;
font-style: italic;
font-weight: normal;
/* border: 1px solid #9d9da1; */
}
span.imageicon img {
border: 1px solid #000;
margin: 0.4em;
}

/* openwire link on front page */
p.wirenav {
font-size: smaller;
font-weight: bold;
border-top: 1px solid #9d9da1;
border-bottom: 1px solid #9d9da1;
text-align: center;
}
p.setcookie {
font-size: smaller;
font-weight: normal;
line-height: 1.1em;
}

/* Article & Comment Para */
div.article p, div.comment p {
margin: 0 0 1em 0;
padding: 0;
}

/* Article Lists */
div.article ul {
margin: 0 0 1em 40px;
padding: 0;
}
div.article li {
margin: 0;
padding: 0.5em 0;
}

div.feature li {
list-style-position: inside;
}

div.special li {
list-style-position: inside;
}

/* Article & Comment 'Creator' Para */
div.article p.creator, div.comment p.creator {
margin: 10px 0 1em 0;
padding: 0;
font-weight: bold;
font-style: italic;
}

/* Article Follow Up Links */
ul.follow-up {
display: block;
padding: 0 0 10px 5px;
margin: 20px 0 0 0;
}
ul.follow-up li {
display: block;
padding: 0 0 10px 25px;
background: white url(/img/star.gif) top left no-repeat;
}

/* Don't display that dodgy hr tag, tch! */
div.addition hr, 
div.comment hr {
display: none;
}

/* Trash Comment and Article */
div.trash div.article, 
div.trash div.comment {
border: 1px solid #000;
background: #504F4F url(/img/hidden-1.gif) repeat;
}
/* Disputed Article */
div.disputed div.article {
border: 1px solid #000;
background: #FF6165 url(/img/disputed.gif) repeat; 
}

/* Trash and Disputed Message */
div.trash div.trash-message, 
div.disputed div.disputed-message {
margin-bottom: 10px;
padding: 10px 10px 1px 10px;
border: 3px solid #000;
background: #fff;
}

/* ----------------- */
/* PAST ACTIONS PAGE */
/* ----------------- */

div.actions {
margin: 10px 0 0 0;
}

div.actions h2 {
padding: 0;
margin: 0;
}

div.actions dl{
padding: 0;
margin: 10px 0 30px 0;
}

div.actions dt{
font-weight: bold;
padding: 0;
margin: 5px 0 2px 0;
}

div.actions dd {
padding: 0;
margin: 0 0 10px 5px;
}

/* ----------------- */
/* LEFT COL BITS */
/* ----------------- */

/* ALL STANDARD DL'S IN LEFT COL */
div.leftcolumn dl {
margin: 0 0 20px 0;
padding: 0 0 10px 0;
width: 166px;
max-width: 166px;
border-top: 1px solid #9d9da1;
border-right: 1px solid #9d9da1;
border-bottom: 1px solid #9d9da1;
}
div.leftcolumn dt {
padding: 8px 10px 5px 10px;
margin: 0;
font-weight: bold;
}
div.leftcolumn dt.header {
border-bottom: 1px solid #9d9da1;
background: #eee;
padding: 5px 0 6px 10px;
margin: 0 0 8px 0;
}
div.leftcolumn dt.subheader {
font: 80% "Verdana", "Arial", "Helvetica", sans-serif;
font-weight: bold;
padding: 8px 0 4px 10px;
}
div.leftcolumn dd {
padding: 0 10px 2px 10px;
margin: 0;
position: relative;
}
div.leftcolumn dd img {
border: 1px solid black;
}




/* IM ALERTS */
dl#hottopics dt {
padding: 5px 0 6px 10px;
margin: 0 0 10px 0;
font-weight: bold;
border-bottom: 1px solid #9d9da1;
color: #fff;
background: #C33;
}
dl#hottopics dd {
margin: 0 0 4px 4px;
padding: 0 10px 6px 24px;
background: white url(/img/star.gif) top left no-repeat;
}
dl#hottopics dd.image {
padding: 0 10px 6px 10px;
margin: 0;
position: relative;
text-align: center;
background: none;
}

/* IMC's Div */
div.imcs  {
margin: 0 0 20px 0;
padding: 0 0 10px 0;
width: 166px;
max-width: 166px;
border-top: 1px solid #9d9da1;
border-right: 1px solid #9d9da1;
border-bottom: 1px solid #9d9da1;
}
div.imcs h3 {
font: small "Arial", "Helvetica", sans-serif;
font-weight: bold;
border-bottom: 1px solid #9d9da1;
background: #eee;
padding: 5px 0 6px 10px;
margin: 0;
}
div.imcs p {
padding: 0 10px 0 10px;
margin: 0;
}

/* Spacer at the bottom */
div#leftspacer {
height: 100px;
}


/* ------------------- */
/* RIGHT COL BITS */
/* ------------------- */

/* Top Newswire Image */
#newswireimg { 
position: absolute;
top: 5px;
right: 10px;
z-index: 3;
width: 220px;
height: 130px;
background: transparent url(/img/newswire.gif) top left no-repeat;
}

div.newswirearea {
margin: 0;
padding: 130px 10px 20px 10px;
background: #eee;
}

/* Publish Button */
h3#publish {
font: medium "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
font-weight: bold;
margin: 30px 10px 0 10px;
padding: 0;
text-align: center;
border: 1px solid black;
}
h3#publish a {
display: block;
background: #2750D4;
color: #fff;
padding: 6px 4px 4px 4px;
text-transform: uppercase;
text-decoration: none;
}
h3#publish a:hover {
color: #fff;
background: #CC3333;
}
p#publishhelp {
text-align: center;
margin: 0;
padding: 4px 0 0 0;
}

/* Search Newswire */
div.search {
text-align: center;
margin: 0;
padding: 30px 0 20px 0;
}
div.search p {
margin: 0;
padding: 0;
}
.searchbutton {
border: 1px solid #33C;
background: #fff;
color: #33C;
padding: 0 2px 0 2px;
font: 100% "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
font-weight: bold;
}

/* Newswire */

div.newswirearea h2 { 
font: 120%/1.1em "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
font-weight: bld;
text-transform: uppercase;
}
div.newswire p {
margin: 0.5em 0 0.5em 0;
padding: 0;
}
div.newswire p.promoted {
color: #000;
background: #FFF;
padding: 2px;
border: 1px solid #9d9da1;
}
div.newswire p.promoted a {
//font-weight: bold;
}
div.newswire img {
padding: 0.2em 0.4em 0 0;
float: left;
border: 0;
}


/* --------------- */
/* Page Navigation */
/* --------------- */
div.pagenav {
padding: 20px 0 0 0;
width: 100%;
text-align: center;
}


/* ------------ */
/* PUBLISH PAGE */
/* ------------ */
div.publishpage h2 {
	display: block;
	width: auto;
	border: 1px solid #aaa;
	margin: 3px 0px 10px 0px;
	padding: 4px;
	background: #eee;
}

/* ----- */
/* FORMS */
/* ----- */
form {
border: 0;
padding: 0;
margin: 0;
}
input {
margin: 4px 0 2px 0;
font: 100% Arial, Helvetica, sans-serif;
}
textarea {
margin: 4px 0 2px 0;
font: 100% Arial, Helvetica, sans-serif;
}
fieldset {
margin: 15px 10px 15px 10px;
padding: 15px;
}


/* stuff to allow multiple columns of check boxes */

div.checkboxgroup {
float: left;
margin-right: 1em;
}

/* make sure we don't float past the floats */
label {
clear: both;
}


/* ------------------- */
/* View all Posts Page */
/* ------------------- */

div.viewallpostsheader h2 {
font: 150%/1.1em "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
font-weight: bold;
padding: 4px 0 2px 0;
margin: 0;
}

div.viewallpostsheader p {
margin: 0;
padding: 0 0 2px 0;
}

div.viewallpostsarticles div.article {
padding: 0 10px 7px 10px;
margin: 10px 0 10px 0;
}

div.viewallpostsarticles h2 {
font: 150%/1.1em "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
font-weight: bold;
padding: 10px 0 0 0;
margin: 0;
}

/* Date Line */
div.viewallpostsarticles p.date {
font: 80% "Verdana", "Arial", "Helvetica", sans-serif;
margin: 0;
padding: 0 0 6px 0;
font-weight: bold;
}

/* Article Paragraphs */
div.viewallpostsarticles p {
margin: 0;
padding: 0 0 2px 0;
}

/* ------------------ */
/* OFFLINE PAGE TABLE */
/* ------------------ */

table#offline {
}


table#offline tr {
padding: 10px;
margin: 20px 0 0 0;
border: 1px solid #9d9da1;
}

table#offline td {
vertical-align: top;
padding: 4px;
margin: 0;
}

table#offline td ul {
margin: 0;
padding: 0 0 0 15px;
}

table#offline td li{
margin: 0;
padding: 0 0 4px 0;
}

/* table for checkboxes */

table.widetable {
width: 100%;
}

/* Lucene search results */
dt.hit-term {
margin-top: 1em;
}

dl.results span.label, dl.results dt {
font-weight: bold;
}