/*calendar control style*/
.nlscal {
   font-family:verdana;
   font-size:8pt;
   border:#333333 1px solid;
   background-color:#ffffff;
   width:200px;
}

/*calendar protection layer, use with AJAX function only*/
.nlscalshield {
    background-color:#f8f8f8;    
    background-image:url("loading.gif");
    background-repeat:no-repeat;
    background-position:center center;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
}

/*------------------------*/
/*calendar header section*/
/*------------------------*/
/*calendar header section, including navigation bar (month/year/today button) */
.nlscalheader {
    border-bottom:#333333 1px solid;
}

/*calendar title*/
.nlscaltitle {
    font-size:9pt;
    color:black;
    background-color:#9bd1fa;    
    padding:1px 5px 1px 5px;
    height:18px;
}

/*selected date at the top/header (top left)*/
.nlscaltopseldate {
    text-align:center;
    font-size:10pt;
    font-weight:bold;
    background-color:#dbfada;
    border-right:#333333 1px solid;
    width:40px;
}

/*---------------------------*/
/*calendar navigation section*/
/*---------------------------*/

/*calendar navigation bar*/
.nlscalnav {
    background-color:#9bd1fa;
    color:#333333;
    padding:1px 5px 1px 5px;
    height:16px;
}

/*calendar navigation buttons: prev/next month/year and today button*/

/*Navigation button common style.*/
.nlscalnavbtn, .nlscalnavbtn_over, .nlscalnavbtn_dis {
    font-size:8pt;
    height:14px;
    text-align:center;
}

/*normal navigation button*/
.nlscalnavbtn {
    border:#9bd1fa 1px solid;
}

/*selected navigation button*/
.nlscalnavbtn_over {
    border:#d7d7d7 1px solid;
    background-color:#7578b0;
}

/*disabled navigation button*/
.nlscalnavbtn_dis {
    border:#9091b2 1px solid;
    cursor:default;
}


/*---------------------*/
/*Calendar date section*/
/*---------------------*/

/*Days in week*/
.nlscalday {
    height:16px;
    font-size:7pt;
    font-weight:normal;
    background-color:#dbfada;
    border-left:#999999 1px solid;
    border-bottom:#000000 1px solid;
    padding-top:1px;
    padding-bottom:1px;
    text-align:center;
}

/*
    Common style for date cell in the calendar
    There are 8 possible style for each date cell in the calendar.
    Note that only common style for date cell should be defined here.
*/
.nlscaldate, .nlscaldate_disabled,
.nlscaldate_special, .nlscaldate_special_disabled,
.nlscaldate_weekend, .nlscaldate_weekend_disabled,
.nlscaldate_over, .nlscaldate_sel
{
    height:18px;
    padding:1px;
    border-left:#d7d7d7 1px solid;
    border-bottom:#d7d7d7 1px solid;
    color:#000000;
    background-color:#ffffff;
}


/*normal date cell style*/
.nlscaldate {}

/*hover date  cell style*/
.nlscaldate_over{
    background-color:#F2F3CB;
}

/*selected date cell style*/
.nlscaldate_sel {
    background-color:#dbfada;
    color:#ffffff;
}

/*disabled date cell style*/
.nlscaldate_disabled {
    color:#d7d7d7;
    cursor:default;
}

/*special date cell style*/
.nlscaldate_special {
    color:#ff0000;
    font-style:italic;
}

/*disabled special date cell style*/
.nlscaldate_special_disabled {
    color:#993300;
    cursor:default;    
}

/*weekend date cell style*/
.nlscaldate_weekend {
    background-color:#f4f4f4;
    color:#cc0000;
}

/*disabled weekend date cell style*/
.nlscaldate_weekend_disabled {
    background-color:#f4f4f4;
    color:#d7d7d7;
    cursor:default;
}

/*--------------------------------------------*/
/* 
  Date content style for normal date, special 
  event and today
*/
/*--------------------------------------------*/

/*normal date style*/
.nlscaldate_normal, .nlscaldate_event, .nlscaldate_today {
    text-align:center;
    vertical-align:center;
    font-size:8pt;
}

/*date with event style */
.nlscaldate_event {
    background-image:url(ev.gif);
    background-position:right bottom;
    background-repeat:no-repeat;
    color:#000099;
    font-weight:bold;
}

/*current date (today) style*/
.nlscaldate_today {
    color:#000099;
    font-weight:bold;
    font-style:italic;
}

/*normal event link*/
a.nlscaldate_event_link {
    color:#ff3300;
    font-weight:normal;
}

/*selected event link*/
.nlscaldate_sel a.nlscaldate_event_link {
    color:#ffffff;
}

/*disabled event link*/
.nlscaldate_disabled a.nlscaldate_event_link {
    color:#d7d7d7;
}

/*disabled weekend event link*/
.nlscaldate_weekend_disabled a.nlscaldate_event_link {
    color:#d7d7d7;
}

/*------------------------------*/
/*Calendar footer/status section*/
/*------------------------------*/

/*footer section*/
.nlscalfooter{
    height:18px;
    background-color:#dbfada;
    padding:1px;
}

/*status text*/
.nlscalstatus {
    font-size:8pt;
    text-align:center;
}

/*common sys buttons style*/
.nlscalsysbtn, .nlscalsysbtn_over {
    width:25px;
    text-align:center;
}


/*normal system buttons (close and select button)*/
.nlscalsysbtn {
    padding:1px;
}

/*system buttons (close and select button) when mouse over*/
.nlscalsysbtn_over {
    background-color:#cbcbc0;
    padding:0px;
    border:#999999 1px solid;
}

/*--------------------*/
/*time control section*/
/*--------------------*/

.nlscaltime{
    padding:2px 1px 2px 1px;
    background-color:#f4f4f4;
    font-size:7pt;    
}

/*normal up down control button*/
.nlscalud{
    background-color:#f4f4f4;
    padding:1px;
}

/*on mouse over up down control button*/
.nlscalud_over{
    background-color:#cfcfcf;
    padding:1px;
}

/*time input box style*/
.nlscaltime_inp{
    font-family:verdana;
    width:16px;
    height:14px;
    border:#d7d7d7 0px solid;
    font-size:7pt;
}

/*-------------------*/
/*year/month selector*/
/*-------------------*/

/*common month/year selection style*/
.nlsmydd_norm, .nlsmydd_over, .nlsmydd_sel {
    font-size:8pt;
    color:#333333;
    padding:1px 3px 1px 3px;
}

/*Normal month/year style*/
.nlsmydd_norm {
    background-color:#f8f8f8;
}

/*On mouse over month/year style*/
.nlsmydd_over {
    background-color:#F2F3CB;
}

/*Selected month/year style*/
.nlsmydd_sel {
    color:#ffffff;
    background-color:#dbfada;
}

/*Year input box*/
.nlsydd_inp {
    font-family:verdana;
    font-size:7pt;
    border:#d7d7d7 1px solid;
    height:14px;
}

/*Year Go button*/
.nlsydd_btn {
    font-size:7pt;
    border:#d7d7d7 1px solid;
    height:18px;
    width:25px;
}

/*Year Go text. */
.nlsmydd_go { font-size:8pt }