body {
 font-family: Tahoma, Arial;
 background-color: oldlace;	
	margin: 0px;
	padding: 0px;
}
#main {
margin:18px auto;
font-family: Tahoma, Arial;
}
span.warning {
color: red;
display: inline-block;
}
h1 {
font-size: 36px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 18px;
}
h2.login {
background-color:#FEFFED;
text-align:center;
border-radius:10px 10px 0 0;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 15px;
padding-bottom: 15px;
}
h3 {
 margin-bottom: 3px;
}
div.btn {
 border-radius: 4px;
	cursor: pointer;
	padding: 6px 20px 6px 20px;
	margin-right: 8px;
	float: left; 
	opacity: 0.7;
}
div.btn:hover {
	opacity: 1;
}
hr.login {
border:0;
border-bottom:1px solid #ccc;
margin:10px -40px;
margin-bottom:30px
}
#login {
border-radius:10px;
border: 1px solid gray;
margin-top: 6px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
select.droplist, select.committee, select.season, select.countyfas, select.charterstatus, select.age, select.venue, select.club, select.referee {
 font-weight: bold;
	font-size: 14pt;
	padding-top: 4px;
	padding-bottom: 4px;
	border:1px solid #ccc;
}
input[type=text],input[type=password],input[type=email],input[type=number],textarea {
padding-top: 4px;
padding-bottom: 4px;
border:1px solid #ccc;
font-size: 14pt;
font-weight: bold;
font-family: Tahoma, Arial;
}
input[type=submit], input[class=takephoto] {
width: 100%;
background-color:#FFBC00;
border: 0px;
color: black;
padding-top:10px;
padding-bottom: 10px;
font-size: 18pt;
cursor: pointer;
border-radius: 6px;
margin-top: 8px;
margin-bottom: 2px;
}

::-webkit-input-placeholder {
 color: #CFCFCF;
}
:-moz-placeholder {
 color: #CFCFCF;  
}
::-moz-placeholder {
 color: #CFCFCF;  
}
:-ms-input-placeholder {  
 color: #CFCFCF;  
}

#profile {
padding-bottom:5px;
font-size:20px;
}
#logout {
float:right;
padding:2px;
}

.black_overlay{
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.white_content {
display: none;
position: fixed;
border-radius: 8px;
top: 10%;
left: 10%;
width: 80%;
height: 50%;
padding: 8px;
border: 2px solid orange;
background-color: oldlace;
z-index:1002;
overflow: auto;
}
td.highcell {
padding-top: 8px;
padding-bottom: 8px;
}
td.popupitem {
 padding-top: 4px;
 padding-bottom: 4px;
 padding-left: 4px;
 padding-right: 10px;
 cursor: pointer;
 background-color: white;
}
a.highlink:link, a.highlink:visited {
    display: block;
    color: #ffffff;
    background-color: #98bf21;
    text-align: left;
    padding: 8px;
    text-decoration: none;
				border-radius: 4px;
    cursor: pointer;
				margin-bottom: 4px;
}
a.highlink:hover, a.highlink:active {
 background-color: #7A991A;
	border-radius: 4px;
 cursor: pointer;
	margin-bottom: 4px;
}

div.tabselected {
 display: inline-block;
	cursor: pointer;
 background-color: white;
 padding: 6px 12px 6px 12px;
 border-top: 1px solid gray;
 border-left: 1px solid gray;
 border-right: 1px solid gray;
	border-bottom: 1px solid white;
 border-radius: 6px 6px 0px 0px;
	position: relative; 
	top: 1px;
}

div.tabselected:hover {
	background-color: lightcyan;
}

div.tabunselected {
 display: inline-block;
	cursor: pointer;
 background-color: #f0f0f0;
 padding: 6px 12px 6px 12px;
 border: 1px solid gray;
 border-radius: 6px 6px 0px 0px;
	position: relative; 
	top: 1px;
}

div.tabunselected:hover {
	background-color: lightcyan;
}

div.delphoto {
 border-radius: 3px;
 padding-top: 3px;
 padding-bottom: 3px;
 padding-left: 4px;
 padding-right: 4px;
 background-color: salmon;
 color: #FFFFFF;
 cursor: pointer;
 position: absolute;
 top: 3px;
 right: 3px;
 z-index: 10;
 -webkit-box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.75);
 -moz-box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.75);
 box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.75);
}

a.black {
	color: black;
}
a.black:hover {
	color: darkcyan;
}