﻿/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion{
	/*background:#FFFFFF url(/img/global/gradient/h150.png) repeat scroll 0;*/
	background-color: rgb(237,233,227);
    border : dotted 1px #6D8C9C;
	margin: 0 auto;
    margin-bottom:5px;
	height:80px;
	padding:5px 0 5px 5px;
	margin-left:5px;
	width:860px;
	display:inline-block;
	overflow:hidden;
	/*border:1px solid #ddd;*/
}
.accordion2{
	/*background:#FFFFFF url(/img/global/gradient/h150.png) repeat scroll 0;*/
	background-color: rgb(237,233,227);
    border : dotted 1px #6D8C9C;
	margin: 0 auto;
    margin-bottom:5px;

	height:80px;
	padding:5px 0 5px 5px;
	margin-left:5px;
	width:860px;
	display:inline-block;
	overflow:hidden;
	/*border:1px solid #ddd;*/
}

/* accordion header */
#accordion img, .accordion2 img {
	float:left;
	margin-right:5px;
	cursor:pointer;
	opacity:0.5;
	filter: alpha(opacity=50);
}

/* currently active header */
#accordion img.current, .accordion2 img.current {
	cursor:default;
	opacity:1;
	filter: alpha(opacity=100);
}

/* 
	accordion pane. should initially have zero width and display:none.
	the first pane should override these with inline style
*/
#accordion div
{
	width: 0px;
	float: left;
	display: none;
	margin-right: 8px;
	border: dotted 1px #6D8C9C;
	height: 77px;
	overflow: hidden;
	padding-left: 12px;
	background-image: url('images/Arrow.gif');
	background-position: left top;
	background-repeat: no-repeat;
	text-align:left;
}

.accordion2 div
{
	width: 0px;
	float: left;
	display: none;
	margin-right: 10px;
	border: dotted 1px #6D8C9C;
	height: 78px;
	overflow-x:hidden;
	overflow-y:scroll;
	padding-left: 12px;
	background-image: url('images/Arrow.gif');
	background-position: left top;
	background-repeat: no-repeat;
	text-align:left;
}

/* content inside a pane should have fixed width */
#accordion div h3 {
	color:#444;
	margin:0 0 -10px 0;
	width:98%;
	font-size:17px;
	overflow:hidden;	
}

 .accordion2 div h3 {
	color:#444;
	margin:0 0 -10px 0;
	width:98%;
	font-size:13px;
	overflow:hidden;	
}	
#accordion div p, .accordion2 div p {	
	font-size:11px;
	width:98%;
	overflow:hidden;
}

