﻿/*  need calendar.css to work
	file contains and overrides :
	- calendar short layout	
			   - used on artist details page
*/

.calendarTop
{
	background: transparent url(../../img/controls_asp/calendarShort/calendarHeader.png) repeat scroll 0 0;
	clear: both;
	height: 42px;
	width: 486px;
	position: relative;
}
.calendarMiddle
{
	background: transparent url(../../img/controls_asp/calendarShort/calendarMiddle.png) repeat scroll 0 0;
	clear: both;
	float: left;
	width: 486px;
}
.calendarBottom
{
	background: transparent url(../../img/controls_asp/calendarShort/calendarBottom.png) repeat scroll 0 0;
	clear: both;
	height: 9px;
	width: 486px;
}

.calendarLeft
{
	background: transparent url(../../img/controls_asp/calendarShort/calednarL.png) repeat scroll 0 0;
	float: left;
	height: 24px;
	margin-left: 3px;
	margin-top: 10px;
	width: 25px;
	margin-right: 1px;
}
.calendarRight
{
	background: transparent url(../../img/controls_asp/calendarShort/calendarR.png) no-repeat scroll center center;
	float: right;
	height: 45px;
	margin-right: 3px;
	margin-top: 10px;
	position: absolute;
	right: -8px;
	top: -13px;
	width: 45px;
}
.calendarDay
{
	background: transparent url(../../img/controls_asp/calendarShort/calendarGreen.png) no-repeat scroll 0 0;
	color: white;
	float: left;
	font-family: comic Sans MS;
	font-size: 15px;
	font-weight: bold;
	height: 38px;
	line-height: 31px;

	margin-top: 2px;
	text-align: center;
	width: 66px;
	cursor:pointer;
}
.calendarDay , .calendarDayOn
{
		margin-left: 10px;
}
.calendarDayOn
{
	background: transparent url(../../img/controls_asp/calendarShort/calendarBlue.png) repeat scroll 0 0;
	color: white;
	float: left;
	font-family: comic Sans MS;
	font-size: 15px;
	font-weight: bold;
	height: 38px;
	line-height: 31px;

	margin-top: 2px;
	text-align: center;
	width: 66px;cursor:pointer;
}

.calendarIMG
{

float:left;

margin-bottom:5px;
margin-left:5px;
margin-top:5px;
width:85px;
}
.calendarDesc
{
	float: left;
	margin-left: 10px;
	width: 333px;
	text-align:justify;
}
.calendarDescTitle
{
 margin-top:5px;
}

.calendarLinks
{
  color:#5492BB;
float:right;
 margin-top:10px;
font-size:12px;
margin-bottom:3px;
margin-right:14px;

top:0;
}
.ap_events
{
	width: 468px;
}
.ap_events .tg1M
{
	background: #F4F2F2 none repeat scroll 0 0;
}
.event_item
{
	float:left; 
}