body {

	color: #101010;
	color: #222;
	
	font-family:'Alegreya Sans', serif;
	font-weight: 400;

/* 	background-image: url('../img/2015/webcredit_bg.jpg'); */
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100% 100%;
	background-color: #5f441a;
	background-color: rgba(95, 68, 26, 0.5);

}

a {
	color: #7a552c;
	text-decoration: none;	
}

a:hover, a:focus {
	color: #683d0c;
	text-decoration: underline;
}

/*

body, html {
  height: 100%;
  width: 100%;
}

.container-fliud {
  width: 100%; height: 100%;
}
*/

.row.first {
	margin-top: 50px;
}

.navbar {
/*
	background-image: url('../img/2015/webcredit_bg.jpg');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100% 100%;
*/
}


.navbar-default {
	background: rgba(95, 68, 26, 0.8);
}
.navbar-bg {
	position: fixed;
	left: 0;
	right: 0;
/* 	z-index: 1; */
	height: 50px;
	background-image: url('../img/2015/webcredit_bg.jpg');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100% 100%;  	
  	opacity: 0.93;
}

.navbar-collapse.collapsing, .navbar-collapse.collapse.in {
	background-image: url('../img/2015/webcredit_bg.jpg');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100% 100%;  	
  	opacity: 0.93;
}


.hidden { display: none; }

#googleMap.fullwidth70percent {
	position: absolute; bottom: 30%; left: 0px; right: 0px; height: 70%;
	border-top: 50px solid rgba(95, 68, 26, 1.0);
}
#googleMap.bottomright {
	position: absolute; bottom: 0px; right: 0px; width: 50%; height: 30%; z-index: 10;
	border-top: 2px white solid; border-left: 1px white solid;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px;
}

#customPano {
	 position: absolute; top: 50px; bottom: 0px; left: 0px; right: 0px;
}


#verticalEarth.fullwidth {
	position: absolute; bottom: 0px; left: 25px; right: 0px; height: 30%; 
	border-top: 2px white solid; 
    background: #9cc1fc;
    background: -webkit-linear-gradient(#9cc1fc, #b5d2fe);
    background: -o-linear-gradient(#9cc1fc, #b5d2fe);
    background: -moz-linear-gradient(#9cc1fc, #b5d2fe);
    background: linear-gradient(#9cc1fc, #b5d2fe);  
}
#verticalEarth.bottomleft {
	position: absolute; bottom: 0px; left: 25px; height: 30%; right: 50%; 
	border-top: 2px white solid; border-right: 1px white solid;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;		
    background: #9cc1fc;
    background: -webkit-linear-gradient(#9cc1fc, #b5d2fe);
    background: -o-linear-gradient(#9cc1fc, #b5d2fe);
    background: -moz-linear-gradient(#9cc1fc, #b5d2fe);
    background: linear-gradient(#9cc1fc, #b5d2fe);     
}

#verticalEarthBadge {
	position: absolute; bottom: 0px; left: 0px; height: 30%; width: 25px; 
	background: rgba(95, 68, 26, 0.8);
	z-index: 100;
	border-top: 2px white solid; border-right: 1px white solid;
}
.verticalEarthBadgeText {
	color: white;
	display: block;
	position: relative;
	top: 55%;
	-ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Safari */
    transform: rotate(-90deg);
}
#ceiling {
	position: absolute; top: 0px; left: 5px;
}
#floor {
	position: absolute; bottom: 0px; left: 5px;
}
.isohypse {
	display: block;
	position: absolute; left: 40px; right: 0px; height: 10px;
	border-bottom: 0.5px solid #999;	
}
.isohypse.major {
	border-bottom: 1px solid #666;
}
.isohypsemarker {
	position: absolute; left: 5px;
	color: #666;
	z-index: 200;
}
.verticalEarthMarker {
	position: absolute;	
}

.verticalEarthPin {

/*
	-webkit-filter: drop-shadow(0 1px 3px rgba(0,0,0,.1));
	-moz-filter: drop-shadow(0 1px 3px rgba(0,0,0,.1));
	-ms-filter: drop-shadow(0 1px 3px rgba(0,0,0,.1));		
	-o-filter: drop-shadow(0 1px 3px rgba(0,0,0,.1));
	filter: drop-shadow(0 1px 3px rgba(0,0,0,.1));
*/
}
.modal-title {
	color: #4f240a;
}


.btn-brown {
	background-color: #5f441a;
	color: #fff;
	border: #5f441a;
}
.btn-brown:hover {
	background-color: #5f441a;
	color: #ddd;
	border: #5f441a;
}


.about h3 {
	margin-top: 4em;
}
.about p {
	font-size: 130%;
	margin-top: 2em;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
        body,.navbar-bg{
/* 			background-image: url('../img/2015/webcredit_bg.jpg'); */
			background-size: 0% 0%;
			background-color: #c6c9cb;	
        }
		.navbar-collapse {
		/* 	border-top: 0px !important; */
			background-size: 0% 0%;		
			background-color: #c6c9cb;	
			opacity: 0.93;
		}        
}


a .label {
	text-decoration: none;
}

textarea {
  overflow: auto;
}


@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Alegreya Sans Light'), local('AlegreyaSans-Light'), url(http://fonts.gstatic.com/s/alegreyasans/v3/11EDm-lum6tskJMBbdy9aeFpbcB0F_dgv2tgaG2knQc.ttf) format('truetype');
}
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Alegreya Sans'), local('AlegreyaSans-Regular'), url(http://fonts.gstatic.com/s/alegreyasans/v3/KYNzioYhDai7mTMnx_gDgkXX4kpEMIkMuCYjxR86fn4.ttf) format('truetype');
}
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 500;
  src: local('Alegreya Sans Medium'), local('AlegreyaSans-Medium'), url(http://fonts.gstatic.com/s/alegreyasans/v3/11EDm-lum6tskJMBbdy9aXy2gwrz5IK96QV7Z0CMznI.ttf) format('truetype');
}


.assetrow {
	margin-top: 25px;
}

.admincontainer {width: 95% !important; }

.navbar {
	border-bottom: 0px solid #aaa;
	font-size: 120%;
}

.navbar-nav>li>a {
	color: #fff !important;
}
.navbar-nav>li>a:hover {
	color: #ddd !important;
	background-color: transparent;
}
.navbar-nav>li>a span.selected {
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
}
 

/* 	Mobile NAV */

.navbar-toggle  {
	border: solid 2px #666 !important;
	background: url('../img/2015/webcredit_bg.jpg');
	background-size: 0% 0%;
	margin-right: 8px !important;
	margin-bottom: 0px !important;
}
.icon-bar { 
	color: #666 !important;
	background-color: #666 !important; 
}
.navbar-nav-mobile>a {
	color: #ddd !important;
	text-decoration: none;
}

.navbar-nav-mobile {
/* 	border-bottom: 1px #999 solid; */
}



.vertical-logo {
/* 	background-image: url('../img/webcredit-logotype-only.png'); */
/* 	background-size: 159px 50px; */
	background-repeat: no-repeat;
	background-position: left top; 
	height: 50px;
	width: 170px;
	font-size: 165%;
	margin-left: 0px !important;
	margin-right: 0px;
	z-index: 999 !important;
}
.navbar-default .navbar-brand {
	color: #fff;
}
.navbar-default .navbar-brand:hover  {
	color: #ddd !important;

}


.nav li.visible-xs a {
	padding: 15px 0px 15px 10px;
}


nav input {
       background-color:rgba(255,255,255,0) !important;
       border: #ddd 1px solid !important;
}  
nav input:hover {
       background-color:rgba(255,255,255,0) !important;
       border: #fff 1px solid !important;
}  


#SiteSearch {
   color: #fff;	
}
#SiteSearch.large {
   width: 125px; 
   -webkit-transition:width 300ms ease-in-out;
   -moz-transition:width 300ms ease-in-out;
   -o-transition:width 300ms ease-in-out;
   transition:width 300ms ease-in-out;
}
#SiteSearch.large:focus {
   width: 350px; 
}
#SiteSearch.small {
   width: 100px; 
}
#SiteSearch.xsmall {
   width: 100px; 
   color: #666;	
}
#SiteSearch::-webkit-input-placeholder {
   color: #ddd;
}
#SiteSearch:-moz-placeholder { /* Firefox 18- */
   color: #ddd;  
}
#SiteSearch::-moz-placeholder {  /* Firefox 19+ */
   color: #ddd;  
}
#SiteSearch:-ms-input-placeholder {  
   color: #ddd;  
} 

#SiteSearch.xsmall::-webkit-input-placeholder {
   color: #666;
}
#SiteSearch.xsmall:-moz-placeholder { /* Firefox 18- */
   color: #666;  
}
#SiteSearch.xsmall::-moz-placeholder {  /* Firefox 19+ */
   color: #666;  
}
#SiteSearch.xsmall:-ms-input-placeholder {  
   color: #666;  
}  
  


 .pac-container{
    margin-top: 20px;
    background-color: #faf9e5;
 }



h1, h2, h3, h4, h5 {
	font-family:'Alegreya Sans', serif;
	font-weight: normal;
	font-weight: 400;
}
h4, h5 {
	font-weight: 400;
}
h1 small {
	font-weight: 300;
	font-size: 50%;
}
h3, h4, h5{
	margin-top: 2em;
}
h4 small { color: #333 !important;}





.main {
	padding-top: 120px;
}

.main.home {
	margin-bottom: 50px;
}

.home.heading {
	margin-bottom: 10px;
}
.home.heading h3 {
	margin: 0px;
}

.marqueecontainer {
    height: 17em;
    overflow: hidden;
    box-sizing: border-box;
}

.marquee {
    position: relative;
    box-sizing: border-box;
    -webkit-animation: marquee 180s linear infinite; /* Chrome, Safari, Opera */    
    animation: marquee 180s linear infinite;
}

.marquee:hover {
    animation-play-state: paused;
    -webkit-animation-play-state: paused; /* Chrome, Safari, Opera */
    
}

@keyframes marquee {
    0%   	{ top:   15em }
    100% 	{ top: -180em }
}
/* Chrome, Safari, Opera */ 
@-webkit-keyframes marquee {
    from 	{top:   15em; 	}
    to 		{top: -180em;	}
}

/* x4.4 em/s for each role */


.caption h3 {
	font-size: 135% !important;
	margin: 0.75em 0 0.15em 0;	
	line-height: 0.8em;
}
.caption p {
	margin: 0 0 10px 0;
	font-size: 100% !important;
}
.caption .glyphicon-briefcase {
	font-size: 110%;
	line-height: 0.7em;
}



.sitescreen {
	-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
/* 	border-bottom-right-radius:3% 5%; */
}

.sitescreen:hover {
	-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.6), 0 1px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.6), 0 1px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.6), 0 1px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}


.companylogodiv {
	position: relative; 
	margin-top: -70px; 
	margin-bottom: 25px; 
	margin-left: -10px;
	width: 60px;
	max-width: 60px;
}

.companylogo {
	max-width: 60px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
/* 	-webkit-border-bottom-right-radius:10px; */
/* 	border-bottom-right-radius:10px;	 */
	background-color: #fff;
/*
	background-image: url('http://webcred.it/curls/webcredit-curl-20.png');
	background-position: right bottom;
	background-repeat: no-repeat;	
*/
}
.companylogo::after { 
/*     content: "<img src='http://webcred.it/curls/webcredit-curl-20.png' style='position: relative; margin-left: -20px;' />"; */

}

.sitescreen-curl {
/*
	position:absolute; 
	right:0; 
	bottom:0;
*/
/* 	background-image: url('http://webcred.it/curls/webcredit-curl-20.png'); */
/* 	background-position: right bottom; */
/* 	background-repeat: no-repeat; */
}


#referrer_curl {
	position: fixed; 
	left: -200px; 
	bottom: 30px;
    animation-name: referrer_curl;
    animation-duration: 1s;
    animation-delay: 2s;  
    animation-iteration-count: 1;   
    animation-fill-mode: forwards;   
    -webkit-animation-name: referrer_curl;
    -webkit-animation-duration: 1s;
    -webkit-animation-delay: 2s;  
    -webkit-animation-iteration-count: 1;   
    -webkit-animation-fill-mode: forwards; 
}
#referrer_curl_text {
	background-color: #457db3; 
	height: 66px; 
	width: 125px; 
	float: left;
	padding-top: 13px; 
	color: white; 
	text-align: center;	
}
#referrer_curl_text a {
	color: #eee; 
}
#referrer_curl_text a:hover {
	color: white; 
}
#referrer_curl_curl {
	height: 66px; 
	width: 60px; 
	float: left;
}

#referrer_curl:hover {
    animation-play-state: paused;
    -webkit-animation-play-state: paused; /* Chrome, Safari, Opera */
}

@keyframes referrer_curl {
    0%   	{ left:   -200px }
    100% 	{ left: 0px }
}
/* Chrome, Safari, Opera */ 
@-webkit-keyframes referrer_curl {
    from 	{left:   -200px; 	}
    to 		{left: 0px;	}
}




.dashboardtabs {
	margin-top: 120px; 
    border-bottom: 1px solid #eee;
}
.dashboardtabs ul.nav-tabs {
    border-bottom: 0px;
}

.dashboardtabs .nav-tabs h4 {
	color: #eee;
	margin: 0px;
}
.dashboardtabs .nav-tabs li:hover h4 {
	color: #555;
}
.dashboardtabs .nav-tabs .active h4 {
	color: #555;
}


/* slideshow for the custom bg on dashboard/profile */
.css-slideshow{
   position: relative;
   max-width: 100%;
   height: 70px;
   margin: 0;
}
.css-slideshow figure{
   margin: 0;
   position: absolute;
   cursor:pointer;
}
.css-slideshow figure{
   opacity:0;
}

figure:nth-child(1) {
   animation: xfade 48s 42s infinite;
   -webkit-animation: xfade 48s 42s infinite;
}
figure:nth-child(2) {
   animation: xfade 48s 36s infinite;
   -webkit-animation: xfade 48s 36s infinite;
}
figure:nth-child(3) {
   animation: xfade 48s 30s infinite;
   -webkit-animation: xfade 48s 30s infinite;
}
figure:nth-child(4) {
   animation: xfade 48s 24s infinite;
   -webkit-animation: xfade 48s 24s infinite;
}
figure:nth-child(5) {
   animation: xfade 48s 18s infinite;
   -webkit-animation: xfade 48s 18s infinite;
}
figure:nth-child(6) {
   animation: xfade 48s 12s infinite;
   -webkit-animation: xfade 48s 12s infinite;
}
figure:nth-child(7) {
   animation: xfade 48s 6s infinite;
   -webkit-animation: xfade 48s 6s infinite;
}
figure:nth-child(8) {
   animation: xfade 48s 0s infinite;
   -webkit-animation: xfade 48s 0s infinite;
}

@keyframes xfade{
   0%{
      opacity: 1;
   }
   10.5% {
      opacity:1;
   }
   12.5%{
      opacity: 0;
   }
   98% {
      opacity:0;
   }
   100% {
      opacity:1;
   }
}
@-webkit-keyframes xfade{
   0%{
      opacity: 1;
   }
   10.5% {
      opacity:1;
   }
   12.5%{
      opacity: 0;
   }
   98% {
      opacity:0;
   }
   100% {
      opacity:1;
   }
}








.sitedetails h1 {
	margin-top: 120px;
}

.sitevisit {
	margin-top: 0px;
}
.sitevisit .glyphicon {
	margin-left: 5px; 
	font-size: 55%;
	visibility: hidden;
}
.sitevisit a:hover .glyphicon {
	visibility: visible;
}

#affix {
  width: inherit; 
  position: fixed;
  top: 70px;  
  position: static;
  width: auto;
}
#affix-bottom {
  width: inherit;
  position: absolute;
  top: auto;
  bottom: 360px; 
}
#affix-top {
	position: fixed;
}


#webcredit-ad-block {
    position: fixed; 
    bottom: 25px; 
    z-index:1;
}
#webcredit-ad {
}
#webcredit-ad.affix {
  	bottom: 25px;  
  	position: static;
}
#webcredit-ad.affix-bottom {
/*   position: absolute !important; */
  	position: inherit !important;
  	bottom: auto; /* start scrollimg again */
}

#carbonads { 
    max-width: 350px; 
}
.carbon-img { 
    float: right; 
    margin-left: 8px;
}
.carbon-img {
	-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
/* 	border-bottom-right-radius:3% 5%; */
}

.carbon-img:hover {
	-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.6), 0 1px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.6), 0 1px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.6), 0 1px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.carbon-text { 
    display: block; 
    color: #333;
}
.carbon-text a:hover { 
    color: #000;
    text-decoration: none;
}

.carbon-poweredby { 
    float: right;
    font-size: 85%; 
}
.carbon-text {
    padding: 5px 0; 
}


#webcredit-ad-right { 
    margin-top: 30px;
}
#webcredit-ad-right .carbon-img { 
    float: left; 
    margin-right: 8px;
    margin-left: 0px;
	padding-left: 0px
}
#webcredit-ad-right .carbon-poweredby { 
    float: left;
    font-size: 85%; 
}





.siteindexnext {
	float: right;
}
.heading .disabled {
	visibility: hidden;
}


.pagination {
	margin: 20px 0 5px 0 !important;
}


.rolefirst {
	margin-top: 120px;
}
.namerolefirst {
	margin-top: 140px;
}
.rolefirstedit {
	margin-top: 120px;
}
.rolefirstmobile {
	margin-top: 50px;
}
.roleheader {
	font-size: 150%;
	margin-top: 25px;
	margin-bottom: 0.2em;
}
.roleheader2 {
	font-size: 125%;
	margin-top: 0.2em;
	margin-bottom: 0.25em;
}
.roleheader3 {
	font-size: 100%;
	margin-top: 0.2em;
	margin-bottom: 0.5em;
}
.roleheader4 {
	font-size: 100%;
	margin-top: 0.2em;
	margin-bottom: 0.5em;
}
.roleheader5 {
	font-size: 100%;
	margin-top: 0.2em;
	margin-bottom: 0.5em;
}
.roleheader a, .roleheader1 a, .roleheader2 a, .roleheader3 a, .roleheader4 a, .roleheader5 a { 
	color: #333; text-decoration: none;
}
.roleheader a:hover, .roleheader1 a:hover, .roleheader2 a:hover, .roleheader3 a:hover, .roleheader4 a:hover, .roleheader5 a:hover { 
	text-decoration: underline;
}


.avatardiv {
	float: left; 
	margin-right: 10px; 
	height: 75px; 
	width: 75px;
	margin-bottom: 10px;
}
.avatardiv a {
	display: block;
	height: 75px;
	overflow: hidden;
	background-size: cover;
}
.avatardiv40 {
	float: left; 
	margin-right: 10px; 
	height: 40px; 
	width: 40px;
	margin-bottom: 5px;
}
.avatardiv40 a {
	display: block;
	height: 40px;
	overflow: hidden;
	background-size: cover;
}
.avatardivhome {
	float: left; 
	margin-right: 5px; 
	height: 60px; 
	width: 60px;
	margin-bottom: 5px;
}
.avatarclip {
	position: absolute;
	clip:rect(0px 75px 75px 0px);
}

.avatar
{
	-webkit-box-shadow: 0 8px 8px -5px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 8px 8px -5px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 8px 8px -5px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.avatar:hover
{
	-webkit-box-shadow: 0 8px 8px -5px rgba(0, 0, 0, 0.7), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset !important;
	-moz-box-shadow: 0 8px 8px -5px rgba(0, 0, 0, 0.7), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 8px 8px -5px rgba(0, 0, 0, 0.7), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}




.namelinerow {
	margin-bottom: 5px;
}
.namelinebold {
	margin: 0px;
	font-size: 125%;
	line-height: 1.25em;
}
.pro { /* blue - for new pros? */
	font-size: 65%;
	position:relative; 
	top:-10px;
	color: #428bca;
	color: #fff;   /* simple silver for all pros - for now! */
	-webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) !important;
	-moz-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	text-shadow: 0 1px 1px  rgba(0, 0, 0, 0.5);		
	color: #fff;   /* simple silver for all pros - for now! */
	-webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9) !important;
	-moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9);
	text-shadow: 0 1px 2px  rgba(0, 0, 0, 0.9);	
}
.pro10000 {  /* white - for first 10,000 */
	font-size: 65%;
	position:relative; 
	top:-10px;
	color: #f0f0ff;
	-webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9) !important;
	-moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9);
	text-shadow: 0 1px 2px  rgba(0, 0, 0, 0.9);	
}
.legend  { /* gold - for legends */
	font-size: 65%;
	position:relative; 
	top:-10px;
	color: #ffdd00;
	-webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9) !important;
	-moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9);
	text-shadow: 0 1px 2px  rgba(0, 0, 0, 0.9);		
}

.namedateline {
	margin: 0;
	font-size: 100%;
	color: #555;
}


.triviacontent {
	margin: 5px 0 5px 0;
}
.trivia {
	font-size: 115%;
}

.quotecontent {
	line-height: 1.2em;
}


.commentheader {
	margin-top: 40px;
}


.icon-off {
    opacity: 0.1;
    filter: alpha(opacity=10); /* For IE8 and earlier */
}
.icon-off:hover {
    opacity: 0.2;
    filter: alpha(opacity=20); /* For IE8 and earlier */
}


.apirow{
	margin-bottom: 50px;
}
.apirow h4 {
	margin-top: 0px;
}


.roletablerow0 {
	font-size: 125%;
	font-weight: 500;
}
.roletablerow1 {
	padding-left: 20px;	
}
.roletablerow1 a {
	color: #000;
}
.roletablerow2 {
	padding-left: 30px;	
}
.roletablerow2 a {
	color: #555;
}
.roletablerow3 {
	padding-left: 40px;	
}
.roletablerow3 a {
	color: #555;
}
.roletablerow4 {
	padding-left: 50px;	
}
.roletablerow4 a {
	color: #555;
}

.techindex .roletablerow1 {
	padding-left: 20px;	
}
.techindex .roletablerow1 a {
	color: #000;
/* 	font-weight: bold; */
}
.techindex .roletablerow2 {
	padding-left: 30px;	
}
.techindex .roletablerow2 a {
	color: #555;
}

.techtablerow0 {
	font-size: 125%;
}
.techtablerow1 {
	padding-left: 20px;	
}
.techtablerow2 {
	padding-left: 30px;	
}
.techtablerow3 {
	padding-left: 40px;	
}
.techtablerow4 {
	padding-left: 50px;	
}
.techtablerow1 a.techtablerow1, .techtablerow2 a.techtablerow2, .techtablerow3 a.techtablerow3, .techtablerow4 a.techtablerow4  {
	color: #555;
	font-weight: 400;
}


tr.clickableRow { cursor: pointer; }

tr.clickableRow a { color: black; text-decoration: none; cursor: pointer; }



.loginrow {
	margin-top: 200px;
	margin-bottom: 30%;
}

.loginrow h3 {
	margin-top: 0em;
}

.loginicon {
	text-align: center;
}

.loginicon a img {
	max-width: 120px;
}


hr {
	margin-top: 60px !important;
	border-top: 1px solid #fff;
}

.pointer {
	cursor: pointer;
}

.remove_super {
	font-size: 70%;
	position: relative;
	top: -4px;
}

.deletecross {
	font-size: 60%;
	position: relative;
	top: -4px;
}

.roleheader .glyphicon {
	font-size: 65%;
	position: relative;
	top: 0px;
}


.protick {
	color: #0a0; 
	margin-right: 5px;
}

.spamicon {
	color: #a00;
	visibility: hidden;
}
.spamiconvisible {
	color: #a00;
	visibility: visible;
}



#socialShare li a {
	text-align: left;
	font-weight: normal; 
	font-size: 110%;
}

#linebeforefooter {
	padding-top: 70px;	
}

footer {
  padding: 30px 0 50px 0;
  text-align: center;
}


.alert {
	margin: 15px 0px 15px 0px !important; 
}

.alert-success {
	max-height: inherit;
	margin: 15px 0px 15px 0px !important; 
    animation-name: alertfade;
    animation-duration: 2s;
    animation-delay: 3s;  
    animation-iteration-count: 1;   
    animation-fill-mode: forwards;   
    -webkit-animation-name: alertfade;
    -webkit-animation-duration: 2s;
    -webkit-animation-delay: 3s;  
    -webkit-animation-iteration-count: 1;   
    -webkit-animation-fill-mode: forwards; 
}

@keyframes alertfade {
    0%   	{ max-height: 100% }
    100% 	{ max-height: 0% }
}
/* Chrome, Safari, Opera */ 
@-webkit-keyframes alertfade {
    from 	{max-height: 100%; 	}
    to 		{max-height: 0%;	}
}


.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 15px;
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}


.btn-grey {
	background-color: #999;
	color: #fff;
	border: #666;
}




/* Social Media Share buttons from http://ostr.io/code/html-social-like-share-buttons-no-javascript.html */


i.fb,       span.fb{     color: #3b5998; }
i.tw,       span.tw{     color: #00aced; }
i.google,   span.google{ color: #dd4b39; }
i.linkin,   span.linkin{ color: #007bb6; }
i.vk,       span.vk{     color: #45668e; }
i.pinterest,span.pinterest{color: #cb2027;}

/*Special classes for surfingbird*/
i.surfingbird{ max-height: 12px; min-width: 25%; }
i.surfingbird::before{ 
   content: url(http://bootstrap-ru.com/cdn/i/surf.png); 
   position: relative;
   left:0px;
   top: -7px;
   float: left;
}

/*Google +1 button styles:*/
.google-plus-one{
   overflow: hidden;
   position: relative;
}

.google-plus-one i{
   position: absolute;
   left: -4px;
   bottom: -5px;
}

.google-plus-one span{
   font-size: 16px; 
   font-weight: 900; 
   line-height: 10px;
   margin-left: 15px;
}

.btn-sm.google-plus-one span{ font-size: 14px; }
.btn-sm.google-plus-one i{ bottom: -3px; }
.btn-lg.google-plus-one span{ font-size: 20px; margin-left: 18px; }
.btn-lg.google-plus-one i{ bottom: -5px; }
.btn-xs.google-plus-one span{ font-size: 12px;}
.btn-xs.google-plus-one i{ bottom: -7px; }