*
{
    margin:0;padding:0;
}
a{
	cursor: pointer;
}
.full-width
{
    width: 100%;
    min-width: 1024px;
    max-width: 1440px;
    position: relative;
}
html,body,.container
{
    height:100%;
	font-family: 'Open Sans', sans-serif;
}
h1{
	font: 32px 'Bitter', serif;
	color: #002d68;
}
h2{
	font:  19px 'Bitter', serif;
	color: #002d68;
}
.stats-tables h2, #online-chat h2{
    margin-left: 15px;
}
h3{
	font:  16px 'Bitter', serif;
	color: #002d68;
}
p {
    margin: 0 0 18px;
}
.container
{
    display:table;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.row
{
    height: 100%;
    display: table-row;
}
.main-wrapper > .main-content {
    margin-left: 174px;
}
.page-body{
    display: table-cell;
	background-color: #F7F5F0;
    padding: 16px 32px;
    min-height: 627px;
}
.main-body {
    display: block;
}
.nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
}

.dropdown:hover>.dropdown-menu {
    display: block;
    margin-top: 0; 
}

.callout.challenge {
    margin-bottom: 20px;
}

/* Links */
a {
    color: #0485c4;
}
#scouting-program a{
	color: #002d68;
}

/* Container */
.container{
	padding-left: 0px;
	padding-right: 0px;
}
/* Header */
.header{
	background-color: #002d68;
	font-family: 'Bitter', serif;
	background: url(/resources/images/header_bg-f5e79b028cf668922a86ac5a96e6182e.png) repeat-x;
}
.header, .header > .full-width {
    height: 191px;
}
#profile-nav {
    position: absolute;
    right: 14px;
    top: 0;
}
#profile-nav .nav {
    display: flex;
}

#profile-nav > ul > li > a {
    height: 47px;
}
#profile-nav > ul > li > a:hover {
    background: #00a6d2;
}
#profile-nav > ul > li > a > span {
    margin: 0 4px;
}
#profile-nav .profile-name {
    color: white;
}
#profile-nav .profile-icon {
    color: #009B7B;
}
#header-logo {
    position: absolute;
    bottom: 0;
    left: 0;
}
#header-banner{
    position: absolute;
    bottom: 30px;
    left: 208px;
    right: 236px;
    height: 90px;
}
#header-banner > div {
    height: 100%;
    max-width: 728px;
    width: 100%;
    margin: 0 auto;
    background-color: #0485c4;
}
#header-game{
    position: absolute;
    bottom: 30px;
    right: 0;
}

/* Top navigation bar */
.navbar{
	margin-bottom: 0px;
	font-family: 'Bitter', serif;
    border: none;
}
.navbar > .full-width {
    padding: 0 16px;
}
.navbar-nav{
	height: 47px;
    margin: 0;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #002d68;
    color: #fff;
}
#navbar-sports > li > a:hover{
    background-color: #002d68;
    color: #fff;
}
.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #231f20;
}
#navbar-sports > li > a, #navbar-cart > li > a {
    padding-left: 23px;
    padding-right: 23px;
    font-weight: 100;
    font-family: 'Bitter', serif;
}
#navbar-sports {
    margin-left: 208px;
}
#navbar-social{
    margin-right: 14px;
}
#navbar-cart-number-items{
    padding: 3px 10px;
    margin-left: 5px;
    background-color: #009B7B;
}
.social-icon {
    display: inline-block;
    width: 30px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center;
    line-height: 50px;
}
.social-icon-facebook {
    background-image: url(/resources/images/social_nav/facebook-6c03b984dc57eb54e5678a4e29bf3e62.png);
}
.social-icon-facebook:hover {
    background-image: url(/resources/images/social_nav/facebook_rollover-316db7ee7ac8e21dd54e62e50492592a.png);
}
.social-icon-googleplus {
    background-image: url(/resources/images/social_nav/googleplus-83e34969d61007ab990e1ac775a38862.png);
}
.social-icon-googleplus:hover {
    background-image: url(/resources/images/social_nav/googleplus_rollover-3586d55673ac22b5bdf91fe8e46bc504.png);
}
.social-icon-youtube {
    background-image: url(/resources/images/social_nav/youtube-bde17ff0b0fb3f8e50ca57ad9c984f3d.png);
}
.social-icon-youtube:hover {
    background-image: url(/resources/images/social_nav/youtube_rollover-8d9ec2a70b62e8c42a184fd7a5eba77e.png);
}
.social-icon-twitter {
    background-image: url(/resources/images/social_nav/twitter-a294512b5578b846c6221775a99ee91e.png);
}
.social-icon-twitter:hover {
    background-image: url(/resources/images/social_nav/twitter_rollover-d469f09ad38467311e2a2dd880685c0d.png);
}
/* Side nav */
#right-sidebar{
    display: table-cell;
	background-color: white;
}
.side-nav > li > a {
    display: block;
    padding: 20px 12px;
    position: relative;
    min-width: 174px;
    border-color: #003362;
    border-style: solid;
    border-width: 0 0 1px 0;
	color: #F7F5F0;
    text-decoration: none;
    background: #023d72; /* Old browsers */
    background: -moz-linear-gradient(top,  #02417a 0%, #023d72 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#02417a), color-stop(100%,#023d72)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #02417a 0%,#023d72 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #02417a 0%,#023d72 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #02417a 0%,#023d72 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #02417a 0%,#023d72 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02417a', endColorstr='#023d72',GradientType=0 ); /* IE6-9 */
}
.side-nav > li > a:hover{
    background: #4a4845;
}
.side-nav > li > a.active {
    color: #4A4845;
    border-color: #F7F5F0;
    background: #F7F5F0;
}
.side-nav > li > a > span {
    display: inline-block;
    vertical-align: middle;
}
.side-nav-icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    width: 18px;
    height: 19px;
    margin: 0 8px;
}
.side-nav-play-icon {
    background-image: url(/resources/images/side_nav/Play_Icon-5a7ab0f46d04980becbf7311478e4859.png);
}
.active > span.side-nav-play-icon {
    background-image: url(/resources/images/side_nav/Play_Active_Icon-edc9ec07deda8ee5115af53a7ce25a39.png);
}
.side-nav-statistics-icon {
    background-image: url(/resources/images/side_nav/Statistics_Icon-c9ae9313920b7161c7fea0c0d2dca60d.png);
}
.side-nav-scouting-icon {
    background-image: url(/resources/images/side_nav/Scouting_Icon-d427995e90a6c5e37411acd1f9cb733e.png);
}
.active .side-nav-scouting-icon {
    background-image: url(/resources/images/side_nav/Scouting_Active_Icon-0d5470c355380a981f2554e6255a17bd.png);
}
.side-nav-addons-icon {
    background-image: url(/resources/images/side_nav/Addons_Icon-a633c9992958bba473063a89c5828fa5.png);
}
.active .side-nav-addons-icon {
    background-image: url(/resources/images/side_nav/Addons_Active_Icon-649a3f267c7114a9d34733c34f6b6f63.png);
}
.side-nav-history-icon {
    background-image: url(/resources/images/side_nav/History_Icon-d7a742377b92651cb3ea4f6a67490c16.png);
}
.active .side-nav-history-icon {
    background-image: url(/resources/images/side_nav/History_Active_Icon-400876d99cb392724f42b8e1b16c0911.png);
}
.side-nav-replay-icon {
    background-image: url(/resources/images/side_nav/Replays-Icon-6e59b75ee1021258dda34b20569bedd8.png);
}
.active .side-nav-replay-icon {
    background-image: url(/resources/images/side_nav/Replays_Active_Icon-ffdd80fee027ec635bab473e43fd2822.png);
}
.side-nav-tutorials-icon {
    background-image: url(/resources/images/side_nav/Tutorials_Icon-b4552c3c7ca926408451bcbdda79e9fb.png);
}
.active .side-nav-tutorials-icon {
    background-image: url(/resources/images/side_nav/Tutorials_Active_Icon-aaaebe6cd14259c0ebbfc5c21cf3cb5e.png);
}
.side-nav-shop-icon {
    background-image: url(/resources/images/side_nav/Shop_Icon-6a540dcdae2006db36c3b9c2343161c6.png);
}
.active .side-nav-shop-icon {
    background-image: url(/resources/images/side_nav/Shop_Active_Icon-5f92b23c352de6e99aa506f6d67b23e8.png);
}
.side-navbar{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 174px;
	font-family: 'Bitter', serif;
	color: white;
	background-color: #023E74;
    padding: 0;
}
/* Footer */
#footer {
    background-color: #023E74;
}
#footer > div {
    margin-left: 174px;
    background-color: #D5D2CB;
    padding: 0 76px;
    border-style: solid;
    border-color: #AFAEAA;
    border-width: 1px 0 0 0;
}
#footer > div > ul {
    margin: 0;
}
#footer > div > ul > li {
    display: inline-block;
    margin: 16px 8px;
}
#footer > div > ul > li > a {
    color: #6A6966;
    font-family: 'Bitter', serif;
    font-size: 12px;
    text-decoration: none;
}

#footer .footer-version {
    color: #6A6966;
    font-family: 'Bitter', serif;
    font-size: 12px;
    text-decoration: none;
    margin-left: 200px;
}

/* Buttons */
.btn{
	font-size: 17px;
	padding: 2px 15px;
	color: white;
	font-family: 'Bitter', serif;
}
.btn-direct:hover, .btn-direct:focus, .btn-direct:active{
	color: white;
}
.btn:hover, .btn:focus, .btn:active,
.btn-sm:hover, .btn-sm:focus, .btn-sm:active, 
.btn-xs:hover, .btn-xs:focus, .btn-xs:active,
.btn-ui:hover, .btn-ui:focus, .btn-ui:active{	
	text-decoration: none;
}
.btn{
	padding: 4px 10px;
}
.btn-sm{
	font-size: 14px;
	padding: 2px 10px;
	color: white;
}
.btn-xs{
	font-size: 13px;
}
.btn-ui{
	background: #f3f1ec; /* Old browsers */
	background: -moz-linear-gradient(top,  #f3f1ec 0%, #efede7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f1ec), color-stop(100%,#efede7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f3f1ec 0%,#efede7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f3f1ec 0%,#efede7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f3f1ec 0%,#efede7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f3f1ec 0%,#efede7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f1ec', endColorstr='#efede7',GradientType=0 ); /* IE6-9 */
	border: 1px solid #cfccc7;
}
.btn-refresh .glyphicon{
	font-size: 13px;
	padding-left: 5px;
}
.btn-primary-wide{
	padding-left: 25px;
	padding-right: 25px;
}
.btn-pos{
	margin-top: 5px;
}
.btn-inverse{
	background: #f3f1ec; /* Old browsers */
	background: -moz-linear-gradient(top,  #f3f1ec 0%, #efece6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f1ec), color-stop(100%,#efece6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f3f1ec 0%,#efece6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f3f1ec 0%,#efece6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f3f1ec 0%,#efece6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f3f1ec 0%,#efece6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f1ec', endColorstr='#efece6',GradientType=0 ); /* IE6-9 */
	color: #01b496;
	border: 1px solid #B0ACA9;
}
.btn-direct{
	background: #00a6d2; /* Old browsers */
	background: -moz-linear-gradient(top,  #00a6d2 0%, #0585c4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a6d2), color-stop(100%,#0585c4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #00a6d2 0%,#0585c4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #00a6d2 0%,#0585c4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #00a6d2 0%,#0585c4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #00a6d2 0%,#0585c4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a6d2', endColorstr='#0585c4',GradientType=0 ); /* IE6-9 */
	border: 1px solid #0184C8;
}

.btn-default{
	background: #c7c3c0; /* Old browsers */
	background: -moz-linear-gradient(top,  #c7c3c0 0%, #b3afac 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7c3c0), color-stop(100%,#b3afac)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c7c3c0 0%,#b3afac 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c7c3c0 0%,#b3afac 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c7c3c0 0%,#b3afac 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c7c3c0 0%,#b3afac 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c3c0', endColorstr='#b3afac',GradientType=0 ); /* IE6-9 */
	border: 1px solid #B0ACA9;
	color: white;
}

.btn-delete-warning, .btn-delete-warning:focus {
	background: #CC4040; /* Old browsers */
	background: -moz-linear-gradient(top,  #CC4040 0%, #AA1010 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CC4040), color-stop(100%,#AA1010)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #CC4040 0%,#AA1010 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #CC4040 0%,#AA1010 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #CC4040 0%,#AA1010 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #CC4040 0%,#AA1010 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CC4040', endColorstr='#AA1010',GradientType=0 ); /* IE6-9 */
	border: 1px solid #CC4040;
	color: white;
}

.btn-delete-warning:hover {
	background: #FF4040 ; /* Old browsers */
	background: -moz-linear-gradient(top,  #FF4040 0%, #DD1010  100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF4040), color-stop(100%,#DD1010)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #FF4040 0%,#DD1010 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #FF4040 0%,#DD1010 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #FF4040 0%,#DD1010 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #FF4040 0%,#DD1010 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF4040', endColorstr='#DD1010',GradientType=0 ); /* IE6-9 */
	border: 1px solid #FF4040;
	color: white;
}

.btn-archive-warning, .btn-archive-warning:focus {
	background: #2B547E;
	background: -moz-linear-gradient(top,  #2B547E 0%, #4863A0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2B547E), color-stop(100%,#4863A0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2B547E 0%,#4863A0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2B547E 0%,#4863A0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2B547E 0%,#4863A0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2B547E 0%,#4863A0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2B547E', endColorstr='#4863A0',GradientType=0 ); /* IE6-9 */
	border: 1px solid #2B547E;
	color: white;
}

.btn-archive-warning:hover {
	background: #4863A0;
	background: -moz-linear-gradient(top,  #4863A0 0%, #728FCE 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4863A0), color-stop(100%,#728FCE)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4863A0 0%,#728FCE 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4863A0 0%,#728FCE 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4863A0 0%,#728FCE 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4863A0 0%,#728FCE 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4863A0', endColorstr='#728FCE',GradientType=0 ); /* IE6-9 */
	border: 1px solid #4863A0;
	color: white;
}

.btn-disabled{
	background: #ecebe6; /* Old browsers */
	background: -moz-linear-gradient(top,  #ecebe6 0%, #e5e1de 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ecebe6), color-stop(100%,#e5e1de)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ecebe6 0%,#e5e1de 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ecebe6 0%,#e5e1de 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ecebe6 0%,#e5e1de 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ecebe6 0%,#e5e1de 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecebe6', endColorstr='#e5e1de',GradientType=0 ); /* IE6-9 */
	border: 1px solid #D3D2CD;
	pointer-events: none;
	color: #777;
}

.btn-self{
	background: #013781; /* Old browsers */
	background: -moz-linear-gradient(top,  #013781 0%, #002e6d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#013781), color-stop(100%,#002e6d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #013781 0%,#002e6d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #013781 0%,#002e6d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #013781 0%,#002e6d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #013781 0%,#002e6d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#013781', endColorstr='#002e6d',GradientType=0 ); /* IE6-9 */
	border: #002C6C;
}	
.btn-self, .btn-direct, .btn-open{
	width: 60px;
}	
.btn-add-to-cart, .btn-already-own, .btn-remove-from-cart{
	width: 105px;
	margin-right: 30px;
}
.btn-game-details{
	width: 60px;
}
.btn-download{
	width: 80px;
}
.btn-decline{
	font-size: 10px;
	height: 27px;
}
.console-box{
	padding: 0 10px;
}
.btn-refresh{
	color: #333333;
}
.btn-margin {
	margin-bottom: 5px;
}
.white{
	color: white;
}
.grey{
	color: #666666;
}
.light-grey{
	color: #bbb;
}
.refresh-message{
	margin-left: 10px;
}

/* Tables */
.table-striped > tbody > tr:nth-child(2n) > td, 
.table-striped > tbody > tr:nth-child(2n) > th {
	background-color: white;
    background: url('/resources/images/table_bg_for_repeat_x-8f972b547381d173bcc6bfd584ed0790.png') repeat;
}
.fixed-table-container thead th, .fixed-table-container tbody td{
	border: none;
}
.grey-padded{
	background-color: #e9e7e2;
	padding: 5px;
}
.grey-padded .table{
	background-color: white;
	margin-bottom: 0px;
}

.orange-padded {
	background-color: #ffc107;
	padding: 5px;
}

.top-border-rounded{
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}
.bottom-border-rounded{
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}
.white-bg{
	background-color: white;
}
.border-rounded{
	border-radius: 8px;
}
.bordered{
	border: 1px solid #ddd;
}
.table>tbody>tr>td{
	vertical-align: middle;
}
.fixed-table-header {
    margin-right: 0 !important;
}
.fixed-table-container{
	border-radius: 8px;
}
.fixed-table-header{
	border-radius: 8px 8px 0 0;
}
/* Available challenges */

.available-challenges .fixed-table-container thead th,
#purchase-micro-manager .fixed-table-container thead th,
#purchase-seasons .fixed-table-container thead th,
#your-recruits .fixed-table-container thead th,
#top-managers .fixed-table-container thead th,
#purchase-sale-items .fixed-table-container thead th,
.qtip-user-stats,
.qtip-game-details,
.qtip-game-rules{
	background: #f3f1ec; /* Old browsers */
	background: -moz-linear-gradient(top,  #f3f1ec 0%, #efece6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f1ec), color-stop(100%,#efece6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f3f1ec 0%,#efece6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f3f1ec 0%,#efece6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f3f1ec 0%,#efece6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f3f1ec 0%,#efece6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f1ec', endColorstr='#efece6',GradientType=0 ); /* IE6-9 */
}
.available-challenges .footer{
	background-color: #efece6;
	height: 40px;
	line-height: 44px;	
	font-family: 'Bitter', serif;
}
.available-challenges .fixed-table-container thead th .th-inner:first-child{
	padding-left: 15px;
}
.available-challenges table>tbody>tr>td,
.available-challenges .footer{
	padding-left: 15px;
}

/* User */
.user{
	vertical-align: -15%;
}
.user-online, .user-self-online{
	display: inline-block;
    position: relative;
}
.user-offline{
	display: inline-block;
    position: relative;
}
.user-busy{
	display: inline-block;
    position: relative;
}

.user-unavailable{
	display: inline-block;
	position: relative;
}

.fa-circle.user-online{
	color: #003375;
}
.fa-circle.user-busy{
	color: #0594CB;
}
.fa-circle.user-self-online{
	color: #003375;
}
.fa-circle.user-offline{
	color: #E2DFD8;
}

.fa-circle.user-unavailable {
	color: #df8500;
}

.badge-blue {
  background-color: #02437e;
  color: white; 
  font-family: Arial, Helvetica;
  margin-left: 5px;
}

/* Scouting statistics */
.scouting-statistics{
	margin-top: 0px;
	padding-top: 0px;
	font-weight: 600;
	font-size: 12px;
	color: #9f9e99;
	background-clip: padding-box;
}
.statistics-padded{
	padding: 5px;
}
.statistics-inner-padded{
	padding: 12px 0 5px;
}
.stats-header{
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	border-bottom: 1px solid #ddd;
	background-color: #f7f5f0;
	background-clip: padding-box;
}
.stats-header>.col-xs-4{
	padding-top: 11px;
	padding-bottom: 11px;
	border-right: 1px solid #ddd;
}
.stats-header>.col-xs-4:last-child{
	border-right: none;
}
.stats-mid-header>.col-xs-4{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
#stats-tier, #stats-referrals, #stats-qualified,
#stats-games, #stats-wins, #stats-losses,
#points-total, #points-avail, 
#user-rating, #manager-name{
	color: #002d68;
	font-size: 18px;
	font-weight: 700;
	padding-right: 5px;
}
#manager-name{
	font-size: 15px;
	padding-bottom: 2px;
}
#stats-tier:after{
	content:" "url(/resources/images/stats_tier-91e1bd9d6e9738d028886bdb5a50c634.png);
}
#stats-referrals:after{
	content:" "url(/resources/images/stats_referrals-b70ef5e3ff7266ca2aa407bf5d7a6f5a.png);
}
#stats-qualified:after{
	content:" "url(/resources/images/stats_qualified-e8f5bd6c5d8ac2e780113d1b95acb272.png);
}
#stats-games:after{
	content:" "url(/resources/images/stats_games-e44b2d4d2b067b41871a810479d4f870.png);
}
#stats-wins:after{
	content:" "url(/resources/images/stats_wins-db033922ac90b6087c051748d114988b.png);
}
#stats-losses:after{
	content:" "url(/resources/images/stats_losses-ffee8543a564dd5dfdd2f89c0cd95e68.png);
}
#scouting-program{
	padding-top: 10px;
	word-wrap: break-word;
	word-break: break-all;
}
#scouting-program input {
    display: none;
    width: 100%;
    color: #000000;
}
#scouting-program button{
	margin: 12px 0;
}
#right-sidebar .grey-padded{
	width: 98%;
}
.stats{
	border-top: 1px solid #ddd;
}
#view-all-stats a{
	margin: 12px 0 12px 12px;
}

/* Users online */
#users-online-heading{
	line-height: 24px;
	overflow: hidden;
    margin: -3px 0 0 0px;
    padding: 4px 8px 4px 12px;
    vertical-align: middle;
	background-color: #0585C6;
	color: white;
	font-family: 'Bitter', serif;
}
#users-online table > tbody > tr > td {
    padding-left: 15px;
}

/* Online chat */
#online-chat .col-xs-4{
	padding-left: 0px;
}
#online-chat-wrapper{
	padding-left: 0px;
	padding-right: 0px;
}
#chat-rounded-wrapper{
	padding: 12px 5px 10px 10px;
	background-color: white;
}
#online-chat-messages{
	margin: 0px 20px 0px 10px;
}
.div-break{
	margin-top: 20px;
}
.chat-message{
	clear: left;
}
.chat-date{
	color: #9f9e99;
}
#online-chat-send textarea#userNewMessage{
	clear: both;
	width: 100%;
	border: 1px solid #ddd;
	padding: 10px 5px 10px 10px;
	border-radius: 5px;
	resize: none;
	max-height: 80px;
	min-height: 80px;
	height: 80px;
	width: 100%;
	min-width: 100%;
	background-color: #FEFDFB;
}
.scrollable-textarea{
	width: 100%;
}
#chat_send{
	margin-top: 15px;
}
.online-chat-message{
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	font-size: 13px;
}
.online-chat-message:last-child{
	border-bottom: none;
	padding-bottom: 25px;
}

/* Shopping */
#purchase-micro-manager{
	margin-bottom: 20px;
}
#purchase-micro-manager table{
    border-radius: 8px 8px 0 0;
	border-collapse: collapse;
    border-spacing: 0;
	overflow: hidden;
}
#purchase-micro-manager .fixed-table-header{
	background-clip: padding-box;
}
.fixed-table-header{
	background-clip: padding-box;
	margin-right: 0 !important;
}
/* Tooltips */
.user-stats-snapshot span{
	margin-right: 6px;
}
.game-details span{
	margin-right: 8px;
}
.qtip{
	min-width: 125px;
}
.qtip-bootstrap.qtip-user-stats .qtip-content,
.qtip-bootstrap.qtip-game-details .qtip-content,
.qtip-bootstrap.qtip-game-rules .qtip-content {
	padding: 0;
	margin: 0;
}
.qtip-bootstrap.qtip-user-stats .qtip-content {
	text-align: center;
}
.qtip-bootstrap.qtip-game-details .qtip-content {
	text-align: left;
}
.user-stats-snapshot{
	padding: 9px 14px;
	width: 200px;
}
.user-stats-snapshot-buttons{
	padding: 9px 14px;
	background-color: white;
	overflow: none;
	border-top: 1px solid #ddd;
}
.btn-challenge{
	width: 100%;
}
.qtip-bootstrap.qtip-user-stats>.qtip-tip,
.qtip-bootstrap.qtip-game-details>.qtip-tip,
.qtip-bootstrap.qtip-game-rules>.qtip-tip{
	background-color: #f3f1ec;
}
.btn-not-qualified, .btn-qualified{
	margin: 10px 0 0;
	width: 100%;
}
.game-details{
	background-color: white;
	white-space: nowrap;
}
.game-details-stats{
	background-color: white;
	padding: 14px;
	font-size: 12px;
	float: left;
}
.game-rules-details{
	background-color: white;
	padding: 14px;
	font-size: 12px;
}
.game-details-label{
	padding: 14px;
	background-color: #f3f1ec;
	border-left: 1px solid #ddd;	
	font-family: 'Bitter', serif;
}
.game-rules-label{
	padding: 14px;
	background-color: #f3f1ec;
	border-right: 1px solid #ddd;	
	font-family: 'Bitter', serif;
}
.qtip-bootstrap.qtip-game-details,
.qtip-bootstrap.qtip-game-rules {
	background-color: white;
	max-width: 910px;
	max-height: 400px;
}


/* Bottom slide-out div */

.slide {
  position: relative;
}
.slide .inner-slide{
	width: 700px;
	height: 150px;
	background-color: white;
	position: fixed;
	left: 200px;
	bottom: 0;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}
.alert-btns{
	text-align: left;
	margin-top: 15px;
}

#slidebottom .alert{
	height: 130px;
	margin: 7px 5px;
	padding: 10px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}
.alert{
	padding: 10px 15px;
	font-size: 13px;
	margin-bottom: 15px;
}
.alert-info{
	background-color: #FFF9DF;
	border-color: #faebcc;
	color: #4a4845;
}
.alert ul,
.alert ol
{
	margin:10px 0 10px 20px;
	padding: 0px;
}
.alert-wrapper .alert,
.alert-modal-wrapper .alert{
	margin-bottom: 0px;
}
.alert-modal-wrapper .alert.together{
	margin-bottom: 15px;
}
.alert .glyphicon-remove{
	font-size: 10px;
	cursor: pointer;
}
.alert-wrapper, .alert-modal-wrapper{
	padding: 7px;
	margin-bottom: 15px;
	background: white;
}
.emph{
	color: black;
}
.alert-wrapper button{
	width: 90px;
}
.challenge-inner{
	background: url("/resources/images/table_bg_for_repeat_x-8f972b547381d173bcc6bfd584ed0790.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	padding: 20px;
}
.alert ul>li{
	margin-left: 12px;
}

/* Character countdown */
.char-limit-exceeded{
	color: #f00;
}
.char-counter-number{
	color: #900;
}
#comments{
	margin-bottom: 15px;
}

/* Type-ahead */
.typeahead,
.tt-query,
.tt-hint {
  width: 250px;
  height: 30px;
  padding: 4px 12px;
  font-size: 14px;
  line-height: 30px;
  border: 2px solid #ccc;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  outline: none;
}
.typeahead {
  background-color: #fff;
}
.typeahead:focus {
  border: 2px solid #ddd;
}
.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.tt-hint {
  color: #999
}
.tt-dropdown-menu {
  width: 250px;
  margin-top: 12px;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.tt-suggestion {
  padding: 3px 12px;
  font-size: 14px;
  line-height: 22px;
}
.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #00a07b;
}
.tt-suggestion p {
  margin: 0;
}
.gist {
  font-size: 14px;
}
#scrollable-dropdown-menu-team .tt-dropdown-menu,
#scrollable-dropdown-menu-player .tt-dropdown-menu {
	max-height: 150px;
	overflow-y: auto;
	display: inline-block;
}
#scrollable-dropdown-menu-avail-team .tt-dropdown-menu{
	max-height: 70px;
	overflow-y: auto;
}
.btn-done{
	margin-bottom: -8px;
}

/* Forms */
.row-header{
	font-weight: bold;
	width: 100%;
	clear: both;	
}

/* Shopping cart */
.qtip-cart {
    max-width: none;
    border-color: #D6D2CF;
}
.qtip-cart .qtip-content{
    padding: 0;
}
#qtip-cart-content{
    display: none; /* initially hidden */
    width: 300px;
}
#qtip-cart-content .empty {
    background-color: #F8F5F0;
    padding: 16px;
    text-align: center;
    font-weight: 900;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
}
#qtip-cart-content .items-scroll{
    background-color: #F8F5F0;
}
#qtip-cart-content .items ul{
    margin: 0;
    padding: 0 16px;
}
#qtip-cart-content .items ul li {
    display: block;
    position: relative;
    border-bottom: 1px solid #F0EDE8;
    padding: 14px 0;
}
#qtip-cart-content .items ul li:last-child{
    border-bottom: none;
}
#qtip-cart-content .items .description {
    display: block;
    color: #07408F;
    font-size: 14px;
    font-weight: 900;
    margin-right: 24px;
}
#qtip-cart-content .items .price {
    display: block;
    font-size: 12px;
    font-weight: 900;
    margin-right: 24px;
}
#qtip-cart-content .items .remove {
    position: absolute;
    right: 0;
    top: 28px;
    font-size: 12px; color: #B1AEA9;
    text-decoration: none;
}
#qtip-cart-content .items .remove:hover {
    color: #4A4643
}
#qtip-cart-content .footer{
    border-top: 1px solid #D6D2CF;
    background-color: white;
    padding: 0 16px;
    font-size: 0;
}
#qtip-cart-content .footer > div{
    border-bottom: 1px solid #F0EDE8;
    padding: 8px 0;
    position: relative;
}
#qtip-cart-content .footer > div:last-child{
    border-bottom: none;
}
#qtip-cart-content .footer > div > div {
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
}
#qtip-cart-content .sub-total-area, #qtip-cart-content .total-due-area{
    width: 45%;
}
#qtip-cart-content .scouting-credit-area, #qtip-cart-content .checkout-area{
    width: 55%;
}
#qtip-cart-content .footer .heading {
    display: block;
    font-family: 'Bitter', serif;
    font-size: 13px;
    font-weight: 900;
    color: #AAAAAA;
}
#qtip-cart-content .footer .total-due-area .heading {
    color: black;
}
#qtip-cart-content .checkout-area{
    text-align: right;
}

#qtip-cart-content .checkout-area #continueShopping{
    font-size: 11px;
    color: #595f68;
    padding-right: 0px;
}

#qtip-cart-content .checkout-area a:hover {
    text-decoration: underline;
    color:  #0B0088 !important;
}

#qtip-cart-content .footer {
	margin-bottom: 7px;
}

/* Closest Competitors */
#closest-competitors .competitor {
    border-bottom: 1px solid #D3D2CE;
    padding: 8px;
}
#closest-competitors .competitor:first-child{
    border-top: 1px solid #D3D2CE;
}
#closest-competitors .user-name {
    display: inline-block;
    padding: 2px 0 2px 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}
#closest-competitors .user-name:after{
    margin: 4px;
}
#closest-competitors .user-name.user-online{
    color: #0485c4;
}
#closest-competitors .user-name.user-offline{
    color: #333333;
}
#closest-competitors .user-name.user-busy{
    color: #666666;
}
#closest-competitors .user-name.user-self{
    color: #04608E;
}
#closest-competitors .competitor > div {
    display: table;
    width: 100%;
    margin: 4px 0;
}
#closest-competitors .competitor > div > div {
    display: table-cell;
    width: 20%;
    vertical-align: middle;
}
#closest-competitors .competitor > div > div.button-wrapper {
    display: table-cell;
    width: 30%;
    vertical-align: middle;
}
#closest-competitors .competitor > div > div.status-wrapper {
    display: table-cell;
    width: 30%;
    vertical-align: middle;
}
#closest-competitors .heading {
    display: block;
    font-size: 12px;
    font-weight: 900;
    margin-bottom: -5px;
}

#closest-competitors .rank, #closest-competitors .rating, #closest-competitors .status {
    font-size: 17px;
    font-weight: 900;
}
#closest-competitors .rank, #closest-competitors .rating {
    color: #02437e;
}
#closest-competitors .status.online {
    color: #0B98CD;
}
#closest-competitors .status.offline {
    color: #dddddd;
}

#closest-competitors .status.unavailable {
    color: #dddddd;
    font-size: 14px;
    line-height: 1.7;
}

#closest-competitors .competitor .user-online, 
#closest-competitors .competitor .user-self-online,
#closest-competitors .competitor .user-offline, 
#closest-competitors .competitor .user-busy,
#closest-competitors .competitor .user-unavailable{
	display: inline-block;
    position: relative;
    top: 2px;
}

/* Scouting Program page */
#scouting-program-page h1 {
    margin-bottom: 50px;
}
#scouting-program-page .top > div{
    display: table-cell;
    vertical-align: middle;
}
#scouting-program-page .copy-url {
    position: relative;
    height: 35px;
    margin-bottom: 15px;
}
#scouting-program-page .copy-url > div {
    position: absolute;
    right: 120px;
    left: 0;
    top: 0;
    bottom: 0;
}
#scouting-program-page .copy-url a, #scouting-program-page .copy-url input {
    width: 100%;
    height: 100%;
    font-size: 14px;
}
#scouting-program-page .copy-url a {
    display: inline-block;
    padding: 7px 13px;
    white-space: nowrap;
    overflow: hidden;
}
#scouting-program-page .copy-url input {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #002d68;
}
#scouting-program-page .copy-url button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 112px;
}
#scouting-program-page .share {
    font-size: 12px;
}
#scouting-program-page .share a{
    margin-left: 5px;
}
#scouting-program-page .tiers {
    text-align: center;
    margin-bottom: 45px;
}
#scouting-program-page .tier {
    display: inline-block;
    margin: 0 10px;
    width: 160px;
    height: 160px;
    border-radius: 80px;
    background-color: #0585C6;
    font-family: 'Bitter', serif;
}
#scouting-program-page .tier .percent {
    color: #002F5E;
    font-size: 36px;
    margin: 24px 42px -4px;
}
#scouting-program-page .tier .recruits {
    color: white;
    font-size: 15px;
}
#scouting-program-page .tier .separator {
    background-color: #002F5E;
    width: 53px;
    height: 3px;
    margin: 10px auto;
}
#scouting-program-page .tier .number {
    color: #002F5E;
    font-size: 15px;
}

/* Post A Challenge form */
#challenge-setup label {
	display: inline;
	font-size: 13px;
}
#challenge-setup li {
	display: block;
}
#challenge-setup .modal-dialog{
	width: 600px;
}
#challenge-setup .errors{
	color: #900;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
}
#challenge-setup .modal-content {
	background-image: url("/resources/images/table_bg_for_repeat_x-8f972b547381d173bcc6bfd584ed0790.png");
	background-repeat: repeat;
}
#challenge-setup .btn-post-challenge {
	padding: 10px 32px;
	font-size: 16px;
}
#challenge-setup .space{
	height: 30px;
}
#challenge-setup .row-header {
	font-size: 15px;
	font-family: Bitter, serif;
	text-align: center;
}
#challenge-setup .input-header{
	display: inline-block;
	font-size: 14px;
	font-family: Bitter, serif;
	font-weight: normal;
	margin: 10px 0;
}
.challenge-label {
	display: inline-block;
	font-size: 14px;
	font-family: Bitter, serif;
	font-weight: normal;
}
#gameTypeOpen, #gameTypeDirect, #gameTypeMicroManager {
	float: left;
}
#teamSeasonId_chosen{
	margin-bottom: 5px;
}
#challengerUserId_chosen{
	margin-top: 5px;
}
#scrollable-dropdown-menu-team .twitter-typeahead{
	width: 100%;
}
#scrollable-dropdown-menu-player .twitter-typeahead{
	margin-left: 5px;
}
#challenge-setup .typeahead{
	border-width: 1px;
	height:38px;
	font-size: 13px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: 100%
}
#challenge-setup .playAsRadios, #challenge-setup .rulesRadios {
	font-size: 0px; /*to remove space between span's*/
	position: relative;
}
#challenge-setup .playAsRadios > span, #challenge-setup .rulesRadios > span {
	display: inline-block;
    min-width: 60px; /*vertical align for radiobuttons*/
}
#challenge-setup .playAsRadios label,
#challenge-setup .rulesRadios label {
	padding-right: 20px;
}

#challenge-setup .game-options {
	padding-top: 10px;
}

#challenge-setup .game-options .column {
	float: left;
}

#challenge-setup .game-options #designatedHitterContainer, #optionalPitchingContainer {
	width: 30%;
}

#challenge-setup .home-away-radio #away-button {
	margin-left: 15px;
}

#challenge-setup .home-away-radio label {
	font-size: 15px;
	margin-left: 2px;
	font-weight: 550;
}

.rules-radios-container {
	display:inline;
	padding: 10px 10px 10px 20px;
	position: absolute;
}

#tournamentText {
	margin-left: 8px;
	font-size: 15px;
}

#tournament-join-error-modal .modal-dialog {
	position: absolute;
	width: 300px;
	top: 30%;
	left: 50%;
	transform: translate(-50%, -50%) !important;
}

#tournament-info-table {
    table-layout: fixed;
    width: 100%;	
}

#available-tournament-list {
    overflow-y: auto;
    height: 699px;	
}

#tournament-team-selection-modal .modal-dialog {
	position: absolute;
	width: 300px;
	top: 30%;
	left: 50%;
	transform: translate(-50%, -50%) !important;
}

#tournament-full-modal .modal-dialog {
	position: absolute;
	width: 300px;
	top: 30%;
	left: 50%;
	transform: translate(-50%, -50%) !important;
}

.tournamentInputError {
	color: #900;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#tournament-cancellation-form .modal-dialog {
	top: 15%;
}

#tournamentDescription {
	max-width: 600px;
}

.tournament-dropdown {
	display: inline-block;
	padding-right: 60px;
}

.tournament-input {
	width: auto;
}

#maxParticipantsInput {
	max-width: 100px;
}

#numParticipantsAndPlaysRow {
	display: flex;
	flex-wrap: wrap;
	flex: 1 1 auto;
}

#optional-pitching-tournament-rule {
	padding-right: 9px;
}

#designated-hitter-tournament-rule {
	padding-right: 40px;
}

#custom-team-tournament-rule {
	padding-right: 59px;
}

.tournament-radios {
	width: 25px;
	display: inline-block;
}

#forfeit-game-selection-modal .modal-dialog{
	width: 400px;
}

.tournament-modal-radios {
	margin-left: 10px;
}

.tournament-modal-radios label {
	margin-left: 5px;
}

.btn-launch-tournament {
	margin-left: 416px;
	margin-bottom: 25px;
}

#my-tournament-participants {
	width: 600px;
}

#comment-counter {
	margin: 10px 10px;
}

#users-online .badge:empty{
	display: inline;	
}


/* Profile edit page */

.adjacent-sections-wrapper,
.action-buttons-wrapper
{
	float:left;
	width:100%;
}

.profile-page-subtitle{
	font-weight:normal;
	font-size:16px;
	margin-top:-10px;
	margin-bottom:35px;
	padding-top:0;
}

.adjacent-section{
	float:left;
	margin-left:0;
}
.adjacent-section.one-third{
	width:32%;
}
.adjacent-section input,
.adjacent-section select
{
	width:80%;
}
.adjacent-section.two-thirds input,
.adjacent-section.two-thirds select
{
	width:90%;
}
.adjacent-section.two-thirds{
	width:62%;
}
.adjacent-section.one-half{
	width:49%;
}
.thinner-page-body{
	width:920px;
}
.thin-page-body{
	width:950px;
}
.profileSection .row label,
.supportSection .row label{
	display:block;
	color:#4A4845;
}
.form-page-wrapper input,
.form-page-wrapper select,
.form-page-wrapper textarea
{
	border-radius:3px;
	border:solid #D5D2CB 1px;
}
.form-page-wrapper .text-input-equiv,
.form-page-wrapper input,
.form-page-wrapper select,
.form-page-wrapper textarea
{
	padding:9px 6px;
	display:inline-block;
}
.form-page-wrapper label
{
	margin-left: 5px;
	white-space: nowrap;
}
.form-page-wrapper{
	padding-left:50px;
	padding-right:50px;
}
.form-page-wrapper select{
	background:#F2EFEA;
}
.btn-submit, .btn-cancel{
	padding:10px 0 !important;
	width:170px;
	text-align:center;
	color:#FFF;
	float:left !important;
	margin:0 15px 0 0 !important;
	display:block;
	border:none !important;
}
.first-btn{
	margin-left:-10px !important;
}
.text-input-equiv{
	margin-left:-5px;
	color:#696764;
	padding-top:10px !important;
}
.btn-primary, .btn-submit{
	background: #00b499; /* Old browsers */
	background: -moz-linear-gradient(top,  #00b499 0%, #0f9f81 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b499), color-stop(100%,#0f9f81)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #00b499 0%,#0f9f81 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #00b499 0%,#0f9f81 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #00b499 0%,#0f9f81 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #00b499 0%,#0f9f81 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b499', endColorstr='#0f9f81',GradientType=0 ); /* IE6-9 */
	border: 1px solid #00A07B;
}
.btn-primary:hover, .btn-submit:hover,
.btn-primary:active, .btn-submit:active,
.btn-primary:focus, .btn-submit:focus {
	background: #00c4af; /* Old browsers */
	background: -moz-linear-gradient(top,  #00c4af 0%, #00b095 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00c4af), color-stop(100%,#00b095)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #00c4af 0%,#00b095 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #00c4af 0%,#00b095 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #00c4af 0%,#00b095 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #00c4af 0%,#00b095 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c4af', endColorstr='#00b095',GradientType=0 ); /* IE6-9 */
	border: 1px solid #00c4af;
}

.btn-secondary, .btn-submit{
    background: #3a83e8; /* Old browsers */
    background: -moz-linear-gradient(top,  #3a83e8 0%, #2b67ba 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a83e8), color-stop(100%, #2b67ba)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3a83e8 0%,#2b67ba 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3a83e8 0%,#2b67ba 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3a83e8 0%,#2b67ba 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #3a83e8 0%,#2b67ba 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b499', endColorstr='#0f9f81',GradientType=0 ); /* IE6-9 */
    border: 1px solid #3a83e8;
}
.btn-secondary:hover, .btn-submit:hover,
.btn-secondary:active, .btn-submit:active,
.btn-secondary:focus, .btn-submit:focus{
    background: #3a83e8; /* Old browsers */
    background: -moz-linear-gradient(top, #3e89f1 0%, #2e6ec8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e89f1), color-stop(100%,#2e6ec8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3e89f1 0%,#2e6ec8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3e89f1 0%,#2e6ec8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3e89f1 0%,#2e6ec8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #3e89f1 0%,#2e6ec8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e89f1', endColorstr='#2e6ec8',GradientType=0 ); /* IE6-9 */
    border: 1px solid #3e89f1;
    color: white;
}
.btn-warning, .btn-submit{
    background: #F6BC65FF; /* Old browsers */
    background: -moz-linear-gradient(top, #f8c675 0%, #dca65c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8c675), color-stop(100%, #dca65c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f8c675 0%,#dca65c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f8c675 0%,#dca65c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f8c675 0%,#dca65c 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f8c675 0%,#dca65c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8c675', endColorstr='#dca65c',GradientType=0 ); /* IE6-9 */
    border: 1px solid #f8c675;
}
.btn-warning:hover, .btn-submit:hover,
.btn-warning:active, .btn-submit:active,
.btn-warning:focus, .btn-submit:focus{
    background: #f4c57d; /* Old browsers */
    background: -moz-linear-gradient(top, #f4c57d 0%, #daad6e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4c57d), color-stop(100%,#daad6e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f4c57d 0%,#daad6e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f4c57d 0%,#daad6e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f4c57d 0%,#daad6e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f4c57d 0%,#daad6e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4bf6e', endColorstr='#daad6e',GradientType=0 ); /* IE6-9 */
    border: 1px solid #f4bf6e;
    color: white;
}
.btn-cancel{
	background: #dfddd8; /* Old browsers */
	background: -moz-linear-gradient(top,  #dfddd8 0%, #d5d2cb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfddd8), color-stop(100%,#d5d2cb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #dfddd8 0%,#d5d2cb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #dfddd8 0%,#d5d2cb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #dfddd8 0%,#d5d2cb 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #dfddd8 0%,#d5d2cb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfddd8', endColorstr='#d5d2cb',GradientType=0 ); /* IE6-9 */
}
.btn-cancel:hover{
	background:#CCC;
}
.action-buttons-wrapper{
	margin-top:20px;
}

/* Support section */
.supportSection #description{
	width: 500px;
	height: 200px;
}

.supportSection #location, #browser, #device  {
	width: 500px;
	height: 60px;
}

.profileSection.adjacent-sections-wrapper,
.supportSection.adjacent-sections-wrapper{
	margin-bottom: 20px;	
}

.checkbox-label-line {
	margin: 10px 0px 0px 0px;
}

.checkbox-label-line > label {
	display: inline-block !important;
}

#support-intro{
	margin: 20px 0 30px;
}

#gameIdExample{
	color: green;
	font-weight: bold;
	text-decoration: underline;
}

/* Errors */
.error{
	color:#BE0423;
	display:block;
	padding:10px 0;
}
input.field-error,
textarea.field-error,
select.field-error{
	border: 1px solid #BE0423;
}
.chosen-field-error{
	border: 1px solid #BE0423;
}

/* My Addons */
#my-addons .nav-tabs {
    padding-left: 25px;
}
#my-addons .nav-tabs, #my-addons .nav-tabs > li > a{
    border-color: transparent !important;
}
#my-addons .nav-tabs > li.active > a,
#my-addons .nav-tabs > li.active > a:hover,
#my-addons .nav-tabs > li.active > a:focus {
    background-color: #e9e7e2;
}
#teams-you-own div.pagination {
    margin: 0;
}
#teams-you-own .page-list {
    display: none;
}
#teams-you-own .fixed-table-toolbar .bars{
	width: 70%;
}
#teams-you-own-toolbar{
	width: 100%;
}
#teams-you-own-toolbar .form-control-wrapper{
	width: 20%;
	padding-left: 10px;
}
#teams-you-own-toolbar .form-control-wrapper label{
	margin-bottom: 0px;
}
#teams-you-own .search{
	padding-top: 35px;
}
/* Shopping pages */
#checkout #payForm, #credit-checkout #payForm{
	margin-top: 20px;
}
/* Home page challenge time counter-related styles */
#open-challenges-table .challenge-id,
#personal-challenges-table .challenge-id
{
	display:none;
}
/* Box score */
#rain-out{
	margin: 20px 0 -10px;
} 
#winning-pitcher{
	margin: 20px 0 5px;
} 
#losing-pitcher{
	margin-bottom: 10px;
}
#awayTeamStats{
	margin-top: 40px;
}
#boxscore .table-details > thead > tr > th, 
#boxscore .table-details > tbody > tr > td {
    padding: 4px;
    text-align: center;
}
#boxscore .table-details > thead > tr > th.player, 
#boxscore .table-details > tbody > tr > td.player {
    text-align: left; 
    text-transform: capitalize;
}
#boxscore .table-details > tbody > tr > td.isSubstitute {
    padding-left: 1em;
}
#teamStats .table > thead > tr > th {
    padding: 4px;
    text-align: center;
}
#teamStats .table > thead > tr > th.player, 
#teamStats .table > tbody > tr > td.player, 
#teamStats .table > thead > tr > th.position, 
#teamStats .table > tbody > tr > td.position, 
#teamStats .table > thead > tr > th.team, 
#teamStats .table > tbody > tr > td.team  {
    text-align: left;
    text-transform: capitalize;
}
#teamStats .table > tbody > tr > td {
    padding: 4px;
    text-align: right;
}

.table-fielding-details {
	width:100%;
}

.table-fielding-details > tbody > tr > th {
	padding: 4px;
    text-align: left; 
    font-weight: bold;
    white-space: nowrap;
}

.table-fielding-details > tbody > tr > td {
	padding: 4px;
    text-align: left;
    width: 95% !important;
}

.adspace{
	color: #bbb;
}
.adspace-third-column{
	width: 98%;
	height: 300px;
	margin-top: 15px;
	font-size: 50px;
	text-align: center;
}
#captcha-wrapper #captcha-label-wrapper { 
	display: inline-block;
	vertical-align: top;
	margin: 10px 20px 0 0;
}
#captcha-wrapper .realperson-challenge {
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
}
#captcha-wrapper .realperson-regen {
    margin-top: 10px;
    text-decoration: underline;
    color: #00a487;
}
#captcha-wrapper .is-realperson{
	margin-left: 20px;
}
#signup-form #captcha-wrapper .is-realperson{
	margin-top: 10px;
}
#site-not-public{
	margin-top: 20px;
	margin-bottom: 0px;
	text-align: center;
}

/* Intro page */
#intro{
	min-width: 1024px;
	max-width: 1440px;
	margin: 0 auto;
	width: 100%;
}
#intro #header-wrapper{
	background: url(/resources/images/intro/fullHeaderBg-22c9fc53c0267444c4c4783d96153250.png) no-repeat;
	width: 100%;
	clear: both;
	overflow: auto;
	background-size: cover;
  	-moz-background-size: cover;  /* Firefox 3.6 */
 	background-position: center;  /* Internet Explorer 7/8 */
}
#intro #video-wrapper{
	background: url(/resources/images/intro/videoBg-e00799a1b6f6862a5924e90c9e99dc8a.png) no-repeat;
	width: 100%;
	clear: both;
	overflow: auto;
	background-size: cover;
  	-moz-background-size: cover;  /* Firefox 3.6 */
 	background-position: center;  /* Internet Explorer 7/8 */
 	vertical-align: middle;
}
#intro #history-windows-wrapper{
	background-color: #D9D6CD;
	width: 100%;
	clear: both;
	overflow: auto;
}
#intro #king-quality-games-wrapper{
	background: url(/resources/images/intro/kingOfGamesBgTile-00a88df90a98056d47874091f7930b4c.png) repeat;
	width: 100%;
	clear: both;
	overflow: auto;
    background-position: center;
}
#intro #king-quality-crown{
	margin: 40px auto;
	max-height: 34px;
	text-align: center;
}
#intro #king-quality-text{
	font: 42px 'Bitter', serif;
	letter-spacing: 6px;
	color: white;
	text-transform: uppercase;
	line-height: 55px;
	text-align: center;
	margin: 0px auto 50px;
}
#intro #king-quality-games{
	margin: 20px auto 70px;
	text-align: center;
}
#intro #king-quality-games img{
	margin: 0 20px;
}
#intro #king-quality-arrow{
	margin: 0px auto;
	max-height: 32px;
	text-align: center;
}
#intro .auth-link{
	vertical-align: middle;
	margin: 0 10px 0 0;
	padding: 10px 20px;
	border-radius: 15px;
}
#intro .text-link{
	font: 17px 'Bitter', serif;
	color: #333;
	text-decoration: none;
}
#intro .text-link:hover, #intro .text-link:active, #intro .text-link:focus{
	color: #333;
	text-decoration: underline;
}
#auth-social-wrapper{
    margin: 30px 3% 0 0;
}
#intro .social-icon{
	width: 44px;
	height: 44px;
}
#intro .nav>li>a:hover, 
#intro .nav>li>a:focus{
	background-color: transparent;
}
#intro .social-icon-facebook {
    background-image: url(/resources/images/social_nav/social_fb-cbb0f47d99bd262c322e38e264466334.png);
}
#intro .social-icon-facebook:hover {
    background-image: url(/resources/images/social_nav/social_fb_hover-602e36952dd838949a629c9aa93a2edd.png);
}
#intro .social-icon-googleplus {
    background-image: url(/resources/images/social_nav/social_gp-345ad233a4c75802781618a5fe57c97c.png);
}
#intro .social-icon-googleplus:hover {
    background-image: url(/resources/images/social_nav/social_gp_hover-7a87a544192f0eb2451a2745fb49379e.png);
}
#intro .social-icon-youtube {
    background-image: url(/resources/images/social_nav/social_yt-1f4ce9a45b0944deeedc09156c2351ca.png);
}
#intro .social-icon-youtube:hover {
    background-image: url(/resources/images/social_nav/social_yt_hover-db3778faffbfea1f9c18e339d287919e.png);
}
#intro .social-icon-twitter {
    background-image: url(/resources/images/social_nav/social_tw-dee4c8b494a80b83a8f4d779ea008601.png);
}
#intro .social-icon-twitter:hover {
    background-image: url(/resources/images/social_nav/social_tw_hover-98bac3942d6d4b0c0d3b4f7fac820587.png);
}
#video-wrapper #video-text{
	font: 20px 'Open Sans', sans-serif;
	color: #585959;
	float: left;
	width: 49%;
	height: 100%;
	padding: 60px 30px 0 30px;
}
#video-wrapper .emph{
	font: 26px 'Bitter', serif;
	color: #585959;
	font-weight: bold;
}
#video-wrapper #video-tutorial-wrapper{
	float: left;
	width: 49%;
	margin: 40px 10px 20px;
}
#video-wrapper #video-embed{ 
	border: 1px solid #585959;
	background-color: white;
	padding: 7px;
}
#video-wrapper #video-embed #frame{
	width: 100%;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
#video-wrapper #video-embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#history-windows-wrapper .one-third{
	width: 33.33%;
	float: left;
	text-align: center;
	padding: 80px 30px 70px 30px;
}
#history-windows-wrapper .one-third-image{
	height: 151px;
}
#history-windows-wrapper .one-third-title{
	font: 50px 'Bitter', serif;
	text-transform: uppercase;
	color: #565758;
	margin-top: 45px;
}
#history-windows-wrapper .one-third-text{
	font: 20px 'Open Sans', sans-serif;
	color: #565758;
	margin-top: 35px;
}
#history-windows-wrapper .history-windows-icon{
    display: inline-block;
    width: 142px;
    height: 151px;
    background-repeat: no-repeat;
    background-position: center;
}
#history-windows-wrapper .history-icon{
    background-image: url(/resources/images/intro/history-b461a3fccfb7ca3a008efe8ae584fdc3.png);
}
#history-windows-wrapper .scouting-icon{
    background-image: url(/resources/images/intro/scouting-b679d5f113b44f2acf2914996b7da9e7.png);
}
#history-windows-wrapper .windows-icon{	
    background-image: url(/resources/images/intro/globe-a3ea3d29de780a9e827c10115a37e9f2.png);
}

#intro #slider2_container{
	position: relative;
	top: 0px;
	left: 0px;
	width: 1440px;
	height: 570px;
	background: transparent;
	overflow: hidden;
}
#intro .inner-slides{
	 cursor: move;
	 position: absolute;
	 left: 0px;
	 top: 0px;
	 width: 1440px;
	 height: 570px;
	 border: none;
	 background: transparent;
	 -webkit-filter: blur(0px);
	 overflow: hidden;
}
#intro #slide1image,
#intro #slide2image,
#intro #slide3image,
#intro #slide4image
{
	float: left;
	margin-top: 3%;
}
#intro #slide1text{
	float: left;
	padding: 150px 50px 50px 20px;
}
#intro #slide1text .btn{
	margin: 30px 0 0 10px;
}
#intro #slide2text{
	float: left;
	padding: 150px 50px 50px 20px;
}
#intro #slide2text .btn{
	margin: 20px 0 0 10px;
}
#intro #slide2text .largeText{
	margin: 20px 0 0 35px;
}
#intro #slide3text{
	float: left;
	padding: 190px 50px 50px 20px;
}
#intro #slide3text .btn{	
	margin: 40px 0 0 5px;
}
#intro #slide3text .medText{
	margin: 30px 0 0 5px;
}
#intro #slide4text{
	float: left;
	padding: 160px 50px 50px 20px;
}
#intro #slide4text .btn{
	margin: 40px 0 0 5px;
}
#intro #slide4text .medText{
	margin: 30px 0 0 5px;
}
#intro .largeEmph{
	font: 90px 'Bitter', serif;
	color: #303c43;
	font-weight: bold;
	text-shadow: 2px 5px 0px rgba(255, 255, 255, 1);
	text-transform: uppercase;
	line-height: 75px;
}
#intro .medEmph{
	font: 64px 'Bitter', serif;
	color: #303c43;
	font-weight: bold;
	text-shadow: 2px 5px 0px rgba(255, 255, 255, 1);
	text-transform: uppercase;
	line-height: 54px;
}
#intro #slider2_container .btn{
	font: 24px 'Bitter', serif;
	padding: 10px 50px;
}
#intro .largeText{
	font: 30px 'Bitter', serif;
}
#intro .medText{
	font: 26px 'Bitter', serif;
}

#intro .footer {
    background-color: #231f20;
    padding: 0 76px;
}
#intro .footer-nav > ul {
    margin: 0 0 0 30%;
}
#intro .footer-nav > ul > li {
    display: inline-block;
    margin: 16px 8px;
}
#intro .footer-nav > ul > li > a {
    color: white;
    font-family: 'Bitter', serif;
    font-size: 17px;
    text-decoration: none;
}

#intro .footer-nav .footer-version {
	margin: 16px 0 16px 10%;
    color: #777576;
    font-family: 'Bitter', serif;
    font-size: 17px;
}

#intro .footer-nav > ul > li > a:hover,
#intro .footer-nav > ul > li > a:active,
#intro .footer-nav > ul > li > a:focus {
    color: #AFAEAA;
    font-family: 'Bitter', serif;
    font-size: 17px;
    text-decoration: none;
}
#intro .footer .copyright{
	margin: 16px 0 16px 10%;
    color: #777576;
    font-family: 'Bitter', serif;
    font-size: 17px;
}
.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn
{
	position: absolute;
	cursor: pointer;
	display: block;
    background: url(/resources/images/intro/arrows-f318ddd353e4844c94c542d76c73142e.png) no-repeat center;
    overflow: hidden;
}
.jssora05l { background-position: -10px -40px; width: 55px; height: 140px; left: 15px; top: 265px;}
.jssora05r { background-position: -70px -40px; width: 55px; height: 140px; right: 15px; top: 265px;}
.jssora05l:hover { background-position: -130px -40px; width: 55px; height: 140px; left: 15px; top: 265px;}
.jssora05r:hover { background-position: -190px -40px; width: 55px; height: 140px; right: 15px; top: 265px;}
.jssora05ldn { background-position: -250px -40px; width: 55px; height: 140px; left: 15px; top: 265px;}
.jssora05rdn { background-position: -310px -40px; width: 55px; height: 140px; right: 15px; top: 265px;}

#confirmation-modal .modal-dialog {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) !important;
}
#intro .modal-dialog{
	margin: 270px auto;
	width: 430px;
}
#intro .modal-content{
    border: 6px solid #aca694;
    border-radius: 10px;
    padding: 5px 20px 20px;
    background-color: #efece3;
    overflow: auto;
}
#intro .modal-content h2{
	color: #585959;
	line-height: 22px;
}
#intro .modal-content h2 a{
	color: #00a487;
	text-decoration: underline;
}
#intro .modal-content h2 .reduced{
	font-size: 17px;
}
#intro .form-control{
	width: 100%;
	padding: 7px;
	border-radius: 5px;
	border: 1px solid #d6d3ca;
	font-size: 17px;
	margin-bottom: 5px;
}
#intro .has-error .form-control{
    border-color: #900;
    box-shadow: none;
}
#intro .control-label{
	display: none;
}
#intro .modal-header{
	border: none;
	padding: 10px
}
#intro .modal-header .close{
	font-size: 30px;
}
#intro .help-block {
    color: #900;
    font-size: 12px;
    margin-bottom: 2px;
    margin-top: 0;
}
#intro .signup-success-title{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
#intro .signup-success-test{
	margin: 15px 0;
	font-size: 16px;
}
#intro .signup-success-footnote{
	margin: 15px 0 0;
	font-size: 12px;
	font-style: italic;
}
#intro #signup-success-wrapper{
	text-align: center;
}
#intro #signup-success-wrapper img{
	margin-bottom: 20px;
}
#intro .modal-body{
	padding: 0;
}
#intro .modal-header{
	padding: 15px 0;
}
#intro .form-control{
	height: 38px;
}
#intro .modal-body ul>li{ 
	margin-left: 20px;
}
#game-history .page-list {
    display: none;
}
#game-history .table-striped > tbody > tr:first-child{
	background-color: #d9edf7;
}

#purchase-micro-manager table > tbody > tr > td{
	vertical-align: top;
}

#num-personal-challenges{
	top: 2px;
}
.current-tier-checkmark{
  color: #0f9f81;
  font-size: 40px;
  margin-right: 10px;
}
#first-time-login{
	margin-bottom: 10px;
}
#first-time-login .first-time-header{	
	padding: 5px 0 15px 0;
	margin: 0;
	font-size: 16px;
	font-weight: bold;
}
.chosen-single, .chosen-drop{
	min-width: 200px;
}
.slimScrollBar {
	z-index: 0 !important;
}
.on-sale {
	color: red;
}

.word-break {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.advanced-options {
	cursor: pointer;
    display: block;
    font-size: 13px;
    color: #444; 
    margin: 2px 0 0;
    padding: 0.5em 0.5em 0.5em 0.7em;
    position: relative;
	border:1px solid #aaa;
	border-radius:5px;
	box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);
	color:#444;
	text-decoration:none;
	background-color:#fff;
	background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#eee),color-stop(80%,#fff));
	background-image:-webkit-linear-gradient(#eee 20%,#fff 80%);
	background-image:-moz-linear-gradient(#eee 20%,#fff 80%);
	background-image:-o-linear-gradient(#eee 20%,#fff 80%);
	background-image:linear-gradient(#eee 20%,#fff 80%);
	
}

.advanced-options-header {
	font-size: 13px;
	font-family: "Open Sans",sans-serif;
	font-weight: bold;
}

.direction {
	background: url(/resources/css/chosen-sprite-25b9acb1b504c95c6b95c33986b7317e.png) no-repeat 0 2px;
	display: inline;
	float: right;
	width: 15px;
}

.direction-up {
	background-position: -18px 2px;
}

.advanced-options-content {
	display: none;
}

.hint {
	font-size: 25px; 
	color:black;
	vertical-align: middle;
}

.bold {
	font-weight: bold;
}

.post-challenge-text {
	margin-left: 20px;
}

#twitter-container {
	padding:30px 5px 0px 5px; 	
}

.challenge-header-link {
	font: 700 24px 'Bitter', serif;
	color: #404040;
	letter-spacing: -1px;
}

.challenge-description {
	font-family: 'Bitter', serif;	
}

.store-link {
	font-size: 10px;
	font-family: "Open Sans",sans-serif;
}

.radio-label {
	float: left;
}

.rules-radios-container-parent {
	height: 70px;
}

.game-comments {
	height: 100px;
	width: 50%;
}

#create-challenges-table > tbody > tr > td {
	padding: 10px 20px 10px 0px;
}

.game-history-delete {
	width: 25px;
	height: 25px;
	font-size: 14px;
	padding: 3px 3px;
}

.btn-delete-item, .btn-submit{
    background: #dc0909; /* Old browsers */
    background: -moz-linear-gradient(top,  #dc0909 0%, #CC0000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dc0909), color-stop(100%, #CC0000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dc0909 0%,#CC0000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #dc0909 0%,#CC0000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dc0909 0%,#CC0000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #dc0909 0%,#CC0000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc0909', endColorstr='#CC0000',GradientType=0 ); /* IE6-9 */
    border: 1px solid #dc0909;
}
.btn-delete-item:hover, .btn-submit:hover,
.btn-delete-item:active, .btn-submit:active,
.btn-delete-item:focus, .btn-submit:focus{
    background: #f32929; /* Old browsers */
    background: -moz-linear-gradient(top, #f32929 0%, #da1010 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f32929), color-stop(100%,#da1010)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f32929 0%,#da1010 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f32929 0%,#da1010 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f32929 0%,#da1010 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f32929 0%,#da1010 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f32929', endColorstr='#da1010',GradientType=0 ); /* IE6-9 */
    border: 1px solid #f32929;
    color: white;
}

.one-row-tabs {
	display: inline-flex;
}

.button-row {
	display: inline;
}

.wide-form-wrapper > form > div {
	margin-bottom: 15px;
}

.wide-form-wrapper > form > div > input {
	width: 100%;
}

.collections-button {
	margin-right: 15px;
}

.highlight { 
	background: yellow;
}

.collections-list-wrapper {
	height: 400px;
    overflow-y: auto;
    border: #233a3a40;
    border-style: solid;
    border-width: 1px;
}

.collections-button-wrapper {
	text-align: center;
}

.colection-item {
	padding: 5px 10px;
	word-wrap: break-word;
}

.collection-modal-separator-line {
	border-bottom: 3px solid #e5e5e5;
    padding: 15px;
    left: 30px;
    right: 0px;
    margin-right: 0px;
}
.clickable {
	cursor: pointer;
}
table.collections-table td {
	font-size: 12px;
}

.modal-wide {
	width: 80%;
}
.collections-select-filter {
	position: relative;
	padding: 10px 10px 10px 10px;
}

.collections-select-filter > .team-filter-dropdown {
	position: relative;
	top: 5px;    
	margin-right: 45px;
    white-space: nowrap;
}

.collections-select-filter > .career-team-filter-dropdown {
	position: relative;
	margin-right: 25px;
	white-space: nowrap;
}

.addons-padded {
	padding: 10px;
}

.upload-form-wrapper > form > input {
	margin-bottom: 15px;
}

.align-center {
	text-align: center !important;
}

.half-opaque {
	opacity: 0.5;
}

.btn-margin-right {
	margin-right: 10px;
}

#collection-filter-icon {
	font-size: 2em !important;
}

.fixed-table-footer table tbody tr td div.th-inner {
    line-height: 20px;
    padding: 8px;
}

.no-padding {
	padding-left: 0px;
	padding-right: 0px;
}

.short-bottom-margin {
	margin-bottom: 10px;
}

.detail-view, .detail-view:hover {
	background: lightgray;
}

.completeStatus {
	color: darkgreen;
}

.incompleteStatus {
	color: darkred;
}

.card-display {
	display:table;
	width:200px;
	height: 318px;
	border-spacing:1px;
	text-align:center;
    border-radius: 20px;
    margin: 8px 5px 9px 5px;
    background: white;
    font-weight: bold;
}
.card-roll {
	font-size:11px;
	color:#000;
	line-height:12px;
	width: 25px;
}
.card-name {
	color:#be0423;
	font-size:16px;
	padding-top: 10px;
	padding-bottom: 4px;
}
.card-fielding {
	color:#be0423;
	padding-bottom: 8px;
}
.card-stats {
	position:relative;
	float:left;
	text-align:center;
	color:#4c6a27;
	font-size:11px;
	line-height:12px;
	width:16%;
	margin-bottom:6px;
}
.dice-result-css-table {
	display: table; 
	width: 100%; 
	padding: 0px;
	margin-left: 7px;
}
.dice-result-css-cell {
	display: table-cell;
	margin-left: auto;
    margin-right: auto;
}
.dice-result-css-cell-left {
	display: table-cell;
	text-align: right;
	width: 12px;
}
.dice-result-css-cell-right {
	display: table-cell;
	text-align: left;
}
.card-result {
	font-size:11px;
	color:#be0423;
	line-height:14px;
}
.card-result-container {
	display: table-cell;
	text-align: center;
}
.card-container {
    width: 232px;
    height: 450px;
    margin: 0 auto;
    background: #efece6;
    margin-top: 200px;
    border-color: #efece6;
    border-style: solid;
    border-width: 6px;
    opacity: 0.9;
    border-radius: 10px;
}
.cell-bottom-space {
	padding-bottom: 9px;
}
.cell-left-space {
	padding-left: 10px;
}
.card-legend {
	font-size: 13px;
	font-family: serif;
	color: #000;
	line-height: 12px;
	height: 20px;
}
.card-sub span {
	border: 1px solid #e0dacf;
	border-radius: 8px;
	overflow: hidden;
	height: 23px;
	width: 60%;
	text-indent: 8px;
	font-size: 12px;
	font-family: BitterB;
	color: #4a4845;
	padding: 5px;
}
.card-sub {
	padding: 10px;
}
.legend-display {
	display: block;
    padding: 5px;
}

/* Jeremy additions */
.pull-right-margin {
	margin-right: 12px;
	margin-top: 15px;
	margin-bottom:15px;
}

.pull-top-bottom-margin {
	margin-top: 15px;
	margin-bottom:15px;
}

/* Card-Matching page */

#matching-attributes {
	display: flex;
	height: 100%;
	width: 25%;
}

#matching-batting {
	display: flex;
	height: 100%;
	width: 100%;
}

.matching-fielding {
	display: flex;
	height: 100%;
	width: 100%;
}

#matching-pitching {
	display: flex;
	height: 100%;
	width: 100%;
}

.flex-row {
	display: flex;
	flex: 1 0 auto;
	flex-direction: row;
}

.matching-column {
	display: flex;
	flex: 1 0 auto;
	flex-direction: column;
	min-width: 20%;
	gap: 20px;
	margin-right: 20px;
}

.matching-column-text, .second-column {	
	display: flex;
	flex: 1 0 auto;
	flex-direction: column;
	min-width: 20%;
	gap: 16px;
	margin-right: 20px;
	margin-top: 6px;
}

.second-column {
	display: none;
	flex-direction: column;
}

.matching-input {
	height: 20px;
	width: 100px;
	border-width: 1px;
}

.matching-select {
	height: 34px;
	width: 100px;
}

.matching-card {
	background-color: white;
	margin: 5px;
	display: block;
	max-height: 402px;
	max-width: 234px;
	border: 1px solid red;
	height: 402px;
	width: 234px;
}

.card-selected {
	border: 1px solid lime;
}

.results-pane {
	display: flex;
	max-width: 800px;
	width: 800px;
	border: 1px solid black;
}

.dice-input {
	width: 20px;
	height: 20px;
	resize: none;
}

.edit-icon {
	position: relative;
	height: 50px;
	width: 50px;
	margin-left: 70px;
	border: 1px solid lime;
	z-index: 1;
	top: -305px;
	right: -65px;
}

#edit-popup {
	position: fixed;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.5);
}

.popup-card {
	display: none;
	position:relative;
	background-color: #fefefe;
    border: 2px solid #888;
    width: 300px;
	height: 700px;
}

.grey-transparent {
    opacity: 0.5;
    pointer-events: none;
}

@media only screen and (max-width: 768px) {
    html, body,.container {
        width: 100%;
        height: 100%;
        overflow-y: scroll;
    }
    
    body {
        font-size: 13px;
    }
    
    .full-width {
        min-width: auto;
        max-width: none;
    }
    
    /* NAVBAR SETTINGS */
    .navbar {
        position: fixed;
        top: 0;
        width: 100%;
    }
    
    #navbar-sports {
        margin-left: auto;
    }
    
    .nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .navbar > .full-width {
        padding: 0 10px;
    }
    
    .navbar-nav {
        height: 40px;
        font-size: 11px;
    }
    
    #navbar-sports > li > a {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    #navbar-social {
        display: none;
    }
    
    .social-icon {
        width: 24px;
        height: 40px;
        line-height: 74px;
    }

    #navbar-cart > li > a {
        padding-left: 0;
        padding-right: 0;
    }

    /* HEADER SETTINGS */
    .header, .header > .full-width {
        height: 95px;
        width: 100%;
        position: fixed;
        top: 50px;
        z-index: 5;
    }
    
    #profile-nav {
        top: 5px;
        right: 0;
        width: 100%;
    }

    #profile-nav > .nav {
        display: flex;
    }
    
    #profile-nav > .nav > li {
        flex-grow: 1;
    }

    #profile-nav > ul.nav > li:nth-child(2) {
        text-align: right;
    }
    
    #header-logo {
        bottom: auto;
        top: 3px;
        left: calc(50% - 42.5px);
    }
    
    #header-logo img {
        width: 85px;
        height: auto;
    }
    
    #header-banner {
        display: none;
    }

    #mobile-side-nav-button,
    #manager-stats-button {
        position: absolute;
        width: 35px;
        height: 35px;
        top: 53px;
        background-size: contain;
        border-radius: 50%;
    }

    #mobile-side-nav-button {
        left: 15px;
        background-image: url(/resources/images/side_nav/baseball_hamburder_icon-0efcbac4569234b909cf398927dd79fa.png);
    }

    #manager-stats-button {
        right: 15px;
        background-image: url(/resources/images/side_nav/manager_stats_icon-da808e7d93dc740b0aa9c310b7171d55.png);
    }
    
    #mobile-side-nav-button.active,
    #manager-stats-button.active {
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4);
    }
    
    /* SIDE NAV SETTINGS */
    .side-navbar {
        position: fixed;
        bottom: auto;
        top: 145px;
        left: -175px;
        transition: left 0.3s ease;
        z-index: 1000;
    }
    
    .side-navbar.show {
        left: 0;
    }
    
    .side-nav > li > a {
        padding: 15px 12px;
    }

    ul.side-nav {
        margin-bottom: 0;
    }
    
    /* MAIN CONTENT SETTINGS */
    #main-wrapper {
        top: 145px;
    }
    
    .main-wrapper > .main-content {
        margin-left: auto;
        background-color: #F7F5F0;
    }
    
    .page-body {
        width: 100%;
        padding: 20px 0 16px 0;
    }
    
    .main-body {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    
    #right-sidebar {
        position: fixed;
        width: 100%;
        height: calc(100% - 140px);
        top: 140px;
        overflow-y: scroll;
        background-color: #e9e7e2;
        right: -100%;
        transition: right 0.3s ease;
    }
    
    #right-sidebar.show {
        right: 0;
    }

    #challenges-tabpanel > .nav-tabs > li > a{
        padding-left: 5px;
        padding-right: 5px;
        height: 75px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    .challenge-inner.border-rounded.container.bordered {
        display: flex;
        flex-direction: column;
    }
    
    .post-challenge-text {
        margin-top: 15px;
        text-align: center;
    }

    .scroll-wrapper {
        overflow: scroll;
        width: 100%;
    }
    
    .scroll-wrapper .fixed-table-container {
        min-width: 660px;
        width: 100%;
        table-layout: auto;
    }

    #online-chat {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    #users-online {
        width: 100%;
        height: 200px;
        overflow: scroll;
        padding-right: 0;
        border: 1px solid #e9e7e2;
        border-radius: 8px;
    }

    #online-chat h2 {
        margin-left: 0;
    }

    #users-online-heading {
        margin: auto;
    }
    
    #online-chat-wrapper {
        width: 100%;
        margin-top: 10px;
        height: 300px;
        overflow: scroll;
    }

    #online-chat {
        margin-left: auto;
        margin-right: auto;
    }

    #online-chat-messages {
        margin: 0;
        height: 150px !important;
    }

    #online-chat-send textarea#userNewMessage{
        max-height: none;
        min-height: auto;
        height: 50px;
    }

    #online-chat-wrapper .slimScrollDiv {
        height: 150px !important;
    }
    
    #chat-rounded-wrapper {
     height: auto; 
    }
    
    #online-chat-wrapper .slimScrollDiv {
        height: 150px !important;
    }
    
    /* FOOTER SETTINGS */
    .adspace img {
        width: 80%;
    }

    .adspace-third-column {
        width: 100%;
        height: 270px;
    }
    
    #footer > div {
        margin-left: auto;
        padding: 0;
    }
    
    #footer .footer-version {
         margin-left: 8px; 
    }

    .footer-nav ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    /* CREATE CHALLENGES PAGES */
    #create-challenges-table tr {
        display: flex;
        flex-direction: column;
    }

    #create-challenges-table td:nth-child(2) {
        order: -1;
    }

    #create-challenges-table tr td:nth-child(1) {
        padding-top: 0;
    }
    
    .challenge-label {
        margin-top: 10px;
    }
    
    .game-options > .row:not(.form-group) {
        display: none;
    }
    
    #challenge-setup .form-group {
        margin-bottom: 0;
        display: flex !important;
        flex-direction: column;
    }
    
    #challenge-setup .btn-post-challenge {
        margin-top: 20px;
        margin-left: calc(50% - 60px);
    }
    
    /* MY ADDONS SETTINGS */
    #my-addons .nav-tabs {
        padding-left: 0;
        font-size: 12px;
    }
    
    #teams-you-own-toolbar .form-control-wrapper {
        width: 24%;
    }

    #unlocks .fixed-table-container {
        height: 100% !important;
    }
    
    /* SCOUTING PAGE SETTINGS */
    #baseball-image > img {
        width: 150px;
        height: 125px;
    }

    #scouting-program-page .copy-url {
        height: 85px;
        display: flex;
        flex-direction: column;
    }

    #scouting-program-page .copy-url > div {
        position: static;
    }

    #scouting-program-page .copy-url a {
        padding: 7px 0;
        white-space: normal;
    }

    #scouting-program-page .copy-url button {
        position: static;
    }

    #scouting-program-page .share {
        position: static;
    }
    
    /* GAME HISTORY SETTINGS */
    #game-history-table tbody tr td:nth-child(9) a {
        width: 100px;
        display: block;
    }
    
    #game-history .fixed-table-container {
        padding-bottom: 0 !important;
    }

    /* COLLECTIONS SETTINGS */
    #collection-tabpanel .one-row-tabs {
        display: flex;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
    }

    #collection-tabpanel .one-row-tabs > li {
        width: 25%;
        text-align: center;
    }

    #collection-tabpanel .one-row-tabs > li > a {
        display: block;
        padding: 10px 3px;
        height: 55px;
        width: 100%;
        text-align: center;
    }

    #available-collections .fixed-table-body {
        overflow: scroll !important;
    }
    
    #create-button {
        margin-right: 8px;
    }
    
    #archive-user-button {
        margin-left: 8px;
    }

    .modal-dialog {
        width: 100% !important;
        margin: 0;
        top: 100px;
    }
    
    #collectionObject .col-xs-2 {
        width: 30%;
    }
    
    /* CUSTOM TEAM FORM SETTINGS */
    #custom-team-body .col-xs-8 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    #custom-team-body .col-xs-2 {
        padding-left: 0;
        padding-right: 0;
        width: 75px;
        margin-bottom: 0;
        width: 100%;
    }
    
    #custom-team-body .col-xs-10 {
        padding-left: 0;
        padding-right: 0;
        margin-top: 10px;
    }
    
    #custom-team-body .col-xs-3 {
        padding-right: 0;
        padding-left: 20px !important;
    }
    
    #custom-team-body .col-xs-7 {
        margin-left: 50px;
    }

    #custom-team-body label {
        padding-left: 5px;
    }

    #purchase-micro-manager .fixed-table-header table th:nth-child(1) > div {
        width: 200px;
    }

    #purchase-micro-manager .fixed-table-body tbody tr td:nth-child(1) {
        min-width: 200px;
    }
    
    #purchase-unlocks .fixed-table-header table th:nth-child(2) > div {
        width: 200px;
    }

    #purchase-unlocks .fixed-table-body tbody tr td:nth-child(2) {
        min-width: 200px;
    }

    /* TUTORIAL SETTINGS */
    #tutorial-body .col-xs-3 {
        width: 40%;
    }

    #tutorial-body .col-xs-9 {
        width: 100%;
    }
    
    #tutorial-body iframe {
        width: 100%;
        height: 170px;
    }
    
    /* SUPPORT SETTINGS */
    #support-intro .adjacent-section.one-half {
        width: 75%;
        margin-top: 20px;
    }
    
    #support-intro {
        margin: auto;
    }
    
    .supportSection .adjacent-section {
        width: 100%;
    }
    
    .supportSection .adjacent-section.one-half {
        width: 75%;
        margin-top: 20px;
    }

    .supportSection #description {
        width: 100%;
    }
    
    .supportSection #location, #browser, #device {
        width: 100%;
    }

    /* INTO PAGE SETTINGS */
    #intro {
        min-width: 100%;
        max-width: 100%;
    }

    #intro #header-wrapper {
        position: relative;
        background: url(/resources/images/intro/mobileHeaderBg-ad4e92fa94f940e5f748d39ed0d0306e.png) no-repeat;
        background-size: cover;
        height: 450px;
    }
    
    #intro #slider2_container {
        display: none;
    }

    #intro #video-wrapper {
        position: relative;
        margin-top: -100px;
        display: flex;
        flex-direction: column;
        background: transparent;
    }

    #intro #history-windows-wrapper .one-third {
        width: 100%;
        padding: 30px 15px 30px 15px;
    }
    
    #intro #video-wrapper #video-tutorial-wrapper {
        width: 100%;
        margin: 20px 0;
        text-align: center;
    }
    
    #intro #video-wrapper #video-text {
        width: 100%;
        padding: 30px 30px 0 30px;
    }

    #intro #video-wrapper #video-embed {
        border: none;
    }
    
    #intro #history-windows-wrapper {
        display: flex;
        flex-direction: column;
    }

    #intro #history-windows-wrapper .one-third {
        width: 100%;
        padding: 30px 15px;
    }

    #intro #history-windows-wrapper .one-third-title,
    #intro #history-windows-wrapper .one-third-text{
        margin-top: 15px;
    }

    #intro #king-quality-games img {
        margin: 20px;
    }

    #intro .footer {
        padding: 0;
        height: auto;
        display: flex;
        flex-wrap: wrap;
    }

    #intro .footer-nav > ul {
        margin: 0;
    }

    #intro .footer-nav .footer-version {
        margin: 16px 8px;
    }

    #intro .footer .copyright {
         margin: 20px 0 0 0;
         top: 0;
         width: 100%;
         text-align: center;
     }

    #intro .modal-dialog {
        margin: 100px auto;
    }
    
    #custom-team-edit .col-xs-4 {
        width: 100%;
    }

    #custom-team-edit .col-xs-8 {
        width: 100%;
        margin-top: 10px;
    }

    #custom-team-edit label {
        height: 30px;
    }

    #pitcher-seasonType,
    #seasonType,
    #pitcher-sortBy,
    #sortBy{
        width: 100px;
    }
    #pitcher-teamCity,
    #teamCity,
    #pitcher-playerName,
    #playerName {
        width: 75px;
    }
    
    #pitcher-clear,
    #clear {
        margin-right: 30px;
    }
    
    #custom-team-status {
        margin-left: 15%;
    }
    
    #custom-teams-container {
        display: block;
    }
    
    #custom-teams-table {
        display: block;
        width: 100%;
        margin: 0;
    }
    
    #new-team-create-button {
        margin-left: 8px;
    }
    
    #collection-tabpanel > ul.nav-tabs {
        margin-top: 20px;
    }
    
    .collections-select-filter {
        display: flex;
        align-items: center;
    }
    
    #collection-filter-icon {
        margin-right: 0;
    }
    
    #collection-options {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-evenly;
    }

    .slide .inner-slide {
        width: 100%;
        height: 165px;
        left: auto;
    }

    .alert-btns{
        margin-top: 10px;
    }
    
    #slidebottom .alert {
        height: 150px;
    }
}