/*
Fixing the vertical alignment problem - see http://www.evolt.org/article/Ten_CSS_tricks_you_may_not_know/17/60369/
*/

#toolbar	{	
			margin: 0;
			padding: 0;
			width:650px;
			background-color: buttonface;
			border-top: 1px solid buttonhighlight;
			border-left: 1px solid buttonhighlight;
			border-bottom: 1px solid buttonshadow;
			border-right: 1px solid buttonshadow;
			text-align:left;
			vertical-align: middle;
					  	}
		  	
#interwikicolour
			{
			}

#macrosformat
			{
			}

#macros	{
			width:360px;
			}
			
#format	{
			width:175px;
			}

		  		
#editbuttons	{	
			
			position: relative;
 			top: 0;
			float:left;
		  	}
		  	
		  			
.button 	{
			background: buttonface; 
			border: 1px solid buttonface;
			margin: 1px; 
			text-align: center;
        		vertical-align:middle;
        		
      		cursor: hand;
			}

.select		{
			border: 1px solid buttonface;
			margin: 1px  5px 1px 1px; 
			width: 100px;
         		background-color: white; 
			font-size: 8pt;
			font-family: courier; 
			vertical-align: middle;
			cursor: hand;
			}
			
.raised		{ 
			border-top: 1px solid buttonhighlight;
			border-left: 1px solid buttonhighlight;
			border-bottom: 1px solid buttonshadow;
			border-right: 1px solid buttonshadow;
			background: buttonface;
			margin: 1px;
			}
			
.pressed	{
			border-top: 1px solid buttonshadow;
			border-left: 1px solid buttonshadow;
			border-bottom: 1px solid buttonhighlight;
			border-right: 1px solid buttonhighlight;
			background: buttonface;
			margin: 1px;
			}

.img		{
			cursor: normal;
			height: 22px; 
			width: 23px;
			cursor: hand;
			vertical-align:  75%;

			}



 div.toolbarWrapper {
        border: 1px solid;
        border-color: buttonshadow buttonhighlight buttonhighlight buttonshadow;
        width: 100%;
       
      }
      
     
      div.toolbarBody {
        height: 28px;
        border: 1px solid;
        border-color: buttonhighlight buttonshadow buttonshadow buttonhighlight;
        padding: 1px;
        background: buttonface;
        vertical-align: 75%;
        overflow: hidden;
        line-height:28px
      }

      span.handle {
        height: 25px;
        width: 3px;
        background: buttonface;
        border: 1px solid;
        margin: 0px 4px 0px 1px;
        border-color: buttonhighlight buttonshadow buttonshadow buttonhighlight;
        vertical-align: middle;
        overflow: hidden;
      }
      
   
      span.separator {
        height: 25px;
        width: 2px;
        background: buttonface;
        border: 1px solid;
        margin: 0px 3px 0px 0px;
        border-color: buttonshadow buttonhighlight buttonhighlight buttonshadow;
        vertical-align: middle;
        overflow: hidden;
      }
      
      
 .contrast1	{
			background-color: EEE8AA;
				}
			
.contrast2 	{
			background-color: CCCC99;
				}
			
 .redtext {color:#ff0000;}
.darkredtext {color:#800000;}
.greentext {color:#00ff00;}
.darkgreentext {color:#008000;}
.bluetext {color:#0000ff;}
.darkbluetext {color:#000080;}
.markerpentext {font-weight:bold;color:#000000;background-color:#ffff00;}     
        /*  
      span.button {
        border: 1px solid buttonface;
        background: buttonface;
        padding: 1px;
        height: 25px;
        width: 24px;
        text-align: center;
        vertical-align: middle;
        cursor: hand;
        margin: 0px 0px 0px 0px;
        
        */