#layout,
#layout table td,
#layout table th,
#layout textarea,
#layout input,
#layout select,
#layout h1,
#layout h2,
#layout h3,
#layout h4
{
	font-family:Arial,Verdana,sans-serif;
	font-size:12px;
	text-decoration:none;
}

#layout h1
{
	color:#000000;
	font-family:Arial,Verdana,sans-serif;
	font-size:18px;
	font-weight:bold;
	margin: 0 0 10px 0;
}

#layout h1 sup,
#layout h1 sub
{
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}

#layout h1 sup
{
	vertical-align: top;
}


#layout h1 span
{
	color: #606060;
	font-size: 14px;
}

#layout p
{
	text-align: justify;
}

#layout,
#layout table td,
#layout table th
{
	color:#666666;
}

#layout .rightbox
{
	background-color: #d2d2d2;
	color: #3C3B3B;
	width: 218px;
	padding: 12px;
}

#layout .form_error { color: red; font-weight: bold;} 
#layout .ctrl_error { background-color: #FBFADD; border: 1px solid #FF9933 }

#layout a
{
	color:#B11016;
	text-decoration: none;
}

#layout a:hover
{
	color:#E34349;
}

#layout .floatrightboxpad
{
	margin-right: 250px;
	border:1px solid red;
}

#layout table.columntable 
{
	border-collapse: collapse;
}

#layout table.columntable td
{
	vertical-align: top;
}

#layout table.columntable
{
	width: 100%;
}

#layout h2
{
	color:#000000;
	font-size:12px;
	margin: 20px 0 0 0;
}

#layout table.datainputform
{
	width: 90%;
}

#layout .autopad,
#layout input.text,
#layout textarea
{
	border: 1px solid #B2B1B1;
	padding: 2px 0;
}

#layout select.autopad
{
	width: 100%;
/*	height: 21px;*/
	padding: 0;
}

#layout select
{
	border: 1px solid #B2B1B1;
}

#layout input.btn
{
	border: 1px solid #9c9d9d;
	background-color: #9c9d9d;
	color: white;
	padding: 3px 5px;
	cursor: pointer;
}

#layout input.btn:hover
{
	background-color: #b11016;
	border: 1px solid #b11016;
}

#layout table.datainputform th,
#layout table.datainputform td
{
	padding-right: 10px;
}

#layout table.datainputform th
{
	padding-top: 10px;
	color:#000000;
	text-align: left;
	font-weight: normal;
	vertical-align: bottom;
}

#layout table.datainputform td
{
	vertical-align: top;
}
#layout table.datainputform .autopad
{
	width: 100%;
}

#layout table.datainputformlr 
{
}

#layout table.datainputformlr th
{
	width: 100px;
	text-align: left;
}

/* Sub layout table */
	#layout table.datainputformlr th,
	#layout table.datainputformlr td
	{
		color: black;
		padding: 3px;
		vertical-align: top;
	}

	#layout table.datainputform td table,
	#layout table.datainputform th table
	{
		width: 100%;
		border-collapse: collapse;
	}

	#layout table.datainputform td table th
	{
		vertical-align: top;
	}
	#layout table.datainputform td table th,
	#layout table.datainputform th table th
	{
		padding: 0; 
	}

	#layout table.datainputform td table td,
	#layout table.datainputform th table td
	{
		padding: 0 0 0 3px;
	}

	#layout table.datainputform th table th,
	#layout table.datainputform th table td
	{
		vertical-align: bottom;
		color: black;
	}

table .wp10 { width: 10%; }
table .wp20 { width: 20%; }
table .wp30 { width: 30%; }
table .wp40 { width: 40%; }
table .wp50 { width: 50%; }
table .wp60 { width: 60%; }
table .wp70 { width: 70%; }
table .wp80 { width: 80%; }
table .wp90 { width: 90%; }
table .wp100 { width: 100%; }


#layout table.datainputformlr input,
#layout table.datainputformlr select
{
	margin-bottom: 2px;
}

#layout table.datainputformlr th.title,
#layout form h3
{
	background-color: #b11016;
	color: white;
	text-align: left;
	padding: 5px;
	margin: 0 0 7px 0;
}

#layout form h4 
{
	margin: 0;
	padding: 5px;
}

#layout table.datainputformlr tr.shade th, 
#layout table.datainputformlr tr.shade td
{
	background-color: #c0c0c0;
	color: black;
	text-align: left;
	padding: 5px;
	margin: 0 0 7px 0;
}


#layout form h3 a
{
	color: #C3C3C3;
}

#layout .required-field
{
	color: #b11016;
}

#layout table.datainputformlr table
{
	width: auto;
}

#layout table.tbdesc
{
	width: auto;
	border-collapse: collapse;
}

#layout table.tbdesc td,
#layout table.tbdesc th
{
	color: #666666;
	width: auto;
	white-space:nowrap;
	text-align: left;
	padding: 0 2px 0 0;
}

#layout table.tbdesc th
{
	font-size: 10px;
}

#layout table.datainputformgrid
{
	border:1px solid #bbbbbb;
	width: 100%;
	margin: 5px 0;
	border-collapse: collapse;
}

#layout table.datainputformgrid th,
#layout table.datainputformgrid td
{
	padding: 5px;
	background-color: white;
}

#layout table.datainputformgrid thead th
{
	border-bottom:1px solid #bbbbbb;
	border-right:1px solid #bbbbbb;
	background-color: #eeeeee;
	text-align: center;
}

#layout table.datainputformgrid th
{
	width: 200px;
	text-align: left;
	color: black;
}

#layout table.datainputformgrid td
{
	text-align: center;
}

#layout table.datainputformgrid tbody td,
#layout table.datainputformgrid tbody th
{
	border-top:1px solid #bbbbbb;
	border-right:1px solid #bbbbbb;
}


/** 
 * Shopping cart
 */

#shoppingcart
{
	border-collapse: collapse;
	width: 100%;
	margin: 10px 0 10px 0;
}

#shoppingcart th,
#shoppingcart td
{
	padding: 4px;
	text-align: left;
}

#shoppingcart thead th 
{
	background-color: #b11016;
	color: white;
}

#shoppingcart tbody td,
#shoppingcart tbody th
{
	background-color: white;
	border-bottom: 1px solid #e7e7e7;
}

#shoppingcart .soldout
{
	color: red;
}

#shoppingcart input
{
	width: 30px;
}

/** 
 * Data table
 */
#layout table.datatable
{
	width: 100%;
}

#layout table.datatable th
{	
	color: #666666;
	text-align: left;
	font-weight: normal;
	width: 150px;
}

#layout table.datatable td
{	
	color: black;
	text-align: left;
}

/** 
 * Donation
 */
#layout #donation-box
{
	padding: 5px;
	margin: 5px 15px 5px 5px;
}

#layout #donation-box table
{
	width: 90%;
}

#layout #donation-box td 
{
	width: 33%;
	padding: 2px;
	color: black;
}

/**
 * Search
 */
#layout .sp2_info
{
	background-color:#B11016;
	color:white;
	margin:0;
	padding:5px;
	text-align:left;
	font-weight: normal;
}

#layout .searchresult
{
	margin: 15px 0;
	padding: 0 5px 10px 0;
/*	border-bottom: 1px solid #c0c0c0; */
	text-align: justify;
}

#layout .searchresult a
{
	color: #3C3B3B;
}

#layout .sp2_address
{
	display: block;
	margin: 5px 0 5px 0;
	color: #B11016;
	font-size:11px;
	text-align: left;
}

br.clear
{
  clear:both;
}

h5
{
   font-size: 12px;
   color: #B11016;
   font-weight:bold;
}

div.hr
{
	border-bottom:1px solid #999999;
}

div.hr hr
{
	display:none;
}