/*
	Distributed as part of 'AT JsMenu' under the same terms (LGPL)
	Author: AT Mulyana (atmulyana@yahoo.com)
	Copyright (C) 2001-2007 AT Mulyana
*/

.AtJsMenuBar {
/*background-color: #ffaaaa;
background-image: url("img/background.jpg");
opacity: 0.5;*/
border-color: #00ff00;
border-style: none;
border-width: 2px;
cursor: default;
padding: 2px;
}

.AtJsMenuBar table {
border-spacing: 0px;
border-width: 0px;
margin: 0px;
}

.AtJsMenuBar td {
border-color: #486048;
border-style: none;
border-width: 1px;
font-family: arial,sans-serif;
font-size: 12px;
line-height: 12px;
padding: 2px 5px;
}

.AtJsMenuBar td img {
margin-right: 2px;
}
.AtJsMenuBar td.icon img {
margin-right: 0px;
}

tr.AtJsMenuButton, td.AtJsMenuButton {
color: black;
}

td.AtJsMenuButton-hover, td.AtJsMenuButton-hover-disabled {
border-color: #738573 #233523 #233523 #738573;
color: #ffffff;
cursor: pointer;
text-decoration: underline;
}

td.AtJsMenuButton-select, td.AtJsMenuButton-select-hover, td.AtJsMenuButton-select-hover-armed,
td.AtJsMenuButton-select-disabled, td.AtJsMenuButton-select-hover-disabled {
border-color: #233523 #738573 #738573 #233523;
color: #ffffff;
cursor: default;
text-decoration: none;
}

td.AtJsMenuButton-select, td.AtJsMenuButton-select-disabled {
background-color: #669966;
padding: 3px 4px 1px 6px;
}

td.AtJsMenuButton-select-hover, td.AtJsMenuButton-select-hover-disabled {
background-color: #669966;
padding: 3px 4px 1px 6px;
}

td.AtJsMenuButton-select-hover-armed {
background-color: #669966;
padding: 4px 3px 0px 7px;
}

td.AtJsMenuButton-disabled, td.AtJsMenuButton-hover-disabled,
td.AtJsMenuButton-select-disabled, td.AtJsMenuButton-select-hover-disabled {
color: #8da58d;
}

td.AtJsMenuButton-icon {
padding: 1px;
}

td.AtJsMenuButton-hover-icon {
border-color: #738573 #233523 #233523 #738573;
cursor: pointer;
padding: 1px;
}

td.AtJsMenuButton-select-hover-icon {
background-color: #486048;
border-color: #233523 #738573 #738573 #233523;
cursor: default;
padding: 2px 0px 0px 2px;
}

.AtJsMenuBar td.icon {
border-width: 1px 0px 1px 1px;
padding: 1px 2px;
text-align: center;
width: 24px;
visibility:hidden;
}
.AtJsMenuBar td.text {
border-width: 1px 0px 1px 0px;
padding: 3px 2px;
}
.AtJsMenuBar td.shortcut, .AtJsMenuBar td.arrow {
border-width: 1px 1px 1px 0px;
width: 24px;
}
.AtJsMenuBar td.shortcut {
padding: 3px 10px 3px 4px;
}
.AtJsMenuBar td.arrow {
padding: 3px 2px;
}

tr.AtJsMenuButton-hover, tr.AtJsMenuButton-hover-disabled {
cursor: pointer;
color: #ffffff;
}
tr.AtJsMenuButton-hover td.icon, tr.AtJsMenuButton-hover-disabled td.icon {
border-color: #738573 #486048 #233523 #738573;
}
tr.AtJsMenuButton-hover td.text, tr.AtJsMenuButton-hover-disabled td.text {
border-color: #738573 #486048 #233523 #486048;
text-decoration: underline;
}
tr.AtJsMenuButton-hover td.shortcut, tr.AtJsMenuButton-hover-disabled td.shortcut,
tr.AtJsMenuButton-hover td.arrow, tr.AtJsMenuButton-hover-disabled td.arrow {
border-color: #738573 #233523 #233523 #486048;
}

tr.AtJsMenuButton-select, tr.AtJsMenuButton-select-hover, tr.AtJsMenuButton-select-hover-armed,
tr.AtJsMenuButton-select-disabled, tr.AtJsMenuButton-select-hover-disabled {
background-color: #486048;
color: #ffffff;
cursor: default;
text-decoration: none;
}
tr.AtJsMenuButton-select, tr.AtJsMenuButton-select-disabled {
background-color: #637563;
}
tr.AtJsMenuButton-select td.icon, tr.AtJsMenuButton-select-hover td.icon, tr.AtJsMenuButton-select-hover-armed td.icon,
tr.AtJsMenuButton-select-disabled td.icon, tr.AtJsMenuButton-select-hover-disabled td.icon {
border-color: #233523 #637563 #738573 #233523;
}
tr.AtJsMenuButton-select td.text, tr.AtJsMenuButton-select-hover td.text, tr.AtJsMenuButton-select-hover-armed td.text,
tr.AtJsMenuButton-select-disabled td.text, tr.AtJsMenuButton-select-hover-disabled td.text {
border-color: #233523 #637563 #738573 #637563;
}
tr.AtJsMenuButton-select td.shortcut, tr.AtJsMenuButton-select-hover td.shortcut, tr.AtJsMenuButton-select-hover-armed td.shortcut,
tr.AtJsMenuButton-select-disabled td.shortcut, tr.AtJsMenuButton-select-hover-disabled td.shortcut,
tr.AtJsMenuButton-select td.arrow, tr.AtJsMenuButton-select-hover td.arrow, tr.AtJsMenuButton-select-hover-armed td.arrow,
tr.AtJsMenuButton-select-disabled td.arrow, tr.AtJsMenuButton-select-hover-disabled td.arrow {
border-color: #233523 #738573 #738573 #637563;
}
tr.AtJsMenuButton-disabled, tr.AtJsMenuButton-hover-disabled,
tr.AtJsMenuButton-select-disabled, tr.AtJsMenuButton-select-hover-disabled {
color: #8da58d;
}

tr.AtJsMenuButton-select td.icon, tr.AtJsMenuButton-select-hover td.icon,
tr.AtJsMenuButton-select-disabled td.icon, tr.AtJsMenuButton-select-hover-disabled td.icon {
padding: 2px 1px 0px 3px;
}
tr.AtJsMenuButton-select td.text, tr.AtJsMenuButton-select-hover td.text,
tr.AtJsMenuButton-select-disabled td.text, tr.AtJsMenuButton-select-hover-disabled td.text {
padding: 4px 1px 2px 3px;
}
tr.AtJsMenuButton-select td.shortcut, tr.AtJsMenuButton-select-hover td.shortcut,
tr.AtJsMenuButton-select-disabled td.shortcut, tr.AtJsMenuButton-select-hover-disabled td.shortcut {
padding: 4px 9px 2px 5px;
}
tr.AtJsMenuButton-select td.arrow, tr.AtJsMenuButton-select-hover td.arrow,
tr.AtJsMenuButton-select-disabled td.arrow, tr.AtJsMenuButton-select-hover-disabled td.arrow {
padding: 4px 1px 2px 3px;
}
tr.AtJsMenuButton-select-hover-armed td.text {
padding: 5px 0px 1px 4px;
}
tr.AtJsMenuButton-select-hover-armed td.shortcut {
padding: 5px 8px 1px 4px;
}
tr.AtJsMenuButton-select-hover-armed td.arrow {
padding: 5px 0px 1px 4px;
}

.AtJsMenuPopup {
background-image: url("../img/longmenubackground9.jpg");
background-color: #ddffee;
border-color: green;
border-style: solid;
border-width: 1px;
cursor: default;
font-family: arial,sans-serif;
padding: 1px;
opacity: 0.8;
}

.AtJsMenuPopup .loading-text {
color: black;
font-size: 13px;
font-style: italic;
}

.AtJsMenuPopup table {
border-spacing: 0px;
}

.AtJsMenuPopup tr {
color: black;
font-size: 12px;
}

.AtJsMenuPopup td {
border-color: #486048;
border-style: none;
}

.AtJsMenuPopup td.icon {
border-width: 1px 0px 1px 1px;
padding: 1px 2px;
text-align: center;
width: 24px;
}

.AtJsMenuPopup td.text {
border-width: 1px 0px 1px 0px;
padding: 3px 2px;
}

.AtJsMenuPopup td.shortcut, .AtJsMenuPopup td.arrow {
border-width: 1px 1px 1px 0px;
width: 24px;
}

.AtJsMenuPopup td.shortcut {
padding: 3px 10px 3px 4px;
}

.AtJsMenuPopup td.arrow {
padding: 3px 2px;
}

.AtJsMenuPopup tr.AtJsMenuItem {
font-weight: normal;
}

.AtJsMenuPopup tr.AtJsMenuItem.hover {
background-color: #669966;
color: black;
font-weight: bold;
}

.AtJsMenuPopup tr.AtJsMenuItem.hover td.icon {
border-color: #858525 #606000 #353500 #858525;
}

.AtJsMenuPopup tr.AtJsMenuItem.hover td.text {
border-color: #858525 #606000 #353500 #606000;
}

.AtJsMenuPopup tr.AtJsMenuItem.hover td.shortcut {
border-color: #858525 #353500 #353500 #606000;
}

.AtJsMenuPopup tr.AtJsMenuItem.hover td.arrow {
border-color: #858525 #353500 #353500 #606000;
}

.AtJsMenuPopup tr.disabled {
color: grey;
}

.AtJsMenuPopup tr.hover.disabled {
color: grey;
font-weight: normal;
}

.AtJsMenuPopup td.icon img {
background-color: #486048;
border-color: #486048;
border-style: solid;
border-width: 1px;
display: block;
height: 18px;
width: 18px;
}

.AtJsMenuPopup tr.AtJsMenuItem.hover td.icon img {
border-color: green;
}

.AtJsMenuPopup td.icon .check {
border-color: red;
border-style: solid;
border-width: 1px;
color: black;
font-family: arial,sans-serif;
font-size: 12px;
font-weight: 900;
line-height: 14px;
text-align: center;
vertical-align: middle;
padding: 2px 0px 2px 0px;
width: 18px;
}

.AtJsMenuPopup tr.AtJsMenuItem td.icon .check {
background-color: #637563;
}

.AtJsMenuPopup tr.AtJsMenuItem.hover td.icon .check {
background-color: #486048;
}

.AtJsMenuPopup td.icon .radio {
background-color: #486048;
/*border-color: #cccccc;
border-style: solid;
border-width: 1px;*/
color: black;
font-family: arial,sans-serif;
font-size: 14px;
font-weight: 900;
height: 16px;
line-height: 14px;
text-align: center;
vertical-align: middle;
width: 18px;
}

.AtJsMenuPopup tr.AtJsMenuItem.hover td.icon .radio {
/*border-color: #aaaaaa;
border-style: outset;*/
color: black;
}

.AtJsMenuPopup td.arrow .sub, .AtJsMenuBar td.arrow .sub {
font-size: 14px;
line-height: 14px;
text-align: right;
width: 100%;
}

.AtJsMenuSeparator {
visibility: inherit;
}

.AtJsMenuSeparator .line {
background-color: #336633;
border-color: #447744;
border-style: none;
}

tr.AtJsMenuSeparator td {
padding: 1px 3px;
}

td.AtJsMenuSeparator {
padding: 0px 5px;
}

td.AtJsMenuSeparator .line {
height: 16px;
}