/* ============ BIG CALENDAR STYLE ================== */
.calendar {
	border:none;
	border-width:1px;
	border-color:#E0E7F1;
	background-color: #E0E7F1;
	width:560px;
}
.calendar-header {
	color: #FFFFFF;
	font-size:18px;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#6583B7;
	font-weight:normal;
	height:24px;
}
.calendar-header a:link, a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.calendar-header a:hover {
	background-color:#FFFFFF;
	color: #2394AA;
}

.calendar-days {
	background-color: #A2B5D3;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	width:80px;
}
.calendar-entry {
	background-color: #E9F4F6;
	font-size:10px;
	height:100px;
	width:80px;
	text-align:left;
}
.calendar-empty {
	height:100px;
	width:80px;
}

/* =================== SMALL CALENDAR STYLE */
.calendar-small {
	border:solid;
	border-width:1px;
	border-color:#FFFFFF;
	background-color: #E0E7F1;
	width:238px;
}
.calendar-header-small {
	color: #FFFFFF;
	font-size:11px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#6583B7;
	height:18px;
	text-transform:uppercase;
}
.calendar-header-small a:link, a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.calendar-header-small a:hover {
	background-color:#FFFFFF;
	color: #6583B7;
}

.calendar-days-small {
	background-color: #A2B5D3;
	font-size:11px;
	width:34px;
	text-align:center;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
}
.calendar-entry-small {
	background-color: #CFD8E9;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	height:14px;
	width:34px;
	text-align:center;
	color:#9C9BA1;
}
.calendar-empty-small {
	height:14px;
	width:34px;
	background-color: #E0E7F1;
}


/* ============= SMALL CALENDAR POPUP ======================== */

div.calendar_popup {
	z-index: 1;
	position:absolute;
	top:430px;
	left:800px;
	}

div.calendar_popup div.menu_form_header
{
  border: 1px solid #666666;
  border-bottom: none;
  width: 200px;
  height: 20px;
  line-height: 19px;
  vertical-align: middle;

  /*background: url('popup-header.png') no-repeat;*/
  background-color:#6583B7;

  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size:  13px;
  color:   #FFFFFF;
  cursor:  default;
}

div.calendar_popup div.menu_form_body
{
  width: 200px;
  border: 1px solid #666666;
  /*background: url('popup-bg.png') no-repeat left bottom;*/
  background-color:#CFD8E9;
}
div.menu_form_body a:link, a:visited {
color: #4D64A9;
}
div.menu_form_body a:hover {
background-color: #FFFFFF;
}

/*div.calendar_popup img.menu_form_exit*/
img.menu_form_exit
{
  float: right;
  margin: 4px 5px 0px 0px;
  cursor: pointer;
}

div.calendar_popup table
{
  width: 100%;
  border-collapse: collapse;
}

div.calendar_popup th
{
  width: 1%;
  padding: 0px 5px 1px 0px;

  text-align: left;

  font-family: Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size:  13px;
  color:   #004060;
}

div.calendar_popup td
{
  width: 99%;
  padding: 0px 0px 1px 0px;
}

div.calendar_popup form
{
  margin:  0px;
  padding: 8px 10px 10px 10px;
}

div.calendar_popup input.field
{
  width: 95%;
  border: 1px solid #808080;

  font-family: Verdana, Sans-Serif;
  font-size: 12px;
}

div.calendar_popup input.btn
{
  margin-top: 2px;
  border: 1px solid #808080;

  /*background-color: #DDFFDD;*/
  background-color: #FFD600;

  font-family: Verdana, Sans-Serif;
  font-size: 11px;
}
 /* ================ END FOR SMALL CALENDAR POPUP ======================================= */