/**
 * Drawer
 */
.drawer {
    overflow: hidden;
    height: 34px;
    position: absolute;
    bottom: 4px;
    width: 500px;
    margin: 0px;
    padding: 0px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
}

.drawer.closedDrawer {
    /*height: 34px;*/
    height: 10px;
}

.drawer.openDrawer {
    height: 340px !important;
    /*top: 86px;*/
}

.drawerContainer .drawer {
  z-index: 100 !important;
  display: none;
}
.focusedDrawer .drawer {
  display: block;
}
.drawerContainer .drawerHandle {
  z-index: 101 !important;
  opacity: 0.7 !important;
  filter: alpha(opacity = 70) !important;
}
.drawerContainer.focusedDrawer .drawer{
  z-index: 110 !important;
}
.drawerContainer.focusedDrawer .drawerHandle {
  z-index: 111 !important;
  opacity: 1 !important;
  filter: alpha(opacity = 100) !important;
}

.drawerHandle.openDrawer {
    margin-bottom: 327px !important;
}

.drawer.openDrawer>* {
    display: "";
}

.drawerHandle {
    margin: 0px;
    /*padding: 0px 10px 0px 10px;*/
    height: 12px;
    position: absolute;
    bottom: 5px;
    right: 5px;
    /*z-index: 100;*/
    line-height: 14px;
    border-width: 16px 20px 6px 15px;
    border-image: url(/images/Drawer/drawer_tab.png) 16 20 10 15 stretch stretch;
    -webkit-border-image: url(/images/Drawer/drawer_tab.png) 16 20 10 15 stretch stretch;
    -moz-border-image: url(/images/Drawer/drawer_tab.png) 16 20 10 15 stretch stretch;
}

.drawerHandleTitle {
    padding: 0px 20px 0px 10px;
    height: 14px;
    margin-right: -4px;
    background-clip: padding;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 260px;
    line-height: 12px !important;
}

.focusedDrawer .drawerHandleTitle {
  background: url(/images/Drawer/drawer_arrow_green_up.png) 3px right no-repeat;
  padding: 0px 20px 0px 10px;
}

.drawerHandle:HOVER {
    cursor: pointer;
}

.drawerContent {
    display: block;
    margin-top: 6px;
    cursor: default;
    position: absolute;
    width: 400px;
    left: 0px;
    padding: 20px;
    background: url(/images/Drawer/drawer_content.png) 0px -30px;
    height: 300px;
    top: 20px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
}

/*
.drawer.closedDrawer {
    height: 10px;
}
*/

.drawerContent {
    top: -6px;
}

.drawerHandle.openDrawer {
    border-width: 16px 20px 10px 15px;
}

.drawerHandle.closedDrawer {
    border-width: 16px 20px 6px 15px;
}

.focusedDrawer .drawerHandle.openDrawer .drawerHandleTitle {
    background: url(/images/Drawer/drawer_arrow_green_down.png) 3px right no-repeat;
}

.focusedDrawer .drawerHandle.closedDrawer .drawerHandleTitle {
    background: url(/images/Drawer/drawer_arrow_green_up.png) 3px right no-repeat;
}

.focusedDrawer .drawerHandle.openDrawer:HOVER .drawerHandleTitle {
    background: url(/images/Drawer/drawer_arrow_down_pressed.png) 3px right no-repeat;
}

.focusedDrawer .drawerHandle.closedDrawer:HOVER .drawerHandleTitle {
    background: url(/images/Drawer/drawer_arrow_up_pressed.png) 3px right no-repeat;
}

body.openDrawer {
    min-height: 385px;
    /*max-height: 385px;*/
}

.drawer.closedDrawer .drawerComponent {
  display: none;
}
.drawer.openDrawer .drawerComponent {
  display: "";
}