/*//////////////////////////////////////////////////////////*/
/*---------------style for english (ltf)--------------------*/
/*//////////////////////////////////////////////////////////*/

/*------------<#MOH26FEB201> NEW ADMIN STYLE-----------------*/
.tbl_css{
    padding: 0px;
    border: 0;
    border-spacing: 0px 0px;
    width: auto;
    table-layout: fixed;
}


.tbl_css .td_left {
    font-weight:  normal ;
	font-size: 9pt;
	color: dimgray;
	font-family:Arial;
	background-color: white;
	width: 135px;
	height: 24px; 
}

.tbl_css .label_css {
    font-weight:  normal ;
	font-size: 9pt;
	color: dimgray;
	font-family:Arial;
	background-color: white;
	width: 115px;
	height: 24px; 
    white-space:nowrap;
    
}

.tbl_css .label_css_colon {
    font-weight:  normal ;
	font-size: 9pt;
	color: dimgray;
	font-family:Arial;
	background-color: white;
	width: 5px;
	height: 24px; 
    white-space:nowrap;
}

.tbl_css .td_right {    
    font-family:arial;
    font-size:9pt;
    white-space:nowrap;
    width: 187px;
	height: 24px;
}

.tbl_css .td_right_1 {    
    font-family:arial;
    font-size:9pt;
    white-space:nowrap;    
	height: 24px;
}

.tbl_css input[type=text] {
    width: 177px;
	height: 20px; 
    font-family:arial;
    font-size:9pt;
    white-space:nowrap;
}

.tbl_css input[type=file] {
    width: 177px;
	height: 20px; 
    font-family:arial;
    font-size:9pt;
    white-space:nowrap;
}

.tbl_css input[type=password] {
    width: 177px;
	height: 20px; 
    font-family:arial;
    font-size:9pt;
    white-space:nowrap;
}

.tbl_css select {
    width: 177px !important;
	height: 20px; 
    font-family:arial;
    font-size:9pt;
    white-space:nowrap;
}

.button_td {
    vertical-align: central;
    height: 30px;
}

.button_td table {
    padding: 0px;
    border:0;
    margin-left: 139px;
}

.align_td
{
    text-align: left;
}

.align_progress_td{
    text-align: right;    
}

.padding_main
{
    padding-left: 5px;
}

.search_main_td
{    
    padding-left: 5px;
    width: 350px;
}

.header_lbl_message{
    text-align: center;
    height: 20px;
    vertical-align: top;
}

.progress_msg {
    height: 19px;
    padding: 0px;
    border: 0;
}

.progress_msg .img_td {
    width: 375px;
}

.progress_msg .img_cntrl {
    width: 280px;
    height: 10px;
}

.progress_msg .icon_td {
    width: 4px;
}

.main_table
{
    padding: 0px 0px 0px 0px;
    border: 0;
    border-spacing: 0px 0px;    
    height:100%;
    width: 987px;    
}

.main_top_header
{
    height: 6px;
    width: 100%;
    padding: 0px 0px 0px 0px;
}

.space_between_group{
    text-align: center;
    height: 15px;
}

.right_style_main_table{
    padding: 0px 0px 0px 0px;
    border: 0;
    border-spacing: 0px 0px;        
    width: 100%;
}

.table_default{
    padding: 0px 0px 0px 0px;
    border: 0;
    border-spacing: 0px 0px;        
    width: 100%;
}

.new_grid_default
{
    width: 100%;
}

.checkbox_remove_padding{
    margin-left: -5px;
}

/*-------------------------------------------------------------*/


/*------------STYLING FOR GRIDS <DONE BY LIJO>-----------------*/

/* STYLES FOR THE MAIN CONTENT BLOCK*/

  .left_wrap {
            width: 100%;
            box-sizing: border-box;
        }

        .table_colon {
            padding: 0 5px;
        }

        table td tr, h5 {
            padding: 0;
            margin: 0;
            border: none;
        }

        .left_wrap table {
            padding: 0;
            margin: 0;
            border: 0px;
            border-spacing: 0px;
            font-family: Arial;
        }

        .tbl_heading {
            background-color: #0070b8;
            height: 25px;
            border: none;
            text-align: center;
            font-weight: bold;
            font-size: 12pt;
            color: #fff;
        }

        .tbl_subheading {
            padding: 2px 5px;
            color: #000099;
            font-weight: bold;
            font-size: 10pt;
            height: 25px;
        }

        .tbl_mandatory, .tbl_msgs {
            color: #ff0000;
            font-size: 10pt;
            min-height: 25px;
            height: auto;
            padding-left: 5px;
        }

        .left_wrap .table1 .tbl_flds {
            width: 20%;
            height: 30px;
            padding-left: 5px;
            font-size: 10pt;
            color: #787878;
        }

        .left_wrap .table1 .tbl_fldvals {
            width: 80%;
            height: 30px;
            font-size: 10pt;
        }

        .left_wrap .table1 .tbl_submit {
            height: 30px;
            padding-left: 20px;
        }

        .btn_css {
            margin: 3px 5px;
            padding: 2px 5px;
            border: none;
            background-color: #cdcdcd;
            color: #000;
            width: 60px;
            border: 1px solid #636363;
        }

            .btn_css:hover {
                cursor: pointer;
            }

        .valid_sumy em {
            padding: 2px 0;
            font-style: normal;
            font-weight: bold;
        }

        .err_msg {
            color: #ff0000;
        }

        .txt_css {
            border: 1px solid #686868;
            padding: 2px;
            width: 200px;
        }

      /*Grid Styles*/
        .mGrid { 
            font-family :arial;
    width: 100%; 
    background-color: #fff; 
    margin: 5px 0 10px 0; 
    border: solid 1px #525252; 
    border-collapse:collapse; 
}
.mGrid td { 
    padding: 2px; 
    border: solid 1px #c1c1c1; 
    color: #717171; 
    font-size :14px;
}
.mGrid th, .mGrid .hed td { 
    padding: 4px 2px; 
    color: #fff; 
    background: #005A8F url(../image/grd_head.png) repeat-x top; 
    border-left: solid 1px #525252; 
    font-size: 0.9em; 
    height:50px !important;
}
 

.mGrid .alt { background-color: #ccc ; }
.mGrid .pgr { background: #787878 url(../image/grd_pgr.png) repeat-x top; }
.mGrid .pgr table { margin: 5px 0; }
.mGrid .pgr td { 
    border-width: 0; 
    padding: 0 6px; 
    border-left: solid 1px #666; 
    font-weight: bold; 
    color: #fff; 
    line-height: 20px; 
 }   
.mGrid .pgr a,.mGrid td a { color: #333; text-decoration: none; }
.mGrid .pgr a:hover,.mGrid td a:hover {  text-decoration: none ; }

 .mGrid .hed td a, .mGrid th a  {color:#fff;text-decoration :none;           }
 .mGrid .itm td a  {color:#333;text-decoration :none;  }
 .mGrid .hed td a:hover, .mGrid th a:hover  {text-decoration :underline ;  }

 /* Added By Mohammed Papad on 26-02-2017 */
.gridscrolling_new
{
	width: 780px;
    height: 400px;
	overflow: hidden;
	border:solid 1px #cccccc;
  
}

/*-------------------------------------------------------------*/


/*------for individual hyper links-----*/
.linkstyle
{
	color: blue;  
	font-family :arial ;
	font-size :9pt;
	}
.linkstyle:link {color: blue}
.linkstyle:visited {color:gray}
.linkstyle:hover {color: darkblue;text-decoration :underline;}
.linkstyle:active {color: gray}
/*-------------------------------------*/

/*when 2 divs are there together in one row, on which the 1st div should have style="float:left" in english mode , 
then set this class to the 1st div. this will help to automatically shift the div to the other side when in arabic mode.
*/
.floating1stdiv
{ float:left;
	}
	

.messagetxt
{
    color: red;
    background-color: #99ccff;
}

.parentbg
{
	background-color:gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}


.tableborderline
{
    border-right: black 1px solid; 
    border-top: black 1px solid; 
    border-left: black 1px solid; 
    border-bottom: black 1px solid
}

.tdtopline
{
    border-top: black 1px solid;      
}

.tdbottomline
{
 border-bottom:solid 1px black;      
}

.tdrightline
{
   border-right:solid 1px black;
}

.tdleftline
{
   border-left:solid 1px black;
}

.tdheadstyle
{
    color: #ffffcc;
    background-color: #0070b8;
    font-weight: bold;
}

.tdheadstyle1
{
    color: #ffffcc;
    background-color: #0070b8;
}


.tablefontsz
{ font-size:14px}

.blueAr9{ font-family:Arial; font-size:9pt; color:#ffffcc; background-color:#0070b8; text-align:right; }
.bT{ border-top:solid 1px black; }
.bB{ border-bottom:solid 1px black; }
.bL{ border-left:solid 1px black;padding-left: 5px }
.bR{ border-right:solid 1px black; }
.w50{ width:50px;}
.w30{ width:30px;}
.w150{ width:160px;}
.w200{ width:210px;}
.w250{ width:250px;}
.w300{ width:300px;}


.calenday_days
{
	font-size: 8pt;
	color: black;
	font-family: arial;
}

.calenday_selectedday
{
	border-right: silver 1px solid;
	border-top: silver 1px solid;
	border-left: silver 1px solid;
	border-bottom: silver 1px solid;
	font-weight: bold;
	font-family: arial;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 1px;
	padding-top: 1px;
	color: dodgerblue;
}

.calenday_header
{
	font-weight: bold;
	font-size: 8pt;
	font-family: arial;
	color: black;
}

.calendar_title
{
	font-size: 9pt;
	background-color: #9f9fff;
	font-weight: bold;
	color: white;
	font-family: verdana;
}

.calenday_today
{
	color: red;
	font-size: 8pt;
	font-family: arial;
	font-weight: bold;
}


body 
{
	/*background-image: url('..\image\bck200.gif');*/
	 
	/* for scroll bar styling 
	scrollbar-base-color: #000000;   
	scrollbar-face-color: #c7c2d3;   
	scrollbar-track-color: #d5d0dd;   
	scrollbar-arrow-color: #c7c2d3;  
	scrollbar-highlight-color: #836584;   
	scrollbar-3dlight-color: #c8c4d4;   
	scrollbar-shadow-color: #836584;  
	scrollbar-darkshadow-color: #c8c4d4; 
	*/
}

.linkbtn
{
	font-family: arial;
	font-weight: normal;
	font-size: 9pt;
	color: black;
	background-color: #d7d7d7; /* #f1f1f1;#b7b7c2;#d7d7d7;  #e6e6d8;   /* */
	height: 25;
	vertical-align: middle;
	text-decoration: none;
	border-top-style: groove;
	border-right-style: groove;
	border-left-style: groove;
	text-decoration:none; 
	
}

.fieldstyle
{
	background-color: #ccecf6;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #024060;
	height: 20px;
	text-align: left;
}
.labelstyle
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color:#024060;
	font-weight:bold;
	text-align: left;
}

/*-----------------------------------------------------*/
.cnd_label_style1
{
	font-weight:  normal ;
	font-size: 9pt;
	color: dimgray;
	font-family:arial;
	background-color:transparent ;
	width: auto;
	height:18px; 

}
.cnd_td_style1
{
	background-color: #dbe5f1;
	width: auto;
	height:18px; 
	padding-left:7px;
	vertical-align:middle; 
	border-bottom-color :#95b3d7;
	border-bottom-style:solid ;
	border-bottom-width:1px;
	border-right-color :#95b3d7;
	border-right-style:solid ;
	border-right-width:1px;
}

.cnd_td_style2
{
	background-color: white;
	width: auto;
	height:18px;
	vertical-align:middle; 
	padding-left:7px;
    border-bottom-color:#95b3d7;
	border-bottom-style:solid ;
	border-bottom-width:1px;
	border-right-color :#95b3d7;
	border-right-style:solid ;
	border-right-width:1px;
}

/*modal popup*/
.modalbackground {
	background-color:gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

/*-----------------------------------------------------*/
.grid
{
	border-width: 1px;
	font-size:9pt;
	color: white;
	font-family: Helvetica /*tahoma*/;
	background-color: smokewhite;
	border-color: #cccccc; steelblue;	
}


.gridselecteditemstyle
{ 
	color: dimgray;
	background-color:  lavender;
	/* newly added to bold the selected grid text 
	font-weight :bold ;*/
 }


.gridunselecteditemstyle
{
	
}
.validaterstyle
{
	position:absolute;
}

.griddeleteerr
{
		background-color: #d49797;
}

.gridaternativeitemstyle
{
	color: gray;
	background-color: #f1f1f1; #e7f2fe;
	height: 20px;
}

.griditemstyle
{
	color: gray;
	height: 20px;
}

.griditemstyle a
{
	color: gray;
	height: 20px;
}

.griditemstyle a:link {color: gray; text-decoration :none;	}
.griditemstyle a:visited {color:gray; text-decoration :none;}
.griditemstyle a:hover {color:gray;text-decoration :none;}
.griditemstyle a:active {color:gray;text-decoration :none;}

.gridaternativeitemstyle a:link {color: gray; text-decoration :none;	}
.gridaternativeitemstyle a:visited {color: gray; text-decoration :none;	}
.gridaternativeitemstyle a:hover {color: gray; text-decoration :none;	}
.gridaternativeitemstyle a:active {color: gray; text-decoration :none;	}


/*
.girdheaderstyle
{
	font-family: arial
	font-weight: bold;
	font-size: 9pt;
	color: #93412d;
	background-color: #d7d7d7; 
	text-decoration: none;
	height :27;
}
*/

.girdheaderstyle
{
	font-family: arial;
	font-weight: normal;
	font-size: 9pt;
	color: black;
	background-color: #d7d7d7; /* #f1f1f1;#b7b7c2;#d7d7d7;  #e6e6d8;   /* */
	text-decoration: none;
	height: 25px;
	POSITION:relative; left:-1; TOP: expression(this.offsetParent.scrollTop-2); 
	/*position: relative;left:-1px;top:expression(this.offsetparent.scrolltop);
	padding-left:1px;
	position: absolute;left:-1px;top:expression(this.offsetparent.scrolltop+14);*/
}
.girdheaderstyle a
{
	color: black;
	text-decoration :none;
}

.gridpagerstyle
{
	background-color:silver;/*#0099cc;*/
	color:black;
	POSITION:relative;left:-1; TOP: expression(this.offsetParent.scrollTop-2); 
	/*position: relative;left:-1px;top:expression(this.offsetparent.scrolltop)
	position:absolute;left: -1px;top: expression(this.offsetparent.scrolltop);*/
	
}

.gridpagerstyle a
{
	color:blue;
	text-decoration:underline;
}

.gridpagerstyle a:onclick
{
	color:white;
	text-decoration:underline;
}

.gridscrolling
{
	/*width: 780px;*/
	overflow: auto;
	border: solid 1px #cccccc;
	/*position:relative;*/
	
}
	 
.gridscrolling-getstudentfortest
{
	overflow: hidden;width: 600px; height:270px;
	
	 border-bottom-style:solid;
	 border-bottom-color :steelblue;
	 border-bottom-width :1;
	
	border-top-style :solid ;
	border-top-width :1;
	border-top-color :steelblue;	
  
	border-left-style  :solid ;
	border-left-width :1;
	border-left-color :steelblue;
  
	border-right-style :solid ;
	border-right-width :1;
	border-right-color :steelblue;
  
	
	
	}

/*-----------------------------------------------------------*/
.calendar
{
	font-size: 10pt;
	color: #003399;
	font-family: rod;
}

.caldayheader
{
	color: #336666;
	background-color:  #99cccc;
}

.calday
{}

.calnextprec
{
	font-size: 8pt;
	color: #ccccff;
}

.calothermonthday
{
	color: #999999;
}

.calselectedday
{
	font-weight: bold;
	color: #ccff99;
	background-color: #009999;
}

.calselector
{
	color: 6666;
	background-color: #99cccc;
}

.caltitle
{
	font-weight: bold;
	font-size: 10pt;
	color: #ccccff;
	background-color:#3366cc;
}

.caltodayday
{
	color: white;
	font-family: rod;
	background-color: #99cccc;
}

.calweekend
{
	background-color:  #ccccff;
}
/*-----------------------------------------------------------*/
.label_val_display
{
	font-weight: bolder;
	font-size: 8pt;
	font-family::bookman old style;
}

.imagebutton_style
{
	width:auto;
	height:auto;
}

.table_style
{
	border:0;
	border-color:gray; 
	width:auto;
	height:auto; 
	
}
.tr_style
{
	height:auto; width:auto;
}

.td_style
{
	width:auto;height:auto;
}

.tablefullsize
{
	width:200;
	height:200;
	border:2;
}

.hmlink
{
	text-align: left;
}

.hmlink
{
	color: #004993;
    font-family: tahoma, arial;
    font-size: 8pt;
    font-weight: bolder;
    text-decoration :none;
    text-align: left;
   }
 .hmlink:hover
{
	color:blue;
	text-decoration:underline;
	
   } 


.header_laber_user
{
	/*color: #004993;*/
	color:white;
    font-family: tahoma, arial;
    font-size: 8pt;
    font-weight: bolder;
   }
   
.header_logout
{
	/*color: #004993;*/
	color:white;
    font-family: tahoma, arial;
    font-size: 8pt;
    font-weight: bolder;
    text-decoration :none;
    /*border : solid 1 black;*/
    
    text-align :center ;
   }
 .header_logout:hover
{
	/*background-color :#e7f2fe;*/
	color:ivory;
	text-decoration:underline;
   } 
  
  .header_logout100
{
	color: #004993;
    font-family: tahoma, arial;
    font-size: 8pt;
    font-weight: bolder;
    text-decoration :none;
    /*border : solid 1 black;*/
    
    text-align :center ;
   }
 .header_logout100:hover
{
	/*background-color :#e7f2fe;*/
	color:blue;
	text-decoration:underline;
   } 
  
  
  
  
  
  
  
.header_laber_date
{
	color: #004993;
    font-family: tahoma, arial;
    font-size: 8pt;
    font-weight: bolder;
    text-align: right;
}

.header_information
{
	color: #000099;
    font-family: arial;
    font-size: 10pt;
	font-weight: bold;
}

.button_style
{
font-family:arial,helvetica,sans-serif; 
font-size: 8pt; 
color: #000000; 
font-weight:  normal ; 
background-color: #dcdcdc; 
border-style : Outset  ;
border-width: 1px; 
cursor: pointer;
cursor: hand; 
width: 72px;
}

.textbox_style
{
	font-family:arial;
    font-size:9pt;
    /*border-style:ridge !important;
    border-style: none;
    height :15px;*/
    
     /*border-color :steelblue;
     border-style :solid;
     border-width :1px;  */
    
    
}

.heading_style
{
	font-family: arial;
    font-size:11pt;
    color: #004993; black;
    
}

.sub_heading_style
{
	font-family: arial;
    font-size:9pt;
    color: #004993;black;
    
}
.text_style
{
	 font-family: arial ;
    font-size:9pt;
    color:black;
}


.srch_textbox_style
{
	 font-family:bookman old style;
    font-size: 9pt;
    border-style:groove;
    border-width:thin;
    background-color:#ffffcc; 
}

.table_border
{
	border-top: thin groove;
	border-right: thin groove;
	border-left: thin groove;
	border-bottom-style: none;
}

.table_header_style
{
	font-weight: bolder;
	font-size: 12pt;
	color: #ffffcc;
	/*border-bottom:   thin groove;*/
	font-family: arial;
	height :25px;
    text-align:center;
	background-color: #0070b8; /*#525b9c;*/
	/*background-image:url('..\image\tbar.png');*/
	
	/*border-left-width:1px;
    border-left-color:black;
    border-left-style:solid;
    border-right-width:1px;
    border-right-color:black;
    border-right-style:solid;
    border-top-width:1px;
    border-top-color:black;
    border-top-style:solid;
    border-bottom-width:1px;
    border-bottom-color:black;
    border-bottom-style:solid;*/
}

.table_left_style
{
	font-weight: bolder;
	font-size: 12pt;
	color: #ffffcc;
	background-repeat: no-repeat;
	font-family: arial;
	background-color : #f1f1f1;
    width: 20%;
	
	border-left-width:1px;
    border-left-color:#cccccc; /*black;*/
    border-left-style:solid;
}

.table_right_style
{
	border-right-width:1px;
    border-right-color:#cccccc; /*black;*/
    border-right-style:solid;
    width: 80%;
    
	}
.table_bottom_style
{
	border-bottom-style:solid;
	 border-bottom-color :#cccccc; /*black;*/
	 border-bottom-width :1px;
	}
	
.div_border
{
	 border:solid 1px #cccccc;
	 /*i set it here bcaz in firefox if the inner content of the div is greater then parent div which is having this border will not increase ;*/
		overflow:hidden; 
}

.title_style
{
	 color:white;
	}
	
.asterisk_style
{
	color: crimson;
	font-weight: bold;
	font-size:16;
}

.label_style
{
	/*font-weight:  normal ;
	font-size: 9pt;
	color: dimgray;
	font-family:arial;
	width: auto;
	height:18px; 
	background-color:transparent; */
	
	    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
	

}
.label_style_lines
{
	background-color: white;
    color: #004993;
    font-family: :bookman old style;
    font-size: 9pt;
    font-weight: bolder;
    border-bottom: thin groove;
    border-right: thin groove;       
}

.label_msg_display
{
	font-weight: bold;
	font-size: 9pt;
	color: red;
	font-family: arial;
	/*background-color: antiquewhite;*/
	width:100%;
	height: 18px;
	}
.cnd_label_msg_display
{
	font-weight: bold;
	font-size: 9pt;
	color: white;
	font-family: arial;
	background-image:url('../../image/hdr.gif');
	background-color:skyblue;
	width: 100%;
	height: 18px;
}

.lines
{
	
	border-bottom: thin groove;
	background-color:  whitesmoke;
	    border-right: thin groove;
}
.line
{
	border-bottom: thin groove;
}

.fullbottomline
{
	border-bottom: thin groove;
}
.disabled_style
{
	font-family: verdana, arial;
    font-size: 8pt;
    border-style:groove;
    border-width:thin;
    background-color:lightyellow;
    color :dimgray;
}
.gridscrollingreport
{
	overflow: auto;
	height:200px;
	width:700px;
	
	
}

.test_style
{
	font-weight: bolder;
	font-size: 9pt;
	color: aliceblue;
	font-family: 'times new roman';
	background-color: #3399cc;
	
	border-left-width:1px;
    border-left-color:black;
    border-left-style:solid;
    border-right-width:1px;
    border-right-color:black;
    border-right-style:solid;
    border-top-width:1px;
    border-top-color:black;
    border-top-style:solid;
    border-bottom-width:1px;
    border-bottom-color:black;
    border-bottom-style:solid;
}
.lbltest_style
{
	font-weight: normal ;
	font-size: 9pt;
	color:  gray ;
	font-family: 'arial';
	background-color:white;
}
.tdtext_style
{	
	border-left-width:1px;
    border-left-color:black;
    border-left-style:solid;
    border-right-width:1px;
    border-right-color:black;
    border-right-style:solid;
    border-top-width:1px;
    border-top-color:black;
    border-top-style:solid;
    border-bottom-width:1px;
    border-bottom-color:black;
    border-bottom-style:solid;
}
.noborder_style
{	
 
    font-family:bookman old style;
    font-size:9pt;
    border-style:none;
    border-width:thin;
     
    
}


.login_text_style
{
	 border-bottom-style :solid ;
	 border-left-width :thin 
}


.bottom_line_style
{ 
	background-color: #d5dce9;
	background-image:url('../../image/atsfooter.jpg');
	height :43px;
}


.tab_top_border
{
	 background-color :#f1f1f1;
	 height:9;

	
	}
	
.tab_border_style
{
 /* border-top-style :solid ;
  border-top-width :1;
  border-top-color :black;	*/
 
  border-left-style  :solid ;
  border-left-width :1;
  border-left-color :#cccccc;	
  
  border-right-style :solid ;
  border-right-width :1;
  border-right-color :#cccccc;
  
}

.side_style
{
  border-right-style :solid ;
  border-right-width :1px;
  border-right-color :#cccccc;
  
  border-left-style  :solid ;
  border-left-width :1px;
  border-left-color :#cccccc;	
  

  
}
.notes_style
{
	 font-family :arial;
	 font-size :10pt;
	 color :crimson;
	
	}
.tips_style
{
	 font-family :arial;
	 font-size :12;
	 color :#0070b8;
	
	}

.top_bar_style
{
	 background-color : white; /*#f1f1f1;*/
	}
	
.submenu_highlight
{
	background-color: #dcdcdc;
	border-style: solid;
	border-width: 1;
	border-color: #b4b4b4;
	color :black;
	width :130;
	font-size :10;
}	
.login_border_style
{
	border-bottom-color: #00509f;
	border-bottom-style: solid;
	border-bottom-width: 1;
	
	border-left-color: #00509f;
	border-left-style: solid;
	border-left-width: 1;
	
	border-right-color: #00509f;
	border-right-style: solid;
	border-right-width: 1;
	
	border-top-color: #00509f;
	border-top-style: solid;
	border-top-width: 1;
	
}

.left_border
{
 /* border-left-style  :solid ;
  border-left-width :1;
  border-left-color :#cccccc;	 */
}	 
.right_border
{
  /*border-right-style  :solid ;
  border-right-width :1;
  border-right-color :#cccccc;*/
  }
  
 .ltr_style
 {
  border-top-style   :solid ;
  border-top-width :1;
  border-top-color :#cccccc;
  
  border-left-style  :solid ;
  border-left-width :1;
  border-left-color :#cccccc;
  
  border-right-style :solid ;
  border-right-width :1;
  border-right-color :#cccccc;
  
	} 
  
 .side_style_withcolor
{
  border-left-style  :solid ;
  border-left-width :1;
  border-left-color :black;	
  
  border-right-style :solid ;
  border-right-width :1;
  border-right-color :black;
  
  background-color :#de1a78;
   
}


.grayback
{
	 background-color :steelblue;
	 background-image:url('../../image/hdr.gif');
	 color :white;
	 font-family :arial ;
	 font-weight :bold ;
	 font-size :12px;
	 height :20px;
	}

.homegrayborder
{
	 color :#b3b3b3;
	 font-family :arial ;
	 font-size :12px;
	 color:navy;
	 height :20px;
	 border: solid 1px #b3b3b3;
	 /*border-top: 1px solid #b3b3b3;
	 border-left: 1px solid #b3b3b3;
     border-right: 1px solid #b3b3b3;
     border-bottom: 1px solid #b3b3b3*/
	}

.homeborderbold
{
	border-top-style   :solid ;
	border-top-width :10;
	border-top-color :#b3b3b3;
  
	border-left-style  :solid ;
	border-left-width :10;
	border-left-color :#b3b3b3;
  
	border-right-style :solid ;
	border-right-width :10;
	border-right-color :#b3b3b3;
	
	border-bottom-style :solid ;
	border-bottom-width :10;
	border-bottom-color :#b3b3b3;
	}
	
.homeborderlrbold
{
	
	border-left-style  :solid ;
	border-left-width :10;
	border-left-color :#b3b3b3;
  
	border-right-style :solid ;
	border-right-width :10;
	border-right-color :#b3b3b3;
	}
	
.hometext1
{
	 
	 color :#b3b3b3;
	 font-family :arial ;
	 font-size :11px;
	}
.hometext2
{ 
	 color :#b3b3b3;
	 font-family :arial ;
	 font-size :12;
	}
	
.homelinkstyle
{
	font-size :12;
	color: gray;text-decoration :none
	}
	
.homelinkstyle a {color: gray;text-decoration :none;}
.homelinkstyle:visited {color:gray;text-decoration :none;}
.homelinkstyle:hover {color: gray;text-decoration : none;}
.homelinkstyle:active {color: gray;text-decoration :none;}

.loginlnkstyle
{
color: #191970; 
text-decoration: underline;
font-family:arial;
 font-size:12;
}
.cp_style
{
	 font-family :arial;
	 font-size :12px;
	  color :#004993;
	}
.progress_style
{
	 font-family :arial;
	 font-size :12px;
	  background-color :crimson;
	 color :white;
}


.h3 .h4 
{
    color:Blue !important;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 0px;
}


.textbox_style_radio
{
	font-family:arial;
    font-size:9pt;
   height:20px !important;
       display : inline-block;
       margin:0px;
       padding-left:3px;
       padding-right:3px;
    /*border-style: none;
    height :15px;*/
    
     /*border-color :steelblue;
     border-style :solid;
     border-width :1px;  */
    
    
}

.chkBoxStyle
{
       float: right;
    padding-right: 54px;
    padding-top: 7px;
    
}
input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
        height: 20px;
}

input[type=checkbox] {
    margin: 4px 0 4px;
    margin-top: 1px\9;
    line-height: normal;
    height: 20px;
    width:20px;
}


 /* Style the tab */
.Initial
{
  display: block;
  padding: 4px 18px 4px 18px;
  float: left;
  background: url("../Images/InitialImage.png") no-repeat right top;
  color: Black;
  font-weight: bold;
}
.Initial:hover
{
  color: White;
  background: url("../Images/SelectedButton.png") no-repeat right top;
}
.Clicked
{
  float: left;
  display: block;
  background: url("../Images/SelectedButton.png") no-repeat right top;
  padding: 4px 18px 4px 18px;
  color: Black;
  font-weight: bold;
  color: White;
}

.ErrorControl
    {
        background-color: #FBE3E4;
        border: solid 1px #f1a3a3;
        border-color : #f1a3a3 !important;
   /* float:right;*/
    }
    .RBL
    {  
        float: right;
    margin-right: 120px;
        margin-top: -3px;
        
    }
   
   .RBL label
{
    display: block;
    width: 25px;
    font-weight:normal;
      
}

.RBL td
{
    text-align: center;
    width: 20px;
}

.custom-radio  input[type=radio]
{
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
    height: 20px;
     width: 25px; 
     margin-top: -24px; 
margin-left:25px;
}

.custom-radio  label
{
        display:table-cell;
    max-width: 100%;
    margin-bottom: 5px;
     font-weight: 100;
}


.ImgPos
{
    float: right;
    margin-bottom: -85px;
    border: solid 1px;
    height:122px;
    margin-top: 20px;
}

.RecordsCount
{
    text-align: right;
    }


.RBL2 {
    float: right;
    
    margin-top: 0px;
}
.RBL2 label
{
    display: block;
    width: 25px;
    font-weight:normal;
      
}

.RBL2 td
{
    text-align: center;
    width: 20px;
}
.RBL2  input[type=radio]
{
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
    height: 20px;
     width: 25px; 
    float: right; 
     margin-top: -24px; 
margin-left:53px;
}

.RBL2  input[type=radio]:checked:before
{
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
    height: 20px;
     width: 25px; 
    float: right; 
     margin-top: -24px; 
margin-left:53px;
}

table.mylist input {
      width: 20px;
      display: block;
      float: left;
   }
   table.mylist label {
      width: 200px;
      display: block;
      float: left;
   }

.ErrorControl input[type=radio]
    {
         margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
    height: 20px;
     width: 25px; 
    float: right; 
     margin-top: -24px; 
margin-left:53px;
        background-color: #FBE3E4;
        border: solid 1px #f1a3a3;
        border-color : #f1a3a3 !important;
    }
    
    .ErrorControl input[type=radio]:checked
    {
         margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
    height: 20px;
     width: 25px; 
    float: right; 
     margin-top: -24px; 
margin-left:53px;
        background-color: #FBE3E4;
        border: solid 1px #f1a3a3;
        border-color : #f1a3a3 !important;
    }
    
    .custom-radio2 input[type=radio]
{
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
    height: 20px;
     width: 25px; 
     margin-top: -24px; 
margin-left:55px;
margin-right:10px;
}

.custom-radio2  label
{
        display:table-cell;
    max-width: 100%;
    margin-bottom: 5px;
     font-weight: 100;
}

.refresh_image
{
    width:15%;
    float:right;
    height: 30px;
    border-radius:4px !important;
      text-align:center; 
      background-color: #eee;border: 1px solid #ccc;
}


.custom-radio3  label
{
        display:table-cell;
    max-width: 100%;
    margin-bottom: 5px;
     font-weight: 100;
}
    .custom-radio3 input[type=radio]
{
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
    height: 20px;
     width: 25px; 
     margin-top: -24px; 
margin-left:88px;
}

.chkBoxStyle1
{
       float: right;
    padding-right: 32px;
    padding-top: 7px;
    
}

    .custom-radio4 input[type=radio]
{
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
    height: 20px;
     width: 25px; 
     margin-top: -24px; 
margin-left:55px;
margin-right:10px;
}

.custom-radio4  label
{
        display:table-cell;
    max-width: 100%;
    margin-bottom: 5px;
     font-weight: 100;
}
.custom_width1
{
    width:130px;
}

  .custom-radio5 input[type=radio]
{
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
    height: 20px;
     width: 25px; 
     margin-top: -24px; 
margin-left:180px;
margin-right:10px;
}

.custom-radio5  label
{
        display:table-cell;
    max-width: 100%;
    margin-bottom: 5px;
     font-weight: 100;
}

.custom-radio6 input[type=radio]
{
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
    height: 20px;
     width: 25px; 
     margin-top: -24px; 
margin-left:55px;
margin-right:10px;
}

.custom-radio6  label
{
        display:table-cell;
    max-width: 100%;
    margin-bottom: 5px;
     font-weight: 100;
}

.custom-radio7 input[type=radio]
{
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
    height: 20px;
     width: 25px; 
     margin-top: -10px; 
margin-left:5px;
margin-right:10px;
}

.custom-radio7  label
{
        display:table-cell;
    max-width: 100%;
    margin-bottom: 5px;
     font-weight: 100;
}


.RBL3 {
    margin-top: 0px;
    width:100%;
}
.RBL3 label
{    float: left;
    font-weight: normal;
    margin-left: 15px;
    margin-top: 5px;
      
}

.RBL3 td
{
    text-align: center;
    width: 20px;
}
.RBL3  input[type=radio]
{
    margin: 0px 0 0;
    margin-top: 1px\9;
    line-height: normal;
    height: 20px;
    width: 25px;
    float: right;
    margin-right: 24px;
    margin-top: 5px;
}

.RBL3  input[type=radio]:checked:before
{
      margin: 0px 0 0;
    margin-top: 1px\9;
    line-height: normal;
    height: 20px;
    width: 25px;
    float: right;
    margin-right: 24px;
    margin-top: 5px;
}

.RadioFloat
 {
     text-align: right; 
     display: inline-flex; 
     list-style-type: none;
     margin-left:-20px;
 }
 .RadioFloat input[type=radio]
  {  width: 20px;
      float:left;
      margin-top: 2px; }
  
  .RadioFloat label  
  {
     padding-left: 5px;
    padding-top: 2px;
    padding-right: 5px;
    font-weight:100 ;  }
    
    .RadioFloat2
 {
     text-align: right; 
     display: inline-flex; 
     list-style-type: none;
     padding-top:5px;
 }
 .RadioFloat2 input[type=radio]
  {  width: 20px;
      float:left;
      margin-top: 2px; }
  
  .RadioFloat2 label  
  {
     padding-left: 5px;
    padding-top: 2px;
    padding-right: 5px;
    font-weight:100 ;  }
    
    
.label_style_custom
{
	/*font-weight:  normal ;
	font-size: 9pt;
	color: dimgray;
	font-family:arial;
	width: auto;
	height:18px; 
	background-color:transparent; */
	
	    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    width:120px;
	

}

/*<ZAK2018MAR11>*/
.FloatR { float:right} .FloatL { float:left} .FloatNo { float:none}
.Hand { cursor:pointer }
.Hide { display:none }
.Border { border:solid 1px} .BorderT { border-top:solid 1px;} .BorderR { border-right:solid 1px;} .BorderB { border-bottom:solid 1px;} .BorderL { border-left:solid 1px;}
.div-center{text-align:center;} .div-center div{text-align:left; display:inline-block;}


.textbox_style_listbox
{
	font-family:arial;
    font-size:9pt;
    z-index :99999;
    /*border-style:ridge !important;
    border-style: none;
    height :15px;*/
    
     /*border-color :steelblue;
     border-style :solid;
     border-width :1px;  */
    
    
}


.iframe_height 
{
    height:945px;
    }

 @media (max-width: 768px) 
 {
     .iframe_height 
{
    height:655px;
    }
     
 }
 
  .textbox_style_popup
{
	font-family:arial;
    font-size:9pt;
    /*border-style:ridge !important;
    border-style: none;
    height :15px;*/
    
     /*border-color :steelblue;
     border-style :solid;
     border-width :1px;  */
    
    
}