﻿/*	 Sales Patrol
*/

/* -----------------------------------*/
/* ----->>> GENERAL <<<------*/
/* -----------------------------------*/

* { padding: 0; margin: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: #4b494a url(img/bg.gif) repeat-x left top;
}

a {
	text-decoration: none;
}

a:focus {
	outline: none;
}





/* -----------------------------------*/
/* ---->>> Structure <<<-----*/
/* -----------------------------------*/

#wrapper { 
	margin: 0 auto;
	width: 952px;
}

#main {
	margin-bottom: 0px;
	margin-top: 25px !important;
	margin-top: 0px;
	overflow: hidden; /* Paul O Brien Fix for IE www.pmob.co.uk */
	width:1024px;
	/*background: url(img/bg_content.gif);*/
	background-color:White;
}
#main_dist {
	margin-bottom: 0px;
	margin-top: 25px !important;
	margin-top: 0px;
	overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
	width: 100%;
	background: #fff;
}

#header {
	color: #333;
	width: 1024px;
	padding: 10px;
	height: 100px;
	margin: 10px 0px 0px 0px;
}

#sidebar { 
	display: inline;
	color: #333;
	margin: 10px;
	padding: 0px;
	width: auto;
	/*
	width: 275px;
	float: right;
	*/	
	background: #30608b;
	
	text-align: center;
}

.ctl00_ContentPlaceHolder2_UsrTree1_TreeView1_0 {
	font-size: 8.5px;
	/*
	font-size: 9px;
	*/
}


#sidebar_dist { 
	display: inline;
	color: #333;
	margin: 10px;
	padding: 0px;
	width: 265px;
	/*
	width: 275px;
	*/
	float: right;
}
/*Decides top */
.contenttop_dist
{
	display: block;
	float: left;
	width: 952px;
	height: 44px;
}
.contenttop {
	display: block;
	float: left;
	background: url(img/bg_contenttop1.gif) no-repeat left top;
	width: 952px;
	height: 44px;
}
#content { 
	float: left;
	color: #333;
	margin: 10px;
	padding: 5px 5px 0px 0px;
	width: 620px;
	/*
	width:630px;
	*/
	display: inline;
	position: relative;

}
#content_dist { 
	float: left;
	color: #333;
	margin: 10px;
	padding: 5px 5px 0px 0px;
	width: 620px;
	/*
	width:630px;
	*/
	display: inline;
	position: relative;
}

.contentbottom {
	display: block;
	float: left;
	/*background: url(img/bg_contentbottom.gif) no-repeat left top;*/
	width: 952px;
	height: 62px;
}
.contentbootom_dist
{
	display: block;
	float: left;
	width: 952px;
	height: 62px;
}
#footer { 
	background: #6e081a url(img/bg_footer.gif) repeat-x left top;
	height: 34px;
	clear: both;
	font-size: 11px;
	color: #fff;
	text-align: center;
	margin: 20px 0px 0px 0px;
}

/* -----------------------------------*/
/* -------->>> HEADER <<<--------*/
/* -----------------------------------*/

.logo {
	background: transparent url(img/logo.png) no-repeat left top;
	text-indent: -9999px;
	width: 265px;
	height: 79px;
	margin: 8px 0px 0px 0px;
}

/* -----------------------------------*/
/* ----->>> MAIN MENU <<<-----*/
/* -----------------------------------*/

#navbar  {
	float: right;
	margin: 10px 14px 0px;
}

#navbar ul li{
	display: inline;
	padding: 0;
}

ul#navbar {
	width: 100%;
}

#navbar a{
	display:block; 
	margin:0; 
	padding: 3px 0px 2px 0px;
	float: left;
	height: 21px;
	color: #fff;
	text-align: center;
}

#navbar ul li {
	display:block; 
	margin:0; 
	padding:10px 0;
	float: left;
	height: 27px;
}

#navbar ul li.home a {
	background-image: url(img/home.png);
	width: 68px;
}

#navbar ul li.my_account a {
	background-image: url(img/my_account.png);
	width: 89px;
}

#navbar ul li.help a {
	background-image: url(img/help.png);
	width: 58px;
}

#navbar ul li.login a {
	background-image: url(img/login.png);
	width: 59px;
}

/* -----------------------------------*/
/* -------->>> SEARCH <<<--------*/
/* -----------------------------------*/

.search {
	background: #fff url(img/bg_search.jpg) no-repeat left top;
	width: 580px;
	height: 114px;
	padding: 20px;
	margin: 8px 0px 10px 0px;
}
/*self add*/
.sum
{
	background: #fff url(img/bg_search2.jpg) no-repeat;
	width: 580px;
	height: 150px;
	padding: 20px;
	margin: 8px 0px 10px 0px;
}
.sum_label1
{
	float: left;
	margin: 0px 0px 0px 0px;
}

.label1 {
	float: right;
	margin: 0px 0px 0px 0px;
}

.search h2 {
	color: #16609f;
	font-size: 20px;
	border-bottom: 1px solid #e6e6e6;
	width: 100%;
	*margin-top: -20px;
}

.form_search {
	margin: 5px 0px;
}

.search .search_input {
	width: 452px;
	margin: 8px 0px;
	height: 25px;
	border: 1px solid #a7a6aa;
	background: #fff url(img/bg_input.gif) repeat-x left top;
}

.search select {
	width: 100px;
	border: 1px solid #a7a6aa;
}

.search .submit {
	width: 118px;
	margin: 2px 0px;
	*margin: 0px 0px 10px 0px;
	height: 25px;
	border: none;
	background: #fff url(img/submit.gif) repeat-x left bottom;
}

.leads_list {
	margin: -32px 0px 8px 490px;
}

.leads_table 
{
	/*
	background: transparent url(img/bg_table.gif) no-repeat 0% 1%;
	padding: 10px 0px 8px 5px;
	margin: 10px 0px 30px 0px;
*/	/*
	background: transparent url(img/bg_table.gif) no-repeat 0% 1%;
	*/
	padding: 10px 0px 8px 5px;
	margin: 5px 0px 30px 0px;
	/* original: margin: 10px 0px 30px 0px; */
}

.leads_table table {
	border: 1px solid #ededed;
	background: url(../img/table_gradient.gif) repeat-x left bottom;

}

.add_lead {
	width: 117px;
	height: 26px;
	background: #fff url(img/add_lead.gif) no-repeat left;
	/*
	text-indent: -9999px;
	*/
	padding: 0px;
}
.add_lead_2 {
	width: 117px;
	height: 26px;
	/*
	text-indent: -9999px;
	*/
	padding: 0px;
}


.group_edit {
	background: transparent url(img/bg_group.png) no-repeat left top;
	width: 605px;
	height: 110px;
	padding: 20px 0px 20px 20px;
}

.group_edit label {
	font-weight: bold;
	margin: 0px 10px 0px 0px;
}

.group_edit select {
	width: 200px;
	margin: 2px 10px 0px 0px;
	background: #fff url(img/bg_input.gif) repeat-x left top;
	border: 1px solid #a7a6aa;
}

.group_edit .group_input {
	width: 200px;
	height: 18px;
	border: 1px solid #a7a6aa;
	margin: 2px 0px;
	background: #fff url(img/bg_input.gif) repeat-x left top;
}

.group_submit {
	width: 139px;
	height: 27px;
	border: none;
	background: #fff url(img/enter_text.gif) no-repeat left;
	margin: -26px 0px 0px 433px;
	float: left;
	
}

.group_edit h2 {
	color: #16609f;
	font-size: 20px;
	border-bottom: 1px solid #e6e6e6;
	width: 93%;
	margin: 0px 0px 15px 0px;
}

/* -----------------------------------*/
/* ------>>> CONTENT <<<--------*/
/* -----------------------------------*/

.navigation {
	width: 918px;
	height: 32px;
	margin-top: -15px;
	margin-left: 16px !important;
	margin-left: 8px;
	background: transparent url(img/bg_navegation.gif) no-repeat;
	display: block;
	position: relative;
	float: left;

}

.navigation p {
	padding: 8px 0px 0px 10px;
	font-style: italic;
}

/* -----------------------------------*/
/* ------->>> SIDEBAR<<<--------*/
/* -----------------------------------*/

ul.sidebar_bottom {
	width: 100%;
	margin: 10px 0px 10px 0px;
}

.sidebar_bottom ul li {
	display: inline;
}

.sidebar_bottom ul li a {
	display:block; 
	margin:0; 
	padding:0;
	text-indent:-9999px;
	float: left;
	height: 82px;
}

.sidebar_bottom ul li.add_sale a {
	background-image: url(img/add_sale.gif);
	width: 130px;
}

.sidebar_bottom ul li.add_client a {
	background-image: url(img/add_client.gif);
	width: 115px;
	margin: -4px 0px;
}

.my_appointments {
	width: 245px;
	height: 351px;
	background: #30608b url(img/bg_sidebar1.gif) left top no-repeat;
	padding: 10px 10px 0px 10px;
	margin: 16px 0px 0px 0px !important;
	margin: 4px 0px 0px 0px;
}

.my_appointments h2 {
	color: #16609f;
	padding: 6px 6px 2px 6px;
	border-bottom: 1px solid #e6e6e6;
	margin: 0px 0px 10px 0px;
	font-size: 18px;
}

.calendar 
{
	float: left;
}

.action_users {
	width: 260px;
	height: 304px;
	background: #30608b url(img/bg_useract.gif) no-repeat left top;
	padding: 10px 0px 10px 10px;
}
.user_tree {
	width: 260px;
	/*
	height: 304px;
	*/
	background-color: White;
	/*
	background: #30608b url(img/bg_useract.gif) no-repeat left top;
	*/
	padding: 1px 0px 10px 10px;
	font-size:9px;
}
.user_tree_all
{
	font-size:xx-small;
	width: 260px;
	padding: 1px 0px 10px 10px;
	background: white;
}
.history_action
{
	width: 260px;
	height: 304px;
	background: #30608b url(img/bg_useract.gif) no-repeat left top;
	padding: 10px 0px 10px 10px;
}
.history_action2
{
	width: 255px;
	height: 304px;
	border-right: solid 0px #FFFFFF;
	border:solid 1px red;
	background: #30608b url(img/bg_useract.gif) no-repeat left top;
	padding: 2px 2px 2px 2px;
	text-align: center;
}
/*self add*/
.action_listappt
{
	width: 260px;
	/*
	height: 670px;
	background: #30608b url(img/bg_listappt.gif) no-repeat left top;
	*/
	padding: 10px 0px 10px 10px;
}
.action_listappt2
{
	width: 260px;
	height: 115px;
	background: #30608b url(img/bg_listappt2.gif) no-repeat left top;
	padding: 10px 0px 10px 10px;
}

/*end self add*/
.action_users h2 {
	width: 90%;
	color: #16609f;
	padding: 6px 6px 2px 6px;
	border-bottom: 1px solid #e6e6e6;
	font-size: 18px;
}

.options {
	width: 235px;
	height: 207px;
	background: #fff url(img/bg_options.gif) no-repeat left top;
	margin-left: 6px;
	margin-right: 6px;
	padding: 15px 10px 0px 10px;
	color: #ccc;
}

ul.options {
	width: 232px;
}

.options ul li {
	display: inline;
}

.options ul li a {
	display:block; 
	margin:0; 
	padding:0;
	text-indent:-9999px;
}

.options  ul li.add_notes a {
	background-image: url(img/add_note.gif);
	background-repeat: no-repeat;
	height: 60px;
	padding-bottom: 8px;
}

.options  ul li.add_follow a {
	background-image: url(img/add_follow.gif);
	background-repeat: no-repeat;
	height: 57px;
	padding-bottom: 4px;
}

.options  ul li.add_appointment a {
	background-image: url(img/add_appointment.gif);
	background-repeat: no-repeat;
	height: 62px;
	padding-bottom: 4px;
}

/* -----------------------------------*/
/* ------>>> TAB MENU <<<-------*/
/* -----------------------------------*/

#tabmenu {
	float: right;
	position: relative;
	background: url(img/bg_menutab.gif) no-repeat left top;
	width: 576px;
	margin-top: 12px !important;
	margin-bottom: -23px;
}

#tabmenu  ul li {
	display: inline;
}

#tabmenu ul li a {
	display:block; 
	margin:0; 
	float: left;
	height: 29px;
	color: #fff;
}

#tabmenu ul li.t_leads a {
	color: #000;
	padding: 7px 0px 0px 45px;
}

#tabmenu ul li.t_pending a {
	color: #fff;
	padding: 7px 0px 0px 45px;
}

#tabmenu ul li.t_clients a {
	color: #fff;
	padding: 7px 0px 0px 45px;
}

#tabmenu ul li.t_appoinments a {
	color: #fff;
	padding: 7px 0px 0px 45px;
}

#tabmenu ul li.t_reports a {
	color: #fff;
	padding: 7px 0px 0px 70px;
}

#tabmenu ul li.t_admin a {
	color: #fff;
	padding: 7px 0px 0px 62px;
}

/* home */

#tabmenu_home {
	float: right;
	position: relative;
	background: url(img/bg_menutab_home.gif) no-repeat left top;
	width: 576px;
	margin-top: 12px !important;
	margin-bottom: -23px;
}

#tabmenu_home  ul li {
	display: inline;
}

#tabmenu_home ul li a {
	display:block; 
	margin:0; 
	float: left;
	height: 29px;
	color: #fff;
}

#tabmenu_home ul li.t_leads a {
	color: #fff;
	padding: 7px 0px 0px 45px;
}

#tabmenu_home ul li.t_pending a {
	color: #fff;
	padding: 7px 0px 0px 50px;
}

#tabmenu_home ul li.t_clients a {
	color: #fff;
	padding: 7px 0px 0px 45px;
}

#tabmenu_home ul li.t_appoinments a {
	color: #fff;
	padding: 7px 0px 0px 45px;
}

#tabmenu_home ul li.t_reports a {
	color: #fff;
	padding: 7px 0px 0px 70px;
}

#tabmenu_home ul li.t_admin a {
	color: #fff;
	padding: 7px 0px 0px 62px;
}



/* pending */

#tabmenu_pending {
	float: right;
	position: relative;
	background: url(img/bg_menutab_pending.gif) no-repeat left top;
	width: 576px;
	margin-top: 12px !important;
	margin-bottom: -23px;
}

#tabmenu_pending  ul li {
	display: inline;
}

#tabmenu_pending ul li a {
	display:block; 
	margin:0; 
	float: left;
	height: 29px;
	color: #fff;
}

#tabmenu_pending ul li.t_leads a {
	color: #fff;
	padding: 7px 0px 0px 45px;
}

#tabmenu_pending ul li.t_pending a {
	color: #000;
	padding: 7px 0px 0px 45px;
}

#tabmenu_pending ul li.t_clients a {
	color: #fff;
	padding: 7px 0px 0px 45px;
}

#tabmenu_pending ul li.t_appoinments a {
	color: #fff;
	padding: 7px 0px 0px 45px;
}

#tabmenu_pending ul li.t_reports a {
	color: #fff;
	padding: 7px 0px 0px 70px;
}

#tabmenu_pending ul li.t_admin a {
	color: #fff;
	padding: 7px 0px 0px 62px;
}

/* clients */

#tabmenu_clients {
	float: right;
	position: relative;
	background: url(img/bg_menutab_clients.gif) no-repeat left top;
	width: 576px;
	margin-top: 12px !important;
	margin-bottom: -23px;
}

#tabmenu_clients  ul li {
	display: inline;
}

#tabmenu_clients ul li a {
	display:block; 
	margin:0; 
	float: left;
	height: 29px;
	color: #fff;
}

#tabmenu_clients ul li.t_leads a {
	color: #fff;
	padding: 7px 0px 0px 45px;
}

#tabmenu_clients ul li.t_pending a {
	color: #fff;
	padding: 7px 0px 0px 45px;
}

#tabmenu_clients ul li.t_clients a {
	color: #000;
	padding: 7px 0px 0px 45px;
}

#tabmenu_clients ul li.t_appoinments a {
	color: #fff;
	padding: 7px 0px 0px 45px;
}

#tabmenu_clients ul li.t_reports a {
	color: #fff;
	padding: 7px 0px 0px 70px;
}

#tabmenu_clients ul li.t_admin a {
	color: #fff;
	padding: 7px 0px 0px 62px;
}

/* appoinments */

#tabmenu_appoinments {
	float: right;
	position: relative;
	background: url(img/bg_menutab_appoinments.gif) no-repeat left top;
	width: 576px;
	margin-top: 12px !important;
	margin-bottom: -23px;
}

#tabmenu_appoinments  ul li {
	display: inline;
}

#tabmenu_appoinments ul li a {
	display:block; 
	margin:0; 
	float: left;
	height: 29px;
	color: #fff;
}

#tabmenu_appoinments ul li.t_leads a {
	color: #fff;
	padding: 7px 0px 0px 45px;
}

#tabmenu_appoinments ul li.t_pending a {
	color: #fff;
	padding: 7px 0px 0px 45px;
}

#tabmenu_appoinments ul li.t_clients a {
	color: #fff;
	padding: 7px 0px 0px 45px;
}

#tabmenu_appoinments ul li.t_appoinments a {
	color: #000;
	padding: 7px 0px 0px 45px;
}

#tabmenu_appoinments ul li.t_reports a {
	color: #fff;
	padding: 7px 0px 0px 70px;
}

#tabmenu_appoinments ul li.t_admin a {
	color: #fff;
	padding: 7px 0px 0px 62px;
}


/* admin */

#tabmenu_admin {
	float: right;
	position: relative;
	background: url(img/bg_menutab_admin.gif) no-repeat left top;
	width: 576px;
	margin-top: 12px !important;
	margin-bottom: -23px;
}

#tabmenu_admin  ul li {
	display: inline;
}

#tabmenu_admin ul li a {
	display:block; 
	margin:0; 
	float: left;
	height: 29px;
	color: #fff;
}

#tabmenu_admin ul li.t_leads a {
	color: #fff;
	padding: 7px 0px 0px 45px;
}

#tabmenu_admin ul li.t_pending a {
	color: #fff;
	padding: 7px 0px 0px 45px;
}

#tabmenu_admin ul li.t_clients a {
	color: #fff;
	padding: 7px 0px 0px 45px;
}

#tabmenu_admin ul li.t_appoinments a {
	color: #fff;
	padding: 7px 0px 0px 45px;
}

#tabmenu_admin ul li.t_reports a {
	color: #fff;
	padding: 7px 0px 0px 70px;
}

#tabmenu_admin ul li.t_admin a {
	color: #000;
	padding: 7px 0px 0px 62px;
}
/* reports */

#tabmenu_reports {
	float: right;
	position: relative;
	background: url(img/bg_menutab_reports.gif) no-repeat left top;
	width: 576px;
	margin-top: 12px !important;
	margin-bottom: -23px;
}

#tabmenu_reports  ul li {
	display: inline;
}

#tabmenu_reports ul li a {
	display:block; 
	margin:0; 
	float: left;
	height: 29px;
	color: #fff;
}

#tabmenu_reports ul li.t_leads a {
	color: #fff;
	padding: 7px 0px 0px 45px;
}

#tabmenu_reports ul li.t_pending a {
	color: #fff;
	padding: 7px 0px 0px 45px;
}

#tabmenu_reports ul li.t_clients a {
	color: #fff;
	padding: 7px 0px 0px 45px;
}

#tabmenu_reports ul li.t_appoinments a {
	color: #fff;
	padding: 7px 0px 0px 45px;
}

#tabmenu_reports ul li.t_reports a {
	color: #000;
	padding: 7px 0px 0px 70px;
}

#tabmenu_reports ul li.t_admin a {
	color: #fff;
	padding: 7px 0px 0px 62px;
}

/* -----------------------------------*/
/* ------>>> CONTACT <<<--------*/
/* -----------------------------------*/

.contact {
	width: 613px;
	height: 490px;
	/*
	background: #fff url(img/bg_contact.gif) no-repeat left top;
	*/
}

.contact h2 {
	color: #16609f;
	font-weight: normal;
	padding: 20px 20px 20px 24px;
}

.contact p {
	width: 90%;
	padding: 1px 8px 9px 24px !important;
	*padding: 0px 8px 8px 24px !important; 
	*padding: 0px 8px 8px 24px;
}

.contact span {
	text-align: right;
	display: inline;
}

.date_contact {
	float: left;
}

.contact_details {
	float: left;
	margin-right: -230px;
}

/*.contact span {
	float: right;
	margin: -15px 30px 0px 0px;
}*/

/* -----------------------------------*/
/* ----->>> CALENDAR <<<-------*/
/* -----------------------------------*/

.tab_calendar {
	position: relative;
	top: 5px;
	display: block;
	margin: 0px 0px 28px 332px !important;
	margin: 0px 0px 0px 332px !important;
}

.tab_calendar  ul li {
	display: inline;
}


.tab_calendar ul li {
	display:block; 
	margin:0; 
	padding:0;
	float: left;
	height: 31px;
}

.tab_calendar a {
	display:block; 
	margin:0; 
	padding: 8px 0px 0px 7px;
	float: left;
	height: 31px;
	color: #999;
	text-decoration: none;
}
.tab_calendar ul li.preview a {
	background: url(img/tab_left.gif) no-repeat left top;
	width: 24px;
	text-indent: -9999px;
}

.tab_calendar ul li.month a {
	background: url(img/tab_month.gif) no-repeat left top;
	width: 41px;
}

.tab_calendar ul li.weekly a{
	background: url(img/tab_weekly.gif) no-repeat left top;
	width: 48px;
}

.tab_calendar ul li.daily a {
	background: url(img/tab_daily.gif) no-repeat left top;
	width: 36px;
}

.tab_calendar ul li.list_view a {
	background: url(img/tab_listview.gif) no-repeat left top;
	width: 57px;
}

.tab_calendar ul li.next a {
	background: url(img/tab_right.gif) no-repeat left top;
	width: 33px;
	text-indent: -9999px;
}

#calendar {
	width: 640px;
	background: #fff url(img/bg_calenda.gif) no-repeat left top;
	position: relative;
	margin-left: 0px;
	margin-top: 28px !important;
	margin-top: -11px;
}

#calendar h2 {
	color: #16609f;
	font-weight: normal;
	padding: 20px 20px 20px 30px;
}

/* -----------------------------------*/
/* ------->>> FOOTER <<<---------*/
/* -----------------------------------*/

#footer ul {
	float: right;
	text-align: center;
	padding: 10px 180px 0px 0px;
}
#footer p {
	padding: 10px 0px 0px 200px;
}
#footer ul li {
	display: inline;
}

#footer a {
	color: #fff;
}

/* -----------------------------------*/
/* ------->>> CLASES <<<---------*/
/* -----------------------------------*/

.clear { clear: both; background: none; }
.red { color: #af0003; }
.grey { color: #a19f92 }
.bgrey { background-color: #efefef; }
.medium { font-size: 15px; }

/* -----------------------------------*/
/* ------>>> APPOINTMENT & CLIENT TABLES <<<--------*/
/* -----------------------------------*/

.shadow_table { 
	float: left;
	width: 100%;
}

.shadow_table h1 {
    color: #16609f;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
}

.header {
    background: #FFFFFF;
    border-bottom: #E6E6E6 solid 1px;    
    height: 30px;
    width: 616px;
}

.sub_header {
	font-weight: bold;
	height: 35px;
	vertical-align: top;
}

.corner_header_left {
    background: #fff url(img/corner_header_left.gif);
    background-repeat: no-repeat;     
    height: 20px;
    width: 12px;
}

.edge_header {
    background: #fff url(img/edge_header.gif);
    background-repeat: repeat-x;     
    height: 20px;
}

.corner_header_right {
    background: #fff url(img/corner_header_right.gif);
    background-repeat: no-repeat;     
    height: 20px;
    width: 12px;
}

.edge_left {
    background: #fff url(img/edge_left.gif);
    background-repeat: repeat-y;    
    width: 12px;
}

.edge_right {
    background: #fff url(img/edge_right.gif);
    background-repeat: repeat-y;    
    width: 12px;
}

.corner_footer_left {
    background: #fff url(img/corner_footer_left.gif);
    background-repeat: no-repeat;     
    height: 26px;
    width: 12px;
}

.edge_footer {
    background: #fff url(img/edge_footer.gif);
    background-repeat: repeat-x;     
    height: 26px;
}

.corner_footer_right {
    background: #fff url(img/corner_footer_right.gif);
    background-repeat: no-repeat;     
    height: 26px;
    width: 12px;
}

.column_headers {
	background: #44526D;
	border-left: #A7A6AA dotted 1px;
	color: #EEEEEE;
	text-align: center;
	width: 79px;
} 

.row_headers1 {
	background: #E7EBEF;
	border-bottom: #A7A6AA dotted 1px;	
	/*
	color: #555555;
	
	font-size: 6pt;
	*/
	
	text-align: right;
	vertical-align: top;
}
/*self add*/
.row_headers1_sidebar {
	background: #E7EBEF;
	border-bottom: #A7A6AA dotted 1px;	
	/*
	color: #555555;
	
	font-size: 6pt;
	*/
	font-size: 6pt;
	text-align: right;
	vertical-align: top;
	width: 20%;
}
.row_headers2 {
	background: #F2F6FA;
	border-bottom: #A7A6AA dotted 1px;	
	/*
	color: #555555;
	
	font-size: 6pt;	
	*/
	text-align: right;
	vertical-align: top;
	
}
/*self add*/

.row_headers2_sidebar {
	background: #F2F6FA;
	border-bottom: #A7A6AA dotted 1px;	
	/*
	color: #555555;
	
	font-size: 6pt;	
	*/
	font-size: 6pt;
	text-align: right;
	vertical-align: top;
	width: 20%;
}
.row_headers2_listday {
	background: #F2F6FA;
	border-bottom: #A7A6AA dotted 1px;	
	/*
	color: #555555;
	
	font-size: 6pt;	
	*/
	text-align: right;
	vertical-align: top;
	width: 75px;
}
.row_headers1_listday {
	background: #E7EBEF;
	border-bottom: #A7A6AA dotted 1px;	
	/*
	color: #555555;
	
	font-size: 6pt;
	*/

	text-align: right;
	vertical-align: top;
	width: 75px;
}
.row1 {
	background: #F4F4F4;
	border-bottom: #A7A6AA dotted 1px;
	border-left: #A7A6AA dotted 1px;			
	color: #555555;
}


.row2 {
	background: #FFFFFF;
	border-bottom: #A7A6AA dotted 1px;	
	border-left: #A7A6AA dotted 1px;		
	color: #555555;
	
}
/*this is our added:
	*/

.row2 {
	background: #FFFFFF;
	border-bottom: #A7A6AA dotted 1px;	
	border-left: #A7A6AA dotted 1px;		
	color: #555555;
	width: 100px;
}
.row1_2 {
	background: #F4F4F4;
	border-bottom: #A7A6AA dotted 1px;
	border-left: #A7A6AA dotted 1px;			
	color: #555555;
	text-align:right;
	vertical-align: top;
}
.row2_2
{
		background: #FFFFFF;
	border-bottom: #A7A6AA dotted 1px;	
	border-left: #A7A6AA dotted 1px;		
	color: #555555;
	/*this is our added:
	*/
	text-align:right;
	vertical-align: top;
}
.row1_sidebar {
	background: #F4F4F4;
	border-bottom: #A7A6AA dotted 1px;
	border-left: #A7A6AA dotted 1px;			
	color: #555555;
	width:120px;
}

.row2_sidebar {
	background: #FFFFFF;
	border-bottom: #A7A6AA dotted 1px;	
	border-left: #A7A6AA dotted 1px;		
	color: #555555;
	width:120px;
}
/*end of self add*/
.tab_details {
	position: relative;
	top: 5px;
	left: 90px;
	display: block;
	margin: 0px 0px 28px 332px !important;
	margin: 0px 0px 0px 332px !important;
}

.tab_details  ul li {
	display: inline;
}


.tab_details ul li {
	display:block; 
	margin:0; 
	padding:0;
	float: left;
	height: 31px;
}

.tab_details a {
	display:block; 
	margin:0; 
	padding: 8px 0px 0px 7px;
	float: left;
	height: 31px;
	color: #999;
	text-decoration: none;
}
.tab_details ul li.preview a {
	background: url(img/tab_left.gif) no-repeat left top;
	width: 24px;
	text-indent: -9999px;
}

.tab_details ul li.primary a{
	background: url(img/tab_primary.gif) no-repeat left top;
	width: 50px;
}

.tab_details ul li.additional a {
	background: url(img/tab_additional.gif) no-repeat left top;
	width: 60px;
}

.tab_details ul li.next a {
	background: url(img/tab_right.gif) no-repeat left top;
	width: 33px;
	text-indent: -9999px;
}


/* my add */
.whitesmoke {background-color: #F5F5F5;}


/* pop ups */
#PopUp1
{
	width: 485px auto;
	height: 549px auto;
}
#PopUp1_Top1
{
	width:100% auto;
	height: 5% auto;
	margin: 0px;
}
#PopUp1_Top2
{
	width: 98% auto;
	height: 25% auto;
	margin: 5px auto;
}
#PopUp1_Mid
{
	width: 98% auto;
	height: 50% auto;
	padding:0;
	margin:0;
}
#PopUp1_Mid_Left
{
	float:left;
	width:240px;
	margin:3px;
	padding: 3px 0 3px 0;
}
#PopUp1_Mid_Right
{
	float:right;
	width:240px;
	margin:3px;
	padding: 3px 0 3px 0;
}
#PopUp1_Bottom
{
	width: 98% auto;
	height: 20% auto;
}
/* Converting Page */
#PopUp2
{
	width: 414px auto;
	height: 519px auto;
}
#PopUp2_Top1
{
	width:100% auto;
	height: 5% auto;
	margin: 0px;
}
#PopUp2_Top2
{
	width: 98% auto;
	height: 25% auto;
	margin: 5px auto;
}
#PopUp2_Mid
{
	width: 98% auto;
	height: 50% auto;
	padding:0;
	margin:0;
}
#PopUp2_Mid_Left
{
	float:left;
	width:45%;
	margin:3px;
	padding: 3px 0 3px 0;
}
#PopUp2_Mid_Right
{
	float:right;
	width:45%;
	margin:3px;
	padding: 3px 0 3px 0;
}
#PopUp2_Bottom
{
	width: 98% auto;
	height: 20% auto;
}

/* appointment*/
.appt_day_time
{
	width: 25% auto;
	background-color: Orange;
	border-width: 1px;
	border-color: Gray;
	border-style:solid;
	text-align:left
}
.appt_day_task
{
	width: 75% auto;
	background-color: Orange;
	border-width: 1px;
	border-color: Gray;
	border-style:solid;
	text-align:right;
}
.appt_day_time_light
{
	width: 25% auto;
	background-color: #CCCCCC;
	border-width: 1px;
	border-color: Gray;
	border-style:solid;
	text-align:left
}
.appt_day_task_light
{
	width: 75% auto;
	background-color: #CCCCCC;
	border-width: 1px;
	border-color: Gray;
	border-style:solid;
	text-align:right;
}
/*
.addition_menu input {margin: 5px 5px 2px 5px;}

.addition_menu select {margin: 5px 5px 5px 5px;}

.addition_menu button {margin: 30px 0px 0px 0px;}
*/

/* -----------------------------------*/
/* ------>>> LOGIN <<<--------*/
/* -----------------------------------*/

#bg_login { 
	background: #fff url(img/bg_login.gif);
    background-repeat: no-repeat;     
    height: 400px;
    width: 615px;
    margin: 0px 0px 0px 10px;
}

/* -----------------------------------*/
/* ------>>> ADDITION SIDEBAR <<<--------*/
/* -----------------------------------*/
.addition_menu {
    background-color: #FFFFFF;
    margin: 42px 0px 0px 0px;
	height: 50px;
    width: 270px;
	float: right;
}
/* chenji */
*html .addition_menu {margin-right:2px;}

.addition_menu ul {
    
	list-style:none;
	background:url(img/border.gif) repeat-x bottom;
	height:86px;
	padding-left:6px;
	margin:0;
	
}

.addition_menu ul li {
    list-style:none;
	float:left;
	text-align:center;
	
	
}

.addition_menu ul li a{
   text-decoration:none;
   color:#000000;
	
}

.addition_menu ul li.tab_sale{
   	background: url(img/tab_sale.gif) no-repeat;
    font-size: 8pt;
	text-align: center;	
	height: 30px;
	width: 64px;
	padding-top:58px;
	border-left:#9B9A9A 1px solid;
	border-top:#9B9A9A 1px solid;
	
}

.addition_menu ul li.tab_client{
  	background: url(img/tab_client.gif) no-repeat;
	font-size: 8pt;
	text-align: center;	
	height: 30px;
	width: 64px;
	padding-top:58px;
	border-left:#9B9A9A 1px solid;
	border-top:#9B9A9A 1px solid;
}
.addition_menu ul li.tab_followup{
  	background: url(img/tab_followup.gif) no-repeat;	
	font-size: 8pt;
	text-align: center;	
	height: 30px;
	width: 64px;
	padding-top:58px;
	border-left:#9B9A9A 1px solid;
	border-top:#9B9A9A 1px solid;
}
.addition_menu ul li.tab_appt{
  	background: url(img/tab_appt.gif) no-repeat;
	font-size: 8pt;
	text-align: center;	
	height: 30px;
	width: 64px;
	padding-top:58px;
	border-left:#9B9A9A 1px solid;
	border-top:#9B9A9A 1px solid;
}
.addition_menu ul li.tab_notes{
  	background: url(img/tab_notes.gif) no-repeat;
	font-size: 8pt;
	text-align: center;	
	height: 30px;
	width: 64px;
	padding-top:58px;
	border-left:#9B9A9A 1px solid;
	border-top:#9B9A9A 1px solid;
}
.brdr {
	border:#9B9A9A 1px solid;

}
.last_tab_brdr{border-right:#B1B1B1 1px solid;}
.brdr_tab {
	border-left:#9B9A9A 1px solid;
	border-bottom:#9B9A9A 1px solid;
	border-top:#9B9A9A 1px solid;

}
.tab_active {border-bottom:#C6C6C6 1px solid;}

/* chenji end */
.tab_sale  {
    font-size: 7pt;
	text-align: center;
	height: 70px;
	width: 61px;
	padding-left: 0;
	padding-right: 0;
}
.tab_inside  {
	height: 70px;
	width: 61px;
	padding-left: 0;
	padding-right: 0;
}

.tab_client {
	font-size: 7pt;
	text-align: center;	
	height: 70px;
	width: 61px;	
}

.tab_followup {
	/*background: url(img/tab_followup.gif) no-repeat;	*/
	font-size: 7pt;
	text-align: center;	
	height: 70px;
	width: 61px;	
}

.tab_appt {
	font-size: 7pt;
	text-align: center;	
	height: 70px;
	width: 61px;	
}
.tab_blank
{
	background: #fff;
	font-size: 7pt;
	text-align: center;	
	height: 70px;
	width: 61px;	
}
.corner_header_left3 {
    background: #fff url(img/corner_header_left3.gif);
    background-repeat: no-repeat;     
    height: 3px;
    width: 11px;
}

.edge_header3 {
    background: #fff url(img/edge_header3.gif);
    background-repeat: repeat-x;     
    height: 3px;
}

.corner_header_right3 {
    background: #fff url(img/corner_header_right3.gif);
    background-repeat: no-repeat;     
    height: 3px;
    width: 11px;
}

.form_text {
	font-size: 7pt;
	text-align: right;
}

.form_field {
	line-height: 10px;
	text-align: left;
}

.form_decision {
	text-align: right;
}

.addition_menu input {margin: 5px 5px 2px 5px;}

.addition_menu select {margin: 5px 5px 5px 5px;}

.addition_menu button {margin: 30px 0px 0px 0px;}


/*self add*/
#sidebar2 
{
	border-right: solid 1px #FFFFFF;

}

/*end of self add*/


.corner_header_left2 {
    background: #fff url(../img/corner_header_left2.gif);
    background-repeat: no-repeat;     
    height: 3px;
    width: 11px;
}

.edge_header2 {
    background: #fff url(img/edge_header2.gif);
    background-repeat: repeat-x;     
    height: 3px;
}

.corner_header_right2 {
    background: #fff url(img/corner_header_right2.gif);
    background-repeat: no-repeat;     
    height: 3px;
    width: 11px;
}

.edge_left2 {
    background: #fff url(img/edge_left2.gif);
    background-repeat: repeat-y;    
    width: 11px;
}

.edge_right2 {
    background: #fff url(img/edge_right2.gif);
    background-repeat: repeat-y;    
    width: 11px;
}

.corner_footer_left2 {
    background: #fff url(img/corner_footer_left2.gif);
    background-repeat: no-repeat;     
    height: 6px;
    width: 11px;
}

.edge_footer2 {
    background: #fff url(img/edge_footer2.gif);
    background-repeat: repeat-x;     
    height: 6px;
}

.corner_footer_right2 {
    background: #fff url(img/corner_footer_right2.gif);
    background-repeat: no-repeat;     
    height: 6px;
    width: 11px;
}

.last_action {
    background-color: #FFFFFF;
    height: 50px;
    width: 250px;
}

/* added for administrator page*/

#wrapper_admin
{
	margin: 0 auto;
	width: 1100px;
}
#header_admin
{
    color: #333;
	width: 1100px;
	padding: 10px;
	height: 100px;
	margin: 10px 0px 0px 0px;
}
#sidebar_admin { 
	display: inline;
	color: #333;
	margin: 10px;
	padding: 0px;
	width: 400px;
	/*
	width: 265px;
	width: 275px;
	*/
	float: right;
	background: #30608b;
}


#content_admin { 
	float: left;
	color: #333;
	margin: 10px;
	padding: 5px 5px 0px 0px;
	width: 620px;
	/*
	width:630px;
	*/
	display: inline;
	position: relative;
}

#footer_admin { 
	background: #6e081a url(img/bg_footer.gif) repeat-x left top;
	height: 34px;
	clear: both;
	font-size: 11px;
	color: #fff;
	text-align: center;
	margin: 20px 0px 0px 0px;
}
.navigation_admin {
	width: 620px;
	height: 32px;
	margin-top: -15px;
	margin-left: 16px !important;
	margin-left: 8px;
	background: transparent url(img/bg_navegation.gif) no-repeat;
	display: block;
	position: relative;
	float: left;

}

.leads_distribution 
{
	float:left;
	background-color:White !important;
    padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
}

.leads_distribution h2 {
	color: #16609F;
	margin: 0px 0px 10px 0px;
	font-size: 18px;
}

.leads_distribution a {
	color: #0000FF;
	text-decoration: underline;
}

.last_tab_brdr{border-right:#B1B1B1 1px solid;}
.brdr_tab {
	border-left:#9B9A9A 1px solid;
	border-bottom:#9B9A9A 1px solid;
	border-top:#9B9A9A 1px solid;

}
.tab_active {border-bottom:#C6C6C6 1px solid;}

.addition_menu .cancel_btn a {
	background:url(img/sale_cancel_icon.gif) no-repeat 38px;
	padding-top:40px;
	color:#FF6E00;
	height:44px;
	display:block;
	font-weight:bold;
	
}
.addition_menu .cancel_btn a:hover {
	text-decoration:underline;
	
}

.ajaxpopup
{
	background-color:WhiteSmoke;
	width:300px;
	height:250px;
	border-style:solid;
	border-width:1px;
	overflow:auto;
}

.ajaxpopupheader{
	background-color:MidnightBlue;
	width:100%;
	height:20px;
	color:White;
}

.ajaxpopupheader a{
	color:white;
	text-decoration:none;
}