/* 
    Document   : datepicker
    Created on : Mar 25, 2008, 5:02:36 PM
    Author     : Steven Diep
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.PBBDatePicker {
                width: 180px;
                background-color: #444;
                text-align: center;
        }
        
        .PBBDatePicker div {
                margin-top:2px;
        }
        
        .PBBDatePicker .todayPicker {
                margin:1px;
                margin-top: 0;
                border: 1px solid #444;
                padding-bottom: 3px;
                color: #fff;	
                font-weight: bold;
        }
        
        .PBBDatePicker .todayPickerOver {
                border: 1px solid #fff;
        }
        
        .PBBDatePicker table {
                width: 100%;
                padding: 0;
                margin: 0;
                font-size: 0.9em;
        }
        
        .PBBDatePicker table td, .PBBDatePicker table th {
                width: 14%;
                background-color: #fff;
                text-align: center;
                vertical-align: middle;
                line-height: 15px;
                border: 1px solid #fff;
                cursor: default;
        }
        
        .PBBDatePicker table th {
                color: #fff;
                background-color: #444;
                font-weight: bold;
                border: 1px solid #444;
        }
        
        .PBBDatePicker .datePickerOver {
                cursor: pointer;
                color: #fff;
                background-color: #444;
        }
        
        .PBBDatePicker .datePickerMinDate, .PBBDatePicker .datePickerMaxDate {
                background-color: #dda7a7;
                border: 1px solid #f2dddd;
                color: #fff;
        }
        
        .PBBDatePicker .datePickerSelectedDay {
                color: #fff;
                background-color: #444;
        }


        .PBBDatePicker2 {
                width: 180px;
                background-color: #fff;
                border: 1px solid #ccc; 
                text-align: center;
        }
        
        .PBBDatePicker2 div {
                margin-top:2px;
        }
        
        .PBBDatePicker2 .todayPicker {
                margin:1px;
                margin-top: 0;
                border: 1px solid #fff;
                padding-bottom: 3px;
                font-weight: bold;
        }
        
        .PBBDatePicker2 .todayPickerOver {
                border: 1px solid #ff0000;
        }
        
        .PBBDatePicker2 table {
                width: 100%;
                padding: 0;
                margin: 0;
                font-size: 0.9em;
        }
        
        .PBBDatePicker2 table td, .PBBDatePicker2 table th {
                width: 14%;
                background-color: #fff;
                text-align: center;
                vertical-align: middle;
                line-height: 15px;
                border: 1px solid #fff;
                cursor: default;
        }
        
        .PBBDatePicker2 table th {
                color: #000;
                font-weight: bold;
                border-bottom: 1px solid #000;
        }
        
        .PBBDatePicker2 .datePickerOver {
                cursor: pointer;
                color: #ff0000;
                border: 1px solid #ff0000;
        }
        
        .PBBDatePicker2 .datePickerMinDate, .PBBDatePicker2 .datePickerMaxDate {
                background-color: #ccc;
                border: 1px solid #ccc;
        }
        
        .PBBDatePicker2 .datePickerSelectedDay {
                color: #fff;
                background-color: #ff0000;
                border: 1px solid #ff0000;
        }