html, body {
	height: 100%;
	font-family: Calibri, Verdana; 
}

#ContentContainer
{
	width: 800px;	
}
#TitleGraphic
{
	background-image: url('../img/suncoast-racquet-club-logo.png');
	background-repeat: no-repeat;
	height: 100px;
	width: 77px;	
}
#Title
{
	font-family: Abadi MT Condensed Extra Bold;
	font-size: 32pt;
	vertical-align: top;
	padding-top: 10px;
	padding-bottom: 0px;
	text-indent: 10px;
	color: #000080;
}
#SubTitle
{
	font-family: Abadi MT Condensed Extra Bold;
	font-size: 16pt;
	vertical-align: top;
	padding-left: 295px;
	color: #000080;
}
.LoginError
{
	padding-top: 15px;
	padding-bottom: 15px;
	color: #AA0000;	
}

#EditScheduleTable textarea
{
	font-family: Calibri, Verdana;
	font-size: 11pt;
}

#UpcomingReservations .Date
{
	width: 145px;
}

/*#UserList td
{
	font-family: Calibri, Verdana;
	font-size: 10pt;
}
#UserList .Center
{
	text-align: center;
}*/

#ReservationList
{
	
}
#ReservationList h1 
{
	font-size: medium;
}
#ReservationList .ResRow
{
	padding-left: 15px;
	padding-bottom: 5px;	
}
#ReservationList .ResRow2
{
	width:290px;
}
#ReservationList .Date
{
	width: 145px;
}
#ReservationList .Time
{
	padding-right:25px;
}
#ReservationList .Type
{
	vertical-align: top;
	width: 70px;
}
#ReservationList .Court
{
	width: 200px;
}
#ReservationList .Players
{
	width: 200px;
}
#ReservationList Button
{
	
}
#ReservationList .NoteLabel
{
	vertical-align: top;
	width: 70px;
}
#ReservationList .Notes
{
	font-style: italic;
	font-size: 11pt;
	width: 285px;
}

.PastRes .Date
{
	color: #666666;
}
.PastRes .Time
{
	color: #666666;
}
.PastRes .Type
{
	color: #666666;
}
.PastRes .Players
{
	color: #666666;
}
.PastRes .Court
{
	color: #666666;
}
.PastRes .NoteLabel
{
	color: #666666;
}
.PastRes .Notes
{
	color: #666666;
}

#NewReservation
{
	
}
#NewReservation .SimpleDateSelect
{
	
}

#ReservationSchedule
{

}
#ReservationSchedule .Time
{
	
}
#ReservationSchedule .Courts
{
	
}
#ReservationSchedule .Special
{
	
}
#ReservationSchedule img
{
	border:1px solid black;
	margin-left:2px;
}

#BaseEditorTable .Day
{
	font-weight: bold;
	padding-right: 10px;
}

#CourtSchedule
{
}
#CourtSchedule .Day
{
	font-weight: bold;
	padding-right: 10px;
}
#CourtSchedule div 
{
	width: 22px;
	height: 22px;
}
#CourtSchedule td
{
	padding: 2px 1px 2px 1px;	
}
#CourtSchedule .Base
{
	border: 1px solid #888888;
	background-color: #BBBBBB;
}
#CourtSchedule .Level1
{
	border: 1px solid #3366FF;
	background-color: #6699FF;
}
#CourtSchedule .Level2
{
	border: 1px solid #CCCC33;
	background-color: #FFFF99;
}
#CourtSchedule .Level3
{
	border: 1px solid #FF6633;
	background-color: #FF9966;
}
#CourtSchedule .Level4
{
	border: 1px solid #CC6699;
	background-color: #FF99CC;
}
#CourtSchedule .Level5
{
	border: 1px solid #6600FF;
	background-color: #9966FF;
}
#CourtSchedule .Level6
{
	border: 1px solid #33CC66;
	background-color: #66FF99;
}
#CourtSchedule .Level7
{
	border: 1px solid #CC0033;
	background-color: #FF6666;
}
#CourtSchedule .Highlight
{
	border: 1px solid black;
	background-color: #66FF99;
}

#ReservationSchedule
{
}
#ReservationSchedule .Time
{
	padding-left: 2px;
	padding-right: 25px;
	border-bottom: 1px solid #DDDDDD;
	vertical-align: top;
}
#ReservationSchedule .Courts
{
	padding-left: 2px;
	padding-right: 2px;
	border-bottom: 1px solid #DDDDDD;
}
#ReservationSchedule .Buttons
{
	padding-left: 25px;
	padding-right: 1px;
	border-bottom: 1px solid #DDDDDD;
}
#ReservationSchedule .desc
{
	border-bottom: 1px solid #DDDDDD;
}
#ReservationSchedule .CourtHeader
{
	padding: 0px 5px 0px 8px;
}
#ReservationSchedule div
{
	width: 22px;
	height: 22px;
}
#ReservationSchedule td
{
	padding-top: 1px;
	padding-bottom: 1px;
}
#ReservationSchedule .Base
{
}
#ReservationSchedule .Level1
{
	border: 1px solid #3366FF;
	background-color: #6699FF;
}
#ReservationSchedule .Level2
{
	border: 1px solid #CCCC33;
	background-color: #FFFF99;
}
#ReservationSchedule .Level3
{
	border: 1px solid #FF6633;
	background-color: #FF9966;
}
#ReservationSchedule .Level4
{
	border: 1px solid #CC6699;
	background-color: #FF99CC;
}
#ReservationSchedule .Level5
{
	border: 1px solid #6600FF;
	background-color: #9966FF;
}
#ReservationSchedule .Level6
{
	border: 1px solid #33CC66;
	background-color: #66FF99;
}
#ReservationSchedule .Level7
{
	border: 1px solid #CC0033;
	background-color: #FF6666;
}

#UserList th, #UserList td {
	padding: 0 .2em;
}
#UserList tr.even
{
	background-color: white;
}
#UserList tr.odd
{
	background-color: #E1E1E1;
}

#UserList .inactive {
	color: #555555;
	font-style: italic;
}
/*#UserTableContainer
{
	padding: 20px 10px 10px 10px;
}*/
/*#UserTable
{

}
#UserTable th
{
	font-weight: bold;
	font-size: small;
	border-bottom: 1px solid black;
}
#UserTable td
{
	font-size: small;
	border-bottom: 1px solid silver;
	border-right: 1px solid #eeeeee;
}
#UserTable input
{
	font-size: small;
	border-style: none;
	font-family: Calibri, Verdana; 
}
#UserTable .LeftCell
{
	font-size: small;
	font-weight: bold;
	border-bottom: 1px solid silver;
	border-right: 1px solid #eeeeee;
	border-left: 1px solid silver;
	padding-left: 2px;
	padding-right: 2px;
}
#UserTable .ControlCell
{
	font-size: small;
	border-bottom: 1px solid silver;
	border-right: 1px solid #eeeeee;
	background-color: white;
}
#UserTable input.dBtn
{
	font: bold 7pt 'trebuchet ms',helvetica,sans-serif; 
	border:1px solid; 
	border-color: #696 #363 #363 #696; 
}*/

#ReservationForm
{
	width: 300px;
	font-size: 10pt;
}
#ReservationForm .Label
{
	font-size: 10pt;
	font-weight: bold;
	vertical-align: top;
	text-align: right;
	width: 90px;
	padding-right: 4px;
	height: 18px;
	font-family:Calibri,Verdana;
	white-space: no-wrap;
}
#ReservationForm .Text
{
	font-size: 10pt;
	font-family:Calibri,Verdana;
}
#ReservationForm a
{
	font-size: 8pt;	
}
#ReservationForm textarea
{
	font-family: Calibri, Verdana;
	font-size: 10pt;
}
#ReservationForm select
{
	font-family: Calibri, Verdana;
	font-size: 10pt;
}

#SelectReservation
{
	display:none;
	padding-top: 5px;
}
#CurrentSchedule
{
	padding-top: 5px;
}
#MembersTab
{
	overflow:auto;
	height:310px;
}
#GuestsTab
{
	overflow:auto;
	height:310px;
}

#Preview
{
	background-color: #EEEEEE;
	border: 1px solid #AAAAAA;
	position: absolute;
	width: 140px;
	height: 76px;
	left: 100px;
	top: 100px;
	overflow: hidden;
	z-index: 1000;
	padding: 2px;
	margin: 2px;
}
#Preview td
{
	font-size:10pt;
	
}
#Preview #PScheduleName {
	font-weight: bold;
}
#Preview #PException {

}
#Preview #PTime {

}
#Preview #PLevel {

}
#Preview #PActive {

}
#Preview #PDate {

}

.courtSchedule-margin{
	margin-top: 5px;
}

.selected-court{
	border: 2px solid black;
}
.Event{
	padding-left: 15px;
	padding-right: 5px;
	border-bottom: 1px solid #DDD;
}

.filter-to-left{
	position: relative;
	right: 500px;
}

.pagination-to-right{
	position: relative;
	left: 715px;
}
.results-info{
	position: relative;
	left: 240px;
	top:17px;
	width: 475px;
}

#toolsBox{
	float: left !important;
}

div.ColVis{
	position: relative;
	right: 645px;
}
div.DTTT_container{
	right:112px;
}
#createNewUser{
	position: relative;
	left: 160px;
}