#previewLayout
{
    width: 640px;
    position: relative;
    margin-left: 2px;
}
.PreviewHeaderImage
{
    border: thin solid #828078;
    width: 640px;
    height: 44px;
    margin-right: 5px;
    position: relative;
}
.PreviewHeaderImage:hover
{
    border: thin solid #828078;
    width: 640px;
    height: 44px;
    margin-right: 5px;
    position: relative;
    background-color: #2F434A;
    cursor: pointer;
}
.PreviewHeaderImageSelected
{
    border: thin solid #828078;
    width: 640px;
    height: 44px;
    margin-right: 5px;
    position: relative;
    background-color: #2F434A;
    cursor: pointer;
}
.previewheaderleft
{
    position: relative;
    width: 530px;
    text-align: left;
}
.previewHeaderTitle
{
    position: relative;
    left: 20px;
    width: 530px;
    font-family: "times New Roman", Times, serif;
    font-size: 24px;
    color: #FFFFFF;
}
.previewheaderright
{
    position: relative;
    width: 85px;
}
.previewHeaderIconDown
{
    background-image: url('images/down.png');
    position: relative;
    width: 20px;
    height: 18px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5px;
    background-repeat: no-repeat;
}
.previewHeaderIconDown:hover
{
    background-image: url('images/down-s.png');
    position: relative;
    width: 20PX;
    height: 18px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5px;
    background-repeat: no-repeat;
}
.previewHeaderIconUp
{
    background-image: url('images/up.png');
    position: relative;
    width: 20px;
    height: 18px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5px;
    background-repeat: no-repeat;
}
.previewHeaderIconUp:hover
{
    background-image: url('images/up-s.png');
    position: relative;
    width: 20px;
    height: 18px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5px;
    background-repeat: no-repeat;
}
.PreviewBodyImage
{
    border: thin solid #828078;
    position: relative;
    width: 630px;
    height: 0px;
    visibility: collapse;
    margin-right: 5px;
    margin-left: 5px;
}
.PreviewBodyImageopen
{
    border: thin solid #828078;
    position: relative;
    width: 630px;
    visibility: visible;
    margin-right: 5px;
    margin-left: 5px;
}
.PreviewBodyLeft
        {
    height: 180px;
    width: 300px;
}
.PreviewBodyupImage
        {
    border: 6px solid #20323a;
    position: relative;
    width: 272px;
    height: 154px;
    left: 13px;
    top: -2px;
}
.PreviewBodyRight
        {
    height: 180px;
    width: 347px;
}
.TextTable
        {
    width: 340px;
    font-family: "times New Roman", Times, serif;
    font-size: medium;
    color: #c7b299;
    text-align: left;
    margin-left: 50px;
    position: relative;
    margin-top: auto;
    margin-bottom: auto;
}
.TextTable tr td h3
{
    font-family: "times New Roman", Times, serif;
    font-size: medium;
    color: #FFFFFF;
    font-weight: lighter;
    text-decoration: none;
}
.TextTableAr
{
    width: 340px;
    font-family: "times New Roman", Times, serif;
    font-size: medium;
    color: #c7b299;
    text-align: right;
    margin-left: -30px;
    position: relative;
    margin-top: auto;
    margin-bottom: auto;
    direction: rtl;
}
.TextTableAr tr td h3
{
    font-family: "times New Roman", Times, serif;
    font-size: medium;
    color: #FFFFFF;
    font-weight: lighter;
    direction: rtl;
}

.PagerControlDiv
{
    text-align: center;
    margin-top: 10px;
}
#SorryMessage
{
    font-family: "times New Roman", Times, serif;
    font-size: large;
    color: #d2bfa8;
    position: relative;
    width: 474px;
    height: 200px;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
    top: 59px;
    left: 0px;
}
#SorryMessageAr
{
    font-family: "times New Roman", Times, serif;
    font-size: large;
    color: #d2bfa8;
    position: relative;
    width: 300px;
    height: 200px;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
    top: 59px;
    left: 20px;
}
.PagerButtons
{
    padding: 2px 4px 2px 4px;
    border: 2px solid #2F434A;
    text-align: center;
    color: #B0803A;
    font-family: "times New Roman", Times, serif;
    font-size: medium;
    font-weight: bold;
    background-color: #3c4e56;
    margin-left: 2px;
    margin-right: 2px;
    cursor: pointer;
}
.PagerButtons:hover
{
    padding: 2px 4px 2px 4px;
    border: 2px solid #3c4e56;
    text-align: center;
    color: #f9cf75;
    font-family: "times New Roman", Times, serif;
    font-size: medium;
    font-weight: bold;
    background-color: #2F434A;
    margin-left: 2px;
    margin-right: 2px;
    cursor: pointer;
}
.Textweblink
{
    font-family: "times New Roman", Times, serif;
    font-size: medium;
    color: #FFFF99;
    font-weight: lighter;
    text-decoration: underline;
}
.Textweblink:visited
{
    font-family: "times New Roman", Times, serif;
    font-size: medium;
    color: #FFFF99;
    font-weight: lighter;
    text-decoration: underline;
}
.Textweblink:hover
{
    font-family: "times New Roman", Times, serif;
    font-size: medium;
    color: #FFCC00;
    font-weight: lighter;
    text-decoration: underline;
}
.miniImage
{
    position: relative;
    width: 70px;
    height: 40px;
    border: 1px solid #20323a;
    margin-top: -8px;
    margin-left: -2px;
}
.AdminButtons
{
    padding: 2px 4px 2px 4px;
    border: 2px solid #3C3B26;
    text-align: center;
    color: #d2bfa8;
    font-family: "times New Roman", Times, serif;
    font-size: x-small;
    font-weight: lighter;
    background-color: #54533E;
    margin-left: 2px;
    margin-right: 2px;
    cursor: pointer;
}
.AdminButtons:hover
{
    padding: 2px 4px 2px 4px;
    border: 2px solid #54533E;
    text-align: center;
    color: #FFCC00;
    font-family: "times New Roman", Times, serif;
    font-size: small;
    font-weight: lighter;
    background-color: #3C3B26;
    margin-left: 2px;
    margin-right: 2px;
    cursor: pointer;
}
#adminButtonsDiv
{
    position: relative;
}