.cptup {
		color: #000;
		background: none;
		border-spacing: 0;
		border: 0px;
		cursor: auto;
		direction: ltr;
		font-family: "Helvetica", arial, sans-serif;
		font-size: 14px;
		font-style: normal;
		font-variant: normal;
		font-weight: normal;
		letter-spacing: normal;
		line-height: 1;
		margin: 0;
		padding: 0;
		text-align: left;
		text-decoration: none;
		text-indent: 0;
		text-shadow: none;
		text-transform: none;
		visibility: visible;
		white-space: normal;
		word-spacing: normal;
	}	.cptup *,
	.captain-activity-widget,
	.cpt-leaderboard-header {
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
	}

	.cptup .cpt_hidden {
		position: absolute;
		top: -10000px;
		z-index: 10001;
	}

	.cptup div, .cptup span, .cptup object, .cptup iframe,
	.cptup h1, .cptup h2, .cptup h3, .cptup h4, .cptup h5,
	.cptup h6, .cptup p, .cptup blockquote, .cptup pre, .cptup a,
	.cptup code, .cptup em, .cptup img, .cptup strong,
	.cptup ol, .cptup ul, .cptup li, .cptup fieldset, .cptup form,
	.cptup label, .cptup legend, .cptup table, .cptup caption, .cptup tbody,
	.cptup tfoot, .cptup thead, .cptup tr, .cptup th, .cptup td,
	.cptup canvas, .cptup embed, .cptup output, .cptup ruby, .cptup section,
	.cptup summary, .cptup audio, .cptup video, .cptup footer {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
		float: none;
		text-shadow: none;
		background: none;
	}
	
	.cptup p {
		text-align: left;
	}
	
	.cptup ol, .cptup ul {
		list-style: none; 
	}

	.cptup span {
		display: inline-block;
	}

	.cptup blockquote {
		quotes: none; 
	}
	.cptup blockquote:before, .cptup blockquote:after {
		content: '';
		content: none; 
	}

	.cptup table {
		border-collapse: collapse;
		border-spacing: 0; 
	}
	
	.cptup strong {
		font-weight: bold;
		color: inherit; /* Fixes #1124 */
	}

	.cptup .cpt-pointer {
		cursor: pointer;
	}
	
	.cptup a:hover, .cptup a {
		cursor: pointer;
		text-decoration: none;

		/* Reset transitions */
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none;
		transition: none;
	}
/* Nanoscroller JS */
/** initial setup **/
.cpt-antiscroll-wrap {
	position : relative;
	width    : 100%;
	height   : 100%;
	overflow : hidden;
}
.cpt-antiscroll-wrap .cpt-antiscroll-inner {
	position      : absolute;
	overflow      : scroll;
	overflow-x    : hidden;
	top           : 0;
	right         : 0;
	bottom        : 0;
	left          : 0;
}
.cpt-antiscroll-wrap .cpt-antiscroll-inner:focus {
	outline: thin dotted;
}
.cpt-antiscroll-wrap .cpt-antiscroll-inner::-webkit-scrollbar {
	visibility: hidden;
}
.has-scrollbar .cpt-antiscroll-inner::-webkit-scrollbar {
	visibility: visible;
}
.cpt-antiscroll-wrap > .cpt-pane {
	background : rgba(0,0,0,0);
	position   : absolute;
	width      : 10px;
	right      : 0;
	top        : 0;
	bottom     : 0;
	visibility : hidden; /* Target only IE7 and IE8 with this hack */
	opacity    : .01; 
	-webkit-transition    : .2s;
	-moz-transition       : .2s;
	-o-transition         : .2s;
	transition            : .2s;
	-moz-border-radius    : 5px;
	-webkit-border-radius : 5px;  
	border-radius         : 5px;
}
.cpt-antiscroll-wrap > .cpt-pane > .cpt-slider {
	background: #444;
	background: rgba(0,0,0,.5);
	position              : relative;
	margin                : 0 1px;
	-moz-border-radius    : 3px;
	-webkit-border-radius : 3px;  
	border-radius         : 3px;
}
.cpt-antiscroll-wrap:hover > .cpt-pane, .cpt-pane.active, .cpt-pane.flashed {
	visibility : visible; /* Target only IE7 and IE8 with this hack */
	opacity    : 0.99;
}

/* Disable text selection inside scrollbar areas for mobile */
.cpt-mobile .cpt-antiscroll-wrap * {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	/* Some Androids experienced an issue with long
	   tapping on elements that had cursor: pointer. 
	   Cursors are irrelevant in mobile anyway. */
	cursor: auto! important;
}
.captain-custom-scroll {

}

.captain-custom-scroll-inner {

}

	.captain-custom-scroll-inner::-webkit-scrollbar {
	width: 0; height: 0;
}
	.captain-custom-scroll-inner::-webkit-scrollbar {
	width: 0; height: 0;
}
.cpt-unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;

	cursor: default;
}.cptup .cpt-tooltip {
  position: absolute;
  display: block;
  padding: 5px;
  font-size: 12px;
  filter: alpha(opacity=0);
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.cptup .cpt-tooltip.in {
  filter: alpha(opacity=100);
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.cptup .cpt-tooltip.top {
  margin-top: -2px;
}
.cptup .cpt-tooltip.right {
  margin-left: 2px;
}
.cptup .cpt-tooltip.bottom {
  margin-top: 2px;
}
.cptup .cpt-tooltip.left {
  margin-left: -2px;
}
.cptup .cpt-tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #161616;
}
.cptup .tooltip-inner {
	max-width: 200px;
	padding: 4px 8px;

	text-align: center;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

	color: #fff;
	background: #000;
}
.cptup .tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
}.cptup .cpt-progress-bar {
	overflow: hidden;
}

.cptup .cpt-progress-bar-box {
	background: #eeeeee;
	-webkit-box-shadow: inset 0px 1px 4px 1px #eeeeee;
	box-shadow: inset 0px 1px 4px 1px #eeeeee;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.cptup .cpt-progress-bar-inner {
	height: 100%;
	width: 100%;
	float: left;
	background-color: #fb0043;
}

.cptup .cpt-progress-bar .cpt-progress-bar-text {
	position: absolute;
	left    : 0;
	width   : 100%;
	text-align: center;
}.captain-activity-widget .cpt-incentive,
.game-center-activity .cpt-incentive,
.captain-leaderboard-widget .cpt-incentive,
.game-center-leaderboard .cpt-incentive,
.captain-leaderboard-widget .cpt-switch-view,
.game-center-leaderboard .cptup .cpt-switch-view {
	text-align: center;
	background: #fb0043;
	border-bottom: 1px solid #ACACAC;
	border-top: 1px solid #E5E5E5;
	cursor: pointer;
	padding: 7px 0;
	color: #fafafa;
	text-shadow: 1px 1px 0 #363636;
	font-size: 16px;
}

.captain-activity-widget .cpt-incentive:hover,
.game-center-activity .cpt-incentive:hover,
.captain-leaderboard-widget .cpt-incentive:hover,
.game-center-leaderboard .cpt-incentive:hover,
.captain-leaderboard-widget .cpt-switch-view:hover,
.game-center-leaderboard .cptup .cpt-switch-view:hover {
	background: #e10029;
}

.captain-activity-widget,
.captain-leaderboard-widget,
.captain-widget {
	background: #fafafa;
	border: 1px solid #c7c7c7;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

	font-family: Helvetica, Arial;
	font-size  : 14px;
	line-height: 22px;
}

.captain-widget p,
.captain-activity-widget-body p,
.captain-leaderboard-widget-body p {
	color: #222222;
}

.cpt-leaderboard-header h4,
.cpt-activity-header h4  {
	color: #222222;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 15px;
	/*margin: 0px;*/
	display: inline-block;
}

.cptup .captain-activity-player,
.cptup .captain-leaderboard-player {
	border-top: 1px solid #d4d4d4;
	padding: 10px 15px 15px 10px;
	cursor: pointer;
	min-height: 45px;
}

.cptup .captain-leaderboard-player:hover,
.cptup .captain-activity-player:hover {
	background: #ededed;

	-webkit-box-shadow: inset 0px -1px 11px -7px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 0px -1px 11px -7px rgba(0, 0, 0, 0.5);
box-shadow: inset 0px -1px 11px -7px rgba(0, 0, 0, 0.5);
}

.captain-leaderboard-widget-body .cpt-avatar,
.captain-activity-widget-body .cpt-avatar {
	float: left;
	margin-right: 10px;
	width: 50px;
	height: 50px;
	cursor: pointer;
}

/* Smaller Avatar on Smaller Views */
.cpt-small-widget .captain-activity-widget-body .cpt-avatar {
	float: left;
	margin-right: 10px;
	width: 36px;
	height: 36px;
	cursor: pointer;
}

.captain-leaderboard-widget-body .cpt-loading,
.captain-activity-widget-body .cpt-loading {
	background: #ededed;
	border-bottom: 1px solid #e0e0e0;
	border-top   : 1px solid #e0e0e0;
	padding: 10px 10px 15px 10px;
	text-align: center;
}

.captain-leaderboard-widget-body .captain-widget-error,
.captain-activity-widget-body .captain-widget-error {
	background: #ededed;
	padding: 10px 10px 15px 10px;
	text-align: center;
	border-top   : 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	line-height: 20px;
}

.captain-leaderboard-widget-body .captain-widget-error p,
.captain-activity-widget-body .captain-widget-error p,
.captain-leaderboard-widget-body .cpt-loading p,
.captain-activity-widget-body .cpt-loading p {
	text-align: center;
}

.cptup .captain-activity-player p {
	margin-left: 60px;
	min-height: 40px;
	line-height: 18px;
	color: #222222;
}

/* There's a bit more space on the left in smaller views */
.cpt-small-widget .captain-activity-player p {
	margin-left: 46px;
}

.captain-activity-widget-body .captain-activity-player-name {
	color: #222222;
	font-weight: bold;
}

.captain-activity-widget-body a,
.captain-activity-widget-body a:visited,
.captain-activity-widget-body .open-ranks-modal,
.captain-activity-widget-body .open-badges-modal {
	color: #70a8bd;
	font-weight: bold;
	cursor: pointer;
}

.captain-activity-widget-body a:hover,
.captain-activity-widget-body .open-ranks-modal:hover,
.captain-activity-widget-body .open-badges-modal:hover {
	color: #639bb0;
	text-decoration: underline;
}

.cptup .cpt-date {
	color: #adadad;
	font-size: 12px;
}


.cptup .cpt-caret {
	display: inline-block;
	width: 0;
	height: 0;
	text-indent: -99999px;
	*text-indent: 0;
	vertical-align: top;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #000000;
	opacity: 0.3;
	filter: alpha(opacity=30);
	content: "93";
}

.cptup .cpt-dropdown:hover .cpt-caret {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.cptup .cpt-dropdown-menu {
  position: absolute;
  top     : 30px;
  right   :12px;
  z-index: 1000;
  display: none;

  background: #ededed;

  float: left;
  min-width: 120px;
  padding: 4px 0 0 0;
  margin: 1px 0 0;
  list-style: none;
  
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

.cptup .cpt-dropdown-menu a {
	display: block;
	padding: 5px 15px;
	clear: both;
	font-weight: normal;
	line-height: 18px;
	color: #474747;
	white-space: nowrap;
	text-decoration: none;
	border-top: 1px solid #f5f5f5;
	text-align: left;
}

.cptup .cpt-dropdown-menu li {
	border-top: 1px solid #e0e0e0;
	margin: 0px;
	padding: 0px;
	background: none; /* Fixes #1297 */
	/* Fixes #1628 */
	list-style: none;
}

.cptup .cpt-dropdown-menu li:hover {
  background: #e0e0e0;
}

.cptup .cpt-leaderboard-dd {
	display:inline-block;
}

.cptup .cpt-dd-open {
	display: block;
}

.cpt-leaderboard-header {
	position: relative;
	-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

.cptup .cpt-leaderboard-dropdown-section {
	display: inline;
}

.cptup .cpt-leaderboard-dropdown {
	background: #ededed;
	padding: 5px 15px;
	border-radius: 4px;

	float: right;
	margin-top: 7px;
	margin-right: 12px;
	width: 91px;
	color: #7a7a7a;
}

.cptup .cpt-leaderboard-dropdown:hover {
	color: #474747;
}

.cpt-leaderboard-header .cpt-caret {
	margin-top: 4px;
	margin-left: 1px;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 11px solid #474747;
	float: right;
	margin-right: -4px;
}
.cptup .cpt-mini-dropdown {
	position: relative;
	border-top: 1px solid #e9e9e9;
}

.cptup .cpt-mini-dropdown .cpt-dropdown {
	display: block;
	margin: 0;
	text-align: left;
	padding-bottom: 8px;
	float: none;
	width: auto;
}

.cptup .cpt-mini-dropdown .cpt-caret {
	vertical-align: middle;
}

.cptup .cpt-mini-dropdown .cpt-dropdown-menu {
	left: 9px;
	max-width: 75%; /* Fixes #1297 */
	padding: 4px 0 0 0; /* Fixes 1628 */
}
.cptup .cpt-leaderboard-pos {
	float: right;
	padding: 4px 5px;
	min-width: 20px;
	height: 20px;
	-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
	background: #96cee3;
	color: #FAFAFA;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	text-shadow: 1px 1px 0 #363636;
	margin-top: 9px;
}

.cptup .cpt-leaderboard-player-name {
	font-weight: bold;
	font-size: 14px;
	margin-top: 3px;
	color: #222222;
}

.cptup .cpt-leaderboard-points {
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	padding: 1px 5px;
	background: #fb0043;
	color: #fafafa;
	text-shadow: 1px 1px 1px #c80010;
	margin-top: 4px;
	display: inline-block;
}

.cptup .captain-current-player {
	background: #ebebeb;
}
.cptup .cpt-modal-border {
	background: black;
	-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
	filter: alpha(opacity=60);
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
	display: none;

	z-index: 1999999999;
	position: fixed;
	top: 40%;
	left: 50%;
	height: 486px; /* +32px */
	width: 732px;  /* +32px */
	margin-top: -196px;
	margin-left: -366px


}
.cptup .cpt-modal {
	display: none;
	position: fixed;
	top: 40%;
	left: 50%;
	height: 455px;
	width: 700px;
	margin-top: -180px;  /* Slightly above the center; */
	margin-left: -350px;
	z-index: 2000000000; /* 32 bit integer */

	-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

.cptup .cpt-modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1999999998 !important;
	background-color: black;
	filter: alpha(opacity=50);
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
	display: none;
}.cptup .cpt-modal-nav ul li {
  	display: inline-block;
    padding: 0 15px;
    line-height: 45px;

    background: #4a8297;;
    border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;;
    color: #222222;
    text-shadow: 1px 1px 0 rgba(255,255, 255, 0.2);
    -webkit-box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.2);;

    font-size: 18px;

    	-webkit-transition: background 0.4s ease;
	-moz-transition: background 0.4s ease;
	-o-transition: background 0.4s ease;
	transition: background 0.4s ease;
}

.cptup .cpt-modal-nav .cpt-another-player {
	margin-left: 7px;
}

.cptup .cpt-modal-nav ul li:hover {
	background: #639bb0;    
}

.cptup .cpt-modal-nav ul .cpt-active,
.cptup .cpt-modal-nav ul .cpt-active:hover {
	background: #70a8bd;
}

.cptup .cpt-modal-nav i {
	position: relative;
	display: inline-block;

	background: url('http://captainup.com/assets/embed/cptup-sheet.png') 
			no-repeat;
	
}

.cptup #cpt-profile-icon {
	height: 23px;
	width : 25px;
	background-position: 0px -30px;

	top: 5px;
}
.cptup .cpt-active #cpt-profile-icon {
	background-position: -26px -30px;
}

.cptup #cpt-game-center-icon {
	height: 27px;
	width: 21px;
	background-position: -1px -2px;

	top: 8px;
}
.cptup .cpt-active #cpt-game-center-icon {
	background-position: -22px -2px;
}

.cptup #cpt-badges-icon {
	height: 25px;
	width: 13px;
	background-position: -1px -55px;

	top: 7px;
}
.cptup .cpt-active #cpt-badges-icon {
	background-position: -15px -55px;
}

.cptup #cpt-ranks-icon {
	height: 26px;
	width : 25px;
	background-position: -0px -80px;

	top: 5px;
}
.cptup .cpt-active #cpt-ranks-icon {
	background-position: -28px -80px;
}/* Modals Close Button */
.cptup .cpt-modal .cpt-close-btn {
	position: absolute;
	top: 0px;
	right: 6px;


	background: url('http://captainup.com/assets/embed/cptup-sheet.png') no-repeat;
	background-position: 0px -108px;

	display: block;
	height: 29px;
	width: 29px;
}
.cptup .cpt-modal .cpt-close-btn:hover {
	background-position: -29px -108px;
}

/* Sign Up Close Button */
.cptup#cpt-sign-up-modal .cpt-close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;
	z-index: 100;

	background: #47585f;
	color: #fff;
	font-weight: 200;
	font-size: 22px;
	z-index: 100;
}

.cptup#cpt-sign-up-modal .cpt-close:hover {
	color: #47585f;
	background: #fff;
}
.cptup .cpt-modal-content {
	margin-top: 0px;
	background: #eeeeee;
	border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;

	/* FIXME: Hides the horizontal scrollbar
	 * in Firefox. The modals have 4-6px
	 * difference between them, so it Slightly
	 * breaks their correct bottom
	 */
	height: 409px;
	overflow: hidden;
	-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); /* Fixes the overflow:hidden in Chrome and Opera http://stackoverflow.com/questions/5736503/how-to-make-css3-rounded-corners-hide-overflow-in-chrome-opera/10296258#10296258 */
}.cptup#cpt-sign-up-modal .cpt-modal {
	width: 700px;
	background: #ebebeb;
}

.cpt-sign-up-content .cpt-sign-up-incentive {
	width : 700px;
	height: 290px;
	background: #70a8bd;
	border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}

.cpt-sign-up-content #cpt-sign-up-incentive {
	position: absolute;
	top: 117px;
	left: 15px;
	width: 440px;
}


#cpt-sign-up-incentive strong {
	font-size: 16px;
	display: inline-block;
	margin-top: 10px;
}

#cpt-sign-up-incentive p {
	line-height: 22px;
	color: #222222;
}

/* Sign up title */
.cpt-sign-up-content #cpt-incentive-title {
	background: url('http://captainup.com/assets/embed/cptup-sheet.png') no-repeat;
	background-position: 0px -278px;

	position: absolute;
	top: 15px;
	left: 15px;

	width: 473px;
	height: 84px;
}

/* Sign up badges sample */
.cpt-sign-up-content #cpt-incentive-badges {
	background: url('http://captainup.com/assets/embed/cptup-sheet.png') no-repeat;
	background-position: 0px -368px;
	position: absolute;
	top: 3px;
	right: 2px;
	width: 266px;
	height: 314px;
}

/* FB/Twitter signup buttons */
.cptup .cpt-sign-up-buttons {
	text-align: center;
}

.cptup .cpt-sign-up-buttons .cpt-signup-btn {
	display: inline-block;
	width: 275px;
	height: 63px;

	background: url('http://captainup.com/assets/embed/cptup-sheet.png') no-repeat;
	background-position: 1px 1px;
}

/* Facebook login */
.cptup .cpt-sign-up-buttons .cpt-signup-btn.cpt-facebook-signup {
	background-position: -108px 0px;
}
.cptup .cpt-sign-up-buttons .cpt-signup-btn.cpt-facebook-signup:hover {
	background-position: -108px -63px;
}
.cptup .cpt-sign-up-buttons .cpt-signup-btn.cpt-facebook-signup:active {
	background-position: -108px -126px;
}

/* Twitter login */
.cptup .cpt-sign-up-buttons .cpt-signup-btn.cpt-twitter-signup {
	background-position: -383px 0px;
}
.cptup .cpt-sign-up-buttons .cpt-signup-btn.cpt-twitter-signup:hover {
	background-position: -383px -63px;
}
.cptup .cpt-sign-up-buttons .cpt-signup-btn.cpt-twitter-signup:active {
	background-position: -383px -126px;
}

.cptup #cpt-sign-in-text {
	color: #363636;
	font-weight: bold;
	font-size: 18px;
	margin-top: 20px;
	
}

.cptup #cpt-disclaimer {
	color: #707070;
	margin: 5px 0 15px 0;
	font-size: 16px;
	text-align: center;
}

.cpt-sign-up-buttons footer,
.cpt-sign-up-buttons footer a,
.cpt-sign-up-buttons footer a:visited {
	color: #969696;
	margin-top: 10px;
	font-size: 12px;
}

.cpt-sign-up-buttons footer a:hover {
	color: #6b6b6b;
	text-decoration: none;
}

.cpt-sign-up-buttons footer a {
	margin-right: 5px;
	margin-left: 2px;
}
.cptup .cpt-modal-message {
	cursor: default;
	height: 400px;
	border-top: 10px solid #70A8BF;
}

.cptup .cpt-modal-message p {
	font-size: 36px;
	position: absolute;
	top: 47%;
	width: 100%;
	text-align: center;
	color: #8F8F8F;
}

.cptup#cpt-main-modal .cpt-player-info {
	padding: 8px 10px;

	background: #70a8bd;
	border-bottom: 3px solid #3d758a;
	color: #fafafa;
}

.cpt-player-info .cpt-avatar {
	width: 80px;
	height: 80px;
	min-width: 80px;
	min-height: 80px;
	display: inline-block; /* Fixes #1514, sites declaring imgs as blocks */
	border: 3px solid #3d758a;
}

.cpt-player-info .cpt-player-stats {
	vertical-align: top;
	margin: 0 0 0 0;

	text-shadow: 1px 1px 0 #3d758a;
}

.cptup #cpt-sign-out {
	text-align: right;
	height    : 18px;
	font-size : 12px;
	margin-right: 5px;
}

.cptup #cpt-sign-out span {
	color: rgba(255,255,255,0.5);
}

.cptup #cpt-sign-out a {
	color: #fff;
	margin-left: 2px;
}

.cptup#cpt-main-modal .cpt-player-info .cpt-player-stats h1 {
	font-size: 26px;
	font-weight: bold;
	color: #fafafa;
}

.cptup#cpt-main-modal .cpt-player-stats h2 {
	margin-left: 2px;
	color: #fafafa;
}

.cpt-player-info .cpt-player-data {
	margin-top: 6px;
}

.cpt-player-info .cpt-datum {
	text-align: center;
	vertical-align: top;
	text-shadow: none;
	padding: 0 6px;
	min-width: 38px; /* + 12px padding = 50px */
	height   : 32px;
	border-left : 1px solid #fafafa;
}
.cpt-player-info .cpt-datum:first-child {
	border: none;
}
.cpt-player-info .cpt-datum.cpt-rank {
	padding: 0;
}

.cpt-player-info .cpt-player-rank {
	height: 30px;
	width: 30px;
}

.cptup#cpt-main-modal .cpt-player-info .cpt-datum h5 {
	font-size: 18px;
	color: #fafafa;
}

.cptup#cpt-main-modal .cpt-player-info .cpt-datum h6 {
	color: #fafafa;
	font-size: 12px;
	font-weight: 200;
}

.cpt-player-info .cpt-sep {
	border-right: 1px solid #fafafa;
}

.cpt-player-info .cpt-points {
	float: right;
}

.cpt-player-info .cpt-total-points {
	padding: 2px 0 5px;
	text-align: center;
	background: #4a8297;
	border-top: 1px solid #3d758a;
	border-bottom: 1px solid #7db5ca;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.cpt-player-info .cpt-total-points span {
	font-size: 40px;
}

.cpt-player-info .cpt-pts-summary {
	margin: 10px 0 0 0;
}


.cpt-player-info .cpt-progress-bar {
	margin: 10px 0 0 0;
	width : 100%;
	height: 25px;

	border-bottom: 2px solid #568ea3;

	-webkit-box-shadow: inset 0px 4px 4px 0px rgba(0,0,0,.2);
	box-shadow: inset 0px 4px 4px 0px rgba(0,0,0,.2);
}

.cpt-player-info .cpt-progress-bar-inner {
	border-top-left-radius: 5px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 5px;
	width: 100%;
}

.cpt-player-info .cpt-progress-points {
	text-align : center;
	font-weight: bold;
	color      : #a20000;
	line-height: 25px;
}

.cptup .cpt-player-activities {
	width   : 350px;
	height  : 250px;
	overflow: hidden;

	background: #fafafa;
	border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 20px;
}

.cptup .cpt-player-activities .cptup .cpt-antiscroll-inner {
	height: 170px;
	border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 20px;
}

.cptup#cpt-main-modal .cpt-player-activities h4, 
.cptup#cpt-main-modal .cpt-player-badges h1 {
	border-bottom : 1px solid #7d7d7d;
	padding: 10px 0 10px 10px;
	font-size: 20px;
	color: #222222; /* #222; */
}

.cpt-player-activities h4 {
	width: 100%; /* make the border-bottom span the whole widget */
}

.cpt-player-activities .cptup .captain-activity-player {
	padding: 10px 65px 15px 10px;
}

.cptup .cpt-player-badges {
	width : 348px;
	float : right;
	height: 250px;
	border-left: 1px solid #ccc;
}

.cptup .cpt-player-badges .cpt-antiscroll-wrap {
	height: 209px;
	width: 348px;
}

.cpt-player-badges .cpt-badge-box {
	height: 92px;
	min-width: 92px;
	padding: 6px;
	cursor: pointer;
	-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;

	-webkit-transition: background 0.4s ease;
	-moz-transition: background 0.4s ease;
	-o-transition: background 0.4s ease;
	transition: background 0.4s ease;

	position: relative;

	margin: 5px 0 0 5px;
}

.cpt-player-badges .cpt-badge-name {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	text-align: center;
	font-size: 16px;
	font-weight: 200;
	color: white;
	line-height: 16px;
	background: rgba(48, 48, 48, 0.8);
	width: 80px;
	left: 14px;
	padding: 2px 0;

	opacity: 0;

	-webkit-transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
}

.cpt-player-badges .cpt-badge-box:hover {
	background-color: rgba(0, 0, 0, 0.3);
}

.cptup .cpt-player-msg {
	font-size: 24px;
	text-align: center;
	color: #7b7b7b; /* #777; */
	margin-top: 70px;
	width: 330px;
	margin-left: 8px;

	-webkit-transition: color 0.4s ease;
	-moz-transition: color 0.4s ease;
	-o-transition: color 0.4s ease;
	transition: color 0.4s ease;
}

.cptup .cpt-player-msg-link {
	color: #70a8bd;
	text-align: center;
	font-size: 18px;
	cursor: pointer;
}

.cptup .cpt-player-msg-link:hover {
	color: #387288;
}

.cpt-player-badges .cpt-badge {
	width: 92px;
	height: 92px;
}
.cptup#cpt-main-modal .cpt-ranks-modal {
	color: #fafafa;
	font-size: 12px;
	line-height: 16px;
	border-top: 8px solid #70a8bd;

	/* Antiscroll stuff */
	height: 400px;

	/* Fixes the overflow:hidden in Chrome and Opera http://stackoverflow.com/questions/5736503/how-to-make-css3-rounded-corners-hide-overflow-in-chrome-opera/10296258#10296258 */
	-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
	border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}

.cpt-ranks-modal .cpt-antiscroll-inner {
	height: 400px; /* Adjusted for the tabs + border-top */
	border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}
.cpt-ranks-modal .cpt-rank {
	height: 130px;
	width: 100%;
}

.cpt-rank .cpt-rank-info {
	width : 245px;
	height: 100%;
	
	background: #568ea3;
}

.cpt-rank-info.cpt-zebra {
	background: #4a8297;
}

.cpt-rank .cpt-rank-desc {
	width: 130px;
	margin: 5px 0 0 4px;
}

.cptup#cpt-main-modal .cpt-rank-desc h2 {
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	text-shadow: 1px 1px 0px #30687d;
	color: #fafafa;
	margin-top: 12px;
}

.cpt-rank-info .cpt-rank-img {
	height: 64px;
	width : 64px;
	float : left;
	margin: 12px 0 0 17px;
}

.cpt-rank-info .cpt-rank-points {
	background: #222222;
	padding   : 7px;
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
	font-size: 16px;
	margin-top: 2px;

	color: #fafafa;
	text-shadow: 1px 1px 1px #000000;
}

.cpt-rank .cpt-rank-progress {
	vertical-align: top;
	position: relative;
	width: 26px;
	height: 100%;
	margin: 0 0 0 -4px; 
	background : #eeeeee;
	border-left: 1px solid #4a8297;

	color      : #bbbbbb;
	line-height: 34px;
	text-align : center;
	font-size  : 16px;
	font-weight: bold;

	-webkit-box-shadow: inset 24px 0px 20px -20px #B4B4B4;
	box-shadow: inset 24px 0px 20px -20px #B4B4B4;
}

.cpt-rank .cpt-rank-progress.cpt-rank-achieved,
.cpt-rank .cpt-curr-rank .cpt-rank-progress-inner {
	-webkit-box-shadow: inset 24px 0px 20px -20px rgba(0, 0, 0, 0.2);
	box-shadow: inset 24px 0px 20px -20px rgba(0, 0, 0, 0.2);

	background-color: #fb0043;

	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

	-webkit-background-size: 165% 165%;
	-moz-background-size: 165% 165%;
	-o-background-size: 165% 165%;
	background-size: 165% 165%;

}

.cpt-rank .cpt-rank-progress-inner {
	position: absolute;
	bottom  : 0px;
	width: 26px;
	background-color: #fb0043;

	-webkit-box-shadow: inset 24px 0px 20px -20px rgba(0, 0, 0, 0.2);
	box-shadow: inset 24px 0px 20px -20px rgba(0, 0, 0, 0.2);
}
.cpt-rank .cpt-rank-circle {
	height: 50px;
	width : 50px;
	-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
	margin: 40px 0 0 -14px;
	position: relative;
	text-align: center;

	background: #e9eaec;

	box-shadow: 0px 1px 1px 2px rgba(5, 5, 5, 0.12);
	-webkit-box-shadow: 0px 1px 1px 2px rgba(5, 5, 5, 0.12);
}

.cpt-rank .cpt-rank-achieved .cpt-rank-circle,
.cpt-rank .cpt-rank-circle.cpt-rank-achieved {
	background: #fb0043;
	color: #e10029;
}

.cpt-rank .cpt-rank-circle-inner {
	height: 34px;
	width : 34px;
	-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px;
	margin: 7px 0 0 0;
	
	color: #bbbbbb;
	background: #fff;
	border: 1px solid #dedede;
	text-align: center;
}

.cptup .cpt-rank-stats {
	vertical-align: top;
	width: 424px;
	height: 100%;

	background: #f1f1f1;
}

.cpt-rank-stats p {
	width: 280px;
	display: inline-block;
	color: #6e6e6e;
	font-size: 14px;
	line-height: 20px;
	text-align: justify;
	margin-left: 20px;
	margin-top: 10px;
	float: left;
	font-style: italic;
}

.cptup .cpt-rank-stats.cpt-zebra {
	background: #fafafa;
}

.cptup .cpt-ranks-percent {
	position: relative;
	float: right;
	margin: 10px 15px 0 0;
}

.cpt-rank-stats .cpt-rank-right-circle {
	background: #bbbbbb;

	height: 90px;
	width : 45px;
	border-top-left-radius: 0px;
border-top-right-radius: 90px;
border-bottom-right-radius: 90px;
border-bottom-left-radius: 0px;
	margin-left: -4px; /* why */

	overflow: hidden;
	vertical-align: top;
}

.cptup .cpt-rank-right-circle-inner {
	background: #fb0043;
	width: 76px;
	-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;

	-webkit-transition: height 2.0s ease;
	-moz-transition: height 2.0s ease;
	-o-transition: height 2.0s ease;
	transition: height 2.0s ease;

	margin-left: -25px;
}

.cptup .cpt-rank-left-circle {
	background: #bbbbbb;

	height: 90px;
	width : 45px;
	border-top-left-radius: 90px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 90px;

	overflow: hidden;
	vertical-align: top;
}

.cptup .cpt-rank-left-circle-inner {
	background: #fb0043;
	width: 96px;
	-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;

	-webkit-transition: height 2.0s ease;
	-moz-transition: height 2.0s ease;
	-o-transition: height 2.0s ease;
	transition: height 2.0s ease;

	margin-left: -15px;
}

.cpt-rank-stats .cpt-ranks-loading {
	line-height: 55px;
	margin-left: 6px;
}

.cpt-rank-stats .cpt-rank-stats-percent {
	background: #eeeeee;
	color : #222222;
	width : 60px;
	height: 60px;
	position: absolute;
	top: 10px;
	right: 10px;
	-webkit-border-radius: 45px;
-moz-border-radius: 45px;
border-radius: 45px;
	text-align: center;
	padding: 10px 5px 0 5px;
}

.cptup .cpt-rank-num {
	font-size: 20px;
	font-weight: bold;
	margin-left: 2px;
	display: none;
}

.cptup .cpt-rank-percent {
	margin-left: -1px;
	display: none;
}

.cptup .cpt-rank-stats-desc {
	font-size: 12px;
	display: inline-block;
}

.cpt-rank-stats .cpt-rank-stats-percent span {
	color: #222222;
}
.cptup .cpt-badges-modal {
	background: #fafafa;
	border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}

.cptup .cpt-badges-modal.cpt-no-badges {
	background: #eee;
}

.cpt-badges-modal #cpt-no-badges {
	font-size: 48px;
	color: #D6D1D1;
	text-align: center;
	padding-top: 130px;
	font-weight: bold;
	text-shadow: 1px 1px 1px white;

	display: none;
}

.cptup #cpt-badges-dashboard {
	background: #70a8bd;
	padding: 10px 22px 10px 10px;
}

#cpt-bdg-prgrs {
	position: relative;
	width: 290px;
}

#cpt-badges-dashboard .cpt-progress-bar {
	width : 290px;
	height: 25px;

	border: 1px solid #3d758a;
	-webkit-box-shadow: inset 0px 4px 4px 0px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 4px 4px 0px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

.cptup #cpt-badges-dashboard .cpt-progress-bar-inner {

}

#cpt-badges-dashboard .cpt-progress-bar-text {
	line-height: 25px;
	text-align: center;
	font-size: 16px;
	color: #a20000;
}

#cpt-badges-dashboard .cpt-badge-filter {
	float: right;
	color: #fafafa;
	margin-right: -3px;
}

#cpt-badges-dashboard .cpt-badge-filter span {
	padding: 5px 6px;
	margin: 0 3px 0 1px;

	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#cpt-badges-dashboard .cpt-badge-filter .cpt-active {
	background: #235b70;
}

.cptup #cpt-badges-list {
	height: 356px;
	margin: 0 1px 10px 0px;
}

#cpt-badges-list .cpt-antiscroll-inner {
	height: 356px;
}

/* Hack: no other easy way to add
   padding at the bottom of the 
   container.
 */
#cpt-badges-list #cpt-padder {
	height: 20px;
	width : 1px;
}

#cpt-badges-list .cpt-badge-item {
	width : 155px;
	height: 205px;
	margin: 8px 0 0 8px;
	text-align: center;
	position: relative;
	overflow: hidden;

	background: #eeeeee;
	border: 1px solid #d4d4d4;
	-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;

	vertical-align: top;

	-webkit-transition: background 0.4s ease;
	-moz-transition: background 0.4s ease;
	-o-transition: background 0.4s ease;
	transition: background 0.4s ease;
}

#cpt-badges-list .cpt-badge-item:hover {
	background: #dbdbdb;
	cursor: pointer;
}

.cpt-badge-item .cpt-badge-img {
	width : 96px;
	height: 96px;

	margin: 15px;
}

.cptup .cpt-badge-unearned .cpt-badge-img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

.cpt-badge-item .cpt-badge-earned-ribbon {
	position: absolute;
	overflow: hidden;
	width   : 80px;
	left: -22px;
	top: 11px;

	padding: 2px 0 2px 2px;
	color: #fff;
	background: #fb0043;
	font-size: 11px;
	font-size: 11px;
	text-align: center;
	line-height: 18px;

	-webkit-box-shadow: 0 1px 1px #b5b5b3;
-moz-box-shadow: 0 1px 1px #b5b5b3;
box-shadow: 0 1px 1px #b5b5b3;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);

	/* IE8+ */
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";
	/* IE6 and 7 */
	filter: progid:DXImageTransform.Microsoft.Matrix(
		M11=0.7071067811865483,
		M12=0.7071067811865467,
		M21=-0.7071067811865467,
		M22=0.7071067811865483,
		SizingMethod='auto expand'
	);
}

.cpt-badge-item .cpt-bdg-points {
	color: #222222;
	margin: 0 0 4px 0;
	text-align: center;
}

.cpt-badge-item .cpt-show-badge-info:hover {
	background: #fff;
	color     : #000;
}

.cpt-badge-item .cpt-progress-bar {
	width: 100px;
	height: 15px;
	margin: 2px 0 0 0;
	overflow: hidden; /* for the tooltip */

	border: 1px solid #adadad;
	-webkit-box-shadow: inset 0px 4px 4px 0px #c5c5c5;
	box-shadow: inset 0px 4px 4px 0px #c5c5c5;
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;

	background: #fafafa;
}

.cpt-badge-item .cpt-progress-bar-inner {
	-webkit-background-size: 20px 20px;
	-moz-background-size: 20px 20px;
	-o-background-size: 20px 20px;
	background-size: 20px 20px;

	width: 0%;
}

.cpt-badge-item .cpt-progress-bar-text {
	margin-top: 3px;
	color: #a20000;
	font-weight: bold;
	font-size: 12px;
}

.cpt-badge-earned .cpt-progress-bar-text {
	margin-top: 2px;
	color: #ffe5ff;
}

.cpt-badge-item .cpt-bdg-name {
	padding: 0 5px 3px 0;
	line-height: 16px;
	color: #222222;
	text-align: center;
}

.cpt-badge-item .cpt-badge-desc {
	width : 136px;
	height: 143px;
	
	position: absolute;

	background: rgba(135, 135, 135, 0.8); /* rgba(49, 57, 60, 0.8);*/
	color: #fafafa;
	padding: 20px 10px;
	line-height: 18px;
	-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;

	vertical-align: middle;
	text-align: center;

	height: 165px;
	position: absolute;
	top: -179px;
	left: 0px;
	display: none;

	font-size: 16px;
	font-weight: 200;
	line-height: 22px;
}

.cptup #cpt-badges-list .cpt-badge-item.cpt-highlight-bdg {
	border: 1px solid #9E9E9E;
	-webkit-box-shadow: 1px 2px 2px 2px #B8B8B8;
-moz-box-shadow: 1px 2px 2px 2px #B8B8B8;
box-shadow: 1px 2px 2px 2px #B8B8B8;
	background: #E2E1E1;
}

.cpt-badge-item .cpt-bdg-stats {
	position: absolute;
	bottom  : 5px;
	width   : 100%;
	text-align: center;
}
.cptup .cpt-game-center-modal {
	border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}

.cptup#cpt-main-modal .cpt-game-center-modal .cpt-game-info {
	padding: 16px 10px 10px 10px;

	background: #70a8bd;
	border-bottom: 3px solid #3d758a;

	color: #fafafa;
}

.cptup#cpt-main-modal .cpt-game-info #cpt-game-intro {
	/* to align with the table */
	vertical-align: top;
	margin-top: 8px;
}

.cptup#cpt-main-modal .cpt-game-info h1 {
	font-size: 28px;
	text-shadow: 2px 2px 0 #3d758a;
	color: #fafafa;

	/* Issue 1599 - Long Customized Game Center Titles */
	text-overflow: ellipsis;
	width: 460px;
	white-space: nowrap;
	overflow: hidden;
	
}

.cptup#cpt-main-modal .cpt-game-info p {
	font-size: 14px;
	line-height: 20px;

	width: 450px;
	padding: 10px 10px 0 0;
}

.cpt-game-info .cpt-getting-points {
	background: #eeeeee;
	padding   : 10px 9px 8px 8px;

	color: #222222;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	margin-left: 16px;
}

.cptup#cpt-main-modal .cpt-getting-points h2 {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
	color: #222222;
}

.cpt-getting-points table {
	width: 180px;
}

.cpt-getting-points td {
	height: 22px;
}

.cpt-getting-points .cpt-text {
	padding-left: 5px;
}

.cpt-getting-points .cpt-points {
	text-align: right;
}

.cpt-getting-points .cpt-icon span {
	background: url('http://captainup.com/assets/embed/game-center-icons.jpg') no-repeat;
	width: 20px;
	height: 16px;
}

.cpt-getting-points .cpt-tweets span {
	margin: -3px 0;
}

.cpt-getting-points .cpt-likes span {
	background-position: 0px -17px;
	height: 15px;
}

.cpt-getting-points .cpt-comments span {
	background-position: 0px -38px;
	height: 15px;
}

.cpt-getting-points .cpt-videos span {
	background-position: 0px -58px;
}

.cptup .game-center-leaderboard {
	width: 335px;
	height: 230px;
	margin: 0;

	background: #F7F7F7;
	border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 0px;
}

.cptup .game-center-leaderboard .cptup .cpt-antiscroll-inner {
	border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 0px;
}

.cptup .game-center-activity {
	height: 230px;
	width: 365px;
	background: #fff;
	float: left;
	border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 20px;
}

.cptup .game-center-activity .cptup .captain-activity-player {
	padding: 10px 65px 15px 10px;
}

.cptup .game-center-activity .cptup .cpt-antiscroll-inner {
	border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 20px;
}
#cpt-hud {
	height: 200px;
	width: 85px;

        -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;;
	background: #aec1c7;
}
#cpt-hud-border {
	padding: 5px;
	background: #888;
	background: rgba(0, 0, 0, 0.4);

        -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;;

	position: fixed;
	right: 10px;
	top: 100px;

	z-index: 1999999999
}#cpt-hud .cpt-hud-controls {
	float: left;
	height: 100%;
	width: 50%;

	font-size: 0;

	-webkit-box-shadow:inset -3px 2px 0px -2px rgba(0, 0, 0, 0.2);
-moz-box-shadow :inset -3px 2px 0px -2px rgba(0, 0, 0, 0.2);
box-shadow: inset -3px 2px 0px -2px rgba(0, 0, 0, 0.2);;
	border-top-left-radius: 10px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 10px;;
}

/* Buttons */
#cpt-hud .cpt-hud-option {
	display: inline-block;
	
	width: 25px;
	height: 26px;
	margin: 6px 8px;
	
	cursor: pointer;
	background: url('http://captainup.com/assets/embed/cptup-sheet.png') no-repeat;
}
#cpt-hud.cpt-hud-minimized .cpt-hud-option {
	margin: 7px 5px!important;
}
#cpt-hud #cpt-hud-i-notifications {
	background-position: 0px -198px;
}	
#cpt-hud #cpt-hud-i-notifications:hover,
#cpt-hud #cpt-hud-i-notifications.cpt-active {
	background-position: -26px -198px;
}
/* Notification count inside the button, made out of two spans */
#cpt-hud span#cpt-hud-count-border {
	color: white;
	font-weight: normal;
	font-size: 12px;

	background: #f02a3e;
	border: 2px solid #fff;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;;

	position: absolute;
	top: 20px;
	left: -12px;

	display: none;

	-webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow :0px 0px 3px 1px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.5);;
}
#cpt-hud span span#cpt-hud-count {
	padding: 2px 7px;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	border: 1px solid rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0px -5px 15px -3px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 0px -5px 15px -3px rgba(0, 0, 0, 0.5);
box-shadow: inset 0px -5px 15px -3px rgba(0, 0, 0, 0.5);;
}

#cpt-hud #cpt-hud-i-profile {
	background: url('http://captainup.com/assets/embed/cptup-sheet.png') no-repeat;
	background-position: 0px -224px;
	height: 25px;
}
#cpt-hud #cpt-hud-i-profile:hover,
#cpt-hud #cpt-hud-i-profile.cpt-active {
	background-position: -25px -224px;
}

#cpt-hud #cpt-hud-i-game {
	background: url('http://captainup.com/assets/embed/cptup-sheet.png') no-repeat;
	background-position: 0px -249px;
	height: 27px;
	width: 21px;
	margin: 5px 10px;
}
#cpt-hud #cpt-hud-i-game:hover,
#cpt-hud #cpt-hud-i-game.cpt-active {
	background-position: -22px -249px;
}

/* Hud avatar */
#cpt-hud .cpt-hud-avatar {
	position: absolute;
	bottom: 10px;
	left: -34px;
	cursor: pointer;

	padding: 3px;
	background: #7b8e94;

	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;;
	
	/* We have to define size here so the img element will display
		properly in IE8 */
	width: 64px;
	height: 64px;
}

#cpt-hud .cpt-hud-avatar img {
	width: 64px;
	height: 64px;
}

#cpt-hud .cpt-hud-avatar span {
	position: absolute;
	bottom: 3px;
	left: 3px;
	width: 60px;
	background: rgba(0,0,0,.4);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#40000000,endColorstr=#40000000); /* ie8 fix */

	padding: 2px;
	color: white;
	text-align: center;

	display: none;
}

#cpt-hud .cpt-hud-avatar span.cpt-avatar-hover {
	font-size: 11px;
}

#cpt-hud .cpt-hud-avatar span.cpt-avatar-hover-sign,
#cpt-hud .cpt-hud-avatar span.cpt-avatar-hover-auth {
	top: 3px;
	height: 34px;
	padding: 15px 8px;
	width: 48px;
	
	font-size: 14px;
	line-height: 15px;
}
#cpt-hud .cpt-hud-avatar span.cpt-avatar-hover-auth {
	font-size: 52px;
	line-height: 30px;
}

#cpt-hud span#cpt-hud-close-border {
	background: #666;
	color: white;
	font-weight: normal;
	font-size: 12px;

	border: 3px solid #fff;
	-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;;

	position: absolute;
	top: -8px;
	right: -8px;

	-webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow :0px 0px 3px 1px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.5);;

	z-index: 2;
	cursor: pointer;
	filter: alpha(opacity=0);
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;;
}

#cpt-hud span#cpt-hud-close-border:hover {
	background: #AAA;
}

#cpt-hud span span#cpt-hud-close {
	padding: 2px 5px;
	-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;;
	border: 1px solid rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0px -5px 15px -3px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 0px -5px 15px -3px rgba(0, 0, 0, 0.5);
box-shadow: inset 0px -5px 15px -3px rgba(0, 0, 0, 0.5);;

}

#cpt-hud .cpt-hud-arcade-points {
	position: absolute;
	top: -5px;
	left: 0px;

	font-size: 13px;
	color: white;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6);

    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	padding: 5px;
	background: #fb0043; /* TODO TODO TODO */
}#cpt-hud .cpt-hud-rank {
	float: left;
	height: 100%;
	width: 50%;

	background-color: #eeeeee;
	-webkit-box-shadow:inset 12px 0px 20px -5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 12px 0px 20px -5px rgba(0, 0, 0, 0.2);
box-shadow: inset 12px 0px 20px -5px rgba(0, 0, 0, 0.2);;
	border-top-left-radius: 0px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 0px;;

	position: relative;
	overflow: hidden;
}

#cpt-hud .cpt-hud-rank .cpt-hud-rank-progress {
	height: 33%; /* progress bar */
	width: 100%;

	position: absolute;
	bottom: 0px;

	background-color: #fb0043;
	-webkit-box-shadow: inset -15px 0px 20px -5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset -15px 0px 20px -5px rgba(0, 0, 0, 0.2);
box-shadow: inset -15px 0px 20px -5px rgba(0, 0, 0, 0.2);;
}


#cpt-hud .cpt-hud-rank img {
	position: absolute;
	left: 3px;

	max-width: 35px;
	height: auto;
}

#cpt-hud .cpt-hud-rank .cpt-hud-rank-next {
	top: 7px;
}

#cpt-hud .cpt-hud-rank .cpt-hud-rank-current {
	bottom: 7px;
}

#cpt-hud.cpt-hud-minimized .cpt-hud-rank .cpt-hud-rank-current {
	bottom: 3px;
}#cpt-notifications {
	display: none;

	position: absolute;
	top : -5px;
	right: 99px;

	width: 300px;	

	background: #fafafa;

	border: 2px solid #55686e;
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;

	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

/* Notifications scrollbar - starts as an expanding box,
	later turns into nanoscroller */
#cpt-notifications .cpt-antiscroll-inner {
	position: inherit; /* Changed to relative when scrollbar appears */
	overflow: hidden; /* Overriden by plugin */
}

#cpt-notifications .cpt-antiscroll-wrap {
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
	-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); /* Fixes the overflow:hidden in Chrome and Opera http://stackoverflow.com/questions/5736503/how-to-make-css3-rounded-corners-hide-overflow-in-chrome-opera/10296258#10296258 */
}

/* minimized placement */
#cpt-notifications.cpt-notifications-minimized {
	top: auto;
	bottom: 56px;
	left: -150px;
}

/* Tooltip Arrow */
#cpt-notifications:after, #cpt-notifications:before {
	left: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
#cpt-notifications:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: white;
	border-width: 12px;
	top: 14px;
	margin-top: 0px;
}
#cpt-notifications:before {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #55686e;
	border-width: 13px;
	top: 13px;
}

/* Tooltip Arrow bottom - MINIMZED */
#cpt-notifications.cpt-notifications-minimized:after, .arrow_box:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
#cpt-notifications.cpt-notifications-minimized:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: white;
	border-width: 13px;
	left: 55%;
	margin-left: -13px;
}
#cpt-notifications.cpt-notifications-minimized:before {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #55686e;
	border-width: 15px;
	left: 55%;
	margin-left: -15px;
	top: 100%;
}



.cptup .cpt-notification {
	border-top: 1px solid #e2e2e2;
	pointer: default;
	position: relative;
}
.cptup .cpt-notification:first-child {
	border: none;
	border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;;
}
.cptup .cpt-notification:last-child {
	border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;;
}

.cpt-notification p {
	pointer: default;
}

.cptup .cpt-notification:hover {
	background: #ededed;
}

.cptup .cpt-notification-announcement:hover {
	background: #fff; /* No Background change on Hover for Authorization */
}

.cptup .cpt-points-icon {
	font-weight: bold;
	font-size: 40px;
	padding-right: 24px;
	color: #c7c7c7;
	text-shadow: 0px 0px 1px #fb0043;
	padding-left: 14px;
	display: inline-block;
	margin-bottom: -2px;
	float: left;
}
.cptup .cpt-notification-points {
	min-height: 46px;
	position: relative;
}
.cptup .cpt-points-text {
	width: 210px;
	padding: 10px 0px;
	color: #222222;
}

#cpt-notifications .cpt-points-text .cpt-points-bold,
#cpt-notifications .cpt-general-pts {
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	padding: 5px;
	background: #fb0043;
	color: #fafafa;
	text-shadow: 1px 1px 1px #c80010;
}

/* Share options on notifications */
.cptup .cpt-share-notification {
	position: absolute;
	bottom: 3px;
	right: 10px;

	/*
	opacity: 0;
	-webkit-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
	-o-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
	*/
}
/*.cptup #cpt-notifications .cpt-notification:hover .cpt-share-notification {
	opacity: 1;
}*/
.cptup .cpt-share-notification span {
	font-size: 12px;
	line-height: 12px;
	padding: 3px;
	color: #888;
}
.cptup .cpt-share-notification span:hover {
	/* */
}
.cptup .cpt-share-notification .cpt-share-item:hover {
	color: #3c5a94;
}
.cptup .cpt-share-notification .cpt-tweet-item:hover {
	color: #35ccfa;
}
.cptup .cpt-share-notification .cpt-linestrike {
	text-decoration: line-through;
}

@-webkit-keyframes stripes {
  from  { background-position: -100px 0; }
  to    { background-position: 0 0; }
}
@-moz-keyframes stripes {
  from  { background-position: -100px 0; }
  to    { background-position: 0 0; }
}
@-ms-keyframes stripes {
  from  { background-position: -100px 0; }
  to    { background-position: 0 0; }
}
@-o-keyframes stripes {
  from  { background-position: 0 0; }
  to    { background-position: -100px 0; }
}
@keyframes stripes {
  from  { background-position: -100px 0; }
  to    { background-position: 0 0; }
}

.cptup .cpt-notification.cpt-badge,
.cptup .cpt-notification.cpt-rank { 
}
.cptup .cpt-notification.cpt-stripes-animation 
{
	background: #70a8bd; /* Animates to white */

	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	-webkit-background-size: 100px 100px;
	-moz-background-size: 100px 100px;
	-o-background-size: 100px 100px;
	background-size: 100px 100px;

	background-repeat: repeat-x;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: width 0.6s ease;
	-moz-transition: width 0.6s ease;
	-o-transition: width 0.6s ease;
	transition: width 0.6s ease;

	-webkit-animation: stripes 1s linear infinite;
	-moz-animation: stripes 1s linear infinite;
	-ms-animation: stripes 1s linear infinite;
	-o-animation: stripes 1s linear infinite;
	animation: stripes 1s linear infinite;
}


#cpt-notifications .cpt-notification-img {
	height: 60px;
	width : 60px;
	margin: 0px 10px;
	float : left;
}

#cpt-notifications .cpt-notification-text {
	width: 200px;
	line-height: 18px;
	padding-bottom: 15px;
	color: #222222;
}
#cpt-notifications .cpt-notification-text a {
	color: #70a8bd;
}

#cpt-notifications .cpt-notification-unlocked {
	position: absolute;
	top: 50%;
	left: 0px;
	height: 26px;
	width: 100%;
	margin-top: -15px;
	text-align: center;
}
#cpt-notifications .cpt-notification-unlocked span {
	font-size: 26px;
	font-weight: 200;
	color: #fafafa;
	text-shadow: 1px 2px 1px #70a8bd, 0 0 3px black, 0 0 20px white;
}

#cpt-notifications .cpt-notification-activity {
	filter: alpha(opacity=0);
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
	min-height: 60px;
	padding: 10px 0px 15px 0px;
}

/* Badge */
#cpt-notifications .cpt-badge strong {
	color: #c80010;
}

/* WELCOME, AUTH notification */
#cpt-notifications .cpt-notification.cpt-welcome {
	text-align: center;
	background: #ffccff; /* animates back to normal */
}
#cpt-notifications .cpt-notification.cpt-welcome a {
	color: #70a8bd;
}
#cpt-notifications .cpt-auth .cpt-auth-text,
#cpt-notifications .cpt-welcome .cpt-welcome-text {
	line-height: 18px;
	font-size: 14px;
	padding: 10px 15px;
}

#cpt-notifications .cpt-auth .cpt-auth-text h2,
#cpt-notifications .cpt-welcome .cpt-welcome-text h2 {
	font-size: 18px;
	line-height: 22px;
	font-weight: 200;
	color: #222222;
}

#cpt-notifications .cpt-welcome-text span.welcome-points {
	font-weight: bold;
}

#cpt-notifications .cpt-green-star {
	position: absolute;
	top: 10px;
	left: 10px;

	display: block;
	height: 40px;
	width: 40px;
}

/* Auth notification */
#cpt-notifications .cpt-notification.cpt-auth {
	text-align: center;
}

#cpt-notifications .cpt-notification-stripes {
	background-color: #adadad;
	width: 20px;
	height: 100%;
	display: inline-block;
}

#cpt-notifications .cpt-auth .cpt-auth-text {			
	width: 246px;
	display: inline-block;
	vertical-align: top;
}

#cpt-notifications .cpt-auth a .cpt-auth-btn { 
	color: black;
}

#cpt-notifications .cpt-auth .cpt-auth-btn {
	width: 100px;
	display: inline-block;
	margin: 10px 5px 0px 0px;
	background: #adadad;
	border: 1px solid #616161;;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;;
	font-size: 13px;
	line-height: 18px;
	vertical-align: middle;
}
/* Not on this page */ 
#cpt-notifications .cpt-auth .cpt-auth-allow {
	background: #7bc57f;
	border: 1px solid #5a915c;
}

#cpt-notifications .cpt-auth .cpt-auth-reject {
	background: #adadad;
	border: 1px solid #7a7a7a;;
}

#cpt-notifications .cpt-auth .cpt-auth-btn:hover {
	background: #C4C4C4;
}

#cpt-notifications .cpt-auth .cpt-auth-btn:active {
	background: #b7b7b7;
}

#cpt-notifications .cpt-auth iframe {
	overflow: hidden;
	width: 110px;
	height: 22px;
	display: inline-block;
	overflow: hidden;
	line-height: 18px;
	vertical-align: middle;
	margin: 10px 0px 0px 5px;
}


#cpt-notifications .cpt-no-notifications {
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	color: #c7c7c7;
	font-weight: 200;
}

/* icons */
.cptup i.cpt-icon {
	background: url('http://captainup.com/assets/embed/cptup-sheet.png') no-repeat;
	display: inline-block;
	width: 16px;
	height: 14px;
    	vertical-align: bottom;
    	margin: 0px 3px;
}
/* fb icon */
.cptup i.cpt-icon.cpt-facebook {
	background-position: 0px -152px;
	height: 16px;
}
/* hover for share */
.cptup #cpt-notifications .cpt-share-item i.cpt-icon.cpt-facebook {
	background-position: -17px -152px;
}
.cptup #cpt-notifications .cpt-share-item:hover i.cpt-icon.cpt-facebook {
	background-position: 0px -152px;
}
/* twitter icon */
.cptup i.cpt-icon.cpt-twitter {
	background-position: 0px -138px;
}
/* hover for share */
.cptup #cpt-notifications .cpt-tweet-item i.cpt-icon.cpt-twitter {
	background-position: -17px -138px;
}
.cptup #cpt-notifications .cpt-tweet-item:hover i.cpt-icon.cpt-twitter {
	background-position: 0px -138px;
}
/* video icon */
.cptup i.cpt-icon.cpt-video {
	background-position: -1px -183px;
}
/* comment icon */
.cptup i.cpt-icon.cpt-comment {
	background-position: -1px -168px;
}

/* Signup icons */
.cptup #cpt-sign-up-incentive i.cpt-icon {
	float: left;
	height: 29px;
	width: 27px;
	margin: 11px 10px 0px 5px;
}
.cptup #cpt-sign-up-incentive i.cpt-icon.cpt-icon-star {
	background-position: -72px -36px;
}
.cptup #cpt-sign-up-incentive i.cpt-icon.cpt-icon-shield {
	background-position: -72px -64px;
}
.cptup #cpt-sign-up-incentive i.cpt-icon.cpt-icon-badge {
	background-position: -69px -93px;
	height: 37px;
}


.cpt-diagnal-stripes {
	-webkit-background-size: 50px 50px;
	-moz-background-size: 50px 50px;
	background-size: 50px 50px;

	background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, 0.2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, 0.2)), color-stop(.75, rgba(255, 255, 255, 0.2)), color-stop(.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}/* Special Title for Sign Up Modal */
.cpt-sign-up-content h1 {
	color: #fff;
	text-shadow: -2px 1px 0 rgb(85, 85, 85);
	font-size: 56px;
	position: absolute;
	top: 40px;
	left: 20px;
	z-index: 1; /* Keeps long titles on top of the background image */
}

.cptup .cpt-sign-up-buttons #cpt-sign-in-text {
	text-align: center;
}


/**
 * iOS 6 style switch checkboxes
 * by Lea Verou http://lea.verou.me
 */

:root:not(.formregistro) input[type="checkbox"] {
	opacity: 0;
}

:root input[type="checkbox"].ios-switch + div {
	display: inline-block;
	vertical-align: middle;
	width: 3em;	height: 1em;
	border: 1px solid rgba(0,0,0,.3);
	border-radius: 999px;
	margin: 0 .5em;
	background: white;
	background-image: linear-gradient(rgba(0,0,0,.1), transparent),
	                  linear-gradient(90deg, hsl(210, 90%, 60%) 50%, transparent 50%);
	background-size: 200% 100%;
	background-position: 100% 0;
	background-origin: border-box;
	background-clip: border-box;
	overflow: hidden;
	transition-duration: .4s;
	transition-property: padding, width, background-position, text-indent;
	box-shadow: 0 .1em .1em rgba(0,0,0,.2) inset,
	            0 .45em 0 .1em rgba(0,0,0,.05) inset;
	font-size: 150%; /* change this and see how they adjust! */
}

:root input[type="checkbox"].ios-switch:checked + div {
	padding-left: 2em;	width: 3em;
	background-position: 0 0;
}

:root input[type="checkbox"].ios-switch + div:before {
	content: 'On';
	float: left;
	width: 1.65em; height: 1.65em;
	margin: -.1em;
	border: 1px solid rgba(0,0,0,.35);
	border-radius: inherit;
	background: white;
	background-image: linear-gradient(rgba(0,0,0,.2), transparent);
	box-shadow: 0 .1em .1em .1em hsla(0,0%,100%,.8) inset,
	            0 0 .5em rgba(0,0,0,.3);
	color: white;
	text-shadow: 0 -1px 1px rgba(0,0,0,.3);
	text-indent: -2.5em;
}

:root input[type="checkbox"].ios-switch:active + div:before {
	background-color: #eee;
}

:root input[type="checkbox"].ios-switch:focus + div {
	box-shadow: 0 .1em .1em rgba(0,0,0,.2) inset,
	            0 .45em 0 .1em rgba(0,0,0,.05) inset,
	            0 0 .4em 1px rgba(255,0,0,.5);
}

:root input[type="checkbox"].ios-switch + div:before,
:root input[type="checkbox"].ios-switch + div:after {
	font: bold 60%/1.9 sans-serif;
	text-transform: uppercase;
}

:root input[type="checkbox"].ios-switch + div:after {
	content: 'Off';
	float: left;
	text-indent: .5em;
	color: rgba(0,0,0,.45);
	text-shadow: none;

}


/* Switch code ends here, from now on it�s just bling for the demo page */

label {
	position: relative;
	display: block;
	padding: .8em;
	/*border: 1px solid silver;*/
	border-top-width: 0;
	background: white;
	font: bold 110% sans-serif;
}


label:first-of-type {
}

label:last-of-type {
}



#footerColumn-1 ul li a:link, #footerColumn-2 ul li a:link, #footerColumn-1 ul li a:visited, #footerColumn-2 ul li a:visited {
    color: #cccccc;
    font-smooth: always;
    -webkit-font-smoothing: antialiased;
}

#footerColumn-1 ul li a:hover, #footerColumn-2 ul li a:hover {

}


.footer{
	background-color:#555555; display:block; width:100%;
}

#footer {
    margin: 0 auto;
    padding-top: 20px;
    max-width: 1000px;
    font-size: .9em;
    background-color: #555555;
}

#footerColumn-1 {
    width: 200px;
    float: left;
}

#footerColumn-2 {
    width: 140px;
    float: left;
}

#footerColumn-1 ul, #footerColumn-2 ul{
	padding:5px;
}

#footerColumn-1 ul li, #footerColumn-2 ul li {
    list-style: none;
}

#footerColumn-3 {
    width: 300px;
    float: left;
}

#footerColumn-3 h4 {
    text-shadow: #1b2333 2px 2px 2px;
}

#footerColumn-4 {
    color: #e4e4e4;
    width: 360px;
    float: left;
}

.address {
    height: 63px;
}

.address .addressFlag {
    float: left;
    width: 25px;
}

.address .addressText {
    width: 220px;
    float: left;
	margin-top: 12px;
}

.tweet_list {
    color: #e4e4e4;
    height: 56px;
    margin-bottom: 20px;
}

.tweet_avatar {
    float: left;
    width: 46px;
}

.tweet_avatar img {
    border: 1px solid #000000;
}

.tweet_list li {
    list-style: none;
    margin-bottom: 18px;
    width: 352px;
}

.titular-menu{
color:#FFFFFF;
font-weight:bold;
}

.alerta{
color: #dd0000 !important;
}


.cms ul, .cms ol{
	padding-left: 30px;
}

footer a{
	color: #FFF;
	font-weight:bold;
}

footer a:hover{
	color: #000;
}	


.pie{
	display:block;
	text-align: center;
}



.pie li{
	padding: 10px;
	display: inline-block;
}



	.cc-cookies { position:fixed; width: 100%; left: 0; bottom: 0; padding: 15px 5%; background: #565656; background: rgba(0,0,0,0.8); color: #fff; font-size: 12px; font-weight: 400; text-shadow: 0 -1px 0 rgba(0,0,0,0.35); z-index: 99999; text-align: center; color: #fff; line-height:30px}
	.cc-cookies p{
		line-height: 1.2;
		/*margin: 0;*/
	}
	.cc-cookies a, .cc-cookies a:hover { color: #fff; text-decoration: underline; }
	.cc-cookies a:hover { text-decoration: none; }
	.cc-overlay { height: 100%; padding-top: 25%; }
	.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
	.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { margin: 0 10px; display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
	.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
	.cc-cookies a.cc-cookie-reset { background: #f15b00; }
	.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
	.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
	.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
	.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
	.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }

	@media screen and (max-width: 768px) {
		.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; margin: 1em 0; }
	}

	@media screen and (max-width: 480px) {
		.cc-cookies { float: left; }
	}


	/* Añadidos Rosynet  */


	@media (min-width:768px){  /* mayor de 768 píxeles */
		.viewContainer{
			/*border: solid black 2px;*/
			width: 94%;
			margin-left: 3%;
		}
	}
	@media (max-width:768px){/* menor de 768 píxeles muestra */
		.viewContainer{
			/*border: solid black 2px;*/
			width: 90%;
			margin-left: 5%;
		}
	}


	.oculto{
		display: none !important;
	}
	.custom-file-upload {
		border: 1px solid #ccc;
		display: inline-block;
		padding: 6px 12px;
		cursor: pointer;
		margin-top: 5px;
		border-radius: 5px;
	}


	#totalContainer {
		/*width: 100%;*/
		margin: 0 auto;
		background-color: #FFF;
		border-radius: 20px;
		-webkit-box-shadow: 2px 3px 8px 1px rgba(1, 1, 1, 0.3);
		box-shadow: 2px 3px 8px 1px rgba(1, 1, 1, 0.3);
		margin-bottom: 30px;
		padding: 30px;
		min-height: 600px;
	}

	#totalContainer img{
		max-width: 100%;
		height: auto;
	}


	#zona-publicidad{
		bottom: 0px;
		padding: 10px 5px;
		background: rgba(255,255,255,1);
		/*					background: #666666;*/
		width: 100%;
		text-align: center;
		/*					height:100px;*/
		z-index: 15;
	}

	#patrocinadores{
		position: relative; margin: 0 auto; top: 0px; left: 0px; width: 980px; height: 100px; overflow: hidden; visibility: hidden;
	}

	#patrocinadores img{
		position:relative !important;
		width: initial !important;
	}

	.escondidoAlta{
		background: #5cb85c;
		padding: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 0px 10px 10px 10px;
		margin-top: 10px;
	}

	.escondidoImport{
		background: #5bc0de;
		padding: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 0px 10px 10px 10px;;
	}
	.selectRedondeado {
		border-radius: 5px;
		width: 150px;
		height: 33PX;
		border: 1px solid #ccc;
	}

	.labelBusqueda {
		position: relative;
		display: block;
		/*border: 1px solid silver;*/
		border-top-width: 0;
		background: white;
		font: bold 110% sans-serif;
	}

	.table td.text {
		max-width: 177px;
	}
	.table td.text span {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		display: inline-block;
		max-width: 100%;
	}

	.labelTransparente{
		background: transparent;
		padding: 0em;
	}

	.panel-default > .panel-heading {
	//background-color:#5cb85c;
	}
	.panel-collapse	 > .panel-body {
	//background-color:#5cb85c;
		padding-left:30px;
		padding-right:0px;

	}
	.mostrador{
		float: left;
		margin: 10px;
	}

	.sin-fondo{
		background: transparent;
		padding: 0em !important;
	}

	.correcto{
		width: 97%;
		text-align: center;
		font-size: 1.7em;
	}

	.boxsizingBorder {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}


	.blockListaCheck{
		margin: 0 10px 0 !important;
		border-left: 5px solid white !important;
		padding: 0 0 !important;
	}


	.cir{
		border-radius: 50% !important;
		max-width: 80px !important;
		float: left;
		margin-right: 10px;
	}

	.min{
		max-width: 30px !important;

	}

	.recuadroBusqueda{
		-webkit-box-shadow: 0 0 6px #000;
		width: 31%;
		display: inline-block;
		margin: 1%;
		padding: 2%;
		border-radius: 5px;
		background: white;
	}

	.recuadroBusquedaStand{
		-webkit-box-shadow: 0 0 6px #000;
		width: 48%;
		display: inline-block;
		margin: 1%;
		padding: 2%;
		border-radius: 5px;
		background: white;
	}

	.recuadroBusquedaStand > p, .recuadroBusquedaStand > h3 {
		text-align: center;
	}

	.recuadroBusqueda img{
		max-width: 150px;
		border-radius: 10px;
		-webkit-box-shadow: 0 0 6px #000;

	}

	.recuadroBusquedaLista img{
		border-radius: 5px;
		-webkit-box-shadow: 0 0 3px #000;
		max-height: 50px;
	}


	.centrado td{
		vertical-align: baseline !important;
	}

	.recuadroBusqueda h3, .recuadroBusqueda p{
		text-align: center !important;
	}

	.recuadroBusqueda h4{
		text-overflow: ellipsis;
		/* Required for text-overflow to do anything */
		white-space: nowrap;
		overflow: hidden;
	}

	span{
		text-overflow: ellipsis;
		/* Required for text-overflow to do anything */
		white-space: nowrap;
		overflow: hidden;
	}

	.textStand{
		width:100%;
		height:80px;
		background: #EEE;
		margin-top: 3%;
		overflow: auto;
	}

	.iconoBusqueda{
		width: 30px;
		height: 30px;
		background-color: orange;
		float: right;
		top: 0;
		right: 0;
		border-bottom-left-radius: 20px;
		padding: 5px 0 0 9px;
		box-shadow: 0 0 6px #666;
		-webkit-box-shadow: 0 0 6px #666;
	}

	.horarioAgenda{
		float: left;
		text-align: center;
	}

	.todoEldia{
		background: #1dda1d66;
		padding: 5px;
		border-radius: 10px;
	}

	.conHorario{
		background: #1ddad166;
		/*
		padding: 10px;
		*/
		border-radius: 10px;
		text-align: center;
	}

	.listaPanelistas{
		padding-left: 40px;
		display: inline-block;
		width: 100%;
	}


	/*  queda para estilizar tabs de agenda
	.nav-tabs{
		background-color:#FFFFcc;
	}
	.tab-content{
		background-color:#303136;
		color:#fff;
		padding:5px
	}
	.nav-tabs > li > a{
		border: medium none;
	}
	.nav-tabs > li > a:hover{
		background-color: #303136 !important;
		border: medium none;
		border-radius: 0;
		color:#fff;
	}
*/

	.bigIcon{
		font-size: 20px;
	}

	.horarioAgenda > div{
		width: 100px;

	}

/*RS*/

.cabecera li.logout a,
.cabecera li.registrarse a{
	margin-right: 10px;
}

/*-------------*/

.buscador{
	padding-top: 100px;
}
.buscador h1{
	margin-bottom: 30px;
}
.buscador label{
	margin: 0;
	padding: 3px;
}
.buscador .form-group{
	float: left;
	margin-right: 15px;
}
.buscador .advanced-search{
	display: none;
}
.buscador .advanced-search-bt {
	position: absolute;
	right: 15px;
}
.buscador .advanced-search-bt span{
	margin-top: 30px;
	font-size: 3.2rem;
	cursor: pointer;
}

/*-------------*/

#arbolFiltro{
	overflow: hidden;
	border-top: #ededed 1px solid;
	padding: 20px;
}
#arbolFiltro *{
	font-weight: 400;
}
#arbolFiltro > li{
	width: 25%;
	float: left;
}

#arbolFiltro .blockListaCheck{
	margin-left: 20px !important;
}
#arbolFiltro .blockListaCheck li{
	padding-top: 10px;
}

#arbolFiltro li{
	position: relative;
}
#arbolFiltro > li:before,
#arbolFiltro .blockListaCheck li:before{
	content: '';
	position: absolute;
	top: 0;
	left: -19px;
	width: 16px;
	height: 20px;
	border: #ccc dotted;
	border-width: 0 0 1px 1px;
}
#arbolFiltro > li > .blockListaCheck > li:before{
	border-width: 0 0 1px 0;
}
#arbolFiltro > li:before{
	border-width: 0 0 0 1px;
	height: 100%;
	left: 5px;
	top: 18px;
}
#arbolFiltro > li > .blockListaCheck > li:last-child::after {
	content: '';
	position: absolute;
	top: 20px;
	left: -20px;
	background: #fff;
	width: 1px;
	height: 100%;
}

/*-------------*/

.buscador .panel-heading{
	border-top: 1px solid;
	border-top-color: #fff !important;
}
.buscador .panel-primary .panel-heading {
	color: #fff;
	background-color: #428bca;
}
.buscador .panel-primary > div:first-child .panel-heading{
	border: none;
}
.buscador .panel-heading h3 a{
	text-decoration: none;
	display: block;
	cursor: pointer;
	position: relative;
}
.buscador .panel-heading h3 a:after,
.buscador .panel-primary div:first-child .panel-heading h3 a.open:after{
	content: '+';
	position: absolute;
	border: none;
	top: -5px;
	right: 0;
	font-size: 2.6rem;
}
.buscador .panel-heading h3 a.open:after,
.buscador .panel-primary div:first-child .panel-heading h3 a:after{
	content: '';
	border-bottom: #fff 3px solid;
	width: 14px;
	display: block;
	top: 7px;
}
.buscador .panel-body,
.buscador .panel-primary div:first-child .panel-body.open{
	display: none;
}
.buscador .panel-body.open,
.buscador .panel-primary div:first-child .panel-body{
	display: block;
}

/*-------------*/

.container.principal{
	/*
	min-height: calc(100vh - 50px);
	*/
	box-sizing: border-box;
	padding-top: 45px;
	padding-bottom: 30px;
	background: aliceblue url(../../img/pattern.png) !important;
}
.frontend #ventana3D{
	background-size: cover !important;
	width: 1600px !important;
	height: 864px !important;
	border: #999 1px solid;
}
.frontend #ventana3D .pantalla_video iframe{
	width: 100%;
	height: 100%;
}
.frontend #ventana3D > .contenedor video{
	width: 100%;
	height: 100%;
}

.frontend #ventana3D .botonera{
	top: 8% !important;
}

#contenedor_galeria .listado-videos .enlace_documento{
	width: 170px;
	position: relative;
	display: block;
	float: left;
	padding: 0;
	border: none;
}
#contenedor_galeria .listado-videos .enlace_documento:hover{
	background: none;
}
#contenedor_galeria .listado-videos .enlace_documento:hover img{
	opacity: 0.75;
}
#contenedor_galeria .listado-videos .enlace_documento:after{
	content: '';
	float: left;
	padding-top: 100%;
}
#contenedor_galeria .listado-videos .enlace_documento a.gallery{
	position: absolute;
	top: 10px;
	left: 10px;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	overflow: hidden;
	border-radius: 10px;
	border: solid 2px #999;
}
#contenedor_galeria .listado-videos .enlace_documento  a.gallery img{
	width: auto;
	height: 100%;
}

.mobiliario.draggable,
.mobiliario.draggable img{
	width: 100%;
	height: 100%;
}

/*
.personal.draggable{
	width: 20%;
}
*/
.rotulo.draggable{
	overflow: hidden;
}
.rotulo.draggable img{
	width: 100% !important;
	height: auto;
}

#ventana3D .personal.draggable{
	text-align: center;
	overflow: hidden;
}
#ventana3D .personal.draggable img{
	height: 100% !important;
	width: auto;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.frontend .navbar-fixed-top{
	position: fixed;
}

.cabecera ul.nav{
	padding: 0;
}

.viewContainer{
	padding: 50px 0 30px;
}

body.frontend{
	padding-top: 50px;
	min-width: 768px;
}

#footer .atfollowwidget .titular-menu{
	margin-bottom: 8px;
}
#footer .atfollowwidget a{
	display: inline-block;
	margin-right: 5px;
}
#footer .atfollowwidget a img{
	max-width: 35px;
	height: auto;
}

.pantalla_video .ytp-embed:not(.ad-showing) .ytp-player-content:not(.ytp-upnext) {
	top: 0px !important;
}

#pageMenu {
	overflow: hidden;
	padding: 5px 5px 10px 5px !important;
	margin: 0 !important;
}

#ventana3D a:hover,
#ventana3D a:visited,
#ventana3D a:active,
#ventana3D a:focus{
	text-decoration: none;
}
#ventana3D a .enlace:hover{
	background: #222;
}
.enlace_documento span:not('.glyphicon'){
	display: block;
	margin-left: 5px;
}
.enlace_documento span,
.enlace span{
	font-size: 1em;
}

.rojo{
	color: #ff0000;
}

.logotipo img{
	max-width: 100%;
	width: auto;
	max-height: 100%;
	height: auto;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: #999 1px solid;
	border-radius: 6px;
	box-shadow: 2px 3px 3px rgba(0,0,0,0.5);
	background: #fff;
}
/*
.logotipo.lleno{
	overflow: hidden;
}
*/

.frontend #ventana3D .flecha-left,
.frontend #ventana3D .flecha-right,
.frontend #ventana3D .boton-chat-on,
.frontend #ventana3D .boton-registro,
.frontend #ventana3D .flecha-up{
	width: 5vw;
	height: 5vw;
	max-width: 80px;
	max-height: 80px;
	background-repeat: no-repeat;
}
.frontend #ventana3D .flecha-left{
	background-position: left center;
}
.frontend #ventana3D .flecha-right{
	background-position: right center;
}
.frontend #ventana3D .boton-chat-on{
	background-position: center bottom;
}
.frontend #ventana3D .boton-registro {
	background-position: center;
}
.frontend #ventana3D .flecha-up{
	background-position: center;
}

.frontend #ventana3D .flecha-up .texto{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: auto;
	margin: 0;
	top: 100%;
}

#ventana3D .hashtag {
	font-size: 2.4em;
}

#contenedor_informacion,
#contenedor_video,
#contenedor_galeria,
#contenedor_documentos,
#contenedor_cms,
#contenedor_calendario{
	overflow: auto;
}

.frontend #ventana3D .boton-chat-on {
	background-size: 85%;
}

.frontend #ventana3D .clsContenedorCalendario{
	height: 75%;
}

.frontend #ventana3D .listado-videos{
	width: auto !important;
}
.frontend #ventana3D .clsContenedorInformacion{
	width: 480px;
	right: -600px;
}

.imagenes.sortable .offer:not(.editar-contenido) > form > div{
	max-height: 100px;
	overflow: hidden;
}

.recuadroBusqueda h5 {
	text-transform: capitalize;
	font-weight: bold;
	color: #666;
}

#contenedor_recordatorio {
	height: auto;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.permisos{
	margin-top: 20px;
}
.permisos strong{
	display: inline-block;
	margin-bottom: 5px;
}
:root .permisos input[type="checkbox"] {
	position: static;
	opacity: 1;
	margin-right: 5px;
}

.cabecera .navbar-right li.iniciar-sesion{
	margin-right: 15px;
}
.cabecera .navbar-right li.iniciar-sesion a{
	padding-right: 0;
}
.cabecera .navbar-right li:last-child a{
	padding-right: 15px;
}

.graficas select{
	height: 20px;
	margin-bottom: 20px;
}
.graficas .no-select{
	padding-top: 40px;
}

.estadisticas .generales div{
	border: 1px solid lightgrey;

}
.estadisticas .generales{

	margin-left: 30px;
	margin-right: 30px;
	background-color: #ccffcc;
}
.estadisticas .datos_globales{
	text-align: center;
	margin-bottom: 20px;
}

.estadisticas .generales p.total{
	font-size: 26px;
}
.estadisticas .generales p{
	font-size: 16px;
}

.estadisticas .graficas{

	margin-top: 30px;
}

.estadisticas svg{
	border: 1px solid lightgray;
}

.estadisticas .overlay {
	fill: none;
	pointer-events: all;
}

.estadisticas .focus circle {
	fill: #F1F3F3;
	stroke:#4682b4;
	stroke-width: 5px;
}

.estadisticas .hover-line {
	stroke: #4682b4;
	stroke-width: 2px;
	stroke-dasharray: 3,3;
}

.estadisticas .line {
	fill: none;
	stroke: #4682b4;
	stroke-width: 2px;
}

.estadisticas svg3{
	border: 1px solid lightgray;
}

.estadisticas .focus3 circle {
	fill: #F1F3F3;
	stroke:#4682b4;
	stroke-width: 5px;
}
.estadisticas .bar {
	fill: steelblue;
}

.estadisticas .bar:hover {
	fill: #F56C4E;
}

.estadisticas .graficas .exportar{
	position: relative;
}
.estadisticas .graficas .exportar small{
	position: absolute;
	top: 4px;
	right: 35px;
	font-size: 11px;
}

@media only screen and (max-width: 1620px) {

	.frontend #ventana3D {
		width: calc(100vw - 60px) !important;
		height: calc((100vw - 60px) * 0.54) !important;
		min-width: 508px;
		min-height: 274px;
	}
	#ventana3D .hashtag {
		font-size: 1.8vw;
	}
}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {

	.cabecera a.dropdown-toggle.alerta,
	.cabecera li.logout a,
	.cabecera li.iniciar-sesion a,
	.cabecera li.admin-bt > a,
	.cabecera li#menu-chat > a{
		font-size: 0;
	}
	.cabecera a.dropdown-toggle.alerta > i,
	.cabecera a.dropdown-toggle.alerta > b,
	.cabecera li.logout a i,
	.cabecera li.iniciar-sesion a i,
	.cabecera li.admin-bt b,
	.cabecera li#menu-chat > a i{
		font-size: 1.5rem;
	}
	.cabecera a.dropdown-toggle.alerta > i {
		margin-right: 5px;
	}
	.cabecera a.dropdown-toggle.alerta > b {
		margin-top: -5px;
	}
	.cabecera li.logout a i {
		font-size: 2rem;
	}
}

@media (max-width: 1199px) {
	.auto_mil,
	.contenedor_registro{
		width: auto !important;
	}
	.registro .caja_descripcion{
		width: calc(28% - 20px) !important;
		clear: both;
	}
	.registro .caja_campos{
		width: 62% !important;
	}

	#contenedor_recordatorio {
		width: 75% !important;
	}
}

@media (max-width: 1024px) {

	.frontend #ventana3D .boton-chat-on {
		background-size: cover;
	}

	.navbar-header {
		float: none;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
		max-height: none;
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		/*margin: 7.5px -15px;*/
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.clsTitulo, .clsContenido {
		margin: 0 !important;
	}
	.clsContenedorDocumentos .clsTitulo,
	.clsContenedorDocumentos .listado-videos{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.frontend #ventana3D h2{
		font-size: 20px;
	}
	.clsContenedorDocumentos{
		width: 80%;
		left: 10%;
	}
    .lang-bar{
        right: auto;
        left: 10px;
    }
}

@media (max-width: 1023px) {
	#contenedor_galeria .listado-videos .enlace_documento{
		width: 25%;
	}
	#contenedor_chat{
		height: 302px !important;
	}
	#contenido-chat{
		height: 90px !important;
	}
	.auto_mil{
		width: auto !important;
	}
	.caja_descripcion,
	.caja_campos{
		width: 100% !important;
		margin: 0 !important;
		float: none !important;
		box-sizing: border-box !important;
		min-height: auto !important;
	}
	.caja_campos{
		margin:-5px 0 20px !important;
	}
	/*
	.logotipo.lleno img{
		max-width: 60px;
		height: auto !important;
	}
	*/
	.buscador .form-group{
		max-width: 120px;
	}
	.buscador .form-group input,
	.buscador .form-group select{
		max-width: 100%;
	}
	.buscador .form-group label{
		font-size: 12px;
	}
	#arbolFiltro > li {
		width: 50%;
	}

	.frontend #ventana3D .botonera{
		top: 1% !important;
	}
	.frontend #ventana3D #contenido-botonera{
		padding: 15px 18px !important;
		border-radius: 35px 0 0 35px !important;
	}
	.frontend #ventana3D #contenido-botonera > div{
		width: 35px;
		height: 35px;
		background-size: cover;
	}
	.frontend #ventana3D #contenido-botonera > div:before{
		left: 26px;
		line-height: 36px;
	}
	.clsContenedorCalendario{
		width: 92%;
		height: 90%;
	}
}

@media only screen and (max-width: 1000px) {

	.frontend #ventana3D .flecha-left,
	.frontend #ventana3D .flecha-right,
	.frontend #ventana3D .boton-chat-on,
	.frontend #ventana3D .boton-registro,
	.frontend #ventana3D .flecha-up{
		/*
		width: 5vw;
		height: 5vw;
		*/
		background-size: cover;
	}
	.frontend #ventana3D .flecha-up .texto{
		font-size: 1em;
		/*
		width: 20vw;
		margin: 5vw 0 0 -7.5vw;
		*/
	}
	.frontend #ventana3D .flecha-right .texto,
	.frontend #ventana3D .flecha-left .texto {
		font-size: 2vw;
	}
	.frontend #ventana3D .flecha-right .texto{
		margin: 1.4vw 6vw 0 0px ;
	}
	.frontend #ventana3D .flecha-left .texto{
		margin: 1.4vw 0 0 6vw;
	}
	.frontend #ventana3D .logotipo.lleno{
		border-radius: 1vw;
	}
}
@media only screen and (max-width: 767px) {
    
    
	.frontend #ventana3D {
		width: 100% !important;
		height: auto !important;
	}
	.clsContenido .proyector,
	.clsContenido .listado-videos {
		width: 50% !important;
	}
	.frontend #ventana3D #contenido-redes{
		left: 0 !important;
	}
	#ventana3D #calendario-dia{
		width: 60%;
	}
	#ventana3D #calendario-hora{
		width: 40%;
	}
	#ventana3D #calendario-hora ul li{
		width: 47%;
	}
	.frontend #ventana3D .clsContenedorInformacion {
		width: 405px;
		height: 225px;
	}
	#contenedor_recordatorio {
		width: 95% !important;
	}
	.cabecera .navbar-collapse{
		max-height: calc(100vh - 50px);
	}
}

@media only screen and (aspect-ratio: 16/9) and (min-height: 1000px) {

	.container.principal{
		padding-top: calc(50vh - 457px);
	}
}
@media only screen and (orientation: portrait){
	.container.principal{
		min-height: auto;
	}
}

.filaVip{
	background: #57e260;

}

.filaPendiente{
	color: red;
	text-decoration:line-through;
}

.errorAusente{
	border: red solid 1px;
	background: #ffe7f6;
}

.contenido img{
	max-width: 100%;
	height: auto;
}

.patrocinadores-footer{
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	background: #fff;
}
.patrocinadores-footer li{
	display: inline-block;
	margin: 30px;
	vertical-align: middle;
}
.patrocinadores-footer li img{
	display: block;
	width: auto;
	height: auto;
	max-width: 145px;
	max-height: 65px;
}
body{
	font-family:Arial, Helvetica, sans-serif;
}
.vcard{
	width: 31px;
	height: 24px;
	display: inline-block;
	background: url("../../imagenes/tarjeta.png") no-repeat;
	margin-left: 5px;
}
.vcard.gris{
	background: url("../../imagenes/tarjeta-gris.png") no-repeat;
}
.vcard.azul{
	width: auto;
	height: 19px;
	padding-left: 27px;
	background: url("../../imagenes/tarjeta-azul.png") no-repeat;
	margin: 0;
}

.lang-bar{
	position: fixed;
	top: 5px;
	right: 5px;
	z-index: 10000;
	line-height: 1;
	font-size: 11px;
}
.lang-bar a{
	display: inline-block;
	color: #333;
	margin: 0 5px;
	text-decoration: none !important;
}
.cabecera .navbar-brand,
.cabecera .navbar-nav > li > a {
	/*padding-top: 25px;*/
	padding-top: 15px;
}

.mapplic-pin.pin-feria{
    width: 100px !important;
    height: 75px !important;
    background-size: contain !important;
}
#ventana3D .mapplic-tooltip-wrap {
	max-width: 500px !important;
	margin-top: 0;
}
#ventana3D .mapplic-tooltip:after{
	top: 32px;
}

@media only screen and (max-width: 1620px){
    .mapplic-pin.pin-feria{
        width: 6.2vw !important;
        height: 4.6vw !important;
    }
}

.formregistro h4{
	margin: 30px 0 20px
}
.formregistro hr{
	border-color: #ccc;
}

/* Customize the label (the custom-checkbox) */
.fv-custom-checkbox {
	display: block;
	position: relative;
	padding: 2px 0 0 25px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: none;
	font-weight: normal;
}

/* Hide the browser's default checkbox */
.fv-custom-checkbox input {
	position: absolute;
	opacity: 0;
	top: 0;
	left: 0;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #fff;
	border: #ccc 1px solid;
}

/* On mouse-over, add a grey background color */
.fv-custom-checkbox:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.fv-custom-checkbox input:checked ~ .checkmark {
	background-color: #8dc63f;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.fv-custom-checkbox input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.fv-custom-checkbox .checkmark:after {
	left: 7px;
	top: 3px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.formregistro .inputTit{
	height: 60px;
}

.form-user{
	padding-top: 5px;
}
.form-user .labelTit{
	margin: 0;
}
.form-user input[type='text']{
	width: 100%;
}
.clearfix.reg{
	border-bottom: #ddd 1px solid;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.importadorProcesado{
	padding: 20px 0;
}

body.vimeobody{
	background: #000;
}
.ifrv{
	width: 177.75vh;
	max-width: 100vw;
	margin: 0 auto;
	overflow: hidden;
}
.ifrv-int{
	float: left;
	padding:0;
	width: 100%;
	position: relative;
}
.ifrv-int:before{
	float: left;
	display: block;
	content: '';
	padding-top: 56.25%;
}
.ifrv-int iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.chtv{
	width: 320px;
	height: 0;
	position: absolute;
	right: 0;
	top: 0;
	background: #fff;
	overflow: hidden;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.ifrv.open .chtv{
	height: 100%;
}

#view-chat{
	position: absolute;
	top: 0;
	right: 20px;
	background: #fff;
	border: #ccc solid;
	border-radius: 0 0 8px 8px;
	border-width: 0 1px 1px;
	font-size: 3rem;
	color: #333;
	text-decoration: none !important;
	padding: 0 10px;
}
#view-chat .icon-caret-down,
#view-chat .icon-caret-up{
	font-size: 2rem;
}
.enlace.auto{
	width: auto;
	padding: 5px;
}
.horarioAgenda.conHorario{
	margin: 0 10px 0 30px;
}

.fvnav{
	top: 25px;
}
.navsup{
	position: fixed;
	top: 0;
	background: #333;
	width: 100%;
	height: 25px;
	z-index: 100;
}
.navsup a{
	font-size: 16px;
	color: #fff;
	line-height: 25px;
	text-decoration: none;
}
.programa h2,
.contenedor_registro h2{
	font-size: 18px;
}

#hashtag-305,
#hashtag-306,
#hashtag-307,
#hashtag-308{
	transform: rotate(-19deg);
}
#logo-18{
	display: none;
}