input,
select,
option	{
	font-family: Verdana, Arial, Tahoma, Helv, Helvetica, Sans-Serif;
	font-size: 10pt;
	border-width: 1px;
}
input[type=text], input[type=password] {
	padding: 2px;
}
#header_search input[type=image] {
	border: 0;
}
#banner a:link,
#banner a:visited,
#banner a:hover,
table.dwm_main th,
table.dwm_main td.row_labels	{	text-shadow: 1px 1px 1px black;	}
table#month_main th,
table.dwm_main th+th	{	
	font-size: 12pt;
	font-weight: bold;
}
@media (max-width: 960px){
	table#month_main th {
		font-size: 10pt;
	}
}
@media (max-width: 400px){
	table.dwm_main th+th	{	
		font-size: 10pt;
	}
}
#banner td#cog img	{	
	filter: drop-shadow(0 0 2px white);	
}
#banner td#logo img:hover,
#banner td#cog img:hover	{	
	position: relative; top: -1px; left: -1px;
	filter: brightness(120%) drop-shadow(0 0 2px white);
	cursor: pointer;
}
#banner td#logo		{	white-space: nowrap;	}
#banner td#logo a	{	
	display: inline-block;
	line-height: 20px;
	white-space: normal;
}
#header_search input[type=text] {
	width: 160px; 
	padding: 3px 5px;
	border: 2px solid blue;
	border-radius: 10px;
}
#banner td {	border-width: 0;	}
#banner td:last-child {	padding-right: 10px; text-align: right;	}

table#banner	{
	position: relative;
	z-index: 100;
}
#banner iframe	{
 	position: absolute;	right: 0; top: 0;
	display: none;
  	z-index: 100;
  	width: 320px;
  	min-height: 800px;
	border: 1px solid grey;
	background: white;
	padding: 0;
	margin: 0;
}
@media (max-width: 640px){
	body	{
		margin: 0;
		padding: 0;
	}
	#banner	{
		background: #00B000;
		text-align: center;
	}
	#banner td	{
		display: inline-block;
		margin: 0;
	}
	td#login_box	{	max-width: 250px;	}
	td#cog			{	float: right	}
	#banner iframe	{	
		width: 100%;
		border: 0;
	}
}

select#select_club	{
	vertical-align: middle;
	height: 34px;
}
button.back,
button	{	
	padding: 5px 15px;
	font-weight: bold;
	white-space: nowrap;
	color: blue;
	background: #E8F4FF;
	border: 2px solid blue;
	border-radius: 8px;
}
button.back:hover,
button:hover	{	
	cursor: 	pointer;
	position: 	relative; top: -1px; left: -1px;
	filter: 	contrast(200%) drop-shadow(1px 1px 1px grey);
}
button.reset	{
	padding: 3px 10px;
	position: relative; top: -2px;
}
button[disabled]	{
	background:		#F0F0F0;
	color:			#C0C0C0;
	border-color:	#C0C0C0;
}
button[disabled]:hover	{
	cursor: 	default;
	top: 0; left: 0;
	filter: 	contrast(100%) drop-shadow(0 0 0);
}
.view_entry #view_entry_nav	{
	margin:	0;
}
.view_entry #entry em	{
	font-style: italic;
	color: red;
}

#view_entry_nav button	{
	width: 100%;
	margin: 3px 10px 3px 0;
}
#entry div.back	{
	clear: left
}
	
#dwm dt,
#dwm dd	{
	display: inline-block;
	height: 28px;
/*	border: 1px solid red;		*/
 	vertical-align: bottom;
 	padding: 0;
 	margin: 0;
}
#dwm input	{
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit;
	line-height: 22px;
	border: 1px solid grey;
	border-radius: 7px 0 0 7px;
	vertical-align: middle;
	margin: 0;
	padding: 2px 5px;
}
#dwm select	{	margin: 0;	}
#dwm a		{
	display: inline-block;
	margin: 0 1px;
	padding: 5px 9px;
	background: #E8E8E8;
	border: 1px solid grey;
	border-radius: 7px;
	overflow: hidden;
	color: black;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
}
#dwm span.date_nav a { 	
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}
#dwm a.left		{	float: left;	}
#dwm a.right	{	float: right;	}
#dwm a img	{	
	margin: 0;
	border: 1px solid grey;
	vertical-align: bottom;
	border-radius: 8px;
	overflow: hidden;
}
#dwm a img:hover	{
	cursor: 	pointer;
	position: relative; top: -1px; left: -1px;
	filter: 	contrast(200%) drop-shadow(1px 1px 1px grey);
}
#dwm a.disabled		{	
	font-weight: bold;
	background: white;
}
#dwm a.active:hover	{	
	background: #F0F8FF;
	color: blue;
	position: relative; top: -1px; left: -1px;
	filter: drop-shadow(1px 1px 1px grey);
}

@media (max-width: 640px){
	#dwm br		{	display: none;	}
	#dwm br+dd	{	display: block;
					margin: 5px auto	}
}
@media (max-width: 320px){
	#dwm dd a	{	padding: 5px;	}
}
	
#participants .container	{	
	width: auto;
	margin-left: 7px;
}
#admin button,
#edit_users_list button	{
	padding: 2px 10px;
	margin: 2px 5px;	
}
#admin input	{	padding: 3px 5px;	}
#admin td		{	vertical-align: middle;	}
#admin #select_club	{ 	
	height: auto;
	padding: 2px 5px;
}
#rep_type div.group label	{	
	position: relative;
	padding: 0 0 0 30px;
	float: left;
}
#rep_type div.group input	{
	top: -6px;
}
#user_help {
	max-width: 800px;
	margin: auto;
}
#week_main th.today a {
	color: yellow;
}
#week_main th.today,
#week_main td.today {
	border-right: 1px solid red;
	border-left: 1px solid red;
}
#week_main thead th.today {
	border-top: 1px solid red;
}
#week_main tbody tr:last-child td.today,
#week_main tbody td.all_courts.today {
	border-bottom: 1px solid red;
}
#month_main td.today {
	border: 1px solid red;
}
#month_main a.today	{
	color: red;
}
	
div.cell_container {	height: 100px;	}

input,
select,
textarea	{
	border: 1px solid blue;
	padding: 2px 3px;
	border-radius: 5px;
}
section.cc input {
	border-radius: 5px 0 0 5px;
}
.view_entry #part_list table,
.view_entry #part_list h4+div,
div.selectX ol {
	border: 1px solid blue;
	border-radius: 5px;
}

.edit_entry #type {
	margin-right: 20px;
}
.edit_entry #type span.disabled {
	background-color: #F0F0F0;
	color: #909090; 
}

table#sun {
	float: right;
	margin: 0;
}
table#sun td {
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	padding: 3px;
}

/* ------------ BYTYPES_HELP ------------------------*/
#bktypes_help 		{ margin: 20px 10px;	}
#bktypes_help .header img	{ position: absolute; top: 10px	}
#bktypes_help h1	{ text-align: center	}
#bktypes_help h3	{ 
	font-size: inherit;
	font-weight: bold;
	margin: 20px 0 0;
}
#bktypes_help ul	{ 	
	padding: 0 0 0 15px;
}
#bktypes_help p,
#bktypes_help li	{ 	
	text-align: justify;
	padding: 0 0 5px 5px;
}
#bktypes_help br	{
	margin-bottom: 5px;
}