/************************************************************************************************************
*	DHTML modal dialog box	(CSS for the DHTMLSuite_modalMessage class)
*
*	Created:						August, 26th, 2006
*	@class Purpose of class:		Display a modal dialog box on the screen.
*			
*	Css files used by this script:	modal-message.css
*
* 	Update log:
*
************************************************************************************************************/
.modalDialog_transparentDivs{	
	filter:alpha(opacity=40);	/* Transparency */
	opacity:0.7;	/* Transparency */
	background-color:#000;
	z-index:1;
	position:absolute; /* Always needed	*/
}
.modalDialog_contentDiv{
	border:1px solid #000;	
	padding:0px;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:#FFF;	/* White background color for the message */
}



.close{ position:absolute; right:-10px; top:-10px;}
.green_header{ background:url(../images/green_bg.jpg) repeat-y 0 0; }
.left_arrow{ width:20px; padding-left:10px; text-align:left}
.right_arrow{ width:20px; padding-right:10px; text-align:right;}
.green_header h2{ padding:18px 5px; color:#245637;}


.img_data{ overflow:hidden; height:100%; border-top:1px solid #ccdebc; padding:3px 0 3px 7px;}
/* set millions of background images */
.rbroundbox { background: url(../images/red_icon.png) no-repeat; position: absolute; top: -22px;  width:39px; text-decoration:none; height:30px; left: 80px; color:#2B6441; text-align:center; font-weight:bold; text-decoration:none; }

.rbtop div {  }
.rbtop { }
.rbbot div { }
.rbbot { }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {

}
.rbcontent { margin: 0 7px; }
.rbcontent p{border-bottom:0;}
.rbroundbox {  margin: 1em auto; }

.container {background:#eee; color:#000; }
.container1 {border:1px solid #eee; color:#000; }

 .rtop, .rbottom{
display:block;
background:#fff;
}
 .rtop *, .rbottom *{
display: block;
height: 1px;
overflow: hidden;
background:#eee;
}
 .r1{margin: 0 5px}
 .r2{margin: 0 3px}
 .r3{margin: 0 2px}
 .r4{
margin: 0 1px;
height: 2px
}


.container-new{clear:#000; clear:both; width:100%; overflow:hidden; font-family:"Trebuchet MS" , Arial;}
.cont-newlft{width:218px; float:left; background:url(../images/gray_box_mid.gif) 0 0 repeat-y; width:218px; overflow:hidden;}
.cont-newlft.gap{margin-right:25px;}
.cont-newlft h6{color:#61544B; font:bold 13px "Trebuchet MS", Arial; padding:0; margin:0; padding-bottom:7px; }
.cont-newlft p.subheading{font-size:13px; padding:0; margin:0; background:url(../images/uline.gif) left bottom repeat-x; padding-bottom:7px; margin-bottom:2px;}
.cont-newlft ul{list-style-type:none; padding:0; margin:0; }
.cont-newlft li{list-style-type:none; padding:0; margin:0; border-bottom:#DCDCDC 1px solid; overflow:hidden; padding-bottom:2px; font-size:11px;}

.cont-newrht{width:218px; float:left; }
.cont-newbox-top{background:url(../images/gray_box_top.gif) 0 0 no-repeat; overflow:hidden;}
.cont-newbox-bot{background:url(../images/gray_box_bot.gif) 0 bottom no-repeat; padding:11px 7px 11px 9px; min-height:300px; height:100%!important; height:300px; }
.container-new .buttonarea{text-align:center; width:100%; overflow:hidden;}
.container-new input.submit-but{width:95px; margin:50px auto 0 auto; background:url(../images/submit-but.gif) 0 0 no-repeat; height:26px; border:0; color:#616161; font-size:11px; font-weight:bold; cursor:pointer;}

.container-new .field1{ clear:both; overflow:hidden; width:100%;}
.container-new .field1 p{padding:0; margin:0; font-size:11px; padding-bottom:2px;}
.container-new .field1 table{font-size:11px; height:15px;}