#useCase {
    padding: 10px;
    height: 740px;
    background: url(../images/useCasebg.jpg) no-repeat center;
}
#useCase a {
    text-decoration: none;
    margin: 0;
    margin-bottom: 13px;
}
#useCaseDescription {
    border-collapse: collapse;
    text-align: left;
    font: 15px monospace;
    color: #000;
    width: 720px;
    margin: 0 auto 10px;
}
#useCaseDescription thead {
    background: url(../images/table_bg2-720px.png) no-repeat top;
    color: white;
    height: 30px;
}
#useCaseDescription th {
    padding: 10px 5px 0px 5px;
    text-align: left;
    word-spacing: 105px;
}
#useCaseDescription tbody {
    background: #fcfcfc;
}
.leftRow {
    vertical-align: top;
    width: 20%;
}
#useCaseDescription tbody tr td {
    border: solid 1px #d1d1d1;
    padding: 4px 5px 2px 5px;
}
tr#odd td {
    background: #f5f5f5;
}
.UCListsOuter {
    margin: 0;
    padding: 0 0 2px 27px;
}
.UCListsInner {
    margin: 0;
    padding: 0 0 5px 15px;
    list-style-type: disc;
}
.NBList {
    margin: 0;
    padding: 0 0 2px 27px;
    list-style: none;    
}
q {
    quotes: "" "";
    color: red;
    font-style: italic;
}
#useCaseDescription a {
    text-decoration: none;
    font-weight: bold;
    font-style: italic;
}
#reg {
    display: block;
    position: relative;
    top: 67px;
    left: 333px;
    width: 125px;
    height: 49px;
}
#reg:hover {
    display: block;
    position: relative;
    left: 333px;
    width: 318px;
    height: 49px;
    background: url("../images/useCase.png") no-repeat 0 0;
}
#login {
    display: block;
    position: relative;
    top: 67px;
    left: 333px;
    width: 125px;
    height: 49px;
}

#login:hover {
    display: block;
    position: relative;
    left: 333px;
    width: 318px;
    height: 49px;
    background: url("../images/useCase.png") no-repeat 0px -49px;
}
#order {
    display: block;
    position: relative;
    top: 67px;
    left: 333px;
    width: 125px;
    height: 49px;
}

#order:hover {
    display: block;
    position: relative;
    left: 333px;
    width: 318px;
    height: 49px;
    background: url("../images/useCase.png") no-repeat 0px -98px;
}
#pay {
    display: block;
    position: relative;
    top: 67px;
    left: 333px;
    width: 125px;
    height: 49px;
}

#pay:hover {
    display: block;
    position: relative;
    left: 333px;
    width: 318px;
    height: 49px;
    background: url("../images/useCase.png") no-repeat 0px -147px;
}
#track {
    display: block;
    position: relative;
    top: 67px;
    left: 333px;
    width: 125px;
    height: 49px;
}

#track:hover {
    display: block;
    position: relative;
    left: 333px;
    width: 318px;
    height: 49px;
    background: url("../images/useCase.png") no-repeat 0px -196px;
}
#cancel {
    display: block;
    position: relative;
    top: 67px;
    left: 333px;
    width: 125px;
    height: 49px;
}

#cancel:hover {
    display: block;
    position: relative;
    left: 333px;
    width: 318px;
    height: 49px;
    background: url("../images/useCase.png") no-repeat 0px -245px;
}
#deleteAcc {
    display: block;
    position: relative;
    top: 67px;
    left: 333px;
    width: 125px;
    height: 49px;
}

#deleteAcc:hover {
    display: block;
    position: relative;
    left: 333px;
    width: 318px;
    height: 49px;
    background: url("../images/useCase.png") no-repeat 0px -294px;
}
#list {
    display: block;
    position: relative;
    top: 67px;
    left: 333px;
    width: 125px;
    height: 49px;
}

#list:hover {
    display: block;
    position: relative;
    left: 333px;
    width: 318px;
    height: 49px;
    background: url("../images/useCase.png") no-repeat 0px -343px;
}
#checkData {
    display: block;
    position: relative;
    top: 67px;
    left: 333px;
    width: 125px;
    height: 49px;
}

#checkData:hover {
    display: block;
    position: relative;
    left: 333px;
    width: 318px;
    height: 49px;
    background: url("../images/useCase.png") no-repeat 0px -392px;
}
#changeList {
    display: block;
    position: relative;
    top: 67px;
    left: 333px;
    width: 125px;
    height: 49px;
}

#changeList:hover {
    display: block;
    position: relative;
    left: 333px;
    width: 318px;
    height: 49px;
    background: url("../images/useCase.png") no-repeat 0px -441px;
}