/*
	site.css:
	
	Contains the common styles used throughout the entire site. 

	The following stylesheets are included conditionally to target Internet Explorer for Windows, to work around improper standards support
	
		* site.ie.css:		rules for Windows IE 7, 6, and below
		* site.ie6.css:		rules for Windows IE 6, and below
	 	* site.ie7.css:		rules for Windows IE 7 only
*/

/*
----------------------------------------------------------------------------
	Reset Styles
	
	Normalizes styles across all browsers to make explicit styling 
	of elements more predictable. 
	
	Based on reset.css from Yahoo User Interface library (YUI)
----------------------------------------------------------------------------
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/*
--------------------
   HTML Elements
--------------------
*/

body
{
	font-size: 12px;
	padding: 0;
	margin: 0;
	background-color: #DBDEE2;
	padding-bottom: 10px;
}

a:link,
a:visited
{
	color: #679AC9;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

a:active
{
	color: #46719A;
}

.centered_block
{
	/*  
		Uses a technique described here to center block of dynamic width:
		http://www.solstice.co.il/2008-02-26/horizontally_centering_content_with_dynamic_width_in_css
	*/
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.centered_block_container
{
	text-align: center;
}


/*
-----------------------
    General Classes
-----------------------
*/

.clearer
{
	display: block;
    clear: both;
    font-size: 0 !important;
	float: none !important;
    line-height: 0 !important;
    height: 0 !important;
	padding: 0 !important;
}

.padder
{
    font-size: 10px;
    clear: both;
	float: none !important;
    line-height: 1em;
    height: 1em;
}

.half_padder
{
    font-size: 5px;
    clear: both;
	float: none !important;
    line-height: 5px;
    height: 5px;
}

.ir
{
	/* Phark Image Replacement */
    text-indent: -999em;
    background-repeat: no-repeat;
	display: block;
}

.ac
{
	/* Hidden Elements - used for accessibility only */
	width: 0;
	height: 0;
	position: absolute;
	left: -9999px;
	top: -9999px;
}

.divider
{
	display: block;
    clear: both;
    font-size: 0 !important;
	float: none !important;
    line-height: 0px !important;
    height: 11px !important;
	padding: 0 !important;
	background: url(../images/bg_divider.gif) repeat-x center left;
}
	
p.note
{
	font-size: 11px;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

span.attention
{
	background: url(../images/bg_attention.gif) no-repeat 2px 0;
	padding-left: 20px;
}

.red
{
	color: #CC0000;
}


.col_first
{
	float: left;
}

.col_last
{
	float: right;
}


/*
------------------------------------------------------------------------------------------------
	Long text content styles (copy) used throughout the site.
	
	Generally, these are simply HTML element rules inside any element of class "copy".
	This allows us to use these styles in a main "content" block, but also in side bars etc 
	which often share the same text formatting.
------------------------------------------------------------------------------------------------
*/

.copy
{
	line-height: 1.5em;
}

.copy h1,
.copy h2,
.copy h3,
.copy h4,
.copy h5
{
	margin: 0em 0 0.5em 0;
	padding-top: 0.4em;
	color: #183D61;
}

.copy h2
{
	font-size: 14px;
	font-weight: bold;
}

.copy h3
{
	font-weight: bold;
	font-size: 12px;
}

.copy h4
{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
}

.copy ul
{
	list-style-type: disc;
	padding-left: 10px;
	margin: 1em 0 0 0;
	margin-left: 10px;
}

.copy ul li
{
	margin-bottom: 0.3em;
}

.copy p
{
	margin-bottom: 10px;
}


/*
----------------
	Buttons
----------------
*/
.steps_notdone
{
	background: transparent url(../images/gray.gif) no-repeat;
	display: block;
	color:#FFF;
	height: 17px;
	width:14px;
	float: left;
	text-decoration: none;
	cursor: pointer;
	padding: 1px 0 0 5px;
	font-weight:bold;
}
.steps_done
{
	background: transparent url(../images/green.gif) no-repeat;
	display: block;
	color:#FFF;
	height: 17px;
	width:14px;
	float: left;
	text-decoration: none;
	cursor: pointer;
	padding: 1px 0 0 5px;
	font-weight:bold;
}

.bt
{
	display: block;
	color: #FFF;
	height: 25px;
	float: left;
	text-decoration: none;
	background: transparent url(../images/bg_bt_blue_on_edeff1.gif) no-repeat;
	cursor: pointer;
	text-transform: capitalize;
	padding: 0;
}

/* -- "link buttons" - a convenience class for links that are the same line height as the buttons -- */

a.bt_link
{
	line-height: 25px;
	text-decoration: underline;
	display: block;
	float: left;
	font-size: 11px;
}

a#bt_link_more_search_options
{
	margin-left: 5px;
}

a.bt:link,
a.bt:visited,
a.bt:hover,
a.bt:active
{
	color: #FFF;
}

.bt span
{
	position:relative; 
	display: block;
	height: 20px;
	font-size: 11px;
	padding: 5px 14px 0 14px;
	background: transparent url(../images/bg_bt_blue_span_on_edeff1.gif) no-repeat top right;
}

.bt:hover,
.bt_hover
{
	background-position: 0 -25px !important;
	text-decoration: none;
}

.bt:hover span,
.bt_hover span
{
	background-position: 100% -25px !important;
}

.bt_disabled,
.bt_disabled:hover
{
	cursor: default;
	background-position: 0 -50px !important;
}

.bt_disabled span,
.bt_disabled:hover span
{
	background-position: 100% -50px !important;
}

/* 
	Mini Buttons (e.g. Add button on Daily Work Plan, DEAL INFO panel)
	NOTE: These must ALSO have the ".bt" button class (there are many cascading styles based on .bt, that would be too hard to replicate!)
*/

.btm 
{
	height: 16px;
}

.btm span
{
	height: 15px;
	padding: 1px 8px 0px 5px;
	font-size: 10px;
	line-height: 12px;
}


.btm:hover,
.btm_hover
{
	background-position: 0 -16px !important;
}

.btm:hover span,
.btm_hover span
{
	background-position: 100% -16px !important;
}

.btm_disabled,
.btm_disabled:hover
{
	background-position: 0 -32px !important;
}


.btm_disabled span,
.btm_disabled:hover span
{
	background-position: 100% -36px !important;
}

.bt_light
{
	background-image: url(../images/bg_bt_light_on_edeff1.gif);
}

.bt_light span
{
	background-image: url(../images/bg_bt_light_span_on_edeff1.gif);
	padding-left: 28px;
	color: #345574;
}

.bt_light_on
{
	background-image: url(../images/bg_bt_light_on_on_edeff1.gif);
}

/* -- "go" button with arrow -- */

.bt_go span
{
	background-image: url(../images/bg_bt_go_span.gif);
	padding-left: 4px;
	text-transform: uppercase;
	font-size: 13px;
	padding-top: 4px;
	height: 21px;
	padding-bottom: 0px;
}

/* -- buttons attached to forms are button tags -- */
/*    these require special CSS handling due to strange browser defaults and quirks */

button.bt,	
button.bt_icon
{
	margin: 0;
	display: block;
	border: none;
	background-color: transparent;
	padding-top: 0;
	padding-bottom: 0;	
	cursor: pointer;
}

button::-moz-focus-inner,
button span::-moz-focus-inner
{ 
	/* 
		This fixes the 1px offset problem in firefox. Found in a comment by "Axonian" at:
		http://www.filamentgroup.com/lab/styling_the_button_element_with_sliding_doors/
	*/
	border: none;
	/* 
		... and this one solves the 3 pixel padding problem. Found in a comment by "pike" at:
		http://radaschuetz.com/archive/2007/04/21/button-hell/
	*/
	padding-right: 0;
}



/* -- gray variant -- */

.bt_gray
{
	background-image: url(../images/bg_bt_gray_on_edeff1.gif)  no-repeat;
}

.bt_gray span
{
	background-image: url(../images/bg_bt_gray_span_on_edeff1.gif);

}


/* -- Button Groups -- */

.bt_group
{
	float: left;
}

.bt_group_right
{
	float: right;
}

.bt_group li
{
	float: left;
	padding-left: 8px;
}

.bt_group li.g
{
	padding-left: 4px;
}

/* -- buttons on panels -- */

.panel .bt,
.panel_controls .bt
{
	/*background-image: url(../images/bg_bt_blue_on_ffffff.gif);*/
}

.panel .bt span,
.panel_controls .bt span
{
	background-image: url(../images/bg_bt_blue_span_on_ffffff.gif) no-repeat;
}

.panel .bt_light span
{
	background-image: url(../images/bg_bt_light_span_on_edeff1.gif);
	padding-left: 28px;
	color: #345574;
}

.panel .bt_gray,
.panel_controls .bt_gray
{
	background-image: url(../images/bg_bt_gray_on_ffffff.gif)  no-repeat;
}

.panel .bt_gray span,
.panel_controls .bt_gray span
{
	background-image: url(../images/bg_bt_gray_span_on_ffffff.gif);
}

.panel .btm
{
	/* mini button */
	background-image: url(../images/bg_btm_blue_on_ffffff.gif) no-repeat;
}

.panel .btm span
{
	/* mini button */
	background-image: url(../images/bg_btm_blue_span_on_ffffff.gif);
}


/* -- buttons on panel heads (gradient bg) -- */

.panel .panel_head .bt
{
	background-image: url(../images/bg_bt_blue_on_panel_head.gif);
}

.panel .panel_head .bt span
{
	background-image: url(../images/bg_bt_blue_span_on_panel_head.gif);
}

.panel .panel_head .bt_gray
{
	background-image: url(../images/bg_bt_gray_on_panel_head.gif);
}

.panel .panel_head .bt_gray span
{
	background-image: url(../images/bg_bt_gray_span_on_panel_head.gif);
}

/* -- buttons on basic header -- */

body.basic #header .bt
{
	background-image: url(../images/bg_bt_blue_on_basic_header.gif);
}

body.basic #header .bt span
{
	background-image: url(../images/bg_bt_blue_span_on_basic_header.gif);
}

body.basic #header .bt_gray
{
	background-image: url(../images/bg_bt_gray_on_basic_header.gif);
}

body.basic #header .bt_gray span
{
	background-image: url(../images/bg_bt_gray_span_on_basic_header.gif);
}

/* -- buttons on gray field set background (see "site.form.css" for field set rules) -- */

.field_set_top .bt,
.field_set_bottom .bt
{
	background-image: url(../images/bg_bt_blue_on_f9fafd.gif);
}

.field_set_top .bt span,
.field_set_bottom .bt span
{
	background-image: url(../images/bg_bt_blue_span_on_f9fafd.gif);
}

/* -- gray buttons on gray field set background (see "site.form.css" for field set rules) -- */

.field_set_top .bt_gray,
.field_set_bottom .bt_gray
{
	background-image: url(../images/bg_bt_gray_on_f9fafd.gif);
}

.field_set_top .bt_gray span,
.field_set_bottom .bt_gray span
{
	background-image: url(../images/bg_bt_gray_span_on_f9fafd.gif);
}

/* -- Buttons on content details  (bottom half of Daily Work Plan) -- */

.content_details .bt_light
{
	background-image: url(../images/bg_bt_light_on_e4edf9.gif);
}

.content_details .bt_light span
{
	background-image: url(../images/bg_bt_light_span_on_e4edf9.gif);
}

.content_details .bt_light_on
{
	background-image: url(../images/bg_bt_light_on_on_e4edf9.gif);
}


/* -- blue buttons on (modal and popup) windows -- */

.window .bt
{
	background-image: url(../images/bg_bt_on_e4e9ef.gif);
}

.window .bt span
{
	background-image: url(../images/bg_bt_span_on_e4e9ef.gif);
}

/* -- gray buttons on (modal and popup) windows -- */

.window .bt_gray
{
	background-image: url(../images/bg_bt_gray_on_e4e9ef.gif);
}





/* -- square icon buttons -- */

/* -- general rule for all icon buttons -- */
 
.bt_icon
{
	text-indent: -999em;
	display: block;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
}

/* -- specific icon buttons -- */

.panel_controls .bt_icon_print
{
	background-image: url(../images/bg_bt_icon_print.gif);
}

/* print on basic header */

body.basic #header .bt_icon_print
{
	background-image: url(../images/bg_bt_icon_print_on_basic_header.gif);
}

.panel_controls .bt_icon_help
{
	background-image: url(../images/bg_bt_icon_help.gif);
}

/* help on basic header */

body.basic #header .bt_icon_help
{
	background-image: url(../images/bg_bt_icon_help_on_basic_header.gif);
}

.panel_controls .bt_icon_search
{
	background-image: url(../images/bg_bt_icon_search.gif);
}

.bt_icon_calendar
{
	background-image: url(../images/bg_bt_icon_calendar.gif) !important;
}

.bt_icon_clock
{
	background-image: url(../images/bg_bt_icon_clock.gif) !important;
}

/* calendar on panel head */
.panel .panel_head .bt_icon_calendar
{
	background-image: url(../images/bg_bt_icon_calendar_on_panel_head.gif) !important;
}


.bt_icon_equals,
.field_set .bt_icon_equals
{
	background-image: url(../images/bg_bt_icon_equals.gif);
}


.bt_icon_create_customer
{
	background-image: url(../images/bg_bt_icon_create_customer.gif) !important;
}

.bt_icon_create_enquiry
{
	background-image: url(../images/bg_bt_icon_create_enquiry.gif) !important;
}

.bt_icon_create_application
{
	background-image: url(../images/bg_bt_icon_create_application.gif) !important;
}

.bt_icon_create_contract
{
	background-image: url(../images/bg_bt_icon_create_contract.gif) !important;
}

.bt_icon_bookout_vehicle
{
	background-image: url(../images/bg_bt_icon_bookout_vehicle.gif) !important;
}

.bt_icon_aftermarket_quote
{
	background-image: url(../images/bg_bt_icon_aftermarket_quote.gif) !important;
}

.bt_icon_close_panel
{
	width: 14px;
	height: 14px;
	background-image: url(../images/bg_bt_icon_close_panel.gif) !important;
}

.bt_icon_previous_page,
.bt_icon_next_page
{
	width: 18px;
	height: 18px;
}

.bt_icon_previous_page
{
	background-image: url(../images/bg_bt_icon_previous_page.gif);
}

.bt_icon_next_page
{
	/*background-image: url(../images/bg_bt_icon_next_page.gif);*/
	background-image: url(../images/bg_bt_icon_next_page.gif);
}




/* -- Tooltips (bubbles) -- */

.tooltip
{
	position: absolute;
	z-index: 2000;
	font-size: 10px;
	color: #333;
}

.tooltip_head,
.tooltip_head div,
.tooltip_foot,
.tooltip_foot div
{
	height: 13px;
	line-height: 0;
	font-size: 0;
	background-repeat: no-repeat;
}

.tooltip_foot,
.tooltip_foot div
{
	height: 23px;
}

.tooltip_head,
.tooltip_foot
{
	padding-right: 13px;
	background-position: top right;
}

.tooltip_head
{
	background-image: url(../images/bg_tooltip_head.png);
}

.tooltip_head div
{
	background-image: url(../images/bg_tooltip_head_div.png);
}

.tooltip_foot
{
	background-image: url(../images/bg_tooltip_foot.png);
}

.tooltip_foot div
{
	background-image: url(../images/bg_tooltip_foot_div.png);
}



.tooltip_br .tooltip_foot
{
	background-image: url(../images/bg_tooltip_br_foot.png);
	padding-right: 20px;
}

.tooltip_br .tooltip_foot div
{
	background-image: url(../images/bg_tooltip_br_foot_div.png);
}

.tooltip_tl .tooltip_foot,
.tooltip_tr .tooltip_foot
{
	background-image: url(../images/bg_tooltip_tr_tl_foot.png);
	height: 13px;
	padding-right: 13px;
}

.tooltip_tl .tooltip_foot div,
.tooltip_tr .tooltip_foot div
{
	background-image: url(../images/bg_tooltip_tr_tl_foot_div.png);
	height: 13px;
}

.tooltip_tl .tooltip_head
{
	background-image: url(../images/bg_tooltip_tl_head.png);
	height: 23px;
	padding-right: 13px;
}

.tooltip_tl .tooltip_head div
{
	height: 23px;
	background-image: url(../images/bg_tooltip_tl_head_div.png);
}


.tooltip_tr .tooltip_head
{
	background-image: url(../images/bg_tooltip_tr_head.png);
	height: 23px;
	padding-right: 21px;
}

.tooltip_tr .tooltip_head div
{
	height: 23px;
	background-image: url(../images/bg_tooltip_tr_head_div.png);
}

.tooltip_body
{
	background: url(../images/bg_tooltip_body.png) repeat-y top right;
	padding-right: 13px;
}

.tooltip_body_bg
{
	background: url(../images/bg_tooltip_body_bg.png) repeat-y;
	padding-left: 13px;
	text-align: center;
}



/* 
	-- Windows (Modal Windows, and Popup (non-modal) Windows -- 
	
	These rules describe common elements WITHIN a popup window.

	They rely on a parent element that is classed as "window".

	This can EITHER be the "body" tag for an HTML document that hosted in an iframe in the main page 
	or simply a <div> that is placed directly inside the main page.

*/

.window .window_title
{
	padding: 10px;
	border-bottom: 1px solid #CDD3D8;
}

.window h2
{
	font-size: 16px;
	color: #183D61;
}

.window p
{
	margin-top: 8px;
}

.window .panel_controls
{
	background: none;
	margin: 0;
	border: none;
	border-top: 1px solid #CDD3D8;
}

.window iframe
{
	border: none;
}

.window .pad
{
	padding: 6px;
}

body.window
{
	/* for iframed (modal, and popup) windows */
	background-color: #E4E9EF;
	margin: 0;
	padding: 0;
}


/* 
-----------------------------------------------------------------------------------------------------
	Modal Windows

	These rules do not (necessarily) determine the style of the CONTENT of the modal window.
	They are involvedd with describing the "chrome" that SURROUNDS the content
-----------------------------------------------------------------------------------------------------
*/

.modal_window
{
	position: absolute;
	z-index: 3000;
	width: 400px; /* default width, but it can be anything */
}

.modal_window_head,
.modal_window_head div,
.modal_window_foot,
.modal_window_foot div
{
	height: 8px;
	line-height: 0;
	font-size: 0;
	background-repeat: no-repeat;
}

.modal_window_foot,
.modal_window_foot div
{
	height: 8px;
}

.modal_window_head,
.modal_window_foot
{
	padding-right: 9px;
	background-position: top right;
}

.modal_window_head
{
	background-image: url(../images/bg_modal_window_head.png);
}

.modal_window_head div
{
	background-image: url(../images/bg_modal_window_head_div.png);
}

.modal_window_foot
{
	background-image: url(../images/bg_modal_window_foot.png);
}

.modal_window_foot div
{
	background-image: url(../images/bg_modal_window_foot_div.png);
}

.modal_window_body
{
	background: url(../images/bg_modal_window_body.png) repeat-y top right;
	padding-right: 4px;
}

.modal_window_body_bg
{
	background: url(../images/bg_modal_window_body_bg.png) repeat-y;
	padding-left: 4px;
}

/* 
-----------------------------------------------------------------------------------------------------
	"Popup" Windows

	These are NON-modal - they appear as a a cross between a standard modal window, and a tooltip.
-----------------------------------------------------------------------------------------------------
*/

.popup_window
{
	position: absolute;
	z-index: 2000;
}

.popup_window_head,
.popup_window_head div,
.popup_window_foot,
.popup_window_foot div
{
	height: 10px;
	line-height: 0;
	font-size: 0;
	background-repeat: no-repeat;
}

.popup_window_foot,
.popup_window_foot div
{
	height: 34px;
}

.popup_window_head,
.popup_window_foot
{
	padding-right: 9px;
	background-position: top right;
}

.popup_window_head
{
	background-image: url(../images/bg_popup_window_head.png);
}

.popup_window_head div
{
	background-image: url(../images/bg_popup_window_head_div.png);
}

.popup_window_foot
{
	background-image: url(../images/bg_popup_window_foot.png);
}

.popup_window_foot div
{
	background-image: url(../images/bg_popup_window_foot_div.png);
}

.popup_window_body
{
	background: url(../images/bg_popup_window_body.png) repeat-y top right;
	padding-right: 4px;
}

.popup_window_body_bg
{
	background: url(../images/bg_popup_window_body_bg.png) repeat-y;
	padding-left: 4px;
}



/* 
--------------------------------------------------
	Sizing for Header, Content, and Footer 
--------------------------------------------------
*/ 

#header,
#wrap_content,
#footer
{
	width: 980px;
	margin: 0 auto;
}


/* 
--------------
	Header
--------------
*/ 

#wrap_header
{
	background: url(../images/bg_wrap_header.gif) no-repeat top center;
	height: 103px;
}

#header
{
	padding-top: 10px;
	font-size: 11px;
	position: relative;
}

#header h1 a
{
	position: absolute;
	left: 8px;
	top: 48px;
	width: 212px;
	height: 46px;
}

#header ul.nav li
{
	float: left;
	border-right: 1px solid #F5F1ED;
	padding-right: 7px;
	margin-left: 8px;
}

#header ul.nav li.last
{
	border-right: none;
}


#header #auth_info
{
	padding-left: 285px;
	float: left;
}

#header #auth_info p
{
	float: left;
}

#header #auth_info ul
{
	float: left;
	margin-left: 6px;
}


#header #nav_global
{
	float: right;
}	

#header #auth_info,
#header #auth_info a,
#header #nav_global a
{
	color: #F5F1ED;
	font-size: 10px;
} 


/* -- header on a basic page (body with a class of "window") -- */

body.basic #wrap_header
{
	background: url(../images/bg_basic_wrap_header.gif) repeat-x;
	height: 48px;
}

body.basic #header h1 a
{
	background: url(../images/bg_basic_header_h1.gif);
	width: 204px;
	height: 31px;
	top: 8px;
}

body.basic #header #auth_info
{
	color: #455560;
	font-size: 12px;
	padding-top: 12px;
	padding-left: 230px;
}

body.basic #header #auth_info a
{
	color: #679AC9;
	font-size: 12px;
}

body.basic #wrap_header .bt_group
{
	padding-right: 16px;
}

body.basic #wrap_header .bt_group li
{
	padding-left: 4px;
}

/* -- header tabs -- */

#header #wrap_header_tabs
{
	width: 340px;
	position: absolute;
	right: 0;
	top: 40px;
}

#header #header_tabs
{
	height: 22px;
	background: url(../images/bg_header_tabs.gif) repeat-x bottom left;
}

#header #header_tabs li
{
	display: block;
	float: left;
	margin-left: 4px;
}

#header #header_tabs li a
{
	display: block;
	outline: none;
	background: url(../images/bg_header_tabs_li_a.gif) no-repeat;
	color: #495964;
	font-size: 14px;
	font-weight: bold;
}

#header #header_tabs li a:hover
{
	color: #1D2E3F;
	text-decoration: none;
}

#header #header_tabs li.active a
{
	background: url(../images/bg_header_tabs_li_active_a.gif) no-repeat;
}

#header #header_tabs li a span
{
	display: block;
	line-height: 22px;
	padding: 0 20px;
}

#header #header_tabs li a span
{
	background: url(../images/bg_header_tabs_li_a_span.gif) no-repeat top right;
}

#header #header_tabs li.active a span
{
	background: url(../images/bg_header_tabs_li_active_a_span.gif) no-repeat top right;
}


#header #header_tabs a span
{
	background: url(../images/bg_header_tabs_li_a_span.gif) no-repeat;
}

#header #header_tab_panels
{
	background: #F6F7F9;
	border: 1px solid #ACB1B8;
	border-top: none;
}

#header #header_tab_panels .tab_panel
{
	padding: 4px 6px;
	height: 24px;
}

#header #header_tab_panels input,
#header #header_tab_panels select
{
	font-size: 12px;
	float: left;
	margin-right: 4px;
	margin-top: 2px;
}

#header #header_tab_panels .bt_go
{
	float: left;
}

#header #search_type
{
	width: 102px;
}

#header #search_value
{
	width: 170px;
}

#header #last_customer
{
	width: 320px;
}

/* 
------------
   Footer
------------
*/

#footer
{
	padding-top: 13px;
	font-size: 10px;	
}

#footer,
#footer a
{
	color: #657582;
}

#footer ul li
{
	float: left;
	margin-left: 6px;
	padding-right: 5px;
	border-right: 1px solid #657582;
	line-height: 11px;
}

#footer ul li.first
{
	margin-left: 0;
}

#footer ul li.last
{
	border-right: none;
}

#footer p 
{
	padding-top: 3px;
}


#footer #footer_col_1
{
	padding-top: 10px;
	padding-left: 10px;
	float: left;
}

#footer #footer_col_2
{
	float: right;
}

#footer #footer_security
{
	width: 140px;
	float: left;
	background: url(../images/bg_footer_security.gif) no-repeat;
	padding-left: 26px;
	margin-top: 2px;
}

#footer #footer_security p
{
	padding-top: 0px;
	font-size: 9px;
}

#footer #footer_security p a
{
	color: black;
}

#footer #footer_security h3 a
{
	text-transform: uppercase;
	color: #001A46;
	font-weight: bold;
}

#footer #footer_cybertrust
{
	background-image: url(../images/bg_footer_cybertrust.gif);
	width: 48px;
	height: 37px;
	margin-left: 7px;
	float: left;
}

/* 
-------------
   Content
-------------
*/

#content
{
	font-family: arial, sans-serif;
	font-size: 12px;
}

#content #content_head
{
	padding-top: 12px;
	height: 8px;
	font-size: 0;
	line-height: 0;
	background: url(../images/bg_content_head.gif) no-repeat bottom left; 
}

#content #content_body
{
	background-color: #EDEFF1;
	padding: 9px 14px 14px 14px;
}

.content_title
{
	font-family: "lucida grande", arial, sans-serif;
}

.content_title h1
{
	color: #183D61;
	font-size: 24px;
	font-weight: bold;
	float: left;
}

.content_title h2
{
	color: #183D61;
	margin-top: 0;
	font-size: 14px;
	margin-top: 10px;
	float: left;
	margin-left: 10px;
}

.content_title .bt_group li
{
	padding-top: 4px;
}



/* 
---------------------------------------------------------------------------------------------------------
   Content Details (The Lower Pane in a split pane page, such as Daily Work Plan)
---------------------------------------------------------------------------------------------------------
*/

.content_details
{
	background: #E4EDF9;
	padding: 1px 16px 16px 16px;
}

.content_details .content_title
{
	color: #183d61;
}



.content_details .content_title h1.trigger
{
	background: url(../images/bg_content_details_content_title_trigger.gif) no-repeat;
	padding-left: 18px;
	cursor: pointer;
}

.content_details .content_title h1.trigger:hover
{
	background-position: 0 -36px;
	text-decoration: underline;
}

.content_details .content_title h1.trigger_open
{
	background: url(../images/bg_content_details_content_title_trigger_open.gif) no-repeat;
}

/* 
---------------------
	Split Panels
---------------------
*/

.split_panel_horizontal .splitter
{
	height: 16px;
	background-repeat: repeat-x;
	line-height: 0;
	font-size: 0;
	clear: both;
}

.split_panel_horizontal .handle
{
	width: 69px;
	height: 16px;
	margin: 0 auto;
	background-repeat: no-repeat;
	cursor: n-resize;
}

.split_panel_gb_horizontal .splitter
{
	/* gb = grey-blue: grey at top, blue at bottom */
	background-image: url(../images/bg_split_panel_gb_horizontal_splitter.gif);
}

.split_panel_gb_horizontal .handle
{
	background-image: url(../images/bg_split_panel_gb_horizontal_handle.gif);
}


/*
-------------------------------
   Common compound elements
-------------------------------
*/


/* -- Sub Navigation -- */

.sub_nav_body
{
	background: url(../images/bg_sub_nav_body.png) repeat-y;
}

.sub_nav_body_bg
{
	background: url(../images/bg_sub_nav_body_bg.png) top right repeat-y;
}


.sub_nav_head,
.sub_nav_head div
{
	height: 2px;
	line-height: 0;
	font-size: 0;
}

.sub_nav_foot,
.sub_nav_foot div
{
	height: 5px;
	line-height: 0;
	font-size: 0;
}

.sub_nav_head
{
	background: url(../images/bg_sub_nav_head.gif) no-repeat;
}

.sub_nav_head div
{
	background: url(../images/bg_sub_nav_head_div.gif) top right no-repeat;
}

.sub_nav_foot
{
	background: url(../images/bg_sub_nav_foot.gif) no-repeat;
}

.sub_nav_foot div
{
	background: url(../images/bg_sub_nav_foot_div.gif) top right no-repeat;
}

.sub_nav
{
	min-height: 1px;
}

.sub_nav li
{
	border-bottom: 1px solid #CDD3D8;
	border-top: 1px solid #FFF;
	margin-right: 10px;
	margin-left: 4px;
}

.sub_nav li.last
{
	border-bottom: 1px solid #FFF;
}

.sub_nav li.active a
{
}

.sub_nav li a
{
	display: block;
	text-decoration: none;
	font-family: "lucida sans", "trebuchet ms", "arial";
	font-size: 11px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: top right; 
}

.sub_nav li a span
{
	display: block;
	padding: 6px 6px 9px 9px;
	background-repeat: no-repeat;
	cursor: pointer;
	color: #60758D;
}


.sub_nav li a:hover
{
	background-color: #DDE8F2;
	background-position: 100% -44px;
	text-decoration: none;
}

.sub_nav li a:hover span
{
	background-position: 0 -44px;
}

.sub_nav li.active a:hover
{
	background-color: transparent;
}

.sub_nav li.active
{
	background: url(../images/bg_sub_nav_li_active.png) top right no-repeat;
	margin-right: 0;
	margin-left: 3px;
	padding-right: 10px;
	border: none;
	padding-top: 1px;
	padding-bottom: 1px;
}

.sub_nav li.active span,
.sub_nav li.active a:hover span
{
	background-position: 0 -88px;
}

.sub_nav li.active a
{
	padding-left: 1px;
}

.sub_nav li.active a span
{
	color: #FFF;
}

.sub_nav li.active a
{
	background-position: 100% -88px;
}


/* -- Tert Navigation -- */
.tert_nav {
	background: #8dbfee url('../images/bg_tert_nav.png') repeat-y;
	margin: 0 6px 0 3px;
}

.tert_nav_body {
	background: none url('../images/bg_tert_nav_body.png') repeat-x;
}

.tert_nav li {
	border:none;
	margin:0;
	display:inline;
}

.tert_nav li a{
	margin-right:3px;
	font-size:10px;
	padding-left:8px;
}

.tert_nav li a span{
	color:#FFF;
}

.tert_nav li.tert_active a, .tert_nav li.tert_active a:hover {
    background:transparent url('../images/icon_arrow_tert_nav.gif') no-repeat 11px 10px;
	padding-left:8px;
}

.tert_nav li a:hover
{
	background-color: #4677a4;
}

.tert_nav li.tert_active a:hover {
	background:#4677a4 url('../images/icon_arrow_tert_nav.gif') no-repeat 11px 10px;
}


/* -- Menu -- */

#wrap_menu
{
	padding-top: 8px;
}

div.menu_cap
{
	float: left;
	width: 15px;
	background: url(../images/bg_menu_cap.gif) repeat-x;
	height: 36px;
}

ul#menu
{
	width: 946px;
	float: left;
	height: 36px;
	background: url(../images/bg_menu.gif) repeat-x;
	padding-left: 4px;
}

ul#menu li
{
	float: left;
}

ul#menu li a
{
	font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
	color: #FFF;
	font-size: 12px;
	display: block;
}

ul#menu li a:hover
{
	text-decoration: none;
	color: #E0EAF3;
}

ul#menu li a
{
	display: block;
}

ul#menu li a span
{
	/* variant WITHOUT arrow (so without a menu list) */
	display: block;
	padding: 11px 18px 0 16px;
	height: 25px;
	cursor: pointer;	
}

ul#menu li.active a span
{
	cursor: default;
}

ul#menu li.active a.menu_item span
{
	cursor: pointer;
}

ul#menu li a.menu_item span
{
	/* variant WITH arrow (so with a menu list) */
	padding-right: 28px;
	
}

ul#menu li.active a,
ul#menu li.active a:hover
{
	background-image: url(../images/bg_menu_li_active_a.gif);
}

ul#menu li.active a span
{
	/* active variant WITHOUT arrow (so without a menu list) */
	background: url(../images/bg_menu_li_active_a_span.gif) no-repeat top right;
	padding-left: 14px;
	padding-right: 14px;
}

ul#menu li.active a.menu_item span
{
	/* active variant WITH arrow (so without a menu list) */
	padding-right: 28px;
	background: url(../images/bg_menu_li_active_a_span.gif) no-repeat top right;
}	

ul#menu li.active a,
ul#menu li.active a:hover
{
	color: #455560;
}

ul#menu li a.menu_open,
ul#menu li a.menu_open:hover
{
	color: #FFF;
	background: url(../images/bg_menu_li_a_menu_open.gif) no-repeat top left !important;
}

ul#menu li a.menu_open span
{
	background: url(../images/bg_menu_li_a_menu_open_span2.gif) no-repeat top right !important;
}

/* -- Toolbar within menu -- */

ul#menu li#wrap_toolbar
{
	float: right;
}

ul#menu li#wrap_toolbar div
{
	padding: 5px 0 0 0;
	width: 244px;
}

ul#menu li#wrap_toolbar div h2
{
	/* -- "Tools:" text -- */
	color: #FFF;
	float: left;
	margin-right: 8px; 
	padding-top: 5px;
	font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
	font-size: 12px;
}


ul#menu ul#toolbar li
{
	float: left;
	padding: 0 4px 0 0;
	margin-right: 0;
}

ul#menu ul#toolbar li.last
{
	padding: 0;
}

ul#menu ul#toolbar #toolbar_bt_expanded_tools
{
	background-image: url(../images/bg_toolbar_bt_expanded_tools.gif);
}


/* -- Menu Lists (Main Menu) - The elements that contain the menu links -- */

ul#menu .menu_list
{
	position: absolute;
	width: 200px; /* all of these elements need a width to display correctly */
	
}

ul#menu .menu_list_head
{
	background: url(../images/bg_menu_list_head.png) bottom right no-repeat;
	padding-right: 4px;
	height: 7px;
}

ul#menu .menu_list_head div
{
	background: url(../images/bg_menu_list_head_div.png) bottom left no-repeat;
	padding: 0;
	height: 7px;
}

ul#menu .menu_list_head div.mask
{
	background: url(../images/bg_menu_list_head_mask.png) bottom right no-repeat;
	padding-right: 4px;
	height: 4px;
	width: 90px;
	line-height: 0;
	font-size: 0;
}

ul#menu .menu_list_head div.mask div
{
	background: url(../images/bg_menu_list_head_mask_div.png) bottom left no-repeat;
	line-height: 0;
	font-size: 0;
	height: 4px;
}

ul#menu .menu_list_body
{
	background: url(../images/bg_menu_list_body.png) top right repeat-y;
	padding-right: 1px;
}

ul#menu .menu_list_body_bg
{
	padding: 3px 0 3px 1px;
	background: url(../images/bg_menu_list_body_bg.png) top left repeat-y;
}

ul#menu .menu_list_foot
{
	background: url(../images/bg_menu_list_foot.png) top right no-repeat;
	padding-right: 4px;
	height: 4px;
	line-height: 0;
	font-size: 0;
}

ul#menu .menu_list_foot div
{
	background: url(../images/bg_menu_list_foot_div.png) top left no-repeat;
	padding: 0;
	height: 4px;
}

ul#menu .menu_list li
{
	/* reset some styles from parent elements */
	float: none;
	margin-right: 0;
}

ul#menu .menu_list li a 
{
	display: block;
	border-bottom: 1px solid #606f79;
	line-height: 25px;
	color: #FFF;
	background: none;
	font-size: 11px;
	padding: 0 12px;
	min-height: 1px;
	width: 174px; /* IE 6 needs this! */
}	

ul#menu .menu_list li.last a
{
	border-bottom: none;
}

ul#menu .menu_list li a:hover
{
	background: #708FB2;
	color: #FFF;
	text-decoration: none;
}

/* -- Steps Arrows -- */

ul.steps
{
	/* pull back into alignment (because of left shadow) */
	margin-top: 10px;
	margin-left: -2px;
}

ul.steps li
{
	float: left;
	color: #183d61;
	font-size: 12px;
	font-family: "lucida sans", "trebuchet ms", sans-serif;
}

ul.steps li
{
	background-repeat: repeat-x;
	background-image: url(../images/bg_steps_li.gif);
}

ul.steps li div
{
	/* the left part of the arrow */
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 6px;
}

ul.steps li div span
{
	display: block;
	line-height: 35px;
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 24px;
}

ul.steps li.active
{
	background-image: url(../images/bg_steps_li_active.gif);
}

ul.steps li.active div
{
	background-image: url(../images/bg_steps_li_active_div.gif);
}

ul.steps li.first div
{
	background-image: url(../images/bg_steps_li_first_div.gif);
	padding-left: 12px;
}

ul.steps li.first_active div
{
	background-image: url(../images/bg_steps_li_first_active_div.gif);
}

ul.steps li.active div span
{
	background-image: url(../images/bg_steps_li_active_div_span.gif);
}

ul.steps li.before_active div span
{
	background-image: url(../images/bg_steps_li_before_active_div_span.gif);
}

ul.steps li.last div span
{
	background-image: url(../images/bg_steps_li_last_div_span.gif);
}

ul.steps li.last_active div span
{
	background-image: url(../images/bg_steps_li_last_active_div_span.gif);
}

/* 
----------------------
    Drop Down Menus
----------------------
*/

.bt_dd_menu
{
	width: 18px;
	height: 16px;
	display: block;
	text-indent: -999em;
	background: url(../images/bg_bt_dd_menu.png) no-repeat;
}

.bt_dd_menu_open
{
	background-position: 0 -16px;
}

.dd_menu
{
	position: absolute;
}

.dd_menu_head,
.dd_menu_head div,
.dd_menu_foot,
.dd_menu_foot div
{
	height: 2px;
	font-size: 0;
	line-height: 2px;
	background-repeat: no-repeat;
}

.dd_menu_head
{
	height: 2px;
	background: url(../images/bg_dd_menu_head.png) top right;
	padding-right: 2px;
}

.dd_menu_head div
{
	background-image: url(../images/bg_dd_menu_head_div.png);
}

.dd_menu_foot
{
	height: 2px;
	background: url(../images/bg_dd_menu_foot.png) top right;
	padding-right: 2px;
}

.dd_menu_foot div
{
	background-image: url(../images/bg_dd_menu_foot_div.png);
}

.dd_menu_body
{
	background: url(../images/bg_dd_menu_body.png) repeat-y top right;
	padding-right: 2px;
}

.dd_menu_body_bg
{
	background: url(../images/bg_dd_menu_body_bg.png) repeat-y;
	padding-left: 2px;
}

.dd_menu ul li
{
}

.dd_menu ul li a
{
	font-weight: normal !important;
	display: block;
	padding: 5px 8px; 
	min-width: 150px;
	border-bottom: 1px solid #E2E9EF;
}

.dd_menu ul li.last a
{
	border-bottom: none;
}

.dd_menu ul li a:hover
{
	font-weight: bold !important;
	text-decoration: none;
	background: url(../images/bg_dd_menu_a_hover.gif) #DFE9F8 repeat-x;
}

/* 
------------------------------------------------
	Form Elements throughout the site
------------------------------------------------
*/

label,
p.label,
p.value,
div.label
{
    display: block;
    padding-bottom: 2px;
	margin-right: 6px;
	margin-top: 4px;
	color: #3f4040;
}

label.error,
.field_wrap label.error
{
	background: url(../images/bg_label_error.gif) no-repeat 0 1px;
	padding-left: 14px;
}

div.label
{
    height: 20px; /* To make the div appear! */
}

p.value
{
    font-weight: bold;
    margin-bottom: 0 !important;
}

input.text,
select,
textarea
{
    margin: 0;
    font-size: 1em;
    color: #1F1F1F;
    font-family: arial, sans-serif !important;
}

input.text,
textarea
{
	background: url(../images/bg_input.png) #FFF repeat-x;
	border: 1px solid #7e9db9;
	padding: 2px 2px;
}


select
{
    padding: 0px;
	font-size: 11px;
}

input.radio,
input.checkbox
{
    width: 14px;
    height: 14px;
	border: none !important;
}

input.culprit
{
    border: 1px solid red;
}

input.required,
select.required
textarea.required
{
	border: 1px solid #d3738b;
}

input.hint,
textarea.hint
{
	/* input field with a field hint (help text that clears when field receives focus) */
	color: #666;
}	

input.hl
{
	background-color: #FDFFD1;
}

input.text_disabled
{
	background-color: #E6E9EC;
	border: 1px solid #A9B7C1;
}

input.error,
select.error
{
	background-color: #FFBDBD;
}

select.error
{
	border: 1px solid #7E9DB9;
}

/* -- Field Wraps: used for form layouts -- */

.field_wrap
{
	padding-bottom: 10px;
	float: left;
}

.lig
{
	margin-right: 0 !important;
	padding-right: 0 !important;
}

.field_wrap label,
.field_wrap p.label,
.field_wrap p.value
{
    margin-top: 4px;
	text-align: left;
	padding-left: 1px;
}

.fields input,
.fields select,
.fields textarea
{
    float: left;
	margin-right: 7px;
}

.fields label,
.fields p.label,
.fields p.value
{
	float: left;
    width: auto !important;
	text-align: left;
	margin-left: 5px;
}


.field_wrap p.label,
.field_wrap p.value
{
    margin-bottom: 0 !important;
    padding-bottom: 4px;
}

.field_wrap .fields
{
	clear: left;
	padding-top: 1px;
}

/* -- special inline case, when we don't want the fields on a separate line -- */
.field_wrap_inline .fields
{
	clear: none;
	float: left;
}

.field_wrap_inline label,
.field_wrap_inline p.label
{
	float: left;
}

.fields input.radio,
.fields input.checkbox
{
    float: left;
    margin-right: 3px;
    margin-top: 0px;
}

.fields input.with_button,
.fields select.with_button
{
	/* fields with an associated button, such as a calendar */
	margin-right: 4px;
}


.field_wrap textarea
{
	/* generally, text areas will take up the entire width of the form */
	width: 920px;
	padding: 3px;
	height: 90px;
	margin-right: 0;
}

.fields label.radio,
.fields label.checkbox,
.fields p.label
{
	clear: none;
    float: left;
	color: #555a60;
    margin-right: 16`px;
    margin-bottom: 4px;
	margin-left: 2px;
	margin-top: 5px;
	line-height: 1.0em;
}

.field_wrap .fields p.label
{
	padding-left: 10px;
}

.field_wrap .fields .checkbox_wrap,
.field_wrap .fields .radio_wrap
{
	margin-top: 4px;
	float: left;
	margin-right: 0px;
}




/* -- Field Wraps for radio buttons -- */ 

.radio_wrap p.label
{
	padding-bottom: 5px;
	padding-left: 1px;
}

.radio_wrap .fields input.radio
{
	float: left;
	margin-right: 0;
}


.radio_wrap .fields label
{
	float: left;
	margin-left: 2px;
	margin-right: 4px;
}

.radio_wrap .fields .bt
{
	/* -- tidies the alignment when next to rich radio buttons -- */
	margin-top: -1px;
	margin-left: 4px;
}

.fields a.info
{
	float: left;
	display: block;
	margin: 6px 0 0 10px;
	padding: 0;
	cursor: pointer;
}

.fields .help
{
	color: #999;
	font-size: 12px;
    margin-left: 8px;
    float: left;
    font-style: italic;
    clear: none;
    margin-top: 2px;
    margin-bottom: 0;
}

.field_wrap .fields button
{
	margin-top: -2px;
}

.fields button.bt_icon
{
	margin-top: 0;
}

.field_wrap_checkbox,
.field_wrap_radio
{
	padding-bottom: 0;
}

/* -- Rich Radio Buttons - formed via an implicit enclosing label with a background image, and associated JS -- */

label.rich_radio 
{
	background: url(../images/bg_rich_radio.gif) no-repeat 0 -26px;
	padding-bottom: 0;
	margin-top: -2px; /* pull up a little, in line with the adjacent label */
	margin-right: 4px;
	cursor: pointer;
}

label.rich_radio span.rt
{
	display: block;
	background: url(../images/bg_rich_radio_span_rt.gif) no-repeat 100% -26px;
	height: 26px;
	padding: 0 12px 0 7px;
}

label.rich_radio_checked
{
	background-position: 0 0 !important;	
}

label.rich_radio_checked span.rt
{
	background-position: 100% 0 !important;	
}

label.rich_radio_hover
{
	background-position: 0 -52px;	
}

label.rich_radio_hover span.rt 
{
	background-position: 100% -52px;	
}

label.rich_radio span.label
{
	display: block;
	background: none;
	float: left;
	margin-top: 6px;
}

label.rich_radio input.radio,
.field_wrap .fields label.rich_radio input.radio
{
	float: left;
	margin-top: 6px;
	margin-right: 4px;
}

label.rich_radio a.sign
{
	background: url(../images/bg_rich_radio_a_sign.gif) no-repeat 0 -16px;
	width: 15px;
	height: 16px;
	float: left;
	display: block;
	margin-top: 5px;
	margin-left: 12px;
}

label.rich_radio_checked a.sign
{
	background-position: 0 0px;
}

label.rich_radio input.radio
{
	outline: none;
}

label.rich_radio input.text
{
	float: left;
	margin-left: 5px;
	margin-top: 3px;
}

/* -- "no label" variant -- */
label.rich_radio_nl
{
	height: 19px;
	width: 19px !important;
	background: none;
	margin-top: 1px;
	display: block;
	float: left;
}

label.rich_radio_nl span.label
{
	margin-top: 4px;
}

label.rich_radio_nl.rich_radio_checked
{
	background: url(../images/bg_rich_radio_nl_checked.gif) no-repeat;
}

label.rich_radio_nl input.radio
{
	margin-top: 3px;
	margin-left: 3px;
}


/* 
-------------------------------------------
	Standard field and field wrap sizes
-------------------------------------------
*/

input.name
{
	width: 180px;
}

.field_wrap_name
{
	width: 200px;
}

input.date
{
	width: 65px;
}

.field_wrap_date
{
	width: 85px;
}

.field_wrap_date_bt
{
	width: 110px;
}

input.zip
{
	width: 50px;
}

.field_wrap_zip
{
	width: 70px;
}


/* -- social security number fields -- */

input.ssn_1,
input.ssn_2
{
	width: 100px !important;
}

input.ssn_3
{
	width: 28px !important;
}

.field_wrap_ssn .fields p.label
{
	margin-left: 5px;
	margin-right: 4px;
	padding-left: 0;
}

.field_wrap_ssn .fields input
{
	margin-right: 0px;
}

input.currency
{
	/* convenience class for (right-aligned) currency fields */
	text-align: right;
	width: 70px;
}

input.small_num
{
	/* convenience class for small numbers, such as "time with employer" */
	width: 35px;
}

select.state
{
	width: 60px;
}

.field_wrap_state
{
	width: 80px;
}

.field_wrap_time_at
{
	width: 130px;
}

label.rich_radio_print span.rt
{
	width: 160px;
}

label.rich_radio_electronic span.rt
{
	width: 202px;
}

label.rich_radio_short span.rt
{
	/* for radio buttons with short response answers, like yes/no */ 
	width: 40px;
}


/* -- Field Sets (panels around sets of field wraps) -- */

.field_set
{
	padding: 8px 12px 10px 12px;
}

.field_set h3
{
	text-transform: uppercase;
	font-size: 12px;
	color: #183D61;
	padding-bottom: 10px;
}

/* -- Columns within field sets (simply a float: left) -- */

.field_set .col
{
	float: left;
}

/* -- Special Field Sets where the first of the fields has a "tab" appearance -- */

.field_set_top
{
	padding: 0;
	background: url(../images/bg_field_set_top.gif) bottom left repeat-x;
}

.field_set_top .field_wrap
{
	/* to make the "tab" appearance work, the field wrap itself takes on the padding here instead */
	padding-bottom: 0;
	padding: 8px 10px 10px 12px;
	background: #F9FAFD;
	border: 1px solid #EDEFF1;
	border-bottom: none;
}

.field_set_bottom
{
	border: 1px solid #EDEFF1;
	border-top: none;
	background: #F9FAFD;
}

.field_set_panel
{
	border: 1px solid #EDEFF1;
	background: #F9FAFD;
}

.field_set_panel .field_set_panel,
.field_set_bottom .field_set_panel
{
	border: 1px solid #DDD;
	background: #FFF;
	margin-top: 12px;
}

/* 
-- 
Standard setups for specific numbers of (equal-width) columns

This is fairly flexible in that it relies on a wrapper class to define how many columns there are, before any
of these standard sizes are applied. Thus in forms like the Submit application page, where there aren't many
fixed 1-4 column field sets, they need not be used at all.
 
-- 
*/

/* -- 1-half columns (x2 = an even 2 column layout) -- */

.col
{
	float: left;
	padding-right: 20px;
}

.col_1h
{
	width: 455px;
}

.field_set .col_1h
{
	width: 440px;
}

.col_1h input.text,
.col_1h select,
.col_1h textarea
{
	width: 420px;
}

.col_1h input.b1,
.col_1h select.b1,
.col_1h textarea.b1
{
	width: 125px;
}

.col_1h input.b2,
.col_1h select.b2,
.col_1h textarea.b2
{
	width: 259px;
}

/* -- 1-half columns (nested)-- */

.field_set .field_set .col_1h
{
	width: 418px;
	padding-right: 20px;
}

.field_set .field_set .col_1h input.text,
.field_set .field_set .col_1h select,
.field_set .field_set .col_1h textarea
{
	width: 406px;
}

.field_set .field_set .col_1h input.b1,
.field_set .field_set .col_1h select.b1,
.field_set .field_set .col_1h textarea.b1
{
	width: 120px;
}

.field_set .field_set .col_1h input.b2,
.field_set .field_set .col_1h select.b2,
.field_set .field_set .col_1h textarea.b2
{
	width: 254px;
}


/* -- 1-third columns (x3 = an even 3 column layout) -- */

.col_1t
{
	width: 288px;
	padding-right: 20px;
}

.col_1t input.text,
.col_1t textarea,
.col_1t select
{
	width: 271px;
}

.col_1t input.b1,
.col_1t select.b1,
.col_1t textarea.b1
{
	width: 78px;
}

.col_1t input.b2,
.col_1t select.b2,
.col_1t textarea.b2
{
	width: 168px;
}

/* -- 1-third columns (nested) -- */

.field_set .field_set .col_1t
{
	width: 265px;
	padding-right: 25px;
}

.field_set .field_set .col_1t input.text,
.field_set .field_set .col_1t select,
.field_set .field_set .col_1t textarea
{
	width: 255px;
}

.field_set .field_set .col_1t input.b1,
.field_set .field_set .col_1t select.b1,
.field_set .field_set .col_1t textarea.b1
{
	width: 76px;
}

.field_set .field_set .col_1t input.b2,
.field_set .field_set .col_1t select.b2,
.field_set .field_set .col_1t textarea.b2
{
	width: 163px;
}

/* -- 1-quarter columns (x4 = an even 4 column layout) -- */

.col_1q
{
	width: 210px;
	padding-right: 20px;
}

.col_1q input.text,
.col_1q select,
.col_1q textarea
{
	width: 190px;
}

.col_1q input.b1,
.col_1q select.b1,
.col_1q textarea.b1
{
	width: 54px;
}

.col_1q input.b2,
.col_1q select.b2,
.col_1q textarea.b2
{
	width: 116px;
}

/* -- 1-quarter columns (nested) -- */

.field_set .field_set .col_1q
{
	width: 194px;
	padding-right: 25px;
}

.field_set .field_set .col_1q input.text,
.field_set .field_set .col_1q select,
.field_set .field_set .col_1q textarea
{
	width: 180px;
}

.field_set .field_set .col_1q input.b1,
.field_set .field_set .col_1q select.b1,
.field_set .field_set .col_1q textarea.b1
{
	width: 52px;
}

.field_set .field_set .col_1q input.b2,
.field_set .field_set .col_1q select.b2,
.field_set .field_set .col_1q textarea.b2
{
	width: 116px;
}

.col table input.text,
.col table textarea,
.col table select
{
	width: auto;
}

.col_last
{
	padding-right: 0;
}


/* -- Form controls panel (Cancel, Save, Submit, and Icon Buttons) -- */

.panel_controls
{
	background-color: #FFFFFF;
	padding: 10px 13px;
	margin-top: 1em;
}

.panel_controls select
{
	margin-top: 2px;
}

.panel_controls .required_note
{
	font-size: 11px;
}

.panel_controls p.note
{
	float: left;
	margin-top: 0;
	line-height: 25px;
}

/* -- Specific control panels -- */

.panel_controls_filter select,
.panel_controls_filter label
{
	float: left;
	margin-right:6px;
}

/* -- Form panel group (white panel with title block) -- */

.panel
{
	background: url(../images/bg_panel.gif) #FFF repeat-x;
	padding: 3px 1px 0 1px;
	margin-top: 1em;
}

.panel_head
{
	background: url(../images/bg_panel_head.gif) repeat-x;
	padding: 2px 11px 8px 11px;
	height: 25px;
}

.panel_head h2
{
	font-family: "trebuchet ms", sans-serif;
	margin: 6px 0 5px 0;
	font-size: 13px;
	color: #183D61;
	text-transform: uppercase;
	float: left;
	line-height: 1.1em;
}

.panel_head h2.trigger
{
	background: url(../images/bg_panel_head_trigger.gif) no-repeat;
	cursor: pointer;
	padding-left: 22px;
	padding-top: 1px;
}

.panel_head h2.trigger:hover
{
	background-position: 0 -16px;
	text-decoration: underline;
}	

.panel_head h2.trigger_open
{
	background-image: url(../images/bg_panel_head_trigger_open.gif);
}

.panel_head h2 span.note
{
	text-transform: none;
	font-size: 0.9em;
	padding-left: 4px;
}

/* controls inside panel heads */


.panel_head .fields
{
	float: left;
	padding-left: 20px;
	margin-top: 5px;
}

.panel_head .fields_right
{
	float: right;
}	

.panel_head .fields label,
.panel_head .fields p.label,
.panel_head .fields select
{
	float: left;
}

.panel_head .fields label,
.panel_head .fields p.label
{
	display: block;
	margin-top: 1px;
	margin-right: 6px;
}

.panel_head .fields label.radio,
.panel_head .fields label.checkbox
{
	/* restore the default padding - CSS specificity can be painful... */
	margin-right: 16px;
}

.panel_head .fields select
{
	margin-top: 0px;
	margin-right: 6px;
}

.panel_head .bt
{ 
	/* drags the button up a touch to account for the top padding */
	position: relative;
	top: -3px;
	margin-bottom: -4px; /* don't allow the original block to have 3px at bottom */
}

.panel_head .bt span
{
	/* -- position: relative increases the padding for some reason... oh CSS! -- */
	padding-left: 12px;
}

.panel_head .bt_group
{
	margin-top: 5px;
}

.panel_head .bt_group_right a
{
	line-height: 18px;
}

.panel_head .bt_group_right a.bt
{
	line-height: 14px;
}


/* column headers */ 

.panel_head .col_head
{
	margin-top: 1px;
	margin-left: 4px;
	height: 26px;
	background: url(../images/bg_panel_head_col_head.gif) no-repeat;
	float: left;
}

.panel_head .col_head div
{
	font-size: 11px;
	color: #333;
	height: 20px;
	padding: 6px 10px 0 10px;
	text-align: center;
	background: url(../images/bg_panel_head_col_head_div.gif) top right no-repeat;
}


/* panel body */

.panel_body,
.collapse_panel .panel_body div.content,
.collapse_panel .panel_hl_body div.content
{
	padding: 8px 10px 10px 10px;
}

.collapse_panel .panel_body,
.collapse_panel .panel_hl_body
{
	padding: 0;
}

.panel_info .panel_body
{
	/* tighter spacing */
	padding-top: 4px;
	
}

.panel .panel_sub_head
{
	margin-bottom: 8px;
}

.panel .panel_sub_head p
{
	float: left;
}

.panel .panel_sub_head h3
{
	/* example - sub headers (outside the info table) on Daily Work Plan, "DEAL INFO" panel */ 
	font-size: 12px;
	font-weight: bold;
	float: left;
}


/* -- Highlighted form panel (faded yellow panel) -- */

.panel_hl
{
	margin-top: 1em;
	border: 5px solid #FFF;
	padding: 10px;
	background-color: #FFFFE5;
}

.panel_hl_head
{
	padding: 6px 2px 6px 8px;
}

.panel_hl_head .trigger
{
	float: right;
}

.panel_hl_body
{
	padding: 8px 2px 2px 8px;
}

/* -- Form errors panel -- */

.panel_errors
{
	margin-top: 1em;
	background: #FEF5F5;
	padding: 10px;
	border: 5px solid #FFF;
}

.panel_errors p.intro
{
	background: url(../images/bg_panel_errors_intro.gif) no-repeat;
	line-height: 24px;
	padding-left: 32px;
}


/* -- One line form panel (gradient) -- */

.panel_1_line
{
	border: 5px solid #FFF;
	margin-top: 1em;
	background: url(../images/bg_panel_1_line.gif) repeat-x;
}

.panel_1_line
{
	padding: 8px 16px;
}

.panel_1_line .field_wrap
{
	padding-bottom: 0;
}

.panel_1_line .field_wrap label,
.panel_1_line .field_wrap p.label
{
	float: left;
	clear: none;
	margin-right: 8px;
}

.panel_1_line .field_wrap .fields
{
	float: left;
	clear: none;
	margin-left: 4px;
}

/* -- Options Panel (as seen in customer list) --- */

.panel_options
{
	background-color: #F3F5F8;
	border: 1px solid #C6D9EA;
	font-size: 11px;
	padding: 5px;
	margin-top: 10px;
}

.panel_options li
{
	float: left;
	padding-right: 8px;
	padding-left: 8px;
	border-right: 1px solid #679AC9;
	font-weight: bold;
}

.panel_options li.first
{
	padding-left: 4px;
}

.panel_options li.last
{
	border-right: none;
}

.panel_options li.active a
{
	color: #586974;
}

.panel_options .bt_icon_close_panel
{
	float: right;
}


/* -- Panel Tabs -- */

/* 
	Note: Since the tab buttons sit inside the panel head, and the tab panels inside the panel body, we use the parent panel as a wrapping
    element with this extra "panel_tabs" class. This is also essential so that we can identify them correctly for the javascript behaviours too.
*/
 
.panel_tabs .panel_head .buttons
{
	float: left;
	height: 34px;
	margin-left: 30px;
}

.panel_tabs .panel_head .buttons li
{
	float: left;
	height: 34px;
	display: block;
	/* 
		note: these tabs have long trailing shadows so that they blend into the header line, so they need to be quite wide. 
		BUT we don't want adjacent tabs to be too far apart! this negative margin pulls the next tab toward this tab, 
		and the shadows still seam up really well.... sweating the details!
	*/
	
	margin-right: -15px;
}

.panel_tabs .panel_head .buttons li.last
{
	/* cancel the negative margin on the final tab, since IE 6 still chops the image */
	margin-right: 0;
}

.panel_tabs .panel_head .buttons li a
{
	display: block;
	background: url(../images/bg_panel_tabs_li_a.gif) no-repeat; 
	text-decoration: none;
	color: #535353;
	font-size: 11px;
	outline: none;
	cursor: pointer;
}

.panel_tabs .panel_head .buttons li a span
{
	display: block;
	padding: 13px 38px 0px 30px;
	height: 21px;
	background: url(../images/bg_panel_tabs_li_a_span.gif) no-repeat top right; 
}

.panel_tabs .panel_head .buttons li a:hover
{
	text-decoration: underline;
}

.panel_tabs .panel_head .buttons li a.active
{
	background-image: url(../images/bg_panel_tabs_li_a_active.gif);
	cursor: default;
}

.panel_tabs .panel_head .buttons li a.active span
{
	background-image: url(../images/bg_panel_tabs_li_a_active_span.gif)
}

.panel_tabs .panel_head .buttons li a.active:hover
{
	text-decoration: none;
}

/* -- floating tabs: as seen in Daily Work Plan. These appear to float over the top of the panel head and body -- */  

.panel .tabs_floating
{
	position: absolute; 
	top: 0;
}
.panel .tabs_floating2
{
	position: absolute; 
	top: 0;
}

.panel .tabs_floating ul.buttons
{
	height: 38px;
	background: url(../images/bg_tabs_floating_buttons.gif) repeat-x;
}
.panel .tabs_floating2 ul.buttons
{
	height: 38px;
	background: url(../images/bg_tabs_floating_buttons.gif) repeat-x;
}

.panel .tabs_floating .buttons li
{
	float: left;
}
.panel .tabs_floating2 .buttons li
{
	float: left;
}

.panel .tabs_floating .buttons li a
{
	background: url(../images/bg_tabs_floating_li_a.gif) no-repeat;
	display: block;
	height: 38px;
	text-decoration: none;
	color: #535353;
	font-size: 11px;
	outline: none;
	cursor: pointer;
}
.panel .tabs_floating2 .buttons li a
{
	background: url(../images/bg_tabs_floating_li_a.gif) no-repeat;
	display: block;
	height: 38px;
	text-decoration: none;
	color: #535353;
	font-size: 11px;
	outline: none;
	cursor: pointer;
}

.panel .tabs_floating .buttons li a:hover
{
	text-decoration: underline;
}
.panel .tabs_floating2 .buttons li a:hover
{
	text-decoration: underline;
}

.panel .tabs_floating .buttons li a span
{
	display: block;
	height: 21px;
	padding: 17px 30px 0px 30px;
	background: url(../images/bg_tabs_floating_li_a_span.gif) top right no-repeat;
}
.panel .tabs_floating2 .buttons li a span
{
	display: block;
	height: 21px;
	padding: 17px 30px 0px 30px;
	background: url(../images/bg_tabs_floating_li_a_span.gif) top right no-repeat;
}


.panel .tabs_floating .buttons li a.active
{
	background: url(../images/bg_tabs_floating_li_a_active.gif) no-repeat;
}

.panel .tabs_floating2 .buttons li a.active
{
	background: url(../images/bg_tabs_floating_li_a_active.gif) no-repeat;
}


.panel .tabs_floating .buttons li a.active:hover
{
	text-decoration: none;
	cursor: default;
}
.panel .tabs_floating2 .buttons li a.active:hover
{
	text-decoration: none;
	cursor: default;
}


.panel .tabs_floating .buttons li.first a.active
{
	background: url(../images/bg_tabs_floating_li_first_a_active.gif) no-repeat;
}
.panel .tabs_floating2 .buttons li.first a.active
{
	background: url(../images/bg_tabs_floating_li_first_a_active.gif) no-repeat;
}


.panel .tabs_floating .buttons li a.active span
{
	background: url(../images/bg_tabs_floating_li_a_active_span.gif) top right no-repeat;
}
.panel .tabs_floating2 .buttons li a.active span
{
	background: url(../images/bg_tabs_floating_li_a_active_span.gif) top right no-repeat;
}

.panel .tabs_floating .buttons li.first a.active
{
	background: url(../images/bg_tabs_floating_li_first_a_active.gif) no-repeat;
}
.panel .tabs_floating2 .buttons li.first a.active
{
	background: url(../images/bg_tabs_floating_li_first_a_active.gif) no-repeat;
}

.panel .tabs_floating .buttons li.first a
{
	background: url(../images/bg_tabs_floating_li_first_a.gif) no-repeat;
}
.panel .tabs_floating2 .buttons li.first a
{
	background: url(../images/bg_tabs_floating_li_first_a.gif) no-repeat;
}


.panel .tabs_floating .tab_panel
{
	padding-top: 11px;
	padding-left: 15px;
	background: url(../images/bg_tabs_floating_tab_panel.gif) repeat-y;
}
.panel .tabs_floating2 .tab_panel
{
	padding-top: 11px;
	padding-left: 15px;
	background: url(../images/bg_tabs_floating_tab_panel.gif) repeat-y;
}


/* -- Equation Fields (Blue arrow panel with total at the right) -- */

.equation_fields
{
	margin-top: 10px;
}

.equation_fields .col_fields
{
	width: 766px;
	float: left;
}

.equation_fields .col_result
{
	padding-left: 20px; 
	float: left;
	width: 110px;
}

.equation_fields .chrome
{
	height: 58px;
	background: url(../images/bg_equation_fields_chrome.gif) no-repeat;
}

.equation_fields .chrome_rt
{
	height: 58px;
	background: url(../images/bg_equation_fields_chrome_rt.gif) no-repeat top right;
}

.equation_fields .chrome .field_set
{
	float: left;
	width: 706px;
	padding-right: 0;
}

.equation_fields .chrome .field_set .operator
{
	line-height: 19px;
	float: left;
	display: block;
	padding-right: 8px;
}

.equation_fields .chrome .bt_icon_equals
{
	float: left;
	margin-top: 18px;
}

.equation_fields h4
{
	padding-bottom: 4px;
}

.equation_fields .col_result h4
{
	border-bottom: 1px solid #C2C7C7;
	text-align: center;
}

.equation_fields .col_result span.total
{
	display: block;
	text-align: right;
	font-weight: bold;
	padding-top: 20px;
	font-size: 16px;
	padding-right: 4px;
}

.panel_results
{
	margin-top: 8px;
	padding: 4px;
	background-color: #FFF;
}

.panel_results #label_results_range,
.panel_results #label_attention
{
	float: left;
	line-height: 18px;
}

.panel_results #label_results_range
{
	padding-left: 8px;
}

.panel_results #label_results_range span
{
	padding-right: 2px;
}

.panel_results #label_results_range select
{
	margin-right: 4px;
}

.panel_results #label_attention,
.panel_results #label_attention a
{
	color: #C53636;
}

.panel_results #label_attention a
{
	text-decoration: underline;
}

/* -- "Results" Tables (generally used for search results) -- */

/* -- Table Icons -- */

/* -- General Styles shared by all icons -- */

table td .icon
{
	width: 16px;
	height:22px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
}

table tr.alt td .icon
{
	background-position: 0 -22px;
}

table tr.attention td .icon
{
	background-position: 0 -66px;
}

table tr:hover td .icon,
table tr.alt:hover td .icon,
table tr.attention:hover td .icon
{
	background-position: 0 -44px;
}

/* -- Specific Icons -- */

table td .step_demonstration
{
	background-image: url(../images/bg_td_step_demonstration.gif);
}

table td .step_touch_desk
{
	background-image: url(../images/bg_td_step_touch_desk.gif);
}

table td .step_write_up
{
	background-image: url(../images/bg_td_step_write_up.gif);
}

table td .step_credit
{
	background-image: url(../images/bg_td_step_credit.gif);
}

table td .step_conversation
{
	background-image: url(../images/bg_td_step_conversation.gif);
}

table td .deal_type_e_contract
{
	background-image: url(../images/bg_td_deal_type_e_contract.gif);
}

table td .deal_type_e_menu
{
	background-image: url(../images/bg_td_deal_type_e_menu.gif);
}

table td .deal_type_aftermarket
{
	background-image: url(../images/bg_td_deal_type_aftermarket.gif);
}

table td .deal_type_payoff_quote
{
	background-image: url(../images/bg_td_deal_type_payoff_quote.gif);
}

/* lights - old styles - AK*/

/*table td .light_green
{
	background-image: url(../images/bg_td_light_green.gif);
}

table td .light_amber
{
	background-image: url(../images/bg_td_light_amber.gif);
}

table td .light_red
{
	background-image: url(../images/bg_td_light_red.gif);
}*/

.notes {
	text-align:center;	
}

table td .notes
{
	background-image: url(../images/bg_td_notes.gif);
}


table td.step a
{
	padding-left: 28px;
	text-indent: 0;
	line-height: 22px;
}

table.results
{
	border-collapse: separate;
	width: 100%;
}



table.results th
{
	background: url(../images/bg_results_th.gif) repeat-x #465661;
	color: #FFF;
	border-right: 1px solid #566771;
	border-left: 1px solid #89959D;
	padding: 6px 5px;
}

table.results th.active
{
	background: url(../images/bg_results_th_active.gif) repeat-x #224568;
}

table.results th a
{
	color: #FFF;
	display: block;
	background-repeat: no-repeat;
	background-position: center right;
	font-size: 11px;
}

table.results th.active a
{
	padding-right: 18px;
	font-weight: bold;
}

table.results th.active a.asc
{
	background-image: url(../images/bg_results_th_active_a_asc.gif);
}

table.results th.active a.desc
{
	background-image: url(../images/bg_results_th_active_a_desc.gif);
}

table.results th.status,
table.results td.status
{
	width: 20px;
}

table.results th.due_date,
table.results td.due_date
{
	width: 65px;
}
table.results th.menu
{
	width: 5px;
}

table.results th.menu span
{
	background: url(../images/bg_results_th_menu_span.gif) no-repeat;
	width: 16px;
	height: 16px;
}

table.results td
{
	background-color: #FFF;
	font-size: 11px;
	color: #3F4040;
	padding: 6px 5px;
}

table.results td.currency
{
	text-align: right;
	padding-right: 10px;
}

table.results td.light
{
	padding: 0px 2px;
	width: 22px;
}

table.results td.date_time
{
	width: 80px;
}

table.results td.name
{
	width: 100px;
}

table.results td a
{
}

table.results tr.alt td
{
	background-color: #F6F7F9;
}

table.results tr.attention td
{
	background-color: #F9EBEB;
}




table.results tr.attention td a,
table.results tr.attention td
{
	color: #C53636;
}

/* AK Added */
table.results tr.attention td .dd_menu a{
	color: #679AC9;
}

table.results tr:hover td
{
	background: #F7F7D8;
}

table.results tr.attention td a,
table.results tr:hover td a
{
	font-weight: bold;
}

table.results td.menu
{
	width:5px;
}	
table.results td.menu a.bt_dd_menu
{
	visibility: hidden;
}	

table.results tr:hover td.menu a.bt_dd_menu,
table.results td.menu a.bt_dd_menu_open
{
	visibility: visible;
}

table.results td.deal_type
{
	padding-top: 0;
	padding-bottom: 0;
}

table.results td.deal_type .deal_type
{
	float: left;
	margin-right: 4px;
}



/* -- Specific result tables (we class these to make them reusable) -- */


/* customers */

table.results_customers th.status
{
	width: 180px;
}

table.results_customers th.name
{
	width: 132px;
}

table.results_customers th.product
{
	width: 78px;
}

table.results_customers th.vehicle
{
	width: 110px;
}

table.results_customers th.deal_type
{
	width: 140px;
}

table.results_customers th.last_edit
{
	width: 70px;
}

table.results_customers th.edited_by
{
	width: 100px;
}

/* activities */

table.results_activities
{
	
}

table.results_activities tr
{
	padding:0;
	height:5px;
}

table.results_activities tr:hover td,
table.results_activities tr.alt:hover td,
table.results_activities tr:hover td.menu
{
}

table.results_activities th.customer_name
{
	width: 150px;
}
table.results_activities th.vehicle,
table.results_activities th.trade
{
	width: 115px;
}
table.results_activities th.notes
{
	width: 16px;
}

table.results_activities th.salsperson
{
	width: 100px;
}


/* -- vehicles -- */

table.results_vehicles th.type
{
	width: 100px;
}

table.results_vehicles th.price
{
	width: 60px;
}



/* -- Info Tables (Used to lay out tabular record details - e.g. Daily Work Plan, Contact Info Panel) -- */

.wrap_table_info
{
	overflow: auto;
}

table.info
{
	border: 1px solid #EDEFF1;
	width: 100%;
}

table.info td,
table.info th
{
	padding: 3px 6px 3px 6px;
	font-size: 11px;
	color: #616060;
}

table.info th.divide,
table.info td.divide
{
	border-left: 2px solid #fff;
}

table.info_fields td
{
	/* variant on the info table, with form fields - requires a little more padding */
	padding: 6px;
}

table.info th
{
	background: url(../images/bg_table_info_th.gif) repeat-x #F5F7F9;
	color: #183D61;
	border-bottom: 2px solid #D1DDE5; 
}

table.info th.delete,
table.info td.delete
{
	width: 0px;
}

table.info td.disabled,
table.info td.disabled input.text
{
	background-color: #E3E4E7;
}

table.info td
{
	background: url(../images/bg_divider.gif) repeat-x bottom left #F8F9FC;
}

table.info td.hl
{
	background-color: #FFFFE5;
}

table.info tr.lig td
{
	/* "lig" = "last in group" */
	background-image: none;
}

table.info .bt_delete
{
	
	width: 14px;
	height: 14px;
	text-indent: -9999px;
	cursor: pointer;
	background: url(../images/bg_bt_delete_on_f8f9fc.gif) no-repeat;
}


table.info .divider
{
	height: 5px !important;
}

/* -- "stats" tables, as seen in Metrics panel of Showroom log -- */

table.stats
{
	float: left;
}

table.stats th,
table.stats td
{
	padding: 4px 10px;
}

table.stats thead th
{
	background-color: #71A1D1;
	color: #FFF;
	text-align: center;
}

table.stats thead th.divide
{
	border-left: 1px solid #FFF;
}

table.stats td,
table.stats tbody th
{
	color: #666666;
	background: #F6F7F9 url(../images/bg_divider.gif) repeat-x bottom left;
}

table.stats tr.lig td,
table.stats tbody tr.lig th
{
	background-image: none;
}

table.stats tbody th
{
	font-weight: bold;
	text-align: left;
}


table.stats td
{
	text-align: center;
}

/* -- Result Set controls -- */

.results_controls
{
	margin-top: 4px;
	background: #6A7D8A;
	color: #FFF;
	font-size: 11px;
	font-weight: normal;
	padding: 3px 8px;
	
}

.results_controls a
{
	color: #FFF;
	text-decoration: underline;
}

.results_controls .col_first a
{
	line-height: 18px;
}

.results_controls .col_last .bt_icon,
.results_controls .col_last select
{
	float: left;
	margin-right: 6px;
}

.results_controls .col_last .bt_icon
{
	margin-top: 1px;
}





/* -- Scroller (see "Daily Work Plan" appointments panel for an example of this) -- */

.scroller
{
	float: left;
}

.scroller_horizontal .bt_forward,
.scroller_horizontal .bt_backward
{
	width: 18px;
	height: 77px;
	float: left;
	background-repeat: no-repeat;
	outline: none;
}

.scroller_horizontal .bt_forward span,
.scroller_horizontal .bt_backward span
{
	height: 77px;
	display: block;
}

.scroller_horizontal .bt_forward span
{
	background: url(../images/bg_scroller_horizontal_bt_forward_span.gif) center center no-repeat;
}

.scroller_horizontal .bt_backward span
{
	background: url(../images/bg_scroller_horizontal_bt_backward_span.gif) center center no-repeat;
}


.scroller .disabled
{
	background-position: -36px 0 !important;
	cursor: default;
} 

.scroller .bt_wheel
{
	background-position: -18px 0;
}


.scroller_horizontal .bt_forward:hover,
.scroller_horizontal .bt_backward:hover
{
	background-position: -18px 0;
}

.scroller_horizontal .bt_backward
{
	background: url(../images/bg_scroller_horizontal_bt_backward.gif) repeat-y;
}

.scroller_horizontal .bt_forward
{
	background: url(../images/bg_scroller_horizontal_bt_forward.gif) repeat-y;
}

.scroller .scroller_frame
{
	float: left;
}

.scroller_vertical .bt_forward,
.scroller_vertical .bt_backward
{
	width: 300px;
	height: 18px;
	float: left;
	background-repeat: no-repeat;
	outline: none;
	clear: left;
}

.scroller_vertical .scroller_frame
{
	float: none;
	clear: left;
	width: 298px;
	background: #FFF;
	border: 1px solid #ccc;
}


.scroller_vertical .bt_forward
{
	background-image: url(../images/bg_scroller_vertical_bt_forward.gif);
}

.scroller_vertical .bt_backward
{
	background-image: url(../images/bg_scroller_vertical_bt_backward.gif);
}

.scroller_vertical .disabled
{
	background-position: 0 -36px !important;
	cursor: default;
} 

.scroller_vertical .bt_wheel
{
	background-position: 0 -18px;
}

.scroller_vertical .bt_forward:hover,
.scroller_vertical .bt_backward:hover
{
	background-position: 0 -18px;
}


/* -- Specific Scrollers -- */


.scroller_appointments
{
	margin-top: 6px;
}

.scroller_appointments .scroller_content
{
	width: 700px;
	height: 77px;
}

.scroller_appointments ul.entries li
{
	float: left;
	margin-right: 8px;
	border: 1px solid #ccc;
	padding: 8px;
	font-size: 11px;
	color: #6F8EB1;
	width: 100px;
	height: 59px;
	background: url(../images/bg_scroller_entries_li.gif) repeat-x #F6F7F9;

}


.scroller_appointments ul.entries li.active
{
	background-image: url(../images/bg_scroller_entries_li_active.gif);
	background-color: #D4E4F8;
}

.scroller_appointments ul.entries li.last
{
	margin-right: 0;
}

.scroller_appointments ul.entries li h3
{
	font-size: 11px;
	color: #26496B;
	margin-bottom: 10px;
	font-weight: bold;
}


/* -- Appointments Panel -- */

.panel_appointments .next_appointment p
{
	color: #000;
	float: left;
	padding-left: 4px;
	padding-top: 2px;
	font-size: 11px;
}

.panel_appointments .next_appointment p em
{
	color: #993333;
}

.panel_appointments .panel_body
{
	height: 110px;
}

.panel_appointments .panel_head .next_appointment
{
	float: right;
	margin-top: 5px;
	line-height: 1em;
}


.panel_appointments .wrap_calendar
{
	float: left;
}

.panel_appointments .column_entries
{
	float: left;
	width: 750px;
	padding-left: 12px;
	padding-top: 4px;
}

.panel_appointments .column_entries h2
{
	color: #345574;
	font-size: 18px;
	float: left;
	padding-left: 4px;
}

/* -- Activities Panels -- */



/* -- Layouts -- */

/* -- layout with a sub navigation, as seen in Customer Hub template -- */

.col_content .col_content_title 
{
	padding-left: 10px;
}

.col_content .col_content_title h2
{
	color: #183D61;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}

.layout_sub_nav .col_sub_nav
{
	width: 180px;
	float: left;
}

.layout_sub_nav .col_sub_nav .panel_sub
{
	margin-right: 9px;
}

.layout_sub_nav .col_content
{
	float: left;
	width: 766px;
}

.layout_sub_nav .col_content .col
{
	width: 242px;
	padding-right: 8px;
}

.layout_sub_nav .col_content .col_last
{
	padding-right: 0;
}



.layout_sub_nav
{
	
}




/* -- Calendar View Component -- */

div.wrap_calendar
{
  border: 1px solid #ccc;
  float: left;
}

div.calendar
{
  color: #183D61;
}

div.calendar.popup
{
  margin-left: -40px;
  margin-top: -100px;
}

div.calendar table
{
  background-color: #f2f2f2;
  border-collapse: separate;
}

div.calendar table thead {
  background-color: white;
}

div.calendar table td,
div.calendar table th
{
  padding: 0px 2px 0px 2px;
  text-align: center;
  font-size: 10px;
  vertical-align: center;
	height: 14px;
}

div.calendar table thead th,
div.calendar table thead td
{
	padding: 3px 1px 2px 1px;
}

div.calendar table th
{
  color: #555;
}

div.calendar table thead tr.month td {
    border-top: 1px solid #FFF;
	background-color: #D6E7FC;
	background-repeat: no-repeat;
	text-transform: uppercase;
}

div.calendar table thead tr.month td.bt_next_month {
	border-right: 1px solid #FFF;
	cursor: pointer;
	background-image: url(../images/bg_calendar_bt_next_month.gif);
	text-indent: -9999px;
}

div.calendar table thead tr.month td.bt_previous_month {
	border-left: 1px solid #FFF;
	cursor: pointer;
	background-image: url(../images/bg_calendar_bt_previous_month.gif);
	text-indent: -9999px;
}

div.calendar table thead tr.month td.bt_next_month:hover,
div.calendar table thead tr.month td.bt_previous_month:hover
{
	background-position: 0 -16px;
}



div.calendar table thead tr.day_names th {
  border-top: 1px solid #FFF;
  background: #DEE8F7;
}

div.calendar table tr.days td {
  width: 14px;
  text-align: center;
vertical-align: middle;
  cursor: pointer;
  color: #71A1D1;
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
}

div.calendar table tr.days td.first {
	border-left: none;
}

div.calendar table tr.days td:hover,
div.calendar table tr.days td.otherDay:hover,
div.calendar table td.button:hover
{
  background-color: #a3c6e9;
color: #FFF;
  cursor: pointer;
}

div.calendar table tr.days td:active
div.calendar table td.button:active
{
  background-color: #cde;
}

div.calendar table tr.days td.today
{
  font-weight: bold;
  color: #ff9900;
  background-color: #FFF;
}

div.calendar table tr.days td.selected
{
  font-weight: bold;
  background-color: #71a1d1;
  color: #FFF;
}


div.calendar table tr.days td.otherDay
{
  color: #CCC;
}