/*
* DateTimePicker.css
* 
* Author: Brett C. Grimes
* Date: 26-Apr-13
*
*/
.dateEntryContainer
{
    background-color: #fff;
    border-color: InactiveBorder;
    border-width: 2px;
    border-style: inset;
    display: inline;
}
.dateEntry
{
    text-align: center;
    background-color: transparent;   /* http://jira2.cerner.corp/browse/CVIA-4360 - added to fix child input overlap with container border */
    border: 0 none transparent;
    vertical-align: middle;
}
span.dateEntry
{
    background-color: transparent;   /* http://jira2.cerner.corp/browse/CVIA-4360 - added to fix child input overlap with container border */
    border: 0 none transparent;
    padding: 1px;
    text-align: center;
    vertical-align: middle;
}

/* http://jira2.cerner.corp/browse/CVIA-1337: using a class for the space between the date and time allows this distance to be adjusted when changing fonts */
.dateEntryMonth
{
    width: 1.25em; /* http://jira2.cerner.corp/browse/CVIA-4360 - adjusted for Safari OSX */
}
.dateEntryDay
{
    width: 1.25em; /* http://jira2.cerner.corp/browse/CVIA-4360 - adjusted for Safari OSX */
}
.dateEntryYear
{
    width: 2.4em; /* http://jira2.cerner.corp/browse/CVIA-4360 - adjusted for Safari OSX */
}

span.dateTimeSeparator
{
    width:1.1em;
}
.ui-datepicker-trigger
{
    vertical-align: middle;
}

/* css for timepicker  -- Copied from http://trentrichardson.com/examples/timepicker/#slider_examples */
.ui-timepicker-div .ui-widget-header 
{ 
    margin-bottom: 8px; 
}

.ui-timepicker-div dl 
{ 
    text-align: left; 
}

/* http://jira2.cerner.corp/browse/CVIA-1331: changing size for more consistent look of picker */
.ui-timepicker-div dl dt 
{ 
    height: 15px; 
    margin-bottom: -15px; 
}

.ui-timepicker-div dl dd
{ 
    margin: 0 10px 10px 65px; 
}

.ui-timepicker-div td 
{ 
    font-size: 90%; 
}

.ui-tpicker-grid-label 
{ 
    background: none; 
    border: none; 
    margin: 0; 
    padding: 0; 
}

.ui-timepicker-rtl
{ 
    direction: rtl; 
}

.ui-timepicker-rtl dl 
{
     text-align: right; 
}

.ui-timepicker-rtl dl dd 
{ 
    margin: 0 65px 10px 10px; 
}

/* http://jira2.cerner.corp/browse/CVIA-1331: changing size/color/fonts for more consistent look of picker */
.ui-datepicker-calendar .ui-state-highlight
{
    background: white !important;
    border-color:#FF0000 !important;
    border-width:2px !important;
}

.ui-datepicker-calendar .ui-state-active
{
    background: #9AB5D2 !important;
}

.ui-datepicker TABLE
{
    font-size: .75em !important;
}

.ui-datepicker .ui-datepicker-title SELECT, 
.ui-datepicker .ui-widget BUTTON, 
.ui-timepicker-div, 
.ui-datepicker .ui-widget SELECT, 
.ui-timepicker-select
{
    font-size: .85em !important;
}

.ui-datepicker
{
    width: 13em !important;
    padding-bottom: .2em !important;
}

.ui-datepicker .ui-widget-content .ui-priority-secondary { opacity: 1.0 !important; }
.ui-datepicker .ui-widget-content .ui-priority-secondary { filter:Alpha(Opacity=100) !important; }

.ui-datepicker-close
{
    font-size: .75em !important;
    padding: 1px !important;
}

.ui-datepicker-current
{
    font-size: .75em !important;
    border-width: 2px !important;
    border-color: Red !important;
    padding: 1px !important;
}