@charset "utf-8";
/* --- RYaccordion CSS Document, accordion specific styles --- */
/* --- Creator: Andrew Tennison --- */
/* --- Creation Date: 28/04/2009 --- */
/* --- For: Radley Yeldar --- */

/* --- Modified by: ## --- */
/* --- Modified on: ## --- */

/* --- Non JS jump links (optional) --- */
.RYA_nonJsNav {}
.RYA_nonJsNav li {}
.RYA_nonJsNav li a {}
.jsEnabled .RYA_nonJsNav {display:none;}

/* --- LEAVE: Default / Non JS Accordion styling --- */
.RYaccordion {position:relative; display:block; clear:both; width:100%}
.RYaccordion li {position:relative; display:block; width:100%; clear:both; overflow:hidden;}
.RYA_trigger {
	position:relative; display:inline; float:left; clear:both;
	width:100%; cursor:pointer; 
	}
.RYA_trigger {color:#999;}
.RYA_trigger.hover {color:#000;}
.RYA_trigger.on {color:#ff0000;}

.RYA_inner {position:relative; display:inline; float:left; clear:both; width:100%}
.RYA_pad {padding:10px 0;}

/* --- LEAVE: JS enabled specific styling --- */
.jsEnabled .RYA_inner {display:none;}


/* --- EDIT: Default / Non JS Accordion styling --- */

/* example 1 - fixed height */
#exampleLarge li .RYA_trigger {background:#ccc; color:#000}
#exampleLarge li .RYA_trigger.hover {background:#999; color:#000}
#exampleLarge li .RYA_trigger.on {background:#ff0000; color:#000}
#exampleLarge .RYA_trigger h3 {position:relative; display:inline; float:left; width:75%;}
#exampleLarge .RYA_trigger p {position:relative; display:inline; float:left; width:25%;}
#exampleLarge li .RYA_pad { padding:10px}


/* example 3 - horizontal (+ fixed width) */
/* container and widths are to control total width when opening and closing */
#exampleHorz {width:400px;}
#exampleHorz .RYA_trigger {width:400px; background:#ccc; color:#000}
#exampleHorz li .RYA_trigger.hover {background:#999; color:#000}
#exampleHorz li .RYA_trigger.on {background:#ff0000; color:#000}
#exampleHorz .RYA_inner {width: 400px; clear:none; background:#efefef;}
#exampleHorz .RYA_pad {width:380px; padding:10px;}
#exampleHorz .RYA_trigger h3 {padding:5px;}

/* --- EDIT: JS enabled specific styling --- */
/* example 1 - fixed height */
.jsEnabled #exampleLarge {height:203px; overflow:hidden;}
.jsEnabled #exampleLarge .RYA_inner {height:100px; background:#efefef;}

/* example 3 - horizontal (+ fixed width) */
.jsEnabled #horizontalContainer {position:relative; display:block; width:850px; height:300px; overflow:hidden; background:#efefef}
.jsEnabled #exampleHorz {height:300px; width:1250px;}
.jsEnabled #exampleHorz li {position:relative; display:inline; float:left; clear:none; width:auto;}
.jsEnabled #exampleHorz .RYA_trigger {width:150px; height:300px; clear:none; background:#ccc; border-right:1px solid #efefef;}

.jsEnabled #combined {width:800px;}