/****************************
./style.css
Copyright Fortinet, Inc.
All rights reserved.
****************************/

body {margin: 0px;
font-family: Verdana, Arial, Helvetica;
font-size: 12px;
line-height: 1.22em}
a {font-weight: normal;
color: #336699;
text-decoration: none;
font-family: Verdana, Arial, Helvetica}
h4 {color: #052101;
font-family: Arial, Helvetica, Verdana;
font-size: 13px;
font-weight: bold;
height: 18px;
margin-bottom: 2px}
img {border: 0px solid black}
.hidden {visibility: hidden !important;
display: none !important}
tr.heading th {color: #fff;
cursor: default;
font-family: Verdana, Arial, Helvetica;
text-align: left;
white-space: nowrap}
input.error {background-color: #fbb}
.error {padding-left: 2px;
background-color: transparent;
color: #900;
white-space: nowrap}
.error.wrapping {white-space: normal}
label.floating-error {float: right;
margin: 3px;
background-color: transparent;
color: #900;
white-space: nowrap}
select {font-size: 12px;
font-family: Verdana, Arial, Helvetica}
input {font-size: 12px;
font-family: Verdana, Arial, Helvetica}
textarea {font-size: 12px;
font-family: Verdana, Arial, Helvetica}
input[type=image] {vertical-align: middle}
input.button, button.button {padding: 0px;
border: 0px;
height: 22px;
width: 114px;
background-image: url(theme/images/button.gif);
background-repeat: no-repeat;
background-color: transparent;
font-family: "Verdana", "Arial", "Helvetica";
font-size: 12px;
font-weight: bold}
input.button150, button.button150 {padding: 0px;
border: 0px;
height: 22px;
width: 150px;
background-image: url(theme/images/button150.gif);
background-repeat: no-repeat;
background-color: transparent;
font-family: "Verdana", "Tahoma", "Arial";
font-size: 12px;
font-weight: bold}
form {margin: 0px;
padding: 0px}
hr {color: #dcdcdc;
height: 1px}
option.normal {font-family: Verdana, Arial, Helvetica;
font-size: 13px;
color: #000000;
background-color: #FFFFFF}
option.grey {font-family: Verdana, Arial, Helvetica;
font-weight: normal;
font-size: 13px;
color: #A4ACAB;
background-color: #FFFFFF}
ul.radio {padding: 0;
margin: 0;
border: 0}
ul.radio li {list-style-type: none;
list-style-image: none;
margin: 0;
padding: 2px 0px}
ul.horizontal li {display: inline-block}
li.on {list-style-image: url(images/dot_on.gif)}
li.off {list-style-image: url(images/dot_off.gif)}
td.intf_col {text-indent: 25px;
white-space: nowrap}
td.section {text-indent: 2em;
white-space: nowrap}
table.container .button_normal {float: left;
margin-right: 10px}
table.container .button_normal td.begin {border: 0px;
padding: 0 0 0 11px;
height: 22px;
background-image: url(images/button_left.gif);
font-family: Tahoma, Verdana, Arial;
font-size: 14px;
cursor: default}
table.container .button_normal td.end {font-size: 12px;
padding: 0px 0px 0px 0px;
border: 0px;
height: 22px;
width: 11px;
background-image: url(images/button_end.gif)}
table.container .button_dropdown,
table.container .button_dropdownlink {float: left;
margin-right: 10px}
table.container .button_dropdown td.default_button,
table.container .button_dropdownlink td.default_button {padding: 0 5px 0 12px;
border: 0px;
height: 22px;
background: url(images/button_left.gif) no-repeat;
font-family: Tahoma, Verdana, Arial;
font-size: 14px;
cursor: default;
text-align: center}
table.container .button_dropdownlink td.button_separator_on {padding: 0px;
border: 0px;
width: 2px;
height: 22px;
background: url(images/button_separator.gif) right no-repeat;
font-family: Tahoma, Verdana, Arial;
font-size: 14px}
table.container .button_dropdownlink td.button_separator_off {padding: 0px;
border: 0px;
width: 2px;
height: 22px;
background: url(images/button_left.gif) right no-repeat;
font-family: Tahoma, Verdana, Arial;
font-size: 14px}
table.container .button_dropdown td.options_button,
table.container .button_dropdownlink td.options_button {font-size: 14px;
padding: 0px 0px 0px 0px;
border: 0px;
width: 25px;
background: url(images/button_right.gif) right no-repeat}
table.container .button_dropdown ul.dropdown,
table.container .button_dropdownlink ul.dropdown {clear: both;
padding: 0px;
margin: 0px;
width: 130px;
list-style-type: none;
list-style-image: none;
position: absolute;
background-color: #cccccc;
border-left: 1px solid #eeeeee;
border-top: 1px solid #eeeeee;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000}
table.container .button_dropdown ul.dropdown li,
table.container .button_dropdownlink ul.dropdown li {padding: 0px;
margin: 0px}
table.container .button_dropdown ul.dropdown li a,
table.container .button_dropdownlink ul.dropdown li a {display: block;
padding: 4px 9px;
margin: 0px;
text-decoration: none;
color: #000000;
font-weight: normal;
font-family: Tahoma, Verdana, Arial;
font-size: 12px}
table.container .button_dropdown ul.dropdown li a:hover,
table.container .button_dropdownlink ul.dropdown li a:hover {display: block;
padding: 4px 9px;
margin: 0px;
text-decoration: none;
color: #000000;
font-family: Tahoma, Verdana, Arial;
font-weight: normal;
font-size: 12px;
background-color: #2e6666;
color: white}
* html table.container .button_dropdownlink ul.dropdown li a {width: 150px;
width: 129px}
body.main {background-color: #fff}
table.container {background-color: #fff;
width: 100%}
table.container td {font-family: Verdana, Arial, Helvetica;
color: #000}
table.container table.header td {background-color: #4b5362;
background: url(theme/images/bg_sprites.png) repeat-x 0 -88px;
color: #fff;
font-size: 13px;
font-weight: bold;
text-align: center;
height: 20px}
table.dialog {font-family: Arial, Helvetica, Verdana;
color: #000;
background-color: #fff;
width: 100%}
table.dialog table.header {width: 100%}
table.dialog table.header td {background-color: #4b5362;
background: url(theme/images/bg_sprites.png) repeat-x 0 -88px;
color: #fff;
font-size: 13px;
font-weight: bold;
text-align: center;
height: 20px}
table.dialog table.body {padding: 20px 30px}
table.body td {font-size: 12px}
table.dialog td.body {font-size: 12px}
table.dialog table.footer {background-color: #f2f6fa;
width: 100%;
height: 25px}
table.dialog td.large_row_label {vertical-align: top}
table td.dep_opt {padding-left: 20px}
table tbody tr td.dep_opt {padding-left: 20px}
table td.dep_opt_sub {padding-left: 40px}
table td.dep_opt_sub_sub {padding-left: 60px}
table td.dep_opt_sub_info {padding-left: 80px}
table.dialog td.sec_title {font-weight: bold}
table.container img.action {cursor: pointer}
table .status_down {background: url(images/down.gif)}
table .status_up {background: url(images/up.gif)}
table.dialog table.footer td {font-size: 13px;
text-align: center}
table.dialog table.body td.confirm {color: #ff0000;
font-weight: bold;
text-align: center;
height: 100px;
border: 1px}
table.body input, table.body span {vertical-align: middle}
table tr.dark {width: 100%}
table tr.dark td {background-color: #ccc;
font-size: 13px;
padding: 3px 25px 1px 15px}
table.container tr.blue {background-color: #f2f6fa;
width: 100%}
table.container tr.blue td {font-size: 13px;
padding: 3px 25px 1px 15px}
table.container tr.top_dialog {background-color: #c0d4d4}
table.container tr.top_dialog td {background-color: #c0d4d4;
font-size: 13px;
padding: 3px 5px 3px 5px}
table.container tr.head {background-color: #C9DFDF}
table.container tr.head td {background-color: #C9DFDF;
font-size: 13px;
border-bottom: 1px solid #BFD6D6;
border-top: 1px solid #BFD6D6;
border-right: 0px solid #ffffff;
padding: 3px 5px 1px 15px}
table.container td.label {text-align: right;
font-size: 13px;
padding: 3px 3px 1px 3px}
table.container a {color: #369;
text-decoration: underline}
table.container a:hover {color: #990000}
table.container a.yuimenubaritemlabel:hover {text-decoration: none}
table.container table.list {background-color: #fff;
font-family: Verdana, Arial, Helvetica;
font-size: 12px;
width: 100%}
table.list td, table.outer-list td {font-size: 11px;
color: #000000;
font-family: Verdana, Arial, Helvetica;
background-color: #fff;
text-align: center;
padding-bottom: 0px;
padding-left: 2px;
padding-right: 2px;
padding-top: 0px;
vertical-align: middle;
border-bottom: 1px solid #eeeeee;
height: 20px;
white-space: nowrap}
table.list td.action {height: 18px;
text-align: center;
vertical-align: middle;
white-space: nowrap}
table.list tr.heading, table.outer-list tr.heading {background-color: #4B5362}
table.list tr.odd td {background-color: #edf5ff}
table.list tr.st_rogue td {background-color: #f7a610}
table.list tr.st_rogue:hover td, table.list tr.st_rogue.selected td, table.list tr.st_rogue.selected:hover td {background-color: #d67510}
table.list tr.st_suppressed td {background-color: #f4626b}
table.list tr.st_suppressed:hover td, table.list tr.st_suppressed.selected td, table.list tr.st_suppressed.selected:hover td {background-color: #c61818}
table.list tr.st_accepted td {background-color: #b4e0c8}
table.list tr.st_accepted:hover td, table.list tr.st_accepted.selected td, table.list tr.st_accepted.selected:hover td {background-color: #76c195}
table.list tr.st_unknown td {background-color: #edf5ff}
table.list tr.disabled td {background-color: #c2c2c2;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #cae2d7}
table.list tr.odd td.noborder {background-color: #edf5ff;
border-width: 0px}
table.list tr:hover td {background-color: #D2E6FF}
table.list tr.selected td {color: white !important;
background-color: #333 !important}
table.list tr.qlist_section.selected td {background-image: none}
table.list tr.selected td a {color: white !important}
table.list tr.selected:hover td {color: #D2E6FF !important}
table.list tr.critical td a:hover {background-color: #E0EEE0;
color: #990000;
text-decoration: underline;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #CAE2D7}
#contentHead table.qlist tr.selected td:first-child {background: #4B5362 url(images/db_show.png) no-repeat left center}
table.container th.log_details_spacer {width: 240px}
table.container th.log_details_spacer div {width: 240px}
div.log_details {background-color: white;
height: 100%;
width: 240px;
vertical-align: top;
overflow: auto}
div.log_details .header {background: url(theme/images/dbg_off.gif) repeat-x;
height: 23px;
color: #fff;
position: absolute;
width: 100%}
div.log_details .header .prev {position: absolute;
top: 5px;
left: 5px;
width: 13px;
height: 13px;
background: url(images/arrow_up.gif);
cursor: pointer}
div.log_details .header .next {position: absolute;
top: 5px;
left: 30px;
width: 13px;
height: 13px;
background: url(images/arrow_down.gif);
cursor: pointer}
div.log_details .header .title {height: 100%;
width: 100%;
padding-top: 5px;
text-align: center;
font-weight: bold}
div.log_details .header .close {position: absolute;
top: 5px;
right: 5px;
width: 14px;
height: 14px;
background: url(images/x_small.gif);
cursor: pointer}
div.log_details .header .pushpin {position: absolute;
top: 5px;
right: 25px;
width: 14px;
height: 14px;
background: url(images/pin.png) no-repeat -1px -1px;
cursor: pointer}
div.log_details .header .pushdown {position: absolute;
top: 5px;
right: 45px;
width: 14px;
height: 14px;
background: url(images/GoDown.gif) no-repeat;
cursor: pointer}
div.log_details .header .pushside {position: absolute;
top: 5px;
right: 45px;
width: 14px;
height: 14px;
background: url(images/GoUp.gif) no-repeat;
cursor: pointer}
div.log_details .data {padding: 23px 0px 30px 0px;
width: 100%}
table.log_details {background-color: #EFEFEF;
width: 100%}
table.log_details td {vertical-align: top;
color: #000;
padding: 3px;
font-size: 10px;
text-align: left}
table.log_details td.details_label {text-align: left;
color: #000;
padding: 3px;
font-size: 10px}
table.log_details tr.odd td.label {text-align: left;
background-color: #EDF5FF;
font-size: 10px}
table.log_details tr.odd td.value {background-color: #EDF5FF}
table.log_details tr.even td.label {text-align: left;
background-color: #fff;
font-size: 10px}
table.log_details tr.even td.value {background-color: #fff}
#contentHead td {text-align: left;
white-space: nowrap}
#contentHead th {white-space: nowrap}
#contentHead td:first-child {text-align: center;
padding-left: 16px;
padding-right: 16px}
table.oneline td, table.oneline th {max-width: 600px;
min-width: 20px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-moz-binding: url('xml/moz_css.xml#ellipsis')}
table.list tr.log_emergency td {background-color: #ffa0a0;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #CAE2D7}
table.list tr.log_alert td {background-color: #ffc0a3;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #CAE2D7}
table.list tr.log_critical td {background-color: #ffd850;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #CAE2D7}
table.list tr.log_error td {background-color: #ffffb0;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #CAE2D7}
table.list tr.log_warning td {background-color: #c8c8ff;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #CAE2D7}
table.list tr.log_notice td {background-color: #dcfffd;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #CAE2D7}
table.list tr.log_information td {background-color: #edf5ff;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #CAE2D7}
table.list tr.log_debug td {background-color: #ffffff;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #CAE2D7}
table.list tr.highlight td {background-color: #F9FAB5;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #CAE2D7}
table.list tr.heading td, table.outer-list tr.heading td {background: url(theme/images/tableheadpattern.gif) repeat-x;
height: 18px;
color: #fff;
text-align: center;
vertical-align: middle;
border-right-width: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #74908F}
table.list tr th, table.outer-list tr th {background: url(theme/images/tableheadpattern.gif) repeat-x;
background-color: #4B5362;
color: #fff;
height: 18px;
text-align: center;
vertical-align: middle;
border-right-width: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #74908F}
table.list thead tr.head th, table.outer-list thead tr.head th {background: url(theme/images/bg_sprites.png) repeat-x 0 -88px;
color: #fff;
height: 18px;
text-align: center;
vertical-align: middle;
border-right-width: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #74908F}
.sort {cursor: pointer}
.sort_primary {font-weight: bold}
table.list td.key {background-color: #669999;
color: #ffffff;
text-decoration: underline;
font-weight: bold;
cursor: pointer}
table.list tr.odd td.key {background-color: #669999;
color: #ffffff;
text-decoration: underline;
font-weight: bold;
cursor: pointer}
table.list td.keydown {background-color: #B9DCD3;
text-decoration: underline;
font-weight: bold;
color: #006666}
table.list tr.odd td.keydown {background-color: #DDEEDC;
text-decoration: underline;
font-weight: bold;
color: #006666}
table.list ul {list-style-image: url(images/dot.gif);
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
text-indent: -3px}
table.infotable ul {list-style-image: url(images/dot.gif);
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
text-indent: -3px}
table.list tr.pol_implicit td {background-color: #FFFFAA}
table.list td.left {padding-top: 1px;
padding-bottom: 1px;
text-align: left !important;
vertical-align: middle}
.right {text-align: right !important}
table.list td.cent {padding-top: 1px;
padding-bottom: 1px;
text-align: center;
vertical-align: middle}
img.list_button {opacity: 1.0;
filter: alpha(opacity=100);
cursor: pointer;
vertical-align: middle;
padding: 2px}
img.list_button_disabled {opacity: 0.5;
filter: alpha(opacity=50);
cursor: auto;
vertical-align: middle;
padding: 2px}
table.list tr.heading td.left {text-align: left}
table.list a {font-weight: bold}
table.list a:hover {color: #990000;
text-decoration: underline;
font-weight: bold}
table.list tr.qlist_row td label.error {display: block}
table.wanopt_profile tr.heading th {padding: 2px 15px}
table.list a.yuimenuitemlabel:hover {text-decoration: none;
font-weight: normal}
table.db_intf {background: #FFF url(images/bg_intf.gif) no-repeat;
width: 100%;
border: 1px solid #9BC6B7;
font-family: Verdana, Arial, Helvetica;
font-size: 11px}
table.infotable {background-color: #fff;
width: 100%;
font-family: Verdana, Arial, Helvetica;
font-size: 11px;
text-align: left}
table.infotable td {background-color: #fff;
color: #000;
font-family: Verdana, Arial, Helvetica;
font-size: 11px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 2px;
padding-top: 3px;
vertical-align: top}
table.infotable th {background-color: #fff;
color: #000;
font-family: Verdana, Arial, Helvetica;
font-size: 11px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 2px;
padding-top: 3px;
vertical-align: top}
table.infotable tr.odd td {background-color: #EDF5FF;
color: #000;
font-family: Verdana, Arial, Helvetica;
font-size: 11px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 2px;
padding-top: 3px;
vertical-align: top}
table.infotable a {color: #535B6B}
table.infotable a:hover {color: #990000;
text-decoration: underline}
table.infotable a > * {vertical-align: middle}
table.infotable tr.heading td {background: url(theme/images/bg_sprites.png) repeat-x 0 -88px;
background-color: #4B5362;
color: #fff;
font-family: Verdana, Arial, Helvetica;
font-size: 11px;
font-weight: bold;
height: 18px;
text-align: left;
vertical-align: middle}
table.infotable tr.heading th {background: url(theme/images/tableheadpattern.gif) repeat-x;
background-color: #4B5362;
color: #fff;
font-family: Verdana, Arial, Helvetica;
font-size: 11px;
font-weight: bold;
height: 18px;
text-align: left;
vertical-align: middle}
table.infotable tr.module_heading td {background-color: #D3E0EF;
color: #000000;
font-family: Verdana, Arial, Helvetica;
font-size: 11px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 2px;
padding-top: 3px;
vertical-align: top;
text-align: center;
border: 0px}
table.infotable tr.section_heading td {background-color: #EDF5FF;
color: #000000;
font-family: Verdana, Arial, Helvetica;
font-size: 11px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 2px;
padding-top: 3px;
vertical-align: top;
border-top: 1px solid #D3E0EF}
table.infotable tr.section_row td {text-align: center;
border-top: 1px solid #D3E0EF}
table.infotable tr.over td {background-color: #F9FAB5}
table.infotable tr.selected td {background-color: #F9EAB5}
table.infotable tr.over.selected td {background-color: #F9DAB5}
table.infotable td.nowrap {white-space: nowrap}
table.infotable td.indent {text-indent: 1em}
table.infotable td.fgd-stat-image a {width: 16px;
margin-left: auto}
table.infotable td.header_col {width: 200px;
min-width: 150px}
table.infotable td.info_col {width: 100%}
table.widget_title_row {width: 100%}
table.widget_title_row td.right_title {text-align: right;
padding-right: 5px}
table.widget_title_row td {padding: 0px}
table.matrix {background-color: #99cccc;
width: 80%;
border: 1px solid #9BC6B7;
font-family: Verdana, Arial, Helvetica;
font-size: 10px}
table.matrix td {background-color: #ffffff;
border-top: 1px solid #a3e6c6;
color: #000;
font-family: Verdana, Arial, Helvetica;
font-size: 11px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 2px;
padding-top: 3px;
text-align: center;
vertical-align: middle}
table.matrix a {color: #007A6A}
table.matrix a:hover {color: #990000;
text-decoration: underline}
table.matrix tr.heading {background-color: #669999}
table.matrix td.active {vertical-align: middle;
background-color: #f3fac1;
padding: 1px 2px 1px 2px}
table.matrix td.notactive {vertical-align: middle;
background-color: #ffffff;
padding: 1px 2px 1px 2px}
table.matrix tr.heading td {background: url(theme/images/bg_sprites.png) repeat-x 0 -88px;
background-color: #669999;
color: #fff;
font-family: Verdana, Arial, Helvetica;
font-size: 11px;
font-weight: bold;
height: 18px;
vertical-align: middle}
table.graph {border-top: 1px solid #229483;
border-bottom: 1px solid #229483;
border-left: 1px solid #229483;
border-right: 0px solid #229483;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px}
table.graph td {border-right: 1px solid #73AAA2;
padding: 0px 0px 0px 0px}
td.graph_red {background: url(theme/images/graph_on_red.gif);
border-right: 1px solid #73aaa2;
padding: 0px 0px 0px 0px}
table.graph tr {border-right: 1px solid #73aaa2;
padding: 0px 0px 0px 0px}
table.chart {border-top: 0px solid #229483;
border-bottom: 0px solid #229483;
border-left: 0px solid #229483;
border-right: 0px solid #229483;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px}
table.chart td {border-top: 0px solid #229483;
border-bottom: 0px solid #229483;
border-left: 0px solid #229483;
border-right: 0px solid #229483;
padding: 0px 0px 0px 0px}
table.chart tr {border-top: 0px solid #229483;
border-bottom: 0px solid #229483;
border-left: 0px solid #229483;
border-right: 0px solid #229483;
padding: 0px 0px 0px 0px}
td.heading {font-weight: bold;
font-size: 12px;
font-family: Verdana, Arial, Helvetica}
table.cont {font-weight: bold;
font-size: 12px;
width: 100%;
font-family: Verdana, Arial, Helvetica}
a.error {background-color: #E0EEE0;
text-decoration: none;
color: #BD0000;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #CAE2D7}
.notice_icon {display: inline-block;
width: 16px;
height: 16px;
background: transparent url('images/db_alert.gif') center center no-repeat;
text-indent: -100em;
overflow: hidden;
vertical-align: middle}
table.normal {font-size: 11px;
width: 100%;
font-family: Verdana, Arial, Helvetica;
background-color: #ddeeee}
table.normal td {font-size: 11px;
color: #000000;
font-family: Verdana, Arial, Helvetica;
background-color: #ddeeee}
fieldset.backup {height: 180px}
fieldset.backup table {width: 100%;
height: 100%;
padding-bottom: 10px;
margin-bottom: 20px}
fieldset.backup table tr td div table {margin: 0;
padding: 0;
width: auto;
height: auto}
fieldset.backup table tr td div table tr td {margin: 0;
padding: 0}
div#row_back_mgmt textarea {width: 100%}
div#row_rest_mgmt select {width: 100%}
select option.label_opt {font-weight: bold}
td select#end_revision {width: 300px}
td select#select_end {width: 300px}
td input#specify_end {width: 300px}
ul.resources {padding: 0;
margin: 0;
clear: both}
li.meter {text-align: center;
list-style-type: none;
list-style-image: none;
display: block;
float: left}
li.piechart {text-align: center;
list-style-type: none;
list-style-image: none;
display: block;
float: left;
height: 130px}
li.piechart img {margin-bottom: 12px}
div.scroll_box {overflow: auto;
height: 198px}
div.scroll_box table.infotable td {vertical-align: middle;
height: 28px}
div.fixed_footer {width: 100%;
padding: 5px;
text-align: center;
position: fixed;
bottom: 0;
background: white}
.interim {font-weight: bold;
font-size: 28px;
line-height: 28px;
font-family: Verdana, Arial, Helvetica;
color: #FFBB5D}
body.mainnav {margin: 15px 3px 0px 0px;
background-color: #1D7D76}
table.mainnav {width: 135px}
td.menu_spacer1 {height: 2px}
td.menu_spacer2 {height: 0px}
td.menu_level1 {background: url(theme/images/bglevel1_2.gif);
color: #ffffff;
cursor: pointer;
font-family: Arial, Helvetica, Verdana;
font-size: 12px;
font-weight: bold;
width: 138px;
height: 28px;
background-repeat: no-repeat;
vertical-align: middle;
padding-left: 21px;
padding-top: 2px}
td.menu_level12 {background: url(theme/images/bglevel1_1.gif);
color: #7d3333;
width: 138px;
height: 28px;
cursor: pointer;
font-family: Arial, Helvetica, Verdana;
font-size: 12px;
background-repeat: no-repeat;
font-weight: bold;
vertical-align: middle;
padding-left: 21px;
padding-top: 2px}
td.menu_level1 a {color: #ffffff;
cursor: pointer;
font-family: Arial, Helvetica, Verdana;
font-size: 55px;
vertical-align: middle}
td.menu_level1_over {background: url(theme/images/bglevel1_12.gif);
background-repeat: no-repeat;
width: 138px;
height: 28px;
color: #ffffff;
cursor: pointer;
font-family: Arial, Helvetica, Verdana;
font-size: 12px;
font-weight: bold;
vertical-align: middle;
padding-left: 21px;
padding-top: 2px}
td.menu_level2 {background: url(theme/images/bglevel2_2.gif);
background-repeat: no-repeat;
width: 138px;
height: 19px;
color: #ffffff;
cursor: pointer;
font-family: Arial, Helvetica, Verdana;
font-size: 11px;
vertical-align: middle;
padding-left: 21px}
td.level2_over {background: url(theme/images/bglevel2_3.gif);
background-repeat: no-repeat;
color: #ffffff;
cursor: pointer;
font-family: Arial, Helvetica, Verdana;
font-size: 11px;
height: 19px;
vertical-align: middle;
width: 138px;
padding-left: 21px}
td.level2_on {background: url(theme/images/bglevel2_1.gif);
background-repeat: no-repeat;
color: #620a0c;
cursor: pointer;
font-family: Arial, Helvetica, Verdana;
font-size: 11px;
height: 19px;
vertical-align: middle;
width: 138px;
padding-left: 21px}
td.foldinglist {padding-top: 2px}
div.wij_menu {position: absolute;
z-index: 10002;
background-color: menu;
border-width: 2px;
border-style: outset;
border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
-moz-border-top-colors: ThreeDHighlight ThreeDHighlight transparent;
-moz-border-right-colors: ThreeDDarkShadow ThreeDDarkShadow transparent;
-moz-border-bottom-colors: ThreeDDarkShadow ThreeDDarkShadow transparent;
-moz-border-left-colors: ThreeDHighlight ThreeDHighlight transparent;
padding: 0px;
visibility: hidden;
left: 0px;
top: 0px;
font: 13px arial,helvetica,clean,sans-serif}
div.wij_menu_item {color: black;
cursor: pointer;
padding-left: 14px;
padding-right: 14px;
padding-top: 1px;
padding-bottom: 1px;
font-size: 85%}
div.wij_menu_item img {margin-left: 8px}
div.wij_menu_item #text {cursor: pointer}
div.layout_edit_bar {background-color: darkred;
color: yellow;
font-size: 12px;
font-weight: bold;
width: 100%;
margin: 0px;
vertical-align: middle}
div.layout_edit_bar td {color: yellow}
input.layout_edit_bar {color: darkred;
margin-left: 1px;
margin-right: 3px;
padding-left: 3px;
padding-right: 3px;
padding-top: 0px;
padding-bottom: 0px;
border: none;
border-bottom: 2px outset lightgray;
border-right: 2px outset lightgray}
input.layout_subnav_bar {margin-left: 5px;
margin-right: 5px;
padding-left: 3px;
padding-right: 3px;
padding-top: 0px;
padding-bottom: 0px;
border: none;
background-color: transparent;
color: white;
cursor: pointer;
vertical-align: top}
body.footer {font-family: Verdana, Arial, Helvetica;
margin: 0px}
body.footer table.footer {background: url(theme/images/footer_pattern.gif);
height: 19px}
table.footer td {font-size: 11px}
table.wizard {border: 0px;
width: 100%;
height: 100%;
background-color: #ddeeee}
table.wizard_footer {background-color: #B5D4CF;
border-top: 1px solid #ffffff}
td.wizard_previous {height: 29px;
background: url(theme/images/wizard_m3.gif);
background-repeat: no-repeat;
color: #ffffff;
font-weight: normal;
text-align: center}
td.wizard_current {height: 29px;
background: url(theme/images/wizard_m1.gif);
background-repeat: no-repeat;
color: #990000;
font-weight: bold;
text-align: center}
td.wizard_next {height: 29px;
background: url(theme/images/wizard_m2.gif);
background-repeat: no-repeat;
color: #ddeeee;
font-weight: normal;
text-align: center}
input.button_wizard {padding: 0px;
border: 0px;
height: 22px;
width: 100px;
background-image: url(theme/images/button_wizard.gif);
background-repeat: no-repeat;
background-color: transparent;
font-family: "Verdana", "Tahoma", "Arial";
font-size: 12px;
font-weight: bold}
colorchooser {width: 16px;
height: 12px}
input.colorchooser {width: 24px;
height: 18px}
td.colorchooser {width: 16px;
height: 12px}
td.sm_colorchooser {width: 8px;
height: 6px}
.line {position: absolute}
table.list tr.odd-hlight td {background-color: #FF9999;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #CAE2D7}
body.dialog {background-color: #d5e6e5}
body.topologybody {background-color: #ddeeee;
margin: 5px}
div.pageloadingmsg {border: 1px solid black;
background-color: #FFFFDD;
position: absolute;
color: #000022;
font-size: 14px;
padding: 4px}
table.colorpicker {border: none;
margin: 0px;
padding: 0px}
table.colorpicker tr {height: 2px;
border: none;
padding: 0px;
margin: 0px}
table.colorpicker td {width: 2px;
border: none;
padding: 0px;
margin: 0px}
div.infobox_frame {margin: 0px;
padding: 0px}
div.infobox_client {position: absolute;
padding-left: 5px;
padding-right: 5px}
div.infobox_title {color: blue;
font-style: italic;
text-align: center;
font-size: 13px;
margin-bottom: 2px;
font-family: Arial, Helvetica, Verdana;
word-wrap: break-word;
white-space: -moz-pre-wrap !important}
span.infobox_text {font-family: Arial, Helvetica, Verdana;
font-size: 11px}
table.infobox {margin: 0px;
padding: 0px;
width: 100%}
tr.infobox_t {height: 16px}
td.infobox_tl {height: 16px;
width: 16px}
td.infobox_tm {width: 100%;
height: 16px}
td.infobox_tm img {height: 16px;
width: 100%;
vertical-align: top}
td.infobox_tr {height: 16px;
width: 20px}
tr.infobox_m {height: 100px}
td.infobox_l {width: 16px}
td.infobox_l img {width: 100%;
height: 100%}
td.infobox_c {width: 100%;
background-color: white}
td.infobox_c img {}
td.infobox_r {width: 20px}
td.infobox_r img {width: 100%;
height: 100%}
tr.infobox_b {height: 21px}
td.infobox_bl {height: 21px;
width: 16px}
td.infobox_bm {width: 100%;
height: 21px}
td.infobox_bm img {height: 21px;
width: 100%;
vertical-align: bottom}
td.infobox_br {height: 21px;
width: 20px}
div.tp_elem div {border: 1px groove black;
padding: 0px;
padding-left: 5px;
padding-right: 5px;
background-color: #DDEEEE}
div.tp_elem div span {font-family: Arial, Helvetica, Verdana;
font-size: 8pt;
color: blue;
cursor: default}
div.tp_box_elem {border: 1px solid black;
background-color: white;
padding: 2px;
padding-top: 5px}
div.tp_box_elem div {padding: 0px;
padding-left: 5px;
padding-right: 5px}
div.tp_box_elem div span {font-family: Arial, Helvetica, Verdana;
font-size: 8pt;
color: blue;
cursor: default}
div.tp_intf div {border: 0px;
padding: 0px;
padding-left: 2px;
padding-right: 2px}
div.tp_intf span {font-family: Arial, Helvetica, Verdana;
font-size: 9pt;
color: white;
cursor: default}
div.text_node {background-color: #FFF0F0;
padding: 2px;
position: absolute}
span.text_node {color: black;
font-family: Arial, Helvetica, Verdana;
font-size: 8pt;
cursor: default}
textarea.text_node {color: black;
font-family: Arial, Helvetica, Verdana;
font-size: 8pt}
div.tp_fake {position: absolute;
background-color: black;
width: 6px;
height: 6px}
img.email-attach {display: block;
margin-left: auto;
margin-right: auto}
td.email-heading-name {width: 150px;
vertical-align: top;
font-weight: bold}
td.email-heading-val {padding-left: 1em;
padding-bottom: 0.5em}
#email-content {padding-top: 1em;
padding-bottom: 1em;
height: 100%;
width: 100%}
#email-footer {text-align: center}
#email-heading table {background-color: #C0D4D4;
width: 100%}
table.email-viewer {height: 100%;
width: 100%}
#email-content iframe {height: 100%;
width: 100%}
img.diff-attach {display: block;
margin-left: auto;
margin-right: auto}
td.diff-heading-name {width: 150px;
vertical-align: top;
font-weight: bold}
td.diff-heading-val {padding-left: 1em;
padding-bottom: 0.5em}
#diff-content {padding-top: 1em;
padding-bottom: 1em;
height: 100%;
width: 100%}
#diff-footer {text-align: center}
#diff-heading table {background-color: #C0D4D4;
width: 100%}
table.diff-viewer {height: 100%;
width: 100%}
#diff-content iframe {height: 100%;
width: 100%}
tbody.fw_tree tr td {background-color: #ffffcc}
#modulesArea {width: 100%;
clear: both}
.column_layout_1 {vertical-align: top;
width: 100%;
overflow: hidden}
.column_layout_2 {vertical-align: top;
width: 50%;
overflow: hidden}
.module {margin: 20px 0px 12px 20px;
width: auto;
display: block;
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin: padding;
background: transparent url(images/shadow.png) no-repeat scroll right bottom}
.module_frame {border: 1px solid #7f7f7f;
overflow: hidden;
background-color: #fff;
display: block;
left: -10px;
position: relative;
top: -10px}
.module_header {cursor: move;
background: url(theme/images/bg_sprites.png) repeat-x 0 -88px;
background-color: #4b5362;
height: 1.8em;
min-height: 26px;
overflow: hidden;
padding-left: 3px;
font-size: 13px;
color: #fff}
.module_header .module_icon {margin: 2px 2px 0px -4px;
height: 15px;
width: 17px;
float: left}
*html .module_header .module_icon {margin-left: -23px}
.module_header .module_showhide {width: 16px;
height: 18px;
cursor: pointer;
float: left;
padding: 2px 0px 0px 2px}
.module_header .module_close {float: right;
cursor: pointer;
padding: 5px 2px 0px 2px}
.module_header .module_title {padding: 3px 0px 2px 0px;
color: #fff;
overflow: hidden;
display: inline;
float: left;
font-weight: bold}
.module_header .module_extra {padding: 3px 0px 2px 3px;
color: #fff;
overflow: hidden;
font-weight: normal}
.module_header .module_refresh {float: right;
cursor: pointer;
padding: 5px 2px 0px 2px}
.module_header .module_links {float: right;
padding: 5px 5px 3px 2px;
cursor: pointer}
.module_header .module_links a {color: #fff}
.module_header .module_links a:hover {color: #fff}
.module_header .module_edit {float: right;
cursor: pointer;
color: #000;
padding: 5px 2px 0px 2px}
.module_header .module_history {float: right;
padding: 5px 2px 0px 2px;
cursor: pointer;
color: #000}
.module_header .module_reset {float: right;
padding: 5px 2px 0px 2px;
cursor: pointer;
color: #000}
.db-icon-alert {background: url(theme/images/db-icon-sprites.png) no-repeat 0px 0px}
.db-icon-voip-usage {background: url(theme/images/db-icon-sprites.png) no-repeat 0px -15px}
.db-icon-dlp-usage {background: url(theme/images/db-icon-sprites.png) no-repeat 0px -30px}
.db-icon-im-usage {background: url(theme/images/db-icon-sprites.png) no-repeat 0px -45px}
.db-icon-licinfo {background: url(theme/images/db-icon-sprites.png) no-repeat 0px -60px}
.db-icon-p2p-usage {background: url(theme/images/db-icon-sprites.png) no-repeat 0px -75px}
.db-icon-per-ip-usage {background: url(theme/images/db-icon-sprites.png) no-repeat 0px -90px}
.db-icon-pol-usage {background: url(theme/images/db-icon-sprites.png) no-repeat 0px -105px}
.db-icon-raid {background: url(theme/images/db-icon-sprites.png) no-repeat 0px -120px}
.db-icon-sysres {background: url(theme/images/db-icon-sprites.png) no-repeat 0px -135px}
.db-icon-statistics {background: url(theme/images/db-icon-sprites.png) no-repeat 0px -150px}
.db-icon-sysinfo {background: url(theme/images/db-icon-sprites.png) no-repeat 0px -165px}
.db-icon-sessions {background: url(theme/images/db-icon-sprites.png) no-repeat 0px -180px}
.db-icon-top-attacks {background: url(theme/images/db-icon-sprites.png) no-repeat 0px -195px}
.db-icon-top-viruses {background: url(theme/images/db-icon-sprites.png) no-repeat 0px -210px}
.db-icon-tr-history {background: url(theme/images/db-icon-sprites.png) no-repeat 0px -225px}
.db-icon-sysop {background: url(theme/images/db-icon-sprites.png) no-repeat 0px -240px}
.db-icon-jsconsole {background: url(theme/images/db-icon-sprites.png) no-repeat 0px -255px}
.db-icon-app-usage {background: url(theme/images/db-icon-sprites.png) no-repeat 0px -270px}
.module_content {clear: both;
padding: 0px;
background-color: #fff;
text-align: center}
#moduleGhost {border: 1px dashed #F00;
margin: 2px}
.popup {position: absolute;
display: block;
left: 200px;
top: 200px;
width: 400px}
#moduleSelectionFrame .title {font-weight: bold;
font-size: 12px;
padding: 4px;
text-align: center;
color: #fff;
background-color: #4b5362}
#widgetsList .addModules {border: 1px solid #19701b;
color: #000;
background-color: #fefff1;
position: absolute;
display: block;
right: 10px;
top: 10px;
padding: 2px 0px 5px 2px;
vertical-align: top;
z-index: 999;
font-family: Verdana, Arial, Helvetica;
font-weight: normal;
font-size: 12px;
width: 220px;
height: 400px}
#widgetsList .separator {margin: 10px 6px 8px 6px;
border-top: 1px solid #19701b}
#widgetsList .mod {border: none;
padding: 2px 2px 0 3px;
margin: 0}
#widgetsList .item {height: 22px;
overflow: hidden}
#widgetsList .icon {height: 15px;
padding: 0px 0px 0 0px;
width: 15px;
display: inline-block;
vertical-align: middle}
#widgetsList .widget_on {cursor: pointer;
background: url(images/widget_on.gif) no-repeat}
#widgetsList .widget_off {cursor: auto;
background: url(images/widget_off.gif) no-repeat}
#widgetsList .name_on {cursor: pointer;
color: #000}
#widgetsList .name_off {cursor: pointer;
color: #999}
body.vdom-footer {padding: 0;
margin: 0;
width: 100%;
height: 100%}
div#vdom-name {width: 100%;
height: 100%;
text-align: center;
background-color: #85b8ad;
font-size: 11px}
option.fw_imgs_ug {}
option.fw_imgs_dg {color: #ff0000}
input#fw_down {margin-left: 2em}
ul#ro_mail_addrs.list-select {background-color: #ffffff;
overflow: scroll;
margin: 0;
padding: 0;
width: 396px;
height: 80px;
border: 2px inset ThreeDFace;
text-indent: 5px;
cursor: default;
float: left;
text-align: left;
list-style-image: none;
white-space: nowrap}
ul#ro_mail_addrs.list-select li {list-style-type: none;
list-style-image: none;
margin: 0;
padding: 0;
display: inline-block;
clear: both}
ul#ro_mail_addrs.list-select li span {margin: 0;
padding: 0;
float: left}
div.chart {width: 150px;
height: 150px;
background-color: #d5e6e5;
margin-bottom: 25px;
border: 1px solid black;
float: left;
margin-right: 25px;
text-align: center;
white-space: normal}
div.chartOn {width: 150px;
height: 150px;
background-color: #d5e6e5;
margin-bottom: 25px;
border: 1px solid red;
float: left;
margin-right: 25px;
text-align: center;
white-space: normal}
div.chart div, div.chartOn div {width: 100%;
text-align: right;
background-color: #9dbfbd;
color: white;
cursor: pointer;
color: black;
height: 20px}
div.chart div a, div.chartOn div a {color: white;
font-weight: bold}
div.chart h1, div.chartOn h1 {text-align: center;
margin: 0;
font-size: 10px;
height: 40px}
img.chartImage {height: 75px;
width: 75px;
margin-top: 10px;
margin-bottom: 10px}
#chartList {display: none}
#availCharts {list-style: none;
float: left;
width: auto;
margin: 0;
padding: 0;
margin-bottom: 10px;
text-indent: 0px}
#availCharts li {margin: 0;
padding: 0;
width: 240px;
padding-right: 10px;
float: left;
text-align: left}
#availCharts li a {color: #005555;
font-size: 1em;
font-weight: normal}
#availCharts li a:hover {background-color: #9dbfbd;
color: white;
cursor: pointer}
div.chartSpacer {clear: both}
#chartCustom {width: 520px;
padding: 0;
margin: 0;
display: none;
border: 1px solid black;
margin-bottom: 25px;
background-color: #d5e6e5}
#chartCustom h1 {height: 20px;
font-size: 14px;
background-color: #9dbfbd;
margin: 0;
padding: 0;
text-align: right}
#chartCustom h2 {font-size: 12px;
margin: 0;
padding: 0;
font-weight: bold;
margin-top: 10px}
#chartCustom p {font-size: 12px}
#chartCustom p, #chartCustom h1, #chartCustom h2, #chartCustom ul {padding-left: 10px;
padding-right: 10px}
#chartTop div a {color: #005555;
font-size: 1em;
font-weight: normal}
#editChart {width: 300px;
border: 1px solid #000000;
position: absolute;
background-color: #d5e6e5;
display: none}
#editChart h1 {font-size: 14px;
background-color: #9dbfbd;
margin: 0;
padding: 0;
cursor: pointer}
#editChart table {width: 100%;
border: 0}
#editChart table tr td {text-align: left;
border: 0}
#editChart table tr#chartSubmit td {text-align: center;
padding-top: 5px;
padding-bottom: 5px}
#editChart table tr td#chartEditName {white-space: normal}
td.fsae_list {border: 0;
padding: 0;
margin: 0}
td.fsae_list ul {list-style-type: none;
list-style-image: none;
padding: 0;
text-indent: 0;
white-space: nowrap}
td.fsae_list ul li {font-weight: normal}
table.widget {background-color: #fff;
width: 100%;
border: 1px solid #7f7f7f}
table.widget td {font-family: Verdana, Arial, Helvetica;
font-size: 11px;
color: #000;
padding: 2px}
.widget-iframe {width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0}
table.widget-table {width: 100%;
height: 100%;
border: 0;
background-color: #FFF}
table.widget-table td {border: 0;
color: #000;
font-family: Verdana, Arial, Helvetica;
font-size: 11px;
padding: 0px}
table.widget-table .widget-chart {height: 100%;
text-align: center}
table.widget-table .drill-details {text-align: right;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px}
.dashboard-title {text-align: right;
padding-top: 5px;
padding-right: 5px}
table.top_viruses_table a {color: #007A6A;
text-decoration: underline;
font-weight: bold}
table.top_viruses_table a:hover {color: #990000;
text-decoration: underline}
table.top_attacks_table a {color: #007A6A;
text-decoration: underline;
font-weight: bold}
table.top_attacks_table a:hover {color: #990000;
text-decoration: underline}
td.wij-cust-header {text-decoration: underline;
white-space: nowrap}
table.list td.dashboard-usage {text-align: right;
width: 75%}
td.dashboard-usage div {margin-left: 10px;
float: left;
height: 8px;
background-image: url(images/bar_bg.gif);
border-left: 1px solid #feae21;
border-top: 1px solid #feae21;
border-right: 1px solid #cd732a;
border-bottom: 1px solid #cd732a}
td.dashboard-usage div img {height: 1px}
td.dashboard-usage span {padding-right: 10px}
.ui-slider-traffic div {cursor: default;
color: #666666}
table.list table.faceplate td {padding: 0px 0px 0px 0px;
border: 0px;
margin: 0px;
background: none;
font-size: 9px;
color: #FFF;
font-family: Verdana,Arial,Helvetica}
iframe#sysop_iframe {width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0}
tr.virdb-item {vertical-align: top}
tr.virdb-item td:first-child {text-indent: 2em;
white-space: nowrap;
padding-right: 15px}
table.dynamic-proxy {width: 60%;
margin-left: auto;
margin-right: auto}
table.dynamic-proxy tr td {border: 0}
table.dynamic-proxy tr.dynamic-app-port td {padding-left: 40px}
select.app_detect_entry_sig {min-width: 150px !important}
select.app_detect_entry_elt {width: 150px !important}
td.app_detect_entry_cap_col {width: 110px !important}
#app_detect_entry_name {width: 300px;
display: block;
margin-bottom: 10px}
#app_detect_match_app {width: 300px;
display: block}
#app_detect_entry_search {width: 280px;
display: block;
margin-bottom: 10px}
table td.ep_profile_indent_opt {padding-left: 20px}
table td.ep_profile_msg {padding-top: 7px;
padding-bottom: 7px}
table td.ep_addi_chk_col {min-width: 25%}
table tr.log-setting-device td:first-child {padding-left: 25px}
table tr.log-setting-option td:first-child {padding-left: 50px}
table tr.log-setting-sub td:first-child {padding-left: 75px}
table tr.log-setting-sub-option td:first-child {padding-left: 100px}
table tr.log-setting-header td:first-child {padding-top: 20px}
#wan {border: #93A6A6 1px solid;
margin: 0;
padding: 0;
height: 14px}
#wan_green {height: auto;
border-top: none;
background-image: url(images/b_green.gif)}
#wan_gray {height: auto;
border-top: none;
background-image: url(images/b_grey.gif)}
#wan_percent_txt {border-bottom: 0px;
text-align: right}
table.raid_mon_array_state {width: 125px;
height: 100%;
min-height: 85px;
background-color: #9CC7B4;
margin-right: 5px}
table.raid_mon_array_state td {text-align: center;
vertical-align: middle}
table.raid_mon_disk_state {background-color: #4D4D4D}
table.raid_mon_disk_state td {font-size: 0px;
margin: 0;
padding: 0;
width: 53px;
height: 21px;
background-color: Black;
text-align: center;
vertical-align: middle}
div.raid_mon_info {padding: 10px 0 10px 0;
text-align: center}
div.raid_mon_overlay {width: 90%;
text-align: left;
margin-bottom: -17px;
position: absolute;
margin-left: 200px}
div.raid_mon_overlay b {line-height: 18px}
table.raid_mon_gauge {width: 90%;
margin: 0;
border: 1px solid #9DBAB8}
table.raid_mon_gauge td.green {height: 18px;
border-top: none;
background-image: url(images/raidmon_green.gif)}
table.raid_mon_gauge td.gray {height: 18px;
border-top: none;
background-image: url(images/raidmon_grey.gif)}
table.raid_mon_warning {width: 90%;
margin: 5px 0px 8px 0px;
border: 1px solid #9A0000}
table.raid_mon_warning td {padding: 2px 2px 8px 2px;
color: #9A0000;
border-top: none;
line-height: 22px;
text-align: center}
td#raid_status_icon {min-height: 64px;
height: 75%}
td#center_align_td {text-align: -moz-center !important;
text-align: center}
td#raid_status_text {height: 25%}
td#raid_status_array {height: 100%}
table.full_screen_dialog {margin: 0px;
width: 100%}
table#proto_av_setting_list {margin-top: 5px;
width: 100%}
table#av_profile_dlg td.quar_opt {padding-left: 20px}
table#wf_settings tr.section td {background-color: #ddeeee;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #CAE2D7}
td#pol_blk {padding-left: 20px;
background-color: #ddeeee}
td#pol_blk table#pol_list {width: 89%;
background-color: #ddeeee}
td#pol_blk table#pol_list td.cat_blk {padding-top: 5px;
background-color: #ddeeee}
td#pol_blk table#pol_list td.cat_blk table.cat_grp_list {border: 1px solid #000000}
td.cat_blk table.cat_grp_list  td.pol_opt_cat {background-color: #E0EEE0;
width: 27%;
padding-left: 20px}
td.cat_blk table.cat_grp_list  td.pol_opt_grp {background-color: #cccccc;
width: 27%}
td.cat_blk table.cat_grp_list  td.pol_opt_alw {background-color: #c4e9c8;
width: 7%}
td.cat_blk table.cat_grp_list  td.pol_opt_blk {background-color: #f8cb9b;
width: 7%}
td.cat_blk table.cat_grp_list  td.pol_opt_emt {background-color: #c4e9c8;
width: 7%}
td.cat_blk table.cat_grp_list  td.pol_opt_log {background-color: #c7e7fb;
width: 7%}
td.cat_blk table.cat_grp_list  td.pol_opt_ovd {background-color: #ffffcc;
width: 7%}
td.cat_blk table.cat_grp_list  td.pol_opt_quo {background-color: #ffffcc;
width: 17%}
td#ftgd_ovd_blk {padding-left: 20px;
padding-top: 5px;
padding-bottom: 5px}
td#ftgd_ovd_blk table#ftgd_ovd_opts {border: 1px solid #000000;
background-color: #E0EEE0;
width: 60%}
td#ftgd_ovd_blk table#ftgd_ovd_opts td {background-color: #E0EEE0;
border: inset 0px;
text-align: left}
.ftgd_ovd_opt {width: 160px}
.spam_opt {width: 90px}
div.legend {width: 10px;
height: 10px;
border: 1px #000 solid;
overflow: hidden;
float: left;
background-color: #FEF14C}
div.used {background-color: #FEF14C}
div.free {background-color: #6FBFA6}
.utm_name_width {width: 300px}
.utm_prof_action_pad_lf {padding-left: 3px}
div.profile_selector {position: absolute;
right: 10px;
top: 0;
z-index: 1000}
div.profile_selector > * {margin-right: 2px;
vertical-align: middle}
div.no_space_on_top {padding-top: 0px}
table.list td.subtitle_bg {background: #cccccc url('images/subtitle_bg.gif') repeat-x}
table.list tr.odd td.subtitle_bgcolor {background-color: #cccccc}
.dlg table.full_width {width: 100%}
.dlg table.has_border {border: 1px solid #7f7f7f}
table.list td.subtitle_bottom {border-bottom: 1px solid #7f7f7f}
table.primary {border: 1px solid #7f7f7f;
width: 90%;
margin: 10px auto}
.usage_edit {margin: 0 2px;
overflow: hidden;
display: inline-block;
width: 14px;
height: 14px;
background: url(images/usage_sprites.png) 0 -0px no-repeat;
text-indent: -100em}
.usage_list {margin: 0 2px;
overflow: hidden;
display: inline-block;
width: 14px;
height: 14px;
background: url(images/usage_sprites.png) 0 -14px no-repeat;
text-indent: -100em}
.usage_view {margin: 0 2px;
overflow: hidden;
display: inline-block;
width: 14px;
height: 14px;
background: url(images/usage_sprites.png) 0 -28px no-repeat;
text-indent: -100em}
.usage_disabled {opacity: 0.3}
span.emphasized_msg {font-style: italic;
font-weight: bold}
.info_msg {font-size: 10px;
color: #888}
.alert_msg {background: url('images/db_alert.gif') no-repeat;
padding-left: 20px;
float: left}
.tag_list {display: inline-block;
font-size: 9pt;
line-height: 16px !important;
text-indent: 0 !important;
vertical-align: middle}
ul.tag_list {list-style-type: none !important;
list-style-image: none !important;
padding: 0 !important;
margin: 0 !important}
.object_tag {cursor: pointer;
display: inline-block;
text-decoration: none;
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
background: transparent url(theme/images/object_tag_sprites.png) top left no-repeat;
padding: 0 0 0 8px !important;
vertical-align: top !important;
margin: 2px 2px;
height: 16px !important;
white-space: nowrap}
.object_tag span.tag_label {display: inline-block;
color: #222;
background: transparent url(theme/images/object_tag_sprites.png) 0 -16px repeat-x;
padding: 0 4px;
height: 100%;
vertical-align: top}
.object_tag span.tag_tail {display: inline-block;
background: transparent url(theme/images/object_tag_sprites.png) -6px -80px repeat-x;
width: 3px;
padding: 0;
margin: 0;
height: 100%;
vertical-align: top}
.object_tag_add span.tag_tail {width: 9px;
background-position: 0 -32px}
.object_tag_remove span.tag_tail {width: 9px;
background-position: 0 -48px}
.object_tag_drop span.tag_tail {width: 9px;
background-position: 0 -64px}
.object_tag:hover {background: transparent url(theme/images/object_tag_sprites.png) 0 -96px no-repeat}
.object_tag:hover span.tag_label {color: #ddd;
background: transparent url(theme/images/object_tag_sprites.png) 0 -112px repeat-x}
.object_tag:hover span.tag_tail {background: transparent url(theme/images/object_tag_sprites.png) -6px -176px repeat-x;
width: 3px}
.object_tag_add:hover span.tag_tail {width: 9px;
background-position: 0 -128px}
.object_tag_remove:hover span.tag_tail {width: 9px;
background-position: 0 -144px}
.object_tag_drop:hover span.tag_tail {width: 9px;
background-position: 0 -160px}
img.tagSelector-addTag {vertical-align: middle;
margin: 2px}
.ac_results {padding: 0px;
border: 1px solid black;
background-color: #FFFFFF;
overflow: hidden}
.ac_results ul {list-style-position: inside;
list-style-image: url("images/dot.gif");
margin: 0px;
padding: 2px}
.ac_results li {cursor: default;
padding: 1px;
margin: 1px}
.ac_results li.ac_over {background-color: #EDF5FF}
.search_box {background: url("images/menubar/tool_sprites.png") no-repeat scroll 0 0 #FFFFFF;
border: 1px solid #7f7f7f;
padding-left: 20px;
height: 14px;
box-sizing: content-box;
padding-right: 18px;
background-position: 0px 0px}
#qlist_right_menubar_container .search_box {margin-right: 2px;
margin-top: 2px}
#qlist_right_menubar_container .search_clear {top: -1px}
#extra_hdr_items .menubar-height-fix {font-size: 12px}
#extra_hdr_items .search_box {vertical-align: top}
input[type="search"].search_box {-webkit-appearance: textfield}
input[type="search"].search_box::-webkit-search-cancel-button {display: none}
div.search-clear-container {width: 0;
display: inline-block}
div.search-clear-container .search_clear {position: relative;
left: -18px;
font-size: 12px}
div.search-clear-container .tool_sprite.search_clear {margin-right: -16px;
display: inline}
.search_clear {cursor: pointer}
.action_sprite {background: url(images/action-sprites.png) no-repeat 0px 0px;
padding-left: 16px;
height: 16px;
line-height: 16px;
display: block}
.action_allow {background-position: 0px 0px !important}
.action_block {background-position: 0px -16px !important}
.action_warning {background-position: 0px -32px !important}
.action_monitor {background-position: 0px -48px !important}
.action_authenticate {background-position: 0px -64px !important}
.action_all {background-position: 0px -80px !important}
.action_disable {background-position: 0px -96px !important}
.alertBgColor {background-color: #FFFFAA}
.ui-collapsible-elem {}
.ui-collapsible-elem-label {}
.ui-collapsible-elem-change, .ui-collapsible-elem-apply {margin-left: 5px}
.ui-widget-content {border: 1px solid #aaaaaa}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border: 1px solid #d3d3d3;
background: #e6e6e6;
font-weight: normal;
color: #555555}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color: #555555;
text-decoration: none}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {border: 1px solid #999999;
background: #dadada;
font-weight: normal;
color: #212121}
.ui-state-hover a, .ui-state-hover a:hover {color: #212121;
text-decoration: none}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {border: 1px solid #aaaaaa;
background: #ffffff;
font-weight: normal;
color: #212121}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color: #212121;
text-decoration: none}
.ui-widget :active {outline: none}
.ui-progressbar {height: 22px;
text-align: left;
width: 500px}
.ui-progressbar .ui-progressbar-value {height: 100%;
background-image: url(images/progressbar_gradient.png);
background-repeat: repeat-y}
.ui-slider {position: relative;
text-align: left}
.ui-slider .ui-slider-handle {position: absolute;
z-index: 2;
width: 7px;
height: 14px;
cursor: default}
.ui-slider .ui-slider-range {position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0}
.ui-slider-label {float: left;
display: block;
margin-top: 5px;
text-indent: 10px}
.ui-slider-horizontal {height: 14px}
.ui-slider-horizontal .ui-slider-handle {top: -2px;
margin-left: -5px}
.ui-slider-horizontal .ui-slider-range {top: 0;
height: 100%}
.ui-slider-horizontal .ui-slider-range-min {left: 0}
.ui-slider-horizontal .ui-slider-range-max {right: 0}
.ui-slider-triangle {width: 202px;
margin-bottom: 10px;
margin-top: 5px;
background-image: url(images/slider_triangle_sprites.png);
background-repeat: no-repeat;
background-position: 0 -52px;
border: 0;
float: left}
.ui-slider-triangle-indicator {background-image: url(images/slider_triangle_sprites.png);
background-repeat: no-repeat;
background-color: #e3e9ef;
width: 202px;
height: 26px;
background-position: 0 -26px}
.ui-slider-triangle-indicator div {background-image: url(images/slider_triangle_sprites.png);
width: 202px;
height: 26px;
background-repeat: no-repeat}
.ui-slider-triangle .ui-slider-handle {background-image: url(images/slider_triangle_sprites.png);
background-repeat: no-repeat;
background-position: 0 -66px}
div.ui-slider-comparison-caption {display: inline-block;
margin-right: 10px;
width: 100px;
text-align: right}
div.ui-slider-comparison {width: 100px;
display: inline-block;
text-align: left}
div.ui-slider-comparison .ui-widget-content {background-image: none}
div.ui-slider-comparison .ui-widget-header {background-image: none;
z-index: auto;
position: static}
div.ui-slider-comparison .ui-slider-handle {display: none}
div.ui-slider-comparison .ui-slider {width: 100px;
height: 6px;
border: 0;
background-color: transparent;
position: static}
div.ui-slider-comparison .ui-slider-compare-two {background-color: #97cfb4;
border: 1px solid #818080;
border-radius: 2px !important}
.ui-slider-compare-one .ui-slider-range {background-color: #a5c2fe;
border: 1px solid #818080 !important;
border-radius: 2px !important}
.ui-slider-compare-two .ui-slider-range {background-color: #e6a6a5}
.monitor-footnote {float: left;
font-size: 10px;
padding: 3px}
div.widget_content div.std_header {}
div.widget_content div.std_body {overflow: auto}
div.fc_menu_container {margin-bottom: 5px;
font-size: 10px;
line-height: 10px;
text-align: left}
div.fc_menu_title {padding: 3px;
background: url(theme/images/bg_sprites.png) repeat-x scroll 0 -88px transparent;
color: #FFF}
div.fc_menu_caption {padding: 3px;
color: black;
position: absolute}
div.fc_menu_extra {background: #d8d8da;
color: #000;
font-size: 12px;
height: 20px}
div.fc_menu_time {background: url(theme/images/bg_sprites.png) repeat-x scroll 0 -88px transparent;
color: #FFF;
font-size: 10px;
height: 20px}
ul.fc_menu_list {list-style-type: none;
list-style-image: none;
margin: 0;
padding: 0}
li.fc_menu_item {display: inline-block;
margin: 2px;
cursor: pointer;
vertical-align: middle}
li.fc_menu_back {background: url(theme/images/fc_back_button.png) top left no-repeat;
width: 45px;
padding-left: 5px;
text-align: center}
a.fc_menu_link {color: #333;
font-size: 9px;
font-weight: bold;
line-height: 15px}
ul.fc_context_menu {list-style-type: none;
list-style-image: none;
position: absolute;
top: 5px;
left: 5px;
padding: 0;
border: 1px solid gray}
ul.fc_context_menu li {text-align: left;
font-size: 12px;
border-top: 1px solid #cceeff;
background: white;
padding: 0;
margin: 0;
line-height: 12px}
ul.fc_context_menu li a {display: block;
margin: 0px;
padding: 2px}
ul.fc_context_menu li.first {border: none}
.fc_hidden {visibility: hidden !important}
div.fc_table_cont {position: relative}
table.fc_table {width: 100%}
.idt25 td {padding-left: 25px}
table.container div.netscan_log_details {position: fixed;
right: 0px;
height: 100%;
width: 240px;
vertical-align: top;
background-color: #fffff0;
border: 1px solid black;
overflow: auto}
table.container div.netscan_log_details .header {height: 25px;
color: #fff;
background-color: dodgerblue}
table.container div.netscan_log_details .header .prev {position: absolute;
top: 5px;
left: 5px;
width: 13px;
height: 13px;
background: url(images/arrow_up.gif);
cursor: pointer}
table.container div.netscan_log_details .header .next {position: absolute;
top: 5px;
left: 30px;
width: 13px;
height: 13px;
background: url(images/arrow_down.gif);
cursor: pointer}
table.container div.netscan_log_details .header .title {position: absolute;
top: 5px;
left: 0px;
width: 240px;
text-align: center;
font-weight: bold}
table.container div.netscan_log_details .header .close {position: absolute;
top: 5px;
right: 5px;
width: 14px;
height: 14px;
background: url(images/x_small.gif);
cursor: pointer}
table.container div.netscan_log_details .data {padding: 0px 0px 30px 0px}
table.netscan_log_details {background-color: #EFEFEF;
width: 100%}
table.netscan_log_details tr.odd td.label {text-align: left;
background-color: #EDF5FF;
font-size: 10px}
table.netscan_log_details tr.odd td.value {background-color: #EDF5FF}
table.netscan_log_details tr.even td.label {text-align: left;
background-color: #fff;
font-size: 10px}
table.netscan_log_details tr.even td.value {background-color: #fff}
table.netscan_log_details td {vertical-align: top;
color: #000;
padding: 3px;
font-size: 10px;
text-align: left}
table.netscan_log_details td.details_label {text-align: left;
color: #000;
padding: 3px;
font-size: 10px}
table.list tr.netscan_log_entry_selected td {background-color: #ffc;
border-top: 1px solid black;
border-bottom: 1px solid black}
li.mcpu-progress {display: block;
float: left;
list-style-image: none;
list-style-type: none;
margin-top: 10px}
li.mcpu-progress div.progress-container {border: 1px solid #00a2e8;
width: 60%;
margin: 2px 5px 2px 0;
padding: 1px;
float: left;
background: white}
li.mcpu-progress div.progress-container > div {background-color: #00a2e8;
height: 10px}
li.mcpu-progress div.br {clear: both;
overflow: auto;
width: 100%;
text-indent: 0}
li.mcpu-progress div.label {float: left;
width: 40px}
span.left-icon {float: left;
margin: 0 7px 50px 0}
span.left-icon-confirm {float: left;
margin: 0 7px 7px 0}
div.confirm-delete {margin-left: 18px}
span.app_icon {width: 16px;
margin-right: 3px}
span.app_custom {display: inline-block;
background-image: url('../images/custom_app.png');
background-repeat: no-repeat;
height: 16px;
padding-left: 19px}
span.app_queried label {font-style: italic}
.static-usage-meter {height: 1.2em;
position: relative;
background: #8A8A8A;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 1px;
-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
-moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
float: left;
width: 100%;
margin-right: 5px}
.static-usage-meter > span {display: inline-block;
height: 100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: rgb(72,106,159);
-webkit-box-shadow: inset 0 2px 9px  rgba(255,255,255,0.3),
      inset 0 -2px 6px rgba(0,0,0,0.4);
-moz-box-shadow: inset 0 2px 9px  rgba(255,255,255,0.3),
      inset 0 -2px 6px rgba(0,0,0,0.4);
position: relative;
overflow: hidden}
.static-usage-meter .lbl {color: white;
position: absolute;
left: 10px;
font-weight: bold}
span.simple_button {color: white;
font-weight: bold;
cursor: pointer;
padding: 1px 3px;
margin-left: 3px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
background-color: rgb(86,181,123);
-webkit-box-shadow: inset 0 2px 9px  rgba(255,255,255,0.3),
        inset 0 -2px 6px rgba(0,0,0,0.4);
-moz-box-shadow: inset 0 2px 9px  rgba(255,255,255,0.3),
        inset 0 -2px 6px rgba(0,0,0,0.4)}
span.simple_button.disabled {color: #525252;
background-color: #C7C7C7}
div.adgrp_wrp {overflow: auto;
padding: 2px 0}
.rotating {margin: 0px auto 0px auto;
position: relative;
text-align: left;
text-indent: 0}
.rotating .wrapper {position: absolute;
top: 0}
.rotating .wrapper img {display: block;
position: absolute}
.meter .rotating {background-image: url('theme/images/gauge.png');
background-repeat: no-repeat;
background-position: top center;
height: 130px}
.msteps fieldset {border: none;
margin: 5px 0px}
.msteps td.full_dn, .msteps td.status {text-align: left !important}
.msteps #ftrtc {border: none}
.cancel_btn {margin-left: 50px}
.jstree_container, .adgrp_list_container {min-height: 22px;
max-height: 500px;
min-width: 300px;
max-width: 650px;
overflow: auto}
.jstree_container {background-color: #f1f1f1}
.adgrp_view_tabs {max-width: 410px;
overflow: auto}
.progress_tracker {margin: 20px 10px 0px 10px;
padding: 0px;
position: relative;
clear: both;
list-style: none;
overflow: hidden}
.msteps fieldset #filter_pane label,
.msteps fieldset #search_pane label {width: 80px}
.msteps fieldset #filter_pane input,
.msteps fieldset #search_pane input {width: 280px}
.msteps fieldset #filter_pane span.png_sprite,
.msteps fieldset #search_pane span.png_sprite {cursor: pointer}
.wide_field .field .multiList-lookfeel input[type=text],
.wide_field .field .multiList-lookfeel input[type=password] {margin-left: 2px;
width: 298px}
.wide_field .field .multiList-lookfeel input#dn,
.wide_field .field .multiList-lookfeel input#sso-attribute-value {width: 300px;
padding-right: 24px;
margin-right: -24px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box}
.progress_tracker span {display: block;
float: left;
text-align: center;
width: 15px;
margin: 2px 5px 0px 0px;
line-height: 15px;
color: #a6a8ab;
background: #ebebeb;
border: 2px solid #ebebeb;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px}
.progress_tracker a {position: relative;
display: block;
width: auto;
height: 24px;
margin-right: 18px;
padding: 0px 10px 0px 3px;
float: left;
line-height: 24px;
color: #fff;
background: #b8b9bc;
text-decoration: none;
cursor: default}
.progress_tracker a:before {width: 0px;
height: 0px;
border-top: 12px solid #b8b9bc;
border-bottom: 12px solid #b8b9bc;
border-left: 12px solid transparent;
position: absolute;
content: "";
top: 0px;
left: -12px}
.progress_tracker a:after {width: 0;
height: 0;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-left: 12px solid #b8b9bc;
position: absolute;
content: "";
top: 0px;
right: -12px}
.progress_tracker .current_step a {color: #fff;
background: #054163}
.progress_tracker .current_step a:before {border-top: 12px solid #054163;
border-bottom: 12px solid #054163}
.progress_tracker .current_step a:after {border-left: 12px solid #054163}
.progress_tracker .current_step span {color: #369;
background: #fff;
border: 2px solid #fff}
.progress_tracker .done a {color: #fff;
background: #8ba7bd}
.progress_tracker .done a:before {border-top: 12px solid #8ba7bd;
border-bottom: 12px solid #8ba7bd}
.progress_tracker .done a:after {border-left: 12px solid #8ba7bd}
.progress_tracker .done span {color: #8ba7bd;
background: #fff;
border: 2px solid #fff}
.progress_nav {text-align: left;
padding-left: 5px}
.progress_nav .button {-moz-box-shadow: inset 0px 1px 0px 0px #b4cbdb;
-webkit-box-shadow: inset 0px 1px 0px 0px #b4cbdb;
box-shadow: inset 0px 1px 0px 0px #b4cbdb;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8ba7bd), color-stop(1, #b4cbdb) );
background: -moz-linear-gradient( center top, #8ba7bd 5%, #b4cbdb 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ba7bd', endColorstr='#b4cbdb');
background-color: #8ba7bd;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #64829a;
display: inline-block;
color: #ffffff;
padding: 4px 20px;
text-decoration: none;
text-shadow: 1px 1px 0px #64829a;
height: auto !important;
margin: 5px}
.progress_nav .button:hover {background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b4cbdb), color-stop(1, #8ba7bd) );
background: -moz-linear-gradient( center top, #b4cbdb 5%, #8ba7bd 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b4cbdb', endColorstr='#8ba7bd');
background-color: #b4cbdb}
.progress_nav .button:active {position: relative;
top: 1px}
.progress_nav .button.disabled {background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b8b9bc), color-stop(1, #ebebeb) ) !important;
background: -moz-linear-gradient( center top, #b8b9bc 5%, #ebebeb 100% ) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8b9bc', endColorstr='#ebebeb') !important;
background-color: #b8b9bc !important}
.progress_nav .button.disabled:active {position: relative;
top: 0px}
#vpn_type .field > label:first-child {width: 400px}
.clear_both {clear: both}
.loading {background: url(images/loading.gif) no-repeat transparent;
background-position: 0 0;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px}
.loading_big {background: url(images/loading_48.gif);
background-repeat: no-repeat;
background-position: 50%;
height: 48px;
margin-top: 24px}
.qtip {max-width: 450px !important}
.three_digit_input {width: 34px}
.rad_att_hint {margin-top: -3px}
.remote_server_qlist {width: 100%;
display: inline-block}