﻿body 
{
	margin:0px;
	text-align:center;
}
#Logo
{
	color: #fff;
    /*text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;*/
    font: 36pt 'ChunkFiveRegular';
    text-align:center;
    background-color:Gray;
    width:200px;
    height:100px;
}
#t1
{
	/*border=0px;*/
	width: 960px; 
	border-right: black 2px solid; 
	border-left: black 2px solid; 
	background-color:#EBEBEB;
}
.tdWidth20
{
	width:20px;
}
.tdWidth200
{
	width:200px;
}
.tdWidth700
{
	width:700px;
}
.Banner
{
	text-align: center; 
	background-image: url(images/LSRJBanner.jpg); 
	height: 250px; 
	border:gray thin solid;

}

#cssmenu {
	background: #ddd;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 200px;
	
}
#cssmenu li {
	font: 90% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
       list-style: none;
}
#cssmenu a {
	background: #ddd;
	color:#07669B;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:normal;
	text-align:left;
}
#cssmenu a:hover {
	color: #fff;
	padding-bottom: 8px;
	background-color:Gray;
}
#cssmenu li ul
{
	 display:none;
position:absolute;
}
#cssmenu li:hover ul{
    display:block;
    
    
height:auto; width:15em;
}
#cssmenu li ul li{
    clear:both;
border-style:none;}


#TopMenu
{
	background-color:gray;
	color:white;
	margin:0;
	padding:0;
	width:700px;
}
#TopMenu li
{
	font-family:Verdana;
	font-size:9pt;
	font-weight:bold;
	float:left;
	height:38px;
	list-style:none;
	padding:0;
	margin:0;
}
#TopMenu a
{
		color:white;
		padding:10px 7px 10px;
		display: block;
		text-align:center;
		vertical-align:middle;
		text-decoration:none;
		
}
#TopMenu a:Hover
{
	background-color:#333;
	color:#ddd;
	border:1px;
	border-color:White;
	border:silver thin solid;
	/*border-radius:5px;*/
}
#MainData
{
	background-color:#eee;
	border:gray thin solid;
	padding:0px 10px 10px 15px;

	text-align:justify;
	vertical-align:text-top ;
	line-height:normal;
	font-family:Verdana;
	font-size:10pt;
	color:#333;
}
.Footer
{
	height:25pt;
	font-family:Verdana;
	font-size:8pt;
	background-color:#333;
	color:White;
	text-align:center;	
}
.texteffect
{
	font-size:12pt;
	font-family: Verdana;
	color:black;
	text-align:justify;
}
.head
{
	font-family:  Verdana;
	font-size:12pt;
	color:#07669B;	
	text-align:left;
	font-weight:bold;
}
.MainHead
{
	padding-left: 10px; 
	font-size: 12pt; 
	vertical-align: middle; 
	color: black; 
	font-family: georgia; 
	height: 30px; 
	background-color: #f5f5f5; 
	text-align:justify;
	border:#dcdcdc 1px solid;
	border-left:#ddd 8px solid;
	width:auto;
	padding-right:10px;
}
.headdata
{
	font-family:  Verdana;
	font-size:10pt;
	color:black;
	text-align:left;
}
.msg
{
	font-family:Verdana;
	font-size:8pt;
	text-align:justify;
	padding-right:10px;
	color:#07669B;
}
.LinkScroll
{
	font-family:verdana;
	color:#0066ff;
	text-align:left;
	font-size:8pt;
	text-decoration:none;	
}
.Data
{
	padding:8px;
	font-size: 9pt; 
	vertical-align: text-top; 
	font-family: verdana; 
	background-color: white; 
	text-align: justify; 
	border: white 3px solid; 
	width: auto;

}
.headdata1
{
	font-family: Verdana;
	font-size:10pt;
	color:#07669B;
	text-align:left;
	font-weight: normal;
}

.head1
{
	font-family:  Verdana;
	font-size:10pt;
	color: Black;	
	text-align: justify;
	font-weight: lighter;
}
.call
{
	font-family: Verdana;
	font-size:10pt;
	color:#07669B;
	text-align:center;
	font-weight:bold;
}
.contentsubheading
{
	font-family:verdana;
	font-size:10pt;
	color: #07669B;
	text-align:left;
	
}
.HeadingLeft
{
	text-align: left;
	font-family:verdana;
	font-size:12pt;
	vertical-align:middle;
	background-color: Transparent;
	color:#07669B;
	height:35px;
	line-height:35px;
	padding-left:5px;
	
}
.MainContent
{
	padding:5px 5px 5px 5px;
	font-family: Verdana;
	font-size:10pt;
	color: Black;
	text-align: justify;
	
	vertical-align:top;
	text-indent:50px;
	/*width:750px;*/
}
.ContentHead
{
	font-family:verdana;
	font-size:12pt;
	color:#07669B;
	text-align:justify;
	vertical-align:top;
	
	padding:5px 5px 5px 5px;
	background-color: Transparent;
}
.IndexList
{
	font-family:Verdana ;
	font-size:10pt;
	color:black;
	text-align:justify;
	list-style-position:inside;
}
.img
{
	width:40px;
	height:30px;
}
.artidPhoto
{
	font-family:Verdana;
	font-size:10pt;
	font-weight:bold;
	background-color:#e5e5e5;
	text-align:center;
	vertical-align:middle;
	padding:3px;
	border-left:solid 5px #0066ff;
	background-image:url(AuthorBiodata\AuthorPhoto.jpg);
	width:50px;
	height:50px;
}
.reviewname
{
	font-family:Verdana;
	font-size:10pt;
	color:Black;
	text-align:left;
	 width:250px;
}
.reviewh
{
	color:#07669B;
	font-family:Verdana;
	font-size:10pt;
	text-align:left;
	 width:250px;
}
.Names1
{
	
	font-family:Verdana ;
	font-size:10pt;
	color:black;
	text-align:justify;
	list-style-position:inside;
	
	
}
.Names1 a
{
	
	font-family:Verdana ;
	font-size:10pt;
	color:black;
	text-align:justify;
	list-style-position:inside;
}
.Names1 a:hover
{
	
	font-family:Verdana ;
	font-size:10pt;
	color:#07669B;
	text-align:justify;
	list-style-position:inside;
}
    
    .alpha ul
{
    padding:0px 0 0 0px;
    margin:0px;
    list-style:none;
    font-family:Verdana;
    font-size:10pt;
    height:30px;
    line-height:30px;
    background:#E8F0F8;
}
.alpha ul li
{
    float:left;
}
.alpha ul li a
{
    color:#296CAE;
    text-decoration:none;
    padding: 10px 10px 10px 10px;
}
.alpha ul li a:hover
{
    color:#FFF;
    background:#296CAE;
}
.alpha ul li#active a
{
    color:#FFF;
    background:#296CAE;
}
.artid
{
	font-family:Verdana;
	font-size:14pt;
	background-color:#e5e5e5;
	text-align:center;
	vertical-align:middle;
	padding:3px;
	border-left:solid 5px #0066ff;
	width:50px;
}
.authorName
{
	font-family:Verdana;
	font-size:12pt;
	color:#0066ff;
	text-align:left;
	vertical-align:middle;
	padding:5px;
	line-height:20pt;
}
.artName
{
	font-family:Verdana;
	font-size:10pt;
	color:#000;
	text-align:left;
	vertical-align:middle;
	padding-left:5px;
	line-height:16pt;
	background-color:#e5efff;
}
.artName a
{
	color:#000;
	text-decoration:none;
}
.artName a:hover
{
	color:#ff0000;
	text-decoration:none;
}
.artNamePub
{
	font-family:Verdana;
	font-size:10pt;
	color:#ff0000;
	
	text-align:left;
	vertical-align:middle;
	padding-left:5px;
	line-height:16pt;
	
}
.artNamePub a
{
	color:#ff0000;
	text-decoration:none;
}
.artNamePub a:hover
{
	color:#000;
	text-decoration:none;
}
.artNameDetails
{
	font-family:Verdana;
	font-size:10pt;
	color:#000;
	
	text-align:left;
	vertical-align:middle;
	padding-left:5px;
	line-height:16pt;
	
}
.artNameDetails a
{
	color:#000;
	text-decoration:none;
}
.artNameDetails a:hover
{
	color:#ff0000;
	text-decoration:none;
}
.artLabel
{
	font-family:Verdana;
	font-size:10pt;
	color:#000;
	text-align:left;
	vertical-align:middle;
	padding:5px;
	line-height:16pt;
	border-bottom:solid 2px #708090;
	background-color:#e5efff;
	width:200px;
}
.artData
{
	font-family:Verdana;
	font-size:12pt;
	color:#0066ff;
	text-align:left;
	vertical-align:middle;
	padding:5px 35px;
	line-height:16pt;
}
.volIssue
{
	font-family:Calibri;
	font-size:13pt;
	line-height:16pt;
	padding:5px;
	width:100%;
	list-style-image:url('http://isrj.net/images/check.png');
}
.volIssue a
{
	color:#111;
	text-decoration:none;
}
.volIssue:hover
{
	color:#0066ff;
	text-decoration:none;
	border:solid 1px #0066ff;
	background-color:#e5efff;
	
}
.label
{
	font-family:Verdana;
	font-size:10pt;
	text-align:right;
	vertical-align:middle;
	padding:5px;
	width:220px;
}
.txtback
{
	padding:5px;
	text-align:left;
	vertical-align:middle;
	width:350px;
}
.txt
{
	font-family:Verdana;
	font-size:10pt;
	width:95%;
	line-height:14pt;
}
.validate
{
	font-family:Verdana;
	font-size:8pt;
	color:#ff0000;
	text-align:left;
	padding-left:5px;
}
.button
{
	font-family:Verdana;
	font-size:10pt;
	padding:6px 15px 6px 15px;
	background-color:#0066ff;
	color:#fff;
}
.message
{
	font-family:Verdana;
	font-size:10pt;
	border:solid 1px #004c00;
	color:#004c00;
	background-color:#ecffec;
	text-align:justify;
	padding:10px;
	vertical-align:middle;
	line-height:15pt;
}
.editArticle
{
	font-family:Calibri;
	font-size:25px;
	font-style:italic;
	font-weight:bold;
	text-align:left;
	color:#D34836;
	padding:5px 5px 5px 5px;
}
.editimg
{
	width:230px;
	height:80px;
}
.tdb
{
	background-color:#ddd;
	color:Black;
}
#tbl
{
	width:100%;
}
#tbl h1
{
	text-align:center;
	font-size:14pt;
	color:#0681C7;
	margin:0;
}
#tbl h4
{
	font-size:12pt;
	text-align:center;
	color:#0681C7;
	margin:0;
}
#tbl h5
{
	text-align:center;
	margin:0;
	font-size:10pt;
}
#tbl p
{
	padding:0;
	margin:0;
}


/*-----------------------College Campus----------------------------*/

.ch-item {
	width: 96%;
	height: 96%;
	border-radius: 50%;
	position: relative;
	cursor: default;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.ch-thumb {
	width: 96%;
	height: 96%;
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
	box-shadow: inset 0 0 0 15px rgba(255,255,255, 0.5);
	
	-webkit-transform-origin: 95% 40%;
	-moz-transform-origin: 95% 40%;
	-o-transform-origin: 95% 40%;
	-ms-transform-origin: 95% 40%;
	transform-origin: 95% 40%;
	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
	top:4px;
	left:5px;
}

.ch-thumb:after {
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	border-radius: 50%;
	top: 40%;
	left: 95%;
	margin: -4px 0 0 -4px;
	background: rgb(14,14,14);
	background: -moz-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%, rgba(125,126,125,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(14,14,14,1)), color-stop(100%,rgba(125,126,125,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%);
	background: radial-gradient(ellipse at center, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%);
	box-shadow: 0 0 1px rgba(255,255,255,0.9);
}

.ch-img-1 { 
	background-image: url(../images/ColCampus.png);
	z-index: 12;
}

.ch-img-2 { 
	background-image: url(../images/ColCampus.png);
	z-index: 11;
}

.ch-img-3 { 
	background-image: url(../images/ColCampus.png);
	z-index: 10;
}

.ch-info {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
	background: #c9512e url(../images/noise.png);
	box-shadow: inset 0 0 0 5px rgba(0,0,0,0.05);
}

.ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 16px;
	margin: 0 60px;
	text-align:center;
	padding: 22px 0 0 0;
	height: 75px;
	font-family: 'Open Sans', Arial, sans-serif;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
color: #fff;
padding: 12px 10px;
font-style: italic;
margin: 0 10px;
font-size: 14px;
border-top: 1px solid rgba(255,255,255,0.5);

}

.ch-info p a {
	display: block;
	color: #333;
	width: 70px;
	height: 50px;
	background: rgba(255,255,255,0.3);
	border-radius: 50%;
	color: #fff;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 24px;
	margin: 7px auto 0;
	font-family: 'Open Sans', Arial, sans-serif;
	opacity: 0;
	
	-webkit-transition: 
		-webkit-transform 0.3s ease-in-out 0.2s,
		opacity 0.3s ease-in-out 0.2s,
		background 0.2s linear 0s;
	-moz-transition: 
		-moz-transform 0.3s ease-in-out 0.2s,
		opacity 0.3s ease-in-out 0.2s,
		background 0.2s linear 0s;
	-o-transition: 
		-o-transform 0.3s ease-in-out 0.2s,
		opacity 0.3s ease-in-out 0.2s,
		background 0.2s linear 0s;
	-ms-transition: 
		-ms-transform 0.3s ease-in-out 0.2s,
		opacity 0.3s ease-in-out 0.2s,
		background 0.2s linear 0s;
	transition: 
		transform 0.3s ease-in-out 0.2s,
		opacity 0.3s ease-in-out 0.2s,
		background 0.2s linear 0s;
		
	-webkit-transform: translateX(60px) rotate(90deg);
	-moz-transform: translateX(60px) rotate(90deg);
	-o-transform: translateX(60px) rotate(90deg);
	-ms-transform: translateX(60px) rotate(90deg);
	transform: translateX(60px) rotate(90deg);
		
	-webkit-backface-visibility: hidden;
}

.ch-info p a:hover {
	background: rgba(255,255,255,0.5);
}
.ch-item:hover .ch-thumb {
	box-shadow: inset 0 0 0 15px rgba(255,255,255, 0.5), 0 1px 3px rgba(0,0,0,0.2);
	-webkit-transform: rotate(-110deg);
	-moz-transform: rotate(-110deg);
	-o-transform: rotate(-110deg);
	-ms-transform: rotate(-110deg);
	transform: rotate(-110deg);
}
.ch-item:hover .ch-info p a{
	opacity: 1;
	-webkit-transform: translateX(0px) rotate(0deg);
	-moz-transform: translateX(0px) rotate(0deg);
	-o-transform: translateX(0px) rotate(0deg);
	-ms-transform: translateX(0px) rotate(0deg);
	transform: translateX(0px) rotate(0deg);
}
/*common*/


.ch-grid {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	position: absolute;
 top:100px;
}

.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 220px;
	height: 220px;
	display: inline-block;
	
}



