/* CSS Document */

/*
<div class="form t5 l5 w5 h5"></div>
<div class="formBox t5 l5 w5 h5"></div>
<div class="popup t5 l5 w5 h5"></div>
<div class="popupbox t5 l5 w5 h5"></div>
<div class="dashBox t5 l5 w5 h5"></div>
<div class="_mc t5 l5 w5 h5"></div>
*/

/*-------------------popup box-------------------*/
/*-------------------popup box-------------------*/
.popup{
position:absolute;
display: block;
background-color: rgba(180, 180, 180, 0.97);
border: 1px solid rgba(0,0,0,1.00);
box-shadow: 5px 5px 10px 10px rgba(0,0,0,0.75);
}

.popupbox{
position:absolute;
display: block;
background-color: rgba(138, 138, 136, 1.00);
}


/*-------------------form box-------------------*/
/*-------------------form box-------------------*/
.form{
position:absolute;
display: block;
padding:0px;
background-color:rgba(126,126,126,1.00);
border: 1px solid rgba(0,0,0,0.50);
}

.formBox{
position:absolute;
display: block;
background-color: rgba(204,204,204,1.00);
}



/*-------------------dash box-------------------*/
/*-------------------dash box-------------------*/
.dashBox{
position:absolute;
display: block;
background-color: rgba(120,120,120,1.00);
}

/*-------------------Page Cover-------------------*/
/*-------------------Page Cover------------------*/
.cover{
position: absolute;
display: block;
top: 0;
left: 0;
width: 1200px;
height: 750px;
background-color: rgba(153,153,153,0.75);
}
.pageCover:hover{cursor: not-allowed;}


/*----------index container-----------------------------*/
.index-Cont{
position: absolute;
display:none;
top: 0px;
left: 0px;
width: 1px;
height: 1px;
padding: 0px;
margin: 0px;
}

/*----------mc container-----------------------------*/
._mc{
position: absolute;
display: block;
padding: 0px;
margin: 0px;
}


/*------------------------ Company Calendar ------------------*/
.coCalDay{
display: block;
float: left;
border: 1px solid rgba(0,0,0,1.00);
background-color: rgba(179,179,179,0.50); 
height: 130px;
width: 165px;
margin: 1px;
font-size: 12px;
font-family: 'Helvetica', 'Tahoma', 'Geneva', sans-serif;
overflow: hidden;
padding: 2px;
}

.coCalDayBlank{
display: block;
float: left;
border: 1px solid rgba(150,150,150,0.75);
height: 130px;
width: 165px;
margin: 1px;
font-size: 12px;
font-family: 'Helvetica', 'Tahoma', 'Geneva', sans-serif;
overflow: hidden;
padding: 2px;
}

.coCalDayBack{
display: block;
float: left;
border: 1px solid rgba(111,107,0,1.00);
background-color: rgba(149,149,149,0.50);  
height: 130px;
width: 165px;
margin: 1px;
font-size: 12px;
font-family: 'Helvetica', 'Tahoma', 'Geneva', sans-serif;
overflow: hidden;
padding: 2px;
}


/*------------------------ 875 Calendar ------------------*/
.calDay{
display: block;
float: left;
border: 1px solid rgba(0,0,0,1.00);
background-color: rgba(179,179,179,0.50); 
height: 80px;
width: 120px;
margin: 1px;
font-size: 12px;
font-family: 'Helvetica', 'Tahoma', 'Geneva', sans-serif;
overflow: hidden;
padding: 2px;
}

.calDayBlank{
display: block;
float: left;
border: 1px solid rgba(150,150,150,0.75);
height: 80px;
width: 120px;
margin: 1px;
font-size: 12px;
font-family: 'Helvetica', 'Tahoma', 'Geneva', sans-serif;
color: rgba(150,150,150,0.75);
overflow: hidden;
padding: 2px;
}

.calDayBack{
display: block;
float: left;
border: 1px solid rgba(111,107,0,1.00);
background-color: rgba(149,149,149,0.50);  
height: 80px;
width: 120px;
margin: 1px;
font-size: 12px;
font-family: 'Helvetica', 'Tahoma', 'Geneva', sans-serif;
overflow: hidden;
padding: 2px;
}


/*--------------- Mini Calendar -----------------------------*/

.calendar-back{
position:absolute;
display: block;
padding:2px;
width: 214px;
min-height: 144px;
background-color:rgba(229,229,229,0.90);
border: 1px solid rgba(0,0,0,0.50);
border-radius: 5px;
z-index: 310;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.calender-year{
position: absolute;
display: block;
top: 0px;
left: 0px;
width: 100%;
height: 17.5px;
text-align: center;
font-size: 14px;
color: rgba(0,22,127,1.00);
z-index: 311;
}

.calender-month{
position: absolute;
display: block;
top: 17.5px;
left: 0px;
width: 100%;
height: 17.5px;
text-align: center;
font-size: 14px;
color: rgba(0,22,127,1.00);
z-index: 311;
}

.calender-day{
position: absolute;
display: block;
top: 37.5px;
left: 0px;
height: 14.5px;
width: 100%;
z-index: 311;
}

.calender-day span{
display: inline-block;
width: 28px;
margin: 1px;
background-color: rgba(0,0,0,0.10);
height: 12.5px;
text-align: center;
font-size: 10px;
color: rgba(0,22,127,1.00);
}

.calender-days-box{
position: absolute;
display: block;
top: 56px;
left: 0px;
width: 100%;
z-index: 315;
}

.calender-days-box span{
display: inline-block;
width: 28px;
height: 18px;
line-height: 18px;
margin: 1px;
font-size: 12px;
text-align: center;
}

.cal-box-day-live{
background-color: rgba(0,0,0,0.10);
}

.cal-box-day-live-today{
background-color: rgba(0,255,60,0.50);
}

.cal-box-day-live:hover,
.cal-box-day-live-today:hover{
background-color: rgba(86,86,86,1.00);
cursor: pointer;
}

#cal-month-back{
position: absolute;
top: 17.5px;
left: 25px;
}

#cal-month-forward{
position: absolute;
top: 17.5px;
left: 169px;
}

#cal-year-forward,
#cal-year-back,
#cal-month-forward,
#cal-month-back,
#cal-close{
color: rgba(0,22,127,0.50);
z-index: 314;
}

#cal-year-forward:hover,
#cal-year-back:hover,
#cal-month-forward:hover,
#cal-month-back:hover,
#cal-close:hover{
cursor: pointer; color: rgba(0,22,127,0.90);
}

#cal-close{
position: absolute;
top: 0px;
left: 195px;
}