﻿/* Menu */

.templated-menu
{
    margin-top: 0px; /*TODO: IE hack*/
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
    position: relative; /*For some reason, this prevents the background images from disappearing in IE.*/ /*line-height: 140%;*/
}

.templated-menu-item
{
    padding:0 8px 0 0;
    margin: 0;
    list-style-type: none;
    float:left;
}

.templated-menu-item a
{
    cursor: pointer;
}

.menu-selected .menuitem
{
    width: 210px;
}

.menu-selected .menuitemleft
{
    width: 184px;
    padding: 14px 14px 14px 0;
    text-align: right;
    font: 16px georgia, serif;
    vertical-align: middle;
    letter-spacing: 1px;
    color: #69400e !important;
}

.menu-selected .menuitemright
{
    width: 26px;
    height: 26px;
    background: url("/design/line_background.png") top center repeat-y;
    text-align: center;
    vertical-align: middle;
}

.menuitem
{
    width: 210px;
}

.menuitemleft
{
    width: 184px;
    padding: 14px 14px 14px 0;
    text-align: right;
    font: 16px georgia, serif;
    vertical-align: middle;
    letter-spacing: 1px;
    color: #4d748a;
}

.menuitemright
{
    width: 26px;
    height: 26px;
    background: url("/design/line_background.png") top center repeat-y;
    text-align: center;
    vertical-align: middle;
}

.menu-selected .spacer26
{
    width: 26px;
    height: 26px;
    vertical-align: top;
    background: url("/design/slider.png") 0 0 no-repeat !important;
}

.spacer26
{
    width: 26px;
    height: 44px;
    background: url("/design/0.gif") 0 0 no-repeat !important;
}

/* Buttons */

.buttongray
{
    height: 37px;
    background: url("/design/buttonbackgroundgray.png") 0 0 repeat-x;
    padding:0;
    white-space: nowrap;
}

.buttongray a
{
    font: 14px arial;
    font-weight: bold;
    vertical-align: middle;
    padding: 10px 8px;
}

.buttongray img
{
    vertical-align: middle;
    margin: 0 5px 0 0;
}

.buttonleftgray
{
    width: 6px;
    height: 37px;
    background: url("/design/buttonleftgray.png") 0 0 no-repeat;
    white-space: nowrap;
}

.buttonrightgray
{
    width: 6px;
    height: 37px;
    background: url("/design/buttonrightgray.png") 0 0 no-repeat;
    white-space: nowrap;
}

.text4
{
    font: 17px arial, sans-serif;
}
