/* CSS Document */

/* Table of Contents
=================================================================================================================== 
	#TYPOGRAPHY - GOOGLE FONT
	#GENERAL STYLES (inc form)
    #TOP NAV BAR                    -Andy
    #HOME PAGE                      -Andy
    #GRID (homepage but could be extended) -Andy
	#Login and drop down elements   -Andy
	#modal popup jquer ui elements  -Stuart
	#USER ACCESS CLASSES            -Dan
    #Page header buttons            -Dan
	#Home page navigation           -Andy
    #LEFTNAV                        -Andy
    #BUTTONS                        -Stuart
    #PAGE CONTENT LAYOUT            -Stuart
    #RETAILER SELECTION             -Stuart
    #RETAILER TREE                  -Stuart
    #RETAILER SCREENS               -Stuart
    #AUTOCOMPLETE                   -Stuart
    #RIGHTCLICKMENU                 -Stuart
    #NOTESMODAL                     -Staurt
    #BANNERSMODAL                   -Stuart
    #COMPARRISON                    -Stuart
    #RIGHTCLICKMENU                 -Stuart
    #SYSTEMMESSAGEMODAL             -Kai
	#MISC
*/


 /* #TYPOGRAPHY - Google font
=================================================================================================================== */
/*Google web fonts*/
/*f
font-family: 'PT Serif', Times, serif;  //normal 400 / Bold 700
font-family: 'PT Sans', Trebuchet, sans-serif; //normal 400 / Bold 700
font-family: 'Shadows Into Light', cursive; // normal
font-family: 'Roboto', sans-serif; // normal 400, medium 500, Bold 700, Ultra Bold 900,
*/

/* #GENERAL STYLES
=================================================================================================================== */

html
{
    height:100%;
}

body
{
    font-size: .80em;
    font-family: "PT Sans", Arial, Sans-Serif , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #333333;
}

.HomepageBody
{
    background-color:#61AAB3;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.HomepageBody
{
    background-color:#61AAB3;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

a:link, a:visited
{
    color: #FFFFFF;
    text-decoration: none;
}

a:hover
{
    color: #FFFFFF;
}

a:active
{
    color: #FFFFFF;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}

input[type=submit]
{
    cursor:pointer;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

.footer
{
    position:fixed;
    bottom:0;
    clear:both;
    float:left;
    width:100%;
}

.TextBox
{
    height:16px;
    width:193px;
    border:1px solid #7F9DB9;
    color:#666666;
    font-family: "PT Sans", Arial, Sans-Serif, "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    font-size:13px;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:5px;
}


.HomeDropDown
{
    height:23px;
    width:253px;
    border:1px solid #7F9DB9;
    color:#666666;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    font-size:12px;
    padding-top:1px;
    padding-bottom:2px;
    padding-left:3px;
    margin-bottom:4px;
}


.DropDown
{
    height:23px;
    width:253px;
    border:1px solid #7F9DB9;
    color:#666666;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    font-size:12px;
    padding-top:1px;
    padding-bottom:2px;
    padding-left:3px;
    margin-top:4px;
    margin-bottom:4px;
}

.SubDropDown
{
    height:21px;
    width:251px;
    color:#333333;
    font-family: "PT Sans", Arial, Sans-Serif , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    font-size:12px;
    padding-top:1px;
    padding-left:20px;
    background-image: url('Images/Icons/Plus.png');
    background-repeat: no-repeat;
}

.StandardButton
{
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    font-size:12px;
    color:#000000;
}

.FormLabel
{
	font-family:"PT Sans", Arial, Sans-Serif;
	font-size:18px;
	font-weight:bold;	
	color:#6987a3;
	margin-right:10px;
}

.ModalFormLabel
{
	font-family:"PT Sans", Arial, Sans-Serif;
	font-size:18px;
	font-weight:bold;	
	color:#5a9aa8;
	margin-right:10px;
}

.PageForm
{
	font-family:"PT Sans", Arial, Sans-Serif;
	font-size:14px;	
	color:#ffffff;
	font-weight:bold;
	line-height:18px;
}

.FormText
{
	font-family:"PT Sans", Arial, Sans-Serif;
	font-size:14px;	
	color:#000000;
	line-height:18px;
}

.FormTextLarge
{
	font-family:"PT Sans", Arial, Sans-Serif;
	font-size:18px;
	font-weight:bold;	
	color:#000000;
}

.ScrollingControlContainer
{
    overflow-x: hidden;
    overflow-y: scroll;
}

.ScrollingCheckBoxList
{
    border: 1px #808080 solid;
    /*margin: 10px 10px 10px 10px;*/
    height: 300px;
    background-color:#FFFFFF;
}

.RetailerName
{
	font-family:"PT Sans", Arial, Sans-Serif;
	font-size:20px;
	font-weight:bold;	
	color:#6987a3;
	line-height:28px;
}

.Attribute
{
	font-family:"PT Sans", Arial, Sans-Serif;
	font-size:15px;
	font-weight:bold;	
	color:#333333;
	line-height:20px;
}

.Year
{
	font-family:"PT Sans", Arial, Sans-Serif;
	font-size:15px;
	color:#333333;
	line-height:20px;
}

.MainTitle
{
    font-size: 24px;
    color: #333333;
    font-family:"PT Sans", Arial, Sans-Serif, Arial;
}

/* #TOP NAV BAR
=================================================================================================================== */

.Header
{
	height:35px;
	background:url('Images/HeaderBackground.png');
	background-repeat:repeat-x;	
	font-family:"PT Sans", Arial, Sans-Serif;
	font-size:13px;	
	color:#cccccc;	
}

.Header .left
{ 
    float:left;
    width:60%; 
    height:35px;
}

.Header .right
{
	float: right;
	width:40%;
}

.Header .Home
{
	background:url('Images/ToolBarSprite.png') 0 -70px;
	background-repeat:no-repeat;
	height:18px;
	padding-left: 15px;
	margin-left:10px;
	font-size:14px;
}

.Header .loginDisplay
{
    font-size: 1.1em;
    display: block;
    color: #ffffff;
    text-align:right;
    float:right;
}

.Header .Welcome
{
	color:#99ccff;	
	text-decoration:none;
	background-repeat:no-repeat;
}

.Header .Version
{
	text-decoration:none;
	background-repeat:no-repeat;
	padding-right:20px;
}

.Header .Tools
{
	background:url('images/ToolBarSprite.png') 0 0;
	background-repeat:no-repeat;
	padding-left:35px;
	padding-top: 10px;
	height:25px;
	width: 70px;
	margin-left:20px;
	margin-right:10px;
	float:left;
	font-size:14px;
	cursor:pointer;
}

.Header .Tools:hover
{
	text-decoration:none;
	background:url('images/ToolBarSprite.png') 0 -35px;
	background-repeat:no-repeat;
	background-color:#C4E3E8;
	color: #000000;
}
.HeaderToolsOn
{
	text-decoration:none;
	background:url('images/ToolBarSprite.png') 0 -35px !important;
	background-repeat:no-repeat !important;
	background-color:#C4E3E8 !important;
	color: #000000;
}

.Header .ToolsDropdown
{
    display:none; 
    position:absolute; 
    top:36px;
    left:119px;
    background-color:#C4E3E8;
    padding:15px 10px 15px 10px;
    width:220px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    z-index:1000;
}

.Header .ToolsDropDownItemHolder
{
    clear:both;
    float:left;
    height:29px;
    width:210px;
    padding-top:12px;
	border-bottom:1px solid #AACDD3;
	cursor: pointer;
}

.Header a.ToolsDropDownItem
{
    width:205px;
    height:22px;
    background-color:#C4E3E8;
    padding-top:6px;
    padding-left:5px;
	color:#323232;	
	text-decoration:none;
	padding-left:10px;
}

.Header a.ToolsDropDownItem:hover
{
    background-color:#AFDAE0;
	color:#00637A;	
	padding:5px 10px 5px 10px;
}

.Header .avatar-dropdown
{
    display:none; 
    position:absolute; 
    right:2px; 
    top:36px;
    z-index:1000;
     clear:both;
    float:left;
    width:400px;
    background-color:#C4E3E8;
    text-align:left;
	color:#323232;	
	text-decoration:none;
	padding:20px 10px 20px 10px;	
	-moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}


/* #HOME PAGE
=================================================================================================================== */
/* this is used on the master page for all pages barring the homepage to make the shadow - the homepage gets its shadow from the homepage section */
.MasterpageShadow
{
    clear:both;
    float:left;
    width:100%;
	background-image:url('Images/HeaderShadow.png');
	background-repeat:repeat-x;	
	background-position:top;
}

#Homepage 
{
    clear:both;
    float:left;
    width:100%;
}

.HomepageShadow
{
    clear:both;
    float:left;
	width:100%;
	height:5px;
	background-image:url('Images/HeaderShadowBlue.png');
	background-repeat:repeat-x;	
}

#Homepage .HomepageBox
{
    float:left;
    width:200px;
    height:210px;
    background-image:url('Images/HomepageBox.png');
	background-repeat:no-repeat;
	padding-right:12px;
	padding-bottom:12px;
	position: relative;
}

#Homepage .HomepageBoxContent
{
    text-align:center;
    position: relative;
    z-index: 10;
    padding-top: 130px;
}

#Homepage .GridHolder
{
    clear:both;
    float:left;
    width:100%;
    padding-top:10px;
    height:100%;
}

.GridHolder
{
    clear:both;
    float:left;
    width:100%;
    padding-top:10px;
}

#Homepage .Grid
{
    width:100%;
}

.HomepageBox .Retailer
{
    background:url('Images/HomePageSprite.png') 0 -295px;
    background-repeat:no-repeat;
    position:absolute;
    top:0;
    left:15px;
    width:170px;
    height:120px;
    pointer-events:none;
}

.HomepageBox .Country
{
    background:url('Images/HomePageSprite.png') 0 -140px;
    background-repeat:no-repeat;
    position:absolute;
    top:0;
    left:15px;
    width:170px;
    height:120px;
    pointer-events:none;
}
.HomepageBox .Tools
{
    background:url('Images/HomePageSprite.png') 0px -605px;
    background-repeat:no-repeat;
    position:absolute;
    top:0;
    left:15px;
    width:170px;
    height:120px;
    pointer-events:none;
}
.HomepageBox .Upload
{
    background:url('Images/HomePageSprite.png') 0px -775px;
    background-repeat:no-repeat;
    position:absolute;
    top:0;
    left:15px;
    width:170px;
    height:120px;
    pointer-events:none;
}
.HomepageBox .Macro
{
    background:url('Images/HomePageSprite.png') 0px -445px;
    background-repeat:no-repeat;
    position:absolute;
    top:0;
    left:5px;
    width:190px;
    height:120px;
    pointer-events:none;
}
.HomepageBox .Admin
{
    background:url('Images/HomePageSprite.png') 0px 10px;
    background-repeat:no-repeat;
    position:absolute;
    top:0;
    left:15px;
    width:170px;
    height:120px;
    pointer-events:none;
}

.SectionName
{
	font-family:"PT Serif", Arial, Sans-Serif;
	font-size:24px;	
	color:#FFFFFF;	
	font-weight:bold;
	text-decoration:none;
}

.Intro
{
	font-family:"PT Sans", Arial, Sans-Serif;
	font-size:16px;	
	color:#ffffff;
	line-height:22px;
}

.Intro a
{
	font-family:"PT Sans", Arial, Sans-Serif;
	font-size:16px;	
	color:#ffffff;
	line-height:19px;
	text-decoration:underline;
}

.Intro a:hover
{
	font-family:"PT Sans", Arial, Sans-Serif;
	font-size:16px;	
	color:#ffffff;
	line-height:19px;
	text-decoration:underline;
}

.IntroHeading
{
	font-family:"PT Sans", Arial, Sans-Serif, Arial;
	font-size:24px;	
	color:#ffffff;
	line-height:28px;
}

/* #GRID (homepage)
=================================================================================================================== */
.Grid
{
    font-family: "PT Sans", Arial, Sans-Serif;
	color:#000000;
	font-size:14px;
	border:1px solid #d0d7e5;
	border-collapse:collapse;
	padding:0; 
	width:100%;
	text-align:right;
	vertical-align:middle;   
}

.Grid .Item
{
    border:1px solid #d0d7e5;
	border-collapse:collapse;
	padding: 0px 5px 0px 0px;
	vertical-align:middle; 
}

.Grid .Header
{
    font-weight:bold; 
	font-size:15px;
	padding: 0px 5px 0px 0px; 
	text-align:left;
	text-align:right;
	background-color:#a5d5dc;
	color:#006479;
	height:35px;
	vertical-align:middle;
}

/* #Login and drop down elements
=================================================================================================================== */


nav {
  position: relative;
}
.dropdown-toggle {
  padding: .5em 1em;
}
ul.dropdownn {
  display:none;
  position: absolute;
  top: 100%;
  margin-top: .5em;
  background: #777;
  min-width: 12em;
  padding: 0;
  border-radius: 0 0 .2em .2em;
    li {
      list-style-type: none;
      a {
        text-decoration: none;
        padding: .5em 1em;
        display: block;
      }
   }
}



/* #modal popup jquer ui elements
=================================================================================================================== */
/*
## First lets format our general modal popups, messages and options ##*/
/*SJS First option is our new page full loading gif ...*/
.load-screen {
    width: 100%;
    height: 100%;
    background: url("Images/loading.gif") no-repeat center;
    position: fixed;
    opacity: 0.2;
    z-index: 9999;
}

.ui-dialog {
    left: 0;
    outline: 0 none;
    padding: 0 !important;
    position: absolute;
    top: 0;
}

.ui-widget {
    font-family: "PT Sans", Arial, Sans-Serif, Verdana,Arial,sans-serif;
    border: 0px solid #FFFFFF;
}

.ui-widget-content
{
    background: #02526D;
    color: #FFFFFF;
    font-family:"PT Sans", Arial, Sans-Serif, Arial;
}

.ui-widget-header
{
    background: #02526D;
    border: 0;
    color: #fff;
    font-weight: bold;
}

.ui-dialog .ui-dialog-titlebar 
{
    text-align: left;
    padding-left: 20px;
    padding-top: 20px;
    position: relative;
    font-size: 1.5em;
    text-transform:uppercase;

}

.ui-dialog-titlebar-close
{
    float:right;
    background-image: url('Images/Buttons/Cross.png');
    background-repeat: no-repeat;
    background-size: 20px 20px;
    border: 0;
    border-radius: 20px;
    position: absolute;
    top: -10px;
    right:-10px;
    height: 20px;
    width: 20px;
    text-align:center;
    vertical-align: middle;
    cursor:pointer;
}

.ui-dialog .ui-dialog-content {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    overflow: auto;
    position: relative;
    padding: 0 !important;
}

.ui-dialog-buttonset
{
    text-align: center;
    margin-bottom: 10px;
}
/*
## Now Specific Modals
## First Access Wizard ##*/

.AccessWizardModalStyle .ui-iconAccessWizard
{
    float:left; 
    width: 180px;
    height: 250px;
    background-image:url('Images/Error_Padlock.png');
    background-repeat: no-repeat;
    margin: 20px 0px 0 20px;
}
.AccessWizardModalStyle .ui-contentAccessWizard
{
    float:right;
    height: 210px;
    width: 620px;
    margin-top: 40px;
    vertical-align:middle;
}
.AccessWizardModalStyle .ui-contentAccessOptions
{
    float:left;
    width: 850px;
    margin-bottom: 10px;
    text-align: center;
}
.AccessWizardModalStyle .ui-contentAccessWizard .AccessWizardCheckedOut
{
    font-weight: bold;
    text-decoration: underline;
}

/*
## System Defined Modal messages ##*/

.SystemModalMessage {
    width: 700px !important;
}

.SystemModalMessage .ui-iconSystemModal
{
    background-image:url('Images/Modals/Modal_Warning.png') !important;
    background-repeat: no-repeat;
    background-size: 65px 65px;
    object-fit: cover;
    margin: 20px 0px 0 20px;
    float:left; 
    width: 80px;
    height: 100px;
}
.SystemModalMessage .systemModalTick
{   
    background-image:url('Images/Modals/Modal_Tick.png');
    background-repeat: no-repeat;
    margin: 20px 0px 0 20px;
}
.SystemModalMessage .systemModalWarn
{   
    background-image:url('Images/Modals/Modal_Warning.png');
    background-repeat: no-repeat;
    margin: 20px 0px 0 20px;
}
.SystemModalMessage .systemModalCurrency
{   
    background-image:url('Images/Modals/Modal_Currencies.png');
    background-repeat: no-repeat;
    margin: 20px 0px 0 20px;
}
.SystemModalMessage .systemModalCalendar
{   
    background-image:url('Images/Modals/Modal_Calendark.png');
    background-repeat: no-repeat;
    margin: 20px 0px 0 20px;
}

.SystemModalMessage .ui-contentSystemModal
{
    float:left;
    width: 400px;
    margin-top: 10px;
    vertical-align:middle;
 	font-size:18px;	
}


.ModalMessage
{
	font-family:"PT Sans", Arial, Sans-Serif;
	font-size:19px;	
	color:#FFFFFF;
	line-height:19px;	
	text-decoration:none;
	padding:0;
}

.SystemModalMessage .ui-dialog-titlebar
{
    height: 0px;
    padding: 0px;
}

.SystemModalMessage #div_measurewarnings 
{
     font-size: 14px;
     line-height: 40px;
     padding: 10px;
}

.SystemModalMessage #mw_violation_table 
{
    margin: 10px auto;
    font-size: 13px;
}

.SystemModalMessage #mw_violation_table, .SystemModalMessage #mw_violation_table tr,
.SystemModalMessage #mw_violation_table th,  .SystemModalMessage #mw_violation_table td
{
    border: 0.5px solid #777777;
    border-spacing: 0px;
    text-align: center;
}

.SystemModalMessage #mw_violation_table th,  .SystemModalMessage #mw_violation_table td 
{
    padding: 0 30px;
}

/* #User Access classes
=================================================================================================================== */

.uaRolesContainer .Administrator_ON
{
    background:url('Images/Users_sprite.png') 0px -840px;  
    background-repeat:no-repeat;
    height:200px;
    width:168px;  
    display:inline-block;
}

.uaRolesContainer .Administrator_OFF
{
    background:url('Images/Users_sprite.png') -178px -840px;  
    background-repeat:no-repeat;
    height:200px;
    width:168px;  
    display:inline-block;
}

.uaRolesContainer .Administrator_OFF:hover
{
    background:url('Images/Users_sprite.png') 0px -840px;  
    background-repeat:no-repeat;
    height:200px;
    width:168px;  
    display:inline-block;
}


.uaRolesContainer .Super_User_ON
{
    background:url('Images/Users_sprite.png') 0px -630px;  
    background-repeat:no-repeat;
    height:200px;
    width:168px;  
    display:inline-block;
}

.uaRolesContainer .Super_User_OFF
{
    background:url('Images/Users_sprite.png') -178px -630px;  
    background-repeat:no-repeat;
    height:200px;
    width:168px;  
    display:inline-block;
}

.uaRolesContainer .Super_User_OFF:hover
{
    background:url('Images/Users_sprite.png') 0px -630px;  
    background-repeat:no-repeat;
    height:200px;
    width:168px;  
    display:inline-block;
}

.uaRolesContainer .User_ON
{
    background:url('Images/Users_sprite.png') 0px -420px;  
    background-repeat:no-repeat;
    height:200px;
    width:168px;  
    display:inline-block;
}

.uaRolesContainer .User_OFF
{
    background:url('Images/Users_sprite.png') -178px -420px;  
    background-repeat:no-repeat;
    height:200px;
    width:168px;  
    display:inline-block;
}

.uaRolesContainer .User_OFF:hover
{
    background:url('Images/Users_sprite.png') 0px -420px;  
    background-repeat:no-repeat;
    height:200px;
    width:168px;  
    display:inline-block;
}

.uaRolesContainer .View_ON
{
    background:url('Images/Users_sprite.png') 0px -210px;  
    background-repeat:no-repeat;
    height:200px;
    width:168px;  
    display:inline-block;
}

.uaRolesContainer .View_OFF
{
    background:url('Images/Users_sprite.png') -178px -210px;  
    background-repeat:no-repeat;
    height:200px;
    width:168px;  
    display:inline-block;
}

.uaRolesContainer .View_OFF:hover
{
    background:url('Images/Users_sprite.png') 0px -210px;  
    background-repeat:no-repeat;
    height:200px;
    width:168px;  
    display:inline-block;
}

.uaRolesContainer .None_ON
{
    background:url('Images/Users_sprite.png') 0px 0px;  
    background-repeat:no-repeat;
    height:200px;
    width:168px;  
    display:inline-block;
}

.uaRolesContainer .None_OFF
{
    background:url('Images/Users_sprite.png') -178px 0px;  
    background-repeat:no-repeat;
    height:200px;
    width:168px;  
    display:inline-block;
}

.uaRolesContainer .None_OFF:hover
{
    background:url('Images/Users_sprite.png') 0px 0px;  
    background-repeat:no-repeat;
    height:200px;
    width:168px;  
    display:inline-block;
}


/* #Home page navigation
=================================================================================================================== */

.HomePageNav
{
    position: relative;
}
.HomePageNav li
{
    list-style:none;
    height: 165px;
    width: 165px;
    border: 1px solid Navy;
    margin:10px;
}
.HomePageNav .Retailer
{
    background:url('Images/HomePageSprite.png') 0 -285px;
    float:left;
}
.HomePageNav .Country
{
    background:url('Images/HomePageSprite.png') 0 -145px;
    float:left;
}
.HomePageNav .Tools
{
    background:url('Images/HomePageSprite.png') 0px -610px;
    float:left;
}
.HomePageNav .Upload
{
    background:url('Images/HomePageSprite.png') 0px -765px;
    float:left;
}
.HomePageNav .Macro
{
    background:url('Images/HomePageSprite.png') 0px -435px;
    float:left;
}
.HomePageNav .Admin
{
    background:url('Images/HomePageSprite.png') 0px 0;
    float:left;
}

/* #LEFTNAV 
=================================================================================================================== */

#LeftNavHolder
{
    clear:both;
    float:left;
    width:230px;
    padding-left:10px;
}

#LeftNavHolder .ButtonDiv
{
    clear:both;
    float:left;
    width:230px;
    height:42px;
}

#LeftNavHolder .StaticItemHolder
{
    clear:both;
    float:left;
    width:200px;
    height:20px;
    padding-top:7px;
    border-bottom:1px solid #BBD4D8;
    background-color:#C4E3E8;
    font-family:"PT Sans", Arial, Sans-Serif;
	font-size:14px;	
	color:#000000;
	padding-left:10px;
}

#LeftNavHolder .StaticItemHolder:hover
{
    clear:both;
    float:left;
    width:200px;
    height:20px;
    padding-top:7px;
    border-bottom:1px solid #BBD4D8;
    background-color:#AFDAE0;
    font-family:"PT Sans", Arial, Sans-Serif;
	font-size:14px;	
	color:#000000;
	padding-left:10px;
}


#LeftNavHolder .StaticItemHolder:active
{
    clear:both;
    float:left;
    width:200px;
    height:20px;
    padding-top:7px;
    border-bottom:1px solid #BBD4D8;
    background-color:#AFDAE0;
    font-family:"PT Sans", Arial, Sans-Serif;
	font-size:14px;	
	color:#000000;
	font-weight:bold;
	padding-left:10px;
}

#LeftNavHolder .selected
{
    background-color:#C4E3E8;
}

#LeftNavHolder .HolderDivStatic
{
    clear:both; 
    float:left; 
    width:210px; 
    padding:12px 9px 12px 8px; 
    background-color:#C4E3E8; 
    border-right:2px solid #cccccc; 
    border-left:1px solid #cccccc;
}

#LeftNavHolder .HolderDivDynamic
{
    clear:both; 
    float:left; 
    width:227px; 
    background-color:#C4E3E8; 
    border-right:2px solid #cccccc; 
    border-left:1px solid #cccccc;
}

#LeftNavHolder .ButtonHome
{
    background:url('Images/LeftNavSprite.png') 0px 0;
    width:230px;
    height:42px;
    cursor:pointer;
    background-color:#4496A1;
}

#LeftNavHolder .ButtonHome:hover
{
    background:url('Images/LeftNavSprite.png') 0px 0;
    width:230px;
    height:42px;
    cursor:pointer;
    background-color:#61AAB3;
}

#LeftNavHolder .ButtonRetailers
{
    background:url('Images/LeftNavSprite.png') 0px -47px;
    width:230px;
    height:42px;
    cursor:pointer;
    background-color:#4496A1;
}

#LeftNavHolder .ButtonRetailers:hover
{
    background:url('Images/LeftNavSprite.png') 0px -47px;
    width:230px;
    height:42px;
    cursor:pointer;
    background-color:#61AAB3;
}

#LeftNavHolder .ButtonCountries
{
    background:url('Images/LeftNavSprite.png') 0px -94px;
    width:230px;
    height:42px;
    cursor:pointer;
    background-color:#4496A1;
}

#LeftNavHolder .ButtonCountries:hover
{
    background:url('Images/LeftNavSprite.png') 0px -94px;
    width:230px;
    height:42px;
    cursor:pointer;
    background-color:#61AAB3;
}

#LeftNavHolder .ButtonTools
{
    background:url('Images/LeftNavSprite.png') 0px -141px;
    width:230px;
    height:42px;
    cursor:pointer;
    background-color:#4496A1;
}

#LeftNavHolder .ButtonTools:hover
{
    background:url('Images/LeftNavSprite.png') 0px -141px;
    width:230px;
    height:42px;
    cursor:pointer;
    background-color:#61AAB3;
}

#LeftNavHolder .ButtonMacro
{
    background:url('Images/LeftNavSprite.png') 0px -188px;
    width:230px;
    height:42px;
    cursor:pointer;
    background-color:#4496A1;
}

#LeftNavHolder .ButtonMacro:hover
{
    background:url('Images/LeftNavSprite.png') 0px -188px;
    width:230px;
    height:42px;
    cursor:pointer;
    background-color:#61AAB3;
}

#LeftNavHolder .ButtonAdmin
{
    background:url('Images/LeftNavSprite.png') 0px -235px;
    width:230px;
    height:42px;
    cursor:pointer;
    background-color:#4496A1;
}

#LeftNavHolder .ButtonAdmin:hover
{
    background:url('Images/LeftNavSprite.png') 0px -235px;
    width:230px;
    height:42px;
    cursor:pointer;
    background-color:#61AAB3;
}

#LeftNavHolder .ButtonUpload
{
    background:url('Images/LeftNavSprite.png') 0px -282px;
    width:230px;
    height:42px;
    cursor:pointer;
    background-color:#4496A1;
}

#LeftNavHolder .ButtonUpload:hover
{
    background:url('Images/LeftNavSprite.png') 0px -282px;
    width:230px;
    height:42px;
    cursor:pointer;
    background-color:#61AAB3;
}

/* #BUTTONS 
=================================================================================================================== */

.Yellow
{
    color: White;
    background-color: #F1B500;
    border: 0;
    text-align:center;
    height: 30px;
    background-repeat: no-repeat;
    background-position: right;
    font-family:"PT Sans", Arial, Sans-Serif, Arial;
    font-size:13px;
    font-weight:bold;
    cursor:pointer;

}
.Yellow:hover
{
    background-color: #EF9300;
}


.YellowHome
{
    color: White;
    background-color: #F1B500;
    border: 0;
    text-align:center;
    height: 30px;
    background-repeat: no-repeat;
    background-position: right;
    font-family:"PT Sans", Arial, Sans-Serif, Arial;
    font-size:15px;
    font-weight:bold;
    padding-left:10px;
    padding-right:10px;

}
.YellowHome:hover
{
    background-color: #EF9300;
}
.Grey
{
    color: White;
    background-color: #999999;
    border: 0;
    text-align:center;
    height: 30px;
    background-repeat: no-repeat;
    background-position: right;
       font-family:"PT Sans", Arial, Sans-Serif, Arial;
    font-size:13px;
    font-weight:bold;
}
.Grey:hover
{
    background-color: #828282;
}
a.LightGrey
{
    color: White;
    background-color: #F1B500;
    border: 0;
    text-align:center;
    height: 30px;
    font-weight:bold;
    font-family:"PT Sans", Arial, Sans-Serif, Arial;
    font-size:15px;
    padding-left:25px;
    padding-right:25px;
    padding-top:4px;
    padding-bottom:4px;
    margin:0px;
}
a.LightGreyOn
{
    color: #333333;
    background-color: #FDFDFD;
    border: 0;
    text-align:center;
    height: 30px;
    font-weight:bold;
    font-family:"PT Sans", Arial, Sans-Serif, Arial;
    font-size:15px;
    padding-left:25px;
    padding-right:25px;
    padding-top:4px;
     padding-bottom:4px;
    margin:0px;
}
a.LightGrey:hover
{
    background-color: #EF9300;
}

.Green
{
    color: White;
    background-color: #5B9AA9;
    border: 0;
    text-align:center;
    height: 30px;
    background-repeat: no-repeat;
    background-position: right;
    padding-left:10px;
    padding-right:10px;
       font-family:"PT Sans", Arial, Sans-Serif, Arial;
    font-size:13px;
    font-weight:bold;
}
.Green:hover
{
    background-color: #2B7483;
}
.Whiteish
{
    color: Black;
    font-family: "PT Sans", Arial, Sans-Serif, Arial;
    font-weight:bold;
    background-color: #FBFBFB;
    border: 0;
    text-align:center;
    height: 30px;
    background-repeat: no-repeat;
    background-position: left;
    padding-left:10px;
    padding-right:10px;
    margin-right:10px;
}
.Whiteish:hover
{
    background-color: #DDDDDD;
}
.Small
{
    height:20px;
}
.Wide
{
    width: 170px;
}
.RightRound
{
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topright: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;    
}
.LeftRound
{
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;    
}
.Round
{
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;    
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;   
}
.HomeRefresh
{
    padding-left: 40px;
    padding-right:20px;
    background-image: url('Images/Buttons/HomeRefresh.png');
    background-position:left;
}
.Cross
{
    padding-right: 40px;
    margin-right:20px;
    background-image: url('Images/Buttons/Cross.png');
}
.Download
{
    padding-right: 40px;
    background-image: url('Images/Buttons/Download.png');
}
.Export
{
    padding-right: 40px;
    background-image: url('Images/Buttons/Export.png');
}
.Refresh
{
    padding-right: 40px;
    background-image: url('Images/Buttons/Refresh.png');
}
.Swish
{
    padding-right: 40px;
    background-image: url('Images/Buttons/Swish.png');
}
.Switch
{
    padding-right: 40px;
    background-image: url('Images/Buttons/Switch.png');
}
.Tick
{
    padding-right: 40px;
    margin-right:20px;
    background-image: url('Images/Buttons/Tick.png');
}
.Upload
{
    padding-right: 40px;
    background-image: url('Images/Buttons/Upload.png');
}
.PopOut {
    height: 25px;
    width: 31px;
    cursor: pointer;
    background-image: url('Images/Buttons/New-window.png');
    background-repeat: no-repeat;
    border: 0;
}

.btn-rows-expanded {
    background-color: #5B9AA9;
}

.btn-rows-collapsed {
    background-color: #999999;
}




/* PAGE CONTENT LAYOUT
=================================================================================================================== */

.PageContentContainer
{
    clear:both;
    float:left;
    background-color:#EDEDED; 
    border-left:1px solid #CCCCCC;
    border-bottom:2px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    width:99%;
}

.ContentContainer
{
    clear:both; 
    float:left;
    min-height:400px;
    padding: 10px 0px 20px 0px;
    width:100%;
}

#staticContentHeader
{
    clear:both; 
    float:left;
    background-color:#61AAB3;
    padding:15px 0px 25px 0px;
    width: 100%;
}

.staticContentTitle
{
    font-family:"Roboto";
	font-size:30px;	
	color:#FFFFFF;	
	text-decoration:none;
	padding-left:10px;
    
}

.staticContentSummary
{
    font-family:"PT Sans", Arial, Sans-Serif;
	font-size:14px;	
	color:#FFFFFF;
	line-height:19px;	
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
	display:block;
}

.staticContentSummary a
{
    font-family:"PT Sans", Arial, Sans-Serif;
	font-size:14px;	
	color:#FFFFFF;
	line-height:19px;	
	text-decoration:underline;
}

.staticContentSummary a:hover
{
    font-family:"PT Sans", Arial, Sans-Serif;
	font-size:14px;	
	color:#FFFFFF;
	line-height:19px;	
	text-decoration:underline;
}
	                        
/* #RETAILER SELECTION 
=================================================================================================================== */

.groupElement-container 
{
	width:400px;
}
.groupElement-locked
{
    background-image: url('Images/Icons/locked.png') !important;
    background-size: 20px 20px;
    background-position: left;
    background-repeat: no-repeat;
    color: #FF3300;
    padding-left: 20px;
}
.groupElement-container:hover
{
	width:400px;
	background-color: #c8c8c8;
	cursor:pointer;
}
.groupElement-container.optsel
{
	width:400px;
	background-color: #c8c8c8;
	cursor:pointer;
}                       
.groupElement-relations
{
	height:440px; 
	padding:5px;
}
		                        
/* #RETAILER TREE 
=================================================================================================================== */
/*First when we list the retailers */
.RetailerList
{
    clear: both;
    float: left;
    width: 180px;
    min-height: 20px;
    border-bottom: 1px solid #EBEBEB;
    font-family: "PT Sans", Arial, Sans-Serif;
    font-size: 14px;
    color: Black;
    padding-left: 5px;
    padding-top:5px;
    border-bottom-color: #C0C0C0;
}
.RetailerList
{
    color: Black !important;
}
.RetailerList:hover
{
	background-color: #C4E3E8;
	cursor:pointer;
/*    color: #FFFFFF !important;  */
}
.RetailerListSelected
{
    background-color: #C4E3E8;
 /*    color: #FFFFFF !important; */
}
.RetailerListCheckedOut
{
    background-image: url('Images/Icons/locked.png') !important;
    background-size: 20px 20px;
    background-position: left;
    background-repeat: no-repeat;
    padding-left:20px;
}
.RetailerListFranchise
{
    background-image: url('Images/Icons/franchise.png') !important;
    background-size: 13px 13px;
    background-position: left;
    background-repeat: no-repeat;
    padding-left:19px;
}
.RetailerListJointVenture
{
    background-image: url('Images/Icons/jointventure.png') !important;
    background-size: 20px 20px;
    background-position: left;
    background-repeat: no-repeat;
    padding-left:19px;
}
.CountryStageData
{
    background-image: url('Images/Icons/countryedit.png');
    background-size:15px 15px;
    background-position: right;
    background-repeat: no-repeat;
}

/*And than wherever a retailer tree is displayed */
.RetailerTree
{
    width:100%;
}

/* ALL ELEMENTS */

.NodeStyle 
{
    clear: both;
    float: left;
    /*width:100% !important;  */
    min-height: 23px;
    font-family: "PT Sans", Arial, Sans-Serif;
    font-size: 14px;
    color: Black;  
}

.NodeStyle a:link, .RetailerTree a:visited
{
    padding-top: 3px;
    background-image: url('Images/Icons/Arrow_Off.png');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 14px 11px;
    padding-left: 20px;
    width: 370px;
    border-bottom: 1px solid #C0C0C0 !important;
    color: Black;
    text-decoration: none;
}

.NodeStyleLookGood
{
    background-image: url('Images/Icons/Arrow_Off.png');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 14px 11px;
    padding-left: 20px;
    border-bottom: 1px solid #C0C0C0 !important;
    width: 340px;    
}

.SelectedNodeStyle 
{ 
    background-color: #C4E3E8;
    color: #black !important;
    font-weight: bold; 
}


/* Now the retailer tree for the retailer relationship popup is a little different */

.RetailerTreeRel table span 
{ 
    padding-top:3px; 
    background-image: url('Images/Icons/Arrow_Off.png'); 
    background-repeat: no-repeat; 
    background-position: left; 
    background-size: 14px 11px; 
    padding-left:20px; 
    border-bottom: 1px solid #C0C0C0 !important; 
    width:85%;
}
/* ALL ELEMENTS */
.NodeStyleRel
{
    clear: both;
    float: left;
    min-height: 23px;
    font-family: "PT Sans", Arial, Sans-Serif;
    font-size: 14px;
    color: Black;
    width:650px;
}
.RootNodeStyleRel
{
    width:610px !important; 
    background-color: #A5D6DD;
    color: #006478;
    font-weight: bold;
}
.SelectedNodeStyleRel
{
    color: black !important;
    display:block; 
    font-weight: bold; 
}


/* #RETAILER SCREENS 
=================================================================================================================== */

.DataEnvironment
{
    background-image: url('Images/Icons/icon_Warning.png');
    background-repeat: no-repeat;
    padding-left: 20px;
    text-transform:uppercase;
    padding-bottom:10px;
    font-family: "PT Sans", Arial, Sans-Serif, Arial;
    font-size:14px;
    margin-top:20px;
    margin-bottom:20px;
}
.DataEnvironment a
{
    color: #1D74A1;
    font-family: "PT Sans", Arial, Sans-Serif, Arial;
    font-size:12px;
    text-transform:capitalize;
    text-decoration: underline;
    margin-top:20px;
    margin-bottom:20px;
}

/* Tool Tip Standards */
.quickLinks
{
    clear:both;
    float:left;
    height: 40px;
    vertical-align: text-bottom;
    margin-top:20px;
}
.quickLinks .MainTitle
{
    font-size: 26px;
    padding-right: 20px;
    font-family:"PT Sans", Arial, Sans-Serif, Arial;
       color: #333333;
}
.quickLinks 
{    
    color: #656565;
}


.quickLinks a:hover 
{    
    color: #656565;
    text-decoration:underline;
}

.EditDetails
{
    font-family:"PT Sans", Arial, Sans-Serif, Arial;
    font-size:10pt;
    color:#666666;
}

.quickLinks a.quickLinkKey
{
    margin-left:20px;
    padding-left: 20px;
    background-image: url('Images/Icons/Icon_Key_Off.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    cursor: pointer;
    color: #656565;
}
.quickLinks a.quickLinkKey:hover
{
    color: #656565;
    text-decoration: none;
    background-image: url('Images/Icons/Icon_Key_On.png');
    background-size: 16px 16px;
}

.quickLinks a.quickLinkInfo 
{
    display:inline-block;
    margin-left:20px;
    padding-top:3px;
    padding-left: 25px;
    background-image: url('Images/Icons/Alert.png');
    background-repeat: no-repeat;
    background-size: 23px 23px;
    height:25px;
    cursor: pointer;
}
.quickLinks a.quickLinkQtn
{
    display:inline-block;
    padding-right: 10px;
    background-image: url('Images/Icons/Question_small.png');
    background-repeat: no-repeat;
    background-size: 10px 10px;
    height:25px;
    cursor: pointer;
}

.quickLinks a.quickLinkBanners
{
    display:inline-block;
    margin-left:20px;
    padding-left:30px;
    background-image: url('Images/Modals/Banners.png');
    background-repeat: no-repeat;
    background-size: 30px 23px;
    height:25px;
    cursor: pointer;
    text-decoration: none;
}

.quickLinks a.quickLinkExist
{
    border-bottom: 1px solid Red;
}

.quickLinks a.quickLinkNotes
{
    display:inline-block;
    margin-left:20px;
    padding-left:30px;
    background-image: url('Images/Modals/Notes.png');
    background-repeat: no-repeat;
    background-size: 25px 23px;
    height:25px;
    cursor: pointer;
    text-decoration: none;
}

/*SJS P001DC-002470 extract changing*/
.quickLinks a.quickLinkExtract
{
    margin-left:10px;
    padding-left:30px;
    background: url('Images/Icons/rightClickSprite.png') no-repeat 0px -96px;
    cursor:pointer;
}

.tooltiptext
{
    display:none;
    clear:both;
    float:left;
    background-color:#02526D;
    color:#ffffff;
    font-family:Arial;
    font-size:12px;
}

/* Format menu tabs */

ul { padding:0; margin:0; list-style-position:inside; }
li { padding:0; margin:0; list-style-position:inside; }

.FormatTabs ul
{
    list-style-type:none;
    list-style-position:inside;
    margin:0;
    padding:0;
    overflow: hidden;
    height: 40px;
}
.FormatTabs li
{
    list-style-position: inside;
    width:75px;
    border: 1px solid #A5D6DD;
    background-color: #E1EBED;
    display:inline;
    cursor:pointer;
    padding: 8px 8px 10px 8px;
    font-family:"PT Sans", Arial, Sans-Serif, Arial;
    font-weight:bold;
	font-size:14px;
	text-transform:uppercase;
	color:#006479;
}
.FormatTabs li.selected
{
    background-color: #A5D6DD;
    padding-top:12px;
}
.FormatTabs li.noteditable
{
    font-style:italic;
    text-decoration:underline;
}

.FormatNavFirst
{
    width:25px;
    height:20px;
    float:left;
    border: 0;
    cursor:pointer;
    background: url('Images/Buttons/FormatNavSprite.png') 0 0;
}
.FormatNavPrev
{
    width:25px;
    height:20px;
    float:left;
    border: 0;
    cursor:pointer;
    background: url('Images/Buttons/FormatNavSprite.png') -25px 0;
}
.FormatNavNext
{
    width:25px;
    height:20px;
    float:left;
    border: 0;
    cursor:pointer;
    background: url('Images/Buttons/FormatNavSprite.png') -50px 0;
}
.FormatNavLast
{
    width:25px;
    height:20px;
    float:left;
    border: 0;
    cursor:pointer;
    background: url('Images/Buttons/FormatNavSprite.png') -75px 0;
}

/*Retailer Operative Add Edit **********/
/*TODO: put this in a generic area */
.radioList input[type="radio"]
{
  font-size: 10px;
  color:#999999;
  vertical-align: text-bottom;
}

.checkBox input[type="checkbox"]
{
    vertical-align: middle;
}

/*EndRetailer Operative Add Edit ******/


/* #AUTOCOMPLETE
=================================================================================================================== */
.ui-helper-hidden-accessible { display:none; }
.autocompleteui { width:150px !important; margin:0; background-color:White; color:Purple; list-style-type: none !important; overflow-y:scroll ; overflow-x: hidden; z-index:1000; min-height:20px;}
.autocompleteui li a:hover { color: Navy; cursor:pointer; }
input.watermark { color: #999; }


/* #NOTESMODAL
=================================================================================================================== */

.NotesModal { margin: 0; overflow: hidden; }
.NotesModal .row, .col { overflow: hidden; }
.NotesModal .row { left: 0; right: 0; }
.NotesModal .col { top: 0; bottom: 0; }
.NotesModal .scroll-x { overflow-x: hidden; }
.NotesModal .scroll-y { overflow-y: auto; }
.NotesModal .header.row { top: 0; width:100%;  padding-left:15px;}
.NotesModal .body.row { width:100%;  padding-left:15px;}
.NotesModal .footer.row { position: absolute; bottom: 0; padding-bottom:5px; width:100%;}

.NotesDialogStyle .ui-dialog-title
{
    vertical-align: middle;
    padding-top: 10px;
    padding-left: 40px;
    background: url('Images/Modals/Notes.png') no-repeat;
    font-weight: bold;
    font-size: large;
    /*text-transform: uppercase;*/
}

.NotesDialogStyle .NoteTitle
{
    color: #a5d6dd;
    font-weight:bold;
}

/* #BANNERSMODAL
=================================================================================================================== */

.BannersModal { margin: 0; overflow: hidden; }
.BannersModal .row, .col { overflow: hidden; }
.BannersModal .row { left: 0; right: 0; }
.BannersModal .col { top: 0; bottom: 0; }
.BannersModal .scroll-x { overflow-x: hidden; }
.BannersModal .scroll-y { overflow-y: auto; }
.BannersModal .header.row { top: 0; width:100%;}
.BannersModal .body.row { width:100%;}
.BannersModal .footer.row { position: absolute; bottom: 0; padding-bottom:5px; width:100%;}

.BannersDialogStyle .ui-dialog-title
{
    vertical-align: middle;
    padding-top: 20px;
    padding-left: 60px;
    background: url('Images/Modals/Banners.png') no-repeat;
    font-weight: bold;
    font-size: large;
    text-transform: uppercase;
}

.BannersDialogStyle .BannerDetails
{
    border:1px solid White;
    margin:1px;
}

.BannersDialogStyle .BannerDetailsDelete
{
    float:left;
    width:20px;
    background: url('Images/Buttons/Cross.png') no-repeat;
    background-size: 20px 20px;
    cursor: pointer;
}


/* #COMPARRISON
=================================================================================================================== */

.ComparisonDetails
{
    background-color: White;
}

/* #RIGHTCLICKMENU
=================================================================================================================== */

.RetailerNotesRightClickMenu
{
    list-style-type: none;
    padding-left:0;
    width:35px;
    padding:0px; 
    margin:0px; 
    background-color:transparent; 
    border:0;
}

.RetailerNotesRightClickMenu li
{
    background: url('Images/Icons/rightClickSprite.png') no-repeat 0px -210px;
    cursor: pointer;
    height:30px; 
    width:30px;
}

.RetailerNotesRightClickMenu li:hover
{
    border: 1px solid #237A96;
}

.gridRightClickMenu
{
    list-style-type: none;
    background-color: #02526D;
    border-bottom: 1px solid #237A96;   
    padding-left:0;
    width:195px;
}

.gridRightClickMenu
{
    list-style-type: none;
    background-color: #02526D;
    border-bottom: 1px solid #237A96;   
    padding-left:0;
    width:195px;
}

.gridRightClickMenu li
{
    border-top: 1px solid #237A96;
    background-color: #02526D;
    cursor: pointer;
    color:#ffffff;
    height:30px; 
    width:175px;
    padding-left:30px;
    padding-top:3px;
    padding-right:20px;
}

.gridRightClickMenu li.Copy
{
    background: url('Images/Icons/rightClickSprite.png') no-repeat 0px 0px;
    background-color: #02526D;
}
.gridRightClickMenu li.Paste
{
    background: url('Images/Icons/rightClickSprite.png') no-repeat 0px -30px;
    background-color: #02526D;
}
.gridRightClickMenu li.Clear
{
    background: url('Images/Icons/rightClickSprite.png') no-repeat 0px -60px;
    background-color: #02526D;
}
.gridRightClickMenu li.Extract
{
    background: url('Images/Icons/rightClickSprite.png') no-repeat 0px -90px;
    background-color: #02526D;
}
.gridRightClickMenu li.Actual
{
    background: url('Images/Icons/rightClickSprite.png') no-repeat 0px -120px;
    background-color: #02526D;
}
.gridRightClickMenu li.Lock
{
    background: url('Images/Icons/rightClickSprite.png') no-repeat 0px -150px;
    background-color: #02526D;
}
.gridRightClickMenu li.AddNote
{
    background: url('Images/Icons/rightClickSprite.png') no-repeat 0px -180px;
    background-color: #02526D;
}


.gridRightClickMenu  li.EstAnalyst
{
    background: url('Images/Icons/rightClickSprite.png') no-repeat 0px -210px;
    background-color: #02526D;
}
.gridRightClickMenu  li.EstSystem
{
    background: url('Images/Icons/rightClickSprite.png') no-repeat 0px -240px;
    background-color: #02526D;
}
.gridRightClickMenu  li.Reset
{
    background: url('Images/Icons/rightClickSprite.png') no-repeat 0px -270px;
    background-color: #02526D;
}
.gridRightClickMenu  li.Unlock
{
    background: url('Images/Icons/rightClickSprite.png') no-repeat 0px -300px;
    background-color: #02526D;
}
.gridRightClickMenu  li.EditNote
{
    background: url('Images/Icons/rightClickSprite.png') no-repeat 0px -330px;
    background-color: #02526D;
}
.gridRightClickMenu li.NoForecast
{
    background: url('Images/Icons/binoculars.png') no-repeat 0px -360px;
    background-color: #02526D;
}

.gridRightClickMenu li:hover, 
.gridRightClickMenu  li.Copy:hover, 
.gridRightClickMenu  li.Paste:hover, 
.gridRightClickMenu  li.Clear:hover, 
.gridRightClickMenu  li.Extract:hover, 
.gridRightClickMenu  li.Actual:hover, 
.gridRightClickMenu  li.Lock:hover, 
.gridRightClickMenu  li.AddNote:hover,
.gridRightClickMenu  li.EstAnalyst:hover, 
.gridRightClickMenu  li.EstSystem:hover, 
.gridRightClickMenu  li.Reset:hover, 
.gridRightClickMenu  li.Unlock:hover, 
.gridRightClickMenu  li.EditNote:hover
{
    background-color: #F1B401;
    height:30px; 
    width:175px;
    padding-left:30px;
    padding-top:3px;
    padding-right:20px;
}  

/* #SYSTEMMESSAGEMODAL 
=================================================================================================================== */
          
MainContent_MainContent_msgAlert_MainContentDiv{
    background-color: yellow;
}

/* #MISC 
=================================================================================================================== */

.NavigationMenu
{
    float: left;
    overflow: hidden;
}

.NavigationMenuOff
{
    float:left;
    cursor:pointer;
    background: url('Images/LeftNavSprite.png') -15px -394px;
    background-repeat: no-repeat;
    height: 70px;
    width: 30px;
}

.NavigationMenuOn
{
    float:left;
    cursor:pointer;
    background: url('Images/LeftNavSprite.png') -15px -323px !important;
    background-repeat: no-repeat;
    height: 70px;
    width: 30px;
}
.clear
{
    clear: both;
}

.ClearLeft
{
    clear:both;
    float:left;
}

.ClearRight
{
    clear:both;
    float:right;
}

.Left
{
    float:left;
}

.Right
{
    float:right;
}

.bold
{
    font-weight: bold;
}

.hide

{
    display: none;
}

.show
{
    display: block;
}

.LoggingView
{
    width:100%;
    border: 1px solid green;
}

.btn {
    color: white;
    display: inline-block;
    padding: 1px 8px;
    margin-bottom: 0;
    font-weight: 400;
    font-family: "PT Sans", Arial, Sans-Serif, Arial;
    font-size: 13px;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn-primary {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-default.active, .open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.checkbox label .toggle,.checkbox-inline .toggle{margin-left:-10px;margin-right:5px}
.toggle{position:relative;overflow:hidden}
.toggle input[type=checkbox]{display:none}
.toggle-group{position:absolute;width:200%;top:0;bottom:0;left:0;transition:left .35s;-webkit-transition:left .35s;-moz-user-select:none;-webkit-user-select:none}
.toggle.off .toggle-group{left:-100%}
.toggle-on{position:absolute;top:0;bottom:0;left:0;right:50%;margin:0;border:0;border-radius:0}
.toggle-off{position:absolute;top:0;bottom:0;left:50%;right:0;margin:0;border:0;border-radius:0}
.toggle-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:100%;width:0;border-width:0 1px}
/*.toggle.btn{min-width:59px;min-height:34px}*/
.toggle-on.btn{padding-right:20px}
.toggle-off.btn{padding-left:20px}
.toggle.btn-lg{min-width:79px;min-height:45px}
.toggle-on.btn-lg{padding-right:31px}
.toggle-off.btn-lg{padding-left:31px}
.toggle-handle.btn-lg{width:40px}
.toggle.btn-sm{min-width:50px;min-height:30px}
.toggle-on.btn-sm{padding-right:20px}
.toggle-off.btn-sm{padding-left:20px}
.toggle.btn-xs{min-width:35px;min-height:22px}
.toggle-on.btn-xs{padding-right:12px}
.toggle-off.btn-xs{padding-left:12px}