﻿/*----------------------------------------------------------
STANDARD STYLES
----------------------------------------------------------*/
body {
    background-image: url(/images/gradient_bg.jpg);
    background-repeat: repeat-x;
    background-color: #3d3d3d;
    margin: 20px 0px 20px 0px;
    font-family: Segoe UI, Arial, Helvetica, sans-serif;
}

input {
    font-family: Segoe UI,Arial,Helvetica,sans-serif;
}

select {
    font-family: Segoe UI,Arial,Helvetica,sans-serif;
}

textarea {
    font-family: Segoe UI,Arial,Helvetica,sans-serif;
}

.form-table .div-table-col-editor > textarea.w-250 {
    margin-left: 0px;
    /*extra pixel to cover other required fields*/
    min-width: 255px;
}

.form-table .div-table-col-editor.w-250 > textarea {
    margin-left: 0px;
    /*extra pixel to cover other required fields*/
    width: 255px;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
}

.disabled, select .disabled {
    color: #BFBFBF;
}

select[disabled] {
    background-color: #F0F0F0;
}

.button-disabled {
    cursor: not-allowed;
    pointer-events: none;
}

.bold {
    font-weight: bold;
}

.normal {
    font-size: 0.75em;
    vertical-align: top;
}

.small {
    font-size: 0.7em;
}

.radiolabel.normal {
    padding-bottom:3px;
}

/*a:link, a:active, a:visited {
    text-decoration: none;
    color: #2895d5;
}

a.underlined, a.underlined:link, a.underlined:visited, a.underlined:hover {
    text-decoration: underline !important;
    color: #2895D5;
}

a.underlined:hover {
    color: #FD9F13;
}*/

.content-left {
    float: left;
}

html[dir=rtl] .content-left {
    float: right;
}

.content-right {
    float: right;
    width: 540px;
    min-height: 100px;
}

html[dir=rtl] .content-right {
    float: left;
}

/*----------------------------------------------------------
STANDARD PAGE STYLES
----------------------------------------------------------*/

.mainTitle /* Header Title */ {
    color: #2895d5;
    text-decoration: none;
    font-size: 1.1em;
    font-weight: 800;
    margin: 5px 10px;
    bottom: 0px;
    position: relative;
    top: 20px;
    font-family: 'Roboto Condensed', sans-serif;
}

.mainTitle.normal {
    color:#333;
}

.blueBanner.on-boarding {
    height: 75px;
    background-image: url(/images/banners/banner2_dark.png);
}

.blueBanner.on-boarding .mainTitle {
    position: inherit;
    color: #fff;
    padding: 10px 0px 10px 40px;
    font-weight: normal;
}

/*Page Title */
h1 {
    color: #333;
    font-size: 0.8em;
    font-weight: bold;
    margin: 5px 0px;
    background-color: #fff;
}

h2 /* Section Title */ {
    /*color: #2895d5;*/
    color: #333;
    font-size: 0.8em;
    font-weight: bold;
    margin: 2px 0px;
    background-color: #fff;
}

.notes {
    padding-left: 5px;
    font-size: 0.6em;
    color: #4a4e56;
}

.notes.larger {
    font-size: .7em;
}

.notes-ex {
    padding-left: 35px;
    color: #155fbb;
    font-style: italic;
    font-size: 0.75em;
}

.notes-ex.top-level {
    padding:0px 0px 10px 0px;
}

html[dir=rtl] .notes {
    padding-right: 5px;
}

.page-description {
    font-size: 0.75em;
    margin-bottom: 5px;
    color:#333;
    background-color:#fff;
}

.form-table .page-description{
    background-color:inherit;
    padding-bottom:10px;
}

a img {
    border: 0;
}
/*----------------------------------------------------------
LANDING PAGE
----------------------------------------------------------*/
.blueBanner {
    height: 200px;
    width: 821px;
    margin-left: -41px;
    background-image: url(/images/banners/banner1.png);
    background-color: #fff;
}

html[dir=rtl] .blueBanner {
    margin-right: -40px;
    background-image: url(/images/banners/banner1-rtl.png);
}

.blueBanner h1 {
    text-align: left;
    vertical-align: middle;
    padding-left: 40px;
    font-weight: lighter;
    padding-top: 20px;
    font-size: 22pt;
    color: #155fbb;
    background-color: transparent;
}

html[dir=rtl] .blueBanner h1 {
    text-align: right;
    padding-right: 40px;
}

.blueBanner.small {
    height: 75px;
    background-image: url(/images/banners/banner2_dark.png);
    /*must be the same color as button for accessibility*/
    background-color: #155fbb;
}

html[dir=rtl] .blueBanner.small {
    background-image: url(/images/banners/banner2_dark.png);
    background-color: #155fbb;
}

/*.blueBanner h1 {
    padding-top: 20px;
    font-size: 22pt;*/
/*color: #2895d5;*/
/*color: #155fbb;*/
/*font-weight:normal;*/
/*}*/

.blueBanner.small h1 {
    /*padding-top: 14px;
    font-size: 22pt;*/
    /*must be the same color as button for accessibility*/
    color: #fff;
    font-size: 1.8em;
    padding: 6px 0px 0px 50px;
}

.blueBanner.small h1.login {
    padding: 3px 0px 0px 50px;
    font-size: 16pt;
}

.blueBanner.small h2 {
    font-size: 1.6em;
    /*must be the same color as button for accessibility*/
    color: #fff;
    font-weight: lighter;
    padding: 0px 0px 0px 50px;
    background-color: transparent;
}

/*----------------------------------------------------------
WHITEBOX
----------------------------------------------------------*/
#whiteBox {
    background-image: url(/images/content_drop.png);
    background-repeat: repeat-y;
    background-position: center;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 900px;
}

#whiteBoxTop {
    background-image: url(/images/top_cap_drop.png);
    background-repeat: no-repeat;
    height: 5px;
    margin-left: auto;
    margin-right: auto;
    width: 900px;
}

#whiteBoxBottom {
    background-image: url(/images/bottom_cap_drop.png);
    background-repeat: no-repeat;
    height: 46px;
    margin-left: auto;
    margin-right: auto;
    width: 900px;
}

#whiteBox #content {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding: 0px 80px;
    color: #333;
    overflow: hidden;
}

#content.centered {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#content p {
    font-size: 0.75em;
    color: #333;
}


/*----------------------------------------------------------
HEADER
----------------------------------------------------------*/

#whiteBox #header h0 {
    text-decoration: none;
}

#whiteBox #header {
    margin-left: auto;
    margin-right: auto;
    padding: 0px 80px;
    clear: both;
}

#whiteBox #header #logo {
    background-repeat: no-repeat;
    float: left;
    display: inline-block;
}

#whiteBox #header #logo img {
    border: 0;
    width: 123px;
    height: 35px;
}

/*----------------------------------------------------------
MENU
----------------------------------------------------------*/
/*#whiteBox #mainMenu {
    padding: 10px 0px;
}

.menu {
    clear: both;
    width: 740px;
    padding: 0px 0px 15px 0px;
    margin-left: auto;
    margin-right: auto;
}

.menuBar {
    clear: both;
    display: inline-block;
    width: 740px;
    padding-bottom: 0px;
}

.menuBar .leftEnd {
    background-image: url(../../Images/GTopNavBar.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-attachment: scroll;
    width: 10px;
    height: 30px;
    float: left;
}

.menuBar .rightEnd {
    background-image: url(../../Images/GTopNavBar.png);
    background-repeat: no-repeat;
    background-position: -1690px 0px;
    background-attachment: scroll;
    width: 10px;
    height: 30px;
    float: right;
}

.menuBar .menuBarLinks {
    background-image: url(../../Images/GTopNavBar.png);
    background-repeat: repeat-x;
    background-position: -36px 0px;
    background-attachment: scroll;
    width: 720px;
    margin: 0px;
    padding: 0px;
    float: left;
}

.menuBar .adminHomeIcon {
    background-image: url(../../Images/Icons16_Light_Enabled.png);
    background-position: -40px -60px;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.menuBar .menuBarLinks a {
    float: left;
    color: #4a4e56 !important;
    text-decoration: none;
    height: 16px;
    display: block;
    padding: 7px 6px;
    cursor: pointer;
    font-size: 0.7em;
    font-weight: bold;
    white-space: nowrap;
    outline: none;
}

html[dir="rtl"] .menuBar .menuBarLinks a {
    float: right;
}

.menuBar .menuBarLinks a:focus {
    outline: none;
}

.menuBar .menuBarLinks a:active {
    outline: none;
}

.menuBar .menuBarLinks .menuBarLink.icon {
    padding: 6px 8px;
}

.menuBar .menuBarLinks .selected {
    background-image: url(../../Images/GTopNavBar.png);
    background-position: -36px -64px;
    background-repeat: repeat-x;
    background-attachment: scroll;
}

.menuBar .menuBarLinks a.selected {
    color: white !important;
}

.menuBar .menuBarLinks a.isDisabled:hover {
    cursor: not-allowed;
    background-position: -36px -128px;
    background-repeat: repeat-x;
    background-attachment: scroll;
}

.menuBar .menuBarLinks a.isEnabled:hover {
    background-position: -36px -128px;
    background-image: url(../../Images/GTopNavBar.png);
    background-repeat: repeat-x;
    background-attachment: scroll;
}

.menuBar .menuBarLinks a.selected:hover {
    background-position: -36px -64px;
}

.menuBar .menuBarLinks img {
    border: 0px;
    text-decoration: none;
}

.menuBar .menuBarLinks .menuBarSpacer {
    background-image: url(../../Images/GTopNavBar.png);
    background-repeat: no-repeat;
    background-position: -1686px 0px;
    width: 4px;
    height: 30px;
    float: left;
}

html[dir="rtl"] .menuBar .menuBarLinks .menuBarSpacer {
    float: right;
}

.menuBar.footer {
    border-top: 1px solid #e7e7e7;
    margin-top: 10px;
}

.menuBar.footer a {
    text-decoration: none;
    color: #999;
    font-size: 0.75em;
    float: left;
}

html[dir="rtl"] .menuBar.footer a {
    float: right;
}

.menuBar.footer a:hover {
    text-decoration: underline;
    color: #2895d5;
}

.menuBar.footer .menuSpacer {
    float: left;
}

html[dir="rtl"] .menuBar.footer .menuSpacer {
    float: right;
}

.menuBar .footerBarLinks {
    color: #4a4e56;
    margin: 5px 0px 0px 0px;
    padding: 10px;
    list-style-type: none;
    float: left;
    display: inline;
}

html[dir="rtl"] .menuBar .footerBarLinks {
    float: right;
}

.menuBar .footerBarLinks li {
    display: inline-block;
    padding: 0px 4px 0px 5px;
    border-left: 1px solid #e7e7e7;
    line-height: 15px;
}

html[dir="rtl"] .menuBar .footerBarLinks li {
    border-right: 1px solid #e7e7e7;
    border-left: none;
}


.menuBar .footerBarLinks li.first {
    padding-left: 0px;
    border-left: none;
}

html[dir="rtl"] .menuBar .footerBarLinks li.first {
    border-right: none;
}*/

/*----------------------------------------------------------
LEFT NAVIGATION
----------------------------------------------------------*/
.nav {
    background-color: rgb(221, 225, 235);
    width: 185px;
    padding: 1px;
    /* hide/show when profiles or policies link is clicked */
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

/* toggle start */
.nav.collapsed {
    width: 30px;
    overflow: hidden;
    height: 30px;
    text-align: center;
}

.nav.collapsed .nav-menu-text {
    display: none;
}

.nav.collapsed .container {
    display: none;
}

.nav.collapsed .content {
    display: none;
}

.content-right.collapsed {
    width: 100%;
}

.nav .nav-toggle {
    background-image: url(../../Images/arrow_blue_collapsed_RTL.png);
    background-repeat: no-repeat;
    text-indent: 16px;
    margin-left: 8px;
    display: inline-block;
    color: #4a4e56;
    cursor: pointer;
    text-decoration: none;
    font-size: 0.70em;
    font-weight: bold;
    float: right;
    height: 16px;
    width: 16px;
}

.nav.collapsed .nav-toggle {
    background-image: url(../../Images/arrow_blue_collapsed.png);
    background-position: center top;
}

/* toggle end */

.nav .nav-root {
    background-image: url(../../Images/arrow_blue_collapsed.png);
    background-repeat: no-repeat;
    text-indent: 16px;
    margin-left: 8px;
    display: inline-block;
    color: #4a4e56;
    cursor: pointer;
    text-decoration: none;
    font-size: 0.70em;
    font-weight: bold;
}

html[dir='rtl'] .nav .nav-root {
    background-image: url(../../Images/arrow_blue_collapsed_RTL.png);
    background-position: right top;
}

.nav-root a, .nav-leaf a {
    color: #4a4e56;
    text-decoration: none;
}

.nav .nav-heading {
    background-image: url(../../Images/arrow_blue_collapsed.png);
    background-repeat: no-repeat;
    text-indent: 16px;
    margin-left: 8px;
    cursor: pointer;
    display: inline-block;
    color: #4a4e56;
    text-decoration: none;
    font-size: 0.70em;
    font-weight: bold;
}

html[dir='rtl'] .nav .nav-heading {
    background-image: url(../../Images/arrow_blue_collapsed_RTL.png);
    background-position: right top;
}

.nav-heading a {
    color: #4a4e56;
    text-decoration: none;
}

.nav .nav-leaf {
    display: block;
    cursor: pointer;
    color: #4a4e56;
    text-decoration: none;
    font-size: 0.70em;
    margin: 2px;
}

.nav .nav-leaf a:hover, .nav .nav-root a:hover, .nav-heading:hover {
    color: rgb(253, 159, 19);
}

.nav h2 {
    color: #4a4e56;
    font-size: 0.8em;
    font-weight: bold;
    padding: 4px 8px;
}

.nav > .content {
    background-color: rgb(247, 248, 249);
    font-style: normal;
    padding-bottom: 5px;
    margin: 0px;
}

.nav > .content > .container {
    padding-top: 5px;
}

.nav .container .content ul {
    text-align: left;
    margin: 2px;
    padding-left: 30px;
}

html[dir='rtl'] .nav .container .content ul {
    text-align: right;
}

.container > .content {
    display: none;
}

.nav-root a.active {
    color: #155fbb;
}

.nav-heading.active {
    background-image: url(../../Images/arrow_blue_expanded.png);
    background-repeat: no-repeat;
    background-position: left top;
}

html[dir='rtl'] .nav-heading.active {
    background-image: url(../../Images/arrow_blue_expanded.png);
    background-position: right top;
}


.nav li a.active {
    color: #155fbb;
}
/*************************************************************
* AJAX LOADING PANEL
*************************************************************/
.loadPanel {
    background-color: white;
    position: absolute;
    opacity: 0.95;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    display: none;
    z-index: 2000;
}

.loadPanel .SizeSmall {
    font-size: 0.8em;
    background-image: url(/images/BusyClockFade16.gif);
    background-position: bottom;
    background-repeat: no-repeat;
    height: 16px;
    z-index: 2001;
    position: relative;
}

.loadPanel .SizeLarge {
    background-image: url(/images/Product_XeroxCloudPrint.gif);
    background-position: bottom;
    background-repeat: no-repeat;
    font-size: 1em;
    font-weight: bold;
    height: 32px;
    z-index: 2001;
    position: relative;
}

.loadPanel .image.SizeSmall {
    min-width: 16px;
}

.loadPanel .image.SizeLarge {
    min-width: 32px;
}

.loadPanel .AlignMiddle {
    margin-top: 40%;
}

.loadPanel .AlignTop {
    margin-top: 20px;
}

/*************************************************************
* xButton
*************************************************************/
/*.xButton {
    display: inline-block;
    vertical-align: bottom;
}

.xButton .left {
    background: url(/Images/Btn_Std.gif) 0px 0px no-repeat;
    border: 0px;
    margin: 0px;
    width: 10px;
    height: 22px;
    cursor: pointer;
    float: left;
}

.xButton input {
    background: url(/Images/Btn_Std.gif) 0px -96px repeat-x;
    border: 0px;
    margin: 0px;
    height: 22px;
    cursor: pointer;
    color: White;
    float: left;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    font-size: .75em;
    padding: 1px;
    font-family: Segoe UI, fo, Helvetica, sans-serif;  
}

.xButton input {
    text-align: -webkit-center;
    white-space: -webkit-nowrap;
}

.xButton .right {
    background: url(/Images/Btn_Std.gif) -22px -192px no-repeat;
    border: 0px;
    margin: 0px;
    width: 10px;
    height: 22px;
    cursor: pointer;
    float: left;
}

.xButton:hover .left {
    background-position: 0px -32px;
}

.xButton:hover input {
    background-position: 0px -128px;
    color: #4A4E56;
}

.xButton:hover .right {
    background-position: -22px -224px;
}

.xButton.disabled .left {
    background-position: 0px -64px;
    cursor: default;
}

.xButton.disabled input {
    background-position: 0px -160px;
    cursor: default;
    color: #BFBFBF;
}

.xButton.disabled .right {
    background-position: -22px -256px;
    cursor: default;
}

.xButton.disabled:hover .left {
    background-position: 0px -64px;
}

.xButton.disabled:hover input {
    background-position: 0px -160px;
}

.xButton.disabled:hover .right {
    background-position: -22px -256px;
}*/

.roundCornersOuter {
    background-color: #dde1eb;
    padding: 1px;
}

.roundCornersOuterTopSeparator {
    background-color: #fff;
    min-height: 10px;
}

/*************************************************************
* Login Styles
*************************************************************/
/* rgb(247, 248, 249) */
#loginBox {
    padding: 5px;
    background-color: rgb(247, 248, 249);
}

#loginBox .home-title {
    margin: 0px;
    padding: 5px 10px 0px 10px;
}

#loginBox .loginField {
    padding: 5px 0px 0px 5px;
    font-size: 0.7em;
    display: inline-block;
}

#loginBox .loginField.required {
    background-image: url(/images/required_field.png);
    background-position: 8px 23px;
    background-repeat: no-repeat;
}

#loginBox .loginField input {
    width: 180px;
}

#loginBox .loginField.required input {
    margin-left: 10px;
    border: 2px solid #ccc;
}

#loginBox #loginForgotPassword {
    font-size: 9pt;
    font-weight: bold;
    float: right;
    padding: 0px 5px 0px 0px;
}

#loginBox #loginRememberMe {
    clear: both;
    padding: 5px 0px 0px 5px;
}

#loginBox #loginRememberMe label {
    font-size: 0.7em;
}

#loginBox .loginField label {
    font-size: 9pt;
    color: #4A4E56;
    font-weight: bold;
}

#loginBox #loginError {
    font-size: 9pt;
    clear: both;
    color: Red;
    padding: 5px;
}

#loginBox #loginButton {
    clear: both;
    float: right;
    padding-right: 5px;
    padding-top: 5px;
}

.textField {
    padding: 5px 0px 0px 5px;
    font-size: 9pt;
    display: inline-block;
}

html[dir=rtl] .textField {
    padding: 5px 5px 0px 5px;
}

.textField div {
    padding-bottom: 1px;
}

.textField.required {
    background-image: url(/images/required_field.png);
    background-position: -1px 25px;
    background-repeat: no-repeat;
}

html[dir=rtl] .textField.required {
    background-position: right -1px top 25px;
}

.textField > input textarea select {
    width: 180px;
    font-size: 1em;
}

.textField.required > input textarea {
    margin-left: 10px;
    border: 2px solid #ccc;
}

.textField.required > select {
    margin-left: 10px;
    border: 2px solid #ccc;
}

.textField input.small {
    width: 80px;
}

.textField label {
    color: #4A4E56;
    font-weight: bold;
}

#snmpSettings {
    padding-left: 15px;
}

html[dir=rtl] #snmpSettings {
    padding-right: 15px;
}

#snmpSettings .saveAuthSettingsButton {
    float: right;
    margin-top: 25px;
    padding-right: 5px;
}

html[dir=rtl] #snmpSettings .saveAuthSettingsButton {
    float: left;
    margin-top: 25px;
    padding-left: 5px;
}

.formTable div {
    display: inline-block;
    margin: 0px;
    padding: 0px;
}

.formTable .title {
    font-size: .75em;
    font-weight: bold;
    padding-bottom: 10px;
}

.formTable.level2 {
    padding-left: 45px;
}

.formTable .row-editor {
    display: table-row;
}

.formTable.level2 .formTable .cell-label {
    font-weight: 500;
}

.formTable .cell-label {
    display: table-cell;
    font-weight: bold;
    margin-right: 10px;
    font-size: 0.75em;
    min-width: 136px;
    vertical-align: top;
}

.formTable .cell-data {
    display: table-cell;
    vertical-align: top;
}

.formTable .cell-data.caption {
    font-weight:bold;
    padding:3px 0px 3px 0px;
}

.formTable .cell-data.min-w-100 {
    min-width:100px;
}

.formTable .cell-data.w-150 {
    width: 150px;
    text-overflow:ellipsis;
}

.formTable .cell-data.caption.w-150 {
    width: 150px;
    text-overflow: ellipsis;
}

.formTable .cell-editor {
    display: table-cell;
    /* no padding top / left / right to support required blue bar */
    padding: 0px 0px 10px 0px;
}

.formTable .cell-editor input[type=text], input[type=password] {
    font-size: .75em;
    padding: 2px;
    width: 200px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFF0F1',endColorstr='#FFFFFF');
    background: -webkit-gradient(linear,left top,left bottom,from(#eff0f1),to(#fff));
    background: -moz-linear-gradient(top,#eff0f1,#fff);
    border: 1px solid #c4c7cc;
}

.fail-devices-header {
    text-decoration: underline;
    cursor: pointer;
    padding:0px 0px 6px 0px;
}

.fail-devices-container {
    max-height:300px;
    overflow:auto;
    width:100%;
}

html[dir=ltr] .formTable .cell-editor.required input {
    border-left: thick solid #2895d5;
}

html[dir=ltr] .formTable .cell-editor.required {
    background-image: none;
}

.formTable .cell-editor .radio-button {
    display: block;
    font-size: .75em;
}

.formTable .cell-editor .note {
    font-weight: normal;
    font-style: italic;
    color: #2895d5;
    font-size: .75em;
    padding-left: 10px;
    display: block;
}

.formTable label {
    font-weight: bold;
    margin-right: 10px;
    font-size: 0.75em;
}

html[dir='rtl'] .formTable label {
    margin-left: 10px;
    margin-right: 0px;
}

.formTable .required {
    background-image: url(/images/required_field.png);
    background-position: 3px 3px;
    background-repeat: no-repeat;
    box-sizing: border-box;
}

html[dir=rtl] .formTable .required {
    background-position: top 3px right 3px;
}

.formTable input[type=text], .formTable input[type=password] {
    border: 1px solid #7F9DB9;
    margin-left: 10px;
    font-size: 0.75em;
    padding: 3px;
}


html[dir=rtl] .formTable input[type=text], html[dir=rtl] .formTable input[type=password] {
    margin-right: 10px;
}

.formTable input[type=checkbox] {
    margin-left: 10px;
}

.formTable select {
    margin-left: 10px;
    border: 1px solid #7F9DB9;
}

.left-or-right select {
    overflow: auto;
}

.formTable textarea {
    margin-left: 10px;
    border: 1px solid #7F9DB9;
}


/*************************************************************
* DropDown Fields
*************************************************************/
.dropDownField {
    padding: 5px 0px 0px 5px;
}

.dropDownField div {
    float: left;
    min-width: 110px;
    display: inline-block;
    padding-top: 2px;
}

.dropDownField select {
    min-width: 140px;
    font-size: 0.75em;
}

.dropDownField label {
    color: #4A4E56;
    font-weight: bold;
    font-size: 0.75em;
}

/*************************************************************
* Label Fields
*************************************************************/
.labelField {
    clear: both;
    padding: 5px 0px 0px 5px;
    font-size: 0.75em;
}

html[dir=rtl] .labelField {
    padding: 5px 5px 0px 0px;
}

.labelField span {
    margin-left: 10px;
}

html[dir=rtl] .labelField span {
    margin-right: 10px;
}

.labelField div.title label {
    color: #4A4E56;
    font-weight: bold;
    margin-left: 0px;
    background-color: transparent;
}

.labelFieldTitle {
    color: #2895d5;
}
/*************************************************************
* Radio Fields
*************************************************************/
.radioField {
    font-size: 0.75em;
    padding: 6px 0px 0px 5px;
    display: inline-block;
}

.no-top-padding {
    padding-top: 0px;
}

.no-bottom-padding {
    padding-top: 0px;
}

.radioField span {
    font-weight: bold;
}

.radioField.required {
    background-image: url(/images/required_field.png);
    background-position: 0px 5px;
    background-repeat: no-repeat;
}

.radioField.required span {
    padding-left: 4px;
}

/*************************************************************
* Check Fields
*************************************************************/
.checkField {
    clear: both;
    margin-bottom: 10px;
}

.checkField label {
    font-size: 0.75em;
}

.checkField input {
    margin-top: 2px;
}

.checkField span {
    padding-bottom: 2px;
}

/**********************
 * Messages
 **********************/
.status-message {
    text-align: left;
    width: 100%;
    font-size: 0.75em;
    font-weight: bold;
    color: #333;
    background-color: #fff;
}

.status-messagered {
    text-align: left;
    width: 100%;
    font-size: 0.75em;
    font-weight: bold;
    color: red;
}

.status-message > img {
    vertical-align: top;
}

.globalError {
    color: #D92231;
}

.pagination a {
    color: #155fbb;
}

.actions a {
    color: #155fbb;
}

.actions a:hover {
    text-decoration: underline !important;
}

/*.buttonBar {
    padding-top: 6px;
    padding-right: 4px;
    min-height: 26px;
    float: right;
}

html[dir="rtl"] .buttonBar {
    padding-top: 6px;
    padding-left: 4px;
    min-height: 26px;
    float: left;
}

.buttonBar > div {
    float: left;
    padding: 2px 0px 2px 0px;
}*/

.searchbutton {
    float: left;
    font-size: 0.8em;
}

button.cloudPrintButton {
    background: url(/Images/Btn_Std.gif) 0px -96px repeat-x;
    background-repeat: repeat-x;
    height: 22px;
    border: 1px solid #008CC9;
    font-weight: bold;
    font-size: 0.7em !important;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    color: White;
}

button.cloudPrintButton:hover {
    background-position: 0px -128px;
    border-color: #FEC571;
    color: #4a4e56;
}

button.cloudPrintButton.disabled {
    background-position: 0px -161px;
    border-color: #9A9FA9;
    color: #838995;
}

.statsBox {
    margin-bottom: 4px;
}

/*************************************
* MENU STYLES
*************************************/

/*************************************
* ADDITIONAL FOOTER STYLES
*************************************/
/*.footer {
    clear: both;
}

.header .xeroxlogo {
    margin-top: 21px;
    display: inline;
    float: left;
}

html[dir="rtl"] .header .xeroxlogo {
    float: right;
}

.header .xeroxlogo img {
    border: 0;
    height: 17px;
}

.footer .xeroxlogo {
    margin-top: 10px;
    display: inline;
    float: right;
}

html[dir="rtl"] .footer .xeroxlogo {
    float: left;
}

.footer .xeroxlogo img {
    border: 0;
    height: 17px;
}

.footer .version {
    color: #999;
    padding-left: 10px;
    padding-right: 5px;
    font-size: 0.75em;
    float: left;
    border-right: 1px solid #e7e7e7;
}

html[dir="rtl"] .footer .version {
    float: right;
    border-left: 1px solid #e7e7e7;
    border-right: none;
}

.footer .copyright {
    color: #999;
    font-size: 0.75em;
    padding: 0px 5px;
    float: left;
}

html[dir="rtl"] .footer .copyright {
    float: right;
}

.footer .reservedtext {
    color: #999;
    font-size: 0.75em;
    padding: 10px;
    text-wrap: normal;
}



.footer .hiddenVersion {
    clear: both;
    color: #999;
    font-size: 0.75em;
    padding: 10px;
}

.footer .hiddenVersion .assembly {
    border-bottom: 1px dotted #e7e7e7;
    margin-bottom: 2px;
}*/
/*************************************
* GRAY CONTENT BOX
*************************************/
.content-gray {
    background-color: #F7F8F9;
    padding: 1px;
}

.content-gray h2 {
    padding: 6px 10px;
}

.content-gray.roundCornersOuterTop > p {
    padding: 6px 0px 6px 10px;
}

.content-gray .header {
    font-size: 0.8em;
    font-weight: bold;
    padding: 6px 10px;
}

.content-gray .header label {
    color: #2895D5;
}

.content-gray .content a {
    /*color: #008CC9;*/
    color: #155fbb;
    text-decoration: none;
}

.content-gray .content a:hover {
    text-decoration: underline;
}

.content-gray .content {
    background-color: white;
    margin: 0px;
    padding: 1px;
    font-style: normal;
}

.content-gray p {
    margin: 0px;
    padding: 0px 0px 8px 0px;
    font-size: 0.75em;
}

.content-gray dl {
    margin: 0px;
}

.content-gray dl dt {
    font-size: 0.75em;
    font-weight: bold;
    color: #155fbb;
    /*color: #008CC9;*/
}

.content-gray dl dd {
    font-size: 0.75em;
    margin: 0px 0px 10px 0px;
}

.content-gray dl dd label {
    font-weight: bold;
    display: inline-block;
    min-width: 100px;
    padding-right: 10px;
}

.content-white {
    background-color: White;
}

/*************************************
* HOME
*************************************/
.desc {
    padding-left: inherit;
}

.desc-heading-disabled {
    color: #BFBFBF;
}


.desc-heading img {
    vertical-align: middle;
}

/*************************************
* Used for watermarking textboxes
*************************************/
input.watermarked {
    color: #aeb2ba;
    font-style: italic;
}

/*************************************
* Drop Shadow
*************************************/
.raised {
    -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);
}

/*************************************
* Logged In User
*************************************/
/*.loggedInUser {
    color: #666;
    font-size: 0.75em;
    float: right;
    padding-top: 0px;
}

html[dir="rtl"] .loggedInUser {
    float: left;
}

.loggedInUser a {
    color: #2895d5;
    text-decoration: none;
}

.loggedInUser .userName img {
    vertical-align: text-bottom;
}

.loggedInUser a:hover {
    text-decoration: underline;
}

.loggedInUser .companyName {
    text-align: right;
    font-weight: bold;
    min-height: 20px;
}

html[dir="rtl"] .loggedInUser .companyName {
    text-align: left;
}

.loggedInUser .trialMode {
    color: #D92231;
}

.loggedInUser .xsmSyncInfo {
    color: #D92231;
    font-weight: normal;
}

.loggedInUser .userName {
    text-align: right;
}*/

.field-validation-error {
    color: #D92231;
}

/*************************************
* EULA
*************************************/
#eula {
    margin: 0 auto;
}

#eula textarea {
    width: 99% !important;
    height: 400px;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #4A4E56;
    color: #4A4E56;
    font-family: Segoe UI,Arial,Helvetica,sans-serif;
    font-size: 0.7em;
    margin-left: 2px;
    padding: 1px;
    text-decoration: none;
}

.actionDropDown {
    float: left;
}

.actionDropDownRight {
    float: right;
}

.actionDropDownRight .actionList .actions {
    right: 1px;
}

html[dir="rtl"] .actionDropDown {
    float: right;
}


.page-title-small {
    font-size: 0.8em;
    font-weight: bold;
    color: #155fbb;
    text-decoration: none;
    /*color: #155fbb;*/
}

.content-box.roundCornersOuterTopWhite .page-title-small {
    background-color: transparent;
}

.validation-summary {
    color: #D92231;
    font-size: 0.75em;
}

.error {
    color: #d92231;
}

.boundbox-inner {
    padding: 5px 10px 5px 10px;
    background: #F7F8F9;
}

#tiptip_content {
    max-width: 500px;
    text-shadow: none;
}

.updateLink {
    background-image: url("/Images/DropDownMenu/Edit_Enabled.png");
    background-repeat: no-repeat;
    min-height: 16px;
    padding-left: 18px;
}

.ListPager img {
    border: 0;
    vertical-align: middle;
}

.content-box-header {
    font-size: 1.2em;
    font-weight: bold;
    color: #2895d5 !important;
    text-align: left;
}

.content-box-header-small {
    font-size: 13px;
    font-weight: bold;
    color: #2895d5 !important;
    text-align: left;
    margin-bottom: 5px;
}

html[dir=rtl] .content-box-header-small {
    text-align: right;
}

.content-box {
    margin-bottom: 10px;
    padding: 1px 1px 10px 1px;
    background-color: #F7F8F9;
}

.content-box.right-container {
    padding: 5px 0px 10px 10px;
}

.content-box-inner {
    margin-left: 10px;
    margin-right: 10px;
}

/*************************************
* NO SCRIPT
*************************************/
.nojavascript {
    padding-left: 82px;
}

.nojavascript div {
    margin-left: 20px;
    margin-top: -23px;
    max-width: 720px;
}

.nojavascript span {
    text-indent: -16px;
}

/*************************************
* LEGACY - GET RID OF THESE IN MARKUP
*************************************/
.item-label-short {
    width: 240px;
    font-size: 0.75em;
    font-weight: bold;
    padding: 7px 5px 7px 7px;
    text-decoration: none;
    color: #333;
}

.div-table-col input, .div-table-col select {
    padding: 1px;
    font-size: 0.75em;
    text-decoration: none;
    margin: 2px;
    border: 1px solid #7f9db9;
    box-sizing: content-box;
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.textbox-register-update, .textbox-register-update-account, .dropdown-register-update {
    width: 270px;
    padding: 1px;
    font-size: 0.75em;
    text-decoration: none;
    margin: 2px;
    border: 1px solid #7f9db9;
    box-sizing: content-box;
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.radio-list {
    font-size: 0.75em;
}

/*************************************
* WarningBox - Used to display a warning message.  
Example: 
<div class="warningBox">
	<div class="icon"></div>
	<label>Warning Message Goes Here</label>
</div>
*************************************/
.warningBox {
    clear: both;
    margin: 10px 0px;
    min-height: 20px;
    min-width: 20px;
    zoom: 1;
}

.warningBox .icon {
    background-image: url(/Images/Icons16_Dark_Enabled.png);
    background-repeat: no-repeat;
    background-position: -220px -120px;
    background-attachment: scroll;
    width: 20px;
    height: 20px;
    float: left;
    margin-left: 10px;
}

.warningBox label {
    font-size: 0.75em;
}

.warningBox .message {
    font-size: 0.8em;
    margin-left: 30px;
}
/*
.requiredBox {
    clear: both;
    margin: 6px 0px;
    min-height: 17px;
    min-width: 5px;
    zoom: 1;
}

html[dir=rtl] .requiredBox {
    float: right;
}

.requiredBox .icon {
    background-image: url(/images/required_field.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    width: 8px;
    height: 17px;
    float: left;
}

html[dir=rtl] .requiredBox .icon {
    float: right;
}

.requiredBox label {
    font-size: 0.75em;
}

html[dir=rtl] .requiredBox label {
    padding-right: 5px;
}*/

.printer-icon {
    float: left;
    background: url('/Images/deviceicons/dev20_prtNet.png');
    width: 32px;
    height: 32px;
}

html[dir=rtl] .printer-icon {
    float: right;
}

.queue-icon {
    float: left;
    background: url('/Images/deviceicons/icon_printernetwork_enabled.png');
    width: 32px;
    height: 32px;
}

html[dir=rtl] .queue-icon {
    float: right;
}

/************************************************
* Ajax form field styles
*************************************************
Example:
<div class="field">
	<div class="editor-label">
		<%: Html.LabelFor(m => m.EmailAddress) %>
	</div>
	<div class="editor-field required">
		<%: Html.EditorFor(m => m.EmailAddress) %>
	</div>
	<div class="editor-validation"><%: Html.ValidationMessageFor(m => m.EmailAddress) %></div>
</div>
************************************************/
/*.field {
    margin: 8px 0px;
}

.field .editor-label label {
    font-size: 0.75em;
    font-weight: bold;
    background-color:#fff;
}

.field.inline .editor-label {
    display: inline;
}

.field .editor-field a {
    font-size: 0.75em;
}

.field .editor-field input {
    font-size: 0.75em;
    padding: 2px;
    width: 200px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFF0F1', endColorstr='#FFFFFF');*/ /* for IE */
/*background: -webkit-gradient(linear, left top, left bottom, from(#EFF0F1), to(#FFFFFF));*/ /* for webkit browsers */
/*background: -moz-linear-gradient(top, #EFF0F1, #FFFFFF);*/ /* for firefox 3.6+ */
/*border: 1px solid #c4c7cc;
}

html[dir=ltr] .field .editor-field.required input {
    border-left: thick solid #2895d5;
}

html[dir=ltr] .field .editor-field.required input.input-validation-error {
    border-left-color: #d92231;
}

html[dir=ltr] .formTable .cell-editor.required input.input-validation-error {
    border-left-color: #d92231;
}

html[dir=rtl] .field .editor-field.required input {
    border-right: thick solid #2895d5;
}

html[dir=rtl] .field .editor-field.required input.input-validation-error {
    border-right-color: #d92231;
}

.field.inline .editor-field {
    display: inline;
}

.field .editor-field input[type="checkbox"] {
    width: auto;
    filter: none;
    background-color: transparent;
    border: none;
    vertical-align: text-bottom;
}

.field .editor-validation span {
    font-size: 0.75em;
}

html[dir=ltr] .field .editor-field.required select {
    border-left: thick solid #2895d5;
}

html[dir=ltr] .field .editor-field.required select.input-validation-error {
    border-left-color: #d92231;
}

html[dir=rtl] .field .editor-field.required select {
    border-right: thick solid #2895d5;
}

html[dir=rtl] .field .editor-field.required select.input-validation-error {
    border-right-color: #d92231;
}

.field .editor-field select {
    font-size: 0.75em;
    border: 1px solid #c4c7cc;
    max-width: 450px;
}

.editor-field > span {
    margin-left: 10px;
    font-size: 0.75em;
}

html[dir=rtl] .editor-field > span {
    margin-right: 10px;
}*/

/************************************************
* Metro button styles
*************************************************
Example:
<button class="metro" />
<button class="metro" disabled="disabled" />
************************************************/
/*button.metro {
    padding: 6px 30px;
    border: 0;
    margin: 10px 0px;
    font-weight: bold;
    font-size: 0.75em;
    color: White;
    cursor: pointer;
    background-color: #2895d5;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7EBFE6', endColorstr='#2895d5');*/ /* IE */
/*background: -webkit-gradient(linear, left top, left bottom, from(#7EBFE6), to(#2895d5));*/ /* WEBKIT */
/*background: -moz-linear-gradient(top, #7EBFE6, #2895d5);*/ /* FIREFOX */
/*background-image: -o-linear-gradient(top, #7EBFE6, #2895d5);*/ /* OPERA */
/*}

button.metro:hover {
    color: #666;
    background-color: #fd9f13;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe4b2', endColorstr='#fd9f13');
    background: -webkit-gradient(linear, left top, left bottom, from(#ffe4b2), to(#fd9f13));
    background: -moz-linear-gradient(top, #ffe4b2, #fd9f13);
    background-image: -o-linear-gradient(top, #ffe4b2, #fd9f13);
}

button.metro[disabled="disabled"] {
    background-color: #dfe1e5;
    filter: none;
    background-image: none;
    cursor: default;
    color: #666;
}

button.metro[disabled="disabled"]:hover {
    filter: none;
    background-color: #dfe1e5;
    background-image: none;
    cursor: default;
}

button.metro.small {
    padding: 6px 12px;
}

button.metro.small.w-25 {
    padding: 6px 23px;
}

button.metro.small.disabled {
    cursor: default;
    opacity: .5;
    font-weight: normal;
    color: #666;*/
/*background-color: #dfe1e5;
    filter: none;
    background-image: none;
    cursor: default;
    color: #666;
    font-weight:normal;*/
/*}

button.metro.small.disabled:hover {*/
/* background-color: #2895d5;*/
/*filter: none;*/
/* background-color: #dfe1e5;
    background-image: none;*/
/*cursor: default;
    opacity: .5;
    background: -webkit-gradient(linear, left top, left bottom, from(#7EBFE6), to(#2895d5));*/ /* WEBKIT */
/*background: -moz-linear-gradient(top, #7EBFE6, #2895d5);*/ /* FIREFOX */
/*background-image: -o-linear-gradient(top, #7EBFE6, #2895d5);*/ /* OPERA */
/*}*/


.ui-dialog p {
    color: #4a4e56;
    font-size: 0.75em;
}

.bliContainer {
    float: right;
}

html[dir=rtl] .bliContainer {
    float: left;
}

.discoveryScanWarning {
    margin-left: 20px;
    text-indent: -20px;
    padding-left: 10px;
}

html[dir=rtl] .discoveryScanWarning {
    margin-right: 20px;
    text-indent: -20px;
    padding-right: 10px;
}

.dateTimeFormating {
    vertical-align: top;
}

html[dir=rtl] .dateTimeFormating {
    direction: ltr;
    text-align: right;
}

.paddingleft6 {
    padding-left: 6px;
    padding-bottom: 3px;
}

html[dir=rtl] .paddingleft6 {
    padding-right: 6px;
}

.paddingleft20 {
    padding-left: 24px;
    padding-bottom: 3px;
}

html[dir=rtl] .paddingleft20 {
    padding-right: 24px;
    padding-bottom: 3px;
}

.paddingleft40 {
    padding-left: 44px;
    padding-bottom: 3px;
}

.paddingleft56 {
    padding-left: 56px;
    padding-bottom: 3px;
}

.radiobuttonLabelNote {
    font-weight: normal;
    font-style: italic;
    /* color: #2895d5;*/
    color: #155fbb;
    display: block;
}

.radioField .radiobuttonLabelNote {
    padding-left:28px;
}

.buttonLabelNote {
    font-size: .75em !important;
    font-style: italic;
    color: #2895d5;
    /* color: #155fbb; */
    display: block;
    padding-left: 20px;
    padding-top: 40px;
    padding-right: 20px;
}

html[dir=rtl] .radiobuttonLabelNote {
    padding-right: 24px;
}

.paddingleft18 {
    padding-left: 20px;
    padding-bottom: 3px;
}

html[dir=rtl] .paddingleft18 {
    padding-left: 0px;
    padding-right: 20px;
}

.paddingleft30 {
    padding-left: 30px;
}

html[dir=rtl] .paddingleft30 {
    padding-left: 0px;
    padding-right: 30px;
}

html[dir=rtl] .paddingleft40 {
    padding-left: 0px;
    padding-right: 44px;
}

.paddingleft10 {
    padding-left: 16px;
}

html[dir=rtl] .paddingleft10 {
    padding-left: 0px;
    padding-right: 16px;
}

.arrowGoRight {
    background-image: url(/Images/arrow/icon_GoRight_16onDk_Enabled.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    cursor: pointer;
    background-size: contain;
    vertical-align: bottom;
}

.arrowGoLeft {
    background-image: url(/Images/arrow/icon_GoLeft_16onDk_Enabled.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    cursor: pointer;
    background-size: contain;
    vertical-align: bottom;
}

html[dir=rtl] .arrowGoRight {
    background: url('/Images/arrow/icon_GoLeft_16onDk_Enabled.png') no-repeat;
    background-position: center;
}

html[dir=rtl] .arrowGoLeft {
    background: url('/Images/arrow/icon_GoRight_16onDk_Enabled.png') no-repeat;
    background-position: center;
}

.ibutton {
    border: solid 1px #155fbb;
    background: #65a9d7;
    background: -webkit-gradient(linear, left top, left bottom, from(#155fbb), to(#155fbb));
    background: -webkit-linear-gradient(top, #155fbb, #155fbb);
    background: -moz-linear-gradient(top, #155fbb, #155fbb);
    background: -ms-linear-gradient(top, #155fbb, #155fbb);
    background: -o-linear-gradient(top, #155fbb, #155fbb);
    padding: 2px 0px 2px 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white;
    font-size: .75em;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    margin-bottom: 5px;
    width: 20px;
    height: 16px;
}

.requiredborder {
    border-left: 5px solid #2895d5;
}

.paddingleft28 {
    padding-left: 28px;
}

html[dir=rtl] .paddingleft28 {
    padding-right: 28px;
}

.subsectiondividerheigth {
    height: 10px;
}

.dashboardtable {
    background-color: rgb(238,238,238);
    border-spacing: 2px;
    border-color: gray;
    width: 100%;
    border-collapse: collapse;
}

.dashboardthead {
    /*background-color: #2895d5;*/
    color: #F7F8F9;
    background-color: #155fbb;
}

.dashboardtr {
    border: solid 1px #dcdbdb;
}

.dashboardth {
    font-size: 0.75em;
    font-weight: bold;
}

.dashboardpadding {
    padding: 4px 8px;
}

.summarytable {
    background-color: rgb(238,238,238);
    border-spacing: 2px;
    border-color: gray;
    width: 100%;
    border-collapse: collapse;
}

.summarythead {
    /*background-color: #2895d5;*/
    color: #F7F8F9;
    background-color: #155fbb;
}

.summarytr {
    border: solid 1px #dcdbdb;
}

.summaryth {
    font-size: 0.75em;
    font-weight: bold;
}

.summarypadding {
    padding: 4px 8px;
}

.textleft {
    text-align: left;
}

html[dir=rtl] .textleft {
    text-align: right;
}

.textright {
    text-align: right;
}

html[dir=rtl] .textright {
    text-align: left;
}

.dashboardtd {
    font-size: 0.75em;
    font-weight: 500;
}
.summarytd {
    font-size: 0.75em;
    font-weight: 500;
}
/***************************************
* Div-Table
***************************************/
.div-table {
    display: table;
}

.div-table.dock-full {
    width:100%;
}

.div-table.grid-data {
    font-size:.75em;
}

.div-table-row {
    display: table-row;
}

.div-table-row.caption-row {
    font-weight:bold;
    height:30px;
    background-color:lightgray;
}

.div-table-col {
    display: table-cell;
    vertical-align: middle;
}

.div-table-col.first {
    padding-left:6px;
}

.chartimagediv {
    background-color: #fff;
    color: #111;
    border: solid 1px;
    border-radius: 8px;
    border-color: rgb(169,167,167);
    margin: auto;
}

.div-table-col .link {
    color: #2895d5;
    display: inline-block;
    font-weight: bold;
    font-size: .75em;
    padding: 0px 10px 6px 0px;
}

.div-table-col .link:hover {
    cursor: pointer;
    text-decoration: underline;
}

.form-table p.notes-ex {
    padding-left: 6%;
    font-style: normal;
}

.label-domain-name {
    padding-left: 12% !important;
    padding-top: 10px;
}

.text-domain-name {
    padding-top: 10px;
}

.form-table .notes-ex.left-35 {
    padding-left: 35px;
}

.form-table .div-table-row .notes-ex.for-radio-button {
    padding-left: 30px;
    margin-top:-10px;
}

.form-table .div-table-row .notes-ex.for-radio-button.single-line {
    padding-left: 40px;
    margin-top: -4px;
}

/** popup **/

.dialog-header {
    padding: 0px 0px 10px 0px;
}

.dialog-header .page-description {
    padding-left:3px;
}

.dialog-header .notes-ex {
    padding-left: 3px;
}

/** form-table */


.form-table {
    background-color: #F7F8F9;
    /*padding-top: 10px;*/
    padding: 10px 10px 10px 10px;
}

.form-table.go-clear {
    background-color: #fff;
    padding: 10px 0px 10px 0px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-top-10 {
    padding-top: 10px;
}

.form-table.level1 {
    padding-left: 30px;
}

.form-table.level2 {
    padding-left: 45px;
    padding-top: 0px;
}

.form-table.level2 {
    padding-left: 45px;
    padding-top: 0px;
}

.form-table.level-3 {
    padding-left: 35px;
    padding-top: 0px;
}

.form-table.level-3.for-radio-button {
    padding-left: 30px;
}

.form-table.level-3.for-radio-button.single-line {
    padding-left: 45px;
}

.form-table.level-3 .notes-ex{
    padding-left: 165px;    
}

.form-table.level-3 .div-table-col.text-label {
    font-weight: 600;
    padding-left: 30px;
}

.form-table.level-3 .div-table-col.text-label.extra-padding {
    padding-left: 40px;
}

.form-table.level-3 .div-table-col.text-label.no-text {
    padding-left: 30px;
}

.form-table.level-3 .div-table-col.text-box.readonly {
    min-width: 260px;
    /* see azure AD Connection > mapping field*/
    max-width: 260px;
}

.form-table.container {
    padding-left: 10px;
}

.form-table.container.indent {
    padding-left: 20px;
}

.form-table .title {
    color: #155fbb;
    font-size: .8em;
    font-weight: bold;
    padding: 0px 0px 6px 0px;
}

.form-table .title-simple {
    font-size: .75em;
    font-weight: normal;
}

.form-table .important {
    padding: 6px 0px 6px 20px;
    font-size: .75em;
}

.form-table .important.top-level {
    padding: 0px 0px 10px 0px;
}

.form-table .title-simple.bold {
    font-weight: bold;
}

.form-table.level-2.for-radio-button {
    padding-left: 20px;
}

.form-table.level-2.for-radio-button.single-line {
    padding-left: 30px;
}

.form-table.level-2 .title {
    color:#333;
    font-size:.75em;
    padding: 0px 0px 3px 10px;
}

.form-table .title-simple.bold.disabled {
    color: #BFBFBF;
}

.form-table p {
    margin: 3px 0px;
}

.form-table .desc {
    font-size: .75em;
    padding-bottom: 6px;
}

.form-table .required > select {
    border-left: thick solid #155fbb;
    padding: 2px 3px 2px 3px;
}

.div-table-col-editor.required.w-250 > select {
    width:260px;
}

.div-table-col.left {
    padding-left: 20px;
    font-weight: bold;
}

.div-table-col.text-label {
    padding-left: 20px;
    font-weight: bold;
    font-size: .75em;
    min-width: 150px;
    vertical-align: top;
    padding-right: 4px;
    padding-bottom: 4px;
}

.div-table-col.text-label.min-w-120 {
    min-width:120px;
}

.div-table-col.text-label.min-w-130 {
    min-width: 130px;
}

.div-table-col.text-label > input{
    margin-right:6px;
}

.form-table.level-2 .div-table-col.text-label {    
    font-weight: 600;
    padding-left:30px;
}

.div-table-col.text-label.no-text {
    min-width: 0px;
}

.form-table.level-2 .div-table-col.text-label.no-text {
    padding-left:30px;
}

.div-table-col.text-label.indent {
    padding-left: 40px;
}

.div-table-col.text-label.no-indent {
    padding-left: 0px;
}

.div-table-col.text-value {
    padding: 3px 3px 3px 8px;
    font-size: .75em;
    vertical-align: middle;
}

.append-text {
    padding-left: 5px;
}

.div-table-col.readonly-text {
    padding: 0px 3px 8px 0px;
    font-size: .75em;
}

.div-table-col.readonly-text > a {
    color: #2895d5;
    cursor: pointer;
}

.div-table-col.readonly-text > a:hover {
    text-decoration: underline;
}

.div-table-col.text-value-dock-full {
    padding: 3px 3px 3px 20px;
    font-size: .75em;
    vertical-align: middle;
}

.div-table-col.left-10 {
    padding-left: 10px;
    font-weight: bold;
}

.div-table-col.right {
    float: right;
}

.form-table textarea {
    width: 355px;
    height: 55px;
    overflow: auto;
}

.form-table .print-limit-msg textarea {
    width: 100%;
    height: 80px;
    font-size: .75em;
}

.form-table .xButton input {
    padding: 2px 6px 2px 6px;
}

.form-table .notes-ex {
    padding-left: 20px;
}

.form-table .div-table-row .notes-ex {
    padding-left: 0px;
    padding-bottom: 6px;
    margin-top: -3px;
}

.form-table .div-table-col-editor  {
    display: inline-block;
}

.form-table .div-table-col-editor > button {
    margin: 0px 0px 0px 6px;
}

/*.form-table .div-table-col-editor > label {
    padding-left:4px;
    font-size:.75em;
}*/

.form-table .div-table-col-editor.radio-button {
    font-size: .75em;
    padding: 0px 0px 10px 5px;
    display: block;
}

.form-table .div-table-col-editor.radio-button.single-line {
    padding-left:15px;
}

.form-table.level-2 .div-table-col-editor.radio-button.single-line {
    padding-left: 20px;
}

.form-table .div-table-col-editor.radio-button > span{
    font-weight:bold;
}

.form-table .div-table-col-editor.single-line {
    font-size: .75em;
    padding: 0px 0px 3px 10px;
    display: block;
    font-weight:bold;
}

.form-table .div-table-col-editor.radio-button.no-bottom-padding {
    padding-bottom: 0px;
}

.form-table .div-table-col-editor.radio-button .note-text {
    color: #2895d5;
    /*  font-style: italic;*/
    display: inline-block;
    padding-left: 25px;
}

.notes-ex.for-check-box {
    padding-left:40px;
}

.form-table .div-table-col-editor.radio-button .warn-text {    
    display: inline-block;    
    color:#D92231;
    padding:3px 0px 0px 25px;
}

.form-table .div-table-col-editor.radio-button .note-text.no-left-padding {
    padding-left: 0px;
}

.form-table .div-table-col-editor.radio-button .note-text.gray {
    /*color: #666;*/
    color: #838995;
    padding-top: 4px;
}

.form-table .div-table-col-editor.radio-button .button-container {
    padding: 10px 0px 0px 45px;
}

.form-table .div-table-col-editor.radio-button > label {
    color: #333;
    background-color: transparent;
}

.form-table .div-table-col-editor.radio-button.label {
    font-weight: bold;
}

.form-table .div-table-col-editor.radio-button.label > label.disabled {
    color: #BFBFBF;
}

.form-table .div-table-col-editor.radio-button.disabled > label {
    color: #BFBFBF;
}

.form-table.title > disabled {
    color: #BFBFBF;
}

.form-table .div-table-col-editor > input {
    margin-bottom: 4px;
    padding: 3px 3px 3px 3px;
    width: 350px;
    border: solid 1px #c4c7cc;
}

.form-table .div-table-col-editor.w-50 > input {
    width: 50px;
}

.form-table .div-table-col-editor.w-250 > input {
    width: 250px;
}

.form-table .div-table-col-editor.w-150 > input {
    width: 150px;
}

.form-table .div-table-col-editor.w-280 > input {
    width: 280px;
}

.form-table .div-table-col-editor.w-300 > input {
    width: 300px;
}

.form-table .div-table-col-editor.w-300 > textarea {
    /*extra for not required*/
    width: 305px;
}

.form-table .div-table-col-editor.w-330 > input {
    width: 330px;
}

.form-table .div-table-col-editor.w-330 > textarea {
    /*extra for not required*/
    width: 335px;
}

.form-table .div-table-col-editor > input[type=radio] {
    width: auto;
    font-size: .75em;
    font: unset;
    margin-right: 5px;
}

.form-table .div-table-col-editor > input[type=checkbox] {
    width: auto;
    margin: 0px;
}


.div-table-col-editor.required > input {
    border-left: 5px solid #155fbb;
}

.form-table .div-table-col-editor > textarea {
    width: 355px;
    height: 55px;
    overflow: auto;
}

.div-table-col-editor.required > textarea {
    border-left: 5px solid #155fbb;
    width: 352px;
}

.div-table-col-editor.print-limit-msg.required > textarea {
    border-left: 5px solid #155fbb;
    width: 100%;
    height: 90px;
}

.div-table-col-editor.w-250 > textarea {
    /* adjust for non-required bar*/
    width: 257px;
}

.text-label-user-principal-name {
    padding-top: 4px !important;
}

.text-user-principal-name {
    padding-top: 4px !important;
    padding-left: 2px !important;
}

.text-user-principal-name input {
    width: 256px !important;
}

.form-table-under-checkbox {
    display: table;
    padding: 6px 0px 6px 25px;
}

.form-table-under-checkbox .title {
    color: #155fbb;
    font-weight: 700;
    padding: 0px 0px 6px 0px;
}

.form-table-under-checkbox .note-text {
    font-style: italic;
}

.form-table-under-checkbox .cell-editor-full {
    display: inline-block;
    padding: 6px 0px 0px 0px;
}

.form-table-under-checkbox .cell-editor-full .check-box-warning {    
    padding-left: 20px;;
    background-image: url(/images/icon_Warn_Enabled.png);
    background-repeat: no-repeat;
    margin:3px 0px 0px 5px;
}

/** update changes status **/
.formProcessing {
    display: table;
    padding-bottom: 10px;
    padding-top: 1px;
    margin-top: 0px;
    clear: both;
}

.formProcessing .update-status-icon {
    display: table-cell;
    vertical-align: text-bottom;
    width: 16px;
    height: 32px;
    padding-left: 24px;
}

.formProcessing .text {
    display: table-cell;
    font-size: .75em;
    vertical-align: middle;
    /*padding: 3px 3px 3px 5px;*/
    /*word-break:break-all;*/
    word-wrap: hyphenate;
}

.update-status-icon {
    min-height: 15px;
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-right: 1px;
    cursor: default;
    display: inline;
    color: #999;
}

.update-status-icon.success {
    background-image: url(../../Images/DialogStatuses/Okay_Enabled.png);
}

.update-status-icon.fail {
    background-image: url(../../Images/DialogStatuses/Fault_Enabled.png );
}

.update-status-icon.warn {
    background-image: url(../../Images/DialogStatuses/Warning_Enabled.png );
}

.update-status-icon.processing {
    background-image: url(../../Images/ajax-loader.gif );
}

.xfield-validation-error {
    color: red;
    font-size: .7em;
    display: block;
    margin-top: 0px;
    padding: 0px 0px 8px 0px;
}

/** end */

/*********************************************
* Assign / Unassign List area
**********************************************/
.manage-list {
    padding: 10px;
}

.formTable .manage-list {
    padding: 0px 0px 0px 20px;
}

.manage-list .title {
    font-size: .75em;
    font-weight: bold;
    color: #2895d5;
    padding-bottom: 5px;
}

.manage-list .title.gray {
    color: #666;
}

.manage-list.no-left-padding {
    padding-left: 0px;
}


.manage-list .left-or-right .label {
    font-size: .75em;
    padding-bottom: 5px;
}

.manage-list .header {
    font-size: .75em;
    font-weight: bold;
    padding-bottom: 5px;
}

.manage-list .items {
    font-size: .07em;
}

.manage-list .items.required select {
    border-left: solid 5px #155fbb;
}

.manage-list .items.font-adjust option {
    font-size: .9em;
}

.manage-list .left-or-right {
    background-color: #F7F8F9;
    display: table-cell;
    width: 50%;
    vertical-align: top;
}

.manage-list .left-or-right.smaller {
    width: 40%;
    padding-right: 5px;
}

.manage-list .left-or-right.larger {
    width: 60%;
    padding-left: 2px;
}

.manage-list .top-panel {
    display: block;
    vertical-align: central;
    padding: 8px 0px 8px 0px;
    width: 100%;
}

.manage-list .top-panel > input {
    /** default width **/
    width: 405px;
    padding: 2px 3px 4px 3px;
    border: solid 1px #c4c7cc;
}

.manage-list .top-panel .buttonBar {
    display: inline;
    float: none;
}

.manage-list .bottom-panel {
    display: inline-block;
    vertical-align: central;
    width: 100%;
    background-color: #e6ecf3;
}

.manage-list .bottom-panel > select {
    display: inline;
}

.manage-list .bottom-panel.required > select {
    border-left: solid 5px #2895d5;
}

.manage-list .bottom-panel .label {
    font-size: .75em;
    font-weight: 500;
}

.manage-list .error {
    font-size: .75em;
    padding-bottom: 6px;
}

.manage-list .top-panel .error {
    /* adjust margin because of the add button*/
    margin-top: -10px;
}

.manage-list .notes {
    font-size: .75em;
    padding-left: 0px;
    font-style: italic;
    color: #2895d5;
}

.manage-list .buttons {
    display: table-cell;
    padding: 22px 5px 5px 5px;
    background-color: #F7F8F9;
}

.manage-list select {
    padding-left: 0px;
    width: 100%;
}

.manage-list.min-height-150 select {
    min-height: 150px;
}

.manage-list .item {
    padding-left: 0px;
}

.manage-list .left-or-right .text input {
    border-left: 5px solid #155fbb;
    width: 95%;
    border-bottom: 1px solid #7F9DB9;
    border-top: 1px solid #7F9DB9;
    border-right: 1px solid #7F9DB9;
    padding: 3px;
    margin-bottom: 6px;
    font-size: .75em;
}

.manage-list .left-or-right .text-optional input {
    width: 95%;
    border: 1px solid #7F9DB9;
    padding: 3px;
    margin-bottom: 6px;
    font-size: .75em;
}

input:-moz-placeholder {
    color: #999999;
    padding-left: 3px;
}

input::-moz-placeholder {
    color: #999999;
    padding-left: 3px;
}

input:-ms-input-placeholder {
    color: #999999;
    padding-left: 3px;
}

input::-webkit-input-placeholder {
    color: #999999;
    opacity: 1;
    padding-left: 3px;
}

.icon-button {
    border: solid 1px #155fbb;
    background: #155fbb;
    background: -webkit-gradient(linear, left top, left bottom, from(#155fbb), to(#155fbb));
    background: -webkit-linear-gradient(top, #155fbb, #155fbb);
    background: -moz-linear-gradient(top, #155fbb, #155fbb);
    background: -ms-linear-gradient(top, #155fbb, #155fbb);
    background: -o-linear-gradient(top, #155fbb, #155fbb);
    padding: 2px 3px 2px 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white;
    font-size: .75em;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    margin-bottom: 3px;
}

.icon-button:hover {
    border: solid 1px #ffe4b2;
    color: #666;
    background-color: #fd9f13;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe4b2', endColorstr='#fd9f13');
    background: -webkit-gradient(linear, left top, left bottom, from(#ffe4b2), to(#fd9f13));
    background: -moz-linear-gradient(top, #ffe4b2, #fd9f13);
    background-image: -o-linear-gradient(top, #ffe4b2, #fd9f13);
    cursor: pointer;
}

.icon-button.disabled {
    border: solid 1px #BFBFBF;
    cursor: default;
    color: #BFBFBF;
    opacity: .5;
    background-color: #BFBFBF;
    background: #BFBFBF;
}

.icon-button.disabled:hover {
    cursor: default;
    background-color: #BFBFBF;
    background: #BFBFBF;
}

.icon-button.disabled .arrowGoLeft:hover {
    cursor: default;
    background-color: #BFBFBF;
}

.icon-button.disabled .arrowGoRight:hover {
    cursor: default;
    background-color: #BFBFBF;
}

.icon-button .go-right {
    background-image: url(/Images/arrow/icon_GoRight_16onDk_Enabled.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    background-size: contain;
    vertical-align: bottom;
}

.icon-button .go-left {
    background-image: url(/Images/arrow/icon_GoLeft_16onDk_Enabled.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    background-size: contain;
    vertical-align: bottom;
}

.content-box.disabled {
    background-color: gainsboro;
}

.div-table-row.disabled {
    background-color: gainsboro;
}

.content-gray.disabled {
    opacity: .8;
}

.important {
    color: #D92231 !important;
    font-style: italic;
    display: block;
}

.paddingleft25 {
    padding-left: 25px !important;
}

.important > label {
    font-weight: bold;
    padding-right: 3px;
    background-color: transparent;
}

.important.top-level.normal {
    color:#333;
}

.radiobutton-container {
    padding: 3px 0px 3px 20px;
}

.radiobutton-container .radiobuttonNote {
    padding-left: 40px;
    font-size: .75em;
}

.radiobuttonNote.level2 {
    color: #2895d5;
}

.radiobutton-container .radiobuttonNote.level2 {
    padding-left: 25px;
}

.paddingleft60 {
    padding-left: 60px;
}

.paddingleft40 > div {
    padding: 3px 0px 3px 20px;
}

.paddingleft40 > input[type=checkbox] {
    margin-left: 0px;
}

.radiobuttonNote {
    padding: 3px 0px 3px 25px;
    font-size: 0.75em;
    color: #838995;
}

.radiobuttonNote .important {
    padding: 3px 0px 3px 0px;
}

/*input[type=button]:focus {
    border: none;
    outline: none;
}*/

/**** END */

/** Xerox XGLYTH */

@font-face {
    font-family: 'XeroxGlyphRegular';
    src: url('../../fonts/xeroxglyph-regular-webfont.eot');
    src: url('../../fonts/xeroxglyph-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/xeroxglyph-regular-webfont.woff') format('woff'), url('../../fonts/xeroxglyph-regular-webfont.ttf') format('truetype'), url('../../fonts/xeroxglyph-regular-webfont.svg#xerox_sans_uiregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.xglyph {
    font-family: "XeroxGlyphRegular";
    color: #7f7f7f;
    vertical-align: bottom;
}

.xglyph.blue {
    color: #2895d5;
    padding: 3px 3px 3px 3px;
}

.xglyph.clickable {
    padding: 1px;
    line-height: 32px;
}

.xglyph.s24 {
    font-size: 24px;
    width: 24px;
}

.xglyph.s22 {
	font-size: 22px;
	width: 24px;
}

.xglyph.s16 {
    font-size: 16px;
    width: 24px;
}

.xglyph.trash:before {
    content: "\1F5D1";
}

.xglyph.refresh:before {
	content: "\1F5D8";
}

.xglyph.trash.red:before {
    content: "\1F5D1";
    color: #fff;
    background-color: lightcoral;
    padding: 1px 4px;
    border: solid 1px #fff;
}

.xglyph.trash:hover:before {
    color: #ff6563;
    cursor: pointer;
}

.xglyph.refresh:hover:before {
	color: #ff6563;
	cursor: pointer;
}

.childwindow .content.about {
    padding: 8px 8px 4px 13px;
}

.childwindow .content.about h2 {
    font-size: .95em;
    font-weight: bold;
}

.childwindow .content.about h3 {
    font-weight: bold;
    margin: 0px;
    font-size: .75em;
    padding-top: 10px;
}

.childwindow .content.about label {
    font-size: .75em;
    display: block;
}

.childwindow .content.no-button {
    padding-top: 15px;
    padding-bottom: 15px;
}

.ui-autocomplete {
    margin: 0;
    padding: 0;
    list-style-type: none;
    border: solid 1px #ccc;
    background-color: #fff;
    width: 270px;
    max-height: 100px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 1px;
}

.ui-autocomplete li {
    font-family: Segoe UI, Arial, Helvetica, sans-serif;
    margin: 1px;
    cursor: pointer;
    display: block;
    height: 20px;
    padding: 2px;
    font-size: 12px;
    line-height: 1.5;
}


.ui-autocomplete .ui-state-focus {
    background-color: #66afe9;
}


.ui-helper-hidden-accessible {
    display: none;
}

#ErrorMessageBoxMessage ul {
    padding-left: 15px;
}

/* site notification */

#NotificationControl {
    color: #666;
    padding: 10px 0px 10px 0px;
    clear: both;
    width: 740px;
    margin-left: auto;
    margin-right: auto;
    /* fading setting */
    animation: bannerFadeIn 2s;
    -moz-animation: bannerFadeIn 2s; /* Firefox */
    -webkit-animation: bannerFadeIn 2s; /* Safari and Chrome */
    -o-animation: bannerFadeIn 2s; /* Opera */
}

@keyframes bannerFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes bannerFadeIn { /* Firefox */
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes bannerFadeIn { /* Safari and Chrome */
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes bannerFadeIn { /* Opera */
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.info-banner-container {
    display: table;
}

.info-banner-container > span {
    display: table-cell;
    vertical-align: middle;
}

.info-banner-container .text {
    padding-left: 4px;
}

.info-banner-container .text.title {
    font-size: .8em;
    font-weight: bold;
}

.info-banner-container .text.title.critical {
    color: #D92231;
}

#NotificationControl .critical-msg {
    color: #D92231;
    font-size: .75em;
    display: inline-block;
    padding-left: 30px;
}

#NotificationControl .important-msg {
    font-size: .75em;
    display: inline-block;
    padding-left: 30px;
}

.info-banner-container .text.general {
    font-size: .75em;
}

/* form-table > table styling */
.form-table > table {
    border-spacing: 0px;
    font-size: .75em;
    padding-left: 15px;
    padding-bottom: 10px;
    width: 100%;
    padding-top: 6px;
}

.form-table > table > tbody > tr:hover {
    background-color: #FFDEAE;
    cursor: default;
}

.form-table > table > thead > tr > th {
    text-align: left;
    background-color: #F0F0F0;
    padding: 4px 4px 4px 4px;
}

.form-table > table > tbody {
    overflow: auto;
    background-color: #fff;
}

.form-table > table > tbody > tr > td {
    border-bottom: 1px solid #F7F8F9;
    /* text-overflow: ellipsis;
    overflow: hidden;*/
    vertical-align: middle;
    padding: 4px 4px 4px 4px;
}

/* XGLYPH 2019 */
@font-face {
    font-family: 'xglyphregular-2019';
    font-style: normal;
    font-weight: 400;
    src: url("../../fonts/2019/xGlyph-Regular.eot");
    src: url("../../fonts/2019/xGlyph-Regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/2019/xGlyph-Regular.woff") format("woff"), url("../../fonts/2019/xGlyph-Regular.ttf") format("truetype"), url("../../fonts/2019/xGlyph-Regular.svg#xglyphregular") format("svg");
}

.xglyph-2019 {
    font-family: "xglyphregular-2019";
    color: #7f7f7f;
    vertical-align: bottom;
}


.xglyph-2019.x24 {
    font-size: 24px;
}

.xglyph-2019.stop-fill:before {
    content: "\E1CB";
    color: #D92231;
}

.xglyph-2019.warn-yellow:before {
    content: "\E019";
    color: #FD9F13;
}

.xglyph-2019.notice-gray:before {
    content: "\E7AD";
    color: #999;
}

.xglyph-2019.notice-gray-fill:before {
    content: "\E7AE";
    color: #999;
}

/** Editable Selection **/
.xrx-editable-selection {
    position: relative;
    background-color: white;
}

.xrx-editable-selectione select {
    position: absolute;
    top: 0px;
    left: 0px;
    border: none;
    margin: 0;
}

.div-table-col.xrx-editable-selection select {
    min-width: 260px;
    /* see azure AD Connection > mapping field*/
    max-width: 260px;
}

.xrx-editable-selection input {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 230px; /* must be close to the above select styling */
    padding: 1px;
    border: none;
    background: none;
    padding-left: 5px;
    vertical-align: middle;
    margin: 4px 0px 0px 2px;
}

/*.xrx-editable-selection select:focus, .select-editable input:focus {
    outline: none;
}*/

/** Editable Selection End **/

/** clear ugly browser focus border */
/*textarea:focus, input:focus {
    outline: none;
}*/

/*a:focus {
    outline: none;
}*/

/*button:focus {
    outline: none;
}*/

/*select:focus {
    outline: none;
}*/

/*option:focus {
    outline: none;
}*/

.timeout-days {
    width: 55px;
    border: 1px solid #7f9db9;
    margin: 0px 0px 0px 1px;
    padding: 2px 0px 2px 2px;
}

#ldapAuth > label.error {
    width: 0px;
    visibility: collapse;
    display: none;
}

.div-table-col .ibutton {
    width: auto;
    margin-left: 4px;
}

/** accordion start */

h3 {
    color: #155fbb;
    font-size: 0.75em;
    font-weight: bold;
    margin: 2px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nav h3 {
    display: inline-block;
}

.nav .nav-heading.msg-box {
    color: #2895d5;
    font-size: 0.75em;
    padding: 0px 0px 3px 0px;
    margin-top: 3px;
}

.nav .nav-heading.msg-box.normal {
    color: #111;
}

.nav.right-full {
    width: 100%;
}

.nav.right-full .content {
    display: none;
}

.accordion-panel {
    background-color: rgb(221, 225, 235);
    margin-bottom: 2px;
}

.accordion-panel h3 {
    vertical-align: central;
    padding: 6px 3px 6px 18px;
    border-bottom: solid 1px #e7e7e7;
    margin: 0px;
    color: #666;
}

.accordion-icon {
    background-repeat: no-repeat;
    background-position: left center;
    margin-left: 4px;
}

.nav .content {
    background-color: rgb(247, 248, 249);
    margin: 0px;
    padding: 7px;
    font-style: normal;
}

.accordion-panel .content {
    padding: 10px;
    border-top: 0px;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
    height: auto;
    background-color: #fbf9f9;
}

/** accordion end*/

/* number spinner */


.number-spinner {
    border-top: none;
    border-bottom: none;
    display: inline-block;
}

.number-spinner input {
    width: 55px;
    float: left;
    height: 20px;
    padding-left: 4px;
}

.number-spinner input.small {
    width: 30px;
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    padding: 0;
    margin: 0;
    text-align: center;
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    right: 0;
    border-top: solid 1px #7F9DB9;
    border-right: solid 1px #7F9DB9;
    border-bottom: solid 1px #7F9DB9;
}

.number-spinner-button.ui-spinner-up {
    border-top: 1px solid #7F9DB9;
}

.number-spinner-button.ui-spinner-down {
    border-bottom: 1px solid #7F9DB9;
}

.number-spinner-button-icon {
    position: relative;
    margin-top: -8px;
    top: 50%;
    left: 0px;
    height: 16px;
}

.icon-north {
    background-image: url(/Content/Images/ui-icons_228ef1_256x240.png);
    background-position: 0 -16px;
    margin: 0px;
}

.icon-south {
    background-image: url(/Content/Images/ui-icons_228ef1_256x240.png);
    background-position: -65px -16px;
}

a.disabledLink {
    opacity: .35;
    pointer-events: none;
}

.blueBanner.small.font2 h1 {
    /*padding-top: 14px;
    font-size: 22pt;*/
    /*must be the same color as button for accessibility*/
    color: #fff;
    padding: 6px 0px 0px 50px;
    font-size: 2.6em;
}

.caps-icon {
    background-repeat: no-repeat;
    padding-left: 18px;
}

.job-limit-enabled {
    background-image: url(/Images/printertemplate/icon_AwatingValidation_16onLt_Enabled.png);
}

.job-limit-disabled {
    background-image: url(/Images/printertemplate/icon_AwatingValidation_16onLt_Disabled.png);
}

.job-limit-enable-error {
    background-image: url(/Images/printertemplate/icon_AwatingValidation_16onLt_Error.png);
}

.job-limit-disable-error {
    background-image: url(/Images/printertemplate/icon_AwatingValidation_16onLt_Disabled_Error.png);
}

.job-limit-enable-busy {
    background-image: url(/Images/printertemplate/icon_AwatingValidation_16onLt_Enabled_1.png);
}

.job-limit-disable-busy {
    background-image: url(/Images/printertemplate/icon_AwatingValidation_16onLt_Disabled_Busy.png);
}

.textboxLabelNote {
    font-style: italic;
    font-size: 0.75em;
    color: #155fbb;
}

.openidurllabel {
    font-style: italic;
    font-size: 0.75em;
    color: #155fbb;
    width: 200%;
}

.direct-printing-enabled {
    background-image: url(/Images/printertemplate/icon_direct_print_enabled.png);
}

.direct-printing-disabled {
    background-image: url(/Images/printertemplate/icon_direct_print_disabled.png);
}

.simple-arrow { 
    border: solid black;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 2px;
    margin-bottom:3px;
}

.simple-arrow.white {
    border: solid #fff;
}

.simple-arrow.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .simple-arrow {
    border: solid #fff;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 2px;
    margin-bottom: 3px;
}

.padding-left-5 {
    padding-left: 5px;
}

.simple-arrow-space {
    padding-left: 5px;
}

.number-spinner-label {
    font-size:.75em;
    font-weight:600;
}

.product-header {
    display:inline-block;
    padding-bottom:20px;
}

.product-header .xeroxlogo {
    display: inline;
    float:left;
    margin-top:20px;
}

.product-header .xeroxlogo  img {
    height:18px;
}

.blueBanner.action-title {
    line-height: 60px;
    background-image: none;
    background-color: #155fbb;
    color:#fff;
    height:auto;    
    font-size:1.6em;
}

.blueBanner.action-title .text {
    padding-left:40px;
}

.column.first.w-216 {
    width: 212px;
}

.item-height {
    height: 16px !important;
}

.div-title-align {
    float: left;
}

.form-table-cmp {
    padding: 0px 10px 10px 10px !important;
}

.form-table-dri {
    padding: 10px 10px 0px 10px !important;
}