/*
        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: #5b0000;
border-color: #5b0000 #5b0000 #5b0000 #5b0000;
border-style: solid;
border-width: 0px;
cursor: default;
padding: 1px;
}

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

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

td.AtJsMenuButton {
color: #FFFFFF;
}

td.AtJsMenuButton-hover, td.AtJsMenuButton-hover-disabled {
border-color: #5b0000 #5b0000 #5b0000 #5b0000;
color: #ffffff;
cursor: default;
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: #5b0000 #5b0000 #5b0000 #5b0000;
color: #cccccc;
cursor: default;
text-decoration: none;
}

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

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

td.AtJsMenuButton-select-hover-armed {
background-color: #5b0000;
padding: 5px 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: #5b0000 #5b0000 #5b0000 #5b0000;
cursor: pointer;
padding: 1px;
}

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

.AtJsMenuPopup {
background-color: #5b0000;
border-color: #790000 #000000 #000000 #790000;
border-style: solid;
border-width: 2px;
cursor: default;
padding: 1px;
}

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

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

.AtJsMenuPopup td {
border-color: #5b0000;
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: #5b0000;
color: #ffffff;
font-weight: bold;
}

.AtJsMenuPopup tr.AtJsMenuItem.hover td.icon {
border-color: #5b0000 #5b0000 #5b0000 #5b0000;
}

.AtJsMenuPopup tr.AtJsMenuItem.hover td.text {
border-color: #5b0000 #5b0000 #5b0000 #5b0000;
}

.AtJsMenuPopup tr.AtJsMenuItem.hover td.shortcut {
border-color: #5b0000 #5b0000 #5b0000 #5b0000;;
}

.AtJsMenuPopup tr.AtJsMenuItem.hover td.arrow {
border-color: #5b0000 #5b0000 #5b0000 #5b0000;
}

.AtJsMenuPopup tr.disabled {
color: #8da58d;
}

.AtJsMenuPopup tr.hover.disabled {
color: #8da58d;
font-weight: normal;
}

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

.AtJsMenuPopup tr.AtJsMenuItem.hover td.icon img {
border-color: #5b0000 #5b0000 #5b0000 #5b0000;
}

.AtJsMenuPopup td.icon .check {
border-color: #5b0000 #5b0000 #5b0000 #5b0000;
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: #5b0000;
}

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

.AtJsMenuPopup td.icon .radio {
background-color: #5b0000;
/*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: #710000;
border-color: #000000;
}

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

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

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