.arrowssO {
    padding: 6px 4px 7px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

    .arrowssO:hover {
        background-color: #555555;
    }

.arrowss {
    background: transparent url('../Images/arrowss.png') no-repeat;
    overflow: hidden;
    border: none;
    width: 12px;
    height: 12px;
    z-index: 1;
}

.arrowD {
    background-position: 0px 0px !important;
}

    .arrowD:hover, .arrowssO:hover .arrowD {
        background-position: 0px -13px !important;
    }

.arrowD2 {
    background-position: 0px -13px;
}

.arrowL {
    background-position: -16px 0px;
}

    .arrowL:hover, .arrowssO:hover .arrowL {
        background-position: -16px -13px;
    }

.arrowL2 {
    background-position: -16px -13px;
}

/*-----------------------------------------------*/
/* MailBox Buttons  
----------------------------------------------------------*/
.mbtnOut2 {
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none;
    -moz-border-radius: 3px /*{cornerRadiusShadow}*/;
    -khtml-border-radius: 3px /*{cornerRadiusShadow}*/;
    -webkit-border-radius: 3px /*{cornerRadiusShadow}*/;
    border-radius: 3px /*{cornerRadiusShadow}*/;
    cursor: default;
    font-size: 11px;
    font-weight: bold;
    height: 27px;
    line-height: 27px;
    margin-right: 16px;
    min-width: 54px;
    outline: 0 none;
    padding: 0 8px;
    text-align: center;
    white-space: nowrap;
    background-color: #5a5a5a;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #cccccc;
}

.mbtnOut {
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none;
    -moz-border-radius: 3px /*{cornerRadiusShadow}*/;
    -khtml-border-radius: 3px /*{cornerRadiusShadow}*/;
    -webkit-border-radius: 3px /*{cornerRadiusShadow}*/;
    border-radius: 3px /*{cornerRadiusShadow}*/;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    height: 27px;
    line-height: 27px;
    margin-right: 16px;
    min-width: 54px;
    outline: 0 none;
    padding: 0 8px;
    text-align: center;
    white-space: nowrap;
    background-color: #5a5a5a;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #cccccc;
}

    .mbtnOut:hover {
        background-color: #333333;
        color: #ffffff;
    }

        .mbtnOut:hover .mdel {
            background-position: 0 -24px !important;
        }

        .mbtnOut:hover .msgComp {
            background-position: 0 -23px !important;
        }

        .mbtnOut:hover .msgRestore {
            background-position: 0 -16px !important;
        }

        .mbtnOut:hover .mnavr, .mbtnOut:hover .mnavl {
            background-position: 0 -20px;
        }

        .mbtnOut:hover .mback {
            background-position: 0 -15px;
        }

.mbtn {
    overflow: hidden;
    text-indent: -999px;
    font-size: 0;
    line-height: 0;
    height: 24px;
    width: 24px;
    border: none;
    text-decoration: none;
    cursor: pointer;
    margin: 0 auto;
}

.mnavl {
    background: url("../Images/nav-left.png") no-repeat scroll 0 0;
    height: 20px;
    width: 12px;
    margin-top: 4px;
    cursor: default;
}

.mnavl2 {
    cursor: pointer;
}

    .mnavl2:hover {
        background-position: 0 -20px;
    }

.mnavr {
    background: url("../Images/nav-right.png") no-repeat scroll 0 0;
    height: 20px;
    width: 12px;
    margin-top: 4px;
    cursor: default;
}

.mnavr2 {
    cursor: pointer;
}

    .mnavr2:hover {
        background-position: 0 -20px;
    }

.mdel {
    background: url("../Images/Delete.png") no-repeat scroll 0 0;
}

    .mdel:hover {
        background-position: 0 -24px;
    }

.msgComp {
    background: url("../Images/wpost.png") no-repeat scroll 0 0;
}

    .msgComp:hover {
        background-position: 0 -23px;
    }

.msgRestore {
    height: 16px;
    width: 16px;
    margin-top: 4px;
    background: url("../Images/Restore.png") no-repeat scroll 0 0;
}

    .msgRestore:hover {
        background-position: 0 -16px;
    }

.mback {
    height: 16px;
    width: 18px;
    margin-top: 5px;
    background: url("../Images/back.png") no-repeat scroll 0 0;
}

    .mback:hover {
        background-position: 0 -15px;
    }
/*----------------------------------------------------------*/
.sasb {
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none;
    background: url("../Images/Settings.png") no-repeat scroll 0 0;
    overflow: hidden;
    text-indent: -999px;
    font-size: 0;
    line-height: 0;
    height: 32px;
    width: 32px;
    border: none;
    text-decoration: none;
    cursor: pointer;
}

    .sasb:hover {
        background-position: 0 -31px;
    }

.sasb2 {
    background-position: 0 -31px !important;
}

.refresh {
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none;
    background: url("../Images/Refresh.png") no-repeat scroll 0 0;
    overflow: hidden;
    text-indent: -999px;
    font-size: 0;
    line-height: 0;
    height: 16px;
    width: 16px;
    border: none;
    text-decoration: none;
    cursor: pointer;
}

    .refresh:hover {
        background-position: 0 -16px;
    }
/* Buttons  
----------------------------------------------------------*/
.buttonCS {
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none;
    cursor: pointer;
    padding: 4px 10px;
    color: White;
    text-decoration: none !important;
    font-size: 15px;
    -webkit-box-shadow: 0 2px 2px 3px rgba(0, 0, 0, 0.02);
    box-shadow: 0 2px 2px 3px rgba(0, 0, 0, 0.02);
    -moz-border-radius: 4px /*{cornerRadiusShadow}*/;
    -khtml-border-radius: 4px /*{cornerRadiusShadow}*/;
    -webkit-border-radius: 4px /*{cornerRadiusShadow}*/;
    border-radius: 4px /*{cornerRadiusShadow}*/;
    text-align: center;
}

    .buttonCS a {
        color: White !important;
    }

.button1 {
    background-color: #366183 !important;
    border: 1px solid #1C3D57 !important;
    width: 75px;
}

    .button1:hover {
        background-color: #20435E !important;
    }

.button2 {
    background-color: #7cba65 !important;
    border: 1px solid #3b6e22 !important;
    margin: 0 auto;
}

    .button2:hover {
        background-color: #60994C !important;
    }

.button22 {
    background-color: #7cba65 !important;
    border: 1px solid #3b6e22 !important;
    margin: 0 auto;
}

    .button22:hover {
        background-color: #60994C !important;
    }

.button3 {
    background-color: #838383 !important;
    border: 1px solid gray !important;
    font-size: 13px;
}

    .button3:hover {
        border: 1px solid black !important;
    }

.button6 {
    background-color: #366183 !important;
    border: 1px solid #1C3D57 !important;
}

    .button6:hover {
        background-color: #20435E !important;
    }

.button6r {
    background-color: #366183 !important;
    border: 1px solid #1C3D57 !important;
    -moz-border-radius: 0px /*{cornerRadiusShadow}*/;
    -khtml-border-radius: 0px /*{cornerRadiusShadow}*/;
    -webkit-border-radius: 0px /*{cornerRadiusShadow}*/;
    border-radius: 0px /*{cornerRadiusShadow}*/;
}

    .button6r:hover {
        background-color: #20435E !important;
    }

.button7 {
    background-color: #FF6600 !important;
    border: 1px solid #D23902 !important;
}

    .button7:hover {
        background-color: #f25903 !important;
    }

.button8 {
    background-color: #7BC361 !important;
    border: 1px solid #4a9230 !important;
}

    .button8:hover {
        background-color: #59a13f !important;
    }
/*Buttons CSS*/
.btncss {
    background-position: 0 0;
    border: medium none;
    cursor: pointer;
    height: 199px;
    overflow: hidden;
    position: relative;
    width: 215px;
    z-index: 1;
    margin: 0 auto;
}

    .btncss > div {
        bottom: 15px;
        font-size: 38px;
        position: absolute;
        text-align: center;
        width: 100%;
    }

.bRes {
    background: url("../Images/res.png") no-repeat scroll 0 0 transparent;
}

    .bRes:hover {
        background-position: 0 -200px;
    }

.bBus {
    background: url("../Images/bus.png") no-repeat scroll 0 0 transparent;
}

    .bBus:hover {
        background-position: 0 -200px;
    }
/*----------------------------------------------------------*/
.iconset {
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none;
    background: url("../Images/iconset.png") no-repeat scroll 0 0;
    overflow: hidden;
    text-indent: -999px;
    font-size: 0;
    line-height: 0;
    height: 24px;
    width: 22px;
    border: none;
    text-decoration: none;
    margin: 0 auto;
}

.iconpu_11 {
    background-position: 0 0px !important;
}

.iconpu_00 {
    background-position: 0 -24px !important;
}

.iconpu_02 {
    background-position: 0 -48px !important;
}

.iconpu_06 {
    background-position: 0 -73px !important;
}

.iconpu_01 {
    background-position: 0 -97px !important;
}

.iconpu_04 {
    background-position: 0 -122px !important;
}

.iconpu_07 {
    background-position: 0 -148px !important;
}