﻿div.askdss {
	width: 210px; /*  this  is  used  for  the  child  rec boxes */
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 10px;
	 /*border:1px solid red;*/
background: url(toptitle.gif) no-repeat;
	/*color: #fff;*/
}
div.askdss div {
	
	overflow: hidden;
	border:1px solid #96C8E9;

}
div.askdss div:first-child {
	
	
	/*background :url(bottom.gif) 5px bottom ;*/
	
	 /*border:1px solid red;*/

	/*width: 210px;  /* inserted  by  me  this  is  used  for  the root rec box*/
}
div.askdss div.collapsed {
	height: 25px;
	 /*border:1px solid red;*/

}
div.askdss div span {
	display: block;
	padding: 5px 10px;
	font-weight: bold;
	/*color: white;
	/*background: url(expanded.gif) no-repeat 5px right;*/  /* this is the  original code  */
	background: url(expanded.gif) no-repeat 190px center ; /*  this  is  used  to  place  the  expand  image  */
	cursor: hand;
	border-bottom: 1px solid #ddd;
}
div.askdss div.collapsed span {
	background-image: url(collapsed.gif);
	 

}
div.askdss div a {
	padding: 5px 10px; /*  this is  used  to  take  the  height and  width  of  the  drop down  rec  box  */
	background: #00000; /*  this  is  used  to  change  the  background  colour  of  the dropdown  */
	display: block;   /*  this  is  gives  the  block  for  the  dropdown  rec box  */
	border-bottom: 1px solid #ddd; /*  this is  used  for  the  border */
	color: #000; /* this  is  used  to  change  the  drop down  text  colur  */
	width:190px;
	
	/*background: url(bottom.gif) repeat-x ;*/
	
}

