/* DO NOT CHANGE - BODY CSS */
body
{
  behavior:url(#default#nativeBG);
  background-color:Transparent;
  margin:0px;  
  height: 28px;
  overflow:hidden;
}

/* ToolBar CSS */
/* Controlling the container of the toolbar */
/* Here you can change the background color/image of the toolbar */
/* DO NOT CHANGE ANYTHING ELSE OTHER THEN THE BACKGROUND */
#mxdjTlbr
{
	height:28px;
	float:left;
	width:100%;
	margin-top:0px;
	overflow:hidden;
	
	/* Changing the background color of the Toolbar */
	background-color:transparent;
	
	/* Instead of color you can put an image/tile */
	/* background-image:url('Link to your Image'); */
}

/* Controlling the look & feel of all the buttons/menu on the toolbar */
/* The buttons/menus are created with 2 images */
/* .left .right are using btnMid.png image */
/* .mid are using btnEdg.png image */
/* You can change the images to your image (but make sure you are building the new images according to our button's images height/width)  */
/* you can download the original images from here:
    http://cdn.montiera.com/apps/montiera/imgs/btn/btnMid.png
    http://cdn.montiera.com/apps/montiera/imgs/btn/btnedg.png
*/
/* DO NOT CHANGE ANYTHING BUT THE IMAGE'S LINKS */

.left
{ 
  background-image:url('../imgs/btn/btnEdg.png');   
  width:  5px;  
  top:0px;
  
}

.mid
{
    background-image:url('../imgs/btn/btnMid.png');  
	background-repeat:repeat-x;
}
 
.right
{
  background-image:url('../imgs/btn/btnEdg.png');  
  background-position-x:5px;  
  width:  5px;  
}

.btnSpltr
{
    width:6px;
}

/* Contorlling the arrow Image on the menu buttons */
.drpdwn
{
	background-repeat:no-repeat;
	background-image:url('../imgs/drop.png');  
	position: relative;
	left: -3px;
	top: 11px;
	width:  5px;  
}

/* Contorlling the text on the buttons */
.txt
{ 
  margin: 1px;  
  margin-top : 5px;  
  text-align:center;                       
  cursor:default;   
  float: left;
  white-space:nowrap; 
}

/*  Setting default size to your Icon on a button (width=20px height=20px) 
    If you want different Height/Width you can change it in the Admin system */
.icon
{
    width:20px;
    height:20px;  
    margin-top:3px;
    float:left;
}

/* DO NOT CHANGE THE CLASSES BELOW */
#srch_btn
{
    display:none;
}

div
{
  font-family:Arial;
  font-size:9pt;
}

.trnsCntnr
{
	width: 100%;
}
.tbtn 
{  
  height: 26px;
  margin-right:4px;    
  margin-top:1px;
}

.cntrl 
{  
  height: 26px;
  margin-right:2px;    
}

.btn
{  
  z-index:-1;  
  height: 26px;
  top:    0px;
  background-position-y:-52px;  
  float: left;
  display:table-cell;
  vertical-align: middle;
  cursor:default;
}
.shade
{
	background:url(../imgs/Shade.png)  repeat-x;
	margin-top: 2px;
}
.srchFld
{
	background-color:Transparent;
	width: 200px;
	padding-left:8px;
	height:21px;
   font-size:12pt;
   border: none;
}

.preSrch
{
	color:#525051;
}

#srchLft
{
    float: left;
    width: 5px;
}

#srchBtn, #srchBtn1
{
    /*font:  Arial Bold 18pt;*/
    font-size: 11pt;
    font-weight:bold;
    color: #ffffff;
    cursor:hand; 
    padding-top:4px;
    padding-left:4px;
   
}

/* DO NOT CHANGE -> You can change the floating
    of components from the Admin sytem */
.rb
{
	float: right;
}

.lb
{
	float: left;
}