a:link
{	/*color: #810402;*/
	/*font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    line-height: 28px;
    text-decoration: none;	
    float: left;
	padding:0 3px;*/
}
/*a:visited
{
	color: #000;
	font-family: Arial;
	font-size: 14px;
	text-decoration: none;
}*/
a:hover
{
	/*color: blue;
	text-decoration: none;
	font-size:14px;
	line-height:28px;
	padding:0 3px;*/
}
a:active
{
	/*color: #ff002a;
	font-family: Arial;
	font-size: 14px;
	text-decoration: none;
	padding:0 3px;*/
}
.spancls
{
	color: #A2A2A2;
    float: left;
    font-family: Verdana;
    font-size: 12px;
   line-height: 28px;
    padding: 0 1px;
    text-decoration: none;
}
.sarchspancls
{
	color: #ff002a;
	font-family: Arial;
	font-size: 14px;
	text-decoration: none;
	font-weight:bold;
	padding:0 1px;
	cursor:pointer;
}
.paging
{
padding:0 10px;
}
.spa-nw{
	float:left;
	width:20px;
	height:15px;
	margin:0px 0px 5px 20px;
	border:solid 0px red;
	background-color:black;
	color:white;
	text-align:center;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
}
.headbeforepage1
{
	font-family:Arial;
	font-size:11px;
	color:#000000;
	height:12pt;
	cursor:hand;
	position:relative;
	width:100%;
	height:100px;
	border:solid 0PX RED;
	float:left;	
}

span{display:inherit;}
img{display:inline-block;/*float:left*/}

.headforpagenextselected {
  	 color: red;
    cursor: default;
    font-family: Arial;
    font-size: 14px;
    height: 12pt;
	margin:0 3px;	
	display:inline-block;
	
}
.headforpagenext {
	color: black;
    cursor: pointer;
    font-family: Arial;
    font-size: 14px;
    height: 12pt;
	margin:0 3px;
	display:inline-block;
	
}
.selectedition
{
	background-color:Red;
	color:White;
	height:20px;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
}
.notselectedition
{
	background-color:#dedede;
	color:black;
	cursor:hand;
	height:20px;
	cursor:pointer;	
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
}
#onMouseover
{
	BORDER-RIGHT: #cc0099 thick double;
	BORDER-TOP: #cc0099 thick double;
	BORDER-LEFT: #cc0099 thick double;
	BORDER-BOTTOM: #cc0099 thick double;
}
.borderimage
{
	cursor:hand;
	cursor:pointer;

}
.borderimage a:hover {border:3px solid #5f9215;
}
.headforpage
{
	font-family:Arial;
	font-size:11px;
	color:#B81F21;
	height:12pt;
	text-align:left;
	cursor:hand;
	
}
.imageheight
{
	height:18pt;
		
}
.TA 
{
	scrollbar:3dlight-color:#000000;
    scrollbar-arrow-color:#000000;
    scrollbar-base-color:#a00000;
    scrollbar-darkshadow-color:#a00000;
    scrollbar-face-color:#a00000;
    scrollbar-highlight-color:#a00000;
    scrollbar-shadow-color:#a00000;
}


.TA1
{
	width:100%;
	height:100%;
	scrollbar: 3dlight-color:#fcb017;
    scrollbar-arrow-color: #fcb017;
    scrollbar-base-color: #fcb017;
    
}
.haedlinesstor1
{	font-family: Mangal;
	font-size: 30px;
	font-weight:bold;
	text-align:left;
	color: #000000;
	text-decoration: none;
	white-space:nowrap;
}
.haedlinesstor2
{
	font-family: Mangal;
	font-size: 22px;
	font-weight: bold;
	text-align:left;
	color: #000000;
	text-decoration: none;
}
.haedlinesstory
{
	float:left;
	font-family: Mangal;
	font-size: 26px;
	font-weight:bold;
	/*text-align:left;*/
	text-align: center;
	color: #000000;
	text-decoration: none;
	
}
.body11
{
	font-family: Mangal;
	font-size: 24px;
	color: #000000;
	text-align:justify;
	text-decoration: none;
}
.body2
{
	font-family: Mangal;
	font-size: 16px;
	color: #000000;
	text-align:justify;
	text-decoration: none;
}
.bodyd1
{
	font-family: Mangal;
	font-size: 20px;
	color: #000000;
	text-align:justify;
	text-decoration:none;
}
.subheadlinesstor1
{
	font-family: Mangal;
	font-size: 24px;
	font-weight: bolder;
	color: #000000;
	text-decoration: none;
	white-space:nowrap;
	
}
.subheadlinesstor2
{
	font-family: Mangal;
	font-size: 16px;
	font-weight: bolder;
	color: #000000;
	text-decoration: none;
}
.subheadlinesstory
{
	font-family: Mangal;
	font-size: 20px;
	font-weight: bolder;
	color: #000000;
	text-decoration: none;
}
.writerName
{
	font-family:Mangal;
	font-size:20;
	color:Red;
	text-decoration: none;
	white-space:nowrap;
	}
.headbeforepage1
{
	font-family:Arial;
	font-size:11px;
	color:#000000;
	height:167px;
	cursor:hand;
	position:relative;
	
	
}
  @font-face {
    font-family: Mangal;
    font-style:  normal;
    font-weight: normal;
    src: url(CABHA3.eot);
  }
  @font-face {
    font-family: Mangal;
    font-style:  oblique;
    font-weight: normal;
    src: url(CABHA2.eot);
  }
  @font-face {
    font-family: Mangal;
    font-style:  normal;
    font-weight: 700;
    src: url(CABHA1.eot);
  }
  @font-face {
    font-family: Mangal;
    font-style:  oblique;
    font-weight: 700;
    src: url(CABHA0.eot);
  }

.headbeforepage
{
	border-right: double;
	border-top: double;
	display: block;
	font-size: 6pt;
	border-left: double;
	color: #000000;
	border-bottom: double;
	font-family: Arial;
	border-collapse: separate;
	height: 10px;
	background-color: #ffffff;
	text-align: center;
}

.headtext
{
	color: #00306e;
	font-family: Arial;
	font-size: 20px;
	text-decoration: none;
}

.pageHead
{
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #5E5E5E;
}

.TextField
{
	border: 1px solid #929292;
	background-color: #ffffff;
	font-family: arial;
	font-size: 12px;
	color: #000000;
}
.TextField1
{
	border: 1px solid #ffffff;
	background-color: #ffffff;
	font-family: Arial;
	font-size: 10px;
	color: #000000;
}

.dgAlternateRowColor
{
	background-color: #D8E1D8;
}

.TblBorder
{
	border: 1px solid;
	border-color: #D8D8D8;
	border-collapse: collapse;
}

.mainText
{
	font-family: Arial;
	font-size: 11px;
	color: #001676;
}
.BoldBlTxt
{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #001676;
	text-decoration: none;
}

.dtGrid
{
	font-family: Arial;
	font-size: 11px;
	border: 1px solid #ACAAAA;
	border-collapse: collapse;
}
.dgAlternateRowColor
{
	font-family: Arial;
	font-size: 11px;
	background-color: #EBEFEF;
}
.dtGridHd
{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #810402;
	background-color: #f3eeee;
	border: 1px solid #ACAAAA;
	border-collapse: collapse;
}
.hand
{
	CURSOR:hand;
	CURSOR:pointer;
}
.hand1
{
	font-size: 11px;
	CURSOR:hand;
	CURSOR:pointer;
}

date1
{
	font-family:Arial;
	font-size: 8px;
	color: #000000;
}
menu1
{
	color:black;
	font-family:Arial;
	font-weight:normal;
	padding:2px;
	padding-left:5px;
	font-size:8pt;
	cursor:hand
 }
 .hideheader
 {
  COLOR: ffffff;
 }
 .decnone
{
	color: #ffffff;
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
	border: none;
}
.decnone1
{
	color: #000000;
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
	border: none;
	CURSOR:hand;
}
.archivemainhead
{
	color: #808080;
	font-family: Arial;
	font-size: 15px;
	text-decoration: none;
}
.GrayBoldLblTxt
{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #808080;
	text-decoration: none;
}
.GrayBoldLblTxt2
{
	font-family:  Arial;
	font-size: 12px;
	font-weight: bold;
	color: #808080;
	text-decoration: none;
}
.LatestNews
{
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
.welcome
{
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: black;
	text-decoration: none;
}

.seprator
{
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: gray;
	text-decoration: none;
}

.Detail
{
	font-family: Mangal;
	font-size: 11px;
	font-weight: normal;
	color:#000000;
	text-decoration: none;
	text-align:justify;
	border:2px;
	border:black;


}
.more
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color:red;
	text-decoration: none;
}
.more1
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color:#BE6262;
	text-decoration: none;
}
.latestheading
{
	font-family: Arial;
	font-size: 12px;
	font-weight: Bold;
	color:#000000;
	text-decoration: none;
	text-align:left;
}
.search_text
{
	font-family: Arial;
	font-size: 12px;
	color:#000000;
	font-weight: Bold;
	text-align:center;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#ffffff', Positive='true')
}
.Content_page
{
	font-family: Tahoma;
	font-size: 12px;
	font-weight: Bold;
	color:#335D88;
	text-decoration: none;
	text-align:left;
}
.Date
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color:#000000;
	text-decoration: none;
	text-align:left; 
	font-weight: Bold;
}
.edition
{
	font-family: Arial;
	font-size: 9px;
	font-weight: Bold;
	color:#000000;
}
.bottembar1
{
	font-family: Arial;
	font-size: 10px;
	background-color:#c9c5c5;
	color:#000000;
	text-decoration: none;
}
.GOOGLESEARCH
{
	WIDTH:240px;
	height:80px;
}

.pagetitle
{
	font-family: Arial;
	font-size: 9px;
	font-weight: Bold;
	color:#000000;
	text-decoration: none;
}
.dynamicDIV
{
	
	font-size: 9px;
	width: 150pt;
	background-color: #c9c5c5;
	border:solid 1px;
	border-color:#c4c2c2;
	cursor: hand;
	color: black;
	font-family: Arial;
	position: absolute;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color='#D1D1D1', Positive='true')

}
.r_arrow
{
	LEFT: 700px;
	WIDTH: 8px;
	POSITION: absolute;
	TOP: 142px;
	HEIGHT: 60px;
}
.corner_page_no
{
	color:Purple;
	text-align:left;
	
}
.corner_page_no_right
{ 
color:Purple;
text-align:right;
FILTER: alpha(Opacity=80); 
LEFT: 597px;
VISIBILITY: visible;
 WIDTH: 20px; 
POSITION: absolute;
TOP: 104px;
 HEIGHT: 20px;
BACKGROUND-COLOR: white
}
.editionheading
{
	color: #000000;
	font-family: Arial;
	font-weight:bold;
	font-size: 12px;
	text-decoration: none;
}
.transparent {
    filter:alpha(opacity=90);
    background-color:white;
    border: 1 Maroon solid;
    width:580;
    position:absolute;
    color: white;
    border: 1 green solid;
}
.toptext
{
	font-family: Arial;
	font-size: 9px;
	vertical-align:top;
	font-variant:normal;
	white-space:nowrap;
	
	
}

.manage
{
	filter:alpha(opacity=60);
	font-size: 9px;
	display:inline;
	width: 150pt;
	font-family: Arial;
	position: absolute;	
	line-height:normal;
	padding-top:3px;
}
.manage1
{
	font-size: 9px;
	display:inline;
	width: 158pt;
	height:30pt;
	border: 1 #c4c2c2 solid;
	font-family: Arial;
	position: absolute;	
	line-height:normal;
}
.volume_issue
 {
	color:black;
	font-family:Arial; 
	font-size:10px;
 }
 #dropmenudiv
{
	position: absolute;
	color: #000000; 
	border-bottom-width:0;
	line-height:18px;
	BACKGROUND-COLOR: #c9c5c5
}
#dropmenudiv A
 {
	DISPLAY: block;
	WIDTH:100%;
	COLOR: #000000;
	TEXT-INDENT: 3px;
	border-bottom : black 1px solid; 
	BACKGROUND-COLOR: f2f2f2;
	TEXT-DECORATION: none
}
#dropmenudiv A:hover
 {
	WIDTH: 100%;
	COLOR: red;
	BACKGROUND-COLOR: #ffffff
}
.head
{
	font-family:Arial;
	font-size:11px;
	color:Green;
	text-align:left;
	cursor:hand;
	
}


.vrtalign
{
	vertical-align:baseline;
	 margin-top:90;
	 width:auto;
}
.borderdiv
{
	border: solid 2 red; 
	
}	

.showstory_Detail
{
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color:red;
	text-decoration: none;
	text-align:justify;
	border:2px;
	border:black;
}

.headingtext
{
 width:2px;
	color:green;

}

/*.framestyle 
{
	position: absolute;
	top: 240px;
	left: 240px;
	border: "1 solid red";
	border-left-color: #EFEFEF;
	border-top-color: #EFEFEF; 
	border-bottom-color: #C0C0C0;
	border-right-color: #C0C0C0;
	VISIBILITY: hidden;
	CURSOR:move;
	background-color:"#c9c5c5"
 }
 .framestyle_down
{
	position: absolute;
	top: 140px;
	left: 240px;
	border: "1 solid red";
	border-left-color: #EFEFEF;
	border-top-color: #EFEFEF; 
	border-bottom-color: #C0C0C0;
	border-right-color: #C0C0C0;
	VISIBILITY: hidden;
	CURSOR:move;
	background-color:"#c9c5c5"
 }*/
 .textstyle
 {
	font-family:Arial;
	font-size:12px;
	color:Blue;
	text-align:center;
	cursor:hand;
 }
 .topbar_div
 {
	font-family:Arial;
	font-size:11px;
	color:Purple;
	text-align:left;
	
 }
 /*.framestylerss
 {
	position: absolute;
	top: 140px;
	left: 200px;
	border: "1 solid red";
	border-left-color: #EFEFEF;
	border-top-color: #EFEFEF; 
	border-bottom-color: #C0C0C0;
	border-right-color: #C0C0C0;
	VISIBILITY: hidden;
	CURSOR:move;
	background-color:"#c9c5c5"
 }*/
 .dropmenudiv1
{
	position: absolute;
	color: #000000; 
	border-bottom-width:0;
	line-height:18px;
	BACKGROUND-COLOR: #c9c5c5
}
.dropmenudiv1
 {
	DISPLAY: block;
	WIDTH:100%;
	COLOR: #000000;
	TEXT-INDENT: 3px;
	border-bottom : black 1px solid; 
	BACKGROUND-COLOR: #c9c5c5;
	TEXT-DECORATION: none
}
.dropmenudiv1
 {
	WIDTH: 100%;
	COLOR: red;
	BACKGROUND-COLOR: #ffffff;
}
 .txtalign
 { text-align:left;
	 font-weight:bold;
 }
 #mysub_div A:hover
 {
	
	COLOR: red;
	
}
.hotlinking
{
	color: blue;
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
	CURSOR:hand;
}

.header-in-mid
{
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	float:left;
	
}
.always
{
style:BORDER-TOP: #C5C1C2 1px solid; WIDTH: 100%; BORDER-BOTTOM: #C5C1C2 2px solid
}
.shadow
{
	BORDER:1px solid #C5C1C2;
	margin-bottom:10px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#6D6D6D', Positive='true')


}

.shadow123
{
	BORDER:1px solid #F60707;


}
.bookmark
{
	color: blue;
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
	CURSOR:hand;
}
.handyuva
{
	CURSOR:hand;
}
.topyuva
{
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	CURSOR:hand;
	cursor:pointer;*/
	float: left; border: solid 0px red;font-family: Verdana; font-size: 12px;
}
.topyuvahelp
{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	
}
.topyuvasearch
{

	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.yuvasearch12
{

	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
}
.top-bg{
	/*background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;*/
	width:265px;
	color:#000;
	
}
.top-bg12{
	width:285px;	
	color:red;
	font-weight:bold;
}
.textbox
{
border: 1px solid #838383;
	   color: #333333;
    font-family: arial;
    font-size: 10px;
    height: 14px;
    width: 98%;
}
.frm-tf-search
{
	border: 1px solid #838383;
    color: #333333;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    vertical-align:top;
    margin-top: 1px;
    padding: 1px 4px;
    width: 50%;
}
.pagedown
{
background-image: url(../images/bottom-bg.jpg);
	background-repeat: repeat-x;
	
}
.bttomyuvarights
{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.pd_bg
{
	background-image: url(../images/pageno.jpg);
	background-repeat: repeat-x;
}
/*.eition-tab
{
 LEFT: 146px;
 VISIBILITY: visible;
 WIDTH: 20px;
 POSITION: absolute;
 TOP:146px;
 HEIGHT:300px;
 BACKGROUND-COLOR: white;
}
.edition-tab-off
{
cursor:hand;
cursor:pointer;
border:1px solid #ccc;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-top:4px;
font-weight:normal;
color:#000;
background-image: url(../images/yuva_click_black.jpg);
width:16px;
height:150px;
}
.edition-tab-on
{

font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
margin-top:2px;
color:#fff;
width:15px;
background-image: url(../images/mainedition_red.jpg);
height: 145px;
}
.edition-tab-off_yuva
{
cursor:hand;
cursor:pointer;
border:1px solid #ccc;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#0000;
background-image: url(../images/yuva_click_black.jpg);
width:14px;
height:110px;
}
.edition-tab-on_yuva
{

font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
margin-top:14px;
color:#fffff;
width:13px;
background-image: url(../images/yuva_click_black.jpg);
height: 150px;
cursor:hand;
cursor:pointer;
}*/
.trans75 { filter: alpha (opacity=75); opacity: 0.75; }


.FinishOpacityZila
{
	 filter: alpha (opacity=75); opacity: 0.25;
	LEFT: 570px; 
	VISIBILITY: hidden;
    WIDTH: 50px; POSITION: absolute;
	TOP: 103px; HEIGHT: 40px;
	BACKGROUND-COLOR: white
}
.yuvahelp
{	
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:Green;
font-weight:bold;
}
.yuvabottombar
{
LEFT: 272px;
 VISIBILITY: visible;
  WIDTH: 430px;
   POSITION: absolute;
    TOP: 769px;
}
.yuvabottombar12
{
LEFT: 520px;
 VISIBILITY: visible;
  WIDTH: 430px;
   POSITION: absolute;
    TOP: 954px;
}
.yuvabottombardown
{
LEFT: 440px;
 VISIBILITY: visible;
 POSITION: absolute;
 TOP: 770px; 
BACKGROUND-COLOR: white;
}
.curserhand
{
	cursor:hand;
	cursor:pointer;
	}
.curserhandno
{
	cursor:default;
	
	
}
.outerfeedback {
    display: block;
   /* height: 350px;*/
    margin: 0;
    padding: 0;
}
.leftBgImg {
    background-image: url("../images/feed.jpg");
    background-repeat: repeat-x;
    border: 0 none;
    float: left;
    height: 235px;
    margin: 10px 0 0 20px;
    padding: 0;
    text-align: center;
    width: 258px;
}
.CommentBgImg
{
background-image: url("../images/icon_comment_image.jpg");
    background-repeat: repeat-x;
    border: 0 none;
    float: left;
    height: 235px;
    margin: 10px 0 0 20px;
    padding: 0;
    text-align: center;
    width: 15em;
}
.EmailBgImg
{
background-image: url("../images/icon_email_image.jpg");
    background-repeat: repeat-x;
    border: 0 none;
    float: left;
    height: 235px;
    margin: 10px 0 0 20px;
    padding: 0;
    text-align: center;
    width: 15em;
}
.FeedbackBgImg
{
background-image: url("../images/feed.jpg");
    background-repeat: repeat-x;
    border: 0 none;
    float: left;
    height: 235px;
    margin: 10px 0 0 20px;
    padding: 0;
    text-align: center;
    width: 16em;
}

.rightBlockImg {
    float: left;
    line-height: 10px;
    margin: 0;
    padding-top: 10px;
    width: 0px;
}

.rightBlockImg1 {
    float: left;
    margin: 0;
    padding: 10px 0px 0px 0px;
    width: 520px;
}
.feedbackB_text {
    color: #000000;
    font-family: Verdana;
    font-size: 12px;
    margin: 0;
    padding: 0 0 10px;
    width: 320px;
}
.feedbackB_text1 {
    color: #000000;
    font-family: Verdana;
    font-size: 12px;
    margin: 0;
    padding: 0 0 10px;
    width: 38em;
}
.feedbackB_text2 {
    color: #000000;
    font-family: Verdana;
    font-size: 12px;
    margin: 0;
    padding: 0 0 10px;
    width: 41em;
}
.feedbackB_text_n {
    float: left;
    margin: 0;
    padding: 0 10px 3px 0;
    text-align: right;
    width: 100px;
}
.nw123 {
    border: 0 solid red;
    margin: 0;
    padding: 0 10px 0 0;
    width: 136px;
}
.nw456 {
    border: 0 solid red;
    margin: 0;
    padding: 0 10px 0 0;
    width: 175px;
}
.feedbackB_text_n_102 {
    float: left;
    margin: 0;
    padding: 0 10px 3px 0;
    text-align: right;
    width: 102px;
}
.submitFeedback {
    margin: 0 0 0 145px;
    padding: 0;
    text-align: left;
}
.submitFeedback2 {
    margin: 0 0 0 185px;
    padding: 0;
    text-align: left;
}
.submitFeedback1 {
    margin: 0 0 0 290px;
    padding: 0;
    text-align: left;
}
.clear1 {
    clear: both;
    height: 0;
    margin: 0;
    padding: 0;
    width: 0;
}
.rightdiv2 {
    color: White;
    cursor: pointer;
    float: right;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    margin-right: 7px;
    margin-top: 7px;
    text-align: center;
}
.rightdiv3 {
    color: White;
    cursor: pointer;
    float: right;
    font-family: Arial;
    font-size: 11px;
    margin-right: 7px;
    margin-top: 2px;
    text-align: center;
}
.div1 {
    color: white;
    float: left;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    margin-left: 7px;
    margin-top: 5px;
}
.handclass
{
cursor:pointer;
}
.Compress{margin:0 0 14px;}
.Compress5{margin:0 0 5px;}

.pageblue
{
 width: 70px; border: solid 0px;color:blue;
}

.floatleft
{
float:left;
}

.txtboxcommon
{
width:200px;
border:1px solid groove;
padding:0px;
}
.label
{
font-size:14px;
color:#000;
font-weight:normal;
}

/* for nbt*/

.date_class {
    margin-left: 10px; color:#000!important;
	font-size: 12px;
   
    color: #FFFFFF;
    font-family: arial;
    font-weight: bold;
    height: 24px;
    padding-left: 15px;
    text-align: left;
}
.login_user {
    background-image: url("../images/date_bg.jpg");
    background-repeat: repeat-x;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}
.wel_user {
    background-image: url("../images/date_bg.jpg");
    background-repeat: repeat-x;
    color: #000000;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}
.selected {
    border: 3px solid red;
    border-radius: 10px 10px 10px 10px;
    cursor: default;
    height: 122px;
    margin: 0 0 20px 19px;
    padding: 0;
    width: 93px;
}
.notselected {
    border: 1px solid black;
    border-radius: 10px 10px 10px 10px;
    cursor: pointer;
    height: 122px;
    margin: 0 0 20px 19px;
    padding: 0;
    width: 93px;
}

.pagedeselect {
    color: black;
    float: left;
    font-family: Verdana;
    font-size: 13px;
    margin-bottom: 0;
    padding-left: 19px;
}
.selecttopediton {
float:left;width:98%;background-color:#D6D6D6;text-align:center;color:Red;border:solid 1px #FDAE49;border-radius:10px;margin:5px 0px;font-family:verdana;font-size:14px;font-weight:bold;}
.unselecttopediton {
float:left;width:98%;background-color:#D6D6D6;text-align:center;color:#000000;border:solid 1px #FDAE49;border-radius:10px;margin:5px 0px;cursor:pointer;font-family:verdana;font-size:14px;font-weight:bold; }

.fontHighlight
{
padding:0 0 0 20px;
}
body {
background-image: url("bg3.jpg");
   background-repeat:no-repeat;
   background-size: cover;
   background-position:center;
   width : 100%;
   
}

/*#mainImage {
background-image: url("loading.gif");
   background-repeat:no-repeat;
  // background-size: cover;
   background-position:top;
   
}*/

/* The Modal (background) */
#myModal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  margin: 10% auto; /* 15% from the top and centered */
  left: 10%;
  /* top: 17%;*/
  width: 75%; /* Full width */
  height: 80%; /* Full height */
	
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}


/* Modal Content/Box */
.modal-content {
  /* background-color: #fefefe; */
  margin: 10% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  /*width: 60%;  /* Could be more or less, depending on screen size */
  /* height: 60%; /* Full height */
}

/* The Close Button */
.close {
  color: #FFFFFF;
  float: right;
  font-size: 20px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.card {
  width: 250px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
}

 /* The animation code */
@keyframes gToW {
  from {background-color: #FF0000;}
  to {background-color: #FFFFFF;}
}

@keyframes wToG {
  from {background-color: #FFFFFF;}
  to {background-color: #FF0000;}
}

/* The element to apply the animation to */
.greyToWhite {
  background-color: #FF0000;
  animation-name: gToW;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  animation-delay: 2s;
} 
.whiteToGrey {
  background-color: #FFFFFF;
  animation-name: wToG;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  animation-delay: 2s;
}