/*
 * TabControl
 */

.visibleItem {
    display:'';
}

.invisibleItem {
    display:none;
}

/*.tabItem {
    
    float: left;
}*/

.viewItem {
    width:100%;
    height:100%;
    overflow:auto;
    padding:10px;
}
#tablist .hoverItem {
    color:#000000 !important;
    background-color:#ffffff !important;
    font-family:Verdana;
    font-size:9pt;
}


.activeItem {
    background-color:#FFFFFF;
    border-bottom: 1px solid white;
    padding:4px 10px 1px 10px;
    color:#000000;
}

.inactiveItem {
    background-color:#DDDDDD;
    color:#999999;
    padding:2px 8px 0px 8px;
}

.tabView {
    margin-top:5px;
    font-family:Arial,Helvetica,sans-serif;
    font-size:10pt;
}

.tabarea {
    border-bottom:1px solid black;
    border-left:1px solid black;
    border-right:1px solid black;
    border-top:1px solid black;
}

#tablist {
    margin-left:5px;
    padding-left:5px;
    padding-bottom:0px;
    margin-bottom:0px;
}

#tablist .tabItem {
    display:inline;
    cursor:pointer;
    margin-right:3px;
    margin-bottom:0px;
    border-top:1px solid black;
    border-right:1px solid black;
    border-left:1px solid black;
}

/*.tabItem  {
    padding:4px;
}*/


/*
 * DateControl
 */

.button {
    cursor:pointer;
}

.datePickerFrame {
    width:150px;
    background-color: white;
}

.datePickerFrame table.datePickerTable {
    border:1px solid #777777;
    font-size: 10px;
    width:100%;
    
}

.dayTitle {
    background-color:#AAAAFF;
    color:#FFFFFF;
    
}


.datePickerHeader {
    background-color:#CCCCFF;
    color:#000000;
    width:100%;
}

.datePickerHeader table {
    width:100%;
    font-size: 10px;
    border-collapse:collapse;
}

.datePickerFrame a {
    text-decoration: none;
}

.datePickerFrame a.dateCell {
    display:block;
    text-align:center;
    width:100%;
    height:100%;
    color: black;
}
.datePickerFrame a.dateCell:hover {
    cursor:pointer;
    color: white !important;
    background-color: green !important;
}

.datePickerFrame a.holiday {
    color:purple;
}

.datePickerFrame a.sunday {
    color:red;
}

.datePickerFrame a.selecteddate {
    background-color: green;
    color: white !important;
    cursor:default;
}

.datePickerFrame a.nonclickable:hover {
    cursor:default;
    color: white !important;
    background-color:#7f0000 !important;
}

.datePickerFrame a.nonselectable:hover {
    cursor:default;
    color: white !important;
    background-color:#7f0000 !important;
}

.datePickerFrame a.otherMonth {
    color: #a0a0a0;
}

.datePickerFrame a.otherMonth:hover {
    color: #a0a0a0 !important;
    background-color:#ffffff !important;
    cursor:default;
}