/* $Id: ui-controller-button--square_black.css 10377 2011-04-08 07:34:48Z rodion_volchkov $ */


/* =ui-controller-button--square_black
__________________________________*/

.ui-controller-button--square_black {
	position:relative;
}

.ui-controller-button--square_black:before {
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#404657), to(#9c9da3));
	background: -moz-linear-gradient(top, #404657, #9c9da3);
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	z-index:3;
}

.ui-controller-button--square_black:after {
	content:'';
	position:absolute;
	top:1px;
	bottom:1px;
	right:1px;
	left:1px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#000004), to(#000007));
	background: -moz-linear-gradient(top, #000004, #000007);
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	z-index:5;
}

.ui-controller-button--square_black .ui-controller-button_container {
	position:absolute;
	z-index:10;
	top:2px;
	bottom:2px;
	right:2px;
	left:2px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#4d5462), to(#02020e));
	background: -moz-linear-gradient(top, #4d5462, #02020e);
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
}


.ui-controller-button--square_black.active .ui-controller-button_container,
.ui-controller-button--compact.active .ui-controller-button_container ,
.ui-controller-button--compact.current .ui-controller-button_container,
.ui-controller .compact .ui-controller-button_container,
.ui-controller .current .ui-controller-button_container {
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#51b2fd), to(#2883fd));
	background: -moz-linear-gradient(top, #51b2fd, #2883fd);
}

.ui-controller-button--common_view {
	width:34px !important;
	right:-4px;
}

.ui-controller-button--column_view.ui-controller-button--square_black:before,
.ui-controller-button--column_view.ui-controller-button--square_black:after,
.ui-controller-button--column_view .ui-controller-button_container {
	border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 2px 2px 0;
	-khtml-border-radius:  0 2px 2px 0;
}

/* =opera svg
__________________________________*/

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	head~body .ui-controller-button--square_black:before,
	head~body .ui-controller-button--square_black:after,
	head~body .ui-controller-button--square_black .ui-controller-button_container,
	head~body .ui-controller-button--square_black.active .ui-controller-button_container,
	head~body .ui-controller-button--compact.active .ui-controller-button_container ,
	head~body .ui-controller-button--compact.current .ui-controller-button_container,
	head~body .ui-controller-button--column_view.ui-controller-button--square_black:before,
	head~body .ui-controller-button--column_view.ui-controller-button--square_black:after,
	head~body .ui-controller-button--column_view .ui-controller-button_container,
	head~body .ui-controller .compact .ui-controller-button_container,
	head~body .ui-controller .current .ui-controller-button_container {
 	  border-radius: 0 !important;
  }
  head~body .ui-controller-button--square_black:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIg0KICAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiPg0KPGRlZnM+DQo8bGluZWFyR3JhZGllbnQgaWQ9InJlZF9ibGFjayIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPg0KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQwNDY1NyIvPg0KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOWM5ZGEzIi8+DQo8L2xpbmVhckdyYWRpZW50Pg0KPC9kZWZzPg0KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6dXJsKCNyZWRfYmxhY2spIiByeD0iMiIvPg0KPC9zdmc+);
  }
	head~body .ui-controller-button--square_black:after {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIg0KICAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiPg0KPGRlZnM+DQo8bGluZWFyR3JhZGllbnQgaWQ9InJlZF9ibGFjayIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPg0KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwNCIvPg0KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDA3Ii8+DQo8L2xpbmVhckdyYWRpZW50Pg0KPC9kZWZzPg0KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6dXJsKCNyZWRfYmxhY2spIiByeD0iMiIvPg0KPC9zdmc+IA==);
	}
	head~body .ui-controller-button--square_black .ui-controller-button_container {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIg0KICAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiPg0KPGRlZnM+DQo8bGluZWFyR3JhZGllbnQgaWQ9InJlZF9ibGFjayIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPg0KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNTQ2MiIvPg0KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDIwMjBlIi8+DQo8L2xpbmVhckdyYWRpZW50Pg0KPC9kZWZzPg0KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6dXJsKCNyZWRfYmxhY2spIiByeD0iMiIvPg0KPC9zdmc+);
  }
	head~body .ui-controller-button--square_black.active .ui-controller-button_container,
	head~body .ui-controller-button--compact.active .ui-controller-button_container ,
	head~body .ui-controller-button--compact.current .ui-controller-button_container,
	head~body .ui-controller .compact .ui-controller-button_container,
	head~body .ui-controller .current .ui-controller-button_container {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIg0KICAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiPg0KPGRlZnM+DQo8bGluZWFyR3JhZGllbnQgaWQ9InJlZF9ibGFjayIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPg0KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUxYjJmZCIvPg0KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjg4M2ZkIi8+DQo8L2xpbmVhckdyYWRpZW50Pg0KPC9kZWZzPg0KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6dXJsKCNyZWRfYmxhY2spIiByeD0iMiIvPg0KPC9zdmc+);
  }
	head~body .ui-controller-button--column_view.ui-controller-button--square_black:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIg0KICAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiPg0KPGRlZnM+DQo8bGluZWFyR3JhZGllbnQgaWQ9InJlZF9ibGFjayIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPg0KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQwNDY1NyIvPg0KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOWM5ZGEzIi8+DQo8L2xpbmVhckdyYWRpZW50Pg0KPC9kZWZzPg0KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6dXJsKCNyZWRfYmxhY2spIiByeD0iMiIvPg0KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjJweCIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDp1cmwoI3JlZF9ibGFjaykiIHJ4PSIwIi8+DQo8L3N2Zz4=);
  }
	head~body .ui-controller-button--column_view.ui-controller-button--square_black:after {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIg0KICAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiPg0KPGRlZnM+DQo8bGluZWFyR3JhZGllbnQgaWQ9InJlZF9ibGFjayIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPg0KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwNCIvPg0KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDA3Ii8+DQo8L2xpbmVhckdyYWRpZW50Pg0KPC9kZWZzPg0KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6dXJsKCNyZWRfYmxhY2spIiByeD0iMiIvPg0KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjJweCIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDp1cmwoI3JlZF9ibGFjaykiIHJ4PSIwIi8+DQo8L3N2Zz4=);
	}
	head~body .ui-controller-button--column_view .ui-controller-button_container {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIg0KICAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiPg0KPGRlZnM+DQo8bGluZWFyR3JhZGllbnQgaWQ9InJlZF9ibGFjayIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPg0KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNTQ2MiIvPg0KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDIwMjBlIi8+DQo8L2xpbmVhckdyYWRpZW50Pg0KPC9kZWZzPg0KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6dXJsKCNyZWRfYmxhY2spIiByeD0iMiIvPg0KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjJweCIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDp1cmwoI3JlZF9ibGFjaykiIHJ4PSIwIi8+DQo8L3N2Zz4=);
  }
	head~body .ui-controller-button--column_view.active .ui-controller-button_container {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIg0KICAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiPg0KPGRlZnM+DQo8bGluZWFyR3JhZGllbnQgaWQ9InJlZF9ibGFjayIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPg0KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUxYjJmZCIvPg0KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjg4M2ZkIi8+DQo8L2xpbmVhckdyYWRpZW50Pg0KPC9kZWZzPg0KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6dXJsKCNyZWRfYmxhY2spIiByeD0iMiIvPg0KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjJweCIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDp1cmwoI3JlZF9ibGFjaykiIHJ4PSIwIi8+DQo8L3N2Zz4=);
  }
}