/* Global Resets */
:link,:visited {text-decoration:none}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;font-weight:400;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
body {height:100%;}
a img,:link img,:visited img {border:none}
div.clear {clear:both;}
.hidden {display:none;}
html { overflow-y: scroll;}
a:link, a:visited, a:hover {text-decoration:none;}
abbr { border-bottom:#eee .1em dotted; }
.caps {text-transform:uppercase;}

/* General */
body {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 12px;
	background: #4F4F4F;
	margin:0 0 10px 0;
}
.wrapper {
	margin-left:auto;
	margin-right:auto;
	background:#FFF;
}

.calendarBoldDate>a.ui-state-default {
    font-weight:bold;
    background-image: none;
}
/* Reusable Sections */
.divider { height:19px;	}


/* hot/cold text colors */
.red { color:#E5022F !important; }
.green { color:#527B4A !important; }
.yellow { color:#8F843F !important; }


/* Header Logos */
#header {
	position:relative;
	height:125px;
	background:#fff url('../images/header-gradient.png') bottom left repeat-x;
}
a#brand_logo, a#shift_logo {
	position:relative;
	text-indent:-9999px;
	display:block;
	font-size:40px;
	color:#333;
}
a#shift_logo {
	width:376px;
	height:43px;
	background:transparent url('../images/shiftdigital.png') center center no-repeat;
	font-size:25px;
}


/* Header Profile Section */
#header #profile {
	width:450px;
	position:absolute;
	top:14px;
	right:20px;
	font-size:11px;
	text-align:right;
}
#header #profile span {display:block;line-height:17px;}
#header #profile a {margin:0 0 0 5px;}
#header #profile a:link, #header #profile a:visited {
	color:#666;text-decoration:underline;
}
#header #profile a:hover {text-decoration:underline;}
#header #profile .profile_name {text-transform:uppercase;font-size:12px;}
#header #profile .profile_link {font-size:10px;}
#header #profile .profile_img {float:right;border:1px solid #666;margin:4px 0 0 15px;}
#header #profile .profile_message {font-size:11px;font-weight:bold;text-transform:uppercase;}
#header #profile .dealer_name {font-size:11px;font-weight:bold;text-transform:uppercase; color: #666}


/* Top Navigation & Dropdowns */
#mainnav {
	position:absolute;
	top:87px;
	width:100%;
	left:0;
	border-top:#A2A2A2 1px solid;
}
#mainnav .inner {
	border-top:#eee 1px solid;
}
#mainnav ul.dropdown {
	list-style:none;
	width:840px;
	float:left;
	padding:0 0 0 15px;
}
#mainnav ul li {
	font-size:12px;
	display:inline;
	margin:0 12px;
	line-height:35px;
	font-weight:bold;
	text-shadow: #FFF 1px 1px 0px;
}
#mainnav ul li a {
	padding:9px 12px 10px 12px;
}
#mainnav ul li:hover {
	background-color:#fff;
	box-shadow: 0px 1px 4px #A2A2A2; 
	-moz-box-shadow: 0px 1px 4px #A2A2A2;
	-webkit-box-shadow: 0px 1px 4px #A2A2A2;
}
#page-index a#homenav,
#page-mapview a#mapnav 
/*#mainnav ul li.current:hover a */
{
	background-color:#fff;
	background-image:none;
}
#mainnav a:link, #mainnav a:visited {
	color:#7F7F7F;	
}
#page-index a#homenav,
#page-mapview a#mapnav,
/*#mainnav ul li.current a:hover,*/
#mainnav ul li a:hover {
	background-color:#fff;
	background-image:none;
	text-shadow: #fff 1px 1px 0px;
	margin:0;
}
#mainnav ul ul {
	background:#fff;
	box-shadow: 2px 3px 5px #666; 
	-moz-box-shadow: 2px 3px 5px #666;
	-webkit-box-shadow: 2px 3px 5px #666;
	margin:0 0 0 0;
	overflow:hidden;
}
#mainnav ul ul li {margin:0 0px;}
#mainnav ul ul li:hover {
	box-shadow: none; 
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
#mainnav ul li.current li a:hover, #mainnav ul li li a:hover { 
	background:#f1f1f1;
	background-image:none;
}

#mainnav ul li.current li a, #mainnav ul li li a {
	margin:0;
	line-height:18px;
	font-size:12px;
	font-weight:bold;
	display:block;
	padding:5px 12px;
	border-bottom:#eee 1px solid;
	background:#fff;
	background-image:none !important;
}
#mainnav ul ul li:last-child a {border-bottom:none;}

/* 
	Search Section
*/
#mainnav #search {
	width:300px;
	float:right;
	padding:5px 20px 0 0;
}
#mainnav .search_wrap {
	border:1px solid #A2A2A2;
	text-align:right;
	padding:0 2px 0 0;
	overflow:hidden;
	border-radius: 2px;
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
	box-shadow:inset 0 1px 5px #aaa; 
	-moz-box-shadow:inset 0 1px 5px #aaa;
	-webkit-box-shadow:inset 0 1px 5px #aaa;
	background:#fff;
	margin-top: 4px;
	margin-right: 4px;
}
#mainnav #search_q {
	padding:5px 4px 4px 0px;
	color:#777;
	width:260px;
	border:none;
	outline:none;
	background:transparent;
	float:left;
}
#mainnav #search_s {
	border:none;
	width:20px;
	height:15px;
	margin:4px 0px 4px 3px;
	background:transparent url('../images/search.png') bottom center no-repeat;
	outline:none;
	cursor:pointer;
	padding:1px 0 1px 0;
	float:left;
}


/* 
	Secondary Right Nav Buttons
*/
#mainnav #rightnav {
	width:290px;
	float:right;
	padding:5px 20px 5px 0;
	text-align:right;
	border-left:1px solid #a2a2a2;
}
#mainnav #rightnav span.label {
	font-size:15px;
	line-height:25px;
	font-weight:100;
	text-shadow: #FFF 1px 1px 0px;
	color:#7F7F7F;
}
#mainnav #rightnav a {
	padding:3px 8px;
	border-radius: 4px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
}
#mainnav #rightnav a:link, #mainnav #rightnav a:visited {
	color:#666;
	border:1px solid #bbb;
	background:#E6E6E6;
	text-shadow: #FFF 1px 1px 0px;
}
#mainnav #rightnav a:hover, #mainnav #rightnav a.active  {
	color:#6a6a6a;
	border:1px solid #8a8a8a;
	background:#AFAEAE;
	text-shadow: #ccc 1px 1px 0px;
}


/* 
	Map Section
*/
#mapview {padding:20px;background:#EDEDED;position:relative;}
#mapview #map {min-height:350px;}
#mapview #map_nav {
	z-index:auto;
	opacity:0.92;
	filter:alpha(opacity=92);
	color:#fff;
	width:210px;
	position:absolute;
	top:20px;
	left:20px;
}
#mapview #map_nav h3 {
	color:#fff;
	font-size:24px;
	padding:6px 20px;
	margin:0 0 0 0;
	cursor:pointer;
}
#mapview #map_nav div {
	display:none;	
}
#mapview #map_nav ul {list-style:none;margin: 10px 0 0 -1px;}
#mapview #map_nav ul ul {margin: 0 0 0 1px;}
#mapview #map_nav li {margin:0 0 4px 0;}
#mapview #map_nav li a {display:block;}
#mapview #map_nav li a:link, 
#mapview #map_nav li a:visited, 
#mapview #map_nav li a:hover {
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:5px 5px 5px 20px;
}
#mapview #map_nav li a.expanded,
#mapview #map_nav li a:hover {
	background: transparent url('../images/map-current.png') left center no-repeat; 
}
#mapview #map_nav li li a:link, 
#mapview #map_nav li li a:visited, 
#mapview #map_nav li li a:hover {
	color:#fff;
	font-size:15px;
	padding:3px 5px 3px 30px;
	font-weight:normal;
	background-image:none;	
}
#map_expand {display:block;padding:5px 10px 2px 0;text-align:right;}

/* map switch button */
#map_switch {
	position:absolute;
	bottom:20px;
	right:20px; 
	width:180px;
	padding:5px 8px;
	text-align:center;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	opacity:0.88;
	filter:alpha(opacity=88);
	background-position: top left; 
	background-repeat: repeat;
}
#map_switch img { margin-bottom:-3px;cursor:pointer; }


/* 
	Normal table/cell layouts. Used widely throughout layout 
*/
table {border-collapse:collapse;width:100%;}
table th {
	text-transform:uppercase;
	color:#444;
	background:#CBCBCB;
	border:#A2A2A2 1px solid;
	padding:0 20px;
	line-height:24px;
	vertical-align:middle;
	font-size:11px;
	font-weight:bold;
	text-shadow: #FFF 1px 1px 0px;
	text-align:left;
}
.ui-datepicker table th {
	text-transform:uppercase;
	color:#444;
	background:#CBCBCB;
	border:#A2A2A2 1px solid;
	vertical-align:middle;
	font-size:11px;
	font-weight:bold;
	text-shadow: #FFF 1px 1px 0px;
	text-align:center;
	height: 20;
	line-height: 1;
}
table td.contain { 
	border:#A2A2A2 1px solid; 
	font-size:10px;
	line-height:13px;
	padding:0;
	vertical-align:top;
}
.contain .section {	padding:10px 20px; border-top:#A2A2A2 1px solid; background: #DADADA url('../images/gray-gradient.png') top left repeat-x;overflow:hidden;}
.contain .section:first-child {	border-top:none;}
td h5 {text-transform:uppercase;font-weight:bold;font-size:11px;margin:0 0 5px 0;}
td h5.price {font-size:15px;}
.contain p {color:#666;text-transform:uppercase;margin:0 0 5px 0;}
.contain p b {color:#444;}
.background {	background: #DADADA url('../images/gray-gradient.png') top left repeat-x; }
table td.padded {	padding:10px 20px 20px 20px; }
table td .details {
	width:35px;
	text-align:right;
	float:right;
	margin:-10px -10px -5px 0;
}

/* 
	LiveFeed style. 
*/
#livefeed { background: #4F4F4F url('../images/red-gradient-sm.png') top left repeat-x; color:#fff; overflow:hidden; }
#livefeed .inner {overflow:hidden;padding:10px 15px 8px 15px; margin:0 30px;font-size:15px;font-weight:bold;}
#livefeed b {text-transform:uppercase; font-size:16px;font-weight:bold;}
#livefeed .inner #feed {float:left;width:960px;}
#livefeed .details {
	float:right;
	width:35px;
	text-align:right;
	opacity:.50;
	filter:alpha(opacity=50);
}
#marquee {width:840px;}

/* 
	Basic styled table. No borders or backgrounds
*/
table.clear {	border:none; text-shadow: #FFF 1px 1px 0px;}
table.clear th { font-size:10px;color:#555;line-height:12px;background:none;border:none;padding:4px 2px 14px 2px; }
table.clear small { font-size:8px; }
table.clear td { font-size:12px; color:#000;padding:5px 2px;border:none !important;background:none;}
table.clear.nopad td {	padding:0 10px 3px 0;vertical-align:middle; background:none;}
table th a:link, table th a:visited { color:#333 }


/* 
	"Thirds" splits a table into 3 equally sized cells
*/
.thirds {width:100%}
.thirds td {width:33%;padding:20px 0;vertical-align:top;border-right:1px solid #A2A2A2;}
.thirds td:last-child{border-right:none;}


/* 
	QuickGlance style. 
	This shows 3 metrics side-by-side styled with each div classed with either good, warning or bad 
*/
.quickglance span {
	display:block;
	padding:0 10px;
	/*text-shadow: #dfdfdf 1px 1px 0px;*/
}
.quickglance td span.title {font-weight:bold;font-size:13px;margin:0 0 10px 0;line-height:18px;color:#444;}
.quickglance td span.stat {font-weight:bold;font-size:22px;margin:0 0 15px 0;line-height:22px;color:#444;}
.quickglance td span.percentage {font-size:26px;color:#666;line-height:26px;}
.quickglance td.good {background:#BCC8B9 url('../images/great.png') top left repeat-x !important ;}
.quickglance td.warning {background:#D0CCB9 url('../images/warning.png') top left repeat-x !important ;}
.quickglance td.bad {background:#D0BFBF url('../images/bad.png') top left repeat-x !important ;}


/* popup styles */
#facybox td.body {width:800px;background: #DADADA url('../images/gray-gradient.png') top left repeat-x;padding:0;}
#modal-window {color:#666;text-shadow: #FFF 1px 1px 0px;}
#modal-window #modal-close {float:right;}
#modal-window #modal-print {float:right;}
#modal-window #modal-help {float:right;}

#modal-window .pad {padding:15px 25px 30px 25px;}
#modal-window .inner {padding:0 35px 0 0;}
#modal-window .header {padding:20px 25px 15px 25px;border-bottom:1px solid #A2A2A2;}
#modal-window .footerheader {padding:0 !important;border:none !important;}
#modal-window .section {background: #DADADA url('../images/gray-gradient.png') top left repeat-x;}
#modal-window td {vertical-align:top;}
#modal-window td.border-right {border-right:1px solid #A2A2A2;}
#modal-window td.border-top {border-top:1px solid #A2A2A2;}
#modal-window h3 {font-size:30px;}
#modal-window h4 {font-size:15px;margin:0 0 3px 0;font-weight:bold;}
#modal-window h5 {color:#666; font-size:12px;text-transform:uppercase;font-weight:bold;margin:0 0 10px 0;}
#modal-window a {text-decoration:underline;}
#facybox td.body #modal-window a:hover {color:#000;}
#modal-window p, #modal-window ol, #modal-window ul {margin:0 0 20px 0;line-height:19px;font-size:13px;}
#modal-window ul, #modal-window ol {margin:0 0 20px 30px;}
#modal-window td div.split { float:left;width:49%; }
#modal-window table {margin:0 0 10px 0;}
#modal-window table#mail td {padding:4px 15px 2px 3px;font-size:12px;color:#666;}
#modal-window table#mail tr td:last-child {padding-right:0;}
#modal-window table#mail tr.unread, #modal-window table#mail tr.read, #modal-window table#mail tr.data {vertical-align:top;border-bottom:1px solid #dadada; border-top:1px solid #dadada;}
#modal-window table#mail tr.unread:hover, #modal-window table#mail tr.read:hover {background: #EFEFEF;border-bottom:1px solid #ccc; border-top:1px solid #ccc; }
#modal-window table#mail tr.unread td {font-weight:bold !important; color:#444 !important; }
#modal-window table#mail tr td.subject a {display:block;}
#modal-window table#mail tr td.icon {width:20px;padding-right:0;padding-top:1px !important;vertical-align:middle;}
#modal-window table#mail tr td.actions a:link, #modal-window table#mail tr td.actions a:visited {
	opacity:0.50;
	filter:alpha(opacity=50);
}
#modal-window table#mail tr td.actions a:hover {
	opacity:0.80;
	filter:alpha(opacity=80);
}
#modal-window table#mail td a:link, #modal-window table#mail td a:visited {
	color:#666;
}
#modal-window table#mail tr.unread td a:link, #modal-window table#mail tr.unread td a:visited {
	color:#444;
}



/* footer */
em.footer {
	display:block;
	background: #DADADA url('../images/gray-gradient.png') top left repeat-x;
	font-size:11px;
	color:#666;
	font-style:normal;
	padding:6px 10px;
	border-top:1px solid #A2A2A2;
}



/* login screen */
#login .wrapper {width:650px;height:100%;}
#login #login_header {
	background: #DADADA url('../images/gray-gradient.png') top left repeat-x;
	margin-top:50px;
	height:90px;
}
#login h3 {font-size:30px;padding:20px;text-shadow: #FFF 1px 1px 0px; border-bottom:1px solid #a2a2a2;}
#login #login_form form {
	padding:25px 20px;	
	border-top:1px solid #fff;
}
#login #login_form {
	background: #DADADA url('../images/gray-gradient.png') top left repeat-x;
	
}
#login #login_form label {color:#000;text-shadow: #FFF 1px 1px 0px;font-size:13px;}
#login #login_form input.text {
	margin:10px 0 20px 0;
	font-size:13px;
	border:1px solid #a2a2a2;
	width:325px;
	padding:7px 2px;
	border-radius: 2px;
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
	box-shadow:inset 0 1px 5px #aaa; 
	-moz-box-shadow:inset 0 1px 5px #aaa;
	-webkit-box-shadow:inset 0 1px 5px #aaa;
}
#login #login_form .checkbox {margin:0 0 10px 0;color:#888 !important;font-size:12px;}
#login #login_form .checkbox input {margin:0 10px 0 0;line-height:16px;}

#editTradeIn,
#addTradeIn,
#viewNotes,
#viewRawLead,
#viewOptions,
#reassignLead
{
	width: auto;
	padding:5px 15px;
	border:none;
	font-size:12px;
	text-align:center;
	margin: 3px;
	border-radius: 20px;
	-moz-border-radius:20px;
	-webkit-border-radius: 20px;
	color:#fff;
	cursor:pointer;
	background:#666 url('../images/button-bg.png') top left repeat-x;
}
input.submit {
	padding:5px 15px;
	border:none;
	font-size:12px;
	text-align:center;
	margin: 10px 0 0 0;
	border-radius: 20px;
	-moz-border-radius:20px;
	-webkit-border-radius: 20px;
	color:#fff;
	cursor:pointer;
	background:#666 url('../images/button-bg.png') top left repeat-x;
}
input.submit:hover,
input.submit:active { background:#666 url('../images/button-bg-hover.png') top left repeat-x;}
#login #login_footer {
	background: #DADADA url('../images/gray-gradient.png') top left repeat-x;
	padding:15px 20px;
	text-transform:uppercase;
	overflow:hidden;
	text-shadow: #FFF 1px 1px 0px;
	font-size:12px;
}
#login #login_footer a, #login #login_footer strong { display:block;float:left;padding:0; margin:0 20px 0 0; }
#login #login_footer a:link, #login #login_footer a:visited {text-decoration:underline;color:#333;}
#login #login_footer a:hover {text-decoration:underline;}



/* chart view */
#chart #overview {
	width:100%;
	border-collapse:collapse;
	border:0;
	border-bottom:1px solid #8a8a8a;
}
#chart #overview td {
	width:25%;
	padding:10px 5px;
	border-right:1px solid #8a8a8a;
	border-bottom:1px solid #8a8a8a;
	vertical-align:top;
	overflow:hidden;
}
#chart table#overview td span { text-shadow:none; }
#chart #overview .type {font-weight:normal;font-size:13px;color:#4a4a4a;margin:5px 0 8px 0;}
#chart #overview .desc {font-weight:bold;font-size:17px;color:#5a5a5a;margin:0 0 0 0;}
#chart #overview .number {font-weight:bold;font-size:35px;color:#5a5a5a;margin:0 0 2px 0;white-space:nowrap;}
#chart #overview .number img {vertical-align:middle;}
#chart #chart-wrap {padding:35px 20px 20px 20px;position:relative;}
#chart #overview .secondary-number {font-size:18px;color:#555;}
#chart #overview .label {margin:0 0 8px 0;font-size:11px;color:#5a5a5a;}
#chart #overview td div.right { float:right;width:35% }
#chart #overview td div.right .inner {padding:5px 0 0 2px;margin-top:15px;border-left:1px solid #888;}
#chart #overview td div.right img {float:right;margin:2px 5px 0 0;}
#chart #overview td div.left { float:left;width:65% }
#chart #overview td.good {background:#FFF url('../images/great-light.png') top left repeat-x !important ;}
#chart #overview td.warning {background:#FFF url('../images/warning-light.png') top left repeat-x !important ;}
#chart #overview td.bad {background:#FFF url('../images/bad-light.png') top left repeat-x !important ;}
#chart #overview td:last-child {border-right:none;}


/* tabbed section */
table th.tabbed {padding:0;}
table th.tabbed table {width:100%;border:none;border-collapse:collapse;padding:0}
table th.tabbed table td {border-right:1px solid #a2a2a2;text-align:center;vertical-align:middle;padding:0 !important;}
table th.tabbed table td:last-child {border-right:none;}
table th.tabbed table td img {margin:-2px 0 0 0;vertical-align:middle;padding:2px 0;}
table th.tabbed table td a {display:block;padding:3px 0;margin:0 !important;line-height:18px;}
table th.tabbed table td a:link, table th.tabbed table td a:visited {color:#444;}
table th.tabbed table td a:hover, 
table th.tabbed table td a.active {background: transparent url('../images/tab-hover.png') top left repeat-x;color:#333;}
table #tabbed-windows div.window {padding:20px;font-size:11px;line-height:15px;color:#666;}


/* car grid */
table.cargrid {
	border-collapse:collapse;
	width:100%;
	height:100%;
}

table.cargrid td {color:#666;font-weight:bold;padding:15px;background: #DADADA url('../images/gray-gradient.png') top left repeat-x;font-size:11px;border-bottom:1px solid #a4a4a4;border-right:1px solid #a4a4a4;	}
table.cargrid tr:last-child td { border-bottom:none;}
table.cargrid td:last-child { border-right:none;}

blockquote {margin:0 0 10px 0;overflow:hidden;font-size:11px;color:#666;padding:0 0 0 0;}
blockquote h5 {margin:0 0 2px 0;}
blockquote img {float:left;margin:5px 20px 0 0;}
blockquote a:link, blockquote a:visited {text-decoration:underline;color:#333;}
blockquote a:hover {text-decoration:underline;}


/* generic page styles */
#generic {text-shadow: #FFF 1px 1px 0px;}
#generic .pad {padding:15px 25px 30px 25px;}
#generic .inner {padding:0 35px 0 0;}
#generic .header {padding:0 25px 0 25px;border-bottom:1px solid #A2A2A2;}
#generic .section {background: #DADADA url('../images/gray-gradient.png') top left repeat-x;}
#generic .white {background: #f9f9f9;}
#generic td {vertical-align:top;color:#4a4a4a;}
#generic td.border-right {border-right:1px solid #A2A2A2;}
#generic td.border-top {border-top:1px solid #A2A2A2;}
#generic h2 {color:#4a4a4a; font-size:25px;margin:0 0 10px 0;}
#generic h3 {color:#4a4a4a; font-size:30px;margin:0 0 3px 0;}
#generic h4 {color:#4a4a4a; font-size:15px;margin:0 0 10px 0;font-weight:bold; line-height:20px;}
#generic h4 em {color:#666; font-size:15px;text-transform:none;font-weight:normal;}
#generic h4 span {color:#666; font-size:11px;text-transform:none;font-weight:normal;font-style:italic;float:right;}
#generic h5 {color:#4a4a4a; font-size:12px;text-transform:uppercase;font-weight:bold;margin:0 0 10px 0;}
#generic h5 em {color:#4a4a4a; font-size:12px;text-transform:none;font-weight:normal;}
#generic a {text-decoration:underline;}
#generic a:hover {color:#000;}
#generic p, #generic ol, #generic ul {margin:0 0 25px 0;line-height:20px;font-size:13px;color:#4a4a4a;}
#generic table {margin:0 0 40px 0;}
#generic table.ui-datepicker-calendar {margin: 0px;}
#generic ul, #generic ol {margin:0 0 25px 30px;}
#generic td div.split { float:left;width:49%; }
#generic table.datagrid td {padding:6px 10px 4px 3px;font-size:12px;color:#4a4a4a;}
#generic table.datagrid tr {border-bottom:1px solid #ccc;}
#generic table.datagrid tr.alternate, table#mail tr.alternate {background:#e9e9e9;}
#generic table.datagrid tr td:last-child {padding-right:0;}
#generic table.datagrid tr td.icon {width:20px;padding-right:0;vertical-align:bottom;}
#generic a:link, #generic a:visited {	color:#000; text-decoration:underline; }

#generic table.datagrid tr td a.button:link,
#facybox td.body #modal-window #generic table.datagrid tr td a.button:link,
#facybox td.body #modal-window #generic table.datagrid tr td a.button:visited,
#generic table.datagrid tr td a.button:visited {
	color:#555 !important;
	border:1px solid #8a8a8a;
	background:#AFAEAE;
	text-shadow: #ccc 1px 1px 0px;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	padding:1px 6px;
	line-height:16px;
	border-radius: 4px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
}
#facybox td.body #modal-window #generic table.datagrid tr td a.button:hover,
#generic table.datagrid tr td a.button:hover, 
#generic table.datagrid tr td a.active  {
	color:#000 !important;
	border:1px solid #7a7a7a;
	background:#9f9f9f;
	text-shadow: #ccc 1px 1px 0px;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	padding:1px 6px;
	line-height:16px;
	border-radius: 4px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
}

#generic input.bigbutton {
	padding:5px 15px;
	border:none;
	font-size:12px;
	margin:0 0 10px 0;
	border-radius: 20px;
	-moz-border-radius:20px;
	-webkit-border-radius: 20px;
	color:#fff;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}


/* generic forms */
div.form {width: 330px;float:left;margin:0 35px 30px 0;border-collapse:collapse;padding:0;border:0;}
div.form p {margin:0 !important;padding:0 0 14px 0 !important;}
div.form label {font-weight:bold;display:block;font-size:11px;text-transform:uppercase;padding-bottom:3px;}
div.form .text {
	padding:4px;
	width:320px;
	margin:0;
	border:1px solid #A2A2A2;
	border-radius: 1px;
	-moz-border-radius:1px;
	-webkit-border-radius: 1px;
	box-shadow:inset 0 1px 5px #aaa; 
	-moz-box-shadow:inset 0 1px 5px #aaa;
	-webkit-box-shadow:inset 0 1px 5px #aaa;
	background:#fff;	
}
div.form select.text {width:330px;}
div.form p.submitline {text-align:right;}
div.form p.submitline input.submit {}
div.form p.checkbox input, div.form p.radio input {margin:0 10px 0 0;line-height:16px;}
div.form p.checkbox label, div.form p.radio label  {margin:0 10px 0 0;line-height:16px;display:inline;font-weight:100;text-transform:none;font-size:12px;}
div.form p.radio {padding:0 0 0px 0 !important;}
div.form div.radio_wrap {padding:0 0 14px 0 !important;}
div.form input.text.short {width:100px;}
div.form .calendar { vertical-align:middle }

#miniform {width:450px;}
#miniform td {color:#333;text-align:right;line-height:26px;border-top:1px solid #ccc;padding:0 20px 0 0;}
#miniform td.label {font-size:12px;text-transform:uppercase;color:#333; width:120px;text-shadow: #FFF 1px 1px 0px;text-align:left;}
#miniform td .text {border:1px solid #8a8a8a;padding:1px 4px;color:#333;width:60px;font-size:11px;text-align:right;}
#miniform input.submit {
	padding:3px 10px;
	border:none;
	font-size:11px;
	margin-top:20px;
}
#generic #dataview {padding:20px 0 0 0;}
#generic #dataview table.datagrid tr td, #generic #dataview table.datagrid tr th {text-align:center !important;padding-right:0;}
#generic #dataview table.datagrid tr td.total, #generic #dataview table.datagrid tr th.total {text-align:right !important;font-weight:bold !important;width:100px;padding-right:5px;}
#generic #dataview table.datagrid tr td.title {text-align:left !important;font-weight:bold;padding-left:5px;width:245px;}
#generic #dataview table.datagrid tr td.title2 {text-align:left !important;font-weight:bold;color:#333;}
#generic #dataview table.datagrid tr .a {background:#ffffcc;}
#facybox td.body #modal-window #generic table {margin:0 0 20px 0;}
#facybox td.body #modal-window #generic table td input.text {width:60px; padding:1px;margin-bottom:1px;}
#generic #dataview table.datagrid tr td a, #generic #dataview table.datagrid tr th a:link, #generic #dataview table.datagrid tr th a:visited {text-decoration:none;color:#333}
#generic #dataview table.datagrid tr td a:hover, #generic #dataview table.datagrid tr th a:hover {text-decoration:underline;}
.contain a:link, .contain a:visited {color:#4a4a4a;text-decoration:underline;}
.contain a:hover {color:#000;text-decoration:underline;}



table#video {width:480px;border-collapse:collapse;border:none;padding:0;}
table#video td {padding:0 70px 0 10px !important;}
table#video td img {border:2px solid #666;}




#kpi {height:150px;position:relative;border-left:0px;}
#kpifilter {padding:2px;font-size:11px;width:100px;border:1px solid #999;position:relative;top:20px;left:0px;}

img.ui-datepicker-trigger {vertical-align:bottom;padding:0 0 0 5px;}

#breadcrumb { position:absolute;top:10px;left:20px; font-size:12px;color:#888; }
#breadcrumb b {color:#444; }
#breadcrumb em {font-style:normal;font-weight:bold; }

#see-data {position:absolute;top:12px;right:20px;text-transform:uppercase;font-size:10px;}
#see-data a:link, #see-data a:visited {color:#666;text-decoration:underline;}
#see-data a:focus, #see-data a:hover {color:#A41E22;text-decoration:none;}

#chatiframe {
	height:230px;
	margin:0 0 0 0;
	overflow-x: hidden;
	overflow-y: scroll;
}

#chat {background:transparent;color:#555;margin:0 10px 0 0;}
#chat blockquote {margin:0 0 20px 0;}

#chatbox .typing {padding:0 0 15px 0 ;}
#chatbox .typing input.text { padding:3px; border:1px solid #a2a2a2;margin:0 5px 0 0;width:340px;font-size:11px;color:#666;float:left;}
#chatbox #miniform input.submit {
	padding:3px 10px;
	border:none;
	font-size:11px;
	margin-top:0px;
	float:left;
}

fieldset {padding:5px 10px 0 10px;border:1px solid #bbb;margin:0 0 20px 0;}
fieldset legend {padding:0 8px;font-weight:bold;color:#333;text-transform:uppercase;}
.tabbed_interface div.form {width:100%}
.tabbed_interface div.form fieldset {margin:0 0 25px 0;padding:0;border:none;display:none;}
.tabbed_interface div.form fieldset.current {display:block;}
.tabbed_interface div.form legend {display:none;}
.tabbed_interface div.form fieldset select {width:90%;height:200px;}
.tabbed_interface div.form fieldset#tab_lead select {height:100px}
.tabbed_interface div.form fieldset input.medium {width:90%;}
.tabbed_interface #tab_links {margin:0 0 20px 0;}
.tabbed_interface #tab_links a {padding:5px 10px;text-transform:uppercase;text-shadow:none;}
.tabbed_interface #tab_links a:link, .tabbed_interface #tab_links a:visited {background:#999;color:#fff !important;text-decoration:none;}
.tabbed_interface #tab_links a:focus, .tabbed_interface #tab_links a:hover {background:#444;color:#fff !important;text-decoration:none;}
.tabbed_interface #tab_links a.current {background:#111;color:#fff !important;text-decoration:none;}
.pageHeader {padding:20px 0 15px 0 !important;}
.detailNav {
	background:#797979;
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(124,124,124) 0%,
		rgb(123,123,123) 50%,
		rgb(160,160,160) 100%
	);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(1, rgb(160,160,160)),
		color-stop(0.5, rgb(123,123,123)),
		color-stop(0, rgb(124,124,124))
	);
}
.header-right {padding:0px 0 0 0; float:right;text-align:right;width:40px; vertical-align: middle;}
.header-left {float:left;text-align:left;width:90%}
.header-left h3 {
	margin:0 0 0 1px !important;
	padding:7px 0 7px 0 !important; 
	font-size:12px !important; 
	font-weight:bold !important;
	border-left:solid 1px #b3b3b3;
}
.header-left a.secondNav {
	margin:0 0 0 0 !important;
	padding:7px 12px 7px 12px !important; 
	text-decoration:none !important; 
	color:#fff !important; 
	text-shadow: #4e4e4e 1px 1px 0px !important;
	border-left:solid 1px #5b5b5b;
	border-right:solid 1px #b3b3b3;
}
.header-left a.secondNavLine {
	margin:0 0 0 0 !important;
	padding:7px 12px 7px 12px !important; 
	text-decoration:none !important; 
	color:#fff !important; 
	text-shadow: none !important;
	border-left:solid 1px #5b5b5b;
}
.header-left a.current {
	text-decoration:none !important; 
	
	background:#4d4d4d;
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(56,56,56) 0%,
		rgb(55,55,55) 50%,
		rgb(77,77,77) 51%,
		rgb(101,101,101) 100%
	);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(1, rgb(101,101,101)),
		color-stop(0.51, rgb(77,77,77)),
		color-stop(0.5, rgb(55,55,55)),
		color-stop(0, rgb(56,56,56))
	);
	
	box-shadow: 0px 0px 1px #4e4e4e; 
	-moz-box-shadow: 0px 0px 1px #4e4e4e;
	-webkit-box-shadow: 0px 0px 1px #4e4e4e;
}
.header-left a.secondNav:hover {
	text-decoration:none !important; 
	
	background:#4d4d4d;
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(56,56,56) 0%,
		rgb(55,55,55) 50%,
		rgb(77,77,77) 51%,
		rgb(101,101,101) 100%
	);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(1, rgb(101,101,101)),
		color-stop(0.51, rgb(77,77,77)),
		color-stop(0.5, rgb(55,55,55)),
		color-stop(0, rgb(56,56,56))
	);
	
	box-shadow: 0px 0px 1px #4e4e4e; 
	-moz-box-shadow: 0px 0px 1px #4e4e4e;
	-webkit-box-shadow: 0px 0px 1px #4e4e4e;
}
.secondNavHelpMe p {
	color:#fff !important;
	text-shadow: #4e4e4e 1px 1px 0px !important;
}
.tabbed_interface #tab_disposition table {width:500px;}
.tabbed_interface #tab_disposition table td {padding:10px;}
.tabbed_interface #tab_disposition tr {border:1px solid #ccc;}
ul.xbreadcrumbs {list-style:square;margin:7px 0 0 0 !important;line-height:normal;display:block;float:right;clear:both;}
ul.xbreadcrumbs:nth-of-type(2n-1) {margin-top:-5px !important;}
ul.xbreadcrumbs li:first-child {list-style:none;margin:0 5px 0 0;}
ul.xbreadcrumbs li:last-child {font-weight:bold;}
ul.xbreadcrumbs li {float:left;margin:0 5px 0 20px;}


/* Pager */
.pager 
{
	color:#000;
}

.pager .disabled 
{
	border:1px solid #ddd;
	color:#999;
	margin-top:4px;
	padding:3px;
	text-align:center;
}

.pager span, .pager a
{
	margin: 4px 3px;
}

.pager a 
{
	border:1px solid #aaa;
	background:#ccc;
	text-align:center;
	text-decoration:none;
	padding:2px 6px;
	font-weight:normal;
	text-decoration:none !important;
}

.fullselect {padding:5px;width:350px;}
iframe.textshow {width:97%;display:block;border:1px solid #bbb;padding:10px;margin:0 0 20px 0;height:200px;background:#eee}

/* Source Performance Report */
.performanceMetrics { width:1250px;margin:0 0 0 0; }
.performanceMetrics th { width:55px; }	
.performanceMetrics .metricsSummary { font-weight:bold; background-color: #ffc; }
/* .datagrid .good { background:#BCC8B9 url('../images/great.png') top left repeat-x !important; } */








/** NEW WITH RESPONSE **/
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden;} 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
#bodycontent {padding:20px;min-height:500px;}
#bodycontent .right {float:right;width:22%;}
#bodycontent .left {float:left;width:76%;}
#bodycontent .right .section {background:none;margin:0 0 40px 0;}
table.topfilter {margin:0 !important;padding:0;}
table.topfilter em {display:block;font-size:10px;color:#666;font-style:normal;}
table.topfilter td {padding:0 5px;text-overflow: ellipsis;overflow:hidden;}
#filter form table.topfilter input, #filter form table.topfilter select {padding:2px;font-size:12px;margin:0;
border:1px solid #a2a2a2;
	border-radius: 2px;
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
	box-shadow:inset 0 1px 5px #eee; 
	-moz-box-shadow:inset 0 1px 5px #eee;
	-webkit-box-shadow:inset 0 1px 5px #eee;
	width:inherit;
	}
table.topfilter input {padding:3px 2px;}
.unread {font-weight:bold;}
.tabs a {text-transform:uppercase;display:block;padding:5px 15px;border-bottom:1px solid #ccc;}
#bodycontent .tabs a:link, #bodycontent .tabs a:visited {font-weight:bold;text-decoration:none !important;color:#444;}
.tabs a:focus, .tabs a:hover, .tabs a.current {font-weight:bold;text-decoration:none !important;background:#fff;color:#B76200 !important;	}
.tabs a:last-child {border-bottom:none;}
.small a {text-transform:none;padding:5px 10px;font-size:11px;}
table tr.New {font-weight:bold;}

td.appt {width:20px;}
td.appt img {display:none;}
td.appt img.Y {display:inline;padding:0 0 0 9px;}
#filterteaser {font-size:11px;margin:0 0 0 20px;line-height:14px;}
#filter {margin-bottom:20px;padding:8px;background:#eee;border:1px solid #ccc;border-radius:4px;}
#filter input, #filter select {font-size:11px !important;}
#filter th {padding:0 0 5px 4px;}
input#filter_submit {padding:2px 5px;text-transform:uppercase;font-weight:bold;}


.rounded {border:1px solid #bbb;font-size:11px;background:#eee;border-radius:4px;overflow:hidden;}
.rounded ul {margin:13px !important;padding:0;list-style:none}
.rounded ul li {line-height:15px;margin:0 0 10px 0;}
.rounded ul li.lastedit {font-size:11px;text-transform:uppercase;margin-top:20px;}
.rounded ul li em {font-style:normal;}
.rounded ul li input {width:15px;float:right;}

#titleedit { text-transform:capitalize}

form table.clear input {padding:4px;border:1px solid #a2a2a2;
	border-radius: 2px;
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
/*	box-shadow:inset 0 1px 5px #eee; 
	-moz-box-shadow:inset 0 1px 5px #eee;*/
}
form table.clear input[type=text] {width:275px;}
form table.clear input[type=file] {width:275px;}


form table.clear select {padding:4px;width:287px;border:1px solid #a2a2a2;}
form table.clear label {font-weight:bold;line-height:30px;}
form table.clear textarea {
	padding:4px;width:275px;height:100px;font-family:arial;border:1px solid #a2a2a2;
	border-radius: 2px;
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
	box-shadow:inset 0 1px 5px #eee; 
	-moz-box-shadow:inset 0 1px 5px #eee;
	-webkit-box-shadow:inset 0 1px 5px #eee;
}

.multipleformtables table td input {padding:2px;width:90%;border:1px solid #a2a2a2;
	border-radius: 2px;
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
	/*box-shadow:inset 0 1px 5px #eee; 
	-moz-box-shadow:inset 0 1px 5px #eee;
	-webkit-box-shadow:inset 0 1px 5px #eee;*/
} 
.multipleformtables table td select {padding:2px;width:93%;border:1px solid #a2a2a2;
	border-radius: 2px;
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
}

#TasksCalendar {text-shadow:none;padding:10px 10px;}
/*
#calendar table {margin:0 !important; padding:0 !important;}
#calendar .curdate {background:#B76200;color:#fff;}
#calendar .cell_selected {background:#e88c23;color:#fff;}
#calendar .hover {color:#fff;}
#calendar input {padding:2px 7px;}
#calendar select {padding:2px;margin:0 3px;}
#calendar td.wkhead {display:none;}
#calendar .caldayheading td {border:none;}
*/

#msg {color:#cc0000;}

#bodycontent pre {border:1px solid #ccc;
background:#f6f6f6;padding:15px;margin:0 0 30px 0;}
#help_me_text {padding:15px 0 0 0;}
#help_me_text p {font-size:11px;line-height:14px;color:#555;margin:0 0 10px 0;}

.noTitleStuff .ui-dialog-titlebar { display: none }
.centered 
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
}

/* Validation Styles */
.validation-summary-errors, .validation-summary-errors li { color:#FF0000 }
.field-validation-error { color:#FF0000; padding:5px; }
.validation-summary-valid { display:none; }

/* hosts the tiny mce editor */
#Message_parent table,
#Content_parent table,
#EmailSignature_parent table,
#AutoResponseBody_parent table
{
	margin: 0px 0px 0px 0px !important;
	padding: 3px !important;
}
#Message_tbl,
#Content_tbl,
#EmailSignature_tlb
#AutoResponseBody_tlb
{
	border: 1px solid #A2A2A2 !important;
}
/* Flash Message Text for user notification */
.flashMessage 
{
	font-weight: bold;
	font-size: large;
	color: Red;
	padding-bottom: 10px;
}


.littleselect
{
	-webkit-box-shadow: #EEE 0px 1px 5px inset;
	border: 1px solid #A2A2A2;
	border-bottom-left-radius: 2px 2px;
	border-bottom-right-radius: 2px 2px;
	border-top-left-radius: 2px 2px;
	border-top-right-radius: 2px 2px;
	font-size: 11px !important;
	margin: 0px;
	padding: 2px;
	width: inherit;
}

#footer 
{
	padding:5px 30px;
	text-align:right;
	background:#797979;
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(124,124,124) 0%,
		rgb(123,123,123) 50%,
		rgb(160,160,160) 100%
	);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(1, rgb(160,160,160)),
		color-stop(0.5, rgb(123,123,123)),
		color-stop(0, rgb(124,124,124))
	);	
}
#footer img {vertical-align:middle}

.input-validation-error
{
	border: 1px solid #ff0000;
	background-color: #ffeeee;
}

div.ruleDiv
{
	padding: 7px;
	/*border: 1px solid grey;*/
	margin: 5px
}

#leadAssignmentRulesDiv .expressionDiv
{
		padding-left: 10px;
		margin: 5px;
		border: 1px solid grey;
}

.outOfOrder 
{
		border: 1px solid orange; !important;
		margin: 5px;
}