.grid {margin: 0;}
.grid-position-top {position: relative;top: -36px;}
.grid-position-top .form, .grid-position-top .panel{margin-top:36px;}
/* Header */
.grid .grid-header {height: 32px;}
.grid-position-top .grid-header {height: 26px;}

.grid .grid-header-inner {height: 32px; background-color: #FFC423;}
.grid-position-top .grid-header-inner {height: 26px; background: none;}

.grid .grid-header h5 {line-height: 32px; text-indent: 28px; font-size: 0.75em; text-align: left;}
.grid-position-top .grid-header h5 {line-height: 25px;position: relative;left: -220px; float: left;}

.grid .grid-whos-header {background: #f8f8f8 url(../../img/module/user/blue-exclamation-mark.png) no-repeat 8px 50%; border: solid 1px #C9D5D9; text-align: left; text-indent: 28px; font-size: 0.85em;line-height: 2.5em; margin-top: 10px;}
.grid-position-top .grid-whos-header {background: #f8f8f8 url(../../img/module/user/blue-exclamation-mark.png) no-repeat 8px 50%;border: solid 1px #C9D5D9; text-align: left; text-indent: 28px; font-size: 0.85em;line-height: 2.5em; margin-top: 10px;}
/* Buttons */
.grid .grid-buttons {margin: -34px 0 0 0; height: 34px; text-align: right; background: transparent;}
.grid-position-top .grid-buttons {margin: -26px 0 0 0; height: 26px; text-align: right; background: transparent;}

.grid .grid-buttons p {text-align: right; padding: 6px 6px 0 0;}
.grid-position-top .grid-buttons p {text-align: right; float: right; padding: 3px 0px 3px 0px;}

.grid .grid-buttons .button {
	border: 1px solid #999999; color: #333333; 
	background: #ffffff url(../../img/component/grid/button-bg.png) repeat-x left bottom;
	font-size: 1em; padding: 2px 10px 2px 10px;
}
/* =========================================================================== */
.grid-buttons .sorting_menu {float: left; margin-top: 2px; position: absolute; left: 0px}
/*
.grid-buttons .sorting_menu div,
.grid-buttons .sorting_menu li {behavior: url('/assets/css/iepngfix.htc');}
*/
.grid-buttons .sorting_menu ul.jd_menu {margin: 0; padding: 0; list-style-type: none;float: left;}
.grid-buttons .sorting_menu ul.jd_menu li.item {
	width: 44px; height: 22px; line-height: 24px; white-space: nowrap;
	font-size: 1em; cursor: pointer; text-align: left;
	background: url(../../img/component/grid/grid-sorting-menu.png) no-repeat left top;
}
.grid-buttons .sorting_menu ul.jd_menu li a {line-height: 18px; color: #333333; text-indent: 20px; margin-left: 4px;}
.grid-buttons .sorting_menu ul.jd_menu li a:hover {text-decoration: none;}
.grid-buttons .sorting_menu ul.jd_menu li.jdm_hover {}
.grid-buttons .sorting_menu ul.jd_menu li.jdm_hover a {color: #ffffff;}
.grid-buttons .sorting_menu ul.jd_menu li.jdm_hover li a {color: #333333;}
.grid-buttons .sorting_menu ul.jd_menu ul {
	width: 239px; height: auto; position: absolute; display: none; list-style-type: none;
	margin: 0 0 0 0; padding: 0px; z-index: 10000;
}
.grid-buttons .sorting_menu ul.jd_menu ul .jd_menu_sub_top {
	height: 9px;
	width: 239px;
	background: url(../../img/component/grid/grid-submenu-bg-top.png) no-repeat left bottom;
}
.grid-buttons .sorting_menu ul.jd_menu ul .jd_menu_sub_side {
	width: 239px;
	padding: 0 0 5px 3px;
	background: url(../../img/component/grid/grid-submenu-bg-side.png) repeat-y left top;
}
.grid-buttons .sorting_menu ul.jd_menu ul .jd_menu_sub_bottom {
	height: 19px;
	width: 239px;
	background: url(../../img/component/grid/grid-submenu-bg-bottom.png) no-repeat left bottom;
}
.grid-buttons .sorting_menu ul.jd_menu ul li {
	width: 239px;
	height: 19px; 
	float: none; 
	font-size: 1.2em; 
	line-height: 24px; 
	text-align: left;
	background: url(../../img/component/grid/grid-submenu-bg-side.png) repeat-y left top;
}
.grid-buttons .sorting_menu ul.jd_menu ul li a {display: block; width: 221px; color: #333333; height: 19px; background: none;}
.grid-buttons .sorting_menu ul.jd_menu ul li.jdm_hover {}
.grid-buttons .sorting_menu ul.jd_menu ul li.jdm_hover a {
	color: #ffffff;
	background: url(../../img/component/grid/grid-submenu-bg-item.png) repeat-x left top;
}
* html .grid-buttons .sorting_menu ul.jd_menu ul {width: 1%;}
/* =========================================================================== */
/* Body */
.grid .grid-body {padding: 0;}
.grid-position-top .grid-body {padding: 10px;}
.grid .grid-body .grid-dataset {}
.grid .grid-dataset .grid-dataset-content {margin: 12px 0 0 0;}
.grid .grid-dataset-content table {width: 100%; border: none;}
.grid .grid-columnset {background-color: #d1d8e2; line-height: 28px; height: 28px;}
.grid .grid-column {width: 120px; height: 28px; float: left;}
.grid .grid-column a {
	display: block; float: left; color: #565767; font-weight: bold; font-size: 0.75em; margin-left: 25px;
}

.grid .grid-recordset {border-top: 1px solid #eeeeee;}
.grid .grid-record {height: 32px; border-bottom: 1px solid #eeeeee;}
.grid .grid-record-highlighted {background: #fffbae;}
.grid .grid-record .value {color: #707070;}
.grid .grid-record .grid-record-columns {}
.grid .grid-record .grid-record-column {overflow: hidden; height: 32px;}
.grid .grid-record .grid-record-columns p {margin: 0; padding: 0; line-height: 1.5em; line-height: 32px;}
.grid .grid-record .grid-record-actions {float: right; width: 150px;}

.grid .grid-record .grid-record-actions .grid-record-action-menu {margin-top: 3px; float: left; width: 95px;}
.grid .grid-record .grid-record-actions ul.jd_menu {margin: 0; padding: 0; list-style-type: none;}
.grid .grid-record .grid-record-actions ul.jd_menu li {
	width: 90px; height: 24px; line-height: 24px; white-space: nowrap;
	font-size: 1em; cursor: pointer; text-align: left;
	background: #ffffff url(../../img/component/grid/record-action-menu-arrow.png) no-repeat 70px 50%;
}
.grid .grid-record .grid-record-actions ul.jd_menu li a {line-height: 24px; color: #333333; padding-left: 20px;}
.grid .grid-record .grid-record-actions ul.jd_menu li a:hover {text-decoration: none;}
.grid .grid-record .grid-record-actions ul.jd_menu li.jdm_hover {
	background: #565656 url(../../img/component/grid/record-action-menu-arrow-active.png) no-repeat 70px 50%;
}
.grid .grid-record .grid-record-actions ul.jd_menu li.jdm_hover a {color: #ffffff;}
.grid .grid-record .grid-record-actions ul.jd_menu li.jdm_hover li a {color: #333333;}
.grid .grid-record .grid-record-actions ul.jd_menu ul {
	width: 160px; height: auto; position: absolute; display: none; list-style-type: none;
	margin: 0 0 0 0; padding: 7px 0 7px 0; background: #eeeeee; border: 1px solid #565656; z-index: 10000;
}
.grid .grid-record .grid-record-actions ul.jd_menu ul li {
	width: 160px; float: none; font-size: 1em; background: #eeeeee; line-height: 24px; text-align: left;
}
.grid .grid-record .grid-record-actions ul.jd_menu ul li a {
	display: block; width: 160px; color: #333333;
}
.grid .grid-record .grid-record-actions ul.jd_menu ul li.jdm_hover {background-image: none;}
.grid .grid-record .grid-record-actions ul.jd_menu ul li.jdm_hover a {color: #ffffff;}
* html .grid .grid-record .grid-record-actions ul.jd_menu ul {width: 1%;}

.grid .grid-record .grid-record-actions .grid-record-action-delete {
	float: right; width: 45px; height: 32px;
	background: transparent url(../../img/component/grid/record-action-delete-bg.png) no-repeat left 50%;
}
.grid .grid-record .grid-record-actions .grid-record-action-delete a {
	display: block; width: 16px; height: 16px; margin: 9px 0 0 15px;
	background: transparent url(../../img/component/grid/delete.png) no-repeat 50% 50%;
}
.grid table tr {}
.grid table tr.even td {background-color: #ffffff;}
.grid table tr.odd td {background-color: #ffffff;}
.grid table th {
	text-align: center; font-size: 0.75em; padding: 3px 4px 3px 4px; color: #7e7e7e;
	background-color: #eeeeee;
}
.grid table th a {color: #7e7e7e;}
.grid table td {
	font-size: 0.75em; padding: 3px 4px 3px 4px;
	border-bottom: 1px solid #eeeeee; background-color: #ffffff; color: #7e7e7e; vertical-align: middle;
}
.grid table td a {color: #7e7e7e;}
.grid table td.actions {width: 20%; text-align: right; padding: 0 10px 0 0;}
/* Pager */
.grid .grid-dataset .grid-dataset-pager {
	text-align: right; height: 42px; line-height: 42px; margin: 10px 0 0 0;
}
.grid .grid-dataset-pager a {
	line-height: normal; display: inline; float: right; color: #000000; font-size: 0.75em; 
	border: 1px solid #c7c7c7; margin: 12px 2px 0 0; padding: 2px 5px 2px 5px;
	text-decoration: none; background: #f7f7f7;
}
.grid .grid-dataset-pager a:hover {background-color: #cccccc; border-color: #666666;}
.grid .grid-dataset-pager a.page-active {border: 1px solid #666666; background: #666666; color: #FFFFFF;}
.grid .grid-footer {}
/* Child Grid */
.child-grid {margin-top: 10px;}
.child-grid .grid-header {height: 26px;}
.child-grid .grid-header-inner {height: 26px; background-color: transparent;}
.child-grid .grid-header h5 {
	line-height: 26px; text-indent: 0; font-size: 0.75em; text-align: left;
	border-bottom: 1px solid #d6d9de;
}
.child-grid .grid-buttons {margin: -30px 0 0 0; height: 28px;}
.child-grid .grid-body .form {margin: 10px 0 0 0;}