/*** Class for heading message***/
@font-face{
	font-family:'FontAwesome';src:url('fonts/fontawesome-webfont_v-3.2.1.eot');
		src:url('fonts/fontawesome-webfont.eot') format('embedded-opentype'),
		url('fonts/fontawesome-webfont_v-3.2.1.woff') format('woff'),
		url('fonts/fontawesome-webfont_v-3.2.1.ttf') format('truetype'),
		url('fonts/fontawesome-webfont.svg') format('svg');
	font-weight:normal;
	font-style:normal;
}
[class^="icon-"],[class*=" icon-"]{
	font-family:FontAwesome;
	font-weight:normal;
	font-style:normal;
	text-decoration:inherit;
	-webkit-font-smoothing:antialiased;
	*margin-right:.3em;
}
[class^="icon-"]:before,[class*=" icon-"]:before{
	text-decoration:inherit;
	display:inline-block;
	speak:none;
}
a [class^="icon-"],a [class*=" icon-"]{display:inline;}
.icon-heart:before{content:"\f004";}

.heading {
	font-size: 15px;
	font-weight: bold;
	text-decoration: underline;
}
/*** Css for dispalying title of field name **/
table.jd_donor_table td.title_cell {
	width: 25%;
	font-weight: bold;	
	padding-left: 10px;
}
/*** Css for dispalying inputbox td **/
table.jd_donor_table td.field_cell {	
}
/*** Css for display '*' next to required field ***/
.required {
	padding-left : 5px;	
	color: red;	
}
/*** CSS class for displaying message displayed above donation form **/
.msg {
	font-weight: bold ;	
}
/*** Display amount explaination next to each pre-defined amount**/
.amount_explaination {
	font-weight: bold ;
}
span.error {
	color : red ;
	font-weight: 140% ;	        
}

#donation_type .controls label.radio {
	display: inline-block;
	margin: 0 20px 0 0;
	padding-top: 0;
}
#donation_type .controls label.radio input {
	float: none;
	margin-top: 0;
}
#amount_container label {
	display: block;
}
#amount_container label  input[type="radio"],
#amount_container label  input[type="checkbox"] {
	margin: 0 2px 0 0;
}

h2.jd_title { width: auto !important; margin: 0 !important; padding: 0 !important; }
.jd-container .jd-message img {
    float: left !important;
    margin: 0 10px 0 0;
}
.jd-container .jd-box-heading, #jd-docs .jd-box-heading, .jd-container .jd-page-heading {
    color: #fff;
    font-size: 22px;
    font-weight: normal;
    line-height: 22px;
    margin: 0;
    padding: 10px 20px;
}
.jd-container .jd-box-heading h3, #jd-docs .jd-box-heading h3 {
	font-size: 22px;
    font-weight: bold;
    line-height: normal;
    margin: 0;
	padding: 0;
}
.jd-container .jd-page-heading {
    color: #0D5FA2;
    font-size: 22px;
    font-weight: bold;
    line-height: 40px;
}
.jd-container .jd-box-heading h3 a, #jd-docs .jd-box-heading h3 a {
	color: #0D5FA2 !important;
}
.jd-container .jd-box-heading, .jd-container .jd-page-heading {
    background: #fff;
	border-bottom: 1px #CFD0D3 solid;
	border-radius: 5px 5px 0 0;
}

.jd-container .jd-row {
	margin: 0 0 20px;
	border: 1px #cfd0d3 solid;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.jd-container .jd-description:before {
	background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
    background-repeat: repeat-x;
    bottom: 0;
    content: " ";
    height: 50px;
    position: absolute;
    right: -12px;
    transform: skew(-25deg);
    width: 40px;
    z-index: -1;
}
	
.jd-container .jd-description {
	background: #fff;
    margin: 0;
    padding: 20px;
	position: relative;
}

.jd-container .jd-description .jd-description-details img,
.jd-container .jd-description img { float: left !important; margin: 0 10px 0 0; }

.jd-container.jd_description .table.table-bordered {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}


/* ---------- donate-details styles ---------------------------------------- */
.donate-details {
	background: #F4F4F4;
	padding: 15px;
	color: #8C8C8C;
	border-top: 1px solid #ededed;
}
.donate-details.table {
	border: none;
}
.donate-details tr:first-child th, .donate-details tr:first-child td {
	border-top: none;
}
.donate-details strong, .amount-goal strong {
	color: #525252;
	font-size: 15px;
}
.donate-details .orange, .amount-goal .orange {
	color: #FF7F00;
}

.donate-details .jd-taskbar .btn, .donate-details-mod .jd-taskbar .btn{
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	margin: 5px 0 0;
	color: #fff !important;
	min-height: 10px;
	background-color: #FE9301;
	background-image: none;
	border: 1px #EB5901 solid;
	padding: 5px 10px;
}
.donate-details .jd-taskbar .btn:hover, .donate-details-mod .jd-taskbar .btn:hover{
	background-color: #EB5901;
}
.donate-details-mod .jd-taskbar .btn {
	margin: 0;
}

.donate-details .progress, .donate-details-mod .progress {
    background-color: #f7f7f7;
    background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
    background-repeat: repeat-x;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    height: 10px;
    margin-bottom: 0;
    overflow: hidden;
}
.donate-details .progress .bar, .donate-details-mod .progress .bar {
    background-color: #0e90d2;
    background-image: linear-gradient(to bottom, #149bdf, #0480be);
    background-repeat: repeat-x;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    box-sizing: border-box;
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	-ms-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
    color: #fff;
    float: left;
    font-size: 12px;
    height: 100%;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    transition: width 0.6s ease 0s;
    width: 0;
}
.donate-details .progress-striped .bar, .donate-details-mod .progress-striped .bar {
    background-color: #149bdf;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}
.donate-details .progress-warning .bar, .donate-details .progress .bar-warning,
.donate-details-mod .progress-warning .bar, .donate-details-mod .progress .bar-warning {
    background-color: #faa732;
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
}
.donate-details .progress.active .bar, .donate-details-mod .progress.active .bar {
    animation: 2s linear 0s normal none infinite progress-bar-stripes;
}
.donate-details .progress-warning.progress-striped .bar, .donate-details .progress-striped .bar-warning,
.donate-details-mod .progress-warning.progress-striped .bar, .donate-details-mod .progress-striped .bar-warning {
    background-color: #138AEC;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

/* CAMPAINS MODULE STYLE */
.campains-list {
}
.campain-list {
	text-align: center;
	border-top: 1px #EDEDED solid;
	padding: 0;
	margin: 15px 0 0;
}
.campains-list .campain-list:first-child {
	border: none;
	padding: 0;
	margin: 0;
}
.campain-list h3 {
	font-size: 22px;
	color: #0d5fa2;
	margin: 10px 0 20px;
}
.campain-list .jd-taskbar {
	margin: 10px 0 0;
}
.campain-list .btn {
	background-color: #eee;
	background-image: none;
	border: none;
	padding: 3px 5px;
	color: #333!important;
}
.campain-list .btn:hover {
	background-color: #e6e6e6;
}
.campain-list .amount-goal {
	font-size: 12px;
	color: #AAAAAA;
	line-height: 12px;
}
.campain-list .amount-goal strong {
	font-size: 22px;
	line-height: 22px;
}
.donate-details-mod {
	margin: 10px 0;
}
.donate-details-mod.taskbar {
	margin: 0;
}
form.form-horizontal .control-label, form.form-horizontal .control-label label{
    text-align: left;
    font-weight: bold;
}

/**--------Thermometer style------***/
body .wrapper-thermometer{
    background-color:#36393b;
    background: -webkit-gradient(radial, left top, left bottom, from(#669), to(#262a2d)); /* Saf4+, Chrome */
    background: -webkit-radial-gradient(center, circle, #669, #262a2d); /* Chrome 10+, Saf5.1+ */
   
    background: -moz-radial-gradient(center, circle, #669, #262a2d); /* FF3.6+ */
    background: -ms-radial-gradient(center, circle, #669, #262a2d); /* IE10 */
    background: -o-radial-gradient(center, circle, #333333, #323232); /* Opera 11.10+ */
    background: radial-gradient(center, circle, #669, #262a2d); /* W3C */
    background: -webkit-radial-gradient(50% 50%, circle ,#669, #262a2d); /* Chrome 10+, Saf5.1+ */
}
#centered{
    margin-top:10px;
    text-align: center;
    padding: 10px;
}
#centered h3{
	color: #fff;
	text-align: center;
}

.therm-number{
    position:absolute;
    text-align:right;
    font-size:13px;
}
.thermnumber{
    position:absolute;
    text-align:right;
    font-size:13px;
}

.clear {
    clear: both;
}
#centered img{
	border: none !important;
	margin: 0px !important
}