body {
	color: #333;
	direction: ltr;
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	text-align: left;
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

a {
	color: #006699;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

#offerwebapp {
	width: 520px;
	margin: 10px auto; 
	padding: 20px 20px 0 20px;
	background-color: white;
}

#offerwebapp.wide810  {
	width: 810px;
}

#offerapp {
	width: 520px;
	margin: 0px auto;
/*	overflow: hidden; */
}

#offerapp.wide810 {
	width: 810px;
}

#offerapp #container {
/*	margin-top: 10px; */
/*	padding: 20px 20px 0 20px; */
	float: left;
	background-color: #fff;
	position: relative;
}

#offerapp #container.tab {
	margin-top: 0px;
	padding: 0px;
	float: left;
	background-color: #fff;
	width: 520px;
}

#offerapp.wide810 #container.tab {
	width: 810px;
}

/* CONTEST NAV CSS */
.nav { border: 1px solid #D8DFEA; width: 808px; height: 28px; margin-bottom: 10px; float: left;}
.nav .navlink { margin: 0; line-height: 28px; padding: 0 10px;}
.nav .navlinks { float: right;}
.nav .navlink.active {background-color: #6179AC; height: 28px; display: inline-block; }
.nav .navlink.active a { font-weight: bold; color: #fff; }
.nav .navlink.active a:hover { font-weight: bold; color: #fff; text-decoration: none;}
.nav .navtitle { font-weight: bold; font-size: 13px; line-height: 28px; float: left; padding: 0 10px; }
.off {display: none;}

#profile {
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
}

#profile .thumb {
	float: left;
	height: 50px;
	width: 50px;
	overflow: hidden;
	margin: 0 10px 0 0;
}

#profile .title {
	font-size: 20px;
	font-weight: bold;
}

#profile .details {
	width: 100%;
	margin-top: 4px;
	font-size: 11px;
	line-height: 16px;
	color: #808080;
}

#profile .detail {
	margin-right: 10px;
}

#poweredby {
	font-size: 11px;
	color: #9A9A9A;
	margin: 10px 10px 20px 10px;
	text-align: right;
	float: right;
	clear: both;
}

/* DIALOG */
#dialog {
	background-color: #FFF;
	border: 1px solid #D8DFEA;
	margin: 0 0 10px 0;
	padding: 0px;
	float: left;
	width: 518px;
}
.wide810 #dialog {
	width: 808px;
}

#dialog.bottom {
	margin: 10px 0 10px 0;
}

#dialog b.steparrow {
	width: 23px;
	height: 22px;
	text-align: center;
	background: transparent url(/img/steparrow.png) no-repeat scroll 0 0px;
	float: left;
	line-height: 22px;
	padding-right: 4px;
	margin-right: 5px;
}

#dialog div.dialogmsg {
	font-size: 12px;
	font-weight: bold;
}

#dialog div.shortform {
	padding: 10px;
}

#dialog div.longform {
	padding: 10px 10px 5px 10px;
}

#dialog div.onelineform {
	padding: 10px;
	float: left;
}
.wide810 div.onelineform {
	width: 790px;
}

#dialog div.shortform div.dialogmsg {
	padding-bottom: 10px;
}

#dialog div.longform div.dialogmsg {
	padding-bottom: 15px;
}

#dialog div.onelineform div.dialogmsg {
	line-height: 22px;
	float: left;
	width: 190px;
	margin-right: 10px;
}

#dialog.groupdeal div.dialogmsg {
	line-height: 32px;
}
span.redtext {
	color: #5F0C13;
	margin-left: 10px;
}


#dialog div.dialogtopmsg {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 10px;
	width: 100%;
}

#dialog div.dialogsubmsg {
	font-size: 11px;
	font-weight: normal;
}

#dialog input {
	font-size: 11px;
	margin: 0px;
	padding: 2px 4px;
}

#dialog .small {
	width: 70px;
}

#dialog .medium {
	width: 143px;
}

#dialog .large {
	width: 300px;
}

#dialog .youtube, #dialog .vine {
	width: 230px;
}

#dialog input.defaultvalue {
	color: #AAA;
}

#dialog div.count {
	float: left;
	height: 22px;
	background-color: #F5f5f5;
	font-size: 12px;	
	padding: 5px 10px;
	margin: 0 5px 0 0;
}

#dialog div.fielddata {
	float: left;
	width: 466px;
}

#dialog div.fielddata .nospace {
	margin: 0;
}

#dialog div.row {
	float: left;
	clear: both;
	line-height: normal;
	margin: 3px 0 0 0;
	padding: 0;
	white-space: normal;
}

#dialog div.txtrow {
	line-height: 22px;
}

#dialog div.fielddatarow {
	width: 100%;
	clear: both;
	float: left;
}

#dialog div.fielddatarow.smalltext {
	font-size: 10px;
	line-height: normal;
	color: #888;
	padding: 2px 0 0 0;
}

#dialog div.count b {
	float: left;
	font-size: 20px;
	line-height: 22px;
}

#dialog textarea.tweet {
	width: 408px;
	font-size: 13px;
	color: #555555;
	font-family: Tahoma;
	padding: 5px;
	height: 34px;
	float: left;
}

#dialog textarea.field {
	width: 408px;
	font-size: 13px;
	color: #555555;
	font-family: Tahoma;
	padding: 5px;
	height: 34px;
	float: left;
}

#dialog textarea.small {
	height: 34px;
}

#dialog textarea.medium {
	height: 75px;
}

#dialog textarea.large {
	height: 125px;
}

#dialog div.counter {
	color: #888888;
	float: left;
	padding: 0 0 0 4px;
	font-size: 10px;
}

#dialog div.count span{
	float: left;
	line-height: 22px;
	margin: 0 0 0 7px;
	font-weight: normal;
}

#dialog div.spacing {
	padding: 5px 0;
}

#dialog input.checkbox {
	width: 14px;
	margin: 4px 5px 0 0;
	padding: 0;
	height: 14px;
	float: left;
}

#dialog input.button {
	padding: 3px 6px 4px 6px;
}

#dialog div.shortform, div.longform {
	float: left;
}

#dialog div.onelinefield {
	float: right;
	width: 298px;
	text-align: right;
}

#dialog div.inputfield {
	float: left;
	width: 187px;
	margin-right: 12px;
	line-height: 22px;
	overflow: visible;
	text-overflow: ellipsis;
}

#dialog div.inputrow {
	float: left;
	width: 460px;
}

.wide810 #dialog div.inputrow {
	width: 710px;
}

#dialog label.forselect {
	float: left;
	margin-right: 5px;
	line-height: 22px;
	clear: right;
	font-weight: bold;
}

#dialog select {
	float: left;
	margin-right: 5px;
	line-height: 22px;
	font-size: 11px;
	padding: 2px 2px;
	clear: both;
}

#dialog div.longform div.inputfield {
	width: 500px;
	margin-bottom: 10px;
	margin-right: 0px;
}

.wide810 #dialog div.longform div.inputfield {
	width: 750px;
}

#dialog div.buttonfield {
	float: left;
	min-width: 100px;
	text-align: right;
}

#dialog div.submitfield {
	background-color: #F5F7F9;
	padding: 5px 10px;
	float: left;
	width: 498px;
	border-top: 1px solid #D8DFEA;
	line-height: 22px;
	font-size: 11px;
}
.wide810 #dialog div.submitfield {
	width: 788px;
}

#dialog div.submitfield div.buttonfield {
	float: right;
}

#dialog div.radio input {
	width: 20px;
	height: 22px;
}

#dialog div.radio input {
	vertical-align: middle;
}

#dialog label.radio {
	text-align: left;
	display: inline-block;
	width: auto;
	padding: 0px 5px 0px 5px;
}

#shareit {
	float: left;
	width: 478px;
	padding: 20px;
	background-color: #F7F7F7;
	border: 1px solid #D8DFEA;
	text-align: center;
	margin-bottom: 20px;
}

.wide810 #shareit {
	width: 768px;
}

#shareit div.sharemsg {
	font-size: 15px;
	font-weight: bold;
	width: 100%;
	float: left;
	text-align: center;
	margin-bottom: 20px;
}

#shareit div.shareoption {
	float: left;
	width: 126px;
	text-align: center;
	margin: 0 5px;
	padding: 10px;
	background-color: #FFFFFF;
	border: 1px solid #D8DFEA;
}

.wide810 #shareit div.shareoption {
	width: 160px;
	margin: 0 20px;
	padding: 10px;
}

#shareit div.shareoption span {
	width: 100%;
	font-size: 14px;
	margin-bottom: 10px;
	float: left;
}
#shareit div.shareoptions {
	margin-left: 2px;
}

.wide810 #shareit div.shareoptions {
	margin-left: 60px;
}

#disclaimer {
	font-size: 9px;
	float: left;
	padding: 10px;
	color: #9A9A9A;
}

div.offeroffline {
	float: left;
	width: 480px;
	text-align: center;
	font-size: 22px;
	padding: 40px 20px;
}

.wide810 div.offeroffline {
	width: 770px;
}


.fbbluebutton {
        font-size: 11px;
        color: #fff;
        background: #EEE url(/img/fbbuttons.png) repeat 0 0;
        border: 1px solid #999;
        border-bottom-color: #888;
        background-color: #5B74A8;
        background-position: 0 -48px;
        border-color: #29447E #29447E #1A356E;
        box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
        cursor: pointer;
        display: -moz-inline-box;
        display: inline-block;
        font-weight: bold;
        line-height: normal !important;
		padding: 3px 6px 4px 6px;
        text-align: center;
        text-decoration: none;
        vertical-align: top;
        white-space: nowrap;
        cursor: pointer;
        font-weight: bold;
        vertical-align: middle;
}

.fbbutton {
	background: #EEE url(/img/fbbuttons.png) repeat 0px 0px;
	border: 1px solid #999;
	border-bottom-color: #888;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
	cursor: pointer;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	line-height: normal !important;
	padding: 3px 6px 4px 6px;
	text-align: center;
	text-decoration: none;
	vertical-align: top;
	white-space: nowrap;
	font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
	cursor: pointer;
	margin: 0px;
	outline: none;
}
.fbgreenbutton {
	background: #69A74E url(/img/fbbuttons.png) repeat 0px -96px;
	border: 1px solid;
	border-color: #3B6E22 #3B6E22 #2C5115;
	-webkit-box-shadow: rgba(0, 0, 0, 0.0976563) 0px 1px 0px;
	cursor: pointer;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	line-height: normal !important;
	padding: 3px 6px 4px 6px;
	text-align: center;
	text-decoration: none;
	vertical-align: top;
	white-space: nowrap;
	color: white;
	font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
	cursor: pointer;
	margin: 0px;
	outline: none;
}

a.fbgreenbutton:hover,a.fbbluebutton:hover {
	text-decoration: none;
}

div.flashmessage {
	float: left;
	margin-bottom: 20px;
	color: red;
	padding: 10px;
	width: 500px;
	border-bottom: 1px solid #FF7F7F;
	border-top: 1px solid #FF7F7F;
	background-color: #FFE5E5;
}
.wide810 div.flashmessage {
	width:  790px;
}

a.twitterlink {
	float: left;
	padding: 0 0 0 18px;
	background: transparent url(/img/twitterfavicon.png) no-repeat scroll 0 0px;
	line-height: 16px;
	color: #2299CC;
}

a.facebooklink {
	float: left;
	padding: 0 0 0 20px;
	background: transparent url(/img/facebookfavicon.png) no-repeat scroll 0 0px;
	line-height: 16px;
	color: #3B5998;
}

#adminbar {
	background-color: #F2F2F2;
	border-bottom: none;
	border-top: solid 1px #E2E2E2;
	padding: 0px;
	font-size: 11px;
	margin-bottom: 10px;
}

#adminbar div {
	padding: 5px 0px;
	width: 100%;
}

#adminbar div span {
	display: inline-block;
	padding: 0px 5px;
}

#adminbar a {
	cursor: pointer;
	color: #3B5998;
	text-decoration: none;
}

#adminbar a:hover {
	text-decoration: underline;
}

#adminbar .notice {
	background-color: red;
	color: white;
}

#adminbar .notice span {
	font-weight: bold;
}

#dialog img.smallthumb {
	width: 30px;
	height: 30px;
	padding: 1px;
	border: none;
}

#simplemodal-overlay {
	background-color:#fff;
}
#simplemodal-container {
	background:rgba(82,82,82,0.7);
	-webkit-border-radius:8px;
	padding:10px;
}
#simplemodal-wrap {
	background-color:#fff;
}

.popdialog {
	background-color: #fff;
}
.popdialog h2.popdialog_title {
	background-color: #6D84B4;
	border: 1px solid #3B5998;
	border-bottom: none;
	color: white;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	background: #555;
	border: 1px solid #000;
	border-bottom: 1px solid #000;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	color: #fff;
}
.popdialog h2 span {
	display: block;
	padding: 5px 10px;
}

.popdialog .popdialog_content {
	background: white;
	border: 1px solid #555;
	border-top-width: 0;
}

.popdialog .popdialog_content .popdialog_body {
	padding: 10px 10px 0 10px;
	border-bottom: 1px solid #CCC;
}

.popdialog .popdialog_content .popdialog_footer {
	background: #F2F2F2;
	padding: 8px 10px 8px 10px;
	position: relative;
	text-align: right;
}

.popdialog_entrypage {
	width: 380px;
	padding: 10px;	
	line-height: 22px;	
	white-space: nowrap;
}

.popdialog .popdialog_content .popdialog_footer span.popdialog_footer_title {
	float: left;
	line-height: 22px;
}

.popdialog .popdialog_content .popdialog_row {
	margin: 0 0 10px 0;
}

/* email to friends */
.popdialog_emailtofriends {
	width: 300px;
}
.popdialog_emailtofriends #email_share_emails {
	float: left;
	line-height: 22px;
	padding: 5px 10px 5px 0px;
}
.popdialog_emailtofriends input {
	width: 292px;
	clear: both;
	padding: 1px 2px;
	margin: 1px 5px 2px 0px;
	font-style: italic;
}

.popdialog_emailtofriends textarea {
	width: 296px;
	height: 80px;
	clear: both;
	padding: 1px;
	margin: 3px 5px 3px 0px;
	font-family: Tahoma;
	resize: none;
}

/* tweet dialog */
.popdialog_tweet {
	width: 400px;
}
.popdialog_tweet #tweet {
	width: 392px;
	font-size: 13px;
	color: #555555;
	font-family: Tahoma;
	padding: 3px;
	margin: 3px 5px 3px 0px;
	height:50px;
	float: left;
	clear: both;
	resize: none;
}
.popdialog_info {
	float: left;
	line-height: 22px;
}
.popdialog_tweet #counter {
	float: right;
	line-height: 22px;
	color: #AAA;
}
.popdialog_tweet .smalltext {
	font-size: 10px;
	line-height: normal;
	color: #888;
	padding: 2px 0px 0px 0px;
	clear: both;
	line-height: 22px;
}

#voucher {
	width: 520px;
	float: left;
}

#voucher div.business {
	float: left;
	clear: both;
	border-bottom: 1px solid #f5f5f5;
	width: 500px;
	padding: 0 0 10px 0;
	margin: 0 10px 10px 10px;
}

#voucher div.business div.from {
	font-size: 16px;
	font-weight: bold;
	width: 100%;
	float: left;
	clear: both;
	padding: 0 0 5px 0;
}

#voucher div.business div.contactdetail {
	font-size: 11px;
	color: #999;
	margin-right: 10px;
	float: left;
}

#voucher div.entries {
	float: left;
	width: 500px;
	clear: both;
	border-bottom: 1px solid #f5f5f5;
	padding: 0 0 10px 0;
	margin: 0 10px 10px 10px;
}

.wide810 #voucher  {width: 800px;}
#voucher div.entries {float: none; clear: none; width: auto;}
div.entry .image {float: left;margin-right: 20px; width: 150px;}
div.entry .section {display: block;}
div.entry .info {display: block;}
div.entry .info .votes {font-size: 16px; float: left; margin-right: 10px;}
div.entry .info .likes {display: inline-block; width: 130px; }
div.entry .info .voteurl {font-size: 14px; margin-top: 10px; display: block;}
div.entry .info .sharing {margin-top: 10px;}

#voucher div.entrytitle {
	font-size: 16px;
	font-weight: bold;
	width: 100%;
	float: left;
	clear: both;
	padding: 0 0 5px 0;
}

#voucher div.entry {
	float: left;
	clear: both;
	margin: 10px 0 0 0;
	width: 100%;
}

#voucher div.redemption {
	float: left;
	width: 500px;
	clear: both;
	border-bottom: 1px solid #f5f5f5;
	padding: 0 0 10px 0;
	margin: 0 10px 10px 10px;
}

.wide810 #voucher div.redemption {
	width: 790px;
}


#voucher div.redemption div.redemptioninfo {
	float: left;
	font-size: 12px;
	line-height: 18px;
}

#voucher div.redemption div.scan {
	float: right;
	width: 100px;
	height: 100px;
}

#voucher div.scancode {
	float: left;
	margin: 10px 0 0 10px;
	font-size: 10px;
	color: #999;
	clear: both;
}



 div.box {
	float: left;
	width: 520px;
	margin: 6px 0 0 0;
}

 div.box-top {
	float:left;
	width: 520px;
	height: 25px;
	background: transparent url(/img/520box-top.png) no-repeat scroll 0 0;
}

div.box-middle {
	float:left;
	width: 480px;
	background: transparent url(/img/520box-middle.png) repeat-y scroll 0 0;
	padding: 0 20px;
	margin-top: -10px;
}

 div.box-bottom {
	float:left;
	width: 520px;
	height: 25px;
	background: transparent url(/img/520box-bottom.png) no-repeat scroll 0 0;
}

.wide810  div.box {
	width: 810px;
}

.wide810 div.box-top {
	width: 810px;
	background: transparent url(/img/810box-top.png) no-repeat scroll 0 0;
}

.wide810 div.box-middle {
	width: 770px;
	background: transparent url(/img/810box-middle.png) repeat-y scroll 0 0;
}

.wide810  div.box-bottom {
	width: 810px;
	background: transparent url(/img/810box-bottom.png) no-repeat scroll 0 0;
}


div.offerimage {
	margin: 0 0 10px -20px;
	width: 520px;
	text-align: center;
}

.wide810 div.offerimage {
	width: 810px;
}


div.offerimage img{
	max-width: 520px;
}

.wide810 div.offerimage img {
	max-width: 810px;
}

.wide810 div.box-middle div.offerimage img{
	max-width: 808px;
}

div.offerimagebox {
	width: 520px;
	margin: 0px 0;
	float: left;
}

.wide810 div.offerimagebox {
	width: 810px;
}

div.offerimageonly {
	margin: 0 0 10px 0px;
	width: 520px;
	text-align: center;
}

div.offerimageonly img {
	max-width: 520px;
}

.wide810 div.offerimageonly {
	width: 810px;
}
.wide810 div.offerimageonly img {
	max-width: 810px;
}

div.offerimagetext {
	float: left;
	width: 100%;
}


div.offertitle {
	font-size: 22px;
	padding: 0 0 15px 0;
}

div.offerdesc {
	font-size: 14px;
	line-height: 130%;
	
}

div.offerrestrictions {
	font-size: 12px;
	line-height: 130%;
	padding: 10px 0 0 0;
}

div.extraentries {
	font-size: 20px;
	color: #67A54B;
	font-weight: bold;
	margin: 10px 10px 20px 10px;
	float: left;
	width: 498px;
	text-align: center;
}

.wide810 div.extraentries {
	width: 788px;
}

.right {
	float: right;
}

.left {
	float: left;
}


#tabapp {
	width: 520px;
	float: left;
	position: relative;
}

.wide810 #tabapp {
	width: 810px;
}

#tabapp div.dialog {
	width: 498px;
	background-color: #FFF;
	border: 1px solid #D8DFEA;
	margin: 0 0 10px 0;
	padding: 10px;
	float: left;
}

.wide810 #tabapp div.dialog {
	width: 788px;
}

div.dialog div.dialogmsg {
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
}

div.dialog div.dialogtopmsg {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 10px;
	width: 100%;
}

span.redtext {
	color: #5F0C13;
}

div.dialog div.dialogsubmsg {
	font-size: 11px;
	font-weight: normal;
}

div.dialog input {
	font-size: 11px;
	margin: 0px;
	padding: 2px 4px;
}

div.dialog input.empty {
	color: #AAA;
}

div.dialog input.active {
	color: #333;
}

div.dialog div.flash {
	width: 100%;
	color: red;
	float: left;
	clear: both;
	margin: 0 0 5px 0;
}

div.dialog div.flash p {
	padding: 0;
	margin: 0;
	font-size: 11px;
}

div.dialog div.count {
	float: left;
	height: 22px;
	background-color: #F5f5f5;
	font-size: 12px;	
	padding: 5px 10px;
	margin: 0 5px 0 0;
}
div.dialog div.count b {
	float: left;
	font-size: 20px;
	line-height: 22px;
}
div.dialog div.count span{
	float: left;
	line-height: 22px;
	margin: 0 0 0 7px;
}

div.dialog div.spacing {
	padding: 5px 0;
}


div.box520 {
	float: left;
	width: 520px;
	margin: 6px 0 0 0;
}

div.box520-top {
	float:left;
	width: 520px;
	height: 25px;
	background: transparent url(/img/520box-top.png) no-repeat scroll 0 0;
}
div.box520-middle {
	float:left;
	width: 480px;
	background: transparent url(/img/520box-middle.png) repeat-y scroll 0 0;
	padding: 0 20px;
	margin-top: -10px;
}
div.box520-bottom {
	float:left;
	width: 520px;
	height: 25px;
	background: transparent url(/img/520box-bottom.png) no-repeat scroll 0 0;
}

/* extra */
h1 {
	font-size: 20px;
	font-weight: bold;
}

div.tabtitle {
	width: 100%;
	text-align: right;
	font-size: 16px;
	padding: 0 0 15px 0;
	float: left;
}

div.fansonly  {
	float: left;
	width: 100%;
	border: 1px solid #D8DFEA;
	background-color: #EDEFF4;
	color: #333;
	height: 55px;
	font-size: 13px;
	font-weight: bold;
}

div.fansonly div {
	line-height: 55px;
	padding: 0 15px;
}

div.fansonly.roomforarrow {
	margin-top: 34px;
	position: relative;
}

div.fansonly img.arrowtolike {
	width: 59px;
	height: 35px;
	top: -34px;
	left: 75px;
	position: absolute;
}

div.fansonly img.arrowtolike.withtext {
	top: 0px;
}

div.fansonly img.arrowtolike.withtextpad {
	top: 0px;
}

div.fansonly img.thumbsup {
	width: 44px;
	height: 38px;
	margin-top: 8px;
	margin-right: 15px;
	float: left;
}

div.availablemessage {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 40px;
}

div.availablemessage div {
	line-height: 55px;
	padding: 40px 15px;
}

div.messagebar {
	float: left;
	width: 490px;
	border-bottom: 1px solid #D8DFEA;
	border-top: 2px solid #94A3C4;
	background-color: #EDEFF4;
	padding: 0 15px;
	height: 55px;
	line-height: 55px;
	font-size: 18px;
	margin-bottom: 15px;
}

div.sectionbar {
	float: left;
	width: 504px;
	background: #ECEFF5;
	padding: 5px 8px;
	border-top: 1px solid #94A3C4;
	background-color: #EDEFF4;
	font-size: 11px;
	margin-bottom: 15px;
	font-weight: bold;
}

ul.offers li {
	width: 490px;
	padding: 15px;
	border-bottom: 1px solid #D8DFEA;
	float: left;
}

ul.offers.small li {
	width: 510px;
	padding: 5px;
}

ul.offers li span.details {
	width: 380px;
	float: left;
	font-size: 16px;
	line-height: 35px;
}

ul.offers.small li span.details {
	line-height: 28px;
}

.button {
	font-size: 13px;
	padding: 10px;
	border: 1px solid #3B6E22;
	background-color: #67A54B;
	color: #fff;
	font-weight: bold;
}

.button.inactive {
	background-color: #D9E8D2;
	border: 1px solid #CEDBC8;
}

.button.small {
	padding: 5px 10px;
}

.button.on {
	background-color: #3B5998;
	border: 1px solid #0E1F5B;
}

.button.off {
	background-color: #CED5E5;
	border: 1px solid #C3C7D6;
}

.topspace {
	margin-top: 15px;
}

.bigtopspace {
	margin-top: 30px;
}

#canvasapp {
	width: 760px;
}

div.pagemessage {
	border-top: 1px solid #94A3C4;
	background: #ECEFF5;
	float: left;
	width: 100%;
	padding: 10px;
}

div.pagemessage  div.welcome {
	float: left;
	width: 100%;
	padding: 0 0 5px 0;
}

div.offerended {
	float: left;
	width: 720px;
	text-align: center;
	font-size: 22px;
	padding: 40px 20px;
} 

a.button120 {
	height: 39px;
	width: 120px;
	background: transparent url(/img/buttons.png) no-repeat scroll 0 -80px;
	line-height: 37px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	float: left;
	text-decoration: none;
}
a.button120:hover {
	background: transparent url(/img/buttons.png) no-repeat scroll -120px -80px;
}

a.button480 {
	height: 39px;
	width: 480px;
	background: transparent url(/img/buttons.png) no-repeat scroll 0 0;
	line-height: 37px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	float: left;
	text-decoration: none;
}
a.button480:hover {
	background: transparent url(/img/buttons.png) no-repeat scroll 0 -40px;
}

div.actionbox div.actionarrow a.button120 {
	margin: 11px 10px 0 10px;
}

a.bigtext {
	float: left;
	width: 100%;
	padding: 20px 0 0 0;
	text-align: center;
	font-size: 18px;
}

#tabapp div.dialog.customfields {
	width: 518px;
	background-color: #FFF;
	border: 1px solid #D8DFEA;
	margin: 0 0 10px 0;
	padding: 0px;
	float: left;
}

div.flashpad {
	padding: 10px 10px 0 10px;
}

/* VIDEO CONTEST: YOUTUBE UPLOAD */
div.inputframe {
	padding: 0px;
	margin: 0px;
	border: 1px solid #b0b0b0;
	margin-right:auto;
	overflow: hidden;
}

#youtube_success {
	font-size: 13px;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	text-align: center; 
	width: 300px; 
	height: 85px;
}

#yt_login, #yt_loggedin, #yt_status {
	margin: 0px;
	padding: 5px;
	background-color: #F5F7F9;
	border-top: 1px solid #D8DFEA;
	width: 291px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	height: 25px;
	vertical-align:middle;
	overflow: hidden;
	display: table-cell;
	clear: left;
}
#yt_login div {
	text-align: right;
	display: inline-block;
	vertical-align:middle;
	padding: 0px;
	margin: 0px;
	padding-right:2px;
}
#yt_login {
	cursor: pointer;
}
#yt_login:hover {
	background-color: #D8DFEA;
	color: #069;
}

#yt_login img {
	height: 25px;
	vertical-align:middle;
}

#yt_status {
	display: none;
	cursor: auto;
}

#yt_frame {
	padding: 0px;
	margin: 0px;
	border: none;
	width: 300px;
	height: 85px;
	overflow: hidden;
	float: left;
	clear: right;
}
#yt_meta {
	list-style:none;
	list-style-image: none;
	padding: 0px;
	margin: 10px;
	margin-top: 2px;
}
#yt_meta li {
	display:inline-block;
	width:280px;
	margin: 0px;
	margin-top: 5px;
	padding: 0px;
}

#yt_meta textarea {
	resize: none;
}

#yt_meta input, #yt_meta textarea {
	width: 278px;
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
	box-sizing:content-box;
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box; 
}
#yt_meta #yt_keywords, #yt_meta #yt_description, #yt_meta #yt_title {
	border: 1px solid #D8DFEA;
}

/* VOTE PAGE CSS */
#submission_list li.submission { margin: 0; padding: 0; list-style-type: none; display: inline-block; width: 196px; position: relative; padding: 0px; margin: 0 5px 5px 0px; border: 1px solid #C4CDE0; text-align: left; float: left}
#submission_list div.square-thumb {  width: 196px; height: 196px; margin: 0; padding: 0;}
#submission_list .votebox {position: absolute; bottom: 6px; right: 5px; font-size: 10px; padding: 0px; z-index: 4; max-width: 50px; }
#submission_list .votebox .bottom, .votebox .top {
	min-width: 28px;
	overflow: hidden;
	left: 0px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	border: 2px solid #333;
	font-weight: bold;
	padding: 1px 3px;
}

#submission_list .fb-button {
	background: #eee; /* for non-css3 browsers */
	color: #222;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffc0c0c0'); /* for IE */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffc0c0c0'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#c0c0c0)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #fff, #c0c0c0); /* for firefox 3.6+ */
}
#submission_list .votebox .bottom {
	background: rgb(51, 51, 51);
	background: rgba(51, 51, 51, 0.6);
	color: white;
	text-shadow: 1px 1px #000;
}

#submission_list .votebutton {
	cursor: pointer;
	display: block;
}
#submission_list .votebutton img {
	padding-top: 3px;
	margin: auto;
}
#submission_list .votebutton_hover {
}
#submission_list a.next {float: right; clear: right; padding: 10px; font-weight: bold;}
#submission_list a.prev {float: left; clear: left; padding: 10px; font-weight: bold;}

#loader { padding: 3px; width: 16px; height: 12px; background: url(/img/page_loader.gif) center no-repeat; vertical-align: middle; display: inline-block; }

#submission_list ul.featured {display: table; margin: 20px auto; width: 360px;}
#submission_list li.featured.submission { width: 360px; height: 390px;}
#submission_list li.featured.submission div.square-thumb { width: 360px; height: 360px;}
#submission_list li.featured.submission img { width: 360px; height: 360px;}
#submission_list li.featured.submission .statusbar {height: 22px; font-size: 14px; padding: 0 8px; line-height: 22px; margin: 4px; background-color: #f0f0f0; }


#submission_list .photoinfowrapper {float: left; width: 100%; clear: both;}
#submission_list .photoinfo {width: 400px; margin: 20px auto 20px auto; border: 1px solid #C4CDE0; display: table;}
#submission_list .photoinfo .photoframe { width: 250px; height: 250px;  float: left;}
#submission_list .photoinfo .photo { width: 250px; height: 250px; overflow: hidden;  }
#submission_list .photoinfo .photo img { width: 250px;}
#submission_list .photoinfo .photoactions { float: left; width: 100px; margin: 20px 0 0 20px;}
#submission_list .photoinfo .photoactions span { font-size: 18px; width: 100%; float: left; clear: both; margin-bottom: 10px;}

#submission_list .transparent {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
#submission_list .submission:hover .actions {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}
#submission_list .submission:hover .actions:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  filter: alpha(opacity=1);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
#submission_list .submission .actionsbg {visibility: hidden; position: absolute; z-index: 10; top: 0px; right: 1px; left: 1px; width: 221px;  width: 100%; background-color: transparent; height: 28px;}
#submission_list .submission .actions {visibility: hidden; position: absolute; z-index: 999; top: 0px; right: 1px; left: 1px; width: 211px; margin: 5px; }

/*
	doesn't work with IE -- FB buttons don't get scaled correctly -- jQuery hover instead
#submission_list .submission:hover .actions {display: block;}
#submission_list .submission:hover .actionsbg {display: block;}*/
#submission_list .submission .captionbarbg {display: block; position: absolute; z-index: 3; height:90px; width: 197px; bottom:0px; background-image: url("/img/blackgradoverlay.png"); }
#submission_list .submission .captionbar {display: block; width: 130px; position: absolute; bottom: 4px; left: 4px; z-index: 3; height: 40px; background-color: transparent; margin: 5px; color: #fff; overflow: hidden; text-overflow: ellipsis; text-shadow: 1px 1px #000}
#submission_list .submission .captionbar p { position: absolute; bottom: 0px; padding: 0px; margin: 0px; }

#submission_list {
	margin: 0; 
	padding: 0; 
	margin-left: 0px;
	margin-right: -10px; 
	text-align:center; 
	font-size: 11px;
}

/* BONUS METHOD CSS */
#bonusmethods {	float: left;margin-bottom: 20px;}
#bonusmethods .bonusmethod {width: 518px;border: 1px solid #D8DFEA;float: left;margin-bottom: 10px;height: 70px;}
.wide810 #bonusmethods .bonusmethod {width: 808px;}
#bonusmethods .errorarea {clear: both;padding: 5px;background-color: #FFF9D7;color: #333;font-size: 11px;font-weight: bold;border-top: 1px solid #E2C822;border-left: 1px solid #E2C822;border-right: 1px solid #E2C822;}
#bonusmethods .errorarea span {float: left;}
#bonusmethods .errorarea span.close {float: right;}
#bonusmethods .errorarea span.close a {color: #E2C822;}
#bonusmethods .bonusarea  {float: left;width: 50px;height: 50px;background-color: #F7F7F7;padding: 10px;border-right: 1px solid #D8DFEA;text-align: center;font-size: 10px;position: relative;}
#bonusmethods .bonusarea  b {font-size: 20px;color: #67A56D;}
#bonusmethods .bonusarea div.checkmark {background-color: white;color: #67A56D;font-size: 13px;font-weight: bold;width: 16px;height: 18px;line-height: 18px;float: left;position: absolute;top: -1px;right: -1px;border: 1px solid #D8DFEA;}
#bonusmethods .contentarea {float: left;width: 398px;padding: 10px;}
.wide810 #bonusmethods .contentarea {float: left;width: 563px;padding: 10px;}
#bonusmethods .contentarea img.thumbpic {width: 50px;height: 50px;float: left;margin: 0 10px 0 0;}
#bonusmethods .contentarea div.name {font-size: 13px;font-weight: bold;margin: 0 0 7px 0;}
#bonusmethods .submitarea div.completebonus {float: right;height: 50px;padding: 10px 20px;background-color: #F7F7F7;border-left: 1px solid #D8DFEA;text-align: center;font-size: 10px;position: relative;}
#bonusmethods .submitarea div.codelabel {	float: left;width: 40px;font-size: 9px;	padding-top: 1px;line-height: 10px;margin-right: 5px;}
#bonusmethods .submitarea .codeinput {float: left;width: 35px;padding: 2px 2px;font-size: 12px;height: 15px;}
#bonusmethods .submitarea .submitbuttonarea {	padding-top: 5px; clear: both;width: 100%;}
#bonusmethods .submitarea .submitformarea {clear: both;	width: 100%;}
#bonusmethods .submitarea .success {	float: right;height: 50px;padding: 10px 20px;background-color: #F7F7F7;border-left: 1px solid #D8DFEA;text-align: center;font-size: 10px;color: #67A56D;position: relative;font-size: 40px;}
#bonusmethods h4 {font-size: 16px;font-weight: bold;float: left;clear: both;padding: 0 0 5px 0;margin: 10px;}
#bonusmethods div.completed {font-size: 13px;}
#bonusmethods .notcompleted .contentarea .finished {display: none;}
#bonusmethods .completed .contentarea .instructions {display: none;}
#bonusmethods .notcompleted .submitarea .success {display: none;}
#bonusmethods .completed .submitarea .completebonus {display: none;}


/*** POSTENTRY ***/
.postentry {
	float: left;
	width: 100%;
}

.postentry .heading {
	background-color: #f0f0f0;
	border-top: 1px solid #d0d0d0;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 5px 5px 5px;
	margin: 0px 0px 10px 0px;
}

.postentry .subheading {
	background-color: #f0f0f0;
	border-top: 1px solid #d0d0d0;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 5px 5px 5px;
	margin: 0px 10px 10px 10px;
}

/* leaderboard */

#leaderboard .rank {
	color: #6374b1;
	display: inline-block;
	font-weight: bold;
	vertical-align: middle;
}

#leaderboard .points {
	display: inline-block;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

#leaderboard .user-picture, #leaderboard .user-name {
	display: inline-block;
	vertical-align: middle;
}

#leaderboard .leader {
	float: left;
	width: 49%;
}

#leaderboard .leaderboard {
	float: right;
	width: 49%;
}

#leaderboard .details {
	height: 50px;
	margin-bottom: 15px;
}

#leaderboard .details .standing {
	float: left;
	margin: 0px 10px;
	min-width: 50px;
	max-width: 80px;
}
#leaderboard .details .standing .rank {
	font-size: 30px;
	min-width: 50px;
}

#leaderboard .details .standing .points {
	color: #6374b1;
	min-width: 50px;
}

#leaderboard .details .profile {
	float: left;
}

#leaderboard .leader .user-picture {
	height: 50px;
	padding-left: 10px;
	width: 50px;
}

#leaderboard .leader .user-name {
	font-size: 15px;
	font-weight: bold;
	padding: 10px;
}

#leaderboard .leader .history ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#leaderboard .leader .history li {
	border-bottom: 1px solid #e1e1e1;
	margin: 0px 10px 10px 10px;
	padding: 0px 5px 5px 5px;
}

#leaderboard .leader .history .desc {
	font-size: 13px;
	vertical-align: middle;
}

#leaderboard .leader .history .points {
	color: green;
	float: right;
}

#leaderboard .leader .history .points.neg {
	color: red;
}

#leaderboard .leaderboard ul {
	list-style: none;
	margin: 0;
	padding: 0 0 5px 0;
}

#leaderboard .leaderboard li {
	border-bottom: 1px solid #e1e1e1;
	margin: 0px 10px 10px 10px;
	padding: 0px 0px 10px 0px;
}

#leaderboard .leaderboard .rank {
	font-size: 20px;
	padding-left: 5px;
}

#leaderboard .leaderboard .points {
	color: #6374b1;
	padding-left: 5px;
	min-width: 50px;
}

.leaderboard .user-picture, .leaderboard .user-picture img {
	height: 25px;
	width: 25px;
}

.leaderboard .user-picture, .leaderboard .user-name {
	padding-left: 10px;
}

.leaderboard .user-name {

}

/* PINTEREST */
#pins_wrapper {
	position: relative; 
	margin: 15px 23px 15px 23px;
	padding: 20px 0 10px 20px;
	border-top: 1px solid #ddd;
}
#pins {
	position: relative; 
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	//overflow: hidden;
}
#pins .pin {
	float: left;
	width: 192px; 
	margin: 0 0 15px 0;
}

#pins .media {
  width: 192px; 
}