/* Style sheet for the silver calendar (default) */

/*table, td {font: 11px Verdana, Arial, sans-serif; color: #000;} */

/* Background images for tables */


/*
.tbll	{background: url(images/shadow_l.gif) no-repeat; width:8px}
.tblbot	{background: url(images/shadow_m.gif) repeat-x; width:100%}
.tblr	{background: url(images/shadow_r.gif) no-repeat; width:8px}

.alldaybg_1 {background: url(images/allday_1.gif) repeat-x; height: 19px; padding-top: 5px; text-align: center;}
.alldaybg_2 {background: url(images/allday_2.gif) repeat-x; height: 19px; padding-top: 5px; text-align: center;}
.alldaybg_3 {background: url(images/allday_3.gif) repeat-x; height: 19px; padding-top: 5px; text-align: center;}
.alldaybg_4 {background: url(images/allday_4.gif) repeat-x; height: 19px; padding-top: 5px; text-align: center;}
.alldaybg_5 {background: url(images/allday_5.gif) repeat-x; height: 19px; padding-top: 5px; text-align: center;}
.alldaybg_6 {background: url(images/allday_6.gif) repeat-x; height: 19px; padding-top: 5px; text-align: center;}
.alldaybg_7 {background: url(images/allday_7.gif) repeat-x; height: 19px; padding-top: 5px; text-align: center;}

.rowOn			{ background-color: #cfc; border-top: 1px solid #fff; border-left: 1px solid #fff; }
.rowOn2			{ background-color: #cfc; border-top: 1px solid #fff; }
.rowOff			{ background-color: #E1E8F1; border-top: 1px solid #fff; border-left: 1px solid #fff; }
.rowOff2		{ background-color: #E1E8F1; border-top: 1px solid #fff; }
.rowToday		{ background-color: #cff; border-top: 1px solid #fff; border-left: 1px solid #fff; }

.padd			{ padding: 2px; }

/* Styles for day and week events */

/*
.eventbg_1	 	{ background-color: #557CA3; padding: 2px;}
.eventbg_2	 	{ background-color: #53A062; padding: 2px;}
.eventbg_3	 	{ background-color: #E84F25; padding: 2px;}
.eventbg_4	 	{ background-color: #B257A2; padding: 2px;}
.eventbg_5	 	{ background-color: #D42020; padding: 2px;}
.eventbg_6	 	{ background-color: #B88F0B; padding: 2px;}
.eventbg_7	 	{ background-color: #73738C; padding: 2px;}
#allday a		{ font-size: 9px; color: #fff; font-weight: 900; text-decoration:none;}
#allday a:hover	{ text-decoration:underline;}

.eventbg2_1	 		{ background-color: #6699CC; border: 1px solid #557CA3; }
.eventbg2_2	 		{ background-color: #4FC464; border: 1px solid #53A062; }
.eventbg2_3	 		{ background-color: #FF6D3B; border: 1px solid #E84F25; }
.eventbg2_4	 		{ background-color: #EA62D4; border: 1px solid #B257A2; }
.eventbg2_5	 		{ background-color: #FF5E56; border: 1px solid #D42020; }
.eventbg2_6	 		{ background-color: #CCB21F; border: 1px solid #B88F0B; }
.eventbg2_7	 		{ background-color: #9292A1; border: 1px solid #73738C; }

.dayborder 		{ background-color: #fff; border-top: 1px solid #A1A5A9; }
.dayborder2 	{ background-color: #fff; border-top: 1px dashed #ccc; }

.title  		{ background-image: url(images/time_bg.gif); padding: 5px; }
.title h1 		{ font-family: Helvetica, sans-serif; font-size: 18px; color: #000; margin: 0px;}

/* Month View */
/*
.monthback		{ background-color: #A1A5A9; }
.monthreg		{ background-color: #fff; height: 85px; width: 85px; text-align: left; vertical-align: top; }
.monthoff		{ background-color: #F2F2F2; height: 85px; width: 85px; text-align: left;  vertical-align: top; }
.monthon		{ background-color: #F2F9FF; height: 85px; width: 85px; text-align: left;  vertical-align: top; }
.montheventtop	{ background-image: url(images/side_bg.gif); border-top: 1px solid #A1A5A9; }
.montheventline	{ border-right: 1px dotted #A1A5A9; }

/* Year View */
/*
.medtitle		{ background-image: url(images/side_bg.gif); height: 20px; margin-top: 3px; font-weight: 900; }
.yearreg		{ background-color: #fff; height: 30px; width: 30px; text-align: right; vertical-align: top; font-size: 9px; }
.yearoff		{ background-color: #F2F2F2; height: 30px; width: 30px; text-align: right;  vertical-align: top; font-size: 9px; }
.yearon			{ background-color: #F2F9FF; height: 30px; width: 30px; text-align: right;  vertical-align: top; font-size: 9px; }
.yearmonth		{ background-color: #ccc; }
.yearweek		{ background-color: #eee; width: 30px; font-size: 9px; font-weight: 900; text-align: center; height: 15px; }

.DayName 		{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: 900; }


/* older styles */
/*
.eventborder	{ background-image: url(images/day_title.gif); border: 1px #006699 solid; }
.eventbg	 	{ background-color: #6699CC; }

.calborder 		{ background-color: #fff; border: 1px #A1A5A9 solid; }
.dateback		{ background-color: #eee; text-align: center; }
.weekborder 	{ border-top: 1px dashed #A1A5A9; border-right: 1px solid #A1A5A9; }
.weekborder2 	{ border-right: 1px solid #A1A5A9; }
.timeborder 	{ border-right: 2px solid #A1A5A9; border-top: 1px dashed #A1A5A9; background-image: url(images/time_bg.gif); }
.timeborder2 	{ border-right: 2px solid #A1A5A9; border-top: 1px solid #A1A5A9; background-image: url(images/time_bg.gif); }
.navback 		{ background-image: url(images/time_bg.gif); }
.sideback 		{ background-image: url(images/side_bg.gif); }


/* Link colors and attributes */
/* This is the main link style */

/*
a.psf			{ text-decoration:	none; }
a.psf:link		{ color: #0066FF; }
a.psf:visited	{ color: #0066FF; }
a.psf:active	{ color: #3366CC; }
a.psf:hover		{ color: #000099; text-decoration: underline; }

/* This is the link style for the mini-cals */


/*
a.ps2			{ text-decoration:	underline; }
a.ps2:link		{ color: #0066FF; }
a.ps2:visited	{ color: #0066FF; }
a.ps2:active	{ color: #3366CC; }
a.ps2:hover		{ color: #000099; }

/* This is the link style for year months */


/*
a.ps3			{ text-decoration:	none; }
a.ps3:link		{ color: #000; }
a.ps3:visited	{ color: #000; }
a.ps3:active	{ color: #000; }
a.ps3:hover		{ color: #000; text-decoration: underline; }

/* This is the link style for events */


/*
a.ps			{ text-decoration:	none; }
a.ps:link		{ color: #fff; }
a.ps:visited	{ color: #fff; }
a.ps:active		{ color: #fff; }
a.ps:hover		{ color: #fff; text-decoration: underline; }

/* Body attributes */

/* CSS definitions for fonts */
/*
.V9 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; }
.V10W 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration:	none;}
.V9W 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF; text-decoration:	none;}
.V10WB 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-weight: 900; }
.V9G 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; }
.V10 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; }
.V9BOLD 		{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: 900; }
.G10 			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0066FF; }
.G10B 			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
.G10BOLD 		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 900; }
.G10G 			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #A1A5A9; }
.V12 			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  color: #000000; }
/*h1 				{ font-family: Helvetica, sans-serif; font-size: 18px; color: #000000; }*/
/*
.eventfont 		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; }


/* Length of the form drop downs */
/*
.query_style 	{ font-size: 11px; font-family: verdana, geneva, arial, sans-serif; width: 156px; margin-bottom: 0; }
.search_style 	{ font-size: 12px; font-family: verdana, geneva, arial, sans-serif; width: 134px; margin-bottom: 0; }
.login_style	{ font-size: 11px; font-family: verdana, geneva, arial, sans-serif; width: 80px; margin-bottom: 0; }



.cal_item_normal 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #a2a9aF; color: #000000; text-align: center;}
.cal_item_day 			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #a2F9FF; color: #0066FF; text-align: center;}
.cal_item_night 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #a2a9FF; color: #000000; text-align: center;}







    .calfont {font-family:Arial, Helvetica, sans-serif;
                font-size:9pt;}

        /* table list */
		
		/*
        .table_list {border-collapse:collapse;
                border:solid #cccccc 1px;
                width:100%;}

        .table_list td {padding:5px;
                border:solid #efefef 1px;}

        .table_list th {background:#75b2d1;
                padding:5px;
                color:#ffffff;}

        .table_list tr.odd {background:#e1eff5;}*/

/* ================================================================================
   pop-up calendar widget styles */
    #calendar1, #calendar2, #calendar3, #calendar4 {border:solid #666666 1px;
      background:#ffffff;
      padding-bottom:5px;
      padding-top:5px;
      width:240px;}

    #calendar1 .ng-cal-header-table, #calendar2 .ng-cal-header-table, #calendar3 .ng-cal-header-table, #calendar4 .ng-cal-header-tab
le {width:210px;}

    #calendar1 .ng-cal, #calendar2 .ng-cal, #calendar3 .ng-cal, #calendar4 .ng-cal   {width:220px;
      float:left;
      margin-right:0px;}

    /*
    Default style for the nogray calendar
    the default class prefix is ng-

    made by Wesam Saif
    http://www.nogray.com
    support@nogray.com

    */

    /* the main header table */
    .ng-cal-header-table {margin:5px;
        border-collapse:collapse;
        background:#efefef;
        border:solid #cccccc 1px;}

    /* the previous and next table cells */
    .ng-cal-previous-td, .ng-cal-next-td {width:20px;
        height:20px;
        color:#336699;
        border:solid #cccccc 1px;
        text-align:center;}

    /* the calendar header table cell (the area where the month and year is displayed) */
    .ng-cal-header-td {text-align:center;
        font-weight:bold;
        padding:3px;}

    /* the main month table */
    .ng-cal {border:solid #6C967D 1px;
        border-collapse:collapse;
        margin:5px;
        margin-top:0px;
        background-color:#FFFFFF;}

    .ng-cal * {font-size:8pt;}
    .ng-cal td {padding:3px;
        border:solid #C1D0C2 1px;}

    /* the days name table cells */
    .ng-cal .ng-days-name-td {background:#C1D0C2;
        border:solid #6C967D 1px;}

    /* the month name table cell */
    .ng-month-name-th {background:#06512B;
        font-weight:bold;
        padding:3px;
        color:#ffffff;
        text-align:center;}
    /* weekends, days off, dates off (holidayes) */
    .ng-weekend, .ng-dayOff, .ng-dateOff {color:#999999;}

    /* out of range days (previous or next month) */
    .ng-outOfRange {color:#999999;
        background:#efefef;
        text-decoration:line-through;}

    /* the style for the table cell when the mouse is over it */
    .ng-mouse-over {font-weight:bold;
        background:#faedd6;}

    /* selected day */
    .ng-selected-day {background:#ffbb45;
                font-weight:bold;}

    /* the close and clear buttons in the bottom of the calendar */
    .ng-close-link, .ng-clear-link  {padding:3px;
        text-align:center;
        color:#666666;
        text-decoration:none;
        font-size:8pt;
        background:#efefef;
        border:solid #cccccc 1px;
        float:right;
        margin-right:5px;}
