/*
                                DEFAULT.CSS

=============================================================================
  OVERVIEW:
=============================================================================
  This stylesheet defines all styles for the default ecredco web site.  It
  overrides and extends the Yahoo! User Interface (YUI) core stylesheets:
   - reset.css: resets all css styles for cross-browser compatibility
   - fonts.css: sets default font sizes
   - grids.css: defines common column layouts
  Please see http://developer.yahoo.com/yui for complete documentation.
  The following YUI css file combines and minifies the three stylesheets
  mentioned above, and is referenced in the ecredco.Master page:
   - ~/App_Themes/reset-fonts-grids.css
  The reset-fonts-grids.css file should never be edited.  Any of its settings
  can be overwritten in this file.

=============================================================================
  ORGANIZATION:
=============================================================================
  This file is organized into logical sections, each with a name in capital
  letters beginning with an underscore (e.g. _EXAMPLE).  To quickly locate a
  section, search for the section name with the initial underscore to avoid
  finding tags/classes/selectors with the same name.

  The sections (with initial underscore removed) are:
   - OVERRIDES
   - GLOBAL_TAGS
   - TEXT
   - LINKS
   - HELPERS
   - SPRITES
   - HEADER
   - PRIMARY NAVIGATION
   - BODY
   - FOOTER
   - CONTAINERS
   - MODAL_POPUP_DIALOGS
   - GRIDS_TABLES
   - FORMS
   - LISTS
   - <PAGE_OR_FEATURE_NAME>
   - ELEMENT_IDS

  To jump quickly from section to section, search for _SECTION.

=============================================================================
  FONTS:
=============================================================================
  Per Yahoo! recommendations, specify all font sizes in percentages, which
  render more consistently across browsers, and scale properly when users
  resize text.  Use the chart below to determine the correct percentage to
  use, and only use values from the chart if possible.  Do not use
  pixels (px), points (pt), ems (em), or any other unit.  Ems can be used
  for margins and line heights.

  Pixel  =  Percentage
  --------------------
  10px   =  77%
  11px   =  85%
  12px   =  93%
  13px   =  100%
  14px   =  108%
  15px   =  116%
  16px   =  123.1%
  17px   =  131%
  18px   =  138.5%
  19px   =  146.5%
  20px   =  153.9%
  21px   =  161.6%
  22px   =  167%
  23px   =  174%
  24px   =  182%
  25px   =  189%
  26px   =  197%

=============================================================================
  NAMING:
=============================================================================
  CSS selector/class names are intentionally kept short to minimize file
  size.  To keep the system as generic as possible, commonly used classes and
  their variations are given sequential numeric identifiers.  For example,
  .grid1 and .grid2 define different layouts for a GridView control, but they
  are named generically because they may look completely different in another
  Theme.  A cheat sheet with screenshots of all common layouts is available
  at: TODO: Create cheat sheet and reference here

=============================================================================
  SKINS:
=============================================================================
  Many of the styles in this file are referenced and organized by Skins.  The
  default skin file is: ~/App_Themes/Default/Default.skin.  Where applicable,
  the style defined in this file (default.css) references its parent SkinID
  in Default.skin.

=============================================================================
  PERFORMANCE:
=============================================================================
  The YUI CSS file is minified for performance reasons.  All other
  styles are defined in this css file, so clients do not have to download
  multiple stylesheets.  An additional stylesheet, ie.css, is loaded
  conditionally for IE browsers (see ie.css for more information).
*/

/*===========================================================================*\
    _SECTION_OVERRIDES: Overrides styles defined in YUI reset-fonts-grids.css
\*===========================================================================*/
#doc
{
	width: 66.923em; /* !IE */
	*width: 65.31em; /* IE */
	min-width: 870px;
	font-family: arial; /* Override the default font here.  Only specify one
                           font-family; the YUI fonts.css file handles font
                           degrading. */
}
.yui-t5 .yui-b
{
	width: 17.538em;
	*width: 17.11em;
}
.yui-t5 #yui-main .yui-b
{
	margin-right: 18.307em;
	*margin-right: 17.866em;
}
#hd
{
	height: 190px;
	margin: 0; /* To match settings defined in #bd */
}
#bd
{
	background-color: #fff;
	margin: 2px 0 0 0;
}
#ft
{
	background-color: #fff;
	margin: 15px 0 0 0; /* To leave room on the left and right for the gradient fade
							background-image defined in #doc4, and on the bottom to look nice */
}

table
{
	padding: 10 10 10 10;
}

/*===========================================================================*\
    _SECTION_GLOBAL_TAGS: Defines global styles after YUI reset applied
\*===========================================================================*/

h1{font-size:138.5%; color:#666}
h2{font-size:123.1%; color:#666}
h3{font-size:108%; color:#666}
h4{font-size:93%; color:#666}
h1,h2,h3,h4,h5,h6{color:#666;margin:1em 0px;font-weight:bold}
p{margin-bottom:0.5em; color:#666; font-size: 85%}
a:active,a:link,a:visited{color:#6A8DB6;text-decoration:none}
a:hover{text-decoration:underline}
strong{font-weight:bold; color: #666;}
em{font-style:italic}
ul,ol,dl{margin:1em 0 1em 2em}
ol li,ul li{list-style-position:outside}
ol li{list-style-type:decimal}
ul li{list-style-type:disc; color: #666;}
dl dd{margin-left:1em}
th,caption{text-align:center}
th{font-weight:bold}
caption{margin-bottom:0.5em}
textarea{font:normal 100% arial}
blockquote{margin:0px 18px;}

/*===========================================================================*\
    _SECTION_HELPERS: Shortcuts to commonly used styles
\*===========================================================================*/

.float-left {float:left;}
.float-right {float:right;}
.float-none {float:none;}
.clear-left {clear:left;}
.clear-right {clear:right;}
.clear-both {clear:both;}
.display-none {display:none;}
.display-block {display:block;}
.align-left {text-align:left;}
.align-center {text-align:center;}
.align-right {text-align:right;}
.valign-top {vertical-align:top;}
.valign-middle {vertical-align:middle;}
.valign-bottom {vertical-align:bottom;}
.border-none {border: solid 0px #fff;}

/*===========================================================================*\
    _SECTION_HEADER: Defines the structure and appearance of the header
\*===========================================================================*/

/* Header Structure */
#hd-global-cmd
{
	float:left;
	margin: 5px 0 0 10px;
}
#hd-global-nav
{
	float: right;
	margin: 5px 10px 7px 0;
}
#hd-main
{
	float: left;
	height: 154px;
	width: 870px;
}

#hd-main-logo
{
	float: left;
	height: 63px;
	margin: 32px 0 0 31px;
	*margin: 31px 0 0 31px;
	width: 163px;
}
#hd-search-ctr
{
	float: right;
	height: 79px;
	width: 195px;
	margin: 22px 85px 0 0; /* !IE */
	*margin: 21px 90px 0 0; /* IE */
}
#hd-service-ctr
{
	float: left;
	height: 79px;
	width: 341px;
	margin: 22px 0 0 35px; /* !IE */
	*margin: 21px 0 0 35px; /* IE */
}
#hd-tabs 
{
	float: left;
	margin: 19px 0 0 66px;
}

/* Header Appearance */
#hd-global-cmd a
{
	font-family: Arial;
	font-size: 77%;
	color: #999;
}	
#hd-global-nav a
{
	font-family: Arial;
	font-size: 77%;
	color: #999;
	text-decoration: none;
}
#hd-global-nav a:hover
{
	text-decoration: underline;
}
#hd-global-nav i
{
	font-size: 77%;
	color: #999;
}
#hd-main
{
	background: url(images/header.gif) no-repeat;
}
#hd-search-ctr
{
	background: url(images/search_bkgd.gif) no-repeat;
}
#hd-search-ctr table
{
	height: 30px;
	margin: 10px 0 0 10px;
	vertical-align: middle;
}
#hd-search-ctr input
{
	padding: 2px;
	width: 130px;
}
#hd-search-ctr table
{
	height: 30px;
	margin: 10px 0 0 10px;
	vertical-align: middle;
}
#hd-search-ctr td
{
	padding: 0px 5px 5px 0;
}
#hd-search-ctr .title
{
	color: #666;
	font-size: 100%;
	font-weight: bold;
}
#hd-service-ctr
{
	background: url(images/service_ctr_bkgd.gif) no-repeat;
}
#hd-service-ctr a
{
	color: #6998cc;
	font-size: 77%;
	text-decoration: underline;
}
#hd-service-ctr input
{
	padding: 2px;
	width: 125px;
}
#hd-service-ctr table
{
	height: 30px;
	margin: 10px 0 0 10px;
	vertical-align: middle;
}
#hd-service-ctr td
{
	padding: 0px 5px 5px 0;
}
#hd-service-ctr .title
{
	color: #666;
	font-size: 100%;
	font-weight: bold;
}

/*===========================================================================*\
    _SECTION_PRIMARY_NAVIGATION: Defines the appearance of the primary navigation
\*===========================================================================*/
/* Primary Navigation Structure */
.CssAdapterMenu ul /* Tier 1 */
{
	float: left;
	width: 800px;
}

.CssAdapterMenu ul li /* main categories */
{
	padding: 10px 35px 13px 0;
	margin: 0;
}

.CssAdapterMenu ul li ul /* Tier 2 */
{
	top: 100%;
	left: 3px;
}

.CssAdapterMenu ul li ul li /* sub categories */
{
	height: 25px;
	padding: 5px 0 5px 10px;
	width: 148px;
}

/* Primary Navigation Appearance */
.CssAdapterMenu ul li a /* main items text */
{
	color: #fff;
	font-family:Arial;
	font-size: 93%;
	font-weight: bold;
}

.CssAdapterMenu ul li span /* main items text */
{
	color: #fff;
	font-family:Arial;
	font-size: 93%;
	font-weight: bold;
	cursor: default;
}

.CssAdapterMenu ul li ul /* sub items container */
{
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	font-size: 11px;
	width: 148px;
}

.CssAdapterMenu ul li ul li /* sub items */
{
	background-image: url(images/menu_bkgd.gif);
	border-top: solid 1px #ccc;
	font-size: 11px;
}

.CssAdapterMenu ul li ul li a /* sub items text */
{
	color: #333;
	font-family:Arial;
	font-size: 11px;
}

.CssAdapterMenu ul li ul li a:hover /* sub item text hover */
{
	color: #6A8DB6;
}


/*===========================================================================*\
    _SECTION_SECONDARY_NAVIGATION: Defines the appearance of the secondary navigation
\*===========================================================================*/
/* Secondary Navigation Structure */
.secondary-menu ul /* Tier 1 */
{
	float: left;
}

.secondary-menu ul li /* main categories */
{
	padding: 5px 10px 5px 10px;
	margin: 0;
}

/* Secondar Navigation Appearance */
.secondary-menu ul /* main items text */
{
	border-left: solid 1px #fff;
}

.secondary-menu ul li /* main items text */
{
	border-right: solid 1px #fff;
}

.secondary-menu ul li a /* main items text */
{
	color: #fff;
	font-family:Arial;
	font-size: 85%;
	font-weight: bold;
}

.secondary-menu ul li a:hover /* main items text hover */
{
	color: #7d7d7d;
	font-family:Arial;
	font-size: 85%;
	font-weight: bold;
}

/*===========================================================================*\
    _SECTION_BODY: Defines the appearance of the body
\*===========================================================================*/
/* Body Structure */
#bd-scnd-nav-company
{
	height: 25px;
	margin-top: 1px;
	width: 482px;
}

#bd-scnd-nav-contact
{
	height: 25px;
	margin-top: 1px;
	width: 632px;
}

#bd-scnd-nav-creditreports
{
	height: 25px;
	margin-top: 1px;
	width: 512px;
}

#bd-scnd-nav-compliancetools
{
	height: 25px;
	margin-top: 1px;
	width: 582px;
}

#bd-scnd-nav-idverification
{
	height: 25px;
	margin-top: 1px;
	width: 482px;
}

#bd-scnd-nav-leadsolutions
{
	height: 25px;
	margin-top: 1px;
	width: 612px;
}

#bd-scnd-nav-newsroom
{
	height: 25px;
	margin-top: 1px;
	width: 457px;
}

#bd-scnd-nav-portfoliomanagement
{
	height: 25px;
	margin-top: 1px;
	width: 457px;
}

#bd-scnd-nav-products
{
	height: 25px;
	margin-top: 1px;
	width: 575px;
}

#bd-scnd-nav-resources
{
	height: 25px;
	margin-top: 1px;
	width: 632px;
}

/* Body Appearance */
#bd-scnd-nav-company
{
	padding-left: 150px;
	background: url(images/nav/steel_bkgd.gif) no-repeat;
}

#bd-scnd-nav-contact
{
	padding-left: 150px;
	background: url(images/nav/steel_bkgd.gif) no-repeat;
}


#bd-scnd-nav-creditreports
{
	padding-left: 120px;
	background: url(images/nav/credit_reports_bkgd.gif) no-repeat;
}

#bd-scnd-nav-compliancetools
{
	padding-left: 50px;
	background: url(images/nav/compliance_tools_bkgd.gif) no-repeat;
}

#bd-scnd-nav-idverification
{
	padding-left: 150px;
	background: url(images/nav/id_verification_bkgd.gif) no-repeat;
}

#bd-scnd-nav-leadsolutions
{
	padding-left: 20px;
	background: url(images/nav/lead_solutions_bkgd.gif) no-repeat;
}

#bd-scnd-nav-newsroom
{
	padding-left: 175px;
	background: url(images/nav/steel_bkgd.gif) no-repeat;
}

#bd-scnd-nav-portfoliomanagement
{
	padding-left: 175px;
	background: url(images/nav/portfolio_mgmt_bkgd.gif) no-repeat;
}

#bd-scnd-nav-products
{
	padding-left: 15px;
	background: url(images/nav/credit_reports_bkgd.gif) no-repeat;
}

#bd-scnd-nav-resources
{
	padding-left: 150px;
	background: url(images/nav/steel_bkgd.gif) no-repeat;
}


/*===========================================================================*\
    _SECTION_FOOTER: Defines the structure and appearance of the footer
\*===========================================================================*/

/* Footer Structure */
#ft-global-nav
{
	height: 25px;
	padding-top: 20px; /* Top and bottom padding */
	text-align: center;
}

#ft-global-img
{
	float: right;
	height: 25px;
	margin: 0 0 25px 31px;
	*margin: 0 0 25px 31px;
	width: 90px;
}

/* Footer Appearance */
#ft-global-nav a
{
	font-family: arial;
	font-size: 77%;
	color: #999;
	text-decoration: none;
}
#ft-global-nav a:hover
{
	text-decoration: underline;
}
#ft-global-nav p, #ft-global-nav i
{
	font-family: arial;
	font-size: 77%;
	color: #999;
}

/*===========================================================================*\
    _SECTION_SIDEBAR: Defines the structure and appearance of the sidebar
\*===========================================================================*/

#sidebar-form
{
	background: url(images/sideform.jpg) no-repeat;
	height: 650px;
}

/*===========================================================================*\
    _SECTION_FORMS: Styles for table-based forms
\*===========================================================================*/


/*===========================================================================*\
    _SECTION_CUSTOMER_SERVICE_FAQ: Page-specific styles
\*===========================================================================*/

/* Home Page Ad section */
#ad-middle
{
	margin-top: 7px;
}
#ad-middle-left
{
	float: left;	
}
#ad-middle-right
{
	float: right;	
}



/*===========================================================================*\
    _SECTION_GRIDS_TABLES: Styles for GridViews and tables
\*===========================================================================*/

/* Table 1 */
.tbl1
{
	width: 100%;
}

.tbl1 th
{
	background-color: #6A8DB6;
	border-color: #fff;
    border-width: 0 0 1px 1px;
    border-style: solid;
	text-align: left;
	color: #fff;
	font-size: 85%;
	font-weight: bold;
	padding: 5px;
}

.tbl1 td
{
	border-color: #fff;
    border-width: 0 0 1px 1px;
    border-style: solid;
	color: #666;
	font-size: 85%;
	padding: 5px;
}

.tbl1 tr.alt /* dimmed version (usually a lighter shade of the same color) */
{
	background-color: #efefef;
}

#productHighlights
{
	float: right; 
	margin-left: 15px;
	margin-right: 2px; 
	margin-top: 75px;
	width: 165px; 
}

#productHighlights ul
{
	background-color: #f0f0f0;
	margin-left: 5px;
	padding-top: 3px;
	padding-left: 5px;
	list-style: none;
	display: inline-block;
	margin-top: 3px;
}
#productHighlights ul li
{
	font-family: Arial;
    font-size: 85%;
    font-weight: normal;
    color: #666666;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    background-image: url(/assets/images/squaremain.gif);
    background-repeat: no-repeat;
    background-position: 0 .6em;
    /*line-height: 17px;   */
}



#bd{
	text-align: center;
	padding: 0, 10px, 0, 10px;
}

td.BoldText
{
	color: #666666;
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
}

td.Header
{
	color: #666666;
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
}

td.pageTitle
{
	color: #666666;
	font-family: Verdana, Arial;
	font-size: 14px;
	font-weight: bold;
}

td.itemlabel
{
	color: #666666;
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
}

td.titleborder
{
	color: #666666;
	border-color: #000;
    border-width: 1px 1px 0 0;
    border-style: solid;
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

td.normalborder
{
	color: #666666;
	border-color: #000;
    border-width: 1px 1px 0 0;
    border-style: solid;
	font-family: Verdana, Arial;
	font-size: 11px;
	text-align: center;
}

td.boldred
{
	color: #f00;
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 12px;
}

td.itemreq
{
	color: #f00;
	font-family: Verdana, Arial;
	font-size: 11px;
}

td.itemvalue
{
	font-family: Verdana, Arial;
	font-size: 11px;
}

td.MainText
{
	color: #666666;
	font-family: Verdana, Arial;
	padding-left: 20px;
	padding-right: 20px;
}

td.NormalText
{
	color: #666666;
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: normal;
}

td.TopNavigationBackGround
{
	background-image: url(images/top_nav_bkgd.gif);
	height: 30px;
	vertical-align: bottom;	
}

.boldred
{
	color: #f00;
	font-family: Verdana, Arial;
	font-size: 12px;
	font-weight: bold;	
}

.normalred
{
	color: #ff0000;
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
}

.smallred
{
	color: #f00;
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: normal;
}

.smallblack
{
	color: #000;
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: normal;
}

td.smallgray
{
	color: #666;
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: normal;
}

.tableborderthin
{
	border-color: #000;
    border-width: 0 0 1px 1px;
    border-style: solid;
}

.ProvidedServices
{
	color: #666666;
	font-family: Verdana, Arial;
	font-size: 11px;
}

.ProvidedServices input
{
	float: left;
	margin-bottom: 15;
}

.ValidationErrorSummary
{
	color: Red;
	font-size: 12px;
}

.ValidationError
{
	color: Red;
	font-size: 10px;
}

#ul2
{
	color: #666666;
	margin-left: 5px;
	padding-top: 3px;
	padding-left: 5px;
	list-style: none;
	display: inline-block;
	margin-top: 3px;
	font-size:11px;
}

#ul2 li
{
	font-size: 11px;
	padding-left: 16px;
	background-image: url(/assets/images/squaremain.gif);
	background-repeat: no-repeat;
	background-position: 0 .6em;
	line-height: 17px;
}

#ul3
{
	color: #666666;
	margin-left: 5px;
	padding-top: 3px;
	padding-left: 5px;
	list-style: none;
	display: inline-block;
	margin-top: 3px;
	font-size:11px;
}
#ul3 li
{
	font-family: Arial;
	font-size: 11px;
	padding-left: 16px;
	background-image: url(/assets/images/squarecredit.gif);
	background-repeat: no-repeat;
	background-position: 0 .6em;
	line-height: 17px;	
}
#ul4
{
	color: #666666;
	margin-left: 5px;
	padding-top: 3px;
	padding-left: 5px;
	list-style: none;
	display: inline-block;
	margin-top: 3px;
	font-size:11px;
}
#ul4 li
{
	font-family: Arial;
	font-weight: normal;
	padding-left: 12px;
	padding-right: 5px;
	padding-bottom: 5px;
	background-image: url(/assets/images/squarecompliance.gif);
	background-repeat: no-repeat;
	background-position: 0 .6em;
	line-height: 17px;	
	font-size:11px;
}
#ul5
{
	color: #666666;
	margin-left: 5px;
	padding-top: 3px;
	padding-left: 5px;
	list-style: none;
	display: inline-block;
	margin-top: 3px;
	font-size:11px;
}
#ul5 li
{
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	padding-left: 16px;
	padding-right: 5px;
	padding-bottom: 5px;
	background-image: url(/assets/images/squareid.gif);
	background-repeat: no-repeat;
	background-position: 0 .6em;
	line-height: 17px;	
}
#ul6
{
	color: #666666;
	margin-left: 5px;
	padding-top: 3px;
	padding-left: 5px;
	list-style: none;
	display: inline-block;
	margin-top: 3px;
	font-size:11px;
}
#ul6 li
{
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	padding-left: 16px;
	padding-right: 5px;
	padding-bottom: 5px;
	background-image: url(/assets/images/squareleads.gif);
	background-repeat: no-repeat;
	background-position: 0 .6em;
	line-height: 17px;	
}

#ul7
{
	color: #666666;
	margin-left: 5px;
	padding-top: 3px;
	padding-left: 5px;
	list-style: none;
	display: inline-block;
	margin-top: 3px;
	font-size:11px;
}
#ul7 li
{
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	padding-left: 12px;
	padding-right: 5px;
	padding-bottom: 5px;
	background-image: url(/assets/images/squareportfolio.gif);
	background-repeat: no-repeat;
	background-position: 0 .6em;
	line-height: 17px;	
}