@media screen
{
    /* MENU */

    /* this styles the container for the menu */
    .MenuGroup
    {
        background-color: #e5e5e5;
        color: #01076C;
    }
    .MenuGroup a
    {
        text-decoration: none;
        color: #006600;
    }
    .MenuGroup ul
    {
        list-style: none;
        padding: 0px 0px 0px 30px;
    }

    .MenuGroup li
    {
        list-style-image: none;
        background: url(images/crmTreePage.gif) no-repeat left;
        padding: 0px 0 0 16px;
        line-height: 16px;
    }


    /* this is the normal style for a top level menu item */
    .TopMenuItem
    {
        background-color: #e5e5e5;
        cursor: pointer;
        font-family: "Trebuchet MS" , Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        color: #FFFFFF;
        background-repeat: repeat-x;
        background-image: url(images/ComponentArt/menu/top_nav_bg.jpg);
        line-height: 48px;
        width: 91px;
        text-align: center;
    }

    /* this is the hover style for a top level menu item */
    .TopMenuItemHover
    {
        background-position: center;
        background-color: #e5e5e5;
        color: #01076C;
        cursor: pointer;
        font-family: "Trebuchet MS" , Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        color: #000000;
        background-image: url(images/ComponentArt/menu/top_nav_tab.jpg);
        background-repeat: no-repeat;
        width: 91px;
        line-height: 48px;
        text-align: center;
    }

    /* this class displays when a top level menu item is clicked */
    .TopMenuItemActive
    {
        background-color: #e5e5e5;
        color: #E3EFFF;
        cursor: pointer;
        font-family: "Trebuchet MS" , Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        width: 91px;
        text-align: center;
    }

    /* this class is used to style a top level menu item when the cursor hovers over 
                        any of it's child items */
    .TopMenuItemExpanded
    {
        background-color: #efefef;
        color: #000000;
        cursor: pointer;
        font-family: "Trebuchet MS" , Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        background-image: url(images/ComponentArt/menu/top_nav_tab.jpg);
        background-repeat: no-repeat;
        width: 91px;
        text-align: center;
    }
    /* this is the normal style for a top level menu item */

    .MenuItem
    {
        border-style: none solid solid solid;
        border-width: 0px;
        border-color: #c5c5c5;
        cursor: pointer;
        background-color: #ffffff;
        font-family: "Trebuchet MS" , Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        background-image: url(images/ComponentArt/menu/menu_item_background.gif);
        background-repeat: no-repeat;
        width: 390px;
        height: 85px;
    }



    /* this is the hover style for a top level menu item */
    .MenuItemHover
    {
        border-style: none solid solid solid;
        border-width: 0px;
        border-color: #c5c5c5;
        cursor: pointer;
        background-color: #d4d4d4;
        font-family: "Trebuchet MS" , Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        background-image: url(images/ComponentArt/menu/menu_item_background_hl.gif);
        background-repeat: no-repeat;
        width: 390px;
        height: 85px;
    }


    /* this class displays when a menu item is clicked */
    .MenuItemActive
    {
        border-style: none solid solid solid;
        border-width: 0px;
        border-color: #c5c5c5;
        cursor: pointer;
        background-color: #d4d4d4;
        font-family: "Trebuchet MS" , Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        background-image: url(images/ComponentArt/menu/menu_item_background_hl.gif);
        background-repeat: no-repeat;
        width: 390px;
        height: 85px;
    }


    /* this class is used to style a menu item when the cursor hovers over 
                        any of it's child items */
    .MenuItemExpanded
    {
        border-style: none solid solid solid;
        border-width: 0px;
        border-color: #c5c5c5;
        cursor: pointer;
        background-color: #d4d4d4;
        font-family: "Trebuchet MS" , Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        background-image: url(images/ComponentArt/menu/menu_item_background_hl.gif);
        background-repeat: no-repeat;
        width: 390px;
        height: 85px;
    }


    /* this is the styling for a break item in the menu */
    .MenuBreak
    {
        width: 100%;
        height: 0px;
    }


    .lAlign
    {
        float: left;
        width: 220px;
        text-align: left;
        vertical-align: middle;
        height: 70px;
    }
    .rAlign
    {
        float: right;
        width: 150px;
        text-align: left;
        vertical-align: middle;
        height: 70px;
    }

    /******************************************************************************************/
    /* Styles to apply to popup dialogs for the storefront                                    */
    /******************************************************************************************/
    .dlg
    {
        text-align: left;
        color: #000000;
    }

    /* Dialog caption */
    .dlg-hdr
    {
        height: 24px;
        cursor: move;
    }
    .dlg-hdr-l
    {
        width: 8px;
        background: transparent url("images/ComponentArt/Dialog/tl.gif") no-repeat;
    }
    .dlg-hdr-m
    {
        background: #000 url("images/ComponentArt/Dialog/t.gif") repeat-x;
        color: #fff;
        font-weight: bold;
    }
    .dlg-hdr-r
    {
        width: 8px;
        background: transparent url("images/ComponentArt/Dialog/tr.gif") no-repeat;
    }

    /* Dialog contents */
    .dlg-con
    {
    }
    .dlg-con-l
    {
        width: 8px;
        background: #000;
    }
    .dlg-con-m
    {
        background-position: #d4d4d4;
        padding: 10px;
        background: #fff;
    }
    .dlg-con-m div.body
    {
    	padding:4px;
    }
    .dlg-con-r
    {
        width: 8px;
        background: #000;
    }

    /* Dialog footer */
    .dlg-ftr
    {
        height: 8px;
    }
    .dlg-ftr-l
    {
        width: 8px;
        background: transparent url("images/ComponentArt/Dialog/bl.gif") no-repeat;
    }
    .dlg-ftr-m
    {
        background: transparent url("images/ComponentArt/Dialog/b.gif") repeat-x;
    }
    .dlg-ftr-r
    {
        width: 8px;
        background: transparent url("images/ComponentArt/Dialog/br.gif") no-repeat;
    }

    /******************************************************************************************/
    /* Styles to apply to the pulldown user menu                                              */
    /******************************************************************************************/
    .umnu
    {
        cursor: default;
        background: #333333;
    }
    .umnu-top
    {
        cursor: pointer;
        color: white;
        background: transparent url("images/ComponentArt/UserMenu/desc.gif") no-repeat right;
        padding-right: 16px;
    }
    .umnu-top-h
    {
        cursor: pointer;
        color: silver;
        background: transparent url("images/ComponentArt/UserMenu/desc.gif") no-repeat right;
        padding-right: 16px;
        text-decoration: underline;
    }
    .umnu-top-a
    {
        cursor: pointer;
        color: white;
        background: transparent url("images/ComponentArt/UserMenu/desc.gif") no-repeat right;
        padding-right: 16px;
        text-decoration: underline;
    }
    .umnu-top-e
    {
        cursor: pointer;
        color: silver;
        background: transparent url("images/ComponentArt/UserMenu/desc.gif") no-repeat right;
        padding-right: 16px;
    }
    .umnu-grp
    {
        border: 1px solid #ccc;
        width: 190px;
        background: #f6f6f6 url("images/ComponentArt/UserMenu/vertical.png") repeat-y;
        font-family: Tahoma, "Lucida Grande" ,Verdana,Arial,Helvetica,sans-serif;
        font-size: 11px;
        color: #666;
        cursor: default;
        text-align: left;
    }
    .umnu-item
    {
        width: 188px;
        height: 22px;
    }
    .umnu-item-h
    {
        width: 188px;
        height: 22px;
        background: #f6f6f6 url("images/ComponentArt/UserMenu/static.png") no-repeat -48px -30px;
        color: #333;
    }
    .umnu-txt
    {
        display: block;
        float: left;
        height: 21px;
        line-height: 21px;
        width: 130px;
        padding: 0 0 0 6px;
    }
    .umnu-br
    {
        width: 188px;
        height: 4px;
        background: #f6f6f6 url("images/ComponentArt/UserMenu/static.png") no-repeat -48px -52px;
    }
    /* icons */
    .umnu-icon-account
    {
        display: block;
        width: 16px;
        height: 16px;
        float: left;
        margin: 3px 7px 0px 8px;
        background: transparent url("images/ComponentArt/UserMenu/account.gif") no-repeat;
    }
    .umnu-icon-orders
    {
        display: block;
        width: 16px;
        height: 16px;
        float: left;
        margin: 3px 7px 0px 8px;
        background: transparent url("images/ComponentArt/UserMenu/orders.gif") no-repeat;
    }
    .umnu-icon-licensekeys
    {
        display: block;
        width: 16px;
        height: 16px;
        float: left;
        margin: 3px 7px 0px 8px;
        background: transparent url("images/ComponentArt/UserMenu/licensekeys.gif") no-repeat;
    }
    .umnu-icon-support
    {
        display: block;
        width: 16px;
        height: 16px;
        float: left;
        margin: 3px 7px 0px 8px;
        background: transparent url("images/ComponentArt/UserMenu/support.gif") no-repeat;
    }
    .umnu-icon-profile
    {
        display: block;
        width: 16px;
        height: 16px;
        float: left;
        margin: 3px 7px 0px 8px;
        background: transparent url("images/ComponentArt/UserMenu/profile.gif") no-repeat;
    }
    .umnu-icon-logout
    {
        display: block;
        width: 16px;
        height: 16px;
        float: left;
        margin: 3px 7px 0px 8px;
        background: transparent url("images/ComponentArt/UserMenu/logout.gif") no-repeat;
    }




/* TABS */
.hTab_TopGroup
{
  z-index:99;
  position:relative;
}

.cts_TopTab
{
  color: #000000;
  background-color: #CACACA;
  background-image:url(images/ComponentArt/hTabs/nrm_bg.gif);
  font-size:8px;
  font-family: verdana; 
  cursor:pointer;
}

.cts_TopTabHover
{
  color: #000000;
  background-color: #CACACA;
  background-image:url(images/ComponentArt/hTabs/nrm_bg.gif);
  font-size:8px;
  font-family: verdana; 
  text-decoration: underline;
  cursor:pointer;
}

.cts_TopTabSelected 
{
  color: #000000;
  background-color: #DACEB5;
  background-image:url(images/ComponentArt/hTabs/sel_bg.gif);
  font-size:8px;
  font-family: verdana; 
  cursor:default;
}

/*.hTab_Level2Tab
{
  color: #000000;
  font-size:8px;
  font-family: verdana; 
  cursor:pointer;
}

.hTab_Level2TabHover
{
  color: #000000;
  font-size:8px;
  font-family: verdana; 
  cursor:pointer;
}

.hTab_SelectedLevel2Tab
{
  color: #000000;
  font-size:8px;
  font-family: verdana; 
  cursor:default;
}

.hTab_Level2Group
{
  background-color: #FFFFFF;
  background-image: url(images/ComponentArt/hTabs/level2_group_bg.gif); 
  border: 1px solid #645546; 
  border-bottom-color: #493E34; 
  position: relative;
  top:-2px;
  z-index:98;
}*/

.hTab_MultiPageOuterFrame
{
	background-color:#DDDDDD;
	border: 1px solid black;
	padding: 3px;
	z-index:25;
}

.hTab_MultiPage
{
	z-index:98;
	border: 1px solid #BBBBBB;
	border-bottom-color: #FFFFFF;
	border-right-color: #FFFFFF;
	background-color: #E3EFFF;
	width:100%;
}

/* TABS */
.TopGroup
{
  z-index:99;
  position:relative;
}

.DefaultTab 
{
  color:black; 
  background-image: url(images/ComponentArt/Tabs/tab_bg.gif);
  font-family:MS Sans Serif, Verdana; 
  font-size:10px; 
  cursor:default;
}

.DefaultTabHover 
{
  color:black; 
  background-image: url(images/ComponentArt/Tabs/hover_tab_bg.gif);
  font-family:MS Sans Serif, Verdana; 
  font-size:10px; 
  cursor:default;
}

.SelectedTab 
{
  color:black; 
  background-image: url(images/ComponentArt/Tabs/selected_tab_bg.gif);
  font-family:MS Sans Serif, Verdana; 
  font-size:10px; 
  cursor:default;
}

.MultiPage
{
  background-color:White;
  border: 1px solid #919B9C;
  width:487px;
  height:250px;
  position:relative;
  top:-2px;
  z-index:98;
}
}