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

.AtJsMenuBar {
background-color: #486048;
border-color: #738573 #233523 #233523 #738573;
border-style: solid;
border-width: 2px;
cursor: default;
padding: 2px;
}

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

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

td.AtJsMenuButton {
color: #cccccc;
}

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

td.AtJsMenuButton-select {
background-color: #637563;
border-color: #233523 #738573 #738573 #233523;
color: #ffffff;
cursor: default;
padding: 3px 4px 1px 6px;
text-decoration: none;
}

td.AtJsMenuButton-select-hover {
background-color: #486048;
border-color: #233523 #738573 #738573 #233523;
color: #ffffff;
cursor: default;
padding: 3px 4px 1px 6px;
text-decoration: none;
}

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;
}

.AtJsMenuPopup {
background-color: #486048;
border-color: #738573 #233523 #233523 #738573;
border-style: solid;
border-width: 2px;
cursor: default;
padding: 1px;
}

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

.AtJsMenuPopup tr {
color: #cccccc;
font-family: arial,sans-serif;
font-size: 12px;
}

.AtJsMenuPopup td {
border-color: #486048;
border-style: solid;
border-width: 1px;
}

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

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

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

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

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

.AtJsMenuPopup tr.AtJsMenuItem.hover {
background-color: #606000;
color: #ffffff;
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 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: #738573 #233523 #233523 #738573;
}

.AtJsMenuPopup td.icon .check {
border-color: #233523 #738573 #738573 #233523;
border-style: solid;
border-width: 1px;
color: #ffffff;
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: #cccccc;
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: #ffffff;
}

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

.AtJsMenuSeparator {
visibility: inherit;
}

.AtJsMenuSeparator .line {
background-color: #233523;
border-color: #738573;
}

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

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

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