@CHARSET "UTF-8";

html {
	height: 100%; margin: 0; padding: 0;
}
body {
	font-size: 14px;
	height: 100%;
	margin: 0; padding: 0;
}

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

a:link,a:visited,.link-style {
	color: #006699;
	text-decoration: none;
	cursor: pointer;
}

a:link :hover,a:visited :hover {
	text-decoration: underline;
}

.hb-head {
	height: 8px;
	font-size: 1px;
	background: #006699 url(/images/corners/tl-8.png) no-repeat;
}

.hb-head .cap {
	height: 8px;
	font-size: 1px;
	background: transparent url(/images/corners/tr-8.png) no-repeat right;
}

.hb-body {
	background: #006699;
	color: #ffffff;
	font-family: Arial, Helvetica;
	font-size: 12px;
	padding: 0px 10px 0px 10px;
}

.hb-body a {
	color: #ffff55;
}

.hb-body .cap {
	background: transparent;
	font-size: 1px;
}

#header-topbar .hb-body {
	text-align: right;
}

.hb-foot {
	height: 8px;
	font-size: 1px;
	background: #006699 url(/images/corners/bl-8.png) no-repeat;
}

.hb-foot .cap {
	height: 8px;
	font-size: 1px;
	background: transparent url(/images/corners/br-8.png) no-repeat right;
}

#headerSummary { /* border: 1px solid #890000; */
	width: 150px;
	/* height: 90px; */
	/* font-size: 24px; */
	font-weight: bold;
	/* color: #890000; */
	vertical-align: bottom;
	text-align: right;
	/* position: relative; */
	/* float: right; */
	display: table-cell;
	padding-top: 0px;
	margin-bottom:20px;
}

#headerSummary .balance {
	font-size: 28px;
	font-weight: bold;
	color: #006699;
}

#headerBalance {
	padding: 7px 10px 10px 10px;
}

#footer {
	text-align: center;
	display: table-cell;
	width: 950px;
}

.logo {
	text-indent: -9999px;
	height: 70px;
	width: 500px;
	background: url(images/dympol-logo.gif) no-repeat;
}

#login {
	text-align: right;
	background: transparent;
}

input[type=text],input[type=password] {
	font-size: 11px;
	border: 1px solid #769EBD;
}

#username,#password,#password_check {
	width: 122px;
	margin-right: 0;
}

select { /* font-size: 11px; */ /* border: 1px solid #769EBD; */
	/* padding: 0px; */
	
}

table.sortable thead {
	background-color: #fff;
	cursor: pointer;
}

table.listTable td,th {
	font-size: 12px;
}

.activity-table-container { margin-bottom: 10px; }
.activity-table-container .page-controls { height: 16px; margin: 5px 10px; }
.activity-table-container .page-controls .page-prev {
	float: left; width: 50%; height: 16px;
}
.activity-table-container .page-controls .page-next {
	float: right; width: 50%; height: 16px; text-align: right;
}
.activity-table { width: 100%; }
.activity-table .row-even { background-color: transparent; }
.activity-table .row-odd { background-color: #FFF0D2; }
.activity-table .inner-table { width: 100%; }
.activity-table td[colspan="4"].listData { padding: 0px; }
.activity-table .purchase-sponsored-by td {
	border: 1px dashed #006699; text-align: center; padding: 7px; background-color: #fff;
	vertical-align: middle; font-size: 12px;
}
.activity-table .purchase-sponsored-by .sponsored-by-header {
	display: inline-block; vertical-align: middle; font-weight: bold; padding-right: 5px;
}
.activity-table .purchase-sponsored-by .sponsored-by-sponsor {
	display: inline-block; vertical-align: middle;
}
.activity-table .purchase-sponsored-by .sponsored-by-sponsor a {
	display: inline-block; vertical-align: middle;	
}
.activity-table .listData .creator {
	font-size: 95%;
}

.advertisement { float: right; clear: right; width: 162px; margin: 0 0 18px; }

.listHead {
	border-bottom: 1px solid #006699;
	font-weight: bold;
	vertical-align: bottom;
	background: #ffffff;
}

.listHead.num {
	text-align: right;
}

.listFoot {
	border-top: 1px solid #006699;
	font-weight: bold;
	background: #ffffff;
}

.listFoot.num {
	text-align: right;
}

.listData {
	vertical-align: top;
}

.listData.num {
	text-align: right;
}

.listData.center {
	text-align: center;
}

.nav {
	border-left: 2px solid #ffffff;
	padding-left: 8px;
	padding-right: 8px;
	float: left;
	font-weight: bold;
	font-size: 13px;
	height: 20px;
}

.nav.first {
	border-left: 0px;
}

.menu-secondary-options { float: right; }
.menu-secondary-options .invite-friend {
	display: inline-block;
}
.menu-secondary-options .share-link {
	display: inline-block; padding-left: 5px; height: 20px; line-height: 20px;
	background: #fff url(/images/corners/menu-corners.png) left center no-repeat; margin-left: 10px;
}
.menu-secondary-options .share-link>span {
	display: inline-block; height: 20px; line-height: 20px; padding-right: 5px;
	background: #fff url(/images/corners/menu-corners.png) right center no-repeat; 
}

.menu-secondary-options .share-link a { color: #006699; }

.nav.active { /* background: #ffffff; */
	color: #006699;
	background: #fff url(/images/corners/menu-corners.png) left center no-repeat;
	padding-right: 0px; border-left: 0;
}
.nav.active a {
	padding-right: 8px; height: 20px; line-height: 20px;
	display: block; text-align: center;
	background: transparent url(/images/corners/menu-corners.png) right center no-repeat;	
}

.nav.next {
	border-left: 2px transparent;
	padding-left: 6px;
}

.nav.active a {
	color: #006699;
}

.nav a {
	display: inline-block; line-height: 20px; height: 20px;
	color: #ffffff;
	text-decoration: none;
}

.nav a:hover {
	text-decoration: underline;
}

.regFormTable td {
	text-align: right;
	width: 150px;
}

.loginFormTable { width: 100%; }
.loginFormTable td {
	padding: 4px 8px;
	vertical-align: bottom;
}

.regFormTable td.regFormElement {
	text-align: left;
	width: 400px;
}

.regFormElement input[type=text],.regFormElement input[type=password] {
	width: 200px;
}

#postal_code {
	width: 80px;
}

.registrationLabel {
	width: 130px;
	text-align: right;
}

.elementError {
	color: #ff0000;
}

.tbarPopup {
	margin-top: 10px;
	margin-left: 10px;
}

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

.tbarPopup a:hover {
	text-decoration: underline;
}

table.summary { /* border: 1px solid #890000; */ /* height: 90px; */
	
}

.summaryRow {
	display: inline-block;
}

.summary.header {
	font-size: 14px;
	font-weight: bold;
	color: #006699;
	padding-left: 10px;
}

.summary.main {
	background: #006699;
	color: #ffffff;
}

.summary.value {
	font-size: 22px;
	font-weight: bold;
	vertical-align: top;
	color: #006699;
	padding: 0px;
}

.summary.value.main {
	color: #ffffff;
}

.summary.desc {
	vertical-align: bottom;
	padding: 0px;
}

.accountSection {
	padding-bottom: 40px;
}

.accountLabel {
	text-align: right;
	vertical-align: top;
	width: 160px;
}

.accountHead {
	border-bottom: 1px solid #006699;
	height: 20px;
}

.accountBody {
	display: none;
}

.accountSummary {
	color: #999999;
}

.pageSections { padding-bottom: 40px; }
.pageSections .sectionTitle {
	padding: 0 8px; border-left: 2px solid #006699;
}
.pageSections .sectionTitle:first-child {
	padding-left: 0; border-left: 0;
}
.sectionTitle {
	float: left;
	font-size: 14px;
}

.switchOn {
	float: right;
	font-size: 11px;
}

.section-switch { float: right; font-size: 11px; color: #006699; cursor: pointer; }

.switchOff {
	float: right;
	font-size: 11px;
	display: none;
}

.accountError {
	color: #ff0000;
}

.accountSection {
	padding-bottom: 40px;
}
.accountSection .tn-button { width: 155px; }
#accountFacebook .tn-button { width: auto; }


.pageSection {
	padding-bottom: 40px;
}

.bioBody {
	margin-top: 12px;
	padding-bottom: 40px;
	float:left;
}

.texttop {
	vertical-align:top;
} 

.sectionHead {
	border-bottom: 1px solid #006699;
	height: 20px;
}

.sectionBody {
	margin-top: 12px;
}

.sectionSummary {
	color: #999999;
}

#leftPanel .panelHeadline {
	color: #006699;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #006699;
}

#leftPanel .panelContent {
	padding-top: 8px;
	color: #000000;
	font-size: 12px;
}

#leftPanelB .panelHeadline {
	font-weight: bold;
	border-bottom: 1px solid #006699;
}

#leftPanelB .panelContent {
	padding-top: 8px;
	font-size: 12px;
}

.filterElement {
	width: 120px;
}

.filterItem {
	padding-bottom: 8px;
	height: 40px;
}

.activityRow td {
	border-bottom: 1px dotted #c6c6c6;
}

#leftPanel .t {
	background: url(/images/css/2px-ffcf66.gif) 0 0 repeat-x #fcfac1;
	width: 150px
}

#leftPanel .b {
	background: url(/images/css/2px-ffcf66.gif) 0 100% repeat-x
}

#leftPanel .l {
	background: url(/images/css/2px-ffcf66.gif) 0 0 repeat-y
}

#leftPanel .r {
	background: url(/images/css/2px-ffcf66.gif) 100% 0 repeat-y
}

#leftPanel .bl {
	background: url(/images/css/bl-ffcf66.gif) 0 100% no-repeat
}

#leftPanel .br {
	background: url(/images/css/br-ffcf66.gif) 100% 100% no-repeat
}

#leftPanel .tl {
	background: url(/images/css/tl-ffcf66.gif) 0 0 no-repeat
}

#leftPanel .tr {
	background: url(/images/css/tr-ffcf66.gif) 100% 0 no-repeat;
	padding: 10px;
}

#leftPanelB .t {
	background: url(/images/css/2px-ffcf66.gif) 0 0 repeat-x #ffffff;
	width: 150px
}

#leftPanelB .b {
	background: url(/images/css/2px-ffcf66.gif) 0 100% repeat-x
}

#leftPanelB .l {
	background: url(/images/css/2px-ffcf66.gif) 0 0 repeat-y
}

#leftPanelB .r {
	background: url(/images/css/2px-ffcf66.gif) 100% 0 repeat-y
}

#leftPanelB .bl {
	background: url(/images/css/bl-ffffff.gif) 0 100% no-repeat
}

#leftPanelB .br {
	background: url(/images/css/br-ffffff.gif) 100% 100% no-repeat
}

#leftPanelB .tl {
	background: url(/images/css/tl-ffffff.gif) 0 0 no-repeat
}

#leftPanelB .tr {
	background: url(/images/css/tr-ffffff.gif) 100% 0 no-repeat;
	padding: 10px;
}

.summaryBox .t {
	background: url(/images/css/1px-890000.gif) 0 0 repeat-x #ffffff;
}

.summaryBox .b {
	background: url(/images/css/1px-890000.gif) 0 100% repeat-x
}

.summaryBox .l {
	background: url(/images/css/1px-890000.gif) 0 0 repeat-y
}

.summaryBox .r {
	background: url(/images/css/1px-890000.gif) 100% 0 repeat-y
}

.summaryBox .bl {
	background: url(/images/css/bl-890000.gif) 0 100% no-repeat
}

.summaryBox .br {
	background: url(/images/css/br-890000.gif) 100% 100% no-repeat
}

.summaryBox .tl {
	background: url(/images/css/tl-890000.gif) 0 0 no-repeat
}

.summaryBox .tr {
	background: url(/images/css/tr-890000.gif) 100% 0 no-repeat;
	padding: 10px;
	height: 70px;
}

.summaryBox .trB {
	background: url(/images/css/tr-890000.gif) 100% 0 no-repeat;
	padding: 10px;
	height: 310px;
}

#summaryMain .t {
	background: url(/images/css/1px-890000.gif) 0 0 repeat-x #890000;
}

#summaryMain .b {
	background: url(/images/css/1px-890000.gif) 0 100% repeat-x
}

#summaryMain .l {
	background: url(/images/css/1px-890000.gif) 0 0 repeat-y
}

#summaryMain .r {
	background: url(/images/css/1px-890000.gif) 100% 0 repeat-y
}

#summaryMain .bl {
	background: url(/images/css/bl-890000s.gif) 0 100% no-repeat
}

#summaryMain .br {
	background: url(/images/css/br-890000s.gif) 100% 100% no-repeat
}

#summaryMain .tl {
	background: url(/images/css/tl-890000s.gif) 0 0 no-repeat
}

#summaryMain .tr {
	background: url(/images/css/tr-890000s.gif) 100% 0 no-repeat;
	padding: 10px;
	height: 70px;
}

#headerSummary .t {
	background: url(/images/css/1px-890000.gif) 0 0 repeat-x #ffffff;
}

#headerSummary .b {
	background: url(/images/css/1px-890000.gif) 0 100% repeat-x
}

#headerSummary .l {
	background: url(/images/css/1px-890000.gif) 0 0 repeat-y
}

#headerSummary .r {
	background: url(/images/css/1px-890000.gif) 100% 0 repeat-y
}

#headerSummary .bl {
	background: url(/images/css/bl-890000.gif) 0 100% no-repeat
}

#headerSummary .br {
	background: url(/images/css/br-890000.gif) 100% 100% no-repeat
}

#headerSummary .tl {
	background: url(/images/css/tl-890000.gif) 0 0 no-repeat
}

#headerSummary .tr {
	background: url(/images/css/tr-890000.gif) 100% 0 no-repeat;
	padding: 5px;
	/* height: 60px; */
	margin-bottom:20px;
}

#menuBar .t {
	background: url(/images/css/1px-ffffff.gif) 0 0 repeat-x #ffffff;
}

#menuBar .b {
	background: url(/images/css/1px-ffffff.gif) 0 100% repeat-x
}

#menuBar .l {
	background: url(/images/css/1px-ffffff.gif) 0 0 repeat-y
}

#menuBar .r {
	background: url(/images/css/1px-ffffff.gif) 100% 0 repeat-y
}

#menuBar .bl {
	background: url(/images/css/bl-ffffffs.gif) 0 100% no-repeat
}

#menuBar .br {
	background: url(/images/css/br-ffffffs.gif) 100% 100% no-repeat
}

#menuBar .tl {
	background: url(/images/css/tl-ffffffs.gif) 0 0 no-repeat
}

#menuBar .tr {
	background: url(/images/css/tr-ffffffs.gif) 100% 0 no-repeat;
	padding-left: 8px;
	padding-right: 8px;
}

#summaryGrid {
	width: 100%;
	/* height: 300px; */
}

.summaryBox {
	float: left;
	width: 192px;
	margin-bottom: 6px;
	margin-right: 10px;
	height: 90px;
}

.summaryBox.large {
	width: 595px;
	margin-right: 0px;
}

.summaryBox.end {
	margin-right: 0px;
}


.cancelButton {
	background: url(images/orange-button-s.gif);
	font-size: 11px;
	border: 1px solid #d0ae10;
	background-color: #f9d00f;
	color: #000;
	vertical-align: middle;
	font-weight: bold;
	width: 80px;
}

textarea {
	width: 350px;
	height: 80px;
	border: 1px solid #769EBD;
}

.button.long {
	width: 140px;
}

.accountFormElement {
	width: 200px;
}

.counterCell {
	text-align: right;
	border-spacing: 0px;
	padding-top: 0px;
}

.text.long {
	width: 350px;
}

.text.extralong {
	width: 500px;
}

textarea.extralong {
	width: 500px;
	height: 200px;
}

input .text.short {
	width: 20px;
}

.text.short {
	width: 20px;
}

.filterTable td {
	font-size: 10px;
	padding: 2px;
	vertical-align: top;
	border-bottom: 1px dotted #c6c6c6
}

#dimDiv {
	position: fixed; /* used to be absolute, changed to fix bug. Might not work in IE6 now, however */
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 20;
	display: none;
	background-color: #CCC;
	filter: alpha(opacity =   55);
	opacity: .55;
}

#purchaseDiv {
	display: none;
	position: absolute;
	z-index: 99;
	width: 450px;
	height: 250px;
	border: 2px solid #890000;
	background: #ffffff;
	padding: 10px
}

#loginDiv {
	display: none;
	position: absolute;
	z-index: 99;
	width: 500px;
	height: 200px;
	border: 2px solid #890000;
	background: #ffffff;
	padding: 10px;
	top:200px;
}

/* Brian Watson 04/10/2009 - centering */
.centered {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

/* Brian Watson 04/10/2009 - downloads headers */
.sectionHeadDownloads {
	color: #65a9fc;
	font-family: Calibri, Arial, Helvetica;
	font-weight: bold;
	height: 20px;
}

/* Brian Watson 04/10/2009 - bio images */
p img.top {
	margin: 0.2em 1.5em 0.2em 0;
}

/* Brian Watson 04/10/2009 - bio advisors table */
.bioTable {
	width: 520px;
}

/* Brian Watson 04/10/2009 - bio advisors table */
.bioTableLeft {
	float: left;
	width: 250px;
}

/* Brian Watson 04/10/2009 - bio advisors table */
.bioTableRight {
	float: right;
	width: 250px;
}

/* Brian Watson 04/10/2009 - bio advisors table */
.bioTableMiddle {
	margin-left: auto;
	margin-right: auto;
	width: 250px;
}

/* Brian Watson 04/10/2009 - bio advisors table */
.bioTableCell {
	text-align: center;
}

/* Brian Watson 04/10/2009 - bio advisors table */
.bioTableCell img {
	display: block;
	float: none;
	margin: 0 auto 0 auto;
}

.regFormTable .tn-button { width: 155px; }

.tbarSignIn .tn-button { width: 87px; position: relative; left: -3px; }

/*
================================================
	HOME PAGE STYLES
================================================
*/

.home-page-content {
}

.home-page-content table{
	margin: 0; padding: 0; border-collapse: collapse;
}

.home-page-content .top-seller-item-table{
	
}

.home-page-content .top-seller-item-table .cover-image{
	padding: 0px;
	width: 95px;
	
}

.home-page-content .top-seller-item-table .cover-image img{
	width: 85px;
	height: 85px;
	border: 1px none;
	margin-top: -5px;
}

.home-page-content .top-seller-item-table .top-seller-info{
	width: 200px;
	font-size: 14px;
}

.home-page-content .top-seller-item-table .top-seller-info .title{
	font-weight: bold;
	font-style: italic;
}

.home-page-content .top-seller-item-table .top-seller-info .author{
	font-weight: bold;	
}

.home-page-content .top-seller-item-table .top-seller-info .compilation{	
	font-style: italic;
}

.home-page-content .top-seller-item-table .top-seller-info .sponsor-table{	
}

.home-page-content .top-seller-item-table .top-seller-info .sponsor-table .sponsor-label{
	vertical-align: middle; text-align: left; padding: 0px; margin: 0px;	
}	
.home-page-content .top-seller-item-table .top-seller-info .sponsor-table .sponsor-image{
	vertical-align: middle; text-align: left;
}
.home-page-content .top-seller-item-table .top-seller-info .sponsor-table .sponsor-image img{
	padding-top: 7px;
	border: 0px;
}

.home-page-content .top-seller-item-table .prices-table {
	width: 250px;
	font-size: 9pt;	
}

.home-page-content .top-seller-item-table .prices-table .dympol-price-label,
.home-page-content .top-seller-item-table .prices-table .dympol-price-value{
	font-size: 14px;
	font-weight: bold;
	color: #890000;
	border-top: 1px solid #890000;
}

.home-page-content .top-seller-item-table .prices-table .align-right{
	text-align: right;
}


.rebate-window {
	padding: 3px; 
	position: absolute; 
	width: 170px; 
	height: 120px; 
	border: 2px dashed #890000; 
	background-color: #fff; 
	z-index: 1; 
	visibility: hidden; 
	text-align: right;
	font-size: 14px;
}

.rebate-window .confirm-link{
	color:#890000;
	text-decoration:none;
	font-size: 14px;
	cursor:pointer;
}


/*
================================================
	ACTIVITY PAGE STYLES
================================================
*/

.confirm-panel{ margin: 10px 0; background-color: #FCE8D4; }
.confirm-panel .confirm-bd p { padding: 0px 10px; margin: 0px; }
.confirm-panel .confirm-button { width: 155px; margin: 5px auto; display: block; }

.clear-pending-transactions { text-align: right;  color: #777; }
.clear-pending-transactions .clear-transactions-message {
	display: inline-block; vertical-align: top; width: 380px; font-size: 12px;
	margin-bottom: 0;
}
.clear-pending-transactions .clear-transactions-button {
	display: inline-block; vertical-align: bottom;
	width: 200px;
}
.clear-pending-transactions .clear-transactions-button .text {
	padding: 3px 10px !important;
}

.transactions-deleted-message { border: 1px solid #ccc; padding: 10px; text-align: center; }
.transactions-deleted-message h1 { font-size: 24px; color: #003366; }
.transactions-deleted-message p { margin-bottom: 0; }

.clear { clear: both; display: block; }

.facebook-connect { margin: 0 auto; text-align: center; display: block; height: 33px; }

.confirmed-success{
	color: green;
}

.confirmed-failure{
	color: red;
}

/*
=============================================================================
Front Page Top Sellers List, New Style
=============================================================================
*/

.column { float: left; }
.column .column-inner { margin: 9px; position: relative; padding-bottom: 15px; cursor: default; }
.column-1 .column-inner { margin-left: 0; }
.column-2 .column-inner { margin-left: 3px; margin-right: 3px; }
.column-3 .column-inner { margin-right: 0; }

.column .column-inner { padding-bottom: 15px; }
.column .column-head { height: 12px; padding-left: 12px; }
.column .column-head span { height: 15px; display: block; }
.column .column-body { height: 100%; padding: 0 10px 0; border-left: 1px solid #006699; border-right: 1px solid #006699; }
.column .column-foot { position: absolute; bottom: 0; left: 0; width: 100%; height: 15px; }
.column .column-foot span { height: 15px; display: block; margin-left: 15px; }

.column .column-head { background: transparent url(../images/corners/tl-12.png) left top no-repeat; }
.column .column-head span { background: transparent url(../images/corners/tr-12.png) right top no-repeat; }

.column .column-foot { background: transparent url(../images/corners/bl-12.png) left bottom no-repeat;	}
.column .column-foot span { background: transparent url(../images/corners/br-12.png) right bottom no-repeat; }

.album { width: 33.3%; }
.album .column-inner { height: 240px; background: #fff; cursor: pointer; line-height: 1.2; margin-top: 0; margin-bottom: 10px; }
.album .column-inner:hover { background: #FFF0D2; }

.album .album-cover-container { text-align: center; padding-bottom: 10px;}
.album .album-cover-container .album-cover { width: 75px; height: auto; }
.album .album-title-container { padding-bottom: 5px; }
.album .album-title-container .album-name { font-weight: bold; text-decoration: underline; color: #006699; }

.album .retail-price-container { position: absolute; bottom: 85px; width: 90%; }
.album .retail-price-container .label { display: inline-block; width: 75%; }
.album .retail-price-container .field { display: inline-block; }

.album .price-reduction-container { position: absolute; bottom: 67px;  width: 90%; border-bottom: solid 1px #000; }
.album .price-reduction-container .label { display: inline-block; width: 70%; }
.album .price-reduction-container .field { display: inline-block; }


.album .dympol-price-container {
	padding-bottom: 3px; font-weight: bold; color: #006699; 
	position: absolute; bottom: 45px; width: 90%;
}
.album .dympol-price-container .label { display: inline-block; width: 75%; }
.album .dympol-price-container .field { display: inline-block; }

.album .sponsor-container { position: absolute; bottom: 5px; height: 40px; width: 100%; }
.album .sponsor-container .field { display: block; text-align: center; }

.paginator { text-align: center; clear: both; }

.campaign-breakout { width: 100%; margin-left: 0 !important; margin-right: 0 !important; position: relative !important; }
.campaign-breakout .column-inner { margin: 0 0 15px 0; padding: 0; cursor: pointer; line-height: 1.2; }
.campaign-breakout .column-inner:hover { background: #fff; }

.campaign-breakout .bd .breakout-sponsor { padding: 0 25px 10px; }
.campaign-breakout .bd .breakout-sponsor span { vertical-align: middle; width: 100%; }
.campaign-breakout .bd .breakout-sponsor .breakout-sponsor-image { padding: 10px 10px 0 0; }
.campaign-breakout .bd .breakout-sponsor .breakout-sponsor-image + .breakout-sponsor-text {
	width: 460px;
}

.campaign-breakout .bd .breakout-slider { overflow: hidden; position: relative; margin: 0 10px; }
.campaign-breakout .bd .breakout-slider-inner { width: 600%; position: relative; }

.campaign-breakout .slide-left {
	position: absolute; bottom: 45px; left: 5px; height: 50px; width: 15px; display: none;
	background: transparent url(../images/breakout-arrows.png) bottom center no-repeat;
}
.campaign-breakout .slide-right {
	position: absolute; bottom: 45px; right: 5px; height: 50px; width: 15px; display: none;
	background: transparent url(../images/breakout-arrows.png) top center no-repeat;	
}

.breakout-track { width: 287px; }
.breakout-track .column-inner { margin: 0 14px; }

/*
.breakout-track .column-body { border-left: 1px solid #b96969; border-right: 1px solid #b96969; }

.breakout-track .column-head { background-image: url(../images/pink-rounded-corner.png);}
.breakout-track .column-head span { background-image: url(../images/pink-rounded-corner.png);}
.breakout-track .column-foot { background-image: url(../images/pink-rounded-corner.png);}
.breakout-track .column-foot span { background-image: url(../images/pink-rounded-corner.png);}

*/
.breakout-track .bd { padding: 0 5px; height: 80px; }

.breakout-track .album-cover-container { float: left; padding-top: 2px; }
.breakout-track .album-cover-container .album-cover { width: 75px; height: auto; }
.breakout-track .album-title-container { position: absolute; left: 90px; width: 165px; }
.breakout-track .album-title-container .album-name { font-weight: bold; text-decoration: underline; color: #006699; }

.breakout-track .retail-price-container { position: absolute; bottom: 42px; left: 90px; width: 165px; }
.breakout-track .retail-price-container .label { display: inline-block; width: 75%; font-size: .8em; }
.breakout-track .retail-price-container .field { display: inline-block; }

.breakout-track .price-reduction-container { position: absolute; bottom: 28px; left: 90px; width: 165px; border-bottom: solid 1px #000; }
.breakout-track .price-reduction-container .label { display: inline-block; width: 70%; font-size: .8em;}
.breakout-track .price-reduction-container .field { display: inline-block; }

.breakout-track .dympol-price-container { position: absolute; bottom: 12px; left: 90px; width: 165px; font-weight: bold; color: #006699; }
.breakout-track .dympol-price-container .label { display: inline-block; width: 75%; }
.breakout-track .dympol-price-container .field { display: inline-block; }

/*
=============================================================================
Some generic overlay styles
=============================================================================
*/

.overlay-container {
	position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 1; display: none; cursor: default;
}
.overlay-container .underlay {
	position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: #000; opacity: 0.4;
	filter: alpha(opacity=40);
}
.overlay { width: 600px; margin: 0 auto; position: relative; z-index: 2; top: 200px; }
.overlay .overlay-inner {
	background: #fff; border: 2px solid #006699; padding: 20px; position: relative;
}

.overlay .overlay-close {
	position: absolute; top: 0; right: 0;
	display: block; width: 20px; height: 15px;
	text-align: center; font-weight: bold; color: #006699; cursor: pointer;
}

.overlay .loading-indicator {
	position: absolute; top: 5px; left: 5px; width: 16px; height: 16px; display: none;
}
.overlay .loading .loading-indicator { display: block; }

.warning-overlay .underlay { background: #fff; opacity: 0; filter: alpha(opacity=0); }
.warning-overlay .overlay .underlay {
	position: absolute; top: -5px; left: -5px; bottom: -5px; right: -5px;
	background: #fff url(../images/warning-stripes.png); border: 1px solid #ff6600;
	-moz-box-shadow: 0 5px 5px rgba(0,0,0,0.33); height: auto; width: auto;
	opacity: 1; filter: alpha(opacity=100); -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.33);
}
.warning-overlay .overlay { }
.warning-overlay .overlay .overlay-inner {
	background: #fff; border: 1px solid #ff6600; padding: 20px; position: relative;
}

.warning-overlay .overlay .overlay-close {
	position: absolute; top: 0; right: 0;
	display: block; width: 18px; height: 20px; padding: 0 1px 1px 2px;
	background-color: #ddd; -moz-border-radius-bottomleft: 3px;
	text-align: center; font-weight: bold; color: #ff6600; cursor: pointer;
}

.warning-overlay .controls { text-align: right; }
.warning-overlay .controls .continue-button { margin-right: 10px; }


/*
=============================================================================
New style purchase confirm overlay
=============================================================================
*/

.purchase-overlay .overlay-inner { padding-bottom: 90px; }
.purchase-overlay .album-cover-container { position: absolute; top: 20px; left: 20px; }

.purchase-overlay .track-title-container { padding-bottom: 20px; }
.purchase-overlay .track-title { font-weight: bold; }
.purchase-overlay .track-title i { font-weight: normal; color: #006699; font-style: normal; }
.purchase-overlay .track-title span { display: block; }

.purchase-overlay .track-time .label,
.purchase-overlay .label-field .label,
.purchase-overlay .genres .label,
.purchase-overlay .sales-rank .label { font-weight: bold; }

.purchase-overlay .album-field .label {
	color:#006699;
	font-style:normal;
	font-weight:normal;
}

.purchase-overlay .album-field .field {
	font-weight:bold;
}

.purchase-overlay .overlay-body { padding-left: 180px; }

.purchase-overlay .retail-price-container {
	position: absolute; bottom: 60px; left: 200px; height: 18px; line-height: 18px; width: 250px;
}
.purchase-overlay .price-reduction-container {
	position: absolute; bottom: 42px; left: 200px; height: 18px; line-height: 18px; width: 250px;
}
.purchase-overlay .dympol-price-container {
	position: absolute; bottom: 20px; left: 200px; height: 18px; line-height: 18px; width: 250px;
	border-top: 2px solid #006699; color: #006699; font-weight: bold;
}

.purchase-overlay .retail-price-container .label,
.purchase-overlay .price-reduction-container .label,
.purchase-overlay .dympol-price-container .label { display: inline-block; width: 170px; }

.purchase-overlay .retail-price-container .field,
.purchase-overlay .price-reduction-container .field,
.purchase-overlay .dympol-price-container .field { display: inline-block; width: 70px; text-align: right; }

.purchase-overlay .sponsor-container { position: absolute; bottom: 20px; left: 20px; width: 160px; text-align: center; }
.purchase-overlay .sponsor-container span { display: block; }
.purchase-overlay .sponsor-container .label { color: #006699; }
.purchase-overlay .sponsor-container .field { padding: 5px }

.purchase-overlay .buy-button { position: absolute; bottom: 20px; right: 20px; cursor: pointer; }

.purchase-overlay .buy-button .specialsDisabled { display: block; }
.purchase-overlay .buy-button .specialsEnabled { display: none; }

/*
=============================================================================
Confirm overlay
=============================================================================
*/

.confirm-overlay .loading-message {
	position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: none;
}
.confirm-overlay .loading-message .underlay { position: absolute; }
.confirm-overlay .loading-message-inner {
	border: 2px solid #006699;  margin: 100px 20px; 
	position: relative; z-index: 2; padding: 20px 20px 20px 50px;
	background: #fff url(../images/loading.gif) 20px center no-repeat;
}
.confirm-overlay .loading-message .cancel-long-load {
	position: absolute; top: 20px; right: 20px; font-weight: bold; color: #006699; cursor: pointer;
}
.confirm-overlay .loading-message .cancel-long-load:hover { text-decoration: underline; }
.confirm-overlay .long-load .loading .loading-indicator { display: none; }

.confirm-overlay .zend_form dd { margin: 0; }
.confirm-overlay .errors {
	margin: 0; list-style-type: none; display: block;
	font-size: 80%; color: #006699;
}
.confirm-overlay .tn-button { width: 200px; }

.confirm-overlay .zend_form input { width: 200px;}
.confirm-overlay .zend_form #confirm { width: 200px; }

.leaving-campaign-warning .controls { text-align: center; }
.leaving-campaign-warning .controls .outer .inner .text { padding-left: 20px; padding-right: 20px; }


/*
=============================================================================
Amazon credentials form....
=============================================================================
*/
.amazon-credentials-form #confirm {
	width: 150px;
}

/*
=============================================================================
New user registration form
=============================================================================
*/

.register-form {
}

.register-form .toolbar-checkbox{
	font-weight: bold; display: none;
}

.register-form .toolbar-info{
	display:none;
}
.register-form .fine-print{
	font-size: 12px;
} 
.register-form .tn-button { width: 155px; margin: 0 auto; display: block; }


/*
=============================================================================
Toolbar Install Step 3
=============================================================================
*/
#amazon-downloader-register {
	height: 0; width: 0; visibility: hidden; position: absolute;
}
.register-message-container { text-align: center; }
.register-message {
	display: inline-block; padding-left: 30px;
	margin: 0 auto;
	background: transparent url(../images/loading.gif) 0px center no-repeat;
}
.register-message p { margin: 0px; }
.register-message-container .registered {
	background: none; color: #ff6600; font-weight: bold; padding-left: 0px;
}

/*
=============================================================================
Facebook Connect Registration Page
=============================================================================
*/
.facebook-registration-page {}
.facebook-registration-page .column { width: 50%; }
.facebook-registration-page .column-inner { padding: 5px; }
.facebook-registration-page .hide { visibility: hidden; display: block; }
.facebook-registration-page .without-dympol-account { width: 49%; border-left: 1px solid #ccc; }
.facebook-registration-page input { width: 97% !important; }
.facebook-registration-page .without-dympol-account form { padding-top: 42px; }
/*
=============================================================================
Rounded corners modules
=============================================================================
*/
.corners { margin-left: 5px; margin-right: 5px; }
.corners>.hd {
	height: 8px;
	background: transparent url(../images/corners/tl-8.png) bottom left no-repeat;	
}
.corners>.hd span {
	height: 8px; display: block;
	background: transparent url(../images/corners/tr-8.png) bottom right no-repeat;
}
.corners>.bd {
	background-color: transparent; padding: 0 10px;
}
.corners>.ft {
	height: 8px;
	background: transparent url(../images/corners/bl-8.png) bottom left no-repeat;
}
.corners>.ft span {
	height: 8px; display: block;
	background: transparent url(../images/corners/br-8.png) bottom right no-repeat;	
}

.corners-1 { margin-left: 5px; margin-right: 5px; }
.corners-1>.hd {
	height: 12px;
	background: transparent url(../images/corners/tl-12.png) bottom left no-repeat;	
}
.corners-1>.hd span {
	height: 12px; display: block;
	background: transparent url(../images/corners/tr-12.png) bottom right no-repeat;
}
.corners-1>.bd {
	background-color: transparent;
	border-left: 1px solid #006699;
	border-right: 1px solid #006699;
}
.corners-1>.ft {
	height: 12px;
	background: transparent url(../images/corners/bl-12.png) bottom left no-repeat;
}
.corners-1>.ft span {
	height: 12px; display: block;
	background: transparent url(../images/corners/br-12.png) bottom right no-repeat;	
}

.corners-2 { margin-left: 5px; margin-right: 5px; }
.corners-2>.hd {
	height: 12px;
	background: transparent url(../images/corners/tl-o-12.png) bottom left no-repeat;	
}
.corners-2>.hd span {
	height: 12px; display: block;
	background: transparent url(../images/corners/tr-o-12.png) bottom right no-repeat;
}
.corners-2>.bd {
	background-color: transparent;
	border-left: 2px solid #ff6600;
	border-right: 2px solid #ff6600;
}
.corners-2>.ft {
	height: 12px;
	background: transparent url(../images/corners/bl-o-12.png) bottom left no-repeat;
}
.corners-2>.ft span {
	height: 12px; display: block;
	background: transparent url(../images/corners/br-o-12.png) bottom right no-repeat;	
}

.corners-3>.hd {
	height: 20px;
	background: transparent url(../images/corners/c3-tr.png) top right no-repeat;	
}
.corners-3>.hd span {
	height: 20px; display: block;
	background: transparent url(../images/corners/c3-tl.png) top left no-repeat;
}
.corners-3>.bd {
	padding: 0;
	background: transparent url(../images/corners/c3-bd.png) left repeat-y;
}
.corners-3>.bd .inner {
	padding: 1px 15px;
	background: transparent url(../images/corners/c3-bd.png) right repeat-y;
}
.corners-3>.ft {
	height: 20px;
	background: transparent url(../images/corners/c3-br.png) bottom right no-repeat;
}
.corners-3>.ft span {
	height: 20px; display: block;
	background: transparent url(../images/corners/c3-bl.png) bottom left no-repeat;
}

.corners-4>.hd {
	height: 20px;
	background: transparent url(../images/corners/c4-tr.png) top right no-repeat;	
}
.corners-4>.hd span {
	height: 20px; display: block;
	background: transparent url(../images/corners/c4-tl.png) top left no-repeat;
}
.corners-4>.bd {
	padding: 0;
	background: transparent url(../images/corners/c4-bd.png) left repeat-y;
}
.corners-4>.bd .inner {
	padding: 1px 15px;
	background: transparent url(../images/corners/c4-bd.png) right repeat-y;
}
.corners-4>.ft {
	height: 20px;
	background: transparent url(../images/corners/c4-br.png) bottom right no-repeat;
}
.corners-4>.ft span {
	height: 20px; display: block;
	background: transparent url(../images/corners/c4-bl.png) bottom left no-repeat;
}


#leftPanel,
#leftPanelB { margin: 21px 0; }
#leftPanelB { margin-top: 21px; }
#leftPanel .hd,
#leftPanel .bd,
#leftPanel .ft { background-color: #eee; }

#leftPanel .bd { padding: 1px 10px; }

#leftPanelB { margin-top: 10px; }
#leftPanelB .hd,
#leftPanelB .bd,
#leftPanelB .ft { background-color: #eee; }

#leftPanelB .bd { padding: 1px 10px; }

#summaryGrid .corners-1 { margin-right: 0px; }
#summaryGrid .bd { padding: 0 10px; }

/*
=============================================================================
For Future Use: Extensive (and extensible) form styles
=============================================================================
*/

.dympol-form {}
.dympol-form .form-info {}

.dympol-form fieldset { clear: both; padding: 1em; }
.dympol-form fieldset .fieldset-legend {  /* replacement for legend tag, which is unstylable */
	padding: 0 0 1em !important; color: #000;
}
.dympol-form fieldset .one-line {
	display: block; padding: 0.25em;
}
.dympol-form fieldset .one-line .label {
	width: 32%; padding-right: 1%; display: inline-block; text-align: right; vertical-align: middle;
}
.dympol-form fieldset .one-line .field {
	width: 66%; display: inline-block; vertical-align: middle; padding-bottom: 0.125em;
}
.dympol-form fieldset .one-line .message {
	display:block; clear: both; font-size: 85%; padding-left: 34%; font-style: italic;
}

.dympol-form fieldset .two-line {
	display: block; padding: 0.25em 0.25em 1em;
}
.dympol-form fieldset .two-line .label {
	display: block; width: 100%; padding-left: 0.25em;
}
.dympol-form fieldset .two-line .field {
	display: block; padding-bottom: 0.125em;
}
.dympol-form fieldset .two-line .message {
	display:block; font-size: 85%; padding: 0 0.25em; font-style: italic;
}


.dympol-form fieldset .timespan-fields .wrapper,
.dympol-form fieldset .text .field .wrapper {
	display: block; padding: 0.25em; background: #fff;
	border-width: 1px; border-style: solid; border-color: #999 #ccc #ccc; 
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.dympol-form fieldset .timespan-fields .wrapper input,
.dympol-form fieldset .text .field input {
	display: block; border: 0; margin: 0; padding: 0; width: 100%; background: transparent;
}
.dympol-form fieldset .calendar .field input:focus,
.dympol-form fieldset .text .field input:focus { outline: none; }

.dympol-form fieldset .one-line.checkbox .label { text-align: left; width: 90%; }
.dympol-form fieldset .one-line.checkbox .field { width: 5%; padding-left: 0; padding-right: 1%; }
.dympol-form fieldset .one-line.checkbox .field input { vertical-align: middle; }

.dympol-form fieldset .select-multiple { padding: 0.25em; display: block; }
.dympol-form fieldset .select-multiple .label { display: block; width: 100%; padding: 0 0 0.125em; text-align: left; }
.dympol-form fieldset .select-multiple .field { display: block; width: 100%; }
.dympol-form fieldset .select-multiple .field .wrapper {
	border-color: #999 #ccc #ccc; border-style: solid; border-width: 1px; padding: 0;
	display: block; -moz-border-radius:  4px 0 0 4px; border-radius: 4px 0 0 4px;
	-webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px;
	background: #fff;
}
.dympol-form fieldset .select-multiple .field .wrapper select { width: 100%; border: 0px; margin: 0; background: transparent; }
.dympol-form fieldset .select-multiple .message { display: block; font-size: 85%; padding-left: 1%; }

.dympol-form fieldset .textarea { display: block; padding: 0.25em; }
.dympol-form fieldset .textarea .label { display: block; width: 100%; text-align: left; padding: 0 0 0.125em; }
.dympol-form fieldset .textarea .field { display: block; width: 100%; }
.dympol-form fieldset .textarea .field .wrapper {
	border-color: #999 #ccc #ccc; border-style: solid; border-width: 1px; padding: 0.125em 0 0.125em 0.125em;
	display: block; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	background: #fff;
}
.dympol-form fieldset .textarea .field .wrapper textarea { border: 0px; width: 100%; background: transparent; }
.dympol-form fieldset .textarea .field .wrapper textarea:focus { outline: none; }
.dympol-form fieldset .textarea .message { display: block; font-size: 85%; padding-left: 1%; }

.dympol-form fieldset .multi-line ul, .dympol-form fieldset .multi-line ol, .dympol-form fieldest .multi-line li {
	margin: 0; padding: 0; list-style-type: none; background: transparent;
}
.dympol-form fieldset .multi-line .multi-line-label { display: block; padding: 0.125em;}
.dympol-form fieldset .checkbox-group { padding: 0.25em 0.25em 0.5em; }
.dympol-form fieldset .checkbox-group .checkbox-list { display: block; border-top: 1px solid #ddd; }
.dympol-form fieldset .checkbox-group .checkbox-list li { display: block; }
.dympol-form fieldset .checkbox-group .checkbox-list .checkbox { padding: 0.125em 0; }
.dympol-form fieldset .checkbox-group .checkbox-list .checkbox .label { }
.dympol-form fieldset .checkbox-group .checkbox-list .checkbox-list { 
	padding: 0 0 0.5em 2.5%; width: 95%; border: 0;
}
.dympol-form fieldset .checkbox-group .checkbox-list .checkbox-list li {
	border-left: 1px solid #ccc; padding-left: 2.5%;
} 

.dympol-form fieldset .two-line .timespan-fields { display: block; }
.dympol-form fieldset .timespan .timespan-fields .begin-date,
.dympol-form fieldset .timespan .timespan-fields .end-date {
	width: 49%; display: inline-block;
}

.dympol-form fieldset .required .label { color: #006699; }

.dympol-form .form-controls {
	position: relative; display: block; padding: 0.5em 0.25em 0.25em; margin-top: 0.5em; clear: both;
}
.dympol-form .form-controls .primary-control {
	display: inline-block; padding: 0 0.5em 0 0;
}
.dympol-form .form-controls .secondary-control {
	position: absolute; top: 0.5em; right: 0.25em;
}
.dympol-form .form-controls .tertiary-control {}

#accountFacebook .accountBody input[type="submit"] {
	width: auto;
}

.descriptive { text-align: center; font-size: 12px; display: block; }

.campaign-landing-page {}
.campaign-landing-page .album .sponsor-container { display: none;  }
.campaign-landing-page .album .column-inner { height: 205px;  }
.campaign-landing-page .album  .retail-price-container { bottom: 50px; }
.campaign-landing-page .album .dympol-price-container { bottom: 10px; }
.campaign-landing-page .album .price-reduction-container { bottom: 32px; }
.campaign-landing-page .campaign-logo { padding-top: 45px; text-align: center; }

.campaign-landing-page #zfLeftBar, 
.campaign-landing-page .advertisement {}

.home-page-header,
.campaign-landing-page .campaign-header {
	background-color: #eee; margin: 4px 0 15px;
}

.home-page-header p,
.campaign-landing-page .campaign-header p { margin: 0; }
.campaign-landing-page .campaign-intro { margin-bottom: 20px; }
.campaign-landing-page .campaign-intro p { margin-bottom: 10px; }

.campaign-landing-page #header-topbar .hb-body { text-align: left;	 }
.campaign-landing-page #header-topbar { position: relative; }
.campaign-landing-page .powered-by-dympol { position: absolute; right: 10px; top: 5px; }
.campaign-landing-page .campaign-intro-badge {
	display: inline-block; padding: 10px 10px 0 0; vertical-align: middle; float: left;
}
.campaign-landing-page .campaign-intro-badge + .campaign-intro {
	vertical-align: middle;
}

.campaign-landing-page .register-overlay .overlay-close {
	/* display: none; */
}
/*
=============================================================================
Fancy buttons
=============================================================================
*/		
.tn-button {
	display: inline-block; text-decoration: none; vertical-align: middle;
	border: 0; padding: 2px; background-color: transparent; font-size: inherit;
	-webkit-appearance: none; width: auto; font-family: inherit;
}
.tn-button-button { padding: 0; margin-top: 2px; margin-bottom: 2px; }
.tn-button-button:active,
.tn-button-button:focus { outline: none; }
.tn-button-block { display: block; margin-left: 1px; margin-right: 1px; }
.tn-button-button.tn-button-block { width: 100%; }

.tn-button-submit input {
	border: 0px; background-color: transparent; font-size: inherit;
	cursor: pointer; display: inline-block; width: 100%; text-align: center;
	margin: 0; padding: 0; font-family: inherit;
}
.tn-button-submit input:active,
.tn-button-submit input:focus { outline: none; }

.tn-button .outer {
	display: inline-block; border-left: 1px solid #005577; border-right: 1px solid #005577;
	cursor: pointer; color: #fff; 
}
.tn-button-block .outer { width: 99%; }
.tn-button .outer .inner {
	display: block; width: auto; position: relative;
	padding: 2px 0; text-align: center; margin-top: -1px; margin-bottom: -1px;
	border-top: 1px solid #005577; border-bottom: 1px solid #005577;
	background-color: #006699;
}
.tn-button-block .outer .inner { width: 100%; display: block; }
.tn-button .outer .inner .text {
	padding: 0 10px; display: inline-block; position: relative; z-index: 1;
	text-shadow: rgba(0,0,0,0.5) 0 1px 0; color: #fff;
}
.tn-button .outer .inner>.gradient {
	position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #006699;
	border-top: 1px solid #fff; border-bottom: 1px solid #000;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
	filter: alpha(opacity=25);
	opacity: 0.25;
}

.tn-button:hover { text-decoration: none; }
.tn-button:hover .outer { text-decoration: none; }
.tn-button:hover .outer .inner { text-decoration: none; }
.tn-button:hover .outer .inner .gradient { }
.tn-button:hover .outer .inner .gradient:before { }
.tn-button:hover .outer .inner .text { text-decoration: none; }

.tn-button:active,
.tn-button:focus { outline: none; }
.tn-button:focus::-moz-focus-inner { border: 1px solid transparent; }
.tn-button input:focus::-moz-focus-inner { border: 1px solid transparent; }

.tn-button:active .outer,
.tn-button:focus .outer { }

.tn-button:active .outer .inner,
.tn-button:focus .outer .inner { }

.tn-button:active .outer .inner,
.tn-button:active .outer .inner .gradient { background-color: #005577; }
.tn-button:active .outer .inner .gradient:before { background-color: transparent; }
.tn-button:active .outer .inner .gradient:after { background-color: transparent; }

.tn-button.orange .outer { border-color: #994411; }
.tn-button.orange .outer .inner { border-color: #994411; background-color: #ff6600; }
.tn-button.orange .outer .inner>.gradient { background-color: #ff6600; }
.tn-button.orange:active .outer .inner,
.tn-button.orange:active .outer .inner>.gradient { background-color: #dd5500; }

.tn-button.disabled {}
.tn-button.disabled .outer { border-color: #777777; background-color: #999; }
.tn-button.disabled .outer .inner { border-color: #777777; background-color: #999; }
.tn-button.disabled .outer .inner>.gradient { display: none; }
.tn-button.disabled .outer .inner .text { color: #eee; text-shadow: none; }


/*
=============================================================================
GeoTrust Image
=============================================================================
*/
#geotrust {
	padding-top: 5px;	
}
#geotrust img {
	margin: 0px auto;
	display: block;
}

/*
=============================================================================
New-style Login popup form with Facebook Connect
=============================================================================
*/
.login-popup { clear: both; }
.login-popup .login { float: left; width: 47%; }
.login-popup .tbar-login {
	float: left; width: 60%; padding-top: 30px; margin-top: 40px;
}
.login-popup .login .standard-login { padding-bottom: 20px; }
.login-popup .register {
	float: right; width: 35%;
	border-left: 3px solid #f60; padding-left: 15px;
}
.login-popup .tbar-register {
	float: right; width: 35%;
	border-left: 3px solid #f60; padding-left: 15px; margin-top: 40px;
}
.login-popup .dympol-form fieldset { border: 0; margin: 0; padding: 0; }
.login-popup .dympol-form .user-fields .two-line { padding-left: 0; padding-right: 0; }
.login-popup .dympol-form .user-fields .two-line>span { padding: 0 5px; }

.login-popup .dympol-form .settings-fields .remember-me {
	display: inline-block; width: 50%;
}
.login-popup .dympol-form .settings-fields .remember-me .field { width: 15%; }
.login-popup .dympol-form .settings-fields .remember-me .label { width: 80%; }
.login-popup .dympol-form .settings-fields .remember-me .field .loginFormElement { padding-top: 0; }
.login-popup .dympol-form .settings-fields .forgot-password { display: inline-block; width: 45%; }
.login-popup .dympol-form .settings-fields .loginFormElement { display: block; text-align: center; padding-top: 20px; }
.login-popup .dympol-form .settings-fields .tn-button { width: 107px; display: inline-block; }


.login-popup .facebook-connect-login {
	border-top: 1px dashed #ccc; padding-top: 15px;
}
.login-popup .register { width: 47%; padding-left: 3%; }
.login-popup .register h3 { color: #ff6600; margin-bottom: 10px; }
.login-popup .tbar-register {}
.login-popup .tbar-register h3 { color: #ff6600; margin-bottom: 10px; }

.login-overlay .landing-sponsor-info { padding-bottom: 10px; }
.login-overlay .landing-sponsor-info .landing-sponsor-logo {
	vertical-align: middle; padding: 0 10px 10px;
}
.login-overlay .landing-sponsor-info .landing-sponsor-logo + .landing-sponsor-text {
	vertical-align: middle;
}
.login-overlay .landing-sponsor-info .landing-sponsor-text p { margin: 0; }

.login-overlay .landing-sponsor-info table { padding-bottom: 10px; }
.login-overlay .landing-sponsor-info .dympol-message { font-size: 12px; }

/*

.branded-login .login-popup .login { width: 47%; padding-top: 0; }
.branded-login .login-popup .user-fields .two-line { width: auto; float: none; }
.branded-login .login-popup .settings-fields .loginFormElement { padding-top: 20px; }
.branded-login .login-popup .settings-fields .remember-me .field { width: 15%; }
.branded-login .login-popup .settings-fields .remember-me .field .loginFormElement { padding-top: 0; }
.branded-login .login-popup .settings-fields .remember-me .label { width: 80%; }
.branded-login .login-popup .register { width: 47%; padding-left: 3%; }
*/


/*
=============================================================================
Toolbar login popup
=============================================================================
*/
.toolbar-login-popup { padding: 10px; margin: 0; }
.toolbar-login-popup .toolbar-login-container {
	border: 1px solid #006699; padding: 10px;
}
.toolbar-login-popup .dympol-logo { text-align: center; }
.toolbar-login-popup .dympol-form .settings-fields { padding-bottom: 30px; }
.toolbar-login-popup .message-box {
	position: absolute; top: 260px; left: 20px; width: 55%; text-align: center;
	color: #ff6600;
}

/*
=============================================================================
Redesigned toolbar installation
=============================================================================
*/
.figure { margin-bottom: 1.5em; text-align: center; }
.figure-left { float: left; margin: 5px 20px 5px 0; }
.figure-right { float: right; margin: 5px 0 5px 20px; }

.install-toolbar {}
.install-toolbar .page-title { font-size: 2em; padding-top: 0.5em; color: #006699; font-weight: bold; }
.install-toolbar .intro { font-size: 115%; }
.install-toolbar .section { background-color: #eee; margin: 0 0 20px; }
.install-toolbar .section .bd { padding: 10px 20px; }
.install-toolbar .section .bd p { margin-bottom: 0; }
.install-toolbar .outro { text-align: center; font-size: 115%; font-style: italic; }


/*
=============================================================================
Redesigned toolbar installation success page
=============================================================================
*/
.toolbar-installed {}
.toolbar-installed .page-title { font-size: 2em; padding-top: 0.5em; color: #006699; font-weight: bold; }
.toolbar-installed .success-message {
	margin: 0 0 20px; text-align: center; color: #006699; font-weight: bold;
	background-color: #FFF0D2; font-size: 115%;
}
.toolbar-installed .unconfirmed-message { display: none; }
.toolbar-installed .success-message { display: none; }

.toolbar-installed .unconfirmed-message {
	margin: 0 0 20px; background-color: #FFF0D2; color: #dd5500;
}
.toolbar-installed .unconfirmed-message p { margin: 0; }
.toolbar-installed .unconfirmed-message h3 { margin-bottom: 5px; color: #dd5500; }
.toolbar-installed .unconfirmed-message .bd { padding: 10px 20px; }

.toolbar-installed .section { background-color: #eee; margin: 0 0 20px; }
.toolbar-installed .section .bd { padding: 10px 20px; }
.toolbar-installed .section .bd p { margin-bottom: 0; }
.toolbar-installed .section .bd h3 { color: #006699; font-weight: bold; }
.toolbar-installed .section .figure-left { margin: 30px 25px 10px 0; }

.toolbar-installed .test-buy-button { text-align: center; margin: 10px 0; }

.toolbar-installed .section.corners-1 .figure-right { margin: 0 0 10px 25px; }
.toolbar-installed .section.corners-1 p { margin: 30px 0 0; color: #006699; }
.toolbar-installed .section.corners-1 a { text-decoration: underline; }

/*
=============================================================================
Redesigned AmazonMP3 Downloader page
=============================================================================
*/
.amazon-downloader {}
.amazon-downloader .page-title { font-size: 2em; padding-top: 0.5em; color: #006699; font-weight: bold; }
.amazon-downloader .register-button { text-align: center; margin-top: 10px; }
.amazon-downloader .register-button.loading .text {
	padding-right: 25px; background: transparent url(../images/loading-grey.gif) 98% center no-repeat;
}
.amazon-downloader .register-button.registered {
	border: 2px solid #C6D880; background: #E6EFC2; color: #264409; font-weight: bold; text-align: center;
	padding: 4px 0;
}

.amazon-downloader .section { background-color: #eee; margin: 0 0 20px; }
.amazon-downloader .section .bd { padding: 10px 20px; }
.amazon-downloader .section .bd p { margin-bottom: 0; }
.amazon-downloader .section .bd h3 { color: #006699; font-weight: bold; }
.amazon-downloader .section .bd img { margin-top: 10px; margin-left: -10px; }


/*
=============================================================================
Redemption page
=============================================================================
*/
.redemption .redeem-offer-col { text-align: right; padding-bottom: 10px; }
.redemption .redemption-name { white-space: nowrap; }
.redemption .redemption-table .redeemed { }

.rebate-overlay .overlay-body .redeem-control { text-align: right; }
.redemption .sortable { margin-bottom: 1.5em;}
.redemption .redeem-offer-col { border-bottom: 1px solid #ccc; }
.redemption .redeem-offer-col p {
	margin: 0; color: #777; font-size: 12px; width: 425px; vertical-align: middle;
	padding: 4px 10px 4px 0; display: inline-block; cursor: default;
}
.redemption .insufficient-balance .redeem-offer-col p { width: auto; text-align: left; }

.redemption .redemption-is-redeemed span { display: block; height: 32px; width: 32px; }
.redemption .redeemed .redemption-is-redeemed .is-redeemed {
	background: transparent url(../images/checkbox.png) bottom center no-repeat;
}
.redemption .not-redeemed .redemption-is-redeemed .is-redeemed {
	background: transparent url(../images/checkbox.png) top center no-repeat;
}


/* MISC STYLES */
.loginFormTable .or-row { padding-top: 20px; padding-bottom: 0; color: #006699; font-weight: bold; }
.or-row span { border-top: 2px solid #006699; display: block; text-align: center; }
.or-row span span { margin-top: -10px; background: #fff; border-top: 0; display: inline-block; padding: 0 4px; }

.after-fb { margin-top: 10px; }
.panelContent .fbconnect_login_button img { display: block; margin: 0 auto; }
.container .block { padding-bottom: 12px;}
.content > h3,
.content > div > h3 { font-size: 2em; padding-top: 0.5em; color: #006699; font-weight: bold; }


/*
=============================================================================
Feature Filter
=============================================================================
*/

.featureFilter label{
	display: block;
}

.featureFilter select{
	width: 120px;
}

.featureFilter input{
	width: 120px;
}

.featureFilter .featureFilterSubmit{
	display:block;
	margin-left:-2px;
	padding-top:10px;
}


/*
=============================================================================
'Inbound' template
=============================================================================
*/

.inbound .container { width: 932px; padding: 30px 0; }
.inbound .container .breakout { margin: 10px 13px 0 11px; }

.inbound .header h1 {
	height: 112px; background: transparent url(../images/call-to-action.png) center center no-repeat;
}
.inbound .header h1 span { position: absolute; top: -9999px; }

.inbound .columns .column { float: left; width: 50%; }
.inbound .columns .column-first { float: left; width: 40%; }
.inbound .columns .column-last { float: left; width: 60%; }

.inbound .columns .column .column-inner {}

.inbound h2 { font-size: 18px; color: #006699; }
.inbound h2 em { font-size: 13px; color: #006699; font-style: normal; }

.inbound .column-first h2 {
	padding-left: 60px; height: 50px; line-height: 50px; margin-bottom: 10px;
	background: transparent url(../images/snowflake.png) left center no-repeat;
}
.inbound .breakout .breakout-track { width: 295px; } 

.inbound .column-last>.inner { padding: 15px 30px; }
.inbound .column-last h2 { color: #ff6600; font-weight: bold; font-size: 24px; margin-bottom: 0; line-height: 0.8; }
.inbound .column-last .subtitle { font-size: 18px; font-weight: bold; }


/*
=============================================================================
About / Advertise
=============================================================================
*/

.sponsorship-form {
	font-size: 12px; padding: 10px;
	border: 2px solid #069;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.sponsorship-form .left-inputs {
  float: left;
  width: 49%;
}

.sponsorship-form p {
  display: block;
  padding: 2px 0px; margin: 0;
}

.sponsorship-form p label {
  float: left;
  width: 30%;
  text-align: right;
  padding-right: 6px;
}

.sponsorship-form p input {
  border:1px solid #033a66;
  width: 66%;
}

.sponsorship-form p select {
  border:1px solid #033a66!important;
  width: 66%;
}

.sponsorship-form .right-inputs {
  float: right; width: 49%; position: relative;
}
.sponsorship-form .right-inputs p input#other_sponsor_type {
	position: absolute; bottom: 7px; right: 0; width: 40%;
}

.sponsorship-form .right-inputs p label.registrationLabel + label {
	margin-left: 0; float: none;
}
.sponsorship-form .right-inputs p br + label {
	float: none; margin-left: 32%;
}

.sponsorship-form .right-inputs p label input[type="radio"] {
	width: auto; margin-right: 8px;
}
.sponsorship-form .submit { width: 180px; margin: 20px auto 0; }