/**
 * General stuff
 */
#calendarDiv {
    position:     absolute;
    width:        205px;
    font-family:  "Arial", "Helvetica", sans-serif;
    font-size:    10px;
    visibility:   hidden;
    color:        #000000;
}

    /* Dude wtf */
    #calendarDiv span,
    #calendarDiv img {
        float: left;
    }

    /**
     * Select boxes
     */
    #calendarDiv .selectBox,
    #calendarDiv .selectBoxOver {
        line-height:  12px;
        padding:      1px;
        cursor:       pointer;
        padding-left: 2px;
    }

    #calendarDiv .selectBox{
        border:   1px solid #8bb8dd;
        position: relative;
    }

    #calendarDiv .selectBoxOver{
        border:     1px solid #527db9;
        background: #fbfcfe;
        position:   relative;
    }
    /**
     * Top
     */
    #calendarDiv .topBar{
        height:     16px;
        padding:    3px;
        background: #527DB9;
    }
    
    	#calendarDiv .topBar img{
			cursor: pointer;
		}
		
		#calendarDiv .topBar div{
			float:left;
			margin-right:1px;
		}
		
		#calendarDiv #monthSelect{
			width:  70px;
			cursor: pointer;
		}
		
    	#calendarDiv .monthYearPicker {
			background: #fbfcfe;
			border:     1px solid #AAAAAA;
			position:   absolute;
			color:      #000000;
			left:       0px;
			top:        15px;
			z-index:    1000;
			display:    none;
			cursor:     pointer;
		
		}
		
		#calendarDiv .monthYearPicker div {
			float:   none;
			clear:   both;	
			padding: 1px;
			margin:  1px;
		}
		
		/* All select dropdown  */
		#calendarDiv .monthYearActive {
			background-color: #76d1fe;
			font-weight:      bold;
		}

    /**
     * Calendar content
     */
    #calendarDiv .contentDiv{
        border-left:   1px solid #c4e0f6;
        border-right:  1px solid #c4e0f6;
        border-bottom: 1px solid #c4e0f6;
        background:    #FFFFCE;
    }

        /**
         * Calendar content table
         */
        #calendarDiv td {
            padding:   3px;
            margin:    0px;
            font-size: 10px;
			text-align: center;
        }

		#calendarDiv td.weekDay {
			width:20px; 
			text-align:center;
			font-weight:normal; 
			font-size:11px; 
			/*cursor:text;*/ 
		}
		
        /**
         * Day styling
         */
        #calendarDiv .activeDay {	/* Active day in the calendar */
            background:  #c4e0f8;
            font-weight: bold;
        }
        
        #calendarDiv td.pickableDay {
			cursor:     pointer;
		}
		
		#calendarDiv td.pickableDate:hover {
			background-color: #76d1fe;
			color:            #000000;
			font-weight:      bold;
			cursor:           pointer;
		}