/* CSS Document */

/*---------------------------------------
           TYPOGRAPHY & HTML TAGS
  ---------------------------------------*/

body {
	font-family:  Verdana, arial, Helvetica, sans-serif;
	font-size: 62.5%; 
	font-size: 72%;
}
hr.blank {
clear: left; height: 1px; background-color: #FFFFFF; border: none; color: #FFFFFF;
}
.left {
	float: left;
}
.right {
	float: right;
}
.center {
	text-align: center !important;
}
img {
	border-width: 0;
}
.indent {
	 padding-left: 2em;
}
.border001 {
	margin: 5px 15px 15px 5px;
	padding: 0px 5px 5px;
	border: 1px solid #999;
}
a {
	font-weight: bold;
	color: #67B861;
}
a:link {
}
a:hover {
	color: #1F539A;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin: 0;
	padding: 0; 

}
h1 {
	color: #4D8F47;
	font-size: 2em;
	font-weight: normal;
}
h2 {
	color: #1F539A;
	font-size: 1.8em;
}
h3 {
	color: #4F9F48;
	font-size: 1.6em;
}
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }


/*---------------------------------------
           FORMAT & HTML TAGS
 ---------------------------------------*/

html {
	background-color: #FFFFFF;
	background-image: url(images/bckgnd-gradient.jpg);
	background-position: top;
	background-repeat: repeat-x;
}
body {
	padding: 0 ; 
	margin: 0 5px;
	background-image: url(images/bckgnd-logo.jpg);
	background-position: right 0px;
	background-repeat: no-repeat;
}
.text-for-non-css { 
	visibility: hidden;
	display: none;
}
#logo {
	margin:  0 0 0 12px;
	padding: 0;
	width: 224px;
	height: 73px;
	text-indent: -9999px;
	background-image: url(images/header-logo.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}
#nav1 {
	position: absolute;
	top: 0;
	right: 10px;
	padding: 0;
	margin: 0;
	text-align: right;
	line-height: 2.0em;
}
#nav1 p {
	margin: 0;
	padding: 0;
}
#nav1 ul {
	display: inline;
	list-style-type: none;
}
#nav1 li {
	list-style-type: none;
}
#nav1 .first {
	display: inline;
	padding: 5px 0.65em;
	margin: 0;
	background-image: url(images/nav1-tab_left.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#nav1 .middle {
	display: inline;
	padding: 5px 0.65em;
	margin: 0;
	background-color: #1F539A;
}
#nav1 .last {
	display: inline;
	padding: 5px 0.65em;
	margin: 0;
	background-image: url(images/nav1-tab_right.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#nav1 li a {
	color: #FFFFFF;
	font-size: 1em;
	font-family: "Trebuchet MS", Verdana, Arial;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
#nav1 li a:hover {
	color: #B2DBAF;
	text-decoration: underline;
}
#main-container { 
	margin: 0px;
	padding: 0;
}
#header-top {
	padding: 0; margin: 0; position:relative; height: 4px; text-align:center;
	line-height: 0.01em;
}
#header-top #left {
	background-image: url(images/header-top_left.gif); 
	background-repeat: no-repeat;
	position:absolute; 
	left: 0; 
	top: 0; 
	display: block; 
	font-size: 0.001em; 
	height: 4px; 
	width: 9px; 
}
#header-top #middle {
	background-image: url(images/header-top_middle.gif); 
	background-repeat:repeat-x; 
	height: 4px; 
	padding: 0; 
	margin: 0 3px 0 0; 
	font-size: 0.001em; 
	background-color: #B2DBAF;
}
#header-top #right {
	background-image: url(images/header-top_right.gif); 
	background-repeat: no-repeat;
	position:absolute; 
	right: 0; 
	top: 0; 
	display: block; 
	font-size: 0.001em; 
	height: 4px; 
	width: 9px; }
#headerbar {
	background-color: #B2DBAF;
	padding: 5px;
}
#headerbar .clear {
clear: both; height: 1px; padding: 0; margin: 0; font-size: 0.0001em; color: #B2DBAF;
}
#company_name {
	padding: 0; margin: 0;
	font-family: "Trebuchet MS", Verdana, Arial;
	color: #1F539A;
	font-size: 2.0em;
	/*float: left;*/
}
#company_name img {
	/*float: left;*/
	padding: 5px 0 5px 5px;	
}
#company_name a {
	
}
#promoscore {
	padding: 0; margin: 0;
	float: left;
	text-align: center;
}
#nav2 {
	padding: 0; margin: 0;
	float: left;
	text-align: right;
}
#nav2 ul { padding:0; margin: 0; }
#nav2 li {
	display: inline;
	padding: 5px 5px;
	margin-top: 10px;

}
#nav2 li a {
	font-weight: normal;
	color: #1F539A;
}
#supplier #company_name { width: 25%; border-right: 1px solid #5C94DE; }
#supplier #promoscore { display: none; }
#supplier #nav2 { width: 74%; }

#distributor #company_name { width: 25%; }
#distributor #promoscore { width: 20%; }
#distributor #nav2 { width: 54%; }

#header-bottom {
	padding: 0; margin: 0; 
	position:relative; 
	height: 4px; 
	background-image: url(images/header-bottom_left.gif); 
	background-repeat: no-repeat;
	line-height: 0.01em;
}
#header-bottom .right {
 width: 12px; height: 4px; background-image: url(images/header-bottom_right.gif); background-repeat: no-repeat; font-size: 0.001em; float:right; }

#content-wrapper {
/*	border-left: 10px solid #B2DBAF;   */
	background-image: url("images/content-border.gif");   
	background-repeat: repeat-y; 
	padding: 0;  
	margin: 0;
}

#content {
	padding: 1em; 
	margin: 0 235px 0 5px;  
}
#content #main-tabs {
	position: relative;
	padding: 0; 
	margin: 0; 
	z-index: 3;
}
#content #main-tabs  ul { 
	display: inline;
	list-style-type: none;
	padding: 0; 
	margin: 0; 
}
#content #main-tabs li {
	display: inline;
	list-style-type: none;
	padding: 0.65em;
	margin: 0 5px 0 0;
}
#content #main-tabs .current {
	background-image:   url("images/tabs-blue-bckgrd-current.gif");
	background-color: #7F9DC5;
	background-repeat: repeat-x;
	background-position: top;
}
#content #main-tabs .behind {
	background-image:    url("images/tabs-blue-bckgrd-behind.gif");
	background-color: #99B1D1;
	background-repeat: repeat-x;
	background-position: top;
}
#content #main-tabs a {
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 1.1em;
	text-decoration: none;
}
#content #main-tabs .current a {
	color: #1F539A;
}
#content #main-tabs .behind a {
	color: #4C75AE;
}
#content #main-tabs a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
#content #main-tabs .current a:hover {
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana, Arial;
	text-decoration: none;
	color: #1F539A;
}
#content #tab-content {
	position: relative;
	padding: 0;
	Xborder-left: 1px solid #7F9DC5;
	z-index: 4;
}
#content #tab-content #filter {
	position: relative;
	background-color: #7F9DC5; 
	color: #FFF; 
	margin: 0; 
	padding: 0.5em;
	vertical-align: middle;
	z-index: 4;
}
#content #tab-content #inner {
	padding: 0.5em;
}
#content #no-tab-content #inner {
	padding: 2.5em;
}
#content #tab-content #inner, #content #no-tab-content #inner {
	min-height: 400px;
	height: auto !important;
	height: 400px; /* This is a min-height hack for IE */
}
/*
#content #tab-content h3 {
	display: inline; 
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.1em;  
	margin: 0; 
	padding: 5px 5px 0 5px; 
	background-color: #B2DBAF;
	border-bottom: 1px solid #B2DBAF;
	background-image: url(images/tabs-green-bckgrd.gif); 
	background-repeat: repeat-x;
	background-position: top; 
}
*/
#content #tab-content h3 span {

}
#content #tab-content h3 span img {
	padding: 3px 3px 0 0;
}
#content #tab-content table {
	border: 1px solid #B2DBAF;
	background-color: #FFFFFF;
	/*width: 98%;*/
}
#tab-content table th {
	/*text-align: left;*/
}
#tab-content table td {
	/*text-align: left;*/
}
.list-table td
{
	vertical-align: middle;
	padding: 2px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #f4f4f4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f4f4f4;
	background-color: #F2F5F9;
}

.alt td 
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e5ecf7;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e5ecf7;
	background-color: #ffffff;
}

.highlight td{
	background-color: #FFFFCC;
}
#tab-content .last-infotab {
	padding-bottom: 10px;
}

/* ---BEGIN >> All the Models for Supplier Dashboard ---*/

#tab-content #lead-stats,
#tab-content #your-distributors,
#tab-content #recent-sales,
#tab-content #alerts,
#tab-content #promoleader-board-distributors,
#tab-content #promoleader-board-suppliers {
	padding-top: 10px;
}

#tab-content #lead-stats,
#tab-content #your-distributors,
#tab-content #recent-sales,
#tab-content #alerts {
	width: 50%;
	float: left;
}
#tab-content #recent-sales,
#tab-content #promoleader-board-distributors,
#tab-content #promoleader-board-suppliers {
	clear: left;
}
#tab-content #lead-stats th {
	padding-left: 0;
}
#tab-content #lead-stats td {
	padding-left: 15px;
}

/* ---END >> All the Models for Supplier Dashboard ---*/

#footer {
	clear:both;
	font-size: 1.2em;
}
#footer-top {
	background-color: #7F9DC5;
	padding: 0; 
	margin: 0 10px 0 10px; 
	height: 15px; 
	background-image: url(images/corners-outer-top-left.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#footer-top .right {
	width: 5px;
	height: 15px;
	background-image: url(images/corners-outer-top-right.gif);
	background-repeat: no-repeat;
	font-size: 0.001em;
	float:right;
	background-position: right top;
}
#footer-middle {
	border-left: 10px solid #7F9DC5; 
	border-right: 10px solid #7F9DC5; 
	margin: 0 10px 0 10px; 
	padding: 15px 30px;
}
#footer-bottom {
	clear: left;
	background-color: #B2DBAF;
	padding: 0; 
	margin: 0 5px 0 0; 
	height: 21px; 
	background-image: url(images/corners-outer-bottom-left.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#footer-bottom .right {
	width: 22px;
	height: 21px;
	background-image: url(images/footer-bottom-right.gif);
	background-repeat: no-repeat;
	font-size: 0.001em;
	float:right;
	background-position: right bottom;
}

#sidebar {
	top: 0;
	float:right;
	width:225px;
	background-repeat: repeat-y;
	background-position: right;
	padding: 0 0 0 5px;
}
#sidebar dt {
	border-top:1px solid #DDD;
	padding:3px 0;
}
#sidebar-1sthalf {
	padding-top: 5px; 
	background-image: url(images/sidebar-arrow-top-40px.gif); 
	background-repeat: no-repeat; 
	background-position: left bottom;  
	border-right: 10px solid #B2DBAF; 
	min-height: 110px;
	height: auto !important;
	height: 110px; /* This is a min-height hack for IE */
}
#sidebar-2ndhalf {
	margin: 0 0 0 10px; 
	background-color: #FFF;
	border-left: 18px solid #B2DBAF; 
	border-bottom: 16px solid #B2DBAF;  
	border-right: 10px solid #B2DBAF;  
	padding: 0 5px 0 8px;
}

#sidebar-bottom {
	background-color: #B2DBAF;
	padding: 0; 
	margin: 0 0 0 10px; 
	height: 5px; 
	line-height: 0.01em;
	background-image: url(images/corners-outer-bottom-left.gif);
	background-repeat: no-repeat;
}
#sidebar-bottom .right {
	width: 5px; 
	height: 5px; 
	background-image: url(images/corners-outer-bottom-right.gif);
	background-repeat: no-repeat; 
	font-size: 0.001em; 
	float:right; }
	
#recent-activity-list { list-style: none; }
#recent-activity-list li { 
	border-top: 1px solid #DDD;
	padding: 2px 0;
}


#version {
	text-align: center;
	font-size: 0.8em;
	color: #CECECE;
}

/*---------------------------------------
           LEAD VIEW STYLES 
--------------------------------------- */
#lead-view_description {
	padding: 0 1em 1em 1em;
	margin: 0 0 5px 0;
}
#lead-view_description h2 {
	color: #1F539A;
	font-size: 1.1em;
	font-style: normal;
	margin: 10px -8px 10px -8px;
	padding-left: 5px;
	border-bottom: 1px solid #1F539A;
}
#lead-info-person_company {
	line-height: 1.4em;
}
#lead-info-person_company strong {
	font-size: 1.4em;
}
#lead-info_person_company {
 width: 48%; margin: 0; padding: 0;
}
#lead-info-unassigned { 
	text-align: right; 
	float: right; 
	width: 49%; 
	margin: 0; 
	padding: 0; 
	}
#lead-info-assigned {
	text-align: right; 
	float: right; 
	width: 49%; 
	margin: 0; 
	padding: 0; 
}
#lead-view_info,
#lead-view_tools,
#lead-view_notes,
#lead-view_history,
#lead-view_status  {
	padding: 0 1em;
}
#tab-content #contact-info h3 span,
#tab-content #extended-info h3 span
	{ background: no-repeat ; padding-left: 20px }

#lead-view_info #contact-info h3 span { background-image: url(images/phone.gif);}
#lead-view_info #extended-info h3 span { background-image: url(images/information.gif) ;}
#lead-view_info dl, #lead-view_info p {
	border: 1px solid #B2DBAF;
	margin: 0 0 10px 0; 
	padding: 1em; 
}
#lead-view_info dt {
	font-weight: bold;
	padding: 0.5em 0.5em 0 0.5em;
	margin: 0;
}
#lead-view_info dd {
	margin: 0;
	padding: 0.125em 0.5em 1em 1em;
}
#lead-view_info .alt{
	background-color: #f2f5f9;
}
#lead-view_tools div {
	background-color: #ffffff;
	padding: 6px 3px;
	margin-bottom: 5px;
	border: 1px solid green;
	width: 50%;
}
#lead-view_tools #form-used {
	width: 100%;
}

.td-balloon-side {
	width: 145px;
}
.balloon-top-left, .balloon-top-right, .balloon-top-new {
	height: 20px;
	position: relative;
	margin-top: 10px;
}
.balloon-top-left {
	background: #FFF url(images/word-balloon-blue-tm.gif) repeat-x;
}
.balloon-top-right {
	background: #FFF url(images/word-balloon-green-tm.gif) repeat-x;
}
.balloon-top-new {
	background: #FFF url(images/word-balloon-gray-tm.gif) repeat-x;
}
.balloon-mid-left {
	background: #FFF url(images/word-balloon-blue-ml.gif) repeat-y;
}
.balloon-mid-right {
	background: #FFF url(images/word-balloon-green-ml.gif) repeat-y;
}
.balloon-mid-new {
	background: #FFF url(images/word-balloon-gray-ml.gif) repeat-y;
}
.balloon-mid-left p, .balloon-mid-right p, .balloon-mid-new p {
	padding: 0 15px;
	margin: 0;
}
.balloon-mid-left p {
	background: transparent url(images/word-balloon-blue-mr.gif) repeat-y right;
}
.balloon-mid-right p {
	background: transparent url(images/word-balloon-green-mr.gif) repeat-y right;
}
.balloon-mid-new p {
	background: transparent url(images/word-balloon-gray-mr.gif) repeat-y right;
}
.balloon-bot-left {
	background: #FFF url(images/word-balloon-blue-bm.gif) repeat-x;
	height: 29px;
	position: relative;
}
.balloon-bot-right {
	background: #FFF url(images/word-balloon-green-bm.gif) repeat-x;
	height: 29px;
	position: relative;
}
.balloon-bot-new {
	background: #FFF url(images/word-balloon-gray-bm.gif) repeat-x;
	height: 29px;
	position: relative;
}
.wbtl, .wbtr {
	height: 20px;
	width: 12px;
	position: absolute; 
	text-indent: -9999px;
}

.balloon-top-left .wbtl {
	background: #FFF url(images/word-balloon-blue-tl.gif) no-repeat;
	left: 0;
}
.balloon-top-left .wbtr {
	background: #FFF url(images/word-balloon-blue-tr.gif) no-repeat;
	right: 0;
}
.balloon-top-right .wbtl {
	background: #FFF url(images/word-balloon-green-tl.gif) no-repeat;
	left: 0;
}
.balloon-top-right .wbtr {
	background: #FFF url(images/word-balloon-green-tr.gif) no-repeat;
	right: 0;
}
.balloon-top-new .wbtl {
	background: #FFF url(images/word-balloon-gray-tl.gif) no-repeat;
	left: 0;
}
.balloon-top-new .wbtr {
	background: #FFF url(images/word-balloon-gray-tr.gif) no-repeat;
	right: 0;
}
.wbleft .wbbl {
	position: absolute; left: 0;
	background: #FFF url(images/word-balloon-blue-bl.gif) no-repeat;
	height: 29px;
	width: 65px;
	text-indent: -9999px;
}
.wbleft .wbbr {
	position: absolute; right: 0;
	background: #FFF url(images/word-balloon-blue-br.gif) no-repeat;
	height: 29px;
	width: 12px;
	text-indent: -9999px;
}
.wbright .wbbl {
	position: absolute; left: 0;
	background: #FFF url(images/word-balloon-green-bl.gif) no-repeat;
	height: 29px;
	width: 12px;
	text-indent: -9999px;
}
.wbright .wbbr {
	position: absolute; right: 0;
	background: #FFF url(images/word-balloon-green-br.gif) no-repeat;
	height: 29px;
	width: 65px;
	text-indent: -9999px;
}
.wbnew .wbbl {
	position: absolute; left: 0;
	background: #FFF url(images/word-balloon-gray-bl.gif) no-repeat;
	height: 29px;
	width: 65px;
	text-indent: -9999px;
}
.wbnew .wbbr {
	position: absolute; right: 0;
	background: #FFF url(images/word-balloon-gray-br.gif) no-repeat;
	height: 29px;
	width: 12px;
	text-indent: -9999px;
}


.default-input { color: #999; }



.event-line {
	position: relative;
	padding: 12px 0 0 150px;
	
}
	.ev-type {
		position: absolute;
		top:0; left:0;
		padding-top: 12px;
		width: 140px;
		text-align: right;
		color: #888;
	}
	.ev-time {
		color: #888;
	}