/* 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: Lucida Grande, Tahoma, sans-serif;
    color: #05a4ff;
    font-size: 11px;
    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;
}
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: 8px !important;
    margin-top: 10px !important;
    font-size: 18px !important;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    font-weight: inherit !important;
    letter-spacing: 1px !important;
    color: #656363 !important;
}
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 */

table.flatTable {
    font-size: 8pt;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
}
table.flatTable td {
    border-top: 1px solid #000;
    border-left: 1px solid #000;
}
table.flatTable tr.tableHeader {
    color: black;
    background-color: #dddddd;
    font-weight: bold;
    white-space: nowrap;
}
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;
}
.tabTitleHighlight {
    color: white;
    background: #0d479d;
    font-weight: bold;
    padding: 4px 20px 4px 20px;
}
/* JWeb Wizards */

table.wizard {
    border: 0px;
}
table.wizard tr td.wizlabel {
    font-size: 12px;
    white-space: nowrap;
    padding-right: 10px;
    text-align: left;
    width: 1%;
}
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;
}
table.wizard tr td.wizentry .edit {
    padding: 2px 4px 2px 4px;
}
table tr td.tab-body {
    border-left: 1px solid #c2c7c7;
    border-right: 1px solid #c2c7c7;
    border-bottom: 1px solid #c2c7c7;
    padding-left: 3px;
    padding-right: 3px;
}
#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 */

div.buttons {
    margin: 2em 5px 5px 0px;
    padding: 6px 6px 6px 6px;
}
div.buttons input {
    /*  margin: 0px 2px 0px 0px;
	background: white;
    color: #0099ff;
    border: none;
    border: 1px solid grey;
    /* padding: 5px; 
    padding: 2px 12px 2px 12px; */
    
    background-color: #05a4ff;
    border: 1px solid #009aff;
    color: white;
    padding: 4px 10px !important;
    font: 12px Arial, "Helvetica Neue", Helvetica, sans-serif;
    border: 1px solid #009aff;
    min-width: 70px;
    outline: none;
}
#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;
}
#logoimage {
    right: 65px !important;
    top: 15px !important;
    position: relative;
}
#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 {
    /*background-image: url(/images/enh_login_screen_background.png) !important;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/enh_login_screen_background.png, sizingMethod='scale')*/
    display: table !important;
    width: 100% !important;
}

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

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

.devicenotsupported {
    font: bold 12pt Arial; 
    color: red;
}
.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%;
}