#userPanelContent{
    height: 100%;
}

#horizontalContent{
}

#horizontalContent div{
    display: inline-block;
    float: left;
}

#info{
    width: 60%;
}

#infoBottom{
    width: 99%;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
}

#infoBar{
    background: url(../images/bar3.png) no-repeat; background-size: 100% 100%;height: 30px;width: 99%;
    padding: 7px 0px 0px 10px;
    font: normal 17px Verdana; color: #FFFFFF;
    text-align: left;
}

#infoBarBottom{
    height: 30px;width: 99%;
    padding: 7px 0px 0px 10px;
    font: normal 20px Verdana; color: blue;
    text-align: left;
    font-weight: bold;
}

.infoBarCodes{
    background: url(../images/bar_orange.png) no-repeat; background-size: 100% 100%;height: 30px;width: 99%;
    padding: 7px 0px 0px 10px;
    font: normal 17px Verdana; color: #FFFFFF;
    text-align: left;
    border-radius: 4px;

}

.infoText{
    background-color: #efefef;font:normal 13px Arial;color: #042346;text-align: left;height: auto;padding: 10px 0px 10px 10px;
    width: 99%;height: 117px;
}

.infoTextBottom{
    font:normal 13px Arial;color: #042346;text-align: left;height: auto;padding: 10px 0px 10px 10px;
    width: 99%;
}

.accessCodes{
    width: 37%;
    margin-left: 21px;
    height: 174px;
}

.accessCodesInfo{
    width: 99%;
}

.boxCodesButton{
    cursor: pointer;clear: both;background: url(../images/bar_orange.png) no-repeat;width: 147px;border: none;background-size: 100% 100%;
    border-radius: 4px;font: normal 14px Verdana; color: #000000;height: 35px;
}

.boxCodes{
    background: url(../images/form/input_newsletter_186.png) no-repeat;border: none;background-size: 100% 100%;padding: 5px;height: 26px;
}

#userPanelHeader{
    font: normal 17px Verdana;color: blue;font-weight: bold;padding-top: 50px;width: 100%;text-align: left;padding-bottom: 15px;
}
#userPanelGrayLine{
    border-bottom: 1px solid #d3d3d3;width: 100%;margin-bottom: 10px;
}

#userPanelTable{
    width: 100%;margin-top: 15px;
}


#userPanelTable tr{
    height: 50px;font: normal 13px Verdana;color: black;

}

.borderBottom{
    border-bottom: 1px solid #d3d3d3;width: 100%;
}
.borderLine{
    height: 0px !important;
}

.sessionMain{
    background-color: gainsboro;font-weight: bold
}

.col1,.col2,.col3{
    background: url(../images/bar3.png);background-size: 100% 100%;height: 50px;border-radius: 4px;
    padding-left: 10px;
    font: normal 15px Verdana; color: #FFFFFF;
    text-align: center;
}

.col1{
    background: url(../images/bar_orange.png);
    width: 60%;
    color: black;
}

.col2{
    width: 10%;
}

.userPanelRedirect{
    background: url(../images/iweb/bg-info-box-link.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 27px;
    border-radius: 4px;
    padding-top: 13px;
    cursor: pointer;

}

a.userPanelBuy{
    font-weight: bold;
    font: normal 13px Verdana;
    color: black;
}

.newsTitle{
    font: normal 15px Verdana; color: darkblue;font-weight: bold;text-align: left;padding-top: 20px;
}

.newsDate{
    font: normal 15px Verdana; color: darkorange;font-weight: bold;text-align: left;padding-top: 5px;
}

.newsText{
    font: normal 10px Verdana; color: #000000;font-weight: bold;text-align: left;padding-top: 7px;
}

.dateAndButton{
    padding-top: 15px;
    height: 35px;
    width: 100%;
    text-align: left;
}

.newsAddDate{
    font: normal 10px Verdana; color: darkgray;text-align: left;font-style: italic;height: 35px;display: inline-block;
}

.newsButton{
    height: 35px;width: 170px;background-size: 100% 100%;display: inline-block;vertical-align: top;float: right;background: url(../images/more.png) no-repeat;
}

.pagination{
    margin-top: 50px;
}

.newsLink{
    display: block;
    height: 35px;width: 170px;
    background: url(../images/more.png) no-repeat;
}

.recoveryContent div{
    display: inline-block;
}

.recoveryBlock{
    width: 37%;
    margin-left: 32%;
    margin-top: 5%;
    height: 174px;
}