/*
This stylesheet has been automatically compiled from SCSS syntax http://sass-lang.com/
If you need to modify it, please do it directly to the source files and recompile
*/
@font-face { font-family: 'League'; src: url("fonts/LeagueGothic/League_Gothic.eot"); src: local("League Gothic"), local("LeagueGothic"), url("fonts/LeagueGothic/League_Gothic.woff") format("woff"), url("fonts/LeagueGothic/League_Gothic.ttf") format("truetype"), url("fonts/LeagueGothic/League_Gothic.svg#LeagueGothic") format("svg"); }

@font-face { font-family: 'Silkscreen'; src: url("fonts/Silkscreen/slkscr.eot"); src: local("Silkscreen"), local("Silkscreen"), url("fonts/Silkscreen/slkscr.woff") format("woff"), url("fonts/Silkscreen/slkscr.ttf") format("truetype"), url("fonts/Silkscreen/slkscr.svg#Silkscreen") format("svg"); }

@font-face { font-family: 'WebSymbols'; src: url("fonts/WebSymbols/WebSymbols.eot"); src: url("fonts/WebSymbols/WebSymbols.eot?#iefix") format("embedded-opentype"), url("fonts/WebSymbols/WebSymbols.woff") format("woff"), url("fonts/WebSymbols/WebSymbols.ttf") format("truetype"), url("fonts/WebSymbols/WebSymbols.svg#WebSymbols") format("svg"); font-weight: normal; font-style: normal; }

/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

body { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; vertical-align: middle; }

q, blockquote { quotes: none; }

q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

/* HTML ELEMENTS */

body { font-size: 12px; line-height: 1.5em; font-family: Tahoma, Verdana, Arial; color: #4b4646; background-color: white; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; }

h1 { font-size: 1.666em; line-height: 1.8em; margin: .6em 0  0.3em; }

h2 { font-size: 1.5em; line-height: 1em; margin: 1.666em 0 0.333em; }

h3 { font-size: 1.333em; line-height: 1.125em; margin: 1.875em 0 0.375em; }

h4 { font-size: 1.166em; line-height: 1.285em; margin: 2.142em 0 0.428em; }

p { margin: 0 0 1.5em; }

a { color: #8b0000; cursor: pointer; }
a:visited { color: #7d2ca0; }
a:hover { color: red; }
a:active { color: red; }

caption { font-weight: bold; margin: 0 0 1em; }

input, select, textarea { font-size: inherit; font-family: inherit; padding: 2px; }

hr { margin: 1.5em 0 1.5em; border: 0 none; height: 1px; background-color: #e3e0e0; }

ol, ul { margin: 1.5em 0; }

ol { list-style-type: decimal; }
ol ol, ol ul { margin-bottom: 0; margin-top: 0; }

ul { list-style-type: disc; }
ul ul, ul ol { margin-bottom: 0; margin-top: 0; }

li { margin-left: 1.5em; }

dl { overflow: auto; }
dl dt { font-weight: bold; text-align: right; margin-right: 1em; float: left; clear: left; }
dl dd { float: left; }

strong, b, .strong { font-weight: bold; }

em, i, .em { font-style: italic; }

/* GENERAL CLASSES */
.subtle { color: #b1acac; }

.note { font-size: 0.833em; line-height: 1.8px; }

.highlighted { background-color: #FFE900; }

.remark { font-weight: bold; }

.fullWidth { width: 100%; }

ol.itemsList li, ul.itemsList li { margin-bottom: 1.5em; }
ol.itemsList .itemTitle, ul.itemsList .itemTitle { font-weight: bold; }

.horizontalList { overflow: auto; }
.horizontalList li { float: left; margin-bottom: 1em; }

.rbList td, .cbList td { padding-right: 1em; }

.msgBox, .errorMsgBox, .successMsgBox, .infoMsgBox, .warningMsgBox { margin: 0 0 1.5em; position: relative; font-weight: bold; padding: .666em; border: 1px solid #b1acac; background-color: #f2f2f2; }
.msgBox ol, .msgBox ul, .errorMsgBox ol, .errorMsgBox ul, .successMsgBox ol, .successMsgBox ul, .infoMsgBox ol, .infoMsgBox ul, .warningMsgBox ol, .warningMsgBox ul { margin: 0 0 0 5px; display: inline-block; vertical-align: top; }
.msgBox li, .errorMsgBox li, .successMsgBox li, .infoMsgBox li, .warningMsgBox li { list-style-type: disc; margin-left: 1em; }

.msgBox:before, .errorMsgBox:before, .successMsgBox:before, .infoMsgBox:before, .warningMsgBox:before { display: inline-block; vertical-align: text-bottom; width: 16px; height: 16px; overflow: hidden; text-indent: 32px; white-space: nowrap; background: url(img/Sprites16.png) no-repeat 0 0; position: relative; margin-right: 5px; }

.errorMsgBox { color: #b72b2b; background-color: #f9e8e8; border-color: #8e2121; }

.errorMsgBox:before { content: "Error: "; background-position: -32px 0px; }

.successMsgBox { color: #508d45; background-color: #e3f0e1; border-color: #3d6b34; }

.successMsgBox:before { content: "Success: "; background-position: -16px 0px; }

.infoMsgBox { color: #476392; background-color: #e5eaf3; border-color: #364c70; }

.infoMsgBox:before { content: "Info: "; background-position: -64px 0px; }

.warningMsgBox { color: #c67700; background-color: #ffe8c6; border-color: #935800; }

.warningMsgBox:before { content: "Warning: "; background-position: -48px 0px; }

.errorText { color: #b72b2b; }

.warningText { font-weight: bold; color: #fab808; }

.tbx-20, .fixedItemWidth-20 li { width: 20px; }

.ddl-20 { width: 28px; }

.tbx-40, .fixedItemWidth-40 li { width: 40px; }

.ddl-40 { width: 48px; }

.tbx-60, .fixedItemWidth-60 li { width: 60px; }

.ddl-60 { width: 68px; }

.tbx-80, .fixedItemWidth-80 li { width: 80px; }

.ddl-80 { width: 88px; }

.tbx-100, .fixedItemWidth-100 li { width: 100px; }

.ddl-100 { width: 108px; }

.tbx-120, .fixedItemWidth-120 li { width: 120px; }

.ddl-120 { width: 128px; }

.tbx-140, .fixedItemWidth-140 li { width: 140px; }

.ddl-140 { width: 148px; }

.tbx-160, .fixedItemWidth-160 li { width: 160px; }

.ddl-160 { width: 168px; }

.tbx-180, .fixedItemWidth-180 li { width: 180px; }

.ddl-180 { width: 188px; }

.tbx-200, .fixedItemWidth-200 li { width: 200px; }

.ddl-200 { width: 208px; }

.tbx-220, .fixedItemWidth-220 li { width: 220px; }

.ddl-220 { width: 228px; }

.tbx-240, .fixedItemWidth-240 li { width: 240px; }

.ddl-240 { width: 248px; }

.tbx-260, .fixedItemWidth-260 li { width: 260px; }

.ddl-260 { width: 268px; }

.tbx-280, .fixedItemWidth-280 li { width: 280px; }

.ddl-280 { width: 288px; }

.tbx-300, .fixedItemWidth-300 li { width: 300px; }

.ddl-300 { width: 308px; }

.tbx-320, .fixedItemWidth-320 li { width: 320px; }

.ddl-320 { width: 328px; }

.tbx-340, .fixedItemWidth-340 li { width: 340px; }

.ddl-340 { width: 348px; }

.tbx-360, .fixedItemWidth-360 li { width: 360px; }

.ddl-360 { width: 368px; }

.tbx-380, .fixedItemWidth-380 li { width: 380px; }

.ddl-380 { width: 388px; }

.tbx-400, .fixedItemWidth-400 li { width: 400px; }

.ddl-400 { width: 408px; }

/* MAIN LAYOUT */
#Page { min-width: 760px; }

#Header { height: 118px; background: url(img/HeaderBg.gif) repeat-x 0 0; position: fixed; top: 0; left: 0; width: 100%; min-width: 760px; z-index: 10; }

#Application { position: absolute; top: 0; left: 0; background: url(img/AppNameBg.png) no-repeat 0 0; height: 75px; min-width: 25px; }
#Application div.AppName { font-size: 2.4em; position: absolute; left: 20px; top: 16px; font-variant: small-caps; font-family: League, Impact, Arial; white-space: nowrap; }
#Application div.AppName a { color: #4b4646; text-decoration: none; }
#Application div.AppName a:hover { color: #8b0000; }
#Application div.AppInfo { position: absolute; top: 34px; left: 20px; font-size: 8px; white-space: nowrap; color: #807777; font-family: Silkscreen, Verdana; }
#Application div.AppInfo .AppDb { letter-spacing: -1px; }

#Logo { position: absolute; top: 36px; right: 12px; }
#Logo a { display: block; width: 160px; height: 29px; white-space: nowrap; overflow: hidden; background: url(img/YazakiLogo.png) no-repeat 0 0; text-indent: 200px; }

.loginBar { font-family: Tahoma, Verdana, Arial; font-size: 0.916em; color: #b1acac; background: url(img/LoginBarStartBg.png) no-repeat 0 -4px; position: absolute; top: 0; right: 0; height: 22px; padding-left: 90px; }
.loginBar > .menu { padding-right: 10px; background: url(img/VertGrad.png) repeat-x 0 -216px; height: 22px; }
.loginBar > .menu li { list-style-type: none; margin: 0; position: relative; }
.loginBar > .menu li.langButton:hover { background-color: black; }
.loginBar > .menu li ul.langOptions { border: solid 1px #020202; border-bottom: none; position: absolute; top: 22px; left: 0; background-color: #222222; z-index: 40; }
.loginBar > .menu li ul.langOptions a { border-top: solid 1px #313131; border-bottom: solid 1px #020202; padding-left: 26px; }
.loginBar > .menu li ul.langOptions a:hover, .loginBar > .menu li ul.langOptions a.langSelected { background-color: black; }
.loginBar > .menu li ul.langOptions a span { position: absolute; top: 3px; left: 5px; }
.loginBar > .menu > ul { border-left: solid 1px #020202; border-right: solid 1px #313131; height: 22px; margin: 0; }
.loginBar > .menu > ul > li { float: left; border-left: solid 1px #313131; border-right: solid 1px #020202; line-height: 16px; }
.loginBar > .menu > ul > li.noLinkItem { padding: 3px 5px; height: 16px; }
.loginBar > .menu > ul > li span[class$="-16"] { float: left; margin-right: 0; }
.loginBar > .menu > ul > li span + .iconText { margin-left: 5px; }
.loginBar > .menu > ul > li a { color: #b1acac; text-decoration: none; display: block; padding: 3px 5px; height: 16px; white-space: nowrap; }
.loginBar > .menu > ul > li a:hover { background-color: black; color: #e3e0e0; }

.navBar { font-family: Verdana, Arial; background: url(img/MenuBarEndBg.png) no-repeat 100% 0; height: 30px; position: absolute; left: 0; top: 50px; padding-right: 107px; z-index: 50; }
.navBar .nav { background: url(img/VertGrad.png) repeat-x 0 -126px; height: 30px; padding-left: 1em; }
.navBar .nav ul { margin: 0; }
.navBar .nav li { position: relative; cursor: pointer; list-style-type: none; margin: 0; }
.navBar .nav .navItem { background: url(img/VertGrad.png) repeat-x 0 -126px; color: #f7d5d6; display: block; height: 30px; line-height: 30px; padding: 0 8px; white-space: nowrap; text-decoration: none; font-weight: bold; border-top: solid 1px #ed676a; border-bottom: solid 1px #a60d11; text-overflow: ellipsis; }
.navBar .nav .navItem:hover, .navBar .nav .navItem:active { background: url(img/VertGrad.png) repeat-x 0 -156px; border-left-color: #7e0a0d; border-right-color: #920c0f; }
.navBar .nav .selectedItem, .navBar .nav .selectedItem:hover { background: url(img/VertGrad.png) repeat-x 0 -186px; color: #4b4646; border-top-color: #edbd69; border-bottom-color: #e49000; }
.navBar .nav span.arrowDown-16, .navBar .nav span.arrowRight-16 { position: absolute; top: 8px; right: 3px; margin-right: 0; }
.navBar .nav > ul { border-left: solid 1px #a60d11; border-right: solid 1px #ed676a; height: 30px; }
.navBar .nav > ul > li { float: left; }
.navBar .nav > ul > li ul { border: 1px solid #a60d11; width: 165px; position: absolute; display: none; }
.navBar .nav > ul > li > .navItem { border-left: solid 1px #ed676a; border-right: solid 1px #a60d11; border-top: 0 none; border-bottom: 0 none; }
.navBar .nav > ul > li > .selectedItem, .navBar .nav > ul > li > .selectedItem:hover { border-left-color: #edbd69; border-right-color: #e49000; }
.navBar .nav > ul > li > .hasChildren { padding-right: 22px; }
.navBar .nav > ul > li > ul { top: 30px; left: 0; }
.navBar .nav > ul > li > ul > li ul { top: -1px; left: 165px; }

#PageBar { background: url(img/VertGrad.png) repeat-x 0 -239px; height: 35px; padding: 0 18px; position: absolute; top: 83px; left: 0; right: 0; z-index: 10; }
#PageBar .breadcrumb { color: #b1acac; line-height: 30px; font-size: .916em; white-space: nowrap; }
#PageBar .breadcrumb a { color: #b1acac; text-decoration: none; }
#PageBar .breadcrumb a[href]:hover { color: #e3e0e0; }
#PageBar .breadcrumb .currentNode { color: #e3e0e0; font-weight: bold; }

.notifications { position: fixed; top: 113px; left: 1.5em; right: 1.5em; }
.notifications ul { margin: 0; list-style-type: none; border: solid 1px #807777; border-top: none; background-color: #e6e6e6; box-shadow: 0 0 4px #4b4646; padding-top: 0.5em; }
.notifications ul li { margin: 0 0.5em 0.5em; }
.notifications ul li .errorMsgBox, .notifications ul li .warningMsgBox, .notifications ul li .infoMsgBox, .notifications ul li .successMsgBox { margin: 0; padding: 0.5em 42px 0.5em 1em; line-height: 1.5em; }
.notifications ul li .errorMsgBox .ntfClose, .notifications ul li .warningMsgBox .ntfClose, .notifications ul li .infoMsgBox .ntfClose, .notifications ul li .successMsgBox .ntfClose { position: absolute; top: 0; right: 0; height: 30px; width: 30px; font-family: WebSymbols; text-align: center; line-height: 30px; text-decoration: none; font-size: 14px; }
.notifications ul li .errorMsgBox .ntfClose:hover, .notifications ul li .warningMsgBox .ntfClose:hover, .notifications ul li .infoMsgBox .ntfClose:hover, .notifications ul li .successMsgBox .ntfClose:hover { color: #FFF; }
.notifications ul li .errorMsgBox .ntfClose { color: #f9e8e8; border-left: solid 1px #8e2121; border-bottom: solid 1px #8e2121; background-color: #b72b2b; }
.notifications ul li .errorMsgBox .ntfClose:hover { background-color: #8e2121; }
.notifications ul li .warningMsgBox .ntfClose { color: #ffe8c6; border-left: solid 1px #935800; border-bottom: solid 1px #935800; background-color: #c67700; }
.notifications ul li .warningMsgBox .ntfClose:hover { background-color: #935800; }
.notifications ul li .infoMsgBox .ntfClose { color: #e5eaf3; border-left: solid 1px #364c70; border-bottom: solid 1px #364c70; background-color: #476392; }
.notifications ul li .infoMsgBox .ntfClose:hover { background-color: #364c70; }
.notifications ul li .successMsgBox .ntfClose { color: #e3f0e1; border-left: solid 1px #3d6b34; border-bottom: solid 1px #3d6b34; background-color: #508d45; }
.notifications ul li .successMsgBox .ntfClose:hover { background-color: #3d6b34; }
.notifications .ntfToggle { position: absolute; top: -30px; right: -1px; height: 30px; border-left: solid 1px #020202; border-right: solid 1px #313131; z-index: 20; background-color: #222222; }
.notifications .ntfToggle a { position: relative; display: block; font-weight: bold; height: 30px; color: #fab808; text-decoration: none; line-height: 30px; border-left: solid 1px #313131; border-right: solid 1px #020202; padding: 0 30px 0 20px; }
.notifications .ntfToggle a span:first-child { position: absolute; left: -12px; top: 2px; margin: 0; }
.notifications .ntfToggle a span.ntfArrows { font-size: 10px; font-family: WebSymbols; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); writing-mode: tb-lr; position: absolute; top: 0; right: 0; text-align: center; width: 30px; height: 30px; }
.notifications .ntfToggle a:hover { background-color: black; }
.notifications .ntfToggle a:active, .notifications .ntfToggle a:focus { outline: none; }

#Content { margin-top: 118px; padding: 1.5em; position: relative; z-index: 5; }

.twoCol, .twoCol-25-75, .twoCol-250px-V, .threeCol { margin-bottom: 1.5em; width: 100%; table-layout: fixed; }
.twoCol > tbody > tr > td, .twoCol-25-75 > tbody > tr > td, .twoCol-250px-V > tbody > tr > td, .threeCol > tbody > tr > td { vertical-align: top; }
.twoCol .col1, .twoCol-25-75 .col1, .twoCol-250px-V .col1, .threeCol .col1 { width: 50%; }
.twoCol .col2, .twoCol-25-75 .col2, .twoCol-250px-V .col2, .threeCol .col2 { width: 50%; }
.twoCol .firstColWrap, .twoCol-25-75 .firstColWrap, .twoCol-250px-V .firstColWrap, .threeCol .firstColWrap { margin-right: 1em; }
.twoCol .middleColWrap, .twoCol-25-75 .middleColWrap, .twoCol-250px-V .middleColWrap, .threeCol .middleColWrap { margin: 0 1em; }
.twoCol .lastColWrap, .twoCol-25-75 .lastColWrap, .twoCol-250px-V .lastColWrap, .threeCol .lastColWrap { margin-left: 1em; }

.twoCol-25-75 .col1 { width: 25%; }
.twoCol-25-75 .col2 { width: 75%; }

.twoCol-250px-V .col1 { width: 250px; }
.twoCol-250px-V .col2 { width: inherit; }

.threeCol .col1 { width: 33%; }
.threeCol .col2 { width: 34%; }
.threeCol .col3 { width: 33%; }

.sectionGrid { margin-bottom: 0em; }
.sectionGrid .sectionTitle { border-bottom: solid 3px #4b4646; height: 2.6em; }
.sectionGrid .sectionTitle h1, .section .sectionTitle h2, .section .sectionTitle h3, .section .sectionTitle h4, .section .sectionTitle h5 { font-size: 1.333em; line-height: 2.25em; margin: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.sectionGrid .sectionContent { border-bottom: solid 1px #4b4646; }
.sectionGrid .sectionContent .sectionHeader { background: url(img/Honeycomb.gif) repeat 0 0; padding: 2px 4px; border-bottom: solid 1px #b1acac; }
.sectionGrid .sectionContent .sectionBody { margin: 1.5em 0; }
.sectionGrid .sectionContent .sectionFooter { background: url(img/Honeycomb.gif) repeat 0 0; padding: 2px; border-top: solid 1px #b1acac; }

.section { margin-bottom: 1.333em; }
.section .sectionTitle { border-bottom: solid 3px #4b4646; height: 2.6em; }
.section .sectionTitle h1, .section .sectionTitle h2, .section .sectionTitle h3, .section .sectionTitle h4, .section .sectionTitle h5 { font-size: 1.333em; line-height: 2.25em; margin: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.section .sectionContent { border-bottom: solid 1px #4b4646; }
.section .sectionContent .sectionHeader { background: url(img/Honeycomb.gif) repeat 0 0; padding: 2px 4px; border-bottom: solid 1px #b1acac; }
.section .sectionContent .sectionBody { margin: 1.5em 0; }
.section .sectionContent .sectionFooter { background: url(img/Honeycomb.gif) repeat 0 0; padding: 2px; border-top: solid 1px #b1acac; }

/* SPRITES */
.mySearch-16, .mySave-16, .myDocument-16, .myCog-16, .myDelete-16, .myArrowRight-16 { display: inline-block; vertical-align: text-bottom; width: 16px; height: 16px; overflow: hidden; white-space: nowrap; background: url(img/Sprites16.png) no-repeat 0 0; position: relative; margin-right: 5px; }
.success-16, .error-16, .warning-16, .info-16, .user-16, .plus-16, .logout-16, .star-16, .question-16, .document-16, .save-16, .cancel-16, .email-16, .search-16, .hand-16, .cog-16, .delete-16, .arrowDown-16, .arrowRight-16, .clock-16, .graph-16, .calendar-16, .pic-16, .world-16 { display: inline-block; vertical-align: text-bottom; width: 16px; height: 16px; overflow: hidden; text-indent: 32px; white-space: nowrap; background: url(img/Sprites16.png) no-repeat 0 0; position: relative; margin-right: 5px; }

.success-16 { background-position: -16px 0px; }

.error-16 { background-position: -32px 0px; }

.warning-16 { background-position: -48px 0px; }

.info-16 { background-position: -64px 0px; }

.user-16 { background-position: 0px -16px; }

.plus-16 { background-position: -16px -16px; }

.logout-16 { background-position: -32px -16px; }

.star-16 { background-position: -48px -16px; }

.question-16 { background-position: -64px -16px; }

.document-16 { background-position: 0px -32px; }
.myDocument-16 { background-position: 0px -32px; }

.save-16 { background-position: -16px -32px; }
.mySave-16 { background-position: -16px -32px; }

.cancel-16 { background-position: -32px -32px; }

.email-16 { background-position: -48px -32px; }

.mySearch-16 { background-position: -64px -32px; }
.search-16 { background-position: -64px -32px; }

.hand-16 { background-position: 0px -48px; }

.cog-16 { background-position: -16px -48px; }
.myCog-16 { background-position: -16px -48px; }

.delete-16 { background-position: -32px -48px; }
.myDelete-16 { background-position: -32px -48px; }

.arrowDown-16 { background-position: -48px -48px; }

.arrowRight-16 { background-position: -64px -48px; }
.myArrowRight-16 { background-position: -64px -48px; }

.clock-16 { background-position: 0px -64px; }

.graph-16 { background-position: -16px -64px; }

.calendar-16 { background-position: -32px -64px; }

.pic-16 { background-position: -48px -64px; }

.world-16 { background-position: -64px -64px; }

.cog-24, .user-24, .email-24, .document-24, .folder-24, .task-24, .lock-24, .warning-24, .star-24, .search-24, .computer-24, .badge-24, .delete-24, .calendar-24 { display: inline-block; vertical-align: text-bottom; width: 24px; height: 24px; overflow: hidden; text-indent: 48px; white-space: nowrap; background: url(img/Sprites24.png) no-repeat 0 0; position: relative; margin-right: 5px; }

.cog-24 { background-position: -24px 0px; }

.user-24 { background-position: -48px 0px; }

.email-24 { background-position: -72px 0px; }

.document-24 { background-position: -96px 0px; }

.folder-24 { background-position: 0px -24px; }

.task-24 { background-position: -24px -24px; }

.lock-24 { background-position: -48px -24px; }

.warning-24 { background-position: -72px -24px; }

.star-24 { background-position: -96px -24px; }

.search-24 { background-position: 0px -48px; }

.computer-24 { background-position: -24px -48px; }

.badge-24 { background-position: -48px -48px; }

.delete-24 { background-position: -72px -48px; }

.calendar-24 { background-position: -96px -48px; }

/* TABLE'S CLASSES */
.inlineInputTable .labelCell { text-align: right; padding: 3px 2px 2px 5px; font-weight: bold; }
.inlineInputTable .valueCell { font-weight: bold; padding: 3px 2px 2px 5px; }
.inlineInputTable .validatorCell { min-width: 8px; color: #b72b2b; padding: 3px 2px 2px 5px; }
.inlineInputTable .btnCell { padding-left: 5px; }

.inputTable { margin-bottom: 1.5em; }
.inputTable > tbody > tr > td { padding: 2px; vertical-align: top; }
.inputTable .col1 { width: 120px; }
.inputTable .labelCell { text-align: right; padding-top: 3px; }
.inputTable .valueCell { font-weight: bold; padding-top: 3px; }
.inputTable .validatorCell { min-width: 8px; color: #b72b2b; padding-top: 3px; }
.inputTable .hintCell { color: #807777; font-size: 0.833em; padding-top: 3px; }

.tabularData { margin-bottom: 1.5em; }
.tabularData > thead > tr > th, .tabularData > tbody > tr > td, .tabularData > tfoot > tr > td { padding: 4px 6px; }
.tabularData th, .tabularData .headerRow td { font-weight: bold; text-align: center; }
.tabularData caption { font-weight: bold; margin: 0 0 1em; }
.tabularData .headerRow { background-color: #e6e6e6; border-bottom: solid 1px #d9d9d9; border-top: solid 1px #d9d9d9; }
.tabularData .row, .tabularData .altRow { border-bottom: dotted 1px #e6e6e6; border-top: solid 1px #e6e6e6; }
.tabularData .row:hover, .tabularData .altRow:hover { background-color: #e3e0e0; }
.tabularData .altRow { background-color: #f2f2f2; }
.tabularData .selRow { background-color: #e3e0e0; }
.tabularData .footerRow { background-color: #f2f2f2; border-top: solid 1px #e3e0e0; border-bottom: solid 1px #d9d9d9; }
.tabularData .pagerRow { background-color: #e6e6e6; border-top: solid 1px #d9d9d9; border-bottom: solid 1px #d9d9d9; }
.tabularData .pagerRow span { font-weight: bold; display: inline-block; padding: 0px 5px; border: solid 1px #b1acac; background-color: #f2f2f2; margin-right: 4px; color: #807777; }
.tabularData .pagerRow a { font-weight: bold; display: inline-block; padding: 0px 5px; margin-right: 4px; }
.tabularData .pagerRow a:hover { background-color: #e6e6e6; }
.tabularData .numCell, .tabularData .cmdCell, .tabularData .labelCell { text-align: right; }
.tabularData .dateCell { white-space: nowrap; }
.tabularData .idCell, .tabularData .dateCell, .tabularData .ctrlCell, .tabularData .editCell, .tabularData .iconCell { text-align: center; }

.section .tabularData { margin-bottom: 0; width: 100%; }

.layoutTable { margin-bottom: 1.5em; }
.layoutTable td { padding: 4px; }

