/* CSS rules for sprites */
@import url("sprites.css");
* {
	font-family: Georgia;
}
#pageContent {
	width: 100%;
}
.clearfix {
	clear: both ;
}
body, html {
	font-size: 14px;
	line-height: 16px;
}
body {
	background-color: #f1f1f1 ;
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
	color:#505050;
	padding: 0;
	margin:0;
}
body header, body section {
	font-size: 16px;
	line-height: 20px;
}

div#container {
	width: 890px ;
	/*border: 1px solid #666;*/ 
	box-shadow: 0px 0px 4px #666;
	-webkit-box-shadow: 0px 0px 4px #666;
	margin: 20px auto 0;
	background-color: #ffffff ;
	padding: 30px 15px 15px;
	position: relative;
}

div#leftCol {
	width: 560px;
	float: left;
}
div#rightCol {
	width: 280px;
	float: left;
	padding-right: 5px;
	padding-left: 45px;
}
div.clear {
	clear: both;
}
div.supporterslist {
	padding-top: 15px !important;
}

header {
	background-color: #ffffff ;
	width:100%;
	font-size:11px;
	padding: 10px 0px;
	border-bottom:1px solid #999;
	min-width: 920px;
}

div#header > div#logo  a{
	display:inline-block;
}

div#header > div#userNav {
	font-size: 12px ;
	color: #999;
	float: right !important;
	display: block ;
	margin-top: 1px;
	position: relative;
}
div#header > div#userNav > .loginButton {
	line-height: 18px;
}
div#header  > div#userNav a.loginButton, div#header > div#userNav a.registerButton, div#header > div#userNav span.userName {
	color: rgb(68,176,216) ;
	text-decoration: none ;
}

div#header  > div#userNav img.avatar {
	position: absolute ;
	margin-left: -28px ;
}

div#userNav .login {
width:200px;
height:160px;
border:1px solid #d0d0d0;
border-radius:5px;
-webkit-border-radius:5px;
box-shadow:0px 0px 5px black;
-webkit-box-shadow:0px 3px 8px #666;
position:absolute;
padding:10px;
z-index:40;
right:0px;
margin-top:10px;
}

.login input {
padding:3px !important;
border:1px solid #d0d0d0 !important;
border-radius:5px !important;
-webkit-border-radius:5px !important;
margin-bottom:10px !important;
width:190px !important;
float:left !important;
}

.login input[type=checkbox ] {
width:auto !important;
height:auto;
margin-bottom:0px !important;
margin-top:3px !important;
margin-right:3px !important;
width:20px !important;
}

.remember {
float:left !important;
color:#8d8d8d !important;
padding-top:3px !important;
}

.formbutton {
height:30px !important;
color:white !important;
padding-bottom:2px !important;
font-size:12px !important;
font-weight:bold !important;
border:1px solid white !important;
min-width:100px !important;
-webkit-border-radius:2px !important;
-moz-border-radius:2px !important;
border-radius:2px !important;
vertical-align:middle !important;
display:inline-block !important;
	background: rgb(228,118,22);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0NzYxNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZDUxMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(228,118,22,1) 0%, rgba(173,81,2,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(228,118,22,1)), color-stop(100%,rgba(173,81,2,1)));
	background: -webkit-linear-gradient(top,  rgba(228,118,22,1) 0%,rgba(173,81,2,1) 100%);
	background: -o-linear-gradient(top,  rgba(228,118,22,1) 0%,rgba(173,81,2,1) 100%);
	background: -ms-linear-gradient(top,  rgba(228,118,22,1) 0%,rgba(173,81,2,1) 100%);
	background: linear-gradient(to bottom,  rgba(228,118,22,1) 0%,rgba(173,81,2,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e47616', endColorstr='#ad5102',GradientType=0 );
min-width:100px !important;
}

.formbutton:hover {
cursor:pointer !important;
background: rgb(178,79,3); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyNGYwMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4YzQ2MGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(178,79,3,1) 0%, rgba(140,70,14,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(178,79,3,1)), color-stop(100%,rgba(140,70,14,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(178,79,3,1) 0%,rgba(140,70,14,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(178,79,3,1) 0%,rgba(140,70,14,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(178,79,3,1) 0%,rgba(140,70,14,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(178,79,3,1) 0%,rgba(140,70,14,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b24f03', endColorstr='#8c460e',GradientType=0 ); /* IE6-8 */

}

.login .formbutton {
width:100% !important;
margin-top:10px !important;
}
.login a {
	text-decoration: none ;
	color: #8d8d8d ;
}
.login a:hover {
 color: #CC5A04 ;
}

.gray {
	color: #AAA;
	font-size:11px;
}

div#header {
	padding: 10px;
	margin: 0px auto;
	font-family: Verdana ;
	width:890px;
	min-width:890px;
	line-height: 1.2em;
}
div#header div.floatLeft {
	float: left;
}
div#header div.marginLeft {
	margin-left: 10px;
}
div#fundraiserDaysIndicator, div#recurringSupportersNum {
	margin-left: 20px !important;
}
 div#recurringSupportersNum {
 	max-width: 70px;
}
div#leftHeader {
	width: 490px;
	float:left;
	margin-left: -10px;
}
div#header div#headerNav {
	min-width:410px;
}
div#header div#headerNav  ul {
	display:inline-block;
	list-style:none;
	padding: 0px;
	margin:0px;
	float: right;
}
div#header div#headerNav  ul  li.liElement{
	padding: 0px 10px;
	max-width: 120px;
}
div#header div#headerNav  ul  li {
	float:left;
	margin: 0;
}
div#header div#headerNav  ul  li.liElement a{
	color: rgb(68,176,216);
	font-weight: bold;
	font-size: 14px;
	line-height:1.2em;
	text-decoration:none;
}
div#header div#headerNav  ul  li.liElement a:hover{
	cursor:pointer;
}
div#header div#headerNav  ul  li.liSeparator{
	min-width: 1px;
	background-color: #f1f1f1;
	height: 2.7em;
}
div#header div.supporterIndicator,div#header div#recurringIndicator {
	position: relative;
	min-height: 2.4em;
	width: 120px;
}
div#header div.supporterIndicator .indicatorContainer {
	height: 10px;
	min-height: 10px;
	padding: 0px;
	min-width: 120px;
	max-width: 120px;
	margin: 0px !important;
}
#fundraiserDaysIndicator {
	margin-top: 0 !important;
}
.supporterIndicator b,#fundraiserDaysIndicator b {
	margin-right: 5px;
	font-size: 18px !important;
	line-height: 18px !important;
}
.supporterIndicator .gray, #fundraiserDaysIndicator .gray {
	line-height: 12px;
	display: block;
  margin: 5px 0;
}
.indicatorLine {
	position: absolute;
	z-index: 20;
	background:rgb(68,176,216);
	min-height:10px;
	border-radius: 2px;
	margin: 0px !important;
	bottom:0px;
	left:0px;
}
.indicatorSkin {
	position: absolute;
	left:0;
	bottom:0;
	right:0;
	min-height:10px;
	z-index: 15;
	background-color: #DDD;
	border-radius: 2px;
	margin: 0px !important;
}
body section {
	font-family: Georgia;
}
.price {
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
}

section#pageTitle {
	margin:30px auto 20px;
	width: 920px;
	text-align:center;
}

section#fundraiserNotif {
	padding-bottom: 30px;
}
section#fundraiserNotif table.fixNotifTable td.leftUsernotifTab {
	vertical-align: top;
}
section#fundraiserNotif table.fixNotifTable td.leftUsernotifTab,
section#fundraiserNotif table.fixNotifTable td.leftUsernotifTab iframe
{
	max-width: 530px;
	min-width: 530px;
}

section#fundraiserNotif table.fixNotifTable td.rightUsernotifTab{
	max-width: 280px;
    padding: 0px 30px 0px 40px;
}
section#fundraiserNotif table.fixNotifTable td.rightUsernotifTab a,
section#directBankTransferContainer a {
	color: rgb(68,176,216);
	text-decoration: none;
}
section#fundraiserNotif table.fixNotifTable td.rightUsernotifTab a:hover,
section#directBankTransferContainer a:hover {
	cursor: pointer;
}

section.fundraiserParagraph {
	background-color: #ffffff ;
	width: 560px;
	padding-bottom: 40px;
}

section#trialButtonContainer {
	width: 280px;
	float: right;
	padding-right: 20px;
    text-align: center;
}
section#directBankTransferContainer {
	padding-right: 20px;
	position: relative;
	text-align: center;
	line-height: 20px;
	width: 280px;
	float: right;
}
section#trialButtonContainer > p.startTrial > a {
	display: inline-block ;
	width: 240px;
	text-align: center;
	padding: 10px ;
	color: white ;
	margin-bottom: 12px ;
	margin-left:10px;
	text-decoration: none ;
	font-size: 18px ;
	border-radius: 4px ;
	
	background: rgb(228,118,22);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0NzYxNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZDUxMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(228,118,22,1) 0%, rgba(173,81,2,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(228,118,22,1)), color-stop(100%,rgba(173,81,2,1)));
	background: -webkit-linear-gradient(top,  rgba(228,118,22,1) 0%,rgba(173,81,2,1) 100%);
	background: -o-linear-gradient(top,  rgba(228,118,22,1) 0%,rgba(173,81,2,1) 100%);
	background: -ms-linear-gradient(top,  rgba(228,118,22,1) 0%,rgba(173,81,2,1) 100%);
	background: linear-gradient(to bottom,  rgba(228,118,22,1) 0%,rgba(173,81,2,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e47616', endColorstr='#ad5102',GradientType=0 );
}

section#trialButtonContainer > p.startTrial > a:hover {
	background: rgb(178,79,3); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyNGYwMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4YzQ2MGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(178,79,3,1) 0%, rgba(140,70,14,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(178,79,3,1)), color-stop(100%,rgba(140,70,14,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(178,79,3,1) 0%,rgba(140,70,14,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(178,79,3,1) 0%,rgba(140,70,14,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(178,79,3,1) 0%,rgba(140,70,14,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(178,79,3,1) 0%,rgba(140,70,14,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b24f03', endColorstr='#8c460e',GradientType=0 ); /* IE6-8 */
}
section#trialButtonContainer .newtooltip {
	left:0;
	bottom:-10px;
}

section#freeVsSupporter {
	font-family: Georgia ;
	margin: 0;
	background-color: #ffffff ;
	padding: 0 40px 40px ;
	border-top: 1px solid #f1f1f1 ;
}

section#freeVsSupporter > h1 {
	padding-top: 35px ;
	margin: 0;
}

section#freeVsSupporter > div.placeholder {
	width: 720px ;
	margin: 0 auto ;
	position: relative ;
	padding: 0 ;
}

section#freeVsSupporter div.headings {
	float: left ;
	margin-right: 30px ;
}

section#freeVsSupporter div.headings, section#freeVsSupporter div.free, section#freeVsSupporter div.premium {
	float: left ;
}

section#freeVsSupporter div.free {
	border-top: 3px solid #ebebeb ;
	border-bottom: 3px solid #ebebeb ;
	border-left: 3px solid #ebebeb ;
	border-top-left-radius: 5px ;
	border-bottom-left-radius: 5px ;
}

section#freeVsSupporter div.premium {
	border: 3px solid #6ac168 ;
	border-top-right-radius: 5px ;
	border-bottom-right-radius: 5px ;
}

section#freeVsSupporter div.premium > div.prices {
	font-family: Georgia ;
	text-align: center ;
	line-height: 150% ;
	height: 77px;
}

section#freeVsSupporter div.premium > div.prices > span {
	font-size: 16px ;
	font-weight: bold ;
	color: #454545 ;
}

section#freeVsSupporter div.premium > div.prices > small {
	font-style: italic ;
	font-size: 12px ;
	color: #a3a3a3 ;
	position: relative ;
	top: 4px ;
}


section#freeVsSupporter div.free > h1, section#freeVsSupporter div.premium > h1 {
	padding: 20px 10px ;
	font-size: 16px ;
	color: #505050 ;
	text-transform: uppercase ;
	text-align: center ;
	margin: 0 ;
	background-color: #fbfbfb ;
	border-bottom: 1px solid #d5d5d5;
	padding-bottom: 20px ;
}

section#freeVsSupporter div.premium > h1 {
	font-size: 20px ;
	padding-bottom: 15px ;
	max-width: 270px;
	height: 24px;
	line-height: 17px;
}

section#freeVsSupporter div.free > h1 {
	margin-bottom: 55px ;
}

section#freeVsSupporter table {
	border-collapse: collapse ;
}

section#freeVsSupporter table td {
	font-size: 12px ;
	padding: 0px 6px ;
	border-top: 1px dashed #e8e8e8 ;
}

/*
section#freeVsSupporter table tr:last-child td {
	border-bottom: 1px dashed #e0e0e0 ;
}
*/

section#freeVsSupporter table.headings {
	position: relative ;
	top: 141px ;
}

section#freeVsSupporter table.headings tr td {
	width: 235px ;
}

section#freeVsSupporter table.headings tr td a {
	padding: 10px 0px ;
	display: block ;
	color: inherit ;
	text-decoration: none ;
	font-size:14px;
	line-height: 1.5 ;
}

section#freeVsSupporter table.headings tr td a:hover {
}


section#freeVsSupporter table.headings tr td a {
	color: inherit ;
	text-decoration: none ;
}


section#freeVsSupporter table.headings tr td span.tooltip {
	display: none ;
}

section#freeVsSupporter table.headings tr td:hover span.tooltip {
	background: rgba(0,0,0,0.85);
	border:1px solid #000000 ;
	border-radius: 4px ;
	box-shadow: 0px 0px 3px black ;
	color: #ffffff;
	display:inline;
	left: 250px ;
	line-height:16px;
	margin-top:8px;
	padding:4px 6px;
	position:absolute;
	width:220px;
	z-index:10;
}

section#freeVsSupporter table.free, section#freeVsSupporter table.premium {
	margin: 0px auto;
}

section#freeVsSupporter table.free {
	margin-top: 77px !important;
	width: 78px ;
}

section#freeVsSupporter table.free tr td {
	width: 78px ;
}

section#freeVsSupporter table.premium tr td {
	width: 180px ;
}

section#freeVsSupporter table.free tr td {
	text-align: center ;
	font-size: 14px ;
}

section#freeVsSupporter table.premium tr td {
	text-align: center ;
	font-size: 16px ;
	font-weight: bold ;
}

section#freeVsSupporter table tr td.tablehover {
	color: #4b4b4b ;
	background-color: #f8f8f8 ;
}


section#freeVsSupporter table.free tr td div, section#freeVsSupporter table.premium tr td div {
	padding: 16px 0 ;
}

section#freeVsSupporter table.free tr td small {
	font-size: 10px ;
}

section#freeVsSupporter table.premium tr td small {
	font-weight: normal ;
	font-size: 12px ;
}

section#freeVsSupporter table.free tr td.tick {
	background-position: -68px -611px;
}
section#freeVsSupporter table.premium tr td.tick {
	background-position: -14px -611px;
}
section#freeVsSupporter div.premium > a.buyNow, a.buySupporterMembershipNow {
	display: block ;
	font-family: Arial ;
	text-align: center ;
	text-decoration: none ;
	text-transform: capitalize ;
	
	width: 100px ;
	margin: 10px;
	color: #ffffff !important;
	padding: 10px;
	font-weight: bold ;
	font-size: 14px ;
	border-radius: 4px ;
	float:left;
        left: 68px;
        position: relative;
}
a.supporterPayPalBtn{
	background: rgb(61,177,59);
}
a.supporterPayUBtn{
	background: rgb(68,176,216);
}
section#freeVsSupporter div.premium > a.buyNow:hover, a.supporterPayPalBtn:hover {
	background: rgb(30,146,28);
}
a.supporterPayUBtn:hover {
	background: rgb(38,146,186);
}


section#selectYourPeriod {
	margin: 0;
	background-color: #ffffff ;
	margin-top: 15px;
	position:relative;
}

section#selectYourPeriod > h1 {
	padding: 20px 0;
	margin: 0;
}

section#selectYourPeriod a.buyNow {
	display: block ;
	font-family: Arial ;
	text-align: center ;
	text-decoration: none ;
	text-transform: capitalize ;
	background: rgb(61,177,59);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNkYjEzYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZGI5NGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(61,177,59,1) 0%, rgba(77,185,75,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(61,177,59,1)), color-stop(100%,rgba(77,185,75,1)));
	background: -webkit-linear-gradient(top,  rgba(61,177,59,1) 0%,rgba(77,185,75,1) 100%);
	background: -o-linear-gradient(top,  rgba(61,177,59,1) 0%,rgba(77,185,75,1) 100%);
	background: -ms-linear-gradient(top,  rgba(61,177,59,1) 0%,rgba(77,185,75,1) 100%);
	background: linear-gradient(to bottom,  rgba(61,177,59,1) 0%,rgba(77,185,75,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3db13b', endColorstr='#4db94b',GradientType=0 );
	width: 142px ;
	margin: 10px auto ;
	color: #ffffff ;
	padding: 16px 0 ;
	font-weight: bold ;
	font-size: 18px ;
	border-radius: 4px ;
	left: 128px;
	position: relative;
}

section#selectYourPeriod table {
	text-align: center ;
	width:100%;
	margin: 0 auto;
}

section#selectYourPeriod p.price_header {
	font-family: Georgia ;
	color: #4c4b4b ;
	font-size: 16px ;
	text-align: center;
	font-weight: bold;
}

section#selectYourPeriod p.price_header > small {
	font-style: italic ;
	color: #9d9d9d ;
	font-size: 12px ;
}
.placeholder .cross{
    background-position: -281px -611px;
}

section#selectYourPeriod table td.price, section#selectYourPeriod table td.saving {
	font-size: 12px ;
}

section#selectYourPeriod table td.price {
	padding-bottom: 5px;
	font-size: 18px;
}

section#selectYourPeriod .unique_value {
	line-height: 16px;
	font-size: 16px;
	width: 46px;
	position: absolute;
	top: 35px;
	margin-top: -12px;
	left: 50%;
	margin-left: -24px;
}
section#selectYourPeriod select#currencySelector {
	width: 100%;
	height: 40px;
	line-height: 30px;
	font-size: 18px;
	margin: 20px 0px 0px;
	border-color: rgb(195, 195, 195);
	border-radius: 3px;
	padding: 8px 4px;
	color: #505050;
	background-color: #fff;
	/*background-color: rgb(216, 229, 216) !important;*/
}





section#featureDetails {
	font-family: Georgia ;
	font-size: 14px;
	margin: 0 ;
	background-color: #ffffff ;
	padding: 0 125px 20px ;
	border-top: 1px solid #f1f1f1 ;
}

section#featureDetails > h1 {
	padding: 20px 0 ;
	margin: 0;
	position:relative;
	left:-85px;
}

section#featureDetails > h2 {
	font-size: 18px ;
	color: #505050 ;
	padding: 20px 0 0px ;
	margin: 0;
}

section#featureDetails > p > a {
	color: #468aca;
	text-decoration: none;
}
section#featureDetails > p
{
	margin-top:7px;
}




div.toolbarDemo {
	width: 175px ;
	height: 291px ;
	background-image: url(../../_img/premium_order/toolbar_rollover.png);
	background-position: top left ;
	margin: 0px auto ;
	margin-top:20px;
	margin-bottom:30px;
}

div.toolbarDemo:hover {
	background-position: top right ;
}

div.toolbarDemo a.preview {
	display: block ;
	width: 20px ;
	height: 20px;
	margin: 0px auto ;
	position: relative ;
	top: 16px ;
	left: -34px ;
}
div.toolbarDemo a.preview:hover {
	cursor: pointer;
}
div.toolbarDemo a.print {
	display: block ;
	width: 20px ;
	height: 20px;
	margin: 0px auto ;
	position: relative ;
	top: -4px ;
	left: -8px ;
}
div.toolbarDemo a.download {
	display: block ;
	width: 20px ;
	height: 20px;
	margin: 0px auto ;
	position: relative ;
	top: -24px ;
	left: 18px ;
}

div.printDemo {
	width: 175px ;
	height: 291px ;
	background-image: url(../../_img/premium_order/print_rollover.png);
	background-position: top left ;
	margin: 0px auto ;
	margin-top:20px;
	margin-bottom:30px;
}

div.printDemo:hover {
	cursor: pointer ;
	background-position: top right ;
}

div.printDemo a {
	display: block ;
	width: 32px ;
	height: 32px;
	margin: 0px auto ;
	position: relative ;
	top: 12px ;
	left: -4px ;
}


iframe.previewDemo {
	display: block ;
	border: 1px solid rgb(192,192,192) ;
	margin: 0px auto ;
	width: 480px ;
	height: 320px ;
	box-shadow: 3px 3px 3px #ddd;
	margin-top: 20px;
	margin-bottom: 30px;
}


iframe.printDemo {
	display: block ;
	border: 1px solid rgb(192,192,192) ;
	margin: 0px auto ;
	width: 480px ;
	height: 320px ;
	box-shadow: 3px 3px 3px #ddd;
}

#selectYourPeriod .newtooltip, #trialButtonContainer .newtooltip
{
    border: 1px solid #fed22f;
    background-color: #fff0a5;
    min-height:95px;
    padding:10px;
    border-radius:3px;
    /*background: #ffe45c url('/tpls/_img/tipbg.jpg') repeat;*/
    color: #363636;
    position:absolute;
    left:0;
	top: 275px;
    min-width:260px;
    z-index: 100;
    text-align: left;
    max-width:320px;
}
.newtooltip img
{
    float:left;
    margin-right:5px !important;
    margin-bottom:5px !important;
    position: relative;
    top:-5px;
}
.newtooltip .close
{
    float:right;
    cursor: pointer;
    /*background: transparent url('/tpls/_img/tooltip_close.png') no-repeat right top;*/
    width:10px;
    height:10px;
    margin-left: 5px;
    margin-bottom: 5px;
}
.newtooltip p
{
	margin:30px 0 20px 10px;
	padding:10px;
}

#ws_fb_buttons .newtooltip
{
    border: 1px solid #fed22f;
    min-height:30px;
    padding:10px;
    border-radius:3px;
    /*background: #ffe45c url('/tpls/_img/tipbg.jpg') repeat;*/
    color: #363636;
    position:relative;
    top:-25px;
    min-width:200px;
    z-index: 100;
    text-align: left;
    max-width:320px;
}




.startTrial
{
	/*height: 120px;
	overflow: hidden;*/
	max-width:360px;
	margin: 0;
}
#packages {
	padding: 0px;
	margin-bottom: 20px;
	width: 100%;
}
form#packages > p {
	text-align: center;
	text-transform: uppercase;
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 11px;
}
form#packages > div.periods:before, form#packages > div.periods:after {
	content: "";
	display: table;
}
form#packages > div.periods, form#packages > div.periods:after {
	clear: both;
}
form#packages > div.periods > div.period-select {
	width: 48%;
	text-align: center;
	padding: 5px 0;
	border: 1px solid #DDD;
	border-radius: 5px;
	float: left;
	box-sizing: border-box;
	-moz-boz-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: #D8E5D8;
}
form#packages > div.periods > div.period-select + div.period-select {
	margin-left: 4%;
}
form#packages > div.periods > div.period-select:hover,
form#packages > div.periods > div.period-select.active {
	background-color: #c3c3c3;
}
form#packages > div.periods > div.period-select > input:hover,
form#packages > div.periods > div.period-select > label:hover {
	cursor: pointer;
}
div#package_option {
	margin: 20px 0;
}
.supporterRadioButtons {
	display: table;
	border-collapse: separate;
	border-spacing: 5px !important;
	table-layout: fixed;
	width: 100%;
}
.supporterRadioButtons > .table-row {
	display: table-row;
}
.supporterRadioButtons .table-cell {
	position:relative;
	display: table-cell;
	height: 50px;
	width: 33.3333%;
	text-align: center;
}
.supporterRadioButtons .table-cell > label.package-btn {
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #07cd43;
	z-index: 2;
	border-radius: 3px;
	font-size: 24px;
	line-height: 50px;
	height: 50px;
	color: #FFF;
}
.supporterRadioButtons .table-cell > label.package-btn.unique_label {
	line-height: 25px;
	font-size: 16px;
}
.supporterRadioButtons .table-cell > label.package-btn.selected,
.supporterRadioButtons .table-cell > label.package-btn:hover {
	cursor: pointer;
	background-color: #059831;
}
form#packages > div.period-button {
	margin-bottom: 10px;
	position: relative;
	height: 50px;
	width: 100%;
}
form#packages > div.period-button > label {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	line-height: 50px;
	background-color: #D8E5D8;
	text-align: center;
	border-radius: 5px;
}
form#packages > div.period-button > #paypal-button {
	background-image: url('../../_img/pp-logo.png');
	background-repeat: no-repeat;
	background-position: center;
}
form#packages > div.period-button > label:hover {
	cursor: pointer;
	background-color: #cdcdcd;
}





div#paymentMethods {
	margin: 10px 0px;
	width: 100%;
}
select#paymentmethod {
	width: 100%;
	height: 30px;
	border: 1px solid rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2) inset;
	padding: 5px;
	font-size: 14px;
}

.premiumicon:hover {
	cursor: pointer;
}
.fancybox-title a {
	color: rgb(68,176,216);
	text-decoration: none;
}
.fancybox-title a:hover {
	color: rgb(16, 120, 158);
}
/* Demo notif ablak */
#ws_fb_buttons .newtooltip .close
{
    display: block;
}
#ws_fb_buttons .newtooltip {
	margin-top:-40px !important;
	white-space: normal;
	right: 0px;
	padding: 3px !important;
	line-height: 12px;
	font-size: 11px;
	height:37px;
    position:absolute;
    top:30px;
    min-width:276px;
    z-index: 100;
    max-width:300px;
}
#ws_fb_buttons .newtooltip img {
	margin-left: 0px !important;
}
#ws_fb_buttons span.spriteImage {
	display: inline-block !important;
	margin-right: 3px !important;
	margin-left: 5px !important;
}

#currencySelector option {
    background: #fff;
}

@media (max-width: 900px)  {
    div#container {
    width: 540px;
    }
    #fundraiserParagraph-2 img{
        max-width: 100%;
        max-height: 100%;
    }
    section.fundraiserParagraph {
    width: 540px;
    }
    .headings{
        width: 140px;
    }
    .premium
    {
        width:200px;
    }
    .free{
        width: 100px;
    }
    section#featureDetails
    {
        padding: 30px;
    }
    section#featureDetails > h1{
        left:0;
        
    }
	
	
    section#fundraiserNotif table.fixNotifTable td.rightUsernotifTab {
max-width: 540px;
padding: 0px 30px 0px 10px;
position: relative;
left: -540px;
top: 413px;
width: 240px !important;
}
#fundraiserParagraph-1 {
width: 540px;
margin-top: 465px;
}
section#trialButtonContainer {
width: 280px;
float: right;
padding-right: 20px;
text-align: center;
left: -315px;
position: relative;
top: 180px;
}
section#selectYourPeriod {
margin: 0;
background-color: #ffffff;
margin-top: 15px;
position: relative;
left: 273px;
top: -270px;
}
section#pageTitle
{
    width: 540px;
}
}

form#packages > div.periods > div.radio_left {
	margin-left: 10%;
}

form#packages > div.periods > div.radio_left + div.radio_left {
	margin-left: 1%;
}


form#packages > div.periods > div.radio_left{
	display:block;
	width: 98%;
	text-align: left;
	margin: 5px;
}

#elso{
	margin-left: 10%;
}