/* DataGrid */
.datagrid {font: 11px Trebuchet MS,Arial,Verdana; margin: 5px;}

.datagrid table {width: 100%; !important padding: 0; margin: 0; border-spacing: 0; text-align: left;}

.datagrid table thead th {background: url(./datagrid/fade_bottom_short.png) top right repeat-x; color: #506F8D; text-align: left; font-weight: bold; height: 22px; white-space: nowrap;}

.datagrid table tbody tr {background: #fff; padding-right: 5px;}

.datagrid table tbody tr.evenRow {background: #E9E9E9;}

.datagrid table tbody td {height: 22px; font: 11px Trebuchet MS,Arial,Verdana;}

.datagrid tfoot a {color: #000;}

.paging tr {min-height: 1px;}

.paging td, .paging tr:hover {border: none; background: none; font-size: 1em;}

tr.stophover:hover {background-color: Transparent;}

/* Calendar */
.vlaCalendarPicker{position: absolute; z-index: 999; margin-top: -5px; margin-left: -2px; display: none;}

.vlaCalendarPicker .pickerBackground{background: transparent url('./calendar/calendar_background.png') no-repeat top center; padding: 16px; height: 130px; width: 166px; overflow: hidden;}

* html .vlaCalendarPicker .pickerBackground{background-image: url('./calendar/calendar_background.gif');}

.vlaCalendar, .vlaCalendar table{font-family: calibri,arial !important; color: black; font-size: 12px !important;}

.vlaCalendar{display: block; width: 164px;}

.vlaCalendar .container, .vlaCalendar .container div{width: 164px; height: 130px; text-align: left; position: absolute; overflow: hidden;}

.vlaCalendar span.indication{display: block; text-align: center;}

.vlaCalendar table{margin-top: 8px; text-align: right; border-collapse: collapse; background-color: white;}

.vlaCalendar .picker td{cursor: pointer;}

.vlaCalendar .label:hover{color: #06c; cursor: pointer;}

.vlaCalendar .noHover:hover{color: black; cursor: default;}

.vlaCalendar .arrowLeft, .vlaCalendar .arrowRight{background: transparent url('./calendar/arrowleft.gif') no-repeat center; height: 12px; width: 10px; cursor: pointer;}

.vlaCalendar .arrowLeft{margin-left: 5px; float: left;}

.vlaCalendar .arrowLeft:hover{background-image: url('./calendar/arrowleft_hover.gif');}

.vlaCalendar .arrowRight{margin-right: 5px; float: right; background-image: url('./calendar/arrowright.gif');}

.vlaCalendar .arrowRight:hover{background-image: url('./calendar/arrowright_hover.gif');}

.vlaCalendar .month th{text-align: center; font-weight: normal; width: 24px; padding-bottom: 1px; border-bottom: 1px solid #f5f5f5;}

.vlaCalendar .month td{padding-right: 3px; height: 15px; text-align: center;}

.vlaCalendar .month tr.firstRow td{padding-top: 2px;}

.vlaCalendar .month td:hover{background: url('./calendar/day_hover.gif') bottom no-repeat; color: #06c;}

.vlaCalendar .month td.selected{background: url('./calendar/day_selected.gif') bottom no-repeat; color: #06c;}

.vlaCalendar .month td.selected:hover{background-image: url('./calendar/day_selected_hover.gif');}

.vlaCalendar .month td.outsideDay{color: #a8a8a8;}

.vlaCalendar .month td.outsideDay:hover{color: #b1c5fc;}

.vlaCalendar .year{margin-left: 2px;}

.vlaCalendar .year td{width: 40px; height: 35px; text-align: center; cursor: pointer;}

.vlaCalendar .year td:hover{background: url('./calendar/month_hover.gif') center no-repeat; color: #06c;}

.vlaCalendar .year td.selected{background: url('./calendar/month_selected.gif') center no-repeat;}

.vlaCalendar .year td.selected:hover{background-image: url('./calendar/month_selected_hover.gif');}

.vlaCalendar .year td.current{background: url('./calendar/month_current.gif') center no-repeat; color: #06c;}

.vlaCalendar .year td.current: hover{background-image: url('./calendar/month_current_hover.gif');}

.vlaCalendar .year td.selectedcurrent{background: url('./calendar/month_selectedcurrent.gif') center no-repeat;}

.vlaCalendar .year td.selectedcurrent:hover{background-image: url('./calendar/month_selectedcurrent_hover.gif');}

.vlaCalendar .year td.outsideYear{color: #a8a8a8;}

.vlaCalendar .year td.outsideYear:hover{color: #b1c5fc;}

/* dialog boxes */
div.jqmDialog{position: absolute; top: 17%; left: 50%; margin-left: -200px; width: 400px; overflow: hidden; font: 11px Trebuchet MS,Arial,Verdana; z-index: 1001}

div.jqmdTC{position: relative; background: #d5ff84 url(./dialogs/sprite.gif) repeat-x 0px -82px; color: #528c00; padding: 7px 22px 5px 5px; font: 12px bold Trebuchet MS,Verdana,Arial; cursor: move;}

div.jqmdTL{background: url(./dialogs/sprite.gif) no-repeat 0px -41px; padding-left: 3px}

div.jqmdTR{background: url(./dialogs/sprite.gif) no-repeat right 0px; padding-right: 3px}

div.jqmdBC{background: url(./dialogs/bc.gif) repeat-x center bottom; padding: 7px 7px 14px; overflow:auto}

div.jqmdBL{background: url(./dialogs/bl.gif) no-repeat left bottom; padding-left: 7px}

div.jqmdBR{background: url(./dialogs/br.gif) no-repeat right bottom; padding-right: 7px}

div.jqmdMSG{color: #317895}

div.jqmdX{position: absolute; right: 7px; top: 4px; padding: 0 0 0 19px; height: 19px; width: 0px; background: url(./dialogs/close.gif) no-repeat top left; overflow: hidden; cursor: pointer}

div.closeButtons{text-align: left; position: relative; margin-top: 10px; margin-bottom: 10px;}

a.button {background: url(./dialogs/big_button.gif) repeat-x; padding: 2px 12px; cursor: pointer; border: 1px solid #999 !important; text-decoration: none; color: #000 !important;}

a.button:hover{background: url(./dialogs/big_button_over.gif) repeat-x}

.customBox {position: absolute; width: 331px; z-index: 2; background: url('./dialogs/custom_box_bottom.gif') bottom left no-repeat;}

.customBox .customHeader{background: url('./dialogs/custom_box_top.gif') top left no-repeat; height: 19px; color: #FFF; padding-left: 15px; font: 12px bold Trebuchet MS,Verdana,Arial;}

.customBox .customContent{background: url('./dialogs/custom_box_middle.gif') top left repeat; padding: 15px; padding-bottom: 0px; font: 11px bold Trebuchet MS,Verdana,Arial; text-align: justify;}

.customBox .customClose{position: absolute; right: 0px; top: 0px; padding: 0 0 0 14px; height: 14px; width: 0px; background:url(./dialogs/close_small.gif) no-repeat bottom left; overflow: hidden; cursor: pointer}

.customTable {width: 98%; margin-top: 5px; font: 11px bold Trebuchet MS,Verdana,Arial;}

.customTable td {vertical-align: middle; padding: 4px;}

.customTable td input {width: 100%;}

/* Tooltips */
.tooltips{color: #fff; width: 245px; z-index: 13000}

.usertool-title{background: #4f7188; color: #fefefe; border: 1px solid #1c2d37; font-weight: bold; padding: 2px; width: 245px}

.usertool-text{background: #fff; color: #333; border: 1px solid #000; padding: 2px; width: 245px}

.usertool-loading{width: 30px; height: 30px; margin: 0 auto}

.grouptool-title{background: #eb9a16; color: #fff; border: 1px solid #1c2d37; font-weight: bold; padding: 2px; width: 245px}

.grouptool-text{background: #fff; color: #333; border: 1px solid #000; padding: 2px; width: 245px}

.grouptool-loading{width: 30px; height: 30px; margin: 0 auto}

/* Autocompleter */
ul.autocompleter-choices{position: absolute; margin: 0; padding: 0; list-style: none; border: 1px solid #7c7c7c; border-left-color: #c3c3c3; border-right-color: #c3c3c3; border-bottom-color: #ddd; background-color: #fff; text-align: left; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; z-index: 50; background-color: #fff;}

ul.autocompleter-choices li{position: relative; margin: -2px 0 0 0; padding: 0.2em 1.5em 0.2em 1em; display: block; float: none !important; cursor: pointer; font-weight: normal; white-space: nowrap; font-size: 1em; line-height: 1.5em;}

ul.autocompleter-choices li.autocompleter-selected{background-color: #444; color: #fff;}

ul.autocompleter-choices span.autocompleter-queried{display: inline; float: none; font-weight: bold; margin: 0; padding: 0;}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried{color: #9FCFFF;}