* {
 margin: 0;
 padding: 0;}
/* General Styles */
td,th {
	font-family: Helvetica, "Trebuchet ms", "Gill Sans", "Lucida Grande", LucidaGrande, verdana;
}
body{
	line-height: 100%;
	margin-top: 0px;
	background: #ffffff;
    overflow-x: hidden;
    overflow-y: scroll;
    font-family: "Segoe UI", Tahoma, sans-serif;
    color: #404040;
    font-size: 14px;
}
.collage {
 border: none;
 display: inline-block;
 width: 250px;
 height: 250px;
 margin: 15px 25px;
 border-radius: 15px;
 box-shadow: 2px 2px 15px #000;}
#border{
 /*border: 0px solid #669900;*/
 width: 900px;
 margin: 0 auto;
 overflow: hidden;}
img{ border: 0px;}
/*a img{ border: 0px;}*/
a img{display: inline-block;width: 296px;height: 225px; object-fit: contain}
/* /General Styles */
/* Global Classes */
#act_like_a:hover{
cursor:pointer;
outline-color:rgba(221,221,221,1);}
#about_html:link, #about_html:visited{color: #CCCCCC;}
#about_html:hover, #about_html:active{color: #FFFFFF;}
p{margin-top: 5px;color: #333333;}
h2{margin-top: 5px;font-weight: normal;}
h3{line-height: 26px;font-weight: normal;margin: 15px 0px 9px;font-size: 24px;color: #fff;}
h4{font-size: 1.1em;margin-top: 10px;margin-bottom: 0px;}
h5{font-size: 1.0em;color: #222222;}
a:link{text-decoration: none;color: #136899;}
a:visited{text-decoration: none;color:  #136899;}
a:active{text-decoration: none;color: #136899;}
a:hover{text-decoration: none;cursor:pointer;color: #36a9f5;}
/* /Global Classes */
/* Layout */
.clearer{clear: both;}
#wrapper{width: 930px;overflow: hidden;margin: 0px auto;background-color: #ffffff;}
#container{max-width: 930px;}
/* /Layout */
/* Header */
#pageHeader{height:77px;width:930px;}
#pageHeader h1{color:#111111;top:127px;left:440px;position: relative;line-height: 26px;font-weight: normal;margin: 0; font-size: 1.9em;}
#pageHeader h2{position: relative;top: 138px;right: 10px;text-align: right;margin: 0;font-size: 1.5em;font-weight: normal;color: #444444;}
/* /Header */
/* Navigation */
#navcontainer{
 position: relative;
 font-family: Helvetica, 'Gill sans', 'Trebuchet ms', arial;
 top: 4px;
 left: 0px;
 width: 155px;
 line-height: 20px;
 margin: 0;
 float: left;
 background: no-repeat;
 z-index: 5;}
/* Level 0 */
#navcontainer ul{
 list-style: none;
 margin: 0px;
 padding: 0px;}
#navcontainer ul #current{
 color: #fff;
/* background: #005C8A;*/
 /* BFD7E3 00527A CEE1EB*/}
#navcontainer a{
 font-size: 13px;
 display: block;
 color: #E9E9E9;
 text-decoration: none;
 padding-left: 12px;
 height: 1.50em; /*new*/}
/* Level 1 */
#navcontainer ul ul{padding: 0px;margin: 0px;}
#navcontainer ul ul a{ display: block;text-decoration: none;padding-left: 25px;font-size: 13px;height: 14px;}
/* /Navigation */
/* Content */
#contentContainer{
 width: 100%;
 float: left;
 overflow: hidden;
 text-align: left;
 min-height: 300px;
 line-height: 1.3em;}
#contentContainer #content{padding: 9px 9px 5px 5px;}
/* /Content */
/* Slider */
#topics{font-size: 1.1em;line-height: 1.4em;}
.slidehide{display: none;overflow: hidden;}
.category{cursor: pointer;font-size: 100%;}
.currentcat{color: #AF1657;}
.category:hover, .currentcat:hover{color: #36a9f5;}
.slide li{list-style: none;margin: 1px;}
.slideall li{list-style: none;margin: 1px;}
.slide .article .slideall{
 width: 660px;
 float: left;
 display: block;
 padding-bottom: 10px;}
.slide .screenshots .slideall{
 width: 210px;
 float: right;
 display: block;}
/* /Slider */
/* Footer */
#footer{
 text-align: center;
 vertical-align: middle;
 display: inline-block;
 height: 35px;
 width:930px;
 padding-top: 3px;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #EEEEEE;
 color: #6b6b6b;}
#footer .cc {
 display: inline-block;
 border-width: 0;
 vertical-align: middle;
 width: 20px;
 height: 20px;
 background-position: 0 0;}
#footer p{
 padding: 0px;
 margin: 0px;
 font-size: 11px;}
#footer a:link, #footer a:visited{color: #136899;}
#footer a:hover, #footer a:active{color: #36a9f5;}
/* /Footer */
/*graph*/
#graph-container {
   width:600px;
   margin-left:23em;
   background-color:#000;
   color:#fff;
   font-family:Helvetica, 'Gill sans', 'Trebuchet ms', arial;
   font-size:12.5px;
}
#graph-filter fieldset{border-top: 1px solid #ccc;padding: 5px 0;width:620px;}
#graph-filter fieldset.last{border-bottom: 1px solid #ccc;} 
#graph-filter{padding-left: 1px;margin-bottom: 1em;}
#graph-filter span{vertical-align: middle;padding: 0 10px 0 2px;}
#graph-filter input{vertical-align: middle;}
#graph-container  h3{margin-bottom: 0.2em;text-align:center;}
#graph-title  h3{color:#574949;}
#showall_shots a:link{color: #136899;}
#showall_shots a:visited{color: #136899;}
#showall_shots a:hover{color: #36a9f5;}
#showall_shots a:active{color: #136899;}
#homebutton.classname {
	-moz-box-shadow:inset 0px 1px 0px 0px #136899;
	-webkit-box-shadow:inset 0px 1px 0px 0px #136899;
	box-shadow:inset 0px 1px 0px 0px #136899;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63bdf7 ), color-stop(1, #136899) );
	background:-moz-linear-gradient( center top, #63bdf7  5%, #136899 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63bdf7 ', endColorstr='#136899');
	background-color:#63bdf7 ;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #136899;
	display:inline-block;
	color:#fff;
	font-family: Helvetica, 'Gill sans', 'Trebuchet ms', arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #136899;
}
#homebutton.classname:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #136899), color-stop(1, #63bdf7 ) );
	background:-moz-linear-gradient( center top, #136899 5%, #63bdf7  100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#136899', endColorstr='#63bdf7 ');
	background-color:#63bdf7 ;
}
#plus-btn {	
	margin-right: auto;
	margin-left: auto;
	margin-top: auto;
    font-size: 16px;
    padding: 15px 15px 15px 15px;
    cursor: pointer;
    border: none;
    background: #136899;
    color: #ffffff;
    text-align: center;
    border-radius: 5px;
    /* box-shadow: 0px 3px 1px #2075aa; */
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    transition: all 0.15s linear;
}
#homebutton.classname:active {position:relative;	top:1px;}
a.tooltip {	outline:none;text-decoration:none;/*border-bottom:dotted 1px blue;*/}a.tooltip strong {line-height:20px;}a.tooltip > span {width:auto;padding: 2px 2px; margin-top: 10px; margin-left: -85px; opacity: 0; visibility: hidden; z-index: 10; position: absolute; font-family: Helvetica, 'Gill sans', 'Trebuchet ms', arial; font-size: 9px; font-style: normal; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 2px 2px 2px #999; -moz-box-shadow: 2px 2px 2px #999; box-shadow: 2px 2px 2px #999; -webkit-transition-property:opacity, margin-top, visibility, margin-left; -webkit-transition-duration:0.4s, 0.3s, 0.4s, 0.3s; -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; -moz-transition-property:opacity, margin-top, visibility, margin-left; -moz-transition-duration:0.4s, 0.3s, 0.4s, 0.3s; -moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; -o-transition-property:opacity, margin-top, visibility, margin-left; -o-transition-duration:0.4s, 0.3s, 0.4s, 0.3s; -o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; transition-property:opacity, margin-top, visibility, margin-left; transition-duration:0.4s, 0.3s, 0.4s, 0.3s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; } /*a.tooltip > span:hover,*/
a.tooltip:hover > span { opacity: 1; text-decoration:none; visibility: visible; overflow: visible; margin-top:-20px; display: inline; margin-left: -95px; } a.tooltip span b { width: 15px; height: 15px; margin-left: 20px; margin-top: -10px; display: block; position: absolute; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-shadow: inset -1px 1px 0 #fff; -moz-box-shadow: inset 0 1px 0 #fff; -o-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; display: none\0/; *display: none; } a.tooltip > span { color: #FFFFFF; background: #63bdf7; background: -moz-linear-gradient(top, #63bdf7 0%, #136899 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#63bdf7), color-stop(100%,#136899)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63bdf7', endColorstr='#136899',GradientType=0 ); border: 1px solid #000000; } a.tooltip span b { background: #000000; border-top: 1px solid #000000; border-right: 1px solid #000000; }