/* jqmModal dialog CSS courtesy of;
  Brice Burgess <bhb@iceburg.net> */

div.jqmDialog
{
	display: none;
    position: fixed;
    top: 10%;
	left: 50%;
	text-align: left;
	padding: 0;
	margin: 0;
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html div.jqmDialog 
{
	position: absolute;
	top: expression((document.documentElement.scrollTop || document.body.scrollTop) + 50 + 'px');
	/*top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');*/
}


/* [[[ Title / Top Classes ]]] */
div.jqmdTC 
{
	background: url(Images/modal_bg.gif) repeat-x;
	color: #FFFFFF;
	padding: 5px 0 5px 0;
	font-weight: bold;
	* zoom: 1;
}

div.jqmdTL 
{
	background: url(Images/modal_topleft.gif) no-repeat left top;
	padding-left: 17px;
}

div.jqmdTR  
{
	background: url(Images/modal_topright.gif) no-repeat right top;
	padding-right: 17px;
	* zoom: 1;
}


/* [[[ Body / Message Classes ]]] */
div.jqmdBC 
{
	background: url(Images/modal_bc.gif) repeat-x center bottom;
	padding: 7px;
	position: relative;
	/*height: 180px;
	overflow: auto;*/
}

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

div.jqmdBR 
{
	background: url(Images/modal_br.gif) no-repeat right bottom;
	padding-right: 7px;
	* zoom: 1
}

div.jqmAbove
{
	z-index: 5000;
}

div.jqmClose
{
	cursor: pointer;
	background: url(Images/modal_close.gif) no-repeat bottom left;
	position: absolute;
	display: block;
	right: 20px;
	top: 3px;
	width: 14px;
	height: 14px;
}

/* fix the stupid overflow bug in IE6 */
* html div.jqmContent 
{
	/*border: solid 1px #CCCCCC;*/
	overflow: visible;
	overflow-x: hidden;
	overflow-y:	auto;
	width: expression(this.scrollHeight > this.offsetHeight ? (this.offsetWidth - 19) + "px" : "98%");
	padding-right: expression(this.scrollHeight > this.offsetHeight ? "19px" : "0");
}

div.jqmContent
{
	/*border: solid 1px #CCCCCC;*/
	position: relative;
	overflow: auto;
	
	/* fix a bug in IE7 where overflow scrollbar overlaps contents */
	overflow-x: hidden;
	overflow-y: auto;
	width: expression(this.scrollHeight > this.offsetHeight ? (this.offsetWidth - 19) + "px" : "100%");
	padding-right: expression(this.scrollHeight > this.offsetHeight? "19px" : "0");
}

div.jqmDialog div.sectiontitle
{
	position: relative;
	font-weight: bold;
	color: #454545;
	margin-bottom: 12px;
	padding-right: 50px;
}

div.jqmDialog div.sectiontitle img.button
{
	position: absolute;
	top: 0;
	right: 0;
	border: none 0;
	margin: 0 0 0 10px;
}

div.jqmContentHelper
{
	display: block;
	margin: 0;
	text-align: center;
	width: 100%;
	height: 25px;
}

div.jqmContentHelper a,
div.jqmContentHelper a:visited,
div.jqmContentHelper a:active
{
	float: left;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	border-color: #454545;
	font-size: 12px;
	color: #454545;
	background-color: #FFFFFF;
	text-decoration: none;
	padding: 5px;
	margin-right: 5px;
}

div.jqmContentHelper a:hover
{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #454545;
}

div.jqmCommandCenter
{
	margin-top: 10px;
	text-align: center;
	width: 100%;
}

div.jqmCommandRight
{
	margin-top: 10px;
	text-align: right;
	width: 100%;
}

div.jqmOverlay 
{
	background-color: #454545;
	position: absolute;
}