/* ---[ Draggable panels ]--- */
#personal .x-panel-bwrap { overflow:hidden; }
#personal .x-column { float:left;margin:0 4px;padding:0; width: 308px !important;  }
#personal .x-column-layout-ct {overflow:hidden;overflow-x:auto;overflow-y:auto;}
#portletMenu, #PortalPage .x-portlet {margin-bottom:10px; border:1px solid #990099;}
#portletMenu .x-panel-collapsed, #portletMenu .x-panel-collapsed .x-panel-tr, #portletMenu .x-panel-collapsed .x-panel-tl, #portletMenu .x-panel-collapsed .x-panel-tc {}
#PortalPage .x-panel { overflow:hidden; }

#personal .x-panel-ghost {filter:alpha(opacity=45);opacity:.45;-moz-opacity:.45}
#personal .x-panel-ghost ul{margin:0;padding:0;overflow:hidden;font-size:0;line-height:0;border:1px solid #990099;border-top:0 none;display:block;}
#personal .x-panel-dd-spacer{border:2px dashed #bbb;}

#personal .x-panel 
{
	margin: 5px 0 10px 0;
	border:0px solid #990099;
}
#personal .x-panel-tl {
	height:34px;
	padding-left:6px;
	background-image: url('../images/partheader-left.gif');
	background-repeat: no-repeat;
	background-position: top left;
	color:#FFFFFF;
}
#personal .x-panel-tr
{
	padding-right:6px;
	background-image: url('../images/partheader-right.gif');
	background-repeat: no-repeat;
	background-position: top right;
}
#personal .x-panel-tc {
	background-image: url('../images/partheader-middle.gif');
	background-repeat: repeat-x;
	background-position: top left;
}
/* === Colours for categorised panels === */
#personal .partweb .x-panel-tl, #personal .part57AB9B .x-panel-tl {
	background-image: url('../images/partweb-left.gif');
}
#personal .partweb .x-panel-tc, #personal .part57AB9B .x-panel-tc {
	background-image: url('../images/partweb-middle.gif');
}
#personal .partweb .x-panel-tr, #personal .part57AB9B .x-panel-tr {
	background-image: url('../images/partweb-right.gif');
}
#personal .partweb .x-panel-header-text {
	color: #fff;
}

#personal .partnews .x-panel-tl, #personal .part5DA3E1 .x-panel-tl {
	background-image: url('../images/partnews-left.gif');
}
#personal .partnews .x-panel-tc, #personal .part5DA3E1 .x-panel-tc {
	background-image: url('../images/partnews-middle.gif');
}
#personal .partnews .x-panel-tr, #personal .part5DA3E1 .x-panel-tr {
	background-image: url('../images/partnews-right.gif');
}
#personal .partnews .x-panel-header-text {
	color: #fff;
}

#personal .partevent .x-panel-tl, #personal .partD0740F .x-panel-tl {
	background-image: url('../images/partevents-left.gif');
}
#personal .partevent .x-panel-tc, #personal .partD0740F .x-panel-tc {
	background-image: url('../images/partevents-middle.gif');
}
#personal .partevent .x-panel-tr, #personal .partD0740F .x-panel-tr {
	background-image: url('../images/partevents-right.gif');
}
#personal .partevent .x-panel-header-text {
	color: #fff;
}

#personal .partjobs .x-panel-tl, #personal .part9D0000 .x-panel-tl {
	background-image: url('../images/partjobs-left.gif');
}
#personal .partjobs .x-panel-tc, #personal .part9D0000 .x-panel-tc {
	background-image: url('../images/partjobs-middle.gif');
}
#personal .partjobs .x-panel-tr, #personal .part9D0000 .x-panel-tr {
	background-image: url('../images/partjobs-right.gif');
}
#personal .partjobs .x-panel-header-text {
	color: #fff;
}

#personal .partsport .x-panel-tl, #personal .part3C7F4C .x-panel-tl {
	background-image: url('../images/partsport-left.gif');
}
#personal .partsport .x-panel-tc, #personal .part3C7F4C .x-panel-tc {
	background-image: url('../images/partsport-middle.gif');
}
#personal .partsport .x-panel-tr, #personal .part3C7F4C .x-panel-tr {
	background-image: url('../images/partsport-right.gif');
}
#personal .partsport .x-panel-header-text {
	color: #fff;
}


#personal .x-panel-tl .x-panel-header
{
	color:#58585a;
	font-family:arial,verdana,sans-serif;
	font-size:1.2em;
	font-weight:bold;
	line-height:normal;
	padding: 8px 5px 0 5px;
	height: 34px;
}

#personal .x-panel-body
{
	margin-top: -8px;
	padding-top: 10px;
}

/* web part controls */
#portletMenu .x-tool {display:none;}
#personal .x-tool { cursor:pointer; float:right; margin-left:2px; overflow:hidden;}
#personal .x-tool-gear { background-position:0pt 0px; }
#personal .x-tool-close  { 
	width:16px;height:16px; 
	background: url(../../../images/parts/close.png) no-repeat center bottom;
	_background: url(../../../images/parts/close.gif) no-repeat center bottom;
}
#personal .x-tool-edit { 
	width:45px;height:16px; 
	background: url(../../../images/parts/edit.png) no-repeat center bottom;
	_background: url(../../../images/parts/edit.gif) no-repeat center bottom;
}
#personal .x-tool-toggle { 
	width: 16px; height: 16px; 
	background: url(../../../images/parts/collapse.png) no-repeat center center;
	_background: url(../../../images/parts/collapse.gif) no-repeat center center;
}
#personal .x-panel-collapsed .x-tool-toggle { 
	background: url(../../../images/parts/expand.png); 
	_background: url(../../../images/parts/expand.gif); 
}

/* web part body content part */
#personal .x-panel-ml { background-color:#FFFFFF;font-size:1em;padding:1px 0pt;margin:0px;min-height:15px; }
#personal .x-panel-mr { padding:0; background-color: #ececec;}
#personal .x-panel-mc { font-size:1em;}
/* #personal .x-panel-body {overflow:hidden;position:relative;} */
#personal .x-panel-body p { margin:5px; }
#personal .x-panel-bl { padding-left:2px;background-color:#990099; }

/* styles for the Default Part */

/* styles for the List Part */
#list-part-news { padding: 0px; margin: 0px 1em 0px 2em; list-style-position: outside; list-style-type: disc; }
#list-part-news li { color: #990099; line-height:1.5em; margin:0px; padding:0px;}
#list-part-news a { color: #990099; font-size:1em;}

/* styles for the RSS Consumer Part */
/* Mostly uses list part styles */
#personal .partrssconsume a {
	color: black;
}
#personal .partrssconsume h1, #personal .partrssconsumecustom h1 {
	font-size: 100%;
	margin: 0;
	padding: 5px 10px;
	margin-top: -2px;
	background: transparent url(../images/partheader-small.png) repeat-x scroll top left;
	background-color: #B5C742;
}
#personal .partrssconsume h1 a {
	color: #58585A;
}
#personal .partrssconsume p {
	margin: 5px 10px;
}
#personal .partrssconsume .x-panel-mr {
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
}
#personal .partrssconsume .x-panel-ml {
	padding-top: 0;
}
#personal .partrssconsume .x-panel-body ul {
	margin: 10px;
}
#personal .partrssconsume .loading-indicator {
	margin: 5px;
	margin-bottom: 0;
}

#personal .partrssconsumecustom .x-panel-ml {
	padding: 0;
}

.titleBar
{
	width: 956px;
	float: left;
	background: url(../../../images/common/homebar.gif) no-repeat left top;
	margin-top: 14px;
	color: #fff;
	font-size: 1.25em;
	padding-left: 10px;
	margin-bottom: 0;
	padding-bottom: 0;
	height: 35px;
	line-height: 30px;
	font-weight: bold;
	

}

.titleBar .title
{
	float: left;
}



.title span
{
	padding-right: 71px;
}

.title span span
{
	padding: 0;
}

.titleBar .toggle
{
	display: block;
	float: right;
	margin-right: 20px;
	width: 50px;
	background-image: url('../images/edit-gray.gif');
	background-position: center center;
	background-repeat: no-repeat;
	height: 30px;
	font-size: 0px;
	cursor: pointer;
}

.fullwidthblock
{
	float: left;
	width: 951px;
	background-color: #fff;
	margin-top: 0;
	padding: 5px 0 15px 15px;
}

.black
{ 
	background-color: #323c34;
	font-size: 1.4em;
	color: #fff;
	font-weight: bold;
}

.greentext, .greentext a
{
	color: #b0c625;
}

.toparea
{
	padding: 14px 0 25px 0;
}

/* News */
.news {
	color: #ffffff;
	height: 370px;
	margin: 0 0 15px;
	width: 548px;
	background: #403A3A;
	float: left;
}

.newsheader
{
	background: url(../images/homenewsheader.gif) no-repeat top left;
	height: 27px;
	width: 548px;
	font-family: Arial;
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
	padding-top: 3px;
}

.newsheader .date
{
	color: #aac216;
	padding-right: 10px;
	float: left;
}

.newsheader .righttext
{
	float: right;
	padding-right: 10px;
}

.newsheader .righttext #js_clock
{
	float: left;
}

.newsheader .lefttext
{
	float: left;
	padding-left: 10px;
}

.newsheader .rssicon
{
	vertical-align: middle;
	padding-bottom: 1px;
	padding: 0 8px 1px 0;
}

.news a {
	color: #ffffff;
}

.news.bordered {
	border: 3px solid #ffffff;
	height: 265px;
}

.news .focus div {
	overflow: hidden;
	width: 486px;
}
.news .content {
	background: url(../images/news-bgr.gif) #61968f repeat-x bottom;
	color: #ffffff;
	float: right;
	height: 339px;
	padding: 13px;
	width: 195px;
}
.news ul {
	background-color: #403a3a;
	width: 345px;
	margin: 0;
	padding: 0;
	margin-top: 272px;
	margin-left: 203px;
}
.news li 
{
	background: url(../images/newitemhover.gif) repeat-x top left;
	list-style-type: none;
	list-style-position: outside;
	height: 21px;
	font-size: 1.2em;
	font-weight: bold;
	padding: 5px 0 0 6px;
}

.news .newsitemtext
{
	color: #000;
	width: 183px;
	background-color: #403a3a;
	display: block;
	padding: 19px 10px 10px 10px;
	position: absolute;
	top: 198px;
	height: 350px;
	border-left: solid 1px #a29f9f;
	margin-left: 0px;
}

.news .newsitemtext a
{
	height: 17px;
	display: block;
	background: url(../images/readmore.gif) right center no-repeat;
	font-weight: normal;
	width: 176px;
	margin-top: 10px;
}

.news .newsitemtextheading
{
	color: #aac216;
	font-size: 2em;
	font-weight: bold;
}

.news .newsitemtextintro
{
	font-size: 1.1em;
	color: #fff;
	padding: 8px 0 8px 0;
	display: block;
}
.news .focus img
{
	position: absolute;
	margin-left: 204px;
	top: 198px;
	border: 0;
}

.news li:hover, .news li.hover {
	background: url(../images/newsitemhover.gif) repeat-x top left;
}
.news li a:hover {
	text-decoration: none;
}
.news .focus {
	overflow: hidden;
}
.news .focus div {
	display: none;
}

.news .focus div.selected {
	display: block;
}

.news a span {
	font-weight: bold;
}

#columns .news h2 {
	color: #ffffff;
	font-size: 24px;
}

/* Top right hand side ads */
.toprhs {
	float: left;
	height: 405px;
	width: 195px;
	margin-left: 10px;
}

/* Left hand side accordion */
.accordion {
	width: 200px;
	margin-right: 10px;
	float: left;
	height: 405px;
}
#page_PageContentHolder_template_Accordion .x-panel-body-noheader {
	height: 405px;
}
.accordion .x-panel {
	width: 200px !important;
}
.accordion .x-panel-body .x-panel-body, .accordion .tabbody {
	border: solid 1px #dddddd;
	background-color: #fff;
}
.accordion .x-panel-header, .accordion .tabtitle {
	background-image: url('../images/feature-header-full.gif');
	background-repeat: no-repeat;
	background-position: top left;
}
.accordion .first .x-panel-header, .accordion .first .tabtitle {
	background-image: url('../images/feature-header-full-first.gif');
}
.accordion .x-panel-header .x-tool {
	float: right;
}
.accordion .x-panel-header .x-panel-header-text, .accordion .tabtitle {
	margin-left: 10px;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 27px;
	color: White;
}
.x-panel-header-text, .accordion .tabtitle, .accordion .first .tabtitle {
	margin-left: 0;
	text-indent: 10px;
}
.accordion .x-panel-body ul, .accordion .tabbody ul {
	list-style: none;
	margin: 0px 0px 0px 5px;
	padding: 0px;
}
.accordion .x-panel-body li, .accordion .tabbody li {
	margin: 5px 0px;
	line-height: 16px;
}
.accordion .x-panel-body a, .accordion .tabbody a {
	color: black;
	display: block;
	padding-right: 20px;
	width: 163px;
}

/* ---[ Weather ]--- */
div.weather {
	padding: 5px;
}

.weather .day {
	float: left;
	width: 33%;
}

.weather .day div {margin-bottom: 3px;}
.weather .day .date {font-weight: bold; font-size: 1.4em;}
.weather .day .type {}
.weather .day .maxtemphdr, .weather .day .mintemphdr {font-weight: bold;}
.weather .day .maxtemp, .weather .day .mintemp {
	color: #b0c625;
	font-size: 1.4em; 
	font-weight: bold;
}

/* ---[ A to Z ]--- */
.accordion .x-panel-body .atoz {}
.accordion .x-panel-body .atoz a, .accordion .tabbody .atoz a {
	float: left;
	width: 26px;
	height: 26px;
	padding: 0px;
}
.accordion .x-panel-body .atoz a:hover, .accordion .tabbody .atoz a:hover {}
.containfloat {clear: both; line-height: 0px; font-size: 0px;}

/* ---[ Part Browser ]--- */
form.part-browser {
	float: left;
	margin: 0px;
	width: 966px;
	padding: 0px;
	background-color: #323c34;
	color: #fff;
	text-indent: 10px;
}

form.part-browser .start {
	font-size: 1.7em;
	color: White;
}

form.part-browser div.part-browser-column a {
	color: #fff;
	padding: 3px 3px 3px 7px;
	display: block;
	font-weight: bold;
}

form.part-browser .start span {
	margin-left: 10px;
}

div.part-browser-columns {
	width: 100%;
	margin: 10px 0px;
}
div.part-browser-column {
	float: left;
}

label.parton {
	color: #b0c625;
}

label.partoff {
	color: #fff;

}

form.part-browser .footer {
	font-size: 1em;
	border-top: solid 1px #444e43;
	background-color: #323c34;
}

form.part-browser .footer input {
	margin-right: 5px;
	border: 0px;
	padding-left: 16px;
	background-color: #323c34;
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
	color: White;
	cursor: pointer;
}

form.part-browser .clear {
	clear: left;
	height: 1.0em;
}

form.part-browser .part-browser-categories ul {
	margin: 0 10px;
	padding: 0;
	text-indent: 0;
}

form.part-browser .part-browser-categories ul li{
	list-style-type: none;
	float: left;
	color: #fff;
	margin: 0;
	padding: 0;
}

form.part-browser .part-browser-categories ul li.partcouncil a, form.partbrowser .part-browser-categories ul li.partA8C900 a {
	background-color: #A8C900;
} 

form.part-browser .part-browser-categories ul li.partnews a, form.partbrowser .part-browser-categories ul li.part5DA3E1 a {
	background-color: #5DA3E1;
} 

form.part-browser .part-browser-categories ul li.partsport a, form.partbrowser .part-browser-categories ul li.part3C7F4C a {
	background-color: #3C7F4C;
} 

form.part-browser .part-browser-categories ul li.partjobs a, form.partbrowser .part-browser-categories ul li.part9D0000 a {
	background-color: #9D0000;
} 

form.part-browser .part-browser-categories ul li.partweb a, form.partbrowser .part-browser-categories ul li.part57AB9B a {
	background-color: #57AB9B;
} 

form.part-browser .part-browser-categories ul li.partevent a, form.partbrowser .part-browser-categories ul li.partD0740F a {
	background-color: #D0740F;
} 

form.part-browser .part-browser-categories ul li a {
	background-color: #b0c625;
	color: #fff;
	padding: 3px 3px 3px 7px;
	display: block;
	margin-right: 2px;
}

form.part-browser .part-browser-categories div.active {
	display: block;
	clear: left;
}

form.part-browser .part-browser-categories div.inactive {
	display: none;
	clear: left;
}

form.part-browser .part-browser-category {
	margin: 10px 0px;
	clear: left;
}

form.part-browser .footer input.part-browser-submit {background-image: url('../images/tick.gif');}
form.part-browser .footer input.part-browser-reset {background-image: url('../images/cross.gif');}

/* ---[ Part List ]--- */
#personal .x-panel-body ul {
	list-style: none;
	margin: 5px;
	padding: 0px;
}
#personal .x-panel-body li {
	margin-top: 10px;
	border-top: 1px solid black;
	padding-top: 10px;
}
#personal .x-panel-body li.row0 {
	margin-top: 0px;
	border-top: 0px;
	padding-top: 0px;
}
#personal .x-panel-body .articleheadingwrapper {
	font-size: 14px;
	font-weight: bold;
}
#personal .x-panel-body .introtextwrapper {
	margin: 10px 0px;
}
#personal .x-panel-body .readmoregraphiclink {
	padding: 2px 20px 2px 0px;
	background-image: url('../images/readmore-icon.gif');
	background-position: right center;
	background-repeat: no-repeat;
	color: Black;
	font-weight: bold;
}


#personal .first-column
{
	width: 308px !important;
	padding: 0 !important;
}

#personal .column
{
	width: 308px !important;
	padding: 0 !important;
}

#personal .last-column
{
	width: 308px !important;
	padding: 0 !important;
}



/* Additional Homepage browser buttons */
#wrapper-close, #wrapper-open, #logincontrol
{
	display: inline;
	padding: 0 5px 0 5px;
}

#wrapper-close a, #wrapper-open a, #logincontrol a
{
	color: #fff;
}