﻿
.main_navigation a.menuLevel1:after{
    background-image: url(/Content/images/Header/nav_chevron.png);
    padding-right: 20px;
    background-position: center right;
    background-repeat: no-repeat;
}

    .loginMenuArea {
        float:right;
        height: 33px;
    }
   
    .loginMenuArea .loginMenuContainer {
        float:right;
        height: 33px;
    }
   
    .loginMenuArea .loginMenuLinkContainer {
        display:inline-block;
        margin-right: 10px;
        font-size:12px;
        color: #999999;
    }

    .loginMenuArea .loginMenuLinkContainer a {
        padding-right: 10px;
        background-position: center right;
        background-repeat: no-repeat;
        color: #999999;
    }
    .loginMenuArea .loginMenuLinkContainer a:hover {
        color: #999999;
    }
    .loginMenuArea .loginMenuLinkContainer a:active {
        color: #999999;
    }
    .loginMenuArea .loginMenuLinkContainer a:visited {
        color: #999999;
    }

    .loginMenuArea .loginMenuLinkContainer .login_link {
        background-image: url(/content/images/header/down_arrow.png);
    }
   
/******************************************************************************
    Alert icons
*/
.alert-icon {
	position: absolute;
	left:-10px;
	bottom:-10px;
	z-index:5;
}
.alert-count {
	color: #557EB9;
	font-weight: bold;
}
   
/******************************************************************************
* Sign-in menu 
*/
#signin-container
{
	position: relative;
}
#signin-container img
{
	float: right;
}

/* creates the smaller  triangle */
.signin-menu:before {
	position:absolute;
	left:47px; /* value = (:before left) + (:before border-left) - (:after border-left) */
	border-style:solid;
	border-color:#d4d4d4 transparent;
	/* reduce the damage in FF3.0 */
	display:block; 
	width:0;
	top:-11px; /* value = - border-top-width - border-bottom-width */
	bottom:auto;
	left:auto;
	right:25px; /* value = (:before right) + (:before border-right) - (:after border-right) */
	border-width:0 11px 11px;
}
.signin-menu:after {
	position:absolute;
	left:47px; /* value = (:before left) + (:before border-left) - (:after border-left) */
	border-style:solid;
	border-color:#fff transparent;
	/* reduce the damage in FF3.0 */
	display:block; 
	width:0;
	top:-10px; /* value = - border-top-width - border-bottom-width */
	bottom:auto;
	left:auto;
	right:26px; /* value = (:before right) + (:before border-right) - (:after border-right) */
	border-width:0 10px 10px;
}
.signin-menu
{
	background-color: #fff;
	line-height: 28px;
	width: 280px;
	z-index: 11;
	border: 1px solid #660099;
	padding: 20px;
	position: absolute;
       top: 38px;
       right: 56px;
	display: none;
}
   
.signin-menu .auth-method
{
	float:left;
}
.signin-menu .auth-method .icon
{
	float:left;
}
.signin-menu .auth-method .name
{
	float:left;
	padding: 0 0 20px 10px;
}
.signin-menu .auth-method .name p
{
	margin: 0;
	padding: 0;
}
.signin-menu .signout-button
{
	float:right;
}
.signin-menu a
{
	color: #557EB9;
	font-weight: normal;
    display:block;
}
.signin-menu a:hover
{
	text-decoration:underline;
}
.signin-menu .navigation
{
	float: left;
	width: 100%;
}
.signin-menu .navigation .admin-links
{
	margin-top: 10px;
	padding-top: 10px;
	border-top: 2px solid #d4d4d4;
	width: 100%;
}

/**************************************************************
    Main menu
*/
 .tab-loading
{
    margin: 5px 10px 10px 10px;
}
.tab-loading img
{
    width: 16px;
    height: 16px;
}
   .main_navigation  {
        z-index:10;
    }
    .main_navigation .ui-tabs .ui-tabs-nav {
        margin: 0px;
        padding: 0px;
    }
    .main_navigation .ui-tabs .ui-tabs-nav li {
        padding-left: 0px;
    }
    .main_navigation .ui-tabs .ui-tabs-nav li a{
        padding-right: 0px;
    }
    .main_navigation .menuItemTabs.menuLevel0 ul {
        width: auto;
        color: #999999;
    }
    .main_navigation .menuItemTabs.menuLevel0 ul li {
        border: 1px solid transparent;
        background-color: transparent;
   }
    .main_navigation .menuItemTabs.menuLevel0 > ul li.ui-state-active {
       color: #660099;
       border-color: #660099;
       background-color: #ffffff;
       border-bottom-color: #fff;
    }
    .main_navigation .menuItemTabs.menuLevel0 > ul li.ui-state-hover {
       color: #660099;
    }
    .main_navigation .menuItemTabs.menuLevel0 > ul li a {
        margin: 5px;
        margin-bottom: 15px;
        padding-right: 12px;
        background-image: url(/Content/images/header/nav_chevron.png);
        background-repeat: no-repeat;
        background-position: center right;
    } 
   .main_navigation .menuItemTabs.menuLevel0 > ul li.ui-state-active a {
       background-image: url(/Content/images/header/nav_chevron_selected.png);
       color: #660099;
    } 
    .main_navigation .menuItemTabs.menuLevel0 > ul li.ui-state-hover a {
       background-image: url(/Content/images/header/nav_chevron_selected.png);
       color: #660099;
   }
    .main_navigation .menuItemTabs > div.ui-tabs-panel {
       border: 1px solid #660099;
       border-top-color: #fff;
       background-color: #fff;
       margin-top: -4px;
       width: 400px;
    }
    .main_navigation .menuItemTabs > div.ui-tabs-panel > ul {
        padding-left: 20px;
    }
    .main_navigation .menuItemTabs > div.ui-tabs-panel > ul > li > a {
        color: #666666;
    }
    .main_navigation .menuItemTabs > div.ui-tabs-panel > ul > li > a:hover {
        color: #666666;
    }
    .main_navigation .menuItemTabs > div.ui-tabs-panel > ul > li > a:active {
        color: #666666;
    }
    .main_navigation .menuItemTabs > div.ui-tabs-panel > ul > li > a:visited {
        color: #666666;
   }
   .main_navigation .menuItemTabs > div.ui-tabs-panel > ul > li > span.menuLevel1  {
        font-size: 13px;
        color: #999999;
        text-transform: uppercase;
    }
   .main_navigation .menuItemTabs > div.ui-tabs-panel > ul > li > span.menuLevel2  {
        font-size: 13px;
        color: #999999;
        text-transform: uppercase;
    }
   .main_navigation .menuItemTabs > div.ui-tabs-panel > ul > li > span.menuLevel3  {
        font-size: 12px;
        color: #999999;
        text-transform: uppercase;
    }
    .main_navigation .menuItemTabs > div.ui-tabs-panel > ul > li > a.menuLevel1  {
        font-size: 12px;
        margin-left: 5px;
        color: #666666;
   }
    .main_navigation .menuItemTabs > div.ui-tabs-panel > ul > li > a.menuLevel2  {
        font-size: 12px;
        margin-left: 5px;
        color: #666666;
   }
    .main_navigation .menuItemTabs > div.ui-tabs-panel > ul > li > a.menuLevel3  {
        font-size: 12px;
        margin-left: 5px;
        color: #666666;
   }
   .main_navigation .menuItemTabs > div.ui-tabs-panel > ul > li > a.subcat    {
        margin-left: 20px;
    }
/*---------------------------------- *\
					accordion styles
\*-----------------------------------*/

a.accordion-anchor
{
	color: #fff !important;
	display: block;
	height: 20px;
	padding: 3px 0 3px 30px !important;
	margin: 0 0 1px 0 !important;
}
.ui-accordion h3
{
	border-style: none;
	background-color: #a1a1a1;
	font-size: 14px;
	height: 25px;
}
#accordion.profile_accordion h3 a
{
	border-style: none;
	font-size: 14px;
	line-height: 16px;
}
#accordion h3 a
{
	color: #fff;
	line-height: 18px;
}
#accordion h4
{
	font-size: 14px;
	line-height: 24px;
	height: 25px;
	padding-left: 28px;
}

.ui-accordion h3.ui-state-active
{
	background: #e67f00 url('../images/active_corner_orange_03.gif') no-repeat scroll right;
	border: 1 none;
}

/*---------------------------------- *\
					model dialog styles
\*-----------------------------------*/
.ui-widget-overlay {
    z-index: 200;
}
.ui-dialog {
    z-index: 210;
}

