body {
	
	margin-left: 10px;
	margin-right:10px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.usertemplate
{
	width:100%;
}

#contents
{
	min-width:840px;
}
fieldset
{
	margin-bottom:10px;
	clear:both;
}
.header-bg
{
	background-image: url(images/header-bg.jpg);
	background-repeat: repeat-x;
	height: 64px;
}

.no-border
{
	border: 0px none #FFFFFF;
}
.red {
	font-size: 14px;
	color: #FF0000;
}

.green2 {
	font-size: 14px;
	color: #28a745;
}

/*#leftmenue {
	padding: 0px;
	width:160px;
}
#leftmenue a {
	background-image: url(images/active-link-bg.jpg);
	background-repeat: repeat-x;
	line-height: 36px;
	text-transform: capitalize;
	color: #000000;
	text-decoration: none;
	display: block;
	padding-left: 10px;
	background-position: bottom;
	background-color: #D3D9EF;
}
#leftmenue a:hover {
	background-image: url(images/link-bg.jpg);
	background-repeat: repeat-x;
}*/
#contents {
	padding: 10px;
}

.footer {
	font-size: 11px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	padding-top: 10px;
}

.bottom-menu a:hover {
	color: #000000;
	text-decoration: none;
}

.school-box {
	background-image: url(images/school-box-bg.jpg);
	background-repeat: no-repeat;
	height: 424px;
	width: 328px;
}
.league-box {
	background-image: url(images/school-box-bg.jpg);
	background-repeat: no-repeat;
	height: 424px;
	width: 328px;
}
h1 {
	font-size: 22px;
	color:#336699;
}
h2 {
	font-size: 18px;
	margin: 0px;
	color:#999;
	padding-bottom:5px;
}
h3 {
	color: #69C;
	
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}

a{
	text-decoration: none;
}
a:hover{
	text-decoration:underline;
}

.border {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.light-grey {
	background-color: #DBDBDB;
}
.width-100 {
	width: 100px;
}

#schools_list {
	margin-right: 40px;
	margin-left: 40px;
	background-color: #FFFFFF;
	padding: 5px;
	border: 1px solid #000000;
	height:250px;
	display: block;
	text-align: left;
	overflow: scroll;
}
#schools_list a {
	color:#000099;
}

#league_list {
	margin-right: 40px;
	margin-left: 40px;
	background-color: #FFFFFF;
	padding: 5px;
	border: 1px solid #000000;
	height:250px;
	display: block;
	text-align: left;
	overflow: scroll;
}
#league_list a {
	color:#000099;
}


.right-align {
	text-align: right;
}
.profit-loss-box {
	font-size: 16px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
.no-borders {
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.top-border {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}
.left-border {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
}
.right-border {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
}
.bottom-border {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.userinfo
{
	padding-top: 1px;
	padding-right: 20px;
	text-align: right;
}
.dpTable
{
	background-color:#CCCCCC;
	border: 1px solid #000000;
	cursor:pointer;
}

.survey
{
	float:left;
	width:235px;
	margin: 5px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	min-height:250px;
}
#datetime
{
	width:450px;
	float:right;
	display:none;
}
#tournaments
{
	width:450px;
	float:right;
	display:none;
}
#opponent
{
	width:350px;
	float:right;
	display:none;
}
#frmTransfer span
{
	display:block;
	width:170px;
	float:left;
}
#frmStatLeaders span
{
	display:block;
	width:140px;
	float:left;
}
#frmStatLeaders label
{
	color:#FF0000;
}
#error
{
	color:#FF0000;
	font-size:14px;
}
fieldset{
margin-top:10px;
}
.blue
{
	color:#000;
}
.blue span
{
	color:#000000;
}
.blue label
{
	color:#0000FF;
	padding-left:5px;
}
.green
{
	color:#060;
}
#schoolBox
{
	position:absolute;
	width:250px;
	padding:10px;
	border: 1px solid #CCC;
	display:none;
	background-color: #CCC;
	z-index:50000;
}
#schoolBox2
{
	position:absolute;
	width:250px;
	padding:10px;
	border: 1px solid #CCC;
	display:none;
	background-color: #CCC;
	z-index:50000;
}

#studentBox
{
	position:absolute;
	width:250px;
	padding:10px;
	border: 1px solid #CCC;
	display:none;
	background-color: #CCC;
	z-index:50000;
}
.black
{
	color:#000;
}

#team2,#team3,#team4,#team5,#team6,#team7,#team7,#team8,#team9
{
	display:none;
}
.btn-directory
{
	background-image: url(images/btn-school-directory.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width: 163px;
	color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor:pointer;
	font-size: 14px;
	display: block;
	text-align: center;
	line-height: 32px;
	text-decoration: none;
	float:left;
	margin-right: 5px;
}

.btn-directory:hover
{
	text-decoration: none;
	color: #CCC;	
}
.home-game{
	color:#00F;
}
.away-game{
	color:#FF1301;
}
.practices{color:#F60;}
.school-activity{color:#060;}
.non-school-activity{color:#309;}
.tournaments{color:#F06}
/* All CSS Above is written by Akhtar */


/* Used for manager table filters on the top and manager table displays */
.table-filter {border: 0; padding: 3px; border-spacing: 0; width: auto; float: right; }
.table-filter td {padding-left: 3px; padding-right: 3px; }
.table-filter-submit {padding-top: 10px; text-align: right; }
.table-manager {width: 100%; text-align: center; padding: 3px; border-spacing: 0; }
.table-manager th {background-color: #EDEDED; font-weight: bold; height: 26px; }
.table-manager td {padding: 5px;}
.table-manager td, .table-manager th {border: 1px; border-style: solid; border-color: #CCCCCC; }
.table-buttons {width: 31px; height: 28px; }

.submit-buttons {text-align: right; }

.clear{
	background:none!important;
     color:inherit;
     border:none; 
     padding:0!important;
     font: inherit;
     /*border is optional*/
     border-bottom:1px solid #444; 
     cursor: pointer;
}

i {
	cursor:pointer;
}

.btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn.focus, .btn:focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

.btn:focus, .btn:hover {
	text-decoration: none;
}

.btn:not(:disabled):not(.disabled) {
	cursor: pointer;
}

.btn-danger {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
}

.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle {
	color: #fff;
	background-color: #bd2130;
	border-color: #b21f2d;
	}

.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-danger.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgb(220 53 69 / 50%);
}

.btn-danger:hover {
	color: #fff;
	background-color: #c82333;
	border-color: #bd2130;
}

.btn-warning {
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107;
}

.btn-warning:hover {
	color: #212529;
	background-color: #e0a800;
	border-color: #d39e00;
}

.btn-warning.focus, .btn-warning:focus {
	box-shadow: 0 0 0 0.2rem rgb(255 193 7 / 50%);
}

.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle {
color: #212529;
background-color: #d39e00;
border-color: #c69500;
}

.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-warning.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgb(255 193 7 / 50%);
}

.btn-primary {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 50%);
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 50%);
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
}

.btn-secondary.focus, .btn-secondary:focus {
    box-shadow: 0 0 0 0.2rem rgb(108 117 125 / 50%);
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b;
}

.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(108 117 125 / 50%);
}