/* CSS Document */
html  {
	  overflow: auto;
	  scrollbar-3dlight-color: #000000; /* only works in IE, doesn't validate */
	  scrollbar-arrow-color: #000000;
      scrollbar-darkshadow-color: #FFFFCC;
	  scrollbar-face-color: #ffffff;
	  scrollbar-highlight-color: #cccccc;
	  scrollbar-shadow-color: #cccccc;
	  scrollbar-track-color: #b0c4de;
		}
		
::-webkit-scrollbar-track /*works in chrome applies to layers only not used*/
{
	border: 1px solid black;
	background-color: #F5F5F5;
}

::-webkit-scrollbar
{
	width: 20px;
	background-color: rgba(130, 170, 220, 1);
}

::-webkit-scrollbar-thumb
{
	background-color: rgba(130, 170, 220, 1);	
}
		
body {
     margin: 0px 0px; /* to avoid margins */
	 padding:0px;
	 text-align: left; /* to correct the centering IE bug*/
     background-color:#ffffff;
		 	}
	
#global {
     position: relative; /* container positioning */
     padding-left: 20px;
	 padding-right:0px;
	 padding-top:0px;
     margin-right: 0px;
	 margin-bottom:0px;
	 margin-top:300px;
	 width: 99%;
	 height: 100%;
	   background-image: linear-gradient(270deg, #ffffff 0%, #ffffff 75%, rgba(153,204,255,1) 100%); /* IE 10 */
	 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='rgba(153,204,255,1)', gradientType='1');
	background: -moz-linear-gradient(180deg, #ffffff 0%, #ffffff 75%, rgba(153,204,255,1) 100%);/* Firefox */
	background: -o-linear-gradient(180deg, #ffffff 0%, #ffffff 75%, rgba(153,204,255,1) 100%);/* Opera */
	background: -webkit-linear-gradient(90deg, rgba(153,204,255,0.5) 0%,rgba(153,204,255,0.1) 20%, #ffffff 35%,#ffffff 60%, rgba(153,204,255,1) 100%);/* chrome 10, Safari */
	 	      }
  			  
a:link {
      color: #333333;
      text-decoration: none;
}

a:visited {
      color:#666666;
      text-decoration: none;
}

a:hover { 
      color:#003333;
      text-decoration: none;
	  text-decoration:underline;
	  position:relative;
}

a:active {
      color:#006666;
      text-decoration: none;
}

.tooltip:hover:after{
	font-size:15px;
	color:#FFFFFF;
	background-color:rgba(0,0,0, 0.8);
	border-radius: 3px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	padding:3px;
	border: solid 2px #b0c4de;
	width:200px;
	height: 60px;
	margin: 10px;
    box-shadow: 3px 3px 3px 3px #CCC;
	content: attr(data-title);
	position: absolute;
	left: 300px;
	top: -100px;
	}

.shadow {
	text-shadow: #ccc 6px 6px 3px;
		}

.cap {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:15px;	
	text-align:center;
		}
		
td {
	vertical-align:middle;
	border: solid 7px #b0c4de;
	border-radius: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	box-shadow: 5px 5px 5px 5px lightgray;
	transition-property: background-color;
	transition-duration: 0.8s;
	background: -webkit-linear-gradient(-60deg, rgba(153,204,255,0.2) 0%, rgba(153,204,255,0.1) 40%, #ffffff 50%, rgba(153,204,255,0.1) 60%, rgba(153,204,255,0.2) 100%);/* chrome 10, Safari */
			}
		
th {
	letter-spacing:3px;
	font-size:18px;
	font-variant:small-caps;
	text-align: center;
	} 		
		
img {
	border: solid 11px #ffffff;
	}	
	
#contact{
	display:none;
	position:absolute;
	top:415px;
	left:790px;
	z-index:9;
		}

#hide{
	display:none;
	position:absolute;
	top:660px;
	left:735px;
	z-index:9;
	font-weight:bold;
	font-variant:small-caps;
	}	
	
.box {
	border-radius: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	box-shadow: 5px 5px 5px 5px lightgray;
	transition: background-color 0.8s;
		}
		
table  {
		 margin-left: 100px;
		 }