/*
 * Copyright (C) 2012 University of Dundee & Open Microscopy Environment.
 * All rights reserved.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 *
 */




    .cal_nav input {
		border:none;
        background-color:rgba(0,0,0,.2);
        font-weight:bold;
        color:white;
        cursor:pointer;
        text-shadow:0 -1px 0 rgba(0,0,0,.6);
		margin:0;
		width:30px;
		height:29px;
		position:absolute;
		text-indent: 100%;  
  	  	white-space: nowrap;  
  	  	overflow: hidden;
		
    }
    
    .cal_nav input:hover {
        background-color:rgba(255,255,255,.4) !important;
    }
    
    .cal_nav input:active, .cal_nav input:focus {
        background-color:rgba(0,0,0,.1) !important;
        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.05);
		-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,.05); /* Saf3.0+, Chrome */
		   -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,.05); /* FF3.5+ */
		        box-shadow:inset 0 1px 2px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,.05); /* Opera 10.5, IE 9.0 */ 
    }
    
    

	#prevMonth {
		border-right:solid 1px rgba(0,0,0,.1); 
		left:0px;
		background: url(../image/calendar_arrow_left.png) center center no-repeat;
		-webkit-box-shadow: 1px 0 0 rgba(255,255,255,.2); /* Saf3.0+, Chrome */
		   -moz-box-shadow: 1px 0 0 rgba(255,255,255,.2); /* FF3.5+ */
		        box-shadow: 1px 0 0 rgba(255,255,255,.2); /* Opera 10.5, IE 9.0 */
	}
	
	#nextMonth {
		border-left:solid 1px rgba(0,0,0,.1);
		right:0px;
		background: url(../image/calendar_arrow_right.png) center center no-repeat;
		-webkit-box-shadow:inset 1px 0 0 rgba(255,255,255,0.2); /* Saf3.0+, Chrome */
		   -moz-box-shadow:inset 1px 0 0 rgba(255,255,255,0.2); /* FF3.5+ */
		        box-shadow:inset 1px 0 0 rgba(255,255,255,0.2); /* Opera 10.5, IE 9.0 */
	}
    
    
/* Actual table
 */

.left_panel_calendar > table {
    text-align: center;
    width: 100%;
    position: relative;
    top: 0px;

    -webkit-border-radius: 4px; /* Saf3+, Chrome */
    -moz-border-radius: 4px; /* FF1+ */
    border-radius: 4px; /* Opera 10.5, IE 9 */

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); /* Saf3.0+, Chrome */
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); /* FF3.5+ */
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); /* Opera 10.5, IE 9.0 */
}


/* Header - Days */    
    
.calendar thead {
	background-color:#EEF0F1;	
	background-color:hsl(210,10%,94%);

	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255,255,255,.4)', endColorstr='rgba(255,255,255,0)',GradientType=0 ); /* IE6-9 */
}    
    
    .calendar thead th {
        padding:5px 0;
        border-right: solid 1px rgba(0,0,0,.05);
        text-shadow:0 1px 0 rgba(255,255,255,1);
		border-bottom:solid 1px #D4D6D8;
		border-bottom: solid 1px hsl(210,5%,84%);
		color:hsl(210,10%,50%);
    }
    



/* Header - Top Days */



    tbody .calendar_day {
        height: 70px;
        vertical-align: top;
        width: 14.29%;
        border-left:solid 1px rgba(0,0,0,.02);
        border-bottom:solid 1px rgba(0,0,0,.02);
		background-color:white;
    }
    
    tbody .not_calendar_day {
		//background-color:rgba(0,0,0,.05);
        border-left:solid 1px rgba(0,0,0,.01);
        border-bottom:solid 1px rgba(0,0,0,.01);
        
    }
    

        .calendar_day a {
             display:block; 
             height:100%;
        }
    
        .calendar_day a:hover {
             background-color:hsl(200,30%,95%);
        }
    




/* Middle - Day Numbers */

.calendar_numerical_day {
    padding: 4px;
    text-align: right;
    font-size:1.1em;
    color:rgba(0,0,0,.7);
    text-shadow:0 1px 0 white;
    
}


/* Middle - Individual Days */

.calendar_items{
    width:100%;
    height:100%;
}

    /* Middle - If a day has contents */

    .calendar_items table span{
        font-size:1em;
        font-weight:bold;
        color:#999;
    }