body{
 
 font-family: Tahoma;
 font-size:12px;
 }
 p, h1, form, button{border:0; margin:0; padding:0;}
 .spacer{clear:both; height:1px;}
 /* ----------- My Form ----------- */
 .myform{
 margin:0 auto;
 width:98%;
 padding:14px;
 }
 

/* ----------- stylized ----------- */
 #stylized{
 border:solid 2px #b7ddf2;
 background:#ebf4fb;
 }
 #stylized h1 {
 font-size:14px;
 font-weight:bold;
 margin-bottom:8px;
 }
 #stylized .p{
 font-size:11px;
 color:#666666;
 margin-bottom:20px;
 border-bottom:solid 1px #b7ddf2;
 padding-bottom:5px;
 }
 #stylized select{
 font-size:12px;
 padding:4px 2px;
 border:solid 1px #aacfe4;
 width:auto;
 margin:2px 0 20px 10px;
 }
 #stylized .smallTextBox{
 font-size:12px;
 padding:4px 2px;
 border:solid 1px #aacfe4;
 width:50px;
 margin:2px 0 20px 10px;
 } 
 #stylized .textBox{
 font-size:12px;
 padding:4px 2px;
 border:solid 1px #aacfe4;
 width:150px;
 margin:2px 0 20px 10px;
 }
 #stylized .labelLeft{
 display:block;
 font-weight:bold;
 text-align:right;
 width:140px;
 float:left;
 }
 
 /* ----------- stylized for Pre Trade Allocation & Buy----------- */
 .heading
 {
     border: 0.1px solid #A9C6EB;
     color:black;
	 background-color: #DFE8F6;
	 font-size:12px;
	 font-weight:bold;
	 margin-top : 5px;
	 margin-bottom : 5px;
 }
 .headertable
 {
    border: 0.1px solid #A9C6EB;
 }
 
 .headerrow
{
	vertical-align:bottom;
	text-align:center;
	color:black;
	background-color: #DFE8F6;
	font-size:11px;
	font-weight:bold;
	
}
.headerrow td
{
	height:30px;
	border: 0.1px solid #A9C6EB;
}

.headerrow td table
{
	vertical-align:top;
}
.contentrow
{
	vertical-align:top;
	text-align:center;
	font-size:11px;
}
.contentrow td
{
	vertical-align:top;
	text-align:center;
	font-size:11px;
	background-color:White;
}

.contentrow input[type="text"]
{
	border: 0.1px solid #A9C6EB;
	vertical-align:middle;
	text-align:center;
	font-family:Tahoma;
	font-size:11px;
	
}	
.contentrow input[type="button"], .ta-panel input[type="button"]
{
	font-size:10px;
	font-weight:bold;
}

.ta-panel
{
	background-color:rgb(219, 217, 217);
	border: 0.1px solid #d0d0d0;
	width: auto;
	overflow:auto;	
}

.ta-panel a
{
    color: #0000FF;
}

.ta-panel table td
{
    width: auto !important;        
}

.ta-button
{
    width: 70px !important;    
}

.ta-toolbar
{
    background-color: #DFE8F6;
    width:100%;
    padding: 0pt 5pt 0pt 5pt;    
}

.ta-title
{
    background-color: #404040;
    width:100%;
    padding: 2pt 0pt 2pt 0pt;
    color:White !important;
    display:block;
    clear:both;
    font-weight: bold;
}

/*---- TA PAGING ----*/
.tbl-paging
{    
    float:right; 
    margin: 0 !important;
    padding: 0 !important;              
}
.btn-paging
{
    width: 70px !important;    
}

.lbl-pageno
{
    padding-left:5pt; padding-right:5pt;    
}


/*---- jqGrid Overrides ----*/
.jgrid-altrows
{
    background:#EAEAEA;        
}

.ui-jqgrid .ui-state-default
{
    background: rgb(242, 242, 242) url(../../Scripts/ext/resources/images/gray/grid/grid3-hrow2.gif) 100% 100% repeat-x;
    color:Black;
    font-size: 11px;
    font-family:arial, tahoma;    
}

.ui-jqgrid .ui-state-highlight
{
    background: #DFE8F6;    
    border-color : #DFE8F6; 
}

.ui-jqgrid .ui-state-hover
{
    border: 1px solid #FFFFFF;
	background: #3C82cd url(images/ui-bg_spotlight_55_3C82cd_600x600.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #FFFFFF;    
}

.ui-jqgrid .jqfoot
{
   background:rgb(219, 217, 217);   
   text-decoration:none !important;
}

.ui-jqgrid .footrow
{
   background:rgb(219, 217, 217);   
   text-decoration:none !important;
}

.ui-jqgrid .jgrid-alink:hover
{
    text-decoration:underline;
    cursor:pointer;
}
.ui-jqgrid .jgrid-alink
{
    /*color:#55AAFF !important;        */
    color: #15428B !important;   
    text-decoration:none;
    cursor:pointer;
}

.ui-jqgrid .ui-userdata
{    	
	background: #DFE8F6 none !important;
    width:100%;
    padding: 2pt 0pt 2pt 0pt;    	
}

.ui-jqgrid .ui-userdata .ui-button 
{
    border: 1px solid #777777;
	background: #3C82cd url(../../Scripts/jquery-ui-1.12.1-custom/css/ui-lightness/images/ui-bg_highlight-hard_40_3C82cd_1x100.png) 50% 50% repeat-x;	
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	margin-right:2px;
	height:22px;
	font-family:tahoma, verdana; 
}

.ui-jqgrid .ui-button:hover
{
    border: 1px solid #FFFFFF;
	background: #3C82cd url(../../Scripts/jquery-ui-1.12.1-custom/css/ui-lightness/images/ui-bg_spotlight_55_3C82cd_600x600.png) 50% 50% repeat-x;	
	color: #FFFFFF;    
}

.ui-jqgrid .ui-state-hover
{
    background: #e6e6e6;
    color:Black;
}

.ui-jqgrid .ui-jqgrid-htable th.ui-th-column
{
    border-color:#d0d0d0;    
}

.ui-jqgrid .ui-jqgrid-htable th.ui-th-column:hover
{
    background: #e6e6e6 url(../../Scripts/ext/resources/images/gray/grid/grid3-hrow-over2.gif) 100% 100% repeat-x;    
}

.ui-jqgrid .ui-icon {
	background: url(../../Scripts/jquery-ui-1.12.1-custom/css/ui-lightness/images/ui-icons_222222_256x240.png);	
}

.ui-jqgrid .ui-widget-header .ui-icon {
	background-image: url(../../Scripts/jquery-ui-1.12.1-custom/css/ui-lightness/images/ui-icons_bbbbbb_256x240.png);
}

.ui-jqgrid .ui-icon-seek-next { background-position: -32px -160px; }
.ui-jqgrid .ui-icon-seek-prev { background-position: -48px -160px; }
.ui-jqgrid .ui-icon-seek-end { background-position: -64px -160px; }
.ui-jqgrid .ui-icon-seek-start { background-position: -80px -160px; }
.ui-jqgrid .ui-icon-seek-first { background-position: -80px -160px; }
.ui-jqgrid .ui-icon-refresh { background-position: -64px -80px; }
.ui-jqgrid .ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-jqgrid .ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-jqgrid .ui-icon-circle-triangle-n  { background-position: -96px -192px; }
.ui-jqgrid .ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-jqgrid .ui-icon-plus { background-position: -16px -128px; }
.ui-jqgrid .ui-icon-pencil { background-position: -64px -112px; }
.ui-jqgrid .ui-icon-trash { background-position: -176px -96px; }
.ui-jqgrid .ui-icon-disk { background-position: -96px -112px; }
.ui-jqgrid .ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-jqgrid .ui-icon-circlesmall-plus { background-position: 0 -208px; }
             
.ui-jqgrid tr.jqgrow td, .ui-jqgrid-sortable { 
    white-space: normal !important;            
    vertical-align:middle;
}                    
.ui-jqgrid .ui-jqgrid-htable th div {
    white-space:normal !important;
    height:auto;
    vertical-align:text-top;
    position:relative;
    overflow:hidden;
}      
        
.jgrid-table, .jgrid-pager
{
    width:100% !important;
    overflow:auto;    
} 

th.ui-th-column div{
    white-space:normal !important;
    height:auto !important;
    padding:2px;
}

.div-norecordfound
{
    padding-left:5px;      
    padding-top:5px;
}

.progressbar{
    background: url(../../Scripts/jquery-ui-1.12.1-custom/css/ui-lightness/images/animated-overlay.gif) !important;
	filter: alpha(opacity=25);
	opacity: 0.25;
}

.ui-jqgrid .ui-jqgrid-btable
{
  table-layout:fixed;
} 
/* ----------- style for Table with DIV----------- */

div.container
{
    border: 1px solid #A9C6EB;
    background-color: #DFE8F6;
}
div.float 
{
    margin: 5px;
    text-align:left;
    float: left;
    border: 1px solid #A9C6EB;
}
div.tableContent 
{
    background-color: #FBCA43;
    border: 1px solid #A9C6EB;
}

input .p-cell-textbox
{
    height:20px;
	border: 0.1px solid #A9C6EB;
}

a
{
    color: #458be1;
}

/*-----------style for background DIV------------*/

.backg
{
    background-color: rgb(208,238,185);
    width:100%; 
}
.title
{
font-size:large;
font-weight:bold;
font-family:tahoma,arial;
}
.ui-datepicker-trigger
{ 
    width:20px;
    height:20px;
}
.ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all 
{
    color: rgb(208,238,185);
}
        <%--.ui-dialog,.ui-dialog,.ui-widget, .ui-widget-content, .ui-corner-all, .foo, .ui-draggable, .ui-resizable {background:#CADFFF !important}​--%>
.ui-dialog-titlebar{background:rgb(208,238,185);border-color:rgb(208,238,185)}
       
.ui-widget,.ui-widget-content
{            
    font-family: tahoma,verdana;
    font-size: 11px;
}
.ui-dialog .ui-dialog-buttonpane
{
    margin: 0px;
    padding: 0px;
    font-size:12px;
    color:rgb(208,238,185);
}

/* -------- style for admin filter ------------------ */
.spn-icon-adminfilter-hint
{
    padding-left: 5px;      
    line-height: 20px;
    vertical-align:middle;    
    cursor:help;
    background-image:url(../../Content/help.gif);
}


.ui-tooltip-max
{
    width: 200px;    
}

/* ---------- error list --------------- */
div.div-errormsg {    
    /*color:Red;*/
    border:solid 1pt;
    width:100%;
    text-align: left;
    height:100%;
    padding:7px;        
}          
    
div.div-errormsg .span-error
{    
    display:block;
    line-height:15px;       
} 
    
.ul-tooltip-list     
{
    list-style: none; 
    padding:0;
    margin:0;             
}

/* ---------- loadmask --------------- */
.loadmask {
    z-index: 20001 !important;
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    background-color: #CCC;
    width: 100% !important;
    height: 100% !important;
    zoom: 1;
}
.loadmask-msg {
    z-index: 20001 !important;
    position: absolute;
    top: 0;
    left: 0;
    border:1px solid #6593cf;
    background: #c3daf9;
    padding:2px;
}
.loadmask-msg div {
    padding:5px 10px 5px 25px;
    background: #fbfbfb url('../../Content/loading.gif') no-repeat 5px 5px;      
    line-height: 16px;
	border:1px solid #a3bad9;
    color:#222;
    font:normal 11px tahoma, arial;
    cursor:wait;
}
.masked {
    overflow: hidden !important;
}
.masked-relative {
    position: relative !important;
}
.masked-hidden {
    visibility: hidden !important;
}