/*================================================== Reset Style ==================================================*/
/*
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,hr,button{border:0;outline:0;font-size:100%;vertical-align:baseline;background:none;margin:0;padding:0}
ol, ul { list-style-type: none}
h1,h2,h3,h4,h5,h6,li{line-height:100%}
blockquote,q{quotes:none}
q:before,q:after{content:''}
table{border-collapse:collapse;border-spacing:0}
input,textarea,select{font:11px Arial,Helvetica,sans-serif;vertical-align:middle;margin:0;padding:0}
form,fieldset{border-style:none}



html, body, form		{padding:0; margin:0; height:100%}
html					{overflow-y:hidden}
body					{font:12px Arial,Helvetica,sans-serif;color:#646464;background:#f2f2f2;min-width:800px;min-height:600px;}
*/
html, html body {
    border: 0 none;
    height: 100%;
    margin: 0;
    padding: 0;
    position: static;
}

.Viewport {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
/* override the default extjs loading indicator */
.x-mask-msg-inner {
    background-color: #FFFFFF;
    padding: 5px 5px;
    font: 12px tahoma,arial,verdana,sans-serif;
    border-style: hidden !important
}

/*
    Dome loading indicator in win8 style from: http://preloaders.net/en/search/windows%208
*/
.x-mask-msg-text {
    background-image: url('../../images/DomeLoading.gif');
    padding: 10px 10px 10px 20px
}

.x-mask-msg {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #99BCE8;
    border-style: solid;
    border-width: 2px;
    padding: 2px;
}

/* set the font size to menu items in the top navigation toolbar
   NOTE:  this requires that each menu id will start with "navigate"
*/
[id^="navigate"] span {
    font-size: 13px !important;
    color: #416DA3 !important;
    font-weight: bold !important;
}

.ShortDate {
    width: 100px !important;
}

.OverviewCells td {
    white-space: nowrap;
}

.OverviewDetails {
    padding: 0px;
}

button.ui-datepicker-current {
    font-weight: bold !important;
    opacity: 1 !important;
}



/* style for input type text like Extjs does */
input[type=text], input[type=number] {
    height: 22px;
    line-height: 18px;
    vertical-align: top;
    background: url('../../Js/extjs/resources/themes/images/default/form/text-bg.gif') repeat-x scroll 0 0 white;
    border: 1px solid #B5B8C8;
    padding: 1px 3px;
    color: black;
    width: 190px;
}

#toplogin input[type=text] {
    background-size: auto 100%;
}

#toplogin input[type=password] {
    background-size: auto 100%;
}

#DefaultLoginPanel input[type=text] {
    background-size: auto 100%;
}

#DefaultLoginPanel input[type=password] {
    background-size: auto 100%;
}

input[type=number].no-stepper {
    -moz-appearance: textfield;
}

    input[type=number].no-stepper::-webkit-outer-spin-button,
    input[type=number].no-stepper::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

input[type=password] {
    height: 22px;
    line-height: 18px;
    vertical-align: top;
    background: url('../../Js/extjs/resources/themes/images/default/form/text-bg.gif') repeat-x scroll 0 0 white;
    border: 1px solid #B5B8C8;
    padding: 1px 3px;
    color: black;
    width: 144px;
}

/* style for select box like Extjs does */
select { /*height: 22px;
    line-height: 18px;*/
    vertical-align: top;
    background: url('../../Js/extjs/resources/themes/images/default/form/text-bg.gif') repeat-x scroll 0 0 white;
    border: 1px solid #B5B8C8;
    color: black;
    height: 22px;
}

/* when input type text in foucus color its border */
input[type=text]:focus {
    border-color: #3892D3;
    border-width: 1px
}
/* when input type password in foucus color its border */
input[type=password]:focus {
    border-color: #3892D3;
    border-width: 1px
}
/* when select box in foucus color its border */
select:focus {
    border-color: #3892D3;
    border-width: 1px
}
/*some chrome versions don't have checkbox highlight on hovering\focusing*/
input[type=checkbox]:hover {
    -webkit-box-shadow: inset 0 0 2px 2px rgba(82,168,236,.6);
}

input[type=checkbox]:focus {
    -webkit-box-shadow: inset 0 0 2px 2px rgba(82,168,236,.6);
}


a {
    text-decoration: none;
    color: #969696
}

    a:hover {
        text-decoration: underline;
        cursor: pointer
    }

.Bold {
    font-weight: bold;
}

.Uppercase {
    text-transform: uppercase
}

.Hidden {
    display: none;
}

.Absolute {
    position: absolute;
}

.Disabled {
    color: #ccc !important;
    text-decoration: none !important;
    cursor: default !important
}

.PointerEventsNone {
    pointer-events: none;
}

.Modal {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    text-align: center;
    z-index: 10;
    display: none;
    cursor: progress
}

    .Modal .Background {
        position: fixed;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
        background: #e0e0e0;
        opacity: 0;
        filter: alpha(opacity = 0);
    }

    .Modal .LoadingImage {
        width: 100px;
        position: relative;
        top: 100px;
    }

.ModalBackground {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: #323232;
    opacity: 0.3;
    filter: alpha(opacity = 30);
    z-index: auto;
}

.ErrorMsg {
    color: #c00 !important;
    font-size: 12px !important;
    font-weight: normal !important;
    line-height: 15px !important;
}

    .ErrorMsg ul, li {
        margin: 0px;
        padding: 0px;
        list-style-position: outside;
        list-style-image: none;
    }

.SuccessMsg {
    color: #0066FF;
    font-size: 12px;
    font-weight: normal;
    line-height: 15px
}

.Indent {
    position: fixed;
    left: -99px;
    height: 0
}

.Overlay {
    background: transparent;
}

.PaddingTbar {
    padding: 2px 8px
}

.PaddingTbarAudit {
    padding: 2px 8px;
    height: 30px
}

.msg .x-box-mc {
    font-size: 14px;
}

#msg-div {
    position: absolute;
    left: 35%;
    top: 10px;
    width: 300px;
    z-index: 20000;
    white-space: pre-line !important;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

    #msg-div .msg {
        border-radius: 8px;
        -moz-border-radius: 8px;
        background: #FFF5B7;
        border: 2px solid #ccc;
        margin-top: 2px;
        padding: 10px 15px;
        color: #555;
    }

        #msg-div .msg h3 {
            margin: 0 0 8px;
            font-weight: bold;
            font-size: 15px;
        }

        #msg-div .msg p {
            margin: 0;
            -ms-word-break: break-all;
            word-break: break-all;
        }


/*================================================== Controls ==================================================*/


/*-------------------------------------------------- Search Control Style ----------------------------------------------*/

.Search {
    width: 160px;
    padding: 0px 4px 3px 5px;
    overflow: hidden;
    background: url(images/bg-search.gif) no-repeat
}

    .Search .Text {
        float: left;
        border: 0;
        background: none;
        width: 130px;
        font-size: 12px;
        line-height: 15px;
        color: #646464;
        width: 89%
    }

    .Search .Button {
        float: right;
        padding: 0 0 0 0;
        border: 0;
        cursor: pointer;
        background: none;
        width: 15px;
        height: 20px;
        line-height: 0;
        text-indent: -9999px;
        overflow: hidden
    }


/*-------------------------------------------------- Style for Helptip control ----------------------------------------------*/

.Helptip {
    position: relative;
}

    .Helptip .Icon {
        cursor: pointer;
    }

    .Helptip .Text {
        position: absolute;
        background: url(images/bg-tooltip.png);
        white-space: nowrap;
    }

        .Helptip .Text span {
            position: fixed;
            background: url(images/bg-tooltip.png) repeat-y -450px 0;
            color: #3c3c3c;
            padding: 2px 5px;
            border: solid 1px #969696;
        }

.Exclamation {
    background: url(/Images/exclamation-red-icon.png) no-repeat;
    margin: 0 0 0 2px;
    padding: 0 6px 0 6px;
}

label {
    margin-bottom: 2px
}

/*-------------------------------------------------- Style for TableView control ----------------------------------------------*/

/*.TableView										{position:absolute; top:0px; left:0px; right:0px; bottom:0px; background:#f2f2f2;}
.TableView .Table								{position:absolute; top:0px; left:0px; right:0px; bottom:35px; overflow:hidden; overflow-x:auto;}
.TableView .Table .Row							{}
.TableView .Table .Cell							{float:left; height:100%; position:relative; }
.TableView .Table .Cell .Text					{margin-left:5px; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}

.TableView .Table .Title						{background:#2AACE2; height:22px; line-height:22px; position:absolute; top:0px; left:0px; right:0px; color:#ffffff; font-size:14px; font-weight:bold;}
.TableView .Table .Title span					{padding-left:5px;}

.TableView .Table .Head							{background:#c9c9c9; height:22px; line-height:22px; position:absolute; top:22px; left:0px; right:0px; }
.TableView .Table .Head .Cell					{cursor:pointer; text-align:left; font-weight:normal; background:#c9c9c9;}
.TableView .Table .Head .Cell:first-child       {margin-left: 17px}
.TableView .Table .Head .Cell.Asc				{}
.TableView .Table .Head .Cell.Desc				{}
.TableView .Table .Head .Cell:hover				{background:#4AACE2; color:#ffffff;}
.TableView .Table .Head .Cell .SelectAll		{width:10px; height:12px; cursor:pointer; text-indent:-9999px; overflow:hidden; float:left; background:url(images/ico-apply.png) no-repeat; padding:0; margin:0 9px 0 2px}
.TableView .Table .Head .Cell .UnSelectAll		{width:10px; height:12px; cursor:pointer; text-indent:-9999px; overflow:hidden; float:left; background:url(images/ico-close.png) no-repeat 1px 2px; padding:0; margin:0 9px 0 2px}
.TableView .Table .Head .Cell .Icon				{width:20px; height:100%; position:absolute; top:-2px; right:0px;}
.TableView .Table .Head .Cell.Asc .Icon			{background:url(images/btn-table.png) no-repeat 100% -44px;}
.TableView .Table .Head .Cell.Desc .Icon		{background:url(images/btn-table.png) no-repeat 100% 10px;}

.TableView .Table .Head .Selection				{text-align:center;}
.TableView .Table .Head .Selection input		{position:relative; top:5px; }
.TableView .Table .Head .Selection:hover		{background:#c9c9c9;}

.TableView .Table .Body 						{font-size:12px; color:#646464; position:absolute; top:44px; left:0px; right:0px; bottom:0px; overflow:hidden; overflow-y: scroll; direction: rtl }
.TableView .Table .Body .Row					{background:#f2f2f2; height:20px; line-height:20px; border-bottom:1px solid #c8c8c8;position:relative; direction: ltr}
.TableView .Table .Body .Row .Cell				{background:#f2f2f2; cursor:pointer;}
.TableView .Table .Body .Row .Cell .Icon		{width:16px;}
.TableView .Table .Body .Row.Alt				{background:#ebebeb;}
.TableView .Table .Body .Row.Alt .Cell			{background:#ebebeb;}
.TableView .Table .Body .Row.Marked				{background:#b2b2b2; color:#ffffff;}
.TableView .Table .Body .Row.Marked .Cell		{background:#b2b2b2; }
.TableView .Table .Body .Row.Selected			{background:#2AACE2; color:#ffffff;}
.TableView .Table .Body .Row.Active				{background:#2AACE2; color:#ffffff;}
.TableView .Table .Body .Row.Active .Cell		{background:#2AACE2; }
.TableView .Table .Body .Row.Selected .Cell		{background:#2AACE2; }
.TableView .Table .Body .Row:hover				{background:#d2d2d2; }
.TableView .Table .Body .Row:hover .Cell		{background:#d2d2d2;}
.TableView .Table .Body .Row .RowSelect			{margin:5px 0px 0px 5px;}

.TableView .Table .Body .Row .Selection			{text-align:center;}
.TableView .Table .Body .Row .Selection input	{position:relative; top:5px;}
    */
.TableView .Table .Body .Message {
    text-align: center;
    font-size: 16px;
    padding-top: 10px;
    font-weight: bold;
}

/*flag icon at the table view offence\overview\context menu - special icon for each background*/
.FlagIcon {
    background-image: url(/images/audit/flag2_present.png);
    height: 16px;
    width: 16px;
}

.FlagOverviewIcon {
    background-image: url(/images/audit/flag_present.png);
    height: 16px;
    width: 16px;
}

.SelectedItem .FlagIcon {
    background-image: url(/images/audit/flag3_present.png) !important;
}

.x-grid-row-over .FlagIcon {
    background-image: url(/images/audit/flag_onHover.png);
}

.x-grid-row-selected .FlagIcon {
    background-image: url(/images/audit/flag_onRowChecked.png);
}

.x-boundlist-selected .x-boundlist-item-over .FlagIcon {
    background-image: url(/images/audit/flag3_present.png);
}

.x-boundlist-selected .FlagIcon {
    background-image: url(/images/audit/flag_onListRowChecked.png);
}

.x-boundlist-item-over .FlagIcon {
    background-image: url(/images/audit/flag_present.png);
}

.HtmlTables td {
    padding: 2px
}

.HtmlTables .align-top {
    vertical-align: top;
}

.nopadding td {
    padding: 0px !important;
}

.HtmlTables .text_date.Large {
    width: 102px;
    height: 22px;
    background: url('../../Js/extjs/resources/themes/images/default/form/text-bg.gif') repeat-x scroll 0 0 white;
}

.HtmlTables .text_date.Larger {
    width: 120px;
    height: 22px;
    background: url('../../Js/extjs/resources/themes/images/default/form/text-bg.gif') repeat-x scroll 0 0 white;
}

.HtmlTables .text.Large {
    width: 103px;
    height: 22px;
    background: url('../../Js/extjs/resources/themes/images/default/form/text-bg.gif') repeat-x scroll 0 0 white;
}

.HtmlTables .LessSpace {
    letter-spacing: -0.5px
}

.RightPanel .Properties {
    font-size: 12px;
    line-height: 15px;
    color: #646464;
}

.HtmlTables .Row {
    overflow: hidden;
    padding: 0 0 10px 0px;
    min-width: 220px;
    margin: 0 0 3px 0
}

    .HtmlTables .Row.Red {
        color: #f00;
    }

.HtmlTables span.Red {
    color: #f00;
}

.HtmlTables label {
    display: block;
    padding: 0 0 2px;
}

.HtmlTables .Title {
    font-weight: bold;
}

.HtmlTables .Select {
    min-height: 21px;
    overflow: hidden;
}

    .HtmlTables .Select select {
        float: left;
        width: 99px;
        color: #323232;
        line-height: 15px;
    }

.HtmlTables .LongCell.Select select {
    width: 226px;
}

.HtmlTables .LongCell.Select2 select {
    width: 99%;
}

.HtmlTables #lsbRejectTypes {
    width: 100%;
}

.HtmlTables .RejectTypesContainer {
    height: 120px
}

.HtmlTables .text {
    width: 98px;
    height: 21px;
    overflow: hidden;
    background: url('../../Js/extjs/resources/themes/images/default/form/text-bg.gif') repeat-x scroll 0 0 white;
    margin: 0 0 3px 0
}

.HtmlTables .textLong {
    width: 200px;
    height: 21px;
    overflow: hidden;
    background: url(images/bg-txt-setting-Long.gif) no-repeat;
}

    .HtmlTables .textLong img {
        position: relative;
        margin: 5px 0 0 -8px;
    }

.HtmlTables .text_date {
    width: 100px;
    height: 21px;
    overflow: hidden;
    background: url(images/bg-txt-setting.gif) no-repeat;
}

    .HtmlTables .text_date input {
        background: none repeat scroll 0 0 transparent;
        color: #323232;
        float: left;
        width: 102px;
        line-height: 18px;
        font-size: 18px;
        font-weight: bold;
        padding: 0px 2px 0px 5px;
    }

    .HtmlTables .text_date img {
        position: absolute;
        margin: -12px 0 0 -10px
    }

.HtmlTables .Properties.jsSettingInputs .text_date img {
    display: none
}
/*.HtmlTables .text_date input {width:82px; font-size:14px; font-weight:bold}*/
.HtmlTables .date {
    background-position: -100px 0;
}

.HtmlTables .text_date .date_icon {
    margin-top: 4px;
    position: absolute;
}

.HtmlTables .text input {
    float: left;
    padding: 0px 5px;
    background: url('../../Js/extjs/resources/themes/images/default/form/text-bg.gif') repeat-x scroll 0 0 white;
    width: 88px;
    color: #323232;
    font-size: 12px;
    line-height: 15px;
}

    .HtmlTables .text input.Negative {
        color: #FF0000 !important
    }

.HtmlTables .Bold {
    font-weight: bold
}

.HtmlTables .text .TextInput {
    width: 103px;
    font-size: 18px;
    font-weight: bold;
    line-height: 17px
}

.HtmlTables .textLong input {
    float: left;
    padding: 3px 5px;
    border: 0;
    background: none;
    width: 180px;
    color: #323232;
    font-size: 12px;
    line-height: 15px;
}

.HtmlTables .Longer {
    width: 240px;
    background: url(images/bg-txt-setting-longer.gif) no-repeat;
}

    .HtmlTables .Longer .TextInput {
        width: 220px
    }

.HtmlTables .SelectLonger {
    min-height: 21px
}

    .HtmlTables .SelectLonger select {
        float: left;
        width: 240px;
        color: #323232;
        font-size: 12px;
        line-height: 15px;
    }

.HtmlTables .Longer img {
    margin: 5px 0 0 -3px;
}

.HtmlTables .LongerRow {
    padding-bottom: 3px;
    margin-bottom: 3px;
}

.HtmlTables .check-holderLonger {
    padding: 10px 0 0;
}

.HtmlTables .LongerSpe {
    width: 140px;
    background: url(images/bg-txt-setting-long.gif) no-repeat;
}

    .HtmlTables .LongerSpe .TextInput {
        width: 140px
    }

.HtmlTables .text_docdate {
    width: 200px;
    height: 21px;
    overflow: hidden;
    background: url(images/bg-txt-setting-Long.gif) no-repeat;
}

    .HtmlTables .text_docdate input {
        background: none repeat scroll 0 0 transparent;
        border: 0 none;
        color: #323232;
        float: left;
        font-size: 14px;
        line-height: 15px;
        padding: 0px 2px 0px 5px;
        width: 180px;
    }
    /*.HtmlTables .text_docdate img {position:fixed;margin:-12px 0 0 -18px}*/
    .HtmlTables .text_docdate img {
        margin: 5px 0 0 -10px
    }

.HtmlTables .SelectLong {
    min-height: 21px;
    overflow: hidden;
}

    .HtmlTables .SelectLong select {
        float: left;
        width: 190px;
        color: #323232;
        font-size: 12px;
        line-height: 15px;
    }

.HtmlTables .img-1 {
    padding: 4px 9px 4px 6px;
    width: 91px;
    height: 31px;
    background: url(images/bg-img-1.gif) no-repeat;
}

    .HtmlTables .img-1 img {
        vertical-align: top;
    }

.HtmlTables .check-holder {
    overflow: hidden;
    padding: 16px 0 0;
}

    .HtmlTables .check-holder .chk {
        margin: 0 6px 0 0;
    }

    .HtmlTables .check-holder label {
        margin: -15px 0px 0px 20px
    }

.HtmlTables .Green {
    color: #009036;
}

.HtmlTables .Red {
    color: #f00;
}

.HtmlTables .slider-box {
    height: 71px;
    width: 85px;
    background: url(images/bg-slider-box.gif) no-repeat;
    padding: 3px 6px 0 7px;
}

    .HtmlTables .slider-box ul {
        padding: 4px 0 0;
    }

    .HtmlTables .slider-box li {
        line-height: 15px;
        padding: 3px 0 0;
    }

    .HtmlTables .slider-box .RejectType {
        border-width: 0px;
        border-style: none;
        width: 90px;
        height: 68px;
    }

    .HtmlTables .slider-box a {
        color: #323232;
    }

.HtmlTables #containerForDelete {
    display: none;
    width: 220px;
    margin-top: 10px;
}

.HtmlTables .btn {
    border: 0;
    position: relative;
    cursor: pointer;
    background: url(images/btn-blue.png) no-repeat;
    width: 75px;
    height: 26px;
    margin: -2px 0 0;
}

    .HtmlTables .btn:hover {
        background-position: -150px 0
    }

    .HtmlTables .btn:active {
        background-position: -75px 0
    }

.HtmlTables .btnOther {
    border: 0;
    position: relative;
    cursor: pointer;
    background: url(images/btn-setting.jpg) no-repeat;
    width: 106px;
    height: 26px;
    margin: -3px 0 0 -3px;
}

    .HtmlTables .btnOther:hover {
        background-position: 0px -54px
    }

    .HtmlTables .btnOther:active {
        background-position: 0px -27px
    }

.HtmlTables .btnOtherSmall {
    border: 0;
    position: relative;
    cursor: pointer;
    background: url(images/btn-grey.png) no-repeat;
    width: 75px;
    height: 26px;
    margin: -3px 0 0 -3px;
}

    .HtmlTables .btnOtherSmall:hover {
        background-position: -75px 0;
        text-decoration: none;
    }

    .HtmlTables .btnOtherSmall:active {
        background-position: -150px 0;
    }

.HtmlTables .btnOther.Small {
    background: url(images/btn-grey-small.png) no-repeat;
    width: 63px;
    height: 20px;
    margin: -3px 0 0 -3px;
}

    .HtmlTables .btnOther.Small:hover {
        background-position: -60px 0;
        text-decoration: none;
    }

    .HtmlTables .btnOther.Small:active {
        background-position: -120px 0;
    }

#chbAuto {
    margin: 3px 0 0 5px !important
}

#btnPncLookUp {
    margin: 0 0 3px 5px !important
}

.HtmlTables .Favorites {
    color: #16387C;
}

.ErrorMessageText {
    list-style-type: circle
}

.HtmlTables span.OITTitle {
    color: #2AACE2;
    font-size: 14px;
}

.HtmlTables .text.Big {
    height: 30px;
    width: 145px;
    background: url('../../Js/extjs/resources/themes/images/default/form/text-bg.gif') repeat-x scroll 0 0 white;
}

.HtmlTables .text.VRMContainer {
    height: 30px;
    width: 155px;
    background: url('../../Js/extjs/resources/themes/images/default/form/text-bg.gif') repeat-x scroll 0 0 white
}

    .HtmlTables .text.VRMContainer input {
        font-size: 22px;
        line-height: 25px;
        width: 155px;
        height: 30px;
        padding-top: 3px;
    }

.HtmlTables .text.Big input {
    font-size: 22px;
    line-height: 25px;
    width: 145px;
    height: 30px;
    padding-top: 3px
}

.HtmlTables ul {
    list-style-type: none;
}

.TableView .Pager {
    color: #969696; /*position:absolute; left:0px; right:0px; bottom:0px;*/
    height: 30px;
}

    .TableView .Pager table {
    }

        .TableView .Pager table td {
            vertical-align: middle;
            text-align: center;
        }

    .TableView .Pager .Text {
        color: #323232;
        font-weight: bold;
        font-size: 12px;
        padding: 0px 5px 0px 2px;
    }

    .TableView .Pager .Count {
        color: #323232;
        font-size: 12px;
    }

    .TableView .Pager .Button {
        width: 22px;
        height: 20px;
        display: block;
        text-indent: -9999px;
        cursor: pointer;
        overflow: hidden;
        background: url(images/btn-paging.png) no-repeat
    }
    /*.TableView .Pager .Prev				{background-position:-66px 0; }
.TableView .Pager .Next				{background-position:-110px 0; }*/
    .TableView .Pager .Prev {
        background: url(images/page-prev.gif) no-repeat;
        margin-top: 5px
    }

    .TableView .Pager .Next {
        background: url(images/page-next.gif) no-repeat;
        margin-top: 5px
    }
    /*.TableView .Pager .Last				{background-position:-154px 0; }*/
    .TableView .Pager .Last {
        background: url(images/page-last.gif) no-repeat;
        margin-top: 5px
    }
    /*.TableView .Pager .First			{background-position:-22px 0; }*/
    .TableView .Pager .First {
        background: url(images/page-first.gif) no-repeat;
        margin-top: 5px
    }

    .TableView .Pager .Prev:hover {
        background: url(images/page-prev.gif) no-repeat;
        margin-top: 5px
    }

    .TableView .Pager .Next:hover {
        background: url(images/page-next.gif) no-repeat;
        margin-top: 5px
    }
    /*.TableView .Pager .Last:hover		{background-position:-132px 0}*/
    .TableView .Pager .Last:hover {
        background: url(images/page-last.gif) no-repeat;
        margin-top: 5px
    }

    .TableView .Pager .First:hover {
        background: url(images/page-first.gif) no-repeat;
        margin-top: 5px
    }



    .TableView .Pager .Pages {
        overflow: hidden;
        padding-top: 0px;
        float: right
    }

        .TableView .Pager .Pages .Page {
            font-size: 12px;
            line-height: 22px;
            background: url(images/sep-paging.gif) no-repeat 0 2px;
            padding: 0 5px;
            cursor: pointer;
        }

            .TableView .Pager .Pages .Page:hover {
                color: #323232;
            }

            .TableView .Pager .Pages .Page:first-child {
                background: transparent;
            }

        .TableView .Pager .Pages .Selected {
            color: #323232;
        }

.TableView .DocumentButtons {
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 35px;
}

.TableView .MarkedItem td {
    background-color: #DFE8F6 !important;
    border: 1px dotted #464646;
    border-right: none;
    border-left: none
}

.TableView .SelectedItem td {
    background-color: #C0D5F0 !important;
    border: 1px dotted #464646;
    border-right: none;
    border-left: none
}

.TableView .Disabled .x-grid-cell {
    background-color: white !important;
    border-color: #EDEDED #D0D0D0;
    border-style: solid;
}

.TableView .Disabled.x-grid-row-alt .x-grid-cell {
    background-color: #FAFAFA !important;
}

.Selector .x-table-plain {
    width: 50px;
    margin: 0px !important
}

/*-------------------------------------------------- Style for EditPanel control ----------------------------------------------*/

/*.EditPanel .Properties  {background:#dfe8f6}*/
.EditPanel .Properties td {
    padding: 5px 10px 5px 5px;
    vertical-align: top
}

.EditPanel .Properties input {
    font-size: 13px;
    line-height: 20px;
    padding: 0px 2px 0px 3px;
}

.EditPanel .Properties textarea {
    font-size: 13px;
    line-height: 15px;
    font-family: MS Shell Dlg;
    padding: 0px 2px 0px 3px;
    width: 190px;
}

.EditPanel .Properties .Checkbox {
    width: auto;
    float: left;
}

.EditPanel .Properties .Password {
    font-size: 12px;
    line-height: 15px;
    padding: 0px 2px 2px 3px;
    width: 190px
}

.EditPanel .Properties .Error {
    color: #e91212;
    padding-left: 3px;
    position: relative;
    top: 2px;
    font-weight: bold;
}

.EditPanel .Properties .UserError {
    color: #e91212;
    padding-left: 3px;
    position: relative;
    top: 2px;
    font-weight: bold;
    display: inline-table;
    width: 300px;
}

.EditPanel .Properties .Label {
    margin-bottom: 2px;
}

.EditPanel .Properties .Time {
    width: 102px;
    margin-left: 10px;
}

/*apply change only to chrome (bugs 4196+4187 fix - label is not aligned with the checkbox)*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .EditPanel .Properties .Label {
        margin-top: 2px;
    }
}

.EditPanel .Properties select {
    width: 190px;
    max-width: 190px;
}
/*.MiscDocumentEditPanel .Properties  {background:#dfe8f6}*/
.MiscDocumentEditPanel .Properties .Error {
    color: #e91212;
    padding-left: 10px;
    position: relative;
    top: 2px;
}

.MiscDocumentEditPanel .Properties td {
    padding: 5px 10px 5px 5px;
}

.MiscDocumentEditPanel .Properties .Label {
    margin-bottom: 2px;
}

.MiscDocumentEditPanel .Properties #error_Range_From_Date {
    display: block;
    left: 10px;
    margin-left: 197px;
}

.EditPanel .Properties input:disabled {
    color: gray
}

.EditPanel .Properties textarea:disabled {
    color: gray
}

.EditPanel .Properties select:disabled {
    color: gray
}

iframe[id^="_ajaxuploaderscope_"] {
    left: -5px !important;
}



/*.EditPanel								{position:fixed; top:90px; bottom:70px; left:140px; right:140px; z-index:10; background:#f2f2f2; display:none;}
.EditPanel .Title						{position:absolute; top:0px; right:0px; left:0px; height:25px; overflow:hidden; background:#2AACE2; border:1px solid #323232; border-width:1px 1px 0px 1px;}
.EditPanel .Title .Close				{float:right; width:16px; height:16px; text-indent:-9999px; overflow:hidden; background:url(images/btn-close.png) no-repeat; margin:4px 5px 0px 0px; cursor:pointer;}
.EditPanel .Content						{overflow:hidden; border:1px solid #323232; border-width:0px 1px 0px 1px; position:absolute; top:50px; right:0px; bottom:25px; left:0px; background:#f2f2f2; }

.EditPanel .Tabs					{position:absolute; top:25px; right:0px; left:0px; height:25px; border:1px solid #323232; border-width:0px 1px 0px 1px; background:#f2f2f2;}
.EditPanel .Tabs .Tab				{color:#4AACE2; float:left; font-size:14px; line-height:22px; padding:2px 10px; cursor:pointer;}
.EditPanel .Tabs .Tab:hover,
.EditPanel .Tabs .Tab.Active		{text-decoration:underline;}
.EditPanel .Tabs .Search			{float:right;}

.EditPanel .Content .Error			{color:#e91212; padding-left:10px; position:relative; top:2px;}
.EditPanel .Content .Error strong	{text-decoration:underline;}

.EditPanel .Content .Properties 			{overflow:auto; background:#f2f2f2; position:absolute; top:10px; right:10px; bottom:10px; left:10px;}
.EditPanel .Content .Properties td			{padding:5px 10px 5px 0px; vertical-align: top}
.EditPanel .Content .Properties .Text		{height:21px; overflow:hidden; background:url(images/bg-txt-edit-form.gif) no-repeat; border:0; color:#323232; font-size:12px; line-height:15px}
.EditPanel .Content .Properties .Text input	{background: none repeat scroll 0 0 transparent;border: 0 none;color:#323232;float: left;font-size: 12px;line-height: 15px; padding: 3px 2px 3px 5px;width:190px}
.EditPanel .Content .Properties .Labels		{width:130px;}
.EditPanel .Content .Properties .Select		{width:199px; font-size:12px; line-height:15px; color:#323232}

.EditPanel .Content .Properties a {position: absolute}

.EditPanel .Content .Audit						{background:#f2f2f2; position:absolute; top:0px; right:10px; bottom:0px; left:10px; visibility:hidden;}
.EditPanel .Content .Audit > .TableView			{top:0px; right:0px; bottom:0px; left:0px;}
.EditPanel .Content .Connection					{background:#f2f2f2; position:absolute; top:0px; right:10px; bottom:0px; left:10px; visibility:hidden;}
.EditPanel .Content .Connection > .TableView	{top:0px; right:0px; bottom:0px; left:0px;}

.EditPanel .TableView						{top:-20px; right:20px; left:20px;}
.EditPanel .TableView .Table .Title			{display:none;}
.EditPanel .TableView .TableBody			{overflow-y:auto;}
.EditPanel .TableView .ConnectionSelect		{margin:7px;}

.EditPanel .TableView .Table .Body .Row.Selected			{background:#f2f2f2; color:#646464;}
.EditPanel .TableView .Table .Body .Row.Selected .Cell		{background:#f2f2f2; color:#646464;}
.EditPanel .TableView .Table .Body .Row.Alt.Selected			{background:#ebebeb; color:#646464;}
.EditPanel .TableView .Table .Body .Row.Alt.Selected .Cell		{background:#ebebeb; color:#646464;}

.EditPanel .Buttons					{position:absolute; right:0px; bottom:0px; left:0px; height:30px; border:1px solid #323232; border-width:0px 1px 1px 1px; background:#f2f2f2; padding-left:10px;}
.EditPanel .Buttons .Button.Save 	{background:url(images/btn-blue.png) no-repeat}
.EditPanel .Buttons .Button.Cancel	{background:url(images/btn-grey.png) no-repeat}
.EditPanel .Buttons .Button.Delete	{background:url(images/btn-grey.png) no-repeat}
.EditPanel .Buttons .Button.EditPanelDelete   {background:url(images/btn-grey.png) no-repeat;}
.EditPanel .Buttons .Button			{float:left; font-size:12px; line-height:15px; color:#323232; display:block; width:75px; height:15px; padding:5px 0 6px; text-align:center; cursor:pointer;}
.EditPanel .Buttons .Button:hover	{background-position:-75px 0; text-decoration:none}
.EditPanel .Buttons .Button:active	{background-position:-150px 0}

.EditPanel #Misc_Documents .DocumentButtons				{position:absolute; background:#f2f2f2; padding-top: 15px;}
.EditPanel #Misc_Documents .NewDocumentButton	 		{background:url(images/btn-blue.png) no-repeat; }
.EditPanel #Misc_Documents .NewDocumentButton			{float:left; font-size:12px; line-height:15px; color:#323232; display:block; width:75px; height:15px; padding:5px 0 6px; text-align:center; cursor:pointer;}
.EditPanel #Misc_Documents .NewDocumentButton:hover		{background-position:-75px 0; text-decoration:none}
.EditPanel #Misc_Documents .NewDocumentButton:active		{background-position:-150px 0}

.EditPanel #Misc_Documents .DocumentButtons				{position:absolute; background:#f2f2f2; padding-top: 15px;}
.EditPanel #Misc_Documents .DeleteDocumentButton	 		{background:url(images/btn-grey.png) no-repeat; }
.EditPanel #Misc_Documents .DeleteDocumentButton			{float:left; font-size:12px; line-height:15px; color:#323232; display:block; width:75px; height:15px; padding:5px 0 6px; text-align:center; cursor:pointer;}
.EditPanel #Misc_Documents .DeleteDocumentButton:hover	{background-position:-75px 0; text-decoration:none}
.EditPanel #Misc_Documents .DeleteDocumentButton:active	{background-position:-150px 0}

#UpdatePanel1 #MiscDocuments .DocumentButtons				{position:absolute; background:#f2f2f2; padding-top: 15px;}
#UpdatePanel1 #MiscDocuments .NewDocumentButton	 			{background:url(images/btn-blue.png) no-repeat; }
#UpdatePanel1 #MiscDocuments .NewDocumentButton				{float:left; font-size:12px; line-height:15px; color:#323232; display:block; width:75px; height:15px; padding:5px 0 6px; text-align:center; cursor:pointer;}
#UpdatePanel1 #MiscDocuments .NewDocumentButton:hover		{background-position:-75px 0; text-decoration:none}
#UpdatePanel1 #MiscDocuments .NewDocumentButton:active		{background-position:-150px 0}*/

/*-------------------------------------------------Print Manage-----------------------------------------------*/

/*Main area general classes*/

.PrintManage .PanelArea, .open-form label {
    margin-left: 7px
}

.PrintManage .Progress, .ExportLogs .Progress {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 100;
    cursor: progress;
}

    .PrintManage .Progress .Background, .ExportLogs .Progress .Background {
        position: fixed;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        background-color: #000000;
        opacity: 0.3;
        filter: alpha(opacity = 30);
    }

    .PrintManage .Progress .PopupModal, .ExportLogs .Progress .PopupModal {
        margin: 0 auto;
        position: relative;
        right: 100px;
        text-align: right;
        top: 50%;
    }

.PrintManage {
    padding: 0 0 2px;
}

    .PrintManage .main-area {
        margin: 0 auto;
    }

        .PrintManage .main-area .holder {
            overflow: hidden;
            background: url(images/bg-sidebar_print_manage.gif) repeat-y 242px 0;
            margin: 24px 0 19px 15px;
        }

    /* Left side area */
    .PrintManage .left_side .btns, .PrintManage .btm-block .btns li {
        float: left;
        font-size: 12px;
        line-height: 15px;
        padding: 0 8px 0 0;
        display: inline
    }

        .PrintManage .left_side .btns li a {
            color: #323232;
            display: block;
            width: 75px;
            height: 26px;
            padding: 5px 0 6px;
            text-align: center;
            background: url(images/btn-grey.png) no-repeat;
        }

    .PrintManage .left_side .btns, .PrintManage .btm-block .btns span {
        float: left;
        font-size: 12px;
        line-height: 15px;
        padding: 0 8px 0 0;
        display: inline
    }

        .PrintManage .left_side .btns span.second {
            float: left
        }

        .PrintManage .left_side .btns span a {
            color: #323232;
            display: block;
            width: 75px;
            height: 26px;
            padding: 5px 0 6px;
            text-align: center;
            background: url(images/btn-grey.png) no-repeat;
        }

        .PrintManage .left_side .btns span input {
            height: 22px
        }


        .PrintManage .left_side .btns span a:hover {
            background-position: -75px 0;
            text-decoration: none;
        }

        .PrintManage .left_side .btns span a:active {
            background-position: -150px 0;
        }
    /*.PrintManage .main .left_side .btns li a.new{background:url(images/btn-blue.png) no-repeat;}
		.PrintManage .main .left_side .btns li a.new:hover{text-decoration:none; background-position:-75px 0;}
		.PrintManage .main .left_side .btns li a.new:active{background-position:-150px 0;}*/
    .PrintManage .left_side {
        float: left;
    }

        .PrintManage .left_side .btm-block {
            float: left;
            margin-left: 10px;
        }

        .PrintManage .left_side select {
            color: #323232;
            float: left;
            font-size: 12px;
            line-height: 15px;
            width: 120px;
        }

            .PrintManage .left_side select.Templates {
                width: 160px;
                margin-right: 10px;
            }

    .PrintManage .editor {
        clear: both;
        padding-top: 5px;
        height: 531px;
        width: 830px;
    }

        .PrintManage .editor select {
            min-width: 150px;
            color: #323232;
            float: left;
            font-size: 12px;
            line-height: 15px;
            width: 120px;
        }

    .PrintManage .left_side .jqSaveAndPrint {
        margin: 10px 80px 0 0;
        text-align: right
    }

        .PrintManage .left_side .jqSaveAndPrint .btn-submit {
            background: url("images/btn-setting-submit-blue.jpg") no-repeat scroll 0 0 transparent;
            border: 0 none;
            cursor: pointer;
            height: 26px;
            margin: -2px 0 0;
            padding: 0 0 2px;
            position: relative;
            width: 105px;
        }

            .PrintManage .left_side .jqSaveAndPrint .btn-submit:hover {
                background-position: 0 -27px;
            }

            .PrintManage .left_side .jqSaveAndPrint .btn-submit:active {
                background-position: 0 -54px;
            }
    /* END Left side area */


    /* Right side area */
    .PrintManage .right_side {
        float: left;
        padding: 12px 0 0 24px;
        width: 328px;
    }

        .PrintManage .right_side .options div select {
            width: 140px;
            height: 100px;
        }

        .PrintManage .right_side .options label {
            display: block;
            margin: 15px 0 5px 0;
            overflow: hidden;
        }

            .PrintManage .right_side .options label span {
                float: left;
            }

            .PrintManage .right_side .options label a {
                background: url(images/question.gif) no-repeat 0 0;
                display: block;
                float: right;
                height: 13px;
                text-indent: -9999px;
                width: 13px;
                margin-top: 2px;
            }

        .PrintManage .right_side .options div {
            width: 400px;
        }

            .PrintManage .right_side .options div.options_box {
                float: left;
                margin-bottom: 0;
                position: relative;
                width: 160px;
                padding-right: 10px;
            }

        .PrintManage .right_side .options .arrow {
            background-image: url(images/arrows2.gif);
            display: block;
            height: 11px;
            text-indent: -9999px;
            width: 9px;
            position: absolute;
        }

            .PrintManage .right_side .options .arrow.top {
                background-position: 0 0;
                right: 0;
                top: 22px;
            }

            .PrintManage .right_side .options .arrow.bottom {
                background-position: 0 22px;
                bottom: 0;
                left: 0;
            }

                .PrintManage .right_side .options .arrow.bottom.active {
                    background-position: 0 11px;
                }

        .PrintManage .right_side .text {
            background: url("images/bg-space-txt2.gif") no-repeat scroll 0 0 transparent;
            height: 21px;
            margin: 0 0 12px;
            overflow: hidden;
            width: 173px;
        }

        .PrintManage .right_side .cell {
            width: auto;
        }

        .PrintManage .right_side .save_panel {
            margin: 0;
            padding: 0;
            width: 324px;
        }

        .PrintManage .right_side .options .HelpContainer {
            float: right;
            margin: 15px 0 0 0;
            width: 15px;
            height: 15px
        }



        /*Save Panel*/
        .PrintManage .right_side .save_panel {
            margin: 10px 0 0 0;
            padding: 0;
            width: 324px;
        }

            .PrintManage .right_side .save_panel label {
                float: left;
                font-size: 12px;
                line-height: 15px;
                padding: 3px 9px 3px 0;
                color: #646464;
            }

            .PrintManage .right_side .save_panel .chk {
                margin: 3px 32px 0 0;
            }

            .PrintManage .right_side .save_panel .sel {
                float: left;
                height: 21px;
                padding: 0 32px 0 0;
            }

            .PrintManage .right_side .save_panel select {
                float: left;
                width: 46px;
                font-size: 12px;
                line-height: 15px;
                color: #646464;
            }

            .PrintManage .right_side .save_panel .cell {
                float: left;
                width: auto;
                padding: 0 10px 0 0;
                min-height: 48px;
            }

        .PrintManage .right_side .text_field { /*background: url("images/bg-space-txt2.gif") no-repeat scroll 0 0 transparent;height: 21px;*/
            margin: 0 0 12px;
            overflow: hidden; /*width: 173px;*/
        }

        .PrintManage .right_side .save_panel .text_field input {
            float: left;
            margin: 0;
            padding: 0px 8px; /*border: 0;*/
            background: none;
            width: 193px;
            font-size: 12px;
            line-height: 15px;
            color: #646464;
        }

        .PrintManage .right_side .save_panel .cell .error-msg {
            display: none;
            color: #c00;
            font-size: 12px;
            line-height: 15px;
            position: absolute
        }

        .PrintManage .right_side .save_panel .error .error-msg {
            display: block;
        }

        .PrintManage .right_side .save_panel .btn-submit {
            background: url("images/btn-blue.png") no-repeat scroll 0 0 transparent;
            border: 0 none;
            cursor: pointer;
            float: left;
            height: 26px;
            margin: -2px 0 0;
            padding: 0 0 2px;
            position: relative;
            width: 75px;
        }

            .PrintManage .right_side .save_panel .btn-submit:hover {
                background-position: -150px 0;
            }

            .PrintManage .right_side .save_panel .btn-submit:active {
                background-position: -75px 0;
            }

        .PrintManage .right_side .save_panel #btnSave {
            height: 25px
        }
        /* End Save Panel */
        /* End Right side area */

        .PrintManage .right_side .PrintForPanel {
            margin: 12px
        }

            .PrintManage .right_side .PrintForPanel select {
                margin: 0 0 0 0px;
                float: none;
                width: 180px
            }

        .PrintManage .right_side .TemplateUseForContainer label {
            display: inline-block;
            vertical-align: text-bottom;
            margin-top: 0.1em
        }

        .PrintManage .right_side .PrintForPanel .TemplateUseFor {
            margin-right: 5px
        }

    .PrintManage .left_side .PanelArea .TemplateUseFor {
        margin-right: 5px
    }

    .PrintManage .right_side .PrintRolePanel { /*margin: 42px 12px 12px 12px*/
        padding-left: 10px;
        margin-top: 10px
    }

    .PrintManage .right_side .PrintType {
    }

    .PrintManage .right_side .PrintRolePanel select {
        margin: 0px 0 0 0px;
        float: none;
        width: 180px
    }

    .PrintManage .right_side .TopSelection {
        padding-top: 20px;
        padding-left: 10px;
    }

.SavePadding {
    padding-left: 12px !important;
    width: 250px;
}

.PrintManage .left_side .PanelArea .Templates {
    float: none !important;
}

.PrintManage .left_side .PanelArea .test {
}

.PrintManage .left_side .PanelArea .dvAppendDocuments {
    display: none;
    background-color: #323232;
}

    .PrintManage .left_side .PanelArea .dvAppendDocuments ul {
        margin-left: -35px;
    }

    .PrintManage .left_side .PanelArea .dvAppendDocuments li {
        list-style-type: none;
        list-style-position: inside;
        text-indent: -2.2em;
        padding-left: 20px
    }



.PrintManage .left_side .Red {
    color: Red
}

.PrintManage .AppendToLetter {
    background: #fff url("images/arrowDown.png") no-repeat scroll 145px -1px !important;
    width: 165px !important;
    height: 20px !important
}

.PrintManage .left_side .btns2 {
    font-size: 10px;
    line-height: 15px;
    padding: 0 8px 0 0;
}

    .PrintManage .left_side .btns2 a {
        color: #323232;
        display: block;
        width: 75px;
        height: 15px;
        padding: 5px 0 6px;
        text-align: center;
        background: url(images/btn-grey.png) no-repeat;
    }

        .PrintManage .left_side .btns2 a:hover {
            background-position: -75px 0;
            text-decoration: none;
        }

        .PrintManage .left_side .btns2 a:active {
            background-position: -150px 0;
        }

.PrintManage .left_side .jqAppendBreakLine .btn-submit {
    background: url("images/btn-setting.jpg") no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    height: 26px;
    margin: 5px 0 0;
    padding: 2px 0 2px;
    position: relative;
    width: 106px;
}

.jqIsCheckedIE {
    position: absolute;
    left: 420px;
    top: 50px
}

.jqIsChecked {
    position: absolute;
    left: 415px;
    top: 50px
}

/*-------------------------------------------------End Print Manage-----------------------------------------------*/

/*For ExtJs use*/
#UpdatePanel1 #MiscDocuments .DocumentButtons {
    position: absolute;
    padding-top: 15px;
    padding-bottom: 15px;
}

#UpdatePanel1 #MiscDocuments .NewDocumentButton {
    background: url(images/btn-grey.png) no-repeat;
}

#UpdatePanel1 #MiscDocuments .NewDocumentButton {
    float: left;
    font-size: 11px;
    line-height: 15px;
    font-family: tahoma,arial,verdana,sans-serif;
    color: black;
    display: block;
    width: 75px;
    height: 15px;
    padding: 5px 0 6px;
    text-align: center;
    cursor: pointer;
}

    #UpdatePanel1 #MiscDocuments .NewDocumentButton:hover {
        background-position: -75px 0;
        text-decoration: none
    }

    #UpdatePanel1 #MiscDocuments .NewDocumentButton:active {
        background-position: -150px 0
    }

/*-------------------------------------------------- Style for Video control ----------------------------------------------*/
/*#divPlayer .player           {z-index:1; top:0px; bottom:0px;}
#divPlayer .player video     {width:100%; height:97%;}*/
/*#divPlayer .player .custom-controls  {z-index:2; bottom:1px;}
#divPlayer .player .custom-controls input    {width: 60px; margin-left:5px;}
#divPlayer .player .custom-controls select   {margin-left:5px; width:200px;}*/

/*-------------------------------------------------- Style for ImageEditor control ----------------------------------------------*/

.ImageValidation {
}

    .ImageValidation .ImageArea {
    }

        .ImageValidation .ImageArea .ImageDisplay {
            background: #323232;
            position: absolute;
            top: 20px;
            bottom: 100px;
            left: 20px;
            right: 20px;
        }

            .ImageValidation .ImageArea .ImageDisplay .ImageManipulation {
                position: absolute;
                top: 0px;
                left: 0px;
                right: 0px;
                bottom: 0px;
            }

                .ImageValidation .ImageArea .ImageDisplay .ImageManipulation .LeftImageEditor {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    right: 0px;
                    bottom: 0px;
                    background: #323232;
                }

                .ImageValidation .ImageArea .ImageDisplay .ImageManipulation .RightImageEditor {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    right: 0px;
                    bottom: 0px;
                    background: #323232;
                }

                .ImageValidation .ImageArea .ImageDisplay .ImageManipulation .ImageEditor {
                    position: absolute;
                    top: 10px;
                    left: 0px;
                    right: 0px;
                    bottom: 0px;
                }

                .ImageValidation .ImageArea .ImageDisplay .ImageManipulation .RightImageEditor .ImageContainer {
                    left: 50%;
                }

                .ImageValidation .ImageArea .ImageDisplay .ImageManipulation.Dual .LeftImageEditor {
                    right: 50%;
                }

                .ImageValidation .ImageArea .ImageDisplay .ImageManipulation .RightImageEditor .ImageOverlay {
                    display: block;
                }

                .ImageValidation .ImageArea .ImageDisplay .ImageManipulation .RightImageEditor .Toolbar {
                    z-index: 1;
                }

        .ImageValidation .ImageArea .ThumbnailBar {
            position: absolute;
            bottom: 0px;
            left: 20px;
            right: 20px;
            height: 100px;
            border-top: 0px solid #e0e0e0;
            background: #323232;
        }

            .ImageValidation .ImageArea .ThumbnailBar .Video {
                position: absolute;
                top: 0;
                left: 0;
                width: 115px;
                text-indent: -9999px;
                overflow: hidden;
                height: 83px;
                background: url(/images/bg-gallery-mask.png) no-repeat;
                background-position: -115px 0;
            }

.ImageEditor {
}

    .ImageEditor .Toolbar {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        height: 44px;
        background: #323232;
        position: relative;
    }

        .ImageEditor .Toolbar .Bottom {
            border-top: 1px solid #646464;
            padding: 4px 0 0 0;
            margin-left: 32px;
        }

        .ImageEditor .Toolbar .Toggle {
            position: absolute;
            top: 4px;
            bottom: 0px;
            left: 0px;
            width: 5%;
            cursor: pointer;
            text-align: center;
            background: url(/images/ico-1.gif) no-repeat 50% 0;
            padding: 17px 0 0 0;
            color: #969696;
            font-size: 11px;
            line-height: 14px;
        }

        .ImageEditor .Toolbar .Buttons {
            position: absolute;
            top: 1px;
            right: 0px;
            left: 50px;
            height: 20px;
            border-bottom: 1px solid #000000;
        }

            .ImageEditor .Toolbar .Buttons .StickyTools {
                float: left;
                margin-left: 5px;
                cursor: pointer;
                display: block;
                overflow: hidden;
                color: #c8c8c8
            }

            .ImageEditor .Toolbar .Buttons .Button {
                float: left;
                cursor: pointer;
                display: block;
                width: 17px;
                height: 17px;
                text-indent: -9999px;
                overflow: hidden;
                background: url('Images/ImageToolsNew.png') no-repeat;
            }

            .ImageEditor .Toolbar .Buttons .ZoomIn {
                background-position: 0px 0px;
            }

            .ImageEditor .Toolbar .Buttons .ZoomOut {
                background-position: -30px 0px;
            }

            .ImageEditor .Toolbar .Buttons .Crop {
                background-position: -60px 0;
            }

            .ImageEditor .Toolbar .Buttons .Sharpen {
                background-position: 0px;
                display: none;
            }

            .ImageEditor .Toolbar .Buttons .AntiFlare {
                background-position: 0px;
                display: none;
            }

            .ImageEditor .Toolbar .Buttons .Cover {
                background-position: -90px 0;
            }

            .ImageEditor .Toolbar .Buttons .Invert {
                background-position: -120px 0;
            }

            .ImageEditor .Toolbar .Buttons .Undo {
                background-position: 0px;
                display: none;
            }

            .ImageEditor .Toolbar .Buttons .Cancel {
                background-position: -180px 0;
            }

            .ImageEditor .Toolbar .Buttons .ClearPlate {
                background-position: -240px 0;
            }

            .ImageEditor .Toolbar .Buttons .SetAsPlate {
                background-position: -210px 0;
            }

            .ImageEditor .Toolbar .Buttons .SetAsDefault {
                background-position: 0 0;
            }

            .ImageEditor .Toolbar .Buttons .Save {
                background-position: 0 0;
            }

            .ImageEditor .Toolbar .Buttons .ZoomIn:hover {
                background-position: 0px -30px;
            }

            .ImageEditor .Toolbar .Buttons .ZoomOut:hover {
                background-position: -30px -30px;
            }

            .ImageEditor .Toolbar .Buttons .Crop:hover {
                background-position: -60px -30px;
            }

            .ImageEditor .Toolbar .Buttons .Sharpen:hover {
                background-position: 0px 0px;
                display: none;
            }

            .ImageEditor .Toolbar .Buttons .AntiFlare:hover {
                background-position: -120px -30px;
                display: none;
            }

            .ImageEditor .Toolbar .Buttons .Cover:hover {
                background-position: -90px -30px;
            }

            .ImageEditor .Toolbar .Buttons .Invert:hover {
                background-position: -120px -30px;
            }

            .ImageEditor .Toolbar .Buttons .Undo:hover {
                background-position: 0 -30px;
                display: none;
            }

            .ImageEditor .Toolbar .Buttons .Cancel:hover {
                background-position: -180px -30px;
            }

            .ImageEditor .Toolbar .Buttons .ClearPlate:hover {
                background-position: -240px -30px;
            }

            .ImageEditor .Toolbar .Buttons .SetAsPlate:hover {
                background-position: 0px -30px;
            }

            .ImageEditor .Toolbar .Buttons .SetAsDefault:hover {
                background-position: -210px -30px;
            }

            .ImageEditor .Toolbar .Buttons .Save:hover {
                background-position: 0px -30px;
            }

            .ImageEditor .Toolbar .Buttons .Print {
                background-position: -270px 0;
            }

                .ImageEditor .Toolbar .Buttons .Print:hover {
                    background-position: -270px -30px;
                }

            .ImageEditor .Toolbar .Buttons .FilmStrip {
                background-position: -150px 0;
            }

                .ImageEditor .Toolbar .Buttons .FilmStrip:hover {
                    background-position: -150px -30px;
                }

                .ImageEditor .Toolbar .Buttons .FilmStrip.Clicked {
                    background-position: -150px -30px;
                }

                .ImageEditor .Toolbar .Buttons .FilmStrip.Disabled {
                    background: grey;
                    cursor: auto;
                }

            .ImageEditor .Toolbar .Buttons .RotateLeft {
                background-position: 0px 0px;
            }

        .ImageEditor .Toolbar .Sliders {
            position: absolute;
            top: 22px;
            right: 0px;
            left: 45px;
            height: 18px;
            border-top: 1px solid #646464;
            padding-top: 2px;
        }

            .ImageEditor .Toolbar .Sliders div {
                float: left;
                width: 15%;
                height: 7px;
                background: url(/images/bg-tool-slider.gif) repeat-x 0 3px;
                position: relative;
                margin: 5px 0 0 0;
                border: 0px solid #ffffff;
            }

            .ImageEditor .Toolbar .Sliders .Icon {
                float: left;
                cursor: pointer;
                width: 17px;
                height: 17px;
                text-indent: -9999px;
                overflow: hidden;
                margin: 0 7px 0 7px;
                background: url(/images/btn-tools-2.gif) no-repeat;
            }

            .ImageEditor .Toolbar .Sliders .Red {
            }

            .ImageEditor .Toolbar .Sliders .Blue {
            }

            .ImageEditor .Toolbar .Sliders .Green {
            }

            .ImageEditor .Toolbar .Sliders .Contrast {
            }

            .ImageEditor .Toolbar .Sliders .Red .Icon {
                background-position: 0px -17px;
            }

            .ImageEditor .Toolbar .Sliders .Blue .Icon {
                background-position: -17px -17px;
            }

            .ImageEditor .Toolbar .Sliders .Green .Icon {
                background-position: -34px -17px;
            }

            .ImageEditor .Toolbar .Sliders .Contrast .Icon {
                background-position: -68px -17px;
            }

            .ImageEditor .Toolbar .Sliders .Brightness .Icon {
                background-position: -51px -17px;
            }

            .ImageEditor .Toolbar .Sliders .Slider a {
                position: absolute;
                cursor: pointer;
                width: 14px;
                height: 14px;
                text-indent: -9999px;
                overflow: hidden;
                background: url(images/btn-slider.png) no-repeat -28px 0;
                left: 0px;
                top: 0;
                margin: 0px;
                margin-left: -7px;
                margin-top: -4px;
                border: 0px solid #ffffff;
            }

            .ImageEditor .Toolbar .Sliders .Slider:hover a {
                background-position: -14px 0px;
            }

    .ImageEditor .ImageContainer {
        position: absolute;
        top: 5px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        overflow: auto;
        text-align: center;
    }

        .ImageEditor .ImageContainer img {
            margin-left: auto;
            margin-right: auto;
            margin-bottom: auto;
            top: 0px;
            bottom: 0px;
            position: absolute;
            left: 0px;
            right: 0px;
            display: none;
        }

#ImageEditor1 .ImageContainer img {
    margin: auto;
}

#ImageEditor2 .ImageContainer img {
    margin: auto;
}


.ImageEditor .ImageContainer .MainImage {
    display: block !important;
}

.ImageEditor .ImageContainer .ImageSelect {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #ffffff;
    opacity: 0;
    filter: alpha(opacity = 0);
}

.ImageEditor .ImageContainer .ImageOverlay {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #000000;
    opacity: 0.3;
    filter: alpha(opacity = 30);
    display: none;
}

/*-------------------------------------------------- Style for JournalView control ----------------------------------------------*/

.JournalView {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #f2f2f2;
    height: 650px;
}

    .JournalView .Table {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 35px;
        overflow: hidden;
        overflow-x: auto;
    }

        .JournalView .Table .Row {
        }
        /*.JournalView .Table .Cell							{float:left; height:100%; position:relative; }
.JournalView .Table .Cell .Text					{margin-left:5px;}
*/
        .JournalView .Table .Title {
            background: #2AACE2;
            height: 22px;
            line-height: 22px;
            position: absolute;
            top: 0px;
            left: 0px;
            right: 0px;
            color: #ffffff;
            font-size: 14px;
            font-weight: bold;
        }

            .JournalView .Table .Title span {
                padding-left: 5px;
            }
        /*
.JournalView .Table .Head							{background:#c9c9c9; height:22px; line-height:22px; position:absolute; top:22px; left:0px; right:0px; }
.JournalView .Table .Head .Cell					{cursor:pointer; text-align:left; font-weight:normal; background:#c9c9c9;}
.JournalView .Table .Head .Cell.Asc				{}
.JournalView .Table .Head .Cell.Desc				{}
.JournalView .Table .Head .Cell:hover				{background:#4AACE2; color:#ffffff;}
.JournalView .Table .Head .Cell .SelectAll		{width:10px; height:12px; cursor:pointer; text-indent:-9999px; overflow:hidden; float:left; background:url(images/ico-apply.png) no-repeat; padding:0; margin:0 9px 0 2px}
.JournalView .Table .Head .Cell .UnSelectAll		{width:10px; height:12px; cursor:pointer; text-indent:-9999px; overflow:hidden; float:left; background:url(images/ico-close.png) no-repeat 1px 2px; padding:0; margin:0 9px 0 2px}
.JournalView .Table .Head .Cell .Icon				{width:20px; height:100%; position:absolute; top:-2px; right:0px;}
.JournalView .Table .Head .Cell.Asc .Icon			{background:url(images/btn-table.png) no-repeat 100% -44px;}
.JournalView .Table .Head .Cell.Desc .Icon		{background:url(images/btn-table.png) no-repeat 100% 10px;}

.JournalView .Table .Head .Selection				{text-align:center;}
.JournalView .Table .Head .Selection input		{position:relative; top:5px; }
.JournalView .Table .Head .Selection:hover		{background:#c9c9c9;}
*/
        .JournalView .Table .Body {
            font-size: 12px;
            color: black;
            position: absolute;
            top: 22px;
            left: 0px;
            right: 0px;
            bottom: 0px;
            overflow: hidden;
            overflow-y: auto;
        }

            .JournalView .Table .Body .Row {
                background: #f2f2f2;
                height: inherit;
                line-height: 20px;
                border-bottom: 1px solid #c8c8c8;
                padding: 5px 0 20px 0;
            }

                .JournalView .Table .Body .Row .Cell {
                    background: #f2f2f2;
                    cursor: pointer;
                }

                .JournalView .Table .Body .Row .PriorityIcon {
                    padding: 0 5px 0 5px;
                    cursor: pointer;
                    font-weight: bold;
                    float: left;
                    width: 5px;
                    height: 15px;
                }

                .JournalView .Table .Body .Row .CategoryLine {
                    margin: 0 5px 0 5px;
                    cursor: pointer;
                    font-weight: bold;
                }

                .JournalView .Table .Body .Row .ContentLine {
                    margin: 0 5px 0 5px;
                    cursor: pointer;
                    padding: 5px 0 5px 0;
                }

                .JournalView .Table .Body .Row .StatusLine {
                    margin: 0 5px 0 5px;
                    cursor: pointer;
                    color: #646464;
                    float: left;
                }

                .JournalView .Table .Body .Row .UserLine {
                    margin: 0 5px 0 5px;
                    cursor: pointer;
                    color: #646464;
                    float: right;
                }

                .JournalView .Table .Body .Row .DateTimeLine {
                    margin: 0 5px 0 5px;
                    cursor: pointer;
                    color: #646464;
                    float: right;
                }


                .JournalView .Table .Body .Row .Cell .Icon {
                    width: 16px;
                }

                .JournalView .Table .Body .Row.Alt {
                    background: #ebebeb;
                }

                    .JournalView .Table .Body .Row.Alt .Cell {
                        background: #ebebeb;
                    }

                .JournalView .Table .Body .Row.Marked {
                    background: #b2b2b2;
                    color: #ffffff;
                }

                    .JournalView .Table .Body .Row.Marked .Cell {
                        background: #b2b2b2;
                    }

                .JournalView .Table .Body .Row.Selected { /*background:#828282; color:#ffffff;*/
                }

                .JournalView .Table .Body .Row.Active {
                    background: #828282;
                    color: #ffffff;
                }

                    .JournalView .Table .Body .Row.Active .Cell {
                        background: #828282;
                    }

                .JournalView .Table .Body .Row.Selected .Cell { /*background:#828282; */
                }

                .JournalView .Table .Body .Row:hover {
                    background: #FBBF7A;
                    color: black;
                    border-right-color: #2AACE2
                }

                    .JournalView .Table .Body .Row:hover .Cell {
                        background: #FBBF7A;
                    }

                .JournalView .Table .Body .Row .RowSelect {
                    margin: 5px 0px 0px 5px;
                }

                .JournalView .Table .Body .Row .Selection {
                    text-align: center;
                }

                    .JournalView .Table .Body .Row .Selection input {
                        position: relative;
                        top: 5px;
                    }

            .JournalView .Table .Body .Message {
                text-align: center;
                font-size: 16px;
                padding-top: 10px;
                font-weight: bold;
                color: #646464;
            }

    .JournalView .Pager {
        color: #969696;
        position: absolute;
        left: 0px;
        right: 0px;
        bottom: 0px;
        height: 35px;
    }

        .JournalView .Pager table {
            float: right;
        }

            .JournalView .Pager table td {
                vertical-align: middle;
                text-align: center;
            }

        .JournalView .Pager .Text {
            color: #323232;
            font-weight: bold;
            font-size: 12px;
            padding: 0px 5px 0px 2px;
        }

        .JournalView .Pager .Count {
            color: #323232;
            font-size: 12px;
        }

        .JournalView .Pager .Button {
            width: 22px;
            height: 20px;
            display: block;
            text-indent: -9999px;
            cursor: pointer;
            overflow: hidden;
            background: url(images/btn-paging.png) no-repeat
        }

        .JournalView .Pager .Prev {
            background-position: -66px 0;
        }

        .JournalView .Pager .Next {
            background-position: -110px 0;
        }

        .JournalView .Pager .Last {
            background-position: -154px 0;
        }

        .JournalView .Pager .First {
            background-position: -22px 0;
        }

        .JournalView .Pager .Prev:hover {
            background-position: -44px 0
        }

        .JournalView .Pager .Next:hover {
            background-position: -88px 0
        }

        .JournalView .Pager .Last:hover {
            background-position: -132px 0
        }

        .JournalView .Pager .First:hover {
            background-position: 0 0
        }

        .JournalView .Pager .Pages {
            overflow: hidden;
            padding-top: 2px;
        }

            .JournalView .Pager .Pages .Page {
                font-size: 12px;
                line-height: 22px;
                background: url(images/sep-paging.gif) no-repeat 0 2px;
                padding: 0 5px;
                cursor: pointer;
            }

                .JournalView .Pager .Pages .Page:hover {
                    color: #323232;
                }

                .JournalView .Pager .Pages .Page:first-child {
                    background: transparent;
                }

            .JournalView .Pager .Pages .Selected {
                color: #323232;
            }

    .JournalView .DocumentButtons {
        position: absolute;
        left: 0px;
        bottom: 0px;
        height: 35px;
    }


/*************For the Ext use**************/

#JournalViewComments .PriorityIcon {
    padding: 0 10px 0 5px;
    cursor: pointer;
    font-weight: bold;
    float: left;
    width: 5px;
    height: 15px;
}

#JournalViewComments .CategoryLine {
    margin: 0 5px 0 5px;
    cursor: pointer;
    font-weight: bold;
}

#JournalViewComments .ContentLine {
    margin: 0 5px 0 15px;
    cursor: pointer;
    padding: 5px 0 5px 0;
}

#JournalViewComments .StatusLine {
    margin: 0 5px 0 15px;
    cursor: pointer;
    color: #646464;
    float: left;
}

#JournalViewComments .UserLine {
    margin: 0 5px 0 5px;
    cursor: pointer;
    color: #646464;
    float: right;
}

#JournalViewComments .DateTimeLine {
    margin: 0 5px 0 5px;
    cursor: pointer;
    color: #646464;
    float: right;
}

#JournalViewComments .x-grid-header-ct {
    display: none
}

#JournalViewPriorityComments .PriorityIcon {
    padding: 0 10px 0 5px;
    cursor: pointer;
    font-weight: bold;
    float: left;
    width: 5px;
    height: 15px;
}

#JournalViewPriorityComments .CategoryLine {
    margin: 0 5px 0 5px;
    cursor: pointer;
    font-weight: bold;
}

#JournalViewPriorityComments .ContentLine {
    margin: 0 5px 0 15px;
    cursor: pointer;
    padding: 5px 0 5px 0;
}

#JournalViewPriorityComments .StatusLine {
    margin: 0 5px 0 15px;
    cursor: pointer;
    color: #646464;
    float: left;
}

#JournalViewPriorityComments .UserLine {
    margin: 0 5px 0 5px;
    cursor: pointer;
    color: #646464;
    float: right;
}

#JournalViewPriorityComments .DateTimeLine {
    margin: 0 5px 0 5px;
    cursor: pointer;
    color: #646464;
    float: right;
}

#JournalViewPriorityComments .x-grid-header-ct {
    display: none
}

/*******************************************/


/*================================================== Pages ==================================================*/

/*-------------------------------------------------- Master Page ----------------------------------------------*/

#divCalcWidth {
    position: absolute;
    visibility: hidden;
    float: left;
}
/*.Master						{height:100%;}*/

/*.Header							{background:url(images/bg-header.gif) repeat-x;position:absolute; top:0px; left:0px; right:0px; height:72px;min-width:800px;}*/

/*.Header							{position:absolute; top:0px; left:0px; right:0px; height:72px;}
 .Header .Header-area				{width:100%;overflow:hidden;font-size:12px;line-height:15px;margin:0 auto;padding:7px 0 0;}
 .Header .Header-area .logo		{float:left;font-size:25px;line-height:28px;font-weight:400;color:#f6f6f6;margin:2px 0 0 15px}
 .Header .Header-area .logo a		{color:#f6f6f6;float:left;padding:26px 0 0 10px}
 .Header .Header-area .logo img	{float:left; width:50px; height: 50px}
 .Header .Header-area p			{text-align:right;padding:0 16px 16px;}
 .Header .Header-area p .sep		{background:url(images/sep-header.gif) no-repeat 10px 2px;padding:0 0 0 22px;}
 .Header .Header-area p a			{color:#969696}
     */

.Header-area {
    width: 100%;
    overflow: hidden;
    font-size: 11px;
    line-height: 15px;
    margin: 0 auto;
    padding: 7px 0 0;
}

    .Header-area .logo {
        float: left;
        line-height: 28px;
        margin: 2px 0 0 15px
    }

        .Header-area .logo a {
            color: #416DA3;
            font-weight: bold;
            float: left;
            padding: 26px 0 0 10px
        }

        .Header-area .logo img {
            float: left;
            width: 50px;
            height: 50px
        }

    .Header-area p {
        text-align: right;
        padding: 0 16px 10px;
    }

    .Header-area p .sep:not(:first-child) {
        background: url(images/sep-header.gif) no-repeat 10px 2px;
        padding: 0 0 0 22px;
    }

    .Header-area .statusIndicator[style*="display: none;"] + .statusIndicator[style*="display: none;"] + .statusIndicator[style*="display: none;"] + .sep {
        background: none !important;
        /*padding: 0 !important;*/
    }

    .Header-area .statusIndicator[style*="display: none;"] + .statusIndicator[style*="display: none;"] + .statusIndicator {
        background: none !important;
        /*padding: 0 !important;*/
    }

.Header-area p a {
    color: #969696
}

.Body {
    position: absolute;
    top: 72px;
    left: 0px;
    right: 0px;
    bottom: 32px; /* overflow:auto;*/
}

.Footer {
    background: #b8b8b8 url(images/bg-footer.gif) repeat-x;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 32px;
    margin: -32px 0 0;
    display: none
}

    .Footer .Footer-area {
        width: auto;
        overflow: hidden;
        margin: 0 auto;
        padding: 9px 6px 4px 13px
    }

        .Footer .Footer-area .menu {
            float: right;
            overflow: hidden
        }

            .Footer .Footer-area .menu li {
                float: left;
                background: url(images/sep-menu.gif) no-repeat 0 2px;
                font-size: 12px;
                line-height: 15px;
                margin: 0 1px 0 -1px;
                padding: 0 11px 0 13px
            }

            .Footer .Footer-area .menu a {
                color: #646464
            }

        .Footer .Footer-area .block {
            overflow: hidden;
            color: #646464;
            font-size: 12px;
            line-height: 15px
        }

        .Footer .Footer-area .logo {
            float: left;
            text-indent: -9999px;
            overflow: hidden;
            background: url(images/logo-2.png) no-repeat;
            width: 71px;
            height: 19px;
            margin: 0 21px 0 0
        }

            .Footer .Footer-area .logo a {
                display: block;
                height: 100%
            }

        .Footer .Footer-area .block p {
            padding: 2px 0 0
        }

/* Links */
.Header .LinksControl .Nav {
    position: absolute;
    right: 0
}

    .Header .LinksControl .Nav li.TopItem {
        float: left;
        font-size: 17px;
        line-height: 20px;
        padding: 0 0 0 24px;
    }

    .Header .LinksControl .Nav a.TopLink {
        float: left;
        color: #2AACE2;
        height: 35px;
        overflow: hidden;
        padding: 0 14px 0 0
    }

    .Header .LinksControl .Nav li.Disabled a.TopLink {
        color: #ccc
    }

    .Header .LinksControl .Nav a.TopLink span {
        float: left;
        padding: 7px 0 8px 15px
    }

    .Header .LinksControl .Nav li.TopItem:hover a.TopLink {
        text-decoration: none;
        background: url(images/bg-nav.jpg) no-repeat 100% 0;
        position: relative;
    }

    .Header .LinksControl .Nav li.TopItem:hover a span {
        background: url(images/bg-nav.jpg) no-repeat
    }

    .Header .LinksControl .Nav li.TopItem.Disabled:hover a.TopLink {
        background: none
    }

    .Header .LinksControl .Nav li.TopItem.Disabled:hover a span {
        background: none
    }

    .Header .LinksControl .Nav li.TopItem .SubMenu {
        display: none;
        position: absolute;
        z-index: 10;
        background-color: #FFFFFF;
        border-bottom: 5px solid #C2C9D1;
        border-left: 1px solid #C2C9D1;
        border-right: 1px solid #C2C9D1;
        padding: 2px;
        top: 34px;
        min-width: 100px
    }

    .Header .LinksControl .Nav li.TopItem:hover .SubMenu {
        display: block;
        z-index: 99
    }

    .Header .LinksControl .Nav li.TopItem:hover.LastChild .SubMenu {
        right: 0
    }

    .Header .LinksControl .Nav li.TopItem .SubMenu li {
        display: block;
        font-size: 14px;
        line-height: 17px;
        z-index: 11;
    }

        .Header .LinksControl .Nav li.TopItem .SubMenu li:hover {
            background: #4AACE2;
            border-color: #b9762c;
        }

        .Header .LinksControl .Nav li.TopItem .SubMenu li.Disabled:hover {
            background: none
        }

        .Header .LinksControl .Nav li.TopItem .SubMenu li a {
            color: #414141;
            display: block;
            height: 1%;
            padding: 4px 17px 3px 21px;
            text-decoration: none;
        }

        .Header .LinksControl .Nav li.TopItem .SubMenu li.Disabled a {
            color: #ccc
        }

    .Header .LinksControl .Nav li .SubMenu2 {
        display: none;
        position: absolute;
        z-index: 10;
        background-color: #FFFFFF;
        border-bottom: 5px solid #C2C9D1;
        border-left: 1px solid #C2C9D1;
        border-right: 1px solid #C2C9D1;
        padding: 2px;
        min-width: 100px;
        left: 95%;
        margin-top: -30px
    }

    .Header .LinksControl .Nav .SubMenu2Item:hover .SubMenu2 {
        display: block;
        z-index: 99;
        white-space: nowrap
    }

    .Header .LinksControl .Nav .SubMenu2Item {
        background: transparent url(images/link-open.png) no-repeat scroll 100% 50%;
    }

.ExternalContainer {
    z-index: 999;
    position: absolute;
    display: none;
}

/*-------------------------------------------------- Default (Dashboard) ----------------------------------------------*/
/*
.Default												{height:100%;min-height:550px; width:100%;position:relative; background: #000000 url(images/splash-blue.jpg) no-repeat 50% ;}
.Default .PlayerWrapper                                 {visibility:hidden; width:1000px;height:550px;position:absolute;top:0;left:250px}
.Default .Dashboard                                     {position:absolute; top:45px; left:14px; right:0px; bottom:0px; font-size:small;}
.Default .Dashboard .row                                {overflow:hidden;padding:0 0 10px 2px;}
.Default .Dashboard .mark-row                           {padding-bottom:30px;}
.Default .Dashboard .cell                               {float:left;padding:0 15px 0 0;width: 45%; height:50%;}
.Default .Dashboard .cell .text                         {font: 18px/20px Arial,Helvetica,sans-serif;padding-top:10px;color:#999999;}
.Default .Dashboard .cell .textScroll                   {font: 18px/20px Arial,Helvetica,sans-serif;padding-top:10px;color:#999999; height:450px; overflow-y:auto; overflow-x:hidden; direction:rtl;}
.Default .Dashboard .cell h1                            {font-size:large; color:#4AACE2;padding-left: 15px;background-image: url(images/bullet_blue.png);background-repeat: no-repeat;background-position: left center;}
.Default .Dashboard .cell a                             {}
.Default .Dashboard .cell .N-ul                         {margin: 0;padding: 0;list-style-type: none; display:block;}
.Default .Dashboard .cell .N-ul .N-li                   {overflow:hidden;background: url(images/check_mark.png) no-repeat 0 0; padding-left: 20px; margin-bottom:5px;}
*/

.PlayerWrapper {
    visibility: hidden;
    width: 1000px;
    height: 550px;
    position: absolute;
    top: 0;
    left: 250px
}

.Dashboard { /*position:absolute; top:45px; left:14px; right:0px; bottom:0px;*/
    font-size: small;
}

    .Dashboard .row {
        overflow: hidden;
        padding: 0 0 10px 2px;
    }

    .Dashboard .mark-row {
        padding-bottom: 30px;
    }

    .Dashboard .cell {
        float: left;
        padding: 0 15px 0 0;
        width: 100%;
    }

        .Dashboard .cell .text {
            font: 18px/20px Arial,Helvetica,sans-serif;
            padding-top: 10px;
            color: #999999;
        }

        .Dashboard .cell .textScroll {
            font: 18px/20px Arial,Helvetica,sans-serif;
            padding-top: 10px;
            color: #999999; /*height:400px; overflow-y:auto; overflow-x:hidden;*/
        }

        .Dashboard .cell h1 {
            font-size: large;
            color: #4AACE2;
            padding-left: 15px;
            background-image: url(images/bullet_blue.png);
            background-repeat: no-repeat;
            background-position: left center;
        }

        .Dashboard .cell a {
        }

        .Dashboard .cell .N-ul {
            margin: 0;
            padding: 0;
            list-style-type: none;
            display: block;
        }

            .Dashboard .cell .N-ul .N-li {
                overflow: hidden;
                background: url(images/check_mark.png) no-repeat 0 0;
                padding-left: 20px;
                margin-bottom: 5px;
            }


.Graph {
    height: 166px;
    width: 475px;
    overflow: hidden;
    padding: 8px 0 0;
    border-bottom: 1px solid black /*#c8c8c8*/;
    background: url(images/bg-scale.gif) no-repeat 0 8px;
}
    /*.Graph							{width: 100%;height: 180px;border: dashed 1px black;border-top: none;color: Black;}*/
    .Graph .scale {
        float: left;
        width: 26px;
        height: 137px;
        position: relative;
        font-size: 10px;
        line-height: 13px;
        color: #323232
    }

        .Graph .scale span {
            position: absolute;
            left: 0;
            width: 26px;
            text-align: center;
        }

        .Graph .scale .num-1 {
            bottom: 6px;
        }

        .Graph .scale .num-2 {
            bottom: 34px;
        }

        .Graph .scale .num-3 {
            bottom: 62px;
        }

        .Graph .scale .num-4 {
            bottom: 90px;
        }

        .Graph .scale .num-5 {
            bottom: 118px;
        }

    .Graph .holder {
        overflow: hidden;
        padding: 0 0 0 2px;
        width: 353px;
    }

        .Graph .holder li {
            float: left;
            padding: 0 0 0 11px;
            height: 162px;
            width: 46px;
            position: relative;
        }

        .Graph .holder .box {
            position: absolute;
            left: 11px;
            bottom: 0;
            width: 46px;
            text-align: center;
            font-size: 10px;
            line-height: 13px;
            letter-spacing: -1px;
        }

        .Graph .holder .top-box {
            text-align: center;
            color: #7d7d7d;
            font-size: 12px;
            line-height: 15px;
        }

            .Graph .holder .top-box span {
                display: block;
                padding: 0 0 5px;
            }

        .Graph .holder .graph-col {
            width: 46px;
            background: url(images/bg-graph-col.png) no-repeat -46px 100%;
        }

        .Graph .holder .graph-t {
            padding: 2px 0;
            background: url(images/bg-graph-col.png) no-repeat;
        }

        .Graph .holder .graph-c {
            background: #600;
            overflow: hidden;
        }

        .Graph .holder .graph-2 {
            background-position: -138px 100%;
        }

            .Graph .holder .graph-2 .graph-t {
                background-position: -92px 0;
            }

            .Graph .holder .graph-2 .graph-c {
                background: #900;
            }

        .Graph .holder .graph-3 {
            background-position: -230px 100%;
        }

            .Graph .holder .graph-3 .graph-t {
                background-position: -184px 0;
            }

            .Graph .holder .graph-3 .graph-c {
                background: #f30;
            }

        .Graph .holder .graph-4 {
            background-position: -322px 100%;
        }

            .Graph .holder .graph-4 .graph-t {
                background-position: -276px 0;
            }

            .Graph .holder .graph-4 .graph-c {
                background: #f60;
            }

        .Graph .holder .graph-5 {
            background-position: -414px 100%;
        }

            .Graph .holder .graph-5 .graph-t {
                background-position: -368px 0;
            }

            .Graph .holder .graph-5 .graph-c {
                background: #f90;
            }

        .Graph .holder .graph-6 {
            background-position: -506px 100%;
        }

            .Graph .holder .graph-6 .graph-t {
                background-position: -460px 0;
            }

            .Graph .holder .graph-6 .graph-c {
                background: #fc0;
            }

        .Graph .holder .btm-box {
            padding: 24px 0 0;
        }

        .Graph .holder .ico-1 {
            background: url(images/ico-6.png) no-repeat 50% 8px;
        }

        .Graph .holder .ico-2 {
            background: url(images/ico-2.png) no-repeat 50% 10px;
        }

        .Graph .holder .ico-3 {
            background: url(images/ico-3.png) no-repeat 50% 10px;
        }

        .Graph .holder .ico-4 {
            background: url(images/ico-4.png) no-repeat 50% 10px;
        }

        .Graph .holder .ico-5 {
            background: url(images/ico-5.png) no-repeat 50% 10px;
        }

        .Graph .holder .ico-6 {
            background: url(images/ico-7.png) no-repeat 50% 9px;
        }



/*-------------------------------------------------- Default (Login) --------------------------------------------------*/

.Login {
}

    .Login .Details {
        position: absolute;
        top: 45px;
        left: 14px;
        right: 0px;
        bottom: 0px;
        line-height: 15px;
        color: #2AACE2;
        font: 14px/17px Arial,Helvetica,sans-serif;
    }

        .Login .Details .row {
            height: 1%;
            overflow: hidden;
            padding: 0 0 10px 2px;
        }

        .Login .Details .mark-row {
            padding-bottom: 30px;
        }

        .Login .Details .cell {
            float: left;
            padding: 0 15px 0 0;
        }

            .Login .Details .cell label {
                display: block;
                padding: 0 0 2px;
            }

            .Login .Details .cell .text {
                width: 98px;
                height: 21px;
                overflow: hidden;
                background: url(images/bg-txt-setting.gif) no-repeat;
            }

            .Login .Details .cell .btn {
                width: 75px;
                height: 26px;
                display: block;
                background: url(images/btn-blue.png) no-repeat;
                text-align: center;
                color: #323232;
                padding: 6px 3px;
                margin: -2px 0 0;
            }

        .Login .Details .btn-submit {
            float: left;
            margin: -2px 0 0;
            padding: 0 0 2px;
            border: 0;
            position: relative;
            cursor: pointer;
            background: url(images/btn-blue.png) no-repeat;
            width: 75px;
            height: 26px;
            color: #323232;
            font-size: 12px;
            line-height: 15px;
        }

        .Login .Details div {
            overflow: hidden;
        }

    .Login .Config-Sep {
        border-top: #c8c8c8 1px solid;
        width: 400px;
    }


/*-------------------------------------------------- Style for Admin page --------------------------------------------------*/

/*.Admin								{height:100%;}*/

/* Admin > Top bar */

/*.Admin .TopBar				{padding:10px; position:absolute; top:0px; left:0px; right:0px; }
.Admin .TopBar .Title		{font-size:16px; line-height:19px; font-weight:normal; color:#323232}
.Admin .TopBar .Search		{float:right;}*/

/* Table view */

/*.Admin .TableView										{position:absolute; top:30px; left:10px; right:10px; bottom:30px; }
.Admin .TableView .Table								{bottom:35px;}
.Admin .TableView .Table .Title							{background:#f2f2f2; font-size:20px; color:#323232;}
.Admin .TableView .Table .Body .Row.Selected			{background:#f2f2f2; color:#646464;}
.Admin .TableView .Table .Body .Row.Selected .Cell		{background:#f2f2f2; color:#646464;}
.Admin .TableView .Table .Body .Row.Alt.Selected		{background:#ebebeb; color:#646464;}
.Admin .TableView .Table .Body .Row.Alt.Selected .Cell	{background:#ebebeb; color:#646464;}
.Admin .TableView .Table .Body .Row:hover				{background:#2AACE2; color:#fff; border-right-color:#2AACE2}
.Admin .TableView .Table .Body .Row:hover .Cell			{background:#2AACE2;}*/

/*
.Admin .TableView .Table .TableBody 					{font-size:12px; line-height:15px; color:#646464;}
.Admin .TableView .Table .TableBody .Message			{text-align:center; font-size:16px; font-weight:bold; width:200px; margin:auto; margin-top:20px;}

.Admin .TableView .Table .TableBody .Row				{background:#f2f2f2; height:25px; border-bottom:1px solid #c8c8c8;}
.Admin .TableView .Table .TableBody .Row.Alt			{background:#ebebeb;}
.Admin .TableView .Table .TableBody .Row:hover			{background:#2AACE2; color:#fff; border-right-color:#2AACE2}
.Admin .TableView .Table .TableBody .Row .Cell			{background:#f2f2f2;}
.Admin .TableView .Table .TableBody .Row.Alt .Cell		{background:#ebebeb;}
.Admin .TableView .Table .TableBody .Row:hover .Cell	{background:#2AACE2;}
.Admin .TableView .Table .TableBody .Row .Cell span		{padding:0px; line-height:25px;}
.Admin .TableView .Table .TableBody .Row .Cell .Icon	{width:16px;}
.Admin .TableView .Table .TableBody .Row .RowSelect		{margin:5px 0px 0px 5px;}

.Admin .TableView .Table .TableHead						{background:#c9c9c9 url(images/bg-table-head.gif) repeat-x; }
.Admin .TableView .Table .TableHead .Cell				{cursor:pointer; text-align:left; font-weight:normal;  }
.Admin .TableView .Table .TableHead .Cell.Asc			{}
.Admin .TableView .Table .TableHead .Cell.Desc			{}
.Admin .TableView .Table .TableHead .Cell:hover			{background:#4AACE2 url(images/bg-table-head.gif) repeat-x 0 -54px}
.Admin .TableView .Table .TableHead .Cell .SelectAll	{width:10px; height:12px; cursor:pointer; text-indent:-9999px; overflow:hidden; float:left; background:url(images/ico-apply.png) no-repeat; padding:0; margin:0 9px 0 2px}
.Admin .TableView .Table .TableHead .Cell .UnSelectAll	{width:10px; height:12px; cursor:pointer; text-indent:-9999px; overflow:hidden; float:left; background:url(images/ico-close.png) no-repeat 1px 2px; padding:0; margin:0 9px 0 2px}

.Admin .TableView .Table .TableHead .Cell .Icon			{width:20px; height:20px; float:right; position:relative; top:2px;}
.Admin .TableView .Table .TableHead .Cell.Asc .Icon		{background:url(images/btn-table.png) no-repeat 100% -44px;}
.Admin .TableView .Table .TableHead .Cell.Desc .Icon	{background:url(images/btn-table.png) no-repeat 100% 10px;}

.Admin .TableView .Pager					{position:absolute; right:5px; bottom:5px; color:#969696;}
.Admin .TableView .Pager td					{vertical-align:middle; text-align:center;}
.Admin .TableView .Pager .Button			{width:22px; height:20px; display:block; text-indent:-9999px; cursor:pointer; overflow:hidden; background:url(images/btn-paging.png) no-repeat}
.Admin .TableView .Pager .Prev				{background-position:-66px 0; }
.Admin .TableView .Pager .Next				{background-position:-110px 0; }
.Admin .TableView .Pager .Last				{background-position:-154px 0; }
.Admin .TableView .Pager .First				{background-position:-22px 0; }
.Admin .TableView .Pager .Prev:hover		{background-position:-44px 0}
.Admin .TableView .Pager .Next:hover		{background-position:-88px 0}
.Admin .TableView .Pager .Last:hover		{background-position:-132px 0}
.Admin .TableView .Pager .First:hover		{background-position:0 0}
.Admin .TableView .Pager .Text				{color:#323232; font-weight:bold; font-size:12px; padding:0px 5px 0px 2px;}
.Admin .TableView .Pager .Count				{color:#323232; font-size:12px;}

.Admin .TableView .Pager .Pages						{overflow:hidden; padding-top:2px;}
.Admin .TableView .Pager .Pages .Page				{font-size:12px; line-height:22px; background:url(images/sep-paging.gif) no-repeat 0 2px; padding:0 5px; cursor:pointer;}
.Admin .TableView .Pager .Pages .Page:hover			{color:#323232;}
.Admin .TableView .Pager .Pages .Page:first-child	{background:transparent;}
.Admin .TableView .Pager .Pages .Selected			{color:#323232;}

*/

/* Load film frame */

/*.Admin .LoadFilmFrame					{position:fixed; top:90px; bottom:70px; left:100px; right:40px; width:600px; height:400px; z-index:11; background:#f2f2f2; display:none; overflow:hidden;}
*/
/*.Admin .LoadFilmFrame					{position:relative; top:30px; width:80%; margin-left:10%; height:80%; z-index:11; background:#f2f2f2; display:none; overflow:hidden;}

.Admin > .Buttons							{height:30px; overflow:hidden; position:absolute; bottom:0px; left:10px; right:0px; }
.Admin > .Buttons .Button					{float:left; font-size:12px; line-height:15px; color:#323232; display:block; width:75px; height:15px; padding:5px 0 6px; text-align:center; cursor:pointer;}
.Admin > .Buttons .Button:hover				{background-position:-75px 0; text-decoration:none}
.Admin > .Buttons .Button:active			{background-position:-150px 0}
.Admin > .Buttons .Button.New				{background:url(images/btn-blue.png) no-repeat;}
.Admin > .Buttons .Button.Delete			{background:url(images/btn-grey.png) no-repeat;}*/


/* Edit panel */

/*
.Admin .EditPanel								{position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:10; }
.Admin .EditPanel .Background					{position:fixed; top:0px; bottom:0px; left:0px; right:0px; background:#000000; opacity:0.3; filter:alpha(opacity = 30);}
.Admin .EditPanel .Popup						{position:relative; width:1008px; height:80%; margin:0 auto; margin-top:40px; background:url(images/bg-edit-form.png) no-repeat}
.Admin .EditPanel .Popup > .Header				{height:21px; padding:12px 14px 1px; overflow:hidden}
.Admin .EditPanel .Popup > .Header .CloseButton	{float:right; width:16px; height:16px; text-indent:-9999px; overflow:hidden; background:url(images/btn-close.png) no-repeat}
.Admin .EditPanel .Popup .Bottom				{background:url(images/bg-edit-form.png) no-repeat -2020px 100%; padding:0 0 18px}
.Admin .EditPanel .Popup .Content				{overflow:hidden; background:url(images/bg-edit-form.png) repeat-y -1010px 0; padding:15px 15px 30px 15px; position:relative; height:450px;}

.Admin .EditPanel .Popup .Content .Tabs					{width:100%; overflow:hidden; margin:0 0 20px}
.Admin .EditPanel .Popup .Content .Tabs .Tab			{color:#eb8719; float:left; background:url(images/sep-content-menu.gif) no-repeat 0 4px; font-size:14px; line-height:17px; padding:0 17px 0 18px; margin:0 18px 0 -18px}
.Admin .EditPanel .Popup .Content .Tabs .Tab:hover,
.Admin .EditPanel .Popup .Content .Tabs .Tab.Selected	{text-decoration:underline;}
.Admin .EditPanel .Popup .Content .Tabs .Search			{float:right;}

.Admin .EditPanel .Popup .Content .Properties 			{height:400px; overflow:auto; }
.Admin .EditPanel .Popup .Content .Properties td		{padding:5px 0px;}
.Admin .EditPanel .Popup .Content .Properties .Text		{width:180px; height:21px; overflow:hidden; background:url(images/bg-txt-edit-form.gif) no-repeat; padding:0px 9px; border:0; color:#323232; font-size:12px; line-height:15px}
.Admin .EditPanel .Popup .Content .Properties .Labels	{width:130px;}
.Admin .EditPanel .Popup .Content .Properties .Select	{width:199px; font-size:12px; line-height:15px; color:#323232}

.Admin .EditPanel .Popup .Content .Connections						{}

.Admin .EditPanel .Popup .TableView						{left:10px; right:10px;}
.Admin .EditPanel .Popup .TableView .TableBody			{overflow-y:auto;}
.Admin .EditPanel .Popup .TableView .ConnectionSelect	{margin:7px;}

.Admin .EditPanel .Popup .Content .Buttons					{position:absolute; bottom:0px; left:10px;}
.Admin .EditPanel .Popup .Content .Buttons .Button.Save 	{background:url(images/btn-orange.png) no-repeat}
.Admin .EditPanel .Popup .Content .Buttons .Button.Delete	{background:url(images/btn-grey.png) no-repeat}
.Admin .EditPanel .Popup .Content .Buttons .Button			{float:left; font-size:12px; line-height:15px; color:#323232; display:block; width:75px; height:15px; padding:5px 0 6px; text-align:center; }
.Admin .EditPanel .Popup .Content .Buttons .Button:hover	{background-position:-75px 0; text-decoration:none}
.Admin .EditPanel .Popup .Content .Buttons .Button:active	{background-position:-150px 0}

*/

/*-------------------------------------------------- Load Films --------------------------------------------------*/

.LoadFilmPage {
    height: 100%;
    background: #f2f2f2
}

    .LoadFilmPage .Title {
        position: absolute;
        top: 0px;
        right: 0px;
        left: 0px;
        height: 25px;
        overflow: hidden;
        background: #2AACE2;
        border: 1px solid #323232;
        border-width: 1px 1px 0px 1px;
    }

        .LoadFilmPage .Title .Close {
            float: right;
            width: 16px;
            height: 16px;
            text-indent: -9999px;
            overflow: hidden;
            background: url(images/btn-close.png) no-repeat;
            margin: 4px 5px 0px 0px;
            cursor: pointer;
        }

    .LoadFilmPage .Content {
        overflow: hidden;
        border: 1px solid #323232;
        border-width: 0px 1px 0px 1px;
        position: absolute;
        top: 25px;
        right: 0px;
        bottom: 25px;
        left: 0px;
        padding-top: 20px;
    }

    .LoadFilmPage .Buttons {
        position: absolute;
        right: 0px;
        bottom: 0px;
        left: 0px;
        height: 25px;
        border: 1px solid #323232;
        border-width: 0px 1px 1px 1px;
        background: #f2f2f2;
    }

        .LoadFilmPage .Buttons .Button.Save {
            background: url(images/btn-blue.png) no-repeat
        }

        .LoadFilmPage .Buttons .Button.Delete {
            background: url(images/btn-grey.png) no-repeat
        }

        .LoadFilmPage .Buttons .Button {
            float: left;
            font-size: 12px;
            line-height: 15px;
            color: #323232;
            display: block;
            width: 75px;
            height: 15px;
            padding: 5px 0 6px;
            text-align: center;
        }

            .LoadFilmPage .Buttons .Button:hover {
                background-position: -75px 0;
                text-decoration: none
            }

            .LoadFilmPage .Buttons .Button:active {
                background-position: -150px 0
            }

/*-------------------------------------------------- Inbox --------------------------------------------------*/

.Inbox {
}

    .Inbox .LeftPanel {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        width: 450px;
        min-width: 200px;
    }

    .Inbox .RadioContainer {
        padding: 11px;
        padding-right: 15px;
        position: absolute;
        right: 0;
        z-index: 10
    }

        .Inbox .RadioContainer .Radio {
            width: 50px;
            height: 15px;
            color: #969696;
            border: solid 1px #d3d3d3;
            float: left;
            cursor: pointer;
        }

            .Inbox .RadioContainer .Radio.Selected {
                border: solid 1px #4AACE2;
                cursor: text;
                color: #4AACE2;
                background: #E0F4FF
            }

        .Inbox .RadioContainer .RadioRight {
            float: right;
        }

        .Inbox .RadioContainer .RadioText {
            padding-left: 12px;
        }
    /*.Inbox .CollapsePanel                   {position:absolute; top: 6px; left: 450px; width:10px; height:28px; background:red;z-index:9;background:url(images/btn-slide-open.gif) no-repeat;background-position:-11px 0;}*/
    .Inbox .RadioContainer {
        right: 60px;
        top: -8px
    }

        .Inbox .RadioContainer .Radio {
            float: none;
        }

    .Inbox .RadioContainer {
        display: none
    }
/*for user group*/

.RightPanel {
}
    /*{position:absolute; top:0px; right:0px; bottom:0px; left:450px; padding:3px 3px 3px 3px;}*/
    .RightPanel .ImageViewer {
        position: absolute;
        width: 50%;
        height: 50%
    }

    .RightPanel .ImageGallery {
        position: absolute;
        top: 50%;
        margin: 10px 0 0 0;
    }

    .RightPanel .ModalDialog {
        position: fixed;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
        z-index: 10;
        display: none;
    }

        .RightPanel .ModalDialog .Background {
            position: fixed;
            top: 0px;
            left: 0px;
            bottom: 0px;
            right: 0px;
            background: #e0e0e0;
            opacity: 0.3;
            filter: alpha(opacity = 30);
        }


/*.Inbox .Tabs							{position:absolute; top:0px; right:0px; bottom:0px; left:0px;background:none;}
#imagesTab	{display:block !important; visibility:visible}*/

/*.Inbox .OffenceTab									{}
.Inbox .OffenceTab .Images .Player					{position:absolute; top:0px; right:0px; bottom:120px; left:0px; background:#000000; display:none;}
.Inbox .OffenceTab .Images .Player #Mediaplayer		{position:absolute; top:0px; right:0px; bottom:0px; left:0px; background:#000000;}
.Inbox .OffenceTab .Properties						{position:absolute; top:40px; right:0px; bottom:0px; width:224px; overflow:hidden; overflow-x:hidden}
.Inbox .OffenceTab .Images										{position:absolute; top:40px; right:230px; bottom:10px; left:10px; background:#323232;}*/

/*.Images .FloatingTools                           {width:28px; z-index:9; color:#ffffff; display:none;}
.Images .FloatingTools .ToolboxCollapsePanel     {position:absolute; width:24px; height:24px; top:0px; right:0px; background:url(images/btn-corner-open-close-orange.gif) no-repeat;background-position:0px -24px;}
.Images .FloatingTools .ThumbnailCollapsePanel   {position:absolute; width:15px;  height:24px; bottom:0px; right:0px; background:url(images/btn-corner-open-close2-orange.gif) no-repeat;background-position:0px 0px;}
*/

.Images .MainImage {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

.MainImageOverlay {
    position: absolute;
    top: 55px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 10;
    display: none;
}

    .MainImageOverlay .Area {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px; /*background:#000000; opacity:0.2; filter: alpha(opacity = 20);*/
        z-index: 10;
    }

        .MainImageOverlay .Area .Line {
            position: absolute;
            left: 0px;
            right: 0px;
            height: 1px;
            background: #f00;
            z-index: 11;
            cursor: move;
        }

            .MainImageOverlay .Area .Line span {
                position: absolute;
                top: -20px;
                color: #2aace2;
                margin-left: 20px;
                font-size: 20px;
            }
/*.MainImageOverlay .Tools      {position:absolute; top:20px; right:5px; height:270px; width:250px; background:#ffffff; z-index:12; border:solid 1px #828282;}
.MainImageOverlay .Tools .Header				{background:#2AACE2; font-size:16px; color:#ffffff; padding-left:5px; height:24px; line-height:24px; font-weight:bold; text-align: left}
.MainImageOverlay .Tools .Header	.Close		{float:right; width:16px; height:16px; text-indent:-9999px; overflow:hidden; background:url(images/btn-close.png) no-repeat; margin:4px 5px 0px 0px; cursor:pointer;}
.MainImageOverlay .Tools .Details             {padding-top:5px; padding-left:3px; padding-right:3px; padding-bottom:3px;}*/
.Hadecs {
    padding: 5px;
}

    .Hadecs .Row {
        width: 100%;
    }

    .Hadecs input {
        width: 100px;
    }

.MainImageOverlay .Tools .Details .footer {
    position: absolute;
    bottom: 10px;
    width: 100%;
}

    .MainImageOverlay .Tools .Details .footer .Buttons {
        font-size: 12px;
        line-height: 15px;
        color: #323232;
        display: block;
        height: 15px;
        padding: 5px 0 6px;
        text-align: center;
        cursor: pointer;
    }

        .MainImageOverlay .Tools .Details .footer .Buttons .btn {
            border: 0;
            position: relative;
            cursor: pointer;
            background: url(images/btn-blue.png) no-repeat;
            width: 75px;
            height: 26px;
        }

            .MainImageOverlay .Tools .Details .footer .Buttons .btn:hover {
                background-position: -150px 0
            }

            .MainImageOverlay .Tools .Details .footer .Buttons .btn:active {
                background-position: -75px 0
            }

    .MainImageOverlay .Tools .Details .footer .ButtonWide {
        font-size: 12px;
        line-height: 15px;
        color: #323232;
        display: block;
        width: 130px;
        height: 26px;
        padding: 5px 0 6px;
        text-align: center;
        cursor: pointer;
        float: left;
    }

        .MainImageOverlay .Tools .Details .footer .ButtonWide.Save {
            background: url(images/btn-blue-wide.png) no-repeat;
        }

        .MainImageOverlay .Tools .Details .footer .ButtonWide:hover {
            background-position: -130px 0;
            text-decoration: none
        }

        .MainImageOverlay .Tools .Details .footer .ButtonWide:active {
            background-position: -260px 0
        }


.Images .MainImage .LeftImage {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 3;
}

.Images .MainImage .RightImage {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    display: none;
}

.Images .MainImage.DualImage .LeftImage .ImageContainer > img {
    margin-top: 5px;
}

.Images .MainImage.DualImage .RightImage .ImageContainer > img {
    margin-top: 5px;
}

.Images .MainImage.DualImage .LeftImage {
}

.Images .MainImage.DualImage .RightImage {
    z-index: 1;
    display: block;
}

.Images .MainImage.DualImage .LeftImage .ImageContainer {
    right: 50%;
}

.Images .MainImage.DualImage .RightImage .ImageContainer {
    left: 50%;
}
/*.Inbox .OffenceTab .Images .MainImage.DualImage .LeftImage  .ImageContainer >img     {outline:5px solid #2AACE2;}
.Inbox .OffenceTab .Images .MainImage.DualImage .RightImage .ImageContainer >img     {z-index:1;outline:0px solid #FF9B2}*/

.Images .MainImage.DualImage .LeftImage .ImageContainer {
    border: 5px solid #2AACE2;
}

.Images .MainImage.DualImage .RightImage .ImageContainer {
    z-index: 1;
    border: 0px solid #2AACE2
}

.Images .MainImage.DualImage.Secondary .LeftImage {
}

.Images .MainImage.DualImage.Secondary .RightImage {
    z-index: 3;
}
/*.Inbox .OffenceTab .Images .MainImage.DualImage.Secondary .LeftImage .ImageContainer >img     {outline:0px solid #2AACE2}
.Inbox .OffenceTab .Images .MainImage.DualImage.Secondary .RightImage .ImageContainer>img   {outline:5px solid #2AACE2;}*/

.Images .MainImage.DualImage.Secondary .LeftImage .ImageContainer {
    border: 0px solid #2AACE2
}

.Images .MainImage.DualImage.Secondary .RightImage .ImageContainer {
    border: 5px solid #2AACE2;
}

.Images .ThumbnailViewer {
    position: absolute; /*height:108px;*/
    overflow: hidden;
    overflow-x: auto;
    padding: 0px 0px 0px 5px;
}

    .Images .ThumbnailViewer .Thumbnails { /*position:absolute;*/
        right: 0px;
        bottom: 0px;
        left: 0px;
        height: 90px;
    }

        .Images .ThumbnailViewer .Thumbnails .Image {
            cursor: pointer;
            float: left;
            position: relative;
            width: 120px;
            height: 100%;
        }

            .Images .ThumbnailViewer .Thumbnails .Image.Selected {
            }

                .Images .ThumbnailViewer .Thumbnails .Image.Selected img:first-child {
                    border: 2px solid rgb(42, 172, 226);
                }

            .Images .ThumbnailViewer .Thumbnails .Image.SelectedForDelete img:first-child {
                border: 2px solid #f00;
            }

            .Images .ThumbnailViewer .Thumbnails .Image img {
                position: absolute;
                bottom: 0px;
                left: 0px;
                width: 115px;
            }

            .Images .ThumbnailViewer .Thumbnails .Image .Overlay {
                color: #ffffff;
                position: absolute;
                left: 0px;
                bottom: 0px;
                height: 16px;
                font-size: 12px;
                font-weight: bold;
                background: #828282;
                line-height: 16px;
                padding: 0px 2px;
            }

            .Images .ThumbnailViewer .Thumbnails .Image .FilmStripOverlay {
                color: Red;
                position: absolute;
                left: 0px;
                bottom: 0px;
                height: 16px;
                font-size: 12px;
                font-weight: bold;
                background: #828282;
                line-height: 16px;
                padding: 0px 2px;
            }

            .Images .ThumbnailViewer .Thumbnails .Image .Delete {
                position: absolute;
                right: 0px;
                top: 0px;
                height: 16px;
                padding: 8px;
            }

                .Images .ThumbnailViewer .Thumbnails .Image .Delete input[type=checkbox] {
                    opacity: 0.7;
                    cursor: pointer;
                }

                    .Images .ThumbnailViewer .Thumbnails .Image .Delete input[type=checkbox]:checked,
                    .Images .ThumbnailViewer .Thumbnails .Image .Delete input[type=checkbox]:hover {
                        opacity: 1;
                    }

        .Images .ThumbnailViewer .Thumbnails .Video .Overlay {
            background: url('/Images/Video.png') no-repeat -60px 0px;
            width: 60px;
        }

/*.PNCNDIModalDialog        	            {position:fixed; top:0px; left:0px; bottom:0px; right:0px; z-index:10; display:none; height:600px;}
.PNCNDIModalDialog .Background		    {position:fixed; top:0px; left:0px; bottom:0px; right:0px; background:#e0e0e0; opacity:0.3; filter: alpha(opacity = 30);}
.PNCNDIModalDialog .PNCNDIDialog						{position:relative; top:150px; background:#f2f2f2; border:solid 1px #828282; width:300px; margin:auto;}
 .PNCNDIModalDialog .PNCNDIDialog .Header				{background:#2AACE2; font-size:16px; color:#ffffff; padding-left:5px; height:24px; line-height:24px; font-weight:bold; text-align: left}
.PNCNDIModalDialog .PNCNDIDialog .Header	.Close		{float:right; width:16px; height:16px; text-indent:-9999px; overflow:hidden; background:url(images/btn-close.png) no-repeat; margin:4px 5px 0px 0px; cursor:pointer;}

.PNCNDIModalDialog .PNCNDIDialog .Content				{padding: 10px 10px 10px 10px; height:100px; overflow:auto}
.PNCNDIModalDialog .PNCNDIDialog .footer				{position:relative; padding: 10px 10px 10px 10px; height:10px}
.PNCNDIModalDialog .PNCNDIDialog .Content .Message       	    {text-align:center; font-size:20px; padding-top:10px; font-weight:bold; color:#646464;}

.PNCNDIDialog .footer .Buttons			{margin:-15px 0px 0 10px; float:right; font-size:1em; line-height:15px; color:#323232; display:block; height:15px; padding:5px 0 6px; text-align:center; cursor:pointer;}


.PNCNDIDialog .footer .Buttons .btn				{border:0;position:relative;cursor:pointer;background:url(images/btn-blue.png) no-repeat;width:75px;height:26px;margin:-2px 0 0; }
.PNCNDIDialog .footer .Buttons .btn:hover			{background-position:-150px 0}
.PNCNDIDialog .footer .Buttons .btn:active		{background-position:-75px 0}

.PNCNDIDialog .footer .Buttons .btnOtherSmall			{border:0;position:relative;cursor:pointer;background:url(images/btn-grey.png) no-repeat;width:75px;height:26px;margin:-3px 0 0 -3px;}
.PNCNDIDialog .footer .Buttons .btnOtherSmall:hover	{background-position:-75px 0; text-decoration:none;}
.PNCNDIDialog .footer .Buttons .btnOtherSmall:active	{background-position:-150px 0;}*/



/*.Inbox .ContextControl								{}
.Inbox .ContextControl .Shadow						{width:100%; height:100%; position:relative; top:3px; left:3px; }
.Inbox .ContextControl .DialogModal					{position:fixed; top:0px; left:0px; bottom:0px; right:0px; text-align:center; z-index:10; display:none;}
.Inbox .ContextControl .DialogModal .Background		{position:fixed; top:0px; left:0px; bottom:0px; right:0px; background:#e0e0e0; opacity:0.3; filter: alpha(opacity = 30);}
.Inbox .ContextControl .ContextMenu					{background:#f2f2f2; border:solid 1px #828282; display:none; position:absolute; z-index:12; width:169px;}
.Inbox .ContextControl .ContextMenu .Item			{cursor:pointer; color:#646464; font-size:14px; padding:2px 10px 2px 5px; }
.Inbox .ContextControl .ContextMenu .Item.Disabled	{cursor:text; color:#ccc;}
.Inbox .ContextControl .ContextMenu .Item:hover		{background:#2AACE2; color:#ffffff;}
.Inbox .ContextControl .ContextMenu .Item.Disabled:hover {background:none;color:#ccc}


.Inbox .ContextControl .Dialog							{position:relative; top:200px; background:#f2f2f2; border:solid 1px #828282; width: 530px; margin:auto;}
.Inbox .ContextControl .Dialog .Header					{background:#2AACE2; font-size:16px; color:#ffffff; padding-left:5px; height:24px; line-height:24px; font-weight:bold; text-align: left}
.Inbox .ContextControl .Dialog .Content					{padding:20px 10px; }*/
.ContextControl .Dialog {
}

    .ContextControl .Dialog .Content table {
        width: 100%;
        border-collapse: separate;
        border-spacing: 5px;
    }

        .ContextControl .Dialog .Content table td {
            text-align: left;
        }

            .ContextControl .Dialog .Content table td label {
                display: block
            }

        .ContextControl .Dialog .Content table select {
            width: 375px;
        }

        .ContextControl .Dialog .Content table input[type="radio"] {
            float: left;
            margin-left: 0px;
            position: relative;
            bottom: 2px;
        }

        .ContextControl .Dialog .Content table .flagInputs {
            width: 80px;
        }

    .ContextControl .Dialog .Buttons {
        text-align: right;
        padding: 10px;
    }

        .ContextControl .Dialog .Buttons input {
            padding: 2px 5px;
        }



/* NavPanel */
.SearchLink {
    line-height: 25px;
    padding-left: 5px;
    cursor: pointer;
}

/*.Inbox .NavPanel							{position:absolute; left:0px; right:0px; top:0px; bottom:0px; }
.Inbox .NavPanel .TopBar					{position:absolute; left:0px; right:0px; top:0px; height:40px; padding:8px 0px 0px 5px;}
.Inbox .NavPanel .TopBar .Search			{float:left;}


.Inbox .NavPanel .Tables					{position:absolute; left:0px; right:0px; top:40px; bottom:0px; }
.Inbox .NavPanel .Tables .TopTable			{height:33%; position:relative;}
.Inbox .NavPanel .Tables .BottomTable		{height:66%; position:relative;}
*/
.Inbox .NavPanel .TableView .Pager table {
    width: 100%;
}

.Inbox .TabTable {
    position: absolute;
    left: 10px;
    right: 10px;
    height: 92%
}

.Inbox #statusHistoryTab .TabTable {
    margin-top: -30px;
}

.Inbox #MiscDocsTab .TabTable {
    margin-top: -30px;
}

.Inbox #commentsTab .TabTable {
    margin-top: -13px;
}

.Inbox #commentsTab {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 40px;
    bottom: 0px;
}

    .Inbox #commentsTab ol {
        list-style-type: decimal;
        padding-left: 20px;
    }

    .Inbox #commentsTab ul {
        list-style-type: circle;
        padding-left: 20px;
    }

    .Inbox #commentsTab .Toolbox {
        background: #2AACE2;
        height: 22px;
        line-height: 22px;
        width: 1000px;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        color: #ffffff;
        font-size: 14px;
        font-weight: bold;
    }

        .Inbox #commentsTab .Toolbox span {
            padding-left: 5px;
        }

        .Inbox #commentsTab .Toolbox .LeftSide {
            float: left;
        }

        .Inbox #commentsTab .Toolbox .RightSide {
            float: right;
        }

        .Inbox #commentsTab .Toolbox input {
            font-size: 10px;
            width: 50px;
            height: 18px;
        }

    .Inbox #commentsTab .CommentsView {
        position: relative;
        height: 50%;
        width: 1000px;
        top: 22px;
    }

    .Inbox #commentsTab .CommentContent {
        position: relative;
        height: 40%;
        border: 1px inset black;
        overflow: auto;
        top: 22px;
        width: 1000px;
    }

    .Inbox #commentsTab .CommentModalDialog {
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
        z-index: 10;
        display: none;
    }

        .Inbox #commentsTab .CommentModalDialog .Background {
            position: fixed;
            top: 0px;
            left: 0px;
            bottom: 0px;
            right: 0px;
            background: #e0e0e0;
            opacity: 0.3;
            filter: alpha(opacity = 30);
        }

    .Inbox #commentsTab .NewCommentDialog {
        position: relative;
        top: 40px;
        background: #f2f2f2;
        border: solid 1px #828282;
        width: 1004px;
        margin: auto;
        right: 150px;
        height: 423px;
    }

        .Inbox #commentsTab .NewCommentDialog .Header {
            background: #2AACE2;
            font-size: 16px;
            color: #ffffff;
            padding-left: 5px;
            height: 24px;
            line-height: 24px;
            font-weight: bold;
            text-align: left
        }

            .Inbox #commentsTab .NewCommentDialog .Header .Close {
                float: right;
                width: 16px;
                height: 16px;
                text-indent: -9999px;
                overflow: hidden;
                background: url(images/btn-close.png) no-repeat;
                margin: 4px 5px 0px 0px;
                cursor: pointer;
            }

        .Inbox #commentsTab .NewCommentDialog .Content {
            padding: 10px 10px 10px 10px;
        }
            /*.Inbox #commentsTab .NewCommentDialog .Content #ddlCommentCategories option
.Inbox #commentsTab .NewCommentDialog .Content table		{width:100%;}
.Inbox #commentsTab .NewCommentDialog .Content table td		{text-align:left;}
.Inbox #commentsTab .NewCommentDialog .Content table td span{}
.Inbox #commentsTab .NewCommentDialog .Content table select	{width:230px;}*/

            /*.Inbox #commentsTab .NewCommentDialog .Content .Buttons				{text-align:right; padding:10px;}
.Inbox #commentsTab .NewCommentDialog .Content .Buttons input		{padding:2px 5px; width:100px; }
*/
            /*.Inbox #commentsTab .NewCommentDialog .Content .Msg      {text-align:left}*/
            .Inbox #commentsTab .NewCommentDialog .Content .Button {
                margin: -15px 0px 0 10px;
                float: right;
                font-size: 12px;
                line-height: 15px;
                color: #323232;
                display: block;
                width: 75px;
                height: 15px;
                padding: 5px 0 6px;
                text-align: center;
                cursor: pointer;
            }

                .Inbox #commentsTab .NewCommentDialog .Content .Button.Save {
                    background: url(images/btn-blue.png) no-repeat
                }

                .Inbox #commentsTab .NewCommentDialog .Content .Button.Cancel {
                    background: url(images/btn-grey.png) no-repeat
                }

                .Inbox #commentsTab .NewCommentDialog .Content .Button.Delete {
                    background: url(images/btn-grey.png) no-repeat
                }

                .Inbox #commentsTab .NewCommentDialog .Content .Button:hover {
                    background-position: -75px 0;
                    text-decoration: none
                }

                .Inbox #commentsTab .NewCommentDialog .Content .Button:active {
                    background-position: -150px 0
                }


.Inbox #PriorityCommentsPopUp .PriorityCommentsDialog {
    position: relative;
    top: 100px;
    background: #f2f2f2;
    border: solid 1px #828282;
    width: 600px;
    margin: auto;
    height: 400px;
}

.Inbox #PriorityCommentsPopUp ol {
    list-style-type: decimal;
    padding-left: 20px;
}

.Inbox #PriorityCommentsPopUp ul {
    list-style-type: circle;
    padding-left: 20px;
}

.Inbox #PriorityCommentsPopUp .PriorityCommentsDialog .Header {
    background: #2AACE2;
    font-size: 16px;
    color: #ffffff;
    padding-left: 5px;
    height: 24px;
    line-height: 24px;
    font-weight: bold;
    text-align: left
}

.Inbox #PriorityCommentsPopUp .PriorityCommentsDialog .Content {
    position: relative;
    padding: 10px 10px 10px 10px;
    height: 350px;
}

.Inbox #PriorityCommentsPopUp .PriorityCommentsDialog .Footer {
    position: relative;
    padding: 10px 10px 10px 10px;
}

    .Inbox #PriorityCommentsPopUp .PriorityCommentsDialog .Footer .Button {
        position: relative;
        margin: -35px 0px 0 10px;
        font-size: 12px;
        line-height: 15px;
        color: #323232;
        display: block;
        width: 75px;
        height: 15px;
        padding: 5px 0 6px;
        text-align: center;
        cursor: pointer;
    }

        .Inbox #PriorityCommentsPopUp .PriorityCommentsDialog .Footer .Button.Save {
            background: url(images/btn-blue.png) no-repeat;
            float: right;
        }

        .Inbox #PriorityCommentsPopUp .PriorityCommentsDialog .Footer .Button:hover {
            background-position: -75px 0;
            text-decoration: none
        }

        .Inbox #PriorityCommentsPopUp .PriorityCommentsDialog .Footer .Button:active {
            background-position: -150px 0
        }

.Inbox .RightPanel #PriorityCommentsPopUp #JournalViewPriorityComments {
    height: 350px
}


.RightPanel .Properties {
    font-size: 12px;
    line-height: 15px;
    color: #646464;
}

    .RightPanel .Properties .Row {
        overflow: hidden;
        padding: 0 0 10px 0px;
        min-width: 220px;
        margin: 0 0 3px 0
    }

        .RightPanel .Properties .Row.Red {
            color: #f00;
        }

    .RightPanel .Properties span.Red {
        color: #f00;
    }

    .RightPanel .Properties .Cell {
        float: left;
        padding: 0 0 0 0;
        width: 99px;
    }

    .RightPanel .Properties .LongCell {
        width: 100% !important;
    }

    .RightPanel .Properties .Cell.Left {
        margin: 0 15px 0 0;
    }

.RightPanel .Settings .Cell {
    float: left;
    padding: 0 15px 0 0;
    width: 200px !important
}

.RightPanel .Properties .Cell label {
    display: block;
    padding: 0 0 2px;
}

.RightPanel .Properties .Cell .Title {
    font-weight: bold;
}

.RightPanel .Properties .Cell .Select {
    min-height: 21px;
    overflow: hidden;
}

    .RightPanel .Properties .Cell .Select select {
        float: left;
        width: 99px;
        color: #323232;
        font-size: 12px;
        line-height: 15px;
    }

.RightPanel .Properties .LongCell .Select select {
    width: 100% !important;
}

.RightPanel .Properties .Cell #lsbRejectTypes {
    width: 212px
}

.RightPanel .Properties .Cell .RejectTypesContainer {
    height: 140px
}

.RightPanel .Properties .Cell .text {
    width: 98px;
    height: 21px;
    overflow: hidden;
    background: url(images/bg-txt-setting.gif) no-repeat;
    margin: 0 0 3px 0
}

.RightPanel .Properties .Cell .textLong {
    width: 200px;
    height: 21px;
    overflow: hidden;
    background: url(images/bg-txt-setting-Long.gif) no-repeat;
}

    .RightPanel .Properties .Cell .textLong img {
        position: relative;
        margin: 5px 0 0 -8px;
    }

.RightPanel .Properties .Cell .text_date {
    width: 100px;
    height: 21px;
    overflow: hidden;
    background: url(images/bg-txt-setting.gif) no-repeat;
}

    .RightPanel .Properties .Cell .text_date input {
        background: none repeat scroll 0 0 transparent;
        border: 0 none;
        color: #323232;
        float: left;
        font-size: 12px;
        line-height: 15px;
        padding: 3px 2px 3px 5px;
        width: 72px;
    }

    .RightPanel .Properties .Cell .text_date img {
        margin: 5px 0 0 -3px;
    }

.RightPanel .Properties.jsSettingInputs .Cell .text_date img {
    display: none
}

.RightPanel .Properties .Cell .text_date input {
    width: 82px;
    font-size: 14px;
    font-weight: bold
}

.RightPanel .Properties .Cell .date {
    background-position: -100px 0;
}

.RightPanel .Properties .Cell .text_date .date_icon {
    margin-top: 4px;
    position: absolute;
}

.RightPanel .Properties .Cell .text input {
    float: left;
    padding: 3px 5px;
    border: 0;
    background: none;
    width: 88px;
    color: #323232;
    font-size: 12px;
    line-height: 15px;
}

    .RightPanel .Properties .Cell .text input.Negative {
        color: #FF0000 !important
    }

.RightPanel .Properties .Cell .Bold {
    font-weight: bold
}

.RightPanel .Properties .Cell .text .TextInput {
    width: 82px;
    font-size: 14px;
    font-weight: bold
}

.RightPanel .Properties .Cell .textLong input {
    float: left;
    padding: 3px 5px;
    border: 0;
    background: none;
    width: 180px;
    color: #323232;
    font-size: 12px;
    line-height: 15px;
}

.RightPanel .Properties .Cell .Longer {
    width: 240px;
    background: url(images/bg-txt-setting-longer.gif) no-repeat;
}

    .RightPanel .Properties .Cell .Longer .TextInput {
        width: 220px
    }

.RightPanel .Properties .Cell .SelectLonger {
    min-height: 21px
}

    .RightPanel .Properties .Cell .SelectLonger select {
        float: left;
        width: 240px;
        color: #323232;
        font-size: 12px;
        line-height: 15px;
    }

.RightPanel .Properties .Cell .Longer img {
    margin: 5px 0 0 -3px;
}

.RightPanel .Properties .LongerRow {
    padding-bottom: 3px;
    margin-bottom: 3px;
}

.RightPanel .Properties .Cell .check-holderLonger {
    padding: 10px 0 0;
}

.RightPanel .Properties .Cell .LongerSpe {
    width: 140px;
    background: url(images/bg-txt-setting-long.gif) no-repeat;
}

    .RightPanel .Properties .Cell .LongerSpe .TextInput {
        width: 140px
    }

.RightPanel .Properties .Cell .text_docdate {
    width: 200px;
    height: 21px;
    overflow: hidden;
    background: url(images/bg-txt-setting-Long.gif) no-repeat;
}

    .RightPanel .Properties .Cell .text_docdate input {
        background: none repeat scroll 0 0 transparent;
        border: 0 none;
        color: #323232;
        float: left;
        font-size: 14px;
        line-height: 15px;
        padding: 3px 2px 3px 5px;
        width: 180px;
    }
    /*.RightPanel .Properties .Cell .text_docdate img {position:fixed;margin:-12px 0 0 -18px}*/
    .RightPanel .Properties .Cell .text_docdate img {
        margin: 5px 0 0 -10px
    }

.RightPanel .Properties .Cell .SelectLong {
    min-height: 21px;
    overflow: hidden;
}

    .RightPanel .Properties .Cell .SelectLong select {
        float: left;
        width: 190px;
        color: #323232;
        font-size: 12px;
        line-height: 15px;
    }

.RightPanel .Properties .Cell .img-1 {
    padding: 4px 9px 4px 6px;
    width: 91px;
    height: 31px;
    background: url(images/bg-img-1.gif) no-repeat;
}

    .RightPanel .Properties .Cell .img-1 img {
        vertical-align: top;
    }

.RightPanel .Properties .Cell .check-holder {
    overflow: hidden;
    padding: 16px 0 0;
}

    .RightPanel .Properties .Cell .check-holder .chk {
        margin: 0 6px 0 0;
    }

    .RightPanel .Properties .Cell .check-holder label {
        margin: -15px 0px 0px 20px
    }

.RightPanel .Properties .Cell .Green {
    color: #009036;
}

.RightPanel .Properties .Cell .Red {
    color: #f00;
}

.RightPanel .Properties .Cell .slider-box {
    height: 71px;
    width: 85px;
    background: url(images/bg-slider-box.gif) no-repeat;
    padding: 3px 6px 0 7px;
}

    .RightPanel .Properties .Cell .slider-box ul {
        padding: 4px 0 0;
    }

    .RightPanel .Properties .Cell .slider-box li {
        line-height: 15px;
        padding: 3px 0 0;
    }

    .RightPanel .Properties .Cell .slider-box .RejectType {
        border-width: 0px;
        border-style: none;
        width: 90px;
        height: 68px;
    }

    .RightPanel .Properties .Cell .slider-box a {
        color: #323232;
    }

.RightPanel .Properties .Cell #containerForDelete {
    display: none;
    width: 220px;
    margin-top: 10px;
}

.RightPanel .Properties .Cell .btn {
    border: 0;
    position: relative;
    cursor: pointer;
    background: url(images/btn-blue.png) no-repeat;
    width: 75px;
    height: 26px;
    margin: -2px 0 0;
}

    .RightPanel .Properties .Cell .btn:hover {
        background-position: -150px 0
    }

    .RightPanel .Properties .Cell .btn:active {
        background-position: -75px 0
    }

.RightPanel .Properties .Cell .btnOther {
    border: 0;
    position: relative;
    cursor: pointer;
    background: url(images/btn-setting.jpg) no-repeat;
    width: 106px;
    height: 26px;
    margin: -3px 0 0 -3px;
}

    .RightPanel .Properties .Cell .btnOther:hover {
        background-position: 0px -54px
    }

    .RightPanel .Properties .Cell .btnOther:active {
        background-position: 0px -27px
    }

.RightPanel .Properties .Cell .btnOtherSmall {
    border: 0;
    position: relative;
    cursor: pointer;
    background: url(images/btn-grey.png) no-repeat;
    width: 75px;
    height: 26px;
    margin: -3px 0 0 -3px;
}

    .RightPanel .Properties .Cell .btnOtherSmall:hover {
        background-position: -75px 0;
        text-decoration: none;
    }

    .RightPanel .Properties .Cell .btnOtherSmall:active {
        background-position: -150px 0;
    }

.RightPanel .Properties .Cell .Favorites {
    color: #16387C;
}

.ErrorMessageText {
    list-style-type: circle
}

.RightPanel .Properties span.OITTitle {
    color: #2AACE2;
    font-size: 14px;
}


.Inbox .RightPanel .Properties2 .Details {
    width: 1100px;
    overflow-x: auto;
}

.Inbox .RightPanel .Properties2 .Cell {
    width: 320px !important;
}

    .Inbox .RightPanel .Properties2 .Cell span {
        float: left !important;
    }

    .Inbox .RightPanel .Properties2 .Cell .textLong {
        float: right !important;
    }

    .Inbox .RightPanel .Properties2 .Cell .Select select {
        float: right !important;
        width: 200px !important;
    }


/* Documents Tab */

.Inbox .DocumentsTab {
}

    .Inbox .DocumentsTab .Images {
        position: absolute;
        top: 40px;
        right: 270px;
        bottom: 10px;
        left: 10px;
        background: #323232;
    }

.Images .DocsImageEditor {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 100px;
    left: 0px;
}

.Images .DocsThumbnails {
    position: absolute; /*height:108px;*/
    overflow: hidden;
    overflow-x: auto;
    padding: 0px 0px 0px 5px; /*position:absolute; right:15px; bottom:8px; left:15px; height:108px; overflow:hidden; overflow-x:auto; padding:0px 10px;*/
}

    .Images .DocsThumbnails .Thumbnails { /*position:absolute;*/
        right: 0px;
        bottom: 0px;
        left: 0px;
        height: 90px;
    }

        .Images .DocsThumbnails .Thumbnails .Image {
            cursor: pointer;
            float: left;
            position: relative;
            width: 120px;
            height: 100%;
        }

            .Images .DocsThumbnails .Thumbnails .Image.Selected {
            }

                .Images .DocsThumbnails .Thumbnails .Image.Selected img:first-child {
                    border: 2px solid #2AACE2;
                }

            .Images .DocsThumbnails .Thumbnails .Image img {
                position: absolute;
                bottom: 0px;
                left: 0px;
                width: 115px;
            }

            .Images .DocsThumbnails .Thumbnails .Image .Overlay {
                color: #ffffff;
                position: absolute;
                left: 0px;
                bottom: 0px;
                height: 16px;
                font-size: 12px;
                font-weight: bold;
                background: #828282;
                line-height: 16px;
                padding: 0px 2px;
            }

            .Images .DocsThumbnails .Thumbnails .Image .Overlay2 {
                color: #ffffff;
                position: absolute;
                left: 2px;
                top: 5px;
                height: 16px;
                font-size: 12px;
                font-weight: bold;
                background: #828282;
                line-height: 16px;
                padding: 0px 2px;
            }

.Images .DocsThumbnailsLeft {
    position: absolute;
    overflow: hidden;
    overflow-y: auto;
    padding: 0px 0px 0px 5px;
}

    .Images .DocsThumbnailsLeft .Thumbnails { /*position:absolute;*/
        top: 0px;
        bottom: 0px;
        left: 0px;
        width: 130px;
    }

        .Images .DocsThumbnailsLeft .Thumbnails .Image {
            cursor: pointer;
            float: left;
            position: relative;
            width: 120px;
            height: 90px;
        }

            .Images .DocsThumbnailsLeft .Thumbnails .Image.Selected {
            }

                .Images .DocsThumbnailsLeft .Thumbnails .Image.Selected img:first-child {
                    border: 2px solid #2AACE2;
                }

            .Images .DocsThumbnailsLeft .Thumbnails .Image img {
                position: absolute;
                bottom: 0px;
                left: 0px;
                width: 115px;
            }

            .Images .DocsThumbnailsLeft .Thumbnails .Image .Overlay {
                color: #ffffff;
                position: absolute;
                left: 0px;
                bottom: 0px;
                height: 16px;
                font-size: 12px;
                font-weight: bold;
                background: #828282;
                line-height: 16px;
                padding: 0px 2px;
            }

            .Images .DocsThumbnailsLeft .Thumbnails .Image .Overlay2 {
                color: #ffffff;
                position: absolute;
                left: 2px;
                top: 5px;
                height: 16px;
                font-size: 12px;
                font-weight: bold;
                background: #828282;
                line-height: 16px;
                padding: 0px 2px;
            }

/*.Inbox .DocumentsTab .Images .FloatingTools                           {position:absolute; top: 0px; right:0px; bottom:0px; width:28px; z-index:9; color:#ffffff;}
.Inbox .DocumentsTab .Images .FloatingTools .ToolboxCollapsePanel     {position:absolute; width:24px; height:24px; top:0px; right:0px; background:url(images/btn-corner-open-close-orange.gif) no-repeat;background-position:0px -24px;}
.Inbox .DocumentsTab .Images .FloatingTools .ThumbnailCollapsePanel   {position:absolute; width:15px;  height:24px; bottom:0px; right:0px; background:url(images/btn-corner-open-close2-orange.gif) no-repeat;background-position:0px 0px;}*/
/*.Inbox .DocumentsTab .Images .DocsThumbnails .Thumbnails .Image .FilmStripOverlay	{color:Red; position:absolute; left:0px; bottom:0px; height:16px; font-size:12px; font-weight:bold; background:#828282; line-height:16px; padding:0px 2px;}
.Inbox .DocumentsTab .Images .DocsThumbnails .Thumbnails .Video .Overlay		        {background:url('/Images/Video.png') no-repeat -60px 0px; width:60px; }
*/


.Inbox .DocumentsTab .VeriInputsDiv {
    position: absolute;
    top: 40px;
    right: 0px;
    bottom: 0px;
    width: 270px;
    height: 700px;
}
/*.VeriInputsDiv .DynamicFieldsContainer #DynamicFields {overflow-y: scroll; height: 600px}*/
#DynamicFields span.Red {
    color: #f00;
}

#ClassificationContainer span.Red {
    color: #f00;
}

#DynamicFields input {
    font-weight: bold;
    text-transform: uppercase
}
/*.Inbox .DocumentsTab #ActionFields              {position:absolute; top:640px;}*/
.Inbox .DocumentsTab .DynamicFieldsContainer {
    height: 550px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 2px solid #c8c8c8;
    padding: 2px;
}
/*.Inbox .DocumentsTab #DynamicFields              {overflow:auto;}*/
.Inbox .DocumentsTab .QASModalDialog {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 10;
    display: none;
    height: 600px;
}

    .Inbox .DocumentsTab .QASModalDialog .Background {
        position: fixed;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
        background: #e0e0e0;
        opacity: 0.3;
        filter: alpha(opacity = 30);
    }

    .Inbox .DocumentsTab .QASModalDialog .QASDialog {
        position: relative;
        top: 150px;
        background: #f2f2f2;
        border: solid 1px #828282;
        width: 820px;
        margin: auto;
    }

        .Inbox .DocumentsTab .QASModalDialog .QASDialog .Header {
            background: #2AACE2;
            font-size: 16px;
            color: #ffffff;
            padding-left: 5px;
            height: 24px;
            line-height: 24px;
            font-weight: bold;
            text-align: left
        }

            .Inbox .DocumentsTab .QASModalDialog .QASDialog .Header .Close {
                float: right;
                width: 16px;
                height: 16px;
                text-indent: -9999px;
                overflow: hidden;
                background: url(images/btn-close.png) no-repeat;
                margin: 4px 5px 0px 0px;
                cursor: pointer;
            }

        .Inbox .DocumentsTab .QASModalDialog .QASDialog .Content {
            padding: 10px 10px 10px 10px;
            height: 500px;
            overflow: auto
        }

        .Inbox .DocumentsTab .QASModalDialog .QASDialog .footer {
            position: relative;
            padding: 10px 10px 10px 10px;
            height: 10px
        }

        .Inbox .DocumentsTab .QASModalDialog .QASDialog .Content .Message {
            text-align: center;
            font-size: 20px;
            padding-top: 10px;
            font-weight: bold;
            color: #646464;
        }

#QASdata.Content .Message {
    padding: 10px;
}

.Inbox .DocumentsTab .MOIModalDialog {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 10;
    display: none;
    height: 600px;
}

    .Inbox .DocumentsTab .MOIModalDialog .Background {
        position: fixed;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
        background: #e0e0e0;
        opacity: 0.3;
        filter: alpha(opacity = 30);
    }

    .Inbox .DocumentsTab .MOIModalDialog .MOIDialog {
        position: relative;
        top: 150px;
        background: #f2f2f2;
        border: solid 1px #828282;
        width: 820px;
        margin: auto;
    }

        .Inbox .DocumentsTab .MOIModalDialog .MOIDialog .Header {
            background: #2AACE2;
            font-size: 16px;
            color: #ffffff;
            padding-left: 5px;
            height: 24px;
            line-height: 24px;
            font-weight: bold;
            text-align: left
        }

            .Inbox .DocumentsTab .MOIModalDialog .MOIDialog .Header .Close {
                float: right;
                width: 16px;
                height: 16px;
                text-indent: -9999px;
                overflow: hidden;
                background: url(images/btn-close.png) no-repeat;
                margin: 4px 5px 0px 0px;
                cursor: pointer;
            }

        .Inbox .DocumentsTab .MOIModalDialog .MOIDialog .Content {
            padding: 10px 10px 10px 10px;
            height: 500px;
            overflow: auto
        }

        .Inbox .DocumentsTab .MOIModalDialog .MOIDialog .footer {
            position: relative;
            padding: 10px 10px 10px 10px;
            height: 10px
        }

        .Inbox .DocumentsTab .MOIModalDialog .MOIDialog .Content .Message {
            text-align: center;
            font-size: 20px;
            padding-top: 10px;
            font-weight: bold;
            color: #646464;
        }

#MOIData.Content .Message {
    padding: 10px;
}



.Inbox .DocumentsTab .DynamicFields .Row {
    margin-top: 5px
}

.Inbox .DocumentsTab .QASDialog .footer .Buttons {
    margin: -15px 0px 0 10px;
    float: right;
    font-size: 12px;
    line-height: 15px;
    color: #323232;
    display: block;
    height: 15px;
    padding: 5px 0 6px;
    text-align: center;
    cursor: pointer;
}


    .Inbox .DocumentsTab .QASDialog .footer .Buttons .btn {
        border: 0;
        position: relative;
        cursor: pointer;
        background: url(images/btn-blue.png) no-repeat;
        width: 75px;
        height: 26px;
        margin: -2px 0 0;
    }

        .Inbox .DocumentsTab .QASDialog .footer .Buttons .btn:hover {
            background-position: -150px 0
        }

        .Inbox .DocumentsTab .QASDialog .footer .Buttons .btn:active {
            background-position: -75px 0
        }

    .Inbox .DocumentsTab .QASDialog .footer .Buttons .btnOtherSmall {
        border: 0;
        position: relative;
        cursor: pointer;
        background: url(images/btn-grey.png) no-repeat;
        width: 75px;
        height: 26px;
        margin: -3px 0 0 -3px;
    }

        .Inbox .DocumentsTab .QASDialog .footer .Buttons .btnOtherSmall:hover {
            background-position: -75px 0;
            text-decoration: none;
        }

        .Inbox .DocumentsTab .QASDialog .footer .Buttons .btnOtherSmall:active {
            background-position: -150px 0;
        }


.Inbox .DocumentsTab .LicenseModalDialog {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 10;
    display: none;
    height: 600px;
}

    .Inbox .DocumentsTab .LicenseModalDialog .Background {
        position: fixed;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
        background: #e0e0e0;
        opacity: 0.3;
        filter: alpha(opacity = 30);
    }

    .Inbox .DocumentsTab .LicenseModalDialog .LicenseDialog {
        position: relative;
        top: 150px;
        background: #f2f2f2;
        border: solid 1px #828282;
        width: 820px;
        margin: auto;
    }

        .Inbox .DocumentsTab .LicenseModalDialog .LicenseDialog .Header {
            background: #2AACE2;
            font-size: 16px;
            color: #ffffff;
            padding-left: 5px;
            height: 24px;
            line-height: 24px;
            font-weight: bold;
            text-align: left
        }

            .Inbox .DocumentsTab .LicenseModalDialog .LicenseDialog .Header .Close {
                float: right;
                width: 16px;
                height: 16px;
                text-indent: -9999px;
                overflow: hidden;
                background: url(images/btn-close.png) no-repeat;
                margin: 4px 5px 0px 0px;
                cursor: pointer;
            }

        .Inbox .DocumentsTab .LicenseModalDialog .LicenseDialog .Content {
            padding: 10px 10px 10px 10px;
            height: 500px;
            overflow: auto
        }

            .Inbox .DocumentsTab .LicenseModalDialog .LicenseDialog .Content .Message {
                text-align: center;
                font-size: 20px;
                padding-top: 10px;
                font-weight: bold;
                color: #646464;
            }

        .Inbox .DocumentsTab .LicenseModalDialog .LicenseDialog .footer {
            position: relative;
            padding: 10px 10px 10px 10px;
            height: 10px
        }

#LicenseData {
    padding: 10px;
    font-size: 130%
}

    #LicenseData .Label {
        margin-right: 10px;
    }

    #LicenseData tr {
        line-height: 1.5;
    }

.Inbox .DocumentsTab .LicenseDialog .footer .Buttons {
    margin: -15px 0px 0 10px;
    float: right;
    font-size: 12px;
    line-height: 15px;
    color: #323232;
    display: block;
    height: 15px;
    padding: 5px 0 6px;
    text-align: center;
    cursor: pointer;
}


    .Inbox .DocumentsTab .LicenseDialog .footer .Buttons .btn {
        border: 0;
        position: relative;
        cursor: pointer;
        background: url(images/btn-blue.png) no-repeat;
        width: 75px;
        height: 26px;
        margin: -2px 0 0;
    }

        .Inbox .DocumentsTab .LicenseDialog .footer .Buttons .btn:hover {
            background-position: -150px 0
        }

        .Inbox .DocumentsTab .LicenseDialog .footer .Buttons .btn:active {
            background-position: -75px 0
        }

    .Inbox .DocumentsTab .LicenseDialog .footer .Buttons .btnOtherSmall {
        border: 0;
        position: relative;
        cursor: pointer;
        background: url(images/btn-grey.png) no-repeat;
        width: 75px;
        height: 26px;
        margin: -3px 0 0 -3px;
    }

        .Inbox .DocumentsTab .LicenseDialog .footer .Buttons .btnOtherSmall:hover {
            background-position: -75px 0;
            text-decoration: none;
        }

        .Inbox .DocumentsTab .LicenseDialog .footer .Buttons .btnOtherSmall:active {
            background-position: -150px 0;
        }

        .Inbox .DocumentsTab .LicenseDialog .footer .Buttons .btnOtherSmall:active {
            background-position: -150px 0;
        }

/* End Of Documents Tab */

/* Misc Documents Tab */
.Inbox #MiscDocsTab .MiscTable #TableViewOfficialDocuments {
    top: 0%;
    bottom: 40%
}

.Inbox #MiscDocsTab .TablesWrapper {
    position: absolute;
    top: 60%;
    bottom: 0;
    width: 100%
}

.Inbox #MiscDocsTab .SwitchPanel {
    position: relative;
    width: 100%;
    margin-top: -1.5em
}

    .Inbox #MiscDocsTab .SwitchPanel a {
        padding: 0.5em 1em 0.5em 1em;
        text-decoration: none;
        border: 1px solid #c8c8c8;
    }

        .Inbox #MiscDocsTab .SwitchPanel a.Selected {
            background: rgb(42, 172, 226)
        }

/*-------------------------------------------------- Reports ----------------------------------------------*/

.Reports {
}

    .Reports h2 {
        font-size: 16px;
        line-height: 19px;
        font-weight: 400;
        color: #323232;
    }

    .Reports .ReportContent {
        position: absolute;
        top: 85px;
        left: 10px;
        right: 0px;
        bottom: 0px;
    }

    .Reports .Export {
        float: right;
        padding-right: 10px;
        cursor: pointer
    }

    .Reports .Title {
        margin: 10px 0px 0px 5px;
    }

    .Reports .Topbar {
        margin: 10px 0px 10px 10px;
        font-size: 12px;
        overflow: visible
    }

        .Reports .Topbar .Summary {
            margin: 8px 0 0 0;
            visibility: hidden
        }

        .Reports .Topbar .Button {
            padding: 0 3px;
        }

    .Reports .ReportContent .Table .Title {
        display: none;
    }

    .Reports .ReportContent .Table .Head {
        top: 0px;
    }

    .Reports .ReportContent .Table .Body {
        top: 22px;
    }


.ReportsManagment {
}

    .ReportsManagment .TableView {
        top: 60px;
    }

    .ReportsManagment .Summary {
        margin-top: 5px
    }

.SlideScreen {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 100%;
    background: #f2f2f2;
    overflow: hidden;
}

    .SlideScreen .Panel {
        padding: 1px
    }

        .SlideScreen .Panel img {
            cursor: pointer
        }

    .SlideScreen .Content {
    }

.ReportsManagment .panel {
}

    .ReportsManagment .panel h2 {
        font-size: 16px;
        line-height: 19px;
        font-weight: 400;
        color: #323232
    }

    .ReportsManagment .panel .Trash {
        right: 29px;
    }

    .ReportsManagment .panel .panel-area {
        width: 995px;
        overflow: hidden;
        margin: 0 auto;
        padding: 14px 12px 10px 17px;
    }

    .ReportsManagment .panel .open-form {
        float: right
    }

        .ReportsManagment .panel .open-form label {
            float: left;
            font-size: 12px;
            line-height: 15px;
            color: #646464;
            padding: 3px 8px 3px 0
        }

        .ReportsManagment .panel .open-form .sel {
            height: 21px;
            float: left;
            padding: 0 9px 0 0
        }

        .ReportsManagment .panel .open-form select {
            float: left;
            width: 200px;
            font-size: 12px;
            line-height: 15px;
            color: #323232
        }

        .ReportsManagment .panel .open-form .btn-submit {
            border: 0;
            position: relative;
            cursor: pointer;
            background: url(images/btn-blue.png) no-repeat;
            width: 75px;
            height: 26px;
            margin: -2px 0 0;
            padding: 0 0 2px
        }

            .ReportsManagment .panel .open-form .btn-submit:hover {
                background-position: -150px 0
            }

    .ReportsManagment .panel .btn-submit:active {
        background-position: -75px 0
    }

.ReportsManagment .BottomPart {
    width: 994px;
    overflow: hidden;
    margin: 0 auto 30px;
    padding: 2px 0 0
}

    .ReportsManagment .BottomPart label {
        float: left;
        font-size: 12px;
        line-height: 15px;
        color: #646464;
        padding: 3px 9px 3px 0
    }

    .ReportsManagment .BottomPart .chk {
        margin: 3px 32px 0 0
    }

    .ReportsManagment .BottomPart .sel {
        float: left;
        height: 21px;
        padding: 0 32px 0 0
    }

    .ReportsManagment .BottomPart select {
        float: left;
        width: 120px;
        font-size: 12px;
        line-height: 15px;
        color: #323232
    }

    .ReportsManagment .BottomPart .cell {
        float: left;
        width: 209px;
        min-height: 48px;
        padding: 0 10px 0 0
    }

    .ReportsManagment .BottomPart .text {
        width: 209px;
        height: 21px;
        overflow: hidden;
        background: url(images/bg-space-txt.gif) no-repeat;
        margin: 0 0 12px
    }

        .ReportsManagment .BottomPart .text input {
            float: left;
            border: 0;
            background: none;
            width: 193px;
            font-size: 12px;
            line-height: 15px;
            color: #646464;
            margin: 0;
            padding: 3px 8px
        }

    .ReportsManagment .BottomPart .error-msg {
        color: #c00;
        font-size: 12px;
        line-height: 15px
    }

    .ReportsManagment .BottomPart .Success-msg {
        color: #0066FF;
        font-size: 12px;
        line-height: 15px;
    }

    .ReportsManagment .BottomPart .btn-submit {
        border: 0;
        position: relative;
        cursor: pointer;
        background: url(images/btn-blue.png) no-repeat;
        width: 75px;
        height: 26px;
        margin: -2px 0 0;
        padding: 0 0 2px
    }

        .ReportsManagment .BottomPart .btn-submit:hover {
            background-position: -150px 0
        }

        .ReportsManagment .BottomPart .btn-submit:active {
            background-position: -75px 0
        }

.ReportsManagment .tooltip {
    width: 225px;
    position: absolute;
    top: 20px;
    left: -35px;
    z-index: 25;
    background: url(images/bg-tooltip.png) no-repeat;
    display: none
}

    .ReportsManagment .tooltip .b {
        background: url(images/bg-tooltip.png) no-repeat -225px 100%;
        padding: 2px 0 8px
    }

    .ReportsManagment .tooltip .c {
        background: url(images/bg-tooltip.png) repeat-y -450px 0;
        font-size: 12px;
        line-height: 15px;
        color: #3c3c3c;
        padding: 1px 20px 2px 8px
    }

.ReportsManagment a.Info {
    text-decoration: none;
    position: absolute;
    right: 0;
    top: 5px;
}

    .ReportsManagment a.Info:hover .tooltip {
        display: block;
    }

.ReportsManagment .main {
    margin: 0 0 28px;
    padding: 0 0 2px
}

    .ReportsManagment .main .main-area {
        padding: 1em;
        min-width: 1400px
    }

        .ReportsManagment .main .main-area .text {
            width: 100%
        }

            .ReportsManagment .main .main-area .text span {
                display: block;
                height: 100%;
                overflow: hidden; /*background:url(images/bg-txt-box3.gif) no-repeat;*/
                margin: 0 0 3px;
                padding-left: 2px;
                background-color: #D8E4F3;
            }

        .ReportsManagment .main .main-area .DraggableBlock {
            margin-right: 1em
        }

            .ReportsManagment .main .main-area .DraggableBlock.ui-draggable.ui-draggable-dragging .text > span {
                max-width: 300px;
                background: #2AACE2;
                opacity: .8;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
            }

            .ReportsManagment .main .main-area .DraggableBlock.ui-draggable.ui-draggable-dragging .text span span {
                background: none;
            }

        .ReportsManagment .main .main-area .text.focus {
            position: relative
        }

        .ReportsManagment .main .main-area .text input {
            float: left;
            border: 0;
            background: url(images/none.gif) no-repeat;
            width: 184px;
            font-size: 12px;
            line-height: 15px;
            color: #646464;
            padding: 3px 8px
        }

        .ReportsManagment .main .main-area .text.focus input, .main-area .text.drag input {
            color: #fff
        }

        .ReportsManagment .main .main-area .frame {
            height: 445px;
            overflow: auto;
            width: auto;
        }

        .ReportsManagment .main .main-area .holder {
            overflow: hidden;
            margin: 10px 0 19px 15px
        }

.ReportsManagment .main-area .LeftSide select {
    width: 130px;
    line-height: 15px;
    color: #323232;
    margin-right: 3px
}

.ReportsManagment .main .row .text span span {
    float: right;
    width: 20px;
    height: 20px;
    text-indent: 3px;
    overflow: hidden;
    background: none;
    font-size: large;
    position: relative
}

    .ReportsManagment .main .row .text span span.buttons { /*background-color: #BAD0EE !important;*/
    }

    .ReportsManagment .main .row .text span span a {
        text-decoration: none;
    }

.ReportsManagment .main .LeftSide {
    display: inline-block;
    vertical-align: top;
}

    .ReportsManagment .main .LeftSide h3 {
        font-size: 14px;
        line-height: 17px;
        color: #646464;
        font-weight: 400;
    }

    .ReportsManagment .main .LeftSide .box {
        width: 280px;
        height: 433px;
        overflow-y: scroll;
    }

    .ReportsManagment .main .LeftSide .text span:hover {
        background-position: -200px 0;
        cursor: move
    }

    .ReportsManagment .main .LeftSide .row .Block {
        line-height: 20px;
    }

    .ReportsManagment .main .LeftSide .text {
        padding-left: 2px
    }

        .ReportsManagment .main .LeftSide .text span span {
            text-indent: 0;
        }

            .ReportsManagment .main .LeftSide .text span span .BtnRemove {
                display: none
            }

            .ReportsManagment .main .LeftSide .text span span .BtnAdd {
                padding: 3px 3px 3px 0px;
                color: #fff
            }

.ReportsManagment .main .RightSide .text span span .BtnRemove {
}

.ReportsManagment .main .RightSide .text span span .BtnAdd {
    display: none;
    margin: 0;
}

.ReportsManagment .main .LeftSide .row .BtnAdd {
    display: block;
    margin: 0px 0px 0 0;
    background: url("/App_Themes/blue/images/plus.gif") no-repeat;
    width: 15px;
    height: 15px;
    cursor: pointer;
    position: absolute;
    top: 3px;
    right: 2px
}

.ReportsManagment .main .RightSide .BtnRemove {
    display: block;
    margin: 0px 0px 0 0;
    background: url("/App_Themes/blue/images/minus.gif") no-repeat;
    width: 15px;
    height: 15px;
    cursor: pointer;
    position: absolute;
    top: 3px;
    right: 2px
}

.ReportsManagment .main .RightSide {
    width: 920px;
    display: inline-block;
    padding-left: 2em;
    padding-right: 1em;
    vertical-align: top;
}

    .ReportsManagment .main .RightSide #DlHolds {
        height: 100%;
    }

    .ReportsManagment .main .RightSide h3 {
        color: #646464;
        font-size: 14px;
        font-weight: 400;
        line-height: 17px;
        padding: 0 4px
    }

    .ReportsManagment .main .RightSide .row {
        overflow: hidden;
        margin: 0 0 7px
    }

    .ReportsManagment .main .RightSide .row-header {
        overflow: hidden;
        margin: 0px 0 7px 0 !important
    }

    .ReportsManagment .main .RightSide .text span { /*background:url(images/bg-txt-box22.gif) no-repeat -156px 0*/
        margin: 0
    }

    .ReportsManagment .main .RightSide .text .drag {
        background: url(images/bg-txt-box3.gif) no-repeat;
    }

    .ReportsManagment .main .RightSide .txt input {
        font-size: 12px;
        line-height: 21px;
        color: #323232;
        width: 147px;
        height: 21px; /*border:0;*/
        background: none;
        float: left;
        padding: 1px 8px;
        background: none repeat scroll 0 0 transparent;
    }

    .ReportsManagment .main .RightSide .cell {
        float: left;
        width: 260px;
        padding: 0 4px 0 4px;
        margin: 0 10px 0
    }

    .ReportsManagment .main .RightSide .cell-2 {
        width: 128px
    }

    .ReportsManagment .main .RightSide .cell-3 {
        width: 170px;
        padding-right: 0;
        padding-left: 7px;
    }

    .ReportsManagment .main .RightSide .to {
        width: 10px;
        padding: 0;
    }

    .ReportsManagment .main .RightSide .txt span {
        display: block;
        width: 163px;
        height: 22px;
        overflow: hidden;
    }

    .ReportsManagment .main .RightSide .txt .textfield {
        display: block;
        width: 163px;
        height: 21px;
        overflow: hidden; /*background: url("images/bg-txt-box4.gif") no-repeat scroll 0 0 transparent;*/
    }

    .ReportsManagment .main .RightSide .txt .date {
        display: block;
        width: 163px;
        height: 21px;
        overflow: hidden;
        background: url("images/bg-txt-box_date.gif") no-repeat scroll 0 0 transparent;
    }

    .ReportsManagment .main .RightSide .txt select {
        line-height: 15px;
        color: #323232;
        width: 121px;
        float: left;
        padding: 0px
    }

    .ReportsManagment .main .RightSide .row .ShowIcon {
        display: block;
        margin: 2px 2px 0 0;
        background: url("/App_Themes/GUI/images/display.png") no-repeat;
        width: 17px;
        height: 21px;
        cursor: pointer
    }

    .ReportsManagment .main .RightSide .Count .ShowIcon {
        display: none
    }

    .ReportsManagment .main .RightSide .Display .ShowIcon {
        display: none
    }

    .ReportsManagment .main .RightSide .HideIcon {
        background: url("/App_Themes/GUI/images/notdisplay.png") no-repeat !important
    }

    .ReportsManagment .main .RightSide .Count .CountIcon {
        display: block;
        margin: 2px 2px 0 0;
        background: url("/App_Themes/GUI/images/count.png") no-repeat;
        width: 17px;
        height: 21px;
    }

    .ReportsManagment .main .RightSide .CountIcon {
        display: none
    }

.ReportsManagment .TolltipWrapper {
    position: relative;
    width: 225px;
}

.ReportsManagment .main .RightSide .text span a {
    color: #fff
}

.test {
    bottom: 15px
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.Selectbox {
    display: none;
    width: 201px;
    max-height: 190px;
    border: 1px solid #C8C8C8;
    overflow: auto;
    position: fixed;
    background: #FFFFFF;
    z-index: 999999;
}

    .Selectbox div {
        border-bottom: 1px dotted #E7E7E7;
        padding: 0 2px 0 2px;
        font-size: 12px;
        overflow: hidden
    }

.SelectBoxTextInput {
    width: 100%;
    height: 100%
}

.Selectbox div.Selected {
    background-color: #0040FF;
    color: #FFFFFF;
}

.Textfield {
    display: block;
    width: 163px;
    height: 21px;
    overflow: hidden;
    background: url("/App_Themes/GUI/images/bg-txt-box4.gif") no-repeat scroll 0 0 transparent;
}

    .Textfield input {
        font-size: 12px;
        line-height: 15px;
        color: #323232;
        width: 100%;
        border: 0;
        background: none;
        float: left;
        padding: 3px 8px;
        background: none repeat scroll 0 0 transparent;
    }

.Selectbox .Option {
    white-space: nowrap;
    font-family: Arial;
}


.Document .CustomList .ShowIcon {
    display: block;
    float: left;
    width: 19px;
    height: 19px;
    cursor: pointer
}

.Document .OriginalList .ShowIcon.b {
    display: block;
    float: left;
    width: 19px;
    height: 19px;
    cursor: pointer
}

#sortable1, #sortable2, #sortable3, #sortable4 {
    list-style-type: none;
    margin: 0;
    padding: 0 0 2.5em;
    float: left;
    margin-right: 0px;
    overflow: auto
}

    #sortable1 ul {
        height: 550px;
        width: 200px
    }

    #sortable2 ul {
        height: 550px
    }

    #sortable3 ul {
        height: 550px;
        width: 200px
    }

    #sortable4 ul {
        height: 550px
    }


#sortable1 {
    width: 100%;
    margin-right: 10px;
    height: 550px
}

    #sortable1 li {
        margin: 5px 5px 5px 5px;
        font-size: 12px;
        background: #D9E6F3;
        height: auto;
        min-height: 21px;
        position: relative;
    }

        #sortable1 li .text {
            padding: 2px
        }

        #sortable1 li .Mandatory {
            float: right;
            margin-left: 12px
        }

            #sortable1 li .Mandatory .RemoveField {
                padding-top: 3px;
                padding-left: 7px
            }

            #sortable1 li .Mandatory .BtnAdd {
                display: block;
                margin: 0px 0px 0 0;
                background: url("/App_Themes/blue/images/plus.gif") no-repeat;
                width: 15px;
                height: 15px;
                cursor: pointer;
                position: absolute;
                top: 2px;
                right: 2px
            }

            #sortable1 li .Mandatory .BtnRemove {
                display: block;
                margin: 0px 0px 0 0;
                background: url("/App_Themes/blue/images/minus.gif") no-repeat;
                width: 15px;
                height: 15px;
                cursor: pointer;
                position: absolute;
                top: 3px;
                right: 2px
            }

            #sortable1 li .Mandatory .IsMandatory {
                padding-top: 3px;
                padding-right: 3px
            }

        #sortable1 li .FieldName {
            margin: 1px 0 0 3px;
        }

#sortable3 {
    width: 100%;
    margin-right: 10px;
    height: 550px
}

    #sortable3 li {
        margin: 5px 5px 5px 5px;
        font-size: 12px;
        background: #D9E6F3;
        height: auto;
        min-height: 21px;
        position: relative;
    }

        #sortable3 li .text {
            padding: 2px
        }

        #sortable3 li .Mandatory {
            float: right;
            margin-left: 12px
        }

            #sortable3 li .Mandatory .RemoveField {
                padding-top: 3px;
                padding-left: 7px
            }

            #sortable3 li .Mandatory .BtnAdd {
                display: block;
                margin: 0px 0px 0 0;
                background: url("/App_Themes/blue/images/plus.gif") no-repeat;
                width: 15px;
                height: 15px;
                cursor: pointer;
                position: absolute;
                top: 2px;
                right: 2px
            }

            #sortable3 li .Mandatory .BtnRemove {
                display: block;
                margin: 0px 0px 0 0;
                background: url("/App_Themes/blue/images/minus.gif") no-repeat;
                width: 15px;
                height: 15px;
                cursor: pointer;
                position: absolute;
                top: 3px;
                right: 2px
            }

            #sortable3 li .Mandatory .IsMandatory {
                padding-top: 3px;
                padding-right: 3px
            }

        #sortable3 li .FieldName {
            margin: 1px 0 0 3px;
        }

#sortable2 {
    height: 550px;
    width: 80%;
    padding-left: 10px
}

    #sortable2 li.ui-state-default {
        background-image: none;
    }

    #sortable2 li {
        border: none;
    }

    #sortable2 li {
        margin: 5px 5px 5px 5px;
        font-size: 12px;
        height: auto;
        min-height: 21px;
        background: #D9E6F3;
        border: 1px solid #d3d3d3;
        position: relative
    }

        #sortable2 li .text {
            padding: 2px;
            width: 100px;
            margin: 0;
        }

        #sortable2 li .Mandatory {
            float: right;
            margin-left: 12px
        }

            #sortable2 li .Mandatory .RemoveField {
                padding-top: 3px;
                padding-left: 7px
            }

            #sortable2 li .Mandatory .IsMandatory {
                padding-right: 3px
            }

        #sortable2 li .FieldName {
            margin: 1px 0 0 3px
        }

        #sortable2 li .Mandatory .BtnAdd {
            display: block;
            margin: 0px 0px 0 0;
            background: url("/App_Themes/blue/images/plus.gif") no-repeat;
            width: 15px;
            height: 15px;
            cursor: pointer;
            position: absolute;
            top: 2px;
            right: 2px
        }

        #sortable2 li .Mandatory .BtnRemove {
            display: block;
            margin: 0px 0px 0 0;
            background: url("/App_Themes/blue/images/minus.gif") no-repeat;
            width: 15px;
            height: 15px;
            cursor: pointer;
            position: absolute;
            top: 2px;
        }


        #sortable2 li span.row {
        }

#sortable4 {
    height: 550px;
    width: 80%;
    padding-left: 10px
}

    #sortable4 li.ui-state-default {
        background-image: none;
    }

    #sortable4 li {
        border: none;
    }

    #sortable4 li {
        margin: 5px 5px 5px 5px;
        font-size: 12px;
        height: auto;
        min-height: 21px;
        background: #D9E6F3;
        border: 1px solid #d3d3d3;
        position: relative
    }

        #sortable4 li .text {
            padding: 2px;
            width: 100px;
            margin: 0;
        }

        #sortable4 li .Mandatory {
            float: right;
            margin-left: 12px
        }

            #sortable4 li .Mandatory .RemoveField {
                padding-top: 3px;
                padding-left: 7px
            }

            #sortable4 li .Mandatory .IsMandatory {
                padding-right: 3px
            }

        #sortable4 li .FieldName {
            margin: 1px 0 0 3px
        }

        #sortable4 li .Mandatory .BtnAdd {
            display: block;
            margin: 0px 0px 0 0;
            background: url("/App_Themes/blue/images/plus.gif") no-repeat;
            width: 15px;
            height: 15px;
            cursor: pointer;
            position: absolute;
            top: 2px;
            right: 2px
        }

        #sortable4 li .Mandatory .BtnRemove {
            display: block;
            margin: 0px 0px 0 0;
            background: url("/App_Themes/blue/images/minus.gif") no-repeat;
            width: 15px;
            height: 15px;
            cursor: pointer;
            position: absolute;
            top: 2px;
        }


        #sortable4 li span.row {
        }

.CustomList li .Mandatory {
    display: inline;
}

    .CustomList li .Mandatory.b {
        display: none;
    }

.OriginalList li .Mandatory.b {
    display: inline;
}

.OriginalList li .Mandatory {
    display: none;
}

.DragView .OriginalListPanel {
    float: left;
    padding-top: 20px;
    width: 300px
}

    .DragView .OriginalListPanel .OriginalListHeader {
    }

.DragView .CustomListPanel {
    float: left;
    padding-top: 20px;
    width: 400px
}

    .DragView .CustomListPanel .CustomListHeader span {
        padding-left: 265px;
        white-space: nowrap;
    }

.DragView .SeperatorPanel {
    float: left;
    padding-top: 20px;
}

    .DragView .SeperatorPanel .Line {
        background-image: url(/Images/sep-header.gif);
        background-repeat: repeat;
        width: 2px;
        height: 550px;
        margin-left: 10px
    }

.Document .EntitiesList {
    display: block;
    padding-top: 15px;
    position: absolute
}

    .Document .EntitiesList .EntityTitle {
        float: left
    }

        .Document .EntitiesList .EntityTitle span {
            padding-left: 5px
        }

    .Document .EntitiesList .List {
        float: left
    }
/*-------------------------------------------------------------------------------------*/
.Import {
}

    .Import .Tabs {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        background: none;
    }

    .Import .RightPanel {
        position: absolute;
        top: 0;
        bottom: 2%;
        left: 70%;
        right: 0;
    }

        .Import .RightPanel a {
            color: #646464
        }

#importOverlay {
    background: #aaaaaa none 50% 50% repeat-x;
    opacity: 0;
    filter: Alpha(Opacity=0);
    top: 5%;
    bottom: 2%;
    left: 0;
    right: 0;
    z-index: 9999
}

#offenceOverlay {
    background: #aaaaaa none 50% 50% repeat-x;
    opacity: 0;
    filter: Alpha(Opacity=0);
    top: 5%;
    bottom: 2%;
    left: 0;
    right: 0;
    z-index: 9999;
}

.Import .ImagePanel {
    position: absolute;
    left: 30%;
    top: 0;
    bottom: 0;
    right: 30%;
}

.Import .LeftPanel {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 70%;
}

    .Import .LeftPanel .Tables {
        position: absolute;
        left: 0px;
        right: 0px;
        top: 5%;
        bottom: 0px;
        padding: 0px 5px 0px 0px;
    }

        .Import .LeftPanel .Tables .TopTable {
            height: 33%;
            position: relative
        }

        .Import .LeftPanel .Tables .BottemTable {
            height: 66%;
            position: relative
        }

.Import .NavPanel {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

    .Import .NavPanel .TopBar {
        position: absolute;
        left: 0px;
        right: 0px;
        top: 90px;
        height: 40px;
        padding: 0px 0px 0px 5px;
    }

        .Import .NavPanel .TopBar .Search {
            float: left;
        }

        .Import .NavPanel .TopBar .SearchLink {
            line-height: 25px;
            padding-left: 5px;
            cursor: pointer;
        }

    .Import .NavPanel .Tables {
        position: absolute;
        left: 0px;
        right: 0px;
        top: 130px;
        bottom: 0px;
        padding: 8px 0px 0px 5px;
    }

        .Import .NavPanel .Tables .TopTable {
            height: 33%;
            position: relative;
        }

        .Import .NavPanel .Tables .MiddleTable {
            height: 33%;
            position: relative;
        }

        .Import .NavPanel .Tables .BottomTable {
            height: 33%;
            position: relative;
        }

    .Import .NavPanel .TableView .Pager {
        margin-right: 10px
    }

.Import .RightPanel .TabContent {
    overflow: auto;
    margin: 10px 0 0 -15px;
    font-size: 12px;
    line-height: 15px;
    color: #646464;
    overflow: auto
}

    .Import .RightPanel .TabContent .Cell .Title {
        font-weight: bold;
    }

.Import .RightPanel .Rows {
    width: 500px
}

    .Import .RightPanel .Rows .Row {
        overflow: hidden;
        padding: 0 0 10px 0px;
        min-width: 220px;
        margin: 0 0 3px 0
    }

    .Import .RightPanel .Rows .Cell {
        float: left;
        padding: 0 0 0 0;
        width: 199px;
    }

        .Import .RightPanel .Rows .Cell.Left {
            margin: 0 85px 0 0;
        }

        .Import .RightPanel .Rows .Cell select {
            float: left;
            width: 199px;
            font-size: 12px;
            line-height: 15px;
            color: #323232
        }

.Import .RightPanel .Properties .Cell.Left {
    margin: 0 15px 0 0;
}

.Import .RightPanel .Properties .Cell {
    float: left;
    padding: 0 15px 0 0;
    width: 200px !important
}

    .Import .RightPanel .Properties .Cell label {
        display: block;
        padding: 0 0 2px;
    }

.Import .Title {
    display: block;
    color: #646464;
    font-weight: bold
}

.Import .AllocatePanel {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 40px;
    height: 40px;
    padding: 8px 0px 0px 5px;
}

    .Import .AllocatePanel .Input .Search {
        float: left;
        background: url(images/bg-allocate.gif) no-repeat;
    }

    .Import .AllocatePanel .Input .SearchLink {
        line-height: 25px;
        padding-left: 5px;
        cursor: pointer;
    }

.Import .ScannerToolbar {
    position: absolute;
    bottom: 1%;
    right: 10px
}

    .Import .ScannerToolbar .Btn {
        border: 0;
        position: relative;
        cursor: pointer;
        background: url(images/btn-blue.png) no-repeat;
        width: 75px;
        height: 26px;
        margin: -2px 0 0;
        font-size: 1em;
        margin-right: 50px
    }

        .Import .ScannerToolbar .Btn:hover {
            background-position: -75px 0;
        }

        .Import .ScannerToolbar .Btn:active {
            background-position: -150px 0
        }

        .Import .ScannerToolbar .Btn.Start {
            background: url(images/btn-blue.png) no-repeat;
        }

        .Import .ScannerToolbar .Btn.Stop {
            background: url(images/btn-setting.jpg) no-repeat;
            width: 105px;
        }


.Import .ImagePanel .Images {
    position: absolute;
    top: 40px;
    right: 0;
    bottom: 10px;
    left: 0;
    background: #323232;
}

    .Import .ImagePanel .Images .DocsImageEditor {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 100px;
        left: 0px;
    }

    .Import .ImagePanel .Images .DocsThumbnails {
        position: absolute;
        right: 15px;
        bottom: 8px;
        left: 15px;
        height: 90px;
        overflow: hidden;
        overflow-x: auto;
        padding: 0px 10px;
    }

        .Import .ImagePanel .Images .DocsThumbnails .Thumbnails {
            position: absolute;
            right: 0px;
            bottom: 0px;
            left: 0px;
            height: 90px;
        }

            .Import .ImagePanel .Images .DocsThumbnails .Thumbnails .Image {
                cursor: pointer;
                float: left;
                position: relative;
                width: 120px;
                height: 100%;
            }

                .Import .ImagePanel .Images .DocsThumbnails .Thumbnails .Image.Selected {
                }

                    .Import .ImagePanel .Images .DocsThumbnails .Thumbnails .Image.Selected img {
                        border: 2px solid #2AACE2;
                    }

                .Import .ImagePanel .Images .DocsThumbnails .Thumbnails .Image img {
                    position: absolute;
                    bottom: 0px;
                    left: 0px;
                    width: 115px;
                }

                .Import .ImagePanel .Images .DocsThumbnails .Thumbnails .Image .Overlay {
                    color: #ffffff;
                    position: absolute;
                    left: 0px;
                    bottom: 0px;
                    height: 16px;
                    font-size: 12px;
                    font-weight: bold;
                    background: #828282;
                    line-height: 16px;
                    padding: 0px 2px;
                }



.Import .RightPanel .Properties .Cell .text {
    width: 98px;
    height: 31px;
    overflow: hidden;
    margin: 0 0 3px 0
}

.Import .RightPanel .Properties .Cell .textLong {
    width: 200px;
    height: 41px;
    overflow: hidden;
    margin: 0 0 3px 0
}


/*-------------------------------------------------------------------------------------*/
.WorkflowManage {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

    .WorkflowManage input {
        font: 12px Verdana, Arial, sans-serif;
    }

    .WorkflowManage .ModalDialog {
        position: fixed;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
        z-index: 10;
        display: none;
    }

        .WorkflowManage .ModalDialog .Background {
            position: fixed;
            top: 0px;
            left: 0px;
            bottom: 0px;
            right: 0px;
            background: #e0e0e0;
            opacity: 0.3;
            filter: alpha(opacity = 30);
        }

    .WorkflowManage .Menu {
        position: fixed;
        padding-top: 10px;
        padding-left: 5px;
        visibility: hidden;
    }

    .WorkflowManage .Messages {
        padding-top: 10px;
        padding-left: 5px;
        position: fixed;
    }
    /*.WorkflowManage .btnOtherSmall		{float:left;width:100px;height:15px;display:block;background:url(images/btn-setting.jpg) no-repeat;text-align:center;color:#323232;padding:6px 3px;}
.WorkflowManage .btnOtherSmall:hover	{background-position:0 -27px;text-decoration:none;}
.WorkflowManage .btnOtherSmall:active	{background-position:0 -54px;}*/
    .WorkflowManage .btnOther {
        border: 0;
        position: relative;
        cursor: pointer;
        background: url(images/btn-setting.jpg) no-repeat;
        width: 106px;
        height: 26px;
        margin: -3px 0 0 -3px;
    }

        .WorkflowManage .btnOther:hover {
            background-position: 0px -54px
        }

        .WorkflowManage .btnOther:active {
            background-position: 0px -27px
        }

    .WorkflowManage .ButtonSave {
        position: relative;
        right: 0px;
        height: 25px;
    }

        .WorkflowManage .ButtonSave .Button.Save {
            background: url(images/btn-blue.png) no-repeat;
            float: right;
        }

        .WorkflowManage .ButtonSave .Button {
            font-size: 12px;
            line-height: 15px;
            color: #323232;
            display: block;
            width: 75px;
            height: 15px;
            padding: 5px 0 6px;
            text-align: center;
            cursor: pointer;
        }

            .WorkflowManage .ButtonSave .Button:hover {
                background-position: -75px 0;
                text-decoration: none
            }

            .WorkflowManage .ButtonSave .Button:active {
                background-position: -150px 0
            }

        .WorkflowManage .ButtonSave .ButtonWide.Save {
            background: url(images/btn-blue-wide.png) no-repeat;
            float: right;
        }

        .WorkflowManage .ButtonSave .ButtonWide {
            font-size: 12px;
            line-height: 15px;
            color: #323232;
            display: block;
            width: 130px;
            height: 15px;
            padding: 5px 0 6px;
            text-align: center;
            cursor: pointer;
        }

            .WorkflowManage .ButtonSave .ButtonWide:hover {
                background-position: -130px 0;
                text-decoration: none
            }

            .WorkflowManage .ButtonSave .ButtonWide:active {
                background-position: -260px 0
            }

#StatusWindow .Red {
    color: #f00;
}

#StatusWindow .BorderRed {
    border: red solid 2px;
}

#StatusWindow .Blue {
    color: #00f;
}

#StatusWindow .Bold {
    font-size: 16px;
    font-weight: bold;
}

#GlobalRulesWindow .BorderRed {
    border: red solid 2px;
}

#GlobalRulesWindow .Red {
    color: #f00;
}

#DynamicFields .Red
.x-tool-globalrule {
    background-image: url(/app_themes/blue/images/global.png) !important;
}

.rulepanel {
    padding: 1px 3px;
}

.global-rule {
    background: #fcfff4; /* Old browsers */
    background: -moz-linear-gradient(top, #fcfff4 0%, #b3bead 48%, #b3bead 50%, #b3bead 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(48%,#b3bead), color-stop(50%,#b3bead), color-stop(100%,#b3bead)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fcfff4 0%,#b3bead 48%,#b3bead 50%,#b3bead 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fcfff4 0%,#b3bead 48%,#b3bead 50%,#b3bead 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fcfff4 0%,#b3bead 48%,#b3bead 50%,#b3bead 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fcfff4 0%,#b3bead 48%,#b3bead 50%,#b3bead 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); /* IE6-9 */
}

.additional-field-title {
    background: #fcfff4; /* Old browsers */
    background: -moz-linear-gradient(top, #fcfff4 0%, #E2E2E2 48%, #E2E2E2 50%, #E2E2E2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(48%,#E2E2E2), color-stop(50%,#E2E2E2), color-stop(100%,#E2E2E2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fcfff4 0%,#E2E2E2 48%,#E2E2E2 50%,#E2E2E2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fcfff4 0%,#E2E2E2 48%,#E2E2E2 50%,#E2E2E2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fcfff4 0%,#E2E2E2 48%,#E2E2E2 50%,#E2E2E2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fcfff4 0%,#E2E2E2 48%,#E2E2E2 50%,#E2E2E2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#fcfff4\', endColorstr=\'#E2E2E2\',GradientType=0 ); /* IE6-9 */
}

.additional-field-over {
    background: rgba(242,246,248,1) !important;
    background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%) !important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,246,248,1)), color-stop(50%, rgba(216,225,231,1)), color-stop(51%, rgba(181,198,208,1)), color-stop(100%, rgba(224,239,249,1))) !important;
    background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%) !important;
    background: -o-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%) !important;
    background: -ms-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%) !important;
    background: linear-gradient(to bottom, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9', GradientType=0 ) !important;
}

    .additional-field-over span {
        text-decoration: underline;
    }

.additional-field-selected {
    background: #fcfff4 !important; /* Old browsers */
    background: -moz-linear-gradient(top, #fcfff4 0%, #E2E2E2 48%, #E2E2E2 50%, #E2E2E2 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(48%,#E2E2E2), color-stop(50%,#E2E2E2), color-stop(100%,#E2E2E2)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fcfff4 0%,#E2E2E2 48%,#E2E2E2 50%,#E2E2E2 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fcfff4 0%,#E2E2E2 48%,#E2E2E2 50%,#E2E2E2 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fcfff4 0%,#E2E2E2 48%,#E2E2E2 50%,#E2E2E2 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, #fcfff4 0%,#E2E2E2 48%,#E2E2E2 50%,#E2E2E2 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#E2E2E2',GradientType=0 ) !important; /* IE6-9 */
}

/*.additional-field-selected {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 4px 5px 4px 5px;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    background-image: none;
    background-color: #cbddf3;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#dae7f6),color-stop(45%,#cddef3),color-stop(46%,#abc7ec),color-stop(50%,#abc7ec),color-stop(51%,#b8cfee),color-stop(100%,#cbddf3));
    background-image: -webkit-linear-gradient(top,#DAE7EE,#cddef3 45%,#abc7ec 46%,#abc7ec 50%,#b8cfee 51%,#cbddf3);
    background-image: -moz-linear-gradient(top,#dae7f6,#cddef3 45%,#abc7ec 46%,#abc7ec 50%,#b8cfee 51%,#cbddf3);
    background-image: -o-linear-gradient(top,#dae7f6,#cddef3 45%,#abc7ec 46%,#abc7ec 50%,#b8cfee 51%,#cbddf3);
    background-image: -ms-linear-gradient(top,#dae7f6,#cddef3 45%,#abc7ec 46%,#abc7ec 50%,#b8cfee 51%,#cbddf3);
    background-image: linear-gradient(top,#dae7f6,#cddef3 45%,#abc7ec 46%,#abc7ec 50%,#b8cfee 51%,#cbddf3);
}*/
/*background: rgba(130,159,173,1);
background: -moz-linear-gradient(top, rgba(130,159,173,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(141,165,179,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(130,159,173,1)), color-stop(50%, rgba(216,225,231,1)), color-stop(51%, rgba(181,198,208,1)), color-stop(100%, rgba(141,165,179,1)));
background: -webkit-linear-gradient(top, rgba(130,159,173,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(141,165,179,1) 100%);
background: -o-linear-gradient(top, rgba(130,159,173,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(141,165,179,1) 100%);
background: -ms-linear-gradient(top, rgba(130,159,173,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(141,165,179,1) 100%);
background: linear-gradient(to bottom, rgba(130,159,173,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(141,165,179,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#829fad', endColorstr='#8da5b3', GradientType=0 );*/


.WorkflowManage .Diagram {
    position: absolute;
    top: 15px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: auto;
}

    .WorkflowManage .Diagram .WStatus {
        width: 160px;
        padding: 1em;
        position: absolute;
        border: 1px solid #416DA3;
        z-index: 4;
        -o-box-shadow: 2px 2px 19px #e0e0e0;
        -webkit-box-shadow: 2px 2px 19px #e0e0e0;
        -moz-box-shadow: 2px 2px 19px #e0e0e0;
        -moz-border-radius: 0.5em;
        border-radius: 1em;
        box-shadow: 2px 2px 19px #e0e0e0;
        opacity: 0.8;
        filter: alpha(opacity=80);
        cursor: move;
    }

        .WorkflowManage .Diagram .WStatus span {
        }

        .WorkflowManage .Diagram .WStatus .actions {
            padding-top: 3px;
        }

        .WorkflowManage .Diagram .WStatus .Delete {
            float: right;
            cursor: pointer;
        }

            .WorkflowManage .Diagram .WStatus .Delete:hover {
                background-position: -15px 0px;
            }

        .WorkflowManage .Diagram .WStatus .Open {
            float: right;
            cursor: pointer;
        }

            .WorkflowManage .Diagram .WStatus .Open:hover {
                background-position: -15px -45px;
            }
/*.WorkflowManage .Diagram .WStatus .Delete:hover {background-position: 0px 25px;}*/
.WorkflowManage .NewStatusDialog {
    width: 300px !important;
    height: 130px !important;
    margin: 0px !important;
    top: 0px !important;
}

    .WorkflowManage .NewStatusDialog .Actions {
        margin-bottom: 30px !important;
    }

.WorkflowManage .DuplicateDialog {
    width: 500px !important;
    height: 120px !important;
    top: 180px !important;
}

.WorkflowManage .ManageDialog {
    position: relative;
    top: 130px;
    background: #f2f2f2;
    border: solid 1px #828282;
    width: 1200px;
    margin: auto;
    height: 80%;
}

    .WorkflowManage .ManageDialog .ErrorMsg {
        position: absolute;
        margin-left: 5px;
        bottom: 0px;
    }

    .WorkflowManage .ManageDialog .AddButton { /*float:right;*/
    }

    .WorkflowManage .ManageDialog .Header {
        background: #2AACE2;
        font-size: 16px;
        color: #ffffff;
        padding-left: 5px;
        height: 24px;
        line-height: 24px;
        font-weight: bold;
        text-align: left
    }

        .WorkflowManage .ManageDialog .Header .Delete {
            margin-top: 2px;
            width: 20px;
            height: 20px;
            float: right;
            cursor: pointer;
            background: url(images/ico_del_rule3.png);
            background-position: 0px 0px;
        }

            .WorkflowManage .ManageDialog .Header .Delete:hover {
                background-position: 0px 20px;
            }

        .WorkflowManage .ManageDialog .Header .Title {
            float: left;
            margin: 0px;
        }

            .WorkflowManage .ManageDialog .Header .Title input {
                background-color: transparent;
                border: 0px;
                color: White;
                height: 22px;
                font-weight: bold;
                font-size: 100%;
                width: 350px;
            }

    .WorkflowManage .ManageDialog .StatusContents {
        position: absolute;
        margin: auto;
        height: 90%;
        top: 30px;
        bottom: 50px;
        width: 100%;
    }

        .WorkflowManage .ManageDialog .StatusContents .Desc {
            padding-left: 15px;
            padding-top: 10px;
            color: #4AACE2;
            height: 25px;
        }

            .WorkflowManage .ManageDialog .StatusContents .Desc textarea {
                width: 500px;
            }

        .WorkflowManage .ManageDialog .StatusContents .ContentDetails {
            margin: auto;
            height: 90%;
            overflow: auto;
            float: left;
        }

    .WorkflowManage .ManageDialog .GlobalRulesContents {
        position: absolute;
        margin: auto;
        height: 90%;
        top: 30px;
        bottom: 50px;
        width: 100%;
    }

        .WorkflowManage .ManageDialog .GlobalRulesContents .ContentDetails {
            margin: auto;
            height: 95%;
            overflow: auto;
            float: left;
            width: 100%;
        }

    .WorkflowManage .ManageDialog .UserActions {
        height: 85%;
        display: none;
        width: 100%;
    }

.DuplicateContents {
}

    .DuplicateContents .duplicate {
        float: left;
        padding: 5px 10px 0 5px;
    }

        .DuplicateContents .duplicate .label {
            float: left;
        }

        .DuplicateContents .duplicate select {
            clear: both;
            float: left;
            min-width: 150px;
        }

    .DuplicateContents .duplicateright {
        padding-right: 0 !important;
        clear: both;
    }


/*.WorkflowManageWindow           {background:#f2f2f2;}*/


.UserAction {
    padding: 5px 0px 0px 0px;
}

    .UserAction .Title {
        background-color: #2090dd;
        background: url(images/blue2.png);
        color: White;
        height: 21px;
        cursor: pointer;
    }

        .UserAction .Title input {
            background-color: transparent;
            border: 0px;
            line-height: 21px;
            height: 21px;
            font-weight: bold;
            font-size: 100%;
            width: 350px;
        }

            .UserAction .Title input:hover {
                outline: yellow solid 2px;
            }

        .UserAction .Title .Delete {
            margin-top: 1px;
            width: 20px;
            height: 20px;
            float: right;
            cursor: pointer;
            background: url(images/ico_del_rule5.png);
            background-position: 0px 0px;
        }

            .UserAction .Title .Delete:hover {
                background-position: 0px 20px;
            }

        .UserAction .Title .ShowHide {
            margin-top: 1px;
            width: 20px;
            height: 20px;
            float: right;
            cursor: pointer;
            background: url(images/ico_expand_collapse_rule.png);
            background-position: 0px 0px;
        }

    .UserAction .UserActionContent {
    }

.Rules .Rule {
    padding: 5px 0px 0px 0px;
}

    .Rules .Rule .Title {
        background-color: #4AACE2;
        background: url(images/orange3.png);
        color: White;
        height: 21px;
        cursor: pointer;
    }

    .Rules .Rule .Global {
        background-color: #2090dd !important;
        background: url(images/blue2.png);
    }

    .Rules .Rule .Title input {
        background-color: transparent;
        border: 0px;
        line-height: 21px;
        height: 21px;
        font-weight: bold;
        font-size: 100%;
        width: 350px;
    }

        .Rules .Rule .Title input:hover {
            outline: yellow solid 2px;
        }

    .Rules .Rule .Title .Delete {
        margin-top: 1px;
        width: 20px;
        height: 20px;
        float: right;
        cursor: pointer;
        background: url(images/ico_del_rule5.png);
        background-position: 0px 0px;
    }

        .Rules .Rule .Title .Delete:hover {
            background-position: 0px 20px;
        }

    .Rules .Rule .Title .ShowHide {
        margin-top: 1px;
        width: 20px;
        height: 20px;
        float: right;
        cursor: pointer;
        background: url(images/ico_expand_collapse_rule.png);
        background-position: 0px 0px;
    }

    .Rules .Rule .RuleContent {
    }

.Actions {
    position: absolute;
    bottom: 0px;
    right: 10px;
    margin-bottom: 10px;
    padding-top: 5px;
}

.Menu {
    position: relative;
}

    .Menu .Tabs {
        position: relative;
        height: 25px;
        clear: left;
    }

        .Menu .Tabs .Tab {
            color: #4AACE2;
            float: left;
            font-size: 14px;
            line-height: 22px;
            padding: 2px 10px;
            cursor: pointer;
        }

            .Menu .Tabs .Tab:hover,
            .Menu .Tabs .Tab.Active {
                text-decoration: underline;
            }


.ExcludeList {
    width: 100%;
    height: 100%;
}

    .ExcludeList .List {
        height: 300px;
        overflow: auto;
        padding: 15px;
    }

        .ExcludeList .List input {
            padding-left: 1px;
        }

        .ExcludeList .List label {
            padding-left: 2px;
        }

        .ExcludeList .List span {
            display: block;
            width: 300px;
            height: 20px;
            overflow: hidden;
            background-color: #D8E4F3;
            margin: 0 0 7px;
        }
/*:url(images/bg-txt-box.gif) no-repeat;*/

.Activities {
    width: 100%;
}

    .Activities .main {
        background: url(images/bg-panel.gif) repeat-x 0 100%;
        margin: 0 0 28px;
        padding: 0 0 2px;
    }

        .Activities .main .main-area {
            width: 1000px;
        }

            .Activities .main .main-area .text {
                width: 100%
            }

                .Activities .main .main-area .text span {
                    display: block;
                    width: 200px;
                    height: 21px;
                    overflow: hidden;
                    background: url(images/bg-txt-box.gif) no-repeat;
                    margin: 0 0 7px;
                    padding-left: 3px;
                    line-height: 21px;
                }

            .Activities .main .main-area .DraggableBlock.ui-draggable.ui-draggable-dragging .text span {
                background: url(images/bg-txt-box3.gif) no-repeat;
                opacity: .8;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
            }

                .Activities .main .main-area .DraggableBlock.ui-draggable.ui-draggable-dragging .text span span {
                    background: none;
                }

            .Activities .main .main-area .text.focus {
                position: relative
            }

            .Activities .main .main-area .text input {
                float: left;
                border: 0;
                background: url(images/none.gif) no-repeat;
                width: 184px;
                font-size: 12px;
                line-height: 15px;
                color: #646464;
                padding: 3px 8px
            }

            .Activities .main .main-area .text.focus input, .main-area .text.drag input {
                color: #fff
            }

            .Activities .main .main-area .frame {
                height: 275px;
                overflow: auto
            }

            .Activities .main .main-area .holder {
                overflow: hidden;
                background: url(images/bg-sidebar_manage2.gif) repeat-y 242px 0;
                margin: 24px 0 19px 15px
            }

        .Activities .main .row .text span span {
            float: right;
            width: 17px;
            height: 21px;
            text-indent: 5px;
            overflow: hidden;
            font-size: large;
            position: relative;
            background: none;
        }

            .Activities .main .row .text span span a {
                text-decoration: none;
            }

        .Activities .main .LeftSide .text span span {
            text-indent: 0;
        }

            .Activities .main .LeftSide .text span span .BtnRemove {
                display: none;
            }

            .Activities .main .LeftSide .text span span .BtnAdd {
                display: block;
                margin: 0px 0px 0 0;
                background: url("/App_Themes/blue/images/plus.gif") no-repeat;
                width: 15px;
                height: 15px;
                cursor: pointer;
                position: absolute;
                top: 3px;
                right: 2px
            }

        .Activities .main .RightSide .text span span .BtnRemove {
            display: block;
            margin: 0px 0px 0 0;
            background: url("/App_Themes/blue/images/minus.gif") no-repeat;
            width: 15px;
            height: 15px;
            cursor: pointer;
            position: absolute;
            top: 3px;
            right: 2px
        }

        .Activities .main .RightSide .text span span .BtnAdd {
            display: none;
        }


        .Activities .main .LeftSide {
            float: left;
            width: 245px;
        }

            .Activities .main .LeftSide h3 {
                font-size: 14px;
                line-height: 17px;
                color: #646464;
                font-weight: 400;
                margin: 0 0 8px
            }

            .Activities .main .LeftSide select {
                float: left;
                width: 120px;
                font-size: 12px;
                line-height: 15px;
                color: #323232;
                margin-right: 3px
            }

            .Activities .main .LeftSide .box {
                width: 225px;
                height: 273px;
                overflow: auto;
            }

            .Activities .main .LeftSide .text span:hover {
                background-position: -200px 0;
                cursor: move
            }
        /*  .Activities .main .LeftSide .text span span		{background:none}*/

        .Activities .main .RightSide {
            float: left;
            width: 700px;
        }

            .Activities .main .RightSide h3 {
                color: #646464;
                font-size: 14px;
                font-weight: 400;
                line-height: 17px;
                padding: 0 4px;
                margin: 0;
            }

            .Activities .main .RightSide .row {
                overflow: hidden;
                margin: 0 0 7px;
                line-height: 21px;
            }

            .Activities .main .RightSide .text span {
                background: url(images/bg-txt-box-con.gif) no-repeat 0px 0;
                margin: 0
            }

            .Activities .main .RightSide .text .drag {
                background: url(images/bg-txt-box3.gif) no-repeat;
            }
            /*  .Activities .main .RightSide .text span span		{float:right;width:17px;height:21px;text-indent:5px;overflow:hidden;background:none; font-size:large}
  .Activities .main .RightSide .text span span a	    {text-decoration:none;}*/
            .Activities .main .RightSide .txt input {
                padding: 0 5px;
                line-height: 21px;
                height: 21px;
                color: #323232;
                width: 127px;
                border: 0;
                float: left;
                background: none repeat scroll 0 0 transparent;
            }

            .Activities .main .RightSide .cell {
                float: left;
                width: 215px;
                padding: 0 14px 0 8px
            }

            .Activities .main .RightSide .cell-2 {
                width: 128px
            }

            .Activities .main .RightSide .cell-3 {
                width: 450px;
                padding-right: 0;
                padding-left: 7px;
            }

            .Activities .main .RightSide .to {
                width: 10px;
                padding: 0;
            }

            .Activities .main .RightSide .help {
                float: left;
                width: 14px;
                height: 14px;
                margin-right: -5px;
                background: url("images/question_mark_icon_grey.gif") no-repeat scroll 0 0 transparent;
            }

            .Activities .main .RightSide .message {
                display: none;
                position: absolute;
                z-index: 25;
                margin-top: 15px;
                background-color: #4AACE2;
            }

            .Activities .main .RightSide .help:hover .message {
                display: block;
            }
            /*  .Activities .main .RightSide .txt span			    {display:block;width:163px;height:21px;overflow:hidden;}*/
            .Activities .main .RightSide .txt .textfield {
                display: block;
                height: 21px;
                overflow: hidden;
                border: 1px solid #999; /*background: url("images/bg-txt-box4.gif") no-repeat scroll 0 0 transparent;*/
                float: left;
            }

            .Activities .main .RightSide .txt .textfieldlbl {
                float: left; /*margin-left:15px; margin-right:5px;*/
                margin-left: 5px;
            }

            .Activities .main .RightSide .txt .textareafield {
                display: block;
                width: 240px;
                height: 70px;
                overflow: hidden; /*background: url("images/bg-txt-box4.gif") no-repeat scroll 0 0 transparent;*/
                float: left;
            }

            .Activities .main .RightSide .txt textarea {
                font-size: 12px;
                line-height: 15px;
                color: #323232;
                width: 240px;
                height: 99%;
                float: left;
                padding: 3px 8px;
            }

            .Activities .main .RightSide .txt .date {
                display: block;
                width: 163px;
                height: 21px;
                overflow: hidden;
                background: url("images/bg-txt-box_date.gif") no-repeat scroll 0 0 transparent;
            }

            .Activities .main .RightSide .txt select {
                width: 140px;
                font-size: 12px;
                line-height: 15px;
                color: #323232;
                float: left;
                padding: 0px;
                height: 21px;
            }

.Conditions {
    width: 100%;
}

    .Conditions .main {
        background: url(images/bg-panel.gif) repeat-x 0 100%;
        margin: 0 0 28px;
        padding: 0 0 2px
    }

        .Conditions .main .main-area {
            width: 100%;
        }
            /*margin:0 auto}*/
            .Conditions .main .main-area .text {
                width: 100%
            }

                .Conditions .main .main-area .text span {
                    display: block;
                    width: 220px;
                    line-height: 21px;
                    overflow: hidden; /*background:url(images/bg-txt-box-con.gif) no-repeat;*/
                    background-color: #D8E4F3;
                    margin: 0 0 4px;
                    padding-left: 3px;
                }

            .Conditions .main .main-area .DraggableBlock.ui-draggable.ui-draggable-dragging .text span { /*background: url(images/bg-txt-box3.gif) no-repeat;*/
                background: #2AACE2;
                opacity: .8;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
                filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
            }

                .Conditions .main .main-area .DraggableBlock.ui-draggable.ui-draggable-dragging .text span span {
                    background: none;
                }

            .Conditions .main .main-area .text.focus {
                position: relative
            }

            .Conditions .main .main-area .text input {
                float: left;
                border: 0;
                background: url(images/none.gif) no-repeat;
                width: 184px;
                font-size: 12px;
                line-height: 15px;
                color: #646464;
                padding: 3px 8px
            }

            .Conditions .main .main-area .text.focus input, .main-area .text.drag input {
                color: #fff
            }

            .Conditions .main .main-area .frame {
                height: 275px;
                overflow: auto
            }

            .Conditions .main .main-area .holder {
                overflow: hidden;
                background: url(images/bg-sidebar_manage3.gif) repeat-y 262px 0;
                margin: 24px 0 19px 15px;
                min-width: 1300px;
            }

    .Conditions .main-area .LeftSide select {
        float: left;
        width: 200px;
        font-size: 12px;
        line-height: 15px;
        color: #323232;
        margin-right: 3px
    }

    .Conditions .main .row .text span span {
        float: right;
        width: 17px;
        height: 18px;
        text-indent: 5px;
        overflow: hidden;
        font-size: large;
        position: relative;
        background: none;
    }

        .Conditions .main .row .text span span a {
            text-decoration: none;
        }

    .Conditions .main .LeftSide .text span span {
        text-indent: 0;
    }

        .Conditions .main .LeftSide .text span span .BtnRemove {
            display: none;
        }

        .Conditions .main .LeftSide .text span span .BtnAdd {
            display: block;
            margin: 0px 0px 0 0;
            background: url("/App_Themes/blue/images/plus.gif") no-repeat;
            width: 15px;
            height: 15px;
            cursor: pointer;
            position: absolute;
            top: 3px;
            right: 2px
        }




    .Conditions .main .LeftSide {
        float: left;
        width: 265px
    }

        .Conditions .main .LeftSide h3 {
            font-size: 14px;
            line-height: 17px;
            color: #646464;
            font-weight: 400;
            margin: 0 0 8px
        }

        .Conditions .main .LeftSide .box {
            width: 245px;
            height: 273px;
            overflow: auto;
        }

        .Conditions .main .LeftSide .text span:hover {
            background-position: -220px 0;
            cursor: move
        }
    /*  .Conditions .main .LeftSide .text span span		{background:none}*/

    .Conditions .main .RightSide {
        float: left;
        width: 75%; /*width:900px;*/
        overflow-x: hidden;
    }

        .Conditions .main .RightSide h3 {
            color: #646464;
            font-size: 14px;
            font-weight: 400;
            line-height: 17px;
            padding: 0 4px;
            margin: 0;
        }

        .Conditions .main .RightSide .row {
            overflow: hidden;
            margin: 0 0 7px;
            line-height: 21px;
        }

        .Conditions .main .RightSide .text span { /*background:url(images/bg-txt-box-con.gif) no-repeat 0px 0;*/
            background-color: #D8E4F3;
            margin: 0;
            width: 220px;
        }

        .Conditions .main .RightSide .text .drag {
            background: url(images/bg-txt-box3.gif) no-repeat;
        }
        /*  .Conditions .main .RightSide .text span span		{float:right;width:17px;height:21px;text-indent:5px;overflow:hidden;background:none; font-size:large}
  .Conditions .main .RightSide .text span span a	{text-decoration:none;}*/
        .Conditions .main .RightSide .txt input {
            padding: 0 5px;
            line-height: 21px;
            height: 21px;
            color: #323232;
            width: 127px;
            border: 0;
            float: left;
        }

        .Conditions .main .RightSide .txt .wide {
            width: 200px;
        }

        .Conditions .main .RightSide .txt .extra {
            width: 50px;
        }

        .Conditions .main .RightSide .cell {
            float: left;
            width: 230px;
            padding: 0 14px 0 15px
        }

        .Conditions .main .RightSide .cell-2 {
            width: 148px
        }

        .Conditions .main .RightSide .cell-3 {
            width: 190px;
            padding-right: 0;
            padding-left: 10px;
        }

        .Conditions .main .RightSide .cell-4 {
            width: 280px;
            padding-right: 0;
            margin-left: 10px;
        }

        .Conditions .main .RightSide .error.cell-4 {
            width: 290px !important;
        }

        .Conditions .main .RightSide .error {
            width: 250px !important;
        }

        .Conditions .main .RightSide .to {
            width: 35px;
            padding: 0 0 0 0px;
        }

    .Conditions .main .ToRemove {
        margin-left: -15px;
        width: 170px;
    }

    .Conditions .main .RightSide .txt span {
        display: block;
        height: 21px;
        overflow: hidden;
        float: left;
    }

    .Conditions .main .RightSide .txt .textfield {
        display: block;
        height: 21px;
        overflow: hidden;
        border: 1px solid #999; /*background: url("images/bg-txt-box4.gif") no-repeat scroll 0 0 transparent;*/
    }

    .Conditions .main .RightSide .txt .textfieldlbl {
        float: left; /*margin-left:5px; margin-right:5px;*/
        margin-left: 3px;
        margin-right: 3px;
    }

    .Conditions .main .RightSide .txt .date {
        display: block;
        height: 21px;
        overflow: hidden;
        border: 1px solid #999999;
    }

    .Conditions .main .RightSide .txt select {
        font-size: 12px;
        line-height: 21px;
        color: #323232;
        width: 131px;
        float: left;
        padding: 0px;
        height: 21px;
    }

    .Conditions .main .RightSide .Count .CountIcon {
        display: block;
        margin: 2px 2px 0 0;
        background: url("/App_Themes/GUI/images/count.png") no-repeat;
        width: 17px;
        height: 21px;
    }

    .Conditions .main .RightSide .CountIcon {
        display: none
    }

    .Conditions .main .RightSide .text span span .BtnRemove {
        display: block;
        margin: 0px 0px 0 0;
        background: url("/App_Themes/blue/images/minus.gif") no-repeat;
        width: 15px;
        height: 15px;
        cursor: pointer;
        position: absolute;
        top: 3px;
        right: 2px
    }

    .Conditions .main .RightSide .text span span .BtnAdd {
        display: none;
    }


    .Conditions .TolltipWrapper {
        position: relative;
        width: 225px;
    }

/*-------------JSPlumb Specific----------------------------*/
.WorkflowManage .aLabel {
    background-color: white;
    opacity: 0.8;
    padding: 0.3em;
}

.WorkflowManage .ep {
    float: right;
    width: 1em;
    height: 1em;
    background-color: #2AACE2;
    cursor: pointer;
    display: none;
}

.WorkflowManage ._jsPlumb_endpoint {
    z-index: 3;
}

.WorkflowManage .dragHover {
    border: 1px dotted red;
}

.WorkflowManage path {
    cursor: pointer;
}
/*  these styles are what jsPlumb attaches to the various elements it creates.
._jsPlumb_connector {
border:1px solid blue;
}
._jsPlumb_endpoint {
border:1px solid green;
}
._jsPlumb_overlay {
border:1px solid yellow;
}
*/

.Document .ValidationFieldsTitle {
    width: 400px;
    float: left;
}

    .Document .ValidationFieldsTitle span {
        text-decoration: underline;
        padding-left: 5px
    }

.Document .SelectedFieldsTitle {
    float: left;
}

    .Document .SelectedFieldsTitle span {
        text-decoration: underline;
        padding-left: 40px
    }

.TreeView #tools {
    padding: 5px;
    height: 25px
}

    .TreeView #tools span {
        background: url(images/collapseAll.gif) no-repeat 0 0;
        width: 15px;
        height: 15px;
        float: left;
        margin-right: 5px
    }

        .TreeView #tools span a {
            text-decoration: none
        }

        .TreeView #tools span:first-child {
            background: url(images/expandAll.gif) no-repeat 0 0;
        }

.TreeView ul, .TreeView li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.TreeView ul {
    line-height: 200%;
    background: #ccc;
    position: relative;
    width: 100%;
    margin-top: 1px;
}

    .TreeView ul:first-child {
        margin-top: 0px;
    }

    .TreeView ul span {
        padding-left: 27px;
    }

    .TreeView ul a {
        cursor: default;
        text-decoration: none;
        color: #646464;
        font-weight: bold;
    }

    .TreeView ul.Collapsed span {
        background: url(images/expand.gif) no-repeat 9px 2px;
    }

    .TreeView ul span {
        background: url(images/collapse.gif) no-repeat 9px 2px;
    }

.TreeView li {
    line-height: 200%;
    margin-top: 1px;
    background: white;
    position: relative;
    width: 100%;
    color: #646464;
}

    .TreeView li a {
        cursor: pointer;
        padding-left: 35px;
        text-decoration: none;
        font-weight: normal;
    }

    .TreeView li.Selected {
        border: 1px dotted black !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: #2AACE2;
        color: #ffffff;
    }


/*#wsContainer                            {position:absolute; right:35px;top:14px;width:35px;z-index:9}*/

/*user group*/

.ExtBtnContainer {
}

    .ExtBtnContainer a {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 99;
    }
        /*.ExtBtnContainer a span.EnabledIcon             {background:transparent url('/Images/enabledIcon.png') no-repeat scroll center center;padding:8px 10px; float:right}*/
        .ExtBtnContainer a.Disabled {
            color: #bbb !important;
            cursor: default !important;
            text-decoration: none !important
        }
/*.ExtBtnContainer a.Disabled	span.EnabledIcon    {background:none!important}*/

.EnabledIcon {
    background: transparent url('/Images/enabledIcon.png') no-repeat scroll center center;
    padding: 8px 10px;
    float: right
}

.EnabledGearIcon {
    background: transparent url('/Images/enabledIcon.png') no-repeat scroll center center;
    background-position: 5px 5px;
    padding: 8px 10px;
    float: right
}

.EnabledSlectedPagerIcon {
    background: transparent url('/Images/enabledIcon.png') no-repeat scroll center center;
    float: right
}

.OverviewTitlePlusIcon {
    overflow: hidden;
    width: 15px !important;
    height: 15px !important;
    background-image: url(../../Js/extjs/resources/ext-theme-classic/images/tools/tool-sprites.gif);
    margin: 0;
    padding: 0;
    background-position: 0 -240px;
}

.OverviewTitleMinusIcon {
    overflow: hidden;
    width: 15px !important;
    height: 15px !important;
    background-image: url(../../Js/extjs/resources/ext-theme-classic/images/tools/tool-sprites.gif);
    margin: 0;
    padding: 0;
    background-position: 0 -255px;
}

.MapIcon {
    background: transparent url('/Images/world.png') no-repeat scroll center center;
    padding: 8px;
    float: right
}

.top1 {
    top: 1px !important
}

/*end user group*/

/* loading spinner */
.SpinnerBorder {
    border: 3px solid #2AACE2 !important
}

.CheckBox {
    background: transparent url(/Images/unchecked.png);
    width: 20px;
    height: 20px
}

    .CheckBox.Checked {
        background-image: url(/Images/checked.png)
    }


/*setup -> configuration page*/

.Config {
}

    .Config .TopBar {
        padding: 14px 12px 10px 17px; /*position:absolute;*/
        top: 0px;
        left: 0px;
        right: 0px;
    }

        .Config .TopBar .Title {
            font-size: 16px;
            line-height: 19px;
            font-weight: normal;
            color: #323232
        }

    .Config .Settings { /*position:absolute; */
        top: 85px;
        left: 14px;
        right: 0px;
        bottom: 0px;
    }

        .Config .Settings .Details {
            font-size: 12px;
            line-height: 15px;
            color: #646464;
        }

            .Config .Settings .Details .error-msg {
                color: #c00;
                font-size: 12px;
                font-weight: normal;
                line-height: 15px;
                margin: 22px 0 0 12px
            }

            .Config .Settings .Details .success-msg {
                color: #0066FF;
                font-size: 12px;
                font-weight: normal;
                line-height: 15px
            }

            .Config .Settings .Details .row {
                height: 1%;
                overflow: hidden;
                padding: 0 0 10px 2px;
            }

            .Config .Settings .Details .mark-row {
            }

            .Config .Settings .Details .cell {
                float: left;
                padding: 0 15px 0 0;
            }

                .Config .Settings .Details .cell label {
                    display: block;
                    padding: 0 0 2px;
                }

                .Config .Settings .Details .cell .sel {
                    min-height: 21px;
                    overflow: hidden;
                }

                    .Config .Settings .Details .cell .sel select {
                        float: left;
                        width: 99px;
                        color: #323232;
                        font-size: 12px;
                        line-height: 15px;
                        font-family: Arial, Helvetica, sans-serif !important;
                        font-size: 11px !important;
                    }

                .Config .Settings .Details .cell .text {
                    width: 98px;
                    height: 21px;
                    overflow: hidden;
                    background: url(images/bg-txt-setting.gif) no-repeat;
                    float: left;
                }

                .Config .Settings .Details .cell .textLong {
                    width: 200px;
                    height: 21px;
                    overflow: hidden;
                    background: url(images/bg-txt-setting-Long.gif) no-repeat;
                }

                .Config .Settings .Details .cell .text_date {
                    width: 98px;
                    height: 21px;
                    overflow: hidden;
                    background: url(images/bg-txt-setting.gif) no-repeat;
                }

                    .Config .Settings .Details .cell .text_date input {
                        background: none repeat scroll 0 0 transparent;
                        border: 0 none;
                        color: #323232;
                        float: left;
                        font-size: 12px;
                        line-height: 15px;
                        padding: 3px 2px 3px 5px;
                        width: 68px;
                    }

                    .Config .Settings .Details .cell .text_date img {
                        padding-top: 3px;
                    }

                .Config .Settings .Details .cell .date {
                    background-position: -100px 0;
                }

                .Config .Settings .Details .cell .text_date .date_icon {
                    margin-top: 4px;
                    position: absolute;
                }

                .Config .Settings .Details .cell .text input {
                    float: left;
                    padding: 3px 5px;
                    border: 0;
                    background: none;
                    width: 88px;
                    color: #323232;
                    font-size: 12px;
                    line-height: 15px;
                }

                .Config .Settings .Details .cell .textLong input {
                    float: left;
                    padding: 3px 5px;
                    border: 0;
                    background: none;
                    width: 180px;
                    color: #323232;
                    font-size: 12px;
                    line-height: 15px;
                }

                .Config .Settings .Details .cell .text500 {
                    width: 500px;
                    background: white;
                    border-radius: 3px;
                }

                    .Config .Settings .Details .cell .text500 input {
                        width: 100%;
                        height: 100%;
                        box-shadow: inset 0 1px 5px 0 rgba(0,0,0,0.5)
                    }

                .Config .Settings .Details .cell span.clear {
                    width: 60px
                }

                .Config .Settings .Details .cell .img-1 {
                    padding: 4px 9px 4px 6px;
                    width: 91px;
                    height: 31px;
                    background: url(images/bg-img-1.gif) no-repeat;
                }

                    .Config .Settings .Details .cell .img-1 img {
                        vertical-align: top;
                    }

                .Config .Settings .Details .cell .check-holder {
                    overflow: hidden;
                    padding: 16px 0 0;
                }

                    .Config .Settings .Details .cell .check-holder .chk {
                        margin: 0 6px 0 0;
                    }

                .Config .Settings .Details .cell .btn {
                    width: 105px;
                    height: 25px;
                    display: block;
                    background: url(images/btn-setting.jpg) no-repeat;
                    text-align: center;
                    color: #323232;
                    padding: 6px 3px;
                    margin: 14px 0 0;
                }

                    .Config .Settings .Details .cell .btn:hover {
                        background-position: 0 -27px;
                        text-decoration: none;
                    }

                    .Config .Settings .Details .cell .btn:active {
                        background-position: 0 -54px;
                    }

                    .Config .Settings .Details .cell .btn[disabled] {
                        pointer-events: none;
                    }

                .Config .Settings .Details .cell dl {
                    overflow: hidden;
                    width: 100%;
                }

                .Config .Settings .Details .cell dt {
                    float: left;
                    padding: 0 4px 0 0;
                }

                .Config .Settings .Details .cell dd {
                    height: 1%;
                    overflow: hidden;
                }

                .Config .Settings .Details .cell .green {
                    color: #009036;
                }

                .Config .Settings .Details .cell .red {
                    color: #f00;
                }

                .Config .Settings .Details .cell .disabled {
                    background: none;
                    border-radius: 3px;
                }

                    .Config .Settings .Details .cell .disabled input {
                        width: 100%;
                        height: 100%;
                    }

                .Config .Settings .Details .cell .textWhite {
                    background: white;
                    border-radius: 3px;
                }

                    .Config .Settings .Details .cell .textWhite input {
                        width: 100%;
                        height: 100%;
                        box-shadow: inset 0 1px 5px 0 rgba(0,0,0,0.5);
                    }

            .Config .Settings .Details .slider-box {
                height: 71px;
                width: 85px;
                background: url(images/bg-slider-box.gif) no-repeat;
                padding: 3px 6px 0 7px;
            }

                .Config .Settings .Details .slider-box ul {
                    padding: 4px 0 0;
                }

                .Config .Settings .Details .slider-box li {
                    line-height: 15px;
                    padding: 3px 0 0;
                }

                .Config .Settings .Details .slider-box .RejectType {
                    border-width: 0px;
                    border-style: none;
                    width: 90px;
                    height: 68px;
                }

                .Config .Settings .Details .slider-box a {
                    color: #323232;
                }

            .Config .Settings .Details .btn-submit {
                float: left;
                margin: 61px 0 0;
                padding: 0;
                border: 0;
                cursor: pointer;
                background: url(images/btn-setting-submit.jpg) no-repeat;
                width: 105px;
                height: 27px;
                color: #323232;
                font-size: 12px;
                line-height: 15px;
            }

                .Config .Settings .Details .btn-submit:hover {
                    background-position: 0 -27px;
                }

                .Config .Settings .Details .btn-submit:active {
                    background-position: 0 -54px;
                }



            .Config .Settings .Details div select {
                width: 120px;
            }

            .Config .Settings .Details div {
                overflow: hidden;
            }

                .Config .Settings .Details div.options_box {
                    float: left;
                    margin-bottom: 0;
                    position: relative;
                    width: 140px;
                }

                    .Config .Settings .Details div.options_box select {
                        font-family: Arial, Helvetica, sans-serif !important;
                        font-size: 11px !important;
                        height: auto;
                    }

                .Config .Settings .Details div.new_box {
                    float: left;
                    position: relative;
                    margin-right: 5px
                }

                .Config .Settings .Details div.add_arrow {
                    float: left;
                    position: relative;
                    left: 5px;
                    width: 10px;
                    height: 20px;
                    cursor: pointer
                }

                .Config .Settings .Details div.delete_arrow {
                    float: left;
                    position: relative;
                    left: 5px;
                    width: 23px;
                    height: 20px;
                    cursor: pointer
                }

            .Config .Settings .Details .arrow {
                background-image: url(images/arrows2.gif);
                display: block;
                height: 11px;
                text-indent: -9999px;
                width: 9px;
                position: absolute;
            }

                .Config .Settings .Details .arrow.top {
                    background-position: 0 0;
                    right: 0;
                    top: 0px;
                }

                .Config .Settings .Details .arrow.bottom {
                    background-position: 0 22px;
                    bottom: 0;
                    left: 0;
                }

                    .Config .Settings .Details .arrow.bottom.active {
                        background-position: 0 11px;
                    }

        .Config .Settings div span.Block {
            display: block;
            width: 200px;
            height: 21px;
            background: url(images/bg-txt-box.gif) no-repeat;
            margin: 0 0 7px;
            font: 12px Arial, Helvetica, sans-serif;
            white-space: nowrap;
            overflow: hidden
        }

        .Config .Settings div span {
            display: block;
            height: 21px;
            margin: 0 0 7px;
            font: 12px Arial, Helvetica, sans-serif;
        }

            .Config .Settings div span.Block:hover {
                cursor: s-resize;
                background-position: -200px 0;
            }

        .Config .Settings div.SortableContainer {
            height: 500px;
            overflow-x: hidden;
            overflow-y: scroll;
            width: 300px;
            position: relative
        }

        .Config .Settings div.LblCtrl {
            height: 500px;
            width: 70px;
            overflow: hidden;
            position: absolute;
            left: 12px
        }

        .Config .Settings div.SortableDiv {
            height: 500px;
            width: 230px;
            overflow-y: scroll;
            overflow-x: hidden;
            position: absolute;
            left: 70px
        }

        .Config .Settings input#btnSaveRejectTypes {
            position: absolute;
            top: 510px;
            background: url("images/btn-save.jpg") no-repeat scroll 0 0 transparent;
            border: 0 none;
            cursor: pointer;
            height: 26px;
            margin: -2px 0 0;
            padding: 0 0 2px;
            width: 75px;
        }

            .Config .Settings input#btnSaveRejectTypes:hover {
                background-position: -150px 0;
            }

            .Config .Settings input#btnSaveRejectTypes:active {
                background-position: -75px 0;
            }

        .Config .Settings span#UserPreferencesMsg {
            position: absolute;
            top: 540px;
        }

    .Config .Menu {
        width: auto;
        height: 1%;
        padding: 16px 0 14px 7px;
        list-style-type: none;
        left: 20px;
    }

        .Config .Menu a:hover {
            color: #646464;
        }

        .Config .Menu li {
            background: none;
            margin: 0 0 0 -1px;
            font-weight: bold;
            border: 1px solid #fcb260;
            border-width: 0 1px 1px;
            border-color: transparent #fcb260 #f2f2f2;
            padding: 0 24px 0 25px;
        }

        .Config .Menu li {
            float: left;
            font-size: 14px;
            line-height: 17px;
            padding: 0 17px 0 18px;
        }

            .Config .Menu li.active {
                border-color: transparent #646464 #646464;
                position: relative;
            }

            .Config .Menu li a {
                color: #eb8719;
            }

                .Config .Menu li a:hover,
                .Config .Menu li.active a {
                    text-decoration: none;
                    font-weight: bold;
                    color: #646464;
                }

    .Config .Config-Sep {
        border-top: #c8c8c8 1px solid;
        width: 400px;
    }

    .Config .default_value_lable {
        float: right;
        padding-left: 3px;
        padding-top: 1px
    }
    /*******row checkbox css********/

    .Config .Settings .NotificationsLabel {
        margin-top: 5px
    }

.disabled-row .x-grid-cell {
    background-color: gray !important;
}

​
/*Ext portal styles, used for DnD rules on WF manage*/
.x-panel-ghost {
    z-index: 1;
}

.x-border-layout-ct {
    background: #DFE8F6;
}

.x-portal-body {
    padding: 0 0 0 0px;
}

.x-portal .x-portal-column {
    /* columns must have vertical padding to avoid losing dimensions when empty */
    padding: 8px 8px 0 0;
}

.x-portal .x-panel-dd-spacer {
    border: 2px dashed #99bbe8;
    background: #f6f6f6;
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin-bottom: 10px;
}

.x-portlet {
    margin-bottom: 10px;
    padding: 1px;
}

    .x-portlet .x-panel-body {
        background: #fff;
    }

.portlet-content {
    padding: 10px;
    font-size: 11px;
}
/*End of Ext portal styles*/

#DlHolds .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
    color: #363636;
    height: 21px;
    margin-left: 10px
}

.Holds .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
    color: #363636;
    height: 21px;
    margin-bottom: 8px
}

#DynamicFields .TextInput {
    width: 100%;
    min-width: 240px !important;
}

#DynamicFields .Shorter {
    width: 223px !important;
}

#DynamicFields .Longer {
    width: 100% !important;
}

#DynamicFields .ShorterSearch {
    width: 100%;
    min-width: 223px !important;
}

#DynamicFields .ShorterDT {
    width: calc(100% - 17px);
    min-width: 100px
}

#DynamicFields .ShorterSearchIcon {
    width: 17px;
}

#KeeperDetails{
    width:100%;
}

#InfFields .SelectLonger{
    width:100%;
    min-width:240px;
}



.ButtonBorder {
    border: 1px dotted black;
    display: inline;
    padding: 5px
}

/* Yaniv - Audit */
.audit_entery_table {
    margin-left: 35px
}

.audit_entery_cell {
    min-width: 200px;
    vertical-align: top
}

.audit_entery_cell_arrow {
    vertical-align: top
}

.audit_entery_cell_WF {
    min-width: 230px
}

.audit_entery_cell_before {
    color: blue;
}

.audit_entery_cell_after {
    color: red
}

audit_entery_cell_workflow {
    color: black;
}

#statusHistoryTab .ui-accordion .ui-accordion-header a {
    padding: 0px !important;
}

#accordionOffenderTab .ui-accordion-header a {
    padding: 0px !important;
}

#accordionVehicleTab .ui-accordion-header a {
    padding: 0px !important;
}

.Refresh_Icon {
    background: url('/Images/arrow_refresh.png') no-repeat;
    width: 16px !important;
    height: 16px !important;
}

.Refresh_Loading_Icon {
    background-image: url('../../Js/extjs/resources/themes/images/gray/grid/loading.gif');
    width: 16px !important;
    height: 16px !important;
}

.ShowEnteries_Icon {
    background: url('/Images/Audit/tick.png') no-repeat;
    width: 16px !important;
    height: 16px !important;
}

.HideEnteries_Icon {
    background: url('/Images/Audit/cross.png') no-repeat;
    width: 16px !important;
    height: 16px !important;
}

.Offence_Icon {
    background: url('/Images/Audit/offence.png') no-repeat;
    width: 16px !important;
    height: 16px !important;
}

.Offence_Icon_Disable {
    background: url('/Images/Audit/offence.png') no-repeat;
    width: 16px !important;
    height: 16px !important;
}

.OffenceView_Icon {
    background: url('/Images/Audit/offence_view.png') no-repeat;
    width: 16px !important;
    height: 16px !important
}

.OffenceView_Icon_Disable {
    background: url('/Images/Audit/offence_view.png') no-repeat;
    width: 16px !important;
    height: 16px !important;
}

.Offender_Icon {
    background: url('/Images/Audit/Offender.png') no-repeat;
    width: 16px !important;
    height: 16px !important
}

.Offender_Icon_Disable {
    background: url('/Images/Audit/Offender.png') no-repeat;
    width: 16px !important;
    height: 16px !important;
}

.Vehicle_Icon {
    background: url('/Images/Audit/vehicle.png') no-repeat;
    width: 16px !important;
    height: 16px !important
}

.Vehicle_Icon_Disable {
    background: url('/Images/Audit/vehicle.png') no-repeat;
    width: 16px !important;
    height: 16px !important;
}

.Document_Icon {
    background: url('/Images/Audit/document.png') no-repeat;
    width: 16px !important;
    height: 16px !important
}

.Document_Icon_Disable {
    background: url('/Images/Audit/document.png') no-repeat;
    width: 16px !important;
    height: 16px !important;
}

.Film_Icon {
    background: url('/Images/Audit/Film.png') no-repeat;
    width: 16px !important;
    height: 16px !important
}

.Film_Icon_Disable {
    background: url('/Images/Audit/Film.png') no-repeat;
    width: 16px !important;
    height: 16px !important;
}

.Flag_Icon {
    background: url('/Images/Audit/flag4_present.png') no-repeat black;
    width: 16px !important;
    height: 16px !important
}

.Flag_Icon_Hover {
    background: url('/Images/Audit/flag5_present.png') no-repeat black;
    width: 16px !important;
    height: 16px !important
}

.Flag_Icon_Disable {
    background: url('/Images/Audit/flag4_present.png') no-repeat black;
    width: 16px !important;
    height: 16px !important;
}

.Comment_Icon {
    background: url('/Images/Audit/comment.png') no-repeat;
    width: 16px !important;
    height: 16px !important
}

.Comment_Icon_Disable {
    background: url('/Images/Audit/Comment.png') no-repeat;
    width: 16px !important;
    height: 16px !important;
}

.Rule_Icon {
    background: url('/Images/Audit/rule_ruleinvoked.png') no-repeat;
    width: 16px !important;
    height: 16px !important
}

.Rule_Icon_Disable {
    background: url('/Images/Audit/rule_ruleinvoked.png') no-repeat;
    width: 16px !important;
    height: 16px !important;
}

.Image_Icon {
    background: url('/Images/Audit/image_present.png') no-repeat;
    width: 16px !important;
    height: 16px !important
}

.Image_Icon_Disable {
    background: url('/Images/Audit/image_present.png') no-repeat;
    width: 16px !important;
    height: 16px !important;
}

.Course_Icon {
    background: url('/Images/Audit/Course.png') no-repeat;
    width: 16px !important;
    height: 16px !important
}

.Course_Icon_Disable {
    background: url('/Images/Audit/Course.png') no-repeat;
    width: 16px !important;
    height: 16px !important;
}


.Court_Icon {
    background: url('/Images/Audit/script.png') no-repeat;
    width: 16px !important;
    height: 16px !important
}

.Court_Icon_Disable {
    background: url('/Images/Audit/script.png') no-repeat;
    width: 16px !important;
    height: 16px !important;
}


.CustomField_Icon {
    background: url('/Images/Audit/customField.png') no-repeat;
    width: 16px !important;
    height: 16px !important
}

.CustomField_Icon_Disable {
    background: url('/Images/Audit/customField.png') no-repeat;
    width: 16px !important;
    height: 16px !important;
}

.Export_Icon {
    background: url('/Images/Audit/export.png') no-repeat;
    width: 16px !important;
    height: 16px !important
}

.Export_Icon_Disable {
    background: url('/Images/Audit/export.png') no-repeat;
    width: 16px !important;
    height: 16px !important;
}

.Instalment_Icon {
    background: url('/Images/Audit/payment.png') no-repeat;
    width: 16px !important;
    height: 16px !important
}

.Instalment_Icon_Disable {
    background: url('/Images/Audit/payment.png') no-repeat;
    width: 16px !important;
    height: 16px !important;
}

.Audit_Parent {
    border-bottom: 2px solid red;
}



/*  Dockets */
#Docket_Panel_Top span {
    line-height: 20px
}

.docket_printTemplateContainer {
    margin: 10px 5px
}

.docket_printTemplateOptions {
    margin: 10px 5px
}

.docket_miscellaneousDocumentsContainer {
    margin: 10px 5px
}

.docket_miscellaneousDocumentsOptions {
    margin: 10px 5px
}

.docket_documentsContainer {
    margin: 10px 5px;
}

.docket_documentsOptions {
    margin: 10px 5px
}

.docket_documentsContainerChild {
    margin: 5px 15px
}

.docket_imagesContainer {
    margin: 10px 5px
}

.docket_imagesOptions {
    margin: 10px 5px
}

.docket_auditContainer {
    margin: 10px 5px
}

.docket_auditOptions {
    margin: 10px 5px
}

#Docket_Panel_Content2 {
    height: 400px;
}

#sortable1 {
    background: no-repeat;
    border: none;
    list-style-type: none
}

    #sortable1 li {
        list-style-type: none !important;
        width: 210px;
        margin-left: 15px
    }

#container1 {
    background: no-repeat;
    border: none;
    height: 100%;
    box-sizing: content-box !important;
    list-style-type: none;
    margin: 10px 35px 0 0
}

    #container1 li {
        top: 10px;
        border: solid 1px #99bce8;
        list-style-type: none !important;
        margin-bottom: 10px
    }

        #container1 li .header {
            padding-left: 10px;
            padding-top: 3px;
            right: auto;
            height: 22px;
        }

            #container1 li .header span {
                font: tahoma,arial,verdana,sans-serif
            }

        #container1 li .controls {
            float: right; /*margin-right: 10px*/
        }

            #container1 li .controls .remove {
                float: right; /*margin-right: 10px;*/
                background: url("/App_Themes/blue/images/ico-close.png") no-repeat;
                width: 15px;
                height: 15px;
                cursor: pointer;
                margin-top: 3px
            }

            #container1 li .controls .Up {
                float: right;
                margin-right: 10px;
                background: url("/App_Themes/blue/images/bullet_arrow_up.png") no-repeat;
                width: 15px;
                height: 15px;
                cursor: pointer
            }

            #container1 li .controls .Down {
                float: right;
                margin-right: 10px;
                background: url("/App_Themes/blue/images/bullet_arrow_down.png") no-repeat;
                width: 15px;
                height: 15px;
                cursor: pointer
            }

        #container1 li .content {
            overflow: auto;
        }

        #container1 li .options {
            max-height: 90px;
            border-top: solid 1px #99bce8;
        }

.ui-state-highlight {
    height: 1.5em;
    line-height: 1.2em;
    background: #99bce8;
}

#container1 li .content .docket_documentsContainer {
    max-height: 230px
}

li {
    z-index: 99999;
}

ul {
    z-index: 99999;
}

.GenerateCheckboxLabel {
    width: 20px
}

.docketCheckbox {
    float: left
}

.docketLabel {
    float: left;
    padding-top: 2px
}

#CoursesFields .courseTitle {
    font-weight: bold
}

#CoursesFields .CourseSeperator {
    height: 10px
}

.tbaricon24w span {
    width: 24px !important;
}

#OverviewWorkspaces {
    max-height: 208px;
    width: 465px;
    overflow: auto;
    padding: 2px;
    border: 1px solid #999;
}

    #OverviewWorkspaces:empty {
        display: none;
    }

.DocVeriMaxRestore {
    right: 0;
    position: absolute;
    margin: 2px;
    width: 16px;
    height: 16px;
}

.x-btn-default-border {
    border: 1px solid;
}

.DuplicatePopup {
}

    .DuplicatePopup .Title {
        padding: 5px;
    }

    .DuplicatePopup .Option {
        padding: 5px;
    }

.Verification_Alert_Window_Content {
    padding: 5px;
}
.resetOfficerDDL {
    width: 100% !important;
}
#DocVeri_cmbTicketOfficers-triggerWrap {
    width: 100% !important;
}
.resetOfficerDDL td {
    padding: 0 !important;
}

.DocVeri_LabelField {
    padding: 3px;
    border: 1px solid #aaa;
    width: 100% !important;
}

.AdditionalInfo_LabelField {
    padding: 2px !important;
    border: 1px solid #aaa;
    height: 21px;
    background: initial !important;
}

    .AdditionalInfo_LabelField[readonly="readonly"], .AdditionalInfo_LabelField[readonly] {
        background-image: none;
        background-color: transparent;
    }

.RefreshIcon {
    background-image: url("/images/arrow_refresh.png") !important;
}

.CopyIcon {
    background-image: url("/images/arrow_refresh.png") !important;
}

.x-label-custom {
    font-size: 11px;
    color: #555;
    cursor: pointer;
    top: 4px !important;
}

    .x-label-custom .remove:hover {
        font-weight: bold;
        color: red;
    }

/*Override panel header styling*/
.x-panel-header-default {
    background-color: #cbddf3;
    background-image: none;
}

.x-panel .x-panel-header-default-framed-top {
    background-color: #cbddf3;
    background-image: none;
}

.x-panel-header-text-container-default {
    color: black;
}

.instalment_selected {
    background-color: lightgrey;
}

.instalmentsList {
    padding: 5px;
}

.instalmentAddButton {
    padding: 5px;
}


.Useraction_Icon {
    background: url('/Images/page_lightning.png') no-repeat;
    width: 16px !important;
    height: 16px !important;
}

.Word_Icon {
    background: url('/Images/word.png') no-repeat;
    width: 16px !important;
    height: 16px !important;
}

.action-link {
    text-decoration: underline;
    color: steelblue;
}

    .action-link:hover {
        color: #3b6b94;
    }

.table-warn {
    color: #990000;
}

.table-deleted {
    //text-decoration: line-through !important;
    opacity: 0.7;
    //background-color:#F0F0F0;
}

    .table-deleted > td {
        background-color: inherit !important;
        opacity: inherit !important;
    }

.select-all-action {
    padding: 6px 6px 12px 6px;
    text-decoration: underline;
    border-bottom: solid 1px #EAEAEA;
}

.qtip-fix {
    position: fixed !important;
}

.qas-filter-panel
{
    padding: 8px;
}

.qas-results-panel {
    border-top: solid 1px #99bce8;
}

.qas-result-item > td {
    padding: 6px 8px;
    border-bottom: solid 1px #99bce8;
}


.qas-dialog-header
{
    display:flex;
    flex-direction: row;
    justify-content: space-between;
}

.qas-dialog-header > .qas-filter-section
{
    display:flex;
    flex-direction: row;
    align-items: center;
}

.qas-dialog-header > .qas-filter-section > *:not(:last-child),
.qas-dialog-header > .qas-lookup-section > *:not(:last-child)
{
    margin-right: 4px;
}

.qas-dialog-header > .qas-lookup-section
{
    display:flex;
    flex-direction: row;
    align-items: center;
}

.qas-dialog-header > .qas-lookup-section > .qas-input-section 
{
    display:flex;
}

.qas-filter-count {
    color: #666666;
}

.job-history-details span:first-child
{
    font-weight:900;
}

/* use next two styles to display a hidden field in an alternate location */
.AlternateDisplayLocation {
    display: none;
}

td.Hidden.AlternateDisplayLocation {
    display: table-cell;
}

.pncbutton:disabled,
.pncbutton[disabled] {
    background-image: url('/Images/pncdisabled.png');
    cursor: not-allowed
                      
}