/* CSS Document */

/* Reset */

html, body { margin: 0; padding: 0; border: 0; background-color: transparent; font-size: 12px;} 

div, span, articles, aside, footer, header, hgroup, nav, section, 
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, 
table, tr, th, td, tbody, tfoot, thead {	
		margin: 0;
		padding:0;
		border:0;
		vertical-align: baseline;
		background-color: transparent;}
		
img 	{  margin: 0; padding: 0; border: 0;}	

table 	{ border-collapse: collapse; border-spacing: 0;}

input, select, textarea, form, fieldset { margin: 0; padding: 0; border: 0;}	

h1, h2, h3, h4, h5, h6, p, blockquote, a, li, 
th, td, caption, em, strong, strike { 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		font-weight: normal;
		font-style: normal;
		    /* line-height: 100%; */
		text-indent: 0;
		text-decoration: none;
		text-align: left;
		color: #000;}

ol, ul { list-style: none;} 
 
/* Global */

html {}
body { background-color:#f8fafd;background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfeff ), color-stop(100%,#01538f ));
    background: -webkit-linear-gradient(top, #fcfeff 0%,#01538f 100%);
    background: -o-linear-gradient(top, #000000 0%,#ffffff 100%);
    background: -ms-linear-gradient(top, #000000 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #fcfeff 0%,#01538f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfeff ', endColorstr='#01538f ',GradientType=0 );}

/* heading */

h1, h2, h3, h4, h5, h6 	{ 
		font-weight: bold;}

h1		{ font-size: 24px;	color: #36f; margin: 10px 0;}
h2		{ font-size: 20px;	color: #Fa0; margin: 10px 0;}
h3		{ font-size: 16px;	margin: 5px 0;}
h4		{ font-size: 14px;}
h5		{ font-size: 14px;}
h6		{ font-size: 16px; margin: 10px 0;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img 	{ margin: 0;}


/* Text Elements */

p		 { color: #000; font-size: 14px; line-height: 150%;}
p .left  { margin: 1.5em 1.5em 1.5em 0; padding: 0;}
p .right { margin: 1.5em 0 1.5em 1.5em; padding: 0;}

a 			{}
a:link		{ color: #36f;} 
a:visited	{ color: #36f;} 
a:active	{ color: #36f;} 
a:focus		{ color: #666;} 
a:hover		{ color: #fa0;} 

blockquote 	{ color: #000; font-size: 12px;}
strong		{ font-weight: bold;}
em			{
	font-style: italic;}

sub			{}
sup			{}

/* images */


/* lists */

ul 			{}
ol			{ list-style-type:decimal;}
ul li		{ color: #000; font-size: 14px;}
ol li		{ color: #000; font-size: 14px;}

dl			{}
dt			{}
dd			{}

/* Table */

table		{ width: 100%;}
tr			{}

.odd		{ background-color: #eee;}
.even		{ background-color: #fff;}

th			{}
thead		{}
tbody 		{}
th, td, caption		{}
caption		{}
tfoot		{}
.tfoot		{ background-color: #ccc; text-align: center; font-style: italic;}
caption		{ background-color: #efefef;}

/* Miscellaneous */

sup, sub 		{ line-height: 0;}

abbr, acronym	{ border-bottom: 1px dotted #666;}

address {}

del			{ background: #ffcece; color: #f00;}

code, pre	{ background-color: #ff9; padding: 2px 0;
			margin: 4px 25px; font-family: "Courier New", Courier, monospace;
			font-size: 12px; font-weight: bold;}


/* Container */


#outer { width:1200px; background-color:#fff; margin:0 auto;}

#wrapper { width:900px; background-color:#fff; margin:0 auto;}

#logo	{ margin:20px 0 20px 50px; float:left;   }
.bg{
    width: 1200px;
    height: 200px;
    background-color: #01538f;
margin-left: -150px;
    background: linear-gradient(to left,#4198d8,#01538f,#4198d8);

}

#date 		{ 	position: absolute; top: 0px; left: auto;
				line-height:30px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 14px; font-style: normal; color: #333;}

#ucr-logo 	{float:right; margin: 110px 0 10px 0;}

#navbar	{ clear:both;}
#navbar ul { border-top: 1px #01538f solid; border-bottom: 1px #01538f solid;
			margin: 20px 0; padding: 10px 0;text-align: center;    }
#navbar ul li {     display: inline;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 12px;
    margin-right: 12px;}
#navbar ul li a { padding: 0 10px;font-size:18px; color: #000; font-weight: bold;}		

#navbar a:link {color: #666;}		
#navbar a:visited {color: #666;}	
#navbar a:active {color: #666;}	
#navbar a:focus {color: #36f;}	
#navbar a:hover {color: #fa0;}	

#content		{}


/* Container Banner Slider begin */

#slider1_container { margin-left: 45px;}


#left-content 	{ clear:both; float: left;
					margin: 20px 0;width: 600px;}
#left-content p		{	text-indent: 20px;} 

#left-content ul		{	margin-left: 30px;} 
#left-content ul li {  list-style-type: square ; 
						line-height: 150%;}

#right-content	{ float: right; margin: 20px 0;
				width:270px;}
#right-content p	{
					font-size: 12px; margin-bottom: 15px;min-height: 13px;
					text-indent: 20px;}
#right-content a	{ margin: 5px; float: left;}	

/* index page end */			

/* content for all other pages*/
#full-content	{ margin-bottom: 20px; margin-left: 50px;
					width: 800px;}
					
/*
#full-content ul {	}
#full-content ul li 	{	}
#full-content ul li h3	{ margin-top: 20px;	}
#full-content ul li p	{ margin-bottom: 10px;	}
#full-content ul li img	{ width: 300px; }
*/ 

/* People page */
#pi				{ padding: 20px 20px 0 20px;  margin-bottom: 20px;}
.p-title		{ 
					font-size: 20px; color: #36f; font-weight: bold;}
#left-image		{ float: left;}
#left-image img	{ width: 300px; margin-bottom:20px;}

#right-desc		{ float: left;	margin-left: 100px;}

.pi-list		{  margin-top:15px; margin-bottom: 15px;}
.pi-list li		{ margin: 5px 0;}
.pi-cv			{ clear: both; border-top: 1px #ccc solid; padding: 10px 0;}
.pi-id			{clear: both; padding: 10px 0;}
.res-id			{  margin:10px 30px; float:left;}
.res-id li		{ margin: 5px 0;}


.memb			{  margin-top:15px; margin-bottom: 10px;}
.each-memb 		{    margin: 5px; padding: 5px;
					float: left; border: 1px #ccc solid; 
					width: 150px; height:270px;}
.each-memb img	{}
.each-memb ul	{ width:150px;}
.pm-list li		{ margin-top: 5px; width: 150px;}

.g-pic li		{ margin: 15px 0 15px 0;}
.g-pic img		{ width: 550px;}
.g-pic p		{ font-size: 18px; font-weight: bold; margin-bottom: 15px;}

.memb table				{ width: 800px;  cellpadding: 10px; 
							margin: 20px 0;}
.memb table, th, td		{ 	border-collapse:collapse;
						border: 1px solid #ccc;}
.memb th, td 			{	padding:10px; font-size: 14px;}
.memb th				{ background-color:#ddd; text-align:center;}

/* Research page */

#action-list p		{ margin-bottom: 15px; text-indent: 20px;}
#action-list ul		{	margin-left: 30px;} 
#action-list ul li {  list-style-type: square ; 
						line-height: 150%;}

/* Courses page */

#course 		{ float: right;
				width: 500px; margin: 0 0 20px 0;}
#course h3		{ font-size: 18px;}
#course p		{ float: right; color: #999; margin-top: 10px;}
#course ul		{ clear: both; margin-left: 30px;}
#course ul li	{ margin: 10px 0;}

/* Publication page  */

#pub-left			{ float: left; 
						width: 150px; 	padding: 0 10px;
						background-color: #ddd;}
#pub-left img		{ width: 150px;}	
#pub-left ul		{}
#pub-left ul li		{ margin:15px 0;}	
#pub-left p			{ font-size: 12px; margin-top: 10px; line-height: 110%;}
				

#pub-right			{ width: 700px; float: right;}
.p-title-c			{ font-size: 24px; color: #36f; font-weight: bold; 
						text-align:center;}			

#pub-page   		{}
#pub-page ul  		{ list-style: square;}
#pub-page ul li  	{}

.back-to-top			{ font-size: 12px;}
.back-to-top a 			{}
.back-to-top a:link		{ color: #36f;} 
.back-to-top a:visited	{ color: #36f;} 
.back-to-top a:active	{ color: #36f;} 
.back-to-top a:focus		{ color: #fa0;} 
.back-to-top a:hover		{ color: #000;} 


.flip-new		{ color: #666; font-weight: bold; 
					font-size: 18px; margin: 20px 0;
					border-bottom: 2px solid #666;	
					padding-bottom: 5px;}
.panel-new	p	{ margin: 10px 0; text-indent: -30px;}

.flip			{ color: #666; font-weight: bold;
					font-size: 18px; margin: 20px 0;
					border-bottom: 2px solid #666;	
					padding-bottom: 5px;}
.panel	p		{ margin: 10px 0; text-indent: -30px;}

.flip-all { color: #fff; font-weight: bold; font-size: 18px;
			padding: 5px;
			text-align: left;
			background-color: #69f;
			border: solid 1px #69f;}

.pub-vol 			{	font-style: italic;}	
.pub-page 			{	font-weight: normal;}
.pub-year			{	font-weight: bold;}
.pub-title			{   font-style: italic;}

#pub-page   		{}
#pub-page ol  		{}
#pub-page ol li  	{  margin: 20px 0;}
#pub-page ol li a 	{ color: #000;}

.abstract_title		{ color: #000; font-size: 14px; line-height: 150%;}
.abstract			{ color: #000;}

.abstract table, th, td		{ 	border-collapse:collapse;
								border: hidden;}
.abstract th, td 			{	padding:10px 20px; font-size: 12px; line-height: 120%;}
.abstract th				{  text-align:center;}

/* Press page*/

#press-content			{ margin-bottom: 20px; margin-left: 50px; width: 800px;}
	.art-press			{ margin-top:30px;	padding-top: 20px;
							border-top: 2px solid #999;}
		.p-a			{
						  width: 600px; margin-left: 120px;}	
			.toc		{ float: left;	width: 200px;}
			.ref 		{ float: right; width: 300px;}
		.p-l			{ clear:both;	padding: 10px 10px 10px 20px;}
			.press-img 	{ float: left;	 margin: 5px 0;
						  border: 1px solid #999;}
			.press-img img { width: 100px;}			  
			.desc		{ float: right; width: 500px; margin-top: 10px;
						  font-weight: bold;}
		.p-bottom 		{ clear:both;}
		

#press-content a			{ line-height: 150%;}		
#press-content a:link 		{color: #666;}		
#press-content a:visited	 {color: #666;}	
#press-content a:active		 {color: #666;}	
#press-content a:focus 		{color: #26f;}	
#press-content a:hover 		{color: #fa0;}	

/*Outreach page */

#outreach 		{	margin-bottom: 20px; margin-left: 50px;
					width: 800px;}
#outreach dl	{}
#outreach dt	{ border-top: 2px solid #999;}
#outreach p		{ line-height: 150% ; margin-top: 10px;	text-indent: 20px;}
#outreach dd 	{}
#outreach img	{ margin: 20px 0;}

/* Gallery page  */

#gall-bar   {}
#gall-bar ul { 
			margin: 20px 0; padding: 10px 0;}
#gall-bar ul li { display:inline;
				font-family : Arial, Helvetica, sans-serif;}
#gall-bar ul li a { font-size: 24px;	color: #36f; margin: 10px 50px; font-weight: bold;}		


#image-g 		{}

.gl-title		{ font-size: 24px; font-weight: bold; margin: 20px 0; 
					color: #36f;}

.gl-subtitle	{ font-size: 20px; font-weight: bold; 
					padding-bottom: 15px; margin: 20px 0; 
					border-bottom: 2px solid rgba(0,0,0,.4);}

.img-gl-tem, .img-gl-sem		{
								float:left; padding: 0 15px; margin-bottom: 25px;
								position: relative;}
				
#vedio-g		{}

.gl-list		{	 padding-top: 20px;}

.img-wrapper 	{ 	float:left; padding: 0 20px;	
					margin-bottom: 15px;
					position: relative;}


.vd-link		{}

.vd-caption		{
					border-radius: 0;
					padding: 10px;}

.vd-caption	 p{	
				text-align: center;	
				color: #000 !important;
				font-size: 16px !important;
				font-weight:bold;
				padding:0px !important;
				margin:0px !important;}


/* News page */

#news-body		{ background-color: #fff;}

/* Footer  */

#link 		{	clear: both;
				border-top: 1px #01538f solid; border-bottom: 1px #01538f solid; 
				padding: 10px 0; height: 30px;}			 

#link-img {	height:30px; float: left;}
#link-img img {  height: 30px;}

#link-text	{ float:left; margin-left: 50px;}
#link-text ul	{ margin-top: 5px;}
#link-text ul li { display: inline;}
#link-text ul li a { padding: 0 8px; font-weight:bold; font-size: 16px;}		

#link-text a:link {color:#666;}		
#link-text a:visited {color: #666;}	
#link-text a:active {color: #666;}	
#link-text a:focus {color: #36f;}	
#link-text a:hover {color:#fa0;}	

#address	{ clear:both; margin: 10px 0;}
#address p {  font-size:12px;    text-align: center;}

#footer		{}
#footer	p 	{	font-size: 12px; color:#666; text-align: center;}


/* layout Extra	*/

/* Navigation Extra */

/* Form 

form		{ text-align: left; margin: 20px;}

label, submit, input, textarea	{ border: 0; padding: 0; 
			margin: 0; background: none;}

label 		{ float:left; width: 150px;
			text-align: right; display: block;}
			
input, textarea		{ border: 1px #333 solid; margin-left: 10px;}

input		{ width: 280px; margin-bottom: 16px;}

textarea	{ width: 280px; height: 150px; margin-bottom: 16px;}
select		{}

.submit		{ width: 90px; height: 25px;
			margin-left: 150px; font-size: 12px;}
			
br			{ clear: left;}
 */




.logo-r {
  
   padding-right: 20px;
    padding-top: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    text-align: right;
    color: #fff;
}

/*
.logo-r .xs {
    background: url(../images/cn.png) no-repeat 25px 1px;
}
.logo-r .jz{
    background: url(../images/en.png) no-repeat 25px 1px;
}
*/

.logo-r span {
     padding-right: 20px;
    padding-top: 20px;
    color: #fff;
    height: 20px;
    line-height: 20px;
}.logo-r span a {
    color: #fff;
    height: 20px;
    line-height: 20px;
}
.pubication{
    margin-bottom: 20px;
}
.currentNav{
    /* background-color: #ededed; */
    /* padding: 8px; */
}


.currentNav a{
 color: #1d629c !important;
}