/* 
 * Prefer to keep this separate from the old CSS until the old one is no longer
 * needed.  Imagine a day when there is no style on the site named 'style5' and
 * font size isn't specified in pixels.
 */
img {
	border: none;
	padding: 0px;
}

tr.content > td {
	margin: 0px;
	padding: 0px;
}

/* Graphing: */
.graph-box {
	float: left;
	margin: 0.5em;
	padding: 0.5em;
	overflow: hidden;
	background-color: black;
	color: white;
	width: 28%;
}

.graph-box.main {
	width: 90%;
}

.graph-box h3 {
	margin: 0em;
}

body {
	background: white;
	background-image: url(/images/bg-ringplus.jpg);
	background-repeat: repeat-x;
	color: #565656;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left: 4px;
	padding-right:5px;
	font-size:14px;
	text-decoration: none;
	margin: 1.5em 0 0 0;
}

.content a { 
	color: #2e60a5;
	text-decoration: underline;
}
.content a:visited {
	color: #2e60a5;
	text-decoration: underline;
}
.content a:active {
	color: #2e60a5;
	background-color: #CCCCCC;
	text-decoration: underline;
}
.content a:hover {
	background-color: #CCCCCC;
}

label {
	color: #2E60A5;
}

.content h2, .content th {
	color: #2E60A5;
}
.content td {
	padding: 0.25em 0.25em 0.25em 0.25em;
}

/*
 * The Navbar.
 */
.navbar.link {
	color: black;
	text-decoration: none;
}

.navbar.link a:visited {
	color: black;
	text-decoration: none;
}

.navbar.link a:hover { 
	color: black;
	background-color: #FF9933;
	text-decoration: none;
}

/*
 * The sidebar
 */
div#sidebar td {
	padding: 0px;
}

.sidebar .header {
	font-weight: bold;
	font-size: 150%;
	color: white;
	background-color: #333399;
	padding: 0.5em 1em 0.5em 1em;
}

.sidebar .contact img {
	padding-top: 2em;
}

.sidebar .contact p {
	padding: 0.5em 0.5em 0.5em 0.5em;
}

/*
 * Forms:
 */
div.form-box label {
	width: 10em;
	margin-bottom: 0.25em;
	padding-right: 0.5em;
	text-align: right;
}
div.form-box input, div.form-box textarea {
	margin-bottom: 0.5em;
}
/* The login form is smaller. */
div#login-form label { width: 8em; }

/* 
 * Splash page bidness 
 */
span.splash { 
	float: left; 
}

.splash img {
	margin-right: 1em;
}

/* Has to be the same height as the non-transparent part of the image. */
.splash.text p {
	color: white;
	font-weight: bold;
	margin-right: 0.5em;
	margin-top: 1px;
	padding-top: 1em;
	margin-bottom: 0.5em;
}

div.splash.text {
	background-color: #194596;

	min-height: 204px; 
	max-height: 204px;
	font-size: 14px;
}

div#splash {
	margin: 0px;
	padding: 0px;
}

div#splash a:visited {
	background-color: transparent;
}

div.blurb {
	min-width: 30%;
	max-width: 30%;
	padding: 0.5em 0.5em 0.5em 0.5em;
	float: left;
}

div.splash.blurbs {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/* Those compare boxes */
div.compare-wrap { float: left; max-width: 31%; min-width: 31%; }
div.compare-wrap h4 { text-align: center; margin: 0.15em; }
div.compare { color: white; margin: 0.15em; padding: 1em 0.5em 1em 0.5em; }
div.compare.print { background-color: red; }
div.compare.direct-mail { background-color: orange; }
div.compare.ringplus { background-color: green; }

div#entire {
	width: 797px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}
div#entire {
	padding: 0px;
	background-color: #d9d9d9;
}
div#header {
	background-color: #f9f9f9;
}
div#footer {
	background-color: #f36f2c;
	padding-top: 0.5em;
	padding-bottom: 0.8em;
	margin-bottom: 1em;
}

img#logo {
	margin-left: 30px;
	float: left;
}
#navbar {
	background-color: #f36f2c;
	padding: 10px 0em 10px 0em;
	margin-top: 35px;
	margin-bottom: 25px;
}

.flash {
	padding: 1em 0.5em 1em 0.5em;
	margin: 0em 0em 1em 0em;
	font-weight: bold;
}

div.flash.error {
	border-color: red;
	background-color: #fdd;
	color: red;
}
div.flash.warning {
	border-color: #70671e;
	background-color:  #f2df3e;
	color #70671e;
}
div.flash.notice {
	background-color: #ace8d3;
	color #526662;
}

.error input, .error select {
	border: 1px solid red;
	background-color: #fdd;
}
.error label {
	font-weight: bold;
}
.infobubble {
	padding: 0.25em 0.5em 0.25em 0.5em;
	background-color: #eee;
	margin: 1em;
	float: right;
	max-width: 30%;
}
.infobubble ul {
	margin: 0;
	padding-left: 1em;
}
.error.infobubble {
	background-color: #fdd;
	color: red;
	font-weight: bold;
}

.captcha img {
	border: 1px solid black;
}

/* For temporary highlighting */
.wtf {
	border: 1px solid red;
}

div.rate_lookup {
	float: right;
}

td.rate_left_column {
	text-align: right;
	width: 10em;
}

.call_info {
	font-size: 12px;
}

.call_info td {
	padding: 6px;
}

.call_info th {
	padding: 6px;
}

.minutes_header {
	text-align: right;
}

.amount_header {
	text-align: right;
}

.minutes_data {
	text-align: right;
}

.amount_data {
	text-align: right;
}

.hour_header {
	text-align: right;
}

.hour_data {
	text-align: right;
}

div.admin_user_data,div.admin_call_data,div.admin_user_notes,div.admin_user_transactions {
	border: 1px solid gray;
	padding: 10px;
	margin: 5px;
}

.admin_user_notes div {
	padding: 5px;
}

.admin_user_notes label {
	padding: 10px;
}

.admin_user_notes textarea {
	width: auto;
	width: 100%;
}

.user_prev {
	padding: 10px;
}

.user_up {
	padding: 5px;
}

.user_next {
	padding: 5px;
}

/* *.advertiser li { */
/* 	width: auto; */
/* 	height: auto; */
/* } */

body.advertiser {
	background: white;
}

div.advertiser {
	float: left;
	padding: 30px;
	margin: 30px;
	border: 1px solid orange;
	width: auto;
	height: auto;
}

div.ad_list {
	clear: left;
}

div.delete_button {
	clear: left;
}

div.search {
	float: right;
}

table.ad_list {
	border-collapse: separate;
}

tr.header_row {
	background: blue;
}

*.header_row {
	color: white;
}

tr.odd_row {
	background: gray;
}

tr.even_row {
	background: lightgray;
}

td.date_body {
	text-align: center;
}

td.number_body {
	text-align: right;
}

div.ad {
	float: left;
	padding: 30px;
	margin: 10px;
	border: 1px solid orange;
	width: auto;
	height: auto;
}

div.buttons {
	border: none;
}

div.controls {
	width: 100%;
	padding: 10px;
}

.control_button {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	/* background: orange */
}

.control_image {
	position: relative;
	left: 20px;
}

div.interactive_options {
	clear: both;
	padding: 30px;
	margin: 10px;
	border: 1px solid orange;
	width: auto;
}

table.interactive_table {
	padding: 10px;
}

.ad li {
	list-style: none;
}


.navigation li {
	list-style: none;
	display: inline;
}

.ad_options input {
	width: 10em;
}

span#signup_button {
	float: right;
	padding: 8px;
	background-color: #f0f0f0;
	/* border: 1px solid black; */
}

span#seminar_button {
	float: right;
	padding: 8px;
	background-color: #f0f0f0;
	/* border: 1px solid black; */
}

p.caption {
	font-size: 10px;
}

.admin_small {
	font-size: 12px;
	background-color: #ffffff
}

tr.totals {
	/* border-top: 1px solid black; */
	background-color: #404040;
	color: #f0f0f0;
}

tr.admin_odd {
	background-color: #f0f0f0;
}

tr.admin_even {
	background-color: #c0c0c0;
}

input.weight_amount {
	width: 4em;
	
	/* float: left; */
}

input.weight_update_button {
	/* display: inline; */
	/* float: left; */
}

div.maintenance {
	font-size: 18px;
	color: #ff0000;
}

form.paypal_button_form, div.payment_buttons {
	display: inline;
	padding: 4px;
}

div.payment_buttons form, div.payment_buttons div {
	display: inline;
}