/* ----------------------------------------------------------------------------
*  Conflict between aip site dialog box css and crossmark imported dialog box css
*  This css is used when crossmark is present on page after the JS file has called the crossmark css.
* ----------------------------------------------------------------------------
*/





/*
* ----------------------------------------------------------------------------
*  Styling issues with crossmark dialog box, so fixing/Overriding their styles 
*  (header box and close icon issue) to make it look half decent!
* ----------------------------------------------------------------------------
*/

.ui-dialog-titlebar {
	top:0px;
	width:auto;
}

.ui-dialog .ui-dialog-titlebar-close {
    height: 32px;
    width: 34px;
    background:url("http://crossmark.crossref.org/images/icons_34.png") 2px 0px;
    border:none;
}
.ui-widget-header .ui-state-hover{
	background:url("http://crossmark.crossref.org/images/icons_34.png") 0px 0px;
	border:none;
	height: 32px;
    width: 34px;
}


/*
* ----------------------------------------------------------------------------
*  Override crossmark styles being picked up on aip dialog boxes
* ----------------------------------------------------------------------------
*/

.ui-dialog.dialogConflict {
	background:#ffffff;
}

.ui-dialog.dialogConflict .ui-dialog-titlebar {
	top:0px;
	height:auto;
	width:auto;
}

.ui-dialog.dialogConflict .ui-dialog-titlebar-close {
	background:none;
}
.ui-dialog.dialogConflict .ui-dialog-titlebar-close {
    height:18px;
    width:18px;
}