/*
 * Description: CSS stylesheet.
 * Author: Zoran Stalevski
 * (c) Neubloc, all rights reserved.
 * http://neubloc.com/
 */

ul.btn {
	margin: 0 -3px 0 0;
	padding: 0;
	display: inline;
	list-style: none;
	vertical-align: top;
}
ul.btn li {
	margin: 0;
	padding: 0;
	display: inline;
}
ul.btn li.column_wide {
	width: 200px;
}
ul.btn li a {
	margin: 0 3px 0 0;
	padding: 5px 0 5px 10px;
	background: url(../images/new_layout/btn/btn_left.png) no-repeat top left;
	color: #eee;
	font: bold 9pt/25px Arial, sans-serif !important;
}
ul.btn li a span {
	margin: 0;
	padding: 5px 10px 5px 0;
	background: url(../images/new_layout/btn/btn_right.png) no-repeat top right;
	white-space: nowrap;
}
ul.btn li.column_wide a,
ul.btn li.col_btn a {
	display: block;
	width: 10px;
	height: 25px;
	line-height: 25px;
	margin: 0;
	padding: 0;
}
ul.btn li.column_wide a span,
ul.btn li.col_btn a span {
	text-align: center;
	display: block;
	margin: 0 0 0 10px;
	padding: 0;
	width: 190px;
	height: 25px;
	line-height: 25px;
}
ul.btn li.col_btn a span {
	width: 110px;
	padding-right: 10px;
}
ul.btn li a:hover {
	background-position: left -25px;
	color: #fff;
}
ul.btn li a:hover span {
	background-position: right -25px;
	color: #fff;
}
ul.btn li.last_btn a {
	margin-right: 0;
}

/* Icon only buttons */
ul.btn li.btn_ico a {
	padding: 5px 0 5px 5px;
	background-image: url(../images/new_layout/btn/btn_left_ico.png);
}
ul.btn li.btn_ico a span {
	padding: 5px 7px 5px 0;
}
ul.btn li.btn_ico a img {
	margin: 0 5px -3px 5px;
}
ul.btn li.btn_ico.btn_condensed a img {
	margin: 0 0 -3px 0;
}
#header_search_contents ul.btn {
	margin: 0;
}
#header_search_contents ul.btn li.btn_ico.btn_condensed a {
	display: block;
	float: left;
	padding: 0 0 0 5px;
}
#header_search_contents ul.btn li.btn_ico.btn_condensed a span {
	display: block;
	float: left;
	padding: 0 7px 0 0;
	height: 25px;
}


/* Other colors */
ul.btn li.btn_blue a {background-image: url(../images/new_layout/btn/btn_left_blue.png);}
ul.btn li.btn_blue a span {background-image: url(../images/new_layout/btn/btn_right_blue.png);}
ul.btn li.btn_blue.btn_ico a {background-image: url(../images/new_layout/btn/btn_left_blue_ico.png);}
ul.btn li.btn_gray a {background-image: url(../images/new_layout/btn/btn_left_gray.png);}
ul.btn li.btn_gray a span {background-image: url(../images/new_layout/btn/btn_right_gray.png);}
ul.btn li.btn_gray.btn_ico a {background-image: url(../images/new_layout/btn/btn_left_gray_ico.png);}

/* Images */
ul.btn li a span.arrow_up {
	margin: 0 0 0 5px;
	padding: 5px;
	background: url(../images/new_layout/btn/btn_ico_arrow_up.png) no-repeat 50% 50%;
}
ul.btn li a span.arrow_down {
	margin: 0 0 0 5px;
	padding: 5px;
	background: url(../images/new_layout/btn/btn_ico_arrow_down.png) no-repeat 50% 50%;
}
ul.btn li a span.arrow_left {
	margin: 0 5px 0 0;
	padding: 5px;
	background: url(../images/new_layout/btn/btn_ico_arrow_left.png) no-repeat 50% 50%;
}
ul.btn li a span.arrow_right {
	margin: 0 5px 0 0;
	padding: 5px;
	background: url(../images/new_layout/btn/btn_ico_arrow_right.png) no-repeat 50% 50%;
}
ul.btn li a span.ico_audio {
	margin: 0 5px 0 0;
	padding: 0 10px 0 5px;
	background: url(../images/new_layout/btn/btn_ico_audio.png) no-repeat 50% 50%;
}
ul.btn li a span.ico_video {
	margin: 0 5px 0 0;
	padding: 0 10px 0 5px;
	background: url(../images/new_layout/btn/btn_ico_video.png) no-repeat 50% 50%;
}
ul.btn li a span.ico_add {
	margin: 0 5px 0 0;
	padding: 0 10px 0 5px;
	background: url(../images/new_layout/btn/btn_ico_add.png) no-repeat 50% 50%;
}
ul.btn li a span.ico_email_dark {
	margin: 0 5px 0 0;
	padding: 0 12px 0 7px;
	background: url(../images/new_layout/btn/btn_ico_email_dark.png) no-repeat 50% 50%;
}
ul.btn li a:hover span.arrow_down,
ul.btn li a:hover span.arrow_left,
ul.btn li a:hover span.arrow_right,
ul.btn li a:hover span.ico_audio,
ul.btn li a:hover span.ico_video,
ul.btn li a span.ico_add {
	background-position: 50% 50%;
}


/*Submit Button*/
button.btn_submit {
	position: relative;
	border: 0;
	cursor: pointer;
	overflow: visible;
	margin: 0 3px 0 0;
	padding: 0 0 0 10px;
	background: url(../images/new_layout/btn/btn_left.png) no-repeat top left;
	color: #eee;
	font: bold 9pt/25px Arial, sans-serif;
	height: 25px;
}
button.btn_submit span {
	position: relative;
	display: block;
	margin: 0;
	padding: 0 10px 0 0;
	background: url(../images/new_layout/btn/btn_right.png) no-repeat top right;
	white-space: nowrap;
	line-height: 25px;
	height: 25px;
}
button.btn_submit:hover,
.btn_blue button.btn_submit:hover {
	background-position: left -25px;
}
button.btn_submit:hover span,
.btn_blue button.btn_submit:hover span {
	background-position: right -25px;
}
.btn_blue button.btn_submit {
	background: url(../images/new_layout/btn/btn_left_blue.png) no-repeat top left;
}
.btn_blue button.btn_submit span {
	background: url(../images/new_layout/btn/btn_right_blue.png) no-repeat top right;
}
button::-moz-focus-inner {
	/* overrides extra padding in Firefox */
	border: none;
	padding: 0;
}
button.btn_submit:active,
.btn_blue button.btn_submit:active {
	-ms-background-position-x: 1px;
	-ms-background-position-y: -24px;
}
button span:active {
	/* Opera - fix margins */
	top: -1px; 
	left: -1px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome - fix margins */
	button.btn_submit span {
	margin-top: -1px;
}
button.btn_submit {
	/* Safari - fix for left side space */
	-webkit-border-fit:lines;
}
button span:active {
	top: 0px; 
	left: 0px;}
}
button.btn_submit.disabled {
	background: url(../images/new_layout/btn/btn_left_disabled.png) no-repeat top left;
	color: #656e7c;
}
button.btn_submit.disabled span {
	background: url(../images/new_layout/btn/btn_right_disabled.png) no-repeat top right;
}
.btn_blue button.btn_submit.disabled {
	background: url(../images/new_layout/btn/btn_left_blue_disabled.png) no-repeat top left;
	color: #5a6c88;
}
.btn_blue button.btn_submit.disabled span {
	background: url(../images/new_layout/btn/btn_right_blue_disabled.png) no-repeat top right;
}
button.btn_submit span.ico_video {
	display: inline;
	margin: 0 5px 0 0;
	padding: 0 10px 0 5px;
	background: url(../images/new_layout/btn/btn_ico_video.png) no-repeat 50% 50%; 
}
button.btn_submit.disabled span.ico_video {
	background: url(../images/new_layout/btn/btn_ico_video_disabled.png) no-repeat 50% 50%;
}
button.btn_submit span.ico_audio {
	display: inline;
	margin: 0 5px 0 0;
	padding: 0 10px 0 5px;
	background: url(../images/new_layout/btn/btn_ico_audio.png) no-repeat 50% 50%;
}
button.btn_submit.disabled span.ico_audio {
	background: url(../images/new_layout/btn/btn_ico_audio_disabled.png) no-repeat 50% 50%;
}