/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

/*
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: moz-none;
-ms-user-select: none;
user-select: none;

*/

html {
    min-height: 100%;
}

body {
    background-color: #626262;
    font-size: 12px;
    font-family: Arial;
    margin: 0 auto;
    padding: 0;
    color: #000;
    background: rgb(96,108,136); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(96,108,136,1) 0%, rgba(63,76,107,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(96,108,136,1)), color-stop(100%,rgba(63,76,107,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */
    overflow-y: scroll;
}

a.disabled {
    pointer-events: none;
    cursor:default;
}
a:link {
    color: #082354;
    text-decoration: none;
}

a:visited {
    color: #082354;
}

a:hover {
    color: #082354;
    text-decoration: none;
}

a:active {
    color: #082354;
}

p, ul {
    margin: 5px 0 5px 0;
    line-height: 1.6em;
}

.hide {
    display: none;
}

img.close-prompt {
    border: 1px solid rgb(0, 0, 0);
    border-radius: 20px;
    background: #ffffff;
    right: -8px;
    height: 15px;
    top: -9px;
    position: absolute;
    width: 15px;
    cursor: pointer;
}

.about-component, .about-vendor {
    position: relative;
    top: -1px;
    width: 15px;
    cursor: pointer;
}

/* HEADINGS
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
}

h1 {
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 {
    padding: 0 0 5px 0;
}

h3 {
    font-size: 14px;
    padding: 5px 0 0 0;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

h2.detailsheader {
    font-size: 20px;
    color: #5f5f5f;
}

    h2.detailsheader b {
        color: #000;
    }

/* this rule styles <h2> tags that are the
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the
page width. Or, you can specify an exact pixel width. */
#page {
    min-height: 100%;
    /*background: url(/content/Image/clouds.png) no-repeat left top;*/
}

#header {
    position: relative;
    height: 105px;
}

#content {
    padding-top: 10px;
    border-radius: 5px 5px 0 0;
    clear: both;
    background: #fff;
    background: url('/Content/Image/bg_gradient.png') repeat-x;
}

#left_column { /*background: #f3f3f3;*/
    padding-top: 27px;
}

#footer {
    color: #c6c6c6;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
}

/* HEADER COMPONENTS
----------------------------------------------------------*/

#logo {
    background: url(/Content/cssImages/bgLogo.png) no-repeat;
    width: 1057px;
    height: 100px;
    position: absolute;
    left: -465px;
    cursor: pointer;
}

#profile_menu {
    color: #363636;
    position: absolute;
    right: 16px;
    top: 10px;
    font-size: 10px;
    color: white;
}

#profile_menu a {
    color: #363636;
}

/* FORM LAYOUT ELEMENTS
----------------------------------------------------------*/
.half {
    width: 300px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.truncate {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin: 0;
}

.clickable {
    cursor: pointer;
}

/* MISC
----------------------------------------------------------*/
.clear {
    clear: both;
}

.error {
    color: Red;
}

#menucontainer {
    margin-top: 40px;
}

div#title {
    display: block;
    float: left;
    text-align: left;
}

#logindisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 10px;
    color: White;
}

#logindisplay a:link {
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited {
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover {
    color: white;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-valid {
    display: none;
}

.field-validation-error {
    font-size: 11px;
    color: #000;
    position: absolute;
    border: 1px solid #A90100 !important;
    border-top: none !important;
    background-color: #FEE !important;
    border-radius: 0 0 5px 5px;
    width: 193px;
    min-height: 20px;
    padding: 8px 4px 0 6px;
    display: none;
    z-index: 20000;
}

.field-validation-error:hover {
    display: block;
}

.input-validation-error {
    border: 1px solid #A90100 !important;
    background-color: #FEE !important;
}

.input-validation-error:hover {
    border-radius: 5px 5px 0 0 !important;
    border-bottom: 1px solid #FEE !important;
    position: relative;
    z-index: 150;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-errors ul {
    margin: 5px 0 0 15px;
}

.validation-summary-valid {
    display: none;
}
/* Custom Error
----------------------------------------------------------*/
.error-msg {
    width: inherit;
    border: 1px solid #A90100 !important;
    background-color: #FEE !important;
    color: #000 !important;
    font-weight: bold;
    font-size: 14px;
    border-radius: 5px;
    padding: 0 6px;
    min-height: 26px;
    margin-bottom: 5px;
    overflow: auto;
}

.error-msg p {
    line-height: 1;
    padding-top: 2px;
}
/* Changelog
-----------------------------------------------------------*/
ul.change-log {
    margin: 10px 10px 10px 30px;
}

ul.change-log li {
    margin: 5px 0;
    font-weight: bolder;
}

ul.change-log li ul {
    margin: 0 20px;
}

ul.change-log li ul li {
    margin: 2px 0;
    font-weight: normal;
}

/**************************/
/****** New Styling *******/

/* TAB MENU
----------------------------------------------------------*/
ul#menu {
    padding: 0;
    margin: 0;
    position: absolute;
    right: 10px;
    top: 50px;
    list-style: none;
    top: 70px;
}

ul#menu li {
    float: left;
    padding: 14px 0 14px 0;
    /*margin-left: 7px;*/
}

ul#menu li a {
    font-size: 13px;
    height: 46px;
    padding: 14px 20px;
    font-weight: bold;
    color: #363636;
    text-decoration: none;
    background-color: #e1e1e1; /*#f3f3f3 url(/content/Image/tab.png) repeat-x; */
    /* border-radius: 5px 5px 0 0 ; */
    border-left: 1px solid #C4C4C4;
    border-bottom: none;
    transition: all 200ms ease-in-out;
}

ul#menu li.selected a, #menu li a:hover {
    color: black;
    background: White !important;
}

#menu li a.clicked {
    color: gray !important;
}

/* CONTENT TAB
----------------------------------------------------------*/
ul.tabs {
    font-size: 12px;
    list-style: none;
    padding: 0;
    /*width: 860px;*/
    height: 30px;
    float: left;
    margin: 0 !important;
}

ul.tabs li {
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    border: 1px solid #EBEBEB;
    background: #EBEBEB url(/Content/cssImages/bgTab.png) repeat-x;
    margin: 0 2px 0 0;
    padding: 0;
    height: 29px;
    line-height: 29px;
    float: left;
    position: relative;
}

ul.tabs li a {
    padding: 0 10px;
    color: #000;
    text-decoration: none;
    display: block;
}

ul.tabs li a:hover {
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    background: #FFF;
    border-bottom: #EBEBEB 1px solid;
    color: #082354;
}

ul.tabs li.active {
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    background: #EBEBEB;
    border-bottom: #EBEBEB 1px solid;
    color: #082354 !important;
}

ul.tabs li.active a, a:hover {
    background: #EBEBEB;
    border-bottom: #EBEBEB 1px solid;
    color: #082354;
}

.tab_container {
    background: #FFF;
    border: 1px solid #EBEBEB;
    width: 100%;
    clear: both;
    float: left;
    padding-top: 10px;
    border-radius: 0 5px 5px 5px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

.tab_container_big {
    background: #FFF;
    border: 1px solid #EBEBEB;
    width: 100%;
    clear: both;
    float: left;
    padding-top: 10px;
    border-radius: 0 5px 5px 5px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

.tab_content {
    padding: 0 10px 10px;
}

.tab_content:not(:first-child) {
    display: none;
}

/* ETC
----------------------------------------------------------*/
/*.dataValueField input, .dataValueField input:hover, a, a:hover { border:none; }*/
input[type=submit], button {
    border: none;
}

.logo {
    background: url('/Content/cssImages/bgLogo.png') no-repeat;
}

.container {
    /* background: #FFF url('/Content/cssImages/bgMain.png') repeat-x; */
    min-height: 100px;
    padding: 10px;
    border-radius: 5px 5px 0 0;
}

.content {
    background: #FFF;
    float: left;
    width: 100%;
    padding: 10px;
    /*border-radius: 5px 5px 0 0 ;*/
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

.content-big {
    background: #FFF;
    float: left;
    width: 100%;
    padding: 10px;
    /*border-radius: 5px 5px 0  0 ;*/
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

.btnTop {
    float: left;
    text-align: center;
    margin-right: 5px;
}

.btnTop a {
    font-size: 11px;
    font-weight: bold;
    background: url('/Content/cssImages/btnTop.png') repeat-x;
    padding: 8px;
    border-radius: 5px;
}

.btnTop a:hover {
    background: #ededed;
}

p.username {
    margin: 8px 0 0 0;
}

#footer a {
    color: #999;
}

/* Navigation
----------------------------------------------------------*/
.shadow {
    background: url('/Content/cssImages/bgShadow.png') no-repeat;
    position: absolute;
    z-index: -1;
    right: -40px;
    top: -16px;
    width: 210px;
    height: 340px;
}

.sideNavigation {
    background: #FFF;
    width: 30px;
    min-height: 340px;
    float: left;
    cursor: pointer;
    margin-right: 10px;
    border-radius: 5px 5px 0 0;
    display: none;
}

.sideNavigationBig {
    position: absolute;
    min-width: 230px;
    min-height: 340px;
    z-index: 1500;
    background: #FFF;
    padding-left: 0;
    display: none;
    cursor: pointer;
    border-radius: 5px 0 0 0;
}

.sideNavigationLeft {
    background: url('/Content/cssImages/bgLeft.png') no-repeat;
    width: 20px;
    min-height: 340px;
    margin: 15px 0 5px 5px;
}

.sideNavigationRight {
    background: url('/Content/cssImages/bgRight.png') no-repeat;
    width: 20px;
    min-height: 340px;
    margin: 15px 0 5px 5px;
}

.navContent {
    float: left;
    padding-top: 15px;
    margin: 0 0 0 10px;
    background: #FFF;
    padding-right: 5px;
    min-height: 340px;
    min-width: 200px;
    border-radius: 0 5px 0 0;
}

/* Breadcrumb and hr
----------------------------------------------------------*/
.breadCrumb {
    color: #7c7c7c;
    font-size: 11px;
    margin: 5px 0;
}

hr.hr-content {
    min-width: 850px;
    background: url('/Content/cssImages/bgHr.png') repeat-x;
    height: 1px;
    margin: 15px 0;
    display: inline-block;
    width: 100%;
}

.hr-content:after, .hr-content:before {
    content: " "; /* Older browser do not support empty content */
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

/* Telerik-Grid
----------------------------------------------------------*/
.t-grid {
    min-width: 800px;
    margin-top: 18px;
}

.t-grid table {
    table-layout: fixed;
}

.t-grid td {
    white-space: nowrap;
}
/*.t-grid-content { min-height: 300px; }*/
.t-datepicker {
    min-width: 198px;
    display: block;
}
/*.t-filter-options input { width: auto !important; min-width: 0  !important; }*/

.t-button {
    display: inline-block;
    color: #000 !important;
    margin: 0;
    padding: 2px 6px;
    border-width: 0 !important;
    border-style: solid;
    font-family: inherit;
    font-size: 100%;
    line-height: 1.435;
    text-align: center;
    cursor: pointer;
    background: rgb(202, 202, 202);
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}

.t-plus, .t-icon {
    -webkit-touch-callout:  none;
    -webkit-user-select:  none;
    -khtml-user-select:  none;
    -moz-user-select:  moz-none;
    -ms-user-select:  none;
    user-select:  none;
}

/* Button
----------------------------------------------------------*/
.btn-container {
    float: right;
    margin-top: -8px;
}

.btn-container > form {
    float: left;
}

.greenBorder {
    border: 1px solid #246f01 !important;
}

.redBorder {
    border: 1px solid red !important;
}

a.techButton, input[type="submit"].techButton, button.techButton {
    font-size: 11px;
    font-weight: bold;
    background: #10306E url('/Content/cssImages/btnContent.png') repeat;
    text-align: center;
    padding: 8px;
    margin: 0;
    float: right;
    color: #FFF;
    cursor: pointer;
    border-radius: 5px;
    overflow: hidden;
    margin-left: 4px;
    border: none !important;
}

a.redBorder, input[type="submit"].redBorder, button.redBorder {
    background: Red;
    cursor: default;
}

a.techButtonDisabled, input[type="submit"].techButtonDisabled, button.techButtonDisabled {
    font-size: 11px;
    font-weight: bold;
    background: #FF0000 url('/Content/cssImages/btnContentDisabled.png') repeat;
    text-align: center;
    padding: 8px;
    margin: 0;
    float: right;
    color: #000000;
    cursor: pointer;
    border-radius: 5px;
    overflow: hidden;
}

a.techButtonGrey, input[type="submit"].techButtonGrey, button.techButtonGrey {
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    border: 1px solid #D5D9DC;
    background: #FFF url('/Content/cssImages/btnGrey.png') repeat-x;
    margin: 0;
    text-align: center;
    padding: 6px;
    float: right;
    color: #000;
    border-radius: 5px;
    overflow: hidden;
    margin-left: 4px;
    background-color: #f8f8f8;
}

input[type="submit"].techButtonGrey:hover {
    background: #EBEBEB;
}

a.techButton:hover {
    background: #10306E url('/Content/cssImages/btnContent.png') repeat;
    color: #FFF;
    border-radius: 5px;
}

/* Data fields
----------------------------------------------------------*/
.data-wrapper {
    width: 355px;
    float: left;
    min-height: 50px;
    position: relative;
    z-index: 1;
}

.dataTextField, .dataTextFieldSpecial {
    float: left;
    margin: 14px 10px 0 10px;
    width: 120px;
    text-align: right;
    height: 18px;
    font-size: 12px;
    font-weight: bold;
}

.dataTextFieldSpecial {
    width: 190px;
}

.dataTextFieldHeader {
    float: left;
    margin: 6px 10px 0 0;
    width: 200px;
    text-align: center;
    padding-top: 12px;
    font-weight: bold;
    height: 16px;
    font-size: 12px;
}

.dataValueFieldCheckBox {
    width: 190px;
    margin: 6px 10px 10px 0;
    height: 24px;
    padding: 6px 4px 0 6px;
    float: left;
}

.dataValueField {
    width: 188px;
    min-height: 22px;
    padding: 7px 4px 0 6px;
    float: left;
    border: 1px solid #D5D9DC;
    border-radius: 5px;
    margin: 6px 10px 10px 0;
}

.dataValueFieldImage {
    max-width: 200px;
    min-height: 30px;
    margin: 0 10px 10px 0;
    float: left;
    border-radius: 5px;
    overflow: hidden;
}

.dataValueFieldMultiLine {
    border: 1px solid #D5D9DC;
    border-radius: 5px;
    padding: 7px 6px;
    width: 186px;
    min-height: 16px;
    float: left;
    margin: 6px 10px 10px 0;
}

.dataValueFieldActive {
    width: 200px;
    min-height: 30px;
    margin: 0 10px 10px 0;
    float: left;
}

.dataValueFieldActive input[type="text"], .dataValueFieldActive input[type="password"], .dataValueFieldActive input[type="number"] {
    min-width: 195px;
    padding: 0 4px;
    margin: 6px 0 0 0;
    height: 28px;
    border: none;
    border: 1px solid #D5D9DC;
    border-radius: 5px;
    color: #000;
    background-color: #FFF;
}

.dataValueFieldActive input[type="text"]:focus, input[type="password"]:focus, .dataValueFieldActive input[type="number"]:focus {
    border-color: #082354;
}

.dataValueFieldActive input[type="text"].t-input, .dataValueFieldActive input[type="number"].t-input {
    width: 190px;
    padding-top: 1px;
    padding-bottom: 1px;
    margin: 6px 0 0 0;
}
/*.dataValueFieldActive select { min-width: 200px; padding: 0  4px 0  0 ; margin: 10px 10px 0  0 ; }*/
.dataValueFieldActive textarea {
    border: 1px solid #D5D9DC;
    border-radius: 5px;
    padding: 10px 4px 0 4px;
    min-width: 195px;
}

.columnTwo {
    margin-left: 356px;
}

/* Logon
----------------------------------------------------------*/
div.logon .techButton {
    float: left;
}

div.logon .dataValueFieldCheckBox {
    width: auto;
}

/* Logon
----------------------------------------------------------*/
.custom_select {
    background: #FFF url(/Content/cssImages/bgSelect.png) right no-repeat;
    cursor: pointer;
    min-width: 188px;
    padding: 6px 4px;
    margin: 6px 0 0 0;
    height: 16px;
    border: none;
    border: 1px solid #D5D9DC;
    border-radius: 5px;
    color: #000;
}

.custom_select:hover {
    background: #FFF url(/Content/cssImages/bgSelectHover.png) right no-repeat;
}

.selectwrapper {
    margin-top: -3px;
    margin-left: 0;
    background: #FFF;
    padding-right: 2px;
    display: none;
    position: absolute;
    width: 196px;
    border: 1px solid #D5D9DC;
    border-radius: 0 0 5px 5px;
    max-height: 150px;
    overflow: auto;
}

.selectwrapper .selectitems {
    position: relative;
    padding: 3px;
    z-index: 300000;
    margin-left: 2px;
    border-bottom: solid 1px #E6EAED;
}

.selectwrapper .last {
    border: none;
}

.selectwrapper .selectitems span {
    padding-left: 5px;
}

.selectwrapper .hoverclass {
    background-color: #D5D9DC;
    cursor: pointer;
}

.selectwrapper .selectedclass {
    background-color: #D5D9DC;
}

.selectfooter {
    height: 8px;
    margin-bottom: -5px;
}

/* TEMP styling
------------------------------------------------------------*/
h3.HeaderClass {
    float: left;
    width: 300px;
}

    h3.HeaderClass a {
        color: #000;
    }

h3.toggle-header {
    float: left;
    width: 350px;
    cursor: pointer;
}

h3.toggle-body {
    display: block;
    width: inherit;
    clear: both;
}

h3.ul-header {
    cursor: pointer;
}

.summary {
    float: right;
    width: 450px;
    text-align: right;
    font-size: 11px;
    color: #082354;
}

.elementHide {
    display: block;
    width: inherit;
    clear: both;
}

/* Dark styling
------------------------------------------------------------*/

.tab_container, .tab_container_big {
    background: #EBEBEB;
}

/*ul.tabs li.active {
	background: #EBEBEB;
	border-bottom: #EBEBEB 1px solid;
}

ul.tabs li.active a, a:hover {
	background: #EBEBEB;
	border-bottom: #EBEBEB 1px solid;
	color: black;
}*/

.dataTextField {
    color: #4E4E4E;
}

.dataValueField, .dataValueFieldMultiLine {
    font-size: 12px;
    color: #000;
    border-color: #BEBEBE;
    background: #EBE9E9;
}

.dataValueField > img {
    padding: 0 0 5px 0;
}

.status-notice, .amd-status-notice {
    text-align: center;
    background: #BDE7BF;
    padding: 6px;
    position: relative;
    top: -15px;
    margin: 0;
    border-radius: 0 0 5px 5px;
    border: 1px solid #BEBEBE;
    display: none;
    font-weight: bold;
    max-height: 33px;
    z-index: 10;
}

.status-notice-close, .amd-status-notice-close {
    position: relative;
    color: red;
    right: -14px;
    float: right;
    top: -17px;
    cursor: pointer;
    z-index: 100;
}

.status-notice-close:hover, .amd-status-notice-close:hover {
    background: none;
    z-index: 100;
}

/** Select List Styling **/
.tech-select select {
    background: transparent;
    width: 100%;
    padding: 5px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 28px;
    /*-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;*/
}

.tech-select {
    margin: 6px 0 0 0;
    width: 200px;
    height: 28px;
    overflow: hidden;
    background: #ffffff; /* url(/Content/cssImages/bgSelect.png) no-repeat right;*/
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 1px;
    /*position: relative;
    z-index: 10;*/
}

.tech-select > img {
    position: relative;
    top: -29px;
    right: 0;
    float: right;
}

.tech-select:hover {
    background: #ffffff; /*url(/Content/cssImages/bgSelectHover.png) no-repeat right;*/
}

/* AMD styling PROTOTYPE
------------------------------------------------------------*/
table.a-table {
    min-width: 840px;
    margin: 0;
    border: 1px solid #999;
    width: 100% !important;
}

table select, table input {
    width: 100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

table.table-checkbox input[type=checkbox] {
    width: 200%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

table.a-table tr > th {
    height: 19px;
    vertical-align: middle;
    padding: 2px 5px;
    margin: 0;
    font-weight: bold;
    background: #d5d5d5 repeat-x 0 -852px;
    border: 1px solid #999;
}

table.a-table tr > th.a-header-action {
    width: 85px;
}

table.a-table tr td > a {
    cursor: pointer;
    padding: 2px 0;
    text-align: center;
    width: 98%;
    color: Blue;
    float: left;
}

table.a-table tr td > a:hover {
    background: none;
    border: none;
}

table.a-table tr:nth-child(even) td {
    background: #EEEEEE;
}

table.a-table tr > td {
    padding: 4px 5px;
    margin: 0;
    vertical-align: inherit;
    background: #FFF;
}

.a-content {
    min-width: 840px;
    background: url('/Content/cssImages/bgHr.png') repeat-x;
    height: 1px;
    margin: 25px 0 5px 0;
}

.a-loading {
    position: relative;
    left: 50%;
    margin-left: -16px;
}

.a-wrapper {
    border: 1px solid #D3D3D3;
    border-radius: 5px;
    padding: 10px;
    background: #FFF;
    position: relative;
    top: 10px;
    overflow: auto;
    margin-bottom: 10px;
    width: 100% !important;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

.a-wrapper > table.a-table {
    width: 815px;
    min-width: 805px;
}

.a-wrapper > table.a-table tr > th.a-header-action {
    width: 75px;
}

.a-wrapper > table.a-table tr td > a {
    cursor: pointer;
    border-radius: 5px;
    padding: 2px 0;
    text-align: center;
    border: 1px solid #999;
    background: #d5d5d5 repeat-x 0 -852px;
    width: 98%;
    color: #000;
    float: left;
}

.a-wrapper > input[type=text], table.a-table tr td > input[type=text] {
    padding: 2px 3px;
    border-radius: 5px;
    border: 1px solid #999;
    margin-bottom: 0;
}

.a-wrapper > input[type=number], table.a-table tr td > input[type=number] {
    padding: 2px 3px;
    border-radius: 5px;
    border: 1px solid #999;
    margin-bottom: 0;
}

table.a-table tr.a-tr-cursor {
    cursor: pointer;
}

    table.a-table tr.a-tr-cursor:hover > td {
        background: #D3D3D3 !important;
    }

table.a-table tbody > tr > td.a-date-field {
    width: 70px;
    text-align: right;
}

table.a-table tbody > tr > td.a-number-field {
    text-align: right;
}

table.a-table tbody > tr.knockoutHistory > td {
    background: #BDE7BF;
}

/* Service Card */
.wrapper-red {
    position: relative;
}

img.background-red {
    opacity: 0.2;
    filter: alpha(opacity=20); /* For IE8 and earlier */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

/* DashBoard */
.dashboard-info {
    margin: 10px;
    list-style: none;
}

.dashboard-info > li {
    margin: 5px;
    float: left;
    position: relative;
}

.dashboard-info > li a {
    padding: 10px 5px;
    width: 90px;
    height: 90px;
    border-left: 6px solid #95B3D7;
    border-radius: 0 5px 5px 0;
    background-color: #cecece;
    float: left;
    overflow: hidden;
    border-bottom: none;
}

.dashboard-info > li a:hover {
    background-color: #DCE6F4;
}

.dashboard-info > li a.dashboard-info-red {
    background-color: #FAB4B4;
}

.dashboard-info > li a.dashboard-info-red:hover {
    background-color: #ef616f;
}

.dashboard-info > li a.dashboard-info-yellow {
    background-color: #ffff006b;
}
.dashboard-info > li a.dashboard-info-yellow:hover {
    background-color: #ffff00;
}

.dashboard-info > li a.dashboard-info-pink:hover {
    background-color: #FF7CF4;
}

.dashboard-info > li a.dashboard-info-pink {
    background-color: #ff7cf461;
}

.dashboard-info > li a > span {
    font-weight: bold;
    font-size: 23px;
    display: block;
    position: absolute;
    top: 70px;
}

.dashboard-info > li a > span.dashboard-info-bottom {
    font-weight: bold;
    font-size: 12px;
    display: block;
    position: absolute;
    top: 91px;
    right: 5px;
}

.transparent-context {
    background-color: #aeabab;
    opacity: 0.4;
    -ms-filter: "alpha(opacity=40)";
    filter: "alpha(opacity=40)";
    width: 99.9%;
    height: 99.9%;
    position: absolute;
    z-index: 1500;
    top: 1px;
    left: 1px;
}

.middle {
    float: none !important;
    padding-top: 20px;
}

/* Prompt layout definition */
.prompt-wrapper {
    display: none;
}

.prompt-context {
    z-index: 2000;
    position: absolute;
    margin-top: -51px;
    margin-left: 60px;
    width: 820px;
    height: 90px;
    background-color: #EBEBEB;
    border: 1px solid #999999;
    padding: 20px;
    border-radius: 5px;
    text-align: center;
    top: 350px;
}

.prompt-context > p {
    margin-bottom: 20px;
    font-weight: bold;
}

/** btn-menu **/
ul.btn-menu, ul.btn-menu ul.sub-menu {
    padding: 0;
    margin: 0;
    float: right;
    line-height: 1.17em;
}

ul.btn-menu li, ul#menu ul.sub-menu li {
    list-style-type: none;
    display: inline-block;
}

ul.btn-menu li a, ul#menu li ul.sub-menu li a {
    text-decoration: none;
    display: inline-block;
}

ul.btn-menu li {
    position: relative;
}

ul.btn-menu li ul.sub-menu {
    display: none;
    position: absolute;
    top: 26px;
    right: 0;
    padding-top: 4px;
    padding-left: 4px;
    padding-right: 4px;
    z-index: 10;
    background: rgb(14,36,80); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(14,36,80,1) 0%, rgba(24,51,111,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(14,36,80,1)), color-stop(100%,rgba(24,51,111,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(14,36,80,1) 0%,rgba(24,51,111,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(14,36,80,1) 0%,rgba(24,51,111,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(14,36,80,1) 0%,rgba(24,51,111,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(14,36,80,1) 0%,rgba(24,51,111,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e2450', endColorstr='#18336f',GradientType=0 ); /* IE6-9 */
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: -3px 4px 3px 1px rgba(0, 0, 0, 0.20);
}

ul.btn-menu li ul.sub-menu.gray {
    background: rgb(248,248,248); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(222,222,222,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,248,248,1)), color-stop(100%,rgba(222,222,222,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(222,222,222,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(222,222,222,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(222,222,222,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(248,248,248,1) 0%,rgba(222,222,222,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#dedede',GradientType=0 ); /* IE6-9 */
    border: 1px solid #d5d9dc;
    top: 24px;
    border-top: none;
    box-shadow: -3px 4px 3px 1px rgba(0, 0, 0, 0.05);
}

ul.btn-menu li ul.sub-menu.gray .techButtonGrey {
    background: none;
}

ul.btn-menu li ul.sub-menu.gray .techButtonGrey:hover {
    background: #DCDCDC;
}

ul.gray > li {
    width: 100%;
}

ul.gray > li > a {
    width: 98%;
}

ul.gray .techButtonGrey:hover {
    background: #DCDCDC;
}

ul.btn-menu li ul.sub-menu a.techButton, ul.btn-menu li ul.sub-menu input.techButton[type="submit"], ul.btn-menu li ul.sub-menu button.techButton {
    background: none;
    text-align: left;
}

ul.btn-menu li ul.sub-menu a.techButton:hover, ul.btn-menu li ul.sub-menu input.techButton[type="submit"]:hover, ul.btn-menu li ul.sub-menu button.techButton:hover {
    background: #060521;
}

ul.btn-menu li ul.sub-menu li a.techButton {
    min-width: 120px;
    margin: 0 0 0 0;
    border: none;
}

ul.btn-menu li ul.sub-menu li a.techButtonGrey {
    min-width: 120px;
    margin: 0 0 0 0;
    border: none;
}

ul.btn-menu li ul.sub-menu li input[type=submit].techButton {
    min-width: 136px;
    margin: 0 0 0 0;
    border: none;
}

ul.btn-menu li:hover ul.sub-menu {
    display: block;
}

/** Pop-Up layout **/
.warning-content div.transparent-context {
    background-color: #D5D9DC;
    opacity: 0.4;
    -ms-filter: "alpha(opacity=40)";
    filter: "alpha(opacity=40)";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1500;
    top: 1px;
    left: 1px;
}

.warning-content div.context {
    z-index: 2000;
    position: absolute;
    margin-top: 139px;
    margin-left: 60px;
    width: 840px;
    height: 180px;
    background-color: #EBEBEB;
    border: 2px solid #FAB4B4;
    padding: 10px;
    border-radius: 5px;
}

.warning-content div.context > h3 {
    color: red;
    font-size: 25px;
}

.warning-content div.context > p {
    font-weight: bold;
}

/* Print layout definition */
.print-parameters {
    display: none;
}

.frame-report {
    display: none;
}

.print-transparent-context {
    background-color: black;
    opacity: 0.8;
    -ms-filter: "alpha(opacity=80)";
    filter: "alpha(opacity=80)";
    position: fixed;
    z-index: 50;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.print-parameters-context {
    z-index: 100;
    position: fixed;
    /*margin-top: -51px;
    margin-left: -10px;*/
    width: 840px;
    height: 250px;
    background-color: #EBEBEB;
    border: 1px solid #999999;
    padding: 20px;
    border-radius: 5px;
    left: 50%;
    top: 180px;
    margin-left: -420px;
    /*margin-top: -90px;*/
}

.print-label-parameters-context {
    z-index: 100;
    position: fixed;
    /*margin-top: -51px;
    margin-left: -10px;*/
    width: 840px;
    height: 410px;
    background-color: #EBEBEB;
    border: 1px solid #999999;
    padding: 20px;
    border-radius: 5px;
    left: 50%;
    top: 180px;
    margin-left: -420px;
    /*margin-top: -90px;*/
}

.print-parameters-context > a {
    z-index: 10000;
}

.techButton img, .techButtonGrey img {
    margin-top: -4px;
}

ul#menu_print, ul#menu_print ul.sub-menu {
    padding: 0;
    margin: 0;
    float: right;
    line-height: 1.17em;
}

ul#menu_print li, ul#menu ul.sub-menu li {
    list-style-type: none;
    display: inline-block;
}

ul#menu_print li a, ul#menu li ul.sub-menu li a {
    text-decoration: none;
    display: inline-block;
}

ul#menu_print li {
    position: relative;
}

ul#menu_print li ul.sub-menu {
    display: none;
    position: absolute;
    top: 22px;
    right: 0;
    width: 100px;
    padding-top: 10px;
    z-index: 10;
}

ul#menu_print li:hover ul.sub-menu {
    display: block;
}

#ui-datepicker-div {
    z-index: 9999 !important;
}

.table-color-indicator {
    width: 100%;
    background: #F1293D;
    height: 100%;
}

.table-color-indicator.active {
    background: #77933C !important;
}

.breadcrumb-list {
    list-style: none;
    height: 29px;
    overflow: hidden;
}

.breadcrumb-list li {
    float: left;
}

.breadcrumb-list li a {
    color: #7c7c7c;
    text-decoration: none;
    padding: 6px 0 6px 40px;
    background: #F5F5F5;
    position: relative;
    display: block;
    float: left;
}

.breadcrumb-list li a:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid #F5F5F5;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}

.breadcrumb-list li a:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid white;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}

.breadcrumb-list li:first-child a {
    padding-left: 10px;
}

.breadcrumb-list li:last-child a {
    background: #FCFCFC !important;
    padding-right: 10px;
    color: black;
    pointer-events: none;
    cursor: default;
}

.breadcrumb-list li:last-child a:after {
    border: 0;
}

.breadcrumb-list li a:hover {
    background: #93c1e0;
    color: white;
}

.breadcrumb-list li a:hover:after {
    border-left-color: #93c1e0 !important;
}

.breadcrumb-overlay {
    position: absolute;
    left: 10px;
    right: 10px;
    height: 40px;
    margin-top: -40px;
    z-index: 9999;
}

.typePart > td {
    background-color: #77933C !important;
}

.checkOut {
    background-color: #F1293D !important;
}

.checkIn {
    background-color: #77933C !important;
}

.label-preview {
    width: 400px;
    height: 400px;
    border-style: solid;
    border-color: gray;
    border-width: 1px;
    border-radius: 5px 5px;
    background-color: white;
    position: relative;
}

.label-line {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
}

.qrcode {
    width: 150px;
    height: 150px;
    position: absolute;
    bottom: 45px;
    right: 20px;
}

.label-bottom {
    position: absolute;
    bottom: 0px;
    width: 400px;
}

.label-text {
    margin-left: 20px;
}

#PrinterErrorMessage {
    font-size: 20px;
    color: red;
    text-align:center;
    margin-top: 10px;
}
.alertify-alert {
    border-color: red;
}