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

/*calendar protection layer, use with AJAX function only*/
#cal1 .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) */
#cal1 .nlscalheader {
    border-bottom:#333333 1px solid;
}

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

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

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

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

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

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

/*normal navigation button*/
#cal1 .nlscalnavbtn {
    border:#9091b2 1px solid;
}

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

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


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

/*Days in week*/
#cal1 .nlscalday {
    height:16px;
    font-size:7pt;
    font-weight:normal;
    background-color:#b1b290;
    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.
*/
#cal1 .nlscaldate, #cal1 .nlscaldate_disabled,
#cal1 .nlscaldate_special, #cal1 .nlscaldate_special_disabled,
#cal1 .nlscaldate_weekend, #cal1 .nlscaldate_weekend_disabled,
#cal1 .nlscaldate_over, #cal1 .nlscaldate_sel
{
    height:30px;
    padding:1px;
    border-left:#d7d7d7 1px solid;
    border-bottom:#d7d7d7 1px solid;
    color:#000000;
    background-color:#ffffff;
}


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

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

/*selected date cell style*/
#cal1 .nlscaldate_sel {
    background-color:#F4BA5D;
    border-left:#F4BA5D 1px solid;
    border-bottom:#F4BA5D 1px solid;
    color:#ffffff;
}

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

/*special date cell style*/
#cal1 .nlscaldate_special {
    color:#ff0000;
}

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

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

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

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

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

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

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

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

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

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

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

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

/*footer section*/
#cal1 .nlscalfooter{
    height:20px;
    border-top:#999999 1px solid;
    background-color:#dfe0c3;
}

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

/*common sys buttons style*/
#cal1 .nlscalsysbtn, #cal1 .nlscalsysbtn_over {
    width:25px;
    border-right:#c8c9ae 1px solid;
    border-left:#c8c9ae 1px solid;
    text-align:center;
}


/*normal system buttons (close and select button)*/
#cal1 .nlscalsysbtn {
}

/*system buttons (close and select button) when mouse over*/
#cal1 .nlscalsysbtn_over {
    background-color:#cbcbc0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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