﻿@charset "utf-8";
/* CSS Document */
html, body {height: 100% !important;} 
body {
	background:#47698d url(../UNS687/images/mbg.jpg) top left repeat-x;
	color: #272425;
	padding:0;
	margin:0;
}
.gu2 {background:#98b0cb /*#8eb9e4*/;
 -webkit-box-shadow: 1px 1px 4px #244466;  
    -moz-box-shadow: 1px 1px 4px #244466; }


.canvas {
	margin:0 auto;position:relative;
	background:#fff;
}

#header {margin:0; background:#4c6a8c url(../headers/h687.jpg) left top no-repeat; height:70px;}
#header h5 {text-align:right;
			background-color:#0c5aa5; /* bg */
			filter:alpha(opacity=60);
			-moz-opacity:.60;
			opacity:.60;
			margin:0;
			padding:2px 10px;
			right:1em;
			top:2em;
			position: absolute;}
	
#header h5, #header h5 a {color:#fff; text-decoration:none;}

#footer { background-color:#5B82AC; margin:0; font-size:11px; text-align:right;}
#footer, #footer a {color:#fff; padding-right:10px;}

#footprint {display:none;}
* html #footprint {height:1%;}

.horsplit {margin:0; background:#47698d url(../UNS686/images/horsplit.jpg) left top repeat-x; height:10px;}
* html .horsplit {margin:0; padding:0; overflow:hidden;}

.hordiv {margin:2px auto; background: url(../images/dividerblue25.png) center center no-repeat; width:auto;}

/* Horizontal menu */
#menuhor {height:31px; text-align:right; color:#fff; background:#47698d url(../images/mhbg.jpg) top left repeat-x;}
#menuhor a, #menuhor a:hover {color:#fff; font-size:12px;}
#menuhor a.home {padding-left:20px; background: url(../images/Globeh20.png) center left no-repeat;}

sup, a sup, sup a {font-size:80%; vertical-align:text-top;}
sub, a sub, bub a {font-size:80%; vertical-align:text-bottom;}

a sup, sup a {font-weight:bold;}

.quest {font-size:105%; font-weight:bold;}

.rem, .remr { margin-left:.5em; color:#444;}
.rem span {margin-left:-.5em;}
.rem:first-letter  { }
.rem:first-line { }
 
.remline {border-bottom:1px dotted #ddd; width:300px;}
.remr {text-align:right; font-style:italic;}

.bordBlue {border:2px solid #276ab0; border-left:0; border-right:0;} 
img.bordBlue {border:3px solid #276ab0 !important; border-left:0 !important; border-right:0 !important;} 

.nobrd, img.nobrd {border:0 !important;}

table {border-collapse:collapse;}
table td {padding:.25em .5em; vertical-align:top;}

/*Nav Menu*/
.navmenu{
width: 230px;
font: normal .8em Helvetica, Geneva, Arial, Verdana, sans-serif; 
color:#221e1f;
}

* html .navmenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 220px;
}

.navmenu ul{
padding: 0;
margin: 0;
list-style-type: none;
list-style-position:outside;
 
}

.navmenu a{
padding: 4px 3px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color:#221e1f;
text-decoration: none;
border-bottom: 1px solid #5b82ac;
}

.navmenu a:visited{
color: #3D3638;
text-decoration:underline;
}

html>body .navmenu a{ /*Non IE rule*/
width: auto;
}

.navmenu a:hover{
background: url(../images/menubg!h3.png) bottom left repeat-x; /*#B4C5D9*/ 
color:#cad2dd;;
text-shadow: #333 -1px -1px 2px;
}
.navmenu h5 {
padding:3px 0;
border-bottom:2px solid #5b82ac;
letter-spacing:1px;
margin-bottom:1px;
color:#E7EDF8;
text-shadow: #47698d 2px 2px 2px;
}

#cover { padding:.5em 0; text-align:center; font-size:11px; color:#fff;}
#cover a, #cover a:hover {color:#fff;}

#title { color:#1E82BC; font-weight:bolder; font-size:1.2em; padding:.5em 0;}
#title span{ border-bottom:1px solid #221E1F; }


 img { border:1px solid #E7EFF7; margin:2px 5px; padding:1px;}
 img.person { border:0; padding:5px;}
 ul, #article ol {margin-left:2em;}

.artitle,  .artitler {width:auto;}
.artitle p, .artitler p {font-weight:bold; margin:.2em 0 .2em 4em; padding:1px; color:#276ab0;}
.artitle {float:left; margin-right:.5em;}
.artitler {float:right; margin-right:.5em;}
.artitle img, .artitler img	{ margin:0px 1px 1px 0; padding:1px; }
.artitle { padding-bottom:3px; }
.artitle .copyright, .artitler .copyright, .ImgTxtR .copyright, .ImgTxtL .copyright{ text-align:right; font-size:.65em; padding-right:1em; line-height:1.2em}
.imgtitle, .artitle .imgtitle, .artitler .imgtitle, .ImgTxtR .imgtitle, .ImgTxtL .imgtitle{ font-size:.75em; line-height:1.6em; margin-top:0; position:relative; top:-.75em;}
 
.author, .coauthor { font-stretch:condensed; color:#333; font-size:.8em; font-weight:bold;}
.coauthor { color:#999; font-size:.75em;}

/* Text colors */
.txtBlue {color:#0072b5;}
.txtGrey {color:#ccc;}
.txtBrown {color:#bc8e88;}	
.txtSmall {font-size:75%;}
.txtBig {font-size:115%;}
.txtDBig {font-size:200%;}
.txtBold {font-weight:bold;}
.txtItal { font-style:italic;}

/* BG colors*/
.bgBlue { background:#bcc9e5;}

/* Others */

.centered { margin:0 auto; text-align:center;}

.ImgTxt, .ImgTxtR, .ImgTxtL { margin:0; padding:1px; width:auto;}
.ImgTxt p, .ImgTxtR p, .ImgTxtL p { color:#276ab0; margin:0; padding:1px; border-top:2px solid #276ab0; border-bottom:2px solid #276ab0;}
.ImgTxt img, .ImgTxtR img,  .ImgTxtL img {margin:0 auto; }
.ImgTxtR,.toright {float:right; margin-left:.5em;}
.ImgTxtL,.toleft {float:left; margin-right:.5em;}

.toright img { margin:0 auto; padding:1px;}
.toright .imagtitle {margin-left:1em;}
.copyr { font-size:.7em; font-style:italic;
		/*display: block;
		position: relative; left:-20px; top:-100px;
		-webkit-transform: rotate(-90deg); 
		-moz-transform: rotate(-90deg);	
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/}
		
.HalfSizeBlueBox {background-color:#bcc9e5; width:352px; margin:0; padding:1em 2px; color:#0072b5;}
.HalfSizeBlueBox a {color:#fff;}
.HalfSizeBlueBox h1, .HalfSizeBlueBox h2, .HalfSizeBlueBox h3, .HalfSizeBlueBox h4, .HalfSizeBlueBox h5, .HalfSizeBlueBox p { color:#0072b5;}
.HalfSizeBlueBox p, .HalfSizeBlueBox ul { font-size:80%; font-weight:bold; line-height:1.2em; font-family:Geneva, Arial, Helvetica, sans-serif;}
.HalfSizeBlueBox h1 {font-size:3em;}
.HalfSizeBlueBox h5 { font-size:1.1em; margin-bottom:0;}
.HalfSizeBlueBox .bigImg { width:174px; margin:0 auto; padding:1px; height:31em;}
.HalfSizeBlueBox .bigImg img {margin:0; padding:1px;}
.HalfSizeBlueBox .smallImg {margin:.5em auto; padding:.25em 1.5em; overflow:hidden; height:10em;}
.HalfSizeBlueBox .smallImg h5 {margin:0 .5em;}
.HalfSizeBlueBox .smallImg img {float:left; padding-right:1em; border:0;}
.HalfSizeBlueBox .smallImg img.right {float:right; padding-left:1em; border:0;}
.HalfSizeBlueBox ul {list-style:outside; list-style-type:square; margin-left:0;}

  /*****************************************/
 /*  VCard                                */
/*****************************************/
/* .vcard {background:#fff;
border:1px solid #fff;
margin-bottom:.25em;
padding:.125em .25em;
clear:left; }
.vcard:hover {background:#F4FBFD url(../images/person.png) top right no-repeat; border:1px solid #C9EBF5; height:auto;}
 */
.vcard {height:auto;}
.vcardphoto { min-height:110px;}
* html .vcardphoto { height:110px;}
.vcard .fn {font-weight:bold;}
.vcard .org {}
.vcard .room {}
.vcard .tel {}

  /**************************************/
 /*    Link types   v.0.2              */
/**************************************/
.link2Wiki, .link2Ggl {padding-left:17px;}

.link2Wiki { background: transparent url(../images/icoWiki.png) no-repeat center left;}
.link2Ggl  { background: transparent url(../images/icoG.png) no-repeat center left;}

/* that's supported in IE7, Firefox, and Safari  */
a[class ~="external"] {
   padding-left: 16px;
   background: transparent url(external.png) no-repeat center left;
}
a[href ^="mailto:"] {
   padding-left: 18px;
   background: transparent url(email.png) no-repeat center left;
}

a[href $='.pdf']  { 
   padding-left: 16px;
   background: transparent url(icon_pdf.gif) no-repeat center left;
}
a[href $='.doc'] { 
   padding-left: 16px;
   background: transparent url(icon_doc.gif) no-repeat center left;
}
a[href $='.xml'] { 
   padding-left: 16px;
   background: transparent url(icon_xls.gif) no-repeat center left;
}

/* IE 6 only */
* html a.external {padding-left: 16px; background:url(external.png) center left no-repeat; }
* html a.mailto {padding-left: 18px; background:url(email.png) center left no-repeat; }
* html a.pdf {padding-left: 18px; background: url(icon_pdf.gif) no-repeat center left; }

 	   acronym { border-bottom:1px dotted #aaa;}
* html acronym { border-bottom:1px dotted #aaa;}
	 

#inform {background:#CFDDF0 url(../images/infom.gif) top right no-repeat; padding:.5em 1em; margin:.5em 1em;}

/* PNG fixes for IE6*/
	* html img,
	* html .png{
			azimuth: expression(
				this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
				this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
				this.src = "../covers/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
				this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
				this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);
			}
