.newButton{
	border-radius: 3px;
	display: inline-block;
	color: #fff !important;
	font: 12px/12px Arial, sans-serif !important;
	padding: 9px 15px;
	min-width: 50px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	position: relative;
}
.newButton:hover{
	text-decoration: none !important;
}
.newButton.big{
	font: bold 14px/normal Arial, sans-serif !important;
	text-transform: uppercase;
	padding: 10px 20px;
	letter-spacing: 1px;
}
.newButton.bigText{
	text-transform: uppercase;
}
.newButton.boldText{
	font: bold 14px/normal Arial, sans-serif !important;
}
.newButton.biggest,
.newButton.biggest:hover,
.newButton.biggest:active
{
	font: bold 19px/55px Arial, sans-serif !important;
	padding: 0 27px !important;
	letter-spacing: 0;
	height: 55px;
	margin:0;
}
.newButton:hover{
	text-decoration: none !important;
}
.newButton:active {
	padding: 10px 14px 8px 16px !important;
}
.ui-dialog-buttonset .newButton:active {
	padding: 9px 15px !important;
}
.newButton.big:active{
	padding: 11px 19px 9px 21px !important;
}

.newButton.middle{
	font: bold 16px/normal Arial, sans-serif !important;
	padding: 12px 32px;
}
.newButton.middle:active{
	padding: 13px 31px 11px 33px !important;
}

.newButton.bigPadding,
.newButton.bigPadding:hover{
	padding: 13px 35px;
}
.newButton.bigPadding:active{
	padding: 14px 34px 12px 36px !important;
}

.newButton.green{
	background: -webkit-linear-gradient(top, #97c765 0%,#7eaf4a 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#97c765),color-stop(1,#7eaf4a))!important;
    background: -moz-linear-gradient(center top,#97c765 0%,#7eaf4a 100%)!important;  
    background-color: #7eaf4a!important;
    border: 1px solid #7fb04b!important;
    background: linear-gradient(to bottom,#97c765 0%,#7eaf4a 100%);
}
.newButton.green:not(.pending):hover {
	background: -webkit-linear-gradient(top, #a6d277 0%,#97c765 100%);
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #a6d277), color-stop(1, #97c765) ) !important;
	background: -moz-linear-gradient( center top, #a6d277 0%, #97c765 100% ) !important;
	background-color: #97c765 !important;
	background: linear-gradient(to bottom,#a6d277 0%,#97c765 100%);
	
}
.newButton.green:not(.pending):active{
	background: none !important;
	background-color: #8cbc58 !important;
}

.newButton.sand{
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #ffba70), color-stop(1, #f7b166) ) !important;
	background: -moz-linear-gradient( center top, #ffba70 0%, #f7b166 100% ) !important;
	background-color: #ffba70 !important;
	border: 1px solid #e2994b !important;
	background: linear-gradient(to bottom,#ffba70 0%,#f7b166 100%);
}
.newButton.sand:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #feca92), color-stop(1, #f6b774) ) !important;
	background: -moz-linear-gradient( center top, #feca92 0%, #f6b774 100% ) !important;
	background-color: #f6b774 !important;
	background: linear-gradient(to bottom,#feca92 0%,#f6b774 100%);
}
.newButton.sand:active{
	background: none !important;
	background-color: #e2994b !important;
}

.newButton.violet{
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #ba88c8), color-stop(1, #b16ac6) ) !important;
	background: -moz-linear-gradient( center top, #ba88c8 0%, #b16ac6 100% ) !important;
	background-color: #ba88c8 !important;
	border: 1px solid #ad69c1 !important;
	background: linear-gradient(to bottom,#ba88c8 0%,#b16ac6 100%);
}
.newButton.violet:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #c397d0), color-stop(1, #c082d2) ) !important;
	background: -moz-linear-gradient( center top, #c397d0 0%, #c082d2 100% ) !important;
	background-color: #c082d2 !important;
	background: linear-gradient(to bottom,#c397d0 0%,#c082d2 100%);
}
.newButton.violet:active{
	background: none !important;
	background-color: #b87cca !important;
}

.newButton.red{
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #f22c35), color-stop(1, #f83942) ) !important;
	background: -moz-linear-gradient( center top, #f22c35 0%, #f83942 100% ) !important;
	background-color: #f22c35 !important;
	border: 1px solid #d1161d !important;
	background: linear-gradient(to bottom,#f22c35 0%,#f83942 100%);
}
.newButton.red:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #fc434c), color-stop(1, #fe5058) ) !important;
	background: -moz-linear-gradient( center top, #fc434c 0%, #fe5058 100% ) !important;
	background-color: #fc434c !important;
	background: linear-gradient(to bottom,#fc434c 0%,#fe5058 100%);
}
.newButton.red:active{
	background: none !important;
	background-color: #f22c35 !important;
	
}

.newButton.blue{
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #6494d9), color-stop(1, #4c80ca) );
	background: -moz-linear-gradient( center top, #6494d9 0%, #4c80ca 100% );
	background-color: #4c80ca;
	border: 1px solid #5786c9 !important;
	background: linear-gradient(to bottom,#6494d9 0%,#4c80ca 100%);
}
.newButton.blue:not(.pending):hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #6e9ddf), color-stop(1, #6494d9) );
	background: -moz-linear-gradient( center top, #6e9ddf 0%, #6494d9 100% );
	background-color: #6494d9;
	background: linear-gradient(to bottom,#6e9ddf 0%,#6494d9 100%);
}
.newButton.blue:not(.pending):active{
	background: none;
	background-color: #4c80ca !important;
}

@-webkit-keyframes animation-prvd-btn-pending {
	0% {
		background-position: 0;
	}
	100% {
		background-position: -560px;
	}
}
@-moz-keyframes animation-prvd-btn-pending {
	0% {
		background-position: 0;
	}
	100% {
		background-position: -560px;
	}
}
@-ms-keyframes animation-prvd-btn-pending {
	0% {
		background-position: 0;
	}
	100% {
		background-position: -560px;
	}
}
@keyframes animation-prvd-btn-pending {
	0% {
		background-position: 0;
	}
	100% {
		background-position: -560px;
	}
}
.newButton.green.pending {
	background: #85c750;
	background: -webkit-repeating-linear-gradient(45deg, #71b339, #71b339 10px, #85c750 10px, #85c750 20px);
	background: -o-repeating-linear-gradient(45deg, #71b339, #71b339 10px, #85c750 10px, #85c750 20px);
	background: -moz-repeating-linear-gradient(45deg, #71b339, #71b339 10px, #85c750 10px, #85c750 20px);
	background: repeating-linear-gradient(45deg, #71b339, #71b339 10px, #85c750 10px, #85c750 20px);
	background-size: 56px 100px;
	color: white;
	cursor: default;
	animation: animation-prvd-btn-pending 11.5s linear infinite;
}

.newButton.blue.pending {
	background: #6393d8;
	background: -webkit-repeating-linear-gradient(45deg, #5484c9, #5484c9 10px, #6393d8 10px, #6393d8 20px);
	background: -o-repeating-linear-gradient(45deg, #5484c9, #5484c9 10px, #6393d8 10px, #6393d8 20px);
	background: -moz-repeating-linear-gradient(45deg, #5484c9, #5484c9 10px, #6393d8 10px, #6393d8 20px);
	background: repeating-linear-gradient(45deg, #5484c9, #5484c9 10px, #6393d8 10px, #6393d8 20px);
	background-size: 56px 100px;
	color: white;
	cursor: default;
	animation: animation-prvd-btn-pending 11.5s linear infinite;
}

.newButton.orange {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #f7a87f), color-stop(1, #f4905a) );
	background: -moz-linear-gradient( center top, #f7a87f 0%, #f4905a 100% );
	background-color: #f7a87f;
	border: 1px solid #f39a69 !important;
	background: linear-gradient(to bottom,#f7a87f 0%,#f4905a 100%);
}
.newButton.orange:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #f7b88f), color-stop(1, #f4a06a) );
	background: -moz-linear-gradient( center top, #f7b88f 0%, #f4a06a 100% );
	background-color: #f7b88f;
	background: linear-gradient(to bottom,#f7b88f 0%,#f4a06a 100%);
}
.newButton.orange:active {
	background: none;
	background-color: #e7986f;
}

.newButton.orangeBright {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #ffae0c), color-stop(1, #ff7f00) );
	background: -moz-linear-gradient( center top, #ffae0c 0%, #ff7f00 100% );
	background-color: #ef9e00;
	border: 1px solid #ff7800 !important;
	background: linear-gradient(to bottom,#ffae0c 0%,#ff7f00 100%);
}
.newButton.orangeBright:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #ffbe1c), color-stop(1, #ff8f10) );
	background: -moz-linear-gradient( center top, #ffbe1c 0%, #ff8f10 100% );
	background-color: #ffae10;
	background: linear-gradient(to bottom,#ffbe1c 0%,#ff8f10 100%);
}
.newButton.orangeBright:active {
	background: none;
	background-color: #ff8205;
}

.newButton.orangeDark {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #f79c59), color-stop(1, #d87c38) );
	background: -moz-linear-gradient( center top, #f79c59 0%, #d87c38 100% );
	background-color: #e98e4a;
	border: 1px solid #ca6d28 !important;
	background: linear-gradient(to bottom,#f79c59 0%,#d87c38 100%);
}
.newButton.orangeDark:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #ffa765), color-stop(1, #e98a43) );
	background: -moz-linear-gradient( center top, #ffa765 0%, #e98a43 100% );
	background-color: #f39855;
	background: linear-gradient(to bottom,#ffa765 0%,#e98a43 100%);
}
.newButton.orangeDark:active {
	background: none !important;
	background-color: #e78c48 !important;
}

.newButton.gray {
	color: #999999 !important;
	text-shadow: 0px 1px 0px rgba(255,255,255,.4);
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #f6f6f6), color-stop(1, #e9e9e9) );
	background: -moz-linear-gradient( center top, #f6f6f6 0%, #e9e9e9 100% );
	background-color: #e9e9e9;
	
	border: 1px solid #dedede !important;
	background: linear-gradient(to bottom,#f6f6f6 0%,#e9e9e9 100%);
}
.newButton.gray:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #f0efef) ) !important;
	background: -moz-linear-gradient( center top, #fafafa 0%, #f0efef 100% ) !important;
	background-color: #f0efef !important;
	background: linear-gradient(to bottom,#fafafa 0%,#f0efef 100%);
}
.newButton.gray:active {
	background: none !important;
	background-color: #e5e5e5 !important;
}

.newButton.darkGray {
	color: #fff !important;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #cecece), color-stop(1, #b0b0b0) );
	background: -moz-linear-gradient( center top, #cecece 0%, #b0b0b0 100% );
	background-color: #cecece;
	
	border: 1px solid #b0b0b0 !important;
	background: linear-gradient(to bottom,#cecece 0%,#b0b0b0 100%);
}
.newButton.darkGray:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #bebebe), color-stop(1, #9b9b9b) ) !important;
	background: -moz-linear-gradient( center top, #bebebe 0%, #9b9b9b 100% ) !important;
	background-color: #9b9b9b !important;
	background: linear-gradient(to bottom,#bebebe 0%,#9b9b9b 100%);
}
.newButton.darkGray:active {
	background: none !important;
	background-color: #b2b2b2 !important;
}

.newButton.centered{
	width: 50px;
	display: block;
	margin: 0 auto;
}

/* small buttons */

.newButton.smallerBold{
	font: bold 13px/normal Arial, sans-serif !important;
	padding: 5px 12px 7px 12px !important;
}
.newButton.smallerBold:active{
	padding: 6px 11px 6px 13px !important;
}

.newButton.smallBold{
	font: bold 13px/normal Arial, sans-serif !important;
	padding: 7px 12px !important;
}
.newButton.smallBold:active{
	padding: 8px 11px 6px 13px !important;
}

.newButton.small{
	text-transform: uppercase;
	padding: 10px 15px !important;
	width: auto !important;
}
.newButton.small:active {
	padding: 11px 14px 9px 16px !important;
}

.newButton.disabled, .newButton.disabled:active, .newButton.disabled:hover {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #ccc), color-stop(1, #bbb) ) !important;
	background: -moz-linear-gradient( center top, #ccc 0%, #bbb 100% ) !important;
	background-color: #bbb !important;
    cursor: default;
    border-color: #bbb !important;
    outline: none;
    pointer-events: none;
    background: linear-gradient(to bottom,#ccc 0%,#bbb 100%);
}
/* pretty botton */

.prettyButton{
	white-space: nowrap;
	cursor: pointer;
	text-decoration: none !important;
	display: inline-block;
	padding: 5px 10px 5px 30px;
	position: relative;
	clear: both;
	color: #2c66b3;
	font: 10px/normal Arial, sans-serif;
	text-transform: uppercase;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	background: #eaeaea;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#eaeaea 100%);
}
.prettyButton:before{
	content: '';
	display: block;
	position: absolute;
	left: 7px;
	top: 50%;
	background: url(/images/sprite.png) no-repeat;
}
.prettyButton:hover{
	background: #f4f4f4;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f8f8f8 100%);
}
.prettyButton:active{
	padding: 6px 9px 4px 31px;
	border-color: #dcdcdc;
	background: #e9e9e9;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e1e1), color-stop(100%,#e9e9e9));
	background: -webkit-linear-gradient(top,  #e1e1e1 0%,#e9e9e9 100%);
	background: linear-gradient(to bottom,  #e1e1e1 0%,#e9e9e9 100%);
}
.prettyButton.editAnswer:active{
	padding: 5px 9px 5px 31px;
}
.prettyButton:active:before{
	left: 8px;
}

.prettyButton.disabled, .prettyButton.disabled:active, .prettyButton.disabled:hover {
    -moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,.4);
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,.4);
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #ccc), color-stop(1, #bbb) ) !important;
	background: -moz-linear-gradient( center top, #ccc 0%, #bbb 100% ) !important;
	background-color: #bbb !important;
    cursor: default;
    border-color: #bbb !important;
    outline: none;
    pointer-events: none;
    text-shadow: 0px -1px 0px rgba(0,0,0,.2);
    color: #fff !important;
}
.prettyButton.empty{ 
	padding: 5px 9px 5px 10px;
}
.prettyButton.empty:active{ 
	padding: 5px 8px 5px 11px;
}
.ie-upload-bar{
	margin: 5px 0 0 0;
	background: url(/images/design/ajax-loader-upload.gif) no-repeat;
	width: 150px;
	height: 8px;
	display: block;
	top: 0;
	right: 10px;
	position: absolute;
}

/* white button */

.whiteButton{
	white-space: nowrap;
	cursor: pointer;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
	border-radius: 2px;
	text-decoration: none;
	display: block;
	float: left;
	height: 30px;
	padding: 0 15px;
	color: #4f4f4f;
	font: bold 12px/30px Arial, sans-serif;
	border: 1px solid #dadada;
	background: #e6e6e6;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#e6e6e6 100%);
	position:relative;
	z-index: 0;
}
.whiteButton:hover{
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%);
}
.whiteButton:active{
	background: #dedede;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#dedede));
	background: -webkit-linear-gradient(top,  #e6e6e6 0%,#dedede 100%);
	background: linear-gradient(to bottom,  #e6e6e6 0%,#dedede 100%);
	box-shadow: none;
	text-shadow: 0px -1px 0px #f0f0f0;
}

.ui-dialog .whiteButton{
	border: 1px solid #dadada !important;
	color: #969696 !important;
	text-transform: uppercase !important;
	font: bold 12px/36px Arial, sans-serif !important;
	background: #e6e6e6 !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)) !important;
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%) !important;
	background: linear-gradient(to bottom,  #ffffff 0%,#e6e6e6 100%) !important;
	text-shadow: none !important;
	height: 36px;
}
.ui-dialog .whiteButton:hover{
	background: #f2f2f2 !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)) !important;
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%) !important;
	background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%) !important;
}
.ui-dialog .whiteButton:active{
	background: #dedede !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#dedede)) !important;
	background: -webkit-linear-gradient(top,  #e6e6e6 0%,#dedede 100%) !important;
	background: linear-gradient(to bottom,  #e6e6e6 0%,#dedede 100%) !important;
	box-shadow: none !important;
}