.form-label{
	text-align: right;
	color: black;
	width: 170px;
}
#qform{
	vertical-align: top;
	margin: 0;
	padding: 2px;
}
#qform table{  
 	background-color: #efefff;
	/* border-radius: 0px 25px 0 0; */
	text-indent: 0px;
	color: black;
	padding: 0 10px;
	margin: 0;
      border-spacing: 0; 
	width: 100%;
}

#qform table td{
	padding: 5px;	 
}
#info-header,
#product-header,
#question-header-real,
#question-header{ 
	font-weight: bold;
	vertical-align: top;
	position: relative;	  
	padding: 0px;
	margin: 0px;
	width: 450px;
	border-radius: 0px 25px 0 0;
	border: 1px solid #6f9fdf; 
	z-index: 10; 
	background-color:  #366a9f;
     -moz-box-shadow: inset 0px 0px 5px 0px #dcecfb;
     -webkit-box-shadow: inset 0px 0px 5px 0px #dcecfb;
	box-shadow: inset 0px 0px 5px 0px #dcecfb;
	text-shadow: 1px 1px 1px  #306f30;
}
#product-header{ width: 500px !important;}
#question-header-real{ width: 600px !important;}

#info-header div,
#product-header  div,
#question-box h1,
#question-header div,
#question-header-real div {
	padding: 2px 30px;
	margin: 2px 5px ;
	color: white;
	font-size: 12pt;
	background: transparent url(../Images/ok.png) no-repeat center left ;	
}
#info-box h1{
	padding: 2px 20px;
	margin: 0px;
	color: black;
	font-size: 11pt;
	background-color: white;
}
#info-box i{
	padding: 2px 20px;
	margin: 0px;
	color: black;
	font-size: 10pt;
	background-color: white;
}
#info-box,
#product-box,
#question-box,
#question-box-real { 	
	margin: 0 ;
	border-radius:  0 0px 10px 10px;
	padding: 5px 10px;
	background-color:  white;	
	border: 1px solid #ccccce;
	border-top: 0px solid #ffffff;
	z-index: 10;
	width: 450px;
}
#product-box {width: 500px;}
#question-box-real  {width: 600px;}	

.error-field {   
  	background-color: #ff8888;
	color:  white; 
}
.error-messg{
	font-weight: bold;
	color:  white;
	margin: 10px 0;
	border-radius:  10px;
	padding: 5px 35px ;
	background: red url(../Images/lock.png) no-repeat center left;
	border: 1px solid #B20000; 
	width: 400px;
	text-shadow: 2px 2px 2px  #B20000;
}
.form-header div{ 
	font-weight: bold;
	color:  white;
	margin: 5px 0;
	border-radius:  0 20px 0 0;
	padding: 5px 35px ;
	background:  #00cc00 url(../Images/h1.png) no-repeat center left;
	border: 1px solid #00B200; 
	width: 100%;
	text-shadow: 1px 1px 1px  #009200;
   
     -moz-box-shadow: inset 0px 0px 5px 0px #dcecfb;
     -webkit-box-shadow: inset 0px 0px 5px 0px #dcecfb;
	box-shadow: inset 0px 0px 5px 0px #dcecfb; 
}


#tree{
	margin: 0 auto; 
	padding: 0; 
	width: auto; 
	list-style: none; 
}
li.tree-top-level{height: 21px;}
.tree-top-level li { list-style : disc;}
.tree-li-root ul li { font-weight: normal; list-style : circle;}

.tree-top-level { 
	clear: bolth;
	margin: 0 ;
	padding: 0 4px ;  
	background: url( ../Images/bullet.gif) 0em 0.5em no-repeat;	
	font-weight: bold; 
	list-style: none; 
} 
.tree-top-level li { list-style : disc; }
.tree-li  { 	 
	font-weight: normal;
	margin: 0 22px; 
	padding: 0  ;   
}
.tree-li-root{
	font-weight: bold;
	margin: 0 10px; 
	padding: 2px 12px ;
	vertical-align: baseline;

	list-style: none !important;	
/*	background: url( ../Images/bullet.gif) 0em 0.5em no-repeat;
*/
}
.tree-top-level span {  
	vertical-align: middle;
}
li.tree-top-level input {
	vertical-align: middle; 
	margin: 3px;
}  
li.tree-top-level ul.tree-ul{
	position: absolute;
	display: none;
	z-index: 100;
	padding: 10px;
}

li.tree-top-level:hover{ 
	color: white;	 
	border: 1px solid #6f9fdf;  
	background-color:  #366a9f;
     -moz-box-shadow: inset 0px 0px 5px 0px #dcecfb;
     -webkit-box-shadow: inset 0px 0px 5px 0px #dcecfb;
	box-shadow: inset 0px 0px 5px 0px #dcecfb;
	text-shadow: 1px 1px 1px  #306f30;
	
}
li.tree-top-level:hover ul.tree-ul{
	display: inline-block;
	margin-left: 110px;
	color: white;	 
	border: 1px solid #6f9fdf;  
	background-color:  #366a9f;
     -moz-box-shadow: inset 0px 0px 5px 0px #dcecfb;
     -webkit-box-shadow: inset 0px 0px 5px 0px #dcecfb;
	box-shadow: inset 0px 0px 5px 0px #dcecfb;
	text-shadow: 1px 1px 1px  #306f30;
}
li.tree-top-level ul.tree-ul li ul.tree-ul{
	position: relative;
	margin: 0 ; 
	display: block;
	padding: 6px 0!important;
	border: none; 
     -moz-box-shadow: none;
     -webkit-box-shadow: none;
	box-shadow: none;
}
.form-dilimiter{
	background-color:  #ddddde;
	height: 1px;
	margin: 10px -5px !important;
	width: auto;
}
.tree-group-name{ margin-bottom:  10px !important; width: 100%  !important;}
.tree-group-name .tree-group { 
	margin-top:  3px !important; 
	width: 100%  !important; 
	border-top: 1px dotted #cccccc;
}
.tree-group-name .header{
	font-weight: bold;
	padding: 2px 30px; 
	width: 600px; 
	overflow: visible;
	background:  transparent url(../Images/stock_task.png) no-repeat top left;
}