.mdgraph_shadow{
    margin-bottom:5px;
    margin-right:2px;
    margin-left:2px;
    display:block;
    float:left;
    

font-family: "tahoma", "arial", "verdana", sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: normal;

}

.mdgraph_gradient center{
    padding-top:5px;
    margin:0px 10px;

    background-color: #bcd2ee;
    color: #04408c;
    font-family: "tahoma", "arial", "verdana", sans-serif;
    font-size: 11px;
    font-weight: 700;  
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bcd2ee), to(#2F2727));
  
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #d4e2f4, #bcd2ee);
  
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #d4e2f4, #bcd2ee);
  
  /* IE 10 */
  background: -ms-linear-gradient(top, #2d4e2f4, #bcd2ee);
  
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #d4e2f4, #bcd2ee);


}

.mdgraph_gradient {
    min-height:20px;
    width:100%;
  /* fallback */
    background-color: #bcd2ee
    color: #04408c;
    font-family: "tahoma", "arial", "verdana", sans-serif;
    font-size: 11px;
    font-weight: 700;  
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bcd2ee), to(#2F2727));
  
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #d4e2f4, #bcd2ee);
  
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #d4e2f4, #bcd2ee);
  
  /* IE 10 */
  background: -ms-linear-gradient(top, #2d4e2f4, #bcd2ee);
  
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #d4e2f4, #bcd2ee);
}


/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }



#fade {
display: none;
background: #000; 
position: fixed; left: 0; top: 0; 
z-index: 10;
width: 100%; height: 100%;
opacity: .80;
z-index: 9999;
}
.popup_block{
min-height:600px;
display: none;
background: #fff;
padding: 20px; 
border: 20px solid #ddd;
float: left;
font-size: 1.2em;
position: fixed;
top: 50%; left: 50%;
z-index: 99999;
-webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
img.btn_close {
float: right; 
margin: -55px -55px 0 0;
}

/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
position: absolute;
}
*html .popup_block {
position: absolute;
}



/* `Tree Expander
----------------------------------------------------------------------------------------------------*/
.tree ul {
	display: none;
}

.tree .tree_expanded {
	display: block;
}

.tree_controls {
	background: #ccc url(../../images/chart/gradient.gif) repeat-x;
	border: 1px solid #ddd;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	color: #999;
	font-size: 10px;
	margin: 0;
	overflow: hidden;
	padding: 5px 0;
	text-align: center;
	width: 140px;
}

.tree_controls a {
	color: #333;
	text-decoration: none;
}

.tree_controls a:hover {
	text-decoration: underline;
}

.tree {
	clear: both;
	margin: 0 0 20px;
	padding: 5px 0 0;

font-family: "tahoma", "arial", "verdana", sans-serif;
font-size: 12px;
font-style: normal;


}

.tree,
.tree ul {
	background: url(../../images/chart/grey_line.gif) repeat-y;
}

.tree ul {
	margin: -4px 0 0 4px;
	padding: 5px 0 0;
}

.tree li {
	background: url(../../images/chart/tree_li.gif) no-repeat 0 11px;
	clear: both;
	list-style: none;
	padding: 5px 0 0 10px;
}

.tree li.last,
.tree li:last-child {
/*	background: #fff url(images/chart/tree_li_last.gif) no-repeat 0 -481px; */
}

.tree .tree_trigger,
.tree .tree_slug {
	background: url(../../images/chart/tree_icons.gif) no-repeat;
	display: inline;
	float: left;
	font-size: 0;
	margin: 2px 5px 0 0;
	overflow: hidden;
	text-decoration: none;
	width: 9px;
	height: 9px;
}

.tree .tree_trigger_expanded {
	background-position: -9px 0;
font-family: "tahoma", "arial", "verdana", sans-serif;
font-size: 10px;
font-style: normal;

}

.tree .tree_slug {
	background-position: -18px 0;
}