/*===== Preloader =====*/

.uiElementsPreloader {
	width: 0px !important;
	height: 0px !important;
	overflow: hidden !important;
	position: absolute !important;
	display: none !important;
	left: -100000px !important;
	top: -100000px !important;
}

.uiElementsPreloader img {
	width: 1px !important;
	height: 1px !important;
}



/*===== GenericButton =====*/

.genericButtonContainer {
	display: inline-block;
	width: auto;
	height: 2.3em;
	/*background-image: url(/ikoner/uielements/genericbutton/center.png) !important;
	background-color: #252525;*/
	background: #434343;
	background: -moz-linear-gradient(top,  #434343 0%, #2a2a2a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#434343), color-stop(100%,#2a2a2a));
	background: -webkit-linear-gradient(top,  #434343 0%,#2a2a2a 100%);
	background: -o-linear-gradient(top,  #434343 0%,#2a2a2a 100%);
	background: -ms-linear-gradient(top,  #434343 0%,#2a2a2a 100%);
	background: linear-gradient(to bottom,  #434343 0%,#2a2a2a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434343', endColorstr='#2a2a2a',GradientType=0 );

	border: 1px solid transparent;
	border-left: 1px solid #434343;
	border-right: 1px solid #434343;
	margin: 5px;
	padding: 0px;
	padding-top: .4em;
	line-height: 1.1em !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 4px RGBA(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 4px RGBA(0,0,0,0.5);
	box-shadow: 0px 0px 4px RGBA(0,0,0,0.5);
}

.genericButtonContainer, .genericButtonContainer a, .genericButtonContainer span{
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-webkit-user-drag: none;
	-moz-user-drag: none;
	user-drag: none;
}

.genericButtonContainer span {
	color: #F399C0 !important;
	font-size: 1.1em !important;
	font-weight: normal !important;
	text-decoration: none !important;
	padding-left: 10px;
	padding-right: 10px;
}

input.genericButtonContainer{
	color: #F399C0 !important;
	font-size: 1.1em !important;
	font-weight: normal !important;
	text-decoration: none !important;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 4px;
	line-height: 25px;
	vertical-align: top;	
}

.genericButtonContainer a, .genericButtonContainer a:visited {
	display: block;
	outline: none;
	color: #F399C0 !important;
	text-decoration: none !important;
	font-weight: normal !important;
	width: 100%;
	height: 100%;
}

.genericButtonContainer:hover {
	/*background-image: url(/ikoner/uielements/genericbutton/center_hover.png) !important;
	background-color: #252525 !important;*/
	border: 1px solid black;

}

.genericButtonContainer:active {
	/*background-image: url(/ikoner/uielements/genericbutton/center_active.png) !important;*/
	background: #333333;
	background: -moz-linear-gradient(top,  #333333 0%, #1b1b1b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#1b1b1b));
	background: -webkit-linear-gradient(top,  #333333 0%,#1b1b1b 100%);
	background: -o-linear-gradient(top,  #333333 0%,#1b1b1b 100%);
	background: -ms-linear-gradient(top,  #333333 0%,#1b1b1b 100%);
	background: linear-gradient(to bottom,  #333333 0%,#1b1b1b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#1b1b1b',GradientType=0 );
}

.genericButtonContainer:hover a, .genericButtonContainer a:hover, .genericButtonContainer a:hover span{
	text-decoration: none !important;
	font-weight: normal !important;
}

.genericButtonContainer:active span{
	color: #E48AB1 !important;
}


/*===== GenericRadioButton =====*/

label.genericRadioButton:before {
	content: '';
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	background: #434343;
	background: -moz-linear-gradient(top,  #434343 0%, #2a2a2a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#434343), color-stop(100%,#2a2a2a));
	background: -webkit-linear-gradient(top,  #434343 0%,#2a2a2a 100%);
	background: -o-linear-gradient(top,  #434343 0%,#2a2a2a 100%);
	background: -ms-linear-gradient(top,  #434343 0%,#2a2a2a 100%);
	background: linear-gradient(to bottom,  #434343 0%,#2a2a2a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434343', endColorstr='#2a2a2a',GradientType=0 );
	border: 1px solid #434343;
	margin-right: 1em;
	padding: 0px;
	line-height: 20px;
	vertical-align: text-bottom;
	-webkit-border-radius: .75em;
	-moz-border-radius: .75em;
	border-radius: .75em;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-shadow: 0px 0px 4px RGBA(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 4px RGBA(0,0,0,0.5);
	box-shadow: 0px 0px 4px RGBA(0,0,0,0.5);
}

label.genericRadioButton:active:before {
	background: black;
}

input.genericRadioButton {
	display: none;
}
input.genericRadioButton:checked + label.genericRadioButton:before {
	background-image: none !important;
	background: #f280a1;
	border-width: .5em;
}