/* CSS Document */

#main    {border:0px solid orange; margin:0 auto; text-align:left;}
#indent1 {border:0px solid pink; padding:20px;}
#indent2 {border:0px solid yellow; padding:43px 20px 0 20px; background:black;}
#indent3 {border:0px solid white; padding:45px 20px 40px 20px; height:593px; background:url(../images/indent3_bg.jpg) top center no-repeat;} /* image is 699x678 */
#indent4 {border:0px solid blue; padding:0 0 20px 0px;}
#content {border:0px solid red; height:422px; background:url(../images/content_bg.png) top left;}
.indent  {border:0px solid green; padding:20px;}

#index-x, #index-1, #index-1a, 
#index-2, #index-2a, 
#index-3, #index-3a, #index-3b, 
#index-4, #index-4a, #index-4b, 
#index-5, #index-6, #index-7, #index-8, #index-9 {border:0px solid orange; display:none;} 

#footer  {height:96px;}

.column1, .column2, .column3, .indent_column, .col1, .col2, .col3, .ind_col {float:left;}
.row1 .row2 {border:0px solid red; width:100%;}

#dark {background:url(../images/content_bg2.png) top left; padding:15px;}

/* Total width of column1 + column2 must = 584px */

/* ============================= index-1 ===========================*/

#index-1 .row2 .column1 {width:258px;}
#index-1 .row2 .column2 {width:326px;}

/* ============================= index-2 ===========================*/

#index-2 .column1 {width:350px;}
#index-2 .column2 {width:234px;}

/* ============================= index-3 ===========================*/

#index-3 .row1 .column1 {width:360px;}
#index-3 .row1 .column2 {width:224px;}

#index-3 .row2 .column1 {width:170px;}
#index-3 .row2 .column2 {width:414px;}

/* ============================= index-3a ===========================*/

#index-3a .row1 {width:100%;}

/* ============================= index-3b ===========================*/

#index-3b .row1 {width:100%;}

/* ============================= index-4 ===========================*/

#index-4 .line .column1 {width:360px;}
#index-4 .line .column2 {width:224px;}

/* ============================= index-4a ===========================*/

#index-4a .row1 {width:100%;}

/* ============================= index-4b ===========================*/

#index-4b .row1 {width:100%;}

/* ============================= index-5 ===========================*/

#index-5 .column1 {width:354px;}
#index-5 .column2 {width:230px;}

/* ============================= index-6 ===========================*/

#index-6 .column1 {width:360px;}
#index-6 .column2 {width:224px;}

/* ============================= index-8 ===========================*/

#index-8 .column1 {width:375px;}
#index-8 .column2 {width:209px;}

/* ========================== schedule table =======================*/

/* ======== index-3a access and admin form css entries ============ */
/* form area labels */

table.content-area {
	font:10pt Verdana, Arial, Helvetica, sans-serif;
	color:black;
	width:100%;
	table-layout:fixed;
	margin:0 auto 0 auto;
}

table.layout {
	width:100%;
	margin:0px;
	padding:0px;
}

table.layout td {
	vertical-align:middle;
}

.title-area {
	border:0px solid red;
	margin:0px;
	padding:0px;
}

button {
	cursor:pointer;
}

button#instructions {
	margin:2px;
	padding:2px 30px;
}

.form-area form {
	border:0px solid red;
	margin:15px 0px 0px 0px;
	padding:0px;
}

.form-header th {
	font:bold 10pt Verdana, Arial, Helvetica, sans-serif;
	color:white;
	text-align:center;
	line-height:150%;
	padding:3px;
	background-color:#996600;	
}

fieldset {
	border:1px solid; border-color:#996600;
	margin:15px;
	padding:10px;
	overflow:hidden;
}

.ddbtn {
	vertical-align:-2px;
	text-align:center;
	margin-left:5px;

}

.editField {
	font:10pt Verdana, Arial, Helvetica, sans-serif;
	color:black;
	vertical-align:middle;
	margin:5px 0px 5px 5px;
	padding-left:3px;
	height:1.2em;
}

.editField#State {
	text-align:center;
	padding-left:0px;
}

.edit-fields1 {
	margin:0 auto;
}

.edit-fields1 div {
	margin:5px 0;
	display:inline-block;
	white-space:nowrap;
}

.edit-title {
	position:relative; top:25px;
	width:16em; height:2em; line-height:2em;
	border:0px solid #996600;
	background-color:#CCCC99;
	margin:0px auto;
	text-align:center;
}

.edit-title2 {
	position:relative; top:25px;
	width:26em; height:2em; line-height:2em;
	border:0px solid #996600;
	background-color:#CCCC99;
	margin:0px auto;
	text-align:center;
}

#edit-window1a, #edit-window2a, #edit-window4a {
	overflow:hidden;
	padding:0px;
	margin:15px 0 0 0;
	border:1px solid; border-color:#996600;
	background-color:#CCCC99;
}

#edit-window3b, #edit-window4b {
	overflow:hidden;
	padding:0px;
	margin:15px 0 0 0;
	border:1px solid; border-color:#996600;
	background-color:#CCCC99;
}

legend {
	color:black;
	margin-left:10px;
	padding:0 1em;
	white-space:pre;
}

.picker {margin:6px 0 0 5px; cursor:pointer;}

form .form-title, form #edit-window1a, form #edit-window2a, form #edit-window3b, form #edit-window4a, form #edit-window4b, .list-window {
	   -moz-box-shadow:5px 5px 10px 0px black;
	-webkit-box-shadow:5px 5px 10px 0px black;
	        box-shadow:5px 5px 10px 0px black;
}

/* form edit field titles */
#tLocation, #tDate, #tTime, #tUserName, #tPassWord, #tUserType, #tFirstName, #tLastName, #tHandicap, #tStreet, #tCity, #tState, #tPostalCode, #tHPhoneNumber, #tCPhoneNumber, #tWPhoneNumber, #tEmailAddress {
	padding-left:90px;
}

#tLocation, #tUserName, #tHandicap, #tHPhoneNumber {
	padding-left:10px;
}

.hide {
	display:none;
}

/* form area edit field lengths */
.cTitle, .cHeading {
	width:15em;
}

.cBody {
	width:36em;
}

.eMID, .eTID {
	width:3em;
}

.eLocation {
	width:25em;
}

.eDate {
	width:16em;
}

.eTime {
	width:5em;
}

.eUserName {
	width:10em;
}

.ePassWord {
	width:10em;
}

.eUserType {
	width:1em;
}

.eFirstName {
	width:15em;
}

.eLastName {
	width:15em;
}

.eHandicap {
	width:3em;
}

.eStreet {
	width:20em;
}

.eCity {
	width:10em;
}

.eState {
	width:2em;
}

.ePostalCode {
	width:4em;
}

.eHPhoneNumber, .eCPhoneNumber, .eWPhoneNumber {
	width:8em;
}

.eEmailAddress {
	width:20em;
}


/* list area */
.row th {
	border:0px solid lightgray;
	padding:3px 5px 3px 5px;
/*	text-align:left;
*/	white-space:nowrap; overflow:hidden;
}

.row td {
	border:0px solid lightgray;
	padding:0px 5px 0px 5px;
/*	text-align:left;
*/	white-space:nowrap; overflow:hidden;
}

.row.td td {
	border:0px solid lightgray;
	padding:3px 5px 3px 5px;
/*	text-align:left;
*/	white-space:nowrap; overflow:hidden;
}

/* list area field lengths */
button.edit, button.Signup, button.Remove {
	cursor:pointer;
	font-size:.75em;
	margin:3px;
	height:1.75em;
	width:5em;
	text-align:center;
}

#cEdit {
	height:25px;
	width:100px;
	font-size:1em;
	margin:0 0 10px 0;
}

#cUpdate {
	height:25px;
	width:100px;
	font-size:1em;
	margin:10px 0 0 0;
}

.ledit, .lSignup, lRemove {
	width:5em;
	text-align:center;
}

.lMID, .lTID {
	width:3em;
}

.lLocation {
	width:25em;
}

.lDate {
	width:7em;
	text-align:center;
}

.lTime {
	width:6em;
}

.lUserName {
	width:8em;
}

.lPassWord {
	width:8em;
}

.lUserType {
	width:1em;
	text-align:center;
}

.lFirstName {
	width:5em;
}

.Indent1 {
	padding-left:2.5em;
}

.Indent2 {
	padding-left:8em;
}

.Indent3 {
	padding-left:16em;
}

.lLastName {
	width:8em;
}

.lHandicap {
	width:2em;
	text-align:center;
}

.lStreet {
	width:8em;
}

.lCity {
	width:8em;
}

.lState {
	width:2em;
	text-align:center;
}

.lPostalCode {
	width:5em;
	text-align:center;
}

.lHPhoneNumber, .lCPhoneNumber, .lWPhoneNumber {
	width:8em;
	text-align:center;
}

.lEmailAddress {
	width:15em;
}

.datapad {
	border:0px solid; border-color:red;
	padding:0px;
	margin:0px auto;
}

#tFind, #tUpdate, #tAdd, #tDelete, #tReset, #mFind, #mUpdate, #mAdd, #mDelete, #mReset, #mEmail {
	height:25px;
	width:100px;
	margin:14px 7px 7px 7px;
	cursor:pointer;
	font-weight:normal;
}

.list-area, .list-area2 {
	border:0px solid green;
}

.list-window {
	margin:10px 0px 0px 0px;
	border:1px solid #996600;
	background-color:white;
	overflow:auto;
}


.list-window2 {
	margin:0px 0px 20px 0px;
	border:0px solid #996600;
	background-color:white;
	overflow:auto;
}

.list-table {
	width:100%;
	border:none;
/*	table-layout:fixed;
*/
}

.list-table2 {
	border:none;
/*	table-layout:fixed;
*/
}

.height3a  {
	height:430px;
}

.height3b {
	height:230px;
}

.height4a {
	height:350px;
}

.height4b {
	height:300px;
}