body 
{
	background: url("../Images/background.jpg") repeat-y scroll center 0 transparent;
	font-family: arial, Helvetica,sans-serif;
	font-size:12px;
	/*text-align:center;*/
	margin:0px;
}

input, select
{
	font-size:96%;
}

a
{	
	color: #261257;
}

a:hover
{
	color: #f68b33;
}

/* for floating browser bugs */
.clear
{
	clear: both;
}

.validationMessage
{
	color: #ff0000;
    font-size: 92%;
}

.validationMessageLarge
{
	color: #ff0000;    
}

.successMessage
{
	color: #238E23;
    font-size: 92%;
}

.popupBody
{
	padding:10px;
}

.Panel 
{
	margin: 7px 5px 0 0;
}

ul.level0
{
	margin:0px;
	padding:0px;
	font-size:10px;
}

ul.level1
{
	margin:10px;
	padding:0px;
	font-size:10px;
}

h1, .Heading1
{
	font-size: 170%;
	color:#0480a6;
}

div.LeftMenu {
	float:left;
	width:135px;
	margin-top:15px;
}

div.MainContent {
	float:right;
	width:835px;
	margin-top:15px;	
}


.DataGrid
{
	margin-top:10px;	  
	background-color:#F5F5F5;           
}

.DataGridHeader,.DataGridHeader a
{
	font-weight: bold;
	font-size: 100%;
	color: black;
	background-color: #c0c0c0;	
	height: 23px;	
	text-decoration: none;
}

.DataGrid tr
{	
    padding: 5px 10px;
}

.DataGrid td
{	   
	height: 24px;
    font-size: 92%; 
    padding: 2px 5px 2px 5px;    
}

.DataGridAlternateItemStyle
{
	background-color: #e5e5e5;
}

.Caption 
{
	font-weight: bold;
	font-size: 100%;
	background-color: #f5f5f5;
}

.Data, .DataRight 
{
	font-size: 100%;
	color: black;
}

.DataRight 
{
	text-align: right;
}

.TableHeader
{
	font-weight: bold;
	font-size: 95%;
	color: black;
	background-color: #c0c0c0;
	padding: 2px 2px 2px 5px;
	height: 23px;
}

.TableHeaderRight
{
	font-weight: bold;
	font-size: 95%;
	color: black;
	background-color: #c0c0c0;
	padding: 2px 2px 2px 5px;
	height: 23px;
	text-align: right;
}

.TableHeaderDark
{
	color: white;
	background-color: #5A8092;
	padding: 2px;
    font-size: 95%;
}

.TableData
{
    font-size: 92%;
    padding: 0 0 0 5px;
}

.TableDataInvalid, .TableDataRed
{
    font-size: 92%;
    color: Red;
    padding: 0 0 0 5px;
}

.TableDataError
{
    font-size: 92%;
	border: 1pt red solid;
}

.TableDataEdit
{
	padding: 2px 2px 2px 5px;
}

.TableDataEditRight
{
	padding: 2px 2px 2px 5px;
	text-align: right;
}

.TabBar 
{
	text-align: right;
	margin-right: 10px;
	height: 26px;
}

.Tab {
	background: #cccccc url(images/tabcenter.gif);
	height: 16pt;
	overflow: hidden;
	cursor: hand;
}

.ActiveTab {
	background: #6B8092 url(images/tabcenter.gif);
	height: 19pt;
	overflow: hidden;
	cursor: hand;
}

.TabText {
	color: white;
	font: bold 9pt Arial;
	height: 16px;
	padding-bottom: 7px;
	cursor: hand;
}

.ActiveTabText {
	color: white;
	font: bold 9pt Arial;
	height: 16px;
	padding-bottom: 7px;
	cursor: hand;
}

.Button, .ButtonChanged {
	font: bold 8pt arial;
	background-color: #f5f5f5;
	color: #4b697d;
	cursor: pointer; 
}

.ButtonChanged {	
	background-color: #4b697d;
	color: #f5f5f5;		
}

.DocumentFrame{
	width: 830px;
	height: 400px;
	border-width: 1px;
	border-color: black;
	overflow: scroll;
}

.Highlight0 {
	font: normal 8pt arial;
	color: black;
	text-align: right;
	padding: 4px;
}

.Highlight1 {
	font: normal 8pt arial;
	color: black;
	text-align: right;
	padding-left: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 2pt orange solid;
}

/* Import / Export audit */

.ImportExportMessage
{
	font-size:110%;
	margin: 10px 0 10px 0;
}

.ImportExportError
{
	color: #ff0000;
	font-weight:bold;
}

.ImportExportWarning
{
	color: #f68b33;
	font-weight:bold;
}

.ImportExportInfo
{
	color: #261257;
	font-weight:bold;
}

/* Mapping Styles */

table.MapTable
{
	margin-top:10px;
}

table.MapTable td.top
{
	border:3px solid #0480A6; 
	width:500px; 
	height:100px; 
	text-align:center;
}

table.MapTable td.left
{
	border:3px solid #0480A6; 
	width:200px; 
	height:300px; 
	text-align:center
}

table.MapTable td.middle
{
	border:3px solid #0480A6; 
	text-align:center; 
	vertical-align:middle;
}

.invalidSelection
{
	border: 1px solid #ff0000;
}

.reportCaption
{
    font-weight: bold;
}

.reportHeader
{
    font-weight: bold;
}

/*ExcelExamplePopup*/
table.colourKey td
{	
	padding:2px;
	height:20px;	
}

table.colorKey td.key
{
	font-weight:bold;
	border:0px;
}

table.colourKey td.colour1
{	
	border:1px solid #000000;
	background-color: #ddd9c3;
	width:20px;
}

table.colourKey td.colour2
{	
	border:1px solid #000000;
	background-color: #c5d9f1;
	width:20px;
}

table.colourKey td.colour3
{	
	border:1px solid #000000;
	background-color: #f2dddc;
	width:20px;
}

table.colourKey td.colour4
{	
	border:1px solid #000000;
	background-color: #eaf1dd;
	width:20px;
}

table.colourKey td.colour5
{	
	border:1px solid #000000;
	background-color: #e5e0ec;
	width:20px;
}

/* Mapping Manager */
.selectedRetailer
{
	color: #F68B33;
}

/* Accordian Styles */
.accordion 
{  
	width: 100%;  
}  
         
.accordionHeader, .accordionHeaderSelected, .accordionHeaderSingle, .accordionHeaderError
{  
    border: 1px solid #2F4F4F;  
    color: white;  
    background-color: #C0C0C0;  
    font-family: Arial, Sans-Serif;  
    font-size: 12px;  
    font-weight: bold;  
    padding: 5px 5px 5px 30px;  
    margin-top: 5px;  
    cursor: pointer;     
}  

.accordionHeader
{
	background-image: url(/Images/arrow-right.gif); 
    background-repeat: no-repeat;
    background-position: 5px 5px; 	
}
          
.accordionHeaderSelected 
{       
    background-color: #6B8092;
    background-image: url(/Images/arrow-down.gif); 
    background-repeat: no-repeat;
    background-position: 5px 5px;
}  

.accordionHeaderSingle
{
	background-color: #6B8092;
	padding: 5px 5px 5px 5px;  
}

.accordionHeaderError
{      
    background-color: #00FF00;  
    border: 5px solid #00FF00;  
} 
          
.accordionContent 
{  
    background-color: #FFFFFF;  
    border: 1px solid #2F4F4F;  
    border-top: none;  
    padding: 5px;        
}  

.accordion .seperator
{
	margin: 0 2px 0 2px;	
	color: #000000;
}

.accordionContent .DataGrid
{      
    margin: 0px;        
}

.accordionContentProducts
{
	float: left;
	width: 500px;	
}

.accordionContentUnits
{
	float: right;	
}

.headerLeft
{
	float: left;
	width:750px;
}

.mapName
{
	font-weight:bold;
	display: inline-block;
}

.unitPreview
{
	font-style:italic;
}

.removeButton
{
	padding-right: 5px;
	float:right;
}

/*Styles for the spinner
===================================================*/
#loadingContainer
{
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.5);
	z-index:1000;
}

#loading
{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:120px;
	background:rgba(220,220,255,0.75);
}

#loadingcontent
{
	display:table;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

#loadingspinner
{
	display: table-cell;
	vertical-align:middle;
	width: 100%;
	text-align: center;
	font-size:larger;
	padding-top:80px;
}