/********************************************************************************************************/
  /********************************************************************************************************/
  /********************************************************************************************************/
  /********************************************************************************************************/
  /********************************************************************************************************/
  /********************************************************************************************************/
  /********************************************************************************************************/
  /********************************************************************************************************/
  /* modal styles only */

  /* For main disable (overlay) table (see modalUtils.js) */
body 
{
	margin:0px;
	background:#F1F1F1 ;
}
.modalOverlayTable
{   padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    margin: 0px;
    width: 100%;
    padding-top: 10px;
    position: absolute;
    height: 100%;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50, Style=0);
    background: #ffffff;
    opacity:0.5;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
     
    }
/* Default CssClass for the control.  Typically, another class will be added to this to impose sizing (height/width). */
.mdl 
{
	/* 
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0, Style=0);
    background-color: #d3d3d3;
	*/
}
	
/* Primary outter table styles */

.mdlStructTable 
{
    /*
    width: 100%;
    height: 100%;
    */
}
/* Left and Right side of primary outter table */
.mdl-left, .mdl-right 
{
	width:0px;
	height:100%;
}
/* Center of primary outter table */
.mdlMain 
{
	vertical-align:top;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	height:100%;
}
/* Within Outter Left side */

.mdlMain-top-left 
{
	height:0px; 
	width:0px; 
}
.mdlMain-left 
{
	
}
.mdlMain-bottom-left 
{
	height:0px; 
	width: 0px;
	/* background: url(tnsmi_modalWindow@ModalBottom_L_gif.axd) bottom left no-repeat */
}
/* Within Outter Right side */
.mdlMain-top-right 
{
	height:0px; 
	width:0px; 
	/* background: url(tnsmi_modalWindow@ModalTop_R_gif.axd) top right no-repeat ; */
}
.mdlMain-right 
{
	background:# ;
}
.mdlMain-bottom-right 
{
	height:0px; 
	width:0px; 
	/* background: url(tnsmi_modalWindow@ModalBottom_R_gif.axd) bottom right no-repeat */ 
}
/* Within Center (ModalMain) */
.mdlInnerTable 
{
    width: 100%;
}
/* Header styles */
.mdlHeader 
{
    width: 100%;
    padding:0px;
	height:22px;
 	cursor:pointer;
	cursor:hand;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	background-color: #e6e6e6;
	cursor:move;
}
.mdlTitle {
	border-top:1px solid #000;
	border-left:1px solid #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	font-weight: 800;
	color: #FFFFFF;
	padding-bottom: 6px;
	padding-left: 3px;
	background-color: #e6e6e6;
	background-image:  url(tnsmi_modalWindow@TitleBackground_gif.axd); 
	background-repeat:repeat-x;
	background-position:top;
}
.mdlTitleEdge {
	border-top:1px solid #000;
	background-color: #e6e6e6;
	background-image:  url(tnsmi_modalWindow@TitleCorner_gif.axd); 
	background-repeat:no-repeat;
	background-position:top;
	
}
.mdlHeadMid {
	border-top:1px solid #000;
	border-bottom:1px solid #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	text-align: right;
	background-color: #c0c0c0;
	line-height: 5px;
	 
}
.mdlHeadMid2 {
	border-top:0px solid #000;
	background-color: #e6e6e6;
	height:17px;
}
.mdlHeaderTable 
{
    width: 100%;
    margin-bottom:0px;
   
}
.mdlHeader-left
{
    width: 100px;
	background: #000000;
}
.mdlHeader-center
{
    width1: 100%;
	background: #000;
	
}
.mdlHeader-right
{
	visibility:hidden;
    width: 0%;
    font-size:1px;
}
/* Content styles */
.mdlContent 
{
	/* background: url(tnsmi_modalWindow@ModalBg_gif.axd) bottom center repeat-x #CCDDF1 ; */
	background:#e6e6e6; /* E4E3EB8*/
	border-left:1px solid #000;
	border-right:1px solid #000;
	height:auto;
	padding-right:3px;
}
.mdlStatus
{
	vertical-align:top;
	height:100;
	width:100;
	/*  background-image: url(commonimg@PleaseWait_gif.axd) no-repeat center center ; */
}
.ModalFrame 
{
	background:#e6e6e6;
}
.ModalPage  
{
	/* background: url(tnsmi_modalWindow@ModalBg_gif.axd) bottom center repeat-x #CCDDF1 ; */
	/*border-bottom: 2px solid #4D6EB5;*/
	padding-right:10px;
	padding-left:10px;
	background:#e6e6e6;
	height:auto;
}
.ModalPage  .ArrowButtonsVert
{
	vertical-align:middle;
}

.mdlContent span.Label 
{
	font-size:11px;
	line-height:16px ;
}
.mdlContent span.LabelSelect { 	
	font-size:11px;
	line-height:16px ;
}
.mdlAlert {
	color:#C3430A;
 	text-align:left;
	margin-left:0px;
	font-size:11px;
}
/* Footer styles */

.mdlFooterRow
{
	height:0px;
	visibility:hidden;
	display:none;
}
.mdlFooter 
{
	height:20px;
}
.mdlFooterTable 
{
}
.mdlFooter-left
{
	border-left:1px solid #000;
	border-bottom:1px solid #000;
	background-color: #e6e6e6;
}
.mdlFooter-center
{
	border-bottom:1px solid #000;
	background-color: #e6e6e6;
}
.mdlFooter-right
{
	width:20px;
}
/* WBI Slider */
.WBISlider
{
    height:18px;
}
.WBISlider .sliderfloater
{
	border-right: #ffa500 1px solid;
	border-top: #ffa500 1px solid;
	vertical-align: middle;
	border-left: #ffa500 1px solid;
	border-bottom: #ffa500 1px solid;
	background-color: #ffffcc;
	text-align: center;
	width: 100px;
	height: 22px;
	position: absolute;
	z-index: 1000;
	font-size: 10px;
	white-space:nowrap;
	color: #444444;
	font-family: Arial;
}
.WBISlider .sliderinnderdiv
{
	height: 16px;
	border: 1px solid #000;
  	background:#c8c8c8;
}
.WBISlider .sliderbuttontd
{
	width:26px;
}
.WBISlider .sliderhand
{
    height:16px;
}
.WBISlider .sliderleftside
{
}
.WBISlider .sliderleftsidewidth
{
    width:1px;
}
.WBISlider .sliderrightside
{
}
.WBISlider .sliderrightsidewidth
{
    width:1px;
}
.WBISlider .sliderhand .sliderhandleftside
{
	display:none;
	visibility:hidden;
    width:0px;
}
.WBISlider .sliderhand .sliderhandrightside
{
	display:none;
	visibility:hidden;
    width:0px;
}
.WBISlider .sliderhand .sliderhandcontent
{
	background-color:#989898;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	cursor:pointer;
}
.WBISlider .sliderhand .sliderhandcontent .sliderhandinnerdiv
{
   	background: url(common_pager@Pager_scroll_gif.axd) no-repeat center #989898;
    width:12px; 
    height:12px;
}
.ArrowButtonsVert 
{
	vertical-align: bottom;
}
.modalPage .contentHeaderLinks {
	padding: 0px;
	border-bottom: 0px dotted #6a6a6a;
	line-height:4px  ;
}
.modalPage .contentHeaderLinks td {
	padding: 0px;
}
.modalPage  .mainArea1a 
{
	height:2px;
	border-bottom: 0px dotted #6a6a6a;
	padding: 0px;
	width:100%;
	font-size: 2px;
}
.mdlHeadMid .ModalTopImg  
{
	height:7px;
}
html > body .mdlHeadMid .ModalTopImg  
{	
	height:9px;
}
/* message modal style */
.messageWindow  {
	border: 1px solid #000;
	background:#dedede;
	width:100%;
}
/* end message modal style */