.LabelEditTextClass
{
	border: solid 0px red !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 300px !important;
}

.contentpane .LabelEditTextClass
{
	width: 500px !important;
	border: solid 0px red !important;
}

.ContainerWrapper
{
	margin: 0;
	padding: 2px 5px 2px 5px;
}

tr
{
	vertical-align: top;
}

li
{
	font-size: 14px;
}

ul li
{
	list-style-type: disc;
}

td
{
	text-align: left;
	clear: both;
}

.edit
{
	clear: both;
}
a, a img
{
	outline: none;
	border: none;
	cursor: pointer;
}
.ContainerWrapper a, .ContainerWrapper a:link, .ContainerWrapper a:visited
{
	color: #fff;
	font-size: 14px;
	text-decoration: underline;
}

.ContainerWrapper a:hover, .ContainerWrapper a:active
{
	color: #9bc0e0;
	text-decoration: none;
}

.containerHeader h1, .containerHeader .Head
{
    margin: 0 0 5px 0;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    color: #fff;
	font-size: 23px;
	font-weight: normal;
    line-height: 1.3em;
}

.ContainerWrapper .Head
{
    color: #fff;
}

.containerSidebar .containerHeader h1
{
    margin: 0 0 4px 0;
}

h1, h2, h3, h4, h5, h6
{
	color: #fff;
	margin: 0;
	padding: 0 0 5px 0;
}
h1
{
	font-size: 23px;
	font-weight: normal;
}
h2
{
	font-size: 18px;
}
h3
{
	font-size: 16px;
}
h4
{
	font-size: 14px;
}
h5
{
	font-size: 12px;
}
h6
{
	font-size: 10px;
}
ul, ol
{
	line-height: 150%;
	margin-top: 0;
	margin-bottom: 0;
}
.ContainerWrapper p, .ContainerWrapper .Normal
{
	margin: 0px;
	padding: 0 0 10px 0;
	font-size: 14px;
	line-height: 150%;
}
.ContainerWrapper .Normal
{
	clear: both;
	padding: 0;
	color:#fff;
}
/* hyperlink style for buttons and link buttons used in the portal admin pages */

.edit a.CommandButton:link, .edit a.CommandButton:visited
{
	text-decoration: underline;
	color: #000;
}

.edit a.CommandButton:hover, .edit a.CommandButton:active
{
	text-decoration: none;
	color: Maroon;
}

h1.dnnTITLE
{
	font-size: 25px;
}

.containerMenu
{
	float: right;
	width: 20px;
    position: absolute;
    margin-top: -13px;
}

.containerHeader
{
	height: auto;
	width: 100%;
}

/* All coloured containers */
.redBGTop, .redBGBottom, .yellowBGTop, .yellowBGBottom, .redBGTop, .redBGBottom, .greenBGTop, .greenBGBottom
{
	height: 9px;
}

/************* SOLID RED BACKGROUND WITH CURVED CORNERS ***********/
.redBG .ContainerContent
{
	background: url(   'image/redBgR.png' ) repeat-y right top;
	padding-right: 10px;
}

.redBG .containerHeader h1, 
.greenBG .containerHeader h1,
.blueBG .containerHeader h1, 
.yellowBG .containerHeader h1
{
    padding: 0 0 0 5px;
}

.redBG .ContainerContent .containerHeader
{
    padding: 0 0 5px 0;
	background: url(   'image/redBG.png' ) repeat left top;
}

.redBG .ContainerContent .mainContentBox
{
	background: url(   'image/redBG.png' ) repeat left top;
	padding-left:10px;
}

.redBGTopL
{
	background: transparent url(   'image/redTL.png' ) no-repeat left top;
	padding-left: 10px;
}

.redBGTopL .redBGTopR
{
	background: transparent url(   'image/redTR.png' ) no-repeat right top;
	padding-right: 10px;
}

.redBGTopL .redBGTopR .redT
{
	height: 9px;
	background: url(   'image/redBgT.png' ) repeat left top;
}

.redBGBottomL
{
	background: transparent url(   'image/redBL.png' ) no-repeat left bottom;
	padding-left: 10px;
}

.redBGBottomL .redBGBottomR
{
	background: transparent url(   'image/redBR.png' ) no-repeat right bottom;
	padding-right: 10px;
}
.redBGBottomL .redBGBottomR .redB
{
	height: 10px;
	background: url(   'image/redBgB.png' ) repeat left bottom;
}

/************* SOLID YELLOW BACKGROUND WITH CURVED CORNERS ***********/
.yellowBG .ContainerContent
{
	background: url(   'image/yellowBgR.png' ) repeat-y right top;
	padding-right: 10px;
}

.yellowBG .ContainerContent .containerHeader
{
    padding: 0 0 5px 0;
	background: url(   'image/yellowBG.png' ) repeat left top;
}

.yellowBG .ContainerContent .mainContentBox
{
	background: url(   'image/yellowBG.png' ) repeat left top;
	padding-left:10px;
}

.yellowBGTopL
{
	background: transparent url(   'image/yellowTL.png' ) no-repeat left top;
	padding-left: 10px;
}

.yellowBGTopL .yellowBGTopR
{
	background: transparent url(   'image/yellowTR.png' ) no-repeat right top;
	padding-right: 10px;
}

.yellowBGTopL .yellowBGTopR .yellowT
{
	height: 9px;
	background: url(   'image/yellowBgT.png' ) repeat left top;
}

.yellowBGBottomL
{
	background: transparent url(   'image/yellowBL.png' ) no-repeat left bottom;
	padding-left: 10px;
}

.yellowBGBottomL .yellowBGBottomR
{
	background: transparent url(   'image/yellowBR.png' ) no-repeat right bottom;
	padding-right: 10px;
}

.yellowBGBottomL .yellowBGBottomR .yellowB
{
	height: 10px;
	background: url(   'image/yellowBgB.png' ) repeat left bottom;
}

.ContainerWrapper .yellowBG a, .ContainerWrapper .yellowBG a:link, .ContainerWrapper .yellowBG a:visited, .yellowBG .containerHeader h1, .yellowBG .containerHeader .Head, .ContainerWrapper .yellowBG .Head, .yellowBG h1, .yellowBG h2, .yellowBG h3, .yellowBG h4, .yellowBG h5, .yellowBG h6, .ContainerWrapper .yellowBG .Normal
{
    color: #000;
}

/************* SOLID BLUE BACKGROUND WITH CURVED CORNERS ***********/
.blueBG .ContainerContent
{
	background: url(   'image/blueBgR.png' ) repeat-y right top;
	padding-right: 10px;
}

.blueBG .ContainerContent .containerHeader
{
    padding: 0 0 5px 0;
	background: url(   'image/blueBG.png' ) repeat left top;
}

.blueBG .ContainerContent .mainContentBox
{
	background: url(   'image/blueBG.png' ) repeat left top;
	padding-left:10px;
}

.blueBGTopL
{
	background: transparent url(   'image/blueTL.png' ) no-repeat left top;
	padding-left: 10px;
}

.blueBGTopL .blueBGTopR
{
	background: transparent url(   'image/blueTR.png' ) no-repeat right top;
	padding-right: 10px;
}

.blueBGTopL .blueBGTopR .blueT
{
	height: 9px;
	background: url(   'image/blueBgT.png' ) repeat left top;
}

.blueBGBottomL
{
	background: transparent url(   'image/blueBL.png' ) no-repeat left bottom;
	padding-left: 10px;
}

.blueBGBottomL .blueBGBottomR
{
	background: transparent url(   'image/blueBR.png' ) no-repeat right bottom;
	padding-right: 10px;
}

.blueBGBottomL .blueBGBottomR .blueB
{
	height: 10px;
	background: url(   'image/blueBgB.png' ) repeat left bottom;
}

/************* SOLID GREEN BACKGROUND WITH CURVED CORNERS ***********/
.greenBG .ContainerContent
{
	background: url(   'image/greenBgR.png' ) repeat-y right top;
	padding-right: 10px;
}

.greenBG .ContainerContent .containerHeader
{
    padding: 0 0 5px 0;
	background: url(   'image/greenBG.png' ) repeat left top;
}

.greenBG .ContainerContent .mainContentBox
{
	background: url(   'image/greenBG.png' ) repeat left top;
	padding-left:10px;
}

.greenBGTopL
{
	background: transparent url(   'image/greenTL.png' ) no-repeat left top;
	padding-left: 10px;
}

.greenBGTopL .greenBGTopR
{
	background: transparent url(   'image/greenTR.png' ) no-repeat right top;
	padding-right: 10px;
}

.greenBGTopL .greenBGTopR .greenT
{
	height: 9px;
	background: url(   'image/greenBgT.png' ) repeat left top;
}
.greenBGBottomL
{
	background: transparent url(   'image/greenBL.png' ) no-repeat left bottom;
	padding-left: 10px;
}

.greenBGBottomL .greenBGBottomR
{
	background: transparent url(   'image/greenBR.png' ) no-repeat right bottom;
	padding-right: 10px;
}

.greenBGBottomL .greenBGBottomR .greenB
{
	height: 10px;
	background: url(   'image/greenBgB.png' ) repeat left bottom;
}

/************* SOLID Grey BACKGROUND WITH CURVED CORNERS ***********/
.greyBGTop, .greyBGBottom
{
	height: 30px;
}
.greyBG .ContainerContent
{
	margin: 0px;
	padding: 0px;
	background: url(   'image/greyR.png' ) repeat-y right top;
	padding-right: 10px;
}
.greyBG .ContainerContent .mainContentBox
{
	background: url(   'image/greyL.png' ) repeat-y left top;
	padding-left: 10px;
}

.greyBG .ContainerContent .containerHeader
{
    padding: 0 0 5px 0;
	background: url(   'image/greyBG.png' ) repeat left top;
}

.greyBG .ContainerContent .mainContentBox .innermostContainer
{
	background: url(   'image/greyBG.png' ) repeat left top;
	width: 100%;
	display: table;
}
.greyBGTopL
{
	background: transparent url(   'image/greyTL.png' ) no-repeat left top;
	padding-left: 45px;
}
.greyBGTopL .greyBGTopR
{
	background: transparent url(   'image/greyTR.png' ) no-repeat right top;
	padding-right: 45px;
}
.greyBGTopL .greyBGTopR .greyT
{
	height: 30px;
	background: url(   'image/greyT.png' ) repeat left top;
}
.greyBGBottomL
{
	background: url(   'image/greyBL.png' ) no-repeat left top;
	padding-left: 45px;
}
.greyBGBottomL .greyBGBottomR
{
	background: transparent url(   'image/greyBR.png' ) no-repeat right bottom;
	padding-right: 45px;
}
.greyBGBottomL .greyBGBottomR .greyB
{
	height: 30px;
	background: url(   'image/greyB.png' ) repeat left bottom;
}


/************* QUIZ Container ***********/

.ContainerWrapper .quiz .mainContentBox
{
	background: url( 'image/Quiz-Question-Mark.gif' ) no-repeat top right;
	width: 100%;
	min-height: 118px;
}

/************* Students Aged 5-8 Container ***********/
.students58, .students912, .teachers
{
	width: 100%;
	height: 70px;
}

.students58
{
	background: url( 'image/Students-5-8-Heading.gif' ) no-repeat center center;
}

.students912
{
	background: url( 'image/Students-9-12-Heading.gif' ) no-repeat center center;
}

.teachers
{
	background: url( 'image/Teachers-Heading.gif' ) no-repeat center center;
}



/************* Transparent Container ***********/
.transparentContainer a, .transparentContainer a:link, .transparentContainer a:visited
{
	color: #000;
}