@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* Make inactive tabs partially transparent */
tab:not([selected="true"]) {opacity: 0.80 !important;}
tab:hover {opacity: 1.0 !important;}

/* Never show â€œ<item>â€ when right clicking */
#context-back,
#context-forward,
#context-stop,
#context-sep-stop,
#context-sendpage,
#context-sendlink {display: none !important;}

/* hide new tab button */
.tabs-newtab-button {display: none}

@-moz-document url("chrome://browser/content/browser.xul"){
		
/* ----------------------- Tabs on top ----------------------- */
		
		/* Create space at top of window for tab bar*/
		#toolbar-menubar{
		padding-top:21px!important;
		}

		/* Fix tab list button height */
		.tabs-alltabs-box,.tabs-alltabs-button{
		margin:0px 0px 0px!important;
		}

		#hc-max-button, #hc-min-button, #hc-close-button{
		display:none!important;
		}

		.close-button.tabs-closebutton{
		-moz-appearance: toolbar;
		background-color:  #da5050  !important;
		margin:0px 0px 0px!important;
		}

		/*  Show first tab without padding on the left  */  
		.tabs-container:not([overflow="true"]) 
		{ -moz-padding-start: 0px !important; }
				
		/* move text up in tabs */
		.tabbrowser-tabs .tab-text {
		  padding-top: 0px !important;
		}

		#navigator-toolbox {
		padding-bottom: 0 !important;
		}
		toolbar[type="menubar"] {
		border-top: 0 !important;
		}
		/* Change ... something. Add separating line beneath toolbar */
		toolbar, #PersonalToolbar, #nav-bar {
		-moz-appearance: toolbar;
		background: none !important;
		border-bottom: 1px solid ThreeDShadow !important;
		}  
		
		/* Shrinks favicon to fit in smaller tab size */
		.tab-icon-image {
		height:14px!important;width:14px!important
		}
		
		#main-window,#navigator-toolbox,.tabbrowser-strip, .tabbrowser-tabs, .tabbrowser-tabs{
		width:100%!important;
		}

		/* Saves some height */
		#main-window #content .tabbrowser-tabs {
		margin-top: -2px!important;
		}
		
		/* Moves tab bar to top of the screen */
		.tabbrowser-strip {
		position:fixed!important;
		top:0px;
		z-index:0;
		}
		/* Change appearance of selected tab */
		tab[selected="true"] {
		background: #efefef !important;
		border-left: #efefef !important;
		-moz-border-radius-topleft: 0px !important;
		-moz-border-radius-topright: 0px !important;
		}
		/* Make hovered tabs' corners square */
		tab:hover {
		-moz-border-radius-topleft: 0px !important;
		-moz-border-radius-topright: 0px !important;
		}

		/* Remove line beneath tabs */
		.tabs-bottom {
		display: none !important;
		}

		/* Change tab bar height */
		.tabbrowser-tabs{
		
		max-height: 23px !important;
		min-height: 23px !important;
		}
		
		/* Change tab height */
			.tabbrowser-tab{
		max-height: 22px !important;
		min-height: 22px !important;
		}
		
		/* No idea what this does >_> */
		.tab-drop-indicator-bar{
		position:fixed!important;
		top:0px;
		left:0px;
		width:100%!important;
		z-index:1;
		}
		
		/* Change tab bar background color */
		#browser tabs {
		-moz-appearance: none !important;
		background-color: #bcc8dd !important;
		}
   
		/* Make the active tab wider (substitute for missing titlebar) 
		NOTE : you have to change the "browser.tabs.tabMaxWidth" in about:config
		to a value of 300 also */
		tab[selected="true"] { 
		min-width: 300px !important;
		}
		
		/* Change toolbar background colour and remove separating border */
		toolbox {
		-moz-appearance:  none     !important;
		background-color:  #efefef  !important;
		border-top:  none   !important;
		}  

/* The following was shamelessly pilfered from FlatStylish,
and I give full credit to its creator: mod_wastrel -
http://userstyles.org/styles/19461 */


		/* Menubar Menus */
		menubar > menu,
		menubar > menu[_moz-menuactive="true"],
		menubar > menu[_moz-menuactive="true"][open="true"] {
			-moz-appearance:  none  !important;
			border:  0px  solid  Transparent  !important;
				color:  MenuText  !important; 
		}


		/* Change menu highlight to solid colour */
		menubar > menu[_moz-menuactive="true"],
		menupopup > menu[_moz-menuactive="true"],
		menupopup > menuitem[_moz-menuactive="true"]{
		   border: 0px !important;
		   background-color : #5d99ff !important;
		   color: white !important;
		}

		/* Save some space */
		menupopup > menu > menupopup {
		margin-top:  -2px  !important;
		}
		 
		/* Menu Items change height */
		menupopup > menu,
		*:not(menulist) > menupopup > menuitem,
		popup > menu,
		popup > menuitem {
			-moz-appearance:  none  !important;
			   height:  18px  !important;
		}

		/* Standard Toolbar Buttons */
		#FindToolbar toolbarbutton,
		toolbar > toolbarbutton,
		toolbox *:not(stack) > toolbarbutton {
			-moz-appearance:  none  !important;
			 border:  1px  solid  Transparent  !important;
			 margin:  0px  !important;
			padding:  1px  4px  !important;
		} 

		/* Reduce padding around navigation buttons */
		#back-button, #forward-button, #back-forward-dropmarker {
			 border:  0px  solid  transparent  !important;
			padding:  0px  0px  0px  0px !important; /*all 4, for emphasis :D */
		} 

		/* Menu Bar Buttons, fix: added square brackets after 'not' */
		toolbar[type="menubar"] > toolbarbutton:not([type="menu-button"]),
		toolbar[type="menubar"] *:not(stack) > toolbarbutton:not([type="menu-	button"]) {
			padding:  2px  !important;
		} 


		/* Change Menu font */
		menubar > menu {
		  font-family:  Verdana  !important; 
			font-size:  11px  !important;
		}

		/* combine Stop + Reload buttons */
		/* ---  NOTE :  First you must move the Stop button
		to the left of the Reload button ---  */
		#stop-button[disabled="true"] { display:  none; } 
		#stop-button:not([disabled]) + #reload-button { display:  none; }


		/* Highlighting in location bar entries */
		.autocomplete-richlistitem[type="bookmark"]  {
		  background-color:  #E7F1F5  !important;  
					 color:  #000000  !important;
		}

		.autocomplete-richlistitem[type="tag"]  {
		  background-color:  #FFFFCC  !important;
					 color:  #000000  !important;
		} 
		.autocomplete-richlistitem:hover,
		.autocompleterichlistitem[selected="true"] {
		 background:  #FFE5B3  !important;
			   color:  #000000  !important;
		}
}