/*div.grid .head { height:30px; }*/
div.grid h2 { float:left; }
div.grid .grid-actions-main{ background:url('/media/admin/images/icons/grid-actions.png') no-repeat 3px center; width:18px; height:18px; list-style:none;  margin-left:10px; float:left; margin-top:3px; }
div.grid .grid-actions-main li { display:none; float:left; }
div.grid .grid-actions-main li a { display:block; padding:0 10px 0 25px; background:#333; height:18px; line-height:18px; white-space:nowrap; }
div.grid .grid-actions-main li a:hover { /*color:#00aeef !important;*/ }
div.grid .grid-actions-main li.first a { background:#333 url('/media/admin/images/icons/grid-actions-hover.png') no-repeat 3px center; }
div.grid .grid-actions-main:hover li { display:block; }

div.grid .grid-actions li a { font-size:11px; color:#fff !important; text-transform:uppercase;
	-moz-border-radius:		4px; 
	-webkit-border-radius:	4px; 
	-ms-border-radius:		4px; 
	border-radius:			4px;
}

form .parameters {margin-bottom:10px;}
form .parameters input.paging {width:30px;}
div.grid .grid-actions.main.grid-actions-multiple li.first a {
	-moz-border-radius:		4px 4px 0 0;
	-webkit-border-radius:	4px 4px 0 0;
	-ms-border-radius:		4px 4px 0 0;
	border-radius:			4px 4px 0 0; 
}
div.grid .grid-actions.main.grid-actions-multiple li.last a {
	-moz-border-radius:		0 0 4px 4px;
	-webkit-border-radius:	0 0 4px 4px;
	-ms-border-radius:		0 0 4px 4px;
	border-radius:			0 0 4px 4px;
}

div.grid .grid-actions-sub { float:none; margin:0 0 20px 0; background-image:none; }
div.grid .grid-actions-sub li { display:inline; margin-right:8px; }
div.grid .grid-actions-sub li a { background:#959494 none; padding:4px 10px 1px 10px; font-size:15px; font-family:AkagiBold, 'Franklin Gothic Demi', Verdana, Arial, sans-serif; }
div.grid .grid-actions-sub li a:hover { background:#777 none; }

div.grid .controls { position: absolute; top:0; right:0; }

.udb-block {width:16px;height:16px;border-radius:8px;display:inline-block;}
div.grid .result { }

#udb-export {margin-bottom:30px;}
table.grid {float:left;}

div#letters {margin:5px;float:left;}

.icon {margin-left:2px; cursor:pointer;margin-right:7px;}

div.grid .cell-image { vertical-align:middle; }
div.grid .cell-image img { max-width:30px; width:30px; max-height:30px; display:block;}
#tooltip img, #thumb img {max-width:100px;}
div.grid div.pagination { float:right;  margin:5px;}
a.letter {margin-right:3px;font-size:11px;text-transform:lowercase;}
div.grid div.search { float:right; width:32px; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;  }
div.grid div.search .icon { float:left; margin-top:2px; width:20px; height:20px; background:url('/media/admin/images/icons/search.png') no-repeat left top; }
div.grid div.search.open .icon, div.grid div.search .icon:hover, div.grid div.search .icon:active { background-position:left bottom; }
div.grid div.search .element { width:0px; float:left; margin-right:3px; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }
div.grid div.search input { color:#fff; width:0px; border:none; height:25px; line-height:25px; border-radius:10px; padding:0; cursor:default; }
div.grid div.search.open input { width:145px; padding:0 10px; background:#eee; box-shadow:0 0 2px rgba(50,50,50,.4) inset; color:#666; cursor: text;}
div.grid div.search.open { width:198px; }
div.grid div.search.open div.element { width:166px; }
div.pagination span, div.pagination a {font-size:11px;}
div.grid th .tooltip { display:none; }

.formgrid table.grid thead th { font-size:11px; font-family: Arial,sans-serif; }
.formgrid table.grid tbody tr:hover  { background-color:#111; }

/*** TABLE ***/
table.grid { border-collapse:collapse; width:100%; }

table.grid thead tr { border-bottom:2px solid #bbb; }
table.grid tbody tr { border-bottom:1px solid #cac9c9; }
table.grid tbody tr:hover { background-color:#ddd; }

table.grid th { color:#959494; padding-bottom:5px; text-transform:uppercase; font-family:'AkagiBold', 'Franklin Gothic Demi', sans-serif; font-size:15px; text-align:left; vertical-align:middle; }
table.grid th img { margin-bottom:-2px;  }
table.grid th.click { cursor:pointer; }
table.grid th.click:hover { color:#6a6a6a; }

table.grid td { height:33px; vertical-align:middle; }
table.grid td.cell-icon { width:25px; text-align:center; }
table.grid td.cell-icon.empty { width:0px; }
table.grid td.cell-icon img { cursor:pointer; }
table.grid td.cell-udb { width:50px; text-align:center; }
table.grid td.seperator { width:15px; }
table.grid .cell-bool, table.grid .cell-checkbox { text-align:center; width:50px; }

table.grid td.cell-reorder, table.grid td.cell-reorder img { cursor:move; }

table.grid a { color:#333; }
table.grid a:hover { color:#00aeef; }

table.grid.tree td.cell-name { padding-left:17px; }
table.grid.tree tr.has-children td.cell-name { background:url('/media/admin/images/icons/tree-fold.png') no-repeat left center; }
table.grid.tree tr.has-children.expanded td.cell-name { background:url('/media/admin/images/icons/tree-fold-expanded.png') no-repeat left center; }
table.grid.tree span.leveler { display:inline-block; width:15px; }
table.grid.tree tr.level2 td, table.grid tr.level3 td { opacity:.5; }
table.grid.tree tr.level2:hover td, table.grid tr.level3:hover td { opacity:1; }
table.grid.tree tr.level2 td.cell-name, table.grid tr.level3 td.cell-name { opacity:1; }

/*** FORM-GRID ***/
.form-grid table.grid tbody tr:hover { background-color:inherit; }

/*** CUSTOM GRID ***/
.custom-grid ul { list-style:none; }

#grid-template td.cell-image { height:76px; }
#grid-template td.cell-image img { width:70px; clip:rect(0px,70px,70px,0px); position:absolute; }

#grid-stats .cell-views, #grid-stats .cell-views_online, #grid-stats .cell-clicks, #grid-stats .cell-optouts, #grid-stats .cell-count_contacts { text-align:center; }
#grid-stats th.views, #grid-stats th.views_online, #grid-stats th.clicks, #grid-stats th.optouts, #grid-stats th.count_contacts { text-align:center; }
#stats-detail-info { display:none; }
#grid-stats #stats-detail-info { display:block; text-align:right; font-size:10px; padding-bottom:3px; color:#aaa; }

/*** DROPDOWN CHECKLIST ***/
#grid-filter { margin-top:3px; float:right; }
#grid-filter .ui-dropdownchecklist-selector { background:none; border:none; padding:2px 5px; margin-bottom: -3px; border-radius: 4px; color:#999; }
#grid-filter .ui-dropdownchecklist-selector.ui-state-active { background:#00aeef !important; color:#fff; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
#grid-filter .ui-dropdownchecklist-selector.ui-state-hover { /*background:#d9d9d9;*/ color:#111; }
#grid-filter .ui-dropdownchecklist-dropcontainer { background:#00aeef; padding:6px; border:none; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
#grid-filter .ui-dropdownchecklist-item { background:transparent none; color:#fff; border:none; margin-top:4px; padding-top:4px; border-top:1px solid #fff; border-top:1px solid rgba(255,255,255,.4); }
#grid-filter .ui-dropdownchecklist-item:first-child { border-top:none; margin-top:0; padding-top:0; }
#grid-filter .ui-dropdownchecklist-item label { margin-left: 7px; }
#grid-filter .ui-dropdownchecklist-close { text-align:center !important; padding-top:10px; visibility: hidden; }
#grid-filter .ui-dropdownchecklist-close .ui-dropdownchecklist-text { cursor:pointer !important; text-decoration: underline; }

.modal-form table.grid thead tr { border:none; }
.modal-form table.grid thead th { width:80px; text-align:center; }
.modal-form table.grid thead th:first-child { width:auto; }
.modal-form table.grid thead th.reorder { width:40px; }
.modal-form table.grid tbody td { text-align:center; }
.modal-form table.grid tbody td:first-child { text-align:left; }