@charset "utf-8";
/* CSS Document */

/* RESET ------------------------------------------------ */
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td               	{ margin:0; padding:0 }

fieldset, img 	{ border:0 }
address, caption, cite, code, dfn, em, strong, th, var 	{ font-style:normal; font-weight:normal }
/*MWF Remove line-  ol, ul, li 		{ list-style:none }   ENDMWF */
caption, th		{ text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-family:"Lato","Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","微软雅黑", STXihei,"华文细黑",sans-serif; }
q:before, q:after { content:''}
a 	            {text-decoration: none; color: #00417A;}

/* Global reset-RESET ------------------------------------ */
/* The below restores some sensible defaults */
strong 		{ font-weight:bold }
em			{ font-style:italic }
a img 		{ border:none } /* Gets rid of IE's blue borders */

body2 		{background:#FFF url(/images/pageShadow.gif) repeat-x;margin:0px}
body		{ width:100%; height:100%; background: url('/images/mainbackground.jpg') top center repeat-y; margin:0; padding:0; text-align:left;}
/*Opera Fix*/
body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px; }
sup			{ font-size:80%; line-height:1; vertical-align:baseline; _vertical-align:bottom; position:relative; bottom:0.5ex;}

/* Sticky footer */
html, body {height: 100%;}
#wrapper	{min-height: 100%; height: auto !important; height: 100%; width:100%; margin: 0 auto -100px;}

/* header */
#head 		{ background: url('/images/header_back.jpg') top repeat-x; width: 100%; height: 175px; }
#header		{ background: url('/images/banner1_back.svg') top center no-repeat; width:1280px; height:100px; margin: 0 auto; padding:5px; font:15px/20px arial,helvetica,sans-serif;}
#head h1	{ padding: 9px 440px 8px 225px; font:bold 24px "Lato","Helvetica Neue",Helvetica,Arial,
	"Microsoft Yahei","微软雅黑", STXihei,"华文细黑",sans-serif;color:#FFF; text-align:left; float:left; /* text-transform:uppercase;  */ direction: ltr; margin:0; }


/* Content */
#content	{ width: 1280px; margin: 0 auto; overflow:visible; padding-bottom: 100px; background: url('/images/content-head.png') top center no-repeat; margin-bottom:20px; text-align:left;}

.content	{ background:  url('/images/content-foot.png') bottom no-repeat; }
.inner		{ padding: 0 40px 40px 40px; }

/* Footer */
#foot		{ position: relative; margin-top: -100px; height:100px; width:100%; clear:both; background: #636365 url('/images/footer.jpg') bottom center repeat-y;}
#footer		{ width:900px;  margin: 0 auto; padding:20px 10px 10px; font: 300 10pt/14pt "Lato","Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","微软雅黑", STXihei,"华文细黑",sans-serif; color:#FFF; text-align:center;}
#footer a	{ color:#FFF; text-decoration:none; padding:10px; }
#footer a:hover {color:#4EABFF; }
#footer p 	{ padding:2px; }

h1 			{ font-size:18pt; line-height:18pt; 
	/* text-transform:uppercase; */
	 font-weight:300; padding:0;margin: 20px 0; color:#5c6b80;  }
	 
h1 img 		{ vertical-align:bottom; }
.snav,.snav2,.navtop { font-family:rial, Helvetica, sans-serif; font-size:8pt;color:#666;text-decoration:none;line-height:12pt; }
.snav:hover {text-decoration:underline;}
.snav2 		{color:#000;}
.snav2:hover{text-decoration:underline;}
.bodytext,.fields,.breadcrumb,.exnav { font:14px/21px Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif; color:#555; text-decoration:none;}
table.document th.bodytext { color:#FFF; }
.downloadLink,.formTitle, .breadcrumb,.greytext,.smalltext,.verySmall { font:10px/16px Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif; text-decoration:none;}
.breadcrumb { color:#FFF; }
.breadcrumb a.breadcrumb1 { color:#FFF!important; text-decoration:none!important; }
.breadcrumb a.breadcrumb1:hover { text-decoration:underline!important; }

.smalltext 	{font-family:Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;color:#666;font-size:8pt;line-height:13pt;}
/*.next,.next2,.next3,.next4 {font-family:arial;font-size:7pt;color:#3F83C0;padding:5pt;}
.next3,.next4 {padding-left:0pt;}
.next4 		{color:#0067CC;}
.next2 		{ color:#000;padding-left:11pt;padding-right:8pt; }*/
.title 		{ font-size:10pt;font-weight:bold; }
H2 			{ color:#666;font-size:13pt;font-weight:bold; line-height:17pt;margin:0px; }
.h2 		{ color:#666;font-size:13pt;font-weight:bold; line-height:17pt;margin:0px;margin-bottom:2px; }
H3 			{ font-size:11pt;font-weight:bold;line-height:17pt;margin:0px; }
.tiny 		{ font-size:10pt;line-height:13pt;}
.funkyField { font-family:12px arial, Helvetica, sans-serif;width:230px;border:1px solid #DDD;background:#F9F9F9;color:#333; padding:5px; margin:5px 0; }
.faint 		{ color:#AAA;}
.faint2 	{ color:#999;}
.faint3 	{ color:#555;}
.unbold 	{ font-weight:normal; }
.basenav 	{text-decoration:none;}

a 			{ color:#004a80; }
a:hover 	{ color: #4EABFF; }

.blueh 		{ text-decoration:underline; color:#333333; }
.blueh:hover{ text-decoration: underline; color: #4381B8; }

.big 		{ font-family:verdana; font-size:10pt;}

.eight 		{font-size:8pt;line-height:12pt;}
.ten 		{font-size:10pt;line-height:14pt;}
.thirteen 	{font-family:Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;font-size:13pt;line-height:16pt; color:#333;}
.red 		{color:#3F83C0;}
.blue 		{color:#0067CC;}
.greyText 	{color:#333;}
.grey2 		{color:#666;}

.redTitle,.redSubTitle {font-family:Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;font-size:10pt;font-weight:bold;color:#005999;}
.redSubTitle{font-family:Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;font-size:8pt;}

.greyTitle 	{ font-family:Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;font-size:12pt; font-weight:bold; color:#666} 

p,BLOCKQUOTE,ul,ol,li {margin-top:5px;margin-bottom:5px;}

.fuzzy 		{color:#333;cursor:help;border-bottom:1px #09C dashed;}

/* Date-picker input validation */
.input-error {
    border: 1px solid #D8000C !important;
    background-color: #FFD2D2 !important;
}

/*Horizontal CSS Dropdown and Popout Menu*/
#nav 						{ margin-top:10px; margin-left:200px; }
#menu 						{/*background: #eee;*/ float:left; margin-left:25px; margin-top:-1px; display:block; width:600px; }
#menu ul 					{ list-style:none; margin:0; padding:0; width:100px; float:left; text-align:center; }
#menu ul li 				{ font-weight:bold; margin:0; padding:0; }
#menu a 					{ font: 12px/20px "Lato","Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","微软雅黑", STXihei,"华文细黑",sans-serif; display:block; margin:0; padding: 5px 0; height:auto; color:#EEE; background:#0067B1 no-repeat; text-decoration: none; text-transform: capitalize; }
#menu ul ul					{ overflow:hidden; -moz-border-radius: 0 5px 5px 5px; -webkit-border-radius: 0 5px 5px 5px; border-radius: 0 5px 5px 5px; }
#menu ul ul a				{ padding: 5px 10px;}
#menu ul li:hover a, #menu ul li a.active { background:#458ED0; border:1px solid #458ED0; }
#menu ul ul a:hover, #menu ul ul a.active  { background:#005999; }

/*Positioning the Popout Menus and Dropdown Menus*/
#menu li 					{ position: relative; }
#menu ul ul 				{ position:absolute; z-index:500; text-align:left; width:12em; }
#menu ul ul ul 				{ top:0; left:100%; width:20em; text-align: left; }

/*Hiding and Revealing using :hover*/
div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul, div#menu ul ul ul li:hover ul ul ul
							{ display: none; }
div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul, div#menu ul ul ul ul li:hover ul
							{ display: block; }
.inner #menu a				{ text-transform:capitalize; }

/* Sub Menu */
#content #menu 				{ width:1200px; background:#0067B1; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:5px; font:12px/16px Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;color:#FFF; margin: 0 0 20px; }
#content .user 				{ font:12px/16px Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;position:relative; margin-top:-90px; color:#777; float:right; }
#content #menu .submenu		{ width:125px; }
#content #menu .submenu	a	{ width:100px; background:none; }

/* Language Switcher */
#lan-switcher 				{ position:relative; float:right; width:auto; margin: 0px 30px 0 0; }
#lan-switcher li 			{ float:left; }
#lan-switcher li a 			{ font: normal 12px Arial, Helvetica, san-serif; padding: 7px 10px; margin:1px; border:1px solid rgba(255,255,255,0.05); background: url(/images/menu_back_hover.jpg) no-repeat; color:#FFF; display:block; text-decoration:none; }
#lan-switcher li:hover a, #lan-switcher li a.active { background:#0067B1; border:1px solid #0067B1; color:#FFF; }

/* Filter */
.label-lang 				{ border:1px solid #e8eeeb; padding:3px 5px; display:inline-block; width:auto; top:0; left:0; border-radius:3px; font-style:normal; }

/* fix licences page max-height*/
div#licenceslist 			{ width:1200px; }
div#licenceslist table td 	{ max-width:155px; text-overflow:ellipsis; overflow:hidden; }

/* Search License Form */
#licenseSearchForm 			{ margin:10px 0; font-weight:bold; }
#licenseSearchForm label 	{ border: 1px solid #DDD; padding:8px 5px 8px 7px; background: url("/images/bg01.jpg") repeat-y scroll 0 0 #E9E9E9; }
#licenseSearchForm input	{ font-size:11px; color:#666; padding: 1px 3px;}
.licenseSearchForm		 	{ float:left; margin-right:10px;}
.filterRecords				{ height:50px; }

/*Subscription*/
.html_wysija form input[type="text"] { padding:10px; font-size:13px; width:250px; margin:3px 0; }
.html_wysija form .formError { color:#4EABFF; }
.html_wysija form .wysija-submit { display:block; background-color: #5a5a5a; background-image: -webkit-gradient(linear, left top, left bottom, from(#7a7a7a), to(#5a5a5a)); background-image: -webkit-linear-gradient(top, #7a7a7a, #5a5a5a); background-image: -moz-linear-gradient(top, #7a7a7a, #5a5a5a); background-image: -ms-linear-gradient(top, #7a7a7a, #5a5a5a); background-image: -o-linear-gradient(top, #7a7a7a, #5a5a5a); background-image: linear-gradient(top, #7a7a7a, #5a5a5a); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin: 10px 0; padding: 7px 10px; cursor:pointer; font: 15px Arial, Helvetica; color:#FFF; border:none;  }
.html_wysija form .wysija-submit:hover { background-color:#004a80; background-image: -webkit-gradient(linear, left top, left bottom, from(#4EABFF), to(#004a80)); background-image: -webkit-linear-gradient(top, #4EABFF, #004a80); background-image: -moz-linear-gradient(top, #4EABFF, #004a80); background-image: -ms-linear-gradient(top, #4EABFF, #004a80); background-image: -o-linear-gradient(top, #4EABFF, #004a80); background-image: linear-gradient(top, #4EABFF, #004a80); color:#FFF; border:none; }
/* Student Forum */
#student-forum thead, #student-forum tbody, #student-forum tfoot { display:block; border-collapse: separate;}
#student-forum thead td		{ padding:10px 15px; }
#student-forum td			{ padding:5px 10px; }
#student-forum tbody		{ border: 1px solid #0067B1; background:#EFEFEF; padding:10px 5px;}
#student-forum tbody label 	{ display:block; width:120px; }
#student-forum tfoot 		{ float:right; }

/* Download Page */
.cnhide						{ display:none!important; }

/* Download Search - Notes */
#download-note 				{ position:relative; width:320px; float:left; padding:0; margin: 0 0 0 40px; }
#download-note ol			{ padding: 5px 0 5px 20px; color:#666; }
#download-note li			{ padding: 5px 0 ; }

/* Subscribe */
#subscribe a				{ float:right; color:#fff; text-decoration:none; display:block; width:auto; height:20px; margin-right:35px; padding:5px; }
#subscribe a:hover			{ background:#458ED0; border:1px solid #458ED0; }

/*note*/
.note  h2					{ color: #4EABFF; }
.note 						{ background:#CCC; padding:20px; margin:20px 0; border-radius: 5px;  }

/* Admin Display list - button section */
.list-button 				{ margin-bottom:15px; display:table; }
.list-button a 				{ margin: 0 5px 0 0!important; }

/* button style*/
.buttonstyle 				{ background:url(/images/button_mid1.gif) repeat-x; color:#333; font-weight:bold;font-size:7.5pt;font-family:verdana,arial,helvetica,sans; }
.btnstyle 					{ float:right; }
.btnstyle a					{ color:#FFF; }
.btnstyle a:hover			{ color:#FFF; }
.btnleft 					{ float:left; }	
.btnstyle, .btnleft			{ display:block;  background-color: #5a5a5a; background-image: -webkit-gradient(linear, left top, left bottom, from(#7a7a7a), to(#5a5a5a)); background-image: -webkit-linear-gradient(top, #7a7a7a, #5a5a5a); background-image: -moz-linear-gradient(top, #7a7a7a, #5a5a5a); background-image: -ms-linear-gradient(top, #7a7a7a, #5a5a5a); background-image: -o-linear-gradient(top, #7a7a7a, #5a5a5a); background-image: linear-gradient(top, #7a7a7a, #5a5a5a); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin:5px; padding: 7px 10px; cursor:pointer; font: 15px Arial, Helvetica; color:#FFF; border:none; text-decoration:none; }
.btnstyle:hover, 
.btnleft:hover 				{ background-color:#004a80; background-image: -webkit-gradient(linear, left top, left bottom, from(#4EABFF), to(#004a80)); background-image: -webkit-linear-gradient(top, #4EABFF, #004a80); background-image: -moz-linear-gradient(top, #4EABFF, #004a80); background-image: -ms-linear-gradient(top, #4EABFF, #004a80); background-image: -o-linear-gradient(top, #4EABFF, #004a80); background-image: linear-gradient(top, #4EABFF, #004a80); color:#FFF; border:none; text-decoration:none;}
.btnstyle:active, 
.btnleft:active 			{ background-color:#4EABFF; background-image: -webkit-gradient(linear, left top, left bottom, from(#004a80), to(#4EABFF)); background-image: -webkit-linear-gradient(top, #004a80, #4EABFF); background-image: -moz-linear-gradient(top, #004a80, #4EABFF); background-image: -ms-linear-gradient(top, #004a80, #4EABFF); background-image: -o-linear-gradient(top, #004a80, #4EABFF); background-image: linear-gradient(top, #004a80, #4EABFF); color:#FFF; border:none; text-decoration:none;}

/* Phareologies + Documetation Page */
.document					{ border-bottom:1px solid #666; margin-bottom:20px; }
.document .bodytext 		{ padding:5px; }
.document a 		 		{ color:#004a80; text-decoration:none; }
.document a:hover 			{ color:#4EABFF; text-decoration:none; }

/* Phareologies Agreement Popup */
#agree						{ position: absolute; left:0px; top:0px; z-index:90; width:100%; height:100%; }
#agreement					{ width:450px; height:230px; overflow:auto; padding:10px; border:1px solid #DDD; font-size:10px; }
#agreement h4				{ font: bold 12px/18px "Lato","Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","微软雅黑", STXihei,"华文细黑",sans-serif;color:#004a80; padding: 10px 0;}
.agreenotes, .agreenotes a 	{ color:#4EABFF; font-size:9pt!important; }

.userdoc-content ol			{ display:block; font-size:10pt; line-height:18pt; margin-left:20px; margin-top:20px; text-align:left; }

/* downloads page */

/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* 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 */
  .modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	padding-top:10px;
	border: 1px solid #888;
	width: 50%;
	overflow-y: auto;
  }
  
  /* The Close Button */
  .close {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	
  }
  
  .close:hover,
  .close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
  }


.img-wrapper {
	padding: 50px;
	/* background-color: green; */
	transition: transform .2s; /* Animation */
	width: 200px;
	height: 200px;
	margin: 0 auto;
  }

  .img-wrapper img:hover {
	transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

/* Feedback Form styles */
input.feedbackform {
	width: 100%;
	padding: 8px 20px;
	margin: 8px 0;
	display: block;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	font-family: "Arial";
}

textarea.feedbackform {
	width: 100%;
	padding: 8px 20px;
	margin: 8px 0;
	display: block;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	font-family: "Arial";
}

input[type=submit].feedbackform {
	width: 100%;
	background-color: #0067b1;
	color: white;
	padding: 10px 20px;
	margin: 8px 0;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-family: "Arial";
	font-size: 16px;
	font-weight: bold;
}

input[type=submit]:hover.feedbackform {
	background-color: #fed52f;
}

div.feedbackform {
	border-radius: 5px;
	background-color: #f2f2f2;
	padding: 20px;
}

.req {
	color: red;
}

strong.feedbackform {
	width: 100%;
	padding: 6px 0px;
	margin: 8px 0;
	display: block;
	border-bottom: 1px solid #ccc;
	border-radius: 4px;
	font-family: "Arial";
}