/* Stylesheet for CSM
 */
BODY
{
    /* equal to fontStand */
    font-size: 13px;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #ffffff;
    text-decoration: none;
    margin: 0;
}

TABLE
{
    /* equal to fontStand */
    font-size: 13px;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #ffffff;
    text-decoration: none;
}

A
{
    text-decoration: none;
    color: black;
}

A:hover
{
    text-decoration: underline;
    color: red;
}

td.lablBBTBnormal
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align: left;
    color: black;
}

.fontStand
{
    font-size: 13px;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #ffffff;
    text-decoration: none;
}

.fontStandB
{
    font-size: 13px;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}
.fontStand:visited
{
    font-size: 13px;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #ffffff;
    text-decoration: none;
}
.fontStand:hover
{
    font-size: 13px;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: underline;
}

.fontStand11
{
    font-size: 11px;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #ffffff;
    text-decoration: none;
}

.fontStandBlue
{
    font-weight: bold;
    font-size: 13px;
    color: #556688;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #ffffff;
    text-decoration: none;
}

.fontStandBlue:visited
{
    font-weight: bold;
    font-size: 13px;
    color: #999999;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #ffffff;
    text-decoration: none;
}

.fontStandBlue:hover
{
    font-weight: bold;
    font-size: 13px;
    color: #556688;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: underline;
}

td.dialogFormLabel
{
    background-color: #CECECE;
}

.error
{
    color: red;
}

.captionPage, .captionPage13, .captionPage1
{
    font-size: 1.5em !important;
    font-weight: bold;
    font-family: Futura-Book, Verdana, Arial;
    color: #808080;
}

.captionPage13
{
    font-size: 1.3em !important;
}

.captionPage1
{
    font-size: 1.0em !important;
}

.menuItem
{
    background-color: Black;
    color: White;
    cursor: hand;
}

.tableHead
{
    background-color: Navy;
    color: White;
}

.tableRowOdd
{
    background-color: White;
    color: Black;
    text-align: left;
}

.tableRowEven
{
    background-color: Gainsboro;
    color: Black;
    text-align: left;
}

/*--Custom CSS--*/

/* Typo */

@font-face
{
    font-family: 'Futura-Book';
    src: url('fonts/Futura-Book.woff') format('woff');
    font-style: normal;
    font-weight: normal;
}

/* end of Typo */

body, table
{
    font-family: Futura-Book, Verdana, Arial;
    font-size: .8em;
    overflow: hidden;
}

body
{
    background-color: #e5e5e5;
}

body
{
    font-size: 62.5%;
    line-height: 1.4em;
    font-size: 1.1em;
    color: #808080 !important;
}

input[type='text'], input[type="password"], input.text, select, textarea
{
    /* height: 24px !important;     line-height: 1.4em !important;     padding: 0 3px !important;     margin: 0 !important;     vertical-align: baseline !important;     border: #adadad 1px solid !important;     color: #222 !important;  */
    border: 1px solid rgb(173, 173, 173) !important;
    border-radius: 5px;
    color: rgb(34, 34, 34) !important;
    height: 35px !important;
    line-height: 35px !important;
    margin: 0 !important;
    padding: 0 3px !important;
    vertical-align: baseline !important;
}

input[type='text'], input.text, textarea
{
    text-transform: uppercase;
}

#txtUserID, #txtPassword{
	text-transform: none;
}

input[type="text"], input[type="password"], input.text, select
{
    width: 260px !important;
}

select, textarea
{
    padding: 3px !important;
    -webkit-appearance: none;
    font-size: 1.1em;
    margin-right: 10px;
    background: none #fff;
    font-size: 1.1em;
}

select[disabled]
{
	background-color: #e5e5e5;
}

label, a, span
{
    font-size: 1.1em !important;
    border: 0 none;
    padding: 3px 0;
    white-space: normal;
    font-weight: normal;
    display: inline;
    margin: 0;
    text-align: left;
}

#lblPageCaption
{
    font-weight: normal;
    background: none;
    text-align: left;
    margin: 0;
    padding: 0;
}

.pagineMenu, .pagineMenu:hover
{
    text-decoration: none;
}

.pagineMenu
{
    vertical-align: top;
    margin: -50px 15px 0;
    background-color: #e5e5e5;
    font-family: Futura-Book !important;
}

.pagineMenu span, .pagineMenu a
{
    text-decoration: none;
}

.pagineMenu table
{
    width: 100%;
    /*height: 38px;*/
    line-height: 38px;
    vertical-align: middle;
}

.actions-bar a
{
    width: auto !important;
}

.table, .table td
{
    border: 1px solid rgba(0,0,0,0.2) !important;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 2px 10px;
}

.table td a, p a
{
    display: inline-block !important;
    color: #222 !important;
}

.table tr
{
    text-align: center !important;
}

.table tr.tableHead
{
    background-color: #dddddd;
}

.table tr.tableHead td, .table tr.tableHead td span, .panel td span, .table tr.tableHead td a
{
    color: #333 !important;
    font-weight: normal;
}

.table tr.tableHead td
{
    vertical-align: top;
    display: table-cell;
}

.table tr.tableRowEven
{
    background-color: #f1f1f1;
}

.table tr.tableRowEven td, tr.tableRowOdd td
{
    border-top: 0 !important;
    border-bottom: 0 !important;
}

.panel tbody, .panel td
{
    background-color: #fff !important;
}

.panel input[type="text"], .panel .text, select, textarea
{
    margin: 5px 0 !important;
}

.panel td span
{
    white-space: nowrap;
    text-align: left;
    display: inline-block;
}

.panel img, .table td a img, table td a img
{
    outline: 0;
    border: 0;
    margin: 5px 5px 0;
    position: relative;
    display: inline-block;
}

table div, table span, p a
{
    color: #7f7f7f !important;
    font-size: 1.1em !important;
}


.align-vertical
{
    height: 32px;
    line-height: 32px;
}

button, input[type='button'], .button, input[type='file']
{
    color: #222;
    cursor: pointer;
}

#SerialNumberNotes a#lbOK, #SerialNumberNotes a#lbCancel
{
    font-size: .88em !important;
}

#SerialNumberNotes a#lbForceSupplier
{
    display: inline-block;
    margin: 5px;
}

#SerialNumberNotes a#hlExpiryDate img
{
    margin: 0 5px 7px 5px;
}

#DeliverForm div#panSelectFacilities a
{
    font-size: .88em !important;
}

#CalendarForm
{
    font-size: .88em !important;
}

a.node-level1, a.node-level2, a.node-level3, a.node-level4
{
    outline: 0;
    white-space: nowrap;
}

td.node-level1, td.node-level2, td.node-level3
{
    font-family: Futura-Book, Verdana, Arial;
    line-height: 1.3em;
    display: block;
    width: 100%;
    background-color: #e5e5e5;
    color: #7f7f7f; /* border-bottom: 1px solid #7f7f7f; 	padding-left: 38px; */
}
td.node-level3
{
    padding-left: 38px;
    font-size: .9em;
}

table#menu-container
{
    background-color: #e5e5e5;
}

td.node-level1
{
    color: #333 !important;
    font-size: 1.4em;
    padding-top: 20px;
    text-transform: uppercase;
}

td.node-level2
{
    color: #333;
    font-size: 1.0em;
    border-bottom: 1px dashed #7f7f7f;
    text-transform: uppercase;
    padding: 10px 0 5px 30px;
    background-image: url('Images/go2.png');
    background-repeat: no-repeat;
    background-position: left 12px;
}

td.node-level2:first-child
{
    padding-top: 5px;
}

/* td.node-level3, td.node-level4
{
    color: #676767;
    border-bottom: 1px dotted #7f7f7f;
    padding-left: 30px;
} */

/* a.node-level4
{
    font-size: 1em !important;
    padding: 0 0 0 30px;
} */

div[id*="uwtLinks"] table:first-child
{
    margin-top: 7px;
}

.selected-node
{
    background-color: #7f7f7f;
}

form
{
    /* scrollbar-face-color: #8f8f8f; */
    scrollbar-highlight-color: #fff;
    scrollbar-3dlight-color: #e5e5e5;
    scrollbar-darkshadow-color: #e5e5e5;
    scrollbar-shadow-color: #e7e7e7;
    scrollbar-arrow-color: #8f8f8f;
    scrollbar-track-color: #fff;
}

/*td.selected
{
    background-color: #7f7f7f;
}*/

td.selected a
{
    /* color: #000 !important; */
    background-color: #7f7f7f;
    color: #e5e5e5 !important;
}

td.node-level2.selected
{
    /*background-image: url('Images/go_inv.png') !important;*/
}

.ui-datepicker
{
    font-size: .8em !important;
}

.ui-datepicker a.ui-state-default, .ui-datepicker a.ui-state-highlight, .ui-datepicker-header
{
    background-image: none;
    border: 1px solid #7f7f7f;
}

.ui-datepicker a.ui-state-default
{
    background-color: #e5e5e5;
}

.ui-datepicker a.ui-state-highlight
{
    background-color: #f1f1f1;
}

.ui-datepicker a.ui-state-active
{
    border: 2px solid #7f7f7f;
}

.ui-datepicker a.ui-datepicker-prev, .ui-datepicker a.ui-datepicker-next
{
    height: 1.5em;
    width: 1.5em;
}

.ui-datepicker .ui-icon.ui-icon-circle-triangle-w, .ui-datepicker .ui-icon.ui-icon-circle-triangle-e
{
    height: 12px;
}

#InvoiceViewerForm #ValidationSummary1
{
    display: inline-block;
}

#menuContainer
{
    font-size: .8em !important;
    border: 0 !important;
    min-width: 600px;
}

#menuContainer, #menuContainer li, #menuContainer li ul
{
    background-color: #fff !important;
    border: 0;
}

#menuContainer > ul > li > ul > li
{
    background-color: #b2b2b2 !important;
    text-align: left;
}

#menuContainer > ul > li > ul > li > a
{
    padding-left: 0;
    margin-left: 10px;
    border-bottom: 1px solid #7f7f7f;
}

#menuContainer > ul > li > ul > li > a > img
{
    padding-right: 5px;
}

#menuContainer > ul.sf-menu > li
{
    border-right: 1px solid #b2b2b2;
    text-align: center;
}

#menuContainer > ul.sf-menu > li:last-of-type
{
    border-right: 0;
}

#menuContainer > ul > li > ul
{
    text-align: center;
    padding: 7px 0;
    background-color: #b2b2b2 !important;
    margin-top: 0;
}

.sf-menu ul
{
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

#menuContainer a
{
    white-space: nowrap;
}

#menuContainer a.sf-with-ul
{
    padding: 0 !important;
}

#lblPageCaption
{
    font-size: 1.4em !important;
}

td.search-first-col
{
    width: 30px;
}

td.search-second-col
{
    width: 5px;
}

td.search-third-col, td.search-fourth-col
{
    width: auto;
}

td.search-third-col a, td.search-fourth-col a
{
    text-align: center;
}

td.search-twelve-col
{
    width: 165px;
}

html
{
    overflow-y: scroll;
}

.scrollable
{
    overflow: auto;
    height: 100%;
    width: 100%;
}

div.splitted-header
{
    height: 100px;
    background-color: #fff;
    overflow: hidden;
}

#VBarLinkItemsCtrl, #uwtLinksn0Nodes td, #uwtLinksn23Nodes td, #uwtLinksn26Nodes td
{
    background-color: #e5e5e5;
}

.right-aligned
{
    text-align: right !important;
    padding-right: 10px;
}

td.right-padded
{
    padding-right: 20px;
}

.border-bottom
{
    border-bottom: 1px solid #8f8f8f;
}

.border-bottom-2
{
    border-bottom: 2px solid #8f8f8f;
}

.container
{
    height: 100%;
    width: 100%;
    position: absolute;
}

/*---------------new------------------*/


td.node-level3 a
{
    /* width: 100%;  */
    line-height: 1.8 em;
    font-family: alto_pro_lt, Verdana, Arial;
    display: block;
    padding: 5px;
    color: #7f7f7f;
}

td.node-level3 a:hover, td.node-level3 a:active
{
    background-color: #7f7f7f !important;
    color: #e5e5e5 !important;
}


.node-level3
{
    outline: 0px !important;
    color: #7f7f7f !important; /* width: 83% !important;  */
}

a.node-level2
{
    color: #7f7f7f !important;
}

a.node-level3
{
    outline: 0px;
    border-bottom-color: rgba(127, 127, 127, 0.5) !important;
    border-bottom-width: 1px !important;
    border-bottom-style: dashed !important;
    color: #7f7f7f !important;
}

a.node-level4
{
    padding: 0px 0px 0px 60px !important;
    font-size: 0.8em !important;
    color: #7f7f7f;
}

a:hover.node-level4, a:active.node-level4
{
    background-color: #7f7f7f;
    color: #e5e5e5;
}

td.node-level4
{
    width: 100%;
    line-height: 1.8em;
    font-family: Futura-Book, Verdana, Arial;
    display: block;
    background-color: rgb(229, 229, 229);
}

td.tight-column
{
    width: 100px;
    max-width: 100px;
}

table.invoice-detail, table.invoice-detail td
{
    border: 0 !important;
    background-color: #e7e7e7;
}

table.invoice-detail td
{
    padding: 2px 5px !important;
}

#uwtLinks > table
{
    cursor: pointer;
}

#uwtLinks > table.expander
{
    background-position: left 75%;
    background-repeat: no-repeat;
    padding-left: 14px;
    background-color: #e7e7e7;
}

#uwtLinks > table.expander.expanded
{
    background-image: url('Images/expanded.gif');
}

#uwtLinks > table.expander.collapsed
{
    background-image: url('Images/collapsed.gif');
}

div.row-container, div.cell-container, div.label-container, div.input-container
{
    float: left;
    font-family: Futura-Book, Verdana, Arial;
    font-size: 0.98em !important;
    line-height: 1.4em !important;
}

div.row-container
{
    clear: both;
}

div.label-container > span
{
    line-height: 38px;
    margin-right: 10px;
}

div.label-container
{
    width: 140px;
    text-align: right;
}

span.title
{
    font-weight: bold !important;
}

img, input[type="image"]
{
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */
    zoom: 1;
}

.panel td span.FieldValidator
{
    color: red !important;
}

td.search-twelve-col-trimmed
{
    min-width: 165px;
	max-width: 165px;
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}


.modal-progress {
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}

.center-progress {
    z-index: 1000;
    margin: 300px auto;
    padding: 10px;
    width: 130px;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}

.center-progress img {
    height: 128px;
    width: 128px;
}