body *{
	margin:0;
	padding:0;	
}

body {
background:#F2F2F2;
font-family:verdana,helvetica,arial,sans-serif;
font-size:62.5%;
margin:0;
padding:0;
text-align: center;
}



#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;
	
}

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 0pt;
	position:relative;
	width:626px;

}

#features{
	color: #fff;
}

#features .ui-tabs-panel {
background-color: #000;
border:none;
padding:0;
height: 260px;
padding: 0;
}

#features div.fragment-body{
	float: right;
	width: 216px;
}

#features h5{
	font-size: 1.1em;
	margin: 20px 10px 0 0;
}

#features p{
margin-top: 10px;
}


#fragment-1 a{
	color: #629DD9;
}

#fragment-2 a{
	color: #0C44BF;
}

#fragment-3 a{
	color: #3E8B8F;
}

#fragment-4 a{
	color: #FD7603;
}



.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#sea-forts a{
margin-left: 0px;
padding-left: 0px;	
}

.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a {
width: 142px;
margin: 3px 0 0 3px;
height: 40px;
top: 0;
}

.ui-tabs-nav li#sea-forts a{
background: #629DD9;	
}

.ui-tabs-nav li#building a{
background: #0C44BF;	
}

.ui-tabs-nav li#portugal a{
background: #21585B;	
}

.ui-tabs-nav li#trolley a{
background: #FD7603;	
}



.ui-tabs-nav .ui-tabs-selected a{
	height: 43px;
	margin-top: 0;
}

/* 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{
	margin-left: 20px;
	font-size: 1.3em;
}

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;
}

.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{
	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{
	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{
	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{
	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{
	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{
	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{
	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{
	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{
	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{
	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{
	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{
	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{
	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 */