@charset "UTF-8";
/* CSS Document */

/* ---------------------------------------------------------------------------------------------------------------------------------
	1) STYLE SHEET FOR WWW.FULLONPSORT.CO.UK - AUTHOR: IWOOD WEB DESIGN
/* --------------------------------------------------------------------------------------------------------------------------------- */

#event_series_banner {
    background-color: blue;
    border: 1px solid #CCCCCC;
    margin: 0 auto 20px;
    padding: 5px;
    position: relative;
    width: 99%;
}
/* ---------------------------------------------------------------------------------------------------------------------------------
	1) RESETS & UNIVERSAL CLASSES
/* --------------------------------------------------------------------------------------------------------------------------------- */
	body {font-size:62.5%; font-family:"Lucida Grande", arial, sans-serif; margin:0; padding:0;}
	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td 
	{ margin:0; padding:0;}
	fieldset, img, abbr, acronym { border:0 none;}
	table { border-collapse:separate; border-spacing:0;}
	:focus { outline:0;}
	address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal;}
	caption, th { text-align:left;}
	h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;}
	blockquote:before, blockquote:after, q:before, q:after { content:"";}
	
	html, body {margin:0; padding:0; height:100%;}

	
	ul.textList {list-style:inside; font-size: 1.2em; line-height: 20px; color: #333; margin: 15px 0;}
	li.tick {background:url(../images/blueTick.png) no-repeat; background-position: 0 6px; padding-left: 20px; list-style: inside none; line-height: 25.5px;}
	
	

.contentHolder ol {	color:#0066FF;font-size:1.4em; font-weight:bold; list-style: inside decimal;}
	
.contentHolder ol li {margin-bottom: 10px; line-height: 26px;}	
.default_grey {color: #333;}
	
	
	.nomargin { margin:0 !important;}
	.fleft { float:left;}
	.fright { float:right;}
	.clear { clear:both; height:0; line-height:0; visibility:hidden;}
	.clearfix:after, .subheading:after, dl:after, .prodlist dd:after, .selectpop dd:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
	#ie6 .clearfix, #ie6 dl, #ie6 .subheading, #ie6 .prodlist dd, #ie6 .selectpop dd, #ie7 .clearfix, #ie7 dl, #ie7 .subheading, #ie7 .prodlist dd, #ie7 .selectpop dd { display:inline-block;}
	.alignRight {text-align: right;}
	.alignLeft {text-align: left;}
	.white {color: #fff;}
	.lBlue {color: #99ccff;}
	.lGrey {color: #999;}
	.info p.lh12 {line-height: 12px;}
	.holder960 {width: 940px; padding: 0 10px; margin: 0 auto; position: relative;}
	.stripes {background-image:url(../images/stripes.png); height: 79px; background-repeat: no-repeat; background-position: top right;}
	.lineBreak {width: 100%; height:0px; border-bottom: 1px dotted #666; clear:both;}
	.dot_break {height: 1px; border-bottom: 1px dotted #CCC; width: 100%; margin-bottom: 15px; margin-top: 5px; clear: both;}
	.solid_break {height: 1px; border-bottom: 2px solid #CCC; width: 100%; margin-bottom: 15px; margin-top: 5px; clear: both;}
  
	.dottedLine {height: 10px; border-bottom: 1px dotted #b3b3b3; width: 100%; margin-bottom: 20px; margin-top: 0px;}
	
	.mt10 {margin-top: 10px;}
	
	.noPadding {padding: 0;}
	.padding {padding: 10px;}
	.contentHolder.noTopPadding {padding: 0 10px 10px 10px;}
	.contentHolder ul {list-style: inside; line-height: 20px; font-size: 1.2em;}
	
	.size11 {font-size: 1.1em; line-height: 18px;}
	.size16 {font-size: 1.6em; line-height: 22px;}
	.size14 {font-size: 1.4em; line-height: 22px;}
	
	.clickable:hover {cursor:pointer;}
	
	#footer .stripes {background-image:url(../images/stripesFooter.png); height: 158px; background-repeat: no-repeat; background-position: top right;}
	 #userLogin .login {border:1px solid #333333;float:left;height:21px;margin-right:5px;margin-top:2px;width:137px; padding-left: 5px;}
	 
	 h4 {font-size: 1.0em; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: bold; color: #666; text-transform:uppercase; margin-bottom: 10px;}
	 h1 {margin: 0; padding: 0;}
	 h2 {font-size: 1.4em; font-weight: bold; color: #333; margin-bottom: 2px;}
	 h3 {font-size: 1.2em; color: #333; margin-bottom: 4px;}
	 
	 .thumbNail {border:1px solid #E4E2E2; display:block; float:left; margin-bottom:10px; margin-right:10px; padding:3px; background-color:#FFF;}
	 
	 .inputLabel {width: 90px; font-size: 1.4em; margin-bottom: 10px; font-weight: bold; margin-top: 20px;}
	 
	 .inputHolder {float: right; width: 200px; height: 20px; margin-right: 168px; margin-top: -70px; }
	 
	 .inputHolder input {height: 20px; width: 200px; margin-bottom: 12px;}
	 
	 #loginHolder {position: absolute; width:65px; left: 300px; top: 211px; cursor:  pointer;}
	 #forgotPassword {left:209px; position:absolute; top:240px; width:90px;}
	 
	 #catalogue #loginHolder {position: absolute; width:65px; left: 300px; top: 234px; cursor:  pointer;}
	 #catalogue #forgotPassword {left:209px; position:absolute; top:263px; width:90px;}

	
/* ---------------------------------------------------------------------------------------------------------------------------------
	2) TYPOGRAPHY
/* --------------------------------------------------------------------------------------------------------------------------------- */

p {font-size: 1.2em; color: #333; line-height: 22px; margin-bottom: 10px;}
a, .TabbedPanelsContent a.link {color: #0066ff; text-decoration: none;font-style: normal; font-family:"Lucida Grande", arial, sans-serif; margin:0; padding:0;}
.TabbedPanelsContent a.link {display:inline; font-size: 12px;}

.TabbedPanelsContent .lineBreak {height: 1px; border-bottom: 1px dotted #b3b3b3; width: 100%; margin-bottom: 5px;}
.TabbedPanelsContent p {margin-bottom: 5px;}

.TabbedPanelsContent a.link:hover {color: #333; background: none;}
a:hover {color: #333;}

.quotes {font-family: Georgia, "Times New Roman", Times, serif; font-style: italic;}
.plain {font-family:"Lucida Grande", arial, sans-serif; margin:0; padding:0; font-style:normal; font-size: 1.0em;}

#userLogin a {color: #fff; text-decoration: none;}
#userLogin a:hover, #loggedIn a:hover {color:#99ccff; cursor: pointer;}


/* ---------------------------------------------------------------------------------------------------------------------------------
	3) PAGE LAYOUT
/* --------------------------------------------------------------------------------------------------------------------------------- */
/*#container {height:100%;} FOR IE 5.5 and 6*/
#container {min-height:100%; position:relative;}

#header {height: 79px; width: 100%; background-image:url(../images/blueGrad2.jpg);}

#logo {float: left; width: 265px; height: 58px; margin: 10px 0 0 0;}
#userLogin {width: 360px; height: 41px; float: right; margin: 23px 0 0 0; color: #fff; font-size: 1.1em;}
#userLogin .registerLabel {float: left; margin-left: 67px; width: 78px;}
#userLogin .passwordLabel {float: left; margin-left: 50px; width: 98px;}

#loggedIn {float:right; width: 400px; font-size: 1.1em; color: #fff; text-align: right; margin-top: 15px;}
.profileLinks {margin-top: 10px;}
.profileLinks a {font-weight: bold;  color:#FFF; margin-left: 20px;}
.profileName {line-height: 30px;}

#banner {height: 335px; width: 100%; background:url(../images/greyGrad.jpg);}
#contentTop {height: 64px; width: 100%; background-image:url(../images/contentTopBg.jpg); border-bottom: 1px dotted #999; padding-top: 34px;}
#contentMid {width: 100%; background-color: #efeded; border-bottom: 1px dotted #999; padding: 20px 0;} 
#contentBtm {width: 100%; background-color: #fff; border-bottom: 1px dotted #999; padding: 20px 0 232px 0;}

#subMenu {background-image:url(../images/subMenuBg.jpg); border: 1px solid #999; height: 13px;padding: 9px 10px 10px 10px; float: right; margin-top: -43px; font-size: 1.1em; margin-right: -2px;}
#subMenu a {color: #666; font-weight: bold; margin-right: 17px;}
#subMenu a.last{ margin-right: 0;}

#subMenu a:hover {color: #06F;}



#footer {width: 100%; height: 232px; background:url(../images/footerGrad.jpg); position: absolute; bottom: 0;}
.footerCol {width: 134px; float: left; color: #fff; padding: 20px 0;}
.footerCol a {color: #fff; font-size: 1.1em; display: block; line-height: 22px;}
.footerCol a.top {font-size: 1.4em; font-weight: bold; text-transform: uppercase;}
.footerCol a:hover {color: #ccc;}

#footerLeft {width: 175px; height: 35px; float: left; margin-top: 10px;}

#footerRight {float: right; margin-top: 10px; color: #ccc; font-size: 1.1em;}
#footerRight a {color: #FFF;}
#footerRight a:hover {color:#CCC;}

.profileInfo {float:left; width: 200px; text-align: left; margin-left: 10px; margin-top: 35px;}
.profileInfo p {line-height: 20px;}
.profileInfo h1 {font-size: 1.8em; font-weight: bold; color:#333; margin-bottom: 5px;}
.profileInfo h2 {font-size: 1.2em; color:#333; font-weight: normal; margin-bottom: 2px;}

.profilePhoto {background-image:url("../images/photo_bg.jpg");background-repeat:no-repeat;float:left;height:121px;margin-left:-5px;margin-top:-5px;padding:15px 15px 0;width:96px; margin-bottom: 5px;}

.left460 {width: 460px; float: left; position: relative;}
.right460 {width: 460px; margin-left: 10px;float: right;}
.mt22 {margin-top: 22px;}
.mt10 {margin-top: 10px;}

.greyContent480 {border-top: 1px dotted #999; border-bottom: 1px dotted #999; margin-top: 20px; padding: 20px 10px; width: 460px; margin-left: -10px; margin-bottom: 20px; float: left; background-color: #efeded;}

.eventHolder {border-bottom: 1px dotted #CCC; padding: 15px 10px; width: 510px; margin-left: -10px; height: 72px;}
.eventHolder:hover, .eventHolder.even:hover {border-bottom: 1px dotted #bec6d0; background-color: #dfeaf7;}


.eventHolderLinks {float: right; text-align: right;}
.eventHolderLinks a {display: block; font-size: 1.1em; font-weight: bold; margin-bottom: 5px;}

.eventHolder.firstRow, .blogContent.firstRow {margin-top: -10px;}
.eventHolder.last, .blogContent.last {border: 0; margin-bottom: -10px;}
.eventHolder.even {background-color: #f6f4f4;}

#event_banner {width: 99%; padding: 5px; border: 1px solid#CCC; margin: 0px auto 20px auto; position: relative; background-color: #fff;}

#event_banner_text {margin-right:10px; margin-top:22px; position:absolute; right:0; text-align:right; top:3px;}

#event_banner_text h1 {font-size: 1.8em; font-weight: bold;}

#event_series_banner {width: 99%; padding: 5px; border: 1px solid#CCC; margin: 0px auto 20px auto; position: relative; background-color: blue;}
#event_series_banner_text {margin-right:10px; margin-top:22px; position:absolute; right:0; text-align:right; top:3px;}
#event_series_banner_text h1 {color: white; font-size: 1.8em; font-weight: bold;}
#event_series_banner_text h2 {color: white; font-size: 1.8em; font-weight: bold;}

.warning {float: left; margin-right: 10px; margin-top: 2px;}



/* ---------------------------------------------------------------------------------------------------------------------------------
	4) NAV LAYOUT
/* --------------------------------------------------------------------------------------------------------------------------------- */


#navBar {height: 46px; width: 100%; background:url(../images/whiteGrad.jpg); border-bottom: 1px solid #808080;}
#linkHolder {height: 46px; width: 671px; float: right; margin-right: -13px;}
#linkHolder span {visibility: hidden;}
#linkHolder a {text-decoration: none;}

#newsHolder {float: left; margin-top: 17px; color: #666; width: 370px;}

.homeTab {width: 67px; height: 46px; display: block; float: left; background:url(../images/navSprite.jpg) 0 0;}
.homeTab:hover {background-position: 0 -46px;}
#home .homeTab {background-position: 0 -92px;}

.eventsTab {width: 78px; height: 46px; display: block; float: left; background:url(../images/navSprite.jpg) -67px 0;}
.eventsTab:hover {background-position: -67px -46px;}
#events .eventsTab {background-position: -67px -92px;}


.resultsTab {width: 85px; height: 46px; display: block; float: left; background:url(../images/navSprite.jpg) -145px 0;}
.resultsTab:hover {background-position: -145px -46px;}
 #results .resultsTab {background-position: -145px -92px;}

.organiserTab {width: 108px; height: 46px; display: block; float: left; background:url(../images/navSprite.jpg) -230px 0;}
.organiserTab:hover {background-position: -230px -46px;}
 #organiser .organiserTab{background-position: -230px -92px;}

.forumTab {width: 76px; height: 46px; display: block; float: left; background:url(../images/navSprite.jpg) -337px 0;}
.forumTab:hover {background-position: -337px -46px;}
 #forum .forumTab {background-position: -337px -92px;}

.blogTab {width: 71px; height: 46px; display: block; float: left; background:url(../images/navSprite.jpg) -412px 0;}
.blogTab:hover {background-position: -412px -46px;}
 #blogs .blogTab {background-position: -412px -92px;}

.servicesTab {width: 90px; height: 46px; display: block; float: left; background:url(../images/navSprite.jpg) -482px 0;}
.servicesTab:hover {background-position: -482px -46px;}
 #about .servicesTab {background-position: -482px -92px;}

.contactTab {width: 96px; height: 46px; display: block; float: left; background:url(../images/navSprite.jpg) -571px 0;}
.contactTab:hover {background-position: -571px -46px;}
#contact .contactTab {background-position: -571px -92px;}

.pageNumbers {
color:#FFFFFF;
float:right;
font-size:12px;
font-weight:bold;
margin-top:4px;
padding:0 10px 6px;
text-align:right;
margin-right: -10px;}

.pageNumbers a { background-color:#FFF;color:#003366;padding:1px 4px;text-decoration:none;}
.pageNumbers a:hover {background-color: #003366; color: #fff;}

.pageNumbers.btm {color:#333333; margin-right:-10px; margin-top:-14px; padding-right:0;}

.pageNumbers.btm a { background-color:#0066ff; color:#fff;padding:1px 4px;text-decoration:none;}
.pageNumbers.btm a:hover {background-color: #003366; color: #fff;}

/* ---------------------------------------------------------------------------------------------------------------------------------
	5) BUTTONS
/* --------------------------------------------------------------------------------------------------------------------------------- */


.loginBtn {width: 65px; height: 27px; background-image: url(../images/buttons/login.png);display: block; float: right; margin-right: -4px;}
.loginBtn:hover {background-position: 0 -26px;}

.regNowBtn {width: 135px; height: 37px; display: block; background:url(../images/buttons/register_now.png); cursor: pointer; margin-right: 10px;}
.regNowBtn:hover {background-position: 0 -37px;}

.addEventBtn {width: 125px; height: 37px; display: block; background:url(../images/buttons/add_event.png); cursor: pointer; margin-right: 10px;}
.addEventBtn:hover {background-position: 0 -37px;}

.upEventsBtn {width: 134px; height: 37px; display: block; background:url(../images/buttons/upcoming_events.png); cursor: pointer; margin-right: 10px;}
.upEventsBtn:hover {background-position: 0 -37px;}

.prevResultsBtn {width: 134px; height: 37px; display: block; background:url(../images/buttons/prev_results.png); cursor: pointer; margin-right: 10px;}
.prevResultsBtn:hover {background-position: 0 -37px;}

.findOutMoreBtn {width: 112px; height: 37px; display: block; background:url(../images/buttons/find_out_more.png); cursor: pointer; margin-right: 10px;}
.findOutMoreBtn:hover {background-position: 0 -37px;}

.watchBtn {height: 187px; width: 142px; background:url(../images/buttons/stopWatch.jpg); display: block; cursor:pointer; margin-left: 10px; text-decoration: none;}
.watchBtn:hover {background-position: 0 -187px;}

.regNowBtn span, .addEventBtn span, .upEventsBtn span, .prevResultsBtn span, .findOutMoreBtn span, .watchBtn span {visibility:hidden; text-decoration: none;}

.btn {width: 134px; height: 25px; display: block; background:url(../images/buttons/btnBlue.png); cursor: pointer; color: #fff; font-family:Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; font-size: 1.2em; text-align: center; padding-top: 12px; margin-right: 10px; margin-top: 10px; float: left; border: 0;}
.btn:hover {background-position: 0 -37px;color: #fff;}

.btn.grey { background:url(../images/buttons/btnGrey.png); color: #666;float: left;}
.btn.grey:hover {background-position: 0 -37px; color: #fff;}

.enterOnlineBtn {width: 134px; height: 37px; display: block; background:url(../images/buttons/enter_online.png); cursor: pointer;}
.enterOnlineBtn:hover {background-position: 0 -37px;}
.enterOnlineBtn span {visibility: hidden;}

.lrgGreenBtn {background-image:url("../images/buttons/greenArrowLrg.png");display:block;height:114px;margin-bottom:10px;width:372px; padding: 10px 0 10px 10px;}
.titleLrg {color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 2.4em; font-weight: bold; letter-spacing: -1px; margin-top: 10px;}
.lrgGreenBtn p {width: 265px; line-height: 18px; margin-top: 5px;}
.lrgGreenBtn a {font-weight: bold; color: #339900;}
.lrgGreenBtn a:hover {color: #333;}

.showHide {width: 20px; height: 19px; float: right;}

.displayBlock {background-image:url(../images/buttons/downArrow.png);}
.displayNone {background-image:url(../images/buttons/upArrow.png);}

.btn112 {width: 112px; height: 37px; display: block; background:url(../images/buttons/greyBtn112.png); cursor: pointer; color: #666; 
font-family:Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; font-size: 1.1em; text-align: center;
margin-right: 10px; margin-top: 10px;margin-bottom: 20px; border: 0;}

#submission_holder .btn112.blue {float: right;margin-left:10px;margin-right:0;margin-top:0;}

.btn112:hover {background-position: 0 -37px; color: #fff; cursor: pointer;}

.btn112.blue {background:url(../images/buttons/blueBtn112.png); color: #FFF;}
.btn112.blue:hover {background-position: 0 -37px; color: #fff;}

.smallBtn, input.smallBtn {border: 0; width: 60px; height: 23px; background-image:url(../images/buttons/smallBtn.png); color: #FFF; display: block; margin-top: 5px; text-align: center;}
.smallBtn:hover, input.smallBtn:hover {background-position: 0 -23px; cursor: pointer; color: #fff;}
input.smallBtn {padding-bottom: 2px; border: 0;}

.smallBtn .mt10 {margin-top: 10px;}

.form_buttons input.smallBtn {}
.organiserBtn {margin-right: 8px; margin-bottom: 8px;}
.organiserBtn:hover {cursor: pointer;}



/*------------------------------------------------------------------------


	6) CAROUSEL
/* --------------------------------------------------------------------------------------------------------------------------------- */

#carousel {margin-top: 5px; margin-left: -5px; float: left; position: relative;}
#carouselNav {position:absolute;right:17px;top:272px;width:137px;}

#slide1 {width: 950px; height: 330px; background:url(../images/carousel/1.jpg);}
#slide2 {width: 950px; height: 330px; background:url(../images/carousel/2.jpg);}
#slide3 {width: 950px; height: 330px; background:url(../images/carousel/3.jpg);}
#slide4 {width: 950px; height: 330px; background:url(../images/carousel/4.jpg);}
#slide5 {width: 950px; height: 330px; background:url(../images/carousel/5.jpg);}

#carouselNav div {width: 16px; height: 22px; display: block; float: left; background:url(../images/carousel/button.png); color: #fff; font-size: 1.2em; font-weight: bold; padding-left: 7px; padding-top: 3px; margin-right: 3px; cursor: pointer;background-position: 0 -1px;}


#carouselNav div:hover {width: 16px; height: 22px; display: block; float: left; background:url(../images/carousel/button.png); color: #fff; font-size: 1.2em; font-weight: bold; padding-left: 7px; padding-top: 3px; margin-right: 3px; cursor: pointer; text-decoration: none; background-position: 0 -26px;}

#carouselNav span {text-decoration:none;}

.info {width: 400px; float: right; color: #fff; margin-top: 66px; margin-right: 30px;}

.info h1 {font-family: Helvetica, Arial, Helvetica, sans-serif; letter-spacing: -2px; font-size:2.7em; font-weight: bold; margin-bottom: 5px;color:#FFF;}
.info p {color: #fff; line-height: 18px;}
.info h2 {color: #fff; font-weight: bold; font-size: 1.6em;}
.info h3 {font-family: Helvetica, Arial, Helvetica, sans-serif; letter-spacing: -2px; font-size:2.4em; font-weight: bold; margin-bottom: 5px;color: #FFF;}
.info a {color: #3399ff; font-weight: bold;}

.info a:hover {color:#CCC;}


#carouselResultsBtn, #carouselEventsBtn, #carouselMoreBtn, #carouselShareBtn, #carouselQuoteBtn {width: 185px; height:52px; display: block; float:left; cursor: pointer;}
#carouselResultsBtn {background:url(../images/carousel/results.png); margin-top: 6px;}
#carouselEventsBtn {background:url(../images/carousel/addEvent.png); margin-top: 6px;}
#carouselShareBtn {background:url(../images/carousel/share.png); margin-top: 6px;}
#carouselMoreBtn {background:url(../images/carousel/find_out_more.png); margin-top: 6px;}
#carouselQuoteBtn {background:url(../images/carousel/quote.png); margin-top: 6px;}

#carouselResultsBtn:hover, #carouselEventsBtn:hover, #carouselMoreBtn:hover, #carouselShareBtn:hover, #carouselQuoteBtn:hover, #carouselQuoteBtn:hover  {background-position: 0 -52px;}
#carouselResultsBtn span,  #carouselEventsBtn span, #carouselMoreBtn span, #carouselShareBtn span, #carouselQuoteBtn span, #carouselQuoteBtn span  {visibility: hidden;}

#prevBtn {width: 28px; height: 55px; position: absolute; top: 135px; left: -24px; cursor: pointer;}
#nextBtn {width: 28px; height: 55px; position: absolute; top: 135px; right: -22px; cursor: pointer;}



/*------------------------------------------------------------------------
	7) GENERIC PAGE CLASSES
/* --------------------------------------------------------------------------------------------------------------------------------- */
#contentBg {width: 100%; background:url(../images/greyGrad2.jpg) repeat-x; padding-bottom: 232px; height: 100%;}
.pageTitle {padding-top: 37px; margin-bottom: 5px; width: 300px;}

#leftHolder {width: 510px; float: left;}
#rightHolder {width: 360px; float: right; margin-right: 20px;}

.contentHeader {
	height: 25px; 
	padding: 10px; 
	width: 100%;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-top: 1px solid #999;}
	
	
	
.contentHeader h2 {font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.4em; color:#fff; margin-top: 3px; letter-spacing:0; float: left;}
.contentHeader.blue {background-image:url(../images/headerBlue.jpg);}
.contentHeader.grey {background-image:url(../images/headerGrey.jpg);}

.contentHolder {
	width: 100%;
	background-color: #fff;
	padding: 10px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;}
	
.noPadding {padding: 0;}

.header_link {color:#FFFFFF; float:right; font-size:1.2em; font-weight:bold; margin-top:4px;}

.panelListNoPadding {padding: 0; width: 380px;}
	
table.costTable {font-size: 1.2em; width: 300px; border: 1px solid #CCC; text-align: center; margin-bottom: 20px;}
table#fos_table {font-size: 1.2em; border: 1px solid #CCC; text-align: left; margin-bottom: 20px;}

table.costTable tr td, table.costTable tr th, table#fos_table tr th, table#fos_table tr td {padding: 5px; text-align: center;}
table#fos_table tr th {font-weight: bold; text-transform: uppercase; text-align: left;}

table.costTable tr td, table#fos_table tr td {border-bottom: 1px dotted #ccc;}

table.costTable tr td.last, table#fos_table tr td.last {border: 0;}

table.costTable tr th, table#fos_table tr th {background-color: #2a7dd1; color:#FFF;}

.bffLabel {width: 65px; display: inline-block;}
.bffDd {margin-top: 5px;width:300px;}

/*------------------------------------------------------------------------
	7) PANEL CLASSES
/* --------------------------------------------------------------------------------------------------------------------------------- */

a.panelList {height:16px; padding: 7px 10px 4px 10px; font-size: 1.1em; cursor: pointer; color: #333; text-decoration: none; display: block;}
a.panelList:hover {color: #fff; background-color: #2a7dd1;}

.even {background-color: #e9e9e9;}
.odd {background-color: #fff;}

.steps {font-size: 1.2em; color:#666; margin-bottom: 5px;}
#photo1, #albumChooser, #eventChooser, .dropDown {margin-top: 5px;}
#albumChooser {margin-bottom: 5px;}

.fileInputSpan {cursor: pointer;}
.hintSmall {font-size: 1.1em; color: #666; display: block; marin-top: 5px;}




	

/*------------------------------------------------------------------------
	8) FORM CLASSES
/* --------------------------------------------------------------------------------------------------------------------------------- */
#createMember input {
/*border:1px solid #CCCCCC;*/
margin-bottom:5px;
margin-right:5px;
padding:3px 5px;}

div.form_error_message, p.form_error_message {
		color:red;
		font-weight:bold;
		font-size:1.0em;
}

.catalogue_create_member .form_error_message { margin-top: 7px;}



/*------------------------------------------------------------------------
	9) PAGE SPECIFIC CLASES
/* --------------------------------------------------------------------------------------------------------------------------------- */
#photos #leftHolder .contentHolder a {font-size: 1.2em; font-weight: bold;}
#photos #leftHolder a.photoInfo {color:#666666; font-size:12px; font-style:italic; font-weight:normal; line-height:10px;text-decoration:none;}

#photoDesc {margin-top: 10px; padding-bottom: 5px; margin-bottom 10px; border-bottom: 1px dotted #ccc; font-size: 1.6em; font-family: Georgia, "Times New Roman", Times, serif; color: #999; font-style:italic;}
#photoDesc p {font-size: 1.6em; font-family: Georgia, "Times New Roman", Times, serif; color: #999; font-style:italic;}
#photoHolder {margin-bottom: 5px;}

#editPhoto, .editPhoto {float: right; margin-right: 5px; margin-top: -27px; position: relative;}

.thumbHolder {float:left;margin:10px 0;width:510px;}

.searchTable {width: 360px;}

.searchTable tr td {height: 5px; padding: 3px 0; color: #666; font-size: 1.2em;}
.searchTable td.left {width: 100px;}

.searchTable input {width: 200px; height: 20px;}
.searchTable input.radioBtn {width: 20px;}


.searchTable select {width: 200px; height: 25px;}
.searchTable input.btn, input.btn {border:0 none; font-size:1.1em; height:37px; margin-right:0; margin-top:0; padding-top:0; width:134px;}

a.breadcrumbs {color: #333; font-weight: bold;}
a.breadcrumbs:hover {color: #0066ff;}


/*------------------------------------------------------------------------
	10) RESULTS TABLE CSS
/* --------------------------------------------------------------------------------------------------------------------------------- */

#race_results_table  {
width: 90.1%; 
margin: 0 auto;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
padding: 0px;
border-collapse: inherit;}

#race_results_table tbody {height: auto;}


#race_results_table th {height: 25px; background-color: #999; padding: 5px 10px;font-weight: bold; color: #fff;border-top: 1px solid #999; font-size: 0.9em; border-bottom: #666; text-align: center;}
#race_results_table th a {display: block;}

	
#race_results_table th.bib {min-width: 45px;}
#race_results_table th.category {min-width: 65px;}
#race_results_table th.category_p {min-width: 115px;} /*THIS STOPS THE COLUMNS BECOMING TOO NARROW*/
#race_results_table th.club_p {min-width: 111px;}
#race_results_table th.overall {min-width: 55px;}


#race_results_table th img {padding-bottom: 2px; display: inline;}
#race_results_table th.last {padding-right: 20px;}
#race_results_table tr {height: 30px; font-size: 12px; font-weight: bold; color:#333; }
#race_results_table td {padding-left: 10px;}


.center_align {text-align: center;}
.right_align {text-align: right;}

#race_results_table tr.odd, tr.odd {background-color: #f3f3f3;}
#race_results_table tr.even, tr.even  {background-color: #fbfbfb;}

/*------------------------------------------------------------------------
	11) BREADCRUMBS CSS
/* --------------------------------------------------------------------------------------------------------------------------------- */


/*CSS FOR ORGANISER TIMELINE*/
	/* Breadcrumbs */
	#organisercrumbsbasket { background:none; border:none; margin:0  -10px;  height:65px; width:960px;}
	#organisercrumbsbasket dd { height:23px; line-height:23px; border:none; padding-top:0; padding-bottom:0;}
	#organisercrumbsbasket dd a, #organisercrumbsbasket dt { padding:0; color:#898989; font-size: 1.2em;}
	
	#ie6 #organisercrumbsbasket { height:45px; width: 955px;}
	#organisercrumbsbasket dl { margin:0 10px; border-bottom:3px solid #0099FF;}
	#ie6 #organisercrumbsbasket dl {margin: 0 9px; border-bottom:3px solid #C3C2C0;}
	#organisercrumbsbasket dd { color:#70727A; display:block; float:left; text-align:center; height:27px; width:25%;}
	#ie6 #organisercrumbsbasket dd { color:#70727A; display:block; float:left; text-align:center; height:20px; width: 25%;}
	#organisercrumbsbasket span { background:url(../images/icons.png) no-repeat center -72px; display:block; color:#aaa;font-size:12px; margin-top: 15px;}
	#organisercrumbsbasket .complete span { background-position:center 0; color:#003667;}
	#organisercrumbsbasket .selected span { color:#003667;font-weight:bold;}
		.box { background:none; border:0; height:1%; margin-bottom:15px; position:relative;}
	.clearfix:after, dl:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
	#ie6 .clearfix, #ie6 dl, #ie7 .clearfix, #ie7 dl, { display:inline-block;}		
	#organisercrumbsbasket dl dd span{color:#666; padding-top: 21px;}
		#crumbs dd a, #crumbs dd a.selected, #crumbs dd a.selected:hover { border:none; cursor:default; text-decoration:none; color:#707070; padding-left:23px; background:url(../images/icons.png) no-repeat 0 -72px;}
			#organisercrumbsbasket span { background:url(../images/icons.png) no-repeat center -72px; display:block; padding-bottom:0px; color:#aaa;}


/*CSS FOR EVENT TIMELINE*/
	/* Breadcrumbs */
	#eventcrumbsbasket { background:none; border:none; margin:0;  height:45px; width:100%;margin-top:0px;}
	#eventcrumbsbasket dd { height:23px; line-height:23px; border:none; padding-top:0; padding-bottom:0;}
	#eventcrumbsbasket dd a, #eventcrumbsbasket dt { padding:0; color:#898989; font-size: 1.2em;}
	
	#ie6 #eventcrumbsbasket { height:45px; width: 955px;}
	#eventcrumbsbasket dl { margin:0 10px; border-bottom:3px solid #0099FF;}
	#ie6 #eventcrumbsbasket dl {margin: 0 9px; border-bottom:3px solid #C3C2C0;}
	#eventcrumbsbasket dd { color:#70727A; display:block; float:left; text-align:center; height:27px; width:20%;}
	#ie6 #eventcrumbsbasket dd { color:#70727A; display:block; float:left; text-align:center; height:20px; width: 20%;}
	#eventcrumbsbasket span { background:url(../images/icons.png) no-repeat center -72px; display:block; color:#aaa;font-size:12px; margin-top: 15px;}
	#eventcrumbsbasket .complete span { background-position:center 0; color:#003667;}
	#eventcrumbsbasket .selected span { color:#003667;font-weight:bold;}
	
	
		.box { background:none; border:0; height:1%; margin-bottom:15px; position:relative;}
	.clearfix:after, dl:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
	#ie6 .clearfix, #ie6 dl, #ie7 .clearfix, #ie7 dl, { display:inline-block;}		
	#eventcrumbsbasket dl dd span{color:#666;  padding-top: 21px;}
		#crumbs dd a, #crumbs dd a.selected, #crumbs dd a.selected:hover { border:none; cursor:default; text-decoration:none; color:#707070; padding-left:23px; background:url(../images/icons.png) no-repeat 0 -72px;}
		
		
		
		
		
		
		
/*------------------------------------------------------------------------
	12) Forum CSS
/* --------------------------------------------------------------------------------------------------------------------------------- */		
		
		
		
		
		
		
		
		
		
/*FORUM CSS*/
#breadcrumbs {float: right; font-size: 12px; font-weight: bold; color:#fff; margin-top: 3px;}
#breadcrumbs a {color: #036;}
#breadcrumbs a:hover {color:#CCC;}
#forum #content_holder a {color: #333; text-decoration: none;}
#forum #content_holder a:hover {color: #003667;}
#forum h1 {margin-top: 2px;}
#forum .contentHeader {width: 97.95%;}
#forum .contentHolder {width: 97.95%;}

#forum .top_heading {font-size: 16px; font-weight: bold; color: #666;float: left; margin-right: 10px; width: 300px;}

.tl_head {width: 900px; padding:10px; height: 25px; clear: both;}
.tl_head h1, .tl_head h2, .tl_head h2 a, .tl_head.i a {color:#FFFFFF; font-weight:normal; margin-top:2px;}
.tl_head.i a {}

.tl_head.i {background-image:url("../images/headerGrey.jpg");border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999;}
.tl_head.ii {background-image:url("../images/headerGrey.jpg");border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999;}
.tl_head.iii{background-image:url("../images/headerGrey.jpg");border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999;}
.tl_body {
font-size: 12px; color: #666;
width: 920px;
padding: 0;
border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;border-left: 1px solid #CCC;
margin-bottom: 10px;
}

.thread_body {
color: #666;
width: 920px;
padding: 0;
border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;border-left: 1px solid #CCC;
margin-bottom:15px;
}

.thread_body p {font-size:1.2em;}

textarea #forum_style {width: 470px; margin-top: 5px;}

.post_odd {height: 14px; width: 900px; padding: 8px 10px 8px; background-color: #e9eaeb;}
.post_even {height: 14px; width: 900px; padding: 8px 10px 8px; background-color: #fff;}



.thread {width: 900px; border-bottom: 1px dotted #999;}
.thread h1 {font-size: 14px; color: #FFF; font-weight: bold;}
.thread h2 {font-size: 12px; color: #FFF;}

.thread.odd {background-color:#fff;padding: 20px 10px 25px 10px;}
.thread.even {background-color:#efefef;  padding: 20px 10px 25px 10px;}

.entry_right {float: right; color: #666; font-weight: normal; font-size: 11px;}
.entry_left {float: left;}

.entry_left a {color: #333;}
.entry_left a:hover {color:#0066ff;}

.author_info {float: right; text-align: right;font-size: 12px; color:#333;}
.author_info img {float: left; margin-top: -5px; margin-right: 2px;}

.author_links {float: left; width: 250px; color: #CCC;}
.author_links a {font-weight: bold;}
.author_links img {vertical-align: middle; margin-top: -6px; margin-right: 2px;}

#forum #content_holder .tl_head a {color: #fff; font-size: 16px; font-weight: bold; margin-top: 9px; float: left;}
#forum #content_holder .tl_head a:hover {color:#CCC; text-decoration: none;}
.tl_head .update {float: right; color: #fff; font-size: 12px; font-weight: normal; margin-top: 12px;}
 
#forum #content_holder h3 {font-size: 14px; color: #666; margin-top: 10px;}

#forum h4 {font-size: 1.6em; font-weight: bold;  color: #666; margin-bottom: 10px; text-transform:none;}

.light_grey {color: #CCC;}

/*.new_topic {float: right; margin-top: -30px; height: 20px; font-size: 12px; font-weight: bold; color: #999;}*/

.page_button {width: 14px; height: 14px; float: left; margin-right: 5px; display: block; margin-top: 2px; cursor: pointer;}
.page_number {width: 10px; height: 12px; float: left; margin-right: 5px; display: block; margin-top: 3px; text-align: center; font-size: 12px;}
.page_button:hover {border-bottom: 0;}

.page_button.back1 {background-image:url(../images/images_new/icons/back1.jpg);}
.page_button.back2 {background-image:url(../images/images_new/icons/back2.jpg);}

.page_button.forward1 {background-image:url(../images/images_new/icons/forward1.jpg);}
.page_button.forward2 {background-image:url(../images/images_new/icons/forward2.jpg);}

#forum_btns {float: left; margin-top: 0px;}
.admin_links {float: right; font-size: 12px; color: #999; text-align: right; font-weight: bold; margin-top: 4px; margin-bottom: 10px; width: 210px;}

.female_icon {background-image:url(../images/images_new/icons/female_icon.png); height: 23px; width: 19px;}
.male_icon {background-image:url(../images/images_new/icons/male_icon.png); height: 23px; width: 19px; float: left; margin-right: 3px; margin-top: -5px;}

a.share_btn, .new_topic, a.addthis_button, a.forumFormTitle  {
background-image:url("../images/buttons/genericAdd.png");
color:#333333;
cursor:pointer;
display:block;
float:left;
font-size:12px;
font-weight:bold;
height:26px;
margin-right:10px;
padding-left:34px;
padding-top:11px;
text-transform:uppercase;
width:79px;
margin-bottom: 20px;
}

.new_topic a {color: #333;}

.continue_btn {
cursor: pointer; 
display: block; 
background-image:url(../images/images_new/continue_btn.gif);
border: none; 
color: #fff; 
font-size: 12px; 
font-weight: bold; 
height:21px;
margin-top:10px;
padding-left:8px;
padding-top:6px;
width:80px;
text-decoration: none;}


#forum label.search {
	font-size: 12px; margin-left: 5px; font-weight: bold;}

#forum input.radio {margin: 5px 5px 5px 0;}

#forum .search_icon {background-image:url(../images/images_new/icons/search.png); width: 20px; height: 20px; float: left; margin-right: 3px;}


#forum .pageNumbers {
color:#999;
float:left;
font-size:12px;
font-weight:bold;
margin-top:4px;
padding:0 10px 6px;
margin-left: -10px;}

#forum .pageNumbers a {background-color:#003366;color:#FFF; padding:1px 4px;text-decoration:none;}
#forum .pageNumbers a:hover {background-color: #999; color: #fff;}

#forum .pageNumbers.btm {float: right; margin-top: 21px;}

.hidden {display: none;}

		
		
/*------------------------------------------------------------------------
	12) Shopping Cart CSS
/* --------------------------------------------------------------------------------------------------------------------------------- */	

.shoppingBtn {width: 112px; height: 24px; display: block; background:url(../images/buttons/greyBtn112.png); cursor: pointer; color: #666; font-family:Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; font-size: 1.1em; text-align: center; padding-top: 13px; margin-right: 10px; margin-top: 10px; float: left; margin-bottom: 20px;}

.shoppingBtn.last {margin-right:-10px;}
.shoppingBtn.blue {background:url(../images/buttons/blueBtn112.png); color: #fff;}
.shoppingBtn:hover {background-position: 0 -37px; color: #fff;}

.shoppingBtnSmall {float:right;  width: 80px; height:16px; display: block; background:url(../images/buttons/greyBtn112.png); cursor: pointer; color: #666; font-family:Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; font-size: 0.9em; text-align: center; padding-top: 13px; margin-right: 10px; margin-top: 10px; float: left; margin-bottom: 20px;}

.shoppingBtnSmall.last {margin-right:-10px;}
.shoppingBtnSmall.blue {background:url(../images/buttons/blueBtn112.png); color: #fff;}
.shoppingBtnSmall:hover {background-position: 0 -37px; color: #fff;}


.event_series_event_holder {float:left;  }
.event_series_event_button_holder {float:right;  }

.catalogue_item_title {font-size:1.2em;font-weight:bold;}

.catalogue_item_title a {color: #333;}
.catalogue_item_title a:hover {color: #0066cc;}

.catalogue_item_title_small {font-size:1.1em;margin-top:5px;}

.catalogue_item_title_small a {color: #333;}
.catalogue_item_title_small a:hover {color: #0066cc;}


.catalogue_item_price_small {color:#003366;font-size:1.1em;margin-top:5px;}
.catalogue_item_price_medium  {color:#003366;font-size:1.4em;margin-top:5px;}
.catalogue_item_price, .basket_total {color:#003366;font-size:1.8em;font-weight:bold;margin-top:5px;}

.catalogue_create_member {font-size: 1.1em;  font-weight: bold; color:#666; }

.catalogue_create_member input{margin: 5px;}


.basket_item_title {font-size:1.1em;font-weight:normal; color: #666; margin-bottom: 5px; float: left; width: 275px;}
.basket_item_title a {font-weight: bold;}

 .basket_total {color:#003366;font-size:1.8em;font-weight:bold;margin-top:0px; display: block; clear: left; float: left;}


.basket_item_price {color:#003366;font-size:1.1em;font-weight:bold; float: left; margin-bottom: 10px;padding-left:5px;}
.basket_item_remove {color: #CCC; font-size: 1.4em; float: right;}
.basket_item_remove a {font-weight: bold; color: red;}
.basket_checkout a.shoppingBtn  {clear: left;}

/*------------------------------------------------------------------------
	13) LeaderBoard CSS
/* --------------------------------------------------------------------------------------------------------------------------------- */	



table.leaderboard {width: 100%; font-size: 11px; color: #333;}
table.leaderboard tr td {padding-left: 10px; height: 24px; padding-right: 10px;}

table.leaderboard tr:first-child {font-weight: bold;}
table.leaderboard tr td.leaderboard_person_name{width:200px;}
table.leaderboard tr td.leaderboard_club_name{width:200px;}
table.leaderboard tr td:first-child {color: #0099ff; font-weight: bold; width: 10px;}
table.leaderboard tr td:last-child {color:#666; font-weight: bold;text-align:right;}


 
 /*------------------------------------------------------------------------
	13) Blog CSS
/* --------------------------------------------------------------------------------------------------------------------------------- */	
#blogs #leftHolder, #photos #leftHolder {width: 590px;}
#blogs #rightHolder, #photos #rightHolder{width: 290px;}
#photos .thumbHolder {width: 590px; margin: 10px 0 0 0;}

#photos h3 {font-size: 1.6em; font-weight: bold;}
 
 
.blogContent {
border-bottom:1px dotted #CCC;
width:100%;
float: left;
padding: 10px 10px 0 10px;
margin-left: -10px;
}

 
.blogEntry {
border-bottom:1px dotted #CCC;
width:100%;
float: left;
padding: 10px 10px 10px;
margin-left: -10px;
}

.blogEntry:hover {border-bottom: 1px dotted #bec6d0; background-color: #dfeaf7; cursor: pointer;}

.blogContent.even {background-color: #fff;}
.blogContent.odd {background-color: #f9f9f9;}
.blogContent.odd:hover, .blogContent.even:hover {border-bottom: 1px dotted #bec6d0; background-color: #dfeaf7;}

.blogContent h1 {font-weight:bold; font-size: 1.6em; color: #333;}
.blogContent h2 {font-weight: bold; font-size: 1.1em; color:#666; margin-bottom: 10px;}
.blogContent h3 {font-weight: normal; font-size: 1.2em; color:#666; font-style: italic; border: 0;}
.blogEvent {font-weight: bold; font-size: 1.2em; color:#333;}
.blogInfo {width: 300px; float: left;}

.blogContent a, .blogEvent a {text-decoration: none; font-size: 1.0em;}
.blogContent a:hover, .blogEvent a:hover {}

.blogContent .thumbNailHolder {float: right; display: block;margin-bottom: 0px; margin-right: -10px;}

#blogs .right_content h3 {font-size: 14px; color: #003366; border-bottom: 1px dotted #ccc; padding-bottom: 3px; margin-bottom: 10px; font-weight: bold;}
.blogtitle a {font-weight:bold; font-size: 1.4em; text-decoration: none; line-height: 18px; color: #333;}

.blogAuthor, .blogDate {font-weight: normal; font-size: 11px; color:#666; font-style: italic; border: 0; line-height: 18px;}
.blogDate {}

#blogs #leftHolder a, #blogs #rightHolder a {font-weight: bold;}
#browseBlogsContent h2 {margin-bottom: 10px;}

#blogs .dot_break {margin-top: 10px; margin-bottom: 10px;}

#blogs #rightHolder div.btn {color:#FFF;}
#blogs #rightHolder .btn:hover {color:#FFF;}

.ddTitle {font-size: 1.2em; color: #333; font-weight: bold;}

#editBlog input {margin-top: 5px; margin-bottom: 10px;}

.mediaHolder {float:left;font-size:1.1em;font-weight:bold;margin-right:10px;text-align:center; font-size: 1.1em; font-weight: bold; }
.mediaHolder .thumbNail {margin-right: 0; margin-bottom: 0;}

.mediaSelect {}
.mediaImage {}
.mediaTitle {}

 
 /*------------------------------------------------------------------------
	14) Registration Table CSS
/* --------------------------------------------------------------------------------------------------------------------------------- */	

.td70 {width: 70px; padding-top: 5px;}
.td90 {width: 90px; padding-top: 5px;}
.td145 {width: 145px; padding-bottom: 0; padding-top: 5px; padding-right: 10px;}
.td116 {width: 115px; text-align: right; padding-bottom: 0; padding-top: 5px; padding-right: 10px;}
.td195 {width: 195px; text-align: left; padding-bottom: 0; padding-top: 5px; padding-right: 10px;}

#createOrganiser tr td, #createMember tr td {font-size: 1.1em; font-weight: bold; color: #333; vertical-align: top; padding-bottom: 5px; padding-right: 5px;}

#createOrganiser input.name, #createMember input.name, input.name {width: 280px; /*background-image:url(../images/images_new/label_bg.gif);*/ height: 21px; padding-top: 2px; border: 1px solid #c2c3c5;  padding-left: 5px;}
#createOrganiser input.input2, #createMember input.input2, input.input2 {width: 140px; /*background-image:url(../images/images_new/label_bg.gif);*/ height: 21px; padding-top: 2px; border: 1px solid #c2c3c5;  padding-left: 5px;}
#createOrganiser input.input3, #createMember input.input3, input.input3 {width: 150px; /*background-image:url(../images/images_new/label_bg.gif);*/ height: 21px; padding-top: 2px; border: 1px solid #c2c3c5;  padding-left: 5px;}
#createOrganiser input.input4, #createMember input.input4, input.input4 {width: 125px; /*background-image:url(../images/images_new/label_bg.gif);*/ height: 21px; padding-top: 2px; border: 1px solid #c2c3c5;  padding-left: 5px;}

input.name2 {width: 190px; /*background-image:url(../images/images_new/label_bg.gif);*/ height: 21px; padding-top: 2px; border: 1px solid #c2c3c5;  padding-left: 5px;}


#createOrganiser .hint, #createMember .hint, #member .hint, #organiser .hint {font-weight:normal;font-size:12px; padding: 5px 0 10px 0; color: #003366;}
#createOrganiser select, #createMember select, #member select, #organiser select {height: 25px; padding-top: 3px; margin-bottom: 5px;}

.inputBtn {
width: 65px; 
height: 27px; 
background: url('../images/buttons/inputBtn.gif');
display: block; float: right; margin-right: 40px;color:#FFF; font-weight: bold;text-transform: uppercase; margin-top: 3px; border: 0;}

.testInput {
width: 65px; 
height: 27px; 
z-index: 10;
background: url('../images/buttons/inputBtn.gif');
display: block; color:#FFF; font-weight: bold;text-transform: uppercase; border: 0;
font-size: 0.9em;
margin-right:84px;
margin-top:-1px;
float: right;}


.inputBtn:hover {background-position: 0 -26px; cursor: pointer;}

#albumChooser, #eventChooser {height:25px;margin-top:5px;padding-top:3px;}

#submission_holder {
margin-bottom:15px;
padding:10px;
width:100%;
font-size: 1.2em;
}

#submission_holder table {width: 100%;}
#submission_holder .inputBtn {float:right;margin-right:72px;margin-top:-54px; font-size: 0.9em;}
#createMember input.btn112 {border:0; float:right; margin-right:0; margin-top:-33px; background:url(../images/buttons/blueBtn112.png); color: #fff;}
#createMember input.btn112:hover {background-position: 0 -37px; color: #fff;}

#submission_holder tr td {padding-bottom: 10px;}

#submission_holder img, img.capcha {border: 1px solid #CCC; padding: 3px; margin-bottom: 10px;}
 img.capcha_fp {border: 1px solid #CCC; padding: 3px; margin-top: 10px;}


.star {color:#0093ff; font-weight: bold;}


#organiser_msg {background-color:#FFFFFF; background-image:url("images/grey_grad_2.jpg");border:1px solid #ACACAC;display:inherit;height:34px;margin-bottom:10px;margin-top:25px; padding:10px 10px 15px;width:920px;}
#organiser_msg h2 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #003667;}
#organiser_msg p {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333; margin-top: -1px;}
.cross {margin-top: 4px; margin-right: 1px; float: left;}
#organiser_msg .fright a {font-size: 12px;}

=======
/*
 * organiser tools style
 */
 .mp {

	cursor:pointer;
 }

 .ls {padding: 10px;   border: solid #a5e8ff 1px; font-weight:bold; font-size: 18px;}
 .lsi {color: black; font-weight:regular; font-size: 12px;}

 .x-form-item-label   {
 color: rgb(0, 51, 102);
font-size: 12px;
font-weight: bold;
}


.x-fieldset-header-text {
 color: rgb(0, 51, 102);
font-size: 12px;
font-weight: bold;
}

.x-form-cb-label {
 color: rgb(0, 51, 102);
font-size: 12px;
font-weight: bold;
}
 .help-box2 {

background-color:lightblue;
background-image:url("images/images_new/icons/question16.png");
background-position:5px 11px;
background-repeat:no-repeat;
border: 1px solid gray;
color: rgb(0, 51, 102);
font-size: 12px;
font-weight: normal;
margin:10px 0;
padding:10px 10px 10px 25px;
 }
 .help-box {
background-color:white;
background-image:url("images/images_new/icons/question16.png");
background-position:5px 11px;
background-repeat:no-repeat;

color: rgb(0, 51, 102);
font-size: 12px;
font-weight: normal;
margin:10px 0;
padding:10px 10px 10px 25px;
 }
 .x-panel-header   {
	padding-top: 12px;
	
	font-family: Arial,Helvetica,sans-serif;
	font-size: 18px;
	color: white;
	letter-spacing : 0;	
	 font-weight:bold;
 	
 	 height: 28px;
	background: url("../images/headerBlue.jpg");
}
 
  .x-html-editor-tb .x-image-link , .x-menu-item    {
	 
	background: url("../resources/icons/photo_link.png");
}