body
{
	margin:0;
	padding:0px;
	font-family:Verdana, Sans-Serif;
	font-size:100.01%;
}

.header-welcome-orgname {
	font-size: 14px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* global link color*/
a, a:visited
{
	color:#1365ac;
}
a:hover, a:active
{
	color:#1365ac;
}

/* header */
.container_blue_menu {
  width: 100%;
  background: #32577D;
	min-width: 760px;
  min-height: 68px;
}

.container_yellow_menu {
  width: 100%;
  background: url(../img/menu_yellow_background.gif) repeat-x;
  float: left;
}

a.logo {
  width: 280px;
  height: 68px;
  background: url(../img/logo-w-blue-crescent.png) no-repeat;
  overflow: hidden;
  display: block;
  float: left;
  margin-bottom: -20px;
}

div.logo {
	background: url(../img/crescent.png) no-repeat;
	width: 15px;
	height: 68px;
	background-size: 15px 68px;
	overflow: hidden;
	display: block;
	float: left;
	margin-bottom: -20px;
	background-color: white;
}

.login {
  color: #fff;
  font-size: 10px;
  float: left;
  margin-top: 11px;
  margin-bottom: -20px;
}
.login a {
  color: #fff;
}
.login a:visited {
  color: #fff;
}
.login a:hover, .login a.active {
  color: #6ea8d7;
}

.menu_group {
	float: right;
	display: table;
	height: 68px;
	margin-bottom: -25px;
	vertical-align: middle;
}

/* blue header menu styles*/
a.blue_menu_item {
	padding: 4px;
	color: #fff;
	font-size: .75em;
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
	text-transform: uppercase;
}
a.blue_menu_item:visited {
  color: #fff;
}
a.blue_menu_item:hover {
  background: url(../img/menu_light_blue_hover.gif) repeat-x;
  color: #fff;
}

/* logo position*/
div.appentry_cobrand_logo
{
	height:40px;
	padding-right:5px;
	background-color:White;
	overflow:hidden;
	display:block;
	float:left;
}
/* hides the detail lightbox popup*/
.detail_window
{
	display:none;
	padding:0px;
}
/* detail popup header*/
.detail_header
{
	width:100%;

}
/* cancels out the lightbox styles */
.detail_padding
{
	padding:0px;
}
.detail_padding table, .detail_padding div
{
	background:#FFF;
}
/* simple heading for the detial popup*/
.detail_padding h2
{
	color:#fff;
	font-weight:bold;
	font-size:.8em;
	margin-top:-1px;
	padding-bottom:18px;
}
/* content inside the detail poup*/
.detail_content_container
{
	width:100%;
}
/* universal style to float an element right*/
.float_right
{
	float:right;
}
/* universal style to float an element left*/
.float_left
{
	float:left;
}
/* AAA this is for the resizable scroll area that is resized with javascript*/
#bottom_frame
{
	/* width:100%;
    overflow:scroll;
	clear:both;      */
}
/* box outline for tooltips*/
.cluetip-jtip
{
	background:#fff;
    font-size:.65em;
	color:#666;
}
/* box outline for tooltips*/
#tips
{
	position:absolute;
	width:175px;
	display:none;
	background:#fff;
	border:1px solid #1365ac;
    font-size:.65em;
	color:#666;
	z-index:100;
	padding:8px;
}
/* box outline for errors*/
#errors
{
	position:absolute;
	width:200px;
	display:none;
	background:#fff;
	border:1px solid red;
    font-size:.65em;
	color:#666;
	z-index:100;
	padding:8px;
}
/* for the comment input in the div popups*/
.comments
{
	width:500px;
	height:50px;
}
.small_comments  
{
	width:300px;
	height:50px;
}   
.large_comments
{
	width:100%;
	height:200px;
}
/* standard input fields for div popup*/
.small_field
{
	width:100px;
}
/* container for submit buttons in div popup */
.submit_buttons
{
    width:100%;
	text-align:center;
	padding-top:10px;
	clear:both;
	font-size:.8em;
}
/* scrolling box for div popups*/
.detail_scrollbox
{
	width:98.9%;
	height:200px;
	overflow:scroll;
	background:#fff;
	border:1px solid #999;
}
/* Some of the detail popups need small scroll areas*/
.short
{
	height:100px;
}
/* table header for mutiple rows   */
.detail_scrollbox table tr.head td
{
	 color:#999;
	 text-align:center;
}
/* basic table for two columns inside the detail box */
.detail_scrollbox table
{
	    width:100%;
		background:#fff;
		padding:0px;
		border:0px;
}
/* IE doesn't like 100% width in scroll areas, so we have to hack it */
* .detail_scrollbox table
{
	    width:97.5%;
		background:#fff;
		padding:0px;
		border:0px;
}
.detail_scrollbox table td
{
	font-size:100%;
	vertical-align:top;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
.detail_scrollbox table tr.alt_row
{
	 background:url(../img/menu_gray_background.gif) repeat-x;
}
.detail_scrollbox table tr.alt_row td
{
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
}
/* standard td*/
.data td
{
    padding:.2em;
	font-size:.7em;
	color:#333;
	vertical-align:top;
}
div.detail_padding table.data td 
{
	height:29px;   
}
/* alternating row color*/
tr.alt td
{
	background:#f1f1f1;
}
/* table headers */
.data th
{
	color:#1365ac;
	font-weight:bold;
	margin:0px;
	padding:.4em .4em .4em .2em;
	font-size:.65em;
	text-indent:0;
	text-align:left;
	background:#e7f5ff;
}
/* blank cell between separate 'tables'*/
.data tr.table_spacer td
{
	height:5px;
	background:#f1f1f1;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:#fff;
	border-right:#fff;
}
/* adds a border to the table if not inside a small tabbed area*/
.with_border
{
	border:1px solid #ccc;
}
/* makes all the values darker*/
.data td.value
{
	font-weight:bold;
	color:#000;
}
/* allows the lock button to float with the app id*/
.data td.value div span
{
	white-space:nowrap;
	float:left;
	display:block;
}
/* standard table class for tabulature data*/
table.data
{
	width:100%;
	margin-bottom:5px;
}
/* sets a custom width needed for the header table*/
.width_450
{
	width:450px;
}
/* sets a custom width needed for the header table*/
.width_650
{
	width:650px;
}
/* sets a custom width needed for 100% tables*/
.width_max
{
	width:100%
}
/* sets the width as half to let the tables float*/
.width_half
{
	width:48%;
	margin-right:.5%;
	margin-left:.5%;
	float:left;
}
/* Styles brought in from dealer view to display the debt pad
These may not be necessary if we include the full stylesheet, but some global settings may interfere*/
.table_container {
	border:1px solid #3383c7;
	font-family:Arial, Sans-Serif;
	color:#333;
	font-size:.70em;
	margin:0 auto;
}
.table_container td
{
	padding:5px;
}
.table_container td a
{
   color:#0759a1;
}
.alt_row
{
	background:url(../img/row_alt_bg.gif);

}
.alt_row>td
{
		border-top:1px solid #ffeeb8;
		border-bottom:1px solid #ffeeb8;
}
table .alt_row:last-child>td
{
		border-bottom:none;
}
.table_header_row th
{
	background:url(../img/table_header_bg.gif);
	border-right:1px solid #ffe283;
	text-decoration:none;
	color:#00529b;
	font-size:.95em;
	padding:6px;
	white-space:nowrap;
}
tr.vv_row:nth-child(even) {
	}
tr.vv_row:nth-child(odd) {
	background: url(../img/row_alt_bg.gif);
}
div.rv_detail_scrollbox {
	width: 99.9%;
	min-width: 290px;
	height: 200px;
	overflow: auto;
	background: #fff;
	border: 1px solid #999;
}

div#valuationOptions {
	
} 
div#valuationOptions .option-header {
	font-weight: bold;
	font-size: 12px;
	padding: 3px;
}

table.vv_rv_options {
	width: 100%;
	font-size: 14px;
}
	table.vv_rv_options tr {

	}
		table.vv_rv_options tr td {
			height: 25px;
		}
			table.vv_rv_options tr td.option-header {
				font-weight: bold;
				height: 13px;
				font-size: 11px;
			}
table.vv_rv_options_table {
	width: 100%;
}
	table.vv_rv_options_table tr {
		background-color: #fff !important;
		margin: 1px 0 0 0;
	}
		table.vv_rv_options_table tr:nth-child(4n+1), table.vv_rv_options_table tr:nth-child(4n+2) {
			background-color: #ebeaea !important;
			margin: 0;
		}
		table.vv_rv_options_table tr td {
			font-size: 11px;
			height: 25px !important;
		}
			table.vv_rv_options_table tr td.option-col-right {
				text-align: right;
			}
				table.vv_rv_options_table tr td.option-col-right img {
					width: 15px;
					padding: 2px;
				}
a.sort_on {
	padding-right: 12px;
	background: url(../img/table_sort_on.gif) center right;
	background-repeat: no-repeat;
	font-weight: bold;
}
a.sort_off
{
	padding-right:12px;
    background:url(../img/table_sort_off.gif) center right;
	background-repeat:no-repeat;
}

/* end dealerview styles ------------------------------------------------------------------------*/

/* used in the popup layer for centered text messages*/
.centered_message
{
	margin:0 auto;
	padding:15px;
	border:1px solid #ccc;
	width:400px;
}
.centered_message ul {
	margin:0 auto;
	width:225px;
}
.centered_message ul li{
	list-style-type:none;
	font-size:.75em;

}
.centered_message p
{
	text-align:center;
	font-size:.75em;
}

select:disabled { color: #777;background: rgb(235, 235, 228); }

/* Error style if the field was required*/
input.error, .input-validation-error, select.error {
	background-color:#d41e1e;
	color:#fff;
}
.clear
{
	clear:both;
}
/* This is needed because the inline input buttons inherit font sizes in IE6*/
input.inline_button
{
	padding-right:5px;   
	padding-left:5px;   
	margin:0px;
	overflow:visible; 
}
input.dateInput {
    width: 100px;
}
.unselectableRadioButton {
}
.word_count_alert
{
	color: Red;
	font-weight: bold;
}

/* jquery ui overloads */
.ui-menu-item
{
	font-size: 10px;
}
.ui-autocomplete li.alt
{
	background-color:Blue;
	background:url(../img/menu_yellow_background.gif);
}

/* Pager */
.pager
{
	margin: 8px 3px;
	padding: 2px;
	font-size: 10px;
}

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

.pager .current
{
	background-color: #6ea9bf;
	border: 1px solid #6e99aa;
	color: #fff;
	font-weight: bold;
	margin-top: 4px;
	padding: 3px 3px;
	text-align: center;
}

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

.pager a
{
	border: 1px solid #aaa;
	padding: 3px 3px;
	text-align: center;
	text-decoration: none;
}

.draggable-popup {
	position: fixed;
	z-index: 5000;
}
.draggable-popup .drag_handle:hover
{
	cursor: move;
	
}

.draggable-popup {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.draggable-popup-title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: #CCC url("../css/images/title.gif") top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#compatibilityModeNotice {
	width: 100%;
	background-color: #ffffff;
	padding: 10px;
	display: none;
}

#compatibilityModeNoticeContent {
	color: #000000;
	padding: 10px;
	border: 1px solid #FFC202;
	background-color: #FFF3CB;
	margin-bottom: 10px !important;
	margin: 0 auto;
	min-width: 837px;
	width: 55%;
}

#compatibilityModeNoticeContent {
	font-family: Verdana, Sans-Serif;
	font-size: 12px !important;
}

#compatibilityModeNoticeContent img, table {
	border: none;
}

#compatibilityModeNoticeContent .notice_icon {
	float: left;
	margin-right: 4px;
}

#compatibilityModeNoticeContent .cudc_notice_logo {
	background-color: #FFFFFF;
	border: 1px solid #33567C;
	padding: 4px;
	margin-left: 30px;
	margin-top: 10px;
}

#compatibilityModeNoticeContent .table_content {
	width: 100%;
}

#compatibilityModeNoticeContent .table_steps td {
	vertical-align: top;
}

#compatibilityModeNoticeContent .steps {
	white-space: nowrap;
}

#compatibilityModeNoticeContent .helpdesk {
	color: #33567C;
	font-size: 12px !important;
}

.zoom_icon {
	background: url("../img/zoom_in2.png") top no-repeat;
	width: 17px;
	height: 17px;
	display: inline-block;
}

.required_indicator {
	color: red;
}

.ui-datepicker-trigger {
	padding: 0;
	border: 0;
	width: 16px;
	height: 15px;
	vertical-align: middle;
	margin-left: 3px;
	margin-bottom: 3px;
}