.tabs a{
  cursor: pointer;
  padding: 5px;
  background: #fff;
  color: #000;
  border: 1px solid #666;
  border-bottom: 0;
}
.tabs a:hover, .tabs a.active{
  background: #666;
  color: #fff;
}

.btn-default{
   color: #ccc;
   background-color: #212D3E;
   border-color: #171a21;
}

.input-group-addon{
   color: #ccc;
   background-color: #212D3E;
   border-color: #171a21; 
}

.input-group-addon:hover, .input-group-addon:focus, .input-group-addon:after , .input-group-addon:active, .input-group-addon.active {
    color: #ccc;
    background-color: #223F51;
    border-color: #449D44; /*set the color you want here*/
}

.text-warning{
   color: yellow;
}

.btn-default:hover, .btn-default:focus, .btn-default:after , .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
    color: #ccc;
    background-color: #223F51;
    border-color: #449D44; /*set the color you want here*/
}

.lazyload,
.lazyloading {
    opacity: 0;
}
.lazyloaded {
    opacity: 1;
    transition: opacity 300ms;
}

progress.Achievement
{
    color: darkkhaki;
    border-radius: 2px;
    width: 250px;
    background-color: #4A4A4A;
    border: 0;
    height: 11px;
}

.pagination {
    margin: 0px;
    padding: 0px;
}

.pagination > li > a, .pagination > li > span
{
    background: rgba(27, 31, 41, 0.7)!important;
    color: #fff;
    border: 0;
}

.pagination > .active > a
{
    background: rgba(42, 63, 90, 0.9)!important;
}

.pagination > .disabled > a
{
    background: rgba(27, 31, 41, 0.7);
}

.pagination > li > a:hover
{
    background: #4AA3D6!important;
}
  
/* Firefox */
progress.Achievement::-moz-progress-bar { 
    background: darkkhaki;	
}

/* Firefox */
progress.Achievement.Rare::-moz-progress-bar { 
    background: mediumpurple;
}

/* Firefox */
progress.Achievement.UnCommon::-moz-progress-bar { 
    background: #347C17;
}

/* Firefox */
progress.Achievement.Common::-moz-progress-bar { 
    background: #4e8ddb;	
}

/* Chrome */
progress.Achievement::-webkit-progress-value {
    background: darkkhaki;
}

.tabContent{
  border: 1px solid #aaa;
  margin: 4px 0;
  padding: 5px;
}

.tablesorter-blue {width: 650px}

li{border: 0px;}
table{padding:0px; font:14px/18px Arial, Helvetica, sans-serif;border-spacing:1px;border-collapse: separate;}
table.Pager{margin:auto}

table.Default800 { border-width: 0;width: 800px; margin:auto}
table.Default1000 { border-width: 0;width: 1000px; margin:auto}
table.Default1100 { border-width: 0;width: 1100px; margin:auto}
table.Information{width: 1000px;margin:auto;}
table.Login{width: 700px;margin:auto;}

tr.TableHeader {background-color: #333333; }
tr.d0 {	background: rgba(42, 63, 90, 0.5); }
tr.d1 {	background: rgba(42, 63, 90, 0.5); }
tr.d2 {	background: rgba(42, 63, 90, 0.5); }

th{font-weight:normal;padding:0px; margin:0px;padding-right: 9px}
td{padding-right:5px; padding-top:2px; padding-bottom:2px; margin:0px;}
td.NoBorders{padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px;margin:0px;}
td.AchievementBox{padding-top:4px; padding-left:4px; padding-right:4px; padding-bottom:4px;margin:0px;}
td.GameInfoBoxRow{width:200px;}
td.GameInfoGameName{font-size: large;}
span.GameInfoBoxRow{font-weight: bold;}
ul{list-style-type:none;}
body{background-color:#1b2838;padding:0px; padding-top: 70px; margin:0px; color:#939393;  font:14px/18px Arial, Helvetica, sans-serif;}
div, p, ul, h2, h3, img
{
    padding:0px; margin:0px;
}

.bubble
{
position: relative;
width: 600px;
height: 45px;
padding: 5px;
background: #4f96c2;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #fff;
}

.panel {
    background: none;
    border: 0;
}

input[type="text"]{
    background: rgba(42, 63, 90, 0.5)!important;
    color: #fff;
}

.panel > .panel-heading {
    background: rgba(27, 31, 41, 0.5)!important;
}

.panel > .panel-body {
    background: rgba(27, 31, 41, 0.6)!important;
}

a {font:normal 14px Arial, Helvetica, sans-serif;text-decoration:none; color:#ebebeb;}
a:hover{ font:normal 14px Arial, Helvetica, sans-serif;color:#BBBBBB; background:transparent; text-decoration:underline; }

a.SteamLink {font:normal 12px Arial, Helvetica, sans-serif;}
a.SteamLink:hover{ font:normal 12px Arial, Helvetica, sans-serif; }

a.AutoLink {font:normal 14px Arial, Helvetica, sans-serif;text-decoration:none; color:#FFFFFF; text-decoration:underline; font-style:italic;}

h1, h2, h3, h4, h5, h6 {font-weight:bold;margin:5px 5px 5px 5px;text-align: center}
h1 {	font-size:1.7em;	}
h2	{	font-size:1.7em;	}
h3	{	font-size:1.0em;	}

h1.huge {
	font-size:72px;
	letter-spacing:-0.03em;
}

select.language_select {
	margin-top: 3px; 
	background-color:#9C9EA0;
	border:1px solid #000000;
	color:#000000;
	font-family: arial, helvetica, tahoma, trebuchet ms, sans-serif;
	margin:0px;
	padding:2px;
	text-align:left;
	text-decoration:none;
	width:200px;
}

form {
	margin:0;
	padding:0;
}

input {
	background-color:#1a1a1a;
	color:#909090;
	border:solid 1px #707070;
}

button{
    	background-color:#1a1a1a;
	color:#909090;
	border:solid 1px #707070;
}

input[type='checkbox'] {
	background-color:#1a1a1a;
	color:#909090;
	border:solid 1px #707070;
}

input.SteamOpenID {
	background-color:transparent;
	border: 0;
}

	
textarea { resize:both; 

	background-color:#b0b0b0;
	color:#1a1a1a;
	border:solid 1px #707070;
    }

select {
	font-family: arial, helvetica, tahoma, trebuchet ms, sans-serif;
	background-color:#1a1a1a;
	color:#e0e0e0;
}

img {
   border:0px;
}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
/*.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}*/
.ui-widget-content {
	background: rgba(27, 40, 56, 0.5)!important;
	color: #BBBBBB;
}
.ui-widget-content a {
	background: rgba(25, 25, 25, 0.0)!important;
}
.ui-widget-header {
	background: rgba(25, 25, 25, 0.0)!important;
	color: #BBBBBB;
	font-weight: bold;
}
.ui-widget-header a {
	color: #BBBBBB;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	background: rgba(25, 25, 25, 0.2)!important;
	font-weight: normal;
	color: #BBBBBB;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	background: rgba(25, 25, 25, 0.8)!important;
	color: #BBBBBB;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
    background: rgba(50, 50, 100, 0.8)!important;
	color: #CCCCCC;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	background: rgba(25, 25, 25, 0.8)!important;
	color: #BBBBBB;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	background: rgba(50, 50, 75, 0.8)!important;
	text-decoration: none;
}


.friendPlayerLevel.lvl_100, .friendPlayerLevel.lvl_200,
	.friendPlayerLevel.lvl_300, .friendPlayerLevel.lvl_400,
	.friendPlayerLevel.lvl_500, .friendPlayerLevel.lvl_600,
	.friendPlayerLevel.lvl_700, .friendPlayerLevel.lvl_800,
	.friendPlayerLevel.lvl_900, .friendPlayerLevel.lvl_1000,
	.friendPlayerLevel.lvl_1100, .friendPlayerLevel.lvl_1200,
	.friendPlayerLevel.lvl_1300, .friendPlayerLevel.lvl_1400,
	.friendPlayerLevel.lvl_1500, .friendPlayerLevel.lvl_1600,
	.friendPlayerLevel.lvl_1700, .friendPlayerLevel.lvl_1800,
	.friendPlayerLevel.lvl_1900, .friendPlayerLevel.lvl_2000,
	.friendPlayerLevel.lvl_2100, .friendPlayerLevel.lvl_2200,
	.friendPlayerLevel.lvl_2300, .friendPlayerLevel.lvl_2400,
	.friendPlayerLevel.lvl_2500, .friendPlayerLevel.lvl_2600,
	.friendPlayerLevel.lvl_2700, .friendPlayerLevel.lvl_2800,
	.friendPlayerLevel.lvl_2900, .friendPlayerLevel.lvl_3000
{
	border: none;
	border-radius: 0;
	background-repeat: no-repeat;
	background-position: 0 0;

	font-size: 14px;

	height: 32px;
	width: 32px;
	line-height: 32px;
}

.friendPlayerLevel.lvl_100 {
	background-image: url( 'https://steamcommunity-a.akamaihd.net/public/shared/images/community/levels_hexagons.png' );
	text-shadow: 1px 1px #1a1a1a;
}

.friendPlayerLevel.lvl_200 {
	background-image: url( 'https://steamcommunity-a.akamaihd.net/public/shared/images/community/levels_shields.png' );
	text-shadow: 1px 1px #1a1a1a;
}

.friendPlayerLevel.lvl_300 {
	background-image: url( 'https://steamcommunity-a.akamaihd.net/public/shared/images/community/levels_books.png' );
	text-shadow: 1px 1px #1a1a1a;
}

.friendPlayerLevel.lvl_400 {
	background-image: url( 'https://steamcommunity-a.akamaihd.net/public/shared/images/community/levels_chevrons.png' );
	text-shadow: 1px 1px #1a1a1a;
}

.friendPlayerLevel.lvl_500 {
	background-image: url( 'https://steamcommunity-a.akamaihd.net/public/shared/images/community/levels_circle2.png' );
	text-shadow: 1px 1px #1a1a1a;
}

.friendPlayerLevel.lvl_600 {
	background-image: url( 'https://steamcommunity-a.akamaihd.net/public/shared/images/community/levels_angle.png' );
	text-shadow: 1px 1px #1a1a1a;
}

.friendPlayerLevel.lvl_700 {
	background-image: url( 'https://steamcommunity-a.akamaihd.net/public/shared/images/community/levels_flag.png' );
	text-shadow: 1px 1px #1a1a1a;
}

.friendPlayerLevel.lvl_800 {
	background-image: url( 'https://steamcommunity-a.akamaihd.net/public/shared/images/community/levels_wings.png' );
	text-shadow: 1px 1px #1a1a1a;
}

.friendPlayerLevel.lvl_900 {
	background-image: url( 'https://steamcommunity-a.akamaihd.net/public/shared/images/community/levels_arrows.png' );
	text-shadow: 1px 1px #1a1a1a;
}

.friendPlayerLevel.lvl_1000 {
	background-image: url( 'https://steamcommunity-a.akamaihd.net/public/shared/images/community/levels_crystals.png' );
	text-shadow: 1px 1px #1a1a1a;
}

.friendPlayerLevel.lvl_1100 {
	background-image: url( 'https://steamcommunity-a.akamaihd.net/public/shared/images/community/levels_space.png' );
	text-shadow: 1px 1px #1a1a1a;
}

.friendPlayerLevel.lvl_1200 {
	background-image: url( 'https://steamcommunity-a.akamaihd.net/public/shared/images/community/levels_waterelement.png' );
	text-shadow: 1px 1px #1a1a1a;
}

.friendPlayerLevel.lvl_1300 {
	background-image: url( 'https://steamcommunity-a.akamaihd.net/public/shared/images/community/levels_fireelement.png' );
	text-shadow: 1px 1px #1a1a1a;
}

.friendPlayerLevel.lvl_1400 {
	background-image: url( 'https://steamcommunity-a.akamaihd.net/public/shared/images/community/levels_earthelement.png' );
	text-shadow: 1px 1px #1a1a1a;
}

.friendPlayerLevel.lvl_1500 {
	background-image: url( 'https://steamcommunity-a.akamaihd.net/public/shared/images/community/levels_airelement_1-2.png' );
	text-shadow: 1px 1px #1a1a1a;
}

.friendPlayerLevel.lvl_1600 {
	background-image: url( 'https://steamcommunity-a.akamaihd.net/public/shared/images/community/levels_airelement_3-4.png' );
	text-shadow: 1px 1px #1a1a1a;
}

.friendPlayerLevel.lvl_1700 {
	background-image: url( 'https://steamcommunity-a.akamaihd.net/public/shared/images/community/levels_airelement_5-6.png' );
	text-shadow: 1px 1px #1a1a1a;
}

.friendPlayerLevel.lvl_1800 {
	background-image: url( 'https://steamcommunity-a.akamaihd.net/public/shared/images/community/levels_airelement_7-8.png' );
	text-shadow: 1px 1px #1a1a1a;
}

.friendPlayerLevel.lvl_1900 {
	background-image: url( 'https://steamcommunity-a.akamaihd.net/public/shared/images/community/levels_airelement_9-10.png' );
	text-shadow: 1px 1px #1a1a1a;
}
.friendPlayerLevel.lvl_2000 {
	background-image: url( 'https://steamcommunity-a.akamaihd.net/public/shared/images/community/levels_geo_1-2.png?v=2' );
	text-shadow: 1px 1px #1a1a1a;
}
.friendPlayerLevel.lvl_2100 {
	background-image: url( 'https://steamcommunity-a.akamaihd.net/public/shared/images/community/levels_geo_3-4.png?v=2' );
	text-shadow: 1px 1px #1a1a1a;
}
.friendPlayerLevel.lvl_2200 {
	background-image: url( 'https://steamcommunity-a.akamaihd.net/public/shared/images/community/levels_geo_5-6.png?v=2' );
	text-shadow: 1px 1px #1a1a1a;
}
.friendPlayerLevel.lvl_2300 {
	background-image: url( 'https://steamcommunity-a.akamaihd.net/public/shared/images/community/levels_geo_7-8.png?v=2' );
	text-shadow: 1px 1px #1a1a1a;
}
.friendPlayerLevel.lvl_2400 {
	background-image: url( 'https://steamcommunity-a.akamaihd.net/public/shared/images/community/levels_geo_9-10.png?v=2' );
	text-shadow: 1px 1px #1a1a1a;
}
.friendPlayerLevel.lvl_2500 {
	background-image: url( 'https://steamcommunity-a.akamaihd.net/public/shared/images/community/levels_mandala_1-2.png?v=2' );
	text-shadow: 1px 1px #1a1a1a;
}
.friendPlayerLevel.lvl_2600 {
	background-image: url( 'https://steamcommunity-a.akamaihd.net/public/shared/images/community/levels_mandala_3-4.png?v=2' );
	text-shadow: 1px 1px #1a1a1a;
}
.friendPlayerLevel.lvl_2700 {
	background-image: url( 'https://steamcommunity-a.akamaihd.net/public/shared/images/community/levels_mandala_5-6.png?v=2' );
	text-shadow: 1px 1px #1a1a1a;
}
.friendPlayerLevel.lvl_2800 {
	background-image: url( 'https://steamcommunity-a.akamaihd.net/public/shared/images/community/levels_mandala_7-8.png?v=2' );
	text-shadow: 1px 1px #1a1a1a;
}
.friendPlayerLevel.lvl_2900 {
	background-image: url( 'https://steamcommunity-a.akamaihd.net/public/shared/images/community/levels_mandala_9-10.png?v=2' );
	text-shadow: 1px 1px #1a1a1a;
}

.friendPlayerLevel.lvl_plus_10 {
	background-position: 0 -32px;
}
.friendPlayerLevel.lvl_plus_20 {
	background-position: 0 -64px;
}
.friendPlayerLevel.lvl_plus_30 {
	background-position: 0 -96px;
}
.friendPlayerLevel.lvl_plus_40 {
	background-position: 0 -128px;
}
.friendPlayerLevel.lvl_plus_50 {
	background-position: 0 -160px;
}
.friendPlayerLevel.lvl_plus_60 {
	background-position: 0 -192px;
}
.friendPlayerLevel.lvl_plus_70 {
	background-position: 0 -224px;
}
.friendPlayerLevel.lvl_plus_80 {
	background-position: 0 -256px;
}
.friendPlayerLevel.lvl_plus_90 {
	background-position: 0 -288px;
}


/* table sorter parts */
/* filter widget */

.tablesorter-blue {
    width: 700px;
}

.tablesorter-blue .tablesorter-filter-row td {
	line-height: normal;
	text-align: center; /* center the input */
	-webkit-transition: line-height 0.1s ease;
	-moz-transition: line-height 0.1s ease;
	-o-transition: line-height 0.1s ease;
	transition: line-height 0.1s ease;
}
/* optional disabled input styling */
.tablesorter-blue .tablesorter-filter-row .disabled {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: not-allowed;
}
/* hidden filter row */
.tablesorter-blue .tablesorter-filter-row.hideme td {
	/*** *********************************************** ***/
	/*** change this padding to modify the thickness     ***/
	/*** of the closed filter row (height = padding x 2) ***/
	padding: 2px;
	/*** *********************************************** ***/
	margin: 0;
	line-height: 0;
	cursor: pointer;
}
.tablesorter-blue .tablesorter-filter-row.hideme .tablesorter-filter {
	height: 1px;
	min-height: 0;
	border: 0;
	padding: 0;
	margin: 0;
	/* don't use visibility: hidden because it disables tabbing */
	opacity: 0;
	filter: alpha(opacity=0);
}
/* filters */
.tablesorter-blue .tablesorter-filter {
	width: 98%;
	height: auto;
	margin: 0;
	padding: 4px;
	border: 1px solid #bbb;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: height 0.1s ease;
	-moz-transition: height 0.1s ease;
	-o-transition: height 0.1s ease;
	transition: height 0.1s ease;
}



table.tablesorter tr:nth-child(2n) {background: rgba(23, 26, 33, 0.9)!important;}
table.tablesorter tr:nth-child(2n+1) {background: rgba(27, 31, 41, 0.9)!important;}
table.tablesorter tr.d2 {	background: rgba(11, 36, 59, 0.9)!important; }

.tablesorter-blue .tablesorter-header {
	background-repeat: no-repeat;

	background-position: center right;
        cursor: pointer;
        background-image: none;
}

.tablesorter-blue .headerSortUp,
.tablesorter-blue .tablesorter-headerSortUp,
.tablesorter-blue .tablesorter-headerAsc {
	background-image: url(asc.png);
}

.tablesorter-blue .headerSortDown,
.tablesorter-blue .tablesorter-headerSortDown,
.tablesorter-blue .tablesorter-headerDesc {
	background-image: url(desc.png);
}

.tablesorter-blue thead .disabled {display: none}

.navbar{
    margin-bottom: -20px;
}

.navbar-default {
  background-color: #171a21;
  border-color: #171a21;
}

.navbar-inverse { 
    background-color: #171a21;
}

.navbar-default .navbar-text {
  color: #888888;
}

.navbar-inverse .navbar-nav>li>a {
  color: #ffffff;
}

.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus {
  color: #ffffff;
  background-color: #666;
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus {
  color: #fff;
  background-color: #666;
}

.dropdown:hover .dropdown-menu {
    display: block;
 }

.dropdown-menu, .dropdown-menu>li>a { 
    background-color: #171a21;
    color:#ffffff;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { 
    background-color: #666;
    color:#ffffff;
}

  .navbar-default .navbar-nav .open .navbar-default .navbar-nav .open {
    background-color: #171a21;
    color:#ffffff;
  }

.navbar-default .navbar-toggle {
  border-color: #282828;
}

.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
  background-color: #282828;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #666;
}

.navbar-default .navbar-collapse,.navbar-default .navbar-form {
  border-color: #282828;
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus {
  background-color: #484828;
  color: #ffffff;
}

.navbar-default .navbar-link {
  color: #888888;
}

.navbar-default .navbar-link:hover {
  color: #ffffff;
}

.panel > .panel-body {
    background-color: #292939;
    color:#efefff;
}

.panel > .panel-heading {
    background-color: #383848;
    color:#efefff;
}

/*.btn {
    background-color: #939393; 
    text-decoration: none;
    border-color: #111 #111 #111 #111;
    color: #000
}

.form-control
{
    background-color: #939393; 
    text-decoration: none;
    border-color: #aaa #444 #444 #aaa;
    color: #000
}*/

.ColorRed
{
    color: #FF0000;
}
.ColorGreen
{
    color: #347C17;
}
.ColorCyan
{
    color: #00FFFF;
}
.ColorPurple
{
    color: #B23AEE;
}
.ColorOrange
{
    color: #347C17;
}
.AStatsScore
{
    color: #00FFFF;
    font-weight: bold;
    font-size: large;
}

/* chat bubbles */

.bubble:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 9px 0 9px 15px;
border-color: transparent #4f96c2;
display: block;
width: 0;
z-index: 1;
right: -15px;
top: 13px;
}

.bubble2
{
position: relative;
width: 600px;
height: 45px;
padding: 5px;
background: #4785ac;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #fff;
}

.bubble2:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 9px 0 9px 15px;
border-color: transparent #4785ac;
display: block;
width: 0;
z-index: 1;
right: -15px;
top: 13px;
}