/* Weekly tab */
.weeklyTasksRow {
    height: 341px;
    width: 948px;
    display: block;
    margin-top: 5px;
    position: relative;
}

.killTasksBox {
    height: 100%;
    width: 469px;
    float: left;
    display: block;
    text-align: left;
    position: relative;
    overflow: hidden;
}

.deliveryTasksBox {
    height: 100%;
    width: 469px;
    display: block;
    float: right;
    position: relative;
    overflow: hidden;
}

.weeklyCard {
    width: 133px;
    height: 100px;
    display: inline-block;
    --image-source: /images/ui/window_new;
    --image-border: 30;
    padding: 20px 4px 4px 4px;
    margin-right: 3px;
    margin-bottom: 5px;
    vertical-align: top;
}

.killTasksBox .weeklyCard,
.deliveryTasksBox .weeklyCard {
    position: relative;
    left: 11px;
}

.weeklyPreview {
    width: 66px;
    height: 66px;
    display: inline-block;
    vertical-align: top;
    --image-source: /images/ui/item66;
    --image-border: 2;
    margin-top: 5px;
    margin-left: 10px;
}

.weeklyCreature {
    width: 64px;
    height: 64px;
}

.weeklyItemWidget {
    width: 64px;
    height: 64px;
}

.weeklyAnyCreature {
    width: 64px;
    height: 64px;
    --image-source: /game_taskboard/assets/images/icon-arbitrarymonster64x64;

}

.weeklyInfo {
    display: inline-block;
    vertical-align: top;
    margin-left: 11px;
    width: 43px;
    height: 66px;
    margin-top: 5px;
    position: relative;
}

.weeklyCurrentLabel {
    display: block;
    text-align: center;
    font: verdana-11px-rounded;
    color: #ff0000;
    margin-top: 10px;
    height: 16px;
}

.weeklyOfLabel {
    display: block;
    text-align: center;
    font: verdana-11px-rounded;
    color: #c0c0c0;
    height: 14px;
}

.weeklyTotalLabel {
    display: block;
    text-align: center;
    font: verdana-11px-rounded;
    color: #c0c0c0;
    height: 16px;
}

.weeklyCurrentReady {
    color: #00ff00;
}

.weeklyDoneIcon {
    width: 12px;
    height: 9px;
    display: block;
    position: absolute;
    left: 25%;
    top: 28px;
    margin-left: -6px;
    --image-source: /images/ui/icon-yes;
}

.weeklyDeliverBtn {
    width: 23px;
    height: 0px;
    display: block;
}

.weeklyStoreBtn {
    position: absolute;
    bottom: 5px;
    width: 100%;
    height: 100px;
    margin-left: -54px;
    padding: 0;
    display: block;
    text-align: center;
    --image-source: /images/ui/button-blue-qt;
    --image-clip: 0 0 98 40;
    --image-border: 10;
}

.weeklyStoreBtn:pressed {
    --image-source: /images/ui/button-blue-qt;
    --image-clip: 0 40 98 40;
    --image-border: 10;
}

.weeklyStoreBtnIcon {
    width: 19px;
    height: 16px;
    display: block;
    margin: 25px auto 8px auto;
    position: relative;
    top: 22px;
    left: 129px;
}

.weeklyStoreBtnLabel {
    display: block;
    font: verdana-11px-rounded;
    
    color: #ffffff;
    text-align: center;
    white-space: normal;
    

}

.weeklyXpLabel {
    display: block;
    text-align: center;
    font: verdana-11px-rounded;
    color: #c0c0c0;
    height: 16px;
    margin-top: 4px;
    margin-bottom: 0;
}

.weeklyBottomRow {
    height: 118px;
    display: block;
    position: relative;
}

.weeklyProgressBox {
    width: 735px;
    height: 95%;
    display: block;
    padding: 25px 10px 10px 10px;
    position: absolute;
    top: 0;
    left: 0;
}

.weeklyRewardsBox {
    width: 153px;
    height: 95%;
    display: block;
    padding: 25px 10px 10px 10px;
    position: absolute;
    top: 0;
    right: 0;
}

.weeklyProgLeftCol {
    width: 130px;
    height: 75px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.weeklyProgLabelTop {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font: verdana-11px-rounded;
    color: #c0c0c0;
}

.weeklyProgLabelBottom {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    font: verdana-11px-rounded;
    color: #c0c0c0;
}

.weeklyProgRightCol {
    width: 635px;
    height: 75px;
    vertical-align: top;
}

.multiplierRow {
    height: 18px;
    position: absolute;
    top: 10px;
    left: 60px;
}

.multiplierLabel {
    display: inline-block;
    text-align: center;
    font: verdana-11px-rounded;
    color: #c0c0c0;
    vertical-align: top;
}

.progressTrack {
    height: 20px;
    width: 78%;
    position: absolute;
    right: 10px;
    top: 30px;
    --image-source: /images/ui/progress;
    --image-border: 2;
}

.diveVertical {
    display: inline-block;
    width: 450px;
    height: 50px;
    position: absolute;
    right: 10px;
    top: 40px;
}

.VerticalSeparatorTasks {
    display: inline-block;
    width: 1px;
    height: 100%;
    background-color: #555555;
}

.progressFill {
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    --image-source: /images/ui/progress-green;
    --image-border: 10;
}

.thresholdRow {
    height: 18px;
    position: absolute;
    top: 45px;
    left: 60px;
    width: 85%;
}



.rewardInfoRow {
    display: block;
    margin-left: 10px;
    margin-bottom: 6px;
    white-space: nowrap;
}

.rewardInfoPanel {
    width: 95px;
    height: 20px;
    display: inline-block;
    --image-source: /images/ui/infoPanel;
    --image-border: 2;
    position: relative;
}

.rewardPanelIcon {
    width: 12px;
    height: 12px;
    float: right;
    margin-top: 4px;
    margin-right: 4px;
}

.rewardPanelLabel {
    font: verdana-11px-rounded;
    color: #c0c0c0;
    text-align: right;
    float: right;
    width: 80px;
    height: 100%;
    margin-right: 5px;
}

.rewardInfoIcon {
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
    margin-left: 5px;
}

.remainingLabel {
    display: block;
    text-align: center;
    font: verdana-11px-rounded;
    color: #c0c0c0;
    margin-top: 2px;
}
