.ddi-sidebar{
padding: 10px;
float: left;
width: 20%;
border: 1px solid gainsboro;
font-size: 11px;
margin: 5px;
margin-top: 0px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color: #F2F2F2;
}
.ddi-sidebar li, .ddi-sidebar ul, .page-body li{list-style:none;}

/*variable listing table*/
.table-variable-list, .table-variable-list td{border:none;font-size:11px;vertical-align:top}
.var-th td{border-bottom:2px solid #d9dccf;font-weight:bold; text-transform:uppercase}
/*row colors*/
.row-color1{background-color:#eeefe9;cursor:pointer;color:#333333}
.row-color2{background-color:none;cursor:pointer;color:#333333}
.row td{border-bottom:1px solid gainsboro;}
.row-color1 a, .row-color2 a{color:#333333}

/*row hover*/
.table-variable-list .row-color1:hover, .table-variable-list .row-color2:hover, .row:hover{background-color:#d9dccf}
.var-link{text-decoration:none;color:black;}
.table-variable-list td{padding:5px;}

table th{text-align:left}
.var-category-container{margin-top:10px;border:1px solid #eeefe9;}
.var-category-title{padding:5px;background-color:#eeefe9;color:black;}
.datafile-info{width:100%;background-color:#EFF8FF;}
.varCatgry td,.varCatgry th{font-size:11px;padding:0px;padding-left:5px;}
.varCatgry {width:100%;}
.varCatgry th{font-weight:bold;}

.ddi-table{width:100%;}
.ddi-table th, .ddi-table td{padding:5px;}
.ddi-table th{font-weight:bold;border-bottom:2px solid gainsboro;border-top:2px solid gainsboro;}
.ddi-table tr{vertical-align:top;}
.ddi-table .row-color1, .ddi-table .row-color2{cursor:auto}

.var-info-panel .panel-td{border:2px solid gray;margin:5px;}
.pnl-active{background:gray;border:2px solid gray;color:white;}
.pnl-active a{color:white;}
.table-variable-list .pnl-active:hover{background:gray;}
.left-bar-section li{padding:5px;}
li.item{padding-left:40px;background:url("images/page_white_text.png") no-repeat left center;}
.left-bar-section .menu-item{margin-left:20px;}

.section-header{border-bottom:0px solid gainsboro;padding-bottosm:5px;}

.data-file-bg1 td{padding-bottom:10px;}
#variable-list h4{font-weight:bold;margin-top:15px;margin-bottom:20px;}

.filetree{padding:5px;padding-left:10px;}

/*variable pagination*/
ul.variable-pager{float:right;}
.variable-pager li{float:left;}
.variable-pager li a, .variable-pager li span{text-transform:uppercase;padding:3px;border:1px solid gainsboro;margin-left:5px;}
.variable-pager li span{font-weight:bold;background:gainsboro;}
.variable-pager li a:hover{background:black;color:white;}
.variable-pager-container{clear:both;margin-top:5px;}
.table-variable-list .count{font-weight:bold;margin-top:5px;}

.treeview ul {background:none;}

.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	background-color: white;
	margin-top: 0px;
}

.treeview .hitarea {
	background: url(images/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}


.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(../images/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview li.Sincollapsable, .treeview li.Sinexpandable { background-position: 0 -1px; }

.treeview img.doble {
     background: url(../images/treeview-default-line.gif) 0 0 no-repeat;
     background-position: -3px -1px;
}
.treeview td.sencillo {
     background: url(../images/treeview-default-line.gif) 0 0 no-repeat;
     background-position: -1px -56px;
     height:15px;
}
.treeview li.vacio {
        background:none;
}
.treeview li.vacioLine {
        background:none;
        border-bottom: solid 1px #dcdcdc;
}

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.before { background-position: 0px 0px }


.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(images/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(images/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(images/treeview-red.gif); } 

.treeview-black li { background-image: url(images/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(images/treeview-black.gif); }  

.treeview-gray li { background-image: url(images/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(images/treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(images/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(images/treeview-famfamfam.gif); } 


.filetree li { padding: 3px 0 2px 16px;}
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(images/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(images/file.gif) 0 0 no-repeat; }

/* Background Text */

 div#column {
    border-left: 0px solid gainsboro;
  }

  p.subs {
    display: inline;
    font: bold 14px/18px arial;
    color: #fff;
    background:gainsboro;
    padding: 1px 0 1px 0;
    white-space: pre-line; /* Not understood by IE, use manual br for IE */
  }