/* CSS Document */
div {
 	-moz-box-sizing:border-box;
 	box-sizing:border-box;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
div#calendar_monthly {
position:relative;
/*top:20px;
left: 100px;
*/
width: 875px;
height: 630px;
z-index: 1;

}
div#calendar_monthly div#title {
position:absolute;
top:10px;
width:875px; 
height: 20px;
display:inline;
text-align:center;
font-size: 12px;

}
div#calendar_monthly div#title img {

}
div#calendar_monthly div .title_inner {
position: relative;
width:300px;
border: solid 1px black;
}

div#calendar_monthly div#title span#title_month, div#title span#title_year {
font-weight:bold;
}
div#calendar_monthly div#header{
position:absolute;
top:26px;
width:100%;
height:20px;
}
div#calendar_monthly div .names {
font-size: 10px;
color: #003366;
text-align: center;
width: 14.2857%;
float: left;
white-space: nowrap;
}

div#month_layout div .day_header{
width: 100%;
height: 17%;
background-color: #e8eef7;
text-align:right;
z-index:1;
/*	border: solid 1px black;*/

}

/*div .day_content_group_visible {
overflow:visible;
z-index:1;
color:#00CC33;
}*/
div .day_content_more {
width:40%;
font-size:10px;
color: #FF0000;
text-align:right;
margin-right:2px;
float:right;
cursor:pointer;
/*border: 1px solid blue;*/

}


span.day_title {
font-size:9px;
margin: 3px;
color:#003366;
}

span.out_month {
	color: #999999;
}


div#month_layout {
position: absolute;
/*border: solid 1px black;*/
top: 60px; /* 60px */
width: 877px; 
height: 620px; /* 620px */ 
z-index: 1;
/*background-color:white; put back if needs to do cross over day */
}

div#month_layout div .day{
position: absolute;
top: 2px;
width: 14.285% !important;

/*width 125px;
height : 75px 
*/
height: 100%;
border-right: solid 1px #d1e8ff;
border-bottom: solid 1px #d1e8ff;


/*z-index:3;*/
}

div#month_layout div .week {
position: absolute;
width: 100%;
/* width: 875px;
height: 75px; */
height: 16.67%;
/*background-color:#FFFFFF;*/
/*z-index:1;*/
}

div #week_5 {
	/*visibility:hidden;*/
}


div .r0{
top: 0px;
}
div .r1{
top: 100px;
}
div .r2{
top: 200px;
}
div .r3{
top: 300px;
}
div .r4{
top: 400px;
}
div .r5{
top: 500px;
}
div .c0 {
left: 0px;
}

div#month_layout .c1 {
left: 125px !important;
left: 126px;
}

div#month_layout .c2{
left: 250px !important;
left: 252px;
}

div#month_layout .c3{
left: 375px !important;
left: 378px;
}

div#month_layout .c4{
left: 500px !important;
left: 504px;
}

div#month_layout .c5{
left: 625px !important;
left: 630px;
} 

div#month_layout .c6{
left: 750px !important;
left: 756px;
}

img {
border: none;
}

span#title_month, span#title_year {
margin: 3px;
}

div#more {
position:absolute;
width: 150px;
background-color: #ffffff;
font-size: 12px;
z-index:4;
visibility:hidden;
border: solid 1px gray;
}

div .hide {
visibility:hidden;
}

div .show {
visibility:visible;
}

div .continue_content {
background-color:#6699FF;
overflow:visible;
z-index:6;
font-size:10px;
height:25%;
border: 1px solid blue;

}

div .continue_content span {
margin: 2px;
}
div#month_layout div .day_content {
	background-color: white; /* take out for cross over day */
	/*z-index:-100;*/
	
}


div .day_content_detail {
	cursor: pointer;
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom:1px;
	text-align: left;
	float: left;
	font-size: 10px;
	height: 15px;
	overflow:hidden;
	width: 100%;
	color: #1A4C8F;
	/*border: solid 1px red;*/
	/*z-index:20;*/
}

div .allday {
	background-color:#89B8E7;
}
div#month_layout .day_content_detail img {
	float:left;
	margin-left: 2px;
	-moz-opacity: 0.6;
	filter: alpha(opacity = 60);
}
div#month_layout .day_content_detail span.content_title {
	margin: 2px;
}

div#month_layout .day_content_detail span.content_time {
/*font-size:10px;
color:#333399; */
font-weight: bold;
font-size: 9px;
margin: 2px;

}
div .day_content_group_hidden {
overflow:hidden;
/*z-index:10;*/
height:69%;

}
div#month_layout div .day_content, div#month_layout div .today{
width:100%;
top: 77px;
height: 90%;
/*overflow:visible;
*/
}


div#month_layout div .today{
	background-color: #f0f8ff;
	/*background-color: #D1E8FF;*/
	/*background-color: #aaccee;*/
}

/* CSS Document */
/* Day Layout  */
/* day layout **********************************/
div#calendar_daily {
	position: absolute;
	height: 1500px /*!important*/;
/*	height: 1030px;*/
	width: 602px;
}


div .day_layout {
/*	height: 1257px *//*!important*/;
/*	height: 1030px;*/
	width: 603px;
	position:absolute;
	border: solid 1px  #a2bbdd;
	background-color:#FFFFFF;
}
div#calendar_daily .header {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	height: 30px;
/*	border:solid 1px black;*/
	width: 100%;
}

div#day_layout .all_day{
	height:50px;
	width:100%;
}

div#day_layout .day {
    height: 94%;
	width:100%;

}
div#day_layout .day .day_content{
	height:50px;	
}
div#day_layout .day .day_content .time, div#day_layout .all_day .time {
	position:absolute;
	left:0px;
	width:55px;
	border-right: 1px solid #D1E8FF;
	border-bottom:  1px solid #D1E8FF;
	height: 50px;
	color: #999999;
	font-size: 9px;
	font-weight: normal;
	text-align: right;
	vertical-align: top;
	/*background-color:white;*/

}

div#day_layout .day .day_content .content, div#day_layout .all_day .content {
	left:55px;
	width:546px;
	position:absolute;
	background-color:white;

	/*background-color: #f0f8ff;*/
	height: 50px;
	border-bottom: 1px solid #D1E8FF; 
}
/*div#day_layout .all_day .time, div#day_layout .all_day .time {
	height: 100%;
}*/

div#day_layout .appointment {
	position:absolute;
	/*min-height:10px;*/
	overflow:hidden;
	padding-left: 2px;
	padding-right:2px;

/*	height:50px;*/
	background-color:#89B8E7;
	font-size: 9px;
	color: #1A4C8F;
	text-align: left;
	z-index:5;
	cursor:pointer;
}
div#day_layout .bar{
	height: 5px;
	width:100%;
	background-color: #D1E8FF;
	font-size:5px;
	/*border:solid 1px red;*/
}
div#day_layout .day .day_content .today, div#day_layout .all_day .today {
	background-color: #f0f8ff;
}


/******   Work Week Layout  ******/

/* CSS Document */
/* Day Layout  */
/* day layout **********************************/
div#calendar_workweek, 
div#calendar_weekly {
	position: absolute;
	height: 1315px;
	width: 880px;
}

div#workweek_layout,
div#weekly_layout {
	position:absolute;
/*	height: 1257px;*/
	width: 880px;
	border: solid 1px  #a2bbdd;
	top: 60px;
}

div#calendar_workweek .header,
div#calendar_weekly .header {
	position:absolute;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	height: 50px;
	width: 100%;
	left: 0px;
}
div#calendar_workweek  .header .day_header .day_title,
div#calendar_weekly  .header .day_header .day_title {
	position:absolute;
	width: 161px;
	height: 14px;
	top: 30px;
	font-size: 10px;
	font-weight: normal;
	color: #003366;
	text-align: center;
}
div#calendar_weekly  .header .day_header .day_title {
	width: 115px;
}
div#calendar_workweek  .header .day_header .time,
div#calendar_weekly  .header .day_header .time {
	width: 70px;
	left: 0px;
}
div#calendar_workweek  .header .day_header .c0 {
	left: 70px;
}
div#calendar_workweek  .header .day_header .c1 {
	left: 231px;
}
div#calendar_workweek  .header .day_header .c2 {
	left: 392px;
}
div#calendar_workweek  .header .day_header .c3 {
	left: 553px;
}
div#calendar_workweek  .header .day_header .c4 {
	left: 714px;
}

div#calendar_weekly  .header .day_header .c0 {
	left: 70px;
}
div#calendar_weekly  .header .day_header .c1 {
	left: 185px;
}
div#calendar_weekly  .header .day_header .c2 {
	left: 300px;
}
div#calendar_weekly  .header .day_header .c3 {
	left: 415px;
}
div#calendar_weekly  .header .day_header .c4 {
	left: 530px;
}
div#calendar_weekly  .header .day_header .c5 {
	left: 645px;
}
div#calendar_weekly  .header .day_header .c6 {
	left: 760px;
}

div#calendar_weekly .bar,div#calendar_workweek .bar {
	height: 5px;
	width: 100%;
	background-color:#D1E8FF;
	font-size:5px; 
}

div#workweek_layout .day_header .content,
div#weekly_layout .day_header .content {
	height: 20px;
	width: 100%;

}

div#workweek_layout .all_day,
div#weekly_layout .all_day {
	height: 50px;
	width:100%;
	border-bottom:  1px solid #D1E8FF;
}
div#workweek_layout .all_content,
div#weekly_layout .all_content {
	height:95%;
	width: 100%;
}

div#workweek_layout  .time,
div#weekly_layout  .time {
	position:absolute;
	height: 50px;
	border-right: solid 1px #D1E8FF;
	width: 70px;
	color: #999999;
	font-size: 9px;
	font-weight: normal;
	text-align: right;
	vertical-align: top;
    background-color:white;
	border-bottom: solid 1px #D1E8FF;


}
div#workweek_layout  .content ,
div#weekly_layout  .content {
	position:absolute;
	height: 49px;
	/* 49px for firefox , 50px for IE */
	width: 160px;
	border-left: solid 1px #D1E8FF;
	background-color:white;
}
div#workweek_layout  .today,
div#weekly_layout  .today{

	background-color: #f0f8ff;

}
div#weekly_layout  .content {
	width: 115px;
}

div#workweek_layout .c0 {
	left:70px;
}
div#workweek_layout .c1 {
	left:232px;
}
div#workweek_layout .c2 {
	left:393px;
}
div#workweek_layout .c3 {
	left:554px;
}
div#workweek_layout .c4 {
	left:715px;
}
div#weekly_layout .c0 {
	left:70px;
}

div#weekly_layout .c1 {
	left:185px;
}
div#weekly_layout .c2{
	left:300px;
}
div#weekly_layout .c3{
	left:415px;
}
div#weekly_layout .c4{
	left:530px;
}
div#weekly_layout .c5{
	left:645px;
}
div#weekly_layout .c6{
	left:760px;
}

div#workweek_layout .row_time,
div#weekly_layout .row_time {
	height: 50px;
	border-bottom: solid 1px #D1E8FF;
	width:100%;
}
div#workweek_layout .appointment,
div#weekly_layout .appointment{
	position: absolute;
	/*min-height:10px;*/
	overflow:hidden;
	padding: 2px;
	margin-bottom:1px;
	/*height:50px;*/
	background-color:#89B8E7;
	font-size: 9px;
	color: #1A4C8F;
	text-align: left;
	z-index:5;
	cursor:pointer;

}

/** end of weekly css **/

div.customer_info {
	position:absolute;
	line-height: 18px;
	padding: 5px;
	background-color:#D1E8FF;
	color:#666666;
	border: solid 1px;
	width: 270px;
	height: 210px;
	z-index:5
}

div.ServiceCustomerInfo{
	position:absolute;
	line-height: 18px;
	padding: 5px;
	background-color:#fff;/*#D1E8FF;*/
	color:#666666;
	border: solid 1px;
	width: 280px;
	height: 210px;
	z-index:5
}

div.customer_info a, div.ServiceCustomerInfo a {
	text-decoration:underline;
	cursor:pointer;
}
div.selected {
	background-color:#CCFF66/*#89B8E7*/;
}
div#more .day_content_detail{
	background-color:#CCFF66/*#89B8E7*/;
}

div.customer_info span.cust_title, div.ServiceCustomerInfo span.cust_title {
	color:#003399;
	font-weight:bold;
}

div#modal_dialog{
	width:100%;
	height:100%;
	/*background-color:#dddddd;*/
	-moz-opacity: 0.7;
	filter: alpha(opacity = 70);
	visibility:hidden;
	position:absolute;
	left:0px;
	top:0px;
	background-color:#ffffff;
	z-index:1000;
}
div#delete_dialog {
	padding:10px;
	top: 50%;
	left: 50%;
	/*top: 200px;
	left:300px;*/
	margin-top:-60px;
	margin-left:-165px;
	width: 330px;
	height: 120px;
	position:absolute;
	background-color:#eeeeee;
	border: solid 1px #aaaaaa;
	visibility: hidden;
	z-index:1001;
}

div#delete_dialog span.confirm {
	/*background-color:#FAD163;*/
	color:#FF6600;
	font-weight:bold;
	font-size:12px;
	line-height::16px;
}

div#delete_dialog span.title {
	padding:10px;
	color: #1A4C8F;
	/*color:#000000;*/
	font-weight:bold;
}
div#delete_dialog span.on_date, div#delete_dialog span.by {
	padding:10px;
	color:#1A4C8F;
	/*font-weight:bold;*/
}
div .today{
/*background-color: #f0f8ff;*/
}
div#popup_dialog{
	width:100%;
	height:100%;
	/*background-color:#dddddd;*/
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	visibility:hidden;
	position:absolute;
	left:0px;
	top:0px;
	background-color:#ffffff;
	z-index:1000;
}
div#inner_dialog {
	padding:10px;
	top: 50%;
	left: 50%;
	/*top: 200px;
	left:300px;*/
	margin-top:-60px;
	margin-left:-165px;

	width: 250px;
	height: 110px;
	
	position:absolute;
	background-color:#eeeeee;
	border: solid 1px #aaaaaa;
	visibility: hidden;
	z-index:1001;
}

div#alert_dialog {
	padding:10px;
	top: 50%;
	left: 50%;
	/*top: 200px;
	left:300px;*/
	margin-top:-60px;
	margin-left:-215px;
	/*width: 230px;*/
	width: 500px;
	height: 85px;
	position:absolute;
	background-color:#eeeeee;
	border: solid 1px #aaaaaa;
	visibility: hidden;
	z-index:1001;
}

div#inner_dialog,div#alert_dialog span.confirm {
	/*background-color:#FAD163;*/
	color:#FF6600;
	font-weight:bold;
	font-size:12px;
	line-height:16px;
}

div#inner_dialog span.title {
	padding:10px;
	color: #1A4C8F;
	/*color:#000000;*/
	font-weight:bold;
}
div#inner_dialog span.on_date, div#delete_dialog span.by {
	padding:10px;
	color:#1A4C8F;
	/*font-weight:bold;*/
}

/*
div#day_layout .all_day .time {
	position:absolute;
	left:0px;
	width:55px;
	border-right: 1px solid #D1E8FF;
	border-bottom:  1px solid #D1E8FF;
	height: 50px;
	color: #999999;
	font-size: 9px;
	font-weight: normal;
	text-align: right;
	vertical-align: top;
}


div#workweek_layout .day .day_content .content, div#day_layout .all_day .content {
	left:55px;
	width:546px;
	position:absolute;
	border-bottom: 1px solid #D1E8FF;
	height: 50px;
}

div#workweek_layout .all_day .time, div#day_layout .all_day .content {
	height: 100%;
}

div#day_layout .appointment {
	height:30px;
	background-color:#89B8E7;
	font-size: 9px;
	color: #1A4C8F;
	text-align: right;
}*/


/****** End Work Week Layout *****/