@CHARSET "UTF-8";
.frContainer {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	width: 300px;
	margin: 5px;
}
/* Reset */
.frContainer div, .frContainer span, .frContainer applet, .frContainer object, .frContainer iframe,
.frContainer h1, .frContainer h2, .frContainer h3, .frContainer h4, .frContainer h5, .frContainer h6, .frContainer p, .frContainer blockquote, .frContainer pre,
.frContainer a, .frContainer abbr, .frContainer acronym, .frContainer address, .frContainer big, .frContainer cite, .frContainer code,
.frContainer del, .frContainer dfn, .frContainer em, .frContainer img, .frContainer ins, .frContainer kbd, .frContainer q, .frContainer s, .frContainer samp,
.frContainer small, .frContainer strike, .frContainer strong, .frContainer sub, .frContainer sup, .frContainer tt, .frContainer var,
.frContainer b, .frContainer u, .frContainer i, .frContainer center,
.frContainer dl, .frContainer dt, .frContainer dd, .frContainer ol, .frContainer ul, .frContainer li,
.frContainer fieldset, .frContainer form, .frContainer label, .frContainer legend,
.frContainer table, .frContainer caption, .frContainer tbody, .frContainer tfoot, .frContainer thead, .frContainer tr, .frContainer th, .frContainer td,
.frContainer article, .frContainer aside, .frContainer canvas, .frContainer details, .frContainer embed, 
.frContainer figure, .frContainer figcaption, .frContainer footer, .frContainer header, .frContainer hgroup, 
.frContainer menu, .frContainer nav, .frContainer output, .frContainer ruby, .frContainer section, .frContainer summary,
.frContainer time, .frContainer mark, .frContainer audio, .frContainer video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
.frContainer article, .frContainer aside, .frContainer details, .frContainer figcaption, .frContainer figure, 
.frContainer footer, .frContainer header, .frContainer hgroup, .frContainer menu, .frContainer nav, .frContainer section {
	display: block;
}
.frContainer ol, .frContainer ul {
	list-style: none;
}
.frContainer blockquote, .frContainer q {
	quotes: none;
}
.frContainer blockquote:before, .frContainer blockquote:after,
.frContainer q:before, .frContainer q:after {
	content: '';
	content: none;
}
.frContainer table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* init */
.frContainer{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #888485;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #f9f7f8;
	-webkit-box-shadow: 0px 0px 12px 3px rgba(228,228,228,1);
	-moz-box-shadow: 0px 0px 12px 3px rgba(228,228,228,1);
	box-shadow: 0px 0px 12px 3px rgba(228,228,228,1);
	overflow: hidden;
}
.frContainer *{
    box-sizing: border-box;
}

.frContainer *:before, 
.frContainer *:after {
    box-sizing: border-box;
}
.frContainer .frContainerInner{
	overflow: hidden;
}
.frContainer .frNoCampaignFound{
	padding: 12px;
}
/* General */
.frContainer .frBlock{display: block !important}
.frContainer .frBold{font-weight: bold !important}
.frContainer .frItalic{font-style: italic !important}
.frContainer .frUnderline{text-decoration: underline !important}
.frContainer .frFloatLeft{float: left}
.frContainer .frFloatRight{float: right !important}
.frContainer .frClearLeft{clear: left}
.frContainer .frClearRight{clear: right}
.frContainer .frClearBoth{clear: both}
.frContainer .frOverflow{overflow: hidden}
.frContainer .frAlignRight{text-align: right !important}
.frContainer .frAlignCenter{text-align: center !important}
.frContainer .frAlignMiddle{vertical-align: middle !important}
.frContainer .frUpperCase{text-transform: uppercase !important}
.frContainer .frInlineBlock{display: inline-block}
.frContainer .frM10{margin: 10px;}
.frContainer .frR5{margin-right: 5px}
.frContainer .frMr5{margin-right: 5px}
.frContainer .frR14{margin-right: 14px}
.frContainer .frT10{margin-top: 10px !important;}
.frContainer .frT20{margin-top: 20px !important;}
.frContainer .frB10{margin-bottom: 10px !important;}
.frContainer .frMb3{margin-bottom: 3px !important;}
.frContainer .frMb20{margin-bottom: 20px !important;}
.frContainer .frW70{width: 70px;}
.frContainer .frW90{width: 90px;}
.frContainer .frW120{width: 120px;}
.frContainer .frW180{width: 180px;}
.frContainer .frW200{width: 200px;}
.frContainer .frW100p{width: 100%;}
.frContainer .frW90p{width: 90%;}
.frContainer .frW85p{width: 85%;}
.frContainer .frW80p{width: 80%;}
.frContainer .frW70p{width: 70%;}
.frContainer .frW55p{width: 55%;}
.frContainer .frW50p{width: 50%;}
.frContainer .frW42p{width: 42%;}
.frContainer .frW40p{width: 40%;}
.frContainer .frH100{height: 100px;}
.frContainer .frH150{height: 150px;}

.frContainer .frOverflow{overflow: hidden;}
.frContainer .frDark{color: #1a1d1f;}

.frContainer a:link,
.frContainer a:visited,
.frContainer a:active{
	color: #77b04c;
	outline: none;
	text-decoration: none;
}
.frContainer a:hover{
	text-decoration: underline;
}

/* Fields */
.frContainer .frText,
.frContainer .frTextarea,
.frContainer .frSelect{
	background-color: #ffffff;
	border: solid 1px #dbd9da;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 0px 8px;
	line-height: 18px;
	color: #5c6164;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	-moz-box-sizing: border-box;
	-webkit-box-shadow: inset 0px 2px 3px 0px rgba(227,224,226,0.7);
	-moz-box-shadow: inset 0px 2px 3px 0px rgba(227,224,226,0.7);
	box-shadow: inset 0px 2px 3px 0px rgba(227,224,226,0.7);
}
.frContainer .frText{
	height: 36px;
    padding:0px 8px 0px 8px; 
}
.frContainer .frSelect{
	height: 36px;
	line-height: 36px;
	padding-right: 0px;
}
.frContainer .frText:focus,
.frContainer .frSelect:focus{
	border: solid 1px #5bc062;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(169,216,171,1);
	-moz-box-shadow: 0px 0px 4px 0px rgba(169,216,171,1);
	box-shadow: 0px 0px 4px 0px rgba(169,216,171,1);
}
/* Form */
.frContainer .frForm{
	padding: 14px;
}
.frContainer .frForm p.frParagraph{
	overflow: hidden;
	display: block;
	margin-bottom: 10px;
	text-align: left;
	padding: 0px 5px 3px 5px;
}
.frContainer .frForm p.frParagraph:last-child{
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.frContainer .frForm p.frParagraph span.frTitle,
.frContainer .frForm p.frParagraph label.frTitle{
	display: block;
	color: #222c2e;
	margin-bottom: 4px;
	overflow: hidden;
	text-align: left;
	line-height: 20px;
	font-size: 14px;
}
.frContainer .frForm p.frParagraph label.frTitleEmpty{
	display: block;
	margin-bottom: 0px;
}
.frContainer .frForm p.frParagraph label.frTitle span a{
	line-height: 24px;
}
.frContainer .frForm p.frParagraph label.frTitle span.frRed{
	color: #ec5937;
}
.frContainer .frForm p.frParagraph .frAgreement input{
	display: block;
	float: left;
	margin-right: 4px;
}
.frContainer .frForm p.frParagraph .frAgreement label{
	display: block;
	float: left;
	margin-right: 4px;
	line-height: 20px;
}
.frContainer .frForm p.frParagraph .frAgreement a{
	display: block;
	float: left;
	line-height: 20px;
}
.frContainer .frForm label.frError{
	display: block;
	color: #cc0000;
	text-align: left;
	line-height: 22px;
}
.frContainer .frForm .frCurrencySign{
	line-height: 34px;
	float: left;
	display: block;
	margin-right: 4px;
	color: #222c2e;
	font-size: 14px;
}
.frContainer .frForm p.frParagraph.frTermsContainer{
	display: none;
	line-height: 20px;
}
.frContainer .frForm .frText.frError,
.frContainer .frForm .frSelect.frError{
	border: solid 1px #cc0000;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(234,118,118,1);
	-moz-box-shadow: 0px 0px 4px 0px rgba(234,118,118,1);
	box-shadow: 0px 0px 4px 0px rgba(234,118,118,1);
}
/****Campaign****/
.frContainer .frCampaignImage{
	display: block;
	width: 300px;
	height: 170px;
	margin-bottom: 16px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.frContainer .frCampaignDetail{
	padding: 4px 14px 14px 14px;
	border-bottom: 2px solid #e0e0e0;
}
.frContainer .frCampaignTitle{
	color: #424041;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 16px;
	line-height: 22px;
}
.frContainer .frCampaignDesc{
	max-height: 90px;
	line-height: 22px;
	overflow: auto;
	-ms-overflow-x: hidden;
	overflow-x:hidden;
}
.frContainer .frShortDesc{
	display: block;
}
.frContainer .frFullDesc{
	display: none;
}
.frContainer .frDonation{
	padding: 8px 14px 8px 14px;
	background-color: #f3f3f3;
	border-bottom: 2px solid #e0e0e0;
	overflow: hidden;
	position: relative;
}
.frContainer .frDonation .frPercentage{
	display: block;
	position: absolute;
	background-color: transparent;
	color: #596364;
	font-size: 13px;
	line-height: 54px;
	width: 54px;
	text-align: center;
}
.frContainer .frDonation .frPie{
	border: 1px solid #ececec;
	-moz-border-radius: 27px;
	-webkit-border-radius: 27px;
	border-radius: 27px;
	height: 54px;
	width: 54px;
	float: left;
	margin-right: 16px;
	background-color: #8bd091;
	overflow: hidden;
}
.frContainer .frDonation .frPie span{
	display: block;
	background-color: #ffffff;
	width: 100%;
}
.frContainer .frAmount{
	padding-top: 9px;
	float: left;
	margin-right: 12px;
}
.frContainer .frAmount label{
	color: #232c31;
}
.frContainer .frCampaignStat{
	padding: 14px;
	overflow: hidden;
}
.frContainer .frCampaignStat .frLeftCol{
	width: 58%;
	float: left;
}
.frContainer .frCampaignStat .frRightCol{
	width: 42%;
	float: right;
}
.frContainer .frCampaignStat label{
	display: block;
	color: #61686e;
	line-height: 24px;
	font-size: 12px;
}
.frContainer .frCampaignStat label span{
	font-weight: bold;
	font-size: 13px;
}
.frContainer .frCampaignStat label abbr{
	font-size: 13px;
}
.frContainer .frCampaignStat .frRightCol label{
	float: right;
}
.frContainer .frCampaignStat .frRightCol .frTimer{
	background: url([URL]app/web/img/frontend/timer.png) 0 0 no-repeat;
	padding-left: 26px;
}
/**Button **/
.frContainer .frButton{
	-webkit-border-radius: 5;
  	-moz-border-radius: 5;
  	border-radius: 5px;
  	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
  	background: #5bc062;
  	padding: 8px;
  	border: solid #379f3e 1px;
  	text-decoration: none;
  	cursor: pointer;
}
.frContainer .frButton:hover{
	background: #40b348;
  	text-decoration: none;
  	border: solid #2f9836 1px;
}
.frContainer .frDonation .frButton{
	margin-top: 8px;
	float: right;
}
.frContainer .frButton.frButtonDisabled{
	border: solid #818080 1px;
	background-color: #a6a6a6;
	cursor: default;
}
.frContainer .frNoticeMessage{
	padding: 0px 19px 14px 19px;
}
.frContainer .frNoticeMessage.frError{
	color: #cc0000;
}