/*
** Base styles
*/
body
{    
    font-size: small;
    font-family: Trebuchet MS,Verdana,Arial,Sans-serif;    
    min-width: 800px;
    margin-top: 0px;
    margin-left: 6px;
    margin-right: 6px;
}

a
{
    color: #06c;
    text-decoration: none;
    font-weight: bold;
}

table 
{
    border-collapse: collapse;    
    font-size: small;
    font-family: Trebuchet MS,Verdana,Arial,Sans-serif;    
}

a:hover
{
    text-decoration: underline;    
}

h1
{
    font-size: 180%;
    font-weight: bold;
}

#leftBar_outer { width: 176px; }
#leftBar { width:172px;  padding-right: 4px; }
#rightBar_outer { width: 176px; }
#rightBar { width:172px;  padding-left: 4px; }
#headerBar { padding-bottom: 6px;}
#footerBar{}
#centreBar_outer {width: 100%;}
#centreBar {padding-top: 12px;padding-bottom: 12px; padding-left: 2em;padding-right: 2em;vertical-align: top;}

#footer /* only used for copyright text!!! */
{   
    color: #999999;     
    font-size: 12px; 
    font-weight: bold; 
}

div.vspacer
{
    height: 6px;
    overflow: hidden;
    width: 100%;
}
div.vspacersmall
{
    height: 6px;
    overflow: hidden;
    width: 100%;
}
/*
** Look and feel of all borders
*/
.border
{    
    border: 2px solid #B5D7FE;  
}
.borderspecialbottom
{
    border-top: 2px solid #B5D7FE;  
    border-right: 2px solid #B5D7FE;  
    border-left: 2px solid #B5D7FE;  
    border-bottom: 1px solid #B5D7FE;  
}

.feedback-border
{
    border: 2px solid #FCA03A;    
}

.feedback-header
{
    /* font-family: Verdana, Arial, Helvetica, sans-serif; */
    font-weight: bold; 
    
    /* background-color: #E1EFFF;   
    background-position: bottom; */
    background-color: #FCA03A;
    background-image: url(images/boxhdr_back_orange.gif);  
    background-repeat: repeat-x;  
        
    line-height: 1.5; 
    text-indent: 6px;
    text-align: left;  
    font-size: 90%;     
}

.feedback-center-header
{
    /* font-family: Verdana, Arial, Helvetica, sans-serif; */
    font-weight: bold; 
    
    /* background-color: #E1EFFF;   
    background-position: bottom; */
    background-color: #FCA03A;
    background-image: url(images/boxhdr_back_orange.gif);  
    background-repeat: repeat-x;  
        
    line-height: 1.5; 
    text-indent: 6px;
    text-align: center;  
    font-size: 90%;     
}

.feedback 
{
    background-color: #FDCF9C;
    padding: 6px;
    /* font-family: Verdana, Arial, Helvetica, sans-serif; */
    /* font-size: 10px; */ 
}

.cssNavBarBox_orange 
{
    padding:0;
    border: 2px #fc9f3a solid;
}

/*
** box controls - Note: border will normally be used around outside of box/table
*/
div.boxheader,td.boxheader
{
    /* font-size: 12px; */
    font-weight: bold; 
    
    /* background-color: #E1EFFF;   
    background-position: bottom; */
    background-color: #B5D7FE;
    background-image: url(images/boxhdr_back.gif);  
    background-repeat: repeat-x;  
        
    line-height: 1.5; 
    text-indent: 6px;
    text-align: left;       
    font-size: 90%;
}
.boxheader h3 { font-size: 18px; margin: 2px 0;padding:0; text-align:center;}
.loginbox-bg, .style1 {
	background-color: #F2F7FD;
}
.style2 {
	background-color: #FDCF9C;
}
.style3 {
	text-align: center;
}
.style4 {
	padding: 6px;
    /* font-family: Verdana, Arial, Helvetica, sans-serif; */
    /* font-size: 10px; */
}
.style5 {
	/* font-family: Verdana, Arial, Helvetica, sans-serif; */
    font-weight: bold; /* background-color: #E1EFFF;   
    background-position: bottom; */
	background-color: #FCA03A;
	background-image: url('App_Themes/Blue/images/boxhdr_back_orange.gif');
	background-repeat: repeat-x;
	line-height: 1.5;
	text-indent: 6px;
	text-align: center;
	font-size: 90%;
}
.style6 {
	/* font-family: Verdana, Arial, Helvetica, sans-serif; */
    font-size: large;
}
    
td.box-even /* used on cells where odd + even rows need distinquishing */
{
    background-color: #B5D7FE;
    vertical-align: top;
    padding: 2px;
    /* font-size: 10px; */
}

td.box-odd
{
    background-color: #E1EFFF;
    vertical-align: top;
    padding: 2px;
    /* font-size: 10px; */
}

.evenrow 
{
    background-color: #eaf0f0;
}
tr.oddrow 
{
}
.hilite_low
{
     background-color: #eaf0f0;
}

.noindent 
{
    padding: 0px;
}
/*
** Show Tops Links!!!!
*/
.topslink 
{
    color: Black;
    /* font-size: 10px; */
}


/*
** General product
*/
.ProductName
{
    color: Black;
    font-weight: bold;
}

.emphasise_weak
{
    font-weight: bold;
}

.emphasise 
{
    font-weight: bold;
    font-size: 120%;
}


/*
** Catlog Tree
*/
.Tree 
{ 
    margin: 5px; 
    padding: 0;
    
    /* font-family: Verdana, Arial, Helvetica, sans-serif; */
    font-size: 90%;
    /* font-size: 99%; */
    font-weight: bold;
}

.TreeItemSelected
{
    color: #f60;
}

.TreeItemUnselected
{    
}


/*
** Tabbuttons
*/
.tabbutton /* this is just to save it having to figure out the size of cells - perfomance!!!!!! */
{
    width: 88px;
    height: 40px;
}

/*
** Used on images taht have a link
*/
 .imgLink 
 {
    border: none;
    /* background-color: Navy; */
 }
 .imgAvatar
 {
    border: solid 2px #06c;
    /* background-color: Navy; */
 }
 
 .imgInline
 {
    border: 0;
    vertical-align: middle;
 }
 
 /*
 ** menubar - this class should be used on all menu bar items
 **/
.menubar 
{
    background-color:#B5D7FE;
    color: #333300;
    
    /* font-family: Verdana, Arial, Helvetica, sans-serif; */
    /* font-size: 10px; */
    font-weight: bold; 
    margin-left:2; 
    margin-right:2; 
    line-height: 2;
}

.menulink 
{
    color: #333300;
}

.menulink-selected
{
    color: #f60;
    font-size: 110%;
}

a.menubar
{    
    color: #333300;
    text-decoration: none;
}

a.menubar:hover
{
    text-decoration: underline;
}

/*
**  Various font size for consistent look of all fonts
*/
.smallText
{
    /* font-family: Verdana, Arial, Helvetica, sans-serif; */
    font-size: x-small;
}

.smallerText
{
    /* font-family: Verdana, Arial, Helvetica, sans-serif; */
    font-size: smaller;
}

.compactLines
{    
    line-height: 100%; 
}

.header 
{
    font-weight: bold;
}

.normalText 
{
    /* font-family: Verdana, Arial, Helvetica, sans-serif; */
    font-size: small;
}

.largeText
{
    /* font-family: Verdana, Arial, Helvetica, sans-serif; */
    font-size: medium;
}


.padding 
{ /* note cellpadding on tables should be same as */
    padding: 5px;
}

.textColor
{
    color: Black;
}

.error 
{
    color: Red;    
}

.rating 
{
    width:270px;
    font-size: small;
    vertical-align: top;  
    text-align: right;  
}

.sending_status2 /* requested */
{
    background-color: #d46363;
}

.sending_status3 /* posted */
{
    background-color: #FCA03A; 
}

.sending_status4 /* arrived */
{
    background-color: #bcd9a4;
}

.sending_status5 /* cancelled */
{
    background-color: #e1ccdb;   
    /* background-color: Gray; */
}

.receiving_status2 /* requested */
{    
    background-color: #E1EFFF
}

.receiving_status3 /* posted */
{
    background-color: #d46363;
}

.receiving_status4 /* arrived */
{
    background-color: #bcd9a4;
}

.receiving_status5 /* cancelled */
{
    background-color: #e1ccdb;     
}

.Date 
{
    width: 120px;
    text-align: center;
}

.Number
{
    width: 60px;
    text-align: center;    
}

.TotalNumber
{
    width: 60px;
    text-align: center;    
}

.tableHeader
{
    background-color: #eed;
}

.ButtonInText
{
    vertical-align: middle;
}

table.cssNavBarBox_blue 
{    
    padding:20;
    background-color: #F2F7FD; /*#B0C4DE;*/ /*#AFEEEE;*/
    font-size: 130%;  
    color:Black;    
}
table.cssNavBarBox_blueAccount 
{    
    padding:20;
    background-color: #B5D7FE;
    font-size: 120%;  
    color:Black;    
}

.cssNavBarBox_blueAccountText
{
    text-decoration: none;
    color: Black;
}

.cssNavBarBox_blueAccountText: hover
{
    text-decoration: underline;
    color: Black;
}

ol.First {list-style-type:decimal;}
ol.Second {list-style-type:lower-latin; padding-bottom:20px;}
ol.Third {list-style-type:lower-roman;}