body * { margin:0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; }
body { background:#F2F2F2; font-family:verdana, helvetica, arial, sans-serif; font-size:62.5%; margin:0; padding:0; text-align: left; }
#container { width: 974px; border-color: #fff; border-width: 10px; border-style: none solid solid solid; margin: 0 auto; text-align: left; font-size: 1.2em; cursor default!important;
}
div.column { float: left; padding-left: 14px; min-height: 350px; position: relative; }
div.panel,
div.column { width: 306px; }
div#content { background-color: #DBDBDB; }
/* non section styles */

img { border: none; }
.hidden { display: none; }
div.buttons input { margin: 0 10px; height: 24px; color: #5D5D5D; border: 1px solid #737373; cursor: pointer; }
div.buttons input.yes { background-color: #f2f2f2; }
div.buttons input.no { background-color: #C4C0C0; }
/* --------------------------------- sections -------------------------- */

/* header */

div#header { background-repeat: repeat-x; height: 90px; }
div#header img { margin: 30px 0 0 15px; }
#jclock { font-size: 1.3em; float: right; color: #fff; margin: 55px 15px 0 0; font-weight: bold; }
/* top form */

div#top-form-controls { background: #DBDBDB; height: 39px; border-bottom: 1px solid #919191; }
div#top-form-controls a { display: block; padding: 4px 20px 4px 40px; background-color: #F9F9F9; margin: 8px 15px 0 15px; border: 1px solid #ADAFB1; color: #616161; background-position: left; background-repeat: no-repeat; text-decoration:none; }
div#top-form-controls a:hover { background-color: #efefef; }
div#top-form-controls a#customize { float: left; background-image: url('../images/customize.gif'); }
div#top-form-controls a#reset { float: right; background-image: url('../images/reset.gif'); }
#top-form { border-bottom: 1px solid #fff; }
#top-form form { background-color: #454547; margin: 0!important; color: #fff; padding: 20px 0; display: none; }
#top-form form h5 { font-size: 0.9em; margin-left: 20px; }
#top-form form div { clear: left; margin-bottom: 10px; }
#top-form form ul { margin: 10px 0; }
#top-form #choose-topics ul li { list-style: none; float: left; width: 200px; margin-left: 20px; margin-bottom: 20px; background-color: #737373; padding: 5px 5px 8px 10px; }
#top-form #choose-topics ul li.active { background-color: #F8F8F8; color: #5D5D5D; }
#top-form #choose-topics label { margin-left: 7px; position: relative; top: 1px; }
#top-form #choose-colours ul { margin-left: 10px; }
#top-form #choose-colours ul li { list-style: none; float: left; margin-left: 8px; }
#top-form #choose-colours ul li div { border: 2px solid #454547; float: left; margin-right: 2px; }
#top-form #choose-colours ul li.active div { border-color: #fff; }
/* need to be positioned absolutely, not hidden, for IE */
#top-form #choose-colours input { position: absolute; left: -1000px; top: 0; }
#top-form #choose-colours label { width: 44px; height: 11px; display: block; border: 1px solid #fff; cursor: pointer; }
#top-form #choose-colours label span { display: none; }
#top-form div.buttons { margin: 20px 0 0 0; text-align: center; }
#top-form form div.buttons input { width: 80px; }
#features { float:right; height:301px; margin:20px 14px 5pt; position:relative; width:626px; }
#features { color: #fff; }
#features .ui-tabs-panel { border:none; padding:0; height: 260px; padding: 0; }
#features div.fragment-body { float: right; width: 200px; margin-right: 5px; }
#features h5 { font-size: 2.1em; margin: 20px 10px 0 0; }
#features h4 { font-size: 1.4em; margin: 20px 10px 0 0; }
#features p { margin-top: 10px; letter-spacing: inherit; }
#fragment-4,
#fragment-4 a { background-color: #5EC1A2; color: #fff; }
#fragment-3,
#fragment-3 a { background-color: #F8D129; color: #fff; }
#fragment-1,
#fragment-1 a { background-color: #050A3F; color: #fff; }
#fragment-2,
#fragment-2 a { background-color: #381B10; color: #fff; }
.ui-tabs-nav .ui-tabs-selected a span,
.ui-tabs-nav a span { background: none; }
.ui-tabs-nav,
.ui-tabs-nav li,
.ui-tabs-nav li#tabone a { margin-left: 0px; padding-left: 0px; text-decoration:none; }
.ui-tabs-nav .ui-tabs-selected a,
.ui-tabs-nav a { width: 142px; margin: 3px 0 0 3px; height: 40px; top: 0; text-decoration:none; }
.ui-tabs-nav li#tabone a { background: #5EC1A2; text-decoration:none; }
.ui-tabs-nav li#tabthree a { background: #F8D129; text-decoration:none; }
.ui-tabs-nav li#tabfour a { background: #050A3F; text-decoration:none; }
.ui-tabs-nav li#tabtwo a { background: #381B10; text-decoration:none; }
.ui-tabs-nav .ui-tabs-selected a { height: 43px; margin-top: 0; text-decoration:none; }
/* panels */

div.panel { margin: 20px 0; text-align: left; }
div.panel h2 { cursor: move; }
.collapsed div.panel-main { display: none; }
div.panel-top { background: #fff url('../images/feed_header_background.gif') repeat-x bottom; padding: 10px 5px; }
div.panel-top h2 a { margin-left: 20px; font-size: 1em; text-decoration:none; }
div.panel-top a.toggle-panel { float: left; position: relative; top: 5px; }
div.panel-top a.edit-panel { float: right; border: 1px solid #ccc; padding: 3px 10px; }
/* top image sections */


a.active { background-color: red; }
.top-panel-links ul,
.top-panel-links li { list-style: none; padding: 0; }
.top-panel-links { position: relative; height: 110px; background-color: #7C9C5F; margin: 0; }
.top-panel-links li a { height: 32px; border-bottom: 1px solid #999; text-decoration:none; }
.top-panel-links li a.last-list { border: none; }
.top-panel-links img { position: absolute; top: 0; left: 0; }
.top-panel-links a { display: block; margin-left: 146px; color: #fff; padding: 2px 6px; }
/* edit panel form */

form.edit-panel-form { background-color: #474749; padding: 8px; display: none; }
form.edit-panel-form .feed-input { color: #fff; width: 140px; display: block; float: left; margin: 3px 0; }
form.edit-panel-form label { margin-left: 4px; }
form.edit-panel-form .buttons { padding: 12px 3px 10px 3px; clear: left; text-align: right; }
form.edit-panel-form .buttons div input { width: 60px; }
/* feeds */

div.feed-top { background-color: #eee; padding: 8px 2px; }
div.feed-top h3 { margin: 0px; text-transform: uppercase; font-size: 1em; padding-left: 16px; color: #494949; }
div.feed-top a { float: right; margin-right: 5px; }
.feed ul { margin: 0; background-color: #fff; padding: 5px 10px 5px 30px; }
.feed ul li { padding: 5px 0; }
/* reset form */

#dialog-form { display: none; }
#dialog-form div.buttons { text-align: right; }
.blockUI { border: 10px solid #A4A5A5!important; background-color: #444445!important; cursor: auto!important; color: #fff!important; text-align: left!important; }
.blockUI h1 { padding:  10px; margin-bottom: 10px; border-bottom: 1px solid #A4A5A5; }
.blockUI p { margin: 0 10px; font-size: 1em; }
.blockUI form { margin: 30px; }
.blockUI form input { width: 80px; }
/* sortable */

.ui-sortable-helper { border: 3px solid #A4A5A5; z-index: 20; position: relative; }
.placeholder { border: 1px dashed #fff; background-color: #BFBFBF; }
.placeholder { position: absolute; z-index: 1; }
/* colour specfic styles */


/* teal */

.teal div#header { background-image: url('../images/teal.gif'); }
.teal div#header,
.teal .top-panel-links a:hover,
.teal .top-panel-links a.active { font-weight:bold; background-color: #0C6A8A; }
.teal .feed ul li a,
.teal .panel-top h2,
.teal .panel-top a,
.teal .feed ul li { color: #0C6A8A; }
.teal .top-panel-links { background-color: #6A99AD; }
/* dove */

.dove div#header { background-image: url('../images/dove.gif'); }
.dove div#header,
.dove .top-panel-links a:hover,
.dove .top-panel-links a.active { font-weight:bold; background-color: #4B5676; }
.dove .feed ul li a,
.dove .panel-top h2,
.dove .panel-top a,
.dove .feed ul li { color: #4B5676; }
.dove .top-panel-links { background-color: #7385A3; }
/* sky */

.sky div#header { background-image: url('../images/sky.gif'); }
.sky div#header,
.sky .top-panel-links a:hover,
.sky .top-panel-links a.active { font-weight:bold; background-color: #005785; }
.sky .feed ul li a,
.sky .panel-top h2,
.sky .panel-top a,
.sky .feed ul li { color: #005785; }
.sky .top-panel-links { background-color: #6D97B3; }
/* aqua */

.aqua div#header { background-image: url('../images/aqua.gif'); }
.aqua div#header,
.aqua .top-panel-links a:hover,
.aqua .top-panel-links a.active { font-weight:bold; background-color: #027061; }
.aqua .feed ul li a,
.aqua .panel-top h2,
.aqua .panel-top a,
.aqua .feed ul li { color: #027061; }
.aqua .top-panel-links { background-color: #60948C; }
/* green */

.green div#header { background-image: url('../images/green.gif'); }
.green div#header,
.green .top-panel-links a:hover,
.green .top-panel-links a.active { font-weight:bold; background-color: #4C7016; }
.green .feed ul li a,
.green .panel-top h2,
.green .panel-top a,
.green .feed ul li { color: #4C7016; }
.green .top-panel-links { background-color: #7C9C5F; }
/* violet */

.violet div#header { background-image: url('../images/violet.gif'); }
.violet div#header,
.violet .top-panel-links a:hover,
.violet .top-panel-links a.active { font-weight:bold; background-color: #4D3870; }
.violet .feed ul li a,
.violet .panel-top h2,
.violet .panel-top a,
.violet .feed ul li { color: #4D3870; }
.violet .top-panel-links { background-color: #8779A6; }
/* purple */

.purple div#header { background-image: url('../images/purple.gif'); }
.purple div#header,
.purple .top-panel-links a:hover,
.purple .top-panel-links a.active { font-weight:bold; background-color: #691E79; }
.purple .feed ul li a,
.purple .panel-top h2,
.purple .panel-top a,
.purple .feed ul li { color: #691E79; }
.purple .top-panel-links { background-color: #A97AB3; }
/* pink */

.pink div#header { background-image: url('../images/pink.gif'); }
.pink div#header,
.pink .top-panel-links a:hover,
.pink .top-panel-links a.active { font-weight:bold; background-color: #840259; }
.pink .feed ul li a,
.pink .panel-top h2,
.pink .panel-top a,
.pink .feed ul li { color: #840259; }
.pink .top-panel-links { background-color: #B37196; }
/* olive */

.olive div#header { background-image: url('../images/olive.gif'); }
.olive div#header,
.olive .top-panel-links a:hover,
.olive .top-panel-links a.active { font-weight:bold; background-color: #635E35; }
.olive .feed ul li a,
.olive .panel-top h2,
.olive .panel-top a,
.olive .feed ul li { color: #635E35; }
.olive .top-panel-links { background-color: #918D61; }
/* suede */

.suede div#header { background-image: url('../images/suede.gif'); }
.suede div#header,
.suede .top-panel-links a:hover,
.suede .top-panel-links a.active { font-weight:bold; background-color: #504638; }
.suede .feed ul li a,
.suede .panel-top h2,
.suede .panel-top a,
.suede .feed ul li { color: #504638; }
.suede .top-panel-links { background-color: #998D7C; }
/* black */

.black div#header { background-image: url('../images/black.gif'); }
.black div#header,
.black .top-panel-links a:hover,
.black .top-panel-links a.active { font-weight:bold; background-color: #353535; }
.black .feed ul li a,
.black .panel-top h2,
.black .panel-top a,
.black .feed ul li { color: #353535; }
.black .top-panel-links { background-color: #737373; }
/* red */

.red div#header { background-image: url('../images/red.gif'); }
.red div#header,
.red .top-panel-links a:hover,
.red .top-panel-links a.active { font-weight:bold; background-color: #851607; }
.red .feed ul li a,
.red .panel-top h2,
.red .panel-top a,
.red .feed ul li { color: #851607; }
.red .top-panel-links { background-color: #CF6D5B; }
/* orange */

.orange div#header { background-image: url('../images/orange.gif'); }
.orange div#header,
.orange .top-panel-links a:hover,
.orange .top-panel-links a.active { font-weight:bold; background-color: #BA500C; }
.orange .feed ul li a,
.orange .panel-top h2,
.orange .panel-top a,
.orange .feed ul li { color: #BA500C; }
.orange .top-panel-links { background-color: #E89535; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.blq-hide { position:absolute; left:-2500px; width:1px }
#blq-accesslinks,
#blq-mast,
#blq-footer { font-family:verdana, helvetica, arial, sans-serif; color:#fff; }
#blq-mast p,
#blq-footer p { margin:0; padding-bottom:0; }
#blq-accesslinks ul,
#blq-footer ul,
#blq-footer li { width:700px; list-style:none; margin:0; line-height:1.3; }
#blq-footer { width:974px; margin:0 auto; clear:both; line-height:1.3; background-color:#646464; border-top:1px solid #ccc }
#blq-footer p,
#blq-footer li,
#blq-footer a { }
#blq-footer a { color:#fff; text-decoration:none; }
#blq-footer a:hover { color:#d9d9d9; }
#blq-footerlinks { float:right; width:700px; margin:10px 14px 0 10px }
#blq-sitelinks,
#blq-bbclinks { text-align:right; background-color:#646464; }
#blq-sitelinks { float:left; width:125px; }
#blq-bbclinks { float:right; width:500px; }
#blq-bbclinks li { float:right; width:150px; }
#blq-copyright,
#blq-disclaimer { padding-top:9px; line-height:1.3 }
#blq-footer #blq-copyright { margin-left:0px; width:10em; }
#blq-copyright img { top:2px; margin-left: 14px; }
#blq-footer #blq-disclaimer { padding-bottom:10px; margin-left:14px; text-align: left; font-size: 0.75em; }
/*
.blq-rst input, .blq-rst pre, .blq-rst code {font-size:1.1em;font-weight:normal;}
.blq-rst input, .blq-rst a:link, .blq-rst a:visited {font-family:verdana,helvetica,arial,sans-serif;font-weight:normal;line-height:1;margin:0;text-decoration:none;}
*/
