/*.jscom, .mix htcom*/
.basic
{
	/*+placement:shift -25px 0px;*/
	position: relative;
	left: -25px;
	top: 0px;
	border-right: 1px solid #DDE1DA;
	border-left: 1px solid #DCE0D9;
	width: 232px;
}
.basic DIV
{
	background: #527302 url(http://www.trinity.cumbria.sch.uk/sites/default/files/bg-wrap.png) repeat;
	color: #FFFFFF;
	width: 232px;
}
.basic P
{
	margin-bottom: 10px;
	border: none;
	text-decoration: none;
	font-size: 12px;
	margin: 0px;
	padding: 10px;
}
.ui-accordion A
{
	color: #BDFE33;
}
.ui-accordion A:hover
{
	background: #050400;
	border-bottom: 1px solid #FEBC19;
}
.x
{
	cursor: pointer;
	display: block;
	padding: 5px;
	margin-top: 0;
	text-decoration: none;
	color: #000000;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #572;
	background-image: url(AccordionTab0.gif);
	font-weight: bold;
	margin-bottom: 0;
	text-align: center;
	-o-transition:color .2s ease-out, background .2s ease-in;
  	-ms-transition:color .2s ease-out, background .2s ease-in;
  	-moz-transition:color .2s ease-out, background .2s ease-in;
  	-webkit-transition:color .2s ease-out, background .2s ease-in;
  	/* ...and now override with proper CSS property */
  	transition:color .2s ease-out, background .2s ease-in;
}
.x:hover
{
	background-color: #FFFFFF;
	background-image: url(AccordionTab2.gif);
	color: #020202;
}
.x.selected
{
	color: #FFFFFF;
	background: #507001 url(headerbackground.png) repeat-x 0px -119px;
}