/* Logo Blue 1F539A */
/* Logo Green 66B760 */
/* Old BG tan FFFCF7 */

body {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(/images-feb2007/upper-right-internal_site.png);
	background-position: 100% 66px;
	background-repeat: no-repeat;
}
html {
	background-color: #FFF;
	background-image: url(/images/pl-bg-grad-bottom.jpg);
	background-repeat:repeat-x;
	background-position:bottom left;
}
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 100%/120% Arial, Helvetica, sans-serif;
	color: #303030;
}
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 0.25em 0 0.1em;
	padding: 0;
}
li, dd, blockquote {
	margin-left: 1em;
}
h1, h2, h3, h4 {font-family: 'Trebuchet MS', 'Lucida Grande', Tahoma; line-height: 150%}
a {
	color: #002C6F;
	text-decoration: none;
}
a img { border: 0; vertical-align: middle; }
a:hover {
	text-decoration: underline;
	border-bottom: 0;
}
a:active {outline: none;}
a:focus {-moz-outline-style: none; }
img, .error-field{ 
	behavior: url('/iepngfix.htc');
}
table { width: 100%; }
td { padding: 2px 8px; }
th {font-size: small; }
label {font-size: small; }
.wrapped {font-size: inherit; }
fieldset { padding: 10px 20px; }
legend { font-weight: bold; }
optgroup {
	font-style: normal;
}
input {margin: 0; padding: 0; }
.clickable {cursor: pointer;}
#top-links {
	display: block;
	text-align: right;
	padding: 8px 8px 0;
}
#top-links a{
	border: 0;
}
#header {
	background-color: #C3C9D5;
	background-image: url(/images/pl-bg-line-top.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	color: #FFFCF7;
	color: #222;
	height: 65px;
	padding-top: 8px;
}
#header a {color: #222 !important; }
#header p {
	font-size: medium;
	margin: 0; padding: 0;
	background-image: url(/images/pl-bg-logo.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 65px;
	width: 100%;
	position: absolute;
	top: 0; left: 0;
	z-index: 17;
}
#header-words { display: none; }
#sidebar {
	border: 0px dotted #B3B9C5;
	position: static;
	width: auto;
	padding: 20px;
}
#content {
	margin: 40px 0 40px 50px;
	padding: 5px 20px 30px;
	border: 0px solid #1F549A;
	background-color: transparent;
	background-image: none;
	background-repeat: repeat-x;
	background-position: top left;
	width: auto;
	position: static;
}
#lead-list-new {
	border: 1px solid #333;
	margin-top: 12px;
	width: 100%;
}
.list-table {

}
.list-table td{
	vertical-align: top;
	padding: 9px 9px;
	border-top: 1px solid #F4F4F4;
	border-bottom: 1px solid #F4F4F4;
}
.alt {
	background-color: #F2F5F9;
}
.alt td {
	border-bottom: 1px solid #E5ECF7 !important;
	border-top: 1px solid #E5ECF7 !important;
}
.test-lead {
	background-color: #FFC !important;
}
.test-lead td {
	border-bottom: 1px solid #E5ECF7 !important;
	border-top: 1px solid #E5ECF7 !important;
}
.center {text-align: center;}
.bold {font-weight: bold;}

.lg-text {
	font-size: large;
}
.sm-link {
	font-size: x-small;
}
.sm-text {
	font-size: small;
}
.sm-lite-text {
	font-size: small;
	color:#666666;
}
.x-sm-lite-text {
	font-size: x-small;
	color:#666666;
}
.lite-text {
	color: #777;
}
.label-text {
	font-size: x-small;
	font-weight: bold;
	color: #333;
}
#distsearch{
	font-size: x-large;
	font-family: Helvetica,'Trebuchet MS', 'Lucida Grande', Tahoma;
	line-height: 1em;
	text-align: right;
}
#distsearch input {
	padding: 0;
	font-size: medium;
	color: #000033;
	margin: 0;
}
#search-results {
	padding: 14px 10px;
	line-height: 1.2em;
}
.sp-list {
	display: block;
	padding-left: 20px;
}
.sp-pref {
	font-weight: bold;
	background-image: url(/images/star.png);
	background-position: 0px 50%;
	background-repeat: no-repeat;
}
.preferred {
	background: #FFFADA url(/images/star.png) center no-repeat;
	background-position: 15px 50%;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #FFF6BF;
	border-bottom: 2px solid #FFF6BF;
	font-size: medium;
	font-weight: normal;
	margin: 8px 0;
}
#idents {
	position: absolute; top: 10px; left: 10px;
	border-right: 1px solid #545454;
	text-align: right;
	width: 70px;
	padding-right: 10px;
}
pre {
	background-color: #BFD6FF;
	border: 3px double #111;
	padding: 15px;
}

#warning {
	background-color: #FFF6BF;
	border-color: #FFD324;
}
#notice {
	background-color: #F8FAFC;
	border: #B5D4FE;
}
#flash {
	background-color: #DFFFBF;
	border-color: #B6E0AF;
}
#warning,#notice,#flash  {
	border-style: solid;
	border-width: 0 2px 2px;
	left: 50px;
	padding: 30px 20px 20px 45px;
	position: absolute;
	right: 50px;
	top: 0;
	z-index: 8922;
}
#warning img,#notice img,#flash img {vertical-align: middle; }
.error-field {
	background: #F9D8D1 url(/images/exclamation.png) top right no-repeat;
	text-align: left;
	padding: 5px 20px 5px 10px;
	border-top: 2px solid #FF2424;
	border-bottom: 2px solid #FF2424;
}
.required_field { color: #990000; }

.sel-opt {
	padding-left: 20px;
}
.sel-opt-fave {
	background-image: url(/images/star.png);
	background-repeat: no-repeat; 
}

.bold-row td{ font-weight: bold; }


table.widget td,table.widget th{
	text-align: center;
}
table.widget td.left,table.widget th.left{
	text-align: left;
	float:none;
}

.alert { font-size: 1.2em; }

.avatar-float-left { float: left; margin: 0 4px 4px 0; }
.avatar-float-right { float: right; margin: 4px 0 0 4px; }
/* Lead View Styles */

#lead-time {
	Xpadding: 4px 11px;
}

#lead-info-box {
	position:relative; 
	background-color: #F2F5F9; 
	height: 50px;	
	border-bottom: 1px solid #E5ECF7;
	border-top: 1px solid #E5ECF7;
	margin: -5px -20px 0;
}
#lead-info-box div{ position: absolute;  top: 5px;}
#lead-info-id {	left: 10px; }
#lead-info-created { left: 110px; }
#lead-info-assigned { right: 10px; text-align: right; width: 33%; }

#lead-info-unassigned { 
	right: 0;
	text-align: right;
	width: 33%;
	background-color:#FFFFCC;
	padding: 20px 10px 5px;
	margin-top: -5px;
	height: 25px;
}

.private-note {
	background-color: #FEE;
}

.ln-time {
	border:1px solid black;
	font-size:small;
	background-color: #333333;
	color: white;
	padding: 4px 8px;
	position: relative;
}
.lead-note {
	margin-bottom: 8px;
	border: 1px solid black;
	position:relative;
	padding: 5px 12px;
}
.leads-note-edit-link {
	 border: none;
	 position:absolute;
	 bottom:1px; right:5px;
	 color: white;
}
#private-help {
	border:1px solid black;
	padding:8px;
	width: 260px;
	position: absolute;
	background-color: #FFFFCC;
	font-size:small;
	z-index: 184;
}

#beta-block {
	position: absolute;
	top: 38px;
	right: 80px;
	width: 500px;
	text-align: center;
	border: 2px solid #333;
	border-right: 0;
	background-color: #FFFFFF;
	opacity: 0.9;
}
#beta-block-icon {
	position: absolute;
	top: 38px;
	right: 0px;
	width: 60px;
	text-align: center;
	border: 2px solid #333;
	border-right: 0;
	background-color: #FFFFFF;
	opacity: 0.9;
	padding: 1px 10px;
	font-size: x-small;
	text-align:center;
}
#note-div {
	background-color: #FFF;
	position: absolute;
	margin: -25px 0 0;
	z-index:15;
}
#note-div fieldset{
	padding: 20px;
	border: 0;
}
#note-div legend{
	display: none;
}
#close-note-div {
	position: absolute;
	top: 2px; right: 5px;
	cursor: pointer;
}

#username-warning {
	width: 300px;
	font-size: small;
	margin: 10px;
}
#edit-profile-bottom {
	padding: 20px;
	background-color: #FFD;
	border: 1px solid #BBB;
	border-left: 0;
	border-right: 0;
}

.quick-form {
	background-color: #FFF;
	background-image: url(/images/pl-bg-grad-top.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	border: 1px solid #1F549A;
	position: absolute;
	z-index:15;
}
.close-quick-form {
	position: absolute;
	top: 2px; right: 5px;
	cursor: pointer;
}

#email-this-lead-div,#print-this-lead-div { text-align: right; }

#email-lead-box {
	width: 300px;
	padding: 20px;
	text-align: left;
}
#bad-lead-box {
	padding: 20px;
	text-align: left;
}
#lead-note-fs {
	width: 57%;
	position: absolute;
	left:38%;
}
.lead-note-list {
	height: 250px;
	overflow:auto;
	position: relative;
}

#lead-assign-div { 
	position: relative;
	margin-top: 50px;
}
#assign-choices {
}
#assign-select, #assign-search { margin-left: 110px;}

#assign-suggest {}
#assign-select {}
#assign-search {}

#tool-menu {
	list-style: none;
	position: absolute;
	text-align: right;
	top: 75px;
	right: 10px;
}
#tool-menu li {
	
}

#lead-extra-info {
	position: absolute;
	top: 75px; left: 310px;
	width: 289px;
}
#lead-view-tools {
	border: 1px solid #444;
	background-color: #444;
}
#lead-view-tools div {
	background-color: #FFF;
	padding: 12px;
	margin-bottom: 1px;
	text-align: center;
}
#assign-suggest-form p {
	 padding-left: 40px;
}
#ajax-updated-distributor input{
	padding: 2px;
	font-size: medium;
	margin: 18px 12px 12px;
	color: #000033;
}
#assign-choices{
	padding-left: 0;
}
 
#assign-choices div{
	padding-left: 40px;
}

.select-step-2 {
	visibility: visible; /* hidden in orig css, take this out when we go live */
	border-color: #FFFF66;
	border-width: 2px 0;
	border-style: solid;
	background-color: #FFFFCC;
	padding: 24px 6px;
	margin: 4px 0;
	text-align: center;
	background-color: #F2F5F9; 
	border-bottom: 1px solid #E5ECF7;
	border-top: 1px solid #E5ECF7;
}
#display-distributor { visibility: visible; }

#import-container {
	width: 500px;
}
#import-container p {
	padding: 12px 0;
}
#imp-cnt {
	background-color:#FFFFCC;
	text-align:center;
	font-size:large;
}
#imp-disclaimer {
	font-size: 0.85em;
}
#login-message {
	background-color: #FFFFCC;
	font-size: medium;
	padding: 30px;
	margin: 4px 0 10px;
	border-top: 2px solid #FFF6BF;
	border-bottom: 2px solid #FFF6BF;
}
#supplier-lead-pct {
	height: 300px;
	overflow: auto;
	float:right;
	margin: 0 20px;	
	background-color: #FFF;
	background-image: url(/images/pl-bg-grad-top.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	border: 1px solid #1F549A;
}
.heading-icon-descr {
	font-size: small;
	color: #999;
}
.heading-icon-descr-on {
	font-size: small;
	color: #333;
}
.heading-icon-link:hover {
	text-decoration: none;
}
.icon-png,.icon {
	height: 16px; width: 16px;
}
.yellow-highlight-box {
	background-color: #FFFFCC;
	font-size: medium;
	padding: 30px;
	margin-top: 20px;
	border-top: 2px solid #FFF6BF;
	border-bottom: 2px solid #FFF6BF;
}
.yellow-box {
	background-color: #FFFFCC;
	border-top: 2px solid #FFF6BF;
	border-bottom: 2px solid #FFF6BF;
}
.green-box {
	float:left;
	border: 1px solid #CDDCCC;
	border-width: 1px 0;
	background-color: #E1F2E0;
	padding: 15px 20px;
	margin-bottom: 14px;
}
#lead-table {
	width: 100%;
	margin-top: 12px;
}
/* These next 2 lines don't seem to work */
#info-td, #extra-td {width:40%;}
#tools-td { width:19%; }
.form-pic {
	float: right;
	width: 35%;
}
.form-pic img{
	display: block;
}
.section {
	border: 1px solid #E5ECF7;
	border-width: 1px 0;
	margin: 10px 0;
	padding-bottom: 10px;
	background-color: #FFF;
}
.section p {
	padding-left: 30px;
}
#assign-container {
	position: relative;
	margin-top: 10px;
	height: 200px;
}
#assign-container {
}
html>body #assign-container {
  height: auto;
}

#filter-form div div{
	padding: 9px;
	margin: 4px;
	border: 1px solid #DADADA;
}
#filter-form div div div{
	padding: 9px 12px;
	margin: 4px;
	border: 0;
}
.filter-choice {
	width: 200px;
	display: inline-block;
}
.click-icon {
	vertical-align: middle;
	cursor: pointer;
}
.disabled, .disable input {
	color: #999999;
}

.completed-alert {
	text-decoration: line-through;
	color: #666666;
}


#form-pledge {
	border: 1px solid #1F549A;
	padding: 30px 40px;
	width: 400px;
}
#form-pledge img {
	float: left;
}

.ajax-throbber {
	background-image: url(/images/throbber1.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}
span.ajax-throbber {
	width: 180px;
}

/* Message Center */
#message-container {
	background-color: #FFF;
	border: 1px solid #333;
	margin: 10px 0 20px;
}

.new-message { font-weight: bold; }
.message_box {
	padding: 10px;
	border: 1px solid #878787;
	background-color: #FFF;
}
.message-list {
	padding: 8px;
	position: relative;
	overflow: hidden;
}
.message-list span {position: absolute;}
.message-list a { color: #303030; }

.m-name {left: 5%}
.m-info {left: 20%; width: 58%; cursor: pointer;}
.m-text {font-weight: normal; color: #808080;}
.m-time {left: 82%}


/* Thank you page */
#thank-you-autoresponse {
	margin: 20px 10px;
}
#thank-you-autoresponse img {
	 float: left;
	 margin: 0 10px 10px 0;
}


#identifier-row {
	height: 70px;
	position:relative;
}
#identifier-row div{
	position:absolute;
}

#confirm-more-info {
	font-size: small;
	padding-top: 25px;
}
#js-warning {
	background-color: #FFFFCC;
	border: 3px solid #333;
	font-size: large;
	padding: 20px 80px;
	text-align: center;
}
#login-button {
	display: block;
	margin-top: 28px;
}

.private-note {
	background-color: #FFEFEF;
}

#lead-status-message {
	margin: 0 auto;
	text-align:center;
	width: 60%;
}
#lead-status-message h2{
	border-bottom: 1px solid #1F539A;
}
#lead-status-message p {
	padding: 8px 8px 12px;
}


#lv-tools {
	padding: 15px 30px;
}
#lv-tools div {
	padding: 10px 0;
}
#lv-tools div a{
	font-size: 1.4em;
}
#lv-tools div a:hover{
	text-decoration: none;
}
.note-containing-div {
	 position: relative;
	 padding-top: 20px;
}
.ncd-inner {
	 margin: 0 145px;
}

.note-avatar-left {
	position: absolute;
	bottom: 1em;
	left: 10px;
}
.note-avatar-right {
	position: absolute;
	bottom: 1em;
	right: 10px;
}
.click-header {
	cursor: pointer;
}
.dismiss-link {
	color: #333;
	font-size: 0.9em;
}

#lead-status-tbl {
	
}
#lead-status-tbl th {
	width: 33%;
}
#lead-status-tbl td {
	padding: 15px;
	text-align: center;
	font-size: 1.3em;
}

/**
 * DatePicker widget using Prototype and Scriptaculous.
 * (c) 2007 Mathieu Jondet <mathieu@eulerian.com>
 * Eulerian Technologies
 *
 * DatePicker is freely distributable under the same terms as Prototype.
 * v0.9.1
 *
 */
div.datepicker {
 position: absolute;
 text-align: center;
 border: 1px #C4D5E3 solid;
 font-family: arial;
}
div.datepicker-header {
 font-size: 12px;
 font-weight: bold;
 background: #e9eff4;
 border-bottom:1px solid #c4d5e3;
 padding: 2px;
}
div.datepicker-footer {
 font-size: 10px;
 background: #e9eff4;
 border-top:1px solid #c4d5e3;
 cursor: pointer;
 text-align: center;
 padding: 2px;
}
div.datepicker-calendar {
 font-size: 10px;
 background:#FFFFFF;
 padding: 2px;
 text-align: center;
}
div.datepicker-calendar table {
 font-size: 10px;
 border: 1px white solid;
 margin: 0px;
 padding: 0px;
 text-align: center;
 width: auto;
}
div.datepicker-calendar table tr {
 border: 1px white solid;
 margin: 0px;
 padding: 0px;
}
div.datepicker-calendar table td {
 border: 1px #eaeaea solid;
 margin: 0px;
 padding: 0px;
 text-align: center;
}
div.datepicker-calendar table td:hover, 
div.datepicker-calendar table td.outbound:hover,
div.datepicker-calendar table td.today:hover {
 border: 1px #c4d5e3 solid;
 background: #e9eff4;
 cursor: pointer;
}
div.datepicker-calendar table td.wday {
 border: 1px #ffffff solid;
 background: #ffffff;
 cursor: text;
}
div.datepicker-calendar table td.outbound {
 background: #e8e4e4;
}
div.datepicker-calendar table td.today {
 border: 1px #16518e solid;
 background: #c4d5e3;
}
.datepicker-date-prev {
	position: absolute;
	left: 3px; top: 3px;
}
.datepicker-date-next {
	position: absolute;
	right: 3px; top: 3px;
}


#fave-sp-tbl td, #other-sp-tbl td , #sup-tbl td {
	text-align:center;
}
.td-left {
	text-align: left !important;
	padding-left: 4px;
	width: 50%;
}

.print-only { display: none; }
.print-only-block { display: none; }



#breadcrumbs {
	border: 1px solid #7F9DC5;
	height: 34px;
}
#breadcrumbs a {
	padding: 10px 18px 0 10px;
	display: block;
	float: left;
	height: 24px;
	text-decoration: none;
	background: url(http://www.promoleads.com/themes/dev/images/breadcrumb-arrow-off.jpg) no-repeat top right;
}
#breadcrumbs a:hover {
	background: url(http://www.promoleads.com/themes/dev/images/breadcrumb-arrow-over.jpg) no-repeat top right;
}
#breadcrumbs h2 {
	padding: 10px 18px 0 10px;
	height: 24px;
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.0em;
}

/* dashboard "Confirm Sold Leads" styles */
.sold-choice-box {
	margin: 18px 10%;
}
.sold-choice {
	display: block;
	padding: 6px 18px 6px;
	font-size: 1.4em;
	margin-bottom: 10px;
}


/* Keep this rule last, it should override everything */
/* yeah, I know !important does this too */
.error-field {
	background: #F9D8D1 url(/images/exclamation.png) top right no-repeat;
	text-align: left;
	padding: 5px 20px 5px 10px;
	border-top: 2px solid #FF2424;
	border-bottom: 2px solid #FF2424;
}