html.IE em,
html.IE h1,
html.IE h2,
html.IE h3 {
  font-weight: normal;
}
html.IE button {
  border: 1px solid #899ea4;
}
html.IE button {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5f1f3, endColorstr=#b7cbd1,GradientType=0);
}
html.IE button.hover,
html.IE button:hover {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e8f4f8, endColorstr=#8db5c3,GradientType=0);
}
html.IE button.active {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#abc6ce, endColorstr=#d0e3e8,GradientType=0);
}
html.IE button.focus {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ecf6f9, endColorstr=#8eb4c2,GradientType=0);
}
html.IE button[disabled] {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#a9a9a9, endColorstr=#474747,GradientType=0) progid:DXImageTransform.Microsoft.Alpha(opacity=50) !important;
}
/* Control Button (blue) */
html.IE button.blue,
html.IE div.dialog div.dialog-buttons button,
html.IE #applet-container > article > footer > button {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#6ecdef, endColorstr=#2b6b96,GradientType=0);
  border: none;
}
html.IE button.blue.hover,
html.IE button.blue:hover,
html.IE div.dialog div.dialog-buttons button.hover,
html.IE div.dialog div.dialog-buttons button:hover,
html.IE #applet-container > article > footer > button.hover,
html.IE #applet-container > article > footer > button:hover {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#64ccec, endColorstr=#337aab,GradientType=0);
}
html.IE button.blue.active,
html.IE button.blue:active,
html.IE div.dialog div.dialog-buttons button.active,
html.IE div.dialog div.dialog-buttons button:active,
html.IE #applet-container > article > footer > button.active,
html.IE #applet-container > article > footer > button:active {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1e7ba2, endColorstr=#0282ba,GradientType=0);
}
html.IE button.blue.focus,
html.IE button.blue:focus,
html.IE div.dialog div.dialog-buttons button.focus,
html.IE div.dialog div.dialog-buttons button:focus,
html.IE #applet-container > article > footer > button.focus,
html.IE #applet-container > article > footer > button:focus {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#64ccec, endColorstr=#337aab,GradientType=0);
}
html.IE button.blue[disabled],
html.IE button.blue:disabled,
html.IE div.dialog div.dialog-buttons button[disabled],
html.IE div.dialog div.dialog-buttons button:disabled,
html.IE #applet-container > article > footer > button[disabled],
html.IE #applet-container > article > footer > button:disabled {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#a9a9a9, endColorstr=#474747,GradientType=0)  progid:DXImageTransform.Microsoft.Alpha(opacity=50) !important;
}
/* Header Button (orange) */
html.IE button.orange,
html.IE body > #scroll-container > header button {
  color: #fff;
  border: 1px solid #e16b03;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e59305, endColorstr=#e16b03,GradientType=0);
}
html.IE button.orange.hover,
html.IE button.orange:hover,
html.IE body > #scroll-container > header button.hover,
html.IE body > #scroll-container > header button:hover {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2a113, endColorstr=#eb7f0b,GradientType=0);
}
html.IE button.orange.active,
html.IE button.orange:enabled:active,
html.IE body > #scroll-container > header button.active,
html.IE body > #scroll-container > header button:enabled:active {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e87f0f, endColorstr=#d46400,GradientType=0);
}
html.IE button.orange.focus,
html.IE button.orange:enabled:focus,
html.IE body > #scroll-container > header button.focus,
html.IE body > #scroll-container > header button:enabled:focus {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e58f05, endColorstr=#e16b03,GradientType=0);
}
html.IE button.orange[disabled],
html.IE button.orange:disabled,
html.IE body > #scroll-container > header button[disabled],
html.IE body > #scroll-container > header button:disabled {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe9c2, endColorstr=#ffbc75,GradientType=0);
}
/* IE Hack */
html.IE #main-menu > li > ul > li:hover {
      background-color: transparent;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#20ffffff, endColorstr=#20ffffff,GradientType=0);
  }
  html.IE div.dialog-overlay {
      background-color: black;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }
  body.applet-view #main-menu > li > h2 {
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
  }
  html.IE #widget-shield {
      filter: alpha(opacity=0);
  }
  html.IE #widget-container div.widget.drag {
      filter: alpha(opacity=50);
  }
/* Main menu */
html.IE #nav-home {
  display: none;
}
html.IE div.abs-pos-btn-right {
  overflow: hidden;
  position: relative;
  height: 40px;
  clear: both;
  width: 100%;
  padding: 0px;
  margin: 0px;
}
html.IE div.abs-pos-btn-right button {
  position: absolute;
  right: 20px;
  height: 30px;
  top: -10px;
}
body > header div.content {
  height: 72px;
  cursor: pointer;
  width: 100%;
  padding-right: 90px;
  margin: 0px;
}
body > header div.content > ul {
  height: auto;
  right: 120px;
  width: 290px;
  top: -10px;
}
html[dir=rtl].IE div.abs-pos-btn-right button {
  top: -135px;
  display: none;
}
html.IE body.applet-view #nav-home {
  display: inline-block;
}
html.IE #nav-cliff {
  top: -150px;
}
/** Top level menu items  **/
html.IE body > #scroll-container > header  div.content #routers-menu-container-local {
  margin: 0 0 0 30px;
  line-height: 15px;
  padding: 15px 30px 15px 10px;
}
html.IE body > #scroll-container > header div.content > ul > li > ul > li:first-child:hover {
  background: #135788 url("/ui/static/images/topnav/arrow-down.png") no-repeat right 20px;
}
html.IE body > #scroll-container > header div.content > ul > li > ul:hover li:first-child {
  background: #135788 url("/ui/static/images/topnav/arrow-down.png") no-repeat right 20px;
}
/** Help button **/
html.IE body > #scroll-container > header div.content > ul > li:first-child {
  margin: 0 0 0 30px;
  line-height: 15px;
  padding: 15px 30px 15px 10px;
  padding: 0 15px;
  line-height: 45px;
}
html.IE body > #scroll-container > header div.content > ul > li:first-child,
html.IE body > #scroll-container > header div.content #routers-menu-container-local,
html.IE body > #scroll-container > header div.content > ul > li > ul > li:first-child {
  color: #d0d5d8;
}
html.IE body > #scroll-container > header div.content > ul > li > ul > li {
  border-top: solid #fff 1px;
  background: #fff;
  color: #495d6b;
  padding: 5px 10px;
  margin: 0;
  border-bottom: solid 1px #aaa;
  display: none;
  color: #495d6b;
  padding: 0 15px;
  margin: 0;
  line-height: 27px;
  display: block;
  z-index: -1;
  visibility: hidden;
  margin-top: -40px;
}
html.IE body > #scroll-container > header div.content > ul > li > ul > li:first-child {
  border: none;
  color: #d0d5d8 !important;
  background: transparent;
  overflow: auto;
  display: block;
  background: url("/ui/static/images/topnav/arrow-down.png") right 20px no-repeat;
  margin: 0 0 0 30px;
  line-height: 15px;
  padding: 15px 30px 15px 10px;
  display: block;
  z-index: 10;
  visibility: visible;
  margin-top: 0;
  color: #fff;
  border: none;
}
html.IE body > #scroll-container > header div.content > ul > li > ul {
  display: block;
}
html.IE body > #scroll-container > header div.content > ul > li {
  float: left;
  display: block;
}
html.IE body > #scroll-container > header div.content > ul {
  display: block;
}
html.IE body > #scroll-container > header div.content > ul > li > ul:hover  > li {
  display: block;
  margin-top: 0;
  visibility: visible;
  color: #495d6b;
  border-bottom: 1px solid #aaa;
  background: #fff;
}
html.IE body > #scroll-container > header div.content > ul > li > ul > li:hover {
  background-color: #d3f0fa;
  color: #495d6b;
}
html.IE UL#blockRadios {
  line-height: 50px;
}
html.IE UL#blockRadios input[type=radio] {
  background: 0 none;
}
html.IE input[type=checkbox].switch {
  background: 0 none;
}
html.IE .form fieldset {
  width: 100%;
}
html.IE #basic-information,
html.IE #ipv4-ipv6-common,
html.IE .form fieldset.left,
html.IE .form fieldset.right {
  width: 410px;
}
html.IE .form fieldset.left {
  float: left;
}
html.IE .form fieldset:hover,
html.IE .form fieldset {
  display: block;
}
html.IE .form fieldset .row {
  display: block;
  clear: both;
  padding-top: 0px;
  padding-bottom: 4px;
}
html.IE .form fieldset .row > label,
html.IE .form fieldset .row > input,
html.IE .form fieldset .row > div,
html.IE .form fieldset .row > span {
  display: block;
  clear: none;
  float: left;
}
html.IE .form fieldset .row > .input[type=checkbox] {
  width: 140px;
  margin: 0px;
}
html.IE .form fieldset .row > label,
html.IE .form fieldset .row > div.cell {
  line-height: 14px;
  min-height: 16px;
  float: left;
}
html.IE .form fieldset .row > div.cell > select {
  margin-top: 5px;
  margin-bottom: 10px;
}
html.IE .form fieldset .row > div.cell {
  float: left;
  padding: 0px 5px 3px 0px;
}
html.IE .form fieldset .row .cell input[type=checkbox] {
  margin: 6px 5px 0px 0px;
  float: none;
  display: inline-block;
}
html.IE .form fieldset .row .cell label {
  margin: 8px 5px 17px 0px;
  float: none;
  display: inline-block;
}
html.IE .form fieldset .row.toggle-edit > :first-child {
  padding-left: 10px;
}
html.IE .form fieldset .row.toggle-edit > :first-child + * {
  display: block;
  float: left;
}
html.IE .form fieldset .row.toggle-edit > :first-child + * + * {
  display: none;
}
html.IE .form fieldset .block-row {
  clear: both;
}
html.IE .form fieldset .row > :first-child + div.cell {
  max-width: 80%;
}
html.IE8 .form div.form-header,
html.IE8 .form div.form-body,
html.IE8 .form fieldset {
  background-color: #eff3f5;
}
html.IE8 #applet-container article section {
  background-color: #e7eef2;
  background-image: none;
}
html.IE .form fieldset.edit .row.toggle-edit > :first-child + * {
  display: none;
}
html.IE .form fieldset.edit .row.toggle-edit > :first-child + * + * {
  display: inline;
}
/* Select Box */
html.IE select {
  -khtml-appearance: none;
  border: default;
  padding: 1px;
  font-size: 12px;
  color: #808285;
  background: #fff;
}
html.IE select option {
  color: #808285;
}
html.IE input[type="checkbox"] {
  background: none;
}
html.IE input[type="radio"] {
  background: none;
}
/* Datagrid, thead styles */
html.IE table.applet-datagrid thead {
  font-weight: normal;
}
/* Use native browser upload file instead of our button, but still display only our button */
html.IE .file-input {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
html.IE .file-input > input {
  position: absolute;
  font-size: 70px;
  opacity: 0;
  filter: alpha(opacity=0);
  filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
  top: -30px;
  left: -250px;
}
/* Hide bubble-tip on info-bubble since image-border does not appear */
html.IE .bubble-tip {
  display: none;
}
html.IE #change-password-form {
  width: 380px;
}
html.IE .row .cell p {
  float: none;
  clear: left;
  margin: 0px 0px 5px 0px;
  display: block;
}
html.IE .form fieldset .row .cell > span.ui-checkbox {
  margin-top: 7px;
}
html.IE .form fieldset.tight .row .cell > p label,
html.IE .form fieldset.tight .row .cell > * {
  margin-bottom: 4px;
}
html.IE #filter-options {
  width: 380px;
}
