/* Global CSS */

body {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    color: #000000;
    background-color: #f5f5f5;
    font-size: 13px;
    margin: 0px;
    padding: 0px;
}
a {
    font-family: Arial;
    color: #274ec0;
    font-size: 12px;
    font-weight: bold;
}
td {
    font-size: 8pt;
}
a:active {
    font-family: Lucida Grande, Tahoma, sans-serif;
    color: #05a4ff;
}
/* Header CSS */

#versionheader {
    color: rgba(10, 156, 165, 1) !important;
    font-size: 19px !important;
    font-family: Helvetica Neue !important;
    font-weight: bold !important;
    position: relative;
    display: block;
    margin-left: 44px;
    position: relative;
}
table {
    empty-cells: show;
}
table.header {
    height: 65px;
    border-bottom: 1px solid #000;
    background: #1F499B;
    color: #fff;
}
table.header div.logo {
    padding: 17px 13px 17px 13px;
}
table.header div.logo a {
    color: #fff;
}
table.header div.jweb-title {
    font-family: Lucida Grande, Tahoma, sans-serif;
    font-weight: bold;
    font-size: 8px;
    color: #fff;
}
table.header div.right {
    padding-right: 5px;
    font-size: 11pt;
    font-family: Lucida Grande, Tahoma, sans-serif;
    font-weight: bold;
}
table.header div.right a {
    color: red;
}
/* Header Navigation Bar */

#nav {
    width: 100%;
    margin: 0;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 12px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background: #000;
}
#nav td.leftmost {
    padding-left: 23px;
}
#nav td a {
    padding: 2px 10px;
    margin: 0;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
}
#nav td.active a {
    color: #FCB914;
}
#nav td.alarms a {
    color: #f00;
}
#nav td a:hover {
    color: #888;
}
#nav td div.loggedin {
    padding-right: 25px;
    color: #fff;
}
div.page-title {
    /*margin-left: 10px !important;*/
    
    margin-bottom: 18px !important;
    border-bottom: 1px solid #cccccc !important;
    padding-bottom: 10px !important;
    margin-bottom: 15px !important;
    font-size: 12px !important;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    font-weight: 200 !important;
    letter-spacing: 1px !important;
    color: #333333 !important;
    line-height: 18px !important;
    word-wrap: break-word !important;
}
#oldIframe div.page-title {
    font-size: 12px !important;
}

/* SD theme */


.bluebutton, input[type='button'], input[type='submit'], input[type='reset'] {
  min-width: 68.5px;
  height: 29px;
  background-color: #05a4ff;
  border: 1px solid #05a4ff;
  color: white;
  cursor: pointer;
  font-weight: 500;
  margin-top: 30px;  
}

.bluebutton:hover, input[type='button']:hover, input[type='submit']:hover, input[type='reset']:hover {
  background-color: #0884FF;
}

.bluebutton, div.buttons {
    margin-left: 220px;
}     
 
/* end SD theme */

div.parent-title {
    font-size: 14px;
    color: black;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    padding: 10px 4px 12px 0px;
    width: auto;
    font-weight: bold;
}
div.sub-heading {
    /*margin-left: 15px !important;*/
    
    margin-left: 0%px !important;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
    height: 19px;
    font-family: Helvetica;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    color: #444444;
}
div.sub-heading-link {
    border-top: #CCCCCC solid 1px;
    color: #003366;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    padding: 0px 0px 3px 0px;
}
div.sub-heading-link a {
    text-decoration: none;
}
div.sub-heading-link a:hover {
    text-decoration: underline;
}
div.sub-heading-link-body {
    /*margin: 0em 3em 0em 3em;*/
    
    text-align: left;
}
div.sub-heading2 {
    padding: 4px 4px 4px 0px;
    font-weight: bold;
    font-size: 13px;
    color: #000000;
}
#footer {
    clear: both;
    padding: 2px 0;
    font-size: 13px;
    text-align: right;
    background: #1F499B;
    color: #eee;
    height: 22px;
}
#footer a {
    color: white;
    font-weight: normal;
}
#footer .footerleft {
    text-align: left;
    padding: 5px 200px 5px 25px;
    float: left;
}
.footerleft {
    background: url(/images/jyn_footer.gif) no-repeat top right;
}
.jweb-title {
    font-family: Lucida Grande, Tahoma, sans-serif;
    font-size: 18px;
    color: #003399;
    font-weight: bold;
}
.jweb-subtitle {
    font-family: Lucida Grande, Tahoma, sans-serif;
    font-size: 12px;
    color: #003399;
    font-weight: bold;
}
/* Bread Crumbs */

div.bread-crumbs {
    padding: 2px;
    text-align: right;
    margin: -3px 0px 0px 0px;
    width: auto;
    font-size: 10px;
    font-weight: normal;
    color: black;
    /* to hide bread crumbs */
    
    display: none;
}
div.bread-crumbs a,
div.bread-crumbs span {
    font-size: 10px;
    font-weight: normal;
    color: black;
    /* to hide bread crumbs */
    
    display: none;
}
/* Font Colors/Styles */

div.errors {
    margin: 10px;
    padding: 10px;
    border: 2px solid black;
    background-color: #ffaaaa;
}
div.warnings {
    margin: 10px;
    padding: 10px;
    border: 2px solid black;
    background-color: yellow;
}
div.success {
    margin: 10px;
    padding: 10px;
    border: 2px solid black;
    background-color: #A0fc8D;
}
div.error-title {
    font-size: 120%;
    font-weight: bold;
}
/* Blue Box */

#bluebox {
    margin: 0;
    padding: 0;
    font-size: 11px;
}
#bluebox ul {
    margin: 0 1px 2px 0;
    padding: 0;
    list-style: none;
    border: 1px solid #ADC1EA;
}
#bluebox li {
    margin: 0;
    padding: 6px;
}
#bluebox li.heading {
    margin: 0;
    padding: 4px 6px;
    font-weight: bold;
    font-size: 11px;
    color: #666666;
    border-bottom: 1px solid #ADC1EA;
    background: #D7DFEE;
    text-align: left;
}
#bluebox li.subhead {
    padding: 6px 6px 0 6px;
    color: #666;
    font-weight: bold;
}
/* Flat Tables */

.tabTitleHighlight {
    background-color: transparent;
    border: 0px;
    font: bold 16px Arial;
    color: #444444;
}

tabTitleHighlight-parent {
    width: 100%;
}

.undefined-table-i {
    margin-top: 20px !important;
}

.undefined-table-i td {
  height: 30px;
  font-family: Helvetica;
  font-size: 16px;
  font-weight: bold;
  color: #444444;
}

.undefined-table-ii {
    margin-top: 20px !important;
    width: 100%;
    border: 0px;    
}


table.flatTable {
    font-size: 12px;
    border-bottom: 1px solid #cbcbcb;
    border-right: 1px solid #cbcbcb;
    margin-bottom: 30px;
    width: 50%;
    border-collapse: collapse !important;
}
table.flatTable td {
    border: 1px solid #cbcbcb;
    font: normal 12px Arial;
    height: 30px;
}

table.flatTable td.header{
    font-weight: bold;
}

table.flatTable tr.tableHeader {
    color: #444444;
    background-color: #dddddd;
    font-weight: bold;
    white-space: nowrap;
    border: 1px solid #cbcbcb;
}

table.flatTable tr.tableHeader td{
    font-weight: bold;
}

table.flatTable tr.tableHeader {
    font: bold 12px Arial;
    height: 30px;
}
table.flatTable tr.tableEven {
    font-size: 7pt;
    background-color: white;
}
table.flatTable tr.tableOdd {
    font-size: 7pt;
    background-color: #faf8f3;
}
table.flatTable a.sortHeader {
    font-family: Lucida Grande, Tahoma, sans-serif;
    font-size: 8pt;
    background-color: #0D479D;
    color: white;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
/* Table Tabs */

.tabTitle {
    color: white;
    background: #bbbbbb;
    font-weight: bold;
    padding: 4px 20px 4px 20px;
}
/* JWeb Wizards */

.large-table {
    margin-top: 20px;
    margin-right: 20px;
    width: 100%;
    border-collapse: collapse;
    background-color: white;
}
.large-table .header{
    font: bold 12px Arial;
    width: 25%;
    height: 30px;
    background-color: #E5E9EA;
    border: 1px solid #cbcbcb;
}

.large-table td{
    padding-left: 15px;
    height: 33px;
    border-bottom: 1px solid #cbcbcb;
    border-right: 0px;
    border-collapse: collapse;
    color: #333333;
}

.large-table td:first-child {
    border-left: 0px;
}
/* JWeb Wizards */

table.wizard {
    border: 0px;
    width: 100%;
    margin-right: 20px;
    border-collapse: collapse;
}
table.wizard tr td.wizlabel {

    white-space: nowrap;
    text-align: left;
    width: 220px;    
    height: 30px;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 2.5;
    text-align: left;
    color: #666666;    
}
table.wizard tr td.wizleft {
    font-size: 12px;
    white-space: nowrap;
    padding-right: 10px;
    text-align: left;
}
table.wizard tr td.wizlabelwrap {
    font-size: 12px;
    font-weight: bold;
    padding-right: 10px;
    text-align: right;
}
table.wizard tr td.wizcaption {
    font-size: 12px;
    color: #003399;
    white-space: nowrap;
    padding-right: 10px;
}
table.wizard tr td.wizentry {
    padding-left: 0px;
    font: normal 12px Arial;
}
table.wizard tr td.wizentry .edit {
    padding: 2px 4px 2px 4px;
    height: 30px;
    width: 295px !important;
    background-color: #ffffff;
    border: solid 1px #cccccc;    
}

.edit, select, input[type='text'] {
    padding: 2px 4px 2px 4px;
    width: 295px !important;
    background-color: #ffffff;
    border: solid 1px #cccccc;
    margin-top: 10px;
}

.edit, input[type='text'] {
    height: 30px;
}

input[type='checkbox'] {
    border: 1px solid #bcbcbc;
    box-sizing: border-box;
    background-image: none;
    background-color: #fff;
    width: 16px;
    height: 16px;    
}

table tr td.tab-body {
    border: 0px;
    border-top: 1px solid #c2c7c7;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 10px;
}
#tabs {
    padding: 5px;
    border-bottom: 1px solid #c2c7c7;
}
#tabs ul {
    margin-left: 0;
    padding-left: 0;
    display: inline;
}
#tabs ul li {
    margin-left: 0;
    margin-bottom: 0;
    padding: 2px 15px 5px;
    border: 1px solid #c2c7c7;
    background-color: #e4e6e6;
    list-style: none;
    display: inline;
    cursor: pointer;
    margin-right: 5px;
}
#tabs ul li.selected {
    border-bottom: 1px solid #fff;
    background-color: #fff;
    list-style: none;
    display: inline;
    cursor: pointer;
    font-weight: bold;
}
div.tab-content-hide {
    display: none;
}
div.tab-content-show {
    display: block;
}
/* Wizard Buttons */


#upload:hover {
    background-color: #0884ff;
}
/* Wizard Widget: 'duallist' */

table.duallist tr.header {
    font-family: Lucida Grande, Tahoma, sans-serif;
    font-size: 12px;
    color: #003399;
    text-align: center;
}
table.duallist tr td.arrows {
    width: 60px;
    text-align: center;
    padding: 10px;
}
table.duallist tr.buttonbar td {
    text-align: center;
    padding-top: 5px;
}
/* JWeb Tooltips */

span.tooltip {
    font-family: Lucida Grande, Tahoma, sans-serif;
    font-size: 10px;
    text-align: left;
    white-space: normal;
    position: absolute;
    display: none;
    width: 200px;
    padding: 3px;
    border: 1px solid #666666;
    background-color: #FFFFCC;
    color: #333333;
    text-decoration: none;
}
span.tooltip-icon {
    font-family: Lucida Grande, Tahoma, sans-serif;
    font-weight: bold;
    font-size: 10px;
    padding: 0px 3px 0px 3px;
    cursor: default;
}
span.tooltip div.fancy-tooltip-header {
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid black;
}
span.tooltip div.fancy-tooltip-empty-header {
    text-align: left;
    font-weight: bold;
}
span.tooltip span.fancy-tooltip-body {
    font-weight: normal;
}
span.tooltip span.fancy-tooltip-body ul,
span.tooltip span.fancy-tooltip-body li {
    padding: 1px 4px 1px 4px;
    margin: 1px 2px 1px 8px;
}
/* JWeb Percent Color bars */

table.colorbar {
    border: 1px solid black;
    height: 10px;
}
table.colorbar tr td.green {
    background-color: #00FF00;
    font-size: 8px;
}
table.colorbar tr td.yellow {
    background-color: #F0FF00;
    font-size: 8px;
}
table.colorbar tr td.red {
    background-color: #FF0000;
    font-size: 8px;
}
table.colorbar tr td.empty {
    font-size: 8px;
}
/* Main Navigation Bar */

.navbarhead {
    font-family: Lucida Grande, Tahoma, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    background-color: #C2C7C7;
}
td.navbar {
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    font-family: Lucida Grande, Tahoma, sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
}
td.navbar a {
    text-decoration: none;
    font-family: Lucida Grande, Tahoma, sans-serif;
    font-size: 11px;
    font-weight: bold;
}
td.navbar a:hover {
    text-decoration: none;
}
/* General Style (used by html.inc.php) */

.min {
    font-size: 8pt;
    font-family: Lucida Grande, Tahoma, sans-serif;
}
.smdivider {
    border-top: 1px solid #666666;
}
.divider {
    border: 1px solid #666666;
}
.bldivider {
    border-top: 1px solid #1F499B;
}
.whdivider {
    border-top: 1px solid #FFFFFF;
}
/* Utility CSS */

.uppercase {
    text-transform: uppercase;
}
.center {
    text-align: center;
}
.bold {
    font-weight: bold;
}
.italic {
    font-style: italic;
}
.small {
    font-family: Lucida Grande, Tahoma, sans-serif;
    font-size: 10pt;
}
.red-foreground {
    color: #ff0000;
}
.hidden {
    display: none;
}
/* About Box */

table.bluetable {
    margin: 10px;
    border: 1px solid #000000;
}
th.bluetable {
    font-family: Lucida Grande, Tahoma, sans-serif;
    color: #000000;
    font-size: 10pt;
    padding: 0px 5px 0px 5px;
    background-color: #99CCFF;
    border-bottom: 1px solid #000000;
}
td.bluetable {
    font-family: Lucida Grande, Tahoma, sans-serif;
    color: #000000;
    font-size: 10pt;
    padding: 4px 5px 2px 5px;
}
.padding {
    padding: 0px 15px 0px 15px;
}
/* Left Navigation Bar */

td.topics {
    width: 155px;
    border-left: 1px solid #CCCCCC;
}
td.topics-right {
    width: 5px;
    border-right: 1px solid #666666;
}
td.topics-dotted {
    width: 1px;
    background: url("/images/bg_vertdot_sm.gif") repeat-y;
}
td.topic-entry {
    border-top: 1px solid #2656AC;
    padding: 5px 2px 5px 0px;
    white-space: nowrap;
}
td.topics table tr td a.subnav {
    color: #003366;
    text-decoration: none;
}
td.topics table tr td a.subnav:hover {
    color: #666666;
    text-decoration: underline;
}
td.topics table tr td.topic-highlight {
    font-family: Lucida Grande, Tahoma, sans-serif;
    font-size: 11px;
    background-color: #dddddd;
    color: black;
    font-weight: bold;
}
td.topics table tr td.topic-highlight a.subnav {
    color: white;
    text-decoration: none;
}
td.topics table tr td.topic-highlight a.subnav:hover {
    color: black;
    text-decoration: underline;
}
td.topics table tr td.subtopic-entry {
    padding: 5px 5px 5px 22px;
    background-color: #E6E6E6;
}
td.topics table tr td.subtopic-entry a.subnav {
    font-family: Lucida Grande, Tahoma, sans-serif;
    font-weight: normal;
    color: #003366;
    text-decoration: none;
}
td.topics table tr td.subtopic-entry a.subnav:hover {
    color: #666666;
    text-decoration: underline;
}
td.topics table tr td.subtopic-highlight {
    padding: 5px 5px 5px 22px;
    background-color: #f0f0f0;
    font-weight: normal;
}
td.topics table tr td.subtopic-highlight a.subnav {
    font-family: Lucida Grande, Tahoma, sans-serif;
    font-weight: bold;
    color: #003366;
    text-decoration: none;
}
td.topics table tr td.subtopic-highlight a.subnav:hover {
    color: #666666;
    text-decoration: underline;
}
td.topics table tr td.topic-entry-top {
    padding: 3px;
}
td.main-body {
    padding: 0px 5px 5px 10px;
}
/*styles for liveUpdater.css*/

.autocomplete {
    position: absolute;
    color: #0033CC;
    background-color: #FFE6BF;
    border: thin outset black;
    visibility: hidden;
}
.autocomplete ul {
    padding: 0;
    margin: 0;
}
.autocomplete li {
    display: block;
    cursor: pointer;
    margin: 1px;
    padding-left: 5px;
    padding-right: 5px;
}
.autocomplete li.selected {
    background-color: #B6C5F2;
}
div.wizard-inputarea {
    width: 98%;
    padding: 5px;
    border: 1px solid #666666;
    height: 400px;
    overflow: auto;
}
div.wizard-screendescription {
    width: 80%;
    padding: 5px;
    border: 1px solid #555555;
    height: 35px;
    text-align: left;
    font-size: 14px;
    overflow: auto;
}
div.wizard-screenheading {
    font-weight: bold;
    font-size: 12px;
    color: #ff6600;
    padding: 4px 4px 4px 0px;
    width: auto;
    background-position: bottom;
}
td.wizard-summary-td1 {
    width: 30%;
    vertical-align: top;
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
}
td.wizard-summary-td2 {
    width: 70%;
    padding-left: 8px;
    vertical-align: top;
    font-size: 12px;
    white-space: nowrap;
}
.alert-box {
    color: #555;
    border-radius: 10px;
    font-family: Tahoma, Geneva, Arial, sans-serif;
    font-size: 12px;
    padding: 10px;
    margin: 10px 0;
    width: 555px;
    text-align: left;
}
.alert-box span {
    font-weight: bold;
    text-transform: uppercase;
}
.error {
    background: #fed3d0 url('/images/browser-notify.png') no-repeat 10px 50%;
    border: 1px solid #e93232;
}
#logintable {
    background: #97afc0;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, #97afc0 0%, #ffffff 79%, #ffffff 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97afc0), color-stop(79%, #ffffff), color-stop(100%, #ffffff));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, #97afc0 0%, #ffffff 79%, #ffffff 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, #97afc0 0%, #ffffff 79%, #ffffff 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, #97afc0 0%, #ffffff 79%, #ffffff 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, #97afc0 0%, #ffffff 79%, #ffffff 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#97afc0', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
}
#systest-tcpdump-matching-protos-add,
#add,
#update,
#trial,
#systest-tcpdump-matching-addrs-add,
#systest-tcpdump-matching-ports-add,
#compare,
#compare2,
#delete,
#display,
#download {
    margin: 0px !important;
    border: 1px solid #009aff;
    background-color: #05a4ff;
    color: white !important;
    font: 12px Arial, "Helvetica Neue", Helvetica, sans-serif;
    padding: 4px 10px !important;
}
#systest-tcpdump-matching-protos-add:hover {
    background-color: #0884ff;
}
#fetch:hover {
    background-color: #0884ff;
}
#snapshot:hover {
    background-color: #0884ff;
}
#add:hover {
    background-color: #0884ff;
}
#update:hover {
    background-color: #0884ff;
}
#trial:hover {
    background-color: #0884ff;
}
#systest-tcpdump-matching-addrs-add:hover {
    background-color: #0884ff;
}
#systest-tcpdump-matching-ports-add:hover {
    background-color: #0884ff;
}
#compare:hover {
    background-color: #0884ff;
}
#compare2:hover {
    background-color: #0884ff;
}
#start-pinghost:hover {
    background-color: #0884ff;
}
#start-traceroute:hover {
    background-color: #0884ff;
}
#start-tcpdump:hover {
    background-color: #0884ff;
}
#systest-ok:hover {
    background-color: #0884ff;
}
#systest-cancel:hover {
    background-color: #0884ff;
}
#systest-fetch-install-package-server-url0 {
    width: 182px !important;
}
.newStyle {
    margin: 0px !important;
    font-size: 13px !important;
}
#systest-pinghost-advanced-count {
    width: 45px !important;
}
#systest-pinghost-advanced-tos {
    width: 45px !important;
}
#systest-pinghost-advanced-routing-instance,
#systest-pinghost-advanced-interval,
#systest-pinghost-advanced-ttl,
#systest-traceroute-advanced-routing-instance {
    width: 180px !important;
}
#systest-tcpdump-tcpdump-interface,
#systest-tcpdump-packet-count {
    width: 80px !important;
}
#addurl {
    width: 412px !important;
}
/*newchanges*/

.parent-title,
.page-title {
    display: none;
}
/*.......loginPage......*/

.login_form#login_form {
    width: 550px !important;
}
#juniperheader {
    border-bottom: 0 none !important;
    margin-top: 43px;
    color: #333333 !important;
    display: block;
    font-size: 30px !important;
    height: 30px;
    position: relative;
    text-align: left !important;
    padding-left: 15px !important;
}
#juniperwebheader {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    padding-bottom: 0px !important;
    padding-top: 28px !important;
    font-weight: 200 !important;
    letter-spacing: 1px !important;
    line-height: 18px !important;
    word-wrap: break-word !important;
    color: #333333 !important;
    font-size: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    direction: ltr !important;
}
.login_table#login_table {
    opacity: 0.9 !important;
}
#usernameLabel,
#passwordlabel {
    display: none !important;
}
/*
.login#login {
    height: 40px !important;
    width: 295px !important;
    background-color: #0099ff !important;
    border: 1px solid #009AFF !important;
    font-weight: normal !important;
    font-size: 16px !important;
    padding: 4px 6px;
    letter-spacing: 1px;
    color: #fff;
    left: 83px !important;
    position: relative;
    top: 10px !important;
}
*/
.login_form#login_form {
    position: relative;
    left: 36px !important;
    top: 15px !important;
}

#footerid {
    top: 110px !important;
    position: relative;
    right: 384px !important;
    color: #cccccc !important;
    font-size: 12px !important;
    line-height: 20px !important;
}
#footerlink1,
#footerlink2,
#footerlink3 {
    color: #cccccc !important;
    font-size: 12px !important;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    font-weight: normal !important;
    font-style: normal !important;
    text-decoration: none !important;
    line-height: inherit !important;
}
#errorMsgId {
    border: 2px !important;
    border-color: #eb2125 !important;
    font-size: 12px !important;
    background-color: white !important;
    color: #eb2125 !important;
    height: 40px !important;
    top: -45px !important;
    position: relative !important;
    right: -20px !important;
    width: 415px !important;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    line-height: 1 !important;
    text-align: center !important;
}
#errormsg {
    top: 12px !important;
    position: relative !important;
}
#nameValidation,
#PwdValidation {
    display: none;
}
#nameValidation {
    margin: 14px 0px 0px !important;
    padding: 0px !important;
    position: relative !important;
    font-style: normal !important;
    font-size: 11px !important;
    background: inherit !important;
    width: 145px !important;
}
#PwdValidation {
    padding: 0px !important;
    right: 390px !important;
    position: relative !important;
    font-style: normal !important;
    font-size: 11px !important;
    background: inherit !important;
    top: 8px !important;
    position: relative;
    width: 145px !important;
    left: -247px !important;
}
#nameValidationSpan,
#PwdValidation span {
    top: 2px !important;
    position: relative;
    left: 20px !important;
}
#nameValidation {
    background-image: url(/images/enh-bigExclamatoryinCircle.png) !important;
    background-repeat: no-repeat !important;
    height: 18px !important;
    top: -29px !important;
    left: -247px !important;
    position: relative;
}
#PwdValidation {
    background-image: url(/images/enh-bigExclamatoryinCircle.png) !important;
    background-repeat: no-repeat !important;
    height: 18px !important;
    position: relative;
}
.login_form#login_form,
.login_table#login_table,
#login_table_inner {
    height: 360px !important;
}
.login_table#login_table,
#login_table_inner {
    width: 550px;
    display: block;
}
#jwedDesignHeading,
#jwedDesignHeading table,
#jwedDesignHeading table td {
    width: 530px;
    float: left;
    display: block,
}
#browserfooter {
    top: 22px;
    right: 11px;
    position: relative;
    font: 12px Arial !important;
    color: #B6B5B6;
}
#logintableid {
    background: url(/images/enh_login_screen_background.png) !important;
    background-repeat: repeat-y !important;
    float: left;
    display: block !important;
}

#bluebox{
    width: 551px;
}
#login-message{
	margin: 0px;
    width: 100%;
    overflow: auto;
    height: 45px;
    font: 12px Arial;
}
#bluebox li{
	background: white;
		
} 
#loginbanner{
	position: absolute;
    top: 30px;
    z-index: 999;
    right: 390px;
}

	
#delete:hover,#display:hover,#download:hover{
	 background-color: #0884ff;
}

/* New login page structure and css */

body#loginbody { 
  background: url(/images/enh_login_screen_background.png) no-repeat center center fixed !important; 
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/enh_login_screen_background.png, sizingMethod='scale')
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}

#loginpage {
    display: table !important;
    width: 100% !important;
	margin-top: 125px;
}

.logoimage {
    background-image: url(/images/logo.png);
    background-position: 40px 0;
    background-repeat:no-repeat;
    height: 80px;
    width: 100%;
	position: absolute;
	left: 0px;
	top: 35px;
}

.loginbanner {
    width: 500px;
    margin: 0 auto;
}

.devicenotsupported {
    font: bold 12pt Arial; 
    color: red;
	margin: 15 auto;
	width: 600px;
	text-align: center;
}
.devicenotsupported img{
    vertical-align: middle;
}

.loginform {
    width: 550px;
    height: 360px;
    margin: 0 auto;
    background-color: white;
}

.juniperformheader {
    font: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    font-weight: 200 !important;
    letter-spacing: 1px !important;
    line-height: 22px !important;
    word-wrap: break-word !important;
    color: #333333 !important;
    font-size: 30px !important;
    margin: 43px 0 0 56px !important;
    direction: ltr !important;
    height: 35px;
}

.loginform #login {
    height: 40px !important;
    width: 295px !important;
    background-color: #0099ff !important;
    border: 1px solid #009AFF !important;
    font-weight: normal !important;
    font-size: 16px !important;
    padding: 4px 6px;
    letter-spacing: 1px;
    color: #fff;
    left: 115px !important;
    position: relative;
    top: 10px !important;   
}

.formversionheader {
    color: #0A9CA5 !important;
    font-size: 19px !important;
    font-family: Helvetica Neue !important;
    font-weight: bold !important;
    position: relative;
    display: block;
    margin-left: 58px;
    position: relative;
}

#formnamevalidation, #formpassvalidation {
    background-image: url(/images/enh-bigExclamatoryinCircle.png) !important;
    background-repeat: no-repeat !important;
    height: 18px !important;    
    color: red !important;
    font: normal 11px Arial !important;
    display: none;
    margin-left: 112px !important;
}

.formerror {
    display: block;
    color: red;
    font: 12px Arial;
    width: 100%;
    text-align: center;
    vertical-align: middle;
}

.small {
    font-family: Lucida Grande, Tahoma, sans-serif;
    font-size: 10pt;
}

.browserinfo {
    color: #c3c3c3;
    font: 12px Arial;
    width: 550px;
    margin: 0 auto;
    text-align: left;
    margin-top: 3px;
}

/* The font color of this section is appearing dull in IE comparing to other browsers.
   It is because of anti aliasing and the background color. so, increased the brightness only for IE. */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .browserinfo {
        color: #d4d4d4;
    }     
}

.username#username,
.password#password {
    border: none;
    border-bottom: 1px solid #cccccc;
    width: 295px !important;
    height: 25px !important;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    font-weight: normal !important;
    font-size: 16px !important;
    position: relative;
    left: 115px !important;    
}
.username#username:focus , .password#password:focus {
    border: none;
    border-bottom: 1px solid #05A4FF;
    width: 295px !important;
    height: 25px !important;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    font-weight: normal !important;
    font-size: 16px !important;
}

#copyrighttxt {
    color: #c3c3c3 !important;
    font-size: 12px !important;
    line-height: 20px !important;
    position: absolute;
    left: 50px;
    top: 95%;
}

/*
#systest-snapshot-form .wizard {
    width: 30%;
}

#systest-snapshot-form .wizard input[type='checkbox']{
    width: auto !important;
    height: 15px !important;
}

#systest-snapshot-form .wizlabel {
    width: 180px !important;
}

#systest-snapshot-form .buttons {
    margin-left: 185px !important;
}
*/

#legacypage form .wizard {
    width: 40%;
}

#legacypage form .wizard input[type='checkbox']{
    width: auto !important;
    height: 15px !important;
}    

#legacypage form .wizard .wizlabel {
    width: 250px;
}

#legacypage form .wizard .buttons {
    margin-left: 295px;
}    

#systest-license-buttons  td {
    border: 0px !important;
}

#systest-downgrade-form .wizard div.buttons,
#systest-rescue-set-delete-form  .wizard div.buttons{
    margin-left: 45px !important;
}

#legacypage #systest-pinghost-form .wizard{
    width: 50% !important;
}

#systest-pinghost-form .wizard #advanced .wizard{
    width: 100% !important;
}
    
#systest-pinghost-form .wizard select, #systest-pinghost-form .wizard input[type='text']{
    width: 100px !important;
}    

#systest-pinghost-form .wizard #systest-pinghost-hostname {
    width: 350px !important;
}

#systest-pinghost-form .wizard div.buttons {
    margin-left: 250px !important;
}

/*
#legacypage #form .wizard .wizlabel{
    width: 100px !important;
}

#legacypage #form input[type='text'],
#legacypage #form select {
    width: 100px !important;
}
*/

#legacypage #systest-traceroute-form .wizard{
    width: 50% !important;
}


#systest-traceroute-form .wizard #advanced .wizard{
    width: 100% !important;
}
    
#systest-traceroute-form .wizard select, #systest-traceroute-form .wizard input[type='text']{
    width: 100px !important;
}    

#systest-traceroute-form .wizard #systest-traceroute-hostname {
    width: 350px !important;
}

#systest-traceroute-form .wizard div.buttons {
    margin-left: 250px !important;
}

#legacypage #systest-tcpdump-form .wizard {
    width: 70% !important;
}

#systest-tcpdump-form .wizard select, #systest-tcpdump-form .wizard input[type='text']{
    width: 100px !important;
}    

#legacypage #systest-tcpdump-form .wizard .wizlabel {
    width: 100px !important;
}

#systest-tcpdump-form td.header {
    background-color: none !important;
}

#webfform .flatTable td,
#avstform .flatTable td{
    background-color: white !important;
}

form[id*='systest-ping_mpls'] .wizard {
    width: 60% !important;
}

form[id*='systest-ping_mpls'] .wizard td:nth-child(odd){
    padding-left: 20px
}

form[id*='systest-ping_mpls'] .wizard td input[type='text'],
form[id*='systest-ping_mpls'] .wizard td select{
    width: 200px !important;
}

/* Configure - security - Firewall filter - Assign to interface */

#legacypage form #wizard-tab-tab1 {
    margin-left: 10px;
}

#legacypage form #wizard-tab-tab1 table table{
    width: 60% !important;
}

/* IE specific styles*/ 
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   #legacypage form[action$='configuration?m[]=wizards&m[]=firewall-acl&m[]=firewall-filters'] #wizard-tab-tab1 table table{
		width: 90% !important;
	}

	#legacypage form[action$='configuration?m[]=wizards&m[]=firewall-acl&m[]=firewall-filters-ipv6'] #wizard-tab-tab1 table table{
		width: 90% !important;
	}
}

#legacypage form #wizard-tab-tab1 table table select{
    width: 200px !important;
}

#legacypage form #wizard-tab-tab1 .wizlabel {
    width: 150px;
    padding-right: 30px;
}

/* Configure - security - Firewall filter - IPV4 & IPV6 */

form[action$='firewall-filters'] table.wizard {
    width: 70% !important;
}

form[action$='firewall-filters-ipv6'] table.wizard {
    width: 70% !important;
} 

#systest-upload-install-package-post-file {
    padding: 0px;
    height: auto;
    width: auto !important;
    background-color: transparent;
    border: 0px;
    margin-top: 3px;    
}

form[action$='virtual-channel-groups'] div.buttons{
    margin-left: 0px !important;
}

#systest-upload-install-package-post-file,
#systest-upload-configuration-file-post-file {
    padding: 0px !important;
    height: auto !important;
    background-color: white !important;
    border: 1px solid #ccc !important;
}


#systest-dhcp-usp-client-list-buttons td {
    text-align: left !important;    
}

#systest-dhcp-usp-client-list-buttons td:nth-child(1) {
    width: 60px !important;
}

/* legacypage is the body for all iframes*/
/* changed the button style for all legacy pages */
#legacypage input[type="button"]:hover, #legacypage input[type="submit"]:hover{
   background: linear-gradient(to bottom right, #55dbf9, #0099ff) !important;
   color: white !important;
   cursor: pointer !important;
}

#legacypage input[type="button"]:active, #legacypage input[type="submit"]:active{
  background: linear-gradient(to bottom right, #0099ff, #55dbf9) !important;
  color: white !important;
  cursor: default !important;
}
/* End of legacy page CSS */

.lsys_access_view_cls {
    display: none !important;
}