﻿.main
{
	background-color: #c2cbba;
}

.head
{
	/**background-image:url("../images/TitleHead1.jpg");
    background-repeat:no-repeat;**/
    display:block;
    float:left;
    height:55px;
    padding:0 18px;
    width:562px;
}

.CalContent
{
    background-image:url("../images/calBack.jpg");
    background-repeat:repeat-y;
    display:block;
    float:left;
    /*padding:0 18px 0 19px;*/
    width:603px;
}
.padding
{
	margin-top: 5px;
}

Table.cal
{    
	background-color: #ffffff;
	border: 0px none #d2e1f0;
	border-collapse: collapse;
	color: #acafa9;
	font-size: 8pt;
	vertical-align: top;
	width: 630px;
}

table.cal tr
{
    border:0px none;
}

Table.cal td
{
	border:0 none #fff;
	font-size: 10px;
	text-align: right;
	vertical-align: top;
	overflow-x: auto;
	padding: 0;
}

table.cal table.TitleStyle td a
{
	text-align: center;
}

.todaydateStyle
{
	background-color: #cfe2ed;
	color: #9ac7cd;
}

table.cal td.thermonthStyle
{
	height:100px;
}

.DayHeaderStyle
{
	font-weight: bold;
	font-size: 23px;
	color:#000;
}

.TitleStyle
{
	background-color: #999999;
	border-color: #d2e1f0;
	font-weight: bold;
	height: 20px;
	width: 902px !important;
}

Table.TitleStyle td
{
	height: 20px;
	text-align: center;
	vertical-align: middle;
	background-color: #ffffff;
	font-size: 46px;
	overflow: hidden;
}

.WeekendDayStyle
{
	background-color: #ebf2f8;
}

Table.cal td a.htmldiv, Table.cal td a
{
	font-size: 10px;
	display: block;
	text-align: left;
	vertical-align: top;
}

.OthermonthStyle .cell
{
	color: #EEEEEE;
}

Table.cal td div.cell
{
	font-size: 19px;
	height: 100px;
	/*overflow-x:hidden;*/
	width: 100%;
	color: #c8c9cb;
	position:relative;
}

.tooltipTitle
{
	background-color: #000;
	border: 1px solid #fff;
	padding: 6px 15px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	width: 180px;
	opacity: 0.8;
	filter: alpha(opacity=80); /* outline radius for mozilla/firefox only */
	-moz-box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
}

.tooltip
{
	background-color: #000;
	border: 1px solid #fff;
	border-top: 0px none;
	padding: 6px 15px;
	color: #fff;
	text-align: left;
	font-size: 13px;
	width: 180px;
	opacity: 0.8;
	filter: alpha(opacity=80); /* outline radius for mozilla/firefox only */
	-moz-box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
}

.tip
{
	float: left;
	margin-left: 0px;
	background-color: #d7efef;
	width: 100%;
	position:absolute;
	bottom:0px;
	color: black;
	text-decoration: none;
	left: 0px;
}

.btnPrev
{
    float: left; 
    /*margin-top: 85px;*/
     margin-left: 7px; 
     border:0;
     width: 13px; 
     background-color: transparent; 
     font-size: 21px; 
     font-weight: bold; 
     color: #5a5f59;
     cursor:pointer;    
     
}

.btnNext
{
   /* float: right; */
    /*margin-top: 85px;*/
    margin-right: 7px; 
    border:0;
    width: 13px; 
    background-color: transparent; 
    font-size: 21px; 
    font-weight: bold; 
    color: #5a5f59;
    cursor:pointer; 
    
}

.CalHeadText
{
    color:#5A5F59;
    display:block;
    float:left;
    font-family:Arial;
    font-size:37px;
   /* padding-left:30px;
    padding-top:25px;*/
    text-align:left;
    text-transform:uppercase;
    width:504px;
}
