.ui-dialog
{
	z-index: 1000 !important;
}

input[type=password]:focus, input[type=password]:hover, textarea
{
	box-shadow: none;
}

#paymentControls
{
	padding: 5px;
	margin: 0 auto 0 auto;
	background: #444;
	background: rgba(0,0,0,.2);
	border-radius: 0px;
	box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
	margin-left: 0px;
	width: 355px;
}

#paymentControls #Amount
{
	width: 220px;
	height: 20px;
	padding: 10px 5px;
	padding-right: 0;
	float: left;
	font: bold 20px 'lucida sans' , 'trebuchet MS' , 'Tahoma';
	border: 0;
	background: #fff;
	border-radius: 0px;
	box-shadow: none;
}

#paymentControls #Amount:focus
{
	outline: 0;
	box-shadow: 0 0 1px rgba(0,0,0,.8) inset;
}

#paymentControls #sendPayment
{
	overflow: visible;
	position: relative;
	float: right;
	border: 0;
	padding: 0;
	cursor: pointer;
	height: 40px;
	width: 130px;
	font: bold 15px/40px 'lucida sans' , 'trebuchet MS' , 'Tahoma';
	color: #fff;
	text-transform: uppercase;
	background: url("/images/pledge_pp.png") #1B2030;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 0 3px 3px 0;
	text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
}

#paymentControls #sendPayment:hover
{
	background-color: #515c7c;
}

#paymentControls #sendPayment:active, #paymentControls #sendPayment:focus
{
	background-color: #515c7c;
	outline: 0;
}

#paymentControls #sendPayment:hover:before
{
	border-right-color: #515c7c;
}

#paymentControls #sendPayment:focus:before, #paymentControls #sendPayment:active:before
{
	border-right-color: #515c7c;
}

#paymentControls #sendPayment::-moz-focus-inner
{
	border: 0;
	padding: 0;
}

.cf:before, .cf:after
{
	content: "";
	display: table;
}

.cf:after
{
	clear: both;
}

.cf
{
	zoom: 1;
}

#progressbar
{
	width: 363px !important;
	height: 30px;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
	border: solid 1px #aaa !important;
	border-top: none !important;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	border-radius: 0px;
}

.ui-progressbar-value
{
	border-right: solid 1px #eee !important;
	background: rgb(252,234,187);
	background: -moz-linear-gradient(top,  rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%)!important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,234,187,1)), color-stop(50%,rgba(252,205,77,1)), color-stop(51%,rgba(248,181,0,1)), color-stop(100%,rgba(251,223,147,1)))!important;
	background: -webkit-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%)!important;
	background: -o-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%)!important;
	background: -ms-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%)!important;
	background: linear-gradient(to bottom,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 )!important;
}

#progresslabel
{
	float: left;
	font-family: Arial;
	font-weight: bold;
	color: #404860 !important;
	font-size: 15px !important;
	line-height: 33px;
	text-align: center;
	width: 100%;
}

#progressstats {
	font-family: Arial;
	margin-left: 0px;
	font-size: 11pt;
	border: solid 1px #aaa;
	width: 343px;
	background-color: #222;
	color: #fff;
	padding: 20px 10px;
	border-top: none;
	border-bottom: none;
	text-align: center;
}

#leftContainer {
	width: 360px;
	font-family: Tahoma;
	font-size: 9pt;
	float: left;
}

#greatestSupporters
{
	float: right;
	width: 600px;
	font-family: Tahoma;
	font-size: 9pt;
	background-color: #fff;
	padding: 8px 14px;
	min-height: 600px;
	border: solid 1px #ccc;
}

#settingsFormContainer
{
	margin-left: -430px;
	float: left;
	width: 350px;
	display: none;
	background-color: #ccc;
	padding: 6px;
	background-color: #222;
}

#settingsHeader {
	background-color: #222;
}

#settingsFormContainer table td {
	padding: 4px;
	margin: 0;
}

#settingsHeader td {
	color: #fff;
	padding: 8px !important;
	font-size: 11pt;
	font-weight: bold;
}

#settingsFormContainer table {
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
}

#settingsFormContainer table input[type=text],
#settingsFormContainer table textarea {
	width: 235px;
	resize:none;
}

.logo {
	width:96px;
	height:96px;
	border: solid 1px #cdcdcd !important;
	float: left;
}

.smallLogo {
	width:64px;
	height:64px;
	border: solid 1px #cdcdcd !important;
}

.supporterSmallName {
	font-size: 7pt;
	font-family: Arial;
	width: 64px;
	height: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
}

.supporterGoldBlock, 
.supporterSilverBlock, 
.supporterBronzeBlock {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 8px;
	height: 74px;
}

.supporterGoldBlock:nth-child(5n), 
.supporterSilverBlock:nth-child(5n), 
.supporterBronzeBlock:nth-child(5n) {
	margin-right: 0;
}

#GoldBlock, #SilverBlock, #BronzeBlock {
	margin-bottom: 10px;
	display: block;
	border: solid 1px #cdcdcd;
	border-top: none;
	padding: 6px;
	padding-bottom: 0;
	width: 351px;
	background-color: #fff;
}

#GoldBlockHeader, #SilverBlockHeader, #BronzeBlockHeader {
	display: block;
	padding: 6px;
	padding-left: 0;
	padding-top: 7px;
	background-color: #ececec;
	font-size: 11pt;
	font-family: Arial;
	font-weight: bold;
	width: 357px;
	line-height: 20px;
	color: #252525;
	border: solid 1px #ccc;
	overflow: hidden;
	color: #1B2030;
	text-shadow: 1px 1px 0px rgb(255, 255, 255);
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}

.triangle-topright { 
    width: 0; 
    height: 0; 
    border-top: 30px solid #ffa800; 
    border-right: 30px solid transparent;
    float: left;
    margin-top: -10px;
    margin-left: -10px;
}

#SilverBlockHeader {
	color: #1B2030;
}

#SilverBlockHeader>.triangle-topright {
	border-top: 30px solid #ccc; 
}

#BronzeBlockHeader {
	color: #1B2030;
}

#BronzeBlockHeader>.triangle-topright {
	border-top: 30px solid #d76d39; 
}

.whiteButton
{
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #eeeeee) );
	background: -moz-linear-gradient( center top, #ffffff 5%, #eeeeee 100% );
	background-color: #ffffff;
	border: 1px solid #a4a4a4;
	display: inline-block;
	color: #222;
	font-weight: bold;
	font-size: 9pt;
	padding: 4px 9px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #ffffff;
	cursor: pointer;
}
.whiteButton:hover
{
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eeeeee), color-stop(1, #ffffff) );
	background: -moz-linear-gradient( center top, #eeeeee 5%, #ffffff 100% );
	background-color: #eeeeee;
}
.whiteButton:active
{
	position: relative;
	top: 1px;
}

#description {
	margin-left: 0px;
	padding-bottom: 20px;
	font-size: 10pt;
	padding-top: 20px;
	clear: both;
}

.supporterBlock,.bold {
	font-size: 9pt;
	background-color: #fff;
	margin-bottom: 5px;
	border: solid 1px #fff;
	border: dotted 1px #ccc;
	padding: 10px;
}

.bold {
	font-size: 1.1em!important;
	background-color: #ece8dc;
	border: solid 1px #d6cfb7;
	margin-bottom: 5px;
}

.supporterName, .supporterContacts, .supporterMessage,
.supporterHistoryName, .supporterHistoryContacts, .supporterHistoryMessage
{
	margin-bottom: 2px;
	padding-left: 10px;
	float: left;
	width: 470px;
}

.supporterName, .supporterHistoryName {
	font-family: "Oswald",sans-serif;
	width: 360px;
	font-size: 1.2em!important;	
	color: #000;
}

.supporterHistoryName, .supporterHistoryContacts {
	width: 240px;
}

.supporterHistoryMessage {
	width: 470px;
	font-size: 0.9em;
}

.supporterHistoryMessageContainer {
	width: 480px;
}

.pledgedAmount {
	float: right;
	font-size: 1.2em;
	font-family: "Oswald",sans-serif;
	color: #444
}

.supporterHistoryBlock {
	border-bottom: solid 1px #ccc;
	font-family: Arial;
	font-size: 1.1em;
	border-collapse: collapse;
}

.supporterHistoryBlock td {
	vertical-align: top;
	padding: 10px 0;
	background-color: #fff;
}

.supporterHistoryBlock td:nth-child(1) {
	padding-left: 10px;
}

.supporterHistoryBlock td:nth-child(4) {
	width: 130px;
	padding-right: 10px;
}

#historyContent {
	font-family: Arial;
}

.bold > .pledgedAmount {
	color: #181818
}

.bold > .supporterName 
{
	font-size: 1.3em!important;
	color: #000;
}

#cancelSettings {
	margin-right: 15px;
	cursor: pointer;
	color: #0066A8 !important;
	border-bottom: dotted 1px #0066A8;
	font-size: 10pt !important;
}

#qrImage {
	width: 300px;
	height: 300px;
}

.qrCodeLink,.wwwLink,.phoneBg,.addressBg {
	color: #0066A8;

	background-image: url('/images/qr-code.gif');
	background-repeat: no-repeat;
	background-position: left center;
	height: 16px;
	padding-left: 20px;
	margin-left: 10px;
	text-transform: lowercase;
	font-size: 0.9em !important;
	text-decoration: none;
}

.addressBg {
	text-transform: none;
}

.wwwLink {
	margin-left: 0px;
	background-image: url('/images/newWindow.gif');
}

.phoneBg,.addressBg {
	margin-left: 0px;
	background-image: url('/images/phone.png');
	color: #000;
}

.addressBg {
	background-image: url('/images/address.png');
}


h2 {
	font-family: "Oswald",sans-serif !important;
	font-size: 1.5em !important;
	color: #404860 !important;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
	padding-left: 10px !important;
	margin-bottom: 20px!important;
	border: solid 1px #ddd;
}

#supportersHeader {
	float: right;
	width: 600px;
	font-family: Arial,sans-serif !important;
	font-size: 15pt;
	font-weight: bold;
	background-color: #1B2030;
	padding: 8px 14px;
	height: 30px;
	line-height: 30px;
	border: solid 1px #ccc;
	color: #fff;
	text-align: left;
	border-bottom: none;
	text-transform: capitalize;
}

.headerLink {
	color: #444;
	font-size: 0.7em;
	padding-right: 10px;
	vertical-align: middle;
	display: table-cell;
  padding-top: 5px;
}

#events {
	margin-left: 0px;
	margin-top: 0px;
	padding: 0 10px;
	background: #1b2030!important;
	color: #fff;
	width: 343px;
	border: solid 1px #aaa !important;
	border-radius: 0px;
	border-top: none !important;
	background: rgb(247,247,247);
	background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 );
}

#events li {
	list-style: none;
	font-family: Arial;
}

.eventBlock {
	padding: 5px 0;
}

.eventDate {
	font-size: 9pt;
	font-style: normal;
}

.eventName, .eventAmount  {
	font-weight: bold;
	font-size: 9pt;
	color: #fcba0a;
}

.ui-progressbar-value  {
	border-radius: 0 !important;
}

#noCampaignInfo, #noSupporters {
	font-family: Arial;
	font-size: 14pt;
}