/*----------------------------------------------------------
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.
----------------------------------------------------------*/
body {
    background-color: #ffffff;
    font-size: 0.9em;
    /*font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;*/ 
    font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
    margin: 0;
    padding: 0;
    color: #696969;    
}

/*
html,body 
{
    height:100%; 
}
*/
a:link {
    color: #034af3;
    text-decoration: underline;
}
a:visited {
    color: #505abc;
}
a:hover {
    color: #1d60ff;
    text-decoration: none;
}
a:active {
    color: #12eb87;
}
/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page {
    width: 99%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;    
}

#main {
    padding: 5px 0px 0px 0px;
}
/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}
legend {
    font-size: 1.2em;
    font-weight: bold;
}
textarea {
    min-height: 50px;
}
input[type="text"], 
input[type="password"] {
    border: 1px solid #ccc;
    padding: 1px;
    font-size: 1.2em;
    color: #444;
    width: 200px;
}
select {
    border: 1px solid #ccc;
    padding: 1px;
    font-size: 1.2em;
    color: #444;
    height:1.6em;
}
/* Styles for nav 
-------------------------------------------------------------*/  
 #parts-lookup {
    /*background-color: #555555;*/
    padding: 0;
    overflow: hidden;
    line-height: 1.4;}
    #parts-lookup h1, #parts-lookup .h1, #parts-lookup h2, #parts-lookup .h2, #parts-lookup h3, #parts-lookup .h3, #parts-lookup h4, #parts-lookup .h4, #parts-lookup h5, #parts-lookup .h5 {
      color: white;
      font-weight: 200; }
    #parts-lookup h3 {
      font-size: 1.4em;
      margin-bottom: 10px; }
    #parts-lookup h4 {
      font-size: 1.2em; }
    #parts-lookup h5 {
      font-size: 1.2em; }
    #parts-lookup select {
      margin-bottom: 0;}
    #parts-lookup p.caption {
      font-size: 0.7em;
      color: #999999;
      margin-bottom: 5px; }
    #parts-lookup p.caption a {
      color: white; }
    #parts-lookup label.cat-label {
      font-family: "alternate-gothic-no-3-d", Arial, sans-serif;
      margin-bottom: 5px;
      color: white;
      margin-bottom: 2px; }    
    #parts-lookup input.sbtn {
      white-space:nowrap;
      width: 11% !important;      
      height: 1.6em;
      right: 0px;
      position: absolute;
      background: #36475b url(../Content/images/btn-search.png) no-repeat center center;
      background-size: 16px;
      text-indent: -9999px;
      margin-top: -22px;
      margin-left: -65px;
      border: none;
      cursor: pointer;
      -webkit-border-radius: 0 4px 4px 0;
      border-radius: 0 4px 4px 0; }
    #parts-lookup input[type="text"], #parts-lookup input[type="number"], #parts-lookup input[type="search"], #parts-lookup select, #parts-lookup textarea, #parts-lookup .field {
      width: 90%;       
      -webkit-border-radius: 4px 0 0 4px;
      border-radius: 4px 4px 4px 4px; 
      padding-right: 65px;
      display: block;
      height: 1.4em;
      font-size: 0.95em; }
    #parts-lookup div.container {
      padding: 5px 5%;
      -webkit-border-radius: 10px;
      border-radius: 10px; 
      height: 30px; 
      position: relative; }
    #parts-lookup .red-button, #parts-lookup .red-ghost-button {
      font-size: 1em;
      color: #FFF !important;
      padding: 5px 10px 5px;
      border: 0px none;
      cursor: pointer;
      border-radius: 5px;
      margin-top: 5px;
      margin-bottom: 5px; 
    }
div#topbar-wrap{
    width: 30%;
    position: relative;
    left: 750px;
    top:2px;
}
#logo{ 
	width: 200px; 
	height: 50px;
	/*background: transparent url("logo.gif") no-repeat top left; */
	/*text-indent: -1000em; */
}

 
 #sub-header {
    position: absolute;
    top:5px;
    z-index: 100;
    max-width: 100%;
    height: 30px;
    padding-left: 10%;
    overflow: visible; 
    font-weight: bold; }
   #sub-header.headroom {
      position: fixed;
      transition: transform 200ms linear; }
    #sub-header.headroom--pinned {
      transform: translateY(0%); }
    #sub-header.headroom--unpinned {
      transform: translateY(-100%); }
    #sub-header .wrap {
      position: relative; 
      height: 20px; }
    #sub-header a.h1 {
      display: none; }

#nav {
	width: 700px;
    /*left: 15%;*/
    float: left;
    max-width: 100%;
    margin: 0; }    
    #nav ul {
    padding: 0px;
    margin: 0; }
    #nav ul li {
    float: left;
    padding: 0px;
    margin:20px 0 0 25px; }
    #nav li {
    display: block; }
    #nav ul li:hover > ul,
      ul li ul:hover {
    visibility: visible;
    opacity: 1;
    display: block; }
    nav ul ul:before {
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    top: -20px;
    width: 100%;
}
    #nav li a:hover, #nav li a:active {
    color: #921913; transform: scale(1.2);}
    #nav li a:focus {
    outline: none; }
    #nav li.dropdown {
    position: relative;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0; }
    #nav li.dropdown a {
    padding: 10px 16px 10px 10px; }
    #mainnav li.dropdown .caret {
    top: 15px;
    right: 6px;
    width: 6px;
    height: 6px; }
    #nav li.dropdown.active {
    background-color: #161517; }
    #nav li.dropdown.active > a {
    color: #921913; }
    #nav li ul.children {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    transition: all 0.5s ease;
    left: 0;
    display: none;
    min-width: 130px;
    white-space: nowrap;
    padding: 10px 0;
    -webkit-border-radius: 0 5px 5px 5px;
    border-radius: 0 5px 5px 5px;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.75);
    display: none;
    background: white;
    margin: 0;
    padding: 10px 0; }
    #nav li ul.children hr {
    display: block; }
    #nav li ul.children li a {
    color: #302E31; 
    font-size: 1em;
    padding: 10px 14px; }
    #nav li ul.children li a:hover, #nav li ul.children li a:active {
    color: #921913; }

#nav, #user-display {
	top: 0px;	
}
 #nav, #search-section, #user-display
{
    display: block;
	position: absolute;
	margin-top:0px;
	padding:0;
}
#search-section 
{
    top: 52px;
    width: 680px;
    left: 100px;
    font-size: .95em;
}
#search-parts 
{
    height: 24px;
}
#user-display 
{
    right:0px;
    text-align:center;
    width:15%;
    font-size: 0.85em
}
#user-display p 
{
    margin:0;
    padding:0 0 2px 0;
}

#user-display div
{
    border:1px solid blue;
}

#organization 
{
    margin-top:-10px;
}

#dialog-recent-searches div{
    margin-top:0px;
}

#dialog-recent-searches ul{
    padding: 0px;
    margin:0px;
}

#dialog-recent-searches ul li {
    padding-top: 5px;
    text-decoration: none;
    list-style: none;  
}

#search-section div 
{
    float: left;
    padding: 0px;
    margin:20px 10px 0 0;
    
}
#part-string, #search-option.first, #popcode-string
{
    height:1.4em;
}

#part-string, #popcode-string
{
    width:200px;
    padding-bottom:0;
    margin-bottom:0; 
}
button
{
    cursor:pointer;
}  

#form-vehicle-attributes fieldset {   
  border: 1px solid #c5dbec;   
  padding: 10px;   
  margin-left: auto;
  margin-right: auto; 
    /*width: 800px;*/
   width:90%;
   margin-top: 20px;
} 

#form-vin fieldset {   
  border: 1px solid #c5dbec;   
  padding: 0px 10px 5px 10px;   
  margin-left: auto;
  margin-right: auto; 
    /*width: 800px;*/
   width:90%; 
} 

#spec-search-criteria
{
    margin:0 0 0 0 !important;
    overflow:auto;
    position:relative;/*For IE7 - buttons overflow */
}

#form-specification fieldset  
{
  border: 1px solid #c5dbec; 
  padding: 5px 10px 5px 10px;   
  margin:5px 50px 10px 50px;
  clear:both;
}

/*#form-specification fieldset  
{
  border: 1px solid #c5dbec; 
  padding: 5px 10px 5px 10px;   
  margin:5px 10px 10px 10px;
  clear:both;
}*/

#form-vehicle-attributes legend, #form-vin legend,#form-specification legend {   
  font-weight: bold;   
  font-size: small;   
  color: #2e6e9e;   
  padding: 5px; 
}

#form-vin legend {   
  font-weight: bold;   
  font-size: small;   
  color: #2e6e9e;   
  padding: 5px 5px 0px 5px; 
}

#form-specification {   
  padding: 0;   
  width: 60%;    
}

#div-spec-image 
{
    width: 35%;
    position: absolute;
    top: 82px;
    margin-left: 62%;
}

#div-spec-image img 
{
    max-width: 100%; 
}

#form-vehicle-attributes,#form-vin {   
  padding: 0;   
  margin: auto;    
}

#form-validation 
{
  width:500px;
  margin-left: auto;
  margin-right: auto;
}

#form-logon {
  /*height:500px;*/
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;  
}

/*#form-logon
{
  width: 570px;
  margin-left: auto;
  margin-right: auto;
}*/

#form-vehicle-attributes label, #form-vin label, #form-logon label, #form-validation label,
#form-my-notes-unit label, #form-my-notes-part label,
#form-specification label, #form-update-setting label {
  font-weight: bold;
  font-size: small;
  color: #2e6e9e;
  margin-left:10px;
  margin-right:5px;
  margin-top:0px;
}

#form-vehicle-attributes label,#form-vin label,#form-logon label,#form-update-setting label, #form-validation label{   
  display:block; 
  clear:none;
  float:left ;
  padding:0;
}
/*
#form-vin div 
{
    border:1px solid red;
}
*/

#vin-lookup-result-left
{
    float:left;
    margin-right:20px;
    margin-left: 10px;
    margin-top: 0px;
}
#vin-vehicle-attributes
{
    font-weight:bold;
}

#vin-vehicle-attributes span.warning
{
    display:block;
}

#vin-lookup-result-right
{
    overflow:auto ;
    margin-top: 15px;
    padding: 5px;
    height:260px;
}

#vin-fields-left
{
    float:left;
   /* left: 0;
    position:absolute;*/
    width:49%
}

#vin-fields-right
{
    float:left;
   /* left: 50%;
    position:absolute;*/
    width:49%
}

#vin-lookup
{
    /*margin-top:-25px;*/
    margin-top:0px;
    
}

#vin-lookup-result-left span.vio-count
{
    font-weight:bold;
    margin-left:5px;
    margin-right:5px;  
    display:inline-block;
    width:60px;
    text-align:center;    
}

#vin-lookup-result-left a 
{
    color: #2e6e9e;
}

#vin-lookup label.fixedwidth
{
    width: 30px !important;
    margin-top:0px;
}

#vin-string
{
    width:200px;
    margin-right: 10px;
}

#vin-lookup div.input-unit 
{
    margin-left: 100px;
    margin-bottom: 10px;
}

#vin-search-applications
{
    right:0px;
}

#vin-vehicle-image
{
    max-height: 200px;
    max-width: 200px;
}

#form-specification label{   
  display:block; 
  clear:none; 
  float:left ;
  padding:0;
}
#form-specification .ui-autocomplete-input
{
    float:left;
}

#spec-search-criteria .ui-button
{
    float:left;
    height: 20px !important;
    width: 20px !important;
}

#form-vehicle-attributes label.fixedwidth ,#form-vin label.fixedwidth,#form-logon label.fixedwidth,
#form-validation label.fixedwidth {   
  width: 100px; 
}

#form-specification label.fixedwidth {   
  width: 200px; 
}

#form-specification label.fixedwidth-small {   
  width: 50px; 
}

#form-specification input.spec-range {   
  width: 50px; 
}

#label-year-to
{
    width:30px; 
}
#div-year-from
{
    width:300px;
    float:left
}

#form-vehicle-attributes .ui-field,#form-vin .ui-field,#form-logon .ui-field,
#form-specification .ui-field, #form-update-setting .ui-field, #form-validation .ui-field {   
  display:block; 
  clear:none;
  float:left;
}

#form-vehicle-attributes .input-unit,#form-vin .input-unit, #form-logon .input-unit,
#form-validation .input-unit
{
    display:block;
    height:25px;
    clear:both;
    margin-top:20px;
}

#form-specification .input-unit 
{
    display:block;
    height:25px;
    clear:both;
    margin-top:8px;
    margin-left:20px;
    position:relative;/*For IE7 - buttons overflow */
}

#form-specification fieldset label 
{    
    padding-top:5px;
    text-align:right;
    padding-right:10px;
}

#form-specification button
{    
    height:25px !important;
}

#form-specification .input-classline
{
    display:block;
    height:50px;
    clear:both;
    margin-left:200px;
    margin-right:20px;
    margin-top:15px;
}

#form-specification div.input-classline label.fixedwidth

{
    width: 130px;
}
/*
div.my-notes 
{
    padding-top: 5px;    
}
*/

#form-my-notes-unit .input-unit, #form-my-notes-part .input-unit  
{
    display:block;
    clear:both;
    margin-top:5px;
}

#form-my-notes-unit, #form-my-notes-part
{
    margin-top:2px;
    margin-bottom:2px;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
    
}

#form-my-notes-unit input , #form-my-notes-part input
{
    width:70px;    
}

#form-my-notes-unit .button, #form-my-notes-part .button  
{
    margin-right:10px;
}

#form-my-notes-unit span, #form-my-notes-unit span 
{
    display:block;
    height:35px;
}

#form-vehicle-attributes .buttonarea, #form-vin .buttonarea,#form-logon .buttonarea,
#form-specification .buttonarea, #form-update-setting .buttonarea, #form-validation .buttonarea {   
  text-align: center;
  clear:both;  
}

#form-specification .buttonarea input   
{
  margin-top:0px; 
  margin-right:20px; 
}

#form-update-setting
{
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  text-align:center;
}

#form-update-setting label.fixedwidth {   
  width: 180px; 
  text-align:right;
  margin-right: 20px;
}

#form-update-setting .input-unit
{
    display:block;
    height:25px;
    clear:both;
    margin-top:10px;
}

#form-update-setting .buttonarea input   
{
  margin-top:20px;   
  margin-right:20px; 
}

#form-update-setting h2 
{
    display:block;
    padding:10px 0px 20px 0px;
}

#form-update-setting p
{
    display:block;
    clear:both;
    padding-top:30px;
}

#form-logon input, #form-validation input 
{
    margin-right:10px;
}

#form-logon .reminder
{
    margin-top:30px;
}

#search-applications
{
    position:relative;
    clear:both; 
}

#application-list, #line-list 
{
    margin:0px 0px 0px 0px; 
}

#div-application-list 
{
    margin:0px 0px 0px 0px;
    display:inline-block;
    position:absolute;
    left: 267px; 
}
#applicationByPart-list
{
    margin:0px 0px 0px 0px; 
}

#div-applicationByPart-list 
{
    margin:0px 0px 0px 0px;
    display:inline-block;
    position:absolute;
    left: 0px; 
}
#div-line-list 
{
    margin:0px 0px 0px 0px;
    width:265px;
    display:inline-block;
    position:absolute;
    left:0;
}
#line-list 
{
    margin:0px 0px 0px 0px;
    width:265px;  
}

#tabs
{
    top:0px;
}
.main-tab 
{
    margin:2px 1px 1px 1px;
    padding:1px 0px 0px 0px;   
}
.main-tab
{
    padding:0;
    margin:0;
}

#application-header, #applicationbypart-header
{
    left:0px;
    margin-top:10px;
    text-align:center;
    height:40px;
    width:100%;  
}

#application-icon, #applicationByPart-icon  
{
    float:left ;
    margin-right:15px;
}

#application-search-criteria, #application-search-criteria1
{
    display:inline; 
}

#unit-vio, #part-vio
{
    float:right;
    margin-right: 5px;
    display:inline;
}

#app-vio, #appbypart-vio
{
    float:right;
    margin-right: 5px;
}

#app-vio-count, #unit-vio-count, #part-vio-count, #appbypart-vio-count, #appbypart-mmy-vio-count
{
    font-weight:bold;
    margin-left:5px;
    margin-right:5px;  
    display:inline-block;
}

#app-vio-count, #appbypart-vio-count
{
    width:70px;
}

#unit-vio-count, #part-vio-count
{
    width:75px;
}

div.errorMessage 
{
    display: none; 
    margin-left:5px;
    float:left; 
}

div.showErrorMessage
{
    display:block;
    color:#f00;
    text-align:center;
    font-size:11px;
    font-style:italic;
}

.warning
{   
    color:#f00;
    text-align:left;
    font-size:11px;
    font-style:italic;
    font-weight:normal;
}

#tabs-3 div
{
   /* border:1px solid green; */
   /* margin:0 0 0 0;
    padding:0 0 0 0;    */
}

img.images-associatedParts
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 43%;
}

div.border-required
{
    border:1px solid #d0e5f5;   
}

div.detail-section1, div.detail-section2, div.detail-section3, div.detail-left
{
    position:absolute;    
}
div.detail-section1
{
    left:0px;    
    top:40px;
    height:30px;
    width:100%;
    text-align:center;  
}

div.detail-section2, div.detail-section3
{
    left: 33.3%;
    width: 66.7%;   
}
div.detail-section2
{
    top:80px;
    height:auto;
}

div.detail-section3
{
    top:225px;  
    bottom:0px;
}
div.detail-left
{
    top:80px;
    left:0;
    width:33%;
    bottom:0px;
    
}
div.detail-left-spec
{
    position:absolute;
    height: auto;   
    max-height:50%;
    overflow-x: auto;    
    margin-left:0; 
    width:100%;   
}
div.detail-left-interchange
{
    position:absolute;
    top:50%;   
    bottom:0;
    overflow-x: auto;    
    margin-left:0;
    width:100%;    
}

div.detail-section2-image,div.detail-section2-note
{
    float:left;
    max-height:140px;
    overflow-x: auto; 
    margin-right:10px;
    margin-left:10px;      
}

div.detail-section2-note p
{
    display:inline;
}

div.detail-section2-image
{
    /*left:30%;
    top:0; */    
    text-align:left;
    width:330px;
}

div.detail-section2-note
{
    width:360px;
    /*width:30%; */
    /*  left:65%; */
    /*right:10px;*/
    /*width:auto;*/
    text-align:left;
   /* top:0px;*/
}

div.detail-section3-middle,div.detail-section3-right
{
    /*float:left;*/
    /*display:inline-block;*/
    height:100%;
    /*border:1px solid red;*/
    /*height:300px;*/
  
}

div.detail-section3-middle
{
    left:0;
    position:absolute;
    width:53%;
}
div.detail-section3-right
{
    /*height:300px;*/
    left:53.5%;
    position:absolute;
    width:46.5%;   
}

div.detail-section3-middle-1
{
    width:50%;
    height:50%;
    position:absolute;      
}

div.detail-section3-middle-1-1
{
    left:51.0%;
    width:49.0%;
    height:50%;
    position:absolute;      
}

div.detail-section3-middle-2
{
    width:100%;
    height:50%;
    top:50%;
    position:absolute;
}

div.detail-section3-right-mynote
{
    width:100%;
    height:50%;
    position:absolute;
   /* overflow:hidden; */
}

div.detail-section3-right-associated
{
    position:absolute;
    width:100%;
    height:50%;
    top:50%
}

div.detail-section3-left-50
{
    left:0;
    position:absolute; 
    height:100%;
    width:49.6%;    
}

ul.image-list 
{    
    list-style-type: none; 
    margin:0 0 0 5px;
    padding:0 0 0 0;
} 
ul.image-list li 
{
    display:inline;
    margin:0 0 0 0;
    padding:0 5px 0 0;
}
ul.image-list li img
{
    border:0;
}

div.detail-section3-right-50
{
    left:50%;
    position:absolute;
    height:100%;
    width:49.9%;   
}

div.panel-content
{
    position:absolute;
    width:100%;
    top: 40px; left: 0; right: 0; bottom: 0;
  /*overflow:auto;*/
    overflow-x: auto; 
    margin:auto; 
 }
 
label.detail-crossoverpartno
{
    padding-right:20px;
    font-weight:bold;
    font-size:2em;
    display:inline;
}

table
{
    margin:0 0 0 0;
    display:block;
    width:98%;
/*    border:1px solid red; */
}

table .label
{
    font-weight:bold;
    text-align:right;
    padding-right:10px;
}

table tr
{
    vertical-align:top;
}

table td      
{
    white-space: pre; 
    white-space: pre-line;
    word-wrap: break-word; 
} 

#table-bom A , #table-whereused A ,#table-unit-number A, #table-OEM A
{
    margin-right:0px;
}
#table-bom .ui-icon, #table-whereused .ui-icon 
{
    display:inline-block;
}

.panel-header
{
    height:35px;
    background-color:#d0e5f5; 
}
.panel-header text
{   
    position:absolute;
    /*position:relative;*/
    top:10px;
    color:#2e6e9e;
    font-weight:bold;   
}
.panel-header p
{   
    position:relative;
    top:10px;
    color:#2e6e9e;
    font-weight:bold;
    display:inline;   
}
.panel-header img
{
    position:absolute;
    right:5px;
  /*  float:right;*/
}
.panel-header div
{   
    /*position:relative;*/
    top:10px; 
    display:inline-block !important  
}
.hidden 
{
    display:none;
}
/* hidden, but still take space */
.invisible
{
    visibility:hidden;
}

/* Tooltip size */
div.mytooltip
{
    max-width:800px;
}

div.mytooltip img
{
    width:250px;
    height:250px;
}

div.PartsListLargeImage
{
    max-width:600px;
}

/*div.PartsListLargeImage img
{
    width:200px;
    height:200px;
}*/

div.bom-tooltip
{
    max-width:500px;
}
div.unit-tooltip
{
    max-width:500px;
}
div.app-tooltip
{
    max-width:600px;
}
div.app-tooltip span 
{  
}
#table-interchange .inttooltip
{
    max-width:100px;
}

#Loading
{
  position:fixed;
  top:40%;
  left:40%;
  height:60px;
  width:150px;
  margin:auto; 
  padding-left:3px;
  padding-top:2px;
  z-index:1000000; 
}

#prev-img
{
    float:left;
    margin:10px 10px 10px 10px;
}
#next-img
{
    float:right;
    margin:10px 10px 10px 10px;
}    

/* Styles for validation 
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

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

.validation-summary-valid {
    display: none;
}

.mynote-price1
{
    color:Red;
}

.message-summary {
    font-weight: bold;
    color: black;
}

/* fix for jqgrid paging bar because input and td settings above */

input.ui-pg-input { width: auto; }

table td .ui-paging-info      
{
    white-space: nowrap;  
} 

html.busy, html.busy * 
{     
    cursor: wait !important;   
} 

.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}

span.ui-icon 
{
    /*display:inline !important;*/
}
/*
a.expand-bom span 
{
    display:inline;
    vertical-align:middle;
}
*/
div.expand-bom
{
    display:inline-block !important;
    /*float:left;*/
}

.hide 
{
    display:none;
}

#application-result div.ui-pg-div
{
    width: 70px !important;
    margin-right:10px !important;
    font-weight:bold !important;
}

#applicationByPart-result div.ui-pg-div
{
    width: 70px !important;
    margin-right:10px !important;
    font-weight:bold !important;
}

#part-list_toppager_left div.ui-pg-div
{
    width: 60px !important;
    margin-right:10px !important;
}
#unit-applications, #part-applications
{    
    padding: 0 0 0 2px;
    margin: 0;    
}
#unit-applications li, #part-applications li{
    display:block;
    list-style-type:none; 
    width:100%;
}

#unit-applications li.label, #part-applications li.label
{
    font-weight:bold;
    text-align:left;
    /*padding-right:10px;*/
}

#unit-applications table, #part-applications table
{
    width:100%;
}
#unit-applications td.vio, #part-applications td.vio
{
    text-align:right;
}

#table-bom td.nowrap, #table-whereused td.nowrap 
{
    white-space: nowrap;
}
#table-bom td.get-remain-space, #table-whereused td.get-remain-space 
{
   width:99%;
}

#unit-applications td, #part-applications td
{
    padding-left: 30px; 
    white-space: nowrap;   
}

#unit-applications td.get-remain-space, #part-applications td.get-remain-space 
{
   width:90%;
   padding-right:5px;
}

#unit-applications span.vio-label, #part-applications span.vio-label 
{
    /*float:right;  */
    width:10%;
    display:inline-block;
    margin:0;
    padding:0;
    text-align:right;    
}

#unit-applications span.app-make, #part-applications span.app-make
{   
    display:inline-block;
    margin:0;
    padding:0;
    width:88%;
}

#table-bom td.space-required, #table-whereused td.space-required, #table-interchange td.space-required
{
    padding-left: 20px;    
}

#table-bom td.indent, #table-whereused td.indent
{ 
   padding-left: 50px;  
}

.inline-block
{
    display:inline-block ;
}

.left-space-required
{
    margin-left: 20px;    
}

#mynotes-list-pager .ui-pg-div 
{
    /* IE7 issue with the following two lines */
    /*margin-right:40px !important;*/
    /*width:auto !important;*/
    margin-right:10px !important;
    width:60px;
    white-space: pre;
    word-wrap: normal;
}


#dialog-import-file label{ display:block; }
#dialog-import-file 
{
   z-index:100001 !important;
}
#dialog-import-file input  
{
   z-index:100002 !important;
   width: 400px;
}

#div-edit-mynotes
{
    display:inline-block !important ;  
    width: 20px;
    position:absolute;
    top:10px;
    left:100px;
}

#link-edit-mynotes  
{
    position:absolute;
    top:10px;
    left:125px;
}

td.field-bold 
{
    font-weight: bold !important;
}

#part-header
{
    margin:10px 5px 10px 10px;
}

#part-header label 
{
    margin-right:10px;
    font-weight:bold;
}

#dialog-xml-clipboard p
{
    word-wrap: break-word;
}

span.vio-highlight
{
    color:Blue;
}
#footer 
{   
    background-color: #f2f2f2;
    color: #999;
    width: 99%;
    padding: 5px 0;
    text-align: center;
    line-height: normal;
    margin: 5px 1px 5px 1px;
    font-size: .9em;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;  
}
#disclaimer
{   
    font-weight:bold;
    background-color: #f2f2f2;
    color: #999;
    width: 99%;
    padding: 5px 0;
    text-align: left;
    line-height: normal;
    margin: 5px 1px 5px 1px;
    font-size: .9em;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;  
}
#update-application-list 
{
    display: none;
    position: absolute;
    top: 100px;
    left: 100px;
    color: #2e6e9e;
    font-size: 40px;
    z-index: 10;
}   
#update-applicationByPart-list 
{
    display: none;
    position: absolute;
    top: 100px;
    left: 100px;
    color: #2e6e9e;
    font-size: 40px;
    z-index: 10;
}