/* CSS for Accordion JQuery */

/*	AccordionButton with AccordionContent
---------------------------------------------------------------- */
#accordionContainer {width: 450px; margin-left: auto; margin-right: auto;}
.accordionButton {width: 450px;	float: left; border-bottom: 1px solid #FFFFFF; cursor: pointer; padding: 5px;
	background: #9e0226 url(http://www.paramountassetscorp.com/Images/arrow_right.jpg) 99% 50% no-repeat;}
	
.accordionButton:hover {background-color: #80011F;}
.accordionButtonSelected{width: 450px; float: left;border-bottom: 1px solid #FFFFFF; cursor: pointer; padding: 5px;
	background: #80011F url(http://www.paramountassetscorp.com/Images/arrow_down.jpg) 99% 50% no-repeat;}
	
.accordionContent {width: 460px; float: left; background: #e3e3e3; display: none; font-family: Arial, Helvetica, sans-serif; font-size: 9px;}
.accordionContent h5{font-family: Arial, Helvetica, sans-serif;	font-size:13px;	color: #26547C;	margin: 5px 5px 0 10px;}
#accordionContainer span {color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-size:12px; padding: 5px 10px;}
#accordionContainer p{padding: 5px 10px;}
#accordionContainer ul{margin: 10px 15px; padding:0;}
#accordionContainer li{margin: 0 15px; padding: 0px 35px 5px 5px; font-size: 11px;}



/*	AccordionHeading with AccordionText
---------------------------------------------------------------- */
.accordionHeading {width: 450px; float: left; cursor: pointer; margin: 5px 0 5px 15px; padding: 5px 20px;
	background: #fff url(http://www.paramountassetscorp.com/Images/arrow_right_wht.jpg) 0% 50% no-repeat;}
.accordionHeadingSelected{width: 450px; float: left; cursor: pointer; margin: 5px 0 5px 15px; padding: 5px 20px;
	background: #fff url(http://www.paramountassetscorp.com/Images/arrow_down_wht.jpg) 0% 50% no-repeat;}
.accordionHeading h5{font-family: Arial, Helvetica, sans-serif;	font-size:1.2em; color: #26547C;}
.accordionText {width: 450px; float: left; margin: 0px 5px 5px 15px; padding: 0 5px; background-color: inherit; display: none;}



/*	MoreButton with MoreContent (Accordion on 'More' word)
---------------------------------------------------------------- */
.MoreButton {cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size:1.3em; color: #9e0226; margin:0; padding:0;}
.MoreButtonSelected{cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size:1.3em; color: #9e0226;}
.MoreContent {float: left; margin: 0px 10px 10px 0px; padding: 0 5px; background-color: inherit; display: none;}
.MoreContent p{font-family: Arial, Helvetica, Geneva, sans-serif; font-size:1.2em; text-align:justify; color: #464646;}



/*	LisitingButton with LisitingContent
---------------------------------------------------------------- */
.ListingButton {width: 450px; float: left; border-bottom: 1px solid #FFFFFF; cursor: pointer; padding: 5px; text-align:right;
	background: #9e0226 url(http://www.paramountassetscorp.com/Images/plus.png) 99% 50% no-repeat;}
	
.ListingButton:hover {background-color: #80011F;}
.ListingButtonSelected{width: 450px; float: left;border-bottom: 1px solid #FFFFFF; cursor: pointer; padding: 5px;
	background: #80011F url(http://www.paramountassetscorp.com/Images/minus.png) 99% 50% no-repeat;}
	
.ListingContent {width: 460px; float: left; background: #e3e3e3; display: none; font-family: Arial, Helvetica, sans-serif; font-size: 9px;}
.ListingContent h5{font-family: Arial, Helvetica, sans-serif;	font-size:13px;	color: #26547C;	margin: 5px 5px 0 10px;}