/* -------------------------------------------- */
/* START: YOUTH ZONE				*/

tr.hidden
{
	display: none;
}

div.youthzone-menu
{
	font-size: 100%;
	color: #666;
	font-weight: normal;
	margin: 0px;
	padding: 3px 3px 3px 3px;
	background-color: #eee;
	border-top: 1px solid #036;
	border-bottom: 1px solid #036;
	text-align: center;
}


div.youthzone-menu a:link, div.youthzone-menu a:visited
{
	color: #800;
	text-decoration: none;
}

div.youthzone-menu a:hover, div.youthzone-menu a:active, div.youthzone-menu a:focus{
	color: #800;
	text-decoration: underline;
}


/* view section - list				*/

li.hidden
{
	display: none;
}

div.viewsection
{
	width: 100%;
}

div.viewsection li
{
	font-size: 100%;
	font-weight: normal;
	padding: 0px;
	list-style-type: disc;
}

div.viewsection li.category
{
	font-size: 100%;
	font-weight: bold;
	padding: 18px 0px 2px 0px;
	list-style-type: none;
}

div.viewsection a:link, div.viewsection a:visited
{
	text-decoration: none;
	color: #039;
}

div.viewsection a:hover, div.viewsection a:active, div.viewsection a:focus
{
	text-decoration: underline;
	color: #663;
}


/* view section - table - no category 		*/

tr.hidden
{
	display: none;
}

div.viewsection-single table.viewtable
{
	width: 100%;
	border: none;
}

div.viewsection-single table.viewtable th
{
	font-size: 100%;
	color: #333;
	background-color: #def;
	font-weight: bold;
	margin: 0px;
	padding: 2px 3px 2px 3px;
	vertical-align: top;
}

div.viewsection-single table.viewtable td
{
	font-size: 100%;
	color: #333;
	background-color: #eee;
	padding: 2px 3px 2px 3px;
	vertical-align: top;
}

div.viewsection-single a:link, div.viewsection-single a:visited
{
	text-decoration: none;
	color: #039;
}

div.viewsection-single a:hover, div.viewsection-single a:active, div.viewsection-single a:focus
{
	text-decoration: underline;
	color: #663;
}

/* form 				*/

div.form th, div.form td
{
	padding: 6px;
	vertical-align: top;
}

div.zoneform th
{
	background-color: #ddd;
}

div.zoneform td
{
	background-color: #f4f4f4;
}

/* view section - expand (default)		*/
div.viewsection-expand h2
{
	font-size: 110%;
	color: #800;
	font-weight: bold;
	margin: 0px;
	padding: 15px 0px 3px 0px;
}

div.viewsection-expand h2 a:link, div.viewsection-expand h2 a:visited
{
	color: #800;
	text-decoration: none;
}

div.viewsection-expand h2 a:hover, div.viewsection-expand h2 a:active, div.viewsection-expand h2 a:focus{
	color: #800;
	text-decoration: underline;
}


div.viewsection-expand table.viewtable
{
	width: 98%;
	border: none;
}

div.viewsection-expand table.viewtable tr.viewheader
{
}

div.viewsection-expand table.viewtable th
{
	font-size: 100%;
	color: #333;
	background-color: #def;
	font-weight: bold;
	margin: 0px;
	padding: 2px 3px 2px 3px;
	vertical-align: top;
}

div.viewsection-expand table.viewtable td
{
	font-size: 100%;
	color: #333;
	background-color: #eee;
	font-weight: normal;
	padding: 2px 3px 2px 3px;
	vertical-align: top;
}

div.viewsection-expand h2.view-category
{
	color: #800;
	font-weight: bold;
	margin: 0px;
	padding: 5px 0px 2px 0px;
	font-size: 110%;
}

/* view section - collapse			*/
div.viewsection-collapse h2
{
	font-size: 110%;
	color: #800;
	font-weight: bold;
	margin: 0px;
	padding: 2px 0px 2px 0px;
}

div.viewsection-collapse h2 a:link, div.viewsection-collapse h2 a:visited
{
	color: #800;
	text-decoration: none;
}

div.viewsection-collapse h2 a:hover, div.viewsection-collapse h2 a:active, div.viewsection-collapse h2 a:focus{
	color: #800;
	text-decoration: underline;
}


div.viewsection-collapse table.viewtable
{
	width: 100%;
	border: none;
}

div.viewsection-collapse table.viewtable tr.viewheader
{
	display: none;
}

div.viewsection-collapse table.viewtable th
{

}

div.viewsection-collapse table.viewtable td
{

}

div.viewsection-collapse h2.view-category
{
	color: #800;
	font-weight: bold;
	margin: 0px;
	padding: 5px 0px 2px 0px;
	font-size: 110%;
}

/* END: YOUTH ZONE				*/