﻿
body
{
}


/**********************************-------------- LEFT PART --------------*********************************/




/**********************************------------- MIDDLE PART -------------*********************************/
#div_middle
{
	position: relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-khtml-border-radius: 5px;
	-o-border-radius: 5px;
	float: left;
	width: 800px;
    min-height: 550px;
    margin: 9px 0px 0px 80px;
    background: White;
    border: solid 1px #C8D6FF;/*#3B80EE;*/
}



/***************************** CALENDAR ******************************/
.div_Message
{
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 60px;
	display: none;
}

.div_Title
{
	position: relative;
	float: left;
	width: 50%;
	height: 42px;
	margin-top: 10px;
	margin-left: 80px;
	text-align: right;
	background: url('../images/com/calendar.png') no-repeat;
	/*background: orange;*/
}
.div_Title_FCHsSeeAll
{
	position: relative;
	float: left;
	width: 80%;
	margin-top: 20px;
	margin-left: 10%;
	padding: 5px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: Black;
	background: #FFDF91;
}
.Label_Title
{
	position: relative;
	float: left;
	margin: 10px 0px 0px 56px;
	font-size: 20px;
	font-weight: bold;
}

.div_LawCalDesc
{
	position: relative;
	float: left;
	width: 500px;
	height: 130px;
	padding: 0px 10px 0px 10px;
	/*background: Pink;*/
}
.Label_LawCalDesc1
{
	position: relative;
	float: left;
	margin-top: 20px;
	text-align: left;
	text-indent: 30px;
	font-size: 0.8em;
	color: Black;
}
.Label_LawCalDesc2
{
	position: relative;
	float: left;
	margin-top: 10px;
	text-align: left;
	font-size: 0.7em;
	color: Red;
	font-style: italic;
	display: none;
}


.div_Cal1
{
	position: relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-khtml-border-radius: 5px;
	-o-border-radius: 5px;
	float: right;
	width: 198px;
	height: 175px;
	margin: 10px 10px 0px 0px;
	background: #EFEFEF;
	/*border: solid 1px #C8D6FF;/*#3B80EE;*/
}
#div_DDL_MY
{
	position: relative;
	-moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px;
	border-top-left-radius: 4px; border-top-right-radius: 4px;
	-khtml-border-radius-topleft: 4px; -khtml-border-radius-topright: 4px;
	-o-border-radius-topleft: 4px; -o-border-radius-topright: 4px;
	float: left;
	width: 100%;
	background: #C6C6C6;
}
.DDL_Cal1
{
	position: relative;
	float: left;
	width: 91px;
	height: 20px;
	margin: 5px 0px 3px 6px;
	text-align: left;
	font-size: 12px;
	/*background: #F6F8FA;*/
	border: none; border: 0;
}
#div_Cal1_month_year
{
	position: relative;
	float: left;
	width: 100%;
	height: 13px;
	margin-bottom: 3px;
}
.LinkButton_Cal1_month
{
	font-size: 11px;
	color: #2869FF;
	text-decoration: none;
}
.LinkButton_Cal1_month:hover
{
	text-decoration: underline;
}
.LinkButton_Cal1_month_disabled
{
	font-size: 11px;
	color: Gray;
	text-decoration: none;
}
.Cal1
{
	position: relative;
	float: left;
	width: 100%;
	font-size: 13px;
}
.Cal1 a
{
	/*-moz-transition-duration: 150ms;*/
	-webkit-transition: all 0.15s;
	-moz-transition: all 0.15s;
	-ms-transition: all 0.15s;
	-o-transition: all 0.15s;
	transition: all 0.15s;
	/*text-decoration: none;*/
}
.Cal1 a:hover
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-khtml-border-radius: 10px;
	-o-border-radius: 10px;
	padding: 1px 5px;
	background: #FFC58E;
}
.Cal1_Selected
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-khtml-border-radius: 3px;
	-o-border-radius: 3px;
	background: #FFA54C;
}
.Cal1_Title
{
	border-top: solid 1px #C8D6FF;
	border-bottom: solid 1px #C8D6FF;
	background: #F6F8FA;
}
.Label_Cal1Today
{
	position: absolute;
	top: 161px;
	left: 3px;
	font-size: 10px;
	z-index: 999;
}



/***************************** GRID VIEW CALENDAR ******************************/
.div_GVC_Title
{
	position: relative;
	float: left;
	width: 100%;
	height: 30px;
	text-align: left;
	display: none;
}
.Label_GVC_Title
{
	position: relative;
	top: 10px;
	padding: 0px 10px 0px 10px;
	margin-left: 50px;
	font-weight: bold;
	font-size: 14px;
	color: #890000;
	background: #FFFFFF;/*#FFFBEF;*/
	z-index: 599;
}

.GridViewCal
{
	position: relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-khtml-border-radius: 5px;
	-o-border-radius: 5px;
	float: left;
	margin-left: auto;
    margin-right: auto;
    width: 100%; /*780px;*/
    text-align: left;
    background: White;
    /*border: solid 1px #C8D6FF;/*#3B80EE;*/
}
.GVC_HyperLink
{
	font-size: 12px;
	text-decoration: none;
}
.GVC_HyperLink:hover
{
	text-decoration: underline;
}
.GVC_Label
{
	font-size: 12px;
}


.div_UpdateProgress
{
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	visibility: visible;
	vertical-align: middle;
	text-align: center;
	cursor: wait;
    background: #F6F8FA;
    opacity: 0.4;
    filter: alpha(opacity=40);
    z-index: 99999;
}
.img_UpdateProgress
{
	position: fixed;
	top: 440px;
	left: 700px !important;
	left: 440px;
	vertical-align: middle;
	text-align: center;
}