/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background: #FFFFFF;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #212121;
}

a:link, a:visited
{
    color: #034af3;
}

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

a:active
{
    color: #034af3;
}

p
{
    margin-left: 22px;
    margin-bottom: 10px;
    line-height: 1.6em;
	width: 917px;
}

table 
{
    font-size:12px;
    color:#111; 
    font-family:tahoma,Arial, Helvetica, sans-serif;
    text-align:left;
    margin-left: 0px;
}

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

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

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

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

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


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

.page
{
    width: auto;
    height: auto;
    background-color: #fff;
    margin: 0px auto 0px auto;
}

.pageempty
{
    width: auto;
    height: auto;
    background-color: #fff;
    margin: 0px auto 0px auto;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.header h1
{
    font-weight: 500;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    color: #292929;
    border: none;
    font-size: 1.3em;
}

.headerTable
{
    padding: 10px 0px 0px 0px;
    height: 116px;
}

.headerTable_konica
{
    padding: 0px 0px 0px 0px;
    height: 60px;
    background-color: #323223;
}

.headerTable_konica_empty
{
    padding: 0px 0px 0px 0px;
    height: 40px;
    background-color: #323223;
}

.headerTable_konicaEu
{
    padding: 0px 0px 0px 0px;
    height: 60px;
    background-color: #0066CC;
}

.headerLogo
{
    margin: 0px 0px 0px 0px;
}

.headerColorKm
{
    /*opacity: 0.8;*/
    background-color: #3E4761;
}

.headerColorKmEu
{
    background-color: #3385D6;
}

.KmTitleColor
{
    background-color: #323223;
}

.KmTitleColorEu
{
    background-color: #0066CC;
}

.KmTitleCell
{
    border-left: 1px solid Black;
    background-color: #323223;
}

.KmTitleCellEu
{
    background-color: #3385D6;
}

.KmSettCellEu
{
    border: 1px none #0066CC;   /* Border between Settings and Help button in header */
    background-color: #0066CC;
}

.dropDownWin
{
    border-radius: 3px;
    border: 1px solid #D7EAFF;
}

.main
{
    height: 100%;
    padding: 0px 0px;
    margin: 0px 0px 0px 0px;
}

.mainKm
{
    padding: 0px 0px;
    margin: 0px 0px 0px 0px;
    min-height: 500px;
}

.div_whole_page_content
{
    position: absolute;
    top: 85px;
    right: 0px;
    bottom: 30px;
    left: 0px;
    margin: auto;
    min-width: 933px;
    border: 1px solid black;
    border-top-style: none;
}

.div_whole_page_content_settings
{
    margin: auto;
    min-width: 933px;
    border: 1px solid black;
    vertical-align: middle;
    padding: 20px;
}

.div_printer_list_dashboard
{
    border-right: 1px solid #B4B4B4;
    border-bottom: 1px solid #B4B4B4;
    border-top: 1px solid #B4B4B4;
    float: left;
    width: 258px;
    background-color: #E8E8E8;
    vertical-align: top;
}

.div_printer_list_dashboard_km_eu
{
    border-right: 1px solid #B4B4B4;
    border-bottom: 1px solid #B4B4B4;
    border-top: 1px solid #FFFFFF;
    float: left;
    width: 258px;
    background-color: #E8E8E8;
    vertical-align: top;
}

.div_jobs_filter_and_table_dashboard
{
    background-color: #E8E8E8;
    text-align: right;
    vertical-align: top;
    border-style: none;
}

.div_filter_row_jobs_km
{
    width: auto;
    visibility: visible;
    height: 48px;
    background-color: #E8E8E8;
    text-align: right;
    border-style: none;
    border-width: 1px;
    border-color: #000000;
    border-top-style: none;
    border-bottom-style: none;
    border-bottom-color: #9F9F9F;
}

.div_filter_row_jobs_km_eu
{
    width: auto;
    visibility: visible;
    height: 48px;
    background-color: #E8E8E8;
    text-align: right;
    border-style: none;
    border-width: 1px;
    border-color: #000000;
    border-top-style: none;
    border-bottom-style: none;
    border-bottom-color: #9F9F9F;
}

.div_jobs_table_dashboard
{   
    border: 1px solid #CFCFCF;
}

.div_jobs_table_jobs
{   
    border-top: 1px solid #CFCFCF;
    width: auto;
}

.filter_row_small
{
    height: 20px;
}

.filter_row_head
{
    height: 60px;
}

.vertical-center {
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}
.footer_site_master
{
    border-top: 10px solid rgb(243,146,0);
    color: #292929;
    margin: 0 0 0 0;
    padding-bottom: 2px;
    min-width: 933px;
    text-align: right;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white;
}
.footer
{
	border-top: 10px solid #F7AA23;
	color: #292929;
	margin: 0px auto;
    width: 940px;
    text-align: right;
}
.footer_screen
{
	border-top: 10px solid #0052AE;
	color: #292929;
	margin: 0px auto;
    width: 942px;
    text-align: right;
}
.footer_konica
{
	border-top: 10px solid #475A87;
	color: #292929;
	margin: 0px auto;
    width: 1366px;
    text-align: right;
}
.footer_konica_eu
{
	border-top: 10px solid #3385D6;
	color: #292929;
	margin: 0px auto;
    width: 1366px;
    text-align: right;
}
.footer_oec
{
	border-top: 10px solid #990000;
	color: #990000;
	margin: 0px auto;
    width: 942px;
    text-align: right;
}
.footer_tree_house
{
	border-top: 10px solid #652215;
	color: #652215;
	margin: 0px auto;
    width: 942px;
    text-align: right;
}
.styleMeasTableCgs
{
    border-radius: 5px;
    border: 3px solid #F7AA23;
}
.styleMeasTableScreen
{
    border-radius: 5px;
    border: 3px solid #0062B2;
}
.styleGridviewDivKonica
{
    /*width: 1066px;*/
    height: 536px;
    /*border-radius: 3px;
    border: 1px solid #9F9F9F;*/
}
.styleBorderTop
{
    border-top-color: #9F9F9F;
    border-top-width: 1px;
    border-top-style: solid;
}
.styleMeasTableKonica
{
    /*width: 1105px;*/
    border-bottom-color: Black;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-right-color: Black;
    border-right-width: 1px;
    border-right-style: solid;
}
.KmNavJobsEu
{
    background-color: White;
    border-bottom-color: #9F9F9F;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.styleMeasTableKonicaJobs
{
    border-bottom-color: Black;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-right-color: Black;
    border-right-width: 1px;
    border-right-style: solid;
    border-left-color: Black;
    border-left-width: 1px;
    border-left-style: solid;
}
.styleMeasTableOec
{
    border-radius: 5px;
    border: 3px solid #990000;
}
.styleMeasTableTreeHouse
{
    border-radius: 5px;
    border: 3px solid #652215;
}
.styleNavButtons
{
    border-radius: 5px;
    height: 70px;
    width: 100px;
    border-bottom-color: Gray;
    background-color: #CCCCCC;
    font-size: medium;
    opacity: 0.6;
}
.styleNavButtonsBroad
{
    border-radius: 5px;
    height: 70px;
    width: 120px;
    border-bottom-color: Gray;
    background-color: #CCCCCC;
    font-size: 14px;
    opacity: 0.6;
}
.styleNavButtonsSel
{
    border-radius: 5px;
    height: 83px;
    width: 130px;
    font-size: large;
}
.styleNavButtonsSelBroad
{
    border-radius: 5px;
    height: 83px;
    width: 140px;
    font-size: 16px;
}
.styleNavButtonsScreen
{
    border-radius: 5px;
    height: 70px;
    width: 110px;
    border-bottom-color: Gray;
    background-color: #CCCCCC;
    font-size: 12px;
    opacity: 0.6;
}
.styleNavButtonsSelScreen
{
    border-radius: 5px;
    height: 83px;
    width: 140px;
    font-size: 14px;
}
.styleNavButtonsOec
{
    border-radius: 5px;
    height: 70px;
    width: 120px;
    border-bottom-color: Gray;
    background-color: #CCCCCC;
    font-size: 14px;    
}
.styleNavButtonsOecSelected
{
    border-radius: 5px;
    height: 70px;
    width: 120px;
    border: 2px solid Blue;
    background-color: #CCCCCC;
    font-size: 14px;
}
.styleOpenMeasButtonsKm
{
    border-radius: 3px;
    border: 1px solid #D2D2D2;
    background-color:  	#9B9B9B;
    color: #FFFFFF;
    height: 30px;
}
.styleOpenMeasButtonsKmHover
{
    border-radius: 3px;
    background-color:  	#8C8C8C;
    color: #FFFFFF;
}
.styleOpenMeasButtonsKmPressed
{
    border-radius: 3px;
    background-color:  	#7B7B7B;
    color: #FFFFFF;
}
.styleBackButton
{
    border: 1px solid #D2D2D2;
    background-color:  	#9B9B9B;
    color: #FFFFFF;
}
.styleBackButtonHover
{
    background-color:  	#8C8C8C;
    color: #FFFFFF;
}
.styleBackButtonPressed
{
    background-color:  	#7B7B7B;
    color: #FFFFFF;
}
.styleOpenMeasButtonsKmDisabled
{
    border-radius: 3px;
    background-color:  	#9B9B9B;
    color: #FFFFFF;
    opacity: 0.4;
}
.headerButtonColorKm
{
    background-color: #3E4761;
}
.styleSettButtonsKm
{
    border-radius: 3px;
    border: 1px solid #B4B4B4;
    background-color:  	#FAFAFA;
    color: #505050;
    height: 30px;
}
.styleSettButtonsKmHover
{
    border-radius: 3px;
    background-color:  	#EDEDED;
    color: #505050;
}
.styleSettButtonsKmPressed
{
    border-radius: 3px;
    background-color:  	#DCDCDC;
    color: #505050;
}
.styleSettButtonsKmDisabled
{
    border-radius: 3px;
    background-color:  	#FAFAFA;
    color: #505050;
    opacity: 0.4;
}
.gridHeaderKm
{
    height:21px;
}
.styleBorderRadius
{
    border-radius: 3px;
}
.styleBorderRadiusButton
{
    border-radius: 3px;
}
.styleBorderRadius5
{
    border-radius: 5px;
    border: 1px solid #7F7F7F;
}
.headerTableTopColor
{
    background-color: rgb(5, 5, 3);
}
.headerTableTopMenuCell
{
    border-left: 1px none Black;
}
.headerTableTop
{
    padding: 0px 0px 0px 0px;
    height: 100px;
}

.navigationButton {
color: White;
background-color: transparent;
width: 85px;
height: 85px;
border: 2px Solid transparent;
text-align: center;
Font-Size: 11px;
opacity: 0.9;
Cursor: pointer;
}
.navigationButtonHoover {
opacity: 1;
}
.navigationButtonChecked {
font-weight: bold;
border-top-color: rgb(243, 146, 0);
border-bottom-color: rgb(243, 146, 0);
Font-Size: 13px;
opacity: 1;
}
.navigationButtonDisabled {
color: rgba(170,170,170,0.8);
opacity: 0.6;
Cursor: default;
}
.open_meas_button_row
{
    background-color: #FAD399;
}

.kmDefaultGray
{
    background-color: #828282;
}
.kmWhite
{
    background-color: White;
}
.kmHistBackcolor
{
    background-color: WhiteSmoke;
}
.kmReportBackcolor
{
    background-color: rgb(240, 240, 240);
}
.kmEuReportBackcolor
{
    background-color: White;
}
.kmGridRowHeight
{
    height: 40px;
}
.kmBorderRadiusListBox
{
    background-color: #ffffff;
    border: 1px Solid #B4B4B4;
    border-radius: 5px;
}
.kmBorderComboBox
{
    background-color: #ffffff;
    border: 1px Solid #B4B4B4;
    border-radius: 2px;
}
/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#FAD9A9;
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    border: 1px #4e667d solid;
    display: block;
    line-height: 1.35em;
    padding: 2px 10px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #cfdbe6;
    color: #292929;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #DAB989;
    color: #cfdbe6;
    text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    width: 300px;
    margin: 1em 0px;
    padding: 0em 1em 0em 1em;
    border: 0px solid #ccc;
}

fieldset p 
{
    width: 300px;
    margin: 2px 0px 10px 1px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    margin: 0px 0px 0px 0px;
}

fieldset label.inline 
{
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry, input.passwordEntry 

{
    width: 200px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 100%;
    height: auto;
    margin-top: 27px;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
	width: 1159px;
}

.title_site_master
{
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
	min-width: 933px;
}

.div_whole_page_content_km
{
    height: 645px;
    background-color: #E8E8E8;
    border: 1px solid black;
    border-top-style: none;
    width: 1364px;
    margin-left: auto;
    margin-right: auto;
}

.page_width_konica
{
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 1366px;
}
.title_tre_house
{
    height: 60px;
    width: 720px;
}

.loginTable
{
    width: 100%;
}

.loginAccount
{
    margin: 0px 0px 5px 0px;
}

.loginDisplay
{
    font-size: 1em;
    display: block;
    text-align: right;
    color: #292929;
}

.loginDisplay a:link
{
    color: #292929;
}

.loginDisplay a:visited
{
    color: #292929;
}

.loginDisplay a:hover
{
    color: #292929;
}

.loginLogo
{
    width: 300px;
    height: 239px;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
}

.small
{
    font-size: .40em;
}

.MItemStyle
{
    font-size:11px;
    padding:1px 3px;
    background-color:White;
    white-space:nowrap;
}

.AMItemStyle
{
    font-size:11px;
    padding:1px 3px;
    background-color:gainsboro;
    white-space:nowrap;
}

.Border
{
    border-radius: 5px;
    height: 530px;
    width: 870px;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
}

.MeasurementTable
{
}

.PopupHeaderStyle
{
    font-size: 14px;
}

.PopupCloseButtonStyle
{
    border: none;
}

.wrapTextStyleKm
{
    word-break: break-all;
    /*to break long words and show tooltips*/
    /*white-space: nowrap;*/
    /*overflow: hidden;*/ 
    /*text-overflow: ellipsis;*/
}

.truncated
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.noImage
{
    background-image: none;
}

.buttonDflt
{
    background-image: none;
    border: none;
}

.buttonNoEdgeSpacing div.dxb
{
    border: 0 none;
    padding: 0px;
}

.DropDownButtonCombo
{
    background-image: none;
    Cursor: pointer;
    background-color: White;
    border: none;
}

.VisibilityCollapse
{
    display: none;
}

.G7GraphBoxLeft
{
    border: 1px solid Black;
    width: 38%;
    float: left;
}

.G7GraphBoxRight
{
    border: 1px solid Black;
    width: 60%;
    float: right;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
}

.NpdcChartCmy
{
    float: left;
    padding-bottom: 2px;
    border: 1px none black;
}

.NpdcChartK
{
    float: right;
    padding-bottom: 2px;
    border: 1px none black;
}

.G7Header
{
    font-size: 14px;
    font-weight: bold;
}

.G7NpdcHeaderDiv
{
    padding-top: 3px;
    vertical-align: bottom;
}

.G7GraybalanceTr
{
}

.G7ResultCells
{
    border: 1px solid black;
}

.G7ChartsControls
{
    border: 1px none black;
}

.CheckboxTextReport
{
}

.BackColorSettings
{
    background-color: #F2F2F2;
}

.displayNone
{
    display: none;
}

.hideRightBorderImportant
{
    border-right-style: none !important;
}

.hideLeftBorderImpImportant
{
    border-left-style: none !important;
}