/*CSS forgot password page 30Apr14*/


.dialog-info {
 width:100%;
 margin:0px auto;
/* min-width:20em;
 max-width:800px;  I only cut the left background images out to 800px. You could do much larger, etc. */
 color:#000;
}

.dialog-info .hd .c,
.dialog-info .ft .c {
 font-size:1px; /* ensure minimum height */
 height:7px;
}

.dialog-info .ft .c {
 height:9px;
}

.dialog-info .hd {
 background:transparent url("../images/common/corner-info-tl.png") no-repeat 0px 0px;
 margin-right:8px; /* space for right corner */
}

.dialog-info .hd .c {
 background:transparent url("../images/common/corner-info-tr.png") no-repeat right 0px;
 margin-right:-8px; /* pull right corner back over "empty" space (from above margin) */
}

.dialog-info .bd {
 background:transparent url("../images/common/corner-info-ml.png") repeat-y 0px 0px;
 margin-right:8px;
}

.dialog-info .bd .c {
 background:transparent url("../images/common/corner-info-mr.png") repeat-y right 0px;
 margin-right:-8px;
}

.dialog-info .bd .c .s {
 margin:0px 8px 0px 4px;
/* background:#000 url("../images/common/ms.jpg) repeat-x 0px 0px;
 padding:1em;*/
}

.dialog-info .ft {
 background:transparent url("../images/common/corner-info-bl.png") no-repeat 0px 0px;
 margin-right:8px;
}

.dialog-info .ft .c {
 background:transparent url("../images/common/corner-info-br.png") no-repeat right 0px;
 margin-right:-8px;
}



/*blue round-corner box*/

.dialog-fields {
 width:100%;
 margin:0px auto;
/* min-width:20em;
 max-width:800px;  I only cut the left background images out to 800px. You could do much larger, etc. */
 color:#000;
}

.dialog-fields .hd .c,
.dialog-fields .ft .c {
 font-size:1px; /* ensure minimum height */
 height:6px;
}

.dialog-fields .ft .c {
 height:9px;
}

.dialog-fields .hd {
 background:transparent url("../images/common/corner-data-tl.png") no-repeat 0px 0px;
 margin-right:9px; /* space for right corner */
}

.dialog-fields .hd .c {
 background:transparent url("../images/common/corner-data-tr.png") no-repeat right 0px;
 margin-right:-9px; /* pull right corner back over "empty" space (from above margin) */
}

.dialog-fields .bd {
 background:transparent url("../images/common/corner-data-ml.png") repeat-y 0px 0px;
 margin-right:9px;
}

.dialog-fields .bd .c {
 background:transparent url("../images/common/corner-data-mr.png") repeat-y right 0px;
 margin-right:-9px;
}

.dialog-fields .bd .c .s {
 margin:0px 8px 0px 4px;
/* background:#000 url("../images/common/ms.jpg) repeat-x 0px 0px;
 padding:1em;*/
}

.dialog-fields .ft {
 background:transparent url("../images/common/corner-data-bl.png") no-repeat 0px 0px;
 margin-right:9px;
}

.dialog-fields .ft .c {
 background:transparent url("../images/common/corner-data-br.png") no-repeat right 0px;
 margin-right:-9px;
}


.ctrlInputLeft{ background:url("../images/common/ctrInputLeft.png") no-repeat; width:7px; height:34px;}
.ctrlInputRight{ background:url("../images/common/ctrInputRight.png") no-repeat; width:7px; height:34px;}
.ctrlInputTile{ background:url("../images/common/ctrInputMiddle.png") repeat-x; height:34px;}



/*customized dropdown*/


.dialog-info td{ line-height:22px}



/* all form DIVs have position property set to relative so we can easily position newly created SPAN */
div.selectcustom{position:relative;} 

/* setting the width and height of the SELECT element to match the replacing graphics */
select.select{
		position:relative;
		z-index:10;
		width:255px !important;
		height:34px !important;
		line-height:34px;
}

/* dynamically created SPAN, placed below the SELECT */
span.select{
	position:absolute;
	bottom:0;
	float:left;
	left:0;
	width:255px;
	height:34px;
	line-height:34px;
	text-indent:10px;
	background:url("../images/common/bg_select.gif") no-repeat 0 0;
	cursor:default;
	z-index:1;
	}
	
.info-title{ color:#085d92; font-size:11px; font-weight:bold;}
	
	
.round-small-left{ background:url("../images/common/round-small-left.png") no-repeat; width:4px; height:5px;}	
.round-small-right{ background:url("../images/common/round-small-right.png") no-repeat; width:4px; height:5px;}	
.round-small-tile{ background:url("../images/common/round-small-Tile.png") repeat-x; height:5px;}	

.searchCtrlContent{ position:relative;}
.searchCtrlContent input{width:100%;}
.searchCtrlContent span.labelValue{ float:left; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px;display:block; width:53%;}
.searchCtrlContent span.icondownArrow{ float:Right; }