html,body { 
    height:100%;
    background:#E3E4C7; 
}
body { 	
	
   font-family: Arial, Helvetica, sans-serif; 	
   font-size:14px;
   font-weight:600;
   color: #111111;    
}

/*Main content padding & spacing*/
div.main{
    margin:5px;
    background-color: #005ca6;
}
div.main_c{
   margin:10px;
   padding-bottom:10px; /*Bottom not so close*/  
}
div.main_b{
    margin:10px;
    background-color: #FFFFFF;
}



.header {
    background: #E3E4C7;
}
.hdr{
    font-family:Impact,Charcoal,sans-serif;
	font-size:33pt;	
	color: #005ca6;	
}
.hdr2 {
	font-family:'Trebuchet MS',Helvetica,sans-serif;
	font-weight: bold;
	font-size:13.5pt;	
	color: #005ca6;	
}



h1{
    font-size:18px;
    color:#FFFFFF;

}
h2{
    font-size:12px;
    color:#FFFFFF;
 }


a, a:visited, a:hover, a:active {
  color: inherit;
   text-decoration: none;
}
.cookie_crumbs{
    color:#E3E4C7;
}
.fullwidth{
    display:inline-block;
    width:100%;
}

/* Lists and Grids*/
.table{
    color:#005ca6;
    background:#E3E4C7; 
    padding:5px;
    border:inset 1px;
    border-color:darkgrey;
}
th{   
    color:#005ca6; 
}

.p_list{
    background-color: white;
    color: black;
    border: 1px groove;     
    height:450px; 
    overflow:scroll;
 }
.p_grid{
    color:#005ca6;
    background:#E3E4C7; 
    overflow:scroll;
}

.p_grid th{
    background:#005ca6;
    color:#E3E4C7; 
}

.p_edit{
    margin:10px;
    background-color: white;
    color: black;
    border: 1px groove;   
    width: 400px;
 }
/* Grid for browser*/
/* Browser list view*/
.b_list{
    background-color: white;
    color: black;
    border: 1px groove; 
    height:400px;
    overflow:scroll;
 } /* Not as tall as p_list*/
.b_grid{
    color:#005ca6;
    background:#E3E4C7; 
    overflow:scroll;
} /* same as p_grid*/
.b_grid th{
    background:#005ca6;
    color:#E3E4C7; 
}
.b_grid tr:hover {
  background-color: #a7cce5;
  cursor:pointer;
}

.t_grid{
     color:#005ca6;
    background:#E3E4C7; 
     overflow:scroll;
} /* Same as p_grid...*/







/*Buttons*/

.g_button{    font-size:10px;}
.button{     font-size:12px;}
.btn{
    color:#fff;
    text-decoration:none;
}




/*Tree Node stuff*/
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
li.treeNode { 
    padding-left: 20px;
    overflow:hidden;   
    white-space:nowrap;
}
ul.treeNode {      
    overflow:scroll;  
    white-space:nowrap;
}
span.tree {
    background-position: 0 1px;
    background-repeat: no-repeat;
   width:16px;
   
}
span.sku { background-image: url('../images/cog.png');}
span.man { background-image: url('../images/building_link.png');}
span.cat { background-image: url('../images/folder.png');}
.sel{
    background-color:#005ca6;
    color:white;
}
.nosel {
    background-color: white;
    color: black;}
   
.tree_box{
    background-color: white;
    color: black;
    border: 1px groove ;
    height:400px;
    overflow:scroll;
 }

.tree_edit{
    background-color: white;
    color: black;
    border: 1px groove;
    height:500px;

 }



.lvw{
    overflow:scroll;}

.lvw_box{
    background-color: white;
    color: black;
    border: 1px groove;    
    overflow:scroll;
 }

/* Dialog Boxes*/
.find_box{
    border:medium groove #000000;
    background-color: #005ca6;
    position:absolute;
    width:800px;
    height:600px;
    padding:5px;
    visibility:hidden;
    overflow:auto;
    z-index:1;    

}

.p_box{
    border:medium groove #000000;
    background-color: #005ca6;
    position:absolute;
    width:800px;
    height:500px;
    padding:5px;
    visibility:hidden;
    z-index:1;    

}
.d_box{
    border:medium groove #000000;
    background-color: #005ca6;
    position:absolute;   
    padding:5px;    
    overflow:auto;
    z-index:1;    
}
.j_box{
   
    width:800px;
    height:500px;      

}



/*----- Tabs -----*/

/* Tab strip container*/
.tabs {
    width:100%;
    display:inline-block;     
}
 
/*----- Tab Links -----*/
/* Clearfix */

.tab-v {
      padding:6px 15px;
      background:#7FB5DA;
      font-size:14px;
      font-weight:600;
      color:#4c4c4c

}

.tab-links:after {
    display:block;
    clear:both;
    content:'';
}
 

.tab-links li {
    margin:0px 5px;
    padding: 0px;
    float:left;
    list-style:none;
}
 
 .tab-links a {    
    display:inline-block;
    border-radius:3px 3px 0px 0px;   
    transition:all linear 0.15s;
    }
 
 .tl-main a{
      padding:6px 15px;
      background:#7FB5DA;
      font-size:14px;
      font-weight:600;
      color:#4c4c4c;
 }
 .tc-main {
    background:#fff;

}

 .tl-sub a{
      padding:3px 15px;
      background:#9c9b9b;
      font-size:14px;
      font-weight:600;
      color:#4c4c4c;
 }
 .tc-sub {
    background:#cccccc;
    overflow:auto;
} 
 .sub {
      background:#cccccc;
      font-size:14px;
      font-weight:600;
      color:#4c4c4c;
 }

.tab-links a:hover {
    background:#a7cce5;
    text-decoration:none;
}
 
li.active a, li.active a:hover {
    background:#fff;
    color:#4c4c4c;
}
li.active_sub a, li.active_sub a:hover {
    background:#cccccc;
    color:#4c4c4c;
}
/*----- Content of Tabs -----*/
.tab-content {
        
    padding:15px;
    border-radius:3px;
    box-shadow:-1px 1px 1px rgba(0,0,0,0.15);
    
}
 
.no_flow{ overflow:auto;}

.tab {    display:none;}
 
.tab.active {
    display:block;
    overflow:auto;
}
*, *:before, *:after {
    /* margin: 0px;
    padding: 0px;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* border: 0px; */
    font-size: 100%;
    font: inherit;
}