/**
** Tooltip
**/
.twaver_tooltip{
	border-radius : 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border : 1px solid #777777;
	background-color : #F0F0F0;
	padding: 5px;
	opacity : 0.8;
	line-height: 140%;
	filter: alpha(opacity=70);
}

html, body {
    margin: 0;
    padding: 0;
}

.network-parent-div {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.svg-parent-div {
    overflow: auto;
    width: 100%;
}
/*********************************
 ***Toolbar
 **********************************/
.svg-toolbar-div {
    background-image: url(../toolbarbg.gif);
    border-style: solid;
    border-color: #6477FF;
    border-width: 1px;
}

.svg-toolbar-button {
    height: 20px;
    width: 20px;
    border-style: solid;
    border-color: #444FFF;
    border-width: 1px;
    background-color: #DDDCFF;
    background-position: center center;
    background-repeat: no-repeat;
    white-space: nowrap;
    padding: 0;
}

.svg-toolbar-button-click {
    height: 20px;
    width: 20px;
    border-style: solid;
    border-color: #444FFF;
    border-width: 1px;
    background-color: #B8CFe5ff;
    background-position: center center;
    background-repeat: no-repeat;
    white-space: nowrap;
    padding: 0;
}

.svg-toolbar-sep {
    background-position: center;
    background-repeat: no-repeat;
    border: 0 none;
    cursor: default;
    display: block;
    font-size: 1px;
    height: 18px;
    margin: 0 2px;
    overflow: hidden;
    width: 4px;
    background-image: url(../toolbar-split.gif);
}
/*********************************
 ***PopupMenu
 **********************************/
ul.twaver_menu, ul.twaver_menu ul {
    font-size: 9pt;
    font-family: Arial, sans-serif;
    position: absolute;
    background-color: #FFFFFF;
    border: 1px solid #909090;
    list-style-type: none;
    padding: 0;
    margin: 0;
    list-style: none;
    color: #000000;
    z-index:10000;
}

.twaver_menu li {
    cursor: pointer;
    position: relative;
    overflow: visible;
    width: 150px;
    margin: 4px 4px 4px 4px;
    padding-left: 8px;
    padding-top: 1px;
    padding-bottom: 1px;
    line-height: 20px;
}

.twaver_menu li.over {
    background-color: #316AC5;
    color: #FFFFFF;
}

.twaver_menu li.more {
    background-image: url(../svg_menu_more.png);
    background-position: right;
    background-repeat: no-repeat;
}

.twaver_menu li.none {
}

.twaver_menu li.disabled {
	cursor: default;
    opacity: .6;
    -moz-opacity: .6;
    filter: alpha(opacity=60);
}

.twaver_menu li.separator {
    height: 1px;
    padding: 0;
    overflow: hidden;
    display: block;
    font-size: 1px;
    border-bottom: 1px solid #eed;
    background: #AAA;
    margin: 2px 5px 2px 5px;
    line-height: 1px !important;
}

.svg-popup-menu-img {
    padding: 0;
    margin: 0;
    height: 16px;
    width: 16px;
}

/*********************************
 ***Tree Node
 **********************************/
.x-tree-node-collapsed .colorborder-FF0000F, .x-tree-node-expanded .colorborder-FF0000F, .x-tree-node-leaf .colorborder-FF0000F {
    border-style: solid;
    border-width: 2px;
    border-color: #FF0000;
    height: 16px;
    width: 16px;
}

.x-tree-node-collapsed .colorborder-FFA000F, .x-tree-node-expanded .colorborder-FFA000F, .x-tree-node-leaf .colorborder-FFA000F {
    border-style: solid;
    border-width: 2px;
    border-color: #FFA000;
    height: 16px;
    width: 16px;
}

.x-tree-node-collapsed .colorborder-FFFF00F, .x-tree-node-expanded .colorborder-FFFF00F, .x-tree-node-leaf .colorborder-FFFF00F {
    border-style: solid;
    border-width: 2px;
    border-color: #FFFF00;
    height: 16px;
    width: 16px;
}

.x-tree-node-collapsed .colorborder-00FFFFF, .x-tree-node-expanded .colorborder-00FFFFF, .x-tree-node-leaf .colorborder-00FFFFF {
    border-style: solid;
    border-width: 2px;
    border-color: #00FFFF;
    height: 16px;
    width: 16px;
}

.x-tree-node-collapsed .colorborder-C800FFF, .x-tree-node-expanded .colorborder-C800FFF, .x-tree-node-leaf .colorborder-C800FFF {
    border-style: solid;
    border-width: 2px;
    border-color: #C800FF;
    height: 16px;
    width: 16px;
}

.twaver_alarmstate_pieIcon {
    background-image: url( ../pie.png ) !important;
}

.twaver_alarmstate_barIcon {
    background-image: url( ../bar.png ) !important;
}

.twaver_alarmstate_legendIcon {
    background-image: url( ../legend.png ) !important;
}