﻿
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_Head
{
	position: relative;
	float: left;
	width: 60%;
	height: 155px;
	margin: 10px 0 0 2px;
	padding: 10px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}

.div_Title
{
	position: relative;
	float: left;
	width: 100%;
	height: 41px;
	margin: 10px 0 0 10px;
	text-align: right;
	background: url('../images/com/calendar.png') no-repeat;
}
.Label_Title
{
	position: relative;
	float: left;
	margin: 5px 0px 0px 56px;
	font-size: 20px;
	font-weight: bold;
}

#div_DescHead
{
	position: relative;
	float: left;
	width: 100%;
	margin: 20px 0 0 0;
}
#div_DescHead p
{
	position: relative;
	float: left;
	font-size: 13px;
	text-align: left;
	text-indent: 20px;
}


/***************************** TOOLs PART ******************************/
.div_Tools
{
	position: relative;
	border-radius: 3px;
	float: left;
	width: 30px;
	height: 30px;
	margin: 35px 0px 0px 70px;
	background: #EAE8E3;
}

.a_Tools
{
	position: relative;
	border-radius: 3px;
	float: left;
	margin: 0px 0px 0px 0px;
	cursor: pointer;
}
#span_Pdf
{
	position: absolute;
	top: 35px; left: -23px;
	width: 100px;
	text-align: left;
	font-size: 12px;
}

.ChB_ShowSelecteds
{
	position: absolute;
	top: 105px; left: -35px;
	width: 100px;
}
.ChB_ShowSelecteds label
{
	position: relative;
	float: right;
	margin-left: 7px;
	text-align: left;
	font-size: 12px;
	line-height: 12px;
}


.div_Cal1
{
	position: relative;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-khtml-border-radius: 3px;
	-o-border-radius: 3px;
	float: right;
	width: 198px;
	min-height: 150px;
	margin: 10px 1px 0px 0px;
	background-color: #C6C6C6; /*#EFEFEF;*/
	/*border: solid 1px #C8D6FF;/*#3B80EE;*/
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
#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_m, .DDL_Cal1_y
{
	position: relative;
	float: left;
	width: 106px;
	height: 24px;
	margin: 5px 0px 3px 5px;
	text-align: left;
	font-size: 14px;
	/*background: #F6F8FA;*/
	border: none; border: 0;
	outline: none; outline: 0;
}
.DDL_Cal1_y
{
	position: relative;
	float: right;
	width: 70px;
	margin: 5px 5px 3px 0px;
}
#div_DDL_MY > select:first-of-type
{
	/*margin: 5px 0px 3px 6px;*/
}
.Cal1
{
	position: relative;
	float: left;
	width: 100%;
	height: 120px;
	font-size: 14px;
}
.Cal1 a
{
	text-decoration: none;
	font-weight: bold;
}
.Cal1_Selected
{
	border-radius: 3px;
	background: #FFA54C;
}
.Cal1_Title
{
	border-top: solid 1px #C8D6FF;
	border-bottom: solid 1px #C8D6FF;
	background: #F6F8FA;
}
.Label_Cal1Today
{
	position: relative;
	float:left;
	top: 0px;
	left: 3px;
	font-size: 11px;
	z-index: 999;
}



/***************************** GRID VIEW CALENDAR ******************************/
.div_GVC_Title
{
	position: relative;
	float: left;
	width: 100%;
	height: 30px;
	text-align: left;
	display: none;
}
.div_GVC_Info
{
	position: relative;
	float: left;
	width: 96%;
	height: auto;
	text-align: left;
	/*padding:7px 10px;*/
	margin:20px;
	display: none;
}
.div_GVC_Info p
{
	position: relative;
	color:blue;
	float: left;
	font-size: 13px;
	text-align: left;
	text-indent: 20px;
}
.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;
	border-radius: 5px;
	float: left;
	margin: 10px 0px 0px 0px;
    width: 960px;
    text-align: left;
    background: #D4D4D4;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.GVC_Header
{
	border-top-left-radius: 3px; border-top-right-radius: 3px;
	font-size: 11px;
	text-align: center;
	line-height: 12px;
	padding: 7px 5px 7px 5px;
	color: White;
	background: #555555;
}
.GVC_normal
{
	background: White; /*#FFEFEF;*/ /*#FFFBEF;*/
	text-align: left;
}
.GVC_alternate
{
	background: #F6F4F0;
	text-align: left;
}
.GVC_normal td:first-child, .GVC_alternate td:first-child
{
	padding-left: 10px;
	text-align: center;
}
.GVC_normal td:last-child, .GVC_alternate td:last-child
{
	padding-left: 10px;
    text-align: center;
}
.GVC_normal td, .GVC_alternate td
{
	padding: 10px;
	line-height: 15px;
	font-size: 13px;
}
.GridViewCal .GVC_normal:hover, .GridViewCal .GVC_alternate:hover
{
   /*background: AntiqueWhite; /*#FFEEED;/*#CCCCFF;*/
}

.GVC_HyperLink
{
	font-size: 13px;
	text-decoration: none;
}
.GVC_HyperLink:hover
{
	text-decoration: underline;
}
.GVC_Label
{
	/*font-size: 13px;*/
}
.GVC_div
{
	padding: 0px 0px;
}
.a_Basis
{
	font-size: 12px;
	text-decoration: none;
	outline: none; outline: 0;
}
.a_Basis:hover
{
	text-decoration: underline;
	color: #2869FF;
}


.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;
}


#div_DescFoot
{
	position: relative;
	float: left;
	width: 90%;
	margin: 10px 0 0 5%;
	padding: 10px 0;
}
#div_DescFoot p
{
	position: relative;
	float: left;
	margin: 10px 0 0 0;
	font-size: 13px;
	text-align: left;
	text-indent: 20px;
}
.LabelLastDay
{
	position: relative;
	float: left;
	margin: 15px 20px 0px 20px;
	font-size: 13px;
	text-align: justify;
	text-indent: 20px;
}
