/*#############################################################*/
/*### PROJECT:  Facebook Skin ###*/
/*###  AUTHOR:  HeartRipper - modificacion NobeStyles #########*/
/*### VERSION:  0.8.1 #########################################*/
/*###    DATE:  02-09-2009 ####################################*/
/*###  TARGET:  facebook.com ##################################*/
/*###  MAILTO:  heartripperdesign@gmail.com ###################*/
/*### WEBSITE:  http://userstyles.org/styles/12441 ############*/
/*#############################################################*/

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("facebook.com") {

/*### Customize Bar's opacity! ###*/

#presence{
opacity: 0.92 !important;
}

/*###  Values from 0.1 to 1 ! ####*/
/*################################*/


/*
______________________
1. IMAGES REDESIGNMENT
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
*/

/*1.1 Orb Redesignment*/

#presence .inner_button{
border: none !important;
}

#presence_applications_tab{
border: none !important; width: 50px !important;
height: 45px !important; margin-top: -15px !important;
z-index: 50 !important;
font-size: 0px !important;
background: transparent url("http://i640.photobucket.com/albums/uu123/vus4fb/taskbar/orbV3n.png") bottom left no-repeat !important;
}

#presence_applications_tab:hover{
background: transparent url("http://i640.photobucket.com/albums/uu123/vus4fb/taskbar/orbV3h.png") top left no-repeat !important;
}

#presence_applications_tab img{
display: none !important;
}

#presence_applications_tab span {
font-size: 0px !important;
background: none !important;
}

/*1.2 Vista Ultimate Icon Pack*/

.sx_icons_updates,
.sx_icons_newsfeed,
.sx_app_icons_newsfeed{
background: url(http://i640.photobucket.com/albums/uu123/vus4fb/icons/icon_news.png) center left no-repeat !important;
}

/*Networks*/
.sx_app_icons_network_filter{
background: url(http://i640.photobucket.com/albums/uu123/vus4fb/icons/icon_network.png) center left no-repeat !important;
}

/*Friendlists*/
.sx_icons_friend_list,
.sx_app_icons_friend_list{
background: url(http://i640.photobucket.com/albums/uu123/vus4fb/icons/icon_friendlist.png) center left no-repeat !important;
}

/*Images*/
.sx_icons_photo,
.sx_app_icons_photo{
background: url(http://i640.photobucket.com/albums/uu123/vus4fb/icons/icon_images.png) center left no-repeat !important;
}

/*Links*/
.sx_icons_post,
.sx_app_icons_post{
background: url(http://i640.photobucket.com/albums/uu123/vus4fb/icons/icon_links.png) center left no-repeat !important;
}

/*Video*/
.sx_app_icons_motion,
.sx_video,
.sx_icons_motion{
background: url(http://i640.photobucket.com/albums/uu123/vus4fb/icons/icon_video.png) center left no-repeat !important;
}

/*Groups*/
#group_invite_sidebar .group,
.sx_icons_group,
.sx_app_icons_group{
background: url(http://i640.photobucket.com/albums/uu123/vus4fb/icons/icon_groups.png) center left no-repeat !important;
}

/*Profiles*/
.sx_icons_fbpage,
.sx_app_icons_fbpage{
background: url(http://i640.photobucket.com/albums/uu123/vus4fb/icons/icon_profiles.png) center left no-repeat !important;
}

/*Notes*/
.sx_icons_note,
.sx_app_icons_note{
background: url(http://i640.photobucket.com/albums/uu123/vus4fb/icons/icon_notes.png) center left no-repeat !important;
}

/*Hidden Icons*/
*[style*="hidden.gif"],
.sx_icons_hidden,
.sx_app_icons_hidden{
background: url(http://i640.photobucket.com/albums/uu123/vus4fb/icon_qmark.png) center left no-repeat !important;
}

/*Requests*/
.sx_icons_requests{
background: url(http://i640.photobucket.com/albums/uu123/vus4fb/icons/icon_reqs.png) center left no-repeat !important;
}

/*Events*/
.sx_icons_event{
background: url(http://i640.photobucket.com/albums/uu123/vus4fb/icons/icon_events.png) center center no-repeat !important;
}

.sx_icons_edit_applications{
background: url(http://i640.photobucket.com/albums/uu123/vus4fb/icons/icon_settings.png) center left no-repeat !important;
}

.sx_icons_magnifying_glass{
background: url(http://i640.photobucket.com/albums/uu123/vus4fb/icons/icon_find.png) center left no-repeat !important;
}

.sx_icons_alert{
background: url("http://i640.photobucket.com/albums/uu123/vus4fb/chat/chat_error.png") center center no-repeat !important;
margin: 3px 0px 0px 3px !important;
}

.sx_icons_popout_window{
background: url(http://i640.photobucket.com/albums/uu123/vus4fb/icons/icon_popwindow.png) center left no-repeat !important;
}

/*Balloon*/

#chat .tab_count,
#presence .presence_section .slider_num_missed,
#presence_bar #presence_notifications_count strong {
background: url(http://i640.photobucket.com/albums/uu123/vus4fb/taskbar/balloon.png) top left no-repeat !important;
}

#presence .presence_section .slider_num_missed,
#presence_bar #presence_notifications_count strong{
right: 2px !important;
width: 20px !important;
}

/*Fixes*/

.icon_garden_elem {
width: 25px !important;
margin-top: -1px !important;
padding-top: 3px !important;
}

.icon_garden_elem:hover a {
background: none !important;
}

.icon_garden_elem:hover {
height: 30px !important;
background: url('http://i640.photobucket.com/albums/uu123/vus4fb/taskbar/itab.png') top left no-repeat !important;
margin-top: -1px !important;
}

/*1.3 Chat icon Redesignment*/

#buddy_list_parent .available_dot,
#chat_tab_bar .tab_button_div .tab_name{
background: url("http://i640.photobucket.com/albums/uu123/vus4fb/chat/chat_online.png") center left no-repeat !important;
padding: 3px 0px 0px 19px !important;
}

#chat_tab_bar .disabled .tab_button_div .tab_name{
background: url("http://i640.photobucket.com/albums/uu123/vus4fb/chat/chat_offline.png") center left no-repeat !important;
padding: 3px 0px 0px 19px !important;
}

#buddy_list_parent .idle .available_dot,
#chat_tab_bar .idle .tab_button_div .tab_name {
background: url("http://i640.photobucket.com/albums/uu123/vus4fb/chat/chat_idle.png") center left no-repeat !important;
padding: 3px 0px 0px 19px !important;
}

#chat_tab_bar .typing .tab_name {
background: url("http://i640.photobucket.com/albums/uu123/vus4fb/chat/chat_typing.png") center left no-repeat !important;
padding: 3px 0px 0px 19px !important;
}

#presence_notifications_tab>* {
background: transparent !important;
}

#chat_status_control_tab img{
width: 0 !important;
height: 51px !important;
margin-top: -2px !important;
padding-left: 135px !important;
}

#presence_popout_section,
#presence_error_section{
height: 29px !important; width: 35px !important; 
background: transparent url("http://i640.photobucket.com/albums/uu123/vus4fb/taskbar/tabsmall.png") top left no-repeat !important;
margin: 0px !important;
border: 0px !important;
}

#presence_popout_section:hover,
#presence_error_section:hover{
background: transparent url("http://i640.photobucket.com/albums/uu123/vus4fb/taskbar/tabsmallh.png") top left no-repeat !important;
}

#presence_popout_section:hover .presence_bar_button{
background: none !important;
}

#presence_popout_section .sx_icons_popout_window{
margin: 6px 0px 0px 3px !important;
}

#presence_popout_section .sx_icons_im{
margin: 8px 0px 0px 3px !important;
}

.presence_bar_button{
border: none !important;
}

/*
___________________
2. BAR REDESIGNMENT
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
*/

/*### 2.1 General BG ###*/

#presence{
height: 30px !important;
width: 100%;
margin-left: 0px !important;
}

#presence_ui{
width: 100%;
margin-left: 0px !important;
}

#presence_bar{
height: 60px !important;
background: transparent url(http://i640.photobucket.com/albums/uu123/vus4fb/taskbar/tbg.png) top left repeat-x !important;
z-index: 40;
}

.UITooltip_Wrap,
.titletip{
margin-bottom: 0px !important;
background: transparent !important;
}

.UITooltip_Text,
.titletip strong{
height: 12px !important;
padding-top: 2px !important;
border: 1px solid #767676 !important;
-moz-border-radius: 3px;
background: #fefefe !important;
color: #575776 !important;
}

/*### 2.2 Left Bar ###*/

#bookmarkable_app{
background: url("http://i640.photobucket.com/albums/uu123/vus4fb/taskbar/tab.png") top left no-repeat !important;
height: 30px !important;
margin-top: 0px !important;
}

#bookmarkable_app:hover{
background: url("http://i640.photobucket.com/albums/uu123/vus4fb/taskbar/tabh.png") top left no-repeat !important;
}

#presence_applications_bookmark_app{
border: 0px !important;
background: transparent url("http://i640.photobucket.com/albums/uu123/vus4fb/taskbar/tabend.png") top right no-repeat !important;
height: 30px !important;
padding-top: 7px !important;
}

#bookmarkable_app:hover #presence_applications_bookmark_app{
background: url("http://i640.photobucket.com/albums/uu123/vus4fb/taskbar/tabendh.png") top right no-repeat !important;
}

#presence_applications_bookmark_app .bookmark_text{
color: white !important;
}

#presence_applications_bookmark_app:hover .bookmark_text{
text-decoration: none !important;
}

/*### 2.3 Right Bar ###*/

#buddy_list_tab{
background: transparent url("http://i640.photobucket.com/albums/uu123/vus4fb/taskbar/tab.png") top left no-repeat !important;
height: 30px !important; width: auto !important;
color: white!important;
border: none !important;
position: relative !important;
margin: 0px 8px 0px 0px !important;
padding: 0px !important;
}

#buddy_list_tab img{
display: none !important;
}

#buddy_count{
background: url("http://i640.photobucket.com/albums/uu123/vus4fb/taskbar/tabend.png") top right no-repeat !important;
line-height: 24px !important;
display: block !important;
margin-top: -3px !important;
padding: 3px 14px 9px 11px !important;
}

.focused #buddy_count{
margin-top: -4px !important;
}

#buddy_count .buddy_count_num{
background: url(http://i640.photobucket.com/albums/uu123/vus4fb/icons/icon_groups.png) center left no-repeat !important;
padding-left: 20px !important;
}

body:not(.presence_popout) .tab_handle{
height: 30px !important; 
background: url("http://i640.photobucket.com/albums/uu123/vus4fb/taskbar/tab.png") top left no-repeat !important;
color: white !important;
border: none !important;
margin: 0px 4px 0px 0px !important;
}

body:not(.presence_popout) .tab_button_div{
height: 30px !important; 
background: transparent url("http://i640.photobucket.com/albums/uu123/vus4fb/taskbar/tabend.png") top right no-repeat !important;
color: white !important;
border: none !important;
position: fixed !important;
bottom: 0px !important;
}

#buddy_list_tab:hover,
body:not(.presence_popout) #chat_tab_bar .tab_handle.focused,
body:not(.presence_popout) #chat_tab_bar .tab_handle:hover { 
background: url("http://i640.photobucket.com/albums/uu123/vus4fb/taskbar/tabh.png") top left no-repeat !important;
}

#buddy_list_tab:hover #buddy_count,
body:not(.presence_popout) #chat_tab_bar .tab_handle:hover .tab_button_div,
body:not(.presence_popout) #chat_tab_bar .tab_handle.focused .tab_button_div{ 
background: url("http://i640.photobucket.com/albums/uu123/vus4fb/taskbar/tabendh.png") top right no-repeat !important;
}

.tab_button_div .tab_x{
background: none !important;
padding-right: 4px !important;
margin-top: 6px !important;
}

.tab_button_div .tab_x:after{
content: "x" !important;
font-family: tahoma !important;
font-size: 13px !important;
}

.tab_button_div .tab_x:hover:after{
content: "x" !important;
color: red !important;
}

.tab_name{
margin-top: 2px !important;
}

.tab_availability{
display: none !important;
}

#buddy_list_tab span span strong {
color: white !important;
}

#buddy_list_tab,
#presence_applications_icon_garden {
border-color: transparent !important;
}

#chat_status_control_tab,
#presence_notifications_tab{
height: 29px !important;
margin-right: 0px !important;
border: none !important;
background: transparent url("http://i640.photobucket.com/albums/uu123/vus4fb/taskbar/tabsmall.png") top left no-repeat !important;
}

#presence_notifications_tab{
margin-top: 0px !important;
width:35px !important;
}

#chat_status_control_tab{
border: none !important;
margin: 0px !important;
padding: 6px 0px 0px 10px !important;
width: 25px !important;
}

#presence_notifications_tab .inner_button{
margin: 3px 0px 0px 0px !important;
background: url("http://i640.photobucket.com/albums/uu123/vus4fb/icons/icon_notifies.png") center center no-repeat !important;
width: 24px !important;
}

#chat_status_control_tab:hover,
#presence_notifications_tab:hover{
background: transparent url("http://i640.photobucket.com/albums/uu123/vus4fb/taskbar/tabsmallh.png") top left no-repeat !important;
}

#presence_notifications_tab .sx_icons_notifications{
visibility: hidden !important;
}

#chat_status_control_tab .titletip{
margin-bottom: -6px !important;
}

#prev_count, #next_count{display: none !important;}

#chat_next_tab, #chat_previous_tab{
height: 30px !important;
margin-top: -5px !important;
border: 0px !important;
}

#chat_previous_tab{
background: url("http://i640.photobucket.com/albums/uu123/vus4fb/taskbar/arr_left_n.png") center center no-repeat !important;
}

#chat_next_tab{
background: url("http://i640.photobucket.com/albums/uu123/vus4fb/taskbar/arr_right_n.png") center center no-repeat !important;
}

#chat_previous_tab:hover{
background: url("http://i640.photobucket.com/albums/uu123/vus4fb/taskbar/arr_left_h.png") center center no-repeat !important;
}

#chat_next_tab:hover{
background: url("http://i640.photobucket.com/albums/uu123/vus4fb/taskbar/arr_right_h.png") center center no-repeat !important;
}

#chat_previous_tab,
#chat_next_tab{
margin-top: 0px !important;
}

#chat_previous_tab span,
#chat_next_tab span{
display: none !important;
}

/*
____________________________
3. FLYOUT MENUS REDESIGNMENT
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
*/

/*## 3.1 General ##*/

.presence_menu_opts_wrapper{
margin-bottom: 34px !important;
z-index: 30 !important;
}

body:not(.presence_popout) .chat_window,
body:not(.presence_popout) .presence_menu_opts{
border: 1px solid #484a4c !important;
border-width: 0px 1px 0px 1px !important;
background: #404448 url("http://i954.photobucket.com/albums/ae29/Plaw8/popupb-1.jpg") top left repeat-x !important;
color: #ffffff !important;
border: 2px solid transparent !important;
-moz-border-bottom-colors: transparent transparent !important;
-moz-border-left-colors: #282b2e rgba(255,255,255,0.6) !important;
-moz-border-right-colors: #282b2e rgba(255,255,255,0.6) !important;
-moz-border-top-colors: #282b2e  rgba(255,255,255,0.6) !important;
-moz-border-radius: 10px 10px 0px 0px !important;
}

#presence_bar .presence_menu_opts h2{
background: url(http://www.facebook.com/images/chat/minimize.gif) no-repeat scroll right top !important;
border: none !important;
padding: 3px !important;
margin-right: 10px !important;
width: auto !important;
}

#presence_bar .presence_menu_opts h2:hover{
background-position:right -16px !important;
}

/*### 3.2 Applications Menu ###*/

#presence_bar .application_menu_divider{
color: black !important;
border: none !important;
font-size: 12px !important;
font-family: verdana;
}

#presence_applications .presence_menu_content_wrapper:after{
content: "• VUS4FB |@Taskbar - v0.8.1| •";
margin-left: 38px !important;
color: #a1a1a1 !important;
}

.flyout,
#presence_applications .presence_menu_content_wrapper{
background: white !important;
margin: 5px !important;
border: 2px solid transparent !important;
-moz-border-bottom-colors: transparent transparent !important;
-moz-border-left-colors: #bababa #3a3a3a !important;
-moz-border-right-colors: #bababa #3a3a3a !important;
-moz-border-top-colors: #bababa #3a3a3a !important;
-moz-border-bottom-colors: #bababa #3a3a3a !important;
-moz-border-radius: 2px !important;
}

#presence_applications .presence_menu_content_wrapper a{
color: #5a5a5a !important;
}

.application_menu_header .right,
.application_menu_header .left{
width: 210px !important;
float: left !important;
text-align: center !important;
}

.application_menu_header .right a{
color: #afe9ff !important;
}

.application_menu_header{
background: none !important;
}

.application_menu_logoless_item a{
color: white !important;
}

/*### 3.3 Chat Panel ###*/

#buddy_list_panel{
-moz-appearance: -moz-win-communications-toolbox !important;
border: none !important;
}

#buddy_list_panel a.panel_item span{
text-shadow: none !important;
font-weight: normal !important;
font-size: 11px !important;
padding: 2px 4px 5px 4px !important;
}

#buddy_list_panel .flyout_open a.panel_item span{
background: rgba(0,0,0,0.3) !important;
}

#options_item, #lists_item,
#buddy_list_panel .lists,
#buddy_list_panel .settings,
#buddy_list_panel .panel_item{
background: none !important;
border: none !important;
}

#buddy_list_all .friendlist_status,
#buddy_list_all .friendlist_status a{
background: none !important;
}

#options_item,
#lists_item{
color: black !important;
}

#buddy_list_panel .panel_icon{
display: none !important;
}

#buddy_list_typeahead{
background: none !important;
}

#buddy_list_typeahead_input,
#buddy_list_empty_search{
-moz-appearance: none !important;
background: url(http://i640.photobucket.com/albums/uu123/vus4fb/taskbar/inptbg.png) top left repeat-x !important;
border: 1px solid #1e1e1e!important;
-moz-border-radius: 5px !important;
}

.friend_status strong{
color: #afe9ff !important;
font-weight: bold !important;
}

.friend_status span{
color: rgba(255,255,255, 0.7) !important;
}

.online_status_container{
background: none !important;
}

.buddy_list .online_status_container a,
.buddy_list .online_status_container a:hover{
background: url(http://i640.photobucket.com/albums/uu123/vus4fb/taskbar/friend_list_online.png) top left repeat-x !important;
height: 16px !important;
width: 16px !important;
}

.buddy_list ul li.offline .online_status_container a{
background: url(http://i640.photobucket.com/albums/uu123/vus4fb/taskbar/friend_list_offline.png) top left repeat-x !important;
}

#buddy_list_parent .idle .available_dot,
#buddy_list_parent .available_dot{
padding: 3px 0px 0px 10px !important;
}

/*FriendLists*/

#buddy_list_parent .friend_list{
background: rgba(0,0,0,0.3) !important;
-moz-border-radius: 3px !important;
margin: 3px !important;
}

#buddy_list_parent .friend_list_container li{
background: none !important;
}

.presence_menu_opts .list_select li>a:hover{
background: rgba(0,0,0,0.2) !important;
} 

#buddy_list_all .friendlist_status a{
color: white !important;
}

#buddy_list_all .friendlist_status{
border: none !important;
}

#reorder_fl_alert{
background: none !important;
}

#buddy_list_empty_item{
color: white !important;
}

/*### 3.4 Conversations ##*/

body:not(.presence_popout) #chat{
margin-right: 10px !important;
}

body:not(.presence_popout) .chat_window_wrapper{
background: none !important;
}

body:not(.presence_popout) .chat_window {
margin-bottom: 6px !important;
}

body:not(.presence_popout) .chat_info_pic{
width: 48px !important;
height: 48px !important;
padding: 10px !important; padding-left: 8px !important;
margin-top: -33px !important; margin-left: 5px !important;
background: transparent url("http://i640.photobucket.com/albums/uu123/vus4fb/chat/frames.png") -2px 3px no-repeat !important;
}

body:not(.presence_popout) .idle .chat_info_pic{
background-position: -67px 3px !important; 
}

body:not(.presence_popout) .disabled .chat_info_pic{
background-position: -133px 4px !important; 
}

body:not(.presence_popout) .chat_header{
height: 5px !important;
}

body:not(.presence_popout) .chat_header_name{
margin-left: 70px !important;
}

.chat_header_name a{
color: #afe9ff !important;
}

.chat_header, .chat_info, .chat_conv, .chat_conv_content .visibility_change{
background: none !important;
border: none !important;
}

body:not(.presence_popout) .chat_conv_content .visibility_change{
color: white !important;
margin: 0px 10px 0px 8px !important;
}

body:not(.presence_popout) .chat_info{
float: left !important;
width: 200px !important;
margin: 17px 10px 5px 13px !important;
padding: 0px !important;
}

body:not(.presence_popout) .chat_window .toolbox{
background: none !important;
margin-top: 20px !important;
border: none !important;
}

body:not(.presence_popout) .chat_window .toolbox .chat_actions{
border: none !important;
}

body:not(.presence_popout) .chat_window .toolbox .action{
color: white !important;
}

body:not(.presence_popout) .chat_conv_content .body a{
color: #afe9ff !important;
}

body:not(.presence_popout) .chat_info_status{
color: white !important;
}

.chat_info_status_time{
color: #afe9ff !important;
margin: 0px !important;
}

body:not(.presence_popout) .chat_conv{
border-top: 1px solid rgba(255,255,255,0.6) !important;
margin-left: 0px !important;
}

body:not(.presence_popout) .p_other,
body:not(.presence_popout) .chat_info_clear_history,
body:not(.presence_popout) .chat_conv .other,
body:not(.presence_popout) .chat_conv .other a{
border: none !important;
color: orange !important;
}

body:not(.presence_popout) .p_self,
body:not(.presence_popout) .chat_conv .self {
color: #afe9ff !important;
border: none !important;
}

body:not(.presence_popout) .chat_input_div{
margin: 8px 4px 2px 4px !important;
width: 216px !important;
background: white url(http://i640.photobucket.com/albums/uu123/vus4fb/taskbar/inptbg.png) bottom left repeat-x !important;
border: 1px solid #1e1e1e!important;
-moz-border-radius: 5px !important;
}


body:not(.presence_popout) .chat_input_border{
background: none !important;
}

body:not(.presence_popout) .chat_input_div textarea{
-moz-appearance: none !important;
border: none !important;
}

.minifeed{
background: none !important;
border: none !important;
}

.minifeed .UIStory{
-moz-border-radius: 4px !important;
padding: 4px !important;
}

.msg_error,
.chat_notice{
background: rgba(255,255,255,0.2) !important;
border: none !important;
}



/*### 3.5 Notifies ###*/

#presence_notifications_content .notification,
#presence_notifications_content .notification .body{
border: none !important;
background: none !important;
color: rgba(255,255,255,0.7) !important;
}

#presence_notifications_content .notification:hover{
background: rgba(255,255,255,0.1) !important;
}

.presence_notifications_see_all,
#presence_notifications_content .notification .body a{
color: #afe9ff !important;
font-weight: bold !important;
}

.notif_del{
background: none !important;
}

.notif_del:before{
content: "x" !important;
font-family: tahoma !important;
font-size: 12px !important;
color: white !important;
}

.notif_del:hover:before{
content: "x" !important;
color: red !important;
}

/*### THE END ###*/

/*(c)2008-2009 HeartRipper. RIP = R.I.P.*/
}