/*------------------------------*/
/* CSS-STYLES für den KALENDER  */
/*------------------------------*/

/*18.02.2009 LA arrows
  20.02.2009 LA close button_x
  07.05.2010 LA .btnbox_x
  */


#calendars {
	z-index:600;
	position: absolute;
	left: 150px;
	top: 160px;
	background-color: #ffffff;
	width: 375px;
	padding: 3px;
	
	border-top: thin solid #999999;
	border-right: thin solid #999999;
	border-bottom: thin ridge #999999;
	border-left: thin solid #999999;
}

#calendars a:link 
{
	font-family : Tahoma, Verdana, Arial;
	font-size : 11px;
	font-weight : normal;
	font-style : normal;
	color : #000000;
	text-decoration: none;
}
#calendars a:visited 
{
	font-family : Tahoma, Verdana, Arial;
	font-size : 11px;
	font-weight : normal;
	font-style : normal;
	color : #000000;
	text-decoration: none;
}
#calendars a:hover 
{
	font-family : Tahoma, Verdana, Arial;
	font-size : 11px;
	font-weight : normal;
	font-style : normal;
	color : #000000;
	text-decoration: none;	
}
#calendars input 
{
	font-family : Tahoma, Verdana, Arial;
	font-size : 11px;
	font-weight : bold;
	font-style : normal;
	weight: 150px;
	text-align: center;
	vertical-align: middle;
	text-indent: 2px;
}

#calendars .title
{
	font-family : Tahoma, Verdana, Arial;
	font-size : 11px;
	font-weight : bold;
	font-style : normal;
	color : #000000;
	background: #c6efff;
}
#calendars .date_title
{
	font-family : Tahoma, Verdana, Arial;
	font-size : 11px;
	font-weight : bold;
	font-style : normal;
	color : #000000;
	background: #c6efff;
	text-align: right;
	line-height: 1.5em;
}

#calendars .tr_month
{
	font-family : Tahoma, Verdana, Arial;
	font-size : 11px;
	font-weight : bold;
	font-style : normal;
	color : #FFF;
	vertical-align: middle;
	text-align: center;
	background: #0F5CAA;
}
#calendars .arrow_lft  {
	background: url(../images/calendar/arrowleft.gif) no-repeat center center;
	background-color: #0F5CAA;
}
#calendars .arrow_rgt  {
	background: url(../images/calendar/arrowright.gif) no-repeat center center;
	background-color: #0F5CAA;
}

#calendars .tr_weekday
{
	color : #000000;
	background-color: #b2b2b2;
	font: normal 10px Tahoma, Verdana, Arial;
	text-transform: capitalize;
	text-align: center;
}

#calendars .td_workday
{
	vertical-align: middle;
	text-align: center;
	background-color: #c6efff;
}

#calendars .td_weekend
{
	vertical-align: middle;
	text-align: center;
	background-color: #dddddd;
}

#calendars .workday_inactiv
{
	font-family : Tahoma, Verdana, Arial;
	font-size : 11px;
	font-weight : normal;
	font-style : italic;
	color : #999999;
}

#calendars .weekend_inactiv
{
	font-family : Tahoma, Verdana, Arial;
	font-size : 11px;
	font-weight : normal;
	font-style : italic;
	color : #999999;
}
#calendars .allday_inactiv
{
	font-family : Tahoma, Verdana, Arial;
	font-size : 11px;
	font-weight : normal;
	font-style : italic;
	color : #778899;
}
#calendars .workday_activ
{
	font-family : Tahoma, Verdana, Arial;
	font-size : 11px;
	font-weight : normal;
	font-style : normal;
	color : #000000;
}

#calendars .weekend_activ
{
	font-family : Tahoma, Verdana, Arial;
	font-size : 11px;
	font-weight : normal;
	font-style : normal;
	color : #000000;
}
#calendars   .table  
{
	font-family : Tahoma, Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	border-top: thin solid #999999;
	border-right: thin solid #999999;
	border-bottom: thin ridge #999999;
	border-left: thin solid #999999;
	background-color: #ffffff;
	table-layout: fixed;
	width: 170px;
}
#calendars  .table  td {
	line-height: 1em;
	height: 1.4em;
}
#calendars .date {
	width: 170px;
}
#calendars #apply {
	color: #FFF;
}

#calendars .btnbox_x {
	width: 20px;
	text-align: center;
	background-color: #FFFFFF;
	float: right;
	/*border: thin outset #FFFFFF;*/
	margin-right: 0px;
	}
	
#calendars .btnbox_x a,
#calendars .btnbox_x a:link,
#calendars .btnbox_x a:visited,
#calendars .btnbox_x a:active {
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
	padding-top: 1px;
	padding-bottom: 1px;
}
#calendars .btnbox_x a:hover {
	color: #fff;
	background-color: #FF0000;
	padding: 5px;
}