/*
// styles used on main ride select page
*/

div.weekday
{
	color: black;
}

div.weekend
{
	color: #009;
}

div.invalid
{
	color: silver;
	text-decoration: line-through;
	font-weight: normal;
	font-style: italic;
}

a {color:red;text-decoration:none;font-weight: normal;}


div.ride1 
{ 
	border: solid 2px; 
	width :70%;
	margin: 1em;
	padding: 1em;
}

div.ride1 p
{
	margin: 0px;
}



div.sel
{ 
	/*width :62%;*/
	float : center;
	border: solid 1px black;
	font-color: red;
	margin: 0em;
	padding: 1em;
	
		background-color: khaki;
	/*
	background-color: FFFC66;
	*/
	position: relative;
	padding-bottom: 0em;
	margin-bottom: 0em;
}

div.sel p
{
	margin: 0px;
	color: red;
/*	background-color: FFCC66;*/
/*	border: solid 1px red	;		*/
}

div.show
{
font-weight: bold;
/*
font-family: 'arial black';
*/
/*font-size: 80%;*/
float : center;
/*width : 18em;*/
/*
border: solid 1px silver; 
*/
padding: 8px;
}

#big
{ 
	width :75%;
		margin: 0em;
	padding: 1em;
/*
	float : center; 
	border: solid 0px black;
	font-color: red;
	margin: 0em;
	padding: 1em;
	padding-bottom: 1em;
	background-color: FFCC66;
*/
}



/*
//////////////////////////////////////////////////////////////
*/

table.box
{

	border-style: solid;
	border-width: 3px;
	
	/*
	border-left-width: 3px;
	border-right-width: 3px;
	*/
	border-color: FFCC66;
}

td.box
{
	border-style: solid;
	border-width:thin;
	border-color: red;
	background-color: white;
}

waiting
{
	border-style: solid;
	border-width:thin;
	border-color: red;
	background-color: black;
}

form_ {
 border: 1px solid #666699;
 padding: 5px;
}

th.L1
{
	/* background-color: FFCC66; */
	font-size: larger ;
	text-align: left;
	margin: 0px;
}

th.R1
{
	/* background-color: FFCC66; */
	font-size: larger ;
	text-align: right;
	margin: 0px;
}

td.LI
{
	/* background-color: FFCC66; */
	text-align: left;
	font-style: italic;
}

td.RI
{
	/* background-color: FFCC66; */
	text-align: right;
	font-style: italic;
}

td.L
{
	/* background-color: FFCC66; */
	text-align: left;
	font-style: normal;
	margin: 0px;
}

td.R
{
	/* background-color: FFCC66; */
	text-align: right;
	margin: 0px;
}

td.J
{
	/* background-color: FFCC66; */
	text-align: justify;
	margin: 0px;
}


table.Sep
{
	border: solid 2px red	;
	margin: 1em;
	padding: 1em;
/*
	margin-top: 1em;
	padding-top: 1em;
	border-top: solid medium red	;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: solid medium red	;	
	margin-left: 1em;
	padding-left: 1em;
	border-left: solid medium red	;	
	margin-right: 1em;
	padding-right: 1em;
	border-right: solid 2px red	;		
*/
/*
	background-color: FFFF66;
*/
}

/* ------------------------------ */






#hidden
{
	border-top: solid 2px yellow	;	
	color: silverblack;
	width :65%;
}

/* #weekday*/


div.link
{
/*
	width:100%;
	float : left;
	color : red;
	*/
}




/*
div.hide1 
{ 
	width : 100%;
	float : center; 
	color: silver;
}
*/

div.valid  /* select */
{ 
/*
	width : 100%;
	float : center; 
	*/
	/*
	border-color: green;
	*/
}

div.hide1 p
{
	margin: 0px;
	/*background-color: FFFC66; */
}

div.ride  /* schedule */
{
	width :99%;
	float : center;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
/// color: blue;
	
}

div.ride2  /* schedule */
{
	width :100%;
	float : center;
	/*margin-left: 1em;*/
///	margin-bottom: 6px; 
///	margin-top: 6px;	
	//color: blue;
	font-weight: bold;		
	
/*	background-color: FFCC66;*/
}

div.ride2 p
{
	margin: 0px;
/*	background-color: FFFC66; */
}

div.ride3  /* submit */
{ 
	width : 100%;
	float : center; 
	border: solid 2px lightgrey	; 
	margin: 1em;
	padding: 1em;
	color: silver;
}

div.ride3 p
{
	margin: 0px;
	
	/*background-color: FFFC66; */
}



div.LB  /* bold line 1 & 2 left */
{ 
/*	width: 34%;*/
	float : left; 
	text-align: left;
	font-size: larger;
	font-weight: bold;
}

div.RB  /* bold line 1 & 2 right */
{ 
/*	width: 65%;*/
	float : right; 
	text-align: right;
	font-size: larger;
	font-weight: bold;
}

div.LI  /* italic line 3 left */
{ 
/*	width: 19%;*/
	float : left; 
	text-align: left;
	font-style: italic;
}

div.RI  /* italic line 3 right */
{ 
/*	width: 80%;*/
	float : right; 
	text-align: right;
	font-style: italic;
}

div.L  /* normal */
{ 
	float : left; 
	text-align: left;
}

div.R  /* normal */
{ 
	float : right; 
	text-align: right;
}

div.C  /* normal */
{ 
	text-align: center;
}

#sched_link a:link{color:red;text-decoration:underline;font-style: italic;}
#sched_link a:visited{color:red;text-decoration:underline;font-style: italic;}
#sched_link a:active{color:red;text-decoration:underline;font-style: italic;}
#sched_link a:hover{color:black;text-decoration:none;background-color:#FFFF6C;font-style: italic;}



div.J  /* justified - ride description */
{ 
	float :center; 
	width: 100%;
	text-align: justify;
	/*color: black;*/
}