/* @override http://lsintranet.com/includes/css/main.css */

body {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: small;
	height:100%;
	width:99%;
	background: #f3f7ff;
	margin:0px;
	padding:0px;
}

a:link { 
	text-decoration: none; 
	color: #000000; 
	font-family: Verdana, Helvetica, Arial, sans-serif;  
	font-weight: normal;
	font-size: 11px;
}
a:visited { 
	text-decoration: none;
	color: #000000; 
	font-family: Verdana, Helvetica, Arial, sans-serif;  
	font-weight: normal;
	font-size: 11px;
}
a:hover { 
	text-decoration: none; 
	color: #000000; 
	font-family: Verdana, Helvetica, Arial, sans-serif;  
	font-weight: normal;
	font-size: 11px;
}
a:active { 
	text-decoration: none;
	color: #000000; 
	font-family: Verdana, Helvetica, Arial, sans-serif;  
	font-weight: normal;
	font-size: 11px;
}

h1 { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 17px;}

h1, h2, h3, h4, h5, h6 {text-shadow: 0 1px 2px rgba(0,0,0,.3);}

label {font-weight: bold;}

label:after {content: ":";}

label.checkbox:after { content: ""; }

#login_window {
	background-color: lightgray;
	width: 20em;
	padding: 1em;
	margin: 0 auto;
	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
    text-align: right;
}

#login_window label {
	float: left;
}

#debug {
	margin-top: 1em;
	padding: 1em;
	background: lightgray;
	font-family: "Courier New", Courier, mono;
}

#session_message, .tiny-debug {
	padding: 3em;
	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	background-color: #F66;
	font-size: 90%;
	font-family: "Courier New", Courier, mono;
}

#session_message {
	width: 900px;
	position: absolute;
	top: 20%;
	left: 50%;
	margin-left: -400px;
	width: 60%;
}

#footer, .select_panel, .edit_panel {
	padding: 1em;
	clear: both;
	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	background-color: lightgray;
}

.select_panel {
	margin: 1em 0;
	height: 1.5em;
}

#logout {
	float: right;
}

#footer a {
	color: black;
}

table.sortable { width: 100%;}

th {
	text-align: left;
	border: 1px solid #ddd;
	background-color: #eee;
/*	-webkit-border-top-left-radius: .5em;
	-webkit-border-top-right-radius: .5em;
	-moz-border-radius-topleft: .5em;
	-moz-border-radius-topright: .5em;
	padding: .1em .5em;*/
}

.roweven { background-color: #eee;}

.sortcol {
        cursor: pointer;
        padding-right: 20px;
        background-repeat: no-repeat;
        background-position: right center;
}
.sortasc {
/*        background-color: #DDFFAC;*/
        background-image: url(/includes/js/tablesort/up.gif);
}
.sortdesc {
/*        background-color: #B9DDFF;*/
        background-image: url(/includes/js/tablesort/down.gif);
}
.nosort {
        cursor: default;
}

#login-window, #session_message, .tiny-debug, #footer, .select_panel, .edit_panel,#navigation {
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.5);
     -moz-box-shadow: black 0px 0px 5px;
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

table#navigation {
	color: white;
	border: 0;
	background-color: #ddd;
	height: 4em;
	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	border-radius: 1.5em;
}

table#navigation td {
	font-weight: bold;
	padding: 0;
	border: 0;
}

table#navigation a:link {
	padding: 1em;	
	text-decoration: none;
	color: #000000; 
	font-family: Verdana, Helvetica, Arial, sans-serif;  
	font-weight: normal;
	font-size: 11px;
}

table#navigation a:active {
	padding: 1em;	
	text-decoration: none;
	color: #000000; 
	font-family: Verdana, Helvetica, Arial, sans-serif;  
	font-weight: normal;
	font-size: 11px;
}

table#navigation a:visited {
	padding: 1em;	
	text-decoration: none;
	color: #000000; 
	font-family: Verdana, Helvetica, Arial, sans-serif;  
	font-weight: normal;
	font-size: 11px;
}

table#navigation a:hover {
	padding: 1em;	
	text-decoration: none;
	color: #000000; 
	font-family: Verdana, Helvetica, Arial, sans-serif;  
	font-weight: normal;
	font-size: 11px;
}

#email_subject {
	font-weight: bold;
}

#email_subject strong {
	color: #999;
}

div.autocomplete {
	position:absolute;
	background-color:white;
	border:1px solid #888;
	margin:0px;
	padding:0px;
}
div.autocomplete ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
div.autocomplete ul li.selected { background-color: lightgray;}
div.autocomplete ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;
	cursor:pointer;
}

tr.checked {
	background: lightgray;
}

input[type=submit] {
	 -webkit-appearance: square-button;
}

form p.submit {
	text-align: right;
}

a.contact:before {
	content: url(/includes/css/img/contact.png);
}

a.contact:hover {
	text-decoration: none;
}

a.contact {
	color: black;
	text-decoration: none;
}

a.id {
	font-size: smaller;
	font-weight: bold;
	background-color: #999;
	color: black;
	text-decoration: none;
	padding: .3em;
	margin: 2px;
	display: block;
	text-align: center;
	 -webkit-appearance: square-button;
}

a.id:hover {
	text-decoration: none;
}

.vcard {
	font-family: Verdana;
	background-color: #eee;
	margin: 1em;
	padding: 1em;
	width: 30em;
	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
}

.vcard .fn {
	font-size: 120%;
}

.vcard .title {
	font-style: italic;
}

.vcard .tel {
	font-size: 80%;;
}

.vcard .tel .value {
	font-size: 120%;
}

.vcard .source {
	font-size: 80%;
	text-align: right;
}

.vcard .source .value {
	font-style: italic;
}

.callsheet .checked {
	background-color: #F66;
}

a.contact_history {
	color: black;
	text-decoration: none;
	padding: 0 2px;
	border: 1px solid #ddd;
}

a.contact_history:hover {
	color: white;
	background-color: blue;
	border: 1px solid blue;
}

.do_not_blast {
	background-color: #F66;
}


/**jefe additions**/
table.default { 
	border:0px;
}
td.leftCellText { font-family: Arial, Helvetica, sans-serif; font-size: 12px; height: 25px; background-color: white; border-bottom: 1px solid #eee; BORDER-RIGHT: #eee 1px solid;  padding-left: 3px; padding-top: 3px; padding-bottom: 3px}
td.rightCellText { font-family: Arial, Helvetica, sans-serif; font-size: 12px; height: 25px; background-color: white; border-bottom: 1px solid #eee; padding-left: 10px; padding-top: 3px; padding-bottom: 3px}



/**thead {
	background-color: #DDD;
}**/

tr.rowodd {
	background-color: #FFF;
	font-family: Verdana, Helvetica, Arial, sans-serif;  
	font-weight: normal;
	font-size: 10px;
}
tr.rowodd a:link{
	font-family: Verdana, Helvetica, Arial, sans-serif;  
	font-weight: normal;
	font-size: 10px;
}
tr.rowodd a:visited, a:active {
	font-family: Verdana, Helvetica, Arial, sans-serif;  
	font-weight: normal;
	font-size: 10px;
}
tr.rowodd a:hover {
	font-family: Verdana, Helvetica, Arial, sans-serif;  
	font-weight: normal;
	font-size: 10px;
}
tr.roweven {
	background-color: #F2F2F2;
	font-family: Verdana, Helvetica, Arial, sans-serif;  
	font-weight: normal;
	font-size: 10px;
}
tr.roweven a:link {
	font-family: Verdana, Helvetica, Arial, sans-serif;  
	font-weight: normal;
	font-size: 10px;
}
tr.roweven a:active, a:visited {
	font-family: Verdana, Helvetica, Arial, sans-serif;  
	font-weight: normal;
	font-size: 10px;
}
tr.roweven a:hover {
	font-family: Verdana, Helvetica, Arial, sans-serif;  
	font-weight: normal;
	font-size: 10px;
}

tr.selected  {
	background-color: #f8ff84;
	font-family: Verdana, Helvetica, Arial, sans-serif;  
	font-weight: normal;
	font-size: 10px;
}
tr.selected a:link  {
	font-family: Verdana, Helvetica, Arial, sans-serif;  
	font-weight: normal;
	font-size: 10px;
}
tr.selected a:visited, a:active  {
	font-family: Verdana, Helvetica, Arial, sans-serif;  
	font-weight: normal;
	font-size: 10px;
}
tr.selected a:hover  {
	font-family: Verdana, Helvetica, Arial, sans-serif;  
	font-weight: normal;
	font-size: 10px;
}

.formField {
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px; 
	font-weight: normal; 
	color: #000000; 
	background-color: #F9F9F9; 
	border: 1px solid #787e8d; 
}


.pageLinkActive {
	background:#ffffff;
	border:1px solid #cccccc;
	padding:1px;
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-weight: bold;
	font-size: 11px; 
	color: #000000;
	width:15px;
	height:15px;
	float:left;
	margin-right:3px;
	text-align: center;
}
.pageLink {
	background:#cccccc;
	padding:2px;
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-weight: bold;
	font-size: 11px; 
	color: #000000;
	width:15px;
	height:15px;
	float:left;
	margin-right:3px;
	text-align: center;
}
.pageLink a:link {
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-weight: bold;
	font-size: 11px; 
	color: #000000;
	text-decoration:none;
}
.pageLink a:visited,a:active {
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-weight: bold;
	font-size: 11px; 
	color: #000000;
	text-decoration:none;
}
.pageLink a:hover {
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-weight: bold;
	font-size: 11px; 
	color: red;
	text-decoration:none;
}

/**date picker classes**/
/* the div that holds the date picker calendar */
.dpDiv {
	padding:1px;
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #DDFFAC;
	border: 1px solid #AAAAAA;
	width:200px;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	padding:1px;
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	padding:1px;
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	padding:1px;
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	padding:1px;
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	padding:1px;
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	padding:1px;
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	padding:1px;
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}



.tabActive
{
	float:left;
	cursor: pointer;
	z-index:100;
	text-align:center;
	background:#f3f7ff;
	padding:4px;
	width:170px;
	height:20px;
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-weight:normal;
	font-size:11px;
	color:#000000;
	border-right:1px solid #dddddd;
	border-top:1px solid #dddddd;
	border-left:1px solid #dddddd;
	border-bottom:1px solid #f3f7ff;
	margin-top:10px;
	margin-left:12px;
	margin-bottom:0px;
}

.tabActive a:link {
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-weight:normal;
	font-size:11px;
	color:#000000;
	text-decoration: none;
}
.tabActive a:active {
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-weight:normal;
	font-size:11px;
	color:#000000;
	text-decoration: none;
}
.tabActive a:visited {
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-weight:normal;
	font-size:11px;
	color:#000000;
	text-decoration: none;
}
.tabActive a:hover {
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-weight:normal;
	font-size:11px;
	color:red;
	text-decoration: none;
}


.tabInactive
{
	float:left;
	z-index:100;
	text-align:center;
	background:#eeeeee;
	padding:4px;
	width:170px;
	height:20px;
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-weight:normal;
	font-size:11px;
	color:#000000;
	border-right:1px solid #dddddd;
	border-top:1px solid #dddddd;
	border-left:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	margin-top:10px;
	margin-left:3px;
	margin-bottom:0px;
	cursor: pointer;
}

.tabInactive a:link {
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-weight:normal;
	font-size:11px;
	color:#000000;
	text-decoration: none;
}
.tabInactive a:active {
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-weight:normal;
	font-size:11px;
	color:#000000;
	text-decoration: none;
}
.tabInactive a:visited {
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-weight:normal;
	font-size:11px;
	color:#000000;
	text-decoration: none;
}
.tabInactive a:hover {
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-weight:normal;
	font-size:11px;
	color:red;
	text-decoration: none;
}