﻿#page 
{ 
    height: 100%; 
    width: 100%; 
}

html, body, form 
{ 
    height: 100%;
    width: 100%; 
    margin: 0px; 
    padding: 0px;
    overflow: hidden;
    font-family: "Segoe UI", Helvetica, Verdana;
    font-size: 12px;
    
}

iframe {
    border: 1px solid #333333;
}

.Fullscreen {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  width: 100%;
  height: 100%;
  z-index: 999999;
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
}


/* HEADER TOP BAR */

.HeaderTopBarImageButton
{
    padding-left: 4px;
	padding-right: 4px;
	vertical-align: middle;
	width: 16px;
}

div#HeaderTopBar
{
    height: 40px;
    width: 100%;
}

#HeaderTopBarLogoPanel
{
	float: left;	
}

.HeaderTopBarLogo
{
	margin: 8px;	
}

#HeaderTopBarIconPanel
{
	height: 60px;
	float: right;
	z-index: 99999;
}

#HeaderTopBarLoginPanel
{
	float: right;
	height: 40px;
	text-align: left;
}

/* HEADER Navigation Bar */
#HeaderNavigationBarMain
{
	height: 20px;
	width: 100%;
}

#HeaderNavigationBarSub
{
	height: 25px;
	width: 100%;
}

.HeaderNavigationBarHelp
{
    float: right;
    margin-top: 2px;
    margin-right: 20px;
}

#HeaderNavigationBarHelpIcon
{
    cursor: help;
}

.HeaderPullDownMenu
{
    position: absolute;
    z-index: 1000;
    margin-top: 5px;
    margin-right: 5px;
    border-width: 1px;
    border-style: solid;
    font-weight: bold;
    padding: 0px;
    width: 280px;
}

.HeaderPullDownMenuHeader
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

.HeaderTopBarIconCounter
{
    font-size: 18px;
    font-weight: bold;
    z-index: 100; 
    position: absolute; 
    margin-left: 0px; 
    margin-top: -6px;
}

.HelpContentHeader
{
    display: block;
    margin-left: 4px;
}

.HelpContentLinks
{
    margin-right: 4px; 
    margin-left: -16px;
}

/* CONTENT Placeholder*/

div#ContentPlaceholder
{
    position: absolute;
    top: 85px;
    bottom: 32px;
    left: 0px;
    right: 0px;
    overflow-y: auto;
    overflow-x: auto;
    padding: 8px;
}

div#ContentPlaceholderDialog
{
    position: absolute;
    top: 0px;
    bottom: 32px;
    left: 0px;
    right: 0px;
    overflow-y: auto;
    overflow-x: auto;
    padding: 8px;
}

div#ContentPlaceholderInner
{
    height: 100%;
}

/* Footer Bottom Bar*/

div#FooterBottomBar
{
    position: absolute;
    height: 32px;
	width: 100%;
	bottom: 0px;
}

div#FooterBottomBarDialog
{
    position: absolute;
    height: 32px;
	width: 100%;
	bottom: 0px;
}

/* Message */
.Message
{
	display: block;
	vertical-align: middle;
	margin: 2px 8px 8px 8px;
	padding-left: 32px;
	height: 25px;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
}

.MessageSuccess
{
	background-image: url(../Images/Icons/Check_48x48_8CC84B_0.png);
	background-repeat: no-repeat;
	background-position: left bottom;
    background-size: 24px
}

.MessageInfo
{
	background-image: url(../Images/Icons/Info_48x48_333333_0.png);
	background-repeat: no-repeat;
	background-position: left bottom;
    background-size: 24px
}

.MessageError
{
	background-image: url(../Images/Icons/Error_48x48_E21F43_0.png);
	background-repeat: no-repeat;
	background-position: left bottom;
    background-size: 24px
}

/* UpdateProcess */
.UpdateProgressModalBackground
{   
	filter: alpha(opacity=00);     
	opacity: 0.00; 
}  

.UpdateProgressPanel
{     
	border-width: 1px;
    border-style: solid;  
	position: absolute;     
	width: 180px;     
	height: 65px; 
}

.UpdateProgressIconPanel
{
	position: relative;
	margin-top: 15px;
	text-align: center;	
}

.WindowsAzureLogo
{
	margin: 2px;
}

/* MainNavigation */
.MainNavigation {
    padding: 0px 0px 0px 0px;
    cursor: pointer;
}

.MainNavigation ul {
    margin: 1px;
    padding: 0px;
    list-style: none outside none;
}

.MainNavigation ul li {
    list-style: none outside none;
}

.MainNavigation_Static {
    border-right-width: 1px;
    border-right-style: solid;
    padding: 2px 24px 2px 8px;
    text-decoration: none;
}

.MainNavigation_Static.popout {
    background-image: url(../Images/MenuStaticPopOutImage.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.MainNavigation_Static.highlighted {
}

.MainNavigation ul li ul {
    z-index: 99999;
    border-width: 1px;
    border-style: solid;
    margin: 4px 0px 0px 0px;
    width: 160px;
    border-bottom: none;
}

.MainNavigation_Dynamic {
    display: inline-block;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding: 2px 0px 2px 8px;
    width: 152px;
    font-weight: normal;
    text-decoration: none;
}

.MainNavigation_Dynamic.popout-dynamic {
    background-image: url(../Images/MenuDynamicPopOutImage.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.MainNavigation_Dynamic.highlighted {
}

.MainNavigation ul li ul li ul {
    margin: 2px 0px 0px -2px;
}

/* SiteMapPath */
.MainSiteMapPath_PathSeparatorImage {
    vertical-align: middle;
    margin-top: -2px;
}

.MainSiteMapPath_RootNode {
    padding: 0px 8px 0px 8px;
    font-weight: normal;
    text-decoration: none;
}

.MainSiteMapPath_Node {
    padding: 0px 8px 0px 8px;
    font-weight: normal;
    text-decoration: none;
}

.MainSiteMapPath_CurrentNode {
    padding: 0px 8px 0px 8px;
    font-weight: bold;
    text-decoration: none;
}

.ShippingOptionSelection_Disabled{
    opacity: 0.3;
}

.ShippingOptionSelection_Title{
    font-size: 20px;
    display: none;
}