td img { display: block; }

/* For debugging
td { border: 1px solid red !important; }
table { border: 2px solid blue !important; }
*/

body
{
   margin: 0;
   padding: 0;
   background-color: #ffffff;
   font-family: verdana, tahoma, arial, helvetica, sans-serif;
   font-size: 76%;
}

* {
   font-size: 100%;
   line-height: 140%;
}


/*  -- old styles begin -- ------------------------------------ >>> */

/* used by landing  */
.body {
   margin: 0;
}

.fullscreen {
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0px;
   right: 0px;
}

/* set font sizes */

.wizardtitletext, a.largelinktext, .largetextshaded, .rowtitle, .help h1 {
   font-size: 1.2em;
}

tt, pre, ol, ul, li, p, textarea, .help h2 {
   font-size: 1.0em;
}

.tinytext, .tinytextitalic, .tinytextitalicbold, .keyname, a.buttontext, a.rolloverbuttontext,  a.named_anchor {
   font-size: 0.9em;
}


/* Custom styles */

.version_help
{
   color: white;
   margin-left: 86px;
   margin-top: 11px;
   font-size:10px;
}

/* .row - section styles */

.rowtitle /* main section heading off to the left */
{
   color: #cc0d2f;
   padding-left: 8px;
   padding-right: 8px;
   width: 88px !important;
   font-weight: bolder;
}

.row /* all the contents of the main section */
{
   padding-left: 0px;
   padding-right: 0px;
}



/* general text styles */

.indent
{
   padding-top: 14px;
   padding-left: 14px;

}

.indent_smalltop
{
   padding-top: 7px;
   padding-left: 14px;

}

.indentnobreak
{
   padding-left: 14px;

} /* for a closer fit */


.nobr
{
    white-space: nowrap;
}

a.smalllinktext /* small links */
{
   text-decoration: none;
   color: black;
}

a.smalllinktext:hover /* small links */
{
   text-decoration: underline;
}

.subtext /* text that wants less emphasis */
{
   font-style: italic;
   color: #666;
   font-size: 95%;
}

/* used by MainIndex */
.tinytextitalic
{
   font-style: italic;
}

/* used by MainIndex */
.tinytextitalicbold
{
   font-style: italic;
   font-weight: bolder;
}

/* hiding things */

.visible
{
   display: block !important;
   border: 1px;
}

.hidden
{
   display: none !important;
   border: 1px;
}

.disabled
{
   color: #AAAAAA;
}

.disabled:hover
{
   text-decoration: none;
}

a.disabled {
   cursor: default;
}

.hellip {
   color: #aaa;
}

.spanvisible
{
   display: inline !important;
}

.spanhidden
{
   display: none !important;
}

.trvisible, .trTreeVisible
{
   visibility: visible !important;
}

.trvisibleselected
{
   visibility: visible !important;
   background-color: #e8e8e8;
}
.trvisible:hover
{
   background-color: #e8e8e8;
}

.trTreeVisible:hover, .trTreeVisibleSelected:hover {
   background-color: #d0d0d0;
}


.trTreeVisibleSelected {
   background-color: #dadada;
}


.trhidden
{
   visibility: collapse !important;
}

.valigntop
{
   vertical-align: top;
}
.valignmiddle
{
   vertical-align: middle;
}
.valignbottom
{
   vertical-align: bottom;
}

.treetext
{
   padding: 2px;
}

/* wrapping */
.nowrap
{
   white-space: nowrap;
}


/* selecting things */

.selectselected { background-color: #e8e8e8; }
.selectunselected { background-color: transparent; }

.darkerSelected { background-color: #dadada; }
.darkerUnselected { background-color: transparent; }


/* status colo[u]rs */

.running  { background-color: #eeffd6; }
.warn     { background-color: #ffeeaa; }
.error    { background-color: #ffd5d5; }
.stopped  { background-color: transparent; }
.draining { background-color: #ccccff; }

.running_text  { color:#44dd44; }
.warn_text     { color:#dd8800; }
.error_text    { color:#dd0000; }
.draining_text { color:#6666cc; }


/* nodes */
.disablednode { color: #AAAAAA; }


/* -- config or status table cell styles -- */

/* Table grid implemented as cell borders:
 Styles are applied on top of one-another so each cell can have many styles
 this way we don't need to work out all combinations in advance

 lines are top, left, bottom, right : t, l, b, r
 thicknesses are 1:thin grey dotted, 2: thick grey solid, 3: thick black solid
*/
td.t1  { border-top-color:    #666; border-top-width:    1px; border-top-style:    dashed; }
td.l1  { border-left-color:   #666; border-left-width:   1px; border-left-style:   dashed; }
td.b1  { border-bottom-color: #666; border-bottom-width: 1px; border-bottom-style: dashed; }
td.r1  { border-right-color:  #666; border-right-width:  1px; border-right-style:  dashed; }

td.t2  { border-top-color:    #666; border-top-width:    3px; border-top-style:    solid; }
td.l2  { border-left-color:   #666; border-left-width:   3px; border-left-style:   solid; }
td.b2  { border-bottom-color: #666; border-bottom-width: 3px; border-bottom-style: solid; }
td.r2  { border-right-color:  #666; border-right-width:  3px; border-right-style:  solid; }

td.t3  { border-top-color:    #000; border-top-width:    3px; border-top-style:    solid; }
td.l3  { border-left-color:   #000; border-left-width:   3px; border-left-style:   solid; }
td.b3  { border-bottom-color: #000; border-bottom-width: 3px; border-bottom-style: solid; }
td.r3  { border-right-color:  #000; border-right-width:  3px; border-right-style:  solid; }

/* IE does not render the above grid elements without this */

table.summary { empty-cells: show; background-color:white; }
*table.summary { border-collapse:collapse; } /* ie hack */

/* various text alignments (not only for table cells) */

.lta  { text-align: left; }
.cta  { text-align: center; }
.rta  { text-align: right; }

/* Fit cell to contents */
.fitcontent {
   white-space: nowrap;
   width: auto !important;
}

/* table text */

.table_text { padding: 8px 12px 8px 12px; vertical-align: top; } /* normal */
.table_heading { font-size: 12px; font-weight: bold; } /* heading */

/* table headers */

.table_hbl { background-color:#f0f0f0; }  /* Light header background */
.table_hbd { background-color:#e1e1e1; } /* Dark header background  */


/* table style with curved corners */
.curvytable
{
   padding: 0px;
   border-spacing: 0px;
}

.curvytable th,
.curvytable td {
   border-bottom: 1px solid #ddd;
   border-right: 1px solid #ddd;
}
.curvytable tr:first-child th,
.curvytable tr:first-child td {
   border-top: 1px solid #aaa;
}
.curvytable tr:last-child td {
   border-bottom: 1px solid #aaa;
}
.curvytable th:first-child,
.curvytable td:first-child {
   border-left: 1px solid #aaa;
}
.curvytable th:last-child,
.curvytable td:last-child {
   border-right: 1px solid #aaa;
}

.curvytable tr:first-child th:first-child,
.curvytable tr:first-child td:first-child {
   border-top-left-radius: 3px;
}
.curvytable tr:first-child th:last-child,
.curvytable tr:first-child td:last-child {
   border-top-right-radius: 3px;
}
.curvytable tr:last-child td:first-child {
   border-bottom-left-radius: 3px;
}
.curvytable tr:last-child td:last-child {
   border-bottom-right-radius: 3px;
}


/* event log */

.eventunknown { background-color: #cccccc; }
.eventinfo { background-color: #eeffd6; }
.eventwarn { background-color: #ffeeaa; }
.eventfatal { background-color: #ffd5d5; }

.eventlog img.tm-small {
   vertical-align: middle;
}

.eventlog {
   margin: 5px;
}


.rule
{
   border: outset 1px;
   background-color: white;
   padding: 12px;
   white-space: normal;
}

.rule,
.rule *
{
   font-family: Courier New, Courier, monospace;
   font-size: 100%;
   line-height: 120%;
}

.monitor_textbox
{
   border:1px solid #999;
   background-color:white;
   font-family: Courier New, Courier, monospace;
   font-size: 90%;
   margin:2px;
   padding:4px;
}

.diff
{
   border: 1px solid #555;
   white-space: nowrap;
   margin-right: 10px;
   font-family: monospace;
   padding: 0px;
}

.diff div {
   font-size: 12px;
   line-height: 20px;
}

.diff_heading {
   background-color: #eee;
   padding: 0px 3px;
}

.diff_old {
   background-color: #ffaaaa;
   padding: 0px 3px;
}

.diff_new {
   background-color: #aaffaa;
   padding: 0px 3px;
}

.diff_preserved {
   background-color: #ffff00;
   padding: 0px 3px;
}

.diff_same {
   background-color: #ffffff;
   padding: 0px 3px;
}



/* standard widget error message styles */

.mctwarn, .mcterr {
   padding: 2px;
   margin: 4px 0px;
}

.mctwarn
{
   padding: 0.25em 0em;
   background-color: #FEA;
}

.mcterr
{
   color: black;
   background-color: #FFD5D5;
}
/* tables with lines at the top */
.selectheading
{
   border-bottom: 1px solid black;
   font-weight: bolder;
   text-align: center;
}

/* tables with lines at the top, left justified */
.selectheadingleft
{
   border-bottom: 1px solid black;
   font-weight: bolder;
   text-align: left;
}

/* table formatting initially for Users> section tables, aiming to
 * not copy-paste the usual      and table-specific
 * attribute stuff. */
table.userstable, table.formtable
{
   padding-left: 0.5em;
   border-spacing: 0;
}
table.userstable td, table.formtable td
{
   padding: 2px 1em 2px 2px;
   border: 0;
}
table.userstable th, table.formtable th
{
   padding: 2px 1em 2px 2px;
   border-bottom: 1px solid black;
   font-weight: bolder;
   text-align: left;
   white-space: nowrap;
}
table.userstable td.label, table.formtable td.label
{
   white-space: nowrap;
}

table.networkstable
{
   padding-left: 0.5em;
   padding-right: 0.5em;
   border-spacing: 0;
   border-left: 0px;
   border-right: 0px;
}

table.networkstable th
{
   padding: 2px 1em 2px 2px;
   border-bottom: 1px solid black;
   font-weight: bolder;
   text-align: left;
}


table.networkstable td
{
   padding: 4px 1em 4px 2px;
   border-bottom: 1px solid #a0a0a0;
}


table#webcache > tbody > tr > td {
   padding-left: 5px;
   padding-right: 5px;
}

/* used by forms & layout */

a.buttontext
{
   text-decoration: none;
   color: black;
}

a.buttontext:hover
{
   text-decoration: underline;
}

a.rolloverbuttontext
{
   text-decoration: none;
   color: black;
   font-style: normal;
   font-weight: normal;
}

a.rolloverbuttontext:hover
{
   text-decoration: underline;
}

a.logout
{
   text-decoration: none;
   color: white;
   font-style: normal;
   font-weight: bold;
}

a.logout:hover
{
   text-decoration: underline;
}

/* hide named anchors (currently don't do anything) */

a.named_anchor:link
{
   text-decoration: none;
   color: black;
   font-weight: normal;
}

a.named_anchor:hover
{
   text-decoration: none;
}

a.request_trace:link
{
   text-decoration: none;
   color: black;
   font-weight: normal;
}

a.request_trace:hover
{
    text-decoration: underline;
}

div.fold
{
   position: absolute;
   visibility: hidden;
   width: 140px;
   background-color: #d0d0d0;
   border-left: 1px solid #e0e0e0;
   border-top: 1px solid #e0e0e0;
   border-right: 1px solid #a0a0a0;
   border-bottom: 1px solid #a0a0a0;
   padding: 5px;
   text-align: left;
}

.fold a:hover
{
   font-weight: normal;
   text-decoration: none;
   background: white;
}


/*  -- old styles end -- -------------------------------------- <<< */

/*  -- new styles begin -- ------------------------------------ >>> */

form { margin: 0; }/* IE Bugfix  */

img { border-style: none; }

.white { color: white; }
.black { color: black; }

.left  { float: left;}
.right { float: right;}

.center { text-align: center; }


/* set font sizes */

.tiny  { font-size: 0.8px }
.small { font-size: 0.9em; }
.big   { font-size: 1.2em; }
.bold  { font-weight: bold; }


/* -- standard element styles -- */

pre, tt, textarea {
   font-family: Courier New, Courier, monospace;
   font-size: 120%;
}

a {
   text-decoration: none;
   color: black;
   font-weight: bold;
   outline: 0px;
}

a:hover {
   text-decoration: underline;
   color: #499639;
}

h1 { font-weight: normal; font-size: 1.2em; }
h2 { font-weight: normal; font-size: 1.0em; }
h3 { font-weight: normal; }
h4 { font-weight: bold; }
h5 { font-weight: bold; }
h6 { font-weight: bold; }

ol, ul, li
{
   margin-top: 0.2em;
   margin-bottom: 0.1em;
}

p { margin: 1.2em 0em 1.2em 0em; }
li > p { margin-top: 0.2em; }
strong, b { font-weight: bold; }
input { line-height: 120%; }

table {  empty-cells: show; }

.smallpad {padding: 0.25em; }
.medpad {padding: 0.5em; }
.bigpad {padding: 0.1em; }


input[type=text],
input[type=password]
{
   padding-left: 1px;
   padding-right: 1px;
}

input.username,
input.password,
input[type=password] /* Not matched in IEEEE */
{
   font-family: verdana, tahoma, arial, helvetica, sans-serif;
   font-size: 1.0em;
}

input#overridden,
label#overridden_label
{
   vertical-align: middle;
}

/* -- header -- */

#help_button_box  {
   padding-right: 15px;
   float: right;
}

#applet     { padding: 0px 0px 0 0px; }
#vdiv       { padding: 0px 0px 0px 10px; }
#wizard     { padding: 25px 0 0 0; }
.hbutton    { padding: 0px 0px 0px 9px; }
#helpbutton { padding: 15px 6px 0 9px; }

#applet_box { width: 152px; }
.button_box { text-align: center; }
.button_box_first { text-align: center; width: 52px; margin-left: 9px; }
.vdiv_box   { text-align: center; }
#wizard_box { text-align: right;
   width: 100%;
}

.applet_tip {
   white-space: nowrap;
   background-image: url( 'images/tooltip_bg.png' );
   padding: 2px;
   color: white;
}

#bbar  { padding: 15px 0 0 6px; }

.tpad  { padding-top: 5px; }
.ttpad { padding-top: 7px; }
.lpad  { margin-left: 5px; }
.rpad  { margin-right: 5px; }

/* -- home page -- */

.home_box {
   margin: 5px;
   border: 1px #aaa solid;
   border-radius: 3px;
   background-color: #f2f2f2;
   padding: 10px 0px;
}
.home_box_title {
   margin-left: 10px;
   margin-top: 10px;
   width: 110px;
   float: left;
}
.home_box_content {
   margin-right: 10px;
   margin-left: 125px;
   border: 1px #aaa solid;
   padding: 10px;
   border-radius: 3px;
   background-color: #ececec;
   box-shadow: inset 0 0 1px 1px #ddd;
   min-height: 50px;
}

/* styling for the "Traffic Managers" section of the "Home" page */

.home_tms,
.home_tm_div  {
   padding: 0;
   margin: 0;
   display: block;
}

.home_tm_div {
   float: left;
   height: 32px;
}

.home_tm_div.location {
   height: 55px;
}

.home_tm {
   float: left;
   display: block;
   width: 15em;
   padding: 3px;
   padding-left: 40px;
   margin: 5px;
   background-color: #ececec;
   background: url('images/icon-tm.png') no-repeat 5px center;
   white-space: nowrap;
   border: 1px #aaa solid;
   border-radius: 3px;
   overflow: hidden;
}
.home_tm.good {
   background: url('images/icon-tm-good.png') no-repeat 5px center;
}
.home_tm.community_edition_good {
   background: url('images/icon-comm-tm-good.png') no-repeat 5px center;
}
.home_tm.warn {
   background: url('images/icon-tm-warn.png') no-repeat 5px center;
   border: 1px #aaa solid;
}
.home_tm.community_edition_warn {
   background: url('images/icon-comm-tm-warn.png') no-repeat 5px center;
   border: 1px #aaa solid;
}
.home_tm.error {
   background: url('images/icon-tm-error.png') no-repeat 5px center;
}
.home_tm.community_edition_error {
   background: url('images/icon-comm-tm-error.png') no-repeat 5px center;
}
.home_tm .name {
   display: block;
   line-height: 18px;
   height: 18px;
}
.home_tm .subtext {
   display: block;
   font-weight: normal;
   line-height: 18px;
   height: 18px;
}
.home_tm .location {
   font-size: 10px;
   font-style: italic;
   font-weight: normal;
   line-height: 11px;
   height: 11px;
}

a.home_tm:hover {
   text-decoration: none;
}

.home_tms_issues,
.home_tms_issues li {
   clear: both;
   display: block;
   list-style: none;
   margin: 0;
   padding: 0;
}
.home_tms_issues {
   margin: 5px;
   display: table;
}

.home_tms_issues li {
   display: table-row;
   padding: 3px;
   padding-left: 25px;
}
.home_tms_issues li .issue_icon,
.home_tms_issues li .issue_text {
   display: table-cell;
   vertical-align: middle;
   border-top: 1px #aaa solid;
}
.home_tms_issues li .issue_icon {
   width: 25px;
   border-right: 1px solid #ddd;
   border-left: 1px #aaa solid;
   text-align: center;
   cursor: pointer;
}
.home_tms_issues li.warn .issue_icon {
   background: url('images/message-warn.png') no-repeat 50% 50%;
}
.home_tms_issues li.error .issue_icon {
   background: url('images/message-error.png') no-repeat 50% 50%;
}
.home_tms_issues li .issue_icon a {
   display: none;
}
.home_tms_issues li .issue_text {
   border-right: 1px #aaa solid;
   padding: 3px;
}
.home_tms_issues li:first-child :first-child {
   border-top-left-radius: 3px;
}
.home_tms_issues li:first-child :last-child {
   border-top-right-radius: 3px;
}
.home_tms_issues li:last-child :first-child {
   border-bottom-left-radius: 3px;
}
.home_tms_issues li:last-child :last-child {
   border-bottom-right-radius: 3px;
}
.home_tms_issues li:last-child div {
   border-bottom: 1px #aaa solid;
}

/* styling for the "Services" section of the "Home" page */
.home_location_title {
   margin-top: 10px;
   margin-left: 118px;
}
.home_location_title:first-child {
   margin-top: 0px;
}

.home_location {
   margin-right: 10px;
   margin-left: 125px;
   padding: 10px;
   background-color: #ececec;
   border: 1px #aaa solid;
   border-radius: 3px;
   box-shadow: inset 0 0 1px 1px #ddd;
}



.home_nolocs_services {
   margin-right: 10px;
   margin-left: 125px;
   padding: 10px;
   background-color: #ececec;
   border: 1px #aaa solid;
   border-radius: 3px;
   box-shadow: inset 0 0 1px 1px #ddd;
}

.home_location_services {
   margin-right: 10px;
   padding-left: 10px;
}

.home_service {
   height: 40px;
   padding: 0;
   margin: 5px 0px;
   list-style: none;
   background-color: #ececec;
}

/*
   border-right: 1px #aaa solid;
   border-left: 1px #aaa solid;
   border-bottom: 1px #ddd solid;
   background-color: #ececec;
}
.home_service:first-child {
   border-top: 1px #aaa solid;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
}
.home_service:last-child {
   border-bottom: 1px #aaa solid;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
} */
.home_service > * {
   display: block;
   height: 32px;
   padding-top: 3px;
   padding-bottom: 3px;
   border: 1px transparent solid;
}
.home_service_vs:hover,
.home_service_state.running:hover,
.home_service_state.warn:hover,
.home_service_state.error:hover {
   cursor: pointer;
}

.home_service_vs {
   background: url(images/icon-vs.png) no-repeat left center;
   background-color: #ececec;
   padding-left: 35px;
   white-space: nowrap;
   overflow: hidden;
   width: 15em;
   float: left;
}

.home_service_vs.ok, .home_service_vs.running  {
   background: url(images/icon-vs-good.png) no-repeat left center;
}
.home_service_vs.warn {
   background: url(images/icon-vs-warn.png) no-repeat left center;
}
.home_service_vs.error {
   background: url(images/icon-vs-error.png) no-repeat left center;
}




a.home_service_vs {
   font-weight: normal;
}
a.home_service_vs:hover {
   text-decoration: none;
}

.home_service_playstop {
   background-color: #ececec;
   width: 45px;
   padding-right: 10px;
   padding-left: 5px;
   text-align: center;
   float: left;
}
.home_service_playstop .playstop{
   height:21px;
   clear:both;
}

/* hack to hide extended borders of the pools bar */
.home_service_state_wrapper {
   height: 38px;
   float: left;
   padding: 0px;
   width: 25px;
   margin: 0px;
   border-top: 1px #ececec solid;
   border-bottom: 1px #ececec solid;
   background-color: #ececec;
}

.home_service_state {
   margin-top: -1px;
   margin-left: -1px; /* this is to cover .home_service_state_wrapper borders */
   float: left;
   height: 38px;
   width: 25px;
   border: 1px #aaa solid;
   border-right: 1px #ddd solid;
   border-top-left-radius: 3px;
   border-bottom-left-radius: 3px;
   background-repeat: no-repeat;
   background-position: 50% 50%;
}
.home_service_state.running {
   background-image: url(images/state-good.png);
}
.home_service_state.warn {
   background-image: url(images/state-warn.png);
}
.home_service_state.error {
   background-image: url(images/state-error.png);
}

.home_service_pools {
   height: 38px;
   margin: 0;
   padding: 0;
   overflow: auto;
   border: 1px #aaa solid;
   border-left: none;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
   list-style: none;
}
.home_service_pool {
   list-style: none;
   margin: 0;
   padding: 3px;
   height: 32px;
   display: block;
   float: left;
}
.home_service_pool a {
   background: url(images/icon-pool.png) no-repeat left center;
   margin-right: 5px;
   margin-left: 5px;
   padding-left: 35px;
   display: block;
}
.home_service_pool.running,
.home_service_pool.warn,
.home_service_pool.error  {
   background-color: transparent;
}
.home_service_pool.running a {
   background: url(images/icon-pool-good.png) no-repeat left center;
}
.home_service_pool.warn a {
   background: url(images/icon-pool-warn.png) no-repeat left center;
}
.home_service_pool.error a {
   background: url(images/icon-pool-error.png) no-repeat left center;
}
.home_service_pool a {
   font-weight: normal;
}
.home_service_pool a .name {
   font-weight: bold;
}
.home_service_pool a:hover {
   text-decoration: none;
}

/* Sort Dropdown */

.home_sort_label {
   margin-top: 10px;
}

.home_sort_dropdown select {
   width: 90px;
}

/* round_box: Rounded boxes we use for configuration */

.round_box {
   margin: 5px;
   border: 1px #aaa solid;
   border-radius: 3px;
   background-color: #f2f2f2;
   padding: 5px;
   margin: 10px 20px 10px 0px;
}

.borderless_box {
   border: 0px #aaa solid;
   border-radius: 0px;
   background-color: #f2f2f2;
   padding: 0px;
   margin: 0px 0px 10px 0px;
}


/* compact: Compact Summary Cells */
.compact {
   margin: 5px;
   background-color: #D7D7D7;
   padding: 2px;
}

.compact a {
   line-height: 22px;
}

.compact img {
   margin-right: 5px;
}

/* Config Keys */

.key_group   { border: 0px solid green; }
.key_title   { border: 0px solid green; clear: both; padding: 4px 0 4px 0; }
.key_name    { border: 0px solid blue; font-weight: bold; font-size: 0.9em; white-space: nowrap; }
.key_widget  { border: 0px solid orange; }
.key_default { border: 0px solid cyan; font-size: 0.8em;}
.key_error   { clear: both; padding: 2px;}
.key_description { white-space: normal; }

/* classes used in ConfigDescriptions.pm text */
span.key, span.value, span.code, span.file { font-family: monospace; font-weight: bold; }
span.uipath { font-weight: bold; }

/* support */

dd.support { margin: 7px 0 7px 14px; }

/* wizard buttons */

.wizardbuttons { margin: 6px; text-align: right; }
.wizardbutton { float: right; margin: 7px; }


/* Drag List */

.DragListItems {
   width: 25em;
   clear: both;
}

.DragListItem {
   background-color:#D7D7D7;
   float: left;   clear: left;
   width: 100%;
   margin-bottom: 1px;
   cursor: move;
   padding-left: 5px; padding-right: 2px;
}

.DragListItem:hover {
   background-color:#cdcdcd;
}

.DragListText {
   display: table-cell;
   vertical-align: middle;
   font-weight: bold;
}

.DragListIcon a {
   float: right;
   cursor: pointer;
}

.DragListSelect, .DragListErrors {
   clear: both;
   padding-top: 1em;
}

.DragListSelectBox, .DragListSelectButton {
   display: table-cell;
   vertical-align: middle;
   height: 30px;
}

.DragListSelectButton {
   padding-left: 4px;
}

.DragListSelectText {
   font-weight: bold;
   clear: right;
}

.DragListSelectBox select {
   width: 15em;
}

.DragListEmpty {
   font-style: italic;
   padding-left: 5px;
}

/* Mapping Widget */
.MappingMain {
   vertical-align: top;
   width: 500px;
}

.MappingSpacer {
   height: 8px;
   font-size: 0.1em;
}

.MappingError {
   padding-bottom: 5px;
}

.MappingRow {
   padding-bottom: 20px;
}

.MappingChildText {
   padding: 2px;
}

.MappingParentText {
   margin-right: 10px;
   height: 24px;
}

.MappingParent {
   width: 18em;
   padding-bottom: 10px;
}

.MappingParentDropDown {
   width: 20em;
}

.MappingChildren {
   width: 20em;
}

.MappingChildrenTd {
   padding: 0px;
}

.MappingArrow {
   width: 6em;
   padding-top: 2px;
}

.MappingArrow, .MappingParent, .MappingParentSelect, .MappingChildText,
 .MappingChildSelect, .MappingParentDeleteTd, .MappingChildrenTd
{
   vertical-align: top;
}

.MappingChildSelect td {
   padding-bottom: 10px;
   padding-top: 5px;
}

.MappingChildDelete {
   width: 24px;
   display: block;
}

.MappingLine {
   height: 10px;
   font-size: 0.1em;
   border-top-width: 1px;
   border-top-style: solid;
   border-top-color: #aaaaaa;
}

.MappingChildDropDown {
   width: 20em;
}

.MappingChildText {
   height: 24px;
   line-height: 24px;
}

.MappingParentTextTd {
   height: 24px;
   width: 100%;
}

.MappingParentDeleteTd {
   vertical-align: middle;
}

.MappingParentDelete img {
   display: inline;
   vertical-align: middle;
}

.MappingChildTr:hover, .MappingParentTextTr:hover, .FilterRow:hover {
   background-color: #d8d8d8;
}

/* Alerting */
.AlertSectionText {
   float: left;
   height: 24px;
   vertical-align: middle;
}

.AlertSectionImg {
   float: left;
}

.AlertModified {
   margin-left: 5px;
   color: #CC0D2F;
   font-size: 0.9em;
}

.AlertingLinks {
   margin-top: 10px;
}

.AlertingEventTypeLink {
   float: left;
   width: 24em;
}

.AlertingActionLink {
   float: left;
   margin-right: 10px;
}

.pointer {
   cursor: pointer;
}

.nounderline {
   display: inline;
}

.nounderline a:hover {
   text-decoration: none;
}

.inline {
   display: inline;
}

.nospacing {
   margin: 0px;
   padding: 0px;
}

.padbottom {
   padding-bottom: 6px;
}

.eventlogimage {
   width: 12px;
   height: 12px;
   display: inline;
   vertical-align: middle;
}

.eventloglabel {
   font-weight: normal;
   display: inline;
}

.list_template {
   display: none !important;
   border: 1px;
}

.minus_png {
   width: 24px;
   height: 24px;
   background: url(images/button-minus.png);
   background-repeat: no-repeat;
   cursor: pointer;
}

.plus_png {
   width: 24px;
   height: 24px;
   background: url(images/button-plus.png);
   background-repeat: no-repeat;
   cursor: pointer;
}

.warnroundbox {
   background: url(images/state-warn.png);
   background-repeat: no-repeat;
   background-position: 5px 6px;
   padding-left: 30px;
   padding-top: 6px;
   padding-bottom: 6px;
}

/* Log Styles */
.LogImg, .LogStatus, .LogTimestamp, .LogMsg, .LogHost {
   vertical-align: middle;
}
.LogError {
   margin-bottom: 5px;
}

.LogTimestamp, .LogHost {
   white-space: nowrap;
}

.LogMsg {
   width: 100%;
}

.LogHost img {
   display: none;
}

.LogHost {
   font-weight: bold;
   font-size: 10px;
   line-height: 18px;
   white-space: nowrap;
   background-image: url(images/traffic-manager-small.png);
   background-repeat: no-repeat;
   background-position: 2px center;
   padding-left: 38px;
}

.LogInfo {
   font-style: italic;
   margin-left: 14px;
   margin-bottom: 1em;
}

.nojswarning {
   border:2px solid red;
   background-color:#fdd;
   margin:1em;
   padding:0.5em;
   font-weight: bold;
}

.line_even {
   background-color:#ececec;
   border: 1px solid white;
   padding: 2px 4px 2px 4px;
}

.line_odd {
   background-color:#f2f2f2;
   border: 1px solid white;
   padding: 2px 4px 2px 4px;
}

.eventtipimg {
   width: 14px;
   height :14px;
   display: inline;
   vertical-align: middle;
}

.eventtip {
   max-width: 30em;
   color: white;
}
.eventtip .tip-title {
   padding: 4px;
}

.notification {
   background-color: #FFF0D3;
   border: 1px dashed black;
   padding: 2px;
}

.warn_triangle {
   background: url(images/state-warn.png) no-repeat center;
   width: 15px;
   height: 15px;
}


.CodeMirror-line-numbers {
  width: 2.2em;
  color: #aaa;
  background-color: #eee;
  text-align: right;
  padding-right: .3em;
  padding-top: .4em;
  font-family: Courier New, Courier, monospace;
  font-size: 10pt;
  line-height: 120%;
}

.CodeMirror-line-numbers * {
  font-size: 10pt;
  line-height: 120%;
}

#ruleresizebox > div {
  margin-right: 5px;
  margin-bottom: 5px;
}

#ruleresizebox > div.yui-resize-handle {
  margin-right: 0px;
  margin-bottom: 0px;
}

div#ruleresizebox {
  background-color: #eee;
}

/* Ensure help rule examples have consistent margins */
div.help blockquote {
   margin-top: 13px;
   margin-bottom: 13px;
}


/* test output */
pre.testoutput {
   background-color: #FFF0D3;
   border: 1px dashed black;
   padding: 2px;
   margin: 1em;
}

/* Locations */

.LocationMerge, .LocationButton, .LocationFolderButton, .LocationsOnly {
   cursor: pointer;
   background-repeat: no-repeat; background-position: left center;
   vertical-align: middle;
}

.LocationButton {
   margin-right: 10px;
   padding-right: 8px;
   width: 22px; height: 17px;
   background-image: url(images/location.png);
}

.LocationsOnly {
   margin-right: 10px;
   padding-right: 8px;
   width: 15px; height: 17px;
   background-image: url(images/location-icon.png);
   cursor: default;
}

.LocationButton:hover {
   text-decoration: underline;
   background-image: url(images/location-selected.png);
}

.LocationMerge {
   font-weight: bold; font-size: 0.9em;
   white-space: nowrap;
   padding-right: 10px;
   padding-left: 34px;
   background-image: url(images/location-merge.png);
   cursor: pointer;
}

.LocationMerge:hover {
   text-decoration: underline;
   background-image: url(images/location-merge-selected.png);
}


/* Location Folder stuff */

.LocationFolder { font-weight: bold; white-space: nowrap; }

.LocationFolderPad { width: 20px; }

.LocationFolderButton {
   margin-right: 10px;
   padding-right: 8px;
   width: 22px; height: 17px;
   background-image: url(images/location-merge.png);
}

.LocationFolderButton:hover {
   text-decoration: underline;
   background-image: url(images/location-merge-selected.png);
}

.LocationSummaryHeading {
   font-size: 1em;
   font-weight: bold;
   vertical-align: middle;
}

.DNSSECModified {
   margin-left: 5px;
   color: white;
   font-size: 0.9em;
}

.hfilter {
  background-color: #eee;
}

.filter table tr td {
   padding: 0px;
}


.lpoint {
   position: relative;
   top: 1px;
   display: none;
}

.rpoint {
   position: relative;
   top: 1px;
   display: none;
}

.padded_table {
   padding-bottom: 1em;
}

.padded_table tr td {
   padding: 0.2em 0.5em 0.2em 0.5em;
   font-weight: bold;
}

.filterval:hover {
   text-decoration: underline;
   cursor: pointer;
   background-color:#D7DCC8;
}

.Inline { display: inline; }

/* ConfTable */

td.CT {
   padding-right: 15px;
   text-align: left;
}

/* Filter Table */

/* Filter Table - Headings */

.FilterSortAscending, .FilterSortDescending, .FilterSortEmpty {
   width: 12px; height: 15px;
   display: block;
   vertical-align: middle;
   margin-top: 2px;
}
.FilterSortAscending { background-image: url( 'images/sort_ascending.png' ); }
.FilterSortDescending { background-image: url( 'images/sort_descending.png' ); }

/* Filter Table - Column Chooser*/

.FilterColumnButton, .FilterColumnButtonDown {
   width: 19px; height: 15px;
   background-image: url( 'images/column_select.png' );
   cursor: pointer;
}

.FilterColumnButton { background-image: url( 'images/column_select.png' ); }
.FilterColumnButtonDown { background-image: url( 'images/column_select_down.png' ); }
.FilterColumnButton:hover { background-image: url( 'images/column_select_hover.png' ); }

.FilterColumnSelector {
   position: absolute;
   left: 10px; top: 10px;
   background-color: #e6e6e6;
   z-index: 2;
   background-image: url( 'images/column_select_top.png' );
   background-repeat: no-repeat;
   border-width: 1px;
   border-style: none solid solid solid;
   border-color: #808080;
   padding-top: 1px;
}

.FilterColumnOption {
   width: 100%; height: 20px;
   cursor: pointer;
}
.FilterColumnOption:hover { background-color: #cccccc; }

.FilterColumnText {
   vertical-align: middle;
   padding-left: 5px;
   padding-right: 8px;
   line-height: 20px;

}

/* Filter Table - Table Data */

.FE, .FTD {
   cursor: pointer;
}

.FE, .FTD, .FED, .FTDD {
   white-space: nowrap;
}

.FE:hover, .FTD:hover {
   background-color: #ada;
}

.FE, .FED {
   color: #555;
   font-style: italic;
}


/* Filter Table - Filter Control */

.FilterHeading {
   font-weight: bold;
   padding-bottom: 10px;
}

.FilterTD { padding-right: 15px; white-space: nowrap; }

.FilterAddOperator, .FilterAddValue { padding-left: 10px;  white-space: nowrap; }

.FilterAddField select { width: 160px; }
.FilterAddOperator select { width: 160px; }

.FilterUpdateButtonTD { text-align: left; padding-top: 10px; }
.FilterRefreshTD { text-align: right; padding-top: 10px; }
.FilterSummary {
   padding-left: 20px; padding-right: 20px; padding-top: 10px;
   text-align: center;
}
.FilterAddTR td { padding-top: 5px; }

.FilterButton {
   width: 70px;
}

.FilterField, FilterOperator {
   margin-right: 10px;
}

/* Filter Table - Filter Add Popup */

.FilterUnClickFullscreen {
   position: fixed;
   left: 0px; top: 0px;
   width: 100%; height: 100%;
   z-index: 1;
}

.FilterPopupBody {
   background-color: #ccc;
   border: 1px solid #555;
   position: absolute;
   left: 150px; top: 10px;
   z-index: 3;
}

.FilterPopupField {
   white-space: nowrap;
   font-weight: bold;
   padding-left: 3px;
}

.FilterPopupAddButton {
   text-align: right;
   padding-left: 10px;
   padding-right: 10px;
}

.FilterHidePopup {
   width: 21px; height: 21px;
   background-image: url( 'images/button-delete.png' );
   text-align: right;
   cursor: pointer;
   margin-right: 3px;
}

.FilterHidePopup:hover  { background-image: url( 'images/button-delete-hover.png' ); }

.CheckboxTicked, .CheckboxEmpty {
   display: block;
   width: 13px; height: 13px;
   cursor: pointer;
   vertical-align: middle;
   margin-left: 3px;
}
.CheckboxTicked { background-image: url( 'images/checkbox_ticked.png' ); }
.CheckboxEmpty { background-image: url( 'images/checkbox_empty.png' ); }

.ConnInfoWhite, .ConnInfoGrey {
   width: 13px; height: 13px;
   display: block;
   margin-left: 3px;
   margin-top: 2px;
   margin-bottom: 2px;
}

.ConnInfoWhite { background-image: url( 'images/magnifier_tiny_white.png' ); }
.ConnInfoGrey  { background-image: url( 'images/magnifier_tiny_grey.png' ); }
.ConnInfoWhite:hover { background-image: url( 'images/magnifier_tiny_white_sel.png' ); }
.ConnInfoGrey:hover  { background-image: url( 'images/magnifier_tiny_grey_sel.png' ); }

#lastlogin {
   /*background: url('images/more_info.png') 4px 4px no-repeat #f2f2f2;*/
   background: #f2f2f2;
   color: #414042;
   margin: 5px;
   border: 1px #aaa solid;
   border-radius: 3px;
   padding: 5px;
}

/* sections */

.state_error, .state_error a {
   color: #e00;
}

/* top tab-bar */

div.tabbar {
   font-weight: bold;
   margin-top: 15px;
}

div.tabbar .tabend {
   height: 24px;
   border-bottom: 1px #333 solid;
   margin-top: 5px;
}

div.tabbar .tabtitle {
   display: block;
   float: left;
   width: 110px;
   height: 19px;
   padding-top: 5px;
   padding-left: 20px;
   border-bottom: 1px #333 solid;
   border-right: 1px #414042 solid;
}

div.tabbar .tabtabs {
   margin-left: 130px; /* width + padding-left of .tabtitle */
}

div.tabbar .tablink {
   display: block;
   float: left;
   height: 23px;
   background-color: #569099;
   background: url(images/toolbar_background.png) repeat-x left bottom;
   color: #000;
}

div.tabbar .tablink a {
   color: #000;
}

div.tabbar span.tabcontent {
   display: inline-block;
   white-space: nowrap;
   padding-top: 3px;
   height: 24px;
   padding-right: 7px;
}

div.tabbar .tablink {
   border: 1px #aaa solid;
   border-bottom-color: #333;
   background-color: #fff;
   margin-left: -1px;
   padding-left: 7px;
}

div.tabbar .tablink.active  {
   height: 24px;
   background: #fff;
   border: 1px #333 solid;
   background-image: url(images/tab_top.png);
   background-repeat: repeat-x;
   border-bottom-color: #333;
   border-bottom: none;
   margin-top: -1px;
   padding-top: 1px;


}

div.tabbar .tablink.active + .tablink {
   border-left: 1px #333 solid;
}

div.tabbar .tablink.active a {
   color: #499639;
}

div.tabbar a {
   text-decoration: none;
}

div.tabbar .tablink:hover .tabcontent {
   color: #499639;
}
div.tabbar .tablink:hover {
   cursor: pointer;
}
div.tabbar .tablink.active:hover .tabcontent {
   color: black;
}

/* titlebar: top company/product title bar and content */

div.titlebar {
   color: #eee;
   height: 58px;
   background-image: url(images/titlebar_background.svg);
   background-repeat: no-repeat;
   background-position: center;
   background-attachment: fixed;
   background-size: 1830px 1708px;
   background-color: #17222c;
}

div.titlebar img {
   height: 36px;
   padding: 10px 10px 10px;
}

div.titlebar .product,
div.titlebar .licence_type,
div.titlebar .upgrade,
div.titlebar .product_extra,
div.titlebar .version
{
   white-space: nowrap;
   vertical-align: 20px;
   font-size: 12px;
   font-weight: bold;
}

div.titlebar .licence_type {
   padding-left: 5px;
}

div .titlebar .upgrade > a {
    color: inherit;
}

div.titlebar .version,
 div.titlebar .product_extra {
   color: #ccc;
   padding-left: 10px;
}

div.titlebar .userhost {
   font-size: 11px;
   padding-right: 12px;
   color: #fff;
   font-weight: normal;
   position: absolute;
   top: 1px;
   right: 2px;
   height: 15px;
}

div.titlebar .userhost a {
   color: #fff;
   font-weight: bold;
}

div.titlebar .userhost a:hover {
   color: #499639;
   text-decoration: none;
}

div.titlebar .userhost .logout {
   padding-left: 2px;
}

/* toolbar: 2nd down from top UI section & other controls */

div.toolbar {
   padding-left: 5px;
   color: #000;
   height: 24px;
   border: 1px #666 solid;
   border-bottom: 1px #333 solid;
   border-top: none;
   background: url(images/toolbar_background.png) repeat-x left bottom;
   min-width: 400px;
}

div#help_toolbar {
   border-bottom: 1px #AAA solid;
}

div.toolbar .box {
   font-size: 12px;
   height: 24px;
   text-align: center;
   font-weight: bold;
   padding-left: 2px;
   padding-right: 2px;
}

div.toolbar .left {
   float: left;
   border-right: 1px #aaa solid;
   border-left: 1px #aaa solid;
   margin-left: -1px;
}

div.toolbar .right {
   float: right;
   border-left: 1px #aaa solid;
}

div.toolbar .tab img {
   vertical-align: middle;
}

div.toolbar .toolbar_label {
   margin-left: 4px;
}

div.toolbar .tab {
   white-space: nowrap;
   height: 20px;
   padding-top: 4px;
   padding-left: 5px;
   padding-right: 5px;
}

div.toolbar .help {
   width: 5em;
   height: 20px;
   padding-top: 4px;
}

div.toolbar .search {
   padding-top: 2px;
   height: 22px;
   font-size: 10px;
}

div.toolbar .wizard {
   padding-top: 1px;
   height: 23px;
}

div.toolbar a.box {
   color: #000;
   text-decoration: none;
}

div.toolbar a.selected {
   color: #499639;
}

.toolbar .box:hover .toolbar_label {
   color: #499639;
}

div.toolbar .selected {
   height: 21px;
   background-color: #fff;
   background-image: url(images/tab_top.png);
   background-repeat: repeat-x;
   border: 1px #333 solid;
   border-bottom: none;
   margin-top: -2px;
   margin-left: -2px;
   padding-top: 5px;
}

div.toolbar .selected + .box {
   border-left: 1px #333 solid;
}

div.toolbar_wizards {
   float: right;
   margin-right: -1px;
   margin-top: 1px;
}

/* banner: Page banner for displaying security warnings. */

div.banner {
   margin-bottom: 10px; margin-top: 8px;
   background-color: #f2f2f2; padding: 3px 3px 3px 10px;
   border-bottom: 2px solid #AAA;
   border-top:    2px solid #AAA;
   font-weight: bolder; color: #333;
}

/* maincontent: Content wrapping td of a normal page */

#main_content {
   padding: 0px 10px 15px 0px;
}



/* buttons */

input.button {
   color: transparent;
   font-size: 0px;
   text-indent: -999em;
}
a.button {
   text-decoration: none;
}
.button {
   display: block;
   text-decoration: none;
   white-space: nowrap;
   border: none;
   margin: 0px;
   padding: 0px;
}
.button.active:hover {
   cursor: pointer;
}

/* text content of button - but hidden */
.button_text_hidden {
   display: none;
}

/* text content alongside button */
.button_text {
   font-size:    12px;
   line-height:  21px;
   padding-left: 26px; /* i.e. specific to 21px wide buttons */
   text-indent:  26px; /* for IE7 */
}

/* Button image: examine */

.button_examine {
   height: 21px;
   background: url(images/button-examine.png) no-repeat;
}
.button_examine.button_left {
   width: 21px;
}
.button_examine.button_right {
   width: inherit;
}
.home_box_content .button_examine.button_right {
   margin-right: 5px;
}


.button_examine.hover:hover {
   background: url(images/button-examine-hover.png) no-repeat;
}

/* Button image: play / go */

.button_play, .button_go {
   width: 21px;
   height: 21px;
   background: url(images/button-play.png) no-repeat;
}

.button_play.on, .button_go.on {
   background: url(images/button-play-on.png) no-repeat;
}
.button_play.hover:hover, .button_go.hover:hover {
   background: url(images/button-play-hover.png) no-repeat;
}
.button_play.warn {
   background: url(images/button-play-warn.png) no-repeat;
}
.button_play.error {
   background: url(images/button-play-error.png) no-repeat;
}


/* Button image: stop */

.button_stop {
   width: 21px;
   height: 21px;
   background: url(images/button-stop.png) no-repeat;
}

.button_stop.on {
   background: url(images/button-stop-on.png) no-repeat;
}

.button_stop.hover:hover {
   background: url(images/button-stop-hover.png) no-repeat;
}

/* Button image: download */

.button_download {
   width: 21px;
   height: 21px;
   background: url(images/button-download.png) no-repeat;
}

.button_download.hover:hover {
   background: url(images/button-download-hover.png) no-repeat;
}

/* Button image: manage */

.button_manage {
   width: 21px;
   height: 21px;
   background: url(images/button-manage.png) no-repeat;
}

.button_manage.button_left {
   width: 21px;
}
.button_manage.button_right {
   width: inherit;
}

.button_manage.hover:hover {
   background: url(images/button-manage-hover.png) no-repeat;
}

/* Button image: help */

.button_help {
   height: 21px;
   background: url(images/button-help.png) no-repeat;
}

.button_help.hover:hover {
   background: url(images/button-help-hover.png) no-repeat;
}

.button_help.button_left {
   width: 21px;
}
.button_help.button_right {
   width: inherit;
}


/* Button image: delete */

.button_delete {
   width: 21px;
   height: 21px;
   cursor: pointer;
   background: url(images/button-delete.png) no-repeat;
}

.button_delete.hover:hover {
   background: url(images/button-delete-hover.png) no-repeat;
}

.button_delete.disabled {
   cursor: auto;
   background: url(images/button-delete-disabled.png) no-repeat;
}

/* Button image: tick */

.button_tick {
   width: 21px;
   height: 21px;
   background: url(images/button-tick.png) no-repeat;
}

.button_tick.hover:hover {
   background: url(images/button-tick-hover.png) no-repeat;
}

.button_tick.disabled {
   background: url(images/button-tick-disabled.png) no-repeat;
}
.button_tick.hover.disabled:hover {
   background: url(images/button-tick-disabled.png) no-repeat;
}


/* Button image: empty */

.button_empty {
   width: 21px;
   height: 21px;
   background: url(images/button-empty.png) no-repeat;
}

.button_empty.hover:hover {
   background: url(images/button-empty-hover.png) no-repeat;
}

.button_empty.disabled {
   background: url(images/button-empty-disabled.png) no-repeat;
}
.button_empty.hover.disabled:hover {
   background: url(images/button-empty-disabled.png) no-repeat;
}

/* Button image: refresh */

.button_refresh {
   height: 21px;
   background: url(images/button-refresh.png) no-repeat;
}
.button_refresh.button_left {
   width: 21px;
}
.button_refresh.button_right {
   width: inherit;
}
.home_box_content .button_refresh.button_right {
   margin-right: 5px;
}

.button_refresh.hover:hover {
   background: url(images/button-refresh-hover.png) no-repeat;
}

/* Button image: edit */

.button_edit {
   height: 21px;
   background: url(images/button-edit.png) no-repeat;
}

.button_edit.button_left {
   width: 21px;
}
.button_edit.button_right {
   width: inherit;
}

.button_edit.hover:hover {
   background: url(images/button-edit-hover.png) no-repeat;
}

.button_edit.disabled {
   background: url(images/button-edit-disabled.png) no-repeat;
}
.button_edit.hover.disabled:hover {
   background: url(images/button-edit-disabled.png) no-repeat;
}

/* Button image: back */

.button_back {
   width: 21px;
   height: 21px;
   background: url(images/button-back.png) no-repeat;
}

.button_back.hover:hover {
   background: url(images/button-back-hover.png) no-repeat;
}

.button_back.disabled {
   background: url(images/button-back-disabled.png) no-repeat;
}
.button_back.hover.disabled:hover {
   background: url(images/button-back-disabled.png) no-repeat;
}

/* Button image: upload */

.button_upload {
   width: 21px;
   height: 21px;
   background: url(images/button-upload.png) no-repeat;
}

.button_upload.hover:hover {
   background: url(images/button-upload-hover.png) no-repeat;
}

.button_upload.disabled {
   background: url(images/button-upload-disabled.png) no-repeat;
}
.button_upload.hover.disabled:hover {
   background: url(images/button-upload-disabled.png) no-repeat;
}

/* Button image: add */

.button_add {
   width: 21px;
   height: 21px;
   background: url(images/button-plus.png) no-repeat;
}

.button_add.hover:hover {
   background: url(images/button-plus-hover.png) no-repeat;
}

.button_add.disabled {
   background: url(images/button-plus-disabled.png) no-repeat;
}
.button_add.hover.disabled:hover {
   background: url(images/button-plus-disabled.png) no-repeat;
}


/* legal info on login page */
.loginlegal,
.legalinfo {
   text-align: center;
   padding-top: 10px;
   color: #aaa;
   font-size: 0.80em;
}
.loginlegal {
   color: #888;
}

#login_software {
   padding-bottom: 7px;
}

p.eula {
   padding: 0;
   margin: 0.5em 0em 0.5em 0em;
}

.state_good {
   background-image: url(images/state-good.png);
   width: 16px; height: 16px;
}
.state_inactive {
   background-image: url(images/state-inactive.png);
   width: 16px; height: 16px;
}

.help_tip
{
   display: inline-block;
   background-color: #ffffff;
   border-color: #000;
   border-width: 1px;
   border-style: dashed;
}

/* css tooltip */
.tooltip {
   position: relative;
   display: inline-block;
}

.tooltip .tooltip_text {
   position: absolute;
   visibility: hidden;
   top: -8px;
   left: 105%;
   background-color: #ffffff;
   border-width: 1px;
   border-style: solid;
   z-index: 1;
}

.tooltip:hover .tooltip_text {
   visibility: visible;
}