.ar-calendar div
{
  position: relative;
}
.ar-calendar
{
  position: absolute;
  top: 0;
  left: 200px;
  padding: 1px;
  width: 238px;
  border: 2px solid #cfcfcf;
  display: none;
  z-index: 777;
  background: #0a78c8; /* Old browsers */
	background: -moz-linear-gradient(top, #6499ca 0%, #0a78c8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6499ca), color-stop(100%,#0a78c8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6499ca 0%,#0a78c8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6499ca 0%,#0a78c8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #6499ca 0%,#0a78c8 100%); /* IE10+ */
	background: linear-gradient(to bottom, #6499ca 0%,#0a78c8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6499ca', endColorstr='#0a78c8',GradientType=0 ); /* IE6-9 */
}
.ar-calendar-cover
{
	position: fixed;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	/*right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 776;
	background: #444546;
	zoom: 1;
	filter: alpha(opacity=30);
	opacity: 0.3;*/
}
.ar-calendar select
{
	/*clear: both;
	display: block;*/
	border: 1px solid #9e9e9e;
	background: #fff;
	padding: 5px 1%;
	margin: 0 1%;
	width: auto;
	float: left;
	text-transform: capitalize;
}
.ar-calendar ul
{
  float: none;
  clear: both;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ar-calendar ul li
{
  float: left;
  margin: 0;
  padding: 0;
}
.ar-calendar ul.list li
{
  margin: 1px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #fff;
  
}

.ar-calendar ul.list li a
{
  display: block;
  height: 32px;
  color: #fff;
}
.ar-calendar ul.list li a:hover,
.ar-calendar ul.list li.current a:hover
{
  color: #003c7b;
  background: #fff;
}
.ar-calendar ul.list li.current
{
  color: #fff;
  background: #52a3f5;
}
.ar-calendar ul.list li.current a
{
  color: #fff;
}
.ar-calendar ul.list li.week-end
{
  
}
.ar-calendar ul.list li.locked
{
  background: #c00;
}
.ar-calendar ul.list li.backdate
{
  background: #ccc;
}

.ar-calendar ul.list li.hidden
{
  display: block;
  visibility: hidden;
}
.ar-calendar .infos
{
  position: relative;
  height: 32px;
  font-size: 11pt;
  /*background: #003c7b;*/
}
.ar-calendar .infos form
{
  padding: 5px 10px;
}
.ar-calendar .infos h3
{
  margin: 0;
  padding: 0;
  height: 32px;
  line-height: 32px;
  font-size: 11pt;
  color: #fff;
  text-align: center;
  text-transform: capitalize;
}
.ar-calendar .infos .close
{
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
  text-indent: -1000px;
  overflow: hidden;
  background: url('close-window.png') 0 0 no-repeat;
}
.ar-calendar ul.toolbar li
{
  margin: 8px 1%;
  width: 23%;
  height: 32px;
  overflow: hidden;
}
.ar-calendar ul.toolbar li a
{
  display: block;
  height: 32px;
  text-indent: -1000px;
  overflow: hidden;
  background: #fff;
}
.ar-calendar ul.toolbar li a.previous-year
{
  background: url('arrow_left_32.png') 50% 0 no-repeat;
}
.ar-calendar ul.toolbar li a.next-year
{
  background: url('arrow_right_32.png') 50% 0 no-repeat;
}
.ar-calendar ul.toolbar li a.previous-month
{
  background: url('arrow_left.png') 50% 0 no-repeat;
}
.ar-calendar ul.toolbar li a.next-month
{
  background:  url('arrow_right.png') 50% 0 no-repeat;
}
.ar-calendar ul.header
{
	height: 32px;
	display: block;
	/*background: #fff;*/
}
.ar-calendar ul.header li
{
  margin: 8px 1px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  overflow: hidden;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  /*background: #fff;*/
}

#qdnlinks
{
	position: absolute;
	top: 150px;
	left: 0;
	bottom: 60px;
	width: 230px;
	padding: 0 10px 10px 10px;
	overflow: auto;
	overflow-x: hidden;
	line-height: 16px;
	background: #efefef;
}
#qdnlinks.aside
{
	left: -1000px;
}
.qdncalendar ul
{
	padding: 5px;
	background: #fff;
	text-align: center;
}
.qdncalendar select
{
	width: 100%;
	clear: both;
	margin: 10px 0 0; 
	padding: 0 5px;
	text-align: center;
}
.qdncalendar li
{
	float: left;
	width: 31%;
	margin: 5px 1%;
	padding: 5px 0;
	background: #ccc;
	cursor: pointer;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 10px;
}