body {padding: 0; margin: 0; font-size:12px;
    font-family:"Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif;
    background-image: url(../images/gradient.jpg) }

ol, dl, ul { list-style-position: outside; padding-left: 2em }
img.screenshot { margin: 1em 0 1em 4em; border: #cccccc 1px solid }

#header a:link, #header a:visited {text-decoration: none}
#topPane { background-color: #FFFFFF; padding: 3px }

.menuContainer { position: relative; height: auto;
    padding: 0; margin: 0; z-index: 10; min-width: 600px; clear: right; }

.menuBar { background-color: #417690; padding: 0 1em; z-index: 28;
    position: relative; margin: 0; width: 100%; height: 3.2em; }

.submenuItem, .mainMenuItem {min-width: 8em; padding: 1em 0.5em; margin: 0 1px 0; text-align: center;
    color: #101D24; background-color: #cfdce3; display: block; float: left; }

.mainMenuItem:hover, .submenuItem:hover { text-decoration: none; font-weight: bold; }

.submenuItem:hover { background-color: #e2eaee }
    /* Highlight background color for the main menu items is handled in javascript */

.submenuBarContainer { position: relative; width: auto; display: block;
    height: 0; margin: 0; padding 0; visibility: visible; z-index: 20; }

.submenuBar { background-color: #417690; padding: 0 1em;
    margin: 0; position: absolute; z-index: -1; 
    visibility: visible; width: auto;
    width: 100%; height: auto; bottom: 0; }

.submenuSep { padding: 1em 0.5em; color: #101D24; background-color: #cfdce3;
    display: block; float: left }

.toolBar {background-color: #660099; margin: 0; padding: 0.5em 1em;
    width: 100%; height: 1.2em; position: static; clear: right; }
.toolLink { padding: 0 }

a:link .toolLink,  a:visited .toolLink { color: white }
a:hover .toolLink { text-decoration:underline; }

.myShopToolBar { background-color: #ccc; text-align: right; padding: 0.5em }

.textBoxDiv { margin: 0; padding: 10em 0.5em; width: 100%; text-align: center; display: block; }
.textBoxInnerDiv { margin: auto; padding: 0; display: block; width: 567px; text-align: center }
.textBoxTop { background-image: url(../images/textbox_top.jpg);
    display: block; width: 100%; height: 14px; }
.textBoxMiddle { background-image: url(../images/textbox_middle.jpg);
    margin: 0; padding: 2em; text-align: center; display: block; overflow: hidden }
.textBoxImg { margin: 0 20px 0 0; float: left }
.textBoxBottom { background-image: url(../images/textbox_bottom.jpg);
    display: block; width: 100%; height: 14px; }
.textBoxButtonDiv { padding: 1em; text-align: center; margin: 0; }
.textBoxButton { text-align: center; margin: 0.5em }

.okNote { font-size: 12px !important; display:block; padding: 4px 5px 4px 25px;
    margin: 0 0 3px 0; border: 1px solid green;  color: #666;
    background: #ffc url(../img/admin/icon_success.gif) .3em no-repeat; }

.listItemNameCell { padding: 4px 5px 4px 25px;
    background: url(../img/admin/icon_success.gif) .3em no-repeat }
.listItemNameCellDisabled { padding: 4px 5px 4px 25px;
    background: url(../img/admin/icon_error.gif) .3em no-repeat }

.productsTableNameCell { padding: 4px 5px 4px 25px;
    background: url(../img/admin/icon_success.gif) .3em no-repeat }
.productsTableNameCellDisabled { padding: 4px 5px 4px 25px;
    background: url(../img/admin/icon_error.gif) .3em no-repeat }

.itemCountInfo { font-size: 10px; padding: 3px 0 }

.button:disabled, button:disabled, input[type=submit]:disabled, input[type=button]:disabled, .submit-row input:disabled { background-image: none; background-color: #E0E0E0; color: #C0C0C0; border-color:#C0C0C0; }
.button.default:disabled, input[type=submit].default:disabled, .submit-row input.default:disabled { border-color: #C0C0C0; background-image: none; background-color: #E0E0E0; color: #C0C0C0 }

.clickable { color: #5B80B2; cursor: pointer }
.clickable:hover { color: #036; text-decoration: underline }
.legend { padding: 8px 0 8px; font-size: 10px; background-color: #E0E0E0 }
button.listItem, input.listItem[type="button"] { font-size: 10px }

.pagination { margin: 3px 0; padding: 5px }
.paginationNumItemsPerPageLabel { vertical-align: middle }
.paginatorPageNum { margin: 2px 0; padding: 2px; color: #5B80B2;
    background-color: #FFFFFF; text-decoration: none; border: 1px solid #ccc;
    vertical-align: middle }

.paginatorPageNum:hover { background-color: #CFDCE3; color: #003366 }

.pagination .currentPage { color: black; font-weight: bold; border: 2px solid #f88}

#loginBox {width: 350px; margin-left:auto; margin-right:auto; margin-top:10em;
    margin-bottom:10em; border-width:1px; border-color:gray;
    border-style:solid; padding:0px }

#loginBoxHeaderDiv {background-color: #506060; padding:1em}
#loginBoxHeaderText {font-size:large; color: #f0f000; text-align:center}
#loginBoxBodyDiv {background-color: white; padding:2em}
#loginBoxBodyTable {border="0"; border-collapse: separate; border-spacing: 0.5em}
#loginBoxBodyTableUsernameRow {padding:1em}
#loginBoxBodyTablePasswordRow {padding:1em}
#loginBoxBodyTableButtonRow {padding:10em}
#footer {text-align: center; font-size: 10px}

#navTreeHolder { margin: 0; padding: 0.5em; width: 25% }
#paneDetail { margin: 0; padding: 0.5em; border: 1px solid #ccc }

.table { display: table }
.row { display: table-row }
.cell { display: table-cell }

table.simple, table.simple th, table.simple td { border: none }
table.clean, table.clean th, table.clean td { border: none }
table.clean td { padding: 0 }
table.clean td { padding: 0 }

.deletelink { color:#CC3434 }

.breadcrumb { font-weight: bold; border-bottom: 1px solid #cccccc; padding-bottom: 0.5em }

.extraInputBlock { padding: 5px 7px }

form ul, form li { list-style-type: none; list-style-position: inside; margin: 0; padding: 0 }

.module .noLeftMargin ul { margin-left: 0 !important }
.module .noLeftPadding ul { padding-left: 0 !important }

.alignRight { text-align: right }

#messageListContainer { display: none; overflow: hidden }
.messageList { padding: 4px 5px 4px 30px; margin: 0 0 3px 0; border-bottom: 1px solid #ddd; background: #ffc; width: 100%; list-style-position: outside }
.messageListItem.information { list-style-image: url(../images/information_16.png) }
.messageListItem.information { list-style-image: url(../images/information_16.png) }
.messageListItem.error { list-style-image: url(../images/error_16.png) }
.messageListItem.warning { list-style-image: url(../images/warning_16.png) }
.messageListItem.confirmation { list-style-image: url(../images/confirmation_16.png) }