/*******************************************************************************************************************************************************************
 *	Datagrid Styles
 *******************************************************************************************************************************************************************/
.ui-datagrid { background-color: #fff; position: relative; zoom: 1; }
.ui-datagrid table { border: 0; border-collapse: separate; border-color: #5c87b2; border-width: 1px; border-style: solid; empty-cells: show; width: 100%; table-layout: fixed; }
.ui-datagrid th { padding: 3px; text-align: left; }
.ui-datagrid tr { border: 0; line-height: 1.25em; overflow: hidden; padding: .25em .6em; text-align: left; text-overflow: ellipsis; vertical-align: middle; }
.ui-datagrid td { word-wrap: break-word; vertical-align:top; }

.ui-datagrid-row {}
.ui-datagrid-row-alt { background-color: #e6e9eb; }

.ui-datagrid th .ui-datagrid-link span { display: inline; line-height: 24px; padding-right: 16px; }


.ui-datagrid-link { color: #000; text-decoration: none; }

.ui-datagrid-caption { background: url("/content/gradient.png") repeat-x scroll left top #E6E9EB; border-top: solid 1px #5d8cc9; border-left: solid 1px #5d8cc9; border-right: solid 1px #5d8cc9; border-color: #5d8cc9; color: #5D7BC7; padding: 5px; font-weight: bold; font-size: 1em;}
.ui-datagrid-footer { background: url("/content/gradient.png") repeat-x scroll left top #E6E9EB; border-bottom: solid 1px #5d8cc9; border-left: solid 1px #5d8cc9; border-right: solid 1px #5d8cc9; color: #5D7BC7; padding: 5px; font-weight: bold; font-size: 1em; height: 1.25em; }
.ui-datagrid-status { float: left; margin: -.2em .6em -.2em -.6em; padding: .2em .6em; height: 100%; border-right-width: 1px; border-right-style: solid; border-right-color: #5d8cc9; }
.ui-datagrid-status-text { float: right; margin-right: .2em; }
.ui-datagrid-pager { float: left; cursor: default; }
.ui-datagrid-current { border: solid 1px #5d8cc9; color: Black; padding:2px; font-weight:normal; background-color: White; }
.ui-datagrid-toolbar { border-right: 1px solid #5D8CC9; border-left: 1px solid #5D8CC9; border-top:1px solid #5D8CC9; }

.ui-datagrid-pager .ui-datagrid-link { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; }

.ui-datagrid-hide  { display: none; }

/*66a2cf*/

/*******************************************************************************************************************************************************************
 *	Tool Bar Styles
 *******************************************************************************************************************************************************************/
.ui-toolbar-button { outline: 0; margin:0 4px 0 0; padding: .2em .75em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.ui-toolbar-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
	
a.ui-toolbar-button { float:left; }
	
/* remove extra button width in IE */
button.ui-toolbar-button { width:auto; overflow:visible; }
	
.ui-toolbar-button-icon-left { padding-left: 2.1em; }
.ui-toolbar-button-icon-right { padding-right: 2.1em; }
.ui-toolbar-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.ui-toolbar-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
	
.ui-toolbar-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	

.ui-toolbar-buttonset { float:left; }
.ui-toolbar-buttonset .ui-toolbar-button { float: left; }
.ui-toolbar-buttonset-single .ui-toolbar-button, 
.ui-toolbar-buttonset-multi .ui-toolbar-button { margin-right: -1px;}
	
.ui-toolbar { padding: 3px; height: 22px; }
.ui-toolbar .ui-toolbar-buttonset { margin-right:1.5em; padding-left: 1px; }
.ui-toolbar .ui-toolbar-button { font-size: .85em;  }
.ui-toolbar-bottom { margin-bottom: 10px; }

input[type="submit"].ui-toolbar-button { font-size:.75em; }

/*******************************************************************************************************************************************************************
 *	Collapsible Panel Styles
 *******************************************************************************************************************************************************************/
.ui-collapsiblepanel { float: left; width: 100%; border: 2px solid #f2f2f2;}
.ui-collapsiblepanel-panel { padding: 3px; height: 18px; }
.ui-collapsiblepanel-panel-content { padding: 8px; background:white; }
.ui-collapsiblepanel-title { float: left; font-size: medium; }
.ui-collapsiblepanel-title-button { text-align: right; float:right; }
.ui-collapsiblepanel-title a { color: #5d7bc7; text-decoration: none; }

.ui-collapsiblepanel-collapse { width: 16px; height: 16px; background-image: url('/Content/1downarrow.png'); }
.ui-collapsiblepanel-expand { width: 16px; height: 16px; background-image: url('/Content/1uparrow.png'); }

/*******************************************************************************************************************************************************************
 *	Timepicker Styles
 *******************************************************************************************************************************************************************/
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }