/* Start of CMSMS style sheet 'moylesMainStyles' */
/* .clearfix {display: inline-table;} */
/* Hides from IE-mac \*/
* html .clearfix {
height:1%;
}
*+html .clearfix {
height:1%;
}


body {
	font-size: 100%;
}



/*** Reusable Styles start *****/ 

.siteCenter {margin-right: auto; margin-left: auto;}
.siteWidth {width: 980px; margin-right: auto; margin-left: auto;}
.autoHeight {height: auto;}
.autoWidthHeight {width: auto; height: auto;}
.autoWidth {width: auto;}
.floatLeft {float: left;}
.floatRight {float: right;}
.clearboth {clear: both;}
.clearLeft {clear: left;}
.clearRight {clear: right;}
.marginLeft {margin-left: 15px}
.marginRight {margin-right: 15px}
.width300 {width: 300px}
.marginBot {margin-bottom: 8px}
.paddingTop {padding-top: 12px}
.paddingBot {padding-top: 15px}
.imageLeft {margin-right: 15px; margin-top: 15px; float:left;}
.imageLeftTop {margin-right: 15px; float:left;}
.imageRight {margin-left: 15px; float:right;}
.displayNone {display: none; height: 0; width: 0;}
.grey {color: #868f98}
.paddingBot4 {padding-bottom:6px}
.positionRight {
	position: absolute;
	top: -10px;
	right: -10px;
}
.relative {position: relative;}

.minHeight {
	min-height: 232px;
}

.minHeightMaster {
	min-height: 197px;
}

.minHeightUpcoming {
	min-height: 190px;
}

.positionLeft {
	position: absolute;
	top: 15px;
	left: 25px;
	width: 450px;
}

.marginZestHome {
	margin-bottom: -6px;
}

/*** Reusable Styles end *****/ 

.usefulLinks {
	margin: 12px 0;
	padding: 8px 0;
	display: block;
	border-top: 1px solid #ebc6d3;
	border-bottom: 1px solid #ebc6d3;
	width: 100%;

}

.moylesCourtLogo {
	margin: 28px 0 0 140px;
	padding: 0 0 5px 0;
}

/* header layout starts */

#header {
	background-color: #E52F45;	
	background-position: left top;	
	background-repeat: no-repeat;	
	background-image: url(uploads/moyles/images/header_bg_moyles.jpg);
	padding: 30px 0 0 0;
}

/* search header starts */

.searchDiv {
	margin: 10px 0 4px 0;
	padding: 5px 10px 10px 0;
	background-position: right top;
	background-repeat: no-repeat;
	background-image: url(uploads/moyles/images/searchBoxBg.png);
}

.searchDiv input {
	width: 148px;
	border: 0;
}

.searchDiv input.search-button {
	font-weight: bold;
	background-color: #c00;
    cursor: pointer;
}

.searchDiv label {
	visibility: hidden;
}

#searchBox input:focus {background-color: #ccc;}

/* search header ends */


/*** photo button starts ***/

h2.rButSmGrey,
h2.rButBigGrey,
h2.rButSmGreyLeft,
h2.rButBigGreyLeft {
	float: left;
	height: 39px;
	display: block;
	background-repeat: no-repeat;
}

h2.rButSmGrey,
h2.rButBigGrey {
	padding: 6px 0 0 25px;
	background-position: left top;	
}

h2.rButSmGreyLeft,
h2.rButBigGreyLeft {
	padding: 6px 0 0 40px;
	background-position: 15px top;	
}

h2.rButBigGreyLeft,
h2.rButBigGrey {
	width: 252px;
	background-image: url(uploads/moyles/images/rightButBig.jpg);
}

h2.rButSmGreyLeft,
h2.rButSmGrey {
	width: 188px;
	background-image: url(uploads/moyles/images/rightButSm.jpg);
}

/* photo button ends */


.breadCrumb {
	padding: 0 0 5px 80px;
}

.zestBox {margin: 0 15px 5px 10px; width: 97px; height: 107px; overflow: hidden;}
.zestBox a {display: block; width: 100%; padding: 130px 0 0 0;}
.searchBox {text-align: right; height: 107px; padding: 10px 10px 0 0;}


/* slider styles */
.sliderNav {
	clear: both;
	background-position: center top;	
	background-repeat: no-repeat;	
	background-image: url(uploads/moyles/images/sliderBg.jpg);
	height: 178px;
}

/************ left boxes start ****************/

	/* small left boxes start */

	/* small left boxes start */

.lBoxSmBotZest,	
.lBoxSmTop,
.lBoxSmBot,
.lBoxSmMid {
	width: 163px;
}

.lBoxSmMid {
	background-color: #E52F45; /* apply identical background color */	
	background-repeat: repeat-y;
	background-position: left top;	
	background-image: url(uploads/moyles/images/leftBoxSmMid.jpg);
	padding: 5px 25px 0 40px;
}


.lBoxSmRed {
	background-color: #E52F45; /* apply identical background color */	
	background-repeat: no-repeat;	
	background-image: url(uploads/moyles/images/leftBoxSm.jpg);
}

.lBoxSmClear {
	background-repeat: no-repeat;	
	background-image: url(uploads/moyles/images/leftBoxSmClear.jpg);
}

.lBoxSmBotZest {
	background-repeat: no-repeat;	
	background-image: url(uploads/moyles/images/leftBoxSmBotZest.jpg);
	background-position: left bottom;
	padding: 0 25px 410px 40px;
}

	/* small left boxes end */
	
	/* big left boxes start */
	
.lBoxBigTop,
.lBoxBigBot {
	width: 226px;
}

.lBoxBigRed {
	color: #fff;
	background-color: #E52F45; /* apply identical background color */	
	background-repeat: no-repeat;	
	background-image: url(uploads/moyles/images/leftBoxBig.jpg);
}

.lBoxPadTop {
	background-position: left top;
	padding: 15px 25px 0 40px;
}

.lBoxPadBot {
	padding: 0 25px 46px 40px;
	background-position: left bottom;
}

.lBoxPadBotUp {
	padding: 0 25px 15px 40px;
	background-position: left bottom;
}

.lBoxBigClear {
	background-repeat: no-repeat;	
	background-image: url(uploads/moyles/images/leftBoxBigClear.jpg);
}

.lBoxNewsTop {
	background-position: left top;	
	background-repeat: no-repeat;	
	background-image: url(uploads/moyles/images/leftBoxNewsTop.jpg);
	padding: 10px 25px 10px 40px;
}

.lBoxZestTop {
	width: 219px;
	background-position: left top;	
	background-repeat: no-repeat;	
	background-image: url(uploads/moyles/images/leftBoxZestTop.jpg);
	padding: 10px 25px 10px 40px;
}

.lBoxZestBot {
	width: 219px;
	padding: 5px 25px 213px 40px;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url(uploads/moyles/images/leftBoxZestBot.jpg);
}

/* big left boxes end */

/************ left boxes end ****************/


/********** mid boxes start ************/

.mBoxTop,
.mBoxBottom {
	width: 412px;
	background-repeat: no-repeat;
}

.zBoxTop,
.zBoxBot {
	width: 635px;
	background-repeat: no-repeat;
	background-image: url(uploads/moyles/images/zestBigBoxClear.jpg);
}

.mBoxBiggerTop,
.mBoxBiggerBot {
	width: 475px;
	background-repeat: no-repeat;
	background-image: url(uploads/moyles/images/midBoxGreyBigger.jpg);
}

.mBoxPadTop {
	padding: 15px 25px 0 25px;
	background-position: left top;
}

.mBoxPadBot {
	padding: 0 25px 40px 25px;
	background-position: left bottom;
}

.mBoxGrey {
	background-color: #edeff0;
	background-image: url(uploads/moyles/images/midBox.jpg);
}

.mBoxClear {background-image: url(uploads/moyles/images/midBoxClear.jpg);}

.doubleBoxMidBlack,
.doubleBoxTopRed,
.doubleBoxTopGrey,
.doubleBoxMidGrey,
.doubleBoxBotGrey,
.doubleBoxTopClear,
.doubleBoxMidClear,
.doubleBoxBotClear  {
	width: 680px;
}

.doubleBoxTopClear,
.doubleBoxBotClear {	
	background-image: url(uploads/moyles/images/doubleBoxClear.jpg);
}

.doubleBoxTopGrey,
.doubleBoxBotGrey {	
	background-image: url(uploads/moyles/images/doubleBoxGrey.jpg);
}

.doubleBoxMidClear {
	background-image: url(uploads/moyles/images/doubleBoxClearMid.jpg);
}

.doubleBoxMidGrey {
	background-image: url(uploads/moyles/images/doubleBoxGreyMid.jpg);
}

.doubleBoxTopRed {
	background-image: url(uploads/moyles/images/doubleBoxGreenTop.jpg);
}

.doubleBoxMidBlack {
	background-image: url(uploads/moyles/images/doubleBoxBlackMid.jpg);
	height: 5px;
}

.doubleBoxPadTop {
	padding: 15px 35px 10px 25px;
	background-repeat: no-repeat;
	background-position: left top;
}

.doubleBoxPadTopNews {
	padding: 15px 35px 0 25px;
	background-repeat: no-repeat;
	background-position: left top;
}

.doubleBoxMidPad {
	padding: 0 35px 0 25px;
	background-position: left top;
	background-repeat: repeat-y;
}

.doubleBoxMidZestPad {
	padding: 15px 35px 0 25px;
	background-position: left top;
	background-repeat: repeat-y;
}

.doubleBoxPadBot {
	padding: 0 35px 15px 25px;
	background-repeat: no-repeat;
	background-position: left bottom;
}

.doubleBoxMidZestPad ol { margin-left: 2.35em; }
.doubleBoxMidZestPad ol li {padding: 5px 0; }
.doubleBoxMidZestPad ol ul {margin-left:15px}
.doubleBoxMidZestPad ol ul li {list-style-type: disc; font-size:.8em; padding: 0; }


/****** *****/

.biggerBoxTopGrey,
.biggerBoxMidGrey,
.biggerBoxBotGrey,
.biggerBoxTopClear,
.biggerBoxMidClear,
.biggerBoxBotClear  {
	width: 465px;
}

.biggerBoxTopClear,
.biggerBoxBotClear {	
	background-image: url(uploads/moyles/images/doubleBoxClear.jpg);
}

.biggerBoxTopGrey,
.biggerBoxBotGrey {	
	background-image: url(uploads/moyles/images/biggerBoxGrey.jpg);
}

.biggerBoxMidClear {
	background-image: url(uploads/moyles/images/doubleBoxClearMid.jpg);
}

.biggerBoxMidGrey {
	background-image: url(uploads/moyles/images/biggerMidBoxGrey.jpg);
}

.doubleBoxPadTop {
	padding: 15px 35px 10px 25px;
	background-repeat: no-repeat;
	background-position: left top;
}

.doubleBoxMidPad {
	padding: 0 35px 0 25px;
	background-position: left top;
	background-repeat: repeat-y;
}

.doubleBoxPadBot {
	padding: 0 35px 15px 25px;
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* table styles for mid boxes start */

table {border: 1px solid #ccc; width: 270px; margin: 10px 25px;}
th {font-size: 110%;}
th,td {padding: 5px 5px; border: 1px solid #ccc;vertical-align: top;}
.alternate {background-color: #f2d65e}

table#afterschool {width: 100%; margin: 10px 0;}
table#afterschool th {font-size: 110%;background-color: #f2d65e}
table#afterschool th.green {font-size: 110%;background-color: #8cc63f}
table#afterschool .alternate {background-color: #ebebeb;}
table#afterschool th.textcenter {text-align:center;}
table#afterschool td.textcenter {text-align:center;}
table#afterschool td {vertical-align: top;}
table#afterschool td.table_color {background-color: #ebebeb;}

/* table styles for mid boxes end */


/* Image styles for Mid boxes */

.doubleBoxMidZestPad img,
.doubleBoxMidPad img,
.mBoxPadBot img,
.doubleBoxMid img,
.doubleBoxBot img {
	border: 3px solid #d2d6d9;
	padding: 2px;
	margin-bottom: 10px;
	background-color: #F5FFF1;
}

img.noBorder {border: none; margin-right 10px; padding: 0}

/********** mid boxes end ************/


/************ right boxes start ****************/


	/* small right boxes start */
	
.rBoxSmTop,
.rBoxSmBot {
	width: 168px;
}

.rBoxSmRed {
	background-color: #E52F45; /* apply identical background color */	
	background-repeat: no-repeat;	
	background-image: url(uploads/moyles/images/rightBoxSm.jpg);
}

.rBoxSmSidePadTop,
.rBoxSmSidePadBot {
	width: 160px;
}

	/* small right boxes end */
	
/* big right boxes start */

.rBoxNoBg {
	margin-left:6px
}

.rBoxNoBg img {
	border: 2px solid #ccc;
	padding: 1px;
	margin-bottom: 10px; margin-left: 3px;

}
	
.rBoxBigTop,
.rBoxBigBot {
	width: 240px;
}

.rBoxBigRed {
	background-color: #E52F45; /* apply identical background color */	
	background-repeat: no-repeat;	
	background-image: url(uploads/moyles/images/rightBoxBig.jpg);
}

.rBoxBigRed {
	background-color: #E52F45; /* apply identical background color */	
	background-repeat: no-repeat;	
	background-image: url(uploads/moyles/images/rightBoxBig.jpg);
}

.rBoxSideRed {
	background-color: #E52F45; /* apply identical background color */	
	background-repeat: no-repeat;	
	background-image: url(uploads/moyles/images/rightBoxSide.jpg);
}

.rBoxSidePadTop,
.rBoxSidePadBot {
	width: 230px;
}

.rBoxSidePadTop {
	background-position: right top;
	margin: 10px 0 0 0;
	padding: 15px 35px 0 25px;
}

.rBoxSidePadBot {
	background-position: right bottom;
	padding: 5px 35px 15px 25px;
}

.rBoxSmSidePadTop {
	background-position: right top;
	margin: 10px 0 0 0;
	padding: 15px 35px 0 30px;
}

.rBoxSmSidePadBot {
	background-position: right bottom;
	padding: 5px 35px 15px 30px;
}

	/* big right boxes end */

.rBoxPadTop {
	background-position: left top;
	padding: 15px 25px 0 25px;

}

.rBoxPadBot {
	padding: 0 25px 40px 25px;
	background-position: left bottom;
}



/************ right boxes end ****************/


/************ bottom boxes start ****************/

.botBoxTop,
.botBoxBottom {
	background-repeat: no-repeat;
}

.botBoxPadTop {
	padding: 5px 35px 0 45px;
	background-position: left top;
}

.botBoxPadBot {
	padding: 0 40px 35px 45px;
	background-position: left bottom;
}

.botBoxClear {background-image: url(uploads/moyles/images/botBoxClearBg.jpg);}

.halfWidth {
	width: 422px;
}


/************ bottom link box starts ****************/

.botLinksTop,
.botLinksBot {
	background-repeat: no-repeat;
	background-image: url(uploads/moyles/images/linkBoxBg.png);
}

.botLinksPadTop {
	padding: 10px 35px 10px 35px;
	background-position: left top;
}

.botLinksPadTop p span {font-weight: bold}

.botLinksPadBot {
	padding: 0 0 35px 35px;
	background-position: left bottom;
}

/************ bottom link box ends ****************/

/* Thumbnail gallery styles */

.bigGalleryRight {width: 268px; margin:0; padding: 0 0 0 2px;}
.smGalleryRight {width: 215px; margin:0; padding: 0 0 0 2px;}
.smGalleryLeft {width: 205px; margin: 0 0 0 8px; padding: 0 0 0 8px;}

.galleryPage {width: 700px; margin: 0; padding: 0 0 0 2px;clear: both;}

.gallery {clear: both;}

.galleryPage .img {
	height: 96px;
	width: 136px;
	float: left;
	margin: 0 14px 24px 14px;
	text-align: center;
}

.galleryPage .img a {
	display: inline-block;
	border: 2px solid #ccc;
	padding: 1px;
}

.gallery .img {
	height: 50px;
	width: 53px;
	float: left;
	margin: 0 7px 12px 7px;
	text-align: center;
}

.gallery .img a {
	display: inline-block;
	border: 2px solid #ccc;
	padding: 1px;
}

.galleryPage .img a:hover,
.gallery .img a:hover {
	border-color: #000;
}

.galleryPage img,
.gallery img {
	border: none;
padding: 0; margin: 0;
}

.galleryPage .pagenavigation,
.gallery .pagenavigation {
	height: 50px;
}

.galleryPage .prevpage a,
.galleryPage .prevpage em,
.gallery .prevpage a,
.gallery .prevpage em {
	display: block;
	width: 50px;
	height: 39px;
	float: left;
	margin: 0;
	text-indent: -1000px;
	background: url(../../images/previous.png) transparent no-repeat 0 0;
}

.galleryPage .nextpage a,
.galleryPage .nextpage em,
.gallery .nextpage a,
.gallery .nextpage em {
	display: block;
	width: 50px;
	height: 39px;
	float: left;
	margin: 0 6px 0 0;
	text-indent: -1000px;
	background: url(../../images/next.png) transparent no-repeat 0 0;
}

.galleryPage .parentlink a,
.gallery .parentlink a {
	display: block;
	width: 50px;
	height: 39px;
	float: left;
	text-indent: -1000px;
	background: url(../../images/uppage.png) transparent no-repeat 0 0;
}

.galleryPage .pagenavigation a:hover,
.gallery .pagenavigation a:hover {
	background-position: 0 -40px;
}

.galleryPage .prevpage em,
.galleryPage .nextpage em,
.gallery .prevpage em,
.gallery .nextpage em {
	background-position: 0 -80px;
}

.galleryPage .pagelinks,
.gallery .pagelinks {
	float: right;
	border-right: 2px solid #666;
}

.galleryPage .pagelinks a,
.galleryPage .pagelinks em,
.gallery .pagelinks a,
.gallery .pagelinks em {
	margin-top: 6px;
	padding: 0 6px;
	border-left: 2px solid #666;
	text-align: center;
	font: bold 11px verdana; color: #666;
}

.galleryPage .pagelinks em,
.gallery .pagelinks em {
	color: #000;
}

.galleryclear {
	clear: both;
}


.details {
	width:auto;
	padding: 15px;
}

/** form **/
.contactYou {
	width: 380px;
	float: left;
	margin: 0;
}

.red {color: #e53044}

.error_message ul.warning li {
	list-style-type: none;
	padding: 2px 0 2px 25px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(uploads/moyles/images/exclamation.gif);
}

.error_message {width: 366px; height:auto; padding: 10px 0 0 10px; border: 2px solid #e53044; margin-bottom:10px;}
.error_message ul {padding-bottom: 10px}
.error_message p {color: #e53044;}

.error_messagePros ul.warning li {
	list-style-type: none;
	padding: 2px 0 2px 25px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(uploads/moyles/images/exclamation.gif);
}

.error_messagePros {width: 90%; height:auto; padding: 10px 0 0 10px; border: 2px solid #e53044; margin: 10px auto;}
.error_messagePros ul {padding-bottom: 10px}
.error_messagePros p {color: #e53044;}

table#contact_details {border: 1px solid #ccc; width: 250px; margin: 10px 0; float: right}
table#contact_details th {font-size: 110%;}
table#contact_details th,td {padding: 5px 5px; border: 1px solid #ccc;vertical-align: top;}

ul.smLeftNavShowParent li.menuparent ul {padding-top: 10px}



.weCallYou {
	margin: 0;
	width: 395px;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
}

.weCallYou em {font-style: italic; font-size: .9em;}

.weCallYou label {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	width: 100px;
	display: block;
	text-align: right;
	float: left;
	font-size: .8em;
}

.weCallYou input {
	float: left;
	margin: 0 0 10px 0;
}

.weCallYou .required {
	clear: both;
		overflow: hidden;
	
}

.weCallYou legend {
	margin-left: 25px;
	padding: 0 10px;
	font-size: 1.2em;
	color: #414b56;

}

.weCallYou textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
}

.weCallYou fieldset {	
	border-color: #ebc6d3;
	border-style: solid;	
	border-width: 1px;
	padding: 10px;
	margin-bottom: 10px
}

.weCallYou .submit {
	float: right;
}

fieldset.requestPros {
	width: 300px;
	padding: 15px;
	margin: 5px 0;
	border: 1px solid #ccc;

}

.requestProsForm {
	width: 100%;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

.requestProsForm label {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: .8em;
	padding: 0 5px 0 0;
	width: 80px;
	display: block;
	float: left;
}

.requestProsForm input {
	border: 1px solid #868f98;
	padding: 2px;
}

.requestProsForm .required input {
	border: 1px solid #eb3045;
	padding: 2px;
}

.requestProsForm .required {
	width: auto;
}

.requestProsForm input {
	margin: 0 0 10px 0;
}

.requestProsForm .noChild label {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: .8em;
	padding: 0 5px 0 0;
	width: 190px;
	display: block;
	float: left;
}

.requestProsForm .submit {
	float: right;
	clear: both;
}

fieldset.requestPros label {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	width: 100px;
	display: block;
	text-align: right;
	float: left;
	font-size: .8em;
	padding-right: 5px;
}

fieldset.requestPros input {
	float: left;
	margin: 0 0 10px 0;
}

.requestProsForm .radioGroup {
	width: 100%;
	clear: both;
}

.requestProsForm .radioGroup div {
	width: 300px;
	clear: both;
}
.requestProsForm .radioGroup div input {
	width: 20px;
	margin: 6px;
}

.requestProsForm .radioGroup div label {
	text-align: left;
}

.requestProsForm .submit input {
	background-color: #eb3045;
	color:#fff;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:.8em;
border: 1px solid #000;
}
.divClass {
position: relative;
}
.divClass .deleteDiv {
background-position: left top;
background-repeat: no-repeat;
position: absolute;
top: -17px;
right: -25px;
cursor: pointer;
background-image: url(uploads/moyles/images/false_on.png);
padding: 8px 5px 0 8px;
display: block;
width: 85px;
height: 34px;
font-weight: bold;
color: #fff;
font-size: .7em;
}
/* End of 'moylesMainStyles' */