.ABImageViewer
{
    overflow: hidden;
}
.ABImageViewer.NoEmail .send
{
	display: none !important;
}
.ABImageViewer.NoDownload .download
{
	display: none;
}
.ABImageViewer div.Main
{
    overflow: hidden;
    height: 100%;
	width: 100%;
}

.ABImageViewer pre
{
	white-space: pre-wrap;
	overflow: hidden;
}

.AttachmentSelectDiv 
{
	float: left;
}

.AttachmentSelectDiv label
{
    width: 100px;
    float: none;
    top: 4px;
    color: white;
}

.AttachmentSelectDiv div.col-sm-11
{
	display: inline-block;
    width: 300px;
    float: none;
}

.ABImageViewer div.Main div#Viewer
{
    overflow: scroll;
    height: calc(100% - 55px);
    height: 93%\9;
    width: 100%
}

.ABImageViewer div.Main canvas.viewport
{
    position: relative;
}

.ABImageViewer div.Main canvas.viewport.Rotate90
{
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.ABImageViewer div.Main canvas.viewport.Rotate180
{
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ABImageViewer div.Main canvas.viewport.Rotate270
{
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.ABImageViewer div.seperator
{
    background-color: #cccccc;
    height: 6px;
}

.ABImageViewer div.ImageDiv
{
    position: relative;
}

.ABImageViewer div.Main div#Viewer div#TextDiv div.MailHeader
{
    direction: ltr;
    line-height: 2;
    border-bottom: 1px solid #cccccc;
}

.ABImageViewer div.Main div#Viewer div#TextDiv div.MailDate
{
    text-decoration: underline;
}

.ABImageViewer div.Main div#Viewer div#TextDiv div.MailSubject
{
    font-weight: bold;
}

.ABImageViewer div.Main div#Viewer div#TextDiv div.MailAttchments
{
    border-top: 1px solid #cccccc;
}

.ABImageViewer div.Main div#Viewer div#TextDiv div.MailAttchments span.glyphicons-paperclip
{
    position: relative;
    top: 7px;
    margin: 0px 4px;
}

.ABImageViewer div#ViewerButtons
{
    width: 100%;
    height: 44px;
    margin-bottom: 10px;
    border-radius: 4px;
	border: 1px solid #2F353D;
    background: #2F353D url("../../jQuery/jQuery-ui/Custom-Theme/images/ui-bg_gloss-wave_0_2F353D_500x100.png") 50% 50% repeat-x;
}

.ABImageViewer .btn
{
    Background: #2F353D
}

.ABImageViewer .btn:hover
{
    Background-color: #D27E1B
}

.ABImageViewer div#ViewerButtons div.ToolsDiv
{
    height: 32px;
    margin: 4px;
    display: inline-block;
    text-align: center;
    padding: 0px 8px;
}

.rtl .ABImageViewer div#ViewerButtons div.ToolsDiv.FileDiv,
.rtl .ABImageViewer div#ViewerButtons div.ToolsDiv.NavDiv,
.rtl .ABImageViewer div#ViewerButtons div.ToolsDiv.ViewDiv,
.rtl .ABImageViewer div#ViewerButtons div.ToolsDiv.DirectionDiv
{
    border-left: 2px solid silver;
}

.ltr .ABImageViewer div#ViewerButtons div.ToolsDiv.FileDiv,
.ltr .ABImageViewer div#ViewerButtons div.ToolsDiv.NavDiv,
.ltr .ABImageViewer div#ViewerButtons div.ToolsDiv.ViewDiv,
.ltr .ABImageViewer div#ViewerButtons div.ToolsDiv.DirectionDiv
{
    border-right: 2px solid silver;
}

.ABImageViewer div#ViewerButtons div.ToolsDiv.NavDiv span.PageNav
{
    direction: ltr;
    float: left;
    font-size: 15px;
    color: #084e86;
    background-color: white;
    margin: 0px 5px;
    padding: 3px 10px;
    border-radius: 5px;
    position: relative;
    top: 1px;
    border: 1px solid #064471;
    height: 32px;
}

.ABImageViewer div#ViewerButtons div.ToolsDiv.NavDiv span.PageNav input#PageNum
{
    width: 30px;
    border: none;
}

.ltr .ABImageViewer div#ViewerButtons div.ToolsDiv.NavDiv span.PageNav input#PageNum
{
    direction: ltr;
}

.rtl .ABImageViewer div#ViewerButtons div.ToolsDiv.NavDiv span.PageNav input#PageNum
{
    direction: rtl;
}

.ABImageViewer div#ViewerButtons div.ToolsDiv.NavDiv span.PageNav span.TotalPagesSlash
{
    padding: 0px 5px;
}

.ABImageViewer div#ViewerButtons div.ToolsDiv.NavDiv span.PageNav span.TotalPagesSlash,
.ABImageViewer div#ViewerButtons div.ToolsDiv.NavDiv span.PageNav span.TotalPagesNumber
{
    font-weight: bold;
    font-size: 18px;
}

/*.ABImageViewer div#ViewerButtons div.ToolsDiv span.button
{
    font-size: 20px;
    color: white;
    background-color: #084e86;
    margin: 0px 5px;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #064471;
    line-height: 1;
}*/

.ABImageViewer div#ViewerButtons div.ToolsDiv.NavDiv span.PageNav.disabled
{
    background-color: rgb(235, 235, 228);
}

.ABImageViewer div#ViewerButtons div.ToolsDiv span.button[disabled],
.ABImageViewer div#ViewerButtons div.ToolsDiv.NavDiv span.PageNav.disabled,
.ABImageViewer div#ViewerButtons div.ToolsDiv.NavDiv span.PageNav input#PageNum[disabled]
{
    cursor: not-allowed;
}

.ABImageViewer div#ViewerButtons select#ZoomSelect
{
    display: inline;
    height: 32px;
    width: 90px;
    line-height: 1;
    padding: 3px 7px 4px 12px;
    margin: 0px 5px;
    position: relative;
    top: 1px;
    top: 4px\9 !important;
    border: 1px solid #064471;
    color: #084e86;
    font-weight: bold;
}

@media \0screen 
{
  .ABImageViewer div#ViewerButtons div.ToolsDiv span.button.rotateleft 
  {
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(mirror=1)";
  }
}

.ABImageViewer div#ViewerButtons div.ToolsDiv span.button.rotateleft
{
    -moz-transform: scale(-1,1);
    -o-transform: scale(-1,1);
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scale(-1,1);
}

.ABImageViewer #TextViewerWrapper.AlignLeft
{
    direction: ltr;
}

.ABImageViewer #TextViewerWrapper.AlignRight
{
    direction: rtl;
}

.ABImageViewer div#ViewerButtons div.LockDiv span.button.unlock
{
	color: red;
}

ABImageViewer div#ViewerButtons div.LockDiv span.button.hidden
{
	display: none;
}

.ABImageViewer .viewport
{
	width: 100%;
	height: 100%;
}

@media print
{
    div.seperator
    {
        display: none;
    }

    div#Viewer, .ImageView, div.Main, div.ImageDiv
    {
        border: none !important;
        overflow: hidden;
    }

    div, img, span, p, b, label, a, table, tbody, thead, tr, td, th, center, h1, h2, h3, hr, strong
    {
        border: none;
    }

    div.ImageDiv
    {
        width: 85% !important;
        height: auto !important;
    }

    img.ImageView
    {
        width: 100% !important;
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
    }
}