/*
	STYLESHEET FOR HERZOG EVGL
	AUTHOR: Deric Johnson
	EDITORS: Damian Miller, Michael Dozark
*/
	.top10{
		margin-top: 10px;
	}
	.allgood{
		background:url(../images/allgood.png) right center no-repeat;
		width:80px;
		float:left;
		margin: 5px 10px 0 0;
		padding-right: 20px;
		height:20px;
		color:#666;
		text-align:left;
		display:none;
	}

	.delTrade{
		width:24px;
		height:24px;
		float:right;
		cursor: pointer;
		margin:24px 0 0;
		background:url(../images/delTrade.png) 0 0 no-repeat;
	}

/* New recent deal styles modified */

	.hideFilters{
		margin-top:24px;
	}

/* New Chat log styles modified */

	.loading{
        zoom: 1;
        filter: alpha(opacity=0);
        opacity: 0.0;
	}

	#chatholder {
		display: none;
	}
	#chatlog {
		width: 100%;
		height: 150px;
		overflow-y: auto;
	}
	
		#chatlog ul li {
			padding: 10px 0 10px 5px;
			border-bottom: 1px dashed #1d1d20;
		}
		#chatlog ul li.odd {
	/* 						background: #efefef; */
			text-align: right;
			padding-right: 10px;
		}
		#chatlog ul li.odd div {
			margin-right:0;
			
		}
		#chatlog ul li div { 
			/* float: left; */
			margin-right: 15px; 
			font-weight: bold
		}
	.chatinput { 
		width: 766px !important;
		margin-left:13px;
	}
	.chatsubmit {
		margin-left: 10px;
	}
	.trSelected{
		background:transparent !important;
	}
	

/*-------------------------------------
GLOBAL STYLES
---------------------------------------*/
/*	This nasty little global style destroyed sales person names positioning in IE* */
/*
* {
	margin:													0;
	padding:												0;
}
*/

/*
.dealNumber{
	display: none;
	position: absolute;
	margin:6px 0 0 494px;
}
.dealNumber .form-text{
	width:100px !important;
}
.dealNumber #dealNumber{
	margin:-3px 0 0 0 !important;
	width:100px !important;
}
*/
#totalsTable .firstCol{
	text-align:right;
	padding-right:10px;
}
#totalsTable{
	width:100px;
	font-size:10px !important;
	font-weight:bold;
}
#printDealRecapLink{
	display:none;
	width:90px;
	height:20px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-30px;
	margin-left:-35px;
}
#chatlog .unamed{
	width:100px;
	font-weight:bold;
}
#chatlog .chat{
	width:880px;
}
#chatlog .chatText{
	float:left;
}
#chatlog .time,#chatlog .timed{
	float:right;
}
#chatlog .odd{
	background:#efefef;
}
#whyContainer{
	position:absolute;
	z-index:900;
	padding-top:10px;
	left:535px;
	width:90px;
	height:15px;
}
.form-wrapper #why{
	margin-left:10px;
}
.statusCrass{
	width:100px !important;
}
#printPage{
	position:absolute;
	z-index:900;
	cursor:pointer;
	top:2px;
	right:2px;
}
input#dealNotes{
	width:855px;
}
.dealNote{
	width:780px;
}
.noteTrash{
	float:right;
	margin-top:-25px;
	clear:both;
}

#selectable .ui-selecting { background: #cfe2f5; }
#selectable .ui-selected { background: #136190; color: white; }
#selectable { list-style-type: none; margin: 0; padding: 0; }
#selectable li { 
	padding:2px 10px;
	font-size: 1.4em;
	height: 18px; 
}

div#frontEndGross,div#totalFees{
	display:inline;
	float:left;
}
#IEsalesPerformance{
	display:none;
	float:right;
	margin:0 5px 5px 0;
	width:90px;
	height:25px;
	font-size:9px;
}
.nucLinks{
/* 	width:142px; */
	padding-top:2px;
	float:right;
}
.nucLinks .tLink{
	padding:0 8px;
	display:block;
	float:left;
}

html {
	min-height:												100%;
	height:													100%;
}

body {
	background:												#136190 url('../images/herzog_vbar_bg.png') bottom left repeat-x;
	background-attachment:									fixed;
	padding:												0;
	margin:													0;
	font-family:											Arial, "Helvetica Neue", Helvetica, sans-serif;
}

img {
	border:													0;
}
.WAQ_title{
	padding:0 20px;
	margin-top:5px;
	font-size:24px;
	color:#136190;
	float:left;
}
h1, h2, h3, h4, h5, h6 {
}

	h1, h2 {
		font-size:											18px;
		color:												#046;
	}

	h1 {
		font-weight:										100;
	}

	h6 {
		background:											url("../images/h6.png") repeat-x scroll 0 0;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		padding:											3px;
		font-family: "Century Gothic";
		font-size:											11px;
		font-weight: 100 !important;
		color:												#fff;
	}
	.dash-app-wrapper h6 .nav{
		background: url(../images/max.png);
		cursor: pointer;
		margin: -2px -2px 0 0;
		width: 18px;
		height: 18px;
		float: right;
	}
	#salespeopleMAX h6 .nav, #performanceMAX h6 .nav, #vgpMAX h6 .nav, #dealsMAX h6 .nav{
		background: url(../images/min.png);
		cursor: pointer;
		margin: -3px -3px 0 0;
		width: 18px;
		height: 18px;
		float: right;
	}
	
a {
	color:													#1d1d20;
	font-weight:											normal;
	text-decoration:										none;
	outline:												none;
}

	a:hover, a:focus, a:active {
		text-decoration:									underline; 
	}

:focus {
	-moz-outline-style:										none;
	outline:												0;
}

/*-------------------------------------
BODY WRAPPER STYLES
---------------------------------------*/
.wrapper-outer {
	position:												relative;
	background:												#f9f9f9;
	width:													980px;
	height:													auto !important;	/* real browsers */
	height:													100%;				/* IE6: treated as min-height*/
	min-height:												100%;				/* real browsers */
	margin:													0 auto;
}

	.wrapper-inner {
	}

		.wrapper-inner-body {
			background:										#f9f9f9;
			border:											1px solid #0f5f8f;
			height:											544px;
		}

#container {
/*
	padding:												10px 0 0 4px;
*/
/* 	background-color:										#f9f9f9; */
	
	/* width:												900px; */
}

.module-wrapper {
	background:												#ccc;
	border:													1px solid #000;
    width:													300px;
	min-height:												300px;				/* real browsers */
    height:													auto !important;	/* real browsers */
    height:													300px;				/* IE6: treated as min-height*/
	padding:												4px;
	margin-top:												10px;
	-moz-border-radius:										5px;
	-khtml-border-radius:									5px;
	-webkit-border-radius:									5px;
	border-radius:											5px;
}

/*-------------------------------------
HEADER STYLES
---------------------------------------*/
.header {
	position:												relative;
	background:												#cfe2f5 url(../images/header-bg.png) repeat-x 0 0;
/* 	border-bottom:											1px solid #69c; */
	width:													100%;
	height:													60px;
	text-align:												center;
}

	div.header {
		-moz-box-shadow:									0 1px 3px #333;
		-khtml-box-shadow:									0 1px 3px #333;
		-o-box-shadow:										0 1px 3px #333;
		-webkit-box-shadow:									0 1px 3px #333;
		box-shadow:											0 1px 3px #333;
		filter:												progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=180,strength=3);
	}

	th.header {
		background:											#cfe2f5 url(../images/header-bg.png) repeat-x 0 0;
	}

	.evgl_logo {
		float:												left;
		display:											block;
		background:											transparent url('../images/evgl_logo_sm.png') no-repeat left top;
		width:												93px;
		height:												50px;
		margin-top:											5px;
		text-indent:										-9000px;
	}

	.header_logo {
		float:												left;
		display:											block;
		background:											transparent url('../images/herzog_logo_sm.png') no-repeat left top;
		width:												135px;
		height:												60px;
		text-indent:										-9000px;
	}

	.header-car {
		float:												left;
		background:											transparent url('../images/red-volvo-sm.png' no-repeat 0 0);
		width:												114px;
		height:												50px;
		margin-top:											5px;
		margin-left:										200px;
	}

	.horiz-row-top-bar {                       
		float:												left;
		width:												720px;
		height:												30px;
		margin:												25px 10px 0;
	}

		.horiz-row-top-bar li { 
			float:											left; 
			list-style-type:								none;
			height:											29px;
		}

			.horiz-row-top-bar li.right {
				float:										right;
			}

		.horiz-row-top-bar a {
			display:										block;
			padding:										7px 10px 8px;
			margin-top:										5px;
			font-size:										12px;
			font-weight:									bold;
			text-decoration:								none;
			color:											#136190;
		}
		.horiz-row-top-bar a:hover{
			color:#fff;
		}

			.nav-link, .first-nav-link {
				border-right:								1px solid #69c;
			}

				.first-nav-link{
					width:									60px;
					border-left:							1px solid #69c;
				}

				a.navDealsRequireAttention {
					background-color:						#B42025;
/*
					background-color:						#f66;
*/
					color:									#fff;
				}

				.nav-link:hover, .first-nav-link:hover,
				.nav-link:focus, .first-nav-link:focus,
				.nav-link:active, .first-nav-link:active {
					text-decoration:						none; 
					background-color:						#069;
					border-color:							#69c;
				}

				.last-child {
					border-left:							1px solid #69c;
				}

.horiz-row-2nd-bar {
	background:												#046;
	height:													20px;
	padding:												10px;
	margin:													0;
}

	.horiz-row-2nd-bar a {
		float:												right; 
		border:												1px solid #fff;
		padding:											5px; 
		margin:												5px;
		font-size:											14px;
		text-decoration:									none;
		color:												#fff;
		-moz-border-radius:									5px;
		-webkit-border-radius:								5px;
		border-radius:										5px;
	}

	.your-dash-text {
		float:												left;
		font-size:											18px;
		margin-left:										20px;
		color:												#fff;
	}

#nav-links{
	color:													#000;
	padding:												5px;
	color:													#fff;
	font-size:												16px;
	color:													#fff;
}

#pager {
	padding-right:											25px;
	margin-top:												10px;
	text-align:												right;
}

	#pager form img {
		vertical-align:										middle;
		cursor:												pointer;
		cursor:												hand;
	}

#button_area {
	float:													right;
	height:													30px;
	margin-top:												10px;
	margin-right:											13px;
	text-align:												right;
}
#messageArea {
	float:													right;
	margin-top:												7px;
	margin-right:											13px;
	padding: 												5px;
	border:													1px solid #136190;
	background:												#004466;
	color:													#FFF;
	font-weight:											bold;
	display:												none;
}
.dashboardDates {
	margin:0 auto;
	padding-top:5px;
	width:250px;
}
	.dashboardDates input[type=submit]{
		padding-top:1px;
	}

	.dashboardDates select {
		width:												auto;
		padding-right:										5px;
	}


/*-------------------------------------
MENU STYLES
---------------------------------------*/
button.showHide{
	width:100%;
}
.showHide img{
	margin-top:-3px;
}
.showHide span{
	margin:0 15px;
}

#menus {
}

li.menu {
	list-style:												none;
	padding:												0;
	margin-bottom:											1px;
	color:													#069;
}

a.menu_link {
	display:												block;
	background:												#cfe2f5;
	width:													155px;
	height:													14px;
	padding:												4px 4px 4px 7px;
	font-weight:											bold;
	color:													#046;
	-moz-border-radius:										5px;
	-khtml-border-radius:									5px;
	-webkit-border-radius:									5px;
	border-radius:											5px;
}

	a.menu_link:hover,
	a.menu_link:focus,
	a.menu_link:active {
		background:											#046;
		text-decoration:									none;
		color:												#fff;
	}


/*-------------------------------------
WIZARD STYLES
---------------------------------------*/
#wizard_area {
	position:												relative;
	background:												#ccc;
	width:													100%;
	height:													23px;
	top:													0px;
 }

	#wizard_area div {
		position:											relative;
		width:												205px;
		height:												20px;
		margin-right:										-9px;
		top:												0px;
		text-align:											center;
	}

		div#wizard_area_deals {
			width:											200px;
		}

		div#wizard_area_fi {
			width:											201px;
		}

	#wizard_area div a {
		display:											block;
		width:												191px;
		height:												10px;
		padding:											5px 5px 5px 0;
		font-size:											10px;
		font-weight:										bold;
		color:												#fff;
	}

		#wizard_area span.start {
			position:										absolute;
			top:											0px;
			left:											0px;
			display:										block;
			border-width:									10px;
			border-style:									solid;
			border-color:									transparent transparent transparent #fff;
			width:											0;
			height:											0;
		}	

		#wizard_area span.end {
			position:										absolute;
			top:											0px;
			right:											0px;
			display:										block;
			border-width:									10px;
			border-style:									solid;
			border-color:									#fff #fff #fff transparent;
			width:											0;
			height:											0;
		}

.wizardBar {
	float:													left;
	clear:													right;
	margin-top:												0px;
	padding:												0px;
}

.wizard_area_bg {
    background:												#056998;
	float:													left;
	clear:													right;
	margin-top:												0px;
	padding:												0px;
}

/*-------------------------------------
BODY STYLES
---------------------------------------*/
#leftColumn, #middleColumn, #rightColumn,
#admin-middleColumn, #admin-rightColumn {
	float:													left;
/* 	padding:												12px; */
}

	#leftColumn {
		width:												200px;
	}

	#middleColumn {
//		width:												470px;
		width:												50%;
/* 		padding:											0 5px 0 15px; */
	}

		#theForm #middleColumn,
		#form_users #middleColumn {
			padding-top:									12px;
		}

	#rightColumn {
		float: right;
		width:												50%;
//		min-width:											470px;
	}

		#theForm #rightColumn,
		#form_users #rightColumn {
			width:											240px;
			padding-top:									12px;
			text-align:										right;
		}

	admin-middleColumn {
		width:												200px;
	}

	#admin-rightColumn {
		width:												500px;
	}

.top-bar-text {
	font-size:												14px;
}

.back-next {
	margin-top:												0px;
	font-size:												14px;
	color:													#ccc;
}

.top-bar-text-left {
	float:													left;
	padding:												2px;
	font-size:												14px;
}

.top-bar-text-right {
	float:													right;
	padding:												2px;
	font-size:												14px;
}

.horiz-row-form-bar {
	background:												#0f5f8f;
	width:													900px;
	height:													50px;
	margin-top:												30px;
	padding:												0px;	
}

.horiz-row-text-left {
	float:													left;
	width:													500px;
	margin-top:												70px;
	padding:												2px;
	font-size:												14px;
	color:													#fff;
}

.horiz-row-text-right {
	float:													right;
	padding:												2px;
	font-size:												14px;
	color:													#fff;
}

.horiz-row-form-bar-thin {
	background:												#0f5f8f;
	width:													916px;
	height:													1px;
	padding:												0px;
}

/*-------------------------------------
FOOTER STYLES
---------------------------------------*/
#footer {
	clear:													both;
	background:												#f9f9f9;
	padding:												12px;
}

/*-------------------------------------
TABLE STYLES
---------------------------------------*/
table.tablesorter, table.tablesorter-yourdeals {
/* 	background:												#cdcdcd; */
	border:													0;
	border-collapse:										collapse;
	font-size:												10px;
	text-align:												left;
}

	table.tablesorter {
		width:												95%;
		margin:												10px auto 15px;
	}

	table.tablesorter-yourdeals {
		width:												100%;
		height:												92%;
		margin:												0;
	}

	table.tablesorter thead tr th,
	table.tablesorter tfoot tr th,
	table.tablesorter-yourdeals thead tr th,
	table.tablesorter-yourdeals tfoot tr th {
		color:												#136190;
/* 		background-color:									#136190; */
		border:												0;
		padding:											4px;
		font-size:											9px;
		text-align:											left;
	}

	table.tablesorter thead tr .header,
	table.tablesorter-yourdeals thead tr .header {
/*
		background-image:									none;
*/
		color:#136190;
		width:												auto;
		height:												25px;
		cursor:												pointer;
		cursor:												hand;
	}

		table.tablesorter thead tr .header span.pointer,
		table.tablesorter-yourdeals thead tr .header span.pointer {
			float:											right;
			display:										block;
			background:										transparent url('../images/bg.gif') no-repeat center center;
			width:											7px;
			height:											9px;
			padding:										2px;
		}

	table.tablesorter thead tr .headerSortDown,
	table.tablesorter thead tr .headerSortUp,
	table.tablesorter-yourdeals thead tr .headerSortDown,
	table.tablesorter-yourdeals thead tr .headerSortUp {
		background-color:									#8dbdd8;
	}

		table.tablesorter thead tr .headerSortUp span.pointer,
		table.tablesorter-yourdeals thead tr .headerSortUp span.pointer {
			background-image:								url('../images/asc.gif');
		}

		table.tablesorter thead tr .headerSortDown span.pointer,
		table.tablesorter-yourdeals thead tr .headerSortDown span.pointer {
			background-image:								url('../images/desc.gif');
		}

	table.tablesorter tbody td,
	table.tablesorter-yourdeals tbody td {
		padding:											4px;
		vertical-align:										top;
		color:												#3d3d3d;
	}

	table.tablesorter tbody tr.odd td,
	table.tablesorter-yourdeals tbody tr.odd td {
		background-color:									#dcdcdc;
		color:												#136190;
	}

	table.tablesorter tbody tr.even td,
	table.tablesorter-yourdeals tbody tr.even td {
		background-color:									#fff;
	}

#form_users table {
	width:													100%;
}

.dash-app-wrapper {
	background:												#ccc url(../images/dash-app-wrapper.jpg) repeat-x left bottom;
	-moz-border-radius:										5px;
	khtml-border-radius:									5px;
	-webkit-border-radius:									5px;
	border-radius:											5px;
}
.dash-app-wrappermax{
	background: #d5e4f2 url('../images/form-wrapper.png') repeat-x left bottom;
	height: 100%;
}


	.chart-holder {
		width:												200px;
		height:												300px;
	}

	.chart-holder-mini {
		float:												left;
		width:												/* 140px */120px;
		height:												100px;
	}

.module-wrapper {
	background:												#ccc;
	border:													1px solid #000;
    width:													300px;
    height:													auto;
	min-height:												300px;
	padding:												4px;
	margin-top:												10px;
	-moz-border-radius:										5px;
	khtml-border-radius:									5px;
	-webkit-border-radius:									5px;
	border-radius:											5px;
}

#navcontainer {
	width:													250px;
}

	#navcontainer ul, #fi-navlist ul {
		list-style-type:									none;
		margin-left:										0;
		padding-left:										0;
	}

	#navcontainer a {
		display:											block;
		background-color:									#036;
		border-bottom:										1px solid #eee;
		width:												160px;
		padding:											3px;
	}

		#navcontainer a:link, #navlist a:visited {
			color:											#eee;
			text-decoration:								none;
		}

		#navcontainer a:hover {
			background-color:								#369;
			color:											#fff;
		}

#navcontainer-2 {
	width:													200px;
}

	#navcontainer-2 a {
		display:											block;
		background-color:									#2521c5;
		border-bottom:										1px solid #eee;
		width:												160px;
		padding:											3px;
	}

		#navcontainer-2 a:link, #navlist a:visited {
			color:											#eee;
			text-decoration:								none;
		}

		#navcontainer-2 a:hover {
			background-color:								green;
			color:											#fff;
		}

.admin_links {
	text-decoration:										none;
	background:												#7ba7c1;
}

/*-------------------------------------
FORM STYLES
---------------------------------------*/
.wrapper-form {
	font-size:												14px;
	text-align:												left;
}
.smallStatusWrapper {
	height:30px;
	width:436px;
	background:												#d5e4f2 url('../images/form-wrapper.png') repeat-x left top;
	border:													1px solid #333;
	padding:2px 22px;
	margin-bottom:5px;
	margin-top:-5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.form-wrapper, .dash-app-wrapper {
	background:												#d5e4f2 url('../images/form-wrapper.png') repeat-x left bottom;
	border:													1px solid #333;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.form-wrapper-small, .form-wrapper-medium{
	background:												#d5e4f2 url('../images/form-wrapper.png') repeat-x left top;
	border:													1px solid #333;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
	.form-wrapper {
		min-height:											230px;				/* real browsers */
		height:												auto !important;	/* real browsers */
		height:												230px;				/* IE6: treated as min-height*/
		margin:												0 auto 10px;;
		padding:											10px 20px;
	}
	#middleColumn .form-wrapper, #rightColumn .form-wrapper{
		width: 470px;
		padding: 10px 5px;
	}
	
	.form-wrapper-small {
		min-height:											60px;				/* real browsers */
		height:												auto !important;	/* real browsers */
		height:												80px;				/* IE6: treated as min-height*/
		margin:												0 auto 10px;;
		padding:											5px 20px;
	}
	.form-wrapper-medium {
		width: 440px;
		min-height:											158px;				/* real browsers */
		height:												auto !important;	/* real browsers */
		height:												158px;				/* IE6: treated as min-height*/
		margin:												0 auto 10px;;
		padding:											5px 20px;
	}

	.dash-app-wrapper {
//		width: 486px;
		width: 98%;
//		min-height: 294px;
//		height: 298px;
		height: 48%;
	}

	.form-wrapper:hover, .form-wrapper:focus,
	.dash-app-wrapper:hover, .dash-app-wrapper:focus {
		border-color:										#006699;
/* 		background-position:								0 20px; */
	}

.form-left-column, .form-middle-column,
.form-right-column {
	float:													left;
	height:													400px;
	padding:												0px;
}

	.form-left-column {
		width:												200px;
		margin-top:											0px;
		color:												#ccc;
	}

	.form-middle-column,
	.form-right-column {
		width:												250px;
		color:												#fff;
	}

#form_users {
}

	#form_users fieldset {
		display:											block;
		border:												1px solid #046;
		margin-bottom:										10px;
		padding:											5px 10px;
		-moz-border-radius:									5px;
		-khtml-border-radius:								5px;
		-webkit-border-radius:								5px;
		border-radius:										5px;
	}

		#form_users fieldset.submit {
			border:											0;
			margin:											0;
			padding:										0;
		}

	#form_users legend, #reportForm legend {
		background:											url("../images/h6.png") repeat-x scroll 0 0;
		padding:											3px;
		font-family: "Century Gothic";
		font-size:											11px;
		color:												#fff;
	}

	#form_users input[type="text"],
	#form_users input[type="password"] {
		width:												230px;
		margin-left:										5px;
	}

	#form_users select {
		width:												240px;
		margin-left:										5px;
	}

	#form_users ol {
		list-style:											none;
		text-align:											right;
	}

		#form_users li {
			margin:											4px 0;
		}

	#form_users em {
		font-weight:										bold;
		color:												#f00;
	}

.form-field {
	float:													left;
	width:													400px;
	padding:												2px;
	text-align:												left;
	color:													#0f5f8f;
}

	.form-text, .form-input {
		float:												left;
		margin-top:											5px;
		font-size:											12px;
		color:												#069;
	}

		.form-input span {
			float:											left;
			margin-right:									5px;
		}

		.form-input input {
			float:											left;
		}


	.form-text {
		width:												140px;
		text-align:											right;
	}

.form-link a:link,
.form-link a:visited {
	color:													#000000;
}

input[type=text], select, textarea {
	padding:												2px 5px;
	border-radius:											5px;
	position:relative;
}
	input[type="checkbox"] {
		border:												none;
	}

	input[type="text"],
	input[type="password"] {
		background:											transparent url( '../images/search-bar-input-gradient.jpg' ) repeat-x left bottom;
		width:												200px;
	}

		.form-wrapper input[type="text"] {
			width:											230px;
		}

		input#tradeInvolved {
			border:											none;
			width:											auto;
			padding:										0;
		}

	textarea {
		background:											#fff url( '../images/search-bar-input-gradient.jpg' ) repeat-x left top;
		width:												650px;
		height:												200px;
	}

	select {
		border:1px inset #c5dbec;
		background:											#fff url( '../images/search-bar-input-gradient.jpg' ) repeat-x left top;
		height:												22px;
	}
	select:hover{
		border:1px dotted #2E6E9E;
	}

		.form-wrapper select {
			width:											242px;
		}

		h6 select {
			float:											right;
			width:											120px;
			height:											16px;
			padding:										0 2px;
			margin-top:										-2px;
			font-size:										10px;
		}

		button img {
			vertical-align:									middle;
		}

		#newTrade {
			float:											right;
			margin:											6px 45px 0 0;
		}

	input.error,
	select.error,
	textarea.error {
		border:												 1px inset #aeaeae;
		background: url(../images/search-bar-input-gradient-error.jpg) left top repeat-x;
	}

		input.error:hover, input.error:focus,
		select.error:hover, select.error:focus,
		textarea.error:hover, textarea.error:focus {
			border: 1px dotted #8A1F11;
		}

	.search-bar input {
		width:												auto;
		margin:												3px;
	}
	
	input.pagedisplay {
		width:												50px;
		text-align:											center;
	}

	select.pagesize {
		width:												70px;
	}

#heatSheetContainer{
	width: 300px;
	margin: 0 auto;
	padding-top: 7px;
}
#heatSheetContainer ul li{
	color: #336699;
}
#heatSheetContainer .ui-checkbox{
	cursor:pointer;
	clear: both;
	margin-top: -17px;
}
#heatSheetContainer label{
	padding-right:12px;
	margin-left:24px;
}


label {
	float:													left;
	font-weight:											bold;
	text-align:												left;
	color:													#1d1d20;
}

	label.error {
		display:											none;
		float:												none;
		padding-left:										6px;
		vertical-align:										top;
		color:												red;
	}

.search-bar {
	background:												#ccc url("../images/search-bar-gradient.jpg") repeat left bottom;
	width:													958px;
	padding-right:											22px;
	font-size:												12px;
	text-align:												right;
}


.searchText1
{
     border-style:											hidden;
     border-width:											0px;
     color:													#8AB08A;
     padding-left:											0px;
     padding-right:											0px;
     font-size:												8pt;
     /* background-image:									url(../images/searchBox.png); */
     margin-right:											3px;
     margin-top:											15px;
}
.searchArea {
	margin-top:												15px;
	width:													300px;
}

.searchBox {
	color:													#000;
	background:												#ccc;
	border:													1px solid #781351;
}

fieldset.submit {
	border:													none;
	text-align:												right;
}

div.flexigrid {
	position:												relative;
}

	div.flexigrid div {
		position:											relative;
	}

	div.flexigrid div.mDiv,
	div.flexigrid div.pDiv {
		background:											#ccc url("../images/search-bar-gradient.jpg") repeat left bottom;
		border:												none;
		color:												#046;
	}

	div.flexigrid div.hDiv {
		margin-top:											4px;
	}

	div.flexigrid div.pDiv {
		position:											absolute;
		left:												0;
		top:												0;
		width:												100%;
	}

		div.flexigrid div.pDiv input,
		div.flexigrid div.pDiv select {
			width:											auto;
		}

		div.flexigrid div.pDiv div.pFirst {
			background:										transparent url('../images/first.png') no-repeat center center;
		}

		div.flexigrid div.pDiv div.pPrev {
			background:										transparent url('../images/prev.png') no-repeat center center;
		}

		div.flexigrid div.pDiv div.pNext {
			background:										transparent url('../images/next.png') no-repeat center center;
		}

		div.flexigrid div.pDiv div.pLast {
			background:										transparent url('../images/last.png') no-repeat center center;
		}

		div.flexigrid div.pDiv span.pPageStat {
			display:										none;
		}

		div.flexigrid div.btnseparator {
			display:										none;
		}

		div.flexigrid div.pDiv div.pDiv2 {
			float:											right;
			width:											auto;
			margin:											0px;
			padding:										5px 3px 1px;
			text-align:										right;
		}

		div.flexigrid div.hDiv {
			background:										#fff url( '../images/header-bg.png' ) repeat-x left top;
		}

		div.flexigrid tr.erow td {
			background-color:								#eee;
		}

#fi-navlist {
}

#fi-navlist ul.navlist li {
	clear:													both;
	width:													100%;
}

	#fi-navlist ul.navlist li input,
	#fi-navlist ul.navlist li span {
		float:												left;
		font-size: 75%;
		padding-right:										5px;
		margin-bottom:										5px;
	}

	#fi-navlist ul.navlist li div {
/* 		display:none; */
	}

			#fi-navlist ul.navlist li div, #fi-navlist ul.navlist li div input {
				float:										right;
			}

/*-------------------------------------
LOGIN PAGE STYLES
---------------------------------------*/
body.loginpage {
	background:												#fff url('../images/login-page-bg.png') no-repeat center top;
	color:													#3a3a3a;
}

	.loginpage .header {
		background:											#f9f9f9;
		width:												500px;
		height:												60px;
		text-align:											center;
	}

		.loginpage .header_logo {
			width:											267px;
			height:											60px;
		}

		.loginpage .evgl_logo {
			width:											93px;
			height:											50px;
		}

	.loginpage form {
		width:												406px;
		height:												150px;
		margin:												100px auto 0;
	}

		.loginpage legend {
			display:										none;
		}

		.loginpage fieldset {
			border:											0;
		}

		.loginpage label {
			font-size: 13px;
			float:											left;
			width:											115px;
			margin:											0 10px 0 0;
			padding:										9px 0 0 0;
			text-align:										right;
			/* font-size: 16px;*/
		}

		.loginpage input {
			width:											220px;
			display:										block;
			padding:										4px;
			margin:											0 0 10px 0;
			/*font-size: 18px;*/
			color:											#3a3a3a;
			/*font-family: Georgia, serif;*/
			-moz-border-radius:								5px;
			-khtml-border-radius:							5px;
			-webkit-border-radius:							5px;
			border-radius:									5px;
		}

		.loginpage input[type=checkbox]{
			display:										inline-block;
			width:											20px;
			margin:											0;
		}

		.loginpage input[type=submit] {
			float:											right;
			margin:											-20px 0 0 287px;
		}
					  
		.loginpage .button {
			background:										transparent url(../images/button-bg.png) repeat-x top center;
			border:											1px solid #999;
			width:											70px;
			height:											auto;
			padding:										5px;
			font-size:										13px;
			font-weight:									bold;
			color:											black;
			-moz-border-radius:								5px;
			-khtml-border-radius:							5px;
			-webkit-border-radius:							5px;
			border-radius:									5px;
		}

			.loginpage .button:hover {
				background:									white;
				color:										black;
			}

/*-------------------------------------
MISCELLANEOUS STYLES
---------------------------------------*/
.center {
	text-align:												center;
}

.clear {
	clear:													both;
}

/* slightly enhanced, universal clearfix hack - http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/ */
.clearfix:after {
	display:												block;
	clear:													both;
	height:													0;
	font-size:												0;
	content:												" ";
	visibility:												hidden;
}

.clearfix {
	display:												inline-block;
}
/* start commented backslash hack \*/
* html .clearfix {
	height:													1%;
}

.clearfix {
	display:												block;
} /* close commented backslash hack */

.clear-both {
	clear:													both;
	height:													0;
	width:													100%;
}

.error {
	display:												block;
	background:												#fbe3e4;
	border:													2px solid #c33;
	padding:												2px 4px;
	color:													#8a1f11;
}

.ui-datepicker {
/*	display:												none !important; */
}

.ui-tabs-vertical { width: auto; }

.ui-tabs-vertical .ui-tabs-nav { float: left; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 0px !important; border-right-width: 0 !important; margin: 0 -3px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; padding-right: 0; border-right-width: 0px;  }

.ui-tabs-vertical .ui-tabs-panel { padding: 0 0 0 10px !important; float: left; width: 820px;}
div#notes ul li {
	list-style-type: none;
	padding-bottom: 10px;
	border-bottom: 1px solid #1d1d20;
}
#dealRecapTabs { 
	padding:15px 20px; 
	margin-top:5px;
}

.ui-tabs-panel {
	width:													750px !important;
}

.ui-widget-content {
	background:												#f9f9f9 !important;
}

.view_deal .ui-widget-content{
	background: none !important;
}
div#dealRecapTabs.ui-widget-content{
	border: none;
}

.ui-state-default {
	-moz-border-radius:										5px !important;
	-khtml-border-radius:									5px !important;
	-webkit-border-radius:									5px !important;
	border-radius:											5px !important;
}

.ui-state-hover a, .ui-state-hover a:hover {
	font-weight:											100 !important;
	cursor:													pointer !important;
	cursor:													hand !important;
}

.view-field {
	float:													left;
/*	border:													1px solid #136190; */
	width:													320px;
	height:													20px;
	font-size:												12px;
	text-align:												left;
	margin-top:												2px;
	padding:												2px;
	color:													#0f5f8f;
	-moz-border-radius:										5px;
	-khtml-border-radius:									5px;
	-webkit-border-radius:									5px;
	border-radius:											5px;
}

	.view-text {
		float:												left;
		width:												180px;
		height:												20px;
		font-size:											12px;
		text-align:											right;
		color:												#0f5f8f;
	}

	.view-record {
		float:												left;
		width:												140px;
		height:												20px;
	}

#notes {
	padding:												0 35px;
}

	.note-buttons {
		padding:											10px 108px 10px 0;
		text-align:											right;
	}

a.alphaNav {
	color: #004466;
	background: #CFE2F5;
	padding: 3px;
	margin: 3px 5px 10px 0;
	font-weight: bold;
	width: 10px;
	display: block;
	float: left;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
a.alphaNav:hover {
	color: #CFE2F5;
	background: #004466;
	padding: 3px;
	text-decoration: none;
}	
		
/*-------------------------------------
DEPRECATED STYLES
---------------------------------------*/
/*
html {
	min-height:												 100%;
	height:												100%;
}
body {
	margin:												0px;
	background:												#136190;
	font-family:												"Myriad Pro",verdana,san-serif;
	font-size:												12px;
	background:												 #7da8c2 url('../images/herzog_vbar_bg.png') left top repeat-x;
	min-height:												 100%;
	height:												100%
}
a:link {
	color:												#fff;
	padding:												10px;
	color:												#fff;
	font-family:												"Myriad Pro",verdana,san-serif;
	font-size:												14px;
	font-weight:												bold;
	text-decoration:												 none; color:												 #fff;
}
a:												visited {
	color:												 #fff;
	font-family:												"Myriad Pro",verdana,san-serif;
	font-size:												14px;
	font-weight:												bold;
	padding:												10px;
}
a:hover {
	text-decoration:												 underline; color:												 #fff;
	font-family:												"Myriad Pro",verdana,san-serif;
	font-size:												14px;
	font-weight:												bold;
	padding:												10px;
}
a:active {
	color:												 #fff;
	text-decoration:												 none;
	font-family:												"Myriad Pro",verdana,san-serif;
	font-size:												14px;
	font-weight:												bold;
	padding:												10px;
}
.horiz-row-top-bar a:link {
	color:												#fff;
	padding:												10px;
	color:												#fff;
	font-family:												"Myriad Pro",verdana,san-serif;
	font-size:												14px;
	font-weight:												bold;
}
.horiz-row-top-bar a:												visited {
	color:												 #fff;
	font-family:												"Myriad Pro",verdana,san-serif;
	font-size:												14px;
	font-weight:												bold;
	padding:												10px;
}
.horiz-row-top-bar a:hover {
	text-decoration:												 underline; color:												 #fff;
	font-family:												"Myriad Pro",verdana,san-serif;
	font-size:												14px;
	font-weight:												bold;
	padding:												10px;
}
.horiz-row-top-bar a:active {
	color:												 #fff;
	text-decoration:												 none;
	font-family:												"Myriad Pro",verdana,san-serif;
	font-size:												14px;
	font-weight:												bold;
	padding:												10px;
}

.horiz-row-top-bar {
	padding:												0px;                         
	background:												#0f5f8f url('../images/bar-bg-transp.png') 0 0 repeat-x;
	height:												30px;
}
.wrapper-outer {
	font-family:												"Myriad Pro",verdana,san-serif;
	font-size:												12px;
	width:												1024px;
	min-height:												 100%;
	height:												100%;
	margin:												 0 auto;
	background:												#f9f9f9;
}
.wrapper-inner {
	font-family:												"Myriad Pro",verdana,san-serif;
	font-size:												12px;
	width:												1024px;
	height:												 700px;
	height:												 auto;
}
legend {     
	margin-left: 1em;     
	padding: 0;     
	color: #000;     
	font-weight: bold;    
}
fieldset ol {   
	padding: 1em 1em 0 1em;   
	list-style: none;  
}  
fieldset li {   
	padding-bottom: 1em;  
}  
fieldset.submit {     
	float: left;     
	width: 410px;     
	border-style: none;     
	background-color: transparent;    
	margin-left:3px;
}
fieldset {     
	float: left;     
	clear: both;     
	width: 200px;     
	margin: 0 0 1.5em 0;     
	padding: 0;     
	border: 1px solid #BFBAB0;     
	background-color: #F2EFE9;     
	background-image: url(images/gradient.png);     
	background-repeat: repeat-x;    
}
fieldset li {    
	float: left;    
	clear: left;    
	width: 100%;    
	padding-bottom: 1em;   
}
label {    
	float: left;    
	width: 10em;    
	margin-right: 1em;    
	text-align: right;   
	display: block; 
}
label em {        
	display: block;        
	color: #060;        
	font-size: 85%;        
	font-style: normal;        
	text-transform: uppercase;       
}
.form-input input, textarea {
	padding:												5px;
	border:													1px solid #136190;
	-moz-border-radius:										5px;
	-webkit-border-radius:									5px;
	border-radius:											5px;
	width:													150px;
}

.search-bar {
	font-size:												12px;
	width:												100%;
	background:												#f9f9f9;
	text-align:												right;
	float:												right;
}
.search-bar input {
	padding:												 5px;
	border:												 1px solid #136190;
	-moz-border-radius:												 5px;
	-webkit-border-radius:												 5px;
	border-radius:												 5px;
	width:												 175px;
	margin:												 20px;
}
*/