/* CSS Document for tester */

/* START TEMP ELEMENT STYLES ************************* */
/*
body {
	color: #272727;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div {
	color: #272727;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
*/
/* END TEMP ELEMENT STYLES ************************* */

/* START ACCORDION STYLES *************************** */

.accordion_toggle {
	background: url(../images/accordionArrowCanOpen.gif) no-repeat 630px 4px #d1d3d0 ;
	border-top: 1px solid #ffffff;
	color: #4e4e4e;
	display: block;
	height: 35px;
	width: 660px;
	line-height: 30px;
	color: #272727;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	cursor: pointer;
	margin: 0 0 0 0;
	padding: 0 10px 0 14px;
}

.accordion_toggle:hover {
	background-color: #fbc680;
	background: url(../images/accordionArrowCanOpen_Over.gif) no-repeat 630px 4px #fbc680 ;
}

.accordion_toggle_active {
	background: url(../images/accordionArrowIsOpen_Over.gif) no-repeat 630px 4px #FBC680 ;
	color: #272727;
	border-top: 1px solid #ffffff;
	font-weight:bold;
}

.accordion_toggle_active:hover {
	background: url(../images/accordionArrowIsOpen_Over.gif) no-repeat 678px 4px #fbc680 ;
}

.accordioncontent {
	background-color: #ffffff;
	color: #272727;
	font-size: 11px;
	overflow: hidden;
	display:block;
	margin: 10px 10px 0px 10px;
	padding-right: 20px;
	width: 660px;
	height:auto;
	
}

.accordionContentMoreLink {
	text-align: right;
}

.accordionContentMoreLink a {
	color: #505050;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration : none;
}

.accordionContentMoreLink a:hover {
	text-decoration: none;
}

/* END ACCORDION STYLES *************************** */


.fluxacc { /*header of 1st demo*/
background: url(../images/accordionArrowCanOpen.gif) no-repeat 630px 4px #d1d3d0 ;
	border-top: 1px solid #ffffff;
	color: #4e4e4e;
	height: 35px;
	width: 660px;
	line-height: 30px;
	color: #272727;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	cursor: pointer;
	margin: 0 0 0 0;
	padding: 0 10px 0 14px;
}

.fluxacc2 { /*header of 1st demo*/
background: url(../images/accordionArrowCanOpen_Over.gif) no-repeat 630px 4px #fbc680 ;
	border-top: 1px solid #ffffff;
	color: #4e4e4e;
	height: 35px;
	width: 660px;
	line-height: 30px;
	color: #272727;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	cursor: pointer;
	margin: 0 0 0 0;
	padding: 0 10px 0 14px;
}

.fluxacc:hover {
	background-color: #fbc680;
	background: url(../images/accordionArrowCanOpen_Over.gif) no-repeat 630px 4px #fbc680 ;
}

.openfluxacc{ /*class added to contents of 1st demo when they are open*/
background: url(../images/accordionArrowIsOpen_Over.gif) no-repeat 630px 4px #FBC680 ;
	color: #272727;
	border-top: 1px solid #ffffff;
	font-weight:bold;
}