.ui-whiteboard .ui-whiteboard-drawing {
    padding: 12px;
}

.ui-whiteboard canvas {
    position: relative;
    background-color: #FFF;
    width: 100%;
    border: 1px solid #AAAAAA;
}

.ui-whiteboard-button {
    overflow: hidden;
    width: 70px;
    height: 20px;
    cursor: pointer;
    padding-left: 3px;
    margin-bottom: 2px;
    border:1px solid #AAAAAA;
    background-color:#FFFFFF;
}

.ui-whiteboard-button:hover {
    background-color: #EEEEEE;
}

.ui-whiteboard-button.ui-state-active,
.ui-whiteboard-button:active {
    background-color: #CCCCCC;
}

.ui-whiteboard .ui-whiteboard-toolbar {
    padding: 6px;
    background-color: #EBEBEB;
    height: 24px;
}

.ui-whiteboard .ui-whiteboard-toolbar .ui-toolbar-button {
    background-color: #EBEBEB;
    width: 24px;
    height: 24px;
}

.ui-whiteboard .ui-whiteboard-toolbar .ui-toolbar-button.ui-button-left.ui-state-highlight {
    background-color: #CCCCCC;
    border-style: solid;
    border-color: #AAAAAA;
    border-width: 1px;
}

.ui-whiteboard .ui-whiteboard-toolbar .ui-toolbar-button.ui-button-left {
    float: left;
}

.ui-whiteboard .ui-whiteboard-toolbar .ui-toolbar-button.ui-button-right {
    float: right;
}

.ui-whiteboard .ui-whiteboard-toolbar .ui-toolbar-button.ui-button-color {
    border: 1px solid #424242;
    width: 20px;
    height: 16px;
    margin-top: 4px;
    margin-right: 0.5em;
}

.ui-whiteboard .ui-whiteboard-toolbar .ui-toolbar-button.ui-button-color.ui-state-highlight {
    border-width: 2px;
    margin-top: 3px;
}

.ui-whiteboard .ui-whiteboard-icon-circle {
    background-image: url(images/circle.png);
}

.ui-whiteboard .ui-whiteboard-icon-rectangle {
    background-image: url(images/rectangle.png);
}

