/**************************************
Rounded corners
**************************************/
.tl, .tr, .bl, .br {
	font-size: 1px;
	background-image: url(/images/colchester-web/cornersandshadows/corners-rounded-bg.png);
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	line-height: 1px;
	display: block;
	position: absolute;
}

/* Left menus */
DIV#do-it-now .tl, 
DIV#do-it-now .tr, 
DIV#do-it-now .bl, 
DIV#do-it-now .br,
DIV#in-colchester .tl, 
DIV#in-colchester .tr, 
DIV#in-colchester .bl, 
DIV#in-colchester .br
{
  background-image: url(/images/colchester-web/cornersandshadows/corners-rounded-bg-grey-purple.png);
}
DIV#other-menu-groups DIV.menu-group .tl, 
DIV#other-menu-groups DIV.menu-group .tr, 
DIV#other-menu-groups DIV.menu-group .bl, 
DIV#other-menu-groups DIV.menu-group .br,
DIV#other-menu-groups UL.menus .bl, 
DIV#other-menu-groups UL.menus .br
{
  background-image: url(/images/colchester-web/left-nav/corners-rounded-bg-dark-grey.png);
}
DIV#other-menu-groups .bl, 
DIV#other-menu-groups .br
 {
  background-image: url(/images/colchester-web/cornersandshadows/corners-rounded-bg-yellow.png);
}

.box-wrapper .tl, 
.box-wrapper .tr, 
.box-wrapper .bl, 
.box-wrapper .br {
  background-image: url(/images/colchester-web/cornersandshadows/corners-rounded-bg-yellow.png);
}

/* Homepage right boxes */
.useful-right-boxes .grey DIV.curved-corners .tl,
.useful-right-boxes .grey DIV.curved-corners .tr,
.useful-right-boxes .grey DIV.curved-corners .bl,
.useful-right-boxes .grey DIV.curved-corners .br,
.useful-right-boxes .grey.landing DIV.link .tl,
.useful-right-boxes .grey.landing DIV.link .tr,
.useful-right-boxes .grey.landing DIV.link .bl,
.useful-right-boxes .grey.landing DIV.link .br
{
  background-image: url(/images/colchester-web/cornersandshadows/corners-rounded-bg-lightgrey.gif);
}
.useful-right-boxes .blue DIV.curved-corners .tl,
.useful-right-boxes .blue DIV.curved-corners .tr,
.useful-right-boxes .blue DIV.curved-corners .bl,
.useful-right-boxes .blue DIV.curved-corners .br,
.useful-right-boxes .blue.landing DIV.link .tl,
.useful-right-boxes .blue.landing DIV.link .tr,
.useful-right-boxes .blue.landing DIV.link .bl,
.useful-right-boxes .blue.landing DIV.link .br
{
  background-image: url(/images/colchester-web/cornersandshadows/corners-rounded-bg-lightblue.png);
}
.useful-right-boxes .green DIV.curved-corners .tl,
.useful-right-boxes .green DIV.curved-corners .tr,
.useful-right-boxes .green DIV.curved-corners .bl,
.useful-right-boxes .green DIV.curved-corners .br,
.useful-right-boxes .green.landing DIV.link .tl,
.useful-right-boxes .green.landing DIV.link .tr,
.useful-right-boxes .green.landing DIV.link .bl,
.useful-right-boxes .green.landing DIV.link .br
{
  background-image: url(/images/colchester-web/cornersandshadows/corners-rounded-bg-lightgreen.png);
}
.useful-right-boxes .mauve DIV.curved-corners .tl,
.useful-right-boxes .mauve DIV.curved-corners .tr,
.useful-right-boxes .mauve DIV.curved-corners .bl,
.useful-right-boxes .mauve DIV.curved-corners .br,
.useful-right-boxes .mauve.landing DIV.link .tl,
.useful-right-boxes .mauve.landing DIV.link .tr,
.useful-right-boxes .mauve.landing DIV.link .bl,
.useful-right-boxes .mauve.landing DIV.link .br
{
  background-image: url(/images/colchester-web/cornersandshadows/corners-rounded-bg-lightmauve.png);
}

/* HOMEPAGE IN FOCUS */
#homepage-in-focus DIV.inner .tl,
#homepage-in-focus DIV.inner .tr,
#homepage-in-focus DIV.inner .bl,
#homepage-in-focus DIV.inner .br
{
  background-image: url(/images/colchester-web/left-nav/corners-rounded-bg-dark-grey.png);
}

/*** table wrappers - inserted via javascript onto the datatable class ***/
DIV.table-wrapper-outer {
	overflow: hidden;
}

DIV.table-wrapper-inner .tl,
DIV.table-wrapper-inner .tr,
DIV.table-wrapper-inner .bl,
DIV.table-wrapper-inner .br {
	background-image: url(/images/colchester-web/cornersandshadows/corners-rounded-bg-yellow-datatable.gif);
}

DIV.sectionoverview DIV.table-wrapper-inner .tl,
DIV.sectionoverview DIV.table-wrapper-inner .tr,
DIV.sectionoverview DIV.table-wrapper-inner .bl,
DIV.sectionoverview DIV.table-wrapper-inner .br {
	background-image: url(/images/colchester-web/cornersandshadows/corners-rounded-bg-yellow.gif);
}

DIV.topicresults DIV.table-wrapper-inner .tl,
DIV.topicresults DIV.table-wrapper-inner .tr,
DIV.topicresults DIV.table-wrapper-inner .bl,
DIV.topicresults DIV.table-wrapper-inner .br {
	background-image: url(/images/colchester-web/cornersandshadows/corners-rounded-bg-yellow-topicresults.gif);
}

DIV.table-wrapper-inner {
	width: 100%;
	display: inline-block;
	position: relative;
}

/* ARTICLE SUMMARY - for section overviews */
DIV.sectionoverview DIV.articlesummary .tl,
DIV.sectionoverview DIV.articlesummary .tr,
DIV.sectionoverview DIV.articlesummary .bl,
DIV.sectionoverview DIV.articlesummary .br
{
  background-image: url(/images/colchester-web/cornersandshadows/corners-rounded-bg-darkmauve.png);
}

.curved-corners-grey .tl, 
.curved-corners-grey .tr, 
.curved-corners-grey .bl, 
.curved-corners-grey .br {
  background-image: url(/images/colchester-web/cornersandshadows/corners-rounded-bg-grey.png);
}

.curved-corners-dark-grey .tl,
.curved-corners-dark-grey .tr,
.curved-corners-dark-grey .bl,
.curved-corners-dark-grey .br {
  background-image: url(/images/colchester-web/left-nav/corners-rounded-bg-dark-grey.png);
}

.curved-corners-grey-shadowed .tl, 
.curved-corners-grey-shadowed .tr, 
.curved-corners-grey-shadowed .bl, 
.curved-corners-grey-shadowed .br {
  background-image: url(/images/colchester-web/cornersandshadows/corners-rounded-bg-grey-shadowed.png);
}

.curved-corners-small .tl,
.curved-corners-small .tr,
.curved-corners-small .bl,
.curved-corners-small .br {
  background-image: url(/images/colchester-web/cornersandshadows/corners-rounded-bg-small.gif);
}

.box-wrapper.tl, .box-wrapper.tr, .box-wrapper.bl, .box-wrapper.br {
  background-image: url(/images/colchester-web/cornersandshadows/corners-rounded-bg.png);
}

.tl {
	background-position: 0 0;
	top: 0;
	left: 0;
}
.tr {
	background-position: 100% 0;
	top: 0;
	right: 0;
}
.bl {
	background-position: 0 100%;
	bottom: 0;
	left: 0;
}
.br {
	background-position: 100% 100%;
	bottom: 0;	
	right: 0;
}

.curved-corners
{
  position: relative;
  float: left;
}



/*** remove styling from nested tables  ***/
TABLE.datatable TABLE CAPTION,
TABLE.datatable TABLE TH,
TABLE.datatable TABLE TD {
	background: transparent;
	border: 0;
}

/**************************************
Drop Shadow effect
**************************************/

.shadow
{
  background: url(/images/colchester-web/cornersandshadows/drop-shadow.gif) no-repeat bottom right;
  margin: -6px 6px 6px -6px;
  position: relative;
  float: left;
}

.shadow2
{
  background: url(/images/colchester-web/cornersandshadows/inverse-shadow.png) no-repeat left top !important;
  background: url(/images/colchester-web/cornersandshadows/inverse-shadow.gif) no-repeat left top;
  padding: 0px 7px 7px 0px;
  position: relative;
  float: left;
}