@charset "utf-8";
/* CSS Document */

.main {
    background: #fff url(../skins/blueGray/mainBg.png) repeat-x top;
    border-top: solid 1px #fff;
    border-left: solid 1px #fff;
    border-right: solid 1px #fff;
}

body, .header {
    background: #484848;
}

#dock ul li a, #mainmenu, #formLogin label {
    color: #484848;
}

.leftDock {
    background: #eaeaea url(../skins/blueGray/verticalLine.png) repeat-y 21px 0;
    border-top: solid 1px #c0c0c0;
}

.rightDock {
    background: #eaeaea url(../skins/blueGray/verticalLine.png) repeat-y -4px 0;
    border-top: solid 1px #c0c0c0;
}

.nice fieldset.halfLeft, .nice fieldset.halfRight, .nice fieldset {
    background: #eee;
}

.nice legend, input[disabled].buttonbox, input[disabled].buttonbox:hover, #dock ul li.head {
    background: #ccc;
}

input[disabled] {
    background: #FEFFEA;
    border: solid 1px #ccc;
    color: #000;
}

select[disabled] {
    background: #FEFFEA;
    border: solid 1px #ccc;
    color: #000;
}

input[disabled].buttonbox {
    color: #fff;
}

input[disabled].buttonbox:hover {
    color: #fff;
}

.inputBox {
    background: #FFF url(../skins/blueGray/whiteDot.png) repeat-x top;
}

.nuvosBox .nuvos, .buttonSmall {
    border: solid 1px #959595;
    color: #fff;
    background: #a8b2c5 url(../skins/blueGray/whiteDot.png) repeat-x top;
}

.nuvosBox .nuvos:hover, .buttonSmall:hover {
    background: #a8b2c5;
}

.formBox {
    background: #fff6bf url(../skins/blueGray/whiteDot.png) repeat-x top;
    border: solid 1px #fdd845;
    color: #333333;
}

a {
    color: #000;
}

.inputBox {
    border: solid 1px #c0c0c0;
}

.inputBox label {
    color: #4a4a4a;
}

/* Button */
#formLogin input.button {
    border: solid 1px #959595;
    background: #a8b2c5 url(../skins/blueGray/whiteDot.png) repeat-x top;
    color: #fff;
}

#formLogin input.button:hover {
    background: #a8b2c5;
}

.buttonbox {
    border: solid 1px #959595;
    background: #a8b2c5 url(../skins/blueGray/whiteDot.png) repeat-x top;
    color: #fff;
}

.buttonbox:hover {
    background: #a8b2c5;
}

/* Header */
.header {
    border-bottom: solid 1px #2a498c;
}

.header .exoduz, .header .comp, .menu.intro, .companySelect {
    color: #fff;
}

.companySelect select, ul.menu, #root-menu-div ul {
    background: #fff;
}

.menu {
    background: #8497bf;
    border-bottom: solid 1px #a8b6d1;
    border-top: solid 1px #a8b6d1;
}

#mainmenu {
    background: #8497bf;
}

.headDivider {
    border-top: solid 1px #28498c;
}

div.menu-item a {
    color: #000;
}

#root-menu-div ul {
    border: 1px solid #28498c;
}

li.active {
    background-color: #a8b6d1;
}

.activetarget {
    background-color: #a8b6d1;
}

li.menu-separator {
    border-bottom: 1px solid #28498c;
}

.headerTitle {
    border-bottom: solid 1px #C0C0C0;
    color: #C0C0C0;
}

/* Footer */
.footer {
    color: #fff;
}

/* Docking */
#dock li {
    border-bottom: dotted 1px #c0c0c0;
    background: url(../skins/blueGray/icons.png) no-repeat;
}

#dock ul li {
    background: #fff;
    border-bottom: dotted 1px #ccc;
}

#dock ul li .head:hover {
    background: #fff;
    border-bottom: solid 1px #231d18;
}

#dock ul li.head {
    border: solid 1px #aaa;
}

#dock ul li.head a {
    color: #fff;
}

#dock li ul {
    background-color: #fff;
}

.rightDock a {
    background: url(../skins/blueGray/icons.png) no-repeat;
    border-bottom: dotted 1px #c0c0c0;
}

a.homeButton {
    background-position: -25px 0;
}

a.homeButton:hover {
    background-position: 0 0;
}

a.chgPwdButton {
    background-position: -25px -24px;
}

a.chgPwdButton:hover {
    background-position: 0 -24px;
}

a.chgSkinButton {
    background-position: -25px -48px;
}

a.chgSkinButton:hover {
    background-position: 0 -48px;
}

a.logOutButton {
    background-position: -25px -72px;
}

a.logOutButton:hover {
    background-position: 0 -72px;
}

a.chgCompanyTypeButton {
    background-position: 0 -96px;
}

a.chgCompanyTypeButton:hover {
    background-position: -25px -96px;
}

.langSelector a {
    border-bottom: none;
    border-top: dotted 1px #c0c0c0;
}

a.preferences {
    background-position: -25px -117px;
}

a.preferences:hover {
    background-position: 0 -117px;
}

/* Input Area Styling */
div.inlineContents dt strong {
    color: #36F;
}

/* Grid System Color */
.gridContainer .box {
    border: solid 1px #c0c0c0;
    background: #eaeaea url(../skins/blueGray/whiteDot.png) repeat-x top;
}

.gridContainer .box.yellow {
    background: #fff6bf url(../skins/blueGray/whiteDot.png) repeat-x top;
    border: solid 1px #fdd845;
}

.gridContainer .box.green {
    background: #9FC url(../skins/blueGray/whiteDot.png) repeat-x top;
    border: solid 1px #fdd845;
}

.gridContainer .box.red {
    background: #F99 url(../skins/blueGray/whiteDot.png) repeat-x top;
    border: solid 1px #fdd845;
}

#
.gridContainer .box.dark {
    background: #a8b2c5 url(../skins/blueGray/whiteDot.png) repeat-x top;
    border: solid 1px #8497bf;
}

.gridContainer .box.blue {
    background: #E5EEF8 url(../skins/blueGray/whiteDot.png) repeat-x top;
    border: solid 1px #C6DAF0;
}

/* Table Grid Styling */
.gridWidth, .halfGridWidth {
    background: url(../skins/blueGray/gridBG.png) repeat;
}

div.grid ul.vert li {
    border-bottom: solid 1px #ededed;
    border-top: solid 1px #fff;
}

div.grid ul.vert li.tblrow1 {
    background-color: #fafafa;
}

div.grid ul.vert li.tblrow2 {
    background-color: #fff;
}

div.grid ul.vert li.tblrow1_hover {
    border-bottom: solid 1px #dddddd;
    border-top: solid 1px #dddddd;
    background-color: #a8b6d1;
}

div.grid ul.vert li.tblrow2_hover {
    border-bottom: solid 1px #dddddd;
    border-top: solid 1px #dddddd;
    background-color: #a8b6d1;
}

div.grid ul.vert li.tblrow1_hover ul li, div.grid ul.vert li.tblrow2_hover ul li {
    border-top: solid 1px #a8b6d1;
}

div.grid ul.vert li.tableheader ul.horz li {
    border-bottom: solid 1px #d0d0d0;
    border-right: solid 1px #d0d0d0;
    height: 17px;
    background: #ebecee url(../skins/blueGray/tableHeader.png);
}

div.grid ul.vert li.tablefooter {
    background: #ebecee;
}

div.grid ul.horz li.VINumber_hover {
    background: #FF0;
}

.clickable {
    background: #CF0;
}

div.grid ul.horz li.qtyty_hover {
    background: #FF9;
}

.gridHeader {
    background: #EBECEE;
}

.grid a {
    color: #000;
}

.resizeHandle {
    border-right: solid 1px #fff
}

.tableheader ul li div.resizeHandle:hover {
    background: #9F9;
}

.tableheader ul li div:hover {
    border-bottom: 2px solid #FFCC66;
}

/* Notification */
.fonterror, #formLogin .fonterror {
    color: #CC0000;
}

/* Contents */
.contentHeadTitle {
    border-bottom: 1px solid #C0C0C0;
    color: #C0C0C0;
}

/* Login */
#loginWrap, .login1#loginWrap {
    background: #fff;
}

#loginWrap .headTitle div {
    border-bottom: solid 1px #a8b6d1;
    border-top: solid 1px #a8b6d1;
    background: #8497bf;
}

#loginWrap .headTitle {
    border-bottom: solid 1px #2a498c;
    border-top: solid 1px #2a498c;
}

.formWrap {
    border-top: solid 1px #fff;
    background: url(../skins/blueGray/mainBg.png) repeat-x top;
}

/* tab selector */
#tab {
    border-bottom: solid 1px #fff;
}

#tab a span {
    background: #d5d5d5;
    color: #a1a1a1;
    border-top: solid 1px #fff;
    border-left: solid 1px #fff;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #999999;
}

#tab a:hover span {
    color: #FFF;
}

#tab .current a span {
    background: url(../skins/blueGray/mainBg.png) top repeat-x;
    color: #4a4a4a;
    border: none;
}

.paging {
    border: solid #c0c0c0 1px;
    background: #eaeaea url(../skins/blueGray/whiteDot.png) repeat-x top;
}

/*----message----*/
a.msgButton,
.msgButton {
    background: transparent url(../skins/blueGray/messageIcon.png) 50% 50% no-repeat;
    border-bottom: dotted 1px #c0c0c0;
}

a.msgButton:hover,
.msgButton:hover {
    background: transparent url(../skins/blueGray/messageIconHover.png) 50% 50% no-repeat;
}

/*----adminChatButton----*/
.adminChatButton,
.adminChatButton:hover {
    background-image: url(../skins/blueGray/icons.png);
    background-repeat: no-repeat;
    border-bottom: dotted 1px #c0c0c0;
    height: 24px;
    margin-top: 0;
}
.adminChatButton {
    background-position: -77px -46px;
}
.adminChatButton:hover {
    background-position: -52px -46px;
}