body { font-size:100%; font-family: Arial; margin:0px;}
#content {margin:0 30px 0 8px; }
#header {background-color:#dddddd; margin:0; padding:0; height:44px;}
#header img {float: left;}

h1 {font-size:1.2em; margin:10px; color: #cc00CC; }
h1 img, h2 img, h3 img {margin-left: 40px;}
h2 {font-size:1.1em; margin:8px; color: #cc00CC; }
h3 {font-size:1.0em; margin:6px; color: #cc00CC; }
input[type="text"] {width:200px;font-size:1.1em; }
input[type="password"] {width:200px;font-size:1.1em; }
input[type="button"] {font-size:1.1em; }
textarea {font-size:1.4em;}


hr {
    margin: 20px;
    clear:both;
    color:#fef;
}
table.index-tbl {
    border-collapse: collapse;
    border: 1px solid lightgrey;
}
table.index-tbl td,th {
    border: 1px solid lightgray;
    padding: 0px 8px 0px 10px;
}

a:link, a:visited {color: #4b74b0; text-decoration: none;}
a:hover {color: #e81d73;}

#left-pane {
  float:left;
  padding: 0em 1em 1em 1em;
  min-height: 350px;
  border-right: 2px solid #39556D;
}
#right-pane { 
  float:left;
  padding: 0em 1em 1em 1em;
}
#info-right {
    float:right;
    padding:4px;
    border: 1px gray solid;
    background-color: #cfc;
    max-width:200px;
}
#info-disp {
    padding:4px;
    border: 1px gray solid;
    border-radius: 3px; 
    background-color: #E1EEf4;
    max-width:600px;
}
#divInsMfgDetails {
    float:left;
    max-width:240px;
    background-color: #E1EEf4;
    border: 1px solid green;
    margin:0 20px;
    padding:0 8px;
}
#footer {
    clear:both;
    background-color: #333;
    color: #fff;
    width:100%;
    margin-top:20px;
    padding:2px 40px;
    font-size: 0.9em;
}

div.dim {color:#888;}

div.dhm-contact {
    float:left;
    margin: 2px 20px;
    padding:0px 8px;
    border: 1px solid #888;
    border-radius: 8px;
    min-width:180px;
}
div.dhm-epc {
    margin: 20px 10px;
    padding:0px 8px;
    border: 1px solid #888;
    border-radius: 8px;
    min-width:180px;
    display: table;
}
div.dhm-epc td {
    padding: 8px 16px;
    vertical-align: top;
}

div.dhm-upload-disp {
    display: table;
}
div.dhm-upload-disp-img {
    float: left;
    padding: 0px 10px;
}
div.dhm-upload-disp-img img {
    max-width: 120px;
    max-height: 120px;
}

.smart-table  table { 
border-collapse: collapse; 
text-align: left;
} 
.smart-table {
font: normal 12px/150% Arial, Helvetica, sans-serif; 
background: #fff; 
overflow: hidden; 
border: 1px solid #006699; 
border-radius: 3px; 
display: table;
}
.smart-table table td, .smart-table table th { 
padding: 3px 10px; 
}
.smart-table table thead th {
background-color:#006699; 
color:#FFFFFF; 
font-size: 15px; 
font-weight: bold; 
border-left: 1px solid #0070A8; 
} 
.smart-table table thead th:first-child { 
border: none; 
}
.smart-table table tbody td { 
xxcolor: #00557F; 
color: #000; 
border-left: 1px solid #E1EEF4;
font-size: 12px;
font-weight: normal; 
}
.smart-table table tbody .alt td { 
background: #E1EEf4; 
xxcolor: #00557F; 
color: #000; 
}
.smart-table table tbody td:first-child { 
border-left: none; 
}
.smart-table table tbody tr:nth-child(even) {
background-color: #E1EEf4;
}
.smart-table table tbody tr:last-child td { 
border-bottom: none; 
}



div.notification {
  text-align: center;
  background-color: #E1EEf4;
  border: 1px solid green;
  color: black;
}
div.warn {
  text-align: center;
  background-color: #fbb;
  border: 1px solid red;
  color: black;
}

#sf-nav{
font-size: 0.95em;
list-style:none;
padding-top: 6px;
}
#sf-nav a.menu_admin {
  color: #f99;
}
#menu-link {
    float:right;
    margin: 10px 20px 0 0;
}

#drop-area,#drop-area2
{
 text-align:center;
 margin:20px;
 width:93%;
 height:200px;
 background-color:white;
 border:3px dashed grey;
}
.drop-text
{
 margin-top:70px;
 color:grey;
 font-size:25px;
 font-weight:bold;
}
#drop-area img
{
 max-width:200px;
}

  
@media screen and (max-width: 840px) {
  #sf-nav ul li {float:none;display:block;margin:0px;height:auto;background-color:#ddd;border-top: 1px solid #aaa;}
  #sf-nav {height:auto; display:none;top:8px;}
  #sf-nav a {color:#00709e;}
  #sf-nav ul ul {border:none;position:relative;left:0px;margin-left:30px;padding-bottom:0px;display: block;}
  #sf-nav ul a {font-size:0.95em;margin:0;}
  #sf-nav p {position:fixed;top:10px;margin-left:210px;}
  #sf-nav a:hover{color:#003047;}
  #menu-link {display:inline;}
  .sf-menu {position: absolute;top: 44px;float:none;}
}
@media screen and (min-width: 841px) {
  #sf-nav {display:block;}
  #menu-link {display:none;}
}