/**
 * $Id: artist.css,v 1.4 2007/09/06 06:33:01 sudaraka Exp $
 * Created: 08/31/2007
 * $Log: artist.css,v $
 * Revision 1.4  2007/09/06 06:33:01  sudaraka
 * modification done on RC deployment
 *
 * Revision 1.3  2007/09/06 00:45:20  sudaraka
 * - cosmetic changes
 * - modified framework to support hosting in shared servers
 *
 * Revision 1.2  2007/08/31 22:48:49  sudaraka
 * adjustments before rc1
 *
 * Revision 1.1  2007/08/31 07:24:39  sudaraka
 * complete public area artist and category pages
 *
 *
 */

table.artist
{
	width: 100%;
}
table.artist td
{
	width: 180px;
	vertical-align: top;
	text-align: center;
	padding: 3px;
}
table.artist td p
{
	font: bold 10pt Arial, Helvetica, sans-serif;
}
table.artist td+td
{
	width: auto;
	text-align: left;
}
table.artist td+td a.all
{
	font: bold 10pt Arial, Helvetica, sans-serif;
}
table.artist td+td a.all+a.all
{
	display:none;
}
table.artist tr+tr td+td
{
	padding: 10px 0px 0px;
	text-align: center;
}
table.artist td+td div
{
	color: #ffffff;
	height:200px;
	padding: 10px;
	overflow: auto;
}
table.artist td+td div p
{
	margin-top: 0px;
	font: bold 8.5pt Arial, Helvetica, sans-serif;
}

table.artist td+td+td
{
	width: 238px;
}
div#divCal
{
	background-color: #ffffff;
	border: none;
	color: #000000;
	height:220px;
	padding: 3px;
	overflow: visible;
}
div#divCal table td
{
	width: auto;
	text-align: center;
	background-color: #e6e6cc;
	vertical-align: top;
	padding: 0px;
	border-left: 1px solid #3e4a22;
	border-right: 1px solid #3e4a22;
	border-bottom: 1px solid #3e4a22;
}
div#divCal table td+td
{
	border-left: none;
	border-right: 1px solid #3e4a22;
}
div#divCal table tr.week td
{
	text-align: center;
	padding: 4px 0px;
	height: auto;
	background-color: #000080;
	color: #ffffff;
	font: bold 11pt Arial, Helvetica, sans-serif;
}
div#divCal table tr.month td
{
	padding: 4px 0px;
	border-top: 1px solid #3e4a22;
	height: auto;
	background-color: #2E0854;
	color: #ffffff;
	font: bold 11pt Arial, Helvetica, sans-serif;
}
div#divCal table tr.month td a
{
	color: #ffffff;
	font: bold 14pt Arial, Helvetica, sans-serif;
	text-decoration: none;
}
div#divCal table td div
{
	color: #000000;
	background-color: #cccc99;
	width: 18px;
	height: 21px;
	padding: 2px 7px 0px;
	font: bold 12pt Arial, Helvetica, sans-serif;
	text-align: right;
	border: none;
	overflow: hidden;
}
div#divCal table td div.cur
{
	color: #397D02;
}
div#divCal table td div.booked
{
	background-color: #de8c00;
}
div#divCal table td div.hold
{
	background-color: #aaaaaa;
}

div#divCal table.help
{
	margin: 6px 0px;
}
div#divCal table.help tr td,
div#divCal table.help tr td+td+td+td
{
	padding: 2px;
	background: none;
	border: none;
	width: 14px;
}
div#divCal table.help tr td+td+td
{
	width: 20px;
}
div#divCal table.help tr td+td,
div#divCal table.help tr td+td+td+td+td
{
	text-align: left;
	width: auto;
	padding-top: 1px;
	font-size: 8pt;
}
div#divCal table.help img
{
	width: 10px;
	height: 10px;
	border: 1px solid #3e4a22;
}
div#divCal table.help img.booked
{
	background-color: #de8c00;
}
div#divCal table.help img.availabe
{
	background-color: #cccc99;
}
div#divCal table.help img.hold
{
	background-color: #aaaaaa;
}

table.cat
{
	width: 100%;
	background-color: #000000;
	margin: 10px 0px 0px;
}
table.cat td
{
	padding: 2px 5px;
	width: 24px;
}
table.cat td img
{
	width: 24px;
	height: 24px;
}
table.cat td+td
{
	width: auto;
	font: bold 16pt Arial, Helvetica, sans-serif;
}

table.photo
{
	width: 100%;
}
table.photo td
{
	text-align: center;
}
div.photo
{
	margin: 8px 9px 0px 8px;
	text-align: center;
	vertical-align: top;
	float: left;
	width: 102px;
}
.IE div.photo
{
	margin: 8px 8px 0px;
}
div.photo div
{
	border: 1px solid #888888;
	text-align: center;
	vertical-align: middle;
	margin: 0px auto 2px;
	padding: 2px;
	background-color: #000000;
	overflow: hidden;
	width: 96px;
	height: 96px;
}
div.photo div img
{
	width: 96px;
	height: 96px;
}
div.photo a
{
	font: bold 9pt Arial, Helvetica, sans-serif;
	color: #ffffff;
	cursor: pointer;
}
