.pagecontrol {
    border: 1px solid #CDCABB;
}

.pagecontrol-tabs-container {
    background: #DDDDDD;
    min-height: 20px;
    vertical-align: bottom; 
    padding-top: 10px;
}

.pagecontrol-content-container {
    background: #EFF0EC;
    height: 100%;
    overflow: auto;
}
.pagecontrol-tab, .pagecontrol-tab-active, .pagecontrol-tab-over {
    display: inline;
    border-top: 1px solid #91A7B4;
    border-left: 1px solid #91A7B4;
    border-right: 1px solid #91A7B4;
    background: #FCFCFE;
    
    -moz-border-radius-top-left:3px;
    -webkit-border-radius-top-left:3px;
    border-top-left-radius:3px;
    -moz-border-radius-top-right:3px;
    -webkit-border-radius-top-right:3px;
    border-top-right-radius:3px;

    padding-top: 4px;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    
    margin-right: 1px;
    
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    
    cursor: pointer;
}

.pagecontrol-tab {
}

.pagecontrol-tab-active {
    font-weight: bold;
    border-top: 3px solid #FFC83C;
    margin-right: 0px;
}

.pagecontrol-tab-over {
    background: #FAFAFC;
    border-top: 3px solid #FFC83C; 
}

.pagecontrol-content {
    height: 100%;
}