/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
	color: red;
}

.field-validation-valid
{
	display: none;
}

.input-validation-error
{
	border: 1px solid red;
	background-color: #fee;
}

.validation-summary-errors
{
	font-weight: bold;
	padding: 5px; /*color: #ff0000;*/
}

.validation-summary-errors li
{
	margin-left: 15px;
}

.validation-summary-valid
{
	display: none;
}

/* Styles for details, edit & filter view
-----------------------------------------------------------*/

.display-label, .editor-label, .filter-label, .filter-labelto
{
	background: #E4EFFC;
}

/* Styles for details view
-----------------------------------------------------------*/
.display-label
{
	clear: both;
	float: left;
	width: 300px;
	height: 29px;
	margin-bottom: 1px;
	line-height: 30px;
	text-align: right;
	font-weight: bold;
	padding-right: 5px;
}

.display-field
{
	min-height: 30px;
	line-height: 30px;
	margin-left: 305px;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

/* Styles for edit view
-----------------------------------------------------------*/
.editor-label
{
	clear: both;
	float: left;
	width: 300px;
	height: 29px;
	margin-bottom: 1px;
	line-height: 30px;
	text-align: right;
	padding-right: 5px;
}

.editor-field
{
	min-height: 30px;
	line-height: 30px;
}

.tri-state
{
	/*width: 6em;*/
}

/* Styles for filter view
-----------------------------------------------------------*/

.filter-label, .filter-field, .filter-labelto, .filter-fieldto
{
	float: left;
}

.filter-control
{
	display:none;
}

.filter-control-required
{
	display: block;
}

.filter-control-remove
{
	float: left;
	margin-left: 5px;
}

.filter-control-remove-button {
	background: url(bpsimages/icon_remove.png) no-repeat center;
	-ms-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	color: transparent;
	border: none;
	cursor: pointer;
	/*height: 16px;
	width: 16px;*/
}

.filter-label
{
	width: 300px;
	height: 29px;
	margin-bottom: 1px;
	line-height: 30px;
	text-align: right;
	padding-right: 5px;
}


.filter-labelto
{
	text-align: right;
	width: 300px;
	height: 29px;
	margin-bottom: 1px;
	line-height: 30px;
	padding-right: 5px;
}

.filter-combo
{
	text-align: left;
	margin: 5px;
}

/* Styles for autocomplete list
-----------------------------------------------------------*/

.ui-autocomplete
{
	max-height: 200px;
	overflow-y: auto; /* prevent horizontal scrollbar */
	overflow-x: hidden; /* add padding to account for vertical scrollbar */
	padding-right: 20px;
}

/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall */
* html .ui-autocomplete
{
	height: 200px;
}

/* jQGrid customization
-----------------------------------------------------------*/

.ui-jqgrid .ui-subgrid table
{
	float: left;
}

.ui-jqgrid .ui-jqgrid-htable th
{
	vertical-align: middle;
}

.ui-jqgrid .ui-jqgrid-htable th div {
	white-space:normal !important;
	height:auto;
}

.ui-jqgrid .ui-jqgrid-htable th.ui-th-column
{
	background: #8EB9ED;
	color: white;
	background-image: none;
	font-weight: bold;
}

.ui-jqgrid .ui-pg-selbox
{
	height: auto;
}

.ui-jqgrid .gridlinks
{
	font-size: x-small;
	font-weight: bold;
}

.detaillink
{
	text-decoration: underline;
	color: #1543AA !important;
}

.ui-jqgrid .ui-jqgrid-pager
{
	height: 33px !important;
}

.ui-jqgrid .altgridrow
{
	background: #D5E2EF;
}

.ui-jqgrid tr.jqgrow td 
{
	white-space: nowrap;
}

.ui-jqgrid tr.ui-row-ltr td
{
	white-space: nowrap;
}

.ui-jqgrid .loading, div .loading
{
	background-position: center center !important;
	background-image: url('bpsimages/ajaxloader.gif') !important;
	background-color: white !important;
	background-repeat: no-repeat !important;
	height: 32px;
	width: 32px;
}

/* Base Style Overwrites
-----------------------------------------------------------*/

#header #logo
{
	margin-top: 8px;
	margin-bottom: 8px;
}


/* MISC
-----------------------------------------------------------*/

.activatedmenu {
	background: #b1b8c1;
	-ms-text-shadow: 0 1px 0 #DBDBDB;
	text-shadow: 0 1px 0 #DBDBDB;
}

.datepicker
{
	width: 198px;
}

.tipsy-inner ul
{
	text-align: left;
	margin-left: 20px;
}

textarea {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	-ms-text-shadow: 0 1px 0 white;
	text-shadow: 0 1px 0 white;
	color: #363636;
	width: 500px;
	height: 100px;
}

/* migrated from jquery.ui.core  */
.ui-icon
{
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	text-align: left;
}

.ui-helper-hidden-accessible { display:none; }

.ui-draggable .ui-dialog-titlebar {
	background: #285A90;
	color: white;
	text-shadow:none;
}