/*
	Modify width in jquery show function to test correct sizing / scaling of window.
	Modify height value in .dialogContents for same tests.

	Note: because of the fixed width of the header and footer, the dialog
	has a max width 759px; (740 for header + 18 for right cap).  There
	is no max height.

	The actual header and footer images could be modified to be extended out
	to an absurd width (like 2000px) to accomodate wider dialogs.
*/

.dialogHeader
{
	margin-right: 18px;		/* create reserved space for cap. */
	
	background-image: url(dialogs/header.gif);
	background-repeat: no-repeat;
}

.dialogHeader .cap
{
	height: 60px;
	margin-right: -18px;	/* pull cap back into space reserved. */
	
	background-image: url(dialogs/headerCap.gif);
	background-position: right;
	background-repeat: no-repeat;
}

.dialogHeader .contents
{
	padding-left: 52px;
	padding-top: 22px;
	
	
	color: #0085CA;
	font-weight: bold;
	font-size: larger;
}



.dialogHeaderWarning
{
	margin-right: 18px;		/* create reserved space for cap. */
	
	background-image: url(dialogs/header.gif);
	background-repeat: no-repeat;
}

.dialogHeaderWarning .cap
{
	height: 60px;
	margin-right: -18px;	/* pull cap back into space reserved. */
	
	background-image: url(dialogs/headerCap.gif);
	background-position: right;
	background-repeat: no-repeat;
}

.dialogHeaderWarning .contents
{
	padding-top: 26px;
	padding-left: 26px;
	
	color: #990000;
	font-weight: bold;
	font-size: larger;
}

.dialogBody
{
	/*
		uncomment and modify this to test height scaling, however
		generally speaking the content will automatically dictate the height.

		height: 240px;
	*/
	padding-left: 26px;
	background-color: white;
	background-image: url(dialogs/content.gif);
	background-repeat: repeat-x;
}

.dialogBody .contents
{
	font-size: 9pt;
	line-height: 22px;
	
	padding-top: 6px;
	padding-bottom: 20px;
	padding-left: 26px;
	padding-right: 26px;
}

.dialogFooter
{
	margin-right: 18px;		/* create reserved space for cap. */
	
	background-image: url(dialogs/footer.gif);
	background-repeat: no-repeat;
}

.dialogFooter .cap
{
	height: 54px;
	margin-right: -18px;	/* pull cap back into space reserved. */
	
	background-image: url(dialogs/footerCap.gif);
	background-position: right;
	background-repeat: no-repeat;
}

.dialogFooter .leftContents
{
	float: left;
	
	padding-top: 7px;
	padding-left: 26px;
}

.dialogFooter .rightContents
{
	float: right;
	
	padding-top: 7px;
	padding-right: 26px;
}

/*
##############################################################################
Common support form dialog 
*/

.dialogBody .contents .issueSelector
{
	background-color: #eeeeee;
	
	border: solid 1px darkgray;
	border-bottom: 0px;
	
	height: 30px;
	
	margin-top: 18px;
}

.dialogBody .contents .issueSelector div
{
	font-weight: bold;
	font-size: 11pt;
	
	margin-left: 10px;
	
	height: 28px;
	line-height: 28px;
}

.dialogBody .contents .textContainer
{
	border: solid 1px darkgray;
	padding: 5px;
	height: 130px;
	overflow: scroll;
}

.dialogBody .contents .contactDetails
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #eeeeee;
	border: solid 1px darkgray;
	border-top: none;
}

/*
##############################################################################
These are the main styles used by the jquery component library, we are heavily
overriding the visuals for the header and footer.
*/
.ui-dialog
{
	/*
		the rest of these values are all overrides of the default
		jquery ui modal dialog widget.
	*/		
	padding: 0px;
	border: 0px;
	
	background-image: none;
	background-color: Transparent;
}

.ui-dialog-titlebar
{
	/*
		we don't want the default modal dialog title bar (with close icon)
		that's part of the jquery ui widget, so we're just going to hide it.
	*/
	display: none;
}

.ui-dialog-title-dialog
{
	/* placeholder in case we want to modify later */
}

.ui-dialog-titlebar-close
{
	/* placeholder in case we want to modify later */
}

.ui-dialog-content
{
	/* placeholder in case we want to modify later */
}