/* CSS1 Style Sheet for clubCALENDAR by James A. Wilson */

body	{
		background-color: #FFFACD; /* LemonChiffon */
		}

text	{
		font-family: Arial, Verdana, sans-serif;
		font-size: 9px;
		}

p		{
		font-family: Arial, Verdana, sans-serif;
		font-size: 12px;
		}

p.copyright {
		font-family: Arial;
		font-size: 11px;
		font-weight: bold;
		color: #006400;
		margin-top: 0;
		padding-left: 13em;>
		}

.event	{
		clear: both;
		margin-top: -5px;
		padding-left: 2px;
		padding-bottom: 2px;
		display: block;
		}

input	{
		padding-left: 0.3em;
		}

h3		{
		font-family: Arial, Verdana, sans-serif;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		color: #FF0000; /* Red */
		}

hr.table {
		height: 5px;
		color: #A9A9A9; /* DarkGray */
		background-color: #A9A9A9;
		border: 0px solid #A9A9A9;
		}

em		{
		font-style: normal;
		font-weight: bold;
		color: #FF0000; /* Red */
		}

.button {
		color: #FFFFFF;
		font-family: Arial, Verdana, sans-serif;
		text-decoration: none;
		font-weight: bold;
		font-size: 14px;
		background: #008000;
		padding: 0.2em 0.6em;
		border-top: 2px solid #FFFFFF;
		border-left: 2px solid #FFFFFF;
		border-right: 2px solid #000000;
		border-bottom: 2px solid #000000;
		}

.button:hover {
		color: #000000;
		background: #FFF8DC;
		border-top: 2px solid #FFFFFF;
		border-left: 2px solid #FFFFFF;
		border-right: 2px solid #000000;
		border-bottom: 2px solid #000000;
		}

.smbutton {
		color: #444488;
		font-family: Verdana, sans-serif;
		font-variant: small-caps;
		font-weight: bold;
		font-size: 9px;
		border-top: 2px solid #FFFFFF;
		border-left: 2px solid #FFFFFF;
		border-right: 2px solid #777788;
		border-bottom: 2px solid #777788;
		background: #FFE4B5;/*#FFEFD5; */
		padding: 2px;
		cursor:pointer;
		}

.smbutton:hover {
		color: #FFFFFF;
		background: #FFCC99;
		border-top: 2px solid #FFFFFF;
		border-left: 2px solid #FFFFFF;
		border-right: 2px solid #777788;
		border-bottom: 2px solid #777788;
		cursor:pointer;
		}

.midbutton {
		color: #444488;
		font-family: Verdana, sans-serif;
		font-variant: small-caps;
		font-weight: bold;
		font-size: 12px;
		text-decoration: none;
		border-top: 2px solid #FFFFFF;
		border-left: 2px solid #FFFFFF;
		border-right: 2px solid #777788;
		border-bottom: 2px solid #777788;
		background: #FFE4B5; /*#FFEFD5;*/
		padding: 2px;
		cursor:pointer;
		}

.midbutton:hover {
		color: #FFFFFF;
		background: #FFCC99;
		border-top: 2px solid #FFFFFF;
		border-left: 2px solid #FFFFFF;
		border-right: 2px solid #777788;
		border-bottom: 2px solid #777788;
		cursor:pointer;
		}

div.frame {
		width: 975px;
		height: 650px;
		overflow: hidden;
		background-image: url('../images/background.jpg');
		background-position: 0px 0px;
		background-repeat: no-repeat;
		position: relative;
		border-top-width: 5px;
		border-top-color: #008000; /* #778;Dark Green */
		border-top-style: solid;
		margin: 0px auto;
		margin-top: 0px;
		}

div.outside {
		position: relative;
		width: 380px;
		top: 0px;
		left: 0px;
		}

div.data {
		overflow: auto;
		width: 100%;
		border: 1px solid #000000; /* Black */
		}

div.calendar {
		width: 98%;
		height: 95%;
		overflow: hidden;
		background-image: url('../images/background.jpg');
		background-position: top center; /* 0px 0px; */
		background-repeat: no-repeat;
		position: relative;
		border-top-width: 5px;
		border-top-color: #008000; /* Dark Green */
		border-top-style: solid;
		margin: 0px auto;
		margin-top: 0px;
		}

table.outer {
		table-layout: auto;
		background-color: #FFF8DC; /* CornSilk */
		border-width: 5px;
		border-style: solid;
		border-top-color: #CCCCCC; /* Light Gray */
		border-left-color: #CCCCCC; /* Light Gray */
		border-bottom-color: #006400; /* Black */
		border-right-color: #006400; /* Black */
		}

table.inner {
		table-layout: fixed;
		width: 100%;
		background-color: #FFF8DC; /* CornSilk */
		border-width: 0px;
		}

td.udatal {
		text-align: left;
		border-bottom: 1px solid #000000;
		}

td.udatac {
		text-align: center;
		border-bottom: 1px solid #000000;
		}

td.udatar {
		text-align: right;
		border-bottom: 1px solid #000000;
		}

caption {
		font-family: Arial, Helvetic, sans-serif;
		font-size: 28px;
		font-weight: bold;
		color: #006400; /* Darkkhaki */
		margin-bottom: 5px;
		}

th		{
		font-family: Arial, Verdana, sans-serif;
		font-size: 14px;
		background-color: #FFE4B5; /*FFCC99; /* Light Gray */
		border-bottom: 1px solid black;
		}

tr.oddrow {
		background-color: #FFEFD5;
		}

td		{
		font-family: Arial, Verdana, sans-serif;
		font-size: 12px;
		}

td.today {
		background-color: #FFE4B5;
		border: 1px solid #000000;
		vertical-align: top;
		text-align: left;
		}

td.weekend {
		background-color: #FFFFB0;
		border: 1px solid #000000;
		vertical-align: top;
		text-align: left;
		}

td.weekday {
		background-color: #FAFAD2;
		border: 1px solid #000000;
		vertical-align: top;
		text-align: left;
		}

a.date	{
		font-family: Arial, Verdana, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
		text-align: center;
		margin-top: -2px;
		margin-left: -2px;
		margin-bottom: 4px;
		float: left;
		width: 1em;
		height: 1em;
		border-right: 1px solid black;
		border-bottom: 1px solid black;
		background-color: #008000;
		padding: 0.2em 0.6em;
		}

/* The remaining items are not used

div.header	{
		background-color: #BDB76B;
		}

div.events {
		position: relative;
		top: 0px;
		left: 0px;
		width: 650px;
		height: 500px;
		overflow: auto;
		margin: 0px auto;
		}

h1		{
		font: Georgia;
		font-size: 36px;
		font-weight: bold;
		color: #778;
		}

h1.header {
		font: Georgia;
		font-size: 72px;
		font-weight: bold;
		color: #778;
		text-align: center;
		line-height: 100%;
		}

h2		{
		font-family: Arial, Verdana, sans-serif;
		font-size: 28px;
		text-transform: capitalize;
		color: #778;
		}

h3.error {
		font-family: Arial, Verdana, sans-serif;
		font-size: larger;
		color: #FF0000;
		text-align: center;
		}

hr.head {
		height: 5px;
		width: 77%;
		color: #008000;
		background-color: #008000;
		border: 0px solid #008000;
		}

a.header {
		font-family: Arial, Verdana, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
		}

a.cal	{
		padding-top: 0.2em;
		padding-left: 0.6em;
		padding-right: 0.6em;
		padding-bottom: 0.0em;
		}

a.edit	{
		background-color: #D2B48C;
		padding: 0.1em 0.4em;
		border-right: 1px solid #D2B48C;
		}

a.link:hover {
		background-color: #D3D3D3;
		color: #000000;
		}

a.mailto {
		font-family: Arial, Verdana, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #000000;
		text-decoration: none;
		background-color: transparent;
		padding: 0em 0em;
		}

table caption.header {
		font: 1.5em Georgia, "Times New Roman", Times, serif;
		font-size: 72px;
		font-weight: bold;
		color: #006400;
		text-align: center;
		line-height: 100%;
		padding: -1em;
		}

table caption.view {
		font: 3.0em Georgia, "Times New Roman", Times, serif;
		font-size: 36px;
		font-weight: bold;
		color: #006400;
		text-align: center;
		line-height: 100%;
		padding: 0.25em;
		}

table.data {
		background-color: #FAFAD2;
		}

#calendar td {
		width: 14%;
		background-color: #ccc;
		border: 1px solid white;
		vertical-align: top;
		}

#days	{
		background-color: #778;
		color: white;
		font-family: monospace;
		width: 75px;
		}

.emptydate {
		border-right: 1px solid #666;
		border-bottom: 1px solid #666;
		font-family: monospace;
		text-decoration: none;
		float: left;
		width: 1.5em;
		height: 1.5em;
		background-color: #ccc;
		text-align: center;
		}