﻿body {
	margin-top: 8px;
}

select, input, textarea {
	border-style: solid;
	border-width: thin;
	border-color: #aaa;
	height: 20px;
	margin: 1px;
}

#mainContainer *:focus {    
    outline: 4px solid #428bca;
}

	input[type='radio'], input[type='file'], input[type='checkbox'] {
		border-style: none;
		height: auto;
		margin: auto;
	}

/* Bootstrap Overrides - Required to enable bootstrap on pages without it overriding existing legacy look */

/*Bootstrap addon class for even more condensed tables*/
.table-condensed-sm > thead > tr > th,
.table-condensed-sm > tbody > tr > th,
.table-condensed-sm > tfoot > tr > th,
.table-condensed-sm > thead > tr > td,
.table-condensed-sm > tbody > tr > td,
.table-condensed-sm > tfoot > tr > td {
	padding: 2px;
}
/*Bootstrap addon class for smaller spacing between tab elements */
.tabs-left.tabs-md > .nav > li > a {
	padding: 7px 7px;
}

#profileTabdata {
	width: 100% !important;
}

#PageContent legend {
	margin-bottom: 0;
	width: auto;
}

#PageContent .show {
	display: initial !important;
}

/*There may be more we need to add to this list*/
#PageContent #SupplierNotesHeader .show, #PageContent #actions .show {
	display: inline-block !important;
}

#PageContent tr.show {
	display: table-row !important;
}

#PageContent #Parameters table {
	width: auto;
}
div.IWMasterBorder:empty { 
    border: none;
}

input.nospinner::-webkit-outer-spin-button,
input.nospinner::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input.nospinner[type=number] {
  -moz-appearance: textfield;
}
#selectMonth table, #selectYear table {
	background-color: white;
}
/*Report.xslt used to use size= for the input fields, i kept the size in the class names just incase there was a reason we had a 21, 23, and 25
	if there is we can simply define new widths here instead of combining them all*/
.reportField-6 {
	width: 65px;
}

.reportField-21, .reportField-25 {
	width: 165px;
}

.reportField-23 {
	width: 160px;
}

#reportSelectList td.fieldLabel:hover,
#reportSelectList td.fieldLabel:focus{
  background-color: #007ACC;
}
#reportSelectList td.fieldLabel:hover > a{
  color: white;
}
input.reportField-25:focus,
input.reportField-23:focus,
input.reportField-6:focus{
  background-color: #FFE793;    
}    
.suggest_link {
	background-color: #FFFFFF;
	padding: 2px 6px 2px 6px;
}
.suggest_link_over {
	background-color: #3366CC;
	padding: 2px 6px 2px 6px;
}
#search_suggest {
	position: absolute;
	background-color: #FFFFFF;
	text-align: left;
	border: 1px solid #000000;
	}

table[cellpadding='1'] > tbody > tr > td {
	padding: 1px;
}

table[cellpadding='2'] > tbody > tr > td {
	padding: 2px;
}

table[cellpadding='3'] > tbody > tr > td {
	padding: 3px;
}

table[cellpadding='4'] > tbody > tr > td {
	padding: 4px;
}

table[cellpadding='5'] > tbody > tr > td {
	padding: 5px;
}

table[cellpadding='6'] > tbody > tr > td {
	padding: 6px;
}

table[cellpadding='7'] > tbody > tr > td {
	padding: 7px;
}

table[cellpadding='8'] > tbody > tr > td {
	padding: 8px;
}

table[cellspacing='0'] {
	border-spacing: 0;
}

table[cellspacing='1'] {
	border-spacing: 1px;
}

table[cellspacing='2'] {
	border-spacing: 2px;
}

table[cellspacing='3'] {
	border-spacing: 3px;
}

table[cellspacing='4'] {
	border-spacing: 4px;
}

table[cellspacing='5'] {
	border-spacing: 5px;
}

table[cellspacing='6'] {
	border-spacing: 6px;
}

table[cellspacing='7'] {
	border-spacing: 7px;
}

table[cellspacing='8'] {
	border-spacing: 8px;
}

#mainPage > table {
	border-spacing: inherit;
}

table, #calendar table {
	display: table;
	border-collapse: separate;
}

thead {
	display: table-header-group;
	vertical-align: middle;
	border-color: inherit;
}

tbody {
	display: table-row-group;
	vertical-align: middle;
	border-color: inherit;
}

tfoot {
	display: table-footer-group;
	vertical-align: middle;
	border-color: inherit;
}

/* for tables without table section elements (can happen with XHTML or dynamically created tables) */
table > tr {
	vertical-align: middle;
}

tr {
	display: table-row;
	border-color: inherit;
}

td, th {
	display: table-cell;
}

th {
	font-weight: bold;
}

#PageContent a {
	text-decoration: underline;
}

/*.skip-header-mk4 {
    left: 50%;
    border: none;
    position: absolute;
    transform: translateY(-500%);    
    font-size: 0;
    padding: 3px;
    transition: transform 0.3s;
}

.skip-header-mk4:focus {
    border: none;
    transform: translateY(0);
    font-weight: bold;
    font-size: 1.4rem;
}*/