div.menuIt {
    cursor: pointer;
    float: left;
    margin-top: 7px;
    margin-left: 8px;
    margin-right: 4px;
    width: 32px;
    height: 32px;
    background-image: url('../images/actionbar/menu.svg');
    background-repeat: no-repeat;
    background-size: 32px 32px;
}

div.menuIt:hover {
    background-image: url('../images/actionbar/menuOver1.svg');
}

div.printIt {
    position: relative;
    cursor: pointer;
    float: right;
    margin-right: 4px;
    margin-top: 2px;
    width: 20px;
    height: 20px;
    border: 3px solid rgb(27, 27, 27); 
    border-radius: 50%;
    background-color: rgb(27, 27, 27); 
}

div.printIt::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9, 0.9);
    width: 20px;
    height: 20px;
    background-image: url('../images/actionbar/print.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

div.printIt:hover {
    background-color: #360065; 
    border: 3px solid #360065; 
}

/* div.mailIt {
    cursor: pointer;
    float: right;
    margin-top: 2px;
    margin-right: 4px;
    width: 22px;
    height: 22px;
    background-image: url('../images/actionbar/mail.svg');
    background-repeat: no-repeat;
    background-position: -110px 0px;
}

div.mailIt:hover {
    background-position: -110px -22px;
} */

div.mailIt {
    position: relative;
    cursor: pointer;
    float: right;
    margin-right: 4px;
    margin-top: 2px;
    width: 20px;
    height: 20px;
    border: 3px solid rgb(27, 27, 27); 
    border-radius: 50%;
    background-color: rgb(27, 27, 27); 
}

div.mailIt::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9, 0.9);
    width: 20px;
    height: 20px;
    background-image: url('../images/actionbar/mail.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

div.mailIt:hover {
    background-color: #360065; 
    border: 3px solid #360065; 
}


/* div.navigateIt {
    cursor: pointer;
    float: left;
    margin-top: 2px;
    margin-left: 4px;
    width: 22px;
    height: 22px;
    background-image: url('../images/actionbar/actionbar.png');
    background-repeat: no-repeat;
    background-position: -22px 0px;
}

div.navigateIt:hover {
    background-position: -22px -22px;
} */

div.navigateIt {
    position: relative;
    cursor: pointer;
    float: left;
    margin-left: 4px;
    margin-top: 2px;
    width: 20px;
    height: 20px;
    border: 3px solid rgb(27, 27, 27); 
    border-radius: 50%;
    background-color: rgb(27, 27, 27); 
}

div.navigateIt::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9, 0.9);
    width: 20px;
    height: 20px;
    background-image: url('../images/actionbar/alignLeft.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

div.navigateIt:hover {
    background-color: #360065; 
    border: 3px solid #360065; 
}



/* div.homeIt {
    cursor: pointer;
    float: left;
    margin-top: 2px;
    margin-left: 4px;
    width: 22px;
    height: 22px;
    background-image: url('../images/actionbar/actionbar.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

div.homeIt:hover {
    background-position: 0px -22px;
} */

div.homeIt {
    position: relative;
    cursor: pointer;
    float: left;
    margin-left: 4px;
    margin-top: 2px;
    width: 20px;
    height: 20px;
    border: 3px solid rgb(27, 27, 27); 
    border-radius: 50%;
    background-color: rgb(27, 27, 27); 
}

div.homeIt::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9, 0.9);
    width: 20px;
    height: 20px;
    background-image: url('../images/actionbar/home2.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

div.homeIt:hover {
    background-color: #360065; 
    border: 3px solid #360065; 

}


/* div.frameIt {
    background-image: url('../images/actionbar/actionbar.png');
    cursor: pointer;
    float: left;
    margin-top: 2px;
    margin-left: 4px;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: -66px 0px;
}

div.frameIt:hover {
    background-position: -66px -22px;
} */

div.frameIt {
    position: relative;
    cursor: pointer;
    float: left;
    margin-left: 4px;
    margin-top: 2px;
    width: 20px;
    height: 20px;
    border: 3px solid rgb(27, 27, 27); 
    border-radius: 50%;
    background-color: rgb(27, 27, 27); 
}

div.frameIt::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9, 0.9);
    width: 20px;
    height: 20px;
    background-image: url('../images/actionbar/frameIt.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

div.frameIt:hover {
    background-color: #360065; 
    border: 3px solid #360065; 
}


/* div.deFrameIt {
    background-image: url('../images/actionbar/actionbar.png');
    cursor: pointer;
    float: left;
    margin-top: 2px;
    margin-left: 4px;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: -44px 0px;
}

div.deFrameIt:hover {
    background-position: -44px -22px;
} */

div.deFrameIt {
    position: relative;
    cursor: pointer;
    float: left;
    margin-left: 4px;
    margin-top: 2px;
    width: 20px;
    height: 20px;
    border: 3px solid rgb(27, 27, 27); 
    border-radius: 50%;
    background-color: rgb(27, 27, 27); 
}

div.deFrameIt::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9, 0.9);
    width: 20px;
    height: 20px;
    background-image: url('../images/actionbar/deframeIt.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

div.deFrameIt:hover {
    background-color: #360065; 
    border: 3px solid #360065; 
}


div.bookmarkIt {
    cursor: pointer;
    float: right;
    margin-top: 2px;
    margin-right: 4px;
    width: 22px;
    height: 22px;
    background-image: url('../images/actionbar/actionbar.png');
    background-repeat: no-repeat;
    background-position: -132px 0px;
}

div.copyIt {
    cursor: pointer;
    float: right;
    margin-top: 2px;
    margin-right: 4px;
    width: 22px;
    height: 22px;
    background-image: url('../images/actionbar/actionbar.png');
    background-repeat: no-repeat;
    background-position: -88px 0px;
}

div.bookmarkIt:hover {
    background-position: -132px -22px;
}


div.copyIt:hover {
    background-position: -88px -22px;
}


div.twinIt {
    background-image: url('../images/actionbar/actionbar.png');
    cursor: pointer;
    float: left;
    margin-top: 2px;
    margin-left: 4px;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: -176px 0px;
}

div.twinIt:hover {
    background-position: -176px -22px;
}


div.actionarea {
    height: 28px;
    /* margin-bottom: 1px; border-top: solid 1px #a0a0a0; border-bottom: solid 1px #a0a0a0; */
    width: 200vw;
    /* background-image: url('../images/master/header2Background.png'); */
    background-color: #360065;
    background-repeat: repeat-x;
}