/* 
page layout for themes (Challenge Events)
Sally Edgington
2005-11-29
*/


/* HEADER */

#headerWrapper {
	background: url(/display_images/challenge_events/navigation/bg_pink_shadow.gif);
}

#borderLine {
	background: #99005B !important;
}


div#challengeEventsLogo {
	background: url(/display_images/challenge_events/logos/ce_logo.gif) no-repeat !important;
}

div#ndcsLogo {
	background: url(/display_images/challenge_events/logos/ndcs_logo.gif) no-repeat !important;
}


/*LEFT NAV COLUMN */
/*** participants include link colour ***/

div#loginFields ul li a {
	color: #EC008C !important;
}


div#registerContainer {
	background: url(/display_images/challenge_events/button_register_now.gif) no-repeat;
}

/*FOOTER*/

#footerWrapper {
	background: url(/display_images/challenge_events/navigation/bg_pink_shadow.gif) !important;
} 

#footerEnd {
	background: url(/display_images/challenge_events/navigation/bg_pink_shadow_bottom.gif) no-repeat !important;
}



/** DEFAULT SETTINGS **/
/** CONTENT **/

h1 {
	color: #333 !important;
}

h2 {
	color: #333 !important;
}

h1.challengeEvents {
	float: left !important;
	text-transform:uppercase !important;
	font-size: 2em !important; 
	line-height: 1em !important; 
	margin: 10px 0 15px !important;
	color: #333 !important;
}

h1.challengeEventsInfoLine {
	float: left !important;
	text-transform: none !important;
	padding: 0 !important;
	font-size: 2em !important; 
	line-height: 1em !important; 
	margin: 10px 0 15px !important;
	color: #EC008C !important;
}

h2.challengeEvents {
	float: left !important; 
	text-transform:uppercase !important; 
	line-height: 2.3em;/* */
	padding: 13px 0 0 5px !important;
	margin: 0 !important;
	color: #333 !important;
}

h3 {
	color: #333 !important; 
	margin: 0 !important;
	padding: 8px 0 !important;
}

h4 {

}

div#eventWrapper {
	clear: both !important;
	width:544px !important;/* 559px on dev version only, needs to be 544px on live site*/
	padding: 0 0 15px 15px !important;
	margin-bottom: 15px !important;
	color: #fff !important;
}
html>body div#eventWrapper {
	width:544px !important;
	float: left !important;
}

div#event {
	float: left !important;
	width: 264px !important;
	padding-top: 15px !important;
}

div#event img {
	float: right;
	padding-left: 4px !important;
}

div#eventImage {
	float: left !important;
	width: 258px !important;
	padding-left: 22px !important;
}

div#difficulty {
	width: 250px !important; 
}

div#difficulty p {
	padding: 7px 0 5px !important;
}
html>body div#difficulty p {
	padding: 0 0 10px !important;
}

div#difficulty p a {
	padding-left: 8px !important;
	color: #fff !important;
	border-bottom: 1px solid #ccc !important;
}

div#difficulty img {
	margin: 2px 0 10px !important;
}

div#eventDetails {
	color: #404040 !important;
	padding: 10px !important;
	margin-top: 15px !important;
}

html>body div#eventDetails {
	/*width: 230px;*/
}

div#eventRegister {
	width: 237px !important;
	height: 33px !important;
	background: url(/display_images/challenge_events/button_register_this_event.gif) no-repeat;
	margin-top: 10px;
}


div#teaserContainer {
	clear: both !important;
	width: 544px !important; 
	padding: 0 !important; 
	margin: 20px 0 20px 0 !important; 
	border: 0 !important;
}
html>body div#teaserContainer {
	width: 544px !important; 
	margin: 20px 0 20px 0 !important; 	
}

div#teaserLeft {
	float: left !important; 
	border: 0 !important; 
	width: 190px !important;
	margin: 0 !important;
	padding: 0  !important;
}
html>body div#teaserLeft {
	width: 190px !important;
}
/**/
div#teaserMiddle {
	float: left !important; 
	border: 0 !important; 
	width: 190px !important;
}
html>body div#teaserMiddle {
	width: 190px !important;
}

div#teaserRight {
	float: left !important; 
	border: 0 !important; 
	width: 161px !important;
}
html>body div#teaserRight {
	
}

div#itinerary a, div#diary a, div#gallery a, div#itinerary a:link, div#itinerary a:visited, div#diary a:link, div#diary a:visited , div#gallery a:link, div#gallery a:visited {
	text-decoration: none !important;
	color: #EC008C !important;
	font-weight: bold !important;
}

div#itinerary a:hover, div#diary a:hover, div#gallery a:hover {
	text-decoration: underline !important;
	color: #333333 !important;
	font-weight: bold !important;
}

div#itinerary a.noborder, div#diary a.noborder, div#gallery a.noborder  {
	border-bottom: 0 !important;
}

div#itinerary a.noborder:hover, div#diary a.noborder:hover, div#gallery a.noborder:hover  {
	border-bottom: 0 !important;
}

img.arrowlink {
	margin: 10px 5px 0 0 !important;
}

div.image {
	float: left !important;
	width:131px !important; /*139px on local site, 131px on live site */
	margin: 0 !important; 
	background: white;
	padding: 3px !important;
	border: 1px solid #CBD0CA;
	height: 91px !important; /*99px on local site, 91px on live site */
	overflow: hidden;
}
html>body div.image {
	width: 131px !important;
	padding: 4px !important;
	height: 91px !important;
}

div#infoLine {
	clear: both !important;
	padding: 0 0 15px 0 !important;
	margin: 0 !important;
}
html>body div#infoLine {
	padding-bottom: 1px !important;
}


/* ITINERARY PAGE */

div#itineraryWrapper {
	clear: both !important;
	width:544px !important;/* */
	padding: 0 !important;
	margin-bottom: 20px !important;
	color: #fff !important;
	height: 202px !important;
	overflow: hidden;
}
html>body div#itineraryWrapper {
	width:544px !important;
	float: left !important;
}

div#itineraryMap {
	float: left !important;
	width: 287px !important;
	padding: 0 !important;
	margin: 0 !important;
}

div#itinerary {
	float: left !important;
	width: 247px !important;
	padding: 0 0 0 6px !important;
	margin: 0 !important;
}
html>body div#itinerary {
	width: 247px !important;
	padding: 0 0 0 10px !important;
}

div#itinerary img.type {
	padding-left: 10px !important;
}

div#itineraryDetails {
	padding: 10px !important;
	margin: 8px 0 0 0 !important;
	color: #333 !important;
}
html>body div#itineraryDetails {
	width: 213px !important;
	margin: 8px 0 !important;
}

div.itinerarySplitter {
	background: url(/display_images/challenge_events/dividers/itinerary_divider_challengeEvents.gif) no-repeat !important;
}

div.itineraryTeaserContainer {
	margin: 10px 0 !important;
	padding: 0 !important;
}

div.dayContainer {
	float: left;
	width: 50px !important;
	margin: 0 !important;
	padding: 0 !important;
}

div.dayItinerary {
	float: left;
	width: 280px !important;
	margin: 0 !important;
	padding: 0 !important;
}

div.dayItineraryWide {
	float: left;
	width: 480px !important;
	margin: 0 !important;
	padding: 0 !important;
}

div.itineraryTime {
	color: #333;
	font-weight: bold;
	background: url(/display_images/challenge_events/icons/arrow_open_challengeEvents.gif) 0 4px no-repeat;
	padding: 0 0 5px 10px;
}

img.right {
	float: right;
	padding: 0 0 2px 5px !important;
}





/* LEFT MENU */

#main-menu li span{
	background: #fff1f9 url(/display_images/challenge_events/icons/arrow_black_challengeEvents.gif) 0.6em 0.7em no-repeat  !important;
}

#main-menu li a:hover{
	background:#fff1f9 url(/display_images/challenge_events/icons/arrow_black_challengeEvents.gif) 0.6em 0.7em no-repeat !important;
	border:none;
	display:block;
}



/*** SECTION INDEX PAGE ***/

div.eventDetails {
	clear: left; 
	margin-top: 15px; 
	border: 0 !important;
}

div.imageLeft {
	float: left; 
	width: 153px !important; 
	margin: 10px 0 !important; 
	background: white;
	padding: 2px !important;
	border: 1px solid #999999;
}

div.EventText {
	float: left;
	width: 330px; 
	margin: 10px 10px 0 15px;
}

div.eventDate {
	float: left; 
	width: 160px; 
	margin: 0 5px 5px 0 !important;
}

span.eventDateDisplay {
	background: #FBCDEA ; 
	padding: 2px; 
	color: #99005B; 
	text-transform: uppercase; 
	font-weight: bold; 
}

span.eventDateDisplay_international, span.eventDateDisplay_China, span.eventDateDisplay_Cambodia, span.eventDateDisplay_Brazil, span.eventDateDisplay_Ecuador, span.eventDateDisplay_Mongolia, span.eventDateDisplay_Peru {
	background: #FBCDEA ; 
	padding: 2px; 
	color: #99005B; 
	text-transform: uppercase; 
	font-weight: bold; 
}

span.eventDateDisplay_running {
	background: #D2EDDA !important; 
	color: #18A346 !important; 
	padding: 2px; 
	text-transform: uppercase; 
	font-weight: bold; 
}
span.eventDateDisplay_UKchallenges {
	background: #CCE8F4 !important; 
	color: #018AC9 !important; 
	padding: 2px; 
	text-transform: uppercase; 
	font-weight: bold; 
}

div.eventDifficulty {
	float: right;
}



/*****CLASSES FOR IMAGE BORDERS ON PICTURE GALLERY *****/

div.landscape {
	width: 120px !important;
	background: #fff;
	border: 1px solid #999999 !important;
	padding: 2px !important;
	margin: 0 0 5px 0;
}


div.portrait {
	width: 90px !important;
	background: #fff;
	border: 1px solid #999999 !important;
	padding: 2px !important;
	margin: 0 0 5px 0;
}

div.square {
	width: 120px !important;
	background: #fff;
	border: 1px solid #999999 !important;
	padding: 2px !important;
	margin: 0 0 5px 0;
}



/****  STYLES FOR FORMBUILDER ****/
.themelightfill {
	background-color: #FFF3FA;
}

.styledForm .inputContainer,
.styledForm .checkContainer{
	margin-bottom: 10px
}

.styledForm .inputContainer label {
	display: block;
	margin-bottom: 3px
}

.dominantLables .inputContainer label {
font-weight: bold;
}

.styledForm .submitContainer {
	margin-top: 10px;
}

.processSubmitContainer {
	text-align: right;
	margin-top: 1em;
}

.mandatory-text {
	color: #EC008C;
	font-weight: bold;
	margin-top: 0;
}

.styledForm .metalabel {
	font-size: 0.8em;
	font-weight: normal;
}

.styledForm .help {
	margin: 10px 0 10px 0;
	padding: 1em;
	background-color: #FFF3FA;
}

.styledForm .checkContainer p{
	font-weight: bold;
	margin-bottom: 2px;
	margin-top: 0;
}

.innerCheckContainer {
	margin-bottom: 0.3em;
}

.arrangedForm {
	margin-top: 20px;
	padding: 1em
}



/* class for document icons -----------*/
img.document_icon {
	clear: both !important;
	margin: 0 !important;
	float: none !important;
}


/*
 ** Widget on event homepage
 */
 
.widget {
	clear: both;
	margin-bottom: 40px;
}