.cdb-loading td	{ vertical-align:middle; text-align:center; }

.cdb-grid			{ border-collapse:collapse; }
.cdb-grid *			{ font-family:Arial, Helvetica, sans-serif; font-size:11px!important; color:#333; }
.cdb-grid td		{ padding:0; cursor:default; }
.cdb-grid .toolbar	{ background-color:#eee; height:20px; }
.cdb-grid .pages	{ height:20px; }

.cdb-grid .grid				{ vertical-align:top; text-align:left;}
.cdb-grid .grid table		{ border-collapse:separate; background-color:#bbb; }
.cdb-grid .grid table th	{ padding:3px; background-color:#fff; color:#333; font-weight:normal; cursor:default; background-image:url('./css-images/grid-th.gif'); background-repeat:repeat-x; background-position:bottom;}
.cdb-grid .grid table td	{ padding:3px; background-color:#fff; }
.cdb-grid .grid table th div{ cursor:pointer; padding-left:15px; }
.cdb-grid .grid table th.ordered-asc  div { background:url('./css-images/ordered-asc.gif')  no-repeat; }
.cdb-grid .grid table th.ordered-desc div { background:url('./css-images/ordered-desc.gif') no-repeat; }

.cdb-grid .grid .over *		{ background-color:#E5F4FE; background-image:url('./css-images/grid-over.gif'); }

.cdb-grid .pages table		{ border:2px solid #bbb; border-bottom:0; border-collapse:collapse; background-color:#bbb; background-image:url('./css-images/tab-bg.gif'); background-position:bottom; background-repeat:repeat-x; }
.cdb-grid .pages td			{ color:#666; padding:3px; text-align:center; vertical-align:middle; }
.cdb-grid .pages td.noactive{ cursor:pointer; }
.cdb-grid .pages td.active	{ font-weight:bold; background-color:#fff; cursor:default;  background-image:url('./css-images/tab-active.gif'); background-position:top; background-repeat:repeat-x;  }
.cdb-grid .pages td.over	{ background-color:#ddd; }

.cdb-grid .grid td.image	{ width:20px; background-repeat:no-repeat; background-position:center center;}

.cdb-grid .grid td				{ vertical-align:top;text-align:left; padding:0;} 
.cdb-grid .grid td.stype-D,
.cdb-grid .grid td.stype-B 		{ text-align:center }
.cdb-grid .grid td.stype-I,
.cdb-grid .grid td.stype-N		{ text-align:right; } 

.cdb-grid .grid td.stype-B input{ margin:0; padding:0; }

.cdb-grid .grid tr.level-1 td	{ font-weight:bold; background-color:#eeeeee!important; }
.cdb-grid .grid tr.level-2 td	{ font-weight:bold; background-color:#e0e0ee!important; font-size:13px!important; color:#336; }
.cdb-grid .grid tr.level-3 td	{ font-weight:bold; background-color:#ddeedd!important; font-size:14px!important; color:#363; }
.cdb-grid .grid tr.level-4 td	{ font-weight:bold; background-color:#eee0e0!important; font-size:15px!important; color:#633; }

.cdb-grid .grid tr.totals td	{ color:#000; font-weight:bold; background-color:#bbb; background-image:url('./css-images/tab-bg.gif'); background-position:bottom; background-repeat:repeat-x; }

/************ window ********************/
.cdb-window					{ position:absolute; z-index:100; background-color:#fff; border:1px solid #666; border-collapse:collapse; }
.cdb-window td				{ padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

.cdb-window .caption		{ background-color:#336; color:#eee;  }
.cdb-window .caption td		{ cursor:default; font-size:11px; height:20px; padding-left:22px; background-repeat:no-repeat; background-position:2px 1px; }
.cdb-window .status			{ background-color:#888; color:#eee; height:15px; }
.cdb-window .status-drag div{ width:100%; height:100%; position:relative; cursor:se-resize; }
.cdb-window .close-button	{ text-align:right; vertical-align:top; padding:2px 4px 0 4px!important; width:15px; color:#fff; font-family:"Courier New", Courier, mono;}
.cdb-window .close-button.over { color:#f90; }

/************** form *********************/
.cdb-form-content						{ background-color:#eeeedf;}
.cdb-form-content .childs				{ background-color:#fff; border:1px solid #999; }
.cdb-form-content td					{ padding:0px; font-size:11px; }
.cdb-form-content .form-control			{ }

.cdb-form-content .attribute-title		{ vertical-align:top; padding:2px 2px 0 3px; }
.cdb-form-content .attribute-value		{ vertical-align:bottom; }
.cdb-form-content table					{ border-collapse:collapse; }
.cdb-form-content td.stype-X textarea,
.cdb-form-content td.stype-S textarea	{ border:0; width:100%; height:70px; padding:2px; }
.cdb-form-content td.stype-S input		{ border:1px solid #888; width:100%; padding:2px; }
.cdb-form-content td.stype-I input,
.cdb-form-content td.stype-N input		{ border:1px solid #888; text-align:right; padding:2px; }
.cdb-form-content td textarea,
.cdb-form-content td input				{ font-size:11px; }
.cdb-form-content input.button			{ border:1px solid #888; height:20px; background-color:#DED9CC; }

/************* component *******************/
table.cdb-input-base				{ background-color:#888; border-collapse:separate; }
table.cdb-input-base.over			{ background-color:#142E74; }
table.cdb-input-base td.button		{ padding:0; background-color:#DED9CC; cursor:pointer; }
table.cdb-input-base td.button.over	{ background-color:#C7CEDF; }
table.cdb-input-base td.input		{ padding:0; background-color:#fff; }
table.cdb-input-base input 			{ padding-left:2px; padding-top:2px; width:100%; border:0!important; font-size:10px; height:100%; }
table.cdb-input-base .with-icon		{ padding-left:19px!important; background-repeat:no-repeat; background-position:1px 1px; }
/* popup */
div.cdb-popup						{ position:absolute; z-index:1000; }
div.cdb-popup div					{ position:relative; top:20px; border:1px solid #888; background-color:#fff; overflow-y:auto; overflow-x:hidden; }
div.cdb-popup div .cdb-grid table	{ border-collapse:collapse!important; background-color:#fff!important; }

/*************** toolbar *****************/
.cdb-toolbar					{ background-color:#EAEAEB!important; padding:0!important; background-image:url('./css-images/toolbar-bg.gif'); background-position:top; background-repeat:repeat-x; }
.cdb-toolbar table				{ border-collapse:collapse; margin:2px!important; }
.cdb-toolbar td					{ cursor:pointer; padding:3px 6px 3px 6px!important; text-align:center; }
.cdb-toolbar td.over			{ background-color:#eee!important; }
.cdb-form-content .cdb-toolbar	{ border-left:2px solid #bbb!important; border-right:2px solid #bbb!important; }

/************* tabbars *******************/
.cdb-tabbar td				{ padding:0; }
.cdb-tabbar .tabs table		{ border-collapse:collapse; }
.cdb-tabbar .tabs			{ background-color:#bbb; border:2px solid #bbb; border-bottom:0; background-color:#bbb; background-image:url('./css-images/tab-bg.gif'); background-position:bottom; background-repeat:repeat-x; }
.cdb-tabbar .tabs td		{ color:#666; padding:3px 6px 3px 6px; cursor:pointer; }
.cdb-tabbar .tabs td.over	{ color:#333; background-color:#ddd;}
.cdb-tabbar .tabs td.active	{ color:#333; font-weight:bold; background-color:#fff; cursor:default;  background-image:url('./css-images/tab-active.gif'); background-position:bottom; background-repeat:repeat-x; }
.cdb-tabbar .content		{ }

/*************** calendar ****************/
.cdb-calendar td,
.cdb-calendar th			{ padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:11px!important; text-align:center; vertical-align:middle; cursor:default; }
.cdb-calendar td			{ cursor:pointer; } 
.cdb-calendar .current		{ border:1px solid #f33; }
.cdb-calendar .over			{ background-color:#E5F4FE; }
.cdb-calendar .today		{ font-weight:bold; }
.cdb-calendar .day7,
.cdb-calendar .day6			{ color:#900; }

/************ databox-data *************/
.cdb-databox-data			{ width:100%; border-collapse:separate; }
.cdb-databox-data td		{ padding:3px; border:1px solid #ccc; font-size:11px; }
.cdb-databox-data th		{ padding:3px; border:1px solid #ccc; font-size:11px; background-color:#ddd; color:#006; text-align:right; }
.cdb-databox-data input		{ width:100%; height:100%!important; border:0!important; background-color:transparent!important; padding:0!important; }
.cdb-databox-data textarea	{ width:100%; height:60px!important; border:0!important; background-color:transparent!important; padding:0!important; }

/*************** filter-form *************/
.cdb-filter					{ border:1px solid #888; }
.cdb-filter table.period	{ border-collapse:collapse; }

/************** groups-form ***************/
ul.cdb-groups 				{ padding:0; margin:0; list-style-type:none; }
ul.cdb-groups li			{ margin-bottom:3px; border:1px solid #888; position:relative; height:20px; width:150px; vertical-align:middle; background-color:#eee; cursor:move; font-size:11px; }
ul.cdb-groups li.checked	{ background-color:#fdd; border-color:#b66; color:$633; }
ul.cdb-groups li input		{ cursor:default; }

body				{ background-color:#fff; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; }
table				{ }
th, td				{ vertical-align:top; text-align:left; }
.vcenter td,
td.vcenter			{ vertical-align:middle!important; }
.vbottom td,
td.vbottom			{ vertical-align:bottom!important; }

a					{ color:#00c; }
a:hover				{ color:#f60; }

img					{ border-width:0; }
img.top				{ margin:0 1em 1em 0;}
img.left			{ margin:0.5em 1em 0.5em 0;}

#image				{ vertical-align:middle; text-align:center; }
#head 				{ font-size:120%; vertical-align:middle;}

#menu					{ padding-right:1em;}
#menu td				{ padding:0.3em; padding-right:1em; font-size:90%; }
#menu td a				{ width:100%; height:100%; }
#menu .level-1 td.active{ background-color:#ccd; }
#menu tr.level-1 td		{ padding-left:1em; border:1px solid #888; background-color:#eee; }
#menu tr.level-2 td		{ padding:0.1em; padding-bottom:0.5em; padding-left:2em; font-size:70%; }