/*------------------------------------------------------------------
 MBlue Nav-Style Awesome-Bar Vista (Ver. 0.2.2)
--------------------------------------------------------------------
Author: M.BLUE - Tested on: Firefox 3.0.3 - Last Update: 07.10.2008
--------------------------------------------------------------------
Description:
 1. Gives the Awesome-Bar the Nav-Buttons Style (Vista).
 2. Makes the Awesome-Bar more compact.
 3. Makes the Awesome-Bar items displays in one line (the url is
    hidden, and becomes visible when hovering).
 4. Makes the Bookmarked Items golden.
 5. Highly customizable.
 6. Integrates with the other Nav-Style styles.
--------------------------------------------------------------------
Notes:
 If something looks wrong, try to not use other styles that
 changes the Awesome-Bar settings.
--------------------------------------------------------------------
CUSTOMIZING:

 1. ITEMS OPACITY.
 2. TITLE TEXT COLOR/SIZE/WEIGHT/OPACITY/ALIGN.
 3. FAVICON OPACITY.
 4. ADDRESS TEXT COLOR/SIZE/WEIGHT/OPACITY/ALIGN.
 5. ADDRESS BACKGROUND COLOR.

> GO TO BOTTOM OF THE PAGE TO CUSTOMIZE
--------------------------------------------------------------------
Supported Extensions:
 ---
--------------------------------------------------------------------
Integrates with:
 MBlue Combine Nav-Buttons Vista
 MBlue Nav-Style Url-Bar Vista
 MBlue Nav-Style Buttons Vista
 MBlue Nav-Style Tabs Vista
 MBlue Nav-Style Statusbar Vista
 MBlue Nav-Style Throbber Vista
 MBlue Nav-Style Bookmarks-Bar Vista
>MBlue Nav-Style Awesome-Bar Vista
 MBlue Nav-Style Menubar Vista
 MBlue Nav-Style Popup Vista
 MBlue Nav-Style Sidebar Vista
 MBlue Nav-Style Sidebar Vista (Downloads, Addons, Extensions)
--------------------------------------------------------------------
Updates:
 07.10.2008 Ver. 0.2.2 = few fixes (thanks to Ze Thriller)
 06.10.2008 Ver. 0.2.1 = code optimized
 26.08.2008 Ver. 0.2.0 = ready to release
 25.08.2008 Ver. 0.1.9 = few fixes, added customizing options,
 24.08.2008 Ver. 0.1.8 = lot of fixes, code optimized
 23.08.2008 Ver. 0.1.5 = added the backgrounds, code optimized
 21.08.2008 Ver. 0.1.0 = temp version
------------------------------------------------------------------*/





/* BASIC SETTINGS */

#PopupAutoCompleteRichResult {
-moz-appearance: none !important;
-moz-border-top-colors: none !important;
-moz-border-bottom-colors: none !important;
-moz-border-left-colors: none !important;
-moz-border-right-colors: none !important;
-moz-border-radius: 0px !important;
min-height: 42px !important;
height: auto !important;
padding: 0px 0px 0px 0px !important;
background: #fafafa !important;
border: none !important;
}

#PopupAutoCompleteRichResult .box-inherit {
-moz-appearance: none !important;
padding: 0px 0px 0px 0px !important;
margin: 0px 0px 0px 0px !important;
background: #fafafa !important;
}

#PopupAutoCompleteRichResult .scrollbox-innerbox {
overflow-y: hidden !important;
}



/* ICONS & TEXT SETTINGS */

#PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-title {
-moz-appearance: none !important;
color: #ffffff !important;
margin: 0px 0px 0px 0px !important;
}

#PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-url {
-moz-appearance: none !important;
margin: 0px 0px 0px 6px !important;
padding: 0px 0px 0px 0px !important;
}

#PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-normal-text.ac-comment {
padding: 0px 0px 0px 0px !important;
margin: 4px 2px 0px 2px !important;
min-height: 20px !important;
max-height: 20px !important;
}

#PopupAutoCompleteRichResult .autocomplete-richlistitem image[class="ac-site-icon"] {
padding: 2px 4px 2px 4px !important;
margin: 0px 0px 0px 0px !important;
min-height: 20px !important;
max-height: 20px !important;
min-width: 24px !important;
max-width: 24px !important;
}

#PopupAutoCompleteRichResult .autocomplete-richlistitem:hover image[class="ac-site-icon"],
#PopupAutoCompleteRichResult .autocomplete-richlistitem[current="true"] image[class="ac-site-icon"],
#PopupAutoCompleteRichResult .autocomplete-richlistitem[selected="true"] image[class="ac-site-icon"] {
background: transparent 
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAB3RJTUUH2AUBCQcsMK0dXAAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACvyDcFiukAAAH6SURBVHjatVaLboMwEAspA9q9H///h9O6tV1XCmE5ZhfrRLWHNCSLNLuzc05yrBiGIYYQFoIy4wLjCNjc3JMyesDGbUYnc30pREZaZdQCL1Q48gTCI8g/Mg4YDwEriyBugEvAxivElGcEOmCf8Z6xAyJiWlZgAsuM64w7vG8w10Bg4QRowwGkm4xXxJ0q5OoqrNbIHwAbX81YFVB+gjVmy1aqpfhoHTeU1txmPAEP3whwMylQo0JW1dIiVnAlFj1m3GOugUAhYAUdBCqIH7EXW1hWqkADwlv4f4Oqalm93+Qe4hG/97IXNQUWCFrCR74bBFVugwepgpb1Lv+UF6UCnv0lBPXkePKAd5QFVpLPfRsr8IG80VHIEy+OkBduHCWf9ybqBYpuPGdJwhxj9ZnjKaIrOzjinz5nc3gx0gx8sj9FhRCyukHybTyUMmEnwc5x54POWBbk78zv5D1yxDB1wwNgF0fbrlYzR947jj3yR44SAW2YOiLBC0YL4xlyLor5e/w2wfF70IWpl9sVfwtfZ3kRpoamrSKIaCd5r8AGQgdWQAH2jzUIBwSxF/lmxz1rkfeCXBvv1CK23F2Y+nkC+W/ateU+Q2RLm3QP9Et0hJcrCPzmg7OGRacKaBHJE9Q34e+fTJ7EnveglSSuqsaG//Wjb0jFf//b8glo1QObtaR80AAAAABJRU5ErkJggg==") no-repeat center center !important;
}

#PopupAutoCompleteRichResult .autocomplete-richlistitem spacer[class="ac-site-icon"] {
padding: 0px 0px 0px 0px !important;
margin: 3px 1px 0px 10px !important;
min-height: 12px !important;
max-height: 12px !important;
min-width: 10px !important;
max-width: 10px !important;
background: transparent 
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGtJREFUeNqMUIENgDAIK8Y/dgGf4LWe4gVeguCcmXMkNGlGSNPRkqoygIKK03hgBhOKP3VUMWLGBUmswb6d854SORYi2h8xR0Jpw0fch4nomnQYGnrE8K3bbXeooDfpemXfuWOqnkj4wyXAANc6X1Jzv06+AAAAAElFTkSuQmCC") no-repeat center center !important;
opacity: 0 !important;
}

#PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-result-type-tag,
#PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-type-icon.ac-result-type-bookmark {
padding: 1px 0px 3px 0px !important;
margin: 0px 2px 0px 2px !important;
min-height: 20px !important;
max-height: 20px !important;
}



/* ITEMS SETTINGS & BACKGROUND (DEFAULT) */

#PopupAutoCompleteRichResult .autocomplete-richlistitem {
-moz-appearance: none !important;
-moz-border-radius: 0px !important;
/* display: block !important; */
border: none !important;
border-left: solid 1px #363ea6 !important;
border-right: solid 1px #363ea6 !important;
background: #ccddff 
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAYAAAA7zJfaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG9JREFUeNo0xs0NQEAQBtDPxK5kk5WgBA0ow00hohgFOClDBRIRbdCAWX9rHFxeHpTSJepm8MG0bJ7GeQUdxy2cD8g5GX/sfAn79Y9vAHnnCbEBwcQfVrCJkAk6jUA2C0EmVaCq0ECYtD5g5v4VYADI3yjkIj3KggAAAABJRU5ErkJggg==") repeat-x 0px -1px !important;
margin: 0px 0px 0px 0px !important;
padding: 1px 1px 0px 1px !important;
min-height: 22px !important;
max-height: 22px !important;
}

#PopupAutoCompleteRichResult .autocomplete-richlistitem:hover,
#PopupAutoCompleteRichResult .autocomplete-richlistitem[current="true"],
#PopupAutoCompleteRichResult .autocomplete-richlistitem[selected="true"] {
border: none !important;
border-left: solid 1px #5e64c9 !important;
border-right: solid 1px #5e64c9 !important;
background:  
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAYAAAA7zJfaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHdJREFUeNoUx80NRFAUhuHPGXcQP4trITZTgzIUowyJQlRhpwMVkFGCGTJ3wnUcmyfvC6WeJepmYGd8L0zT/AEdxwmylkH7LvW7d/1bYZX6bndtJ4CiZ0LqgRAHQuILOhRywc9dkNYPUBwJ1csFVNaxY4xpLwEGAByCKfEI6lCfAAAAAElFTkSuQmCC") repeat-x 0px -1px !important;
min-height: 38px !important;
max-height: 38px !important;
}

#PopupAutoCompleteRichResult .autocomplete-richlistitem:hover:active {
border: none !important;
border-left: solid 1px #434378 !important;
border-right: solid 1px #434378 !important;
background:  
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAYAAAA7zJfaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHVJREFUeNpiYGVl82BQUc36zxQVZ8LAdOLsWwamP3+YGJj+/mdnYPr1h42B6d8vViD3JwOQ9e8fSPYPiPjNwHTt4TUGJgZ2fiDBKgoiRIAEmxSQ4JRgYGLm4GZgYhMBGsAqAzRKzYMTaAJHxH+GHz9+LAYIMADqdyFGTu+NNQAAAABJRU5ErkJggg==") repeat-x 0px -1px !important;
}



/* ITEMS SETTINGS & BACKGROUND (TAG & BOOKMARK) */

#PopupAutoCompleteRichResult .autocomplete-richlistitem[type="tag"],
#PopupAutoCompleteRichResult .autocomplete-richlistitem[type="bookmark"] {
border: solid 1px #897214 !important;
border-bottom: none !important;
border-top: none !important;
background: #f7eec9 
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAYAAAA7zJfaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG1JREFUeNpiYGVl9WB4csTpP8O31wf+M317vYeB6f/f70Di308Q8QPK/ffnC5D4+xXIhbNWbHnOwMTBzsjAxMvNxMDEwwUk+EAsAV4gwcUJlODjYWVgYmTmYWDilvBmYOZhvNbA8OPHj8UAAQYAKvwpk1m/aVkAAAAASUVORK5CYII=") repeat-x 0px -1px !important;
}

#PopupAutoCompleteRichResult .autocomplete-richlistitem[type="tag"]:hover,
#PopupAutoCompleteRichResult .autocomplete-richlistitem[type="bookmark"]:hover,
#PopupAutoCompleteRichResult .autocomplete-richlistitem[type="tag"][current="true"],
#PopupAutoCompleteRichResult .autocomplete-richlistitem[type="bookmark"][current="true"],
#PopupAutoCompleteRichResult .autocomplete-richlistitem[type="tag"][selected="true"],
#PopupAutoCompleteRichResult .autocomplete-richlistitem[type="bookmark"][selected="true"]  {
border: solid 1px #a88c18 !important;
border-bottom: none !important;
border-top: none !important;
background:  
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAYAAAA7zJfaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHFJREFUeNocx7ENgkAcRvHHFw4OjdR2rsMcdq7iGiYOYSMrWOgQlmDCAcL5P5uX38M51/B+nCJj94ya+heK64xgMS1j2gGtc2f5flL+6lF7vyGXZ6gqLWWR5IU23rStTIXfIeU1qg9HuJ73kRDC5SfAAKb6KOGDd6L6AAAAAElFTkSuQmCC") repeat-x 0px -1px !important;
}

#PopupAutoCompleteRichResult .autocomplete-richlistitem[type="tag"]:hover:active,
#PopupAutoCompleteRichResult .autocomplete-richlistitem[type="bookmark"]:hover:active {
border: solid 1px #5d4e0e !important;
border-bottom: none !important;
border-top: none !important;
background:  
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAYAAAA7zJfaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUeNpiZGVl9WCuShW4zfD4kNV/pstXHzAw/fvPwMDEwszIwMQABEzMzEDi718g8efvfwamn7+gBDMXJ1MDEw8nUJ2wADMDkxA/kBAXBhKiQkCCh4uJgYmLAyjLzQlkcfKrMDD6O/H8Z754/ZMKQIABAE6FGrszO9sBAAAAAElFTkSuQmCC") repeat-x 0px -1px !important;
}



/* ADJUST LAST-CHILD ITEM */
/*
#PopupAutoCompleteRichResult .autocomplete-richlistitem:last-child {
margin: 0px 0px 0px 0px !important;
min-height: 38px !important;
max-height: 38px !important;
border-bottom: solid 1px #444444 !important;
}

#PopupAutoCompleteRichResult .autocomplete-richlistitem:last-child .ac-url {
visibility: hidden !important;
}

#PopupAutoCompleteRichResult .autocomplete-richlistitem:last-child:hover .ac-url,
#PopupAutoCompleteRichResult .autocomplete-richlistitem:last-child[current="true"] .ac-url {
visibility: visible !important;
}

*/










/*=========================[CUSTOMIZE]============================*/



#PopupAutoCompleteRichResult .autocomplete-richlistitem {



/*------------------------------------------------------------------
 [1a] AWESOME-BAR ITEMS OPACITY (DEFAULT)

 Below you can change the items opacity.
------------------------------------------------------------------*/
opacity: 0.8 !important;}
/*----------------------------------------------------------------*/



#PopupAutoCompleteRichResult .autocomplete-richlistitem[type="tag"],
#PopupAutoCompleteRichResult .autocomplete-richlistitem[type="bookmark"] {



/*------------------------------------------------------------------
 [1b] AWESOME-BAR ITEMS OPACITY (BOOKMARKED/TAGGED)

 Below you can change the bookmarked/tagged items opacity.
------------------------------------------------------------------*/
opacity: 0.9 !important;}
/*----------------------------------------------------------------*/



#PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-normal-text.ac-comment {



/*------------------------------------------------------------------
 [2] TITLE TEXT SETTINGS

 Below you can change the text color/size/weight/opacity/align.
------------------------------------------------------------------*/
/* TEXT COLOR:               */ color: #ffffff !important;
/* SIZE (8/14):              */ font-size: 10px !important;
/* WEIGHT (normal, bold):    */ font-weight: bold !important;
/* OPACITY                   */ opacity: 1.0 !important;
/* Vertical Align (0/4):     */ margin-top: 4px !important;}
/*----------------------------------------------------------------*/



#PopupAutoCompleteRichResult .autocomplete-richlistitem image[class="ac-site-icon"] {



/*------------------------------------------------------------------
 [3a] FAVICON OPACITY

 Below you can change the favicon opacity.
------------------------------------------------------------------*/
opacity: 0.9 !important;}
/*----------------------------------------------------------------*/



#PopupAutoCompleteRichResult .autocomplete-richlistitem:hover image[class="ac-site-icon"],
#PopupAutoCompleteRichResult .autocomplete-richlistitem[current="true"] image[class="ac-site-icon"],
#PopupAutoCompleteRichResult .autocomplete-richlistitem[selected="true"] image[class="ac-site-icon"] {



/*------------------------------------------------------------------
 [3b] FAVICON OPACITY (HOVER)

 Below you can change the favicon opacity when hover.
------------------------------------------------------------------*/
opacity: 1.0 !important;}
/*----------------------------------------------------------------*/



#PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-url,
#PopupAutoCompleteRichResult .autocomplete-richlistitem:hover .ac-url,
#PopupAutoCompleteRichResult .autocomplete-richlistitem[current="true"] .ac-url,
#PopupAutoCompleteRichResult .autocomplete-richlistitem[selected="true"] .ac-url {



/*------------------------------------------------------------------
 [4] ADDRESS TEXT SETTINGS

 Below you can change the text color/size/weight/opacity/align.
 You can also change the arrow icon opacity.
------------------------------------------------------------------*/
/* TEXT COLOR:               */ color: #000000 !important;
/* SIZE (8/14):              */ font-size: 10px !important;
/* WEIGHT (normal, bold):    */ font-weight: bold !important;
/* OPACITY                   */ opacity: 0.8 !important;
/* Vertical Align (0/-4):    */ margin-top: 0px !important;}
/*----------------------------------------------------------------*/

#PopupAutoCompleteRichResult .autocomplete-richlistitem:hover spacer[class="ac-site-icon"],
#PopupAutoCompleteRichResult .autocomplete-richlistitem[current="true"] spacer[class="ac-site-icon"],
#PopupAutoCompleteRichResult .autocomplete-richlistitem[selected="true"] spacer[class="ac-site-icon"] {

/*----------------------------------------------------------------*/
/* ARROW ICON OPACITY:       */ opacity: 0.8 !important;}
/*----------------------------------------------------------------*/



#PopupAutoCompleteRichResult .autocomplete-richlistitem,
#PopupAutoCompleteRichResult .autocomplete-richlistitem:hover,
#PopupAutoCompleteRichResult .autocomplete-richlistitem[current="true"],
#PopupAutoCompleteRichResult .autocomplete-richlistitem[selected="true"],
#PopupAutoCompleteRichResult .autocomplete-richlistitem:hover:active {



/*------------------------------------------------------------------
 [5a] ADDRESS BACKGROUND COLOR (DEFAULT)

 Below you can change the default item address background color.

----------------------[RED-GREEN-BLUE-OPACITY]--------------------*/
background-color: rgba(221,224,241,1) !important;}
/*----------------------------------------------------------------*/



#PopupAutoCompleteRichResult .autocomplete-richlistitem[type="tag"],
#PopupAutoCompleteRichResult .autocomplete-richlistitem[type="bookmark"],
#PopupAutoCompleteRichResult .autocomplete-richlistitem[type="tag"]:hover,
#PopupAutoCompleteRichResult .autocomplete-richlistitem[type="bookmark"]:hover,
#PopupAutoCompleteRichResult .autocomplete-richlistitem[type="tag"][current="true"],
#PopupAutoCompleteRichResult .autocomplete-richlistitem[type="bookmark"][current="true"],
#PopupAutoCompleteRichResult .autocomplete-richlistitem[type="tag"][selected="true"],
#PopupAutoCompleteRichResult .autocomplete-richlistitem[type="bookmark"][selected="true"],
#PopupAutoCompleteRichResult .autocomplete-richlistitem[type="tag"]:hover:active,
#PopupAutoCompleteRichResult .autocomplete-richlistitem[type="bookmark"]:hover:active {



/*------------------------------------------------------------------
 [5b] ADDRESS BACKGROUND COLOR (BOOKMARKED/TAGGED)

 Below you can change the bookmarked/tagged item address
 background color.

----------------------[RED-GREEN-BLUE-OPACITY]--------------------*/
background-color: rgba(249,242,213,1) !important;}
/*----------------------------------------------------------------*/





/* END */