body {
    background:#EAEAEA !important;
}

select {
    border: solid 1px #CCCCCC !important;
    border-radius: 0px !important;
}

h1 {
    font-size: 20px !important;
    margin-top:0px !important;
}   

h2 {
    font-size: 18px !important;
}

h4 {
    font-size: 14px !important;
}

h3 {
    font-size: 16px !important;
}

h1, h2, h3, h4 {
    color:#487294 !important;
}

h1, h2, h3 {
    font-weight:600 !important;
}

.blue {
    color:#487294 !important;
}

.aqua {
    color: rgb(73,137,139); 
}

.grey7 {
    color: #777;
}

.greyC {
    color: #CCC;
}

.bold {
    font-weight:600;
}

.big {
    font-size:125%;
}

.upper { 
    text-transform:uppercase;
}

.left {
    float:left;
}

.no-padding {
    padding:0 !important;
}

.no-padding-left {
    padding-left:0 !important;
}

.no-margin {
    margin:0 !important;
}

.btn-primary {
    background-color: #558DBA !important;
    border-color: #3F729B !important;
}

.center-inside,
.display-table{
    display:table;
    width:100%;
}

.display-inline{
    display:inline !important;
    width:auto !important;
}

.display-inline-block{
    display:inline-block !important;
    width:auto !important;
}

.center-inside span{
    display:table-cell;
    vertical-align:middle;
}

.standard-border,
.overflow-auto {
    overflow:auto;
}

.standard-border,
.bad-rating  {
    border: solid 1px #CCCCCC !important;
}

.standard-border {
    background-color: #ffffff;
    margin-bottom:15px;
    padding:10px 0 10px 0;
}

.round-corners {
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.good-rating {
    color:white !important;
    background:#69BF13 !important;
    border:solid 1px #69BF13 !important;
}

.average-rating {
    color:#333333 !important;
    background:#FFCC33 !important;
    border:solid 1px #FFCC33 !important;
}

.bad-rating {
    background:white !important;
}

.table-title {
	font-size: 18px;
	padding: 5px;
	font-weight: bold;
	text-transform: uppercase;
}

.main-header {
    min-height:52px;  
    border-bottom:1px solid #BFBFBF;
    background: rgb(88,89,89); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(88,89,89,1) 0%, rgba(74,74,74,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(88,89,89,1)), color-stop(100%,rgba(74,74,74,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(88,89,89,1) 0%,rgba(74,74,74,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(88,89,89,1) 0%,rgba(74,74,74,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(88,89,89,1) 0%,rgba(74,74,74,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(88,89,89,1) 0%,rgba(74,74,74,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#585959', endColorstr='#4a4a4a',GradientType=0 ); /* IE6-9 */
}

.main-header .caret {
    border-top-color: #FFF !important;
    border-bottom-color: #FFF !important;
}

.main-header a:hover .caret, 
.main-header a:focus.caret, 
.main-header .open .caret {
    border-top-color: #E1E2E2 !important;
    border-bottom-color: #E1E2E2 !important;
}

.main-header .dropdown-menu {
    padding:2px;
    background-color: #eeeeee;
    margin-top:0px !important;
    margin-right:10px !important;
    border-top:0px !important;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px; 
    -webkit-box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.175);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.175);
}

.main-header .dropdown-menu span.jut-out {
    background-image:url(/img/jutout.png);
    background-repeat: no-repeat;
    width:25px;
    max-height:10px;
    height:100%;
    position:absolute;
    top:-10px;
    right:10px
}

.main-header .dropdown-menu {
    font-size:90%;
}

.main-header .dropdown-menu .divider{
    background-color: #CCC;
    margin: 3px 0;
}

.nav-tabs {
    margin-bottom: 10px !important;
}

.main-header ul.nav  > li a:hover,
.main-header .dropdown-toggle:hover,
.main-header .dropdown-toggle,
.main-header a:hover.dropdown-toggle, 
.main-header a:focus.dropdown-toggle
{
    background-color: transparent !important;
    border-color: transparent !important;
}

.main-header  ul.nav > li a {
    color:white;
} 

.main-header ul.nav ul > li a:hover {
    background-color: #DDD !important;
}

.main-header  ul.nav > li a:hover, 
.main-header ul.nav > li a:focus,
.main-header a:hover.dropdown-toggle, 
.main-header a:focus.dropdown-toggle, 
.main-header ul li .open a,
.main-header .dropdown-toggle:hover{
    color:#E1E2E2 !important;
}

.main-header ul.nav ul >li a, 
.main-header ul.nav ul >li a:hover, 
.main-header ul.nav ul >li a:focus {
    color:#585959 !important;
}

.mega {
    left:-20px;
    list-style:none;
    margin:0px auto 0px auto;
    height:30px;
    padding:0px 5px 0px 5px;	
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position:absolute;
    left:-5px;
}

.mega li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	margin-right:0px;
	margin-top:3px;
	border:none;	
}

.mega li  a{
    color:white;
	padding: 8px 15px 8px 15px;
}

.mega li  a:hover{
    text-decoration: none;
	padding: 8px 15px 8px 15px;
	background: white;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
    color:#585959;
}


.mega li.hover {
    background: white;color:#585959;
}

.mega li.hover > a {
    text-decoration: none;
	padding: 8px 15px 8px 15px;
	background: white;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
    color:#585959;
}


.mega .dropdown_1column, 
.mega .dropdown_2columns, 
.mega .dropdown_3columns, 
.mega .dropdown_4columns,
.mega .dropdown_5columns {
	margin:4px auto;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;
	border:1px solid #777777;
	border-top:none;
	box-shadow: 2px 3px 3px 2px rgba(0, 0, 0, 0.3);
	background: white;
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
}

.mega .dropdown_1column {width: 152px;}
.mega .dropdown_2columns {width: 292px;}
.mega .dropdown_3columns {width: 432px;}
.mega .dropdown_4columns {width: 572px;}
.mega .dropdown_5columns {width: 712px;}

.mega li:hover .dropdown_1column, 
.mega li:hover .dropdown_2columns, 
.mega li:hover .dropdown_3columns,
.mega li:hover .dropdown_4columns,
.mega li:hover .dropdown_5columns {
	left:-1px;
	top:auto;
	z-index: 2;
}

.mega .col_1,
.mega .col_2,
.mega .col_3,
.mega .col_4,
.mega .col_5 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
	z-index: 2;
}
.mega .col_1 {width:130px;}
.mega .col_2 {width:270px;}
.mega .col_3 {width:410px;}
.mega .col_4 {width:550px;}
.mega .col_5 {width:690px;}


.mega li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}


.mega li ul li a {
	text-transform:none;
    color:black;
    cursor:hand;
    cursor:pointer;
}

.mega li ul li {
	font-size:12px;
	line-height:24px;
	position:relative;
	text-shadow: 1px 1px 1px #ffffff;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	width:100%;
}
.mega li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
}

.mega hr {
    margin-top: 5px;
    margin-bottom: 5px;
}




.splash-back {
    position: fixed; 
    top: 52px; 
    left: 0; 
    min-width: 100%;
    min-height: 100%;    
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
}

.content {
    margin:20px 0 20px 0;
    -webkit-box-shadow: 6px 4px 8px rgba(50, 50, 50, 0.15);
    -moz-box-shadow:    6px 4px 8px rgba(50, 50, 50, 0.15);
    box-shadow:         6px 4px 8px rgba(50, 50, 50, 0.15);
    background:#F6F7F9;
    border:solid 1px #CCCCCC;
    padding:20px;
}

.footer { 
    clear:both; 
    position:fixed; 
    width:100%; 
    bottom:0;
    z-index:90;
    border-top:solid 1px #A4BACA;
    background:white;
    min-height:52px;
}

.footer ul.nav  > li {
    font-weight:bold;
    margin-left: 15px;
}

.footer ul.nav > li > a {
    position: relative;
    display: block;
    padding: 1px;
    color:#585959;
}

#matchView .match.title h2,
#matchView  h3{
    margin-top:0px !important;
}

#matchView .match.title h2 {
    margin-bottom:0px !important;
}

#matchView .match.title {
     background:#F2F2F2;
}

#matchView .match h4, 
#schedule .match h4{
    margin-top:0px !important;
    margin-bottom:0px !important;
}

#matchView .match hr,
#schedule .match hr{
    margin:10px 0 !important;
}

#matchView .match-info,
#schedule .match-info {
    margin-top:15px;
    margin-bottom:15px;
}

#matchView .match-info  .text-center,
#schedule .match-info   .text-center{
    min-height:54px;
}

#schedule .competition-filter {
    border:solid 1px #CCCCCC;
    padding-bottom:10px;
}

#schedule .competition-filter select {
    margin-bottom:10px;
}

#schedule  #dateList .date {
    cursor:hand;
    cursor:pointer;
    padding:10px;
}

#schedule  #dateList .date:hover {    
    background:#EAEAEA;
}

#schedule  #dateList .date.active {
    background:#EAEAEA;
}

#schedule .ui-datepicker-trigger {
    cursor:hand;
    cursor:pointer;
    max-height:40px !important;
    display: block;
    height: auto;
    max-width: 100%;
}

#matchScheduleResults .match.active {
    background:#F3F4F4;
    cursor:hand;
    cursor:pointer;
}

.caption {
    padding: 10px;
    background: #FCFCF7;
    border-bottom: solid 1px #CCCCCC;
    border-top: solid 1px transparent;
    font-size: 16px;
    color: #487294;
    font-weight: 600;
}
.rate-link, .rate-link:hover {
    color: #000; 
    background-color: rgb(253,220,115); 
    padding: 0 3px; 
    margin-top: 5px; 
    display: inline-block; 
    border: 1px solid black; 
    border-radius: 3px; 
    font-weight: bold;
    text-decoration: none;
}
.rating-box {
    max-width: 70px; 
    max-height: 60px; 
    background-color: #EEE; 
    border-radius: 5px;
}
.rating-box .rating-title {
    display: block; 
    font-weight: bold; 
    padding: 3px 0; 
    font-size: 12px; 
    text-align: center; 
    border-bottom: 1px solid #CCC;
}
.rating-box .rating-value {
    display: block; 
    text-align: center; 
    color: rgb(198,105,97); 
    font-weight: bold; 
    font-size: 24px;
}

.account-card {
    padding-bottom:15px;
}

.account-card #upload-avatar-placeholder {
    display:none;
    text-align:center; 
    position:absolute;
    top:-10px;
    color: #487294;
    font-weight:bold;
    font-size:90%;
    width:100%;
    opacity:0.9;
    filter:alpha(opacity=90);
}

.review, 
.account-card, 
.follow-people, 
.todays-games {
    background: #FFFFFF;
    border: solid 1px #CCCCCC;
    margin-bottom: 15px;
}

.modal select {
    width: auto; 
    display: inline; 
    margin: 10px;
}
.modal-dialog {
    max-width: 800px !important;
    width: auto !important;
}
.content.admin .modal-dialog {
    max-width: 950px !important;
    width: auto !important;
}

.review, 
.account-card, 
.follow-people, 
.todays-games ,
.standard-shadow {
    -webkit-box-shadow: 1px 2px 8px rgba(50, 50, 50, 0.15);
    -moz-box-shadow: 1px 2px 8px rgba(50, 50, 50, 0.15);
    box-shadow: 1px 2px 8px rgba(50, 50, 50, 0.15);
}

.feed-link, .feed-link:hover{
    margin-left: 20px;
    text-decoration: none;
}

.feed-link.active {
    text-decoration: underline !important;
}

.account-card img{
    margin-top: 15px; 
    margin-bottom: 15px;
    height: auto;
}

hr.thin {
    margin: 0 0 10px 0 !important;
}

/*--------------------------REVIEW*/
.review {
    padding: 10px;
}
.review .usr-thumb {
    width: 55px; 
    float: left;
}
.review .usr-info {
    display: inline-block; 
    padding: 5px;
}
.review .usr-name {
    display: block; 
}
.review .usr-score {
    color: #FF0000;
    font-size: 20px; 
    font-weight: bold;
}
.review .max-score {
    color: #CCCCCC; 
    font-size: 20px; 
    font-weight: bold;
}
.review hr {
    margin: 15px 0 10px 0;
}
.review .review-date {
    color: #CCCCCC; 
    float: right;
}
.review .sub-links {
    margin-top: 10px;
}
.review .sub-link{
    color: #888;
}
.review .sub-link:hover{
    text-decoration: none;
    color: #555;
}
.review .sub-link:focus {
    outline: none;
    text-decoration: none;
}
.review .comments-box {
    display: none;
}

.review .comments-box .comment {
    word-wrap: break-word;
}

.review.feed-auto-insert {
    display: none;
}

.review .description {
    word-wrap: break-word;
}

/*--------------------------FOLLOW PEOPLE*/
.follow-people .user-line {
    border-bottom: 1px solid #CCC;
    padding: 5px 0;
}

#btnLoadNextReviews {
    background: #eeeeee;
    background: -moz-linear-gradient(top, #FFFFFF 0%, #DDDDDD 100%);
    background: -webkit-linear-gradient(top, #FFFFFF 0%,#DDDDDD 100%);
    background: linear-gradient(to bottom, #FFFFFF 0%,#DDDDDD 100%);
    cursor: pointer;
}
#btnLoadNextReviews:hover {
    color: black;
}

.add-on {
    height: auto; 
    cursor: pointer;
    border: none !important;
    background: none !important;
}

.bread-crumbs{    
    padding-top:10px;
}

.bread-crumbs span {
    color:rgb(88,89,89) !important;
    padding-right:10px;
}

.modal-dialog .modal-header {
    background:rgb(88,89,89);
}

.modal-dialog .modal-header h3 {
    color:white !important;
}

.modal-dialog .modal-header .close{
    color:white !important;
}

.modal-dialog .modal-body .form-control{
    margin-bottom:15px;
    margin-top:5px;
}

.modal-dialog .modal-body .form-control.short{
    width: auto;
	display: inline-block;
}

.modal-dialog .modal-body select.form-control{
    margin:5px 0px 15px 0px;
    display: block;
}

.modal-dialog .modal-body span img{
    margin-bottom:15px;
}

.deleteReview .modal-body h3,
.reportReview .modal-body h3,
.editReview .modal-body h3,
#addReview .modal-body h3 {
    color: #777 !important;
}

.deleteReview  .modal-body h3.top,
.reportReview  .modal-body h3.top,
.editReview  .modal-body h3.top,
#addReview .modal-body h3.top {
    margin-top:0px;
}

.pointer {
    cursor: pointer;
}

.scrollable-list {
    max-height: 800px; 
    overflow-y: auto; 
    padding-right: 0px !important;
}

.scrollable-list.short {
	max-height: 400px; 
}

.scrollable-list.extra-short {
	max-height: 100px; 
}

.quick-links {
	margin-top: 20px;
}

.img-upload .img-thumbnail{
	cursor: pointer;
}

.img-upload input {
	font-size: 50px;
	opacity: 0;
	position: absolute;
	top: -1000px;
	left: -1000px;
	width: 100%;
	z-index: 2;
	float: left;
}

.img-upload .loading {
	
}

.pagination {
	display: inline-block !important;
}

.page-stat {
	margin-left: 15px;
	display: inline-block; 
	position: relative; 
	top: -10px;
}


//admin match table
.table .td-black {
	color: black;
}

.table .td-grey{
	color: #555;
}

.table .tr-head td{
	background: rgb(88,89,89); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(88,89,89,1) 0%, rgba(74,74,74,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(88,89,89,1)), color-stop(100%,rgba(74,74,74,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(88,89,89,1) 0%,rgba(74,74,74,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(88,89,89,1) 0%,rgba(74,74,74,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(88,89,89,1) 0%,rgba(74,74,74,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(88,89,89,1) 0%,rgba(74,74,74,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#585959', endColorstr='#4a4a4a',GradientType=0 ); /* IE6-9 */
	color: white;
}

.table.border td {
	border: 1px solid #AAA !important;
}

.table-img {
	max-width: 40px;
	padding-right: 10px;
}

.table .link {
	text-decoration: underline;
	cursor: pointer;
}

.table .link.disabled {
	text-decoration: none;
	cursor: auto;
	color: #999;
}

//squad table


.form-control.search-field {
	border-radius: 0 !important;
	height: 27px !important;
	color: grey;
	font-weight: bold;
}

.label-button {
	margin: 0 15px;
	text-decoration: underline;
	cursor: pointer;
	color: rgb(73,137,139); 
	font-weight: bold;
	vertical-align: sub;
}

.isloading-wrapper.isloading-right{
	margin-left:10px;
}
.isloading-overlay{
	position:relative;
	text-align:center;}
.isloading-overlay .isloading-wrapper{
	background:#FFFFFF;
	-webkit-border-radius:7px;
	-webkit-background-clip:padding-box;
	-moz-border-radius:7px;
	-moz-background-clip:padding;
	border-radius:7px;
	background-clip:padding-box;
	display:inline-block;
	margin:0 auto;
	padding:10px 20px;
	top:50%;
	z-index:9000;
}
.icon-spin{
     -webkit-transform-origin: 50% 58%;
     transform-origin:50% 58%;
     -ms-transform-origin:50% 58%; /* IE 9 */
     -webkit-animation: spin .2s infinite linear;
     -moz-animation: spin .2s infinite linear;
     -o-animation: spin .2s infinite linear;
     animation: spin .2s infinite linear;
}
#mainPersonList a, #specificPersonList a {
	cursor: pointer;
}