@import "base.css";
@import "form.css";
@import "icons.css";
@import "tooltip.css";

html {background: #18273E;}
body {overflow-y: scroll;}

h1, h2, h3 {margin: 10px 0 15px 0;}
h1 {font-size: 170%;}
h2 {font-size: 155%;}
h3 {font-size: 140%;}

.cke_button_layoutitem .cke_label {display: inline !important;}
.cke_button_layoutitem .cke_icon {background-position: 0 0 !important;}

div#wrapper {width: 900px; margin: 0 auto;}
div#header, div#body, div#footer {background: #FFF;}

div#userbar {width: 880px; padding: 10px; overflow: auto; color: #FFF;}
div#userbar a {color: #FFF;	text-decoration: none;}
div#username {float: left; width: 350px;}
div#userlinks {float: right; width: 510px; text-align: right;}
div#userlinks a, div#userlinks span {margin: 0 0 0 15px;}

div#jumpmenu {position: absolute; top: 6px; right: 6px;}

div#header {
	width: 850px;
	padding: 27px 25px 0 25px;
	position: relative;
	background: #FFF;
}

div#header img#logo {}

div#headerlinks {
	margin: 10px 0 0 0;
	text-align: center;
}

div#headerlinks a {
	display: inline-block; width: 105px; height: 70px; line-height: 115px;
	text-align: center; background-repeat: no-repeat;
	background-position: center top; color: #000; text-decoration: none;
	margin: 0 0 0 8px;
}

div#body
{
	width: 850px;
	padding: 10px 25px 25px 25px;
	background: #FFF;
	clear: both;
}

p.copyright {text-align: center; padding: 15px 0; margin: 0;}
p.copyright, p.copyright a {color: #555; text-decoration: none;}

td.lightimg img {background: #EEE;}

p.pagination {margin: 1em 0; text-align: center;}

table.form {width: 100%; border-bottom: 1px solid #CCC;}
table.form > tbody > tr > td, table.form > tr > td {border: none; padding: 10px; vertical-align: top; /*border-top: 1px solid #CCC;*/}
table.form th {border: none; text-align: left; padding: 5px 10px; background: #DCDCDC;}
table.dontend, div.tabarea table.form {border-bottom: none; margin-bottom: 0;}

table.data {margin: 0 0 1em 0; width: 100%;}
table.data th, table.data td {border: none; text-align: left; padding: 5px 10px;}
table.data th {background: #DCDCDC;}
table.data tr.noback th {background: #F2F2F2; border-top: 1px solid #CCC;}
table.data tr {border-bottom: 1px solid #EEE;}
table.data tr:first-child {border-bottom: 1px solid #CCC;}
table.data td.vcell {height: auto;}
table.data tr:hover td {background: #EEE;}
table.data tr.nohead th {background: none; height: 1px; font-size: 0;}

table.tbl_products {margin: 0 0 1em 0; width: 100%;}
table.tbl_products th, table.data td {border: none; text-align: left; padding: 5px 10px;}
table.tbl_products th {background: #DCDCDC;}
table.tbl_products tr.noback th {background: #F2F2F2; border-top: 1px solid #CCC;}
table.tbl_products tr {border-bottom: 1px solid #CCC;}
table.tbl_products tr:first-child {border-bottom: 1px solid #CCC;}
table.tbl_products td.vcell {height: auto;}
table.tbl_products tr.inactive  td {background: #EEE;}
table.tbl_products tr.inactive:hover td {background:#E5E5E5;}
table.tbl_products tr.inactive img {
	filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
    filter: alpha(opacity=60); /* internet explorer */
    opacity: 0.6;           /* fx, safari, opera, chrome */
}
table.tbl_products tr.nohead th {background: none; height: 1px; font-size: 0;}
table.tbl_products td.product_logo {border-right: 1px solid #CCC;}
table.tbl_products tr.inactive td.product_logo {border-right: 0px;}
table.tbl_products td.product_desc {padding: 10px 25px 10px 25px;}
table.tbl_products td.product_desc div.product_name {font-size:1.3em;}
table.tbl_products a.desc_link {color:#999;}
table.tbl_products a.enter_link {background-color:#0BA0CB;color:#FFF;font-weight:bold;padding:10px;width:125px;text-align:center;}
table.tbl_products a.try_link {background-color:#AAA;color:#FFF;font-weight:bold;padding:10px;width:125px;text-align:center;}
table.tbl_products a.enter_link:hover {background-color:#0A90B7;color:#FFF;font-weight:bold;padding:10px;width:125px;text-align:center;}
table.tbl_products a.try_link:hover {background-color:#9A9A9A;color:#FFF;font-weight:bold;padding:10px;width:125px;text-align:center;}
table.tbl_products a.more_link {color:#999;font-weight:bold;padding:10px;width:125px;text-align:center;text-decoration:underline;}

td.left, th.left {width: 25%;}
td.right, th.right {width: 75%;}

ul.data {margin: 0 0 1em 0; width: 100%; border-bottom: 1px solid #CCC;}
ul.data li {border-bottom: 1px solid #EEE; padding: 5px 0; text-align: left; list-style: none; width: 100%;}
ul.data li:first-child {border-bottom: 1px solid #CCC;}
ul.data li:last-child {border-bottom: none;}
ul.data li.head {font-weight: bold; background: #DCDCDC !important;}
ul.data li > span {float: left; padding: 0 10px;}
ul.data li img {vertical-align: middle;}
ul.data li input {font-size: 11px; padding: 0; text-align: center;}
ul.data li:hover {background: #EEE;}
ul.data.nohead li:first-child {border-bottom: 1px solid #EEE;}

div.tabs {
	overflow: auto;
	position: relative;
	z-index: 5;
}

div.tabs a.tab
{
	float: left;
	background: #DDD;
	border: 1px solid #CCC;
	padding: 10px 15px;
	margin: 0 5px 0 0;
	width:  80px;
	text-align: center;
	color:  #000;
	text-decoration: none;
	-webkit-border-top-left-radius: 1em; -moz-border-radius-topleft: 1em;
	-webkit-border-top-right-radius: 1em; -moz-border-radius-topright: 1em;
}

div.tabs a.tab.current
{
	background: #FFF;
	border-bottom: 1px solid #FFF;
	font-weight: bold;
}

div.tabs span#previewlink {float: right;}

a.roundbutton
{
	margin: 2px 2px 0 0;
	padding: 5px 8px 5px 28px;
	background-position: 6px center;
	border:  1px solid #888;
	-webkit-border-radius: 7px; -moz-border-radius: 7px;
}

div.tabarea
{
	border: 1px solid #CCC;
	position: relative;
	margin-top: -1px;
	padding: 15px;
}

li.layoutrow em
{
	font-size:  11px;
}

/*li.field_submit {border-bottom: 2px dashed #000 !important;}*/

span.refname
{
	font-family: Courier New;
	font-size:  11px;
	color: #C75900;
}

tr.layoutitems:hover td {background: #FFF !important;}

tr.layoutitems li {
	list-style: none;
	padding: 2px;
}

tr.layoutitems li:hover {
	background: #EEE;
}

tr.layoutitems li * {
	vertical-align: middle;
}

tr.layoutitems li a {
	text-decoration: none;
	color: #000;
}

tr.layoutitems td
{
	vertical-align: top;
}

tr.layoutitems img
{
	margin-right: 3px;
}

div.choice_move {float: left; margin: 5px 10px 5px 5px}
div.choice_fields {float: left;}
div.choice_delete {float: right; margin: 5px;}

div.choice_row {
	background: #EEE;
	padding: 5px;
	margin: 5px;
}

div.choice_row p
{
	margin: 0;
	padding: 5px 0;
}

div.saved_box {
	color: #FFF; font-weight: bold;
	padding: 0.4em 1em 0.6em 2.2em;
	position: fixed; z-index: 999; top: 0; left: 48%;
	background: #063B5F url(/images/silk/disk.png) no-repeat 8px 5px;
	-webkit-border-bottom-left-radius: 0.6em; -moz-border-radius-bottomleft: 0.6em;
	-webkit-border-bottom-right-radius: 0.6em; -moz-border-radius-bottomright: 0.6em;
}

a.active {font-weight: bold;}

.pending {font-style: italic;}
.willcall {color: #0000CC; font-weight: bold; font-style: italic}
.processing {color: #777;}
.payments {color: green; font-style: italic;}
.approved, .completed, .recurring, .recurring a, span.active, option.active {color: green;}
.declined, .canceled, .used, .required, .expired {color: #FF0000;}
.disabled {color: #EB610F;}
.refunded {color: #0000FF}
.expired {color: #000}
.void {text-decoration: line-through;}
span.pending {border-bottom: 1px dotted #000;}
.date_expired {color:  #FF0000; font-weight: bold;}

div.errormessage {padding: 15px; background: #FFDDDD; color: #FF0000; font-size:18px;}
div.errormessage a.blink {margin: 0 10px 0 0;}

p.warning {padding: 10px; background: #FFFFCC; color: #FF0000; font-weight: bold; overflow: auto;}
p.information {padding: 10px; background: #CCCCFF; color: #000077; overflow: auto;}
p.information img, p.warning img {float: left; margin: 0 5px 0 0;}

a.nav_resellers {background-image: url(/images/nav/resellers.jpg);}
a.nav_commissions {background-image: url(/images/nav/earnings.jpg);}
a.nav_accounts, a.nav_merchants {background-image: url(/images/nav/merchants.jpg);}
a.nav_branding {background-image: url(/images/nav/customize.jpg);}
a.nav_ssl {background-image: url(/images/nav/ssl.jpg);}
a.nav_monitor {background-image: url(/images/nav/card.jpg);}
a.nav_products {background-image: url(/images/nav/products.jpg);}
a.nav_gateways {background-image: url(/images/nav/gateways.jpg);}
a.nav_invoices {background-image: url(/images/nav/invoices.jpg);}
a.nav_settings {background-image: url(/images/nav/account.jpg);}
a.nav_campaigns, a.nav_storefront {background-image: url(/images/nav/campaigns.jpg);}
a.nav_registrations, a.nav_orders {background-image: url(/images/nav/registrations.jpg);}
a.nav_transactions {background-image: url(/images/nav/transactions.jpg);}
a.nav_subscriptions {background-image: url(/images/nav/subscriptions.jpg);}
a.nav_tickets {background-image: url(/images/nav/tickets.jpg);}
a.nav_customers {background-image: url(/images/nav/customers.jpg);}
a.nav_reports {background-image: url(/images/nav/reports.jpg);}
a.nav_connections {background-image: url(/images/nav/connections.jpg);}
a.nav_arrow_left {background-image: url(/images/nav/arrow_left.jpg);}
a.nav_arrow_right {background-image: url(/images/nav/arrow_right.jpg);}

a.nav_video_setup {background-image: url(/images/nav/process_accept.png);}
a.nav_video_upload {background-image: url(/images/nav/up.png);}
a.nav_video_queue {background-image: url(/images/nav/equalizer.png);}
a.nav_videos {background-image: url(/images/nav/film.png);}
a.nav_communication {background-image: url(/images/nav/mail_send.png);}

div#top_banner {font-weight: bold; color: #FFF; background: #FF0000; padding: 8px; text-align: center;}
div#top_banner a {color: #FFF;}

div.newblock {background: #D8FFC8; color: #555; text-align: center; padding: 20px; border: 1px solid #B6FC9E; border-width: 1px 0;}
div.newblock a {color: #35881F; font-size: 20px; text-decoration: underline; font-weight: bold;}

div.introblock {background: #D8FFC8; color: #555; padding: 20px; border: 1px solid #B6FC9E; border-width: 1px 0;}
div.introblock a {color: #35881F; text-decoration: underline; font-weight: bold;}
div.introblock li {margin-bottom: 10px;}
div.introblock h1 {margin-top: 0;}

div.trial_text {
	padding: 10px;
	background: #FFFFCC;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	line-height: 18px;
	margin-bottom: 1em;
}

/* Color Picker */

#cp_box {position: absolute; padding: 20px; border: 1px solid #777; background: #FFF; z-index: 99;}
div.cpicker {font-size: 11px; position: relative; float: left;}
div.cp_preview {background-color: #fff; width: 60px; height: 60px; padding: 0; margin: 0; margin-bottom: 10px; border: solid 1px #000;}
div.cp_col {float: left; margin-left: 8px;}
span.cp_option {display: block; margin-bottom: 3px;}
span.cp_option label {float: left; width: 20px; margin-left: 5px;}
span.cp_option input {float: left;}

/* video uploading */

span#upload_link {position: relative;}
.swfupload {position: absolute; z-index: 1; top: -2px; left: -2px; cursor: pointer;}

div#gallery {border: 1px solid #CCC; overflow: auto; width: 100%; min-height: 150px;}

div.upimage {
	float: left; margin: 5px; width: 140px; height: 120px;
	padding: 10px; font-size: 11px; background: #FFF; overflow: hidden;
}

div.pb_text {margin: 0 0 5px 0;}
div.pb_out {height: 10px; width: 100%; border: 1px solid #000077; background: #FFF; margin: 0 0 5px 0;}
div.pb_in {display: inline-block; height: 11px; background: #000077;}
div.pb_filename {margin: 15px 0 0 0;}

p.export_link_row {font-size: 16px; margin: 2px; font-weight: bold;}



p.ptabs
{
	float: left;
	vertical-align: middle;
}

p.ptabs a.ptab
{
	display: inline-block;
	background: #EBEBEB;
	border: 1px solid #EBEBEB;
	padding: 4px 4px;
	margin: 0 2px 0 0;
	text-align: center;
	color: #777;
	text-decoration: none;
}

p.ptabs a.ptab.current
{
	background: #FFF;
	border: 1px solid;
	border-color: #CCC #BBB #BBB #CCC;
	color:  #000;
	font-weight: bold;
}

p.ptabs a.hover
{
	border: 1px solid #0000FF;
	color: #0000CC;
	background: #AAAAFF;
}

li span.hover
{
	background: #AAAAFF;
}

table.perm_table td, table.perm_table th
{
	border: 0;
	background: none;
	text-align: center;
	padding: 5px 40px 0 0;
}

table.perm_table th
{
	font-weight: normal;
	text-decoration: underline;
}

table.perm_table td.name
{
	padding-right: 60px;
	text-align: left;
}